verstak 0.22.505 → 0.22.506

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

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

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

@@ -16,7 +16,7 @@ export class Allocator {
     lineFeed() {
     }
     allocate(bounds) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return !bounds ? undefined : {
             exact: bounds.place ? parseCellRange(bounds.place, { x1: 0, y1: 0, x2: 0, y2: 0 }) : undefined,
             widthMin: (_a = bounds.widthMin) !== null && _a !== void 0 ? _a : "",
@@ -27,6 +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,
         };
     }
 }
@@ -54,13 +55,14 @@ export class GridBasedAllocator {
         this.rowCursor = this.newRowCursor;
     }
     allocate(bounds) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const result = {
             exact: undefined,
             widthMin: "", widthMax: "", widthGrowth: 0,
             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,
         };
         if (bounds === null || bounds === void 0 ? void 0 : bounds.place) {
             result.exact = parseCellRange(bounds.place, { x1: 0, y1: 0, x2: 0, y2: 0 });
@@ -70,7 +72,7 @@ export class GridBasedAllocator {
             const totalColumnCount = this.maxColumnCount !== 0 ? this.maxColumnCount : this.actualColumnCount;
             const totalRowCount = this.maxRowCount !== 0 ? this.maxRowCount : this.actualRowCount;
             const cr = result.exact = { x1: 0, y1: 0, x2: 0, y2: 0 };
-            let w = (_c = bounds === null || bounds === void 0 ? void 0 : bounds.widthSpan) !== null && _c !== void 0 ? _c : 1;
+            let w = (_d = bounds === null || bounds === void 0 ? void 0 : bounds.widthSpan) !== null && _d !== void 0 ? _d : 1;
             if (w === 0)
                 w = totalColumnCount || 1;
             if (w >= 0) {
@@ -83,7 +85,7 @@ export class GridBasedAllocator {
                 cr.x1 = Math.max(this.columnCursor + w, 1);
                 cr.x2 = this.columnCursor;
             }
-            let h = (_d = bounds === null || bounds === void 0 ? void 0 : bounds.heightSpan) !== null && _d !== void 0 ? _d : 1;
+            let h = (_e = bounds === null || bounds === void 0 ? void 0 : bounds.heightSpan) !== null && _e !== void 0 ? _e : 1;
             if (h === 0)
                 h = totalRowCount || 1;
             if (h >= 0) {

package/build/dist/source/core/{Kernel.d.ts → VBlock.d.ts}

@@ -16,14 +16,13 @@ export interface BlockArgs<T = unknown, M = unknown, R = void> extends Bounds {
     throttling?: number;
     logging?: Partial<LoggingOptions>;
     shuffle?: boolean;
-    render: Render<T, M, R>;
     initialize?: Render<T, M, R> | Array<Render<T, M, R>>;
-    finalize?: Render<T, M, R> | Array<Render<T, M, R>>;
     override?: Render<T, M, R>;
-    nestedContext?: Object;
-    nestedContextType?: Object;
+    render: Render<T, M, R>;
+    finalize?: Render<T, M, R> | Array<Render<T, M, R>>;
 }
-export declare function useContext<T extends Object>(type: new (...args: any[]) => T): T;
+export declare function setContext<T extends Object>(type: new (...args: any[]) => T, context: T): void;
+export declare function use<T extends Object>(type: new (...args: any[]) => T): T;
 export declare abstract class VBlock<T = unknown, M = unknown, R = void> {
     static readonly shortFrameDuration = 16;
     static readonly longFrameDuration = 300;
@@ -32,7 +31,7 @@ export declare abstract class VBlock<T = unknown, M = unknown, R = void> {
     abstract readonly name: string;
     abstract readonly driver: AbstractDriver<T>;
     abstract readonly args: Readonly<BlockArgs<T, M, R>>;
-    abstract model?: M;
+    abstract model: M;
     abstract readonly level: number;
     abstract readonly host: VBlock;
     abstract readonly children: CollectionReader<VBlock>;
@@ -49,7 +48,6 @@ export declare abstract class VBlock<T = unknown, M = unknown, R = void> {
     static claim<T = undefined, M = unknown, R = void, C = void>(name: string, args: BlockArgs<T, M, R>, driver?: AbstractDriver<T>): VBlock<T, M, R>;
     static getDefaultLoggingOptions(): LoggingOptions | undefined;
     static setDefaultLoggingOptions(logging?: LoggingOptions): void;
-    private static trySwitchContext;
 }
 export declare enum LayoutKind {
     Block = 0,

package/build/dist/source/core/{Kernel.js → VBlock.js}

@@ -16,7 +16,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { reactive, nonreactive, Transaction, options, Reentrance, Rx, Collection } from "reactronic";
+import { reactive, nonreactive, Transaction, options, Reentrance, Rx, Collection, ObservableObject, raw } from "reactronic";
 import { Allocator, To } from "./Allocator";
 export var Priority;
 (function (Priority) {
@@ -24,13 +24,11 @@ export var Priority;
     Priority[Priority["AsyncP1"] = 1] = "AsyncP1";
     Priority[Priority["AsyncP2"] = 2] = "AsyncP2";
 })(Priority || (Priority = {}));
-export function useContext(type) {
-    let b = gCurrent.instance;
-    while (b.args.nestedContextType !== type && b.host !== b)
-        b = b.context;
-    if (b.host === b)
-        throw new Error(`context ${type.name} is not found`);
-    return b.args.nestedContext;
+export function setContext(type, context) {
+    return VBlockImpl.setContext(type, context);
+}
+export function use(type) {
+    return VBlockImpl.use(type);
 }
 export class VBlock {
     render() {
@@ -53,7 +51,7 @@ export class VBlock {
         forEachChildRecursively(gSysRoot, action);
     }
     static claim(name, args, driver) {
-        var _a, _b, _c;
+        var _a, _b;
         let result;
         const owner = gCurrent.instance;
         const children = owner.children;
@@ -70,18 +68,13 @@ export class VBlock {
             result = ex.instance;
             if (result.driver !== driver && driver !== undefined)
                 throw new Error(`changing block driver is not yet supported: "${result.driver.name}" -> "${driver === null || driver === void 0 ? void 0 : driver.name}"`);
-            if (!VBlock.trySwitchContext(args, result, owner)) {
-                const exTriggers = (_b = result.args) === null || _b === void 0 ? void 0 : _b.triggers;
-                if (triggersAreEqual(args.triggers, exTriggers))
-                    args.triggers = exTriggers;
-            }
-            else
-                (_c = args.triggers) !== null && _c !== void 0 ? _c : (args.triggers = { [CONTEXT_SWITCH]: args.nestedContext });
+            const exTriggers = (_b = result.args) === null || _b === void 0 ? void 0 : _b.triggers;
+            if (triggersAreEqual(args.triggers, exTriggers))
+                args.triggers = exTriggers;
             result.args = args;
         }
         else {
             result = new VBlockImpl(name, driver, owner, args);
-            VBlock.trySwitchContext(args, result, owner);
             result.item = children.add(result);
             VBlockImpl.grandCount++;
             if (args.reacting)
@@ -95,26 +88,6 @@ export class VBlock {
     static setDefaultLoggingOptions(logging) {
         VBlockImpl.logging = logging;
     }
-    static trySwitchContext(newArgs, block, owner) {
-        var _a, _b;
-        const ownerArgs = owner.args;
-        const ownerCtx = ownerArgs.nestedContext;
-        const ownerTriggers = ownerArgs.triggers;
-        const ctx = newArgs.nestedContext;
-        const result = ctx !== ((_a = block.args) === null || _a === void 0 ? void 0 : _a.nestedContext) || (ownerTriggers === null || ownerTriggers === void 0 ? void 0 : ownerTriggers[CONTEXT_SWITCH]) !== undefined;
-        if (ctx && ctx !== ownerCtx) {
-            (_b = newArgs.nestedContextType) !== null && _b !== void 0 ? _b : (newArgs.nestedContextType = ctx.constructor);
-            if (ownerCtx)
-                block.context = owner;
-            else
-                block.context = owner.context;
-        }
-        else if (ownerCtx)
-            block.context = owner;
-        else
-            block.context = owner.context;
-        return result;
-    }
 }
 VBlock.shortFrameDuration = 16;
 VBlock.longFrameDuration = 300;
@@ -128,7 +101,6 @@ export var LayoutKind;
     LayoutKind[LayoutKind["Group"] = 3] = "Group";
     LayoutKind[LayoutKind["Text"] = 4] = "Text";
 })(LayoutKind || (LayoutKind = {}));
-const CONTEXT_SWITCH = Symbol("V-CONTEXT-SWITCH");
 const createDefaultAllocator = () => new Allocator();
 export class AbstractDriver {
     constructor(name, layout, createAllocator) {
@@ -191,6 +163,7 @@ export class AbstractDriver {
                     heightMin: "", heightMax: "", heightGrowth,
                     alignContent: To.Default,
                     alignFrame: To.Default,
+                    wrapping: false,
                 };
             else
                 b.place.heightGrowth = heightGrowth;
@@ -223,6 +196,17 @@ export class StaticDriver extends AbstractDriver {
 function getBlockName(block) {
     return block.stamp >= 0 ? block.name : undefined;
 }
+class VBlockContext extends ObservableObject {
+    constructor(type, instance) {
+        super();
+        this.type = type;
+        this.instance = instance;
+    }
+}
+__decorate([
+    raw,
+    __metadata("design:type", Function)
+], VBlockContext.prototype, "type", void 0);
 class VBlockImpl extends VBlock {
     constructor(name, driver, owner, args) {
         super();
@@ -239,11 +223,45 @@ class VBlockImpl extends VBlock {
         this.native = undefined;
         this.place = undefined;
         this.allocator = driver.createAllocator();
-        this.context = owner.context;
+        this.senior = owner.context ? owner : owner.senior;
+        this.context = undefined;
     }
     rerender(_triggers) {
         runRender(this.item);
     }
+    static use(type) {
+        var _a, _b;
+        let b = gCurrent.instance;
+        while (((_a = b.context) === null || _a === void 0 ? void 0 : _a.type) !== type && b.host !== b)
+            b = b.senior;
+        if (b.host === b)
+            throw new Error(`${type.name} context doesn't exist`);
+        return (_b = b.context) === null || _b === void 0 ? void 0 : _b.instance;
+    }
+    static setContext(type, context) {
+        const block = gCurrent.instance;
+        const host = block.host;
+        const hostCtx = nonreactive(() => { var _a; return (_a = host.context) === null || _a === void 0 ? void 0 : _a.instance; });
+        if (context && context !== hostCtx) {
+            if (hostCtx)
+                block.senior = host;
+            else
+                block.senior = host.senior;
+            Transaction.run({ separation: true }, () => {
+                const ctx = block.context;
+                if (ctx) {
+                    ctx.type = type;
+                    ctx.instance = context;
+                }
+                else
+                    block.context = new VBlockContext(type, context);
+            });
+        }
+        else if (hostCtx)
+            block.senior = host;
+        else
+            block.senior = host.senior;
+    }
 }
 VBlockImpl.grandCount = 0;
 VBlockImpl.disposableCount = 0;
@@ -369,63 +387,67 @@ function renderIncrementally(owner, stamp, allChildren, items, priority) {
     });
 }
 function prepareAndRunRender(item, redeploy, sequential) {
+    var _a, _b;
     const block = item.instance;
     if (block.stamp >= 0) {
-        runUnder(item, () => {
-            var _a, _b;
-            prepareRender(item, redeploy, sequential);
-            if ((_a = block.args) === null || _a === void 0 ? void 0 : _a.reacting)
-                nonreactive(block.rerender, (_b = block.args) === null || _b === void 0 ? void 0 : _b.triggers);
-            else
-                runRender(item);
-        });
+        prepareRender(item, redeploy, sequential);
+        if ((_a = block.args) === null || _a === void 0 ? void 0 : _a.reacting)
+            nonreactive(block.rerender, (_b = block.args) === null || _b === void 0 ? void 0 : _b.triggers);
+        else
+            runRender(item);
     }
 }
 function prepareRender(item, redeploy, sequential) {
-    var _a;
     const block = item.instance;
     const driver = block.driver;
     if (block.stamp === 0) {
         block.stamp = 1;
-        if ((_a = block.args) === null || _a === void 0 ? void 0 : _a.reacting) {
-            Transaction.outside(() => {
-                var _a, _b, _c;
-                if (Rx.isLogging)
-                    Rx.setLoggingHint(block, block.name);
-                Rx.getController(block.rerender).configure({
-                    order: block.level,
-                    monitor: (_a = block.args) === null || _a === void 0 ? void 0 : _a.monitor,
-                    throttling: (_b = block.args) === null || _b === void 0 ? void 0 : _b.throttling,
-                    logging: (_c = block.args) === null || _c === void 0 ? void 0 : _c.logging,
+        runUnder(item, () => {
+            var _a;
+            if ((_a = block.args) === null || _a === void 0 ? void 0 : _a.reacting) {
+                Transaction.outside(() => {
+                    var _a, _b, _c;
+                    if (Rx.isLogging)
+                        Rx.setLoggingHint(block, block.name);
+                    Rx.getController(block.rerender).configure({
+                        order: block.level,
+                        monitor: (_a = block.args) === null || _a === void 0 ? void 0 : _a.monitor,
+                        throttling: (_b = block.args) === null || _b === void 0 ? void 0 : _b.throttling,
+                        logging: (_c = block.args) === null || _c === void 0 ? void 0 : _c.logging,
+                    });
                 });
-            });
-        }
-        driver.initialize(block, undefined);
-        driver.deploy(block, sequential);
-        driver.arrange(block, block.place, undefined);
+            }
+            driver.initialize(block, undefined);
+            driver.deploy(block, sequential);
+            driver.arrange(block, block.place, undefined);
+        });
     }
     else if (redeploy)
-        driver.deploy(block, sequential);
+        runUnder(item, () => {
+            driver.deploy(block, sequential);
+        });
 }
 function runRender(item) {
     const block = item.instance;
     if (block.stamp >= 0) {
         let result = undefined;
-        try {
-            block.stamp++;
-            block.numerator = 0;
-            block.children.beginMerge();
-            result = block.driver.render(block);
-            if (result instanceof Promise)
-                result.then(v => { runRenderNestedTreesThenDo(undefined, NOP); return v; }, e => { console.log(e); runRenderNestedTreesThenDo(e !== null && e !== void 0 ? e : new Error("unknown error"), NOP); });
-            else
-                runRenderNestedTreesThenDo(undefined, NOP);
-        }
-        catch (e) {
-            runRenderNestedTreesThenDo(e, NOP);
-            console.log(`Rendering failed: ${block.name}`);
-            console.log(`${e}`);
-        }
+        runUnder(item, () => {
+            try {
+                block.stamp++;
+                block.numerator = 0;
+                block.children.beginMerge();
+                result = block.driver.render(block);
+                if (result instanceof Promise)
+                    result.then(v => { runRenderNestedTreesThenDo(undefined, NOP); return v; }, e => { console.log(e); runRenderNestedTreesThenDo(e !== null && e !== void 0 ? e : new Error("unknown error"), NOP); });
+                else
+                    runRenderNestedTreesThenDo(undefined, NOP);
+            }
+            catch (e) {
+                runRenderNestedTreesThenDo(e, NOP);
+                console.log(`Rendering failed: ${block.name}`);
+                console.log(`${e}`);
+            }
+        });
     }
 }
 function runFinalize(item, isLeader) {
@@ -548,7 +570,7 @@ Object.defineProperty(gSysRoot.instance, "host", {
     configurable: false,
     enumerable: true,
 });
-Object.defineProperty(gSysRoot.instance, "context", {
+Object.defineProperty(gSysRoot.instance, "senior", {
     value: gSysRoot.instance,
     writable: false,
     configurable: false,

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

@@ -1,5 +1,5 @@
 export * from "./Utils";
 export * from "./CellRange";
 export * from "./Allocator";
-export * from "./Kernel";
 export * from "./Restyler";
+export * from "./VBlock";

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

@@ -1,5 +1,5 @@
 export * from "./Utils";
 export * from "./CellRange";
 export * from "./Allocator";
-export * from "./Kernel";
 export * from "./Restyler";
+export * from "./VBlock";

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): VBlock<HTMLElement, void, void>;
-export declare function HtmlText(content: string): VBlock<HTMLElement, void, void>;
+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 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,11 +3,11 @@ import { HtmlDriver } from "./HtmlDriver";
 export function Block(name, args) {
     return VBlock.claim(name, args, VerstakTags.block);
 }
-export function PlainText(content) {
-    return VBlock.claim("", { render(e) { e.innerText = content; } }, VerstakTags.text);
+export function PlainText(content, wrapping) {
+    return VBlock.claim("", { wrapping, render(e) { e.innerText = content; } }, VerstakTags.text);
 }
-export function HtmlText(content) {
-    return VBlock.claim("", { render(e) { e.innerHTML = content; } }, VerstakTags.text);
+export function HtmlText(content, wrapping) {
+    return VBlock.claim("", { wrapping, render(e) { e.innerHTML = content; } }, VerstakTags.text);
 }
 export function Grid(name, args) {
     return VBlock.claim(name, args, VerstakTags.grid);
@@ -26,12 +26,13 @@ export function Group(name, args) {
 }
 export class VerstakDriver extends HtmlDriver {
     arrange(block, place, heightGrowth) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        if (block.native) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        const native = block.native;
+        if (native) {
             if (heightGrowth === undefined) {
                 const ex = block.stamp > 1 ? block.place : undefined;
                 if (place !== ex) {
-                    const css = block.native.style;
+                    const css = native.style;
                     const exact = place === null || place === void 0 ? void 0 : place.exact;
                     if (exact !== (ex === null || ex === void 0 ? void 0 : ex.exact)) {
                         if (exact) {
@@ -46,10 +47,14 @@ export class VerstakDriver extends HtmlDriver {
                     }
                     const widthGrowth = (_a = place === null || place === void 0 ? void 0 : place.widthGrowth) !== null && _a !== void 0 ? _a : 0;
                     if (widthGrowth !== ((_b = ex === null || ex === void 0 ? void 0 : ex.widthGrowth) !== null && _b !== void 0 ? _b : 0)) {
-                        if (widthGrowth > 0)
+                        if (widthGrowth > 0) {
                             css.flexGrow = `${widthGrowth}`;
-                        else
+                            css.flexBasis = "0";
+                        }
+                        else {
                             css.flexGrow = "";
+                            css.flexBasis = "";
+                        }
                     }
                     const widthMin = (_c = place === null || place === void 0 ? void 0 : place.widthMin) !== null && _c !== void 0 ? _c : "";
                     if (widthMin !== ((_d = ex === null || ex === void 0 ? void 0 : ex.widthMin) !== null && _d !== void 0 ? _d : ""))
@@ -92,6 +97,13 @@ 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", "");
+                        else
+                            native.removeAttribute("wrapping");
+                    }
                 }
             }
             else {

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

@@ -1,5 +1,5 @@
 import { VBlock, Render, BlockArgs } from "../core/api";
-export declare function HtmlBody(name: string, nestedContext: Object, render: Render<HTMLElement>): VBlock<HTMLElement>;
+export declare function HtmlBody(name: string, args: BlockArgs<HTMLElement>): VBlock<HTMLElement>;
 export declare function A<M = unknown, R = void>(name: string, args: BlockArgs<HTMLAnchorElement, M, R> | Render<HTMLAnchorElement, M, R>): VBlock<HTMLAnchorElement, M, R>;
 export declare function Abbr<M = unknown, R = void>(name: string, args: BlockArgs<HTMLElement, M, R> | Render<HTMLElement, M, R>): VBlock<HTMLElement, M, R>;
 export declare function Address<M = unknown, R = void>(name: string, args: BlockArgs<HTMLElement, M, R> | Render<HTMLElement, M, R>): VBlock<HTMLElement, M, R>;

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

@@ -1,8 +1,8 @@
 import { VBlock, StaticDriver, LayoutKind } from "../core/api";
 import { HtmlDriver, SvgDriver } from "./HtmlDriver";
-export function HtmlBody(name, nestedContext, render) {
+export function HtmlBody(name, args) {
     const driver = new StaticDriver(global.document.body, name, LayoutKind.Block);
-    return VBlock.claim(name, { nestedContext, reacting: true, render }, driver);
+    return VBlock.claim(name, args, driver);
 }
 export function A(name, args) { return VBlock.claim(name, args instanceof Function ? { render: args } : args, HtmlTags.a); }
 export function Abbr(name, args) { return VBlock.claim(name, args instanceof Function ? { render: args } : args, HtmlTags.abbr); }

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

@@ -57,8 +57,11 @@ export class BaseHtmlDriver extends AbstractDriver {
         if (value === undefined) {
             const effect = gBlinkingEffect;
             VBlock.runForAllBlocks((e) => {
-                if (e instanceof HTMLElement)
-                    e.classList.remove(`${effect}-0`, `${effect}-1`);
+                if (e instanceof HTMLElement) {
+                    e.classList.remove(`${effect}-0-0`, `${effect}-0-1`);
+                    e.classList.remove(`${effect}-1-0`, `${effect}-1-1`);
+                    e.classList.remove(`${effect}-2-0`, `${effect}-2-1`);
+                }
             });
         }
         gBlinkingEffect = value;

package/package.json

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