godown 1.2.0 → 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 (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 +7 -7
  52. package/input-form/base-input.d.ts.map +1 -1
  53. package/input-form/base-input.js +38 -27
  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 +5 -5
  60. package/input-form/label-input.d.ts.map +1 -1
  61. package/input-form/label-input.js +43 -33
  62. package/input-form/label-input.js.map +1 -0
  63. package/input-form/search-input.d.ts +6 -16
  64. package/input-form/search-input.d.ts.map +1 -1
  65. package/input-form/search-input.js +31 -141
  66. package/input-form/search-input.js.map +1 -0
  67. package/input-form/select-input.d.ts +5 -6
  68. package/input-form/select-input.d.ts.map +1 -1
  69. package/input-form/select-input.js +44 -50
  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 -3
  76. package/input-form/split-input.d.ts.map +1 -1
  77. package/input-form/split-input.js +27 -22
  78. package/input-form/split-input.js.map +1 -0
  79. package/input-form/std.d.ts +12 -8
  80. package/input-form/std.d.ts.map +1 -1
  81. package/input-form/std.js +58 -16
  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 +3 -3
  88. package/items/alert-item.d.ts.map +1 -1
  89. package/items/alert-item.js +91 -95
  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 +184 -140
  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 +17 -13
  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 +20 -0
  124. package/items/time-bar.d.ts.map +1 -0
  125. package/items/time-bar.js +90 -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
@@ -1 +1 @@
1
- {"version":3,"file":"alert-item.d.ts","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,0BAsFX;IACU,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAU;IAClD,SAAS,SAAQ;IACjC,KAAK,SAAM;IACX,OAAO,SAAM;IACzB,MAAM;IAeN,KAAK;CAMN;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
1
+ {"version":3,"file":"alert-item.d.ts","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAUhC,qBACa,SAAU,SAAQ,QAAQ;IACrC,MAAM,CAAC,MAAM,4BA2EX;IACU,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAU;IAClD,SAAS,SAAQ;IACjC,KAAK,SAAM;IACX,OAAO,SAAM;IAEzB,MAAM;IAcN,KAAK;CAMN;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
@@ -4,9 +4,17 @@ 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, define, cssvar } from "../deps.js";
8
- import STD from "./std.js";
9
- let AlertItem = class AlertItem extends STD {
7
+ import { constructCSS, css, cssvar, define, html, property, unsafeCSS } from "../deps.js";
8
+ import { htmlSlot, svgX } from "../tmpl.js";
9
+ import ItemsSTD from "./std.js";
10
+ const vars = ["color", "background", "border", "super"].map((v) => `${cssvar}--${v}`);
11
+ const styles = {
12
+ ".success": ["#3c763d", "#dff0d8", "#d6e9c6", "#2b542c"],
13
+ ".info": ["#31708f", "#d9edf7", "#bce8f1", "#245269"],
14
+ ".warning": ["#8a6d3b", "#fcf8e3", "#faebcc", "#66512c"],
15
+ ".danger": ["#a94442", "#f2dede", "#ebccd1", "#843534"],
16
+ };
17
+ let AlertItem = class AlertItem extends ItemsSTD {
10
18
  constructor() {
11
19
  super(...arguments);
12
20
  this.call = "info";
@@ -17,17 +25,15 @@ let AlertItem = class AlertItem extends STD {
17
25
  render() {
18
26
  if (this.autoclose)
19
27
  setTimeout(() => this.close(), this.autoclose);
20
- return html `<div class="${this.call} alert" role="alert">
28
+ return html ` <div class="${this.call} alert" role="alert">
21
29
  <section class="content">
22
- <strong><slot name="title"></slot>${this.title}</strong>
23
- <slot></slot>${this.content}
30
+ <strong>
31
+ <slot name="title"></slot>
32
+ ${this.title}</strong
33
+ >
34
+ ${htmlSlot()}${this.content}
24
35
  </section>
25
- <aside class="close" @click=${this.close}>
26
- <svg viewBox="0 0 48 48" fill="none">
27
- <path d="M14 14L34 34" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
28
- <path d="M14 34L34 14" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
29
- </svg>
30
- </aside>
36
+ <aside class="close" @click="${this.close}">${svgX()}</aside>
31
37
  </div>`;
32
38
  }
33
39
  close() {
@@ -37,93 +43,82 @@ let AlertItem = class AlertItem extends STD {
37
43
  }, 300);
38
44
  }
39
45
  };
40
- AlertItem.styles = css `
41
- :host {
42
- margin: 0.1em auto;
43
- width: 100%;
44
- display: inline-block;
45
- }
46
- .hide {
47
- opacity: 0;
48
- transform: translateY(-50%);
49
- }
50
- .success {
51
- ${cssvar}--color: #3c763d;
52
- ${cssvar}--super: #2b542c;
53
- ${cssvar}--background: #dff0d8;
54
- ${cssvar}--border: #d6e9c6;
55
- }
56
- .info {
57
- ${cssvar}--color: #31708f;
58
- ${cssvar}--background: #d9edf7;
59
- ${cssvar}--border: #bce8f1;
60
- ${cssvar}--super: #245269;
61
- }
62
- .warning {
63
- ${cssvar}--color: #8a6d3b;
64
- ${cssvar}--background: #fcf8e3;
65
- ${cssvar}--border: #faebcc;
66
- ${cssvar}--super: #66512c;
67
- }
68
- .danger {
69
- ${cssvar}--color: #a94442;
70
- ${cssvar}--background: #f2dede;
71
- ${cssvar}--border: #ebccd1;
72
- ${cssvar}--super: #843534;
73
- }
74
- .alert {
75
- display: flex;
76
- justify-content: space-between;
77
- padding: 0.2em 0.5em;
78
- border: 1px solid transparent;
79
- border-radius: 4px;
80
- transition: all 0.25s;
81
- color: var(${cssvar}--color);
82
- background-color: var(${cssvar}--background);
83
- border-color: var(${cssvar}--border);
84
- animation: alert 0.25s ease-in-out;
85
- }
86
- @keyframes alert {
87
- 0% {
46
+ AlertItem.styles = [
47
+ unsafeCSS(constructCSS(vars, styles)),
48
+ css `
49
+ :host {
50
+ margin: 0.1em auto;
51
+ width: 100%;
52
+ display: inline-block;
53
+ }
54
+
55
+ .hide {
88
56
  opacity: 0;
89
57
  transform: translateY(-50%);
90
58
  }
91
- 100% {
92
- opacity: 1;
93
- transform: translateY(0);
59
+
60
+ .alert {
61
+ display: flex;
62
+ justify-content: space-between;
63
+ padding: 0.2em 0.5em;
64
+ border: 1px solid;
65
+ border-radius: 4px;
66
+ transition: all 0.25s;
67
+ color: var(${cssvar}--color);
68
+ background-color: var(${cssvar}--background);
69
+ border-color: var(${cssvar}--border);
70
+ animation: alert 0.25s ease-in-out;
94
71
  }
95
- }
96
- section.content {
97
- margin: 0 0.25em 0 0.35em;
98
- min-height: 1.6em;
99
- line-height: 1.6em;
100
- }
101
- aside.close {
102
- height: fit-content;
103
- width: fit-content;
104
- border-radius: 50%;
105
- transition: all 0.3s;
106
- }
107
- aside.close:hover {
108
- backdrop-filter: contrast(115%);
109
- }
110
- svg {
111
- display: block;
112
- height: 1.6em;
113
- width: 1.6em;
114
- }
115
- aside.close:hover path {
116
- stroke: var(${cssvar}--super);
117
- }
118
- path {
119
- stroke: var(${cssvar}--color);
120
- transition: all 0.3s;
121
- }
122
- .alert ::slotted(a) {
123
- font-weight: bold;
124
- color: var(${cssvar}--super);
125
- }
126
- `;
72
+
73
+ @keyframes alert {
74
+ 0% {
75
+ opacity: 0;
76
+ transform: translateY(-50%);
77
+ }
78
+ 100% {
79
+ opacity: 1;
80
+ transform: translateY(0);
81
+ }
82
+ }
83
+
84
+ section.content {
85
+ margin: 0 0.25em 0 0.35em;
86
+ min-height: 1.6em;
87
+ line-height: 1.6em;
88
+ }
89
+
90
+ aside.close {
91
+ height: fit-content;
92
+ width: fit-content;
93
+ border-radius: 50%;
94
+ transition: all 0.3s;
95
+ }
96
+
97
+ aside.close:hover {
98
+ backdrop-filter: contrast(115%);
99
+ }
100
+
101
+ svg {
102
+ display: block;
103
+ height: 1.6em;
104
+ width: 1.6em;
105
+ }
106
+
107
+ aside.close:hover path {
108
+ stroke: var(${cssvar}--super);
109
+ }
110
+
111
+ path {
112
+ stroke: var(${cssvar}--color);
113
+ transition: all 0.3s;
114
+ }
115
+
116
+ .alert ::slotted(a) {
117
+ font-weight: bold;
118
+ color: var(${cssvar}--super);
119
+ }
120
+ `,
121
+ ];
127
122
  __decorate([
128
123
  property()
129
124
  ], AlertItem.prototype, "call", void 0);
@@ -141,3 +136,4 @@ AlertItem = __decorate([
141
136
  ], AlertItem);
142
137
  export { AlertItem };
143
138
  export default AlertItem;
139
+ //# sourceMappingURL=alert-item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert-item.js","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,KAAK,CAAC,EAAE,CAAC,CAAC;AACtF,MAAM,MAAM,GAAG;IACb,UAAU,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACxD,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACrD,UAAU,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACxD,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;CACxD,CAAC;AAGK,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,QAAQ;IAAhC;;QA6EO,SAAI,GAAuD,MAAM,CAAC;QAClD,cAAS,GAAG,IAAI,CAAC;QACjC,UAAK,GAAG,EAAE,CAAC;QACX,YAAO,GAAG,EAAE,CAAC;IAsB3B,CAAC;IApBC,MAAM;QACJ,IAAI,IAAI,CAAC,SAAS;YAAE,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACnE,OAAO,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI;;;;YAI5B,IAAI,CAAC,KAAK;;UAEZ,QAAQ,EAAE,GAAG,IAAI,CAAC,OAAO;;qCAEE,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;WAC/C,CAAC;IACV,CAAC;IAED,KAAK;QACH,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC9D,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;;AApGM,gBAAM,GAAG;IACd,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACrC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;qBAmBc,MAAM;gCACK,MAAM;4BACV,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuCZ,MAAM;;;;sBAIN,MAAM;;;;;;qBAMP,MAAM;;KAEtB;CACF,AA3EY,CA2EX;AACU;IAAX,QAAQ,EAAE;uCAAmE;AAClD;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAkB;AACjC;IAAX,QAAQ,EAAE;wCAAY;AACX;IAAX,QAAQ,EAAE;0CAAc;AAhFd,SAAS;IADrB,MAAM,CAAC,YAAY,CAAC;GACR,SAAS,CAsGrB;;AAED,eAAe,SAAS,CAAC"}
@@ -0,0 +1,17 @@
1
+ import ItemsSTD from "./std.js";
2
+ export declare class AvatarA extends ItemsSTD {
3
+ static styles: import("lit").CSSResult;
4
+ src: string;
5
+ href: any;
6
+ name: string;
7
+ more: number;
8
+ render(): import("lit").TemplateResult<1>;
9
+ render_ava(): import("lit").TemplateResult<1>;
10
+ }
11
+ export default AvatarA;
12
+ declare global {
13
+ interface HTMLElementTagNameMap {
14
+ "avatar-a": AvatarA;
15
+ }
16
+ }
17
+ //# sourceMappingURL=avatar-a.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar-a.d.ts","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,qBACa,OAAQ,SAAQ,QAAQ;IACnC,MAAM,CAAC,MAAM,0BA4CX;IACU,GAAG,SAAM;IACT,IAAI,MAAa;IACjB,IAAI,SAAM;IACM,IAAI,SAAK;IAErC,MAAM;IAON,UAAU;CAeX;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
@@ -0,0 +1,102 @@
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, define, html, ifDefined, property } from "../deps.js";
8
+ import { htmlSlot } from "../tmpl.js";
9
+ import ItemsSTD from "./std.js";
10
+ let AvatarA = class AvatarA extends ItemsSTD {
11
+ constructor() {
12
+ super(...arguments);
13
+ this.src = "";
14
+ this.href = undefined;
15
+ this.name = "";
16
+ this.more = 0;
17
+ }
18
+ render() {
19
+ return html `
20
+ <a href="${ifDefined(this.href)}"> ${this.render_ava()} ${htmlSlot("mask")} </a>
21
+ ${htmlSlot()}
22
+ `;
23
+ }
24
+ render_ava() {
25
+ if (this.more) {
26
+ const more = this.more > 99 ? "..." : this.more;
27
+ return html `<span>+${more}</span>`;
28
+ }
29
+ if (this.src) {
30
+ return html `<img src="${this.src}" alt="${this.name}" />`;
31
+ }
32
+ if (this.name) {
33
+ let name = this.name.slice(0, 2);
34
+ name = name[0].toUpperCase() + name.slice(1);
35
+ return html `<span>${name}</span>`;
36
+ }
37
+ return html `<slot name="avatar"></slot>`;
38
+ }
39
+ };
40
+ AvatarA.styles = css `
41
+ :host {
42
+ height: fit-content;
43
+ ${cssvar}--ava: 2em;
44
+ display: inline-flex;
45
+ align-items: center;
46
+ }
47
+
48
+ * {
49
+ border-radius: inherit;
50
+ }
51
+
52
+ img {
53
+ width: 100%;
54
+ height: 100%;
55
+ }
56
+
57
+ a {
58
+ color: inherit;
59
+ height: var(${cssvar}--ava);
60
+ width: var(${cssvar}--ava);
61
+ min-height: var(${cssvar}--ava);
62
+ min-width: var(${cssvar}--ava);
63
+ display: flex;
64
+ position: relative;
65
+ }
66
+
67
+ span {
68
+ position: absolute;
69
+ height: 100%;
70
+ width: 100%;
71
+ display: flex;
72
+ align-items: center;
73
+ justify-content: center;
74
+ }
75
+
76
+ slot[name="mask"] {
77
+ position: absolute;
78
+ display: flex;
79
+ width: 100%;
80
+ height: 100%;
81
+ align-items: center;
82
+ justify-content: center;
83
+ }
84
+ `;
85
+ __decorate([
86
+ property()
87
+ ], AvatarA.prototype, "src", void 0);
88
+ __decorate([
89
+ property()
90
+ ], AvatarA.prototype, "href", void 0);
91
+ __decorate([
92
+ property()
93
+ ], AvatarA.prototype, "name", void 0);
94
+ __decorate([
95
+ property({ type: Number })
96
+ ], AvatarA.prototype, "more", void 0);
97
+ AvatarA = __decorate([
98
+ define("avatar-a")
99
+ ], AvatarA);
100
+ export { AvatarA };
101
+ export default AvatarA;
102
+ //# sourceMappingURL=avatar-a.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar-a.js","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAGzB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,QAAQ;IAA9B;;QA8CO,QAAG,GAAG,EAAE,CAAC;QACT,SAAI,GAAG,SAAS,CAAC;QACjB,SAAI,GAAG,EAAE,CAAC;QACM,SAAI,GAAG,CAAC,CAAC;IAwBvC,CAAC;IAtBC,MAAM;QACJ,OAAO,IAAI,CAAA;iBACE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,QAAQ,CAAC,MAAM,CAAC;QACxE,QAAQ,EAAE;KACb,CAAC;IACJ,CAAC;IAED,UAAU;QACR,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YAChD,OAAO,IAAI,CAAA,UAAU,IAAI,SAAS,CAAC;SACpC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,IAAI,MAAM,CAAC;SAC3D;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7C,OAAO,IAAI,CAAA,SAAS,IAAI,SAAS,CAAC;SACnC;QACD,OAAO,IAAI,CAAA,6BAA6B,CAAC;IAC3C,CAAC;;AAvEM,cAAM,GAAG,GAAG,CAAA;;;QAGb,MAAM;;;;;;;;;;;;;;;;oBAgBM,MAAM;mBACP,MAAM;wBACD,MAAM;uBACP,MAAM;;;;;;;;;;;;;;;;;;;;;;GAsB1B,AA5CY,CA4CX;AACU;IAAX,QAAQ,EAAE;oCAAU;AACT;IAAX,QAAQ,EAAE;qCAAkB;AACjB;IAAX,QAAQ,EAAE;qCAAW;AACM;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAU;AAjD1B,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAyEnB;;AAED,eAAe,OAAO,CAAC"}
@@ -1,12 +1,29 @@
1
- import STD from "./std.js";
2
- export declare class BaseButton extends STD {
3
- static styles: import("lit").CSSResult[];
1
+ import ItemsSTD from "./std.js";
2
+ declare const colors: {
3
+ black: string[];
4
+ white: string[];
5
+ red: string[];
6
+ green: string[];
7
+ blue: string[];
8
+ yellow: string[];
9
+ };
10
+ export declare class BaseButton extends ItemsSTD {
4
11
  disabled: boolean;
12
+ outline: boolean;
5
13
  ghost: boolean;
6
- href: string;
7
- target: string;
8
- color: "black" | "white" | "yellow" | "gary" | "red" | "blue" | "green";
14
+ active: boolean;
15
+ color: "none" | keyof typeof colors;
16
+ text: string;
17
+ static styles: import("lit").CSSResult[];
18
+ _i: HTMLElement;
19
+ _b: HTMLElement;
20
+ _div: HTMLButtonElement;
9
21
  render(): import("lit").TemplateResult<1>;
22
+ focus(): void;
23
+ blur(): void;
24
+ protected firstUpdated(): void;
25
+ protected _handleModal(e: MouseEvent): void;
26
+ protected _handleClick(e: MouseEvent): void;
10
27
  }
11
28
  export default BaseButton;
12
29
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../src/items/base-button.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAiI3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,4BAA2B;IACX,QAAQ,UAAS;IACjB,KAAK,UAAS;IAC/B,IAAI,EAAE,MAAM,CAAa;IACzB,MAAM,EAAE,MAAM,CAAa;IAC3B,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAW;IAC9F,MAAM;CAGP;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
1
+ {"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../src/items/base-button.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAGhC,QAAA,MAAM,MAAM;;;;;;;CAOX,CAAC;AAIF,qBACa,UAAW,SAAQ,QAAQ;IACT,QAAQ,UAAS;IACjB,OAAO,UAAS;IACD,KAAK,UAAS;IACd,MAAM,UAAS;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC/D,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,4BAmGX;IACU,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,MAAM;IAkBN,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,YAAY;IAgBtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAWpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAOrC;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}