Update delay JS script

[MathieuLamiot]

Description

• Fix for https://github.com/wp-media/delay-javascript-loading/issues/142 where jQuery.ready() should be asynchronous since jQuery v3

Type of change

• Chore

[codacy-production]

Coverage summary from Codacy

See diff coverage on Codacy

Coverage variation	Diff coverage
✅ +0.00% (target: -0.10%)	✅ ∅ (target: 50.00%)

Coverage variation details

	Coverable lines	Covered lines	Coverage
Common ancestor commit (5b018e4)	38787	17157	44.23%
Head commit (4300743)	38787 (+0)	17157 (+0)	44.23% (+0.00%)

Coverage variation is the difference between the coverage for the head and common ancestor commits of the pull request branch: <coverage of head commit> - <coverage of common ancestor commit>

Diff coverage details

	Coverable lines	Covered lines	Diff coverage
Pull request (#7273)	0	0	∅ (not applicable)

Diff coverage is the percentage of lines that are covered by tests out of the coverable lines that the pull request added or modified: <covered lines added or modified>/<coverable lines added or modified> * 100%

See your quality gate settings    Change summary preferences

_{Codacy stopped sending the deprecated coverage status on June 5th, 2024. Learn more}

[Mai-Saad]

Working as expected notice that failed tests are already failing on trunk
testrail-report-694.pdf

• integrity attribute is removed even on 1.2.6
  https://wp-media.slack.com/archives/CUT7FLHF1/p1738657607011159

[JeremieBALDY]

I have a very recent problem with vanilla JavaScript. Could this patch have created an side effect?

`addEventListener("DOMContentLoaded", () => {
for (const slider of document.querySelectorAll(".sessionSlider")) {
let position = 0;

const inSlider = slider.querySelector(".sessionSlided-in");
const leftHandle = slider.querySelector(".handle-left");
const rightHandle = slider.querySelector(".handle-right");

updateHandles(position, inSlider, leftHandle, rightHandle);

leftHandle.addEventListener("click", () => {
  if (position <= 0) return;

  const element = inSlider.children.item(position - 1);

  const left = Number(inSlider.style.left.replace("px", ""));

  inSlider.style.left = left + outerWidth(element) + "px";
  position -= 2;

  updateHandles(position, inSlider, leftHandle, rightHandle);
});

rightHandle.addEventListener("click", () => {
  if (position >= inSlider.children.length - 4) return;

  const element = inSlider.children.item(position);

  const left = Number(inSlider.style.left.replace("px", ""));

  inSlider.style.left = left - outerWidth(element) + "px";
  position += 2;

  updateHandles(position, inSlider, leftHandle, rightHandle);
});

}

for (const location of document.querySelectorAll(".sessionLocation")) {
location.addEventListener("contextmenu", async (e) => {
e.preventDefault();

  const sessions = [
    ...location.parentElement.querySelectorAll(".sessionBlock"),
  ];
  const dates = sessions
    .map((elem) => elem.getAttribute("data-clipboard"))
    .join("\n");

  clipboardWrite(dates);
});

}

for (const session of document.querySelectorAll(".sessionBlock")) {
session.addEventListener("contextmenu", (e) => {
e.preventDefault();

  clipboardWrite(session.getAttribute("data-clipboard"));
});

}

const url = new URL(window.location.href);
const maintenue = url.searchParams.get("maintenue");
const cpf = url.searchParams.get("cpf");
const actionCo = url.searchParams.get("actionCo");

if (maintenue) {
console.log("maintenue");
setTimeout(function () {
document.querySelector('button[data-rel="urgent"]').click();
}, 100);
}

if (cpf) {
console.log("cpf");
setTimeout(function () {
document.querySelector('button[data-rel="cpf"]').click();
}, 100);
}

if (actionCo) {
console.log("actionCo");
setTimeout(function () {
document.querySelector('button[data-rel="actionCo"]').click();
}, 100);
}
});

async function clipboardWrite(text) {
const result = await navigator.permissions.query({ name: "clipboard-write" });

// if unauthorized stop there
if (!(result.state == "granted" || result.state == "prompt")) return;

navigator.clipboard.writeText(text);
}

function outerWidth(el) {
let width = el.offsetWidth;
const style = getComputedStyle(el);

width += parseInt(style.marginLeft) + parseInt(style.marginRight);
return width;
}

function updateHandles(position, slider, leftHandle, rightHandle) {
if (position <= 0) leftHandle.classList.add("inactive");
else leftHandle.classList.remove("inactive");

if (position >= slider.children.length - 4)
rightHandle.classList.add("inactive");
else rightHandle.classList.remove("inactive");
}
`