godown 1.2.0 → 2.0.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 (240) hide show
  1. package/conf.d.ts +6 -6
  2. package/conf.d.ts.map +1 -1
  3. package/conf.js +7 -6
  4. package/conf.js.map +1 -0
  5. package/deps.d.ts +4 -4
  6. package/deps.d.ts.map +1 -1
  7. package/deps.js +5 -4
  8. package/deps.js.map +1 -0
  9. package/effect/clip-text.d.ts +13 -0
  10. package/effect/clip-text.d.ts.map +1 -0
  11. package/effect/clip-text.js +35 -0
  12. package/effect/clip-text.js.map +1 -0
  13. package/effect/index.d.ts +3 -3
  14. package/effect/index.d.ts.map +1 -1
  15. package/effect/index.js +4 -3
  16. package/effect/index.js.map +1 -0
  17. package/effect/overbreath-text.d.ts +14 -0
  18. package/effect/overbreath-text.d.ts.map +1 -0
  19. package/effect/{ov-effect.js → overbreath-text.js} +57 -112
  20. package/effect/overbreath-text.js.map +1 -0
  21. package/effect/std.d.ts +2 -2
  22. package/effect/std.d.ts.map +1 -1
  23. package/effect/std.js +3 -2
  24. package/effect/std.js.map +1 -0
  25. package/effect/typewriter-text.d.ts +27 -0
  26. package/effect/typewriter-text.d.ts.map +1 -0
  27. package/effect/typewriter-text.js +121 -0
  28. package/effect/typewriter-text.js.map +1 -0
  29. package/glob.d.ts +15 -2
  30. package/glob.d.ts.map +1 -1
  31. package/glob.js +101 -5
  32. package/glob.js.map +1 -0
  33. package/group/avatar-group.d.ts +5 -7
  34. package/group/avatar-group.d.ts.map +1 -1
  35. package/group/avatar-group.js +24 -47
  36. package/group/avatar-group.js.map +1 -0
  37. package/group/details-group.d.ts +3 -4
  38. package/group/details-group.d.ts.map +1 -1
  39. package/group/details-group.js +7 -8
  40. package/group/details-group.js.map +1 -0
  41. package/group/index.d.ts +0 -1
  42. package/group/index.d.ts.map +1 -1
  43. package/group/index.js +1 -1
  44. package/group/index.js.map +1 -0
  45. package/group/std.d.ts +2 -2
  46. package/group/std.d.ts.map +1 -1
  47. package/group/std.js +3 -2
  48. package/group/std.js.map +1 -0
  49. package/index.js +1 -0
  50. package/index.js.map +1 -0
  51. package/input-form/base-input.d.ts +6 -10
  52. package/input-form/base-input.d.ts.map +1 -1
  53. package/input-form/base-input.js +40 -47
  54. package/input-form/base-input.js.map +1 -0
  55. package/input-form/index.d.ts +0 -1
  56. package/input-form/index.d.ts.map +1 -1
  57. package/input-form/index.js +1 -1
  58. package/input-form/index.js.map +1 -0
  59. package/input-form/label-input.d.ts +4 -9
  60. package/input-form/label-input.d.ts.map +1 -1
  61. package/input-form/label-input.js +45 -57
  62. package/input-form/label-input.js.map +1 -0
  63. package/input-form/search-input.d.ts +6 -17
  64. package/input-form/search-input.d.ts.map +1 -1
  65. package/input-form/search-input.js +31 -148
  66. package/input-form/search-input.js.map +1 -0
  67. package/input-form/select-input.d.ts +5 -8
  68. package/input-form/select-input.d.ts.map +1 -1
  69. package/input-form/select-input.js +49 -63
  70. package/input-form/select-input.js.map +1 -0
  71. package/input-form/sign-form.d.ts +6 -11
  72. package/input-form/sign-form.d.ts.map +1 -1
  73. package/input-form/sign-form.js +29 -40
  74. package/input-form/sign-form.js.map +1 -0
  75. package/input-form/split-input.d.ts +3 -5
  76. package/input-form/split-input.d.ts.map +1 -1
  77. package/input-form/split-input.js +26 -29
  78. package/input-form/split-input.js.map +1 -0
  79. package/input-form/std.d.ts +25 -8
  80. package/input-form/std.d.ts.map +1 -1
  81. package/input-form/std.js +95 -20
  82. package/input-form/std.js.map +1 -0
  83. package/input-form/switch-input.d.ts +3 -3
  84. package/input-form/switch-input.d.ts.map +1 -1
  85. package/input-form/switch-input.js +27 -7
  86. package/input-form/switch-input.js.map +1 -0
  87. package/items/alert-item.d.ts +4 -3
  88. package/items/alert-item.d.ts.map +1 -1
  89. package/items/alert-item.js +99 -96
  90. package/items/alert-item.js.map +1 -0
  91. package/items/avatar-a.d.ts +17 -0
  92. package/items/avatar-a.d.ts.map +1 -0
  93. package/items/avatar-a.js +102 -0
  94. package/items/avatar-a.js.map +1 -0
  95. package/items/base-button.d.ts +23 -6
  96. package/items/base-button.d.ts.map +1 -1
  97. package/items/base-button.js +186 -142
  98. package/items/base-button.js.map +1 -0
  99. package/items/dialog-item.d.ts +10 -9
  100. package/items/dialog-item.d.ts.map +1 -1
  101. package/items/dialog-item.js +69 -43
  102. package/items/dialog-item.js.map +1 -0
  103. package/items/index.d.ts +2 -1
  104. package/items/index.d.ts.map +1 -1
  105. package/items/index.js +3 -1
  106. package/items/index.js.map +1 -0
  107. package/items/link-a.d.ts +6 -5
  108. package/items/link-a.d.ts.map +1 -1
  109. package/items/link-a.js +24 -49
  110. package/items/link-a.js.map +1 -0
  111. package/items/load-track.d.ts +4 -4
  112. package/items/load-track.d.ts.map +1 -1
  113. package/items/load-track.js +19 -15
  114. package/items/load-track.js.map +1 -0
  115. package/items/std.d.ts +2 -2
  116. package/items/std.d.ts.map +1 -1
  117. package/items/std.js +3 -2
  118. package/items/std.js.map +1 -0
  119. package/items/super-a.d.ts +3 -3
  120. package/items/super-a.d.ts.map +1 -1
  121. package/items/super-a.js +26 -17
  122. package/items/super-a.js.map +1 -0
  123. package/items/time-bar.d.ts +22 -0
  124. package/items/time-bar.d.ts.map +1 -0
  125. package/items/time-bar.js +99 -0
  126. package/items/time-bar.js.map +1 -0
  127. package/layout/div-line.d.ts +2 -2
  128. package/layout/div-line.d.ts.map +1 -1
  129. package/layout/div-line.js +12 -7
  130. package/layout/div-line.js.map +1 -0
  131. package/layout/drag-box.d.ts +10 -12
  132. package/layout/drag-box.d.ts.map +1 -1
  133. package/layout/drag-box.js +10 -18
  134. package/layout/drag-box.js.map +1 -0
  135. package/layout/flex-flow.d.ts +2 -2
  136. package/layout/flex-flow.d.ts.map +1 -1
  137. package/layout/flex-flow.js +7 -5
  138. package/layout/flex-flow.js.map +1 -0
  139. package/layout/index.d.ts +1 -0
  140. package/layout/index.d.ts.map +1 -1
  141. package/layout/index.js +2 -0
  142. package/layout/index.js.map +1 -0
  143. package/layout/nav-aside.d.ts +3 -3
  144. package/layout/nav-aside.d.ts.map +1 -1
  145. package/layout/nav-aside.js +9 -6
  146. package/layout/nav-aside.js.map +1 -0
  147. package/layout/nav-layout.d.ts +2 -4
  148. package/layout/nav-layout.d.ts.map +1 -1
  149. package/layout/nav-layout.js +23 -42
  150. package/layout/nav-layout.js.map +1 -0
  151. package/layout/std.d.ts +3 -3
  152. package/layout/std.d.ts.map +1 -1
  153. package/layout/std.js +4 -3
  154. package/layout/std.js.map +1 -0
  155. package/layout/with-wrap.d.ts +13 -0
  156. package/layout/with-wrap.d.ts.map +1 -0
  157. package/layout/with-wrap.js +32 -0
  158. package/layout/with-wrap.js.map +1 -0
  159. package/package.json +7 -5
  160. package/react/effect.d.ts +2 -5
  161. package/react/effect.d.ts.map +1 -1
  162. package/react/effect.js +8 -22
  163. package/react/effect.js.map +1 -0
  164. package/react/group.d.ts +0 -1
  165. package/react/group.d.ts.map +1 -1
  166. package/react/group.js +2 -6
  167. package/react/group.js.map +1 -0
  168. package/react/index.js +1 -0
  169. package/react/index.js.map +1 -0
  170. package/react/input-form.d.ts +0 -5
  171. package/react/input-form.d.ts.map +1 -1
  172. package/react/input-form.js +9 -19
  173. package/react/input-form.js.map +1 -0
  174. package/react/items.d.ts +2 -1
  175. package/react/items.d.ts.map +1 -1
  176. package/react/items.js +9 -3
  177. package/react/items.js.map +1 -0
  178. package/react/layout.d.ts.map +1 -1
  179. package/react/layout.js +2 -1
  180. package/react/layout.js.map +1 -0
  181. package/react/view.d.ts +1 -0
  182. package/react/view.d.ts.map +1 -1
  183. package/react/view.js +7 -1
  184. package/react/view.js.map +1 -0
  185. package/tmpl.d.ts +20 -0
  186. package/tmpl.d.ts.map +1 -0
  187. package/tmpl.js +39 -0
  188. package/tmpl.js.map +1 -0
  189. package/view/details-expand.d.ts +6 -4
  190. package/view/details-expand.d.ts.map +1 -1
  191. package/view/details-expand.js +30 -26
  192. package/view/details-expand.js.map +1 -0
  193. package/view/down-drop.d.ts +8 -4
  194. package/view/down-drop.d.ts.map +1 -1
  195. package/view/down-drop.js +45 -24
  196. package/view/down-drop.js.map +1 -0
  197. package/view/index.d.ts +1 -0
  198. package/view/index.d.ts.map +1 -1
  199. package/view/index.js +2 -0
  200. package/view/index.js.map +1 -0
  201. package/view/menu-list.d.ts +4 -2
  202. package/view/menu-list.d.ts.map +1 -1
  203. package/view/menu-list.js +26 -13
  204. package/view/menu-list.js.map +1 -0
  205. package/view/rotation-pool.d.ts +23 -0
  206. package/view/rotation-pool.d.ts.map +1 -0
  207. package/{effect/ro-effect.js → view/rotation-pool.js} +74 -41
  208. package/view/rotation-pool.js.map +1 -0
  209. package/view/route-view.d.ts +9 -18
  210. package/view/route-view.d.ts.map +1 -1
  211. package/view/route-view.js +20 -23
  212. package/view/route-view.js.map +1 -0
  213. package/view/scroll-x.d.ts +3 -2
  214. package/view/scroll-x.d.ts.map +1 -1
  215. package/view/scroll-x.js +14 -10
  216. package/view/scroll-x.js.map +1 -0
  217. package/view/std.d.ts +3 -3
  218. package/view/std.d.ts.map +1 -1
  219. package/view/std.js +21 -4
  220. package/view/std.js.map +1 -0
  221. package/with.d.ts +17 -5
  222. package/with.d.ts.map +1 -1
  223. package/with.js +36 -7
  224. package/with.js.map +1 -0
  225. package/effect/ov-effect.d.ts +0 -24
  226. package/effect/ov-effect.d.ts.map +0 -1
  227. package/effect/ro-effect.d.ts +0 -20
  228. package/effect/ro-effect.d.ts.map +0 -1
  229. package/effect/tw-effect.d.ts +0 -22
  230. package/effect/tw-effect.d.ts.map +0 -1
  231. package/effect/tw-effect.js +0 -108
  232. package/group/button-group.d.ts +0 -13
  233. package/group/button-group.d.ts.map +0 -1
  234. package/group/button-group.js +0 -79
  235. package/input-form/exp-input.d.ts +0 -24
  236. package/input-form/exp-input.d.ts.map +0 -1
  237. package/input-form/exp-input.js +0 -218
  238. package/items/avatar-anchor.d.ts +0 -20
  239. package/items/avatar-anchor.d.ts.map +0 -1
  240. package/items/avatar-anchor.js +0 -150
@@ -5,8 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
7
  var RouteView_1;
8
- import { conf, css, define, html, LitElement, property } from "../deps.js";
9
- let RouteView = RouteView_1 = class RouteView extends LitElement {
8
+ import { conf, css, define, GlobalSTD, html, property } from "../deps.js";
9
+ import { htmlSlot } from "../tmpl.js";
10
+ let RouteView = RouteView_1 = class RouteView extends GlobalSTD {
10
11
  constructor() {
11
12
  super(...arguments);
12
13
  this._routes = [];
@@ -16,7 +17,7 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
16
17
  this.baseURL = "";
17
18
  this.path = "";
18
19
  this.override = true;
19
- this.compoent = null;
20
+ this.component = null;
20
21
  }
21
22
  set routes(v) {
22
23
  if (Object.prototype.toString.call(v) !== "[object Array]") {
@@ -37,12 +38,12 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
37
38
  render() {
38
39
  var _a, _b, _c;
39
40
  if (this.type === "field") {
40
- return (_a = this.render_field()) !== null && _a !== void 0 ? _a : html `<slot></slot>`;
41
+ return (_a = this.render_field()) !== null && _a !== void 0 ? _a : htmlSlot();
41
42
  }
42
43
  if (this.type === "slotted" || this.type === "child") {
43
- return (_b = this.render_slotted()) !== null && _b !== void 0 ? _b : html `<slot></slot>`;
44
+ return (_b = this.render_slotted()) !== null && _b !== void 0 ? _b : htmlSlot();
44
45
  }
45
- return (_c = this.render_united()) !== null && _c !== void 0 ? _c : html `<slot></slot>`;
46
+ return (_c = this.render_united()) !== null && _c !== void 0 ? _c : htmlSlot();
46
47
  }
47
48
  useRouter() {
48
49
  return {
@@ -55,7 +56,7 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
55
56
  this.path = window.location.pathname;
56
57
  if (!this.override)
57
58
  return;
58
- window.addEventListener("popstate", () => {
59
+ this.addEvent(window, "popstate", () => {
59
60
  this.path = window.location.pathname;
60
61
  });
61
62
  const pushHistory = history.pushState;
@@ -70,11 +71,10 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
70
71
  };
71
72
  }
72
73
  render_united() {
73
- const slottedCompoent = this.render_slotted();
74
- if (slottedCompoent)
75
- return slottedCompoent;
76
- const Compoent = this.render_field();
77
- return Compoent;
74
+ const slottedComponent = this.render_slotted();
75
+ if (slottedComponent)
76
+ return slottedComponent;
77
+ return this.render_field();
78
78
  }
79
79
  render_slotted() {
80
80
  const childNodes = this.querySelectorAll(":scope > *[slot]");
@@ -93,15 +93,12 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
93
93
  slotsSort = RouteView_1.sortRoutesPaths(slots);
94
94
  }
95
95
  const usedRouteTemplate = RouteView_1.useWhichRoute(slotsSort, this.path);
96
- const Compoent = this.slottedCompoent(usedRouteTemplate, slotsSort);
97
- return Compoent;
96
+ return this.slottedComponent(usedRouteTemplate, slotsSort);
98
97
  }
99
98
  render_field() {
100
99
  const usedRouteTemplate = RouteView_1.useWhichRoute(this.routes, this.path);
101
- const RouterParmasObject = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
102
- this.params = RouterParmasObject;
103
- const Compoent = this.fieldComponent(usedRouteTemplate);
104
- return Compoent;
100
+ this.params = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
101
+ return this.fieldComponent(usedRouteTemplate);
105
102
  }
106
103
  fieldComponent(usedRouteTemplate) {
107
104
  if (!usedRouteTemplate)
@@ -111,15 +108,14 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
111
108
  return null;
112
109
  return route.component;
113
110
  }
114
- slottedCompoent(usedRouteTemplate, ObjectArrayIncludePath) {
111
+ slottedComponent(usedRouteTemplate, ObjectArrayIncludePath) {
115
112
  if (!usedRouteTemplate)
116
113
  return;
117
114
  const slotElement = ObjectArrayIncludePath.find((s) => s.path === usedRouteTemplate);
118
115
  if (!slotElement)
119
116
  return null;
120
- const RouterParmasObject = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
121
- this.params = RouterParmasObject;
122
- return html `<slot name="${slotElement.slotname}"></slot>`;
117
+ this.params = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
118
+ return html ` <slot name="${slotElement.slotname}"></slot>`;
123
119
  }
124
120
  static sortRoutesPaths(ObjectArrayIncludePath) {
125
121
  const all = ObjectArrayIncludePath.map((route) => {
@@ -252,9 +248,10 @@ __decorate([
252
248
  ], RouteView.prototype, "override", void 0);
253
249
  __decorate([
254
250
  property({ type: Object })
255
- ], RouteView.prototype, "compoent", void 0);
251
+ ], RouteView.prototype, "component", void 0);
256
252
  RouteView = RouteView_1 = __decorate([
257
253
  define("route-view")
258
254
  ], RouteView);
259
255
  export { RouteView };
260
256
  export default RouteView;
257
+ //# sourceMappingURL=route-view.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"route-view.js","sourceRoot":"","sources":["../../src/view/route-view.ts"],"names":[],"mappings":"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"}
@@ -1,8 +1,9 @@
1
- import STD from "./std.js";
2
- export declare class ScrollX extends STD {
1
+ import ViewSTD from "./std.js";
2
+ export declare class ScrollX extends ViewSTD {
3
3
  static styles: import("lit").CSSResult;
4
4
  get _section(): HTMLElement;
5
5
  render(): import("lit").TemplateResult<1>;
6
+ protected _handelScroll(e: any): void;
6
7
  firstUpdated(): void;
7
8
  resize(): void;
8
9
  }
@@ -1 +1 @@
1
- {"version":3,"file":"scroll-x.d.ts","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,0BA0BX;IACF,IAAI,QAAQ,gBAEX;IACD,MAAM;IAON,YAAY;IASZ,MAAM;CAcP;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
1
+ {"version":3,"file":"scroll-x.d.ts","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,UAAU,CAAC;AAE/B,qBACa,OAAQ,SAAQ,OAAO;IAClC,MAAM,CAAC,MAAM,0BA8BX;IAEF,IAAI,QAAQ,gBAEX;IAED,MAAM;IAQN,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG;IAI9B,YAAY;IAKZ,MAAM;CAcP;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
package/view/scroll-x.js CHANGED
@@ -5,26 +5,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
7
  import { css, define, html } from "../deps.js";
8
- import STD from "./std.js";
9
- let ScrollX = class ScrollX extends STD {
8
+ import { htmlSlot } from "../tmpl.js";
9
+ import ViewSTD from "./std.js";
10
+ let ScrollX = class ScrollX extends ViewSTD {
10
11
  get _section() {
11
12
  return this.shadowRoot.querySelector("section");
12
13
  }
13
14
  render() {
14
- return html `<section>
15
+ return html `<section @scroll="${this._handelScroll}">
15
16
  <main>
16
- <span><slot></slot></span>
17
+ <span>${htmlSlot()}</span>
17
18
  </main>
18
19
  </section>`;
19
20
  }
21
+ _handelScroll(e) {
22
+ this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
23
+ }
20
24
  firstUpdated() {
21
- this._section.addEventListener("scroll", (e) => {
22
- this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
23
- });
24
25
  this.resize();
25
- window.addEventListener("resize", () => {
26
- this.resize();
27
- });
26
+ this.addEvent(window, "resize", this.resize.bind(this));
28
27
  }
29
28
  resize() {
30
29
  const child = this.firstElementChild;
@@ -49,19 +48,23 @@ ScrollX.styles = css `
49
48
  width: 100%;
50
49
  height: fit-content;
51
50
  }
51
+
52
52
  section {
53
53
  overflow: auto;
54
54
  position: relative;
55
55
  transform-origin: 0 0;
56
56
  transform: rotate(-90deg) translateX(-100%);
57
57
  }
58
+
58
59
  section::-webkit-scrollbar {
59
60
  display: none;
60
61
  }
62
+
61
63
  span {
62
64
  height: 500px;
63
65
  display: flex;
64
66
  }
67
+
65
68
  main {
66
69
  width: auto;
67
70
  position: absolute;
@@ -75,3 +78,4 @@ ScrollX = __decorate([
75
78
  ], ScrollX);
76
79
  export { ScrollX };
77
80
  export default ScrollX;
81
+ //# sourceMappingURL=scroll-x.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scroll-x.js","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,OAAO,MAAM,UAAU,CAAC;AAGxB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,OAAO;IAiClC,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,aAAa;;gBAEtC,QAAQ,EAAE;;eAEX,CAAC;IACd,CAAC;IAES,aAAa,CAAC,CAAM;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAChF,CAAC;IAED,YAAY;QACV,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACrC,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;QAC7C,IAAI,YAAY,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,GAAG,IAAI,CAAC;YAChD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;SAC3D;aAAM;YACL,MAAM,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;YACnC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC;YAC3C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;SAC3D;IACH,CAAC;;AAlEM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BlB,AA9BY,CA8BX;AA/BS,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAoEnB;;AAED,eAAe,OAAO,CAAC"}
package/view/std.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { GLOBSTD } from "../deps.js";
2
- export default class ViewSTD extends GLOBSTD {
1
+ import { GlobalSTD } from "../deps.js";
2
+ export default class ViewSTD extends GlobalSTD {
3
3
  }
4
- export declare const DLsharecss: import("lit").CSSResult;
4
+ export declare const dlShareCSS: import("lit").CSSResult;
5
5
  //# sourceMappingURL=std.d.ts.map
package/view/std.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAO,MAAM,YAAY,CAAC;AAC1C,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,OAAO;CAAG;AAC/C,eAAO,MAAM,UAAU,yBAiCtB,CAAC"}
1
+ {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,SAAS;CAAG;AACjD,eAAO,MAAM,UAAU,yBAiDtB,CAAC"}
package/view/std.js CHANGED
@@ -1,17 +1,24 @@
1
- import { GLOBSTD, css } from "../deps.js";
2
- export default class ViewSTD extends GLOBSTD {
1
+ import { css, GlobalSTD } from "../deps.js";
2
+ export default class ViewSTD extends GlobalSTD {
3
3
  }
4
- export const DLsharecss = css `
4
+ export const dlShareCSS = css `
5
5
  :host {
6
6
  display: block;
7
7
  transition: all 0.3s ease-in-out;
8
8
  }
9
+
9
10
  span {
10
11
  display: inline-flex;
11
12
  align-items: center;
12
13
  flex: 1;
13
14
  white-space: nowrap;
14
15
  }
16
+
17
+ dl {
18
+ height: 100%;
19
+ position: relative;
20
+ }
21
+
15
22
  dt {
16
23
  display: flex;
17
24
  flex-wrap: nowrap;
@@ -19,19 +26,29 @@ export const DLsharecss = css `
19
26
  background: inherit;
20
27
  align-items: center;
21
28
  }
29
+
22
30
  * {
23
31
  transition: inherit;
24
32
  }
33
+
25
34
  dd {
26
35
  overflow: hidden;
27
36
  display: grid;
28
37
  grid-template-rows: 0fr;
29
38
  }
39
+
30
40
  section {
31
41
  min-height: 0;
32
42
  overflow: hidden;
33
43
  }
34
- dd[open] {
44
+
45
+ :host([open]) dd {
35
46
  grid-template-rows: 1fr;
36
47
  }
48
+
49
+ :host([float]) dd {
50
+ top: 100%;
51
+ position: absolute;
52
+ }
37
53
  `;
54
+ //# sourceMappingURL=std.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,SAAS;CAAG;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD5B,CAAC"}
package/with.d.ts CHANGED
@@ -12,13 +12,25 @@ export declare function append(target: string | HTMLElement, args: string | EleA
12
12
  export declare function create(args: string | EleArgs | HTMLElement): HTMLElement;
13
13
  /**
14
14
  * Replace elements
15
- * @param matched: Element array to be replaced
16
- * @param args: New element arguments will call create
15
+ * @param matched
16
+ * @param args
17
17
  */
18
18
  export declare function retag(matched: HTMLElement[], args: string | EleArgs | HTMLElement): void;
19
- export type EleArgs = {
19
+ interface EleArgs {
20
20
  tag: string;
21
21
  props?: Record<string, any>;
22
- children?: Array<string | HTMLElement | EleArgs>;
23
- };
22
+ children?: (string | HTMLElement | EleArgs)[];
23
+ }
24
+ /**
25
+ * @param vars css properties key array
26
+ * @param selectorProperties keys: raw name, as selector. values: css properties value array
27
+ * @param selectorFunc change raw name to a new selector
28
+ * @param propertyFunc form key and value into new key:value; pairs.
29
+ * @returns css text
30
+ */
31
+ export declare function constructCSS(vars: LikeString[], selectorProperties: Record<string, LikeString[]>, selectorFunc?: (raw: LikeString) => string, propertyFunc?: (k: LikeString, v: LikeString) => string): string;
32
+ interface LikeString {
33
+ toString(): string;
34
+ }
35
+ export {};
24
36
  //# sourceMappingURL=with.d.ts.map
package/with.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"with.d.ts","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAOjH,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,WAA2B,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAKxG;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAajF;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;CAClD,CAAC"}
1
+ {"version":3,"file":"with.d.ts","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAOjH,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,WAA2B,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAKxG;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAajF;AAED,UAAU,OAAO;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,EAAE,CAAC;CAC/C;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,KAAK,MAAM,UAoBrM;AAED,UAAU,UAAU;IAClB,QAAQ,IAAI,MAAM,CAAC;CACpB"}
package/with.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { conf } from "./conf.js";
2
2
  export const define = (name, options) => (constructor) => {
3
- const tagname = conf.tag(name);
4
- if (customElements.get(tagname) === undefined) {
5
- customElements.define(tagname, constructor, options);
6
- conf.enabled.push(name);
7
- conf.namemap.set(name, tagname);
3
+ const tagName = conf.tag(name);
4
+ if (customElements.get(tagName) === undefined) {
5
+ customElements.define(tagName, constructor, options);
6
+ conf.enabled.add(name);
7
+ conf.namemap.set(name, tagName);
8
8
  }
9
9
  };
10
10
  /**
@@ -50,8 +50,8 @@ export function create(args) {
50
50
  }
51
51
  /**
52
52
  * Replace elements
53
- * @param matched: Element array to be replaced
54
- * @param args: New element arguments will call create
53
+ * @param matched
54
+ * @param args
55
55
  */
56
56
  export function retag(matched, args) {
57
57
  var _a;
@@ -68,3 +68,32 @@ export function retag(matched, args) {
68
68
  (_a = element.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newElement, element);
69
69
  }
70
70
  }
71
+ /**
72
+ * @param vars css properties key array
73
+ * @param selectorProperties keys: raw name, as selector. values: css properties value array
74
+ * @param selectorFunc change raw name to a new selector
75
+ * @param propertyFunc form key and value into new key:value; pairs.
76
+ * @returns css text
77
+ */
78
+ export function constructCSS(vars, selectorProperties, selectorFunc, propertyFunc) {
79
+ let cssString = "";
80
+ Object.keys(selectorProperties).forEach((sel) => {
81
+ const classProperties = vars.map((propertyKey, index) => {
82
+ const propertyValue = selectorProperties[sel][index];
83
+ if (propertyValue === undefined || propertyValue === null) {
84
+ return;
85
+ }
86
+ if (propertyFunc) {
87
+ return propertyFunc(propertyKey, propertyValue);
88
+ }
89
+ return `${propertyKey}:${propertyValue}`;
90
+ });
91
+ const filtedProperties = classProperties.filter((p) => p);
92
+ if (selectorFunc) {
93
+ sel = selectorFunc(sel);
94
+ }
95
+ cssString = `${cssString}${sel}{${filtedProperties.join(";")}}`;
96
+ });
97
+ return cssString;
98
+ }
99
+ //# sourceMappingURL=with.js.map
package/with.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"with.js","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"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"}
@@ -1,24 +0,0 @@
1
- import STD from "./std.js";
2
- export declare class OVText extends STD {
3
- static styles: import("lit").CSSResult[];
4
- t1: string;
5
- t2: string;
6
- t3: string;
7
- render(): import("lit").TemplateResult<1>;
8
- }
9
- export declare class OVPort extends STD {
10
- static styles: import("lit").CSSResult[];
11
- render(): import("lit").TemplateResult<1>;
12
- }
13
- export declare class OVButton extends STD {
14
- static styles: import("lit").CSSResult[];
15
- render(): import("lit").TemplateResult<1>;
16
- }
17
- declare global {
18
- interface HTMLElementTagNameMap {
19
- "ov-text": OVText;
20
- "ov-port": OVPort;
21
- "ov-button": OVButton;
22
- }
23
- }
24
- //# sourceMappingURL=ov-effect.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ov-effect.d.ts","sourceRoot":"","sources":["../../src/effect/ov-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AA6C3B,qBACa,MAAO,SAAQ,GAAG;IAC7B,MAAM,CAAC,MAAM,4BAiJX;IACU,EAAE,SAAe;IACjB,EAAE,SAAgB;IAClB,EAAE,SAAiB;IAC/B,MAAM;CAOP;AACD,qBACa,MAAO,SAAQ,GAAG;IAC7B,MAAM,CAAC,MAAM,4BAgBX;IACF,MAAM;CAIP;AACD,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,4BAiCX;IACF,MAAM;CAMP;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
@@ -1,20 +0,0 @@
1
- import STD from "./std.js";
2
- export declare class ROPort extends STD {
3
- index: number;
4
- autochange: number;
5
- static styles: import("lit").CSSResult;
6
- current: number;
7
- get assigned(): any;
8
- render(): import("lit").TemplateResult<1>;
9
- firstUpdated(): void;
10
- show(i: any): void;
11
- next(): void;
12
- prev(): void;
13
- }
14
- export default ROPort;
15
- declare global {
16
- interface HTMLElementTagNameMap {
17
- "ro-port": ROPort;
18
- }
19
- }
20
- //# sourceMappingURL=ro-effect.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ro-effect.d.ts","sourceRoot":"","sources":["../../src/effect/ro-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,MAAO,SAAQ,GAAG;IACD,KAAK,SAAK;IACV,UAAU,SAAK;IAC3C,MAAM,CAAC,MAAM,0BAyCX;IACF,OAAO,SAAK;IACZ,IAAI,QAAQ,IAAI,GAAG,CAElB;IACD,MAAM;IAWN,YAAY;IAeZ,IAAI,CAAC,CAAC,KAAA;IAYN,IAAI;IAKJ,IAAI;CAKL;AACD,eAAe,MAAM,CAAC;AACtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
@@ -1,22 +0,0 @@
1
- import STD from "./std.js";
2
- export declare class TWText extends STD {
3
- text: string;
4
- stopped: boolean;
5
- autochange: number;
6
- max: number;
7
- min: number;
8
- len: number;
9
- _timer: any[];
10
- static styles: import("lit").CSSResult;
11
- render(): import("lit").TemplateResult<1>;
12
- firstUpdated(): void;
13
- rewrite(): void;
14
- stop(): void;
15
- }
16
- export default TWText;
17
- declare global {
18
- interface HTMLElementTagNameMap {
19
- "tw-text": TWText;
20
- }
21
- }
22
- //# sourceMappingURL=tw-effect.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tw-effect.d.ts","sourceRoot":"","sources":["../../src/effect/tw-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,MAAO,SAAQ,GAAG;IACjB,IAAI,EAAE,MAAM,CAAa;IACR,OAAO,UAAS;IACjB,UAAU,SAAK;IACf,GAAG,SAAM;IACT,GAAG,SAAO;IAC7B,GAAG,SAAK;IACR,MAAM,QAAM;IACrB,MAAM,CAAC,MAAM,0BAkBX;IACF,MAAM;IAGN,YAAY;IAKZ,OAAO;IAyBP,IAAI;CAML;AAID,eAAe,MAAM,CAAC;AACtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
@@ -1,108 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
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
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import { css, define, html, property, state } from "../deps.js";
8
- import STD from "./std.js";
9
- let TWText = class TWText extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.text = undefined;
13
- this.stopped = false;
14
- this.autochange = 0;
15
- this.max = 50;
16
- this.min = 500;
17
- this.len = 0;
18
- this._timer = [];
19
- }
20
- render() {
21
- return html `<slot></slot><i></i>`;
22
- }
23
- firstUpdated() {
24
- var _a;
25
- if (!this.text)
26
- this.text = ((_a = this.shadowRoot.querySelector("slot").assignedNodes()[0]) === null || _a === void 0 ? void 0 : _a.textContent.trim()) || "";
27
- this.len = this.text.length;
28
- if (!this.stopped && this.len)
29
- this.rewrite();
30
- }
31
- rewrite() {
32
- for (const timer of this._timer) {
33
- clearTimeout(timer);
34
- }
35
- this._timer = [];
36
- const text = this.shadowRoot.querySelector("slot").assignedNodes()[0];
37
- text.textContent = "";
38
- let delay = 0;
39
- let autochange = this.autochange ? this.autochange : random(this.min, this.max);
40
- this.text.split("").forEach((char) => {
41
- this._timer.push(setTimeout(() => {
42
- text.textContent += char;
43
- this.dispatchEvent(new CustomEvent("change"));
44
- if (this.len === text.textContent.length) {
45
- this.dispatchEvent(new CustomEvent("done", { detail: delay }));
46
- }
47
- }, delay));
48
- delay += autochange;
49
- if (!this.autochange) {
50
- autochange = random(this.min, this.max);
51
- }
52
- });
53
- }
54
- stop() {
55
- for (const timer of this._timer) {
56
- clearTimeout(timer);
57
- }
58
- this._timer = [];
59
- }
60
- };
61
- TWText.styles = css `
62
- :host {
63
- font-family: monospace;
64
- white-space: nowrap;
65
- }
66
- i {
67
- border-right: 1px solid;
68
- margin: 1px;
69
- animation: s 1.5s steps(1) infinite;
70
- }
71
- @keyframes s {
72
- 0% {
73
- border-color: currentColor;
74
- }
75
- 50% {
76
- border-color: transparent;
77
- }
78
- }
79
- `;
80
- __decorate([
81
- property()
82
- ], TWText.prototype, "text", void 0);
83
- __decorate([
84
- property({ type: Boolean })
85
- ], TWText.prototype, "stopped", void 0);
86
- __decorate([
87
- property({ type: Number })
88
- ], TWText.prototype, "autochange", void 0);
89
- __decorate([
90
- property({ type: Number })
91
- ], TWText.prototype, "max", void 0);
92
- __decorate([
93
- property({ type: Number })
94
- ], TWText.prototype, "min", void 0);
95
- __decorate([
96
- state()
97
- ], TWText.prototype, "len", void 0);
98
- __decorate([
99
- state()
100
- ], TWText.prototype, "_timer", void 0);
101
- TWText = __decorate([
102
- define("tw-text")
103
- ], TWText);
104
- export { TWText };
105
- function random(m = 0, n = 1) {
106
- return Math.random() * (n - m) + m;
107
- }
108
- export default TWText;
@@ -1,13 +0,0 @@
1
- import STD from "./std.js";
2
- export declare class ButtonGroup extends STD {
3
- v: boolean;
4
- static styles: import("lit").CSSResult;
5
- render(): import("lit").TemplateResult<1>;
6
- }
7
- export default ButtonGroup;
8
- declare global {
9
- interface HTMLElementTagNameMap {
10
- "button-group": ButtonGroup;
11
- }
12
- }
13
- //# sourceMappingURL=button-group.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/group/button-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,CAAC,UAAS;IACvC,MAAM,CAAC,MAAM,0BAyCX;IACF,MAAM;CAeP;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}