godown 3.5.0 → 3.5.2

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 (312) hide show
  1. package/README.md +0 -4
  2. package/build/godown+lit.iife.js +2 -2
  3. package/build/godown+lit.iife.js.map +1 -1
  4. package/build/godown+lit.js +2 -2
  5. package/build/godown+lit.js.map +1 -1
  6. package/build/godown+lit.umd.js +2 -2
  7. package/build/godown+lit.umd.js.map +1 -1
  8. package/build/godown.iife.js +2 -2
  9. package/build/godown.js +2 -2
  10. package/build/godown.js.map +1 -1
  11. package/build/godown.umd.js +2 -2
  12. package/build/godown.umd.js.map +1 -1
  13. package/components/badge.js +1 -1
  14. package/components/badge.js.map +1 -1
  15. package/components/button.js +1 -1
  16. package/components/button.js.map +1 -1
  17. package/components/details.js +1 -1
  18. package/components/details.js.map +1 -1
  19. package/components/dialog.js +1 -1
  20. package/components/dialog.js.map +1 -1
  21. package/components/input.js +1 -1
  22. package/components/input.js.map +1 -1
  23. package/components/select.d.ts.map +1 -1
  24. package/components/select.js +1 -1
  25. package/components/select.js.map +1 -1
  26. package/core/super-input.d.ts +1 -0
  27. package/core/super-input.d.ts.map +1 -1
  28. package/core/super-input.js +1 -1
  29. package/core/super-input.js.map +1 -1
  30. package/core/super-openable.d.ts +0 -1
  31. package/core/super-openable.d.ts.map +1 -1
  32. package/core/super-openable.js +1 -1
  33. package/core/super-openable.js.map +1 -1
  34. package/custom-elements.json +1 -1
  35. package/package.json +6 -18
  36. package/src/components/button.ts +2 -3
  37. package/src/components/details.ts +1 -1
  38. package/src/components/dialog.ts +4 -6
  39. package/src/components/input.ts +1 -0
  40. package/src/components/select.ts +1 -1
  41. package/src/core/super-input.ts +6 -11
  42. package/src/core/super-openable.ts +0 -4
  43. package/tsconfig.json +33 -0
  44. package/web-types.json +1 -1
  45. package/dev/alert.d.ts +0 -9
  46. package/dev/alert.d.ts.map +0 -1
  47. package/dev/alert.js +0 -5
  48. package/dev/alert.js.map +0 -1
  49. package/dev/avatar.d.ts +0 -9
  50. package/dev/avatar.d.ts.map +0 -1
  51. package/dev/avatar.js +0 -5
  52. package/dev/avatar.js.map +0 -1
  53. package/dev/badge.d.ts +0 -9
  54. package/dev/badge.d.ts.map +0 -1
  55. package/dev/badge.js +0 -5
  56. package/dev/badge.js.map +0 -1
  57. package/dev/breath.d.ts +0 -9
  58. package/dev/breath.d.ts.map +0 -1
  59. package/dev/breath.js +0 -5
  60. package/dev/breath.js.map +0 -1
  61. package/dev/button.d.ts +0 -9
  62. package/dev/button.d.ts.map +0 -1
  63. package/dev/button.js +0 -5
  64. package/dev/button.js.map +0 -1
  65. package/dev/card.d.ts +0 -9
  66. package/dev/card.d.ts.map +0 -1
  67. package/dev/card.js +0 -5
  68. package/dev/card.js.map +0 -1
  69. package/dev/carousel.d.ts +0 -9
  70. package/dev/carousel.d.ts.map +0 -1
  71. package/dev/carousel.js +0 -5
  72. package/dev/carousel.js.map +0 -1
  73. package/dev/components/alert.d.ts +0 -55
  74. package/dev/components/alert.d.ts.map +0 -1
  75. package/dev/components/alert.js +0 -236
  76. package/dev/components/alert.js.map +0 -1
  77. package/dev/components/avatar.d.ts +0 -33
  78. package/dev/components/avatar.d.ts.map +0 -1
  79. package/dev/components/avatar.js +0 -119
  80. package/dev/components/avatar.js.map +0 -1
  81. package/dev/components/badge.d.ts +0 -31
  82. package/dev/components/badge.d.ts.map +0 -1
  83. package/dev/components/badge.js +0 -122
  84. package/dev/components/badge.js.map +0 -1
  85. package/dev/components/breath.d.ts +0 -36
  86. package/dev/components/breath.d.ts.map +0 -1
  87. package/dev/components/breath.js +0 -135
  88. package/dev/components/breath.js.map +0 -1
  89. package/dev/components/button.d.ts +0 -60
  90. package/dev/components/button.d.ts.map +0 -1
  91. package/dev/components/button.js +0 -288
  92. package/dev/components/button.js.map +0 -1
  93. package/dev/components/card.d.ts +0 -27
  94. package/dev/components/card.d.ts.map +0 -1
  95. package/dev/components/card.js +0 -87
  96. package/dev/components/card.js.map +0 -1
  97. package/dev/components/carousel.d.ts +0 -39
  98. package/dev/components/carousel.d.ts.map +0 -1
  99. package/dev/components/carousel.js +0 -184
  100. package/dev/components/carousel.js.map +0 -1
  101. package/dev/components/details.d.ts +0 -24
  102. package/dev/components/details.d.ts.map +0 -1
  103. package/dev/components/details.js +0 -124
  104. package/dev/components/details.js.map +0 -1
  105. package/dev/components/dialog.d.ts +0 -43
  106. package/dev/components/dialog.d.ts.map +0 -1
  107. package/dev/components/dialog.js +0 -154
  108. package/dev/components/dialog.js.map +0 -1
  109. package/dev/components/divider.d.ts +0 -17
  110. package/dev/components/divider.d.ts.map +0 -1
  111. package/dev/components/divider.js +0 -64
  112. package/dev/components/divider.js.map +0 -1
  113. package/dev/components/dragbox.d.ts +0 -42
  114. package/dev/components/dragbox.d.ts.map +0 -1
  115. package/dev/components/dragbox.js +0 -126
  116. package/dev/components/dragbox.js.map +0 -1
  117. package/dev/components/flex.d.ts +0 -34
  118. package/dev/components/flex.d.ts.map +0 -1
  119. package/dev/components/flex.js +0 -73
  120. package/dev/components/flex.js.map +0 -1
  121. package/dev/components/form.d.ts +0 -24
  122. package/dev/components/form.d.ts.map +0 -1
  123. package/dev/components/form.js +0 -76
  124. package/dev/components/form.js.map +0 -1
  125. package/dev/components/grid.d.ts +0 -38
  126. package/dev/components/grid.d.ts.map +0 -1
  127. package/dev/components/grid.js +0 -67
  128. package/dev/components/grid.js.map +0 -1
  129. package/dev/components/heading.d.ts +0 -31
  130. package/dev/components/heading.d.ts.map +0 -1
  131. package/dev/components/heading.js +0 -127
  132. package/dev/components/heading.js.map +0 -1
  133. package/dev/components/input.d.ts +0 -23
  134. package/dev/components/input.d.ts.map +0 -1
  135. package/dev/components/input.js +0 -99
  136. package/dev/components/input.js.map +0 -1
  137. package/dev/components/layout.d.ts +0 -28
  138. package/dev/components/layout.d.ts.map +0 -1
  139. package/dev/components/layout.js +0 -96
  140. package/dev/components/layout.js.map +0 -1
  141. package/dev/components/link.d.ts +0 -54
  142. package/dev/components/link.d.ts.map +0 -1
  143. package/dev/components/link.js +0 -110
  144. package/dev/components/link.js.map +0 -1
  145. package/dev/components/progress.d.ts +0 -16
  146. package/dev/components/progress.d.ts.map +0 -1
  147. package/dev/components/progress.js +0 -101
  148. package/dev/components/progress.js.map +0 -1
  149. package/dev/components/range.d.ts +0 -122
  150. package/dev/components/range.d.ts.map +0 -1
  151. package/dev/components/range.js +0 -391
  152. package/dev/components/range.js.map +0 -1
  153. package/dev/components/rotate.d.ts +0 -30
  154. package/dev/components/rotate.d.ts.map +0 -1
  155. package/dev/components/rotate.js +0 -93
  156. package/dev/components/rotate.js.map +0 -1
  157. package/dev/components/router.d.ts +0 -116
  158. package/dev/components/router.d.ts.map +0 -1
  159. package/dev/components/router.js +0 -240
  160. package/dev/components/router.js.map +0 -1
  161. package/dev/components/select.d.ts +0 -53
  162. package/dev/components/select.d.ts.map +0 -1
  163. package/dev/components/select.js +0 -269
  164. package/dev/components/select.js.map +0 -1
  165. package/dev/components/skeleton.d.ts +0 -28
  166. package/dev/components/skeleton.d.ts.map +0 -1
  167. package/dev/components/skeleton.js +0 -122
  168. package/dev/components/skeleton.js.map +0 -1
  169. package/dev/components/split.d.ts +0 -56
  170. package/dev/components/split.d.ts.map +0 -1
  171. package/dev/components/split.js +0 -220
  172. package/dev/components/split.js.map +0 -1
  173. package/dev/components/switch.d.ts +0 -32
  174. package/dev/components/switch.d.ts.map +0 -1
  175. package/dev/components/switch.js +0 -147
  176. package/dev/components/switch.js.map +0 -1
  177. package/dev/components/text.d.ts +0 -21
  178. package/dev/components/text.d.ts.map +0 -1
  179. package/dev/components/text.js +0 -96
  180. package/dev/components/text.js.map +0 -1
  181. package/dev/components/time.d.ts +0 -36
  182. package/dev/components/time.d.ts.map +0 -1
  183. package/dev/components/time.js +0 -75
  184. package/dev/components/time.js.map +0 -1
  185. package/dev/components/tooltip.d.ts +0 -51
  186. package/dev/components/tooltip.d.ts.map +0 -1
  187. package/dev/components/tooltip.js +0 -140
  188. package/dev/components/tooltip.js.map +0 -1
  189. package/dev/components/typewriter.d.ts +0 -49
  190. package/dev/components/typewriter.d.ts.map +0 -1
  191. package/dev/components/typewriter.js +0 -149
  192. package/dev/components/typewriter.js.map +0 -1
  193. package/dev/core/direction.d.ts +0 -27
  194. package/dev/core/direction.d.ts.map +0 -1
  195. package/dev/core/direction.js +0 -56
  196. package/dev/core/direction.js.map +0 -1
  197. package/dev/core/global-style.d.ts +0 -20
  198. package/dev/core/global-style.d.ts.map +0 -1
  199. package/dev/core/global-style.js +0 -82
  200. package/dev/core/global-style.js.map +0 -1
  201. package/dev/core/outline.d.ts +0 -20
  202. package/dev/core/outline.d.ts.map +0 -1
  203. package/dev/core/outline.js +0 -44
  204. package/dev/core/outline.js.map +0 -1
  205. package/dev/core/super-anchor.d.ts +0 -18
  206. package/dev/core/super-anchor.d.ts.map +0 -1
  207. package/dev/core/super-anchor.js +0 -60
  208. package/dev/core/super-anchor.js.map +0 -1
  209. package/dev/core/super-input.d.ts +0 -43
  210. package/dev/core/super-input.d.ts.map +0 -1
  211. package/dev/core/super-input.js +0 -203
  212. package/dev/core/super-input.js.map +0 -1
  213. package/dev/core/super-openable.d.ts +0 -16
  214. package/dev/core/super-openable.d.ts.map +0 -1
  215. package/dev/core/super-openable.js +0 -36
  216. package/dev/core/super-openable.js.map +0 -1
  217. package/dev/details.d.ts +0 -9
  218. package/dev/details.d.ts.map +0 -1
  219. package/dev/details.js +0 -5
  220. package/dev/details.js.map +0 -1
  221. package/dev/dialog.d.ts +0 -9
  222. package/dev/dialog.d.ts.map +0 -1
  223. package/dev/dialog.js +0 -5
  224. package/dev/dialog.js.map +0 -1
  225. package/dev/divider.d.ts +0 -9
  226. package/dev/divider.d.ts.map +0 -1
  227. package/dev/divider.js +0 -5
  228. package/dev/divider.js.map +0 -1
  229. package/dev/dragbox.d.ts +0 -9
  230. package/dev/dragbox.d.ts.map +0 -1
  231. package/dev/dragbox.js +0 -5
  232. package/dev/dragbox.js.map +0 -1
  233. package/dev/flex.d.ts +0 -9
  234. package/dev/flex.d.ts.map +0 -1
  235. package/dev/flex.js +0 -5
  236. package/dev/flex.js.map +0 -1
  237. package/dev/form.d.ts +0 -9
  238. package/dev/form.d.ts.map +0 -1
  239. package/dev/form.js +0 -5
  240. package/dev/form.js.map +0 -1
  241. package/dev/grid.d.ts +0 -9
  242. package/dev/grid.d.ts.map +0 -1
  243. package/dev/grid.js +0 -5
  244. package/dev/grid.js.map +0 -1
  245. package/dev/heading.d.ts +0 -9
  246. package/dev/heading.d.ts.map +0 -1
  247. package/dev/heading.js +0 -5
  248. package/dev/heading.js.map +0 -1
  249. package/dev/index.d.ts +0 -31
  250. package/dev/index.d.ts.map +0 -1
  251. package/dev/index.js +0 -31
  252. package/dev/index.js.map +0 -1
  253. package/dev/input.d.ts +0 -9
  254. package/dev/input.d.ts.map +0 -1
  255. package/dev/input.js +0 -5
  256. package/dev/input.js.map +0 -1
  257. package/dev/layout.d.ts +0 -9
  258. package/dev/layout.d.ts.map +0 -1
  259. package/dev/layout.js +0 -5
  260. package/dev/layout.js.map +0 -1
  261. package/dev/link.d.ts +0 -9
  262. package/dev/link.d.ts.map +0 -1
  263. package/dev/link.js +0 -5
  264. package/dev/link.js.map +0 -1
  265. package/dev/progress.d.ts +0 -9
  266. package/dev/progress.d.ts.map +0 -1
  267. package/dev/progress.js +0 -5
  268. package/dev/progress.js.map +0 -1
  269. package/dev/range.d.ts +0 -9
  270. package/dev/range.d.ts.map +0 -1
  271. package/dev/range.js +0 -5
  272. package/dev/range.js.map +0 -1
  273. package/dev/rotate.d.ts +0 -9
  274. package/dev/rotate.d.ts.map +0 -1
  275. package/dev/rotate.js +0 -5
  276. package/dev/rotate.js.map +0 -1
  277. package/dev/router.d.ts +0 -9
  278. package/dev/router.d.ts.map +0 -1
  279. package/dev/router.js +0 -5
  280. package/dev/router.js.map +0 -1
  281. package/dev/select.d.ts +0 -9
  282. package/dev/select.d.ts.map +0 -1
  283. package/dev/select.js +0 -5
  284. package/dev/select.js.map +0 -1
  285. package/dev/skeleton.d.ts +0 -9
  286. package/dev/skeleton.d.ts.map +0 -1
  287. package/dev/skeleton.js +0 -5
  288. package/dev/skeleton.js.map +0 -1
  289. package/dev/split.d.ts +0 -9
  290. package/dev/split.d.ts.map +0 -1
  291. package/dev/split.js +0 -5
  292. package/dev/split.js.map +0 -1
  293. package/dev/switch.d.ts +0 -9
  294. package/dev/switch.d.ts.map +0 -1
  295. package/dev/switch.js +0 -5
  296. package/dev/switch.js.map +0 -1
  297. package/dev/text.d.ts +0 -9
  298. package/dev/text.d.ts.map +0 -1
  299. package/dev/text.js +0 -5
  300. package/dev/text.js.map +0 -1
  301. package/dev/time.d.ts +0 -9
  302. package/dev/time.d.ts.map +0 -1
  303. package/dev/time.js +0 -5
  304. package/dev/time.js.map +0 -1
  305. package/dev/tooltip.d.ts +0 -9
  306. package/dev/tooltip.d.ts.map +0 -1
  307. package/dev/tooltip.js +0 -5
  308. package/dev/tooltip.js.map +0 -1
  309. package/dev/typewriter.d.ts +0 -9
  310. package/dev/typewriter.d.ts.map +0 -1
  311. package/dev/typewriter.js +0 -5
  312. package/dev/typewriter.js.map +0 -1
@@ -1,27 +0,0 @@
1
- import { type TemplateResult } from "lit";
2
- import { GlobalStyle } from "../core/global-style.js";
3
- /**
4
- * {@linkcode Card} renders a card.
5
- *
6
- * This may be similar to {@linkcode Layout},
7
- * but it needs to be specified to enable header and footer.
8
- *
9
- * @slot - The main content of the card.
10
- * @slot header - The header of the card.
11
- * @slot footer - The footer of the card.
12
- * @category display
13
- */
14
- declare class Card extends GlobalStyle {
15
- /**
16
- * Whether to display the header.
17
- */
18
- footer: boolean;
19
- /**
20
- * Whether to display the footer.
21
- */
22
- header: boolean;
23
- protected render(): TemplateResult<1>;
24
- }
25
- export default Card;
26
- export { Card };
27
- //# sourceMappingURL=card.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAMlF;;;;;;;;;;GAUG;AACH,cAmCM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAUtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -1,87 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { attr, godown, htmlSlot, styles } from "@godown/element";
3
- import { css, html } from "lit";
4
- import { property } from "lit/decorators.js";
5
- import { GlobalStyle, cssGlobalVars, scopePrefix } from "../core/global-style.js";
6
- const protoName = "card";
7
- const cssScope = scopePrefix(protoName);
8
- /**
9
- * {@linkcode Card} renders a card.
10
- *
11
- * This may be similar to {@linkcode Layout},
12
- * but it needs to be specified to enable header and footer.
13
- *
14
- * @slot - The main content of the card.
15
- * @slot header - The header of the card.
16
- * @slot footer - The footer of the card.
17
- * @category display
18
- */
19
- let Card = class Card extends GlobalStyle {
20
- constructor() {
21
- super(...arguments);
22
- /**
23
- * Whether to display the header.
24
- */
25
- this.footer = false;
26
- /**
27
- * Whether to display the footer.
28
- */
29
- this.header = false;
30
- }
31
- render() {
32
- return html `
33
- <div
34
- part="root"
35
- ${attr(this.observedRecord)}
36
- >
37
- ${[this.header ? htmlSlot("header") : "", htmlSlot(), this.footer ? htmlSlot("footer") : ""]}
38
- </div>
39
- `;
40
- }
41
- };
42
- __decorate([
43
- property({ type: Boolean })
44
- ], Card.prototype, "footer", void 0);
45
- __decorate([
46
- property({ type: Boolean })
47
- ], Card.prototype, "header", void 0);
48
- Card = __decorate([
49
- godown(protoName),
50
- styles(css `
51
- :host {
52
- ${cssScope}--border-width: .075em;
53
- ${cssScope}--border-color: var(${cssGlobalVars.passive});
54
- ${cssScope}--padding: .5em;
55
- border-width: var(${cssScope}--border-width);
56
- display: block;
57
- flex-shrink: 0;
58
- border-radius: 0.2em;
59
- }
60
-
61
- slot {
62
- display: block;
63
- padding: var(${cssScope}--padding);
64
- }
65
-
66
- :host,
67
- slot {
68
- border-color: var(${cssScope}--border-color);
69
- border-style: solid;
70
- }
71
-
72
- [part="root"] {
73
- width: 100%;
74
- }
75
-
76
- [name="footer"] {
77
- border-top-width: var(${cssScope}--border-width);
78
- }
79
-
80
- [name="header"] {
81
- border-bottom-width: var(${cssScope}--border-width);
82
- }
83
- `)
84
- ], Card);
85
- export default Card;
86
- export { Card };
87
- //# sourceMappingURL=card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGlF,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;;;GAUG;AAoCH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;QAEf;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;IAYjB,CAAC;IAVW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;;KAE/F,CAAC;IACJ,CAAC;CACF,CAAA;AAlBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCACb;AAMf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCACb;AAXX,IAAI;IAnCT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;MAEL,QAAQ;MACR,QAAQ,uBAAuB,aAAa,CAAC,OAAO;MACpD,QAAQ;wBACU,QAAQ;;;;;;;;mBAQb,QAAQ;;;;;wBAKH,QAAQ;;;;;;;;;4BASJ,QAAQ;;;;+BAIL,QAAQ;;CAEtC,CAAC;GACI,IAAI,CAuBT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -1,39 +0,0 @@
1
- import { type TemplateResult } from "lit";
2
- import { GlobalStyle } from "../core/global-style.js";
3
- /**
4
- * {@linkcode Carousel} make the content display as a carousel.
5
- *
6
- * When this component is `firstUpdated`,
7
- * clone the first and last element and make the matching element visible when switching index.
8
- *
9
- * @slot - Carousel items, should maintain the same size.
10
- * @fires change - Fires when the index changes.
11
- * @category display
12
- */
13
- declare class Carousel extends GlobalStyle {
14
- /**
15
- * The index of the current item.
16
- */
17
- index: number;
18
- /**
19
- * The duration of the transition.
20
- */
21
- autoChange: number;
22
- protected _moveRoot: HTMLElement;
23
- intervalID: number;
24
- private __cloneFirst;
25
- private __cloneLast;
26
- protected _offset: number;
27
- protected render(): TemplateResult<1>;
28
- connectedCallback(): void;
29
- protected firstUpdated(): Promise<void>;
30
- attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
31
- show(i: number, n?: boolean): void;
32
- next(): void;
33
- prev(): void;
34
- protected _doTranslateX(xValue: string, noTransition?: boolean): void;
35
- normalizeIndex(i: number): number;
36
- }
37
- export default Carousel;
38
- export { Carousel };
39
- //# sourceMappingURL=carousel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD;;;;;;;;;GASG;AACH,cA6CM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAGf,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,WAAW,CAA0B;IAE7C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAuBrC,iBAAiB,IAAI,IAAI;cAYT,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAK7C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;IAoBlC,IAAI,IAAI,IAAI;IASZ,IAAI,IAAI,IAAI;IASZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAKrE,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;CAQlC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -1,184 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { attr, godown, htmlSlot, part, styles } from "@godown/element";
3
- import iconChevronLeft from "@godown/f7-icon/icons/chevron-left.js";
4
- import iconChevronRight from "@godown/f7-icon/icons/chevron-right.js";
5
- import { css, html } from "lit";
6
- import { property } from "lit/decorators.js";
7
- import { GlobalStyle } from "../core/global-style.js";
8
- const protoName = "carousel";
9
- function getWidth(e) {
10
- return e.getBoundingClientRect().width;
11
- }
12
- /**
13
- * {@linkcode Carousel} make the content display as a carousel.
14
- *
15
- * When this component is `firstUpdated`,
16
- * clone the first and last element and make the matching element visible when switching index.
17
- *
18
- * @slot - Carousel items, should maintain the same size.
19
- * @fires change - Fires when the index changes.
20
- * @category display
21
- */
22
- let Carousel = class Carousel extends GlobalStyle {
23
- constructor() {
24
- super(...arguments);
25
- /**
26
- * The index of the current item.
27
- */
28
- this.index = 0;
29
- /**
30
- * The duration of the transition.
31
- */
32
- this.autoChange = 0;
33
- }
34
- render() {
35
- return html `
36
- <div
37
- part="root"
38
- ${attr(this.observedRecord)}
39
- >
40
- <i
41
- part="prev"
42
- @click="${this.prev}"
43
- >
44
- ${iconChevronLeft()}
45
- </i>
46
- <div part="move-root">${htmlSlot()}</div>
47
- <i
48
- part="next"
49
- @click="${this.next}"
50
- >
51
- ${iconChevronRight()}
52
- </i>
53
- </div>
54
- `;
55
- }
56
- connectedCallback() {
57
- super.connectedCallback();
58
- if (this.children.length) {
59
- this.__cloneFirst?.remove();
60
- this.__cloneLast?.remove();
61
- this.__cloneLast = this.firstElementChild.cloneNode(true);
62
- this.__cloneFirst = this.lastElementChild.cloneNode(true);
63
- this.appendChild(this.__cloneLast);
64
- this.insertBefore(this.__cloneFirst, this.firstElementChild);
65
- }
66
- }
67
- async firstUpdated() {
68
- await this.updateComplete;
69
- this.show(this.index, true);
70
- }
71
- attributeChangedCallback(name, _old, value) {
72
- super.attributeChangedCallback(name, _old, value);
73
- if (name === "index" && this.isConnected) {
74
- this.show(this.index);
75
- }
76
- }
77
- show(i, n) {
78
- i = this.normalizeIndex(i);
79
- this.index = i;
80
- this._offset = 0;
81
- for (let childIndex = 0; childIndex <= i; childIndex++) {
82
- this._offset -= getWidth(this.children[childIndex]);
83
- }
84
- this._offset += (getWidth(this) - getWidth(this.children[i + 1])) / 2;
85
- this.dispatchEvent(new CustomEvent("change", { detail: i, composed: true }));
86
- this._doTranslateX(`${this._offset}px`, n);
87
- this.timeouts.remove(this.intervalID);
88
- if (this.autoChange > 0) {
89
- this.intervalID = this.timeouts.add(setInterval(() => {
90
- this.next();
91
- }, this.autoChange));
92
- }
93
- }
94
- next() {
95
- if (this.index === this.childElementCount - 3) {
96
- this._doTranslateX("0", true);
97
- this.show(0);
98
- }
99
- else {
100
- this.show(this.index + 1);
101
- }
102
- }
103
- prev() {
104
- if (this.index === 0) {
105
- this._doTranslateX(`-${this.childElementCount - 1}00%`, true);
106
- this.show(this.children.length - 3);
107
- }
108
- else {
109
- this.show(this.index - 1);
110
- }
111
- }
112
- _doTranslateX(xValue, noTransition) {
113
- this._moveRoot.style.transform = `translateX(${xValue})`;
114
- this._moveRoot.style.transition = noTransition ? "none" : "";
115
- }
116
- normalizeIndex(i) {
117
- if (i < 0) {
118
- return 0;
119
- }
120
- else if (i > this.children.length - 3) {
121
- return this.children.length - 3;
122
- }
123
- return i;
124
- }
125
- };
126
- __decorate([
127
- property({ type: Number })
128
- ], Carousel.prototype, "index", void 0);
129
- __decorate([
130
- property({ type: Number })
131
- ], Carousel.prototype, "autoChange", void 0);
132
- __decorate([
133
- part("move-root")
134
- ], Carousel.prototype, "_moveRoot", void 0);
135
- Carousel = __decorate([
136
- godown(protoName),
137
- styles(css `
138
- :host {
139
- display: block;
140
- transition: 0.3s;
141
- }
142
-
143
- [part="root"] {
144
- direction: ltr;
145
- overflow: hidden;
146
- }
147
-
148
- [part="root"],
149
- [part="move-root"] {
150
- height: 100%;
151
- width: 100%;
152
- display: flex;
153
- position: relative;
154
- transition: inherit;
155
- }
156
-
157
- [part="prev"],
158
- [part="next"] {
159
- height: 100%;
160
- width: 1.5em;
161
- z-index: 1;
162
- position: absolute;
163
- display: flex;
164
- align-items: center;
165
- justify-content: center;
166
- user-select: none;
167
- }
168
-
169
- [part="prev"] {
170
- left: 0;
171
- }
172
-
173
- [part="next"] {
174
- right: 0;
175
- }
176
-
177
- slot::slotted(*) {
178
- flex-shrink: 0 !important;
179
- }
180
- `)
181
- ], Carousel);
182
- export default Carousel;
183
- export { Carousel };
184
- //# sourceMappingURL=carousel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../src/components/carousel.ts"],"names":[],"mappings":"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"}
@@ -1,24 +0,0 @@
1
- import { type TemplateResult } from "lit";
2
- import { SuperOpenable } from "../core/super-openable.js";
3
- /**
4
- * {@linkcode Details} similar to `<details>`.
5
- *
6
- * @slot summary - Details summary if no `summary` is provided.
7
- * @slot - Details content.
8
- * @fires change - Fires when the open changes.
9
- * @category display
10
- */
11
- declare class Details extends SuperOpenable {
12
- /**
13
- * Determines whether the details component should fill the available space.
14
- */
15
- fill: boolean;
16
- /**
17
- * The summary text to display in the details component.
18
- */
19
- summary: string;
20
- protected render(): TemplateResult<1>;
21
- }
22
- export default Details;
23
- export { Details };
24
- //# sourceMappingURL=details.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../src/components/details.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM1D;;;;;;;GAOG;AACH,cA2DM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAwBtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -1,124 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { attr, godown, htmlSlot, styles } from "@godown/element";
3
- import svgCaretDown from "@godown/f7-icon/icons/chevron-down.js";
4
- import { css, html } from "lit";
5
- import { property } from "lit/decorators.js";
6
- import { scopePrefix } from "../core/global-style.js";
7
- import { SuperOpenable } from "../core/super-openable.js";
8
- const protoName = "details";
9
- const cssScope = scopePrefix(protoName);
10
- /**
11
- * {@linkcode Details} similar to `<details>`.
12
- *
13
- * @slot summary - Details summary if no `summary` is provided.
14
- * @slot - Details content.
15
- * @fires change - Fires when the open changes.
16
- * @category display
17
- */
18
- let Details = class Details extends SuperOpenable {
19
- constructor() {
20
- super(...arguments);
21
- /**
22
- * Determines whether the details component should fill the available space.
23
- */
24
- this.fill = false;
25
- /**
26
- * The summary text to display in the details component.
27
- */
28
- this.summary = "";
29
- }
30
- render() {
31
- return html `
32
- <dl
33
- part="root"
34
- ${attr(this.observedRecord)}
35
- >
36
- <dt
37
- part="title"
38
- @click="${this._handelClick}"
39
- >
40
- <span part="summary">${this.summary || htmlSlot("summary")}</span>
41
- <span>
42
- <i part="icon">${svgCaretDown()}</i>
43
- </span>
44
- </dt>
45
- <dd
46
- part="details"
47
- @click=${this.fill ? () => this.toggle() : null}
48
- >
49
- <div style="min-height: 0;">${htmlSlot()}</div>
50
- </dd>
51
- </dl>
52
- `;
53
- }
54
- };
55
- __decorate([
56
- property({ type: Boolean })
57
- ], Details.prototype, "fill", void 0);
58
- __decorate([
59
- property()
60
- ], Details.prototype, "summary", void 0);
61
- Details = __decorate([
62
- godown(protoName),
63
- styles(css `
64
- :host {
65
- ${cssScope}--icon-deg-open: 0deg;
66
- ${cssScope}--icon-deg-close: 90deg;
67
- ${cssScope}--icon-space: 0.3em;
68
- ${cssScope}--summary-direction: row;
69
- ${cssScope}--transition: .3s;
70
- height: fit-content;
71
- display: block;
72
- transition: var(${cssScope}--transition);
73
- }
74
-
75
- [part="root"] {
76
- height: 100%;
77
- position: relative;
78
- overflow: hidden;
79
- }
80
-
81
- [part="title"] {
82
- direction: ltr;
83
- height: 100%;
84
- display: flex;
85
- flex-wrap: nowrap;
86
- justify-content: space-between;
87
- background: inherit;
88
- align-items: center;
89
- flex-direction: var(${cssScope}--summary-direction);
90
- }
91
-
92
- [part="details"] {
93
- display: grid;
94
- overflow: hidden;
95
- grid-template-rows: 0fr;
96
- transition: var(${cssScope}--transition);
97
- transition-property: grid-template-rows;
98
- }
99
-
100
- :host([open]) [part="details"] {
101
- grid-template-rows: 1fr;
102
- }
103
-
104
- :host([float]) [part="details"] {
105
- top: 100%;
106
- position: absolute;
107
- }
108
-
109
- [part="icon"] {
110
- display: flex;
111
- backface-visibility: hidden;
112
- padding: var(${cssScope}--icon-space);
113
- transition: var(${cssScope}--transition);
114
- transform: rotate(var(${cssScope}--icon-deg-close));
115
- }
116
-
117
- :host([open]) [part="icon"] {
118
- transform: rotate(var(${cssScope}--icon-deg-open));
119
- }
120
- `)
121
- ], Details);
122
- export default Details;
123
- export { Details };
124
- //# sourceMappingURL=details.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"details.js","sourceRoot":"","sources":["../../src/components/details.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,YAAY,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;GAOG;AA4DH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAEb;;WAEG;QAEH,YAAO,GAAG,EAAE,CAAC;IA0Bf,CAAC;IAxBW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;;;oBAIf,IAAI,CAAC,YAAY;;iCAEJ,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;;6BAEvC,YAAY,EAAE;;;;;mBAKxB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI;;wCAEjB,QAAQ,EAAE;;;KAG7C,CAAC;IACJ,CAAC;CACF,CAAA;AAhCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACf;AAMb;IADC,QAAQ,EAAE;wCACE;AAXT,OAAO;IA3DZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;MAEL,QAAQ;MACR,QAAQ;MACR,QAAQ;MACR,QAAQ;MACR,QAAQ;;;sBAGQ,QAAQ;;;;;;;;;;;;;;;;;0BAiBJ,QAAQ;;;;;;;sBAOZ,QAAQ;;;;;;;;;;;;;;;;mBAgBX,QAAQ;sBACL,QAAQ;4BACF,QAAQ;;;;4BAIR,QAAQ;;CAEnC,CAAC;GACI,OAAO,CAqCZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -1,43 +0,0 @@
1
- import { type HandlerEvent } from "@godown/element";
2
- import { type PropertyValues, type TemplateResult } from "lit";
3
- import { SuperOpenable } from "../core/super-openable.js";
4
- import { type DirectionCardinal, type DirectionCenter, type DirectionCorner } from "../core/direction.js";
5
- /**
6
- * {@linkcode Dialog} similar to `<dialog>`.
7
- *
8
- * Like dialog, it listens for submit events and closes itself when the target method is "dialog".
9
- *
10
- * It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed.
11
- *
12
- * @fires change - Fires when the open changes.
13
- * @category feedback
14
- */
15
- declare class Dialog extends SuperOpenable {
16
- /**
17
- * The direction of the dialog container.
18
- */
19
- direction: DirectionCardinal | DirectionCorner | DirectionCenter;
20
- /**
21
- * Indicates whether the dialog should be displayed as a modal.
22
- */
23
- modal: boolean;
24
- /**
25
- * The keys will close the dialog when pressed.
26
- */
27
- key: string;
28
- /**
29
- * Indicates whether the modal has been invoked.
30
- */
31
- private __modalInvoke;
32
- protected render(): TemplateResult<1>;
33
- showModal(): void;
34
- private __submitEvent;
35
- private __keydownEvent;
36
- protected updated(changedProperties: PropertyValues): void;
37
- protected _handleKeydown(e: KeyboardEvent): void;
38
- protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void;
39
- close(): void;
40
- }
41
- export default Dialog;
42
- export { Dialog };
43
- //# sourceMappingURL=dialog.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,eAAe,EAErB,MAAM,sBAAsB,CAAC;AAK9B;;;;;;;;;GASG;AACH,cAkDM,MAAO,SAAQ,aAAa;IAChC;;OAEG;IAEH,SAAS,EAAE,iBAAiB,GAAG,eAAe,GAAG,eAAe,CAAC;IAEjE;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAiBrC,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,cAAc,CAAqC;IAE3D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAc1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;IAO/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}