@esri/solutions-components 0.6.6 → 0.6.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (943) hide show
  1. package/dist/cjs/{ExpandToggle-e6a0d66e.js → ExpandToggle-70890ae0.js} +4 -4
  2. package/dist/cjs/{FloatingArrow-0119ec6e.js → FloatingArrow-4ca06439.js} +1 -1
  3. package/dist/cjs/{Heading-521f39ac.js → Heading-c5c71fc5.js} +1 -1
  4. package/dist/cjs/{app-globals-72576a1c.js → app-globals-a34c0991.js} +20 -25
  5. package/dist/cjs/{ar-1718ae57.js → ar-fa16156d.js} +15 -15
  6. package/dist/cjs/{bg-190a176c.js → bg-b39e773e.js} +15 -15
  7. package/dist/cjs/{bs-919e0de8.js → bs-4579ea2a.js} +15 -15
  8. package/dist/cjs/buffer-tools_4.cjs.entry.js +1437 -1437
  9. package/dist/cjs/{ca-94918e06.js → ca-f3f64686.js} +15 -15
  10. package/dist/cjs/calcite-accordion-item.cjs.entry.js +140 -140
  11. package/dist/cjs/calcite-accordion.cjs.entry.js +75 -75
  12. package/dist/cjs/calcite-action-bar.cjs.entry.js +216 -216
  13. package/dist/cjs/calcite-action-group_2.cjs.entry.js +365 -365
  14. package/dist/cjs/calcite-action-pad.cjs.entry.js +135 -135
  15. package/dist/cjs/calcite-action_2.cjs.entry.js +445 -445
  16. package/dist/cjs/calcite-alert.cjs.entry.js +247 -247
  17. package/dist/cjs/calcite-avatar.cjs.entry.js +73 -73
  18. package/dist/cjs/calcite-block-section.cjs.entry.js +122 -122
  19. package/dist/cjs/calcite-block.cjs.entry.js +131 -131
  20. package/dist/cjs/calcite-button.cjs.entry.js +182 -182
  21. package/dist/cjs/calcite-card.cjs.entry.js +99 -99
  22. package/dist/cjs/calcite-checkbox.cjs.entry.js +125 -125
  23. package/dist/cjs/calcite-chip-group.cjs.entry.js +164 -164
  24. package/dist/cjs/calcite-chip.cjs.entry.js +213 -213
  25. package/dist/cjs/calcite-color-picker-hex-input_2.cjs.entry.js +303 -303
  26. package/dist/cjs/calcite-color-picker.cjs.entry.js +886 -886
  27. package/dist/cjs/calcite-combobox-item-group.cjs.entry.js +35 -35
  28. package/dist/cjs/calcite-combobox_6.cjs.entry.js +1786 -1786
  29. package/dist/cjs/calcite-date-picker-day_3.cjs.entry.js +589 -589
  30. package/dist/cjs/calcite-date-picker.cjs.entry.js +434 -434
  31. package/dist/cjs/calcite-fab.cjs.entry.js +66 -66
  32. package/dist/cjs/calcite-filter_5.cjs.entry.js +1131 -1131
  33. package/dist/cjs/calcite-flow-item.cjs.entry.js +146 -146
  34. package/dist/cjs/calcite-flow.cjs.entry.js +117 -117
  35. package/dist/cjs/calcite-graph.cjs.entry.js +66 -66
  36. package/dist/cjs/calcite-icon.cjs.entry.js +80 -80
  37. package/dist/cjs/calcite-inline-editable.cjs.entry.js +225 -225
  38. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +632 -632
  39. package/dist/cjs/calcite-input-number_2.cjs.entry.js +846 -846
  40. package/dist/cjs/{calcite-input-time-picker-b99baf7b.js → calcite-input-time-picker-6f38ef8c.js} +534 -534
  41. package/dist/cjs/calcite-input-time-picker.cjs.entry.js +15 -15
  42. package/dist/cjs/calcite-input-time-zone.cjs.entry.js +150 -150
  43. package/dist/cjs/calcite-input_2.cjs.entry.js +645 -645
  44. package/dist/cjs/calcite-label.cjs.entry.js +40 -40
  45. package/dist/cjs/calcite-link.cjs.entry.js +96 -96
  46. package/dist/cjs/calcite-list-item-group.cjs.entry.js +46 -46
  47. package/dist/cjs/calcite-loader.cjs.entry.js +65 -65
  48. package/dist/cjs/calcite-menu-item.cjs.entry.js +246 -246
  49. package/dist/cjs/calcite-menu.cjs.entry.js +161 -161
  50. package/dist/cjs/calcite-modal.cjs.entry.js +282 -282
  51. package/dist/cjs/calcite-navigation-logo.cjs.entry.js +52 -52
  52. package/dist/cjs/calcite-navigation-user.cjs.entry.js +45 -45
  53. package/dist/cjs/calcite-navigation.cjs.entry.js +126 -126
  54. package/dist/cjs/calcite-notice.cjs.entry.js +105 -105
  55. package/dist/cjs/calcite-option-group.cjs.entry.js +24 -24
  56. package/dist/cjs/calcite-option_2.cjs.entry.js +271 -271
  57. package/dist/cjs/calcite-pagination.cjs.entry.js +191 -191
  58. package/dist/cjs/calcite-panel_2.cjs.entry.js +346 -346
  59. package/dist/cjs/calcite-pick-list-group.cjs.entry.js +46 -46
  60. package/dist/cjs/calcite-pick-list-item.cjs.entry.js +181 -181
  61. package/dist/cjs/calcite-pick-list.cjs.entry.js +130 -130
  62. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +118 -118
  63. package/dist/cjs/calcite-radio-button.cjs.entry.js +292 -292
  64. package/dist/cjs/calcite-rating.cjs.entry.js +245 -245
  65. package/dist/cjs/calcite-scrim.cjs.entry.js +93 -93
  66. package/dist/cjs/calcite-segmented-control_2.cjs.entry.js +225 -225
  67. package/dist/cjs/calcite-shell-center-row.cjs.entry.js +42 -42
  68. package/dist/cjs/calcite-shell-panel_14.cjs.entry.js +2604 -2604
  69. package/dist/cjs/calcite-sortable-list.cjs.entry.js +134 -134
  70. package/dist/cjs/calcite-split-button.cjs.entry.js +92 -92
  71. package/dist/cjs/calcite-stepper-item.cjs.entry.js +197 -197
  72. package/dist/cjs/calcite-stepper.cjs.entry.js +187 -187
  73. package/dist/cjs/calcite-switch.cjs.entry.js +100 -100
  74. package/dist/cjs/calcite-text-area.cjs.entry.js +235 -235
  75. package/dist/cjs/calcite-tile-select-group.cjs.entry.js +27 -27
  76. package/dist/cjs/calcite-tile-select.cjs.entry.js +180 -180
  77. package/dist/cjs/calcite-tile.cjs.entry.js +58 -58
  78. package/dist/cjs/calcite-time-picker.cjs.entry.js +619 -619
  79. package/dist/cjs/calcite-tip-group.cjs.entry.js +10 -10
  80. package/dist/cjs/calcite-tip-manager.cjs.entry.js +185 -185
  81. package/dist/cjs/calcite-tip.cjs.entry.js +94 -94
  82. package/dist/cjs/calcite-tooltip.cjs.entry.js +185 -185
  83. package/dist/cjs/calcite-tree_3.cjs.entry.js +821 -821
  84. package/dist/cjs/card-manager_4.cjs.entry.js +652 -652
  85. package/dist/cjs/{conditionalSlot-85b3a6b3.js → conditionalSlot-a51326e7.js} +2 -2
  86. package/dist/cjs/crowdsource-manager.cjs.entry.js +256 -256
  87. package/dist/cjs/crowdsource-reporter.cjs.entry.js +60 -60
  88. package/dist/cjs/{cs-fe27e732.js → cs-1bcd5b46.js} +15 -15
  89. package/dist/cjs/{da-1b7f3440.js → da-30ee21db.js} +15 -15
  90. package/dist/cjs/{date-cec32b0e.js → date-f6611a19.js} +1 -1
  91. package/dist/cjs/{de-0dc1effa.js → de-42aae5ad.js} +15 -15
  92. package/dist/cjs/{de-at-acdc4d01.js → de-at-a3a6f020.js} +15 -15
  93. package/dist/cjs/{de-ch-778a0d99.js → de-ch-36c13310.js} +15 -15
  94. package/dist/cjs/deduct-calculator.cjs.entry.js +90 -90
  95. package/dist/cjs/{dom-c1807fc1.js → dom-d529bae8.js} +2 -2
  96. package/dist/cjs/{downloadUtils-a8c530f7.js → downloadUtils-6eb59363.js} +660 -660
  97. package/dist/cjs/edit-card_2.cjs.entry.js +345 -345
  98. package/dist/cjs/{el-fdbc9bc1.js → el-90d066ae.js} +15 -15
  99. package/dist/cjs/{en-au-0ff50cdf.js → en-au-685b882b.js} +15 -15
  100. package/dist/cjs/{en-ca-284e9368.js → en-ca-ff4bc403.js} +15 -15
  101. package/dist/cjs/{en-gb-0fcae8ae.js → en-gb-2f5587ad.js} +15 -15
  102. package/dist/cjs/{es-cd54acba.js → es-e9183ca0.js} +15 -15
  103. package/dist/cjs/{es-mx-2078d50f.js → es-mx-dcc9afb2.js} +15 -15
  104. package/dist/cjs/{et-17f323f6.js → et-a18949ea.js} +15 -15
  105. package/dist/cjs/{fi-82f27397.js → fi-1ce00d38.js} +15 -15
  106. package/dist/cjs/{filter-bda212b4.js → filter-494bf35e.js} +1 -1
  107. package/dist/cjs/{floating-ui-8d10af88.js → floating-ui-7d6e57d3.js} +2 -2
  108. package/dist/cjs/{focusTrapComponent-a22fc6a8.js → focusTrapComponent-0c4d7671.js} +1 -1
  109. package/dist/cjs/{form-9d8ebf06.js → form-bcf49eae.js} +2 -2
  110. package/dist/cjs/{fr-af7e1192.js → fr-a9435a19.js} +15 -15
  111. package/dist/cjs/{fr-ch-5e1f2c28.js → fr-ch-51efa9bf.js} +15 -15
  112. package/dist/cjs/{he-ea851800.js → he-c5dccfa2.js} +15 -15
  113. package/dist/cjs/{hi-5212a21d.js → hi-0898e7f2.js} +15 -15
  114. package/dist/cjs/{hr-4eecb2ed.js → hr-68f7d8da.js} +15 -15
  115. package/dist/cjs/{hu-6b527d8e.js → hu-e494037d.js} +15 -15
  116. package/dist/cjs/{id-d78f12ec.js → id-bef40c1c.js} +15 -15
  117. package/dist/cjs/{index-0e50040c.js → index-6654298b.js} +38 -180
  118. package/dist/cjs/{index-2b60e135.js → index-e1b1954f.js} +1 -1
  119. package/dist/cjs/{index.es-4542630e.js → index.es-d9b5d3a5.js} +6 -6
  120. package/dist/cjs/{interfaces-d539e30c.js → interfaces-ad03ec39.js} +77 -77
  121. package/dist/cjs/{it-15242935.js → it-1144ca67.js} +15 -15
  122. package/dist/cjs/{it-ch-9dc21944.js → it-ch-2c14dca7.js} +15 -15
  123. package/dist/cjs/{ja-f702cfc2.js → ja-caad9809.js} +15 -15
  124. package/dist/cjs/{ko-aa9bde2c.js → ko-ddec9054.js} +15 -15
  125. package/dist/cjs/{label-6e33e971.js → label-215c4af3.js} +1 -1
  126. package/dist/cjs/list-item.cjs.entry.js +60 -60
  127. package/dist/cjs/{loadModules-31cab7ac.js → loadModules-ae7715f2.js} +19 -19
  128. package/dist/cjs/{loadable-bac9cdd6.js → loadable-6da743c6.js} +1 -1
  129. package/dist/cjs/loader.cjs.js +13 -4
  130. package/dist/cjs/{locale-c63a1b57.js → locale-477d8d51.js} +3 -3
  131. package/dist/cjs/{locale-d15cd743.js → locale-b113c6b2.js} +107 -107
  132. package/dist/cjs/{lt-e741ff2f.js → lt-205a1aa6.js} +15 -15
  133. package/dist/cjs/{lv-92d6768e.js → lv-3ba82f9b.js} +15 -15
  134. package/dist/cjs/map-picker_2.cjs.entry.js +243 -243
  135. package/dist/cjs/map-select-tools_3.cjs.entry.js +1285 -1285
  136. package/dist/cjs/{mapViewUtils-9da2dddd.js → mapViewUtils-77a1ff88.js} +384 -384
  137. package/dist/cjs/{mk-b209ac0d.js → mk-069ea86a.js} +15 -15
  138. package/dist/cjs/{nb-db13e666.js → nb-9e9c934f.js} +15 -15
  139. package/dist/cjs/{nl-fcd9e0c5.js → nl-5dd0116f.js} +15 -15
  140. package/dist/cjs/{openCloseComponent-5d70fcd8.js → openCloseComponent-3fa18210.js} +1 -1
  141. package/dist/cjs/pci-calculator.cjs.entry.js +102 -102
  142. package/dist/cjs/{pciUtils-e0ddeb7c.js → pciUtils-423cfc68.js} +836 -836
  143. package/dist/cjs/{pl-87c83322.js → pl-74e70b37.js} +15 -15
  144. package/dist/cjs/{pt-br-03333e90.js → pt-br-0f76e430.js} +15 -15
  145. package/dist/cjs/{pt-b0b5f472.js → pt-cc737fcc.js} +15 -15
  146. package/dist/cjs/public-notification.cjs.entry.js +844 -844
  147. package/dist/cjs/{publicNotificationStore-55edd658.js → publicNotificationStore-ec1bdd2d.js} +40 -40
  148. package/dist/cjs/{ro-c3661b73.js → ro-5e396753.js} +15 -15
  149. package/dist/cjs/{ru-8dd3fd58.js → ru-f7371aca.js} +15 -15
  150. package/dist/cjs/{shared-list-render-c0adb192.js → shared-list-render-76c5dc25.js} +6 -6
  151. package/dist/cjs/{sk-151d9acf.js → sk-ec02498f.js} +15 -15
  152. package/dist/cjs/{sl-9b45a152.js → sl-8363f4d7.js} +15 -15
  153. package/dist/cjs/solution-configuration.cjs.entry.js +888 -888
  154. package/dist/cjs/solution-contents_3.cjs.entry.js +21506 -21506
  155. package/dist/cjs/{solution-store-0004e4e6.js → solution-store-bd956f06.js} +577 -577
  156. package/dist/cjs/solutions-components.cjs.js +4 -4
  157. package/dist/cjs/{sortableComponent-58679f07.js → sortableComponent-8135ea87.js} +1 -1
  158. package/dist/cjs/{sr-186bf15c.js → sr-b0f92cb1.js} +15 -15
  159. package/dist/cjs/store-manager.cjs.entry.js +52 -52
  160. package/dist/cjs/{sv-a93fee0c.js → sv-e2c27fff.js} +15 -15
  161. package/dist/cjs/{t9n-1d032c30.js → t9n-8be30efb.js} +2 -2
  162. package/dist/cjs/{th-41680352.js → th-8a6dc2cc.js} +15 -15
  163. package/dist/cjs/{throttle-aeeb1b4d.js → throttle-8ee74c77.js} +1 -1
  164. package/dist/cjs/{time-5e450ec8.js → time-9004df7e.js} +1 -1
  165. package/dist/cjs/{tr-0bd886d6.js → tr-09137435.js} +15 -15
  166. package/dist/cjs/{uk-4fade133.js → uk-c30401f4.js} +15 -15
  167. package/dist/cjs/{utils-ae9bdd59.js → utils-ed4e5028.js} +1 -1
  168. package/dist/cjs/{utils-acfeed9d.js → utils-fb81c6b3.js} +3 -3
  169. package/dist/cjs/{vi-1c9fe343.js → vi-e069c9e4.js} +15 -15
  170. package/dist/cjs/{zh-cn-28fa1fe1.js → zh-cn-50f223a8.js} +15 -15
  171. package/dist/cjs/{zh-hk-5abf8eb5.js → zh-hk-5498073d.js} +15 -15
  172. package/dist/cjs/{zh-tw-07500357.js → zh-tw-dfdb0ae8.js} +15 -15
  173. package/dist/collection/collection-manifest.json +35 -35
  174. package/dist/collection/components/buffer-tools/buffer-tools.js +476 -481
  175. package/dist/collection/components/card-manager/card-manager.js +197 -199
  176. package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +406 -407
  177. package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js +89 -89
  178. package/dist/collection/components/deduct-calculator/deduct-calculator.js +143 -143
  179. package/dist/collection/components/edit-card/edit-card.js +300 -302
  180. package/dist/collection/components/info-card/info-card.js +357 -361
  181. package/dist/collection/components/json-editor/json-editor.js +614 -618
  182. package/dist/collection/components/layer-table/layer-table.js +548 -551
  183. package/dist/collection/components/layout-manager/layout-manager.js +135 -136
  184. package/dist/collection/components/list-item/list-item.js +89 -89
  185. package/dist/collection/components/map-card/map-card.js +203 -206
  186. package/dist/collection/components/map-draw-tools/map-draw-tools.js +683 -692
  187. package/dist/collection/components/map-layer-picker/map-layer-picker.js +423 -424
  188. package/dist/collection/components/map-picker/map-picker.js +224 -226
  189. package/dist/collection/components/map-select-tools/map-select-tools.js +1229 -1242
  190. package/dist/collection/components/map-tools/map-tools.js +210 -212
  191. package/dist/collection/components/pci-calculator/pci-calculator.js +143 -143
  192. package/dist/collection/components/pdf-download/pdf-download.js +333 -338
  193. package/dist/collection/components/public-notification/public-notification.js +1287 -1295
  194. package/dist/collection/components/refine-selection/refine-selection.js +601 -608
  195. package/dist/collection/components/solution-configuration/solution-configuration.js +735 -739
  196. package/dist/collection/components/solution-contents/solution-contents.js +162 -163
  197. package/dist/collection/components/solution-item/solution-item.js +202 -203
  198. package/dist/collection/components/solution-item-details/solution-item-details.js +248 -248
  199. package/dist/collection/components/solution-item-icon/solution-item-icon.js +398 -398
  200. package/dist/collection/components/solution-item-sharing/solution-item-sharing.js +199 -200
  201. package/dist/collection/components/solution-organization-variables/solution-organization-variables.js +156 -156
  202. package/dist/collection/components/solution-resource-item/solution-resource-item.js +347 -348
  203. package/dist/collection/components/solution-spatial-ref/solution-spatial-ref.js +510 -515
  204. package/dist/collection/components/solution-spatial-ref/spatialreferences.js +21046 -21046
  205. package/dist/collection/components/solution-template-data/solution-template-data.js +230 -230
  206. package/dist/collection/components/solution-variables/solution-variables.js +168 -168
  207. package/dist/collection/components/store-manager/store-manager.js +127 -128
  208. package/dist/collection/index.js +1 -1
  209. package/dist/collection/utils/common.js +296 -296
  210. package/dist/collection/utils/csvDownload.js +41 -41
  211. package/dist/collection/utils/csvUtils.js +37 -37
  212. package/dist/collection/utils/downloadUtils.js +530 -530
  213. package/dist/collection/utils/interfaces.js +83 -83
  214. package/dist/collection/utils/languageUtil.js +90 -90
  215. package/dist/collection/utils/loadModules.js +25 -25
  216. package/dist/collection/utils/locale.js +61 -61
  217. package/dist/collection/utils/mapViewUtils.js +240 -240
  218. package/dist/collection/utils/pciUtils.js +842 -842
  219. package/dist/collection/utils/pdfUtils.js +87 -87
  220. package/dist/collection/utils/publicNotificationStore.js +47 -47
  221. package/dist/collection/utils/queryUtils.js +200 -200
  222. package/dist/collection/utils/solution-store.js +584 -584
  223. package/dist/collection/utils/templates.js +346 -346
  224. package/dist/collection/utils/test/mocks/jsApi.js +79 -79
  225. package/dist/collection/utils/test/testUtils.js +123 -123
  226. package/dist/collection/utils/types.js +1 -1
  227. package/dist/components/ExpandToggle.js +1 -1
  228. package/dist/components/action-bar.js +263 -262
  229. package/dist/components/action-group.js +145 -144
  230. package/dist/components/action-menu.js +311 -310
  231. package/dist/components/action.js +186 -185
  232. package/dist/components/alert.js +287 -286
  233. package/dist/components/avatar.js +100 -99
  234. package/dist/components/buffer-tools2.js +264 -263
  235. package/dist/components/button.js +226 -225
  236. package/dist/components/calcite-accordion-item.js +168 -168
  237. package/dist/components/calcite-accordion.js +96 -95
  238. package/dist/components/calcite-action-pad.js +181 -180
  239. package/dist/components/calcite-block-section.js +151 -150
  240. package/dist/components/calcite-block.js +187 -186
  241. package/dist/components/calcite-card.js +133 -132
  242. package/dist/components/calcite-chip-group.js +182 -181
  243. package/dist/components/calcite-color-picker.js +980 -979
  244. package/dist/components/calcite-combobox-item-group.js +53 -52
  245. package/dist/components/calcite-fab.js +105 -104
  246. package/dist/components/calcite-filter.js +1 -1
  247. package/dist/components/calcite-flow-item.js +205 -204
  248. package/dist/components/calcite-flow.js +137 -136
  249. package/dist/components/calcite-inline-editable.js +260 -259
  250. package/dist/components/calcite-input-date-picker.js +704 -703
  251. package/dist/components/calcite-input-time-picker.js +596 -595
  252. package/dist/components/calcite-input-time-zone.js +190 -189
  253. package/dist/components/calcite-label.js +1 -1
  254. package/dist/components/calcite-list-item-group.js +65 -64
  255. package/dist/components/calcite-menu-item.js +297 -297
  256. package/dist/components/calcite-modal.js +329 -328
  257. package/dist/components/calcite-navigation-logo.js +77 -76
  258. package/dist/components/calcite-navigation-user.js +79 -78
  259. package/dist/components/calcite-navigation.js +167 -166
  260. package/dist/components/calcite-option-group.js +43 -42
  261. package/dist/components/calcite-pagination.js +218 -217
  262. package/dist/components/calcite-pick-list-group.js +60 -59
  263. package/dist/components/calcite-pick-list.js +151 -150
  264. package/dist/components/calcite-radio-button-group.js +142 -141
  265. package/dist/components/calcite-radio-button.js +317 -316
  266. package/dist/components/calcite-rating.js +280 -279
  267. package/dist/components/calcite-shell-center-row.js +58 -57
  268. package/dist/components/calcite-sortable-list.js +154 -153
  269. package/dist/components/calcite-split-button.js +143 -142
  270. package/dist/components/calcite-stack.js +1 -1
  271. package/dist/components/calcite-stepper-item.js +226 -225
  272. package/dist/components/calcite-stepper.js +213 -212
  273. package/dist/components/calcite-text-area.js +267 -266
  274. package/dist/components/calcite-tile-select-group.js +45 -44
  275. package/dist/components/calcite-tile-select.js +224 -223
  276. package/dist/components/calcite-tip-group.js +28 -27
  277. package/dist/components/calcite-tip-manager.js +223 -222
  278. package/dist/components/calcite-tip.js +127 -126
  279. package/dist/components/card-manager2.js +156 -155
  280. package/dist/components/checkbox.js +147 -146
  281. package/dist/components/chip.js +246 -245
  282. package/dist/components/color-picker-hex-input.js +288 -287
  283. package/dist/components/color-picker-swatch.js +80 -79
  284. package/dist/components/combobox-item.js +136 -135
  285. package/dist/components/combobox.js +922 -921
  286. package/dist/components/crowdsource-manager.js +476 -475
  287. package/dist/components/crowdsource-reporter.js +76 -75
  288. package/dist/components/date-picker-day.js +110 -110
  289. package/dist/components/date-picker-month-header.js +198 -197
  290. package/dist/components/date-picker-month.js +373 -372
  291. package/dist/components/date-picker.js +493 -492
  292. package/dist/components/date.js +1 -1
  293. package/dist/components/deduct-calculator2.js +982 -981
  294. package/dist/components/dom.js +23 -2
  295. package/dist/components/downloadUtils.js +655 -655
  296. package/dist/components/dropdown-group.js +73 -72
  297. package/dist/components/dropdown-item.js +196 -195
  298. package/dist/components/dropdown.js +421 -420
  299. package/dist/components/edit-card2.js +192 -191
  300. package/dist/components/filter.js +202 -751
  301. package/dist/components/filter2.js +740 -190
  302. package/dist/components/floating-ui.js +2 -2
  303. package/dist/components/focusTrapComponent.js +1 -1
  304. package/dist/components/graph.js +87 -86
  305. package/dist/components/handle.js +166 -165
  306. package/dist/components/icon.js +100 -99
  307. package/dist/components/index.d.ts +36 -0
  308. package/dist/components/index.js +153 -25
  309. package/dist/components/info-card2.js +252 -251
  310. package/dist/components/input-message.js +67 -66
  311. package/dist/components/input-number.js +600 -600
  312. package/dist/components/input-text.js +368 -368
  313. package/dist/components/input.js +687 -687
  314. package/dist/components/interfaces.js +78 -78
  315. package/dist/components/json-editor2.js +426 -425
  316. package/dist/components/label.js +65 -117
  317. package/dist/components/label2.js +110 -57
  318. package/dist/components/layer-table2.js +548 -547
  319. package/dist/components/layout-manager2.js +119 -118
  320. package/dist/components/link.js +123 -123
  321. package/dist/components/list-item.js +76 -75
  322. package/dist/components/list-item2.js +432 -431
  323. package/dist/components/list.js +511 -510
  324. package/dist/components/loadModules.js +18 -18
  325. package/dist/components/loader.js +87 -86
  326. package/dist/components/locale.js +106 -106
  327. package/dist/components/locale2.js +2 -2
  328. package/dist/components/map-card2.js +201 -200
  329. package/dist/components/map-draw-tools2.js +384 -383
  330. package/dist/components/map-layer-picker2.js +292 -291
  331. package/dist/components/map-picker2.js +236 -235
  332. package/dist/components/map-select-tools2.js +917 -916
  333. package/dist/components/map-tools2.js +170 -169
  334. package/dist/components/mapViewUtils.js +235 -235
  335. package/dist/components/menu.js +179 -178
  336. package/dist/components/notice.js +131 -130
  337. package/dist/components/option.js +92 -91
  338. package/dist/components/panel.js +308 -307
  339. package/dist/components/pci-calculator.js +170 -169
  340. package/dist/components/pdf-download2.js +174 -173
  341. package/dist/components/pick-list-item.js +220 -219
  342. package/dist/components/popover.js +350 -349
  343. package/dist/components/progress.js +46 -46
  344. package/dist/components/public-notification.js +1102 -1101
  345. package/dist/components/publicNotificationStore.js +39 -39
  346. package/dist/components/queryUtils.js +152 -152
  347. package/dist/components/refine-selection2.js +547 -546
  348. package/dist/components/resources.js +9 -17
  349. package/dist/components/resources2.js +13 -9
  350. package/dist/components/resources3.js +5 -9
  351. package/dist/components/scrim.js +116 -115
  352. package/dist/components/segmented-control-item.js +63 -62
  353. package/dist/components/segmented-control.js +214 -213
  354. package/dist/components/select.js +227 -226
  355. package/dist/components/shared-list-render.js +3 -3
  356. package/dist/components/shell-panel.js +398 -398
  357. package/dist/components/shell.js +120 -119
  358. package/dist/components/slider.js +899 -898
  359. package/dist/components/solution-configuration.js +1096 -1095
  360. package/dist/components/solution-contents2.js +112 -111
  361. package/dist/components/solution-item-details2.js +218 -217
  362. package/dist/components/solution-item-icon2.js +331 -330
  363. package/dist/components/solution-item-sharing2.js +152 -151
  364. package/dist/components/solution-item2.js +270 -269
  365. package/dist/components/solution-organization-variables2.js +116 -115
  366. package/dist/components/solution-resource-item2.js +332 -331
  367. package/dist/components/solution-spatial-ref2.js +21421 -21420
  368. package/dist/components/solution-store.js +575 -575
  369. package/dist/components/solution-template-data2.js +203 -202
  370. package/dist/components/solution-variables2.js +133 -132
  371. package/dist/components/sortableComponent.js +1 -1
  372. package/dist/components/stack.js +79 -78
  373. package/dist/components/store-manager.js +71 -70
  374. package/dist/components/switch.js +119 -118
  375. package/dist/components/tab-nav.js +255 -254
  376. package/dist/components/tab-title.js +301 -300
  377. package/dist/components/tab.js +112 -111
  378. package/dist/components/tabs.js +131 -130
  379. package/dist/components/tile.js +90 -89
  380. package/dist/components/time-picker.js +655 -654
  381. package/dist/components/tooltip.js +208 -207
  382. package/dist/components/tree-item.js +288 -288
  383. package/dist/components/tree.js +282 -281
  384. package/dist/components/utils.js +1 -1
  385. package/dist/components/utils2.js +2 -2
  386. package/dist/components/utils3.js +1 -1
  387. package/dist/components/value-list-item.js +170 -169
  388. package/dist/components/value-list.js +276 -275
  389. package/dist/esm/{ExpandToggle-3d10bd1e.js → ExpandToggle-3420fa39.js} +4 -4
  390. package/dist/esm/{FloatingArrow-29db6da6.js → FloatingArrow-cd8eafa4.js} +1 -1
  391. package/dist/esm/{Heading-cb79e5b2.js → Heading-1763134e.js} +1 -1
  392. package/dist/esm/{app-globals-5cbac6b0.js → app-globals-580889bd.js} +20 -25
  393. package/dist/esm/{ar-4b751ba8.js → ar-ceb1b389.js} +15 -15
  394. package/dist/esm/{bg-5d8bf5ea.js → bg-a8824832.js} +15 -15
  395. package/dist/esm/{bs-ff510e71.js → bs-5c2ca44f.js} +15 -15
  396. package/dist/esm/buffer-tools_4.entry.js +1437 -1437
  397. package/dist/esm/{ca-b9a5e51a.js → ca-47f86073.js} +15 -15
  398. package/dist/esm/calcite-accordion-item.entry.js +140 -140
  399. package/dist/esm/calcite-accordion.entry.js +75 -75
  400. package/dist/esm/calcite-action-bar.entry.js +216 -216
  401. package/dist/esm/calcite-action-group_2.entry.js +365 -365
  402. package/dist/esm/calcite-action-pad.entry.js +135 -135
  403. package/dist/esm/calcite-action_2.entry.js +445 -445
  404. package/dist/esm/calcite-alert.entry.js +247 -247
  405. package/dist/esm/calcite-avatar.entry.js +73 -73
  406. package/dist/esm/calcite-block-section.entry.js +122 -122
  407. package/dist/esm/calcite-block.entry.js +131 -131
  408. package/dist/esm/calcite-button.entry.js +182 -182
  409. package/dist/esm/calcite-card.entry.js +99 -99
  410. package/dist/esm/calcite-checkbox.entry.js +125 -125
  411. package/dist/esm/calcite-chip-group.entry.js +164 -164
  412. package/dist/esm/calcite-chip.entry.js +213 -213
  413. package/dist/esm/calcite-color-picker-hex-input_2.entry.js +303 -303
  414. package/dist/esm/calcite-color-picker.entry.js +886 -886
  415. package/dist/esm/calcite-combobox-item-group.entry.js +35 -35
  416. package/dist/esm/calcite-combobox_6.entry.js +1786 -1786
  417. package/dist/esm/calcite-date-picker-day_3.entry.js +589 -589
  418. package/dist/esm/calcite-date-picker.entry.js +434 -434
  419. package/dist/esm/calcite-fab.entry.js +66 -66
  420. package/dist/esm/calcite-filter_5.entry.js +1131 -1131
  421. package/dist/esm/calcite-flow-item.entry.js +146 -146
  422. package/dist/esm/calcite-flow.entry.js +117 -117
  423. package/dist/esm/calcite-graph.entry.js +66 -66
  424. package/dist/esm/calcite-icon.entry.js +80 -80
  425. package/dist/esm/calcite-inline-editable.entry.js +225 -225
  426. package/dist/esm/calcite-input-date-picker.entry.js +632 -632
  427. package/dist/esm/calcite-input-number_2.entry.js +846 -846
  428. package/dist/esm/{calcite-input-time-picker-13448515.js → calcite-input-time-picker-59a3ed66.js} +534 -534
  429. package/dist/esm/calcite-input-time-picker.entry.js +15 -15
  430. package/dist/esm/calcite-input-time-zone.entry.js +150 -150
  431. package/dist/esm/calcite-input_2.entry.js +645 -645
  432. package/dist/esm/calcite-label.entry.js +40 -40
  433. package/dist/esm/calcite-link.entry.js +96 -96
  434. package/dist/esm/calcite-list-item-group.entry.js +46 -46
  435. package/dist/esm/calcite-loader.entry.js +65 -65
  436. package/dist/esm/calcite-menu-item.entry.js +246 -246
  437. package/dist/esm/calcite-menu.entry.js +161 -161
  438. package/dist/esm/calcite-modal.entry.js +282 -282
  439. package/dist/esm/calcite-navigation-logo.entry.js +52 -52
  440. package/dist/esm/calcite-navigation-user.entry.js +45 -45
  441. package/dist/esm/calcite-navigation.entry.js +126 -126
  442. package/dist/esm/calcite-notice.entry.js +105 -105
  443. package/dist/esm/calcite-option-group.entry.js +24 -24
  444. package/dist/esm/calcite-option_2.entry.js +271 -271
  445. package/dist/esm/calcite-pagination.entry.js +191 -191
  446. package/dist/esm/calcite-panel_2.entry.js +346 -346
  447. package/dist/esm/calcite-pick-list-group.entry.js +46 -46
  448. package/dist/esm/calcite-pick-list-item.entry.js +181 -181
  449. package/dist/esm/calcite-pick-list.entry.js +130 -130
  450. package/dist/esm/calcite-radio-button-group.entry.js +118 -118
  451. package/dist/esm/calcite-radio-button.entry.js +292 -292
  452. package/dist/esm/calcite-rating.entry.js +245 -245
  453. package/dist/esm/calcite-scrim.entry.js +93 -93
  454. package/dist/esm/calcite-segmented-control_2.entry.js +225 -225
  455. package/dist/esm/calcite-shell-center-row.entry.js +42 -42
  456. package/dist/esm/calcite-shell-panel_14.entry.js +2604 -2604
  457. package/dist/esm/calcite-sortable-list.entry.js +134 -134
  458. package/dist/esm/calcite-split-button.entry.js +92 -92
  459. package/dist/esm/calcite-stepper-item.entry.js +197 -197
  460. package/dist/esm/calcite-stepper.entry.js +187 -187
  461. package/dist/esm/calcite-switch.entry.js +100 -100
  462. package/dist/esm/calcite-text-area.entry.js +235 -235
  463. package/dist/esm/calcite-tile-select-group.entry.js +27 -27
  464. package/dist/esm/calcite-tile-select.entry.js +180 -180
  465. package/dist/esm/calcite-tile.entry.js +58 -58
  466. package/dist/esm/calcite-time-picker.entry.js +619 -619
  467. package/dist/esm/calcite-tip-group.entry.js +10 -10
  468. package/dist/esm/calcite-tip-manager.entry.js +185 -185
  469. package/dist/esm/calcite-tip.entry.js +94 -94
  470. package/dist/esm/calcite-tooltip.entry.js +185 -185
  471. package/dist/esm/calcite-tree_3.entry.js +821 -821
  472. package/dist/esm/card-manager_4.entry.js +652 -652
  473. package/dist/esm/{conditionalSlot-27a0fce0.js → conditionalSlot-91396dd5.js} +2 -2
  474. package/dist/esm/crowdsource-manager.entry.js +256 -256
  475. package/dist/esm/crowdsource-reporter.entry.js +60 -60
  476. package/dist/esm/{cs-f21a0628.js → cs-f651c3cd.js} +15 -15
  477. package/dist/esm/{da-dc48fc4c.js → da-e32ccc0a.js} +15 -15
  478. package/dist/esm/{date-0ed48e97.js → date-51fa981b.js} +1 -1
  479. package/dist/esm/{de-59290071.js → de-9b417aed.js} +15 -15
  480. package/dist/esm/{de-at-cd6e6ab7.js → de-at-f73447e2.js} +15 -15
  481. package/dist/esm/{de-ch-27c44e34.js → de-ch-7ec8c31e.js} +15 -15
  482. package/dist/esm/deduct-calculator.entry.js +90 -90
  483. package/dist/esm/{dom-843e3afd.js → dom-8a9e4ee8.js} +2 -2
  484. package/dist/esm/{downloadUtils-63661805.js → downloadUtils-43b53f5a.js} +660 -660
  485. package/dist/esm/edit-card_2.entry.js +345 -345
  486. package/dist/esm/{el-f09fdec6.js → el-9a3189a2.js} +15 -15
  487. package/dist/esm/{en-au-90087aa5.js → en-au-5aea3b73.js} +15 -15
  488. package/dist/esm/{en-ca-10751695.js → en-ca-fe3e706b.js} +15 -15
  489. package/dist/esm/{en-gb-0f8547bd.js → en-gb-a4278000.js} +15 -15
  490. package/dist/esm/{es-b0997cf1.js → es-383f9c9e.js} +15 -15
  491. package/dist/esm/{es-mx-226f5028.js → es-mx-7845b382.js} +15 -15
  492. package/dist/esm/{et-dc96c453.js → et-d8f8df06.js} +15 -15
  493. package/dist/esm/{fi-0941704d.js → fi-14894338.js} +15 -15
  494. package/dist/esm/{filter-1cac3edf.js → filter-bf34614b.js} +1 -1
  495. package/dist/esm/{floating-ui-d28d0fd6.js → floating-ui-9870f74c.js} +2 -2
  496. package/dist/esm/{focusTrapComponent-ff3a9f28.js → focusTrapComponent-34010d00.js} +1 -1
  497. package/dist/esm/{form-11c6a015.js → form-6669a774.js} +2 -2
  498. package/dist/esm/{fr-8da3458d.js → fr-6f570086.js} +15 -15
  499. package/dist/esm/{fr-ch-739ceddf.js → fr-ch-b9f89159.js} +15 -15
  500. package/dist/esm/{he-8b662dfa.js → he-174aca6e.js} +15 -15
  501. package/dist/esm/{hi-10996f89.js → hi-7e469aab.js} +15 -15
  502. package/dist/esm/{hr-42c2024d.js → hr-a4ac455a.js} +15 -15
  503. package/dist/esm/{hu-4768b3ff.js → hu-207da291.js} +15 -15
  504. package/dist/esm/{id-24a08170.js → id-8e4d57bf.js} +15 -15
  505. package/dist/esm/{index-b91c174c.js → index-4c4a4f3d.js} +1 -1
  506. package/dist/esm/{index-b5d9d795.js → index-d298aca9.js} +38 -180
  507. package/dist/esm/{index.es-3a3aa8e3.js → index.es-a185f2b1.js} +6 -6
  508. package/dist/esm/{interfaces-5a2fe8b4.js → interfaces-bf20e69c.js} +77 -77
  509. package/dist/esm/{it-ad09649f.js → it-7ade952c.js} +15 -15
  510. package/dist/esm/{it-ch-b05fc10d.js → it-ch-181d76ab.js} +15 -15
  511. package/dist/esm/{ja-ab839b73.js → ja-42013dd3.js} +15 -15
  512. package/dist/esm/{ko-c778539e.js → ko-8de07550.js} +15 -15
  513. package/dist/esm/{label-6a1caf64.js → label-661d8e10.js} +1 -1
  514. package/dist/esm/list-item.entry.js +60 -60
  515. package/dist/esm/{loadModules-2ecd1e44.js → loadModules-cd3569de.js} +19 -19
  516. package/dist/esm/{loadable-6bca96ad.js → loadable-08376d90.js} +1 -1
  517. package/dist/esm/loader.js +14 -5
  518. package/dist/esm/{locale-aa3de591.js → locale-54cac39a.js} +107 -107
  519. package/dist/esm/{locale-d8561d54.js → locale-73d0926a.js} +3 -3
  520. package/dist/esm/{lt-447d9aa9.js → lt-1ef29b5b.js} +15 -15
  521. package/dist/esm/{lv-4d715e11.js → lv-263a2f78.js} +15 -15
  522. package/dist/esm/map-picker_2.entry.js +243 -243
  523. package/dist/esm/map-select-tools_3.entry.js +1285 -1285
  524. package/dist/esm/{mapViewUtils-f0c04325.js → mapViewUtils-1e68cede.js} +384 -384
  525. package/dist/esm/{mk-b3d7401a.js → mk-d8bae136.js} +15 -15
  526. package/dist/esm/{nb-2b4a8366.js → nb-494542b3.js} +15 -15
  527. package/dist/esm/{nl-c0db1da2.js → nl-cd882d7f.js} +15 -15
  528. package/dist/esm/{openCloseComponent-2b5c6bed.js → openCloseComponent-a40fd6fd.js} +1 -1
  529. package/dist/esm/pci-calculator.entry.js +102 -102
  530. package/dist/esm/{pciUtils-59c29b42.js → pciUtils-ecda46e5.js} +836 -836
  531. package/dist/esm/{pl-0d322bb4.js → pl-b79095d5.js} +15 -15
  532. package/dist/esm/polyfills/core-js.js +11 -0
  533. package/dist/esm/polyfills/css-shim.js +1 -0
  534. package/dist/esm/polyfills/dom.js +79 -0
  535. package/dist/esm/polyfills/es5-html-element.js +1 -0
  536. package/dist/esm/polyfills/index.js +34 -0
  537. package/dist/esm/polyfills/system.js +6 -0
  538. package/dist/esm/{pt-5997598c.js → pt-5ca0b751.js} +15 -15
  539. package/dist/esm/{pt-br-6b77e7db.js → pt-br-e1a1ce60.js} +15 -15
  540. package/dist/esm/public-notification.entry.js +844 -844
  541. package/dist/esm/{publicNotificationStore-ade82148.js → publicNotificationStore-6ef555f3.js} +40 -40
  542. package/dist/esm/{ro-ac3724e0.js → ro-5cbc0f2a.js} +15 -15
  543. package/dist/esm/{ru-4e75151f.js → ru-e66f5b84.js} +15 -15
  544. package/dist/esm/{shared-list-render-abd19c8d.js → shared-list-render-5b788e63.js} +6 -6
  545. package/dist/esm/{sk-bbfa22a3.js → sk-be2b5cec.js} +15 -15
  546. package/dist/esm/{sl-867cecfc.js → sl-74600272.js} +15 -15
  547. package/dist/esm/solution-configuration.entry.js +888 -888
  548. package/dist/esm/solution-contents_3.entry.js +21506 -21506
  549. package/dist/esm/{solution-store-46bc46a5.js → solution-store-c107ca4d.js} +577 -577
  550. package/dist/esm/solutions-components.js +5 -5
  551. package/dist/esm/{sortableComponent-db502e97.js → sortableComponent-1dd8a4ae.js} +1 -1
  552. package/dist/esm/{sr-198b5c00.js → sr-58280ce5.js} +15 -15
  553. package/dist/esm/store-manager.entry.js +52 -52
  554. package/dist/esm/{sv-02d64370.js → sv-f0e2171a.js} +15 -15
  555. package/dist/esm/{t9n-76168237.js → t9n-745553e0.js} +2 -2
  556. package/dist/esm/{th-1616e303.js → th-6c3eac31.js} +15 -15
  557. package/dist/esm/{throttle-9ab70933.js → throttle-26fa347b.js} +1 -1
  558. package/dist/esm/{time-6721a4c2.js → time-7e3ba7c6.js} +1 -1
  559. package/dist/esm/{tr-f4619f64.js → tr-092713ca.js} +15 -15
  560. package/dist/esm/{uk-df7df34a.js → uk-95df0f95.js} +15 -15
  561. package/dist/esm/{utils-ccfd94a7.js → utils-4f695ec2.js} +1 -1
  562. package/dist/esm/{utils-f54411df.js → utils-ddff4ef3.js} +3 -3
  563. package/dist/esm/{vi-176ca9f7.js → vi-70a9857c.js} +15 -15
  564. package/dist/esm/{zh-cn-e13d83d1.js → zh-cn-e024ef2d.js} +15 -15
  565. package/dist/esm/{zh-hk-d97365d8.js → zh-hk-36ff9e8f.js} +15 -15
  566. package/dist/esm/{zh-tw-a2b6f0b7.js → zh-tw-96ddb74c.js} +15 -15
  567. package/dist/loader/index.d.ts +2 -2
  568. package/dist/solutions-components/{p-15ef7894.js → p-0056655c.js} +1 -1
  569. package/dist/solutions-components/{p-955a956a.entry.js → p-017265ef.entry.js} +1 -1
  570. package/dist/solutions-components/{p-844ee452.entry.js → p-017543d5.entry.js} +1 -1
  571. package/dist/solutions-components/{p-b2e6c578.js → p-0209ed2e.js} +1 -1
  572. package/dist/solutions-components/{p-5e59219b.entry.js → p-0245bb56.entry.js} +1 -1
  573. package/dist/solutions-components/{p-916f90ec.entry.js → p-043ead99.entry.js} +1 -1
  574. package/dist/solutions-components/p-048a2a6d.js +6 -0
  575. package/dist/solutions-components/{p-e02fcfa9.entry.js → p-050e12eb.entry.js} +1 -1
  576. package/dist/solutions-components/{p-b0c4138f.entry.js → p-06916de9.entry.js} +1 -1
  577. package/dist/solutions-components/{p-67ce3c0c.entry.js → p-08320fb9.entry.js} +2 -2
  578. package/dist/solutions-components/{p-21f00df6.js → p-08e12eb0.js} +1 -1
  579. package/dist/solutions-components/p-0a2c02fd.js +6 -0
  580. package/dist/solutions-components/{p-de58bd49.js → p-0a4bc416.js} +1 -1
  581. package/dist/solutions-components/{p-ef96894d.entry.js → p-0afa17dc.entry.js} +1 -1
  582. package/dist/solutions-components/{p-4bc7b875.entry.js → p-0b4eb6e4.entry.js} +1 -1
  583. package/dist/solutions-components/{p-7b9adfff.js → p-0d900572.js} +1 -1
  584. package/dist/solutions-components/{p-0fbc27fd.entry.js → p-0f4d3009.entry.js} +1 -1
  585. package/dist/solutions-components/{p-b921aa1a.entry.js → p-10181f33.entry.js} +1 -1
  586. package/dist/solutions-components/{p-804e4751.entry.js → p-105ef63c.entry.js} +1 -1
  587. package/dist/solutions-components/{p-35123c90.js → p-11983a08.js} +1 -1
  588. package/dist/solutions-components/p-1260db08.js +61 -0
  589. package/dist/solutions-components/{p-a0edbb27.js → p-129fcd0a.js} +1 -1
  590. package/dist/solutions-components/{p-c1ee0d69.js → p-13f7e487.js} +1 -1
  591. package/dist/solutions-components/p-14769a01.js +11 -0
  592. package/dist/solutions-components/{p-c6d83122.entry.js → p-14a4ad77.entry.js} +2 -2
  593. package/dist/solutions-components/{p-e07b8a72.entry.js → p-15e67907.entry.js} +1 -1
  594. package/dist/solutions-components/{p-32ef065d.entry.js → p-17799448.entry.js} +1 -1
  595. package/dist/solutions-components/{p-8a758303.js → p-185a82e0.js} +1 -1
  596. package/dist/solutions-components/p-191c59e9.js +6 -0
  597. package/dist/solutions-components/{p-7601988d.entry.js → p-1b63bec9.entry.js} +1 -1
  598. package/dist/solutions-components/{p-28d2670f.entry.js → p-1c810f4c.entry.js} +1 -1
  599. package/dist/solutions-components/{p-9603c3ff.entry.js → p-1d28ff09.entry.js} +1 -1
  600. package/dist/solutions-components/{p-4b95d05e.entry.js → p-1e30069a.entry.js} +1 -1
  601. package/dist/solutions-components/p-1e63db11.entry.js +6 -0
  602. package/dist/solutions-components/{p-a08bd8c1.entry.js → p-20274226.entry.js} +1 -1
  603. package/dist/solutions-components/{p-a843af2a.js → p-2411f1f6.js} +1 -1
  604. package/dist/solutions-components/{p-ad4d6d02.entry.js → p-2509b65f.entry.js} +2 -2
  605. package/dist/solutions-components/{p-216801d5.js → p-25faeab6.js} +1 -1
  606. package/dist/solutions-components/{p-f8dd2784.js → p-27f5bb4f.js} +2 -2
  607. package/dist/solutions-components/{p-b948ecd2.entry.js → p-2a0d8a46.entry.js} +1 -1
  608. package/dist/solutions-components/{p-27a1ac1f.entry.js → p-2dea68b6.entry.js} +2 -2
  609. package/dist/solutions-components/{p-de59d2f5.js → p-2ecd5cb7.js} +1 -1
  610. package/dist/solutions-components/{p-7aa949a3.entry.js → p-30dbc43d.entry.js} +2 -2
  611. package/dist/solutions-components/{p-46d5970b.entry.js → p-32d821d1.entry.js} +1 -1
  612. package/dist/solutions-components/{p-82199b7b.entry.js → p-3479d873.entry.js} +1 -1
  613. package/dist/solutions-components/{p-9fb16c72.entry.js → p-36d09c0c.entry.js} +1 -1
  614. package/dist/solutions-components/{p-75f26870.js → p-375f0b74.js} +6 -6
  615. package/dist/solutions-components/{p-cf1af08f.entry.js → p-38b4873b.entry.js} +1 -1
  616. package/dist/solutions-components/p-38d61356.js +18 -0
  617. package/dist/solutions-components/{p-a2748b38.entry.js → p-3a7156b8.entry.js} +1 -1
  618. package/dist/solutions-components/{p-022a9b7a.js → p-3b041268.js} +1 -1
  619. package/dist/solutions-components/{p-6a820c4d.js → p-3ca9bb95.js} +1 -1
  620. package/dist/solutions-components/{p-326fa270.js → p-3e5c8b2f.js} +1 -1
  621. package/dist/solutions-components/{p-1ede2e18.js → p-3ee6af74.js} +2 -2
  622. package/dist/solutions-components/{p-97c47bbd.entry.js → p-3eecbcf0.entry.js} +1 -1
  623. package/dist/solutions-components/{p-5c097e25.entry.js → p-40432de5.entry.js} +1 -1
  624. package/dist/solutions-components/{p-c9858d8f.entry.js → p-4058733e.entry.js} +1 -1
  625. package/dist/solutions-components/{p-9e727488.js → p-4152fae0.js} +1 -1
  626. package/dist/solutions-components/{p-12a4fa84.js → p-4321edfc.js} +1 -1
  627. package/dist/solutions-components/{p-761a033a.entry.js → p-4344b6ca.entry.js} +1 -1
  628. package/dist/solutions-components/{p-aeebdb15.js → p-44e26e37.js} +1 -1
  629. package/dist/solutions-components/{p-3445a8c6.js → p-477ae127.js} +1 -1
  630. package/dist/solutions-components/{p-9cb94ea0.js → p-4c8b1179.js} +1 -1
  631. package/dist/solutions-components/p-4e32bf8c.js +6 -0
  632. package/dist/solutions-components/{p-4c43820f.entry.js → p-4e93132b.entry.js} +1 -1
  633. package/dist/solutions-components/{p-1add4e39.entry.js → p-4ea79dc4.entry.js} +2 -2
  634. package/dist/solutions-components/{p-05db4340.js → p-4f51db32.js} +1 -1
  635. package/dist/solutions-components/{p-4d17943f.js → p-4f64d786.js} +1 -1
  636. package/dist/solutions-components/{p-2c0dc7b1.js → p-4ff653eb.js} +1 -1
  637. package/dist/solutions-components/{p-b1f84ae5.js → p-53347add.js} +1 -1
  638. package/dist/solutions-components/p-54fce798.js +11 -0
  639. package/dist/solutions-components/{p-abda8ca2.entry.js → p-573d282b.entry.js} +1 -1
  640. package/dist/solutions-components/{p-a258f5e7.js → p-58340eba.js} +1 -1
  641. package/dist/solutions-components/p-5930cd6d.entry.js +6 -0
  642. package/dist/solutions-components/p-5fc99541.js +257 -0
  643. package/dist/solutions-components/{p-ffac6f88.entry.js → p-6071078a.entry.js} +1 -1
  644. package/dist/solutions-components/{p-dc9dad31.entry.js → p-69863a28.entry.js} +1 -1
  645. package/dist/solutions-components/{p-a6900100.entry.js → p-699031c9.entry.js} +2 -2
  646. package/dist/solutions-components/{p-ab8f5c6b.entry.js → p-6998e886.entry.js} +1 -1
  647. package/dist/solutions-components/{p-bbb0d957.entry.js → p-6a813a31.entry.js} +1 -1
  648. package/dist/solutions-components/{p-ad72a379.entry.js → p-6b12b5eb.entry.js} +1 -1
  649. package/dist/solutions-components/{p-639cca97.js → p-6e89e9dd.js} +1 -1
  650. package/dist/solutions-components/{p-5adf37ea.entry.js → p-705b7f81.entry.js} +1 -1
  651. package/dist/solutions-components/p-75578ebf.entry.js +6 -0
  652. package/dist/solutions-components/{p-5383607a.js → p-7c72df3c.js} +3 -3
  653. package/dist/solutions-components/{p-03fccde6.entry.js → p-7ca47589.entry.js} +2 -2
  654. package/dist/solutions-components/{p-a040efff.js → p-7cb8a4db.js} +1 -1
  655. package/dist/solutions-components/p-7cc13b24.js +8 -0
  656. package/dist/solutions-components/{p-e4253e1b.entry.js → p-8008b2fe.entry.js} +1 -1
  657. package/dist/solutions-components/{p-22d580b0.entry.js → p-81531fbe.entry.js} +1 -1
  658. package/dist/solutions-components/{p-e10a62f4.entry.js → p-81627211.entry.js} +1 -1
  659. package/dist/solutions-components/{p-2d70d3fd.js → p-8aa806fe.js} +1 -1
  660. package/dist/solutions-components/{p-052ff2c7.js → p-8ae8b789.js} +1 -1
  661. package/dist/solutions-components/{p-4daae757.js → p-8b1236bf.js} +1 -1
  662. package/dist/solutions-components/{p-ee066c67.js → p-8b14f9aa.js} +3 -3
  663. package/dist/solutions-components/{p-56300653.js → p-8b4e79fd.js} +1 -1
  664. package/dist/solutions-components/{p-bba3fa4e.entry.js → p-8bc91d5b.entry.js} +2 -2
  665. package/dist/solutions-components/{p-cad5587c.entry.js → p-8df0c98c.entry.js} +1 -1
  666. package/dist/solutions-components/p-953cf07a.entry.js +6 -0
  667. package/dist/solutions-components/{p-5b9b1cbb.entry.js → p-95cf8aa0.entry.js} +1 -1
  668. package/dist/solutions-components/{p-29d41c7e.js → p-99ece5e1.js} +2 -2
  669. package/dist/solutions-components/{p-b4157e6a.js → p-9a2a551d.js} +1 -1
  670. package/dist/solutions-components/{p-541697d0.js → p-9b43b4cf.js} +1 -1
  671. package/dist/solutions-components/{p-647a4130.js → p-9f922d49.js} +2 -7
  672. package/dist/solutions-components/p-9fb09c2c.js +11 -0
  673. package/dist/solutions-components/{p-e645edf2.entry.js → p-a0e50ea6.entry.js} +1 -1
  674. package/dist/solutions-components/{p-31316d61.entry.js → p-a1154bb5.entry.js} +2 -2
  675. package/dist/solutions-components/{p-d62784a4.js → p-a709a84a.js} +1 -1
  676. package/dist/solutions-components/p-a99832c1.js +27 -0
  677. package/dist/solutions-components/{p-0f8440bb.entry.js → p-ad41cd27.entry.js} +1 -1
  678. package/dist/solutions-components/{p-bd3a3afe.js → p-ad962e25.js} +1 -1
  679. package/dist/solutions-components/{p-2b252afd.entry.js → p-ae1459ed.entry.js} +1 -1
  680. package/dist/solutions-components/{p-90bbf223.entry.js → p-af9510a4.entry.js} +1 -1
  681. package/dist/solutions-components/{p-4f0c3fc1.js → p-afc462f0.js} +1 -1
  682. package/dist/solutions-components/{p-6431fd69.js → p-b02a2b2f.js} +2 -2
  683. package/dist/solutions-components/{p-421d5e7c.js → p-b0eb13a1.js} +1 -1
  684. package/dist/solutions-components/{p-2656168f.entry.js → p-b1228e6c.entry.js} +1 -1
  685. package/dist/solutions-components/{p-0e7914e6.entry.js → p-b1ff9f2e.entry.js} +1 -1
  686. package/dist/solutions-components/p-b20bf7b7.entry.js +6 -0
  687. package/dist/solutions-components/{p-7920b5a2.entry.js → p-b361af64.entry.js} +1 -1
  688. package/dist/solutions-components/{p-a777b18c.js → p-b4a6abe2.js} +2 -2
  689. package/dist/solutions-components/{p-4e4b55b9.entry.js → p-b68b17b6.entry.js} +3 -3
  690. package/dist/solutions-components/{p-f41105c8.js → p-b73e9c4d.js} +1 -1
  691. package/dist/solutions-components/{p-19fe7725.js → p-b9111e12.js} +1 -1
  692. package/dist/solutions-components/{p-3cbe5ef3.js → p-b9653a1e.js} +1 -1
  693. package/dist/solutions-components/{p-5f5c371e.js → p-b9fa9ca9.js} +1 -1
  694. package/dist/solutions-components/{p-c07af9c2.entry.js → p-ba9bb2ba.entry.js} +2 -2
  695. package/dist/solutions-components/{p-b49bdc72.entry.js → p-bc35e445.entry.js} +1 -1
  696. package/dist/solutions-components/{p-c3f8b670.js → p-bccc74a8.js} +1 -1
  697. package/dist/solutions-components/{p-1990d9c8.entry.js → p-bd213033.entry.js} +1 -1
  698. package/dist/solutions-components/{p-a775ba2f.entry.js → p-c0dc792a.entry.js} +1 -1
  699. package/dist/solutions-components/{p-606ca126.js → p-c16e540d.js} +1 -1
  700. package/dist/solutions-components/{p-42c7a5fa.entry.js → p-c35b219b.entry.js} +1 -1
  701. package/dist/solutions-components/{p-b86b4512.entry.js → p-c38c0612.entry.js} +2 -2
  702. package/dist/solutions-components/{p-6b2f2b85.js → p-c8c3554b.js} +3 -3
  703. package/dist/solutions-components/{p-634e1240.js → p-cbebdffa.js} +1 -1
  704. package/dist/solutions-components/{p-91caf655.entry.js → p-cbf52aa2.entry.js} +2 -2
  705. package/dist/solutions-components/{p-825bac0e.js → p-ce21ee76.js} +1 -1
  706. package/dist/solutions-components/{p-57c08531.entry.js → p-ce3e73ae.entry.js} +1 -1
  707. package/dist/solutions-components/{p-d3a22725.js → p-cf14e2f3.js} +1 -1
  708. package/dist/solutions-components/{p-f28d69ac.entry.js → p-cfebc45c.entry.js} +1 -1
  709. package/dist/solutions-components/{p-6a524392.entry.js → p-d15a4f36.entry.js} +1 -1
  710. package/dist/solutions-components/{p-754e2df2.js → p-d3550542.js} +1 -1
  711. package/dist/solutions-components/{p-b5d67495.entry.js → p-d3dceabd.entry.js} +1 -1
  712. package/dist/solutions-components/{p-07bc4f07.entry.js → p-d43c1fc8.entry.js} +2 -2
  713. package/dist/solutions-components/{p-6de98c51.js → p-d7ddd3a2.js} +1 -1
  714. package/dist/solutions-components/{p-3e139360.js → p-d841cb8b.js} +1 -1
  715. package/dist/solutions-components/{p-2ae17fa2.js → p-d9868bac.js} +1 -1
  716. package/dist/solutions-components/{p-32f9c709.js → p-dc94bec2.js} +1 -1
  717. package/dist/solutions-components/{p-e6bee82f.js → p-dd0f8875.js} +1 -1
  718. package/dist/solutions-components/p-dec7b660.js +11 -0
  719. package/dist/solutions-components/{p-3f0193e9.js → p-deca8a07.js} +1 -1
  720. package/dist/solutions-components/{p-31ff3452.entry.js → p-df5ec082.entry.js} +1 -1
  721. package/dist/solutions-components/{p-ea282908.js → p-e046f728.js} +1 -1
  722. package/dist/solutions-components/{p-cf43278c.entry.js → p-e27ce6d2.entry.js} +1 -1
  723. package/dist/solutions-components/p-e2abc969.js +6 -0
  724. package/dist/solutions-components/{p-c5e294e4.js → p-e3f9e213.js} +1 -1
  725. package/dist/solutions-components/{p-2b96e551.entry.js → p-e43839a8.entry.js} +2 -2
  726. package/dist/solutions-components/{p-418d0b60.entry.js → p-e4d5188b.entry.js} +1 -1
  727. package/dist/solutions-components/{p-7b90c18e.entry.js → p-e666c0d6.entry.js} +1 -1
  728. package/dist/solutions-components/{p-39ff5ee5.js → p-e6c20791.js} +1 -1
  729. package/dist/solutions-components/{p-2005280f.js → p-ec4c8dc3.js} +1 -1
  730. package/dist/solutions-components/{p-93074bd4.entry.js → p-ef34c9e2.entry.js} +1 -1
  731. package/dist/solutions-components/{p-361f1fe1.js → p-f346f8ab.js} +2 -2
  732. package/dist/solutions-components/{p-680d193d.entry.js → p-f780ecc1.entry.js} +2 -2
  733. package/dist/solutions-components/p-f8be5d5f.js +7 -0
  734. package/dist/solutions-components/{p-c70392c4.entry.js → p-f9a56d6b.entry.js} +1 -1
  735. package/dist/solutions-components/{p-0ece6df1.entry.js → p-f9b9b211.entry.js} +1 -1
  736. package/dist/solutions-components/{p-a0a2c53d.js → p-fc2277fe.js} +1 -1
  737. package/dist/solutions-components/{p-40bde8b2.entry.js → p-fd65b14d.entry.js} +1 -1
  738. package/dist/solutions-components/{p-ef48bd77.entry.js → p-fe0e8542.entry.js} +1 -1
  739. package/dist/solutions-components/solutions-components.esm.js +1 -1
  740. package/dist/types/components/buffer-tools/buffer-tools.d.ts +170 -170
  741. package/dist/types/components/card-manager/card-manager.d.ts +70 -70
  742. package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +174 -174
  743. package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +26 -26
  744. package/dist/types/components/deduct-calculator/deduct-calculator.d.ts +90 -90
  745. package/dist/types/components/edit-card/edit-card.d.ts +140 -140
  746. package/dist/types/components/info-card/info-card.d.ts +143 -143
  747. package/dist/types/components/json-editor/json-editor.d.ts +229 -229
  748. package/dist/types/components/layer-table/layer-table.d.ts +276 -276
  749. package/dist/types/components/layout-manager/layout-manager.d.ts +69 -69
  750. package/dist/types/components/list-item/list-item.d.ts +26 -26
  751. package/dist/types/components/map-card/map-card.d.ts +83 -83
  752. package/dist/types/components/map-draw-tools/map-draw-tools.d.ts +231 -231
  753. package/dist/types/components/map-layer-picker/map-layer-picker.d.ts +160 -160
  754. package/dist/types/components/map-picker/map-picker.d.ts +109 -109
  755. package/dist/types/components/map-select-tools/map-select-tools.d.ts +469 -469
  756. package/dist/types/components/map-tools/map-tools.d.ts +104 -104
  757. package/dist/types/components/pci-calculator/pci-calculator.d.ts +71 -71
  758. package/dist/types/components/pdf-download/pdf-download.d.ts +101 -101
  759. package/dist/types/components/public-notification/public-notification.d.ts +610 -610
  760. package/dist/types/components/refine-selection/refine-selection.d.ts +234 -234
  761. package/dist/types/components/solution-configuration/solution-configuration.d.ts +205 -205
  762. package/dist/types/components/solution-contents/solution-contents.d.ts +46 -46
  763. package/dist/types/components/solution-item/solution-item.d.ts +71 -71
  764. package/dist/types/components/solution-item-details/solution-item-details.d.ts +100 -100
  765. package/dist/types/components/solution-item-icon/solution-item-icon.d.ts +44 -44
  766. package/dist/types/components/solution-item-sharing/solution-item-sharing.d.ts +62 -62
  767. package/dist/types/components/solution-organization-variables/solution-organization-variables.d.ts +63 -63
  768. package/dist/types/components/solution-resource-item/solution-resource-item.d.ts +144 -144
  769. package/dist/types/components/solution-spatial-ref/solution-spatial-ref.d.ts +180 -180
  770. package/dist/types/components/solution-spatial-ref/spatialreferences.d.ts +17 -17
  771. package/dist/types/components/solution-template-data/solution-template-data.d.ts +72 -72
  772. package/dist/types/components/solution-variables/solution-variables.d.ts +69 -69
  773. package/dist/types/components/store-manager/store-manager.d.ts +55 -55
  774. package/dist/types/components.d.ts +0 -2
  775. package/dist/types/index.d.ts +16 -16
  776. package/dist/types/stencil-public-runtime.d.ts +14 -27
  777. package/dist/types/utils/common.d.ts +49 -49
  778. package/dist/types/utils/csvDownload.d.ts +24 -24
  779. package/dist/types/utils/csvUtils.d.ts +22 -22
  780. package/dist/types/utils/downloadUtils.d.ts +118 -118
  781. package/dist/types/utils/interfaces.d.ts +398 -398
  782. package/dist/types/utils/languageUtil.d.ts +11 -11
  783. package/dist/types/utils/loadModules.d.ts +17 -17
  784. package/dist/types/utils/locale.d.ts +22 -22
  785. package/dist/types/utils/mapViewUtils.d.ts +124 -124
  786. package/dist/types/utils/pciUtils.d.ts +97 -97
  787. package/dist/types/utils/pdfUtils.d.ts +27 -27
  788. package/dist/types/utils/publicNotificationStore.d.ts +24 -24
  789. package/dist/types/utils/queryUtils.d.ts +95 -95
  790. package/dist/types/utils/solution-store.d.ts +234 -234
  791. package/dist/types/utils/templates.d.ts +50 -50
  792. package/dist/types/utils/test/mocks/jsApi.d.ts +59 -59
  793. package/dist/types/utils/test/testUtils.d.ts +36 -36
  794. package/dist/types/utils/types.d.ts +1 -1
  795. package/package.json +2 -2
  796. package/dist/collection/components/buffer-tools/test/buffer-tools.e2e.js +0 -29
  797. package/dist/collection/components/buffer-tools/test/buffer-tools.spec.js +0 -160
  798. package/dist/collection/components/card-manager/test/card-manager.e2e.js +0 -29
  799. package/dist/collection/components/card-manager/test/card-manager.spec.js +0 -37
  800. package/dist/collection/components/crowdsource-manager/test/crowdsource-manager.e2e.js +0 -29
  801. package/dist/collection/components/crowdsource-manager/test/crowdsource-manager.spec.js +0 -37
  802. package/dist/collection/components/crowdsource-reporter/test/crowdsource-reporter.e2e.js +0 -29
  803. package/dist/collection/components/crowdsource-reporter/test/crowdsource-reporter.spec.js +0 -37
  804. package/dist/collection/components/deduct-calculator/test/deduct-calculator.e2e.js +0 -29
  805. package/dist/collection/components/deduct-calculator/test/deduct-calculator.spec.js +0 -37
  806. package/dist/collection/components/edit-card/test/edit-card.e2e.js +0 -14
  807. package/dist/collection/components/edit-card/test/edit-card.spec.js +0 -22
  808. package/dist/collection/components/info-card/test/info-card.e2e.js +0 -29
  809. package/dist/collection/components/info-card/test/info-card.spec.js +0 -37
  810. package/dist/collection/components/json-editor/test/json-editor.e2e.js +0 -36
  811. package/dist/collection/components/json-editor/test/json-editor.spec.js +0 -65
  812. package/dist/collection/components/layer-table/test/layer-table.e2e.js +0 -29
  813. package/dist/collection/components/layer-table/test/layer-table.spec.js +0 -37
  814. package/dist/collection/components/layout-manager/test/layout-manager.e2e.js +0 -29
  815. package/dist/collection/components/layout-manager/test/layout-manager.spec.js +0 -37
  816. package/dist/collection/components/list-item/test/list-item.e2e.js +0 -29
  817. package/dist/collection/components/list-item/test/list-item.spec.js +0 -37
  818. package/dist/collection/components/map-card/test/map-card.e2e.js +0 -29
  819. package/dist/collection/components/map-card/test/map-card.spec.js +0 -37
  820. package/dist/collection/components/map-draw-tools/test/map-draw-tools.e2e.js +0 -29
  821. package/dist/collection/components/map-draw-tools/test/map-draw-tools.spec.js +0 -37
  822. package/dist/collection/components/map-layer-picker/test/map-layer-picker.e2e.js +0 -29
  823. package/dist/collection/components/map-layer-picker/test/map-layer-picker.spec.js +0 -114
  824. package/dist/collection/components/map-picker/test/map-picker.e2e.js +0 -29
  825. package/dist/collection/components/map-picker/test/map-picker.spec.js +0 -37
  826. package/dist/collection/components/map-select-tools/test/map-select-tools.e2e.js +0 -29
  827. package/dist/collection/components/map-select-tools/test/map-select-tools.spec.js +0 -366
  828. package/dist/collection/components/map-tools/test/map-tools.e2e.js +0 -29
  829. package/dist/collection/components/map-tools/test/map-tools.spec.js +0 -37
  830. package/dist/collection/components/pci-calculator/test/pci-calculator.e2e.js +0 -29
  831. package/dist/collection/components/pci-calculator/test/pci-calculator.spec.js +0 -37
  832. package/dist/collection/components/pdf-download/test/pdf-download.e2e.js +0 -76
  833. package/dist/collection/components/pdf-download/test/pdf-download.spec.js +0 -107
  834. package/dist/collection/components/public-notification/test/public-notification.spec.js +0 -161
  835. package/dist/collection/components/refine-selection/test/refine-selection.e2e.js +0 -14
  836. package/dist/collection/components/refine-selection/test/refine-selection.spec.js +0 -22
  837. package/dist/collection/components/solution-configuration/test/solution-configuration.e2e.js +0 -36
  838. package/dist/collection/components/solution-configuration/test/solution-configuration.spec.js +0 -119
  839. package/dist/collection/components/solution-contents/test/solution-contents.e2e.js +0 -94
  840. package/dist/collection/components/solution-contents/test/solution-contents.spec.js +0 -143
  841. package/dist/collection/components/solution-item/test/solution-item.e2e.js +0 -36
  842. package/dist/collection/components/solution-item/test/solution-item.spec.js +0 -77
  843. package/dist/collection/components/solution-item-details/test/solution-item-details.e2e.js +0 -36
  844. package/dist/collection/components/solution-item-details/test/solution-item-details.spec.js +0 -142
  845. package/dist/collection/components/solution-item-icon/test/solution-item-icon.e2e.js +0 -29
  846. package/dist/collection/components/solution-item-icon/test/solution-item-icon.spec.js +0 -39
  847. package/dist/collection/components/solution-item-sharing/test/solution-item-sharing.e2e.js +0 -36
  848. package/dist/collection/components/solution-item-sharing/test/solution-item-sharing.spec.js +0 -54
  849. package/dist/collection/components/solution-organization-variables/test/solution-organization-variables.e2e.js +0 -36
  850. package/dist/collection/components/solution-organization-variables/test/solution-organization-variables.spec.js +0 -65
  851. package/dist/collection/components/solution-resource-item/test/solution-resource-item.e2e.js +0 -36
  852. package/dist/collection/components/solution-resource-item/test/solution-resource-item.spec.js +0 -55
  853. package/dist/collection/components/solution-spatial-ref/test/solution-spatial-ref.e2e.js +0 -36
  854. package/dist/collection/components/solution-spatial-ref/test/solution-spatial-ref.spec.js +0 -175
  855. package/dist/collection/components/solution-template-data/test/solution-template-data.e2e.js +0 -36
  856. package/dist/collection/components/solution-template-data/test/solution-template-data.spec.js +0 -60
  857. package/dist/collection/components/solution-variables/test/solution-variables.e2e.js +0 -36
  858. package/dist/collection/components/solution-variables/test/solution-variables.spec.js +0 -131
  859. package/dist/collection/utils/templates.e2e.js +0 -30
  860. package/dist/collection/utils/test/csvUtils.spec.js +0 -51
  861. package/dist/collection/utils/test/downloadUtils.spec.js +0 -357
  862. package/dist/collection/utils/test/pciUtils.spec.js +0 -302
  863. package/dist/collection/utils/test/solution-store.spec.js +0 -444
  864. package/dist/esm/resources-40d8e06f.js +0 -20
  865. package/dist/solutions-components/p-0cc32f06.js +0 -6
  866. package/dist/solutions-components/p-10248e04.js +0 -11
  867. package/dist/solutions-components/p-108fbf59.entry.js +0 -6
  868. package/dist/solutions-components/p-13290851.js +0 -259
  869. package/dist/solutions-components/p-164be8ef.entry.js +0 -6
  870. package/dist/solutions-components/p-1ea1dcac.js +0 -61
  871. package/dist/solutions-components/p-3aba40e8.js +0 -18
  872. package/dist/solutions-components/p-3bd99fc9.js +0 -11
  873. package/dist/solutions-components/p-3cce003d.js +0 -27
  874. package/dist/solutions-components/p-525f1188.js +0 -11
  875. package/dist/solutions-components/p-6665fa1f.js +0 -6
  876. package/dist/solutions-components/p-7c33e500.entry.js +0 -6
  877. package/dist/solutions-components/p-9310b882.js +0 -7
  878. package/dist/solutions-components/p-9bbc05ff.js +0 -11
  879. package/dist/solutions-components/p-a82f35c9.js +0 -6
  880. package/dist/solutions-components/p-b6578a32.js +0 -6
  881. package/dist/solutions-components/p-b684bbc7.entry.js +0 -6
  882. package/dist/solutions-components/p-baccfd70.entry.js +0 -6
  883. package/dist/solutions-components/p-bf9e18d4.js +0 -8
  884. package/dist/solutions-components/p-d6322e4b.js +0 -6
  885. /package/dist/cjs/{array-46bb7df1.js → array-51e7da8f.js} +0 -0
  886. /package/dist/cjs/{debounce-30afab47.js → debounce-69c3bada.js} +0 -0
  887. /package/dist/cjs/{guid-3abe3cc6.js → guid-ca85ade0.js} +0 -0
  888. /package/dist/cjs/{html2canvas-34208bbf.js → html2canvas-770c1171.js} +0 -0
  889. /package/dist/cjs/{interactive-2fe0f43a.js → interactive-4e212b36.js} +0 -0
  890. /package/dist/cjs/{key-b8b55ea3.js → key-b32a6438.js} +0 -0
  891. /package/dist/cjs/{math-5132d9bd.js → math-ef14a84a.js} +0 -0
  892. /package/dist/cjs/{observers-f5fa975b.js → observers-20fe6f01.js} +0 -0
  893. /package/dist/cjs/{purify-f8c3e427.js → purify-5389d8d6.js} +0 -0
  894. /package/dist/cjs/{resources-2901b608.js → resources-1d2258a1.js} +0 -0
  895. /package/dist/cjs/{resources-60c27547.js → resources-7c9bff85.js} +0 -0
  896. /package/dist/cjs/{resources-9f2b33ee.js → resources-9dcbf30f.js} +0 -0
  897. /package/dist/cjs/{resources-4da89742.js → resources-a7e3371d.js} +0 -0
  898. /package/dist/cjs/{resources-8233a151.js → resources-b176fc52.js} +0 -0
  899. /package/dist/cjs/{resources-77713c2e.js → resources-b4b4b4fe.js} +0 -0
  900. /package/dist/cjs/{resources-e1258e8a.js → resources-c6f066a4.js} +0 -0
  901. /package/dist/cjs/{resources-91409a5d.js → resources-f13e2605.js} +0 -0
  902. /package/dist/cjs/{resources-c913200c.js → resources-f3e30b7b.js} +0 -0
  903. /package/dist/cjs/{utils-bae432a9.js → utils-662561ad.js} +0 -0
  904. /package/dist/cjs/{utils-cd14113f.js → utils-8a0f3e68.js} +0 -0
  905. /package/dist/esm/{array-751a2b87.js → array-4a653f59.js} +0 -0
  906. /package/dist/esm/{debounce-229b1a22.js → debounce-4c884e5c.js} +0 -0
  907. /package/dist/esm/{guid-2bbb8cd1.js → guid-1608fd71.js} +0 -0
  908. /package/dist/esm/{html2canvas-a0a4df55.js → html2canvas-12c862c8.js} +0 -0
  909. /package/dist/esm/{interactive-eaf4be29.js → interactive-0733ee76.js} +0 -0
  910. /package/dist/esm/{key-7a525416.js → key-97b504af.js} +0 -0
  911. /package/dist/esm/{math-5f92f517.js → math-e006358c.js} +0 -0
  912. /package/dist/esm/{observers-9d66685a.js → observers-67bdf9e5.js} +0 -0
  913. /package/dist/esm/{purify-c99d2ace.js → purify-75c61cf7.js} +0 -0
  914. /package/dist/esm/{resources-d6a4d343.js → resources-01034dfa.js} +0 -0
  915. /package/dist/esm/{resources-c253772f.js → resources-34b761fa.js} +0 -0
  916. /package/dist/esm/{resources-a9b2d33c.js → resources-43d63050.js} +0 -0
  917. /package/dist/esm/{resources-dca3d475.js → resources-5490ccf4.js} +0 -0
  918. /package/dist/esm/{resources-c65f5654.js → resources-6b7800e6.js} +0 -0
  919. /package/dist/esm/{resources-5bce3953.js → resources-6be20fcc.js} +0 -0
  920. /package/dist/esm/{resources-58d30a0f.js → resources-913009ae.js} +0 -0
  921. /package/dist/{components/resources4.js → esm/resources-b5267429.js} +0 -0
  922. /package/dist/esm/{resources-94c47e64.js → resources-f97db74e.js} +0 -0
  923. /package/dist/esm/{utils-2c91c963.js → utils-649c76ab.js} +0 -0
  924. /package/dist/esm/{utils-18db6b1d.js → utils-dcd05f69.js} +0 -0
  925. /package/dist/solutions-components/{p-f055a840.js → p-0506e06f.js} +0 -0
  926. /package/dist/solutions-components/{p-283e3a2d.js → p-0630e686.js} +0 -0
  927. /package/dist/solutions-components/{p-fb7e0054.js → p-08ab045a.js} +0 -0
  928. /package/dist/solutions-components/{p-2291b598.js → p-0b32d4fe.js} +0 -0
  929. /package/dist/solutions-components/{p-5961c4e0.js → p-203b16df.js} +0 -0
  930. /package/dist/solutions-components/{p-3fc17d72.js → p-3adf63ca.js} +0 -0
  931. /package/dist/solutions-components/{p-d4c103a8.js → p-3b72043f.js} +0 -0
  932. /package/dist/solutions-components/{p-18f1772b.js → p-43ebe36a.js} +0 -0
  933. /package/dist/solutions-components/{p-58ce5639.js → p-5242a652.js} +0 -0
  934. /package/dist/solutions-components/{p-18869c0f.js → p-5d25ba99.js} +0 -0
  935. /package/dist/solutions-components/{p-1f468797.js → p-76b83a13.js} +0 -0
  936. /package/dist/solutions-components/{p-d554507d.js → p-7ac7b1a1.js} +0 -0
  937. /package/dist/solutions-components/{p-868df4a0.js → p-9ab03591.js} +0 -0
  938. /package/dist/solutions-components/{p-38ef0684.js → p-a963dd48.js} +0 -0
  939. /package/dist/solutions-components/{p-63a0e9bf.js → p-cc815aca.js} +0 -0
  940. /package/dist/solutions-components/{p-6f2edf5b.js → p-d556b5c4.js} +0 -0
  941. /package/dist/solutions-components/{p-215d3505.js → p-f93e6931.js} +0 -0
  942. /package/dist/solutions-components/{p-4805ff13.js → p-fb3ba11a.js} +0 -0
  943. /package/dist/solutions-components/{p-b9749e09.js → p-ff4afb7d.js} +0 -0
@@ -7,896 +7,896 @@
7
7
 
8
8
  Object.defineProperty(exports, '__esModule', { value: true });
9
9
 
10
- const index = require('./index-0e50040c.js');
11
- const resources = require('./resources-8233a151.js');
12
- const dom = require('./dom-c1807fc1.js');
13
- const utils = require('./utils-bae432a9.js');
14
- const interactive = require('./interactive-2fe0f43a.js');
15
- const key = require('./key-b8b55ea3.js');
16
- const loadable = require('./loadable-bac9cdd6.js');
17
- const locale = require('./locale-c63a1b57.js');
18
- const math = require('./math-5132d9bd.js');
19
- const t9n = require('./t9n-1d032c30.js');
20
- const throttle = require('./throttle-aeeb1b4d.js');
10
+ const index = require('./index-6654298b.js');
11
+ const resources = require('./resources-b176fc52.js');
12
+ const dom = require('./dom-d529bae8.js');
13
+ const utils = require('./utils-662561ad.js');
14
+ const interactive = require('./interactive-4e212b36.js');
15
+ const key = require('./key-b32a6438.js');
16
+ const loadable = require('./loadable-6da743c6.js');
17
+ const locale = require('./locale-477d8d51.js');
18
+ const math = require('./math-ef14a84a.js');
19
+ const t9n = require('./t9n-8be30efb.js');
20
+ const throttle = require('./throttle-8ee74c77.js');
21
21
  require('./_commonjsHelpers-384729db.js');
22
- require('./guid-3abe3cc6.js');
23
- require('./resources-77713c2e.js');
24
- require('./observers-f5fa975b.js');
25
- require('./debounce-30afab47.js');
22
+ require('./guid-ca85ade0.js');
23
+ require('./resources-b4b4b4fe.js');
24
+ require('./observers-20fe6f01.js');
25
+ require('./debounce-69c3bada.js');
26
26
 
27
27
  const colorPickerCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-app-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n 2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-ui-focus-offset-invert),\n 1\n )\n )\n );outline-offset:11px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-ui-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index=\"3\"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index=\"3\"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index=\"3\"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
28
28
 
29
- const throttleFor60FpsInMs = 16;
30
- const ColorPicker = class {
31
- constructor(hostRef) {
32
- index.registerInstance(this, hostRef);
33
- this.calciteColorPickerChange = index.createEvent(this, "calciteColorPickerChange", 6);
34
- this.calciteColorPickerInput = index.createEvent(this, "calciteColorPickerInput", 6);
35
- this.internalColorUpdateContext = null;
36
- this.mode = utils.CSSColorMode.HEX;
37
- this.shiftKeyChannelAdjustment = 0;
38
- this.handleTabActivate = (event) => {
39
- this.channelMode = event.currentTarget.getAttribute("data-color-mode");
40
- this.updateChannelsFromColor(this.color);
41
- };
42
- this.handleColorFieldScopeKeyDown = (event) => {
43
- const { key } = event;
44
- const arrowKeyToXYOffset = {
45
- ArrowUp: { x: 0, y: -10 },
46
- ArrowRight: { x: 10, y: 0 },
47
- ArrowDown: { x: 0, y: 10 },
48
- ArrowLeft: { x: -10, y: 0 },
49
- };
50
- if (arrowKeyToXYOffset[key]) {
51
- event.preventDefault();
52
- this.scopeOrientation = key === "ArrowDown" || key === "ArrowUp" ? "vertical" : "horizontal";
53
- this.captureColorFieldColor(this.colorFieldScopeLeft + arrowKeyToXYOffset[key].x || 0, this.colorFieldScopeTop + arrowKeyToXYOffset[key].y || 0, false);
54
- }
55
- };
56
- this.handleHueScopeKeyDown = (event) => {
57
- const modifier = event.shiftKey ? 10 : 1;
58
- const { key } = event;
59
- const arrowKeyToXOffset = {
60
- ArrowUp: 1,
61
- ArrowRight: 1,
62
- ArrowDown: -1,
63
- ArrowLeft: -1,
64
- };
65
- if (arrowKeyToXOffset[key]) {
66
- event.preventDefault();
67
- const delta = arrowKeyToXOffset[key] * modifier;
68
- const hue = this.baseColorFieldColor.hue();
69
- const color = this.baseColorFieldColor.hue(hue + delta);
70
- this.internalColorSet(color, false);
71
- }
72
- };
73
- this.handleHexInputChange = (event) => {
74
- event.stopPropagation();
75
- const { allowEmpty, color } = this;
76
- const input = event.target;
77
- const hex = input.value;
78
- if (allowEmpty && !hex) {
79
- this.internalColorSet(null);
80
- return;
81
- }
82
- const normalizedHex = color && utils.normalizeHex(utils.hexify(color, utils.alphaCompatible(this.mode)));
83
- if (hex !== normalizedHex) {
84
- this.internalColorSet(resources.color(hex));
85
- }
86
- };
87
- this.handleSavedColorSelect = (event) => {
88
- const swatch = event.currentTarget;
89
- this.internalColorSet(resources.color(swatch.color));
90
- };
91
- this.handleChannelInput = (event) => {
92
- const input = event.currentTarget;
93
- const channelIndex = Number(input.getAttribute("data-channel-index"));
94
- const isAlphaChannel = channelIndex === 3;
95
- const limit = isAlphaChannel
96
- ? resources.OPACITY_LIMITS.max
97
- : this.channelMode === "rgb"
98
- ? resources.RGB_LIMITS[Object.keys(resources.RGB_LIMITS)[channelIndex]]
99
- : resources.HSV_LIMITS[Object.keys(resources.HSV_LIMITS)[channelIndex]];
100
- let inputValue;
101
- if (this.allowEmpty && !input.value) {
102
- inputValue = "";
103
- }
104
- else {
105
- const value = Number(input.value);
106
- const adjustedValue = value + this.shiftKeyChannelAdjustment;
107
- const clamped = math.clamp(adjustedValue, 0, limit);
108
- inputValue = clamped.toString();
109
- }
110
- input.value = inputValue;
111
- };
112
- this.handleChannelChange = (event) => {
113
- const input = event.currentTarget;
114
- const channelIndex = Number(input.getAttribute("data-channel-index"));
115
- const channels = [...this.channels];
116
- const shouldClearChannels = this.allowEmpty && !input.value;
117
- if (shouldClearChannels) {
118
- this.channels = [null, null, null, null];
119
- this.internalColorSet(null);
120
- return;
121
- }
122
- const isAlphaChannel = channelIndex === 3;
123
- const value = Number(input.value);
124
- channels[channelIndex] = isAlphaChannel ? utils.opacityToAlpha(value) : value;
125
- this.updateColorFromChannels(channels);
126
- };
127
- this.handleSavedColorKeyDown = (event) => {
128
- if (key.isActivationKey(event.key)) {
129
- event.preventDefault();
130
- this.handleSavedColorSelect(event);
131
- }
132
- };
133
- this.handleColorFieldPointerDown = (event) => {
134
- if (!dom.isPrimaryPointerButton(event)) {
135
- return;
136
- }
137
- const { offsetX, offsetY } = event;
138
- document.addEventListener("pointermove", this.globalPointerMoveHandler);
139
- document.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
140
- this.activeCanvasInfo = {
141
- context: this.colorFieldRenderingContext,
142
- bounds: this.colorFieldRenderingContext.canvas.getBoundingClientRect(),
143
- };
144
- this.captureColorFieldColor(offsetX, offsetY);
145
- this.colorFieldScopeNode.focus();
146
- };
147
- this.handleHueSliderPointerDown = (event) => {
148
- if (!dom.isPrimaryPointerButton(event)) {
149
- return;
150
- }
151
- const { offsetX } = event;
152
- document.addEventListener("pointermove", this.globalPointerMoveHandler);
153
- document.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
154
- this.activeCanvasInfo = {
155
- context: this.hueSliderRenderingContext,
156
- bounds: this.hueSliderRenderingContext.canvas.getBoundingClientRect(),
157
- };
158
- this.captureHueSliderColor(offsetX);
159
- this.hueScopeNode.focus();
160
- };
161
- this.handleOpacitySliderPointerDown = (event) => {
162
- if (!dom.isPrimaryPointerButton(event)) {
163
- return;
164
- }
165
- const { offsetX } = event;
166
- document.addEventListener("pointermove", this.globalPointerMoveHandler);
167
- document.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
168
- this.activeCanvasInfo = {
169
- context: this.opacitySliderRenderingContext,
170
- bounds: this.opacitySliderRenderingContext.canvas.getBoundingClientRect(),
171
- };
172
- this.captureOpacitySliderValue(offsetX);
173
- this.opacityScopeNode.focus();
174
- };
175
- this.globalPointerUpHandler = (event) => {
176
- if (!dom.isPrimaryPointerButton(event)) {
177
- return;
178
- }
179
- const previouslyDragging = this.activeCanvasInfo;
180
- this.activeCanvasInfo = null;
181
- this.drawColorControls();
182
- if (previouslyDragging) {
183
- this.calciteColorPickerChange.emit();
184
- }
185
- };
186
- this.globalPointerMoveHandler = (event) => {
187
- const { activeCanvasInfo, el } = this;
188
- if (!el.isConnected || !activeCanvasInfo) {
189
- return;
190
- }
191
- const { context, bounds } = activeCanvasInfo;
192
- let samplingX;
193
- let samplingY;
194
- const { clientX, clientY } = event;
195
- if (context.canvas.matches(":hover")) {
196
- samplingX = clientX - bounds.x;
197
- samplingY = clientY - bounds.y;
198
- }
199
- else {
200
- // snap x and y to the closest edge
201
- if (clientX < bounds.x + bounds.width && clientX > bounds.x) {
202
- samplingX = clientX - bounds.x;
203
- }
204
- else if (clientX < bounds.x) {
205
- samplingX = 0;
206
- }
207
- else {
208
- samplingX = bounds.width;
209
- }
210
- if (clientY < bounds.y + bounds.height && clientY > bounds.y) {
211
- samplingY = clientY - bounds.y;
212
- }
213
- else if (clientY < bounds.y) {
214
- samplingY = 0;
215
- }
216
- else {
217
- samplingY = bounds.height;
218
- }
219
- }
220
- if (context === this.colorFieldRenderingContext) {
221
- this.captureColorFieldColor(samplingX, samplingY, false);
222
- }
223
- else if (context === this.hueSliderRenderingContext) {
224
- this.captureHueSliderColor(samplingX);
225
- }
226
- else if (context === this.opacitySliderRenderingContext) {
227
- this.captureOpacitySliderValue(samplingX);
228
- }
229
- };
230
- this.storeColorFieldScope = (node) => {
231
- this.colorFieldScopeNode = node;
232
- };
233
- this.storeHueScope = (node) => {
234
- this.hueScopeNode = node;
235
- };
236
- this.renderChannelsTabTitle = (channelMode) => {
237
- const { channelMode: activeChannelMode, messages } = this;
238
- const selected = channelMode === activeChannelMode;
239
- const label = channelMode === "rgb" ? messages.rgb : messages.hsv;
240
- return (index.h("calcite-tab-title", { class: resources.CSS.colorMode, "data-color-mode": channelMode, key: channelMode, onCalciteTabsActivate: this.handleTabActivate, selected: selected }, label));
241
- };
242
- this.renderChannelsTab = (channelMode) => {
243
- const { allowEmpty, channelMode: activeChannelMode, channels, messages, alphaChannel } = this;
244
- const selected = channelMode === activeChannelMode;
245
- const isRgb = channelMode === "rgb";
246
- const channelAriaLabels = isRgb
247
- ? [messages.red, messages.green, messages.blue]
248
- : [messages.hue, messages.saturation, messages.value];
249
- const direction = dom.getElementDir(this.el);
250
- const channelsToRender = alphaChannel ? channels : channels.slice(0, 3);
251
- return (index.h("calcite-tab", { class: resources.CSS.control, key: channelMode, selected: selected }, index.h("div", { class: resources.CSS.channels, dir: "ltr" }, channelsToRender.map((channelValue, index) => {
252
- const isAlphaChannel = index === 3;
253
- if (isAlphaChannel) {
254
- channelValue =
255
- allowEmpty && !channelValue ? channelValue : utils.alphaToOpacity(channelValue);
256
- }
257
- /* the channel container is ltr, so we apply the host's direction */
258
- return this.renderChannel(channelValue, index, channelAriaLabels[index], direction, isAlphaChannel ? "%" : "");
259
- }))));
260
- };
261
- this.renderChannel = (value, index$1, ariaLabel, direction, suffix) => {
262
- return (index.h("calcite-input-number", { class: resources.CSS.channel, "data-channel-index": index$1, dir: direction, key: index$1, label: ariaLabel, lang: this.effectiveLocale, numberButtonType: "none", numberingSystem: this.numberingSystem, onCalciteInputNumberChange: this.handleChannelChange, onCalciteInputNumberInput: this.handleChannelInput, onKeyDown: this.handleKeyDown, scale: this.scale === "l" ? "m" : "s",
263
- // workaround to ensure input borders overlap as desired
264
- // this is because the build transforms margin-left to its
265
- // logical-prop, which is undesired as channels are always ltr
266
- style: {
267
- marginLeft: index$1 > 0 && !(this.scale === "s" && this.alphaChannel && index$1 === 3) ? "-1px" : "",
268
- }, suffixText: suffix, value: value === null || value === void 0 ? void 0 : value.toString() }));
269
- };
270
- this.deleteColor = () => {
271
- const colorToDelete = utils.hexify(this.color, this.alphaChannel);
272
- const inStorage = this.savedColors.indexOf(colorToDelete) > -1;
273
- if (!inStorage) {
274
- return;
275
- }
276
- const savedColors = this.savedColors.filter((color) => color !== colorToDelete);
277
- this.savedColors = savedColors;
278
- const storageKey = `${resources.DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
279
- if (this.storageId) {
280
- localStorage.setItem(storageKey, JSON.stringify(savedColors));
281
- }
282
- };
283
- this.saveColor = () => {
284
- const colorToSave = utils.hexify(this.color, this.alphaChannel);
285
- const alreadySaved = this.savedColors.indexOf(colorToSave) > -1;
286
- if (alreadySaved) {
287
- return;
288
- }
289
- const savedColors = [...this.savedColors, colorToSave];
290
- this.savedColors = savedColors;
291
- const storageKey = `${resources.DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
292
- if (this.storageId) {
293
- localStorage.setItem(storageKey, JSON.stringify(savedColors));
294
- }
295
- };
296
- this.drawColorControls = throttle.throttle((type = "all") => {
297
- if ((type === "all" || type === "color-field") && this.colorFieldRenderingContext) {
298
- this.drawColorField();
299
- }
300
- if ((type === "all" || type === "hue-slider") && this.hueSliderRenderingContext) {
301
- this.drawHueSlider();
302
- }
303
- if (this.alphaChannel &&
304
- (type === "all" || type === "opacity-slider") &&
305
- this.opacitySliderRenderingContext) {
306
- this.drawOpacitySlider();
307
- }
308
- }, throttleFor60FpsInMs);
309
- this.captureColorFieldColor = (x, y, skipEqual = true) => {
310
- const { dimensions: { colorField: { height, width }, }, } = this;
311
- const saturation = Math.round((resources.HSV_LIMITS.s / width) * x);
312
- const value = Math.round((resources.HSV_LIMITS.v / height) * (height - y));
313
- this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(saturation).value(value), skipEqual);
314
- };
315
- this.initColorField = (canvas) => {
316
- this.colorFieldRenderingContext = canvas.getContext("2d");
317
- this.updateCanvasSize("color-field");
318
- this.drawColorControls();
319
- };
320
- this.initHueSlider = (canvas) => {
321
- this.hueSliderRenderingContext = canvas.getContext("2d");
322
- this.updateCanvasSize("hue-slider");
323
- this.drawHueSlider();
324
- };
325
- this.initOpacitySlider = (canvas) => {
326
- this.opacitySliderRenderingContext = canvas.getContext("2d");
327
- this.updateCanvasSize("opacity-slider");
328
- this.drawOpacitySlider();
329
- };
330
- this.storeOpacityScope = (node) => {
331
- this.opacityScopeNode = node;
332
- };
333
- this.handleOpacityScopeKeyDown = (event) => {
334
- const modifier = event.shiftKey ? 10 : 1;
335
- const { key } = event;
336
- const arrowKeyToXOffset = {
337
- ArrowUp: 0.01,
338
- ArrowRight: 0.01,
339
- ArrowDown: -0.01,
340
- ArrowLeft: -0.01,
341
- };
342
- if (arrowKeyToXOffset[key]) {
343
- event.preventDefault();
344
- const delta = arrowKeyToXOffset[key] * modifier;
345
- const alpha = this.baseColorFieldColor.alpha();
346
- const color = this.baseColorFieldColor.alpha(alpha + delta);
347
- this.internalColorSet(color, false);
348
- }
349
- };
350
- this.allowEmpty = false;
351
- this.alphaChannel = false;
352
- this.channelsDisabled = false;
353
- this.color = resources.DEFAULT_COLOR;
354
- this.disabled = false;
355
- this.format = "auto";
356
- this.hideChannels = false;
357
- this.hexDisabled = false;
358
- this.hideHex = false;
359
- this.hideSaved = false;
360
- this.savedDisabled = false;
361
- this.scale = "m";
362
- this.storageId = undefined;
363
- this.messageOverrides = undefined;
364
- this.numberingSystem = undefined;
365
- this.value = utils.normalizeHex(utils.hexify(resources.DEFAULT_COLOR, this.alphaChannel));
366
- this.defaultMessages = undefined;
367
- this.channelMode = "rgb";
368
- this.channels = this.toChannels(resources.DEFAULT_COLOR);
369
- this.dimensions = resources.DIMENSIONS.m;
370
- this.effectiveLocale = "";
371
- this.messages = undefined;
372
- this.savedColors = [];
373
- this.colorFieldScopeTop = undefined;
374
- this.colorFieldScopeLeft = undefined;
375
- this.hueScopeLeft = undefined;
376
- this.opacityScopeLeft = undefined;
377
- this.scopeOrientation = undefined;
378
- }
379
- handleAlphaChannelChange(alphaChannel) {
380
- const { format } = this;
381
- if (alphaChannel && format !== "auto" && !utils.alphaCompatible(format)) {
382
- console.warn(`ignoring alphaChannel as the current format (${format}) does not support alpha`);
383
- this.alphaChannel = false;
384
- }
385
- }
386
- handleColorChange(color, oldColor) {
387
- this.drawColorControls();
388
- this.updateChannelsFromColor(color);
389
- this.previousColor = oldColor;
390
- }
391
- handleFormatChange(format) {
392
- this.setMode(format);
393
- this.internalColorSet(this.color, false, "internal");
394
- }
395
- handleScaleChange(scale = "m") {
396
- this.updateDimensions(scale);
397
- this.updateCanvasSize("all");
398
- this.drawColorControls();
399
- }
400
- onMessagesChange() {
401
- /* wired up by t9n util */
402
- }
403
- handleValueChange(value, oldValue) {
404
- const { allowEmpty, format } = this;
405
- const checkMode = !allowEmpty || value;
406
- let modeChanged = false;
407
- if (checkMode) {
408
- const nextMode = utils.parseMode(value);
409
- if (!nextMode || (format !== "auto" && nextMode !== format)) {
410
- this.showIncompatibleColorWarning(value, format);
411
- this.value = oldValue;
412
- return;
413
- }
414
- modeChanged = this.mode !== nextMode;
415
- this.setMode(nextMode, this.internalColorUpdateContext === null);
416
- }
417
- const dragging = this.activeCanvasInfo;
418
- if (this.internalColorUpdateContext === "initial") {
419
- return;
420
- }
421
- if (this.internalColorUpdateContext === "user-interaction") {
422
- this.calciteColorPickerInput.emit();
423
- if (!dragging) {
424
- this.calciteColorPickerChange.emit();
425
- }
426
- return;
427
- }
428
- const color = allowEmpty && !value
429
- ? null
430
- : resources.color(value != null && typeof value === "object" && utils.alphaCompatible(this.mode)
431
- ? utils.normalizeColor(value)
432
- : value);
433
- const colorChanged = !utils.colorEqual(color, this.color);
434
- if (modeChanged || colorChanged) {
435
- this.internalColorSet(color, this.alphaChannel && !(this.mode.endsWith("a") || this.mode.endsWith("a-css")), "internal");
436
- }
437
- }
438
- get baseColorFieldColor() {
439
- return this.color || this.previousColor || resources.DEFAULT_COLOR;
440
- }
441
- effectiveLocaleChange() {
442
- t9n.updateMessages(this, this.effectiveLocale);
443
- }
444
- // using @Listen as a workaround for VDOM listener not firing
445
- handleChannelKeyUpOrDown(event) {
446
- this.shiftKeyChannelAdjustment = 0;
447
- const { key } = event;
448
- if ((key !== "ArrowUp" && key !== "ArrowDown") ||
449
- !event.composedPath().some((node) => { var _a; return (_a = node.classList) === null || _a === void 0 ? void 0 : _a.contains(resources.CSS.channel); })) {
450
- return;
451
- }
452
- const { shiftKey } = event;
453
- event.preventDefault();
454
- if (!this.color) {
455
- this.internalColorSet(this.previousColor);
456
- event.stopPropagation();
457
- return;
458
- }
459
- // this gets applied to the input's up/down arrow increment/decrement
460
- const complementaryBump = 9;
461
- this.shiftKeyChannelAdjustment =
462
- key === "ArrowUp" && shiftKey
463
- ? complementaryBump
464
- : key === "ArrowDown" && shiftKey
465
- ? -complementaryBump
466
- : 0;
467
- }
468
- //--------------------------------------------------------------------------
469
- //
470
- // Public Methods
471
- //
472
- //--------------------------------------------------------------------------
473
- /** Sets focus on the component's first focusable element. */
474
- async setFocus() {
475
- await loadable.componentFocusable(this);
476
- this.el.focus();
477
- }
478
- //--------------------------------------------------------------------------
479
- //
480
- // Lifecycle
481
- //
482
- //--------------------------------------------------------------------------
483
- async componentWillLoad() {
484
- loadable.setUpLoadableComponent(this);
485
- const { allowEmpty, color, format, value } = this;
486
- const willSetNoColor = allowEmpty && !value;
487
- const parsedMode = utils.parseMode(value);
488
- const valueIsCompatible = willSetNoColor || (format === "auto" && parsedMode) || format === parsedMode;
489
- const initialColor = willSetNoColor ? null : valueIsCompatible ? resources.color(value) : color;
490
- if (!valueIsCompatible) {
491
- this.showIncompatibleColorWarning(value, format);
492
- }
493
- this.setMode(format, false);
494
- this.internalColorSet(initialColor, false, "initial");
495
- this.updateDimensions(this.scale);
496
- const storageKey = `${resources.DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
497
- if (this.storageId && localStorage.getItem(storageKey)) {
498
- this.savedColors = JSON.parse(localStorage.getItem(storageKey));
499
- }
500
- await t9n.setUpMessages(this);
501
- }
502
- connectedCallback() {
503
- interactive.connectInteractive(this);
504
- locale.connectLocalized(this);
505
- t9n.connectMessages(this);
506
- }
507
- componentDidLoad() {
508
- loadable.setComponentLoaded(this);
509
- }
510
- disconnectedCallback() {
511
- document.removeEventListener("pointermove", this.globalPointerMoveHandler);
512
- document.removeEventListener("pointerup", this.globalPointerUpHandler);
513
- interactive.disconnectInteractive(this);
514
- locale.disconnectLocalized(this);
515
- t9n.disconnectMessages(this);
516
- }
517
- componentDidRender() {
518
- interactive.updateHostInteraction(this);
519
- }
520
- //--------------------------------------------------------------------------
521
- //
522
- // Render Methods
523
- //
524
- //--------------------------------------------------------------------------
525
- render() {
526
- const { allowEmpty, channelsDisabled, color, colorFieldScopeLeft, colorFieldScopeTop, dimensions: { slider: { width: sliderWidth }, thumb: { radius: thumbRadius }, }, hexDisabled, hideChannels, hideHex, hideSaved, hueScopeLeft, messages, alphaChannel, opacityScopeLeft, savedColors, savedDisabled, scale, scopeOrientation, } = this;
527
- const selectedColorInHex = color ? utils.hexify(color, alphaChannel) : null;
528
- const hueTop = thumbRadius;
529
- const hueLeft = hueScopeLeft !== null && hueScopeLeft !== void 0 ? hueScopeLeft : (sliderWidth * resources.DEFAULT_COLOR.hue()) / resources.HSV_LIMITS.h;
530
- const opacityTop = thumbRadius;
531
- const opacityLeft = opacityScopeLeft !== null && opacityScopeLeft !== void 0 ? opacityScopeLeft : (sliderWidth * utils.alphaToOpacity(resources.DEFAULT_COLOR.alpha())) / resources.OPACITY_LIMITS.max;
532
- const noColor = color === null;
533
- const vertical = scopeOrientation === "vertical";
534
- const noHex = hexDisabled || hideHex;
535
- const noChannels = channelsDisabled || hideChannels;
536
- const noSaved = savedDisabled || hideSaved;
537
- const [adjustedColorFieldScopeLeft, adjustedColorFieldScopeTop] = this.getAdjustedScopePosition(colorFieldScopeLeft, colorFieldScopeTop);
538
- const [adjustedHueScopeLeft, adjustedHueScopeTop] = this.getAdjustedScopePosition(hueLeft, hueTop);
539
- const [adjustedOpacityScopeLeft, adjustedOpacityScopeTop] = this.getAdjustedScopePosition(opacityLeft, opacityTop);
540
- return (index.h("div", { class: resources.CSS.container }, index.h("div", { class: resources.CSS.controlAndScope }, index.h("canvas", { class: resources.CSS.colorField, onPointerDown: this.handleColorFieldPointerDown,
541
- // eslint-disable-next-line react/jsx-sort-props
542
- ref: this.initColorField }), index.h("div", { "aria-label": vertical ? messages.value : messages.saturation, "aria-valuemax": vertical ? resources.HSV_LIMITS.v : resources.HSV_LIMITS.s, "aria-valuemin": "0", "aria-valuenow": (vertical ? color === null || color === void 0 ? void 0 : color.saturationv() : color === null || color === void 0 ? void 0 : color.value()) || "0", class: { [resources.CSS.scope]: true, [resources.CSS.colorFieldScope]: true }, onKeyDown: this.handleColorFieldScopeKeyDown, role: "slider", style: {
543
- top: `${adjustedColorFieldScopeTop || 0}px`,
544
- left: `${adjustedColorFieldScopeLeft || 0}px`,
545
- }, tabindex: "0",
546
- // eslint-disable-next-line react/jsx-sort-props
547
- ref: this.storeColorFieldScope })), index.h("div", { class: resources.CSS.previewAndSliders }, index.h("calcite-color-picker-swatch", { class: resources.CSS.preview, color: selectedColorInHex, scale: "l" }), index.h("div", { class: resources.CSS.sliders }, index.h("div", { class: resources.CSS.controlAndScope }, index.h("canvas", { class: { [resources.CSS.slider]: true, [resources.CSS.hueSlider]: true }, onPointerDown: this.handleHueSliderPointerDown,
548
- // eslint-disable-next-line react/jsx-sort-props
549
- ref: this.initHueSlider }), index.h("div", { "aria-label": messages.hue, "aria-valuemax": resources.HSV_LIMITS.h, "aria-valuemin": "0", "aria-valuenow": (color === null || color === void 0 ? void 0 : color.round().hue()) || resources.DEFAULT_COLOR.round().hue(), class: { [resources.CSS.scope]: true, [resources.CSS.hueScope]: true }, onKeyDown: this.handleHueScopeKeyDown, role: "slider", style: {
550
- top: `${adjustedHueScopeTop}px`,
551
- left: `${adjustedHueScopeLeft}px`,
552
- }, tabindex: "0",
553
- // eslint-disable-next-line react/jsx-sort-props
554
- ref: this.storeHueScope })), alphaChannel ? (index.h("div", { class: resources.CSS.controlAndScope }, index.h("canvas", { class: { [resources.CSS.slider]: true, [resources.CSS.opacitySlider]: true }, onPointerDown: this.handleOpacitySliderPointerDown,
555
- // eslint-disable-next-line react/jsx-sort-props
556
- ref: this.initOpacitySlider }), index.h("div", { "aria-label": messages.opacity, "aria-valuemax": resources.OPACITY_LIMITS.max, "aria-valuemin": resources.OPACITY_LIMITS.min, "aria-valuenow": (color || resources.DEFAULT_COLOR).round().alpha(), class: { [resources.CSS.scope]: true, [resources.CSS.opacityScope]: true }, onKeyDown: this.handleOpacityScopeKeyDown, role: "slider", style: {
557
- top: `${adjustedOpacityScopeTop}px`,
558
- left: `${adjustedOpacityScopeLeft}px`,
559
- }, tabindex: "0",
560
- // eslint-disable-next-line react/jsx-sort-props
561
- ref: this.storeOpacityScope }))) : null)), noHex && noChannels ? null : (index.h("div", { class: {
562
- [resources.CSS.controlSection]: true,
563
- [resources.CSS.section]: true,
564
- } }, index.h("div", { class: resources.CSS.hexAndChannelsGroup }, noHex ? null : (index.h("div", { class: resources.CSS.hexOptions }, index.h("calcite-color-picker-hex-input", { allowEmpty: allowEmpty, alphaChannel: alphaChannel, class: resources.CSS.control, messages: messages, numberingSystem: this.numberingSystem, onCalciteColorPickerHexInputChange: this.handleHexInputChange, scale: scale, value: selectedColorInHex }))), noChannels ? null : (index.h("calcite-tabs", { class: {
565
- [resources.CSS.colorModeContainer]: true,
566
- [resources.CSS.splitSection]: true,
567
- }, scale: scale === "l" ? "m" : "s" }, index.h("calcite-tab-nav", { slot: "title-group" }, this.renderChannelsTabTitle("rgb"), this.renderChannelsTabTitle("hsv")), this.renderChannelsTab("rgb"), this.renderChannelsTab("hsv")))))), noSaved ? null : (index.h("div", { class: { [resources.CSS.savedColorsSection]: true, [resources.CSS.section]: true } }, index.h("div", { class: resources.CSS.header }, index.h("label", null, messages.saved), index.h("div", { class: resources.CSS.savedColorsButtons }, index.h("calcite-button", { appearance: "transparent", class: resources.CSS.deleteColor, disabled: noColor, iconStart: "minus", kind: "neutral", label: messages.deleteColor, onClick: this.deleteColor, scale: scale, type: "button" }), index.h("calcite-button", { appearance: "transparent", class: resources.CSS.saveColor, disabled: noColor, iconStart: "plus", kind: "neutral", label: messages.saveColor, onClick: this.saveColor, scale: scale, type: "button" }))), savedColors.length > 0 ? (index.h("div", { class: resources.CSS.savedColors }, [
568
- ...savedColors.map((color) => (index.h("calcite-color-picker-swatch", { class: resources.CSS.savedColor, color: color, key: color, onClick: this.handleSavedColorSelect, onKeyDown: this.handleSavedColorKeyDown, scale: scale, tabIndex: 0 }))),
569
- ])) : null))));
570
- }
571
- // --------------------------------------------------------------------------
572
- //
573
- // Private Methods
574
- //
575
- //--------------------------------------------------------------------------
576
- handleKeyDown(event) {
577
- if (event.key === "Enter") {
578
- event.preventDefault();
579
- }
580
- }
581
- showIncompatibleColorWarning(value, format) {
582
- console.warn(`ignoring color value (${value}) as it is not compatible with the current format (${format})`);
583
- }
584
- setMode(format, warn = true) {
585
- const mode = format === "auto" ? this.mode : format;
586
- this.mode = this.ensureCompatibleMode(mode, warn);
587
- }
588
- ensureCompatibleMode(mode, warn) {
589
- const { alphaChannel } = this;
590
- const isAlphaCompatible = utils.alphaCompatible(mode);
591
- if (alphaChannel && !isAlphaCompatible) {
592
- const alphaMode = utils.toAlphaMode(mode);
593
- if (warn) {
594
- console.warn(`setting format to (${alphaMode}) as the provided one (${mode}) does not support alpha`);
595
- }
596
- return alphaMode;
597
- }
598
- if (!alphaChannel && isAlphaCompatible) {
599
- const nonAlphaMode = utils.toNonAlphaMode(mode);
600
- if (warn) {
601
- console.warn(`setting format to (${nonAlphaMode}) as the provided one (${mode}) does not support alpha`);
602
- }
603
- return nonAlphaMode;
604
- }
605
- return mode;
606
- }
607
- captureHueSliderColor(x) {
608
- const { dimensions: { slider: { width }, }, } = this;
609
- const hue = (resources.HUE_LIMIT_CONSTRAINED / width) * x;
610
- this.internalColorSet(this.baseColorFieldColor.hue(hue), false);
611
- }
612
- captureOpacitySliderValue(x) {
613
- const { dimensions: { slider: { width }, }, } = this;
614
- const alpha = utils.opacityToAlpha((resources.OPACITY_LIMITS.max / width) * x);
615
- this.internalColorSet(this.baseColorFieldColor.alpha(alpha), false);
616
- }
617
- internalColorSet(color, skipEqual = true, context = "user-interaction") {
618
- if (skipEqual && utils.colorEqual(color, this.color)) {
619
- return;
620
- }
621
- this.internalColorUpdateContext = context;
622
- this.color = color;
623
- this.value = this.toValue(color);
624
- this.internalColorUpdateContext = null;
625
- }
626
- toValue(color, format = this.mode) {
627
- if (!color) {
628
- return null;
629
- }
630
- const hexMode = "hex";
631
- if (format.includes(hexMode)) {
632
- const hasAlpha = format === utils.CSSColorMode.HEXA;
633
- return utils.normalizeHex(utils.hexify(color.round(), hasAlpha), hasAlpha);
634
- }
635
- if (format.includes("-css")) {
636
- const value = color[format.replace("-css", "").replace("a", "")]().round().string();
637
- // Color omits alpha values when alpha is 1
638
- const needToInjectAlpha = (format.endsWith("a") || format.endsWith("a-css")) && color.alpha() === 1;
639
- if (needToInjectAlpha) {
640
- const model = value.slice(0, 3);
641
- const values = value.slice(4, -1);
642
- return `${model}a(${values}, ${color.alpha()})`;
643
- }
644
- return value;
645
- }
646
- const colorObject =
647
- /* Color() does not support hsva, hsla nor rgba, so we use the non-alpha mode */
648
- color[utils.toNonAlphaMode(format)]().round().object();
649
- if (format.endsWith("a")) {
650
- return utils.normalizeAlpha(colorObject);
651
- }
652
- return colorObject;
653
- }
654
- getSliderCapSpacing() {
655
- const { dimensions: { slider: { height }, thumb: { radius }, }, } = this;
656
- return radius * 2 - height;
657
- }
658
- updateDimensions(scale = "m") {
659
- this.dimensions = resources.DIMENSIONS[scale];
660
- }
661
- drawColorField() {
662
- const context = this.colorFieldRenderingContext;
663
- const { dimensions: { colorField: { height, width }, }, } = this;
664
- context.fillStyle = this.baseColorFieldColor
665
- .hsv()
666
- .saturationv(100)
667
- .value(100)
668
- .alpha(1)
669
- .string();
670
- context.fillRect(0, 0, width, height);
671
- const whiteGradient = context.createLinearGradient(0, 0, width, 0);
672
- whiteGradient.addColorStop(0, "rgba(255,255,255,1)");
673
- whiteGradient.addColorStop(1, "rgba(255,255,255,0)");
674
- context.fillStyle = whiteGradient;
675
- context.fillRect(0, 0, width, height);
676
- const blackGradient = context.createLinearGradient(0, 0, 0, height);
677
- blackGradient.addColorStop(0, "rgba(0,0,0,0)");
678
- blackGradient.addColorStop(1, "rgba(0,0,0,1)");
679
- context.fillStyle = blackGradient;
680
- context.fillRect(0, 0, width, height);
681
- this.drawActiveColorFieldColor();
682
- }
683
- setCanvasContextSize(canvas, { height, width }) {
684
- if (!canvas) {
685
- return;
686
- }
687
- const devicePixelRatio = window.devicePixelRatio || 1;
688
- canvas.width = width * devicePixelRatio;
689
- canvas.height = height * devicePixelRatio;
690
- canvas.style.height = `${height}px`;
691
- canvas.style.width = `${width}px`;
692
- const context = canvas.getContext("2d");
693
- context.scale(devicePixelRatio, devicePixelRatio);
694
- }
695
- updateCanvasSize(context = "all") {
696
- var _a, _b, _c;
697
- const { dimensions } = this;
698
- if (context === "all" || context === "color-field") {
699
- this.setCanvasContextSize((_a = this.colorFieldRenderingContext) === null || _a === void 0 ? void 0 : _a.canvas, dimensions.colorField);
700
- }
701
- const adjustedSliderDimensions = {
702
- width: dimensions.slider.width,
703
- height: dimensions.slider.height + (dimensions.thumb.radius - dimensions.slider.height / 2) * 2,
704
- };
705
- if (context === "all" || context === "hue-slider") {
706
- this.setCanvasContextSize((_b = this.hueSliderRenderingContext) === null || _b === void 0 ? void 0 : _b.canvas, adjustedSliderDimensions);
707
- }
708
- if (context === "all" || context === "opacity-slider") {
709
- this.setCanvasContextSize((_c = this.opacitySliderRenderingContext) === null || _c === void 0 ? void 0 : _c.canvas, adjustedSliderDimensions);
710
- }
711
- }
712
- drawActiveColorFieldColor() {
713
- const { color } = this;
714
- if (!color) {
715
- return;
716
- }
717
- const hsvColor = color.hsv();
718
- const { dimensions: { colorField: { height, width }, thumb: { radius }, }, } = this;
719
- const x = hsvColor.saturationv() / (resources.HSV_LIMITS.s / width);
720
- const y = height - hsvColor.value() / (resources.HSV_LIMITS.v / height);
721
- requestAnimationFrame(() => {
722
- this.colorFieldScopeLeft = x;
723
- this.colorFieldScopeTop = y;
724
- });
725
- this.drawThumb(this.colorFieldRenderingContext, radius, x, y, hsvColor);
726
- }
727
- drawThumb(context, radius, x, y, color) {
728
- const startAngle = 0;
729
- const endAngle = 2 * Math.PI;
730
- const outlineWidth = 1;
731
- context.beginPath();
732
- context.arc(x, y, radius, startAngle, endAngle);
733
- context.fillStyle = "#fff";
734
- context.fill();
735
- context.strokeStyle = "rgba(0,0,0,0.3)";
736
- context.lineWidth = outlineWidth;
737
- context.stroke();
738
- context.beginPath();
739
- context.arc(x, y, radius - 3, startAngle, endAngle);
740
- context.fillStyle = color.rgb().alpha(1).string();
741
- context.fill();
742
- }
743
- drawActiveHueSliderColor() {
744
- const { color } = this;
745
- if (!color) {
746
- return;
747
- }
748
- const hsvColor = color.hsv().saturationv(100).value(100);
749
- const { dimensions: { slider: { width }, thumb: { radius }, }, } = this;
750
- const x = hsvColor.hue() / (resources.HUE_LIMIT_CONSTRAINED / width);
751
- const y = radius;
752
- const sliderBoundX = this.getSliderBoundX(x, width, radius);
753
- requestAnimationFrame(() => {
754
- this.hueScopeLeft = sliderBoundX;
755
- });
756
- this.drawThumb(this.hueSliderRenderingContext, radius, sliderBoundX, y, hsvColor);
757
- }
758
- drawHueSlider() {
759
- const context = this.hueSliderRenderingContext;
760
- const { dimensions: { slider: { height, width }, thumb: { radius: thumbRadius }, }, } = this;
761
- const x = 0;
762
- const y = thumbRadius - height / 2;
763
- const gradient = context.createLinearGradient(0, 0, width, 0);
764
- const hueSliderColorStopKeywords = [
765
- "red",
766
- "yellow",
767
- "lime",
768
- "cyan",
769
- "blue",
770
- "magenta",
771
- "#ff0004" /* 1 unit less than #ff0 to avoid duplicate values within range */,
772
- ];
773
- const offset = 1 / (hueSliderColorStopKeywords.length - 1);
774
- let currentOffset = 0;
775
- hueSliderColorStopKeywords.forEach((keyword) => {
776
- gradient.addColorStop(currentOffset, resources.color(keyword).string());
777
- currentOffset += offset;
778
- });
779
- context.clearRect(0, 0, width, height + this.getSliderCapSpacing() * 2);
780
- this.drawSliderPath(context, height, width, x, y);
781
- context.fillStyle = gradient;
782
- context.fill();
783
- context.strokeStyle = "rgba(0,0,0,0.3)";
784
- context.lineWidth = 1;
785
- context.stroke();
786
- this.drawActiveHueSliderColor();
787
- }
788
- drawOpacitySlider() {
789
- const context = this.opacitySliderRenderingContext;
790
- const { baseColorFieldColor: previousColor, dimensions: { slider: { height, width }, thumb: { radius: thumbRadius }, }, } = this;
791
- const x = 0;
792
- const y = thumbRadius - height / 2;
793
- context.clearRect(0, 0, width, height + this.getSliderCapSpacing() * 2);
794
- const gradient = context.createLinearGradient(0, y, width, 0);
795
- const startColor = previousColor.rgb().alpha(0);
796
- const midColor = previousColor.rgb().alpha(0.5);
797
- const endColor = previousColor.rgb().alpha(1);
798
- gradient.addColorStop(0, startColor.string());
799
- gradient.addColorStop(0.5, midColor.string());
800
- gradient.addColorStop(1, endColor.string());
801
- this.drawSliderPath(context, height, width, x, y);
802
- const pattern = context.createPattern(this.getCheckeredBackgroundPattern(), "repeat");
803
- context.fillStyle = pattern;
804
- context.fill();
805
- context.fillStyle = gradient;
806
- context.fill();
807
- context.strokeStyle = "rgba(0,0,0,0.3)";
808
- context.lineWidth = 1;
809
- context.stroke();
810
- this.drawActiveOpacitySliderColor();
811
- }
812
- drawSliderPath(context, height, width, x, y) {
813
- const radius = height / 2 + 1;
814
- context.beginPath();
815
- context.moveTo(x + radius, y);
816
- context.lineTo(x + width - radius, y);
817
- context.quadraticCurveTo(x + width, y, x + width, y + radius);
818
- context.lineTo(x + width, y + height - radius);
819
- context.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
820
- context.lineTo(x + radius, y + height);
821
- context.quadraticCurveTo(x, y + height, x, y + height - radius);
822
- context.lineTo(x, y + radius);
823
- context.quadraticCurveTo(x, y, x + radius, y);
824
- context.closePath();
825
- }
826
- getCheckeredBackgroundPattern() {
827
- if (this.checkerPattern) {
828
- return this.checkerPattern;
829
- }
830
- const pattern = document.createElement("canvas");
831
- pattern.width = 10;
832
- pattern.height = 10;
833
- const patternContext = pattern.getContext("2d");
834
- patternContext.fillStyle = "#ccc";
835
- patternContext.fillRect(0, 0, 10, 10);
836
- patternContext.fillStyle = "#fff";
837
- patternContext.fillRect(0, 0, 5, 5);
838
- patternContext.fillRect(5, 5, 5, 5);
839
- this.checkerPattern = pattern;
840
- return pattern;
841
- }
842
- drawActiveOpacitySliderColor() {
843
- const { color } = this;
844
- if (!color) {
845
- return;
846
- }
847
- const hsvColor = color;
848
- const { dimensions: { slider: { width }, thumb: { radius }, }, } = this;
849
- const x = utils.alphaToOpacity(hsvColor.alpha()) / (resources.OPACITY_LIMITS.max / width);
850
- const y = radius;
851
- const sliderBoundX = this.getSliderBoundX(x, width, radius);
852
- requestAnimationFrame(() => {
853
- this.opacityScopeLeft = sliderBoundX;
854
- });
855
- this.drawThumb(this.opacitySliderRenderingContext, radius, sliderBoundX, y, hsvColor);
856
- }
857
- getSliderBoundX(x, width, radius) {
858
- const closeToEdge = math.closeToRangeEdge(x, width, radius);
859
- return closeToEdge === 0
860
- ? x
861
- : closeToEdge === -1
862
- ? math.remap(x, 0, width, radius, radius * 2)
863
- : math.remap(x, 0, width, width - radius * 2, width - radius);
864
- }
865
- updateColorFromChannels(channels) {
866
- this.internalColorSet(resources.color(channels, this.channelMode));
867
- }
868
- updateChannelsFromColor(color) {
869
- this.channels = color ? this.toChannels(color) : [null, null, null, null];
870
- }
871
- toChannels(color) {
872
- const { channelMode } = this;
873
- const channels = color[channelMode]()
874
- .array()
875
- .map((value, index) => {
876
- const isAlpha = index === 3;
877
- return isAlpha ? value : Math.floor(value);
878
- });
879
- if (channels.length === 3) {
880
- channels.push(1); // Color omits alpha when 1
881
- }
882
- return channels;
883
- }
884
- getAdjustedScopePosition(left, top) {
885
- return [left - resources.SCOPE_SIZE / 2, top - resources.SCOPE_SIZE / 2];
886
- }
887
- static get delegatesFocus() { return true; }
888
- static get assetsDirs() { return ["assets"]; }
889
- get el() { return index.getElement(this); }
890
- static get watchers() { return {
891
- "alphaChannel": ["handleAlphaChannelChange"],
892
- "color": ["handleColorChange"],
893
- "format": ["handleFormatChange"],
894
- "scale": ["handleScaleChange"],
895
- "messageOverrides": ["onMessagesChange"],
896
- "value": ["handleValueChange"],
897
- "effectiveLocale": ["effectiveLocaleChange"]
898
- }; }
899
- };
29
+ const throttleFor60FpsInMs = 16;
30
+ const ColorPicker = class {
31
+ constructor(hostRef) {
32
+ index.registerInstance(this, hostRef);
33
+ this.calciteColorPickerChange = index.createEvent(this, "calciteColorPickerChange", 6);
34
+ this.calciteColorPickerInput = index.createEvent(this, "calciteColorPickerInput", 6);
35
+ this.internalColorUpdateContext = null;
36
+ this.mode = utils.CSSColorMode.HEX;
37
+ this.shiftKeyChannelAdjustment = 0;
38
+ this.handleTabActivate = (event) => {
39
+ this.channelMode = event.currentTarget.getAttribute("data-color-mode");
40
+ this.updateChannelsFromColor(this.color);
41
+ };
42
+ this.handleColorFieldScopeKeyDown = (event) => {
43
+ const { key } = event;
44
+ const arrowKeyToXYOffset = {
45
+ ArrowUp: { x: 0, y: -10 },
46
+ ArrowRight: { x: 10, y: 0 },
47
+ ArrowDown: { x: 0, y: 10 },
48
+ ArrowLeft: { x: -10, y: 0 },
49
+ };
50
+ if (arrowKeyToXYOffset[key]) {
51
+ event.preventDefault();
52
+ this.scopeOrientation = key === "ArrowDown" || key === "ArrowUp" ? "vertical" : "horizontal";
53
+ this.captureColorFieldColor(this.colorFieldScopeLeft + arrowKeyToXYOffset[key].x || 0, this.colorFieldScopeTop + arrowKeyToXYOffset[key].y || 0, false);
54
+ }
55
+ };
56
+ this.handleHueScopeKeyDown = (event) => {
57
+ const modifier = event.shiftKey ? 10 : 1;
58
+ const { key } = event;
59
+ const arrowKeyToXOffset = {
60
+ ArrowUp: 1,
61
+ ArrowRight: 1,
62
+ ArrowDown: -1,
63
+ ArrowLeft: -1,
64
+ };
65
+ if (arrowKeyToXOffset[key]) {
66
+ event.preventDefault();
67
+ const delta = arrowKeyToXOffset[key] * modifier;
68
+ const hue = this.baseColorFieldColor.hue();
69
+ const color = this.baseColorFieldColor.hue(hue + delta);
70
+ this.internalColorSet(color, false);
71
+ }
72
+ };
73
+ this.handleHexInputChange = (event) => {
74
+ event.stopPropagation();
75
+ const { allowEmpty, color } = this;
76
+ const input = event.target;
77
+ const hex = input.value;
78
+ if (allowEmpty && !hex) {
79
+ this.internalColorSet(null);
80
+ return;
81
+ }
82
+ const normalizedHex = color && utils.normalizeHex(utils.hexify(color, utils.alphaCompatible(this.mode)));
83
+ if (hex !== normalizedHex) {
84
+ this.internalColorSet(resources.color(hex));
85
+ }
86
+ };
87
+ this.handleSavedColorSelect = (event) => {
88
+ const swatch = event.currentTarget;
89
+ this.internalColorSet(resources.color(swatch.color));
90
+ };
91
+ this.handleChannelInput = (event) => {
92
+ const input = event.currentTarget;
93
+ const channelIndex = Number(input.getAttribute("data-channel-index"));
94
+ const isAlphaChannel = channelIndex === 3;
95
+ const limit = isAlphaChannel
96
+ ? resources.OPACITY_LIMITS.max
97
+ : this.channelMode === "rgb"
98
+ ? resources.RGB_LIMITS[Object.keys(resources.RGB_LIMITS)[channelIndex]]
99
+ : resources.HSV_LIMITS[Object.keys(resources.HSV_LIMITS)[channelIndex]];
100
+ let inputValue;
101
+ if (this.allowEmpty && !input.value) {
102
+ inputValue = "";
103
+ }
104
+ else {
105
+ const value = Number(input.value);
106
+ const adjustedValue = value + this.shiftKeyChannelAdjustment;
107
+ const clamped = math.clamp(adjustedValue, 0, limit);
108
+ inputValue = clamped.toString();
109
+ }
110
+ input.value = inputValue;
111
+ };
112
+ this.handleChannelChange = (event) => {
113
+ const input = event.currentTarget;
114
+ const channelIndex = Number(input.getAttribute("data-channel-index"));
115
+ const channels = [...this.channels];
116
+ const shouldClearChannels = this.allowEmpty && !input.value;
117
+ if (shouldClearChannels) {
118
+ this.channels = [null, null, null, null];
119
+ this.internalColorSet(null);
120
+ return;
121
+ }
122
+ const isAlphaChannel = channelIndex === 3;
123
+ const value = Number(input.value);
124
+ channels[channelIndex] = isAlphaChannel ? utils.opacityToAlpha(value) : value;
125
+ this.updateColorFromChannels(channels);
126
+ };
127
+ this.handleSavedColorKeyDown = (event) => {
128
+ if (key.isActivationKey(event.key)) {
129
+ event.preventDefault();
130
+ this.handleSavedColorSelect(event);
131
+ }
132
+ };
133
+ this.handleColorFieldPointerDown = (event) => {
134
+ if (!dom.isPrimaryPointerButton(event)) {
135
+ return;
136
+ }
137
+ const { offsetX, offsetY } = event;
138
+ document.addEventListener("pointermove", this.globalPointerMoveHandler);
139
+ document.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
140
+ this.activeCanvasInfo = {
141
+ context: this.colorFieldRenderingContext,
142
+ bounds: this.colorFieldRenderingContext.canvas.getBoundingClientRect(),
143
+ };
144
+ this.captureColorFieldColor(offsetX, offsetY);
145
+ this.colorFieldScopeNode.focus();
146
+ };
147
+ this.handleHueSliderPointerDown = (event) => {
148
+ if (!dom.isPrimaryPointerButton(event)) {
149
+ return;
150
+ }
151
+ const { offsetX } = event;
152
+ document.addEventListener("pointermove", this.globalPointerMoveHandler);
153
+ document.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
154
+ this.activeCanvasInfo = {
155
+ context: this.hueSliderRenderingContext,
156
+ bounds: this.hueSliderRenderingContext.canvas.getBoundingClientRect(),
157
+ };
158
+ this.captureHueSliderColor(offsetX);
159
+ this.hueScopeNode.focus();
160
+ };
161
+ this.handleOpacitySliderPointerDown = (event) => {
162
+ if (!dom.isPrimaryPointerButton(event)) {
163
+ return;
164
+ }
165
+ const { offsetX } = event;
166
+ document.addEventListener("pointermove", this.globalPointerMoveHandler);
167
+ document.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
168
+ this.activeCanvasInfo = {
169
+ context: this.opacitySliderRenderingContext,
170
+ bounds: this.opacitySliderRenderingContext.canvas.getBoundingClientRect(),
171
+ };
172
+ this.captureOpacitySliderValue(offsetX);
173
+ this.opacityScopeNode.focus();
174
+ };
175
+ this.globalPointerUpHandler = (event) => {
176
+ if (!dom.isPrimaryPointerButton(event)) {
177
+ return;
178
+ }
179
+ const previouslyDragging = this.activeCanvasInfo;
180
+ this.activeCanvasInfo = null;
181
+ this.drawColorControls();
182
+ if (previouslyDragging) {
183
+ this.calciteColorPickerChange.emit();
184
+ }
185
+ };
186
+ this.globalPointerMoveHandler = (event) => {
187
+ const { activeCanvasInfo, el } = this;
188
+ if (!el.isConnected || !activeCanvasInfo) {
189
+ return;
190
+ }
191
+ const { context, bounds } = activeCanvasInfo;
192
+ let samplingX;
193
+ let samplingY;
194
+ const { clientX, clientY } = event;
195
+ if (context.canvas.matches(":hover")) {
196
+ samplingX = clientX - bounds.x;
197
+ samplingY = clientY - bounds.y;
198
+ }
199
+ else {
200
+ // snap x and y to the closest edge
201
+ if (clientX < bounds.x + bounds.width && clientX > bounds.x) {
202
+ samplingX = clientX - bounds.x;
203
+ }
204
+ else if (clientX < bounds.x) {
205
+ samplingX = 0;
206
+ }
207
+ else {
208
+ samplingX = bounds.width;
209
+ }
210
+ if (clientY < bounds.y + bounds.height && clientY > bounds.y) {
211
+ samplingY = clientY - bounds.y;
212
+ }
213
+ else if (clientY < bounds.y) {
214
+ samplingY = 0;
215
+ }
216
+ else {
217
+ samplingY = bounds.height;
218
+ }
219
+ }
220
+ if (context === this.colorFieldRenderingContext) {
221
+ this.captureColorFieldColor(samplingX, samplingY, false);
222
+ }
223
+ else if (context === this.hueSliderRenderingContext) {
224
+ this.captureHueSliderColor(samplingX);
225
+ }
226
+ else if (context === this.opacitySliderRenderingContext) {
227
+ this.captureOpacitySliderValue(samplingX);
228
+ }
229
+ };
230
+ this.storeColorFieldScope = (node) => {
231
+ this.colorFieldScopeNode = node;
232
+ };
233
+ this.storeHueScope = (node) => {
234
+ this.hueScopeNode = node;
235
+ };
236
+ this.renderChannelsTabTitle = (channelMode) => {
237
+ const { channelMode: activeChannelMode, messages } = this;
238
+ const selected = channelMode === activeChannelMode;
239
+ const label = channelMode === "rgb" ? messages.rgb : messages.hsv;
240
+ return (index.h("calcite-tab-title", { class: resources.CSS.colorMode, "data-color-mode": channelMode, key: channelMode, onCalciteTabsActivate: this.handleTabActivate, selected: selected }, label));
241
+ };
242
+ this.renderChannelsTab = (channelMode) => {
243
+ const { allowEmpty, channelMode: activeChannelMode, channels, messages, alphaChannel } = this;
244
+ const selected = channelMode === activeChannelMode;
245
+ const isRgb = channelMode === "rgb";
246
+ const channelAriaLabels = isRgb
247
+ ? [messages.red, messages.green, messages.blue]
248
+ : [messages.hue, messages.saturation, messages.value];
249
+ const direction = dom.getElementDir(this.el);
250
+ const channelsToRender = alphaChannel ? channels : channels.slice(0, 3);
251
+ return (index.h("calcite-tab", { class: resources.CSS.control, key: channelMode, selected: selected }, index.h("div", { class: resources.CSS.channels, dir: "ltr" }, channelsToRender.map((channelValue, index) => {
252
+ const isAlphaChannel = index === 3;
253
+ if (isAlphaChannel) {
254
+ channelValue =
255
+ allowEmpty && !channelValue ? channelValue : utils.alphaToOpacity(channelValue);
256
+ }
257
+ /* the channel container is ltr, so we apply the host's direction */
258
+ return this.renderChannel(channelValue, index, channelAriaLabels[index], direction, isAlphaChannel ? "%" : "");
259
+ }))));
260
+ };
261
+ this.renderChannel = (value, index$1, ariaLabel, direction, suffix) => {
262
+ return (index.h("calcite-input-number", { class: resources.CSS.channel, "data-channel-index": index$1, dir: direction, key: index$1, label: ariaLabel, lang: this.effectiveLocale, numberButtonType: "none", numberingSystem: this.numberingSystem, onCalciteInputNumberChange: this.handleChannelChange, onCalciteInputNumberInput: this.handleChannelInput, onKeyDown: this.handleKeyDown, scale: this.scale === "l" ? "m" : "s",
263
+ // workaround to ensure input borders overlap as desired
264
+ // this is because the build transforms margin-left to its
265
+ // logical-prop, which is undesired as channels are always ltr
266
+ style: {
267
+ marginLeft: index$1 > 0 && !(this.scale === "s" && this.alphaChannel && index$1 === 3) ? "-1px" : "",
268
+ }, suffixText: suffix, value: value === null || value === void 0 ? void 0 : value.toString() }));
269
+ };
270
+ this.deleteColor = () => {
271
+ const colorToDelete = utils.hexify(this.color, this.alphaChannel);
272
+ const inStorage = this.savedColors.indexOf(colorToDelete) > -1;
273
+ if (!inStorage) {
274
+ return;
275
+ }
276
+ const savedColors = this.savedColors.filter((color) => color !== colorToDelete);
277
+ this.savedColors = savedColors;
278
+ const storageKey = `${resources.DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
279
+ if (this.storageId) {
280
+ localStorage.setItem(storageKey, JSON.stringify(savedColors));
281
+ }
282
+ };
283
+ this.saveColor = () => {
284
+ const colorToSave = utils.hexify(this.color, this.alphaChannel);
285
+ const alreadySaved = this.savedColors.indexOf(colorToSave) > -1;
286
+ if (alreadySaved) {
287
+ return;
288
+ }
289
+ const savedColors = [...this.savedColors, colorToSave];
290
+ this.savedColors = savedColors;
291
+ const storageKey = `${resources.DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
292
+ if (this.storageId) {
293
+ localStorage.setItem(storageKey, JSON.stringify(savedColors));
294
+ }
295
+ };
296
+ this.drawColorControls = throttle.throttle((type = "all") => {
297
+ if ((type === "all" || type === "color-field") && this.colorFieldRenderingContext) {
298
+ this.drawColorField();
299
+ }
300
+ if ((type === "all" || type === "hue-slider") && this.hueSliderRenderingContext) {
301
+ this.drawHueSlider();
302
+ }
303
+ if (this.alphaChannel &&
304
+ (type === "all" || type === "opacity-slider") &&
305
+ this.opacitySliderRenderingContext) {
306
+ this.drawOpacitySlider();
307
+ }
308
+ }, throttleFor60FpsInMs);
309
+ this.captureColorFieldColor = (x, y, skipEqual = true) => {
310
+ const { dimensions: { colorField: { height, width }, }, } = this;
311
+ const saturation = Math.round((resources.HSV_LIMITS.s / width) * x);
312
+ const value = Math.round((resources.HSV_LIMITS.v / height) * (height - y));
313
+ this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(saturation).value(value), skipEqual);
314
+ };
315
+ this.initColorField = (canvas) => {
316
+ this.colorFieldRenderingContext = canvas.getContext("2d");
317
+ this.updateCanvasSize("color-field");
318
+ this.drawColorControls();
319
+ };
320
+ this.initHueSlider = (canvas) => {
321
+ this.hueSliderRenderingContext = canvas.getContext("2d");
322
+ this.updateCanvasSize("hue-slider");
323
+ this.drawHueSlider();
324
+ };
325
+ this.initOpacitySlider = (canvas) => {
326
+ this.opacitySliderRenderingContext = canvas.getContext("2d");
327
+ this.updateCanvasSize("opacity-slider");
328
+ this.drawOpacitySlider();
329
+ };
330
+ this.storeOpacityScope = (node) => {
331
+ this.opacityScopeNode = node;
332
+ };
333
+ this.handleOpacityScopeKeyDown = (event) => {
334
+ const modifier = event.shiftKey ? 10 : 1;
335
+ const { key } = event;
336
+ const arrowKeyToXOffset = {
337
+ ArrowUp: 0.01,
338
+ ArrowRight: 0.01,
339
+ ArrowDown: -0.01,
340
+ ArrowLeft: -0.01,
341
+ };
342
+ if (arrowKeyToXOffset[key]) {
343
+ event.preventDefault();
344
+ const delta = arrowKeyToXOffset[key] * modifier;
345
+ const alpha = this.baseColorFieldColor.alpha();
346
+ const color = this.baseColorFieldColor.alpha(alpha + delta);
347
+ this.internalColorSet(color, false);
348
+ }
349
+ };
350
+ this.allowEmpty = false;
351
+ this.alphaChannel = false;
352
+ this.channelsDisabled = false;
353
+ this.color = resources.DEFAULT_COLOR;
354
+ this.disabled = false;
355
+ this.format = "auto";
356
+ this.hideChannels = false;
357
+ this.hexDisabled = false;
358
+ this.hideHex = false;
359
+ this.hideSaved = false;
360
+ this.savedDisabled = false;
361
+ this.scale = "m";
362
+ this.storageId = undefined;
363
+ this.messageOverrides = undefined;
364
+ this.numberingSystem = undefined;
365
+ this.value = utils.normalizeHex(utils.hexify(resources.DEFAULT_COLOR, this.alphaChannel));
366
+ this.defaultMessages = undefined;
367
+ this.channelMode = "rgb";
368
+ this.channels = this.toChannels(resources.DEFAULT_COLOR);
369
+ this.dimensions = resources.DIMENSIONS.m;
370
+ this.effectiveLocale = "";
371
+ this.messages = undefined;
372
+ this.savedColors = [];
373
+ this.colorFieldScopeTop = undefined;
374
+ this.colorFieldScopeLeft = undefined;
375
+ this.hueScopeLeft = undefined;
376
+ this.opacityScopeLeft = undefined;
377
+ this.scopeOrientation = undefined;
378
+ }
379
+ handleAlphaChannelChange(alphaChannel) {
380
+ const { format } = this;
381
+ if (alphaChannel && format !== "auto" && !utils.alphaCompatible(format)) {
382
+ console.warn(`ignoring alphaChannel as the current format (${format}) does not support alpha`);
383
+ this.alphaChannel = false;
384
+ }
385
+ }
386
+ handleColorChange(color, oldColor) {
387
+ this.drawColorControls();
388
+ this.updateChannelsFromColor(color);
389
+ this.previousColor = oldColor;
390
+ }
391
+ handleFormatChange(format) {
392
+ this.setMode(format);
393
+ this.internalColorSet(this.color, false, "internal");
394
+ }
395
+ handleScaleChange(scale = "m") {
396
+ this.updateDimensions(scale);
397
+ this.updateCanvasSize("all");
398
+ this.drawColorControls();
399
+ }
400
+ onMessagesChange() {
401
+ /* wired up by t9n util */
402
+ }
403
+ handleValueChange(value, oldValue) {
404
+ const { allowEmpty, format } = this;
405
+ const checkMode = !allowEmpty || value;
406
+ let modeChanged = false;
407
+ if (checkMode) {
408
+ const nextMode = utils.parseMode(value);
409
+ if (!nextMode || (format !== "auto" && nextMode !== format)) {
410
+ this.showIncompatibleColorWarning(value, format);
411
+ this.value = oldValue;
412
+ return;
413
+ }
414
+ modeChanged = this.mode !== nextMode;
415
+ this.setMode(nextMode, this.internalColorUpdateContext === null);
416
+ }
417
+ const dragging = this.activeCanvasInfo;
418
+ if (this.internalColorUpdateContext === "initial") {
419
+ return;
420
+ }
421
+ if (this.internalColorUpdateContext === "user-interaction") {
422
+ this.calciteColorPickerInput.emit();
423
+ if (!dragging) {
424
+ this.calciteColorPickerChange.emit();
425
+ }
426
+ return;
427
+ }
428
+ const color = allowEmpty && !value
429
+ ? null
430
+ : resources.color(value != null && typeof value === "object" && utils.alphaCompatible(this.mode)
431
+ ? utils.normalizeColor(value)
432
+ : value);
433
+ const colorChanged = !utils.colorEqual(color, this.color);
434
+ if (modeChanged || colorChanged) {
435
+ this.internalColorSet(color, this.alphaChannel && !(this.mode.endsWith("a") || this.mode.endsWith("a-css")), "internal");
436
+ }
437
+ }
438
+ get baseColorFieldColor() {
439
+ return this.color || this.previousColor || resources.DEFAULT_COLOR;
440
+ }
441
+ effectiveLocaleChange() {
442
+ t9n.updateMessages(this, this.effectiveLocale);
443
+ }
444
+ // using @Listen as a workaround for VDOM listener not firing
445
+ handleChannelKeyUpOrDown(event) {
446
+ this.shiftKeyChannelAdjustment = 0;
447
+ const { key } = event;
448
+ if ((key !== "ArrowUp" && key !== "ArrowDown") ||
449
+ !event.composedPath().some((node) => { var _a; return (_a = node.classList) === null || _a === void 0 ? void 0 : _a.contains(resources.CSS.channel); })) {
450
+ return;
451
+ }
452
+ const { shiftKey } = event;
453
+ event.preventDefault();
454
+ if (!this.color) {
455
+ this.internalColorSet(this.previousColor);
456
+ event.stopPropagation();
457
+ return;
458
+ }
459
+ // this gets applied to the input's up/down arrow increment/decrement
460
+ const complementaryBump = 9;
461
+ this.shiftKeyChannelAdjustment =
462
+ key === "ArrowUp" && shiftKey
463
+ ? complementaryBump
464
+ : key === "ArrowDown" && shiftKey
465
+ ? -complementaryBump
466
+ : 0;
467
+ }
468
+ //--------------------------------------------------------------------------
469
+ //
470
+ // Public Methods
471
+ //
472
+ //--------------------------------------------------------------------------
473
+ /** Sets focus on the component's first focusable element. */
474
+ async setFocus() {
475
+ await loadable.componentFocusable(this);
476
+ this.el.focus();
477
+ }
478
+ //--------------------------------------------------------------------------
479
+ //
480
+ // Lifecycle
481
+ //
482
+ //--------------------------------------------------------------------------
483
+ async componentWillLoad() {
484
+ loadable.setUpLoadableComponent(this);
485
+ const { allowEmpty, color, format, value } = this;
486
+ const willSetNoColor = allowEmpty && !value;
487
+ const parsedMode = utils.parseMode(value);
488
+ const valueIsCompatible = willSetNoColor || (format === "auto" && parsedMode) || format === parsedMode;
489
+ const initialColor = willSetNoColor ? null : valueIsCompatible ? resources.color(value) : color;
490
+ if (!valueIsCompatible) {
491
+ this.showIncompatibleColorWarning(value, format);
492
+ }
493
+ this.setMode(format, false);
494
+ this.internalColorSet(initialColor, false, "initial");
495
+ this.updateDimensions(this.scale);
496
+ const storageKey = `${resources.DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
497
+ if (this.storageId && localStorage.getItem(storageKey)) {
498
+ this.savedColors = JSON.parse(localStorage.getItem(storageKey));
499
+ }
500
+ await t9n.setUpMessages(this);
501
+ }
502
+ connectedCallback() {
503
+ interactive.connectInteractive(this);
504
+ locale.connectLocalized(this);
505
+ t9n.connectMessages(this);
506
+ }
507
+ componentDidLoad() {
508
+ loadable.setComponentLoaded(this);
509
+ }
510
+ disconnectedCallback() {
511
+ document.removeEventListener("pointermove", this.globalPointerMoveHandler);
512
+ document.removeEventListener("pointerup", this.globalPointerUpHandler);
513
+ interactive.disconnectInteractive(this);
514
+ locale.disconnectLocalized(this);
515
+ t9n.disconnectMessages(this);
516
+ }
517
+ componentDidRender() {
518
+ interactive.updateHostInteraction(this);
519
+ }
520
+ //--------------------------------------------------------------------------
521
+ //
522
+ // Render Methods
523
+ //
524
+ //--------------------------------------------------------------------------
525
+ render() {
526
+ const { allowEmpty, channelsDisabled, color, colorFieldScopeLeft, colorFieldScopeTop, dimensions: { slider: { width: sliderWidth }, thumb: { radius: thumbRadius }, }, hexDisabled, hideChannels, hideHex, hideSaved, hueScopeLeft, messages, alphaChannel, opacityScopeLeft, savedColors, savedDisabled, scale, scopeOrientation, } = this;
527
+ const selectedColorInHex = color ? utils.hexify(color, alphaChannel) : null;
528
+ const hueTop = thumbRadius;
529
+ const hueLeft = hueScopeLeft !== null && hueScopeLeft !== void 0 ? hueScopeLeft : (sliderWidth * resources.DEFAULT_COLOR.hue()) / resources.HSV_LIMITS.h;
530
+ const opacityTop = thumbRadius;
531
+ const opacityLeft = opacityScopeLeft !== null && opacityScopeLeft !== void 0 ? opacityScopeLeft : (sliderWidth * utils.alphaToOpacity(resources.DEFAULT_COLOR.alpha())) / resources.OPACITY_LIMITS.max;
532
+ const noColor = color === null;
533
+ const vertical = scopeOrientation === "vertical";
534
+ const noHex = hexDisabled || hideHex;
535
+ const noChannels = channelsDisabled || hideChannels;
536
+ const noSaved = savedDisabled || hideSaved;
537
+ const [adjustedColorFieldScopeLeft, adjustedColorFieldScopeTop] = this.getAdjustedScopePosition(colorFieldScopeLeft, colorFieldScopeTop);
538
+ const [adjustedHueScopeLeft, adjustedHueScopeTop] = this.getAdjustedScopePosition(hueLeft, hueTop);
539
+ const [adjustedOpacityScopeLeft, adjustedOpacityScopeTop] = this.getAdjustedScopePosition(opacityLeft, opacityTop);
540
+ return (index.h("div", { class: resources.CSS.container }, index.h("div", { class: resources.CSS.controlAndScope }, index.h("canvas", { class: resources.CSS.colorField, onPointerDown: this.handleColorFieldPointerDown,
541
+ // eslint-disable-next-line react/jsx-sort-props
542
+ ref: this.initColorField }), index.h("div", { "aria-label": vertical ? messages.value : messages.saturation, "aria-valuemax": vertical ? resources.HSV_LIMITS.v : resources.HSV_LIMITS.s, "aria-valuemin": "0", "aria-valuenow": (vertical ? color === null || color === void 0 ? void 0 : color.saturationv() : color === null || color === void 0 ? void 0 : color.value()) || "0", class: { [resources.CSS.scope]: true, [resources.CSS.colorFieldScope]: true }, onKeyDown: this.handleColorFieldScopeKeyDown, role: "slider", style: {
543
+ top: `${adjustedColorFieldScopeTop || 0}px`,
544
+ left: `${adjustedColorFieldScopeLeft || 0}px`,
545
+ }, tabindex: "0",
546
+ // eslint-disable-next-line react/jsx-sort-props
547
+ ref: this.storeColorFieldScope })), index.h("div", { class: resources.CSS.previewAndSliders }, index.h("calcite-color-picker-swatch", { class: resources.CSS.preview, color: selectedColorInHex, scale: "l" }), index.h("div", { class: resources.CSS.sliders }, index.h("div", { class: resources.CSS.controlAndScope }, index.h("canvas", { class: { [resources.CSS.slider]: true, [resources.CSS.hueSlider]: true }, onPointerDown: this.handleHueSliderPointerDown,
548
+ // eslint-disable-next-line react/jsx-sort-props
549
+ ref: this.initHueSlider }), index.h("div", { "aria-label": messages.hue, "aria-valuemax": resources.HSV_LIMITS.h, "aria-valuemin": "0", "aria-valuenow": (color === null || color === void 0 ? void 0 : color.round().hue()) || resources.DEFAULT_COLOR.round().hue(), class: { [resources.CSS.scope]: true, [resources.CSS.hueScope]: true }, onKeyDown: this.handleHueScopeKeyDown, role: "slider", style: {
550
+ top: `${adjustedHueScopeTop}px`,
551
+ left: `${adjustedHueScopeLeft}px`,
552
+ }, tabindex: "0",
553
+ // eslint-disable-next-line react/jsx-sort-props
554
+ ref: this.storeHueScope })), alphaChannel ? (index.h("div", { class: resources.CSS.controlAndScope }, index.h("canvas", { class: { [resources.CSS.slider]: true, [resources.CSS.opacitySlider]: true }, onPointerDown: this.handleOpacitySliderPointerDown,
555
+ // eslint-disable-next-line react/jsx-sort-props
556
+ ref: this.initOpacitySlider }), index.h("div", { "aria-label": messages.opacity, "aria-valuemax": resources.OPACITY_LIMITS.max, "aria-valuemin": resources.OPACITY_LIMITS.min, "aria-valuenow": (color || resources.DEFAULT_COLOR).round().alpha(), class: { [resources.CSS.scope]: true, [resources.CSS.opacityScope]: true }, onKeyDown: this.handleOpacityScopeKeyDown, role: "slider", style: {
557
+ top: `${adjustedOpacityScopeTop}px`,
558
+ left: `${adjustedOpacityScopeLeft}px`,
559
+ }, tabindex: "0",
560
+ // eslint-disable-next-line react/jsx-sort-props
561
+ ref: this.storeOpacityScope }))) : null)), noHex && noChannels ? null : (index.h("div", { class: {
562
+ [resources.CSS.controlSection]: true,
563
+ [resources.CSS.section]: true,
564
+ } }, index.h("div", { class: resources.CSS.hexAndChannelsGroup }, noHex ? null : (index.h("div", { class: resources.CSS.hexOptions }, index.h("calcite-color-picker-hex-input", { allowEmpty: allowEmpty, alphaChannel: alphaChannel, class: resources.CSS.control, messages: messages, numberingSystem: this.numberingSystem, onCalciteColorPickerHexInputChange: this.handleHexInputChange, scale: scale, value: selectedColorInHex }))), noChannels ? null : (index.h("calcite-tabs", { class: {
565
+ [resources.CSS.colorModeContainer]: true,
566
+ [resources.CSS.splitSection]: true,
567
+ }, scale: scale === "l" ? "m" : "s" }, index.h("calcite-tab-nav", { slot: "title-group" }, this.renderChannelsTabTitle("rgb"), this.renderChannelsTabTitle("hsv")), this.renderChannelsTab("rgb"), this.renderChannelsTab("hsv")))))), noSaved ? null : (index.h("div", { class: { [resources.CSS.savedColorsSection]: true, [resources.CSS.section]: true } }, index.h("div", { class: resources.CSS.header }, index.h("label", null, messages.saved), index.h("div", { class: resources.CSS.savedColorsButtons }, index.h("calcite-button", { appearance: "transparent", class: resources.CSS.deleteColor, disabled: noColor, iconStart: "minus", kind: "neutral", label: messages.deleteColor, onClick: this.deleteColor, scale: scale, type: "button" }), index.h("calcite-button", { appearance: "transparent", class: resources.CSS.saveColor, disabled: noColor, iconStart: "plus", kind: "neutral", label: messages.saveColor, onClick: this.saveColor, scale: scale, type: "button" }))), savedColors.length > 0 ? (index.h("div", { class: resources.CSS.savedColors }, [
568
+ ...savedColors.map((color) => (index.h("calcite-color-picker-swatch", { class: resources.CSS.savedColor, color: color, key: color, onClick: this.handleSavedColorSelect, onKeyDown: this.handleSavedColorKeyDown, scale: scale, tabIndex: 0 }))),
569
+ ])) : null))));
570
+ }
571
+ // --------------------------------------------------------------------------
572
+ //
573
+ // Private Methods
574
+ //
575
+ //--------------------------------------------------------------------------
576
+ handleKeyDown(event) {
577
+ if (event.key === "Enter") {
578
+ event.preventDefault();
579
+ }
580
+ }
581
+ showIncompatibleColorWarning(value, format) {
582
+ console.warn(`ignoring color value (${value}) as it is not compatible with the current format (${format})`);
583
+ }
584
+ setMode(format, warn = true) {
585
+ const mode = format === "auto" ? this.mode : format;
586
+ this.mode = this.ensureCompatibleMode(mode, warn);
587
+ }
588
+ ensureCompatibleMode(mode, warn) {
589
+ const { alphaChannel } = this;
590
+ const isAlphaCompatible = utils.alphaCompatible(mode);
591
+ if (alphaChannel && !isAlphaCompatible) {
592
+ const alphaMode = utils.toAlphaMode(mode);
593
+ if (warn) {
594
+ console.warn(`setting format to (${alphaMode}) as the provided one (${mode}) does not support alpha`);
595
+ }
596
+ return alphaMode;
597
+ }
598
+ if (!alphaChannel && isAlphaCompatible) {
599
+ const nonAlphaMode = utils.toNonAlphaMode(mode);
600
+ if (warn) {
601
+ console.warn(`setting format to (${nonAlphaMode}) as the provided one (${mode}) does not support alpha`);
602
+ }
603
+ return nonAlphaMode;
604
+ }
605
+ return mode;
606
+ }
607
+ captureHueSliderColor(x) {
608
+ const { dimensions: { slider: { width }, }, } = this;
609
+ const hue = (resources.HUE_LIMIT_CONSTRAINED / width) * x;
610
+ this.internalColorSet(this.baseColorFieldColor.hue(hue), false);
611
+ }
612
+ captureOpacitySliderValue(x) {
613
+ const { dimensions: { slider: { width }, }, } = this;
614
+ const alpha = utils.opacityToAlpha((resources.OPACITY_LIMITS.max / width) * x);
615
+ this.internalColorSet(this.baseColorFieldColor.alpha(alpha), false);
616
+ }
617
+ internalColorSet(color, skipEqual = true, context = "user-interaction") {
618
+ if (skipEqual && utils.colorEqual(color, this.color)) {
619
+ return;
620
+ }
621
+ this.internalColorUpdateContext = context;
622
+ this.color = color;
623
+ this.value = this.toValue(color);
624
+ this.internalColorUpdateContext = null;
625
+ }
626
+ toValue(color, format = this.mode) {
627
+ if (!color) {
628
+ return null;
629
+ }
630
+ const hexMode = "hex";
631
+ if (format.includes(hexMode)) {
632
+ const hasAlpha = format === utils.CSSColorMode.HEXA;
633
+ return utils.normalizeHex(utils.hexify(color.round(), hasAlpha), hasAlpha);
634
+ }
635
+ if (format.includes("-css")) {
636
+ const value = color[format.replace("-css", "").replace("a", "")]().round().string();
637
+ // Color omits alpha values when alpha is 1
638
+ const needToInjectAlpha = (format.endsWith("a") || format.endsWith("a-css")) && color.alpha() === 1;
639
+ if (needToInjectAlpha) {
640
+ const model = value.slice(0, 3);
641
+ const values = value.slice(4, -1);
642
+ return `${model}a(${values}, ${color.alpha()})`;
643
+ }
644
+ return value;
645
+ }
646
+ const colorObject =
647
+ /* Color() does not support hsva, hsla nor rgba, so we use the non-alpha mode */
648
+ color[utils.toNonAlphaMode(format)]().round().object();
649
+ if (format.endsWith("a")) {
650
+ return utils.normalizeAlpha(colorObject);
651
+ }
652
+ return colorObject;
653
+ }
654
+ getSliderCapSpacing() {
655
+ const { dimensions: { slider: { height }, thumb: { radius }, }, } = this;
656
+ return radius * 2 - height;
657
+ }
658
+ updateDimensions(scale = "m") {
659
+ this.dimensions = resources.DIMENSIONS[scale];
660
+ }
661
+ drawColorField() {
662
+ const context = this.colorFieldRenderingContext;
663
+ const { dimensions: { colorField: { height, width }, }, } = this;
664
+ context.fillStyle = this.baseColorFieldColor
665
+ .hsv()
666
+ .saturationv(100)
667
+ .value(100)
668
+ .alpha(1)
669
+ .string();
670
+ context.fillRect(0, 0, width, height);
671
+ const whiteGradient = context.createLinearGradient(0, 0, width, 0);
672
+ whiteGradient.addColorStop(0, "rgba(255,255,255,1)");
673
+ whiteGradient.addColorStop(1, "rgba(255,255,255,0)");
674
+ context.fillStyle = whiteGradient;
675
+ context.fillRect(0, 0, width, height);
676
+ const blackGradient = context.createLinearGradient(0, 0, 0, height);
677
+ blackGradient.addColorStop(0, "rgba(0,0,0,0)");
678
+ blackGradient.addColorStop(1, "rgba(0,0,0,1)");
679
+ context.fillStyle = blackGradient;
680
+ context.fillRect(0, 0, width, height);
681
+ this.drawActiveColorFieldColor();
682
+ }
683
+ setCanvasContextSize(canvas, { height, width }) {
684
+ if (!canvas) {
685
+ return;
686
+ }
687
+ const devicePixelRatio = window.devicePixelRatio || 1;
688
+ canvas.width = width * devicePixelRatio;
689
+ canvas.height = height * devicePixelRatio;
690
+ canvas.style.height = `${height}px`;
691
+ canvas.style.width = `${width}px`;
692
+ const context = canvas.getContext("2d");
693
+ context.scale(devicePixelRatio, devicePixelRatio);
694
+ }
695
+ updateCanvasSize(context = "all") {
696
+ var _a, _b, _c;
697
+ const { dimensions } = this;
698
+ if (context === "all" || context === "color-field") {
699
+ this.setCanvasContextSize((_a = this.colorFieldRenderingContext) === null || _a === void 0 ? void 0 : _a.canvas, dimensions.colorField);
700
+ }
701
+ const adjustedSliderDimensions = {
702
+ width: dimensions.slider.width,
703
+ height: dimensions.slider.height + (dimensions.thumb.radius - dimensions.slider.height / 2) * 2,
704
+ };
705
+ if (context === "all" || context === "hue-slider") {
706
+ this.setCanvasContextSize((_b = this.hueSliderRenderingContext) === null || _b === void 0 ? void 0 : _b.canvas, adjustedSliderDimensions);
707
+ }
708
+ if (context === "all" || context === "opacity-slider") {
709
+ this.setCanvasContextSize((_c = this.opacitySliderRenderingContext) === null || _c === void 0 ? void 0 : _c.canvas, adjustedSliderDimensions);
710
+ }
711
+ }
712
+ drawActiveColorFieldColor() {
713
+ const { color } = this;
714
+ if (!color) {
715
+ return;
716
+ }
717
+ const hsvColor = color.hsv();
718
+ const { dimensions: { colorField: { height, width }, thumb: { radius }, }, } = this;
719
+ const x = hsvColor.saturationv() / (resources.HSV_LIMITS.s / width);
720
+ const y = height - hsvColor.value() / (resources.HSV_LIMITS.v / height);
721
+ requestAnimationFrame(() => {
722
+ this.colorFieldScopeLeft = x;
723
+ this.colorFieldScopeTop = y;
724
+ });
725
+ this.drawThumb(this.colorFieldRenderingContext, radius, x, y, hsvColor);
726
+ }
727
+ drawThumb(context, radius, x, y, color) {
728
+ const startAngle = 0;
729
+ const endAngle = 2 * Math.PI;
730
+ const outlineWidth = 1;
731
+ context.beginPath();
732
+ context.arc(x, y, radius, startAngle, endAngle);
733
+ context.fillStyle = "#fff";
734
+ context.fill();
735
+ context.strokeStyle = "rgba(0,0,0,0.3)";
736
+ context.lineWidth = outlineWidth;
737
+ context.stroke();
738
+ context.beginPath();
739
+ context.arc(x, y, radius - 3, startAngle, endAngle);
740
+ context.fillStyle = color.rgb().alpha(1).string();
741
+ context.fill();
742
+ }
743
+ drawActiveHueSliderColor() {
744
+ const { color } = this;
745
+ if (!color) {
746
+ return;
747
+ }
748
+ const hsvColor = color.hsv().saturationv(100).value(100);
749
+ const { dimensions: { slider: { width }, thumb: { radius }, }, } = this;
750
+ const x = hsvColor.hue() / (resources.HUE_LIMIT_CONSTRAINED / width);
751
+ const y = radius;
752
+ const sliderBoundX = this.getSliderBoundX(x, width, radius);
753
+ requestAnimationFrame(() => {
754
+ this.hueScopeLeft = sliderBoundX;
755
+ });
756
+ this.drawThumb(this.hueSliderRenderingContext, radius, sliderBoundX, y, hsvColor);
757
+ }
758
+ drawHueSlider() {
759
+ const context = this.hueSliderRenderingContext;
760
+ const { dimensions: { slider: { height, width }, thumb: { radius: thumbRadius }, }, } = this;
761
+ const x = 0;
762
+ const y = thumbRadius - height / 2;
763
+ const gradient = context.createLinearGradient(0, 0, width, 0);
764
+ const hueSliderColorStopKeywords = [
765
+ "red",
766
+ "yellow",
767
+ "lime",
768
+ "cyan",
769
+ "blue",
770
+ "magenta",
771
+ "#ff0004" /* 1 unit less than #ff0 to avoid duplicate values within range */,
772
+ ];
773
+ const offset = 1 / (hueSliderColorStopKeywords.length - 1);
774
+ let currentOffset = 0;
775
+ hueSliderColorStopKeywords.forEach((keyword) => {
776
+ gradient.addColorStop(currentOffset, resources.color(keyword).string());
777
+ currentOffset += offset;
778
+ });
779
+ context.clearRect(0, 0, width, height + this.getSliderCapSpacing() * 2);
780
+ this.drawSliderPath(context, height, width, x, y);
781
+ context.fillStyle = gradient;
782
+ context.fill();
783
+ context.strokeStyle = "rgba(0,0,0,0.3)";
784
+ context.lineWidth = 1;
785
+ context.stroke();
786
+ this.drawActiveHueSliderColor();
787
+ }
788
+ drawOpacitySlider() {
789
+ const context = this.opacitySliderRenderingContext;
790
+ const { baseColorFieldColor: previousColor, dimensions: { slider: { height, width }, thumb: { radius: thumbRadius }, }, } = this;
791
+ const x = 0;
792
+ const y = thumbRadius - height / 2;
793
+ context.clearRect(0, 0, width, height + this.getSliderCapSpacing() * 2);
794
+ const gradient = context.createLinearGradient(0, y, width, 0);
795
+ const startColor = previousColor.rgb().alpha(0);
796
+ const midColor = previousColor.rgb().alpha(0.5);
797
+ const endColor = previousColor.rgb().alpha(1);
798
+ gradient.addColorStop(0, startColor.string());
799
+ gradient.addColorStop(0.5, midColor.string());
800
+ gradient.addColorStop(1, endColor.string());
801
+ this.drawSliderPath(context, height, width, x, y);
802
+ const pattern = context.createPattern(this.getCheckeredBackgroundPattern(), "repeat");
803
+ context.fillStyle = pattern;
804
+ context.fill();
805
+ context.fillStyle = gradient;
806
+ context.fill();
807
+ context.strokeStyle = "rgba(0,0,0,0.3)";
808
+ context.lineWidth = 1;
809
+ context.stroke();
810
+ this.drawActiveOpacitySliderColor();
811
+ }
812
+ drawSliderPath(context, height, width, x, y) {
813
+ const radius = height / 2 + 1;
814
+ context.beginPath();
815
+ context.moveTo(x + radius, y);
816
+ context.lineTo(x + width - radius, y);
817
+ context.quadraticCurveTo(x + width, y, x + width, y + radius);
818
+ context.lineTo(x + width, y + height - radius);
819
+ context.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
820
+ context.lineTo(x + radius, y + height);
821
+ context.quadraticCurveTo(x, y + height, x, y + height - radius);
822
+ context.lineTo(x, y + radius);
823
+ context.quadraticCurveTo(x, y, x + radius, y);
824
+ context.closePath();
825
+ }
826
+ getCheckeredBackgroundPattern() {
827
+ if (this.checkerPattern) {
828
+ return this.checkerPattern;
829
+ }
830
+ const pattern = document.createElement("canvas");
831
+ pattern.width = 10;
832
+ pattern.height = 10;
833
+ const patternContext = pattern.getContext("2d");
834
+ patternContext.fillStyle = "#ccc";
835
+ patternContext.fillRect(0, 0, 10, 10);
836
+ patternContext.fillStyle = "#fff";
837
+ patternContext.fillRect(0, 0, 5, 5);
838
+ patternContext.fillRect(5, 5, 5, 5);
839
+ this.checkerPattern = pattern;
840
+ return pattern;
841
+ }
842
+ drawActiveOpacitySliderColor() {
843
+ const { color } = this;
844
+ if (!color) {
845
+ return;
846
+ }
847
+ const hsvColor = color;
848
+ const { dimensions: { slider: { width }, thumb: { radius }, }, } = this;
849
+ const x = utils.alphaToOpacity(hsvColor.alpha()) / (resources.OPACITY_LIMITS.max / width);
850
+ const y = radius;
851
+ const sliderBoundX = this.getSliderBoundX(x, width, radius);
852
+ requestAnimationFrame(() => {
853
+ this.opacityScopeLeft = sliderBoundX;
854
+ });
855
+ this.drawThumb(this.opacitySliderRenderingContext, radius, sliderBoundX, y, hsvColor);
856
+ }
857
+ getSliderBoundX(x, width, radius) {
858
+ const closeToEdge = math.closeToRangeEdge(x, width, radius);
859
+ return closeToEdge === 0
860
+ ? x
861
+ : closeToEdge === -1
862
+ ? math.remap(x, 0, width, radius, radius * 2)
863
+ : math.remap(x, 0, width, width - radius * 2, width - radius);
864
+ }
865
+ updateColorFromChannels(channels) {
866
+ this.internalColorSet(resources.color(channels, this.channelMode));
867
+ }
868
+ updateChannelsFromColor(color) {
869
+ this.channels = color ? this.toChannels(color) : [null, null, null, null];
870
+ }
871
+ toChannels(color) {
872
+ const { channelMode } = this;
873
+ const channels = color[channelMode]()
874
+ .array()
875
+ .map((value, index) => {
876
+ const isAlpha = index === 3;
877
+ return isAlpha ? value : Math.floor(value);
878
+ });
879
+ if (channels.length === 3) {
880
+ channels.push(1); // Color omits alpha when 1
881
+ }
882
+ return channels;
883
+ }
884
+ getAdjustedScopePosition(left, top) {
885
+ return [left - resources.SCOPE_SIZE / 2, top - resources.SCOPE_SIZE / 2];
886
+ }
887
+ static get delegatesFocus() { return true; }
888
+ static get assetsDirs() { return ["assets"]; }
889
+ get el() { return index.getElement(this); }
890
+ static get watchers() { return {
891
+ "alphaChannel": ["handleAlphaChannelChange"],
892
+ "color": ["handleColorChange"],
893
+ "format": ["handleFormatChange"],
894
+ "scale": ["handleScaleChange"],
895
+ "messageOverrides": ["onMessagesChange"],
896
+ "value": ["handleValueChange"],
897
+ "effectiveLocale": ["effectiveLocaleChange"]
898
+ }; }
899
+ };
900
900
  ColorPicker.style = colorPickerCss;
901
901
 
902
902
  exports.calcite_color_picker = ColorPicker;