@mhmo91/schmancy 0.2.160 → 0.2.162

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 (254) hide show
  1. package/dist/{animated-text-ButDz3vC.cjs → animated-text-CSOz5SCF.cjs} +2 -2
  2. package/dist/{animated-text-ButDz3vC.cjs.map → animated-text-CSOz5SCF.cjs.map} +1 -1
  3. package/dist/{animated-text-Be992jA_.js → animated-text-DUB2OEsp.js} +3 -3
  4. package/dist/{animated-text-Be992jA_.js.map → animated-text-DUB2OEsp.js.map} +1 -1
  5. package/dist/animated-text.cjs +1 -1
  6. package/dist/animated-text.js +1 -1
  7. package/dist/area.cjs +1 -1
  8. package/dist/{area.component-BNFH4xlv.js → area.component-BWaTpFPB.js} +6 -6
  9. package/dist/{area.component-BNFH4xlv.js.map → area.component-BWaTpFPB.js.map} +1 -1
  10. package/dist/{area.component-H7yKE0i1.cjs → area.component-kK1WKJY2.cjs} +2 -2
  11. package/dist/{area.component-H7yKE0i1.cjs.map → area.component-kK1WKJY2.cjs.map} +1 -1
  12. package/dist/area.js +1 -1
  13. package/dist/{autocomplete-BoqVyf_5.cjs → autocomplete-BKPUk9e5.cjs} +2 -2
  14. package/dist/{autocomplete-BoqVyf_5.cjs.map → autocomplete-BKPUk9e5.cjs.map} +1 -1
  15. package/dist/{autocomplete-Dq94h33i.js → autocomplete-Di9kiTER.js} +3 -3
  16. package/dist/{autocomplete-Dq94h33i.js.map → autocomplete-Di9kiTER.js.map} +1 -1
  17. package/dist/autocomplete.cjs +1 -1
  18. package/dist/autocomplete.js +1 -1
  19. package/dist/badge.cjs +1 -1
  20. package/dist/badge.js +1 -1
  21. package/dist/busy.cjs +1 -1
  22. package/dist/busy.js +1 -1
  23. package/dist/button.cjs +1 -1
  24. package/dist/button.js +1 -1
  25. package/dist/card.cjs +1 -1
  26. package/dist/card.js +1 -1
  27. package/dist/{checkbox-C3oCN6-m.cjs → checkbox-CwMYYFc5.cjs} +2 -2
  28. package/dist/{checkbox-C3oCN6-m.cjs.map → checkbox-CwMYYFc5.cjs.map} +1 -1
  29. package/dist/{checkbox-D82AhpUU.js → checkbox-Dr_Nv_NO.js} +2 -2
  30. package/dist/{checkbox-D82AhpUU.js.map → checkbox-Dr_Nv_NO.js.map} +1 -1
  31. package/dist/checkbox.cjs +1 -1
  32. package/dist/checkbox.js +1 -1
  33. package/dist/{chips-C1lJe-VM.cjs → chips-CMSDxpu9.cjs} +2 -2
  34. package/dist/{chips-C1lJe-VM.cjs.map → chips-CMSDxpu9.cjs.map} +1 -1
  35. package/dist/{chips-BImfI_Cy.js → chips-Dy8t83by.js} +3 -3
  36. package/dist/{chips-BImfI_Cy.js.map → chips-Dy8t83by.js.map} +1 -1
  37. package/dist/chips.cjs +1 -1
  38. package/dist/chips.js +1 -1
  39. package/dist/components.cjs +1 -1
  40. package/dist/components.js +1 -1
  41. package/dist/content-drawer.cjs +1 -1
  42. package/dist/content-drawer.js +1 -1
  43. package/dist/{date-range-D_TITodq.cjs → date-range-B2cD9hQe.cjs} +2 -2
  44. package/dist/{date-range-D_TITodq.cjs.map → date-range-B2cD9hQe.cjs.map} +1 -1
  45. package/dist/{date-range-B36NwQJj.js → date-range-BSRsyfMM.js} +3 -3
  46. package/dist/{date-range-B36NwQJj.js.map → date-range-BSRsyfMM.js.map} +1 -1
  47. package/dist/date-range.cjs +1 -1
  48. package/dist/date-range.js +1 -1
  49. package/dist/{delay-u3ZtuHuD.js → delay-DN-mtGtE.js} +11 -11
  50. package/dist/{delay-u3ZtuHuD.js.map → delay-DN-mtGtE.js.map} +1 -1
  51. package/dist/{delay-BZANXguW.cjs → delay-DUjqSk9U.cjs} +2 -2
  52. package/dist/{delay-BZANXguW.cjs.map → delay-DUjqSk9U.cjs.map} +1 -1
  53. package/dist/delay.cjs +1 -1
  54. package/dist/delay.js +1 -1
  55. package/dist/{divider-4xKbeJOK.js → divider-CwrrRepk.js} +3 -3
  56. package/dist/{divider-4xKbeJOK.js.map → divider-CwrrRepk.js.map} +1 -1
  57. package/dist/{divider-BGh7WiTm.cjs → divider-D-3b8xBH.cjs} +2 -2
  58. package/dist/{divider-BGh7WiTm.cjs.map → divider-D-3b8xBH.cjs.map} +1 -1
  59. package/dist/divider.cjs +1 -1
  60. package/dist/divider.js +1 -1
  61. package/dist/extra.cjs +1 -1
  62. package/dist/extra.js +1 -1
  63. package/dist/flex-BJPUKHgq.cjs +41 -0
  64. package/dist/flex-BJPUKHgq.cjs.map +1 -0
  65. package/dist/flex-D4HMvbL2.js +238 -0
  66. package/dist/flex-D4HMvbL2.js.map +1 -0
  67. package/dist/{form-DwRU18it.cjs → form-CPm25cLE.cjs} +2 -2
  68. package/dist/{form-DwRU18it.cjs.map → form-CPm25cLE.cjs.map} +1 -1
  69. package/dist/{form-DEWs5VTx.js → form-D-CN4Npb.js} +2 -2
  70. package/dist/{form-DEWs5VTx.js.map → form-D-CN4Npb.js.map} +1 -1
  71. package/dist/form.cjs +1 -1
  72. package/dist/form.js +1 -1
  73. package/dist/{icon-Bpgf3d2W.cjs → icon-DUTbI5sF.cjs} +2 -2
  74. package/dist/{icon-Bpgf3d2W.cjs.map → icon-DUTbI5sF.cjs.map} +1 -1
  75. package/dist/{icon-D8bGIsnU.js → icon-baMFKlix.js} +3 -3
  76. package/dist/{icon-D8bGIsnU.js.map → icon-baMFKlix.js.map} +1 -1
  77. package/dist/{icon-button-BShbUJzz.js → icon-button-Dytz2u7f.js} +3 -3
  78. package/dist/{icon-button-BShbUJzz.js.map → icon-button-Dytz2u7f.js.map} +1 -1
  79. package/dist/{icon-button-Rmv2a0U5.cjs → icon-button-M79Lwelv.cjs} +2 -2
  80. package/dist/{icon-button-Rmv2a0U5.cjs.map → icon-button-M79Lwelv.cjs.map} +1 -1
  81. package/dist/icons.cjs +1 -1
  82. package/dist/icons.js +1 -1
  83. package/dist/index.cjs +1 -1
  84. package/dist/index.js +119 -121
  85. package/dist/index.js.map +1 -1
  86. package/dist/{input-CAJ-MBq7.cjs → input-C2wFU_S6.cjs} +2 -2
  87. package/dist/{input-CAJ-MBq7.cjs.map → input-C2wFU_S6.cjs.map} +1 -1
  88. package/dist/{input-D211jB9f.js → input-D390Osy4.js} +2 -2
  89. package/dist/{input-D211jB9f.js.map → input-D390Osy4.js.map} +1 -1
  90. package/dist/input.cjs +1 -1
  91. package/dist/input.js +1 -1
  92. package/dist/layout.cjs +1 -1
  93. package/dist/layout.js +1 -1
  94. package/dist/{list-DMXqpSCh.js → list-BJFvg0LF.js} +2 -2
  95. package/dist/{list-DMXqpSCh.js.map → list-BJFvg0LF.js.map} +1 -1
  96. package/dist/{list-CwdYlei9.cjs → list-Bn-B6Pbl.cjs} +2 -2
  97. package/dist/{list-CwdYlei9.cjs.map → list-Bn-B6Pbl.cjs.map} +1 -1
  98. package/dist/list.cjs +1 -1
  99. package/dist/list.js +1 -1
  100. package/dist/{litElement.mixin-B1zxT55T.js → litElement.mixin-CRbxrdrS.js} +2 -2
  101. package/dist/{litElement.mixin-B1zxT55T.js.map → litElement.mixin-CRbxrdrS.js.map} +1 -1
  102. package/dist/{litElement.mixin-Bl5r_3iS.cjs → litElement.mixin-CwAqMl79.cjs} +2 -2
  103. package/dist/{litElement.mixin-Bl5r_3iS.cjs.map → litElement.mixin-CwAqMl79.cjs.map} +1 -1
  104. package/dist/{menu-phn2-8UA.js → menu-5krKi7zq.js} +3 -3
  105. package/dist/{menu-phn2-8UA.js.map → menu-5krKi7zq.js.map} +1 -1
  106. package/dist/{menu-CBin71yi.cjs → menu-D6SHzgaV.cjs} +2 -2
  107. package/dist/{menu-CBin71yi.cjs.map → menu-D6SHzgaV.cjs.map} +1 -1
  108. package/dist/menu.cjs +1 -1
  109. package/dist/menu.js +1 -1
  110. package/dist/nav-drawer.cjs +1 -1
  111. package/dist/nav-drawer.js +1 -1
  112. package/dist/{notification-container-CRjLSf2l.cjs → notification-service-BFfFPd1Q.cjs} +19 -19
  113. package/dist/notification-service-BFfFPd1Q.cjs.map +1 -0
  114. package/dist/{notification-container-C5o2dqpe.js → notification-service-DA3l75i3.js} +127 -94
  115. package/dist/notification-service-DA3l75i3.js.map +1 -0
  116. package/dist/notification.cjs +1 -1
  117. package/dist/notification.js +5 -7
  118. package/dist/notification.js.map +1 -1
  119. package/dist/{option-CAZq8vIE.js → option-BAMNOMye.js} +2 -2
  120. package/dist/{option-CAZq8vIE.js.map → option-BAMNOMye.js.map} +1 -1
  121. package/dist/{option-DO30M5mj.cjs → option-DBh0pEws.cjs} +2 -2
  122. package/dist/{option-DO30M5mj.cjs.map → option-DBh0pEws.cjs.map} +1 -1
  123. package/dist/option.cjs +1 -1
  124. package/dist/option.js +1 -1
  125. package/dist/{payment-card-form-CFYt0jpm.js → payment-card-form-CNWsIJhu.js} +3 -3
  126. package/dist/{payment-card-form-CFYt0jpm.js.map → payment-card-form-CNWsIJhu.js.map} +1 -1
  127. package/dist/{payment-card-form-C0ib712J.cjs → payment-card-form-CklVDo7L.cjs} +2 -2
  128. package/dist/{payment-card-form-C0ib712J.cjs.map → payment-card-form-CklVDo7L.cjs.map} +1 -1
  129. package/dist/{radio-group-Xgv957h3.cjs → radio-group-8d4MJqaa.cjs} +2 -2
  130. package/dist/{radio-group-Xgv957h3.cjs.map → radio-group-8d4MJqaa.cjs.map} +1 -1
  131. package/dist/{radio-group-yCmH2g1m.js → radio-group-CRXQ4ajE.js} +2 -2
  132. package/dist/{radio-group-yCmH2g1m.js.map → radio-group-CRXQ4ajE.js.map} +1 -1
  133. package/dist/radio-group.cjs +1 -1
  134. package/dist/radio-group.js +1 -1
  135. package/dist/rxjs-utils.js +4 -4
  136. package/dist/{schmancy-steps-container-DozeItXT.js → schmancy-steps-container-DzeJED2U.js} +2 -2
  137. package/dist/{schmancy-steps-container-DozeItXT.js.map → schmancy-steps-container-DzeJED2U.js.map} +1 -1
  138. package/dist/{schmancy-steps-container-BUUNK6-a.cjs → schmancy-steps-container-KinQK3rz.cjs} +2 -2
  139. package/dist/{schmancy-steps-container-BUUNK6-a.cjs.map → schmancy-steps-container-KinQK3rz.cjs.map} +1 -1
  140. package/dist/{select-hrpNF0ay.cjs → select-DlblA74_.cjs} +2 -2
  141. package/dist/{select-hrpNF0ay.cjs.map → select-DlblA74_.cjs.map} +1 -1
  142. package/dist/{select-D1GqH9az.js → select-dxNE4mnd.js} +3 -3
  143. package/dist/{select-D1GqH9az.js.map → select-dxNE4mnd.js.map} +1 -1
  144. package/dist/select.cjs +1 -1
  145. package/dist/select.js +1 -1
  146. package/dist/selector-hook-omsuyAOu.js.map +1 -1
  147. package/dist/{sheet-BheMSUgv.js → sheet-BmIoE7Ej.js} +12 -12
  148. package/dist/{sheet-BheMSUgv.js.map → sheet-BmIoE7Ej.js.map} +1 -1
  149. package/dist/{sheet-j8iBPQ6T.cjs → sheet-D2sUghqi.cjs} +2 -2
  150. package/dist/{sheet-j8iBPQ6T.cjs.map → sheet-D2sUghqi.cjs.map} +1 -1
  151. package/dist/sheet.cjs +1 -1
  152. package/dist/sheet.js +1 -1
  153. package/dist/{slider-5_06CQZJ.js → slider-DCysIErg.js} +3 -3
  154. package/dist/{slider-5_06CQZJ.js.map → slider-DCysIErg.js.map} +1 -1
  155. package/dist/{slider-Dk2AGCrw.cjs → slider-VShAooYp.cjs} +2 -2
  156. package/dist/{slider-Dk2AGCrw.cjs.map → slider-VShAooYp.cjs.map} +1 -1
  157. package/dist/slider.cjs +1 -1
  158. package/dist/slider.js +1 -1
  159. package/dist/{spinner-CmaRhtzu.cjs → spinner-Dv-uGeoR.cjs} +2 -2
  160. package/dist/{spinner-CmaRhtzu.cjs.map → spinner-Dv-uGeoR.cjs.map} +1 -1
  161. package/dist/{spinner-DQPVv48S.js → spinner-UC31R_xS.js} +3 -3
  162. package/dist/{spinner-DQPVv48S.js.map → spinner-UC31R_xS.js.map} +1 -1
  163. package/dist/steps.cjs +1 -1
  164. package/dist/steps.js +1 -1
  165. package/dist/{surface-D5Jqe0bf.js → surface-B3v9NfAj.js} +2 -2
  166. package/dist/{surface-D5Jqe0bf.js.map → surface-B3v9NfAj.js.map} +1 -1
  167. package/dist/{surface-DAkIsvJB.cjs → surface-ClnnQP3o.cjs} +2 -2
  168. package/dist/{surface-DAkIsvJB.cjs.map → surface-ClnnQP3o.cjs.map} +1 -1
  169. package/dist/surface.cjs +1 -1
  170. package/dist/surface.js +1 -1
  171. package/dist/{table-CdsT8VSZ.js → table-BZ4h621V.js} +2 -2
  172. package/dist/{table-CdsT8VSZ.js.map → table-BZ4h621V.js.map} +1 -1
  173. package/dist/{table-CljxYE7x.cjs → table-CWDtSTrW.cjs} +2 -2
  174. package/dist/{table-CljxYE7x.cjs.map → table-CWDtSTrW.cjs.map} +1 -1
  175. package/dist/table.cjs +1 -1
  176. package/dist/table.js +1 -1
  177. package/dist/{tabs-group-DLwYQyDv.cjs → tabs-group-Bb4uOpJc.cjs} +2 -2
  178. package/dist/{tabs-group-DLwYQyDv.cjs.map → tabs-group-Bb4uOpJc.cjs.map} +1 -1
  179. package/dist/{tabs-group-BmHljUlz.js → tabs-group-WJjM75TT.js} +2 -2
  180. package/dist/{tabs-group-BmHljUlz.js.map → tabs-group-WJjM75TT.js.map} +1 -1
  181. package/dist/tabs.cjs +1 -1
  182. package/dist/tabs.js +1 -1
  183. package/dist/tailwind.mixin-B_hJc1PP.js +43 -0
  184. package/dist/{tailwind.mixin-Q2P-9IKt.js.map → tailwind.mixin-B_hJc1PP.js.map} +1 -1
  185. package/dist/tailwind.mixin-DLuYz9Iz.cjs +2 -0
  186. package/dist/{tailwind.mixin-CryL2ZOy.cjs.map → tailwind.mixin-DLuYz9Iz.cjs.map} +1 -1
  187. package/dist/teleport.cjs +1 -1
  188. package/dist/{teleport.component-CnH7tw9d.cjs → teleport.component-CNVTORt3.cjs} +2 -2
  189. package/dist/{teleport.component-CnH7tw9d.cjs.map → teleport.component-CNVTORt3.cjs.map} +1 -1
  190. package/dist/{teleport.component-CX0EcZsB.js → teleport.component-DSs12GIK.js} +38 -38
  191. package/dist/{teleport.component-CX0EcZsB.js.map → teleport.component-DSs12GIK.js.map} +1 -1
  192. package/dist/teleport.js +1 -1
  193. package/dist/{textarea-BFtirUYQ.cjs → textarea-B3_G9W-u.cjs} +2 -2
  194. package/dist/{textarea-BFtirUYQ.cjs.map → textarea-B3_G9W-u.cjs.map} +1 -1
  195. package/dist/{textarea-C-ZczaeA.js → textarea-B5V4jvIX.js} +2 -2
  196. package/dist/{textarea-C-ZczaeA.js.map → textarea-B5V4jvIX.js.map} +1 -1
  197. package/dist/textarea.cjs +1 -1
  198. package/dist/textarea.js +1 -1
  199. package/dist/{theme-button-Co1FWQZy.cjs → theme-button-C6pyxtwQ.cjs} +2 -2
  200. package/dist/{theme-button-Co1FWQZy.cjs.map → theme-button-C6pyxtwQ.cjs.map} +1 -1
  201. package/dist/{theme-button-DkSJ3DGG.js → theme-button-D-ojrnYh.js} +2 -2
  202. package/dist/{theme-button-DkSJ3DGG.js.map → theme-button-D-ojrnYh.js.map} +1 -1
  203. package/dist/theme-button.cjs +1 -1
  204. package/dist/theme-button.js +1 -1
  205. package/dist/theme.cjs +1 -1
  206. package/dist/{theme.component-DPvN4am3.js → theme.component-B6Hvc574.js} +2 -2
  207. package/dist/{theme.component-DPvN4am3.js.map → theme.component-B6Hvc574.js.map} +1 -1
  208. package/dist/{theme.component-kt0rSKAw.cjs → theme.component-DR4uOck9.cjs} +2 -2
  209. package/dist/{theme.component-kt0rSKAw.cjs.map → theme.component-DR4uOck9.cjs.map} +1 -1
  210. package/dist/theme.js +1 -1
  211. package/dist/{timezone-CoXF6uCH.js → timezone-CyDIsW4A.js} +3 -3
  212. package/dist/{timezone-CoXF6uCH.js.map → timezone-CyDIsW4A.js.map} +1 -1
  213. package/dist/{timezone-BAw4bWdz.cjs → timezone-vGpDPCRT.cjs} +2 -2
  214. package/dist/{timezone-BAw4bWdz.cjs.map → timezone-vGpDPCRT.cjs.map} +1 -1
  215. package/dist/{tooltip-FWNQFOV4.cjs → tooltip-BJ_lQc8I.cjs} +2 -2
  216. package/dist/{tooltip-FWNQFOV4.cjs.map → tooltip-BJ_lQc8I.cjs.map} +1 -1
  217. package/dist/{tooltip-Dl2N0nLg.js → tooltip-Ck-JUG_m.js} +2 -2
  218. package/dist/{tooltip-Dl2N0nLg.js.map → tooltip-Ck-JUG_m.js.map} +1 -1
  219. package/dist/tooltip.cjs +1 -1
  220. package/dist/tooltip.js +1 -1
  221. package/dist/{tree-DNotOnkS.js → tree-BE0sci4r.js} +2 -2
  222. package/dist/{tree-DNotOnkS.js.map → tree-BE0sci4r.js.map} +1 -1
  223. package/dist/{tree-DE0EGUP8.cjs → tree-plC4VSNF.cjs} +2 -2
  224. package/dist/{tree-DE0EGUP8.cjs.map → tree-plC4VSNF.cjs.map} +1 -1
  225. package/dist/tree.cjs +1 -1
  226. package/dist/tree.js +1 -1
  227. package/dist/{typewriter--Sc6E-hJ.js → typewriter-CFULjoNm.js} +11 -11
  228. package/dist/{typewriter--Sc6E-hJ.js.map → typewriter-CFULjoNm.js.map} +1 -1
  229. package/dist/{typewriter-DxMBpsNX.cjs → typewriter-CwrZhpWq.cjs} +2 -2
  230. package/dist/{typewriter-DxMBpsNX.cjs.map → typewriter-CwrZhpWq.cjs.map} +1 -1
  231. package/dist/typewriter.cjs +1 -1
  232. package/dist/typewriter.js +1 -1
  233. package/dist/{typography-CXGW5mh2.js → typography-BB5uUnkZ.js} +2 -2
  234. package/dist/{typography-CXGW5mh2.js.map → typography-BB5uUnkZ.js.map} +1 -1
  235. package/dist/{typography-CbJoawFE.cjs → typography-CRoZbt0O.cjs} +2 -2
  236. package/dist/{typography-CbJoawFE.cjs.map → typography-CRoZbt0O.cjs.map} +1 -1
  237. package/dist/typography.cjs +1 -1
  238. package/dist/typography.js +1 -1
  239. package/package.json +1 -1
  240. package/types/src/layout/scroll/scroll.d.ts +36 -1
  241. package/types/src/notification/index.d.ts +1 -1
  242. package/types/src/notification/notification-service.d.ts +20 -0
  243. package/dist/flex-5tU3sgUP.js +0 -232
  244. package/dist/flex-5tU3sgUP.js.map +0 -1
  245. package/dist/flex-M_YoqXnB.cjs +0 -41
  246. package/dist/flex-M_YoqXnB.cjs.map +0 -1
  247. package/dist/notification-container-C5o2dqpe.js.map +0 -1
  248. package/dist/notification-container-CRjLSf2l.cjs.map +0 -1
  249. package/dist/notification-service-DWeUoHi2.js +0 -29
  250. package/dist/notification-service-DWeUoHi2.js.map +0 -1
  251. package/dist/notification-service-DXXrRCmK.cjs +0 -2
  252. package/dist/notification-service-DXXrRCmK.cjs.map +0 -1
  253. package/dist/tailwind.mixin-CryL2ZOy.cjs +0 -2
  254. package/dist/tailwind.mixin-Q2P-9IKt.js +0 -43
@@ -1 +1 @@
1
- {"version":3,"file":"option-CAZq8vIE.js","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tthis.addEventListener('click', this.handleClick)\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up event listeners\n\t\tthis.removeEventListener('click', this.handleClick)\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate handleClick(e: Event) {\n\t\te.stopPropagation()\n\t\tif (this.disabled) return\n\t\t// Dispatch a custom event with this option's value\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('option-select', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t\tdetail: { value: this.value },\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\t// Handle space and enter as clicks\n\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tthis.handleClick(e)\n\t\t}\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","addEventListener","handleClick","handleKeyDown","removeEventListener","disconnectedCallback","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}
1
+ {"version":3,"file":"option-BAMNOMye.js","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tthis.addEventListener('click', this.handleClick)\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up event listeners\n\t\tthis.removeEventListener('click', this.handleClick)\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate handleClick(e: Event) {\n\t\te.stopPropagation()\n\t\tif (this.disabled) return\n\t\t// Dispatch a custom event with this option's value\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('option-select', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t\tdetail: { value: this.value },\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\t// Handle space and enter as clicks\n\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tthis.handleClick(e)\n\t\t}\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","addEventListener","handleClick","handleKeyDown","removeEventListener","disconnectedCallback","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":";;;;;;;;;;AAUA,IAAqBA,IAArB,cAA4CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA5D,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SA0BiBC,GAAAA,KAAAC,QAAA,IAMAD,KAAAE,QAAA,IAMIF,KAAAG,WAAA,IAMAH,KAAAI,WAAAA,IAMJJ,KAAAK,QAAA,IAMDL,KAAAM,OAAA;AAAA,EAAA;AAAA,EAEf,oBAAAC;;AACCT,UAAMS,kBAGDP,GAAAA,KAAKQ,OACJR,KAAAQ,KAAK,mBAAmBC,KAAKC,OAASC,EAAAA,SAAS,IAAIC,UAAU,GAAG,CAIjEZ,CAAAA,KAAAA,KAAKE,UACTF,KAAKE,UAAQF,IAAAA,KAAKa,gBAALb,gBAAAA,EAAkBc,WAAUd,KAAKC,QAI1CD,CAAAA,KAAKC,SAASD,KAAKa,gBAClBb,KAAAC,QAAQD,KAAKa,YAAYC,KAAAA,IAI1Bd,KAAAe,iBAAiB,SAASf,KAAKgB,WAAAA,GAC/BhB,KAAAe,iBAAiB,WAAWf,KAAKiB,aAAAA;AAAAA,EAAa;AAAA,EAGpD;AAEMjB,SAAAkB,oBAAoB,SAASlB,KAAKgB,cAClChB,KAAAkB,oBAAoB,WAAWlB,KAAKiB,aACzCnB,GAAAA,MAAMqB,qBAAqB;AAAA,EAAA;AAAA,EAGpB,YAAYC,GAAAA;AACnBA,IAAAA,EAAEC,gBAAAA,GACErB,KAAKI,YAEJJ,KAAAsB,cACJ,IAAIC,YAAY,iBAAiB,EAChCC,SAAS,IACTC,cACAC,QAAQ,EAAEzB,OAAOD,KAAKC,MAExB,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAGO,cAAcmB;AAEP,IAAVA,EAAEO,QAAQ,OAAOP,EAAEO,QAAQ,YAC9BP,EAAEQ,eACF5B,GAAAA,KAAKgB,YAAYI,CAClB;AAAA,EAAA;AAAA,EAGD,SAAAS;AACC,UAAMC,IAAU,EACf,QAAQ,IACR,YACAC,SAAAA,IACA,WAAA,IACA,UAAU,IACVC,MAAM,IACN,oBACA,SAAA,IAEA,wBAAwBhC,KAAKG,UAC7B,4BAA4BH,KAAKG,UAEjC,0BAA0BH,KAAKG,UAE/B,sBAAsB,GAAA;AAGhB,WAAA8B;AAAAA,gBACOjC,KAAKkC,SAASJ,CAAAA,CAAAA,gCAAwC9B,KAAKG,QAAAA,kBAA0BH,KAAKI,QAAAA;AAAAA,MACpGJ,KAAKM,OAAO2B,uBAA0BjC,KAAKM,IAAgB,YAAA,EAAA;AAAA,2BACtCN,KAAKE,SAASF,KAAKC,KAAAA;AAAAA,MACxCD,KAAKG,WACJ8B;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,UAgBA,EAAA;AAAA;AAAA;AAAA,EAAE;AAAA;AA3HRE,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAzBE3C,CAAAA,CAAAA,GAAAA,EA0BpB4C,WAAA,SAAA,CAMAJ,GAAAA,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GA/BE3C,EAgCpB4C,WAAA,SAAA,CAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMG,SAASC,SAAAA,GArCP9C,CAAAA,CAAAA,GAAAA,EAsCpB4C,WAAA,YAAA,IAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMG,SAASC,SAAS,GAAA,CAAA,CAAA,GA3ChB9C,EA4CpB4C,WAAA,YAAA,CAMAJ,GAAAA,EAAA,CADCC,EAAS,EAAEC,MAAMC,YAjDE3C,EAkDpB4C,WAAA,SAAA,CAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAvDE3C,CAAAA,CAAAA,GAAAA,EAwDpB4C,WAAA,QAAA,CAxDoB5C,GAAAA,IAArBwC,EAAA,CADCO,EAAc,iBACM/C,CAAAA,GAAAA,CAAAA;"}
@@ -1,4 +1,4 @@
1
- "use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./tailwind.mixin-CryL2ZOy.cjs"),l=require("lit"),i=require("lit/decorators.js");var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,n=(e,o,a,r)=>{for(var c,s=r>1?void 0:r?u(o,a):o,p=e.length-1;p>=0;p--)(c=e[p])&&(s=(r?c(o,a,s):c(s))||s);return r&&s&&d(o,a,s),s};let t=class extends h.TailwindElement(l.css`
1
+ "use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./tailwind.mixin-DLuYz9Iz.cjs"),l=require("lit"),i=require("lit/decorators.js");var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,n=(e,o,a,r)=>{for(var c,s=r>1?void 0:r?u(o,a):o,p=e.length-1;p>=0;p--)(c=e[p])&&(s=(r?c(o,a,s):c(s))||s);return r&&s&&d(o,a,s),s};let t=class extends h.TailwindElement(l.css`
2
2
  :host {
3
3
  display: block;
4
4
  cursor: pointer;
@@ -41,4 +41,4 @@
41
41
  `:""}
42
42
  </div>
43
43
  `}};n([i.property({type:String})],t.prototype,"value",2),n([i.property({type:String})],t.prototype,"label",2),n([i.property({type:Boolean,reflect:!0})],t.prototype,"selected",2),n([i.property({type:Boolean,reflect:!0})],t.prototype,"disabled",2),n([i.property({type:String})],t.prototype,"group",2),n([i.property({type:String})],t.prototype,"icon",2),t=n([i.customElement("schmancy-option")],t);
44
- //# sourceMappingURL=option-DO30M5mj.cjs.map
44
+ //# sourceMappingURL=option-DBh0pEws.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"option-DO30M5mj.cjs","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tthis.addEventListener('click', this.handleClick)\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up event listeners\n\t\tthis.removeEventListener('click', this.handleClick)\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate handleClick(e: Event) {\n\t\te.stopPropagation()\n\t\tif (this.disabled) return\n\t\t// Dispatch a custom event with this option's value\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('option-select', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t\tdetail: { value: this.value },\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\t// Handle space and enter as clicks\n\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tthis.handleClick(e)\n\t\t}\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","addEventListener","handleClick","handleKeyDown","disconnectedCallback","removeEventListener","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}
1
+ {"version":3,"file":"option-DBh0pEws.cjs","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tthis.addEventListener('click', this.handleClick)\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up event listeners\n\t\tthis.removeEventListener('click', this.handleClick)\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate handleClick(e: Event) {\n\t\te.stopPropagation()\n\t\tif (this.disabled) return\n\t\t// Dispatch a custom event with this option's value\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('option-select', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t\tdetail: { value: this.value },\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\t// Handle space and enter as clicks\n\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tthis.handleClick(e)\n\t\t}\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","addEventListener","handleClick","handleKeyDown","disconnectedCallback","removeEventListener","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}
package/dist/option.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";require("./option-DO30M5mj.cjs");
1
+ "use strict";require("./option-DBh0pEws.cjs");
2
2
  //# sourceMappingURL=option.cjs.map
package/dist/option.js CHANGED
@@ -1,2 +1,2 @@
1
- import "./option-CAZq8vIE.js";
1
+ import "./option-BAMNOMye.js";
2
2
  //# sourceMappingURL=option.js.map
@@ -1,8 +1,8 @@
1
1
  import "rxjs";
2
2
  import "lit/directives/class-map.js";
3
3
  import "lit/directives/style-map.js";
4
- import { $ as P } from "./litElement.mixin-B1zxT55T.js";
5
- import "./tailwind.mixin-Q2P-9IKt.js";
4
+ import { $ as P } from "./litElement.mixin-CRbxrdrS.js";
5
+ import "./tailwind.mixin-B_hJc1PP.js";
6
6
  import { html as b } from "lit";
7
7
  import { property as L, state as y, query as I, customElement as M } from "lit/decorators.js";
8
8
  var C = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, x = function(e, t, r, i, a, n, o, l, d, p) {
@@ -511,4 +511,4 @@ g([L({ type: Object, reflect: !0 })], h.prototype, "value", 2), g([y()], h.proto
511
511
  export {
512
512
  h as S
513
513
  };
514
- //# sourceMappingURL=payment-card-form-CFYt0jpm.js.map
514
+ //# sourceMappingURL=payment-card-form-CNWsIJhu.js.map