@mhmo91/schmancy 0.5.29 → 0.5.31

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 (331) hide show
  1. package/ai/autocomplete.md +21 -22
  2. package/ai/option.md +1 -1
  3. package/dist/ai/autocomplete.md +21 -22
  4. package/dist/ai/option.md +1 -1
  5. package/dist/{animated-text-vdNivzdc.cjs → animated-text-BZUrBdvN.cjs} +2 -2
  6. package/dist/{animated-text-vdNivzdc.cjs.map → animated-text-BZUrBdvN.cjs.map} +1 -1
  7. package/dist/{animated-text-Bn8-ILmB.js → animated-text-COvhr8E3.js} +3 -3
  8. package/dist/{animated-text-Bn8-ILmB.js.map → animated-text-COvhr8E3.js.map} +1 -1
  9. package/dist/animated-text.cjs +1 -1
  10. package/dist/animated-text.js +1 -1
  11. package/dist/area.cjs +1 -1
  12. package/dist/{area.component-pd24G8zW.js → area.component-BHtBHWVt.js} +3 -3
  13. package/dist/{area.component-pd24G8zW.js.map → area.component-BHtBHWVt.js.map} +1 -1
  14. package/dist/{area.component-DwPL6bdo.cjs → area.component-Ch2Eaa4i.cjs} +2 -2
  15. package/dist/{area.component-DwPL6bdo.cjs.map → area.component-Ch2Eaa4i.cjs.map} +1 -1
  16. package/dist/area.js +1 -1
  17. package/dist/{autocomplete-CeB2VvCm.js → autocomplete-9RkU9LmA.js} +4 -4
  18. package/dist/{autocomplete-CeB2VvCm.js.map → autocomplete-9RkU9LmA.js.map} +1 -1
  19. package/dist/{autocomplete-ChRZ5y2p.cjs → autocomplete-CenwFcT1.cjs} +2 -2
  20. package/dist/{autocomplete-ChRZ5y2p.cjs.map → autocomplete-CenwFcT1.cjs.map} +1 -1
  21. package/dist/autocomplete.cjs +1 -1
  22. package/dist/autocomplete.js +1 -1
  23. package/dist/{avatar-B44Yq_7I.cjs → avatar-DVvQCuqb.cjs} +2 -2
  24. package/dist/{avatar-B44Yq_7I.cjs.map → avatar-DVvQCuqb.cjs.map} +1 -1
  25. package/dist/{avatar-ByCv3NzJ.js → avatar-vN5sPaPb.js} +50 -50
  26. package/dist/{avatar-ByCv3NzJ.js.map → avatar-vN5sPaPb.js.map} +1 -1
  27. package/dist/badge.cjs +1 -1
  28. package/dist/badge.js +1 -1
  29. package/dist/{boat-dSTPix8t.js → boat-CUsJXaLf.js} +2 -2
  30. package/dist/{boat-dSTPix8t.js.map → boat-CUsJXaLf.js.map} +1 -1
  31. package/dist/{boat-DNmaFlxD.cjs → boat-Dfx9-P8c.cjs} +2 -2
  32. package/dist/{boat-DNmaFlxD.cjs.map → boat-Dfx9-P8c.cjs.map} +1 -1
  33. package/dist/boat.cjs +1 -1
  34. package/dist/boat.js +1 -1
  35. package/dist/busy.cjs +1 -1
  36. package/dist/busy.js +1 -1
  37. package/dist/button.cjs +1 -1
  38. package/dist/button.js +1 -1
  39. package/dist/card.cjs +1 -1
  40. package/dist/card.js +1 -1
  41. package/dist/{checkbox-BJ5aqrKY.cjs → checkbox-8djp_8NK.cjs} +2 -2
  42. package/dist/{checkbox-BJ5aqrKY.cjs.map → checkbox-8djp_8NK.cjs.map} +1 -1
  43. package/dist/{checkbox-CU2tyEL0.js → checkbox-D6-WQeEk.js} +2 -2
  44. package/dist/{checkbox-CU2tyEL0.js.map → checkbox-D6-WQeEk.js.map} +1 -1
  45. package/dist/checkbox.cjs +1 -1
  46. package/dist/checkbox.js +1 -1
  47. package/dist/chips.cjs +1 -1
  48. package/dist/chips.js +2 -2
  49. package/dist/code-highlight.cjs +1 -1
  50. package/dist/code-highlight.js +1 -1
  51. package/dist/{code-preview-fda91FDi.cjs → code-preview-BFoEmN8y.cjs} +2 -2
  52. package/dist/{code-preview-fda91FDi.cjs.map → code-preview-BFoEmN8y.cjs.map} +1 -1
  53. package/dist/{code-preview-KDpn0Q3T.js → code-preview-Z02-2suM.js} +2 -2
  54. package/dist/{code-preview-KDpn0Q3T.js.map → code-preview-Z02-2suM.js.map} +1 -1
  55. package/dist/components.cjs +1 -1
  56. package/dist/components.js +1 -1
  57. package/dist/content-drawer.cjs +1 -1
  58. package/dist/content-drawer.js +1 -1
  59. package/dist/{date-range-0nOdLk-l.cjs → date-range-DoCtnpW6.cjs} +2 -2
  60. package/dist/{date-range-0nOdLk-l.cjs.map → date-range-DoCtnpW6.cjs.map} +1 -1
  61. package/dist/{date-range-inline-b0yYxPn_.js → date-range-inline-BXeX6T7R.js} +3 -3
  62. package/dist/{date-range-inline-b0yYxPn_.js.map → date-range-inline-BXeX6T7R.js.map} +1 -1
  63. package/dist/{date-range-inline-UoP6EDug.cjs → date-range-inline-DNr7C5X-.cjs} +2 -2
  64. package/dist/{date-range-inline-UoP6EDug.cjs.map → date-range-inline-DNr7C5X-.cjs.map} +1 -1
  65. package/dist/date-range-inline.cjs +1 -1
  66. package/dist/date-range-inline.js +1 -1
  67. package/dist/{date-range-yd-FnXRe.js → date-range-kFnTrnHN.js} +3 -3
  68. package/dist/{date-range-yd-FnXRe.js.map → date-range-kFnTrnHN.js.map} +1 -1
  69. package/dist/date-range.cjs +1 -1
  70. package/dist/date-range.js +1 -1
  71. package/dist/{delay-CaOsI0yP.cjs → delay-CrdOikhP.cjs} +2 -2
  72. package/dist/{delay-CaOsI0yP.cjs.map → delay-CrdOikhP.cjs.map} +1 -1
  73. package/dist/{delay-CE9VOJBG.js → delay-Cz-9rZxi.js} +2 -2
  74. package/dist/{delay-CE9VOJBG.js.map → delay-Cz-9rZxi.js.map} +1 -1
  75. package/dist/delay.cjs +1 -1
  76. package/dist/delay.js +1 -1
  77. package/dist/{details-B_kKG0Du.cjs → details-CsqhGMjL.cjs} +7 -7
  78. package/dist/details-CsqhGMjL.cjs.map +1 -0
  79. package/dist/{details-m-njXkGl.js → details-DeBtsJlp.js} +6 -6
  80. package/dist/details-DeBtsJlp.js.map +1 -0
  81. package/dist/details.cjs +1 -1
  82. package/dist/details.js +1 -1
  83. package/dist/{dialog-content-B5MUa6uq.cjs → dialog-content-BzSQoM2J.cjs} +2 -2
  84. package/dist/{dialog-content-B5MUa6uq.cjs.map → dialog-content-BzSQoM2J.cjs.map} +1 -1
  85. package/dist/{dialog-content-BireCTdH.js → dialog-content-DTKdAF_l.js} +3 -3
  86. package/dist/{dialog-content-BireCTdH.js.map → dialog-content-DTKdAF_l.js.map} +1 -1
  87. package/dist/dialog.cjs +1 -1
  88. package/dist/dialog.js +1 -1
  89. package/dist/{divider-CMaqpnia.js → divider-7iyyEd8k.js} +3 -3
  90. package/dist/{divider-CMaqpnia.js.map → divider-7iyyEd8k.js.map} +1 -1
  91. package/dist/{divider-DekMH80a.cjs → divider-CNxOc8ep.cjs} +2 -2
  92. package/dist/{divider-DekMH80a.cjs.map → divider-CNxOc8ep.cjs.map} +1 -1
  93. package/dist/divider.cjs +1 -1
  94. package/dist/divider.js +1 -1
  95. package/dist/{dropdown-content-eXth59vX.cjs → dropdown-content-De0OkNoq.cjs} +2 -2
  96. package/dist/{dropdown-content-eXth59vX.cjs.map → dropdown-content-De0OkNoq.cjs.map} +1 -1
  97. package/dist/{dropdown-content-CViuccZ6.js → dropdown-content-_GMpqsNq.js} +3 -3
  98. package/dist/{dropdown-content-CViuccZ6.js.map → dropdown-content-_GMpqsNq.js.map} +1 -1
  99. package/dist/dropdown.cjs +1 -1
  100. package/dist/dropdown.js +1 -1
  101. package/dist/{email-recipients-BSopuO1J.js → email-recipients-CPZlUiRR.js} +5 -5
  102. package/dist/{email-recipients-BSopuO1J.js.map → email-recipients-CPZlUiRR.js.map} +1 -1
  103. package/dist/{email-recipients-DNcWf4_1.cjs → email-recipients-DS01C3V3.cjs} +2 -2
  104. package/dist/{email-recipients-DNcWf4_1.cjs.map → email-recipients-DS01C3V3.cjs.map} +1 -1
  105. package/dist/extra.cjs +1 -1
  106. package/dist/extra.js +1 -1
  107. package/dist/{flex-Czj-zqJQ.js → flex-BeSoRNTu.js} +81 -66
  108. package/dist/flex-BeSoRNTu.js.map +1 -0
  109. package/dist/flex-CHf9Gc5V.cjs +42 -0
  110. package/dist/flex-CHf9Gc5V.cjs.map +1 -0
  111. package/dist/{form-CAvvBQiv.js → form-DNeKagke.js} +2 -2
  112. package/dist/{form-CAvvBQiv.js.map → form-DNeKagke.js.map} +1 -1
  113. package/dist/{form-OUNdJnUW.cjs → form-DzDksPgv.cjs} +2 -2
  114. package/dist/{form-OUNdJnUW.cjs.map → form-DzDksPgv.cjs.map} +1 -1
  115. package/dist/form.cjs +1 -1
  116. package/dist/form.js +1 -1
  117. package/dist/{formField.mixin-DlYLC82X.js → formField.mixin-BNj75WQ4.js} +2 -2
  118. package/dist/{formField.mixin-DlYLC82X.js.map → formField.mixin-BNj75WQ4.js.map} +1 -1
  119. package/dist/{formField.mixin-Bu0ygAbE.cjs → formField.mixin-D5YAYIS1.cjs} +2 -2
  120. package/dist/{formField.mixin-Bu0ygAbE.cjs.map → formField.mixin-D5YAYIS1.cjs.map} +1 -1
  121. package/dist/{icon-D0EaNtwd.js → icon-B72X_AQX.js} +2 -2
  122. package/dist/{icon-D0EaNtwd.js.map → icon-B72X_AQX.js.map} +1 -1
  123. package/dist/{icon-BwhQbcAk.cjs → icon-DbIBlAjy.cjs} +2 -2
  124. package/dist/{icon-BwhQbcAk.cjs.map → icon-DbIBlAjy.cjs.map} +1 -1
  125. package/dist/{icon-button-CGMdsmXS.js → icon-button-D6DH52j4.js} +3 -3
  126. package/dist/{icon-button-CGMdsmXS.js.map → icon-button-D6DH52j4.js.map} +1 -1
  127. package/dist/{icon-button-BrRSVzzx.cjs → icon-button-DwnnW2oj.cjs} +2 -2
  128. package/dist/{icon-button-BrRSVzzx.cjs.map → icon-button-DwnnW2oj.cjs.map} +1 -1
  129. package/dist/icons.cjs +1 -1
  130. package/dist/icons.js +1 -1
  131. package/dist/index.cjs +1 -1
  132. package/dist/index.js +49 -49
  133. package/dist/{input-lzxE1e5L.cjs → input-C2Vz-51i.cjs} +2 -2
  134. package/dist/{input-lzxE1e5L.cjs.map → input-C2Vz-51i.cjs.map} +1 -1
  135. package/dist/{input-DZYN1TnY.js → input-DtHPCCyd.js} +3 -3
  136. package/dist/{input-DZYN1TnY.js.map → input-DtHPCCyd.js.map} +1 -1
  137. package/dist/{input-chip-Cf25jEob.cjs → input-chip-B7ANrtLF.cjs} +2 -2
  138. package/dist/{input-chip-Cf25jEob.cjs.map → input-chip-B7ANrtLF.cjs.map} +1 -1
  139. package/dist/{input-chip-CNLkwei6.js → input-chip-DbIvSyvP.js} +2 -2
  140. package/dist/{input-chip-CNLkwei6.js.map → input-chip-DbIvSyvP.js.map} +1 -1
  141. package/dist/input.cjs +1 -1
  142. package/dist/input.js +1 -1
  143. package/dist/layout.cjs +1 -1
  144. package/dist/layout.js +1 -1
  145. package/dist/{list-Cqo45m_h.js → list-BBo0--_Q.js} +2 -2
  146. package/dist/{list-Cqo45m_h.js.map → list-BBo0--_Q.js.map} +1 -1
  147. package/dist/{list-rGx4YHgo.cjs → list-BH8OJ3Rv.cjs} +2 -2
  148. package/dist/{list-rGx4YHgo.cjs.map → list-BH8OJ3Rv.cjs.map} +1 -1
  149. package/dist/list.cjs +1 -1
  150. package/dist/list.js +1 -1
  151. package/dist/{litElement.mixin-B0Rsd4Km.js → litElement.mixin-CzF0mNQd.js} +2 -2
  152. package/dist/{litElement.mixin-B0Rsd4Km.js.map → litElement.mixin-CzF0mNQd.js.map} +1 -1
  153. package/dist/{litElement.mixin-DUiUa087.cjs → litElement.mixin-LplXbzd8.cjs} +2 -2
  154. package/dist/{litElement.mixin-DUiUa087.cjs.map → litElement.mixin-LplXbzd8.cjs.map} +1 -1
  155. package/dist/logo-dark.png +0 -0
  156. package/dist/mailbox.cjs +1 -1
  157. package/dist/mailbox.js +1 -1
  158. package/dist/{map-8DhybTup.cjs → map-C7lxYU4A.cjs} +2 -2
  159. package/dist/{map-8DhybTup.cjs.map → map-C7lxYU4A.cjs.map} +1 -1
  160. package/dist/{map-DWf43TA1.js → map-DeiCBxMP.js} +2 -2
  161. package/dist/{map-DWf43TA1.js.map → map-DeiCBxMP.js.map} +1 -1
  162. package/dist/map.cjs +1 -1
  163. package/dist/map.js +1 -1
  164. package/dist/{media-BVKgZzK_.js → media-CEnaqjig.js} +2 -2
  165. package/dist/{media-BVKgZzK_.js.map → media-CEnaqjig.js.map} +1 -1
  166. package/dist/{media-BZwiyJto.cjs → media-CsYVcfaX.cjs} +2 -2
  167. package/dist/{media-BZwiyJto.cjs.map → media-CsYVcfaX.cjs.map} +1 -1
  168. package/dist/{menu-D8qP_e7D.cjs → menu-Boqsyfmh.cjs} +2 -2
  169. package/dist/{menu-D8qP_e7D.cjs.map → menu-Boqsyfmh.cjs.map} +1 -1
  170. package/dist/{menu-CGaCEOer.js → menu-wtkHGlyc.js} +3 -3
  171. package/dist/{menu-CGaCEOer.js.map → menu-wtkHGlyc.js.map} +1 -1
  172. package/dist/menu.cjs +1 -1
  173. package/dist/menu.js +1 -1
  174. package/dist/nav-drawer.cjs +1 -1
  175. package/dist/nav-drawer.js +1 -1
  176. package/dist/navigation-bar.cjs +1 -1
  177. package/dist/navigation-bar.js +1 -1
  178. package/dist/navigation-rail-Bk9exaNK.js +237 -0
  179. package/dist/navigation-rail-Bk9exaNK.js.map +1 -0
  180. package/dist/navigation-rail-D_dDK8C4.cjs +78 -0
  181. package/dist/navigation-rail-D_dDK8C4.cjs.map +1 -0
  182. package/dist/navigation-rail.cjs +1 -1
  183. package/dist/navigation-rail.js +1 -1
  184. package/dist/{notification-service-DCmDSvc-.cjs → notification-service-9HXSKWcw.cjs} +2 -2
  185. package/dist/{notification-service-DCmDSvc-.cjs.map → notification-service-9HXSKWcw.cjs.map} +1 -1
  186. package/dist/{notification-service-Dv4oQi_Z.js → notification-service-ZiGUSd63.js} +4 -4
  187. package/dist/{notification-service-Dv4oQi_Z.js.map → notification-service-ZiGUSd63.js.map} +1 -1
  188. package/dist/notification.cjs +1 -1
  189. package/dist/notification.js +2 -2
  190. package/dist/{notify-COuaNTJP.js → notify-DbfX6Z2P.js} +2 -2
  191. package/dist/{notify-COuaNTJP.js.map → notify-DbfX6Z2P.js.map} +1 -1
  192. package/dist/{notify-XY2e8y_a.cjs → notify-W-NrP0cC.cjs} +2 -2
  193. package/dist/{notify-XY2e8y_a.cjs.map → notify-W-NrP0cC.cjs.map} +1 -1
  194. package/dist/{option-CSSmqUBi.js → option-BFlWiCu0.js} +2 -2
  195. package/dist/{option-CSSmqUBi.js.map → option-BFlWiCu0.js.map} +1 -1
  196. package/dist/{option-q-dig7LF.cjs → option-D2bxihLu.cjs} +2 -2
  197. package/dist/{option-q-dig7LF.cjs.map → option-D2bxihLu.cjs.map} +1 -1
  198. package/dist/option.cjs +1 -1
  199. package/dist/option.js +1 -1
  200. package/dist/{payment-card-form-C8bWa_hh.cjs → payment-card-form--v94EhJF.cjs} +2 -2
  201. package/dist/{payment-card-form-C8bWa_hh.cjs.map → payment-card-form--v94EhJF.cjs.map} +1 -1
  202. package/dist/{payment-card-form-CWboYwqO.js → payment-card-form-DLRNX9NX.js} +3 -3
  203. package/dist/{payment-card-form-CWboYwqO.js.map → payment-card-form-DLRNX9NX.js.map} +1 -1
  204. package/dist/{progress-Cci0dXzp.js → progress-BYohUvYO.js} +2 -2
  205. package/dist/{progress-Cci0dXzp.js.map → progress-BYohUvYO.js.map} +1 -1
  206. package/dist/{progress-CP2lpJsl.cjs → progress-CjkD8QBy.cjs} +2 -2
  207. package/dist/{progress-CP2lpJsl.cjs.map → progress-CjkD8QBy.cjs.map} +1 -1
  208. package/dist/progress.cjs +1 -1
  209. package/dist/progress.js +1 -1
  210. package/dist/{radio-button-DFbfVgox.js → radio-button-BlxeCjdq.js} +3 -3
  211. package/dist/{radio-button-DFbfVgox.js.map → radio-button-BlxeCjdq.js.map} +1 -1
  212. package/dist/{radio-button-CU-lMs92.cjs → radio-button-CGmGOAil.cjs} +2 -2
  213. package/dist/{radio-button-CU-lMs92.cjs.map → radio-button-CGmGOAil.cjs.map} +1 -1
  214. package/dist/radio-group.cjs +1 -1
  215. package/dist/radio-group.js +1 -1
  216. package/dist/{schmancy-steps-container-vW7r1ZTL.js → schmancy-steps-container-BtAHCm73.js} +2 -2
  217. package/dist/{schmancy-steps-container-vW7r1ZTL.js.map → schmancy-steps-container-BtAHCm73.js.map} +1 -1
  218. package/dist/{schmancy-steps-container-CQY1zmws.cjs → schmancy-steps-container-CydL78yk.cjs} +2 -2
  219. package/dist/{schmancy-steps-container-CQY1zmws.cjs.map → schmancy-steps-container-CydL78yk.cjs.map} +1 -1
  220. package/dist/{select-BkGodZaS.js → select-BiN334GN.js} +3 -3
  221. package/dist/{select-BkGodZaS.js.map → select-BiN334GN.js.map} +1 -1
  222. package/dist/{select-Be8HIqWu.cjs → select-CrB02cIO.cjs} +2 -2
  223. package/dist/{select-Be8HIqWu.cjs.map → select-CrB02cIO.cjs.map} +1 -1
  224. package/dist/select.cjs +1 -1
  225. package/dist/select.js +1 -1
  226. package/dist/{sheet-DECb9whB.js → sheet-DpJv4DRi.js} +3 -3
  227. package/dist/{sheet-DECb9whB.js.map → sheet-DpJv4DRi.js.map} +1 -1
  228. package/dist/{sheet-dK5UPVjp.cjs → sheet-sgVoRMi1.cjs} +2 -2
  229. package/dist/{sheet-dK5UPVjp.cjs.map → sheet-sgVoRMi1.cjs.map} +1 -1
  230. package/dist/sheet.cjs +1 -1
  231. package/dist/sheet.js +1 -1
  232. package/dist/{slider-BhFc1oRj.js → slider-D7qdxfvX.js} +3 -3
  233. package/dist/{slider-BhFc1oRj.js.map → slider-D7qdxfvX.js.map} +1 -1
  234. package/dist/{slider-CP3JRaWR.cjs → slider-Dd1L6oYm.cjs} +2 -2
  235. package/dist/{slider-CP3JRaWR.cjs.map → slider-Dd1L6oYm.cjs.map} +1 -1
  236. package/dist/slider.cjs +1 -1
  237. package/dist/slider.js +1 -1
  238. package/dist/{spinner-BD8cXVK_.cjs → spinner-CaXU45TV.cjs} +2 -2
  239. package/dist/{spinner-BD8cXVK_.cjs.map → spinner-CaXU45TV.cjs.map} +1 -1
  240. package/dist/{spinner-DGyRYqUZ.js → spinner-XN4W5ihQ.js} +2 -2
  241. package/dist/{spinner-DGyRYqUZ.js.map → spinner-XN4W5ihQ.js.map} +1 -1
  242. package/dist/steps.cjs +1 -1
  243. package/dist/steps.js +1 -1
  244. package/dist/{suggestion-chip-CASXKYnD.js → suggestion-chip-CdhoATv9.js} +3 -3
  245. package/dist/{suggestion-chip-CASXKYnD.js.map → suggestion-chip-CdhoATv9.js.map} +1 -1
  246. package/dist/{suggestion-chip-BPCzI7GW.cjs → suggestion-chip-PI24Hc3s.cjs} +2 -2
  247. package/dist/{suggestion-chip-BPCzI7GW.cjs.map → suggestion-chip-PI24Hc3s.cjs.map} +1 -1
  248. package/dist/{surface-ClIDhSRv.cjs → surface-Ax6I7ldp.cjs} +2 -2
  249. package/dist/{surface-ClIDhSRv.cjs.map → surface-Ax6I7ldp.cjs.map} +1 -1
  250. package/dist/{surface-C3V23wh9.js → surface-CKrYJ58l.js} +2 -2
  251. package/dist/{surface-C3V23wh9.js.map → surface-CKrYJ58l.js.map} +1 -1
  252. package/dist/surface.cjs +1 -1
  253. package/dist/surface.js +1 -1
  254. package/dist/{table-1New2HBS.cjs → table-BlwUyf_4.cjs} +2 -2
  255. package/dist/{table-1New2HBS.cjs.map → table-BlwUyf_4.cjs.map} +1 -1
  256. package/dist/{table-CLA3cxIk.js → table-CP6_NkPm.js} +2 -2
  257. package/dist/{table-CLA3cxIk.js.map → table-CP6_NkPm.js.map} +1 -1
  258. package/dist/table.cjs +1 -1
  259. package/dist/table.js +1 -1
  260. package/dist/{tabs-compatibility-RMzYuSJ1.js → tabs-compatibility-7QKuXX4i.js} +2 -2
  261. package/dist/{tabs-compatibility-RMzYuSJ1.js.map → tabs-compatibility-7QKuXX4i.js.map} +1 -1
  262. package/dist/{tabs-compatibility-DDtYFCUj.cjs → tabs-compatibility-CX0cIu_Y.cjs} +2 -2
  263. package/dist/{tabs-compatibility-DDtYFCUj.cjs.map → tabs-compatibility-CX0cIu_Y.cjs.map} +1 -1
  264. package/dist/tabs.cjs +1 -1
  265. package/dist/tabs.js +1 -1
  266. package/dist/tailwind.mixin-BjDGMGbj.js +43 -0
  267. package/dist/{tailwind.mixin-CZKT1dUr.js.map → tailwind.mixin-BjDGMGbj.js.map} +1 -1
  268. package/dist/tailwind.mixin-ClfV2_Nh.cjs +2 -0
  269. package/dist/{tailwind.mixin-CFrLBtkD.cjs.map → tailwind.mixin-ClfV2_Nh.cjs.map} +1 -1
  270. package/dist/teleport.cjs +1 -1
  271. package/dist/teleport.js +1 -1
  272. package/dist/{textarea-B4DXG5Sg.js → textarea-DHrDn-O6.js} +2 -2
  273. package/dist/{textarea-B4DXG5Sg.js.map → textarea-DHrDn-O6.js.map} +1 -1
  274. package/dist/{textarea-ChDsPBZz.cjs → textarea-qLA0vP78.cjs} +2 -2
  275. package/dist/{textarea-ChDsPBZz.cjs.map → textarea-qLA0vP78.cjs.map} +1 -1
  276. package/dist/textarea.cjs +1 -1
  277. package/dist/textarea.js +1 -1
  278. package/dist/{theme-button-DGjG_shg.js → theme-button-BEUsbH5m.js} +2 -2
  279. package/dist/{theme-button-DGjG_shg.js.map → theme-button-BEUsbH5m.js.map} +1 -1
  280. package/dist/{theme-button-qzDX0i9Q.cjs → theme-button-D7fBEUGf.cjs} +2 -2
  281. package/dist/{theme-button-qzDX0i9Q.cjs.map → theme-button-D7fBEUGf.cjs.map} +1 -1
  282. package/dist/theme-button.cjs +1 -1
  283. package/dist/theme-button.js +1 -1
  284. package/dist/theme.cjs +1 -1
  285. package/dist/{theme.component-C3r_-QqQ.js → theme.component-ByGua01V.js} +2 -2
  286. package/dist/{theme.component-C3r_-QqQ.js.map → theme.component-ByGua01V.js.map} +1 -1
  287. package/dist/{theme.component-Blc_4wu9.cjs → theme.component-CQ1trrZB.cjs} +2 -2
  288. package/dist/{theme.component-Blc_4wu9.cjs.map → theme.component-CQ1trrZB.cjs.map} +1 -1
  289. package/dist/theme.js +1 -1
  290. package/dist/{timezone-BkE20wzQ.js → timezone-BpDMR26D.js} +3 -3
  291. package/dist/{timezone-BkE20wzQ.js.map → timezone-BpDMR26D.js.map} +1 -1
  292. package/dist/{timezone-wWfEuXrb.cjs → timezone-Bw4EXBt7.cjs} +2 -2
  293. package/dist/{timezone-wWfEuXrb.cjs.map → timezone-Bw4EXBt7.cjs.map} +1 -1
  294. package/dist/{tooltip-UtpbXzQX.js → tooltip-B1jynZOH.js} +2 -2
  295. package/dist/{tooltip-UtpbXzQX.js.map → tooltip-B1jynZOH.js.map} +1 -1
  296. package/dist/{tooltip-DLadXXnP.cjs → tooltip-Dhs4HL3A.cjs} +2 -2
  297. package/dist/{tooltip-DLadXXnP.cjs.map → tooltip-Dhs4HL3A.cjs.map} +1 -1
  298. package/dist/tooltip.cjs +1 -1
  299. package/dist/tooltip.js +1 -1
  300. package/dist/{tree-VkXtw2P8.js → tree-BH1qCJ_U.js} +2 -2
  301. package/dist/{tree-VkXtw2P8.js.map → tree-BH1qCJ_U.js.map} +1 -1
  302. package/dist/{tree-Brtho3Eu.cjs → tree-D-ezei_U.cjs} +2 -2
  303. package/dist/{tree-Brtho3Eu.cjs.map → tree-D-ezei_U.cjs.map} +1 -1
  304. package/dist/tree.cjs +1 -1
  305. package/dist/tree.js +1 -1
  306. package/dist/{typewriter-CEgaw_pR.cjs → typewriter-CtPh4Pyj.cjs} +2 -2
  307. package/dist/{typewriter-CEgaw_pR.cjs.map → typewriter-CtPh4Pyj.cjs.map} +1 -1
  308. package/dist/{typewriter-CsReDsYS.js → typewriter-DQbpNPtY.js} +4 -4
  309. package/dist/{typewriter-CsReDsYS.js.map → typewriter-DQbpNPtY.js.map} +1 -1
  310. package/dist/typewriter.cjs +1 -1
  311. package/dist/typewriter.js +1 -1
  312. package/dist/{typography-NurK7F-8.cjs → typography-BrIaOYmC.cjs} +2 -2
  313. package/dist/{typography-NurK7F-8.cjs.map → typography-BrIaOYmC.cjs.map} +1 -1
  314. package/dist/{typography-D_bM5DW7.js → typography-D71cmr0R.js} +2 -2
  315. package/dist/{typography-D_bM5DW7.js.map → typography-D71cmr0R.js.map} +1 -1
  316. package/dist/typography.cjs +1 -1
  317. package/dist/typography.js +1 -1
  318. package/package.json +1 -1
  319. package/types/src/layout/scroll/scroll.d.ts +5 -0
  320. package/types/src/navigation-rail/navigation-rail.d.ts +17 -0
  321. package/dist/details-B_kKG0Du.cjs.map +0 -1
  322. package/dist/details-m-njXkGl.js.map +0 -1
  323. package/dist/flex-CE0IKjR4.cjs +0 -36
  324. package/dist/flex-CE0IKjR4.cjs.map +0 -1
  325. package/dist/flex-Czj-zqJQ.js.map +0 -1
  326. package/dist/navigation-rail-BzMOzaFm.cjs +0 -453
  327. package/dist/navigation-rail-BzMOzaFm.cjs.map +0 -1
  328. package/dist/navigation-rail-CjBw96pi.js +0 -602
  329. package/dist/navigation-rail-CjBw96pi.js.map +0 -1
  330. package/dist/tailwind.mixin-CFrLBtkD.cjs +0 -2
  331. package/dist/tailwind.mixin-CZKT1dUr.js +0 -43
@@ -14,9 +14,9 @@ A searchable dropdown component with fuzzy search, keyboard navigation, and mult
14
14
  maxHeight="300px"
15
15
  @change=${handleChange}>
16
16
 
17
- <schmancy-option value="option1" label="Option 1"></schmancy-option>
18
- <schmancy-option value="option2" label="Option 2"></schmancy-option>
19
- <schmancy-option value="option3" label="Option 3"></schmancy-option>
17
+ <schmancy-option value="option1">Option 1</schmancy-option>
18
+ <schmancy-option value="option2">Option 2</schmancy-option>
19
+ <schmancy-option value="option3">Option 3</schmancy-option>
20
20
  </schmancy-autocomplete>
21
21
 
22
22
  // Multi-Select Autocomplete
@@ -27,9 +27,9 @@ A searchable dropdown component with fuzzy search, keyboard navigation, and mult
27
27
  .values=${['option1', 'option3']} // Array of selected values (preferred for multi-select)
28
28
  @change=${handleMultiChange}>
29
29
 
30
- <schmancy-option value="option1" label="Option 1"></schmancy-option>
31
- <schmancy-option value="option2" label="Option 2"></schmancy-option>
32
- <schmancy-option value="option3" label="Option 3"></schmancy-option>
30
+ <schmancy-option value="option1">Option 1</schmancy-option>
31
+ <schmancy-option value="option2">Option 2</schmancy-option>
32
+ <schmancy-option value="option3">Option 3</schmancy-option>
33
33
  </schmancy-autocomplete>
34
34
 
35
35
  // Autocomplete with Custom Trigger
@@ -69,11 +69,11 @@ reportValidity() -> boolean // Show validation state and return validity
69
69
  placeholder="Select country"
70
70
  @change=${(e) => selectedCountry = e.detail.value}>
71
71
 
72
- <schmancy-option value="us" label="United States"></schmancy-option>
73
- <schmancy-option value="ca" label="Canada"></schmancy-option>
74
- <schmancy-option value="mx" label="Mexico"></schmancy-option>
75
- <schmancy-option value="fr" label="France"></schmancy-option>
76
- <schmancy-option value="de" label="Germany"></schmancy-option>
72
+ <schmancy-option value="us">United States</schmancy-option>
73
+ <schmancy-option value="ca">Canada</schmancy-option>
74
+ <schmancy-option value="mx">Mexico</schmancy-option>
75
+ <schmancy-option value="fr">France</schmancy-option>
76
+ <schmancy-option value="de">Germany</schmancy-option>
77
77
  </schmancy-autocomplete>
78
78
 
79
79
  // Multi-select with preferred API
@@ -86,11 +86,11 @@ reportValidity() -> boolean // Show validation state and return validity
86
86
  selectedLanguages = e.detail.values; // Use the new values array property
87
87
  }}>
88
88
 
89
- <schmancy-option value="js" label="JavaScript"></schmancy-option>
90
- <schmancy-option value="ts" label="TypeScript"></schmancy-option>
91
- <schmancy-option value="py" label="Python"></schmancy-option>
92
- <schmancy-option value="java" label="Java"></schmancy-option>
93
- <schmancy-option value="go" label="Go"></schmancy-option>
89
+ <schmancy-option value="js">JavaScript</schmancy-option>
90
+ <schmancy-option value="ts">TypeScript</schmancy-option>
91
+ <schmancy-option value="py">Python</schmancy-option>
92
+ <schmancy-option value="java">Java</schmancy-option>
93
+ <schmancy-option value="go">Go</schmancy-option>
94
94
  </schmancy-autocomplete>
95
95
 
96
96
  // Handling the change event
@@ -111,9 +111,8 @@ handleChange(e) {
111
111
  .value=${selectedItem}>
112
112
 
113
113
  ${items.map(item => html`
114
- <schmancy-option
115
- value=${item.id}
116
- label=${item.name}>
114
+ <schmancy-option value=${item.id}>
115
+ ${item.name}
117
116
  </schmancy-option>
118
117
  `)}
119
118
  </schmancy-autocomplete>
@@ -130,9 +129,9 @@ handleChange(e) {
130
129
  name="department"
131
130
  label="Department"
132
131
  required>
133
- <schmancy-option value="hr" label="Human Resources"></schmancy-option>
134
- <schmancy-option value="eng" label="Engineering"></schmancy-option>
135
- <schmancy-option value="fin" label="Finance"></schmancy-option>
132
+ <schmancy-option value="hr">Human Resources</schmancy-option>
133
+ <schmancy-option value="eng">Engineering</schmancy-option>
134
+ <schmancy-option value="fin">Finance</schmancy-option>
136
135
  </schmancy-autocomplete>
137
136
 
138
137
  <schmancy-button type="submit">Submit</schmancy-button>
package/ai/option.md CHANGED
@@ -9,7 +9,7 @@ A versatile option element designed for use with select dropdowns and autocomple
9
9
  <schmancy-option value="1">Option One</schmancy-option>
10
10
 
11
11
  <!-- Option with custom label -->
12
- <schmancy-option value="us" label="United States"></schmancy-option>
12
+ <schmancy-option value="us">United States</schmancy-option>
13
13
 
14
14
  <!-- Option with icon -->
15
15
  <schmancy-option value="email" icon="✉️">Email Notifications</schmancy-option>
@@ -14,9 +14,9 @@ A searchable dropdown component with fuzzy search, keyboard navigation, and mult
14
14
  maxHeight="300px"
15
15
  @change=${handleChange}>
16
16
 
17
- <schmancy-option value="option1" label="Option 1"></schmancy-option>
18
- <schmancy-option value="option2" label="Option 2"></schmancy-option>
19
- <schmancy-option value="option3" label="Option 3"></schmancy-option>
17
+ <schmancy-option value="option1">Option 1</schmancy-option>
18
+ <schmancy-option value="option2">Option 2</schmancy-option>
19
+ <schmancy-option value="option3">Option 3</schmancy-option>
20
20
  </schmancy-autocomplete>
21
21
 
22
22
  // Multi-Select Autocomplete
@@ -27,9 +27,9 @@ A searchable dropdown component with fuzzy search, keyboard navigation, and mult
27
27
  .values=${['option1', 'option3']} // Array of selected values (preferred for multi-select)
28
28
  @change=${handleMultiChange}>
29
29
 
30
- <schmancy-option value="option1" label="Option 1"></schmancy-option>
31
- <schmancy-option value="option2" label="Option 2"></schmancy-option>
32
- <schmancy-option value="option3" label="Option 3"></schmancy-option>
30
+ <schmancy-option value="option1">Option 1</schmancy-option>
31
+ <schmancy-option value="option2">Option 2</schmancy-option>
32
+ <schmancy-option value="option3">Option 3</schmancy-option>
33
33
  </schmancy-autocomplete>
34
34
 
35
35
  // Autocomplete with Custom Trigger
@@ -69,11 +69,11 @@ reportValidity() -> boolean // Show validation state and return validity
69
69
  placeholder="Select country"
70
70
  @change=${(e) => selectedCountry = e.detail.value}>
71
71
 
72
- <schmancy-option value="us" label="United States"></schmancy-option>
73
- <schmancy-option value="ca" label="Canada"></schmancy-option>
74
- <schmancy-option value="mx" label="Mexico"></schmancy-option>
75
- <schmancy-option value="fr" label="France"></schmancy-option>
76
- <schmancy-option value="de" label="Germany"></schmancy-option>
72
+ <schmancy-option value="us">United States</schmancy-option>
73
+ <schmancy-option value="ca">Canada</schmancy-option>
74
+ <schmancy-option value="mx">Mexico</schmancy-option>
75
+ <schmancy-option value="fr">France</schmancy-option>
76
+ <schmancy-option value="de">Germany</schmancy-option>
77
77
  </schmancy-autocomplete>
78
78
 
79
79
  // Multi-select with preferred API
@@ -86,11 +86,11 @@ reportValidity() -> boolean // Show validation state and return validity
86
86
  selectedLanguages = e.detail.values; // Use the new values array property
87
87
  }}>
88
88
 
89
- <schmancy-option value="js" label="JavaScript"></schmancy-option>
90
- <schmancy-option value="ts" label="TypeScript"></schmancy-option>
91
- <schmancy-option value="py" label="Python"></schmancy-option>
92
- <schmancy-option value="java" label="Java"></schmancy-option>
93
- <schmancy-option value="go" label="Go"></schmancy-option>
89
+ <schmancy-option value="js">JavaScript</schmancy-option>
90
+ <schmancy-option value="ts">TypeScript</schmancy-option>
91
+ <schmancy-option value="py">Python</schmancy-option>
92
+ <schmancy-option value="java">Java</schmancy-option>
93
+ <schmancy-option value="go">Go</schmancy-option>
94
94
  </schmancy-autocomplete>
95
95
 
96
96
  // Handling the change event
@@ -111,9 +111,8 @@ handleChange(e) {
111
111
  .value=${selectedItem}>
112
112
 
113
113
  ${items.map(item => html`
114
- <schmancy-option
115
- value=${item.id}
116
- label=${item.name}>
114
+ <schmancy-option value=${item.id}>
115
+ ${item.name}
117
116
  </schmancy-option>
118
117
  `)}
119
118
  </schmancy-autocomplete>
@@ -130,9 +129,9 @@ handleChange(e) {
130
129
  name="department"
131
130
  label="Department"
132
131
  required>
133
- <schmancy-option value="hr" label="Human Resources"></schmancy-option>
134
- <schmancy-option value="eng" label="Engineering"></schmancy-option>
135
- <schmancy-option value="fin" label="Finance"></schmancy-option>
132
+ <schmancy-option value="hr">Human Resources</schmancy-option>
133
+ <schmancy-option value="eng">Engineering</schmancy-option>
134
+ <schmancy-option value="fin">Finance</schmancy-option>
136
135
  </schmancy-autocomplete>
137
136
 
138
137
  <schmancy-button type="submit">Submit</schmancy-button>
package/dist/ai/option.md CHANGED
@@ -9,7 +9,7 @@ A versatile option element designed for use with select dropdowns and autocomple
9
9
  <schmancy-option value="1">Option One</schmancy-option>
10
10
 
11
11
  <!-- Option with custom label -->
12
- <schmancy-option value="us" label="United States"></schmancy-option>
12
+ <schmancy-option value="us">United States</schmancy-option>
13
13
 
14
14
  <!-- Option with icon -->
15
15
  <schmancy-option value="email" icon="✉️">Email Notifications</schmancy-option>
@@ -1,4 +1,4 @@
1
- "use strict";const e=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const r=require("lit/decorators.js");require("./tailwind.mixin-CFrLBtkD.cjs");const h=require("./litElement.mixin-DUiUa087.cjs"),c=require("lit");var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=(i,a,p,n)=>{for(var l,o=n>1?void 0:n?u(a,p):a,y=i.length-1;y>=0;y--)(l=i[y])&&(o=(n?l(a,p,o):l(o))||o);return n&&o&&d(a,p,o),o};let t=class extends h.$LitElement(c.css`
1
+ "use strict";const e=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const r=require("lit/decorators.js");require("./tailwind.mixin-ClfV2_Nh.cjs");const h=require("./litElement.mixin-LplXbzd8.cjs"),c=require("lit");var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=(i,a,p,n)=>{for(var l,o=n>1?void 0:n?u(a,p):a,y=i.length-1;y>=0;y--)(l=i[y])&&(o=(n?l(a,p,o):l(o))||o);return n&&o&&d(a,p,o),o};let t=class extends h.$LitElement(c.css`
2
2
  :host {
3
3
  font-family: inherit;
4
4
  display: block;
@@ -34,4 +34,4 @@
34
34
  </span>
35
35
  </span>
36
36
  `}};s([r.property({type:String})],t.prototype,"ease",2),s([r.property({type:Number})],t.prototype,"delay",2),s([r.property({type:Number})],t.prototype,"stagger",2),s([r.property({type:Number})],t.prototype,"duration",2),s([r.property({type:Array})],t.prototype,"scale",2),s([r.property({type:Array})],t.prototype,"opacity",2),s([r.property({type:Array})],t.prototype,"translateX",2),s([r.property({type:Array})],t.prototype,"translateY",2),s([r.property({type:Array})],t.prototype,"translateZ",2),s([r.property({type:Array})],t.prototype,"rotateZ",2),s([r.property({type:Boolean})],t.prototype,"resetOnScroll",2),s([r.queryAssignedNodes()],t.prototype,"defaultSlot",2),s([r.query(".letters")],t.prototype,"letters",2),s([r.query(".ml7")],t.prototype,"ml7",2),t=s([r.customElement("schmancy-animated-text")],t);
37
- //# sourceMappingURL=animated-text-vdNivzdc.cjs.map
37
+ //# sourceMappingURL=animated-text-BZUrBdvN.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"animated-text-vdNivzdc.cjs","sources":["../src/animated-text/animated-text.ts"],"sourcesContent":["// Removed: import { createTimeline, stagger } from '@packages/anime-beta-master'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedNodes } from 'lit/decorators.js'\nimport {\n\tconcat,\n\tdistinctUntilChanged,\n\tfilter,\n\tfromEvent,\n\tinterval,\n\tmap,\n\tstartWith,\n\ttake,\n\ttap,\n\tthrottleTime,\n} from 'rxjs'\n\n/**\n * @element schmancy-animated-text\n * Inspired by https://tobiasahlin.com/moving-letters/#1\n */\n@customElement('schmancy-animated-text')\nexport default class SchmancyAnimatedText extends $LitElement(css`\n\t:host {\n\t\tfont-family: inherit;\n\t\tdisplay: block;\n\t}\n\t.ml7 {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n\t.ml7 .text-wrapper {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\toverflow: hidden;\n\t}\n\t.ml7 .letter {\n\t\ttransform-origin: 0 100%;\n\t\tdisplay: inline-block;\n\t\topacity: 0;\n\t}\n`) {\n\t@property({ type: String }) ease = 'outExpo' // not a built-in string for Web Animations\n\t@property({ type: Number }) delay = 0\n\t@property({ type: Number }) stagger = 50\n\t@property({ type: Number }) duration = 750\n\t@property({ type: Array }) scale = [0, 1]\n\t@property({ type: Array }) opacity = [0, 1]\n\t@property({ type: Array }) translateX = ['0.55em', '0em']\n\t@property({ type: Array }) translateY = ['1.1em', '0em']\n\t@property({ type: Array }) translateZ = [0, 0]\n\t@property({ type: Array }) rotateZ = [180, 0]\n\t@property({ type: Boolean }) resetOnScroll = true\n\n\t@queryAssignedNodes() defaultSlot!: HTMLElement[]\n\t@query('.letters') letters!: HTMLElement\n\t@query('.ml7') ml7!: HTMLElement\n\n\t// Function to check if an element is in the viewport\n\tisInViewport(element: HTMLElement) {\n\t\tconst rect = element.getBoundingClientRect()\n\t\treturn (\n\t\t\trect.top >= 0 &&\n\t\t\trect.left >= 0 &&\n\t\t\trect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n\t\t\trect.right <= (window.innerWidth || document.documentElement.clientWidth)\n\t\t)\n\t}\n\n\tasync firstUpdated() {\n\t\t// Split the text into <span class=\"letter\"> ... </span> elements\n\t\tthis.letters.innerHTML = this.defaultSlot[0].textContent!.replace(/\\S/g, `<span class=\"letter\">$&</span>`)\n\n\t\t// Observe viewport + initial readiness\n\t\tconcat(\n\t\t\t// 1) Wait until the element is rendered (width/height > 0)\n\t\t\tinterval(10).pipe(\n\t\t\t\tstartWith(true),\n\t\t\t\tfilter(() => {\n\t\t\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\t\t\treturn rect.width > 0 && rect.height > 0\n\t\t\t\t}),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) Then handle scroll events, throttled\n\t\t\tfromEvent(window, 'scroll').pipe(\n\t\t\t\tthrottleTime(0, undefined, {\n\t\t\t\t\tleading: true,\n\t\t\t\t\ttrailing: true,\n\t\t\t\t}),\n\t\t\t\tstartWith(true),\n\t\t\t\tmap(() => this.isInViewport(this)),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(inViewport => {\n\t\t\t\t\t// If leaving viewport and `resetOnScroll` is true, reset letters to opacity 0\n\t\t\t\t\tif (!inViewport && this.resetOnScroll) {\n\t\t\t\t\t\tArray.from(this.letters.children).forEach((letter: HTMLElement) => {\n\t\t\t\t\t\t\tletter.style.opacity = '0'\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tfilter(isInViewport => isInViewport),\n\t\t\t\t// If resetOnScroll = false, animate only the first time inView. If true, repeat.\n\t\t\t\tthis.resetOnScroll ? tap() : take(1),\n\t\t\t\ttap({\n\t\t\t\t\tnext: () => {\n\t\t\t\t\t\t// Animate letters with the native Web Animations API\n\t\t\t\t\t\tconst letters = this.shadowRoot!.querySelectorAll<HTMLElement>('.ml7 .letter')\n\n\t\t\t\t\t\tletters.forEach((letter, i) => {\n\t\t\t\t\t\t\t// Combine all transforms into one CSS transform string\n\t\t\t\t\t\t\t// From\n\t\t\t\t\t\t\tconst fromTransform = `\n translate3d(${this.translateX[0]}, ${this.translateY[0]}, ${this.translateZ[0]}px)\n rotateZ(${this.rotateZ[0]}deg)\n scale(${this.scale[0]})\n `\n\t\t\t\t\t\t\t// To\n\t\t\t\t\t\t\tconst toTransform = `\n translate3d(${this.translateX[1]}, ${this.translateY[1]}, ${this.translateZ[1]}px)\n rotateZ(${this.rotateZ[1]}deg)\n scale(${this.scale[1]})\n `\n\t\t\t\t\t\t\t// Approximate `outExpo` or pick a standard easing (like 'ease-out'):\n\t\t\t\t\t\t\t// outExpo often approximated by cubic-bezier(0.19, 1, 0.22, 1)\n\t\t\t\t\t\t\tconst easingMap: Record<string, string> = {\n\t\t\t\t\t\t\t\toutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n\t\t\t\t\t\t\t\t// add more if you want\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tconst keyframes: Keyframe[] = [\n\t\t\t\t\t\t\t\t{ transform: fromTransform, opacity: String(this.opacity[0]) },\n\t\t\t\t\t\t\t\t{ transform: toTransform, opacity: String(this.opacity[1]) },\n\t\t\t\t\t\t\t]\n\n\t\t\t\t\t\t\tletter.animate(keyframes, {\n\t\t\t\t\t\t\t\tduration: this.duration,\n\t\t\t\t\t\t\t\teasing: easingMap[this.ease] || 'ease-out',\n\t\t\t\t\t\t\t\tdelay: this.delay + i * this.stagger, // staggered start\n\t\t\t\t\t\t\t\tfill: 'forwards', // so the letters remain visible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t})\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t),\n\t\t).subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<span class=\"ml7\">\n\t\t\t\t<span class=\"text-wrapper\">\n\t\t\t\t\t<span class=\"letters\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-animated-text': SchmancyAnimatedText\n\t}\n}\n"],"names":["SchmancyAnimatedText","$LitElement","css","constructor","super","arguments","this","ease","delay","stagger","duration","scale","opacity","translateX","translateY","translateZ","rotateZ","resetOnScroll","element","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","firstUpdated","letters","innerHTML","defaultSlot","textContent","replace","concat","interval","pipe","startWith","filter","width","height","take","fromEvent","throttleTime","leading","trailing","map","isInViewport","distinctUntilChanged","tap","inViewport","Array","from","children","forEach","letter","style","next","shadowRoot","querySelectorAll","i","fromTransform","toTransform","keyframes","transform","String","animate","easing","outExpo","fill","subscribe","render","html","__decorateClass","property","type","prototype","Number","Boolean","queryAssignedNodes","query","customElement"],"mappings":"qcAsBA,IAAqBA,EAArB,cAAkDC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9D,CAAA,CAAA,aAAAC,CAAAC,MAAAA,GAAAC,SAAAA,EAoB6BC,KAAAC,KAAO,UACPD,KAAAE,MAAQ,EACRF,KAAAG,QAAU,GACVH,KAAAI,SAAW,IACZJ,KAAAK,MAAQ,CAAC,EAAG,CAAA,EACZL,KAAAM,QAAU,CAAC,EAAG,CAAA,EACdN,KAAAO,WAAa,CAAC,SAAU,KAAA,EACxBP,KAAAQ,WAAa,CAAC,QAAS,KAAA,EACvBR,KAAAS,WAAa,CAAC,EAAG,CAAA,EACjBT,KAAAU,QAAU,CAAC,IAAK,CAAA,EACdV,KAAAW,cAAAA,EAAgB,CAO7C,aAAaC,EAAAA,CACZ,MAAMC,EAAOD,EAAQE,sBAAAA,EACrB,OACCD,EAAKE,KAAO,GACZF,EAAKG,MAAQ,GACbH,EAAKI,SAAWC,OAAOC,aAAeC,SAASC,gBAAgBC,eAC/DT,EAAKU,QAAUL,OAAOM,YAAcJ,SAASC,gBAAgBI,YAE/D,CAEA,MAAA,cAAMC,CAEL1B,KAAK2B,QAAQC,UAAY5B,KAAK6B,YAAY,CAAA,EAAGC,YAAaC,QAAQ,MAAO,gCAAA,EAGzEC,EAAAA,OAECC,EAAAA,SAAS,IAAIC,KACZC,EAAAA,UAAAA,EAAU,EACVC,EAAAA,OAAO,IAAA,CACN,MAAMvB,EAAOb,KAAKc,sBAAAA,EAClB,OAAOD,EAAKwB,MAAQ,GAAKxB,EAAKyB,OAAS,CAAA,CAAA,EAExCC,EAAAA,KAAK,CAAA,CAAA,EAGNC,YAAUtB,OAAQ,QAAA,EAAUgB,KAC3BO,EAAAA,aAAa,EAAA,OAAc,CAC1BC,QAAAA,GACAC,WAAU,CAAA,EAEXR,EAAAA,UAAAA,EAAU,EACVS,EAAAA,IAAI,IAAM5C,KAAK6C,aAAa7C,IAAAA,CAAAA,EAC5B8C,yBACAC,EAAAA,IAAIC,GAAAA,CAAAA,CAEEA,GAAchD,KAAKW,eACvBsC,MAAMC,KAAKlD,KAAK2B,QAAQwB,QAAAA,EAAUC,QAASC,GAAAA,CAC1CA,EAAOC,MAAMhD,QAAU,GAAA,CAAA,CAAA,CAAA,EAI1B8B,YAAuBS,GAEvB7C,KAAKW,cAAgBoC,EAAAA,IAAAA,EAAQR,EAAAA,KAAK,CAAA,EAClCQ,MAAI,CACHQ,KAAM,IAAA,CAEWvD,KAAKwD,WAAYC,iBAA8B,cAAA,EAEvDL,QAAQ,CAACC,EAAQK,IAAAA,CAGxB,MAAMC,EAAgB;AAAA,8BACC3D,KAAKO,WAAW,CAAA,CAAA,KAAOP,KAAKQ,WAAW,CAAA,CAAA,KAAOR,KAAKS,WAAW,CAAA,CAAA;AAAA,0BAClET,KAAKU,QAAQ,CAAA,CAAA;AAAA,wBACfV,KAAKK,MAAM,CAAA,CAAA;AAAA,gBAGtBuD,EAAc;AAAA,8BACG5D,KAAKO,WAAW,CAAA,CAAA,KAAOP,KAAKQ,WAAW,CAAA,CAAA,KAAOR,KAAKS,WAAW,CAAA,CAAA;AAAA,0BAClET,KAAKU,QAAQ,CAAA,CAAA;AAAA,wBACfV,KAAKK,MAAM,CAAA,CAAA;AAAA,gBAQtBwD,EAAwB,CAC7B,CAAEC,UAAWH,EAAerD,QAASyD,OAAO/D,KAAKM,QAAQ,CAAA,CAAA,CAAA,EACzD,CAAEwD,UAAWF,EAAatD,QAASyD,OAAO/D,KAAKM,QAAQ,CAAA,CAAA,CAAA,CAAA,EAGxD+C,EAAOW,QAAQH,EAAW,CACzBzD,SAAUJ,KAAKI,SACf6D,OAXyC,CACzCC,QAAS,kCAUSlE,KAAKC,IAAAA,GAAS,WAChCC,MAAOF,KAAKE,MAAQwD,EAAI1D,KAAKG,QAC7BgE,KAAM,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAMVC,UAAAA,CACH,CAEA,QAAAC,CACC,OAAOC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GASR,CAAA,EAnH4BC,EAAA,CAA3BC,WAAS,CAAEC,KAAMV,MAAAA,CAAAA,CAAAA,EApBErE,EAoBQgF,UAAA,OAAA,CAAA,EACAH,EAAA,CAA3BC,WAAS,CAAEC,KAAME,MAAAA,CAAAA,CAAAA,EArBEjF,EAqBQgF,UAAA,QAAA,CAAA,EACAH,EAAA,CAA3BC,WAAS,CAAEC,KAAME,MAAAA,CAAAA,CAAAA,EAtBEjF,EAsBQgF,UAAA,UAAA,CAAA,EACAH,EAAA,CAA3BC,WAAS,CAAEC,KAAME,MAAAA,CAAAA,CAAAA,EAvBEjF,EAuBQgF,UAAA,WAAA,GACDH,EAAA,CAA1BC,WAAS,CAAEC,KAAMxB,KAAAA,CAAAA,CAAAA,EAxBEvD,EAwBOgF,UAAA,QAAA,CAAA,EACAH,EAAA,CAA1BC,WAAS,CAAEC,KAAMxB,KAAAA,CAAAA,CAAAA,EAzBEvD,EAyBOgF,UAAA,UAAA,CAAA,EACAH,EAAA,CAA1BC,WAAS,CAAEC,KAAMxB,KAAAA,CAAAA,CAAAA,EA1BEvD,EA0BOgF,UAAA,aAAA,CAAA,EACAH,EAAA,CAA1BC,WAAS,CAAEC,KAAMxB,KAAAA,CAAAA,CAAAA,EA3BEvD,EA2BOgF,UAAA,aAAA,GACAH,EAAA,CAA1BC,WAAS,CAAEC,KAAMxB,KAAAA,CAAAA,CAAAA,EA5BEvD,EA4BOgF,UAAA,aAAA,CAAA,EACAH,EAAA,CAA1BC,WAAS,CAAEC,KAAMxB,KAAAA,CAAAA,CAAAA,EA7BEvD,EA6BOgF,UAAA,UAAA,CAAA,EACEH,EAAA,CAA5BC,WAAS,CAAEC,KAAMG,OAAAA,CAAAA,CAAAA,EA9BElF,EA8BSgF,UAAA,gBAAA,CAAA,EAEPH,EAAA,CAArBM,EAAAA,mBAAAA,CAAAA,EAhCmBnF,EAgCEgF,UAAA,cAAA,CAAA,EACHH,EAAA,CAAlBO,EAAAA,MAAM,UAAA,CAAA,EAjCapF,EAiCDgF,UAAA,UAAA,CAAA,EACJH,EAAA,CAAdO,EAAAA,MAAM,MAAA,CAAA,EAlCapF,EAkCLgF,UAAA,MAAA,GAlCKhF,EAArB6E,EAAA,CADCQ,EAAAA,cAAc,wBAAA,CAAA,EACMrF,CAAAA"}
1
+ {"version":3,"file":"animated-text-BZUrBdvN.cjs","sources":["../src/animated-text/animated-text.ts"],"sourcesContent":["// Removed: import { createTimeline, stagger } from '@packages/anime-beta-master'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedNodes } from 'lit/decorators.js'\nimport {\n\tconcat,\n\tdistinctUntilChanged,\n\tfilter,\n\tfromEvent,\n\tinterval,\n\tmap,\n\tstartWith,\n\ttake,\n\ttap,\n\tthrottleTime,\n} from 'rxjs'\n\n/**\n * @element schmancy-animated-text\n * Inspired by https://tobiasahlin.com/moving-letters/#1\n */\n@customElement('schmancy-animated-text')\nexport default class SchmancyAnimatedText extends $LitElement(css`\n\t:host {\n\t\tfont-family: inherit;\n\t\tdisplay: block;\n\t}\n\t.ml7 {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n\t.ml7 .text-wrapper {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\toverflow: hidden;\n\t}\n\t.ml7 .letter {\n\t\ttransform-origin: 0 100%;\n\t\tdisplay: inline-block;\n\t\topacity: 0;\n\t}\n`) {\n\t@property({ type: String }) ease = 'outExpo' // not a built-in string for Web Animations\n\t@property({ type: Number }) delay = 0\n\t@property({ type: Number }) stagger = 50\n\t@property({ type: Number }) duration = 750\n\t@property({ type: Array }) scale = [0, 1]\n\t@property({ type: Array }) opacity = [0, 1]\n\t@property({ type: Array }) translateX = ['0.55em', '0em']\n\t@property({ type: Array }) translateY = ['1.1em', '0em']\n\t@property({ type: Array }) translateZ = [0, 0]\n\t@property({ type: Array }) rotateZ = [180, 0]\n\t@property({ type: Boolean }) resetOnScroll = true\n\n\t@queryAssignedNodes() defaultSlot!: HTMLElement[]\n\t@query('.letters') letters!: HTMLElement\n\t@query('.ml7') ml7!: HTMLElement\n\n\t// Function to check if an element is in the viewport\n\tisInViewport(element: HTMLElement) {\n\t\tconst rect = element.getBoundingClientRect()\n\t\treturn (\n\t\t\trect.top >= 0 &&\n\t\t\trect.left >= 0 &&\n\t\t\trect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n\t\t\trect.right <= (window.innerWidth || document.documentElement.clientWidth)\n\t\t)\n\t}\n\n\tasync firstUpdated() {\n\t\t// Split the text into <span class=\"letter\"> ... </span> elements\n\t\tthis.letters.innerHTML = this.defaultSlot[0].textContent!.replace(/\\S/g, `<span class=\"letter\">$&</span>`)\n\n\t\t// Observe viewport + initial readiness\n\t\tconcat(\n\t\t\t// 1) Wait until the element is rendered (width/height > 0)\n\t\t\tinterval(10).pipe(\n\t\t\t\tstartWith(true),\n\t\t\t\tfilter(() => {\n\t\t\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\t\t\treturn rect.width > 0 && rect.height > 0\n\t\t\t\t}),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) Then handle scroll events, throttled\n\t\t\tfromEvent(window, 'scroll').pipe(\n\t\t\t\tthrottleTime(0, undefined, {\n\t\t\t\t\tleading: true,\n\t\t\t\t\ttrailing: true,\n\t\t\t\t}),\n\t\t\t\tstartWith(true),\n\t\t\t\tmap(() => this.isInViewport(this)),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(inViewport => {\n\t\t\t\t\t// If leaving viewport and `resetOnScroll` is true, reset letters to opacity 0\n\t\t\t\t\tif (!inViewport && this.resetOnScroll) {\n\t\t\t\t\t\tArray.from(this.letters.children).forEach((letter: HTMLElement) => {\n\t\t\t\t\t\t\tletter.style.opacity = '0'\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tfilter(isInViewport => isInViewport),\n\t\t\t\t// If resetOnScroll = false, animate only the first time inView. If true, repeat.\n\t\t\t\tthis.resetOnScroll ? tap() : take(1),\n\t\t\t\ttap({\n\t\t\t\t\tnext: () => {\n\t\t\t\t\t\t// Animate letters with the native Web Animations API\n\t\t\t\t\t\tconst letters = this.shadowRoot!.querySelectorAll<HTMLElement>('.ml7 .letter')\n\n\t\t\t\t\t\tletters.forEach((letter, i) => {\n\t\t\t\t\t\t\t// Combine all transforms into one CSS transform string\n\t\t\t\t\t\t\t// From\n\t\t\t\t\t\t\tconst fromTransform = `\n translate3d(${this.translateX[0]}, ${this.translateY[0]}, ${this.translateZ[0]}px)\n rotateZ(${this.rotateZ[0]}deg)\n scale(${this.scale[0]})\n `\n\t\t\t\t\t\t\t// To\n\t\t\t\t\t\t\tconst toTransform = `\n translate3d(${this.translateX[1]}, ${this.translateY[1]}, ${this.translateZ[1]}px)\n rotateZ(${this.rotateZ[1]}deg)\n scale(${this.scale[1]})\n `\n\t\t\t\t\t\t\t// Approximate `outExpo` or pick a standard easing (like 'ease-out'):\n\t\t\t\t\t\t\t// outExpo often approximated by cubic-bezier(0.19, 1, 0.22, 1)\n\t\t\t\t\t\t\tconst easingMap: Record<string, string> = {\n\t\t\t\t\t\t\t\toutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n\t\t\t\t\t\t\t\t// add more if you want\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tconst keyframes: Keyframe[] = [\n\t\t\t\t\t\t\t\t{ transform: fromTransform, opacity: String(this.opacity[0]) },\n\t\t\t\t\t\t\t\t{ transform: toTransform, opacity: String(this.opacity[1]) },\n\t\t\t\t\t\t\t]\n\n\t\t\t\t\t\t\tletter.animate(keyframes, {\n\t\t\t\t\t\t\t\tduration: this.duration,\n\t\t\t\t\t\t\t\teasing: easingMap[this.ease] || 'ease-out',\n\t\t\t\t\t\t\t\tdelay: this.delay + i * this.stagger, // staggered start\n\t\t\t\t\t\t\t\tfill: 'forwards', // so the letters remain visible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t})\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t),\n\t\t).subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<span class=\"ml7\">\n\t\t\t\t<span class=\"text-wrapper\">\n\t\t\t\t\t<span class=\"letters\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-animated-text': SchmancyAnimatedText\n\t}\n}\n"],"names":["SchmancyAnimatedText","$LitElement","css","constructor","super","arguments","this","ease","delay","stagger","duration","scale","opacity","translateX","translateY","translateZ","rotateZ","resetOnScroll","element","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","firstUpdated","letters","innerHTML","defaultSlot","textContent","replace","concat","interval","pipe","startWith","filter","width","height","take","fromEvent","throttleTime","leading","trailing","map","isInViewport","distinctUntilChanged","tap","inViewport","Array","from","children","forEach","letter","style","next","shadowRoot","querySelectorAll","i","fromTransform","toTransform","keyframes","transform","String","animate","easing","outExpo","fill","subscribe","render","html","__decorateClass","property","type","prototype","Number","Boolean","queryAssignedNodes","query","customElement"],"mappings":"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"}
@@ -2,8 +2,8 @@ import { concat as u, interval as g, startWith as y, filter as h, take as d, fro
2
2
  import "lit/directives/class-map.js";
3
3
  import "lit/directives/style-map.js";
4
4
  import { property as a, queryAssignedNodes as x, query as m, customElement as S } from "lit/decorators.js";
5
- import "./tailwind.mixin-CZKT1dUr.js";
6
- import { $ as Z } from "./litElement.mixin-B0Rsd4Km.js";
5
+ import "./tailwind.mixin-BjDGMGbj.js";
6
+ import { $ as Z } from "./litElement.mixin-CzF0mNQd.js";
7
7
  import { css as v, html as A } from "lit";
8
8
  var E = Object.defineProperty, O = Object.getOwnPropertyDescriptor, e = (r, s, n, i) => {
9
9
  for (var l, o = i > 1 ? void 0 : i ? O(s, n) : s, p = r.length - 1; p >= 0; p--) (l = r[p]) && (o = (i ? l(s, n, o) : l(o)) || o);
@@ -72,4 +72,4 @@ let t = class extends Z(v`
72
72
  }
73
73
  };
74
74
  e([a({ type: String })], t.prototype, "ease", 2), e([a({ type: Number })], t.prototype, "delay", 2), e([a({ type: Number })], t.prototype, "stagger", 2), e([a({ type: Number })], t.prototype, "duration", 2), e([a({ type: Array })], t.prototype, "scale", 2), e([a({ type: Array })], t.prototype, "opacity", 2), e([a({ type: Array })], t.prototype, "translateX", 2), e([a({ type: Array })], t.prototype, "translateY", 2), e([a({ type: Array })], t.prototype, "translateZ", 2), e([a({ type: Array })], t.prototype, "rotateZ", 2), e([a({ type: Boolean })], t.prototype, "resetOnScroll", 2), e([x()], t.prototype, "defaultSlot", 2), e([m(".letters")], t.prototype, "letters", 2), e([m(".ml7")], t.prototype, "ml7", 2), t = e([S("schmancy-animated-text")], t);
75
- //# sourceMappingURL=animated-text-Bn8-ILmB.js.map
75
+ //# sourceMappingURL=animated-text-COvhr8E3.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"animated-text-Bn8-ILmB.js","sources":["../src/animated-text/animated-text.ts"],"sourcesContent":["// Removed: import { createTimeline, stagger } from '@packages/anime-beta-master'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedNodes } from 'lit/decorators.js'\nimport {\n\tconcat,\n\tdistinctUntilChanged,\n\tfilter,\n\tfromEvent,\n\tinterval,\n\tmap,\n\tstartWith,\n\ttake,\n\ttap,\n\tthrottleTime,\n} from 'rxjs'\n\n/**\n * @element schmancy-animated-text\n * Inspired by https://tobiasahlin.com/moving-letters/#1\n */\n@customElement('schmancy-animated-text')\nexport default class SchmancyAnimatedText extends $LitElement(css`\n\t:host {\n\t\tfont-family: inherit;\n\t\tdisplay: block;\n\t}\n\t.ml7 {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n\t.ml7 .text-wrapper {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\toverflow: hidden;\n\t}\n\t.ml7 .letter {\n\t\ttransform-origin: 0 100%;\n\t\tdisplay: inline-block;\n\t\topacity: 0;\n\t}\n`) {\n\t@property({ type: String }) ease = 'outExpo' // not a built-in string for Web Animations\n\t@property({ type: Number }) delay = 0\n\t@property({ type: Number }) stagger = 50\n\t@property({ type: Number }) duration = 750\n\t@property({ type: Array }) scale = [0, 1]\n\t@property({ type: Array }) opacity = [0, 1]\n\t@property({ type: Array }) translateX = ['0.55em', '0em']\n\t@property({ type: Array }) translateY = ['1.1em', '0em']\n\t@property({ type: Array }) translateZ = [0, 0]\n\t@property({ type: Array }) rotateZ = [180, 0]\n\t@property({ type: Boolean }) resetOnScroll = true\n\n\t@queryAssignedNodes() defaultSlot!: HTMLElement[]\n\t@query('.letters') letters!: HTMLElement\n\t@query('.ml7') ml7!: HTMLElement\n\n\t// Function to check if an element is in the viewport\n\tisInViewport(element: HTMLElement) {\n\t\tconst rect = element.getBoundingClientRect()\n\t\treturn (\n\t\t\trect.top >= 0 &&\n\t\t\trect.left >= 0 &&\n\t\t\trect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n\t\t\trect.right <= (window.innerWidth || document.documentElement.clientWidth)\n\t\t)\n\t}\n\n\tasync firstUpdated() {\n\t\t// Split the text into <span class=\"letter\"> ... </span> elements\n\t\tthis.letters.innerHTML = this.defaultSlot[0].textContent!.replace(/\\S/g, `<span class=\"letter\">$&</span>`)\n\n\t\t// Observe viewport + initial readiness\n\t\tconcat(\n\t\t\t// 1) Wait until the element is rendered (width/height > 0)\n\t\t\tinterval(10).pipe(\n\t\t\t\tstartWith(true),\n\t\t\t\tfilter(() => {\n\t\t\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\t\t\treturn rect.width > 0 && rect.height > 0\n\t\t\t\t}),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) Then handle scroll events, throttled\n\t\t\tfromEvent(window, 'scroll').pipe(\n\t\t\t\tthrottleTime(0, undefined, {\n\t\t\t\t\tleading: true,\n\t\t\t\t\ttrailing: true,\n\t\t\t\t}),\n\t\t\t\tstartWith(true),\n\t\t\t\tmap(() => this.isInViewport(this)),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(inViewport => {\n\t\t\t\t\t// If leaving viewport and `resetOnScroll` is true, reset letters to opacity 0\n\t\t\t\t\tif (!inViewport && this.resetOnScroll) {\n\t\t\t\t\t\tArray.from(this.letters.children).forEach((letter: HTMLElement) => {\n\t\t\t\t\t\t\tletter.style.opacity = '0'\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tfilter(isInViewport => isInViewport),\n\t\t\t\t// If resetOnScroll = false, animate only the first time inView. If true, repeat.\n\t\t\t\tthis.resetOnScroll ? tap() : take(1),\n\t\t\t\ttap({\n\t\t\t\t\tnext: () => {\n\t\t\t\t\t\t// Animate letters with the native Web Animations API\n\t\t\t\t\t\tconst letters = this.shadowRoot!.querySelectorAll<HTMLElement>('.ml7 .letter')\n\n\t\t\t\t\t\tletters.forEach((letter, i) => {\n\t\t\t\t\t\t\t// Combine all transforms into one CSS transform string\n\t\t\t\t\t\t\t// From\n\t\t\t\t\t\t\tconst fromTransform = `\n translate3d(${this.translateX[0]}, ${this.translateY[0]}, ${this.translateZ[0]}px)\n rotateZ(${this.rotateZ[0]}deg)\n scale(${this.scale[0]})\n `\n\t\t\t\t\t\t\t// To\n\t\t\t\t\t\t\tconst toTransform = `\n translate3d(${this.translateX[1]}, ${this.translateY[1]}, ${this.translateZ[1]}px)\n rotateZ(${this.rotateZ[1]}deg)\n scale(${this.scale[1]})\n `\n\t\t\t\t\t\t\t// Approximate `outExpo` or pick a standard easing (like 'ease-out'):\n\t\t\t\t\t\t\t// outExpo often approximated by cubic-bezier(0.19, 1, 0.22, 1)\n\t\t\t\t\t\t\tconst easingMap: Record<string, string> = {\n\t\t\t\t\t\t\t\toutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n\t\t\t\t\t\t\t\t// add more if you want\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tconst keyframes: Keyframe[] = [\n\t\t\t\t\t\t\t\t{ transform: fromTransform, opacity: String(this.opacity[0]) },\n\t\t\t\t\t\t\t\t{ transform: toTransform, opacity: String(this.opacity[1]) },\n\t\t\t\t\t\t\t]\n\n\t\t\t\t\t\t\tletter.animate(keyframes, {\n\t\t\t\t\t\t\t\tduration: this.duration,\n\t\t\t\t\t\t\t\teasing: easingMap[this.ease] || 'ease-out',\n\t\t\t\t\t\t\t\tdelay: this.delay + i * this.stagger, // staggered start\n\t\t\t\t\t\t\t\tfill: 'forwards', // so the letters remain visible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t})\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t),\n\t\t).subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<span class=\"ml7\">\n\t\t\t\t<span class=\"text-wrapper\">\n\t\t\t\t\t<span class=\"letters\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-animated-text': SchmancyAnimatedText\n\t}\n}\n"],"names":["SchmancyAnimatedText","$LitElement","css","constructor","super","arguments","this","ease","delay","stagger","duration","scale","opacity","translateX","translateY","translateZ","rotateZ","resetOnScroll","element","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","firstUpdated","letters","innerHTML","defaultSlot","textContent","replace","concat","interval","pipe","startWith","filter","width","height","take","fromEvent","throttleTime","leading","trailing","map","isInViewport","distinctUntilChanged","tap","inViewport","Array","from","children","forEach","letter","style","next","shadowRoot","querySelectorAll","i","fromTransform","toTransform","keyframes","transform","String","animate","easing","outExpo","fill","subscribe","render","html","__decorateClass","property","type","prototype","Number","Boolean","queryAssignedNodes","query","customElement"],"mappings":"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"}
1
+ {"version":3,"file":"animated-text-COvhr8E3.js","sources":["../src/animated-text/animated-text.ts"],"sourcesContent":["// Removed: import { createTimeline, stagger } from '@packages/anime-beta-master'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedNodes } from 'lit/decorators.js'\nimport {\n\tconcat,\n\tdistinctUntilChanged,\n\tfilter,\n\tfromEvent,\n\tinterval,\n\tmap,\n\tstartWith,\n\ttake,\n\ttap,\n\tthrottleTime,\n} from 'rxjs'\n\n/**\n * @element schmancy-animated-text\n * Inspired by https://tobiasahlin.com/moving-letters/#1\n */\n@customElement('schmancy-animated-text')\nexport default class SchmancyAnimatedText extends $LitElement(css`\n\t:host {\n\t\tfont-family: inherit;\n\t\tdisplay: block;\n\t}\n\t.ml7 {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n\t.ml7 .text-wrapper {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\toverflow: hidden;\n\t}\n\t.ml7 .letter {\n\t\ttransform-origin: 0 100%;\n\t\tdisplay: inline-block;\n\t\topacity: 0;\n\t}\n`) {\n\t@property({ type: String }) ease = 'outExpo' // not a built-in string for Web Animations\n\t@property({ type: Number }) delay = 0\n\t@property({ type: Number }) stagger = 50\n\t@property({ type: Number }) duration = 750\n\t@property({ type: Array }) scale = [0, 1]\n\t@property({ type: Array }) opacity = [0, 1]\n\t@property({ type: Array }) translateX = ['0.55em', '0em']\n\t@property({ type: Array }) translateY = ['1.1em', '0em']\n\t@property({ type: Array }) translateZ = [0, 0]\n\t@property({ type: Array }) rotateZ = [180, 0]\n\t@property({ type: Boolean }) resetOnScroll = true\n\n\t@queryAssignedNodes() defaultSlot!: HTMLElement[]\n\t@query('.letters') letters!: HTMLElement\n\t@query('.ml7') ml7!: HTMLElement\n\n\t// Function to check if an element is in the viewport\n\tisInViewport(element: HTMLElement) {\n\t\tconst rect = element.getBoundingClientRect()\n\t\treturn (\n\t\t\trect.top >= 0 &&\n\t\t\trect.left >= 0 &&\n\t\t\trect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n\t\t\trect.right <= (window.innerWidth || document.documentElement.clientWidth)\n\t\t)\n\t}\n\n\tasync firstUpdated() {\n\t\t// Split the text into <span class=\"letter\"> ... </span> elements\n\t\tthis.letters.innerHTML = this.defaultSlot[0].textContent!.replace(/\\S/g, `<span class=\"letter\">$&</span>`)\n\n\t\t// Observe viewport + initial readiness\n\t\tconcat(\n\t\t\t// 1) Wait until the element is rendered (width/height > 0)\n\t\t\tinterval(10).pipe(\n\t\t\t\tstartWith(true),\n\t\t\t\tfilter(() => {\n\t\t\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\t\t\treturn rect.width > 0 && rect.height > 0\n\t\t\t\t}),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) Then handle scroll events, throttled\n\t\t\tfromEvent(window, 'scroll').pipe(\n\t\t\t\tthrottleTime(0, undefined, {\n\t\t\t\t\tleading: true,\n\t\t\t\t\ttrailing: true,\n\t\t\t\t}),\n\t\t\t\tstartWith(true),\n\t\t\t\tmap(() => this.isInViewport(this)),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(inViewport => {\n\t\t\t\t\t// If leaving viewport and `resetOnScroll` is true, reset letters to opacity 0\n\t\t\t\t\tif (!inViewport && this.resetOnScroll) {\n\t\t\t\t\t\tArray.from(this.letters.children).forEach((letter: HTMLElement) => {\n\t\t\t\t\t\t\tletter.style.opacity = '0'\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tfilter(isInViewport => isInViewport),\n\t\t\t\t// If resetOnScroll = false, animate only the first time inView. If true, repeat.\n\t\t\t\tthis.resetOnScroll ? tap() : take(1),\n\t\t\t\ttap({\n\t\t\t\t\tnext: () => {\n\t\t\t\t\t\t// Animate letters with the native Web Animations API\n\t\t\t\t\t\tconst letters = this.shadowRoot!.querySelectorAll<HTMLElement>('.ml7 .letter')\n\n\t\t\t\t\t\tletters.forEach((letter, i) => {\n\t\t\t\t\t\t\t// Combine all transforms into one CSS transform string\n\t\t\t\t\t\t\t// From\n\t\t\t\t\t\t\tconst fromTransform = `\n translate3d(${this.translateX[0]}, ${this.translateY[0]}, ${this.translateZ[0]}px)\n rotateZ(${this.rotateZ[0]}deg)\n scale(${this.scale[0]})\n `\n\t\t\t\t\t\t\t// To\n\t\t\t\t\t\t\tconst toTransform = `\n translate3d(${this.translateX[1]}, ${this.translateY[1]}, ${this.translateZ[1]}px)\n rotateZ(${this.rotateZ[1]}deg)\n scale(${this.scale[1]})\n `\n\t\t\t\t\t\t\t// Approximate `outExpo` or pick a standard easing (like 'ease-out'):\n\t\t\t\t\t\t\t// outExpo often approximated by cubic-bezier(0.19, 1, 0.22, 1)\n\t\t\t\t\t\t\tconst easingMap: Record<string, string> = {\n\t\t\t\t\t\t\t\toutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n\t\t\t\t\t\t\t\t// add more if you want\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tconst keyframes: Keyframe[] = [\n\t\t\t\t\t\t\t\t{ transform: fromTransform, opacity: String(this.opacity[0]) },\n\t\t\t\t\t\t\t\t{ transform: toTransform, opacity: String(this.opacity[1]) },\n\t\t\t\t\t\t\t]\n\n\t\t\t\t\t\t\tletter.animate(keyframes, {\n\t\t\t\t\t\t\t\tduration: this.duration,\n\t\t\t\t\t\t\t\teasing: easingMap[this.ease] || 'ease-out',\n\t\t\t\t\t\t\t\tdelay: this.delay + i * this.stagger, // staggered start\n\t\t\t\t\t\t\t\tfill: 'forwards', // so the letters remain visible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t})\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t),\n\t\t).subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<span class=\"ml7\">\n\t\t\t\t<span class=\"text-wrapper\">\n\t\t\t\t\t<span class=\"letters\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-animated-text': SchmancyAnimatedText\n\t}\n}\n"],"names":["SchmancyAnimatedText","$LitElement","css","constructor","super","arguments","this","ease","delay","stagger","duration","scale","opacity","translateX","translateY","translateZ","rotateZ","resetOnScroll","element","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","firstUpdated","letters","innerHTML","defaultSlot","textContent","replace","concat","interval","pipe","startWith","filter","width","height","take","fromEvent","throttleTime","leading","trailing","map","isInViewport","distinctUntilChanged","tap","inViewport","Array","from","children","forEach","letter","style","next","shadowRoot","querySelectorAll","i","fromTransform","toTransform","keyframes","transform","String","animate","easing","outExpo","fill","subscribe","render","html","__decorateClass","property","type","prototype","Number","Boolean","queryAssignedNodes","query","customElement"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";require("./animated-text-vdNivzdc.cjs");
1
+ "use strict";require("./animated-text-BZUrBdvN.cjs");
2
2
  //# sourceMappingURL=animated-text.cjs.map
@@ -1,2 +1,2 @@
1
- import "./animated-text-Bn8-ILmB.js";
1
+ import "./animated-text-COvhr8E3.js";
2
2
  //# sourceMappingURL=animated-text.js.map
package/dist/area.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./area.component-DwPL6bdo.cjs"),e=require("./utils-C38P63L6.cjs");exports.FINDING_MORTIES=t.FINDING_MORTIES,exports.HERE_RICKY=t.HERE_RICKY,exports.HISTORY_STRATEGY=t.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>t.SchmancyArea}),Object.defineProperty(exports,"SchmancyRoute",{enumerable:!0,get:()=>t.SchmancyRoute}),exports.area=t.area,exports.routerHistory=t.routerHistory,exports.buildQueryString=e.buildQueryString,exports.compareActiveRoutes=e.compareActiveRoutes,exports.compareCustomElementConstructors=e.compareCustomElementConstructors,exports.compareRouteActions=e.compareRouteActions,exports.createRouteCacheKey=e.createRouteCacheKey,exports.debounce=e.debounce,exports.decodeData=e.decodeData,exports.decodeRouteState=e.decodeRouteState,exports.deepMerge=e.deepMerge,exports.encodeData=e.encodeData,exports.encodeRouteState=e.encodeRouteState,exports.extractQueryParams=e.extractQueryParams,exports.getTagName=e.getTagName,exports.isObject=e.isObject,exports.lazy=e.lazy,exports.normalizeTagName=e.normalizeTagName,exports.sanitizeRouteState=e.sanitizeRouteState;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./area.component-Ch2Eaa4i.cjs"),e=require("./utils-C38P63L6.cjs");exports.FINDING_MORTIES=t.FINDING_MORTIES,exports.HERE_RICKY=t.HERE_RICKY,exports.HISTORY_STRATEGY=t.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>t.SchmancyArea}),Object.defineProperty(exports,"SchmancyRoute",{enumerable:!0,get:()=>t.SchmancyRoute}),exports.area=t.area,exports.routerHistory=t.routerHistory,exports.buildQueryString=e.buildQueryString,exports.compareActiveRoutes=e.compareActiveRoutes,exports.compareCustomElementConstructors=e.compareCustomElementConstructors,exports.compareRouteActions=e.compareRouteActions,exports.createRouteCacheKey=e.createRouteCacheKey,exports.debounce=e.debounce,exports.decodeData=e.decodeData,exports.decodeRouteState=e.decodeRouteState,exports.deepMerge=e.deepMerge,exports.encodeData=e.encodeData,exports.encodeRouteState=e.encodeRouteState,exports.extractQueryParams=e.extractQueryParams,exports.getTagName=e.getTagName,exports.isObject=e.isObject,exports.lazy=e.lazy,exports.normalizeTagName=e.normalizeTagName,exports.sanitizeRouteState=e.sanitizeRouteState;
2
2
  //# sourceMappingURL=area.cjs.map
@@ -2,8 +2,8 @@ import { Subject as I, ReplaySubject as R, fromEvent as x, distinctUntilChanged
2
2
  import "lit/directives/class-map.js";
3
3
  import "lit/directives/style-map.js";
4
4
  import { property as S, customElement as M, queryAssignedElements as W } from "lit/decorators.js";
5
- import "./tailwind.mixin-CZKT1dUr.js";
6
- import { $ as P } from "./litElement.mixin-B0Rsd4Km.js";
5
+ import "./tailwind.mixin-BjDGMGbj.js";
6
+ import { $ as P } from "./litElement.mixin-CzF0mNQd.js";
7
7
  import { css as H, html as B } from "lit";
8
8
  const q = new I(), G = "FINDING_MORTIES", K = "HERE_RICKY", N = /* @__PURE__ */ new WeakMap();
9
9
  class O {
@@ -312,4 +312,4 @@ export {
312
312
  m as c,
313
313
  q as r
314
314
  };
315
- //# sourceMappingURL=area.component-pd24G8zW.js.map
315
+ //# sourceMappingURL=area.component-BHtBHWVt.js.map