verstak 0.91.25002 → 0.92.25003

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { ReactiveNode, BaseDriver, Transaction, obs, ObservableObject } from "reactronic";
+import { ReactiveNode, BaseDriver, Transaction, observable, ObservableObject } from "reactronic";
 import { ElKind, Horizontal, Vertical, Direction } from "./El.js";
 import { equalElCoords, parseElCoords } from "./ElUtils.js";
 export class ElDriver extends BaseDriver {
@@ -561,27 +561,27 @@ export class ElLayoutInfo {
     }
 }
 __decorate([
-    obs,
+    observable,
     __metadata("design:type", Number)
 ], ElLayoutInfo.prototype, "effectiveSizePx", void 0);
 __decorate([
-    obs,
+    observable,
     __metadata("design:type", Number)
 ], ElLayoutInfo.prototype, "contentSizeXpx", void 0);
 __decorate([
-    obs,
+    observable,
     __metadata("design:type", Number)
 ], ElLayoutInfo.prototype, "contentSizeYpx", void 0);
 __decorate([
-    obs,
+    observable,
     __metadata("design:type", Number)
 ], ElLayoutInfo.prototype, "borderSizeYpx", void 0);
 __decorate([
-    obs,
+    observable,
     __metadata("design:type", Number)
 ], ElLayoutInfo.prototype, "borderSizeXpx", void 0);
 __decorate([
-    obs,
+    observable,
     __metadata("design:type", Boolean)
 ], ElLayoutInfo.prototype, "isUpdateFinished", void 0);
 var ElLayoutInfoFlags;

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

@@ -1,4 +1,4 @@
-import { ReactiveNode, Mode, unobs } from "reactronic";
+import { ReactiveNode, Mode, nonreactive } from "reactronic";
 import { ElKind, Direction } from "./El.js";
 import { clamp } from "./ElUtils.js";
 import { Constants, CursorCommandDriver, ElDriver, ElLayoutInfo, InitialElLayoutInfo } from "./ElDriver.js";
@@ -51,7 +51,7 @@ export function declareSplitter(index, splitViewNode) {
                             for (const item of initialSizesPx) {
                                 clonedSizesPx.push({ node: item.node, sizePx: item.sizePx });
                             }
-                            unobs(() => relayoutUsingSplitter(splitViewNode, deltaPx, index, clonedSizesPx));
+                            nonreactive(() => relayoutUsingSplitter(splitViewNode, deltaPx, index, clonedSizesPx));
                             if (pointer.dropped) {
                                 (_a = model === null || model === void 0 ? void 0 : model.droppedAction) === null || _a === void 0 ? void 0 : _a.call(model, pointer);
                             }
@@ -168,7 +168,7 @@ export class PanelDriver extends HtmlDriver {
                         const priorities = preferred.length > 0
                             ? getPrioritiesForSizeChanging(isHorizontal, node.children, preferred)
                             : getPrioritiesForEmptySpaceDistribution(isHorizontal, node.children);
-                        unobs(() => relayout(node, priorities.resizable, priorities.manuallyResizable, sizesPx));
+                        nonreactive(() => relayout(node, priorities.resizable, priorities.manuallyResizable, sizesPx));
                     }
                 },
             });

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

@@ -7,9 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { cached, Transaction } from "reactronic";
+import { cache, apply } from "reactronic";
 export function restyler(restyle) {
-    return Transaction.run(null, () => new ObservablesStyles(restyle));
+    return apply(() => new ObservablesStyles(restyle));
 }
 export class ObservablesStyles {
     constructor(restyle) {
@@ -23,7 +23,7 @@ export class ObservablesStyles {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Object)

package/build/dist/source/express/Theme.js

@@ -1,4 +1,4 @@
-import { Transaction, ReactiveNodeVariable, Isolation } from "reactronic";
+import { apply, ReactiveNodeVariable, Isolation } from "reactronic";
 import { DefaultButtonStyling } from "./theme/Button.s.js";
 import { DefaultFieldStyling } from "./theme/Field.s.js";
 import { DefaultIconStyling } from "./theme/Icon.s.js";
@@ -27,4 +27,4 @@ export class Theme {
         Theme.gCurrent.value = value;
     }
 }
-Theme.gCurrent = new ReactiveNodeVariable(Transaction.run({ isolation: Isolation.disjoinFromOuterTransaction }, () => new Theme()));
+Theme.gCurrent = new ReactiveNodeVariable(apply({ isolation: Isolation.disjoinFromOuterTransaction }, () => new Theme()));

package/build/dist/source/express/Toggle.v.js

@@ -1,5 +1,5 @@
-import { Transaction, Mode, ReactiveNode } from "reactronic";
-import { Panel, Note } from "verstak";
+import { Mode, ReactiveNode } from "reactronic";
+import { Panel, Note, OnClick } from "verstak";
 import { observableModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
@@ -13,7 +13,6 @@ export function Toggle(declaration) {
                 checked: true,
                 color: "green"
             }));
-            el.native.onclick = () => Transaction.run(null, () => el.model.checked = !el.model.checked);
         },
         script: el => {
             const m = el.model;
@@ -28,13 +27,17 @@ export function Toggle(declaration) {
                     el.style.color = m.checked ? ((_a = theme.positiveColor) !== null && _a !== void 0 ? _a : "") : "";
                 },
             });
-            if (m.label)
+            if (m.label) {
                 Note(m.label, false, {
                     script: (el, base) => {
                         base();
                         el.useStylingPreset(toggleTheme.label);
                     },
                 });
+            }
+            OnClick(el.native, () => {
+                el.model.checked = !el.model.checked;
+            });
         },
     })));
 }

package/build/dist/source/express/common/Utils.js

@@ -1,6 +1,6 @@
-import { ObservableObject, Ref, Transaction, Isolation } from "reactronic";
+import { ObservableObject, Ref, apply, Isolation } from "reactronic";
 export function observableModel(modelProps) {
-    return Transaction.run({ isolation: Isolation.disjoinFromOuterTransaction }, () => new ObservableComposition(modelProps));
+    return apply({ isolation: Isolation.disjoinFromOuterTransaction }, () => new ObservableComposition(modelProps));
 }
 class ObservableComposition extends ObservableObject {
     constructor(composition) {

package/build/dist/source/express/theme/Button.s.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultButtonStyling extends Styling {
@@ -33,17 +33,17 @@ export class DefaultButtonStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultButtonStyling.prototype, "main", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultButtonStyling.prototype, "icon", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultButtonStyling.prototype, "label", null);

package/build/dist/source/express/theme/Field.s.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultFieldStyling extends Styling {
@@ -47,22 +47,22 @@ export class DefaultFieldStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultFieldStyling.prototype, "main", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultFieldStyling.prototype, "icon", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultFieldStyling.prototype, "input", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultFieldStyling.prototype, "popup", null);

package/build/dist/source/express/theme/Icon.s.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultIconStyling extends Styling {
@@ -20,7 +20,7 @@ export class DefaultIconStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultIconStyling.prototype, "main", null);

package/build/dist/source/express/theme/Styling.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { ObservableObject, raw } from "reactronic";
+import { ObservableObject, unobservable } from "reactronic";
 export class Styling extends ObservableObject {
     constructor($) {
         super();
@@ -15,6 +15,6 @@ export class Styling extends ObservableObject {
     }
 }
 __decorate([
-    raw,
+    unobservable,
     __metadata("design:type", Object)
 ], Styling.prototype, "$", void 0);

package/build/dist/source/express/theme/Toggle.s.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultToggleStyling extends Styling {
@@ -32,17 +32,17 @@ export class DefaultToggleStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultToggleStyling.prototype, "main", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultToggleStyling.prototype, "icon", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultToggleStyling.prototype, "label", null);

package/build/dist/source/sensors/ButtonSensor.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { options, Reentrance, transactional, Transaction, LoggingLevel } from "reactronic";
+import { options, Reentrance, apply, Transaction, LoggingLevel } from "reactronic";
 import { extractPointerButton, isPointerButtonDown, PointerButton, BasePointerSensor } from "./BasePointerSensor.js";
 import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
 import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
@@ -164,42 +164,42 @@ export class ButtonSensor extends BasePointerSensor {
     }
 }
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [PointerEvent]),
     __metadata("design:returntype", void 0)
 ], ButtonSensor.prototype, "press", null);
 __decorate([
-    transactional,
+    apply,
     options({ reentrance: Reentrance.cancelPrevious, logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [PointerEvent]),
     __metadata("design:returntype", void 0)
 ], ButtonSensor.prototype, "selecting", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [PointerEvent]),
     __metadata("design:returntype", void 0)
 ], ButtonSensor.prototype, "select", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], ButtonSensor.prototype, "release", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], ButtonSensor.prototype, "cancel", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),

package/build/dist/source/sensors/FocusSensor.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { options, transactional, LoggingLevel, Transaction } from "reactronic";
+import { options, apply, LoggingLevel, Transaction } from "reactronic";
 import { objectHasMember } from "../core/ElUtils.js";
 import { grabElementDataList, SymDataForSensor } from "./DataForSensor.js";
 import { HtmlElementSensor } from "./HtmlElementSensor.js";
@@ -132,32 +132,32 @@ export class FocusSensor extends HtmlElementSensor {
     }
 }
 __decorate([
-    transactional,
+    apply,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [Object, String]),
     __metadata("design:returntype", void 0)
 ], FocusSensor.prototype, "setActiveData", null);
 __decorate([
-    transactional,
+    apply,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [Boolean]),
     __metadata("design:returntype", void 0)
 ], FocusSensor.prototype, "listen", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [FocusEvent]),
     __metadata("design:returntype", void 0)
 ], FocusSensor.prototype, "doFocusIn", null);
 __decorate([
-    transactional,
+    apply,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [FocusEvent]),
     __metadata("design:returntype", void 0)
 ], FocusSensor.prototype, "doFocusOut", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [MouseEvent]),

package/build/dist/source/sensors/Handlers.d.ts

@@ -2,7 +2,7 @@ import { ToggleRef } from "reactronic";
 import { FocusModel } from "./FocusSensor.js";
 import { ResizedElement } from "./ResizeSensor.js";
 import { PointerSensor } from "./PointerSensor.js";
-export declare function OnClick(target: HTMLElement, action: ((pointer: PointerSensor) => void) | ToggleRef | undefined, key?: string): void;
+export declare function OnClick(target: Element, action: ((pointer: PointerSensor) => void) | ToggleRef | undefined, key?: string): void;
 export declare function OnClickAsync(target: HTMLElement, action: ((pointer: PointerSensor) => Promise<void>) | ToggleRef | undefined, key?: string): void;
 export declare function OnResize(target: HTMLElement, action: ((element: ResizedElement) => void) | undefined, key?: string): void;
 export declare function OnFocus(target: HTMLElement, model: FocusModel, switchEditMode?: ((model: FocusModel) => void) | undefined, key?: string): void;

package/build/dist/source/sensors/Handlers.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Mode, ToggleRef, unobs } from "reactronic";
+import { Mode, ToggleRef, nonreactive } from "reactronic";
 import { SyntheticElement } from "../core/Elements.js";
 export function OnClick(target, action, key) {
     if (action !== undefined) {
@@ -19,10 +19,10 @@ export function OnClick(target, action, key) {
                 const pointer = target.sensors.pointer;
                 if (target.dataForSensor.click !== undefined && pointer.clicked === target.dataForSensor.click || target.dataForSensor.click === undefined && pointer.clicked) {
                     if (action instanceof Function) {
-                        unobs(() => action(pointer));
+                        nonreactive(() => action(pointer));
                     }
                     else if (action instanceof ToggleRef) {
-                        unobs(() => action.toggle());
+                        nonreactive(() => action.toggle());
                     }
                 }
             },
@@ -39,10 +39,10 @@ export function OnClickAsync(target, action, key) {
                 const pointer = target.sensors.pointer;
                 if (target.dataForSensor.click !== undefined && pointer.clicked === target.dataForSensor.click || target.dataForSensor.click === undefined && pointer.clicked) {
                     if (action instanceof Function) {
-                        yield unobs(() => action(pointer));
+                        yield nonreactive(() => action(pointer));
                     }
                     else if (action instanceof ToggleRef) {
-                        unobs(() => action.toggle());
+                        nonreactive(() => action.toggle());
                     }
                 }
             }),
@@ -94,8 +94,8 @@ export function prepareResizeHandler(action) {
     return (element) => {
         const size = element.borderBoxSize[0];
         if (action instanceof Function)
-            unobs(() => action(size.inlineSize, size.blockSize));
+            nonreactive(() => action(size.inlineSize, size.blockSize));
         else if (action instanceof ResizeData && action.handler !== undefined)
-            unobs(() => action.handler(size.inlineSize, size.blockSize));
+            nonreactive(() => action.handler(size.inlineSize, size.blockSize));
     };
 }

package/build/dist/source/sensors/HoverSensor.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { options, transactional, LoggingLevel, Transaction } from "reactronic";
+import { options, apply, LoggingLevel, Transaction } from "reactronic";
 import { SymDataForSensor, findTargetElementData } from "./DataForSensor.js";
 import { BasePointerSensor } from "./BasePointerSensor.js";
 import { KeyboardModifiers, extractModifierKeys } from "./KeyboardSensor.js";
@@ -90,35 +90,35 @@ export class HoverSensor extends BasePointerSensor {
     }
 }
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [PointerEvent]),
     __metadata("design:returntype", void 0)
 ], HoverSensor.prototype, "doPointerEnter", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [PointerEvent]),
     __metadata("design:returntype", void 0)
 ], HoverSensor.prototype, "doPointerOver", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [PointerEvent]),
     __metadata("design:returntype", void 0)
 ], HoverSensor.prototype, "doPointerMove", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [PointerEvent]),
     __metadata("design:returntype", void 0)
 ], HoverSensor.prototype, "doPointerLeave", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),

package/build/dist/source/sensors/HtmlDragSensor.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { options, reactive, transactional, raw, Transaction, LoggingLevel } from "reactronic";
+import { options, reaction, apply, unobservable, Transaction, LoggingLevel } from "reactronic";
 import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
 import { HtmlElementSensor } from "./HtmlElementSensor.js";
 import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
@@ -262,109 +262,109 @@ export class HtmlDragSensor extends HtmlElementSensor {
     }
 }
 __decorate([
-    raw,
+    unobservable,
     __metadata("design:type", Map)
 ], HtmlDragSensor.prototype, "dataByFormat", void 0);
 __decorate([
-    raw,
+    unobservable,
     __metadata("design:type", Object)
 ], HtmlDragSensor.prototype, "draggingImage", void 0);
 __decorate([
-    raw,
+    unobservable,
     __metadata("design:type", Number)
 ], HtmlDragSensor.prototype, "draggingImageX", void 0);
 __decorate([
-    raw,
+    unobservable,
     __metadata("design:type", Number)
 ], HtmlDragSensor.prototype, "draggingImageY", void 0);
 __decorate([
-    raw,
+    unobservable,
     __metadata("design:type", String)
 ], HtmlDragSensor.prototype, "dropEffect", void 0);
 __decorate([
-    raw,
+    unobservable,
     __metadata("design:type", Array)
 ], HtmlDragSensor.prototype, "dataTypesAllowed", void 0);
 __decorate([
-    raw,
+    unobservable,
     __metadata("design:type", String)
 ], HtmlDragSensor.prototype, "effectAllowed", void 0);
 __decorate([
-    raw,
+    unobservable,
     __metadata("design:type", Boolean)
 ], HtmlDragSensor.prototype, "dropAllowed", void 0);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [DragEvent]),
     __metadata("design:returntype", void 0)
 ], HtmlDragSensor.prototype, "startDragging", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [DragEvent]),
     __metadata("design:returntype", void 0)
 ], HtmlDragSensor.prototype, "dragging", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [DragEvent]),
     __metadata("design:returntype", void 0)
 ], HtmlDragSensor.prototype, "finishDragging", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [DragEvent]),
     __metadata("design:returntype", void 0)
 ], HtmlDragSensor.prototype, "enterTarget", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [DragEvent]),
     __metadata("design:returntype", void 0)
 ], HtmlDragSensor.prototype, "leaveTarget", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [DragEvent]),
     __metadata("design:returntype", void 0)
 ], HtmlDragSensor.prototype, "dragOver", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [DragEvent]),
     __metadata("design:returntype", void 0)
 ], HtmlDragSensor.prototype, "drop", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [DragEvent]),
     __metadata("design:returntype", void 0)
 ], HtmlDragSensor.prototype, "updateEventOnDragStart", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [DragEvent]),
     __metadata("design:returntype", void 0)
 ], HtmlDragSensor.prototype, "updateEventOnDropAllowed", null);
 __decorate([
-    transactional,
+    apply,
     options({ logging: LoggingLevel.Off }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], HtmlDragSensor.prototype, "reset", null);
 __decorate([
-    reactive,
+    reaction,
     options({ throttling: 0 }),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),