godown 1.1.6 → 2.0.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 (244) hide show
  1. package/LICENSE +9 -9
  2. package/conf.d.ts +12 -13
  3. package/conf.d.ts.map +1 -1
  4. package/conf.js +12 -9
  5. package/conf.js.map +1 -0
  6. package/deps.d.ts +4 -4
  7. package/deps.d.ts.map +1 -1
  8. package/deps.js +5 -4
  9. package/deps.js.map +1 -0
  10. package/effect/clip-text.d.ts +13 -0
  11. package/effect/clip-text.d.ts.map +1 -0
  12. package/effect/clip-text.js +35 -0
  13. package/effect/clip-text.js.map +1 -0
  14. package/effect/index.d.ts +3 -3
  15. package/effect/index.d.ts.map +1 -1
  16. package/effect/index.js +4 -3
  17. package/effect/index.js.map +1 -0
  18. package/effect/overbreath-text.d.ts +14 -0
  19. package/effect/overbreath-text.d.ts.map +1 -0
  20. package/effect/overbreath-text.js +244 -0
  21. package/effect/overbreath-text.js.map +1 -0
  22. package/effect/std.d.ts +2 -2
  23. package/effect/std.d.ts.map +1 -1
  24. package/effect/std.js +3 -2
  25. package/effect/std.js.map +1 -0
  26. package/effect/typewriter-text.d.ts +27 -0
  27. package/effect/typewriter-text.d.ts.map +1 -0
  28. package/effect/typewriter-text.js +121 -0
  29. package/effect/typewriter-text.js.map +1 -0
  30. package/glob.d.ts +18 -2
  31. package/glob.d.ts.map +1 -1
  32. package/glob.js +112 -5
  33. package/glob.js.map +1 -0
  34. package/group/avatar-group.d.ts +6 -8
  35. package/group/avatar-group.d.ts.map +1 -1
  36. package/group/avatar-group.js +24 -47
  37. package/group/avatar-group.js.map +1 -0
  38. package/group/details-group.d.ts +4 -5
  39. package/group/details-group.d.ts.map +1 -1
  40. package/group/details-group.js +7 -8
  41. package/group/details-group.js.map +1 -0
  42. package/group/index.d.ts +0 -1
  43. package/group/index.d.ts.map +1 -1
  44. package/group/index.js +1 -1
  45. package/group/index.js.map +1 -0
  46. package/group/std.d.ts +2 -2
  47. package/group/std.d.ts.map +1 -1
  48. package/group/std.js +3 -2
  49. package/group/std.js.map +1 -0
  50. package/index.js +1 -0
  51. package/index.js.map +1 -0
  52. package/input-form/base-input.d.ts +11 -10
  53. package/input-form/base-input.d.ts.map +1 -1
  54. package/input-form/base-input.js +38 -27
  55. package/input-form/base-input.js.map +1 -0
  56. package/input-form/index.d.ts +0 -1
  57. package/input-form/index.d.ts.map +1 -1
  58. package/input-form/index.js +1 -1
  59. package/input-form/index.js.map +1 -0
  60. package/input-form/label-input.d.ts +9 -8
  61. package/input-form/label-input.d.ts.map +1 -1
  62. package/input-form/label-input.js +43 -33
  63. package/input-form/label-input.js.map +1 -0
  64. package/input-form/search-input.d.ts +9 -18
  65. package/input-form/search-input.d.ts.map +1 -1
  66. package/input-form/search-input.js +31 -141
  67. package/input-form/search-input.js.map +1 -0
  68. package/input-form/select-input.d.ts +11 -8
  69. package/input-form/select-input.d.ts.map +1 -1
  70. package/input-form/select-input.js +79 -54
  71. package/input-form/select-input.js.map +1 -0
  72. package/input-form/sign-form.d.ts +9 -13
  73. package/input-form/sign-form.d.ts.map +1 -1
  74. package/input-form/sign-form.js +29 -40
  75. package/input-form/sign-form.js.map +1 -0
  76. package/input-form/split-input.d.ts +6 -5
  77. package/input-form/split-input.d.ts.map +1 -1
  78. package/input-form/split-input.js +27 -22
  79. package/input-form/split-input.js.map +1 -0
  80. package/input-form/std.d.ts +13 -8
  81. package/input-form/std.d.ts.map +1 -1
  82. package/input-form/std.js +58 -16
  83. package/input-form/std.js.map +1 -0
  84. package/input-form/switch-input.d.ts +6 -5
  85. package/input-form/switch-input.d.ts.map +1 -1
  86. package/input-form/switch-input.js +27 -7
  87. package/input-form/switch-input.js.map +1 -0
  88. package/items/alert-item.d.ts +4 -4
  89. package/items/alert-item.d.ts.map +1 -1
  90. package/items/alert-item.js +91 -95
  91. package/items/alert-item.js.map +1 -0
  92. package/items/avatar-a.d.ts +17 -0
  93. package/items/avatar-a.d.ts.map +1 -0
  94. package/items/avatar-a.js +102 -0
  95. package/items/avatar-a.js.map +1 -0
  96. package/items/base-button.d.ts +24 -7
  97. package/items/base-button.d.ts.map +1 -1
  98. package/items/base-button.js +184 -140
  99. package/items/base-button.js.map +1 -0
  100. package/items/dialog-item.d.ts +11 -10
  101. package/items/dialog-item.d.ts.map +1 -1
  102. package/items/dialog-item.js +69 -43
  103. package/items/dialog-item.js.map +1 -0
  104. package/items/index.d.ts +2 -1
  105. package/items/index.d.ts.map +1 -1
  106. package/items/index.js +3 -1
  107. package/items/index.js.map +1 -0
  108. package/items/link-a.d.ts +6 -5
  109. package/items/link-a.d.ts.map +1 -1
  110. package/items/link-a.js +24 -49
  111. package/items/link-a.js.map +1 -0
  112. package/items/load-track.d.ts +7 -6
  113. package/items/load-track.d.ts.map +1 -1
  114. package/items/load-track.js +17 -13
  115. package/items/load-track.js.map +1 -0
  116. package/items/std.d.ts +2 -2
  117. package/items/std.d.ts.map +1 -1
  118. package/items/std.js +3 -2
  119. package/items/std.js.map +1 -0
  120. package/items/super-a.d.ts +5 -5
  121. package/items/super-a.d.ts.map +1 -1
  122. package/items/super-a.js +26 -17
  123. package/items/super-a.js.map +1 -0
  124. package/items/time-bar.d.ts +20 -0
  125. package/items/time-bar.d.ts.map +1 -0
  126. package/items/time-bar.js +90 -0
  127. package/items/time-bar.js.map +1 -0
  128. package/layout/div-line.d.ts +3 -3
  129. package/layout/div-line.d.ts.map +1 -1
  130. package/layout/div-line.js +12 -7
  131. package/layout/div-line.js.map +1 -0
  132. package/layout/drag-box.d.ts +10 -12
  133. package/layout/drag-box.d.ts.map +1 -1
  134. package/layout/drag-box.js +10 -18
  135. package/layout/drag-box.js.map +1 -0
  136. package/layout/flex-flow.d.ts +3 -3
  137. package/layout/flex-flow.d.ts.map +1 -1
  138. package/layout/flex-flow.js +7 -5
  139. package/layout/flex-flow.js.map +1 -0
  140. package/layout/index.d.ts +1 -0
  141. package/layout/index.d.ts.map +1 -1
  142. package/layout/index.js +2 -0
  143. package/layout/index.js.map +1 -0
  144. package/layout/nav-aside.d.ts +5 -4
  145. package/layout/nav-aside.d.ts.map +1 -1
  146. package/layout/nav-aside.js +9 -6
  147. package/layout/nav-aside.js.map +1 -0
  148. package/layout/nav-layout.d.ts +5 -6
  149. package/layout/nav-layout.d.ts.map +1 -1
  150. package/layout/nav-layout.js +23 -42
  151. package/layout/nav-layout.js.map +1 -0
  152. package/layout/std.d.ts +3 -3
  153. package/layout/std.d.ts.map +1 -1
  154. package/layout/std.js +4 -3
  155. package/layout/std.js.map +1 -0
  156. package/layout/with-wrap.d.ts +13 -0
  157. package/layout/with-wrap.d.ts.map +1 -0
  158. package/{items/no-support.js → layout/with-wrap.js} +32 -23
  159. package/layout/with-wrap.js.map +1 -0
  160. package/package.json +15 -10
  161. package/react/effect.d.ts +2 -5
  162. package/react/effect.d.ts.map +1 -1
  163. package/react/effect.js +8 -22
  164. package/react/effect.js.map +1 -0
  165. package/react/group.d.ts +0 -1
  166. package/react/group.d.ts.map +1 -1
  167. package/react/group.js +2 -6
  168. package/react/group.js.map +1 -0
  169. package/react/index.js +1 -0
  170. package/react/index.js.map +1 -0
  171. package/react/input-form.d.ts +0 -5
  172. package/react/input-form.d.ts.map +1 -1
  173. package/react/input-form.js +9 -19
  174. package/react/input-form.js.map +1 -0
  175. package/react/items.d.ts +2 -1
  176. package/react/items.d.ts.map +1 -1
  177. package/react/items.js +9 -3
  178. package/react/items.js.map +1 -0
  179. package/react/layout.d.ts.map +1 -1
  180. package/react/layout.js +2 -1
  181. package/react/layout.js.map +1 -0
  182. package/react/view.d.ts +1 -0
  183. package/react/view.d.ts.map +1 -1
  184. package/react/view.js +7 -1
  185. package/react/view.js.map +1 -0
  186. package/tmpl.d.ts +20 -0
  187. package/tmpl.d.ts.map +1 -0
  188. package/tmpl.js +39 -0
  189. package/tmpl.js.map +1 -0
  190. package/view/details-expand.d.ts +9 -6
  191. package/view/details-expand.d.ts.map +1 -1
  192. package/view/details-expand.js +30 -26
  193. package/view/details-expand.js.map +1 -0
  194. package/view/down-drop.d.ts +11 -6
  195. package/view/down-drop.d.ts.map +1 -1
  196. package/view/down-drop.js +45 -24
  197. package/view/down-drop.js.map +1 -0
  198. package/view/index.d.ts +1 -0
  199. package/view/index.d.ts.map +1 -1
  200. package/view/index.js +2 -0
  201. package/view/index.js.map +1 -0
  202. package/view/menu-list.d.ts +7 -4
  203. package/view/menu-list.d.ts.map +1 -1
  204. package/view/menu-list.js +26 -13
  205. package/view/menu-list.js.map +1 -0
  206. package/view/rotation-pool.d.ts +23 -0
  207. package/view/rotation-pool.d.ts.map +1 -0
  208. package/{effect/ro-effect.js → view/rotation-pool.js} +74 -41
  209. package/view/rotation-pool.js.map +1 -0
  210. package/view/route-view.d.ts +10 -30
  211. package/view/route-view.d.ts.map +1 -1
  212. package/view/route-view.js +24 -28
  213. package/view/route-view.js.map +1 -0
  214. package/view/scroll-x.d.ts +4 -3
  215. package/view/scroll-x.d.ts.map +1 -1
  216. package/view/scroll-x.js +14 -10
  217. package/view/scroll-x.js.map +1 -0
  218. package/view/std.d.ts +3 -3
  219. package/view/std.d.ts.map +1 -1
  220. package/view/std.js +21 -4
  221. package/view/std.js.map +1 -0
  222. package/with.d.ts +27 -19
  223. package/with.d.ts.map +1 -1
  224. package/with.js +81 -59
  225. package/with.js.map +1 -0
  226. package/effect/ov-effect.d.ts +0 -24
  227. package/effect/ov-effect.d.ts.map +0 -1
  228. package/effect/ov-effect.js +0 -299
  229. package/effect/ro-effect.d.ts +0 -20
  230. package/effect/ro-effect.d.ts.map +0 -1
  231. package/effect/tw-effect.d.ts +0 -22
  232. package/effect/tw-effect.d.ts.map +0 -1
  233. package/effect/tw-effect.js +0 -108
  234. package/group/button-group.d.ts +0 -13
  235. package/group/button-group.d.ts.map +0 -1
  236. package/group/button-group.js +0 -79
  237. package/input-form/exp-input.d.ts +0 -23
  238. package/input-form/exp-input.d.ts.map +0 -1
  239. package/input-form/exp-input.js +0 -218
  240. package/items/avatar-anchor.d.ts +0 -20
  241. package/items/avatar-anchor.d.ts.map +0 -1
  242. package/items/avatar-anchor.js +0 -150
  243. package/items/no-support.d.ts +0 -7
  244. package/items/no-support.d.ts.map +0 -1
@@ -5,9 +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
- import { unsafeHTML } from "lit/directives/unsafe-html.js";
10
- 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 {
11
11
  constructor() {
12
12
  super(...arguments);
13
13
  this._routes = [];
@@ -16,8 +16,8 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
16
16
  this.type = "united";
17
17
  this.baseURL = "";
18
18
  this.path = "";
19
- this.override = false;
20
- this.compoent = null;
19
+ this.override = true;
20
+ this.component = null;
21
21
  }
22
22
  set routes(v) {
23
23
  if (Object.prototype.toString.call(v) !== "[object Array]") {
@@ -38,12 +38,12 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
38
38
  render() {
39
39
  var _a, _b, _c;
40
40
  if (this.type === "field") {
41
- 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();
42
42
  }
43
43
  if (this.type === "slotted" || this.type === "child") {
44
- 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();
45
45
  }
46
- 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();
47
47
  }
48
48
  useRouter() {
49
49
  return {
@@ -54,11 +54,11 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
54
54
  connectedCallback() {
55
55
  super.connectedCallback();
56
56
  this.path = window.location.pathname;
57
- window.addEventListener("popstate", (e) => {
58
- this.path = window.location.pathname;
59
- });
60
57
  if (!this.override)
61
58
  return;
59
+ this.addEvent(window, "popstate", () => {
60
+ this.path = window.location.pathname;
61
+ });
62
62
  const pushHistory = history.pushState;
63
63
  history.pushState = function () {
64
64
  pushHistory.apply(this, arguments);
@@ -71,11 +71,10 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
71
71
  };
72
72
  }
73
73
  render_united() {
74
- const slottedCompoent = this.render_slotted();
75
- if (slottedCompoent)
76
- return slottedCompoent;
77
- const Compoent = this.render_field();
78
- return Compoent;
74
+ const slottedComponent = this.render_slotted();
75
+ if (slottedComponent)
76
+ return slottedComponent;
77
+ return this.render_field();
79
78
  }
80
79
  render_slotted() {
81
80
  const childNodes = this.querySelectorAll(":scope > *[slot]");
@@ -94,15 +93,12 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
94
93
  slotsSort = RouteView_1.sortRoutesPaths(slots);
95
94
  }
96
95
  const usedRouteTemplate = RouteView_1.useWhichRoute(slotsSort, this.path);
97
- const Compoent = this.slottedCompoent(usedRouteTemplate, slotsSort);
98
- return Compoent;
96
+ return this.slottedComponent(usedRouteTemplate, slotsSort);
99
97
  }
100
98
  render_field() {
101
99
  const usedRouteTemplate = RouteView_1.useWhichRoute(this.routes, this.path);
102
- const RouterParmasObject = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
103
- this.params = RouterParmasObject;
104
- const Compoent = this.fieldComponent(usedRouteTemplate);
105
- return Compoent;
100
+ this.params = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
101
+ return this.fieldComponent(usedRouteTemplate);
106
102
  }
107
103
  fieldComponent(usedRouteTemplate) {
108
104
  if (!usedRouteTemplate)
@@ -110,17 +106,16 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
110
106
  const route = this.routes.find((r) => r.path === usedRouteTemplate);
111
107
  if (!route)
112
108
  return null;
113
- return route.component || (route.html ? unsafeHTML(route.html) : null);
109
+ return route.component;
114
110
  }
115
- slottedCompoent(usedRouteTemplate, ObjectArrayIncludePath) {
111
+ slottedComponent(usedRouteTemplate, ObjectArrayIncludePath) {
116
112
  if (!usedRouteTemplate)
117
113
  return;
118
114
  const slotElement = ObjectArrayIncludePath.find((s) => s.path === usedRouteTemplate);
119
115
  if (!slotElement)
120
116
  return null;
121
- const RouterParmasObject = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
122
- this.params = RouterParmasObject;
123
- return html `<slot name="${slotElement.slotname}"></slot>`;
117
+ this.params = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
118
+ return html ` <slot name="${slotElement.slotname}"></slot>`;
124
119
  }
125
120
  static sortRoutesPaths(ObjectArrayIncludePath) {
126
121
  const all = ObjectArrayIncludePath.map((route) => {
@@ -253,9 +248,10 @@ __decorate([
253
248
  ], RouteView.prototype, "override", void 0);
254
249
  __decorate([
255
250
  property({ type: Object })
256
- ], RouteView.prototype, "compoent", void 0);
251
+ ], RouteView.prototype, "component", void 0);
257
252
  RouteView = RouteView_1 = __decorate([
258
253
  define("route-view")
259
254
  ], RouteView);
260
255
  export { RouteView };
261
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
- render(): import("lit-html").TemplateResult<1>;
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
@@ -1,28 +1,36 @@
1
1
  export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
2
2
  /**
3
- * Create element with args append to target
4
- * @param target Appended target element or use document.querySelector(target) or document.body
5
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
3
+ * Create element from args append to target
4
+ * @param target Appended target element, target or document.querySelector(target) or document.body
5
+ * @param args tag: tag name, props: attribute, children: appended chindren
6
6
  */
7
- export declare const append: (target?: string | object, args?: string | {
8
- tag: any;
9
- props?: any;
10
- children?: any;
11
- html?: any;
12
- }) => void;
7
+ export declare function append(target: string | HTMLElement, args: string | EleArgs | HTMLElement): void;
13
8
  /**
14
9
  * Create element from args
15
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
10
+ * @param args tag: tag name, props: attribute, children: appended chindren
16
11
  */
17
- export declare const create: (args?: string | {
18
- tag: any;
19
- props?: any;
20
- children?: any;
21
- html?: any;
22
- }) => any;
12
+ export declare function create(args: string | EleArgs | HTMLElement): HTMLElement;
23
13
  /**
24
- * Create element with args append to target
25
- * @param map Map of key:selector, value:args
14
+ * Replace elements
15
+ * @param matched
16
+ * @param args
26
17
  */
27
- export declare const retag: (map: any) => void;
18
+ export declare function retag(matched: HTMLElement[], args: string | EleArgs | HTMLElement): void;
19
+ interface EleArgs {
20
+ tag: string;
21
+ props?: Record<string, any>;
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 {};
28
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;AACF;;;;GAIG;AACH,eAAO,MAAM,MAAM,YAAY,MAAM,GAAG,MAAM,SAAiB,MAAM,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,SAK5H,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,MAAM,UAAU,MAAM,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,QAqB1F,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,KAAK,oBAqBjB,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,77 +1,99 @@
1
1
  import { conf } from "./conf.js";
2
2
  export const define = (name, options) => (constructor) => {
3
- var _a, _b;
4
- const tagname = conf === null || conf === void 0 ? void 0 : conf.tag(name);
5
- if (customElements.get(tagname) === undefined) {
6
- customElements.define(tagname, constructor, options);
7
- (_a = conf === null || conf === void 0 ? void 0 : conf.enabled) === null || _a === void 0 ? void 0 : _a.push(name);
8
- (_b = conf === null || conf === void 0 ? void 0 : conf.namemap) === null || _b === void 0 ? void 0 : _b.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);
9
8
  }
10
9
  };
11
10
  /**
12
- * Create element with args append to target
13
- * @param target Appended target element or use document.querySelector(target) or document.body
14
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
11
+ * Create element from args append to target
12
+ * @param target Appended target element, target or document.querySelector(target) or document.body
13
+ * @param args tag: tag name, props: attribute, children: appended chindren
15
14
  */
16
- export const append = (target = "body", args = "div") => {
17
- if (!args)
18
- return;
19
- target = (typeof target === "string" ? document.querySelector(target) : target) || document.body;
20
- const element = create(args);
21
- target.appendChild(element);
22
- };
15
+ export function append(target = document.body, args) {
16
+ if (!(target instanceof HTMLElement)) {
17
+ target = (document.querySelector(target) || document.body);
18
+ }
19
+ target.appendChild(create(args));
20
+ }
23
21
  /**
24
22
  * Create element from args
25
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
23
+ * @param args tag: tag name, props: attribute, children: appended chindren
26
24
  */
27
- export const create = (args = "div") => {
28
- const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
29
- const { props, children, html } = args || {};
30
- const element = document.createElement(tag);
25
+ export function create(args) {
26
+ if (args instanceof HTMLElement) {
27
+ return args;
28
+ }
29
+ const { tag, props, children } = (typeof args === "string" ? { tag: args } : args);
30
+ const newElement = document.createElement(tag);
31
31
  if (props) {
32
32
  Object.keys(props).forEach((prop) => {
33
- // element[prop] = props[prop];
34
- element.setAttribute(prop, props[prop] === true ? "" : props[prop]);
33
+ newElement.setAttribute(prop, props[prop] === true ? "" : props[prop]);
35
34
  });
36
35
  }
37
- if (html)
38
- element.innerHTML += html;
39
- if (children) {
40
- if (children.length) {
41
- /* Iterators exist */ [...children].forEach((child) => {
42
- typeof child === "string" ? element.appendChild(document.createTextNode(child)) : element.appendChild(child);
43
- });
44
- }
45
- else {
46
- typeof children === "string" ? element.appendChild(document.createTextNode(children)) : element.appendChild(children);
47
- }
36
+ if (children && Array.isArray(children)) {
37
+ children.forEach((child) => {
38
+ if (typeof child === "string") {
39
+ newElement.appendChild(document.createTextNode(child));
40
+ }
41
+ else if (child instanceof HTMLElement) {
42
+ newElement.appendChild(child);
43
+ }
44
+ else {
45
+ newElement.appendChild(create(child));
46
+ }
47
+ });
48
48
  }
49
- return element;
50
- };
49
+ return newElement;
50
+ }
51
51
  /**
52
- * Create element with args append to target
53
- * @param map Map of key:selector, value:args
52
+ * Replace elements
53
+ * @param matched
54
+ * @param args
54
55
  */
55
- export const retag = (map) => {
56
- if (!map)
57
- return;
58
- for (const [key, args] of map) {
59
- for (let i = document.querySelectorAll(key).length - 1; i >= 0; i--) {
60
- const element = document.querySelectorAll(key)[i];
61
- const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
62
- const props = args.props || {};
63
- const { children, html = "" } = args;
64
- [...element.attributes].reduce((acc, attr) => {
65
- acc[attr.name] = attr.args;
66
- return acc;
67
- }, props);
68
- const newElement = create({
69
- tag,
70
- html: html + element.innerHTML,
71
- props,
72
- children,
73
- });
74
- element.parentNode.replaceChild(newElement, element);
56
+ export function retag(matched, args) {
57
+ var _a;
58
+ for (let i = matched.length - 1; i >= 0; i--) {
59
+ const element = matched[i];
60
+ const newElement = create(args);
61
+ for (let i = 0; i < element.attributes.length; i++) {
62
+ const attribute = element.attributes[i];
63
+ if (!newElement.hasAttribute(attribute.name)) {
64
+ newElement.setAttribute(attribute.name, attribute.value);
65
+ }
75
66
  }
67
+ newElement.innerHTML = element.innerHTML;
68
+ (_a = element.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newElement, element);
76
69
  }
77
- };
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-html").TemplateResult<1>;
8
- }
9
- export declare class OVPort extends STD {
10
- static styles: import("lit").CSSResult[];
11
- render(): import("lit-html").TemplateResult<1>;
12
- }
13
- export declare class OVButton extends STD {
14
- static styles: import("lit").CSSResult[];
15
- render(): import("lit-html").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"}