taffy-layout 1.0.3 → 1.1.0

package/pkg/taffy_wasm.js

@@ -147,6 +147,16 @@ function passArray64ToWasm0(arg, malloc) {
     return ptr;
 }
 
+function passArrayJsValueToWasm0(array, malloc) {
+    const ptr = malloc(array.length * 4, 4) >>> 0;
+    for (let i = 0; i < array.length; i++) {
+        const add = addToExternrefTable0(array[i]);
+        getDataViewMemory0().setUint32(ptr + 4 * i, add, true);
+    }
+    WASM_VECTOR_LEN = array.length;
+    return ptr;
+}
+
 function passStringToWasm0(arg, malloc, realloc) {
     if (realloc === undefined) {
         const buf = cachedTextEncoder.encode(arg);
@@ -1002,6 +1012,16 @@ export class Style {
         const ret = wasm.style_alignSelf(this.__wbg_ptr);
         return ret === 8 ? undefined : ret;
     }
+    /**
+     * Gets the top border width
+     *
+     * @returns - The current top border width as a [`LengthPercentage`](JsLengthPercentage)
+     * @returns {any}
+     */
+    get borderTop() {
+        const ret = wasm.style_borderTop(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Gets the box sizing mode
      *
@@ -1016,6 +1036,16 @@ export class Style {
         const ret = wasm.style_boxSizing(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Gets the column gap (horizontal spacing between items)
+     *
+     * @returns - The current column gap as a [`LengthPercentage`](JsLengthPercentage)
+     * @returns {any}
+     */
+    get columnGap() {
+        const ret = wasm.style_columnGap(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Gets the flex-basis
      *
@@ -1028,6 +1058,56 @@ export class Style {
         const ret = wasm.style_flexBasis(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Gets the top margin
+     *
+     * @returns - The current top margin as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
+     * @returns {any}
+     */
+    get marginTop() {
+        const ret = wasm.style_marginTop(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the maximum height
+     *
+     * @returns - The current maximum height as a [`Dimension`](JsDimension)
+     * @returns {Dimension}
+     */
+    get maxHeight() {
+        const ret = wasm.style_maxHeight(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the minimum height
+     *
+     * @returns - The current minimum height as a [`Dimension`](JsDimension)
+     * @returns {Dimension}
+     */
+    get minHeight() {
+        const ret = wasm.style_minHeight(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the horizontal overflow behavior
+     *
+     * @returns - The current [`Overflow`](JsOverflow) value for the x-axis
+     * @returns {Overflow}
+     */
+    get overflowX() {
+        const ret = wasm.style_overflowX(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the vertical overflow behavior
+     *
+     * @returns - The current [`Overflow`](JsOverflow) value for the y-axis
+     * @returns {Overflow}
+     */
+    get overflowY() {
+        const ret = wasm.style_overflowY(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Sets the border width
      *
@@ -1043,6 +1123,41 @@ export class Style {
     set border(val) {
         wasm.style_set_border(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the bottom inset offset
+     *
+     * @param val - The new bottom offset value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.position = Position.Absolute;
+     * style.bottom = 0;
+     * style.bottom = "10%";
+     * style.bottom = "auto";
+     * ```
+     * @param {any} val
+     */
+    set bottom(val) {
+        wasm.style_set_bottom(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the height
+     *
+     * @param val - The new height value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.height = 100;
+     * style.height = "75%";
+     * style.height = "auto";
+     * ```
+     * @param {Dimension} val
+     */
+    set height(val) {
+        wasm.style_set_height(this.__wbg_ptr, val);
+    }
     /**
      * Sets the margin
      *
@@ -1084,6 +1199,16 @@ export class Style {
         const ret = wasm.style_alignItems(this.__wbg_ptr);
         return ret === 7 ? undefined : ret;
     }
+    /**
+     * Gets the left border width
+     *
+     * @returns - The current left border width as a [`LengthPercentage`](JsLengthPercentage)
+     * @returns {any}
+     */
+    get borderLeft() {
+        const ret = wasm.style_borderLeft(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Gets the flex shrink factor
      *
@@ -1110,6 +1235,26 @@ export class Style {
         const ret = wasm.style_gridColumn(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Gets the left margin
+     *
+     * @returns - The current left margin as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
+     * @returns {any}
+     */
+    get marginLeft() {
+        const ret = wasm.style_marginLeft(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the top padding
+     *
+     * @returns - The current top padding as a [`LengthPercentage`](JsLengthPercentage)
+     * @returns {any}
+     */
+    get paddingTop() {
+        const ret = wasm.style_paddingTop(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Sets the display mode
      *
@@ -1141,6 +1286,22 @@ export class Style {
     set padding(val) {
         wasm.style_set_padding(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the row gap (vertical spacing between items)
+     *
+     * @param val - The new row gap value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.rowGap = 10;
+     * style.rowGap = "5%";
+     * ```
+     * @param {any} val
+     */
+    set rowGap(val) {
+        wasm.style_set_rowGap(this.__wbg_ptr, val);
+    }
     /**
      * Gets the aspect ratio
      *
@@ -1153,6 +1314,26 @@ export class Style {
         const ret = wasm.style_aspectRatio(this.__wbg_ptr);
         return ret === 0x100000001 ? undefined : ret;
     }
+    /**
+     * Gets the right border width
+     *
+     * @returns - The current right border width as a [`LengthPercentage`](JsLengthPercentage)
+     * @returns {any}
+     */
+    get borderRight() {
+        const ret = wasm.style_borderRight(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the grid-row-end property
+     *
+     * @returns - The current grid row end placement as a [`GridPlacement`](JsGridPlacement)
+     * @returns {any}
+     */
+    get gridRowEnd() {
+        const ret = wasm.style_gridRowEnd(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Gets the justify-self property
      *
@@ -1165,6 +1346,26 @@ export class Style {
         const ret = wasm.style_justifySelf(this.__wbg_ptr);
         return ret === 8 ? undefined : ret;
     }
+    /**
+     * Gets the right margin
+     *
+     * @returns - The current right margin as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
+     * @returns {any}
+     */
+    get marginRight() {
+        const ret = wasm.style_marginRight(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the left padding
+     *
+     * @returns - The current left padding as a [`LengthPercentage`](JsLengthPercentage)
+     * @returns {any}
+     */
+    get paddingLeft() {
+        const ret = wasm.style_paddingLeft(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Sets the grid-row property
      *
@@ -1258,6 +1459,16 @@ export class Style {
         const ret = wasm.style_alignContent(this.__wbg_ptr);
         return ret === 9 ? undefined : ret;
     }
+    /**
+     * Gets the bottom border width
+     *
+     * @returns - The current bottom border width as a [`LengthPercentage`](JsLengthPercentage)
+     * @returns {any}
+     */
+    get borderBottom() {
+        const ret = wasm.style_borderBottom(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Gets whether this item is a table
      *
@@ -1285,6 +1496,26 @@ export class Style {
         const ret = wasm.style_justifyItems(this.__wbg_ptr);
         return ret === 7 ? undefined : ret;
     }
+    /**
+     * Gets the bottom margin
+     *
+     * @returns - The current bottom margin as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
+     * @returns {any}
+     */
+    get marginBottom() {
+        const ret = wasm.style_marginBottom(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the right padding
+     *
+     * @returns - The current right padding as a [`LengthPercentage`](JsLengthPercentage)
+     * @returns {any}
+     */
+    get paddingRight() {
+        const ret = wasm.style_paddingRight(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Sets the flex grow factor
      *
@@ -1316,6 +1547,38 @@ export class Style {
     set flexWrap(val) {
         wasm.style_set_flexWrap(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the maximum width
+     *
+     * @param val - The new maximum width value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.maxWidth = 500;
+     * style.maxWidth = "auto";
+     * ```
+     * @param {Dimension} val
+     */
+    set maxWidth(val) {
+        wasm.style_set_maxWidth(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the minimum width
+     *
+     * @param val - The new minimum width value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.minWidth = 100;
+     * style.minWidth = "auto";
+     * ```
+     * @param {Dimension} val
+     */
+    set minWidth(val) {
+        wasm.style_set_minWidth(this.__wbg_ptr, val);
+    }
     /**
      * Gets the flex direction
      *
@@ -1356,6 +1619,26 @@ export class Style {
         const ret = wasm.style_gridAutoRows(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Gets the grid-row-start property
+     *
+     * @returns - The current grid row start placement as a [`GridPlacement`](JsGridPlacement)
+     * @returns {any}
+     */
+    get gridRowStart() {
+        const ret = wasm.style_gridRowStart(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the bottom padding
+     *
+     * @returns - The current bottom padding as a [`LengthPercentage`](JsLengthPercentage)
+     * @returns {any}
+     */
+    get paddingBottom() {
+        const ret = wasm.style_paddingBottom(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Sets the align-self property
      *
@@ -1371,6 +1654,22 @@ export class Style {
     set alignSelf(val) {
         wasm.style_set_alignSelf(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the top border width
+     *
+     * @param val - The new top border width value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.borderTop = 1;
+     * style.borderTop = "2%";
+     * ```
+     * @param {any} val
+     */
+    set borderTop(val) {
+        wasm.style_set_borderTop(this.__wbg_ptr, val);
+    }
     /**
      * Sets the box sizing mode
      *
@@ -1386,6 +1685,22 @@ export class Style {
     set boxSizing(val) {
         wasm.style_set_boxSizing(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the column gap (horizontal spacing between items)
+     *
+     * @param val - The new column gap value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.columnGap = 10;
+     * style.columnGap = "5%";
+     * ```
+     * @param {any} val
+     */
+    set columnGap(val) {
+        wasm.style_set_columnGap(this.__wbg_ptr, val);
+    }
     /**
      * Sets the flex-basis
      *
@@ -1401,6 +1716,85 @@ export class Style {
     set flexBasis(val) {
         wasm.style_set_flexBasis(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the top margin
+     *
+     * @param val - The new top margin value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.marginTop = 5;
+     * style.marginTop = "10%";
+     * style.marginTop = "auto";
+     * ```
+     * @param {any} val
+     */
+    set marginTop(val) {
+        wasm.style_set_marginTop(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the maximum height
+     *
+     * @param val - The new maximum height value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.maxHeight = 300;
+     * style.maxHeight = "auto";
+     * ```
+     * @param {Dimension} val
+     */
+    set maxHeight(val) {
+        wasm.style_set_maxHeight(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the minimum height
+     *
+     * @param val - The new minimum height value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.minHeight = 50;
+     * style.minHeight = "auto";
+     * ```
+     * @param {Dimension} val
+     */
+    set minHeight(val) {
+        wasm.style_set_minHeight(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the horizontal overflow behavior
+     *
+     * @param val - The new overflow value for the x-axis
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.overflowX = Overflow.Hidden;
+     * ```
+     * @param {Overflow} val
+     */
+    set overflowX(val) {
+        wasm.style_set_overflowX(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the vertical overflow behavior
+     *
+     * @param val - The new overflow value for the y-axis
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.overflowY = Overflow.Scroll;
+     * ```
+     * @param {Overflow} val
+     */
+    set overflowY(val) {
+        wasm.style_set_overflowY(this.__wbg_ptr, val);
+    }
     /**
      * Sets the text-align property
      *
@@ -1416,6 +1810,16 @@ export class Style {
     set textAlign(val) {
         wasm.style_set_textAlign(this.__wbg_ptr, val);
     }
+    /**
+     * Gets the grid-column-end property
+     *
+     * @returns - The current grid column end placement as a [`GridPlacement`](JsGridPlacement)
+     * @returns {any}
+     */
+    get gridColumnEnd() {
+        const ret = wasm.style_gridColumnEnd(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Gets the justify-content property
      *
@@ -1458,38 +1862,87 @@ export class Style {
         wasm.style_set_alignItems(this.__wbg_ptr, val);
     }
     /**
-     * Sets the flex shrink factor
+     * Sets the left border width
+     *
+     * @param val - The new left border width value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.borderLeft = 1;
+     * style.borderLeft = "2%";
+     * ```
+     * @param {any} val
+     */
+    set borderLeft(val) {
+        wasm.style_set_borderLeft(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the flex shrink factor
+     *
+     * @param val - The new flex shrink factor (must be >= 0)
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.flexShrink = 2;
+     * ```
+     * @param {number} val
+     */
+    set flexShrink(val) {
+        wasm.style_set_flexShrink(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the grid-column property
+     *
+     * @param val - A Line object with start and end GridPlacement values
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * // CSS: grid-column: 1 / 4
+     * style.gridColumn = { start: 1, end: 4 };
+     * // CSS: grid-column: auto / span 3
+     * style.gridColumn = { start: "auto", end: { span: 3 } };
+     * ```
+     * @param {Line<GridPlacement>} val
+     */
+    set gridColumn(val) {
+        wasm.style_set_gridColumn(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the left margin
      *
-     * @param val - The new flex shrink factor (must be >= 0)
+     * @param val - The new left margin value
      *
      * @example
      * ```typescript
      * const style = new Style();
-     * style.flexShrink = 2;
+     * style.marginLeft = 10;
+     * style.marginLeft = "5%";
+     * style.marginLeft = "auto";
      * ```
-     * @param {number} val
+     * @param {any} val
      */
-    set flexShrink(val) {
-        wasm.style_set_flexShrink(this.__wbg_ptr, val);
+    set marginLeft(val) {
+        wasm.style_set_marginLeft(this.__wbg_ptr, val);
     }
     /**
-     * Sets the grid-column property
+     * Sets the top padding
      *
-     * @param val - A Line object with start and end GridPlacement values
+     * @param val - The new top padding value
      *
      * @example
      * ```typescript
      * const style = new Style();
-     * style.display = Display.Grid;
-     * // CSS: grid-column: 1 / 4
-     * style.gridColumn = { start: 1, end: 4 };
-     * // CSS: grid-column: auto / span 3
-     * style.gridColumn = { start: "auto", end: { span: 3 } };
+     * style.paddingTop = 10;
+     * style.paddingTop = "5%";
      * ```
-     * @param {Line<GridPlacement>} val
+     * @param {any} val
      */
-    set gridColumn(val) {
-        wasm.style_set_gridColumn(this.__wbg_ptr, val);
+    set paddingTop(val) {
+        wasm.style_set_paddingTop(this.__wbg_ptr, val);
     }
     /**
      * Gets whether this item is a replaced element
@@ -1520,6 +1973,40 @@ export class Style {
     set aspectRatio(val) {
         wasm.style_set_aspectRatio(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the right border width
+     *
+     * @param val - The new right border width value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.borderRight = 1;
+     * style.borderRight = "2%";
+     * ```
+     * @param {any} val
+     */
+    set borderRight(val) {
+        wasm.style_set_borderRight(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the grid-row-end property
+     *
+     * @param val - The new grid row end placement
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * style.gridRowEnd = 3;
+     * style.gridRowEnd = "auto";
+     * style.gridRowEnd = { span: 2 };
+     * ```
+     * @param {any} val
+     */
+    set gridRowEnd(val) {
+        wasm.style_set_gridRowEnd(this.__wbg_ptr, val);
+    }
     /**
      * Sets the justify-self property
      *
@@ -1535,6 +2022,39 @@ export class Style {
     set justifySelf(val) {
         wasm.style_set_justifySelf(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the right margin
+     *
+     * @param val - The new right margin value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.marginRight = 10;
+     * style.marginRight = "5%";
+     * style.marginRight = "auto";
+     * ```
+     * @param {any} val
+     */
+    set marginRight(val) {
+        wasm.style_set_marginRight(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the left padding
+     *
+     * @param val - The new left padding value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.paddingLeft = 20;
+     * style.paddingLeft = "10%";
+     * ```
+     * @param {any} val
+     */
+    set paddingLeft(val) {
+        wasm.style_set_paddingLeft(this.__wbg_ptr, val);
+    }
     /**
      * Gets the grid-auto-columns property
      *
@@ -1547,6 +2067,16 @@ export class Style {
         const ret = wasm.style_gridAutoColumns(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Gets the grid-column-start property
+     *
+     * @returns - The current grid column start placement as a [`GridPlacement`](JsGridPlacement)
+     * @returns {any}
+     */
+    get gridColumnStart() {
+        const ret = wasm.style_gridColumnStart(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Sets the align-content property
      *
@@ -1562,6 +2092,22 @@ export class Style {
     set alignContent(val) {
         wasm.style_set_alignContent(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the bottom border width
+     *
+     * @param val - The new bottom border width value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.borderBottom = 1;
+     * style.borderBottom = "2%";
+     * ```
+     * @param {any} val
+     */
+    set borderBottom(val) {
+        wasm.style_set_borderBottom(this.__wbg_ptr, val);
+    }
     /**
      * Sets whether this item is a table
      *
@@ -1587,6 +2133,39 @@ export class Style {
     set justifyItems(val) {
         wasm.style_set_justifyItems(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the bottom margin
+     *
+     * @param val - The new bottom margin value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.marginBottom = 5;
+     * style.marginBottom = "10%";
+     * style.marginBottom = "auto";
+     * ```
+     * @param {any} val
+     */
+    set marginBottom(val) {
+        wasm.style_set_marginBottom(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the right padding
+     *
+     * @param val - The new right padding value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.paddingRight = 20;
+     * style.paddingRight = "10%";
+     * ```
+     * @param {any} val
+     */
+    set paddingRight(val) {
+        wasm.style_set_paddingRight(this.__wbg_ptr, val);
+    }
     /**
      * Gets the grid-template-rows property
      *
@@ -1647,6 +2226,40 @@ export class Style {
     set gridAutoRows(val) {
         wasm.style_set_gridAutoRows(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the grid-row-start property
+     *
+     * @param val - The new grid row start placement
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * style.gridRowStart = 1;
+     * style.gridRowStart = "auto";
+     * style.gridRowStart = { span: 2 };
+     * ```
+     * @param {any} val
+     */
+    set gridRowStart(val) {
+        wasm.style_set_gridRowStart(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the bottom padding
+     *
+     * @param val - The new bottom padding value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.paddingBottom = 10;
+     * style.paddingBottom = "5%";
+     * ```
+     * @param {any} val
+     */
+    set paddingBottom(val) {
+        wasm.style_set_paddingBottom(this.__wbg_ptr, val);
+    }
     /**
      * Gets the grid-template-areas property
      *
@@ -1659,6 +2272,24 @@ export class Style {
         const ret = wasm.style_gridTemplateAreas(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Sets the grid-column-end property
+     *
+     * @param val - The new grid column end placement
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * style.gridColumnEnd = 4;
+     * style.gridColumnEnd = "auto";
+     * style.gridColumnEnd = { span: 3 };
+     * ```
+     * @param {any} val
+     */
+    set gridColumnEnd(val) {
+        wasm.style_set_gridColumnEnd(this.__wbg_ptr, val);
+    }
     /**
      * Sets the justify-content property
      *
@@ -1720,6 +2351,24 @@ export class Style {
     set gridAutoColumns(val) {
         wasm.style_set_gridAutoColumns(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the grid-column-start property
+     *
+     * @param val - The new grid column start placement
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Grid;
+     * style.gridColumnStart = 1;
+     * style.gridColumnStart = "auto";
+     * style.gridColumnStart = { span: 2 };
+     * ```
+     * @param {any} val
+     */
+    set gridColumnStart(val) {
+        wasm.style_set_gridColumnStart(this.__wbg_ptr, val);
+    }
     /**
      * Sets the grid-template-rows property
      *
@@ -1834,23 +2483,113 @@ export class Style {
         const ret = wasm.style_gap(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Reads multiple style properties in a single WASM call.
+     *
+     * Supports dot notation for nested properties (e.g., `"size.width"`, `"margin.left"`).
+     *
+     * @param keys - Property paths to read
+     * @returns - Single value if one key, array of values if multiple keys
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.display = Display.Flex;
+     * style.size = { width: 100, height: "50%" };
+     *
+     * // Read single property
+     * const d = style.get("display");
+     *
+     * // Read nested property
+     * const w = style.get("size.width");
+     *
+     * // Read multiple properties with destructuring
+     * const [display, width, margin] = style.get("display", "size.width", "margin.left");
+     * ```
+     * @param {...string[]} keys
+     * @returns {any}
+     */
+    get(...keys) {
+        const ptr0 = passArrayJsValueToWasm0(keys, wasm.__wbindgen_malloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.style_get(this.__wbg_ptr, ptr0, len0);
+        return ret;
+    }
     /**
      * Creates a new Style instance with default values
      *
+     * @param props - Optional object with initial style properties
      * @returns - A new `Style` object with all properties set to CSS defaults
      *
      * @example
      * ```typescript
+     * // Create with defaults
      * const style = new Style();
      * console.log(style.display);  // Display.Block
+     *
+     * // Create with initial properties
+     * const style2 = new Style({
+     *   display: Display.Flex,
+     *   flexDirection: FlexDirection.Column,
+     *   "size.width": 200,
+     *   "margin.left": 10
+     * });
      * ```
+     * @param {any | null} [props]
      */
-    constructor() {
-        const ret = wasm.style_new();
+    constructor(props) {
+        const ret = wasm.style_new(isLikeNone(props) ? 0 : addToExternrefTable0(props));
         this.__wbg_ptr = ret >>> 0;
         StyleFinalization.register(this, this.__wbg_ptr, this);
         return this;
     }
+    /**
+     * Sets multiple style properties in a single WASM call.
+     *
+     * Accepts an object where keys are property paths (supporting dot notation)
+     * and values are the new property values.
+     *
+     * @param props - Object with property paths as keys and values to set
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     *
+     * // Set multiple properties at once
+     * style.set({
+     *   display: Display.Flex,
+     *   flexDirection: FlexDirection.Column,
+     *   "size.width": 200,
+     *   "size.height": "50%",
+     *   "margin.left": 10,
+     *   "margin.right": "auto"
+     * });
+     * ```
+     * @param {any} props
+     */
+    set(props) {
+        wasm.style_set(this.__wbg_ptr, props);
+    }
+    /**
+     * Gets the top inset offset
+     *
+     * @returns - The current top offset as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
+     * @returns {any}
+     */
+    get top() {
+        const ret = wasm.style_top(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the left inset offset
+     *
+     * @returns - The current left offset as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
+     * @returns {any}
+     */
+    get left() {
+        const ret = wasm.style_left(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Gets the size (width and height)
      *
@@ -1873,6 +2612,26 @@ export class Style {
         const ret = wasm.style_inset(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Gets the right inset offset
+     *
+     * @returns - The current right offset as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
+     * @returns {any}
+     */
+    get right() {
+        const ret = wasm.style_right(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the width
+     *
+     * @returns - The current width as a [`Dimension`](JsDimension)
+     * @returns {Dimension}
+     */
+    get width() {
+        const ret = wasm.style_width(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Gets the border width
      *
@@ -1885,6 +2644,26 @@ export class Style {
         const ret = wasm.style_border(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Gets the bottom inset offset
+     *
+     * @returns - The current bottom offset as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
+     * @returns {any}
+     */
+    get bottom() {
+        const ret = wasm.style_bottom(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the height
+     *
+     * @returns - The current height as a [`Dimension`](JsDimension)
+     * @returns {Dimension}
+     */
+    get height() {
+        const ret = wasm.style_height(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Gets the margin
      *
@@ -1923,6 +2702,16 @@ export class Style {
         const ret = wasm.style_padding(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Gets the row gap (vertical spacing between items)
+     *
+     * @returns - The current row gap as a [`LengthPercentage`](JsLengthPercentage)
+     * @returns {any}
+     */
+    get rowGap() {
+        const ret = wasm.style_rowGap(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Sets the gap
      *
@@ -1938,6 +2727,24 @@ export class Style {
     set gap(val) {
         wasm.style_set_gap(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the top inset offset
+     *
+     * @param val - The new top offset value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.position = Position.Absolute;
+     * style.top = 0;
+     * style.top = "10%";
+     * style.top = "auto";
+     * ```
+     * @param {any} val
+     */
+    set top(val) {
+        wasm.style_set_top(this.__wbg_ptr, val);
+    }
     /**
      * Gets the grid-row property
      *
@@ -1997,6 +2804,24 @@ export class Style {
         const ret = wasm.style_position(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Sets the left inset offset
+     *
+     * @param val - The new left offset value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.position = Position.Absolute;
+     * style.left = 0;
+     * style.left = "10%";
+     * style.left = "auto";
+     * ```
+     * @param {any} val
+     */
+    set left(val) {
+        wasm.style_set_left(this.__wbg_ptr, val);
+    }
     /**
      * Sets the size (width and height)
      *
@@ -2039,6 +2864,26 @@ export class Style {
         const ret = wasm.style_flexWrap(this.__wbg_ptr);
         return ret;
     }
+    /**
+     * Gets the maximum width
+     *
+     * @returns - The current maximum width as a [`Dimension`](JsDimension)
+     * @returns {Dimension}
+     */
+    get maxWidth() {
+        const ret = wasm.style_maxWidth(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * Gets the minimum width
+     *
+     * @returns - The current minimum width as a [`Dimension`](JsDimension)
+     * @returns {Dimension}
+     */
+    get minWidth() {
+        const ret = wasm.style_minWidth(this.__wbg_ptr);
+        return ret;
+    }
     /**
      * Sets the inset
      *
@@ -2055,6 +2900,41 @@ export class Style {
     set inset(val) {
         wasm.style_set_inset(this.__wbg_ptr, val);
     }
+    /**
+     * Sets the right inset offset
+     *
+     * @param val - The new right offset value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.position = Position.Absolute;
+     * style.right = 0;
+     * style.right = "10%";
+     * style.right = "auto";
+     * ```
+     * @param {any} val
+     */
+    set right(val) {
+        wasm.style_set_right(this.__wbg_ptr, val);
+    }
+    /**
+     * Sets the width
+     *
+     * @param val - The new width value
+     *
+     * @example
+     * ```typescript
+     * const style = new Style();
+     * style.width = 200;
+     * style.width = "50%";
+     * style.width = "auto";
+     * ```
+     * @param {Dimension} val
+     */
+    set width(val) {
+        wasm.style_set_width(this.__wbg_ptr, val);
+    }
 }
 if (Symbol.dispose) Style.prototype[Symbol.dispose] = Style.prototype.free;
 
@@ -3284,6 +4164,10 @@ function __wbg_get_imports() {
             wasm.__wbindgen_free(deferred0_0, deferred0_1, 1);
         }
     };
+    imports.wbg.__wbg_from_29a8414a7a7cd19d = function(arg0) {
+        const ret = Array.from(arg0);
+        return ret;
+    };
     imports.wbg.__wbg_get_6b7bd52aca3f9671 = function(arg0, arg1) {
         const ret = arg0[arg1 >>> 0];
         return ret;
@@ -3438,6 +4322,10 @@ function __wbg_get_imports() {
         table.set(offset + 2, true);
         table.set(offset + 3, false);
     };
+    imports.wbg.__wbindgen_object_is_undefined = function(arg0) {
+        const ret = arg0 === undefined;
+        return ret;
+    };
 
     return imports;
 }