godown 3.0.0-canary.9 → 3.0.1

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 (510) hide show
  1. package/README.md +38 -9
  2. package/alert.d.ts +1 -0
  3. package/alert.d.ts.map +1 -1
  4. package/alert.js +1 -5
  5. package/alert.js.map +1 -1
  6. package/avatar.d.ts +1 -0
  7. package/avatar.d.ts.map +1 -1
  8. package/avatar.js +1 -5
  9. package/avatar.js.map +1 -1
  10. package/badge.d.ts +9 -0
  11. package/badge.d.ts.map +1 -0
  12. package/badge.js +2 -0
  13. package/badge.js.map +1 -0
  14. package/breath.js +1 -5
  15. package/breath.js.map +1 -1
  16. package/build/godown+lit.iife.js +59 -0
  17. package/build/godown+lit.iife.js.map +1 -0
  18. package/build/godown+lit.js +59 -0
  19. package/build/godown+lit.js.map +1 -0
  20. package/build/godown+lit.umd.js +59 -0
  21. package/build/godown+lit.umd.js.map +1 -0
  22. package/build/godown.iife.js +47 -0
  23. package/build/godown.js +48 -0
  24. package/build/godown.js.map +1 -0
  25. package/build/godown.umd.js +48 -0
  26. package/build/godown.umd.js.map +1 -0
  27. package/button.d.ts +1 -0
  28. package/button.d.ts.map +1 -1
  29. package/button.js +1 -5
  30. package/button.js.map +1 -1
  31. package/card.d.ts +1 -0
  32. package/card.d.ts.map +1 -1
  33. package/card.js +1 -5
  34. package/card.js.map +1 -1
  35. package/carousel.d.ts +1 -0
  36. package/carousel.d.ts.map +1 -1
  37. package/carousel.js +1 -5
  38. package/carousel.js.map +1 -1
  39. package/components/alert.d.ts +4 -1
  40. package/components/alert.d.ts.map +1 -1
  41. package/components/alert.js +1 -176
  42. package/components/alert.js.map +1 -1
  43. package/components/avatar.d.ts +7 -2
  44. package/components/avatar.d.ts.map +1 -1
  45. package/components/avatar.js +1 -62
  46. package/components/avatar.js.map +1 -1
  47. package/components/badge.d.ts +23 -0
  48. package/components/badge.d.ts.map +1 -0
  49. package/components/badge.js +2 -0
  50. package/components/badge.js.map +1 -0
  51. package/components/breath.d.ts +6 -4
  52. package/components/breath.d.ts.map +1 -1
  53. package/components/breath.js +1 -80
  54. package/components/breath.js.map +1 -1
  55. package/components/button.d.ts +8 -5
  56. package/components/button.d.ts.map +1 -1
  57. package/components/button.js +1 -168
  58. package/components/button.js.map +1 -1
  59. package/components/card.d.ts +3 -1
  60. package/components/card.d.ts.map +1 -1
  61. package/components/card.js +1 -48
  62. package/components/card.js.map +1 -1
  63. package/components/carousel.d.ts +5 -1
  64. package/components/carousel.d.ts.map +1 -1
  65. package/components/carousel.js +1 -113
  66. package/components/carousel.js.map +1 -1
  67. package/components/details.d.ts +4 -3
  68. package/components/details.d.ts.map +1 -1
  69. package/components/details.js +1 -52
  70. package/components/details.js.map +1 -1
  71. package/components/dialog.d.ts +4 -2
  72. package/components/dialog.d.ts.map +1 -1
  73. package/components/dialog.js +1 -96
  74. package/components/dialog.js.map +1 -1
  75. package/components/divider.d.ts +3 -3
  76. package/components/divider.d.ts.map +1 -1
  77. package/components/divider.js +1 -36
  78. package/components/divider.js.map +1 -1
  79. package/components/dragbox.d.ts +4 -2
  80. package/components/dragbox.d.ts.map +1 -1
  81. package/components/dragbox.js +1 -109
  82. package/components/dragbox.js.map +1 -1
  83. package/components/flex.d.ts +3 -1
  84. package/components/flex.d.ts.map +1 -1
  85. package/components/flex.js +1 -62
  86. package/components/flex.js.map +1 -1
  87. package/components/form.d.ts +3 -1
  88. package/components/form.d.ts.map +1 -1
  89. package/components/form.js +1 -75
  90. package/components/form.js.map +1 -1
  91. package/components/grid.d.ts +3 -1
  92. package/components/grid.d.ts.map +1 -1
  93. package/components/grid.js +1 -56
  94. package/components/grid.js.map +1 -1
  95. package/components/heading.d.ts +29 -0
  96. package/components/heading.d.ts.map +1 -0
  97. package/components/heading.js +2 -0
  98. package/components/heading.js.map +1 -0
  99. package/components/input.d.ts +5 -1
  100. package/components/input.d.ts.map +1 -1
  101. package/components/input.js +1 -50
  102. package/components/input.js.map +1 -1
  103. package/components/layout.d.ts +6 -4
  104. package/components/layout.d.ts.map +1 -1
  105. package/components/layout.js +1 -58
  106. package/components/layout.js.map +1 -1
  107. package/components/link.d.ts +5 -0
  108. package/components/link.d.ts.map +1 -1
  109. package/components/link.js +1 -44
  110. package/components/link.js.map +1 -1
  111. package/components/progress.d.ts +3 -1
  112. package/components/progress.d.ts.map +1 -1
  113. package/components/progress.js +1 -58
  114. package/components/progress.js.map +1 -1
  115. package/components/range.d.ts +10 -4
  116. package/components/range.d.ts.map +1 -1
  117. package/components/range.js +1 -266
  118. package/components/range.js.map +1 -1
  119. package/components/rotate.d.ts +3 -1
  120. package/components/rotate.d.ts.map +1 -1
  121. package/components/rotate.js +1 -56
  122. package/components/rotate.js.map +1 -1
  123. package/components/router.d.ts +27 -34
  124. package/components/router.d.ts.map +1 -1
  125. package/components/router.js +1 -250
  126. package/components/router.js.map +1 -1
  127. package/components/select.d.ts +7 -2
  128. package/components/select.d.ts.map +1 -1
  129. package/components/select.js +1 -211
  130. package/components/select.js.map +1 -1
  131. package/components/skeleton.d.ts +3 -1
  132. package/components/skeleton.d.ts.map +1 -1
  133. package/components/skeleton.js +1 -54
  134. package/components/skeleton.js.map +1 -1
  135. package/components/split.d.ts +8 -2
  136. package/components/split.d.ts.map +1 -1
  137. package/components/split.js +1 -153
  138. package/components/split.js.map +1 -1
  139. package/components/switch.d.ts +5 -2
  140. package/components/switch.d.ts.map +1 -1
  141. package/components/switch.js +1 -92
  142. package/components/switch.js.map +1 -1
  143. package/components/text.d.ts +3 -1
  144. package/components/text.d.ts.map +1 -1
  145. package/components/text.js +1 -43
  146. package/components/text.js.map +1 -1
  147. package/components/time.d.ts +4 -2
  148. package/components/time.d.ts.map +1 -1
  149. package/components/time.js +1 -77
  150. package/components/time.js.map +1 -1
  151. package/components/tooltip.d.ts +4 -2
  152. package/components/tooltip.d.ts.map +1 -1
  153. package/components/tooltip.js +1 -80
  154. package/components/tooltip.js.map +1 -1
  155. package/components/typewriter.d.ts +6 -12
  156. package/components/typewriter.d.ts.map +1 -1
  157. package/components/typewriter.js +1 -129
  158. package/components/typewriter.js.map +1 -1
  159. package/core/global-style.d.ts +2 -2
  160. package/core/global-style.d.ts.map +1 -1
  161. package/core/global-style.js +1 -52
  162. package/core/global-style.js.map +1 -1
  163. package/core/super-anchor.d.ts +2 -1
  164. package/core/super-anchor.d.ts.map +1 -1
  165. package/core/super-anchor.js +1 -38
  166. package/core/super-anchor.js.map +1 -1
  167. package/core/super-input.d.ts +4 -3
  168. package/core/super-input.d.ts.map +1 -1
  169. package/core/super-input.js +1 -111
  170. package/core/super-input.js.map +1 -1
  171. package/core/super-openable.d.ts +1 -1
  172. package/core/super-openable.d.ts.map +1 -1
  173. package/core/super-openable.js +1 -37
  174. package/core/super-openable.js.map +1 -1
  175. package/custom-elements.json +1 -1
  176. package/details.d.ts +1 -0
  177. package/details.d.ts.map +1 -1
  178. package/details.js +1 -5
  179. package/details.js.map +1 -1
  180. package/dev/alert.d.ts +1 -0
  181. package/dev/alert.d.ts.map +1 -1
  182. package/dev/alert.js +1 -0
  183. package/dev/alert.js.map +1 -1
  184. package/dev/avatar.d.ts +1 -0
  185. package/dev/avatar.d.ts.map +1 -1
  186. package/dev/avatar.js +1 -0
  187. package/dev/avatar.js.map +1 -1
  188. package/dev/badge.d.ts +9 -0
  189. package/dev/badge.d.ts.map +1 -0
  190. package/dev/badge.js +5 -0
  191. package/dev/badge.js.map +1 -0
  192. package/dev/button.d.ts +1 -0
  193. package/dev/button.d.ts.map +1 -1
  194. package/dev/button.js +1 -0
  195. package/dev/button.js.map +1 -1
  196. package/dev/card.d.ts +1 -0
  197. package/dev/card.d.ts.map +1 -1
  198. package/dev/card.js +1 -0
  199. package/dev/card.js.map +1 -1
  200. package/dev/carousel.d.ts +1 -0
  201. package/dev/carousel.d.ts.map +1 -1
  202. package/dev/carousel.js +1 -0
  203. package/dev/carousel.js.map +1 -1
  204. package/dev/components/alert.d.ts +4 -1
  205. package/dev/components/alert.d.ts.map +1 -1
  206. package/dev/components/alert.js +87 -77
  207. package/dev/components/alert.js.map +1 -1
  208. package/dev/components/avatar.d.ts +7 -2
  209. package/dev/components/avatar.d.ts.map +1 -1
  210. package/dev/components/avatar.js +60 -32
  211. package/dev/components/avatar.js.map +1 -1
  212. package/dev/components/badge.d.ts +23 -0
  213. package/dev/components/badge.d.ts.map +1 -0
  214. package/dev/components/badge.js +114 -0
  215. package/dev/components/badge.js.map +1 -0
  216. package/dev/components/breath.d.ts +6 -4
  217. package/dev/components/breath.d.ts.map +1 -1
  218. package/dev/components/breath.js +40 -31
  219. package/dev/components/breath.js.map +1 -1
  220. package/dev/components/button.d.ts +8 -5
  221. package/dev/components/button.d.ts.map +1 -1
  222. package/dev/components/button.js +38 -21
  223. package/dev/components/button.js.map +1 -1
  224. package/dev/components/card.d.ts +3 -1
  225. package/dev/components/card.d.ts.map +1 -1
  226. package/dev/components/card.js +43 -41
  227. package/dev/components/card.js.map +1 -1
  228. package/dev/components/carousel.d.ts +5 -1
  229. package/dev/components/carousel.d.ts.map +1 -1
  230. package/dev/components/carousel.js +81 -55
  231. package/dev/components/carousel.js.map +1 -1
  232. package/dev/components/details.d.ts +4 -3
  233. package/dev/components/details.d.ts.map +1 -1
  234. package/dev/components/details.js +76 -70
  235. package/dev/components/details.js.map +1 -1
  236. package/dev/components/dialog.d.ts +4 -2
  237. package/dev/components/dialog.d.ts.map +1 -1
  238. package/dev/components/dialog.js +65 -60
  239. package/dev/components/dialog.js.map +1 -1
  240. package/dev/components/divider.d.ts +3 -3
  241. package/dev/components/divider.d.ts.map +1 -1
  242. package/dev/components/divider.js +27 -10
  243. package/dev/components/divider.js.map +1 -1
  244. package/dev/components/dragbox.d.ts +4 -2
  245. package/dev/components/dragbox.d.ts.map +1 -1
  246. package/dev/components/dragbox.js +22 -13
  247. package/dev/components/dragbox.js.map +1 -1
  248. package/dev/components/flex.d.ts +3 -1
  249. package/dev/components/flex.d.ts.map +1 -1
  250. package/dev/components/flex.js +22 -9
  251. package/dev/components/flex.js.map +1 -1
  252. package/dev/components/form.d.ts +3 -1
  253. package/dev/components/form.d.ts.map +1 -1
  254. package/dev/components/form.js +6 -7
  255. package/dev/components/form.js.map +1 -1
  256. package/dev/components/grid.d.ts +3 -1
  257. package/dev/components/grid.d.ts.map +1 -1
  258. package/dev/components/grid.js +22 -10
  259. package/dev/components/grid.js.map +1 -1
  260. package/dev/components/heading.d.ts +29 -0
  261. package/dev/components/heading.d.ts.map +1 -0
  262. package/dev/components/heading.js +125 -0
  263. package/dev/components/heading.js.map +1 -0
  264. package/dev/components/input.d.ts +5 -1
  265. package/dev/components/input.d.ts.map +1 -1
  266. package/dev/components/input.js +36 -28
  267. package/dev/components/input.js.map +1 -1
  268. package/dev/components/layout.d.ts +6 -4
  269. package/dev/components/layout.d.ts.map +1 -1
  270. package/dev/components/layout.js +53 -39
  271. package/dev/components/layout.js.map +1 -1
  272. package/dev/components/link.d.ts +5 -0
  273. package/dev/components/link.d.ts.map +1 -1
  274. package/dev/components/link.js +13 -3
  275. package/dev/components/link.js.map +1 -1
  276. package/dev/components/progress.d.ts +3 -1
  277. package/dev/components/progress.d.ts.map +1 -1
  278. package/dev/components/progress.js +20 -8
  279. package/dev/components/progress.js.map +1 -1
  280. package/dev/components/range.d.ts +10 -4
  281. package/dev/components/range.d.ts.map +1 -1
  282. package/dev/components/range.js +69 -64
  283. package/dev/components/range.js.map +1 -1
  284. package/dev/components/rotate.d.ts +3 -1
  285. package/dev/components/rotate.d.ts.map +1 -1
  286. package/dev/components/rotate.js +14 -9
  287. package/dev/components/rotate.js.map +1 -1
  288. package/dev/components/router.d.ts +27 -34
  289. package/dev/components/router.d.ts.map +1 -1
  290. package/dev/components/router.js +25 -38
  291. package/dev/components/router.js.map +1 -1
  292. package/dev/components/select.d.ts +7 -2
  293. package/dev/components/select.d.ts.map +1 -1
  294. package/dev/components/select.js +79 -58
  295. package/dev/components/select.js.map +1 -1
  296. package/dev/components/skeleton.d.ts +3 -1
  297. package/dev/components/skeleton.d.ts.map +1 -1
  298. package/dev/components/skeleton.js +67 -63
  299. package/dev/components/skeleton.js.map +1 -1
  300. package/dev/components/split.d.ts +8 -2
  301. package/dev/components/split.d.ts.map +1 -1
  302. package/dev/components/split.js +67 -51
  303. package/dev/components/split.js.map +1 -1
  304. package/dev/components/switch.d.ts +5 -2
  305. package/dev/components/switch.d.ts.map +1 -1
  306. package/dev/components/switch.js +91 -85
  307. package/dev/components/switch.js.map +1 -1
  308. package/dev/components/text.d.ts +3 -1
  309. package/dev/components/text.d.ts.map +1 -1
  310. package/dev/components/text.js +56 -53
  311. package/dev/components/text.js.map +1 -1
  312. package/dev/components/time.d.ts +4 -2
  313. package/dev/components/time.d.ts.map +1 -1
  314. package/dev/components/time.js +19 -6
  315. package/dev/components/time.js.map +1 -1
  316. package/dev/components/tooltip.d.ts +4 -2
  317. package/dev/components/tooltip.d.ts.map +1 -1
  318. package/dev/components/tooltip.js +45 -27
  319. package/dev/components/tooltip.js.map +1 -1
  320. package/dev/components/typewriter.d.ts +6 -12
  321. package/dev/components/typewriter.d.ts.map +1 -1
  322. package/dev/components/typewriter.js +48 -54
  323. package/dev/components/typewriter.js.map +1 -1
  324. package/dev/core/global-style.d.ts +2 -2
  325. package/dev/core/global-style.d.ts.map +1 -1
  326. package/dev/core/global-style.js +19 -14
  327. package/dev/core/global-style.js.map +1 -1
  328. package/dev/core/super-anchor.d.ts +2 -1
  329. package/dev/core/super-anchor.d.ts.map +1 -1
  330. package/dev/core/super-anchor.js +15 -12
  331. package/dev/core/super-anchor.js.map +1 -1
  332. package/dev/core/super-input.d.ts +4 -3
  333. package/dev/core/super-input.d.ts.map +1 -1
  334. package/dev/core/super-input.js +64 -42
  335. package/dev/core/super-input.js.map +1 -1
  336. package/dev/core/super-openable.d.ts +1 -1
  337. package/dev/core/super-openable.d.ts.map +1 -1
  338. package/dev/core/super-openable.js +1 -2
  339. package/dev/core/super-openable.js.map +1 -1
  340. package/dev/details.d.ts +1 -0
  341. package/dev/details.d.ts.map +1 -1
  342. package/dev/details.js +1 -0
  343. package/dev/details.js.map +1 -1
  344. package/dev/dialog.d.ts +1 -0
  345. package/dev/dialog.d.ts.map +1 -1
  346. package/dev/dialog.js +1 -0
  347. package/dev/dialog.js.map +1 -1
  348. package/dev/divider.d.ts +1 -0
  349. package/dev/divider.d.ts.map +1 -1
  350. package/dev/divider.js +1 -0
  351. package/dev/divider.js.map +1 -1
  352. package/dev/dragbox.d.ts +1 -0
  353. package/dev/dragbox.d.ts.map +1 -1
  354. package/dev/dragbox.js +1 -0
  355. package/dev/dragbox.js.map +1 -1
  356. package/dev/flex.d.ts +1 -0
  357. package/dev/flex.d.ts.map +1 -1
  358. package/dev/flex.js +1 -0
  359. package/dev/flex.js.map +1 -1
  360. package/dev/form.d.ts +1 -0
  361. package/dev/form.d.ts.map +1 -1
  362. package/dev/form.js +1 -0
  363. package/dev/form.js.map +1 -1
  364. package/dev/grid.d.ts +1 -0
  365. package/dev/grid.d.ts.map +1 -1
  366. package/dev/grid.js +1 -0
  367. package/dev/grid.js.map +1 -1
  368. package/dev/heading.d.ts +9 -0
  369. package/dev/heading.d.ts.map +1 -0
  370. package/dev/heading.js +5 -0
  371. package/dev/heading.js.map +1 -0
  372. package/dev/index.d.ts +2 -0
  373. package/dev/index.d.ts.map +1 -1
  374. package/dev/index.js +2 -0
  375. package/dev/index.js.map +1 -1
  376. package/dev/layout.d.ts.map +1 -1
  377. package/dev/progress.d.ts.map +1 -1
  378. package/dev/router.d.ts.map +1 -1
  379. package/dev/split.d.ts +1 -1
  380. package/dev/split.d.ts.map +1 -1
  381. package/dev/typewriter.d.ts +1 -0
  382. package/dev/typewriter.d.ts.map +1 -1
  383. package/dev/typewriter.js +1 -0
  384. package/dev/typewriter.js.map +1 -1
  385. package/dialog.d.ts +1 -0
  386. package/dialog.d.ts.map +1 -1
  387. package/dialog.js +1 -5
  388. package/dialog.js.map +1 -1
  389. package/divider.d.ts +1 -0
  390. package/divider.d.ts.map +1 -1
  391. package/divider.js +1 -5
  392. package/divider.js.map +1 -1
  393. package/dragbox.d.ts +1 -0
  394. package/dragbox.d.ts.map +1 -1
  395. package/dragbox.js +1 -5
  396. package/dragbox.js.map +1 -1
  397. package/flex.d.ts +1 -0
  398. package/flex.d.ts.map +1 -1
  399. package/flex.js +1 -5
  400. package/flex.js.map +1 -1
  401. package/form.d.ts +1 -0
  402. package/form.d.ts.map +1 -1
  403. package/form.js +1 -5
  404. package/form.js.map +1 -1
  405. package/grid.d.ts +1 -0
  406. package/grid.d.ts.map +1 -1
  407. package/grid.js +1 -5
  408. package/grid.js.map +1 -1
  409. package/heading.d.ts +9 -0
  410. package/heading.d.ts.map +1 -0
  411. package/heading.js +2 -0
  412. package/heading.js.map +1 -0
  413. package/index.d.ts +2 -0
  414. package/index.d.ts.map +1 -1
  415. package/index.js +1 -56
  416. package/index.js.map +1 -1
  417. package/input.js +1 -5
  418. package/input.js.map +1 -1
  419. package/layout.d.ts.map +1 -1
  420. package/layout.js +1 -5
  421. package/layout.js.map +1 -1
  422. package/link.js +1 -5
  423. package/link.js.map +1 -1
  424. package/package.json +13 -8
  425. package/progress.d.ts.map +1 -1
  426. package/progress.js +1 -5
  427. package/progress.js.map +1 -1
  428. package/range.js +1 -5
  429. package/range.js.map +1 -1
  430. package/rotate.js +1 -5
  431. package/rotate.js.map +1 -1
  432. package/router.d.ts.map +1 -1
  433. package/router.js +1 -5
  434. package/router.js.map +1 -1
  435. package/select.js +1 -5
  436. package/select.js.map +1 -1
  437. package/skeleton.js +1 -5
  438. package/skeleton.js.map +1 -1
  439. package/split.d.ts +1 -1
  440. package/split.d.ts.map +1 -1
  441. package/split.js +1 -5
  442. package/split.js.map +1 -1
  443. package/src/alert.ts +2 -0
  444. package/src/avatar.ts +2 -0
  445. package/src/badge.ts +13 -0
  446. package/src/button.ts +2 -0
  447. package/src/card.ts +2 -0
  448. package/src/carousel.ts +2 -0
  449. package/src/components/alert.ts +92 -86
  450. package/src/components/avatar.ts +65 -39
  451. package/src/components/badge.ts +110 -0
  452. package/src/components/breath.ts +47 -38
  453. package/src/components/button.ts +38 -36
  454. package/src/components/card.ts +45 -46
  455. package/src/components/carousel.ts +91 -66
  456. package/src/components/details.ts +79 -75
  457. package/src/components/dialog.ts +74 -73
  458. package/src/components/divider.ts +28 -13
  459. package/src/components/dragbox.ts +30 -25
  460. package/src/components/flex.ts +35 -22
  461. package/src/components/form.ts +12 -15
  462. package/src/components/grid.ts +35 -23
  463. package/src/components/heading.ts +123 -0
  464. package/src/components/input.ts +43 -37
  465. package/src/components/layout.ts +52 -44
  466. package/src/components/link.ts +13 -4
  467. package/src/components/progress.ts +22 -10
  468. package/src/components/range.ts +107 -108
  469. package/src/components/rotate.ts +24 -18
  470. package/src/components/router.ts +64 -67
  471. package/src/components/select.ts +94 -78
  472. package/src/components/skeleton.ts +70 -68
  473. package/src/components/split.ts +81 -67
  474. package/src/components/switch.ts +97 -93
  475. package/src/components/text.ts +55 -58
  476. package/src/components/time.ts +26 -13
  477. package/src/components/tooltip.ts +44 -32
  478. package/src/components/typewriter.ts +54 -61
  479. package/src/core/global-style.ts +34 -21
  480. package/src/core/super-anchor.ts +17 -14
  481. package/src/core/super-input.ts +76 -63
  482. package/src/core/super-openable.ts +8 -14
  483. package/src/details.ts +2 -0
  484. package/src/dialog.ts +2 -0
  485. package/src/divider.ts +2 -0
  486. package/src/dragbox.ts +2 -0
  487. package/src/flex.ts +2 -0
  488. package/src/form.ts +2 -0
  489. package/src/grid.ts +2 -0
  490. package/src/heading.ts +13 -0
  491. package/src/index.ts +2 -0
  492. package/src/layout.ts +1 -0
  493. package/src/progress.ts +1 -0
  494. package/src/router.ts +1 -0
  495. package/src/split.ts +1 -1
  496. package/src/typewriter.ts +2 -0
  497. package/switch.js +1 -5
  498. package/switch.js.map +1 -1
  499. package/text.js +1 -5
  500. package/text.js.map +1 -1
  501. package/time.js +1 -5
  502. package/time.js.map +1 -1
  503. package/tooltip.js +1 -5
  504. package/tooltip.js.map +1 -1
  505. package/typewriter.d.ts +1 -0
  506. package/typewriter.d.ts.map +1 -1
  507. package/typewriter.js +1 -5
  508. package/typewriter.js.map +1 -1
  509. package/vscode.html-custom-data.json +1 -1
  510. package/web-types.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
1
+ {"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","renderText","htmlStyle","_computeStyle","length","text","Array","isArray","textContent","split","filter","x","len","gap","duration","parseDuration","style1","number","endsWith","Number","parseFloat","slice","__decorate","property","prototype","undefined","godown","styles","css","cssGlobalVars","_colors","red","yellow","green","purple","blue","pink","clipBackground","Breath$1"],"mappings":"4RAMA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAuB7B,IAAMG,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAGLC,EAAKH,KAAKI,mBAEV,CAACL,EAAMM,IAAIL,KAAKM,YAAaC,EAAUP,KAAKQ,cAAcT,EAAMU,kBAK9D,UAAAH,CAAWI,GACnB,OAAOR,CAAI,2CAEiBQ,mCACCA,kBAKrB,QAAAT,GACR,OAAOU,MAAMC,QAAQZ,KAAKU,MAAQV,KAAKU,MAAQV,KAAKU,MAAQV,KAAKa,aAAaC,MAAM,OAAOC,QAAQC,GAAMA,IAGjG,aAAAR,CAAcS,GACtB,MAAMC,EAAM,GAAUD,EAChBE,EAAWnB,KAAKoB,iBAAyB,EAANH,EAAU,EACnD,IAAII,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUL,EAAKK,IAAU,CAG5CD,GAAU,kBAAkBC,iCAFZH,EAAWF,GAAQA,EAAMK,EAAS,sBAEwC5B,MAAa4B,SAAc5B,OAD7F4B,EAAS,GAAK,EAAK,QAG7C,MAAO,gCAAgCH,+BAA4C,EAAND,iBAAuBA,MAC5F,EAANA,kBACeG,IAGT,aAAAD,GACR,MAAMD,SAAEA,GAAanB,KACrB,GAAImB,EAAU,CACZ,GAAIA,EAASI,SAAS,KACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAG,IAE7C,GAAIP,EAASI,SAAS,MACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAG,IAAO,OAtDxDC,EAAA,CADCC,KACsBhC,EAAAiC,UAAA,YAAAC,GAMvBH,EAAA,CADCC,KACehC,EAAAiC,UAAA,gBAAAC,GAbZlC,EAAM+B,EAAA,CANXI,EAAOtC,GACPuC,EACCC,CAAG,SAASvC,gBAAuBA,cAAqBwC,EAAcC,QAAQC,IAAI,OAAO1C,cAAqBwC,EAAcC,QAAQE,OAAO,OAAO3C,cAAqBwC,EAAcC,QAAQG,MAAM,OAAO5C,cAAqBwC,EAAcC,QAAQI,OAAO,OAAO7C,cAAqBwC,EAAcC,QAAQK,KAAK,OAAO9C,cAAqBwC,EAAcC,QAAQM,KAAK,OAAO/C,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YACpoBuC,CAAG,qSACHA,CAAG,iRAAiRC,EAAcQ,6CAE9R9C,GAmEN,IAAA+C,EAAe/C"}
@@ -1,5 +1,7 @@
1
+ import { type TemplateResult } from "lit";
1
2
  import { GlobalStyle } from "../core/global-style.js";
2
- declare const colors: Record<"teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "black" | "gray" | "white", string>;
3
+ type Colors = "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black";
4
+ declare const colors: Record<Colors, string>;
3
5
  /**
4
6
  * {@linkcode Button} renders a button.
5
7
  *
@@ -19,7 +21,7 @@ declare class Button extends GlobalStyle {
19
21
  */
20
22
  disabled: boolean;
21
23
  /**
22
- * Invert font and background color.
24
+ * Display ghost.
23
25
  */
24
26
  ghost: boolean;
25
27
  /**
@@ -27,7 +29,7 @@ declare class Button extends GlobalStyle {
27
29
  */
28
30
  active: boolean;
29
31
  /**
30
- * Enables rounded corners to appear capsule shaped.
32
+ * Display rounded.
31
33
  */
32
34
  round: boolean;
33
35
  /**
@@ -40,13 +42,14 @@ declare class Button extends GlobalStyle {
40
42
  content: string;
41
43
  protected _modalRoot: HTMLElement;
42
44
  protected _root: HTMLElement;
43
- protected render(): import("lit").TemplateResult<1>;
45
+ protected render(): TemplateResult<1>;
44
46
  focus(): void;
45
47
  blur(): void;
46
48
  firstUpdated(): void;
47
49
  protected _handelClick(e: MouseEvent): void;
48
50
  protected _handleModal(e: MouseEvent): void;
49
- nextColor(): "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "black" | "gray" | "white" | "none";
51
+ nextColor(): Colors | "none";
50
52
  }
51
53
  export default Button;
54
+ export { Button };
52
55
  //# sourceMappingURL=button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AASA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAQlF,QAAA,MAAM,MAAM,0HA6DX,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IAEf;;OAEG;IAEH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IAEf;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM;IAKhB,KAAK;IAQL,IAAI;IAKJ,YAAY;IAIZ,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IASpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAepC,SAAS;CAGV;AAED,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,YAAY,IAAI,IAAI;IAIpB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAS3C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAc3C,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1,169 +1,2 @@
1
- import { __decorate } from 'tslib';
2
- import { godown } from '@godown/element/decorators/godown.js';
3
- import { part } from '@godown/element/decorators/part.js';
4
- import { styles } from '@godown/element/decorators/styles.js';
5
- import { htmlSlot } from '@godown/element/directives/html-slot.js';
6
- import { htmlStyle } from '@godown/element/directives/html-style.js';
7
- import { constructCSSObject, toVar } from '@godown/element/tools/css.js';
8
- import { html, css } from 'lit';
9
- import { property } from 'lit/decorators.js';
10
- import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
11
-
12
- const protoName = "button";
13
- const cssScope = scopePrefix(protoName);
14
- const whiteFont = cssGlobalVars.white;
15
- const blackFont = cssGlobalVars.black;
16
- const colors = constructCSSObject(["color", "background", "gradients"].map((k) => `${cssScope}--${k}`), {
17
- black: [
18
- whiteFont, // color
19
- cssGlobalVars._colors.darkgray[7], // background
20
- cssGlobalVars._colors.darkgray[5], // gradients
21
- ],
22
- gray: [
23
- whiteFont, // color
24
- cssGlobalVars._colors.darkgray[1], // background
25
- cssGlobalVars._colors.lightgray[8], // gradients
26
- ],
27
- white: [
28
- blackFont, // color
29
- cssGlobalVars._colors.lightgray[3], // background
30
- cssGlobalVars._colors.lightgray[0], // gradients
31
- ],
32
- blue: [
33
- whiteFont, // color
34
- cssGlobalVars._colors.blue[6], // background
35
- cssGlobalVars._colors.blue[4], // gradients
36
- ],
37
- green: [
38
- whiteFont, // color
39
- cssGlobalVars._colors.green[6], // background
40
- cssGlobalVars._colors.green[4], // gradients
41
- ],
42
- red: [
43
- whiteFont, // color
44
- cssGlobalVars._colors.red[6], // background
45
- cssGlobalVars._colors.red[4], // gradients
46
- ],
47
- orange: [
48
- whiteFont, // color
49
- cssGlobalVars._colors.orange[6], // background
50
- cssGlobalVars._colors.orange[4], // gradients
51
- ],
52
- pink: [
53
- whiteFont, // color
54
- cssGlobalVars._colors.pink[6], // background
55
- cssGlobalVars._colors.pink[4], // gradients
56
- ],
57
- purple: [
58
- whiteFont, // color
59
- cssGlobalVars._colors.purple[6], // background
60
- cssGlobalVars._colors.purple[4], // gradients
61
- ],
62
- yellow: [
63
- blackFont, // color
64
- cssGlobalVars._colors.yellow[6], // background
65
- cssGlobalVars._colors.yellow[4], // gradients
66
- ],
67
- teal: [
68
- whiteFont, // color
69
- cssGlobalVars._colors.teal[6], // background
70
- cssGlobalVars._colors.teal[4], // gradients
71
- ],
72
- }, () => `:host`, (prop) => toVar(prop));
73
- /**
74
- * {@linkcode Button} renders a button.
75
- *
76
- * Create modal animation upon clicking.
77
- *
78
- * Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
79
- *
80
- * Default color is `black`.
81
- *
82
- * Set the color to `none` to prevent applying styles.
83
- *
84
- * @category input
85
- */
86
- let Button = class Button extends GlobalStyle {
87
- constructor() {
88
- super(...arguments);
89
- /**
90
- * The primary color.
91
- */
92
- this.color = "black";
93
- }
94
- render() {
95
- const color = this.nextColor();
96
- return html `<div part="root"><span part="modal-root"></span><div part="slot">${[this.content || htmlSlot(), htmlStyle(colors[color])]}</div></div>`;
97
- }
98
- focus() {
99
- if (this.disabled) {
100
- return;
101
- }
102
- this.active = true;
103
- super.focus();
104
- }
105
- blur() {
106
- this.active = false;
107
- super.blur();
108
- }
109
- firstUpdated() {
110
- this.events.add(this, "click", this._handelClick, true);
111
- }
112
- _handelClick(e) {
113
- if (this.disabled) {
114
- e.stopPropagation();
115
- e.preventDefault();
116
- return;
117
- }
118
- this._handleModal(e);
119
- }
120
- _handleModal(e) {
121
- const modal = document.createElement("i");
122
- const rect = this.getBoundingClientRect();
123
- const h = rect.height;
124
- const w = rect.width;
125
- const size = `${Math.sqrt(h * h + w * w) * 2}px`;
126
- modal.style.height = size;
127
- modal.style.width = size;
128
- modal.style.left = `${e.clientX - rect.left}px`;
129
- modal.style.top = `${e.clientY - rect.y}px`;
130
- modal.style.animationName = "kf";
131
- this._modalRoot.appendChild(modal);
132
- modal.addEventListener("animationend", () => modal.remove(), { once: true });
133
- }
134
- nextColor() {
135
- return this.color;
136
- }
137
- };
138
- __decorate([
139
- property({ type: Boolean, reflect: true })
140
- ], Button.prototype, "disabled", void 0);
141
- __decorate([
142
- property({ type: Boolean, reflect: true })
143
- ], Button.prototype, "ghost", void 0);
144
- __decorate([
145
- property({ type: Boolean, reflect: true })
146
- ], Button.prototype, "active", void 0);
147
- __decorate([
148
- property({ type: Boolean, reflect: true })
149
- ], Button.prototype, "round", void 0);
150
- __decorate([
151
- property({ reflect: true })
152
- ], Button.prototype, "color", void 0);
153
- __decorate([
154
- property()
155
- ], Button.prototype, "content", void 0);
156
- __decorate([
157
- part("modal-root")
158
- ], Button.prototype, "_modalRoot", void 0);
159
- __decorate([
160
- part("root")
161
- ], Button.prototype, "_root", void 0);
162
- Button = __decorate([
163
- godown(protoName),
164
- styles(css `:host(:not([disabled]):active){transform:scale(var(${cssScope}--focus-scale))}:host([round]){${cssScope}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${cssScope}--modal-background:var(${cssScope}--ghost-color);box-shadow:inset 0 0 0 var(${cssScope}--ghost-width) var(${cssScope}--ghost-color);color:var(${cssScope}--ghost-color);background:0 0}`, css `:host{${cssScope}--padding-x:.5em;${cssScope}--padding-y:.15em;${cssScope}--padding:var(${cssScope}--padding-y) var(${cssScope}--padding-x);${cssScope}--modal-animation-duration:1s;${cssScope}--ghost-width:.08em;${cssScope}--focus-scale:.97;${cssScope}--deg:45deg;${cssScope}--ghost-color:var(${cssScope}--background);color:var(${cssScope}--color,inherit);background:linear-gradient(var(${cssScope}--deg),var(${cssScope}--background),var(${cssScope}--gradients,var(${cssScope}--background)));border-radius:.3em;width:-moz-fit-content;width:fit-content;transition:.1s;display:block;overflow:hidden;text-align:center;padding:0!important;cursor:pointer}[part=root]{width:100%;height:100%;overflow:hidden;position:relative;transition:none;-webkit-user-select:none;user-select:none;border-radius:inherit;transition-duration:inherit}[part=slot]{padding:var(${cssScope}--padding)}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:var(${cssScope}--modal-background,currentColor);animation-duration:var(${cssScope}--modal-animation-duration)}@keyframes kf{0%{transform:scale(0) translate(-50%,-50%);opacity:var(${cssScope}--modal-opacity,.1)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)
165
- ], Button);
166
- var Button$1 = Button;
167
-
168
- export { Button$1 as default };
1
+ import{__decorate as o}from"tslib";import{constructCSSObject as t,toVar as r,part as e,godown as i,styles as a,attr as n,htmlSlot as l,htmlStyle as s}from"@godown/element";import{css as d,html as c}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as g,GlobalStyle as u}from"../core/global-style.js";const v="button",m=h(v),y=g.white,b=g.black,f=t(["color","background","gradients"].map((o=>`${m}--${o}`)),{black:[y,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[y,g._colors.darkgray[1],g._colors.lightgray[8]],white:[b,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[y,g._colors.blue[6],g._colors.blue[4]],green:[y,g._colors.green[6],g._colors.green[4]],red:[y,g._colors.red[6],g._colors.red[4]],orange:[y,g._colors.orange[6],g._colors.orange[4]],pink:[y,g._colors.pink[6],g._colors.pink[4]],purple:[y,g._colors.purple[6],g._colors.purple[4]],yellow:[b,g._colors.yellow[6],g._colors.yellow[4]],teal:[y,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>r(o)));let $=class Button extends u{constructor(){super(...arguments),this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){const o=this.nextColor();return c`<div part="root" ${n(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content||l(),s(f[o])]}</div></div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}firstUpdated(){this.events.add(this,"click",this._handelClick,!0)}_handelClick(o){if(this.disabled)return o.stopPropagation(),void o.preventDefault();this._handleModal(o)}_handleModal(o){const t=document.createElement("i"),r=this._root.getBoundingClientRect(),{height:e,width:i}=r,a=2*Math.sqrt(e*e+i*i)+"px";t.style.height=a,t.style.width=a,t.style.left=o.clientX-r.left+"px",t.style.top=o.clientY-r.y+"px",t.style.animationName="kf",this._modalRoot.appendChild(t),t.addEventListener("animationend",(()=>t.remove()),{once:!0})}nextColor(){return this.color}};o([p({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"ghost",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"active",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"round",void 0),o([p({reflect:!0})],$.prototype,"color",void 0),o([p()],$.prototype,"content",void 0),o([e("modal-root")],$.prototype,"_modalRoot",void 0),o([e("root")],$.prototype,"_root",void 0),$=o([i(v),a(d`:host(:not([disabled]):active){transform:scale(var(${m}--focus-scale))}:host([round]){${m}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${m}--modal-background:var(${m}--ghost-color);background:0 0;box-shadow:inset 0 0 0 var(${m}--ghost-width) var(${m}--ghost-color);color:var(${m}--ghost-color)}`,d`:host{${m}--padding-x:.5em;${m}--padding-y:min(calc(var(${m}--padding-x)/2),.25em);${m}--padding:var(${m}--padding-y) var(${m}--padding-x);${m}--modal-animation-duration:1s;${m}--ghost-width:.08em;${m}--focus-scale:.97;${m}--deg:45deg;${m}--ghost-color:var(${m}--background);background:linear-gradient(var(${m}--deg),var(${m}--background),var(${m}--gradients,var(${m}--background)));border-radius:.3em;color:var(${m}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:0!important;text-align:center;transition:.1s;width:-moz-fit-content;width:fit-content}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;height:100%;overflow:hidden;position:relative;transition:none;transition-duration:inherit;-webkit-user-select:none;user-select:none;width:100%}[part=content]{padding:var(${m}--padding)}i{animation-duration:var(${m}--modal-animation-duration);background:var(${m}--modal-background,currentColor);border-radius:50%;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible;width:100%}@keyframes kf{0%{opacity:var(${m}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],$);var _=$;export{$ as Button,_ as default};
169
2
  //# sourceMappingURL=button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","whiteFont","cssGlobalVars","white","blackFont","black","colors","constructCSSObject","map","k","_colors","darkgray","gray","lightgray","blue","green","red","orange","pink","purple","yellow","teal","prop","toVar","Button","GlobalStyle","constructor","this","disabled","ghost","active","round","color","render","nextColor","html","attr","observedRecord","content","htmlSlot","htmlStyle","focus","super","blur","firstUpdated","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","rect","_root","getBoundingClientRect","height","width","size","Math","sqrt","style","left","clientX","top","clientY","y","animationName","_modalRoot","appendChild","addEventListener","remove","once","__decorate","property","type","Boolean","reflect","prototype","undefined","part","godown","styles","css","Button$1"],"mappings":"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"}
@@ -1,3 +1,4 @@
1
+ import { type TemplateResult } from "lit";
1
2
  import { GlobalStyle } from "../core/global-style.js";
2
3
  /**
3
4
  * {@linkcode Card} renders a card.
@@ -13,7 +14,8 @@ import { GlobalStyle } from "../core/global-style.js";
13
14
  declare class Card extends GlobalStyle {
14
15
  footer: boolean;
15
16
  header: boolean;
16
- protected render(): (string | import("lit").TemplateResult<1>)[];
17
+ protected render(): TemplateResult<1>;
17
18
  }
18
19
  export default Card;
20
+ export { Card };
19
21
  //# sourceMappingURL=card.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AAMA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAOlF;;;;;;;;;;GAUG;AACH,cAIM,IAAK,SAAQ,WAAW;IAE5B,MAAM,UAAS;IAGf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM;CAOjB;AAED,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAMlF;;;;;;;;;;GAUG;AACH,cAEM,IAAK,SAAQ,WAAW;IAE5B,MAAM,UAAS;IAGf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -1,49 +1,2 @@
1
- import { __decorate } from 'tslib';
2
- import { godown } from '@godown/element/decorators/godown.js';
3
- import { styles } from '@godown/element/decorators/styles.js';
4
- import { htmlSlot } from '@godown/element/directives/html-slot.js';
5
- import { css } from 'lit';
6
- import { property } from 'lit/decorators.js';
7
- import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
8
-
9
- const protoName = "card";
10
- const cssScope = scopePrefix(protoName);
11
- /**
12
- * {@linkcode Card} renders a card.
13
- *
14
- * This may be similar to {@linkcode Layout},
15
- * but it needs to be specified to enable header and footer.
16
- *
17
- * @slot - The main content of the card.
18
- * @slot header - The header of the card.
19
- * @slot footer - The footer of the card.
20
- * @category display
21
- */
22
- let Card = class Card extends GlobalStyle {
23
- constructor() {
24
- super(...arguments);
25
- this.footer = false;
26
- this.header = false;
27
- }
28
- render() {
29
- return [
30
- this.header ? htmlSlot("header") : "",
31
- htmlSlot(),
32
- this.footer ? htmlSlot("footer") : "",
33
- ];
34
- }
35
- };
36
- __decorate([
37
- property({ type: Boolean })
38
- ], Card.prototype, "footer", void 0);
39
- __decorate([
40
- property({ type: Boolean })
41
- ], Card.prototype, "header", void 0);
42
- Card = __decorate([
43
- godown(protoName),
44
- styles(css `:host{${cssScope}--background:var(${cssGlobalVars.background});${cssScope}--border-width:.0375em;${cssScope}--border-color:transparent;${cssScope}--border-background:var(${cssGlobalVars.passive});${cssScope}--padding:.75em;color:var(${cssGlobalVars.foreground});background:var(${cssScope}--background);border-width:var(${cssScope}--border-width);display:block;flex-shrink:0;position:relative;overflow:hidden;box-sizing:border-box}slot{display:block;padding:var(${cssScope}--padding)}:host,slot{border-color:var(${cssScope}--border-background);border-style:solid}[name=footer]{border-top-width:var(${cssScope}--border-width)}[name=header]{border-bottom-width:var(${cssScope}--border-width)}`)
45
- ], Card);
46
- var Card$1 = Card;
47
-
48
- export { Card$1 as default };
1
+ import{__decorate as r}from"tslib";import{godown as o,styles as e,attr as d,htmlSlot as t}from"@godown/element";import{css as a,html as i}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as b,cssGlobalVars as n,GlobalStyle as l}from"../core/global-style.js";const p="card",h=b(p);let c=class Card extends l{constructor(){super(...arguments),this.footer=!1,this.header=!1}render(){return i`<div part="root" ${d(this.observedRecord)}>${[this.header?t("header"):"",t(),this.footer?t("footer"):""]}</div>`}};r([s({type:Boolean})],c.prototype,"footer",void 0),r([s({type:Boolean})],c.prototype,"header",void 0),c=r([o(p),e(a`:host{${h}--background:var(${n.background});${h}--border-width:.0375em;${h}--border-color:transparent;${h}--border-background:var(${n.passive});${h}--padding:.75em;background:var(${h}--background);border-width:var(${h}--border-width);box-sizing:border-box;color:var(${n.foreground});display:block;flex-shrink:0;overflow:hidden;position:relative}slot{display:block;padding:var(${h}--padding)}:host,slot{border-color:var(${h}--border-background);border-style:solid}[name=footer]{border-top-width:var(${h}--border-width)}[name=header]{border-bottom-width:var(${h}--border-width)}`)],c);var v=c;export{c as Card,v as default};
49
2
  //# sourceMappingURL=card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAUA,MAAM,SAAS,GAAG,MAAM;AACxB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;;;AAUE;AAKF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;QAEE,IAAM,CAAA,MAAA,GAAG,KAAK;QAGd,IAAM,CAAA,MAAA,GAAG,KAAK;;IAEJ,MAAM,GAAA;QACd,OAAO;AACL,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;AACrC,YAAA,QAAQ,EAAE;AACV,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;SACtC;;CAEL;AAZE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAGd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AALV,IAAI,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,oBAAoB,aAAa,CAAC,UAAU,CAAA,EAAA,EAAK,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,8BAA8B,QAAQ,CAAA,wBAAA,EAA2B,aAAa,CAAC,OAAO,CAAK,EAAA,EAAA,QAAQ,6BAA6B,aAAa,CAAC,UAAU,CAAA,iBAAA,EAAoB,QAAQ,CAAkC,+BAAA,EAAA,QAAQ,CAAsI,mIAAA,EAAA,QAAQ,0CAA0C,QAAQ,CAAA,2EAAA,EAAgF,QAAQ,CAA2D,sDAAA,EAAA,QAAQ,kBAAkB;AAEtrB,CAAA,EAAA,IAAI,CAcV;AAEA,aAAe,IAAI;;;;"}
1
+ {"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Card","GlobalStyle","constructor","this","footer","header","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","cssGlobalVars","background","passive","foreground","Card$1"],"mappings":"2RAOA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAe7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAEEC,KAAMC,QAAG,EAGTD,KAAME,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,mBAEV,CAACN,KAAKE,OAASK,EAAS,UAAY,GAAIA,IAAYP,KAAKC,OAASM,EAAS,UAAY,cAX/FC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAAC,GAGdL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAAC,GALVhB,EAAIW,EAAA,CAFTM,EAAOpB,GACPqB,EAAOC,CAAG,SAASrB,qBAA4BsB,EAAcC,eAAevB,2BAAkCA,+BAAsCA,4BAAmCsB,EAAcE,YAAYxB,mCAA0CA,mCAA0CA,oDAA2DsB,EAAcG,4GAA4GzB,2CAAkDA,+EAAsFA,0DAAiEA,sBAC9pBE,GAmBN,IAAAwB,EAAexB"}
@@ -1,3 +1,4 @@
1
+ import { type TemplateResult } from "lit";
1
2
  import { GlobalStyle } from "../core/global-style.js";
2
3
  /**
3
4
  * {@linkcode Carousel} make the content display as a carousel.
@@ -10,6 +11,7 @@ import { GlobalStyle } from "../core/global-style.js";
10
11
  * If no width, it will be the width of the first element.
11
12
  *
12
13
  * @slot - Carousel items, should maintain the same size.
14
+ * @fires change - Fired when the index changes.
13
15
  * @category display
14
16
  */
15
17
  declare class Carousel extends GlobalStyle {
@@ -29,13 +31,15 @@ declare class Carousel extends GlobalStyle {
29
31
  protected intervalID: number;
30
32
  private _cloneFirst;
31
33
  private _cloneLast;
32
- protected render(): (symbol | import("lit").TemplateResult<1>)[];
34
+ protected render(): TemplateResult<1>;
33
35
  protected firstUpdated(): Promise<void>;
34
36
  disconnectedCallback(): void;
35
37
  show(i: number): void;
36
38
  next(): void;
37
39
  prev(): void;
38
40
  protected _doTranslateX(xValue: string, noTransition?: boolean): void;
41
+ checkInterval(): void;
39
42
  }
40
43
  export default Carousel;
44
+ export { Carousel };
41
45
  //# sourceMappingURL=carousel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;GAYG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAE7B,OAAO,CAAC,WAAW,CAA0B;IAE7C,OAAO,CAAC,UAAU,CAA0B;IAE5C,SAAS,CAAC,MAAM;cAOA,YAAY;IAqB5B,oBAAoB;IAIpB,IAAI,CAAC,CAAC,EAAE,MAAM;IAId,IAAI;IASJ,IAAI;IASJ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO;CAO/D;AAED,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;;GAaG;AACH,cAEM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAE7B,OAAO,CAAC,WAAW,CAA0B;IAE7C,OAAO,CAAC,UAAU,CAA0B;IAE5C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;cAIrB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAiB7C,oBAAoB,IAAI,IAAI;IAI5B,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAKrB,IAAI,IAAI,IAAI;IAUZ,IAAI,IAAI,IAAI;IAUZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAQrE,aAAa,IAAI,IAAI;CAUtB;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -1,114 +1,2 @@
1
- import { __decorate } from 'tslib';
2
- import { godown } from '@godown/element/decorators/godown.js';
3
- import { part } from '@godown/element/decorators/part.js';
4
- import { styles } from '@godown/element/decorators/styles.js';
5
- import { htmlSlot } from '@godown/element/directives/html-slot.js';
6
- import { htmlStyle } from '@godown/element/directives/html-style.js';
7
- import iconChevronLeft from '@godown/f7-icon/icons/chevron-left.js';
8
- import iconChevronRight from '@godown/f7-icon/icons/chevron-right.js';
9
- import { html, css } from 'lit';
10
- import { property } from 'lit/decorators.js';
11
- import { GlobalStyle } from '../core/global-style.js';
12
-
13
- const protoName = "carousel";
14
- /**
15
- * {@linkcode Carousel} make the content display as a carousel.
16
- *
17
- * When this component is `firstUpdated`,
18
- * clone the first and last element and make the matching element visible when switching index.
19
- *
20
- * Child elements should maintain the same size.
21
- *
22
- * If no width, it will be the width of the first element.
23
- *
24
- * @slot - Carousel items, should maintain the same size.
25
- * @category display
26
- */
27
- let Carousel = class Carousel extends GlobalStyle {
28
- constructor() {
29
- super(...arguments);
30
- /**
31
- * The index of the element is displayed for the first time.
32
- */
33
- this.index = 0;
34
- /**
35
- * If autoChange > 0, the rotation will be automated.
36
- */
37
- this.autoChange = 0;
38
- }
39
- render() {
40
- return [
41
- html `<div part="root"><i part="prev" @click="${this.prev}">${iconChevronLeft()}</i><div part="move-root" style="transform:${`translateX(-${this.index + 1}00%)`}">${htmlSlot()}</div><i part="next" @click="${this.next}">${iconChevronRight()}</i></div>`,
42
- htmlStyle(`:host{width:${this.width};}`),
43
- ];
44
- }
45
- async firstUpdated() {
46
- await this.updateComplete;
47
- if (this.children.length) {
48
- this.width ||= `${this.firstElementChild.offsetWidth}px`;
49
- this._cloneFirst?.remove();
50
- this._cloneLast?.remove();
51
- this._cloneLast = this.firstElementChild.cloneNode(true);
52
- this._cloneFirst = this.lastElementChild.cloneNode(true);
53
- this.appendChild(this._cloneLast);
54
- this.insertBefore(this._cloneFirst, this.firstElementChild);
55
- this.show(this.index);
56
- }
57
- if (this.autoChange) {
58
- this.intervalID = window.setInterval(() => {
59
- this.next();
60
- }, this.autoChange);
61
- }
62
- }
63
- disconnectedCallback() {
64
- clearInterval(this.intervalID);
65
- }
66
- show(i) {
67
- this.index = i;
68
- }
69
- next() {
70
- if (this.index === this.childElementCount - 3) {
71
- this._doTranslateX("0", true);
72
- this.show(0);
73
- }
74
- else {
75
- this.show(this.index + 1);
76
- }
77
- }
78
- prev() {
79
- if (this.index === 0) {
80
- this._doTranslateX(`-${this.childElementCount - 1}00%`, true);
81
- this.show(this.children.length - 3);
82
- }
83
- else {
84
- this.show(this.index - 1);
85
- }
86
- }
87
- _doTranslateX(xValue, noTransition) {
88
- this._moveRoot.style.transform = `translateX(${xValue})`;
89
- if (noTransition) {
90
- this._moveRoot.style.transition = `none`;
91
- }
92
- this._moveRoot.getBoundingClientRect();
93
- }
94
- };
95
- __decorate([
96
- property({ type: Number })
97
- ], Carousel.prototype, "index", void 0);
98
- __decorate([
99
- property({ type: Number })
100
- ], Carousel.prototype, "autoChange", void 0);
101
- __decorate([
102
- property()
103
- ], Carousel.prototype, "width", void 0);
104
- __decorate([
105
- part("move-root")
106
- ], Carousel.prototype, "_moveRoot", void 0);
107
- Carousel = __decorate([
108
- godown(protoName),
109
- styles(css `:host{display:block;transition:.3s}[part=root]{overflow:hidden}[part=move-root],[part=root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=next],[part=prev]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)
110
- ], Carousel);
111
- var Carousel$1 = Carousel;
112
-
113
- export { Carousel$1 as default };
1
+ import{__decorate as t}from"tslib";import{part as e,godown as i,styles as o,attr as s,htmlSlot as r,htmlStyle as n}from"@godown/element";import h from"@godown/f7-icon/icons/chevron-left.js";import l from"@godown/f7-icon/icons/chevron-right.js";import{css as a,html as d}from"lit";import{property as c}from"lit/decorators.js";import{GlobalStyle as p}from"../core/global-style.js";let v=class Carousel extends p{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return d`<div part="root" ${s(this.observedRecord)}><i part="prev" @click="${this.prev}">${h()}</i><div part="move-root" style="transform:${`translateX(-${this.index+1}00%)`}">${r()}</div><i part="next" @click="${this.next}">${l()} </i>${n(`:host,:host([contents]) [part=root]{width:${this.width};}`)}</div>`}async firstUpdated(){await this.updateComplete,this.children.length&&(this.width||=`${this.firstElementChild.offsetWidth}px`,this._cloneFirst?.remove(),this._cloneLast?.remove(),this._cloneLast=this.firstElementChild.cloneNode(!0),this._cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this._cloneLast),this.insertBefore(this._cloneFirst,this.firstElementChild),this.show(this.index)),this.checkInterval()}disconnectedCallback(){clearInterval(this.intervalID)}show(t){this.index=t,this.dispatchEvent(new CustomEvent("change",{detail:t,composed:!0}))}next(){this.index===this.childElementCount-3?(this._doTranslateX("0",!0),this.show(0)):this.show(this.index+1),this.checkInterval()}prev(){0===this.index?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1),this.checkInterval()}_doTranslateX(t,e){this._moveRoot.style.transform=`translateX(${t})`,e&&(this._moveRoot.style.transition="none"),this._moveRoot.getBoundingClientRect()}checkInterval(){this.autoChange&&(this.intervalID&&clearInterval(this.intervalID),this.intervalID=setInterval((()=>{this.next()}),this.autoChange))}};t([c({type:Number})],v.prototype,"index",void 0),t([c({type:Number})],v.prototype,"autoChange",void 0),t([c()],v.prototype,"width",void 0),t([e("move-root")],v.prototype,"_moveRoot",void 0),v=t([i("carousel"),o(a`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=move-root],[part=root]{display:flex;height:100%;position:relative;transition:inherit;width:100%}[part=next],[part=prev]{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;user-select:none;width:1.5em;z-index:1}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)],v);var m=v;export{v as Carousel,m as default};
114
2
  //# sourceMappingURL=carousel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
1
+ {"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":["Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconChevronLeft","htmlSlot","next","iconChevronRight","htmlStyle","width","firstUpdated","updateComplete","children","length","firstElementChild","offsetWidth","_cloneFirst","remove","_cloneLast","cloneNode","lastElementChild","appendChild","insertBefore","show","checkInterval","disconnectedCallback","clearInterval","intervalID","i","dispatchEvent","CustomEvent","detail","composed","childElementCount","_doTranslateX","xValue","noTransition","_moveRoot","style","transform","transition","getBoundingClientRect","setInterval","__decorate","property","type","Number","prototype","undefined","part","godown","styles","css","Carousel$1"],"mappings":"2XA0BA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAKC,MAAG,EAMRD,KAAUE,WAAG,EAiBH,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,0CAIAN,KAAKO,SAEbC,iDAIiB,eAAeR,KAAKC,MAAQ,YAE7CQ,mCAIQT,KAAKU,SAEbC,WAEFC,EAAU,6CAA6CZ,KAAKa,mBAK1D,kBAAMC,SACRd,KAAKe,eAEPf,KAAKgB,SAASC,SAChBjB,KAAKa,QAAU,GAAIb,KAAKkB,kBAAkCC,gBAE1DnB,KAAKoB,aAAaC,SAClBrB,KAAKsB,YAAYD,SACjBrB,KAAKsB,WAAatB,KAAKkB,kBAAkBK,WAAU,GACnDvB,KAAKoB,YAAcpB,KAAKwB,iBAAiBD,WAAU,GACnDvB,KAAKyB,YAAYzB,KAAKsB,YACtBtB,KAAK0B,aAAa1B,KAAKoB,YAAapB,KAAKkB,mBACzClB,KAAK2B,KAAK3B,KAAKC,QAEjBD,KAAK4B,gBAGP,oBAAAC,GACEC,cAAc9B,KAAK+B,YAGrB,IAAAJ,CAAKK,GACHhC,KAAKC,MAAQ+B,EACbhC,KAAKiC,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQH,EAAGI,UAAU,KAGtE,IAAA1B,GACMV,KAAKC,QAAUD,KAAKqC,kBAAoB,GAC1CrC,KAAKsC,cAAc,KAAK,GACxBtC,KAAK2B,KAAK,IAEV3B,KAAK2B,KAAK3B,KAAKC,MAAQ,GAEzBD,KAAK4B,gBAGP,IAAArB,GACqB,IAAfP,KAAKC,OACPD,KAAKsC,cAAc,IAAItC,KAAKqC,kBAAoB,QAAQ,GACxDrC,KAAK2B,KAAK3B,KAAKgB,SAASC,OAAS,IAEjCjB,KAAK2B,KAAK3B,KAAKC,MAAQ,GAEzBD,KAAK4B,gBAGG,aAAAU,CAAcC,EAAgBC,GACtCxC,KAAKyC,UAAUC,MAAMC,UAAY,cAAcJ,KAC3CC,IACFxC,KAAKyC,UAAUC,MAAME,WAAa,QAEpC5C,KAAKyC,UAAUI,wBAGjB,aAAAjB,GACM5B,KAAKE,aACHF,KAAK+B,YACPD,cAAc9B,KAAK+B,YAErB/B,KAAK+B,WAAae,aAAY,KAC5B9C,KAAKU,MAAM,GACVV,KAAKE,eAjHZ6C,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACTrD,EAAAsD,UAAA,aAAAC,GAMTL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJrD,EAAAsD,UAAA,kBAAAC,GAMdL,EAAA,CADCC,KACYnD,EAAAsD,UAAA,aAAAC,GAGHL,EAAA,CADTM,EAAK,cAC0BxD,EAAAsD,UAAA,iBAAAC,GApB5BvD,EAAQkD,EAAA,CAFbO,EAhBiB,YAiBjBC,EAAOC,CAAG,qbACL3D,GA2HN,IAAA4D,EAAe5D"}
@@ -1,10 +1,11 @@
1
+ import { type TemplateResult } from "lit";
1
2
  import SuperOpenable from "../core/super-openable.js";
2
3
  /**
3
4
  * {@linkcode Details} similar to `<details>`.
4
5
  *
5
6
  * @slot summary - Details summary if no `summary` is provided.
6
7
  * @slot - Details content.
7
- * @fires change - Fired when the details is toggled.
8
+ * @fires change - Fired when the open changes.
8
9
  * @category display
9
10
  */
10
11
  declare class Details extends SuperOpenable {
@@ -16,8 +17,8 @@ declare class Details extends SuperOpenable {
16
17
  * Summary text.
17
18
  */
18
19
  summary: string;
19
- protected _dd: HTMLDataListElement;
20
- protected render(): import("lit").TemplateResult<1>;
20
+ protected render(): TemplateResult<1>;
21
21
  }
22
22
  export default Details;
23
+ export { Details };
23
24
  //# sourceMappingURL=details.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAQA,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAMtD;;;;;;;GAOG;AACH,cAIM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAGb,SAAS,CAAC,GAAG,EAAE,mBAAmB,CAAC;IAEnC,SAAS,CAAC,MAAM;CAGjB;AAED,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAMtD;;;;;;;GAOG;AACH,cAEM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}