godown 3.0.0-canary.1 → 3.0.0-canary.11

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 (323) hide show
  1. package/README.md +38 -9
  2. package/components/alert.d.ts +6 -3
  3. package/components/alert.d.ts.map +1 -1
  4. package/components/alert.js +22 -14
  5. package/components/alert.js.map +1 -1
  6. package/components/avatar.d.ts +7 -2
  7. package/components/avatar.d.ts.map +1 -1
  8. package/components/avatar.js +13 -6
  9. package/components/avatar.js.map +1 -1
  10. package/components/breath.d.ts +4 -2
  11. package/components/breath.d.ts.map +1 -1
  12. package/components/breath.js +8 -6
  13. package/components/breath.js.map +1 -1
  14. package/components/button.d.ts +20 -11
  15. package/components/button.d.ts.map +1 -1
  16. package/components/button.js +23 -20
  17. package/components/button.js.map +1 -1
  18. package/components/card.d.ts +2 -2
  19. package/components/card.d.ts.map +1 -1
  20. package/components/card.js +8 -13
  21. package/components/card.js.map +1 -1
  22. package/components/carousel.d.ts +8 -5
  23. package/components/carousel.d.ts.map +1 -1
  24. package/components/carousel.js +18 -11
  25. package/components/carousel.js.map +1 -1
  26. package/components/details.d.ts +7 -3
  27. package/components/details.d.ts.map +1 -1
  28. package/components/details.js +7 -3
  29. package/components/details.js.map +1 -1
  30. package/components/dialog.d.ts +9 -5
  31. package/components/dialog.d.ts.map +1 -1
  32. package/components/dialog.js +20 -14
  33. package/components/dialog.js.map +1 -1
  34. package/components/divider.d.ts +3 -4
  35. package/components/divider.d.ts.map +1 -1
  36. package/components/divider.js +6 -7
  37. package/components/divider.js.map +1 -1
  38. package/components/dragbox.d.ts +9 -8
  39. package/components/dragbox.d.ts.map +1 -1
  40. package/components/dragbox.js +3 -2
  41. package/components/dragbox.js.map +1 -1
  42. package/components/flex.d.ts +3 -1
  43. package/components/flex.d.ts.map +1 -1
  44. package/components/flex.js +13 -4
  45. package/components/flex.js.map +1 -1
  46. package/components/form.d.ts +2 -3
  47. package/components/form.d.ts.map +1 -1
  48. package/components/form.js +0 -2
  49. package/components/form.js.map +1 -1
  50. package/components/grid.d.ts +9 -3
  51. package/components/grid.d.ts.map +1 -1
  52. package/components/grid.js +6 -4
  53. package/components/grid.js.map +1 -1
  54. package/components/input.d.ts +4 -4
  55. package/components/input.d.ts.map +1 -1
  56. package/components/input.js +5 -7
  57. package/components/input.js.map +1 -1
  58. package/components/layout.d.ts +4 -6
  59. package/components/layout.d.ts.map +1 -1
  60. package/components/layout.js +23 -12
  61. package/components/layout.js.map +1 -1
  62. package/components/link.d.ts +3 -1
  63. package/components/link.d.ts.map +1 -1
  64. package/components/link.js +3 -1
  65. package/components/link.js.map +1 -1
  66. package/components/progress.d.ts +4 -12
  67. package/components/progress.d.ts.map +1 -1
  68. package/components/progress.js +9 -17
  69. package/components/progress.js.map +1 -1
  70. package/components/range.d.ts +45 -18
  71. package/components/range.d.ts.map +1 -1
  72. package/components/range.js +133 -62
  73. package/components/range.js.map +1 -1
  74. package/components/rotate.d.ts +3 -2
  75. package/components/rotate.d.ts.map +1 -1
  76. package/components/rotate.js +1 -1
  77. package/components/rotate.js.map +1 -1
  78. package/components/router.d.ts +15 -17
  79. package/components/router.d.ts.map +1 -1
  80. package/components/router.js +10 -10
  81. package/components/router.js.map +1 -1
  82. package/components/select.d.ts +6 -9
  83. package/components/select.d.ts.map +1 -1
  84. package/components/select.js +48 -43
  85. package/components/select.js.map +1 -1
  86. package/components/skeleton.d.ts +2 -1
  87. package/components/skeleton.d.ts.map +1 -1
  88. package/components/skeleton.js +5 -5
  89. package/components/skeleton.js.map +1 -1
  90. package/components/split.d.ts +20 -2
  91. package/components/split.d.ts.map +1 -1
  92. package/components/split.js +54 -20
  93. package/components/split.js.map +1 -1
  94. package/components/switch.d.ts +6 -5
  95. package/components/switch.d.ts.map +1 -1
  96. package/components/switch.js +7 -6
  97. package/components/switch.js.map +1 -1
  98. package/components/text.d.ts +2 -1
  99. package/components/text.d.ts.map +1 -1
  100. package/components/text.js +5 -6
  101. package/components/text.js.map +1 -1
  102. package/components/time.d.ts +6 -22
  103. package/components/time.d.ts.map +1 -1
  104. package/components/time.js +7 -67
  105. package/components/time.js.map +1 -1
  106. package/components/tooltip.d.ts +13 -2
  107. package/components/tooltip.d.ts.map +1 -1
  108. package/components/tooltip.js +24 -5
  109. package/components/tooltip.js.map +1 -1
  110. package/components/typewriter.d.ts +4 -4
  111. package/components/typewriter.d.ts.map +1 -1
  112. package/components/typewriter.js +4 -5
  113. package/components/typewriter.js.map +1 -1
  114. package/core/global-style.d.ts.map +1 -1
  115. package/core/global-style.js +9 -2
  116. package/core/global-style.js.map +1 -1
  117. package/core/super-anchor.d.ts +2 -1
  118. package/core/super-anchor.d.ts.map +1 -1
  119. package/core/super-anchor.js +4 -3
  120. package/core/super-anchor.js.map +1 -1
  121. package/core/super-input.d.ts +5 -5
  122. package/core/super-input.d.ts.map +1 -1
  123. package/core/super-input.js +3 -6
  124. package/core/super-input.js.map +1 -1
  125. package/core/super-openable.d.ts.map +1 -1
  126. package/core/super-openable.js +1 -1
  127. package/core/super-openable.js.map +1 -1
  128. package/custom-elements.json +1 -1
  129. package/dev/components/alert.d.ts +6 -3
  130. package/dev/components/alert.d.ts.map +1 -1
  131. package/dev/components/alert.js +38 -25
  132. package/dev/components/alert.js.map +1 -1
  133. package/dev/components/avatar.d.ts +7 -2
  134. package/dev/components/avatar.d.ts.map +1 -1
  135. package/dev/components/avatar.js +28 -13
  136. package/dev/components/avatar.js.map +1 -1
  137. package/dev/components/breath.d.ts +4 -2
  138. package/dev/components/breath.d.ts.map +1 -1
  139. package/dev/components/breath.js +20 -6
  140. package/dev/components/breath.js.map +1 -1
  141. package/dev/components/button.d.ts +20 -11
  142. package/dev/components/button.d.ts.map +1 -1
  143. package/dev/components/button.js +34 -25
  144. package/dev/components/button.js.map +1 -1
  145. package/dev/components/card.d.ts +2 -2
  146. package/dev/components/card.d.ts.map +1 -1
  147. package/dev/components/card.js +25 -30
  148. package/dev/components/card.js.map +1 -1
  149. package/dev/components/carousel.d.ts +8 -5
  150. package/dev/components/carousel.d.ts.map +1 -1
  151. package/dev/components/carousel.js +35 -20
  152. package/dev/components/carousel.js.map +1 -1
  153. package/dev/components/details.d.ts +7 -3
  154. package/dev/components/details.d.ts.map +1 -1
  155. package/dev/components/details.js +12 -4
  156. package/dev/components/details.js.map +1 -1
  157. package/dev/components/dialog.d.ts +9 -5
  158. package/dev/components/dialog.d.ts.map +1 -1
  159. package/dev/components/dialog.js +30 -24
  160. package/dev/components/dialog.js.map +1 -1
  161. package/dev/components/divider.d.ts +3 -4
  162. package/dev/components/divider.d.ts.map +1 -1
  163. package/dev/components/divider.js +20 -8
  164. package/dev/components/divider.js.map +1 -1
  165. package/dev/components/dragbox.d.ts +9 -8
  166. package/dev/components/dragbox.d.ts.map +1 -1
  167. package/dev/components/dragbox.js +8 -1
  168. package/dev/components/dragbox.js.map +1 -1
  169. package/dev/components/flex.d.ts +3 -1
  170. package/dev/components/flex.d.ts.map +1 -1
  171. package/dev/components/flex.js +24 -4
  172. package/dev/components/flex.js.map +1 -1
  173. package/dev/components/form.d.ts +2 -3
  174. package/dev/components/form.d.ts.map +1 -1
  175. package/dev/components/form.js +0 -2
  176. package/dev/components/form.js.map +1 -1
  177. package/dev/components/grid.d.ts +9 -3
  178. package/dev/components/grid.d.ts.map +1 -1
  179. package/dev/components/grid.js +17 -4
  180. package/dev/components/grid.js.map +1 -1
  181. package/dev/components/input.d.ts +4 -4
  182. package/dev/components/input.d.ts.map +1 -1
  183. package/dev/components/input.js +3 -21
  184. package/dev/components/input.js.map +1 -1
  185. package/dev/components/layout.d.ts +4 -6
  186. package/dev/components/layout.d.ts.map +1 -1
  187. package/dev/components/layout.js +33 -13
  188. package/dev/components/layout.js.map +1 -1
  189. package/dev/components/link.d.ts +3 -1
  190. package/dev/components/link.d.ts.map +1 -1
  191. package/dev/components/link.js +3 -1
  192. package/dev/components/link.js.map +1 -1
  193. package/dev/components/progress.d.ts +4 -12
  194. package/dev/components/progress.d.ts.map +1 -1
  195. package/dev/components/progress.js +14 -18
  196. package/dev/components/progress.js.map +1 -1
  197. package/dev/components/range.d.ts +45 -18
  198. package/dev/components/range.d.ts.map +1 -1
  199. package/dev/components/range.js +164 -109
  200. package/dev/components/range.js.map +1 -1
  201. package/dev/components/rotate.d.ts +3 -2
  202. package/dev/components/rotate.d.ts.map +1 -1
  203. package/dev/components/rotate.js +1 -1
  204. package/dev/components/rotate.js.map +1 -1
  205. package/dev/components/router.d.ts +15 -17
  206. package/dev/components/router.d.ts.map +1 -1
  207. package/dev/components/router.js +10 -10
  208. package/dev/components/router.js.map +1 -1
  209. package/dev/components/select.d.ts +6 -9
  210. package/dev/components/select.d.ts.map +1 -1
  211. package/dev/components/select.js +58 -45
  212. package/dev/components/select.js.map +1 -1
  213. package/dev/components/skeleton.d.ts +2 -1
  214. package/dev/components/skeleton.d.ts.map +1 -1
  215. package/dev/components/skeleton.js +6 -6
  216. package/dev/components/skeleton.js.map +1 -1
  217. package/dev/components/split.d.ts +20 -2
  218. package/dev/components/split.d.ts.map +1 -1
  219. package/dev/components/split.js +69 -32
  220. package/dev/components/split.js.map +1 -1
  221. package/dev/components/switch.d.ts +6 -5
  222. package/dev/components/switch.d.ts.map +1 -1
  223. package/dev/components/switch.js +23 -20
  224. package/dev/components/switch.js.map +1 -1
  225. package/dev/components/text.d.ts +2 -1
  226. package/dev/components/text.d.ts.map +1 -1
  227. package/dev/components/text.js +7 -7
  228. package/dev/components/text.js.map +1 -1
  229. package/dev/components/time.d.ts +6 -22
  230. package/dev/components/time.d.ts.map +1 -1
  231. package/dev/components/time.js +9 -67
  232. package/dev/components/time.js.map +1 -1
  233. package/dev/components/tooltip.d.ts +13 -2
  234. package/dev/components/tooltip.d.ts.map +1 -1
  235. package/dev/components/tooltip.js +55 -20
  236. package/dev/components/tooltip.js.map +1 -1
  237. package/dev/components/typewriter.d.ts +4 -4
  238. package/dev/components/typewriter.d.ts.map +1 -1
  239. package/dev/components/typewriter.js +11 -5
  240. package/dev/components/typewriter.js.map +1 -1
  241. package/dev/core/global-style.d.ts.map +1 -1
  242. package/dev/core/global-style.js +18 -10
  243. package/dev/core/global-style.js.map +1 -1
  244. package/dev/core/super-anchor.d.ts +2 -1
  245. package/dev/core/super-anchor.d.ts.map +1 -1
  246. package/dev/core/super-anchor.js +8 -5
  247. package/dev/core/super-anchor.js.map +1 -1
  248. package/dev/core/super-input.d.ts +5 -5
  249. package/dev/core/super-input.d.ts.map +1 -1
  250. package/dev/core/super-input.js +21 -20
  251. package/dev/core/super-input.js.map +1 -1
  252. package/dev/core/super-openable.d.ts.map +1 -1
  253. package/dev/core/super-openable.js +1 -1
  254. package/dev/core/super-openable.js.map +1 -1
  255. package/dev/range.d.ts +1 -1
  256. package/dev/range.d.ts.map +1 -1
  257. package/index.js +13 -13
  258. package/package.json +11 -8
  259. package/range.d.ts +1 -1
  260. package/range.d.ts.map +1 -1
  261. package/src/alert.ts +11 -0
  262. package/src/avatar.ts +11 -0
  263. package/src/breath.ts +13 -0
  264. package/src/button.ts +11 -0
  265. package/src/card.ts +11 -0
  266. package/src/carousel.ts +11 -0
  267. package/src/components/alert.ts +284 -0
  268. package/src/components/avatar.ts +109 -0
  269. package/src/components/breath.ts +165 -0
  270. package/src/components/button.ts +292 -0
  271. package/src/components/card.ts +83 -0
  272. package/src/components/carousel.ts +183 -0
  273. package/src/components/details.ts +121 -0
  274. package/src/components/dialog.ts +166 -0
  275. package/src/components/divider.ts +56 -0
  276. package/src/components/dragbox.ts +134 -0
  277. package/src/components/flex.ts +82 -0
  278. package/src/components/form.ts +82 -0
  279. package/src/components/grid.ts +87 -0
  280. package/src/components/input.ts +73 -0
  281. package/src/components/layout.ts +89 -0
  282. package/src/components/link.ts +38 -0
  283. package/src/components/progress.ts +100 -0
  284. package/src/components/range.ts +399 -0
  285. package/src/components/rotate.ts +95 -0
  286. package/src/components/router.ts +281 -0
  287. package/src/components/select.ts +281 -0
  288. package/src/components/skeleton.ts +119 -0
  289. package/src/components/split.ts +225 -0
  290. package/src/components/switch.ts +184 -0
  291. package/src/components/text.ts +93 -0
  292. package/src/components/time.ts +84 -0
  293. package/src/components/tooltip.ts +150 -0
  294. package/src/components/typewriter.ts +159 -0
  295. package/src/core/global-style.ts +105 -0
  296. package/src/core/super-anchor.ts +55 -0
  297. package/src/core/super-input.ts +230 -0
  298. package/src/core/super-openable.ts +51 -0
  299. package/src/details.ts +11 -0
  300. package/src/dialog.ts +11 -0
  301. package/src/divider.ts +11 -0
  302. package/src/dragbox.ts +11 -0
  303. package/src/flex.ts +11 -0
  304. package/src/form.ts +11 -0
  305. package/src/grid.ts +11 -0
  306. package/src/index.ts +28 -0
  307. package/src/input.ts +13 -0
  308. package/src/layout.ts +12 -0
  309. package/src/link.ts +13 -0
  310. package/src/progress.ts +12 -0
  311. package/src/range.ts +13 -0
  312. package/src/rotate.ts +13 -0
  313. package/src/router.ts +12 -0
  314. package/src/select.ts +13 -0
  315. package/src/skeleton.ts +13 -0
  316. package/src/split.ts +13 -0
  317. package/src/switch.ts +13 -0
  318. package/src/text.ts +13 -0
  319. package/src/time.ts +13 -0
  320. package/src/tooltip.ts +13 -0
  321. package/src/typewriter.ts +11 -0
  322. package/vscode.html-custom-data.json +1 -1
  323. package/web-types.json +1 -1
@@ -1,7 +1,10 @@
1
+ import { type TemplateResult } from "lit";
1
2
  import { GlobalStyle } from "../core/global-style.js";
2
3
  /**
3
4
  * {@linkcode Alert} renders a alert.
4
5
  *
6
+ * Color defaults to blue.
7
+ *
5
8
  * @slot - Alert content.
6
9
  * @slot title - Alert title.
7
10
  * @slot icon - Alert icon.
@@ -16,7 +19,7 @@ declare class Alert extends GlobalStyle {
16
19
  * The tone of the component.
17
20
  * Overrides the color of the call.
18
21
  */
19
- color: "white" | "black" | "gray" | "green" | "teal" | "blue" | "red" | "purple" | "orange" | "yellow" | "pink";
22
+ color: "white" | "black" | "gray" | "green" | "teal" | "blue" | "red" | "purple" | "orange" | "yellow" | "pink" | "none";
20
23
  /**
21
24
  * Close delay, if 0, it will not be closed automatically.
22
25
  */
@@ -32,7 +35,7 @@ declare class Alert extends GlobalStyle {
32
35
  /**
33
36
  * Set true to hide the close button.
34
37
  *
35
- * The behavior may change due to the {@linkcode variant} property
38
+ * The behavior may change due to the {@linkcode variant} property.
36
39
  */
37
40
  hideClose: boolean;
38
41
  /**
@@ -41,7 +44,7 @@ declare class Alert extends GlobalStyle {
41
44
  * If variant is `"blockquote"`, hide the close button.
42
45
  */
43
46
  variant: "blockquote" | "dark" | "light";
44
- protected render(): import("lit").TemplateResult<1>;
47
+ protected render(): TemplateResult<1>;
45
48
  close(): void;
46
49
  protected firstUpdated(): void;
47
50
  static alert(root: HTMLElement, option: Partial<Alert>): Alert;
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAwFlF;;;;;;;GAOG;AACH,cAqEM,KAAM,SAAQ,WAAW;IAC7B;;OAEG;IAEH,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;IAE1F;;;OAGG;IAEH,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEhH;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAIH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,CAAU;IAElD,SAAS,CAAC,MAAM;IAkBhB,KAAK;IAKL,SAAS,CAAC,YAAY;IAMtB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"AAcA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAwFlF;;;;;;;;;GASG;AACH,cAqEM,KAAM,SAAQ,WAAW;IAC7B;;OAEG;IAEH,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;IAE1F;;;OAGG;IAEH,KAAK,EACD,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,CAAU;IAEpB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,CAAU;IAElD,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAoBrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { godown } from "@godown/element/decorators/godown.js";
3
3
  import { styles } from "@godown/element/decorators/styles.js";
4
- import { conditionIf } from "@godown/element/directives/condition-if.js";
4
+ import { attr } from "@godown/element/directives/attr.js";
5
5
  import { htmlSlot } from "@godown/element/directives/html-slot.js";
6
- import { constructCSS } from "@godown/element/tools/css.js";
6
+ import { htmlStyle } from "@godown/element/directives/html-style.js";
7
+ import { constructCSSObject, toVar } from "@godown/element/tools/css.js";
7
8
  import iconCheckAltCircle from "@godown/f7-icon/icons/checkmark-alt-circle.js";
8
9
  import iconExclamationCircle from "@godown/f7-icon/icons/exclamationmark-circle.js";
9
10
  import iconInfoCircle from "@godown/f7-icon/icons/info-circle.js";
@@ -12,7 +13,7 @@ import iconQuestionCircle from "@godown/f7-icon/icons/question-circle.js";
12
13
  import iconSlashCircle from "@godown/f7-icon/icons/slash-circle.js";
13
14
  import iconXmark from "@godown/f7-icon/icons/xmark.js";
14
15
  import iconXmarkCircle from "@godown/f7-icon/icons/xmark-circle.js";
15
- import { css, html, unsafeCSS } from "lit";
16
+ import { css, html } from "lit";
16
17
  import { property } from "lit/decorators.js";
17
18
  import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
18
19
  const protoName = "alert";
@@ -21,7 +22,7 @@ const vars = ["color", "background"].map((v) => `${cssScope}--${v}`);
21
22
  const genDark = (key) => {
22
23
  return [cssGlobalVars._colors[key][5], cssGlobalVars._colors[key][9]];
23
24
  };
24
- const darkStyles = constructCSS(vars, {
25
+ const darkStyles = constructCSSObject(vars, {
25
26
  green: genDark("green"),
26
27
  blue: genDark("blue"),
27
28
  orange: genDark("orange"),
@@ -33,11 +34,11 @@ const darkStyles = constructCSS(vars, {
33
34
  gray: [cssGlobalVars._colors.lightgray[5], cssGlobalVars._colors.darkgray[5]],
34
35
  white: [cssGlobalVars._colors.lightgray[2], cssGlobalVars._colors.darkgray[7]],
35
36
  black: [cssGlobalVars._colors.darkgray[8], cssGlobalVars._colors.lightgray[5]],
36
- }, (color) => `[color=${color}]`, (prop) => `var(${prop})`);
37
+ }, () => `:host`, (prop) => toVar(prop));
37
38
  const genLight = (key) => {
38
39
  return [cssGlobalVars._colors[key][6], cssGlobalVars._colors[key][0]];
39
40
  };
40
- const lightStyles = constructCSS(vars, {
41
+ const lightStyles = constructCSSObject(vars, {
41
42
  green: genLight("green"),
42
43
  blue: genLight("blue"),
43
44
  orange: genLight("orange"),
@@ -49,7 +50,7 @@ const lightStyles = constructCSS(vars, {
49
50
  gray: [cssGlobalVars._colors.darkgray[5], cssGlobalVars._colors.lightgray[7]],
50
51
  white: [cssGlobalVars._colors.lightgray[0], cssGlobalVars._colors.darkgray[0]],
51
52
  black: [cssGlobalVars._colors.darkgray[7], cssGlobalVars._colors.lightgray[3]],
52
- }, (color) => `[variant="light"][color=${color}]`, (prop) => `var(${prop})`);
53
+ }, () => `:host`, (prop) => toVar(prop));
53
54
  const calls = {
54
55
  tip: {
55
56
  color: "teal",
@@ -87,6 +88,8 @@ const calls = {
87
88
  /**
88
89
  * {@linkcode Alert} renders a alert.
89
90
  *
91
+ * Color defaults to blue.
92
+ *
90
93
  * @slot - Alert content.
91
94
  * @slot title - Alert title.
92
95
  * @slot icon - Alert icon.
@@ -95,6 +98,11 @@ const calls = {
95
98
  let Alert = class Alert extends GlobalStyle {
96
99
  constructor() {
97
100
  super(...arguments);
101
+ /**
102
+ * The tone of the component.
103
+ * Overrides the color of the call.
104
+ */
105
+ this.color = "blue";
98
106
  /**
99
107
  * Close delay, if 0, it will not be closed automatically.
100
108
  */
@@ -102,7 +110,7 @@ let Alert = class Alert extends GlobalStyle {
102
110
  /**
103
111
  * Set true to hide the close button.
104
112
  *
105
- * The behavior may change due to the {@linkcode variant} property
113
+ * The behavior may change due to the {@linkcode variant} property.
106
114
  */
107
115
  this.hideClose = false;
108
116
  /**
@@ -113,15 +121,20 @@ let Alert = class Alert extends GlobalStyle {
113
121
  this.variant = "dark";
114
122
  }
115
123
  render() {
116
- const color = this.call ? this.color || calls[this.call].color : this.color;
124
+ const color = calls[this.call]?.color || this.color;
117
125
  const icon = this.call ? calls[this.call].icon() : htmlSlot("icon");
118
- return html `<div part="root" variant="${this.variant}" color="${color}">
126
+ return html `<div part="root" ${attr(this.observedRecord)}>
119
127
  <div part="icon">${icon}</div>
120
128
  <div part="content">
121
- <strong part="title">${this.title || htmlSlot("title")}</strong>
129
+ <strong part="title">
130
+ ${this.title || htmlSlot("title")}
131
+ </strong>
122
132
  ${this.content || htmlSlot()}
123
133
  </div>
124
- ${conditionIf(!this.hideClose && this.variant !== "blockquote", html `<div part="close" @click="${this.close}">${iconXmark()}</div>`)}
134
+ ${!this.hideClose && this.variant !== "blockquote"
135
+ ? html `<div part="close" tabindex=0 @click="${this.close}">${iconXmark()}</div>`
136
+ : ""}
137
+ ${htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color])}
125
138
  </div>`;
126
139
  }
127
140
  close() {
@@ -156,17 +169,16 @@ __decorate([
156
169
  property()
157
170
  ], Alert.prototype, "content", void 0);
158
171
  __decorate([
159
- property({
160
- type: Boolean,
161
- })
172
+ property({ type: Boolean })
162
173
  ], Alert.prototype, "hideClose", void 0);
163
174
  __decorate([
164
175
  property()
165
176
  ], Alert.prototype, "variant", void 0);
166
177
  Alert = __decorate([
167
178
  godown(protoName),
168
- styles(unsafeCSS(darkStyles), unsafeCSS(lightStyles), css `
169
- :host {
179
+ styles(css `
180
+ :host,
181
+ :where(:host([contents]) [part=root]) {
170
182
  border-radius: var(${cssScope}--border-radius);
171
183
  ${cssScope}--border-radius: .25em;
172
184
  ${cssScope}--border-width: .075em;
@@ -176,9 +188,10 @@ Alert = __decorate([
176
188
  width: 100%;
177
189
  }
178
190
 
179
- [part="root"] {
191
+ [part=root] {
180
192
  --color: var(${cssScope}--color);
181
193
  color: var(--color);
194
+ width: 100%;
182
195
  transition: 0.25s;
183
196
  display: flex;
184
197
  justify-content: space-between;
@@ -188,7 +201,7 @@ Alert = __decorate([
188
201
  background: var(${cssScope}--background);
189
202
  }
190
203
 
191
- [variant="blockquote"] {
204
+ [variant=blockquote] {
192
205
  border-radius: 0;
193
206
  border-left: var(${cssScope}--blockquote-width) solid var(--color);
194
207
  border-bottom: none;
@@ -197,34 +210,34 @@ Alert = __decorate([
197
210
  background: transparent;
198
211
  }
199
212
 
200
- [part="content"]{
213
+ [part=content] {
201
214
  color: var(--color);
202
215
  }
203
216
 
204
- [part="root"] {
217
+ [part=root] {
205
218
  display: grid;
206
219
  align-items: center;
207
220
  grid-template-columns: auto 1fr auto;
208
221
  grid-template-rows: auto 1fr;
209
222
  }
210
223
 
211
- [part="title"] {
224
+ [part=title] {
212
225
  line-height: 2em;
213
226
  }
214
227
 
215
- [part="icon"] {
228
+ [part=icon] {
216
229
  display: inline-grid;
217
230
  align-items: center;
218
231
  height: 2em;
219
232
  }
220
233
 
221
- [part="icon"] svg {
234
+ [part=icon] svg {
222
235
  margin-right: .5em;
223
236
  width: 1.25em;
224
237
  height: 1.25em;
225
238
  }
226
239
 
227
- [part="content"] {
240
+ [part=content] {
228
241
  grid-row: span 2 / span 2;
229
242
  line-height: 1.5em;
230
243
  }
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,kBAAkB,MAAM,+CAA+C,CAAC;AAC/E,OAAO,qBAAqB,MAAM,iDAAiD,CAAC;AACpF,OAAO,cAAc,MAAM,sCAAsC,CAAC;AAClE,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAC/D,OAAO,kBAAkB,MAAM,0CAA0C,CAAC;AAC1E,OAAO,eAAe,MAAM,uCAAuC,CAAC;AACpE,OAAO,SAAS,MAAM,gCAAgC,CAAC;AACvD,OAAO,eAAe,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAElF,MAAM,SAAS,GAAG,OAAO,CAAC;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,QAAQ,KAAK,CAAC,EAAE,CAAC,CAAC;AAErE,MAAM,OAAO,GAAG,CAAC,GAAW,EAAE,EAAE;IAC9B,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,YAAY,CAC7B,IAAI,EACJ;IACE,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC;IACzB,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC;IACrB,IAAI,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7E,KAAK,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9E,KAAK,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CAC/E,EACD,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,KAAK,GAAG,EAC7B,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,IAAI,GAAG,CACzB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE;IAC/B,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,YAAY,CAC9B,IAAI,EACJ;IACE,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;IACxB,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;IACtB,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC1B,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC;IACpB,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC1B,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;IACtB,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;IACtB,IAAI,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC7E,KAAK,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9E,KAAK,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CAC/E,EACD,CAAC,KAAK,EAAE,EAAE,CAAC,2BAA2B,KAAK,GAAG,EAC9C,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,IAAI,GAAG,CACzB,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,GAAG,EAAE;QACH,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,aAAa;KACpB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,kBAAkB;KACzB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,cAAc;KACrB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,qBAAqB;KAC5B;IACD,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,eAAe;KACtB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,eAAe;KACtB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,kBAAkB;KACzB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,eAAe;KACtB;CACF,CAAC;AAEF;;;;;;;GAOG;AAsEH,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,WAAW;IAA/B;;QAcE;;WAEG;QAEH,cAAS,GAAG,CAAC,CAAC;QAcd;;;;WAIG;QAIH,cAAS,GAAG,KAAK,CAAC;QAElB;;;;WAIG;QAEH,YAAO,GAAoC,MAAM,CAAC;IAqCpD,CAAC;IAnCW,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAC5E,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACpE,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,OAAO,YAAY,KAAK;yBAChD,IAAI;;+BAEE,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC;UACpD,IAAI,CAAC,OAAO,IAAI,QAAQ,EAAE;;MAG9B,WAAW,CACT,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,YAAY,EAChD,IAAI,CAAA,6BAA6B,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE,QAAQ,CAEvE;WACO,CAAC;IACV,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAClF,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAiB,EAAE,MAAsB;QACpD,MAAM,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;QACtB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAA;AAhFC;IADC,QAAQ,EAAE;mCAC+E;AAO1F;IADC,QAAQ,EAAE;oCACqG;AAMhH;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACb;AAMd;IADC,QAAQ,EAAE;oCACG;AAMd;IADC,QAAQ,EAAE;sCACK;AAUhB;IAHC,QAAQ,CAAC;QACR,IAAI,EAAE,OAAO;KACd,CAAC;wCACgB;AAQlB;IADC,QAAQ,EAAE;sCACuC;AAhD9C,KAAK;IArEV,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,SAAS,CAAC,UAAU,CAAC,EACrB,SAAS,CAAC,WAAW,CAAC,EACtB,GAAG,CAAA;;2BAEsB,QAAQ;QAC3B,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;;;;;;qBAMK,QAAQ;;;;;qBAKR,QAAQ;;oBAET,QAAQ;wBACJ,QAAQ;;;;;yBAKP,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsC5B,CACJ;GACK,KAAK,CAqFV;AAED,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"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 Avatar} renders a avatar.
@@ -5,6 +6,7 @@ import { GlobalStyle } from "../core/global-style.js";
5
6
  * Renders as an image if it has a src property,
6
7
  * otherwise falls back to name or nameless slot.
7
8
  *
9
+ * @slot - Display content if no `src` or `name` provided.
8
10
  * @category display
9
11
  */
10
12
  declare class Avatar extends GlobalStyle {
@@ -13,11 +15,14 @@ declare class Avatar extends GlobalStyle {
13
15
  */
14
16
  src: string | undefined | null;
15
17
  /**
16
- * If the image is not available, the {@linkcode Avatar.format} will be displayed.
18
+ * If the image is not available, display name (call {@linkcode Avatar.format}).
17
19
  */
18
20
  name: string;
21
+ /**
22
+ * Display rounded.
23
+ */
19
24
  round: boolean;
20
- protected render(): import("lit").TemplateResult<1>;
25
+ protected render(): TemplateResult<1>;
21
26
  private _renderAvatar;
22
27
  format(): string;
23
28
  _handleError(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;GAOG;AACH,cAoCM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B;;OAEG;IAEH,IAAI,SAAM;IAGV,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM;IAIhB,OAAO,CAAC,aAAa;IAUrB,MAAM;IAIN,YAAY;CAGb;AAED,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cA0CM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAMrC,OAAO,CAAC,aAAa;IAUrB,MAAM,IAAI,MAAM;IAIhB,YAAY,IAAI,IAAI;CAGrB;AAED,eAAe,MAAM,CAAC"}
@@ -1,6 +1,9 @@
1
1
  import { __decorate } from "tslib";
2
- import { godown, styles } from "@godown/element/decorators/index.js";
3
- import { htmlSlot } from "@godown/element/directives/index.js";
2
+ import { godown } from "@godown/element/decorators/godown.js";
3
+ import { styles } from "@godown/element/decorators/styles.js";
4
+ import { attr } from "@godown/element/directives/attr.js";
5
+ import { htmlSlot } from "@godown/element/directives/html-slot.js";
6
+ import { omit } from "@godown/element/tools/lib.js";
4
7
  import { css, html } from "lit";
5
8
  import { property } from "lit/decorators.js";
6
9
  import { GlobalStyle, scopePrefix } from "../core/global-style.js";
@@ -12,19 +15,25 @@ const cssScope = scopePrefix(protoName);
12
15
  * Renders as an image if it has a src property,
13
16
  * otherwise falls back to name or nameless slot.
14
17
  *
18
+ * @slot - Display content if no `src` or `name` provided.
15
19
  * @category display
16
20
  */
17
21
  let Avatar = class Avatar extends GlobalStyle {
18
22
  constructor() {
19
23
  super(...arguments);
20
24
  /**
21
- * If the image is not available, the {@linkcode Avatar.format} will be displayed.
25
+ * If the image is not available, display name (call {@linkcode Avatar.format}).
22
26
  */
23
27
  this.name = "";
28
+ /**
29
+ * Display rounded.
30
+ */
24
31
  this.round = false;
25
32
  }
26
33
  render() {
27
- return html `<div part="root">${this._renderAvatar()}</div>`;
34
+ return html `<div part="root" ${attr(omit(this.observedRecord, "src"))}>
35
+ ${this._renderAvatar()}
36
+ </div>`;
28
37
  }
29
38
  _renderAvatar() {
30
39
  if (this.src) {
@@ -54,34 +63,40 @@ __decorate([
54
63
  Avatar = __decorate([
55
64
  godown(protoName),
56
65
  styles(css `
57
- :host {
66
+ :host{
58
67
  ${cssScope}--size: 2em;
59
68
  width: var(${cssScope}--size);
60
69
  height: var(${cssScope}--size);
61
- display: inline-block;
62
70
  vertical-align: bottom;
63
71
  }
64
72
 
65
- :host([round]){
73
+ :host,
74
+ [part=root] {
75
+ display: inline-flex;
76
+ }
77
+
78
+ :host([contents]) [part=root] {
79
+ display: inline-flex;
80
+ width: inherit;
81
+ height: inherit;
82
+ }
83
+
84
+ :host([round]) {
66
85
  border-radius:50%;
67
86
  }
68
87
 
69
- [part="image"] {
88
+ [part=image] {
70
89
  width: 100%;
71
90
  height: 100%;
72
91
  object-fit: cover;
73
92
  }
74
93
 
75
- [part="root"] {
94
+ [part=root] {
76
95
  overflow: hidden;
77
96
  position: relative;
78
97
  border-radius: inherit;
79
98
  width: 100%;
80
99
  height: 100%;
81
- }
82
-
83
- [part="root"] {
84
- display: flex;
85
100
  align-items: center;
86
101
  justify-content: center;
87
102
  }
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;GAOG;AAqCH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAAhC;;QAME;;WAEG;QAEH,SAAI,GAAG,EAAE,CAAC;QAGV,UAAK,GAAG,KAAK,CAAC;IAuBhB,CAAC;IArBW,MAAM;QACd,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;IAC9D,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,IAAI,CAAA,0BAA0B,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,YAAY,SAAS,IAAI,CAAC,IAAI,IAAI,CAAC;QACnG,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;QACzD,CAAC;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;IACvB,CAAC;CACF,CAAA;AA/BC;IADC,QAAQ,EAAE;mCACoB;AAK/B;IADC,QAAQ,EAAE;oCACD;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACd;AAbV,MAAM;IApCX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;mBACG,QAAQ;oBACP,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BzB,CACF;GACK,MAAM,CAoCX;AAED,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;GAQG;AA2CH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAAhC;;QAOE;;WAEG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;IAyBhB,CAAC;IAvBW,MAAM;QACd,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;QACjE,IAAI,CAAC,aAAa,EAAE;WACjB,CAAC;IACV,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,IAAI,CAAA,0BAA0B,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,YAAY,SAAS,IAAI,CAAC,IAAI,IAAI,CAAC;QACnG,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;QACzD,CAAC;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;IACvB,CAAC;CACF,CAAA;AArCC;IADC,QAAQ,EAAE;mCACoB;AAM/B;IADC,QAAQ,EAAE;oCACD;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACd;AAjBV,MAAM;IA1CX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;mBACG,QAAQ;oBACP,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCzB,CACF;GACK,MAAM,CA0CX;AAED,eAAe,MAAM,CAAC"}
@@ -1,3 +1,4 @@
1
+ import { type TemplateResult } from "lit";
1
2
  import { GlobalStyle } from "../core/global-style.js";
2
3
  /**
3
4
  * {@linkcode Breath} render the text with a breathing effect.
@@ -11,6 +12,7 @@ import { GlobalStyle } from "../core/global-style.js";
11
12
  *
12
13
  * Inspired by Vercel home page (2023).
13
14
  *
15
+ * @slot - Breathing parts.
14
16
  * @category effect
15
17
  */
16
18
  declare class Breath extends GlobalStyle {
@@ -24,8 +26,8 @@ declare class Breath extends GlobalStyle {
24
26
  * Effect duration, ending in s or ms.
25
27
  */
26
28
  duration: string;
27
- protected render(): (import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
28
- protected renderText(text: string): import("lit").TemplateResult<1>;
29
+ protected render(): TemplateResult<1>;
30
+ protected renderText(text: string): TemplateResult<1>;
29
31
  protected getTexts(): string[];
30
32
  protected computeStyle(len: number): string;
31
33
  protected parseDuration(): number;
@@ -1 +1 @@
1
- {"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":"AAMA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;GAaG;AACH,cA2DM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM;IAQhB,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM;IAOjC,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAI9B,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM;IAoBlC,SAAS,CAAC,aAAa;CAUxB;AAED,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAqEM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAExB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAUrC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAOrD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAI9B,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAoB3C,SAAS,CAAC,aAAa,IAAI,MAAM;CAUlC;AAED,eAAe,MAAM,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { godown } from "@godown/element/decorators/godown.js";
3
3
  import { styles } from "@godown/element/decorators/styles.js";
4
+ import { attr } from "@godown/element/directives/attr.js";
4
5
  import { htmlStyle } from "@godown/element/directives/html-style.js";
5
6
  import { css, html } from "lit";
6
7
  import { property } from "lit/decorators.js";
@@ -19,15 +20,18 @@ const cssScope = scopePrefix(defineName);
19
20
  *
20
21
  * Inspired by Vercel home page (2023).
21
22
  *
23
+ * @slot - Breathing parts.
22
24
  * @category effect
23
25
  */
24
26
  let Breath = class Breath extends GlobalStyle {
25
27
  render() {
26
28
  const texts = this.getTexts();
27
- return [
29
+ return html `<div part="root" ${attr(this.observedRecord)}>
30
+ ${[
28
31
  texts.map(this.renderText),
29
32
  htmlStyle(this.computeStyle(texts.length)),
30
- ];
33
+ ]}
34
+ </div>`;
31
35
  }
32
36
  renderText(text) {
33
37
  return html `<span class="rel">
@@ -46,7 +50,7 @@ let Breath = class Breath extends GlobalStyle {
46
50
  + (() => {
47
51
  let style1 = "";
48
52
  for (let number = 1; number <= len; number++) {
49
- const delay = -1 * duration / len * (len - (number - 2));
53
+ const delay = -duration / len * (len - number + 1);
50
54
  const defaultNumber = ((number - 1) % 3) + 1;
51
55
  style1 +=
52
56
  `.rel:nth-child(${number}) .colorful{animation-delay:${delay}s;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;
@@ -89,12 +93,20 @@ Breath = __decorate([
89
93
  }
90
94
  `, css `
91
95
  :host {
92
- display: flex;
93
96
  margin: auto;
94
- width: -moz-fit-content;
95
97
  width: fit-content;
96
98
  font-size: 2em;
97
99
  align-items: center;
100
+ direction: ltr;
101
+ }
102
+
103
+ :host,
104
+ :host([contents]) [part=root] {
105
+ display: flex;
106
+ }
107
+
108
+ [part=root] {
109
+ display: contents;
98
110
  }
99
111
 
100
112
  ::selection {
@@ -114,14 +126,16 @@ Breath = __decorate([
114
126
  box-sizing: border-box;
115
127
  display: inline-block;
116
128
  animation-iteration-count: infinite;
117
- -webkit-text-fill-color: transparent;
129
+ color: transparent;
118
130
  -webkit-background-clip: text !important;
119
131
  background-clip: text !important;
120
132
  }
133
+
121
134
  .colorful {
122
135
  opacity: 0;
123
136
  animation-name: colorfulN;
124
137
  }
138
+
125
139
  .nocolor {
126
140
  position: absolute;
127
141
  top: 0;
@@ -1 +1 @@
1
- {"version":3,"file":"breath.js","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAElF,MAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAEzC;;;;;;;;;;;;;GAaG;AA4DH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAcpB,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO;YACL,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;YAC1B,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC3C,CAAC;IACJ,CAAC;IAES,UAAU,CAAC,IAAY;QAC/B,OAAO,IAAI,CAAA;8BACe,IAAI;+BACH,IAAI;YACvB,CAAC;IACX,CAAC;IAES,QAAQ;QAChB,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9G,CAAC;IAES,YAAY,CAAC,GAAW;QAChC,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QAErD,OAAO,CACL,gCAAgC,QAAQ,KAAK;cAC3C,2BAA2B,GAAG,GAAG,CAAC,gBAAgB,GAAG,KAAK,GAAG,GAAG,CAAC,gBAAgB;cACjF,CAAC,GAAG,EAAE;gBACN,IAAI,MAAM,GAAG,EAAE,CAAC;gBAChB,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC;oBAC7C,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;oBACzD,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;oBAC7C,MAAM;wBACJ,kBAAkB,MAAM,+BAA+B,KAAK,oBAAoB,QAAQ,KAAK,MAAM,QAAQ,QAAQ,KAAK,aAAa,MAAM,CAAC;gBAChJ,CAAC;gBACD,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC,EAAE,CACL,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC1B,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC3B,OAAO,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnC,OAAO,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;YAClD,CAAC;QACH,CAAC;IACH,CAAC;CACF,CAAA;AAxDC;IADC,QAAQ,EAAE;oCACa;AAKxB;IADC,QAAQ,EAAE;wCACM;AAZb,MAAM;IA3DX,MAAM,CAAC,UAAU,CAAC;IAClB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;QACR,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;QAClD,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACnD,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACnD,QAAQ,4BAA4B,QAAQ,eAAe,QAAQ,eAAe,QAAQ;QAC1F,QAAQ,4BAA4B,QAAQ,eAAe,QAAQ,eAAe,QAAQ;QAC1F,QAAQ,4BAA4B,QAAQ,eAAe,QAAQ,eAAe,QAAQ;;GAE/F,EACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;GAoBF,EACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;wBAkBmB,aAAa,CAAC,cAAc;;GAEjD,CACF;GACK,MAAM,CA+DX;AAED,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"breath.js","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":"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"}
@@ -1,7 +1,17 @@
1
+ import { 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" | "gray" | "white" | "black", 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
- * {@linkcode Button}.
6
+ * {@linkcode Button} renders a button.
7
+ *
8
+ * Create modal animation upon clicking.
9
+ *
10
+ * Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
11
+ *
12
+ * Default color is `black`.
13
+ *
14
+ * Set the color to `none` to prevent applying styles.
5
15
  *
6
16
  * @category input
7
17
  */
@@ -11,7 +21,7 @@ declare class Button extends GlobalStyle {
11
21
  */
12
22
  disabled: boolean;
13
23
  /**
14
- * Invert font and background color.
24
+ * Display ghost.
15
25
  */
16
26
  ghost: boolean;
17
27
  /**
@@ -19,7 +29,7 @@ declare class Button extends GlobalStyle {
19
29
  */
20
30
  active: boolean;
21
31
  /**
22
- * Enables rounded corners to appear capsule shaped.
32
+ * Display rounded.
23
33
  */
24
34
  round: boolean;
25
35
  /**
@@ -27,19 +37,18 @@ declare class Button extends GlobalStyle {
27
37
  */
28
38
  color: "none" | keyof typeof colors;
29
39
  /**
30
- * Text inside.
40
+ * Content text.
31
41
  */
32
- text: string;
33
- _modalRoot: HTMLElement;
34
- _root: HTMLElement;
35
- static colors: Record<"teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black", string>;
36
- protected render(): import("lit").TemplateResult<1>[];
42
+ content: string;
43
+ protected _modalRoot: HTMLElement;
44
+ protected _root: HTMLElement;
45
+ protected render(): TemplateResult<1>;
37
46
  focus(): void;
38
47
  blur(): void;
39
48
  firstUpdated(): void;
40
49
  protected _handelClick(e: MouseEvent): void;
41
50
  protected _handleModal(e: MouseEvent): void;
42
- nextColor(): "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black" | "none";
51
+ nextColor(): Colors | "none";
43
52
  }
44
53
  export default Button;
45
54
  //# 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;AAYlF,QAAA,MAAM,MAAM,0HA6DX,CAAC;AAEF;;;;GAIG;AACH,cA8FM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IAEH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC9C;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,UAAU,EAAE,WAAW,CAAC;IAExB,KAAK,EAAE,WAAW,CAAC;IAEnB,MAAM,CAAC,MAAM,2HAAU;IAEvB,SAAS,CAAC,MAAM;IAWhB,KAAK;IAOL,IAAI;IAIJ,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":"AAOA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAiB,WAAW,EAAe,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,cAkGM,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,IAAI,cAAc,CAAC,CAAC,CAAC;IAUrC,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;IAe3C,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC"}