verstak 0.94.25032 → 0.95.25045

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/README.md +1 -1
  2. package/build/dist/source/components/Button.v.js +5 -5
  3. package/build/dist/source/components/Icon.v.d.ts +2 -2
  4. package/build/dist/source/components/Icon.v.js +3 -3
  5. package/build/dist/source/components/Image.v.d.ts +2 -2
  6. package/build/dist/source/components/Image.v.js +5 -5
  7. package/build/dist/source/components/Input.v.d.ts +2 -2
  8. package/build/dist/source/components/Input.v.js +6 -6
  9. package/build/dist/source/components/RealTimeClock.d.ts +2 -2
  10. package/build/dist/source/components/RealTimeClock.js +5 -5
  11. package/build/dist/source/components/Spinner.v.d.ts +2 -2
  12. package/build/dist/source/components/Spinner.v.js +5 -5
  13. package/build/dist/source/components/Theme.js +2 -2
  14. package/build/dist/source/components/Toggle.v.js +5 -5
  15. package/build/dist/source/components/api.d.ts +1 -1
  16. package/build/dist/source/components/api.js +1 -1
  17. package/build/dist/source/components/common/Utils.d.ts +1 -1
  18. package/build/dist/source/components/common/Utils.js +4 -4
  19. package/build/dist/source/components/theme/Button.s.js +4 -4
  20. package/build/dist/source/components/theme/Icon.s.js +2 -2
  21. package/build/dist/source/components/theme/Input.s.js +5 -5
  22. package/build/dist/source/components/theme/Styling.d.ts +2 -2
  23. package/build/dist/source/components/theme/Styling.js +3 -3
  24. package/build/dist/source/components/theme/Toggle.s.js +4 -4
  25. package/build/dist/source/core/El.d.ts +1 -1
  26. package/build/dist/source/core/El.js +1 -1
  27. package/build/dist/source/core/ElDriver.d.ts +1 -1
  28. package/build/dist/source/core/ElDriver.js +10 -10
  29. package/build/dist/source/core/Elements.d.ts +6 -6
  30. package/build/dist/source/core/Elements.js +21 -21
  31. package/build/dist/source/core/Restyler.d.ts +2 -2
  32. package/build/dist/source/core/Restyler.js +5 -5
  33. package/build/dist/source/core/SplitViewMath.d.ts +3 -3
  34. package/build/dist/source/core/SplitViewMath.js +1 -1
  35. package/build/dist/source/core/WebDriver.d.ts +6 -4
  36. package/build/dist/source/core/WebDriver.js +41 -28
  37. package/build/dist/source/core/sensors/ButtonSensor.js +7 -7
  38. package/build/dist/source/core/sensors/FocusSensor.js +6 -6
  39. package/build/dist/source/core/sensors/Handlers.js +7 -7
  40. package/build/dist/source/core/sensors/HoverSensor.js +6 -6
  41. package/build/dist/source/core/sensors/HtmlDragSensor.js +20 -20
  42. package/build/dist/source/core/sensors/HtmlElementSensor.js +5 -5
  43. package/build/dist/source/core/sensors/KeyboardSensor.js +6 -6
  44. package/build/dist/source/core/sensors/PointerSensor.js +17 -17
  45. package/build/dist/source/core/sensors/ResizeSensor.js +3 -3
  46. package/build/dist/source/core/sensors/ScrollSensor.js +3 -3
  47. package/build/dist/source/core/sensors/Sensor.d.ts +2 -2
  48. package/build/dist/source/core/sensors/Sensor.js +2 -2
  49. package/build/dist/source/core/sensors/WheelSensor.js +3 -3
  50. package/build/dist/source/core/sensors/WindowSensor.js +2 -2
  51. package/build/dist/source/html/DraggableArea.view.js +2 -2
  52. package/build/dist/source/html/HtmlElements.js +115 -115
  53. package/build/dist/source/svg/SvgElements.js +60 -60
  54. package/package.json +10 -9
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  var __metadata = (this && this.__metadata) || function (k, v) {
8
8
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
9
  };
10
- import { options, reactive, atomic, observable, Transaction, LoggingLevel } from "reactronic";
10
+ import { options, reaction, transaction, signal, Transaction, LoggingLevel } from "reactronic";
11
11
  import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
12
12
  import { HtmlElementSensor } from "./HtmlElementSensor.js";
13
13
  import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
@@ -262,109 +262,109 @@ export class HtmlDragSensor extends HtmlElementSensor {
262
262
  }
263
263
  }
264
264
  __decorate([
265
- observable(false),
265
+ signal(false),
266
266
  __metadata("design:type", Map)
267
267
  ], HtmlDragSensor.prototype, "dataByFormat", void 0);
268
268
  __decorate([
269
- observable(false),
269
+ signal(false),
270
270
  __metadata("design:type", Object)
271
271
  ], HtmlDragSensor.prototype, "draggingImage", void 0);
272
272
  __decorate([
273
- observable(false),
273
+ signal(false),
274
274
  __metadata("design:type", Number)
275
275
  ], HtmlDragSensor.prototype, "draggingImageX", void 0);
276
276
  __decorate([
277
- observable(false),
277
+ signal(false),
278
278
  __metadata("design:type", Number)
279
279
  ], HtmlDragSensor.prototype, "draggingImageY", void 0);
280
280
  __decorate([
281
- observable(false),
281
+ signal(false),
282
282
  __metadata("design:type", String)
283
283
  ], HtmlDragSensor.prototype, "dropEffect", void 0);
284
284
  __decorate([
285
- observable(false),
285
+ signal(false),
286
286
  __metadata("design:type", Array)
287
287
  ], HtmlDragSensor.prototype, "dataTypesAllowed", void 0);
288
288
  __decorate([
289
- observable(false),
289
+ signal(false),
290
290
  __metadata("design:type", String)
291
291
  ], HtmlDragSensor.prototype, "effectAllowed", void 0);
292
292
  __decorate([
293
- observable(false),
293
+ signal(false),
294
294
  __metadata("design:type", Boolean)
295
295
  ], HtmlDragSensor.prototype, "dropAllowed", void 0);
296
296
  __decorate([
297
- atomic,
297
+ transaction,
298
298
  options({ logging: LoggingLevel.Off }),
299
299
  __metadata("design:type", Function),
300
300
  __metadata("design:paramtypes", [DragEvent]),
301
301
  __metadata("design:returntype", void 0)
302
302
  ], HtmlDragSensor.prototype, "startDragging", null);
303
303
  __decorate([
304
- atomic,
304
+ transaction,
305
305
  options({ logging: LoggingLevel.Off }),
306
306
  __metadata("design:type", Function),
307
307
  __metadata("design:paramtypes", [DragEvent]),
308
308
  __metadata("design:returntype", void 0)
309
309
  ], HtmlDragSensor.prototype, "dragging", null);
310
310
  __decorate([
311
- atomic,
311
+ transaction,
312
312
  options({ logging: LoggingLevel.Off }),
313
313
  __metadata("design:type", Function),
314
314
  __metadata("design:paramtypes", [DragEvent]),
315
315
  __metadata("design:returntype", void 0)
316
316
  ], HtmlDragSensor.prototype, "finishDragging", null);
317
317
  __decorate([
318
- atomic,
318
+ transaction,
319
319
  options({ logging: LoggingLevel.Off }),
320
320
  __metadata("design:type", Function),
321
321
  __metadata("design:paramtypes", [DragEvent]),
322
322
  __metadata("design:returntype", void 0)
323
323
  ], HtmlDragSensor.prototype, "enterTarget", null);
324
324
  __decorate([
325
- atomic,
325
+ transaction,
326
326
  options({ logging: LoggingLevel.Off }),
327
327
  __metadata("design:type", Function),
328
328
  __metadata("design:paramtypes", [DragEvent]),
329
329
  __metadata("design:returntype", void 0)
330
330
  ], HtmlDragSensor.prototype, "leaveTarget", null);
331
331
  __decorate([
332
- atomic,
332
+ transaction,
333
333
  options({ logging: LoggingLevel.Off }),
334
334
  __metadata("design:type", Function),
335
335
  __metadata("design:paramtypes", [DragEvent]),
336
336
  __metadata("design:returntype", void 0)
337
337
  ], HtmlDragSensor.prototype, "dragOver", null);
338
338
  __decorate([
339
- atomic,
339
+ transaction,
340
340
  options({ logging: LoggingLevel.Off }),
341
341
  __metadata("design:type", Function),
342
342
  __metadata("design:paramtypes", [DragEvent]),
343
343
  __metadata("design:returntype", void 0)
344
344
  ], HtmlDragSensor.prototype, "drop", null);
345
345
  __decorate([
346
- atomic,
346
+ transaction,
347
347
  options({ logging: LoggingLevel.Off }),
348
348
  __metadata("design:type", Function),
349
349
  __metadata("design:paramtypes", [DragEvent]),
350
350
  __metadata("design:returntype", void 0)
351
351
  ], HtmlDragSensor.prototype, "updateEventOnDragStart", null);
352
352
  __decorate([
353
- atomic,
353
+ transaction,
354
354
  options({ logging: LoggingLevel.Off }),
355
355
  __metadata("design:type", Function),
356
356
  __metadata("design:paramtypes", [DragEvent]),
357
357
  __metadata("design:returntype", void 0)
358
358
  ], HtmlDragSensor.prototype, "updateEventOnDropAllowed", null);
359
359
  __decorate([
360
- atomic,
360
+ transaction,
361
361
  options({ logging: LoggingLevel.Off }),
362
362
  __metadata("design:type", Function),
363
363
  __metadata("design:paramtypes", []),
364
364
  __metadata("design:returntype", void 0)
365
365
  ], HtmlDragSensor.prototype, "reset", null);
366
366
  __decorate([
367
- reactive,
367
+ reaction,
368
368
  options({ throttling: 0 }),
369
369
  __metadata("design:type", Function),
370
370
  __metadata("design:paramtypes", []),
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  var __metadata = (this && this.__metadata) || function (k, v) {
8
8
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
9
  };
10
- import { observable } from "reactronic";
10
+ import { signal } from "reactronic";
11
11
  import { SymDataForSensor } from "./DataForSensor.js";
12
12
  import { Sensor } from "./Sensor.js";
13
13
  import { WindowSensor } from "./WindowSensor.js";
@@ -34,18 +34,18 @@ export class HtmlElementSensor extends Sensor {
34
34
  }
35
35
  }
36
36
  __decorate([
37
- observable(false),
37
+ signal(false),
38
38
  __metadata("design:type", Object)
39
39
  ], HtmlElementSensor.prototype, "sourceElement", void 0);
40
40
  __decorate([
41
- observable(false),
41
+ signal(false),
42
42
  __metadata("design:type", WindowSensor)
43
43
  ], HtmlElementSensor.prototype, "windowSensor", void 0);
44
44
  __decorate([
45
- observable(false),
45
+ signal(false),
46
46
  __metadata("design:type", Boolean)
47
47
  ], HtmlElementSensor.prototype, "preventDefault", void 0);
48
48
  __decorate([
49
- observable(false),
49
+ signal(false),
50
50
  __metadata("design:type", Boolean)
51
51
  ], HtmlElementSensor.prototype, "stopPropagation", void 0);
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  var __metadata = (this && this.__metadata) || function (k, v) {
8
8
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
9
  };
10
- import { options, runSensitively, atomic, LoggingLevel, Transaction } from "reactronic";
10
+ import { options, runSensitive, transaction, LoggingLevel, Transaction } from "reactronic";
11
11
  import { grabElementDataList, SymDataForSensor } from "./DataForSensor.js";
12
12
  import { HtmlElementSensor } from "./HtmlElementSensor.js";
13
13
  export var KeyboardModifiers;
@@ -74,12 +74,12 @@ export class KeyboardSensor extends HtmlElementSensor {
74
74
  keyDown(e) {
75
75
  this.updateSensorData(e);
76
76
  this.up = "";
77
- runSensitively(true, () => this.down = e.key);
77
+ runSensitive(true, () => this.down = e.key);
78
78
  }
79
79
  keyUp(e) {
80
80
  this.updateSensorData(e);
81
81
  this.down = "";
82
- runSensitively(true, () => this.up = e.key);
82
+ runSensitive(true, () => this.up = e.key);
83
83
  }
84
84
  updateSensorData(e) {
85
85
  this.preventDefault = false;
@@ -103,20 +103,20 @@ export class KeyboardSensor extends HtmlElementSensor {
103
103
  }
104
104
  }
105
105
  __decorate([
106
- atomic,
106
+ transaction,
107
107
  __metadata("design:type", Function),
108
108
  __metadata("design:paramtypes", []),
109
109
  __metadata("design:returntype", void 0)
110
110
  ], KeyboardSensor.prototype, "reset", null);
111
111
  __decorate([
112
- atomic,
112
+ transaction,
113
113
  options({ logging: LoggingLevel.Off }),
114
114
  __metadata("design:type", Function),
115
115
  __metadata("design:paramtypes", [KeyboardEvent]),
116
116
  __metadata("design:returntype", void 0)
117
117
  ], KeyboardSensor.prototype, "keyDown", null);
118
118
  __decorate([
119
- atomic,
119
+ transaction,
120
120
  options({ logging: LoggingLevel.Off }),
121
121
  __metadata("design:type", Function),
122
122
  __metadata("design:paramtypes", [KeyboardEvent]),
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  var __metadata = (this && this.__metadata) || function (k, v) {
8
8
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
9
  };
10
- import { options, observable, atomic, reactive, Reentrance, Transaction, LoggingLevel } from "reactronic";
10
+ import { options, signal, transaction, reaction, Reentrance, Transaction, LoggingLevel } from "reactronic";
11
11
  import { extractPointerButton, isPointerButtonDown, PointerButton, BasePointerSensor } from "./BasePointerSensor.js";
12
12
  import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
13
13
  import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
@@ -292,100 +292,100 @@ export class PointerSensor extends BasePointerSensor {
292
292
  }
293
293
  PointerSensor.DraggingThreshold = 4;
294
294
  __decorate([
295
- observable(false),
295
+ signal(false),
296
296
  __metadata("design:type", Object)
297
297
  ], PointerSensor.prototype, "clickable", void 0);
298
298
  __decorate([
299
- observable(false),
299
+ signal(false),
300
300
  __metadata("design:type", Boolean)
301
301
  ], PointerSensor.prototype, "tryingDragging", void 0);
302
302
  __decorate([
303
- observable(false),
303
+ signal(false),
304
304
  __metadata("design:type", Object)
305
305
  ], PointerSensor.prototype, "draggingData", void 0);
306
306
  __decorate([
307
- observable(false),
307
+ signal(false),
308
308
  __metadata("design:type", Boolean)
309
309
  ], PointerSensor.prototype, "dropAllowed", void 0);
310
310
  __decorate([
311
- atomic,
311
+ transaction,
312
312
  options({ logging: LoggingLevel.Off }),
313
313
  __metadata("design:type", Function),
314
314
  __metadata("design:paramtypes", [PointerEvent]),
315
315
  __metadata("design:returntype", void 0)
316
316
  ], PointerSensor.prototype, "moveOver", null);
317
317
  __decorate([
318
- atomic,
318
+ transaction,
319
319
  options({ logging: LoggingLevel.Off }),
320
320
  __metadata("design:type", Function),
321
321
  __metadata("design:paramtypes", [PointerEvent]),
322
322
  __metadata("design:returntype", void 0)
323
323
  ], PointerSensor.prototype, "tryClickingOrDragging", null);
324
324
  __decorate([
325
- atomic,
325
+ transaction,
326
326
  options({ reentrance: Reentrance.cancelPrevious, logging: LoggingLevel.Off }),
327
327
  __metadata("design:type", Function),
328
328
  __metadata("design:paramtypes", [PointerEvent]),
329
329
  __metadata("design:returntype", void 0)
330
330
  ], PointerSensor.prototype, "clickingOver", null);
331
331
  __decorate([
332
- atomic,
332
+ transaction,
333
333
  options({ logging: LoggingLevel.Off }),
334
334
  __metadata("design:type", Function),
335
335
  __metadata("design:paramtypes", [PointerEvent]),
336
336
  __metadata("design:returntype", void 0)
337
337
  ], PointerSensor.prototype, "click", null);
338
338
  __decorate([
339
- atomic,
339
+ transaction,
340
340
  options({ logging: LoggingLevel.Off }),
341
341
  __metadata("design:type", Function),
342
342
  __metadata("design:paramtypes", [PointerEvent]),
343
343
  __metadata("design:returntype", void 0)
344
344
  ], PointerSensor.prototype, "startDragging", null);
345
345
  __decorate([
346
- atomic,
346
+ transaction,
347
347
  options({ logging: LoggingLevel.Off }),
348
348
  __metadata("design:type", Function),
349
349
  __metadata("design:paramtypes", [PointerEvent]),
350
350
  __metadata("design:returntype", void 0)
351
351
  ], PointerSensor.prototype, "dragOver", null);
352
352
  __decorate([
353
- atomic,
353
+ transaction,
354
354
  options({ logging: LoggingLevel.Off }),
355
355
  __metadata("design:type", Function),
356
356
  __metadata("design:paramtypes", [PointerEvent]),
357
357
  __metadata("design:returntype", void 0)
358
358
  ], PointerSensor.prototype, "drop", null);
359
359
  __decorate([
360
- atomic,
360
+ transaction,
361
361
  options({ logging: LoggingLevel.Off }),
362
362
  __metadata("design:type", Function),
363
363
  __metadata("design:paramtypes", []),
364
364
  __metadata("design:returntype", void 0)
365
365
  ], PointerSensor.prototype, "finishDragging", null);
366
366
  __decorate([
367
- atomic,
367
+ transaction,
368
368
  options({ logging: LoggingLevel.Off }),
369
369
  __metadata("design:type", Function),
370
370
  __metadata("design:paramtypes", []),
371
371
  __metadata("design:returntype", void 0)
372
372
  ], PointerSensor.prototype, "cancelDragging", null);
373
373
  __decorate([
374
- atomic,
374
+ transaction,
375
375
  options({ logging: LoggingLevel.Off }),
376
376
  __metadata("design:type", Function),
377
377
  __metadata("design:paramtypes", []),
378
378
  __metadata("design:returntype", void 0)
379
379
  ], PointerSensor.prototype, "reset", null);
380
380
  __decorate([
381
- reactive,
381
+ reaction,
382
382
  options({ throttling: 0 }),
383
383
  __metadata("design:type", Function),
384
384
  __metadata("design:paramtypes", []),
385
385
  __metadata("design:returntype", void 0)
386
386
  ], PointerSensor.prototype, "whenClickingOrDragging", null);
387
387
  __decorate([
388
- reactive,
388
+ reaction,
389
389
  options({ throttling: 0 }),
390
390
  __metadata("design:type", Function),
391
391
  __metadata("design:paramtypes", []),
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  var __metadata = (this && this.__metadata) || function (k, v) {
8
8
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
9
  };
10
- import { options, atomic, LoggingLevel } from "reactronic";
10
+ import { options, transaction, LoggingLevel } from "reactronic";
11
11
  import { Sensor } from "./Sensor.js";
12
12
  export class ResizeSensor extends Sensor {
13
13
  constructor() {
@@ -58,13 +58,13 @@ export class ResizeSensor extends Sensor {
58
58
  }
59
59
  }
60
60
  __decorate([
61
- atomic,
61
+ transaction,
62
62
  __metadata("design:type", Function),
63
63
  __metadata("design:paramtypes", []),
64
64
  __metadata("design:returntype", void 0)
65
65
  ], ResizeSensor.prototype, "reset", null);
66
66
  __decorate([
67
- atomic,
67
+ transaction,
68
68
  options({ logging: LoggingLevel.Off }),
69
69
  __metadata("design:type", Function),
70
70
  __metadata("design:paramtypes", [Array]),
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  var __metadata = (this && this.__metadata) || function (k, v) {
8
8
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
9
  };
10
- import { options, Reentrance, atomic, LoggingLevel, Transaction } from "reactronic";
10
+ import { options, Reentrance, transaction, LoggingLevel, Transaction } from "reactronic";
11
11
  import { HtmlElementSensor } from "./HtmlElementSensor.js";
12
12
  export class ScrollSensor extends HtmlElementSensor {
13
13
  constructor(element) {
@@ -53,13 +53,13 @@ export class ScrollSensor extends HtmlElementSensor {
53
53
  }
54
54
  }
55
55
  __decorate([
56
- atomic,
56
+ transaction,
57
57
  __metadata("design:type", Function),
58
58
  __metadata("design:paramtypes", []),
59
59
  __metadata("design:returntype", void 0)
60
60
  ], ScrollSensor.prototype, "reset", null);
61
61
  __decorate([
62
- atomic,
62
+ transaction,
63
63
  options({ reentrance: Reentrance.cancelPrevious, logging: LoggingLevel.Off }),
64
64
  __metadata("design:type", Function),
65
65
  __metadata("design:paramtypes", [Event]),
@@ -1,5 +1,5 @@
1
- import { ObservableObject } from "reactronic";
2
- export declare class Sensor extends ObservableObject {
1
+ import { SxObject } from "reactronic";
2
+ export declare class Sensor extends SxObject {
3
3
  revision: number;
4
4
  elementDataList: unknown[];
5
5
  get topElementData(): unknown;
@@ -1,5 +1,5 @@
1
- import { ObservableObject } from "reactronic";
2
- export class Sensor extends ObservableObject {
1
+ import { SxObject } from "reactronic";
2
+ export class Sensor extends SxObject {
3
3
  constructor() {
4
4
  super(...arguments);
5
5
  this.revision = 0;
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  var __metadata = (this && this.__metadata) || function (k, v) {
8
8
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
9
  };
10
- import { options, Reentrance, atomic, LoggingLevel, Transaction } from "reactronic";
10
+ import { options, Reentrance, transaction, LoggingLevel, Transaction } from "reactronic";
11
11
  import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
12
12
  import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
13
13
  import { BasePointerSensor } from "./BasePointerSensor.js";
@@ -68,13 +68,13 @@ export class WheelSensor extends BasePointerSensor {
68
68
  }
69
69
  }
70
70
  __decorate([
71
- atomic,
71
+ transaction,
72
72
  __metadata("design:type", Function),
73
73
  __metadata("design:paramtypes", []),
74
74
  __metadata("design:returntype", void 0)
75
75
  ], WheelSensor.prototype, "reset", null);
76
76
  __decorate([
77
- atomic,
77
+ transaction,
78
78
  options({ reentrance: Reentrance.cancelPrevious, logging: LoggingLevel.Off }),
79
79
  __metadata("design:type", Function),
80
80
  __metadata("design:paramtypes", [WheelEvent]),
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  var __metadata = (this && this.__metadata) || function (k, v) {
8
8
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
9
  };
10
- import { ToggleRef, atomic } from "reactronic";
10
+ import { ToggleRef, transaction } from "reactronic";
11
11
  import { objectHasMember } from "../ElUtils.js";
12
12
  import { Sensor } from "./Sensor.js";
13
13
  export class WindowSensor extends Sensor {
@@ -31,7 +31,7 @@ export class WindowSensor extends Sensor {
31
31
  }
32
32
  }
33
33
  __decorate([
34
- atomic,
34
+ transaction,
35
35
  __metadata("design:type", Function),
36
36
  __metadata("design:paramtypes", [Object, String]),
37
37
  __metadata("design:returntype", void 0)
@@ -1,8 +1,8 @@
1
- import { ReactiveTreeNode, Mode } from "reactronic";
1
+ import { Mode, derivative } from "reactronic";
2
2
  import { Div } from "./HtmlElements.js";
3
3
  import { Fragment } from "../core/Elements.js";
4
4
  export function DraggableArea(draggingId, builder) {
5
- return (Div(ReactiveTreeNode.withBasis(builder, {
5
+ return (Div(derivative(builder, {
6
6
  mode: Mode.autonomous,
7
7
  script: b => {
8
8
  const e = b.native;