godown 1.2.0 → 2.0.1

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 +6 -10
  52. package/input-form/base-input.d.ts.map +1 -1
  53. package/input-form/base-input.js +40 -47
  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 +4 -9
  60. package/input-form/label-input.d.ts.map +1 -1
  61. package/input-form/label-input.js +45 -57
  62. package/input-form/label-input.js.map +1 -0
  63. package/input-form/search-input.d.ts +6 -17
  64. package/input-form/search-input.d.ts.map +1 -1
  65. package/input-form/search-input.js +31 -148
  66. package/input-form/search-input.js.map +1 -0
  67. package/input-form/select-input.d.ts +5 -8
  68. package/input-form/select-input.d.ts.map +1 -1
  69. package/input-form/select-input.js +49 -63
  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 -5
  76. package/input-form/split-input.d.ts.map +1 -1
  77. package/input-form/split-input.js +26 -29
  78. package/input-form/split-input.js.map +1 -0
  79. package/input-form/std.d.ts +25 -8
  80. package/input-form/std.d.ts.map +1 -1
  81. package/input-form/std.js +95 -20
  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 +4 -3
  88. package/items/alert-item.d.ts.map +1 -1
  89. package/items/alert-item.js +99 -96
  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 +186 -142
  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 +19 -15
  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 +22 -0
  124. package/items/time-bar.d.ts.map +1 -0
  125. package/items/time-bar.js +99 -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
@@ -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 { FormSTD } from "./std.js";
9
+ import { htmlSlot } from "../tmpl.js";
10
+ let BaseForm = class BaseForm extends FormSTD {
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,16 +1,14 @@
1
1
  import { CSSResultGroup } from "../deps.js";
2
- import STD from "./std.js";
3
- export declare class SplitInput extends STD {
2
+ import { InputSTD } from "./std.js";
3
+ export declare class SplitInput extends InputSTD {
4
4
  static styles: CSSResultGroup[];
5
- name: string;
6
- value: string;
7
5
  max: number;
8
6
  index: number;
9
7
  autofocus: boolean;
10
8
  _input: HTMLInputElement;
11
9
  _spans: NodeListOf<HTMLSpanElement>;
12
10
  current: number;
13
- currentValue: Array<string | null>;
11
+ currentValue: (string | null)[];
14
12
  render(): import("lit").TemplateResult<1>;
15
13
  firstUpdated(): void;
16
14
  _handleInput(e: InputEvent): void;
@@ -1 +1 @@
1
- {"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwD,cAAc,EAAE,MAAM,YAAY,CAAC;AAClG,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,mBAoDS;IACV,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,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,UAAW,SAAQ,QAAQ;IACtC,MAAM,CAAC,MAAM,mBAwDS;IACM,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,13 +4,11 @@ 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 { InputSTD } from "./std.js";
9
+ let SplitInput = class SplitInput extends InputSTD {
10
10
  constructor() {
11
11
  super(...arguments);
12
- this.name = "";
13
- this.value = "";
14
12
  this.max = 6;
15
13
  this.index = -1;
16
14
  this.autofocus = false;
@@ -18,27 +16,27 @@ let SplitInput = class SplitInput extends STD {
18
16
  this.currentValue = [];
19
17
  }
20
18
  render() {
21
- return html `<main>
19
+ return html `
22
20
  <div>
23
21
  ${Array(this.max)
24
22
  .fill(0)
25
23
  .map(() => html `<span><i></i></span>`)}
26
- <input @input=${this._handleInput} value=" " />
24
+ <input @input="${this._handleInput}" value=" " />
27
25
  </div>
28
- </main>`;
26
+ `;
29
27
  }
30
28
  firstUpdated() {
31
29
  this._focusCheck();
32
30
  this.currentValue = this.value.split("").concat(Array(this.max - this.value.length).fill(null));
33
31
  this.current = this.index < 0 || this.index > this.max ? this.currentValue.indexOf(null) : this.index;
34
32
  this._spans.forEach((span, index) => {
35
- span.addEventListener("click", () => {
33
+ this.addEvent(span, "click", () => {
36
34
  this.current = index;
37
35
  this.focusAt();
38
36
  this._input.focus();
39
37
  });
40
38
  });
41
- document.addEventListener("click", (e) => {
39
+ this.addEvent(document, "click", (e) => {
42
40
  if (!this.contains(e.target)) {
43
41
  this.blur();
44
42
  }
@@ -101,33 +99,37 @@ let SplitInput = class SplitInput extends STD {
101
99
  }
102
100
  };
103
101
  SplitInput.styles = [
104
- STD.styles,
102
+ InputSTD.styles,
105
103
  css `
106
104
  :host {
107
- display: inline-block;
105
+ ${cssvar}--splited-width: .12em;
106
+ display: inline-flex;
108
107
  width: fit-content;
108
+ border-radius: 0.1px;
109
+ font-size: 147%;
109
110
  }
110
- main {
111
- display: flex;
112
- }
111
+
113
112
  * {
114
113
  font-size: 1em;
114
+ border-radius: inherit;
115
115
  }
116
+
116
117
  div {
117
118
  vertical-align: top;
118
119
  position: relative;
119
120
  display: inline-flex;
120
- font-size: 116%;
121
121
  }
122
+
122
123
  span {
123
124
  box-sizing: content-box;
124
125
  vertical-align: top;
125
126
  display: inline-flex;
126
- width: 1.0275em;
127
+ width: 1em;
127
128
  padding: 0.1em;
128
- height: 1.0275em;
129
+ height: 1em;
129
130
  pointer-events: all;
130
131
  }
132
+
131
133
  i {
132
134
  height: inherit;
133
135
  width: 100%;
@@ -136,29 +138,23 @@ SplitInput.styles = [
136
138
  font-style: normal;
137
139
  text-align: center;
138
140
  font-size: 80%;
139
- line-height: 1.09;
141
+ line-height: unset;
140
142
  }
143
+
141
144
  input {
142
- border: 0;
145
+ position: absolute;
143
146
  opacity: 0;
144
147
  left: 0;
145
- position: absolute;
146
- background-color: tan;
147
148
  right: 0;
148
149
  top: 0;
149
150
  bottom: 0;
150
151
  }
152
+
151
153
  .focus i {
152
- outline: 0.12em solid var(${cssvar}--input-true);
154
+ outline: var(${cssvar}--splited-width) solid var(${cssvar}--input-true);
153
155
  }
154
156
  `,
155
157
  ];
156
- __decorate([
157
- property()
158
- ], SplitInput.prototype, "name", void 0);
159
- __decorate([
160
- property()
161
- ], SplitInput.prototype, "value", void 0);
162
158
  __decorate([
163
159
  property({ type: Number })
164
160
  ], SplitInput.prototype, "max", void 0);
@@ -179,3 +175,4 @@ SplitInput = __decorate([
179
175
  ], SplitInput);
180
176
  export { SplitInput };
181
177
  export default SplitInput;
178
+ //# 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,21 +1,38 @@
1
- import { CSSResultGroup, GLOBSTD } from "../deps.js";
1
+ import { CSSResultGroup, GlobalSTD } from "../deps.js";
2
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 GLOBSTD {
3
+ export declare class InputSTD extends GlobalSTD {
4
+ static styles: CSSResultGroup[];
4
5
  name: string;
5
- value: any;
6
+ value: string | any;
7
+ label: string;
6
8
  def: string;
9
+ pla?: string;
7
10
  _input: HTMLInputElement;
8
11
  compositing: boolean;
9
12
  autofocus: boolean;
10
- static styles: CSSResultGroup[];
13
+ type?: string;
11
14
  namevalue(): [string, any];
15
+ nameValue: () => [string, any];
12
16
  reset(): void;
13
- _handleInput(e: any): void;
14
- _handleChange(): void;
17
+ protected _handleInput(e: any): void;
18
+ protected _handleChange(): void;
15
19
  connectedCallback(): void;
16
- _compositionCheck(): void;
17
- _focusCheck(): void;
20
+ protected _compositionCheck(): void;
21
+ protected _focusCheck(): void;
18
22
  focus(options?: FocusOptions): void;
19
23
  firstUpdated(): void;
24
+ protected targetValue(e: Event): string;
25
+ }
26
+ export declare class FormSTD extends GlobalSTD {
27
+ static styles: CSSResultGroup;
28
+ name: string;
29
+ value: {};
30
+ namevalue(): [string, object];
31
+ nameValue: () => [string, object];
20
32
  }
33
+ declare const _default: {
34
+ InputSTD: typeof InputSTD;
35
+ FormSTD: typeof FormSTD;
36
+ };
37
+ export default _default;
21
38
  //# 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,cAAc,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAElE,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,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,mBAmBS;IACtB,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,qBAAa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,mBAyBS;IACV,IAAI,EAAE,MAAM,CAAa;IACzB,KAAK,EAAE,MAAM,GAAG,GAAG,CAAa;IAChC,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,CAAC,EAAE,MAAM,CAAa;IACrC,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,sBAA6D;IAEtE,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;IAMZ,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK;CAO/B;AAED,qBAAa,OAAQ,SAAQ,SAAS;IACpC,MAAM,CAAC,MAAM,iBAAoB;IACrB,IAAI,SAAM;IACM,KAAK,KAAM;IAEvC,SAAS,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;IAI7B,SAAS,yBAA4D;CACtE;;;;;AAED,wBAGE"}
package/input-form/std.js CHANGED
@@ -1,5 +1,20 @@
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
+ export class InputSTD extends GlobalSTD {
9
+ constructor() {
10
+ super(...arguments);
11
+ this.name = undefined;
12
+ this.value = undefined;
13
+ this.label = "";
14
+ this.def = "";
15
+ this.pla = undefined;
16
+ this.nameValue = () => this.namevalue();
17
+ }
3
18
  namevalue() {
4
19
  return [this.name, this.value];
5
20
  }
@@ -8,8 +23,9 @@ class InputFormSTD extends GLOBSTD {
8
23
  this._input.value = this.def;
9
24
  }
10
25
  _handleInput(e) {
26
+ var _a;
11
27
  e.stopPropagation();
12
- this.value = e.target.value;
28
+ this.value = (_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim();
13
29
  if (this.compositing)
14
30
  return;
15
31
  this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
@@ -20,20 +36,28 @@ class InputFormSTD extends GLOBSTD {
20
36
  }
21
37
  connectedCallback() {
22
38
  super.connectedCallback();
23
- if (!this.def)
39
+ if (!this.def) {
24
40
  this.def = this.value || "";
25
- if (!this.value)
41
+ }
42
+ if (!this.value) {
26
43
  this.value = this.def;
44
+ }
45
+ if (!this.name) {
46
+ if (this.label || this.type) {
47
+ this.name = this.label || this.type;
48
+ }
49
+ }
27
50
  }
28
51
  _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
- });
52
+ if (this._input) {
53
+ this.addEvent(this._input, "compositionstart", () => {
54
+ this.compositing = true;
55
+ });
56
+ this.addEvent(this._input, "compositionend", (e) => {
57
+ this.compositing = false;
58
+ this._handleInput(e);
59
+ });
60
+ }
37
61
  }
38
62
  _focusCheck() {
39
63
  if (this.autofocus) {
@@ -47,26 +71,77 @@ class InputFormSTD extends GLOBSTD {
47
71
  firstUpdated() {
48
72
  this._focusCheck();
49
73
  this._compositionCheck();
74
+ this.reset();
75
+ }
76
+ targetValue(e) {
77
+ const target = e.target;
78
+ if (target.value.trim) {
79
+ return target.value.trim();
80
+ }
81
+ return target.value;
50
82
  }
51
83
  }
52
- InputFormSTD.styles = [
53
- GLOBSTD.styles,
84
+ InputSTD.styles = [
85
+ GlobalSTD.styles,
54
86
  css `
55
87
  :host {
56
- ${cssvar}--text:rgb(240 240 240);
57
- ${cssvar}--input-outline: rgb(25 130 180);
58
- ${cssvar}--input-outline-focus: rgb(29 155 180);
88
+ ${cssvar}--text: rgb(240 240 240);
89
+ ${cssvar}--input-outline-color: rgb(25 130 180);
90
+ ${cssvar}--input-outline-width: .15em;
59
91
  ${cssvar}--input-background: rgb(24 24 24);
60
92
  ${cssvar}--input-background-hover: rgb(42 42 42);
61
- ${cssvar}--input-control:rgb(244 244 244);
62
93
  ${cssvar}--input-true: rgb(47 129 237);
63
94
  ${cssvar}--input-false: rgb(204 204 204);
64
95
  ${cssvar}--input-width: 10.6rem;
96
+ ${cssvar}--input-height: 1.6em;
65
97
  }
98
+
66
99
  ::-webkit-calendar-picker-indicator {
67
100
  background-color: var(${cssvar}--input-true);
68
101
  border-radius: 0.1rem;
69
102
  }
103
+
104
+ :host(:focus),
105
+ :host(:focus-within) {
106
+ outline-color: var(${cssvar}--input-outline-color);
107
+ }
70
108
  `,
71
109
  ];
72
- export default InputFormSTD;
110
+ __decorate([
111
+ property()
112
+ ], InputSTD.prototype, "name", void 0);
113
+ __decorate([
114
+ property()
115
+ ], InputSTD.prototype, "value", void 0);
116
+ __decorate([
117
+ property()
118
+ ], InputSTD.prototype, "label", void 0);
119
+ __decorate([
120
+ property()
121
+ ], InputSTD.prototype, "def", void 0);
122
+ __decorate([
123
+ property()
124
+ ], InputSTD.prototype, "pla", void 0);
125
+ export class FormSTD extends GlobalSTD {
126
+ constructor() {
127
+ super(...arguments);
128
+ this.name = "";
129
+ this.value = {};
130
+ this.nameValue = () => this.namevalue();
131
+ }
132
+ namevalue() {
133
+ return [this.name, this.value];
134
+ }
135
+ }
136
+ FormSTD.styles = GlobalSTD.styles;
137
+ __decorate([
138
+ property()
139
+ ], FormSTD.prototype, "name", void 0);
140
+ __decorate([
141
+ property({ type: Object })
142
+ ], FormSTD.prototype, "value", void 0);
143
+ export default {
144
+ InputSTD,
145
+ FormSTD,
146
+ };
147
+ //# 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,6 @@
1
1
  import { CSSResultGroup } from "../deps.js";
2
- import STD from "./std.js";
3
- export declare class SwitchInput extends STD {
2
+ import { InputSTD } from "./std.js";
3
+ export declare class SwitchInput extends InputSTD {
4
4
  static styles: CSSResultGroup[];
5
5
  checked: boolean;
6
6
  disabled: boolean;
@@ -12,7 +12,7 @@ export declare class SwitchInput extends STD {
12
12
  render(): import("lit").TemplateResult<1>;
13
13
  reset(): void;
14
14
  connectedCallback(): void;
15
- _handleChange(): void;
15
+ protected _handleChange(): void;
16
16
  namevalue(): [string, boolean];
17
17
  }
18
18
  export default SwitchInput;
@@ -1 +1 @@
1
- {"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,cAAc,EAAE,MAAM,YAAY,CAAC;AACxF,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,mBAwGS;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;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,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,WAAY,SAAQ,QAAQ;IACvC,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"}