godown 1.1.6 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (244) hide show
  1. package/LICENSE +9 -9
  2. package/conf.d.ts +12 -13
  3. package/conf.d.ts.map +1 -1
  4. package/conf.js +12 -9
  5. package/conf.js.map +1 -0
  6. package/deps.d.ts +4 -4
  7. package/deps.d.ts.map +1 -1
  8. package/deps.js +5 -4
  9. package/deps.js.map +1 -0
  10. package/effect/clip-text.d.ts +13 -0
  11. package/effect/clip-text.d.ts.map +1 -0
  12. package/effect/clip-text.js +35 -0
  13. package/effect/clip-text.js.map +1 -0
  14. package/effect/index.d.ts +3 -3
  15. package/effect/index.d.ts.map +1 -1
  16. package/effect/index.js +4 -3
  17. package/effect/index.js.map +1 -0
  18. package/effect/overbreath-text.d.ts +14 -0
  19. package/effect/overbreath-text.d.ts.map +1 -0
  20. package/effect/overbreath-text.js +244 -0
  21. package/effect/overbreath-text.js.map +1 -0
  22. package/effect/std.d.ts +2 -2
  23. package/effect/std.d.ts.map +1 -1
  24. package/effect/std.js +3 -2
  25. package/effect/std.js.map +1 -0
  26. package/effect/typewriter-text.d.ts +27 -0
  27. package/effect/typewriter-text.d.ts.map +1 -0
  28. package/effect/typewriter-text.js +121 -0
  29. package/effect/typewriter-text.js.map +1 -0
  30. package/glob.d.ts +18 -2
  31. package/glob.d.ts.map +1 -1
  32. package/glob.js +112 -5
  33. package/glob.js.map +1 -0
  34. package/group/avatar-group.d.ts +6 -8
  35. package/group/avatar-group.d.ts.map +1 -1
  36. package/group/avatar-group.js +24 -47
  37. package/group/avatar-group.js.map +1 -0
  38. package/group/details-group.d.ts +4 -5
  39. package/group/details-group.d.ts.map +1 -1
  40. package/group/details-group.js +7 -8
  41. package/group/details-group.js.map +1 -0
  42. package/group/index.d.ts +0 -1
  43. package/group/index.d.ts.map +1 -1
  44. package/group/index.js +1 -1
  45. package/group/index.js.map +1 -0
  46. package/group/std.d.ts +2 -2
  47. package/group/std.d.ts.map +1 -1
  48. package/group/std.js +3 -2
  49. package/group/std.js.map +1 -0
  50. package/index.js +1 -0
  51. package/index.js.map +1 -0
  52. package/input-form/base-input.d.ts +11 -10
  53. package/input-form/base-input.d.ts.map +1 -1
  54. package/input-form/base-input.js +38 -27
  55. package/input-form/base-input.js.map +1 -0
  56. package/input-form/index.d.ts +0 -1
  57. package/input-form/index.d.ts.map +1 -1
  58. package/input-form/index.js +1 -1
  59. package/input-form/index.js.map +1 -0
  60. package/input-form/label-input.d.ts +9 -8
  61. package/input-form/label-input.d.ts.map +1 -1
  62. package/input-form/label-input.js +43 -33
  63. package/input-form/label-input.js.map +1 -0
  64. package/input-form/search-input.d.ts +9 -18
  65. package/input-form/search-input.d.ts.map +1 -1
  66. package/input-form/search-input.js +31 -141
  67. package/input-form/search-input.js.map +1 -0
  68. package/input-form/select-input.d.ts +11 -8
  69. package/input-form/select-input.d.ts.map +1 -1
  70. package/input-form/select-input.js +79 -54
  71. package/input-form/select-input.js.map +1 -0
  72. package/input-form/sign-form.d.ts +9 -13
  73. package/input-form/sign-form.d.ts.map +1 -1
  74. package/input-form/sign-form.js +29 -40
  75. package/input-form/sign-form.js.map +1 -0
  76. package/input-form/split-input.d.ts +6 -5
  77. package/input-form/split-input.d.ts.map +1 -1
  78. package/input-form/split-input.js +27 -22
  79. package/input-form/split-input.js.map +1 -0
  80. package/input-form/std.d.ts +13 -8
  81. package/input-form/std.d.ts.map +1 -1
  82. package/input-form/std.js +58 -16
  83. package/input-form/std.js.map +1 -0
  84. package/input-form/switch-input.d.ts +6 -5
  85. package/input-form/switch-input.d.ts.map +1 -1
  86. package/input-form/switch-input.js +27 -7
  87. package/input-form/switch-input.js.map +1 -0
  88. package/items/alert-item.d.ts +4 -4
  89. package/items/alert-item.d.ts.map +1 -1
  90. package/items/alert-item.js +91 -95
  91. package/items/alert-item.js.map +1 -0
  92. package/items/avatar-a.d.ts +17 -0
  93. package/items/avatar-a.d.ts.map +1 -0
  94. package/items/avatar-a.js +102 -0
  95. package/items/avatar-a.js.map +1 -0
  96. package/items/base-button.d.ts +24 -7
  97. package/items/base-button.d.ts.map +1 -1
  98. package/items/base-button.js +184 -140
  99. package/items/base-button.js.map +1 -0
  100. package/items/dialog-item.d.ts +11 -10
  101. package/items/dialog-item.d.ts.map +1 -1
  102. package/items/dialog-item.js +69 -43
  103. package/items/dialog-item.js.map +1 -0
  104. package/items/index.d.ts +2 -1
  105. package/items/index.d.ts.map +1 -1
  106. package/items/index.js +3 -1
  107. package/items/index.js.map +1 -0
  108. package/items/link-a.d.ts +6 -5
  109. package/items/link-a.d.ts.map +1 -1
  110. package/items/link-a.js +24 -49
  111. package/items/link-a.js.map +1 -0
  112. package/items/load-track.d.ts +7 -6
  113. package/items/load-track.d.ts.map +1 -1
  114. package/items/load-track.js +17 -13
  115. package/items/load-track.js.map +1 -0
  116. package/items/std.d.ts +2 -2
  117. package/items/std.d.ts.map +1 -1
  118. package/items/std.js +3 -2
  119. package/items/std.js.map +1 -0
  120. package/items/super-a.d.ts +5 -5
  121. package/items/super-a.d.ts.map +1 -1
  122. package/items/super-a.js +26 -17
  123. package/items/super-a.js.map +1 -0
  124. package/items/time-bar.d.ts +20 -0
  125. package/items/time-bar.d.ts.map +1 -0
  126. package/items/time-bar.js +90 -0
  127. package/items/time-bar.js.map +1 -0
  128. package/layout/div-line.d.ts +3 -3
  129. package/layout/div-line.d.ts.map +1 -1
  130. package/layout/div-line.js +12 -7
  131. package/layout/div-line.js.map +1 -0
  132. package/layout/drag-box.d.ts +10 -12
  133. package/layout/drag-box.d.ts.map +1 -1
  134. package/layout/drag-box.js +10 -18
  135. package/layout/drag-box.js.map +1 -0
  136. package/layout/flex-flow.d.ts +3 -3
  137. package/layout/flex-flow.d.ts.map +1 -1
  138. package/layout/flex-flow.js +7 -5
  139. package/layout/flex-flow.js.map +1 -0
  140. package/layout/index.d.ts +1 -0
  141. package/layout/index.d.ts.map +1 -1
  142. package/layout/index.js +2 -0
  143. package/layout/index.js.map +1 -0
  144. package/layout/nav-aside.d.ts +5 -4
  145. package/layout/nav-aside.d.ts.map +1 -1
  146. package/layout/nav-aside.js +9 -6
  147. package/layout/nav-aside.js.map +1 -0
  148. package/layout/nav-layout.d.ts +5 -6
  149. package/layout/nav-layout.d.ts.map +1 -1
  150. package/layout/nav-layout.js +23 -42
  151. package/layout/nav-layout.js.map +1 -0
  152. package/layout/std.d.ts +3 -3
  153. package/layout/std.d.ts.map +1 -1
  154. package/layout/std.js +4 -3
  155. package/layout/std.js.map +1 -0
  156. package/layout/with-wrap.d.ts +13 -0
  157. package/layout/with-wrap.d.ts.map +1 -0
  158. package/{items/no-support.js → layout/with-wrap.js} +32 -23
  159. package/layout/with-wrap.js.map +1 -0
  160. package/package.json +15 -10
  161. package/react/effect.d.ts +2 -5
  162. package/react/effect.d.ts.map +1 -1
  163. package/react/effect.js +8 -22
  164. package/react/effect.js.map +1 -0
  165. package/react/group.d.ts +0 -1
  166. package/react/group.d.ts.map +1 -1
  167. package/react/group.js +2 -6
  168. package/react/group.js.map +1 -0
  169. package/react/index.js +1 -0
  170. package/react/index.js.map +1 -0
  171. package/react/input-form.d.ts +0 -5
  172. package/react/input-form.d.ts.map +1 -1
  173. package/react/input-form.js +9 -19
  174. package/react/input-form.js.map +1 -0
  175. package/react/items.d.ts +2 -1
  176. package/react/items.d.ts.map +1 -1
  177. package/react/items.js +9 -3
  178. package/react/items.js.map +1 -0
  179. package/react/layout.d.ts.map +1 -1
  180. package/react/layout.js +2 -1
  181. package/react/layout.js.map +1 -0
  182. package/react/view.d.ts +1 -0
  183. package/react/view.d.ts.map +1 -1
  184. package/react/view.js +7 -1
  185. package/react/view.js.map +1 -0
  186. package/tmpl.d.ts +20 -0
  187. package/tmpl.d.ts.map +1 -0
  188. package/tmpl.js +39 -0
  189. package/tmpl.js.map +1 -0
  190. package/view/details-expand.d.ts +9 -6
  191. package/view/details-expand.d.ts.map +1 -1
  192. package/view/details-expand.js +30 -26
  193. package/view/details-expand.js.map +1 -0
  194. package/view/down-drop.d.ts +11 -6
  195. package/view/down-drop.d.ts.map +1 -1
  196. package/view/down-drop.js +45 -24
  197. package/view/down-drop.js.map +1 -0
  198. package/view/index.d.ts +1 -0
  199. package/view/index.d.ts.map +1 -1
  200. package/view/index.js +2 -0
  201. package/view/index.js.map +1 -0
  202. package/view/menu-list.d.ts +7 -4
  203. package/view/menu-list.d.ts.map +1 -1
  204. package/view/menu-list.js +26 -13
  205. package/view/menu-list.js.map +1 -0
  206. package/view/rotation-pool.d.ts +23 -0
  207. package/view/rotation-pool.d.ts.map +1 -0
  208. package/{effect/ro-effect.js → view/rotation-pool.js} +74 -41
  209. package/view/rotation-pool.js.map +1 -0
  210. package/view/route-view.d.ts +10 -30
  211. package/view/route-view.d.ts.map +1 -1
  212. package/view/route-view.js +24 -28
  213. package/view/route-view.js.map +1 -0
  214. package/view/scroll-x.d.ts +4 -3
  215. package/view/scroll-x.d.ts.map +1 -1
  216. package/view/scroll-x.js +14 -10
  217. package/view/scroll-x.js.map +1 -0
  218. package/view/std.d.ts +3 -3
  219. package/view/std.d.ts.map +1 -1
  220. package/view/std.js +21 -4
  221. package/view/std.js.map +1 -0
  222. package/with.d.ts +27 -19
  223. package/with.d.ts.map +1 -1
  224. package/with.js +81 -59
  225. package/with.js.map +1 -0
  226. package/effect/ov-effect.d.ts +0 -24
  227. package/effect/ov-effect.d.ts.map +0 -1
  228. package/effect/ov-effect.js +0 -299
  229. package/effect/ro-effect.d.ts +0 -20
  230. package/effect/ro-effect.d.ts.map +0 -1
  231. package/effect/tw-effect.d.ts +0 -22
  232. package/effect/tw-effect.d.ts.map +0 -1
  233. package/effect/tw-effect.js +0 -108
  234. package/group/button-group.d.ts +0 -13
  235. package/group/button-group.d.ts.map +0 -1
  236. package/group/button-group.js +0 -79
  237. package/input-form/exp-input.d.ts +0 -23
  238. package/input-form/exp-input.d.ts.map +0 -1
  239. package/input-form/exp-input.js +0 -218
  240. package/items/avatar-anchor.d.ts +0 -20
  241. package/items/avatar-anchor.d.ts.map +0 -1
  242. package/items/avatar-anchor.js +0 -150
  243. package/items/no-support.d.ts +0 -7
  244. package/items/no-support.d.ts.map +0 -1
@@ -1,20 +1,16 @@
1
- import STD from "./std.js";
2
- import "./label-input.js";
3
- export declare class SignForm extends STD {
4
- name: string;
5
- set: 0 | 1 | 2;
6
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
1
+ import { CSSResultGroup } from "../deps.js";
2
+ import InputFormSTD from "./std.js";
3
+ export declare class BaseForm extends InputFormSTD {
4
+ enctype: string;
5
+ static styles: CSSResultGroup[];
7
6
  _form: HTMLFormElement;
8
- render(): import("lit-html").TemplateResult<1>;
9
- opt(): any[];
7
+ _slots: HTMLSlotElement[];
8
+ render(): import("lit").TemplateResult<1>;
10
9
  reset(): void;
11
- namevalue(): [string, {
12
- [key: string]: any;
13
- }];
10
+ namevalue(enctype?: string): [string, Record<string, any>];
14
11
  FormData(): FormData;
15
12
  }
16
- export declare class BaseForm extends SignForm {
17
- constructor();
13
+ export declare class SignForm extends BaseForm {
18
14
  }
19
15
  export default SignForm;
20
16
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"sign-form.d.ts","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAC1B,qBACa,QAAS,SAAQ,GAAG;IACnB,IAAI,SAAM;IACM,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM,CAAC,MAAM,4FAiBX;IACa,KAAK,EAAE,eAAe,CAAC;IACtC,MAAM;IAON,GAAG;IAOH,KAAK;IAuBL,SAAS,IAAI,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IA8B7C,QAAQ,IAAI,QAAQ;CA6BrB;AAUD,qBACa,QAAS,SAAQ,QAAQ;;CAKrC;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;QACtB,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
1
+ {"version":3,"file":"sign-form.d.ts","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAA2C,MAAM,YAAY,CAAC;AAE1F,OAAO,YAAY,MAAM,UAAU,CAAC;AAEpC,qBACa,QAAS,SAAQ,YAAY;IAC5B,OAAO,SAAyB;IAC5C,MAAM,CAAC,MAAM,mBAkBS;IACP,KAAK,EAAE,eAAe,CAAC;IACpB,MAAM,EAAE,eAAe,EAAE,CAAC;IAE5C,MAAM;IAQN,KAAK;IAwBL,SAAS,CAAC,OAAO,SAAe,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IA+BhE,QAAQ,IAAI,QAAQ;CA6BrB;AAWD,qBACa,QAAS,SAAQ,QAAQ;CAAG;AAEzC,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;QACtB,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
@@ -4,29 +4,21 @@ 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, query, define } from "../deps.js";
8
- import STD from "./std.js";
9
- import "./label-input.js";
10
- let SignForm = class SignForm extends STD {
7
+ import { css, define, html, property, query, queryAll } from "../deps.js";
8
+ import { htmlSlot } from "../tmpl.js";
9
+ import InputFormSTD from "./std.js";
10
+ let BaseForm = class BaseForm extends InputFormSTD {
11
11
  constructor() {
12
12
  super(...arguments);
13
- this.name = "";
14
- this.set = 2;
13
+ this.enctype = "multipart/form-data";
15
14
  }
16
15
  render() {
17
16
  return html `<form enctype="multipart/form-data">
18
- <slot name="pre"></slot>
19
- <main>${this.opt()}<slot></slot></main>
20
- <slot name="suf"></slot>
17
+ ${htmlSlot("pre")}
18
+ <main>${htmlSlot()}</main>
19
+ ${htmlSlot("suf")}
21
20
  </form>`;
22
21
  }
23
- opt() {
24
- const result = [];
25
- for (let i = 0; i <= this.set - 1; i++) {
26
- opts[i] && result.push(opts[i]);
27
- }
28
- return result;
29
- }
30
22
  reset() {
31
23
  each(this._form, (node) => {
32
24
  if (node.reset) {
@@ -50,10 +42,10 @@ let SignForm = class SignForm extends STD {
50
42
  }
51
43
  form.remove();
52
44
  }
53
- namevalue() {
45
+ namevalue(enctype = this.enctype) {
54
46
  const x = {};
55
47
  const form = document.createElement("form");
56
- form.enctype = "multipart/form-data";
48
+ form.enctype = enctype;
57
49
  for (const slot of this.shadowRoot.querySelectorAll("slot"))
58
50
  for (const i of slot.assignedNodes()) {
59
51
  if (i.namevalue) {
@@ -85,7 +77,7 @@ let SignForm = class SignForm extends STD {
85
77
  const x = {};
86
78
  const form = document.createElement("form");
87
79
  form.enctype = "multipart/form-data";
88
- for (const slot of this.shadowRoot.querySelectorAll("slot"))
80
+ for (const slot of this._slots)
89
81
  for (const i of slot.assignedNodes()) {
90
82
  if (i.FormData) {
91
83
  for (const [key, value] of i.FormData()) {
@@ -112,18 +104,19 @@ let SignForm = class SignForm extends STD {
112
104
  return y;
113
105
  }
114
106
  };
115
- SignForm.styles = [
116
- STD.styles,
107
+ BaseForm.styles = [
117
108
  css `
118
109
  :host {
119
110
  display: flow-root;
120
111
  }
112
+
121
113
  form {
122
114
  display: flex;
123
115
  flex-direction: column;
124
116
  align-items: center;
125
117
  margin: 0;
126
118
  }
119
+
127
120
  main {
128
121
  display: flex;
129
122
  flex-direction: column;
@@ -132,17 +125,17 @@ SignForm.styles = [
132
125
  ];
133
126
  __decorate([
134
127
  property()
135
- ], SignForm.prototype, "name", void 0);
136
- __decorate([
137
- property({ type: Number })
138
- ], SignForm.prototype, "set", void 0);
128
+ ], BaseForm.prototype, "enctype", void 0);
139
129
  __decorate([
140
130
  query("form")
141
- ], SignForm.prototype, "_form", void 0);
142
- SignForm = __decorate([
143
- define("sign-form")
144
- ], SignForm);
145
- export { SignForm };
131
+ ], BaseForm.prototype, "_form", void 0);
132
+ __decorate([
133
+ queryAll("slot")
134
+ ], BaseForm.prototype, "_slots", void 0);
135
+ BaseForm = __decorate([
136
+ define("base-form")
137
+ ], BaseForm);
138
+ export { BaseForm };
146
139
  function each(node, callback) {
147
140
  if (node) {
148
141
  callback(node);
@@ -151,15 +144,11 @@ function each(node, callback) {
151
144
  }
152
145
  }
153
146
  }
154
- const opts = [html `<label-input label="E-mail" style="margin: 0.25em 0;" type="email"></label-input>`, html `<label-input label="Password" style="margin: 0.25em 0;" type="password"></label-input>`];
155
- let BaseForm = class BaseForm extends SignForm {
156
- constructor() {
157
- super();
158
- this.set = 0;
159
- }
147
+ let SignForm = class SignForm extends BaseForm {
160
148
  };
161
- BaseForm = __decorate([
162
- define("base-form")
163
- ], BaseForm);
164
- export { BaseForm };
149
+ SignForm = __decorate([
150
+ define("sign-form")
151
+ ], SignForm);
152
+ export { SignForm };
165
153
  export default SignForm;
154
+ //# sourceMappingURL=sign-form.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sign-form.js","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"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"}
@@ -1,6 +1,7 @@
1
- import STD from "./std.js";
2
- export declare class SplitInput extends STD {
3
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
1
+ import { CSSResultGroup } from "../deps.js";
2
+ import InputFormSTD from "./std.js";
3
+ export declare class SplitInput extends InputFormSTD {
4
+ static styles: CSSResultGroup[];
4
5
  name: string;
5
6
  value: string;
6
7
  max: number;
@@ -9,8 +10,8 @@ export declare class SplitInput extends STD {
9
10
  _input: HTMLInputElement;
10
11
  _spans: NodeListOf<HTMLSpanElement>;
11
12
  current: number;
12
- currentValue: Array<string | null>;
13
- render(): import("lit-html").TemplateResult<1>;
13
+ currentValue: (string | null)[];
14
+ render(): import("lit").TemplateResult<1>;
14
15
  firstUpdated(): void;
15
16
  _handleInput(e: InputEvent): void;
16
17
  focus(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,4FAoDX;IACU,IAAI,SAAM;IACV,KAAK,SAAM;IACK,GAAG,SAAK;IACR,KAAK,SAAM;IACV,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM,CAAK;IACpB,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAM;IACxC,MAAM;IAUN,YAAY;IAiBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA2B1B,KAAK;IAGL,OAAO,CAAC,CAAC,SAAe;IAOxB,IAAI,CAAC,CAAC,SAAe;IAIrB,KAAK;CASN;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
1
+ {"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAmD,MAAM,YAAY,CAAC;AAClG,OAAO,YAAY,MAAM,UAAU,CAAC;AAEpC,qBACa,UAAW,SAAQ,YAAY;IAC1C,MAAM,CAAC,MAAM,mBAwDS;IACV,IAAI,SAAU;IACd,KAAK,SAAM;IACK,GAAG,SAAK;IACR,KAAK,SAAM;IACV,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,SAAK;IACZ,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,MAAM;IAWN,YAAY;IAkBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA4B1B,KAAK;IAIL,OAAO,CAAC,CAAC,SAAe;IAQxB,IAAI,CAAC,CAAC,SAAe;IAKrB,KAAK;CASN;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
@@ -4,12 +4,12 @@ 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, query, queryAll, define, cssvar } from "../deps.js";
8
- import STD from "./std.js";
9
- let SplitInput = class SplitInput extends STD {
7
+ import { css, cssvar, define, html, property, query, queryAll } from "../deps.js";
8
+ import InputFormSTD from "./std.js";
9
+ let SplitInput = class SplitInput extends InputFormSTD {
10
10
  constructor() {
11
11
  super(...arguments);
12
- this.name = "";
12
+ this.name = "code";
13
13
  this.value = "";
14
14
  this.max = 6;
15
15
  this.index = -1;
@@ -18,27 +18,27 @@ let SplitInput = class SplitInput extends STD {
18
18
  this.currentValue = [];
19
19
  }
20
20
  render() {
21
- return html `<main>
21
+ return html `
22
22
  <div>
23
23
  ${Array(this.max)
24
24
  .fill(0)
25
25
  .map(() => html `<span><i></i></span>`)}
26
- <input @input=${this._handleInput} value=" " />
26
+ <input @input="${this._handleInput}" value=" " />
27
27
  </div>
28
- </main>`;
28
+ `;
29
29
  }
30
30
  firstUpdated() {
31
31
  this._focusCheck();
32
32
  this.currentValue = this.value.split("").concat(Array(this.max - this.value.length).fill(null));
33
33
  this.current = this.index < 0 || this.index > this.max ? this.currentValue.indexOf(null) : this.index;
34
34
  this._spans.forEach((span, index) => {
35
- span.addEventListener("click", () => {
35
+ this.addEvent(span, "click", () => {
36
36
  this.current = index;
37
37
  this.focusAt();
38
38
  this._input.focus();
39
39
  });
40
40
  });
41
- document.addEventListener("click", (e) => {
41
+ this.addEvent(document, "click", (e) => {
42
42
  if (!this.contains(e.target)) {
43
43
  this.blur();
44
44
  }
@@ -101,33 +101,37 @@ let SplitInput = class SplitInput extends STD {
101
101
  }
102
102
  };
103
103
  SplitInput.styles = [
104
- STD.styles,
104
+ InputFormSTD.styles,
105
105
  css `
106
106
  :host {
107
- display: inline-block;
107
+ ${cssvar}--splited-width: .12em;
108
+ display: inline-flex;
108
109
  width: fit-content;
110
+ border-radius: 0.1px;
111
+ font-size: 147%;
109
112
  }
110
- main {
111
- display: flex;
112
- }
113
+
113
114
  * {
114
115
  font-size: 1em;
116
+ border-radius: inherit;
115
117
  }
118
+
116
119
  div {
117
120
  vertical-align: top;
118
121
  position: relative;
119
122
  display: inline-flex;
120
- font-size: 116%;
121
123
  }
124
+
122
125
  span {
123
126
  box-sizing: content-box;
124
127
  vertical-align: top;
125
128
  display: inline-flex;
126
- width: 1.0275em;
129
+ width: 1em;
127
130
  padding: 0.1em;
128
- height: 1.0275em;
131
+ height: 1em;
129
132
  pointer-events: all;
130
133
  }
134
+
131
135
  i {
132
136
  height: inherit;
133
137
  width: 100%;
@@ -136,20 +140,20 @@ SplitInput.styles = [
136
140
  font-style: normal;
137
141
  text-align: center;
138
142
  font-size: 80%;
139
- line-height: 1.09;
143
+ line-height: unset;
140
144
  }
145
+
141
146
  input {
142
- border: 0;
147
+ position: absolute;
143
148
  opacity: 0;
144
149
  left: 0;
145
- position: absolute;
146
- background-color: tan;
147
150
  right: 0;
148
151
  top: 0;
149
152
  bottom: 0;
150
153
  }
154
+
151
155
  .focus i {
152
- outline: 0.12em solid var(${cssvar}--input-true);
156
+ outline: var(${cssvar}--splited-width) solid var(${cssvar}--input-true);
153
157
  }
154
158
  `,
155
159
  ];
@@ -179,3 +183,4 @@ SplitInput = __decorate([
179
183
  ], SplitInput);
180
184
  export { SplitInput };
181
185
  export default SplitInput;
186
+ //# sourceMappingURL=split-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split-input.js","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"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"}
@@ -1,20 +1,25 @@
1
- import { GLOBSTD } from "../deps.js";
2
- export default class InputFormSTD extends GLOBSTD {
1
+ import { CSSResultGroup, GlobalSTD } from "../deps.js";
2
+ export type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
3
+ export default class InputFormSTD extends GlobalSTD {
4
+ static styles: CSSResultGroup[];
3
5
  name: string;
4
- value: any;
6
+ value: string | any;
5
7
  def: string;
6
8
  _input: HTMLInputElement;
7
9
  compositing: boolean;
8
10
  autofocus: boolean;
9
- static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
11
+ label?: string;
12
+ type?: string;
10
13
  namevalue(): [string, any];
14
+ nameValue: () => [string, any];
11
15
  reset(): void;
12
- _handleInput(e: any): void;
13
- _handleChange(): void;
16
+ protected _handleInput(e: any): void;
17
+ protected _handleChange(): void;
14
18
  connectedCallback(): void;
15
- _compositionCheck(): void;
16
- _focusCheck(): void;
19
+ protected _compositionCheck(): void;
20
+ protected _focusCheck(): void;
17
21
  focus(options?: FocusOptions): void;
18
22
  firstUpdated(): void;
23
+ protected targetValue(e: Event): string;
19
24
  }
20
25
  //# sourceMappingURL=std.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,OAAO;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,MAAM,8DAmBX;IACF,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAG1B,KAAK;IAIL,YAAY,CAAC,CAAC,EAAE,GAAG;IAOnB,aAAa;IAGb,iBAAiB;IAKjB,iBAAiB;IASjB,WAAW;IAKX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAG5B,YAAY;CAIb"}
1
+ {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAU,SAAS,EAAY,MAAM,YAAY,CAAC;AAE9E,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1O,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,SAAS;IACjD,MAAM,CAAC,MAAM,mBA0BS;IACV,IAAI,EAAE,MAAM,CAAa;IACzB,KAAK,EAAE,MAAM,GAAG,GAAG,CAAa;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,sBAAiE;IAE1E,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG;IAQ7B,SAAS,CAAC,aAAa;IAIvB,iBAAiB;IAejB,SAAS,CAAC,iBAAiB;IAY3B,SAAS,CAAC,WAAW;IAMrB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,YAAY;IAKZ,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK;CAO/B"}
package/input-form/std.js CHANGED
@@ -1,5 +1,17 @@
1
- import { GLOBSTD, css, cssvar } from "../deps.js";
2
- class InputFormSTD extends GLOBSTD {
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, cssvar, GlobalSTD, property } from "../deps.js";
8
+ class InputFormSTD extends GlobalSTD {
9
+ constructor() {
10
+ super(...arguments);
11
+ this.name = undefined;
12
+ this.value = undefined;
13
+ this.nameValue = () => this.namevalue();
14
+ }
3
15
  namevalue() {
4
16
  return [this.name, this.value];
5
17
  }
@@ -8,8 +20,9 @@ class InputFormSTD extends GLOBSTD {
8
20
  this._input.value = this.def;
9
21
  }
10
22
  _handleInput(e) {
23
+ var _a;
11
24
  e.stopPropagation();
12
- this.value = e.target.value;
25
+ this.value = (_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim();
13
26
  if (this.compositing)
14
27
  return;
15
28
  this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
@@ -20,20 +33,28 @@ class InputFormSTD extends GLOBSTD {
20
33
  }
21
34
  connectedCallback() {
22
35
  super.connectedCallback();
23
- if (!this.def)
36
+ if (!this.def) {
24
37
  this.def = this.value || "";
25
- if (!this.value)
38
+ }
39
+ if (!this.value) {
26
40
  this.value = this.def;
41
+ }
42
+ if (!this.name) {
43
+ if (this.label || this.type) {
44
+ this.name = this.label || this.type;
45
+ }
46
+ }
27
47
  }
28
48
  _compositionCheck() {
29
- var _a, _b;
30
- (_a = this._input) === null || _a === void 0 ? void 0 : _a.addEventListener("compositionstart", () => {
31
- this.compositing = true;
32
- });
33
- (_b = this._input) === null || _b === void 0 ? void 0 : _b.addEventListener("compositionend", (e) => {
34
- this.compositing = false;
35
- this._handleInput(e);
36
- });
49
+ if (this._input) {
50
+ this.addEvent(this._input, "compositionstart", () => {
51
+ this.compositing = true;
52
+ });
53
+ this.addEvent(this._input, "compositionend", (e) => {
54
+ this.compositing = false;
55
+ this._handleInput(e);
56
+ });
57
+ }
37
58
  }
38
59
  _focusCheck() {
39
60
  if (this.autofocus) {
@@ -48,25 +69,46 @@ class InputFormSTD extends GLOBSTD {
48
69
  this._focusCheck();
49
70
  this._compositionCheck();
50
71
  }
72
+ targetValue(e) {
73
+ const target = e.target;
74
+ if (target.value.trim) {
75
+ return target.value.trim();
76
+ }
77
+ return target.value;
78
+ }
51
79
  }
52
80
  InputFormSTD.styles = [
53
- GLOBSTD.styles,
81
+ GlobalSTD.styles,
54
82
  css `
55
83
  :host {
56
- ${cssvar}--text:rgb(240 240 240);
84
+ ${cssvar}--text: rgb(240 240 240);
57
85
  ${cssvar}--input-outline: rgb(25 130 180);
58
86
  ${cssvar}--input-outline-focus: rgb(29 155 180);
87
+ ${cssvar}--input-outline-width: .15em;
59
88
  ${cssvar}--input-background: rgb(24 24 24);
60
89
  ${cssvar}--input-background-hover: rgb(42 42 42);
61
- ${cssvar}--input-control:rgb(244 244 244);
62
90
  ${cssvar}--input-true: rgb(47 129 237);
63
91
  ${cssvar}--input-false: rgb(204 204 204);
64
92
  ${cssvar}--input-width: 10.6rem;
93
+ ${cssvar}--input-height: 1.6em;
65
94
  }
95
+
66
96
  ::-webkit-calendar-picker-indicator {
67
97
  background-color: var(${cssvar}--input-true);
68
98
  border-radius: 0.1rem;
69
99
  }
100
+
101
+ :host(:focus),
102
+ :host(:focus-within) {
103
+ outline-color: var(${cssvar}--input-outline);
104
+ }
70
105
  `,
71
106
  ];
72
107
  export default InputFormSTD;
108
+ __decorate([
109
+ property()
110
+ ], InputFormSTD.prototype, "name", void 0);
111
+ __decorate([
112
+ property()
113
+ ], InputFormSTD.prototype, "value", void 0);
114
+ //# sourceMappingURL=std.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"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"}
@@ -1,6 +1,7 @@
1
- import STD from "./std.js";
2
- export declare class SwitchInput extends STD {
3
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
1
+ import { CSSResultGroup } from "../deps.js";
2
+ import InputFormSTD from "./std.js";
3
+ export declare class SwitchInput extends InputFormSTD {
4
+ static styles: CSSResultGroup[];
4
5
  checked: boolean;
5
6
  disabled: boolean;
6
7
  base: "fat" | "rect";
@@ -8,10 +9,10 @@ export declare class SwitchInput extends STD {
8
9
  name: string;
9
10
  value: string;
10
11
  _input: HTMLInputElement;
11
- render(): import("lit-html").TemplateResult<1>;
12
+ render(): import("lit").TemplateResult<1>;
12
13
  reset(): void;
13
14
  connectedCallback(): void;
14
- _handleChange(): void;
15
+ protected _handleChange(): void;
15
16
  namevalue(): [string, boolean];
16
17
  }
17
18
  export default SwitchInput;
@@ -1 +1 @@
1
- {"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,4FAwGX;IAC2B,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAW;IACd,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IAUN,KAAK;IAIL,iBAAiB;IAQjB,aAAa;IAKb,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
1
+ {"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAyC,MAAM,YAAY,CAAC;AAExF,OAAO,YAAY,MAAM,UAAU,CAAC;AAEpC,qBACa,WAAY,SAAQ,YAAY;IAC3C,MAAM,CAAC,MAAM,mBA0HS;IACO,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAW;IACd,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IAEzC,MAAM;IAWN,KAAK;IAKL,iBAAiB;IASjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}