godown 3.0.0-canary.0 → 3.0.0-canary.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 (246) hide show
  1. package/dev/alert.d.ts +8 -0
  2. package/dev/alert.d.ts.map +1 -0
  3. package/dev/alert.js +4 -0
  4. package/dev/alert.js.map +1 -0
  5. package/dev/avatar.d.ts +8 -0
  6. package/dev/avatar.d.ts.map +1 -0
  7. package/dev/avatar.js +4 -0
  8. package/dev/avatar.js.map +1 -0
  9. package/dev/breath.d.ts +9 -0
  10. package/dev/breath.d.ts.map +1 -0
  11. package/dev/breath.js +5 -0
  12. package/dev/breath.js.map +1 -0
  13. package/dev/button.d.ts +8 -0
  14. package/dev/button.d.ts.map +1 -0
  15. package/dev/button.js +4 -0
  16. package/dev/button.js.map +1 -0
  17. package/dev/card.d.ts +8 -0
  18. package/dev/card.d.ts.map +1 -0
  19. package/dev/card.js +4 -0
  20. package/dev/card.js.map +1 -0
  21. package/dev/carousel.d.ts +8 -0
  22. package/dev/carousel.d.ts.map +1 -0
  23. package/dev/carousel.js +4 -0
  24. package/dev/carousel.js.map +1 -0
  25. package/dev/components/alert.d.ts +50 -0
  26. package/dev/components/alert.d.ts.map +1 -0
  27. package/dev/components/alert.js +234 -0
  28. package/dev/components/alert.js.map +1 -0
  29. package/dev/components/avatar.d.ts +26 -0
  30. package/dev/components/avatar.d.ts.map +1 -0
  31. package/dev/components/avatar.js +91 -0
  32. package/dev/components/avatar.js.map +1 -0
  33. package/dev/components/breath.d.ts +34 -0
  34. package/dev/components/breath.d.ts.map +1 -0
  35. package/dev/components/breath.js +133 -0
  36. package/dev/components/breath.js.map +1 -0
  37. package/dev/components/button.d.ts +45 -0
  38. package/dev/components/button.d.ts.map +1 -0
  39. package/dev/components/button.js +256 -0
  40. package/dev/components/button.js.map +1 -0
  41. package/dev/components/card.d.ts +20 -0
  42. package/dev/components/card.d.ts.map +1 -0
  43. package/dev/components/card.js +89 -0
  44. package/dev/components/card.js.map +1 -0
  45. package/dev/components/carousel.d.ts +40 -0
  46. package/dev/components/carousel.d.ts.map +1 -0
  47. package/dev/components/carousel.js +155 -0
  48. package/dev/components/carousel.js.map +1 -0
  49. package/dev/components/details.d.ts +20 -0
  50. package/dev/components/details.d.ts.map +1 -0
  51. package/dev/components/details.js +115 -0
  52. package/dev/components/details.js.map +1 -0
  53. package/dev/components/dialog.d.ts +33 -0
  54. package/dev/components/dialog.d.ts.map +1 -0
  55. package/dev/components/dialog.js +154 -0
  56. package/dev/components/dialog.js.map +1 -0
  57. package/dev/components/divider.d.ts +17 -0
  58. package/dev/components/divider.d.ts.map +1 -0
  59. package/dev/components/divider.js +46 -0
  60. package/dev/components/divider.js.map +1 -0
  61. package/dev/components/dragbox.d.ts +40 -0
  62. package/dev/components/dragbox.d.ts.map +1 -0
  63. package/dev/components/dragbox.js +117 -0
  64. package/dev/components/dragbox.js.map +1 -0
  65. package/dev/components/flex.d.ts +31 -0
  66. package/dev/components/flex.d.ts.map +1 -0
  67. package/dev/components/flex.js +52 -0
  68. package/dev/components/flex.js.map +1 -0
  69. package/dev/components/form.d.ts +24 -0
  70. package/dev/components/form.d.ts.map +1 -0
  71. package/dev/components/form.js +79 -0
  72. package/dev/components/form.js.map +1 -0
  73. package/dev/components/grid.d.ts +31 -0
  74. package/dev/components/grid.d.ts.map +1 -0
  75. package/dev/components/grid.js +53 -0
  76. package/dev/components/grid.js.map +1 -0
  77. package/dev/components/input.d.ts +20 -0
  78. package/dev/components/input.d.ts.map +1 -0
  79. package/dev/components/input.js +89 -0
  80. package/dev/components/input.js.map +1 -0
  81. package/dev/components/layout.d.ts +29 -0
  82. package/dev/components/layout.d.ts.map +1 -0
  83. package/dev/components/layout.js +69 -0
  84. package/dev/components/layout.js.map +1 -0
  85. package/dev/components/link.d.ts +20 -0
  86. package/dev/components/link.d.ts.map +1 -0
  87. package/dev/components/link.js +40 -0
  88. package/dev/components/link.js.map +1 -0
  89. package/dev/components/progress.d.ts +30 -0
  90. package/dev/components/progress.d.ts.map +1 -0
  91. package/dev/components/progress.js +108 -0
  92. package/dev/components/progress.js.map +1 -0
  93. package/dev/components/range.d.ts +60 -0
  94. package/dev/components/range.d.ts.map +1 -0
  95. package/dev/components/range.js +306 -0
  96. package/dev/components/range.js.map +1 -0
  97. package/dev/components/rotate.d.ts +26 -0
  98. package/dev/components/rotate.d.ts.map +1 -0
  99. package/dev/components/rotate.js +86 -0
  100. package/dev/components/rotate.js.map +1 -0
  101. package/dev/components/router.d.ts +121 -0
  102. package/dev/components/router.d.ts.map +1 -0
  103. package/dev/components/router.js +248 -0
  104. package/dev/components/router.js.map +1 -0
  105. package/dev/components/select.d.ts +50 -0
  106. package/dev/components/select.d.ts.map +1 -0
  107. package/dev/components/select.js +243 -0
  108. package/dev/components/select.js.map +1 -0
  109. package/dev/components/skeleton.d.ts +26 -0
  110. package/dev/components/skeleton.d.ts.map +1 -0
  111. package/dev/components/skeleton.js +119 -0
  112. package/dev/components/skeleton.js.map +1 -0
  113. package/dev/components/split.d.ts +32 -0
  114. package/dev/components/split.d.ts.map +1 -0
  115. package/dev/components/split.js +173 -0
  116. package/dev/components/split.js.map +1 -0
  117. package/dev/components/switch.d.ts +39 -0
  118. package/dev/components/switch.d.ts.map +1 -0
  119. package/dev/components/switch.js +183 -0
  120. package/dev/components/switch.js.map +1 -0
  121. package/dev/components/text.d.ts +19 -0
  122. package/dev/components/text.d.ts.map +1 -0
  123. package/dev/components/text.js +93 -0
  124. package/dev/components/text.js.map +1 -0
  125. package/dev/components/time.d.ts +53 -0
  126. package/dev/components/time.d.ts.map +1 -0
  127. package/dev/components/time.js +136 -0
  128. package/dev/components/time.js.map +1 -0
  129. package/dev/components/tooltip.d.ts +38 -0
  130. package/dev/components/tooltip.d.ts.map +1 -0
  131. package/dev/components/tooltip.js +114 -0
  132. package/dev/components/tooltip.js.map +1 -0
  133. package/dev/components/typewriter.d.ts +55 -0
  134. package/dev/components/typewriter.d.ts.map +1 -0
  135. package/dev/components/typewriter.js +156 -0
  136. package/dev/components/typewriter.js.map +1 -0
  137. package/dev/core/global-style.d.ts +21 -0
  138. package/dev/core/global-style.d.ts.map +1 -0
  139. package/dev/core/global-style.js +77 -0
  140. package/dev/core/global-style.js.map +1 -0
  141. package/dev/core/super-anchor.d.ts +15 -0
  142. package/dev/core/super-anchor.d.ts.map +1 -0
  143. package/dev/core/super-anchor.js +58 -0
  144. package/dev/core/super-anchor.js.map +1 -0
  145. package/dev/core/super-input.d.ts +39 -0
  146. package/dev/core/super-input.d.ts.map +1 -0
  147. package/dev/core/super-input.js +181 -0
  148. package/dev/core/super-input.js.map +1 -0
  149. package/dev/core/super-openable.d.ts +19 -0
  150. package/dev/core/super-openable.d.ts.map +1 -0
  151. package/dev/core/super-openable.js +36 -0
  152. package/dev/core/super-openable.js.map +1 -0
  153. package/dev/details.d.ts +8 -0
  154. package/dev/details.d.ts.map +1 -0
  155. package/dev/details.js +4 -0
  156. package/dev/details.js.map +1 -0
  157. package/dev/dialog.d.ts +8 -0
  158. package/dev/dialog.d.ts.map +1 -0
  159. package/dev/dialog.js +4 -0
  160. package/dev/dialog.js.map +1 -0
  161. package/dev/divider.d.ts +8 -0
  162. package/dev/divider.d.ts.map +1 -0
  163. package/dev/divider.js +4 -0
  164. package/dev/divider.js.map +1 -0
  165. package/dev/dragbox.d.ts +8 -0
  166. package/dev/dragbox.d.ts.map +1 -0
  167. package/dev/dragbox.js +4 -0
  168. package/dev/dragbox.js.map +1 -0
  169. package/dev/flex.d.ts +8 -0
  170. package/dev/flex.d.ts.map +1 -0
  171. package/dev/flex.js +4 -0
  172. package/dev/flex.js.map +1 -0
  173. package/dev/form.d.ts +8 -0
  174. package/dev/form.d.ts.map +1 -0
  175. package/dev/form.js +4 -0
  176. package/dev/form.js.map +1 -0
  177. package/dev/grid.d.ts +8 -0
  178. package/dev/grid.d.ts.map +1 -0
  179. package/dev/grid.js +4 -0
  180. package/dev/grid.js.map +1 -0
  181. package/dev/index.d.ts +29 -0
  182. package/dev/index.d.ts.map +1 -0
  183. package/dev/index.js +29 -0
  184. package/dev/index.js.map +1 -0
  185. package/dev/input.d.ts +9 -0
  186. package/dev/input.d.ts.map +1 -0
  187. package/dev/input.js +5 -0
  188. package/dev/input.js.map +1 -0
  189. package/dev/layout.d.ts +9 -0
  190. package/dev/layout.d.ts.map +1 -0
  191. package/dev/layout.js +5 -0
  192. package/dev/layout.js.map +1 -0
  193. package/dev/link.d.ts +9 -0
  194. package/dev/link.d.ts.map +1 -0
  195. package/dev/link.js +5 -0
  196. package/dev/link.js.map +1 -0
  197. package/dev/progress.d.ts +9 -0
  198. package/dev/progress.d.ts.map +1 -0
  199. package/dev/progress.js +5 -0
  200. package/dev/progress.js.map +1 -0
  201. package/dev/range.d.ts +9 -0
  202. package/dev/range.d.ts.map +1 -0
  203. package/dev/range.js +5 -0
  204. package/dev/range.js.map +1 -0
  205. package/dev/rotate.d.ts +9 -0
  206. package/dev/rotate.d.ts.map +1 -0
  207. package/dev/rotate.js +5 -0
  208. package/dev/rotate.js.map +1 -0
  209. package/dev/router.d.ts +9 -0
  210. package/dev/router.d.ts.map +1 -0
  211. package/dev/router.js +5 -0
  212. package/dev/router.js.map +1 -0
  213. package/dev/select.d.ts +9 -0
  214. package/dev/select.d.ts.map +1 -0
  215. package/dev/select.js +5 -0
  216. package/dev/select.js.map +1 -0
  217. package/dev/skeleton.d.ts +9 -0
  218. package/dev/skeleton.d.ts.map +1 -0
  219. package/dev/skeleton.js +5 -0
  220. package/dev/skeleton.js.map +1 -0
  221. package/dev/split.d.ts +9 -0
  222. package/dev/split.d.ts.map +1 -0
  223. package/dev/split.js +5 -0
  224. package/dev/split.js.map +1 -0
  225. package/dev/switch.d.ts +9 -0
  226. package/dev/switch.d.ts.map +1 -0
  227. package/dev/switch.js +5 -0
  228. package/dev/switch.js.map +1 -0
  229. package/dev/text.d.ts +9 -0
  230. package/dev/text.d.ts.map +1 -0
  231. package/dev/text.js +5 -0
  232. package/dev/text.js.map +1 -0
  233. package/dev/time.d.ts +9 -0
  234. package/dev/time.d.ts.map +1 -0
  235. package/dev/time.js +5 -0
  236. package/dev/time.js.map +1 -0
  237. package/dev/tooltip.d.ts +9 -0
  238. package/dev/tooltip.d.ts.map +1 -0
  239. package/dev/tooltip.js +5 -0
  240. package/dev/tooltip.js.map +1 -0
  241. package/dev/typewriter.d.ts +8 -0
  242. package/dev/typewriter.d.ts.map +1 -0
  243. package/dev/typewriter.js +4 -0
  244. package/dev/typewriter.js.map +1 -0
  245. package/package.json +3 -3
  246. package/web-types.json +1 -1
@@ -0,0 +1,55 @@
1
+ import { type PropertyValueMap } from "lit";
2
+ import { GlobalStyle } from "../core/global-style.js";
3
+ /**
4
+ * {@linkcode Typewriter} renders a typewriter effect to text.
5
+ *
6
+ * @category effect
7
+ */
8
+ declare class Typewriter extends GlobalStyle {
9
+ /**
10
+ * Raw text.
11
+ */
12
+ text: string;
13
+ /**
14
+ * Start immediately after {@linkcode Typewriter.firstUpdated}.
15
+ */
16
+ stopped: boolean;
17
+ /**
18
+ * If true, hide the cursor
19
+ */
20
+ ended: boolean;
21
+ /**
22
+ * Maximum random time.
23
+ */
24
+ max: number;
25
+ /**
26
+ * Minimum random time.
27
+ */
28
+ min: number;
29
+ /**
30
+ * Fixed time.
31
+ */
32
+ delay: number;
33
+ /**
34
+ * The index at the beginning.
35
+ */
36
+ index: number;
37
+ /**
38
+ * Internal text.
39
+ */
40
+ content: string;
41
+ timeoutID: number;
42
+ _i: HTMLElement;
43
+ /**
44
+ * {@linkcode Typewriter.text} length.
45
+ */
46
+ get len(): number;
47
+ protected render(): import("lit").TemplateResult<1>;
48
+ protected firstUpdated(): void;
49
+ protected updated(changedProperties: PropertyValueMap<this>): void;
50
+ write(at?: number): void;
51
+ stop(): void;
52
+ end(): void;
53
+ }
54
+ export default Typewriter;
55
+ //# sourceMappingURL=typewriter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../../src/components/typewriter.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cA+BM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,IAAI,SAAM;IACV;;OAEG;IAEH,OAAO,UAAS;IAChB;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,GAAG,SAAO;IACV;;OAEG;IAEH,GAAG,SAAM;IACT;;OAEG;IAEH,KAAK,SAAK;IACV;;OAEG;IAEH,KAAK,SAAK;IACV;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,EAAE,MAAM,CAAC;IAElB,EAAE,EAAE,WAAW,CAAC;IAEhB;;OAEG;IACH,IAAI,GAAG,WAEN;IAED,SAAS,CAAC,MAAM;IAQhB,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAM3D,KAAK,CAAC,EAAE,SAAa;IAYrB,IAAI;IAIJ,GAAG;CAGJ;AAED,eAAe,UAAU,CAAC"}
@@ -0,0 +1,156 @@
1
+ import { __decorate } from "tslib";
2
+ import { godown } from "@godown/element/decorators/godown.js";
3
+ import { styles } from "@godown/element/decorators/styles.js";
4
+ import { classList } from "@godown/element/directives/class-list.js";
5
+ import { htmlSlot } from "@godown/element/directives/html-slot.js";
6
+ import { random } from "@godown/element/tools/lib.js";
7
+ import { css, html } from "lit";
8
+ import { property, query, state } from "lit/decorators.js";
9
+ import { GlobalStyle, scopePrefix } from "../core/global-style.js";
10
+ const protoName = "typewriter";
11
+ const cssScope = scopePrefix(protoName);
12
+ /**
13
+ * {@linkcode Typewriter} renders a typewriter effect to text.
14
+ *
15
+ * @category effect
16
+ */
17
+ let Typewriter = class Typewriter extends GlobalStyle {
18
+ constructor() {
19
+ super(...arguments);
20
+ /**
21
+ * Raw text.
22
+ */
23
+ this.text = "";
24
+ /**
25
+ * Start immediately after {@linkcode Typewriter.firstUpdated}.
26
+ */
27
+ this.stopped = false;
28
+ /**
29
+ * If true, hide the cursor
30
+ */
31
+ this.ended = false;
32
+ /**
33
+ * Maximum random time.
34
+ */
35
+ this.max = 100;
36
+ /**
37
+ * Minimum random time.
38
+ */
39
+ this.min = 50;
40
+ /**
41
+ * Fixed time.
42
+ */
43
+ this.delay = 0;
44
+ /**
45
+ * The index at the beginning.
46
+ */
47
+ this.index = 0;
48
+ /**
49
+ * Internal text.
50
+ */
51
+ this.content = "";
52
+ }
53
+ /**
54
+ * {@linkcode Typewriter.text} length.
55
+ */
56
+ get len() {
57
+ return this.text.length;
58
+ }
59
+ render() {
60
+ return html `${htmlSlot()}${this.content}<i part="cursor" class="${classList({
61
+ hidden: this.ended,
62
+ })}"></i>`;
63
+ }
64
+ firstUpdated() {
65
+ if (!this.text) {
66
+ this.text = this._slot?.assignedNodes()[0]?.textContent.trim() || "";
67
+ }
68
+ if (!this.stopped && this.len) {
69
+ this.write();
70
+ }
71
+ }
72
+ updated(changedProperties) {
73
+ if (changedProperties.has("index")) {
74
+ this.dispatchEvent(new CustomEvent(this.index === this.len ? "done" : "write", { detail: this.content }));
75
+ }
76
+ }
77
+ write(at = this.index) {
78
+ this.content = this.text.slice(0, at + 1);
79
+ const timeout = this.delay || random(this.max, this.min);
80
+ this.timeoutID = window.setTimeout(() => {
81
+ const nx = at + 1;
82
+ if (nx <= this.len) {
83
+ this.index = nx;
84
+ this.write();
85
+ }
86
+ }, timeout);
87
+ }
88
+ stop() {
89
+ clearTimeout(this.timeoutID);
90
+ }
91
+ end() {
92
+ this.ended = true;
93
+ }
94
+ };
95
+ __decorate([
96
+ property()
97
+ ], Typewriter.prototype, "text", void 0);
98
+ __decorate([
99
+ property({ type: Boolean })
100
+ ], Typewriter.prototype, "stopped", void 0);
101
+ __decorate([
102
+ property({ type: Boolean })
103
+ ], Typewriter.prototype, "ended", void 0);
104
+ __decorate([
105
+ property({ type: Number })
106
+ ], Typewriter.prototype, "max", void 0);
107
+ __decorate([
108
+ property({ type: Number })
109
+ ], Typewriter.prototype, "min", void 0);
110
+ __decorate([
111
+ property({ type: Number })
112
+ ], Typewriter.prototype, "delay", void 0);
113
+ __decorate([
114
+ property({ type: Number })
115
+ ], Typewriter.prototype, "index", void 0);
116
+ __decorate([
117
+ state()
118
+ ], Typewriter.prototype, "content", void 0);
119
+ __decorate([
120
+ query("i")
121
+ ], Typewriter.prototype, "_i", void 0);
122
+ Typewriter = __decorate([
123
+ godown(protoName),
124
+ styles(css `
125
+ :host {
126
+ ${cssScope}--cursor-width: .05em;
127
+ font-family: monospace;
128
+ white-space: nowrap;
129
+ }
130
+
131
+ i {
132
+ border-right: var(${cssScope}--cursor-width) solid;
133
+ margin-left: 0.02em;
134
+ animation: s 1.5s steps(1) infinite;
135
+ }
136
+
137
+ @keyframes s {
138
+ 0% {
139
+ border-color: currentColor;
140
+ }
141
+ 50% {
142
+ border-color: transparent;
143
+ }
144
+ }
145
+
146
+ slot {
147
+ display: none;
148
+ }
149
+
150
+ .hidden {
151
+ visibility: hidden;
152
+ }
153
+ `)
154
+ ], Typewriter);
155
+ export default Typewriter;
156
+ //# sourceMappingURL=typewriter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typewriter.js","sourceRoot":"","sources":["../../src/components/typewriter.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,21 @@
1
+ import { type Gradients, presetsRGB } from "@godown/colors/presets-rgb.js";
2
+ import GodownElement from "@godown/element";
3
+ import { CSSResult } from "lit";
4
+ export declare class GlobalStyle extends GodownElement {
5
+ }
6
+ export declare function scopePrefix(scope: string, len?: number): CSSResult;
7
+ export declare function variablePrefix(variable: string): CSSResult;
8
+ export declare const cssGlobalVars: {
9
+ foreground: CSSResult;
10
+ background: CSSResult;
11
+ clipBackground: CSSResult;
12
+ active: CSSResult;
13
+ passive: CSSResult;
14
+ _colors: PresetsGradientsCSSResult;
15
+ input: CSSResult;
16
+ white: CSSResult;
17
+ black: CSSResult;
18
+ };
19
+ type PresetsGradientsCSSResult = Record<keyof typeof presetsRGB, Gradients<CSSResult>>;
20
+ export {};
21
+ //# sourceMappingURL=global-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"global-style.d.ts","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAO,SAAS,EAAa,MAAM,KAAK,CAAC;AAIhD,qBAAa,WAAY,SAAQ,aAAa;CAC7C;AAID,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,aAEjD;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,aAE9C;AAED,eAAO,MAAM,aAAa;;;;;;aAMT,yBAAyB;;;;CAIzC,CAAC;AAEF,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC"}
@@ -0,0 +1,77 @@
1
+ import { presetsRGB } from "@godown/colors/presets-rgb.js";
2
+ import { travel } from "@godown/colors/travel.js";
3
+ import GodownElement from "@godown/element";
4
+ import GodownConfig from "@godown/element/config.js";
5
+ import { trim } from "@godown/element/tools/lib.js";
6
+ import { css, unsafeCSS } from "lit";
7
+ GodownElement.godownConfig ||= new GodownConfig();
8
+ export class GlobalStyle extends GodownElement {
9
+ }
10
+ const cssvar = trim(GlobalStyle.godownConfig.prefix, "-");
11
+ export function scopePrefix(scope, len = 1) {
12
+ return variablePrefix(cssvar + "-".repeat(len) + scope);
13
+ }
14
+ export function variablePrefix(variable) {
15
+ return unsafeCSS("--" + variable);
16
+ }
17
+ export const cssGlobalVars = {
18
+ foreground: scopePrefix("foreground", 2),
19
+ background: scopePrefix("background", 2),
20
+ clipBackground: scopePrefix("clip-background", 2),
21
+ active: scopePrefix("active", 2),
22
+ passive: scopePrefix("passive", 2),
23
+ _colors: {},
24
+ input: scopePrefix("input", 2),
25
+ white: scopePrefix("color-white", 2),
26
+ black: scopePrefix("color-black", 2),
27
+ };
28
+ GlobalStyle.styles = [
29
+ unsafeCSS(":host{"
30
+ + `${cssGlobalVars.black}:rgb(0 0 0);`
31
+ + `${cssGlobalVars.white}:rgb(255 255 255);`
32
+ + travel((key, gradient, rgb) => {
33
+ cssGlobalVars._colors[key] ||= [];
34
+ cssGlobalVars._colors[key].push(unsafeCSS(scopePrefix("color", 2) + "-" + key + "-" + gradient));
35
+ const endKey = `-${key}-${gradient}`;
36
+ const colorKey = scopePrefix("color", 2) + endKey;
37
+ return `${colorKey}:rgb(${rgb});`;
38
+ }, presetsRGB).join("")
39
+ + "}"),
40
+ css `
41
+ :host {
42
+ ${cssGlobalVars.background}: var(${cssGlobalVars._colors.darkgray[9]});
43
+ ${cssGlobalVars.foreground}: var(${cssGlobalVars._colors.lightgray[0]});
44
+ ${cssGlobalVars.active}: var(${cssGlobalVars._colors.blue[6]});
45
+ ${cssGlobalVars.passive}: var(${cssGlobalVars._colors.darkgray[6]});
46
+ ${cssGlobalVars.clipBackground}: linear-gradient(180deg, var(${cssGlobalVars.foreground}), var(${cssGlobalVars.passive}));
47
+ }
48
+ `,
49
+ css `
50
+ * {
51
+ border: 0;
52
+ outline: 0;
53
+ margin: 0;
54
+ padding: 0;
55
+ font-size: 100%;
56
+ font-style: normal;
57
+ box-sizing: border-box;
58
+ }
59
+
60
+ :host {
61
+ box-sizing: border-box;
62
+ }
63
+
64
+ a {
65
+ text-decoration: none;
66
+ }
67
+
68
+ span {
69
+ white-space: nowrap;
70
+ }
71
+
72
+ svg {
73
+ user-select: none;
74
+ }
75
+ `,
76
+ ];
77
+ //# sourceMappingURL=global-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"global-style.js","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import { GlobalStyle } from "./global-style.js";
2
+ declare class SuperAnchor extends GlobalStyle {
3
+ /**
4
+ * A element href.
5
+ */
6
+ href: string;
7
+ /**
8
+ * A element target.
9
+ */
10
+ target: "_blank" | "_self" | "_parent" | "_top";
11
+ protected render(): import("lit").TemplateResult<1>;
12
+ protected _handleClick(_: MouseEvent): void;
13
+ }
14
+ export default SuperAnchor;
15
+ //# sourceMappingURL=super-anchor.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAqBM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAa;IACzB;;OAEG;IAEH,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IAE1D,SAAS,CAAC,MAAM;IAOhB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CACrC;AAED,eAAe,WAAW,CAAC"}
@@ -0,0 +1,58 @@
1
+ import { __decorate } from "tslib";
2
+ import { styles } from "@godown/element/decorators/index.js";
3
+ import { htmlSlot } from "@godown/element/directives/html-slot.js";
4
+ import { css, html } from "lit";
5
+ import { property } from "lit/decorators.js";
6
+ import { ifDefined } from "lit/directives/if-defined.js";
7
+ import { GlobalStyle } from "./global-style.js";
8
+ let SuperAnchor = class SuperAnchor extends GlobalStyle {
9
+ constructor() {
10
+ super(...arguments);
11
+ /**
12
+ * A element href.
13
+ */
14
+ this.href = undefined;
15
+ /**
16
+ * A element target.
17
+ */
18
+ this.target = "_self";
19
+ }
20
+ render() {
21
+ return html `<a part="root" href="${ifDefined(this.href)}" target="${this.target}" @click=${this._handleClick}>
22
+ ${htmlSlot()}
23
+ </a>`;
24
+ }
25
+ // eslint-disable-next-line
26
+ _handleClick(_) { }
27
+ };
28
+ __decorate([
29
+ property()
30
+ ], SuperAnchor.prototype, "href", void 0);
31
+ __decorate([
32
+ property()
33
+ ], SuperAnchor.prototype, "target", void 0);
34
+ SuperAnchor = __decorate([
35
+ styles(css `
36
+ :host {
37
+ display: inline-block;
38
+ color: currentColor;
39
+ text-decoration: none;
40
+ cursor: default;
41
+ }
42
+
43
+ :host([href]) {
44
+ cursor: pointer;
45
+ }
46
+
47
+ a {
48
+ width: 100%;
49
+ display: flex;
50
+ color: inherit;
51
+ text-decoration: inherit;
52
+ justify-content: space-between;
53
+ align-items: center;
54
+ }
55
+ `)
56
+ ], SuperAnchor);
57
+ export default SuperAnchor;
58
+ //# sourceMappingURL=super-anchor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"super-anchor.js","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAuBhD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAArC;;QACE;;WAEG;QAEH,SAAI,GAAW,SAAS,CAAC;QACzB;;WAEG;QAEH,WAAM,GAA4C,OAAO,CAAC;IAU5D,CAAC;IARW,MAAM;QACd,OAAO,IAAI,CAAA,wBAAwB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,YAAY;QACxG,QAAQ,EAAE;SACT,CAAC;IACR,CAAC;IAED,2BAA2B;IACjB,YAAY,CAAC,CAAa,IAAG,CAAC;CACzC,CAAA;AAfC;IADC,QAAQ,EAAE;yCACc;AAKzB;IADC,QAAQ,EAAE;2CAC+C;AAVtD,WAAW;IArBhB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBV,CAAC;GACI,WAAW,CAoBhB;AAED,eAAe,WAAW,CAAC"}
@@ -0,0 +1,39 @@
1
+ import { type HandlerEvent } from "@godown/element/element.js";
2
+ import { GlobalStyle } from "./global-style.js";
3
+ declare class SuperInput extends GlobalStyle {
4
+ autofocus: boolean;
5
+ autocomplete: string | boolean;
6
+ disabled: boolean;
7
+ type: InputType;
8
+ placeholder: string;
9
+ label: string;
10
+ name: string;
11
+ value: any;
12
+ /**
13
+ * default property records the default or initial value and is used to reset the input.
14
+ */
15
+ default: any;
16
+ _input: HTMLInputElement;
17
+ /**
18
+ * Returns true when the input is compositing.
19
+ */
20
+ compositing: boolean;
21
+ set defaultValue(value: typeof this.default);
22
+ get defaultValue(): typeof this.default;
23
+ makeId: string;
24
+ namevalue(): [string, any];
25
+ nameValue: () => [string, any];
26
+ reset(): void;
27
+ protected _handleInput(e: HandlerEvent<HTMLInputElement>): void;
28
+ connectedCallback(): void;
29
+ protected _connectedInit(): void;
30
+ protected _compositionInit(): void;
31
+ protected _changeInputType(t: typeof this.type): void;
32
+ focus(options?: FocusOptions): void;
33
+ protected firstUpdated(): void;
34
+ protected _renderPrefix(): import("lit").TemplateResult<1>;
35
+ protected _renderSuffix(): import("lit").TemplateResult<1>;
36
+ }
37
+ export default SuperInput;
38
+ type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
39
+ //# sourceMappingURL=super-input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../../src/core/super-input.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,OAAO,EAAiB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgE/D,cACM,UAAW,SAAQ,WAAW;IAClC,SAAS,EAAE,OAAO,CAAC;IAEnB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,QAAQ,EAAE,OAAO,CAAC;IAGlB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,MAAM,CAAC;IAGd,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,GAAG,CAAC;IAEX;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,MAAM,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,MAAM,SAAuC;IAE7C,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,QAJI,CAAC,MAAM,EAAE,GAAG,CAAC,CAIC;IAE3B,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC;IAgBxD,iBAAiB;IAKjB,SAAS,CAAC,cAAc;IAKxB,SAAS,CAAC,gBAAgB;IAU1B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,IAAI;IAM9C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,aAAa;IAMvB,SAAS,CAAC,aAAa;CAiBxB;AAED,eAAe,UAAU,CAAC;AAE1B,KAAK,SAAS,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}
@@ -0,0 +1,181 @@
1
+ import { __decorate } from "tslib";
2
+ import { part } from "@godown/element/decorators/part.js";
3
+ import { styles } from "@godown/element/decorators/styles.js";
4
+ import { htmlSlot } from "@godown/element/directives/index.js";
5
+ import iconEyeSlashFill from "@godown/f7-icon/icons/eye-slash-fill.js";
6
+ import { css, html } from "lit";
7
+ import { property } from "lit/decorators.js";
8
+ import { cssGlobalVars, GlobalStyle } from "./global-style.js";
9
+ const fieldStyle = css `
10
+ .input-field {
11
+ display: flex;
12
+ position: relative;
13
+ align-items: center;
14
+ border-radius: inherit;
15
+ height: inherit;
16
+ }
17
+
18
+ .input-field input {
19
+ background: transparent;
20
+ }
21
+
22
+ .input-field:focus-within,
23
+ .input-field.outline {
24
+ box-shadow: var(${cssGlobalVars.input}-box-shadow);
25
+ }
26
+
27
+ .input-field i {
28
+ display: flex;
29
+ align-items: center;
30
+ justify-content: center;
31
+ }
32
+
33
+ .input-field label {
34
+ height: 100%;
35
+ display: flex;
36
+ }
37
+
38
+ .input-field [part="space"]{
39
+ width: var(${cssGlobalVars.input}-space);
40
+ }
41
+
42
+ input::-ms-reveal,
43
+ input::-ms-clear {
44
+ display: none;
45
+ }
46
+ `;
47
+ const inputStyle = css `
48
+ :host {
49
+ ${cssGlobalVars.input}-width: 10em;
50
+ ${cssGlobalVars.input}-height: 1.6em;
51
+ ${cssGlobalVars.input}-space: 0.2em;
52
+ ${cssGlobalVars.input}-background: var(${cssGlobalVars.background});
53
+ ${cssGlobalVars.input}-control: var(${cssGlobalVars.foreground});
54
+ ${cssGlobalVars.input}-control-edge: var(${cssGlobalVars.active});
55
+ ${cssGlobalVars.input}-radius: 0.2em;
56
+ ${cssGlobalVars.input}-box-shadow: 0px 0px 0px .1em var(${cssGlobalVars.active});
57
+ border-radius: var(${cssGlobalVars.input}-radius);
58
+ }
59
+
60
+ :host([disabled]) {
61
+ cursor: not-allowed;
62
+ filter: brightness(0.85);
63
+ }
64
+
65
+ input:disabled {
66
+ cursor: inherit;
67
+ }
68
+ `;
69
+ let SuperInput = class SuperInput extends GlobalStyle {
70
+ constructor() {
71
+ super(...arguments);
72
+ this.makeId = Math.random().toString(36).slice(1);
73
+ this.nameValue = this.namevalue;
74
+ }
75
+ set defaultValue(value) {
76
+ this.default = value;
77
+ }
78
+ get defaultValue() {
79
+ return this.default;
80
+ }
81
+ namevalue() {
82
+ return [this.name, this.value];
83
+ }
84
+ reset() {
85
+ this.value = this.default;
86
+ this._input.value = this.default;
87
+ }
88
+ _handleInput(e) {
89
+ e.stopPropagation();
90
+ if (this.compositing) {
91
+ return;
92
+ }
93
+ this.value = e.target.value?.trim();
94
+ this.dispatchEvent(new CustomEvent("input", {
95
+ detail: this.value,
96
+ bubbles: true,
97
+ composed: true,
98
+ }));
99
+ this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
100
+ }
101
+ connectedCallback() {
102
+ super.connectedCallback();
103
+ this._connectedInit();
104
+ }
105
+ _connectedInit() {
106
+ this.default ??= this.value || "";
107
+ this.value ??= this.default;
108
+ }
109
+ _compositionInit() {
110
+ if (this._input) {
111
+ this.events.add(this._input, "compositionstart", () => this.compositing = true);
112
+ this.events.add(this._input, "compositionend", (e) => {
113
+ this.compositing = false;
114
+ this._handleInput(e);
115
+ });
116
+ }
117
+ }
118
+ _changeInputType(t) {
119
+ if (this._input) {
120
+ this._input.type = t;
121
+ }
122
+ }
123
+ focus(options) {
124
+ this._input?.focus(options);
125
+ }
126
+ firstUpdated() {
127
+ this._compositionInit();
128
+ }
129
+ _renderPrefix() {
130
+ return html `<label for=${this.makeId} part="prefix">
131
+ <i part="space"></i>
132
+ ${htmlSlot("prefix")}</label>`;
133
+ }
134
+ _renderSuffix() {
135
+ const PASSWORD = "password";
136
+ return html `<label for=${this.makeId} part="suffix">${this.type === "password"
137
+ ? html `<i
138
+ part="icon"
139
+ @mousedown="${() => this._changeInputType("text")}"
140
+ @mouseup="${() => this._changeInputType(PASSWORD)}"
141
+ @mouseleave="${() => this._changeInputType(PASSWORD)}"
142
+ >
143
+ <i part="space"></i>
144
+ ${iconEyeSlashFill()}</i>`
145
+ : htmlSlot("suffix")}
146
+ <i part="space"></i>
147
+ </label>`;
148
+ }
149
+ };
150
+ __decorate([
151
+ property()
152
+ ], SuperInput.prototype, "autocomplete", void 0);
153
+ __decorate([
154
+ property({ type: Boolean, reflect: true })
155
+ ], SuperInput.prototype, "disabled", void 0);
156
+ __decorate([
157
+ property({ reflect: true })
158
+ ], SuperInput.prototype, "type", void 0);
159
+ __decorate([
160
+ property({ reflect: true })
161
+ ], SuperInput.prototype, "placeholder", void 0);
162
+ __decorate([
163
+ property({ reflect: true })
164
+ ], SuperInput.prototype, "label", void 0);
165
+ __decorate([
166
+ property({ reflect: true })
167
+ ], SuperInput.prototype, "name", void 0);
168
+ __decorate([
169
+ property()
170
+ ], SuperInput.prototype, "value", void 0);
171
+ __decorate([
172
+ property()
173
+ ], SuperInput.prototype, "default", void 0);
174
+ __decorate([
175
+ part("input")
176
+ ], SuperInput.prototype, "_input", void 0);
177
+ SuperInput = __decorate([
178
+ styles(fieldStyle, inputStyle)
179
+ ], SuperInput);
180
+ export default SuperInput;
181
+ //# sourceMappingURL=super-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"super-input.js","sourceRoot":"","sources":["../../src/core/super-input.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ import { type PropertyValueMap } from "lit";
2
+ import { GlobalStyle } from "./global-style.js";
3
+ declare class SuperOpenable extends GlobalStyle {
4
+ /**
5
+ * Open the content.
6
+ */
7
+ open: boolean;
8
+ toggle(to?: boolean): void;
9
+ close(): void;
10
+ show(): void;
11
+ protected updated(changedProperties: PropertyValueMap<this>): void;
12
+ protected _handelClick(_: MouseEvent): void;
13
+ }
14
+ export default SuperOpenable;
15
+ export type Direction4 = "left" | "right" | "top" | "bottom";
16
+ export type Direction5 = Direction4 | "center";
17
+ export type Direction8 = Direction4 | "top-left" | "top-right" | "bottom-left" | "bottom-right";
18
+ export type Direction9 = Direction8 | Direction5;
19
+ //# sourceMappingURL=super-openable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAAM,aAAc,SAAQ,WAAW;IACrC;;OAEG;IAEH,IAAI,UAAS;IAEb,MAAM,CAAC,EAAE,UAAa;IAItB,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAQ3D,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAGrC;AAED,eAAe,aAAa,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC"}