taffy-layout 1.0.3 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.ja-JP.md +16 -1
- package/README.md +16 -1
- package/README.zh-CN.md +16 -1
- package/package.json +1 -1
- package/pkg/README.md +16 -1
- package/pkg/taffy_wasm.d.ts +428 -2
- package/pkg/taffy_wasm.js +907 -16
- package/pkg/taffy_wasm_bg.wasm +0 -0
- package/pkg/taffy_wasm_bg.wasm.d.ts +63 -1
package/pkg/taffy_wasm.d.ts
CHANGED
|
@@ -548,6 +548,180 @@ export type GridTemplateArea = {
|
|
|
548
548
|
columnEnd: number;
|
|
549
549
|
};
|
|
550
550
|
|
|
551
|
+
/**
|
|
552
|
+
* Valid property keys for Style.get() method.
|
|
553
|
+
*
|
|
554
|
+
* Supports both object properties and individual flat properties.
|
|
555
|
+
*
|
|
556
|
+
* @example
|
|
557
|
+
* ```typescript
|
|
558
|
+
* const style = new Style();
|
|
559
|
+
* // Top-level properties
|
|
560
|
+
* style.get("display", "flexGrow");
|
|
561
|
+
*
|
|
562
|
+
* // Individual flat properties
|
|
563
|
+
* style.get("width", "marginLeft", "paddingTop");
|
|
564
|
+
*
|
|
565
|
+
* // Object properties
|
|
566
|
+
* style.get("size", "margin");
|
|
567
|
+
* ```
|
|
568
|
+
*/
|
|
569
|
+
export type StyleProperty =
|
|
570
|
+
// Layout Mode
|
|
571
|
+
| "display" | "position" | "boxSizing"
|
|
572
|
+
// Overflow
|
|
573
|
+
| "overflow" | "overflowX" | "overflowY"
|
|
574
|
+
// Flexbox
|
|
575
|
+
| "flexDirection" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis"
|
|
576
|
+
// Alignment
|
|
577
|
+
| "alignItems" | "alignSelf" | "alignContent"
|
|
578
|
+
| "justifyContent" | "justifyItems" | "justifySelf"
|
|
579
|
+
// Sizing
|
|
580
|
+
| "aspectRatio"
|
|
581
|
+
| "size" | "width" | "height"
|
|
582
|
+
| "minSize" | "minWidth" | "minHeight"
|
|
583
|
+
| "maxSize" | "maxWidth" | "maxHeight"
|
|
584
|
+
// Spacing
|
|
585
|
+
| "margin" | "marginLeft" | "marginRight" | "marginTop" | "marginBottom"
|
|
586
|
+
| "padding" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom"
|
|
587
|
+
| "border" | "borderLeft" | "borderRight" | "borderTop" | "borderBottom"
|
|
588
|
+
| "inset" | "left" | "right" | "top" | "bottom"
|
|
589
|
+
| "gap" | "columnGap" | "rowGap"
|
|
590
|
+
// Block layout
|
|
591
|
+
| "itemIsTable" | "itemIsReplaced" | "scrollbarWidth" | "textAlign"
|
|
592
|
+
// Grid layout
|
|
593
|
+
| "gridAutoFlow"
|
|
594
|
+
| "gridRow" | "gridRowStart" | "gridRowEnd"
|
|
595
|
+
| "gridColumn" | "gridColumnStart" | "gridColumnEnd"
|
|
596
|
+
| "gridTemplateRows" | "gridTemplateColumns"
|
|
597
|
+
| "gridAutoRows" | "gridAutoColumns"
|
|
598
|
+
| "gridTemplateAreas" | "gridTemplateRowNames" | "gridTemplateColumnNames";
|
|
599
|
+
|
|
600
|
+
/**
|
|
601
|
+
* Type-safe property values for batch setting.
|
|
602
|
+
*
|
|
603
|
+
* Maps property paths to their expected value types.
|
|
604
|
+
*/
|
|
605
|
+
export type StylePropertyValues = {
|
|
606
|
+
[K in StyleProperty]?:
|
|
607
|
+
K extends "display" ? Display :
|
|
608
|
+
K extends "position" ? Position :
|
|
609
|
+
K extends "boxSizing" ? BoxSizing :
|
|
610
|
+
K extends "overflow" ? Point<Overflow> :
|
|
611
|
+
K extends "overflowX" | "overflowY" ? Overflow :
|
|
612
|
+
K extends "flexDirection" ? FlexDirection :
|
|
613
|
+
K extends "flexWrap" ? FlexWrap :
|
|
614
|
+
K extends "flexGrow" | "flexShrink" | "scrollbarWidth" ? number :
|
|
615
|
+
K extends "flexBasis" ? Dimension :
|
|
616
|
+
K extends "alignItems" | "justifyItems" ? AlignItems | undefined :
|
|
617
|
+
K extends "alignSelf" | "justifySelf" ? AlignSelf | undefined :
|
|
618
|
+
K extends "alignContent" ? AlignContent | undefined :
|
|
619
|
+
K extends "justifyContent" ? JustifyContent | undefined :
|
|
620
|
+
K extends "aspectRatio" ? number | undefined :
|
|
621
|
+
K extends "size" | "minSize" | "maxSize" ? Size<Dimension> :
|
|
622
|
+
K extends "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" ? Dimension :
|
|
623
|
+
K extends "margin" | "inset" ? Rect<LengthPercentageAuto> :
|
|
624
|
+
K extends "marginLeft" | "marginRight" | "marginTop" | "marginBottom" | "left" | "right" | "top" | "bottom" ? LengthPercentageAuto :
|
|
625
|
+
K extends "padding" | "border" ? Rect<LengthPercentage> :
|
|
626
|
+
K extends "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "borderLeft" | "borderRight" | "borderTop" | "borderBottom" ? LengthPercentage :
|
|
627
|
+
K extends "gap" ? Size<LengthPercentage> :
|
|
628
|
+
K extends "columnGap" | "rowGap" ? LengthPercentage :
|
|
629
|
+
K extends "itemIsTable" | "itemIsReplaced" ? boolean :
|
|
630
|
+
K extends "textAlign" ? TextAlign :
|
|
631
|
+
K extends "gridAutoFlow" ? GridAutoFlow :
|
|
632
|
+
K extends "gridRow" | "gridColumn" ? Line<GridPlacement> :
|
|
633
|
+
K extends "gridRowStart" | "gridRowEnd" | "gridColumnStart" | "gridColumnEnd" ? GridPlacement :
|
|
634
|
+
K extends "gridTemplateRows" | "gridTemplateColumns" ? GridTemplateComponent[] :
|
|
635
|
+
K extends "gridAutoRows" | "gridAutoColumns" ? TrackSizingFunction[] :
|
|
636
|
+
K extends "gridTemplateAreas" ? GridTemplateArea[] :
|
|
637
|
+
K extends "gridTemplateRowNames" | "gridTemplateColumnNames" ? string[][] :
|
|
638
|
+
unknown;
|
|
639
|
+
};
|
|
640
|
+
|
|
641
|
+
// Module augmentation for stronger typing on Style class methods
|
|
642
|
+
declare module "./taffy_wasm" {
|
|
643
|
+
interface Style {
|
|
644
|
+
/**
|
|
645
|
+
* Reads multiple style properties in a single WASM call.
|
|
646
|
+
* Supports both object properties and individual flat properties.
|
|
647
|
+
*
|
|
648
|
+
* @returns Single value for one key, tuple for 2-3 keys, array for 4+ keys
|
|
649
|
+
*
|
|
650
|
+
* @throws Error if any property key is unknown.
|
|
651
|
+
*
|
|
652
|
+
* @remarks
|
|
653
|
+
* - Single property: returns exact value type (including `undefined` for optional properties)
|
|
654
|
+
* - 2-3 properties: returns typed tuple for destructuring
|
|
655
|
+
* - 4+ properties: returns array of union types
|
|
656
|
+
*
|
|
657
|
+
* @example
|
|
658
|
+
* ```typescript
|
|
659
|
+
* const style = new Style();
|
|
660
|
+
* style.display = Display.Flex;
|
|
661
|
+
*
|
|
662
|
+
* // Single property - returns exact type (includes undefined for optional properties)
|
|
663
|
+
* const display = style.get("display"); // Display | undefined
|
|
664
|
+
*
|
|
665
|
+
* // Individual flat property - returns exact type
|
|
666
|
+
* const width = style.get("width"); // Dimension
|
|
667
|
+
*
|
|
668
|
+
* // Optional properties return undefined when not set
|
|
669
|
+
* const alignItems = style.get("alignItems"); // AlignItems | undefined
|
|
670
|
+
*
|
|
671
|
+
* // Two properties - returns tuple for destructuring
|
|
672
|
+
* const [d, w] = style.get("display", "width"); // [Display | undefined, Dimension]
|
|
673
|
+
*
|
|
674
|
+
* // Three properties - returns tuple for destructuring
|
|
675
|
+
* const [d2, w2, f] = style.get("display", "width", "flexGrow");
|
|
676
|
+
*
|
|
677
|
+
* // Four or more properties - returns array
|
|
678
|
+
* const values = style.get("display", "width", "flexGrow", "flexShrink");
|
|
679
|
+
* // values type is: (Display | Dimension | number | undefined)[]
|
|
680
|
+
* ```
|
|
681
|
+
*/
|
|
682
|
+
get<K extends StyleProperty>(...keys: [K]): StylePropertyValues[K];
|
|
683
|
+
get<K1 extends StyleProperty, K2 extends StyleProperty>(
|
|
684
|
+
...keys: [K1, K2]
|
|
685
|
+
): [StylePropertyValues[K1], StylePropertyValues[K2]];
|
|
686
|
+
get<K1 extends StyleProperty, K2 extends StyleProperty, K3 extends StyleProperty>(
|
|
687
|
+
...keys: [K1, K2, K3]
|
|
688
|
+
): [StylePropertyValues[K1], StylePropertyValues[K2], StylePropertyValues[K3]];
|
|
689
|
+
get<Keys extends StyleProperty[]>(...keys: Keys): StylePropertyArrayValues<Keys>;
|
|
690
|
+
|
|
691
|
+
/**
|
|
692
|
+
* Sets multiple style properties in a single WASM call.
|
|
693
|
+
* Supports both object properties and individual flat properties.
|
|
694
|
+
*
|
|
695
|
+
* @param props - Object mapping property keys to their values
|
|
696
|
+
*
|
|
697
|
+
* @remarks
|
|
698
|
+
* Only accepts valid property keys with their corresponding value types.
|
|
699
|
+
*
|
|
700
|
+
* @throws Error if any property key is unknown.
|
|
701
|
+
*
|
|
702
|
+
* @example
|
|
703
|
+
* ```typescript
|
|
704
|
+
* const style = new Style();
|
|
705
|
+
* style.set({
|
|
706
|
+
* display: Display.Flex,
|
|
707
|
+
* width: 200,
|
|
708
|
+
* marginLeft: 10,
|
|
709
|
+
* marginRight: "auto"
|
|
710
|
+
* });
|
|
711
|
+
* ```
|
|
712
|
+
*/
|
|
713
|
+
set(props: StylePropertyValues): void;
|
|
714
|
+
}
|
|
715
|
+
}
|
|
716
|
+
|
|
717
|
+
/**
|
|
718
|
+
* Helper type to convert an array of property keys to an array of their value types.
|
|
719
|
+
* Unlike `TupleToStyleValues`, this returns an array type instead of a tuple.
|
|
720
|
+
*/
|
|
721
|
+
type StylePropertyArrayValues<Keys extends StyleProperty[]> = {
|
|
722
|
+
[K in keyof Keys]: Keys[K] extends StyleProperty ? StylePropertyValues[Keys[K]] : unknown;
|
|
723
|
+
};
|
|
724
|
+
|
|
551
725
|
|
|
552
726
|
|
|
553
727
|
/**
|
|
@@ -1184,15 +1358,25 @@ export class Style {
|
|
|
1184
1358
|
/**
|
|
1185
1359
|
* Creates a new Style instance with default values
|
|
1186
1360
|
*
|
|
1361
|
+
* @param props - Optional object with initial style properties
|
|
1187
1362
|
* @returns - A new `Style` object with all properties set to CSS defaults
|
|
1188
1363
|
*
|
|
1189
1364
|
* @example
|
|
1190
1365
|
* ```typescript
|
|
1366
|
+
* // Create with defaults
|
|
1191
1367
|
* const style = new Style();
|
|
1192
1368
|
* console.log(style.display); // Display.Block
|
|
1369
|
+
*
|
|
1370
|
+
* // Create with initial properties
|
|
1371
|
+
* const style2 = new Style({
|
|
1372
|
+
* display: Display.Flex,
|
|
1373
|
+
* flexDirection: FlexDirection.Column,
|
|
1374
|
+
* width: 200,
|
|
1375
|
+
* marginLeft: 10
|
|
1376
|
+
* });
|
|
1193
1377
|
* ```
|
|
1194
1378
|
*/
|
|
1195
|
-
constructor();
|
|
1379
|
+
constructor(props?: any | null);
|
|
1196
1380
|
/**
|
|
1197
1381
|
* Gets the align-self property
|
|
1198
1382
|
*
|
|
@@ -1201,6 +1385,12 @@ export class Style {
|
|
|
1201
1385
|
* @returns - The current [`AlignSelf`](JsAlignSelf) value (returns `Auto` if not set)
|
|
1202
1386
|
*/
|
|
1203
1387
|
alignSelf: AlignSelf | undefined;
|
|
1388
|
+
/**
|
|
1389
|
+
* Gets the top border width
|
|
1390
|
+
*
|
|
1391
|
+
* @returns - The current top border width as a [`LengthPercentage`](JsLengthPercentage)
|
|
1392
|
+
*/
|
|
1393
|
+
borderTop: any;
|
|
1204
1394
|
/**
|
|
1205
1395
|
* Gets the box sizing mode
|
|
1206
1396
|
*
|
|
@@ -1211,6 +1401,12 @@ export class Style {
|
|
|
1211
1401
|
* @defaultValue `BoxSizing.BorderBox`
|
|
1212
1402
|
*/
|
|
1213
1403
|
boxSizing: BoxSizing;
|
|
1404
|
+
/**
|
|
1405
|
+
* Gets the column gap (horizontal spacing between items)
|
|
1406
|
+
*
|
|
1407
|
+
* @returns - The current column gap as a [`LengthPercentage`](JsLengthPercentage)
|
|
1408
|
+
*/
|
|
1409
|
+
columnGap: any;
|
|
1214
1410
|
/**
|
|
1215
1411
|
* Gets the flex-basis
|
|
1216
1412
|
*
|
|
@@ -1219,6 +1415,36 @@ export class Style {
|
|
|
1219
1415
|
* @returns - A `Dimension` value (`number`, `\"{number}%\"`, or `\"auto\"`)
|
|
1220
1416
|
*/
|
|
1221
1417
|
flexBasis: Dimension;
|
|
1418
|
+
/**
|
|
1419
|
+
* Gets the top margin
|
|
1420
|
+
*
|
|
1421
|
+
* @returns - The current top margin as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
|
|
1422
|
+
*/
|
|
1423
|
+
marginTop: any;
|
|
1424
|
+
/**
|
|
1425
|
+
* Gets the maximum height
|
|
1426
|
+
*
|
|
1427
|
+
* @returns - The current maximum height as a [`Dimension`](JsDimension)
|
|
1428
|
+
*/
|
|
1429
|
+
maxHeight: Dimension;
|
|
1430
|
+
/**
|
|
1431
|
+
* Gets the minimum height
|
|
1432
|
+
*
|
|
1433
|
+
* @returns - The current minimum height as a [`Dimension`](JsDimension)
|
|
1434
|
+
*/
|
|
1435
|
+
minHeight: Dimension;
|
|
1436
|
+
/**
|
|
1437
|
+
* Gets the horizontal overflow behavior
|
|
1438
|
+
*
|
|
1439
|
+
* @returns - The current [`Overflow`](JsOverflow) value for the x-axis
|
|
1440
|
+
*/
|
|
1441
|
+
overflowX: Overflow;
|
|
1442
|
+
/**
|
|
1443
|
+
* Gets the vertical overflow behavior
|
|
1444
|
+
*
|
|
1445
|
+
* @returns - The current [`Overflow`](JsOverflow) value for the y-axis
|
|
1446
|
+
*/
|
|
1447
|
+
overflowY: Overflow;
|
|
1222
1448
|
/**
|
|
1223
1449
|
* Gets the border width
|
|
1224
1450
|
*
|
|
@@ -1227,6 +1453,18 @@ export class Style {
|
|
|
1227
1453
|
* @returns - A `Rect<LengthPercentage>` with left, right, top, bottom border widths
|
|
1228
1454
|
*/
|
|
1229
1455
|
border: Rect<LengthPercentage>;
|
|
1456
|
+
/**
|
|
1457
|
+
* Gets the bottom inset offset
|
|
1458
|
+
*
|
|
1459
|
+
* @returns - The current bottom offset as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
|
|
1460
|
+
*/
|
|
1461
|
+
bottom: any;
|
|
1462
|
+
/**
|
|
1463
|
+
* Gets the height
|
|
1464
|
+
*
|
|
1465
|
+
* @returns - The current height as a [`Dimension`](JsDimension)
|
|
1466
|
+
*/
|
|
1467
|
+
height: Dimension;
|
|
1230
1468
|
/**
|
|
1231
1469
|
* Gets the margin
|
|
1232
1470
|
*
|
|
@@ -1253,6 +1491,12 @@ export class Style {
|
|
|
1253
1491
|
* @returns - The current [`AlignItems`](JsAlignItems) value, or `undefined` if not set
|
|
1254
1492
|
*/
|
|
1255
1493
|
alignItems: AlignItems | undefined;
|
|
1494
|
+
/**
|
|
1495
|
+
* Gets the left border width
|
|
1496
|
+
*
|
|
1497
|
+
* @returns - The current left border width as a [`LengthPercentage`](JsLengthPercentage)
|
|
1498
|
+
*/
|
|
1499
|
+
borderLeft: any;
|
|
1256
1500
|
/**
|
|
1257
1501
|
* Gets the flex shrink factor
|
|
1258
1502
|
*
|
|
@@ -1271,6 +1515,18 @@ export class Style {
|
|
|
1271
1515
|
* @returns - A `Line<GridPlacement>` with start and end placements
|
|
1272
1516
|
*/
|
|
1273
1517
|
gridColumn: Line<GridPlacement>;
|
|
1518
|
+
/**
|
|
1519
|
+
* Gets the left margin
|
|
1520
|
+
*
|
|
1521
|
+
* @returns - The current left margin as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
|
|
1522
|
+
*/
|
|
1523
|
+
marginLeft: any;
|
|
1524
|
+
/**
|
|
1525
|
+
* Gets the top padding
|
|
1526
|
+
*
|
|
1527
|
+
* @returns - The current top padding as a [`LengthPercentage`](JsLengthPercentage)
|
|
1528
|
+
*/
|
|
1529
|
+
paddingTop: any;
|
|
1274
1530
|
/**
|
|
1275
1531
|
* Gets the display mode
|
|
1276
1532
|
*
|
|
@@ -1289,6 +1545,12 @@ export class Style {
|
|
|
1289
1545
|
* @returns - A `Rect<LengthPercentage>` with left, right, top, bottom padding
|
|
1290
1546
|
*/
|
|
1291
1547
|
padding: Rect<LengthPercentage>;
|
|
1548
|
+
/**
|
|
1549
|
+
* Gets the row gap (vertical spacing between items)
|
|
1550
|
+
*
|
|
1551
|
+
* @returns - The current row gap as a [`LengthPercentage`](JsLengthPercentage)
|
|
1552
|
+
*/
|
|
1553
|
+
rowGap: any;
|
|
1292
1554
|
/**
|
|
1293
1555
|
* Gets the aspect ratio
|
|
1294
1556
|
*
|
|
@@ -1297,6 +1559,18 @@ export class Style {
|
|
|
1297
1559
|
* @returns - The aspect ratio value, or `undefined` if not set
|
|
1298
1560
|
*/
|
|
1299
1561
|
aspectRatio: number | undefined;
|
|
1562
|
+
/**
|
|
1563
|
+
* Gets the right border width
|
|
1564
|
+
*
|
|
1565
|
+
* @returns - The current right border width as a [`LengthPercentage`](JsLengthPercentage)
|
|
1566
|
+
*/
|
|
1567
|
+
borderRight: any;
|
|
1568
|
+
/**
|
|
1569
|
+
* Gets the grid-row-end property
|
|
1570
|
+
*
|
|
1571
|
+
* @returns - The current grid row end placement as a [`GridPlacement`](JsGridPlacement)
|
|
1572
|
+
*/
|
|
1573
|
+
gridRowEnd: any;
|
|
1300
1574
|
/**
|
|
1301
1575
|
* Gets the justify-self property
|
|
1302
1576
|
*
|
|
@@ -1305,6 +1579,18 @@ export class Style {
|
|
|
1305
1579
|
* @returns - The current [`AlignSelf`](JsAlignSelf) value (returns `Auto` if not set)
|
|
1306
1580
|
*/
|
|
1307
1581
|
justifySelf: AlignSelf | undefined;
|
|
1582
|
+
/**
|
|
1583
|
+
* Gets the right margin
|
|
1584
|
+
*
|
|
1585
|
+
* @returns - The current right margin as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
|
|
1586
|
+
*/
|
|
1587
|
+
marginRight: any;
|
|
1588
|
+
/**
|
|
1589
|
+
* Gets the left padding
|
|
1590
|
+
*
|
|
1591
|
+
* @returns - The current left padding as a [`LengthPercentage`](JsLengthPercentage)
|
|
1592
|
+
*/
|
|
1593
|
+
paddingLeft: any;
|
|
1308
1594
|
/**
|
|
1309
1595
|
* Gets the grid-row property
|
|
1310
1596
|
*
|
|
@@ -1352,6 +1638,12 @@ export class Style {
|
|
|
1352
1638
|
* @returns - The current [`AlignContent`](JsAlignContent) value, or `undefined` if not set
|
|
1353
1639
|
*/
|
|
1354
1640
|
alignContent: AlignContent | undefined;
|
|
1641
|
+
/**
|
|
1642
|
+
* Gets the bottom border width
|
|
1643
|
+
*
|
|
1644
|
+
* @returns - The current bottom border width as a [`LengthPercentage`](JsLengthPercentage)
|
|
1645
|
+
*/
|
|
1646
|
+
borderBottom: any;
|
|
1355
1647
|
/**
|
|
1356
1648
|
* Gets whether this item is a table
|
|
1357
1649
|
*
|
|
@@ -1371,6 +1663,18 @@ export class Style {
|
|
|
1371
1663
|
* @returns - The current [`AlignItems`](JsAlignItems) value, or `undefined` if not set
|
|
1372
1664
|
*/
|
|
1373
1665
|
justifyItems: AlignItems | undefined;
|
|
1666
|
+
/**
|
|
1667
|
+
* Gets the bottom margin
|
|
1668
|
+
*
|
|
1669
|
+
* @returns - The current bottom margin as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
|
|
1670
|
+
*/
|
|
1671
|
+
marginBottom: any;
|
|
1672
|
+
/**
|
|
1673
|
+
* Gets the right padding
|
|
1674
|
+
*
|
|
1675
|
+
* @returns - The current right padding as a [`LengthPercentage`](JsLengthPercentage)
|
|
1676
|
+
*/
|
|
1677
|
+
paddingRight: any;
|
|
1374
1678
|
/**
|
|
1375
1679
|
* Gets the flex grow factor
|
|
1376
1680
|
*
|
|
@@ -1390,6 +1694,18 @@ export class Style {
|
|
|
1390
1694
|
* @defaultValue - `FlexWrap.NoWrap`
|
|
1391
1695
|
*/
|
|
1392
1696
|
flexWrap: FlexWrap;
|
|
1697
|
+
/**
|
|
1698
|
+
* Gets the maximum width
|
|
1699
|
+
*
|
|
1700
|
+
* @returns - The current maximum width as a [`Dimension`](JsDimension)
|
|
1701
|
+
*/
|
|
1702
|
+
maxWidth: Dimension;
|
|
1703
|
+
/**
|
|
1704
|
+
* Gets the minimum width
|
|
1705
|
+
*
|
|
1706
|
+
* @returns - The current minimum width as a [`Dimension`](JsDimension)
|
|
1707
|
+
*/
|
|
1708
|
+
minWidth: Dimension;
|
|
1393
1709
|
/**
|
|
1394
1710
|
* Gets the flex direction
|
|
1395
1711
|
*
|
|
@@ -1418,6 +1734,24 @@ export class Style {
|
|
|
1418
1734
|
* @returns - An array of track sizing functions
|
|
1419
1735
|
*/
|
|
1420
1736
|
gridAutoRows: TrackSizingFunction[];
|
|
1737
|
+
/**
|
|
1738
|
+
* Gets the grid-row-start property
|
|
1739
|
+
*
|
|
1740
|
+
* @returns - The current grid row start placement as a [`GridPlacement`](JsGridPlacement)
|
|
1741
|
+
*/
|
|
1742
|
+
gridRowStart: any;
|
|
1743
|
+
/**
|
|
1744
|
+
* Gets the bottom padding
|
|
1745
|
+
*
|
|
1746
|
+
* @returns - The current bottom padding as a [`LengthPercentage`](JsLengthPercentage)
|
|
1747
|
+
*/
|
|
1748
|
+
paddingBottom: any;
|
|
1749
|
+
/**
|
|
1750
|
+
* Gets the grid-column-end property
|
|
1751
|
+
*
|
|
1752
|
+
* @returns - The current grid column end placement as a [`GridPlacement`](JsGridPlacement)
|
|
1753
|
+
*/
|
|
1754
|
+
gridColumnEnd: any;
|
|
1421
1755
|
/**
|
|
1422
1756
|
* Gets the justify-content property
|
|
1423
1757
|
*
|
|
@@ -1454,6 +1788,12 @@ export class Style {
|
|
|
1454
1788
|
* @returns - An array of track sizing functions
|
|
1455
1789
|
*/
|
|
1456
1790
|
gridAutoColumns: TrackSizingFunction[];
|
|
1791
|
+
/**
|
|
1792
|
+
* Gets the grid-column-start property
|
|
1793
|
+
*
|
|
1794
|
+
* @returns - The current grid column start placement as a [`GridPlacement`](JsGridPlacement)
|
|
1795
|
+
*/
|
|
1796
|
+
gridColumnStart: any;
|
|
1457
1797
|
/**
|
|
1458
1798
|
* Gets the grid-template-rows property
|
|
1459
1799
|
*
|
|
@@ -1502,6 +1842,18 @@ export class Style {
|
|
|
1502
1842
|
* @returns - A `Size<LengthPercentage>` with column (width) and row (height) gaps
|
|
1503
1843
|
*/
|
|
1504
1844
|
gap: Size<LengthPercentage>;
|
|
1845
|
+
/**
|
|
1846
|
+
* Gets the top inset offset
|
|
1847
|
+
*
|
|
1848
|
+
* @returns - The current top offset as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
|
|
1849
|
+
*/
|
|
1850
|
+
top: any;
|
|
1851
|
+
/**
|
|
1852
|
+
* Gets the left inset offset
|
|
1853
|
+
*
|
|
1854
|
+
* @returns - The current left offset as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
|
|
1855
|
+
*/
|
|
1856
|
+
left: any;
|
|
1505
1857
|
/**
|
|
1506
1858
|
* Gets the size (width and height)
|
|
1507
1859
|
*
|
|
@@ -1516,6 +1868,18 @@ export class Style {
|
|
|
1516
1868
|
* @returns - A `Rect<LengthPercentageAuto>` with left, right, top, bottom offsets
|
|
1517
1869
|
*/
|
|
1518
1870
|
inset: Rect<LengthPercentageAuto>;
|
|
1871
|
+
/**
|
|
1872
|
+
* Gets the right inset offset
|
|
1873
|
+
*
|
|
1874
|
+
* @returns - The current right offset as a [`LengthPercentageAuto`](JsLengthPercentageAuto)
|
|
1875
|
+
*/
|
|
1876
|
+
right: any;
|
|
1877
|
+
/**
|
|
1878
|
+
* Gets the width
|
|
1879
|
+
*
|
|
1880
|
+
* @returns - The current width as a [`Dimension`](JsDimension)
|
|
1881
|
+
*/
|
|
1882
|
+
width: Dimension;
|
|
1519
1883
|
}
|
|
1520
1884
|
|
|
1521
1885
|
/**
|
|
@@ -2338,7 +2702,13 @@ export interface InitOutput {
|
|
|
2338
2702
|
readonly style_alignSelf: (a: number) => number;
|
|
2339
2703
|
readonly style_aspectRatio: (a: number) => number;
|
|
2340
2704
|
readonly style_border: (a: number) => any;
|
|
2705
|
+
readonly style_borderBottom: (a: number) => any;
|
|
2706
|
+
readonly style_borderLeft: (a: number) => any;
|
|
2707
|
+
readonly style_borderRight: (a: number) => any;
|
|
2708
|
+
readonly style_borderTop: (a: number) => any;
|
|
2709
|
+
readonly style_bottom: (a: number) => any;
|
|
2341
2710
|
readonly style_boxSizing: (a: number) => number;
|
|
2711
|
+
readonly style_columnGap: (a: number) => any;
|
|
2342
2712
|
readonly style_display: (a: number) => number;
|
|
2343
2713
|
readonly style_flexBasis: (a: number) => any;
|
|
2344
2714
|
readonly style_flexDirection: (a: number) => number;
|
|
@@ -2346,36 +2716,66 @@ export interface InitOutput {
|
|
|
2346
2716
|
readonly style_flexShrink: (a: number) => number;
|
|
2347
2717
|
readonly style_flexWrap: (a: number) => number;
|
|
2348
2718
|
readonly style_gap: (a: number) => any;
|
|
2719
|
+
readonly style_get: (a: number, b: number, c: number) => any;
|
|
2349
2720
|
readonly style_gridAutoColumns: (a: number) => any;
|
|
2350
2721
|
readonly style_gridAutoFlow: (a: number) => number;
|
|
2351
2722
|
readonly style_gridAutoRows: (a: number) => any;
|
|
2352
2723
|
readonly style_gridColumn: (a: number) => any;
|
|
2724
|
+
readonly style_gridColumnEnd: (a: number) => any;
|
|
2725
|
+
readonly style_gridColumnStart: (a: number) => any;
|
|
2353
2726
|
readonly style_gridRow: (a: number) => any;
|
|
2727
|
+
readonly style_gridRowEnd: (a: number) => any;
|
|
2728
|
+
readonly style_gridRowStart: (a: number) => any;
|
|
2354
2729
|
readonly style_gridTemplateAreas: (a: number) => any;
|
|
2355
2730
|
readonly style_gridTemplateColumnNames: (a: number) => any;
|
|
2356
2731
|
readonly style_gridTemplateColumns: (a: number) => any;
|
|
2357
2732
|
readonly style_gridTemplateRowNames: (a: number) => any;
|
|
2358
2733
|
readonly style_gridTemplateRows: (a: number) => any;
|
|
2734
|
+
readonly style_height: (a: number) => any;
|
|
2359
2735
|
readonly style_inset: (a: number) => any;
|
|
2360
2736
|
readonly style_itemIsReplaced: (a: number) => number;
|
|
2361
2737
|
readonly style_itemIsTable: (a: number) => number;
|
|
2362
2738
|
readonly style_justifyContent: (a: number) => number;
|
|
2363
2739
|
readonly style_justifyItems: (a: number) => number;
|
|
2364
2740
|
readonly style_justifySelf: (a: number) => number;
|
|
2741
|
+
readonly style_left: (a: number) => any;
|
|
2365
2742
|
readonly style_margin: (a: number) => any;
|
|
2743
|
+
readonly style_marginBottom: (a: number) => any;
|
|
2744
|
+
readonly style_marginLeft: (a: number) => any;
|
|
2745
|
+
readonly style_marginRight: (a: number) => any;
|
|
2746
|
+
readonly style_marginTop: (a: number) => any;
|
|
2747
|
+
readonly style_maxHeight: (a: number) => any;
|
|
2366
2748
|
readonly style_maxSize: (a: number) => any;
|
|
2749
|
+
readonly style_maxWidth: (a: number) => any;
|
|
2750
|
+
readonly style_minHeight: (a: number) => any;
|
|
2367
2751
|
readonly style_minSize: (a: number) => any;
|
|
2368
|
-
readonly
|
|
2752
|
+
readonly style_minWidth: (a: number) => any;
|
|
2753
|
+
readonly style_new: (a: number) => number;
|
|
2369
2754
|
readonly style_overflow: (a: number) => any;
|
|
2755
|
+
readonly style_overflowX: (a: number) => number;
|
|
2756
|
+
readonly style_overflowY: (a: number) => number;
|
|
2370
2757
|
readonly style_padding: (a: number) => any;
|
|
2758
|
+
readonly style_paddingBottom: (a: number) => any;
|
|
2759
|
+
readonly style_paddingLeft: (a: number) => any;
|
|
2760
|
+
readonly style_paddingRight: (a: number) => any;
|
|
2761
|
+
readonly style_paddingTop: (a: number) => any;
|
|
2371
2762
|
readonly style_position: (a: number) => number;
|
|
2763
|
+
readonly style_right: (a: number) => any;
|
|
2764
|
+
readonly style_rowGap: (a: number) => any;
|
|
2372
2765
|
readonly style_scrollbarWidth: (a: number) => number;
|
|
2766
|
+
readonly style_set: (a: number, b: any) => void;
|
|
2373
2767
|
readonly style_set_alignContent: (a: number, b: any) => void;
|
|
2374
2768
|
readonly style_set_alignItems: (a: number, b: any) => void;
|
|
2375
2769
|
readonly style_set_alignSelf: (a: number, b: any) => void;
|
|
2376
2770
|
readonly style_set_aspectRatio: (a: number, b: any) => void;
|
|
2377
2771
|
readonly style_set_border: (a: number, b: any) => void;
|
|
2772
|
+
readonly style_set_borderBottom: (a: number, b: any) => void;
|
|
2773
|
+
readonly style_set_borderLeft: (a: number, b: any) => void;
|
|
2774
|
+
readonly style_set_borderRight: (a: number, b: any) => void;
|
|
2775
|
+
readonly style_set_borderTop: (a: number, b: any) => void;
|
|
2776
|
+
readonly style_set_bottom: (a: number, b: any) => void;
|
|
2378
2777
|
readonly style_set_boxSizing: (a: number, b: number) => void;
|
|
2778
|
+
readonly style_set_columnGap: (a: number, b: any) => void;
|
|
2379
2779
|
readonly style_set_display: (a: number, b: number) => void;
|
|
2380
2780
|
readonly style_set_flexBasis: (a: number, b: any) => void;
|
|
2381
2781
|
readonly style_set_flexDirection: (a: number, b: number) => void;
|
|
@@ -2387,29 +2787,55 @@ export interface InitOutput {
|
|
|
2387
2787
|
readonly style_set_gridAutoFlow: (a: number, b: number) => void;
|
|
2388
2788
|
readonly style_set_gridAutoRows: (a: number, b: any) => void;
|
|
2389
2789
|
readonly style_set_gridColumn: (a: number, b: any) => void;
|
|
2790
|
+
readonly style_set_gridColumnEnd: (a: number, b: any) => void;
|
|
2791
|
+
readonly style_set_gridColumnStart: (a: number, b: any) => void;
|
|
2390
2792
|
readonly style_set_gridRow: (a: number, b: any) => void;
|
|
2793
|
+
readonly style_set_gridRowEnd: (a: number, b: any) => void;
|
|
2794
|
+
readonly style_set_gridRowStart: (a: number, b: any) => void;
|
|
2391
2795
|
readonly style_set_gridTemplateAreas: (a: number, b: any) => void;
|
|
2392
2796
|
readonly style_set_gridTemplateColumnNames: (a: number, b: any) => void;
|
|
2393
2797
|
readonly style_set_gridTemplateColumns: (a: number, b: any) => void;
|
|
2394
2798
|
readonly style_set_gridTemplateRowNames: (a: number, b: any) => void;
|
|
2395
2799
|
readonly style_set_gridTemplateRows: (a: number, b: any) => void;
|
|
2800
|
+
readonly style_set_height: (a: number, b: any) => void;
|
|
2396
2801
|
readonly style_set_inset: (a: number, b: any) => void;
|
|
2397
2802
|
readonly style_set_itemIsReplaced: (a: number, b: number) => void;
|
|
2398
2803
|
readonly style_set_itemIsTable: (a: number, b: number) => void;
|
|
2399
2804
|
readonly style_set_justifyContent: (a: number, b: any) => void;
|
|
2400
2805
|
readonly style_set_justifyItems: (a: number, b: any) => void;
|
|
2401
2806
|
readonly style_set_justifySelf: (a: number, b: any) => void;
|
|
2807
|
+
readonly style_set_left: (a: number, b: any) => void;
|
|
2402
2808
|
readonly style_set_margin: (a: number, b: any) => void;
|
|
2809
|
+
readonly style_set_marginBottom: (a: number, b: any) => void;
|
|
2810
|
+
readonly style_set_marginLeft: (a: number, b: any) => void;
|
|
2811
|
+
readonly style_set_marginRight: (a: number, b: any) => void;
|
|
2812
|
+
readonly style_set_marginTop: (a: number, b: any) => void;
|
|
2813
|
+
readonly style_set_maxHeight: (a: number, b: any) => void;
|
|
2403
2814
|
readonly style_set_maxSize: (a: number, b: any) => void;
|
|
2815
|
+
readonly style_set_maxWidth: (a: number, b: any) => void;
|
|
2816
|
+
readonly style_set_minHeight: (a: number, b: any) => void;
|
|
2404
2817
|
readonly style_set_minSize: (a: number, b: any) => void;
|
|
2818
|
+
readonly style_set_minWidth: (a: number, b: any) => void;
|
|
2405
2819
|
readonly style_set_overflow: (a: number, b: any) => void;
|
|
2820
|
+
readonly style_set_overflowX: (a: number, b: number) => void;
|
|
2821
|
+
readonly style_set_overflowY: (a: number, b: number) => void;
|
|
2406
2822
|
readonly style_set_padding: (a: number, b: any) => void;
|
|
2823
|
+
readonly style_set_paddingBottom: (a: number, b: any) => void;
|
|
2824
|
+
readonly style_set_paddingLeft: (a: number, b: any) => void;
|
|
2825
|
+
readonly style_set_paddingRight: (a: number, b: any) => void;
|
|
2826
|
+
readonly style_set_paddingTop: (a: number, b: any) => void;
|
|
2407
2827
|
readonly style_set_position: (a: number, b: number) => void;
|
|
2828
|
+
readonly style_set_right: (a: number, b: any) => void;
|
|
2829
|
+
readonly style_set_rowGap: (a: number, b: any) => void;
|
|
2408
2830
|
readonly style_set_scrollbarWidth: (a: number, b: number) => void;
|
|
2409
2831
|
readonly style_set_size: (a: number, b: any) => void;
|
|
2410
2832
|
readonly style_set_textAlign: (a: number, b: number) => void;
|
|
2833
|
+
readonly style_set_top: (a: number, b: any) => void;
|
|
2834
|
+
readonly style_set_width: (a: number, b: any) => void;
|
|
2411
2835
|
readonly style_size: (a: number) => any;
|
|
2412
2836
|
readonly style_textAlign: (a: number) => number;
|
|
2837
|
+
readonly style_top: (a: number) => any;
|
|
2838
|
+
readonly style_width: (a: number) => any;
|
|
2413
2839
|
readonly taffyerror_message: (a: number) => [number, number];
|
|
2414
2840
|
readonly taffytree_addChild: (a: number, b: bigint, c: bigint) => [number, number];
|
|
2415
2841
|
readonly taffytree_childCount: (a: number, b: bigint) => number;
|