@studiometa/js-toolkit 2.4.4-alpha.3 → 2.4.4-alpha.4
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/Base/index.cjs +1 -1
- package/Base/index.d.ts +16 -18
- package/Base/index.js +1 -1
- package/Base/managers/AbstractManager.d.ts +2 -2
- package/Base/managers/ChildrenManager.cjs +2 -4
- package/Base/managers/ChildrenManager.d.ts +2 -10
- package/Base/managers/ChildrenManager.js +1 -3
- package/Base/managers/EventsManager.cjs +3 -3
- package/Base/managers/EventsManager.d.ts +9 -15
- package/Base/managers/EventsManager.js +2 -2
- package/Base/managers/OptionsManager.d.ts +2 -2
- package/Base/managers/ServicesManager.d.ts +1 -1
- package/Base/utils.cjs +1 -1
- package/Base/utils.d.ts +5 -21
- package/decorators/index.cjs +2 -0
- package/decorators/index.d.ts +1 -0
- package/decorators/index.js +4 -2
- package/decorators/withBreakpointManager.cjs +3 -2
- package/decorators/withBreakpointManager.d.ts +2 -56
- package/decorators/withBreakpointManager.js +3 -2
- package/decorators/withBreakpointObserver.cjs +6 -4
- package/decorators/withBreakpointObserver.d.ts +71 -16
- package/decorators/withBreakpointObserver.js +6 -4
- package/decorators/withDrag.cjs +5 -4
- package/decorators/withDrag.d.ts +58 -16
- package/decorators/withDrag.js +5 -4
- package/decorators/withExtraConfig.cjs +4 -3
- package/decorators/withExtraConfig.d.ts +60 -17
- package/decorators/withExtraConfig.js +4 -3
- package/decorators/withFreezedOptions.cjs +3 -2
- package/decorators/withFreezedOptions.d.ts +68 -16
- package/decorators/withFreezedOptions.js +3 -2
- package/decorators/withIntersectionObserver.cjs +6 -4
- package/decorators/withIntersectionObserver.d.ts +64 -17
- package/decorators/withIntersectionObserver.js +6 -4
- package/decorators/withMountWhenInView.cjs +10 -5
- package/decorators/withMountWhenInView.d.ts +71 -16
- package/decorators/withMountWhenInView.js +10 -5
- package/decorators/withResponsiveOptions.cjs +3 -2
- package/decorators/withResponsiveOptions.d.ts +65 -17
- package/decorators/withResponsiveOptions.js +3 -2
- package/decorators/withScrolledInView.cjs +5 -4
- package/decorators/withScrolledInView.d.ts +222 -55
- package/decorators/withScrolledInView.js +5 -4
- package/decorators/withType.cjs +28 -0
- package/decorators/withType.d.ts +5 -0
- package/decorators/withType.js +6 -0
- package/decorators/withVue2.cjs +7 -4
- package/decorators/withVue2.d.ts +61 -17
- package/decorators/withVue2.js +7 -4
- package/helpers/createApp.cjs +1 -1
- package/helpers/createApp.d.ts +2 -10
- package/helpers/getDirectChildren.cjs +5 -5
- package/helpers/getDirectChildren.d.ts +3 -6
- package/helpers/getDirectChildren.js +4 -4
- package/helpers/getInstanceFromElement.cjs +3 -4
- package/helpers/getInstanceFromElement.d.ts +2 -11
- package/helpers/getInstanceFromElement.js +2 -3
- package/helpers/importOnInteraction.cjs +1 -1
- package/helpers/importOnInteraction.d.ts +5 -10
- package/helpers/importWhenIdle.cjs +3 -5
- package/helpers/importWhenIdle.d.ts +7 -10
- package/helpers/importWhenIdle.js +2 -4
- package/helpers/importWhenVisible.cjs +1 -1
- package/helpers/importWhenVisible.d.ts +2 -7
- package/helpers/index.cjs +1 -1
- package/helpers/index.d.ts +6 -6
- package/helpers/utils.cjs +1 -1
- package/helpers/utils.d.ts +1 -1
- package/index.cjs +2 -8
- package/index.d.ts +1 -1
- package/index.js +2 -2
- package/package.json +1 -1
|
@@ -31,8 +31,8 @@ function createArrayOfNumber(length) {
|
|
|
31
31
|
return [...new Array(length + 1)].map((val, index) => index / length);
|
|
32
32
|
}
|
|
33
33
|
function withIntersectionObserver(BaseClass, defaultOptions = { threshold: createArrayOfNumber(100) }) {
|
|
34
|
-
var _a
|
|
35
|
-
|
|
34
|
+
var _a;
|
|
35
|
+
class WithIntersectionObserver extends BaseClass {
|
|
36
36
|
constructor(element) {
|
|
37
37
|
super(element);
|
|
38
38
|
__publicField(this, "$observer");
|
|
@@ -52,7 +52,8 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
|
|
|
52
52
|
this.$observer.unobserve(this.$el);
|
|
53
53
|
});
|
|
54
54
|
}
|
|
55
|
-
}
|
|
55
|
+
}
|
|
56
|
+
__publicField(WithIntersectionObserver, "config", {
|
|
56
57
|
...BaseClass.config,
|
|
57
58
|
name: `${BaseClass.config.name}WithIntersectionObserver`,
|
|
58
59
|
options: {
|
|
@@ -60,6 +61,7 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
|
|
|
60
61
|
intersectionObserver: Object
|
|
61
62
|
},
|
|
62
63
|
emits: ["intersected"]
|
|
63
|
-
})
|
|
64
|
+
});
|
|
65
|
+
return WithIntersectionObserver;
|
|
64
66
|
}
|
|
65
67
|
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
|
|
1
|
+
import type { Base, BaseConstructor, BaseTypeParameter } from '../Base/index.js';
|
|
2
2
|
interface WithIntersectionObserverInterface {
|
|
3
3
|
$options: {
|
|
4
4
|
intersectionObserver: IntersectionObserverInit;
|
|
@@ -9,32 +9,32 @@ interface WithIntersectionObserverInterface {
|
|
|
9
9
|
/**
|
|
10
10
|
* IntersectionObserver decoration.
|
|
11
11
|
*/
|
|
12
|
-
export default function withIntersectionObserver<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass:
|
|
13
|
-
new
|
|
12
|
+
export default function withIntersectionObserver<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S, defaultOptions?: IntersectionObserverInit): {
|
|
13
|
+
new (...args: any[]): {
|
|
14
14
|
/**
|
|
15
15
|
* Intersection observer instance.
|
|
16
16
|
*/
|
|
17
17
|
$observer: IntersectionObserver;
|
|
18
|
-
$parent:
|
|
18
|
+
$parent: Base<BaseTypeParameter>;
|
|
19
19
|
$id: string;
|
|
20
|
-
$el:
|
|
21
|
-
__base__?: WeakMap<
|
|
20
|
+
$el: HTMLElement & {
|
|
21
|
+
__base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
|
|
22
22
|
};
|
|
23
23
|
$isMounted: boolean;
|
|
24
24
|
__eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
|
|
25
|
-
readonly $root:
|
|
25
|
+
readonly $root: Base<BaseTypeParameter>;
|
|
26
26
|
readonly __config: import("../Base/index.js").BaseConfig;
|
|
27
27
|
__services: import("../Base/managers/ServicesManager.js").default;
|
|
28
28
|
readonly $services: import("../Base/managers/ServicesManager.js").default;
|
|
29
|
-
__refs: import("../Base/managers/RefsManager.js").default &
|
|
30
|
-
readonly $refs: import("../Base/managers/RefsManager.js").default &
|
|
31
|
-
__options: import("../Base/managers/OptionsManager.js").default &
|
|
32
|
-
readonly $options: import("../Base/managers/OptionsManager.js").default &
|
|
33
|
-
__children: import("../Base/managers/ChildrenManager.js").default &
|
|
34
|
-
readonly $children: import("../Base/managers/ChildrenManager.js").default &
|
|
29
|
+
__refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
30
|
+
readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
31
|
+
__options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
32
|
+
readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
33
|
+
__children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
34
|
+
readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
35
35
|
__events: import("../Base/managers/EventsManager.js").default;
|
|
36
|
-
readonly $log: (...args:
|
|
37
|
-
readonly __debug: (...args:
|
|
36
|
+
readonly $log: (...args: unknown[]) => void;
|
|
37
|
+
readonly __debug: (...args: unknown[]) => void;
|
|
38
38
|
readonly __managers: import("../Base/index.js").Managers;
|
|
39
39
|
__callMethod(method: string, ...args: unknown[]): unknown;
|
|
40
40
|
__hasEvent(event: string): boolean;
|
|
@@ -44,7 +44,51 @@ export default function withIntersectionObserver<T extends BaseTypeParameter = B
|
|
|
44
44
|
$terminate(): void;
|
|
45
45
|
__addEmits(event: string): void;
|
|
46
46
|
__removeEmits(event: string): void;
|
|
47
|
-
readonly __ctor:
|
|
47
|
+
readonly __ctor: BaseConstructor<Base<BaseTypeParameter>>;
|
|
48
|
+
$on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
|
|
49
|
+
$off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
50
|
+
$emit(event: string, ...args: unknown[]): void;
|
|
51
|
+
addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
52
|
+
dispatchEvent(event: Event): boolean;
|
|
53
|
+
removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
54
|
+
};
|
|
55
|
+
prototype: Base<BaseTypeParameter>;
|
|
56
|
+
} & Pick<typeof Base, "prototype" | "$isBase" | "config" | "$factory"> & Pick<{
|
|
57
|
+
new (element: HTMLElement): {
|
|
58
|
+
/**
|
|
59
|
+
* Intersection observer instance.
|
|
60
|
+
*/
|
|
61
|
+
$observer: IntersectionObserver;
|
|
62
|
+
$parent: Base<BaseTypeParameter>;
|
|
63
|
+
$id: string;
|
|
64
|
+
$el: HTMLElement & {
|
|
65
|
+
__base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
|
|
66
|
+
};
|
|
67
|
+
$isMounted: boolean;
|
|
68
|
+
__eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
|
|
69
|
+
readonly $root: Base<BaseTypeParameter>;
|
|
70
|
+
readonly __config: import("../Base/index.js").BaseConfig;
|
|
71
|
+
__services: import("../Base/managers/ServicesManager.js").default;
|
|
72
|
+
readonly $services: import("../Base/managers/ServicesManager.js").default;
|
|
73
|
+
__refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
74
|
+
readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
75
|
+
__options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
76
|
+
readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
77
|
+
__children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
78
|
+
readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
79
|
+
__events: import("../Base/managers/EventsManager.js").default;
|
|
80
|
+
readonly $log: (...args: unknown[]) => void;
|
|
81
|
+
readonly __debug: (...args: unknown[]) => void;
|
|
82
|
+
readonly __managers: import("../Base/index.js").Managers;
|
|
83
|
+
__callMethod(method: string, ...args: unknown[]): unknown;
|
|
84
|
+
__hasEvent(event: string): boolean;
|
|
85
|
+
$mount(): any;
|
|
86
|
+
$update(): any;
|
|
87
|
+
$destroy(): any;
|
|
88
|
+
$terminate(): void;
|
|
89
|
+
__addEmits(event: string): void;
|
|
90
|
+
__removeEmits(event: string): void;
|
|
91
|
+
readonly __ctor: BaseConstructor<Base<BaseTypeParameter>>;
|
|
48
92
|
$on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
|
|
49
93
|
$off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
50
94
|
$emit(event: string, ...args: unknown[]): void;
|
|
@@ -64,6 +108,9 @@ export default function withIntersectionObserver<T extends BaseTypeParameter = B
|
|
|
64
108
|
components?: import("../Base/index.js").BaseConfigComponents;
|
|
65
109
|
};
|
|
66
110
|
readonly $isBase: true;
|
|
67
|
-
$factory
|
|
111
|
+
$factory: typeof Base.$factory;
|
|
112
|
+
} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
|
|
113
|
+
new (...args: any[]): Base<WithIntersectionObserverInterface & T>;
|
|
114
|
+
prototype: Base<BaseTypeParameter>;
|
|
68
115
|
};
|
|
69
116
|
export {};
|
|
@@ -8,8 +8,8 @@ function createArrayOfNumber(length) {
|
|
|
8
8
|
return [...new Array(length + 1)].map((val, index) => index / length);
|
|
9
9
|
}
|
|
10
10
|
function withIntersectionObserver(BaseClass, defaultOptions = { threshold: createArrayOfNumber(100) }) {
|
|
11
|
-
var _a
|
|
12
|
-
|
|
11
|
+
var _a;
|
|
12
|
+
class WithIntersectionObserver extends BaseClass {
|
|
13
13
|
constructor(element) {
|
|
14
14
|
super(element);
|
|
15
15
|
__publicField(this, "$observer");
|
|
@@ -29,7 +29,8 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
|
|
|
29
29
|
this.$observer.unobserve(this.$el);
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
|
-
}
|
|
32
|
+
}
|
|
33
|
+
__publicField(WithIntersectionObserver, "config", {
|
|
33
34
|
...BaseClass.config,
|
|
34
35
|
name: `${BaseClass.config.name}WithIntersectionObserver`,
|
|
35
36
|
options: {
|
|
@@ -37,7 +38,8 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
|
|
|
37
38
|
intersectionObserver: Object
|
|
38
39
|
},
|
|
39
40
|
emits: ["intersected"]
|
|
40
|
-
})
|
|
41
|
+
});
|
|
42
|
+
return WithIntersectionObserver;
|
|
41
43
|
}
|
|
42
44
|
export {
|
|
43
45
|
withIntersectionObserver as default
|
|
@@ -28,8 +28,8 @@ __export(withMountWhenInView_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(withMountWhenInView_exports);
|
|
30
30
|
function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {
|
|
31
|
-
var _a
|
|
32
|
-
|
|
31
|
+
var _a;
|
|
32
|
+
class WithMountWhenInView extends BaseClass {
|
|
33
33
|
constructor(element) {
|
|
34
34
|
super(element);
|
|
35
35
|
__publicField(this, "__isVisible", false);
|
|
@@ -46,7 +46,10 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
|
-
{
|
|
49
|
+
{
|
|
50
|
+
...defaultOptions,
|
|
51
|
+
...this.$options.intersectionObserver
|
|
52
|
+
}
|
|
50
53
|
);
|
|
51
54
|
this.__observer.observe(this.$el);
|
|
52
55
|
this.$on("terminated", () => {
|
|
@@ -59,13 +62,15 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
|
|
|
59
62
|
}
|
|
60
63
|
return this;
|
|
61
64
|
}
|
|
62
|
-
}
|
|
65
|
+
}
|
|
66
|
+
__publicField(WithMountWhenInView, "config", {
|
|
63
67
|
...BaseClass.config,
|
|
64
68
|
name: `${BaseClass.config.name}WithMountWhenInView`,
|
|
65
69
|
options: {
|
|
66
70
|
...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
|
|
67
71
|
intersectionObserver: Object
|
|
68
72
|
}
|
|
69
|
-
})
|
|
73
|
+
});
|
|
74
|
+
return WithMountWhenInView;
|
|
70
75
|
}
|
|
71
76
|
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type { BaseTypeParameter, BaseConfig } from '../Base/index.js';
|
|
2
|
-
import Base from '../Base/index.js';
|
|
1
|
+
import type { Base, BaseTypeParameter, BaseConfig, BaseConstructor } from '../Base/index.js';
|
|
3
2
|
declare type WithMountWhenInViewInterface = {
|
|
4
3
|
$options: {
|
|
5
4
|
intersectionObserver: IntersectionObserverInit;
|
|
@@ -8,8 +7,8 @@ declare type WithMountWhenInViewInterface = {
|
|
|
8
7
|
/**
|
|
9
8
|
* IntersectionObserver decoration.
|
|
10
9
|
*/
|
|
11
|
-
export default function withMountWhenInView<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass:
|
|
12
|
-
new
|
|
10
|
+
export default function withMountWhenInView<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S, defaultOptions?: IntersectionObserverInit): {
|
|
11
|
+
new (...args: any[]): {
|
|
13
12
|
/**
|
|
14
13
|
* Is the component visible?
|
|
15
14
|
* @private
|
|
@@ -26,8 +25,8 @@ export default function withMountWhenInView<T extends BaseTypeParameter = BaseTy
|
|
|
26
25
|
$mount(): any;
|
|
27
26
|
$parent: Base<BaseTypeParameter>;
|
|
28
27
|
$id: string;
|
|
29
|
-
$el:
|
|
30
|
-
__base__?: WeakMap<
|
|
28
|
+
$el: HTMLElement & {
|
|
29
|
+
__base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
|
|
31
30
|
};
|
|
32
31
|
$isMounted: boolean;
|
|
33
32
|
__eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
|
|
@@ -35,15 +34,15 @@ export default function withMountWhenInView<T extends BaseTypeParameter = BaseTy
|
|
|
35
34
|
readonly __config: BaseConfig;
|
|
36
35
|
__services: import("../Base/managers/ServicesManager.js").default;
|
|
37
36
|
readonly $services: import("../Base/managers/ServicesManager.js").default;
|
|
38
|
-
__refs: import("../Base/managers/RefsManager.js").default &
|
|
39
|
-
readonly $refs: import("../Base/managers/RefsManager.js").default &
|
|
40
|
-
__options: import("../Base/managers/OptionsManager.js").default &
|
|
41
|
-
readonly $options: import("../Base/managers/OptionsManager.js").default &
|
|
42
|
-
__children: import("../Base/managers/ChildrenManager.js").default &
|
|
43
|
-
readonly $children: import("../Base/managers/ChildrenManager.js").default &
|
|
37
|
+
__refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
38
|
+
readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
39
|
+
__options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
40
|
+
readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
41
|
+
__children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
42
|
+
readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
44
43
|
__events: import("../Base/managers/EventsManager.js").default;
|
|
45
|
-
readonly $log: (...args:
|
|
46
|
-
readonly __debug: (...args:
|
|
44
|
+
readonly $log: (...args: unknown[]) => void;
|
|
45
|
+
readonly __debug: (...args: unknown[]) => void;
|
|
47
46
|
readonly __managers: import("../Base/index.js").Managers;
|
|
48
47
|
__callMethod(method: string, ...args: unknown[]): unknown;
|
|
49
48
|
__hasEvent(event: string): boolean;
|
|
@@ -52,7 +51,60 @@ export default function withMountWhenInView<T extends BaseTypeParameter = BaseTy
|
|
|
52
51
|
$terminate(): void;
|
|
53
52
|
__addEmits(event: string): void;
|
|
54
53
|
__removeEmits(event: string): void;
|
|
55
|
-
readonly __ctor:
|
|
54
|
+
readonly __ctor: BaseConstructor<Base<BaseTypeParameter>>;
|
|
55
|
+
$on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
|
|
56
|
+
$off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
57
|
+
$emit(event: string, ...args: unknown[]): void;
|
|
58
|
+
addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
59
|
+
dispatchEvent(event: Event): boolean;
|
|
60
|
+
removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
61
|
+
};
|
|
62
|
+
prototype: Base<BaseTypeParameter>;
|
|
63
|
+
} & Pick<typeof Base, "prototype" | "$isBase" | "config" | "$factory"> & Pick<{
|
|
64
|
+
new (element: HTMLElement): {
|
|
65
|
+
/**
|
|
66
|
+
* Is the component visible?
|
|
67
|
+
* @private
|
|
68
|
+
*/
|
|
69
|
+
__isVisible: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* The component's observer.
|
|
72
|
+
* @private
|
|
73
|
+
*/
|
|
74
|
+
__observer: IntersectionObserver;
|
|
75
|
+
/**
|
|
76
|
+
* Override the mounting of the component.
|
|
77
|
+
*/
|
|
78
|
+
$mount(): any;
|
|
79
|
+
$parent: Base<BaseTypeParameter>;
|
|
80
|
+
$id: string;
|
|
81
|
+
$el: HTMLElement & {
|
|
82
|
+
__base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
|
|
83
|
+
};
|
|
84
|
+
$isMounted: boolean;
|
|
85
|
+
__eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
|
|
86
|
+
readonly $root: Base<BaseTypeParameter>;
|
|
87
|
+
readonly __config: BaseConfig;
|
|
88
|
+
__services: import("../Base/managers/ServicesManager.js").default;
|
|
89
|
+
readonly $services: import("../Base/managers/ServicesManager.js").default;
|
|
90
|
+
__refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
91
|
+
readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
92
|
+
__options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
93
|
+
readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
94
|
+
__children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
95
|
+
readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
96
|
+
__events: import("../Base/managers/EventsManager.js").default;
|
|
97
|
+
readonly $log: (...args: unknown[]) => void;
|
|
98
|
+
readonly __debug: (...args: unknown[]) => void;
|
|
99
|
+
readonly __managers: import("../Base/index.js").Managers;
|
|
100
|
+
__callMethod(method: string, ...args: unknown[]): unknown;
|
|
101
|
+
__hasEvent(event: string): boolean;
|
|
102
|
+
$update(): any;
|
|
103
|
+
$destroy(): any;
|
|
104
|
+
$terminate(): void;
|
|
105
|
+
__addEmits(event: string): void;
|
|
106
|
+
__removeEmits(event: string): void;
|
|
107
|
+
readonly __ctor: BaseConstructor<Base<BaseTypeParameter>>;
|
|
56
108
|
$on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
|
|
57
109
|
$off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
58
110
|
$emit(event: string, ...args: unknown[]): void;
|
|
@@ -62,6 +114,9 @@ export default function withMountWhenInView<T extends BaseTypeParameter = BaseTy
|
|
|
62
114
|
};
|
|
63
115
|
config: BaseConfig;
|
|
64
116
|
readonly $isBase: true;
|
|
65
|
-
$factory
|
|
117
|
+
$factory: typeof Base.$factory;
|
|
118
|
+
} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
|
|
119
|
+
new (...args: any[]): Base<T & WithMountWhenInViewInterface>;
|
|
120
|
+
prototype: Base<BaseTypeParameter>;
|
|
66
121
|
};
|
|
67
122
|
export {};
|
|
@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
|
|
|
5
5
|
return value;
|
|
6
6
|
};
|
|
7
7
|
function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {
|
|
8
|
-
var _a
|
|
9
|
-
|
|
8
|
+
var _a;
|
|
9
|
+
class WithMountWhenInView extends BaseClass {
|
|
10
10
|
constructor(element) {
|
|
11
11
|
super(element);
|
|
12
12
|
__publicField(this, "__isVisible", false);
|
|
@@ -23,7 +23,10 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
|
-
{
|
|
26
|
+
{
|
|
27
|
+
...defaultOptions,
|
|
28
|
+
...this.$options.intersectionObserver
|
|
29
|
+
}
|
|
27
30
|
);
|
|
28
31
|
this.__observer.observe(this.$el);
|
|
29
32
|
this.$on("terminated", () => {
|
|
@@ -36,14 +39,16 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
|
|
|
36
39
|
}
|
|
37
40
|
return this;
|
|
38
41
|
}
|
|
39
|
-
}
|
|
42
|
+
}
|
|
43
|
+
__publicField(WithMountWhenInView, "config", {
|
|
40
44
|
...BaseClass.config,
|
|
41
45
|
name: `${BaseClass.config.name}WithMountWhenInView`,
|
|
42
46
|
options: {
|
|
43
47
|
...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
|
|
44
48
|
intersectionObserver: Object
|
|
45
49
|
}
|
|
46
|
-
})
|
|
50
|
+
});
|
|
51
|
+
return WithMountWhenInView;
|
|
47
52
|
}
|
|
48
53
|
export {
|
|
49
54
|
withMountWhenInView as default
|
|
@@ -30,13 +30,14 @@ __export(withResponsiveOptions_exports, {
|
|
|
30
30
|
module.exports = __toCommonJS(withResponsiveOptions_exports);
|
|
31
31
|
var import_ResponsiveOptionsManager = __toESM(require("../Base/managers/ResponsiveOptionsManager.cjs"), 1);
|
|
32
32
|
function withResponsiveOptions(BaseClass) {
|
|
33
|
-
|
|
33
|
+
class WithResponsiveOptions extends BaseClass {
|
|
34
34
|
get __managers() {
|
|
35
35
|
return {
|
|
36
36
|
...super.__managers,
|
|
37
37
|
OptionsManager: import_ResponsiveOptionsManager.default
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
|
-
}
|
|
40
|
+
}
|
|
41
|
+
return WithResponsiveOptions;
|
|
41
42
|
}
|
|
42
43
|
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import type { BaseTypeParameter, BaseConstructor, Managers } from '../Base/index.js';
|
|
1
|
+
import type { Base, BaseTypeParameter, BaseConstructor, Managers } from '../Base/index.js';
|
|
2
2
|
import ResponsiveOptionsManager from '../Base/managers/ResponsiveOptionsManager.js';
|
|
3
3
|
/**
|
|
4
4
|
* Extends the configuration of an existing class.
|
|
5
5
|
*/
|
|
6
|
-
export default function withResponsiveOptions<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass:
|
|
7
|
-
new
|
|
6
|
+
export default function withResponsiveOptions<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S): {
|
|
7
|
+
new (...args: any[]): {
|
|
8
8
|
/**
|
|
9
9
|
* Get managers.
|
|
10
10
|
*/
|
|
11
11
|
readonly __managers: Managers & {
|
|
12
12
|
OptionsManager: typeof ResponsiveOptionsManager;
|
|
13
13
|
};
|
|
14
|
-
$parent:
|
|
14
|
+
$parent: Base<BaseTypeParameter>;
|
|
15
15
|
$id: string;
|
|
16
|
-
$el:
|
|
17
|
-
__base__?: WeakMap<
|
|
16
|
+
$el: HTMLElement & {
|
|
17
|
+
__base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
|
|
18
18
|
};
|
|
19
19
|
$isMounted: boolean;
|
|
20
20
|
__eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
|
|
21
|
-
readonly $root:
|
|
21
|
+
readonly $root: Base<BaseTypeParameter>;
|
|
22
22
|
readonly __config: import("../Base/index.js").BaseConfig;
|
|
23
23
|
__services: import("../Base/managers/ServicesManager.js").default;
|
|
24
24
|
readonly $services: import("../Base/managers/ServicesManager.js").default;
|
|
25
|
-
__refs: import("../Base/managers/RefsManager.js").default &
|
|
26
|
-
readonly $refs: import("../Base/managers/RefsManager.js").default &
|
|
27
|
-
__options: import("../Base/managers/OptionsManager.js").default &
|
|
28
|
-
readonly $options: import("../Base/managers/OptionsManager.js").default &
|
|
29
|
-
__children: import("../Base/managers/ChildrenManager.js").default &
|
|
30
|
-
readonly $children: import("../Base/managers/ChildrenManager.js").default &
|
|
25
|
+
__refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
26
|
+
readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
27
|
+
__options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
28
|
+
readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
29
|
+
__children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
30
|
+
readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
31
31
|
__events: import("../Base/managers/EventsManager.js").default;
|
|
32
|
-
readonly $log: (...args:
|
|
33
|
-
readonly __debug: (...args:
|
|
32
|
+
readonly $log: (...args: unknown[]) => void;
|
|
33
|
+
readonly __debug: (...args: unknown[]) => void;
|
|
34
34
|
__callMethod(method: string, ...args: unknown[]): unknown;
|
|
35
35
|
__hasEvent(event: string): boolean;
|
|
36
36
|
$mount(): any;
|
|
@@ -39,7 +39,52 @@ export default function withResponsiveOptions<T extends BaseTypeParameter = Base
|
|
|
39
39
|
$terminate(): void;
|
|
40
40
|
__addEmits(event: string): void;
|
|
41
41
|
__removeEmits(event: string): void;
|
|
42
|
-
readonly __ctor:
|
|
42
|
+
readonly __ctor: BaseConstructor<Base<BaseTypeParameter>>;
|
|
43
|
+
$on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
|
|
44
|
+
$off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
45
|
+
$emit(event: string, ...args: unknown[]): void;
|
|
46
|
+
addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
47
|
+
dispatchEvent(event: Event): boolean;
|
|
48
|
+
removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
49
|
+
};
|
|
50
|
+
prototype: Base<BaseTypeParameter>;
|
|
51
|
+
} & Pick<typeof Base, "prototype" | "$isBase" | "config" | "$factory"> & Pick<{
|
|
52
|
+
new (...args: any[]): {
|
|
53
|
+
/**
|
|
54
|
+
* Get managers.
|
|
55
|
+
*/
|
|
56
|
+
readonly __managers: Managers & {
|
|
57
|
+
OptionsManager: typeof ResponsiveOptionsManager;
|
|
58
|
+
};
|
|
59
|
+
$parent: Base<BaseTypeParameter>;
|
|
60
|
+
$id: string;
|
|
61
|
+
$el: HTMLElement & {
|
|
62
|
+
__base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
|
|
63
|
+
};
|
|
64
|
+
$isMounted: boolean;
|
|
65
|
+
__eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
|
|
66
|
+
readonly $root: Base<BaseTypeParameter>;
|
|
67
|
+
readonly __config: import("../Base/index.js").BaseConfig;
|
|
68
|
+
__services: import("../Base/managers/ServicesManager.js").default;
|
|
69
|
+
readonly $services: import("../Base/managers/ServicesManager.js").default;
|
|
70
|
+
__refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
71
|
+
readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
|
|
72
|
+
__options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
73
|
+
readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
|
|
74
|
+
__children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
75
|
+
readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
|
|
76
|
+
__events: import("../Base/managers/EventsManager.js").default;
|
|
77
|
+
readonly $log: (...args: unknown[]) => void;
|
|
78
|
+
readonly __debug: (...args: unknown[]) => void;
|
|
79
|
+
__callMethod(method: string, ...args: unknown[]): unknown;
|
|
80
|
+
__hasEvent(event: string): boolean;
|
|
81
|
+
$mount(): any;
|
|
82
|
+
$update(): any;
|
|
83
|
+
$destroy(): any;
|
|
84
|
+
$terminate(): void;
|
|
85
|
+
__addEmits(event: string): void;
|
|
86
|
+
__removeEmits(event: string): void;
|
|
87
|
+
readonly __ctor: BaseConstructor<Base<BaseTypeParameter>>;
|
|
43
88
|
$on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
|
|
44
89
|
$off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
45
90
|
$emit(event: string, ...args: unknown[]): void;
|
|
@@ -49,5 +94,8 @@ export default function withResponsiveOptions<T extends BaseTypeParameter = Base
|
|
|
49
94
|
};
|
|
50
95
|
readonly $isBase: true;
|
|
51
96
|
config: import("../Base/index.js").BaseConfig;
|
|
52
|
-
$factory
|
|
97
|
+
$factory: typeof Base.$factory;
|
|
98
|
+
} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
|
|
99
|
+
new (...args: any[]): Base<T>;
|
|
100
|
+
prototype: Base<BaseTypeParameter>;
|
|
53
101
|
};
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import ResponsiveOptionsManager from "../Base/managers/ResponsiveOptionsManager.js";
|
|
2
2
|
function withResponsiveOptions(BaseClass) {
|
|
3
|
-
|
|
3
|
+
class WithResponsiveOptions extends BaseClass {
|
|
4
4
|
get __managers() {
|
|
5
5
|
return {
|
|
6
6
|
...super.__managers,
|
|
7
7
|
OptionsManager: ResponsiveOptionsManager
|
|
8
8
|
};
|
|
9
9
|
}
|
|
10
|
-
}
|
|
10
|
+
}
|
|
11
|
+
return WithResponsiveOptions;
|
|
11
12
|
}
|
|
12
13
|
export {
|
|
13
14
|
withResponsiveOptions as default
|
|
@@ -56,9 +56,8 @@ function updateProps(props, dampFactor, dampPrecision, axis = "x") {
|
|
|
56
56
|
);
|
|
57
57
|
}
|
|
58
58
|
function withScrolledInView(BaseClass, options = {}) {
|
|
59
|
-
var _a;
|
|
60
59
|
const WithMountWhenInView = (0, import_withMountWhenInView.default)(BaseClass, options);
|
|
61
|
-
|
|
60
|
+
class WithScrolledInView extends WithMountWhenInView {
|
|
62
61
|
constructor(element) {
|
|
63
62
|
super(element);
|
|
64
63
|
__publicField(this, "__props", {
|
|
@@ -201,9 +200,11 @@ function withScrolledInView(BaseClass, options = {}) {
|
|
|
201
200
|
(this.__props.dampedCurrent.y - yStart) / (yEnd - yStart)
|
|
202
201
|
);
|
|
203
202
|
}
|
|
204
|
-
}
|
|
203
|
+
}
|
|
204
|
+
__publicField(WithScrolledInView, "config", {
|
|
205
205
|
name: `${BaseClass.config.name}WithMountWhenInView`,
|
|
206
206
|
emits: ["scrolledInView"]
|
|
207
|
-
})
|
|
207
|
+
});
|
|
208
|
+
return WithScrolledInView;
|
|
208
209
|
}
|
|
209
210
|
if (module.exports.default) module.exports = module.exports.default;
|