godown 2.4.1 → 2.5.0

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 (257) hide show
  1. package/README.md +1 -1
  2. package/conf.d.ts +2 -2
  3. package/conf.d.ts.map +1 -1
  4. package/conf.js +15 -1
  5. package/conf.js.map +1 -1
  6. package/deps.d.ts +4 -9
  7. package/deps.d.ts.map +1 -1
  8. package/deps.js +4 -7
  9. package/deps.js.map +1 -1
  10. package/effect/clip-text.d.ts +7 -1
  11. package/effect/clip-text.d.ts.map +1 -1
  12. package/effect/clip-text.js +9 -2
  13. package/effect/clip-text.js.map +1 -1
  14. package/effect/overbreath-text.d.ts +11 -2
  15. package/effect/overbreath-text.d.ts.map +1 -1
  16. package/effect/overbreath-text.js +12 -1
  17. package/effect/overbreath-text.js.map +1 -1
  18. package/effect/std.d.ts +1 -1
  19. package/effect/std.js +1 -1
  20. package/effect/typewriter-text.d.ts +33 -1
  21. package/effect/typewriter-text.d.ts.map +1 -1
  22. package/effect/typewriter-text.js +39 -5
  23. package/effect/typewriter-text.js.map +1 -1
  24. package/{glob.d.ts → godown-element.d.ts} +20 -30
  25. package/godown-element.d.ts.map +1 -0
  26. package/godown-element.js +140 -0
  27. package/godown-element.js.map +1 -0
  28. package/group/avatar-group.d.ts +10 -2
  29. package/group/avatar-group.d.ts.map +1 -1
  30. package/group/avatar-group.js +16 -11
  31. package/group/avatar-group.js.map +1 -1
  32. package/group/details-group.d.ts +12 -2
  33. package/group/details-group.d.ts.map +1 -1
  34. package/group/details-group.js +23 -15
  35. package/group/details-group.js.map +1 -1
  36. package/group/std.d.ts +1 -1
  37. package/group/std.js +1 -1
  38. package/group/tab-group.d.ts +24 -4
  39. package/group/tab-group.d.ts.map +1 -1
  40. package/group/tab-group.js +26 -6
  41. package/group/tab-group.js.map +1 -1
  42. package/input-form/base-input.d.ts +25 -7
  43. package/input-form/base-input.d.ts.map +1 -1
  44. package/input-form/base-input.js +36 -21
  45. package/input-form/base-input.js.map +1 -1
  46. package/input-form/label-input.d.ts +14 -6
  47. package/input-form/label-input.d.ts.map +1 -1
  48. package/input-form/label-input.js +64 -39
  49. package/input-form/label-input.js.map +1 -1
  50. package/input-form/search-input.d.ts +28 -9
  51. package/input-form/search-input.d.ts.map +1 -1
  52. package/input-form/search-input.js +61 -72
  53. package/input-form/search-input.js.map +1 -1
  54. package/input-form/select-input.d.ts +22 -5
  55. package/input-form/select-input.d.ts.map +1 -1
  56. package/input-form/select-input.js +39 -20
  57. package/input-form/select-input.js.map +1 -1
  58. package/input-form/sign-form.d.ts +19 -4
  59. package/input-form/sign-form.d.ts.map +1 -1
  60. package/input-form/sign-form.js +16 -8
  61. package/input-form/sign-form.js.map +1 -1
  62. package/input-form/split-input.d.ts +13 -4
  63. package/input-form/split-input.d.ts.map +1 -1
  64. package/input-form/split-input.js +20 -15
  65. package/input-form/split-input.js.map +1 -1
  66. package/input-form/std.d.ts +6 -6
  67. package/input-form/std.d.ts.map +1 -1
  68. package/input-form/std.js +18 -9
  69. package/input-form/std.js.map +1 -1
  70. package/input-form/switch-input.d.ts +26 -3
  71. package/input-form/switch-input.d.ts.map +1 -1
  72. package/input-form/switch-input.js +30 -6
  73. package/input-form/switch-input.js.map +1 -1
  74. package/items/alert-item.d.ts +20 -2
  75. package/items/alert-item.d.ts.map +1 -1
  76. package/items/alert-item.js +39 -26
  77. package/items/alert-item.js.map +1 -1
  78. package/items/avatar-a.d.ts +22 -2
  79. package/items/avatar-a.d.ts.map +1 -1
  80. package/items/avatar-a.js +34 -7
  81. package/items/avatar-a.js.map +1 -1
  82. package/items/base-button.d.ts +50 -6
  83. package/items/base-button.d.ts.map +1 -1
  84. package/items/base-button.js +179 -80
  85. package/items/base-button.js.map +1 -1
  86. package/items/card-item.d.ts +11 -5
  87. package/items/card-item.d.ts.map +1 -1
  88. package/items/card-item.js +52 -13
  89. package/items/card-item.js.map +1 -1
  90. package/items/dialog-item.d.ts +27 -5
  91. package/items/dialog-item.d.ts.map +1 -1
  92. package/items/dialog-item.js +26 -4
  93. package/items/dialog-item.js.map +1 -1
  94. package/items/index.d.ts +1 -1
  95. package/items/index.d.ts.map +1 -1
  96. package/items/index.js +1 -1
  97. package/items/index.js.map +1 -1
  98. package/items/link-a.d.ts +14 -1
  99. package/items/link-a.d.ts.map +1 -1
  100. package/items/link-a.js +21 -7
  101. package/items/link-a.js.map +1 -1
  102. package/items/load-progress.d.ts +36 -0
  103. package/items/load-progress.d.ts.map +1 -0
  104. package/items/{load-track.js → load-progress.js} +40 -49
  105. package/items/load-progress.js.map +1 -0
  106. package/items/std.d.ts +1 -1
  107. package/items/std.d.ts.map +1 -1
  108. package/items/std.js +1 -1
  109. package/items/std.js.map +1 -1
  110. package/items/super-a.d.ts +15 -1
  111. package/items/super-a.d.ts.map +1 -1
  112. package/items/super-a.js +20 -6
  113. package/items/super-a.js.map +1 -1
  114. package/items/time-bar.d.ts +33 -2
  115. package/items/time-bar.d.ts.map +1 -1
  116. package/items/time-bar.js +35 -4
  117. package/items/time-bar.js.map +1 -1
  118. package/layout/div-line.d.ts +8 -2
  119. package/layout/div-line.d.ts.map +1 -1
  120. package/layout/div-line.js +16 -9
  121. package/layout/div-line.js.map +1 -1
  122. package/layout/drag-box.d.ts +10 -1
  123. package/layout/drag-box.d.ts.map +1 -1
  124. package/layout/drag-box.js +14 -4
  125. package/layout/drag-box.js.map +1 -1
  126. package/layout/flex-flow.d.ts +11 -2
  127. package/layout/flex-flow.d.ts.map +1 -1
  128. package/layout/flex-flow.js +15 -5
  129. package/layout/flex-flow.js.map +1 -1
  130. package/layout/index.d.ts +0 -1
  131. package/layout/index.d.ts.map +1 -1
  132. package/layout/index.js +0 -1
  133. package/layout/index.js.map +1 -1
  134. package/layout/nav-aside.d.ts +12 -3
  135. package/layout/nav-aside.d.ts.map +1 -1
  136. package/layout/nav-aside.js +15 -5
  137. package/layout/nav-aside.js.map +1 -1
  138. package/layout/nav-layout.d.ts +14 -2
  139. package/layout/nav-layout.d.ts.map +1 -1
  140. package/layout/nav-layout.js +12 -6
  141. package/layout/nav-layout.js.map +1 -1
  142. package/layout/skeleton-screen.d.ts +15 -1
  143. package/layout/skeleton-screen.d.ts.map +1 -1
  144. package/layout/skeleton-screen.js +17 -2
  145. package/layout/skeleton-screen.js.map +1 -1
  146. package/layout/std.d.ts +1 -1
  147. package/layout/std.js +1 -1
  148. package/lib/directives.d.ts +31 -0
  149. package/lib/directives.d.ts.map +1 -0
  150. package/lib/directives.js +38 -0
  151. package/lib/directives.js.map +1 -0
  152. package/lib/event-collection.d.ts +9 -5
  153. package/lib/event-collection.d.ts.map +1 -1
  154. package/lib/event-collection.js +29 -29
  155. package/lib/event-collection.js.map +1 -1
  156. package/lib/templates.d.ts +39 -0
  157. package/lib/templates.d.ts.map +1 -0
  158. package/{tmpl.js → lib/templates.js} +27 -5
  159. package/lib/templates.js.map +1 -0
  160. package/lib/utils.d.ts +45 -2
  161. package/lib/utils.d.ts.map +1 -1
  162. package/lib/utils.js +121 -13
  163. package/lib/utils.js.map +1 -1
  164. package/package.json +2 -2
  165. package/react/create.d.ts +1 -1
  166. package/react/create.d.ts.map +1 -1
  167. package/react/create.js +1 -2
  168. package/react/create.js.map +1 -1
  169. package/react/effect.d.ts.map +1 -1
  170. package/react/effect.js +0 -3
  171. package/react/effect.js.map +1 -1
  172. package/react/group.d.ts.map +1 -1
  173. package/react/group.js +0 -3
  174. package/react/group.js.map +1 -1
  175. package/react/input-form.d.ts.map +1 -1
  176. package/react/input-form.js +0 -8
  177. package/react/input-form.js.map +1 -1
  178. package/react/items.d.ts +1 -1
  179. package/react/items.d.ts.map +1 -1
  180. package/react/items.js +1 -10
  181. package/react/items.js.map +1 -1
  182. package/react/layout.d.ts +0 -1
  183. package/react/layout.d.ts.map +1 -1
  184. package/react/layout.js +0 -10
  185. package/react/layout.js.map +1 -1
  186. package/react/view.d.ts +3 -2
  187. package/react/view.d.ts.map +1 -1
  188. package/react/view.js +9 -13
  189. package/react/view.js.map +1 -1
  190. package/root.d.ts +23 -0
  191. package/root.d.ts.map +1 -0
  192. package/root.js +82 -0
  193. package/root.js.map +1 -0
  194. package/view/details-expand.d.ts +10 -2
  195. package/view/details-expand.d.ts.map +1 -1
  196. package/view/details-expand.js +15 -12
  197. package/view/details-expand.js.map +1 -1
  198. package/view/index.d.ts +3 -2
  199. package/view/index.d.ts.map +1 -1
  200. package/view/index.js +3 -2
  201. package/view/index.js.map +1 -1
  202. package/view/menu-list.d.ts +6 -4
  203. package/view/menu-list.d.ts.map +1 -1
  204. package/view/menu-list.js +18 -23
  205. package/view/menu-list.js.map +1 -1
  206. package/view/offset-expand.d.ts +27 -0
  207. package/view/offset-expand.d.ts.map +1 -0
  208. package/view/offset-expand.js +138 -0
  209. package/view/offset-expand.js.map +1 -0
  210. package/view/rotation-pool.d.ts +14 -2
  211. package/view/rotation-pool.d.ts.map +1 -1
  212. package/view/rotation-pool.js +16 -2
  213. package/view/rotation-pool.js.map +1 -1
  214. package/view/route-view.d.ts +25 -3
  215. package/view/route-view.d.ts.map +1 -1
  216. package/view/route-view.js +27 -3
  217. package/view/route-view.js.map +1 -1
  218. package/view/scroll-x.d.ts +9 -3
  219. package/view/scroll-x.d.ts.map +1 -1
  220. package/view/scroll-x.js +13 -5
  221. package/view/scroll-x.js.map +1 -1
  222. package/view/std.d.ts +27 -7
  223. package/view/std.d.ts.map +1 -1
  224. package/view/std.js +32 -6
  225. package/view/std.js.map +1 -1
  226. package/view/tool-tip.d.ts +24 -0
  227. package/view/tool-tip.d.ts.map +1 -0
  228. package/view/{float-tips.js → tool-tip.js} +41 -41
  229. package/view/tool-tip.js.map +1 -0
  230. package/view/with-wrap.d.ts +25 -0
  231. package/view/with-wrap.d.ts.map +1 -0
  232. package/view/with-wrap.js +99 -0
  233. package/view/with-wrap.js.map +1 -0
  234. package/glob.d.ts.map +0 -1
  235. package/glob.js +0 -213
  236. package/glob.js.map +0 -1
  237. package/items/load-track.d.ts +0 -23
  238. package/items/load-track.d.ts.map +0 -1
  239. package/items/load-track.js.map +0 -1
  240. package/layout/with-wrap.d.ts +0 -14
  241. package/layout/with-wrap.d.ts.map +0 -1
  242. package/layout/with-wrap.js +0 -33
  243. package/layout/with-wrap.js.map +0 -1
  244. package/tmpl.d.ts +0 -23
  245. package/tmpl.d.ts.map +0 -1
  246. package/tmpl.js.map +0 -1
  247. package/view/down-drop.d.ts +0 -25
  248. package/view/down-drop.d.ts.map +0 -1
  249. package/view/down-drop.js +0 -119
  250. package/view/down-drop.js.map +0 -1
  251. package/view/float-tips.d.ts +0 -19
  252. package/view/float-tips.d.ts.map +0 -1
  253. package/view/float-tips.js.map +0 -1
  254. package/with.d.ts +0 -43
  255. package/with.d.ts.map +0 -1
  256. package/with.js +0 -89
  257. package/with.js.map +0 -1
@@ -4,22 +4,44 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
- import { css, cssvarValues, define, html, property, query } from "../deps.js";
7
+ import { css, html, property, query } from "../deps.js";
8
+ import { cssvarValues, define } from "../root.js";
8
9
  import ItemsSTD from "./std.js";
9
10
  const defineName = "dialog-item";
11
+ /**
12
+ * DialogItem similar to dialog.
13
+ */
10
14
  let DialogItem = class DialogItem extends ItemsSTD {
11
15
  constructor() {
12
16
  super(...arguments);
17
+ /**
18
+ * Enable modal.
19
+ */
13
20
  this.modal = false;
21
+ /**
22
+ * Whether this element is activated.
23
+ */
14
24
  this.open = false;
25
+ /**
26
+ * Enable scale.
27
+ */
15
28
  this.scale = false;
29
+ /**
30
+ * Scale gap.
31
+ */
16
32
  this.gap = 0.1;
33
+ /**
34
+ * Exit key, which can be multiple.
35
+ */
17
36
  this.key = "Escape";
18
- this.call = "center";
37
+ /**
38
+ * The direction in which it appears.
39
+ */
40
+ this.direction = "center";
19
41
  }
20
42
  render() {
21
43
  return html `<div>
22
- <slot class="${this.call}"></slot>
44
+ <slot class="${this.direction}"></slot>
23
45
  </div>`;
24
46
  }
25
47
  connectedCallback() {
@@ -174,7 +196,7 @@ __decorate([
174
196
  ], DialogItem.prototype, "key", void 0);
175
197
  __decorate([
176
198
  property({ type: String })
177
- ], DialogItem.prototype, "call", void 0);
199
+ ], DialogItem.prototype, "direction", void 0);
178
200
  __decorate([
179
201
  query("div")
180
202
  ], DialogItem.prototype, "_div", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-item.js","sourceRoot":"","sources":["../../src/items/dialog-item.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dialog-item.js","sourceRoot":"","sources":["../../src/items/dialog-item.ts"],"names":[],"mappings":"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"}
package/items/index.d.ts CHANGED
@@ -4,7 +4,7 @@ export * from "./base-button.js";
4
4
  export * from "./card-item.js";
5
5
  export * from "./dialog-item.js";
6
6
  export * from "./link-a.js";
7
- export * from "./load-track.js";
7
+ export * from "./load-progress.js";
8
8
  export * from "./super-a.js";
9
9
  export * from "./time-bar.js";
10
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/items/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/items/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
package/items/index.js CHANGED
@@ -4,7 +4,7 @@ export * from "./base-button.js";
4
4
  export * from "./card-item.js";
5
5
  export * from "./dialog-item.js";
6
6
  export * from "./link-a.js";
7
- export * from "./load-track.js";
7
+ export * from "./load-progress.js";
8
8
  export * from "./super-a.js";
9
9
  export * from "./time-bar.js";
10
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/items/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/items/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
package/items/link-a.d.ts CHANGED
@@ -1,9 +1,22 @@
1
1
  import { SuperAnchor } from "./super-a.js";
2
+ /**
3
+ * LinkAnchor works with {@linkcode RouteView}.
4
+ *
5
+ * @extends SuperAnchor
6
+ */
2
7
  export declare class LinkAnchor extends SuperAnchor {
8
+ /**
9
+ * True when the href is in the same pathname as the location.
10
+ */
3
11
  active: boolean;
12
+ /**
13
+ * If true, replaceState, or pushState.
14
+ */
4
15
  replace: boolean;
5
- static styles: import("lit").CSSResult[];
6
16
  connectedCallback(): void;
17
+ /**
18
+ * Set active to true when the {@linkcode LinkAnchor.href} is in the same pathname as the location.
19
+ */
7
20
  useActive(): void;
8
21
  protected _handleClick(e: MouseEvent): void;
9
22
  pushState(url?: string, data?: any): void;
@@ -1 +1 @@
1
- {"version":3,"file":"link-a.d.ts","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,qBACa,UAAW,SAAQ,WAAW;IACG,MAAM,UAAS;IAC9B,OAAO,UAAS;IAC7C,MAAM,CAAC,MAAM,4BAAsB;IAEnC,iBAAiB;IAOjB,SAAS;IAOT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAapC,SAAS,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKtC,YAAY,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKzC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAKxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,UAAU,CAAC;KACtB;CACF"}
1
+ {"version":3,"file":"link-a.d.ts","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C;;;;GAIG;AACH,qBACa,UAAW,SAAQ,WAAW;IACzC;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IAC0B,OAAO,UAAS;IAE7C,iBAAiB;IAOjB;;OAEG;IACH,SAAS;IAOT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAapC,SAAS,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKtC,YAAY,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKzC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAKxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,UAAU,CAAC;KACtB;CACF"}
package/items/link-a.js CHANGED
@@ -5,14 +5,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
7
  var LinkAnchor_1;
8
- import { define, property } from "../deps.js";
8
+ import { define } from "../root.js";
9
+ import { property } from "../deps.js";
9
10
  import { RouteView } from "../view/route-view.js";
10
11
  import { SuperAnchor } from "./super-a.js";
11
12
  const defineName = "link-a";
13
+ /**
14
+ * LinkAnchor works with {@linkcode RouteView}.
15
+ *
16
+ * @extends SuperAnchor
17
+ */
12
18
  let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
13
19
  constructor() {
14
20
  super(...arguments);
21
+ /**
22
+ * True when the href is in the same pathname as the location.
23
+ */
15
24
  this.active = false;
25
+ /**
26
+ * If true, replaceState, or pushState.
27
+ */
16
28
  this.replace = false;
17
29
  }
18
30
  connectedCallback() {
@@ -21,16 +33,19 @@ let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
21
33
  this.addEvent(window, "popstate", this.useActive.bind(this));
22
34
  this.useActive();
23
35
  }
36
+ /**
37
+ * Set active to true when the {@linkcode LinkAnchor.href} is in the same pathname as the location.
38
+ */
24
39
  useActive() {
25
- const url = new URL(this.href, window.location.href);
26
- if (url.origin === window.location.origin) {
27
- this.active = url.pathname === window.location.pathname;
40
+ const url = new URL(this.href, location.href);
41
+ if (url.origin === location.origin) {
42
+ this.active = url.pathname === location.pathname;
28
43
  }
29
44
  }
30
45
  _handleClick(e) {
31
46
  const href = this.href ?? this.querySelector("[href]")?.getAttribute("href");
32
- const url = new URL(href, window.location.href);
33
- if (url.origin === window.location.origin) {
47
+ const url = new URL(href, location.href);
48
+ if (url.origin === location.origin) {
34
49
  e.preventDefault();
35
50
  if (this.replace) {
36
51
  this.replaceState(href);
@@ -57,7 +72,6 @@ let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
57
72
  RouteView.updateAll();
58
73
  }
59
74
  };
60
- LinkAnchor.styles = SuperAnchor.styles;
61
75
  __decorate([
62
76
  property({ type: Boolean, reflect: true })
63
77
  ], LinkAnchor.prototype, "active", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"link-a.js","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"link-a.js","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,36 @@
1
+ import { type CSSResultGroup } from "../deps.js";
2
+ import { type HTMLTemplate } from "../lib/templates.js";
3
+ import ItemsSTD from "./std.js";
4
+ /**
5
+ * LoadProgress similar to progress.
6
+ */
7
+ export declare class LoadProgress extends ItemsSTD {
8
+ /**
9
+ * Maximum.
10
+ */
11
+ max: number;
12
+ /**
13
+ * Minimum.
14
+ */
15
+ min: number;
16
+ /**
17
+ * Input value.
18
+ */
19
+ value: any;
20
+ static styles: CSSResultGroup;
21
+ protected render(): HTMLTemplate;
22
+ /**
23
+ * Convert s to a percentage without a percent sign.
24
+ *
25
+ * @param s String or number to convert.
26
+ * @returns Percentage without a percent sign.
27
+ */
28
+ parsePercent(s?: string | number): number;
29
+ }
30
+ export default LoadProgress;
31
+ declare global {
32
+ interface HTMLElementTagNameMap {
33
+ "load-track": LoadProgress;
34
+ }
35
+ }
36
+ //# sourceMappingURL=load-progress.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"load-progress.d.ts","sourceRoot":"","sources":["../../src/items/load-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,YAAY,CAAC;AAEtE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC;;GAEG;AACH,qBACa,YAAa,SAAQ,QAAQ;IACxC;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACwC,KAAK,MAAQ;IAExD,MAAM,CAAC,MAAM,iBAuCO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF"}
@@ -4,55 +4,54 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
- import { classMap, css, cssvarValues, define, html, property, state } from "../deps.js";
7
+ import { css, html, property } from "../deps.js";
8
+ import { cssvarValues, define } from "../root.js";
8
9
  import ItemsSTD from "./std.js";
9
- const defineName = "load-track";
10
- let LoadTrack = class LoadTrack extends ItemsSTD {
10
+ const defineName = "load-progress";
11
+ /**
12
+ * LoadProgress similar to progress.
13
+ */
14
+ let LoadProgress = class LoadProgress extends ItemsSTD {
11
15
  constructor() {
12
16
  super(...arguments);
13
- this.current = 20;
14
- this.hasValue = false;
17
+ /**
18
+ * Maximum.
19
+ */
15
20
  this.max = 1;
21
+ /**
22
+ * Minimum.
23
+ */
16
24
  this.min = 0;
17
- this.modify = false;
18
- }
19
- set value(val) {
20
- if (val === null || val === undefined || val === "") {
21
- this.removeAttribute("value");
22
- this.hasValue = false;
23
- }
24
- else {
25
- this.setAttribute("value", val);
26
- this.hasValue = true;
27
- }
28
- this.current = this.parsePercent(val || 20);
29
- }
30
- get value() {
31
- return this.getAttribute("value");
25
+ /**
26
+ * Input value.
27
+ */
28
+ this.value = null;
32
29
  }
33
30
  render() {
31
+ let width = 20;
32
+ let className;
34
33
  if (this.value !== null) {
35
- this.hasValue = true;
36
- this.current = this.parsePercent(this.value);
34
+ width = this.parsePercent(this.value);
35
+ className = "v";
37
36
  }
38
- return html ` <div class="${classMap({ value: this.hasValue })}" @click="${this._handleClick}">
39
- <i style="width:${this.current}%;"></i>
37
+ return html `<div class="${className}">
38
+ <i style="width:${width}%;"></i>
40
39
  </div>`;
41
40
  }
41
+ /**
42
+ * Convert s to a percentage without a percent sign.
43
+ *
44
+ * @param s String or number to convert.
45
+ * @returns Percentage without a percent sign.
46
+ */
42
47
  parsePercent(s = "0") {
43
48
  if (String(s).includes("%")) {
44
49
  return parseFloat(String(s));
45
50
  }
46
51
  return (parseFloat(String(s)) / (this.max - this.min)) * 100;
47
52
  }
48
- _handleClick(e) {
49
- if (this.modify) {
50
- this.value = ((e.offsetX / this.offsetWidth) * (this.max - this.min)).toString();
51
- this.dispatchEvent(new CustomEvent("change", { detail: e.offsetX / this.offsetWidth }));
52
- }
53
- }
54
53
  };
55
- LoadTrack.styles = [
54
+ LoadProgress.styles = [
56
55
  ItemsSTD.styles,
57
56
  css `
58
57
  :host,
@@ -72,7 +71,6 @@ LoadTrack.styles = [
72
71
  top: 0;
73
72
  left: 0;
74
73
  height: 100%;
75
- width: 20%;
76
74
  background: var(${cssvarValues.cssvar}--accept);
77
75
  z-index: 2;
78
76
  transition: all 0.3s;
@@ -88,30 +86,23 @@ LoadTrack.styles = [
88
86
  }
89
87
  }
90
88
 
91
- div.value i {
89
+ div.v i {
92
90
  animation: none;
93
- width: 20%;
94
91
  }
95
92
  `,
96
93
  ];
97
- __decorate([
98
- state()
99
- ], LoadTrack.prototype, "current", void 0);
100
- __decorate([
101
- state()
102
- ], LoadTrack.prototype, "hasValue", void 0);
103
94
  __decorate([
104
95
  property({ type: Number })
105
- ], LoadTrack.prototype, "max", void 0);
96
+ ], LoadProgress.prototype, "max", void 0);
106
97
  __decorate([
107
98
  property({ type: Number })
108
- ], LoadTrack.prototype, "min", void 0);
99
+ ], LoadProgress.prototype, "min", void 0);
109
100
  __decorate([
110
- property({ type: Boolean })
111
- ], LoadTrack.prototype, "modify", void 0);
112
- LoadTrack = __decorate([
101
+ property({ type: Number, reflect: true })
102
+ ], LoadProgress.prototype, "value", void 0);
103
+ LoadProgress = __decorate([
113
104
  define(defineName)
114
- ], LoadTrack);
115
- export { LoadTrack };
116
- export default LoadTrack;
117
- //# sourceMappingURL=load-track.js.map
105
+ ], LoadProgress);
106
+ export { LoadProgress };
107
+ export default LoadProgress;
108
+ //# sourceMappingURL=load-progress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"load-progress.js","sourceRoot":"","sources":["../../src/items/load-progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,eAAe,CAAC;AAEnC;;GAEG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QACL;;WAEG;QACyB,QAAG,GAAG,CAAC,CAAC;QACpC;;WAEG;QACyB,QAAG,GAAG,CAAC,CAAC;QACpC;;WAEG;QACwC,UAAK,GAAG,IAAI,CAAC;IAmE1D,CAAC;IAxBW,MAAM;QACd,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,SAAiB,CAAC;QACtB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;YACvB,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,SAAS,GAAG,GAAG,CAAC;SACjB;QACD,OAAO,IAAI,CAAA,eAAe,SAAS;wBACf,KAAK;WAClB,CAAC;IACV,CAAC;IAED;;;;;OAKG;IACH,YAAY,CAAC,IAAqB,GAAG;QACnC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAC3B,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SAC9B;QACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAC/D,CAAC;;AAhEM,mBAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;;;;;;;0BAQmB,YAAY,CAAC,KAAK;;;;;;;;;;0BAUlB,YAAY,CAAC,MAAM;;;;;;;;;;;;;;;;;;KAkBxC;CACgB,AAvCN,CAuCO;AAjDQ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAS;AAIR;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAS;AAIO;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAc;AAZ7C,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CA+ExB;;AAED,eAAe,YAAY,CAAC"}
package/items/std.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { GodownElement } from "../deps.js";
1
+ import { GodownElement } from "../root.js";
2
2
  export default class ItemsSTD extends GodownElement {
3
3
  }
4
4
  //# sourceMappingURL=std.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,aAAa;CAAG"}
1
+ {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,aAAa;CAAG"}
package/items/std.js CHANGED
@@ -1,4 +1,4 @@
1
- import { GodownElement } from "../deps.js";
1
+ import { GodownElement } from "../root.js";
2
2
  export default class ItemsSTD extends GodownElement {
3
3
  }
4
4
  //# sourceMappingURL=std.js.map
package/items/std.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,aAAa;CAAG"}
1
+ {"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,aAAa;CAAG"}
@@ -1,8 +1,22 @@
1
- import { type HTMLTemplate } from "../tmpl.js";
1
+ import { type HTMLTemplate } from "../lib/templates.js";
2
2
  import ItemsSTD from "./std.js";
3
+ /**
4
+ * SuperAnchor similar to a.
5
+ *
6
+ * Has an optional arrow.
7
+ */
3
8
  export declare class SuperAnchor extends ItemsSTD {
9
+ /**
10
+ * Href for a element.
11
+ */
4
12
  href: string;
13
+ /**
14
+ * Target for an element.
15
+ */
5
16
  target: string;
17
+ /**
18
+ * Arrow type.
19
+ */
6
20
  arrow: "" | "delta" | "arrow" | "angle";
7
21
  static styles: import("lit").CSSResult[];
8
22
  protected render(): HTMLTemplate;
@@ -1 +1 @@
1
- {"version":3,"file":"super-a.d.ts","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAsB,MAAM,YAAY,CAAC;AAC7E,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC,qBACa,WAAY,SAAQ,QAAQ;IAC3B,IAAI,EAAE,MAAM,CAAa;IACzB,MAAM,SAAW;IACjB,KAAK,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAM;IACzD,MAAM,CAAC,MAAM,4BA0DX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAUhC,OAAO,CAAC,cAAc;CAUvB;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,WAAW,CAAC;KACxB;CACF"}
1
+ {"version":3,"file":"super-a.d.ts","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AAEtF,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC;;;;GAIG;AACH,qBACa,WAAY,SAAQ,QAAQ;IACvC;;OAEG;IACS,IAAI,EAAE,MAAM,CAAa;IACrC;;OAEG;IACS,MAAM,SAAW;IAC7B;;OAEG;IACS,KAAK,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAM;IAEzD,MAAM,CAAC,MAAM,4BA0DX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,cAAc;CAYvB;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,WAAW,CAAC;KACxB;CACF"}
package/items/super-a.js CHANGED
@@ -4,24 +4,36 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
- import { css, define, html, ifDefined, property } from "../deps.js";
8
- import { htmlSlot, svgArrow, svgDelta } from "../tmpl.js";
7
+ import { css, html, ifDefined, property } from "../deps.js";
8
+ import { htmlSlot, svgArrow, svgDelta } from "../lib/templates.js";
9
+ import { define } from "../root.js";
9
10
  import ItemsSTD from "./std.js";
10
11
  const defineName = "super-a";
12
+ /**
13
+ * SuperAnchor similar to a.
14
+ *
15
+ * Has an optional arrow.
16
+ */
11
17
  let SuperAnchor = class SuperAnchor extends ItemsSTD {
12
18
  constructor() {
13
19
  super(...arguments);
20
+ /**
21
+ * Href for a element.
22
+ */
14
23
  this.href = undefined;
24
+ /**
25
+ * Target for an element.
26
+ */
15
27
  this.target = "_self";
28
+ /**
29
+ * Arrow type.
30
+ */
16
31
  this.arrow = "";
17
32
  }
18
33
  render() {
19
34
  return html `<a href="${ifDefined(this.href)}" target="${this.target}">
20
35
  ${htmlSlot()}
21
- <i>
22
- <slot name="icon"></slot>
23
- ${this._arrowSwitcher()}
24
- </i>
36
+ <i> ${this._arrowSwitcher()} </i>
25
37
  </a>`;
26
38
  }
27
39
  _arrowSwitcher() {
@@ -32,6 +44,8 @@ let SuperAnchor = class SuperAnchor extends ItemsSTD {
32
44
  return svgArrow(true);
33
45
  case "angle":
34
46
  return svgArrow();
47
+ default:
48
+ return htmlSlot("icon");
35
49
  }
36
50
  }
37
51
  };
@@ -1 +1 @@
1
- {"version":3,"file":"super-a.js","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,SAAS,CAAC;AAGtB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ;IAAlC;;QACO,SAAI,GAAW,SAAS,CAAC;QACzB,WAAM,GAAG,OAAO,CAAC;QACjB,UAAK,GAAqC,EAAE,CAAC;IAiF3D,CAAC;IApBW,MAAM;QACd,OAAO,IAAI,CAAA,YAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM;QAC/D,QAAQ,EAAE;;;UAGR,IAAI,CAAC,cAAc,EAAE;;SAEtB,CAAC;IACR,CAAC;IAEO,cAAc;QACpB,QAAQ,IAAI,CAAC,KAAK,EAAE;YAClB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;SACrB;IACH,CAAC;;AA/EM,kBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,AA1DY,CA0DX;AA7DU;IAAX,QAAQ,EAAE;yCAA0B;AACzB;IAAX,QAAQ,EAAE;2CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAA8C;AAH9C,WAAW;IADvB,MAAM,CAAC,UAAU,CAAC;GACN,WAAW,CAoFvB;;AAED,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"super-a.js","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,SAAS,CAAC;AAE7B;;;;GAIG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ;IAAlC;;QACL;;WAEG;QACS,SAAI,GAAW,SAAS,CAAC;QACrC;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;QAC7B;;WAEG;QACS,UAAK,GAAqC,EAAE,CAAC;IAiF3D,CAAC;IAnBW,MAAM;QACd,OAAO,IAAI,CAAA,YAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM;QAC/D,QAAQ,EAAE;YACN,IAAI,CAAC,cAAc,EAAE;SACxB,CAAC;IACR,CAAC;IAEO,cAAc;QACpB,QAAQ,IAAI,CAAC,KAAK,EAAE;YAClB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB;gBACE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;SAC3B;IACH,CAAC;;AA9EM,kBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,AA1DY,CA0DX;AApEU;IAAX,QAAQ,EAAE;yCAA0B;AAIzB;IAAX,QAAQ,EAAE;2CAAkB;AAIjB;IAAX,QAAQ,EAAE;0CAA8C;AAZ9C,WAAW;IADvB,MAAM,CAAC,UAAU,CAAC;GACN,WAAW,CA6FvB;;AAED,eAAe,WAAW,CAAC"}
@@ -1,17 +1,48 @@
1
1
  import { type CSSResultGroup } from "../deps.js";
2
- import { type HTMLTemplate } from "../tmpl.js";
3
2
  import ItemsSTD from "./std.js";
3
+ /**
4
+ * TimeBar renders a formatting time.
5
+ */
4
6
  export declare class TimeBar extends ItemsSTD {
7
+ /**
8
+ * Format strings.
9
+ * {@linkcode TimeBar.fmt}
10
+ */
5
11
  format: string;
12
+ /**
13
+ * Display content.
14
+ */
6
15
  value: string;
16
+ /**
17
+ * Time.
18
+ */
7
19
  time: Date;
20
+ /**
21
+ * If there is a value, update every gap or timeout.
22
+ */
8
23
  timeout: number;
24
+ /**
25
+ * The number of milliseconds that change with each update.
26
+ */
9
27
  gap: number;
10
28
  intervalID: number;
11
29
  static styles: CSSResultGroup;
12
- protected render(): HTMLTemplate;
30
+ protected render(): string;
13
31
  protected firstUpdated(): void;
14
32
  disconnectedCallback(): void;
33
+ /**
34
+ * @param fm Format string.
35
+ * @param tm Time.
36
+ * @returns F.ormat result\
37
+ *
38
+ * Y for years\
39
+ * M for months\
40
+ * D for days\
41
+ * h for hours\
42
+ * m for minutes\
43
+ * s for seconds\
44
+ * Z for time zones.
45
+ */
15
46
  static fmt(fm: string, tm: Date): string;
16
47
  }
17
48
  export default TimeBar;
@@ -1 +1 @@
1
- {"version":3,"file":"time-bar.d.ts","sourceRoot":"","sources":["../../src/items/time-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAA0B,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC,qBACa,OAAQ,SAAQ,QAAQ;IACvB,MAAM,SAA8B;IACpC,KAAK,SAAM;IACK,IAAI,OAAc;IAClB,OAAO,SAAK;IACZ,GAAG,SAAK;IACpC,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,MAAM,EAAE,cAAc,CAO3B;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,SAAS,CAAC,YAAY;IAQtB,oBAAoB;IAIpB,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM;CAmCzC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
1
+ {"version":3,"file":"time-bar.d.ts","sourceRoot":"","sources":["../../src/items/time-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,YAAY,CAAC;AAEhE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC;;GAEG;AACH,qBACa,OAAQ,SAAQ,QAAQ;IACnC;;;OAGG;IACS,MAAM,SAA8B;IAChD;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACyB,IAAI,OAAc;IAC9C;;OAEG;IACyB,OAAO,SAAK;IACxC;;OAEG;IACyB,GAAG,SAAK;IAEpC,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,MAAM,EAAE,cAAc,CAM3B;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAQtB,oBAAoB;IAIpB;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM;CAmCzC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
package/items/time-bar.js CHANGED
@@ -5,21 +5,40 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
7
  var TimeBar_1;
8
- import { css, define, html, property } from "../deps.js";
9
- import { htmlSlot } from "../tmpl.js";
8
+ import { css, property } from "../deps.js";
9
+ import { define } from "../root.js";
10
10
  import ItemsSTD from "./std.js";
11
11
  const defineName = "time-bar";
12
+ /**
13
+ * TimeBar renders a formatting time.
14
+ */
12
15
  let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
13
16
  constructor() {
14
17
  super(...arguments);
18
+ /**
19
+ * Format strings.
20
+ * {@linkcode TimeBar.fmt}
21
+ */
15
22
  this.format = "YYYY-MM-DD hh:mm:ss UTFZ";
23
+ /**
24
+ * Display content.
25
+ */
16
26
  this.value = "";
27
+ /**
28
+ * Time.
29
+ */
17
30
  this.time = new Date();
31
+ /**
32
+ * If there is a value, update every gap or timeout.
33
+ */
18
34
  this.timeout = 0;
35
+ /**
36
+ * The number of milliseconds that change with each update.
37
+ */
19
38
  this.gap = 0;
20
39
  }
21
40
  render() {
22
- return html `${htmlSlot("pre")}${this.value || TimeBar_1.fmt(this.format, this.time)}${htmlSlot()}`;
41
+ return this.value || TimeBar_1.fmt(this.format, this.time);
23
42
  }
24
43
  firstUpdated() {
25
44
  if (this.timeout) {
@@ -31,6 +50,19 @@ let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
31
50
  disconnectedCallback() {
32
51
  clearInterval(this.intervalID);
33
52
  }
53
+ /**
54
+ * @param fm Format string.
55
+ * @param tm Time.
56
+ * @returns F.ormat result\
57
+ *
58
+ * Y for years\
59
+ * M for months\
60
+ * D for days\
61
+ * h for hours\
62
+ * m for minutes\
63
+ * s for seconds\
64
+ * Z for time zones.
65
+ */
34
66
  static fmt(fm, tm) {
35
67
  if (fm === "") {
36
68
  return fm;
@@ -69,7 +101,6 @@ let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
69
101
  }
70
102
  };
71
103
  TimeBar.styles = [
72
- ItemsSTD.styles,
73
104
  css `
74
105
  :host {
75
106
  text-align: center;