@hypen-space/web 0.3.7 → 0.3.9

package/dist/src/dom/applicators/advanced-layout.js

@@ -27,121 +27,206 @@ var __export = (target, all) => {
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
+// src/dom/applicators/layout.ts
+function mapAlignmentValue(value) {
+  const v = String(value).toLowerCase();
+  switch (v) {
+    case "top":
+    case "start":
+    case "leading":
+    case "left":
+      return "flex-start";
+    case "bottom":
+    case "end":
+    case "trailing":
+    case "right":
+      return "flex-end";
+    case "center":
+      return "center";
+    case "spacebetween":
+    case "space-between":
+      return "space-between";
+    case "spacearound":
+    case "space-around":
+      return "space-around";
+    case "spaceevenly":
+    case "space-evenly":
+      return "space-evenly";
+    default:
+      return v;
+  }
+}
+var layoutHandlers = {
+  verticalAlignment: (el, value) => {
+    const val = mapAlignmentValue(String(value));
+    const flexDirection = el.style.flexDirection || getComputedStyle(el).flexDirection;
+    if (flexDirection === "column" || flexDirection === "column-reverse") {
+      el.style.justifyContent = val;
+    } else {
+      el.style.alignItems = val;
+    }
+  },
+  horizontalAlignment: (el, value) => {
+    const val = mapAlignmentValue(String(value));
+    const flexDirection = el.style.flexDirection || getComputedStyle(el).flexDirection;
+    if (flexDirection === "column" || flexDirection === "column-reverse") {
+      el.style.alignItems = val;
+    } else {
+      el.style.justifyContent = val;
+    }
+  },
+  horizontalAlign: (el, value) => {
+    el.style.justifyContent = mapAlignmentValue(String(value));
+  },
+  verticalAlign: (el, value) => {
+    el.style.alignItems = mapAlignmentValue(String(value));
+  },
+  gap: (el, value) => {
+    el.style.gap = typeof value === "number" ? `${value}px` : String(value);
+  },
+  weight: (el, value) => {
+    el.style.flex = String(value);
+  },
+  flex: (el, value) => {
+    el.style.flex = String(value);
+  },
+  flexGrow: (el, value) => {
+    el.style.flexGrow = String(value);
+  },
+  flexShrink: (el, value) => {
+    el.style.flexShrink = String(value);
+  },
+  cursor: (el, value) => {
+    el.style.cursor = String(value);
+  },
+  overflow: (el, value) => {
+    el.style.overflow = String(value);
+  },
+  scrollable: (el, value) => {
+    if (value === true || value === "true") {
+      el.style.overflow = "auto";
+    } else if (value === false || value === "false") {
+      el.style.overflow = "hidden";
+    } else if (value === "vertical") {
+      el.style.overflowX = "hidden";
+      el.style.overflowY = "auto";
+    } else if (value === "horizontal") {
+      el.style.overflowX = "auto";
+      el.style.overflowY = "hidden";
+    } else if (value === "both") {
+      el.style.overflow = "auto";
+    } else {
+      el.style.overflow = String(value);
+    }
+  }
+};
+
 // src/dom/applicators/advanced-layout.ts
-var exports_advanced_layout = {};
-__export(exports_advanced_layout, {
-  advancedLayoutHandlers: () => advancedLayoutHandlers
-});
-var advancedLayoutHandlers;
-var init_advanced_layout = __esm(() => {
-  advancedLayoutHandlers = {
-    flexDirection: (el, value) => {
-      el.style.flexDirection = String(value);
-    },
-    flexWrap: (el, value) => {
-      el.style.flexWrap = String(value);
-    },
-    flexBasis: (el, value) => {
-      el.style.flexBasis = typeof value === "number" ? `${value}px` : String(value);
-    },
-    justifyContent: (el, value) => {
-      el.style.justifyContent = String(value);
-    },
-    alignItems: (el, value) => {
-      el.style.alignItems = String(value);
-    },
-    alignContent: (el, value) => {
-      el.style.alignContent = String(value);
-    },
-    alignSelf: (el, value) => {
-      el.style.alignSelf = String(value);
-    },
-    order: (el, value) => {
-      el.style.order = String(value);
-    },
-    gridTemplateColumns: (el, value) => {
+var advancedLayoutHandlers = {
+  flexDirection: (el, value) => {
+    el.style.flexDirection = String(value);
+  },
+  flexWrap: (el, value) => {
+    el.style.flexWrap = String(value);
+  },
+  flexBasis: (el, value) => {
+    el.style.flexBasis = typeof value === "number" ? `${value}px` : String(value);
+  },
+  justifyContent: (el, value) => {
+    el.style.justifyContent = mapAlignmentValue(String(value));
+  },
+  alignItems: (el, value) => {
+    el.style.alignItems = mapAlignmentValue(String(value));
+  },
+  alignContent: (el, value) => {
+    el.style.alignContent = String(value);
+  },
+  alignSelf: (el, value) => {
+    el.style.alignSelf = String(value);
+  },
+  order: (el, value) => {
+    el.style.order = String(value);
+  },
+  gridTemplateColumns: (el, value) => {
+    el.style.gridTemplateColumns = String(value);
+  },
+  gridTemplateRows: (el, value) => {
+    el.style.gridTemplateRows = String(value);
+  },
+  gridColumns: (el, value) => {
+    if (typeof value === "number") {
+      el.style.gridTemplateColumns = `repeat(${value}, 1fr)`;
+    } else {
       el.style.gridTemplateColumns = String(value);
-    },
-    gridTemplateRows: (el, value) => {
+    }
+  },
+  gridRows: (el, value) => {
+    if (typeof value === "number") {
+      el.style.gridTemplateRows = `repeat(${value}, 1fr)`;
+    } else {
       el.style.gridTemplateRows = String(value);
-    },
-    gridColumns: (el, value) => {
-      if (typeof value === "number") {
-        el.style.gridTemplateColumns = `repeat(${value}, 1fr)`;
-      } else {
-        el.style.gridTemplateColumns = String(value);
-      }
-    },
-    gridRows: (el, value) => {
-      if (typeof value === "number") {
-        el.style.gridTemplateRows = `repeat(${value}, 1fr)`;
-      } else {
-        el.style.gridTemplateRows = String(value);
-      }
-    },
-    gridTemplateAreas: (el, value) => {
-      el.style.gridTemplateAreas = String(value);
-    },
-    gridColumn: (el, value) => {
-      el.style.gridColumn = String(value);
-    },
-    gridRow: (el, value) => {
-      el.style.gridRow = String(value);
-    },
-    gridArea: (el, value) => {
-      el.style.gridArea = String(value);
-    },
-    gridAutoFlow: (el, value) => {
-      el.style.gridAutoFlow = String(value);
-    },
-    gridAutoColumns: (el, value) => {
-      el.style.gridAutoColumns = String(value);
-    },
-    gridAutoRows: (el, value) => {
-      el.style.gridAutoRows = String(value);
-    },
-    rowGap: (el, value) => {
-      el.style.rowGap = typeof value === "number" ? `${value}px` : String(value);
-    },
-    columnGap: (el, value) => {
-      el.style.columnGap = typeof value === "number" ? `${value}px` : String(value);
-    },
-    placeItems: (el, value) => {
-      el.style.placeItems = String(value);
-    },
-    placeContent: (el, value) => {
-      el.style.placeContent = String(value);
-    },
-    placeSelf: (el, value) => {
-      el.style.placeSelf = String(value);
-    },
-    position: (el, value) => {
-      el.style.position = String(value);
-    },
-    top: (el, value) => {
-      el.style.top = typeof value === "number" ? `${value}px` : String(value);
-    },
-    right: (el, value) => {
-      el.style.right = typeof value === "number" ? `${value}px` : String(value);
-    },
-    bottom: (el, value) => {
-      el.style.bottom = typeof value === "number" ? `${value}px` : String(value);
-    },
-    left: (el, value) => {
-      el.style.left = typeof value === "number" ? `${value}px` : String(value);
-    },
-    inset: (el, value) => {
-      el.style.inset = typeof value === "number" ? `${value}px` : String(value);
-    },
-    zIndex: (el, value) => {
-      el.style.zIndex = String(value);
     }
-  };
-});
-init_advanced_layout();
-
+  },
+  gridTemplateAreas: (el, value) => {
+    el.style.gridTemplateAreas = String(value);
+  },
+  gridColumn: (el, value) => {
+    el.style.gridColumn = String(value);
+  },
+  gridRow: (el, value) => {
+    el.style.gridRow = String(value);
+  },
+  gridArea: (el, value) => {
+    el.style.gridArea = String(value);
+  },
+  gridAutoFlow: (el, value) => {
+    el.style.gridAutoFlow = String(value);
+  },
+  gridAutoColumns: (el, value) => {
+    el.style.gridAutoColumns = String(value);
+  },
+  gridAutoRows: (el, value) => {
+    el.style.gridAutoRows = String(value);
+  },
+  rowGap: (el, value) => {
+    el.style.rowGap = typeof value === "number" ? `${value}px` : String(value);
+  },
+  columnGap: (el, value) => {
+    el.style.columnGap = typeof value === "number" ? `${value}px` : String(value);
+  },
+  placeItems: (el, value) => {
+    el.style.placeItems = String(value);
+  },
+  placeContent: (el, value) => {
+    el.style.placeContent = String(value);
+  },
+  placeSelf: (el, value) => {
+    el.style.placeSelf = String(value);
+  },
+  position: (el, value) => {
+    el.style.position = String(value);
+  },
+  top: (el, value) => {
+    el.style.top = typeof value === "number" ? `${value}px` : String(value);
+  },
+  right: (el, value) => {
+    el.style.right = typeof value === "number" ? `${value}px` : String(value);
+  },
+  bottom: (el, value) => {
+    el.style.bottom = typeof value === "number" ? `${value}px` : String(value);
+  },
+  left: (el, value) => {
+    el.style.left = typeof value === "number" ? `${value}px` : String(value);
+  },
+  inset: (el, value) => {
+    el.style.inset = typeof value === "number" ? `${value}px` : String(value);
+  },
+  zIndex: (el, value) => {
+    el.style.zIndex = String(value);
+  }
+};
 export {
   advancedLayoutHandlers
 };
 
-//# debugId=C1185D52B17FE3EF64756E2164756E21
+//# debugId=E01C0FEF9830DF0364756E2164756E21

package/dist/src/dom/applicators/advanced-layout.js.map

@@ -1,10 +1,11 @@
 {
   "version": 3,
-  "sources": ["../src/dom/applicators/advanced-layout.ts"],
+  "sources": ["../src/dom/applicators/layout.ts", "../src/dom/applicators/advanced-layout.ts"],
   "sourcesContent": [
-    "/**\n * Advanced Layout Applicators (Flexbox, Grid, Positioning)\n */\n\nimport type { ApplicatorHandler } from \"./index.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  justifyContent: (el, value) => {\n    el.style.justifyContent = String(value);\n  },\n\n  alignItems: (el, value) => {\n    el.style.alignItems = String(value);\n  },\n\n  alignContent: (el, value) => {\n    el.style.alignContent = String(value);\n  },\n\n  alignSelf: (el, value) => {\n    el.style.alignSelf = 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"
+    "/**\n * Layout Applicators (Flexbox/Grid)\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\n/**\n * Maps Hypen alignment values to CSS flexbox values.\n * Ensures consistent cross-platform API (Android/iOS/Web).\n */\nexport function mapAlignmentValue(value: string): string {\n  const v = String(value).toLowerCase();\n  switch (v) {\n    // Positional values -> CSS equivalents\n    case \"top\":\n    case \"start\":\n    case \"leading\":\n    case \"left\":\n      return \"flex-start\";\n    case \"bottom\":\n    case \"end\":\n    case \"trailing\":\n    case \"right\":\n      return \"flex-end\";\n    case \"center\":\n      return \"center\";\n    // Spacing values -> CSS equivalents\n    case \"spacebetween\":\n    case \"space-between\":\n      return \"space-between\";\n    case \"spacearound\":\n    case \"space-around\":\n      return \"space-around\";\n    case \"spaceevenly\":\n    case \"space-evenly\":\n      return \"space-evenly\";\n    // Pass through CSS values as-is\n    default:\n      return v;\n  }\n}\n\nexport const layoutHandlers: Record<string, ApplicatorHandler> = {\n  // Unified alignment API - works for both Column and Row\n  verticalAlignment: (el, value) => {\n    const val = mapAlignmentValue(String(value));\n    // Check flex-direction to determine which CSS property to set\n    // Use inline style first (for elements not yet in DOM), fallback to computed style\n    const flexDirection = el.style.flexDirection || getComputedStyle(el).flexDirection;\n    if (flexDirection === \"column\" || flexDirection === \"column-reverse\") {\n      // For column: vertical is the main axis (justify-content)\n      el.style.justifyContent = val;\n    } else {\n      // For row: vertical is the cross axis (align-items)\n      el.style.alignItems = val;\n    }\n  },\n\n  horizontalAlignment: (el, value) => {\n    const val = mapAlignmentValue(String(value));\n    // Check flex-direction to determine which CSS property to set\n    // Use inline style first (for elements not yet in DOM), fallback to computed style\n    const flexDirection = el.style.flexDirection || getComputedStyle(el).flexDirection;\n    if (flexDirection === \"column\" || flexDirection === \"column-reverse\") {\n      // For column: horizontal is the cross axis (align-items)\n      el.style.alignItems = val;\n    } else {\n      // For row: horizontal is the main axis (justify-content)\n      el.style.justifyContent = val;\n    }\n  },\n\n  // Legacy aliases (kept for backward compatibility)\n  horizontalAlign: (el, value) => {\n    el.style.justifyContent = mapAlignmentValue(String(value));\n  },\n\n  verticalAlign: (el, value) => {\n    el.style.alignItems = mapAlignmentValue(String(value));\n  },\n\n  gap: (el, value) => {\n    el.style.gap = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  // weight: unified cross-platform API (same as flex)\n  // Use .weight(1) to make element take remaining space in Row/Column\n  weight: (el, value) => {\n    el.style.flex = String(value);\n  },\n\n  // flex: CSS flex shorthand (kept for CSS compatibility)\n  flex: (el, value) => {\n    el.style.flex = String(value);\n  },\n\n  flexGrow: (el, value) => {\n    el.style.flexGrow = String(value);\n  },\n\n  flexShrink: (el, value) => {\n    el.style.flexShrink = String(value);\n  },\n\n  cursor: (el, value) => {\n    el.style.cursor = String(value);\n  },\n\n  overflow: (el, value) => {\n    el.style.overflow = String(value);\n  },\n\n  scrollable: (el, value) => {\n    if (value === true || value === \"true\") {\n      el.style.overflow = \"auto\";\n    } else if (value === false || value === \"false\") {\n      el.style.overflow = \"hidden\";\n    } else if (value === \"vertical\") {\n      el.style.overflowX = \"hidden\";\n      el.style.overflowY = \"auto\";\n    } else if (value === \"horizontal\") {\n      el.style.overflowX = \"auto\";\n      el.style.overflowY = \"hidden\";\n    } else if (value === \"both\") {\n      el.style.overflow = \"auto\";\n    } else {\n      el.style.overflow = String(value);\n    }\n  },\n};\n",
+    "/**\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  justifyContent: (el, value) => {\n    el.style.justifyContent = mapAlignmentValue(String(value));\n  },\n\n  alignItems: (el, value) => {\n    el.style.alignItems = mapAlignmentValue(String(value));\n  },\n\n  alignContent: (el, value) => {\n    el.style.alignContent = String(value);\n  },\n\n  alignSelf: (el, value) => {\n    el.style.alignSelf = 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"
   ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,2BAA4D;AAAA,IAEvE,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,IAGvC,UAAU,CAAC,IAAI,UAAU;AAAA,MACvB,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA,IAGlC,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG9E,gBAAgB,CAAC,IAAI,UAAU;AAAA,MAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,IAGxC,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,cAAc,CAAC,IAAI,UAAU;AAAA,MAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,IAGtC,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAGnC,OAAO,CAAC,IAAI,UAAU;AAAA,MACpB,GAAG,MAAM,QAAQ,OAAO,KAAK;AAAA;AAAA,IAI/B,qBAAqB,CAAC,IAAI,UAAU;AAAA,MAClC,GAAG,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA,IAG7C,kBAAkB,CAAC,IAAI,UAAU;AAAA,MAC/B,GAAG,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA,IAI1C,aAAa,CAAC,IAAI,UAAU;AAAA,MAE1B,IAAI,OAAO,UAAU,UAAU;AAAA,QAC7B,GAAG,MAAM,sBAAsB,UAAU;AAAA,MAC3C,EAAO;AAAA,QACL,GAAG,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA;AAAA,IAI/C,UAAU,CAAC,IAAI,UAAU;AAAA,MAEvB,IAAI,OAAO,UAAU,UAAU;AAAA,QAC7B,GAAG,MAAM,mBAAmB,UAAU;AAAA,MACxC,EAAO;AAAA,QACL,GAAG,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA;AAAA,IAI5C,mBAAmB,CAAC,IAAI,UAAU;AAAA,MAChC,GAAG,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA,IAG3C,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,SAAS,CAAC,IAAI,UAAU;AAAA,MACtB,GAAG,MAAM,UAAU,OAAO,KAAK;AAAA;AAAA,IAGjC,UAAU,CAAC,IAAI,UAAU;AAAA,MACvB,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA,IAGlC,cAAc,CAAC,IAAI,UAAU;AAAA,MAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,IAGtC,iBAAiB,CAAC,IAAI,UAAU;AAAA,MAC9B,GAAG,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA,IAGzC,cAAc,CAAC,IAAI,UAAU;AAAA,MAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,IAGtC,QAAQ,CAAC,IAAI,UAAU;AAAA,MACrB,GAAG,MAAM,SAAS,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG3E,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG9E,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,cAAc,CAAC,IAAI,UAAU;AAAA,MAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,IAGtC,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAInC,UAAU,CAAC,IAAI,UAAU;AAAA,MACvB,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA,IAGlC,KAAK,CAAC,IAAI,UAAU;AAAA,MAClB,GAAG,MAAM,MAAM,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAGxE,OAAO,CAAC,IAAI,UAAU;AAAA,MACpB,GAAG,MAAM,QAAQ,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG1E,QAAQ,CAAC,IAAI,UAAU;AAAA,MACrB,GAAG,MAAM,SAAS,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG3E,MAAM,CAAC,IAAI,UAAU;AAAA,MACnB,GAAG,MAAM,OAAO,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAGzE,OAAO,CAAC,IAAI,UAAU;AAAA,MACpB,GAAG,MAAM,QAAQ,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG1E,QAAQ,CAAC,IAAI,UAAU;AAAA,MACrB,GAAG,MAAM,SAAS,OAAO,KAAK;AAAA;AAAA,EAElC;AAAA;",
-  "debugId": "C1185D52B17FE3EF64756E2164756E21",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,SAAS,iBAAiB,CAAC,OAAuB;AAAA,EACvD,MAAM,IAAI,OAAO,KAAK,EAAE,YAAY;AAAA,EACpC,QAAQ;AAAA,SAED;AAAA,SACA;AAAA,SACA;AAAA,SACA;AAAA,MACH,OAAO;AAAA,SACJ;AAAA,SACA;AAAA,SACA;AAAA,SACA;AAAA,MACH,OAAO;AAAA,SACJ;AAAA,MACH,OAAO;AAAA,SAEJ;AAAA,SACA;AAAA,MACH,OAAO;AAAA,SACJ;AAAA,SACA;AAAA,MACH,OAAO;AAAA,SACJ;AAAA,SACA;AAAA,MACH,OAAO;AAAA;AAAA,MAGP,OAAO;AAAA;AAAA;AAIN,IAAM,iBAAoD;AAAA,EAE/D,mBAAmB,CAAC,IAAI,UAAU;AAAA,IAChC,MAAM,MAAM,kBAAkB,OAAO,KAAK,CAAC;AAAA,IAG3C,MAAM,gBAAgB,GAAG,MAAM,iBAAiB,iBAAiB,EAAE,EAAE;AAAA,IACrE,IAAI,kBAAkB,YAAY,kBAAkB,kBAAkB;AAAA,MAEpE,GAAG,MAAM,iBAAiB;AAAA,IAC5B,EAAO;AAAA,MAEL,GAAG,MAAM,aAAa;AAAA;AAAA;AAAA,EAI1B,qBAAqB,CAAC,IAAI,UAAU;AAAA,IAClC,MAAM,MAAM,kBAAkB,OAAO,KAAK,CAAC;AAAA,IAG3C,MAAM,gBAAgB,GAAG,MAAM,iBAAiB,iBAAiB,EAAE,EAAE;AAAA,IACrE,IAAI,kBAAkB,YAAY,kBAAkB,kBAAkB;AAAA,MAEpE,GAAG,MAAM,aAAa;AAAA,IACxB,EAAO;AAAA,MAEL,GAAG,MAAM,iBAAiB;AAAA;AAAA;AAAA,EAK9B,iBAAiB,CAAC,IAAI,UAAU;AAAA,IAC9B,GAAG,MAAM,iBAAiB,kBAAkB,OAAO,KAAK,CAAC;AAAA;AAAA,EAG3D,eAAe,CAAC,IAAI,UAAU;AAAA,IAC5B,GAAG,MAAM,aAAa,kBAAkB,OAAO,KAAK,CAAC;AAAA;AAAA,EAGvD,KAAK,CAAC,IAAI,UAAU;AAAA,IAClB,GAAG,MAAM,MAAM,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAKxE,QAAQ,CAAC,IAAI,UAAU;AAAA,IACrB,GAAG,MAAM,OAAO,OAAO,KAAK;AAAA;AAAA,EAI9B,MAAM,CAAC,IAAI,UAAU;AAAA,IACnB,GAAG,MAAM,OAAO,OAAO,KAAK;AAAA;AAAA,EAG9B,UAAU,CAAC,IAAI,UAAU;AAAA,IACvB,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA,EAGlC,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,EAGpC,QAAQ,CAAC,IAAI,UAAU;AAAA,IACrB,GAAG,MAAM,SAAS,OAAO,KAAK;AAAA;AAAA,EAGhC,UAAU,CAAC,IAAI,UAAU;AAAA,IACvB,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA,EAGlC,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,IAAI,UAAU,QAAQ,UAAU,QAAQ;AAAA,MACtC,GAAG,MAAM,WAAW;AAAA,IACtB,EAAO,SAAI,UAAU,SAAS,UAAU,SAAS;AAAA,MAC/C,GAAG,MAAM,WAAW;AAAA,IACtB,EAAO,SAAI,UAAU,YAAY;AAAA,MAC/B,GAAG,MAAM,YAAY;AAAA,MACrB,GAAG,MAAM,YAAY;AAAA,IACvB,EAAO,SAAI,UAAU,cAAc;AAAA,MACjC,GAAG,MAAM,YAAY;AAAA,MACrB,GAAG,MAAM,YAAY;AAAA,IACvB,EAAO,SAAI,UAAU,QAAQ;AAAA,MAC3B,GAAG,MAAM,WAAW;AAAA,IACtB,EAAO;AAAA,MACL,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA;AAGtC;;;AC1HO,IAAM,yBAA4D;AAAA,EAEvE,eAAe,CAAC,IAAI,UAAU;AAAA,IAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,EAGvC,UAAU,CAAC,IAAI,UAAU;AAAA,IACvB,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA,EAGlC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAG9E,gBAAgB,CAAC,IAAI,UAAU;AAAA,IAC7B,GAAG,MAAM,iBAAiB,kBAAkB,OAAO,KAAK,CAAC;AAAA;AAAA,EAG3D,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,GAAG,MAAM,aAAa,kBAAkB,OAAO,KAAK,CAAC;AAAA;AAAA,EAGvD,cAAc,CAAC,IAAI,UAAU;AAAA,IAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,EAGtC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,EAGnC,OAAO,CAAC,IAAI,UAAU;AAAA,IACpB,GAAG,MAAM,QAAQ,OAAO,KAAK;AAAA;AAAA,EAI/B,qBAAqB,CAAC,IAAI,UAAU;AAAA,IAClC,GAAG,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA,EAG7C,kBAAkB,CAAC,IAAI,UAAU;AAAA,IAC/B,GAAG,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA,EAI1C,aAAa,CAAC,IAAI,UAAU;AAAA,IAE1B,IAAI,OAAO,UAAU,UAAU;AAAA,MAC7B,GAAG,MAAM,sBAAsB,UAAU;AAAA,IAC3C,EAAO;AAAA,MACL,GAAG,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA;AAAA,EAI/C,UAAU,CAAC,IAAI,UAAU;AAAA,IAEvB,IAAI,OAAO,UAAU,UAAU;AAAA,MAC7B,GAAG,MAAM,mBAAmB,UAAU;AAAA,IACxC,EAAO;AAAA,MACL,GAAG,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA;AAAA,EAI5C,mBAAmB,CAAC,IAAI,UAAU;AAAA,IAChC,GAAG,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA,EAG3C,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,EAGpC,SAAS,CAAC,IAAI,UAAU;AAAA,IACtB,GAAG,MAAM,UAAU,OAAO,KAAK;AAAA;AAAA,EAGjC,UAAU,CAAC,IAAI,UAAU;AAAA,IACvB,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA,EAGlC,cAAc,CAAC,IAAI,UAAU;AAAA,IAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,EAGtC,iBAAiB,CAAC,IAAI,UAAU;AAAA,IAC9B,GAAG,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA,EAGzC,cAAc,CAAC,IAAI,UAAU;AAAA,IAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,EAGtC,QAAQ,CAAC,IAAI,UAAU;AAAA,IACrB,GAAG,MAAM,SAAS,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAG3E,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAG9E,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,EAGpC,cAAc,CAAC,IAAI,UAAU;AAAA,IAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,EAGtC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,EAInC,UAAU,CAAC,IAAI,UAAU;AAAA,IACvB,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA,EAGlC,KAAK,CAAC,IAAI,UAAU;AAAA,IAClB,GAAG,MAAM,MAAM,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAGxE,OAAO,CAAC,IAAI,UAAU;AAAA,IACpB,GAAG,MAAM,QAAQ,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAG1E,QAAQ,CAAC,IAAI,UAAU;AAAA,IACrB,GAAG,MAAM,SAAS,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAG3E,MAAM,CAAC,IAAI,UAAU;AAAA,IACnB,GAAG,MAAM,OAAO,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAGzE,OAAO,CAAC,IAAI,UAAU;AAAA,IACpB,GAAG,MAAM,QAAQ,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAG1E,QAAQ,CAAC,IAAI,UAAU;AAAA,IACrB,GAAG,MAAM,SAAS,OAAO,KAAK;AAAA;AAElC;",
+  "debugId": "E01C0FEF9830DF0364756E2164756E21",
   "names": []
 }

package/dist/src/dom/applicators/background.js

@@ -28,49 +28,40 @@ var __export = (target, all) => {
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
 // src/dom/applicators/background.ts
-var exports_background = {};
-__export(exports_background, {
-  backgroundHandlers: () => backgroundHandlers
-});
-var backgroundHandlers;
-var init_background = __esm(() => {
-  backgroundHandlers = {
-    backgroundImage: (el, value) => {
-      el.style.backgroundImage = String(value);
-    },
-    backgroundSize: (el, value) => {
-      el.style.backgroundSize = String(value);
-    },
-    backgroundPosition: (el, value) => {
-      el.style.backgroundPosition = String(value);
-    },
-    backgroundRepeat: (el, value) => {
-      el.style.backgroundRepeat = String(value);
-    },
-    backgroundAttachment: (el, value) => {
-      el.style.backgroundAttachment = String(value);
-    },
-    backgroundClip: (el, value) => {
-      el.style.backgroundClip = String(value);
-    },
-    backgroundOrigin: (el, value) => {
-      el.style.backgroundOrigin = String(value);
-    },
-    linearGradient: (el, value) => {
-      el.style.backgroundImage = `linear-gradient(${value})`;
-    },
-    radialGradient: (el, value) => {
-      el.style.backgroundImage = `radial-gradient(${value})`;
-    },
-    conicGradient: (el, value) => {
-      el.style.backgroundImage = `conic-gradient(${value})`;
-    }
-  };
-});
-init_background();
-
+var backgroundHandlers = {
+  backgroundImage: (el, value) => {
+    el.style.backgroundImage = String(value);
+  },
+  backgroundSize: (el, value) => {
+    el.style.backgroundSize = String(value);
+  },
+  backgroundPosition: (el, value) => {
+    el.style.backgroundPosition = String(value);
+  },
+  backgroundRepeat: (el, value) => {
+    el.style.backgroundRepeat = String(value);
+  },
+  backgroundAttachment: (el, value) => {
+    el.style.backgroundAttachment = String(value);
+  },
+  backgroundClip: (el, value) => {
+    el.style.backgroundClip = String(value);
+  },
+  backgroundOrigin: (el, value) => {
+    el.style.backgroundOrigin = String(value);
+  },
+  linearGradient: (el, value) => {
+    el.style.backgroundImage = `linear-gradient(${value})`;
+  },
+  radialGradient: (el, value) => {
+    el.style.backgroundImage = `radial-gradient(${value})`;
+  },
+  conicGradient: (el, value) => {
+    el.style.backgroundImage = `conic-gradient(${value})`;
+  }
+};
 export {
   backgroundHandlers
 };
 
-//# debugId=C05BA3B4CE0B73CE64756E2164756E21
+//# debugId=3A2B6E280212987A64756E2164756E21

package/dist/src/dom/applicators/background.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/dom/applicators/background.ts"],
   "sourcesContent": [
-    "/**\n * Background Applicators\n */\n\nimport type { ApplicatorHandler } from \"./index.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"
+    "/**\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"
   ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,uBAAwD;AAAA,IACnE,iBAAiB,CAAC,IAAI,UAAU;AAAA,MAC9B,GAAG,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA,IAGzC,gBAAgB,CAAC,IAAI,UAAU;AAAA,MAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,IAGxC,oBAAoB,CAAC,IAAI,UAAU;AAAA,MACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,IAG5C,kBAAkB,CAAC,IAAI,UAAU;AAAA,MAC/B,GAAG,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA,IAG1C,sBAAsB,CAAC,IAAI,UAAU;AAAA,MACnC,GAAG,MAAM,uBAAuB,OAAO,KAAK;AAAA;AAAA,IAG9C,gBAAgB,CAAC,IAAI,UAAU;AAAA,MAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,IAGxC,kBAAkB,CAAC,IAAI,UAAU;AAAA,MAC/B,GAAG,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA,IAI1C,gBAAgB,CAAC,IAAI,UAAU;AAAA,MAC7B,GAAG,MAAM,kBAAkB,mBAAmB;AAAA;AAAA,IAGhD,gBAAgB,CAAC,IAAI,UAAU;AAAA,MAC7B,GAAG,MAAM,kBAAkB,mBAAmB;AAAA;AAAA,IAGhD,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,kBAAkB,kBAAkB;AAAA;AAAA,EAEjD;AAAA;",
-  "debugId": "C05BA3B4CE0B73CE64756E2164756E21",
+  "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;",
+  "debugId": "3A2B6E280212987A64756E2164756E21",
   "names": []
 }

package/dist/src/dom/applicators/border.js

@@ -28,79 +28,70 @@ var __export = (target, all) => {
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
 // src/dom/applicators/border.ts
-var exports_border = {};
-__export(exports_border, {
-  borderHandlers: () => borderHandlers
-});
-var borderHandlers;
-var init_border = __esm(() => {
-  borderHandlers = {
-    border: (el, value) => {
-      if (typeof value === "number") {
-        el.style.borderWidth = `${value}px`;
-        el.style.borderStyle = "solid";
-      } else if (typeof value === "object" && value !== null) {
-        const obj = value;
-        if (obj.width !== undefined) {
-          el.style.borderWidth = typeof obj.width === "number" ? `${obj.width}px` : String(obj.width);
-        }
-        if (obj.color !== undefined) {
-          el.style.borderColor = String(obj.color);
-        }
-        if (obj.style !== undefined) {
-          el.style.borderStyle = String(obj.style);
-        } else {
-          el.style.borderStyle = "solid";
-        }
-        if (obj.radius !== undefined) {
-          el.style.borderRadius = typeof obj.radius === "number" ? `${obj.radius}px` : String(obj.radius);
-        }
-      } else if (typeof value === "string") {
-        el.style.border = value;
+var borderHandlers = {
+  border: (el, value) => {
+    if (typeof value === "number") {
+      el.style.borderWidth = `${value}px`;
+      el.style.borderStyle = "solid";
+    } else if (typeof value === "object" && value !== null) {
+      const obj = value;
+      if (obj.width !== undefined) {
+        el.style.borderWidth = typeof obj.width === "number" ? `${obj.width}px` : String(obj.width);
       }
-    },
-    borderWidth: (el, value) => {
-      el.style.borderWidth = typeof value === "number" ? `${value}px` : String(value);
-    },
-    borderStyle: (el, value) => {
-      el.style.borderStyle = String(value);
-    },
-    borderRadius: (el, value) => {
-      if (typeof value === "number") {
-        el.style.borderRadius = `${value}px`;
-      } else if (typeof value === "object" && value !== null) {
-        const obj = value;
-        const topLeft = obj.topLeft ?? obj.topStart ?? 0;
-        const topRight = obj.topRight ?? obj.topEnd ?? 0;
-        const bottomRight = obj.bottomRight ?? obj.bottomEnd ?? 0;
-        const bottomLeft = obj.bottomLeft ?? obj.bottomStart ?? 0;
-        const formatValue = (v) => typeof v === "number" ? `${v}px` : String(v);
-        el.style.borderRadius = `${formatValue(topLeft)} ${formatValue(topRight)} ${formatValue(bottomRight)} ${formatValue(bottomLeft)}`;
-      } else {
-        el.style.borderRadius = String(value);
+      if (obj.color !== undefined) {
+        el.style.borderColor = String(obj.color);
       }
-    },
-    cornerRadius: (el, value) => {
-      if (typeof value === "number") {
-        el.style.borderRadius = `${value}px`;
-      } else if (typeof value === "object" && value !== null) {
-        const obj = value;
-        const topLeft = obj.topLeft ?? obj.topStart ?? 0;
-        const topRight = obj.topRight ?? obj.topEnd ?? 0;
-        const bottomRight = obj.bottomRight ?? obj.bottomEnd ?? 0;
-        const bottomLeft = obj.bottomLeft ?? obj.bottomStart ?? 0;
-        const formatValue = (v) => typeof v === "number" ? `${v}px` : String(v);
-        el.style.borderRadius = `${formatValue(topLeft)} ${formatValue(topRight)} ${formatValue(bottomRight)} ${formatValue(bottomLeft)}`;
+      if (obj.style !== undefined) {
+        el.style.borderStyle = String(obj.style);
       } else {
-        el.style.borderRadius = String(value);
+        el.style.borderStyle = "solid";
+      }
+      if (obj.radius !== undefined) {
+        el.style.borderRadius = typeof obj.radius === "number" ? `${obj.radius}px` : String(obj.radius);
       }
+    } else if (typeof value === "string") {
+      el.style.border = value;
     }
-  };
-});
-init_border();
-
+  },
+  borderWidth: (el, value) => {
+    el.style.borderWidth = typeof value === "number" ? `${value}px` : String(value);
+  },
+  borderStyle: (el, value) => {
+    el.style.borderStyle = String(value);
+  },
+  borderRadius: (el, value) => {
+    if (typeof value === "number") {
+      el.style.borderRadius = `${value}px`;
+    } else if (typeof value === "object" && value !== null) {
+      const obj = value;
+      const topLeft = obj.topLeft ?? obj.topStart ?? 0;
+      const topRight = obj.topRight ?? obj.topEnd ?? 0;
+      const bottomRight = obj.bottomRight ?? obj.bottomEnd ?? 0;
+      const bottomLeft = obj.bottomLeft ?? obj.bottomStart ?? 0;
+      const formatValue = (v) => typeof v === "number" ? `${v}px` : String(v);
+      el.style.borderRadius = `${formatValue(topLeft)} ${formatValue(topRight)} ${formatValue(bottomRight)} ${formatValue(bottomLeft)}`;
+    } else {
+      el.style.borderRadius = String(value);
+    }
+  },
+  cornerRadius: (el, value) => {
+    if (typeof value === "number") {
+      el.style.borderRadius = `${value}px`;
+    } else if (typeof value === "object" && value !== null) {
+      const obj = value;
+      const topLeft = obj.topLeft ?? obj.topStart ?? 0;
+      const topRight = obj.topRight ?? obj.topEnd ?? 0;
+      const bottomRight = obj.bottomRight ?? obj.bottomEnd ?? 0;
+      const bottomLeft = obj.bottomLeft ?? obj.bottomStart ?? 0;
+      const formatValue = (v) => typeof v === "number" ? `${v}px` : String(v);
+      el.style.borderRadius = `${formatValue(topLeft)} ${formatValue(topRight)} ${formatValue(bottomRight)} ${formatValue(bottomLeft)}`;
+    } else {
+      el.style.borderRadius = String(value);
+    }
+  }
+};
 export {
   borderHandlers
 };
 
-//# debugId=89023929D14976CF64756E2164756E21
+//# debugId=E9C294C03373D49864756E2164756E21