@luzmo/lucero 1.0.1-alpha.79 → 1.0.1-alpha.80

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 (398) hide show
  1. package/components/accordion/index.cjs +1 -26
  2. package/components/accordion/index.js +8 -164
  3. package/components/accordion-BHBIfsLU.cjs +43 -0
  4. package/components/accordion-DC7cjb1c.js +152 -0
  5. package/components/action-bar/index.cjs +1 -22
  6. package/components/action-bar/index.js +8 -90
  7. package/components/action-bar-BMHZ4e_p.cjs +39 -0
  8. package/components/action-bar-CmLjsljR.js +92 -0
  9. package/components/action-button/index.cjs +1 -7
  10. package/components/action-button/index.js +8 -144
  11. package/components/action-button-B4_UEJle.js +121 -0
  12. package/components/action-button-G0PWSrZo.cjs +24 -0
  13. package/components/action-group/index.cjs +1 -1
  14. package/components/action-group/index.js +11 -12
  15. package/components/action-group-CH8FTW0i.cjs +20 -0
  16. package/components/action-group-DYKpp-mz.js +211 -0
  17. package/components/action-menu/index.cjs +1 -39
  18. package/components/action-menu/index.js +8 -109
  19. package/components/action-menu-CoL6H5DW.js +105 -0
  20. package/components/action-menu-CxDKUjMI.cjs +56 -0
  21. package/components/avatar/index.cjs +1 -7
  22. package/components/avatar/index.js +8 -67
  23. package/components/avatar-CyY_ZSD0.js +65 -0
  24. package/components/avatar-PulwjkMI.cjs +24 -0
  25. package/components/badge/index.cjs +1 -6
  26. package/components/badge/index.js +8 -93
  27. package/components/badge-D1Ry32wi.cjs +23 -0
  28. package/components/badge-D6p2hPj8.js +94 -0
  29. package/components/button/index.cjs +1 -3
  30. package/components/button/index.js +9 -143
  31. package/components/button-CRNRP8P0.js +115 -0
  32. package/components/button-D3ZTogni.cjs +20 -0
  33. package/components/button-base-BYV3Lp3P.cjs +25 -0
  34. package/components/button-base-SHgEJgk2.js +123 -0
  35. package/components/button-group/index.cjs +1 -1
  36. package/components/button-group/index.js +8 -42
  37. package/components/button-group-CJVpgiLq.js +46 -0
  38. package/components/button-group-rEK_YaF3.cjs +18 -0
  39. package/components/calendar/index.cjs +1 -1
  40. package/components/calendar/index.js +8 -11
  41. package/components/calendar-CKr5T_zV.js +619 -0
  42. package/components/calendar-WRhzTEyZ.cjs +142 -0
  43. package/components/chat-message/index.cjs +1 -131
  44. package/components/chat-message/index.js +8 -2000
  45. package/components/chat-message-CoT3CcJv.js +2295 -0
  46. package/components/chat-message-D0w4eA3E.cjs +149 -0
  47. package/components/chat-message-group/index.cjs +1 -7
  48. package/components/chat-message-group/index.js +8 -127
  49. package/components/chat-message-group-B4U2MzHx.js +100 -0
  50. package/components/chat-message-group-COmhCN-R.cjs +24 -0
  51. package/components/checkbox/checkbox.d.ts +2 -0
  52. package/components/checkbox/index.cjs +1 -8
  53. package/components/checkbox/index.js +8 -82
  54. package/components/checkbox-CPS-tR_i.js +89 -0
  55. package/components/checkbox-DFwDrIdY.cjs +25 -0
  56. package/components/checkbox-mixin-C5sLMo5L.js +67 -0
  57. package/components/{checkbox-mixin-CKlKaPqS.cjs → checkbox-mixin-D4HeLrMj.cjs} +3 -3
  58. package/components/chunk-D-qHiVGv.cjs +18 -0
  59. package/components/close-button-BeXYep8K.js +42 -0
  60. package/components/close-button-BzapEpcF.cjs +18 -0
  61. package/components/color-area/index.cjs +1 -63
  62. package/components/color-area/index.js +8 -364
  63. package/components/color-area-DA3ps2-c.cjs +80 -0
  64. package/components/color-area-DViRjuKo.js +300 -0
  65. package/components/color-controller-DueaXfnX.cjs +18 -0
  66. package/components/color-controller-G2_v2xSl.js +247 -0
  67. package/components/color-field/index.cjs +1 -6
  68. package/components/color-field/index.js +8 -72
  69. package/components/color-field-CxdIoSq6.js +75 -0
  70. package/components/color-field-D7_7z2A2.cjs +23 -0
  71. package/components/color-handle/index.cjs +1 -7
  72. package/components/color-handle/index.js +8 -56
  73. package/components/color-handle-BOusOFFx.js +62 -0
  74. package/components/color-handle-Cka48yPY.cjs +24 -0
  75. package/components/color-loupe/index.cjs +1 -1
  76. package/components/color-loupe/index.js +11 -12
  77. package/components/color-loupe-DMk8uWZW.cjs +56 -0
  78. package/components/color-loupe-bEzi2P0y.js +76 -0
  79. package/components/color-menu/index.cjs +1 -72
  80. package/components/color-menu/index.js +8 -192
  81. package/components/color-menu-DwbTxeqv.cjs +89 -0
  82. package/components/color-menu-Lxc9PTzl.js +183 -0
  83. package/components/color-palette/index.cjs +1 -1
  84. package/components/color-palette/index.js +8 -71
  85. package/components/color-palette-349EkPMg.cjs +18 -0
  86. package/components/color-palette-BAdaNySC.js +80 -0
  87. package/components/color-palette-group/index.cjs +1 -11
  88. package/components/color-palette-group/index.js +8 -188
  89. package/components/color-palette-group-BvP09zmT.cjs +28 -0
  90. package/components/color-palette-group-D8Mavsd2.js +163 -0
  91. package/components/color-picker/index.cjs +1 -31
  92. package/components/color-picker/index.js +8 -128
  93. package/components/color-picker-CSWiU-X5.cjs +48 -0
  94. package/components/color-picker-DqjfTvYf.js +126 -0
  95. package/components/color-slider/index.cjs +1 -1
  96. package/components/color-slider/index.js +8 -11
  97. package/components/color-slider-DxjJ72ue.cjs +57 -0
  98. package/components/color-slider-ihAIFt5p.js +421 -0
  99. package/components/{condition-attribute-with-id-Dv4lSRbe.js → condition-attribute-with-id-DauPaLSS.cjs} +1 -14
  100. package/components/{query-assigned-nodes-C76XVPWY.js → condition-attribute-with-id-Duo51HZ7.js} +10 -18
  101. package/components/date-range-picker/index.cjs +1 -170
  102. package/components/date-range-picker/index.js +8 -682
  103. package/components/date-range-picker-BdRQep--.js +626 -0
  104. package/components/date-range-picker-CgitOe0i.cjs +187 -0
  105. package/components/date-time-picker/index.cjs +1 -88
  106. package/components/date-time-picker/index.js +8 -627
  107. package/components/date-time-picker-Bz8XwSOR.cjs +105 -0
  108. package/components/date-time-picker-Ct_ln8Ot.js +470 -0
  109. package/components/decorate-B2wePfNm.cjs +18 -0
  110. package/components/decorate-aGxJUVxg.js +91 -0
  111. package/components/{condition-attribute-with-id-DrQYZzFS.cjs → dependency-manger-CHy9t__e.cjs} +1 -1
  112. package/components/dependency-manger-DMrulWcJ.js +40 -0
  113. package/components/divider/index.cjs +1 -1
  114. package/components/divider/index.js +8 -44
  115. package/components/divider-Dn8XqbB6.cjs +18 -0
  116. package/components/divider-cU0lVwOp.js +59 -0
  117. package/components/divider.module-C65RfSUa.js +21 -0
  118. package/components/divider.module-CL60P_z8.cjs +18 -0
  119. package/components/element-resolution-Bs1x89vU.js +80 -0
  120. package/components/element-resolution-C0aiOB0Y.cjs +18 -0
  121. package/components/field-group/index.cjs +1 -1
  122. package/components/field-group/index.js +11 -12
  123. package/components/field-group-C7ROsWq3.js +57 -0
  124. package/components/field-group-OcI5Lgu7.cjs +23 -0
  125. package/components/field-label/index.cjs +1 -1
  126. package/components/field-label/index.js +11 -12
  127. package/components/field-label-BCl6R1uO.cjs +25 -0
  128. package/components/field-label-CtGCEmdp.js +87 -0
  129. package/components/focus-group-BshI1RpM.js +164 -0
  130. package/components/focus-group-SF8Kj7iB.cjs +18 -0
  131. package/components/focus-visible-B0NNezGc.cjs +18 -0
  132. package/components/focus-visible-CrooVCUu.js +58 -0
  133. package/components/focusable-BmS8IzhH.js +117 -0
  134. package/components/focusable-CupEoHmn.cjs +18 -0
  135. package/components/{base-BjTwmyRF.cjs → focusable-selectors-5n5liBn0.cjs} +1 -5
  136. package/components/{focusable-selectors-BgFlyFcY.cjs → focusable-selectors-Bg60_Kra.js} +13 -1
  137. package/components/{focusable-selectors-B4YgbghQ.js → get-label-from-slot-5vVnfSgN.js} +7 -13
  138. package/components/{if-defined-C-i-u3QT.js → get-label-from-slot-LO_DZP60.cjs} +1 -10
  139. package/components/icon/index.cjs +1 -1
  140. package/components/icon/index.js +8 -71
  141. package/components/icon-B7hKwn_q.cjs +18 -0
  142. package/components/icon-CwBAE1eU.js +59 -0
  143. package/components/index.cjs +1 -1
  144. package/components/index.js +76 -195
  145. package/components/infield-button/index.cjs +1 -5
  146. package/components/infield-button/index.js +8 -47
  147. package/components/infield-button-B2z0dLzq.js +54 -0
  148. package/components/infield-button-BVKotWqr.cjs +22 -0
  149. package/components/label/index.cjs +1 -1
  150. package/components/label/index.js +8 -34
  151. package/components/label-ClJE2esm.js +41 -0
  152. package/components/label-CqolZbJo.cjs +18 -0
  153. package/components/language-resolution-BYemISJC.cjs +18 -0
  154. package/components/language-resolution-BpfGTC29.js +43 -0
  155. package/components/like-anchor-BZJXts_H.cjs +32 -0
  156. package/components/like-anchor-DeOXX-MX.js +46 -0
  157. package/components/manage-help-text-CF0xBh0F.js +81 -0
  158. package/components/manage-help-text-D9VbYRf_.cjs +30 -0
  159. package/components/menu/index.cjs +1 -91
  160. package/components/menu/index.js +8 -940
  161. package/components/menu-CAUpKCpi.js +749 -0
  162. package/components/menu-VfLGjKpA.cjs +108 -0
  163. package/components/multi-language-field/index.cjs +1 -23
  164. package/components/multi-language-field/index.js +8 -135
  165. package/components/multi-language-field-BzY75rOY.js +122 -0
  166. package/components/multi-language-field-DmoMyCBH.cjs +40 -0
  167. package/components/number-field/index.cjs +1 -40
  168. package/components/number-field/index.js +8 -491
  169. package/components/number-field-B4RSFeTR.cjs +57 -0
  170. package/components/number-field-C66dTUMM.js +402 -0
  171. package/components/observe-slot-presence-BCqd3VSd.js +55 -0
  172. package/components/observe-slot-presence-Dx8hzNzK.cjs +18 -0
  173. package/components/observe-slot-text-BhTcGuHY.cjs +18 -0
  174. package/components/observe-slot-text-Ddf1OC6F.js +71 -0
  175. package/components/options/index.cjs +1 -112
  176. package/components/options/index.js +8 -1267
  177. package/components/options-BqQ0AbDb.js +484 -0
  178. package/components/options-COEUg184.cjs +101 -0
  179. package/components/overlay/index.cjs +1 -56
  180. package/components/overlay/index.js +10 -329
  181. package/components/overlay-8tN0KPbR.js +1115 -0
  182. package/components/overlay-CMd2Dnpv.cjs +73 -0
  183. package/components/overlay-CwR_36OV.js +227 -0
  184. package/components/overlay-DdrfkOry.cjs +47 -0
  185. package/components/pending-state-DFcNf5rd.js +50 -0
  186. package/components/{pending-state-DyC-NON1.cjs → pending-state-DIeF18qg.cjs} +4 -4
  187. package/components/picker/index.cjs +1 -1
  188. package/components/picker/index.js +11 -15
  189. package/components/picker-DL-eOn9O.js +394 -0
  190. package/components/picker-DY0tXRQl.cjs +123 -0
  191. package/components/picker-button/index.cjs +1 -20
  192. package/components/picker-button/index.js +8 -70
  193. package/components/picker-button-BLbeT3Yu.js +72 -0
  194. package/components/picker-button-D34YXyXp.cjs +37 -0
  195. package/components/platform-B7Sk7Qon.cjs +18 -0
  196. package/components/{platform-BgUdNqhP.js → platform-D4V_cOJF.js} +29 -38
  197. package/components/popover/index.cjs +1 -1
  198. package/components/popover/index.js +11 -12
  199. package/components/popover-DyC9xGhX.js +58 -0
  200. package/components/popover-dgL04x6P.cjs +30 -0
  201. package/components/progress-bar/index.cjs +1 -14
  202. package/components/progress-bar/index.js +8 -116
  203. package/components/progress-bar-BR28tISC.cjs +31 -0
  204. package/components/progress-bar-DHgFRml1.js +119 -0
  205. package/components/progress-circle/index.cjs +1 -1
  206. package/components/progress-circle/index.js +11 -12
  207. package/components/progress-circle-Cg_ua9Ff.js +78 -0
  208. package/components/progress-circle-DuzwUiGN.cjs +33 -0
  209. package/components/progress-steps/index.cjs +1 -79
  210. package/components/progress-steps/index.js +8 -350
  211. package/components/progress-steps-Da8aZWx3.js +262 -0
  212. package/components/progress-steps-WriXaZpE.cjs +96 -0
  213. package/components/prompt-box/index.cjs +1 -265
  214. package/components/prompt-box/index.js +8 -1784
  215. package/components/prompt-box-Bnnqs_Eg.js +1506 -0
  216. package/components/prompt-box-CiipC5xS.cjs +282 -0
  217. package/components/radio/index.cjs +1 -5
  218. package/components/radio/index.js +8 -174
  219. package/components/radio-BzEPGUmQ.js +141 -0
  220. package/components/radio-d-2GUbYE.cjs +22 -0
  221. package/components/{get-label-from-slot-CkmTlA3t.js → random-id-B51lUxUB.cjs} +1 -9
  222. package/components/{random-id-ByCz1xaq.js → random-id-Dd4boCPV.js} +5 -8
  223. package/components/rolldown-runtime-CAFD8bLK.js +28 -0
  224. package/components/roving-tabindex-B7x5ePUB.cjs +18 -0
  225. package/components/roving-tabindex-BP6mQbXf.js +62 -0
  226. package/components/scaled-indicator-Bl-3A2gz.cjs +26 -0
  227. package/components/{directive-oAbCiebi.js → scaled-indicator-fMYan6VK.js} +24 -26
  228. package/components/search/index.cjs +1 -28
  229. package/components/search/index.js +8 -114
  230. package/components/search-CmLfd2dF.js +94 -0
  231. package/components/search-DRTD4xsE.cjs +45 -0
  232. package/components/segments-factory-CHo9oQw7.cjs +18 -0
  233. package/components/segments-factory-D0IveW-q.js +417 -0
  234. package/components/select/index.cjs +1 -141
  235. package/components/select/index.js +8 -647
  236. package/components/select-5LijJqtV.cjs +158 -0
  237. package/components/select-vJh47cZ5.js +518 -0
  238. package/components/{query-D_KR_GUc.js → sized-mixin-DaBoZkVS.js} +38 -33
  239. package/components/sized-mixin-StFA4y0J.cjs +18 -0
  240. package/components/slider/index.cjs +1 -1
  241. package/components/slider/index.js +8 -1150
  242. package/components/slider-D8w2ipBg.cjs +18 -0
  243. package/components/slider-Fy-VeKrU.js +96 -0
  244. package/components/slottable-request-event-DZ2Z_BLk.js +29 -0
  245. package/components/{base-D76d76ww.js → slottable-request-event-gAcEQan2.cjs} +1 -9
  246. package/components/status-light/index.cjs +1 -4
  247. package/components/status-light/index.js +8 -75
  248. package/components/status-light-BG_kopZQ.cjs +21 -0
  249. package/components/status-light-DXWPBufE.js +85 -0
  250. package/components/strategies-DhxJGIZT.js +137 -0
  251. package/components/strategies-kuvLVIKO.cjs +18 -0
  252. package/components/streaming-listener-2NcP7ys7.js +77 -0
  253. package/components/streaming-listener-BnDW38lt.cjs +18 -0
  254. package/components/swatch/index.cjs +1 -32
  255. package/components/swatch/index.js +8 -325
  256. package/components/swatch-BLuV-hlF.js +271 -0
  257. package/components/swatch-G70JUe6I.cjs +49 -0
  258. package/components/switch/index.cjs +1 -5
  259. package/components/switch/index.js +8 -56
  260. package/components/switch-CSuMgmAh.js +60 -0
  261. package/components/switch-nuCOB2P3.cjs +22 -0
  262. package/components/tabs/index.cjs +1 -59
  263. package/components/tabs/index.js +8 -526
  264. package/components/tabs-BZ-sYZvH.cjs +76 -0
  265. package/components/tabs-Bat4dyu4.js +434 -0
  266. package/components/tags/index.cjs +1 -30
  267. package/components/tags/index.js +8 -197
  268. package/components/tags-D5d4qKdQ.js +174 -0
  269. package/components/tags-DWkhLadz.cjs +47 -0
  270. package/components/text-field/index.cjs +1 -4
  271. package/components/text-field/index.js +9 -45
  272. package/components/text-field-A4Obzs4l.cjs +21 -0
  273. package/components/text-field-BoGAvXvh.js +44 -0
  274. package/components/text-field-Cs8HYRYL.js +256 -0
  275. package/components/text-field-FJr8ZUhI.cjs +81 -0
  276. package/components/text-field.module-Btsve-VN.js +21 -0
  277. package/components/text-field.module-D5oDP7MB.cjs +18 -0
  278. package/components/toast/index.cjs +1 -34
  279. package/components/toast/index.js +8 -136
  280. package/components/toast-2qw87Mqa.js +133 -0
  281. package/components/toast-6O9qau_P.cjs +51 -0
  282. package/components/tooltip/index.cjs +1 -28
  283. package/components/tooltip/index.js +8 -228
  284. package/components/tooltip-C3O4AQ1l.js +192 -0
  285. package/components/tooltip-DY1trLtg.cjs +45 -0
  286. package/components/top-nav/index.cjs +1 -28
  287. package/components/top-nav/index.js +8 -262
  288. package/components/top-nav-B3w3DZ56.js +203 -0
  289. package/components/top-nav-DZO8yZs6.cjs +45 -0
  290. package/components/utils.cjs +1 -1
  291. package/components/utils.js +8 -27
  292. package/components/voice-recorder-477xPHRU.js +134 -0
  293. package/components/voice-recorder-BUtmSvPO.cjs +18 -0
  294. package/custom-elements.json +1 -1
  295. package/package.json +1 -1
  296. package/components/NumberFormatter-DewVDY5w.cjs +0 -18
  297. package/components/NumberFormatter-DgOUVrge.js +0 -136
  298. package/components/NumberParser-Dik4a0h-.cjs +0 -18
  299. package/components/NumberParser-ci9J5EKv.js +0 -173
  300. package/components/action-group-BH7sGvsN.cjs +0 -20
  301. package/components/action-group-D6yhDVAs.js +0 -258
  302. package/components/async-directive-CflvKgNC.cjs +0 -22
  303. package/components/async-directive-YcZIT0bA.js +0 -82
  304. package/components/base-CKCNdr6i.js +0 -690
  305. package/components/base-DSRUrCPn.cjs +0 -40
  306. package/components/button-base-CJgLjbYU.js +0 -159
  307. package/components/button-base-Dmpyorc8.cjs +0 -25
  308. package/components/checkbox-mixin-C1Pi1SOW.js +0 -70
  309. package/components/class-map-3faF_g6i.js +0 -51
  310. package/components/class-map-CnF_wUY8.cjs +0 -22
  311. package/components/close-button-BjfHwkwc.js +0 -51
  312. package/components/close-button-LrtLexSu.cjs +0 -18
  313. package/components/color-controller-B0uX6Zso.js +0 -3230
  314. package/components/color-controller-CoUL5f9K.cjs +0 -18
  315. package/components/color-loupe-CAWHBF7t.js +0 -81
  316. package/components/color-loupe-gHP21gh3.cjs +0 -56
  317. package/components/dependency-manger-CO-VPlqq.js +0 -54
  318. package/components/dependency-manger-uthev62E.cjs +0 -18
  319. package/components/directive-C7oCP5Bh.cjs +0 -22
  320. package/components/directive-helpers-BB8CgpxG.cjs +0 -22
  321. package/components/directive-helpers-CnSVyjLg.js +0 -55
  322. package/components/divider.module-Cx_A979b.cjs +0 -18
  323. package/components/divider.module-DLnZg6Ni.js +0 -21
  324. package/components/element-resolution-BvRLGqIU.cjs +0 -18
  325. package/components/element-resolution-FCUT-wql.js +0 -91
  326. package/components/field-group-DWlaFqUK.cjs +0 -23
  327. package/components/field-group-Y0rli7Pe.js +0 -66
  328. package/components/field-label-B1c6WqgL.js +0 -106
  329. package/components/field-label-de4pjAsb.cjs +0 -25
  330. package/components/flow-D-0MTYCm.js +0 -527
  331. package/components/flow-DM3dNAKs.cjs +0 -30
  332. package/components/focus-group-DHeTq18L.js +0 -218
  333. package/components/focus-group-DnxZUBhQ.cjs +0 -18
  334. package/components/focus-visible-BvScGDCE.js +0 -74
  335. package/components/focus-visible-D4BXb5RB.cjs +0 -18
  336. package/components/focusable-9PEfK4kY.cjs +0 -18
  337. package/components/focusable-B0qRLdkf.js +0 -153
  338. package/components/get-label-from-slot-BdhDIHGc.cjs +0 -18
  339. package/components/if-defined-HCLEXXUD.cjs +0 -22
  340. package/components/index-B9ZWDdPI.cjs +0 -142
  341. package/components/index-BNr-us1l.js +0 -1174
  342. package/components/index-CObApjx0.js +0 -1765
  343. package/components/index-DNg-RcQk.cjs +0 -57
  344. package/components/language-resolution-DmX3Wy5I.cjs +0 -18
  345. package/components/language-resolution-pYd-sAaw.js +0 -54
  346. package/components/like-anchor-C4YTguQB.cjs +0 -32
  347. package/components/like-anchor-wnXc0viE.js +0 -69
  348. package/components/luzmo-icons-BB1qCnhL.js +0 -261
  349. package/components/luzmo-icons-Cmek-SqJ.cjs +0 -29
  350. package/components/manage-help-text-9EUq67Ub.cjs +0 -30
  351. package/components/manage-help-text-B7awy-lT.js +0 -92
  352. package/components/mutation-controller-DH7YOCyj.js +0 -52
  353. package/components/mutation-controller-DkOMCW-c.cjs +0 -22
  354. package/components/observe-slot-presence-CmVi0zTc.js +0 -68
  355. package/components/observe-slot-presence-bc9chhsi.cjs +0 -18
  356. package/components/observe-slot-text-CnPddrZO.js +0 -93
  357. package/components/observe-slot-text-DDdSnzul.cjs +0 -18
  358. package/components/overlay-BrDbT7Rc.cjs +0 -47
  359. package/components/overlay-kxPIk9Wg.js +0 -2766
  360. package/components/pending-state-CO4qYBCQ.js +0 -62
  361. package/components/picker-Culqy3X_.cjs +0 -123
  362. package/components/picker-DH6B69Sd.js +0 -472
  363. package/components/platform-BJnOJJag.cjs +0 -18
  364. package/components/popover-BpN4_zyg.js +0 -67
  365. package/components/popover-Ci21zIXf.cjs +0 -30
  366. package/components/progress-circle-B5_cH3Zf.js +0 -93
  367. package/components/progress-circle-BxzUsOCd.cjs +0 -33
  368. package/components/query-BL-TJj7K.cjs +0 -22
  369. package/components/query-assigned-elements-DjfhL1cl.js +0 -36
  370. package/components/query-assigned-elements-DsKsfk7G.cjs +0 -22
  371. package/components/query-assigned-nodes-BcKWmGzy.cjs +0 -22
  372. package/components/random-id-CqvckpWe.cjs +0 -18
  373. package/components/roving-tabindex-By_fCy_e.cjs +0 -18
  374. package/components/roving-tabindex-DOg4z6ZU.js +0 -66
  375. package/components/scaled-indicator-CdMhKJbG.js +0 -116
  376. package/components/scaled-indicator-Dz8sNLTR.cjs +0 -34
  377. package/components/segments-factory-CF8qqoAN.cjs +0 -18
  378. package/components/segments-factory-CLOfpzEU.js +0 -516
  379. package/components/sized-mixin-61jSbdRN.js +0 -63
  380. package/components/sized-mixin-CMEef67y.cjs +0 -18
  381. package/components/slottable-request-event-BfUUt1Mh.cjs +0 -18
  382. package/components/slottable-request-event-DggLA4Rx.js +0 -31
  383. package/components/state-Cda-NcyS.js +0 -29
  384. package/components/state-LD0Li9pH.cjs +0 -22
  385. package/components/strategies-DslHd9a2.js +0 -161
  386. package/components/strategies-zEZbR5OJ.cjs +0 -18
  387. package/components/streaming-listener-BxXa-agH.js +0 -91
  388. package/components/streaming-listener-CmAqQqvb.cjs +0 -18
  389. package/components/style-map-CrkgSzQx.js +0 -53
  390. package/components/style-map-rGechtae.cjs +0 -22
  391. package/components/text-field-BmucJFcN.cjs +0 -85
  392. package/components/text-field-wEhzMcgJ.js +0 -361
  393. package/components/text-field.module-BuB2wcWe.cjs +0 -18
  394. package/components/text-field.module-CTNU1d1S.js +0 -21
  395. package/components/voice-recorder-BRq_gEkz.js +0 -210
  396. package/components/voice-recorder-CAm5iDre.cjs +0 -18
  397. package/components/when-CDK1Tt5Y.js +0 -28
  398. package/components/when-CDZyJPvd.cjs +0 -22
@@ -15,29 +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 i=require("../base-DSRUrCPn.cjs"),z=require("../query-assigned-nodes-BcKWmGzy.cjs"),g=require("../focus-group-DnxZUBhQ.cjs"),h=require("../sized-mixin-CMEef67y.cjs"),u=require("../luzmo-icons-Cmek-SqJ.cjs"),v=require("../when-CDZyJPvd.cjs"),p=require("../focusable-9PEfK4kY.cjs"),f=":host{--accordion-item-header-line-height: 1.25;--accordion-item-header-bottom-margin: 0px;--accordion-item-header-text-case: initial;--accordion-item-min-block-size: max( var(--luzmo-accordion-item-height, var(--accordion-item-height)), calc( var( --luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding) ) * 2 + var( --luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size) ) * var( --luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height) ) ) );margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height: var( --luzmo-accordion-item-header-line-height-cjk );--luzmo-accordion-item-content-line-height: var( --luzmo-accordion-item-content-line-height-cjk )}:host:dir(rtl),:host([dir=rtl]){--luzmo-logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host{--accordion-item-height: 40px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xxl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height: 24px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height: 32px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height: 40px;--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([density=compact][size=xl]){--accordion-item-height: 48px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case: uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color: var( --luzmo-background-color-highlight );--accordion-item-disabled-background-color: var( --luzmo-background-color-highlight-disabled );--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color: var(--luzmo-background-color);--accordion-item-disabled-background-color: transparent;--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius);--accordion-item-header-font-weight: normal;--accordion-item-content-border-left-width: var(--luzmo-border-width);--accordion-item-content-border-left-color: var(--luzmo-border-color);--accordion-item-content-border-left-style: solid;--accordion-edge-to-disclosure-indicator-space: 0px}:host([variant=highlight-child][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-content-margin-left: var(--luzmo-spacing-2);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3);--accordion-item-content-margin-left: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-content-padding-left: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-5);--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text: 0px}";var b=Object.defineProperty,d=(t,o,r,n)=>{for(var e=void 0,c=t.length-1,l;c>=0;c--)(l=t[c])&&(e=l(o,r,e)||e);return e&&b(o,r,e),e};class a extends h.SizedMixin(i.LuzmoElement,{noDefaultSize:!0}){constructor(){super(...arguments),this.allowMultiple=!1,this.noContentPadding=!1,this.variant="default",this.focusGroupController=new g.FocusGroupController(this,{direction:"vertical",elements:()=>this.items,isFocusableElement:o=>!o.disabled})}static get styles(){return[i.r(f)]}get items(){return[...this.defaultNodes||[]].filter(o=>o.tagName!==void 0)}focus(){this.focusGroupController.focus()}onToggle(o){const r=o.target,n=[...this.items];if(n.includes(r)){if(this.allowMultiple||o.defaultPrevented||n&&n.length===0)return;n.forEach(e=>{e!==r&&(e.open=!1)})}}handleSlotchange(){this.focusGroupController.clearElementCache(),this.items.forEach(o=>{o.size=this.size})}updated(o){super.updated(o),o.has("size")&&(o.get("size")||this.size!=="m")&&this.items.forEach(r=>{r.size=this.size})}render(){return i.x`
19
- <slot
20
- @slotchange=${this.handleSlotchange}
21
- @luzmo-accordion-item-toggle=${this.onToggle}
22
- ></slot>
23
- `}}d([i.n({type:Boolean,reflect:!0,attribute:"allow-multiple"})],a.prototype,"allowMultiple");d([i.n({type:String,reflect:!0})],a.prototype,"density");d([i.n({type:String,reflect:!0,attribute:"header-case"})],a.prototype,"headerCase");d([i.n({type:Boolean,reflect:!0,attribute:"no-content-padding"})],a.prototype,"noContentPadding");d([i.n({type:String,reflect:!0})],a.prototype,"variant");d([z.n()],a.prototype,"defaultNodes");const x=':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-inline:none!important;border-block-start:none!important;border-block-end-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))!important;border-block-end-style:solid!important;border-block-end-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color))!important;margin:0;position:relative}:host(:first-child){border-block-start-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))!important;border-block-start-style:solid!important;border-block-start-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color))!important}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height, var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));margin:0;margin-block:0;position:relative;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin, var(--accordion-item-header-bottom-margin, 0px))}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color-down));justify-content:center;align-items:center;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 0px));display:flex;position:absolute;height:100%}.icon-container:dir(rtl),:host([dir=rtl]) .icon-container{transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content, 8px) var(--luzmo-accordion-item-content-area-bottom-to-content, 16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left, var(--accordion-item-content-padding-left, 0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom, var(--accordion-item-content-margin-bottom, 0px));margin-left:var(--luzmo-accordion-item-content-margin-left, var(--accordion-item-content-margin-left, 0px));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width, var(--accordion-item-content-border-left-width, 0)) var(--luzmo-accordion-item-content-border-left-style, var(--accordion-item-content-border-left-style, solid)) var(--luzmo-accordion-item-content-border-left-color, var(--accordion-item-content-border-left-color, var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color, var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight, var(--accordion-item-content-font-weight, var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style, var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size, var(--accordion-item-content-font-size, var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family, var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height, 1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height, 1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case, var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));font-weight:var(--luzmo-accordion-item-header-font-weight, var(--accordion-item-header-font-weight, 600));font-style:var(--luzmo-accordion-item-header-font-style, var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family, var(--luzmo-font-family));-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color, var(--accordion-item-header-background-color, var(--luzmo-background-color)));border:0;padding-top:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space, var(--accordion-disclosure-indicator-to-text-space, 0px)) + var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height, 32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, 0px));position:relative;border-radius:var(--luzmo-accordion-item-accordion-header-border-radius, var(--accordion-item-accordion-header-border-radius))}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-border-radius, var(--accordion-item-accordion-header-border-radius, var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width, var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color, var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus, var(--luzmo-font-color-focus));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap, 2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down, var(--accordion-item-header-background-color, var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down, var(--luzmo-font-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color));background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}@media (hover: hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover, var(--luzmo-font-color-hover))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color, var(--luzmo-disabled-color))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors: active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}';var k=Object.defineProperty,m=(t,o,r,n)=>{for(var e=void 0,c=t.length-1,l;c>=0;c--)(l=t[c])&&(e=l(o,r,e)||e);return e&&k(o,r,e),e};const y=()=>i.x`
24
- <div class="icon-container">
25
- ${u.y5(u.q,{className:"indicator"})}
26
- </div>
27
- `;class s extends h.SizedMixin(p.Focusable,{noDefaultSize:!0}){constructor(){super(...arguments),this.open=!1,this.label="",this.disabled=!1,this.renderAngleIcon=()=>y()}static get styles(){return[i.r(x)]}get focusElement(){return this.renderRoot.querySelector("#header")}onClick(){this.disabled||this.toggle()}toggle(){this.open=!this.open,this.dispatchEvent(new CustomEvent("luzmo-accordion-item-toggle",{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!this.open)}render(){return i.x`
28
- <h3 id="heading">
29
- ${v.n(this.size,this.renderAngleIcon)}
30
- <button
31
- id="header"
32
- @click=${this.onClick}
33
- aria-expanded=${this.open}
34
- aria-controls="content"
35
- ?disabled=${this.disabled}
36
- >
37
- ${this.label}
38
- </button>
39
- </h3>
40
- <div id="content" role="region" aria-labelledby="header">
41
- <slot></slot>
42
- </div>
43
- `}updated(o){super.updated(o),o.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}m([i.n({type:Boolean,reflect:!0})],s.prototype,"open");m([i.n({type:String,reflect:!0})],s.prototype,"label");m([i.n({type:Boolean,reflect:!0})],s.prototype,"disabled");customElements.get("luzmo-accordion-item")||customElements.define("luzmo-accordion-item",s);customElements.get("luzmo-accordion")||customElements.define("luzmo-accordion",a);exports.LuzmoAccordion=a;exports.LuzmoAccordionItem=s;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../accordion-BHBIfsLU.cjs`);exports.LuzmoAccordion=e.n,exports.LuzmoAccordionItem=e.t;
@@ -15,167 +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 { r as z, x as m, L as v, n as a } from "../base-CKCNdr6i.js";
19
- import { n as p } from "../query-assigned-nodes-C76XVPWY.js";
20
- import { F as f } from "../focus-group-DHeTq18L.js";
21
- import { S as h } from "../sized-mixin-61jSbdRN.js";
22
- import { y as b, q as x } from "../luzmo-icons-BB1qCnhL.js";
23
- import { n as k } from "../when-CDK1Tt5Y.js";
24
- import { F as y } from "../focusable-B0qRLdkf.js";
25
- const g = () => {
26
- if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
27
- const r = document.createElement("style");
28
- r.setAttribute("data-luzmo-vars", ""), r.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-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: 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-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: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--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-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(r);
29
- }
30
- };
31
- g();
32
- const w = ":host{--accordion-item-header-line-height: 1.25;--accordion-item-header-bottom-margin: 0px;--accordion-item-header-text-case: initial;--accordion-item-min-block-size: max( var(--luzmo-accordion-item-height, var(--accordion-item-height)), calc( var( --luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding) ) * 2 + var( --luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size) ) * var( --luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height) ) ) );margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height: var( --luzmo-accordion-item-header-line-height-cjk );--luzmo-accordion-item-content-line-height: var( --luzmo-accordion-item-content-line-height-cjk )}:host:dir(rtl),:host([dir=rtl]){--luzmo-logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host{--accordion-item-height: 40px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xxl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height: 24px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height: 32px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height: 40px;--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([density=compact][size=xl]){--accordion-item-height: 48px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case: uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color: var( --luzmo-background-color-highlight );--accordion-item-disabled-background-color: var( --luzmo-background-color-highlight-disabled );--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color: var(--luzmo-background-color);--accordion-item-disabled-background-color: transparent;--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius);--accordion-item-header-font-weight: normal;--accordion-item-content-border-left-width: var(--luzmo-border-width);--accordion-item-content-border-left-color: var(--luzmo-border-color);--accordion-item-content-border-left-style: solid;--accordion-edge-to-disclosure-indicator-space: 0px}:host([variant=highlight-child][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-content-margin-left: var(--luzmo-spacing-2);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3);--accordion-item-content-margin-left: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-content-padding-left: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-5);--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text: 0px}";
33
- var C = Object.defineProperty, l = (r, o, i, n) => {
34
- for (var e = void 0, c = r.length - 1, d; c >= 0; c--)
35
- (d = r[c]) && (e = d(o, i, e) || e);
36
- return e && C(o, i, e), e;
37
- };
38
- class t extends h(v, {
39
- noDefaultSize: !0
40
- }) {
41
- constructor() {
42
- super(...arguments), this.allowMultiple = !1, this.noContentPadding = !1, this.variant = "default", this.focusGroupController = new f(
43
- this,
44
- {
45
- direction: "vertical",
46
- elements: () => this.items,
47
- isFocusableElement: (o) => !o.disabled
48
- }
49
- );
50
- }
51
- static get styles() {
52
- return [z(w)];
53
- }
54
- get items() {
55
- return [...this.defaultNodes || []].filter(
56
- (o) => o.tagName !== void 0
57
- );
58
- }
59
- focus() {
60
- this.focusGroupController.focus();
61
- }
62
- onToggle(o) {
63
- const i = o.target, n = [...this.items];
64
- if (n.includes(i)) {
65
- if (this.allowMultiple || o.defaultPrevented || n && n.length === 0)
66
- return;
67
- n.forEach((e) => {
68
- e !== i && (e.open = !1);
69
- });
70
- }
71
- }
72
- handleSlotchange() {
73
- this.focusGroupController.clearElementCache(), this.items.forEach((o) => {
74
- o.size = this.size;
75
- });
76
- }
77
- updated(o) {
78
- super.updated(o), o.has("size") && (o.get("size") || this.size !== "m") && this.items.forEach((i) => {
79
- i.size = this.size;
80
- });
81
- }
82
- render() {
83
- return m`
84
- <slot
85
- @slotchange=${this.handleSlotchange}
86
- @luzmo-accordion-item-toggle=${this.onToggle}
87
- ></slot>
88
- `;
89
- }
90
- }
91
- l([
92
- a({ type: Boolean, reflect: !0, attribute: "allow-multiple" })
93
- ], t.prototype, "allowMultiple");
94
- l([
95
- a({ type: String, reflect: !0 })
96
- ], t.prototype, "density");
97
- l([
98
- a({ type: String, reflect: !0, attribute: "header-case" })
99
- ], t.prototype, "headerCase");
100
- l([
101
- a({ type: Boolean, reflect: !0, attribute: "no-content-padding" })
102
- ], t.prototype, "noContentPadding");
103
- l([
104
- a({ type: String, reflect: !0 })
105
- ], t.prototype, "variant");
106
- l([
107
- p()
108
- ], t.prototype, "defaultNodes");
109
- const S = ':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-inline:none!important;border-block-start:none!important;border-block-end-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))!important;border-block-end-style:solid!important;border-block-end-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color))!important;margin:0;position:relative}:host(:first-child){border-block-start-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))!important;border-block-start-style:solid!important;border-block-start-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color))!important}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height, var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));margin:0;margin-block:0;position:relative;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin, var(--accordion-item-header-bottom-margin, 0px))}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color-down));justify-content:center;align-items:center;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 0px));display:flex;position:absolute;height:100%}.icon-container:dir(rtl),:host([dir=rtl]) .icon-container{transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content, 8px) var(--luzmo-accordion-item-content-area-bottom-to-content, 16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left, var(--accordion-item-content-padding-left, 0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom, var(--accordion-item-content-margin-bottom, 0px));margin-left:var(--luzmo-accordion-item-content-margin-left, var(--accordion-item-content-margin-left, 0px));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width, var(--accordion-item-content-border-left-width, 0)) var(--luzmo-accordion-item-content-border-left-style, var(--accordion-item-content-border-left-style, solid)) var(--luzmo-accordion-item-content-border-left-color, var(--accordion-item-content-border-left-color, var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color, var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight, var(--accordion-item-content-font-weight, var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style, var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size, var(--accordion-item-content-font-size, var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family, var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height, 1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height, 1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case, var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));font-weight:var(--luzmo-accordion-item-header-font-weight, var(--accordion-item-header-font-weight, 600));font-style:var(--luzmo-accordion-item-header-font-style, var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family, var(--luzmo-font-family));-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color, var(--accordion-item-header-background-color, var(--luzmo-background-color)));border:0;padding-top:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space, var(--accordion-disclosure-indicator-to-text-space, 0px)) + var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height, 32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, 0px));position:relative;border-radius:var(--luzmo-accordion-item-accordion-header-border-radius, var(--accordion-item-accordion-header-border-radius))}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-border-radius, var(--accordion-item-accordion-header-border-radius, var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width, var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color, var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus, var(--luzmo-font-color-focus));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap, 2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down, var(--accordion-item-header-background-color, var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down, var(--luzmo-font-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color));background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}@media (hover: hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover, var(--luzmo-font-color-hover))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color, var(--luzmo-disabled-color))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors: active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}';
110
- var E = Object.defineProperty, u = (r, o, i, n) => {
111
- for (var e = void 0, c = r.length - 1, d; c >= 0; c--)
112
- (d = r[c]) && (e = d(o, i, e) || e);
113
- return e && E(o, i, e), e;
114
- };
115
- const $ = () => m`
116
- <div class="icon-container">
117
- ${b(x, { className: "indicator" })}
118
- </div>
119
- `;
120
- class s extends h(y, {
121
- noDefaultSize: !0
122
- }) {
123
- constructor() {
124
- super(...arguments), this.open = !1, this.label = "", this.disabled = !1, this.renderAngleIcon = () => $();
125
- }
126
- static get styles() {
127
- return [z(S)];
128
- }
129
- get focusElement() {
130
- return this.renderRoot.querySelector("#header");
131
- }
132
- onClick() {
133
- this.disabled || this.toggle();
134
- }
135
- toggle() {
136
- this.open = !this.open, this.dispatchEvent(
137
- new CustomEvent("luzmo-accordion-item-toggle", {
138
- bubbles: !0,
139
- composed: !0,
140
- cancelable: !0
141
- })
142
- ) || (this.open = !this.open);
143
- }
144
- render() {
145
- return m`
146
- <h3 id="heading">
147
- ${k(this.size, this.renderAngleIcon)}
148
- <button
149
- id="header"
150
- @click=${this.onClick}
151
- aria-expanded=${this.open}
152
- aria-controls="content"
153
- ?disabled=${this.disabled}
154
- >
155
- ${this.label}
156
- </button>
157
- </h3>
158
- <div id="content" role="region" aria-labelledby="header">
159
- <slot></slot>
160
- </div>
161
- `;
162
- }
163
- updated(o) {
164
- super.updated(o), o.has("disabled") && (this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled"));
165
- }
166
- }
167
- u([
168
- a({ type: Boolean, reflect: !0 })
169
- ], s.prototype, "open");
170
- u([
171
- a({ type: String, reflect: !0 })
172
- ], s.prototype, "label");
173
- u([
174
- a({ type: Boolean, reflect: !0 })
175
- ], s.prototype, "disabled");
176
- customElements.get("luzmo-accordion-item") || customElements.define("luzmo-accordion-item", s);
177
- customElements.get("luzmo-accordion") || customElements.define("luzmo-accordion", t);
178
- export {
179
- t as LuzmoAccordion,
180
- s as LuzmoAccordionItem
181
- };
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-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: 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-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: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--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-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 { n as e, t } from "../accordion-DC7cjb1c.js";
25
+ export { e as LuzmoAccordion, t as LuzmoAccordionItem };
@@ -0,0 +1,43 @@
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(`./focus-group-SF8Kj7iB.cjs`),n=require(`./sized-mixin-StFA4y0J.cjs`),r=require(`./focusable-CupEoHmn.cjs`);let i=require(`lit`),a=require(`lit/decorators.js`),o=require(`@luzmo/icons`),s=require(`lit/directives/when.js`);var c=`:host{--accordion-item-header-line-height:1.25;--accordion-item-header-bottom-margin:0px;--accordion-item-header-text-case:initial;--accordion-item-min-block-size:max(var(--luzmo-accordion-item-height,var(--accordion-item-height)), calc(var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding)) * 2 + var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size)) * var(--luzmo-accordion-item-header-line-height,var(--accordion-item-header-line-height))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height:var(--luzmo-accordion-item-header-line-height-cjk);--luzmo-accordion-item-content-line-height:var(--luzmo-accordion-item-content-line-height-cjk)}: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])){--luzmo-logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-header-vertical-padding:var(--luzmo-spacing-2)}:host{--accordion-item-height:40px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xxl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height:24px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height:32px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height:40px;--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([density=compact][size=xl]){--accordion-item-height:48px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case:uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color:var(--luzmo-background-color-highlight);--accordion-item-disabled-background-color:var(--luzmo-background-color-highlight-disabled);--accordion-item-accordion-divider-thickness:0px;--accordion-item-accordion-header-border-radius:var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height:28px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-header-font-size:var(--luzmo-font-size-s);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-bottom-margin:var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color:var(--luzmo-background-color);--accordion-item-disabled-background-color:transparent;--accordion-item-accordion-divider-thickness:0px;--accordion-item-accordion-header-border-radius:var(--luzmo-border-radius);--accordion-item-header-font-weight:normal;--accordion-item-content-border-left-width:var(--luzmo-border-width);--accordion-item-content-border-left-color:var(--luzmo-border-color);--accordion-item-content-border-left-style:solid;--accordion-edge-to-disclosure-indicator-space:0px}:host([variant=highlight-child][size=s]){--accordion-item-height:28px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size-s);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-content-margin-left:var(--luzmo-spacing-2);--accordion-item-content-padding-left:var(--luzmo-spacing-4);--accordion-item-content-margin-bottom:var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-bottom-margin:var(--luzmo-spacing-3);--accordion-item-content-margin-left:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-content-padding-left:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--accordion-item-content-margin-bottom:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-1) + var(--luzmo-spacing-3));--accordion-item-content-margin-left:var(--luzmo-spacing-3);--accordion-item-content-padding-left:var(--luzmo-spacing-4);--accordion-item-content-margin-bottom:var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin:var(--luzmo-spacing-4);--accordion-item-content-margin-left:var(--luzmo-spacing-3);--accordion-item-content-padding-left:var(--luzmo-spacing-5);--accordion-item-content-margin-bottom:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text:0px}`,l=class extends n.n(e.n,{noDefaultSize:!0}){constructor(...e){super(...e),this.allowMultiple=!1,this.noContentPadding=!1,this.variant=`default`,this.focusGroupController=new t.t(this,{direction:`vertical`,elements:()=>this.items,isFocusableElement:e=>!e.disabled})}static get styles(){return[(0,i.unsafeCSS)(c)]}get items(){return[...this.defaultNodes||[]].filter(e=>e.tagName!==void 0)}focus(){this.focusGroupController.focus()}onToggle(e){let t=e.target,n=[...this.items];if(n.includes(t)){if(this.allowMultiple||e.defaultPrevented||n&&n.length===0)return;n.forEach(e=>{e!==t&&(e.open=!1)})}}handleSlotchange(){this.focusGroupController.clearElementCache(),this.items.forEach(e=>{e.size=this.size})}updated(e){super.updated(e),e.has(`size`)&&(e.get(`size`)||this.size!==`m`)&&this.items.forEach(e=>{e.size=this.size})}render(){return i.html`
19
+ <slot
20
+ @slotchange=${this.handleSlotchange}
21
+ @luzmo-accordion-item-toggle=${this.onToggle}
22
+ ></slot>
23
+ `}};e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`allow-multiple`})],l.prototype,`allowMultiple`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],l.prototype,`density`,void 0),e.t([(0,a.property)({type:String,reflect:!0,attribute:`header-case`})],l.prototype,`headerCase`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`no-content-padding`})],l.prototype,`noContentPadding`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],l.prototype,`variant`,void 0),e.t([(0,a.queryAssignedNodes)()],l.prototype,`defaultNodes`,void 0);var u=`:host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size,var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width,200px);margin:0;position:relative;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--luzmo-accordion-divider-thickness,var(--accordion-item-accordion-divider-thickness,var(--luzmo-border-width)))!important;border-block-end-style:solid!important;border-block-end-color:var(--luzmo-accordion-divider-color,var(--luzmo-border-color))!important}:host(:first-child){border-block-start-width:var(--luzmo-accordion-divider-thickness,var(--accordion-item-accordion-divider-thickness,var(--luzmo-border-width)))!important;border-block-start-style:solid!important;border-block-start-color:var(--luzmo-accordion-divider-color,var(--luzmo-border-color))!important}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height,var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size,18px));margin:0;margin-block:0;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin,var(--accordion-item-header-bottom-margin,0px));position:relative}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default,var(--luzmo-font-color-down));justify-content:center;align-items:center;height:100%;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space,var(--accordion-edge-to-disclosure-indicator-space,0px));display:flex;position:absolute}:host([dir=rtl]) .icon-container{transform:scaleX(-1)}.icon-container: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)){transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content,8px) var(--luzmo-accordion-item-content-area-bottom-to-content,16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left,var(--accordion-item-content-padding-left,0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom,var(--accordion-item-content-margin-bottom,0px));margin-left:var(--luzmo-accordion-item-content-margin-left,var(--accordion-item-content-margin-left,0px));padding-right:var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width,var(--accordion-item-content-border-left-width,0)) var(--luzmo-accordion-item-content-border-left-style,var(--accordion-item-content-border-left-style,solid)) var(--luzmo-accordion-item-content-border-left-color,var(--accordion-item-content-border-left-color,var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color,var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight,var(--accordion-item-content-font-weight,var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style,var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size,var(--accordion-item-content-font-size,var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family,var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height,1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size,var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height,var(--accordion-item-header-line-height,1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case,var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size,18px));font-weight:var(--luzmo-accordion-item-header-font-weight,var(--accordion-item-header-font-weight,600));font-style:var(--luzmo-accordion-item-header-font-style,var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family,var(--luzmo-font-family));appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default,var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color,var(--accordion-item-header-background-color,var(--luzmo-background-color)));padding-top:var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding,var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space,var(--accordion-disclosure-indicator-to-text-space,0px)) + var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height,32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space,var(--accordion-edge-to-disclosure-indicator-space,32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding,var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,0px));border-radius:var(--luzmo-accordion-item-accordion-header-border-radius,var(--accordion-item-accordion-header-border-radius));border:0;position:relative}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-border-radius,var(--accordion-item-accordion-header-border-radius,var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width,var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color,var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus,var(--accordion-item-header-background-color,var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus,var(--luzmo-font-color-focus));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap,2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down,var(--accordion-item-header-background-color,var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down,var(--luzmo-font-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color));background-color:var(--luzmo-accordion-item-disabled-background-color,var(--accordion-item-disabled-background-color,initial))}@media (hover:hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover,var(--accordion-item-header-background-color,var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color,var(--accordion-item-disabled-background-color,initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover,var(--luzmo-font-color-hover))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover,var(--accordion-item-header-background-color,var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color,var(--luzmo-disabled-color))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}`,d=()=>i.html`
24
+ <div class="icon-container">
25
+ ${(0,o.luzmoIcon)(o.luzmoAngleRight,{className:`indicator`})}
26
+ </div>
27
+ `,f=class extends n.n(r.t,{noDefaultSize:!0}){constructor(...e){super(...e),this.open=!1,this.label=``,this.disabled=!1,this.renderAngleIcon=()=>d()}static get styles(){return[(0,i.unsafeCSS)(u)]}get focusElement(){return this.renderRoot.querySelector(`#header`)}onClick(){this.disabled||this.toggle()}toggle(){this.open=!this.open,this.dispatchEvent(new CustomEvent(`luzmo-accordion-item-toggle`,{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!this.open)}render(){return i.html`
28
+ <h3 id="heading">
29
+ ${(0,s.when)(this.size,this.renderAngleIcon)}
30
+ <button
31
+ id="header"
32
+ @click=${this.onClick}
33
+ aria-expanded=${this.open}
34
+ aria-controls="content"
35
+ ?disabled=${this.disabled}
36
+ >
37
+ ${this.label}
38
+ </button>
39
+ </h3>
40
+ <div id="content" role="region" aria-labelledby="header">
41
+ <slot></slot>
42
+ </div>
43
+ `}updated(e){super.updated(e),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}};e.t([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,`open`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],f.prototype,`label`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,`disabled`,void 0),customElements.get(`luzmo-accordion-item`)||customElements.define(`luzmo-accordion-item`,f),customElements.get(`luzmo-accordion`)||customElements.define(`luzmo-accordion`,l),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
@@ -0,0 +1,152 @@
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 { n as e, t } from "./decorate-aGxJUVxg.js";
19
+ import { t as n } from "./focus-group-BshI1RpM.js";
20
+ import { n as r } from "./sized-mixin-DaBoZkVS.js";
21
+ import { t as i } from "./focusable-BmS8IzhH.js";
22
+ import { html as a, unsafeCSS as o } from "lit";
23
+ import { property as s, queryAssignedNodes as c } from "lit/decorators.js";
24
+ import { luzmoAngleRight as l, luzmoIcon as u } from "@luzmo/icons";
25
+ import { when as d } from "lit/directives/when.js";
26
+ //#region src/components/accordion/accordion.module.scss?inline
27
+ var f = ":host{--accordion-item-header-line-height:1.25;--accordion-item-header-bottom-margin:0px;--accordion-item-header-text-case:initial;--accordion-item-min-block-size:max(var(--luzmo-accordion-item-height,var(--accordion-item-height)), calc(var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding)) * 2 + var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size)) * var(--luzmo-accordion-item-header-line-height,var(--accordion-item-header-line-height))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height:var(--luzmo-accordion-item-header-line-height-cjk);--luzmo-accordion-item-content-line-height:var(--luzmo-accordion-item-content-line-height-cjk)}: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])){--luzmo-logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-header-vertical-padding:var(--luzmo-spacing-2)}:host{--accordion-item-height:40px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xxl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height:24px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height:32px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height:40px;--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([density=compact][size=xl]){--accordion-item-height:48px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case:uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color:var(--luzmo-background-color-highlight);--accordion-item-disabled-background-color:var(--luzmo-background-color-highlight-disabled);--accordion-item-accordion-divider-thickness:0px;--accordion-item-accordion-header-border-radius:var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height:28px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-header-font-size:var(--luzmo-font-size-s);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-bottom-margin:var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color:var(--luzmo-background-color);--accordion-item-disabled-background-color:transparent;--accordion-item-accordion-divider-thickness:0px;--accordion-item-accordion-header-border-radius:var(--luzmo-border-radius);--accordion-item-header-font-weight:normal;--accordion-item-content-border-left-width:var(--luzmo-border-width);--accordion-item-content-border-left-color:var(--luzmo-border-color);--accordion-item-content-border-left-style:solid;--accordion-edge-to-disclosure-indicator-space:0px}:host([variant=highlight-child][size=s]){--accordion-item-height:28px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size-s);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-content-margin-left:var(--luzmo-spacing-2);--accordion-item-content-padding-left:var(--luzmo-spacing-4);--accordion-item-content-margin-bottom:var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-bottom-margin:var(--luzmo-spacing-3);--accordion-item-content-margin-left:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-content-padding-left:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--accordion-item-content-margin-bottom:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-1) + var(--luzmo-spacing-3));--accordion-item-content-margin-left:var(--luzmo-spacing-3);--accordion-item-content-padding-left:var(--luzmo-spacing-4);--accordion-item-content-margin-bottom:var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin:var(--luzmo-spacing-4);--accordion-item-content-margin-left:var(--luzmo-spacing-3);--accordion-item-content-padding-left:var(--luzmo-spacing-5);--accordion-item-content-margin-bottom:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text:0px}", p = class extends r(e, { noDefaultSize: !0 }) {
28
+ constructor(...e) {
29
+ super(...e), this.allowMultiple = !1, this.noContentPadding = !1, this.variant = "default", this.focusGroupController = new n(this, {
30
+ direction: "vertical",
31
+ elements: () => this.items,
32
+ isFocusableElement: (e) => !e.disabled
33
+ });
34
+ }
35
+ static get styles() {
36
+ return [o(f)];
37
+ }
38
+ get items() {
39
+ return [...this.defaultNodes || []].filter((e) => e.tagName !== void 0);
40
+ }
41
+ focus() {
42
+ this.focusGroupController.focus();
43
+ }
44
+ onToggle(e) {
45
+ let t = e.target, n = [...this.items];
46
+ if (n.includes(t)) {
47
+ /* c8 ignore next 3 */
48
+ if (this.allowMultiple || e.defaultPrevented || n && n.length === 0) return;
49
+ n.forEach((e) => {
50
+ e !== t && (e.open = !1);
51
+ });
52
+ }
53
+ }
54
+ handleSlotchange() {
55
+ this.focusGroupController.clearElementCache(), this.items.forEach((e) => {
56
+ e.size = this.size;
57
+ });
58
+ }
59
+ updated(e) {
60
+ super.updated(e), e.has("size") && (e.get("size") || this.size !== "m") && this.items.forEach((e) => {
61
+ e.size = this.size;
62
+ });
63
+ }
64
+ render() {
65
+ return a`
66
+ <slot
67
+ @slotchange=${this.handleSlotchange}
68
+ @luzmo-accordion-item-toggle=${this.onToggle}
69
+ ></slot>
70
+ `;
71
+ }
72
+ };
73
+ t([s({
74
+ type: Boolean,
75
+ reflect: !0,
76
+ attribute: "allow-multiple"
77
+ })], p.prototype, "allowMultiple", void 0), t([s({
78
+ type: String,
79
+ reflect: !0
80
+ })], p.prototype, "density", void 0), t([s({
81
+ type: String,
82
+ reflect: !0,
83
+ attribute: "header-case"
84
+ })], p.prototype, "headerCase", void 0), t([s({
85
+ type: Boolean,
86
+ reflect: !0,
87
+ attribute: "no-content-padding"
88
+ })], p.prototype, "noContentPadding", void 0), t([s({
89
+ type: String,
90
+ reflect: !0
91
+ })], p.prototype, "variant", void 0), t([c()], p.prototype, "defaultNodes", void 0);
92
+ //#endregion
93
+ //#region src/components/accordion/accordion-item.module.scss?inline
94
+ var m = ":host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size,var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width,200px);margin:0;position:relative;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--luzmo-accordion-divider-thickness,var(--accordion-item-accordion-divider-thickness,var(--luzmo-border-width)))!important;border-block-end-style:solid!important;border-block-end-color:var(--luzmo-accordion-divider-color,var(--luzmo-border-color))!important}:host(:first-child){border-block-start-width:var(--luzmo-accordion-divider-thickness,var(--accordion-item-accordion-divider-thickness,var(--luzmo-border-width)))!important;border-block-start-style:solid!important;border-block-start-color:var(--luzmo-accordion-divider-color,var(--luzmo-border-color))!important}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height,var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size,18px));margin:0;margin-block:0;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin,var(--accordion-item-header-bottom-margin,0px));position:relative}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default,var(--luzmo-font-color-down));justify-content:center;align-items:center;height:100%;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space,var(--accordion-edge-to-disclosure-indicator-space,0px));display:flex;position:absolute}:host([dir=rtl]) .icon-container{transform:scaleX(-1)}.icon-container: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)){transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content,8px) var(--luzmo-accordion-item-content-area-bottom-to-content,16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left,var(--accordion-item-content-padding-left,0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom,var(--accordion-item-content-margin-bottom,0px));margin-left:var(--luzmo-accordion-item-content-margin-left,var(--accordion-item-content-margin-left,0px));padding-right:var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width,var(--accordion-item-content-border-left-width,0)) var(--luzmo-accordion-item-content-border-left-style,var(--accordion-item-content-border-left-style,solid)) var(--luzmo-accordion-item-content-border-left-color,var(--accordion-item-content-border-left-color,var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color,var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight,var(--accordion-item-content-font-weight,var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style,var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size,var(--accordion-item-content-font-size,var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family,var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height,1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size,var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height,var(--accordion-item-header-line-height,1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case,var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size,18px));font-weight:var(--luzmo-accordion-item-header-font-weight,var(--accordion-item-header-font-weight,600));font-style:var(--luzmo-accordion-item-header-font-style,var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family,var(--luzmo-font-family));appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default,var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color,var(--accordion-item-header-background-color,var(--luzmo-background-color)));padding-top:var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding,var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space,var(--accordion-disclosure-indicator-to-text-space,0px)) + var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height,32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space,var(--accordion-edge-to-disclosure-indicator-space,32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding,var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,0px));border-radius:var(--luzmo-accordion-item-accordion-header-border-radius,var(--accordion-item-accordion-header-border-radius));border:0;position:relative}#header:focus{outline:none}#header:focus:after{content:\"\";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-border-radius,var(--accordion-item-accordion-header-border-radius,var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width,var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color,var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus,var(--accordion-item-header-background-color,var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus,var(--luzmo-font-color-focus));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap,2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down,var(--accordion-item-header-background-color,var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down,var(--luzmo-font-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color));background-color:var(--luzmo-accordion-item-disabled-background-color,var(--accordion-item-disabled-background-color,initial))}@media (hover:hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover,var(--accordion-item-header-background-color,var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color,var(--accordion-item-disabled-background-color,initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover,var(--luzmo-font-color-hover))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover,var(--accordion-item-header-background-color,var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color,var(--luzmo-disabled-color))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:\"\";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}", h = () => a`
95
+ <div class="icon-container">
96
+ ${u(l, { className: "indicator" })}
97
+ </div>
98
+ `, g = class extends r(i, { noDefaultSize: !0 }) {
99
+ constructor(...e) {
100
+ super(...e), this.open = !1, this.label = "", this.disabled = !1, this.renderAngleIcon = () => h();
101
+ }
102
+ static get styles() {
103
+ return [o(m)];
104
+ }
105
+ get focusElement() {
106
+ return this.renderRoot.querySelector("#header");
107
+ }
108
+ onClick() {
109
+ this.disabled || this.toggle();
110
+ }
111
+ toggle() {
112
+ this.open = !this.open, this.dispatchEvent(new CustomEvent("luzmo-accordion-item-toggle", {
113
+ bubbles: !0,
114
+ composed: !0,
115
+ cancelable: !0
116
+ })) || (this.open = !this.open);
117
+ }
118
+ render() {
119
+ return a`
120
+ <h3 id="heading">
121
+ ${d(this.size, this.renderAngleIcon)}
122
+ <button
123
+ id="header"
124
+ @click=${this.onClick}
125
+ aria-expanded=${this.open}
126
+ aria-controls="content"
127
+ ?disabled=${this.disabled}
128
+ >
129
+ ${this.label}
130
+ </button>
131
+ </h3>
132
+ <div id="content" role="region" aria-labelledby="header">
133
+ <slot></slot>
134
+ </div>
135
+ `;
136
+ }
137
+ updated(e) {
138
+ super.updated(e), e.has("disabled") && (this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled"));
139
+ }
140
+ };
141
+ t([s({
142
+ type: Boolean,
143
+ reflect: !0
144
+ })], g.prototype, "open", void 0), t([s({
145
+ type: String,
146
+ reflect: !0
147
+ })], g.prototype, "label", void 0), t([s({
148
+ type: Boolean,
149
+ reflect: !0
150
+ })], g.prototype, "disabled", void 0), customElements.get("luzmo-accordion-item") || customElements.define("luzmo-accordion-item", g), customElements.get("luzmo-accordion") || customElements.define("luzmo-accordion", p);
151
+ //#endregion
152
+ export { p as n, g as t };