@hypen-space/web 0.4.36 → 0.4.38
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/README.md +7 -6
- package/dist/canvas/accessibility.js +174 -174
- package/dist/canvas/accessibility.js.map +1 -10
- package/dist/canvas/events.js +264 -360
- package/dist/canvas/events.js.map +1 -11
- package/dist/canvas/index.js +11 -47
- package/dist/canvas/index.js.map +1 -9
- package/dist/canvas/input.js +178 -289
- package/dist/canvas/input.js.map +1 -11
- package/dist/canvas/layout.js +349 -547
- package/dist/canvas/layout.js.map +1 -12
- package/dist/canvas/paint.js +1122 -1146
- package/dist/canvas/paint.js.map +1 -12
- package/dist/canvas/renderer.js +352 -2259
- package/dist/canvas/renderer.js.map +1 -17
- package/dist/canvas/text.js +129 -264
- package/dist/canvas/text.js.map +1 -11
- package/dist/canvas/types.js +7 -2
- package/dist/canvas/types.js.map +1 -9
- package/dist/canvas/utils.js +158 -161
- package/dist/canvas/utils.js.map +1 -10
- package/dist/dom/applicators/advanced-layout.js +105 -138
- package/dist/dom/applicators/advanced-layout.js.map +1 -10
- package/dist/dom/applicators/background.js +36 -76
- package/dist/dom/applicators/background.js.map +1 -10
- package/dist/dom/applicators/border.js +82 -106
- package/dist/dom/applicators/border.js.map +1 -10
- package/dist/dom/applicators/color.js +17 -58
- package/dist/dom/applicators/color.js.map +1 -10
- package/dist/dom/applicators/display.js +39 -79
- package/dist/dom/applicators/display.js.map +1 -10
- package/dist/dom/applicators/effects.js +121 -147
- package/dist/dom/applicators/effects.js.map +1 -10
- package/dist/dom/applicators/events.js +413 -450
- package/dist/dom/applicators/events.js.map +1 -11
- package/dist/dom/applicators/font.js +119 -140
- package/dist/dom/applicators/font.js.map +1 -10
- package/dist/dom/applicators/index.js +386 -1770
- package/dist/dom/applicators/index.js.map +1 -26
- package/dist/dom/applicators/layout.js +143 -149
- package/dist/dom/applicators/layout.js.map +1 -10
- package/dist/dom/applicators/margin.js +64 -105
- package/dist/dom/applicators/margin.js.map +1 -10
- package/dist/dom/applicators/padding.js +64 -105
- package/dist/dom/applicators/padding.js.map +1 -10
- package/dist/dom/applicators/size.js +169 -172
- package/dist/dom/applicators/size.js.map +1 -10
- package/dist/dom/applicators/transform.js +73 -114
- package/dist/dom/applicators/transform.js.map +1 -10
- package/dist/dom/applicators/transition.js +47 -88
- package/dist/dom/applicators/transition.js.map +1 -10
- package/dist/dom/applicators/types.js +7 -2
- package/dist/dom/applicators/types.js.map +1 -9
- package/dist/dom/applicators/typography.js +68 -109
- package/dist/dom/applicators/typography.js.map +1 -10
- package/dist/dom/canvas/index.js +49 -83
- package/dist/dom/canvas/index.js.map +1 -10
- package/dist/dom/components/app.js +16 -63
- package/dist/dom/components/app.js.map +1 -10
- package/dist/dom/components/audio.js +31 -76
- package/dist/dom/components/audio.js.map +1 -10
- package/dist/dom/components/avatar.js +41 -87
- package/dist/dom/components/avatar.js.map +1 -10
- package/dist/dom/components/badge.js +35 -83
- package/dist/dom/components/badge.js.map +1 -10
- package/dist/dom/components/button.js +26 -69
- package/dist/dom/components/button.js.map +1 -10
- package/dist/dom/components/card.js +13 -63
- package/dist/dom/components/card.js.map +1 -10
- package/dist/dom/components/center.js +21 -65
- package/dist/dom/components/center.js.map +1 -10
- package/dist/dom/components/checkbox.js +37 -82
- package/dist/dom/components/checkbox.js.map +1 -10
- package/dist/dom/components/column.js +16 -62
- package/dist/dom/components/column.js.map +1 -10
- package/dist/dom/components/container.js +11 -59
- package/dist/dom/components/container.js.map +1 -10
- package/dist/dom/components/divider.js +27 -73
- package/dist/dom/components/divider.js.map +1 -10
- package/dist/dom/components/grid.js +41 -80
- package/dist/dom/components/grid.js.map +1 -10
- package/dist/dom/components/heading.js +28 -74
- package/dist/dom/components/heading.js.map +1 -10
- package/dist/dom/components/hypenapp.js +291 -288
- package/dist/dom/components/hypenapp.js.map +1 -10
- package/dist/dom/components/image.js +18 -67
- package/dist/dom/components/image.js.map +1 -10
- package/dist/dom/components/index.js +109 -1427
- package/dist/dom/components/index.js.map +1 -42
- package/dist/dom/components/input.js +19 -69
- package/dist/dom/components/input.js.map +1 -10
- package/dist/dom/components/link.js +23 -70
- package/dist/dom/components/link.js.map +1 -10
- package/dist/dom/components/list.js +26 -72
- package/dist/dom/components/list.js.map +1 -10
- package/dist/dom/components/paragraph.js +14 -63
- package/dist/dom/components/paragraph.js.map +1 -10
- package/dist/dom/components/progressbar.js +38 -85
- package/dist/dom/components/progressbar.js.map +1 -10
- package/dist/dom/components/route.js +27 -73
- package/dist/dom/components/route.js.map +1 -10
- package/dist/dom/components/router.js +15 -62
- package/dist/dom/components/router.js.map +1 -10
- package/dist/dom/components/row.js +25 -70
- package/dist/dom/components/row.js.map +1 -10
- package/dist/dom/components/select.js +42 -85
- package/dist/dom/components/select.js.map +1 -10
- package/dist/dom/components/slider.js +31 -76
- package/dist/dom/components/slider.js.map +1 -10
- package/dist/dom/components/spacer.js +10 -60
- package/dist/dom/components/spacer.js.map +1 -10
- package/dist/dom/components/spinner.js +41 -88
- package/dist/dom/components/spinner.js.map +1 -10
- package/dist/dom/components/stack.js +19 -67
- package/dist/dom/components/stack.js.map +1 -10
- package/dist/dom/components/switch.js +50 -93
- package/dist/dom/components/switch.js.map +1 -10
- package/dist/dom/components/text.js +24 -69
- package/dist/dom/components/text.js.map +1 -10
- package/dist/dom/components/textarea.js +35 -79
- package/dist/dom/components/textarea.js.map +1 -10
- package/dist/dom/components/video.js +35 -79
- package/dist/dom/components/video.js.map +1 -10
- package/dist/dom/debug.js +159 -160
- package/dist/dom/debug.js.map +1 -10
- package/dist/dom/element-data.js +181 -143
- package/dist/dom/element-data.js.map +1 -10
- package/dist/dom/events.js +133 -142
- package/dist/dom/events.js.map +1 -10
- package/dist/dom/index.js +11 -48
- package/dist/dom/index.js.map +1 -9
- package/dist/dom/renderer.js +311 -3596
- package/dist/dom/renderer.js.map +1 -62
- package/dist/index.d.ts +2 -2
- package/dist/index.js +36 -53
- package/dist/index.js.map +1 -9
- package/package.json +2 -16
- package/src/canvas/QUICKSTART.md +4 -3
- package/src/canvas/README.md +3 -2
- package/src/dom/README.md +4 -3
- package/src/index.ts +2 -2
- package/dist/client.d.ts +0 -19
- package/dist/client.js +0 -45
- package/dist/client.js.map +0 -9
- package/dist/hypen.d.ts +0 -140
- package/dist/hypen.js +0 -3909
- package/dist/hypen.js.map +0 -63
- package/src/client.ts +0 -20
- package/src/hypen.ts +0 -556
|
@@ -1,77 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Background Applicators
|
|
3
|
+
*/
|
|
4
|
+
export const backgroundHandlers = {
|
|
5
|
+
backgroundImage: (el, value) => {
|
|
6
|
+
el.style.backgroundImage = String(value);
|
|
7
|
+
},
|
|
8
|
+
backgroundSize: (el, value) => {
|
|
9
|
+
el.style.backgroundSize = String(value);
|
|
10
|
+
},
|
|
11
|
+
backgroundPosition: (el, value) => {
|
|
12
|
+
el.style.backgroundPosition = String(value);
|
|
13
|
+
},
|
|
14
|
+
backgroundRepeat: (el, value) => {
|
|
15
|
+
el.style.backgroundRepeat = String(value);
|
|
16
|
+
},
|
|
17
|
+
backgroundAttachment: (el, value) => {
|
|
18
|
+
el.style.backgroundAttachment = String(value);
|
|
19
|
+
},
|
|
20
|
+
backgroundClip: (el, value) => {
|
|
21
|
+
el.style.backgroundClip = String(value);
|
|
22
|
+
},
|
|
23
|
+
backgroundOrigin: (el, value) => {
|
|
24
|
+
el.style.backgroundOrigin = String(value);
|
|
25
|
+
},
|
|
26
|
+
// Gradient helpers
|
|
27
|
+
linearGradient: (el, value) => {
|
|
28
|
+
el.style.backgroundImage = `linear-gradient(${value})`;
|
|
29
|
+
},
|
|
30
|
+
radialGradient: (el, value) => {
|
|
31
|
+
el.style.backgroundImage = `radial-gradient(${value})`;
|
|
32
|
+
},
|
|
33
|
+
conicGradient: (el, value) => {
|
|
34
|
+
el.style.backgroundImage = `conic-gradient(${value})`;
|
|
35
|
+
},
|
|
23
36
|
};
|
|
24
|
-
|
|
25
|
-
var __returnValue = (v) => v;
|
|
26
|
-
function __exportSetter(name, newValue) {
|
|
27
|
-
this[name] = __returnValue.bind(null, newValue);
|
|
28
|
-
}
|
|
29
|
-
var __export = (target, all) => {
|
|
30
|
-
for (var name in all)
|
|
31
|
-
__defProp(target, name, {
|
|
32
|
-
get: all[name],
|
|
33
|
-
enumerable: true,
|
|
34
|
-
configurable: true,
|
|
35
|
-
set: __exportSetter.bind(all, name)
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
-
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
39
|
-
|
|
40
|
-
// src/dom/applicators/background.ts
|
|
41
|
-
var backgroundHandlers = {
|
|
42
|
-
backgroundImage: (el, value) => {
|
|
43
|
-
el.style.backgroundImage = String(value);
|
|
44
|
-
},
|
|
45
|
-
backgroundSize: (el, value) => {
|
|
46
|
-
el.style.backgroundSize = String(value);
|
|
47
|
-
},
|
|
48
|
-
backgroundPosition: (el, value) => {
|
|
49
|
-
el.style.backgroundPosition = String(value);
|
|
50
|
-
},
|
|
51
|
-
backgroundRepeat: (el, value) => {
|
|
52
|
-
el.style.backgroundRepeat = String(value);
|
|
53
|
-
},
|
|
54
|
-
backgroundAttachment: (el, value) => {
|
|
55
|
-
el.style.backgroundAttachment = String(value);
|
|
56
|
-
},
|
|
57
|
-
backgroundClip: (el, value) => {
|
|
58
|
-
el.style.backgroundClip = String(value);
|
|
59
|
-
},
|
|
60
|
-
backgroundOrigin: (el, value) => {
|
|
61
|
-
el.style.backgroundOrigin = String(value);
|
|
62
|
-
},
|
|
63
|
-
linearGradient: (el, value) => {
|
|
64
|
-
el.style.backgroundImage = `linear-gradient(${value})`;
|
|
65
|
-
},
|
|
66
|
-
radialGradient: (el, value) => {
|
|
67
|
-
el.style.backgroundImage = `radial-gradient(${value})`;
|
|
68
|
-
},
|
|
69
|
-
conicGradient: (el, value) => {
|
|
70
|
-
el.style.backgroundImage = `conic-gradient(${value})`;
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
export {
|
|
74
|
-
backgroundHandlers
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
//# debugId=758D8F128EA89CBE64756E2164756E21
|
|
37
|
+
//# sourceMappingURL=background.js.map
|
|
@@ -1,10 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/dom/applicators/background.ts"],
|
|
4
|
-
"sourcesContent": [
|
|
5
|
-
"/**\n * Background Applicators\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\nexport const backgroundHandlers: Record<string, ApplicatorHandler> = {\n backgroundImage: (el, value) => {\n el.style.backgroundImage = String(value);\n },\n\n backgroundSize: (el, value) => {\n el.style.backgroundSize = String(value);\n },\n\n backgroundPosition: (el, value) => {\n el.style.backgroundPosition = String(value);\n },\n\n backgroundRepeat: (el, value) => {\n el.style.backgroundRepeat = String(value);\n },\n\n backgroundAttachment: (el, value) => {\n el.style.backgroundAttachment = String(value);\n },\n\n backgroundClip: (el, value) => {\n el.style.backgroundClip = String(value);\n },\n\n backgroundOrigin: (el, value) => {\n el.style.backgroundOrigin = String(value);\n },\n\n // Gradient helpers\n linearGradient: (el, value) => {\n el.style.backgroundImage = `linear-gradient(${value})`;\n },\n\n radialGradient: (el, value) => {\n el.style.backgroundImage = `radial-gradient(${value})`;\n },\n\n conicGradient: (el, value) => {\n el.style.backgroundImage = `conic-gradient(${value})`;\n },\n};\n\n\n"
|
|
6
|
-
],
|
|
7
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAM,qBAAwD;AAAA,EACnE,iBAAiB,CAAC,IAAI,UAAU;AAAA,IAC9B,GAAG,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA,EAGzC,gBAAgB,CAAC,IAAI,UAAU;AAAA,IAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,EAGxC,oBAAoB,CAAC,IAAI,UAAU;AAAA,IACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,EAG5C,kBAAkB,CAAC,IAAI,UAAU;AAAA,IAC/B,GAAG,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA,EAG1C,sBAAsB,CAAC,IAAI,UAAU;AAAA,IACnC,GAAG,MAAM,uBAAuB,OAAO,KAAK;AAAA;AAAA,EAG9C,gBAAgB,CAAC,IAAI,UAAU;AAAA,IAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,EAGxC,kBAAkB,CAAC,IAAI,UAAU;AAAA,IAC/B,GAAG,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA,EAI1C,gBAAgB,CAAC,IAAI,UAAU;AAAA,IAC7B,GAAG,MAAM,kBAAkB,mBAAmB;AAAA;AAAA,EAGhD,gBAAgB,CAAC,IAAI,UAAU;AAAA,IAC7B,GAAG,MAAM,kBAAkB,mBAAmB;AAAA;AAAA,EAGhD,eAAe,CAAC,IAAI,UAAU;AAAA,IAC5B,GAAG,MAAM,kBAAkB,kBAAkB;AAAA;AAEjD;",
|
|
8
|
-
"debugId": "758D8F128EA89CBE64756E2164756E21",
|
|
9
|
-
"names": []
|
|
10
|
-
}
|
|
1
|
+
{"version":3,"file":"background.js","sourceRoot":"","sources":["../../../src/dom/applicators/background.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,kBAAkB,GAAsC;IACnE,eAAe,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC7B,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,cAAc,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC5B,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,kBAAkB,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAChC,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,gBAAgB,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC9B,EAAE,CAAC,KAAK,CAAC,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,oBAAoB,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAClC,EAAE,CAAC,KAAK,CAAC,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC;IAED,cAAc,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC5B,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,gBAAgB,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC9B,EAAE,CAAC,KAAK,CAAC,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,mBAAmB;IACnB,cAAc,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC5B,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,mBAAmB,KAAK,GAAG,CAAC;IACzD,CAAC;IAED,cAAc,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC5B,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,mBAAmB,KAAK,GAAG,CAAC;IACzD,CAAC;IAED,aAAa,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC3B,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,kBAAkB,KAAK,GAAG,CAAC;IACxD,CAAC;CACF,CAAC"}
|
|
@@ -1,107 +1,83 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Border Applicators
|
|
3
|
+
*/
|
|
4
|
+
export const borderHandlers = {
|
|
5
|
+
// Compound border applicator - can take width, color, style, radius
|
|
6
|
+
border: (el, value) => {
|
|
7
|
+
if (typeof value === "number") {
|
|
8
|
+
// Just width
|
|
9
|
+
el.style.borderWidth = `${value}px`;
|
|
10
|
+
el.style.borderStyle = "solid";
|
|
11
|
+
}
|
|
12
|
+
else if (typeof value === "object" && value !== null) {
|
|
13
|
+
const obj = value;
|
|
14
|
+
// Width
|
|
15
|
+
if (obj.width !== undefined) {
|
|
16
|
+
el.style.borderWidth = typeof obj.width === "number" ? `${obj.width}px` : String(obj.width);
|
|
17
|
+
}
|
|
18
|
+
// Color
|
|
19
|
+
if (obj.color !== undefined) {
|
|
20
|
+
el.style.borderColor = String(obj.color);
|
|
21
|
+
}
|
|
22
|
+
// Style (solid, dashed, dotted, etc.)
|
|
23
|
+
if (obj.style !== undefined) {
|
|
24
|
+
el.style.borderStyle = String(obj.style);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
// Default to solid if not specified
|
|
28
|
+
el.style.borderStyle = "solid";
|
|
29
|
+
}
|
|
30
|
+
// Radius
|
|
31
|
+
if (obj.radius !== undefined) {
|
|
32
|
+
el.style.borderRadius = typeof obj.radius === "number" ? `${obj.radius}px` : String(obj.radius);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
else if (typeof value === "string") {
|
|
36
|
+
// CSS shorthand like "1px solid black"
|
|
37
|
+
el.style.border = value;
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
borderWidth: (el, value) => {
|
|
41
|
+
el.style.borderWidth = typeof value === "number" ? `${value}px` : String(value);
|
|
42
|
+
},
|
|
43
|
+
borderStyle: (el, value) => {
|
|
44
|
+
el.style.borderStyle = String(value);
|
|
45
|
+
},
|
|
46
|
+
borderRadius: (el, value) => {
|
|
47
|
+
if (typeof value === "number") {
|
|
48
|
+
el.style.borderRadius = `${value}px`;
|
|
49
|
+
}
|
|
50
|
+
else if (typeof value === "object" && value !== null) {
|
|
51
|
+
// Support for individual corners
|
|
52
|
+
const obj = value;
|
|
53
|
+
const topLeft = obj.topLeft ?? obj.topStart ?? 0;
|
|
54
|
+
const topRight = obj.topRight ?? obj.topEnd ?? 0;
|
|
55
|
+
const bottomRight = obj.bottomRight ?? obj.bottomEnd ?? 0;
|
|
56
|
+
const bottomLeft = obj.bottomLeft ?? obj.bottomStart ?? 0;
|
|
57
|
+
const formatValue = (v) => typeof v === "number" ? `${v}px` : String(v);
|
|
58
|
+
el.style.borderRadius = `${formatValue(topLeft)} ${formatValue(topRight)} ${formatValue(bottomRight)} ${formatValue(bottomLeft)}`;
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
el.style.borderRadius = String(value);
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
// Alias for borderRadius (Compose naming)
|
|
65
|
+
cornerRadius: (el, value) => {
|
|
66
|
+
if (typeof value === "number") {
|
|
67
|
+
el.style.borderRadius = `${value}px`;
|
|
68
|
+
}
|
|
69
|
+
else if (typeof value === "object" && value !== null) {
|
|
70
|
+
const obj = value;
|
|
71
|
+
const topLeft = obj.topLeft ?? obj.topStart ?? 0;
|
|
72
|
+
const topRight = obj.topRight ?? obj.topEnd ?? 0;
|
|
73
|
+
const bottomRight = obj.bottomRight ?? obj.bottomEnd ?? 0;
|
|
74
|
+
const bottomLeft = obj.bottomLeft ?? obj.bottomStart ?? 0;
|
|
75
|
+
const formatValue = (v) => typeof v === "number" ? `${v}px` : String(v);
|
|
76
|
+
el.style.borderRadius = `${formatValue(topLeft)} ${formatValue(topRight)} ${formatValue(bottomRight)} ${formatValue(bottomLeft)}`;
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
el.style.borderRadius = String(value);
|
|
80
|
+
}
|
|
81
|
+
},
|
|
23
82
|
};
|
|
24
|
-
|
|
25
|
-
var __returnValue = (v) => v;
|
|
26
|
-
function __exportSetter(name, newValue) {
|
|
27
|
-
this[name] = __returnValue.bind(null, newValue);
|
|
28
|
-
}
|
|
29
|
-
var __export = (target, all) => {
|
|
30
|
-
for (var name in all)
|
|
31
|
-
__defProp(target, name, {
|
|
32
|
-
get: all[name],
|
|
33
|
-
enumerable: true,
|
|
34
|
-
configurable: true,
|
|
35
|
-
set: __exportSetter.bind(all, name)
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
-
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
39
|
-
|
|
40
|
-
// src/dom/applicators/border.ts
|
|
41
|
-
var borderHandlers = {
|
|
42
|
-
border: (el, value) => {
|
|
43
|
-
if (typeof value === "number") {
|
|
44
|
-
el.style.borderWidth = `${value}px`;
|
|
45
|
-
el.style.borderStyle = "solid";
|
|
46
|
-
} else if (typeof value === "object" && value !== null) {
|
|
47
|
-
const obj = value;
|
|
48
|
-
if (obj.width !== undefined) {
|
|
49
|
-
el.style.borderWidth = typeof obj.width === "number" ? `${obj.width}px` : String(obj.width);
|
|
50
|
-
}
|
|
51
|
-
if (obj.color !== undefined) {
|
|
52
|
-
el.style.borderColor = String(obj.color);
|
|
53
|
-
}
|
|
54
|
-
if (obj.style !== undefined) {
|
|
55
|
-
el.style.borderStyle = String(obj.style);
|
|
56
|
-
} else {
|
|
57
|
-
el.style.borderStyle = "solid";
|
|
58
|
-
}
|
|
59
|
-
if (obj.radius !== undefined) {
|
|
60
|
-
el.style.borderRadius = typeof obj.radius === "number" ? `${obj.radius}px` : String(obj.radius);
|
|
61
|
-
}
|
|
62
|
-
} else if (typeof value === "string") {
|
|
63
|
-
el.style.border = value;
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
borderWidth: (el, value) => {
|
|
67
|
-
el.style.borderWidth = typeof value === "number" ? `${value}px` : String(value);
|
|
68
|
-
},
|
|
69
|
-
borderStyle: (el, value) => {
|
|
70
|
-
el.style.borderStyle = String(value);
|
|
71
|
-
},
|
|
72
|
-
borderRadius: (el, value) => {
|
|
73
|
-
if (typeof value === "number") {
|
|
74
|
-
el.style.borderRadius = `${value}px`;
|
|
75
|
-
} else if (typeof value === "object" && value !== null) {
|
|
76
|
-
const obj = value;
|
|
77
|
-
const topLeft = obj.topLeft ?? obj.topStart ?? 0;
|
|
78
|
-
const topRight = obj.topRight ?? obj.topEnd ?? 0;
|
|
79
|
-
const bottomRight = obj.bottomRight ?? obj.bottomEnd ?? 0;
|
|
80
|
-
const bottomLeft = obj.bottomLeft ?? obj.bottomStart ?? 0;
|
|
81
|
-
const formatValue = (v) => typeof v === "number" ? `${v}px` : String(v);
|
|
82
|
-
el.style.borderRadius = `${formatValue(topLeft)} ${formatValue(topRight)} ${formatValue(bottomRight)} ${formatValue(bottomLeft)}`;
|
|
83
|
-
} else {
|
|
84
|
-
el.style.borderRadius = String(value);
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
cornerRadius: (el, value) => {
|
|
88
|
-
if (typeof value === "number") {
|
|
89
|
-
el.style.borderRadius = `${value}px`;
|
|
90
|
-
} else if (typeof value === "object" && value !== null) {
|
|
91
|
-
const obj = value;
|
|
92
|
-
const topLeft = obj.topLeft ?? obj.topStart ?? 0;
|
|
93
|
-
const topRight = obj.topRight ?? obj.topEnd ?? 0;
|
|
94
|
-
const bottomRight = obj.bottomRight ?? obj.bottomEnd ?? 0;
|
|
95
|
-
const bottomLeft = obj.bottomLeft ?? obj.bottomStart ?? 0;
|
|
96
|
-
const formatValue = (v) => typeof v === "number" ? `${v}px` : String(v);
|
|
97
|
-
el.style.borderRadius = `${formatValue(topLeft)} ${formatValue(topRight)} ${formatValue(bottomRight)} ${formatValue(bottomLeft)}`;
|
|
98
|
-
} else {
|
|
99
|
-
el.style.borderRadius = String(value);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
};
|
|
103
|
-
export {
|
|
104
|
-
borderHandlers
|
|
105
|
-
};
|
|
106
|
-
|
|
107
|
-
//# debugId=7E4082874B3A7C3264756E2164756E21
|
|
83
|
+
//# sourceMappingURL=border.js.map
|
|
@@ -1,10 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/dom/applicators/border.ts"],
|
|
4
|
-
"sourcesContent": [
|
|
5
|
-
"/**\n * Border Applicators\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\nexport const borderHandlers: Record<string, ApplicatorHandler> = {\n // Compound border applicator - can take width, color, style, radius\n border: (el, value) => {\n if (typeof value === \"number\") {\n // Just width\n el.style.borderWidth = `${value}px`;\n el.style.borderStyle = \"solid\";\n } else if (typeof value === \"object\" && value !== null) {\n const obj = value as Record<string, any>;\n\n // Width\n if (obj.width !== undefined) {\n el.style.borderWidth = typeof obj.width === \"number\" ? `${obj.width}px` : String(obj.width);\n }\n\n // Color\n if (obj.color !== undefined) {\n el.style.borderColor = String(obj.color);\n }\n\n // Style (solid, dashed, dotted, etc.)\n if (obj.style !== undefined) {\n el.style.borderStyle = String(obj.style);\n } else {\n // Default to solid if not specified\n el.style.borderStyle = \"solid\";\n }\n\n // Radius\n if (obj.radius !== undefined) {\n el.style.borderRadius = typeof obj.radius === \"number\" ? `${obj.radius}px` : String(obj.radius);\n }\n } else if (typeof value === \"string\") {\n // CSS shorthand like \"1px solid black\"\n el.style.border = value;\n }\n },\n\n borderWidth: (el, value) => {\n el.style.borderWidth = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n borderStyle: (el, value) => {\n el.style.borderStyle = String(value);\n },\n\n borderRadius: (el, value) => {\n if (typeof value === \"number\") {\n el.style.borderRadius = `${value}px`;\n } else if (typeof value === \"object\" && value !== null) {\n // Support for individual corners\n const obj = value as Record<string, any>;\n const topLeft = obj.topLeft ?? obj.topStart ?? 0;\n const topRight = obj.topRight ?? obj.topEnd ?? 0;\n const bottomRight = obj.bottomRight ?? obj.bottomEnd ?? 0;\n const bottomLeft = obj.bottomLeft ?? obj.bottomStart ?? 0;\n\n const formatValue = (v: any) => typeof v === \"number\" ? `${v}px` : String(v);\n el.style.borderRadius = `${formatValue(topLeft)} ${formatValue(topRight)} ${formatValue(bottomRight)} ${formatValue(bottomLeft)}`;\n } else {\n el.style.borderRadius = String(value);\n }\n },\n\n // Alias for borderRadius (Compose naming)\n cornerRadius: (el, value) => {\n if (typeof value === \"number\") {\n el.style.borderRadius = `${value}px`;\n } else if (typeof value === \"object\" && value !== null) {\n const obj = value as Record<string, any>;\n const topLeft = obj.topLeft ?? obj.topStart ?? 0;\n const topRight = obj.topRight ?? obj.topEnd ?? 0;\n const bottomRight = obj.bottomRight ?? obj.bottomEnd ?? 0;\n const bottomLeft = obj.bottomLeft ?? obj.bottomStart ?? 0;\n\n const formatValue = (v: any) => typeof v === \"number\" ? `${v}px` : String(v);\n el.style.borderRadius = `${formatValue(topLeft)} ${formatValue(topRight)} ${formatValue(bottomRight)} ${formatValue(bottomLeft)}`;\n } else {\n el.style.borderRadius = String(value);\n }\n },\n};\n"
|
|
6
|
-
],
|
|
7
|
-
"mappings": "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",
|
|
8
|
-
"debugId": "7E4082874B3A7C3264756E2164756E21",
|
|
9
|
-
"names": []
|
|
10
|
-
}
|
|
1
|
+
{"version":3,"file":"border.js","sourceRoot":"","sources":["../../../src/dom/applicators/border.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,59 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
get: __accessProp.bind(from, key),
|
|
18
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
__moduleCache.set(from, entry);
|
|
22
|
-
return entry;
|
|
1
|
+
/**
|
|
2
|
+
* Color Applicators
|
|
3
|
+
*/
|
|
4
|
+
export const colorHandlers = {
|
|
5
|
+
color: (el, value) => {
|
|
6
|
+
el.style.color = String(value);
|
|
7
|
+
},
|
|
8
|
+
backgroundColor: (el, value) => {
|
|
9
|
+
el.style.backgroundColor = String(value);
|
|
10
|
+
},
|
|
11
|
+
borderColor: (el, value) => {
|
|
12
|
+
el.style.borderColor = String(value);
|
|
13
|
+
},
|
|
14
|
+
opacity: (el, value) => {
|
|
15
|
+
el.style.opacity = String(value);
|
|
16
|
+
},
|
|
23
17
|
};
|
|
24
|
-
|
|
25
|
-
var __returnValue = (v) => v;
|
|
26
|
-
function __exportSetter(name, newValue) {
|
|
27
|
-
this[name] = __returnValue.bind(null, newValue);
|
|
28
|
-
}
|
|
29
|
-
var __export = (target, all) => {
|
|
30
|
-
for (var name in all)
|
|
31
|
-
__defProp(target, name, {
|
|
32
|
-
get: all[name],
|
|
33
|
-
enumerable: true,
|
|
34
|
-
configurable: true,
|
|
35
|
-
set: __exportSetter.bind(all, name)
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
-
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
39
|
-
|
|
40
|
-
// src/dom/applicators/color.ts
|
|
41
|
-
var colorHandlers = {
|
|
42
|
-
color: (el, value) => {
|
|
43
|
-
el.style.color = String(value);
|
|
44
|
-
},
|
|
45
|
-
backgroundColor: (el, value) => {
|
|
46
|
-
el.style.backgroundColor = String(value);
|
|
47
|
-
},
|
|
48
|
-
borderColor: (el, value) => {
|
|
49
|
-
el.style.borderColor = String(value);
|
|
50
|
-
},
|
|
51
|
-
opacity: (el, value) => {
|
|
52
|
-
el.style.opacity = String(value);
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
export {
|
|
56
|
-
colorHandlers
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
//# debugId=870866BF503227A564756E2164756E21
|
|
18
|
+
//# sourceMappingURL=color.js.map
|
|
@@ -1,10 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/dom/applicators/color.ts"],
|
|
4
|
-
"sourcesContent": [
|
|
5
|
-
"/**\n * Color Applicators\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\nexport const colorHandlers: Record<string, ApplicatorHandler> = {\n color: (el, value) => {\n el.style.color = String(value);\n },\n\n backgroundColor: (el, value) => {\n el.style.backgroundColor = String(value);\n },\n\n borderColor: (el, value) => {\n el.style.borderColor = String(value);\n },\n\n opacity: (el, value) => {\n el.style.opacity = String(value);\n },\n};\n"
|
|
6
|
-
],
|
|
7
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAM,gBAAmD;AAAA,EAC9D,OAAO,CAAC,IAAI,UAAU;AAAA,IACpB,GAAG,MAAM,QAAQ,OAAO,KAAK;AAAA;AAAA,EAG/B,iBAAiB,CAAC,IAAI,UAAU;AAAA,IAC9B,GAAG,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA,EAGzC,aAAa,CAAC,IAAI,UAAU;AAAA,IAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,EAGrC,SAAS,CAAC,IAAI,UAAU;AAAA,IACtB,GAAG,MAAM,UAAU,OAAO,KAAK;AAAA;AAEnC;",
|
|
8
|
-
"debugId": "870866BF503227A564756E2164756E21",
|
|
9
|
-
"names": []
|
|
10
|
-
}
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../src/dom/applicators/color.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,aAAa,GAAsC;IAC9D,KAAK,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACnB,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,eAAe,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC7B,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,WAAW,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACzB,EAAE,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACrB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;CACF,CAAC"}
|
|
@@ -1,80 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Display and Visibility Applicators
|
|
3
|
+
*/
|
|
4
|
+
export const displayHandlers = {
|
|
5
|
+
display: (el, value) => {
|
|
6
|
+
el.style.display = String(value);
|
|
7
|
+
},
|
|
8
|
+
visibility: (el, value) => {
|
|
9
|
+
el.style.visibility = String(value);
|
|
10
|
+
},
|
|
11
|
+
overflowX: (el, value) => {
|
|
12
|
+
el.style.overflowX = String(value);
|
|
13
|
+
},
|
|
14
|
+
overflowY: (el, value) => {
|
|
15
|
+
el.style.overflowY = String(value);
|
|
16
|
+
},
|
|
17
|
+
pointerEvents: (el, value) => {
|
|
18
|
+
el.style.pointerEvents = String(value);
|
|
19
|
+
},
|
|
20
|
+
userSelect: (el, value) => {
|
|
21
|
+
el.style.userSelect = String(value);
|
|
22
|
+
},
|
|
23
|
+
resize: (el, value) => {
|
|
24
|
+
el.style.resize = String(value);
|
|
25
|
+
},
|
|
26
|
+
boxSizing: (el, value) => {
|
|
27
|
+
el.style.boxSizing = String(value);
|
|
28
|
+
},
|
|
29
|
+
// Sizing helpers
|
|
30
|
+
aspectRatio: (el, value) => {
|
|
31
|
+
el.style.aspectRatio = String(value);
|
|
32
|
+
},
|
|
33
|
+
objectFit: (el, value) => {
|
|
34
|
+
el.style.objectFit = String(value);
|
|
35
|
+
},
|
|
36
|
+
objectPosition: (el, value) => {
|
|
37
|
+
el.style.objectPosition = String(value);
|
|
38
|
+
},
|
|
23
39
|
};
|
|
24
|
-
|
|
25
|
-
var __returnValue = (v) => v;
|
|
26
|
-
function __exportSetter(name, newValue) {
|
|
27
|
-
this[name] = __returnValue.bind(null, newValue);
|
|
28
|
-
}
|
|
29
|
-
var __export = (target, all) => {
|
|
30
|
-
for (var name in all)
|
|
31
|
-
__defProp(target, name, {
|
|
32
|
-
get: all[name],
|
|
33
|
-
enumerable: true,
|
|
34
|
-
configurable: true,
|
|
35
|
-
set: __exportSetter.bind(all, name)
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
-
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
39
|
-
|
|
40
|
-
// src/dom/applicators/display.ts
|
|
41
|
-
var displayHandlers = {
|
|
42
|
-
display: (el, value) => {
|
|
43
|
-
el.style.display = String(value);
|
|
44
|
-
},
|
|
45
|
-
visibility: (el, value) => {
|
|
46
|
-
el.style.visibility = String(value);
|
|
47
|
-
},
|
|
48
|
-
overflowX: (el, value) => {
|
|
49
|
-
el.style.overflowX = String(value);
|
|
50
|
-
},
|
|
51
|
-
overflowY: (el, value) => {
|
|
52
|
-
el.style.overflowY = String(value);
|
|
53
|
-
},
|
|
54
|
-
pointerEvents: (el, value) => {
|
|
55
|
-
el.style.pointerEvents = String(value);
|
|
56
|
-
},
|
|
57
|
-
userSelect: (el, value) => {
|
|
58
|
-
el.style.userSelect = String(value);
|
|
59
|
-
},
|
|
60
|
-
resize: (el, value) => {
|
|
61
|
-
el.style.resize = String(value);
|
|
62
|
-
},
|
|
63
|
-
boxSizing: (el, value) => {
|
|
64
|
-
el.style.boxSizing = String(value);
|
|
65
|
-
},
|
|
66
|
-
aspectRatio: (el, value) => {
|
|
67
|
-
el.style.aspectRatio = String(value);
|
|
68
|
-
},
|
|
69
|
-
objectFit: (el, value) => {
|
|
70
|
-
el.style.objectFit = String(value);
|
|
71
|
-
},
|
|
72
|
-
objectPosition: (el, value) => {
|
|
73
|
-
el.style.objectPosition = String(value);
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
export {
|
|
77
|
-
displayHandlers
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
//# debugId=D59E7EDB580B138764756E2164756E21
|
|
40
|
+
//# sourceMappingURL=display.js.map
|
|
@@ -1,10 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/dom/applicators/display.ts"],
|
|
4
|
-
"sourcesContent": [
|
|
5
|
-
"/**\n * Display and Visibility Applicators\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\nexport const displayHandlers: Record<string, ApplicatorHandler> = {\n display: (el, value) => {\n el.style.display = String(value);\n },\n\n visibility: (el, value) => {\n el.style.visibility = String(value);\n },\n\n overflowX: (el, value) => {\n el.style.overflowX = String(value);\n },\n\n overflowY: (el, value) => {\n el.style.overflowY = String(value);\n },\n\n pointerEvents: (el, value) => {\n el.style.pointerEvents = String(value);\n },\n\n userSelect: (el, value) => {\n el.style.userSelect = String(value);\n },\n\n resize: (el, value) => {\n el.style.resize = String(value);\n },\n\n boxSizing: (el, value) => {\n el.style.boxSizing = String(value);\n },\n\n // Sizing helpers\n aspectRatio: (el, value) => {\n el.style.aspectRatio = String(value);\n },\n\n objectFit: (el, value) => {\n el.style.objectFit = String(value);\n },\n\n objectPosition: (el, value) => {\n el.style.objectPosition = String(value);\n },\n};\n\n\n"
|
|
6
|
-
],
|
|
7
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAM,kBAAqD;AAAA,EAChE,SAAS,CAAC,IAAI,UAAU;AAAA,IACtB,GAAG,MAAM,UAAU,OAAO,KAAK;AAAA;AAAA,EAGjC,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,EAGpC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,EAGnC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,EAGnC,eAAe,CAAC,IAAI,UAAU;AAAA,IAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,EAGvC,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,EAGpC,QAAQ,CAAC,IAAI,UAAU;AAAA,IACrB,GAAG,MAAM,SAAS,OAAO,KAAK;AAAA;AAAA,EAGhC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,EAInC,aAAa,CAAC,IAAI,UAAU;AAAA,IAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,EAGrC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,EAGnC,gBAAgB,CAAC,IAAI,UAAU;AAAA,IAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAE1C;",
|
|
8
|
-
"debugId": "D59E7EDB580B138764756E2164756E21",
|
|
9
|
-
"names": []
|
|
10
|
-
}
|
|
1
|
+
{"version":3,"file":"display.js","sourceRoot":"","sources":["../../../src/dom/applicators/display.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,eAAe,GAAsC;IAChE,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACrB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,UAAU,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACxB,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,SAAS,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACvB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,SAAS,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACvB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,aAAa,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC3B,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;IAED,UAAU,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACxB,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,MAAM,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACpB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,SAAS,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACvB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,iBAAiB;IACjB,WAAW,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACzB,EAAE,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,SAAS,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACvB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,cAAc,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC5B,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;CACF,CAAC"}
|