@studiometa/js-toolkit 2.5.0 → 2.6.0
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 +15 -21
- package/Base/index.d.ts +5 -5
- package/Base/index.js +5 -5
- package/Base/managers/AbstractManager.cjs +2 -2
- package/Base/managers/AbstractManager.d.ts +11 -21
- package/Base/managers/AbstractManager.js +1 -1
- package/Base/managers/ChildrenManager.cjs +3 -9
- package/Base/managers/ChildrenManager.d.ts +2 -2
- package/Base/managers/ChildrenManager.js +2 -2
- package/Base/managers/EventsManager.cjs +3 -3
- package/Base/managers/EventsManager.d.ts +2 -2
- package/Base/managers/EventsManager.js +2 -2
- package/Base/managers/OptionsManager.cjs +6 -8
- package/Base/managers/OptionsManager.d.ts +42 -55
- package/Base/managers/OptionsManager.js +4 -6
- package/Base/managers/RefsManager.cjs +9 -14
- package/Base/managers/RefsManager.d.ts +3 -11
- package/Base/managers/RefsManager.js +7 -6
- package/Base/managers/ResponsiveOptionsManager.cjs +3 -9
- package/Base/managers/ResponsiveOptionsManager.d.ts +8 -4
- package/Base/managers/ResponsiveOptionsManager.js +2 -2
- package/Base/managers/ServicesManager.cjs +19 -36
- package/Base/managers/ServicesManager.d.ts +33 -58
- package/Base/managers/ServicesManager.js +11 -22
- package/decorators/withResponsiveOptions.cjs +2 -8
- package/decorators/withResponsiveOptions.js +1 -1
- package/package.json +1 -1
- package/utils/css/animate.cjs +29 -2
- package/utils/css/animate.d.ts +4 -24
- package/utils/css/animate.js +29 -2
- package/utils/css/classes.cjs +5 -2
- package/utils/css/classes.d.ts +6 -6
- package/utils/css/classes.js +5 -2
- package/utils/css/index.cjs +1 -1
- package/utils/css/index.d.ts +7 -7
- package/utils/css/styles.cjs +11 -8
- package/utils/css/styles.d.ts +4 -4
- package/utils/css/styles.js +11 -8
- package/utils/css/transform.cjs +5 -2
- package/utils/css/transform.d.ts +2 -2
- package/utils/css/transform.js +5 -2
- package/utils/css/transition.cjs +7 -1
- package/utils/css/transition.d.ts +5 -8
- package/utils/css/transition.js +7 -1
- package/utils/css/utils.cjs +31 -0
- package/utils/css/utils.d.ts +1 -0
- package/utils/css/utils.js +9 -0
- package/utils/index.cjs +1 -1
- package/utils/index.d.ts +19 -19
package/Base/index.cjs
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
6
|
var __export = (target, all) => {
|
|
@@ -17,10 +15,6 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
-
mod
|
|
23
|
-
));
|
|
24
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
25
19
|
var __publicField = (obj, key, value) => {
|
|
26
20
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
@@ -34,11 +28,11 @@ __export(Base_exports, {
|
|
|
34
28
|
});
|
|
35
29
|
module.exports = __toCommonJS(Base_exports);
|
|
36
30
|
var import_utils = require("./utils.cjs");
|
|
37
|
-
var import_ChildrenManager =
|
|
38
|
-
var import_RefsManager =
|
|
39
|
-
var import_ServicesManager =
|
|
40
|
-
var import_EventsManager =
|
|
41
|
-
var import_OptionsManager =
|
|
31
|
+
var import_ChildrenManager = require("./managers/ChildrenManager.cjs");
|
|
32
|
+
var import_RefsManager = require("./managers/RefsManager.cjs");
|
|
33
|
+
var import_ServicesManager = require("./managers/ServicesManager.cjs");
|
|
34
|
+
var import_EventsManager = require("./managers/EventsManager.cjs");
|
|
35
|
+
var import_OptionsManager = require("./managers/OptionsManager.cjs");
|
|
42
36
|
var import_utils2 = require("../utils/index.cjs");
|
|
43
37
|
var id = 0;
|
|
44
38
|
function createAndTestManagers(instance) {
|
|
@@ -46,27 +40,27 @@ function createAndTestManagers(instance) {
|
|
|
46
40
|
{
|
|
47
41
|
prop: "__options",
|
|
48
42
|
constructorName: "OptionsManager",
|
|
49
|
-
constructor: import_OptionsManager.
|
|
43
|
+
constructor: import_OptionsManager.OptionsManager
|
|
50
44
|
},
|
|
51
45
|
{
|
|
52
46
|
prop: "__services",
|
|
53
47
|
constructorName: "ServicesManager",
|
|
54
|
-
constructor: import_ServicesManager.
|
|
48
|
+
constructor: import_ServicesManager.ServicesManager
|
|
55
49
|
},
|
|
56
50
|
{
|
|
57
51
|
prop: "__events",
|
|
58
52
|
constructorName: "EventsManager",
|
|
59
|
-
constructor: import_EventsManager.
|
|
53
|
+
constructor: import_EventsManager.EventsManager
|
|
60
54
|
},
|
|
61
55
|
{
|
|
62
56
|
prop: "__refs",
|
|
63
57
|
constructorName: "RefsManager",
|
|
64
|
-
constructor: import_RefsManager.
|
|
58
|
+
constructor: import_RefsManager.RefsManager
|
|
65
59
|
},
|
|
66
60
|
{
|
|
67
61
|
prop: "__children",
|
|
68
62
|
constructorName: "ChildrenManager",
|
|
69
|
-
constructor: import_ChildrenManager.
|
|
63
|
+
constructor: import_ChildrenManager.ChildrenManager
|
|
70
64
|
}
|
|
71
65
|
].forEach(({ prop, constructorName, constructor }) => {
|
|
72
66
|
instance[prop] = new instance.__managers[constructorName](instance);
|
|
@@ -168,11 +162,11 @@ var Base = class extends EventTarget {
|
|
|
168
162
|
}
|
|
169
163
|
get __managers() {
|
|
170
164
|
return {
|
|
171
|
-
ChildrenManager: import_ChildrenManager.
|
|
172
|
-
EventsManager: import_EventsManager.
|
|
173
|
-
OptionsManager: import_OptionsManager.
|
|
174
|
-
RefsManager: import_RefsManager.
|
|
175
|
-
ServicesManager: import_ServicesManager.
|
|
165
|
+
ChildrenManager: import_ChildrenManager.ChildrenManager,
|
|
166
|
+
EventsManager: import_EventsManager.EventsManager,
|
|
167
|
+
OptionsManager: import_OptionsManager.OptionsManager,
|
|
168
|
+
RefsManager: import_RefsManager.RefsManager,
|
|
169
|
+
ServicesManager: import_ServicesManager.ServicesManager
|
|
176
170
|
};
|
|
177
171
|
}
|
|
178
172
|
__callMethod(method, ...args) {
|
package/Base/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import ChildrenManager from './managers/ChildrenManager.js';
|
|
2
|
-
import RefsManager from './managers/RefsManager.js';
|
|
3
|
-
import ServicesManager from './managers/ServicesManager.js';
|
|
4
|
-
import EventsManager from './managers/EventsManager.js';
|
|
5
|
-
import OptionsManager from './managers/OptionsManager.js';
|
|
1
|
+
import { ChildrenManager } from './managers/ChildrenManager.js';
|
|
2
|
+
import { RefsManager } from './managers/RefsManager.js';
|
|
3
|
+
import { ServicesManager } from './managers/ServicesManager.js';
|
|
4
|
+
import { EventsManager } from './managers/EventsManager.js';
|
|
5
|
+
import { OptionsManager } from './managers/OptionsManager.js';
|
|
6
6
|
export declare type BaseEl = HTMLElement & {
|
|
7
7
|
__base__?: WeakMap<BaseConstructor, Base | 'terminated'>;
|
|
8
8
|
};
|
package/Base/index.js
CHANGED
|
@@ -5,11 +5,11 @@ var __publicField = (obj, key, value) => {
|
|
|
5
5
|
return value;
|
|
6
6
|
};
|
|
7
7
|
import { getComponentElements, getEventTarget } from "./utils.js";
|
|
8
|
-
import ChildrenManager from "./managers/ChildrenManager.js";
|
|
9
|
-
import RefsManager from "./managers/RefsManager.js";
|
|
10
|
-
import ServicesManager from "./managers/ServicesManager.js";
|
|
11
|
-
import EventsManager from "./managers/EventsManager.js";
|
|
12
|
-
import OptionsManager from "./managers/OptionsManager.js";
|
|
8
|
+
import { ChildrenManager } from "./managers/ChildrenManager.js";
|
|
9
|
+
import { RefsManager } from "./managers/RefsManager.js";
|
|
10
|
+
import { ServicesManager } from "./managers/ServicesManager.js";
|
|
11
|
+
import { EventsManager } from "./managers/EventsManager.js";
|
|
12
|
+
import { OptionsManager } from "./managers/OptionsManager.js";
|
|
13
13
|
import { noop, isDev, isFunction, isArray } from "../utils/index.js";
|
|
14
14
|
let id = 0;
|
|
15
15
|
function createAndTestManagers(instance) {
|
|
@@ -21,10 +21,10 @@ var __publicField = (obj, key, value) => {
|
|
|
21
21
|
return value;
|
|
22
22
|
};
|
|
23
23
|
|
|
24
|
-
// packages/js-toolkit/Base/managers/AbstractManager.
|
|
24
|
+
// packages/js-toolkit/Base/managers/AbstractManager.ts
|
|
25
25
|
var AbstractManager_exports = {};
|
|
26
26
|
__export(AbstractManager_exports, {
|
|
27
|
-
|
|
27
|
+
AbstractManager: () => AbstractManager
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(AbstractManager_exports);
|
|
30
30
|
var AbstractManager = class {
|
|
@@ -1,37 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
* @typedef {import('../index.js').Base} Base
|
|
3
|
-
* @typedef {import('../index.js').BaseConfig} BaseConfig
|
|
4
|
-
* @typedef {import('./EventsManager.js').default} EventsManager
|
|
5
|
-
*/
|
|
1
|
+
import type { Base } from '../index.js';
|
|
6
2
|
/**
|
|
7
3
|
* AbstractManager class.
|
|
8
4
|
*/
|
|
9
|
-
export
|
|
10
|
-
/**
|
|
11
|
-
* Class constructor.
|
|
12
|
-
*
|
|
13
|
-
* @param {Base} base
|
|
14
|
-
*/
|
|
15
|
-
constructor(base: Base);
|
|
5
|
+
export declare class AbstractManager {
|
|
16
6
|
/**
|
|
17
|
-
*
|
|
7
|
+
* Base instance.
|
|
18
8
|
*/
|
|
19
9
|
__base: Base;
|
|
20
10
|
/**
|
|
21
11
|
* Get the base instance root element.
|
|
22
|
-
* @returns {HTMLElement}
|
|
23
12
|
*/
|
|
24
|
-
get __element(): HTMLElement
|
|
13
|
+
get __element(): HTMLElement & {
|
|
14
|
+
__base__?: WeakMap<import("../index.js").BaseConstructor<Base<import("../index.js").BaseProps>>, Base<import("../index.js").BaseProps> | "terminated">;
|
|
15
|
+
};
|
|
25
16
|
/**
|
|
26
17
|
* Get the base instance config.
|
|
27
|
-
* @returns {BaseConfig}
|
|
28
18
|
*/
|
|
29
19
|
get __config(): import("../index.js").BaseConfig;
|
|
30
20
|
/**
|
|
31
21
|
* Get the events manager.
|
|
32
|
-
* @returns {EventsManager}
|
|
33
22
|
*/
|
|
34
|
-
get __eventsManager(): import("./EventsManager.js").
|
|
23
|
+
get __eventsManager(): import("./EventsManager.js").EventsManager;
|
|
24
|
+
/**
|
|
25
|
+
* Class constructor.
|
|
26
|
+
*/
|
|
27
|
+
constructor(base: Base);
|
|
35
28
|
/**
|
|
36
29
|
* Prevent a list of properties from being enumerable and writable.
|
|
37
30
|
* @param {string[]} properties
|
|
@@ -39,6 +32,3 @@ export default class AbstractManager {
|
|
|
39
32
|
*/
|
|
40
33
|
__hideProperties(properties: string[]): void;
|
|
41
34
|
}
|
|
42
|
-
export type Base = import('../index.js').Base;
|
|
43
|
-
export type BaseConfig = import('../index.js').BaseConfig;
|
|
44
|
-
export type EventsManager = import('./EventsManager.js').default;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
6
|
var __export = (target, all) => {
|
|
@@ -17,10 +15,6 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
-
mod
|
|
23
|
-
));
|
|
24
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
25
19
|
var __publicField = (obj, key, value) => {
|
|
26
20
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
@@ -30,10 +24,10 @@ var __publicField = (obj, key, value) => {
|
|
|
30
24
|
// packages/js-toolkit/Base/managers/ChildrenManager.ts
|
|
31
25
|
var ChildrenManager_exports = {};
|
|
32
26
|
__export(ChildrenManager_exports, {
|
|
33
|
-
|
|
27
|
+
ChildrenManager: () => ChildrenManager
|
|
34
28
|
});
|
|
35
29
|
module.exports = __toCommonJS(ChildrenManager_exports);
|
|
36
|
-
var import_AbstractManager =
|
|
30
|
+
var import_AbstractManager = require("./AbstractManager.cjs");
|
|
37
31
|
var import_utils = require("../utils.cjs");
|
|
38
32
|
function __getChild(that, el, ComponentClass, name) {
|
|
39
33
|
const asyncComponentPromise = that.__asyncComponentPromises.get(ComponentClass);
|
|
@@ -104,7 +98,7 @@ function __triggerHookForAll(that, hook) {
|
|
|
104
98
|
});
|
|
105
99
|
});
|
|
106
100
|
}
|
|
107
|
-
var ChildrenManager = class extends import_AbstractManager.
|
|
101
|
+
var ChildrenManager = class extends import_AbstractManager.AbstractManager {
|
|
108
102
|
constructor() {
|
|
109
103
|
super(...arguments);
|
|
110
104
|
__publicField(this, "__asyncComponentPromises", /* @__PURE__ */ new WeakMap());
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { BaseConstructor, BaseAsyncConstructor } from '../index.js';
|
|
2
|
-
import AbstractManager from './AbstractManager.js';
|
|
2
|
+
import { AbstractManager } from './AbstractManager.js';
|
|
3
3
|
/**
|
|
4
4
|
* Children manager.
|
|
5
5
|
*/
|
|
6
|
-
export
|
|
6
|
+
export declare class ChildrenManager extends AbstractManager {
|
|
7
7
|
/**
|
|
8
8
|
* Store async component promises to avoid calling them multiple times and
|
|
9
9
|
* waiting for them when they are already resolved.
|
|
@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
|
|
|
4
4
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
5
|
return value;
|
|
6
6
|
};
|
|
7
|
-
import AbstractManager from "./AbstractManager.js";
|
|
7
|
+
import { AbstractManager } from "./AbstractManager.js";
|
|
8
8
|
import { getComponentElements } from "../utils.js";
|
|
9
9
|
function __getChild(that, el, ComponentClass, name) {
|
|
10
10
|
const asyncComponentPromise = that.__asyncComponentPromises.get(ComponentClass);
|
|
@@ -99,5 +99,5 @@ class ChildrenManager extends AbstractManager {
|
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
101
|
export {
|
|
102
|
-
ChildrenManager
|
|
102
|
+
ChildrenManager
|
|
103
103
|
};
|
|
@@ -30,7 +30,7 @@ var __publicField = (obj, key, value) => {
|
|
|
30
30
|
// packages/js-toolkit/Base/managers/EventsManager.ts
|
|
31
31
|
var EventsManager_exports = {};
|
|
32
32
|
__export(EventsManager_exports, {
|
|
33
|
-
|
|
33
|
+
EventsManager: () => EventsManager,
|
|
34
34
|
normalizeEventName: () => normalizeEventName,
|
|
35
35
|
normalizeName: () => normalizeName
|
|
36
36
|
});
|
|
@@ -38,7 +38,7 @@ module.exports = __toCommonJS(EventsManager_exports);
|
|
|
38
38
|
var import_getAllProperties = __toESM(require("../../utils/object/getAllProperties.cjs"), 1);
|
|
39
39
|
var import_utils = require("../../utils/index.cjs");
|
|
40
40
|
var import_utils2 = require("../utils.cjs");
|
|
41
|
-
var import_AbstractManager =
|
|
41
|
+
var import_AbstractManager = require("./AbstractManager.cjs");
|
|
42
42
|
var import_RefsManager = require("./RefsManager.cjs");
|
|
43
43
|
var names = /* @__PURE__ */ new Map();
|
|
44
44
|
var normalizeRegex1 = /[A-Z]([A-Z].*)/g;
|
|
@@ -133,7 +133,7 @@ function manageRootElement(that, mode = "add") {
|
|
|
133
133
|
}
|
|
134
134
|
});
|
|
135
135
|
}
|
|
136
|
-
var EventsManager = class extends import_AbstractManager.
|
|
136
|
+
var EventsManager = class extends import_AbstractManager.AbstractManager {
|
|
137
137
|
constructor(base) {
|
|
138
138
|
super(base);
|
|
139
139
|
__publicField(this, "__methodsCache", /* @__PURE__ */ new Map());
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Base } from '../index.js';
|
|
2
|
-
import AbstractManager from './AbstractManager.js';
|
|
2
|
+
import { AbstractManager } from './AbstractManager.js';
|
|
3
3
|
/**
|
|
4
4
|
* Normalize the given name to PascalCase, such as:
|
|
5
5
|
*
|
|
@@ -33,7 +33,7 @@ export declare function normalizeEventName(name: string): string;
|
|
|
33
33
|
* @todo Prevent binding of `onChildOrRefEvent` to the root element
|
|
34
34
|
* @todo Use event delegation?
|
|
35
35
|
*/
|
|
36
|
-
export
|
|
36
|
+
export declare class EventsManager extends AbstractManager {
|
|
37
37
|
__methodsCache: Map<string, string[]>;
|
|
38
38
|
/**
|
|
39
39
|
* Event listener object for the root element.
|
|
@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => {
|
|
|
7
7
|
import getAllProperties from "../../utils/object/getAllProperties.js";
|
|
8
8
|
import { isArray } from "../../utils/index.js";
|
|
9
9
|
import { getEventTarget, eventIsNative, eventIsDefinedInConfig } from "../utils.js";
|
|
10
|
-
import AbstractManager from "./AbstractManager.js";
|
|
10
|
+
import { AbstractManager } from "./AbstractManager.js";
|
|
11
11
|
import { normalizeRefName } from "./RefsManager.js";
|
|
12
12
|
const names = /* @__PURE__ */ new Map();
|
|
13
13
|
const normalizeRegex1 = /[A-Z]([A-Z].*)/g;
|
|
@@ -191,7 +191,7 @@ class EventsManager extends AbstractManager {
|
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
export {
|
|
194
|
-
EventsManager
|
|
194
|
+
EventsManager,
|
|
195
195
|
normalizeEventName,
|
|
196
196
|
normalizeName
|
|
197
197
|
};
|
|
@@ -27,15 +27,15 @@ var __publicField = (obj, key, value) => {
|
|
|
27
27
|
return value;
|
|
28
28
|
};
|
|
29
29
|
|
|
30
|
-
// packages/js-toolkit/Base/managers/OptionsManager.
|
|
30
|
+
// packages/js-toolkit/Base/managers/OptionsManager.ts
|
|
31
31
|
var OptionsManager_exports = {};
|
|
32
32
|
__export(OptionsManager_exports, {
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
OptionsManager: () => OptionsManager,
|
|
34
|
+
__getPropertyName: () => __getPropertyName
|
|
35
35
|
});
|
|
36
36
|
module.exports = __toCommonJS(OptionsManager_exports);
|
|
37
37
|
var import_deepmerge = __toESM(require("deepmerge"), 1);
|
|
38
|
-
var import_AbstractManager =
|
|
38
|
+
var import_AbstractManager = require("./AbstractManager.cjs");
|
|
39
39
|
var import_utils = require("../../utils/index.cjs");
|
|
40
40
|
var types = /* @__PURE__ */ new Set([String, Number, Boolean, Array, Object]);
|
|
41
41
|
var __defaultValues = {
|
|
@@ -75,16 +75,14 @@ function __register(that, name, config) {
|
|
|
75
75
|
return;
|
|
76
76
|
}
|
|
77
77
|
Object.defineProperty(that, name, {
|
|
78
|
-
get: () =>
|
|
79
|
-
return that.get(name, config);
|
|
80
|
-
},
|
|
78
|
+
get: () => that.get(name, config),
|
|
81
79
|
set: (value) => {
|
|
82
80
|
that.set(name, value, config);
|
|
83
81
|
},
|
|
84
82
|
enumerable: true
|
|
85
83
|
});
|
|
86
84
|
}
|
|
87
|
-
var OptionsManager = class extends import_AbstractManager.
|
|
85
|
+
var OptionsManager = class extends import_AbstractManager.AbstractManager {
|
|
88
86
|
constructor(base) {
|
|
89
87
|
var _a, _b;
|
|
90
88
|
super(base);
|
|
@@ -1,87 +1,74 @@
|
|
|
1
|
+
import type { Options as DeepmergeOptions } from 'deepmerge';
|
|
2
|
+
import { AbstractManager } from './AbstractManager.js';
|
|
3
|
+
import type { Base } from '../index.js';
|
|
4
|
+
declare type OptionType = StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor;
|
|
5
|
+
declare type ArrayOption = {
|
|
6
|
+
type: ArrayConstructor;
|
|
7
|
+
default?: () => unknown[];
|
|
8
|
+
merge?: boolean | DeepmergeOptions;
|
|
9
|
+
};
|
|
10
|
+
declare type ObjectOption = {
|
|
11
|
+
type: ObjectConstructor;
|
|
12
|
+
default?: () => unknown;
|
|
13
|
+
merge?: boolean | DeepmergeOptions;
|
|
14
|
+
};
|
|
15
|
+
declare type StringOption = {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default?: string;
|
|
18
|
+
};
|
|
19
|
+
declare type NumberOption = {
|
|
20
|
+
type: NumberConstructor;
|
|
21
|
+
default?: number;
|
|
22
|
+
};
|
|
23
|
+
declare type BooleanOption = {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default?: boolean;
|
|
26
|
+
};
|
|
27
|
+
export declare type OptionObject = ArrayOption | ObjectOption | StringOption | NumberOption | BooleanOption;
|
|
28
|
+
export declare type OptionsSchema = {
|
|
29
|
+
[name: string]: OptionType | OptionObject;
|
|
30
|
+
};
|
|
31
|
+
export declare type OptionsInterface = {
|
|
32
|
+
[optionName: string]: unknown;
|
|
33
|
+
};
|
|
1
34
|
/**
|
|
2
35
|
* Get a property name.
|
|
3
|
-
*
|
|
4
|
-
* @param {string} name
|
|
5
|
-
* @param {string} [prefix]
|
|
6
|
-
* @returns {string}
|
|
7
|
-
* @protected
|
|
8
36
|
*/
|
|
9
|
-
export function __getPropertyName(name: string, prefix?: string): string;
|
|
37
|
+
export declare function __getPropertyName(name: string, prefix?: string): string;
|
|
10
38
|
/**
|
|
11
39
|
* Class options to manage options as data attributes on an HTML element.
|
|
12
40
|
*
|
|
13
41
|
* @todo Use `MutationObserver` to update values? Might be more performant.
|
|
14
42
|
*/
|
|
15
|
-
export
|
|
43
|
+
export declare class OptionsManager extends AbstractManager {
|
|
16
44
|
/**
|
|
17
45
|
* An object to store Array and Object values for reference.
|
|
18
|
-
* @type {Object}
|
|
19
46
|
* @private
|
|
20
47
|
*/
|
|
21
|
-
|
|
48
|
+
__values: {};
|
|
22
49
|
/**
|
|
23
50
|
* Default value for the name property.
|
|
24
|
-
* @type {string}
|
|
25
51
|
*/
|
|
26
52
|
name: string;
|
|
27
53
|
/**
|
|
28
54
|
* Default value for the debug property.
|
|
29
|
-
* @type {boolean}
|
|
30
55
|
*/
|
|
31
56
|
debug: boolean;
|
|
32
57
|
/**
|
|
33
58
|
* Default value for the log property.
|
|
34
|
-
* @type {boolean}
|
|
35
59
|
*/
|
|
36
60
|
log: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Class constructor.
|
|
63
|
+
*/
|
|
64
|
+
constructor(base: Base);
|
|
37
65
|
/**
|
|
38
66
|
* Get an option value.
|
|
39
|
-
*
|
|
40
|
-
* @param {string} name The option name.
|
|
41
|
-
* @param {OptionObject} config The option config.
|
|
42
|
-
* @returns {any}
|
|
43
67
|
*/
|
|
44
68
|
get(name: string, config: OptionObject): any;
|
|
45
69
|
/**
|
|
46
70
|
* Set an option value.
|
|
47
|
-
*
|
|
48
|
-
* @param {string} name The option name.
|
|
49
|
-
* @param {any} value The new value for this option.
|
|
50
|
-
* @param {OptionObject} config The option config.
|
|
51
71
|
*/
|
|
52
|
-
set(name: string, value:
|
|
72
|
+
set(name: string, value: unknown, config: OptionObject): void;
|
|
53
73
|
}
|
|
54
|
-
export
|
|
55
|
-
export type Base = import('../index.js').Base;
|
|
56
|
-
export type BaseConfig = import('../index.js').BaseConfig;
|
|
57
|
-
export type OptionType = StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor;
|
|
58
|
-
export type ArrayOption = {
|
|
59
|
-
type: ArrayConstructor;
|
|
60
|
-
default?: () => any[];
|
|
61
|
-
merge?: boolean;
|
|
62
|
-
};
|
|
63
|
-
export type ObjectOption = {
|
|
64
|
-
type: ObjectConstructor;
|
|
65
|
-
default?: () => any;
|
|
66
|
-
merge?: boolean;
|
|
67
|
-
};
|
|
68
|
-
export type StringOption = {
|
|
69
|
-
type: StringConstructor;
|
|
70
|
-
default?: string;
|
|
71
|
-
};
|
|
72
|
-
export type NumberOption = {
|
|
73
|
-
type: NumberConstructor;
|
|
74
|
-
default?: number;
|
|
75
|
-
};
|
|
76
|
-
export type BooleanOption = {
|
|
77
|
-
type: BooleanConstructor;
|
|
78
|
-
default?: boolean;
|
|
79
|
-
};
|
|
80
|
-
export type OptionObject = ArrayOption | ObjectOption | StringOption | NumberOption | BooleanOption;
|
|
81
|
-
export type OptionsSchema = {
|
|
82
|
-
[name: string]: OptionObject | OptionType;
|
|
83
|
-
};
|
|
84
|
-
export type OptionsInterface = {
|
|
85
|
-
[optionName: string]: any;
|
|
86
|
-
};
|
|
87
|
-
import AbstractManager from "./AbstractManager.js";
|
|
74
|
+
export {};
|
|
@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
|
|
|
5
5
|
return value;
|
|
6
6
|
};
|
|
7
7
|
import deepmerge from "deepmerge";
|
|
8
|
-
import AbstractManager from "./AbstractManager.js";
|
|
8
|
+
import { AbstractManager } from "./AbstractManager.js";
|
|
9
9
|
import { isDev, isFunction, isDefined, isBoolean, isArray, isObject } from "../../utils/index.js";
|
|
10
10
|
const types = /* @__PURE__ */ new Set([String, Number, Boolean, Array, Object]);
|
|
11
11
|
const __defaultValues = {
|
|
@@ -45,9 +45,7 @@ function __register(that, name, config) {
|
|
|
45
45
|
return;
|
|
46
46
|
}
|
|
47
47
|
Object.defineProperty(that, name, {
|
|
48
|
-
get: () =>
|
|
49
|
-
return that.get(name, config);
|
|
50
|
-
},
|
|
48
|
+
get: () => that.get(name, config),
|
|
51
49
|
set: (value) => {
|
|
52
50
|
that.set(name, value, config);
|
|
53
51
|
},
|
|
@@ -147,6 +145,6 @@ class OptionsManager extends AbstractManager {
|
|
|
147
145
|
}
|
|
148
146
|
}
|
|
149
147
|
export {
|
|
150
|
-
|
|
151
|
-
|
|
148
|
+
OptionsManager,
|
|
149
|
+
__getPropertyName
|
|
152
150
|
};
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __export = (target, all) => {
|
|
8
6
|
for (var name in all)
|
|
@@ -16,23 +14,20 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
14
|
}
|
|
17
15
|
return to;
|
|
18
16
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
-
mod
|
|
22
|
-
));
|
|
23
17
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
24
18
|
|
|
25
|
-
// packages/js-toolkit/Base/managers/RefsManager.
|
|
19
|
+
// packages/js-toolkit/Base/managers/RefsManager.ts
|
|
26
20
|
var RefsManager_exports = {};
|
|
27
21
|
__export(RefsManager_exports, {
|
|
28
|
-
|
|
22
|
+
RefsManager: () => RefsManager,
|
|
29
23
|
normalizeRefName: () => normalizeRefName
|
|
30
24
|
});
|
|
31
25
|
module.exports = __toCommonJS(RefsManager_exports);
|
|
32
|
-
var import_AbstractManager =
|
|
26
|
+
var import_AbstractManager = require("./AbstractManager.cjs");
|
|
33
27
|
var import_utils = require("../../utils/index.cjs");
|
|
28
|
+
var NORMALIZE_REF_NAME_REGEX = /\[\]$/;
|
|
34
29
|
function normalizeRefName(name) {
|
|
35
|
-
return name.endsWith("[]") ? name.replace(
|
|
30
|
+
return name.endsWith("[]") ? name.replace(NORMALIZE_REF_NAME_REGEX, "") : name;
|
|
36
31
|
}
|
|
37
32
|
function __filterRefsBelongingToInstance(that, ref) {
|
|
38
33
|
let ancestor = ref.parentElement;
|
|
@@ -44,9 +39,9 @@ function __filterRefsBelongingToInstance(that, ref) {
|
|
|
44
39
|
function __register(that, refName) {
|
|
45
40
|
const isMultiple = refName.endsWith("[]");
|
|
46
41
|
const propName = normalizeRefName(refName);
|
|
47
|
-
const refs = Array.from(
|
|
48
|
-
(ref)
|
|
49
|
-
);
|
|
42
|
+
const refs = Array.from(
|
|
43
|
+
that.__element.querySelectorAll(`[data-ref="${refName}"]`)
|
|
44
|
+
).filter((ref) => __filterRefsBelongingToInstance(that, ref));
|
|
50
45
|
if (import_utils.isDev && !isMultiple && refs.length > 1) {
|
|
51
46
|
console.warn(
|
|
52
47
|
`[${that.__base.$options.name}]`,
|
|
@@ -76,7 +71,7 @@ function __unregister(that, refName) {
|
|
|
76
71
|
const refs = (0, import_utils.isArray)(that[propName]) ? that[propName] : [that[propName]];
|
|
77
72
|
that.__eventsManager.unbindRef(refName, refs);
|
|
78
73
|
}
|
|
79
|
-
var RefsManager = class extends import_AbstractManager.
|
|
74
|
+
var RefsManager = class extends import_AbstractManager.AbstractManager {
|
|
80
75
|
get __refs() {
|
|
81
76
|
var _a;
|
|
82
77
|
return (_a = this.__config.refs) != null ? _a : [];
|
|
@@ -1,32 +1,24 @@
|
|
|
1
|
+
import { AbstractManager } from './AbstractManager.js';
|
|
1
2
|
/**
|
|
2
3
|
* Normalize the name of ref.
|
|
3
|
-
*
|
|
4
|
-
* @param {string} name The original name.
|
|
5
|
-
* @returns {string} The normalized name.
|
|
6
4
|
*/
|
|
7
|
-
export function normalizeRefName(name: string): string;
|
|
5
|
+
export declare function normalizeRefName(name: string): string;
|
|
8
6
|
/**
|
|
9
7
|
* Refs Manager
|
|
10
8
|
*
|
|
11
9
|
* @todo Use `MutationObserver` to automatically update refs?
|
|
12
10
|
*/
|
|
13
|
-
export
|
|
11
|
+
export declare class RefsManager extends AbstractManager {
|
|
14
12
|
/**
|
|
15
13
|
* Get refs configuration.
|
|
16
|
-
* @returns {string[]}
|
|
17
14
|
*/
|
|
18
15
|
get __refs(): string[];
|
|
19
16
|
/**
|
|
20
17
|
* Register all refs.
|
|
21
|
-
*
|
|
22
|
-
* @returns {void}
|
|
23
18
|
*/
|
|
24
19
|
registerAll(): void;
|
|
25
20
|
/**
|
|
26
21
|
* Unregister all refs.
|
|
27
|
-
*
|
|
28
|
-
* @returns {void}
|
|
29
22
|
*/
|
|
30
23
|
unregisterAll(): void;
|
|
31
24
|
}
|
|
32
|
-
import AbstractManager from "./AbstractManager.js";
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import AbstractManager from "./AbstractManager.js";
|
|
1
|
+
import { AbstractManager } from "./AbstractManager.js";
|
|
2
2
|
import { isDev, isArray, isDefined } from "../../utils/index.js";
|
|
3
|
+
const NORMALIZE_REF_NAME_REGEX = /\[\]$/;
|
|
3
4
|
function normalizeRefName(name) {
|
|
4
|
-
return name.endsWith("[]") ? name.replace(
|
|
5
|
+
return name.endsWith("[]") ? name.replace(NORMALIZE_REF_NAME_REGEX, "") : name;
|
|
5
6
|
}
|
|
6
7
|
function __filterRefsBelongingToInstance(that, ref) {
|
|
7
8
|
let ancestor = ref.parentElement;
|
|
@@ -13,9 +14,9 @@ function __filterRefsBelongingToInstance(that, ref) {
|
|
|
13
14
|
function __register(that, refName) {
|
|
14
15
|
const isMultiple = refName.endsWith("[]");
|
|
15
16
|
const propName = normalizeRefName(refName);
|
|
16
|
-
const refs = Array.from(
|
|
17
|
-
(ref)
|
|
18
|
-
);
|
|
17
|
+
const refs = Array.from(
|
|
18
|
+
that.__element.querySelectorAll(`[data-ref="${refName}"]`)
|
|
19
|
+
).filter((ref) => __filterRefsBelongingToInstance(that, ref));
|
|
19
20
|
if (isDev && !isMultiple && refs.length > 1) {
|
|
20
21
|
console.warn(
|
|
21
22
|
`[${that.__base.$options.name}]`,
|
|
@@ -58,6 +59,6 @@ class RefsManager extends AbstractManager {
|
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
61
|
export {
|
|
61
|
-
RefsManager
|
|
62
|
+
RefsManager,
|
|
62
63
|
normalizeRefName
|
|
63
64
|
};
|