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,299 +0,0 @@
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
- const theme = css `
10
- :host {
11
- --ov-text: aliceblue;
12
- --ov-border: 0.275em;
13
- --ov-port: #1a1a1a;
14
- --ov-1-1: #ae0ca5;
15
- --ov-1-2: #ffd802;
16
- --ov-2-1: #1fe173;
17
- --ov-2-2: #582bca;
18
- --ov-3-1: #00b4f0;
19
- --ov-3-2: #e614e6;
20
- --ov-deg: 60deg;
21
- --ov-1: linear-gradient(var(--ov-deg), var(--ov-1-1), var(--ov-1-2));
22
- --ov-2: linear-gradient(var(--ov-deg), var(--ov-2-1), var(--ov-2-2));
23
- --ov-3: linear-gradient(var(--ov-deg), var(--ov-3-1), var(--ov-3-2));
24
- }
25
- .overbreathflow {
26
- animation: 8s linear infinite breathflow;
27
- height: 100%;
28
- width: 100%;
29
- position: absolute;
30
- border-radius: inherit;
31
- }
32
- @keyframes breathflow {
33
- 0%,
34
- 100% {
35
- opacity: 1;
36
- background-image: var(--ov-1);
37
- }
38
- 33.33% {
39
- opacity: 1;
40
- background-image: var(--ov-2);
41
- }
42
- 16.66%,
43
- 50.33%,
44
- 83% {
45
- opacity: 0;
46
- }
47
- 66.67% {
48
- opacity: 1;
49
- background-image: var(--ov-3);
50
- }
51
- }
52
- `;
53
- let OVText = class OVText extends STD {
54
- constructor() {
55
- super(...arguments);
56
- this.t1 = "t1 unset.";
57
- this.t2 = "t2 unset..";
58
- this.t3 = "t3 unset...";
59
- }
60
- render() {
61
- return html `<div class="overbreath">
62
- <span class="overbreathpart"><span class="overbreathroot">${this.t1}</span><span class="overbreathtext">${this.t1}</span></span>
63
- <span class="overbreathpart"><span class="overbreathroot">${this.t2}</span><span class="overbreathtext">${this.t2}</span></span>
64
- <span class="overbreathpart"><span class="overbreathroot">${this.t3}</span><span class="overbreathtext">${this.t3}</span></span>
65
- </div>`;
66
- }
67
- };
68
- OVText.styles = [
69
- theme,
70
- css `
71
- :host {
72
- display: flex;
73
- margin: auto;
74
- width: fit-content;
75
- font-size: clamp(4.4rem, 9vw, 5rem);
76
- align-items: center;
77
- }
78
- @media screen and (max-width: 1280px) {
79
- :host {
80
- flex-direction: column;
81
- }
82
- }
83
- *::selection {
84
- background: none;
85
- }
86
- .overbreath {
87
- font-size: inherit;
88
- padding-bottom: 1rem;
89
- display: flex;
90
- align-items: inherit;
91
- flex-direction: inherit;
92
- }
93
- .overbreathpart {
94
- line-height: 1;
95
- position: relative;
96
- }
97
- .overbreathroot {
98
- color: currentColor;
99
- position: absolute;
100
- top: 0;
101
- }
102
- .overbreathtext,
103
- .overbreathroot {
104
- white-space: nowrap;
105
- box-sizing: border-box;
106
- padding-right: 2.5px;
107
- letter-spacing: -2.5px;
108
- width: fit-content;
109
- background-clip: text;
110
- -webkit-background-clip: text;
111
- font-weight: 800;
112
- font-size: inherit;
113
- }
114
- .overbreathtext {
115
- box-sizing: border-box;
116
- -webkit-text-fill-color: transparent;
117
- }
118
- .overbreathpart:nth-child(1) .overbreathtext {
119
- animation: overbreathtext1 8s infinite;
120
- background-image: var(--ov-1);
121
- }
122
- .overbreathpart:nth-child(2) .overbreathtext {
123
- animation: 8s ease 0s infinite normal none running overbreathtext2;
124
- background-image: var(--ov-2);
125
- }
126
- .overbreathpart:nth-child(3) .overbreathtext {
127
- animation: 8s ease 0s infinite normal none running overbreathtext3;
128
- background-image: var(--ov-3);
129
- }
130
- .overbreathpart:nth-child(1) .overbreathroot {
131
- animation: overbreath1 8s infinite;
132
- }
133
- .overbreathpart:nth-child(2) .overbreathroot {
134
- animation: overbreath2 8s infinite;
135
- }
136
- .overbreathpart:nth-child(3) .overbreathroot {
137
- animation: overbreath3 8s infinite;
138
- }
139
- @keyframes overbreathtext1 {
140
- 0%,
141
- 16.667%,
142
- to {
143
- opacity: 1;
144
- }
145
- 33.333%,
146
- 83.333% {
147
- opacity: 0;
148
- }
149
- }
150
- @keyframes overbreathtext2 {
151
- 0%,
152
- to {
153
- opacity: 0;
154
- }
155
- 33.333%,
156
- 50% {
157
- opacity: 1;
158
- }
159
- 16.667%,
160
- 66.667% {
161
- opacity: 0;
162
- }
163
- }
164
- @keyframes overbreathtext3 {
165
- 0%,
166
- 50%,
167
- to {
168
- opacity: 0;
169
- }
170
- 66.667%,
171
- 83.333% {
172
- opacity: 1;
173
- }
174
- }
175
- @keyframes overbreath1 {
176
- 0%,
177
- 16.667%,
178
- to {
179
- opacity: 0;
180
- }
181
- 25%,
182
- 91.667% {
183
- opacity: 1;
184
- }
185
- }
186
- @keyframes overbreath2 {
187
- 0%,
188
- to {
189
- opacity: 1;
190
- }
191
- 33.333%,
192
- 50% {
193
- opacity: 0;
194
- }
195
- 25%,
196
- 58.333% {
197
- opacity: 1;
198
- }
199
- }
200
- @keyframes overbreath3 {
201
- 0%,
202
- 58.333%,
203
- 91.667%,
204
- to {
205
- opacity: 1;
206
- }
207
- 66.667%,
208
- 83.333% {
209
- opacity: 0;
210
- }
211
- }
212
- `,
213
- ];
214
- __decorate([
215
- property()
216
- ], OVText.prototype, "t1", void 0);
217
- __decorate([
218
- property()
219
- ], OVText.prototype, "t2", void 0);
220
- __decorate([
221
- property()
222
- ], OVText.prototype, "t3", void 0);
223
- OVText = __decorate([
224
- define("ov-text")
225
- ], OVText);
226
- export { OVText };
227
- let OVPort = class OVPort extends STD {
228
- render() {
229
- return html `<div class="overbreathflow"></div>
230
- <slot></slot>`;
231
- }
232
- };
233
- OVPort.styles = [
234
- theme,
235
- css `
236
- :host {
237
- z-index: 1;
238
- display: block;
239
- position: relative;
240
- width: 100%;
241
- height: 100%;
242
- border-radius: inherit;
243
- overflow: hidden;
244
- }
245
- .overbreathflow {
246
- z-index: -1;
247
- }
248
- `,
249
- ];
250
- OVPort = __decorate([
251
- define("ov-port")
252
- ], OVPort);
253
- export { OVPort };
254
- let OVButton = class OVButton extends STD {
255
- render() {
256
- return html `<div class="overbreathboard">
257
- <div class="overbreathflow"></div>
258
- <button><slot></slot></button>
259
- </div>`;
260
- }
261
- };
262
- OVButton.styles = [
263
- theme,
264
- css `
265
- :host {
266
- display: inline-block;
267
- width: fit-content;
268
- height: fit-content;
269
- background: var(--ov-port);
270
- color: var(--ov-text);
271
- border-radius: 0.375em;
272
- font-size: 1em;
273
- }
274
- .overbreathboard {
275
- color: currentColor;
276
- background: inherit;
277
- border-radius: inherit;
278
- display: flex;
279
- position: relative;
280
- width: 100%;
281
- height: 100%;
282
- }
283
- button {
284
- font-size: inherit;
285
- color: currentColor;
286
- background: inherit;
287
- width: 100%;
288
- margin: var(--ov-border);
289
- position: relative;
290
- z-index: 1;
291
- border: 0;
292
- border-radius: inherit;
293
- }
294
- `,
295
- ];
296
- OVButton = __decorate([
297
- define("ov-button")
298
- ], OVButton);
299
- export { OVButton };
@@ -1,20 +0,0 @@
1
- import STD from "./std.js";
2
- export declare class ROPort extends STD {
3
- index: number;
4
- autochange: number;
5
- static styles: import("lit").CSSResult;
6
- current: number;
7
- get assigned(): any;
8
- render(): import("lit-html").TemplateResult<1>;
9
- firstUpdated(): void;
10
- show(i: any): void;
11
- next(): void;
12
- prev(): void;
13
- }
14
- export default ROPort;
15
- declare global {
16
- interface HTMLElementTagNameMap {
17
- "ro-port": ROPort;
18
- }
19
- }
20
- //# sourceMappingURL=ro-effect.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ro-effect.d.ts","sourceRoot":"","sources":["../../src/effect/ro-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,MAAO,SAAQ,GAAG;IACD,KAAK,SAAK;IACV,UAAU,SAAK;IAC3C,MAAM,CAAC,MAAM,0BAyCX;IACF,OAAO,SAAK;IACZ,IAAI,QAAQ,IAAI,GAAG,CAElB;IACD,MAAM;IAWN,YAAY;IAeZ,IAAI,CAAC,CAAC,KAAA;IAYN,IAAI;IAKJ,IAAI;CAKL;AACD,eAAe,MAAM,CAAC;AACtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
@@ -1,22 +0,0 @@
1
- import STD from "./std.js";
2
- export declare class TWText extends STD {
3
- text: string;
4
- stopped: boolean;
5
- autochange: number;
6
- max: number;
7
- min: number;
8
- len: number;
9
- _timer: any[];
10
- static styles: import("lit").CSSResult;
11
- render(): import("lit-html").TemplateResult<1>;
12
- firstUpdated(): void;
13
- rewrite(): void;
14
- stop(): void;
15
- }
16
- export default TWText;
17
- declare global {
18
- interface HTMLElementTagNameMap {
19
- "tw-text": TWText;
20
- }
21
- }
22
- //# sourceMappingURL=tw-effect.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tw-effect.d.ts","sourceRoot":"","sources":["../../src/effect/tw-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,MAAO,SAAQ,GAAG;IACjB,IAAI,EAAE,MAAM,CAAa;IACR,OAAO,UAAS;IACjB,UAAU,SAAK;IACf,GAAG,SAAM;IACT,GAAG,SAAO;IAC7B,GAAG,SAAK;IACR,MAAM,QAAM;IACrB,MAAM,CAAC,MAAM,0BAkBX;IACF,MAAM;IAGN,YAAY;IAKZ,OAAO;IAyBP,IAAI;CAML;AAID,eAAe,MAAM,CAAC;AACtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
@@ -1,108 +0,0 @@
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, state } from "../deps.js";
8
- import STD from "./std.js";
9
- let TWText = class TWText extends STD {
10
- constructor() {
11
- super(...arguments);
12
- this.text = undefined;
13
- this.stopped = false;
14
- this.autochange = 0;
15
- this.max = 50;
16
- this.min = 500;
17
- this.len = 0;
18
- this._timer = [];
19
- }
20
- render() {
21
- return html `<slot></slot><i></i>`;
22
- }
23
- firstUpdated() {
24
- var _a;
25
- if (!this.text)
26
- this.text = ((_a = this.shadowRoot.querySelector("slot").assignedNodes()[0]) === null || _a === void 0 ? void 0 : _a.textContent.trim()) || "";
27
- this.len = this.text.length;
28
- if (!this.stopped && this.len)
29
- this.rewrite();
30
- }
31
- rewrite() {
32
- for (const timer of this._timer) {
33
- clearTimeout(timer);
34
- }
35
- this._timer = [];
36
- const text = this.shadowRoot.querySelector("slot").assignedNodes()[0];
37
- text.textContent = "";
38
- let delay = 0;
39
- let autochange = this.autochange ? this.autochange : random(this.min, this.max);
40
- this.text.split("").forEach((char) => {
41
- this._timer.push(setTimeout(() => {
42
- text.textContent += char;
43
- this.dispatchEvent(new CustomEvent("change"));
44
- if (this.len === text.textContent.length) {
45
- this.dispatchEvent(new CustomEvent("done", { detail: delay }));
46
- }
47
- }, delay));
48
- delay += autochange;
49
- if (!this.autochange) {
50
- autochange = random(this.min, this.max);
51
- }
52
- });
53
- }
54
- stop() {
55
- for (const timer of this._timer) {
56
- clearTimeout(timer);
57
- }
58
- this._timer = [];
59
- }
60
- };
61
- TWText.styles = css `
62
- :host {
63
- font-family: monospace;
64
- white-space: nowrap;
65
- }
66
- i {
67
- border-right: 1px solid;
68
- margin: 1px;
69
- animation: s 1.5s steps(1) infinite;
70
- }
71
- @keyframes s {
72
- 0% {
73
- border-color: currentColor;
74
- }
75
- 50% {
76
- border-color: transparent;
77
- }
78
- }
79
- `;
80
- __decorate([
81
- property()
82
- ], TWText.prototype, "text", void 0);
83
- __decorate([
84
- property({ type: Boolean })
85
- ], TWText.prototype, "stopped", void 0);
86
- __decorate([
87
- property({ type: Number })
88
- ], TWText.prototype, "autochange", void 0);
89
- __decorate([
90
- property({ type: Number })
91
- ], TWText.prototype, "max", void 0);
92
- __decorate([
93
- property({ type: Number })
94
- ], TWText.prototype, "min", void 0);
95
- __decorate([
96
- state()
97
- ], TWText.prototype, "len", void 0);
98
- __decorate([
99
- state()
100
- ], TWText.prototype, "_timer", void 0);
101
- TWText = __decorate([
102
- define("tw-text")
103
- ], TWText);
104
- export { TWText };
105
- function random(m = 0, n = 1) {
106
- return Math.random() * (n - m) + m;
107
- }
108
- export default TWText;
@@ -1,13 +0,0 @@
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
- //# sourceMappingURL=button-group.d.ts.map
@@ -1 +0,0 @@
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,79 +0,0 @@
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,23 +0,0 @@
1
- import STD from "./std.js";
2
- 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 declare class ExpInput extends STD {
4
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
5
- label: string;
6
- name: string;
7
- pla: any;
8
- type: inputtype | "textarea";
9
- value: string;
10
- def: string;
11
- base: "outline" | "filed" | "underline";
12
- offset: string;
13
- autofocus: boolean;
14
- _input: HTMLInputElement;
15
- render(): import("lit-html").TemplateResult<1>;
16
- }
17
- export default ExpInput;
18
- declare global {
19
- interface HTMLElementTagNameMap {
20
- "exp-input": ExpInput;
21
- }
22
- }
23
- //# sourceMappingURL=exp-input.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"exp-input.d.ts","sourceRoot":"","sources":["../../src/input-form/exp-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,KAAK,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;AACnO,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,4FA+IX;IACU,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,GAAG,UAAU,CAAU;IACtC,KAAK,SAAM;IACX,GAAG,SAAM;IACT,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAa;IACpD,MAAM,SAAM;IACK,SAAS,UAAS;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IAC1C,MAAM;CAeP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}