@miurajs/miura-render 0.0.0 → 0.1.1
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.
- package/dist/index.d.ts +14 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +13 -0
- package/dist/index.js.map +1 -0
- package/dist/src/binding-manager/binding-manager.d.ts +30 -0
- package/dist/src/binding-manager/binding-manager.d.ts.map +1 -0
- package/dist/src/binding-manager/binding-manager.js +245 -0
- package/dist/src/binding-manager/binding-manager.js.map +1 -0
- package/dist/src/binding-manager/binding-type.d.ts +24 -0
- package/dist/src/binding-manager/binding-type.d.ts.map +1 -0
- package/dist/src/binding-manager/binding-type.js +25 -0
- package/dist/src/binding-manager/binding-type.js.map +1 -0
- package/dist/src/binding-manager/bindings/async-binding.d.ts +23 -0
- package/dist/src/binding-manager/bindings/async-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/async-binding.js +67 -0
- package/dist/src/binding-manager/bindings/async-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/attribute-binding.d.ts +41 -0
- package/dist/src/binding-manager/bindings/attribute-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/attribute-binding.js +79 -0
- package/dist/src/binding-manager/bindings/attribute-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/bind-binding.d.ts +30 -0
- package/dist/src/binding-manager/bindings/bind-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/bind-binding.js +81 -0
- package/dist/src/binding-manager/bindings/bind-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/binding.d.ts +6 -0
- package/dist/src/binding-manager/bindings/binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/binding.js +2 -0
- package/dist/src/binding-manager/bindings/binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/boolean-binding.d.ts +18 -0
- package/dist/src/binding-manager/bindings/boolean-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/boolean-binding.js +65 -0
- package/dist/src/binding-manager/bindings/boolean-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/class-binding.d.ts +10 -0
- package/dist/src/binding-manager/bindings/class-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/class-binding.js +68 -0
- package/dist/src/binding-manager/bindings/class-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/directive-binding.d.ts +15 -0
- package/dist/src/binding-manager/bindings/directive-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/directive-binding.js +70 -0
- package/dist/src/binding-manager/bindings/directive-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/event-binding.d.ts +14 -0
- package/dist/src/binding-manager/bindings/event-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/event-binding.js +73 -0
- package/dist/src/binding-manager/bindings/event-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/node-binding.d.ts +36 -0
- package/dist/src/binding-manager/bindings/node-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/node-binding.js +235 -0
- package/dist/src/binding-manager/bindings/node-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/object-class-binding.d.ts +16 -0
- package/dist/src/binding-manager/bindings/object-class-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/object-class-binding.js +42 -0
- package/dist/src/binding-manager/bindings/object-class-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/object-style-binding.d.ts +16 -0
- package/dist/src/binding-manager/bindings/object-style-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/object-style-binding.js +38 -0
- package/dist/src/binding-manager/bindings/object-style-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/property-binding.d.ts +12 -0
- package/dist/src/binding-manager/bindings/property-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/property-binding.js +44 -0
- package/dist/src/binding-manager/bindings/property-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/reference-binding.d.ts +14 -0
- package/dist/src/binding-manager/bindings/reference-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/reference-binding.js +44 -0
- package/dist/src/binding-manager/bindings/reference-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/spread-binding.d.ts +16 -0
- package/dist/src/binding-manager/bindings/spread-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/spread-binding.js +40 -0
- package/dist/src/binding-manager/bindings/spread-binding.js.map +1 -0
- package/dist/src/binding-manager/bindings/style-binding.d.ts +10 -0
- package/dist/src/binding-manager/bindings/style-binding.d.ts.map +1 -0
- package/dist/src/binding-manager/bindings/style-binding.js +44 -0
- package/dist/src/binding-manager/bindings/style-binding.js.map +1 -0
- package/dist/src/compiler/code-factory.d.ts +45 -0
- package/dist/src/compiler/code-factory.d.ts.map +1 -0
- package/dist/src/compiler/code-factory.js +211 -0
- package/dist/src/compiler/code-factory.js.map +1 -0
- package/dist/src/compiler/compiler.d.ts +77 -0
- package/dist/src/compiler/compiler.d.ts.map +1 -0
- package/dist/src/compiler/compiler.js +77 -0
- package/dist/src/compiler/compiler.js.map +1 -0
- package/dist/src/compiler/constants.d.ts +5 -0
- package/dist/src/compiler/constants.d.ts.map +1 -0
- package/dist/src/compiler/constants.js +9 -0
- package/dist/src/compiler/constants.js.map +1 -0
- package/dist/src/css-result.d.ts +27 -0
- package/dist/src/css-result.d.ts.map +1 -0
- package/dist/src/css-result.js +56 -0
- package/dist/src/css-result.js.map +1 -0
- package/dist/src/css.d.ts +26 -0
- package/dist/src/css.d.ts.map +1 -0
- package/dist/src/css.js +62 -0
- package/dist/src/css.js.map +1 -0
- package/dist/src/directives/animate.directive.d.ts +42 -0
- package/dist/src/directives/animate.directive.d.ts.map +1 -0
- package/dist/src/directives/animate.directive.js +349 -0
- package/dist/src/directives/animate.directive.js.map +1 -0
- package/dist/src/directives/await.d.ts +68 -0
- package/dist/src/directives/await.d.ts.map +1 -0
- package/dist/src/directives/await.js +70 -0
- package/dist/src/directives/await.js.map +1 -0
- package/dist/src/directives/choose.d.ts +28 -0
- package/dist/src/directives/choose.d.ts.map +1 -0
- package/dist/src/directives/choose.js +30 -0
- package/dist/src/directives/choose.js.map +1 -0
- package/dist/src/directives/decorator-example.d.ts +8 -0
- package/dist/src/directives/decorator-example.d.ts.map +1 -0
- package/dist/src/directives/decorator-example.js +32 -0
- package/dist/src/directives/decorator-example.js.map +1 -0
- package/dist/src/directives/decorators.d.ts +3 -0
- package/dist/src/directives/decorators.d.ts.map +1 -0
- package/dist/src/directives/decorators.js +17 -0
- package/dist/src/directives/decorators.js.map +1 -0
- package/dist/src/directives/directive-manager.d.ts +26 -0
- package/dist/src/directives/directive-manager.d.ts.map +1 -0
- package/dist/src/directives/directive-manager.js +114 -0
- package/dist/src/directives/directive-manager.js.map +1 -0
- package/dist/src/directives/directive.d.ts +38 -0
- package/dist/src/directives/directive.d.ts.map +1 -0
- package/dist/src/directives/directive.js +18 -0
- package/dist/src/directives/directive.js.map +1 -0
- package/dist/src/directives/focus.directive.d.ts +16 -0
- package/dist/src/directives/focus.directive.d.ts.map +1 -0
- package/dist/src/directives/focus.directive.js +29 -0
- package/dist/src/directives/focus.directive.js.map +1 -0
- package/dist/src/directives/gesture.directive.d.ts +58 -0
- package/dist/src/directives/gesture.directive.d.ts.map +1 -0
- package/dist/src/directives/gesture.directive.js +331 -0
- package/dist/src/directives/gesture.directive.js.map +1 -0
- package/dist/src/directives/index.d.ts +34 -0
- package/dist/src/directives/index.d.ts.map +1 -0
- package/dist/src/directives/index.js +35 -0
- package/dist/src/directives/index.js.map +1 -0
- package/dist/src/directives/intersection.directive.d.ts +18 -0
- package/dist/src/directives/intersection.directive.d.ts.map +1 -0
- package/dist/src/directives/intersection.directive.js +50 -0
- package/dist/src/directives/intersection.directive.js.map +1 -0
- package/dist/src/directives/keyed-diff.d.ts +30 -0
- package/dist/src/directives/keyed-diff.d.ts.map +1 -0
- package/dist/src/directives/keyed-diff.js +185 -0
- package/dist/src/directives/keyed-diff.js.map +1 -0
- package/dist/src/directives/lazy-setup.d.ts +3 -0
- package/dist/src/directives/lazy-setup.d.ts.map +1 -0
- package/dist/src/directives/lazy-setup.js +55 -0
- package/dist/src/directives/lazy-setup.js.map +1 -0
- package/dist/src/directives/lazy.directive.d.ts +19 -0
- package/dist/src/directives/lazy.directive.d.ts.map +1 -0
- package/dist/src/directives/lazy.directive.js +73 -0
- package/dist/src/directives/lazy.directive.js.map +1 -0
- package/dist/src/directives/media.directive.d.ts +31 -0
- package/dist/src/directives/media.directive.d.ts.map +1 -0
- package/dist/src/directives/media.directive.js +105 -0
- package/dist/src/directives/media.directive.js.map +1 -0
- package/dist/src/directives/mutation.directive.d.ts +11 -0
- package/dist/src/directives/mutation.directive.d.ts.map +1 -0
- package/dist/src/directives/mutation.directive.js +56 -0
- package/dist/src/directives/mutation.directive.js.map +1 -0
- package/dist/src/directives/repeat.d.ts +50 -0
- package/dist/src/directives/repeat.d.ts.map +1 -0
- package/dist/src/directives/repeat.js +47 -0
- package/dist/src/directives/repeat.js.map +1 -0
- package/dist/src/directives/resize.directive.d.ts +14 -0
- package/dist/src/directives/resize.directive.d.ts.map +1 -0
- package/dist/src/directives/resize.directive.js +81 -0
- package/dist/src/directives/resize.directive.js.map +1 -0
- package/dist/src/directives/setup.d.ts +9 -0
- package/dist/src/directives/setup.d.ts.map +1 -0
- package/dist/src/directives/setup.js +9 -0
- package/dist/src/directives/setup.js.map +1 -0
- package/dist/src/directives/structural/async.directive.d.ts +39 -0
- package/dist/src/directives/structural/async.directive.d.ts.map +1 -0
- package/dist/src/directives/structural/async.directive.js +115 -0
- package/dist/src/directives/structural/async.directive.js.map +1 -0
- package/dist/src/directives/structural/for.directive.d.ts +37 -0
- package/dist/src/directives/structural/for.directive.d.ts.map +1 -0
- package/dist/src/directives/structural/for.directive.js +209 -0
- package/dist/src/directives/structural/for.directive.js.map +1 -0
- package/dist/src/directives/structural/if.directive.d.ts +54 -0
- package/dist/src/directives/structural/if.directive.d.ts.map +1 -0
- package/dist/src/directives/structural/if.directive.js +210 -0
- package/dist/src/directives/structural/if.directive.js.map +1 -0
- package/dist/src/directives/structural/structural.directive.d.ts +11 -0
- package/dist/src/directives/structural/structural.directive.d.ts.map +1 -0
- package/dist/src/directives/structural/structural.directive.js +29 -0
- package/dist/src/directives/structural/structural.directive.js.map +1 -0
- package/dist/src/directives/structural/switch.directive.d.ts +12 -0
- package/dist/src/directives/structural/switch.directive.d.ts.map +1 -0
- package/dist/src/directives/structural/switch.directive.js +69 -0
- package/dist/src/directives/structural/switch.directive.js.map +1 -0
- package/dist/src/directives/structural/virtual-scroll.directive.d.ts +50 -0
- package/dist/src/directives/structural/virtual-scroll.directive.d.ts.map +1 -0
- package/dist/src/directives/structural/virtual-scroll.directive.js +165 -0
- package/dist/src/directives/structural/virtual-scroll.directive.js.map +1 -0
- package/dist/src/directives/utils.d.ts +61 -0
- package/dist/src/directives/utils.d.ts.map +1 -0
- package/dist/src/directives/utils.js +121 -0
- package/dist/src/directives/utils.js.map +1 -0
- package/dist/src/directives/validate.directive.d.ts +41 -0
- package/dist/src/directives/validate.directive.d.ts.map +1 -0
- package/dist/src/directives/validate.directive.js +161 -0
- package/dist/src/directives/validate.directive.js.map +1 -0
- package/dist/src/directives/virtual-scroll.d.ts +91 -0
- package/dist/src/directives/virtual-scroll.d.ts.map +1 -0
- package/dist/src/directives/virtual-scroll.js +78 -0
- package/dist/src/directives/virtual-scroll.js.map +1 -0
- package/dist/src/directives/when.d.ts +24 -0
- package/dist/src/directives/when.d.ts.map +1 -0
- package/dist/src/directives/when.js +25 -0
- package/dist/src/directives/when.js.map +1 -0
- package/dist/src/html.d.ts +23 -0
- package/dist/src/html.d.ts.map +1 -0
- package/dist/src/html.js +37 -0
- package/dist/src/html.js.map +1 -0
- package/dist/src/modifiers/capture-modifier.d.ts +6 -0
- package/dist/src/modifiers/capture-modifier.d.ts.map +1 -0
- package/dist/src/modifiers/capture-modifier.js +14 -0
- package/dist/src/modifiers/capture-modifier.js.map +1 -0
- package/dist/src/modifiers/event-modifiers.d.ts +38 -0
- package/dist/src/modifiers/event-modifiers.d.ts.map +1 -0
- package/dist/src/modifiers/event-modifiers.js +90 -0
- package/dist/src/modifiers/event-modifiers.js.map +1 -0
- package/dist/src/modifiers/key-modifiers.d.ts +8 -0
- package/dist/src/modifiers/key-modifiers.d.ts.map +1 -0
- package/dist/src/modifiers/key-modifiers.js +29 -0
- package/dist/src/modifiers/key-modifiers.js.map +1 -0
- package/dist/src/modifiers/mouse-modifiers.d.ts +8 -0
- package/dist/src/modifiers/mouse-modifiers.d.ts.map +1 -0
- package/dist/src/modifiers/mouse-modifiers.js +15 -0
- package/dist/src/modifiers/mouse-modifiers.js.map +1 -0
- package/dist/src/modifiers/once-modifier.d.ts +6 -0
- package/dist/src/modifiers/once-modifier.d.ts.map +1 -0
- package/dist/src/modifiers/once-modifier.js +11 -0
- package/dist/src/modifiers/once-modifier.js.map +1 -0
- package/dist/src/modifiers/passive-modifier.d.ts +6 -0
- package/dist/src/modifiers/passive-modifier.d.ts.map +1 -0
- package/dist/src/modifiers/passive-modifier.js +14 -0
- package/dist/src/modifiers/passive-modifier.js.map +1 -0
- package/dist/src/processor/parser.d.ts +74 -0
- package/dist/src/processor/parser.d.ts.map +1 -0
- package/dist/src/processor/parser.js +345 -0
- package/dist/src/processor/parser.js.map +1 -0
- package/dist/src/processor/processor.d.ts +68 -0
- package/dist/src/processor/processor.d.ts.map +1 -0
- package/dist/src/processor/processor.js +138 -0
- package/dist/src/processor/processor.js.map +1 -0
- package/dist/src/processor/template-result.d.ts +74 -0
- package/dist/src/processor/template-result.d.ts.map +1 -0
- package/dist/src/processor/template-result.js +53 -0
- package/dist/src/processor/template-result.js.map +1 -0
- package/dist/src/processor/types.d.ts +16 -0
- package/dist/src/processor/types.d.ts.map +1 -0
- package/dist/src/processor/types.js +13 -0
- package/dist/src/processor/types.js.map +1 -0
- package/dist/src/utils/debug.d.ts +7 -0
- package/dist/src/utils/debug.d.ts.map +1 -0
- package/dist/src/utils/debug.js +7 -0
- package/dist/src/utils/debug.js.map +1 -0
- package/dist/src/utils/performance.d.ts +50 -0
- package/dist/src/utils/performance.d.ts.map +1 -0
- package/dist/src/utils/performance.js +51 -0
- package/dist/src/utils/performance.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/package.json +8 -10
|
@@ -0,0 +1,331 @@
|
|
|
1
|
+
import { BaseDirective } from './directive';
|
|
2
|
+
import { debugLog } from '../utils/debug';
|
|
3
|
+
export class GestureDirective extends BaseDirective {
|
|
4
|
+
options = {};
|
|
5
|
+
startPoint = null;
|
|
6
|
+
lastPoint = null;
|
|
7
|
+
longPressTimer = null;
|
|
8
|
+
lastTapTime = 0;
|
|
9
|
+
isDragging = false;
|
|
10
|
+
mount(element) {
|
|
11
|
+
debugLog('gesture', 'Mounting gesture directive');
|
|
12
|
+
this.element = element;
|
|
13
|
+
this.options = {
|
|
14
|
+
threshold: 50,
|
|
15
|
+
longPressDelay: 500,
|
|
16
|
+
velocityThreshold: 500,
|
|
17
|
+
tolerance: 10,
|
|
18
|
+
...this.options
|
|
19
|
+
};
|
|
20
|
+
if (element instanceof HTMLElement) {
|
|
21
|
+
// Touch events
|
|
22
|
+
element.addEventListener('touchstart', this.handleTouchStart.bind(this), { passive: false });
|
|
23
|
+
element.addEventListener('touchmove', this.handleTouchMove.bind(this), { passive: false });
|
|
24
|
+
element.addEventListener('touchend', this.handleTouchEnd.bind(this), { passive: false });
|
|
25
|
+
// Mouse events for desktop
|
|
26
|
+
element.addEventListener('mousedown', this.handleMouseDown.bind(this));
|
|
27
|
+
element.addEventListener('mousemove', this.handleMouseMove.bind(this));
|
|
28
|
+
element.addEventListener('mouseup', this.handleMouseUp.bind(this));
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
isGestureEnabled(gesture) {
|
|
32
|
+
const option = this.options[gesture];
|
|
33
|
+
return typeof option === 'boolean' ? option : !!option;
|
|
34
|
+
}
|
|
35
|
+
callGestureCallback(gesture, ...args) {
|
|
36
|
+
const option = this.options[gesture];
|
|
37
|
+
const legacyCallback = this.options[`on${gesture.charAt(0).toUpperCase() + gesture.slice(1)}`];
|
|
38
|
+
// Create a custom event with the gesture data
|
|
39
|
+
const eventData = this.createGestureEventData(gesture, args);
|
|
40
|
+
const customEvent = new CustomEvent(`gesture-${gesture}`, {
|
|
41
|
+
detail: eventData,
|
|
42
|
+
bubbles: true,
|
|
43
|
+
cancelable: true
|
|
44
|
+
});
|
|
45
|
+
// Set the target manually since CustomEvent doesn't set it automatically
|
|
46
|
+
Object.defineProperty(customEvent, 'target', {
|
|
47
|
+
value: this.element,
|
|
48
|
+
writable: false
|
|
49
|
+
});
|
|
50
|
+
// Dispatch the event on the element
|
|
51
|
+
if (this.element) {
|
|
52
|
+
this.element.dispatchEvent(customEvent);
|
|
53
|
+
}
|
|
54
|
+
// Also call the callback functions if they exist
|
|
55
|
+
if (typeof option === 'function') {
|
|
56
|
+
option(customEvent);
|
|
57
|
+
}
|
|
58
|
+
else if (typeof legacyCallback === 'function') {
|
|
59
|
+
legacyCallback(customEvent);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
createGestureEventData(gesture, args) {
|
|
63
|
+
const baseData = {
|
|
64
|
+
type: gesture,
|
|
65
|
+
timestamp: Date.now(),
|
|
66
|
+
element: this.element
|
|
67
|
+
};
|
|
68
|
+
switch (gesture) {
|
|
69
|
+
case 'swipe':
|
|
70
|
+
return {
|
|
71
|
+
...baseData,
|
|
72
|
+
direction: args[0],
|
|
73
|
+
distance: this.calculateDistance(),
|
|
74
|
+
velocity: this.calculateVelocity(),
|
|
75
|
+
duration: this.calculateDuration()
|
|
76
|
+
};
|
|
77
|
+
case 'swipeLeft':
|
|
78
|
+
case 'swipeRight':
|
|
79
|
+
case 'swipeUp':
|
|
80
|
+
case 'swipeDown':
|
|
81
|
+
return {
|
|
82
|
+
...baseData,
|
|
83
|
+
direction: gesture.replace('swipe', '').toLowerCase(),
|
|
84
|
+
distance: this.calculateDistance(),
|
|
85
|
+
velocity: this.calculateVelocity(),
|
|
86
|
+
duration: this.calculateDuration()
|
|
87
|
+
};
|
|
88
|
+
case 'drag':
|
|
89
|
+
return {
|
|
90
|
+
...baseData,
|
|
91
|
+
deltaX: args[0],
|
|
92
|
+
deltaY: args[1],
|
|
93
|
+
distance: this.calculateDistance(),
|
|
94
|
+
velocity: this.calculateVelocity()
|
|
95
|
+
};
|
|
96
|
+
case 'tap':
|
|
97
|
+
case 'doubleTap':
|
|
98
|
+
case 'longPress':
|
|
99
|
+
return {
|
|
100
|
+
...baseData,
|
|
101
|
+
duration: this.calculateDuration()
|
|
102
|
+
};
|
|
103
|
+
case 'pinch':
|
|
104
|
+
case 'pinchIn':
|
|
105
|
+
case 'pinchOut':
|
|
106
|
+
return {
|
|
107
|
+
...baseData,
|
|
108
|
+
scale: args[0],
|
|
109
|
+
duration: this.calculateDuration()
|
|
110
|
+
};
|
|
111
|
+
case 'rotate':
|
|
112
|
+
return {
|
|
113
|
+
...baseData,
|
|
114
|
+
angle: args[0],
|
|
115
|
+
duration: this.calculateDuration()
|
|
116
|
+
};
|
|
117
|
+
default:
|
|
118
|
+
return baseData;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
calculateDistance() {
|
|
122
|
+
if (!this.startPoint || !this.lastPoint)
|
|
123
|
+
return 0;
|
|
124
|
+
const deltaX = this.lastPoint.x - this.startPoint.x;
|
|
125
|
+
const deltaY = this.lastPoint.y - this.startPoint.y;
|
|
126
|
+
return Math.sqrt(deltaX * deltaX + deltaY * deltaY);
|
|
127
|
+
}
|
|
128
|
+
calculateVelocity() {
|
|
129
|
+
if (!this.startPoint || !this.lastPoint)
|
|
130
|
+
return 0;
|
|
131
|
+
const distance = this.calculateDistance();
|
|
132
|
+
const duration = this.calculateDuration();
|
|
133
|
+
return duration > 0 ? distance / (duration / 1000) : 0;
|
|
134
|
+
}
|
|
135
|
+
calculateDuration() {
|
|
136
|
+
if (!this.startPoint || !this.lastPoint)
|
|
137
|
+
return 0;
|
|
138
|
+
return this.lastPoint.timestamp - this.startPoint.timestamp;
|
|
139
|
+
}
|
|
140
|
+
handleTouchStart = (e) => {
|
|
141
|
+
e.preventDefault();
|
|
142
|
+
const touch = e.touches[0];
|
|
143
|
+
this.startPoint = {
|
|
144
|
+
x: touch.clientX,
|
|
145
|
+
y: touch.clientY,
|
|
146
|
+
timestamp: Date.now()
|
|
147
|
+
};
|
|
148
|
+
this.lastPoint = { ...this.startPoint };
|
|
149
|
+
// Start long press timer
|
|
150
|
+
if (this.isGestureEnabled('longPress')) {
|
|
151
|
+
this.longPressTimer = window.setTimeout(() => {
|
|
152
|
+
this.callGestureCallback('longPress');
|
|
153
|
+
debugLog('gesture', 'Long press detected');
|
|
154
|
+
}, this.options.longPressDelay);
|
|
155
|
+
}
|
|
156
|
+
};
|
|
157
|
+
handleTouchMove = (e) => {
|
|
158
|
+
e.preventDefault();
|
|
159
|
+
const touch = e.touches[0];
|
|
160
|
+
const currentPoint = {
|
|
161
|
+
x: touch.clientX,
|
|
162
|
+
y: touch.clientY,
|
|
163
|
+
timestamp: Date.now()
|
|
164
|
+
};
|
|
165
|
+
// Clear long press timer if moving
|
|
166
|
+
if (this.longPressTimer) {
|
|
167
|
+
clearTimeout(this.longPressTimer);
|
|
168
|
+
this.longPressTimer = null;
|
|
169
|
+
}
|
|
170
|
+
// Handle drag
|
|
171
|
+
if (this.lastPoint && this.isGestureEnabled('drag')) {
|
|
172
|
+
const deltaX = currentPoint.x - this.lastPoint.x;
|
|
173
|
+
const deltaY = currentPoint.y - this.lastPoint.y;
|
|
174
|
+
this.callGestureCallback('drag', deltaX, deltaY);
|
|
175
|
+
this.isDragging = true;
|
|
176
|
+
}
|
|
177
|
+
this.lastPoint = currentPoint;
|
|
178
|
+
};
|
|
179
|
+
handleTouchEnd = (e) => {
|
|
180
|
+
e.preventDefault();
|
|
181
|
+
// Clear long press timer
|
|
182
|
+
if (this.longPressTimer) {
|
|
183
|
+
clearTimeout(this.longPressTimer);
|
|
184
|
+
this.longPressTimer = null;
|
|
185
|
+
}
|
|
186
|
+
if (this.startPoint && this.lastPoint && !this.isDragging) {
|
|
187
|
+
const deltaX = this.lastPoint.x - this.startPoint.x;
|
|
188
|
+
const deltaY = this.lastPoint.y - this.startPoint.y;
|
|
189
|
+
const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
|
|
190
|
+
// Check for swipe
|
|
191
|
+
if (distance > this.options.threshold) {
|
|
192
|
+
const angle = Math.atan2(deltaY, deltaX) * 180 / Math.PI;
|
|
193
|
+
let direction;
|
|
194
|
+
if (angle > -45 && angle < 45)
|
|
195
|
+
direction = 'right';
|
|
196
|
+
else if (angle > 45 && angle < 135)
|
|
197
|
+
direction = 'down';
|
|
198
|
+
else if (angle > 135 || angle < -135)
|
|
199
|
+
direction = 'left';
|
|
200
|
+
else
|
|
201
|
+
direction = 'up';
|
|
202
|
+
// Call general swipe callback
|
|
203
|
+
if (this.isGestureEnabled('swipe')) {
|
|
204
|
+
this.callGestureCallback('swipe', direction);
|
|
205
|
+
}
|
|
206
|
+
// Call directional swipe callbacks
|
|
207
|
+
if (this.isGestureEnabled(`swipe${direction.charAt(0).toUpperCase() + direction.slice(1)}`)) {
|
|
208
|
+
this.callGestureCallback(`swipe${direction.charAt(0).toUpperCase() + direction.slice(1)}`);
|
|
209
|
+
}
|
|
210
|
+
debugLog('gesture', 'Swipe detected:', direction);
|
|
211
|
+
}
|
|
212
|
+
else {
|
|
213
|
+
// Check for tap/double tap
|
|
214
|
+
const now = Date.now();
|
|
215
|
+
if (now - this.lastTapTime < 300) {
|
|
216
|
+
if (this.isGestureEnabled('doubleTap')) {
|
|
217
|
+
this.callGestureCallback('doubleTap');
|
|
218
|
+
}
|
|
219
|
+
debugLog('gesture', 'Double tap detected');
|
|
220
|
+
this.lastTapTime = 0;
|
|
221
|
+
}
|
|
222
|
+
else {
|
|
223
|
+
this.lastTapTime = now;
|
|
224
|
+
if (this.isGestureEnabled('tap')) {
|
|
225
|
+
this.callGestureCallback('tap');
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
this.isDragging = false;
|
|
231
|
+
this.startPoint = null;
|
|
232
|
+
this.lastPoint = null;
|
|
233
|
+
};
|
|
234
|
+
handleMouseDown = (e) => {
|
|
235
|
+
this.startPoint = {
|
|
236
|
+
x: e.clientX,
|
|
237
|
+
y: e.clientY,
|
|
238
|
+
timestamp: Date.now()
|
|
239
|
+
};
|
|
240
|
+
this.lastPoint = { ...this.startPoint };
|
|
241
|
+
// Start long press timer
|
|
242
|
+
if (this.isGestureEnabled('longPress')) {
|
|
243
|
+
this.longPressTimer = window.setTimeout(() => {
|
|
244
|
+
this.callGestureCallback('longPress');
|
|
245
|
+
debugLog('gesture', 'Long press detected (mouse)');
|
|
246
|
+
}, this.options.longPressDelay);
|
|
247
|
+
}
|
|
248
|
+
};
|
|
249
|
+
handleMouseMove = (e) => {
|
|
250
|
+
// Clear long press timer if moving
|
|
251
|
+
if (this.longPressTimer) {
|
|
252
|
+
clearTimeout(this.longPressTimer);
|
|
253
|
+
this.longPressTimer = null;
|
|
254
|
+
}
|
|
255
|
+
// Handle drag
|
|
256
|
+
if (this.lastPoint && this.isGestureEnabled('drag')) {
|
|
257
|
+
const deltaX = e.clientX - this.lastPoint.x;
|
|
258
|
+
const deltaY = e.clientY - this.lastPoint.y;
|
|
259
|
+
this.callGestureCallback('drag', deltaX, deltaY);
|
|
260
|
+
this.isDragging = true;
|
|
261
|
+
}
|
|
262
|
+
this.lastPoint = {
|
|
263
|
+
x: e.clientX,
|
|
264
|
+
y: e.clientY,
|
|
265
|
+
timestamp: Date.now()
|
|
266
|
+
};
|
|
267
|
+
};
|
|
268
|
+
handleMouseUp = (e) => {
|
|
269
|
+
// Clear long press timer
|
|
270
|
+
if (this.longPressTimer) {
|
|
271
|
+
clearTimeout(this.longPressTimer);
|
|
272
|
+
this.longPressTimer = null;
|
|
273
|
+
}
|
|
274
|
+
if (this.startPoint && this.lastPoint && !this.isDragging) {
|
|
275
|
+
const deltaX = this.lastPoint.x - this.startPoint.x;
|
|
276
|
+
const deltaY = this.lastPoint.y - this.startPoint.y;
|
|
277
|
+
const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
|
|
278
|
+
// Check for swipe
|
|
279
|
+
if (distance > this.options.threshold) {
|
|
280
|
+
const angle = Math.atan2(deltaY, deltaX) * 180 / Math.PI;
|
|
281
|
+
let direction;
|
|
282
|
+
if (angle > -45 && angle < 45)
|
|
283
|
+
direction = 'right';
|
|
284
|
+
else if (angle > 45 && angle < 135)
|
|
285
|
+
direction = 'down';
|
|
286
|
+
else if (angle > 135 || angle < -135)
|
|
287
|
+
direction = 'left';
|
|
288
|
+
else
|
|
289
|
+
direction = 'up';
|
|
290
|
+
// Call general swipe callback
|
|
291
|
+
if (this.isGestureEnabled('swipe')) {
|
|
292
|
+
this.callGestureCallback('swipe', direction);
|
|
293
|
+
}
|
|
294
|
+
// Call directional swipe callbacks
|
|
295
|
+
if (this.isGestureEnabled(`swipe${direction.charAt(0).toUpperCase() + direction.slice(1)}`)) {
|
|
296
|
+
this.callGestureCallback(`swipe${direction.charAt(0).toUpperCase() + direction.slice(1)}`);
|
|
297
|
+
}
|
|
298
|
+
debugLog('gesture', 'Swipe detected (mouse):', direction);
|
|
299
|
+
}
|
|
300
|
+
else {
|
|
301
|
+
// Check for double click
|
|
302
|
+
const now = Date.now();
|
|
303
|
+
if (now - this.lastTapTime < 300) {
|
|
304
|
+
if (this.isGestureEnabled('doubleTap')) {
|
|
305
|
+
this.callGestureCallback('doubleTap');
|
|
306
|
+
}
|
|
307
|
+
debugLog('gesture', 'Double click detected');
|
|
308
|
+
this.lastTapTime = 0;
|
|
309
|
+
}
|
|
310
|
+
else {
|
|
311
|
+
this.lastTapTime = now;
|
|
312
|
+
if (this.isGestureEnabled('tap')) {
|
|
313
|
+
this.callGestureCallback('tap');
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
this.isDragging = false;
|
|
319
|
+
this.startPoint = null;
|
|
320
|
+
this.lastPoint = null;
|
|
321
|
+
};
|
|
322
|
+
update(options) {
|
|
323
|
+
this.options = { ...this.options, ...options };
|
|
324
|
+
}
|
|
325
|
+
unmount() {
|
|
326
|
+
if (this.longPressTimer) {
|
|
327
|
+
clearTimeout(this.longPressTimer);
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
//# sourceMappingURL=gesture.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gesture.directive.js","sourceRoot":"","sources":["../../../src/directives/gesture.directive.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export * from './directive';
|
|
2
|
+
export * from './directive-manager';
|
|
3
|
+
export * from './decorators';
|
|
4
|
+
import './lazy-setup';
|
|
5
|
+
export * from './resize.directive';
|
|
6
|
+
export * from './intersection.directive';
|
|
7
|
+
export * from './focus.directive';
|
|
8
|
+
export * from './mutation.directive';
|
|
9
|
+
export { IfDirective, ElseIfDirective } from './structural/if.directive';
|
|
10
|
+
export * from './structural/for.directive';
|
|
11
|
+
export * from './structural/switch.directive';
|
|
12
|
+
export { VirtualScrollDirective } from './structural/virtual-scroll.directive';
|
|
13
|
+
export type { VirtualScrollDirectiveConfig } from './structural/virtual-scroll.directive';
|
|
14
|
+
export { AsyncDirective } from './structural/async.directive';
|
|
15
|
+
export type { AsyncDirectiveConfig } from './structural/async.directive';
|
|
16
|
+
export { repeat, RepeatResult } from './repeat';
|
|
17
|
+
export type { KeyFn, TemplateFn } from './repeat';
|
|
18
|
+
export { when } from './when';
|
|
19
|
+
export { choose } from './choose';
|
|
20
|
+
export type { ChoiceCase } from './choose';
|
|
21
|
+
export { resolveAsync, createAsyncTracker } from './await';
|
|
22
|
+
export type { AsyncTracker } from './await';
|
|
23
|
+
export { computeVirtualSlice } from './virtual-scroll';
|
|
24
|
+
export type { VirtualScrollConfig, VirtualScrollResult } from './virtual-scroll';
|
|
25
|
+
export * from './lazy.directive';
|
|
26
|
+
export * from './animate.directive';
|
|
27
|
+
export * from './validate.directive';
|
|
28
|
+
export * from './media.directive';
|
|
29
|
+
export * from './gesture.directive';
|
|
30
|
+
export * from './directive-manager';
|
|
31
|
+
export * from './lazy-setup';
|
|
32
|
+
export * from './utils';
|
|
33
|
+
export { directive, lazyDirective } from './decorators';
|
|
34
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/directives/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAG7B,OAAO,cAAc,CAAC;AAGtB,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACzE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,YAAY,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAChD,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC3D,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIjF,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
// Export base types
|
|
2
|
+
export * from './directive';
|
|
3
|
+
export * from './directive-manager';
|
|
4
|
+
export * from './decorators';
|
|
5
|
+
// Initialize lazy loading setup by default
|
|
6
|
+
import './lazy-setup';
|
|
7
|
+
// Export core directives (always available)
|
|
8
|
+
export * from './resize.directive';
|
|
9
|
+
export * from './intersection.directive';
|
|
10
|
+
export * from './focus.directive';
|
|
11
|
+
export * from './mutation.directive';
|
|
12
|
+
export { IfDirective, ElseIfDirective } from './structural/if.directive';
|
|
13
|
+
export * from './structural/for.directive';
|
|
14
|
+
export * from './structural/switch.directive';
|
|
15
|
+
export { VirtualScrollDirective } from './structural/virtual-scroll.directive';
|
|
16
|
+
export { AsyncDirective } from './structural/async.directive';
|
|
17
|
+
export { repeat, RepeatResult } from './repeat';
|
|
18
|
+
export { when } from './when';
|
|
19
|
+
export { choose } from './choose';
|
|
20
|
+
export { resolveAsync, createAsyncTracker } from './await';
|
|
21
|
+
export { computeVirtualSlice } from './virtual-scroll';
|
|
22
|
+
// Export innovative directives (lazy loaded)
|
|
23
|
+
// These are available but will only be loaded when used
|
|
24
|
+
export * from './lazy.directive';
|
|
25
|
+
export * from './animate.directive';
|
|
26
|
+
export * from './validate.directive';
|
|
27
|
+
export * from './media.directive';
|
|
28
|
+
export * from './gesture.directive';
|
|
29
|
+
// Export the directive manager for advanced usage
|
|
30
|
+
export * from './directive-manager';
|
|
31
|
+
export * from './lazy-setup';
|
|
32
|
+
export * from './utils';
|
|
33
|
+
// Export decorators for easy directive registration
|
|
34
|
+
export { directive, lazyDirective } from './decorators';
|
|
35
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/directives/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAE7B,2CAA2C;AAC3C,OAAO,cAAc,CAAC;AAEtB,4CAA4C;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACzE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,6CAA6C;AAC7C,wDAAwD;AACxD,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AAEpC,kDAAkD;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAExB,oDAAoD;AACpD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { BaseDirective } from './directive';
|
|
2
|
+
interface IntersectionOptions {
|
|
3
|
+
threshold?: number | number[];
|
|
4
|
+
root?: Element | null;
|
|
5
|
+
rootMargin?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare class IntersectionDirective extends BaseDirective {
|
|
8
|
+
private observer;
|
|
9
|
+
private callback;
|
|
10
|
+
private options;
|
|
11
|
+
constructor(element: Element);
|
|
12
|
+
mount(element: Element): void;
|
|
13
|
+
update(callback: (isVisible: boolean) => void): void;
|
|
14
|
+
unmount(): void;
|
|
15
|
+
setOptions(options: Partial<IntersectionOptions>): void;
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=intersection.directive.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"intersection.directive.d.ts","sourceRoot":"","sources":["../../../src/directives/intersection.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,UAAU,mBAAmB;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,qBAAa,qBAAsB,SAAQ,aAAa;IACpD,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,QAAQ,CAA+C;IAC/D,OAAO,CAAC,OAAO,CAGb;gBAEU,OAAO,EAAE,OAAO;IAK5B,KAAK,CAAC,OAAO,EAAE,OAAO;IAmBtB,MAAM,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI;IAK7C,OAAO;IASP,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,mBAAmB,CAAC;CAQnD"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { BaseDirective } from './directive';
|
|
2
|
+
import { debugLog } from '../utils/debug';
|
|
3
|
+
export class IntersectionDirective extends BaseDirective {
|
|
4
|
+
observer = null;
|
|
5
|
+
callback = null;
|
|
6
|
+
options = {
|
|
7
|
+
threshold: 0.1,
|
|
8
|
+
rootMargin: '0px'
|
|
9
|
+
};
|
|
10
|
+
constructor(element) {
|
|
11
|
+
super(element);
|
|
12
|
+
debugLog('intersect', 'Creating directive');
|
|
13
|
+
}
|
|
14
|
+
mount(element) {
|
|
15
|
+
debugLog('intersect', 'Mounting observer', { options: this.options });
|
|
16
|
+
this.observer = new IntersectionObserver((entries) => {
|
|
17
|
+
const [entry] = entries;
|
|
18
|
+
debugLog('intersect', 'Intersection change', {
|
|
19
|
+
isIntersecting: entry.isIntersecting,
|
|
20
|
+
intersectionRatio: entry.intersectionRatio,
|
|
21
|
+
threshold: this.options.threshold
|
|
22
|
+
});
|
|
23
|
+
if (this.callback) {
|
|
24
|
+
this.callback(entry.isIntersecting);
|
|
25
|
+
}
|
|
26
|
+
}, this.options);
|
|
27
|
+
this.observer.observe(element);
|
|
28
|
+
}
|
|
29
|
+
update(callback) {
|
|
30
|
+
debugLog('intersect', 'Updating callback');
|
|
31
|
+
this.callback = callback;
|
|
32
|
+
}
|
|
33
|
+
unmount() {
|
|
34
|
+
debugLog('intersect', 'Unmounting observer');
|
|
35
|
+
if (this.observer) {
|
|
36
|
+
this.observer.disconnect();
|
|
37
|
+
this.observer = null;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
// Allow updating options
|
|
41
|
+
setOptions(options) {
|
|
42
|
+
Object.assign(this.options, options);
|
|
43
|
+
// Remount observer if it exists
|
|
44
|
+
if (this.observer && this.element) {
|
|
45
|
+
this.observer.disconnect();
|
|
46
|
+
this.mount(this.element);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=intersection.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"intersection.directive.js","sourceRoot":"","sources":["../../../src/directives/intersection.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAQ1C,MAAM,OAAO,qBAAsB,SAAQ,aAAa;IAC5C,QAAQ,GAAgC,IAAI,CAAC;IAC7C,QAAQ,GAA0C,IAAI,CAAC;IACvD,OAAO,GAAwB;QACnC,SAAS,EAAE,GAAG;QACd,UAAU,EAAE,KAAK;KACpB,CAAC;IAEF,YAAY,OAAgB;QACxB,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,QAAQ,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;IAChD,CAAC;IAED,KAAK,CAAC,OAAgB;QAClB,QAAQ,CAAC,WAAW,EAAE,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAEtE,IAAI,CAAC,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACjD,MAAM,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;YACxB,QAAQ,CAAC,WAAW,EAAE,qBAAqB,EAAE;gBACzC,cAAc,EAAE,KAAK,CAAC,cAAc;gBACpC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;gBAC1C,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;aACpC,CAAC,CAAC;YAEH,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YACxC,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAEjB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,QAAsC;QACzC,QAAQ,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAED,OAAO;QACH,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAC;QAC7C,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;YAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACzB,CAAC;IACL,CAAC;IAED,yBAAyB;IACzB,UAAU,CAAC,OAAqC;QAC5C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACrC,gCAAgC;QAChC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAChC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC;CACJ"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ITemplateProcessor } from '../processor/types';
|
|
2
|
+
import { RepeatResult } from './repeat';
|
|
3
|
+
/**
|
|
4
|
+
* Manages keyed list reconciliation for a NodeBinding.
|
|
5
|
+
* Uses an LIS-based algorithm to compute the minimal set of DOM
|
|
6
|
+
* moves required to reorder existing items, while reusing
|
|
7
|
+
* TemplateInstance objects and only creating/removing as needed.
|
|
8
|
+
*/
|
|
9
|
+
export declare class KeyedListState {
|
|
10
|
+
private startMarker;
|
|
11
|
+
private endMarker;
|
|
12
|
+
private processor;
|
|
13
|
+
private items;
|
|
14
|
+
private keyMap;
|
|
15
|
+
constructor(startMarker: Comment, endMarker: Comment, processor: ITemplateProcessor);
|
|
16
|
+
/**
|
|
17
|
+
* Reconcile the DOM to reflect a new RepeatResult.
|
|
18
|
+
*
|
|
19
|
+
* 1. Compute new keys & detect removals.
|
|
20
|
+
* 2. Reuse or create TemplateInstances per key.
|
|
21
|
+
* 3. Use LIS on the old→new position mapping to find items
|
|
22
|
+
* that can stay in place (the longest already-ordered run).
|
|
23
|
+
* 4. Move only the items not in the LIS.
|
|
24
|
+
*/
|
|
25
|
+
update(result: RepeatResult): Promise<void>;
|
|
26
|
+
private removeItem;
|
|
27
|
+
clear(): void;
|
|
28
|
+
disconnect(): void;
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=keyed-diff.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keyed-diff.d.ts","sourceRoot":"","sources":["../../../src/directives/keyed-diff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAqB,MAAM,oBAAoB,CAAC;AAE3E,OAAO,EAAE,YAAY,EAAqB,MAAM,UAAU,CAAC;AA8D3D;;;;;GAKG;AACH,qBAAa,cAAc;IAKnB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,SAAS;IANrB,OAAO,CAAC,KAAK,CAAmB;IAChC,OAAO,CAAC,MAAM,CAAiC;gBAGnC,WAAW,EAAE,OAAO,EACpB,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,kBAAkB;IAGzC;;;;;;;;OAQG;IACG,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAyGjD,OAAO,CAAC,UAAU;IAQlB,KAAK,IAAI,IAAI;IAQb,UAAU,IAAI,IAAI;CAGrB"}
|