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 +1 @@
1
- {"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,IAAI,UAAS;IACd,GAAG,SAAK;IACR,IAAI,SAAK;IACL,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAG3D;IACF,MAAM,CAAC,MAAM,0BAAyI;IACtJ,IAAI,QAAQ,kBAEX;IACD,MAAM;IAMN,YAAY;IASZ,MAAM,CAAC,IAAI,SAAkB;IAgB7B,QAAQ;IAWF,KAAK;CAGZ;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
1
+ {"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,IAAI,UAAS;IACd,GAAG,SAAK;IACR,IAAI,SAAK;IACL,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAG3D;IACF,MAAM,CAAC,MAAM,0BAgBX;IACF,IAAI,QAAQ,kBAEX;IACD,MAAM;IAcN,YAAY;IASZ,MAAM,CAAC,IAAI,SAAkB;IAe7B,QAAQ;IAUF,KAAK;CAGZ;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
@@ -1,88 +1,112 @@
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 { append, css, define, html, property } from "../deps.js";
8
- import STD from "./std.js";
9
- let AvatarGroup = class AvatarGroup extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.rank = false;
13
- this.max = 0;
14
- this.more = 0;
15
- this.usefresh = async () => {
16
- await this.updateComplete;
17
- this.scrollTop = this.scrollHeight;
18
- };
19
- }
20
- get assigned() {
21
- return this.shadowRoot.querySelector("slot").assignedElements();
22
- }
23
- render() {
24
- if (this.rank)
25
- return html `<div style="display: flex;flex-direction: row;"><slot></slot><avatar-anchor style="display:${this.more > 0 ? "" : "none"}" more=${this.more || 0}></avatar-anchor><style>slot::slotted(:nth-of-type(n+${this.max + 1})) { display: none; }</style></div>`;
26
- else
27
- return html `<div style="display:contents"><slot></slot></div>`;
28
- }
29
- firstUpdated() {
30
- if (this.rank && !this.more) {
31
- let more = 0;
32
- if (this.max && this.assigned.length > this.max) {
33
- more = this.assigned.length - this.max;
34
- }
35
- this.more = more;
36
- }
37
- }
38
- append(args = "avatar-anchor") {
39
- if (this.max && this.assigned.length == this.max) {
40
- this.assigned.pop().style.display = "none";
41
- append(this, args);
42
- this.assigned.pop().style.display = "none";
43
- this.more = 2;
44
- }
45
- else if (this.max && this.assigned.length > this.max) {
46
- append(this, args);
47
- this.assigned.pop().style.display = "none";
48
- this.more += 1;
49
- }
50
- else {
51
- append(this, args);
52
- }
53
- this.fresh();
54
- }
55
- subtract() {
56
- if (this.more == 2) {
57
- this.assigned.pop().style.display = "";
58
- this.more = 0;
59
- return;
60
- }
61
- else if (this.more > 0) {
62
- this.more -= 1;
63
- }
64
- if (this.assigned.length)
65
- this.assigned.pop().remove();
66
- }
67
- async fresh() {
68
- await this.usefresh();
69
- }
70
- };
71
- AvatarGroup.styles = css `:host{display: flex;flex-direction: column;width: 100%;height: 100%;overflow-y: auto; overflow-x: hidden;}div{display:contents;}`;
72
- __decorate([
73
- property({ type: Boolean })
74
- ], AvatarGroup.prototype, "rank", void 0);
75
- __decorate([
76
- property({ type: Number })
77
- ], AvatarGroup.prototype, "max", void 0);
78
- __decorate([
79
- property({ type: Number })
80
- ], AvatarGroup.prototype, "more", void 0);
81
- __decorate([
82
- property({ attribute: false })
83
- ], AvatarGroup.prototype, "usefresh", void 0);
84
- AvatarGroup = __decorate([
85
- define("avatar-group")
86
- ], AvatarGroup);
87
- export { AvatarGroup };
88
- export default AvatarGroup;
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 { append, css, define, html, property } from "../deps.js";
8
+ import STD from "./std.js";
9
+ let AvatarGroup = class AvatarGroup extends STD {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.rank = false;
13
+ this.max = 0;
14
+ this.more = 0;
15
+ this.usefresh = async () => {
16
+ await this.updateComplete;
17
+ this.scrollTop = this.scrollHeight;
18
+ };
19
+ }
20
+ get assigned() {
21
+ return this.shadowRoot.querySelector("slot").assignedElements();
22
+ }
23
+ render() {
24
+ const cssstr = `slot::slotted(:nth-of-type(n + ${(this.max || 0) + 1})) {display: none;}`;
25
+ return html `
26
+ ${this.rank
27
+ ? html `<div class="flex">
28
+ <slot></slot>
29
+ <style>
30
+ ${cssstr}
31
+ </style>
32
+ <avatar-anchor style="display:${this.more > 0 ? undefined : "none"}" more=${this.more || 0}></avatar-anchor>
33
+ </div>`
34
+ : html `<div><slot></slot></div>`}
35
+ `;
36
+ }
37
+ firstUpdated() {
38
+ if (this.rank && !this.more) {
39
+ let more = 0;
40
+ if (this.max && this.assigned.length > this.max) {
41
+ more = this.assigned.length - this.max;
42
+ }
43
+ this.more = more;
44
+ }
45
+ }
46
+ append(args = "avatar-anchor") {
47
+ if (this.max && this.assigned.length == this.max) {
48
+ this.assigned.pop().style.display = "none";
49
+ append(this, args);
50
+ this.assigned.pop().style.display = "none";
51
+ this.more = 2;
52
+ }
53
+ else if (this.max && this.assigned.length > this.max) {
54
+ append(this, args);
55
+ this.assigned.pop().style.display = "none";
56
+ this.more += 1;
57
+ }
58
+ else {
59
+ append(this, args);
60
+ }
61
+ this.fresh();
62
+ }
63
+ subtract() {
64
+ if (this.more == 2) {
65
+ this.assigned.pop().style.display = "";
66
+ this.more = 0;
67
+ return;
68
+ }
69
+ else if (this.more > 0) {
70
+ this.more -= 1;
71
+ }
72
+ if (this.assigned.length)
73
+ this.assigned.pop().remove();
74
+ }
75
+ async fresh() {
76
+ await this.usefresh();
77
+ }
78
+ };
79
+ AvatarGroup.styles = css `
80
+ :host {
81
+ display: flex;
82
+ flex-direction: column;
83
+ width: 100%;
84
+ height: 100%;
85
+ overflow-y: auto;
86
+ overflow-x: hidden;
87
+ }
88
+ div {
89
+ display: contents;
90
+ }
91
+ .flex {
92
+ display: flex;
93
+ flex-direction: row;
94
+ }
95
+ `;
96
+ __decorate([
97
+ property({ type: Boolean })
98
+ ], AvatarGroup.prototype, "rank", void 0);
99
+ __decorate([
100
+ property({ type: Number })
101
+ ], AvatarGroup.prototype, "max", void 0);
102
+ __decorate([
103
+ property({ type: Number })
104
+ ], AvatarGroup.prototype, "more", void 0);
105
+ __decorate([
106
+ property({ attribute: false })
107
+ ], AvatarGroup.prototype, "usefresh", void 0);
108
+ AvatarGroup = __decorate([
109
+ define("avatar-group")
110
+ ], AvatarGroup);
111
+ export { AvatarGroup };
112
+ export default AvatarGroup;
@@ -1,13 +1,13 @@
1
- import STD from "./std.js";
2
- export declare class ButtonGroup extends STD {
3
- v: boolean;
4
- static styles: import("lit").CSSResult;
5
- render(): import("lit").TemplateResult<1>;
6
- }
7
- export default ButtonGroup;
8
- declare global {
9
- interface HTMLElementTagNameMap {
10
- "button-group": ButtonGroup;
11
- }
12
- }
1
+ import STD from "./std.js";
2
+ export declare class ButtonGroup extends STD {
3
+ v: boolean;
4
+ static styles: import("lit").CSSResult;
5
+ render(): import("lit-html").TemplateResult<1>;
6
+ }
7
+ export default ButtonGroup;
8
+ declare global {
9
+ interface HTMLElementTagNameMap {
10
+ "button-group": ButtonGroup;
11
+ }
12
+ }
13
13
  //# sourceMappingURL=button-group.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/group/button-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,CAAC,UAAS;IACvC,MAAM,CAAC,MAAM,0BAyCX;IACF,MAAM;CAUP;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
1
+ {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/group/button-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,CAAC,UAAS;IACvC,MAAM,CAAC,MAAM,0BAyCX;IACF,MAAM;CAeP;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
@@ -1,74 +1,79 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import { css, define, html, property } from "../deps.js";
8
- import STD from "./std.js";
9
- let ButtonGroup = class ButtonGroup extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.v = false;
13
- }
14
- render() {
15
- return html `
16
- <slot name="pre"></slot>
17
- <div class=${this.v ? "v" : "h"}>
18
- <style>::slotted(*:nth-of-type(1)),::slotted(*:last-of-type){border-radius:${getComputedStyle(this).borderRadius}}</style>
19
- <slot></slot>
20
- </div>
21
- <slot name="suf"></slot>
22
- `;
23
- }
24
- };
25
- ButtonGroup.styles = css `
26
- :host{
27
- display: inline-flex;
28
- align-items: center;
29
- }
30
- .v{
31
- flex-direction: column;
32
- }
33
- .h ::slotted(*:nth-of-type(1)){
34
- border-top-right-radius:0 !important;
35
- border-bottom-right-radius:0 !important;
36
- }
37
- .h ::slotted(*:last-of-type){
38
- border-top-left-radius:0 !important;
39
- border-bottom-left-radius:0 !important;
40
- }
41
- .v ::slotted(*:nth-of-type(1)){
42
- border-bottom-left-radius:0 !important;
43
- border-bottom-right-radius:0 !important;
44
- }
45
- .v ::slotted(*:last-of-type){
46
- border-top-left-radius:0 !important;
47
- border-top-right-radius:0 !important;
48
- }
49
- .h ::slotted(*){
50
- margin:0 -.04em; /* 50% border-width */
51
- }
52
- .v ::slotted(*){
53
- margin: -.04em 0; /* 50% border-width */
54
- }
55
- ::slotted(*:hover){
56
- z-index:2
57
- }
58
- .h{
59
- margin:0 .04em;
60
- display: inherit;
61
- }
62
- .v{
63
- margin:.04em 0;
64
- display: inherit;
65
- }
66
- `;
67
- __decorate([
68
- property({ type: Boolean })
69
- ], ButtonGroup.prototype, "v", void 0);
70
- ButtonGroup = __decorate([
71
- define("button-group")
72
- ], ButtonGroup);
73
- export { ButtonGroup };
74
- export default ButtonGroup;
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { css, define, html, property } from "../deps.js";
8
+ import STD from "./std.js";
9
+ let ButtonGroup = class ButtonGroup extends STD {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.v = false;
13
+ }
14
+ render() {
15
+ return html `
16
+ <slot name="pre"></slot>
17
+ <div class=${this.v ? "v" : "h"}>
18
+ <style>
19
+ ::slotted(*:nth-of-type(1)),
20
+ ::slotted(*:last-of-type) {
21
+ border-radius: ${getComputedStyle(this).borderRadius};
22
+ }
23
+ </style>
24
+ <slot></slot>
25
+ </div>
26
+ <slot name="suf"></slot>
27
+ `;
28
+ }
29
+ };
30
+ ButtonGroup.styles = css `
31
+ :host {
32
+ display: inline-flex;
33
+ align-items: center;
34
+ }
35
+ .v {
36
+ flex-direction: column;
37
+ }
38
+ .h ::slotted(*:nth-of-type(1)) {
39
+ border-top-right-radius: 0 !important;
40
+ border-bottom-right-radius: 0 !important;
41
+ }
42
+ .h ::slotted(*:last-of-type) {
43
+ border-top-left-radius: 0 !important;
44
+ border-bottom-left-radius: 0 !important;
45
+ }
46
+ .v ::slotted(*:nth-of-type(1)) {
47
+ border-bottom-left-radius: 0 !important;
48
+ border-bottom-right-radius: 0 !important;
49
+ }
50
+ .v ::slotted(*:last-of-type) {
51
+ border-top-left-radius: 0 !important;
52
+ border-top-right-radius: 0 !important;
53
+ }
54
+ .h ::slotted(*) {
55
+ margin: 0 -0.04em; /* 50% border-width */
56
+ }
57
+ .v ::slotted(*) {
58
+ margin: -0.04em 0; /* 50% border-width */
59
+ }
60
+ ::slotted(*:hover) {
61
+ z-index: 2;
62
+ }
63
+ .h {
64
+ margin: 0 0.04em;
65
+ display: inherit;
66
+ }
67
+ .v {
68
+ margin: 0.04em 0;
69
+ display: inherit;
70
+ }
71
+ `;
72
+ __decorate([
73
+ property({ type: Boolean })
74
+ ], ButtonGroup.prototype, "v", void 0);
75
+ ButtonGroup = __decorate([
76
+ define("button-group")
77
+ ], ButtonGroup);
78
+ export { ButtonGroup };
79
+ export default ButtonGroup;
@@ -1,17 +1,17 @@
1
- import STD from "./std.js";
2
- export declare class DetailsGroup extends STD {
3
- index: number;
4
- only: boolean;
5
- static styles: import("lit").CSSResult;
6
- render(): import("lit").TemplateResult<1>;
7
- get assigned(): Element[];
8
- firstUpdated(): Promise<void>;
9
- _handleClick(e: any): void;
10
- }
11
- export default DetailsGroup;
12
- declare global {
13
- interface HTMLElementTagNameMap {
14
- "details-group": DetailsGroup;
15
- }
16
- }
1
+ import STD from "./std.js";
2
+ export declare class DetailsGroup extends STD {
3
+ index: number;
4
+ only: boolean;
5
+ static styles: import("lit").CSSResult;
6
+ render(): import("lit-html").TemplateResult<1>;
7
+ get assigned(): Element[];
8
+ firstUpdated(): Promise<void>;
9
+ _handleClick(e: any): void;
10
+ }
11
+ export default DetailsGroup;
12
+ declare global {
13
+ interface HTMLElementTagNameMap {
14
+ "details-group": DetailsGroup;
15
+ }
16
+ }
17
17
  //# sourceMappingURL=details-group.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,YAAa,SAAQ,GAAG;IACP,KAAK,SAAM;IACV,IAAI,UAAS;IAC1C,MAAM,CAAC,MAAM,0BAEV;IACH,MAAM;IAGN,IAAI,QAAQ,cAEX;IACK,YAAY;IAOlB,YAAY,CAAC,CAAC,KAAA;CAUf;AACD,eAAe,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
1
+ {"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,YAAa,SAAQ,GAAG;IACP,KAAK,SAAM;IACV,IAAI,UAAS;IAC1C,MAAM,CAAC,MAAM,0BAIX;IACF,MAAM;IAGN,IAAI,QAAQ,cAEX;IACK,YAAY;IAOlB,YAAY,CAAC,CAAC,KAAA;CAUf;AACD,eAAe,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
@@ -1,53 +1,55 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import { css, define, html, property } from "../deps.js";
8
- import STD from "./std.js";
9
- let DetailsGroup = class DetailsGroup extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.index = -1;
13
- this.only = false;
14
- }
15
- render() {
16
- return html `<slot></slot>`;
17
- }
18
- get assigned() {
19
- return this.shadowRoot.querySelector("slot").assignedElements();
20
- }
21
- async firstUpdated() {
22
- var _a;
23
- await this.updateComplete;
24
- if (this.index >= 0) {
25
- (_a = this.assigned[this.index]) === null || _a === void 0 ? void 0 : _a.setAttribute("open", "");
26
- }
27
- this.addEventListener("click", this._handleClick);
28
- }
29
- _handleClick(e) {
30
- if (this.only) {
31
- this.index = this.assigned.indexOf(e.target);
32
- this.assigned.forEach((e, i) => {
33
- if (i != this.index) {
34
- e.removeAttribute("open");
35
- }
36
- });
37
- }
38
- }
39
- };
40
- DetailsGroup.styles = css `:host{
41
- display:block;
42
- }`;
43
- __decorate([
44
- property({ type: Number })
45
- ], DetailsGroup.prototype, "index", void 0);
46
- __decorate([
47
- property({ type: Boolean })
48
- ], DetailsGroup.prototype, "only", void 0);
49
- DetailsGroup = __decorate([
50
- define("details-group")
51
- ], DetailsGroup);
52
- export { DetailsGroup };
53
- export default DetailsGroup;
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { css, define, html, property } from "../deps.js";
8
+ import STD from "./std.js";
9
+ let DetailsGroup = class DetailsGroup extends STD {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.index = -1;
13
+ this.only = false;
14
+ }
15
+ render() {
16
+ return html `<slot></slot>`;
17
+ }
18
+ get assigned() {
19
+ return this.shadowRoot.querySelector("slot").assignedElements();
20
+ }
21
+ async firstUpdated() {
22
+ var _a;
23
+ await this.updateComplete;
24
+ if (this.index >= 0) {
25
+ (_a = this.assigned[this.index]) === null || _a === void 0 ? void 0 : _a.setAttribute("open", "");
26
+ }
27
+ this.addEventListener("click", this._handleClick);
28
+ }
29
+ _handleClick(e) {
30
+ if (this.only) {
31
+ this.index = this.assigned.indexOf(e.target);
32
+ this.assigned.forEach((e, i) => {
33
+ if (i != this.index) {
34
+ e.removeAttribute("open");
35
+ }
36
+ });
37
+ }
38
+ }
39
+ };
40
+ DetailsGroup.styles = css `
41
+ :host {
42
+ display: block;
43
+ }
44
+ `;
45
+ __decorate([
46
+ property({ type: Number })
47
+ ], DetailsGroup.prototype, "index", void 0);
48
+ __decorate([
49
+ property({ type: Boolean })
50
+ ], DetailsGroup.prototype, "only", void 0);
51
+ DetailsGroup = __decorate([
52
+ define("details-group")
53
+ ], DetailsGroup);
54
+ export { DetailsGroup };
55
+ export default DetailsGroup;
package/group/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./avatar-group.js";
2
- export * from "./button-group.js";
3
- export * from "./details-group.js";
1
+ export * from "./avatar-group.js";
2
+ export * from "./button-group.js";
3
+ export * from "./details-group.js";
4
4
  //# sourceMappingURL=index.d.ts.map
package/group/index.js CHANGED
@@ -1,3 +1,3 @@
1
- export * from "./avatar-group.js";
2
- export * from "./button-group.js";
3
- export * from "./details-group.js";
1
+ export * from "./avatar-group.js";
2
+ export * from "./button-group.js";
3
+ export * from "./details-group.js";
package/group/std.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { GLOBSTD } from "../deps.js";
2
- export default class GroupSTD extends GLOBSTD {
3
- }
1
+ import { GLOBSTD } from "../deps.js";
2
+ export default class GroupSTD extends GLOBSTD {
3
+ }
4
4
  //# sourceMappingURL=std.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/group/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,OAAO;CAAI"}
1
+ {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/group/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,OAAO;CAAG"}
package/group/std.js CHANGED
@@ -1,3 +1,3 @@
1
- import { GLOBSTD } from "../deps.js";
2
- export default class GroupSTD extends GLOBSTD {
3
- }
1
+ import { GLOBSTD } from "../deps.js";
2
+ export default class GroupSTD extends GLOBSTD {
3
+ }
package/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- export * from "./conf.js";
2
- export * from "./effect/index.js";
3
- export * from "./group/index.js";
4
- export * from "./input-form/index.js";
5
- export * from "./items/index.js";
6
- export * from "./layout/index.js";
7
- export * from "./view/index.js";
1
+ export * from "./conf.js";
2
+ export * from "./effect/index.js";
3
+ export * from "./group/index.js";
4
+ export * from "./input-form/index.js";
5
+ export * from "./items/index.js";
6
+ export * from "./layout/index.js";
7
+ export * from "./view/index.js";
8
8
  //# sourceMappingURL=index.d.ts.map
package/index.js CHANGED
@@ -1,7 +1,7 @@
1
- export * from "./conf.js";
2
- export * from "./effect/index.js";
3
- export * from "./group/index.js";
4
- export * from "./input-form/index.js";
5
- export * from "./items/index.js";
6
- export * from "./layout/index.js";
7
- export * from "./view/index.js";
1
+ export * from "./conf.js";
2
+ export * from "./effect/index.js";
3
+ export * from "./group/index.js";
4
+ export * from "./input-form/index.js";
5
+ export * from "./items/index.js";
6
+ export * from "./layout/index.js";
7
+ export * from "./view/index.js";