godown 2.4.0 → 2.4.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 (219) 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 +12 -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 +4 -1
  11. package/effect/clip-text.d.ts.map +1 -1
  12. package/effect/clip-text.js +11 -4
  13. package/effect/clip-text.js.map +1 -1
  14. package/effect/overbreath-text.d.ts +9 -3
  15. package/effect/overbreath-text.d.ts.map +1 -1
  16. package/effect/overbreath-text.js +83 -69
  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 +29 -1
  21. package/effect/typewriter-text.d.ts.map +1 -1
  22. package/effect/typewriter-text.js +36 -5
  23. package/effect/typewriter-text.js.map +1 -1
  24. package/{glob.d.ts → godown-element.d.ts} +14 -34
  25. package/godown-element.d.ts.map +1 -0
  26. package/godown-element.js +131 -0
  27. package/godown-element.js.map +1 -0
  28. package/group/avatar-group.d.ts +7 -1
  29. package/group/avatar-group.d.ts.map +1 -1
  30. package/group/avatar-group.js +11 -3
  31. package/group/avatar-group.js.map +1 -1
  32. package/group/details-group.d.ts +9 -2
  33. package/group/details-group.d.ts.map +1 -1
  34. package/group/details-group.js +20 -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 +16 -1
  39. package/group/tab-group.d.ts.map +1 -1
  40. package/group/tab-group.js +15 -4
  41. package/group/tab-group.js.map +1 -1
  42. package/input-form/base-input.d.ts +22 -7
  43. package/input-form/base-input.d.ts.map +1 -1
  44. package/input-form/base-input.js +31 -20
  45. package/input-form/base-input.js.map +1 -1
  46. package/input-form/label-input.d.ts +11 -5
  47. package/input-form/label-input.d.ts.map +1 -1
  48. package/input-form/label-input.js +59 -37
  49. package/input-form/label-input.js.map +1 -1
  50. package/input-form/search-input.d.ts +26 -4
  51. package/input-form/search-input.d.ts.map +1 -1
  52. package/input-form/search-input.js +32 -16
  53. package/input-form/search-input.js.map +1 -1
  54. package/input-form/select-input.d.ts +18 -4
  55. package/input-form/select-input.d.ts.map +1 -1
  56. package/input-form/select-input.js +33 -18
  57. package/input-form/select-input.js.map +1 -1
  58. package/input-form/sign-form.d.ts +10 -4
  59. package/input-form/sign-form.d.ts.map +1 -1
  60. package/input-form/sign-form.js +11 -8
  61. package/input-form/sign-form.js.map +1 -1
  62. package/input-form/split-input.d.ts +10 -4
  63. package/input-form/split-input.d.ts.map +1 -1
  64. package/input-form/split-input.js +12 -11
  65. package/input-form/split-input.js.map +1 -1
  66. package/input-form/std.d.ts +7 -6
  67. package/input-form/std.d.ts.map +1 -1
  68. package/input-form/std.js +21 -9
  69. package/input-form/std.js.map +1 -1
  70. package/input-form/switch-input.d.ts +21 -3
  71. package/input-form/switch-input.d.ts.map +1 -1
  72. package/input-form/switch-input.js +25 -6
  73. package/input-form/switch-input.js.map +1 -1
  74. package/items/alert-item.d.ts +14 -2
  75. package/items/alert-item.d.ts.map +1 -1
  76. package/items/alert-item.js +17 -6
  77. package/items/alert-item.js.map +1 -1
  78. package/items/avatar-a.d.ts +18 -1
  79. package/items/avatar-a.d.ts.map +1 -1
  80. package/items/avatar-a.js +31 -7
  81. package/items/avatar-a.js.map +1 -1
  82. package/items/base-button.d.ts +23 -1
  83. package/items/base-button.d.ts.map +1 -1
  84. package/items/base-button.js +45 -8
  85. package/items/base-button.js.map +1 -1
  86. package/items/card-item.d.ts +7 -4
  87. package/items/card-item.d.ts.map +1 -1
  88. package/items/card-item.js +13 -8
  89. package/items/card-item.js.map +1 -1
  90. package/items/dialog-item.d.ts +19 -1
  91. package/items/dialog-item.d.ts.map +1 -1
  92. package/items/dialog-item.js +20 -1
  93. package/items/dialog-item.js.map +1 -1
  94. package/items/link-a.d.ts +9 -1
  95. package/items/link-a.d.ts.map +1 -1
  96. package/items/link-a.js +16 -7
  97. package/items/link-a.js.map +1 -1
  98. package/items/load-track.d.ts +22 -1
  99. package/items/load-track.d.ts.map +1 -1
  100. package/items/load-track.js +24 -2
  101. package/items/load-track.js.map +1 -1
  102. package/items/std.d.ts +1 -1
  103. package/items/std.d.ts.map +1 -1
  104. package/items/std.js +1 -1
  105. package/items/std.js.map +1 -1
  106. package/items/super-a.d.ts +10 -1
  107. package/items/super-a.d.ts.map +1 -1
  108. package/items/super-a.js +15 -6
  109. package/items/super-a.js.map +1 -1
  110. package/items/time-bar.d.ts +30 -2
  111. package/items/time-bar.d.ts.map +1 -1
  112. package/items/time-bar.js +32 -4
  113. package/items/time-bar.js.map +1 -1
  114. package/layout/div-line.d.ts +5 -2
  115. package/layout/div-line.d.ts.map +1 -1
  116. package/layout/div-line.js +7 -3
  117. package/layout/div-line.js.map +1 -1
  118. package/layout/drag-box.d.ts +10 -1
  119. package/layout/drag-box.d.ts.map +1 -1
  120. package/layout/drag-box.js +14 -4
  121. package/layout/drag-box.js.map +1 -1
  122. package/layout/flex-flow.d.ts +7 -1
  123. package/layout/flex-flow.d.ts.map +1 -1
  124. package/layout/flex-flow.js +9 -2
  125. package/layout/flex-flow.js.map +1 -1
  126. package/layout/nav-aside.d.ts +8 -2
  127. package/layout/nav-aside.d.ts.map +1 -1
  128. package/layout/nav-aside.js +9 -2
  129. package/layout/nav-aside.js.map +1 -1
  130. package/layout/nav-layout.d.ts +11 -2
  131. package/layout/nav-layout.d.ts.map +1 -1
  132. package/layout/nav-layout.js +9 -6
  133. package/layout/nav-layout.js.map +1 -1
  134. package/layout/skeleton-screen.d.ts +11 -1
  135. package/layout/skeleton-screen.d.ts.map +1 -1
  136. package/layout/skeleton-screen.js +39 -5
  137. package/layout/skeleton-screen.js.map +1 -1
  138. package/layout/std.d.ts +1 -1
  139. package/layout/std.js +1 -1
  140. package/layout/with-wrap.d.ts +4 -1
  141. package/layout/with-wrap.d.ts.map +1 -1
  142. package/layout/with-wrap.js +6 -2
  143. package/layout/with-wrap.js.map +1 -1
  144. package/{tmpl.d.ts → lib/templates.d.ts} +4 -3
  145. package/lib/templates.d.ts.map +1 -0
  146. package/{tmpl.js → lib/templates.js} +6 -3
  147. package/lib/templates.js.map +1 -0
  148. package/lib/utils.d.ts +46 -2
  149. package/lib/utils.d.ts.map +1 -1
  150. package/lib/utils.js +129 -13
  151. package/lib/utils.js.map +1 -1
  152. package/package.json +2 -2
  153. package/react/create.d.ts +1 -1
  154. package/react/create.d.ts.map +1 -1
  155. package/react/create.js +1 -2
  156. package/react/create.js.map +1 -1
  157. package/react/effect.d.ts.map +1 -1
  158. package/react/effect.js +0 -3
  159. package/react/effect.js.map +1 -1
  160. package/react/group.d.ts.map +1 -1
  161. package/react/group.js +0 -3
  162. package/react/group.js.map +1 -1
  163. package/react/input-form.d.ts.map +1 -1
  164. package/react/input-form.js +0 -8
  165. package/react/input-form.js.map +1 -1
  166. package/react/items.d.ts.map +1 -1
  167. package/react/items.js +0 -9
  168. package/react/items.js.map +1 -1
  169. package/react/layout.d.ts.map +1 -1
  170. package/react/layout.js +0 -7
  171. package/react/layout.js.map +1 -1
  172. package/react/view.d.ts.map +1 -1
  173. package/react/view.js +0 -7
  174. package/react/view.js.map +1 -1
  175. package/root.d.ts +23 -0
  176. package/root.d.ts.map +1 -0
  177. package/root.js +82 -0
  178. package/root.js.map +1 -0
  179. package/view/details-expand.d.ts +7 -2
  180. package/view/details-expand.d.ts.map +1 -1
  181. package/view/details-expand.js +9 -6
  182. package/view/details-expand.js.map +1 -1
  183. package/view/down-drop.d.ts +1 -1
  184. package/view/down-drop.d.ts.map +1 -1
  185. package/view/down-drop.js +3 -2
  186. package/view/down-drop.js.map +1 -1
  187. package/view/float-tips.d.ts +4 -1
  188. package/view/float-tips.d.ts.map +1 -1
  189. package/view/float-tips.js +6 -2
  190. package/view/float-tips.js.map +1 -1
  191. package/view/menu-list.d.ts +1 -3
  192. package/view/menu-list.d.ts.map +1 -1
  193. package/view/menu-list.js +6 -15
  194. package/view/menu-list.js.map +1 -1
  195. package/view/rotation-pool.d.ts +11 -2
  196. package/view/rotation-pool.d.ts.map +1 -1
  197. package/view/rotation-pool.js +13 -2
  198. package/view/rotation-pool.js.map +1 -1
  199. package/view/route-view.d.ts +26 -7
  200. package/view/route-view.d.ts.map +1 -1
  201. package/view/route-view.js +35 -15
  202. package/view/route-view.js.map +1 -1
  203. package/view/scroll-x.d.ts +6 -3
  204. package/view/scroll-x.d.ts.map +1 -1
  205. package/view/scroll-x.js +10 -5
  206. package/view/scroll-x.js.map +1 -1
  207. package/view/std.d.ts +18 -2
  208. package/view/std.d.ts.map +1 -1
  209. package/view/std.js +22 -1
  210. package/view/std.js.map +1 -1
  211. package/glob.d.ts.map +0 -1
  212. package/glob.js +0 -215
  213. package/glob.js.map +0 -1
  214. package/tmpl.d.ts.map +0 -1
  215. package/tmpl.js.map +0 -1
  216. package/with.d.ts +0 -43
  217. package/with.d.ts.map +0 -1
  218. package/with.js +0 -89
  219. package/with.js.map +0 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Godown
2
2
 
3
- The **simple, stylized, semantic components** for standard HTML and other frameworks.
3
+ Simple, stylized, semantic web components.
4
4
 
5
5
  ## Install
6
6
 
package/conf.d.ts CHANGED
@@ -7,15 +7,15 @@ declare global {
7
7
  GodownWebComponentsCONF: ConfType;
8
8
  }
9
9
  }
10
- interface ConfType {
10
+ export interface ConfType {
11
11
  assign: null | Record<string, any>;
12
12
  cssvar: string;
13
- enabled: Set<string>;
14
13
  namemap: Map<string, string>;
15
14
  classmap: Map<string, CustomElementConstructor>;
16
15
  prefix: string;
17
16
  reflect: boolean;
18
17
  suffix: string;
19
18
  tag: (origin: string) => string;
19
+ define: CustomElementRegistry["define"];
20
20
  }
21
21
  //# sourceMappingURL=conf.d.ts.map
package/conf.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,IAAI,EAAE,QAAkE,CAAC;AACtF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAE,QAAe,YAS1E;AAED,wBAAgB,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,YAEzD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB,uBAAuB,EAAE,QAAQ,CAAC;KACnC;CACF;AAED,UAAU,QAAQ;IAChB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CACjC"}
1
+ {"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,IAAI,EAAE,QAAkE,CAAC;AACtF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAE,QAAe,GAAG,QAAQ,CASrF;AAED,wBAAgB,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAEpE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB,uBAAuB,EAAE,QAAQ,CAAC;KACnC;CACF;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;CACzC"}
package/conf.js CHANGED
@@ -1,7 +1,6 @@
1
1
  const defaultConfig = {
2
2
  assign: null,
3
3
  cssvar: "godown",
4
- enabled: new Set(),
5
4
  namemap: new Map(),
6
5
  classmap: new Map(),
7
6
  prefix: "",
@@ -10,6 +9,18 @@ const defaultConfig = {
10
9
  tag(origin) {
11
10
  return this.prefix + origin + this.suffix;
12
11
  },
12
+ define(name, constructor, options) {
13
+ const tagName = this.tag(name);
14
+ if (!tagName) {
15
+ return;
16
+ }
17
+ if (!customElements.get(tagName)) {
18
+ customElements.define(tagName, constructor, options);
19
+ constructor.elementTagName = tagName;
20
+ this.namemap.set(name, tagName);
21
+ this.classmap.set(name, constructor);
22
+ }
23
+ },
13
24
  };
14
25
  export const conf = init(globalThis.GodownWebComponentsCONF, defaultConfig);
15
26
  export default conf;
package/conf.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"conf.js","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAAA,MAAM,aAAa,GAAa;IAC9B,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,IAAI,GAAG,EAAE;IAClB,OAAO,EAAE,IAAI,GAAG,EAAE;IAClB,QAAQ,EAAE,IAAI,GAAG,EAAE;IACnB,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,EAAE;IACV,GAAG,CAAC,MAAM;QACR,OAAO,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAC5C,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAa,IAAI,CAAC,UAAU,CAAC,uBAAuB,EAAE,aAAa,CAAC,CAAC;AACtF,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,IAAI,CAAC,UAA6B,EAAE,SAAmB,IAAI;IACzE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAClC,IAAI,MAAM,CAAC,OAAO,EAAE;QAClB,6BAA6B;QAC7B,UAAU,CAAC,uBAAuB,GAAG,MAAM,CAAC;KAC7C;SAAM;QACL,OAAO,UAAU,CAAC,uBAAuB,CAAC;KAC3C;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,UAA6B;IACxD,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAChC,CAAC"}
1
+ {"version":3,"file":"conf.js","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AACA,MAAM,aAAa,GAAa;IAC9B,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,IAAI,GAAG,EAAE;IAClB,QAAQ,EAAE,IAAI,GAAG,EAAE;IACnB,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,EAAE;IACV,GAAG,CAAC,MAAc;QAChB,OAAO,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAC5C,CAAC;IACD,MAAM,CAAC,IAAY,EAAE,WAAqC,EAAE,OAAkC;QAC5F,MAAM,OAAO,GAAW,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YAChC,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;YACpD,WAAoC,CAAC,cAAc,GAAG,OAAO,CAAC;YAC/D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAChC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;SACtC;IACH,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAa,IAAI,CAAC,UAAU,CAAC,uBAAuB,EAAE,aAAa,CAAC,CAAC;AACtF,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,IAAI,CAAC,UAA6B,EAAE,SAAmB,IAAI;IACzE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAClC,IAAI,MAAM,CAAC,OAAO,EAAE;QAClB,6BAA6B;QAC7B,UAAU,CAAC,uBAAuB,GAAG,MAAM,CAAC;KAC7C;SAAM;QACL,OAAO,UAAU,CAAC,uBAAuB,CAAC;KAC3C;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,UAA6B;IACxD,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAChC,CAAC"}
package/deps.d.ts CHANGED
@@ -1,10 +1,5 @@
1
- export { conf, init } from "./conf.js";
2
- export { GodownElement, cssvar, cssvarValues, define, createScope } from "./glob.js";
3
- export { append, create, retag, constructCSS } from "./with.js";
4
- export { html, css, LitElement, unsafeCSS } from "lit";
5
- export { query, queryAll, property, state, customElement } from "lit/decorators.js";
6
- export { ifDefined } from "lit/directives/if-defined.js";
7
- export { classMap } from "lit/directives/class-map.js";
8
- export type { HTMLTemplate } from "./tmpl";
9
- export type { CSSResultGroup } from "lit";
1
+ export { html, css, unsafeCSS, type CSSResultGroup, type PropertyValueMap } from "lit";
2
+ export * from "lit/decorators.js";
3
+ export * from "lit/directives/if-defined.js";
4
+ export * from "lit/directives/class-map.js";
10
5
  //# sourceMappingURL=deps.d.ts.map
package/deps.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"deps.d.ts","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC"}
1
+ {"version":3,"file":"deps.d.ts","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACvF,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}
package/deps.js CHANGED
@@ -1,8 +1,5 @@
1
- export { conf, init } from "./conf.js";
2
- export { GodownElement, cssvar, cssvarValues, define, createScope } from "./glob.js";
3
- export { append, create, retag, constructCSS } from "./with.js";
4
- export { html, css, LitElement, unsafeCSS } from "lit";
5
- export { query, queryAll, property, state, customElement } from "lit/decorators.js";
6
- export { ifDefined } from "lit/directives/if-defined.js";
7
- export { classMap } from "lit/directives/class-map.js";
1
+ export { html, css, unsafeCSS } from "lit";
2
+ export * from "lit/decorators.js";
3
+ export * from "lit/directives/if-defined.js";
4
+ export * from "lit/directives/class-map.js";
8
5
  //# sourceMappingURL=deps.js.map
package/deps.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"deps.js","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC"}
1
+ {"version":3,"file":"deps.js","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAA8C,MAAM,KAAK,CAAC;AACvF,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}
@@ -1,7 +1,10 @@
1
1
  import { type CSSResultGroup } from "../deps.js";
2
- import { type HTMLTemplate } from "../tmpl.js";
2
+ import { type HTMLTemplate } from "../lib/templates.js";
3
3
  import EffectSTD from "./std.js";
4
4
  export declare class ClipText extends EffectSTD {
5
+ /**
6
+ * The text to be clipped.
7
+ */
5
8
  text: string;
6
9
  static styles: CSSResultGroup;
7
10
  protected render(): HTMLTemplate | string;
@@ -1 +1 @@
1
- {"version":3,"file":"clip-text.d.ts","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkC,MAAM,YAAY,CAAC;AACtF,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAIjC,qBACa,QAAS,SAAQ,SAAS;IACzB,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,iBAWO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,GAAG,MAAM;CAG1C;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
1
+ {"version":3,"file":"clip-text.d.ts","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,YAAY,CAAC;AAChE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,QAAS,SAAQ,SAAS;IACrC;;OAEG;IACS,IAAI,SAAM;IAEtB,MAAM,CAAC,MAAM,iBAaO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,GAAG,MAAM;CAG1C;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
@@ -4,13 +4,18 @@ 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, property } from "../deps.js";
8
- import { htmlSlot } from "../tmpl.js";
7
+ import { createScope, cssvar, define } from "../root.js";
8
+ import { css, property } from "../deps.js";
9
+ import { htmlSlot } from "../lib/templates.js";
9
10
  import EffectSTD from "./std.js";
10
11
  const defineName = "clip-text";
12
+ const cssvarScope = createScope(defineName);
11
13
  let ClipText = class ClipText extends EffectSTD {
12
14
  constructor() {
13
15
  super(...arguments);
16
+ /**
17
+ * The text to be clipped.
18
+ */
14
19
  this.text = "";
15
20
  }
16
21
  render() {
@@ -21,10 +26,12 @@ ClipText.styles = [
21
26
  EffectSTD.styles,
22
27
  css `
23
28
  :host {
24
- background: linear-gradient(180deg, var(${cssvarValues.text}), rgb(var(${cssvarValues.textRGB}) / 64%));
29
+ ${cssvarScope}--clip-background: var(${cssvar}--clip-background);
30
+ background: var(${cssvarScope}--clip-background);
25
31
  color: transparent;
26
- -webkit-background-clip: text !important;
32
+ -webkit-text-fill-color: transparent;
27
33
  background-clip: text !important;
34
+ -webkit-background-clip: text !important;
28
35
  display: inline-flex;
29
36
  }
30
37
  `,
@@ -1 +1 @@
1
- {"version":3,"file":"clip-text.js","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAGxB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,SAAI,GAAG,EAAE,CAAC;IAiBxB,CAAC;IAHW,MAAM;QACd,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;IACjC,CAAC;;AAfM,eAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;kDAE2C,YAAY,CAAC,IAAI,cAAc,YAAY,CAAC,OAAO;;;;;;KAMhG;CACgB,AAXN,CAWO;AAZR;IAAX,QAAQ,EAAE;sCAAW;AADX,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAkBpB;;AAED,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"clip-text.js","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACL;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;IAoBxB,CAAC;IAHW,MAAM;QACd,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;IACjC,CAAC;;AAjBM,eAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;KAOhC;CACgB,AAbN,CAaO;AAfR;IAAX,QAAQ,EAAE;sCAAW;AAJX,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAwBpB;;AAED,eAAe,QAAQ,CAAC"}
@@ -1,12 +1,18 @@
1
- import { type HTMLTemplate } from "../deps.js";
1
+ import { type CSSResultGroup } from "../deps.js";
2
2
  import EffectSTD from "./std.js";
3
+ import { type HTMLTemplate } from "../lib/templates.js";
3
4
  export declare class OverbreathText extends EffectSTD {
4
- static styles: import("lit").CSSResult[];
5
+ static styles: CSSResultGroup;
6
+ /**
7
+ * One of the texts.
8
+ */
5
9
  t1: string;
6
10
  t2: string;
7
11
  t3: string;
8
- protected render(): HTMLTemplate;
12
+ protected render(): HTMLTemplate[];
13
+ protected renderText(text: string): HTMLTemplate;
9
14
  }
15
+ export default OverbreathText;
10
16
  declare global {
11
17
  interface HTMLElementTagNameMap {
12
18
  "overbreath-text": OverbreathText;
@@ -1 +1 @@
1
- {"version":3,"file":"overbreath-text.d.ts","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,YAAY,EAAY,MAAM,YAAY,CAAC;AACzF,OAAO,SAAS,MAAM,UAAU,CAAC;AAoBjC,qBACa,cAAe,SAAQ,SAAS;IAC3C,MAAM,CAAC,MAAM,4BAuJX;IACU,EAAE,SAAe;IACjB,EAAE,SAAgB;IAClB,EAAE,SAAiB;IAE/B,SAAS,CAAC,MAAM,IAAI,YAAY;CAcjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
1
+ {"version":3,"file":"overbreath-text.d.ts","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,YAAY,CAAC;AACtE,OAAO,SAAS,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKxD,qBACa,cAAe,SAAQ,SAAS;IAC3C,MAAM,CAAC,MAAM,iBAiLO;IAEpB;;OAEG;IACS,EAAE,SAAM;IAER,EAAE,SAAM;IAER,EAAE,SAAM;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,EAAE;IAIlC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY;CAMjD;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
@@ -4,54 +4,55 @@ 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 { createScope, css, define, html, property } from "../deps.js";
7
+ import { createScope, cssvar, define } from "../root.js";
8
+ import { css, html, property } from "../deps.js";
8
9
  import EffectSTD from "./std.js";
9
10
  const defineName = "overbreath-text";
10
11
  const cssvarScope = createScope(defineName);
11
- const theme = css `
12
- :host {
13
- ${cssvarScope}--1-1: #ae0ca5;
14
- ${cssvarScope}--1-2: #ffd802;
15
- ${cssvarScope}--2-1: #1fe173;
16
- ${cssvarScope}--2-2: #582bca;
17
- ${cssvarScope}--3-1: #00b4f0;
18
- ${cssvarScope}--3-2: #e614e6;
19
- ${cssvarScope}--deg: 60deg;
20
- ${cssvarScope}--1: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--1-1), var(${cssvarScope}--1-2));
21
- ${cssvarScope}--2: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--2-1), var(${cssvarScope}--2-2));
22
- ${cssvarScope}--3: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--3-1), var(${cssvarScope}--3-2));
23
- }
24
- `;
25
12
  let OverbreathText = class OverbreathText extends EffectSTD {
26
13
  constructor() {
27
14
  super(...arguments);
28
- this.t1 = "t1 unset.";
29
- this.t2 = "t2 unset..";
30
- this.t3 = "t3 unset...";
15
+ /**
16
+ * One of the texts.
17
+ */
18
+ this.t1 = "";
19
+ // As t1.
20
+ this.t2 = "";
21
+ // As t2.
22
+ this.t3 = "";
31
23
  }
32
24
  render() {
25
+ return [this.t1, this.t2, this.t3].map(this.renderText);
26
+ }
27
+ renderText(text) {
33
28
  return html `<span class="rel">
34
- <span class="abs">${this.t1}</span>
35
- <span class="ani">${this.t1}</span>
36
- </span>
37
- <span class="rel">
38
- <span class="abs">${this.t2}</span>
39
- <span class="ani">${this.t2}</span>
40
- </span>
41
- <span class="rel">
42
- <span class="abs">${this.t3}</span>
43
- <span class="ani">${this.t3}</span>
44
- </span>`;
29
+ <span class="bg">${text}</span>
30
+ <span class="fg">${text}</span>
31
+ </span>`;
45
32
  }
46
33
  };
47
34
  OverbreathText.styles = [
48
- theme,
35
+ EffectSTD.styles,
36
+ css `
37
+ :host {
38
+ ${cssvarScope}--1-1: #ae0ca5;
39
+ ${cssvarScope}--1-2: #ffd802;
40
+ ${cssvarScope}--2-1: #1fe173;
41
+ ${cssvarScope}--2-2: #582bca;
42
+ ${cssvarScope}--3-1: #00b4f0;
43
+ ${cssvarScope}--3-2: #e614e6;
44
+ ${cssvarScope}--deg: 60deg;
45
+ ${cssvarScope}--1: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--1-1), var(${cssvarScope}--1-2));
46
+ ${cssvarScope}--2: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--2-1), var(${cssvarScope}--2-2));
47
+ ${cssvarScope}--3: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--3-1), var(${cssvarScope}--3-2));
48
+ }
49
+ `,
49
50
  css `
50
51
  :host {
51
52
  display: flex;
52
53
  margin: auto;
53
54
  width: fit-content;
54
- font-size: clamp(4.4rem, 9vw, 5rem);
55
+ font-size: clamp(3.5rem, 10vw, 5.5rem);
55
56
  align-items: center;
56
57
  }
57
58
 
@@ -65,63 +66,57 @@ OverbreathText.styles = [
65
66
  background: none;
66
67
  }
67
68
 
68
- .rel {
69
- line-height: 1;
70
- position: relative;
69
+ .fg,
70
+ .bg {
71
+ padding: 0 0.05em;
72
+ box-sizing: border-box;
71
73
  }
72
74
 
73
- .abs {
74
- color: currentColor;
75
+ .bg {
75
76
  position: absolute;
76
77
  top: 0;
77
78
  }
78
79
 
79
- .ani,
80
- .abs {
81
- white-space: nowrap;
82
- box-sizing: border-box;
83
- padding-right: 2.5px;
84
- letter-spacing: -2.5px;
85
- width: fit-content;
86
- background-clip: text;
87
- -webkit-background-clip: text;
88
- font-weight: 800;
89
- font-size: inherit;
80
+ span {
81
+ display: block;
90
82
  }
91
83
 
92
- .ani {
93
- box-sizing: border-box;
94
- -webkit-text-fill-color: transparent;
84
+ .rel {
85
+ position: relative;
86
+ font-weight: 800;
87
+ font-size: inherit;
88
+ letter-spacing: -0.05em;
95
89
  }
96
90
 
97
- .rel:nth-child(1) .ani {
98
- animation: ani1 8s infinite;
91
+ .rel:nth-child(1) .fg {
92
+ animation: lg1 8s infinite;
99
93
  background-image: var(${cssvarScope}--1);
100
94
  }
101
95
 
102
- .rel:nth-child(2) .ani {
103
- animation: 8s ease 0s infinite normal none running ani2;
96
+ .rel:nth-child(2) .fg {
97
+ animation: 8s infinite lg2;
104
98
  background-image: var(${cssvarScope}--2);
105
99
  }
106
100
 
107
- .rel:nth-child(3) .ani {
108
- animation: 8s ease 0s infinite normal none running ani3;
101
+ .rel:nth-child(3) .fg {
102
+ animation: 8s infinite lg3;
109
103
  background-image: var(${cssvarScope}--3);
110
104
  }
111
105
 
112
- .rel:nth-child(1) .abs {
113
- animation: kf1 8s infinite;
106
+ .rel:nth-child(1) .bg {
107
+ animation: text1 8s infinite;
114
108
  }
115
109
 
116
- .rel:nth-child(2) .abs {
117
- animation: kf2 8s infinite;
110
+ .rel:nth-child(2) .bg {
111
+ animation: text2 8s infinite;
118
112
  }
119
113
 
120
- .rel:nth-child(3) .abs {
121
- animation: kf3 8s infinite;
114
+ .rel:nth-child(3) .bg {
115
+ animation: text3 8s infinite;
122
116
  }
123
-
124
- @keyframes ani1 {
117
+ `,
118
+ css `
119
+ @keyframes lg1 {
125
120
  0%,
126
121
  16.667%,
127
122
  to {
@@ -132,7 +127,8 @@ OverbreathText.styles = [
132
127
  opacity: 0;
133
128
  }
134
129
  }
135
- @keyframes ani2 {
130
+
131
+ @keyframes lg2 {
136
132
  0%,
137
133
  to {
138
134
  opacity: 0;
@@ -146,7 +142,8 @@ OverbreathText.styles = [
146
142
  opacity: 0;
147
143
  }
148
144
  }
149
- @keyframes ani3 {
145
+
146
+ @keyframes lg3 {
150
147
  0%,
151
148
  50%,
152
149
  to {
@@ -157,7 +154,8 @@ OverbreathText.styles = [
157
154
  opacity: 1;
158
155
  }
159
156
  }
160
- @keyframes kf1 {
157
+
158
+ @keyframes text1 {
161
159
  0%,
162
160
  16.667%,
163
161
  to {
@@ -168,7 +166,8 @@ OverbreathText.styles = [
168
166
  opacity: 1;
169
167
  }
170
168
  }
171
- @keyframes kf2 {
169
+
170
+ @keyframes text2 {
172
171
  0%,
173
172
  to {
174
173
  opacity: 1;
@@ -182,7 +181,8 @@ OverbreathText.styles = [
182
181
  opacity: 1;
183
182
  }
184
183
  }
185
- @keyframes kf3 {
184
+
185
+ @keyframes text3 {
186
186
  0%,
187
187
  58.333%,
188
188
  91.667%,
@@ -195,6 +195,19 @@ OverbreathText.styles = [
195
195
  }
196
196
  }
197
197
  `,
198
+ css `
199
+ span.bg {
200
+ ${cssvarScope}--clip-background: var(${cssvar}--clip-background);
201
+ background: var(${cssvarScope}--clip-background);
202
+ }
203
+ span {
204
+ color: transparent;
205
+ -webkit-text-fill-color: transparent;
206
+ background-clip: text !important;
207
+ -webkit-background-clip: text !important;
208
+ display: inline-flex;
209
+ }
210
+ `,
198
211
  ];
199
212
  __decorate([
200
213
  property()
@@ -209,4 +222,5 @@ OverbreathText = __decorate([
209
222
  define(defineName)
210
223
  ], OverbreathText);
211
224
  export { OverbreathText };
225
+ export default OverbreathText;
212
226
  //# sourceMappingURL=overbreath-text.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"overbreath-text.js","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAqB,QAAQ,EAAE,MAAM,YAAY,CAAC;AACzF,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C,MAAM,KAAK,GAAG,GAAG,CAAA;;MAEX,WAAW;MACX,WAAW;MACX,WAAW;MACX,WAAW;MACX,WAAW;MACX,WAAW;MACX,WAAW;MACX,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;MACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;MACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;;CAE3G,CAAC;AAGK,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IAAtC;;QAyJO,OAAE,GAAG,WAAW,CAAC;QACjB,OAAE,GAAG,YAAY,CAAC;QAClB,OAAE,GAAG,aAAa,CAAC;IAgBjC,CAAC;IAdW,MAAM;QACd,OAAO,IAAI,CAAA;4BACa,IAAI,CAAC,EAAE;4BACP,IAAI,CAAC,EAAE;;;4BAGP,IAAI,CAAC,EAAE;4BACP,IAAI,CAAC,EAAE;;;4BAGP,IAAI,CAAC,EAAE;4BACP,IAAI,CAAC,EAAE;cACrB,CAAC;IACb,CAAC;;AAzKM,qBAAM,GAAG;IACd,KAAK;IACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAkDyB,WAAW;;;;;gCAKX,WAAW;;;;;gCAKX,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwFtC;CACF,AAvJY,CAuJX;AACU;IAAX,QAAQ,EAAE;0CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAAmB;AAClB;IAAX,QAAQ,EAAE;0CAAoB;AA3JpB,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CA2K1B"}
1
+ {"version":3,"file":"overbreath-text.js","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,SAAS,MAAM,UAAU,CAAC;AAGjC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IAAtC;;QAoLL;;WAEG;QACS,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;IAYtB,CAAC;IAVW,MAAM;QACd,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1D,CAAC;IAES,UAAU,CAAC,IAAY;QAC/B,OAAO,IAAI,CAAA;yBACU,IAAI;yBACJ,IAAI;YACjB,CAAC;IACX,CAAC;;AArMM,qBAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;UACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;UACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;;KAE3G;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2CyB,WAAW;;;;;gCAKX,WAAW;;;;;gCAKX,WAAW;;;;;;;;;;;;;;KActC;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+EF;IACD,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;;;KAShC;CACgB,AAjLN,CAiLO;AAKR;IAAX,QAAQ,EAAE;0CAAS;AAER;IAAX,QAAQ,EAAE;0CAAS;AAER;IAAX,QAAQ,EAAE;0CAAS;AA3LT,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CAuM1B;;AAED,eAAe,cAAc,CAAC"}
package/effect/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 EffectSTD extends GodownElement {
3
3
  }
4
4
  //# sourceMappingURL=std.d.ts.map
package/effect/std.js CHANGED
@@ -1,4 +1,4 @@
1
- import { GodownElement } from "../deps.js";
1
+ import { GodownElement } from "../root.js";
2
2
  export default class EffectSTD extends GodownElement {
3
3
  }
4
4
  //# sourceMappingURL=std.js.map
@@ -1,20 +1,48 @@
1
- import { type HTMLTemplate } from "../tmpl.js";
1
+ import { type HTMLTemplate } from "../lib/templates.js";
2
2
  import EffectSTD from "./std.js";
3
3
  export declare class TypewriterText extends EffectSTD {
4
+ /**
5
+ * Raw text.
6
+ */
4
7
  text: string;
8
+ /**
9
+ * Start immediately after {@linkcode TypewriterText.firstUpdated}.
10
+ */
5
11
  stopped: boolean;
12
+ /**
13
+ * If true, hide the cursor
14
+ */
6
15
  ended: boolean;
16
+ /**
17
+ * Maximum random time.
18
+ */
7
19
  max: number;
20
+ /**
21
+ * Minimum random time.
22
+ */
8
23
  min: number;
24
+ /**
25
+ * Fixed time.
26
+ */
9
27
  delay: number;
28
+ /**
29
+ * The index at the beginning.
30
+ */
10
31
  index: number;
32
+ /**
33
+ * Internal text.
34
+ */
11
35
  content: string;
12
36
  timeoutID: number;
13
37
  _i: HTMLElement;
38
+ /**
39
+ * {@linkcode TypewriterText.text} length.
40
+ */
14
41
  get len(): number;
15
42
  static styles: import("lit").CSSResult[];
16
43
  protected render(): HTMLTemplate;
17
44
  protected firstUpdated(): void;
45
+ protected updated(changedProperties: Map<string, any>): void;
18
46
  write(at?: number): void;
19
47
  stop(): void;
20
48
  end(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"typewriter-text.d.ts","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,cAAe,SAAQ,SAAS;IAC/B,IAAI,SAAM;IACO,OAAO,UAAS;IAChB,KAAK,UAAS;IACf,GAAG,SAAO;IACV,GAAG,SAAM;IACT,KAAK,SAAK;IACV,KAAK,SAAK;IAC7B,OAAO,SAAM;IACtB,SAAS,EAAE,MAAM,CAAC;IACN,EAAE,EAAE,WAAW,CAAC;IAE5B,IAAI,GAAG,WAEN;IAED,MAAM,CAAC,MAAM,4BA+BX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,SAAS,CAAC,YAAY;IAStB,KAAK,CAAC,EAAE,SAAa;IAYrB,IAAI;IAIJ,GAAG;CAGJ;AAMD,eAAe,cAAc,CAAC;AAC9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
1
+ {"version":3,"file":"typewriter-text.d.ts","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAMjC,qBACa,cAAe,SAAQ,SAAS;IAC3C;;OAEG;IACS,IAAI,SAAM;IACtB;;OAEG;IAC0B,OAAO,UAAS;IAC7C;;OAEG;IAC0B,KAAK,UAAS;IAC3C;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,GAAG,SAAM;IACrC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACM,OAAO,SAAM;IAEtB,SAAS,EAAE,MAAM,CAAC;IACN,EAAE,EAAE,WAAW,CAAC;IAE5B;;OAEG;IACH,IAAI,GAAG,WAEN;IAED,MAAM,CAAC,MAAM,4BA+BX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAMrD,KAAK,CAAC,EAAE,SAAa;IAYrB,IAAI;IAIJ,GAAG;CAGJ;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
@@ -4,23 +4,52 @@ 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 { createScope, css, define, html, property, query, state } from "../deps.js";
8
- import { htmlSlot } from "../tmpl.js";
7
+ import { createScope, define } from "../root.js";
8
+ import { css, html, property, query, state } from "../deps.js";
9
+ import { htmlSlot } from "../lib/templates.js";
9
10
  import EffectSTD from "./std.js";
11
+ import { random } from "../lib/utils.js";
10
12
  const defineName = "typewriter-text";
11
13
  const cssvarScope = createScope(defineName);
12
14
  let TypewriterText = class TypewriterText extends EffectSTD {
13
15
  constructor() {
14
16
  super(...arguments);
17
+ /**
18
+ * Raw text.
19
+ */
15
20
  this.text = "";
21
+ /**
22
+ * Start immediately after {@linkcode TypewriterText.firstUpdated}.
23
+ */
16
24
  this.stopped = false;
25
+ /**
26
+ * If true, hide the cursor
27
+ */
17
28
  this.ended = false;
29
+ /**
30
+ * Maximum random time.
31
+ */
18
32
  this.max = 100;
33
+ /**
34
+ * Minimum random time.
35
+ */
19
36
  this.min = 50;
37
+ /**
38
+ * Fixed time.
39
+ */
20
40
  this.delay = 0;
41
+ /**
42
+ * The index at the beginning.
43
+ */
21
44
  this.index = 0;
45
+ /**
46
+ * Internal text.
47
+ */
22
48
  this.content = "";
23
49
  }
50
+ /**
51
+ * {@linkcode TypewriterText.text} length.
52
+ */
24
53
  get len() {
25
54
  return this.text.length;
26
55
  }
@@ -35,6 +64,11 @@ let TypewriterText = class TypewriterText extends EffectSTD {
35
64
  this.write();
36
65
  }
37
66
  }
67
+ updated(changedProperties) {
68
+ if (changedProperties.has("index")) {
69
+ this.dispatchEvent(new CustomEvent(this.index === this.len ? "done" : "write", { detail: this.content }));
70
+ }
71
+ }
38
72
  write(at = this.index) {
39
73
  this.content = this.text.slice(0, at + 1);
40
74
  const timeout = this.delay || random(this.max, this.min);
@@ -116,8 +150,5 @@ TypewriterText = __decorate([
116
150
  define(defineName)
117
151
  ], TypewriterText);
118
152
  export { TypewriterText };
119
- function random(m = 0, n = 1) {
120
- return Math.random() * (n - m) + m;
121
- }
122
153
  export default TypewriterText;
123
154
  //# sourceMappingURL=typewriter-text.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"typewriter-text.js","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"typewriter-text.js","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"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"}