saloe 0.0.71 → 0.0.73
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 +17 -17
- package/dist/listener.es.js +17 -17
- package/package.json +1 -1
- package/src/listener.js +4 -5
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, srcElement, listeners });
|
|
20
|
+
srcElement == null ? void 0 : srcElement.addEventListener(eventName, (e2) => {
|
|
21
|
+
executeListeners({ e: e2, srcElement, listeners });
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
|
-
const executeListeners = ({ e, srcElement, listeners }) => {
|
|
24
|
+
const executeListeners = ({ e: e2, srcElement, listeners }) => {
|
|
25
25
|
listeners == null ? void 0 : listeners.forEach((listener2) => {
|
|
26
|
-
if (listener2) listener2({ e, srcElement });
|
|
26
|
+
if (listener2) listener2({ e: e2, 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: e2 }) => {
|
|
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 (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(eventName)) e2.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`;
|
|
@@ -151,28 +151,28 @@ const listener = ({
|
|
|
151
151
|
};
|
|
152
152
|
const fireAnchorClickListener = () => {
|
|
153
153
|
const anchors = document.querySelectorAll("a[on-click]");
|
|
154
|
-
anchors == null ? void 0 : anchors.forEach((anchor) => {
|
|
154
|
+
anchors == null ? void 0 : anchors.forEach(async (anchor) => {
|
|
155
155
|
const srcElement = anchor;
|
|
156
156
|
const eventName = "click";
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
executeListeners({ e, srcElement, listeners });
|
|
161
|
-
if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute(`on-${eventName}`);
|
|
157
|
+
const listeners = await fetchListeners({ srcElement, eventName, e });
|
|
158
|
+
anchor.addEventListener(eventName, (e2) => {
|
|
159
|
+
e2.preventDefault();
|
|
160
|
+
executeListeners({ e: e2, srcElement, listeners });
|
|
162
161
|
console.log("--- anchor ~ srcElement =", srcElement);
|
|
163
162
|
console.log("--- anchor ~ eventName =", eventName);
|
|
164
163
|
});
|
|
164
|
+
if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute(`on-${eventName}`);
|
|
165
165
|
});
|
|
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 (e2) => {
|
|
170
|
+
const srcElement = getSrcElement({ srcElement: e2 == null ? void 0 : e2.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, srcElement, listeners });
|
|
174
|
+
const listeners = await fetchListeners({ srcElement, eventName, e: e2 });
|
|
175
|
+
executeListeners({ e: e2, 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 (e2) => {
|
|
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, srcElement, listeners });
|
|
18
|
+
srcElement == null ? void 0 : srcElement.addEventListener(eventName, (e2) => {
|
|
19
|
+
executeListeners({ e: e2, srcElement, listeners });
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
|
-
const executeListeners = ({ e, srcElement, listeners }) => {
|
|
22
|
+
const executeListeners = ({ e: e2, srcElement, listeners }) => {
|
|
23
23
|
listeners == null ? void 0 : listeners.forEach((listener2) => {
|
|
24
|
-
if (listener2) listener2({ e, srcElement });
|
|
24
|
+
if (listener2) listener2({ e: e2, 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: e2 }) => {
|
|
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 (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(eventName)) e2.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`;
|
|
@@ -149,28 +149,28 @@ const listener = ({
|
|
|
149
149
|
};
|
|
150
150
|
const fireAnchorClickListener = () => {
|
|
151
151
|
const anchors = document.querySelectorAll("a[on-click]");
|
|
152
|
-
anchors == null ? void 0 : anchors.forEach((anchor) => {
|
|
152
|
+
anchors == null ? void 0 : anchors.forEach(async (anchor) => {
|
|
153
153
|
const srcElement = anchor;
|
|
154
154
|
const eventName = "click";
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
executeListeners({ e, srcElement, listeners });
|
|
159
|
-
if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute(`on-${eventName}`);
|
|
155
|
+
const listeners = await fetchListeners({ srcElement, eventName, e });
|
|
156
|
+
anchor.addEventListener(eventName, (e2) => {
|
|
157
|
+
e2.preventDefault();
|
|
158
|
+
executeListeners({ e: e2, srcElement, listeners });
|
|
160
159
|
console.log("--- anchor ~ srcElement =", srcElement);
|
|
161
160
|
console.log("--- anchor ~ eventName =", eventName);
|
|
162
161
|
});
|
|
162
|
+
if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute(`on-${eventName}`);
|
|
163
163
|
});
|
|
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 (e2) => {
|
|
168
|
+
const srcElement = getSrcElement({ srcElement: e2 == null ? void 0 : e2.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, srcElement, listeners });
|
|
172
|
+
const listeners = await fetchListeners({ srcElement, eventName, e: e2 });
|
|
173
|
+
executeListeners({ e: e2, 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 (e2) => {
|
|
182
182
|
await addScripts();
|
|
183
183
|
fireLoadListener();
|
|
184
184
|
fireObserverListeners();
|
package/package.json
CHANGED
package/src/listener.js
CHANGED
|
@@ -227,18 +227,16 @@ const listener = ({
|
|
|
227
227
|
|
|
228
228
|
const fireAnchorClickListener = () => {
|
|
229
229
|
const anchors = document.querySelectorAll('a[on-click]')
|
|
230
|
-
anchors?.forEach((anchor) => {
|
|
230
|
+
anchors?.forEach(async (anchor) => {
|
|
231
231
|
const srcElement = anchor
|
|
232
232
|
const eventName = 'click'
|
|
233
|
+
const listeners = await fetchListeners({ srcElement, eventName, e })
|
|
233
234
|
|
|
234
|
-
anchor.addEventListener(eventName,
|
|
235
|
+
anchor.addEventListener(eventName, (e) => {
|
|
235
236
|
e.preventDefault()
|
|
236
237
|
|
|
237
|
-
const listeners = await fetchListeners({ srcElement, eventName, e })
|
|
238
238
|
executeListeners({ e, srcElement, listeners })
|
|
239
239
|
|
|
240
|
-
if (srcElement?.removeAttribute) srcElement.removeAttribute(`on-${eventName}`)
|
|
241
|
-
|
|
242
240
|
console.log('--- anchor ~ srcElement =', srcElement)
|
|
243
241
|
console.log('--- anchor ~ eventName =', eventName)
|
|
244
242
|
|
|
@@ -246,6 +244,7 @@ const listener = ({
|
|
|
246
244
|
// newAnchor.click()
|
|
247
245
|
})
|
|
248
246
|
|
|
247
|
+
if (srcElement?.removeAttribute) srcElement.removeAttribute(`on-${eventName}`)
|
|
249
248
|
})
|
|
250
249
|
}
|
|
251
250
|
|