@luzmo/lucero 1.0.1-alpha.9 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (487) hide show
  1. package/README.md +74 -9
  2. package/components/accordion/index.cjs +1 -26
  3. package/components/accordion/index.js +8 -164
  4. package/components/accordion-BHBIfsLU.cjs +43 -0
  5. package/components/accordion-DC7cjb1c.js +152 -0
  6. package/components/action-bar/index.cjs +1 -22
  7. package/components/action-bar/index.js +8 -90
  8. package/components/action-bar-BMHZ4e_p.cjs +39 -0
  9. package/components/action-bar-CmLjsljR.js +92 -0
  10. package/components/action-button/index.cjs +1 -7
  11. package/components/action-button/index.js +8 -144
  12. package/components/action-button-B4_UEJle.js +121 -0
  13. package/components/action-button-G0PWSrZo.cjs +24 -0
  14. package/components/action-group/index.cjs +1 -1
  15. package/components/action-group/index.js +11 -12
  16. package/components/action-group-CH8FTW0i.cjs +20 -0
  17. package/components/action-group-DYKpp-mz.js +211 -0
  18. package/components/action-menu/index.cjs +1 -39
  19. package/components/action-menu/index.js +8 -109
  20. package/components/action-menu-CJyB0mmO.cjs +56 -0
  21. package/components/action-menu-FiS1vhW7.js +105 -0
  22. package/components/avatar/avatar.d.ts +5 -0
  23. package/components/avatar/index.cjs +1 -7
  24. package/components/avatar/index.js +8 -64
  25. package/components/avatar-CyY_ZSD0.js +65 -0
  26. package/components/avatar-PulwjkMI.cjs +24 -0
  27. package/components/badge/badge.d.ts +35 -0
  28. package/components/{random-id-CqvckpWe.cjs → badge/index.cjs} +1 -1
  29. package/components/badge/index.d.ts +8 -0
  30. package/components/badge/index.js +25 -0
  31. package/components/badge-D1Ry32wi.cjs +23 -0
  32. package/components/badge-D6p2hPj8.js +94 -0
  33. package/components/button/button-base.d.ts +16 -0
  34. package/components/button/button.d.ts +38 -2
  35. package/components/button/index.cjs +1 -3
  36. package/components/button/index.js +9 -110
  37. package/components/button-CRNRP8P0.js +115 -0
  38. package/components/button-D3ZTogni.cjs +20 -0
  39. package/components/button-base-BYV3Lp3P.cjs +25 -0
  40. package/components/button-base-SHgEJgk2.js +123 -0
  41. package/components/button-group/index.cjs +1 -1
  42. package/components/button-group/index.js +8 -42
  43. package/components/button-group-CJVpgiLq.js +46 -0
  44. package/components/button-group-rEK_YaF3.cjs +18 -0
  45. package/components/calendar/calendar.d.ts +67 -0
  46. package/components/calendar/index.cjs +1 -1
  47. package/components/calendar/index.d.ts +1 -0
  48. package/components/calendar/index.js +8 -11
  49. package/components/calendar-CKr5T_zV.js +619 -0
  50. package/components/calendar-WRhzTEyZ.cjs +142 -0
  51. package/components/chat-message/chat-message.d.ts +139 -0
  52. package/components/{random-id-ByCz1xaq.js → chat-message/index.cjs} +1 -9
  53. package/components/chat-message/index.d.ts +8 -0
  54. package/components/chat-message/index.js +25 -0
  55. package/components/chat-message-CNE-mGuP.cjs +149 -0
  56. package/components/chat-message-DJgocVNj.js +2295 -0
  57. package/components/chat-message-group/chat-message-group.d.ts +50 -0
  58. package/components/{when-CDZyJPvd.cjs → chat-message-group/index.cjs} +1 -5
  59. package/components/chat-message-group/index.d.ts +7 -0
  60. package/components/chat-message-group/index.js +25 -0
  61. package/components/chat-message-group-B4U2MzHx.js +100 -0
  62. package/components/chat-message-group-COmhCN-R.cjs +24 -0
  63. package/components/checkbox/checkbox.d.ts +7 -0
  64. package/components/checkbox/index.cjs +1 -8
  65. package/components/checkbox/index.js +8 -79
  66. package/components/checkbox-CPS-tR_i.js +89 -0
  67. package/components/checkbox-DFwDrIdY.cjs +25 -0
  68. package/components/checkbox-mixin-C5sLMo5L.js +67 -0
  69. package/components/{checkbox-mixin-BDN0dBtS.cjs → checkbox-mixin-D4HeLrMj.cjs} +3 -3
  70. package/components/chunk-D-qHiVGv.cjs +18 -0
  71. package/components/close-button-BeXYep8K.js +42 -0
  72. package/components/close-button-BzapEpcF.cjs +18 -0
  73. package/components/color-area/index.cjs +1 -63
  74. package/components/color-area/index.js +8 -364
  75. package/components/color-area-DA3ps2-c.cjs +80 -0
  76. package/components/color-area-DViRjuKo.js +300 -0
  77. package/components/color-controller-DueaXfnX.cjs +18 -0
  78. package/components/color-controller-G2_v2xSl.js +247 -0
  79. package/components/color-field/color-field.d.ts +1 -0
  80. package/components/color-field/index.cjs +1 -6
  81. package/components/color-field/index.js +8 -68
  82. package/components/color-field-CxdIoSq6.js +75 -0
  83. package/components/color-field-D7_7z2A2.cjs +23 -0
  84. package/components/color-handle/index.cjs +1 -7
  85. package/components/color-handle/index.js +8 -56
  86. package/components/color-handle-BOusOFFx.js +62 -0
  87. package/components/color-handle-Cka48yPY.cjs +24 -0
  88. package/components/color-loupe/index.cjs +1 -1
  89. package/components/color-loupe/index.js +11 -12
  90. package/components/color-loupe-DMk8uWZW.cjs +56 -0
  91. package/components/color-loupe-bEzi2P0y.js +76 -0
  92. package/components/color-menu/index.cjs +1 -69
  93. package/components/color-menu/index.js +8 -189
  94. package/components/color-menu-DwbTxeqv.cjs +89 -0
  95. package/components/color-menu-Lxc9PTzl.js +183 -0
  96. package/components/color-palette/index.cjs +1 -1
  97. package/components/color-palette/index.js +8 -71
  98. package/components/color-palette-349EkPMg.cjs +18 -0
  99. package/components/color-palette-BAdaNySC.js +80 -0
  100. package/components/color-palette-group/index.cjs +1 -11
  101. package/components/color-palette-group/index.js +8 -188
  102. package/components/color-palette-group-BvP09zmT.cjs +28 -0
  103. package/components/color-palette-group-D8Mavsd2.js +163 -0
  104. package/components/color-picker/color-picker.d.ts +3 -3
  105. package/components/color-picker/index.cjs +1 -31
  106. package/components/color-picker/index.js +8 -128
  107. package/components/color-picker-CSWiU-X5.cjs +48 -0
  108. package/components/color-picker-DqjfTvYf.js +126 -0
  109. package/components/color-slider/index.cjs +1 -1
  110. package/components/color-slider/index.js +8 -11
  111. package/components/color-slider-DxjJ72ue.cjs +57 -0
  112. package/components/color-slider-ihAIFt5p.js +421 -0
  113. package/components/{condition-attribute-with-id-Dv4lSRbe.js → condition-attribute-with-id-DauPaLSS.cjs} +1 -14
  114. package/components/{query-assigned-nodes-C76XVPWY.js → condition-attribute-with-id-Duo51HZ7.js} +10 -18
  115. package/components/date-range-picker/date-range-picker.d.ts +184 -0
  116. package/components/{if-defined-C9YGdo33.cjs → date-range-picker/index.cjs} +1 -5
  117. package/components/date-range-picker/index.d.ts +8 -0
  118. package/components/date-range-picker/index.js +25 -0
  119. package/components/date-range-picker/types.d.ts +16 -0
  120. package/components/date-range-picker-BdRQep--.js +626 -0
  121. package/components/date-range-picker-CgitOe0i.cjs +187 -0
  122. package/components/date-time-picker/date-time-picker.d.ts +3 -3
  123. package/components/date-time-picker/index.cjs +1 -88
  124. package/components/date-time-picker/index.d.ts +1 -0
  125. package/components/date-time-picker/index.js +8 -1109
  126. package/components/date-time-picker/{types.d.ts → shared/types.d.ts} +1 -1
  127. package/components/date-time-picker-Bz8XwSOR.cjs +105 -0
  128. package/components/date-time-picker-Ct_ln8Ot.js +470 -0
  129. package/components/decorate-B2wePfNm.cjs +18 -0
  130. package/components/decorate-aGxJUVxg.js +91 -0
  131. package/components/{condition-attribute-with-id-DrQYZzFS.cjs → dependency-manger-CHy9t__e.cjs} +1 -1
  132. package/components/dependency-manger-DMrulWcJ.js +40 -0
  133. package/components/divider/index.cjs +1 -1
  134. package/components/divider/index.js +8 -44
  135. package/components/divider-Dn8XqbB6.cjs +18 -0
  136. package/components/divider-cU0lVwOp.js +59 -0
  137. package/components/divider.module-C65RfSUa.js +21 -0
  138. package/components/divider.module-CL60P_z8.cjs +18 -0
  139. package/components/element-resolution-Bs1x89vU.js +80 -0
  140. package/components/element-resolution-C0aiOB0Y.cjs +18 -0
  141. package/components/field-group/index.cjs +1 -1
  142. package/components/field-group/index.js +11 -12
  143. package/components/field-group-C7ROsWq3.js +57 -0
  144. package/components/field-group-OcI5Lgu7.cjs +23 -0
  145. package/components/field-label/index.cjs +1 -1
  146. package/components/field-label/index.js +11 -12
  147. package/components/field-label-BCl6R1uO.cjs +25 -0
  148. package/components/field-label-CtGCEmdp.js +87 -0
  149. package/components/focus-group-BshI1RpM.js +164 -0
  150. package/components/focus-group-SF8Kj7iB.cjs +18 -0
  151. package/components/focus-visible-B0NNezGc.cjs +18 -0
  152. package/components/focus-visible-CrooVCUu.js +58 -0
  153. package/components/focusable-BmS8IzhH.js +117 -0
  154. package/components/focusable-CupEoHmn.cjs +18 -0
  155. package/components/{base-BjTwmyRF.cjs → focusable-selectors-5n5liBn0.cjs} +1 -5
  156. package/components/{focusable-selectors-BgFlyFcY.cjs → focusable-selectors-Bg60_Kra.js} +13 -1
  157. package/components/{state-Deh-vKYE.js → get-label-from-slot-5vVnfSgN.js} +7 -11
  158. package/components/get-label-from-slot-LO_DZP60.cjs +18 -0
  159. package/components/icon/index.cjs +1 -1
  160. package/components/icon/index.js +8 -71
  161. package/components/icon-B7hKwn_q.cjs +18 -0
  162. package/components/icon-CwBAE1eU.js +59 -0
  163. package/components/index.cjs +1 -1
  164. package/components/index.js +78 -176
  165. package/components/infield-button/index.cjs +1 -5
  166. package/components/infield-button/index.js +8 -47
  167. package/components/infield-button-B2z0dLzq.js +54 -0
  168. package/components/infield-button-BVKotWqr.cjs +22 -0
  169. package/components/label/index.cjs +1 -1
  170. package/components/label/index.js +8 -34
  171. package/components/label-ClJE2esm.js +41 -0
  172. package/components/label-CqolZbJo.cjs +18 -0
  173. package/components/language-resolution-BYemISJC.cjs +18 -0
  174. package/components/language-resolution-BpfGTC29.js +43 -0
  175. package/components/like-anchor-BZJXts_H.cjs +32 -0
  176. package/components/like-anchor-DeOXX-MX.js +46 -0
  177. package/components/manage-help-text-CF0xBh0F.js +81 -0
  178. package/components/manage-help-text-D9VbYRf_.cjs +30 -0
  179. package/components/menu/index.cjs +1 -66
  180. package/components/menu/index.js +8 -879
  181. package/components/menu/menu-item.d.ts +8 -1
  182. package/components/menu/menu.d.ts +1 -0
  183. package/components/menu--ukVtSq7.js +749 -0
  184. package/components/menu-DAA51y45.cjs +108 -0
  185. package/components/multi-language-field/index.cjs +1 -22
  186. package/components/multi-language-field/index.js +8 -131
  187. package/components/multi-language-field/multi-language-field.d.ts +1 -0
  188. package/components/multi-language-field-BzY75rOY.js +122 -0
  189. package/components/multi-language-field-DmoMyCBH.cjs +40 -0
  190. package/components/number-field/index.cjs +1 -40
  191. package/components/number-field/index.js +8 -453
  192. package/components/number-field/number-field.d.ts +145 -0
  193. package/components/number-field-B4RSFeTR.cjs +57 -0
  194. package/components/number-field-C66dTUMM.js +402 -0
  195. package/components/observe-slot-presence-BCqd3VSd.js +55 -0
  196. package/components/observe-slot-presence-Dx8hzNzK.cjs +18 -0
  197. package/components/observe-slot-text-BhTcGuHY.cjs +18 -0
  198. package/components/observe-slot-text-Ddf1OC6F.js +71 -0
  199. package/components/options/index.cjs +1 -84
  200. package/components/options/index.js +8 -1160
  201. package/components/options/option.d.ts +16 -0
  202. package/components/options/options.d.ts +44 -4
  203. package/components/options-BPNAm4MW.cjs +101 -0
  204. package/components/options-Dz-ejkxF.js +484 -0
  205. package/components/overlay/index.cjs +1 -56
  206. package/components/overlay/index.js +10 -329
  207. package/components/overlay/overlay.d.ts +12 -1
  208. package/components/overlay/virtual-trigger.d.ts +3 -2
  209. package/components/overlay-8tN0KPbR.js +1115 -0
  210. package/components/overlay-CMd2Dnpv.cjs +73 -0
  211. package/components/overlay-CwR_36OV.js +227 -0
  212. package/components/overlay-DdrfkOry.cjs +47 -0
  213. package/components/pending-state-DFcNf5rd.js +50 -0
  214. package/components/{pending-state-CaH1si5b.cjs → pending-state-DIeF18qg.cjs} +4 -3
  215. package/components/picker/index.cjs +1 -1
  216. package/components/picker/index.js +11 -15
  217. package/components/picker/picker.d.ts +1 -0
  218. package/components/picker-C4RVOxLq.cjs +123 -0
  219. package/components/picker-agQW7YNo.js +394 -0
  220. package/components/picker-button/index.cjs +1 -20
  221. package/components/picker-button/index.js +8 -70
  222. package/components/picker-button-BLbeT3Yu.js +72 -0
  223. package/components/picker-button-D34YXyXp.cjs +37 -0
  224. package/components/platform-B7Sk7Qon.cjs +18 -0
  225. package/components/{platform-BM-uMWpX.js → platform-D4V_cOJF.js} +29 -38
  226. package/components/popover/index.cjs +1 -1
  227. package/components/popover/index.js +11 -12
  228. package/components/popover-DyC9xGhX.js +58 -0
  229. package/components/popover-dgL04x6P.cjs +30 -0
  230. package/components/progress-bar/index.cjs +18 -0
  231. package/components/progress-bar/index.d.ts +7 -0
  232. package/components/progress-bar/index.js +25 -0
  233. package/components/progress-bar/progress-bar.d.ts +34 -0
  234. package/components/progress-bar-BR28tISC.cjs +31 -0
  235. package/components/progress-bar-DHgFRml1.js +119 -0
  236. package/components/progress-circle/index.cjs +1 -1
  237. package/components/progress-circle/index.js +11 -12
  238. package/components/progress-circle-Cg_ua9Ff.js +78 -0
  239. package/components/progress-circle-DuzwUiGN.cjs +33 -0
  240. package/components/progress-steps/index.cjs +18 -0
  241. package/components/progress-steps/index.d.ts +8 -0
  242. package/components/progress-steps/index.js +25 -0
  243. package/components/progress-steps/progress-steps.d.ts +148 -0
  244. package/components/progress-steps/types.d.ts +32 -0
  245. package/components/progress-steps-Da8aZWx3.js +262 -0
  246. package/components/progress-steps-WriXaZpE.cjs +96 -0
  247. package/components/prompt-box/controllers/attachments-controller.d.ts +35 -0
  248. package/components/prompt-box/controllers/recording-controller.d.ts +23 -0
  249. package/components/prompt-box/controllers/rich-input-controller.d.ts +89 -0
  250. package/components/prompt-box/controllers/trigger-menu-controller.d.ts +107 -0
  251. package/components/prompt-box/index.cjs +18 -0
  252. package/components/prompt-box/index.d.ts +9 -0
  253. package/components/prompt-box/index.js +25 -0
  254. package/components/prompt-box/keyboard-focus-tracker.d.ts +3 -0
  255. package/components/prompt-box/prompt-box-templates.d.ts +10 -0
  256. package/components/prompt-box/prompt-box.d.ts +194 -0
  257. package/components/prompt-box/range-from-point.d.ts +21 -0
  258. package/components/prompt-box/selection-utils.d.ts +39 -0
  259. package/components/prompt-box/slot-state-sync.d.ts +10 -0
  260. package/components/prompt-box/types.d.ts +112 -0
  261. package/components/prompt-box-BEloQP-R.js +1506 -0
  262. package/components/prompt-box-DV8Smf3Q.cjs +282 -0
  263. package/components/radio/index.cjs +1 -5
  264. package/components/radio/index.js +8 -174
  265. package/components/radio-BzEPGUmQ.js +141 -0
  266. package/components/radio-d-2GUbYE.cjs +22 -0
  267. package/components/{if-defined-DOaE2coe.js → random-id-B51lUxUB.cjs} +1 -10
  268. package/components/{when-CDK1Tt5Y.js → random-id-Dd4boCPV.js} +5 -10
  269. package/components/{focusable-selectors-B4YgbghQ.js → rolldown-runtime-CAFD8bLK.js} +10 -13
  270. package/components/roving-tabindex-B7x5ePUB.cjs +18 -0
  271. package/components/roving-tabindex-BP6mQbXf.js +62 -0
  272. package/components/{directive-oAbCiebi.js → scaled-indicator-BcO2BOsf.js} +24 -26
  273. package/components/scaled-indicator-p8-3k2cJ.cjs +26 -0
  274. package/components/search/index.cjs +1 -28
  275. package/components/search/index.js +8 -114
  276. package/components/search-CmLfd2dF.js +94 -0
  277. package/components/search-DRTD4xsE.cjs +45 -0
  278. package/components/segments-factory-CHo9oQw7.cjs +18 -0
  279. package/components/segments-factory-D0IveW-q.js +417 -0
  280. package/components/select/index.cjs +1 -140
  281. package/components/select/index.js +8 -602
  282. package/components/select/select.d.ts +26 -17
  283. package/components/select--vrG59GQ.cjs +158 -0
  284. package/components/select-DPeI0jP9.js +518 -0
  285. package/components/{language-resolution-8yZa5r_P.js → sized-mixin-DaBoZkVS.js} +38 -35
  286. package/components/sized-mixin-StFA4y0J.cjs +18 -0
  287. package/components/skeleton-loader/index.cjs +18 -0
  288. package/components/skeleton-loader/index.d.ts +7 -0
  289. package/components/skeleton-loader/index.js +25 -0
  290. package/components/skeleton-loader/skeleton-loader.d.ts +22 -0
  291. package/components/skeleton-loader-B8NgELvX.cjs +18 -0
  292. package/components/skeleton-loader-C1XG3m_u.js +46 -0
  293. package/components/slider/index.cjs +1 -1
  294. package/components/slider/index.js +8 -1141
  295. package/components/slider/slider.d.ts +2 -0
  296. package/components/slider-3QBnq0S8.js +96 -0
  297. package/components/slider-uXRKcOz5.cjs +18 -0
  298. package/components/slottable-request-event-DZ2Z_BLk.js +29 -0
  299. package/components/{base-D76d76ww.js → slottable-request-event-gAcEQan2.cjs} +1 -9
  300. package/components/status-light/index.cjs +18 -0
  301. package/components/status-light/index.d.ts +8 -0
  302. package/components/status-light/index.js +25 -0
  303. package/components/status-light/status-light.d.ts +26 -0
  304. package/components/status-light-Bf8jGu4G.js +85 -0
  305. package/components/status-light-CBaAFRUc.cjs +21 -0
  306. package/components/strategies-DhxJGIZT.js +137 -0
  307. package/components/strategies-kuvLVIKO.cjs +18 -0
  308. package/components/streaming-listener-2NcP7ys7.js +77 -0
  309. package/components/streaming-listener-BnDW38lt.cjs +18 -0
  310. package/components/suggestion/index.cjs +18 -0
  311. package/components/suggestion/index.d.ts +8 -0
  312. package/components/suggestion/index.js +25 -0
  313. package/components/suggestion/suggestion.d.ts +45 -0
  314. package/components/suggestion-CEJiW_7y.cjs +23 -0
  315. package/components/suggestion-DK5gxxDI.js +76 -0
  316. package/components/swatch/index.cjs +1 -32
  317. package/components/swatch/index.js +8 -325
  318. package/components/swatch-BLuV-hlF.js +271 -0
  319. package/components/swatch-G70JUe6I.cjs +49 -0
  320. package/components/switch/index.cjs +1 -5
  321. package/components/switch/index.js +8 -56
  322. package/components/switch-BdE-hI69.js +60 -0
  323. package/components/switch-KzkrF-ob.cjs +22 -0
  324. package/components/tabs/index.cjs +1 -76
  325. package/components/tabs/index.js +8 -619
  326. package/components/tabs/tabs.d.ts +3 -9
  327. package/components/tabs-BfTgzdid.cjs +76 -0
  328. package/components/tabs-BthdwrmW.js +434 -0
  329. package/components/tags/index.cjs +1 -15
  330. package/components/tags/index.d.ts +1 -0
  331. package/components/tags/index.js +8 -156
  332. package/components/tags/tag.d.ts +28 -0
  333. package/components/tags/tags.d.ts +3 -1
  334. package/components/tags-B89eYzsB.js +203 -0
  335. package/components/tags-OBPAvjdV.cjs +47 -0
  336. package/components/text-field/index.cjs +1 -4
  337. package/components/text-field/index.js +9 -45
  338. package/components/text-field/text-field.d.ts +27 -0
  339. package/components/text-field-A4Obzs4l.cjs +21 -0
  340. package/components/text-field-BoGAvXvh.js +44 -0
  341. package/components/text-field-Cs8HYRYL.js +256 -0
  342. package/components/text-field-FJr8ZUhI.cjs +81 -0
  343. package/components/text-field.module-Btsve-VN.js +21 -0
  344. package/components/text-field.module-D5oDP7MB.cjs +18 -0
  345. package/components/toast/index.cjs +1 -34
  346. package/components/toast/index.js +8 -136
  347. package/components/toast-CJSQUzoW.cjs +51 -0
  348. package/components/toast-DKwphMrp.js +133 -0
  349. package/components/tooltip/index.cjs +1 -28
  350. package/components/tooltip/index.js +8 -205
  351. package/components/tooltip/tooltip.d.ts +12 -1
  352. package/components/tooltip-C3O4AQ1l.js +192 -0
  353. package/components/tooltip-DY1trLtg.cjs +45 -0
  354. package/components/top-nav/index.cjs +18 -0
  355. package/components/top-nav/index.d.ts +10 -0
  356. package/components/top-nav/index.js +25 -0
  357. package/components/top-nav/top-nav-item.d.ts +26 -0
  358. package/components/top-nav/top-nav.d.ts +45 -0
  359. package/components/top-nav-DVQ5ASMa.js +203 -0
  360. package/components/top-nav-DlTojz8S.cjs +45 -0
  361. package/components/utils.cjs +1 -1
  362. package/components/utils.js +8 -25
  363. package/components/voice-recorder-477xPHRU.js +134 -0
  364. package/components/voice-recorder-BUtmSvPO.cjs +18 -0
  365. package/custom-elements.json +1 -1
  366. package/index.d.ts +11 -1
  367. package/package.json +134 -5
  368. package/utils/button-interaction-controllers/interaction-controller.d.ts +1 -1
  369. package/utils/index.d.ts +1 -0
  370. package/utils/scaled-indicator.d.ts +8 -0
  371. package/utils/voice-recorder.d.ts +121 -0
  372. package/components/NumberFormatter-DewVDY5w.cjs +0 -18
  373. package/components/NumberFormatter-DgOUVrge.js +0 -136
  374. package/components/NumberParser-Dik4a0h-.cjs +0 -18
  375. package/components/NumberParser-ci9J5EKv.js +0 -173
  376. package/components/action-group-DBImibFn.js +0 -258
  377. package/components/action-group-DJGMcRHb.cjs +0 -20
  378. package/components/async-directive-BX1T1e1_.cjs +0 -22
  379. package/components/async-directive-BfcqVjDp.js +0 -82
  380. package/components/base-CBCg3yyw.cjs +0 -40
  381. package/components/base-WsynuqaS.js +0 -677
  382. package/components/button-base-DbkDzb71.js +0 -144
  383. package/components/button-base-XgPLmwP-.cjs +0 -25
  384. package/components/checkbox-mixin-Do7EgtpQ.js +0 -70
  385. package/components/class-map-Di1D_rCm.cjs +0 -22
  386. package/components/class-map-NbVXqBU0.js +0 -51
  387. package/components/clear-button-DQcRdcUa.js +0 -53
  388. package/components/clear-button-OFUFFe7G.cjs +0 -18
  389. package/components/close-button-Cbnb7XXj.cjs +0 -18
  390. package/components/close-button-CqHYZhum.js +0 -51
  391. package/components/color-controller-DTp1juRz.js +0 -3198
  392. package/components/color-controller-_ZwyhvaU.cjs +0 -18
  393. package/components/color-loupe-CaA_Lfkk.cjs +0 -56
  394. package/components/color-loupe-CmMsXbjT.js +0 -81
  395. package/components/dependency-manger-C5HCkMMB.cjs +0 -18
  396. package/components/dependency-manger-CEXvGQUV.js +0 -54
  397. package/components/directive-C7oCP5Bh.cjs +0 -22
  398. package/components/directive-helpers-Cm6gitnu.js +0 -62
  399. package/components/directive-helpers-DyIRTWwA.cjs +0 -22
  400. package/components/divider.module-DDvBo9zo.cjs +0 -18
  401. package/components/divider.module-DoQWQEIJ.js +0 -21
  402. package/components/element-resolution-BvRLGqIU.cjs +0 -18
  403. package/components/element-resolution-FCUT-wql.js +0 -91
  404. package/components/field-group-DXfBWrkO.js +0 -66
  405. package/components/field-group-DkGst3r5.cjs +0 -23
  406. package/components/field-label-CZ2zzChK.js +0 -106
  407. package/components/field-label-mO1AkUgR.cjs +0 -25
  408. package/components/flow-D-0MTYCm.js +0 -527
  409. package/components/flow-DM3dNAKs.cjs +0 -30
  410. package/components/focus-group-DHeTq18L.js +0 -218
  411. package/components/focus-group-DnxZUBhQ.cjs +0 -18
  412. package/components/focus-visible-B0P9aY_G.cjs +0 -18
  413. package/components/focus-visible-DBlJGoEW.js +0 -74
  414. package/components/focusable-BxtpnzWp.js +0 -153
  415. package/components/focusable-EbipgXRh.cjs +0 -18
  416. package/components/index-BwxgAdzi.cjs +0 -57
  417. package/components/index-Cl54m8Yh.js +0 -1490
  418. package/components/index-HjQa8tew.js +0 -1174
  419. package/components/index-Wq3qZJGh.cjs +0 -113
  420. package/components/language-resolution-DJzmyzZq.cjs +0 -18
  421. package/components/like-anchor-Bvn_vLQ8.js +0 -69
  422. package/components/like-anchor-sod1C1fR.cjs +0 -32
  423. package/components/luzmo-icons-4nDFv1Lq.js +0 -229
  424. package/components/luzmo-icons-D4IvHgVd.cjs +0 -29
  425. package/components/manage-help-text-DhgARkZX.cjs +0 -30
  426. package/components/manage-help-text-syYnjKGL.js +0 -92
  427. package/components/mutation-controller-DH7YOCyj.js +0 -52
  428. package/components/mutation-controller-DkOMCW-c.cjs +0 -22
  429. package/components/observe-slot-presence-CmVi0zTc.js +0 -68
  430. package/components/observe-slot-presence-bc9chhsi.cjs +0 -18
  431. package/components/observe-slot-text-BPfIQQtz.js +0 -87
  432. package/components/observe-slot-text-Ceb7SvYT.cjs +0 -18
  433. package/components/overlay-Cig9r6uU.js +0 -2747
  434. package/components/overlay-KSKMzzkh.cjs +0 -47
  435. package/components/pending-state-DTX7ggyF.js +0 -61
  436. package/components/picker-BfBP7XJN.js +0 -461
  437. package/components/picker-xIphqE6d.cjs +0 -123
  438. package/components/platform-BiXhwqk3.cjs +0 -18
  439. package/components/popover-DjX0aAnY.js +0 -67
  440. package/components/popover-KFfO0IYL.cjs +0 -30
  441. package/components/progress-circle-BvRJNuNo.cjs +0 -33
  442. package/components/progress-circle-DXH9z8-6.js +0 -97
  443. package/components/query-BL-TJj7K.cjs +0 -22
  444. package/components/query-D_KR_GUc.js +0 -51
  445. package/components/query-assigned-elements-DjfhL1cl.js +0 -36
  446. package/components/query-assigned-elements-DsKsfk7G.cjs +0 -22
  447. package/components/query-assigned-nodes-BcKWmGzy.cjs +0 -22
  448. package/components/roving-tabindex-By_fCy_e.cjs +0 -18
  449. package/components/roving-tabindex-DOg4z6ZU.js +0 -66
  450. package/components/sized-mixin-CPxE5C96.cjs +0 -18
  451. package/components/sized-mixin-D4ACoVUr.js +0 -63
  452. package/components/slottable-request-event-BfUUt1Mh.cjs +0 -18
  453. package/components/slottable-request-event-DggLA4Rx.js +0 -31
  454. package/components/state-D8JEtYqe.cjs +0 -22
  455. package/components/strategies-9indNIEb.js +0 -195
  456. package/components/strategies-BACP6MhR.cjs +0 -18
  457. package/components/streaming-listener-B00MvALi.cjs +0 -18
  458. package/components/streaming-listener-CP-JE6Fa.js +0 -91
  459. package/components/style-map-CeilmSgs.cjs +0 -22
  460. package/components/style-map-IgqIKvlE.js +0 -53
  461. package/components/text-field-BTkr42k4.cjs +0 -85
  462. package/components/text-field-ol9Ed5lQ.js +0 -314
  463. package/components/text-field.module-ColtFhf_.js +0 -21
  464. package/components/text-field.module-p_VF2tC_.cjs +0 -18
  465. package/components/unit-input/index.cjs +0 -43
  466. package/components/unit-input/index.d.ts +0 -7
  467. package/components/unit-input/index.js +0 -183
  468. package/components/unit-input/unit-input.d.ts +0 -33
  469. /package/components/date-time-picker/{helpers.d.ts → shared/helpers.d.ts} +0 -0
  470. /package/components/date-time-picker/{segments → shared/segments}/date/day-segment.d.ts +0 -0
  471. /package/components/date-time-picker/{segments → shared/segments}/date/month-segment.d.ts +0 -0
  472. /package/components/date-time-picker/{segments → shared/segments}/date/year-segment.d.ts +0 -0
  473. /package/components/date-time-picker/{segments → shared/segments}/date-time-segments.d.ts +0 -0
  474. /package/components/date-time-picker/{segments → shared/segments}/editable-segment.d.ts +0 -0
  475. /package/components/date-time-picker/{segments → shared/segments}/literal-segment.d.ts +0 -0
  476. /package/components/date-time-picker/{segments → shared/segments}/modifiers/clear-modifier.d.ts +0 -0
  477. /package/components/date-time-picker/{segments → shared/segments}/modifiers/decrement-modifier.d.ts +0 -0
  478. /package/components/date-time-picker/{segments → shared/segments}/modifiers/increment-modifier.d.ts +0 -0
  479. /package/components/date-time-picker/{segments → shared/segments}/modifiers/input-modifier.d.ts +0 -0
  480. /package/components/date-time-picker/{segments → shared/segments}/modifiers/segments-modifier.d.ts +0 -0
  481. /package/components/date-time-picker/{segments → shared/segments}/segments-factory.d.ts +0 -0
  482. /package/components/date-time-picker/{segments → shared/segments}/segments-formatter.d.ts +0 -0
  483. /package/components/date-time-picker/{segments → shared/segments}/time/day-period-segment.d.ts +0 -0
  484. /package/components/date-time-picker/{segments → shared/segments}/time/hour-segment.d.ts +0 -0
  485. /package/components/date-time-picker/{segments → shared/segments}/time/millisecond-segment.d.ts +0 -0
  486. /package/components/date-time-picker/{segments → shared/segments}/time/minute-segment.d.ts +0 -0
  487. /package/components/date-time-picker/{segments → shared/segments}/time/second-segment.d.ts +0 -0
package/components/action-button/index.js CHANGED
@@ -15,147 +15,11 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- import { y as s, c as g } from "../luzmo-icons-4nDFv1Lq.js";
19
- import { r as m, x as h, n as a } from "../base-WsynuqaS.js";
20
- import { S as v } from "../sized-mixin-D4ACoVUr.js";
21
- import { L as z } from "../button-base-DbkDzb71.js";
22
- const b = () => {
23
- if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
24
- const c = document.createElement("style");
25
- c.setAttribute("data-luzmo-vars", ""), c.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(c);
26
- }
27
- };
28
- b();
29
- const f = ':host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family, var(--luzmo-sans-font-family-stack, var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height, var(--luzmo-line-height-100, var(--line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration, var(--luzmo-animation-duration-100, var(--animation-duration-100))) ease-out,border-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration-100, var(--animation-duration-100))) ease-out,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration-100, var(--animation-duration-100))) ease-out,box-shadow var(--luzmo-button-animation-duration, var(--luzmo-animation-duration-100, var(--animation-duration-100))) ease-out;border-style:solid;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host([disabled]){cursor:default}::slotted([slot=icon]){max-block-size:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}#label{text-align:center;place-self:center}#label:empty{display:none}@media (forced-colors: active){:host{--highcontrast-action-button-focus-indicator-color: ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-action-button-background-color-default: Highlight;--highcontrast-action-button-background-color-hover: Highlight;--highcontrast-action-button-background-color-focus: Highlight;--highcontrast-action-button-background-color-down: Highlight;--highcontrast-action-button-background-color-disabled: ButtonFace;--highcontrast-action-button-border-color-default: HighlightText;--highcontrast-action-button-border-color-hover: HighlightText;--highcontrast-action-button-border-color-focus: HighlightText;--highcontrast-action-button-border-color-down: HighlightText;--highcontrast-action-button-border-color-disabled: GrayText;--highcontrast-action-button-content-color-default: HighlightText;--highcontrast-action-button-content-color-hover: HighlightText;--highcontrast-action-button-content-color-focus: HighlightText;--highcontrast-action-button-content-color-down: HighlightText;--highcontrast-action-button-content-color-disabled: GrayText}:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]),:host([selected]) #label{forced-color-adjust:none}}:host{--action-button-focus-indicator-border-radius: calc( var(--action-button-border-radius) + var(--action-button-focus-indicator-gap) );--action-button-edge-to-visual: calc( var(--action-button-edge-to-visual-size) - var(--action-button-border-width) );--action-button-edge-to-text: calc( var(--action-button-edge-to-text-size) - var(--action-button-border-width) );--action-button-edge-to-visual-only: calc( var(--action-button-edge-to-visual-only-size) - var( --action-button-border-width ) );min-inline-size:var(--luzmo-action-button-min-width, var(--action-button-min-width));block-size:var(--luzmo-action-button-height, var(--action-button-height));border-radius:var(--luzmo-action-button-border-radius, var(--action-button-border-radius));border-width:var(--luzmo-action-button-border-width, var(--action-button-border-width));gap:calc(var(--luzmo-action-button-text-to-visual, var(--action-button-text-to-visual)) + var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only)));padding-inline:var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text));background-color:var(--highcontrast-action-button-background-color-default, var(--luzmo-action-button-background-color-default, var(--action-button-background-color-default)));border-color:var(--highcontrast-action-button-border-color-default, var(--luzmo-action-button-border-color-default, var(--action-button-border-color-default)));color:var(--highcontrast-action-button-content-color-default, var(--luzmo-action-button-content-color-default, var(--action-button-content-color-default)));position:relative}:host:dir(rtl),:host([dir=rtl]){--logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}@media (hover: hover){:host(:hover){background-color:var(--highcontrast-action-button-background-color-hover, var(--luzmo-action-button-background-color-hover, var(--action-button-background-color-hover)));border-color:var(--highcontrast-action-button-border-color-hover, var(--luzmo-action-button-border-color-hover, var(--action-button-border-color-hover)));color:var(--highcontrast-action-button-content-color-hover, var(--luzmo-action-button-content-color-hover, var(--action-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-action-button-background-color-focus, var(--luzmo-action-button-background-color-focus, var(--action-button-background-color-focus)));border-color:var(--highcontrast-action-button-border-color-focus, var(--luzmo-action-button-border-color-focus, var(--action-button-border-color-focus)));color:var(--highcontrast-action-button-content-color-focus, var(--luzmo-action-button-content-color-focus, var(--action-button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-action-button-background-color-down, var(--luzmo-action-button-background-color-down, var(--action-button-background-color-down)));border-color:var(--highcontrast-action-button-border-color-down, var(--luzmo-action-button-border-color-down, var(--action-button-border-color-down)));color:var(--highcontrast-action-button-content-color-down, var(--luzmo-action-button-content-color-down, var(--action-button-content-color-down)))}:host([disabled]){background-color:var(--highcontrast-action-button-background-color-disabled, var(--luzmo-action-button-background-color-disabled, var(--action-button-background-color-disabled)));border-color:var(--highcontrast-action-button-border-color-disabled, var(--luzmo-action-button-border-color-disabled, var(--action-button-border-color-disabled)));color:var(--highcontrast-action-button-content-color-disabled, var(--luzmo-action-button-content-color-disabled, var(--action-button-content-color-disabled)))}:host([selected]){--luzmo-action-button-background-color-default: var( --luzmo-action-button-background-color-default-selected );--luzmo-action-button-background-color-hover: var( --luzmo-action-button-background-color-hover-selected );--luzmo-action-button-background-color-down: var( --luzmo-action-button-background-color-down-selected );--luzmo-action-button-background-color-focus: var( --luzmo-action-button-background-color-focus-selected );--luzmo-action-button-content-color-default: var( --luzmo-action-button-content-color-default-selected );--luzmo-action-button-content-color-hover: var( --luzmo-action-button-content-color-hover-selected );--luzmo-action-button-content-color-down: var( --luzmo-action-button-content-color-down-selected );--luzmo-action-button-content-color-focus: var( --luzmo-action-button-content-color-focus-selected )}:host([selected][emphasized]){--luzmo-action-button-background-color-default: var( --luzmo-action-button-background-color-default-selected-emphasized );--luzmo-action-button-background-color-hover: var( --luzmo-action-button-background-color-hover-selected-emphasized );--luzmo-action-button-background-color-down: var( --luzmo-action-button-background-color-down-selected-emphasized );--luzmo-action-button-background-color-focus: var( --luzmo-action-button-background-color-focus-selected-emphasized );--luzmo-action-button-content-color-default: var( --luzmo-action-button-content-color-default-selected-emphasized );--luzmo-action-button-content-color-hover: var( --luzmo-action-button-content-color-hover-selected-emphasized );--luzmo-action-button-content-color-down: var( --luzmo-action-button-content-color-down-selected-emphasized );--luzmo-action-button-content-color-focus: var( --luzmo-action-button-content-color-focus-selected-emphasized )}:host([selected][static-color=black]),:host([selected][static-color=white]){--luzmo-action-button-content-color-default: var( --luzmo-action-button-static-content-color );--luzmo-action-button-content-color-hover: var( --luzmo-action-button-static-content-color );--luzmo-action-button-content-color-down: var( --luzmo-action-button-static-content-color );--luzmo-action-button-content-color-focus: var( --luzmo-action-button-static-content-color )}::slotted([slot=icon]){min-inline-size:var(--luzmo-action-button-icon-size, var(--action-button-icon-size));color:inherit;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual, var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual, var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)))}.hold-affordance+::slotted([slot=icon]){margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual, var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)))}.hold-affordance+[icon-only]::slotted([slot=icon]),[icon-only]::slotted([slot=icon]){margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)));text-align:center}#label{pointer-events:none;font-size:var(--luzmo-action-button-font-size, var(--action-button-font-size));white-space:nowrap;color:inherit;color:var(--luzmo-action-button-label-color, inherit);text-overflow:ellipsis;overflow:hidden}.hold-affordance{color:inherit;transform:var(--logical-rotation);position:absolute;font-size:var(--action-button-corner-triangle-size);inset-block-end:calc(var(--luzmo-action-button-edge-to-hold-icon, var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width, var(--action-button-border-width)));inset-inline-end:calc(var(--luzmo-action-button-edge-to-hold-icon, var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width, var(--action-button-border-width)))}:host{transition:border-color var(--luzmo-action-button-animation-duration, var(--action-button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-action-button-focus-indicator-gap, var(--action-button-focus-indicator-gap)) + var(--luzmo-action-button-border-width, var(--action-button-border-width))) * -1);border-radius:var(--luzmo-action-button-focus-indicator-border-radius, var(--action-button-focus-indicator-border-radius));transition:box-shadow var(--luzmo-action-button-animation-duration, var(--action-button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-action-button-focus-indicator-width, var(--action-button-focus-indicator-width)) var(--highcontrast-action-button-focus-indicator-color, var(--luzmo-action-button-focus-indicator-color, var(--action-button-focus-indicator-color)))}:host{--action-button-animation-duration: var(--luzmo-animation-duration);--action-button-border-radius: var(--luzmo-border-radius);--action-button-border-width: var(--luzmo-border-width);--action-button-content-color-default: var(--luzmo-font-color);--action-button-content-color-hover: var(--luzmo-font-color-hover);--action-button-content-color-down: var(--luzmo-font-color-down);--action-button-content-color-focus: var(--luzmo-font-color-focus);--action-button-focus-indicator-gap: var(--luzmo-indicator-gap);--action-button-focus-indicator-width: var(--luzmo-indicator-width);--action-button-focus-indicator-color: var(--luzmo-indicator-color);--action-button-background-color-default: var(--luzmo-background-color);--action-button-background-color-hover: var(--luzmo-background-color-hover);--action-button-background-color-down: var(--luzmo-background-color-down);--action-button-background-color-focus: var(--luzmo-background-color-focus);--action-button-border-color-default: var(--luzmo-border-color);--action-button-border-color-hover: var(--luzmo-border-color-hover);--action-button-border-color-down: var(--luzmo-border-color-down);--action-button-border-color-focus: var(--luzmo-border-color-focus);--action-button-background-color-disabled: var(--luzmo-background-color);--action-button-border-color-disabled: var(--luzmo-border-color-disabled);--action-button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([quiet]){--action-button-background-color-default: transparent;--action-button-background-color-hover: var(--luzmo-background-color-hover);--action-button-background-color-down: var(--luzmo-background-color-down);--action-button-background-color-focus: var(--luzmo-background-color-focus);--action-button-background-color-disabled: transparent;--action-button-border-color-default: transparent;--action-button-border-color-hover: transparent;--action-button-border-color-down: transparent;--action-button-border-color-focus: transparent;--action-button-border-color-disabled: transparent}:host([selected]){--action-button-background-color-default: var(--luzmo-font-color);--action-button-background-color-hover: var(--luzmo-font-color-hover);--action-button-background-color-down: var(--luzmo-font-color-down);--action-button-background-color-focus: var(--luzmo-font-color-focus);--action-button-content-color-default: var(--luzmo-background-color);--action-button-content-color-hover: var(--luzmo-background-color);--action-button-content-color-down: var(--luzmo-background-color);--action-button-content-color-focus: var(--luzmo-background-color);--action-button-border-color-default: transparent;--action-button-border-color-hover: transparent;--action-button-border-color-down: transparent;--action-button-border-color-focus: transparent;--action-button-border-color-disabled: transparent;--action-button-background-color-disabled: var( --luzmo-background-color-disabled )}:host([selected][emphasized]){--action-button-background-color-default: var(--luzmo-primary);--action-button-background-color-hover: var(--luzmo-primary-hover);--action-button-background-color-down: var(--luzmo-primary-down);--action-button-background-color-focus: var(--luzmo-primary-focus);--action-button-content-color-default: var(--luzmo-primary-inverse-color);--action-button-content-color-hover: var(--luzmo-primary-inverse-color);--action-button-content-color-down: var(--luzmo-primary-inverse-color);--action-button-content-color-focus: var(--luzmo-primary-inverse-color)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--action-button-border-color-default: transparent;--action-button-border-color-hover: transparent;--action-button-border-color-down: transparent;--action-button-border-color-focus: transparent;--action-button-border-color-disabled: transparent}:host([static-color=black]){--action-button-background-color-default: transparent;--action-button-background-color-hover: rgba(0, 0, 0, .25);--action-button-background-color-down: rgba(0, 0, 0, .4);--action-button-background-color-focus: rgba(0, 0, 0, .25);--action-button-background-color-disabled: transparent;--action-button-border-color-default: rgba(0, 0, 0, .4);--action-button-border-color-hover: rgba(0, 0, 0, .55);--action-button-border-color-down: rgba(0, 0, 0, .7);--action-button-border-color-focus: rgba(0, 0, 0, .25);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(0, 0, 0);--action-button-content-color-hover: rgb(0, 0, 0);--action-button-content-color-down: rgb(0, 0, 0);--action-button-content-color-focus: rgb(0, 0, 0);--action-button-content-color-disabled: rgba(0, 0, 0, .55);--action-button-focus-indicator-color: rgb(0, 0, 0)}:host([static-color=black][selected]){--action-button-background-color-default: rgba(0, 0, 0, .9);--action-button-background-color-hover: rgb(0, 0, 0);--action-button-background-color-down: rgb(0, 0, 0);--action-button-background-color-focus: rgb(0, 0, 0);--action-button-background-color-disabled: rgba(0, 0, 0, .1);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255)}:host([static-color=black][selected][emphasized]){--action-button-background-color-default: rgba(0, 0, 0, .9);--action-button-background-color-hover: rgb(0, 0, 0);--action-button-background-color-down: rgb(0, 0, 0);--action-button-background-color-focus: rgb(0, 0, 0);--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255)}:host([static-color=white]){--action-button-background-color-default: transparent;--action-button-background-color-hover: rgba(255, 255, 255, .25);--action-button-background-color-down: rgba(255, 255, 255, .4);--action-button-background-color-focus: rgba(255, 255, 255, .25);--action-button-background-color-disabled: transparent;--action-button-border-color-default: rgba(255, 255, 255, .4);--action-button-border-color-hover: rgba(255, 255, 255, .55);--action-button-border-color-down: rgba(255, 255, 255, .7);--action-button-border-color-focus: rgba(255, 255, 255, .55);--action-button-border-color-disabled: rgba(255, 255, 255, .25);--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255);--action-button-content-color-disabled: rgba(255, 255, 255, .55);--action-button-focus-indicator-color: rgb(255, 255, 255)}:host([static-color=white][selected]){--action-button-background-color-default: rgba(255, 255, 255, .9);--action-button-background-color-hover: rgb(255, 255, 255);--action-button-background-color-down: rgb(255, 255, 255);--action-button-background-color-focus: rgb(255, 255, 255);--action-button-background-color-disabled: rgba(255, 255, 255, .1);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(0, 0, 0);--action-button-content-color-hover: rgb(0, 0, 0);--action-button-content-color-down: rgb(0, 0, 0);--action-button-content-color-focus: rgb(0, 0, 0)}:host([static-color=white][selected][emphasized]){--action-button-background-color-default: rgba(255, 255, 255, .9);--action-button-background-color-hover: rgb(255, 255, 255);--action-button-background-color-down: rgb(255, 255, 255);--action-button-background-color-focus: rgb(255, 255, 255);--action-button-content-color-default: rgb(0, 0, 0)}:host{--action-button-min-width: var(--luzmo-component-height);--action-button-height: var(--luzmo-component-height);--action-button-icon-size: var(--luzmo-font-size-l);--action-button-font-size: var(--luzmo-font-size);--action-button-text-to-visual: var(--luzmo-spacing-2);--action-button-edge-to-hold-icon: var(--luzmo-spacing-2);--action-button-edge-to-visual-size: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--action-button-edge-to-visual-only-size: var(--luzmo-spacing-3);--action-button-edge-to-text-size: 12px;--action-button-corner-triangle-size: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=xs]){--action-button-min-width: var(--luzmo-component-height-xs);--action-button-height: var(--luzmo-component-height-xs);--action-button-icon-size: var(--luzmo-font-size-s);--action-button-font-size: var(--luzmo-font-size-xs);--action-button-text-to-visual: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--action-button-edge-to-hold-icon: var(--luzmo-spacing-2);--action-button-edge-to-visual-size: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--action-button-edge-to-visual-only-size: var(--luzmo-spacing-2);--action-button-edge-to-text-size: var(--luzmo-spacing-2);--action-button-corner-triangle-size: var(--luzmo-spacing-2)}:host([size=s]){--action-button-min-width: var(--luzmo-component-height-s);--action-button-height: var(--luzmo-component-height-s);--action-button-icon-size: var(--luzmo-font-size);--action-button-font-size: var(--luzmo-font-size-s);--action-button-text-to-visual: var(--luzmo-spacing-3);--action-button-edge-to-hold-icon: var(--luzmo-spacing-2);--action-button-edge-to-visual-size: var(--luzmo-spacing-3);--action-button-edge-to-visual-only-size: var(--luzmo-spacing-2);--action-button-edge-to-text-size: var(--luzmo-spacing-3);--action-button-corner-triangle-size: var(--luzmo-spacing-2)}:host([size=l]){--action-button-min-width: var(--luzmo-component-height-l);--action-button-height: var(--luzmo-component-height-l);--action-button-icon-size: var(--luzmo-font-size-xl);--action-button-font-size: var(--luzmo-font-size-l);--action-button-text-to-visual: var(--luzmo-spacing-3);--action-button-edge-to-hold-icon: var(--luzmo-spacing-2);--action-button-edge-to-visual-size: var(--luzmo-spacing-4);--action-button-edge-to-visual-only-size: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--action-button-edge-to-text-size: var(--luzmo-spacing-5);--action-button-corner-triangle-size: var(--luzmo-spacing-3)}:host([size=xl]){--action-button-min-width: var(--luzmo-component-height-xl);--action-button-height: var(--luzmo-component-height-xl);--action-button-icon-size: var(--luzmo-font-size-xxl);--action-button-font-size: var(--luzmo-font-size-xl);--action-button-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--action-button-edge-to-hold-icon: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--action-button-edge-to-visual-size: var(--luzmo-spacing-5);--action-button-edge-to-visual-only-size: var(--luzmo-spacing-4);--action-button-edge-to-text-size: var(--luzmo-spacing-5);--action-button-corner-triangle-size: var(--luzmo-spacing-3)}::slotted([slot=icon]){flex-shrink:0}#label{flex-grow:var(--action-button-label-flex-grow);text-align:var(--action-button-label-text-align);pointer-events:none!important}:host([size=xs]){min-width:var(--action-button-height, 0);--action-button-edge-to-visual-only: calc( var(--luzmo-spacing-2) - var(--action-button-border-width) )}:host([size=s]){--action-button-edge-to-visual-only: calc( var(--luzmo-spacing-2) - var(--action-button-border-width) )}:host([size=m]){--action-button-edge-to-visual-only: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) - var(--action-button-border-width) )}:host([size=l]){--action-button-edge-to-visual-only: calc( var(--luzmo-spacing-3) - var(--action-button-border-width) )}:host([size=xl]){--action-button-edge-to-visual-only: calc( var(--luzmo-spacing-4) - var(--action-button-border-width) )}@media (forced-colors: active){:host{--highcontrast-action-button-border-color-disabled: GrayText;--highcontrast-action-button-content-color-disabled: GrayText}}';
30
- var p = Object.defineProperty, x = Object.getOwnPropertyDescriptor, e = (c, o, t, n) => {
31
- for (var i = n > 1 ? void 0 : n ? x(o, t) : o, l = c.length - 1, u; l >= 0; l--)
32
- (u = c[l]) && (i = (n ? u(o, t, i) : u(i)) || i);
33
- return n && i && p(o, t, i), i;
34
- };
35
- const w = 300;
36
- let d;
37
- class r extends v(z, {
38
- validSizes: ["xs", "s", "m", "l", "xl"],
39
- noDefaultSize: !0
40
- }) {
41
- constructor() {
42
- super(), this.emphasized = !1, this.holdAffordance = !1, this.quiet = !1, this.role = "button", this.selected = !1, this.toggles = !1, this._value = "", this.onClick = () => {
43
- if (!this.toggles)
44
- return;
45
- this.selected = !this.selected, this.dispatchEvent(
46
- new Event("change", {
47
- cancelable: !0,
48
- bubbles: !0,
49
- composed: !0
50
- })
51
- ) || (this.selected = !this.selected);
52
- }, this.addEventListener("click", this.onClick);
53
- }
54
- static get styles() {
55
- return [...super.styles, m(f)];
56
- }
57
- get value() {
58
- return this._value || this.itemText;
59
- }
60
- set value(o) {
61
- o !== this._value && (this._value = o || "", this._value ? this.setAttribute("value", this._value) : this.removeAttribute("value"));
62
- }
63
- /**
64
- * @private
65
- */
66
- get itemText() {
67
- return (this.textContent || /* c8 ignore next */
68
- "").trim();
69
- }
70
- handlePointerdownHoldAffordance(o) {
71
- o.button === 0 && (this.addEventListener("pointerup", this.handlePointerupHoldAffordance), this.addEventListener("pointercancel", this.handlePointerupHoldAffordance), d = setTimeout(() => {
72
- this.dispatchEvent(
73
- new CustomEvent("longpress", {
74
- bubbles: !0,
75
- composed: !0,
76
- detail: {
77
- source: "pointer"
78
- }
79
- })
80
- );
81
- }, w));
82
- }
83
- handlePointerupHoldAffordance() {
84
- clearTimeout(d), this.removeEventListener("pointerup", this.handlePointerupHoldAffordance), this.removeEventListener(
85
- "pointercancel",
86
- this.handlePointerupHoldAffordance
87
- );
88
- }
89
- /**
90
- * @private
91
- */
92
- handleKeydown(o) {
93
- if (!this.holdAffordance)
94
- return super.handleKeydown(o);
95
- const { code: t, altKey: n } = o;
96
- (t === "Space" || n && t === "ArrowDown") && (o.preventDefault(), t === "ArrowDown" && (o.stopPropagation(), o.stopImmediatePropagation()), this.addEventListener("keyup", this.handleKeyup), this.active = !0);
97
- }
98
- handleKeyup(o) {
99
- if (!this.holdAffordance)
100
- return super.handleKeyup(o);
101
- const { code: t, altKey: n } = o;
102
- (t === "Space" || n && t === "ArrowDown") && (o.stopPropagation(), this.dispatchEvent(
103
- new CustomEvent("longpress", {
104
- bubbles: !0,
105
- composed: !0,
106
- detail: {
107
- source: "keyboard"
108
- }
109
- })
110
- ), this.active = !1);
111
- }
112
- get buttonContent() {
113
- const o = super.buttonContent;
114
- return this.holdAffordance && o.unshift(h`
115
- <div
116
- class="hold-affordance corner-triangle-${this.size}"
117
- >
118
- ${s(g)}
119
- </div>
120
- `), o;
121
- }
122
- updated(o) {
123
- super.updated(o);
124
- const t = this.role === "button", n = t && (this.selected || this.toggles) && !(this.hasAttribute("aria-haspopup") && this.hasAttribute("aria-expanded"));
125
- (o.has("selected") || o.has("role")) && (n ? this.setAttribute("aria-pressed", this.selected ? "true" : "false") : (this.removeAttribute("aria-pressed"), t && this.toggles && this.hasAttribute("aria-expanded") && this.setAttribute("aria-expanded", this.selected ? "true" : "false"))), o.has("holdAffordance") && (this.holdAffordance ? this.addEventListener(
126
- "pointerdown",
127
- this.handlePointerdownHoldAffordance
128
- ) : (this.removeEventListener(
129
- "pointerdown",
130
- this.handlePointerdownHoldAffordance
131
- ), this.handlePointerupHoldAffordance()));
132
- }
133
- }
134
- e([
135
- a({ type: Boolean, reflect: !0 })
136
- ], r.prototype, "emphasized", 2);
137
- e([
138
- a({ type: Boolean, reflect: !0, attribute: "hold-affordance" })
139
- ], r.prototype, "holdAffordance", 2);
140
- e([
141
- a({ type: Boolean, reflect: !0 })
142
- ], r.prototype, "quiet", 2);
143
- e([
144
- a({ reflect: !0 })
145
- ], r.prototype, "role", 2);
146
- e([
147
- a({ type: Boolean, reflect: !0 })
148
- ], r.prototype, "selected", 2);
149
- e([
150
- a({ type: Boolean, reflect: !0 })
151
- ], r.prototype, "toggles", 2);
152
- e([
153
- a({ reflect: !0, attribute: "static-color" })
154
- ], r.prototype, "staticColor", 2);
155
- e([
156
- a({ type: String })
157
- ], r.prototype, "value", 1);
158
- customElements.get("luzmo-action-button") || customElements.define("luzmo-action-button", r);
159
- export {
160
- r as LuzmoActionButton
161
- };
18
+ (() => {
19
+ if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
20
+ let e = document.createElement("style");
21
+ e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 45%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
22
+ }
23
+ })();
24
+ import { t as e } from "../action-button-B4_UEJle.js";
25
+ export { e as LuzmoActionButton };
package/components/action-button-B4_UEJle.js ADDED
@@ -0,0 +1,121 @@
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
+ * */
18
+ import { t as e } from "./decorate-aGxJUVxg.js";
19
+ import { n as t } from "./sized-mixin-DaBoZkVS.js";
20
+ import { t as n } from "./button-base-SHgEJgk2.js";
21
+ import { html as r, unsafeCSS as i } from "lit";
22
+ import { property as a } from "lit/decorators.js";
23
+ import { luzmoCornerTriangle as o, luzmoIcon as s } from "@luzmo/icons";
24
+ //#region src/components/action-button/action-button.module.scss?inline
25
+ var c = ":host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height-100,var(--line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;max-block-size:100%;display:flex}#label{text-align:center;place-self:center}#label:empty{display:none}@media (forced-colors:active){:host{--highcontrast-action-button-focus-indicator-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-action-button-background-color-default:Highlight;--highcontrast-action-button-background-color-hover:Highlight;--highcontrast-action-button-background-color-focus:Highlight;--highcontrast-action-button-background-color-down:Highlight;--highcontrast-action-button-background-color-disabled:ButtonFace;--highcontrast-action-button-border-color-default:HighlightText;--highcontrast-action-button-border-color-hover:HighlightText;--highcontrast-action-button-border-color-focus:HighlightText;--highcontrast-action-button-border-color-down:HighlightText;--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-default:HighlightText;--highcontrast-action-button-content-color-hover:HighlightText;--highcontrast-action-button-content-color-focus:HighlightText;--highcontrast-action-button-content-color-down:HighlightText;--highcontrast-action-button-content-color-disabled:GrayText}:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]),:host([selected]) #label{forced-color-adjust:none}}:host{--action-button-focus-indicator-border-radius:calc(var(--action-button-border-radius) + var(--action-button-focus-indicator-gap));--action-button-edge-to-visual:calc(var(--action-button-edge-to-visual-size) - var(--action-button-border-width));--action-button-edge-to-text:calc(var(--action-button-edge-to-text-size) - var(--action-button-border-width));--action-button-edge-to-visual-only:calc(var(--action-button-edge-to-visual-only-size) - var(--action-button-border-width));min-inline-size:var(--luzmo-action-button-min-width,var(--action-button-min-width));block-size:var(--luzmo-action-button-height,var(--action-button-height));border-radius:var(--luzmo-action-button-border-radius,var(--action-button-border-radius));gap:calc(var(--luzmo-action-button-text-to-visual,var(--action-button-text-to-visual)) + var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)));padding-inline:var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text));background-color:var(--highcontrast-action-button-background-color-default,var(--luzmo-action-button-background-color-default,var(--action-button-background-color-default)));color:var(--highcontrast-action-button-content-color-default,var(--luzmo-action-button-content-color-default,var(--action-button-content-color-default)));position:relative;border-width:var(--luzmo-action-button-border-width,var(--action-button-border-width))!important;border-color:var(--highcontrast-action-button-border-color-default,var(--luzmo-action-button-border-color-default,var(--action-button-border-color-default)))!important}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-action-button-background-color-hover,var(--luzmo-action-button-background-color-hover,var(--action-button-background-color-hover)));color:var(--highcontrast-action-button-content-color-hover,var(--luzmo-action-button-content-color-hover,var(--action-button-content-color-hover)));border-color:var(--highcontrast-action-button-border-color-hover,var(--luzmo-action-button-border-color-hover,var(--action-button-border-color-hover)))!important}}:host(:focus-visible){background-color:var(--highcontrast-action-button-background-color-focus,var(--luzmo-action-button-background-color-focus,var(--action-button-background-color-focus)));color:var(--highcontrast-action-button-content-color-focus,var(--luzmo-action-button-content-color-focus,var(--action-button-content-color-focus)));border-color:var(--highcontrast-action-button-border-color-focus,var(--luzmo-action-button-border-color-focus,var(--action-button-border-color-focus)))!important}:host(:is(:active,[active])){background-color:var(--highcontrast-action-button-background-color-down,var(--luzmo-action-button-background-color-down,var(--action-button-background-color-down)));color:var(--highcontrast-action-button-content-color-down,var(--luzmo-action-button-content-color-down,var(--action-button-content-color-down)));border-color:var(--highcontrast-action-button-border-color-down,var(--luzmo-action-button-border-color-down,var(--action-button-border-color-down)))!important}:host([disabled]),:host([disabled]){background-color:var(--highcontrast-action-button-background-color-disabled,var(--luzmo-action-button-background-color-disabled,var(--action-button-background-color-disabled)));color:var(--highcontrast-action-button-content-color-disabled,var(--luzmo-action-button-content-color-disabled,var(--action-button-content-color-disabled)));border-color:var(--highcontrast-action-button-border-color-disabled,var(--luzmo-action-button-border-color-disabled,var(--action-button-border-color-disabled)))!important}:host([selected]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected)}:host([selected][emphasized]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected-emphasized);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected-emphasized);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected-emphasized);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected-emphasized);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected-emphasized);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected-emphasized);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected-emphasized);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected-emphasized)}:host([selected][static-color=black]),:host([selected][static-color=white]){--luzmo-action-button-content-color-default:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-down:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-static-content-color)}::slotted([slot=icon]){min-inline-size:var(--luzmo-action-button-icon-size,var(--action-button-icon-size));color:inherit;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+::slotted([slot=icon]){margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+[icon-only]::slotted([slot=icon]),[icon-only]::slotted([slot=icon]){text-align:center;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}#label{pointer-events:none;font-size:var(--luzmo-action-button-font-size,var(--action-button-font-size));white-space:nowrap;color:var(--luzmo-action-button-label-color,inherit);text-overflow:ellipsis;overflow:hidden}.hold-affordance{color:inherit;transform:var(--logical-rotation);font-size:var(--action-button-corner-triangle-size);position:absolute;inset-block-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)));inset-inline-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)))}:host{transition:border-color var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-action-button-focus-indicator-gap,var(--action-button-focus-indicator-gap)) + var(--luzmo-action-button-border-width,var(--action-button-border-width))) * -1);border-radius:var(--luzmo-action-button-focus-indicator-border-radius,var(--action-button-focus-indicator-border-radius));transition:box-shadow var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out;pointer-events:none;content:\"\";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-action-button-focus-indicator-width,var(--action-button-focus-indicator-width)) var(--highcontrast-action-button-focus-indicator-color,var(--luzmo-action-button-focus-indicator-color,var(--action-button-focus-indicator-color)))}:host{--action-button-animation-duration:var(--luzmo-animation-duration);--action-button-border-radius:var(--luzmo-border-radius);--action-button-border-width:var(--luzmo-border-width);--action-button-content-color-default:var(--luzmo-font-color);--action-button-content-color-hover:var(--luzmo-font-color-hover);--action-button-content-color-down:var(--luzmo-font-color-down);--action-button-content-color-focus:var(--luzmo-font-color-focus);--action-button-focus-indicator-gap:var(--luzmo-indicator-gap);--action-button-focus-indicator-width:var(--luzmo-indicator-width);--action-button-focus-indicator-color:var(--luzmo-indicator-color);--action-button-background-color-default:var(--luzmo-background-color);--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-border-color-default:var(--luzmo-border-color);--action-button-border-color-hover:var(--luzmo-border-color-hover);--action-button-border-color-down:var(--luzmo-border-color-down);--action-button-border-color-focus:var(--luzmo-border-color-focus);--action-button-background-color-disabled:var(--luzmo-background-color);--action-button-border-color-disabled:var(--luzmo-border-color-disabled);--action-button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([quiet]){--action-button-background-color-default:transparent;--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-background-color-disabled:transparent;--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([selected]){--action-button-background-color-default:var(--luzmo-font-color);--action-button-background-color-hover:var(--luzmo-font-color-hover);--action-button-background-color-down:var(--luzmo-font-color-down);--action-button-background-color-focus:var(--luzmo-font-color-focus);--action-button-content-color-default:var(--luzmo-background-color);--action-button-content-color-hover:var(--luzmo-background-color);--action-button-content-color-down:var(--luzmo-background-color);--action-button-content-color-focus:var(--luzmo-background-color);--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent;--action-button-background-color-disabled:var(--luzmo-background-color-disabled)}:host([selected][emphasized]){--action-button-background-color-default:var(--luzmo-primary);--action-button-background-color-hover:var(--luzmo-primary-hover);--action-button-background-color-down:var(--luzmo-primary-down);--action-button-background-color-focus:var(--luzmo-primary-focus);--action-button-content-color-default:var(--luzmo-primary-inverse-color);--action-button-content-color-hover:var(--luzmo-primary-inverse-color);--action-button-content-color-down:var(--luzmo-primary-inverse-color);--action-button-content-color-focus:var(--luzmo-primary-inverse-color)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([static-color=black]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#00000040;--action-button-background-color-down:#0006;--action-button-background-color-focus:#00000040;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#0006;--action-button-border-color-hover:#0000008c;--action-button-border-color-down:#000000b3;--action-button-border-color-focus:#00000040;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000;--action-button-content-color-disabled:#0000008c;--action-button-focus-indicator-color:#000}:host([static-color=black][selected]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-background-color-disabled:#0000001a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=black][selected][emphasized]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=white]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#ffffff40;--action-button-background-color-down:#fff6;--action-button-background-color-focus:#ffffff40;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#fff6;--action-button-border-color-hover:#ffffff8c;--action-button-border-color-down:#ffffffb3;--action-button-border-color-focus:#ffffff8c;--action-button-border-color-disabled:#ffffff40;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff;--action-button-content-color-disabled:#ffffff8c;--action-button-focus-indicator-color:#fff}:host([static-color=white][selected]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-background-color-disabled:#ffffff1a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000}:host([static-color=white][selected][emphasized]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-content-color-default:#000}:host{--action-button-min-width:var(--luzmo-component-height);--action-button-height:var(--luzmo-component-height);--action-button-icon-size:var(--luzmo-font-size-l);--action-button-font-size:var(--luzmo-font-size);--action-button-text-to-visual:var(--luzmo-spacing-2);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-3);--action-button-edge-to-text-size:12px;--action-button-corner-triangle-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=xs]){--action-button-min-width:var(--luzmo-component-height-xs);--action-button-height:var(--luzmo-component-height-xs);--action-button-icon-size:var(--luzmo-font-size-s);--action-button-font-size:var(--luzmo-font-size-xs);--action-button-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-2);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=s]){--action-button-min-width:var(--luzmo-component-height-s);--action-button-height:var(--luzmo-component-height-s);--action-button-icon-size:var(--luzmo-font-size);--action-button-font-size:var(--luzmo-font-size-s);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-3);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-3);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=l]){--action-button-min-width:var(--luzmo-component-height-l);--action-button-height:var(--luzmo-component-height-l);--action-button-icon-size:var(--luzmo-font-size-xl);--action-button-font-size:var(--luzmo-font-size-l);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-4);--action-button-edge-to-visual-only-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}:host([size=xl]){--action-button-min-width:var(--luzmo-component-height-xl);--action-button-height:var(--luzmo-component-height-xl);--action-button-icon-size:var(--luzmo-font-size-xxl);--action-button-font-size:var(--luzmo-font-size-xl);--action-button-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-size:var(--luzmo-spacing-5);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-4);--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}::slotted([slot=icon]){flex-shrink:0}#label{flex-grow:var(--action-button-label-flex-grow);text-align:var(--action-button-label-text-align);pointer-events:none!important}:host([size=xs]){min-width:var(--action-button-height,0);--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=s]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=m]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1) - var(--action-button-border-width))}:host([size=l]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-3) - var(--action-button-border-width))}:host([size=xl]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-4) - var(--action-button-border-width))}@media (forced-colors:active){:host{--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-disabled:GrayText}}", l, u = class extends t(n, {
26
+ validSizes: [
27
+ "xs",
28
+ "s",
29
+ "m",
30
+ "l",
31
+ "xl"
32
+ ],
33
+ noDefaultSize: !0
34
+ }) {
35
+ static get styles() {
36
+ return [...super.styles, i(c)];
37
+ }
38
+ get value() {
39
+ return this._value || this.itemText;
40
+ }
41
+ set value(e) {
42
+ e !== this._value && (this._value = e || "", this._value ? this.setAttribute("value", this._value) : this.removeAttribute("value"));
43
+ }
44
+ get itemText() {
45
+ return (this.textContent || "").trim();
46
+ }
47
+ constructor() {
48
+ super(), this.emphasized = !1, this.holdAffordance = !1, this.quiet = !1, this.role = "button", this.selected = !1, this.toggles = !1, this._value = "", this.onClick = () => {
49
+ this.toggles && (this.selected = !this.selected, this.dispatchEvent(new Event("change", {
50
+ cancelable: !0,
51
+ bubbles: !0,
52
+ composed: !0
53
+ })) || (this.selected = !this.selected));
54
+ }, this.addEventListener("click", this.onClick);
55
+ }
56
+ handlePointerdownHoldAffordance(e) {
57
+ e.button === 0 && (this.addEventListener("pointerup", this.handlePointerupHoldAffordance), this.addEventListener("pointercancel", this.handlePointerupHoldAffordance), l = setTimeout(() => {
58
+ this.dispatchEvent(new CustomEvent("longpress", {
59
+ bubbles: !0,
60
+ composed: !0,
61
+ detail: { source: "pointer" }
62
+ }));
63
+ }, 300));
64
+ }
65
+ handlePointerupHoldAffordance() {
66
+ clearTimeout(l), this.removeEventListener("pointerup", this.handlePointerupHoldAffordance), this.removeEventListener("pointercancel", this.handlePointerupHoldAffordance);
67
+ }
68
+ handleKeydown(e) {
69
+ if (!this.holdAffordance) return super.handleKeydown(e);
70
+ let { code: t, altKey: n } = e;
71
+ (t === "Space" || n && t === "ArrowDown") && (e.preventDefault(), t === "ArrowDown" && (e.stopPropagation(), e.stopImmediatePropagation()), this.addEventListener("keyup", this.handleKeyup), this.active = !0);
72
+ }
73
+ handleKeyup(e) {
74
+ if (!this.holdAffordance) return super.handleKeyup(e);
75
+ let { code: t, altKey: n } = e;
76
+ (t === "Space" || n && t === "ArrowDown") && (e.stopPropagation(), this.dispatchEvent(new CustomEvent("longpress", {
77
+ bubbles: !0,
78
+ composed: !0,
79
+ detail: { source: "keyboard" }
80
+ })), this.active = !1);
81
+ }
82
+ get buttonContent() {
83
+ let e = super.buttonContent;
84
+ return this.holdAffordance && e.unshift(r`
85
+ <div
86
+ class="hold-affordance corner-triangle-${this.size}"
87
+ >
88
+ ${s(o)}
89
+ </div>
90
+ `), e;
91
+ }
92
+ updated(e) {
93
+ super.updated(e);
94
+ let t = this.role === "button", n = t && (this.selected || this.toggles) && !(this.hasAttribute("aria-haspopup") && this.hasAttribute("aria-expanded"));
95
+ (e.has("selected") || e.has("role")) && (n ? this.setAttribute("aria-pressed", this.selected ? "true" : "false") : (this.removeAttribute("aria-pressed"), t && this.toggles && this.hasAttribute("aria-expanded") && this.setAttribute("aria-expanded", this.selected ? "true" : "false"))), e.has("holdAffordance") && (this.holdAffordance ? this.addEventListener("pointerdown", this.handlePointerdownHoldAffordance) : (this.removeEventListener("pointerdown", this.handlePointerdownHoldAffordance), this.handlePointerupHoldAffordance()));
96
+ }
97
+ };
98
+ //#endregion
99
+ //#region src/components/action-button/index.ts
100
+ e([a({
101
+ type: Boolean,
102
+ reflect: !0
103
+ })], u.prototype, "emphasized", void 0), e([a({
104
+ type: Boolean,
105
+ reflect: !0,
106
+ attribute: "hold-affordance"
107
+ })], u.prototype, "holdAffordance", void 0), e([a({
108
+ type: Boolean,
109
+ reflect: !0
110
+ })], u.prototype, "quiet", void 0), e([a({ reflect: !0 })], u.prototype, "role", void 0), e([a({
111
+ type: Boolean,
112
+ reflect: !0
113
+ })], u.prototype, "selected", void 0), e([a({
114
+ type: Boolean,
115
+ reflect: !0
116
+ })], u.prototype, "toggles", void 0), e([a({
117
+ reflect: !0,
118
+ attribute: "static-color"
119
+ })], u.prototype, "staticColor", void 0), e([a({ type: String })], u.prototype, "value", null), customElements.get("luzmo-action-button") || customElements.define("luzmo-action-button", u);
120
+ //#endregion
121
+ export { u as t };
package/components/action-button-G0PWSrZo.cjs ADDED
@@ -0,0 +1,24 @@
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
+ * */
18
+ require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./button-base-BYV3Lp3P.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`),a=require(`@luzmo/icons`);var o=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height-100,var(--line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;max-block-size:100%;display:flex}#label{text-align:center;place-self:center}#label:empty{display:none}@media (forced-colors:active){:host{--highcontrast-action-button-focus-indicator-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-action-button-background-color-default:Highlight;--highcontrast-action-button-background-color-hover:Highlight;--highcontrast-action-button-background-color-focus:Highlight;--highcontrast-action-button-background-color-down:Highlight;--highcontrast-action-button-background-color-disabled:ButtonFace;--highcontrast-action-button-border-color-default:HighlightText;--highcontrast-action-button-border-color-hover:HighlightText;--highcontrast-action-button-border-color-focus:HighlightText;--highcontrast-action-button-border-color-down:HighlightText;--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-default:HighlightText;--highcontrast-action-button-content-color-hover:HighlightText;--highcontrast-action-button-content-color-focus:HighlightText;--highcontrast-action-button-content-color-down:HighlightText;--highcontrast-action-button-content-color-disabled:GrayText}:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]),:host([selected]) #label{forced-color-adjust:none}}:host{--action-button-focus-indicator-border-radius:calc(var(--action-button-border-radius) + var(--action-button-focus-indicator-gap));--action-button-edge-to-visual:calc(var(--action-button-edge-to-visual-size) - var(--action-button-border-width));--action-button-edge-to-text:calc(var(--action-button-edge-to-text-size) - var(--action-button-border-width));--action-button-edge-to-visual-only:calc(var(--action-button-edge-to-visual-only-size) - var(--action-button-border-width));min-inline-size:var(--luzmo-action-button-min-width,var(--action-button-min-width));block-size:var(--luzmo-action-button-height,var(--action-button-height));border-radius:var(--luzmo-action-button-border-radius,var(--action-button-border-radius));gap:calc(var(--luzmo-action-button-text-to-visual,var(--action-button-text-to-visual)) + var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)));padding-inline:var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text));background-color:var(--highcontrast-action-button-background-color-default,var(--luzmo-action-button-background-color-default,var(--action-button-background-color-default)));color:var(--highcontrast-action-button-content-color-default,var(--luzmo-action-button-content-color-default,var(--action-button-content-color-default)));position:relative;border-width:var(--luzmo-action-button-border-width,var(--action-button-border-width))!important;border-color:var(--highcontrast-action-button-border-color-default,var(--luzmo-action-button-border-color-default,var(--action-button-border-color-default)))!important}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-action-button-background-color-hover,var(--luzmo-action-button-background-color-hover,var(--action-button-background-color-hover)));color:var(--highcontrast-action-button-content-color-hover,var(--luzmo-action-button-content-color-hover,var(--action-button-content-color-hover)));border-color:var(--highcontrast-action-button-border-color-hover,var(--luzmo-action-button-border-color-hover,var(--action-button-border-color-hover)))!important}}:host(:focus-visible){background-color:var(--highcontrast-action-button-background-color-focus,var(--luzmo-action-button-background-color-focus,var(--action-button-background-color-focus)));color:var(--highcontrast-action-button-content-color-focus,var(--luzmo-action-button-content-color-focus,var(--action-button-content-color-focus)));border-color:var(--highcontrast-action-button-border-color-focus,var(--luzmo-action-button-border-color-focus,var(--action-button-border-color-focus)))!important}:host(:is(:active,[active])){background-color:var(--highcontrast-action-button-background-color-down,var(--luzmo-action-button-background-color-down,var(--action-button-background-color-down)));color:var(--highcontrast-action-button-content-color-down,var(--luzmo-action-button-content-color-down,var(--action-button-content-color-down)));border-color:var(--highcontrast-action-button-border-color-down,var(--luzmo-action-button-border-color-down,var(--action-button-border-color-down)))!important}:host([disabled]),:host([disabled]){background-color:var(--highcontrast-action-button-background-color-disabled,var(--luzmo-action-button-background-color-disabled,var(--action-button-background-color-disabled)));color:var(--highcontrast-action-button-content-color-disabled,var(--luzmo-action-button-content-color-disabled,var(--action-button-content-color-disabled)));border-color:var(--highcontrast-action-button-border-color-disabled,var(--luzmo-action-button-border-color-disabled,var(--action-button-border-color-disabled)))!important}:host([selected]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected)}:host([selected][emphasized]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected-emphasized);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected-emphasized);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected-emphasized);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected-emphasized);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected-emphasized);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected-emphasized);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected-emphasized);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected-emphasized)}:host([selected][static-color=black]),:host([selected][static-color=white]){--luzmo-action-button-content-color-default:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-down:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-static-content-color)}::slotted([slot=icon]){min-inline-size:var(--luzmo-action-button-icon-size,var(--action-button-icon-size));color:inherit;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+::slotted([slot=icon]){margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+[icon-only]::slotted([slot=icon]),[icon-only]::slotted([slot=icon]){text-align:center;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}#label{pointer-events:none;font-size:var(--luzmo-action-button-font-size,var(--action-button-font-size));white-space:nowrap;color:var(--luzmo-action-button-label-color,inherit);text-overflow:ellipsis;overflow:hidden}.hold-affordance{color:inherit;transform:var(--logical-rotation);font-size:var(--action-button-corner-triangle-size);position:absolute;inset-block-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)));inset-inline-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)))}:host{transition:border-color var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-action-button-focus-indicator-gap,var(--action-button-focus-indicator-gap)) + var(--luzmo-action-button-border-width,var(--action-button-border-width))) * -1);border-radius:var(--luzmo-action-button-focus-indicator-border-radius,var(--action-button-focus-indicator-border-radius));transition:box-shadow var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-action-button-focus-indicator-width,var(--action-button-focus-indicator-width)) var(--highcontrast-action-button-focus-indicator-color,var(--luzmo-action-button-focus-indicator-color,var(--action-button-focus-indicator-color)))}:host{--action-button-animation-duration:var(--luzmo-animation-duration);--action-button-border-radius:var(--luzmo-border-radius);--action-button-border-width:var(--luzmo-border-width);--action-button-content-color-default:var(--luzmo-font-color);--action-button-content-color-hover:var(--luzmo-font-color-hover);--action-button-content-color-down:var(--luzmo-font-color-down);--action-button-content-color-focus:var(--luzmo-font-color-focus);--action-button-focus-indicator-gap:var(--luzmo-indicator-gap);--action-button-focus-indicator-width:var(--luzmo-indicator-width);--action-button-focus-indicator-color:var(--luzmo-indicator-color);--action-button-background-color-default:var(--luzmo-background-color);--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-border-color-default:var(--luzmo-border-color);--action-button-border-color-hover:var(--luzmo-border-color-hover);--action-button-border-color-down:var(--luzmo-border-color-down);--action-button-border-color-focus:var(--luzmo-border-color-focus);--action-button-background-color-disabled:var(--luzmo-background-color);--action-button-border-color-disabled:var(--luzmo-border-color-disabled);--action-button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([quiet]){--action-button-background-color-default:transparent;--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-background-color-disabled:transparent;--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([selected]){--action-button-background-color-default:var(--luzmo-font-color);--action-button-background-color-hover:var(--luzmo-font-color-hover);--action-button-background-color-down:var(--luzmo-font-color-down);--action-button-background-color-focus:var(--luzmo-font-color-focus);--action-button-content-color-default:var(--luzmo-background-color);--action-button-content-color-hover:var(--luzmo-background-color);--action-button-content-color-down:var(--luzmo-background-color);--action-button-content-color-focus:var(--luzmo-background-color);--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent;--action-button-background-color-disabled:var(--luzmo-background-color-disabled)}:host([selected][emphasized]){--action-button-background-color-default:var(--luzmo-primary);--action-button-background-color-hover:var(--luzmo-primary-hover);--action-button-background-color-down:var(--luzmo-primary-down);--action-button-background-color-focus:var(--luzmo-primary-focus);--action-button-content-color-default:var(--luzmo-primary-inverse-color);--action-button-content-color-hover:var(--luzmo-primary-inverse-color);--action-button-content-color-down:var(--luzmo-primary-inverse-color);--action-button-content-color-focus:var(--luzmo-primary-inverse-color)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([static-color=black]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#00000040;--action-button-background-color-down:#0006;--action-button-background-color-focus:#00000040;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#0006;--action-button-border-color-hover:#0000008c;--action-button-border-color-down:#000000b3;--action-button-border-color-focus:#00000040;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000;--action-button-content-color-disabled:#0000008c;--action-button-focus-indicator-color:#000}:host([static-color=black][selected]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-background-color-disabled:#0000001a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=black][selected][emphasized]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=white]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#ffffff40;--action-button-background-color-down:#fff6;--action-button-background-color-focus:#ffffff40;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#fff6;--action-button-border-color-hover:#ffffff8c;--action-button-border-color-down:#ffffffb3;--action-button-border-color-focus:#ffffff8c;--action-button-border-color-disabled:#ffffff40;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff;--action-button-content-color-disabled:#ffffff8c;--action-button-focus-indicator-color:#fff}:host([static-color=white][selected]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-background-color-disabled:#ffffff1a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000}:host([static-color=white][selected][emphasized]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-content-color-default:#000}:host{--action-button-min-width:var(--luzmo-component-height);--action-button-height:var(--luzmo-component-height);--action-button-icon-size:var(--luzmo-font-size-l);--action-button-font-size:var(--luzmo-font-size);--action-button-text-to-visual:var(--luzmo-spacing-2);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-3);--action-button-edge-to-text-size:12px;--action-button-corner-triangle-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=xs]){--action-button-min-width:var(--luzmo-component-height-xs);--action-button-height:var(--luzmo-component-height-xs);--action-button-icon-size:var(--luzmo-font-size-s);--action-button-font-size:var(--luzmo-font-size-xs);--action-button-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-2);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=s]){--action-button-min-width:var(--luzmo-component-height-s);--action-button-height:var(--luzmo-component-height-s);--action-button-icon-size:var(--luzmo-font-size);--action-button-font-size:var(--luzmo-font-size-s);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-3);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-3);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=l]){--action-button-min-width:var(--luzmo-component-height-l);--action-button-height:var(--luzmo-component-height-l);--action-button-icon-size:var(--luzmo-font-size-xl);--action-button-font-size:var(--luzmo-font-size-l);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-4);--action-button-edge-to-visual-only-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}:host([size=xl]){--action-button-min-width:var(--luzmo-component-height-xl);--action-button-height:var(--luzmo-component-height-xl);--action-button-icon-size:var(--luzmo-font-size-xxl);--action-button-font-size:var(--luzmo-font-size-xl);--action-button-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-size:var(--luzmo-spacing-5);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-4);--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}::slotted([slot=icon]){flex-shrink:0}#label{flex-grow:var(--action-button-label-flex-grow);text-align:var(--action-button-label-text-align);pointer-events:none!important}:host([size=xs]){min-width:var(--action-button-height,0);--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=s]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=m]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1) - var(--action-button-border-width))}:host([size=l]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-3) - var(--action-button-border-width))}:host([size=xl]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-4) - var(--action-button-border-width))}@media (forced-colors:active){:host{--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-disabled:GrayText}}`,s,c=class extends t.n(n.t,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[...super.styles,(0,r.unsafeCSS)(o)]}get value(){return this._value||this.itemText}set value(e){e!==this._value&&(this._value=e||``,this._value?this.setAttribute(`value`,this._value):this.removeAttribute(`value`))}get itemText(){return(this.textContent||``).trim()}constructor(){super(),this.emphasized=!1,this.holdAffordance=!1,this.quiet=!1,this.role=`button`,this.selected=!1,this.toggles=!1,this._value=``,this.onClick=()=>{this.toggles&&(this.selected=!this.selected,this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0,composed:!0}))||(this.selected=!this.selected))},this.addEventListener(`click`,this.onClick)}handlePointerdownHoldAffordance(e){e.button===0&&(this.addEventListener(`pointerup`,this.handlePointerupHoldAffordance),this.addEventListener(`pointercancel`,this.handlePointerupHoldAffordance),s=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`pointer`}}))},300))}handlePointerupHoldAffordance(){clearTimeout(s),this.removeEventListener(`pointerup`,this.handlePointerupHoldAffordance),this.removeEventListener(`pointercancel`,this.handlePointerupHoldAffordance)}handleKeydown(e){if(!this.holdAffordance)return super.handleKeydown(e);let{code:t,altKey:n}=e;(t===`Space`||n&&t===`ArrowDown`)&&(e.preventDefault(),t===`ArrowDown`&&(e.stopPropagation(),e.stopImmediatePropagation()),this.addEventListener(`keyup`,this.handleKeyup),this.active=!0)}handleKeyup(e){if(!this.holdAffordance)return super.handleKeyup(e);let{code:t,altKey:n}=e;(t===`Space`||n&&t===`ArrowDown`)&&(e.stopPropagation(),this.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`keyboard`}})),this.active=!1)}get buttonContent(){let e=super.buttonContent;return this.holdAffordance&&e.unshift(r.html`
19
+ <div
20
+ class="hold-affordance corner-triangle-${this.size}"
21
+ >
22
+ ${(0,a.luzmoIcon)(a.luzmoCornerTriangle)}
23
+ </div>
24
+ `),e}updated(e){super.updated(e);let t=this.role===`button`,n=t&&(this.selected||this.toggles)&&!(this.hasAttribute(`aria-haspopup`)&&this.hasAttribute(`aria-expanded`));(e.has(`selected`)||e.has(`role`))&&(n?this.setAttribute(`aria-pressed`,this.selected?`true`:`false`):(this.removeAttribute(`aria-pressed`),t&&this.toggles&&this.hasAttribute(`aria-expanded`)&&this.setAttribute(`aria-expanded`,this.selected?`true`:`false`))),e.has(`holdAffordance`)&&(this.holdAffordance?this.addEventListener(`pointerdown`,this.handlePointerdownHoldAffordance):(this.removeEventListener(`pointerdown`,this.handlePointerdownHoldAffordance),this.handlePointerupHoldAffordance()))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`emphasized`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0,attribute:`hold-affordance`})],c.prototype,`holdAffordance`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`quiet`,void 0),e.t([(0,i.property)({reflect:!0})],c.prototype,`role`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`selected`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`toggles`,void 0),e.t([(0,i.property)({reflect:!0,attribute:`static-color`})],c.prototype,`staticColor`,void 0),e.t([(0,i.property)({type:String})],c.prototype,`value`,null),customElements.get(`luzmo-action-button`)||customElements.define(`luzmo-action-button`,c),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
package/components/action-group/index.cjs CHANGED
@@ -15,4 +15,4 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../action-group-DJGMcRHb.cjs");customElements.get("luzmo-action-group")||customElements.define("luzmo-action-group",o.LuzmoActionGroup);exports.LuzmoActionGroup=o.LuzmoActionGroup;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../action-group-CH8FTW0i.cjs`);customElements.get(`luzmo-action-group`)||customElements.define(`luzmo-action-group`,e.t),exports.LuzmoActionGroup=e.t;
package/components/action-group/index.js CHANGED
@@ -15,15 +15,14 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- import { L as r } from "../action-group-DBImibFn.js";
19
- const l = () => {
20
- if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
21
- const o = document.createElement("style");
22
- o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
23
- }
24
- };
25
- l();
26
- customElements.get("luzmo-action-group") || customElements.define("luzmo-action-group", r);
27
- export {
28
- r as LuzmoActionGroup
29
- };
18
+ (() => {
19
+ if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
20
+ let e = document.createElement("style");
21
+ e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 45%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
22
+ }
23
+ })();
24
+ import { t as e } from "../action-group-DYKpp-mz.js";
25
+ //#region src/components/action-group/index.ts
26
+ customElements.get("luzmo-action-group") || customElements.define("luzmo-action-group", e);
27
+ //#endregion
28
+ export { e as LuzmoActionGroup };
package/components/action-group-CH8FTW0i.cjs ADDED
@@ -0,0 +1,20 @@
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
+ * */
18
+ require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./roving-tabindex-B7x5ePUB.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`),a=require(`@lit-labs/observers/mutation-controller.js`);var o=`:host{gap:var(--luzmo-action-group-horizontal-spacing-regular,var(--action-group-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-action-group-vertical-spacing-regular,var(--action-group-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--luzmo-action-group-gap-size-compact,var(--action-group-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset,var(--action-group-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0px 0px var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-start-start-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--luzmo-actionbutton-focus-indicator-border-radius:0px;margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact,var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-horizontal-spacing-compact,var(--action-group-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius:0px var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0px;border-start-end-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact,var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-border-radius-reset,var(--action-group-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover:hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact]:not([quiet])[vertical]){gap:var(--luzmo-action-group-gap-size-compact,var(--action-group-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset,var(--action-group-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0px 0px;border-start-start-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-start-end-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact,var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact,var(--action-group-vertical-spacing-compact));margin-inline-end:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact,var(--action-group-vertical-spacing-compact));margin-inline-start:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset));margin-inline-end:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius:0px 0px var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact,var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset))}:host([justified]) ::slotted(*){flex:1}:host{--action-group-gap-size-compact:0px;--action-group-horizontal-spacing-compact:-1px;--action-group-vertical-spacing-compact:-1px;--action-group-button-spacing-reset:0px;--action-group-border-radius-reset:0px;--action-group-border-radius:var(--luzmo-border-radius);--action-group-horizontal-spacing-regular:var(--luzmo-spacing-3);--action-group-vertical-spacing-regular:var(--luzmo-spacing-3)}:host([size=xs]),:host([size=s]){--action-group-horizontal-spacing-regular:var(--luzmo-spacing-2);--action-group-vertical-spacing-regular:var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--action-group-horizontal-spacing-regular:var(--luzmo-spacing-3);--action-group-vertical-spacing-regular:var(--luzmo-spacing-3)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-left:0;margin-right:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){flex-direction:column;align-items:stretch;display:flex}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius:0;--luzmo-action-button-border-radius:var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius:0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child),:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius:0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--luzmo-action-button-focus-ring-border-radius:0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius:var(--luzmo-border-radius) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius:0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius:var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child),:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius:0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius:var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}`,s=[],c=class extends t.n(e.n,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[(0,r.unsafeCSS)(o)]}set buttons(e){e!==this.buttons&&(this._buttons=e,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}constructor(){super(),this._buttons=[],this._buttonSelector=`luzmo-action-button, luzmo-action-menu`,this.rovingTabindexController=new n.t(this,{focusInIndex:e=>{let t=-1,n=e.findIndex((n,r)=>(!e[t]&&!n.disabled&&(t=r),n.selected&&!n.disabled));return e[n]?n:t},elements:()=>this.buttons,isFocusableElement:e=>!e.disabled}),this.compact=!1,this.emphasized=!1,this.justified=!1,this.label=``,this.quiet=!1,this.vertical=!1,this._selected=s,this.hasManaged=!1,this.manageButtons=()=>{if(!this.slotElement)return;let e=this.slotElement.assignedElements({flatten:!0}).reduce((e,t)=>{if(t.matches(this._buttonSelector))e.push(t);else{let n=[...t.querySelectorAll(`:scope > ${this._buttonSelector}`)];e.push(...n)}return e},[]);if(this.buttons=e,this.selects||!this.hasManaged){let e=[];this.buttons.forEach(t=>{t.selected&&e.push(t.value)}),this.setSelected([...this.selected,...e])}this.manageChildren(),this.manageSelects(),this.hasManaged=!0},new a.MutationController(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}set selected(e){this.requestUpdate(`selected`,this._selected),this._selected=e,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(e){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(e),this.buttons.map(e=>{e.selected=this.selected.includes(e.value)}))}setSelected(e,t){if(e===this.selected)return;let n=this.selected;this.requestUpdate(`selected`,n),this._selected=e,t&&this.dispatchChange(n)}focus(e){this.rovingTabindexController.focus(e)}deselectSelectedButtons(){this.buttons.forEach(e=>{e.selected&&(e.selected=!1,e.tabIndex=-1,e.setAttribute(this.selects?`aria-checked`:`aria-pressed`,`false`))})}handleActionButtonChange(e){e.stopPropagation(),e.preventDefault()}handleClick(e){let t=e.target;if(t.value!==void 0)switch(this.selects){case`single`:this.deselectSelectedButtons(),t.selected=!0,t.tabIndex=0,t.setAttribute(`aria-checked`,`true`),this.setSelected([t.value],!0);break;case`multiple`:{let e=[...this.selected];t.selected=!t.selected,t.setAttribute(`aria-checked`,t.selected?`true`:`false`),t.selected?e.push(t.value):e.splice(this.selected.indexOf(t.value),1),this.setSelected(e,!0),this.buttons.forEach(e=>{e.tabIndex=-1}),t.tabIndex=0;break}default:break}}async applySelects(){await this.manageSelects(!0)}async manageSelects(e){if(this.buttons.length===0)return;let t=this.buttons;switch(this.selects){case`single`:{this.setAttribute(`role`,`radiogroup`);let n=[],r=t.map(async e=>{await e.updateComplete,e.setAttribute(`role`,`radio`),e.setAttribute(`aria-checked`,e.selected?`true`:`false`),e.selected&&n.push(e)});if(e)break;await Promise.all(r);let i=n.map(e=>e.value);this.setSelected(i||s);break}case`multiple`:{this.getAttribute(`role`)===`radiogroup`&&this.removeAttribute(`role`);let n=[],r=[],i=t.map(async e=>{await e.updateComplete,e.setAttribute(`role`,`checkbox`),e.setAttribute(`aria-checked`,e.selected?`true`:`false`),e.selected&&(n.push(e.value),r.push(e))});if(e)break;await Promise.all(i);let a=n.length>0?n:s;this.setSelected(a);break}default:if(this.selected.length>0){let n=[],r=t.map(async e=>{await e.updateComplete,e.setAttribute(`role`,`button`),e.selected?(e.setAttribute(`aria-pressed`,`true`),n.push(e)):e.removeAttribute(`aria-pressed`)});if(e)break;await Promise.all(r),this.setSelected(n.map(e=>e.value))}else{this.buttons.forEach(e=>{e.setAttribute(`role`,`button`)});break}}this.hasAttribute(`role`)||this.setAttribute(`role`,`toolbar`)}render(){return r.html`
19
+ <slot role="presentation" @slotchange=${this.manageButtons}></slot>
20
+ `}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`click`,this.handleClick)}updated(e){super.updated(e),e.has(`selects`)&&(this.manageSelects(),this.manageChildren(),this.selects?this.renderRoot.addEventListener(`change`,this.handleActionButtonChange):this.renderRoot.removeEventListener(`change`,this.handleActionButtonChange)),(e.has(`quiet`)||e.has(`emphasized`)||e.has(`size`)||e.has(`staticColor`))&&this.manageChildren(e),e.has(`label`)&&(this.label||e.get(`label`)!==void 0)&&(this.label.length>0?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`))}manageChildren(e){this.buttons.forEach(t=>{(this.quiet||e?.get(`quiet`))&&(t.quiet=this.quiet),(this.emphasized||e?.get(`emphasized`))&&(t.emphasized=this.emphasized),(this.staticColor||e?.get(`staticColor`))&&(t.staticColor=this.staticColor),(this.selects||!this.hasManaged)&&(t.selected=this.selected.includes(t.value)),this.size&&(this.size!==`m`||e?.get(`size`)!==void 0)&&(t.size=this.size)})}};e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`compact`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`emphasized`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`justified`,void 0),e.t([(0,i.property)({type:String})],c.prototype,`label`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`quiet`,void 0),e.t([(0,i.property)({type:String})],c.prototype,`selects`,void 0),e.t([(0,i.property)({reflect:!0,attribute:`static-color`})],c.prototype,`staticColor`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`vertical`,void 0),e.t([(0,i.property)({type:Array})],c.prototype,`selected`,null),e.t([(0,i.query)(`slot`)],c.prototype,`slotElement`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});