@hypen-space/web 0.4.35 → 0.4.37
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/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/client.js +19 -45
- package/dist/client.js.map +1 -9
- 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/hypen.js +385 -3880
- package/dist/hypen.js.map +1 -63
- package/dist/index.js +36 -53
- package/dist/index.js.map +1 -9
- package/package.json +2 -2
|
@@ -1,114 +1,73 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (var key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(entry, key))
|
|
16
|
-
__defProp(entry, key, {
|
|
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
|
+
* Padding Applicators
|
|
3
|
+
*/
|
|
4
|
+
// Helper to extract numeric value from applicator value
|
|
5
|
+
const getNumericValue = (value) => {
|
|
6
|
+
if (typeof value === "number")
|
|
7
|
+
return value;
|
|
8
|
+
if (typeof value === "object" && value["0"] !== undefined)
|
|
9
|
+
return Number(value["0"]);
|
|
10
|
+
if (typeof value === "string")
|
|
11
|
+
return parseFloat(value);
|
|
12
|
+
return null;
|
|
23
13
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
if (typeof value === "string")
|
|
47
|
-
return parseFloat(value);
|
|
48
|
-
return null;
|
|
49
|
-
};
|
|
50
|
-
var paddingHandler = (el, value) => {
|
|
51
|
-
if (typeof value === "number") {
|
|
52
|
-
el.style.padding = `${value}px`;
|
|
53
|
-
} else if (typeof value === "object") {
|
|
54
|
-
if (value["0"] !== undefined && Object.keys(value).length === 1) {
|
|
55
|
-
el.style.padding = `${value["0"]}px`;
|
|
56
|
-
} else {
|
|
57
|
-
if (value.left !== undefined)
|
|
58
|
-
el.style.paddingLeft = `${value.left}px`;
|
|
59
|
-
if (value.right !== undefined)
|
|
60
|
-
el.style.paddingRight = `${value.right}px`;
|
|
61
|
-
if (value.top !== undefined)
|
|
62
|
-
el.style.paddingTop = `${value.top}px`;
|
|
63
|
-
if (value.bottom !== undefined)
|
|
64
|
-
el.style.paddingBottom = `${value.bottom}px`;
|
|
14
|
+
export const paddingHandler = (el, value) => {
|
|
15
|
+
if (typeof value === "number") {
|
|
16
|
+
el.style.padding = `${value}px`;
|
|
17
|
+
}
|
|
18
|
+
else if (typeof value === "object") {
|
|
19
|
+
// Handle {0: value} format from .padding(value)
|
|
20
|
+
if (value["0"] !== undefined && Object.keys(value).length === 1) {
|
|
21
|
+
el.style.padding = `${value["0"]}px`;
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
if (value.left !== undefined)
|
|
25
|
+
el.style.paddingLeft = `${value.left}px`;
|
|
26
|
+
if (value.right !== undefined)
|
|
27
|
+
el.style.paddingRight = `${value.right}px`;
|
|
28
|
+
if (value.top !== undefined)
|
|
29
|
+
el.style.paddingTop = `${value.top}px`;
|
|
30
|
+
if (value.bottom !== undefined)
|
|
31
|
+
el.style.paddingBottom = `${value.bottom}px`;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
el.style.padding = String(value);
|
|
65
36
|
}
|
|
66
|
-
} else {
|
|
67
|
-
el.style.padding = String(value);
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
var paddingTopHandler = (el, value) => {
|
|
71
|
-
const v = getNumericValue(value);
|
|
72
|
-
if (v !== null)
|
|
73
|
-
el.style.paddingTop = `${v}px`;
|
|
74
37
|
};
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
38
|
+
// Directional padding handlers for .paddingTop(8), .paddingBottom(8), etc.
|
|
39
|
+
export const paddingTopHandler = (el, value) => {
|
|
40
|
+
const v = getNumericValue(value);
|
|
41
|
+
if (v !== null)
|
|
42
|
+
el.style.paddingTop = `${v}px`;
|
|
79
43
|
};
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
44
|
+
export const paddingBottomHandler = (el, value) => {
|
|
45
|
+
const v = getNumericValue(value);
|
|
46
|
+
if (v !== null)
|
|
47
|
+
el.style.paddingBottom = `${v}px`;
|
|
84
48
|
};
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
49
|
+
export const paddingLeftHandler = (el, value) => {
|
|
50
|
+
const v = getNumericValue(value);
|
|
51
|
+
if (v !== null)
|
|
52
|
+
el.style.paddingLeft = `${v}px`;
|
|
89
53
|
};
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
el.style.paddingRight = `${v}px`;
|
|
95
|
-
}
|
|
54
|
+
export const paddingRightHandler = (el, value) => {
|
|
55
|
+
const v = getNumericValue(value);
|
|
56
|
+
if (v !== null)
|
|
57
|
+
el.style.paddingRight = `${v}px`;
|
|
96
58
|
};
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
59
|
+
export const paddingHorizontalHandler = (el, value) => {
|
|
60
|
+
const v = getNumericValue(value);
|
|
61
|
+
if (v !== null) {
|
|
62
|
+
el.style.paddingLeft = `${v}px`;
|
|
63
|
+
el.style.paddingRight = `${v}px`;
|
|
64
|
+
}
|
|
103
65
|
};
|
|
104
|
-
export {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
paddingHandler,
|
|
111
|
-
paddingBottomHandler
|
|
66
|
+
export const paddingVerticalHandler = (el, value) => {
|
|
67
|
+
const v = getNumericValue(value);
|
|
68
|
+
if (v !== null) {
|
|
69
|
+
el.style.paddingTop = `${v}px`;
|
|
70
|
+
el.style.paddingBottom = `${v}px`;
|
|
71
|
+
}
|
|
112
72
|
};
|
|
113
|
-
|
|
114
|
-
//# debugId=B8875EEA7886050E64756E2164756E21
|
|
73
|
+
//# sourceMappingURL=padding.js.map
|
|
@@ -1,10 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/dom/applicators/padding.ts"],
|
|
4
|
-
"sourcesContent": [
|
|
5
|
-
"/**\n * Padding Applicators\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\n// Helper to extract numeric value from applicator value\nconst getNumericValue = (value: any): number | null => {\n if (typeof value === \"number\") return value;\n if (typeof value === \"object\" && value[\"0\"] !== undefined) return Number(value[\"0\"]);\n if (typeof value === \"string\") return parseFloat(value);\n return null;\n};\n\nexport const paddingHandler: ApplicatorHandler = (el, value) => {\n if (typeof value === \"number\") {\n el.style.padding = `${value}px`;\n } else if (typeof value === \"object\") {\n // Handle {0: value} format from .padding(value)\n if (value[\"0\"] !== undefined && Object.keys(value).length === 1) {\n el.style.padding = `${value[\"0\"]}px`;\n } else {\n if (value.left !== undefined) el.style.paddingLeft = `${value.left}px`;\n if (value.right !== undefined) el.style.paddingRight = `${value.right}px`;\n if (value.top !== undefined) el.style.paddingTop = `${value.top}px`;\n if (value.bottom !== undefined) el.style.paddingBottom = `${value.bottom}px`;\n }\n } else {\n el.style.padding = String(value);\n }\n};\n\n// Directional padding handlers for .paddingTop(8), .paddingBottom(8), etc.\nexport const paddingTopHandler: ApplicatorHandler = (el, value) => {\n const v = getNumericValue(value);\n if (v !== null) el.style.paddingTop = `${v}px`;\n};\n\nexport const paddingBottomHandler: ApplicatorHandler = (el, value) => {\n const v = getNumericValue(value);\n if (v !== null) el.style.paddingBottom = `${v}px`;\n};\n\nexport const paddingLeftHandler: ApplicatorHandler = (el, value) => {\n const v = getNumericValue(value);\n if (v !== null) el.style.paddingLeft = `${v}px`;\n};\n\nexport const paddingRightHandler: ApplicatorHandler = (el, value) => {\n const v = getNumericValue(value);\n if (v !== null) el.style.paddingRight = `${v}px`;\n};\n\nexport const paddingHorizontalHandler: ApplicatorHandler = (el, value) => {\n const v = getNumericValue(value);\n if (v !== null) {\n el.style.paddingLeft = `${v}px`;\n el.style.paddingRight = `${v}px`;\n }\n};\n\nexport const paddingVerticalHandler: ApplicatorHandler = (el, value) => {\n const v = getNumericValue(value);\n if (v !== null) {\n el.style.paddingTop = `${v}px`;\n el.style.paddingBottom = `${v}px`;\n }\n};\n"
|
|
6
|
-
],
|
|
7
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,kBAAkB,CAAC,UAA8B;AAAA,EACrD,IAAI,OAAO,UAAU;AAAA,IAAU,OAAO;AAAA,EACtC,IAAI,OAAO,UAAU,YAAY,MAAM,SAAS;AAAA,IAAW,OAAO,OAAO,MAAM,IAAI;AAAA,EACnF,IAAI,OAAO,UAAU;AAAA,IAAU,OAAO,WAAW,KAAK;AAAA,EACtD,OAAO;AAAA;AAGF,IAAM,iBAAoC,CAAC,IAAI,UAAU;AAAA,EAC9D,IAAI,OAAO,UAAU,UAAU;AAAA,IAC7B,GAAG,MAAM,UAAU,GAAG;AAAA,EACxB,EAAO,SAAI,OAAO,UAAU,UAAU;AAAA,IAEpC,IAAI,MAAM,SAAS,aAAa,OAAO,KAAK,KAAK,EAAE,WAAW,GAAG;AAAA,MAC/D,GAAG,MAAM,UAAU,GAAG,MAAM;AAAA,IAC9B,EAAO;AAAA,MACL,IAAI,MAAM,SAAS;AAAA,QAAW,GAAG,MAAM,cAAc,GAAG,MAAM;AAAA,MAC9D,IAAI,MAAM,UAAU;AAAA,QAAW,GAAG,MAAM,eAAe,GAAG,MAAM;AAAA,MAChE,IAAI,MAAM,QAAQ;AAAA,QAAW,GAAG,MAAM,aAAa,GAAG,MAAM;AAAA,MAC5D,IAAI,MAAM,WAAW;AAAA,QAAW,GAAG,MAAM,gBAAgB,GAAG,MAAM;AAAA;AAAA,EAEtE,EAAO;AAAA,IACL,GAAG,MAAM,UAAU,OAAO,KAAK;AAAA;AAAA;AAK5B,IAAM,oBAAuC,CAAC,IAAI,UAAU;AAAA,EACjE,MAAM,IAAI,gBAAgB,KAAK;AAAA,EAC/B,IAAI,MAAM;AAAA,IAAM,GAAG,MAAM,aAAa,GAAG;AAAA;AAGpC,IAAM,uBAA0C,CAAC,IAAI,UAAU;AAAA,EACpE,MAAM,IAAI,gBAAgB,KAAK;AAAA,EAC/B,IAAI,MAAM;AAAA,IAAM,GAAG,MAAM,gBAAgB,GAAG;AAAA;AAGvC,IAAM,qBAAwC,CAAC,IAAI,UAAU;AAAA,EAClE,MAAM,IAAI,gBAAgB,KAAK;AAAA,EAC/B,IAAI,MAAM;AAAA,IAAM,GAAG,MAAM,cAAc,GAAG;AAAA;AAGrC,IAAM,sBAAyC,CAAC,IAAI,UAAU;AAAA,EACnE,MAAM,IAAI,gBAAgB,KAAK;AAAA,EAC/B,IAAI,MAAM;AAAA,IAAM,GAAG,MAAM,eAAe,GAAG;AAAA;AAGtC,IAAM,2BAA8C,CAAC,IAAI,UAAU;AAAA,EACxE,MAAM,IAAI,gBAAgB,KAAK;AAAA,EAC/B,IAAI,MAAM,MAAM;AAAA,IACd,GAAG,MAAM,cAAc,GAAG;AAAA,IAC1B,GAAG,MAAM,eAAe,GAAG;AAAA,EAC7B;AAAA;AAGK,IAAM,yBAA4C,CAAC,IAAI,UAAU;AAAA,EACtE,MAAM,IAAI,gBAAgB,KAAK;AAAA,EAC/B,IAAI,MAAM,MAAM;AAAA,IACd,GAAG,MAAM,aAAa,GAAG;AAAA,IACzB,GAAG,MAAM,gBAAgB,GAAG;AAAA,EAC9B;AAAA;",
|
|
8
|
-
"debugId": "B8875EEA7886050E64756E2164756E21",
|
|
9
|
-
"names": []
|
|
10
|
-
}
|
|
1
|
+
{"version":3,"file":"padding.js","sourceRoot":"","sources":["../../../src/dom/applicators/padding.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,176 +1,173 @@
|
|
|
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;
|
|
23
|
-
};
|
|
24
|
-
var __moduleCache;
|
|
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/size.ts
|
|
1
|
+
/**
|
|
2
|
+
* Size Applicators
|
|
3
|
+
*
|
|
4
|
+
* Cross-platform sizing value support:
|
|
5
|
+
* - Numbers: treated as px (platform default)
|
|
6
|
+
* - "100px": absolute pixels (1px = 1px everywhere)
|
|
7
|
+
* - "100dp" / "100pt": density-independent (1dp ≈ 1pt, scaled by device)
|
|
8
|
+
* - "50%": percentage of parent
|
|
9
|
+
* - "50vw" / "50vh": viewport width/height
|
|
10
|
+
* - "fill" / "100%": fill available space
|
|
11
|
+
* - "wrap" / "auto": fit content
|
|
12
|
+
*/
|
|
13
|
+
/**
|
|
14
|
+
* Parse a size value and return CSS-compatible string.
|
|
15
|
+
* Ensures cross-platform compatibility with Android/iOS.
|
|
16
|
+
*/
|
|
41
17
|
function parseSizeValue(value) {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
const str = String(value).trim().toLowerCase();
|
|
48
|
-
switch (str) {
|
|
49
|
-
case "fill":
|
|
50
|
-
case "match_parent":
|
|
51
|
-
return "100%";
|
|
52
|
-
case "wrap":
|
|
53
|
-
case "wrap_content":
|
|
54
|
-
case "auto":
|
|
55
|
-
return "auto";
|
|
56
|
-
case "infinity":
|
|
57
|
-
case "inf":
|
|
58
|
-
case "max":
|
|
59
|
-
return "100%";
|
|
60
|
-
}
|
|
61
|
-
const match = str.match(/^(-?[\d.]+)\s*(px|dp|pt|%|vw|vh|vmin|vmax|em|rem)?$/);
|
|
62
|
-
if (!match) {
|
|
63
|
-
return str;
|
|
64
|
-
}
|
|
65
|
-
const num = parseFloat(match[1]);
|
|
66
|
-
const unit = match[2] || "px";
|
|
67
|
-
switch (unit) {
|
|
68
|
-
case "px":
|
|
69
|
-
return `${num}px`;
|
|
70
|
-
case "dp":
|
|
71
|
-
case "pt":
|
|
72
|
-
return `${num}px`;
|
|
73
|
-
case "%":
|
|
74
|
-
return `${num}%`;
|
|
75
|
-
case "vw":
|
|
76
|
-
return `${num}vw`;
|
|
77
|
-
case "vh":
|
|
78
|
-
return `${num}vh`;
|
|
79
|
-
case "vmin":
|
|
80
|
-
return `${num}vmin`;
|
|
81
|
-
case "vmax":
|
|
82
|
-
return `${num}vmax`;
|
|
83
|
-
case "em":
|
|
84
|
-
return `${num}em`;
|
|
85
|
-
case "rem":
|
|
86
|
-
return `${num}rem`;
|
|
87
|
-
default:
|
|
88
|
-
return `${num}px`;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
var sizeHandlers = {
|
|
92
|
-
width: (el, value) => {
|
|
93
|
-
const size = parseSizeValue(value);
|
|
94
|
-
if (size)
|
|
95
|
-
el.style.width = size;
|
|
96
|
-
},
|
|
97
|
-
height: (el, value) => {
|
|
98
|
-
const size = parseSizeValue(value);
|
|
99
|
-
if (size)
|
|
100
|
-
el.style.height = size;
|
|
101
|
-
},
|
|
102
|
-
minWidth: (el, value) => {
|
|
103
|
-
const size = parseSizeValue(value);
|
|
104
|
-
if (size)
|
|
105
|
-
el.style.minWidth = size;
|
|
106
|
-
},
|
|
107
|
-
minHeight: (el, value) => {
|
|
108
|
-
const size = parseSizeValue(value);
|
|
109
|
-
if (size)
|
|
110
|
-
el.style.minHeight = size;
|
|
111
|
-
},
|
|
112
|
-
maxWidth: (el, value) => {
|
|
113
|
-
const size = parseSizeValue(value);
|
|
114
|
-
if (size)
|
|
115
|
-
el.style.maxWidth = size;
|
|
116
|
-
},
|
|
117
|
-
maxHeight: (el, value) => {
|
|
118
|
-
const size = parseSizeValue(value);
|
|
119
|
-
if (size)
|
|
120
|
-
el.style.maxHeight = size;
|
|
121
|
-
},
|
|
122
|
-
size: (el, value) => {
|
|
123
|
-
if (typeof value === "object" && value !== null) {
|
|
124
|
-
const obj = value;
|
|
125
|
-
if (obj.width !== undefined) {
|
|
126
|
-
const w = parseSizeValue(obj.width);
|
|
127
|
-
if (w)
|
|
128
|
-
el.style.width = w;
|
|
129
|
-
}
|
|
130
|
-
if (obj.height !== undefined) {
|
|
131
|
-
const h = parseSizeValue(obj.height);
|
|
132
|
-
if (h)
|
|
133
|
-
el.style.height = h;
|
|
134
|
-
}
|
|
135
|
-
} else {
|
|
136
|
-
const size = parseSizeValue(value);
|
|
137
|
-
if (size) {
|
|
138
|
-
el.style.width = size;
|
|
139
|
-
el.style.height = size;
|
|
140
|
-
}
|
|
18
|
+
if (value === null || value === undefined)
|
|
19
|
+
return null;
|
|
20
|
+
// Numbers default to px
|
|
21
|
+
if (typeof value === "number") {
|
|
22
|
+
return `${value}px`;
|
|
141
23
|
}
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
24
|
+
const str = String(value).trim().toLowerCase();
|
|
25
|
+
// Keywords
|
|
26
|
+
switch (str) {
|
|
27
|
+
case "fill":
|
|
28
|
+
case "match_parent":
|
|
29
|
+
return "100%";
|
|
30
|
+
case "wrap":
|
|
31
|
+
case "wrap_content":
|
|
32
|
+
case "auto":
|
|
33
|
+
return "auto";
|
|
34
|
+
case "infinity":
|
|
35
|
+
case "inf":
|
|
36
|
+
case "max":
|
|
37
|
+
return "100%";
|
|
153
38
|
}
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
39
|
+
// Parse value with unit
|
|
40
|
+
const match = str.match(/^(-?[\d.]+)\s*(px|dp|pt|%|vw|vh|vmin|vmax|em|rem)?$/);
|
|
41
|
+
if (!match) {
|
|
42
|
+
// Pass through other CSS values as-is (e.g., "calc(...)", "fit-content")
|
|
43
|
+
return str;
|
|
44
|
+
}
|
|
45
|
+
const num = parseFloat(match[1]);
|
|
46
|
+
const unit = match[2] || "px";
|
|
47
|
+
switch (unit) {
|
|
48
|
+
case "px":
|
|
49
|
+
// Absolute pixels - use as-is
|
|
50
|
+
return `${num}px`;
|
|
51
|
+
case "dp":
|
|
52
|
+
case "pt":
|
|
53
|
+
// Density-independent points
|
|
54
|
+
// On web, 1dp/1pt ≈ 1px at standard density (96dpi)
|
|
55
|
+
// CSS already handles this via px, so we just use px
|
|
56
|
+
// For true density independence, we'd need to query devicePixelRatio
|
|
57
|
+
// but CSS px is already defined as 1/96th of an inch
|
|
58
|
+
return `${num}px`;
|
|
59
|
+
case "%":
|
|
60
|
+
return `${num}%`;
|
|
61
|
+
case "vw":
|
|
62
|
+
return `${num}vw`;
|
|
63
|
+
case "vh":
|
|
64
|
+
return `${num}vh`;
|
|
65
|
+
case "vmin":
|
|
66
|
+
return `${num}vmin`;
|
|
67
|
+
case "vmax":
|
|
68
|
+
return `${num}vmax`;
|
|
69
|
+
case "em":
|
|
70
|
+
return `${num}em`;
|
|
71
|
+
case "rem":
|
|
72
|
+
return `${num}rem`;
|
|
73
|
+
default:
|
|
74
|
+
return `${num}px`;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
export const sizeHandlers = {
|
|
78
|
+
width: (el, value) => {
|
|
79
|
+
const size = parseSizeValue(value);
|
|
80
|
+
if (size)
|
|
81
|
+
el.style.width = size;
|
|
82
|
+
},
|
|
83
|
+
height: (el, value) => {
|
|
84
|
+
const size = parseSizeValue(value);
|
|
85
|
+
if (size)
|
|
86
|
+
el.style.height = size;
|
|
87
|
+
},
|
|
88
|
+
minWidth: (el, value) => {
|
|
89
|
+
const size = parseSizeValue(value);
|
|
90
|
+
if (size)
|
|
91
|
+
el.style.minWidth = size;
|
|
92
|
+
},
|
|
93
|
+
minHeight: (el, value) => {
|
|
94
|
+
const size = parseSizeValue(value);
|
|
95
|
+
if (size)
|
|
96
|
+
el.style.minHeight = size;
|
|
97
|
+
},
|
|
98
|
+
maxWidth: (el, value) => {
|
|
99
|
+
const size = parseSizeValue(value);
|
|
100
|
+
if (size)
|
|
101
|
+
el.style.maxWidth = size;
|
|
102
|
+
},
|
|
103
|
+
maxHeight: (el, value) => {
|
|
104
|
+
const size = parseSizeValue(value);
|
|
105
|
+
if (size)
|
|
106
|
+
el.style.maxHeight = size;
|
|
107
|
+
},
|
|
108
|
+
// Combined size applicator - sets both width and height
|
|
109
|
+
size: (el, value) => {
|
|
110
|
+
if (typeof value === "object" && value !== null) {
|
|
111
|
+
const obj = value;
|
|
112
|
+
if (obj.width !== undefined) {
|
|
113
|
+
const w = parseSizeValue(obj.width);
|
|
114
|
+
if (w)
|
|
115
|
+
el.style.width = w;
|
|
116
|
+
}
|
|
117
|
+
if (obj.height !== undefined) {
|
|
118
|
+
const h = parseSizeValue(obj.height);
|
|
119
|
+
if (h)
|
|
120
|
+
el.style.height = h;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
else {
|
|
124
|
+
const size = parseSizeValue(value);
|
|
125
|
+
if (size) {
|
|
126
|
+
el.style.width = size;
|
|
127
|
+
el.style.height = size;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
},
|
|
131
|
+
// Fill max width - stretch to fill parent width
|
|
132
|
+
// Note: This only stretches within parent's current width.
|
|
133
|
+
// For full-width behavior, parent Columns also need fillMaxWidth(true).
|
|
134
|
+
fillMaxWidth: (el, value) => {
|
|
135
|
+
if (value === false)
|
|
136
|
+
return;
|
|
137
|
+
const fraction = typeof value === "number" ? value : 1;
|
|
138
|
+
if (fraction === 1) {
|
|
139
|
+
// Use align-self stretch to fill cross-axis in flex containers
|
|
140
|
+
el.style.alignSelf = "stretch";
|
|
141
|
+
el.style.width = "100%";
|
|
142
|
+
el.style.minWidth = "0"; // Prevent flex item from overflowing
|
|
143
|
+
}
|
|
144
|
+
else {
|
|
145
|
+
// For fractional width, use percentage
|
|
146
|
+
el.style.width = `${fraction * 100}%`;
|
|
147
|
+
}
|
|
148
|
+
// For grid containers (Stack)
|
|
149
|
+
el.style.justifySelf = "stretch";
|
|
150
|
+
},
|
|
151
|
+
// Fill max height - shorthand for height: 100%
|
|
152
|
+
fillMaxHeight: (el, value) => {
|
|
153
|
+
if (value === false)
|
|
154
|
+
return;
|
|
155
|
+
// Value can be a fraction (0-1) or boolean
|
|
156
|
+
const fraction = typeof value === "number" ? value : 1;
|
|
157
|
+
el.style.height = `${fraction * 100}%`;
|
|
158
|
+
},
|
|
159
|
+
// Fill max size - shorthand for width: 100% and height: 100%
|
|
160
|
+
fillMaxSize: (el, value) => {
|
|
161
|
+
if (value === false)
|
|
162
|
+
return;
|
|
163
|
+
// Value can be a fraction (0-1) or boolean
|
|
164
|
+
const fraction = typeof value === "number" ? value : 1;
|
|
165
|
+
el.style.width = `${fraction * 100}%`;
|
|
166
|
+
el.style.height = `${fraction * 100}%`;
|
|
167
|
+
// Use align-self stretch to fill cross-axis in flex containers
|
|
168
|
+
// This is needed because parent might have alignItems: flex-start (wrap behavior)
|
|
169
|
+
el.style.alignSelf = "stretch";
|
|
170
|
+
el.style.minWidth = "0"; // Prevent flex item from overflowing
|
|
171
|
+
},
|
|
174
172
|
};
|
|
175
|
-
|
|
176
|
-
//# debugId=DC39BEFE407445F764756E2164756E21
|
|
173
|
+
//# sourceMappingURL=size.js.map
|
|
@@ -1,10 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/dom/applicators/size.ts"],
|
|
4
|
-
"sourcesContent": [
|
|
5
|
-
"/**\n * Size Applicators\n *\n * Cross-platform sizing value support:\n * - Numbers: treated as px (platform default)\n * - \"100px\": absolute pixels (1px = 1px everywhere)\n * - \"100dp\" / \"100pt\": density-independent (1dp ≈ 1pt, scaled by device)\n * - \"50%\": percentage of parent\n * - \"50vw\" / \"50vh\": viewport width/height\n * - \"fill\" / \"100%\": fill available space\n * - \"wrap\" / \"auto\": fit content\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\n/**\n * Parse a size value and return CSS-compatible string.\n * Ensures cross-platform compatibility with Android/iOS.\n */\nfunction parseSizeValue(value: any): string | null {\n if (value === null || value === undefined) return null;\n\n // Numbers default to px\n if (typeof value === \"number\") {\n return `${value}px`;\n }\n\n const str = String(value).trim().toLowerCase();\n\n // Keywords\n switch (str) {\n case \"fill\":\n case \"match_parent\":\n return \"100%\";\n case \"wrap\":\n case \"wrap_content\":\n case \"auto\":\n return \"auto\";\n case \"infinity\":\n case \"inf\":\n case \"max\":\n return \"100%\";\n }\n\n // Parse value with unit\n const match = str.match(/^(-?[\\d.]+)\\s*(px|dp|pt|%|vw|vh|vmin|vmax|em|rem)?$/);\n if (!match) {\n // Pass through other CSS values as-is (e.g., \"calc(...)\", \"fit-content\")\n return str;\n }\n\n const num = parseFloat(match[1]);\n const unit = match[2] || \"px\";\n\n switch (unit) {\n case \"px\":\n // Absolute pixels - use as-is\n return `${num}px`;\n case \"dp\":\n case \"pt\":\n // Density-independent points\n // On web, 1dp/1pt ≈ 1px at standard density (96dpi)\n // CSS already handles this via px, so we just use px\n // For true density independence, we'd need to query devicePixelRatio\n // but CSS px is already defined as 1/96th of an inch\n return `${num}px`;\n case \"%\":\n return `${num}%`;\n case \"vw\":\n return `${num}vw`;\n case \"vh\":\n return `${num}vh`;\n case \"vmin\":\n return `${num}vmin`;\n case \"vmax\":\n return `${num}vmax`;\n case \"em\":\n return `${num}em`;\n case \"rem\":\n return `${num}rem`;\n default:\n return `${num}px`;\n }\n}\n\nexport const sizeHandlers: Record<string, ApplicatorHandler> = {\n width: (el, value) => {\n const size = parseSizeValue(value);\n if (size) el.style.width = size;\n },\n\n height: (el, value) => {\n const size = parseSizeValue(value);\n if (size) el.style.height = size;\n },\n\n minWidth: (el, value) => {\n const size = parseSizeValue(value);\n if (size) el.style.minWidth = size;\n },\n\n minHeight: (el, value) => {\n const size = parseSizeValue(value);\n if (size) el.style.minHeight = size;\n },\n\n maxWidth: (el, value) => {\n const size = parseSizeValue(value);\n if (size) el.style.maxWidth = size;\n },\n\n maxHeight: (el, value) => {\n const size = parseSizeValue(value);\n if (size) el.style.maxHeight = size;\n },\n\n // Combined size applicator - sets both width and height\n size: (el, value) => {\n if (typeof value === \"object\" && value !== null) {\n const obj = value as Record<string, any>;\n if (obj.width !== undefined) {\n const w = parseSizeValue(obj.width);\n if (w) el.style.width = w;\n }\n if (obj.height !== undefined) {\n const h = parseSizeValue(obj.height);\n if (h) el.style.height = h;\n }\n } else {\n const size = parseSizeValue(value);\n if (size) {\n el.style.width = size;\n el.style.height = size;\n }\n }\n },\n\n // Fill max width - stretch to fill parent width\n // Note: This only stretches within parent's current width.\n // For full-width behavior, parent Columns also need fillMaxWidth(true).\n fillMaxWidth: (el, value) => {\n if (value === false) return;\n const fraction = typeof value === \"number\" ? value : 1;\n if (fraction === 1) {\n // Use align-self stretch to fill cross-axis in flex containers\n el.style.alignSelf = \"stretch\";\n el.style.width = \"100%\";\n el.style.minWidth = \"0\"; // Prevent flex item from overflowing\n } else {\n // For fractional width, use percentage\n el.style.width = `${fraction * 100}%`;\n }\n // For grid containers (Stack)\n el.style.justifySelf = \"stretch\";\n },\n\n // Fill max height - shorthand for height: 100%\n fillMaxHeight: (el, value) => {\n if (value === false) return;\n // Value can be a fraction (0-1) or boolean\n const fraction = typeof value === \"number\" ? value : 1;\n el.style.height = `${fraction * 100}%`;\n },\n\n // Fill max size - shorthand for width: 100% and height: 100%\n fillMaxSize: (el, value) => {\n if (value === false) return;\n // Value can be a fraction (0-1) or boolean\n const fraction = typeof value === \"number\" ? value : 1;\n el.style.width = `${fraction * 100}%`;\n el.style.height = `${fraction * 100}%`;\n // Use align-self stretch to fill cross-axis in flex containers\n // This is needed because parent might have alignItems: flex-start (wrap behavior)\n el.style.alignSelf = \"stretch\";\n el.style.minWidth = \"0\"; // Prevent flex item from overflowing\n },\n};\n"
|
|
6
|
-
],
|
|
7
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAS,cAAc,CAAC,OAA2B;AAAA,EACjD,IAAI,UAAU,QAAQ,UAAU;AAAA,IAAW,OAAO;AAAA,EAGlD,IAAI,OAAO,UAAU,UAAU;AAAA,IAC7B,OAAO,GAAG;AAAA,EACZ;AAAA,EAEA,MAAM,MAAM,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY;AAAA,EAG7C,QAAQ;AAAA,SACD;AAAA,SACA;AAAA,MACH,OAAO;AAAA,SACJ;AAAA,SACA;AAAA,SACA;AAAA,MACH,OAAO;AAAA,SACJ;AAAA,SACA;AAAA,SACA;AAAA,MACH,OAAO;AAAA;AAAA,EAIX,MAAM,QAAQ,IAAI,MAAM,qDAAqD;AAAA,EAC7E,IAAI,CAAC,OAAO;AAAA,IAEV,OAAO;AAAA,EACT;AAAA,EAEA,MAAM,MAAM,WAAW,MAAM,EAAE;AAAA,EAC/B,MAAM,OAAO,MAAM,MAAM;AAAA,EAEzB,QAAQ;AAAA,SACD;AAAA,MAEH,OAAO,GAAG;AAAA,SACP;AAAA,SACA;AAAA,MAMH,OAAO,GAAG;AAAA,SACP;AAAA,MACH,OAAO,GAAG;AAAA,SACP;AAAA,MACH,OAAO,GAAG;AAAA,SACP;AAAA,MACH,OAAO,GAAG;AAAA,SACP;AAAA,MACH,OAAO,GAAG;AAAA,SACP;AAAA,MACH,OAAO,GAAG;AAAA,SACP;AAAA,MACH,OAAO,GAAG;AAAA,SACP;AAAA,MACH,OAAO,GAAG;AAAA;AAAA,MAEV,OAAO,GAAG;AAAA;AAAA;AAIT,IAAM,eAAkD;AAAA,EAC7D,OAAO,CAAC,IAAI,UAAU;AAAA,IACpB,MAAM,OAAO,eAAe,KAAK;AAAA,IACjC,IAAI;AAAA,MAAM,GAAG,MAAM,QAAQ;AAAA;AAAA,EAG7B,QAAQ,CAAC,IAAI,UAAU;AAAA,IACrB,MAAM,OAAO,eAAe,KAAK;AAAA,IACjC,IAAI;AAAA,MAAM,GAAG,MAAM,SAAS;AAAA;AAAA,EAG9B,UAAU,CAAC,IAAI,UAAU;AAAA,IACvB,MAAM,OAAO,eAAe,KAAK;AAAA,IACjC,IAAI;AAAA,MAAM,GAAG,MAAM,WAAW;AAAA;AAAA,EAGhC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,MAAM,OAAO,eAAe,KAAK;AAAA,IACjC,IAAI;AAAA,MAAM,GAAG,MAAM,YAAY;AAAA;AAAA,EAGjC,UAAU,CAAC,IAAI,UAAU;AAAA,IACvB,MAAM,OAAO,eAAe,KAAK;AAAA,IACjC,IAAI;AAAA,MAAM,GAAG,MAAM,WAAW;AAAA;AAAA,EAGhC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,MAAM,OAAO,eAAe,KAAK;AAAA,IACjC,IAAI;AAAA,MAAM,GAAG,MAAM,YAAY;AAAA;AAAA,EAIjC,MAAM,CAAC,IAAI,UAAU;AAAA,IACnB,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAAA,MAC/C,MAAM,MAAM;AAAA,MACZ,IAAI,IAAI,UAAU,WAAW;AAAA,QAC3B,MAAM,IAAI,eAAe,IAAI,KAAK;AAAA,QAClC,IAAI;AAAA,UAAG,GAAG,MAAM,QAAQ;AAAA,MAC1B;AAAA,MACA,IAAI,IAAI,WAAW,WAAW;AAAA,QAC5B,MAAM,IAAI,eAAe,IAAI,MAAM;AAAA,QACnC,IAAI;AAAA,UAAG,GAAG,MAAM,SAAS;AAAA,MAC3B;AAAA,IACF,EAAO;AAAA,MACL,MAAM,OAAO,eAAe,KAAK;AAAA,MACjC,IAAI,MAAM;AAAA,QACR,GAAG,MAAM,QAAQ;AAAA,QACjB,GAAG,MAAM,SAAS;AAAA,MACpB;AAAA;AAAA;AAAA,EAOJ,cAAc,CAAC,IAAI,UAAU;AAAA,IAC3B,IAAI,UAAU;AAAA,MAAO;AAAA,IACrB,MAAM,WAAW,OAAO,UAAU,WAAW,QAAQ;AAAA,IACrD,IAAI,aAAa,GAAG;AAAA,MAElB,GAAG,MAAM,YAAY;AAAA,MACrB,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,WAAW;AAAA,IACtB,EAAO;AAAA,MAEL,GAAG,MAAM,QAAQ,GAAG,WAAW;AAAA;AAAA,IAGjC,GAAG,MAAM,cAAc;AAAA;AAAA,EAIzB,eAAe,CAAC,IAAI,UAAU;AAAA,IAC5B,IAAI,UAAU;AAAA,MAAO;AAAA,IAErB,MAAM,WAAW,OAAO,UAAU,WAAW,QAAQ;AAAA,IACrD,GAAG,MAAM,SAAS,GAAG,WAAW;AAAA;AAAA,EAIlC,aAAa,CAAC,IAAI,UAAU;AAAA,IAC1B,IAAI,UAAU;AAAA,MAAO;AAAA,IAErB,MAAM,WAAW,OAAO,UAAU,WAAW,QAAQ;AAAA,IACrD,GAAG,MAAM,QAAQ,GAAG,WAAW;AAAA,IAC/B,GAAG,MAAM,SAAS,GAAG,WAAW;AAAA,IAGhC,GAAG,MAAM,YAAY;AAAA,IACrB,GAAG,MAAM,WAAW;AAAA;AAExB;",
|
|
8
|
-
"debugId": "DC39BEFE407445F764756E2164756E21",
|
|
9
|
-
"names": []
|
|
10
|
-
}
|
|
1
|
+
{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../src/dom/applicators/size.ts"],"names":[],"mappings":"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"}
|