taffy-js 0.2.1 → 0.2.2

package/README.md

@@ -229,6 +229,7 @@ const style = new Style();
 | `min_size`     | `{ width, height }` | Minimum size constraints |
 | `max_size`     | `{ width, height }` | Maximum size constraints |
 | `aspect_ratio` | `number?`           | Width-to-height ratio    |
+| `box_sizing`   | `BoxSizing`         | Size calculation mode    |
 
 #### Spacing
 
@@ -416,6 +417,13 @@ Overflow.Scroll; // Always show scrollbars
 Overflow.Auto; // Show scrollbars when needed
 ```
 
+#### BoxSizing
+
+```typescript
+BoxSizing.BorderBox; // Include padding/border in size (default)
+BoxSizing.ContentBox; // Size is content only
+```
+
 ---
 
 ## 📏 Custom Measurement

package/package.json

@@ -5,7 +5,7 @@
     "ByteLandTechnology <github@byteland.app>"
   ],
   "description": "WebAssembly bindings for Taffy layout library",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "license": "MIT",
   "repository": {
     "type": "git",

package/taffy_js.d.ts

@@ -66,6 +66,20 @@ export enum AlignSelf {
   Stretch = 7,
 }
 
+/**
+ * Box sizing enum
+ * 
+ * Controls how the total width and height of an element is calculated.
+ * 
+ * # Variants
+ * - `BorderBox`: Width and height include content, padding, and border (default)
+ * - `ContentBox`: Width and height include only the content
+ */
+export enum BoxSizing {
+  BorderBox = 0,
+  ContentBox = 1,
+}
+
 /**
  * Display mode enum
  * 
@@ -209,6 +223,10 @@ export class Style {
    * Sets the align-self property. Use AlignSelf.Auto to inherit from parent.
    */
   set align_self(value: AlignSelf | null | undefined);
+  /**
+   * Gets the box sizing mode (BorderBox or ContentBox).
+   */
+  box_sizing: BoxSizing;
   /**
    * Gets the flex-basis as a JsDimension (Length, Percent, or Auto).
    * Flex-basis defines the initial main size before grow/shrink.
@@ -720,6 +738,7 @@ export interface InitOutput {
   readonly style_align_self: (a: number) => number;
   readonly style_aspect_ratio: (a: number) => number;
   readonly style_border: (a: number) => any;
+  readonly style_box_sizing: (a: number) => number;
   readonly style_display: (a: number) => number;
   readonly style_flex_basis: (a: number) => any;
   readonly style_flex_direction: (a: number) => number;
@@ -741,6 +760,7 @@ export interface InitOutput {
   readonly style_set_align_self: (a: number, b: number) => void;
   readonly style_set_aspect_ratio: (a: number, b: number) => void;
   readonly style_set_border: (a: number, b: any) => void;
+  readonly style_set_box_sizing: (a: number, b: number) => void;
   readonly style_set_display: (a: number, b: number) => void;
   readonly style_set_flex_basis: (a: number, b: any) => void;
   readonly style_set_flex_direction: (a: number, b: number) => void;

package/taffy_js.js

@@ -295,6 +295,21 @@ export const AlignSelf = Object.freeze({
     Stretch: 7, "7": "Stretch",
 });
 
+/**
+ * Box sizing enum
+ *
+ * Controls how the total width and height of an element is calculated.
+ *
+ * # Variants
+ * - `BorderBox`: Width and height include content, padding, and border (default)
+ * - `ContentBox`: Width and height include only the content
+ * @enum {0 | 1}
+ */
+export const BoxSizing = Object.freeze({
+    BorderBox: 0, "0": "BorderBox",
+    ContentBox: 1, "1": "ContentBox",
+});
+
 /**
  * Display mode enum
  *
@@ -471,6 +486,14 @@ export class Style {
         const ret = wasm.style_align_self(this.__wbg_ptr);
         return ret === 8 ? undefined : ret;
     }
+    /**
+     * Gets the box sizing mode (BorderBox or ContentBox).
+     * @returns {BoxSizing}
+     */
+    get box_sizing() {
+        const ret = wasm.style_box_sizing(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Gets the flex-basis as a JsDimension (Length, Percent, or Auto).
      * Flex-basis defines the initial main size before grow/shrink.
@@ -607,6 +630,15 @@ export class Style {
     set align_self(val) {
         wasm.style_set_align_self(this.__wbg_ptr, isLikeNone(val) ? 8 : val);
     }
+    /**
+     * Sets the box sizing mode.
+     * - `BoxSizing.BorderBox`: Width and height include content, padding, and border (default)
+     * - `BoxSizing.ContentBox`: Width and height include only the content
+     * @param {BoxSizing} val
+     */
+    set box_sizing(val) {
+        wasm.style_set_box_sizing(this.__wbg_ptr, val);
+    }
     /**
      * Sets the flex-basis. Accepts { Length: number } | { Percent: number } | "Auto".
      * @param {any} val
@@ -1664,7 +1696,7 @@ function __wbg_get_imports() {
         const ret = arg0.length;
         return ret;
     };
-    imports.wbg.__wbg_log_730ba2e365bddb50 = function(arg0, arg1) {
+    imports.wbg.__wbg_log_bcf7aace84648c95 = function(arg0, arg1) {
         console.log(getStringFromWasm0(arg0, arg1));
     };
     imports.wbg.__wbg_new_1ba21ce319a06297 = function() {