| 1 |
"use strict"; |
| 2 |
|
| 3 |
(function ($) { |
| 4 |
const openCardLink = (card) => { |
| 5 |
const url = card.dataset.cardLink; |
| 6 |
if (!url) { |
| 7 |
return; |
| 8 |
} |
| 9 |
|
| 10 |
const target = card.dataset.cardLinkTarget || "_self"; |
| 11 |
const rel = card.dataset.cardLinkRel || ""; |
| 12 |
const anchor = document.createElement("a"); |
| 13 |
anchor.href = url; |
| 14 |
anchor.target = target; |
| 15 |
if (rel) { |
| 16 |
anchor.rel = rel; |
| 17 |
} |
| 18 |
anchor.style.display = "none"; |
| 19 |
document.body.appendChild(anchor); |
| 20 |
anchor.click(); |
| 21 |
anchor.remove(); |
| 22 |
}; |
| 23 |
|
| 24 |
const initKpiTiles = ($scope) => { |
| 25 |
if (typeof elementorFrontend !== "undefined" && elementorFrontend.isEditMode()) { |
| 26 |
return; |
| 27 |
} |
| 28 |
|
| 29 |
const cards = $scope[0]?.querySelectorAll( |
| 30 |
".king-addons-kpi-tiles__card[data-card-link]" |
| 31 |
); |
| 32 |
if (!cards || !cards.length) { |
| 33 |
return; |
| 34 |
} |
| 35 |
|
| 36 |
cards.forEach((card) => { |
| 37 |
card.addEventListener("click", (event) => { |
| 38 |
if (event.target.closest("a")) { |
| 39 |
return; |
| 40 |
} |
| 41 |
openCardLink(card); |
| 42 |
}); |
| 43 |
|
| 44 |
card.addEventListener("keydown", (event) => { |
| 45 |
if (event.key !== "Enter" && event.key !== " " && event.key !== "Spacebar") { |
| 46 |
return; |
| 47 |
} |
| 48 |
event.preventDefault(); |
| 49 |
openCardLink(card); |
| 50 |
}); |
| 51 |
}); |
| 52 |
}; |
| 53 |
|
| 54 |
$(window).on("elementor/frontend/init", function () { |
| 55 |
elementorFrontend.hooks.addAction( |
| 56 |
"frontend/element_ready/king-addons-kpi-tiles-microcharts.default", |
| 57 |
function ($scope) { |
| 58 |
initKpiTiles($scope); |
| 59 |
} |
| 60 |
); |
| 61 |
}); |
| 62 |
})(jQuery); |
| 63 |
|
