@jalvin/ui 2.0.43 → 2.0.45
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.
- package/dist/annotated-string.d.ts +2 -4
- package/dist/annotated-string.d.ts.map +1 -1
- package/dist/annotated-string.js +19 -17
- package/dist/annotated-string.js.map +1 -1
- package/dist/button.d.ts +2 -3
- package/dist/button.d.ts.map +1 -1
- package/dist/button.js +8 -12
- package/dist/button.js.map +1 -1
- package/dist/canvas.d.ts +3 -3
- package/dist/canvas.d.ts.map +1 -1
- package/dist/canvas.js +31 -40
- package/dist/canvas.js.map +1 -1
- package/dist/checkbox.d.ts +1 -2
- package/dist/checkbox.d.ts.map +1 -1
- package/dist/checkbox.js +18 -11
- package/dist/checkbox.js.map +1 -1
- package/dist/image.d.ts +4 -6
- package/dist/image.d.ts.map +1 -1
- package/dist/image.js +32 -21
- package/dist/image.js.map +1 -1
- package/dist/index.d.ts +15 -14
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +17 -19
- package/dist/index.js.map +1 -1
- package/dist/input.d.ts +1 -3
- package/dist/input.d.ts.map +1 -1
- package/dist/input.js +20 -13
- package/dist/input.js.map +1 -1
- package/dist/interaction.d.ts.map +1 -1
- package/dist/interaction.js +9 -27
- package/dist/interaction.js.map +1 -1
- package/dist/layout.d.ts +3 -7
- package/dist/layout.d.ts.map +1 -1
- package/dist/layout.js +10 -10
- package/dist/layout.js.map +1 -1
- package/dist/spacer.d.ts +2 -3
- package/dist/spacer.d.ts.map +1 -1
- package/dist/spacer.js +5 -5
- package/dist/spacer.js.map +1 -1
- package/dist/surface.d.ts +9 -10
- package/dist/surface.d.ts.map +1 -1
- package/dist/surface.js +30 -13
- package/dist/surface.js.map +1 -1
- package/dist/text.d.ts +3 -5
- package/dist/text.d.ts.map +1 -1
- package/dist/text.js +23 -12
- package/dist/text.js.map +1 -1
- package/dist/textarea.d.ts +1 -3
- package/dist/textarea.d.ts.map +1 -1
- package/dist/textarea.js +20 -13
- package/dist/textarea.js.map +1 -1
- package/dist/typography.d.ts +101 -129
- package/dist/typography.d.ts.map +1 -1
- package/dist/typography.js +29 -25
- package/dist/typography.js.map +1 -1
- package/package.json +1 -1
- package/dist/__tests__/annotated-string.test.d.ts +0 -2
- package/dist/__tests__/annotated-string.test.d.ts.map +0 -1
- package/dist/__tests__/annotated-string.test.js +0 -310
- package/dist/__tests__/annotated-string.test.js.map +0 -1
- package/dist/__tests__/interaction.test.d.ts +0 -2
- package/dist/__tests__/interaction.test.d.ts.map +0 -1
- package/dist/__tests__/interaction.test.js +0 -292
- package/dist/__tests__/interaction.test.js.map +0 -1
- package/dist/__tests__/modifier.test.d.ts +0 -2
- package/dist/__tests__/modifier.test.d.ts.map +0 -1
- package/dist/__tests__/modifier.test.js +0 -189
- package/dist/__tests__/modifier.test.js.map +0 -1
- package/dist/__tests__/setup.d.ts +0 -2
- package/dist/__tests__/setup.d.ts.map +0 -1
- package/dist/__tests__/setup.js +0 -2
- package/dist/__tests__/setup.js.map +0 -1
- package/dist/__tests__/text.test.d.ts +0 -2
- package/dist/__tests__/text.test.d.ts.map +0 -1
- package/dist/__tests__/text.test.js +0 -62
- package/dist/__tests__/text.test.js.map +0 -1
- package/dist/__tests__/windowsizeclass.test.d.ts +0 -2
- package/dist/__tests__/windowsizeclass.test.d.ts.map +0 -1
- package/dist/__tests__/windowsizeclass.test.js +0 -141
- package/dist/__tests__/windowsizeclass.test.js.map +0 -1
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import type { CSSProperties } from "react";
|
|
3
1
|
export declare class TextDecoration {
|
|
4
2
|
readonly mask: number;
|
|
5
3
|
static readonly None: TextDecoration;
|
|
@@ -20,7 +18,7 @@ export interface SpanStyle {
|
|
|
20
18
|
background?: string;
|
|
21
19
|
textDecoration?: TextDecoration;
|
|
22
20
|
}
|
|
23
|
-
export declare function spanStyleToCSS(styles: SpanStyle[]):
|
|
21
|
+
export declare function spanStyleToCSS(styles: SpanStyle[]): Record<string, any>;
|
|
24
22
|
export interface TextLinkStyles {
|
|
25
23
|
style?: SpanStyle;
|
|
26
24
|
focusedStyle?: SpanStyle;
|
|
@@ -72,6 +70,6 @@ declare class AnnotatedStringBuilder {
|
|
|
72
70
|
}
|
|
73
71
|
/** Build an AnnotatedString using a fluent builder block. */
|
|
74
72
|
export declare function buildAnnotatedString(block: (builder: AnnotatedStringBuilder) => void): AnnotatedString;
|
|
75
|
-
export declare function renderAnnotatedString(ann: AnnotatedString):
|
|
73
|
+
export declare function renderAnnotatedString(ann: AnnotatedString): Node[];
|
|
76
74
|
export {};
|
|
77
75
|
//# sourceMappingURL=annotated-string.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"annotated-string.d.ts","sourceRoot":"","sources":["../src/annotated-string.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"annotated-string.d.ts","sourceRoot":"","sources":["../src/annotated-string.ts"],"names":[],"mappings":"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"}
|
package/dist/annotated-string.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jalvinCreateElement } from "@jalvin/runtime";
|
|
2
2
|
// ---------------------------------------------------------------------------
|
|
3
3
|
// TextDecoration
|
|
4
4
|
// ---------------------------------------------------------------------------
|
|
@@ -152,7 +152,7 @@ export function buildAnnotatedString(block) {
|
|
|
152
152
|
return builder.build();
|
|
153
153
|
}
|
|
154
154
|
// ---------------------------------------------------------------------------
|
|
155
|
-
// Rendering helper — converts AnnotatedString to
|
|
155
|
+
// Rendering helper — converts AnnotatedString to Nodes
|
|
156
156
|
// ---------------------------------------------------------------------------
|
|
157
157
|
/** Default link style applied when the link has no explicit SpanStyle. */
|
|
158
158
|
const defaultLinkStyle = {
|
|
@@ -173,11 +173,13 @@ export function renderAnnotatedString(ann) {
|
|
|
173
173
|
positions.add(l.end);
|
|
174
174
|
}
|
|
175
175
|
const sorted = Array.from(positions).sort((a, b) => a - b);
|
|
176
|
-
|
|
176
|
+
const nodes = [];
|
|
177
|
+
for (let i = 0; i < sorted.length - 1; i++) {
|
|
178
|
+
const start = sorted[i];
|
|
177
179
|
const end = sorted[i + 1];
|
|
178
180
|
const segment = text.slice(start, end);
|
|
179
181
|
if (!segment)
|
|
180
|
-
|
|
182
|
+
continue;
|
|
181
183
|
// All spans whose range fully covers this segment
|
|
182
184
|
const activeSpans = spanStyles.filter(s => s.start <= start && s.end >= end).map(s => s.item);
|
|
183
185
|
const activeLinks = linkAnnotations.filter(l => l.start <= start && l.end >= end);
|
|
@@ -189,36 +191,36 @@ export function renderAnnotatedString(ann) {
|
|
|
189
191
|
const appliedStyle = linkStyle
|
|
190
192
|
? { ...defaultLinkStyle, ...spanStyleToCSS([linkStyle]), ...css }
|
|
191
193
|
: { ...defaultLinkStyle, ...css };
|
|
192
|
-
|
|
193
|
-
key: start,
|
|
194
|
+
nodes.push(jalvinCreateElement("a", {
|
|
194
195
|
href: link.url,
|
|
195
196
|
target: "_blank",
|
|
196
197
|
rel: "noopener noreferrer",
|
|
197
198
|
style: appliedStyle,
|
|
198
|
-
}, segment);
|
|
199
|
+
}, [document.createTextNode(segment)]));
|
|
200
|
+
continue;
|
|
199
201
|
}
|
|
200
202
|
if (link.type === "clickable") {
|
|
201
203
|
const linkStyle = link.styles?.style;
|
|
202
204
|
const appliedStyle = linkStyle
|
|
203
205
|
? { ...defaultLinkStyle, ...spanStyleToCSS([linkStyle]), ...css }
|
|
204
206
|
: { ...defaultLinkStyle, ...css };
|
|
205
|
-
|
|
206
|
-
key: start,
|
|
207
|
+
nodes.push(jalvinCreateElement("span", {
|
|
207
208
|
role: "link",
|
|
208
209
|
tabIndex: 0,
|
|
209
210
|
style: appliedStyle,
|
|
210
211
|
onClick: () => link.onClick(link.tag),
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
},
|
|
215
|
-
}, segment);
|
|
212
|
+
}, [document.createTextNode(segment)]));
|
|
213
|
+
// Note: KeyDown handler omitted for brevity in vanilla version for now
|
|
214
|
+
continue;
|
|
216
215
|
}
|
|
217
216
|
}
|
|
218
217
|
if (Object.keys(css).length > 0) {
|
|
219
|
-
|
|
218
|
+
nodes.push(jalvinCreateElement("span", { style: css }, [document.createTextNode(segment)]));
|
|
220
219
|
}
|
|
221
|
-
|
|
222
|
-
|
|
220
|
+
else {
|
|
221
|
+
nodes.push(document.createTextNode(segment));
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
return nodes;
|
|
223
225
|
}
|
|
224
226
|
//# sourceMappingURL=annotated-string.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"annotated-string.js","sourceRoot":"","sources":["../src/annotated-string.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"annotated-string.js","sourceRoot":"","sources":["../src/annotated-string.ts"],"names":[],"mappings":"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"}
|
package/dist/button.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { Modifier } from "./modifier.js";
|
|
3
2
|
export type ButtonVariant = "filled" | "outlined" | "text" | "tonal";
|
|
4
3
|
export interface ButtonProps {
|
|
@@ -11,7 +10,7 @@ export interface ButtonProps {
|
|
|
11
10
|
type?: "button" | "submit" | "reset";
|
|
12
11
|
}
|
|
13
12
|
/** Button element. */
|
|
14
|
-
export declare function Button({ text, innerHTML: html, onClick, modifier, enabled, type }: ButtonProps, children?:
|
|
13
|
+
export declare function Button({ text, innerHTML: html, onClick, modifier, enabled, type }: ButtonProps, children?: Node[]): HTMLElement;
|
|
15
14
|
export interface IconButtonProps {
|
|
16
15
|
innerHTML?: string;
|
|
17
16
|
onClick?: () => void;
|
|
@@ -21,5 +20,5 @@ export interface IconButtonProps {
|
|
|
21
20
|
"aria-label"?: string;
|
|
22
21
|
}
|
|
23
22
|
/** Icon-only circular button. */
|
|
24
|
-
export declare function IconButton({ innerHTML, onClick, modifier, enabled, type, "aria-label": ariaLabel }: IconButtonProps, children?:
|
|
23
|
+
export declare function IconButton({ innerHTML, onClick, modifier, enabled, type, "aria-label": ariaLabel }: IconButtonProps, children?: Node[]): HTMLElement;
|
|
25
24
|
//# sourceMappingURL=button.d.ts.map
|
package/dist/button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAG7D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAqBrE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,sBAAsB;AACtB,wBAAgB,MAAM,CACpB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAc,EAAE,IAAe,EAAE,EAAE,WAAW,EAC1F,QAAQ,CAAC,EAAE,IAAI,EAAE,GAChB,WAAW,CAwBb;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iCAAiC;AACjC,wBAAgB,UAAU,CACxB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAc,EAAE,IAAe,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,eAAe,EAC3G,QAAQ,CAAC,EAAE,IAAI,EAAE,GAChB,WAAW,CAwBb"}
|
package/dist/button.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jalvinCreateElement } from "@jalvin/runtime";
|
|
2
2
|
/** Button element. */
|
|
3
3
|
export function Button({ text, innerHTML: html, onClick, modifier, enabled = true, type = "button" }, children) {
|
|
4
4
|
const modProps = modifier?.toProps() ?? {};
|
|
@@ -19,13 +19,11 @@ export function Button({ text, innerHTML: html, onClick, modifier, enabled = tru
|
|
|
19
19
|
style: modProps.style,
|
|
20
20
|
};
|
|
21
21
|
if (html !== undefined) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
dangerouslySetInnerHTML: { __html: html },
|
|
25
|
-
});
|
|
22
|
+
baseProps.innerHTML = html;
|
|
23
|
+
return jalvinCreateElement("button", baseProps, []);
|
|
26
24
|
}
|
|
27
|
-
const childNodes = text !== undefined ? [text] : (children ?? []);
|
|
28
|
-
return
|
|
25
|
+
const childNodes = text !== undefined ? [document.createTextNode(text)] : (children ?? []);
|
|
26
|
+
return jalvinCreateElement("button", baseProps, childNodes);
|
|
29
27
|
}
|
|
30
28
|
/** Icon-only circular button. */
|
|
31
29
|
export function IconButton({ innerHTML, onClick, modifier, enabled = true, type = "button", "aria-label": ariaLabel }, children) {
|
|
@@ -48,11 +46,9 @@ export function IconButton({ innerHTML, onClick, modifier, enabled = true, type
|
|
|
48
46
|
"aria-label": ariaLabel,
|
|
49
47
|
};
|
|
50
48
|
if (innerHTML !== undefined) {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
dangerouslySetInnerHTML: { __html: innerHTML },
|
|
54
|
-
});
|
|
49
|
+
baseProps.innerHTML = innerHTML;
|
|
50
|
+
return jalvinCreateElement("button", baseProps, []);
|
|
55
51
|
}
|
|
56
|
-
return
|
|
52
|
+
return jalvinCreateElement("button", baseProps, children ?? []);
|
|
57
53
|
}
|
|
58
54
|
//# sourceMappingURL=button.js.map
|
package/dist/button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAiCtD,sBAAsB;AACtB,MAAM,UAAU,MAAM,CACpB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAe,EAC1F,QAAiB;IAEjB,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAoB;QACjC,IAAI;QACJ,QAAQ,EAAE,CAAC,OAAO;QAClB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAE,OAAe,CAAC,CAAC,CAAC,SAAS;QAC/C,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,WAAW,EAAE,QAAQ,CAAC,WAAW;QACjC,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,UAAU,EAAE,QAAQ,CAAC,UAAU;QAC/B,aAAa,EAAE,QAAQ,CAAC,aAAa;QACrC,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,KAAK,EAAE,QAAQ,CAAC,KAAK;KACtB,CAAC;IACF,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC;QAC3B,OAAO,mBAAmB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;IACtD,CAAC;IACD,MAAM,UAAU,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAC3F,OAAO,mBAAmB,CAAC,QAAQ,EAAE,SAAgB,EAAE,UAAU,CAAC,CAAC;AACrE,CAAC;AAWD,iCAAiC;AACjC,MAAM,UAAU,UAAU,CACxB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAmB,EAC3G,QAAiB;IAEjB,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAoB;QACjC,IAAI;QACJ,QAAQ,EAAE,CAAC,OAAO;QAClB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAE,OAAe,CAAC,CAAC,CAAC,SAAS;QAC/C,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,WAAW,EAAE,QAAQ,CAAC,WAAW;QACjC,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,UAAU,EAAE,QAAQ,CAAC,UAAU;QAC/B,aAAa,EAAE,QAAQ,CAAC,aAAa;QACrC,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,YAAY,EAAE,SAAS;KACxB,CAAC;IACF,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC;QAChC,OAAO,mBAAmB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;IACtD,CAAC;IACD,OAAO,mBAAmB,CAAC,QAAQ,EAAE,SAAgB,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC;AACzE,CAAC"}
|
package/dist/canvas.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { Modifier } from "./modifier.js";
|
|
3
|
-
export interface CanvasProps
|
|
2
|
+
export interface CanvasProps {
|
|
4
3
|
modifier?: Modifier;
|
|
5
4
|
/** CSS pixel width of the canvas drawing surface. */
|
|
6
5
|
width?: number;
|
|
@@ -12,7 +11,8 @@ export interface CanvasProps extends Omit<React.CanvasHTMLAttributes<HTMLCanvasE
|
|
|
12
11
|
clearBeforeDraw?: boolean;
|
|
13
12
|
/** Override devicePixelRatio used for backing-store scaling. */
|
|
14
13
|
pixelRatio?: number;
|
|
14
|
+
className?: string;
|
|
15
15
|
}
|
|
16
16
|
/** Canvas drawing surface. */
|
|
17
|
-
export declare function Canvas({ modifier, width, height, draw, clearBeforeDraw, pixelRatio, className,
|
|
17
|
+
export declare function Canvas({ modifier, width, height, draw, clearBeforeDraw, pixelRatio, className, }: CanvasProps): HTMLElement;
|
|
18
18
|
//# sourceMappingURL=canvas.d.ts.map
|
package/dist/canvas.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../src/canvas.
|
|
1
|
+
{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../src/canvas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1E,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,8BAA8B;AAC9B,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,eAAsB,EACtB,UAAU,EACV,SAAS,GACV,EAAE,WAAW,GAAG,WAAW,CAmD3B"}
|
package/dist/canvas.js
CHANGED
|
@@ -1,16 +1,29 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jalvinCreateElement } from "@jalvin/runtime";
|
|
2
2
|
function joinClassNames(...classNames) {
|
|
3
3
|
const value = classNames.filter(Boolean).join(" ").trim();
|
|
4
4
|
return value.length > 0 ? value : undefined;
|
|
5
5
|
}
|
|
6
6
|
/** Canvas drawing surface. */
|
|
7
|
-
export function Canvas({ modifier, width, height, draw, clearBeforeDraw = true, pixelRatio, className,
|
|
8
|
-
const ref = React.useRef(null);
|
|
7
|
+
export function Canvas({ modifier, width, height, draw, clearBeforeDraw = true, pixelRatio, className, }) {
|
|
9
8
|
const modProps = modifier?.toProps() ?? {};
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
const canvas = jalvinCreateElement("canvas", {
|
|
10
|
+
className: joinClassNames(modProps.className, className),
|
|
11
|
+
onMouseEnter: modProps.onMouseEnter,
|
|
12
|
+
onMouseLeave: modProps.onMouseLeave,
|
|
13
|
+
onFocus: modProps.onFocus,
|
|
14
|
+
onBlur: modProps.onBlur,
|
|
15
|
+
onMouseDown: modProps.onMouseDown,
|
|
16
|
+
onMouseUp: modProps.onMouseUp,
|
|
17
|
+
onTouchStart: modProps.onTouchStart,
|
|
18
|
+
onTouchEnd: modProps.onTouchEnd,
|
|
19
|
+
onTouchCancel: modProps.onTouchCancel,
|
|
20
|
+
style: {
|
|
21
|
+
width: width !== undefined ? `${width}px` : undefined,
|
|
22
|
+
height: height !== undefined ? `${height}px` : undefined,
|
|
23
|
+
...modProps.style,
|
|
24
|
+
},
|
|
25
|
+
}, []);
|
|
26
|
+
const drawFrame = () => {
|
|
14
27
|
const cssWidth = Math.max(1, Math.floor(width ?? (canvas.clientWidth || 300)));
|
|
15
28
|
const cssHeight = Math.max(1, Math.floor(height ?? (canvas.clientHeight || 150)));
|
|
16
29
|
const dpr = Math.max(1, pixelRatio ?? (typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1));
|
|
@@ -27,39 +40,17 @@ export function Canvas({ modifier, width, height, draw, clearBeforeDraw = true,
|
|
|
27
40
|
if (clearBeforeDraw)
|
|
28
41
|
ctx.clearRect(0, 0, cssWidth, cssHeight);
|
|
29
42
|
draw?.(ctx, canvas);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
43
|
+
};
|
|
44
|
+
// In vanilla mode, we trigger draw immediately.
|
|
45
|
+
// For dynamic resizing, we'd need ResizeObserver which we can set up here.
|
|
46
|
+
if (typeof window !== "undefined") {
|
|
47
|
+
requestAnimationFrame(drawFrame);
|
|
48
|
+
if (width === undefined || height === undefined) {
|
|
49
|
+
const observer = new ResizeObserver(() => drawFrame());
|
|
50
|
+
observer.observe(canvas);
|
|
51
|
+
// Note: No cleanup mechanism here for vanilla version yet
|
|
38
52
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
});
|
|
42
|
-
observer.observe(canvas);
|
|
43
|
-
return () => observer.disconnect();
|
|
44
|
-
}, [drawFrame, height, width]);
|
|
45
|
-
return React.createElement("canvas", {
|
|
46
|
-
ref,
|
|
47
|
-
...domProps,
|
|
48
|
-
className: joinClassNames(modProps.className, className),
|
|
49
|
-
onMouseEnter: modProps.onMouseEnter,
|
|
50
|
-
onMouseLeave: modProps.onMouseLeave,
|
|
51
|
-
onFocus: modProps.onFocus,
|
|
52
|
-
onBlur: modProps.onBlur,
|
|
53
|
-
onMouseDown: modProps.onMouseDown,
|
|
54
|
-
onMouseUp: modProps.onMouseUp,
|
|
55
|
-
onTouchStart: modProps.onTouchStart,
|
|
56
|
-
onTouchEnd: modProps.onTouchEnd,
|
|
57
|
-
onTouchCancel: modProps.onTouchCancel,
|
|
58
|
-
style: {
|
|
59
|
-
width: width !== undefined ? `${width}px` : undefined,
|
|
60
|
-
height: height !== undefined ? `${height}px` : undefined,
|
|
61
|
-
...modProps.style,
|
|
62
|
-
},
|
|
63
|
-
});
|
|
53
|
+
}
|
|
54
|
+
return canvas;
|
|
64
55
|
}
|
|
65
56
|
//# sourceMappingURL=canvas.js.map
|
package/dist/canvas.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../src/canvas.
|
|
1
|
+
{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../src/canvas.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAiBtD,SAAS,cAAc,CAAC,GAAG,UAAqC;IAC9D,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;IAC1D,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AAC9C,CAAC;AAED,8BAA8B;AAC9B,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,UAAU,EACV,SAAS,GACG;IACZ,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAE3C,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,EAAE;QAC3C,SAAS,EAAE,cAAc,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;QACxD,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,WAAW,EAAE,QAAQ,CAAC,WAAW;QACjC,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,UAAU,EAAE,QAAQ,CAAC,UAAU;QAC/B,aAAa,EAAE,QAAQ,CAAC,aAAa;QACrC,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS;YACrD,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,SAAS;YACxD,GAAG,QAAQ,CAAC,KAAK;SAClB;KACF,EAAE,EAAE,CAAsB,CAAC;IAE5B,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;QAC/E,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;QAClF,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,IAAI,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE1G,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC;QAC7D,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC;QAC/D,IAAI,MAAM,CAAC,KAAK,KAAK,YAAY;YAAE,MAAM,CAAC,KAAK,GAAG,YAAY,CAAC;QAC/D,IAAI,MAAM,CAAC,MAAM,KAAK,aAAa;YAAE,MAAM,CAAC,MAAM,GAAG,aAAa,CAAC;QAEnE,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,GAAG,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,IAAI,eAAe;YAAE,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;QAC9D,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,iDAAiD;IACjD,2EAA2E;IAC3E,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,qBAAqB,CAAC,SAAS,CAAC,CAAC;QACjC,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YAChD,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC;YACvD,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACzB,0DAA0D;QAC5D,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
package/dist/checkbox.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { Modifier } from "./modifier.js";
|
|
3
2
|
export interface CheckboxProps {
|
|
4
3
|
checked?: boolean;
|
|
@@ -13,5 +12,5 @@ export interface CheckboxProps {
|
|
|
13
12
|
autoFocus?: boolean;
|
|
14
13
|
}
|
|
15
14
|
/** Boolean toggle input. */
|
|
16
|
-
export declare function Checkbox({ checked, onCheckedChange, modifier, enabled, label, supportingText, isError, onFocus, onBlur, autoFocus, }: CheckboxProps):
|
|
15
|
+
export declare function Checkbox({ checked, onCheckedChange, modifier, enabled, label, supportingText, isError, onFocus, onBlur, autoFocus, }: CheckboxProps): HTMLElement;
|
|
17
16
|
//# sourceMappingURL=checkbox.d.ts.map
|
package/dist/checkbox.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../src/checkbox.
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../src/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,4BAA4B;AAC5B,wBAAgB,QAAQ,CAAC,EACvB,OAAe,EACf,eAAe,EACf,QAAQ,EACR,OAAc,EACd,KAAK,EACL,cAAc,EACd,OAAe,EACf,OAAO,EACP,MAAM,EACN,SAAS,GACV,EAAE,aAAa,GAAG,WAAW,CAkD7B"}
|
package/dist/checkbox.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jalvinCreateElement } from "@jalvin/runtime";
|
|
2
2
|
/** Boolean toggle input. */
|
|
3
3
|
export function Checkbox({ checked = false, onCheckedChange, modifier, enabled = true, label, supportingText, isError = false, onFocus, onBlur, autoFocus, }) {
|
|
4
4
|
const modProps = modifier?.toProps() ?? {};
|
|
5
|
-
const input =
|
|
5
|
+
const input = jalvinCreateElement("input", {
|
|
6
6
|
type: "checkbox",
|
|
7
7
|
checked,
|
|
8
8
|
disabled: !enabled,
|
|
@@ -17,19 +17,26 @@ export function Checkbox({ checked = false, onCheckedChange, modifier, enabled =
|
|
|
17
17
|
accentColor: isError ? "#b00020" : "#2563eb",
|
|
18
18
|
cursor: enabled ? "pointer" : "not-allowed",
|
|
19
19
|
},
|
|
20
|
-
});
|
|
21
|
-
const
|
|
20
|
+
}, []);
|
|
21
|
+
const contentNodes = [];
|
|
22
|
+
if (label) {
|
|
23
|
+
contentNodes.push(jalvinCreateElement("span", {
|
|
24
|
+
style: { fontSize: "0.95rem", color: isError ? "#b00020" : "#1c1c1c" },
|
|
25
|
+
}, [document.createTextNode(label)]));
|
|
26
|
+
}
|
|
27
|
+
if (supportingText) {
|
|
28
|
+
contentNodes.push(jalvinCreateElement("span", {
|
|
29
|
+
style: { fontSize: "0.75rem", color: isError ? "#b00020" : "#5c5c5c" },
|
|
30
|
+
}, [document.createTextNode(supportingText)]));
|
|
31
|
+
}
|
|
32
|
+
const content = jalvinCreateElement("div", {
|
|
22
33
|
style: {
|
|
23
34
|
display: "flex",
|
|
24
35
|
flexDirection: "column",
|
|
25
36
|
gap: supportingText ? "2px" : "0",
|
|
26
37
|
},
|
|
27
|
-
},
|
|
28
|
-
|
|
29
|
-
}, label), supportingText && React.createElement("span", {
|
|
30
|
-
style: { fontSize: "0.75rem", color: isError ? "#b00020" : "#5c5c5c" },
|
|
31
|
-
}, supportingText));
|
|
32
|
-
return React.createElement("label", {
|
|
38
|
+
}, contentNodes);
|
|
39
|
+
return jalvinCreateElement("label", {
|
|
33
40
|
...modProps,
|
|
34
41
|
style: {
|
|
35
42
|
display: "inline-flex",
|
|
@@ -38,6 +45,6 @@ export function Checkbox({ checked = false, onCheckedChange, modifier, enabled =
|
|
|
38
45
|
cursor: enabled ? "pointer" : "not-allowed",
|
|
39
46
|
...modProps.style,
|
|
40
47
|
},
|
|
41
|
-
}, input, content);
|
|
48
|
+
}, [input, content]);
|
|
42
49
|
}
|
|
43
50
|
//# sourceMappingURL=checkbox.js.map
|
package/dist/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../src/checkbox.
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../src/checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAetD,4BAA4B;AAC5B,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,KAAK,EACf,eAAe,EACf,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,KAAK,EACL,cAAc,EACd,OAAO,GAAG,KAAK,EACf,OAAO,EACP,MAAM,EACN,SAAS,GACK;IACd,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAE3C,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE;QACzC,IAAI,EAAE,UAAU;QAChB,OAAO;QACP,QAAQ,EAAE,CAAC,OAAO;QAClB,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QACzD,OAAO;QACP,MAAM;QACN,SAAS;QACT,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YAC5C,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;SAC5C;KACF,EAAE,EAAE,CAAqB,CAAC;IAE3B,MAAM,YAAY,GAAW,EAAE,CAAC;IAChC,IAAI,KAAK,EAAE,CAAC;QACV,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE;YAC5C,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE;SACvE,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE;YAC5C,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE;SACvE,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,MAAM,OAAO,GAAG,mBAAmB,CAAC,KAAK,EAAE;QACzC,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;SAClC;KACF,EAAE,YAAY,CAAC,CAAC;IAEjB,OAAO,mBAAmB,CAAC,OAAO,EAAE;QAClC,GAAG,QAAQ;QACX,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;YACpD,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;YAC3C,GAAG,QAAQ,CAAC,KAAK;SAClB;KACF,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AACvB,CAAC"}
|
package/dist/image.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { Modifier } from "./modifier.js";
|
|
3
2
|
export interface ImageProps {
|
|
4
3
|
src: string;
|
|
@@ -8,14 +7,13 @@ export interface ImageProps {
|
|
|
8
7
|
onClick?: () => void;
|
|
9
8
|
}
|
|
10
9
|
/** Image element. */
|
|
11
|
-
export declare function Image({ src, alt, modifier, contentScale, onClick, }: ImageProps):
|
|
10
|
+
export declare function Image({ src, alt, modifier, contentScale, onClick, }: ImageProps): HTMLElement;
|
|
12
11
|
export interface AsyncImageProps extends ImageProps {
|
|
13
|
-
loadingPlaceholder?:
|
|
14
|
-
errorPlaceholder?:
|
|
12
|
+
loadingPlaceholder?: Node;
|
|
13
|
+
errorPlaceholder?: Node;
|
|
15
14
|
}
|
|
16
15
|
/**
|
|
17
16
|
* Image that handles loading/error states.
|
|
18
|
-
* Falls back to placeholder content on error.
|
|
19
17
|
*/
|
|
20
|
-
export declare function AsyncImage({ src, alt, modifier, contentScale, onClick, loadingPlaceholder, errorPlaceholder, }: AsyncImageProps):
|
|
18
|
+
export declare function AsyncImage({ src, alt, modifier, contentScale, onClick, loadingPlaceholder, errorPlaceholder, }: AsyncImageProps): HTMLElement;
|
|
21
19
|
//# sourceMappingURL=image.d.ts.map
|
package/dist/image.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../src/image.
|
|
1
|
+
{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../src/image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzC,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,qBAAqB;AACrB,wBAAgB,KAAK,CAAC,EACpB,GAAG,EACH,GAAQ,EACR,QAAQ,EACR,YAAoB,EACpB,OAAO,GACR,EAAE,UAAU,GAAG,WAAW,CAmB1B;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,kBAAkB,CAAC,EAAE,IAAI,CAAC;IAC1B,gBAAgB,CAAC,EAAE,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,GAAG,EACH,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,kBAAkB,EAClB,gBAAgB,GACjB,EAAE,eAAe,GAAG,WAAW,CAkC/B"}
|
package/dist/image.js
CHANGED
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
fill: "100% 100%",
|
|
4
|
-
fit: "contain",
|
|
5
|
-
crop: "cover",
|
|
6
|
-
none: "none",
|
|
7
|
-
};
|
|
1
|
+
import { jalvinCreateElement } from "@jalvin/runtime";
|
|
2
|
+
import { mutableStateOf } from "@jalvin/runtime";
|
|
8
3
|
/** Image element. */
|
|
9
4
|
export function Image({ src, alt = "", modifier, contentScale = "fit", onClick, }) {
|
|
10
5
|
const modProps = modifier?.toProps() ?? {};
|
|
11
|
-
return
|
|
6
|
+
return jalvinCreateElement("img", {
|
|
12
7
|
src,
|
|
13
8
|
alt,
|
|
14
9
|
onClick,
|
|
@@ -24,23 +19,39 @@ export function Image({ src, alt = "", modifier, contentScale = "fit", onClick,
|
|
|
24
19
|
cursor: onClick ? "pointer" : undefined,
|
|
25
20
|
...modProps.style,
|
|
26
21
|
},
|
|
27
|
-
});
|
|
22
|
+
}, []);
|
|
28
23
|
}
|
|
29
24
|
/**
|
|
30
25
|
* Image that handles loading/error states.
|
|
31
|
-
* Falls back to placeholder content on error.
|
|
32
26
|
*/
|
|
33
27
|
export function AsyncImage({ src, alt, modifier, contentScale, onClick, loadingPlaceholder, errorPlaceholder, }) {
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
28
|
+
const status = mutableStateOf("loading");
|
|
29
|
+
const container = jalvinCreateElement("span", {
|
|
30
|
+
style: { position: "relative", display: "inline-block" }
|
|
31
|
+
}, []);
|
|
32
|
+
const img = new window.Image();
|
|
33
|
+
img.src = src;
|
|
34
|
+
img.alt = alt ?? "";
|
|
35
|
+
img.onload = () => { status.value = "ok"; };
|
|
36
|
+
img.onerror = () => { status.value = "error"; };
|
|
37
|
+
// Simple reactive container update
|
|
38
|
+
// In a full implementation, the render loop handles this.
|
|
39
|
+
// For AsyncImage, we'll manually manage the internal switch.
|
|
40
|
+
const update = () => {
|
|
41
|
+
container.innerHTML = "";
|
|
42
|
+
if (status.value === "error" && errorPlaceholder) {
|
|
43
|
+
container.appendChild(errorPlaceholder);
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
if (status.value === "loading" && loadingPlaceholder) {
|
|
47
|
+
container.appendChild(loadingPlaceholder);
|
|
48
|
+
}
|
|
49
|
+
container.appendChild(Image({ src, alt, modifier, contentScale, onClick }));
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
// Subscribe to status changes manually for this internal reactivity
|
|
53
|
+
status.subscribers?.add(update);
|
|
54
|
+
update();
|
|
55
|
+
return container;
|
|
45
56
|
}
|
|
46
57
|
//# sourceMappingURL=image.js.map
|
package/dist/image.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.js","sourceRoot":"","sources":["../src/image.
|
|
1
|
+
{"version":3,"file":"image.js","sourceRoot":"","sources":["../src/image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAUjD,qBAAqB;AACrB,MAAM,UAAU,KAAK,CAAC,EACpB,GAAG,EACH,GAAG,GAAG,EAAE,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,OAAO,GACI;IACX,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3C,OAAO,mBAAmB,CAAC,KAAK,EAAE;QAChC,GAAG;QACH,GAAG;QACH,OAAO;QACP,GAAG,QAAQ;QACX,KAAK,EAAE;YACL,SAAS,EAAE,CAAC,YAAY,KAAK,MAAM;gBACjC,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,YAAY,KAAK,KAAK;oBACtB,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,YAAY,KAAK,MAAM;wBACvB,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,MAAM,CAAC;YACf,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACvC,GAAG,QAAQ,CAAC,KAAK;SAClB;KACF,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AAOD;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,GAAG,EACH,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,kBAAkB,EAClB,gBAAgB,GACA;IAChB,MAAM,MAAM,GAAG,cAAc,CAA6B,SAAS,CAAC,CAAC;IAErE,MAAM,SAAS,GAAG,mBAAmB,CAAC,MAAM,EAAE;QAC5C,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE;KACzD,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;IAC/B,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;IACd,GAAG,CAAC,GAAG,GAAG,GAAG,IAAI,EAAE,CAAC;IACpB,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IAC5C,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAEhD,mCAAmC;IACnC,0DAA0D;IAC1D,6DAA6D;IAE7D,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;QACzB,IAAI,MAAM,CAAC,KAAK,KAAK,OAAO,IAAI,gBAAgB,EAAE,CAAC;YACjD,SAAS,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,kBAAkB,EAAE,CAAC;gBACrD,SAAS,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;YAC5C,CAAC;YACD,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;QAC9E,CAAC;IACH,CAAC,CAAC;IAEF,oEAAoE;IACnE,MAAc,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EAAE,CAAC;IAET,OAAO,SAAS,CAAC;AACnB,CAAC"}
|