svelte-tv 1.0.2 → 1.0.3

package/dist/core/elementNode.js

@@ -129,6 +129,33 @@ const EFFECT_SHADER_KEYS = [
     'borderLeft',
     'shadow',
 ];
+function getBoxValue(value, index, defaultValue = 0) {
+    if (value === undefined)
+        return defaultValue;
+    if (typeof value === 'number')
+        return value;
+    const len = value.length;
+    const result = len === 2
+        ? index % 2 === 0
+            ? value[0]
+            : value[1]
+        : len === 3
+            ? index === 0
+                ? value[0]
+                : index === 2
+                    ? value[2]
+                    : value[1]
+            : value[index];
+    return result ?? defaultValue;
+}
+function getPadding(node) {
+    return {
+        top: node.paddingTop ?? getBoxValue(node.padding, 0),
+        right: node.paddingRight ?? getBoxValue(node.padding, 1),
+        bottom: node.paddingBottom ?? getBoxValue(node.padding, 2),
+        left: node.paddingLeft ?? getBoxValue(node.padding, 3),
+    };
+}
 const parseAndAssignShaderProps = (prefix, obj, props = {}) => {
     if (!obj)
         return;
@@ -1069,8 +1096,13 @@ export class ElementNode {
         const props = node.lng;
         const parentWidth = parent.w || 0;
         const parentHeight = parent.h || 0;
-        props.x = props.x || 0;
-        props.y = props.y || 0;
+        const parentPadding = parent.display === 'flex' ? undefined : getPadding(parent);
+        if (props.x === undefined) {
+            props.x = parentPadding?.left ?? 0;
+        }
+        if (props.y === undefined) {
+            props.y = parentPadding?.top ?? 0;
+        }
         props.parent = parent.lng;
         if (this.right || this.right === 0) {
             props.x = parentWidth - this.right;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-tv",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Svelte speed for every screen 🚀✨",
   "type": "module",
   "exports": {
@@ -40,8 +40,11 @@
     "lint:fix": "prettier --write \"**/*.{svelte,ts,js,json,md}\"",
     "test": "vitest",
     "build:playground": "vite build playground --config ./vite.config.ts",
+    "build:playground:lab": "vite build playground-lab --config ./playground-lab/vite.config.ts",
     "preview": "vite preview playground --config ./vite.config.ts --host 0.0.0.0 --port 4173 --strictPort",
-    "dev": "vite dev playground --config ./vite.config.ts --host 0.0.0.0 --port 5173 --strictPort"
+    "preview:lab": "vite preview playground-lab --config ./playground-lab/vite.config.ts --host 0.0.0.0 --port 4175 --strictPort",
+    "dev": "vite dev playground --config ./vite.config.ts --host 0.0.0.0 --port 5173",
+    "dev:lab": "vite dev playground-lab --config ./playground-lab/vite.config.ts --host 0.0.0.0 --port 5175 --strictPort"
   },
   "keywords": [
     "svelte",