@mhmo91/schmancy 0.7.7 → 0.8.3

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 (547) hide show
  1. package/ai/audio.md +241 -0
  2. package/ai/content-drawer.md +163 -70
  3. package/ai/lightbox.md +381 -0
  4. package/ai/typography.md +75 -49
  5. package/dist/ai/audio.md +241 -0
  6. package/dist/ai/content-drawer.md +163 -70
  7. package/dist/ai/lightbox.md +381 -0
  8. package/dist/ai/typography.md +75 -49
  9. package/dist/{animated-text-Be290e6l.cjs → animated-text-Bc3qyXjp.cjs} +2 -2
  10. package/dist/{animated-text-Be290e6l.cjs.map → animated-text-Bc3qyXjp.cjs.map} +1 -1
  11. package/dist/{animated-text-DuLrWJ6O.js → animated-text-CNx6Pmlo.js} +3 -3
  12. package/dist/{animated-text-DuLrWJ6O.js.map → animated-text-CNx6Pmlo.js.map} +1 -1
  13. package/dist/animated-text.cjs +1 -1
  14. package/dist/animated-text.js +1 -1
  15. package/dist/area.cjs +1 -1
  16. package/dist/{area.component-BzjJiNTJ.js → area.component-7mWxekxE.js} +104 -98
  17. package/dist/area.component-7mWxekxE.js.map +1 -0
  18. package/dist/area.component-CS_gSutH.cjs +12 -0
  19. package/dist/area.component-CS_gSutH.cjs.map +1 -0
  20. package/dist/area.js +1 -1
  21. package/dist/audio.cjs +2 -0
  22. package/dist/audio.cjs.map +1 -0
  23. package/dist/audio.js +9 -0
  24. package/dist/audio.js.map +1 -0
  25. package/dist/{autocomplete-FLkd9ju8.js → autocomplete-Ci4jo3Ur.js} +4 -4
  26. package/dist/{autocomplete-FLkd9ju8.js.map → autocomplete-Ci4jo3Ur.js.map} +1 -1
  27. package/dist/{autocomplete-CHmGhBNt.cjs → autocomplete-y-IyzH4r.cjs} +2 -2
  28. package/dist/{autocomplete-CHmGhBNt.cjs.map → autocomplete-y-IyzH4r.cjs.map} +1 -1
  29. package/dist/autocomplete.cjs +1 -1
  30. package/dist/autocomplete.js +1 -1
  31. package/dist/{avatar-C8P4lVfa.js → avatar-BdyuuIk7.js} +243 -258
  32. package/dist/avatar-BdyuuIk7.js.map +1 -0
  33. package/dist/avatar-DBfJucB9.cjs +273 -0
  34. package/dist/avatar-DBfJucB9.cjs.map +1 -0
  35. package/dist/badge.cjs +1 -1
  36. package/dist/badge.js +1 -1
  37. package/dist/{boat-Ma6LW-ny.js → boat-CowHieO2.js} +6 -6
  38. package/dist/{boat-Ma6LW-ny.js.map → boat-CowHieO2.js.map} +1 -1
  39. package/dist/{boat-kYOUec8f.cjs → boat-DkNUc1UO.cjs} +5 -5
  40. package/dist/{boat-kYOUec8f.cjs.map → boat-DkNUc1UO.cjs.map} +1 -1
  41. package/dist/boat.cjs +1 -1
  42. package/dist/boat.js +1 -1
  43. package/dist/busy.cjs +1 -1
  44. package/dist/busy.js +1 -1
  45. package/dist/button.cjs +1 -1
  46. package/dist/button.js +1 -1
  47. package/dist/card.cjs +1 -1
  48. package/dist/card.js +1 -1
  49. package/dist/charts.cjs +2 -0
  50. package/dist/charts.cjs.map +1 -0
  51. package/dist/charts.js +9 -0
  52. package/dist/charts.js.map +1 -0
  53. package/dist/{checkbox-x46L-XTG.js → checkbox-BY4Sn8F2.js} +6 -6
  54. package/dist/{checkbox-x46L-XTG.js.map → checkbox-BY4Sn8F2.js.map} +1 -1
  55. package/dist/{checkbox-DLZkKaon.cjs → checkbox-BvWcABPr.cjs} +2 -2
  56. package/dist/{checkbox-DLZkKaon.cjs.map → checkbox-BvWcABPr.cjs.map} +1 -1
  57. package/dist/checkbox.cjs +1 -1
  58. package/dist/checkbox.js +1 -1
  59. package/dist/chips.cjs +1 -1
  60. package/dist/chips.js +2 -2
  61. package/dist/code-highlight.cjs +1 -1
  62. package/dist/code-highlight.js +1 -1
  63. package/dist/{code-preview-BsQq77nu.cjs → code-preview-BIFIJigy.cjs} +2 -2
  64. package/dist/{code-preview-BsQq77nu.cjs.map → code-preview-BIFIJigy.cjs.map} +1 -1
  65. package/dist/{code-preview-C3DLglSl.js → code-preview-CYjmAxfs.js} +3 -3
  66. package/dist/{code-preview-C3DLglSl.js.map → code-preview-CYjmAxfs.js.map} +1 -1
  67. package/dist/components.cjs +1 -1
  68. package/dist/components.js +1 -1
  69. package/dist/content-drawer.cjs +1 -1
  70. package/dist/content-drawer.js +1 -1
  71. package/dist/{context-create-BvxbWTgj.js → context-create-B_S-sD5B.js} +69 -57
  72. package/dist/context-create-B_S-sD5B.js.map +1 -0
  73. package/dist/context-create-DTybDbZp.cjs +2 -0
  74. package/dist/context-create-DTybDbZp.cjs.map +1 -0
  75. package/dist/date-range-B80Ummtv.cjs +119 -0
  76. package/dist/date-range-B80Ummtv.cjs.map +1 -0
  77. package/dist/date-range-BdIqI7LC.js +639 -0
  78. package/dist/date-range-BdIqI7LC.js.map +1 -0
  79. package/dist/{date-range-inline-CfDu-lIo.js → date-range-inline-Cnhs9atd.js} +3 -3
  80. package/dist/{date-range-inline-CfDu-lIo.js.map → date-range-inline-Cnhs9atd.js.map} +1 -1
  81. package/dist/{date-range-inline-cGptw0hr.cjs → date-range-inline-Df8u6Ecy.cjs} +2 -2
  82. package/dist/{date-range-inline-cGptw0hr.cjs.map → date-range-inline-Df8u6Ecy.cjs.map} +1 -1
  83. package/dist/date-range-inline.cjs +1 -1
  84. package/dist/date-range-inline.js +1 -1
  85. package/dist/date-range.cjs +1 -1
  86. package/dist/date-range.js +1 -1
  87. package/dist/{delay-CXFIM6qK.cjs → delay-BWsVHQib.cjs} +2 -2
  88. package/dist/delay-BWsVHQib.cjs.map +1 -0
  89. package/dist/{delay-BINGOQ7f.js → delay-CCa9nN4A.js} +45 -45
  90. package/dist/delay-CCa9nN4A.js.map +1 -0
  91. package/dist/delay.cjs +1 -1
  92. package/dist/delay.js +1 -1
  93. package/dist/details-Bee5ya0L.js +100 -0
  94. package/dist/details-Bee5ya0L.js.map +1 -0
  95. package/dist/details-oaVHXU7U.cjs +55 -0
  96. package/dist/details-oaVHXU7U.cjs.map +1 -0
  97. package/dist/details.cjs +1 -1
  98. package/dist/details.js +1 -1
  99. package/dist/dialog-service-C86xTS8q.cjs +2 -0
  100. package/dist/dialog-service-C86xTS8q.cjs.map +1 -0
  101. package/dist/dialog-service-D9E3jLAR.js +118 -0
  102. package/dist/dialog-service-D9E3jLAR.js.map +1 -0
  103. package/dist/dialog.cjs +1 -1
  104. package/dist/dialog.component-BriB-kFi.cjs +48 -0
  105. package/dist/dialog.component-BriB-kFi.cjs.map +1 -0
  106. package/dist/dialog.component-CMUoCC7O.js +145 -0
  107. package/dist/dialog.component-CMUoCC7O.js.map +1 -0
  108. package/dist/dialog.js +7 -7
  109. package/dist/directives.cjs +1 -1
  110. package/dist/directives.js +11 -10
  111. package/dist/directives.js.map +1 -1
  112. package/dist/{divider-Bu6tzwGl.js → divider-B7DBbYFI.js} +3 -3
  113. package/dist/{divider-Bu6tzwGl.js.map → divider-B7DBbYFI.js.map} +1 -1
  114. package/dist/{divider-8tk2mDbL.cjs → divider-Dl4TToQZ.cjs} +2 -2
  115. package/dist/{divider-8tk2mDbL.cjs.map → divider-Dl4TToQZ.cjs.map} +1 -1
  116. package/dist/divider.cjs +1 -1
  117. package/dist/divider.js +1 -1
  118. package/dist/{dropdown-content-DFb07S8x.cjs → dropdown-content-C2W7OttQ.cjs} +2 -2
  119. package/dist/{dropdown-content-DFb07S8x.cjs.map → dropdown-content-C2W7OttQ.cjs.map} +1 -1
  120. package/dist/{dropdown-content-fVhnEKdY.js → dropdown-content-DzhOtilY.js} +3 -3
  121. package/dist/{dropdown-content-fVhnEKdY.js.map → dropdown-content-DzhOtilY.js.map} +1 -1
  122. package/dist/dropdown.cjs +1 -1
  123. package/dist/dropdown.js +1 -1
  124. package/dist/{email-recipients-OG52RGiH.js → email-recipients-BWqZKo3m.js} +8 -7
  125. package/dist/{email-recipients-OG52RGiH.js.map → email-recipients-BWqZKo3m.js.map} +1 -1
  126. package/dist/{email-recipients-BG3GxJvc.cjs → email-recipients-Bh5VC0rc.cjs} +2 -2
  127. package/dist/{email-recipients-BG3GxJvc.cjs.map → email-recipients-Bh5VC0rc.cjs.map} +1 -1
  128. package/dist/emotional-sounds-BRnFhww6.js +234 -0
  129. package/dist/emotional-sounds-BRnFhww6.js.map +1 -0
  130. package/dist/emotional-sounds-DVGhmoZf.cjs +2 -0
  131. package/dist/emotional-sounds-DVGhmoZf.cjs.map +1 -0
  132. package/dist/extra.cjs +1 -1
  133. package/dist/extra.js +1 -1
  134. package/dist/flex-53G-PJx7.js +183 -0
  135. package/dist/flex-53G-PJx7.js.map +1 -0
  136. package/dist/flex-DFSIy0t4.cjs +18 -0
  137. package/dist/flex-DFSIy0t4.cjs.map +1 -0
  138. package/dist/{form-tpyd1nsT.js → form-BtRK9bnp.js} +2 -2
  139. package/dist/{form-tpyd1nsT.js.map → form-BtRK9bnp.js.map} +1 -1
  140. package/dist/{form-cWJBcwc6.cjs → form-Zq7g2JS8.cjs} +2 -2
  141. package/dist/{form-cWJBcwc6.cjs.map → form-Zq7g2JS8.cjs.map} +1 -1
  142. package/dist/form.cjs +1 -1
  143. package/dist/form.js +1 -1
  144. package/dist/{formField.mixin-Mx5CwYUh.js → formField.mixin-2jSL7WF_.js} +2 -2
  145. package/dist/{formField.mixin-Mx5CwYUh.js.map → formField.mixin-2jSL7WF_.js.map} +1 -1
  146. package/dist/{formField.mixin-XlN2pAL0.cjs → formField.mixin-DkN2ufR_.cjs} +2 -2
  147. package/dist/{formField.mixin-XlN2pAL0.cjs.map → formField.mixin-DkN2ufR_.cjs.map} +1 -1
  148. package/dist/height-CfECBO2j.js +44 -0
  149. package/dist/height-CfECBO2j.js.map +1 -0
  150. package/dist/height-Z70qJYJK.cjs +2 -0
  151. package/dist/height-Z70qJYJK.cjs.map +1 -0
  152. package/dist/{icon-Y2qLOFqe.js → icon-B5qeYrDu.js} +17 -17
  153. package/dist/icon-B5qeYrDu.js.map +1 -0
  154. package/dist/icon-button-BpmGFjaR.cjs +70 -0
  155. package/dist/icon-button-BpmGFjaR.cjs.map +1 -0
  156. package/dist/icon-button-HSYaQBNF.js +164 -0
  157. package/dist/icon-button-HSYaQBNF.js.map +1 -0
  158. package/dist/icon-pU_cfmpD.cjs +49 -0
  159. package/dist/icon-pU_cfmpD.cjs.map +1 -0
  160. package/dist/icons.cjs +1 -1
  161. package/dist/icons.js +1 -1
  162. package/dist/index.cjs +1 -1
  163. package/dist/index.js +275 -250
  164. package/dist/index.js.map +1 -1
  165. package/dist/input-8G9YY9qv.cjs +51 -0
  166. package/dist/input-8G9YY9qv.cjs.map +1 -0
  167. package/dist/{input-DDCFZ3cr.js → input-BJMF5Fyk.js} +35 -31
  168. package/dist/input-BJMF5Fyk.js.map +1 -0
  169. package/dist/{input-chip-Bht9MU9G.cjs → input-chip-CocdqTzr.cjs} +2 -2
  170. package/dist/{input-chip-Bht9MU9G.cjs.map → input-chip-CocdqTzr.cjs.map} +1 -1
  171. package/dist/{input-chip-DVE4_1wn.js → input-chip-tbrw56ix.js} +2 -2
  172. package/dist/{input-chip-DVE4_1wn.js.map → input-chip-tbrw56ix.js.map} +1 -1
  173. package/dist/input.cjs +1 -1
  174. package/dist/input.js +1 -1
  175. package/dist/json-CvcloKQv.js +51 -0
  176. package/dist/json-CvcloKQv.js.map +1 -0
  177. package/dist/json-DPnyOA3K.cjs +12 -0
  178. package/dist/json-DPnyOA3K.cjs.map +1 -0
  179. package/dist/json.cjs +2 -0
  180. package/dist/json.cjs.map +1 -0
  181. package/dist/json.js +5 -0
  182. package/dist/json.js.map +1 -0
  183. package/dist/layout.cjs +1 -1
  184. package/dist/layout.js +4 -3
  185. package/dist/layout.js.map +1 -1
  186. package/dist/lightbox-service-3mHqBKEh.cjs +202 -0
  187. package/dist/lightbox-service-3mHqBKEh.cjs.map +1 -0
  188. package/dist/lightbox-service-DxbYZAuv.js +458 -0
  189. package/dist/lightbox-service-DxbYZAuv.js.map +1 -0
  190. package/dist/lightbox.cjs +2 -0
  191. package/dist/lightbox.cjs.map +1 -0
  192. package/dist/lightbox.js +8 -0
  193. package/dist/lightbox.js.map +1 -0
  194. package/dist/{list-BO1gnjmc.js → list-FWXmY-eQ.js} +2 -2
  195. package/dist/{list-BO1gnjmc.js.map → list-FWXmY-eQ.js.map} +1 -1
  196. package/dist/{list-Bac329kq.cjs → list-JjR7WOrd.cjs} +2 -2
  197. package/dist/{list-Bac329kq.cjs.map → list-JjR7WOrd.cjs.map} +1 -1
  198. package/dist/list.cjs +1 -1
  199. package/dist/list.js +1 -1
  200. package/dist/{litElement.mixin-B1WTI3WY.cjs → litElement.mixin-BVBdv0GP.cjs} +2 -2
  201. package/dist/{litElement.mixin-B1WTI3WY.cjs.map → litElement.mixin-BVBdv0GP.cjs.map} +1 -1
  202. package/dist/{litElement.mixin-CVje6z-M.js → litElement.mixin-Wcu4yIIs.js} +2 -2
  203. package/dist/{litElement.mixin-CVje6z-M.js.map → litElement.mixin-Wcu4yIIs.js.map} +1 -1
  204. package/dist/mailbox.cjs +1 -1
  205. package/dist/mailbox.js +1 -1
  206. package/dist/{map-C1jVMhlF.js → map-Br6xJFxG.js} +2 -2
  207. package/dist/{map-C1jVMhlF.js.map → map-Br6xJFxG.js.map} +1 -1
  208. package/dist/{map-BlmS6Zfx.cjs → map-D9R3OCne.cjs} +2 -2
  209. package/dist/{map-BlmS6Zfx.cjs.map → map-D9R3OCne.cjs.map} +1 -1
  210. package/dist/map.cjs +1 -1
  211. package/dist/map.js +1 -1
  212. package/dist/{media-CNMZbEJe.js → media-BV_1DfcW.js} +2 -2
  213. package/dist/{media-CNMZbEJe.js.map → media-BV_1DfcW.js.map} +1 -1
  214. package/dist/{media-CxfrOjie.cjs → media-DibPwAjJ.cjs} +2 -2
  215. package/dist/{media-CxfrOjie.cjs.map → media-DibPwAjJ.cjs.map} +1 -1
  216. package/dist/menu-HKqlq99V.js +60 -0
  217. package/dist/{menu-CUKV4pVJ.js.map → menu-HKqlq99V.js.map} +1 -1
  218. package/dist/{menu-DEa2K7Pk.cjs → menu-vNrV-Nuq.cjs} +4 -6
  219. package/dist/{menu-DEa2K7Pk.cjs.map → menu-vNrV-Nuq.cjs.map} +1 -1
  220. package/dist/menu.cjs +1 -1
  221. package/dist/menu.js +1 -1
  222. package/dist/mixins.cjs +1 -1
  223. package/dist/mixins.js +3 -3
  224. package/dist/nav-drawer.cjs +1 -1
  225. package/dist/nav-drawer.js +1 -1
  226. package/dist/navigation-bar.cjs +1 -1
  227. package/dist/navigation-bar.js +1 -1
  228. package/dist/{navigation-rail-DXr4NJnN.cjs → navigation-rail-D1o3qDe_.cjs} +15 -17
  229. package/dist/navigation-rail-D1o3qDe_.cjs.map +1 -0
  230. package/dist/{navigation-rail-CYKfvZs9.js → navigation-rail-DKXumnmt.js} +30 -32
  231. package/dist/navigation-rail-DKXumnmt.js.map +1 -0
  232. package/dist/navigation-rail.cjs +1 -1
  233. package/dist/navigation-rail.js +1 -1
  234. package/dist/notification-service-B5ljba4P.js +155 -0
  235. package/dist/notification-service-B5ljba4P.js.map +1 -0
  236. package/dist/notification-service-ICRT05L0.cjs +19 -0
  237. package/dist/notification-service-ICRT05L0.cjs.map +1 -0
  238. package/dist/notification.cjs +1 -1
  239. package/dist/notification.js +6 -8
  240. package/dist/{notify-KvHZ-8z9.js → notify-B9CpO1Ru.js} +2 -2
  241. package/dist/notify-B9CpO1Ru.js.map +1 -0
  242. package/dist/{notify-VkDx6hMZ.cjs → notify-NX-dl60E.cjs} +2 -2
  243. package/dist/notify-NX-dl60E.cjs.map +1 -0
  244. package/dist/{option-DnRdbsTb.js → option-B4JKMrLg.js} +2 -2
  245. package/dist/{option-DnRdbsTb.js.map → option-B4JKMrLg.js.map} +1 -1
  246. package/dist/{option-Eh2AXe-Z.cjs → option-epyXLWoY.cjs} +2 -2
  247. package/dist/{option-Eh2AXe-Z.cjs.map → option-epyXLWoY.cjs.map} +1 -1
  248. package/dist/option.cjs +1 -1
  249. package/dist/option.js +1 -1
  250. package/dist/page-Bmi1QHtq.cjs +20 -0
  251. package/dist/page-Bmi1QHtq.cjs.map +1 -0
  252. package/dist/page-BpygEntU.js +48 -0
  253. package/dist/page-BpygEntU.js.map +1 -0
  254. package/dist/page.cjs +2 -0
  255. package/dist/page.cjs.map +1 -0
  256. package/dist/page.js +5 -0
  257. package/dist/page.js.map +1 -0
  258. package/dist/{payment-card-form-8a4Nqqhy.cjs → payment-card-form-3kAXDbXf.cjs} +2 -2
  259. package/dist/{payment-card-form-8a4Nqqhy.cjs.map → payment-card-form-3kAXDbXf.cjs.map} +1 -1
  260. package/dist/{payment-card-form-EVQEb5OX.js → payment-card-form-BxkHuSls.js} +3 -3
  261. package/dist/{payment-card-form-EVQEb5OX.js.map → payment-card-form-BxkHuSls.js.map} +1 -1
  262. package/dist/pills-C3fIvfn8.js +346 -0
  263. package/dist/pills-C3fIvfn8.js.map +1 -0
  264. package/dist/pills-MmHyBGQu.cjs +113 -0
  265. package/dist/pills-MmHyBGQu.cjs.map +1 -0
  266. package/dist/progress-0POmJs5o.js +59 -0
  267. package/dist/progress-0POmJs5o.js.map +1 -0
  268. package/dist/progress-qx8jtrOA.cjs +35 -0
  269. package/dist/progress-qx8jtrOA.cjs.map +1 -0
  270. package/dist/progress.cjs +1 -1
  271. package/dist/progress.js +1 -1
  272. package/dist/qr-scanner-DQq-WLyo.cjs +29 -0
  273. package/dist/qr-scanner-DQq-WLyo.cjs.map +1 -0
  274. package/dist/qr-scanner-jwOSrD0N.js +743 -0
  275. package/dist/qr-scanner-jwOSrD0N.js.map +1 -0
  276. package/dist/qr-scanner.cjs +2 -0
  277. package/dist/qr-scanner.cjs.map +1 -0
  278. package/dist/qr-scanner.js +5 -0
  279. package/dist/qr-scanner.js.map +1 -0
  280. package/dist/{radio-button-QCukBJLy.js → radio-button-B0EUK_wg.js} +3 -3
  281. package/dist/{radio-button-QCukBJLy.js.map → radio-button-B0EUK_wg.js.map} +1 -1
  282. package/dist/{radio-button-BTdqEOSJ.cjs → radio-button-DraEYR2R.cjs} +2 -2
  283. package/dist/{radio-button-BTdqEOSJ.cjs.map → radio-button-DraEYR2R.cjs.map} +1 -1
  284. package/dist/radio-group.cjs +1 -1
  285. package/dist/radio-group.js +1 -1
  286. package/dist/ripple-BgJXbNSP.js +124 -0
  287. package/dist/ripple-BgJXbNSP.js.map +1 -0
  288. package/dist/ripple-x6sTX02K.cjs +16 -0
  289. package/dist/ripple-x6sTX02K.cjs.map +1 -0
  290. package/dist/{schmancy-steps-container-CtwqkRBU.cjs → schmancy-steps-container-B5aiqgMA.cjs} +2 -2
  291. package/dist/{schmancy-steps-container-CtwqkRBU.cjs.map → schmancy-steps-container-B5aiqgMA.cjs.map} +1 -1
  292. package/dist/{schmancy-steps-container-NZOamraF.js → schmancy-steps-container-C2StAA5K.js} +3 -3
  293. package/dist/{schmancy-steps-container-NZOamraF.js.map → schmancy-steps-container-C2StAA5K.js.map} +1 -1
  294. package/dist/scroll-BqT7bvhu.cjs +27 -0
  295. package/dist/scroll-BqT7bvhu.cjs.map +1 -0
  296. package/dist/scroll-Bu-vAg3d.js +87 -0
  297. package/dist/scroll-Bu-vAg3d.js.map +1 -0
  298. package/dist/{select-C-Kv7ey_.cjs → select-HiEGJvOX.cjs} +2 -2
  299. package/dist/select-HiEGJvOX.cjs.map +1 -0
  300. package/dist/{select-DSTQ-Zau.js → select-i-uKur-W.js} +5 -4
  301. package/dist/select-i-uKur-W.js.map +1 -0
  302. package/dist/select.cjs +1 -1
  303. package/dist/select.js +1 -1
  304. package/dist/{selector-hook-Cok22ifx.cjs → selector-hook-9w2auh2O.cjs} +2 -2
  305. package/dist/{selector-hook-Cok22ifx.cjs.map → selector-hook-9w2auh2O.cjs.map} +1 -1
  306. package/dist/{selector-hook-l2fe2UO5.js → selector-hook-CHV4kDMd.js} +3 -3
  307. package/dist/{selector-hook-l2fe2UO5.js.map → selector-hook-CHV4kDMd.js.map} +1 -1
  308. package/dist/{sheet-DY-z5_tm.js → sheet-B1g7E4dQ.js} +5 -5
  309. package/dist/{sheet-DY-z5_tm.js.map → sheet-B1g7E4dQ.js.map} +1 -1
  310. package/dist/{sheet-IzYy3H8n.cjs → sheet-BbrRW0S5.cjs} +2 -2
  311. package/dist/{sheet-IzYy3H8n.cjs.map → sheet-BbrRW0S5.cjs.map} +1 -1
  312. package/dist/sheet.cjs +1 -1
  313. package/dist/sheet.js +2 -2
  314. package/dist/{sheet.service-DuVcXyOB.js → sheet.service-4etIM-p6.js} +20 -18
  315. package/dist/sheet.service-4etIM-p6.js.map +1 -0
  316. package/dist/sheet.service-BiRZjCdN.cjs +2 -0
  317. package/dist/sheet.service-BiRZjCdN.cjs.map +1 -0
  318. package/dist/{slider-CFtbSQ9Y.js → slider-8E3Wad0t.js} +3 -3
  319. package/dist/{slider-CFtbSQ9Y.js.map → slider-8E3Wad0t.js.map} +1 -1
  320. package/dist/{slider-CGE_Qeok.cjs → slider-VYnbIRH2.cjs} +2 -2
  321. package/dist/{slider-CGE_Qeok.cjs.map → slider-VYnbIRH2.cjs.map} +1 -1
  322. package/dist/slider.cjs +1 -1
  323. package/dist/slider.js +1 -1
  324. package/dist/sound.service-Nza4c6wv.js +102 -0
  325. package/dist/sound.service-Nza4c6wv.js.map +1 -0
  326. package/dist/sound.service-eRirZw59.cjs +2 -0
  327. package/dist/sound.service-eRirZw59.cjs.map +1 -0
  328. package/dist/{spinner-DAF-hCvQ.js → spinner-CKm13CKN.js} +15 -12
  329. package/dist/spinner-CKm13CKN.js.map +1 -0
  330. package/dist/{spinner-CSPJs8CL.cjs → spinner-DJgcI5wr.cjs} +9 -9
  331. package/dist/spinner-DJgcI5wr.cjs.map +1 -0
  332. package/dist/steps.cjs +1 -1
  333. package/dist/steps.js +1 -1
  334. package/dist/store.cjs +1 -1
  335. package/dist/store.js +2 -2
  336. package/dist/{suggestion-chip-CYu-4xrL.js → suggestion-chip-6njXvvHm.js} +50 -46
  337. package/dist/suggestion-chip-6njXvvHm.js.map +1 -0
  338. package/dist/{suggestion-chip-Cj8gwZqq.cjs → suggestion-chip-DdLfqk7o.cjs} +18 -23
  339. package/dist/suggestion-chip-DdLfqk7o.cjs.map +1 -0
  340. package/dist/{surface-DTOK-0E4.js → surface-BYU3l_Q2.js} +12 -11
  341. package/dist/surface-BYU3l_Q2.js.map +1 -0
  342. package/dist/{surface-VX_THUHv.cjs → surface-DcqbWGub.cjs} +5 -4
  343. package/dist/surface-DcqbWGub.cjs.map +1 -0
  344. package/dist/surface.cjs +1 -1
  345. package/dist/surface.js +1 -1
  346. package/dist/{table-BV0-o9Wi.cjs → table-C9fzDjjk.cjs} +2 -2
  347. package/dist/{table-BV0-o9Wi.cjs.map → table-C9fzDjjk.cjs.map} +1 -1
  348. package/dist/{table-CkXbXqi9.js → table-Dq12ollZ.js} +3 -3
  349. package/dist/{table-CkXbXqi9.js.map → table-Dq12ollZ.js.map} +1 -1
  350. package/dist/table.cjs +1 -1
  351. package/dist/table.js +1 -1
  352. package/dist/{tabs-compatibility-DsfD60U_.cjs → tabs-compatibility-Dwtjfkcf.cjs} +2 -2
  353. package/dist/{tabs-compatibility-DsfD60U_.cjs.map → tabs-compatibility-Dwtjfkcf.cjs.map} +1 -1
  354. package/dist/{tabs-compatibility-D_BBW655.js → tabs-compatibility-wnzlHtln.js} +2 -2
  355. package/dist/{tabs-compatibility-D_BBW655.js.map → tabs-compatibility-wnzlHtln.js.map} +1 -1
  356. package/dist/tabs.cjs +1 -1
  357. package/dist/tabs.js +1 -1
  358. package/dist/tailwind.mixin-Ddt05Frc.js +67 -0
  359. package/dist/{tailwind.mixin-wLaKUxf1.js.map → tailwind.mixin-Ddt05Frc.js.map} +1 -1
  360. package/dist/tailwind.mixin-UijsBrYW.cjs +2 -0
  361. package/dist/{tailwind.mixin-JFXu3GSo.cjs.map → tailwind.mixin-UijsBrYW.cjs.map} +1 -1
  362. package/dist/teleport.cjs +1 -1
  363. package/dist/teleport.js +1 -1
  364. package/dist/textarea-DGmsw1B_.cjs +44 -0
  365. package/dist/{textarea-B6LDhRed.cjs.map → textarea-DGmsw1B_.cjs.map} +1 -1
  366. package/dist/{textarea-TeVnUeIJ.js → textarea-Vd3zayJZ.js} +4 -3
  367. package/dist/{textarea-TeVnUeIJ.js.map → textarea-Vd3zayJZ.js.map} +1 -1
  368. package/dist/textarea.cjs +1 -1
  369. package/dist/textarea.js +1 -1
  370. package/dist/{theme-button-DxMbO3yP.cjs → theme-button-DG_Xwg9H.cjs} +2 -2
  371. package/dist/{theme-button-DxMbO3yP.cjs.map → theme-button-DG_Xwg9H.cjs.map} +1 -1
  372. package/dist/{theme-button-BXXqAu2Y.js → theme-button-rGpEW_xS.js} +2 -2
  373. package/dist/{theme-button-BXXqAu2Y.js.map → theme-button-rGpEW_xS.js.map} +1 -1
  374. package/dist/theme-button.cjs +1 -1
  375. package/dist/theme-button.js +1 -1
  376. package/dist/{theme-controller-boat-CVS77gnH.js → theme-controller-boat-B1fjcqJI.js} +420 -228
  377. package/dist/theme-controller-boat-B1fjcqJI.js.map +1 -0
  378. package/dist/theme-controller-boat-pLzK5zxL.cjs +178 -0
  379. package/dist/theme-controller-boat-pLzK5zxL.cjs.map +1 -0
  380. package/dist/theme.cjs +1 -1
  381. package/dist/theme.js +13 -11
  382. package/dist/{timezone-D7YOMM8G.cjs → timezone-BhUaIAV7.cjs} +2 -2
  383. package/dist/{timezone-D7YOMM8G.cjs.map → timezone-BhUaIAV7.cjs.map} +1 -1
  384. package/dist/{timezone-RBV74f85.js → timezone-IQkwr6Oh.js} +3 -3
  385. package/dist/{timezone-RBV74f85.js.map → timezone-IQkwr6Oh.js.map} +1 -1
  386. package/dist/{tooltip-DssL6Qfx.js → tooltip-CwaiZC8f.js} +2 -2
  387. package/dist/{tooltip-DssL6Qfx.js.map → tooltip-CwaiZC8f.js.map} +1 -1
  388. package/dist/{tooltip-BH_RLoZI.cjs → tooltip-iEvxKg8g.cjs} +2 -2
  389. package/dist/{tooltip-BH_RLoZI.cjs.map → tooltip-iEvxKg8g.cjs.map} +1 -1
  390. package/dist/tooltip.cjs +1 -1
  391. package/dist/tooltip.js +1 -1
  392. package/dist/{tree-7Zz1sJKl.cjs → tree-Bclu6uvv.cjs} +2 -2
  393. package/dist/{tree-7Zz1sJKl.cjs.map → tree-Bclu6uvv.cjs.map} +1 -1
  394. package/dist/{tree-C33t9-0j.js → tree-D9EbEsxn.js} +2 -2
  395. package/dist/{tree-C33t9-0j.js.map → tree-D9EbEsxn.js.map} +1 -1
  396. package/dist/tree.cjs +1 -1
  397. package/dist/tree.js +1 -1
  398. package/dist/{typewriter-Dt1Js2lP.js → typewriter-BjDPgRlj.js} +5 -5
  399. package/dist/{typewriter-Dt1Js2lP.js.map → typewriter-BjDPgRlj.js.map} +1 -1
  400. package/dist/{typewriter-WbYqfXO7.cjs → typewriter-Bscwd-36.cjs} +4 -4
  401. package/dist/{typewriter-WbYqfXO7.cjs.map → typewriter-Bscwd-36.cjs.map} +1 -1
  402. package/dist/typewriter.cjs +1 -1
  403. package/dist/typewriter.js +1 -1
  404. package/dist/{typography-DdG9aEAg.js → typography-CConBBFH.js} +13 -53
  405. package/dist/typography-CConBBFH.js.map +1 -0
  406. package/dist/{typography-Ck-OdI83.cjs → typography-DLGT3DGz.cjs} +3 -46
  407. package/dist/typography-DLGT3DGz.cjs.map +1 -0
  408. package/dist/typography.cjs +1 -1
  409. package/dist/typography.js +1 -1
  410. package/mixins/tailwind.css +37 -6
  411. package/package.json +21 -20
  412. package/types/src/area/area.service.d.ts +1 -1
  413. package/types/src/area/router.types.d.ts +1 -0
  414. package/types/src/audio/emotional-sounds.d.ts +122 -0
  415. package/types/src/audio/index.d.ts +30 -0
  416. package/types/src/audio/sound.service.d.ts +111 -0
  417. package/types/src/avatar.d.ts +10 -1
  418. package/types/src/busy/spinner.d.ts +6 -1
  419. package/types/src/button/button.d.ts +15 -2
  420. package/types/src/button/icon-button.d.ts +1 -1
  421. package/types/src/charts/area-chart.d.ts +58 -0
  422. package/types/src/charts/index.d.ts +4 -0
  423. package/types/src/charts/pills.d.ts +51 -0
  424. package/types/src/charts/types.d.ts +62 -0
  425. package/types/src/charts/utils.d.ts +28 -0
  426. package/types/src/checkbox/checkbox.d.ts +3 -2
  427. package/types/src/chips/chips.d.ts +2 -0
  428. package/types/src/content-drawer/drawer.service.d.ts +1 -7
  429. package/types/src/date-range/date-range-dialog.d.ts +16 -0
  430. package/types/src/date-range/date-range.d.ts +1 -1
  431. package/types/src/details/details.d.ts +3 -7
  432. package/types/src/dialog/dailog.d.ts +1 -5
  433. package/types/src/dialog/dialog-base.mixin.d.ts +26 -0
  434. package/types/src/dialog/dialog-service.d.ts +3 -66
  435. package/types/src/dialog/dialog.component.d.ts +63 -30
  436. package/types/src/dialog/index.d.ts +1 -3
  437. package/types/src/directives/height.d.ts +11 -6
  438. package/types/src/icons/icon.d.ts +17 -0
  439. package/types/src/index.d.ts +6 -0
  440. package/types/src/input/input.d.ts +13 -9
  441. package/types/src/json/index.d.ts +1 -0
  442. package/types/src/json/json.d.ts +15 -0
  443. package/types/src/lightbox/flip-directive.d.ts +29 -0
  444. package/types/src/lightbox/flip.directive.d.ts +22 -0
  445. package/types/src/lightbox/index.d.ts +4 -0
  446. package/types/src/lightbox/lightbox-service.d.ts +24 -0
  447. package/types/src/lightbox/lightbox.d.ts +34 -0
  448. package/types/src/lightbox/lightbox.directive.d.ts +30 -0
  449. package/types/src/nav-drawer/appbar.d.ts +0 -5
  450. package/types/src/nav-drawer/drawer.d.ts +1 -32
  451. package/types/src/notification/index.d.ts +1 -3
  452. package/types/src/notification/notification-service.d.ts +13 -1
  453. package/types/src/notification/notification.d.ts +13 -12
  454. package/types/src/notification/notify.d.ts +1 -1
  455. package/types/src/page/index.d.ts +1 -0
  456. package/types/src/page/page.d.ts +31 -0
  457. package/types/src/progress/progress.d.ts +2 -2
  458. package/types/src/qr-scanner/index.d.ts +1 -0
  459. package/types/src/qr-scanner/qr-scanner.d.ts +26 -0
  460. package/types/src/select/select.d.ts +1 -1
  461. package/types/src/theme/index.d.ts +1 -0
  462. package/types/src/theme/theme-audio-player.d.ts +100 -0
  463. package/types/src/theme/theme-controller-boat.d.ts +1 -0
  464. package/types/src/theme/theme.component.d.ts +1 -1
  465. package/types/src/types/index.d.ts +1 -0
  466. package/types/src/types/mood-audio.types.d.ts +173 -0
  467. package/types/src/typography/typography.d.ts +1 -0
  468. package/dist/area.component-BzjJiNTJ.js.map +0 -1
  469. package/dist/area.component-FL_IUylM.cjs +0 -12
  470. package/dist/area.component-FL_IUylM.cjs.map +0 -1
  471. package/dist/avatar-B_uJN9WV.cjs +0 -288
  472. package/dist/avatar-B_uJN9WV.cjs.map +0 -1
  473. package/dist/avatar-C8P4lVfa.js.map +0 -1
  474. package/dist/context-create-BJkkLr1D.cjs +0 -2
  475. package/dist/context-create-BJkkLr1D.cjs.map +0 -1
  476. package/dist/context-create-BvxbWTgj.js.map +0 -1
  477. package/dist/date-range-Cm0TCfwu.js +0 -664
  478. package/dist/date-range-Cm0TCfwu.js.map +0 -1
  479. package/dist/date-range-Cy97kOP_.cjs +0 -134
  480. package/dist/date-range-Cy97kOP_.cjs.map +0 -1
  481. package/dist/delay-BINGOQ7f.js.map +0 -1
  482. package/dist/delay-CXFIM6qK.cjs.map +0 -1
  483. package/dist/details-CLRikV4s.cjs +0 -64
  484. package/dist/details-CLRikV4s.cjs.map +0 -1
  485. package/dist/details-bgq2X_hO.js +0 -115
  486. package/dist/details-bgq2X_hO.js.map +0 -1
  487. package/dist/dialog-content-B59ekS_y.cjs +0 -85
  488. package/dist/dialog-content-B59ekS_y.cjs.map +0 -1
  489. package/dist/dialog-content-Cu7fqN8Y.js +0 -256
  490. package/dist/dialog-content-Cu7fqN8Y.js.map +0 -1
  491. package/dist/dialog-service-B4nR8Em5.cjs +0 -2
  492. package/dist/dialog-service-B4nR8Em5.cjs.map +0 -1
  493. package/dist/dialog-service-Bege4HF4.js +0 -140
  494. package/dist/dialog-service-Bege4HF4.js.map +0 -1
  495. package/dist/flex-CYQU6Pf8.js +0 -260
  496. package/dist/flex-CYQU6Pf8.js.map +0 -1
  497. package/dist/flex-DytMcHmq.cjs +0 -43
  498. package/dist/flex-DytMcHmq.cjs.map +0 -1
  499. package/dist/icon-C8Q_XMtJ.cjs +0 -49
  500. package/dist/icon-C8Q_XMtJ.cjs.map +0 -1
  501. package/dist/icon-Y2qLOFqe.js.map +0 -1
  502. package/dist/icon-button-CJ6AVTv9.js +0 -156
  503. package/dist/icon-button-CJ6AVTv9.js.map +0 -1
  504. package/dist/icon-button-IdG1NVgA.cjs +0 -65
  505. package/dist/icon-button-IdG1NVgA.cjs.map +0 -1
  506. package/dist/input-DDCFZ3cr.js.map +0 -1
  507. package/dist/input-UyknNHNr.cjs +0 -51
  508. package/dist/input-UyknNHNr.cjs.map +0 -1
  509. package/dist/menu-CUKV4pVJ.js +0 -61
  510. package/dist/navigation-rail-CYKfvZs9.js.map +0 -1
  511. package/dist/navigation-rail-DXr4NJnN.cjs.map +0 -1
  512. package/dist/notification-service-CZ56fXew.js +0 -532
  513. package/dist/notification-service-CZ56fXew.js.map +0 -1
  514. package/dist/notification-service-DQGs9O0f.cjs +0 -143
  515. package/dist/notification-service-DQGs9O0f.cjs.map +0 -1
  516. package/dist/notify-KvHZ-8z9.js.map +0 -1
  517. package/dist/notify-VkDx6hMZ.cjs.map +0 -1
  518. package/dist/progress-D5kgn2Fg.js +0 -58
  519. package/dist/progress-D5kgn2Fg.js.map +0 -1
  520. package/dist/progress-yFxoJDYf.cjs +0 -35
  521. package/dist/progress-yFxoJDYf.cjs.map +0 -1
  522. package/dist/ripple-QoNZUUw_.js +0 -148
  523. package/dist/ripple-QoNZUUw_.js.map +0 -1
  524. package/dist/ripple-Ujq_REH4.cjs +0 -16
  525. package/dist/ripple-Ujq_REH4.cjs.map +0 -1
  526. package/dist/select-C-Kv7ey_.cjs.map +0 -1
  527. package/dist/select-DSTQ-Zau.js.map +0 -1
  528. package/dist/sheet.service-BNz-ird-.cjs +0 -2
  529. package/dist/sheet.service-BNz-ird-.cjs.map +0 -1
  530. package/dist/sheet.service-DuVcXyOB.js.map +0 -1
  531. package/dist/spinner-CSPJs8CL.cjs.map +0 -1
  532. package/dist/spinner-DAF-hCvQ.js.map +0 -1
  533. package/dist/suggestion-chip-CYu-4xrL.js.map +0 -1
  534. package/dist/suggestion-chip-Cj8gwZqq.cjs.map +0 -1
  535. package/dist/surface-DTOK-0E4.js.map +0 -1
  536. package/dist/surface-VX_THUHv.cjs.map +0 -1
  537. package/dist/tailwind.mixin-JFXu3GSo.cjs +0 -2
  538. package/dist/tailwind.mixin-wLaKUxf1.js +0 -67
  539. package/dist/textarea-B6LDhRed.cjs +0 -44
  540. package/dist/theme-controller-boat-CCBNOGxF.cjs +0 -64
  541. package/dist/theme-controller-boat-CCBNOGxF.cjs.map +0 -1
  542. package/dist/theme-controller-boat-CVS77gnH.js.map +0 -1
  543. package/dist/typography-Ck-OdI83.cjs.map +0 -1
  544. package/dist/typography-DdG9aEAg.js.map +0 -1
  545. package/types/src/notification/notification-audio-generator.d.ts +0 -45
  546. package/types/src/notification/notification-audio.d.ts +0 -79
  547. package/types/src/notification/notification-container.d.ts +0 -48
@@ -0,0 +1,155 @@
1
+ import { BehaviorSubject as _, NEVER as f, timer as E, interval as I } from "rxjs";
2
+ import { switchMap as v, takeUntil as x, map as T, distinctUntilChanged as k, tap as D } from "rxjs/operators";
3
+ import "lit/directives/class-map.js";
4
+ import "lit/directives/style-map.js";
5
+ import { property as h, state as y, customElement as O } from "lit/decorators.js";
6
+ import "./tailwind.mixin-Ddt05Frc.js";
7
+ import { $ as M } from "./litElement.mixin-Wcu4yIIs.js";
8
+ import { html as u } from "lit";
9
+ import "./sound.service-Nza4c6wv.js";
10
+ import { $ as b } from "./emotional-sounds-BRnFhww6.js";
11
+ var A = Object.defineProperty, U = Object.getOwnPropertyDescriptor, r = (e, t, s, o) => {
12
+ for (var i, a = o > 1 ? void 0 : o ? U(t, s) : t, d = e.length - 1; d >= 0; d--) (i = e[d]) && (a = (o ? i(t, s, a) : i(a)) || a);
13
+ return o && a && A(t, s, a), a;
14
+ };
15
+ let n = class extends M(":host{display:block}.notification{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px 32px 12px 12px;background:var(--schmancy-sys-color-surface-container);border-radius:var(--schmancy-sys-shape-corner-extraLarge, 16px);box-shadow:var(--schmancy-sys-elevation-1);color:var(--schmancy-sys-color-surface-on);max-width:320px;overflow:hidden;transition:box-shadow .2s ease}.notification.hovered{box-shadow:var(--schmancy-sys-elevation-2)}.emoji{font-size:20px;line-height:1;flex-shrink:0;margin-top:1px}.content{flex:1;min-width:0}.title{font-weight:500;font-size:13px;line-height:1.4;margin-bottom:2px;letter-spacing:.01em}.info .title{color:var(--schmancy-sys-color-primary-default)}.success .title{color:var(--schmancy-sys-color-success-default)}.warning .title{color:var(--schmancy-sys-color-tertiary-default)}.error .title{color:var(--schmancy-sys-color-error-default)}.message{font-size:13px;line-height:1.4;opacity:.75;letter-spacing:.01em}.close{position:absolute;top:8px;right:6px;background:none;border:none;font-size:16px;font-weight:300;color:var(--schmancy-sys-color-surface-onVariant);cursor:pointer;padding:4px 6px;line-height:1;opacity:.4;border-radius:var(--schmancy-sys-shape-corner-full, 50%);transition:opacity .2s ease}.close:hover{opacity:.8}.close:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 2px var(--schmancy-sys-color-primary-default)}.progress{position:absolute;bottom:0;left:0;height:2px;transition:width 16ms linear;border-radius:2px;opacity:.7}.info .progress{background:var(--schmancy-sys-color-primary-container)}.success .progress{background:var(--schmancy-sys-color-success-container)}.warning .progress{background:var(--schmancy-sys-color-tertiary-container)}.error .progress{background:var(--schmancy-sys-color-error-container)}") {
16
+ constructor() {
17
+ super(...arguments), this.title = "", this.message = "", this.type = "info", this.closable = !0, this.duration = 5e3, this.id = `notification-${Date.now()}-${Math.floor(1e4 * Math.random())}`, this.playSound = !0, this.showProgress = !1, this.startPosition = { x: 0, y: 0 }, this._visible = !0, this._progress = 100, this._hovered = !1, this._closing = !1, this.paused$ = new _(!1), this.startTime = 0, this.pausedAt = 0, this.elapsedBeforePause = 0;
18
+ }
19
+ connectedCallback() {
20
+ super.connectedCallback(), this.style.position = "fixed", this.style.top = "16px", this.style.right = "16px", this.style.zIndex = "10001", this.style.opacity = "0", this.updateComplete.then(() => {
21
+ this.animateIn();
22
+ }), this.duration > 0 && (this.setupAutoClose(), this.setupProgressUpdates()), this.playSound && this._playSound();
23
+ }
24
+ async animateIn() {
25
+ const e = this.getBoundingClientRect(), t = e.left + e.width / 2, s = e.top + e.height / 2, o = (function(i, a, d = "up", S = 0.3) {
26
+ const P = (i.x + a.x) / 2, m = (i.y + a.y) / 2, $ = Math.sqrt(Math.pow(a.x - i.x, 2) + Math.pow(a.y - i.y, 2)), g = Math.min($ * S, 150);
27
+ return { x: P, y: d === "up" ? m - g : m + g };
28
+ })(this.startPosition, { x: t, y: s }, "up", 0.3);
29
+ await this.animate([{ transform: `translate(${this.startPosition.x - t}px, ${this.startPosition.y - s}px) scale(0.1)`, opacity: 0 }, { transform: `translate(${o.x - t}px, ${o.y - s}px) scale(0.6)`, opacity: 0.9, offset: 0.5 }, { transform: "translate(0, 0) scale(1)", opacity: 1 }], { duration: 400, easing: "cubic-bezier(0.34, 1.2, 0.64, 1)", fill: "forwards" }).finished;
30
+ }
31
+ setupAutoClose() {
32
+ this.duration <= 0 || (this.startTime = Date.now(), this.elapsedBeforePause = 0, this.paused$.pipe(v((e) => {
33
+ if (e) return this.pausedAt = Date.now(), this.elapsedBeforePause += this.pausedAt - this.startTime, f;
34
+ {
35
+ this.startTime = Date.now();
36
+ const t = this.duration - this.elapsedBeforePause;
37
+ return t <= 0 ? (this.close(), f) : E(t);
38
+ }
39
+ }), x(this.disconnecting)).subscribe(() => this.close()));
40
+ }
41
+ setupProgressUpdates() {
42
+ this.duration <= 0 || I(16).pipe(v(() => this.paused$.pipe(T((e) => {
43
+ if (e) return this._progress;
44
+ const t = this.elapsedBeforePause + (Date.now() - this.startTime);
45
+ return Math.max(0, this.duration - t) / this.duration * 100;
46
+ }))), k(), D((e) => {
47
+ this._progress = e;
48
+ }), x(this.disconnecting)).subscribe();
49
+ }
50
+ _playSound() {
51
+ this.dispatchEvent(new CustomEvent("playsound", { detail: { type: this.type }, bubbles: !0, composed: !0 }));
52
+ }
53
+ _handleMouseEnter() {
54
+ this._hovered = !0, this.paused$.next(!0);
55
+ }
56
+ _handleMouseLeave() {
57
+ this._hovered = !1, this.paused$.next(!1);
58
+ }
59
+ async close() {
60
+ this._closing || (this._closing = !0, this._visible = !1, await this.animate([{ transform: "translate(0, 0) scale(1)", opacity: 1 }, { transform: "translate(0, -20px) scale(0.8)", opacity: 0 }], { duration: 200, easing: "cubic-bezier(0.4, 0, 1, 1)", fill: "forwards" }).finished, this.dispatchEvent(new CustomEvent("close", { detail: { id: this.id }, bubbles: !0, composed: !0 })));
61
+ }
62
+ _getEmoji() {
63
+ switch (this.type) {
64
+ case "success":
65
+ return "✅";
66
+ case "warning":
67
+ return "⚠️";
68
+ case "error":
69
+ return "❌";
70
+ default:
71
+ return "💡";
72
+ }
73
+ }
74
+ render() {
75
+ return !this._visible && this._closing ? u`` : u`
76
+ <div
77
+ class="notification ${this.type} ${this._closing ? "closing" : ""} ${this._hovered ? "hovered" : ""}"
78
+ role="alert"
79
+ @mouseenter=${this._handleMouseEnter}
80
+ @mouseleave=${this._handleMouseLeave}
81
+ >
82
+ <span class="emoji">${this._getEmoji()}</span>
83
+ <div class="content">
84
+ ${this.title ? u`<div class="title">${this.title}</div>` : ""}
85
+ <div class="message">${this.message}</div>
86
+ </div>
87
+ ${this.closable ? u`
88
+ <button class="close" aria-label="Close notification" @click=${this.close}>x</button>
89
+ ` : ""}
90
+ ${this.showProgress || this.duration > 0 ? u`<div class="progress" style="width: ${this._progress}%"></div>` : ""}
91
+ </div>
92
+ `;
93
+ }
94
+ };
95
+ r([h({ type: String })], n.prototype, "title", 2), r([h({ type: String })], n.prototype, "message", 2), r([h({ type: String })], n.prototype, "type", 2), r([h({ type: Boolean })], n.prototype, "closable", 2), r([h({ type: Number })], n.prototype, "duration", 2), r([h({ type: String })], n.prototype, "id", 2), r([h({ type: Boolean })], n.prototype, "playSound", 2), r([h({ type: Boolean })], n.prototype, "showProgress", 2), r([h({ type: Object })], n.prototype, "startPosition", 2), r([y()], n.prototype, "_visible", 2), r([y()], n.prototype, "_progress", 2), r([y()], n.prototype, "_hovered", 2), r([y()], n.prototype, "_closing", 2), n = r([O("sch-notification")], n);
96
+ const C = { info: "curious", success: "content", warning: "anxious", error: "disappointed" };
97
+ let w = { x: window.innerWidth - 100, y: 50 };
98
+ typeof window < "u" && window.addEventListener("mousedown", (e) => {
99
+ w = { x: e.clientX, y: e.clientY };
100
+ }, { capture: !0, passive: !0 });
101
+ let c = null;
102
+ const p = class p {
103
+ constructor() {
104
+ this.notificationStack = [], this.audioVolume = 0.1, b.setVolume(this.audioVolume);
105
+ }
106
+ static getInstance() {
107
+ return p.instance || (p.instance = new p()), p.instance;
108
+ }
109
+ notify(t) {
110
+ const s = { ...p.DEFAULT_OPTIONS, ...t, duration: t.duration ?? p.DEFAULT_OPTIONS.duration }, o = s.id || `notification-${Date.now()}-${Math.floor(1e4 * Math.random())}`;
111
+ this.notificationStack.push(o), c && (c.remove(), c = null);
112
+ const i = document.createElement("sch-notification");
113
+ return i.id = o, i.title = s.title || "", i.message = s.message, i.type = s.type || "info", i.duration = s.duration || 1e3, i.closable = s.closable !== !1, i.playSound = !1, i.showProgress = s.showProgress || !1, i.startPosition = { ...w }, s.playSound !== !1 && b.play(C[i.type]), i.addEventListener("close", () => {
114
+ const a = this.notificationStack.indexOf(o);
115
+ a > -1 && this.notificationStack.splice(a, 1), i.remove(), c === i && (c = null);
116
+ }), document.body.appendChild(i), c = i, o;
117
+ }
118
+ dismiss(t) {
119
+ let s;
120
+ if (t) {
121
+ const o = this.notificationStack.indexOf(t);
122
+ o > -1 && (this.notificationStack.splice(o, 1), s = t);
123
+ } else s = this.notificationStack.pop();
124
+ s && c && c.id === s && c.close();
125
+ }
126
+ update(t, s) {
127
+ c && c.id === t && (s.title !== void 0 && (c.title = s.title), s.message !== void 0 && (c.message = s.message), s.type !== void 0 && (c.type = s.type));
128
+ }
129
+ info(t, s = {}) {
130
+ return this.notify({ message: t ?? "", type: "info", duration: t ? s.duration ?? p.TYPE_DURATIONS.info : 1, ...s });
131
+ }
132
+ success(t, s = {}) {
133
+ return this.notify({ message: t ?? "", type: "success", duration: t ? s.duration ?? p.TYPE_DURATIONS.success : 1, ...s });
134
+ }
135
+ warning(t, s = {}) {
136
+ return this.notify({ message: t ?? "", type: "warning", duration: t ? s.duration ?? p.TYPE_DURATIONS.warning : 1, ...s });
137
+ }
138
+ error(t, s = {}) {
139
+ return this.notify({ message: t ?? "", type: "error", duration: t ? s.duration ?? p.TYPE_DURATIONS.error : 1, ...s });
140
+ }
141
+ customDuration(t, s, o = {}) {
142
+ return this.notify({ message: t, duration: s, ...o });
143
+ }
144
+ persistent(t, s = {}) {
145
+ return this.notify({ message: t, duration: 0, ...s });
146
+ }
147
+ };
148
+ p.DEFAULT_OPTIONS = { duration: 1e3, closable: !0, playSound: !0 }, p.TYPE_DURATIONS = { success: 1500, info: 2e3, warning: 2500, error: 2500 };
149
+ let l = p;
150
+ const W = { show: (e) => l.getInstance().notify(e), info: (e, t = {}) => l.getInstance().info(e, t), success: (e, t = {}) => l.getInstance().success(e, t), warning: (e, t = {}) => l.getInstance().warning(e, t), error: (e, t = {}) => l.getInstance().error(e, t), customDuration: (e, t, s = {}) => l.getInstance().customDuration(e, t, s), persistent: (e, t = {}) => l.getInstance().persistent(e, t), dismiss: (e) => l.getInstance().dismiss(e), update: (e, t) => l.getInstance().update(e, t) };
151
+ export {
152
+ W as $,
153
+ n as S
154
+ };
155
+ //# sourceMappingURL=notification-service-B5ljba4P.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"notification-service-B5ljba4P.js","sources":["../src/notification/notification.ts","../src/notification/notification-service.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { BehaviorSubject, timer, interval, NEVER } from 'rxjs'\nimport { switchMap, takeUntil, map, tap, distinctUntilChanged } from 'rxjs/operators'\nimport style from './notification.scss?inline'\n\nexport type NotificationType = 'info' | 'success' | 'warning' | 'error'\n\n/**\n * Calculate a point on an arc between two points\n */\nfunction calculateArcPoint(\n\tstart: { x: number; y: number },\n\tend: { x: number; y: number },\n\tarcDirection: 'up' | 'down' = 'up',\n\tintensity: number = 0.3,\n): { x: number; y: number } {\n\tconst midX = (start.x + end.x) / 2\n\tconst midY = (start.y + end.y) / 2\n\tconst distance = Math.sqrt(Math.pow(end.x - start.x, 2) + Math.pow(end.y - start.y, 2))\n\tconst arcHeight = Math.min(distance * intensity, 150)\n\treturn {\n\t\tx: midX,\n\t\ty: arcDirection === 'up' ? midY - arcHeight : midY + arcHeight,\n\t}\n}\n\n/**\n * @fires close - When notification is closed\n */\n@customElement('sch-notification')\nexport default class SchmancyNotification extends $LitElement(style) {\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) message = ''\n\t@property({ type: String }) type: NotificationType = 'info'\n\t@property({ type: Boolean }) closable = true\n\t@property({ type: Number }) duration = 5000 // 0 means no auto-close\n\t@property({ type: String }) id = `notification-${Date.now()}-${Math.floor(Math.random() * 10000)}`\n\t@property({ type: Boolean }) playSound = true\n\t@property({ type: Boolean }) showProgress = false // Show indeterminate progress bar\n\t@property({ type: Object }) startPosition: { x: number; y: number } = { x: 0, y: 0 }\n\n\t@state() private _visible = true\n\t@state() private _progress = 100\n\t@state() private _hovered = false\n\t@state() private _closing = false\n\n\tprivate paused$ = new BehaviorSubject<boolean>(false)\n\tprivate startTime = 0\n\tprivate pausedAt = 0\n\tprivate elapsedBeforePause = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Set fixed positioning for blackbird animation\n\t\tthis.style.position = 'fixed'\n\t\tthis.style.top = '16px'\n\t\tthis.style.right = '16px'\n\t\tthis.style.zIndex = '10001'\n\t\tthis.style.opacity = '0'\n\n\t\t// Animate in after first render\n\t\tthis.updateComplete.then(() => {\n\t\t\tthis.animateIn()\n\t\t})\n\n\t\tif (this.duration > 0) {\n\t\t\tthis.setupAutoClose()\n\t\t\tthis.setupProgressUpdates()\n\t\t}\n\n\t\tif (this.playSound) {\n\t\t\tthis._playSound()\n\t\t}\n\t}\n\n\tprivate async animateIn() {\n\t\t// Get the notification element's final position\n\t\tconst rect = this.getBoundingClientRect()\n\t\tconst targetX = rect.left + rect.width / 2\n\t\tconst targetY = rect.top + rect.height / 2\n\n\t\t// Calculate arc point for upward arc\n\t\tconst arcPoint = calculateArcPoint(this.startPosition, { x: targetX, y: targetY }, 'up', 0.3)\n\n\t\t// Animate from click position to final position with arc\n\t\tawait this.animate(\n\t\t\t[\n\t\t\t\t{\n\t\t\t\t\ttransform: `translate(${this.startPosition.x - targetX}px, ${this.startPosition.y - targetY}px) scale(0.1)`,\n\t\t\t\t\topacity: 0,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttransform: `translate(${arcPoint.x - targetX}px, ${arcPoint.y - targetY}px) scale(0.6)`,\n\t\t\t\t\topacity: 0.9,\n\t\t\t\t\toffset: 0.5,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttransform: 'translate(0, 0) scale(1)',\n\t\t\t\t\topacity: 1,\n\t\t\t\t},\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 400,\n\t\t\t\teasing: 'cubic-bezier(0.34, 1.2, 0.64, 1)',\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t).finished\n\t}\n\n\tprivate setupAutoClose() {\n\t\tif (this.duration <= 0) return\n\n\t\tthis.startTime = Date.now()\n\t\tthis.elapsedBeforePause = 0\n\n\t\tthis.paused$\n\t\t\t.pipe(\n\t\t\t\tswitchMap(paused => {\n\t\t\t\t\tif (paused) {\n\t\t\t\t\t\tthis.pausedAt = Date.now()\n\t\t\t\t\t\tthis.elapsedBeforePause += this.pausedAt - this.startTime\n\t\t\t\t\t\treturn NEVER\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.startTime = Date.now()\n\t\t\t\t\t\tconst remaining = this.duration - this.elapsedBeforePause\n\t\t\t\t\t\tif (remaining <= 0) {\n\t\t\t\t\t\t\tthis.close()\n\t\t\t\t\t\t\treturn NEVER\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn timer(remaining)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => this.close())\n\t}\n\n\tprivate setupProgressUpdates() {\n\t\tif (this.duration <= 0) return\n\n\t\tinterval(16)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(() =>\n\t\t\t\t\tthis.paused$.pipe(\n\t\t\t\t\t\tmap(paused => {\n\t\t\t\t\t\t\tif (paused) return this._progress\n\t\t\t\t\t\t\tconst elapsed = this.elapsedBeforePause + (Date.now() - this.startTime)\n\t\t\t\t\t\t\tconst remaining = Math.max(0, this.duration - elapsed)\n\t\t\t\t\t\t\treturn (remaining / this.duration) * 100\n\t\t\t\t\t\t}),\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(progress => {\n\t\t\t\t\tthis._progress = progress\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate _playSound() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('playsound', {\n\t\t\t\tdetail: { type: this.type },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate _handleMouseEnter() {\n\t\tthis._hovered = true\n\t\tthis.paused$.next(true)\n\t}\n\n\tprivate _handleMouseLeave() {\n\t\tthis._hovered = false\n\t\tthis.paused$.next(false)\n\t}\n\n\tpublic async close() {\n\t\tif (this._closing) return\n\t\tthis._closing = true\n\t\tthis._visible = false\n\n\t\t// Animate out before dispatching close event\n\t\tawait this.animate(\n\t\t\t[\n\t\t\t\t{ transform: 'translate(0, 0) scale(1)', opacity: 1 },\n\t\t\t\t{ transform: 'translate(0, -20px) scale(0.8)', opacity: 0 },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 200,\n\t\t\t\teasing: 'cubic-bezier(0.4, 0, 1, 1)',\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t).finished\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('close', {\n\t\t\t\tdetail: { id: this.id },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate _getEmoji(): string {\n\t\tswitch (this.type) {\n\t\t\tcase 'success':\n\t\t\t\treturn '\\u2705'\n\t\t\tcase 'warning':\n\t\t\t\treturn '\\u26A0\\uFE0F'\n\t\t\tcase 'error':\n\t\t\t\treturn '\\u274C'\n\t\t\tdefault:\n\t\t\t\treturn '\\u{1F4A1}'\n\t\t}\n\t}\n\n\trender() {\n\t\tif (!this._visible && this._closing) return html``\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"notification ${this.type} ${this._closing ? 'closing' : ''} ${this._hovered ? 'hovered' : ''}\"\n\t\t\t\trole=\"alert\"\n\t\t\t\t@mouseenter=${this._handleMouseEnter}\n\t\t\t\t@mouseleave=${this._handleMouseLeave}\n\t\t\t>\n\t\t\t\t<span class=\"emoji\">${this._getEmoji()}</span>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t${this.title ? html`<div class=\"title\">${this.title}</div>` : ''}\n\t\t\t\t\t<div class=\"message\">${this.message}</div>\n\t\t\t\t</div>\n\t\t\t\t${this.closable\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<button class=\"close\" aria-label=\"Close notification\" @click=${this.close}>x</button>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t\t${this.showProgress || this.duration > 0\n\t\t\t\t\t? html`<div class=\"progress\" style=\"width: ${this._progress}%\"></div>`\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'sch-notification': SchmancyNotification\n\t}\n}\n","import { $sounds, type Feeling } from '../audio'\nimport SchmancyNotification, { NotificationType } from './notification'\n\nexport interface NotificationOptions {\n\tid?: string\n\ttitle?: string\n\tmessage: string\n\ttype?: NotificationType\n\tduration?: number\n\tclosable?: boolean\n\tplaySound?: boolean\n\tshowProgress?: boolean\n}\n\nconst typeToFeeling: Record<NotificationType, Feeling> = {\n\tinfo: 'curious',\n\tsuccess: 'content',\n\twarning: 'anxious',\n\terror: 'disappointed',\n}\n\n// Track last mouse position\nlet lastClickPosition = { x: window.innerWidth - 100, y: 50 }\n\n// Global mousedown listener to track click position\nif (typeof window !== 'undefined') {\n\twindow.addEventListener(\n\t\t'mousedown',\n\t\t(e: MouseEvent) => {\n\t\t\tlastClickPosition = { x: e.clientX, y: e.clientY }\n\t\t},\n\t\t{ capture: true, passive: true },\n\t)\n}\n\n// Track current notification element\nlet currentNotification: SchmancyNotification | null = null\n\n/**\n * Notification service for centralized notification management.\n * Provides a simple API for showing notifications.\n */\nexport class NotificationService {\n\tprivate static instance: NotificationService\n\tprivate notificationStack: string[] = []\n\tprivate audioVolume = 0.1\n\n\t// Default notification options\n\tprivate static DEFAULT_OPTIONS: Partial<NotificationOptions> = {\n\t\tduration: 1000, // 1 seconds - long enough to be readable\n\t\tclosable: true,\n\t\tplaySound: true,\n\t}\n\n\t// Type-specific default durations (in milliseconds)\n\tprivate static TYPE_DURATIONS: Record<NotificationType, number> = {\n\t\tsuccess: 1500, // 1.5 seconds - quick confirmation\n\t\tinfo: 2000, // 2 seconds - informational\n\t\twarning: 2500, // 2.5 seconds - needs attention\n\t\terror: 2500, // 2.5 seconds - important\n\t}\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {\n\t\t$sounds.setVolume(this.audioVolume)\n\t}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): NotificationService {\n\t\tif (!NotificationService.instance) {\n\t\t\tNotificationService.instance = new NotificationService()\n\t\t}\n\t\treturn NotificationService.instance\n\t}\n\n\t/**\n\t * Show a notification\n\t * @returns The ID of the created notification\n\t */\n\tpublic notify(options: NotificationOptions): string {\n\t\t// Apply default options\n\t\tconst completeOptions = {\n\t\t\t...NotificationService.DEFAULT_OPTIONS,\n\t\t\t...options,\n\t\t\t// Override with duraton from options if provided, otherwise use default\n\t\t\tduration: options.duration ?? NotificationService.DEFAULT_OPTIONS.duration,\n\t\t}\n\n\t\tconst id = completeOptions.id || `notification-${Date.now()}-${Math.floor(Math.random() * 10000)}`\n\n\t\t// Add to stack for tracking\n\t\tthis.notificationStack.push(id)\n\n\t\t// Remove existing notification if any (only 1 at a time)\n\t\tif (currentNotification) {\n\t\t\tcurrentNotification.remove()\n\t\t\tcurrentNotification = null\n\t\t}\n\n\t\t// Create the notification element directly\n\t\tconst notification = document.createElement('sch-notification') as SchmancyNotification\n\t\tnotification.id = id\n\t\tnotification.title = completeOptions.title || ''\n\t\tnotification.message = completeOptions.message\n\t\tnotification.type = completeOptions.type || 'info'\n\t\tnotification.duration = completeOptions.duration || 1000\n\t\tnotification.closable = completeOptions.closable !== false\n\t\tnotification.playSound = false // We handle sound here\n\t\tnotification.showProgress = completeOptions.showProgress || false\n\t\tnotification.startPosition = { ...lastClickPosition }\n\n\t\t// Play sound if enabled\n\t\tif (completeOptions.playSound !== false) {\n\t\t\t$sounds.play(typeToFeeling[notification.type])\n\t\t}\n\n\t\t// Listen for close event\n\t\tnotification.addEventListener('close', () => {\n\t\t\tconst index = this.notificationStack.indexOf(id)\n\t\t\tif (index > -1) {\n\t\t\t\tthis.notificationStack.splice(index, 1)\n\t\t\t}\n\t\t\tnotification.remove()\n\t\t\tif (currentNotification === notification) {\n\t\t\t\tcurrentNotification = null\n\t\t\t}\n\t\t})\n\n\t\t// Append to body\n\t\tdocument.body.appendChild(notification)\n\t\tcurrentNotification = notification\n\n\t\treturn id\n\t}\n\n\t/**\n\t * Dismiss a notification\n\t * @param id Optional notification ID. If not provided, dismisses the most recent notification\n\t */\n\tpublic dismiss(id?: string): void {\n\t\tlet targetId: string | undefined\n\n\t\tif (id) {\n\t\t\t// Remove specific notification from stack\n\t\t\tconst index = this.notificationStack.indexOf(id)\n\t\t\tif (index > -1) {\n\t\t\t\tthis.notificationStack.splice(index, 1)\n\t\t\t\ttargetId = id\n\t\t\t}\n\t\t} else {\n\t\t\t// Remove most recent notification (last in stack)\n\t\t\ttargetId = this.notificationStack.pop()\n\t\t}\n\n\t\tif (targetId && currentNotification && currentNotification.id === targetId) {\n\t\t\tcurrentNotification.close()\n\t\t}\n\t}\n\n\t/**\n\t * Update a notification's content\n\t */\n\tpublic update(id: string, options: Partial<NotificationOptions>): void {\n\t\tif (currentNotification && currentNotification.id === id) {\n\t\t\tif (options.title !== undefined) currentNotification.title = options.title\n\t\t\tif (options.message !== undefined) currentNotification.message = options.message\n\t\t\tif (options.type !== undefined) currentNotification.type = options.type\n\t\t}\n\t}\n\n\t/**\n\t * Show an info notification\n\t */\n\tpublic info(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'info',\n\t\t\tduration: message ? (options.duration ?? NotificationService.TYPE_DURATIONS.info) : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a success notification\n\t */\n\tpublic success(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'success',\n\t\t\tduration: message ? (options.duration ?? NotificationService.TYPE_DURATIONS.success) : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a warning notification\n\t */\n\tpublic warning(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'warning',\n\t\t\tduration: message ? (options.duration ?? NotificationService.TYPE_DURATIONS.warning) : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show an error notification\n\t */\n\tpublic error(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'error',\n\t\t\tduration: message ? (options.duration ?? NotificationService.TYPE_DURATIONS.error) : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a notification with a custom duration\n\t */\n\tpublic customDuration(\n\t\tmessage: string,\n\t\tduration: number,\n\t\toptions: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {},\n\t): string {\n\t\treturn this.notify({\n\t\t\tmessage,\n\t\t\tduration,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a persistent notification (won't auto-dismiss)\n\t */\n\tpublic persistent(message: string, options: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage,\n\t\t\tduration: 0, // Zero duration means no auto-close\n\t\t\t...options,\n\t\t})\n\t}\n}\n\n/**\n * Global notification utility - provides a quick way to show notifications\n */\nexport const $notify = {\n\t/**\n\t * Show a notification\n\t */\n\tshow: (options: NotificationOptions): string => {\n\t\treturn NotificationService.getInstance().notify(options)\n\t},\n\n\t/**\n\t * Show an info notification\n\t */\n\tinfo: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().info(message, options)\n\t},\n\n\t/**\n\t * Show a success notification\n\t */\n\tsuccess: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().success(message, options)\n\t},\n\n\t/**\n\t * Show a warning notification\n\t */\n\twarning: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().warning(message, options)\n\t},\n\n\t/**\n\t * Show an error notification\n\t */\n\terror: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().error(message, options)\n\t},\n\n\t/**\n\t * Show a notification with a custom duration\n\t * @param message The notification message\n\t * @param duration Duration in milliseconds before auto-dismissing (0 for no auto-dismiss)\n\t * @param options Additional notification options\n\t */\n\tcustomDuration: (\n\t\tmessage: string,\n\t\tduration: number,\n\t\toptions: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {},\n\t): string => {\n\t\treturn NotificationService.getInstance().customDuration(message, duration, options)\n\t},\n\n\t/**\n\t * Show a persistent notification that won't auto-dismiss\n\t */\n\tpersistent: (message: string, options: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {}): string => {\n\t\treturn NotificationService.getInstance().persistent(message, options)\n\t},\n\n\t/**\n\t * Dismiss a notification\n\t * @param id Optional notification ID. If not provided, dismisses the most recent notification (queue-like behavior)\n\t */\n\tdismiss: (id?: string): void => {\n\t\treturn NotificationService.getInstance().dismiss(id)\n\t},\n\n\t/**\n\t * Update a notification's content\n\t */\n\tupdate: (id: string, options: Partial<NotificationOptions>): void => {\n\t\treturn NotificationService.getInstance().update(id, options)\n\t},\n}\n\nexport default NotificationService\n"],"names":["SchmancyNotification","$LitElement","constructor","super","arguments","this","title","message","type","closable","duration","id","Date","now","Math","floor","random","playSound","showProgress","startPosition","x","y","_visible","_progress","_hovered","_closing","paused$","BehaviorSubject","startTime","pausedAt","elapsedBeforePause","connectedCallback","style","position","top","right","zIndex","opacity","updateComplete","then","animateIn","setupAutoClose","setupProgressUpdates","_playSound","rect","getBoundingClientRect","targetX","left","width","targetY","height","arcPoint","start","end","arcDirection","intensity","midX","midY","distance","sqrt","pow","arcHeight","min","animate","transform","offset","easing","fill","finished","pipe","switchMap","paused","NEVER","remaining","close","timer","takeUntil","disconnecting","subscribe","interval","map","elapsed","max","distinctUntilChanged","tap","progress","dispatchEvent","CustomEvent","detail","bubbles","composed","_handleMouseEnter","next","_handleMouseLeave","_getEmoji","render","html","__decorateClass","property","String","prototype","Boolean","Number","Object","state","customElement","typeToFeeling","info","success","warning","error","lastClickPosition","window","innerWidth","addEventListener","e","clientX","clientY","capture","passive","currentNotification","NotificationService","notificationStack","audioVolume","$sounds","setVolume","instance","options","completeOptions","DEFAULT_OPTIONS","push","remove","notification","document","createElement","play","index","indexOf","splice","body","appendChild","targetId","pop","notify","TYPE_DURATIONS","_$","$notify","show","getInstance","customDuration","persistent","dismiss","update"],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ "use strict";const u=require("rxjs"),l=require("rxjs/operators");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-UijsBrYW.cjs");const S=require("./litElement.mixin-BVBdv0GP.cjs"),y=require("lit");require("./sound.service-eRirZw59.cjs");const g=require("./emotional-sounds-DVGhmoZf.cjs");var $=Object.defineProperty,P=Object.getOwnPropertyDescriptor,r=(s,t,e,o)=>{for(var i,n=o>1?void 0:o?P(t,e):t,d=s.length-1;d>=0;d--)(i=s[d])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&$(t,e,n),n};exports.SchmancyNotification=class extends S.$LitElement(":host{display:block}.notification{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px 32px 12px 12px;background:var(--schmancy-sys-color-surface-container);border-radius:var(--schmancy-sys-shape-corner-extraLarge, 16px);box-shadow:var(--schmancy-sys-elevation-1);color:var(--schmancy-sys-color-surface-on);max-width:320px;overflow:hidden;transition:box-shadow .2s ease}.notification.hovered{box-shadow:var(--schmancy-sys-elevation-2)}.emoji{font-size:20px;line-height:1;flex-shrink:0;margin-top:1px}.content{flex:1;min-width:0}.title{font-weight:500;font-size:13px;line-height:1.4;margin-bottom:2px;letter-spacing:.01em}.info .title{color:var(--schmancy-sys-color-primary-default)}.success .title{color:var(--schmancy-sys-color-success-default)}.warning .title{color:var(--schmancy-sys-color-tertiary-default)}.error .title{color:var(--schmancy-sys-color-error-default)}.message{font-size:13px;line-height:1.4;opacity:.75;letter-spacing:.01em}.close{position:absolute;top:8px;right:6px;background:none;border:none;font-size:16px;font-weight:300;color:var(--schmancy-sys-color-surface-onVariant);cursor:pointer;padding:4px 6px;line-height:1;opacity:.4;border-radius:var(--schmancy-sys-shape-corner-full, 50%);transition:opacity .2s ease}.close:hover{opacity:.8}.close:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 2px var(--schmancy-sys-color-primary-default)}.progress{position:absolute;bottom:0;left:0;height:2px;transition:width 16ms linear;border-radius:2px;opacity:.7}.info .progress{background:var(--schmancy-sys-color-primary-container)}.success .progress{background:var(--schmancy-sys-color-success-container)}.warning .progress{background:var(--schmancy-sys-color-tertiary-container)}.error .progress{background:var(--schmancy-sys-color-error-container)}"){constructor(){super(...arguments),this.title="",this.message="",this.type="info",this.closable=!0,this.duration=5e3,this.id=`notification-${Date.now()}-${Math.floor(1e4*Math.random())}`,this.playSound=!0,this.showProgress=!1,this.startPosition={x:0,y:0},this._visible=!0,this._progress=100,this._hovered=!1,this._closing=!1,this.paused$=new u.BehaviorSubject(!1),this.startTime=0,this.pausedAt=0,this.elapsedBeforePause=0}connectedCallback(){super.connectedCallback(),this.style.position="fixed",this.style.top="16px",this.style.right="16px",this.style.zIndex="10001",this.style.opacity="0",this.updateComplete.then(()=>{this.animateIn()}),this.duration>0&&(this.setupAutoClose(),this.setupProgressUpdates()),this.playSound&&this._playSound()}async animateIn(){const s=this.getBoundingClientRect(),t=s.left+s.width/2,e=s.top+s.height/2,o=(function(i,n,d="up",x=.3){const b=(i.x+n.x)/2,m=(i.y+n.y)/2,w=Math.sqrt(Math.pow(n.x-i.x,2)+Math.pow(n.y-i.y,2)),f=Math.min(w*x,150);return{x:b,y:d==="up"?m-f:m+f}})(this.startPosition,{x:t,y:e},"up",.3);await this.animate([{transform:`translate(${this.startPosition.x-t}px, ${this.startPosition.y-e}px) scale(0.1)`,opacity:0},{transform:`translate(${o.x-t}px, ${o.y-e}px) scale(0.6)`,opacity:.9,offset:.5},{transform:"translate(0, 0) scale(1)",opacity:1}],{duration:400,easing:"cubic-bezier(0.34, 1.2, 0.64, 1)",fill:"forwards"}).finished}setupAutoClose(){this.duration<=0||(this.startTime=Date.now(),this.elapsedBeforePause=0,this.paused$.pipe(l.switchMap(s=>{if(s)return this.pausedAt=Date.now(),this.elapsedBeforePause+=this.pausedAt-this.startTime,u.NEVER;{this.startTime=Date.now();const t=this.duration-this.elapsedBeforePause;return t<=0?(this.close(),u.NEVER):u.timer(t)}}),l.takeUntil(this.disconnecting)).subscribe(()=>this.close()))}setupProgressUpdates(){this.duration<=0||u.interval(16).pipe(l.switchMap(()=>this.paused$.pipe(l.map(s=>{if(s)return this._progress;const t=this.elapsedBeforePause+(Date.now()-this.startTime);return Math.max(0,this.duration-t)/this.duration*100}))),l.distinctUntilChanged(),l.tap(s=>{this._progress=s}),l.takeUntil(this.disconnecting)).subscribe()}_playSound(){this.dispatchEvent(new CustomEvent("playsound",{detail:{type:this.type},bubbles:!0,composed:!0}))}_handleMouseEnter(){this._hovered=!0,this.paused$.next(!0)}_handleMouseLeave(){this._hovered=!1,this.paused$.next(!1)}async close(){this._closing||(this._closing=!0,this._visible=!1,await this.animate([{transform:"translate(0, 0) scale(1)",opacity:1},{transform:"translate(0, -20px) scale(0.8)",opacity:0}],{duration:200,easing:"cubic-bezier(0.4, 0, 1, 1)",fill:"forwards"}).finished,this.dispatchEvent(new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0})))}_getEmoji(){switch(this.type){case"success":return"✅";case"warning":return"⚠️";case"error":return"❌";default:return"💡"}}render(){return!this._visible&&this._closing?y.html``:y.html`
2
+ <div
3
+ class="notification ${this.type} ${this._closing?"closing":""} ${this._hovered?"hovered":""}"
4
+ role="alert"
5
+ @mouseenter=${this._handleMouseEnter}
6
+ @mouseleave=${this._handleMouseLeave}
7
+ >
8
+ <span class="emoji">${this._getEmoji()}</span>
9
+ <div class="content">
10
+ ${this.title?y.html`<div class="title">${this.title}</div>`:""}
11
+ <div class="message">${this.message}</div>
12
+ </div>
13
+ ${this.closable?y.html`
14
+ <button class="close" aria-label="Close notification" @click=${this.close}>x</button>
15
+ `:""}
16
+ ${this.showProgress||this.duration>0?y.html`<div class="progress" style="width: ${this._progress}%"></div>`:""}
17
+ </div>
18
+ `}},r([a.property({type:String})],exports.SchmancyNotification.prototype,"title",2),r([a.property({type:String})],exports.SchmancyNotification.prototype,"message",2),r([a.property({type:String})],exports.SchmancyNotification.prototype,"type",2),r([a.property({type:Boolean})],exports.SchmancyNotification.prototype,"closable",2),r([a.property({type:Number})],exports.SchmancyNotification.prototype,"duration",2),r([a.property({type:String})],exports.SchmancyNotification.prototype,"id",2),r([a.property({type:Boolean})],exports.SchmancyNotification.prototype,"playSound",2),r([a.property({type:Boolean})],exports.SchmancyNotification.prototype,"showProgress",2),r([a.property({type:Object})],exports.SchmancyNotification.prototype,"startPosition",2),r([a.state()],exports.SchmancyNotification.prototype,"_visible",2),r([a.state()],exports.SchmancyNotification.prototype,"_progress",2),r([a.state()],exports.SchmancyNotification.prototype,"_hovered",2),r([a.state()],exports.SchmancyNotification.prototype,"_closing",2),exports.SchmancyNotification=r([a.customElement("sch-notification")],exports.SchmancyNotification);const N={info:"curious",success:"content",warning:"anxious",error:"disappointed"};let v={x:window.innerWidth-100,y:50};typeof window<"u"&&window.addEventListener("mousedown",s=>{v={x:s.clientX,y:s.clientY}},{capture:!0,passive:!0});let c=null;const p=class p{constructor(){this.notificationStack=[],this.audioVolume=.1,g.$sounds.setVolume(this.audioVolume)}static getInstance(){return p.instance||(p.instance=new p),p.instance}notify(t){const e={...p.DEFAULT_OPTIONS,...t,duration:t.duration??p.DEFAULT_OPTIONS.duration},o=e.id||`notification-${Date.now()}-${Math.floor(1e4*Math.random())}`;this.notificationStack.push(o),c&&(c.remove(),c=null);const i=document.createElement("sch-notification");return i.id=o,i.title=e.title||"",i.message=e.message,i.type=e.type||"info",i.duration=e.duration||1e3,i.closable=e.closable!==!1,i.playSound=!1,i.showProgress=e.showProgress||!1,i.startPosition={...v},e.playSound!==!1&&g.$sounds.play(N[i.type]),i.addEventListener("close",()=>{const n=this.notificationStack.indexOf(o);n>-1&&this.notificationStack.splice(n,1),i.remove(),c===i&&(c=null)}),document.body.appendChild(i),c=i,o}dismiss(t){let e;if(t){const o=this.notificationStack.indexOf(t);o>-1&&(this.notificationStack.splice(o,1),e=t)}else e=this.notificationStack.pop();e&&c&&c.id===e&&c.close()}update(t,e){c&&c.id===t&&(e.title!==void 0&&(c.title=e.title),e.message!==void 0&&(c.message=e.message),e.type!==void 0&&(c.type=e.type))}info(t,e={}){return this.notify({message:t??"",type:"info",duration:t?e.duration??p.TYPE_DURATIONS.info:1,...e})}success(t,e={}){return this.notify({message:t??"",type:"success",duration:t?e.duration??p.TYPE_DURATIONS.success:1,...e})}warning(t,e={}){return this.notify({message:t??"",type:"warning",duration:t?e.duration??p.TYPE_DURATIONS.warning:1,...e})}error(t,e={}){return this.notify({message:t??"",type:"error",duration:t?e.duration??p.TYPE_DURATIONS.error:1,...e})}customDuration(t,e,o={}){return this.notify({message:t,duration:e,...o})}persistent(t,e={}){return this.notify({message:t,duration:0,...e})}};p.DEFAULT_OPTIONS={duration:1e3,closable:!0,playSound:!0},p.TYPE_DURATIONS={success:1500,info:2e3,warning:2500,error:2500};let h=p;const E={show:s=>h.getInstance().notify(s),info:(s,t={})=>h.getInstance().info(s,t),success:(s,t={})=>h.getInstance().success(s,t),warning:(s,t={})=>h.getInstance().warning(s,t),error:(s,t={})=>h.getInstance().error(s,t),customDuration:(s,t,e={})=>h.getInstance().customDuration(s,t,e),persistent:(s,t={})=>h.getInstance().persistent(s,t),dismiss:s=>h.getInstance().dismiss(s),update:(s,t)=>h.getInstance().update(s,t)};exports.$notify=E;
19
+ //# sourceMappingURL=notification-service-ICRT05L0.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"notification-service-ICRT05L0.cjs","sources":["../src/notification/notification.ts","../src/notification/notification-service.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { BehaviorSubject, timer, interval, NEVER } from 'rxjs'\nimport { switchMap, takeUntil, map, tap, distinctUntilChanged } from 'rxjs/operators'\nimport style from './notification.scss?inline'\n\nexport type NotificationType = 'info' | 'success' | 'warning' | 'error'\n\n/**\n * Calculate a point on an arc between two points\n */\nfunction calculateArcPoint(\n\tstart: { x: number; y: number },\n\tend: { x: number; y: number },\n\tarcDirection: 'up' | 'down' = 'up',\n\tintensity: number = 0.3,\n): { x: number; y: number } {\n\tconst midX = (start.x + end.x) / 2\n\tconst midY = (start.y + end.y) / 2\n\tconst distance = Math.sqrt(Math.pow(end.x - start.x, 2) + Math.pow(end.y - start.y, 2))\n\tconst arcHeight = Math.min(distance * intensity, 150)\n\treturn {\n\t\tx: midX,\n\t\ty: arcDirection === 'up' ? midY - arcHeight : midY + arcHeight,\n\t}\n}\n\n/**\n * @fires close - When notification is closed\n */\n@customElement('sch-notification')\nexport default class SchmancyNotification extends $LitElement(style) {\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) message = ''\n\t@property({ type: String }) type: NotificationType = 'info'\n\t@property({ type: Boolean }) closable = true\n\t@property({ type: Number }) duration = 5000 // 0 means no auto-close\n\t@property({ type: String }) id = `notification-${Date.now()}-${Math.floor(Math.random() * 10000)}`\n\t@property({ type: Boolean }) playSound = true\n\t@property({ type: Boolean }) showProgress = false // Show indeterminate progress bar\n\t@property({ type: Object }) startPosition: { x: number; y: number } = { x: 0, y: 0 }\n\n\t@state() private _visible = true\n\t@state() private _progress = 100\n\t@state() private _hovered = false\n\t@state() private _closing = false\n\n\tprivate paused$ = new BehaviorSubject<boolean>(false)\n\tprivate startTime = 0\n\tprivate pausedAt = 0\n\tprivate elapsedBeforePause = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Set fixed positioning for blackbird animation\n\t\tthis.style.position = 'fixed'\n\t\tthis.style.top = '16px'\n\t\tthis.style.right = '16px'\n\t\tthis.style.zIndex = '10001'\n\t\tthis.style.opacity = '0'\n\n\t\t// Animate in after first render\n\t\tthis.updateComplete.then(() => {\n\t\t\tthis.animateIn()\n\t\t})\n\n\t\tif (this.duration > 0) {\n\t\t\tthis.setupAutoClose()\n\t\t\tthis.setupProgressUpdates()\n\t\t}\n\n\t\tif (this.playSound) {\n\t\t\tthis._playSound()\n\t\t}\n\t}\n\n\tprivate async animateIn() {\n\t\t// Get the notification element's final position\n\t\tconst rect = this.getBoundingClientRect()\n\t\tconst targetX = rect.left + rect.width / 2\n\t\tconst targetY = rect.top + rect.height / 2\n\n\t\t// Calculate arc point for upward arc\n\t\tconst arcPoint = calculateArcPoint(this.startPosition, { x: targetX, y: targetY }, 'up', 0.3)\n\n\t\t// Animate from click position to final position with arc\n\t\tawait this.animate(\n\t\t\t[\n\t\t\t\t{\n\t\t\t\t\ttransform: `translate(${this.startPosition.x - targetX}px, ${this.startPosition.y - targetY}px) scale(0.1)`,\n\t\t\t\t\topacity: 0,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttransform: `translate(${arcPoint.x - targetX}px, ${arcPoint.y - targetY}px) scale(0.6)`,\n\t\t\t\t\topacity: 0.9,\n\t\t\t\t\toffset: 0.5,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttransform: 'translate(0, 0) scale(1)',\n\t\t\t\t\topacity: 1,\n\t\t\t\t},\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 400,\n\t\t\t\teasing: 'cubic-bezier(0.34, 1.2, 0.64, 1)',\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t).finished\n\t}\n\n\tprivate setupAutoClose() {\n\t\tif (this.duration <= 0) return\n\n\t\tthis.startTime = Date.now()\n\t\tthis.elapsedBeforePause = 0\n\n\t\tthis.paused$\n\t\t\t.pipe(\n\t\t\t\tswitchMap(paused => {\n\t\t\t\t\tif (paused) {\n\t\t\t\t\t\tthis.pausedAt = Date.now()\n\t\t\t\t\t\tthis.elapsedBeforePause += this.pausedAt - this.startTime\n\t\t\t\t\t\treturn NEVER\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.startTime = Date.now()\n\t\t\t\t\t\tconst remaining = this.duration - this.elapsedBeforePause\n\t\t\t\t\t\tif (remaining <= 0) {\n\t\t\t\t\t\t\tthis.close()\n\t\t\t\t\t\t\treturn NEVER\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn timer(remaining)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => this.close())\n\t}\n\n\tprivate setupProgressUpdates() {\n\t\tif (this.duration <= 0) return\n\n\t\tinterval(16)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(() =>\n\t\t\t\t\tthis.paused$.pipe(\n\t\t\t\t\t\tmap(paused => {\n\t\t\t\t\t\t\tif (paused) return this._progress\n\t\t\t\t\t\t\tconst elapsed = this.elapsedBeforePause + (Date.now() - this.startTime)\n\t\t\t\t\t\t\tconst remaining = Math.max(0, this.duration - elapsed)\n\t\t\t\t\t\t\treturn (remaining / this.duration) * 100\n\t\t\t\t\t\t}),\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(progress => {\n\t\t\t\t\tthis._progress = progress\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate _playSound() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('playsound', {\n\t\t\t\tdetail: { type: this.type },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate _handleMouseEnter() {\n\t\tthis._hovered = true\n\t\tthis.paused$.next(true)\n\t}\n\n\tprivate _handleMouseLeave() {\n\t\tthis._hovered = false\n\t\tthis.paused$.next(false)\n\t}\n\n\tpublic async close() {\n\t\tif (this._closing) return\n\t\tthis._closing = true\n\t\tthis._visible = false\n\n\t\t// Animate out before dispatching close event\n\t\tawait this.animate(\n\t\t\t[\n\t\t\t\t{ transform: 'translate(0, 0) scale(1)', opacity: 1 },\n\t\t\t\t{ transform: 'translate(0, -20px) scale(0.8)', opacity: 0 },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 200,\n\t\t\t\teasing: 'cubic-bezier(0.4, 0, 1, 1)',\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t).finished\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('close', {\n\t\t\t\tdetail: { id: this.id },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate _getEmoji(): string {\n\t\tswitch (this.type) {\n\t\t\tcase 'success':\n\t\t\t\treturn '\\u2705'\n\t\t\tcase 'warning':\n\t\t\t\treturn '\\u26A0\\uFE0F'\n\t\t\tcase 'error':\n\t\t\t\treturn '\\u274C'\n\t\t\tdefault:\n\t\t\t\treturn '\\u{1F4A1}'\n\t\t}\n\t}\n\n\trender() {\n\t\tif (!this._visible && this._closing) return html``\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"notification ${this.type} ${this._closing ? 'closing' : ''} ${this._hovered ? 'hovered' : ''}\"\n\t\t\t\trole=\"alert\"\n\t\t\t\t@mouseenter=${this._handleMouseEnter}\n\t\t\t\t@mouseleave=${this._handleMouseLeave}\n\t\t\t>\n\t\t\t\t<span class=\"emoji\">${this._getEmoji()}</span>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t${this.title ? html`<div class=\"title\">${this.title}</div>` : ''}\n\t\t\t\t\t<div class=\"message\">${this.message}</div>\n\t\t\t\t</div>\n\t\t\t\t${this.closable\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<button class=\"close\" aria-label=\"Close notification\" @click=${this.close}>x</button>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t\t${this.showProgress || this.duration > 0\n\t\t\t\t\t? html`<div class=\"progress\" style=\"width: ${this._progress}%\"></div>`\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'sch-notification': SchmancyNotification\n\t}\n}\n","import { $sounds, type Feeling } from '../audio'\nimport SchmancyNotification, { NotificationType } from './notification'\n\nexport interface NotificationOptions {\n\tid?: string\n\ttitle?: string\n\tmessage: string\n\ttype?: NotificationType\n\tduration?: number\n\tclosable?: boolean\n\tplaySound?: boolean\n\tshowProgress?: boolean\n}\n\nconst typeToFeeling: Record<NotificationType, Feeling> = {\n\tinfo: 'curious',\n\tsuccess: 'content',\n\twarning: 'anxious',\n\terror: 'disappointed',\n}\n\n// Track last mouse position\nlet lastClickPosition = { x: window.innerWidth - 100, y: 50 }\n\n// Global mousedown listener to track click position\nif (typeof window !== 'undefined') {\n\twindow.addEventListener(\n\t\t'mousedown',\n\t\t(e: MouseEvent) => {\n\t\t\tlastClickPosition = { x: e.clientX, y: e.clientY }\n\t\t},\n\t\t{ capture: true, passive: true },\n\t)\n}\n\n// Track current notification element\nlet currentNotification: SchmancyNotification | null = null\n\n/**\n * Notification service for centralized notification management.\n * Provides a simple API for showing notifications.\n */\nexport class NotificationService {\n\tprivate static instance: NotificationService\n\tprivate notificationStack: string[] = []\n\tprivate audioVolume = 0.1\n\n\t// Default notification options\n\tprivate static DEFAULT_OPTIONS: Partial<NotificationOptions> = {\n\t\tduration: 1000, // 1 seconds - long enough to be readable\n\t\tclosable: true,\n\t\tplaySound: true,\n\t}\n\n\t// Type-specific default durations (in milliseconds)\n\tprivate static TYPE_DURATIONS: Record<NotificationType, number> = {\n\t\tsuccess: 1500, // 1.5 seconds - quick confirmation\n\t\tinfo: 2000, // 2 seconds - informational\n\t\twarning: 2500, // 2.5 seconds - needs attention\n\t\terror: 2500, // 2.5 seconds - important\n\t}\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {\n\t\t$sounds.setVolume(this.audioVolume)\n\t}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): NotificationService {\n\t\tif (!NotificationService.instance) {\n\t\t\tNotificationService.instance = new NotificationService()\n\t\t}\n\t\treturn NotificationService.instance\n\t}\n\n\t/**\n\t * Show a notification\n\t * @returns The ID of the created notification\n\t */\n\tpublic notify(options: NotificationOptions): string {\n\t\t// Apply default options\n\t\tconst completeOptions = {\n\t\t\t...NotificationService.DEFAULT_OPTIONS,\n\t\t\t...options,\n\t\t\t// Override with duraton from options if provided, otherwise use default\n\t\t\tduration: options.duration ?? NotificationService.DEFAULT_OPTIONS.duration,\n\t\t}\n\n\t\tconst id = completeOptions.id || `notification-${Date.now()}-${Math.floor(Math.random() * 10000)}`\n\n\t\t// Add to stack for tracking\n\t\tthis.notificationStack.push(id)\n\n\t\t// Remove existing notification if any (only 1 at a time)\n\t\tif (currentNotification) {\n\t\t\tcurrentNotification.remove()\n\t\t\tcurrentNotification = null\n\t\t}\n\n\t\t// Create the notification element directly\n\t\tconst notification = document.createElement('sch-notification') as SchmancyNotification\n\t\tnotification.id = id\n\t\tnotification.title = completeOptions.title || ''\n\t\tnotification.message = completeOptions.message\n\t\tnotification.type = completeOptions.type || 'info'\n\t\tnotification.duration = completeOptions.duration || 1000\n\t\tnotification.closable = completeOptions.closable !== false\n\t\tnotification.playSound = false // We handle sound here\n\t\tnotification.showProgress = completeOptions.showProgress || false\n\t\tnotification.startPosition = { ...lastClickPosition }\n\n\t\t// Play sound if enabled\n\t\tif (completeOptions.playSound !== false) {\n\t\t\t$sounds.play(typeToFeeling[notification.type])\n\t\t}\n\n\t\t// Listen for close event\n\t\tnotification.addEventListener('close', () => {\n\t\t\tconst index = this.notificationStack.indexOf(id)\n\t\t\tif (index > -1) {\n\t\t\t\tthis.notificationStack.splice(index, 1)\n\t\t\t}\n\t\t\tnotification.remove()\n\t\t\tif (currentNotification === notification) {\n\t\t\t\tcurrentNotification = null\n\t\t\t}\n\t\t})\n\n\t\t// Append to body\n\t\tdocument.body.appendChild(notification)\n\t\tcurrentNotification = notification\n\n\t\treturn id\n\t}\n\n\t/**\n\t * Dismiss a notification\n\t * @param id Optional notification ID. If not provided, dismisses the most recent notification\n\t */\n\tpublic dismiss(id?: string): void {\n\t\tlet targetId: string | undefined\n\n\t\tif (id) {\n\t\t\t// Remove specific notification from stack\n\t\t\tconst index = this.notificationStack.indexOf(id)\n\t\t\tif (index > -1) {\n\t\t\t\tthis.notificationStack.splice(index, 1)\n\t\t\t\ttargetId = id\n\t\t\t}\n\t\t} else {\n\t\t\t// Remove most recent notification (last in stack)\n\t\t\ttargetId = this.notificationStack.pop()\n\t\t}\n\n\t\tif (targetId && currentNotification && currentNotification.id === targetId) {\n\t\t\tcurrentNotification.close()\n\t\t}\n\t}\n\n\t/**\n\t * Update a notification's content\n\t */\n\tpublic update(id: string, options: Partial<NotificationOptions>): void {\n\t\tif (currentNotification && currentNotification.id === id) {\n\t\t\tif (options.title !== undefined) currentNotification.title = options.title\n\t\t\tif (options.message !== undefined) currentNotification.message = options.message\n\t\t\tif (options.type !== undefined) currentNotification.type = options.type\n\t\t}\n\t}\n\n\t/**\n\t * Show an info notification\n\t */\n\tpublic info(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'info',\n\t\t\tduration: message ? (options.duration ?? NotificationService.TYPE_DURATIONS.info) : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a success notification\n\t */\n\tpublic success(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'success',\n\t\t\tduration: message ? (options.duration ?? NotificationService.TYPE_DURATIONS.success) : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a warning notification\n\t */\n\tpublic warning(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'warning',\n\t\t\tduration: message ? (options.duration ?? NotificationService.TYPE_DURATIONS.warning) : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show an error notification\n\t */\n\tpublic error(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'error',\n\t\t\tduration: message ? (options.duration ?? NotificationService.TYPE_DURATIONS.error) : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a notification with a custom duration\n\t */\n\tpublic customDuration(\n\t\tmessage: string,\n\t\tduration: number,\n\t\toptions: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {},\n\t): string {\n\t\treturn this.notify({\n\t\t\tmessage,\n\t\t\tduration,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a persistent notification (won't auto-dismiss)\n\t */\n\tpublic persistent(message: string, options: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage,\n\t\t\tduration: 0, // Zero duration means no auto-close\n\t\t\t...options,\n\t\t})\n\t}\n}\n\n/**\n * Global notification utility - provides a quick way to show notifications\n */\nexport const $notify = {\n\t/**\n\t * Show a notification\n\t */\n\tshow: (options: NotificationOptions): string => {\n\t\treturn NotificationService.getInstance().notify(options)\n\t},\n\n\t/**\n\t * Show an info notification\n\t */\n\tinfo: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().info(message, options)\n\t},\n\n\t/**\n\t * Show a success notification\n\t */\n\tsuccess: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().success(message, options)\n\t},\n\n\t/**\n\t * Show a warning notification\n\t */\n\twarning: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().warning(message, options)\n\t},\n\n\t/**\n\t * Show an error notification\n\t */\n\terror: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().error(message, options)\n\t},\n\n\t/**\n\t * Show a notification with a custom duration\n\t * @param message The notification message\n\t * @param duration Duration in milliseconds before auto-dismissing (0 for no auto-dismiss)\n\t * @param options Additional notification options\n\t */\n\tcustomDuration: (\n\t\tmessage: string,\n\t\tduration: number,\n\t\toptions: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {},\n\t): string => {\n\t\treturn NotificationService.getInstance().customDuration(message, duration, options)\n\t},\n\n\t/**\n\t * Show a persistent notification that won't auto-dismiss\n\t */\n\tpersistent: (message: string, options: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {}): string => {\n\t\treturn NotificationService.getInstance().persistent(message, options)\n\t},\n\n\t/**\n\t * Dismiss a notification\n\t * @param id Optional notification ID. If not provided, dismisses the most recent notification (queue-like behavior)\n\t */\n\tdismiss: (id?: string): void => {\n\t\treturn NotificationService.getInstance().dismiss(id)\n\t},\n\n\t/**\n\t * Update a notification's content\n\t */\n\tupdate: (id: string, options: Partial<NotificationOptions>): void => {\n\t\treturn NotificationService.getInstance().update(id, options)\n\t},\n}\n\nexport default NotificationService\n"],"names":["SchmancyNotification","$LitElement","constructor","super","arguments","this","title","message","type","closable","duration","id","Date","now","Math","floor","random","playSound","showProgress","startPosition","x","y","_visible","_progress","_hovered","_closing","paused$","BehaviorSubject","startTime","pausedAt","elapsedBeforePause","connectedCallback","style","position","top","right","zIndex","opacity","updateComplete","then","animateIn","setupAutoClose","setupProgressUpdates","_playSound","rect","getBoundingClientRect","targetX","left","width","targetY","height","arcPoint","start","end","arcDirection","intensity","midX","midY","distance","sqrt","pow","arcHeight","min","animate","transform","offset","easing","fill","finished","pipe","switchMap","paused","NEVER","remaining","close","timer","takeUntil","disconnecting","subscribe","interval","map","elapsed","max","distinctUntilChanged","tap","progress","dispatchEvent","CustomEvent","detail","bubbles","composed","_handleMouseEnter","next","_handleMouseLeave","_getEmoji","html","__decorateClass","property","String","prototype","Boolean","Number","Object","state","customElement","typeToFeeling","info","success","warning","error","lastClickPosition","window","innerWidth","addEventListener","e","clientX","clientY","capture","passive","currentNotification","NotificationService","notificationStack","audioVolume","$sounds","setVolume","getInstance","instance","options","completeOptions","DEFAULT_OPTIONS","push","remove","notification","document","createElement","play","index","indexOf","splice","body","appendChild","targetId","pop","notify","TYPE_DURATIONS","_u","$notify","show","customDuration","persistent","dismiss","update"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./notification-service-DQGs9O0f.cjs"),e=require("./notify-VkDx6hMZ.cjs");exports.$notify=i.$notify,exports.NotificationAudioService=i.NotificationAudioService,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>i.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationContainer",{enumerable:!0,get:()=>i.SchmancyNotificationContainer}),exports.notify=e.notify,exports.notifyProgress=e.notifyProgress;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./notification-service-ICRT05L0.cjs"),t=require("./notify-NX-dl60E.cjs");exports.$notify=e.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>e.SchmancyNotification}),exports.notify=t.notify,exports.notifyProgress=t.notifyProgress;
2
2
  //# sourceMappingURL=notification.cjs.map
@@ -1,11 +1,9 @@
1
- import { $ as a, N as t, S as n, a as c } from "./notification-service-CZ56fXew.js";
2
- import { n as r, a as s } from "./notify-KvHZ-8z9.js";
1
+ import { $ as t, S as f } from "./notification-service-B5ljba4P.js";
2
+ import { n, a as r } from "./notify-B9CpO1Ru.js";
3
3
  export {
4
- a as $notify,
5
- t as NotificationAudioService,
6
- n as SchmancyNotification,
7
- c as SchmancyNotificationContainer,
8
- r as notify,
9
- s as notifyProgress
4
+ t as $notify,
5
+ f as SchmancyNotification,
6
+ n as notify,
7
+ r as notifyProgress
10
8
  };
11
9
  //# sourceMappingURL=notification.js.map
@@ -1,5 +1,5 @@
1
1
  import { tap as g, catchError as d, finalize as u } from "rxjs";
2
- import { $ as r } from "./notification-service-CZ56fXew.js";
2
+ import { $ as r } from "./notification-service-B5ljba4P.js";
3
3
  function p(s) {
4
4
  return (t) => {
5
5
  let o;
@@ -32,4 +32,4 @@ export {
32
32
  m as a,
33
33
  p as n
34
34
  };
35
- //# sourceMappingURL=notify-KvHZ-8z9.js.map
35
+ //# sourceMappingURL=notify-B9CpO1Ru.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"notify-B9CpO1Ru.js","sources":["../src/notification/notify.ts"],"sourcesContent":["import { Observable, tap, finalize, catchError } from 'rxjs'\r\nimport { $notify, NotificationOptions } from './notification-service'\r\n\r\nexport interface NotifyOptions {\r\n\t/**\r\n\t * Message to show while the operation is in progress\r\n\t */\r\n\tloadingMessage?: string\r\n\t/**\r\n\t * Message to show when the operation completes successfully\r\n\t */\r\n\tsuccessMessage?: string\r\n\t/**\r\n\t * Message to show when the operation fails (can be a function to format error)\r\n\t */\r\n\terrorMessage?: string | ((error: any) => string)\r\n\t/**\r\n\t * Type of notification for loading state\r\n\t */\r\n\tloadingType?: NotificationOptions['type']\r\n\t/**\r\n\t * Type of notification for success state\r\n\t */\r\n\tsuccessType?: NotificationOptions['type']\r\n\t/**\r\n\t * Type of notification for error state\r\n\t */\r\n\terrorType?: NotificationOptions['type']\r\n\t/**\r\n\t * Whether to auto-dismiss the loading notification on complete/error\r\n\t */\r\n\tautoDismissLoading?: boolean\r\n\t/**\r\n\t * Duration for success notification (ms). Use 0 for persistent\r\n\t */\r\n\tsuccessDuration?: number\r\n\t/**\r\n\t * Duration for error notification (ms). Use 0 for persistent\r\n\t */\r\n\terrorDuration?: number\r\n}\r\n\r\n/**\r\n * Wraps an Observable with notification lifecycle management.\r\n * Shows a loading notification with progress indicator, then auto-dismisses and shows success/error notification.\r\n * \r\n * @example\r\n * ```typescript\r\n * // Basic usage with progress indicator\r\n * someApiCall().pipe(\r\n * notify({\r\n * loadingMessage: 'Loading data...',\r\n * successMessage: 'Data loaded successfully!',\r\n * errorMessage: 'Failed to load data'\r\n * })\r\n * ).subscribe()\r\n * \r\n * // With custom durations\r\n * saveData().pipe(\r\n * notify({\r\n * loadingMessage: 'Saving...',\r\n * successMessage: 'Saved!',\r\n * successDuration: 5000, // Success stays for 5 seconds\r\n * errorMessage: (err) => `Save failed: ${err.message}`,\r\n * errorDuration: 0 // Error is persistent until dismissed\r\n * })\r\n * ).subscribe()\r\n * \r\n * // Full configuration example\r\n * uploadFile().pipe(\r\n * notify({\r\n * loadingMessage: 'Uploading file...',\r\n * loadingType: 'info',\r\n * successMessage: 'Upload complete!',\r\n * successType: 'success',\r\n * successDuration: 3000,\r\n * errorMessage: (err) => `Upload failed: ${err.message}`,\r\n * errorType: 'error',\r\n * errorDuration: 10000,\r\n * autoDismissLoading: true\r\n * })\r\n * ).subscribe()\r\n * ```\r\n */\r\nexport function notify<T>(options: NotifyOptions) {\r\n\treturn (source: Observable<T>): Observable<T> => {\r\n\t\tlet loadingNotificationId: string | undefined\r\n\r\n\t\t// Show loading notification if message provided\r\n\t\tif (options.loadingMessage) {\r\n\t\t\tloadingNotificationId = $notify.show({\r\n\t\t\t\tmessage: options.loadingMessage,\r\n\t\t\t\ttype: options.loadingType || 'info',\r\n\t\t\t\tduration: 0, // Persistent until dismissed\r\n\t\t\t\tshowProgress: true, // Show indeterminate progress by default\r\n\t\t\t})\r\n\t\t}\r\n\r\n\t\treturn source.pipe(\r\n\t\t\ttap((value) => {\r\n\t\t\t\t// Check if the emitted value contains progress information\r\n\t\t\t\t// Common patterns: { progress: number }, { loaded: number, total: number }, etc.\r\n\t\t\t\tif (loadingNotificationId && typeof value === 'object' && value !== null) {\r\n\t\t\t\t\tlet progress: number | undefined\r\n\t\t\t\t\t\r\n\t\t\t\t\t// Check for different progress patterns\r\n\t\t\t\t\tif ('progress' in value && typeof (value as any).progress === 'number') {\r\n\t\t\t\t\t\tprogress = (value as any).progress\r\n\t\t\t\t\t} else if ('loaded' in value && 'total' in value) {\r\n\t\t\t\t\t\tconst loaded = (value as any).loaded\r\n\t\t\t\t\t\tconst total = (value as any).total\r\n\t\t\t\t\t\tif (typeof loaded === 'number' && typeof total === 'number' && total > 0) {\r\n\t\t\t\t\t\t\tprogress = (loaded / total) * 100\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t// Update notification with progress if available\r\n\t\t\t\t\tif (progress !== undefined) {\r\n\t\t\t\t\t\t// We need to update the progress of the notification\r\n\t\t\t\t\t\t// For now, we'll update the message to show progress percentage\r\n\t\t\t\t\t\t$notify.update?.(loadingNotificationId, {\r\n\t\t\t\t\t\t\tmessage: `${options.loadingMessage} (${Math.round(progress)}%)`,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t// Check if this is the final success emission (not a progress update)\r\n\t\t\t\t// Typically file uploads emit progress events then a final result\r\n\t\t\t\tconst isProgressUpdate = typeof value === 'object' && value !== null && \r\n\t\t\t\t\t('progress' in value || ('loaded' in value && 'total' in value))\r\n\t\t\t\t\r\n\t\t\t\tif (!isProgressUpdate) {\r\n\t\t\t\t\t// On successful final emission, dismiss loading and show success\r\n\t\t\t\t\tif (loadingNotificationId && options.autoDismissLoading !== false) {\r\n\t\t\t\t\t\t$notify.dismiss(loadingNotificationId)\r\n\t\t\t\t\t\tloadingNotificationId = undefined\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (options.successMessage) {\r\n\t\t\t\t\t\t$notify.show({\r\n\t\t\t\t\t\t\tmessage: options.successMessage,\r\n\t\t\t\t\t\t\ttype: options.successType || 'success',\r\n\t\t\t\t\t\t\tduration: options.successDuration ?? 2000,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}),\r\n\t\t\tcatchError((error) => {\r\n\t\t\t\t// On error, dismiss loading and show error\r\n\t\t\t\tif (loadingNotificationId && options.autoDismissLoading !== false) {\r\n\t\t\t\t\t$notify.dismiss(loadingNotificationId)\r\n\t\t\t\t\tloadingNotificationId = undefined\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (options.errorMessage) {\r\n\t\t\t\t\tconst message = typeof options.errorMessage === 'function' \r\n\t\t\t\t\t\t? options.errorMessage(error)\r\n\t\t\t\t\t\t: options.errorMessage\r\n\t\t\t\t\t\r\n\t\t\t\t\t$notify.show({\r\n\t\t\t\t\t\tmessage,\r\n\t\t\t\t\t\ttype: options.errorType || 'error',\r\n\t\t\t\t\t\tduration: options.errorDuration ?? 3000,\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Re-throw the error to maintain the error flow\r\n\t\t\t\tthrow error\r\n\t\t\t}),\r\n\t\t\tfinalize(() => {\r\n\t\t\t\t// Clean up any remaining loading notification\r\n\t\t\t\tif (loadingNotificationId && options.autoDismissLoading !== false) {\r\n\t\t\t\t\t$notify.dismiss(loadingNotificationId)\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t)\r\n\t}\r\n}\r\n\r\n/**\r\n * Simplified version for API calls that just need loading and auto-dismiss.\r\n * Perfect for fire-and-forget operations where you want to show progress.\r\n * \r\n * @example\r\n * ```typescript\r\n * downloadData().pipe(\r\n * notifyProgress('Downloading...')\r\n * ).subscribe()\r\n * \r\n * // With custom messages\r\n * saveDocument().pipe(\r\n * notifyProgress('Saving document...', 'Document saved!', 'Save failed')\r\n * ).subscribe()\r\n * ```\r\n */\r\nexport function notifyProgress<T>(\r\n\tloadingMessage: string,\r\n\tsuccessMessage?: string,\r\n\terrorMessage?: string\r\n) {\r\n\treturn notify<T>({\r\n\t\tloadingMessage,\r\n\t\tsuccessMessage: successMessage || undefined,\r\n\t\terrorMessage: errorMessage || undefined,\r\n\t\tautoDismissLoading: true,\r\n\t})\r\n}"],"names":["notify","options","source","loadingNotificationId","loadingMessage","$notify","show","message","type","loadingType","duration","showProgress","pipe","tap","value","progress","loaded","total","update","Math","round","autoDismissLoading","dismiss","successMessage","successType","successDuration","catchError","error","errorMessage","errorType","errorDuration","finalize","notifyProgress"],"mappings":";;AAoFO,SAASA,EAAUC;AACzB,SAAQC,CAAAA,MAAAA;AACP,QAAIC;AAYJ,WATIF,EAAQG,mBACXD,IAAwBE,EAAQC,KAAK,EACpCC,SAASN,EAAQG,gBACjBI,MAAMP,EAAQQ,eAAe,QAC7BC,UAAU,GACVC,iBAAc,CAAA,IAITT,EAAOU,KACbC,EAAKC,OAAAA;AAGJ,UAAIX,KAA0C,OAAVW,KAAU,YAAYA,MAAU,MAAM;AACzE,YAAIC;AAGJ,YAAI,cAAcD,KAA4C,OAA3BA,EAAcC,YAAa,SAC7DA,CAAAA,IAAYD,EAAcC;AAAAA,iBAChB,YAAYD,KAAS,WAAWA,GAAO;AACjD,gBAAME,IAAUF,EAAcE,QACxBC,IAASH,EAAcG;AACP,iBAAXD,KAAW,YAA6B,OAAVC,KAAU,YAAYA,IAAQ,MACtEF,IAAYC,IAASC,IAAS;AAAA,QAEhC;AAAA,QAGIF,MAHJ,UAMCV,EAAQa,SAASf,GAAuB,EACvCI,SAAS,GAAGN,EAAQG,cAAAA,KAAmBe,KAAKC,MAAML,CAAAA,CAAAA,KAAAA,CAAAA;AAAAA,MAGrD;AAI0C,MAAA,OAAVD,KAAU,YAAYA,MAAU,SAC9D,cAAcA,KAAU,YAAYA,KAAS,WAAWA,OAIrDX,KAAyBF,EAAQoB,uBAAjClB,OACHE,EAAQiB,QAAQnB,CAAAA,GAChBA,IAAAA,SAGGF,EAAQsB,kBACXlB,EAAQC,KAAK,EACZC,SAASN,EAAQsB,gBACjBf,MAAMP,EAAQuB,eAAe,WAC7Bd,UAAUT,EAAQwB,mBAAmB,IAAA,CAAA;AAAA,IAAA,CAAA,GAKzCC,EAAYC;AAOX,UALIxB,KAAyBF,EAAQoB,uBAAjClB,OACHE,EAAQiB,QAAQnB,CAAAA,GAChBA,aAGGF,EAAQ2B,cAAc;AACzB,cAAMrB,IAA0C,OAAzBN,EAAQ2B,gBAAiB,aAC7C3B,EAAQ2B,aAAaD,CAAAA,IACrB1B,EAAQ2B;AAEXvB,QAAAA,EAAQC,KAAK,EACZC,SAAAA,GACAC,MAAMP,EAAQ4B,aAAa,SAC3BnB,UAAUT,EAAQ6B,iBAAiB,IAAA,CAAA;AAAA,MAErC;AAGA,YAAMH;AAAAA,IAAAA,CAAAA,GAEPI,EAAS,MAAA;AAEJ5B,MAAAA,KAAyBF,EAAQoB,uBAAjClB,MACHE,EAAQiB,QAAQnB;;;AAKrB;AAkBO,SAAS6B,EACf5B,GACAmB,GACAK;AAEA,SAAO5B,EAAU,EAChBI,gBAAAA,GACAmB,gBAAgBA,aAChBK,cAAcA,aACdP,oBAAAA,GAAoB,CAAA;AAEtB;"}
@@ -1,2 +1,2 @@
1
- "use strict";const a=require("rxjs"),i=require("./notification-service-DQGs9O0f.cjs");function u(s){return t=>{let o;return s.loadingMessage&&(o=i.$notify.show({message:s.loadingMessage,type:s.loadingType||"info",duration:0,showProgress:!0})),t.pipe(a.tap(e=>{if(o&&typeof e=="object"&&e!==null){let r;if("progress"in e&&typeof e.progress=="number")r=e.progress;else if("loaded"in e&&"total"in e){const g=e.loaded,n=e.total;typeof g=="number"&&typeof n=="number"&&n>0&&(r=g/n*100)}r!==void 0&&i.$notify.update?.(o,{message:`${s.loadingMessage} (${Math.round(r)}%)`})}typeof e=="object"&&e!==null&&("progress"in e||"loaded"in e&&"total"in e)||(o&&s.autoDismissLoading!==!1&&(i.$notify.dismiss(o),o=void 0),s.successMessage&&i.$notify.show({message:s.successMessage,type:s.successType||"success",duration:s.successDuration??2e3}))}),a.catchError(e=>{if(o&&s.autoDismissLoading!==!1&&(i.$notify.dismiss(o),o=void 0),s.errorMessage){const r=typeof s.errorMessage=="function"?s.errorMessage(e):s.errorMessage;i.$notify.show({message:r,type:s.errorType||"error",duration:s.errorDuration??3e3})}throw e}),a.finalize(()=>{o&&s.autoDismissLoading!==!1&&i.$notify.dismiss(o)}))}}exports.notify=u,exports.notifyProgress=function(s,t,o){return u({loadingMessage:s,successMessage:t||void 0,errorMessage:o||void 0,autoDismissLoading:!0})};
2
- //# sourceMappingURL=notify-VkDx6hMZ.cjs.map
1
+ "use strict";const a=require("rxjs"),i=require("./notification-service-ICRT05L0.cjs");function u(s){return t=>{let o;return s.loadingMessage&&(o=i.$notify.show({message:s.loadingMessage,type:s.loadingType||"info",duration:0,showProgress:!0})),t.pipe(a.tap(e=>{if(o&&typeof e=="object"&&e!==null){let r;if("progress"in e&&typeof e.progress=="number")r=e.progress;else if("loaded"in e&&"total"in e){const g=e.loaded,n=e.total;typeof g=="number"&&typeof n=="number"&&n>0&&(r=g/n*100)}r!==void 0&&i.$notify.update?.(o,{message:`${s.loadingMessage} (${Math.round(r)}%)`})}typeof e=="object"&&e!==null&&("progress"in e||"loaded"in e&&"total"in e)||(o&&s.autoDismissLoading!==!1&&(i.$notify.dismiss(o),o=void 0),s.successMessage&&i.$notify.show({message:s.successMessage,type:s.successType||"success",duration:s.successDuration??2e3}))}),a.catchError(e=>{if(o&&s.autoDismissLoading!==!1&&(i.$notify.dismiss(o),o=void 0),s.errorMessage){const r=typeof s.errorMessage=="function"?s.errorMessage(e):s.errorMessage;i.$notify.show({message:r,type:s.errorType||"error",duration:s.errorDuration??3e3})}throw e}),a.finalize(()=>{o&&s.autoDismissLoading!==!1&&i.$notify.dismiss(o)}))}}exports.notify=u,exports.notifyProgress=function(s,t,o){return u({loadingMessage:s,successMessage:t||void 0,errorMessage:o||void 0,autoDismissLoading:!0})};
2
+ //# sourceMappingURL=notify-NX-dl60E.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"notify-NX-dl60E.cjs","sources":["../src/notification/notify.ts"],"sourcesContent":["import { Observable, tap, finalize, catchError } from 'rxjs'\r\nimport { $notify, NotificationOptions } from './notification-service'\r\n\r\nexport interface NotifyOptions {\r\n\t/**\r\n\t * Message to show while the operation is in progress\r\n\t */\r\n\tloadingMessage?: string\r\n\t/**\r\n\t * Message to show when the operation completes successfully\r\n\t */\r\n\tsuccessMessage?: string\r\n\t/**\r\n\t * Message to show when the operation fails (can be a function to format error)\r\n\t */\r\n\terrorMessage?: string | ((error: any) => string)\r\n\t/**\r\n\t * Type of notification for loading state\r\n\t */\r\n\tloadingType?: NotificationOptions['type']\r\n\t/**\r\n\t * Type of notification for success state\r\n\t */\r\n\tsuccessType?: NotificationOptions['type']\r\n\t/**\r\n\t * Type of notification for error state\r\n\t */\r\n\terrorType?: NotificationOptions['type']\r\n\t/**\r\n\t * Whether to auto-dismiss the loading notification on complete/error\r\n\t */\r\n\tautoDismissLoading?: boolean\r\n\t/**\r\n\t * Duration for success notification (ms). Use 0 for persistent\r\n\t */\r\n\tsuccessDuration?: number\r\n\t/**\r\n\t * Duration for error notification (ms). Use 0 for persistent\r\n\t */\r\n\terrorDuration?: number\r\n}\r\n\r\n/**\r\n * Wraps an Observable with notification lifecycle management.\r\n * Shows a loading notification with progress indicator, then auto-dismisses and shows success/error notification.\r\n * \r\n * @example\r\n * ```typescript\r\n * // Basic usage with progress indicator\r\n * someApiCall().pipe(\r\n * notify({\r\n * loadingMessage: 'Loading data...',\r\n * successMessage: 'Data loaded successfully!',\r\n * errorMessage: 'Failed to load data'\r\n * })\r\n * ).subscribe()\r\n * \r\n * // With custom durations\r\n * saveData().pipe(\r\n * notify({\r\n * loadingMessage: 'Saving...',\r\n * successMessage: 'Saved!',\r\n * successDuration: 5000, // Success stays for 5 seconds\r\n * errorMessage: (err) => `Save failed: ${err.message}`,\r\n * errorDuration: 0 // Error is persistent until dismissed\r\n * })\r\n * ).subscribe()\r\n * \r\n * // Full configuration example\r\n * uploadFile().pipe(\r\n * notify({\r\n * loadingMessage: 'Uploading file...',\r\n * loadingType: 'info',\r\n * successMessage: 'Upload complete!',\r\n * successType: 'success',\r\n * successDuration: 3000,\r\n * errorMessage: (err) => `Upload failed: ${err.message}`,\r\n * errorType: 'error',\r\n * errorDuration: 10000,\r\n * autoDismissLoading: true\r\n * })\r\n * ).subscribe()\r\n * ```\r\n */\r\nexport function notify<T>(options: NotifyOptions) {\r\n\treturn (source: Observable<T>): Observable<T> => {\r\n\t\tlet loadingNotificationId: string | undefined\r\n\r\n\t\t// Show loading notification if message provided\r\n\t\tif (options.loadingMessage) {\r\n\t\t\tloadingNotificationId = $notify.show({\r\n\t\t\t\tmessage: options.loadingMessage,\r\n\t\t\t\ttype: options.loadingType || 'info',\r\n\t\t\t\tduration: 0, // Persistent until dismissed\r\n\t\t\t\tshowProgress: true, // Show indeterminate progress by default\r\n\t\t\t})\r\n\t\t}\r\n\r\n\t\treturn source.pipe(\r\n\t\t\ttap((value) => {\r\n\t\t\t\t// Check if the emitted value contains progress information\r\n\t\t\t\t// Common patterns: { progress: number }, { loaded: number, total: number }, etc.\r\n\t\t\t\tif (loadingNotificationId && typeof value === 'object' && value !== null) {\r\n\t\t\t\t\tlet progress: number | undefined\r\n\t\t\t\t\t\r\n\t\t\t\t\t// Check for different progress patterns\r\n\t\t\t\t\tif ('progress' in value && typeof (value as any).progress === 'number') {\r\n\t\t\t\t\t\tprogress = (value as any).progress\r\n\t\t\t\t\t} else if ('loaded' in value && 'total' in value) {\r\n\t\t\t\t\t\tconst loaded = (value as any).loaded\r\n\t\t\t\t\t\tconst total = (value as any).total\r\n\t\t\t\t\t\tif (typeof loaded === 'number' && typeof total === 'number' && total > 0) {\r\n\t\t\t\t\t\t\tprogress = (loaded / total) * 100\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t// Update notification with progress if available\r\n\t\t\t\t\tif (progress !== undefined) {\r\n\t\t\t\t\t\t// We need to update the progress of the notification\r\n\t\t\t\t\t\t// For now, we'll update the message to show progress percentage\r\n\t\t\t\t\t\t$notify.update?.(loadingNotificationId, {\r\n\t\t\t\t\t\t\tmessage: `${options.loadingMessage} (${Math.round(progress)}%)`,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t// Check if this is the final success emission (not a progress update)\r\n\t\t\t\t// Typically file uploads emit progress events then a final result\r\n\t\t\t\tconst isProgressUpdate = typeof value === 'object' && value !== null && \r\n\t\t\t\t\t('progress' in value || ('loaded' in value && 'total' in value))\r\n\t\t\t\t\r\n\t\t\t\tif (!isProgressUpdate) {\r\n\t\t\t\t\t// On successful final emission, dismiss loading and show success\r\n\t\t\t\t\tif (loadingNotificationId && options.autoDismissLoading !== false) {\r\n\t\t\t\t\t\t$notify.dismiss(loadingNotificationId)\r\n\t\t\t\t\t\tloadingNotificationId = undefined\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (options.successMessage) {\r\n\t\t\t\t\t\t$notify.show({\r\n\t\t\t\t\t\t\tmessage: options.successMessage,\r\n\t\t\t\t\t\t\ttype: options.successType || 'success',\r\n\t\t\t\t\t\t\tduration: options.successDuration ?? 2000,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}),\r\n\t\t\tcatchError((error) => {\r\n\t\t\t\t// On error, dismiss loading and show error\r\n\t\t\t\tif (loadingNotificationId && options.autoDismissLoading !== false) {\r\n\t\t\t\t\t$notify.dismiss(loadingNotificationId)\r\n\t\t\t\t\tloadingNotificationId = undefined\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (options.errorMessage) {\r\n\t\t\t\t\tconst message = typeof options.errorMessage === 'function' \r\n\t\t\t\t\t\t? options.errorMessage(error)\r\n\t\t\t\t\t\t: options.errorMessage\r\n\t\t\t\t\t\r\n\t\t\t\t\t$notify.show({\r\n\t\t\t\t\t\tmessage,\r\n\t\t\t\t\t\ttype: options.errorType || 'error',\r\n\t\t\t\t\t\tduration: options.errorDuration ?? 3000,\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Re-throw the error to maintain the error flow\r\n\t\t\t\tthrow error\r\n\t\t\t}),\r\n\t\t\tfinalize(() => {\r\n\t\t\t\t// Clean up any remaining loading notification\r\n\t\t\t\tif (loadingNotificationId && options.autoDismissLoading !== false) {\r\n\t\t\t\t\t$notify.dismiss(loadingNotificationId)\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t)\r\n\t}\r\n}\r\n\r\n/**\r\n * Simplified version for API calls that just need loading and auto-dismiss.\r\n * Perfect for fire-and-forget operations where you want to show progress.\r\n * \r\n * @example\r\n * ```typescript\r\n * downloadData().pipe(\r\n * notifyProgress('Downloading...')\r\n * ).subscribe()\r\n * \r\n * // With custom messages\r\n * saveDocument().pipe(\r\n * notifyProgress('Saving document...', 'Document saved!', 'Save failed')\r\n * ).subscribe()\r\n * ```\r\n */\r\nexport function notifyProgress<T>(\r\n\tloadingMessage: string,\r\n\tsuccessMessage?: string,\r\n\terrorMessage?: string\r\n) {\r\n\treturn notify<T>({\r\n\t\tloadingMessage,\r\n\t\tsuccessMessage: successMessage || undefined,\r\n\t\terrorMessage: errorMessage || undefined,\r\n\t\tautoDismissLoading: true,\r\n\t})\r\n}"],"names":["notify","options","source","loadingNotificationId","loadingMessage","$notify","show","message","type","loadingType","duration","showProgress","pipe","tap","value","progress","loaded","total","update","Math","round","autoDismissLoading","dismiss","successMessage","successType","successDuration","catchError","error","errorMessage","errorType","errorDuration","finalize"],"mappings":"sFAoFO,SAASA,EAAUC,EAAAA,CACzB,OAAQC,IACP,IAAIC,EAYJ,OATIF,EAAQG,iBACXD,EAAwBE,EAAAA,QAAQC,KAAK,CACpCC,QAASN,EAAQG,eACjBI,KAAMP,EAAQQ,aAAe,OAC7BC,SAAU,EACVC,aAAAA,EAAc,CAAA,GAITT,EAAOU,KACbC,EAAAA,IAAKC,IAGJ,GAAIX,UAAgCW,GAAU,UAAYA,IAAU,KAAM,CACzE,IAAIC,EAGJ,GAAI,aAAcD,UAAiBA,EAAcC,UAAa,SAC7DA,EAAYD,EAAcC,iBAChB,WAAYD,GAAS,UAAWA,EAAO,CACjD,MAAME,EAAUF,EAAcE,OACxBC,EAASH,EAAcG,aAClBD,GAAW,UAA6B,OAAVC,GAAU,UAAYA,EAAQ,IACtEF,EAAYC,EAASC,EAAS,IAEhC,CAGIF,YAGHV,EAAAA,QAAQa,SAASf,EAAuB,CACvCI,QAAS,GAAGN,EAAQG,cAAAA,KAAmBe,KAAKC,MAAML,CAAAA,CAAAA,IAAAA,CAAAA,CAGrD,CAI0C,OAAVD,GAAU,UAAYA,IAAU,OAC9D,aAAcA,GAAU,WAAYA,GAAS,UAAWA,KAIrDX,GAAyBF,EAAQoB,qBAAjClB,KACHE,EAAAA,QAAQiB,QAAQnB,CAAAA,EAChBA,EAAAA,QAGGF,EAAQsB,gBACXlB,EAAAA,QAAQC,KAAK,CACZC,QAASN,EAAQsB,eACjBf,KAAMP,EAAQuB,aAAe,UAC7Bd,SAAUT,EAAQwB,iBAAmB,GAAA,CAAA,EAAA,CAAA,EAKzCC,EAAAA,WAAYC,GAAAA,CAOX,GALIxB,GAAyBF,EAAQoB,qBAAjClB,KACHE,EAAAA,QAAQiB,QAAQnB,CAAAA,EAChBA,EAAAA,QAGGF,EAAQ2B,aAAc,CACzB,MAAMrB,EAA0C,OAAzBN,EAAQ2B,cAAiB,WAC7C3B,EAAQ2B,aAAaD,GACrB1B,EAAQ2B,aAEXvB,EAAAA,QAAQC,KAAK,CACZC,QAAAA,EACAC,KAAMP,EAAQ4B,WAAa,QAC3BnB,SAAUT,EAAQ6B,eAAiB,GAAA,CAAA,CAErC,CAGA,MAAMH,CAAAA,CAAAA,EAEPI,EAAAA,SAAS,IAAA,CAEJ5B,GAAyBF,EAAQoB,qBAAjClB,IACHE,EAAAA,QAAQiB,QAAQnB,MAKrB,yCAkBO,SACNC,EACAmB,EACAK,GAEA,OAAO5B,EAAU,CAChBI,eAAAA,EACAmB,eAAgBA,GAAAA,OAChBK,aAAcA,GAAAA,OACdP,mBAAAA,EAAoB,CAAA,CAEtB"}
@@ -3,7 +3,7 @@ import "rxjs/operators";
3
3
  import "lit/directives/class-map.js";
4
4
  import "lit/directives/style-map.js";
5
5
  import { property as o, customElement as u } from "lit/decorators.js";
6
- import { T as b } from "./tailwind.mixin-wLaKUxf1.js";
6
+ import { T as b } from "./tailwind.mixin-Ddt05Frc.js";
7
7
  import { css as m, html as c } from "lit";
8
8
  var y = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (e, n, r, l) => {
9
9
  for (var a, s = l > 1 ? void 0 : l ? v(n, r) : n, p = e.length - 1; p >= 0; p--) (a = e[p]) && (s = (l ? a(n, r, s) : a(s)) || s);
@@ -74,4 +74,4 @@ let t = class extends b(m`
74
74
  }
75
75
  };
76
76
  i([o({ type: String })], t.prototype, "value", 2), i([o({ type: String })], t.prototype, "label", 2), i([o({ type: Boolean, reflect: !0 })], t.prototype, "selected", 2), i([o({ type: Boolean, reflect: !0 })], t.prototype, "disabled", 2), i([o({ type: String })], t.prototype, "group", 2), i([o({ type: String })], t.prototype, "icon", 2), t = i([u("schmancy-option")], t);
77
- //# sourceMappingURL=option-DnRdbsTb.js.map
77
+ //# sourceMappingURL=option-B4JKMrLg.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"option-DnRdbsTb.js","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\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\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tif (this.disabled) return\n\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\t// Handle space and enter as clicks\n\t\t\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tif (this.disabled) return\n\t\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\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","fromEvent","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","disconnectedCallback","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}
1
+ {"version":3,"file":"option-B4JKMrLg.js","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\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\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tif (this.disabled) return\n\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\t// Handle space and enter as clicks\n\t\t\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tif (this.disabled) return\n\t\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\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","fromEvent","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","disconnectedCallback","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- "use strict";const l=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const i=require("lit/decorators.js"),d=require("./tailwind.mixin-JFXu3GSo.cjs"),a=require("lit");var u=Object.defineProperty,y=Object.getOwnPropertyDescriptor,o=(e,n,p,r)=>{for(var c,s=r>1?void 0:r?y(n,p):n,h=e.length-1;h>=0;h--)(c=e[h])&&(s=(r?c(n,p,s):c(s))||s);return r&&s&&u(n,p,s),s};let t=class extends d.TailwindElement(a.css`
1
+ "use strict";const l=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const i=require("lit/decorators.js"),d=require("./tailwind.mixin-UijsBrYW.cjs"),a=require("lit");var u=Object.defineProperty,y=Object.getOwnPropertyDescriptor,o=(e,n,p,r)=>{for(var c,s=r>1?void 0:r?y(n,p):n,h=e.length-1;h>=0;h--)(c=e[h])&&(s=(r?c(n,p,s):c(s))||s);return r&&s&&u(n,p,s),s};let t=class extends d.TailwindElement(a.css`
2
2
  :host {
3
3
  display: block;
4
4
  cursor: pointer;
@@ -41,4 +41,4 @@
41
41
  `:""}
42
42
  </div>
43
43
  `}};o([i.property({type:String})],t.prototype,"value",2),o([i.property({type:String})],t.prototype,"label",2),o([i.property({type:Boolean,reflect:!0})],t.prototype,"selected",2),o([i.property({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([i.property({type:String})],t.prototype,"group",2),o([i.property({type:String})],t.prototype,"icon",2),t=o([i.customElement("schmancy-option")],t);
44
- //# sourceMappingURL=option-Eh2AXe-Z.cjs.map
44
+ //# sourceMappingURL=option-epyXLWoY.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"option-Eh2AXe-Z.cjs","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\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\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tif (this.disabled) return\n\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\t// Handle space and enter as clicks\n\t\t\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tif (this.disabled) return\n\t\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\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","fromEvent","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","disconnectedCallback","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}
1
+ {"version":3,"file":"option-epyXLWoY.cjs","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\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\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tif (this.disabled) return\n\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\t// Handle space and enter as clicks\n\t\t\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tif (this.disabled) return\n\t\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\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","fromEvent","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","disconnectedCallback","render","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-Eh2AXe-Z.cjs");
1
+ "use strict";require("./option-epyXLWoY.cjs");
2
2
  //# sourceMappingURL=option.cjs.map
package/dist/option.js CHANGED
@@ -1,2 +1,2 @@
1
- import "./option-DnRdbsTb.js";
1
+ import "./option-B4JKMrLg.js";
2
2
  //# sourceMappingURL=option.js.map