godown 1.2.0 → 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 (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 +7 -7
  52. package/input-form/base-input.d.ts.map +1 -1
  53. package/input-form/base-input.js +38 -27
  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 +5 -5
  60. package/input-form/label-input.d.ts.map +1 -1
  61. package/input-form/label-input.js +43 -33
  62. package/input-form/label-input.js.map +1 -0
  63. package/input-form/search-input.d.ts +6 -16
  64. package/input-form/search-input.d.ts.map +1 -1
  65. package/input-form/search-input.js +31 -141
  66. package/input-form/search-input.js.map +1 -0
  67. package/input-form/select-input.d.ts +5 -6
  68. package/input-form/select-input.d.ts.map +1 -1
  69. package/input-form/select-input.js +44 -50
  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 -3
  76. package/input-form/split-input.d.ts.map +1 -1
  77. package/input-form/split-input.js +27 -22
  78. package/input-form/split-input.js.map +1 -0
  79. package/input-form/std.d.ts +12 -8
  80. package/input-form/std.d.ts.map +1 -1
  81. package/input-form/std.js +58 -16
  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 +3 -3
  88. package/items/alert-item.d.ts.map +1 -1
  89. package/items/alert-item.js +91 -95
  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 +184 -140
  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 +17 -13
  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 +20 -0
  124. package/items/time-bar.d.ts.map +1 -0
  125. package/items/time-bar.js +90 -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
@@ -1 +1 @@
1
- {"version":3,"file":"drag-box.d.ts","sourceRoot":"","sources":["../../src/layout/drag-box.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAClB,CAAC,SAAU;IACX,CAAC,SAAU;IACvB,MAAM,CAAC,MAAM,0BAKX;IACF,IAAI,YAAY,WAEf;IACD,IAAI,aAAa,WAEhB;IACD,MAAM;IAKN,YAAY;IAIZ,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,CAAC,EAAE,UAAU;IAQxB,QAAQ;IAIR,WAAW,CAAC,CAAC,EAAE,UAAU;IAmBzB,KAAK;CAUN;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
1
+ {"version":3,"file":"drag-box.d.ts","sourceRoot":"","sources":["../../src/layout/drag-box.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,qBACa,OAAQ,SAAQ,SAAS;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACC,CAAC,SAAU;IACX,CAAC,SAAU;IACvB,MAAM,CAAC,MAAM,0BAKX;IAEF,MAAM;IAIN,YAAY;IAKZ,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU;IASxC,SAAS,CAAC,cAAc;IAKxB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;IAoBnC,KAAK;CAUN;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
@@ -4,40 +4,31 @@ 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 { html, css, property, define } from "../deps.js";
8
- import STD from "./std.js";
9
- let DragBox = class DragBox extends STD {
7
+ import { css, define, html, property } from "../deps.js";
8
+ import { htmlSlot } from "../tmpl.js";
9
+ import LayoutSTD from "./std.js";
10
+ let DragBox = class DragBox extends LayoutSTD {
10
11
  constructor() {
11
12
  super(...arguments);
12
13
  this.x = "auto";
13
14
  this.y = "auto";
14
15
  }
15
- get offsetsWidth() {
16
- var _a, _b;
17
- return (_b = (_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : document.body.offsetWidth;
18
- }
19
- get offsetsHeight() {
20
- var _a, _b;
21
- return (_b = (_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : document.body.offsetHeight;
22
- }
23
16
  render() {
24
- return html ` <div @mousedown=${this._startDrag} @mouseup=${this._endDrag}>
25
- <slot></slot>
26
- </div>`;
17
+ return html `<div @mousedown="${this._handleDragStart}" @mouseup="${this._handleDragEnd}">${htmlSlot()}</div>`;
27
18
  }
28
19
  firstUpdated() {
29
20
  this.reset();
30
- document.addEventListener("mouseup", this._endDrag.bind(this));
21
+ this.addEvent(document, "mouseup", this._handleDragEnd.bind(this));
31
22
  }
32
- _startDrag(e) {
23
+ _handleDragStart(e) {
33
24
  this.cx = e.clientX;
34
25
  this.cy = e.clientY;
35
26
  this.t = this.offsetTop;
36
27
  this.l = this.offsetLeft;
37
28
  this.drag = true;
38
- document.addEventListener("mousemove", this._handleDrag.bind(this));
29
+ this.addEvent(document, "mousemove", this._handleDrag.bind(this));
39
30
  }
40
- _endDrag() {
31
+ _handleDragEnd() {
41
32
  this.drag = false;
42
33
  document.removeEventListener("mousemove", this._handleDrag.bind(this));
43
34
  }
@@ -93,3 +84,4 @@ DragBox = __decorate([
93
84
  ], DragBox);
94
85
  export { DragBox };
95
86
  export default DragBox;
87
+ //# sourceMappingURL=drag-box.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drag-box.js","sourceRoot":"","sources":["../../src/layout/drag-box.ts"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- import STD from "./std.js";
2
- export declare class FlexFlow extends STD {
1
+ import LayoutSTD from "./std.js";
2
+ export declare class FlexFlow extends LayoutSTD {
3
3
  flexflow: string;
4
4
  m: string;
5
5
  static styles: import("lit").CSSResult;
@@ -1 +1 @@
1
- {"version":3,"file":"flex-flow.d.ts","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,QAAS,SAAQ,GAAG;IACnB,QAAQ,SAA8B;IACtC,CAAC,SAAW;IACxB,MAAM,CAAC,MAAM,0BAIX;IACF,MAAM;CAQP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
1
+ {"version":3,"file":"flex-flow.d.ts","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,qBACa,QAAS,SAAQ,SAAS;IACzB,QAAQ,SAA8B;IACtC,CAAC,SAAW;IACxB,MAAM,CAAC,MAAM,0BAIX;IAEF,MAAM;CAQP;AAED,eAAe,QAAQ,CAAC;AACxB,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 { html, css, property, define } from "../deps.js";
8
- import STD from "./std.js";
9
- let FlexFlow = class FlexFlow extends STD {
7
+ import { css, define, html, property } from "../deps.js";
8
+ import { htmlSlot } from "../tmpl.js";
9
+ import LayoutSTD from "./std.js";
10
+ let FlexFlow = class FlexFlow extends LayoutSTD {
10
11
  constructor() {
11
12
  super(...arguments);
12
13
  this.flexflow = "row nowrap column nowrap";
@@ -14,8 +15,8 @@ let FlexFlow = class FlexFlow extends STD {
14
15
  }
15
16
  render() {
16
17
  const flexflow = this.flexflow.split(/\s+/);
17
- const style = `:host{flex-direction:${flexflow[0] || "row"};flex-wrap:${flexflow[1] || "nowrap"};}@media(max-width: ${this.m || "720px"}){:host{flex-direction:${flexflow[2] || flexflow[0] || "colom"};flex-wrap:${flexflow[3] || flexflow[1] || "nowrap"}}`;
18
- return html `<slot></slot>
18
+ const style = `:host{flex-direction:${flexflow[0] || "row"};flex-wrap:${flexflow[1] || "nowrap"};}@media(max-width: ${this.m || "720px"}){:host{flex-direction:${flexflow[2] || flexflow[0] || "column"};flex-wrap:${flexflow[3] || flexflow[1] || "nowrap"}}`;
19
+ return html `${htmlSlot()}
19
20
  <style>
20
21
  ${style}
21
22
  </style>`;
@@ -37,3 +38,4 @@ FlexFlow = __decorate([
37
38
  ], FlexFlow);
38
39
  export { FlexFlow };
39
40
  export default FlexFlow;
41
+ //# sourceMappingURL=flex-flow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flex-flow.js","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,SAAS,MAAM,UAAU,CAAC;AAG1B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,aAAQ,GAAG,0BAA0B,CAAC;QACtC,MAAC,GAAG,OAAO,CAAC;IAe1B,CAAC;IARC,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAG,wBAAwB,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,cAAc,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,uBAAuB,IAAI,CAAC,CAAC,IAAI,OAAO,0BAA0B,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,cAAc,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,GAAG,CAAC;QAC/P,OAAO,IAAI,CAAA,GAAG,QAAQ,EAAE;;UAElB,KAAK;eACA,CAAC;IACd,CAAC;;AAbM,eAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AANU;IAAX,QAAQ,EAAE;0CAAuC;AACtC;IAAX,QAAQ,EAAE;mCAAa;AAFb,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAiBpB;;AAED,eAAe,QAAQ,CAAC"}
package/layout/index.d.ts CHANGED
@@ -3,4 +3,5 @@ export * from "./flex-flow.js";
3
3
  export * from "./drag-box.js";
4
4
  export * from "./nav-aside.js";
5
5
  export * from "./nav-layout.js";
6
+ export * from "./with-wrap.js";
6
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}
package/layout/index.js CHANGED
@@ -3,3 +3,5 @@ export * from "./flex-flow.js";
3
3
  export * from "./drag-box.js";
4
4
  export * from "./nav-aside.js";
5
5
  export * from "./nav-layout.js";
6
+ export * from "./with-wrap.js";
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}
@@ -1,9 +1,9 @@
1
1
  import { CSSResultGroup } from "../deps.js";
2
- import STD from "./std.js";
3
- export declare class NavAside extends STD {
2
+ import LayoutSTD from "./std.js";
3
+ export declare class NavAside extends LayoutSTD {
4
+ static styles: CSSResultGroup[];
4
5
  m: string;
5
6
  position: string;
6
- static styles: CSSResultGroup[];
7
7
  render(): import("lit").TemplateResult<1>;
8
8
  }
9
9
  export default NavAside;
@@ -1 +1 @@
1
- {"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,cAAc,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,QAAS,SAAQ,GAAG;IACnB,CAAC,SAAW;IACZ,QAAQ,SAAkB;IACtC,MAAM,CAAC,MAAM,mBAwBS;IACtB,MAAM;CAUP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
1
+ {"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAkC,MAAM,YAAY,CAAC;AACjF,OAAO,SAAuB,MAAM,UAAU,CAAC;AAG/C,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,mBAyBS;IACV,CAAC,SAAW;IACZ,QAAQ,SAAkB;IAEtC,MAAM;CAUP;AAED,eAAe,QAAQ,CAAC;AACxB,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 { html, css, property, define, cssvar } from "../deps.js";
8
- import STD, { navstyle } from "./std.js";
9
- let NavAside = class NavAside extends STD {
7
+ import { css, cssvar, define, html, property } from "../deps.js";
8
+ import LayoutSTD, { navStyle } from "./std.js";
9
+ import { htmlSlot } from "../tmpl.js";
10
+ let NavAside = class NavAside extends LayoutSTD {
10
11
  constructor() {
11
12
  super(...arguments);
12
13
  this.m = "720px";
@@ -17,15 +18,15 @@ let NavAside = class NavAside extends STD {
17
18
  const pm = this.position.split(" ")[1] || "fixed";
18
19
  const m = this.m || "720px";
19
20
  const styled = `:host{position:${p} !important;}@media(min-width:${m}){:host{position:${pm} !important;width:fit-content !important;height:100% !important;}nav{display: flex !important;justify-content: space-between !important;flex-direction: column !important;align-content: flex-start !important;align-items: stretch !important;}}`;
20
- return html `<nav><slot></slot></nav>
21
+ return html `<nav>${htmlSlot()}</nav>
21
22
  <style>
22
23
  ${styled}
23
24
  </style>`;
24
25
  }
25
26
  };
26
27
  NavAside.styles = [
27
- STD.styles,
28
- navstyle,
28
+ LayoutSTD.styles,
29
+ navStyle,
29
30
  css `
30
31
  :host {
31
32
  color: var(${cssvar}--nav-text);
@@ -37,6 +38,7 @@ NavAside.styles = [
37
38
  height: fit-content;
38
39
  display: flex;
39
40
  }
41
+
40
42
  nav {
41
43
  height: inherit;
42
44
  width: inherit;
@@ -59,3 +61,4 @@ NavAside = __decorate([
59
61
  ], NavAside);
60
62
  export { NavAside };
61
63
  export default NavAside;
64
+ //# sourceMappingURL=nav-aside.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nav-aside.js","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG/B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QA2BO,MAAC,GAAG,OAAO,CAAC;QACZ,aAAQ,GAAG,cAAc,CAAC;IAYxC,CAAC;IAVC,MAAM;QACJ,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QAClD,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;QAClD,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC;QAC5B,MAAM,MAAM,GAAG,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,EAAE,mPAAmP,CAAC;QAC9U,OAAO,IAAI,CAAA,QAAQ,QAAQ,EAAE;;UAEvB,MAAM;eACD,CAAC;IACd,CAAC;;AAtCM,eAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,QAAQ;IACR,GAAG,CAAA;;qBAEc,MAAM;0BACD,MAAM;;;;;;;;;;;;;;;;;;KAkB3B;CACkB,AAzBR,CAyBS;AACV;IAAX,QAAQ,EAAE;mCAAa;AACZ;IAAX,QAAQ,EAAE;0CAA2B;AA5B3B,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAwCpB;;AAED,eAAe,QAAQ,CAAC"}
@@ -1,13 +1,11 @@
1
1
  import { CSSResultGroup } from "../deps.js";
2
- import "../view/down-drop.js";
3
- import STD from "./std.js";
4
- export declare class NavLayout extends STD {
2
+ import LayoutSTD from "./std.js";
3
+ export declare class NavLayout extends LayoutSTD {
5
4
  static styles: CSSResultGroup[];
6
5
  host: string;
7
6
  subhead: string;
8
7
  set: 0 | 1 | 2;
9
8
  render(): import("lit").TemplateResult<1>;
10
- opt(): any[];
11
9
  }
12
10
  export default NavLayout;
13
11
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"nav-layout.d.ts","sourceRoot":"","sources":["../../src/layout/nav-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,cAAc,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,sBAAsB,CAAC;AAC9B,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,mBAmGS;IACV,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM;IAgBN,GAAG;CAOJ;AAcD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
1
+ {"version":3,"file":"nav-layout.d.ts","sourceRoot":"","sources":["../../src/layout/nav-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAkC,MAAM,YAAY,CAAC;AACjF,OAAO,SAAuB,MAAM,UAAU,CAAC;AAG/C,qBACa,SAAU,SAAQ,SAAS;IACtC,MAAM,CAAC,MAAM,mBAoGS;IACV,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAE/C,MAAM;CAeP;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
@@ -4,10 +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 { html, css, property, define, cssvar } from "../deps.js";
8
- import "../view/down-drop.js";
9
- import STD, { navstyle } from "./std.js";
10
- let NavLayout = class NavLayout extends STD {
7
+ import { css, cssvar, define, html, property } from "../deps.js";
8
+ import LayoutSTD, { navStyle } from "./std.js";
9
+ import { htmlSlot } from "../tmpl.js";
10
+ let NavLayout = class NavLayout extends LayoutSTD {
11
11
  constructor() {
12
12
  super(...arguments);
13
13
  this.host = "";
@@ -23,28 +23,20 @@ let NavLayout = class NavLayout extends STD {
23
23
  <div>${this.subhead}</div>`}
24
24
  </h1>
25
25
  <div>
26
- ${this.opt()}
27
26
  <slot name="opt"></slot>
28
27
  </div>
29
28
  </nav>
30
- <main><slot></slot></main>
29
+ <main>${htmlSlot()}</main>
31
30
  <slot name="footer"></slot>`;
32
31
  }
33
- opt() {
34
- const result = [];
35
- for (let i = 0; i <= this.set - 1; i++) {
36
- opts[i] && result.unshift(opts[i]);
37
- }
38
- return result;
39
- }
40
32
  };
41
33
  NavLayout.styles = [
42
- STD.styles,
43
- navstyle,
34
+ LayoutSTD.styles,
35
+ navStyle,
44
36
  css `
45
37
  :host {
46
- ${cssvar}--nav-height:2.4em;
47
- ${cssvar}--nav-h1-size:calc(var(${cssvar}--nav-height)/2);
38
+ ${cssvar}--nav-height: 2.4em;
39
+ ${cssvar}--nav-h1-size: calc(var(${cssvar}--nav-height) / 2);
48
40
  width: 100%;
49
41
  display: flex;
50
42
  flex-flow: column nowrap;
@@ -52,14 +44,17 @@ NavLayout.styles = [
52
44
  align-items: center;
53
45
  min-height: 100%;
54
46
  }
47
+
55
48
  nav,
56
49
  .option {
57
50
  color: var(${cssvar}--nav-text);
58
51
  background: var(${cssvar}--nav-background);
59
52
  }
53
+
60
54
  .option a:hover {
61
55
  background: var(${cssvar}--nav-super-background);
62
56
  }
57
+
63
58
  nav {
64
59
  height: var(${cssvar}--nav-height);
65
60
  display: flex;
@@ -72,10 +67,12 @@ NavLayout.styles = [
72
67
  position: relative;
73
68
  z-index: 2;
74
69
  }
70
+
75
71
  a {
76
72
  text-decoration: none;
77
73
  color: currentColor;
78
74
  }
75
+
79
76
  h1 {
80
77
  font-weight: normal;
81
78
  font-size: var(${cssvar}--nav-h1-size);
@@ -83,15 +80,18 @@ NavLayout.styles = [
83
80
  display: flex;
84
81
  align-items: center;
85
82
  }
83
+
86
84
  h1 span {
87
85
  height: 1em;
88
86
  width: 0.1em;
89
87
  background: currentColor;
90
88
  margin: 0.24em;
91
89
  }
90
+
92
91
  h1 > * {
93
92
  white-space: nowrap;
94
93
  }
94
+
95
95
  main {
96
96
  flex: 1;
97
97
  width: inherit;
@@ -99,14 +99,17 @@ NavLayout.styles = [
99
99
  flex-direction: column;
100
100
  z-index: 1;
101
101
  }
102
+
102
103
  nav > div {
103
104
  height: 100%;
104
105
  display: flex;
105
106
  flex-direction: row;
106
107
  }
108
+
107
109
  .option {
108
110
  overflow: hidden;
109
111
  }
112
+
110
113
  .option a {
111
114
  height: 2.4em;
112
115
  line-height: 2.4em;
@@ -116,21 +119,11 @@ NavLayout.styles = [
116
119
  text-align: center;
117
120
  transition: background-color 152ms;
118
121
  }
122
+
119
123
  .option a:hover {
120
124
  transform: scale(1.025);
121
125
  }
122
- down-drop a {
123
- display: flex;
124
- padding: 0.15em;
125
- box-sizing: border-box;
126
- height: 100%;
127
- justify-content: center;
128
- align-items: center;
129
- }
130
- down-drop a::selection {
131
- color: var(${cssvar}--text-selection);
132
- background: var(${cssvar}--text-selection-background);
133
- }
126
+
134
127
  @media screen and (max-width: 540px) {
135
128
  h1 a ~ * {
136
129
  display: none;
@@ -151,17 +144,5 @@ NavLayout = __decorate([
151
144
  define("nav-layout")
152
145
  ], NavLayout);
153
146
  export { NavLayout };
154
- const opts = [
155
- html `<down-drop>
156
- <a slot="hover">
157
- <svg viewBox="0 0 1024 1024" width="1.8em" height="1.8em"><path fill="currentColor" d="M588.8 128l12 83.2 4.8 34.4 31.2 14.4c12.8 6.4 26.4 13.6 38.4 21.6l28 18.4 31.2-12 81.6-32 76 127.2-67.2 51.2-28 21.6 3.2 35.2c0.8 7.2 0.8 14.4 0.8 20.8s0 13.6-0.8 20.8l-3.2 35.2 28 21.6 67.2 51.2-75.2 127.2-82.4-32-31.2-12-28 18.4c-12.8 8.8-25.6 16-38.4 21.6l-31.2 14.4-4.8 33.6-12 84H435.2l-12-83.2-4.8-34.4-31.2-14.4c-12.8-6.4-26.4-13.6-38.4-21.6l-28-18.4-31.2 12L208 768l-76-127.2 67.2-51.2 28-21.6-3.2-35.2c-0.8-7.2-0.8-14.4-0.8-20.8s0-13.6 0.8-20.8l3.2-35.2-28-21.6-67.2-51.2L207.2 256l82.4 32 31.2 12 28-18.4c12.8-8.8 25.6-16 38.4-21.6l31.2-14.4 4.8-33.6L435.2 128h153.6m8.8-64H426.4c-27.2 0-49.6 19.2-53.6 44.8L360 201.6c-16 7.2-31.2 16-47.2 26.4l-90.4-35.2c-6.4-2.4-12.8-3.2-19.2-3.2-19.2 0-37.6 9.6-46.4 26.4L71.2 360c-13.6 22.4-8 52 12.8 68l76 57.6c-0.8 9.6-1.6 18.4-1.6 26.4s0 16.8 1.6 26.4l-76 57.6c-20.8 16-26.4 44-12.8 68l84.8 143.2c9.6 16.8 28 27.2 47.2 27.2 6.4 0 12-0.8 18.4-3.2L312 796c15.2 10.4 31.2 19.2 47.2 26.4l13.6 92c3.2 25.6 26.4 45.6 53.6 45.6h171.2c27.2 0 49.6-19.2 53.6-44.8l13.6-92.8c16-7.2 31.2-16 47.2-26.4l90.4 35.2c6.4 2.4 12.8 3.2 19.2 3.2 19.2 0 37.6-9.6 46.4-26.4l85.6-144.8c12.8-23.2 7.2-51.2-13.6-67.2l-76-57.6c0.8-8 1.6-16.8 1.6-26.4 0-9.6-0.8-18.4-1.6-26.4l76-57.6c20.8-16 26.4-44 12.8-68l-84.8-143.2c-9.6-16.8-28-27.2-47.2-27.2-6.4 0-12 0.8-18.4 3.2L712 228c-15.2-10.4-31.2-19.2-47.2-26.4l-13.6-92c-4-26.4-26.4-45.6-53.6-45.6zM512 384c70.4 0 128 57.6 128 128s-57.6 128-128 128-128-57.6-128-128 57.6-128 128-128m0-64c-105.6 0-192 86.4-192 192s86.4 192 192 192 192-86.4 192-192-86.4-192-192-192z"></path></svg>
158
- </a>
159
- <div class="option"><a href="/zh">简体中文</a><a href="/en">English</a><a href="/ru">Русский</a></div>
160
- </down-drop>`,
161
- html `<down-drop>
162
- <a href="/account" slot="hover">
163
- <svg viewBox="0 0 1024 1024" width="1.8em" height="1.8em"><path fill="currentColor" d="M870.314 877.39C777.938 967.975 651.552 1024 512 1024 229.24 1024 0.018 794.742 0.018 511.981 0.018 229.221 229.24 0 512 0s511.982 229.222 511.982 511.982c0 143.21-58.914 272.485-153.668 365.41zM512 950.86c103.932 0 199.307-36.314 274.496-96.728C746.45 740.398 639.447 658.262 512 658.262c-127.447 0-234.451 82.136-274.496 195.87C312.693 914.546 408.068 950.86 512 950.86z m0-877.684c-242.35 0-438.842 196.492-438.842 438.842 0 109.528 40.374 209.4 106.712 286.308C237.724 672.597 364.513 585.158 512 585.158c147.45 0 274.276 87.44 332.13 213.168 66.338-76.87 106.712-176.78 106.712-286.308 0-242.35-196.492-438.842-438.842-438.842z m0 475.412c-101.007 0-182.85-81.88-182.85-182.85 0-101.007 81.843-182.851 182.85-182.851 100.97 0 182.85 81.844 182.85 182.85 0 100.97-81.88 182.851-182.85 182.851z m0-292.561c-60.597 0-109.71 49.114-109.71 109.674 0 60.596 49.113 109.71 109.71 109.71 60.597 0 109.71-49.114 109.71-109.71 0-60.56-49.113-109.674-109.71-109.674z"></path></svg>
164
- </a>
165
- </down-drop>`,
166
- ];
167
147
  export default NavLayout;
148
+ //# sourceMappingURL=nav-layout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nav-layout.js","sourceRoot":"","sources":["../../src/layout/nav-layout.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG/B,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,SAAS;IAAjC;;QAsGO,SAAI,GAAG,EAAE,CAAC;QACV,YAAO,GAAG,EAAE,CAAC;QACG,QAAG,GAAc,CAAC,CAAC;IAiBjD,CAAC;IAfC,MAAM;QACJ,OAAO,IAAI,CAAA;;;wBAGS,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,OAAO;YAC1C,IAAI,CAAA;mBACK,IAAI,CAAC,OAAO,QAAQ;;;;;;cAMzB,QAAQ,EAAE;kCACU,CAAC;IACjC,CAAC;;AAvHM,gBAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,QAAQ;IACR,GAAG,CAAA;;UAEG,MAAM;UACN,MAAM,2BAA2B,MAAM;;;;;;;;;;;qBAW5B,MAAM;0BACD,MAAM;;;;0BAIN,MAAM;;;;sBAIV,MAAM;;;;;;;;;;;;;;;;;;;yBAmBH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsD1B;CACkB,AApGR,CAoGS;AACV;IAAX,QAAQ,EAAE;uCAAW;AACV;IAAX,QAAQ,EAAE;0CAAc;AACG;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAoB;AAxGpC,SAAS;IADrB,MAAM,CAAC,YAAY,CAAC;GACR,SAAS,CAyHrB;;AAED,eAAe,SAAS,CAAC"}
package/layout/std.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { GLOBSTD } from "../deps.js";
2
- export default class LayoutSTD extends GLOBSTD {
1
+ import { GlobalSTD } from "../deps.js";
2
+ export default class LayoutSTD extends GlobalSTD {
3
3
  }
4
- export declare const navstyle: import("lit").CSSResult;
4
+ export declare const navStyle: import("lit").CSSResult;
5
5
  //# sourceMappingURL=std.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/layout/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,OAAO;CAAG;AACjD,eAAO,MAAM,QAAQ,yBAMpB,CAAC"}
1
+ {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/layout/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,SAAS,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,SAAS;CAAG;AACnD,eAAO,MAAM,QAAQ,yBAMpB,CAAC"}
package/layout/std.js CHANGED
@@ -1,10 +1,11 @@
1
- import { GLOBSTD, css, cssvar } from "../deps.js";
2
- export default class LayoutSTD extends GLOBSTD {
1
+ import { css, cssvar, GlobalSTD } from "../deps.js";
2
+ export default class LayoutSTD extends GlobalSTD {
3
3
  }
4
- export const navstyle = css `
4
+ export const navStyle = css `
5
5
  :host {
6
6
  ${cssvar}--nav-text: rgb(240 240 240);
7
7
  ${cssvar}--nav-background: rgb(28 28 30);
8
8
  ${cssvar}--nav-super-background: rgb(16 136 138);
9
9
  }
10
10
  `;
11
+ //# sourceMappingURL=std.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/layout/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,SAAS;CAAG;AACnD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;MAErB,MAAM;MACN,MAAM;MACN,MAAM;;CAEX,CAAC"}
@@ -0,0 +1,13 @@
1
+ import LayoutSTD from "./std.js";
2
+ export declare class WithWrap extends LayoutSTD {
3
+ with: string;
4
+ static styles: import("lit").CSSResult;
5
+ render(): import("lit").TemplateResult<1>;
6
+ }
7
+ export default WithWrap;
8
+ declare global {
9
+ interface HTMLElementTagNameMap {
10
+ "with-wrap": WithWrap;
11
+ }
12
+ }
13
+ //# sourceMappingURL=with-wrap.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"with-wrap.d.ts","sourceRoot":"","sources":["../../src/layout/with-wrap.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,qBACa,QAAS,SAAQ,SAAS;IACzB,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,0BAIX;IAEF,MAAM;CAGP;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
@@ -0,0 +1,32 @@
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, property } from "../deps.js";
8
+ import { htmlSlot } from "../tmpl.js";
9
+ import LayoutSTD from "./std.js";
10
+ let WithWrap = class WithWrap extends LayoutSTD {
11
+ constructor() {
12
+ super(...arguments);
13
+ this.with = "";
14
+ }
15
+ render() {
16
+ return htmlSlot(this.with);
17
+ }
18
+ };
19
+ WithWrap.styles = css `
20
+ :host {
21
+ display: contents;
22
+ }
23
+ `;
24
+ __decorate([
25
+ property()
26
+ ], WithWrap.prototype, "with", void 0);
27
+ WithWrap = __decorate([
28
+ define("with-wrap")
29
+ ], WithWrap);
30
+ export { WithWrap };
31
+ export default WithWrap;
32
+ //# sourceMappingURL=with-wrap.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"with-wrap.js","sourceRoot":"","sources":["../../src/layout/with-wrap.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,SAAS,MAAM,UAAU,CAAC;AAG1B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,SAAI,GAAG,EAAE,CAAC;IAUxB,CAAC;IAHC,MAAM;QACJ,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;;AARM,eAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AALU;IAAX,QAAQ,EAAE;sCAAW;AADX,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAWpB;;AAED,eAAe,QAAQ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "godown",
3
- "version": "1.2.0",
3
+ "version": "2.0.0",
4
4
  "main": "./index.js",
5
5
  "type": "module",
6
6
  "publishConfig": {
@@ -16,7 +16,7 @@
16
16
  ],
17
17
  "author": "startracex",
18
18
  "license": "MIT",
19
- "description": "simple,sylized,semantic components",
19
+ "description": "simple,stylized,semantic components",
20
20
  "repository": {
21
21
  "type": "git",
22
22
  "url": "https://github.com/startracex/godown.git"
@@ -29,6 +29,7 @@
29
29
  "devDependencies": {
30
30
  "@rollup/plugin-node-resolve": "^15.2.1",
31
31
  "@rollup/plugin-terser": "^0.4.3",
32
+ "@rollup/plugin-typescript": "^11.1.5",
32
33
  "@types/react": "^18.0.28",
33
34
  "@typescript-eslint/eslint-plugin": "^6.7.3",
34
35
  "@typescript-eslint/parser": "^6.7.3",
@@ -38,14 +39,15 @@
38
39
  "prettier": "^3.0.3",
39
40
  "rollup": "^3.29.4",
40
41
  "rollup-plugin-minify-html-literals": "^1.2.6",
42
+ "tslib": "^2.6.2",
41
43
  "typescript": "^5.2.2"
42
44
  },
43
45
  "scripts": {
44
46
  "dev": "node ./scripts/dev.js",
45
47
  "watch": "tsc --watch",
46
48
  "build": "tsc && node ./scripts/pub.js",
47
- "roll": "tsc && rollup -c",
48
- "fmt": "prettier --write .",
49
- "lint": "eslint --ext .ts ./src/"
49
+ "roll": "rollup -c",
50
+ "fmt": "prettier --write ./src",
51
+ "lint": "eslint --ext .ts ./src"
50
52
  }
51
53
  }
package/react/effect.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  import * as X from "../effect/index.js";
2
- export declare const OVText: import("@lit/react").ReactWebComponent<X.OVText, {}>;
3
- export declare const OVPort: import("@lit/react").ReactWebComponent<X.OVPort, {}>;
4
- export declare const OVButton: import("@lit/react").ReactWebComponent<X.OVButton, {}>;
5
- export declare const ROPort: import("@lit/react").ReactWebComponent<X.ROPort, {}>;
6
- export declare const TWText: import("@lit/react").ReactWebComponent<X.TWText, {
2
+ export declare const OverbreathText: import("@lit/react").ReactWebComponent<X.OverbreathText, {}>;
3
+ export declare const TypewriterText: import("@lit/react").ReactWebComponent<X.TypewriterText, {
7
4
  onChange: string;
8
5
  onDone: string;
9
6
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"effect.d.ts","sourceRoot":"","sources":["../../src/react/effect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,MAAM,sDAIjB,CAAC;AACH,eAAO,MAAM,MAAM,sDAIjB,CAAC;AACH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AACH,eAAO,MAAM,MAAM,sDAIjB,CAAC;AACH,eAAO,MAAM,MAAM;;;EAQjB,CAAC"}
1
+ {"version":3,"file":"effect.d.ts","sourceRoot":"","sources":["../../src/react/effect.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,cAAc,8DAIzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;EAQzB,CAAC"}
package/react/effect.js CHANGED
@@ -1,33 +1,19 @@
1
1
  "use client";
2
+ import { createComponent } from "@lit/react";
2
3
  import * as React from "react";
3
4
  import * as X from "../effect/index.js";
4
- import { createComponent } from "@lit/react";
5
- export const OVText = createComponent({
6
- tagName: "ov-text",
7
- elementClass: X.OVText,
8
- react: React,
9
- });
10
- export const OVPort = createComponent({
11
- tagName: "ov-port",
12
- elementClass: X.OVPort,
13
- react: React,
14
- });
15
- export const OVButton = createComponent({
16
- tagName: "ov-button",
17
- elementClass: X.OVButton,
18
- react: React,
19
- });
20
- export const ROPort = createComponent({
21
- tagName: "ro-port",
22
- elementClass: X.ROPort,
5
+ export const OverbreathText = createComponent({
6
+ tagName: "overbreath-text",
7
+ elementClass: X.OverbreathText,
23
8
  react: React,
24
9
  });
25
- export const TWText = createComponent({
26
- tagName: "tw-text",
27
- elementClass: X.TWText,
10
+ export const TypewriterText = createComponent({
11
+ tagName: "typewriter-text",
12
+ elementClass: X.TypewriterText,
28
13
  react: React,
29
14
  events: {
30
15
  onChange: "change",
31
16
  onDone: "done",
32
17
  },
33
18
  });
19
+ //# sourceMappingURL=effect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"effect.js","sourceRoot":"","sources":["../../src/react/effect.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,OAAO,EAAE,iBAAiB;IAC1B,YAAY,EAAE,CAAC,CAAC,cAAc;IAC9B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,OAAO,EAAE,iBAAiB;IAC1B,YAAY,EAAE,CAAC,CAAC,cAAc;IAC9B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC"}
package/react/group.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import * as X from "../group/index.js";
2
2
  export declare const AvatarGroup: import("@lit/react").ReactWebComponent<X.AvatarGroup, {}>;
3
- export declare const ButtonGroup: import("@lit/react").ReactWebComponent<X.ButtonGroup, {}>;
4
3
  export declare const DetailsGroup: import("@lit/react").ReactWebComponent<X.DetailsGroup, {}>;
5
4
  //# sourceMappingURL=group.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/react/group.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,eAAO,MAAM,WAAW,2DAItB,CAAC;AACH,eAAO,MAAM,WAAW,2DAItB,CAAC;AACH,eAAO,MAAM,YAAY,4DAIvB,CAAC"}
1
+ {"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/react/group.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,eAAO,MAAM,WAAW,2DAItB,CAAC;AAEH,eAAO,MAAM,YAAY,4DAIvB,CAAC"}