godown 2.3.1 → 2.4.1

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 (193) hide show
  1. package/conf.d.ts +1 -0
  2. package/conf.d.ts.map +1 -1
  3. package/conf.js +1 -0
  4. package/conf.js.map +1 -1
  5. package/deps.d.ts +3 -3
  6. package/deps.d.ts.map +1 -1
  7. package/deps.js +2 -2
  8. package/deps.js.map +1 -1
  9. package/effect/clip-text.d.ts +4 -2
  10. package/effect/clip-text.d.ts.map +1 -1
  11. package/effect/clip-text.js +19 -11
  12. package/effect/clip-text.js.map +1 -1
  13. package/effect/overbreath-text.d.ts +5 -2
  14. package/effect/overbreath-text.d.ts.map +1 -1
  15. package/effect/overbreath-text.js +84 -104
  16. package/effect/overbreath-text.js.map +1 -1
  17. package/effect/typewriter-text.d.ts +4 -3
  18. package/effect/typewriter-text.d.ts.map +1 -1
  19. package/effect/typewriter-text.js +33 -30
  20. package/effect/typewriter-text.js.map +1 -1
  21. package/glob.d.ts +81 -6
  22. package/glob.d.ts.map +1 -1
  23. package/glob.js +159 -34
  24. package/glob.js.map +1 -1
  25. package/group/avatar-group.d.ts +4 -3
  26. package/group/avatar-group.d.ts.map +1 -1
  27. package/group/avatar-group.js +14 -11
  28. package/group/avatar-group.js.map +1 -1
  29. package/group/details-group.d.ts +4 -3
  30. package/group/details-group.d.ts.map +1 -1
  31. package/group/details-group.js +11 -9
  32. package/group/details-group.js.map +1 -1
  33. package/group/index.d.ts +1 -0
  34. package/group/index.d.ts.map +1 -1
  35. package/group/index.js +1 -0
  36. package/group/index.js.map +1 -1
  37. package/group/tab-group.d.ts +31 -0
  38. package/group/tab-group.d.ts.map +1 -0
  39. package/group/tab-group.js +150 -0
  40. package/group/tab-group.js.map +1 -0
  41. package/input-form/base-input.d.ts +6 -5
  42. package/input-form/base-input.d.ts.map +1 -1
  43. package/input-form/base-input.js +13 -15
  44. package/input-form/base-input.js.map +1 -1
  45. package/input-form/label-input.d.ts +4 -3
  46. package/input-form/label-input.d.ts.map +1 -1
  47. package/input-form/label-input.js +18 -13
  48. package/input-form/label-input.js.map +1 -1
  49. package/input-form/search-input.d.ts +5 -4
  50. package/input-form/search-input.d.ts.map +1 -1
  51. package/input-form/search-input.js +21 -22
  52. package/input-form/search-input.js.map +1 -1
  53. package/input-form/select-input.d.ts +5 -4
  54. package/input-form/select-input.d.ts.map +1 -1
  55. package/input-form/select-input.js +14 -16
  56. package/input-form/select-input.js.map +1 -1
  57. package/input-form/sign-form.d.ts +4 -4
  58. package/input-form/sign-form.d.ts.map +1 -1
  59. package/input-form/sign-form.js +3 -13
  60. package/input-form/sign-form.js.map +1 -1
  61. package/input-form/split-input.d.ts +4 -4
  62. package/input-form/split-input.d.ts.map +1 -1
  63. package/input-form/split-input.js +17 -22
  64. package/input-form/split-input.js.map +1 -1
  65. package/input-form/std.d.ts +3 -2
  66. package/input-form/std.d.ts.map +1 -1
  67. package/input-form/std.js +7 -23
  68. package/input-form/std.js.map +1 -1
  69. package/input-form/switch-input.d.ts +4 -3
  70. package/input-form/switch-input.d.ts.map +1 -1
  71. package/input-form/switch-input.js +13 -9
  72. package/input-form/switch-input.js.map +1 -1
  73. package/items/alert-item.d.ts +2 -1
  74. package/items/alert-item.d.ts.map +1 -1
  75. package/items/alert-item.js +25 -23
  76. package/items/alert-item.js.map +1 -1
  77. package/items/avatar-a.d.ts +4 -3
  78. package/items/avatar-a.d.ts.map +1 -1
  79. package/items/avatar-a.js +41 -37
  80. package/items/avatar-a.js.map +1 -1
  81. package/items/base-button.d.ts +4 -2
  82. package/items/base-button.d.ts.map +1 -1
  83. package/items/base-button.js +44 -29
  84. package/items/base-button.js.map +1 -1
  85. package/items/card-item.d.ts +27 -0
  86. package/items/card-item.d.ts.map +1 -0
  87. package/items/card-item.js +116 -0
  88. package/items/card-item.js.map +1 -0
  89. package/items/dialog-item.d.ts +4 -3
  90. package/items/dialog-item.d.ts.map +1 -1
  91. package/items/dialog-item.js +72 -69
  92. package/items/dialog-item.js.map +1 -1
  93. package/items/index.d.ts +1 -0
  94. package/items/index.d.ts.map +1 -1
  95. package/items/index.js +1 -0
  96. package/items/index.js.map +1 -1
  97. package/items/link-a.d.ts +1 -1
  98. package/items/link-a.d.ts.map +1 -1
  99. package/items/link-a.js +3 -3
  100. package/items/link-a.js.map +1 -1
  101. package/items/load-track.d.ts +4 -3
  102. package/items/load-track.d.ts.map +1 -1
  103. package/items/load-track.js +7 -8
  104. package/items/load-track.js.map +1 -1
  105. package/items/super-a.d.ts +4 -3
  106. package/items/super-a.d.ts.map +1 -1
  107. package/items/super-a.js +52 -49
  108. package/items/super-a.js.map +1 -1
  109. package/items/time-bar.d.ts +4 -3
  110. package/items/time-bar.d.ts.map +1 -1
  111. package/items/time-bar.js +3 -3
  112. package/items/time-bar.js.map +1 -1
  113. package/layout/div-line.d.ts +3 -5
  114. package/layout/div-line.d.ts.map +1 -1
  115. package/layout/div-line.js +53 -44
  116. package/layout/div-line.js.map +1 -1
  117. package/layout/drag-box.d.ts +4 -3
  118. package/layout/drag-box.d.ts.map +1 -1
  119. package/layout/drag-box.js +10 -7
  120. package/layout/drag-box.js.map +1 -1
  121. package/layout/flex-flow.d.ts +3 -2
  122. package/layout/flex-flow.d.ts.map +1 -1
  123. package/layout/flex-flow.js +9 -6
  124. package/layout/flex-flow.js.map +1 -1
  125. package/layout/nav-aside.d.ts +4 -3
  126. package/layout/nav-aside.d.ts.map +1 -1
  127. package/layout/nav-aside.js +8 -4
  128. package/layout/nav-aside.js.map +1 -1
  129. package/layout/nav-layout.d.ts +4 -3
  130. package/layout/nav-layout.d.ts.map +1 -1
  131. package/layout/nav-layout.js +14 -9
  132. package/layout/nav-layout.js.map +1 -1
  133. package/layout/skeleton-screen.d.ts +5 -3
  134. package/layout/skeleton-screen.d.ts.map +1 -1
  135. package/layout/skeleton-screen.js +47 -22
  136. package/layout/skeleton-screen.js.map +1 -1
  137. package/layout/std.d.ts +1 -2
  138. package/layout/std.d.ts.map +1 -1
  139. package/layout/std.js +2 -13
  140. package/layout/std.js.map +1 -1
  141. package/layout/with-wrap.d.ts +2 -1
  142. package/layout/with-wrap.d.ts.map +1 -1
  143. package/layout/with-wrap.js +2 -1
  144. package/layout/with-wrap.js.map +1 -1
  145. package/lib/utils.d.ts +4 -0
  146. package/lib/utils.d.ts.map +1 -1
  147. package/lib/utils.js +32 -0
  148. package/lib/utils.js.map +1 -1
  149. package/package.json +10 -8
  150. package/react/group.d.ts +1 -0
  151. package/react/group.d.ts.map +1 -1
  152. package/react/group.js +4 -0
  153. package/react/group.js.map +1 -1
  154. package/react/items.d.ts +1 -0
  155. package/react/items.d.ts.map +1 -1
  156. package/react/items.js +4 -0
  157. package/react/items.js.map +1 -1
  158. package/tmpl.d.ts +7 -7
  159. package/tmpl.d.ts.map +1 -1
  160. package/tmpl.js +5 -4
  161. package/tmpl.js.map +1 -1
  162. package/view/details-expand.d.ts +5 -4
  163. package/view/details-expand.d.ts.map +1 -1
  164. package/view/details-expand.js +2 -1
  165. package/view/details-expand.js.map +1 -1
  166. package/view/down-drop.d.ts +4 -3
  167. package/view/down-drop.d.ts.map +1 -1
  168. package/view/down-drop.js +4 -4
  169. package/view/down-drop.js.map +1 -1
  170. package/view/float-tips.d.ts +8 -1
  171. package/view/float-tips.d.ts.map +1 -1
  172. package/view/float-tips.js +3 -1
  173. package/view/float-tips.js.map +1 -1
  174. package/view/menu-list.d.ts +4 -3
  175. package/view/menu-list.d.ts.map +1 -1
  176. package/view/menu-list.js +5 -4
  177. package/view/menu-list.js.map +1 -1
  178. package/view/rotation-pool.d.ts +4 -3
  179. package/view/rotation-pool.d.ts.map +1 -1
  180. package/view/rotation-pool.js +61 -58
  181. package/view/rotation-pool.js.map +1 -1
  182. package/view/route-view.d.ts +10 -10
  183. package/view/route-view.d.ts.map +1 -1
  184. package/view/route-view.js +24 -22
  185. package/view/route-view.js.map +1 -1
  186. package/view/scroll-x.d.ts +3 -2
  187. package/view/scroll-x.d.ts.map +1 -1
  188. package/view/scroll-x.js +5 -5
  189. package/view/scroll-x.js.map +1 -1
  190. package/with.d.ts +22 -15
  191. package/with.d.ts.map +1 -1
  192. package/with.js +14 -28
  193. package/with.js.map +1 -1
package/conf.d.ts CHANGED
@@ -8,6 +8,7 @@ declare global {
8
8
  }
9
9
  }
10
10
  interface ConfType {
11
+ assign: null | Record<string, any>;
11
12
  cssvar: string;
12
13
  enabled: Set<string>;
13
14
  namemap: Map<string, string>;
package/conf.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAaA,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,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":"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"}
package/conf.js CHANGED
@@ -1,4 +1,5 @@
1
1
  const defaultConfig = {
2
+ assign: null,
2
3
  cssvar: "godown",
3
4
  enabled: new Set(),
4
5
  namemap: new Map(),
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,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":"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"}
package/deps.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  export { conf, init } from "./conf.js";
2
- export { GodownElement, cssvar } from "./glob.js";
3
- export { append, create, define, retag, constructCSS } from "./with.js";
2
+ export { GodownElement, cssvar, cssvarValues, define, createScope } from "./glob.js";
3
+ export { append, create, retag, constructCSS } from "./with.js";
4
4
  export { html, css, LitElement, unsafeCSS } from "lit";
5
5
  export { query, queryAll, property, state, customElement } from "lit/decorators.js";
6
6
  export { ifDefined } from "lit/directives/if-defined.js";
7
7
  export { classMap } from "lit/directives/class-map.js";
8
- export type { HtmlTemplate } from "./tmpl";
8
+ export type { HTMLTemplate } from "./tmpl";
9
9
  export type { CSSResultGroup } from "lit";
10
10
  //# 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,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACxE,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,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"}
package/deps.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export { conf, init } from "./conf.js";
2
- export { GodownElement, cssvar } from "./glob.js";
3
- export { append, create, define, retag, constructCSS } from "./with.js";
2
+ export { GodownElement, cssvar, cssvarValues, define, createScope } from "./glob.js";
3
+ export { append, create, retag, constructCSS } from "./with.js";
4
4
  export { html, css, LitElement, unsafeCSS } from "lit";
5
5
  export { query, queryAll, property, state, customElement } from "lit/decorators.js";
6
6
  export { ifDefined } from "lit/directives/if-defined.js";
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,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACxE,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,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,8 +1,10 @@
1
+ import { type CSSResultGroup } from "../deps.js";
2
+ import { type HTMLTemplate } from "../tmpl.js";
1
3
  import EffectSTD from "./std.js";
2
4
  export declare class ClipText extends EffectSTD {
3
5
  text: string;
4
- static styles: import("lit").CSSResult;
5
- render(): string | import("lit").TemplateResult<1>;
6
+ static styles: CSSResultGroup;
7
+ protected render(): HTMLTemplate | string;
6
8
  }
7
9
  export default ClipText;
8
10
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"clip-text.d.ts","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,UAAU,CAAC;AAGjC,qBACa,QAAS,SAAQ,SAAS;IACzB,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,0BAOX;IAEF,MAAM;CAGP;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":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAA4B,MAAM,YAAY,CAAC;AAC7F,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,QAAS,SAAQ,SAAS;IACzB,IAAI,SAAM;IACtB,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,9 +4,11 @@ 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, property } from "../deps.js";
8
- import EffectSTD from "./std.js";
7
+ import { createScope, css, cssvar, define, property } from "../deps.js";
9
8
  import { htmlSlot } from "../tmpl.js";
9
+ import EffectSTD from "./std.js";
10
+ const defineName = "clip-text";
11
+ const cssvarScope = createScope(defineName);
10
12
  let ClipText = class ClipText extends EffectSTD {
11
13
  constructor() {
12
14
  super(...arguments);
@@ -16,19 +18,25 @@ let ClipText = class ClipText extends EffectSTD {
16
18
  return this.text || htmlSlot();
17
19
  }
18
20
  };
19
- ClipText.styles = css `
20
- :host {
21
- color: transparent;
22
- background: linear-gradient(90deg, #000, #fff);
23
- -webkit-background-clip: text !important;
24
- background-clip: text !important;
25
- }
26
- `;
21
+ ClipText.styles = [
22
+ EffectSTD.styles,
23
+ css `
24
+ :host {
25
+ ${cssvarScope}--clip-background: var(${cssvar}--clip-background);
26
+ background: var(${cssvarScope}--clip-background);
27
+ color: transparent;
28
+ -webkit-text-fill-color: transparent;
29
+ background-clip: text !important;
30
+ -webkit-background-clip: text !important;
31
+ display: inline-flex;
32
+ }
33
+ `,
34
+ ];
27
35
  __decorate([
28
36
  property()
29
37
  ], ClipText.prototype, "text", void 0);
30
38
  ClipText = __decorate([
31
- define("clip-text")
39
+ define(defineName)
32
40
  ], ClipText);
33
41
  export { ClipText };
34
42
  export default ClipText;
@@ -1 +1 @@
1
- {"version":3,"file":"clip-text.js","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,SAAS,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG/B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,SAAI,GAAG,EAAE,CAAC;IAaxB,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;IACjC,CAAC;;AAXM,eAAM,GAAG,GAAG,CAAA;;;;;;;GAOlB,AAPY,CAOX;AARU;IAAX,QAAQ,EAAE;sCAAW;AADX,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAcpB;;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,GAAG,EAAuB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,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;;QACO,SAAI,GAAG,EAAE,CAAC;IAmBxB,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;AAdR;IAAX,QAAQ,EAAE;sCAAW;AADX,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAoBpB;;AAED,eAAe,QAAQ,CAAC"}
@@ -1,11 +1,14 @@
1
+ import { type CSSResultGroup, type HTMLTemplate } from "../deps.js";
1
2
  import EffectSTD from "./std.js";
2
3
  export declare class OverbreathText extends EffectSTD {
3
- static styles: import("lit").CSSResult[];
4
+ static styles: CSSResultGroup;
4
5
  t1: string;
5
6
  t2: string;
6
7
  t3: string;
7
- render(): import("lit").TemplateResult<1>;
8
+ protected render(): HTMLTemplate[];
9
+ protected renderText(text: string): HTMLTemplate;
8
10
  }
11
+ export default OverbreathText;
9
12
  declare global {
10
13
  interface HTMLElementTagNameMap {
11
14
  "overbreath-text": OverbreathText;
@@ -1 +1 @@
1
- {"version":3,"file":"overbreath-text.d.ts","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,UAAU,CAAC;AA+CjC,qBACa,cAAe,SAAQ,SAAS;IAC3C,MAAM,CAAC,MAAM,4BAuJX;IACU,EAAE,SAAe;IACjB,EAAE,SAAgB;IAClB,EAAE,SAAiB;IAE/B,MAAM;CAcP;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":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAwB,KAAK,YAAY,EAAY,MAAM,YAAY,CAAC;AACtH,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,cAAe,SAAQ,SAAS;IAC3C,MAAM,CAAC,MAAM,iBAiLO;IACR,EAAE,SAAM;IACR,EAAE,SAAM;IACR,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,86 +4,53 @@ 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, cssvar, define, html, property } from "../deps.js";
7
+ import { createScope, css, cssvar, define, html, property } from "../deps.js";
8
8
  import EffectSTD from "./std.js";
9
- const theme = css `
10
- :host {
11
- ${cssvar}--ov-text: aliceblue;
12
- ${cssvar}--ov-border: 0.275em;
13
- ${cssvar}--ov-port: #1a1a1a;
14
- ${cssvar}--ov-1-1: #ae0ca5;
15
- ${cssvar}--ov-1-2: #ffd802;
16
- ${cssvar}--ov-2-1: #1fe173;
17
- ${cssvar}--ov-2-2: #582bca;
18
- ${cssvar}--ov-3-1: #00b4f0;
19
- ${cssvar}--ov-3-2: #e614e6;
20
- ${cssvar}--ov-deg: 60deg;
21
- ${cssvar}--ov-1: linear-gradient(var(${cssvar}--ov-deg), var(${cssvar}--ov-1-1), var(${cssvar}--ov-1-2));
22
- ${cssvar}--ov-2: linear-gradient(var(${cssvar}--ov-deg), var(${cssvar}--ov-2-1), var(${cssvar}--ov-2-2));
23
- ${cssvar}--ov-3: linear-gradient(var(${cssvar}--ov-deg), var(${cssvar}--ov-3-1), var(${cssvar}--ov-3-2));
24
- }
25
- .overbreathflow {
26
- animation: 8s linear infinite breathflow;
27
- height: 100%;
28
- width: 100%;
29
- position: absolute;
30
- border-radius: inherit;
31
- }
32
- @keyframes breathflow {
33
- 0%,
34
- 100% {
35
- opacity: 1;
36
- background-image: var(${cssvar}--ov-1);
37
- }
38
- 33.33% {
39
- opacity: 1;
40
- background-image: var(${cssvar}--ov-2);
41
- }
42
- 16.66%,
43
- 50.33%,
44
- 83% {
45
- opacity: 0;
46
- }
47
- 66.67% {
48
- opacity: 1;
49
- background-image: var(${cssvar}--ov-3);
50
- }
51
- }
52
- `;
9
+ const defineName = "overbreath-text";
10
+ const cssvarScope = createScope(defineName);
53
11
  let OverbreathText = class OverbreathText extends EffectSTD {
54
12
  constructor() {
55
13
  super(...arguments);
56
- this.t1 = "t1 unset.";
57
- this.t2 = "t2 unset..";
58
- this.t3 = "t3 unset...";
14
+ this.t1 = "";
15
+ this.t2 = "";
16
+ this.t3 = "";
59
17
  }
60
18
  render() {
19
+ return [this.t1, this.t2, this.t3].map(this.renderText);
20
+ }
21
+ renderText(text) {
61
22
  return html `<span class="rel">
62
- <span class="abs">${this.t1}</span>
63
- <span class="ani">${this.t1}</span>
64
- </span>
65
- <span class="rel">
66
- <span class="abs">${this.t2}</span>
67
- <span class="ani">${this.t2}</span>
68
- </span>
69
- <span class="rel">
70
- <span class="abs">${this.t3}</span>
71
- <span class="ani">${this.t3}</span>
72
- </span>`;
23
+ <span class="bg">${text}</span>
24
+ <span class="fg">${text}</span>
25
+ </span>`;
73
26
  }
74
27
  };
75
28
  OverbreathText.styles = [
76
- theme,
29
+ EffectSTD.styles,
30
+ css `
31
+ :host {
32
+ ${cssvarScope}--1-1: #ae0ca5;
33
+ ${cssvarScope}--1-2: #ffd802;
34
+ ${cssvarScope}--2-1: #1fe173;
35
+ ${cssvarScope}--2-2: #582bca;
36
+ ${cssvarScope}--3-1: #00b4f0;
37
+ ${cssvarScope}--3-2: #e614e6;
38
+ ${cssvarScope}--deg: 60deg;
39
+ ${cssvarScope}--1: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--1-1), var(${cssvarScope}--1-2));
40
+ ${cssvarScope}--2: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--2-1), var(${cssvarScope}--2-2));
41
+ ${cssvarScope}--3: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--3-1), var(${cssvarScope}--3-2));
42
+ }
43
+ `,
77
44
  css `
78
45
  :host {
79
46
  display: flex;
80
47
  margin: auto;
81
48
  width: fit-content;
82
- font-size: clamp(4.4rem, 9vw, 5rem);
49
+ font-size: clamp(3.5rem, 10vw, 5.5rem);
83
50
  align-items: center;
84
51
  }
85
52
 
86
- @media screen and (max-width: 1280px) {
53
+ @media (max-width: 1280px) {
87
54
  :host {
88
55
  flex-direction: column;
89
56
  }
@@ -93,63 +60,57 @@ OverbreathText.styles = [
93
60
  background: none;
94
61
  }
95
62
 
96
- .rel {
97
- line-height: 1;
98
- position: relative;
63
+ .fg,
64
+ .bg {
65
+ padding: 0 0.05em;
66
+ box-sizing: border-box;
99
67
  }
100
68
 
101
- .abs {
102
- color: currentColor;
69
+ .bg {
103
70
  position: absolute;
104
71
  top: 0;
105
72
  }
106
73
 
107
- .ani,
108
- .abs {
109
- white-space: nowrap;
110
- box-sizing: border-box;
111
- padding-right: 2.5px;
112
- letter-spacing: -2.5px;
113
- width: fit-content;
114
- background-clip: text;
115
- -webkit-background-clip: text;
116
- font-weight: 800;
117
- font-size: inherit;
74
+ span {
75
+ display: block;
118
76
  }
119
77
 
120
- .ani {
121
- box-sizing: border-box;
122
- -webkit-text-fill-color: transparent;
78
+ .rel {
79
+ position: relative;
80
+ font-weight: 800;
81
+ font-size: inherit;
82
+ letter-spacing: -0.05em;
123
83
  }
124
84
 
125
- .rel:nth-child(1) .ani {
126
- animation: ani1 8s infinite;
127
- background-image: var(${cssvar}--ov-1);
85
+ .rel:nth-child(1) .fg {
86
+ animation: lg1 8s infinite;
87
+ background-image: var(${cssvarScope}--1);
128
88
  }
129
89
 
130
- .rel:nth-child(2) .ani {
131
- animation: 8s ease 0s infinite normal none running ani2;
132
- background-image: var(${cssvar}--ov-2);
90
+ .rel:nth-child(2) .fg {
91
+ animation: 8s infinite lg2;
92
+ background-image: var(${cssvarScope}--2);
133
93
  }
134
94
 
135
- .rel:nth-child(3) .ani {
136
- animation: 8s ease 0s infinite normal none running ani3;
137
- background-image: var(${cssvar}--ov-3);
95
+ .rel:nth-child(3) .fg {
96
+ animation: 8s infinite lg3;
97
+ background-image: var(${cssvarScope}--3);
138
98
  }
139
99
 
140
- .rel:nth-child(1) .abs {
141
- animation: kf1 8s infinite;
100
+ .rel:nth-child(1) .bg {
101
+ animation: text1 8s infinite;
142
102
  }
143
103
 
144
- .rel:nth-child(2) .abs {
145
- animation: kf2 8s infinite;
104
+ .rel:nth-child(2) .bg {
105
+ animation: text2 8s infinite;
146
106
  }
147
107
 
148
- .rel:nth-child(3) .abs {
149
- animation: kf3 8s infinite;
108
+ .rel:nth-child(3) .bg {
109
+ animation: text3 8s infinite;
150
110
  }
151
-
152
- @keyframes ani1 {
111
+ `,
112
+ css `
113
+ @keyframes lg1 {
153
114
  0%,
154
115
  16.667%,
155
116
  to {
@@ -160,7 +121,8 @@ OverbreathText.styles = [
160
121
  opacity: 0;
161
122
  }
162
123
  }
163
- @keyframes ani2 {
124
+
125
+ @keyframes lg2 {
164
126
  0%,
165
127
  to {
166
128
  opacity: 0;
@@ -174,7 +136,8 @@ OverbreathText.styles = [
174
136
  opacity: 0;
175
137
  }
176
138
  }
177
- @keyframes ani3 {
139
+
140
+ @keyframes lg3 {
178
141
  0%,
179
142
  50%,
180
143
  to {
@@ -185,7 +148,8 @@ OverbreathText.styles = [
185
148
  opacity: 1;
186
149
  }
187
150
  }
188
- @keyframes kf1 {
151
+
152
+ @keyframes text1 {
189
153
  0%,
190
154
  16.667%,
191
155
  to {
@@ -196,7 +160,8 @@ OverbreathText.styles = [
196
160
  opacity: 1;
197
161
  }
198
162
  }
199
- @keyframes kf2 {
163
+
164
+ @keyframes text2 {
200
165
  0%,
201
166
  to {
202
167
  opacity: 1;
@@ -210,7 +175,8 @@ OverbreathText.styles = [
210
175
  opacity: 1;
211
176
  }
212
177
  }
213
- @keyframes kf3 {
178
+
179
+ @keyframes text3 {
214
180
  0%,
215
181
  58.333%,
216
182
  91.667%,
@@ -223,6 +189,19 @@ OverbreathText.styles = [
223
189
  }
224
190
  }
225
191
  `,
192
+ css `
193
+ span.bg {
194
+ ${cssvarScope}--clip-background: var(${cssvar}--clip-background);
195
+ background: var(${cssvarScope}--clip-background);
196
+ }
197
+ span {
198
+ color: transparent;
199
+ -webkit-text-fill-color: transparent;
200
+ background-clip: text !important;
201
+ -webkit-background-clip: text !important;
202
+ display: inline-flex;
203
+ }
204
+ `,
226
205
  ];
227
206
  __decorate([
228
207
  property()
@@ -234,7 +213,8 @@ __decorate([
234
213
  property()
235
214
  ], OverbreathText.prototype, "t3", void 0);
236
215
  OverbreathText = __decorate([
237
- define("overbreath-text")
216
+ define(defineName)
238
217
  ], OverbreathText);
239
218
  export { OverbreathText };
219
+ export default OverbreathText;
240
220
  //# 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,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,KAAK,GAAG,GAAG,CAAA;;MAEX,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM,+BAA+B,MAAM,kBAAkB,MAAM,kBAAkB,MAAM;MAC3F,MAAM,+BAA+B,MAAM,kBAAkB,MAAM,kBAAkB,MAAM;MAC3F,MAAM,+BAA+B,MAAM,kBAAkB,MAAM,kBAAkB,MAAM;;;;;;;;;;;;;8BAanE,MAAM;;;;8BAIN,MAAM;;;;;;;;;8BASN,MAAM;;;CAGnC,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;IAdC,MAAM;QACJ,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,MAAM;;;;;gCAKN,MAAM;;;;;gCAKN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwFjC;CACF,AAvJY,CAuJX;AACU;IAAX,QAAQ,EAAE;0CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAAmB;AAClB;IAAX,QAAQ,EAAE;0CAAoB;AA3JpB,cAAc;IAD1B,MAAM,CAAC,iBAAiB,CAAC;GACb,cAAc,CA2K1B"}
1
+ {"version":3,"file":"overbreath-text.js","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAuB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAqB,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtH,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IAAtC;;QAmLO,OAAE,GAAG,EAAE,CAAC;QACR,OAAE,GAAG,EAAE,CAAC;QACR,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;;AA/LM,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;AACR;IAAX,QAAQ,EAAE;0CAAS;AACR;IAAX,QAAQ,EAAE;0CAAS;AACR;IAAX,QAAQ,EAAE;0CAAS;AArLT,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CAiM1B;;AAED,eAAe,cAAc,CAAC"}
@@ -1,3 +1,4 @@
1
+ import { type HTMLTemplate } from "../tmpl.js";
1
2
  import EffectSTD from "./std.js";
2
3
  export declare class TypewriterText extends EffectSTD {
3
4
  text: string;
@@ -11,9 +12,9 @@ export declare class TypewriterText extends EffectSTD {
11
12
  timeoutID: number;
12
13
  _i: HTMLElement;
13
14
  get len(): number;
14
- static styles: import("lit").CSSResult;
15
- render(): import("lit").TemplateResult<1>;
16
- firstUpdated(): void;
15
+ static styles: import("lit").CSSResult[];
16
+ protected render(): HTMLTemplate;
17
+ protected firstUpdated(): void;
17
18
  write(at?: number): void;
18
19
  stop(): void;
19
20
  end(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"typewriter-text.d.ts","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,UAAU,CAAC;AAGjC,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,0BA6BX;IAEF,MAAM;IAIN,YAAY;IASZ,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":"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"}
@@ -4,9 +4,11 @@ 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, cssvar, define, html, property, query, state } from "../deps.js";
8
- import EffectSTD from "./std.js";
7
+ import { createScope, css, define, html, property, query, state } from "../deps.js";
9
8
  import { htmlSlot } from "../tmpl.js";
9
+ import EffectSTD from "./std.js";
10
+ const defineName = "typewriter-text";
11
+ const cssvarScope = createScope(defineName);
10
12
  let TypewriterText = class TypewriterText extends EffectSTD {
11
13
  constructor() {
12
14
  super(...arguments);
@@ -26,9 +28,8 @@ let TypewriterText = class TypewriterText extends EffectSTD {
26
28
  return html `${htmlSlot()}${this.content}<i class="${(this.ended && "hidden") || ""}"></i>`;
27
29
  }
28
30
  firstUpdated() {
29
- var _a;
30
31
  if (!this.text) {
31
- this.text = ((_a = this.assignedNodes[0]) === null || _a === void 0 ? void 0 : _a.textContent.trim()) || "";
32
+ this.text = this.assignedNodes[0]?.textContent.trim() || "";
32
33
  }
33
34
  if (!this.stopped && this.len) {
34
35
  this.write();
@@ -52,36 +53,38 @@ let TypewriterText = class TypewriterText extends EffectSTD {
52
53
  this.ended = true;
53
54
  }
54
55
  };
55
- TypewriterText.styles = css `
56
- :host {
57
- ${cssvar}--cursor-width: .05em;
58
- font-family: monospace;
59
- white-space: nowrap;
60
- }
61
-
62
- i {
63
- border-right: var(${cssvar}--cursor-width) solid;
64
- margin-left: 0.02em;
65
- animation: s 1.5s steps(1) infinite;
66
- }
56
+ TypewriterText.styles = [
57
+ css `
58
+ :host {
59
+ ${cssvarScope}--cursor-width: .05em;
60
+ font-family: monospace;
61
+ white-space: nowrap;
62
+ }
67
63
 
68
- @keyframes s {
69
- 0% {
70
- border-color: currentColor;
64
+ i {
65
+ border-right: var(${cssvarScope}--cursor-width) solid;
66
+ margin-left: 0.02em;
67
+ animation: s 1.5s steps(1) infinite;
71
68
  }
72
- 50% {
73
- border-color: transparent;
69
+
70
+ @keyframes s {
71
+ 0% {
72
+ border-color: currentColor;
73
+ }
74
+ 50% {
75
+ border-color: transparent;
76
+ }
74
77
  }
75
- }
76
78
 
77
- slot {
78
- display: none;
79
- }
79
+ slot {
80
+ display: none;
81
+ }
80
82
 
81
- .hidden {
82
- visibility: hidden;
83
- }
84
- `;
83
+ .hidden {
84
+ visibility: hidden;
85
+ }
86
+ `,
87
+ ];
85
88
  __decorate([
86
89
  property()
87
90
  ], TypewriterText.prototype, "text", void 0);
@@ -110,7 +113,7 @@ __decorate([
110
113
  query("i")
111
114
  ], TypewriterText.prototype, "_i", void 0);
112
115
  TypewriterText = __decorate([
113
- define("typewriter-text")
116
+ define(defineName)
114
117
  ], TypewriterText);
115
118
  export { TypewriterText };
116
119
  function random(m = 0, n = 1) {
@@ -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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"}