saloe 0.0.73 → 0.0.74
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 +15 -15
- package/dist/listener.es.js +15 -15
- package/package.json +1 -1
- package/src/listener.js +2 -2
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,10 @@ const listener = ({
|
|
|
154
154
|
anchors == null ? void 0 : anchors.forEach(async (anchor) => {
|
|
155
155
|
const srcElement = anchor;
|
|
156
156
|
const eventName = "click";
|
|
157
|
-
const listeners = await fetchListeners({ srcElement, eventName
|
|
158
|
-
anchor.addEventListener(eventName, (
|
|
159
|
-
|
|
160
|
-
executeListeners({ e
|
|
157
|
+
const listeners = await fetchListeners({ srcElement, eventName });
|
|
158
|
+
anchor.addEventListener(eventName, (e) => {
|
|
159
|
+
e.preventDefault();
|
|
160
|
+
executeListeners({ e, srcElement, listeners });
|
|
161
161
|
console.log("--- anchor ~ srcElement =", srcElement);
|
|
162
162
|
console.log("--- anchor ~ eventName =", eventName);
|
|
163
163
|
});
|
|
@@ -166,13 +166,13 @@ const listener = ({
|
|
|
166
166
|
};
|
|
167
167
|
const fireListeners = () => {
|
|
168
168
|
EVENTS.forEach((eventName) => {
|
|
169
|
-
document.body[`on${eventName}`] = async (
|
|
170
|
-
const srcElement = getSrcElement({ srcElement:
|
|
169
|
+
document.body[`on${eventName}`] = async (e) => {
|
|
170
|
+
const srcElement = getSrcElement({ srcElement: e == null ? void 0 : e.srcElement, eventName });
|
|
171
171
|
console.log("--- document.body ~ srcElement =", srcElement);
|
|
172
172
|
console.log("--- document.body ~ eventName =", eventName);
|
|
173
173
|
if ((srcElement == null ? void 0 : srcElement.tagName) === "A" && eventName === "click") return;
|
|
174
|
-
const listeners = await fetchListeners({ srcElement, eventName, e
|
|
175
|
-
executeListeners({ e
|
|
174
|
+
const listeners = await fetchListeners({ srcElement, eventName, e });
|
|
175
|
+
executeListeners({ e, srcElement, listeners });
|
|
176
176
|
addListener({ srcElement, eventName, listeners });
|
|
177
177
|
if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute(`on-${eventName}`);
|
|
178
178
|
};
|
|
@@ -180,7 +180,7 @@ const listener = ({
|
|
|
180
180
|
const saloeListenEvent = new CustomEvent("saloeListen", {
|
|
181
181
|
detail: { message: "This is a custom eventName!" }
|
|
182
182
|
});
|
|
183
|
-
document.body.addEventListener("saloeListen", async (
|
|
183
|
+
document.body.addEventListener("saloeListen", async (e) => {
|
|
184
184
|
await addScripts();
|
|
185
185
|
fireLoadListener();
|
|
186
186
|
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,10 @@ const listener = ({
|
|
|
152
152
|
anchors == null ? void 0 : anchors.forEach(async (anchor) => {
|
|
153
153
|
const srcElement = anchor;
|
|
154
154
|
const eventName = "click";
|
|
155
|
-
const listeners = await fetchListeners({ srcElement, eventName
|
|
156
|
-
anchor.addEventListener(eventName, (
|
|
157
|
-
|
|
158
|
-
executeListeners({ e
|
|
155
|
+
const listeners = await fetchListeners({ srcElement, eventName });
|
|
156
|
+
anchor.addEventListener(eventName, (e) => {
|
|
157
|
+
e.preventDefault();
|
|
158
|
+
executeListeners({ e, srcElement, listeners });
|
|
159
159
|
console.log("--- anchor ~ srcElement =", srcElement);
|
|
160
160
|
console.log("--- anchor ~ eventName =", eventName);
|
|
161
161
|
});
|
|
@@ -164,13 +164,13 @@ const listener = ({
|
|
|
164
164
|
};
|
|
165
165
|
const fireListeners = () => {
|
|
166
166
|
EVENTS.forEach((eventName) => {
|
|
167
|
-
document.body[`on${eventName}`] = async (
|
|
168
|
-
const srcElement = getSrcElement({ srcElement:
|
|
167
|
+
document.body[`on${eventName}`] = async (e) => {
|
|
168
|
+
const srcElement = getSrcElement({ srcElement: e == null ? void 0 : e.srcElement, eventName });
|
|
169
169
|
console.log("--- document.body ~ srcElement =", srcElement);
|
|
170
170
|
console.log("--- document.body ~ eventName =", eventName);
|
|
171
171
|
if ((srcElement == null ? void 0 : srcElement.tagName) === "A" && eventName === "click") return;
|
|
172
|
-
const listeners = await fetchListeners({ srcElement, eventName, e
|
|
173
|
-
executeListeners({ e
|
|
172
|
+
const listeners = await fetchListeners({ srcElement, eventName, e });
|
|
173
|
+
executeListeners({ e, srcElement, listeners });
|
|
174
174
|
addListener({ srcElement, eventName, listeners });
|
|
175
175
|
if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute(`on-${eventName}`);
|
|
176
176
|
};
|
|
@@ -178,7 +178,7 @@ const listener = ({
|
|
|
178
178
|
const saloeListenEvent = new CustomEvent("saloeListen", {
|
|
179
179
|
detail: { message: "This is a custom eventName!" }
|
|
180
180
|
});
|
|
181
|
-
document.body.addEventListener("saloeListen", async (
|
|
181
|
+
document.body.addEventListener("saloeListen", async (e) => {
|
|
182
182
|
await addScripts();
|
|
183
183
|
fireLoadListener();
|
|
184
184
|
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,7 +230,7 @@ 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()
|