godown 1.1.4 → 1.1.6

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 (179) hide show
  1. package/README.md +35 -35
  2. package/conf.d.ts +18 -18
  3. package/conf.js +22 -22
  4. package/deps.d.ts +7 -7
  5. package/deps.js +7 -7
  6. package/effect/index.d.ts +3 -3
  7. package/effect/index.js +3 -3
  8. package/effect/ov-effect.d.ts +23 -23
  9. package/effect/ov-effect.d.ts.map +1 -1
  10. package/effect/ov-effect.js +299 -275
  11. package/effect/ro-effect.d.ts +19 -19
  12. package/effect/ro-effect.d.ts.map +1 -1
  13. package/effect/ro-effect.js +125 -120
  14. package/effect/std.d.ts +3 -3
  15. package/effect/std.d.ts.map +1 -1
  16. package/effect/std.js +3 -3
  17. package/effect/tw-effect.d.ts +21 -21
  18. package/effect/tw-effect.d.ts.map +1 -1
  19. package/effect/tw-effect.js +108 -107
  20. package/glob.d.ts +8 -8
  21. package/glob.d.ts.map +1 -1
  22. package/glob.js +25 -24
  23. package/group/avatar-group.d.ts +20 -20
  24. package/group/avatar-group.d.ts.map +1 -1
  25. package/group/avatar-group.js +112 -88
  26. package/group/button-group.d.ts +12 -12
  27. package/group/button-group.d.ts.map +1 -1
  28. package/group/button-group.js +79 -74
  29. package/group/details-group.d.ts +16 -16
  30. package/group/details-group.d.ts.map +1 -1
  31. package/group/details-group.js +55 -53
  32. package/group/index.d.ts +3 -3
  33. package/group/index.js +3 -3
  34. package/group/std.d.ts +3 -3
  35. package/group/std.d.ts.map +1 -1
  36. package/group/std.js +3 -3
  37. package/index.d.ts +7 -7
  38. package/index.js +7 -7
  39. package/input-form/base-input.d.ts +32 -32
  40. package/input-form/base-input.d.ts.map +1 -1
  41. package/input-form/base-input.js +229 -226
  42. package/input-form/exp-input.d.ts +22 -22
  43. package/input-form/exp-input.d.ts.map +1 -1
  44. package/input-form/exp-input.js +218 -205
  45. package/input-form/index.d.ts +8 -8
  46. package/input-form/index.js +8 -8
  47. package/input-form/label-input.d.ts +21 -21
  48. package/input-form/label-input.d.ts.map +1 -1
  49. package/input-form/label-input.js +150 -137
  50. package/input-form/search-input.d.ts +36 -36
  51. package/input-form/search-input.d.ts.map +1 -1
  52. package/input-form/search-input.js +311 -297
  53. package/input-form/select-input.d.ts +31 -31
  54. package/input-form/select-input.d.ts.map +1 -1
  55. package/input-form/select-input.js +354 -330
  56. package/input-form/sign-form.d.ts +25 -23
  57. package/input-form/sign-form.d.ts.map +1 -1
  58. package/input-form/sign-form.js +165 -160
  59. package/input-form/split-input.d.ts +26 -26
  60. package/input-form/split-input.d.ts.map +1 -1
  61. package/input-form/split-input.js +181 -173
  62. package/input-form/std.d.ts +19 -19
  63. package/input-form/std.d.ts.map +1 -1
  64. package/input-form/std.js +72 -68
  65. package/input-form/switch-input.d.ts +22 -22
  66. package/input-form/switch-input.d.ts.map +1 -1
  67. package/input-form/switch-input.js +181 -175
  68. package/items/alert-item.d.ts +16 -16
  69. package/items/alert-item.d.ts.map +1 -1
  70. package/items/alert-item.js +143 -142
  71. package/items/avatar-anchor.d.ts +19 -19
  72. package/items/avatar-anchor.d.ts.map +1 -1
  73. package/items/avatar-anchor.js +150 -148
  74. package/items/base-button.d.ts +16 -16
  75. package/items/base-button.d.ts.map +1 -1
  76. package/items/base-button.js +170 -167
  77. package/items/dialog-item.d.ts +24 -24
  78. package/items/dialog-item.d.ts.map +1 -1
  79. package/items/dialog-item.js +157 -156
  80. package/items/index.d.ts +7 -7
  81. package/items/index.js +7 -7
  82. package/items/link-a.d.ts +19 -19
  83. package/items/link-a.d.ts.map +1 -1
  84. package/items/link-a.js +98 -97
  85. package/items/load-track.d.ts +20 -20
  86. package/items/load-track.d.ts.map +1 -1
  87. package/items/load-track.js +115 -109
  88. package/items/std.d.ts +3 -3
  89. package/items/std.d.ts.map +1 -1
  90. package/items/std.js +3 -3
  91. package/items/super-a.d.ts +15 -15
  92. package/items/super-a.d.ts.map +1 -1
  93. package/items/super-a.js +99 -88
  94. package/layout/div-line.d.ts +15 -15
  95. package/layout/div-line.d.ts.map +1 -1
  96. package/layout/div-line.js +71 -65
  97. package/layout/drag-box.d.ts +25 -25
  98. package/layout/drag-box.d.ts.map +1 -1
  99. package/layout/drag-box.js +95 -94
  100. package/layout/flex-flow.d.ts +13 -13
  101. package/layout/flex-flow.d.ts.map +1 -1
  102. package/layout/flex-flow.js +39 -34
  103. package/layout/index.d.ts +5 -5
  104. package/layout/index.js +5 -5
  105. package/layout/nav-aside.d.ts +13 -13
  106. package/layout/nav-aside.d.ts.map +1 -1
  107. package/layout/nav-aside.js +61 -54
  108. package/layout/nav-layout.d.ts +16 -16
  109. package/layout/nav-layout.d.ts.map +1 -1
  110. package/layout/nav-layout.js +167 -146
  111. package/layout/std.d.ts +4 -4
  112. package/layout/std.d.ts.map +1 -1
  113. package/layout/std.js +10 -8
  114. package/package.json +48 -40
  115. package/react/effect.d.ts +9 -9
  116. package/react/effect.d.ts.map +1 -1
  117. package/react/effect.js +33 -33
  118. package/react/group.d.ts +4 -4
  119. package/react/group.d.ts.map +1 -1
  120. package/react/group.js +19 -19
  121. package/react/index.d.ts +7 -7
  122. package/react/index.d.ts.map +1 -1
  123. package/react/index.js +7 -7
  124. package/react/input-form.d.ts +32 -32
  125. package/react/input-form.d.ts.map +1 -1
  126. package/react/input-form.js +65 -65
  127. package/react/items.d.ts +8 -8
  128. package/react/items.d.ts.map +1 -1
  129. package/react/items.js +39 -39
  130. package/react/layout.d.ts +6 -6
  131. package/react/layout.d.ts.map +1 -1
  132. package/react/layout.js +29 -29
  133. package/react/view.d.ts +6 -6
  134. package/react/view.d.ts.map +1 -1
  135. package/react/view.js +29 -29
  136. package/view/details-expand.d.ts +18 -18
  137. package/view/details-expand.d.ts.map +1 -1
  138. package/view/details-expand.js +85 -80
  139. package/view/down-drop.d.ts +18 -18
  140. package/view/down-drop.d.ts.map +1 -1
  141. package/view/down-drop.js +98 -94
  142. package/view/index.d.ts +5 -5
  143. package/view/index.js +5 -5
  144. package/view/menu-list.d.ts +16 -16
  145. package/view/menu-list.d.ts.map +1 -1
  146. package/view/menu-list.js +77 -72
  147. package/view/route-view.d.ts +57 -57
  148. package/view/route-view.d.ts.map +1 -1
  149. package/view/route-view.js +261 -258
  150. package/view/scroll-x.d.ts +14 -14
  151. package/view/scroll-x.d.ts.map +1 -1
  152. package/view/scroll-x.js +77 -72
  153. package/view/std.d.ts +4 -4
  154. package/view/std.d.ts.map +1 -1
  155. package/view/std.js +37 -37
  156. package/with.d.ts +27 -27
  157. package/with.d.ts.map +1 -1
  158. package/with.js +77 -78
  159. package/view/react/effect.d.ts +0 -10
  160. package/view/react/effect.d.ts.map +0 -1
  161. package/view/react/effect.js +0 -32
  162. package/view/react/group.d.ts +0 -5
  163. package/view/react/group.d.ts.map +0 -1
  164. package/view/react/group.js +0 -18
  165. package/view/react/index.d.ts +0 -7
  166. package/view/react/index.d.ts.map +0 -1
  167. package/view/react/index.js +0 -6
  168. package/view/react/input-form.d.ts +0 -33
  169. package/view/react/input-form.d.ts.map +0 -1
  170. package/view/react/input-form.js +0 -64
  171. package/view/react/items.d.ts +0 -9
  172. package/view/react/items.d.ts.map +0 -1
  173. package/view/react/items.js +0 -38
  174. package/view/react/layout.d.ts +0 -7
  175. package/view/react/layout.d.ts.map +0 -1
  176. package/view/react/layout.js +0 -28
  177. package/view/react/view.d.ts +0 -7
  178. package/view/react/view.d.ts.map +0 -1
  179. package/view/react/view.js +0 -28
@@ -1,65 +1,71 @@
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 { html, css, property, define } from "../deps.js";
8
- import STD from "./std.js";
9
- let DivLine = class DivLine extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.pre = "auto";
13
- this.suf = "auto";
14
- this.v = false;
15
- this.b = "2.2px";
16
- }
17
- render() {
18
- var hrstyle = `.before{height:${this.b};max-width:${this.pre}}.after{height:${this.b};max-width:${this.suf}}.v .before{width:${this.b};max-height:${this.pre}}.v .after{width:${this.b};max-height:${this.suf}}`;
19
- return html `<div class=${this.v ? "v" : "h"}>
20
- <hr class="before"/><slot></slot><hr class="after"/>
21
- <style>${hrstyle}</style>
22
- </div>`;
23
- }
24
- };
25
- DivLine.styles = css `:host{
26
- display: block;
27
- color: currentColor;
28
- background: none;
29
- }
30
- div {
31
- display: flex;
32
- align-items: center;
33
- border-radius:inherit;
34
- width: 100%;
35
- height: 100%;
36
- }
37
- hr {
38
- border-radius:inherit;
39
- margin: 0;
40
- border: 0;
41
- flex: 1;
42
- background: currentColor;
43
- }
44
- .v {
45
- height: 100%;
46
- display: flex;
47
- flex-direction: column;
48
- }`;
49
- __decorate([
50
- property()
51
- ], DivLine.prototype, "pre", void 0);
52
- __decorate([
53
- property()
54
- ], DivLine.prototype, "suf", void 0);
55
- __decorate([
56
- property({ type: Boolean })
57
- ], DivLine.prototype, "v", void 0);
58
- __decorate([
59
- property()
60
- ], DivLine.prototype, "b", void 0);
61
- DivLine = __decorate([
62
- define("div-line")
63
- ], DivLine);
64
- export { DivLine };
65
- export default DivLine;
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 { html, css, property, define } from "../deps.js";
8
+ import STD from "./std.js";
9
+ let DivLine = class DivLine extends STD {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.pre = "auto";
13
+ this.suf = "auto";
14
+ this.v = false;
15
+ this.b = "2.2px";
16
+ }
17
+ render() {
18
+ const hrstyle = `.before{height:${this.b};max-width:${this.pre}}.after{height:${this.b};max-width:${this.suf}}.v .before{width:${this.b};max-height:${this.pre}}.v .after{width:${this.b};max-height:${this.suf}}`;
19
+ return html `<div class=${this.v ? "v" : "h"}>
20
+ <hr class="before" />
21
+ <slot></slot>
22
+ <hr class="after" />
23
+ <style>
24
+ ${hrstyle}
25
+ </style>
26
+ </div>`;
27
+ }
28
+ };
29
+ DivLine.styles = css `
30
+ :host {
31
+ display: block;
32
+ color: currentColor;
33
+ background: none;
34
+ }
35
+ div {
36
+ display: flex;
37
+ align-items: center;
38
+ border-radius: inherit;
39
+ width: 100%;
40
+ height: 100%;
41
+ }
42
+ hr {
43
+ border-radius: inherit;
44
+ margin: 0;
45
+ border: 0;
46
+ flex: 1;
47
+ background: currentColor;
48
+ }
49
+ .v {
50
+ height: 100%;
51
+ display: flex;
52
+ flex-direction: column;
53
+ }
54
+ `;
55
+ __decorate([
56
+ property()
57
+ ], DivLine.prototype, "pre", void 0);
58
+ __decorate([
59
+ property()
60
+ ], DivLine.prototype, "suf", void 0);
61
+ __decorate([
62
+ property({ type: Boolean })
63
+ ], DivLine.prototype, "v", void 0);
64
+ __decorate([
65
+ property()
66
+ ], DivLine.prototype, "b", void 0);
67
+ DivLine = __decorate([
68
+ define("div-line")
69
+ ], DivLine);
70
+ export { DivLine };
71
+ export default DivLine;
@@ -1,26 +1,26 @@
1
- import STD from "./std.js";
2
- export declare class DragBox extends STD {
3
- x: string;
4
- y: string;
5
- static styles: import("lit").CSSResult;
6
- get offsetsWidth(): number;
7
- get offsetsHeight(): number;
8
- render(): import("lit").TemplateResult<1>;
9
- firstUpdated(): void;
10
- drag: boolean;
11
- t: number;
12
- l: number;
13
- cx: number;
14
- cy: number;
15
- _startDrag(e: MouseEvent): void;
16
- _endDrag(): void;
17
- _handleDrag(e: MouseEvent): void;
18
- reset(): void;
19
- }
20
- export default DragBox;
21
- declare global {
22
- interface HTMLElementTagNameMap {
23
- "drag-box": DragBox;
24
- }
25
- }
1
+ import STD from "./std.js";
2
+ export declare class DragBox extends STD {
3
+ x: string;
4
+ y: string;
5
+ static styles: import("lit").CSSResult;
6
+ get offsetsWidth(): number;
7
+ get offsetsHeight(): number;
8
+ render(): import("lit-html").TemplateResult<1>;
9
+ firstUpdated(): void;
10
+ drag: boolean;
11
+ t: number;
12
+ l: number;
13
+ cx: number;
14
+ cy: number;
15
+ _startDrag(e: MouseEvent): void;
16
+ _endDrag(): void;
17
+ _handleDrag(e: MouseEvent): void;
18
+ reset(): void;
19
+ }
20
+ export default DragBox;
21
+ declare global {
22
+ interface HTMLElementTagNameMap {
23
+ "drag-box": DragBox;
24
+ }
25
+ }
26
26
  //# sourceMappingURL=drag-box.d.ts.map
@@ -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,0BAGV;IACH,IAAI,YAAY,WAEf;IACD,IAAI,aAAa,WAEhB;IACD,MAAM;IAMN,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;IAsBzB,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":"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,94 +1,95 @@
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 { html, css, property, define } from "../deps.js";
8
- import STD from "./std.js";
9
- let DragBox = class DragBox extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.x = "auto";
13
- this.y = "auto";
14
- }
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
- render() {
24
- return html `
25
- <div @mousedown=${this._startDrag} @mouseup=${this._endDrag} >
26
- <slot></slot>
27
- </div>`;
28
- }
29
- firstUpdated() {
30
- this.reset();
31
- document.addEventListener("mouseup", this._endDrag.bind(this));
32
- }
33
- _startDrag(e) {
34
- this.cx = e.clientX;
35
- this.cy = e.clientY;
36
- this.t = this.offsetTop;
37
- this.l = this.offsetLeft;
38
- this.drag = true;
39
- document.addEventListener("mousemove", this._handleDrag.bind(this));
40
- }
41
- _endDrag() {
42
- this.drag = false;
43
- document.removeEventListener("mousemove", this._handleDrag.bind(this));
44
- }
45
- _handleDrag(e) {
46
- if (!this.drag)
47
- return;
48
- var nl = e.clientX - (this.cx - this.l);
49
- var nt = e.clientY - (this.cy - this.t);
50
- if (nl < 0) {
51
- this.style.left = "0";
52
- }
53
- else if (nl < this.offsetsWidth - this.offsetWidth) {
54
- this.style.left = `${nl}px`;
55
- }
56
- else {
57
- this.style.left = `${this.offsetsWidth - this.offsetWidth}"px"`;
58
- }
59
- if (nt < 0) {
60
- this.style.top = "0";
61
- }
62
- else if (nt < this.offsetsHeight - this.offsetHeight) {
63
- this.style.top = `${nt}px`;
64
- }
65
- else {
66
- this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
67
- }
68
- }
69
- reset() {
70
- this.style.left = this.x || "0";
71
- this.style.top = this.y || "0";
72
- if (this.offsetLeft > this.offsetsWidth - this.offsetWidth) {
73
- this.style.left = `${this.offsetsWidth - this.offsetWidth}px`;
74
- }
75
- if (this.offsetTop > this.offsetsHeight - this.offsetHeight) {
76
- this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
77
- }
78
- }
79
- };
80
- DragBox.styles = css `:host{
81
- position:relative;
82
- display: inline-flex;
83
- }`;
84
- __decorate([
85
- property()
86
- ], DragBox.prototype, "x", void 0);
87
- __decorate([
88
- property()
89
- ], DragBox.prototype, "y", void 0);
90
- DragBox = __decorate([
91
- define("drag-box")
92
- ], DragBox);
93
- export { DragBox };
94
- export default DragBox;
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 { html, css, property, define } from "../deps.js";
8
+ import STD from "./std.js";
9
+ let DragBox = class DragBox extends STD {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.x = "auto";
13
+ this.y = "auto";
14
+ }
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
+ render() {
24
+ return html ` <div @mousedown=${this._startDrag} @mouseup=${this._endDrag}>
25
+ <slot></slot>
26
+ </div>`;
27
+ }
28
+ firstUpdated() {
29
+ this.reset();
30
+ document.addEventListener("mouseup", this._endDrag.bind(this));
31
+ }
32
+ _startDrag(e) {
33
+ this.cx = e.clientX;
34
+ this.cy = e.clientY;
35
+ this.t = this.offsetTop;
36
+ this.l = this.offsetLeft;
37
+ this.drag = true;
38
+ document.addEventListener("mousemove", this._handleDrag.bind(this));
39
+ }
40
+ _endDrag() {
41
+ this.drag = false;
42
+ document.removeEventListener("mousemove", this._handleDrag.bind(this));
43
+ }
44
+ _handleDrag(e) {
45
+ if (!this.drag)
46
+ return;
47
+ const nl = e.clientX - (this.cx - this.l);
48
+ const nt = e.clientY - (this.cy - this.t);
49
+ if (nl < 0) {
50
+ this.style.left = "0";
51
+ }
52
+ else if (nl < this.offsetsWidth - this.offsetWidth) {
53
+ this.style.left = `${nl}px`;
54
+ }
55
+ else {
56
+ this.style.left = `${this.offsetsWidth - this.offsetWidth}"px"`;
57
+ }
58
+ if (nt < 0) {
59
+ this.style.top = "0";
60
+ }
61
+ else if (nt < this.offsetsHeight - this.offsetHeight) {
62
+ this.style.top = `${nt}px`;
63
+ }
64
+ else {
65
+ this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
66
+ }
67
+ }
68
+ reset() {
69
+ this.style.left = this.x || "0";
70
+ this.style.top = this.y || "0";
71
+ if (this.offsetLeft > this.offsetsWidth - this.offsetWidth) {
72
+ this.style.left = `${this.offsetsWidth - this.offsetWidth}px`;
73
+ }
74
+ if (this.offsetTop > this.offsetsHeight - this.offsetHeight) {
75
+ this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
76
+ }
77
+ }
78
+ };
79
+ DragBox.styles = css `
80
+ :host {
81
+ position: relative;
82
+ display: inline-flex;
83
+ }
84
+ `;
85
+ __decorate([
86
+ property()
87
+ ], DragBox.prototype, "x", void 0);
88
+ __decorate([
89
+ property()
90
+ ], DragBox.prototype, "y", void 0);
91
+ DragBox = __decorate([
92
+ define("drag-box")
93
+ ], DragBox);
94
+ export { DragBox };
95
+ export default DragBox;
@@ -1,14 +1,14 @@
1
- import STD from './std.js';
2
- export declare class FlexFlow extends STD {
3
- flexflow: string;
4
- m: string;
5
- static styles: import("lit").CSSResult;
6
- render(): import("lit").TemplateResult<1>;
7
- }
8
- export default FlexFlow;
9
- declare global {
10
- interface HTMLElementTagNameMap {
11
- "flex-flow": FlexFlow;
12
- }
13
- }
1
+ import STD from "./std.js";
2
+ export declare class FlexFlow extends STD {
3
+ flexflow: string;
4
+ m: string;
5
+ static styles: import("lit").CSSResult;
6
+ render(): import("lit-html").TemplateResult<1>;
7
+ }
8
+ export default FlexFlow;
9
+ declare global {
10
+ interface HTMLElementTagNameMap {
11
+ "flex-flow": FlexFlow;
12
+ }
13
+ }
14
14
  //# sourceMappingURL=flex-flow.d.ts.map
@@ -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,0BAEV;IACH,MAAM;CAKP;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":"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,34 +1,39 @@
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 { html, css, property, define } from '../deps.js';
8
- import STD from './std.js';
9
- let FlexFlow = class FlexFlow extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.flexflow = "row nowrap column nowrap";
13
- this.m = "720px";
14
- }
15
- render() {
16
- 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><style>${style}</style>`;
19
- }
20
- };
21
- FlexFlow.styles = css `:host {
22
- display: flex !important;
23
- }`;
24
- __decorate([
25
- property()
26
- ], FlexFlow.prototype, "flexflow", void 0);
27
- __decorate([
28
- property()
29
- ], FlexFlow.prototype, "m", void 0);
30
- FlexFlow = __decorate([
31
- define('flex-flow')
32
- ], FlexFlow);
33
- export { FlexFlow };
34
- export default FlexFlow;
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 { html, css, property, define } from "../deps.js";
8
+ import STD from "./std.js";
9
+ let FlexFlow = class FlexFlow extends STD {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.flexflow = "row nowrap column nowrap";
13
+ this.m = "720px";
14
+ }
15
+ render() {
16
+ 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>
19
+ <style>
20
+ ${style}
21
+ </style>`;
22
+ }
23
+ };
24
+ FlexFlow.styles = css `
25
+ :host {
26
+ display: flex !important;
27
+ }
28
+ `;
29
+ __decorate([
30
+ property()
31
+ ], FlexFlow.prototype, "flexflow", void 0);
32
+ __decorate([
33
+ property()
34
+ ], FlexFlow.prototype, "m", void 0);
35
+ FlexFlow = __decorate([
36
+ define("flex-flow")
37
+ ], FlexFlow);
38
+ export { FlexFlow };
39
+ export default FlexFlow;
package/layout/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- export * from "./div-line.js";
2
- export * from "./flex-flow.js";
3
- export * from "./drag-box.js";
4
- export * from "./nav-aside.js";
5
- export * from "./nav-layout.js";
1
+ export * from "./div-line.js";
2
+ export * from "./flex-flow.js";
3
+ export * from "./drag-box.js";
4
+ export * from "./nav-aside.js";
5
+ export * from "./nav-layout.js";
6
6
  //# sourceMappingURL=index.d.ts.map
package/layout/index.js CHANGED
@@ -1,5 +1,5 @@
1
- export * from "./div-line.js";
2
- export * from "./flex-flow.js";
3
- export * from "./drag-box.js";
4
- export * from "./nav-aside.js";
5
- export * from "./nav-layout.js";
1
+ export * from "./div-line.js";
2
+ export * from "./flex-flow.js";
3
+ export * from "./drag-box.js";
4
+ export * from "./nav-aside.js";
5
+ export * from "./nav-layout.js";
@@ -1,14 +1,14 @@
1
- import STD from "./std.js";
2
- export declare class NavAside extends STD {
3
- m: string;
4
- position: string;
5
- static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
6
- render(): import("lit").TemplateResult<1>;
7
- }
8
- export default NavAside;
9
- declare global {
10
- interface HTMLElementTagNameMap {
11
- "nav-aside": NavAside;
12
- }
13
- }
1
+ import STD from "./std.js";
2
+ export declare class NavAside extends STD {
3
+ m: string;
4
+ position: string;
5
+ static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
6
+ render(): import("lit-html").TemplateResult<1>;
7
+ }
8
+ export default NavAside;
9
+ declare global {
10
+ interface HTMLElementTagNameMap {
11
+ "nav-aside": NavAside;
12
+ }
13
+ }
14
14
  //# sourceMappingURL=nav-aside.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AACA,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,QAAS,SAAQ,GAAG;IACnB,CAAC,SAAW;IACZ,QAAQ,SAAkB;IACtC,MAAM,CAAC,MAAM,8DAoBX;IACF,MAAM;CAOP;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":"AACA,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,QAAS,SAAQ,GAAG;IACnB,CAAC,SAAW;IACZ,QAAQ,SAAkB;IACtC,MAAM,CAAC,MAAM,8DAwBX;IACF,MAAM;CAUP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}