@hypen-space/web 0.4.36 → 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.
Files changed (139) hide show
  1. package/dist/canvas/accessibility.js +174 -174
  2. package/dist/canvas/accessibility.js.map +1 -10
  3. package/dist/canvas/events.js +264 -360
  4. package/dist/canvas/events.js.map +1 -11
  5. package/dist/canvas/index.js +11 -47
  6. package/dist/canvas/index.js.map +1 -9
  7. package/dist/canvas/input.js +178 -289
  8. package/dist/canvas/input.js.map +1 -11
  9. package/dist/canvas/layout.js +349 -547
  10. package/dist/canvas/layout.js.map +1 -12
  11. package/dist/canvas/paint.js +1122 -1146
  12. package/dist/canvas/paint.js.map +1 -12
  13. package/dist/canvas/renderer.js +352 -2259
  14. package/dist/canvas/renderer.js.map +1 -17
  15. package/dist/canvas/text.js +129 -264
  16. package/dist/canvas/text.js.map +1 -11
  17. package/dist/canvas/types.js +7 -2
  18. package/dist/canvas/types.js.map +1 -9
  19. package/dist/canvas/utils.js +158 -161
  20. package/dist/canvas/utils.js.map +1 -10
  21. package/dist/client.js +19 -45
  22. package/dist/client.js.map +1 -9
  23. package/dist/dom/applicators/advanced-layout.js +105 -138
  24. package/dist/dom/applicators/advanced-layout.js.map +1 -10
  25. package/dist/dom/applicators/background.js +36 -76
  26. package/dist/dom/applicators/background.js.map +1 -10
  27. package/dist/dom/applicators/border.js +82 -106
  28. package/dist/dom/applicators/border.js.map +1 -10
  29. package/dist/dom/applicators/color.js +17 -58
  30. package/dist/dom/applicators/color.js.map +1 -10
  31. package/dist/dom/applicators/display.js +39 -79
  32. package/dist/dom/applicators/display.js.map +1 -10
  33. package/dist/dom/applicators/effects.js +121 -147
  34. package/dist/dom/applicators/effects.js.map +1 -10
  35. package/dist/dom/applicators/events.js +413 -450
  36. package/dist/dom/applicators/events.js.map +1 -11
  37. package/dist/dom/applicators/font.js +119 -140
  38. package/dist/dom/applicators/font.js.map +1 -10
  39. package/dist/dom/applicators/index.js +386 -1770
  40. package/dist/dom/applicators/index.js.map +1 -26
  41. package/dist/dom/applicators/layout.js +143 -149
  42. package/dist/dom/applicators/layout.js.map +1 -10
  43. package/dist/dom/applicators/margin.js +64 -105
  44. package/dist/dom/applicators/margin.js.map +1 -10
  45. package/dist/dom/applicators/padding.js +64 -105
  46. package/dist/dom/applicators/padding.js.map +1 -10
  47. package/dist/dom/applicators/size.js +169 -172
  48. package/dist/dom/applicators/size.js.map +1 -10
  49. package/dist/dom/applicators/transform.js +73 -114
  50. package/dist/dom/applicators/transform.js.map +1 -10
  51. package/dist/dom/applicators/transition.js +47 -88
  52. package/dist/dom/applicators/transition.js.map +1 -10
  53. package/dist/dom/applicators/types.js +7 -2
  54. package/dist/dom/applicators/types.js.map +1 -9
  55. package/dist/dom/applicators/typography.js +68 -109
  56. package/dist/dom/applicators/typography.js.map +1 -10
  57. package/dist/dom/canvas/index.js +49 -83
  58. package/dist/dom/canvas/index.js.map +1 -10
  59. package/dist/dom/components/app.js +16 -63
  60. package/dist/dom/components/app.js.map +1 -10
  61. package/dist/dom/components/audio.js +31 -76
  62. package/dist/dom/components/audio.js.map +1 -10
  63. package/dist/dom/components/avatar.js +41 -87
  64. package/dist/dom/components/avatar.js.map +1 -10
  65. package/dist/dom/components/badge.js +35 -83
  66. package/dist/dom/components/badge.js.map +1 -10
  67. package/dist/dom/components/button.js +26 -69
  68. package/dist/dom/components/button.js.map +1 -10
  69. package/dist/dom/components/card.js +13 -63
  70. package/dist/dom/components/card.js.map +1 -10
  71. package/dist/dom/components/center.js +21 -65
  72. package/dist/dom/components/center.js.map +1 -10
  73. package/dist/dom/components/checkbox.js +37 -82
  74. package/dist/dom/components/checkbox.js.map +1 -10
  75. package/dist/dom/components/column.js +16 -62
  76. package/dist/dom/components/column.js.map +1 -10
  77. package/dist/dom/components/container.js +11 -59
  78. package/dist/dom/components/container.js.map +1 -10
  79. package/dist/dom/components/divider.js +27 -73
  80. package/dist/dom/components/divider.js.map +1 -10
  81. package/dist/dom/components/grid.js +41 -80
  82. package/dist/dom/components/grid.js.map +1 -10
  83. package/dist/dom/components/heading.js +28 -74
  84. package/dist/dom/components/heading.js.map +1 -10
  85. package/dist/dom/components/hypenapp.js +291 -288
  86. package/dist/dom/components/hypenapp.js.map +1 -10
  87. package/dist/dom/components/image.js +18 -67
  88. package/dist/dom/components/image.js.map +1 -10
  89. package/dist/dom/components/index.js +109 -1427
  90. package/dist/dom/components/index.js.map +1 -42
  91. package/dist/dom/components/input.js +19 -69
  92. package/dist/dom/components/input.js.map +1 -10
  93. package/dist/dom/components/link.js +23 -70
  94. package/dist/dom/components/link.js.map +1 -10
  95. package/dist/dom/components/list.js +26 -72
  96. package/dist/dom/components/list.js.map +1 -10
  97. package/dist/dom/components/paragraph.js +14 -63
  98. package/dist/dom/components/paragraph.js.map +1 -10
  99. package/dist/dom/components/progressbar.js +38 -85
  100. package/dist/dom/components/progressbar.js.map +1 -10
  101. package/dist/dom/components/route.js +27 -73
  102. package/dist/dom/components/route.js.map +1 -10
  103. package/dist/dom/components/router.js +15 -62
  104. package/dist/dom/components/router.js.map +1 -10
  105. package/dist/dom/components/row.js +25 -70
  106. package/dist/dom/components/row.js.map +1 -10
  107. package/dist/dom/components/select.js +42 -85
  108. package/dist/dom/components/select.js.map +1 -10
  109. package/dist/dom/components/slider.js +31 -76
  110. package/dist/dom/components/slider.js.map +1 -10
  111. package/dist/dom/components/spacer.js +10 -60
  112. package/dist/dom/components/spacer.js.map +1 -10
  113. package/dist/dom/components/spinner.js +41 -88
  114. package/dist/dom/components/spinner.js.map +1 -10
  115. package/dist/dom/components/stack.js +19 -67
  116. package/dist/dom/components/stack.js.map +1 -10
  117. package/dist/dom/components/switch.js +50 -93
  118. package/dist/dom/components/switch.js.map +1 -10
  119. package/dist/dom/components/text.js +24 -69
  120. package/dist/dom/components/text.js.map +1 -10
  121. package/dist/dom/components/textarea.js +35 -79
  122. package/dist/dom/components/textarea.js.map +1 -10
  123. package/dist/dom/components/video.js +35 -79
  124. package/dist/dom/components/video.js.map +1 -10
  125. package/dist/dom/debug.js +159 -160
  126. package/dist/dom/debug.js.map +1 -10
  127. package/dist/dom/element-data.js +181 -143
  128. package/dist/dom/element-data.js.map +1 -10
  129. package/dist/dom/events.js +133 -142
  130. package/dist/dom/events.js.map +1 -10
  131. package/dist/dom/index.js +11 -48
  132. package/dist/dom/index.js.map +1 -9
  133. package/dist/dom/renderer.js +311 -3596
  134. package/dist/dom/renderer.js.map +1 -62
  135. package/dist/hypen.js +385 -3880
  136. package/dist/hypen.js.map +1 -63
  137. package/dist/index.js +36 -53
  138. package/dist/index.js.map +1 -9
  139. package/package.json +2 -2
@@ -1,139 +1,106 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropNames = Object.getOwnPropertyNames;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- function __accessProp(key) {
6
- return this[key];
7
- }
8
- var __toCommonJS = (from) => {
9
- var entry = (__moduleCache ??= new WeakMap).get(from), desc;
10
- if (entry)
11
- return entry;
12
- entry = __defProp({}, "__esModule", { value: true });
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
+ * Advanced Layout Applicators (Flexbox, Grid, Positioning)
3
+ */
4
+ export const advancedLayoutHandlers = {
5
+ // Flexbox properties
6
+ flexDirection: (el, value) => {
7
+ el.style.flexDirection = String(value);
8
+ },
9
+ flexWrap: (el, value) => {
10
+ el.style.flexWrap = String(value);
11
+ },
12
+ flexBasis: (el, value) => {
13
+ el.style.flexBasis = typeof value === "number" ? `${value}px` : String(value);
14
+ },
15
+ alignContent: (el, value) => {
16
+ el.style.alignContent = String(value);
17
+ },
18
+ order: (el, value) => {
19
+ el.style.order = String(value);
20
+ },
21
+ // Grid properties
22
+ gridTemplateColumns: (el, value) => {
23
+ el.style.gridTemplateColumns = String(value);
24
+ },
25
+ gridTemplateRows: (el, value) => {
26
+ el.style.gridTemplateRows = String(value);
27
+ },
28
+ // Unified API aliases (simpler names)
29
+ gridColumns: (el, value) => {
30
+ // Support number (repeat) or string (CSS value)
31
+ if (typeof value === "number") {
32
+ el.style.gridTemplateColumns = `repeat(${value}, 1fr)`;
33
+ }
34
+ else {
35
+ el.style.gridTemplateColumns = String(value);
36
+ }
37
+ },
38
+ gridRows: (el, value) => {
39
+ // Support number (repeat) or string (CSS value)
40
+ if (typeof value === "number") {
41
+ el.style.gridTemplateRows = `repeat(${value}, 1fr)`;
42
+ }
43
+ else {
44
+ el.style.gridTemplateRows = String(value);
45
+ }
46
+ },
47
+ gridTemplateAreas: (el, value) => {
48
+ el.style.gridTemplateAreas = String(value);
49
+ },
50
+ gridColumn: (el, value) => {
51
+ el.style.gridColumn = String(value);
52
+ },
53
+ gridRow: (el, value) => {
54
+ el.style.gridRow = String(value);
55
+ },
56
+ gridArea: (el, value) => {
57
+ el.style.gridArea = String(value);
58
+ },
59
+ gridAutoFlow: (el, value) => {
60
+ el.style.gridAutoFlow = String(value);
61
+ },
62
+ gridAutoColumns: (el, value) => {
63
+ el.style.gridAutoColumns = String(value);
64
+ },
65
+ gridAutoRows: (el, value) => {
66
+ el.style.gridAutoRows = String(value);
67
+ },
68
+ rowGap: (el, value) => {
69
+ el.style.rowGap = typeof value === "number" ? `${value}px` : String(value);
70
+ },
71
+ columnGap: (el, value) => {
72
+ el.style.columnGap = typeof value === "number" ? `${value}px` : String(value);
73
+ },
74
+ placeItems: (el, value) => {
75
+ el.style.placeItems = String(value);
76
+ },
77
+ placeContent: (el, value) => {
78
+ el.style.placeContent = String(value);
79
+ },
80
+ placeSelf: (el, value) => {
81
+ el.style.placeSelf = String(value);
82
+ },
83
+ // Positioning
84
+ position: (el, value) => {
85
+ el.style.position = String(value);
86
+ },
87
+ top: (el, value) => {
88
+ el.style.top = typeof value === "number" ? `${value}px` : String(value);
89
+ },
90
+ right: (el, value) => {
91
+ el.style.right = typeof value === "number" ? `${value}px` : String(value);
92
+ },
93
+ bottom: (el, value) => {
94
+ el.style.bottom = typeof value === "number" ? `${value}px` : String(value);
95
+ },
96
+ left: (el, value) => {
97
+ el.style.left = typeof value === "number" ? `${value}px` : String(value);
98
+ },
99
+ inset: (el, value) => {
100
+ el.style.inset = typeof value === "number" ? `${value}px` : String(value);
101
+ },
102
+ zIndex: (el, value) => {
103
+ el.style.zIndex = String(value);
104
+ },
23
105
  };
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/advanced-layout.ts
41
- var advancedLayoutHandlers = {
42
- flexDirection: (el, value) => {
43
- el.style.flexDirection = String(value);
44
- },
45
- flexWrap: (el, value) => {
46
- el.style.flexWrap = String(value);
47
- },
48
- flexBasis: (el, value) => {
49
- el.style.flexBasis = typeof value === "number" ? `${value}px` : String(value);
50
- },
51
- alignContent: (el, value) => {
52
- el.style.alignContent = String(value);
53
- },
54
- order: (el, value) => {
55
- el.style.order = String(value);
56
- },
57
- gridTemplateColumns: (el, value) => {
58
- el.style.gridTemplateColumns = String(value);
59
- },
60
- gridTemplateRows: (el, value) => {
61
- el.style.gridTemplateRows = String(value);
62
- },
63
- gridColumns: (el, value) => {
64
- if (typeof value === "number") {
65
- el.style.gridTemplateColumns = `repeat(${value}, 1fr)`;
66
- } else {
67
- el.style.gridTemplateColumns = String(value);
68
- }
69
- },
70
- gridRows: (el, value) => {
71
- if (typeof value === "number") {
72
- el.style.gridTemplateRows = `repeat(${value}, 1fr)`;
73
- } else {
74
- el.style.gridTemplateRows = String(value);
75
- }
76
- },
77
- gridTemplateAreas: (el, value) => {
78
- el.style.gridTemplateAreas = String(value);
79
- },
80
- gridColumn: (el, value) => {
81
- el.style.gridColumn = String(value);
82
- },
83
- gridRow: (el, value) => {
84
- el.style.gridRow = String(value);
85
- },
86
- gridArea: (el, value) => {
87
- el.style.gridArea = String(value);
88
- },
89
- gridAutoFlow: (el, value) => {
90
- el.style.gridAutoFlow = String(value);
91
- },
92
- gridAutoColumns: (el, value) => {
93
- el.style.gridAutoColumns = String(value);
94
- },
95
- gridAutoRows: (el, value) => {
96
- el.style.gridAutoRows = String(value);
97
- },
98
- rowGap: (el, value) => {
99
- el.style.rowGap = typeof value === "number" ? `${value}px` : String(value);
100
- },
101
- columnGap: (el, value) => {
102
- el.style.columnGap = typeof value === "number" ? `${value}px` : String(value);
103
- },
104
- placeItems: (el, value) => {
105
- el.style.placeItems = String(value);
106
- },
107
- placeContent: (el, value) => {
108
- el.style.placeContent = String(value);
109
- },
110
- placeSelf: (el, value) => {
111
- el.style.placeSelf = String(value);
112
- },
113
- position: (el, value) => {
114
- el.style.position = String(value);
115
- },
116
- top: (el, value) => {
117
- el.style.top = typeof value === "number" ? `${value}px` : String(value);
118
- },
119
- right: (el, value) => {
120
- el.style.right = typeof value === "number" ? `${value}px` : String(value);
121
- },
122
- bottom: (el, value) => {
123
- el.style.bottom = typeof value === "number" ? `${value}px` : String(value);
124
- },
125
- left: (el, value) => {
126
- el.style.left = typeof value === "number" ? `${value}px` : String(value);
127
- },
128
- inset: (el, value) => {
129
- el.style.inset = typeof value === "number" ? `${value}px` : String(value);
130
- },
131
- zIndex: (el, value) => {
132
- el.style.zIndex = String(value);
133
- }
134
- };
135
- export {
136
- advancedLayoutHandlers
137
- };
138
-
139
- //# debugId=A1A47995F98B0F1B64756E2164756E21
106
+ //# sourceMappingURL=advanced-layout.js.map
@@ -1,10 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/dom/applicators/advanced-layout.ts"],
4
- "sourcesContent": [
5
- "/**\n * Advanced Layout Applicators (Flexbox, Grid, Positioning)\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\nimport { mapAlignmentValue } from \"./layout.js\";\n\nexport const advancedLayoutHandlers: Record<string, ApplicatorHandler> = {\n // Flexbox properties\n flexDirection: (el, value) => {\n el.style.flexDirection = String(value);\n },\n\n flexWrap: (el, value) => {\n el.style.flexWrap = String(value);\n },\n\n flexBasis: (el, value) => {\n el.style.flexBasis = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n alignContent: (el, value) => {\n el.style.alignContent = String(value);\n },\n\n order: (el, value) => {\n el.style.order = String(value);\n },\n\n // Grid properties\n gridTemplateColumns: (el, value) => {\n el.style.gridTemplateColumns = String(value);\n },\n\n gridTemplateRows: (el, value) => {\n el.style.gridTemplateRows = String(value);\n },\n\n // Unified API aliases (simpler names)\n gridColumns: (el, value) => {\n // Support number (repeat) or string (CSS value)\n if (typeof value === \"number\") {\n el.style.gridTemplateColumns = `repeat(${value}, 1fr)`;\n } else {\n el.style.gridTemplateColumns = String(value);\n }\n },\n\n gridRows: (el, value) => {\n // Support number (repeat) or string (CSS value)\n if (typeof value === \"number\") {\n el.style.gridTemplateRows = `repeat(${value}, 1fr)`;\n } else {\n el.style.gridTemplateRows = String(value);\n }\n },\n\n gridTemplateAreas: (el, value) => {\n el.style.gridTemplateAreas = String(value);\n },\n\n gridColumn: (el, value) => {\n el.style.gridColumn = String(value);\n },\n\n gridRow: (el, value) => {\n el.style.gridRow = String(value);\n },\n\n gridArea: (el, value) => {\n el.style.gridArea = String(value);\n },\n\n gridAutoFlow: (el, value) => {\n el.style.gridAutoFlow = String(value);\n },\n\n gridAutoColumns: (el, value) => {\n el.style.gridAutoColumns = String(value);\n },\n\n gridAutoRows: (el, value) => {\n el.style.gridAutoRows = String(value);\n },\n\n rowGap: (el, value) => {\n el.style.rowGap = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n columnGap: (el, value) => {\n el.style.columnGap = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n placeItems: (el, value) => {\n el.style.placeItems = String(value);\n },\n\n placeContent: (el, value) => {\n el.style.placeContent = String(value);\n },\n\n placeSelf: (el, value) => {\n el.style.placeSelf = String(value);\n },\n\n // Positioning\n position: (el, value) => {\n el.style.position = String(value);\n },\n\n top: (el, value) => {\n el.style.top = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n right: (el, value) => {\n el.style.right = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n bottom: (el, value) => {\n el.style.bottom = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n left: (el, value) => {\n el.style.left = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n inset: (el, value) => {\n el.style.inset = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n zIndex: (el, value) => {\n el.style.zIndex = String(value);\n },\n};\n\n\n"
6
- ],
7
- "mappings": "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",
8
- "debugId": "A1A47995F98B0F1B64756E2164756E21",
9
- "names": []
10
- }
1
+ {"version":3,"file":"advanced-layout.js","sourceRoot":"","sources":["../../../src/dom/applicators/advanced-layout.ts"],"names":[],"mappings":"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"}
@@ -1,77 +1,37 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropNames = Object.getOwnPropertyNames;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- function __accessProp(key) {
6
- return this[key];
7
- }
8
- var __toCommonJS = (from) => {
9
- var entry = (__moduleCache ??= new WeakMap).get(from), desc;
10
- if (entry)
11
- return entry;
12
- entry = __defProp({}, "__esModule", { value: true });
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
+ * 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
- 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/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
- var __defProp = Object.defineProperty;
2
- var __getOwnPropNames = Object.getOwnPropertyNames;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- function __accessProp(key) {
6
- return this[key];
7
- }
8
- var __toCommonJS = (from) => {
9
- var entry = (__moduleCache ??= new WeakMap).get(from), desc;
10
- if (entry)
11
- return entry;
12
- entry = __defProp({}, "__esModule", { value: true });
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
+ * 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
- 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/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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"}