verstak 0.22.506 → 0.22.508

package/build/dist/source/core/Allocator.d.ts

@@ -32,7 +32,7 @@ export interface Bounds {
     heightOverlap?: boolean;
     alignContent?: To;
     alignFrame?: To;
-    wrapping?: boolean;
+    flowWrap?: boolean;
 }
 export interface Place {
     exact: CellRange | undefined;
@@ -44,7 +44,7 @@ export interface Place {
     heightGrowth: number;
     alignContent: To;
     alignFrame: To;
-    wrapping: boolean;
+    flowWrap: boolean;
 }
 export declare class Allocator {
     reset(): void;

package/build/dist/source/core/Allocator.js

@@ -27,7 +27,7 @@ export class Allocator {
             heightGrowth: (_f = bounds.heightGrowth) !== null && _f !== void 0 ? _f : 0,
             alignContent: (_g = bounds.alignContent) !== null && _g !== void 0 ? _g : To.Default,
             alignFrame: (_h = bounds.alignFrame) !== null && _h !== void 0 ? _h : To.Default,
-            wrapping: (_j = bounds.wrapping) !== null && _j !== void 0 ? _j : false,
+            flowWrap: (_j = bounds.flowWrap) !== null && _j !== void 0 ? _j : false,
         };
     }
 }
@@ -62,7 +62,7 @@ export class GridBasedAllocator {
             heightMin: "", heightMax: "", heightGrowth: 0,
             alignContent: (_a = bounds === null || bounds === void 0 ? void 0 : bounds.alignContent) !== null && _a !== void 0 ? _a : To.Default,
             alignFrame: (_b = bounds === null || bounds === void 0 ? void 0 : bounds.alignFrame) !== null && _b !== void 0 ? _b : To.Default,
-            wrapping: (_c = bounds === null || bounds === void 0 ? void 0 : bounds.wrapping) !== null && _c !== void 0 ? _c : false,
+            flowWrap: (_c = bounds === null || bounds === void 0 ? void 0 : bounds.flowWrap) !== null && _c !== void 0 ? _c : false,
         };
         if (bounds === null || bounds === void 0 ? void 0 : bounds.place) {
             result.exact = parseCellRange(bounds.place, { x1: 0, y1: 0, x2: 0, y2: 0 });

package/build/dist/source/core/VBlock.d.ts

@@ -52,7 +52,7 @@ export declare abstract class VBlock<T = unknown, M = unknown, R = void> {
 export declare enum LayoutKind {
     Block = 0,
     Grid = 1,
-    Line = 2,
+    Part = 2,
     Group = 3,
     Text = 4
 }
@@ -65,7 +65,7 @@ export declare class AbstractDriver<T> {
     get isAuxiliary(): boolean;
     get isBlock(): boolean;
     get isGrid(): boolean;
-    get isLine(): boolean;
+    get isPart(): boolean;
     constructor(name: string, layout: LayoutKind, createAllocator?: () => Allocator);
     initialize(block: VBlock<T>, native: T | undefined): void;
     finalize(block: VBlock<T>, isLeader: boolean): boolean;

package/build/dist/source/core/VBlock.js

@@ -58,7 +58,7 @@ export class VBlock {
         let ex = undefined;
         driver !== null && driver !== void 0 ? driver : (driver = AbstractDriver.group);
         name || (name = `${++owner.numerator}`);
-        if (driver.isLine) {
+        if (driver.isPart) {
             const last = children.lastClaimedItem();
             if (((_a = last === null || last === void 0 ? void 0 : last.instance) === null || _a === void 0 ? void 0 : _a.driver) === driver)
                 ex = last;
@@ -97,7 +97,7 @@ export var LayoutKind;
 (function (LayoutKind) {
     LayoutKind[LayoutKind["Block"] = 0] = "Block";
     LayoutKind[LayoutKind["Grid"] = 1] = "Grid";
-    LayoutKind[LayoutKind["Line"] = 2] = "Line";
+    LayoutKind[LayoutKind["Part"] = 2] = "Part";
     LayoutKind[LayoutKind["Group"] = 3] = "Group";
     LayoutKind[LayoutKind["Text"] = 4] = "Text";
 })(LayoutKind || (LayoutKind = {}));
@@ -112,7 +112,7 @@ export class AbstractDriver {
     get isAuxiliary() { return (this.layout & 2) === 2; }
     get isBlock() { return this.layout === LayoutKind.Block; }
     get isGrid() { return this.layout === LayoutKind.Grid; }
-    get isLine() { return this.layout === LayoutKind.Line; }
+    get isPart() { return this.layout === LayoutKind.Part; }
     initialize(block, native) {
         var _a;
         const b = block;
@@ -149,7 +149,7 @@ export class AbstractDriver {
         if (heightGrowth === undefined) {
             b.place = place;
             const host = b.host;
-            if (host.driver.isLine) {
+            if (host.driver.isPart) {
                 const growth = (_a = place === null || place === void 0 ? void 0 : place.heightGrowth) !== null && _a !== void 0 ? _a : 0;
                 if (growth > 0 && ((_c = (_b = host.place) === null || _b === void 0 ? void 0 : _b.heightGrowth) !== null && _c !== void 0 ? _c : 0) < growth)
                     host.driver.arrange(host, undefined, growth);
@@ -163,7 +163,7 @@ export class AbstractDriver {
                     heightMin: "", heightMax: "", heightGrowth,
                     alignContent: To.Default,
                     alignFrame: To.Default,
-                    wrapping: false,
+                    flowWrap: false,
                 };
             else
                 b.place.heightGrowth = heightGrowth;
@@ -296,20 +296,20 @@ function runRenderNestedTreesThenDo(error, action) {
                 let p1 = undefined;
                 let p2 = undefined;
                 let redeploy = false;
-                let lineHost = owner;
+                let partHost = owner;
                 for (const item of children.items()) {
                     if (Transaction.isCanceled)
                         break;
                     const block = item.instance;
                     const driver = block.driver;
                     const opt = block.args;
-                    if (!driver.isLine) {
+                    if (!driver.isPart) {
                         const place = allocator.allocate(opt);
                         driver.arrange(block, place, undefined);
                     }
                     else
                         allocator.lineFeed();
-                    const host = driver.isLine ? owner : lineHost;
+                    const host = driver.isPart ? owner : partHost;
                     redeploy = markToRedeployIfNecessary(redeploy, host, item, children, sequential);
                     const priority = (_a = opt === null || opt === void 0 ? void 0 : opt.priority) !== null && _a !== void 0 ? _a : Priority.SyncP0;
                     if (priority === Priority.SyncP0)
@@ -318,8 +318,8 @@ function runRenderNestedTreesThenDo(error, action) {
                         p1 = push(item, p1);
                     else
                         p2 = push(item, p2);
-                    if (ownerIsBlock && driver.isLine)
-                        lineHost = block;
+                    if (ownerIsBlock && driver.isPart)
+                        partHost = block;
                 }
                 if (!Transaction.isCanceled && (p1 !== undefined || p2 !== undefined))
                     promised = startIncrementalRendering(current, children, p1, p2).then(() => action(error), e => action(e));

package/build/dist/source/html/Blocks.d.ts

@@ -1,8 +1,8 @@
 import { VBlock, Place, BlockArgs } from "../core/api";
 import { HtmlDriver } from "./HtmlDriver";
 export declare function Block<M = unknown, R = void>(name: string, args: BlockArgs<HTMLElement, M, R>): VBlock<HTMLElement, M, R>;
-export declare function PlainText(content: string, wrapping?: boolean): VBlock<HTMLElement, void, void>;
-export declare function HtmlText(content: string, wrapping?: boolean): VBlock<HTMLElement, void, void>;
+export declare function PlainText(content: string, name?: string, args?: Partial<BlockArgs<HTMLElement, void, void>>): VBlock<HTMLElement, void, void>;
+export declare function HtmlText(content: string, name?: string, args?: Partial<BlockArgs<HTMLElement, void, void>>): VBlock<HTMLElement, void, void>;
 export declare function Grid<M = unknown, R = void>(name: string, args: BlockArgs<HTMLElement, M, R>): VBlock<HTMLElement, M, R>;
 export declare function Line<T = void>(claim: (x: void) => T): VBlock<HTMLElement>;
 export declare function lineFeed(args?: BlockArgs<HTMLElement, void, void>, noCoalescing?: boolean): VBlock<HTMLElement>;

package/build/dist/source/html/Blocks.js

@@ -3,23 +3,23 @@ import { HtmlDriver } from "./HtmlDriver";
 export function Block(name, args) {
     return VBlock.claim(name, args, VerstakTags.block);
 }
-export function PlainText(content, wrapping) {
-    return VBlock.claim("", { wrapping, render(e) { e.innerText = content; } }, VerstakTags.text);
+export function PlainText(content, name, args) {
+    return VBlock.claim(name !== null && name !== void 0 ? name : "", Object.assign(Object.assign({}, args), { render(e) { e.innerText = content; } }), VerstakTags.text);
 }
-export function HtmlText(content, wrapping) {
-    return VBlock.claim("", { wrapping, render(e) { e.innerHTML = content; } }, VerstakTags.text);
+export function HtmlText(content, name, args) {
+    return VBlock.claim(name !== null && name !== void 0 ? name : "", Object.assign(Object.assign({}, args), { render(e) { e.innerHTML = content; } }), VerstakTags.text);
 }
 export function Grid(name, args) {
     return VBlock.claim(name, args, VerstakTags.grid);
 }
 export function Line(claim) {
-    const result = VBlock.claim("", EMPTY_RENDER, VerstakTags.line);
+    const result = VBlock.claim("", EMPTY_RENDER, VerstakTags.part);
     claim();
-    VBlock.claim("", EMPTY_RENDER, VerstakTags.line);
+    VBlock.claim("", EMPTY_RENDER, VerstakTags.part);
     return result;
 }
 export function lineFeed(args, noCoalescing) {
-    return VBlock.claim("", args !== null && args !== void 0 ? args : EMPTY_RENDER, VerstakTags.line);
+    return VBlock.claim("", args !== null && args !== void 0 ? args : EMPTY_RENDER, VerstakTags.part);
 }
 export function Group(name, args) {
     return VBlock.claim(name, args, VerstakTags.group);
@@ -75,11 +75,11 @@ export class VerstakDriver extends HtmlDriver {
                             const h = AlignToCss[alignContent & 0b11];
                             const t = TextAlignCss[alignContent & 0b11];
                             css.justifyContent = v;
-                            css.alignItems = h;
+                            css.alignContent = h;
                             css.textAlign = t;
                         }
                         else
-                            css.justifyContent = css.alignItems = css.textAlign = "";
+                            css.justifyContent = css.alignContent = css.textAlign = "";
                     }
                     const heightGrowth = (_o = place === null || place === void 0 ? void 0 : place.heightGrowth) !== null && _o !== void 0 ? _o : 0;
                     const alignFrame = (_p = place === null || place === void 0 ? void 0 : place.alignFrame) !== null && _p !== void 0 ? _p : To.Default;
@@ -97,10 +97,10 @@ export class VerstakDriver extends HtmlDriver {
                         else
                             css.alignSelf = css.justifySelf = "";
                     }
-                    const wrapping = (_s = place === null || place === void 0 ? void 0 : place.wrapping) !== null && _s !== void 0 ? _s : false;
-                    if (wrapping !== ((_t = ex === null || ex === void 0 ? void 0 : ex.wrapping) !== null && _t !== void 0 ? _t : false)) {
-                        if (wrapping)
-                            native.setAttribute("wrapping", "");
+                    const flowWrap = (_s = place === null || place === void 0 ? void 0 : place.flowWrap) !== null && _s !== void 0 ? _s : false;
+                    if (flowWrap !== ((_t = ex === null || ex === void 0 ? void 0 : ex.flowWrap) !== null && _t !== void 0 ? _t : false)) {
+                        if (flowWrap)
+                            native.setAttribute("wrapping", "true");
                         else
                             native.removeAttribute("wrapping");
                     }
@@ -116,8 +116,8 @@ export class VerstakDriver extends HtmlDriver {
         super.arrange(block, place, heightGrowth);
     }
     render(block) {
-        if (!block.driver.isLine)
-            VBlock.claim("", EMPTY_RENDER, VerstakTags.line);
+        if (!block.driver.isPart)
+            VBlock.claim("", EMPTY_RENDER, VerstakTags.part);
         return super.render(block);
     }
 }
@@ -125,7 +125,7 @@ const VerstakTags = {
     block: new VerstakDriver("v-block", LayoutKind.Block),
     text: new VerstakDriver("v-text", LayoutKind.Text),
     grid: new VerstakDriver("v-grid", LayoutKind.Grid, () => new GridBasedAllocator()),
-    line: new VerstakDriver("v-line", LayoutKind.Line),
+    part: new VerstakDriver("v-part", LayoutKind.Part),
     group: new VerstakDriver("v-group", LayoutKind.Group),
 };
 const EMPTY_RENDER = { render() { } };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verstak",
-  "version": "0.22.506",
+  "version": "0.22.508",
   "description": "Verstak - Front-End Library",
   "publisher": "Nezaboodka Software",
   "license": "Apache-2.0",