@hypen-space/web 0.3.8 → 0.3.9

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

@@ -28,11 +28,6 @@ var __export = (target, all) => {
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
 // src/dom/applicators/layout.ts
-var exports_layout = {};
-__export(exports_layout, {
-  mapAlignmentValue: () => mapAlignmentValue,
-  layoutHandlers: () => layoutHandlers
-});
 function mapAlignmentValue(value) {
   const v = String(value).toLowerCase();
   switch (v) {
@@ -61,190 +56,177 @@ function mapAlignmentValue(value) {
       return v;
   }
 }
-var layoutHandlers;
-var init_layout = __esm(() => {
-  layoutHandlers = {
-    verticalAlignment: (el, value) => {
-      const val = mapAlignmentValue(String(value));
-      const 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 = 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) => {
+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);
-    },
-    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(() => {
-  init_layout();
-  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) => {
+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=7F69A9D7466DB1C064756E2164756E21
+//# debugId=E01C0FEF9830DF0364756E2164756E21

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

@@ -2,10 +2,10 @@
   "version": 3,
   "sources": ["../src/dom/applicators/layout.ts", "../src/dom/applicators/advanced-layout.ts"],
   "sourcesContent": [
-    "/**\n * Layout Applicators (Flexbox/Grid)\n */\n\nimport type { ApplicatorHandler } from \"./index.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    const 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    const 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 * 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": "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",
-  "debugId": "7F69A9D7466DB1C064756E2164756E21",
+  "mappings": "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",
+  "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": []
 }