godown 2.3.1 → 2.4.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 (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 +16 -11
  12. package/effect/clip-text.js.map +1 -1
  13. package/effect/overbreath-text.d.ts +2 -1
  14. package/effect/overbreath-text.d.ts.map +1 -1
  15. package/effect/overbreath-text.js +18 -46
  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 +85 -6
  22. package/glob.d.ts.map +1 -1
  23. package/glob.js +161 -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 +3 -2
  82. package/items/base-button.d.ts.map +1 -1
  83. package/items/base-button.js +27 -26
  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 +4 -3
  134. package/layout/skeleton-screen.d.ts.map +1 -1
  135. package/layout/skeleton-screen.js +21 -20
  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 +3 -0
  146. package/lib/utils.d.ts.map +1 -1
  147. package/lib/utils.js +25 -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 +5 -5
  183. package/view/route-view.d.ts.map +1 -1
  184. package/view/route-view.js +13 -10
  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,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"}
@@ -4,9 +4,10 @@ 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 { css, cssvarValues, define, property } from "../deps.js";
9
8
  import { htmlSlot } from "../tmpl.js";
9
+ import EffectSTD from "./std.js";
10
+ const defineName = "clip-text";
10
11
  let ClipText = class ClipText extends EffectSTD {
11
12
  constructor() {
12
13
  super(...arguments);
@@ -16,19 +17,23 @@ let ClipText = class ClipText extends EffectSTD {
16
17
  return this.text || htmlSlot();
17
18
  }
18
19
  };
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
- `;
20
+ ClipText.styles = [
21
+ EffectSTD.styles,
22
+ css `
23
+ :host {
24
+ background: linear-gradient(180deg, var(${cssvarValues.text}), rgb(var(${cssvarValues.textRGB}) / 64%));
25
+ color: transparent;
26
+ -webkit-background-clip: text !important;
27
+ background-clip: text !important;
28
+ display: inline-flex;
29
+ }
30
+ `,
31
+ ];
27
32
  __decorate([
28
33
  property()
29
34
  ], ClipText.prototype, "text", void 0);
30
35
  ClipText = __decorate([
31
- define("clip-text")
36
+ define(defineName)
32
37
  ], ClipText);
33
38
  export { ClipText };
34
39
  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,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,10 +1,11 @@
1
+ import { type HTMLTemplate } from "../deps.js";
1
2
  import EffectSTD from "./std.js";
2
3
  export declare class OverbreathText extends EffectSTD {
3
4
  static styles: import("lit").CSSResult[];
4
5
  t1: string;
5
6
  t2: string;
6
7
  t3: string;
7
- render(): import("lit").TemplateResult<1>;
8
+ protected render(): HTMLTemplate;
8
9
  }
9
10
  declare global {
10
11
  interface HTMLElementTagNameMap {
@@ -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,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"}
@@ -4,50 +4,22 @@ 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, define, html, property } from "../deps.js";
8
8
  import EffectSTD from "./std.js";
9
+ const defineName = "overbreath-text";
10
+ const cssvarScope = createScope(defineName);
9
11
  const theme = css `
10
12
  :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
- }
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));
51
23
  }
52
24
  `;
53
25
  let OverbreathText = class OverbreathText extends EffectSTD {
@@ -83,7 +55,7 @@ OverbreathText.styles = [
83
55
  align-items: center;
84
56
  }
85
57
 
86
- @media screen and (max-width: 1280px) {
58
+ @media (max-width: 1280px) {
87
59
  :host {
88
60
  flex-direction: column;
89
61
  }
@@ -124,17 +96,17 @@ OverbreathText.styles = [
124
96
 
125
97
  .rel:nth-child(1) .ani {
126
98
  animation: ani1 8s infinite;
127
- background-image: var(${cssvar}--ov-1);
99
+ background-image: var(${cssvarScope}--1);
128
100
  }
129
101
 
130
102
  .rel:nth-child(2) .ani {
131
103
  animation: 8s ease 0s infinite normal none running ani2;
132
- background-image: var(${cssvar}--ov-2);
104
+ background-image: var(${cssvarScope}--2);
133
105
  }
134
106
 
135
107
  .rel:nth-child(3) .ani {
136
108
  animation: 8s ease 0s infinite normal none running ani3;
137
- background-image: var(${cssvar}--ov-3);
109
+ background-image: var(${cssvarScope}--3);
138
110
  }
139
111
 
140
112
  .rel:nth-child(1) .abs {
@@ -234,7 +206,7 @@ __decorate([
234
206
  property()
235
207
  ], OverbreathText.prototype, "t3", void 0);
236
208
  OverbreathText = __decorate([
237
- define("overbreath-text")
209
+ define(defineName)
238
210
  ], OverbreathText);
239
211
  export { OverbreathText };
240
212
  //# 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,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,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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"}
package/glob.d.ts CHANGED
@@ -1,28 +1,107 @@
1
- import { CSSResultGroup, LitElement } from "lit";
2
- import { EventListenerFunc, EventsCollection } from "./lib/event-collection.js";
1
+ import { type CSSResult, type CSSResultGroup, LitElement } from "lit";
2
+ import { deepQuerySelector, deepQuerySelectorAll } from "./lib/utils.js";
3
+ import { EventListenerFunc } from "./lib/event-collection.js";
4
+ import type { LikeString } from "./with";
5
+ /**
6
+ * Define a custom element.
7
+ * @param name Name for the new custom element. Must be a valid custom element name.
8
+ * @param options Object that controls how the element is defined.
9
+ */
10
+ export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
3
11
  /**
4
12
  * Custom CSS variable prefix, join with "--".
5
13
  */
6
- export declare const cssvar: import("lit").CSSResult;
14
+ export declare const cssvar: CSSResult;
15
+ export declare function createScope(scope: LikeString): CSSResult;
16
+ export declare const cssvarValues: {
17
+ cssvar: CSSResult;
18
+ input: CSSResult;
19
+ main: CSSResult;
20
+ text: CSSResult;
21
+ mainRGB: CSSResult;
22
+ textRGB: CSSResult;
23
+ };
24
+ /**
25
+ * Global element.
26
+ */
7
27
  export declare class GodownElement extends LitElement {
8
28
  static styles: CSSResultGroup;
29
+ /**
30
+ * No named slot element's assignedElements, as HTMLElement[].
31
+ */
9
32
  get assigned(): HTMLElement[];
33
+ /**
34
+ * No named slot element's assignedElements, as Node[].
35
+ */
10
36
  get assignedNodes(): Node[];
11
37
  /**
12
- * no named slot
38
+ * No named slot element.
13
39
  */
14
40
  get _slot(): HTMLSlotElement;
15
- get slottedChildren(): HTMLElement[];
41
+ /**
42
+ * Slot elements.
43
+ */
44
+ get _slots(): HTMLSlotElement[];
45
+ /**
46
+ * Named slot elements.
47
+ */
48
+ get slottedChildren(): HTMLSlotElement[];
49
+ /**
50
+ * Named slot elements' slot attribute.
51
+ */
16
52
  get slottedNames(): string[];
53
+ /**
54
+ * Width of (`this.offsetParent` or `document.body`).
55
+ */
17
56
  get offsetsWidth(): number;
57
+ /**
58
+ * Height of (`this.offsetParent` or `document.body`).
59
+ */
18
60
  get offsetsHeight(): number;
19
- __events: EventsCollection;
61
+ private __events;
62
+ /**
63
+ * ```
64
+ * src.addEventListener("type", listener)
65
+ * //as
66
+ * this.addEvent(src, "type", listener)
67
+ * ```
68
+ */
20
69
  addEvent(src: any, type: string, listener: EventListenerFunc, alias?: string): void;
70
+ /**
71
+ * ```
72
+ * src.removeEventListener("type", listener)
73
+ * //as
74
+ * this.removeEvent(src, "type", listener)
75
+ * ```
76
+ */
21
77
  removeEvent(src: any, type: string, id: string | EventListenerFunc): void;
22
78
  removeAllEvents(): void;
79
+ /**
80
+ * Assign to {@linkcode GodownElement}
81
+ * @param assign Assign value
82
+ */
83
+ constructor(assign?: void | (Record<string, any> & {
84
+ classList?: DOMTokenList | string[];
85
+ }));
23
86
  disconnectedCallback(): void;
24
87
  mount(arg?: any): void;
25
88
  unmount(): void;
26
89
  remount(arg?: any): void;
90
+ deepQuerySelector<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelector>[0], ignore?: Parameters<typeof deepQuerySelector>[1], root?: Parameters<typeof deepQuerySelector>[2]): E;
91
+ deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelectorAll>[0], ignore?: Parameters<typeof deepQuerySelectorAll>[1], root?: Parameters<typeof deepQuerySelectorAll>[2]): E[];
92
+ /**
93
+ * Add styles to shadowRoot.
94
+ *
95
+ * @param styles css strings
96
+ *
97
+ * @example
98
+ * ```
99
+ * this.applyStyles(
100
+ * "...",
101
+ * css`...`,
102
+ * )
103
+ * ```
104
+ */
105
+ adoptStyles(...styles: LikeString[]): void;
27
106
  }
28
107
  //# sourceMappingURL=glob.d.ts.map
package/glob.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"glob.d.ts","sourceRoot":"","sources":["../src/glob.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGhF;;GAEG;AACH,eAAO,MAAM,MAAM,yBAAgE,CAAC;AAEpF,qBAAa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,iBAqBO;IAEpB,IAAI,QAAQ,kBAEX;IAED,IAAI,aAAa,WAEhB;IAED;;OAEG;IACH,IAAI,KAAK,oBAER;IAED,IAAI,eAAe,kBAElB;IAED,IAAI,YAAY,aAEf;IAED,IAAI,YAAY,WAEf;IAED,IAAI,aAAa,WAEhB;IAED,QAAQ,mBAA0B;IAElC,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAK,CAAC,EAAE,MAAM;IAI5E,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,iBAAiB;IAIlE,eAAe;IAIf,oBAAoB;IAIpB,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG;IAIf,OAAO;IAIP,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG;CAKlB"}
1
+ {"version":3,"file":"glob.d.ts","sourceRoot":"","sources":["../src/glob.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAoB,MAAM,2BAA2B,CAAC;AAEhF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAWjH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,WAAgE,CAAC;AAEpF,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAExD;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAC;AAEF;;GAEG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,iBA+CO;IAEpB;;OAEG;IACH,IAAI,QAAQ,IAAI,WAAW,EAAE,CAE5B;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,IAAI,EAAE,CAE1B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,eAAe,CAE3B;IAED;;OAEG;IACH,IAAI,MAAM,IAAI,eAAe,EAAE,CAE9B;IAED;;OAEG;IACH,IAAI,eAAe,IAAI,eAAe,EAAE,CAEvC;IAED;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,EAAE,CAE3B;IAED;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,OAAO,CAAC,QAAQ,CAAmB;IAEnC;;;;;;OAMG;IACH,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAK,CAAC,EAAE,MAAM;IAI5E;;;;;;OAMG;IACH,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,iBAAiB;IAIlE,eAAe;IAIf;;;OAGG;gBACS,MAAM,GAAE,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QAAE,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,EAAE,CAAA;KAAE,CAAe;IAYxG,oBAAoB;IAIpB,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG;IAIf,OAAO;IAIP,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG;IAMjB,iBAAiB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,GAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAgB,EAAE,IAAI,GAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAQ,GAAG,CAAC;IAI/N,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,GAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAAgB,EAAE,IAAI,GAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAAQ,GAAG,CAAC,EAAE;IAI7O;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE;CAKpC"}