godown 3.0.0-canary.1 → 3.0.0-canary.10

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 (301) hide show
  1. package/README.md +37 -8
  2. package/components/alert.d.ts +5 -3
  3. package/components/alert.d.ts.map +1 -1
  4. package/components/alert.js +24 -14
  5. package/components/alert.js.map +1 -1
  6. package/components/avatar.d.ts +5 -1
  7. package/components/avatar.d.ts.map +1 -1
  8. package/components/avatar.js +7 -3
  9. package/components/avatar.js.map +1 -1
  10. package/components/breath.d.ts +2 -1
  11. package/components/breath.d.ts.map +1 -1
  12. package/components/breath.js +5 -4
  13. package/components/breath.js.map +1 -1
  14. package/components/button.d.ts +16 -9
  15. package/components/button.d.ts.map +1 -1
  16. package/components/button.js +22 -20
  17. package/components/button.js.map +1 -1
  18. package/components/card.d.ts +1 -2
  19. package/components/card.d.ts.map +1 -1
  20. package/components/card.js +5 -11
  21. package/components/card.js.map +1 -1
  22. package/components/carousel.d.ts +6 -5
  23. package/components/carousel.d.ts.map +1 -1
  24. package/components/carousel.js +3 -2
  25. package/components/carousel.js.map +1 -1
  26. package/components/details.d.ts +5 -2
  27. package/components/details.d.ts.map +1 -1
  28. package/components/details.js +5 -2
  29. package/components/details.js.map +1 -1
  30. package/components/dialog.d.ts +8 -4
  31. package/components/dialog.d.ts.map +1 -1
  32. package/components/dialog.js +17 -12
  33. package/components/dialog.js.map +1 -1
  34. package/components/divider.d.ts +1 -1
  35. package/components/divider.js +1 -1
  36. package/components/divider.js.map +1 -1
  37. package/components/dragbox.d.ts +7 -7
  38. package/components/dragbox.d.ts.map +1 -1
  39. package/components/dragbox.js +1 -1
  40. package/components/dragbox.js.map +1 -1
  41. package/components/flex.d.ts +2 -1
  42. package/components/flex.d.ts.map +1 -1
  43. package/components/flex.js +8 -0
  44. package/components/flex.js.map +1 -1
  45. package/components/form.d.ts +0 -2
  46. package/components/form.d.ts.map +1 -1
  47. package/components/form.js +0 -2
  48. package/components/form.js.map +1 -1
  49. package/components/grid.d.ts +8 -3
  50. package/components/grid.d.ts.map +1 -1
  51. package/components/grid.js +1 -0
  52. package/components/grid.js.map +1 -1
  53. package/components/input.d.ts +2 -3
  54. package/components/input.d.ts.map +1 -1
  55. package/components/input.js +3 -6
  56. package/components/input.js.map +1 -1
  57. package/components/layout.d.ts +3 -6
  58. package/components/layout.d.ts.map +1 -1
  59. package/components/layout.js +21 -10
  60. package/components/layout.js.map +1 -1
  61. package/components/link.d.ts +3 -1
  62. package/components/link.d.ts.map +1 -1
  63. package/components/link.js +3 -1
  64. package/components/link.js.map +1 -1
  65. package/components/progress.d.ts +2 -11
  66. package/components/progress.d.ts.map +1 -1
  67. package/components/progress.js +6 -15
  68. package/components/progress.js.map +1 -1
  69. package/components/range.d.ts +43 -17
  70. package/components/range.d.ts.map +1 -1
  71. package/components/range.js +132 -58
  72. package/components/range.js.map +1 -1
  73. package/components/rotate.d.ts +1 -1
  74. package/components/rotate.d.ts.map +1 -1
  75. package/components/rotate.js +1 -1
  76. package/components/rotate.js.map +1 -1
  77. package/components/router.d.ts +6 -8
  78. package/components/router.d.ts.map +1 -1
  79. package/components/router.js +10 -10
  80. package/components/router.js.map +1 -1
  81. package/components/select.d.ts +4 -8
  82. package/components/select.d.ts.map +1 -1
  83. package/components/select.js +42 -41
  84. package/components/select.js.map +1 -1
  85. package/components/skeleton.d.ts.map +1 -1
  86. package/components/skeleton.js +3 -4
  87. package/components/skeleton.js.map +1 -1
  88. package/components/split.d.ts +18 -1
  89. package/components/split.d.ts.map +1 -1
  90. package/components/split.js +52 -19
  91. package/components/split.js.map +1 -1
  92. package/components/switch.d.ts +4 -4
  93. package/components/switch.d.ts.map +1 -1
  94. package/components/switch.js +6 -6
  95. package/components/switch.js.map +1 -1
  96. package/components/text.js +3 -3
  97. package/components/text.js.map +1 -1
  98. package/components/time.d.ts +4 -20
  99. package/components/time.d.ts.map +1 -1
  100. package/components/time.js +5 -66
  101. package/components/time.js.map +1 -1
  102. package/components/tooltip.d.ts +11 -1
  103. package/components/tooltip.d.ts.map +1 -1
  104. package/components/tooltip.js +23 -5
  105. package/components/tooltip.js.map +1 -1
  106. package/components/typewriter.d.ts +2 -2
  107. package/components/typewriter.d.ts.map +1 -1
  108. package/components/typewriter.js +2 -2
  109. package/components/typewriter.js.map +1 -1
  110. package/core/global-style.d.ts.map +1 -1
  111. package/core/global-style.js +8 -1
  112. package/core/global-style.js.map +1 -1
  113. package/core/super-anchor.js +1 -1
  114. package/core/super-anchor.js.map +1 -1
  115. package/core/super-input.d.ts +2 -3
  116. package/core/super-input.d.ts.map +1 -1
  117. package/core/super-input.js +3 -6
  118. package/core/super-input.js.map +1 -1
  119. package/core/super-openable.js.map +1 -1
  120. package/custom-elements.json +1 -1
  121. package/dev/components/alert.d.ts +5 -3
  122. package/dev/components/alert.d.ts.map +1 -1
  123. package/dev/components/alert.js +35 -24
  124. package/dev/components/alert.js.map +1 -1
  125. package/dev/components/avatar.d.ts +5 -1
  126. package/dev/components/avatar.d.ts.map +1 -1
  127. package/dev/components/avatar.js +7 -6
  128. package/dev/components/avatar.js.map +1 -1
  129. package/dev/components/breath.d.ts +2 -1
  130. package/dev/components/breath.d.ts.map +1 -1
  131. package/dev/components/breath.js +3 -1
  132. package/dev/components/breath.js.map +1 -1
  133. package/dev/components/button.d.ts +16 -9
  134. package/dev/components/button.d.ts.map +1 -1
  135. package/dev/components/button.js +29 -25
  136. package/dev/components/button.js.map +1 -1
  137. package/dev/components/card.d.ts +1 -2
  138. package/dev/components/card.d.ts.map +1 -1
  139. package/dev/components/card.js +21 -29
  140. package/dev/components/card.js.map +1 -1
  141. package/dev/components/carousel.d.ts +6 -5
  142. package/dev/components/carousel.d.ts.map +1 -1
  143. package/dev/components/carousel.js +9 -7
  144. package/dev/components/carousel.js.map +1 -1
  145. package/dev/components/details.d.ts +5 -2
  146. package/dev/components/details.d.ts.map +1 -1
  147. package/dev/components/details.js +4 -1
  148. package/dev/components/details.js.map +1 -1
  149. package/dev/components/dialog.d.ts +8 -4
  150. package/dev/components/dialog.d.ts.map +1 -1
  151. package/dev/components/dialog.js +23 -18
  152. package/dev/components/dialog.js.map +1 -1
  153. package/dev/components/divider.d.ts +1 -1
  154. package/dev/components/divider.js +1 -1
  155. package/dev/components/dragbox.d.ts +7 -7
  156. package/dev/components/dragbox.d.ts.map +1 -1
  157. package/dev/components/dragbox.js.map +1 -1
  158. package/dev/components/flex.d.ts +2 -1
  159. package/dev/components/flex.d.ts.map +1 -1
  160. package/dev/components/flex.js +8 -0
  161. package/dev/components/flex.js.map +1 -1
  162. package/dev/components/form.d.ts +0 -2
  163. package/dev/components/form.d.ts.map +1 -1
  164. package/dev/components/form.js +0 -2
  165. package/dev/components/form.js.map +1 -1
  166. package/dev/components/grid.d.ts +8 -3
  167. package/dev/components/grid.d.ts.map +1 -1
  168. package/dev/components/grid.js +1 -0
  169. package/dev/components/grid.js.map +1 -1
  170. package/dev/components/input.d.ts +2 -3
  171. package/dev/components/input.d.ts.map +1 -1
  172. package/dev/components/input.js +1 -20
  173. package/dev/components/input.js.map +1 -1
  174. package/dev/components/layout.d.ts +3 -6
  175. package/dev/components/layout.d.ts.map +1 -1
  176. package/dev/components/layout.js +23 -10
  177. package/dev/components/layout.js.map +1 -1
  178. package/dev/components/link.d.ts +3 -1
  179. package/dev/components/link.d.ts.map +1 -1
  180. package/dev/components/link.js +3 -1
  181. package/dev/components/link.js.map +1 -1
  182. package/dev/components/progress.d.ts +2 -11
  183. package/dev/components/progress.d.ts.map +1 -1
  184. package/dev/components/progress.js +7 -16
  185. package/dev/components/progress.js.map +1 -1
  186. package/dev/components/range.d.ts +43 -17
  187. package/dev/components/range.d.ts.map +1 -1
  188. package/dev/components/range.js +157 -99
  189. package/dev/components/range.js.map +1 -1
  190. package/dev/components/rotate.d.ts +1 -1
  191. package/dev/components/rotate.d.ts.map +1 -1
  192. package/dev/components/rotate.js +1 -1
  193. package/dev/components/rotate.js.map +1 -1
  194. package/dev/components/router.d.ts +6 -8
  195. package/dev/components/router.d.ts.map +1 -1
  196. package/dev/components/router.js +10 -10
  197. package/dev/components/router.js.map +1 -1
  198. package/dev/components/select.d.ts +4 -8
  199. package/dev/components/select.d.ts.map +1 -1
  200. package/dev/components/select.js +46 -44
  201. package/dev/components/select.js.map +1 -1
  202. package/dev/components/skeleton.d.ts.map +1 -1
  203. package/dev/components/skeleton.js +2 -3
  204. package/dev/components/skeleton.js.map +1 -1
  205. package/dev/components/split.d.ts +18 -1
  206. package/dev/components/split.d.ts.map +1 -1
  207. package/dev/components/split.js +55 -22
  208. package/dev/components/split.js.map +1 -1
  209. package/dev/components/switch.d.ts +4 -4
  210. package/dev/components/switch.d.ts.map +1 -1
  211. package/dev/components/switch.js +12 -13
  212. package/dev/components/switch.js.map +1 -1
  213. package/dev/components/text.js +3 -3
  214. package/dev/components/time.d.ts +4 -20
  215. package/dev/components/time.d.ts.map +1 -1
  216. package/dev/components/time.js +5 -66
  217. package/dev/components/time.js.map +1 -1
  218. package/dev/components/tooltip.d.ts +11 -1
  219. package/dev/components/tooltip.d.ts.map +1 -1
  220. package/dev/components/tooltip.js +39 -16
  221. package/dev/components/tooltip.js.map +1 -1
  222. package/dev/components/typewriter.d.ts +2 -2
  223. package/dev/components/typewriter.d.ts.map +1 -1
  224. package/dev/components/typewriter.js +0 -1
  225. package/dev/components/typewriter.js.map +1 -1
  226. package/dev/core/global-style.d.ts.map +1 -1
  227. package/dev/core/global-style.js +8 -9
  228. package/dev/core/global-style.js.map +1 -1
  229. package/dev/core/super-input.d.ts +2 -3
  230. package/dev/core/super-input.d.ts.map +1 -1
  231. package/dev/core/super-input.js +21 -20
  232. package/dev/core/super-input.js.map +1 -1
  233. package/dev/range.d.ts +1 -1
  234. package/dev/range.d.ts.map +1 -1
  235. package/index.js +13 -13
  236. package/package.json +9 -7
  237. package/range.d.ts +1 -1
  238. package/range.d.ts.map +1 -1
  239. package/src/alert.ts +11 -0
  240. package/src/avatar.ts +11 -0
  241. package/src/breath.ts +13 -0
  242. package/src/button.ts +11 -0
  243. package/src/card.ts +11 -0
  244. package/src/carousel.ts +11 -0
  245. package/src/components/alert.ts +282 -0
  246. package/src/components/avatar.ts +95 -0
  247. package/src/components/breath.ts +153 -0
  248. package/src/components/button.ts +286 -0
  249. package/src/components/card.ts +80 -0
  250. package/src/components/carousel.ts +169 -0
  251. package/src/components/details.ts +116 -0
  252. package/src/components/dialog.ts +165 -0
  253. package/src/components/divider.ts +44 -0
  254. package/src/components/dragbox.ts +127 -0
  255. package/src/components/flex.ts +70 -0
  256. package/src/components/form.ts +82 -0
  257. package/src/components/grid.ts +75 -0
  258. package/src/components/input.ts +72 -0
  259. package/src/components/layout.ts +82 -0
  260. package/src/components/link.ts +38 -0
  261. package/src/components/progress.ts +95 -0
  262. package/src/components/range.ts +404 -0
  263. package/src/components/rotate.ts +92 -0
  264. package/src/components/router.ts +273 -0
  265. package/src/components/select.ts +268 -0
  266. package/src/components/skeleton.ts +118 -0
  267. package/src/components/split.ts +221 -0
  268. package/src/components/switch.ts +180 -0
  269. package/src/components/text.ts +95 -0
  270. package/src/components/time.ts +81 -0
  271. package/src/components/tooltip.ts +138 -0
  272. package/src/components/typewriter.ts +154 -0
  273. package/src/core/global-style.ts +86 -0
  274. package/src/core/super-anchor.ts +52 -0
  275. package/src/core/super-input.ts +230 -0
  276. package/src/core/super-openable.ts +51 -0
  277. package/src/details.ts +11 -0
  278. package/src/dialog.ts +11 -0
  279. package/src/divider.ts +11 -0
  280. package/src/dragbox.ts +11 -0
  281. package/src/flex.ts +11 -0
  282. package/src/form.ts +11 -0
  283. package/src/grid.ts +11 -0
  284. package/src/index.ts +28 -0
  285. package/src/input.ts +13 -0
  286. package/src/layout.ts +12 -0
  287. package/src/link.ts +13 -0
  288. package/src/progress.ts +12 -0
  289. package/src/range.ts +13 -0
  290. package/src/rotate.ts +13 -0
  291. package/src/router.ts +12 -0
  292. package/src/select.ts +13 -0
  293. package/src/skeleton.ts +13 -0
  294. package/src/split.ts +13 -0
  295. package/src/switch.ts +13 -0
  296. package/src/text.ts +13 -0
  297. package/src/time.ts +13 -0
  298. package/src/tooltip.ts +13 -0
  299. package/src/typewriter.ts +11 -0
  300. package/vscode.html-custom-data.json +1 -1
  301. package/web-types.json +1 -1
@@ -2,6 +2,8 @@ import { GlobalStyle } from "../core/global-style.js";
2
2
  /**
3
3
  * {@linkcode Alert} renders a alert.
4
4
  *
5
+ * Color defaults to blue.
6
+ *
5
7
  * @slot - Alert content.
6
8
  * @slot title - Alert title.
7
9
  * @slot icon - Alert icon.
@@ -16,7 +18,7 @@ declare class Alert extends GlobalStyle {
16
18
  * The tone of the component.
17
19
  * Overrides the color of the call.
18
20
  */
19
- color: "white" | "black" | "gray" | "green" | "teal" | "blue" | "red" | "purple" | "orange" | "yellow" | "pink";
21
+ color: "white" | "black" | "gray" | "green" | "teal" | "blue" | "red" | "purple" | "orange" | "yellow" | "pink" | "none";
20
22
  /**
21
23
  * Close delay, if 0, it will not be closed automatically.
22
24
  */
@@ -32,7 +34,7 @@ declare class Alert extends GlobalStyle {
32
34
  /**
33
35
  * Set true to hide the close button.
34
36
  *
35
- * The behavior may change due to the {@linkcode variant} property
37
+ * The behavior may change due to the {@linkcode variant} property.
36
38
  */
37
39
  hideClose: boolean;
38
40
  /**
@@ -41,7 +43,7 @@ declare class Alert extends GlobalStyle {
41
43
  * If variant is `"blockquote"`, hide the close button.
42
44
  */
43
45
  variant: "blockquote" | "dark" | "light";
44
- protected render(): import("lit").TemplateResult<1>;
46
+ protected render(): (symbol | import("lit").TemplateResult<1>)[];
45
47
  close(): void;
46
48
  protected firstUpdated(): void;
47
49
  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":"AAgBA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAwFlF;;;;;;;;;GASG;AACH,cAoEM,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;IAoBhB,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,9 +1,9 @@
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";
5
4
  import { htmlSlot } from "@godown/element/directives/html-slot.js";
6
- import { constructCSS } from "@godown/element/tools/css.js";
5
+ import { htmlStyle } from "@godown/element/directives/html-style.js";
6
+ import { constructCSSObject, toVar } from "@godown/element/tools/css.js";
7
7
  import iconCheckAltCircle from "@godown/f7-icon/icons/checkmark-alt-circle.js";
8
8
  import iconExclamationCircle from "@godown/f7-icon/icons/exclamationmark-circle.js";
9
9
  import iconInfoCircle from "@godown/f7-icon/icons/info-circle.js";
@@ -12,7 +12,7 @@ import iconQuestionCircle from "@godown/f7-icon/icons/question-circle.js";
12
12
  import iconSlashCircle from "@godown/f7-icon/icons/slash-circle.js";
13
13
  import iconXmark from "@godown/f7-icon/icons/xmark.js";
14
14
  import iconXmarkCircle from "@godown/f7-icon/icons/xmark-circle.js";
15
- import { css, html, unsafeCSS } from "lit";
15
+ import { css, html } from "lit";
16
16
  import { property } from "lit/decorators.js";
17
17
  import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
18
18
  const protoName = "alert";
@@ -21,7 +21,7 @@ const vars = ["color", "background"].map((v) => `${cssScope}--${v}`);
21
21
  const genDark = (key) => {
22
22
  return [cssGlobalVars._colors[key][5], cssGlobalVars._colors[key][9]];
23
23
  };
24
- const darkStyles = constructCSS(vars, {
24
+ const darkStyles = constructCSSObject(vars, {
25
25
  green: genDark("green"),
26
26
  blue: genDark("blue"),
27
27
  orange: genDark("orange"),
@@ -33,11 +33,11 @@ const darkStyles = constructCSS(vars, {
33
33
  gray: [cssGlobalVars._colors.lightgray[5], cssGlobalVars._colors.darkgray[5]],
34
34
  white: [cssGlobalVars._colors.lightgray[2], cssGlobalVars._colors.darkgray[7]],
35
35
  black: [cssGlobalVars._colors.darkgray[8], cssGlobalVars._colors.lightgray[5]],
36
- }, (color) => `[color=${color}]`, (prop) => `var(${prop})`);
36
+ }, () => `:host`, (prop) => toVar(prop));
37
37
  const genLight = (key) => {
38
38
  return [cssGlobalVars._colors[key][6], cssGlobalVars._colors[key][0]];
39
39
  };
40
- const lightStyles = constructCSS(vars, {
40
+ const lightStyles = constructCSSObject(vars, {
41
41
  green: genLight("green"),
42
42
  blue: genLight("blue"),
43
43
  orange: genLight("orange"),
@@ -49,7 +49,7 @@ const lightStyles = constructCSS(vars, {
49
49
  gray: [cssGlobalVars._colors.darkgray[5], cssGlobalVars._colors.lightgray[7]],
50
50
  white: [cssGlobalVars._colors.lightgray[0], cssGlobalVars._colors.darkgray[0]],
51
51
  black: [cssGlobalVars._colors.darkgray[7], cssGlobalVars._colors.lightgray[3]],
52
- }, (color) => `[variant="light"][color=${color}]`, (prop) => `var(${prop})`);
52
+ }, () => `:host`, (prop) => toVar(prop));
53
53
  const calls = {
54
54
  tip: {
55
55
  color: "teal",
@@ -87,6 +87,8 @@ const calls = {
87
87
  /**
88
88
  * {@linkcode Alert} renders a alert.
89
89
  *
90
+ * Color defaults to blue.
91
+ *
90
92
  * @slot - Alert content.
91
93
  * @slot title - Alert title.
92
94
  * @slot icon - Alert icon.
@@ -95,6 +97,11 @@ const calls = {
95
97
  let Alert = class Alert extends GlobalStyle {
96
98
  constructor() {
97
99
  super(...arguments);
100
+ /**
101
+ * The tone of the component.
102
+ * Overrides the color of the call.
103
+ */
104
+ this.color = "blue";
98
105
  /**
99
106
  * Close delay, if 0, it will not be closed automatically.
100
107
  */
@@ -102,7 +109,7 @@ let Alert = class Alert extends GlobalStyle {
102
109
  /**
103
110
  * Set true to hide the close button.
104
111
  *
105
- * The behavior may change due to the {@linkcode variant} property
112
+ * The behavior may change due to the {@linkcode variant} property.
106
113
  */
107
114
  this.hideClose = false;
108
115
  /**
@@ -113,16 +120,21 @@ let Alert = class Alert extends GlobalStyle {
113
120
  this.variant = "dark";
114
121
  }
115
122
  render() {
116
- const color = this.call ? this.color || calls[this.call].color : this.color;
123
+ const color = calls[this.call]?.color || this.color;
117
124
  const icon = this.call ? calls[this.call].icon() : htmlSlot("icon");
118
- return html `<div part="root" variant="${this.variant}" color="${color}">
125
+ return [
126
+ html `<div part="root" variant="${this.variant}">
119
127
  <div part="icon">${icon}</div>
120
128
  <div part="content">
121
129
  <strong part="title">${this.title || htmlSlot("title")}</strong>
122
130
  ${this.content || htmlSlot()}
123
131
  </div>
124
- ${conditionIf(!this.hideClose && this.variant !== "blockquote", html `<div part="close" @click="${this.close}">${iconXmark()}</div>`)}
125
- </div>`;
132
+ ${!this.hideClose && this.variant !== "blockquote"
133
+ ? html `<div part="close" tabindex=0 @click="${this.close}">${iconXmark()}</div>`
134
+ : ""}
135
+ </div>`,
136
+ htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color]),
137
+ ];
126
138
  }
127
139
  close() {
128
140
  this.remove();
@@ -156,16 +168,14 @@ __decorate([
156
168
  property()
157
169
  ], Alert.prototype, "content", void 0);
158
170
  __decorate([
159
- property({
160
- type: Boolean,
161
- })
171
+ property({ type: Boolean })
162
172
  ], Alert.prototype, "hideClose", void 0);
163
173
  __decorate([
164
174
  property()
165
175
  ], Alert.prototype, "variant", void 0);
166
176
  Alert = __decorate([
167
177
  godown(protoName),
168
- styles(unsafeCSS(darkStyles), unsafeCSS(lightStyles), css `
178
+ styles(css `
169
179
  :host {
170
180
  border-radius: var(${cssScope}--border-radius);
171
181
  ${cssScope}--border-radius: .25em;
@@ -176,9 +186,10 @@ Alert = __decorate([
176
186
  width: 100%;
177
187
  }
178
188
 
179
- [part="root"] {
189
+ [part=root] {
180
190
  --color: var(${cssScope}--color);
181
191
  color: var(--color);
192
+ width: 100%;
182
193
  transition: 0.25s;
183
194
  display: flex;
184
195
  justify-content: space-between;
@@ -188,7 +199,7 @@ Alert = __decorate([
188
199
  background: var(${cssScope}--background);
189
200
  }
190
201
 
191
- [variant="blockquote"] {
202
+ [variant=blockquote] {
192
203
  border-radius: 0;
193
204
  border-left: var(${cssScope}--blockquote-width) solid var(--color);
194
205
  border-bottom: none;
@@ -197,34 +208,34 @@ Alert = __decorate([
197
208
  background: transparent;
198
209
  }
199
210
 
200
- [part="content"]{
211
+ [part=content]{
201
212
  color: var(--color);
202
213
  }
203
214
 
204
- [part="root"] {
215
+ [part=root] {
205
216
  display: grid;
206
217
  align-items: center;
207
218
  grid-template-columns: auto 1fr auto;
208
219
  grid-template-rows: auto 1fr;
209
220
  }
210
221
 
211
- [part="title"] {
222
+ [part=title] {
212
223
  line-height: 2em;
213
224
  }
214
225
 
215
- [part="icon"] {
226
+ [part=icon] {
216
227
  display: inline-grid;
217
228
  align-items: center;
218
229
  height: 2em;
219
230
  }
220
231
 
221
- [part="icon"] svg {
232
+ [part=icon] svg {
222
233
  margin-right: .5em;
223
234
  width: 1.25em;
224
235
  height: 1.25em;
225
236
  }
226
237
 
227
- [part="content"] {
238
+ [part=content] {
228
239
  grid-row: span 2 / span 2;
229
240
  line-height: 1.5em;
230
241
  }
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"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"}
@@ -5,6 +5,7 @@ import { GlobalStyle } from "../core/global-style.js";
5
5
  * Renders as an image if it has a src property,
6
6
  * otherwise falls back to name or nameless slot.
7
7
  *
8
+ * @slot - Display content if no `src` or `name` provided.
8
9
  * @category display
9
10
  */
10
11
  declare class Avatar extends GlobalStyle {
@@ -13,9 +14,12 @@ declare class Avatar extends GlobalStyle {
13
14
  */
14
15
  src: string | undefined | null;
15
16
  /**
16
- * If the image is not available, the {@linkcode Avatar.format} will be displayed.
17
+ * If the image is not available, display name (call {@linkcode Avatar.format}).
17
18
  */
18
19
  name: string;
20
+ /**
21
+ * Display rounded.
22
+ */
19
23
  round: boolean;
20
24
  protected render(): import("lit").TemplateResult<1>;
21
25
  private _renderAvatar;
@@ -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,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAiCM,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;IAIhB,OAAO,CAAC,aAAa;IAUrB,MAAM;IAIN,YAAY;CAGb;AAED,eAAe,MAAM,CAAC"}
@@ -12,15 +12,19 @@ const cssScope = scopePrefix(protoName);
12
12
  * Renders as an image if it has a src property,
13
13
  * otherwise falls back to name or nameless slot.
14
14
  *
15
+ * @slot - Display content if no `src` or `name` provided.
15
16
  * @category display
16
17
  */
17
18
  let Avatar = class Avatar extends GlobalStyle {
18
19
  constructor() {
19
20
  super(...arguments);
20
21
  /**
21
- * If the image is not available, the {@linkcode Avatar.format} will be displayed.
22
+ * If the image is not available, display name (call {@linkcode Avatar.format}).
22
23
  */
23
24
  this.name = "";
25
+ /**
26
+ * Display rounded.
27
+ */
24
28
  this.round = false;
25
29
  }
26
30
  render() {
@@ -66,21 +70,18 @@ Avatar = __decorate([
66
70
  border-radius:50%;
67
71
  }
68
72
 
69
- [part="image"] {
73
+ [part=image] {
70
74
  width: 100%;
71
75
  height: 100%;
72
76
  object-fit: cover;
73
77
  }
74
78
 
75
- [part="root"] {
79
+ [part=root] {
76
80
  overflow: hidden;
77
81
  position: relative;
78
82
  border-radius: inherit;
79
83
  width: 100%;
80
84
  height: 100%;
81
- }
82
-
83
- [part="root"] {
84
85
  display: flex;
85
86
  align-items: center;
86
87
  justify-content: center;
@@ -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,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;;;;;;;;GAQG;AAkCH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAAhC;;QAOE;;WAEG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV;;WAEG;QAEH,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;AAnCC;IADC,QAAQ,EAAE;mCACoB;AAM/B;IADC,QAAQ,EAAE;oCACD;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACd;AAjBV,MAAM;IAjCX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;mBACG,QAAQ;oBACP,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;GAyBzB,CACF;GACK,MAAM,CAwCX;AAED,eAAe,MAAM,CAAC"}
@@ -11,6 +11,7 @@ import { GlobalStyle } from "../core/global-style.js";
11
11
  *
12
12
  * Inspired by Vercel home page (2023).
13
13
  *
14
+ * @slot - Breathing parts.
14
15
  * @category effect
15
16
  */
16
17
  declare class Breath extends GlobalStyle {
@@ -24,7 +25,7 @@ declare class Breath extends GlobalStyle {
24
25
  * Effect duration, ending in s or ms.
25
26
  */
26
27
  duration: string;
27
- protected render(): (import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
28
+ protected render(): (symbol | import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
28
29
  protected renderText(text: string): import("lit").TemplateResult<1>;
29
30
  protected getTexts(): string[];
30
31
  protected computeStyle(len: number): string;
@@ -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":"AAMA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cA4DM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAExB;;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"}
@@ -19,6 +19,7 @@ const cssScope = scopePrefix(defineName);
19
19
  *
20
20
  * Inspired by Vercel home page (2023).
21
21
  *
22
+ * @slot - Breathing parts.
22
23
  * @category effect
23
24
  */
24
25
  let Breath = class Breath extends GlobalStyle {
@@ -46,7 +47,7 @@ let Breath = class Breath extends GlobalStyle {
46
47
  + (() => {
47
48
  let style1 = "";
48
49
  for (let number = 1; number <= len; number++) {
49
- const delay = -1 * duration / len * (len - (number - 2));
50
+ const delay = -duration / len * (len - number + 1);
50
51
  const defaultNumber = ((number - 1) % 3) + 1;
51
52
  style1 +=
52
53
  `.rel:nth-child(${number}) .colorful{animation-delay:${delay}s;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;
@@ -95,6 +96,7 @@ Breath = __decorate([
95
96
  width: fit-content;
96
97
  font-size: 2em;
97
98
  align-items: center;
99
+ direction: ltr;
98
100
  }
99
101
 
100
102
  ::selection {
@@ -1 +1 @@
1
- {"version":3,"file":"breath.js","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"breath.js","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":"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"}
@@ -1,7 +1,15 @@
1
1
  import { GlobalStyle } from "../core/global-style.js";
2
2
  declare const colors: Record<"teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black", string>;
3
3
  /**
4
- * {@linkcode Button}.
4
+ * {@linkcode Button} renders a button.
5
+ *
6
+ * Create modal animation upon clicking.
7
+ *
8
+ * Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
9
+ *
10
+ * Default color is `black`.
11
+ *
12
+ * Set the color to `none` to prevent applying styles.
5
13
  *
6
14
  * @category input
7
15
  */
@@ -11,7 +19,7 @@ declare class Button extends GlobalStyle {
11
19
  */
12
20
  disabled: boolean;
13
21
  /**
14
- * Invert font and background color.
22
+ * Display ghost.
15
23
  */
16
24
  ghost: boolean;
17
25
  /**
@@ -19,7 +27,7 @@ declare class Button extends GlobalStyle {
19
27
  */
20
28
  active: boolean;
21
29
  /**
22
- * Enables rounded corners to appear capsule shaped.
30
+ * Display rounded.
23
31
  */
24
32
  round: boolean;
25
33
  /**
@@ -27,13 +35,12 @@ declare class Button extends GlobalStyle {
27
35
  */
28
36
  color: "none" | keyof typeof colors;
29
37
  /**
30
- * Text inside.
38
+ * Content text.
31
39
  */
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>[];
40
+ content: string;
41
+ protected _modalRoot: HTMLElement;
42
+ protected _root: HTMLElement;
43
+ protected render(): import("lit").TemplateResult<1>;
37
44
  focus(): void;
38
45
  blur(): void;
39
46
  firstUpdated(): void;
@@ -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":"AASA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAQlF,QAAA,MAAM,MAAM,0HA6DX,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cA8FM,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;IAUhB,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,26 +1,22 @@
1
- var Button_1;
2
1
  import { __decorate } from "tslib";
3
2
  import { godown } from "@godown/element/decorators/godown.js";
4
3
  import { part } from "@godown/element/decorators/part.js";
5
4
  import { styles } from "@godown/element/decorators/styles.js";
6
5
  import { htmlSlot } from "@godown/element/directives/html-slot.js";
7
6
  import { htmlStyle } from "@godown/element/directives/html-style.js";
8
- import { constructCSSObject } from "@godown/element/tools/css.js";
9
- import { css, html, unsafeCSS } from "lit";
7
+ import { constructCSSObject, toVar } from "@godown/element/tools/css.js";
8
+ import { css, html } from "lit";
10
9
  import { property } from "lit/decorators.js";
11
10
  import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
12
11
  const protoName = "button";
13
12
  const cssScope = scopePrefix(protoName);
14
- const whiteFont = cssGlobalVars._colors.lightgray[0];
15
- const blackFont = cssGlobalVars._colors.darkgray[6];
16
- const toVar = (s) => {
17
- return unsafeCSS(`var(${s})`);
18
- };
13
+ const whiteFont = cssGlobalVars.white;
14
+ const blackFont = cssGlobalVars.black;
19
15
  const colors = constructCSSObject(["color", "background", "gradients"].map((k) => `${cssScope}--${k}`), {
20
16
  black: [
21
17
  whiteFont, // color
22
18
  cssGlobalVars._colors.darkgray[7], // background
23
- cssGlobalVars._colors.darkgray[4], // gradients
19
+ cssGlobalVars._colors.darkgray[5], // gradients
24
20
  ],
25
21
  gray: [
26
22
  whiteFont, // color
@@ -72,13 +68,21 @@ const colors = constructCSSObject(["color", "background", "gradients"].map((k) =
72
68
  cssGlobalVars._colors.teal[6], // background
73
69
  cssGlobalVars._colors.teal[4], // gradients
74
70
  ],
75
- }, () => `:host`, toVar);
71
+ }, () => `:host`, (prop) => toVar(prop));
76
72
  /**
77
- * {@linkcode Button}.
73
+ * {@linkcode Button} renders a button.
74
+ *
75
+ * Create modal animation upon clicking.
76
+ *
77
+ * Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
78
+ *
79
+ * Default color is `black`.
80
+ *
81
+ * Set the color to `none` to prevent applying styles.
78
82
  *
79
83
  * @category input
80
84
  */
81
- let Button = Button_1 = class Button extends GlobalStyle {
85
+ let Button = class Button extends GlobalStyle {
82
86
  constructor() {
83
87
  super(...arguments);
84
88
  /**
@@ -88,22 +92,23 @@ let Button = Button_1 = class Button extends GlobalStyle {
88
92
  }
89
93
  render() {
90
94
  const color = this.nextColor();
91
- return [
92
- html `<div part="root">
93
- <span part="modal-root"></span>
94
- <div part="slot">${this.text || htmlSlot()}</div>
95
- </div>`,
96
- htmlStyle(Button_1.colors[color]),
97
- ];
95
+ return html `<div part="root">
96
+ <span part="modal-root"></span>
97
+ <div part="content">
98
+ ${[this.content || htmlSlot(), htmlStyle(colors[color])]}
99
+ </div>
100
+ </div>`;
98
101
  }
99
102
  focus() {
100
103
  if (this.disabled) {
101
104
  return;
102
105
  }
103
106
  this.active = true;
107
+ super.focus();
104
108
  }
105
109
  blur() {
106
110
  this.active = false;
111
+ super.blur();
107
112
  }
108
113
  firstUpdated() {
109
114
  this.events.add(this, "click", this._handelClick, true);
@@ -134,7 +139,6 @@ let Button = Button_1 = class Button extends GlobalStyle {
134
139
  return this.color;
135
140
  }
136
141
  };
137
- Button.colors = colors;
138
142
  __decorate([
139
143
  property({ type: Boolean, reflect: true })
140
144
  ], Button.prototype, "disabled", void 0);
@@ -152,14 +156,14 @@ __decorate([
152
156
  ], Button.prototype, "color", void 0);
153
157
  __decorate([
154
158
  property()
155
- ], Button.prototype, "text", void 0);
159
+ ], Button.prototype, "content", void 0);
156
160
  __decorate([
157
161
  part("modal-root")
158
162
  ], Button.prototype, "_modalRoot", void 0);
159
163
  __decorate([
160
164
  part("root")
161
165
  ], Button.prototype, "_root", void 0);
162
- Button = Button_1 = __decorate([
166
+ Button = __decorate([
163
167
  godown(protoName),
164
168
  styles(css `
165
169
  :host(:not([disabled]):active) {
@@ -209,7 +213,7 @@ Button = Button_1 = __decorate([
209
213
  cursor: pointer;
210
214
  }
211
215
 
212
- [part="root"] {
216
+ [part=root] {
213
217
  width: 100%;
214
218
  height: 100%;
215
219
  overflow: hidden;
@@ -220,7 +224,7 @@ Button = Button_1 = __decorate([
220
224
  transition-duration: inherit;
221
225
  }
222
226
 
223
- [part="slot"] {
227
+ [part=content] {
224
228
  padding: var(${cssScope}--padding);
225
229
  }
226
230
 
@@ -241,7 +245,7 @@ Button = Button_1 = __decorate([
241
245
  @keyframes kf {
242
246
  0% {
243
247
  transform: scale(0) translate(-50%, -50%);
244
- opacity: var(${cssScope}--modal-opacity, 0.18);
248
+ opacity: var(${cssScope}--modal-opacity, 0.1);
245
249
  }
246
250
  80% {
247
251
  transform: scale(1) translate(-50%, -50%);
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACzE,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,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC;AACtC,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC;AAEtC,MAAM,MAAM,GAAG,kBAAkB,CAC/B,CAAC,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,QAAQ,KAAK,CAAC,EAAE,CAAC,EACpE;IACE,KAAK,EAAE;QACL,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa;QAChD,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY;KAChD;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa;QAChD,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY;KACjD;IACD,KAAK,EAAE;QACL,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa;QACjD,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY;KACjD;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa;QAC5C,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAAY;KAC5C;IACD,KAAK,EAAE;QACL,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAAa;QAC7C,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,YAAY;KAC7C;IACD,GAAG,EAAE;QACH,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,aAAa;QAC3C,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,YAAY;KAC3C;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa;QAC9C,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY;KAC9C;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa;QAC5C,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAAY;KAC5C;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa;QAC9C,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY;KAC9C;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa;QAC9C,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY;KAC9C;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa;QAC5C,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAAY;KAC5C;CACF,EACD,GAAG,EAAE,CAAC,OAAO,EACb,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CACtB,CAAC;AAEF;;;;;;;;;;;;GAYG;AA+FH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAAhC;;QAyBE;;WAEG;QAEH,UAAK,GAAiC,OAAO,CAAC;IAmEhD,CAAC;IAtDW,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAA;;;UAGL,CAAC,IAAI,CAAC,OAAO,IAAI,QAAQ,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;;WAErD,CAAC;IACV,CAAC;IAED,KAAK;QACH,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAED,YAAY;QACV,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC1D,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC1C,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;QACtB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrB,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;QACjD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QAC1B,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;QACzB,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;QAChD,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC;QAC5C,KAAK,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACnC,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/E,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;CACF,CAAA;AA3FC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCACzB;AAMlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAC5B;AAMf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAC3B;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAC5B;AAMf;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCACkB;AAM9C;IADC,QAAQ,EAAE;uCACK;AAGN;IADT,IAAI,CAAC,YAAY,CAAC;0CACe;AAExB;IADT,IAAI,CAAC,MAAM,CAAC;qCACgB;AAxCzB,MAAM;IA9FX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;6BAEwB,QAAQ;;;;QAI7B,QAAQ;;;;;;;;;;QAUR,QAAQ,2BAA2B,QAAQ;yCACV,QAAQ,sBAAsB,QAAQ;mBAC5D,QAAQ;;;GAGxB,EACD,GAAG,CAAA;;QAEG,QAAQ;QACR,QAAQ;QACR,QAAQ,kBAAkB,QAAQ,oBAAoB,QAAQ;QAC9D,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ,qBAAqB,QAAQ;mBAC1B,QAAQ;;cAEb,QAAQ;cACR,QAAQ;cACR,QAAQ,oBAAoB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;qBAyB7B,QAAQ;;;;;;;;;;;;;wBAaL,QAAQ;gCACA,QAAQ;;;;;;uBAMjB,QAAQ;;;;;;;;;GAS5B,CACF;GACK,MAAM,CAgGX;AAED,eAAe,MAAM,CAAC"}
@@ -11,10 +11,9 @@ import { GlobalStyle } from "../core/global-style.js";
11
11
  * @category display
12
12
  */
13
13
  declare class Card extends GlobalStyle {
14
- shadow: "none" | "always" | "hover";
15
14
  footer: boolean;
16
15
  header: boolean;
17
- protected render(): (import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
16
+ protected render(): (string | import("lit").TemplateResult<1>)[];
18
17
  }
19
18
  export default Card;
20
19
  //# sourceMappingURL=card.d.ts.map