@redvars/peacock 3.1.1 → 3.1.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 (411) hide show
  1. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/LoaderUtils.d.ts +0 -1
  2. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/LoaderUtils.js +0 -1
  3. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/LoaderUtils.js.map +1 -1
  4. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.css.js.map +1 -1
  5. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.d.ts +20 -1
  6. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.js +20 -1
  7. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.js.map +1 -1
  8. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.d.ts +0 -7
  9. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.js +0 -7
  10. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.js.map +1 -1
  11. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.css.js +5 -4
  12. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.css.js.map +1 -1
  13. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.d.ts +16 -2
  14. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.js +28 -11
  15. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.js.map +1 -1
  16. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.d.ts +0 -5
  17. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.js +0 -5
  18. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.js.map +1 -1
  19. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/button.d.ts +99 -0
  20. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/button.js +292 -0
  21. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/button.js.map +1 -0
  22. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/index.d.ts +1 -0
  23. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/index.js +2 -0
  24. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/index.js.map +1 -0
  25. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/ClockController.d.ts +10 -0
  26. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/ClockController.js +22 -0
  27. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/ClockController.js.map +1 -0
  28. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.d.ts +1 -0
  29. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.js +12 -0
  30. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.js.map +1 -0
  31. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.d.ts +25 -0
  32. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.js +41 -0
  33. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.js.map +1 -0
  34. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.d.ts +1 -0
  35. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.js +2 -0
  36. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.js.map +1 -0
  37. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.d.ts +26 -0
  38. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.js +60 -0
  39. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.js.map +1 -0
  40. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/index.d.ts +1 -0
  41. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/index.js +2 -0
  42. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/index.js.map +1 -0
  43. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.d.ts +6 -0
  44. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.js +7 -0
  45. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.js.map +1 -0
  46. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.d.ts +1 -0
  47. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.js +58 -0
  48. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.js.map +1 -0
  49. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.d.ts +27 -0
  50. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.js +61 -0
  51. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.js.map +1 -0
  52. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.d.ts +1 -0
  53. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.js +2 -0
  54. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.js.map +1 -0
  55. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.css.d.ts +1 -0
  56. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.css.js +47 -0
  57. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.css.js.map +1 -0
  58. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.d.ts +27 -0
  59. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.js +31 -0
  60. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.js.map +1 -0
  61. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/index.d.ts +1 -0
  62. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/index.js +2 -0
  63. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/index.js.map +1 -0
  64. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/FocusAttachableController.d.ts +9 -0
  65. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/FocusAttachableController.js +25 -0
  66. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/FocusAttachableController.js.map +1 -0
  67. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/focus-ring.d.ts +35 -0
  68. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/focus-ring.js +81 -0
  69. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/focus-ring.js.map +1 -0
  70. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/index.d.ts +1 -0
  71. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/index.js +2 -0
  72. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/index.js.map +1 -0
  73. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.d.ts +23 -2
  74. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.js +20 -4
  75. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.js.map +1 -1
  76. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.d.ts +0 -7
  77. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.js +0 -7
  78. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.js.map +1 -1
  79. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.d.ts +6 -0
  80. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.js +6 -0
  81. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.js.map +1 -1
  82. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/peacock-loader.js +35 -19
  83. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/peacock-loader.js.map +1 -1
  84. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/index.d.ts +1 -0
  85. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/index.js +2 -0
  86. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/index.js.map +1 -0
  87. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/ripple.d.ts +9 -0
  88. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/ripple.js +125 -0
  89. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/ripple.js.map +1 -0
  90. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.d.ts +5 -0
  91. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.js +54 -1
  92. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.js.map +1 -1
  93. package/.rollup.cache/E/git/redvars/peacock/components/dist/tsconfig.tsbuildinfo +1 -1
  94. package/bin/typedoc-gen.mjs +63 -0
  95. package/custom-elements-manifest.config.mjs +5 -6
  96. package/demo/index.html +45 -42
  97. package/dist/LoaderUtils.d.ts +23 -0
  98. package/dist/LoaderUtils.d.ts.map +1 -0
  99. package/dist/assets/styles/tokens.css +21 -53
  100. package/dist/avatar/avatar.d.ts +28 -0
  101. package/dist/avatar/avatar.d.ts.map +1 -0
  102. package/dist/avatar/index.d.ts +2 -0
  103. package/dist/avatar/index.d.ts.map +1 -0
  104. package/dist/avatar/p-avatar.d.ts +4 -0
  105. package/dist/avatar/p-avatar.d.ts.map +1 -0
  106. package/dist/avatar.js +100 -0
  107. package/dist/avatar.js.map +1 -0
  108. package/dist/badge/badge.d.ts +24 -0
  109. package/dist/badge/badge.d.ts.map +1 -0
  110. package/dist/badge/index.d.ts +2 -0
  111. package/dist/badge/index.d.ts.map +1 -0
  112. package/dist/badge/p-badge.d.ts +4 -0
  113. package/dist/badge/p-badge.d.ts.map +1 -0
  114. package/dist/badge.js +90 -0
  115. package/dist/badge.js.map +1 -0
  116. package/dist/button/button.d.ts +103 -0
  117. package/dist/button/button.d.ts.map +1 -0
  118. package/dist/button/index.d.ts +2 -0
  119. package/dist/button/index.d.ts.map +1 -0
  120. package/dist/button.js +710 -0
  121. package/dist/button.js.map +1 -0
  122. package/dist/class-map-BzIzngvN.js +89 -0
  123. package/dist/class-map-BzIzngvN.js.map +1 -0
  124. package/dist/class-map-CBk4-iMN.js +11 -0
  125. package/dist/class-map-CBk4-iMN.js.map +1 -0
  126. package/dist/class-map-Cavm-B1S.js +11 -0
  127. package/dist/class-map-Cavm-B1S.js.map +1 -0
  128. package/dist/class-map-DL5vM0J2.js +11 -0
  129. package/dist/class-map-DL5vM0J2.js.map +1 -0
  130. package/dist/class-map-DpvLRi0h.js +11 -0
  131. package/dist/class-map-DpvLRi0h.js.map +1 -0
  132. package/dist/class-map-IbP5VjmB.js +11 -0
  133. package/dist/class-map-IbP5VjmB.js.map +1 -0
  134. package/dist/clock/ClockController.d.ts +11 -0
  135. package/dist/clock/ClockController.d.ts.map +1 -0
  136. package/dist/clock/clock.d.ts +26 -0
  137. package/dist/clock/clock.d.ts.map +1 -0
  138. package/dist/clock/index.d.ts +2 -0
  139. package/dist/clock/index.d.ts.map +1 -0
  140. package/dist/clock.js +77 -0
  141. package/dist/clock.js.map +1 -0
  142. package/dist/code-highlighter/code-highlighter.d.ts +27 -0
  143. package/dist/code-highlighter/code-highlighter.d.ts.map +1 -0
  144. package/dist/code-highlighter/index.d.ts +2 -0
  145. package/dist/code-highlighter/index.d.ts.map +1 -0
  146. package/dist/code-highlighter/local.d.ts +7 -0
  147. package/dist/code-highlighter/local.d.ts.map +1 -0
  148. package/dist/code-highlighter.js +66 -0
  149. package/dist/code-highlighter.js.map +1 -0
  150. package/dist/custom-elements-jsdocs.json +1211 -0
  151. package/dist/directive-BKuZRRPO.js +9 -0
  152. package/dist/directive-BKuZRRPO.js.map +1 -0
  153. package/dist/directive-CkFJvUQK.js +45 -0
  154. package/dist/directive-CkFJvUQK.js.map +1 -0
  155. package/dist/divider/divider.d.ts +28 -0
  156. package/dist/divider/divider.d.ts.map +1 -0
  157. package/dist/divider/index.d.ts +2 -0
  158. package/dist/divider/index.d.ts.map +1 -0
  159. package/dist/divider.js +117 -0
  160. package/dist/divider.js.map +1 -0
  161. package/dist/elevation/elevation.d.ts +28 -0
  162. package/dist/elevation/elevation.d.ts.map +1 -0
  163. package/dist/elevation/index.d.ts +2 -0
  164. package/dist/elevation/index.d.ts.map +1 -0
  165. package/dist/elevation-Bl1N6qEq.js +100 -0
  166. package/dist/elevation-Bl1N6qEq.js.map +1 -0
  167. package/dist/elevation-CbF5he8B.js +103 -0
  168. package/dist/elevation-CbF5he8B.js.map +1 -0
  169. package/dist/elevation-D3F6Z1jU.js +100 -0
  170. package/dist/elevation-D3F6Z1jU.js.map +1 -0
  171. package/dist/elevation.js +77 -0
  172. package/dist/elevation.js.map +1 -0
  173. package/dist/focus-ring/FocusAttachableController.d.ts +10 -0
  174. package/dist/focus-ring/FocusAttachableController.d.ts.map +1 -0
  175. package/dist/focus-ring/focus-ring.d.ts +36 -0
  176. package/dist/focus-ring/focus-ring.d.ts.map +1 -0
  177. package/dist/focus-ring/index.d.ts +2 -0
  178. package/dist/focus-ring/index.d.ts.map +1 -0
  179. package/dist/focus-ring.js +105 -0
  180. package/dist/focus-ring.js.map +1 -0
  181. package/dist/icon/datasource.d.ts +3 -0
  182. package/dist/icon/datasource.d.ts.map +1 -0
  183. package/dist/icon/icon.d.ts +42 -0
  184. package/dist/icon/icon.d.ts.map +1 -0
  185. package/dist/icon/index.d.ts +2 -0
  186. package/dist/icon/index.d.ts.map +1 -0
  187. package/dist/icon/p-icon.d.ts +4 -0
  188. package/dist/icon/p-icon.d.ts.map +1 -0
  189. package/dist/{component/icon.js → icon.js} +43 -124
  190. package/dist/icon.js.map +1 -0
  191. package/dist/index.d.ts +9 -0
  192. package/dist/index.d.ts.map +1 -0
  193. package/dist/index.js +15 -67
  194. package/dist/index.js.map +1 -1
  195. package/dist/link/link.css.d.ts +3 -0
  196. package/dist/link/link.css.d.ts.map +1 -0
  197. package/dist/lit-element-B7NX__Gq.js +2851 -0
  198. package/dist/lit-element-B7NX__Gq.js.map +1 -0
  199. package/dist/lit-element-Bq5B2QNv.js +28 -0
  200. package/dist/lit-element-Bq5B2QNv.js.map +1 -0
  201. package/dist/lit-element-CkD27PXL.js +28 -0
  202. package/dist/lit-element-CkD27PXL.js.map +1 -0
  203. package/dist/lit-element-DHH1_Q-3.js +28 -0
  204. package/dist/lit-element-DHH1_Q-3.js.map +1 -0
  205. package/dist/peacock-loader.d.ts +2 -0
  206. package/dist/peacock-loader.d.ts.map +1 -0
  207. package/dist/peacock-loader.js +479 -121
  208. package/dist/peacock-loader.js.map +1 -1
  209. package/dist/property-BXcRN0hQ.js +39 -0
  210. package/dist/property-BXcRN0hQ.js.map +1 -0
  211. package/dist/property-CR1ZrEd9.js +45 -0
  212. package/dist/property-CR1ZrEd9.js.map +1 -0
  213. package/dist/property-CqSbFxyM.js +45 -0
  214. package/dist/property-CqSbFxyM.js.map +1 -0
  215. package/dist/{directive-CKEA2P55.js → property-D4Kn9TsY.js} +6 -13
  216. package/dist/property-D4Kn9TsY.js.map +1 -0
  217. package/dist/property-DNaigT7h.js +39 -0
  218. package/dist/property-DNaigT7h.js.map +1 -0
  219. package/dist/property-yt9tIYgR.js +39 -0
  220. package/dist/property-yt9tIYgR.js.map +1 -0
  221. package/dist/query-CV342L_h.js +189 -0
  222. package/dist/query-CV342L_h.js.map +1 -0
  223. package/dist/ripple-Blc5Rqhb.js +102 -0
  224. package/dist/ripple-Blc5Rqhb.js.map +1 -0
  225. package/dist/ripple-BqTcEQAP.js +102 -0
  226. package/dist/ripple-BqTcEQAP.js.map +1 -0
  227. package/dist/ripple-BqUjb18i.js +105 -0
  228. package/dist/ripple-BqUjb18i.js.map +1 -0
  229. package/dist/ripple-Buzs-MON.js +106 -0
  230. package/dist/ripple-Buzs-MON.js.map +1 -0
  231. package/dist/ripple-Bz5B_LoE.js +102 -0
  232. package/dist/ripple-Bz5B_LoE.js.map +1 -0
  233. package/dist/ripple-CAq7Ix6x.js +106 -0
  234. package/dist/ripple-CAq7Ix6x.js.map +1 -0
  235. package/dist/ripple-CDqSm_Vy.js +106 -0
  236. package/dist/ripple-CDqSm_Vy.js.map +1 -0
  237. package/dist/ripple-CJtPH28B.js +102 -0
  238. package/dist/ripple-CJtPH28B.js.map +1 -0
  239. package/dist/ripple-CKTd8obC.js +92 -0
  240. package/dist/ripple-CKTd8obC.js.map +1 -0
  241. package/dist/ripple-CKnDWTVQ.js +107 -0
  242. package/dist/ripple-CKnDWTVQ.js.map +1 -0
  243. package/dist/ripple-CeR8eLuc.js +93 -0
  244. package/dist/ripple-CeR8eLuc.js.map +1 -0
  245. package/dist/ripple-Czp3eR6w.js +127 -0
  246. package/dist/ripple-Czp3eR6w.js.map +1 -0
  247. package/dist/ripple-DIab1MaY.js +106 -0
  248. package/dist/ripple-DIab1MaY.js.map +1 -0
  249. package/dist/ripple-DUFMimxZ.js +120 -0
  250. package/dist/ripple-DUFMimxZ.js.map +1 -0
  251. package/dist/ripple-DVmDdoNV.js +102 -0
  252. package/dist/ripple-DVmDdoNV.js.map +1 -0
  253. package/dist/ripple-DYnhXK5d.js +118 -0
  254. package/dist/ripple-DYnhXK5d.js.map +1 -0
  255. package/dist/ripple-DnudV47f.js +102 -0
  256. package/dist/ripple-DnudV47f.js.map +1 -0
  257. package/dist/ripple-DsC-h31M.js +119 -0
  258. package/dist/ripple-DsC-h31M.js.map +1 -0
  259. package/dist/ripple-DvM0SPd9.js +128 -0
  260. package/dist/ripple-DvM0SPd9.js.map +1 -0
  261. package/dist/ripple-NWIiDgX2.js +128 -0
  262. package/dist/ripple-NWIiDgX2.js.map +1 -0
  263. package/dist/ripple-X3U_R8lT.js +106 -0
  264. package/dist/ripple-X3U_R8lT.js.map +1 -0
  265. package/dist/ripple.js +128 -0
  266. package/dist/ripple.js.map +1 -0
  267. package/dist/src/LoaderUtils.d.ts +0 -1
  268. package/dist/src/avatar/avatar.d.ts +20 -1
  269. package/dist/src/avatar/p-avatar.d.ts +0 -7
  270. package/dist/src/badge/badge.d.ts +16 -2
  271. package/dist/src/badge/p-badge.d.ts +0 -5
  272. package/dist/src/button/button.d.ts +99 -0
  273. package/dist/src/button/index.d.ts +1 -0
  274. package/dist/src/clock/ClockController.d.ts +10 -0
  275. package/dist/src/clock/clock.css.d.ts +1 -0
  276. package/dist/src/clock/clock.d.ts +25 -0
  277. package/dist/src/clock/index.d.ts +1 -0
  278. package/dist/src/code-highlighter/code-highlighter.d.ts +26 -0
  279. package/dist/src/code-highlighter/index.d.ts +1 -0
  280. package/dist/src/code-highlighter/local.d.ts +6 -0
  281. package/dist/src/divider/divider.css.d.ts +1 -0
  282. package/dist/src/divider/divider.d.ts +27 -0
  283. package/dist/src/divider/index.d.ts +1 -0
  284. package/dist/src/elevation/elevation.css.d.ts +1 -0
  285. package/dist/src/elevation/elevation.d.ts +27 -0
  286. package/dist/src/elevation/index.d.ts +1 -0
  287. package/dist/src/focus-ring/FocusAttachableController.d.ts +9 -0
  288. package/dist/src/focus-ring/focus-ring.d.ts +35 -0
  289. package/dist/src/focus-ring/index.d.ts +1 -0
  290. package/dist/src/icon/icon.d.ts +23 -2
  291. package/dist/src/icon/p-icon.d.ts +0 -7
  292. package/dist/src/index.d.ts +6 -0
  293. package/dist/src/ripple/index.d.ts +1 -0
  294. package/dist/src/ripple/ripple.d.ts +9 -0
  295. package/dist/src/utils.d.ts +5 -0
  296. package/dist/state-BXOdKkbT.js +10 -0
  297. package/dist/state-BXOdKkbT.js.map +1 -0
  298. package/dist/state-BfUul2Gq.js +10 -0
  299. package/dist/state-BfUul2Gq.js.map +1 -0
  300. package/dist/state-CNX6DhqO.js +10 -0
  301. package/dist/state-CNX6DhqO.js.map +1 -0
  302. package/dist/state-Cl3mjeR1.js +10 -0
  303. package/dist/state-Cl3mjeR1.js.map +1 -0
  304. package/dist/state-CxzmLNIi.js +10 -0
  305. package/dist/state-CxzmLNIi.js.map +1 -0
  306. package/dist/state-WDFgnqnd.js +36 -0
  307. package/dist/state-WDFgnqnd.js.map +1 -0
  308. package/dist/style-inject.es--nCJ9F_D.js +55 -0
  309. package/dist/style-inject.es--nCJ9F_D.js.map +1 -0
  310. package/dist/style-inject.es-tgCJW-Cu.js +29 -0
  311. package/dist/style-inject.es-tgCJW-Cu.js.map +1 -0
  312. package/dist/styleMixins.css-0Uq-6ouM.js +14 -0
  313. package/dist/styleMixins.css-0Uq-6ouM.js.map +1 -0
  314. package/dist/styleMixins.css-B8H9wDNA.js +17 -0
  315. package/dist/styleMixins.css-B8H9wDNA.js.map +1 -0
  316. package/dist/styleMixins.css-CivfMYtB.js +17 -0
  317. package/dist/styleMixins.css-CivfMYtB.js.map +1 -0
  318. package/dist/styleMixins.css-DrUsqddl.js +17 -0
  319. package/dist/styleMixins.css-DrUsqddl.js.map +1 -0
  320. package/dist/styleMixins.css-fokZCyF-.js +17 -0
  321. package/dist/styleMixins.css-fokZCyF-.js.map +1 -0
  322. package/dist/styleMixins.css.d.ts +10 -0
  323. package/dist/styleMixins.css.d.ts.map +1 -0
  324. package/dist/text/text.css.d.ts +3 -0
  325. package/dist/text/text.css.d.ts.map +1 -0
  326. package/dist/tsconfig.tsbuildinfo +1 -1
  327. package/dist/typedoc.json +340489 -0
  328. package/dist/utils-BVap5huR.js +157 -0
  329. package/dist/utils-BVap5huR.js.map +1 -0
  330. package/dist/utils-CY3RyfcA.js +157 -0
  331. package/dist/utils-CY3RyfcA.js.map +1 -0
  332. package/dist/utils-CdOdn2dW.js +149 -0
  333. package/dist/utils-CdOdn2dW.js.map +1 -0
  334. package/dist/utils-DD_cg6Ms.js +157 -0
  335. package/dist/utils-DD_cg6Ms.js.map +1 -0
  336. package/dist/utils-_5no4mk7.js +128 -0
  337. package/dist/utils-_5no4mk7.js.map +1 -0
  338. package/dist/utils.d.ts +8 -0
  339. package/dist/utils.d.ts.map +1 -0
  340. package/package.json +11 -9
  341. package/readme.md +5 -17
  342. package/rollup.config.js +79 -37
  343. package/scratch.mjs +0 -0
  344. package/scss/mixin.scss +50 -0
  345. package/src/LoaderUtils.ts +122 -122
  346. package/src/avatar/avatar.scss +38 -0
  347. package/src/avatar/avatar.ts +20 -1
  348. package/src/avatar/p-avatar.ts +0 -7
  349. package/src/badge/badge.scss +31 -0
  350. package/src/badge/badge.ts +31 -9
  351. package/src/badge/demo/index.html +9 -1
  352. package/src/badge/p-badge.ts +0 -5
  353. package/src/button/_button-sizes.scss +59 -0
  354. package/src/button/button.scss +430 -0
  355. package/src/button/button.ts +304 -0
  356. package/src/button/demo/index.html +42 -0
  357. package/src/button/index.ts +1 -0
  358. package/src/clock/ClockController.ts +32 -0
  359. package/src/clock/clock.scss +9 -0
  360. package/src/clock/clock.ts +39 -0
  361. package/{demo/int.html → src/clock/demo/index.html} +7 -10
  362. package/src/clock/index.ts +1 -0
  363. package/src/code-highlighter/code-highlighter.scss +0 -0
  364. package/src/code-highlighter/code-highlighter.ts +58 -0
  365. package/src/code-highlighter/demo/index.html +58 -0
  366. package/src/code-highlighter/index.ts +1 -0
  367. package/src/code-highlighter/local.ts +11 -0
  368. package/src/divider/demo/index.html +58 -0
  369. package/src/divider/divider.scss +56 -0
  370. package/src/divider/divider.ts +59 -0
  371. package/src/divider/index.ts +1 -0
  372. package/src/elevation/demo/index.html +58 -0
  373. package/src/elevation/elevation.scss +61 -0
  374. package/src/elevation/elevation.ts +32 -0
  375. package/src/elevation/index.ts +1 -0
  376. package/src/focus-ring/FocusAttachableController.ts +36 -0
  377. package/src/focus-ring/demo/index.html +58 -0
  378. package/src/focus-ring/focus-ring.scss +22 -0
  379. package/src/focus-ring/focus-ring.ts +83 -0
  380. package/src/focus-ring/index.ts +1 -0
  381. package/src/icon/icon.scss +19 -0
  382. package/src/icon/icon.ts +131 -111
  383. package/src/icon/p-icon.ts +0 -7
  384. package/src/index.ts +9 -3
  385. package/src/link/demo/index.html +34 -0
  386. package/src/link/link.scss +24 -0
  387. package/src/peacock-loader.ts +69 -55
  388. package/src/ripple/index.ts +1 -0
  389. package/src/ripple/ripple.ts +134 -0
  390. package/src/styles.d.ts +3 -1
  391. package/src/text/text.scss +48 -0
  392. package/src/utils.ts +72 -1
  393. package/tsconfig.json +23 -22
  394. package/assets/tokens.css +0 -522
  395. package/copyDesignFiles.js +0 -11
  396. package/custom-elements.md +0 -192
  397. package/dist/avatar-GQwWRGRw.js +0 -418
  398. package/dist/avatar-GQwWRGRw.js.map +0 -1
  399. package/dist/avatar-jfcIDB8G.js +0 -424
  400. package/dist/avatar-jfcIDB8G.js.map +0 -1
  401. package/dist/component/avatar.js +0 -92
  402. package/dist/component/avatar.js.map +0 -1
  403. package/dist/component/icon.js.map +0 -1
  404. package/dist/directive-CKEA2P55.js.map +0 -1
  405. package/dist/utils-CSwoJIcG.js +0 -171
  406. package/dist/utils-CSwoJIcG.js.map +0 -1
  407. package/dist/web-types.json +0 -78
  408. package/readme-gen.mjs +0 -24
  409. package/src/avatar/avatar.css.ts +0 -41
  410. package/src/badge/badge.css.ts +0 -33
  411. package/src/icon/icon.css.ts +0 -22
@@ -1,3 +1,9 @@
1
1
  export { Icon } from './icon/index.js';
2
2
  export { Avatar } from './avatar/index.js';
3
3
  export { Badge } from './badge/index.js';
4
+ export { Divider } from './divider/index.js';
5
+ export { Clock } from './clock/index.js';
6
+ export { Elevation } from './elevation/index.js';
7
+ export { Button } from './button/index.js';
8
+ export { FocusRing } from './focus-ring/index.js';
9
+ export { Ripple } from './ripple/index.js';
@@ -1,4 +1,10 @@
1
1
  export { Icon } from './icon/index.js';
2
2
  export { Avatar } from './avatar/index.js';
3
3
  export { Badge } from './badge/index.js';
4
+ export { Divider } from './divider/index.js';
5
+ export { Clock } from './clock/index.js';
6
+ export { Elevation } from './elevation/index.js';
7
+ export { Button } from './button/index.js';
8
+ export { FocusRing } from './focus-ring/index.js';
9
+ export { Ripple } from './ripple/index.js';
4
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { Icon } from './icon/index.js';\nexport { Avatar } from './avatar/index.js';\nexport { Badge } from './badge/index.js';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { Icon } from './icon/index.js';\r\nexport { Avatar } from './avatar/index.js';\r\nexport { Badge } from './badge/index.js';\r\nexport { Divider } from './divider/index.js';\r\nexport { Clock } from './clock/index.js';\r\nexport { Elevation } from './elevation/index.js';\r\nexport { Button } from './button/index.js';\r\nexport { FocusRing } from './focus-ring/index.js';\r\nexport { Ripple } from './ripple/index.js';\r\n"]}
@@ -1,10 +1,16 @@
1
1
  // Eager loaded
2
+ import cssComponentsStyleSheet from '@redvars/peacock-design-tokens/dist/tokens.css';
3
+ import { Elevation } from './elevation/elevation.js';
4
+ import { FocusRing } from './focus-ring/focus-ring.js';
5
+ import { Ripple } from './ripple/ripple.js';
2
6
  import { Icon } from './icon/icon.js';
3
7
  import { Avatar } from './avatar/avatar.js';
8
+ import { Badge } from './badge/badge.js';
9
+ import { Divider } from './divider/divider.js';
10
+ import { Button } from './button/button.js';
4
11
  import { LoaderUtils } from './LoaderUtils.js';
5
- import cssComponentsStyleSheet from '../assets/tokens.css';
6
- import { createLinkStyles } from './link/link.css.js';
7
- import { createTextStyles } from './text/text.css.js';
12
+ import linkStyles from './link/link.scss';
13
+ import textStylesheet from './text/text.scss';
8
14
  const libraryPrefix = 'p';
9
15
  function buildSheet(styleSheet) {
10
16
  const sheet = new CSSStyleSheet();
@@ -12,22 +18,11 @@ function buildSheet(styleSheet) {
12
18
  sheet.replaceSync(styleSheet.toString());
13
19
  return sheet;
14
20
  }
15
- const styleSheets = [buildSheet(cssComponentsStyleSheet)];
16
- const linkStylesheet = createLinkStyles(libraryPrefix).styleSheet;
17
- if (linkStylesheet)
18
- styleSheets.push(linkStylesheet);
19
- const textStylesheet = createTextStyles(libraryPrefix).styleSheet;
20
- if (textStylesheet)
21
- styleSheets.push(textStylesheet);
22
- function stringifyStyleSheet(stylesheet) {
23
- // Use Array.from() to convert the CSSRuleList to an array
24
- return (Array.from(stylesheet.cssRules)
25
- // Map each rule to its cssText property
26
- .map((rule) => rule.cssText || '')
27
- // Join all the rules with a newline character
28
- .join('\\n'));
29
- }
30
- console.log(stringifyStyleSheet(textStylesheet));
21
+ const styleSheets = [
22
+ buildSheet(cssComponentsStyleSheet),
23
+ buildSheet(linkStyles),
24
+ buildSheet(textStylesheet),
25
+ ];
31
26
  document.adoptedStyleSheets = styleSheets;
32
27
  const loaderConfig = {
33
28
  prefix: libraryPrefix,
@@ -36,9 +31,30 @@ const loaderConfig = {
36
31
  CustomElementClass: Icon,
37
32
  // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass
38
33
  },
34
+ 'focus-ring': {
35
+ CustomElementClass: FocusRing,
36
+ },
39
37
  avatar: {
40
38
  CustomElementClass: Avatar,
41
39
  },
40
+ badge: {
41
+ CustomElementClass: Badge,
42
+ },
43
+ button: {
44
+ CustomElementClass: Button,
45
+ },
46
+ divider: {
47
+ CustomElementClass: Divider,
48
+ },
49
+ elevation: {
50
+ CustomElementClass: Elevation,
51
+ },
52
+ clock: {
53
+ importPath: './clock.js',
54
+ },
55
+ ripple: {
56
+ CustomElementClass: Ripple,
57
+ },
42
58
  },
43
59
  };
44
60
  new LoaderUtils(loaderConfig).start();
@@ -1 +1 @@
1
- {"version":3,"file":"peacock-loader.js","sourceRoot":"","sources":["../../src/peacock-loader.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAgB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,uBAAuB,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B,SAAS,UAAU,CAAC,UAAe;IACjC,MAAM,KAAK,GAAG,IAAI,aAAa,EAAE,CAAC;IAClC,YAAY;IACZ,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;IACzC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC,CAAC;AAE1D,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;AAClE,IAAI,cAAc;IAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAErD,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;AAClE,IAAI,cAAc;IAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAErD,SAAS,mBAAmB,CAAC,UAAe;IAC1C,0DAA0D;IAC1D,OAAO,CACL,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAC7B,wCAAwC;SACvC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;QACvC,8CAA8C;SAC7C,IAAI,CAAC,KAAK,CAAC,CACf,CAAC;AACJ,CAAC;AAED,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,CAAC;AAEjD,QAAQ,CAAC,kBAAkB,GAAG,WAAW,CAAC;AAE1C,MAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,kBAAkB,EAAE,IAAI;YACxB,6FAA6F;SAC9F;QACD,MAAM,EAAE;YACN,kBAAkB,EAAE,MAAM;SAC3B;KACF;CACF,CAAC;AAEF,IAAI,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC","sourcesContent":["// Eager loaded\nimport { Icon } from './icon/icon.js';\nimport { Avatar } from './avatar/avatar.js';\n\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\nimport cssComponentsStyleSheet from '../assets/tokens.css';\nimport { createLinkStyles } from './link/link.css.js';\nimport { createTextStyles } from './text/text.css.js';\n\nconst libraryPrefix = 'p';\n\nfunction buildSheet(styleSheet: any) {\n const sheet = new CSSStyleSheet();\n // Add rules\n sheet.replaceSync(styleSheet.toString());\n return sheet;\n}\n\nconst styleSheets = [buildSheet(cssComponentsStyleSheet)];\n\nconst linkStylesheet = createLinkStyles(libraryPrefix).styleSheet;\nif (linkStylesheet) styleSheets.push(linkStylesheet);\n\nconst textStylesheet = createTextStyles(libraryPrefix).styleSheet;\nif (textStylesheet) styleSheets.push(textStylesheet);\n\nfunction stringifyStyleSheet(stylesheet: any) {\n // Use Array.from() to convert the CSSRuleList to an array\n return (\n Array.from(stylesheet.cssRules)\n // Map each rule to its cssText property\n .map((rule: any) => rule.cssText || '')\n // Join all the rules with a newline character\n .join('\\\\n')\n );\n}\n\nconsole.log(stringifyStyleSheet(textStylesheet));\n\ndocument.adoptedStyleSheets = styleSheets;\n\nconst loaderConfig: LoaderConfig = {\n prefix: libraryPrefix,\n components: {\n icon: {\n CustomElementClass: Icon,\n // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass\n },\n avatar: {\n CustomElementClass: Avatar,\n },\n },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"]}
1
+ {"version":3,"file":"peacock-loader.js","sourceRoot":"","sources":["../../src/peacock-loader.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,uBAAuB,MAAM,gDAAgD,CAAC;AAErF,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAgB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B,SAAS,UAAU,CAAC,UAAe;IACjC,MAAM,KAAK,GAAG,IAAI,aAAa,EAAE,CAAC;IAClC,YAAY;IACZ,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;IACzC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,WAAW,GAAG;IAClB,UAAU,CAAC,uBAAuB,CAAC;IACnC,UAAU,CAAC,UAAU,CAAC;IACtB,UAAU,CAAC,cAAc,CAAC;CAC3B,CAAC;AAEF,QAAQ,CAAC,kBAAkB,GAAG,WAAW,CAAC;AAE1C,MAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,kBAAkB,EAAE,IAAI;YACxB,6FAA6F;SAC9F;QACD,YAAY,EAAE;YACZ,kBAAkB,EAAE,SAAS;SAC9B;QACD,MAAM,EAAE;YACN,kBAAkB,EAAE,MAAM;SAC3B;QACD,KAAK,EAAE;YACL,kBAAkB,EAAE,KAAK;SAC1B;QACD,MAAM,EAAE;YACN,kBAAkB,EAAE,MAAM;SAC3B;QACD,OAAO,EAAE;YACP,kBAAkB,EAAE,OAAO;SAC5B;QACD,SAAS,EAAE;YACT,kBAAkB,EAAE,SAAS;SAC9B;QACD,KAAK,EAAE;YACL,UAAU,EAAE,YAAY;SACzB;QACD,MAAM,EAAE;YACN,kBAAkB,EAAE,MAAM;SAC3B;KACF;CACF,CAAC;AAEF,IAAI,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC","sourcesContent":["// Eager loaded\r\nimport cssComponentsStyleSheet from '@redvars/peacock-design-tokens/dist/tokens.css';\r\n\r\nimport { Elevation } from './elevation/elevation.js';\r\nimport { FocusRing } from './focus-ring/focus-ring.js';\r\nimport { Ripple } from './ripple/ripple.js';\r\n\r\nimport { Icon } from './icon/icon.js';\r\nimport { Avatar } from './avatar/avatar.js';\r\nimport { Badge } from './badge/badge.js';\r\nimport { Divider } from './divider/divider.js';\r\nimport { Button } from './button/button.js';\r\n\r\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\r\nimport linkStyles from './link/link.scss';\r\nimport textStylesheet from './text/text.scss';\r\n\r\nconst libraryPrefix = 'p';\r\n\r\nfunction buildSheet(styleSheet: any) {\r\n const sheet = new CSSStyleSheet();\r\n // Add rules\r\n sheet.replaceSync(styleSheet.toString());\r\n return sheet;\r\n}\r\n\r\nconst styleSheets = [\r\n buildSheet(cssComponentsStyleSheet),\r\n buildSheet(linkStyles),\r\n buildSheet(textStylesheet),\r\n];\r\n\r\ndocument.adoptedStyleSheets = styleSheets;\r\n\r\nconst loaderConfig: LoaderConfig = {\r\n prefix: libraryPrefix,\r\n components: {\r\n icon: {\r\n CustomElementClass: Icon,\r\n // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass\r\n },\r\n 'focus-ring': {\r\n CustomElementClass: FocusRing,\r\n },\r\n avatar: {\r\n CustomElementClass: Avatar,\r\n },\r\n badge: {\r\n CustomElementClass: Badge,\r\n },\r\n button: {\r\n CustomElementClass: Button,\r\n },\r\n divider: {\r\n CustomElementClass: Divider,\r\n },\r\n elevation: {\r\n CustomElementClass: Elevation,\r\n },\r\n clock: {\r\n importPath: './clock.js',\r\n },\r\n ripple: {\r\n CustomElementClass: Ripple,\r\n },\r\n },\r\n};\r\n\r\nnew LoaderUtils(loaderConfig).start();\r\n"]}
@@ -0,0 +1 @@
1
+ export { Ripple } from './ripple.js';
@@ -0,0 +1,2 @@
1
+ export { Ripple } from './ripple.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ripple/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { Ripple } from './ripple.js';\n"]}
@@ -0,0 +1,9 @@
1
+ import { LitElement } from 'lit';
2
+ export declare class Ripple extends LitElement {
3
+ static styles: import("lit").CSSResult;
4
+ connectedCallback(): void;
5
+ disconnectedCallback(): void;
6
+ _setupParent(): void;
7
+ _createRipple: (event: PointerEvent) => void;
8
+ render(): import("lit-html").TemplateResult<1>;
9
+ }
@@ -0,0 +1,125 @@
1
+ import { LitElement, html, css } from 'lit';
2
+ export class Ripple extends LitElement {
3
+ constructor() {
4
+ super(...arguments);
5
+ // Arrow function to bind 'this' automatically
6
+ this._createRipple = (event) => {
7
+ const parent = this.parentElement;
8
+ if (!parent)
9
+ return;
10
+ const rect = parent.getBoundingClientRect();
11
+ // 1. Calculate diameter (furthest corner)
12
+ const diameter = Math.max(rect.width, rect.height) * 2.5;
13
+ const radius = diameter / 2;
14
+ // 2. Calculate position relative to the parent
15
+ const x = event.clientX - rect.left;
16
+ const y = event.clientY - rect.top;
17
+ // 3. Create the ripple element
18
+ // We create this manually to avoid triggering a full Lit render cycle
19
+ // for a transient, fire-and-forget animation.
20
+ const ripple = document.createElement('div');
21
+ ripple.classList.add('ripple-effect');
22
+ ripple.style.width = `${diameter}px`;
23
+ ripple.style.height = `${diameter}px`;
24
+ ripple.style.left = `${x - radius}px`;
25
+ ripple.style.top = `${y - radius}px`;
26
+ // 4. Append to Shadow DOM
27
+ this.renderRoot.appendChild(ripple);
28
+ // 5. Cleanup
29
+ ripple.addEventListener('animationend', () => {
30
+ ripple.remove();
31
+ });
32
+ };
33
+ }
34
+ connectedCallback() {
35
+ super.connectedCallback();
36
+ // We defer slightly to ensure the parent DOM is ready
37
+ requestAnimationFrame(() => {
38
+ this._setupParent();
39
+ });
40
+ }
41
+ disconnectedCallback() {
42
+ super.disconnectedCallback();
43
+ if (this.parentElement) {
44
+ this.parentElement.removeEventListener('pointerdown', this._createRipple);
45
+ }
46
+ }
47
+ _setupParent() {
48
+ const parent = this.parentElement;
49
+ if (!parent)
50
+ return;
51
+ // 1. Force parent to be relative so we can position absolutely inside it
52
+ const style = window.getComputedStyle(parent);
53
+ if (style.position === 'static') {
54
+ parent.style.position = 'relative';
55
+ }
56
+ // 2. Attach listener to the parent
57
+ parent.addEventListener('pointerdown', this._createRipple);
58
+ }
59
+ render() {
60
+ // No HTML needed in the template, we inject ripples dynamically
61
+ return html `<div class="ripple"></div>`;
62
+ }
63
+ }
64
+ Ripple.styles = css `
65
+ :host {
66
+ position: absolute;
67
+ inset: 0; /* top/left/bottom/right: 0 */
68
+ pointer-events: none; /* Let clicks pass through to parent */
69
+ overflow: hidden;
70
+ border-radius: inherit; /* Inherit parent's rounded corners */
71
+ z-index: 0;
72
+ --ripple-state-opacity: 0;
73
+ --ripple-pressed-color: var(--color-on-surface);
74
+ }
75
+
76
+ .ripple:before {
77
+ content: '';
78
+ opacity: var(--ripple-state-opacity);
79
+ pointer-events: none;
80
+ position: absolute;
81
+
82
+ background-color: var(--ripple-pressed-color);
83
+ inset: 0;
84
+ transition:
85
+ opacity 15ms linear,
86
+ background-color 15ms linear;
87
+ }
88
+
89
+ .ripple:after {
90
+ content: '';
91
+ opacity: var(--ripple-state-opacity);
92
+ pointer-events: none;
93
+ position: absolute;
94
+ background: radial-gradient(
95
+ closest-side,
96
+ var(--ripple-pressed-color) max(100% - 70px, 65%),
97
+ transparent 100%
98
+ );
99
+ transform-origin: center center;
100
+ transition: opacity 375ms linear;
101
+
102
+ width: 25px;
103
+ top: 0px;
104
+ transform: translate(51.4375px, 7.5px) scale(8.75941);
105
+ left: 0px;
106
+ height: 25px;
107
+ }
108
+
109
+ .ripple-effect {
110
+ position: absolute;
111
+ border-radius: 50%;
112
+ background-color: var(--ripple-pressed-color);
113
+ opacity: 0.12; /* Material 3 State Layer Opacity */
114
+ transform: scale(0);
115
+ animation: ripple-anim 600ms linear forwards;
116
+ }
117
+
118
+ @keyframes ripple-anim {
119
+ to {
120
+ transform: scale(1);
121
+ opacity: 0;
122
+ }
123
+ }
124
+ `;
125
+ //# sourceMappingURL=ripple.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../../src/ripple/ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QA4FE,8CAA8C;QAC9C,kBAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;YACtC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;YAClC,IAAI,CAAC,MAAM;gBAAE,OAAO;YAEpB,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;YAE5C,0CAA0C;YAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;YACzD,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAC;YAE5B,+CAA+C;YAC/C,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;YACpC,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;YAEnC,+BAA+B;YAC/B,sEAAsE;YACtE,8CAA8C;YAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC7C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YAEtC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,QAAQ,IAAI,CAAC;YACrC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,QAAQ,IAAI,CAAC;YACtC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC;YACtC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC;YAErC,0BAA0B;YAC1B,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAEpC,aAAa;YACb,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,GAAG,EAAE;gBAC3C,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IAMJ,CAAC;IApEC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,sDAAsD;QACtD,qBAAqB,CAAC,GAAG,EAAE;YACzB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC;IAED,YAAY;QACV,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAClC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,yEAAyE;QACzE,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC9C,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACrC,CAAC;QAED,mCAAmC;QACnC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC7D,CAAC;IAqCD,MAAM;QACJ,gEAAgE;QAChE,OAAO,IAAI,CAAA,4BAA4B,CAAC;IAC1C,CAAC;;AAjIM,aAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DlB,AA5DY,CA4DX","sourcesContent":["import { LitElement, html, css } from 'lit';\n\nexport class Ripple extends LitElement {\n static styles = css`\n :host {\n position: absolute;\n inset: 0; /* top/left/bottom/right: 0 */\n pointer-events: none; /* Let clicks pass through to parent */\n overflow: hidden;\n border-radius: inherit; /* Inherit parent's rounded corners */\n z-index: 0;\n --ripple-state-opacity: 0;\n --ripple-pressed-color: var(--color-on-surface);\n }\n\n .ripple:before {\n content: '';\n opacity: var(--ripple-state-opacity);\n pointer-events: none;\n position: absolute;\n\n background-color: var(--ripple-pressed-color);\n inset: 0;\n transition:\n opacity 15ms linear,\n background-color 15ms linear;\n }\n\n .ripple:after {\n content: '';\n opacity: var(--ripple-state-opacity);\n pointer-events: none;\n position: absolute;\n background: radial-gradient(\n closest-side,\n var(--ripple-pressed-color) max(100% - 70px, 65%),\n transparent 100%\n );\n transform-origin: center center;\n transition: opacity 375ms linear;\n\n width: 25px;\n top: 0px;\n transform: translate(51.4375px, 7.5px) scale(8.75941);\n left: 0px;\n height: 25px;\n }\n\n .ripple-effect {\n position: absolute;\n border-radius: 50%;\n background-color: var(--ripple-pressed-color);\n opacity: 0.12; /* Material 3 State Layer Opacity */\n transform: scale(0);\n animation: ripple-anim 600ms linear forwards;\n }\n\n @keyframes ripple-anim {\n to {\n transform: scale(1);\n opacity: 0;\n }\n }\n `;\n\n connectedCallback() {\n super.connectedCallback();\n // We defer slightly to ensure the parent DOM is ready\n requestAnimationFrame(() => {\n this._setupParent();\n });\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n if (this.parentElement) {\n this.parentElement.removeEventListener('pointerdown', this._createRipple);\n }\n }\n\n _setupParent() {\n const parent = this.parentElement;\n if (!parent) return;\n\n // 1. Force parent to be relative so we can position absolutely inside it\n const style = window.getComputedStyle(parent);\n if (style.position === 'static') {\n parent.style.position = 'relative';\n }\n\n // 2. Attach listener to the parent\n parent.addEventListener('pointerdown', this._createRipple);\n }\n\n // Arrow function to bind 'this' automatically\n _createRipple = (event: PointerEvent) => {\n const parent = this.parentElement;\n if (!parent) return;\n\n const rect = parent.getBoundingClientRect();\n\n // 1. Calculate diameter (furthest corner)\n const diameter = Math.max(rect.width, rect.height) * 2.5;\n const radius = diameter / 2;\n\n // 2. Calculate position relative to the parent\n const x = event.clientX - rect.left;\n const y = event.clientY - rect.top;\n\n // 3. Create the ripple element\n // We create this manually to avoid triggering a full Lit render cycle\n // for a transient, fire-and-forget animation.\n const ripple = document.createElement('div');\n ripple.classList.add('ripple-effect');\n\n ripple.style.width = `${diameter}px`;\n ripple.style.height = `${diameter}px`;\n ripple.style.left = `${x - radius}px`;\n ripple.style.top = `${y - radius}px`;\n\n // 4. Append to Shadow DOM\n this.renderRoot.appendChild(ripple);\n\n // 5. Cleanup\n ripple.addEventListener('animationend', () => {\n ripple.remove();\n });\n };\n\n render() {\n // No HTML needed in the template, we inject ripples dynamically\n return html`<div class=\"ripple\"></div>`;\n }\n}\n"]}
@@ -1,2 +1,7 @@
1
1
  export declare function createCacheFetch(name: string): Promise<(url: string) => Promise<string>>;
2
2
  export declare function sanitizeSvg(rawSvg: string): string;
3
+ export declare function observerSlotChangesWithCallback(slot: HTMLSlotElement | null, callback: (hasContent: boolean) => void): void;
4
+ export declare function throttle(func: Function, delay: number, options?: {
5
+ leading: boolean;
6
+ trailing: boolean;
7
+ }): (...args: any[]) => void;
@@ -21,7 +21,7 @@ export async function createCacheFetch(name) {
21
21
  if (cache) {
22
22
  const cachedResponse = await cache.match(request);
23
23
  if (cachedResponse) {
24
- return await cachedResponse.text();
24
+ return cachedResponse.text();
25
25
  }
26
26
  }
27
27
  // Prepare network request
@@ -91,4 +91,57 @@ export function sanitizeSvg(rawSvg) {
91
91
  return '';
92
92
  }
93
93
  }
94
+ function __hasMeaningfulContent(slotElement) {
95
+ const nodes = slotElement.assignedNodes({ flatten: true });
96
+ for (const node of nodes) {
97
+ // If it's an element node, it has content
98
+ if (node.nodeType === Node.ELEMENT_NODE) {
99
+ return true;
100
+ }
101
+ // If it's a text node and contains non-whitespace characters, it has content
102
+ if (node.nodeType === Node.TEXT_NODE &&
103
+ node.textContent.trim().length > 0) {
104
+ return true;
105
+ }
106
+ }
107
+ // No meaningful content found
108
+ return false;
109
+ }
110
+ export function observerSlotChangesWithCallback(slot, callback) {
111
+ const observer = new MutationObserver(() => {
112
+ callback(__hasMeaningfulContent(slot));
113
+ });
114
+ // Observe the elements currently assigned to the slot
115
+ const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];
116
+ assignedNodes.forEach(node => {
117
+ observer.observe(node, {
118
+ attributes: true,
119
+ childList: true,
120
+ characterData: true,
121
+ subtree: true,
122
+ });
123
+ });
124
+ callback(__hasMeaningfulContent(slot));
125
+ }
126
+ export function throttle(func, delay, options = { leading: true, trailing: true }) {
127
+ let timerId;
128
+ let lastExec = 0;
129
+ return function (...args) {
130
+ // @ts-ignore
131
+ const context = this;
132
+ const now = Date.now();
133
+ const shouldCallNow = options.leading && now - lastExec >= delay;
134
+ if (shouldCallNow) {
135
+ func.apply(context, args);
136
+ lastExec = now;
137
+ }
138
+ else if (options.trailing && !timerId) {
139
+ timerId = setTimeout(() => {
140
+ func.apply(context, args);
141
+ lastExec = Date.now();
142
+ timerId = null;
143
+ }, delay);
144
+ }
145
+ };
146
+ }
94
147
  //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["export async function createCacheFetch(name: string) {\n let cache: Cache | null = null;\n // This map tracks requests currently being processed\n const inFlightRequests = new Map<string, Promise<string>>();\n\n try {\n cache = await window.caches.open(name);\n } catch (e) {\n console.warn('window.caches access not allowed');\n }\n\n return async (url: string): Promise<string> => {\n // 1. Check if we are already fetching this URL\n if (inFlightRequests.has(url)) {\n // Return the existing promise instead of starting a new one\n return inFlightRequests.get(url)!;\n }\n\n // 2. Create the main logic as a promise\n const fetchPromise = (async () => {\n const request = new Request(url);\n\n // Check Cache first\n if (cache) {\n const cachedResponse = await cache.match(request);\n if (cachedResponse) {\n return await cachedResponse.text();\n }\n }\n\n // Prepare network request\n const urlObj = new URL(request.url);\n const isSameOrigin = urlObj.origin === window.location.origin;\n\n const response = await fetch(request.url, {\n method: 'GET',\n mode: isSameOrigin ? 'no-cors' : 'cors',\n credentials: isSameOrigin ? 'same-origin' : 'omit',\n });\n\n // --- Handle 404 ---\n if (response.status === 404) {\n console.error(`[Fetch Error] Resource not found (404): ${url}`);\n return ''; // Return empty string as requested\n }\n\n const result = await response.text();\n\n // Update Cache if applicable\n if (cache && response.status === 200) {\n // We clone the response logic by creating a new Response with the text body\n await cache.put(\n request,\n new Response(result, {\n status: response.status,\n statusText: response.statusText,\n headers: response.headers,\n }),\n );\n }\n\n return result;\n })();\n\n // 3. Store the promise in the map\n inFlightRequests.set(url, fetchPromise);\n\n try {\n // 4. Wait for the result\n return await fetchPromise;\n } finally {\n // 5. Clean up: Remove the promise from the map when done\n // This ensures subsequent calls (after this one finishes) can start fresh\n inFlightRequests.delete(url);\n }\n };\n}\n\n// Basic sanitization: remove <script>, <foreignObject>, event handler attributes (on*), and iframes\nexport function sanitizeSvg(rawSvg: string) {\n try {\n const parser = new DOMParser();\n const doc = parser.parseFromString(rawSvg, 'image/svg+xml');\n\n // remove script tags\n const scripts = Array.from(doc.querySelectorAll('script'));\n scripts.forEach(n => n.remove());\n\n // remove foreignObject and iframe-like elements\n const foreigns = Array.from(doc.querySelectorAll('foreignObject, iframe'));\n foreigns.forEach(n => n.remove());\n\n // remove event handler attributes like onload, onclick, etc.\n const all = Array.from(doc.querySelectorAll('*'));\n all.forEach(el => {\n const attrs = Array.from(el.attributes).filter(a => /^on/i.test(a.name));\n attrs.forEach(a => el.removeAttribute(a.name));\n });\n\n const el = doc.documentElement;\n if (!el) return '';\n\n // serialize back to string\n const serializer = new XMLSerializer();\n return serializer.serializeToString(el);\n } catch (e) {\n // parsing failed; fall back to empty content to avoid injecting unsafe content\n return '';\n }\n}\n"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["export async function createCacheFetch(name: string) {\n let cache: Cache | null = null;\n // This map tracks requests currently being processed\n const inFlightRequests = new Map<string, Promise<string>>();\n\n try {\n cache = await window.caches.open(name);\n } catch (e) {\n console.warn('window.caches access not allowed');\n }\n\n return async (url: string): Promise<string> => {\n // 1. Check if we are already fetching this URL\n if (inFlightRequests.has(url)) {\n // Return the existing promise instead of starting a new one\n return inFlightRequests.get(url)!;\n }\n\n // 2. Create the main logic as a promise\n const fetchPromise = (async () => {\n const request = new Request(url);\n\n // Check Cache first\n if (cache) {\n const cachedResponse = await cache.match(request);\n if (cachedResponse) {\n return cachedResponse.text();\n }\n }\n\n // Prepare network request\n const urlObj = new URL(request.url);\n const isSameOrigin = urlObj.origin === window.location.origin;\n\n const response = await fetch(request.url, {\n method: 'GET',\n mode: isSameOrigin ? 'no-cors' : 'cors',\n credentials: isSameOrigin ? 'same-origin' : 'omit',\n });\n\n // --- Handle 404 ---\n if (response.status === 404) {\n console.error(`[Fetch Error] Resource not found (404): ${url}`);\n return ''; // Return empty string as requested\n }\n\n const result = await response.text();\n\n // Update Cache if applicable\n if (cache && response.status === 200) {\n // We clone the response logic by creating a new Response with the text body\n await cache.put(\n request,\n new Response(result, {\n status: response.status,\n statusText: response.statusText,\n headers: response.headers,\n }),\n );\n }\n\n return result;\n })();\n\n // 3. Store the promise in the map\n inFlightRequests.set(url, fetchPromise);\n\n try {\n // 4. Wait for the result\n return await fetchPromise;\n } finally {\n // 5. Clean up: Remove the promise from the map when done\n // This ensures subsequent calls (after this one finishes) can start fresh\n inFlightRequests.delete(url);\n }\n };\n}\n\n// Basic sanitization: remove <script>, <foreignObject>, event handler attributes (on*), and iframes\nexport function sanitizeSvg(rawSvg: string) {\n try {\n const parser = new DOMParser();\n const doc = parser.parseFromString(rawSvg, 'image/svg+xml');\n\n // remove script tags\n const scripts = Array.from(doc.querySelectorAll('script'));\n scripts.forEach(n => n.remove());\n\n // remove foreignObject and iframe-like elements\n const foreigns = Array.from(doc.querySelectorAll('foreignObject, iframe'));\n foreigns.forEach(n => n.remove());\n\n // remove event handler attributes like onload, onclick, etc.\n const all = Array.from(doc.querySelectorAll('*'));\n all.forEach(el => {\n const attrs = Array.from(el.attributes).filter(a => /^on/i.test(a.name));\n attrs.forEach(a => el.removeAttribute(a.name));\n });\n\n const el = doc.documentElement;\n if (!el) return '';\n\n // serialize back to string\n const serializer = new XMLSerializer();\n return serializer.serializeToString(el);\n } catch (e) {\n // parsing failed; fall back to empty content to avoid injecting unsafe content\n return '';\n }\n}\n\nfunction __hasMeaningfulContent(slotElement: any) {\n const nodes = slotElement.assignedNodes({ flatten: true });\n\n for (const node of nodes) {\n // If it's an element node, it has content\n if (node.nodeType === Node.ELEMENT_NODE) {\n return true;\n }\n // If it's a text node and contains non-whitespace characters, it has content\n if (\n node.nodeType === Node.TEXT_NODE &&\n node.textContent.trim().length > 0\n ) {\n return true;\n }\n }\n\n // No meaningful content found\n return false;\n}\n\nexport function observerSlotChangesWithCallback(\n slot: HTMLSlotElement | null,\n callback: (hasContent: boolean) => void,\n) {\n const observer = new MutationObserver(() => {\n callback(__hasMeaningfulContent(slot));\n });\n\n // Observe the elements currently assigned to the slot\n const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];\n assignedNodes.forEach(node => {\n observer.observe(node, {\n attributes: true,\n childList: true,\n characterData: true,\n subtree: true,\n });\n });\n\n callback(__hasMeaningfulContent(slot));\n}\n\nexport function throttle(\n func: Function,\n delay: number,\n options = { leading: true, trailing: true },\n) {\n let timerId: any;\n let lastExec = 0;\n\n return function (...args: any[]) {\n // @ts-ignore\n const context = this;\n const now = Date.now();\n\n const shouldCallNow = options.leading && now - lastExec >= delay;\n\n if (shouldCallNow) {\n func.apply(context, args);\n lastExec = now;\n } else if (options.trailing && !timerId) {\n timerId = setTimeout(() => {\n func.apply(context, args);\n lastExec = Date.now();\n timerId = null;\n }, delay);\n }\n };\n}\n"]}