@studiometa/js-toolkit 2.0.0-beta.12 → 2.0.0-beta.16
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 +72 -64
- package/Base/index.js +60 -54
- package/Base/managers/ChildrenManager.cjs +20 -11
- package/Base/managers/ChildrenManager.js +15 -8
- package/Base/managers/EventsManager.cjs +56 -48
- package/Base/managers/EventsManager.js +50 -44
- package/Base/managers/OptionsManager.cjs +38 -28
- package/Base/managers/OptionsManager.js +35 -27
- package/Base/managers/RefsManager.cjs +14 -6
- package/Base/managers/RefsManager.js +10 -4
- package/Base/managers/ServicesManager.cjs +27 -19
- package/Base/managers/ServicesManager.js +14 -8
- package/Base/utils.cjs +3 -0
- package/decorators/index.cjs +11 -8
- package/decorators/withBreakpointManager.cjs +5 -2
- package/decorators/withBreakpointObserver.cjs +20 -12
- package/decorators/withBreakpointObserver.js +17 -11
- package/decorators/withDrag.cjs +15 -7
- package/decorators/withDrag.js +12 -6
- package/decorators/withExtraConfig.cjs +11 -3
- package/decorators/withExtraConfig.js +9 -3
- package/decorators/withIntersectionObserver.cjs +23 -15
- package/decorators/withIntersectionObserver.js +21 -15
- package/decorators/withMountWhenInView.cjs +26 -18
- package/decorators/withMountWhenInView.js +24 -18
- package/decorators/withScrolledInView.cjs +43 -32
- package/decorators/withScrolledInView.js +39 -30
- package/decorators/withVue2.cjs +16 -9
- package/decorators/withVue2.js +14 -9
- package/helpers/createApp.cjs +3 -0
- package/helpers/importOnInteraction.cjs +5 -2
- package/helpers/importOnInteraction.js +1 -1
- package/helpers/importWhenIdle.cjs +6 -2
- package/helpers/importWhenIdle.js +3 -2
- package/helpers/importWhenVisible.cjs +5 -2
- package/helpers/importWhenVisible.js +1 -1
- package/helpers/index.cjs +7 -4
- package/helpers/utils.cjs +4 -1
- package/index.cjs +7 -4
- package/package.json +1 -2
- package/services/Service.cjs +11 -3
- package/services/Service.js +7 -1
- package/services/drag.cjs +70 -41
- package/services/drag.d.ts +1 -0
- package/services/drag.js +60 -33
- package/services/index.cjs +10 -7
- package/services/key.cjs +35 -23
- package/services/key.js +27 -17
- package/services/load.cjs +19 -8
- package/services/load.js +12 -3
- package/services/pointer.cjs +45 -33
- package/services/pointer.js +38 -28
- package/services/raf.cjs +24 -13
- package/services/raf.js +16 -7
- package/services/resize.cjs +24 -13
- package/services/resize.js +16 -7
- package/services/scroll.cjs +44 -33
- package/services/scroll.js +36 -27
- package/utils/collide/boundingRectToCircle.cjs +3 -0
- package/utils/collide/collideCircleCircle.cjs +3 -0
- package/utils/collide/collideCircleRect.cjs +3 -0
- package/utils/collide/collidePointCircle.cjs +3 -0
- package/utils/collide/collidePointRect.cjs +3 -0
- package/utils/collide/collideRectRect.cjs +3 -0
- package/utils/collide/index.cjs +9 -6
- package/utils/css/classes.cjs +3 -0
- package/utils/css/index.cjs +7 -4
- package/utils/css/matrix.cjs +5 -1
- package/utils/css/matrix.js +2 -1
- package/utils/css/styles.cjs +4 -1
- package/utils/css/transition.cjs +16 -8
- package/utils/css/transition.js +8 -2
- package/utils/debounce.cjs +3 -0
- package/utils/focusTrap.cjs +6 -3
- package/utils/history.cjs +4 -1
- package/utils/index.cjs +15 -12
- package/utils/keyCodes.cjs +3 -0
- package/utils/math/clamp.cjs +3 -0
- package/utils/math/clamp01.cjs +4 -1
- package/utils/math/damp.cjs +3 -0
- package/utils/math/ease.cjs +17 -14
- package/utils/math/index.cjs +11 -8
- package/utils/math/inertiaFinalValue.cjs +3 -0
- package/utils/math/lerp.cjs +3 -0
- package/utils/math/map.cjs +3 -0
- package/utils/math/round.cjs +3 -0
- package/utils/memoize.cjs +3 -0
- package/utils/nextFrame.cjs +3 -0
- package/utils/object/autoBind.cjs +4 -1
- package/utils/object/getAllProperties.cjs +3 -0
- package/utils/object/index.cjs +6 -3
- package/utils/object/isObject.cjs +3 -0
- package/utils/scrollTo.cjs +4 -1
- package/utils/string/index.cjs +13 -10
- package/utils/string/withLeadingCharacters.cjs +4 -1
- package/utils/string/withLeadingSlash.cjs +4 -1
- package/utils/string/withTrailingCharacters.cjs +4 -1
- package/utils/string/withTrailingSlash.cjs +4 -1
- package/utils/string/withoutLeadingCharacters.cjs +3 -0
- package/utils/string/withoutLeadingCharactersRecursive.cjs +4 -1
- package/utils/string/withoutLeadingSlash.cjs +4 -1
- package/utils/string/withoutTrailingCharacters.cjs +3 -0
- package/utils/string/withoutTrailingCharactersRecursive.cjs +4 -1
- package/utils/string/withoutTrailingSlash.cjs +4 -1
- package/utils/throttle.cjs +3 -0
|
@@ -1,52 +1,58 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => {
|
|
4
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
+
return value;
|
|
6
|
+
};
|
|
1
7
|
import getAllProperties from "../../utils/object/getAllProperties.js";
|
|
2
8
|
import RefsManager from "./RefsManager.js";
|
|
3
9
|
class EventsManager {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
__refsHandler = {
|
|
15
|
-
handleEvent: (event) => {
|
|
16
|
-
const ref = event.currentTarget;
|
|
17
|
-
const refName = RefsManager.normalizeRefName(ref.dataset.ref);
|
|
18
|
-
const normalizedRefName = EventsManager.normalizeName(refName);
|
|
19
|
-
const normalizedEventName = EventsManager.normalizeName(event.type);
|
|
20
|
-
const method = `on${normalizedRefName}${normalizedEventName}`;
|
|
21
|
-
let index = 0;
|
|
22
|
-
if (Array.isArray(this.__base.$refs[refName])) {
|
|
23
|
-
index = this.__base.$refs[refName].indexOf(ref);
|
|
10
|
+
constructor(rootElement, base) {
|
|
11
|
+
__publicField(this, "__rootElement");
|
|
12
|
+
__publicField(this, "__base");
|
|
13
|
+
__publicField(this, "__methodsCache", /* @__PURE__ */ new Map());
|
|
14
|
+
__publicField(this, "__rootElementHandler", {
|
|
15
|
+
handleEvent: (event) => {
|
|
16
|
+
const normalizedEventName = EventsManager.normalizeName(event.type);
|
|
17
|
+
const method = `on${normalizedEventName}`;
|
|
18
|
+
this.__base[method](event);
|
|
24
19
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
childName = name;
|
|
37
|
-
index = childrenManager[name].indexOf(child);
|
|
38
|
-
return true;
|
|
20
|
+
});
|
|
21
|
+
__publicField(this, "__refsHandler", {
|
|
22
|
+
handleEvent: (event) => {
|
|
23
|
+
const ref = event.currentTarget;
|
|
24
|
+
const refName = RefsManager.normalizeRefName(ref.dataset.ref);
|
|
25
|
+
const normalizedRefName = EventsManager.normalizeName(refName);
|
|
26
|
+
const normalizedEventName = EventsManager.normalizeName(event.type);
|
|
27
|
+
const method = `on${normalizedRefName}${normalizedEventName}`;
|
|
28
|
+
let index = 0;
|
|
29
|
+
if (Array.isArray(this.__base.$refs[refName])) {
|
|
30
|
+
index = this.__base.$refs[refName].indexOf(ref);
|
|
39
31
|
}
|
|
40
|
-
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
32
|
+
this.__base[method](event, index);
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
__publicField(this, "__childrenHandler", {
|
|
36
|
+
handleEvent: (event) => {
|
|
37
|
+
const child = event.currentTarget;
|
|
38
|
+
let childName;
|
|
39
|
+
let index = 0;
|
|
40
|
+
const childrenManager = this.__base.$children;
|
|
41
|
+
childrenManager.registeredNames.find((name) => {
|
|
42
|
+
if (childrenManager[name].includes(child)) {
|
|
43
|
+
childName = name;
|
|
44
|
+
index = childrenManager[name].indexOf(child);
|
|
45
|
+
return true;
|
|
46
|
+
}
|
|
47
|
+
return false;
|
|
48
|
+
});
|
|
49
|
+
const normalizedRefName = EventsManager.normalizeName(childName);
|
|
50
|
+
const normalizedEventName = EventsManager.normalizeName(event.type);
|
|
51
|
+
const method = `on${normalizedRefName}${normalizedEventName}`;
|
|
52
|
+
const args = Array.isArray(event.detail) ? event.detail : [];
|
|
53
|
+
this.__base[method](...args, index, event);
|
|
54
|
+
}
|
|
55
|
+
});
|
|
50
56
|
Object.defineProperties(this, {
|
|
51
57
|
__rootElement: {
|
|
52
58
|
enumerable: false,
|
|
@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
8
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
9
|
var __export = (target, all) => {
|
|
9
10
|
for (var name in all)
|
|
@@ -25,27 +26,33 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
25
26
|
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
27
|
};
|
|
27
28
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
29
|
+
var __publicField = (obj, key, value) => {
|
|
30
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
31
|
+
return value;
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
// packages/js-toolkit/Base/managers/OptionsManager.js
|
|
28
35
|
var OptionsManager_exports = {};
|
|
29
36
|
__export(OptionsManager_exports, {
|
|
30
37
|
default: () => OptionsManager
|
|
31
38
|
});
|
|
32
39
|
var import_deepmerge = __toESM(require("deepmerge"), 1);
|
|
33
|
-
var import_isObject = __toESM(require("../../utils/object/isObject.
|
|
34
|
-
class
|
|
35
|
-
__element;
|
|
36
|
-
__values = {};
|
|
37
|
-
static types = [String, Number, Boolean, Array, Object];
|
|
38
|
-
__defaultValues = {
|
|
39
|
-
String: "",
|
|
40
|
-
Number: 0,
|
|
41
|
-
Boolean: false,
|
|
42
|
-
Array: () => [],
|
|
43
|
-
Object: () => ({})
|
|
44
|
-
};
|
|
45
|
-
name = "Base";
|
|
46
|
-
debug = false;
|
|
47
|
-
log = false;
|
|
40
|
+
var import_isObject = __toESM(require("../../utils/object/isObject.cjs"), 1);
|
|
41
|
+
var _OptionsManager = class {
|
|
48
42
|
constructor(element, schema, baseConfig) {
|
|
43
|
+
__publicField(this, "__element");
|
|
44
|
+
__publicField(this, "__values", {});
|
|
45
|
+
__publicField(this, "__defaultValues", {
|
|
46
|
+
String: "",
|
|
47
|
+
Number: 0,
|
|
48
|
+
Boolean: false,
|
|
49
|
+
Array: () => [],
|
|
50
|
+
Object: () => ({})
|
|
51
|
+
});
|
|
52
|
+
__publicField(this, "name", "Base");
|
|
53
|
+
__publicField(this, "debug", false);
|
|
54
|
+
__publicField(this, "log", false);
|
|
55
|
+
var _a, _b;
|
|
49
56
|
Object.defineProperties(this, {
|
|
50
57
|
__element: {
|
|
51
58
|
enumerable: false,
|
|
@@ -66,11 +73,11 @@ class OptionsManager {
|
|
|
66
73
|
this.name = baseConfig.name;
|
|
67
74
|
schema.debug = {
|
|
68
75
|
type: Boolean,
|
|
69
|
-
default: baseConfig.debug
|
|
76
|
+
default: (_a = baseConfig.debug) != null ? _a : false
|
|
70
77
|
};
|
|
71
78
|
schema.log = {
|
|
72
79
|
type: Boolean,
|
|
73
|
-
default: baseConfig.log
|
|
80
|
+
default: (_b = baseConfig.log) != null ? _b : false
|
|
74
81
|
};
|
|
75
82
|
Object.entries(schema).forEach(([name, config]) => {
|
|
76
83
|
this.__register(name, config);
|
|
@@ -78,9 +85,9 @@ class OptionsManager {
|
|
|
78
85
|
return this;
|
|
79
86
|
}
|
|
80
87
|
__register(name, config) {
|
|
81
|
-
const hasDefaultValue = !
|
|
88
|
+
const hasDefaultValue = !_OptionsManager.types.includes(config);
|
|
82
89
|
const type = hasDefaultValue ? config.type : config;
|
|
83
|
-
if (!
|
|
90
|
+
if (!_OptionsManager.types.includes(type)) {
|
|
84
91
|
throw new Error(`The "${name}" option has an invalid type. The allowed types are: String, Number, Boolean, Array and Object.`);
|
|
85
92
|
}
|
|
86
93
|
const defaultValue = hasDefaultValue ? config.default : this.__defaultValues[type.name];
|
|
@@ -98,11 +105,11 @@ class OptionsManager {
|
|
|
98
105
|
});
|
|
99
106
|
}
|
|
100
107
|
get(name, type, defaultValue) {
|
|
101
|
-
const propertyName =
|
|
108
|
+
const propertyName = _OptionsManager.__getPropertyName(name);
|
|
102
109
|
const hasProperty = this.__hasProperty(propertyName);
|
|
103
110
|
if (type === Boolean) {
|
|
104
111
|
if (defaultValue) {
|
|
105
|
-
const negatedPropertyName =
|
|
112
|
+
const negatedPropertyName = _OptionsManager.__getPropertyName(name, "No");
|
|
106
113
|
const hasNegatedProperty = this.__hasProperty(negatedPropertyName);
|
|
107
114
|
return !hasNegatedProperty;
|
|
108
115
|
}
|
|
@@ -122,7 +129,7 @@ class OptionsManager {
|
|
|
122
129
|
return hasProperty ? value : defaultValue;
|
|
123
130
|
}
|
|
124
131
|
set(name, type, value, defaultValue) {
|
|
125
|
-
const propertyName =
|
|
132
|
+
const propertyName = _OptionsManager.__getPropertyName(name);
|
|
126
133
|
if (value.constructor.name !== type.name) {
|
|
127
134
|
const val = Array.isArray(value) || (0, import_isObject.default)(value) ? JSON.stringify(value) : value;
|
|
128
135
|
throw new TypeError(`The "${val}" value for the "${name}" option must be of type "${type.name}"`);
|
|
@@ -130,7 +137,7 @@ class OptionsManager {
|
|
|
130
137
|
switch (type) {
|
|
131
138
|
case Boolean:
|
|
132
139
|
if (defaultValue) {
|
|
133
|
-
const negatedPropertyName =
|
|
140
|
+
const negatedPropertyName = _OptionsManager.__getPropertyName(name, "No");
|
|
134
141
|
if (value) {
|
|
135
142
|
delete this.__element.dataset[negatedPropertyName];
|
|
136
143
|
} else {
|
|
@@ -153,15 +160,18 @@ class OptionsManager {
|
|
|
153
160
|
__hasProperty(prop) {
|
|
154
161
|
return typeof this.__element.dataset[prop] !== "undefined";
|
|
155
162
|
}
|
|
156
|
-
static __propertyNameCache = /* @__PURE__ */ new Map();
|
|
157
163
|
static __getPropertyName(name, prefix = "") {
|
|
158
164
|
const key = name + prefix;
|
|
159
|
-
if (
|
|
160
|
-
return
|
|
165
|
+
if (_OptionsManager.__propertyNameCache.has(key)) {
|
|
166
|
+
return _OptionsManager.__propertyNameCache.get(key);
|
|
161
167
|
}
|
|
162
168
|
const propertyName = `option${prefix}${name.replace(/^\w/, (c) => c.toUpperCase())}`;
|
|
163
|
-
|
|
169
|
+
_OptionsManager.__propertyNameCache.set(key, propertyName);
|
|
164
170
|
return propertyName;
|
|
165
171
|
}
|
|
166
|
-
}
|
|
172
|
+
};
|
|
173
|
+
var OptionsManager = _OptionsManager;
|
|
174
|
+
__publicField(OptionsManager, "types", [String, Number, Boolean, Array, Object]);
|
|
175
|
+
__publicField(OptionsManager, "__propertyNameCache", /* @__PURE__ */ new Map());
|
|
167
176
|
module.exports = __toCommonJS(OptionsManager_exports);
|
|
177
|
+
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,20 +1,26 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => {
|
|
4
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
+
return value;
|
|
6
|
+
};
|
|
1
7
|
import deepmerge from "deepmerge";
|
|
2
8
|
import isObject from "../../utils/object/isObject.js";
|
|
3
|
-
class
|
|
4
|
-
__element;
|
|
5
|
-
__values = {};
|
|
6
|
-
static types = [String, Number, Boolean, Array, Object];
|
|
7
|
-
__defaultValues = {
|
|
8
|
-
String: "",
|
|
9
|
-
Number: 0,
|
|
10
|
-
Boolean: false,
|
|
11
|
-
Array: () => [],
|
|
12
|
-
Object: () => ({})
|
|
13
|
-
};
|
|
14
|
-
name = "Base";
|
|
15
|
-
debug = false;
|
|
16
|
-
log = false;
|
|
9
|
+
const _OptionsManager = class {
|
|
17
10
|
constructor(element, schema, baseConfig) {
|
|
11
|
+
__publicField(this, "__element");
|
|
12
|
+
__publicField(this, "__values", {});
|
|
13
|
+
__publicField(this, "__defaultValues", {
|
|
14
|
+
String: "",
|
|
15
|
+
Number: 0,
|
|
16
|
+
Boolean: false,
|
|
17
|
+
Array: () => [],
|
|
18
|
+
Object: () => ({})
|
|
19
|
+
});
|
|
20
|
+
__publicField(this, "name", "Base");
|
|
21
|
+
__publicField(this, "debug", false);
|
|
22
|
+
__publicField(this, "log", false);
|
|
23
|
+
var _a, _b;
|
|
18
24
|
Object.defineProperties(this, {
|
|
19
25
|
__element: {
|
|
20
26
|
enumerable: false,
|
|
@@ -35,11 +41,11 @@ class OptionsManager {
|
|
|
35
41
|
this.name = baseConfig.name;
|
|
36
42
|
schema.debug = {
|
|
37
43
|
type: Boolean,
|
|
38
|
-
default: baseConfig.debug
|
|
44
|
+
default: (_a = baseConfig.debug) != null ? _a : false
|
|
39
45
|
};
|
|
40
46
|
schema.log = {
|
|
41
47
|
type: Boolean,
|
|
42
|
-
default: baseConfig.log
|
|
48
|
+
default: (_b = baseConfig.log) != null ? _b : false
|
|
43
49
|
};
|
|
44
50
|
Object.entries(schema).forEach(([name, config]) => {
|
|
45
51
|
this.__register(name, config);
|
|
@@ -47,9 +53,9 @@ class OptionsManager {
|
|
|
47
53
|
return this;
|
|
48
54
|
}
|
|
49
55
|
__register(name, config) {
|
|
50
|
-
const hasDefaultValue = !
|
|
56
|
+
const hasDefaultValue = !_OptionsManager.types.includes(config);
|
|
51
57
|
const type = hasDefaultValue ? config.type : config;
|
|
52
|
-
if (!
|
|
58
|
+
if (!_OptionsManager.types.includes(type)) {
|
|
53
59
|
throw new Error(`The "${name}" option has an invalid type. The allowed types are: String, Number, Boolean, Array and Object.`);
|
|
54
60
|
}
|
|
55
61
|
const defaultValue = hasDefaultValue ? config.default : this.__defaultValues[type.name];
|
|
@@ -67,11 +73,11 @@ class OptionsManager {
|
|
|
67
73
|
});
|
|
68
74
|
}
|
|
69
75
|
get(name, type, defaultValue) {
|
|
70
|
-
const propertyName =
|
|
76
|
+
const propertyName = _OptionsManager.__getPropertyName(name);
|
|
71
77
|
const hasProperty = this.__hasProperty(propertyName);
|
|
72
78
|
if (type === Boolean) {
|
|
73
79
|
if (defaultValue) {
|
|
74
|
-
const negatedPropertyName =
|
|
80
|
+
const negatedPropertyName = _OptionsManager.__getPropertyName(name, "No");
|
|
75
81
|
const hasNegatedProperty = this.__hasProperty(negatedPropertyName);
|
|
76
82
|
return !hasNegatedProperty;
|
|
77
83
|
}
|
|
@@ -91,7 +97,7 @@ class OptionsManager {
|
|
|
91
97
|
return hasProperty ? value : defaultValue;
|
|
92
98
|
}
|
|
93
99
|
set(name, type, value, defaultValue) {
|
|
94
|
-
const propertyName =
|
|
100
|
+
const propertyName = _OptionsManager.__getPropertyName(name);
|
|
95
101
|
if (value.constructor.name !== type.name) {
|
|
96
102
|
const val = Array.isArray(value) || isObject(value) ? JSON.stringify(value) : value;
|
|
97
103
|
throw new TypeError(`The "${val}" value for the "${name}" option must be of type "${type.name}"`);
|
|
@@ -99,7 +105,7 @@ class OptionsManager {
|
|
|
99
105
|
switch (type) {
|
|
100
106
|
case Boolean:
|
|
101
107
|
if (defaultValue) {
|
|
102
|
-
const negatedPropertyName =
|
|
108
|
+
const negatedPropertyName = _OptionsManager.__getPropertyName(name, "No");
|
|
103
109
|
if (value) {
|
|
104
110
|
delete this.__element.dataset[negatedPropertyName];
|
|
105
111
|
} else {
|
|
@@ -122,17 +128,19 @@ class OptionsManager {
|
|
|
122
128
|
__hasProperty(prop) {
|
|
123
129
|
return typeof this.__element.dataset[prop] !== "undefined";
|
|
124
130
|
}
|
|
125
|
-
static __propertyNameCache = /* @__PURE__ */ new Map();
|
|
126
131
|
static __getPropertyName(name, prefix = "") {
|
|
127
132
|
const key = name + prefix;
|
|
128
|
-
if (
|
|
129
|
-
return
|
|
133
|
+
if (_OptionsManager.__propertyNameCache.has(key)) {
|
|
134
|
+
return _OptionsManager.__propertyNameCache.get(key);
|
|
130
135
|
}
|
|
131
136
|
const propertyName = `option${prefix}${name.replace(/^\w/, (c) => c.toUpperCase())}`;
|
|
132
|
-
|
|
137
|
+
_OptionsManager.__propertyNameCache.set(key, propertyName);
|
|
133
138
|
return propertyName;
|
|
134
139
|
}
|
|
135
|
-
}
|
|
140
|
+
};
|
|
141
|
+
let OptionsManager = _OptionsManager;
|
|
142
|
+
__publicField(OptionsManager, "types", [String, Number, Boolean, Array, Object]);
|
|
143
|
+
__publicField(OptionsManager, "__propertyNameCache", /* @__PURE__ */ new Map());
|
|
136
144
|
export {
|
|
137
145
|
OptionsManager as default
|
|
138
146
|
};
|
|
@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
|
|
|
2
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5
6
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
6
7
|
var __export = (target, all) => {
|
|
7
8
|
for (var name in all)
|
|
@@ -20,16 +21,22 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
20
21
|
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
21
22
|
};
|
|
22
23
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
|
+
var __publicField = (obj, key, value) => {
|
|
25
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
26
|
+
return value;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
// packages/js-toolkit/Base/managers/RefsManager.js
|
|
23
30
|
var RefsManager_exports = {};
|
|
24
31
|
__export(RefsManager_exports, {
|
|
25
32
|
default: () => RefsManager
|
|
26
33
|
});
|
|
27
|
-
|
|
28
|
-
__element;
|
|
29
|
-
__refs;
|
|
30
|
-
__base;
|
|
31
|
-
__eventsManager;
|
|
34
|
+
var RefsManager = class {
|
|
32
35
|
constructor(base, element, refs, eventsManager) {
|
|
36
|
+
__publicField(this, "__element");
|
|
37
|
+
__publicField(this, "__refs");
|
|
38
|
+
__publicField(this, "__base");
|
|
39
|
+
__publicField(this, "__eventsManager");
|
|
33
40
|
Object.defineProperties(this, {
|
|
34
41
|
__element: {
|
|
35
42
|
enumerable: false,
|
|
@@ -92,5 +99,6 @@ class RefsManager {
|
|
|
92
99
|
}
|
|
93
100
|
return ancestor === null || ancestor === this.__element;
|
|
94
101
|
}
|
|
95
|
-
}
|
|
102
|
+
};
|
|
96
103
|
module.exports = __toCommonJS(RefsManager_exports);
|
|
104
|
+
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => {
|
|
4
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
+
return value;
|
|
6
|
+
};
|
|
1
7
|
class RefsManager {
|
|
2
|
-
__element;
|
|
3
|
-
__refs;
|
|
4
|
-
__base;
|
|
5
|
-
__eventsManager;
|
|
6
8
|
constructor(base, element, refs, eventsManager) {
|
|
9
|
+
__publicField(this, "__element");
|
|
10
|
+
__publicField(this, "__refs");
|
|
11
|
+
__publicField(this, "__base");
|
|
12
|
+
__publicField(this, "__eventsManager");
|
|
7
13
|
Object.defineProperties(this, {
|
|
8
14
|
__element: {
|
|
9
15
|
enumerable: false,
|
|
@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
8
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
9
|
var __export = (target, all) => {
|
|
9
10
|
for (var name in all)
|
|
@@ -25,18 +26,24 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
25
26
|
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
27
|
};
|
|
27
28
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
29
|
+
var __publicField = (obj, key, value) => {
|
|
30
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
31
|
+
return value;
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
// packages/js-toolkit/Base/managers/ServicesManager.js
|
|
28
35
|
var ServicesManager_exports = {};
|
|
29
36
|
__export(ServicesManager_exports, {
|
|
30
37
|
default: () => ServicesManager
|
|
31
38
|
});
|
|
32
|
-
var import_pointer = __toESM(require("../../services/pointer.
|
|
33
|
-
var import_raf = __toESM(require("../../services/raf.
|
|
34
|
-
var import_resize = __toESM(require("../../services/resize.
|
|
35
|
-
var import_scroll = __toESM(require("../../services/scroll.
|
|
36
|
-
var import_key = __toESM(require("../../services/key.
|
|
37
|
-
var import_load = __toESM(require("../../services/load.
|
|
38
|
-
var import_utils = require("../utils.
|
|
39
|
-
|
|
39
|
+
var import_pointer = __toESM(require("../../services/pointer.cjs"), 1);
|
|
40
|
+
var import_raf = __toESM(require("../../services/raf.cjs"), 1);
|
|
41
|
+
var import_resize = __toESM(require("../../services/resize.cjs"), 1);
|
|
42
|
+
var import_scroll = __toESM(require("../../services/scroll.cjs"), 1);
|
|
43
|
+
var import_key = __toESM(require("../../services/key.cjs"), 1);
|
|
44
|
+
var import_load = __toESM(require("../../services/load.cjs"), 1);
|
|
45
|
+
var import_utils = require("../utils.cjs");
|
|
46
|
+
var SERVICES_MAP = {
|
|
40
47
|
scrolled: import_scroll.default,
|
|
41
48
|
resized: import_resize.default,
|
|
42
49
|
ticked: import_raf.default,
|
|
@@ -44,17 +51,11 @@ const SERVICES_MAP = {
|
|
|
44
51
|
keyed: import_key.default,
|
|
45
52
|
loaded: import_load.default
|
|
46
53
|
};
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
__base;
|
|
50
|
-
__customServices = {};
|
|
51
|
-
get __services() {
|
|
52
|
-
return {
|
|
53
|
-
...this.__customServices,
|
|
54
|
-
...SERVICES_MAP
|
|
55
|
-
};
|
|
56
|
-
}
|
|
54
|
+
var SERVICE_NAMES = Object.keys(SERVICES_MAP);
|
|
55
|
+
var ServicesManager = class {
|
|
57
56
|
constructor(instance) {
|
|
57
|
+
__publicField(this, "__base");
|
|
58
|
+
__publicField(this, "__customServices", {});
|
|
58
59
|
Object.defineProperties(this, {
|
|
59
60
|
__base: {
|
|
60
61
|
enumerable: false,
|
|
@@ -63,6 +64,12 @@ class ServicesManager {
|
|
|
63
64
|
}
|
|
64
65
|
});
|
|
65
66
|
}
|
|
67
|
+
get __services() {
|
|
68
|
+
return {
|
|
69
|
+
...this.__customServices,
|
|
70
|
+
...SERVICES_MAP
|
|
71
|
+
};
|
|
72
|
+
}
|
|
66
73
|
has(service) {
|
|
67
74
|
if (!(((0, import_utils.hasMethod)(this.__base, service) || this.__base.__hasEvent(service)) && this.__services[service])) {
|
|
68
75
|
return false;
|
|
@@ -126,5 +133,6 @@ class ServicesManager {
|
|
|
126
133
|
this.__base.__removeEmits(name);
|
|
127
134
|
delete this.__customServices[name];
|
|
128
135
|
}
|
|
129
|
-
}
|
|
136
|
+
};
|
|
130
137
|
module.exports = __toCommonJS(ServicesManager_exports);
|
|
138
|
+
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => {
|
|
4
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
+
return value;
|
|
6
|
+
};
|
|
1
7
|
import usePointer from "../../services/pointer.js";
|
|
2
8
|
import useRaf from "../../services/raf.js";
|
|
3
9
|
import useResize from "../../services/resize.js";
|
|
@@ -15,15 +21,9 @@ const SERVICES_MAP = {
|
|
|
15
21
|
};
|
|
16
22
|
const SERVICE_NAMES = Object.keys(SERVICES_MAP);
|
|
17
23
|
class ServicesManager {
|
|
18
|
-
__base;
|
|
19
|
-
__customServices = {};
|
|
20
|
-
get __services() {
|
|
21
|
-
return {
|
|
22
|
-
...this.__customServices,
|
|
23
|
-
...SERVICES_MAP
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
24
|
constructor(instance) {
|
|
25
|
+
__publicField(this, "__base");
|
|
26
|
+
__publicField(this, "__customServices", {});
|
|
27
27
|
Object.defineProperties(this, {
|
|
28
28
|
__base: {
|
|
29
29
|
enumerable: false,
|
|
@@ -32,6 +32,12 @@ class ServicesManager {
|
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
|
+
get __services() {
|
|
36
|
+
return {
|
|
37
|
+
...this.__customServices,
|
|
38
|
+
...SERVICES_MAP
|
|
39
|
+
};
|
|
40
|
+
}
|
|
35
41
|
has(service) {
|
|
36
42
|
if (!((hasMethod(this.__base, service) || this.__base.__hasEvent(service)) && this.__services[service])) {
|
|
37
43
|
return false;
|
package/Base/utils.cjs
CHANGED
|
@@ -20,6 +20,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
20
20
|
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
21
21
|
};
|
|
22
22
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
23
|
+
|
|
24
|
+
// packages/js-toolkit/Base/utils.js
|
|
23
25
|
var utils_exports = {};
|
|
24
26
|
__export(utils_exports, {
|
|
25
27
|
getComponentElements: () => getComponentElements,
|
|
@@ -41,3 +43,4 @@ function getComponentElements(nameOrSelector, element = document) {
|
|
|
41
43
|
return elements;
|
|
42
44
|
}
|
|
43
45
|
module.exports = __toCommonJS(utils_exports);
|
|
46
|
+
if (module.exports.default) module.exports = module.exports.default;
|
package/decorators/index.cjs
CHANGED
|
@@ -25,6 +25,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
25
25
|
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
26
|
};
|
|
27
27
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
|
|
29
|
+
// packages/js-toolkit/decorators/index.js
|
|
28
30
|
var decorators_exports = {};
|
|
29
31
|
__export(decorators_exports, {
|
|
30
32
|
withBreakpointManager: () => import_withBreakpointManager.default,
|
|
@@ -36,12 +38,13 @@ __export(decorators_exports, {
|
|
|
36
38
|
withScrolledInView: () => import_withScrolledInView.default,
|
|
37
39
|
withVue2: () => import_withVue2.default
|
|
38
40
|
});
|
|
39
|
-
var import_withBreakpointManager = __toESM(require("./withBreakpointManager.
|
|
40
|
-
var import_withBreakpointObserver = __toESM(require("./withBreakpointObserver.
|
|
41
|
-
var import_withDrag = __toESM(require("./withDrag.
|
|
42
|
-
var import_withExtraConfig = __toESM(require("./withExtraConfig.
|
|
43
|
-
var import_withIntersectionObserver = __toESM(require("./withIntersectionObserver.
|
|
44
|
-
var import_withMountWhenInView = __toESM(require("./withMountWhenInView.
|
|
45
|
-
var import_withScrolledInView = __toESM(require("./withScrolledInView.
|
|
46
|
-
var import_withVue2 = __toESM(require("./withVue2.
|
|
41
|
+
var import_withBreakpointManager = __toESM(require("./withBreakpointManager.cjs"), 1);
|
|
42
|
+
var import_withBreakpointObserver = __toESM(require("./withBreakpointObserver.cjs"), 1);
|
|
43
|
+
var import_withDrag = __toESM(require("./withDrag.cjs"), 1);
|
|
44
|
+
var import_withExtraConfig = __toESM(require("./withExtraConfig.cjs"), 1);
|
|
45
|
+
var import_withIntersectionObserver = __toESM(require("./withIntersectionObserver.cjs"), 1);
|
|
46
|
+
var import_withMountWhenInView = __toESM(require("./withMountWhenInView.cjs"), 1);
|
|
47
|
+
var import_withScrolledInView = __toESM(require("./withScrolledInView.cjs"), 1);
|
|
48
|
+
var import_withVue2 = __toESM(require("./withVue2.cjs"), 1);
|
|
47
49
|
module.exports = __toCommonJS(decorators_exports);
|
|
50
|
+
if (module.exports.default) module.exports = module.exports.default;
|
|
@@ -25,11 +25,13 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
25
25
|
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
26
|
};
|
|
27
27
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
|
|
29
|
+
// packages/js-toolkit/decorators/withBreakpointManager.js
|
|
28
30
|
var withBreakpointManager_exports = {};
|
|
29
31
|
__export(withBreakpointManager_exports, {
|
|
30
32
|
default: () => withBreakpointManager
|
|
31
33
|
});
|
|
32
|
-
var import_resize = __toESM(require("../services/resize.
|
|
34
|
+
var import_resize = __toESM(require("../services/resize.cjs"), 1);
|
|
33
35
|
function testBreakpoints(breakpoints) {
|
|
34
36
|
const { breakpoint } = (0, import_resize.default)().props();
|
|
35
37
|
breakpoints.forEach(([breakpointKeys, instance]) => {
|
|
@@ -47,7 +49,7 @@ function mountComponents(instance, breakpoints) {
|
|
|
47
49
|
return [bk, child];
|
|
48
50
|
});
|
|
49
51
|
}
|
|
50
|
-
|
|
52
|
+
var instances = /* @__PURE__ */ new WeakMap();
|
|
51
53
|
function withBreakpointManager(BaseClass, breakpoints) {
|
|
52
54
|
if (!Array.isArray(breakpoints)) {
|
|
53
55
|
throw new Error("[withBreakpointManager] The `breakpoints` parameter must be an array.");
|
|
@@ -87,3 +89,4 @@ function withBreakpointManager(BaseClass, breakpoints) {
|
|
|
87
89
|
};
|
|
88
90
|
}
|
|
89
91
|
module.exports = __toCommonJS(withBreakpointManager_exports);
|
|
92
|
+
if (module.exports.default) module.exports = module.exports.default;
|