saloe 0.0.73 → 0.0.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/listener.cjs.js +14 -15
- package/dist/listener.es.js +14 -15
- package/package.json +1 -1
- package/src/listener.js +3 -3
package/dist/listener.cjs.js
CHANGED
|
@@ -17,13 +17,13 @@ const listener = ({
|
|
|
17
17
|
"invalid"
|
|
18
18
|
];
|
|
19
19
|
const addListener = ({ srcElement, eventName, listeners }) => {
|
|
20
|
-
srcElement == null ? void 0 : srcElement.addEventListener(eventName, (
|
|
21
|
-
executeListeners({ e
|
|
20
|
+
srcElement == null ? void 0 : srcElement.addEventListener(eventName, (e) => {
|
|
21
|
+
executeListeners({ e, srcElement, listeners });
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
|
-
const executeListeners = ({ e
|
|
24
|
+
const executeListeners = ({ e, srcElement, listeners }) => {
|
|
25
25
|
listeners == null ? void 0 : listeners.forEach((listener2) => {
|
|
26
|
-
if (listener2) listener2({ e
|
|
26
|
+
if (listener2) listener2({ e, srcElement });
|
|
27
27
|
});
|
|
28
28
|
};
|
|
29
29
|
const getListenerFromScript = ({ script, eventName }) => {
|
|
@@ -34,12 +34,12 @@ const listener = ({
|
|
|
34
34
|
if (!prev) return null;
|
|
35
35
|
return script[prev][eventName];
|
|
36
36
|
};
|
|
37
|
-
const fetchListeners = async ({ srcElement, eventName, e
|
|
37
|
+
const fetchListeners = async ({ srcElement, eventName, e }) => {
|
|
38
38
|
var _a;
|
|
39
39
|
if (!(srcElement == null ? void 0 : srcElement.getAttribute)) return;
|
|
40
40
|
const scriptNames = srcElement == null ? void 0 : srcElement.getAttribute(`on-${eventName}`);
|
|
41
41
|
if (!scriptNames) return;
|
|
42
|
-
if (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(eventName))
|
|
42
|
+
if (e && scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(eventName)) e.preventDefault();
|
|
43
43
|
const scripts = await Promise.all(
|
|
44
44
|
(_a = scriptNames == null ? void 0 : scriptNames.split(",")) == null ? void 0 : _a.map((scriptName) => {
|
|
45
45
|
const scriptToImport = `/${scriptName == null ? void 0 : scriptName.trim()}.js`;
|
|
@@ -154,10 +154,9 @@ const listener = ({
|
|
|
154
154
|
anchors == null ? void 0 : anchors.forEach(async (anchor) => {
|
|
155
155
|
const srcElement = anchor;
|
|
156
156
|
const eventName = "click";
|
|
157
|
-
|
|
158
|
-
anchor.addEventListener(eventName, (
|
|
159
|
-
|
|
160
|
-
executeListeners({ e: e2, srcElement, listeners });
|
|
157
|
+
await fetchListeners({ srcElement, eventName });
|
|
158
|
+
anchor.addEventListener(eventName, (e) => {
|
|
159
|
+
e.preventDefault();
|
|
161
160
|
console.log("--- anchor ~ srcElement =", srcElement);
|
|
162
161
|
console.log("--- anchor ~ eventName =", eventName);
|
|
163
162
|
});
|
|
@@ -166,13 +165,13 @@ const listener = ({
|
|
|
166
165
|
};
|
|
167
166
|
const fireListeners = () => {
|
|
168
167
|
EVENTS.forEach((eventName) => {
|
|
169
|
-
document.body[`on${eventName}`] = async (
|
|
170
|
-
const srcElement = getSrcElement({ srcElement:
|
|
168
|
+
document.body[`on${eventName}`] = async (e) => {
|
|
169
|
+
const srcElement = getSrcElement({ srcElement: e == null ? void 0 : e.srcElement, eventName });
|
|
171
170
|
console.log("--- document.body ~ srcElement =", srcElement);
|
|
172
171
|
console.log("--- document.body ~ eventName =", eventName);
|
|
173
172
|
if ((srcElement == null ? void 0 : srcElement.tagName) === "A" && eventName === "click") return;
|
|
174
|
-
const listeners = await fetchListeners({ srcElement, eventName, e
|
|
175
|
-
executeListeners({ e
|
|
173
|
+
const listeners = await fetchListeners({ srcElement, eventName, e });
|
|
174
|
+
executeListeners({ e, srcElement, listeners });
|
|
176
175
|
addListener({ srcElement, eventName, listeners });
|
|
177
176
|
if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute(`on-${eventName}`);
|
|
178
177
|
};
|
|
@@ -180,7 +179,7 @@ const listener = ({
|
|
|
180
179
|
const saloeListenEvent = new CustomEvent("saloeListen", {
|
|
181
180
|
detail: { message: "This is a custom eventName!" }
|
|
182
181
|
});
|
|
183
|
-
document.body.addEventListener("saloeListen", async (
|
|
182
|
+
document.body.addEventListener("saloeListen", async (e) => {
|
|
184
183
|
await addScripts();
|
|
185
184
|
fireLoadListener();
|
|
186
185
|
fireObserverListeners();
|
package/dist/listener.es.js
CHANGED
|
@@ -15,13 +15,13 @@ const listener = ({
|
|
|
15
15
|
"invalid"
|
|
16
16
|
];
|
|
17
17
|
const addListener = ({ srcElement, eventName, listeners }) => {
|
|
18
|
-
srcElement == null ? void 0 : srcElement.addEventListener(eventName, (
|
|
19
|
-
executeListeners({ e
|
|
18
|
+
srcElement == null ? void 0 : srcElement.addEventListener(eventName, (e) => {
|
|
19
|
+
executeListeners({ e, srcElement, listeners });
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
|
-
const executeListeners = ({ e
|
|
22
|
+
const executeListeners = ({ e, srcElement, listeners }) => {
|
|
23
23
|
listeners == null ? void 0 : listeners.forEach((listener2) => {
|
|
24
|
-
if (listener2) listener2({ e
|
|
24
|
+
if (listener2) listener2({ e, srcElement });
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
27
|
const getListenerFromScript = ({ script, eventName }) => {
|
|
@@ -32,12 +32,12 @@ const listener = ({
|
|
|
32
32
|
if (!prev) return null;
|
|
33
33
|
return script[prev][eventName];
|
|
34
34
|
};
|
|
35
|
-
const fetchListeners = async ({ srcElement, eventName, e
|
|
35
|
+
const fetchListeners = async ({ srcElement, eventName, e }) => {
|
|
36
36
|
var _a;
|
|
37
37
|
if (!(srcElement == null ? void 0 : srcElement.getAttribute)) return;
|
|
38
38
|
const scriptNames = srcElement == null ? void 0 : srcElement.getAttribute(`on-${eventName}`);
|
|
39
39
|
if (!scriptNames) return;
|
|
40
|
-
if (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(eventName))
|
|
40
|
+
if (e && scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(eventName)) e.preventDefault();
|
|
41
41
|
const scripts = await Promise.all(
|
|
42
42
|
(_a = scriptNames == null ? void 0 : scriptNames.split(",")) == null ? void 0 : _a.map((scriptName) => {
|
|
43
43
|
const scriptToImport = `/${scriptName == null ? void 0 : scriptName.trim()}.js`;
|
|
@@ -152,10 +152,9 @@ const listener = ({
|
|
|
152
152
|
anchors == null ? void 0 : anchors.forEach(async (anchor) => {
|
|
153
153
|
const srcElement = anchor;
|
|
154
154
|
const eventName = "click";
|
|
155
|
-
|
|
156
|
-
anchor.addEventListener(eventName, (
|
|
157
|
-
|
|
158
|
-
executeListeners({ e: e2, srcElement, listeners });
|
|
155
|
+
await fetchListeners({ srcElement, eventName });
|
|
156
|
+
anchor.addEventListener(eventName, (e) => {
|
|
157
|
+
e.preventDefault();
|
|
159
158
|
console.log("--- anchor ~ srcElement =", srcElement);
|
|
160
159
|
console.log("--- anchor ~ eventName =", eventName);
|
|
161
160
|
});
|
|
@@ -164,13 +163,13 @@ const listener = ({
|
|
|
164
163
|
};
|
|
165
164
|
const fireListeners = () => {
|
|
166
165
|
EVENTS.forEach((eventName) => {
|
|
167
|
-
document.body[`on${eventName}`] = async (
|
|
168
|
-
const srcElement = getSrcElement({ srcElement:
|
|
166
|
+
document.body[`on${eventName}`] = async (e) => {
|
|
167
|
+
const srcElement = getSrcElement({ srcElement: e == null ? void 0 : e.srcElement, eventName });
|
|
169
168
|
console.log("--- document.body ~ srcElement =", srcElement);
|
|
170
169
|
console.log("--- document.body ~ eventName =", eventName);
|
|
171
170
|
if ((srcElement == null ? void 0 : srcElement.tagName) === "A" && eventName === "click") return;
|
|
172
|
-
const listeners = await fetchListeners({ srcElement, eventName, e
|
|
173
|
-
executeListeners({ e
|
|
171
|
+
const listeners = await fetchListeners({ srcElement, eventName, e });
|
|
172
|
+
executeListeners({ e, srcElement, listeners });
|
|
174
173
|
addListener({ srcElement, eventName, listeners });
|
|
175
174
|
if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute(`on-${eventName}`);
|
|
176
175
|
};
|
|
@@ -178,7 +177,7 @@ const listener = ({
|
|
|
178
177
|
const saloeListenEvent = new CustomEvent("saloeListen", {
|
|
179
178
|
detail: { message: "This is a custom eventName!" }
|
|
180
179
|
});
|
|
181
|
-
document.body.addEventListener("saloeListen", async (
|
|
180
|
+
document.body.addEventListener("saloeListen", async (e) => {
|
|
182
181
|
await addScripts();
|
|
183
182
|
fireLoadListener();
|
|
184
183
|
fireObserverListeners();
|
package/package.json
CHANGED
package/src/listener.js
CHANGED
|
@@ -42,7 +42,7 @@ const listener = ({
|
|
|
42
42
|
const scriptNames = srcElement?.getAttribute(`on-${eventName}`)
|
|
43
43
|
if (!scriptNames) return
|
|
44
44
|
|
|
45
|
-
if (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(eventName)) e.preventDefault()
|
|
45
|
+
if (e && scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(eventName)) e.preventDefault()
|
|
46
46
|
|
|
47
47
|
const scripts = await Promise.all(
|
|
48
48
|
scriptNames?.split(',')?.map((scriptName) => {
|
|
@@ -230,12 +230,12 @@ const listener = ({
|
|
|
230
230
|
anchors?.forEach(async (anchor) => {
|
|
231
231
|
const srcElement = anchor
|
|
232
232
|
const eventName = 'click'
|
|
233
|
-
const listeners = await fetchListeners({ srcElement, eventName
|
|
233
|
+
const listeners = await fetchListeners({ srcElement, eventName })
|
|
234
234
|
|
|
235
235
|
anchor.addEventListener(eventName, (e) => {
|
|
236
236
|
e.preventDefault()
|
|
237
237
|
|
|
238
|
-
executeListeners({ e, srcElement, listeners })
|
|
238
|
+
// executeListeners({ e, srcElement, listeners })
|
|
239
239
|
|
|
240
240
|
console.log('--- anchor ~ srcElement =', srcElement)
|
|
241
241
|
console.log('--- anchor ~ eventName =', eventName)
|