@hypen-space/web 0.2.5 → 0.2.7
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/src/canvas/accessibility.js +29 -4
- package/dist/src/canvas/accessibility.js.map +2 -2
- package/dist/src/canvas/events.js +152 -8
- package/dist/src/canvas/events.js.map +4 -3
- package/dist/src/canvas/index.js +2116 -20
- package/dist/src/canvas/index.js.map +11 -3
- package/dist/src/canvas/input.js +152 -7
- package/dist/src/canvas/input.js.map +4 -3
- package/dist/src/canvas/layout.js +256 -11
- package/dist/src/canvas/layout.js.map +5 -3
- package/dist/src/canvas/paint.js +256 -8
- package/dist/src/canvas/paint.js.map +5 -3
- package/dist/src/canvas/renderer.js +1866 -22
- package/dist/src/canvas/renderer.js.map +10 -3
- package/dist/src/canvas/text.js +152 -7
- package/dist/src/canvas/text.js.map +4 -3
- package/dist/src/canvas/utils.js +29 -4
- package/dist/src/canvas/utils.js.map +2 -2
- package/dist/src/dom/applicators/advanced-layout.js +29 -7
- package/dist/src/dom/applicators/advanced-layout.js.map +2 -2
- package/dist/src/dom/applicators/background.js +29 -7
- package/dist/src/dom/applicators/background.js.map +2 -2
- package/dist/src/dom/applicators/border.js +29 -7
- package/dist/src/dom/applicators/border.js.map +2 -2
- package/dist/src/dom/applicators/color.js +29 -7
- package/dist/src/dom/applicators/color.js.map +2 -2
- package/dist/src/dom/applicators/display.js +29 -7
- package/dist/src/dom/applicators/display.js.map +2 -2
- package/dist/src/dom/applicators/effects.js +29 -7
- package/dist/src/dom/applicators/effects.js.map +2 -2
- package/dist/src/dom/applicators/events.js +29 -7
- package/dist/src/dom/applicators/events.js.map +2 -2
- package/dist/src/dom/applicators/font.js +29 -7
- package/dist/src/dom/applicators/font.js.map +2 -2
- package/dist/src/dom/applicators/index.js +1244 -94
- package/dist/src/dom/applicators/index.js.map +18 -3
- package/dist/src/dom/applicators/layout.js +29 -7
- package/dist/src/dom/applicators/layout.js.map +2 -2
- package/dist/src/dom/applicators/margin.js +29 -6
- package/dist/src/dom/applicators/margin.js.map +2 -2
- package/dist/src/dom/applicators/padding.js +29 -9
- package/dist/src/dom/applicators/padding.js.map +2 -2
- package/dist/src/dom/applicators/size.js +29 -7
- package/dist/src/dom/applicators/size.js.map +2 -2
- package/dist/src/dom/applicators/transform.js +29 -7
- package/dist/src/dom/applicators/transform.js.map +2 -2
- package/dist/src/dom/applicators/transition.js +29 -7
- package/dist/src/dom/applicators/transition.js.map +2 -2
- package/dist/src/dom/applicators/typography.js +29 -7
- package/dist/src/dom/applicators/typography.js.map +2 -2
- package/dist/src/dom/canvas/index.js +29 -4
- package/dist/src/dom/canvas/index.js.map +2 -2
- package/dist/src/dom/components/audio.js +29 -7
- package/dist/src/dom/components/audio.js.map +2 -2
- package/dist/src/dom/components/avatar.js +29 -7
- package/dist/src/dom/components/avatar.js.map +2 -2
- package/dist/src/dom/components/badge.js +29 -7
- package/dist/src/dom/components/badge.js.map +2 -2
- package/dist/src/dom/components/button.js +29 -7
- package/dist/src/dom/components/button.js.map +2 -2
- package/dist/src/dom/components/card.js +29 -7
- package/dist/src/dom/components/card.js.map +2 -2
- package/dist/src/dom/components/center.js +29 -7
- package/dist/src/dom/components/center.js.map +2 -2
- package/dist/src/dom/components/checkbox.js +29 -7
- package/dist/src/dom/components/checkbox.js.map +2 -2
- package/dist/src/dom/components/column.js +29 -7
- package/dist/src/dom/components/column.js.map +2 -2
- package/dist/src/dom/components/container.js +29 -7
- package/dist/src/dom/components/container.js.map +2 -2
- package/dist/src/dom/components/divider.js +29 -7
- package/dist/src/dom/components/divider.js.map +2 -2
- package/dist/src/dom/components/grid.js +29 -7
- package/dist/src/dom/components/grid.js.map +2 -2
- package/dist/src/dom/components/heading.js +29 -7
- package/dist/src/dom/components/heading.js.map +2 -2
- package/dist/src/dom/components/image.js +29 -7
- package/dist/src/dom/components/image.js.map +2 -2
- package/dist/src/dom/components/index.js +1036 -187
- package/dist/src/dom/components/index.js.map +33 -3
- package/dist/src/dom/components/input.js +29 -7
- package/dist/src/dom/components/input.js.map +2 -2
- package/dist/src/dom/components/link.js +29 -7
- package/dist/src/dom/components/link.js.map +2 -2
- package/dist/src/dom/components/list.js +29 -7
- package/dist/src/dom/components/list.js.map +2 -2
- package/dist/src/dom/components/paragraph.js +29 -7
- package/dist/src/dom/components/paragraph.js.map +2 -2
- package/dist/src/dom/components/progressbar.js +29 -7
- package/dist/src/dom/components/progressbar.js.map +2 -2
- package/dist/src/dom/components/route.js +29 -7
- package/dist/src/dom/components/route.js.map +2 -2
- package/dist/src/dom/components/router.js +29 -7
- package/dist/src/dom/components/router.js.map +2 -2
- package/dist/src/dom/components/row.js +29 -7
- package/dist/src/dom/components/row.js.map +2 -2
- package/dist/src/dom/components/select.js +29 -7
- package/dist/src/dom/components/select.js.map +2 -2
- package/dist/src/dom/components/slider.js +29 -7
- package/dist/src/dom/components/slider.js.map +2 -2
- package/dist/src/dom/components/spacer.js +29 -7
- package/dist/src/dom/components/spacer.js.map +2 -2
- package/dist/src/dom/components/spinner.js +29 -7
- package/dist/src/dom/components/spinner.js.map +2 -2
- package/dist/src/dom/components/stack.js +29 -7
- package/dist/src/dom/components/stack.js.map +2 -2
- package/dist/src/dom/components/switch.js +29 -7
- package/dist/src/dom/components/switch.js.map +2 -2
- package/dist/src/dom/components/text.js +29 -7
- package/dist/src/dom/components/text.js.map +2 -2
- package/dist/src/dom/components/textarea.js +29 -7
- package/dist/src/dom/components/textarea.js.map +2 -2
- package/dist/src/dom/components/video.js +29 -7
- package/dist/src/dom/components/video.js.map +2 -2
- package/dist/src/dom/debug.js +29 -4
- package/dist/src/dom/debug.js.map +2 -2
- package/dist/src/dom/events.js +29 -4
- package/dist/src/dom/events.js.map +2 -2
- package/dist/src/dom/index.js +2999 -64
- package/dist/src/dom/index.js.map +54 -3
- package/dist/src/dom/renderer.js +2677 -63
- package/dist/src/dom/renderer.js.map +52 -3
- package/dist/src/hypen.js +2895 -56
- package/dist/src/hypen.js.map +53 -3
- package/dist/src/index.js +5419 -81
- package/dist/src/index.js.map +63 -3
- package/package.json +22 -22
- package/dist/chunk-2s02mkzs.js +0 -32
- package/dist/chunk-2s02mkzs.js.map +0 -9
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Transition and Animation Applicators\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nexport const transitionHandlers: Record<string, ApplicatorHandler> = {\n transition: (el, value) => {\n el.style.transition = String(value);\n },\n\n transitionProperty: (el, value) => {\n el.style.transitionProperty = String(value);\n },\n\n transitionDuration: (el, value) => {\n el.style.transitionDuration = String(value);\n },\n\n transitionTimingFunction: (el, value) => {\n el.style.transitionTimingFunction = String(value);\n },\n\n transitionDelay: (el, value) => {\n el.style.transitionDelay = String(value);\n },\n\n animation: (el, value) => {\n el.style.animation = String(value);\n },\n\n animationName: (el, value) => {\n el.style.animationName = String(value);\n },\n\n animationDuration: (el, value) => {\n el.style.animationDuration = String(value);\n },\n\n animationTimingFunction: (el, value) => {\n el.style.animationTimingFunction = String(value);\n },\n\n animationDelay: (el, value) => {\n el.style.animationDelay = String(value);\n },\n\n animationIterationCount: (el, value) => {\n el.style.animationIterationCount = String(value);\n },\n\n animationDirection: (el, value) => {\n el.style.animationDirection = String(value);\n },\n\n animationFillMode: (el, value) => {\n el.style.animationFillMode = String(value);\n },\n\n animationPlayState: (el, value) => {\n el.style.animationPlayState = String(value);\n },\n};\n\n\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,uBAAwD;AAAA,IACnE,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,oBAAoB,CAAC,IAAI,UAAU;AAAA,MACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,IAG5C,oBAAoB,CAAC,IAAI,UAAU;AAAA,MACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,IAG5C,0BAA0B,CAAC,IAAI,UAAU;AAAA,MACvC,GAAG,MAAM,2BAA2B,OAAO,KAAK;AAAA;AAAA,IAGlD,iBAAiB,CAAC,IAAI,UAAU;AAAA,MAC9B,GAAG,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA,IAGzC,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAGnC,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,IAGvC,mBAAmB,CAAC,IAAI,UAAU;AAAA,MAChC,GAAG,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA,IAG3C,yBAAyB,CAAC,IAAI,UAAU;AAAA,MACtC,GAAG,MAAM,0BAA0B,OAAO,KAAK;AAAA;AAAA,IAGjD,gBAAgB,CAAC,IAAI,UAAU;AAAA,MAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,IAGxC,yBAAyB,CAAC,IAAI,UAAU;AAAA,MACtC,GAAG,MAAM,0BAA0B,OAAO,KAAK;AAAA;AAAA,IAGjD,oBAAoB,CAAC,IAAI,UAAU;AAAA,MACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,IAG5C,mBAAmB,CAAC,IAAI,UAAU;AAAA,MAChC,GAAG,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA,IAG3C,oBAAoB,CAAC,IAAI,UAAU;AAAA,MACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,EAE9C;AAAA;",
|
|
8
|
+
"debugId": "3E2E306AE569ACC964756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -1,7 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __moduleCache = /* @__PURE__ */ new WeakMap;
|
|
6
|
+
var __toCommonJS = (from) => {
|
|
7
|
+
var entry = __moduleCache.get(from), desc;
|
|
8
|
+
if (entry)
|
|
9
|
+
return entry;
|
|
10
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function")
|
|
12
|
+
__getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
}));
|
|
16
|
+
__moduleCache.set(from, entry);
|
|
17
|
+
return entry;
|
|
18
|
+
};
|
|
19
|
+
var __export = (target, all) => {
|
|
20
|
+
for (var name in all)
|
|
21
|
+
__defProp(target, name, {
|
|
22
|
+
get: all[name],
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true,
|
|
25
|
+
set: (newValue) => all[name] = () => newValue
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
5
29
|
|
|
6
30
|
// src/dom/applicators/typography.ts
|
|
7
31
|
var exports_typography = {};
|
|
@@ -82,6 +106,4 @@ export {
|
|
|
82
106
|
typographyHandlers
|
|
83
107
|
};
|
|
84
108
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
//# debugId=CCD4B77D0AF578CE64756E2164756E21
|
|
109
|
+
//# debugId=E16867140495B48C64756E2164756E21
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Typography Applicators\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nexport const typographyHandlers: Record<string, ApplicatorHandler> = {\n textAlign: (el, value) => {\n el.style.textAlign = String(value);\n },\n\n textTransform: (el, value) => {\n el.style.textTransform = String(value);\n },\n\n textDecoration: (el, value) => {\n el.style.textDecoration = String(value);\n },\n\n textDecorationColor: (el, value) => {\n el.style.textDecorationColor = String(value);\n },\n\n textDecorationStyle: (el, value) => {\n el.style.textDecorationStyle = String(value);\n },\n\n textDecorationThickness: (el, value) => {\n el.style.textDecorationThickness = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n letterSpacing: (el, value) => {\n el.style.letterSpacing = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n wordSpacing: (el, value) => {\n el.style.wordSpacing = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n lineHeight: (el, value) => {\n el.style.lineHeight = String(value);\n },\n\n textIndent: (el, value) => {\n el.style.textIndent = typeof value === \"number\" ? `${value}px` : String(value);\n },\n\n textOverflow: (el, value) => {\n el.style.textOverflow = String(value);\n },\n\n whiteSpace: (el, value) => {\n el.style.whiteSpace = String(value);\n },\n\n wordBreak: (el, value) => {\n el.style.wordBreak = String(value);\n },\n\n verticalAlign: (el, value) => {\n el.style.verticalAlign = String(value);\n },\n\n fontVariant: (el, value) => {\n el.style.fontVariant = String(value);\n },\n\n fontStretch: (el, value) => {\n el.style.fontStretch = String(value);\n },\n\n fontStyle: (el, value) => {\n el.style.fontStyle = String(value);\n },\n\n writingMode: (el, value) => {\n el.style.writingMode = String(value);\n },\n\n maxLines: (el, value) => {\n const lines = typeof value === \"number\" ? value : parseInt(String(value), 10);\n if (!isNaN(lines) && lines > 0) {\n el.style.display = \"-webkit-box\";\n el.style.setProperty(\"-webkit-line-clamp\", String(lines));\n el.style.setProperty(\"-webkit-box-orient\", \"vertical\");\n el.style.overflow = \"hidden\";\n }\n },\n};\n\n\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,uBAAwD;AAAA,IACnE,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAGnC,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,IAGvC,gBAAgB,CAAC,IAAI,UAAU;AAAA,MAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,IAGxC,qBAAqB,CAAC,IAAI,UAAU;AAAA,MAClC,GAAG,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA,IAG7C,qBAAqB,CAAC,IAAI,UAAU;AAAA,MAClC,GAAG,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA,IAG7C,yBAAyB,CAAC,IAAI,UAAU;AAAA,MACtC,GAAG,MAAM,0BAA0B,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG5F,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,gBAAgB,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAGlF,aAAa,CAAC,IAAI,UAAU;AAAA,MAC1B,GAAG,MAAM,cAAc,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAGhF,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG/E,cAAc,CAAC,IAAI,UAAU;AAAA,MAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,IAGtC,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAGnC,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,IAGvC,aAAa,CAAC,IAAI,UAAU;AAAA,MAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,IAGrC,aAAa,CAAC,IAAI,UAAU;AAAA,MAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,IAGrC,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAGnC,aAAa,CAAC,IAAI,UAAU;AAAA,MAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,IAGrC,UAAU,CAAC,IAAI,UAAU;AAAA,MACvB,MAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ,SAAS,OAAO,KAAK,GAAG,EAAE;AAAA,MAC5E,IAAI,CAAC,MAAM,KAAK,KAAK,QAAQ,GAAG;AAAA,QAC9B,GAAG,MAAM,UAAU;AAAA,QACnB,GAAG,MAAM,YAAY,sBAAsB,OAAO,KAAK,CAAC;AAAA,QACxD,GAAG,MAAM,YAAY,sBAAsB,UAAU;AAAA,QACrD,GAAG,MAAM,WAAW;AAAA,MACtB;AAAA;AAAA,EAEJ;AAAA;",
|
|
8
|
+
"debugId": "E16867140495B48C64756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -1,4 +1,31 @@
|
|
|
1
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __moduleCache = /* @__PURE__ */ new WeakMap;
|
|
6
|
+
var __toCommonJS = (from) => {
|
|
7
|
+
var entry = __moduleCache.get(from), desc;
|
|
8
|
+
if (entry)
|
|
9
|
+
return entry;
|
|
10
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function")
|
|
12
|
+
__getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
}));
|
|
16
|
+
__moduleCache.set(from, entry);
|
|
17
|
+
return entry;
|
|
18
|
+
};
|
|
19
|
+
var __export = (target, all) => {
|
|
20
|
+
for (var name in all)
|
|
21
|
+
__defProp(target, name, {
|
|
22
|
+
get: all[name],
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true,
|
|
25
|
+
set: (newValue) => all[name] = () => newValue
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
2
29
|
|
|
3
30
|
// src/dom/canvas/index.ts
|
|
4
31
|
var canvasHandler = {
|
|
@@ -45,6 +72,4 @@ export {
|
|
|
45
72
|
canvasApplicators
|
|
46
73
|
};
|
|
47
74
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
//# debugId=E47B978768E3822264756E2164756E21
|
|
75
|
+
//# debugId=3454BC0087D5733B64756E2164756E21
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Canvas Component with Applicators\n *\n * Special handling for canvas rendering\n */\n\nimport type { ComponentHandler } from \"../components/index.js\";\nimport type { ApplicatorHandler } from \"../applicators/index.js\";\n\nexport const canvasHandler: ComponentHandler = {\n create(): HTMLElement {\n const el = document.createElement(\"canvas\");\n el.dataset.hypenType = \"canvas\";\n return el as any as HTMLElement;\n },\n\n applyProps(el: HTMLElement, props: Record<string, any>): void {\n const canvas = el as HTMLCanvasElement;\n\n if (props.width !== undefined) {\n canvas.width = Number(props.width);\n }\n\n if (props.height !== undefined) {\n canvas.height = Number(props.height);\n }\n },\n};\n\n/**\n * Canvas applicators - special drawing commands\n */\nexport const canvasApplicators: Record<string, ApplicatorHandler> = {\n // Fill style\n fillStyle: (el, value) => {\n const canvas = el as HTMLCanvasElement;\n const ctx = canvas.getContext(\"2d\");\n if (ctx) {\n ctx.fillStyle = String(value);\n }\n },\n\n // Stroke style\n strokeStyle: (el, value) => {\n const canvas = el as HTMLCanvasElement;\n const ctx = canvas.getContext(\"2d\");\n if (ctx) {\n ctx.strokeStyle = String(value);\n }\n },\n\n // Line width\n lineWidth: (el, value) => {\n const canvas = el as HTMLCanvasElement;\n const ctx = canvas.getContext(\"2d\");\n if (ctx) {\n ctx.lineWidth = Number(value);\n }\n },\n};\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAM,gBAAkC;AAAA,EAC7C,MAAM,GAAgB;AAAA,IACpB,MAAM,KAAK,SAAS,cAAc,QAAQ;AAAA,IAC1C,GAAG,QAAQ,YAAY;AAAA,IACvB,OAAO;AAAA;AAAA,EAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,IAC5D,MAAM,SAAS;AAAA,IAEf,IAAI,MAAM,UAAU,WAAW;AAAA,MAC7B,OAAO,QAAQ,OAAO,MAAM,KAAK;AAAA,IACnC;AAAA,IAEA,IAAI,MAAM,WAAW,WAAW;AAAA,MAC9B,OAAO,SAAS,OAAO,MAAM,MAAM;AAAA,IACrC;AAAA;AAEJ;AAKO,IAAM,oBAAuD;AAAA,EAElE,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,MAAM,SAAS;AAAA,IACf,MAAM,MAAM,OAAO,WAAW,IAAI;AAAA,IAClC,IAAI,KAAK;AAAA,MACP,IAAI,YAAY,OAAO,KAAK;AAAA,IAC9B;AAAA;AAAA,EAIF,aAAa,CAAC,IAAI,UAAU;AAAA,IAC1B,MAAM,SAAS;AAAA,IACf,MAAM,MAAM,OAAO,WAAW,IAAI;AAAA,IAClC,IAAI,KAAK;AAAA,MACP,IAAI,cAAc,OAAO,KAAK;AAAA,IAChC;AAAA;AAAA,EAIF,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,MAAM,SAAS;AAAA,IACf,MAAM,MAAM,OAAO,WAAW,IAAI;AAAA,IAClC,IAAI,KAAK;AAAA,MACP,IAAI,YAAY,OAAO,KAAK;AAAA,IAC9B;AAAA;AAEJ;",
|
|
8
|
+
"debugId": "3454BC0087D5733B64756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -1,7 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __moduleCache = /* @__PURE__ */ new WeakMap;
|
|
6
|
+
var __toCommonJS = (from) => {
|
|
7
|
+
var entry = __moduleCache.get(from), desc;
|
|
8
|
+
if (entry)
|
|
9
|
+
return entry;
|
|
10
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function")
|
|
12
|
+
__getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
}));
|
|
16
|
+
__moduleCache.set(from, entry);
|
|
17
|
+
return entry;
|
|
18
|
+
};
|
|
19
|
+
var __export = (target, all) => {
|
|
20
|
+
for (var name in all)
|
|
21
|
+
__defProp(target, name, {
|
|
22
|
+
get: all[name],
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true,
|
|
25
|
+
set: (newValue) => all[name] = () => newValue
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
5
29
|
|
|
6
30
|
// src/dom/components/audio.ts
|
|
7
31
|
var exports_audio = {};
|
|
@@ -43,6 +67,4 @@ export {
|
|
|
43
67
|
audioHandler
|
|
44
68
|
};
|
|
45
69
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
//# debugId=CA87707D1036F2B864756E2164756E21
|
|
70
|
+
//# debugId=FCF5E034FE37220D64756E2164756E21
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Audio Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const audioHandler: ComponentHandler = {\n create(): HTMLElement {\n const el = document.createElement(\"audio\");\n el.dataset.hypenType = \"audio\";\n return el as any as HTMLElement;\n },\n\n applyProps(el: HTMLElement, props: Record<string, any>): void {\n const audio = el as HTMLAudioElement;\n\n // Source\n const src = props[\"0\"] || props.src;\n if (src !== undefined) {\n audio.src = String(src);\n }\n\n // Controls\n if (props.controls !== undefined) {\n audio.controls = Boolean(props.controls);\n }\n\n // Autoplay\n if (props.autoplay !== undefined) {\n audio.autoplay = Boolean(props.autoplay);\n }\n\n // Loop\n if (props.loop !== undefined) {\n audio.loop = Boolean(props.loop);\n }\n\n // Muted\n if (props.muted !== undefined) {\n audio.muted = Boolean(props.muted);\n }\n },\n};\n\n\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,iBAAiC;AAAA,IAC5C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,OAAO;AAAA,MACzC,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAC5D,MAAM,QAAQ;AAAA,MAGd,MAAM,MAAM,MAAM,QAAQ,MAAM;AAAA,MAChC,IAAI,QAAQ,WAAW;AAAA,QACrB,MAAM,MAAM,OAAO,GAAG;AAAA,MACxB;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,MACzC;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,MACzC;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,QAAQ,MAAM,IAAI;AAAA,MACjC;AAAA,MAGA,IAAI,MAAM,UAAU,WAAW;AAAA,QAC7B,MAAM,QAAQ,QAAQ,MAAM,KAAK;AAAA,MACnC;AAAA;AAAA,EAEJ;AAAA;",
|
|
8
|
+
"debugId": "FCF5E034FE37220D64756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -1,7 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __moduleCache = /* @__PURE__ */ new WeakMap;
|
|
6
|
+
var __toCommonJS = (from) => {
|
|
7
|
+
var entry = __moduleCache.get(from), desc;
|
|
8
|
+
if (entry)
|
|
9
|
+
return entry;
|
|
10
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function")
|
|
12
|
+
__getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
}));
|
|
16
|
+
__moduleCache.set(from, entry);
|
|
17
|
+
return entry;
|
|
18
|
+
};
|
|
19
|
+
var __export = (target, all) => {
|
|
20
|
+
for (var name in all)
|
|
21
|
+
__defProp(target, name, {
|
|
22
|
+
get: all[name],
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true,
|
|
25
|
+
set: (newValue) => all[name] = () => newValue
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
5
29
|
|
|
6
30
|
// src/dom/components/avatar.ts
|
|
7
31
|
var exports_avatar = {};
|
|
@@ -53,6 +77,4 @@ export {
|
|
|
53
77
|
avatarHandler
|
|
54
78
|
};
|
|
55
79
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
//# debugId=21661C195E73E18A64756E2164756E21
|
|
80
|
+
//# debugId=9070AD72B5A383EE64756E2164756E21
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Avatar Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const avatarHandler: ComponentHandler = {\n create(): HTMLElement {\n const el = document.createElement(\"div\");\n el.dataset.hypenType = \"avatar\";\n el.style.display = \"inline-flex\";\n el.style.alignItems = \"center\";\n el.style.justifyContent = \"center\";\n el.style.width = \"40px\";\n el.style.height = \"40px\";\n el.style.borderRadius = \"50%\";\n el.style.backgroundColor = \"#9e9e9e\";\n el.style.color = \"#fff\";\n el.style.fontSize = \"16px\";\n el.style.fontWeight = \"600\";\n el.style.overflow = \"hidden\";\n return el;\n },\n\n applyProps(el: HTMLElement, props: Record<string, any>): void {\n // Image source\n if (props.src !== undefined) {\n const img = document.createElement(\"img\");\n img.src = String(props.src);\n img.style.width = \"100%\";\n img.style.height = \"100%\";\n img.style.objectFit = \"cover\";\n el.innerHTML = \"\";\n el.appendChild(img);\n } else if (props.initials !== undefined) {\n // Show initials\n el.textContent = String(props.initials).toUpperCase();\n }\n\n // Size\n if (props.size !== undefined) {\n const size = typeof props.size === \"number\" ? `${props.size}px` : String(props.size);\n el.style.width = size;\n el.style.height = size;\n }\n },\n};\n\n\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,iBAAiB;AAAA,MAC1B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,SAAS;AAAA,MAClB,GAAG,MAAM,eAAe;AAAA,MACxB,GAAG,MAAM,kBAAkB;AAAA,MAC3B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,WAAW;AAAA,MACpB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,WAAW;AAAA,MACpB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,IAAI,MAAM,QAAQ,WAAW;AAAA,QAC3B,MAAM,MAAM,SAAS,cAAc,KAAK;AAAA,QACxC,IAAI,MAAM,OAAO,MAAM,GAAG;AAAA,QAC1B,IAAI,MAAM,QAAQ;AAAA,QAClB,IAAI,MAAM,SAAS;AAAA,QACnB,IAAI,MAAM,YAAY;AAAA,QACtB,GAAG,YAAY;AAAA,QACf,GAAG,YAAY,GAAG;AAAA,MACpB,EAAO,SAAI,MAAM,aAAa,WAAW;AAAA,QAEvC,GAAG,cAAc,OAAO,MAAM,QAAQ,EAAE,YAAY;AAAA,MACtD;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,OAAO,MAAM,IAAI;AAAA,QACnF,GAAG,MAAM,QAAQ;AAAA,QACjB,GAAG,MAAM,SAAS;AAAA,MACpB;AAAA;AAAA,EAEJ;AAAA;",
|
|
8
|
+
"debugId": "9070AD72B5A383EE64756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -1,7 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __moduleCache = /* @__PURE__ */ new WeakMap;
|
|
6
|
+
var __toCommonJS = (from) => {
|
|
7
|
+
var entry = __moduleCache.get(from), desc;
|
|
8
|
+
if (entry)
|
|
9
|
+
return entry;
|
|
10
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function")
|
|
12
|
+
__getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
}));
|
|
16
|
+
__moduleCache.set(from, entry);
|
|
17
|
+
return entry;
|
|
18
|
+
};
|
|
19
|
+
var __export = (target, all) => {
|
|
20
|
+
for (var name in all)
|
|
21
|
+
__defProp(target, name, {
|
|
22
|
+
get: all[name],
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true,
|
|
25
|
+
set: (newValue) => all[name] = () => newValue
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
5
29
|
|
|
6
30
|
// src/dom/components/badge.ts
|
|
7
31
|
var exports_badge = {};
|
|
@@ -50,6 +74,4 @@ export {
|
|
|
50
74
|
badgeHandler
|
|
51
75
|
};
|
|
52
76
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
//# debugId=CBDA3869361AB69864756E2164756E21
|
|
77
|
+
//# debugId=6D8AC6D9EC13369A64756E2164756E21
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Badge Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const badgeHandler: ComponentHandler = {\n create(): HTMLElement {\n const el = document.createElement(\"span\");\n el.dataset.hypenType = \"badge\";\n el.style.display = \"inline-block\";\n el.style.padding = \"4px 8px\";\n el.style.borderRadius = \"4px\";\n el.style.fontSize = \"12px\";\n el.style.fontWeight = \"600\";\n el.style.backgroundColor = \"#e0e0e0\";\n el.style.color = \"#333\";\n return el;\n },\n\n applyProps(el: HTMLElement, props: Record<string, any>): void {\n // Theme\n if (props.theme !== undefined) {\n const theme = String(props.theme);\n const themeColors: Record<string, { bg: string; color: string }> = {\n success: { bg: \"#4CAF50\", color: \"#fff\" },\n error: { bg: \"#f44336\", color: \"#fff\" },\n warning: { bg: \"#ff9800\", color: \"#fff\" },\n info: { bg: \"#2196F3\", color: \"#fff\" },\n default: { bg: \"#e0e0e0\", color: \"#333\" },\n };\n const colors = themeColors[theme] || themeColors.default;\n el.style.backgroundColor = colors.bg;\n el.style.color = colors.color;\n }\n\n // Text content\n const text = props[\"0\"] || props.text;\n if (text !== undefined) {\n el.textContent = String(text);\n }\n },\n};\n\n\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,iBAAiC;AAAA,IAC5C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,MAAM;AAAA,MACxC,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,eAAe;AAAA,MACxB,GAAG,MAAM,WAAW;AAAA,MACpB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,kBAAkB;AAAA,MAC3B,GAAG,MAAM,QAAQ;AAAA,MACjB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,IAAI,MAAM,UAAU,WAAW;AAAA,QAC7B,MAAM,QAAQ,OAAO,MAAM,KAAK;AAAA,QAChC,MAAM,cAA6D;AAAA,UACjE,SAAS,EAAE,IAAI,WAAW,OAAO,OAAO;AAAA,UACxC,OAAO,EAAE,IAAI,WAAW,OAAO,OAAO;AAAA,UACtC,SAAS,EAAE,IAAI,WAAW,OAAO,OAAO;AAAA,UACxC,MAAM,EAAE,IAAI,WAAW,OAAO,OAAO;AAAA,UACrC,SAAS,EAAE,IAAI,WAAW,OAAO,OAAO;AAAA,QAC1C;AAAA,QACA,MAAM,SAAS,YAAY,UAAU,YAAY;AAAA,QACjD,GAAG,MAAM,kBAAkB,OAAO;AAAA,QAClC,GAAG,MAAM,QAAQ,OAAO;AAAA,MAC1B;AAAA,MAGA,MAAM,OAAO,MAAM,QAAQ,MAAM;AAAA,MACjC,IAAI,SAAS,WAAW;AAAA,QACtB,GAAG,cAAc,OAAO,IAAI;AAAA,MAC9B;AAAA;AAAA,EAEJ;AAAA;",
|
|
8
|
+
"debugId": "6D8AC6D9EC13369A64756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -1,7 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __moduleCache = /* @__PURE__ */ new WeakMap;
|
|
6
|
+
var __toCommonJS = (from) => {
|
|
7
|
+
var entry = __moduleCache.get(from), desc;
|
|
8
|
+
if (entry)
|
|
9
|
+
return entry;
|
|
10
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function")
|
|
12
|
+
__getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
}));
|
|
16
|
+
__moduleCache.set(from, entry);
|
|
17
|
+
return entry;
|
|
18
|
+
};
|
|
19
|
+
var __export = (target, all) => {
|
|
20
|
+
for (var name in all)
|
|
21
|
+
__defProp(target, name, {
|
|
22
|
+
get: all[name],
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true,
|
|
25
|
+
set: (newValue) => all[name] = () => newValue
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
5
29
|
|
|
6
30
|
// src/dom/components/button.ts
|
|
7
31
|
var exports_button = {};
|
|
@@ -24,6 +48,4 @@ export {
|
|
|
24
48
|
buttonHandler
|
|
25
49
|
};
|
|
26
50
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
//# debugId=03C791EC737DE08D64756E2164756E21
|
|
51
|
+
//# debugId=C97F585A40A1711164756E2164756E21
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Button Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const buttonHandler: ComponentHandler = {\n create(): HTMLElement {\n const el = document.createElement(\"button\");\n el.dataset.hypenType = \"button\";\n return el;\n },\n};\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,QAAQ;AAAA,MAC1C,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
|
|
8
|
+
"debugId": "C97F585A40A1711164756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -1,7 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __moduleCache = /* @__PURE__ */ new WeakMap;
|
|
6
|
+
var __toCommonJS = (from) => {
|
|
7
|
+
var entry = __moduleCache.get(from), desc;
|
|
8
|
+
if (entry)
|
|
9
|
+
return entry;
|
|
10
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function")
|
|
12
|
+
__getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
}));
|
|
16
|
+
__moduleCache.set(from, entry);
|
|
17
|
+
return entry;
|
|
18
|
+
};
|
|
19
|
+
var __export = (target, all) => {
|
|
20
|
+
for (var name in all)
|
|
21
|
+
__defProp(target, name, {
|
|
22
|
+
get: all[name],
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true,
|
|
25
|
+
set: (newValue) => all[name] = () => newValue
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
5
29
|
|
|
6
30
|
// src/dom/components/card.ts
|
|
7
31
|
var exports_card = {};
|
|
@@ -28,6 +52,4 @@ export {
|
|
|
28
52
|
cardHandler
|
|
29
53
|
};
|
|
30
54
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
//# debugId=8394E9989A5D439964756E2164756E21
|
|
55
|
+
//# debugId=30E1AF3950D4EC1A64756E2164756E21
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Card Component - Container with default styling\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const cardHandler: ComponentHandler = {\n create(): HTMLElement {\n const el = document.createElement(\"div\");\n el.dataset.hypenType = \"card\";\n el.style.backgroundColor = \"#ffffff\";\n el.style.borderRadius = \"8px\";\n el.style.boxShadow = \"0 2px 4px rgba(0, 0, 0, 0.1)\";\n el.style.padding = \"16px\";\n return el;\n },\n};\n\n\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,gBAAgC;AAAA,IAC3C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,MAAM,kBAAkB;AAAA,MAC3B,GAAG,MAAM,eAAe;AAAA,MACxB,GAAG,MAAM,YAAY;AAAA,MACrB,GAAG,MAAM,UAAU;AAAA,MACnB,OAAO;AAAA;AAAA,EAEX;AAAA;",
|
|
8
|
+
"debugId": "30E1AF3950D4EC1A64756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -1,7 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __moduleCache = /* @__PURE__ */ new WeakMap;
|
|
6
|
+
var __toCommonJS = (from) => {
|
|
7
|
+
var entry = __moduleCache.get(from), desc;
|
|
8
|
+
if (entry)
|
|
9
|
+
return entry;
|
|
10
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function")
|
|
12
|
+
__getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
}));
|
|
16
|
+
__moduleCache.set(from, entry);
|
|
17
|
+
return entry;
|
|
18
|
+
};
|
|
19
|
+
var __export = (target, all) => {
|
|
20
|
+
for (var name in all)
|
|
21
|
+
__defProp(target, name, {
|
|
22
|
+
get: all[name],
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true,
|
|
25
|
+
set: (newValue) => all[name] = () => newValue
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
5
29
|
|
|
6
30
|
// src/dom/components/center.ts
|
|
7
31
|
var exports_center = {};
|
|
@@ -27,6 +51,4 @@ export {
|
|
|
27
51
|
centerHandler
|
|
28
52
|
};
|
|
29
53
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
//# debugId=7FC1DBC55B39CF4564756E2164756E21
|
|
54
|
+
//# debugId=373FA3951950D07364756E2164756E21
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Center Component - Centers content\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const centerHandler: ComponentHandler = {\n create(): HTMLElement {\n const el = document.createElement(\"div\");\n el.style.display = \"flex\";\n el.style.alignItems = \"center\";\n el.style.justifyContent = \"center\";\n el.dataset.hypenType = \"center\";\n return el;\n },\n};\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,iBAAiB;AAAA,MAC1B,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
|
|
8
|
+
"debugId": "373FA3951950D07364756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -1,7 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __moduleCache = /* @__PURE__ */ new WeakMap;
|
|
6
|
+
var __toCommonJS = (from) => {
|
|
7
|
+
var entry = __moduleCache.get(from), desc;
|
|
8
|
+
if (entry)
|
|
9
|
+
return entry;
|
|
10
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function")
|
|
12
|
+
__getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
}));
|
|
16
|
+
__moduleCache.set(from, entry);
|
|
17
|
+
return entry;
|
|
18
|
+
};
|
|
19
|
+
var __export = (target, all) => {
|
|
20
|
+
for (var name in all)
|
|
21
|
+
__defProp(target, name, {
|
|
22
|
+
get: all[name],
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true,
|
|
25
|
+
set: (newValue) => all[name] = () => newValue
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
5
29
|
|
|
6
30
|
// src/dom/components/checkbox.ts
|
|
7
31
|
var exports_checkbox = {};
|
|
@@ -49,6 +73,4 @@ export {
|
|
|
49
73
|
checkboxHandler
|
|
50
74
|
};
|
|
51
75
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
//# debugId=1AC390FE9F560E8F64756E2164756E21
|
|
76
|
+
//# debugId=7187B61155E9A38264756E2164756E21
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Checkbox Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const checkboxHandler: ComponentHandler = {\n create(): HTMLElement {\n const wrapper = document.createElement(\"label\");\n wrapper.dataset.hypenType = \"checkbox\";\n wrapper.style.display = \"inline-flex\";\n wrapper.style.alignItems = \"center\";\n wrapper.style.gap = \"8px\";\n wrapper.style.cursor = \"pointer\";\n\n const input = document.createElement(\"input\");\n input.type = \"checkbox\";\n input.dataset.hypenCheckbox = \"true\";\n \n wrapper.appendChild(input);\n \n return wrapper;\n },\n\n applyProps(el: HTMLElement, props: Record<string, any>): void {\n const input = el.querySelector('input[type=\"checkbox\"]') as HTMLInputElement;\n if (!input) return;\n\n // Checked state\n if (props.checked !== undefined) {\n input.checked = Boolean(props.checked);\n }\n\n // Disabled\n if (props.disabled !== undefined) {\n input.disabled = Boolean(props.disabled);\n }\n\n // Label text\n const label = props[\"0\"] || props.label;\n if (label !== undefined) {\n // Remove existing text node if any\n const textNodes = Array.from(el.childNodes).filter(\n node => node.nodeType === Node.TEXT_NODE\n );\n textNodes.forEach(node => node.remove());\n \n // Add new label text\n el.appendChild(document.createTextNode(String(label)));\n }\n },\n};\n\n\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,oBAAoC;AAAA,IAC/C,MAAM,GAAgB;AAAA,MACpB,MAAM,UAAU,SAAS,cAAc,OAAO;AAAA,MAC9C,QAAQ,QAAQ,YAAY;AAAA,MAC5B,QAAQ,MAAM,UAAU;AAAA,MACxB,QAAQ,MAAM,aAAa;AAAA,MAC3B,QAAQ,MAAM,MAAM;AAAA,MACpB,QAAQ,MAAM,SAAS;AAAA,MAEvB,MAAM,QAAQ,SAAS,cAAc,OAAO;AAAA,MAC5C,MAAM,OAAO;AAAA,MACb,MAAM,QAAQ,gBAAgB;AAAA,MAE9B,QAAQ,YAAY,KAAK;AAAA,MAEzB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAC5D,MAAM,QAAQ,GAAG,cAAc,wBAAwB;AAAA,MACvD,IAAI,CAAC;AAAA,QAAO;AAAA,MAGZ,IAAI,MAAM,YAAY,WAAW;AAAA,QAC/B,MAAM,UAAU,QAAQ,MAAM,OAAO;AAAA,MACvC;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,MACzC;AAAA,MAGA,MAAM,QAAQ,MAAM,QAAQ,MAAM;AAAA,MAClC,IAAI,UAAU,WAAW;AAAA,QAEvB,MAAM,YAAY,MAAM,KAAK,GAAG,UAAU,EAAE,OAC1C,UAAQ,KAAK,aAAa,KAAK,SACjC;AAAA,QACA,UAAU,QAAQ,UAAQ,KAAK,OAAO,CAAC;AAAA,QAGvC,GAAG,YAAY,SAAS,eAAe,OAAO,KAAK,CAAC,CAAC;AAAA,MACvD;AAAA;AAAA,EAEJ;AAAA;",
|
|
8
|
+
"debugId": "7187B61155E9A38264756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -1,7 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __moduleCache = /* @__PURE__ */ new WeakMap;
|
|
6
|
+
var __toCommonJS = (from) => {
|
|
7
|
+
var entry = __moduleCache.get(from), desc;
|
|
8
|
+
if (entry)
|
|
9
|
+
return entry;
|
|
10
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function")
|
|
12
|
+
__getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
}));
|
|
16
|
+
__moduleCache.set(from, entry);
|
|
17
|
+
return entry;
|
|
18
|
+
};
|
|
19
|
+
var __export = (target, all) => {
|
|
20
|
+
for (var name in all)
|
|
21
|
+
__defProp(target, name, {
|
|
22
|
+
get: all[name],
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true,
|
|
25
|
+
set: (newValue) => all[name] = () => newValue
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
5
29
|
|
|
6
30
|
// src/dom/components/column.ts
|
|
7
31
|
var exports_column = {};
|
|
@@ -26,6 +50,4 @@ export {
|
|
|
26
50
|
columnHandler
|
|
27
51
|
};
|
|
28
52
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
//# debugId=9DD121C0F8A1BFDD64756E2164756E21
|
|
53
|
+
//# debugId=5E57DBF4BF68487564756E2164756E21
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"/**\n * Column Component - Vertical Stack\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const columnHandler: ComponentHandler = {\n create(): HTMLElement {\n const el = document.createElement(\"div\");\n el.style.display = \"flex\";\n el.style.flexDirection = \"column\";\n el.dataset.hypenType = \"column\";\n return el;\n },\n};\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,gBAAgB;AAAA,MACzB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
|
|
8
|
+
"debugId": "5E57DBF4BF68487564756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|