@lowdefy/engine 4.7.3 → 5.1.0

package/dist/Block.js

@@ -1,3 +1,16 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 /*
   Copyright 2020-2026 Lowdefy, Inc
 
@@ -12,22 +25,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-import { applyArrayIndices, get, serializer, swap, type } from '@lowdefy/helpers';
+*/ import { applyArrayIndices, get, serializer, swap, type } from '@lowdefy/helpers';
 import Events from './Events.js';
-import Areas from './Areas.js';
+import Slots from './Slots.js';
 let Block = class Block {
     constructor({ context, arrayIndices }, blockConfig){
         _define_property(this, "_initInput", ()=>{
@@ -39,91 +39,106 @@ let Block = class Block {
             };
         });
         _define_property(this, "_initList", ()=>{
-            // TODO: to initialize new object in array, the new value should be passed by method to unshiftItem and pushItem
-            this.unshiftItem = ()=>{
-                this.loopSubAreas((areasClass, i)=>{
-                    areasClass.recUpdateArrayIndices(this.arrayIndices.concat([
+            this.unshiftItem = (initialValue)=>{
+                // Save current list state before wipe. Display blocks (Card, Paragraph) read
+                // from state via _state operators and don't store values internally, so the
+                // state wipe below would lose their data without this save/restore.
+                const currentArr = get(this.context.state, this.blockId);
+                const savedItems = type.isArray(currentArr) ? currentArr.map((item)=>serializer.copy(item)) : [];
+                this.loopSubSlots((slotsClass, i)=>{
+                    slotsClass.recUpdateArrayIndices(this.arrayIndices.concat([
                         i
                     ]), this.arrayIndices.concat([
                         i + 1
                     ]));
                 });
-                this.subAreas.unshift(this.newAreas({
+                this.subSlots.unshift(this.newSlots({
                     arrayIndices: this.arrayIndices.concat([
                         0
                     ]),
                     initState: {}
                 }));
                 this.context._internal.State.set(this.blockId, undefined);
-                // set area block and sub areas values undefined, so as not to pass values to new blocks
-                this.subAreas[0].recSetUndefined();
+                // set slot block and sub slots values undefined, so as not to pass values to new blocks
+                this.subSlots[0].recSetUndefined();
+                // Restore shifted items at their new indices
+                savedItems.forEach((item, i)=>{
+                    this.context._internal.State.set(`${this.blockId}.${i + 1}`, item);
+                });
+                if (initialValue !== undefined) {
+                    this.context._internal.State.set(`${this.blockId}.0`, initialValue);
+                }
                 this.update = true;
                 this.context._internal.update();
             };
-            this.pushItem = ()=>{
-                this.subAreas.push(this.newAreas({
+            this.pushItem = (initialValue)=>{
+                const index = this.subSlots.length;
+                this.subSlots.push(this.newSlots({
                     arrayIndices: this.arrayIndices.concat([
-                        this.subAreas.length
+                        index
                     ]),
                     initState: {}
                 }));
+                if (initialValue !== undefined) {
+                    this.context._internal.State.set(`${this.blockId}.${index}`, initialValue);
+                }
                 this.update = true;
                 this.context._internal.update();
             };
             this.removeItem = (index)=>{
                 this.context._internal.State.removeItem(this.blockId, index);
-                const lastArea = this.subAreas[this.subAreas.length - 1];
-                lastArea.recRemoveBlocksFromMap();
-                const largerAreas = this.subAreas.slice(index + 1);
-                largerAreas.forEach((areasClass, i)=>{
-                    areasClass.recUpdateArrayIndices(this.arrayIndices.concat([
+                const lastSlot = this.subSlots[this.subSlots.length - 1];
+                lastSlot.recRemoveBlocksFromMap();
+                const largerSlots = this.subSlots.slice(index + 1);
+                largerSlots.forEach((slotsClass, i)=>{
+                    slotsClass.recUpdateArrayIndices(this.arrayIndices.concat([
                         index + i + 1
                     ]), this.arrayIndices.concat([
                         index + i
                     ]));
                 });
-                this.subAreas.splice(index, 1);
+                this.subSlots.splice(index, 1);
                 this.update = true;
                 this.context._internal.update();
             };
             this.moveItemUp = (index)=>{
                 if (index === 0) return;
                 this.context._internal.State.swapItems(this.blockId, index - 1, index);
-                this.subAreas[index - 1].recUpdateArrayIndices(this.arrayIndices.concat([
+                this.subSlots[index - 1].recUpdateArrayIndices(this.arrayIndices.concat([
                     index - 1
                 ]), this.arrayIndices.concat([
                     index
                 ]));
-                this.subAreas[index].recUpdateArrayIndices(this.arrayIndices.concat([
+                this.subSlots[index].recUpdateArrayIndices(this.arrayIndices.concat([
                     index
                 ]), this.arrayIndices.concat([
                     index - 1
                 ]));
-                swap(this.subAreas, index - 1, index);
+                swap(this.subSlots, index - 1, index);
                 this.update = true;
                 this.context._internal.update();
             };
             this.moveItemDown = (index)=>{
-                if (index === this.subAreas.length - 1) return;
+                if (index === this.subSlots.length - 1) return;
                 this.context._internal.State.swapItems(this.blockId, index, index + 1);
-                this.subAreas[index + 1].recUpdateArrayIndices(this.arrayIndices.concat([
+                this.subSlots[index + 1].recUpdateArrayIndices(this.arrayIndices.concat([
                     index + 1
                 ]), this.arrayIndices.concat([
                     index
                 ]));
-                this.subAreas[index].recUpdateArrayIndices(this.arrayIndices.concat([
+                this.subSlots[index].recUpdateArrayIndices(this.arrayIndices.concat([
                     index
                 ]), this.arrayIndices.concat([
                     index + 1
                 ]));
-                swap(this.subAreas, index, index + 1);
+                swap(this.subSlots, index, index + 1);
                 this.update = true;
                 this.context._internal.update();
             };
         });
-        _define_property(this, "loopSubAreas", (fn)=>{
-            if (this.subAreas) {
-                this.subAreas.forEach(fn);
+        _define_property(this, "loopSubSlots", (fn)=>{
+            if (this.subSlots) {
+                this.subSlots.forEach(fn);
             }
         });
         _define_property(this, "isDisplay", ()=>{
@@ -141,16 +156,16 @@ let Block = class Block {
         _define_property(this, "registerMethod", (methodName, method)=>{
             this.methods[methodName] = method;
         });
-        _define_property(this, "newAreas", ({ arrayIndices, initState })=>{
-            const areasClass = new Areas({
+        _define_property(this, "newSlots", ({ arrayIndices, initState })=>{
+            const slotsClass = new Slots({
                 arrayIndices,
-                areas: this.areas,
+                slots: this.slots,
                 context: this.context
             });
-            areasClass.init(initState);
-            return areasClass;
+            slotsClass.init(initState);
+            return slotsClass;
         });
-        _define_property(this, "reset", (parentSubAreas, initWithState)=>{
+        _define_property(this, "reset", (parentSubSlots, initWithState)=>{
             this.update = true;
             this.showValidation = false;
             if (this.isInput() || this.isList()) {
@@ -160,41 +175,41 @@ let Block = class Block {
                     this.context._internal.State.set(this.blockId, blockValue);
                 }
                 if (this.isList()) {
-                    if (!type.isArray(this.subAreas)) {
-                        this.subAreas = [];
-                        parentSubAreas[this.id] = this.subAreas;
+                    if (!type.isArray(this.subSlots)) {
+                        this.subSlots = [];
+                        parentSubSlots[this.id] = this.subSlots;
                     }
                     if (type.isArray(blockValue)) {
                         blockValue.forEach((item, i)=>{
-                            if (!this.subAreas[i]) {
-                                this.subAreas.push(this.newAreas({
+                            if (!this.subSlots[i]) {
+                                this.subSlots.push(this.newSlots({
                                     arrayIndices: this.arrayIndices.concat([
                                         i
                                     ]),
                                     initState: initWithState
                                 }));
                             } else {
-                                this.subAreas[i].reset(initWithState);
+                                this.subSlots[i].reset(initWithState);
                             }
                         });
-                        this.subAreas.splice(blockValue.length);
+                        this.subSlots.splice(blockValue.length);
                     }
                 } else {
                     this.value = blockValue;
                 }
             }
             if (this.isContainer()) {
-                if (!type.isArray(this.subAreas)) {
-                    this.subAreas = [];
-                    parentSubAreas[this.id] = this.subAreas;
+                if (!type.isArray(this.subSlots)) {
+                    this.subSlots = [];
+                    parentSubSlots[this.id] = this.subSlots;
                 }
-                if (!this.subAreas[0]) {
-                    this.subAreas.push(this.newAreas({
+                if (!this.subSlots[0]) {
+                    this.subSlots.push(this.newSlots({
                         arrayIndices: this.arrayIndices,
                         initState: initWithState
                     }));
                 } else {
-                    this.subAreas[0].reset(initWithState);
+                    this.subSlots[0].reset(initWithState);
                 }
             }
         });
@@ -216,15 +231,16 @@ let Block = class Block {
                 this.propertiesEval = this.parse(this.properties);
                 this.requiredEval = this.parse(this.required);
                 this.validateEval();
+                this.classEval = this.parse(this.class);
                 this.styleEval = this.parse(this.style);
                 this.layoutEval = this.parse(this.layout);
                 this.loadingEval = this.parse(this.loading);
                 this.skeletonEval = this.parse(this.skeleton);
-                this.areasLayoutEval = this.parse(this.areasLayout);
+                this.slotsLayoutEval = this.parse(this.slotsLayout);
             }
             if (this.isContainer() || this.isList()) {
-                this.loopSubAreas((areasClass)=>{
-                    repeat.value = areasClass.recEval(this.visibleEval.output) || repeat.value;
+                this.loopSubSlots((slotsClass)=>{
+                    repeat.value = slotsClass.recEval(this.visibleEval.output) || repeat.value;
                 });
             }
             const after = this.evalToString();
@@ -298,7 +314,8 @@ let Block = class Block {
         });
         _define_property(this, "evalToString", ()=>{
             return serializer.serializeToString({
-                areasLayoutEval: this.areasLayoutEval,
+                slotsLayoutEval: this.slotsLayoutEval,
+                classEval: this.classEval,
                 layoutEval: this.layoutEval,
                 loadingEval: this.loadingEval,
                 propertiesEval: this.propertiesEval,
@@ -313,8 +330,8 @@ let Block = class Block {
         _define_property(this, "updateState", (toSet)=>{
             if (!this.isVisible()) return;
             if (this.isContainer() || this.isList()) {
-                if (this.subAreas && this.subAreas.length > 0) {
-                    this.loopSubAreas((subAreasClass)=>subAreasClass.updateState());
+                if (this.subSlots && this.subSlots.length > 0) {
+                    this.loopSubSlots((subSlotsClass)=>subSlotsClass.updateState());
                     return; // Don't add to set
                 } else {
                     this.context._internal.State.set(this.blockId, type.enforceType(this.meta.valueType, null));
@@ -330,7 +347,7 @@ let Block = class Block {
         });
         _define_property(this, "updateArrayIndices", ()=>{
             this.blockId = applyArrayIndices(this.arrayIndices, this.blockIdPattern);
-            this.context._internal.RootAreas.map[this.blockId] = this;
+            this.context._internal.RootSlots.map[this.blockId] = this;
         });
         _define_property(this, "getValidate", (match)=>{
             if (!match(this.blockId)) return null;
@@ -346,7 +363,7 @@ let Block = class Block {
             return null;
         });
         _define_property(this, "deleteFromMap", ()=>{
-            delete this.context._internal.RootAreas.map[this.blockId];
+            delete this.context._internal.RootSlots.map[this.blockId];
         });
         _define_property(this, "resetValidation", (match)=>{
             if (!match(this.blockId)) return;
@@ -359,16 +376,18 @@ let Block = class Block {
             // Collect parse errors from all eval results
             const parseErrors = [
                 ...this.propertiesEval.errors || [],
+                ...this.classEval.errors || [],
                 ...this.styleEval.errors || [],
                 ...this.layoutEval.errors || [],
                 ...this.visibleEval.errors || [],
                 ...this.loadingEval.errors || [],
                 ...this.requiredEval.errors || [],
                 ...this.skeletonEval.errors || [],
-                ...this.areasLayoutEval.errors || []
+                ...this.slotsLayoutEval.errors || []
             ];
             this.eval = {
-                areas: this.areasLayoutEval.output,
+                slots: this.slotsLayoutEval.output,
+                class: this.classEval.output,
                 configKey: this.configKey,
                 events: type.isNone(this.Events.events) ? null : this.Events.events,
                 parseErrors: parseErrors.length > 0 ? parseErrors : null,
@@ -387,7 +406,7 @@ let Block = class Block {
             };
             this.context._internal.lowdefy._internal.updateBlock(this.id);
         });
-        const { id, blockId, events, layout, loading, properties, required, skeleton, style, validate, visible, type: blockType, areas } = blockConfig;
+        const { id, blockId, class: blockClass, events, layout, loading, properties, required, skeleton, style, validate, visible, type: blockType, slots } = blockConfig;
         this.context = context;
         this.arrayIndices = arrayIndices;
         this.configKey = blockConfig['~k'];
@@ -401,12 +420,14 @@ let Block = class Block {
         this.properties = type.isNone(properties) ? {} : properties;
         this.required = type.isNone(required) ? false : required;
         this.skeleton = type.isNone(skeleton) ? null : skeleton;
+        this.class = type.isNone(blockClass) ? {} : blockClass;
         this.style = type.isNone(style) ? {} : style;
         this.validate = type.isNone(validate) ? [] : validate;
         this.visible = type.isNone(visible) ? true : visible;
         this.type = blockType;
-        this.areas = areas;
-        this.areasLayoutEval = {};
+        this.slots = slots;
+        this.slotsLayoutEval = {};
+        this.classEval = {};
         this.layoutEval = {};
         this.loadingEval = {};
         this.propertiesEval = {};
@@ -415,27 +436,24 @@ let Block = class Block {
         this.styleEval = {};
         this.validationEval = {};
         this.visibleEval = {};
-        try {
-            this.meta = this.context._internal.lowdefy._internal.blockComponents[this.type].meta;
-        } catch (error) {
-            throw new Error(`Block type ${this.type} not found at ${this.blockId}. Check your plugins to make sure the block is installed. For more info, see https://docs.lowdefy.com/plugins.`, {
-                cause: error
-            });
+        this.meta = this.context._internal.lowdefy._internal.blockMetas[this.type];
+        if (!this.meta) {
+            throw new Error(`Block type ${this.type} not found at ${this.blockId}. Check your plugins to make sure the block is installed. For more info, see https://docs.lowdefy.com/plugins.`);
         }
         if (!this.isContainer() && !this.isDisplay() && !this.isInput() && !this.isList()) {
             throw new Error(`Block type ${this.type}.meta.category must be either "container", "display", "input", "list", or "input-container".`);
         }
-        if (!type.isNone(areas)) {
-            this.areasLayout = {};
-            Object.keys(areas).forEach((key)=>{
+        if (!type.isNone(slots)) {
+            this.slotsLayout = {};
+            Object.keys(slots).forEach((key)=>{
                 // eslint-disable-next-line no-unused-vars
-                const { blocks, ...areaLayout } = areas[key];
-                this.areasLayout[key] = {
-                    ...areaLayout
+                const { blocks, ...slotLayout } = slots[key];
+                this.slotsLayout[key] = {
+                    ...slotLayout
                 };
             });
         } else {
-            this.areasLayout = {};
+            this.slotsLayout = {};
         }
         this.methods = {};
         if (this.isList()) {

package/dist/Events.js

@@ -19,6 +19,7 @@ let Events = class Events {
             actions: (type.isObject(actions) ? actions.try : actions) || [],
             catchActions: (type.isObject(actions) ? actions.catch : []) || [],
             debounce: type.isObject(actions) ? actions.debounce : null,
+            shortcut: type.isObject(actions) ? actions.shortcut ?? null : null,
             history: [],
             loading: false
         };

package/dist/{Areas.js → Slots.js}

@@ -1,3 +1,16 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 /* eslint-disable no-param-reassign */ /*
   Copyright 2020-2026 Lowdefy, Inc
 
@@ -12,59 +25,46 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-import { serializer, type } from '@lowdefy/helpers';
+*/ import { serializer, type } from '@lowdefy/helpers';
 import Block from './Block.js';
-let Areas = class Areas {
-    constructor({ arrayIndices = [], areas, context }){
+let Slots = class Slots {
+    constructor({ arrayIndices = [], slots, context }){
         _define_property(this, "init", (initState)=>{
-            this.initAreaBlocks();
+            this.initSlotBlocks();
             this.loopBlocks((block)=>{
-                this.context._internal.RootAreas.map[block.blockId] = block;
+                this.context._internal.RootSlots.map[block.blockId] = block;
             });
             this.reset(initState);
         });
-        // Replace Area blocks array with Block instances
-        _define_property(this, "initAreaBlocks", ()=>{
-            if (type.isObject(this.areas)) {
-                Object.values(this.areas).forEach((area)=>{
-                    // Handle areas with no blocks - render as empty
-                    const blocksConfig = area.blocks ?? [];
-                    const blocks = blocksConfig.map((areaBlock)=>new Block(this, areaBlock));
-                    area.blocks = blocks;
+        // Replace Slot blocks array with Block instances
+        _define_property(this, "initSlotBlocks", ()=>{
+            if (type.isObject(this.slots)) {
+                Object.values(this.slots).forEach((slot)=>{
+                    // Handle slots with no blocks - render as empty
+                    const blocksConfig = slot.blocks ?? [];
+                    const blocks = blocksConfig.map((slotBlock)=>new Block(this, slotBlock));
+                    slot.blocks = blocks;
                 });
             }
         });
         _define_property(this, "loopBlocks", (fn)=>{
-            if (type.isObject(this.areas)) {
-                Object.values(this.areas).forEach((areaArray)=>{
-                    if (type.isArray(areaArray.blocks)) {
-                        areaArray.blocks.forEach(fn);
+            if (type.isObject(this.slots)) {
+                Object.values(this.slots).forEach((slotArray)=>{
+                    if (type.isArray(slotArray.blocks)) {
+                        slotArray.blocks.forEach(fn);
                     }
                 });
             }
         });
-        _define_property(this, "loopSubAreas", (fn)=>{
-            Object.values(this.subAreas).forEach((subAreasArray)=>{
-                subAreasArray.forEach(fn);
+        _define_property(this, "loopSubSlots", (fn)=>{
+            Object.values(this.subSlots).forEach((subSlotsArray)=>{
+                subSlotsArray.forEach(fn);
             });
         });
         _define_property(this, "reset", (initWithState)=>{
             const initState = serializer.copy(initWithState || this.context.state);
             this.loopBlocks((block)=>{
-                block.reset(this.subAreas, initState);
+                block.reset(this.subSlots, initState);
             });
         });
         _define_property(this, "recEval", (visibleParent)=>{
@@ -80,7 +80,7 @@ let Areas = class Areas {
             this.loopBlocks((block)=>{
                 if (!block.isVisible()) {
                     if (block.isContainer()) {
-                        block.loopSubAreas((subAreasClass)=>subAreasClass.recContainerDelState(toDelete));
+                        block.loopSubSlots((subSlotsClass)=>subSlotsClass.recContainerDelState(toDelete));
                     }
                     toDelete.add(block.blockId);
                 } else {
@@ -94,7 +94,7 @@ let Areas = class Areas {
         _define_property(this, "recContainerDelState", (toDelete)=>{
             this.loopBlocks((block)=>{
                 if (block.isContainer()) {
-                    block.loopSubAreas((subAreasClass)=>subAreasClass.recContainerDelState(toDelete));
+                    block.loopSubSlots((subSlotsClass)=>subSlotsClass.recContainerDelState(toDelete));
                 } else {
                     toDelete.add(block.blockId);
                 }
@@ -114,25 +114,25 @@ let Areas = class Areas {
                 this.arrayIndices[i] = newIndices[i];
             });
             this.loopBlocks((block)=>block.updateArrayIndices());
-            this.loopSubAreas((subAreasClass)=>subAreasClass.recUpdateArrayIndices(oldIndices, newIndices));
+            this.loopSubSlots((subSlotsClass)=>subSlotsClass.recUpdateArrayIndices(oldIndices, newIndices));
         });
         _define_property(this, "getValidateRec", (match, result)=>{
             this.loopBlocks((block)=>{
                 const getValidate = block.getValidate(match);
                 if (!type.isNone(getValidate)) result.push(getValidate);
             });
-            this.loopSubAreas((subAreasClass)=>subAreasClass.getValidateRec(match, result));
+            this.loopSubSlots((subSlotsClass)=>subSlotsClass.getValidateRec(match, result));
             return result;
         });
         _define_property(this, "recSetUndefined", ()=>{
             this.loopBlocks((block)=>{
                 this.context._internal.State.set(block.blockId, undefined);
             });
-            this.loopSubAreas((subAreasClass)=>subAreasClass.recSetUndefined());
+            this.loopSubSlots((subSlotsClass)=>subSlotsClass.recSetUndefined());
         });
         _define_property(this, "recRemoveBlocksFromMap", ()=>{
             this.loopBlocks((block)=>block.deleteFromMap());
-            this.loopSubAreas((subAreasClass)=>subAreasClass.recRemoveBlocksFromMap());
+            this.loopSubSlots((subSlotsClass)=>subSlotsClass.recRemoveBlocksFromMap());
         });
         _define_property(this, "validate", (match)=>{
             this.updateStateFromRoot(); // update to recalculate validationEval to raise block errors
@@ -142,7 +142,7 @@ let Areas = class Areas {
         });
         _define_property(this, "resetValidationRec", (match)=>{
             this.loopBlocks((block)=>block.resetValidation(match));
-            this.loopSubAreas((subAreasClass)=>subAreasClass.resetValidationRec(match));
+            this.loopSubSlots((subSlotsClass)=>subSlotsClass.resetValidationRec(match));
         });
         _define_property(this, "resetValidation", (match)=>{
             this.resetValidationRec(match);
@@ -154,15 +154,15 @@ let Areas = class Areas {
         });
         _define_property(this, "renderBlocks", ()=>{
             this.loopBlocks((block)=>block.render());
-            this.loopSubAreas((subAreasClass)=>subAreasClass.renderBlocks());
+            this.loopSubSlots((subSlotsClass)=>subSlotsClass.renderBlocks());
         });
         this.id = Math.random().toString(36).replace(/[^a-z]+/g, '').substring(0, 5);
-        this.areas = serializer.copy(areas || []);
+        this.slots = serializer.copy(slots || []);
         this.arrayIndices = arrayIndices;
         this.context = context;
         this.map = {};
         this.recCount = 0;
-        this.subAreas = {};
+        this.subSlots = {};
     }
 };
-export default Areas;
+export default Slots;

package/dist/actions/createCallMethod.js

@@ -16,7 +16,7 @@
 function createCallMethod({ arrayIndices, context }) {
     return function callMethod(params) {
         const { blockId, method, args = [] } = params;
-        const blockMethod = context._internal.RootAreas.map[applyArrayIndices(arrayIndices, blockId)].methods[method];
+        const blockMethod = context._internal.RootSlots.map[applyArrayIndices(arrayIndices, blockId)].methods[method];
         if (!type.isArray(args)) {
             throw new Error(`Failed to call method "${method}" on block "${blockId}": "args" should be an array.`);
         }

package/dist/actions/createReset.js

@@ -16,7 +16,7 @@
 function createReset({ context }) {
     return function reset() {
         context._internal.State.resetState();
-        context._internal.RootAreas.reset(serializer.deserializeFromString(context._internal.State.frozenState));
+        context._internal.RootSlots.reset(serializer.deserializeFromString(context._internal.State.frozenState));
     };
 }
 export default createReset;

package/dist/actions/createResetValidation.js

@@ -15,7 +15,7 @@
 */ import getBlockMatcher from '../getBlockMatcher.js';
 function createResetValidation({ context }) {
     return function resetValidation(params) {
-        context._internal.RootAreas.resetValidation(getBlockMatcher(params));
+        context._internal.RootSlots.resetValidation(getBlockMatcher(params));
     };
 }
 export default createResetValidation;

package/dist/actions/createSetGlobal.js

@@ -18,7 +18,7 @@ const createSetGlobal = ({ arrayIndices, context })=>{
         Object.keys(params).forEach((key)=>{
             set(context._internal.lowdefy.lowdefyGlobal, applyArrayIndices(arrayIndices, key), params[key]);
         });
-        context._internal.RootAreas.reset();
+        context._internal.RootSlots.reset();
         context._internal.update();
     };
 };

package/dist/actions/createSetState.js

@@ -18,7 +18,7 @@ function createSetState({ arrayIndices, context }) {
         Object.keys(params).forEach((key)=>{
             context._internal.State.set(applyArrayIndices(arrayIndices, key), params[key]);
         });
-        context._internal.RootAreas.reset();
+        context._internal.RootSlots.reset();
         context._internal.update();
     };
 }

package/dist/actions/createValidate.js

@@ -16,7 +16,7 @@
 import getBlockMatcher from '../getBlockMatcher.js';
 function createValidate({ context }) {
     return function validate(params) {
-        const validationErrors = context._internal.RootAreas.validate(getBlockMatcher(params));
+        const validationErrors = context._internal.RootSlots.validate(getBlockMatcher(params));
         if (validationErrors.length > 0) {
             throw new UserError(`Your input has ${validationErrors.length} validation error${validationErrors.length !== 1 ? 's' : ''}.`);
         }

package/dist/getContext.js

@@ -14,13 +14,13 @@
   limitations under the License.
 */ import { WebParser } from '@lowdefy/operators';
 import Actions from './Actions.js';
-import Areas from './Areas.js';
+import Slots from './Slots.js';
 import Requests from './Requests.js';
 import State from './State.js';
 const blockData = (config)=>{
-    const { areas, blockId, blocks, events, field, id, layout, pageId, properties, requests, required, style, type, validate, visible } = config;
+    const { slots, blockId, blocks, events, field, id, layout, pageId, properties, requests, required, style, type, validate, visible } = config;
     const result = {
-        areas,
+        slots,
         blockId,
         blocks,
         events,
@@ -85,8 +85,8 @@ function getContext({ config, jsMap = {}, lowdefy, resetContext = {
     _internal.State = new State(ctx);
     _internal.Actions = new Actions(ctx);
     _internal.Requests = new Requests(ctx);
-    _internal.RootAreas = new Areas({
-        areas: {
+    _internal.RootSlots = new Slots({
+        slots: {
             root: {
                 blocks: [
                     _internal.rootBlock
@@ -95,14 +95,14 @@ function getContext({ config, jsMap = {}, lowdefy, resetContext = {
         },
         context: ctx
     });
-    _internal.RootAreas.init();
+    _internal.RootSlots.init();
     _internal.update = ()=>{
-        _internal.RootAreas.update();
+        _internal.RootSlots.update();
     };
     _internal.runOnInit = async (progress)=>{
         progress();
         if (!_internal.onInitDone) {
-            await _internal.RootAreas.areas.root.blocks[0].triggerEvent({
+            await _internal.RootSlots.slots.root.blocks[0].triggerEvent({
                 name: 'onInit',
                 progress
             });
@@ -113,7 +113,7 @@ function getContext({ config, jsMap = {}, lowdefy, resetContext = {
     };
     _internal.runOnInitAsync = async (progress)=>{
         if (_internal.onInitDone && !_internal.onInitAsyncDone) {
-            await _internal.RootAreas.areas.root.blocks[0].triggerEvent({
+            await _internal.RootSlots.slots.root.blocks[0].triggerEvent({
                 name: 'onInitAsync',
                 progress
             });

package/dist/index.js

@@ -13,11 +13,11 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import Actions from './Actions.js';
-import Areas from './Areas.js';
+import Slots from './Slots.js';
 import createLink from './createLink.js';
 import Events from './Events.js';
 import getContext from './getContext.js';
 import Requests from './Requests.js';
 import State from './State.js';
-export { Actions, Areas, createLink, Events, Requests, State };
+export { Actions, Slots, createLink, Events, Requests, State };
 export default getContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/engine",
-  "version": "4.7.3",
+  "version": "5.1.0",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -30,26 +30,26 @@
     "dist/*"
   ],
   "dependencies": {
-    "@lowdefy/errors": "4.7.3",
-    "@lowdefy/helpers": "4.7.3",
-    "@lowdefy/operators": "4.7.3"
+    "@lowdefy/errors": "5.1.0",
+    "@lowdefy/helpers": "5.1.0",
+    "@lowdefy/operators": "5.1.0"
   },
   "devDependencies": {
     "@jest/globals": "28.1.3",
-    "@lowdefy/actions-core": "4.7.3",
-    "@lowdefy/build": "4.7.3",
-    "@lowdefy/operators-js": "4.7.3",
-    "@lowdefy/operators-mql": "4.7.3",
-    "@swc/cli": "0.1.63",
-    "@swc/core": "1.3.99",
-    "@swc/jest": "0.2.29",
+    "@lowdefy/actions-core": "5.1.0",
+    "@lowdefy/build": "5.1.0",
+    "@lowdefy/operators-js": "5.1.0",
+    "@lowdefy/operators-mql": "5.1.0",
+    "@swc/cli": "0.8.0",
+    "@swc/core": "1.15.18",
+    "@swc/jest": "0.2.39",
     "jest": "28.1.3"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "swc src --out-dir dist --config-file ../../.swcrc --delete-dir-on-start",
+    "build": "swc src --out-dir dist --config-file ../../.swcrc --cli-config-file ../../.swc-cli.json",
     "clean": "rm -rf dist",
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js"
   }