https://www.sportendurance.co.uk/scripts/Vendor/Circliful/circliful.min.js

1var circliful = function (i) { var o = {}; function r(t) { if (o[t]) return o[t].exports; var e = o[t] = { i: t, l: !1, exports: {} }; return i[t].call(e.exports, e, e.exports, r), e.l = !0, e.exports } return r.m = i, r.c = o, r.d = function (t, e, i) { r.o(t, e) || Object.defineProperty(t, e, { enumerable: !0, get: i }) }, r.r = function (t) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t, "__esModule", { value: !0 }) }, r.t = function (e, t) { if (1 & t && (e = r(e)), 8 & t) return e; if (4 & t && "object" == typeof e && e && e.__esModule) return e; var i = Object.create(null); if (r.r(i), Object.defineProperty(i, "default", { enumerable: !0, value: e }), 2 & t && "string" != typeof e) for (var o in e) r.d(i, o, function (t) { return e[t] }.bind(null, o)); return i }, r.n = function (t) { var e = t && t.__esModule ? function () { return t.default } : function () { return t }; return r.d(e, "a", e), e }, r.o = function (t, e) { return Object.prototype.hasOwnProperty.call(t, e) }, r.p = "", r(r.s = 7) }([function (t, e, i) { "use strict"; Object.defineProperty(e, "__esModule", { value: !0 }); var o = (p.setAttributes = function (t, e) { for (var i = 0, o = Object.entries(e); i < o.length; i++) { var r = o[i], n = r[0], s = r[1]; t.setAttribute(n, s) } }, p.setAttributeNamespace = function (t, e) { for (var i = 0, o = Object.entries(e); i < o.length; i++) { var r = o[i], n = r[0], s = r[1]; t.setAttributeNS(null, n, s) } }, p.polarToCartesian = function (t, e, i, o) { var r = (o - 90) * Math.PI / 180; return { x: t + i * Math.cos(r), y: e + i * Math.sin(r) } }, p.describeArc = function (t, e, i, o, r, n) { void 0 === n && (n = "0"); var s = p.polarToCartesian(t, e, i, r), a = p.polarToCartesian(t, e, i, o), c = r - o <= 180 ? "0" : "1", d = !1; return 360 === r && a.x > s.x && (d = !0, s.x = s.x - .001), ["M", s.x, s.y, "A", i, i, 0, c, n, a.x, a.y, d ? "Z" : ""].join(" ") }, p.calculatePathEndCoordinates = function (t, e, i, o) { return p.polarToCartesian(t, e, i, o) }, p); function p() { } e.default = o }, function (t, e, i) { "use strict"; Object.defineProperty(e, "__esModule", { value: !0 }); var o = (r.extractPropertyFromObject = function (t, e) { var i; return t.hasOwnProperty(e) && t[e] && (i = t[e]), i }, r); function r() { } e.default = o }, function (t, e, i) { "use strict"; Object.defineProperty(e, "__esModule", { value: !0 }); var o = i(1), a = i(0), r = (c.addSvg = function (t) { var e = document.createElementNS(c.namespaceURI, "svg"); return t.class = "circle-container " + o.default.extractPropertyFromObject(t, "class"), a.default.setAttributes(e, t), e }, c.addCircle = function (t) { var e = document.createElementNS(c.namespaceURI, "circle"); return a.default.setAttributes(e, t), e }, c.addArc = function (t) { var e = document.createElementNS(c.namespaceURI, "path"); return a.default.setAttributes(e, t), e }, c.addText = function (t) { var e = document.createElementNS(c.namespaceURI, "text"); return e.setAttributeNS(null, "text-anchor", "middle"), a.default.setAttributes(e, t), e }, c.addDefs = function (t) { var e = document.createElementNS(c.namespaceURI, "defs"), i = document.createElementNS(c.namespaceURI, "linearGradient"); a.default.setAttributes(i, { id: "linearGradient" }); var o = document.createElementNS(c.namespaceURI, "stop"), r = { offset: "0", "stop-color": t.gradientStart }; a.default.setAttributes(o, r); var n = document.createElementNS(c.namespaceURI, "stop"), s = { offset: "1", "stop-color": t.gradientEnd }; return a.default.setAttributes(n, s), i.appendChild(o), i.appendChild(n), e.appendChild(i), e }, c.namespaceURI = "http://www.w3.org/2000/svg", c); function c() { } e.default = r }, function (t, e, i) { "use strict"; var a = this && this.__assign || function () { return (a = Object.assign || function (t) { for (var e, i = 1, o = arguments.length; i < o; i++)for (var r in e = arguments[i]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; Object.defineProperty(e, "__esModule", { value: !0 }); var c = i(2), o = (r.prototype.animateInView = function () { var t = this; this.options.animateInView && window.addEventListener("scroll", function () { t.checkAnimation(t.options.id) }) }, r.prototype.checkAnimation = function (t) { var e = this, i = document.getElementById(t), o = document.getElementById("arc-" + t), r = this.isElementInViewport(i); !i.classList.contains("reanimated") && r && (i.classList.add("reanimated"), setTimeout(function () { return e.animate(o) }, 250)) }, r.prototype.isElementInViewport = function (t) { var e = t.offsetTop, i = window.scrollY, o = window.innerHeight; return i < e && e < i + o }, r.prototype.drawContainer = function (t) { var e = this.getViewBoxParams(), i = e.minX, o = e.minY, r = e.width, n = e.height, s = c.default.addSvg(a({ width: "100%", height: "100%", viewBox: i + " " + o + " " + r + " " + n, id: "svg-" + this.options.id, preserveAspectRatio: "xMinYMin meet" }, t)); this.tags.push({ element: s, parentId: this.options.id }) }, r.prototype.getViewBoxParams = function () { var t = this.options, e = t.foregroundCircleWidth, i = t.backgroundCircleWidth, o = i; i < e && (o = e); var r = this.size.width, n = this.size.height; return (5 < e || 5 < i) && (r = this.size.width + 1.5 * o, n = this.size.height + 1.5 * o), { minX: 0, minY: 0, width: r, height: n } }

1, r.prototype.append = function () { this.tags.forEach(function (t) { document.getElementById(t.parentId).appendChild(t.element) }) }, r.prototype.initialize = function (t, e) { this.options = t, this.size = e }, r); function r() { this.tags = [] } e.BaseCircle = o }, function (t, e, i) { "use strict"; Object.defineProperty(e, "__esModule", { value: !0 }); var h = i(0), o = (f.animateArc = function (t, n) { var e = t.arc, s = t.arcParams, a = t.animationStep, i = t.progressColors, c = s.startAngle ? s.startAngle : 0, d = s.endAngleGrade ? s.endAngleGrade : 360, o = this.getMilliseconds(s.ms, s.endAngleGrade), p = Array.isArray(i) && 0 < i.length, u = 1, l = setInterval(function (t, e, i) { var o = d / 100 * u, r = c < 0 && 286 < o ? "1" : "0"; h.default.setAttributes(t, { d: h.default.describeArc(s.x, s.y, s.radius, c, o, r) }), p && f.updateCircleColor(u, t, i), ((u += a) > e || 100 < u) && (clearInterval(l), "function" == typeof n && n()) }, o, e, s.percent, i) }, f.updateCircleColor = function (e, t, i) { var o = i.find(function (t) { return t.percent === e }); o && h.default.setAttributes(t, { style: "stroke: " + o.color }) }, f.getMilliseconds = function (t, e) { var i = t || 50; return e <= 180 && (i /= 3), i }, f); function f() { } e.StyleHelper = o }, function (t, e, i) { "use strict"; Object.defineProperty(e, "__esModule", { value: !0 }); var o = i(9), n = i(10), s = i(14), r = (a.getParentSize = function (t) { return { maxSize: 100, height: 100, width: 100 } }, a.initializeCircleType = function (t, e) { void 0 === e && (e = !1); var i = a.getParentSize(t.id), o = n.CircleFactory.create(t.type), r = (new s.default).mergeOptions(t, e); return o.initialize(r, i), o.drawCircle(), o }, a.prototype.newCircle = function (t) { return a.initializeCircleType(t), new o.Api(t) }, a.prototype.newCircleWithDataSet = function (t, e) { var i = { id: t, type: e, percent: 1 }; return a.initializeCircleType(i, !0), new o.Api(i) }, a); function a() { } e.default = r }, function (t, e, i) { "use strict"; var o, r = this && this.__extends || (o = function (t, e) { return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var i in e) e.hasOwnProperty(i) && (t[i] = e[i]) })(t, e) }, function (t, e) { function i() { this.constructor = t } o(t, e), t.prototype = null === e ? Object.create(e) : (i.prototype = e.prototype, new i) }); Object.defineProperty(e, "__esModule", { value: !0 }); var n, s = i(3), a = i(2), c = i(1), d = i(4), p = i(0), u = (n = s.BaseCircle, r(l, n), l.prototype.initialize = function (t, e) { n.prototype.initialize.call(this, t, e); var i = this.size.maxSize; this.coordinates = { x: i / 2, y: i / 2 }, this.radius = i / 2.2, this.options.additionalCssClasses && (this.additionalCssClasses = this.options.additionalCssClasses), this.animateInView() }, l.prototype.drawCircle = function () { var t = { class: c.default.extractPropertyFromObject(this.additionalCssClasses, "svgContainer") }; this.drawContainer(t), this.options.strokeGradient && this.drawLinearGradient(), this.drawBackgroundCircle(), this.drawForegroundCircle(), this.options.point && this.drawPoint(), this.options.icon && this.drawIcon(), this.drawText(), !this.options.textReplacesPercentage && this.options.text && this.drawInfoText(), this.append() }, l.prototype.drawBackgroundCircle = function () { var t = c.default.extractPropertyFromObject(this.additionalCssClasses, "backgroundCircle"), e = a.default.addCircle({ id: "circle-" + this.options.id, class: "background-circle " + t, cx: String(this.coordinates.x), cy: String(this.coordinates.y), r: String(this.radius), "stroke-width": this.options.backgroundCircleWidth }); this.tags.push({ element: e, parentId: "svg-" + this.options.id }) }, l.prototype.drawPoint = function () { var t = this.radius / 100 * this.options.pointSize, e = c.default.extractPropertyFromObject(this.additionalCssClasses, "point"), i = a.default.addCircle({ id: "point-" + this.options.id, class: "point-circle " + e, cx: String(this.coordinates.x), cy: String(this.coordinates.y), r: String(t) }); this.tags.push({ element: i, parentId: "svg-" + this.options.id }) }, l.prototype.drawForegroundCircle = function () { var t = 3.6 * this.options.percent + Number(this.options.startAngle), e = this.options.startAngle ? this.options.startAngle : 0, i = c.default.extractPropertyFromObject(this.additionalCssClasse

1s, "foregroundCircle"), o = { id: "arc-" + this.options.id, class: "foreground-circle " + i, d: p.default.describeArc(this.coordinates.x, this.coordinates.y, this.radius, e, t), "stroke-width": this.options.foregroundCircleWidth, "stroke-linecap": this.options.strokeLinecap }; this.options.strokeGradient && (o.stroke = "url(#linearGradient)", o.class = "foreground-circle-without-stroke-color " + i); var r = a.default.addArc(o); this.options.animation && !this.options.startAngle ? this.animate(r) : this.drawArc(r), this.tags.push({ element: r, parentId: "svg-" + this.options.id }) }, l.prototype.drawArc = function (t) { var e = { percent: this.options.percent, x: this.coordinates.x, y: this.coordinates.y, radius: this.radius }, i = 3.6 * this.options.percent; p.default.setAttributes(t, { d: p.default.describeArc(e.x, e.y, e.radius, 0, i, "0") }) }, l.prototype.animate = function (t, e) { d.StyleHelper.animateArc({ arc: t, arcParams: { percent: e || this.options.percent, x: this.coordinates.x, y: this.coordinates.y, radius: this.radius }, animationStep: this.options.animationStep, progressColors: this.options.progressColors }, this.options.onAnimationEnd) }, l.prototype.drawIcon = function () { var t = this.options.icon, e = c.default.extractPropertyFromObject(this.additionalCssClasses, "icon"), i = a.default.addText({ id: "text-" + this.options.id, x: String(this.coordinates.x), y: String(this.coordinates.y - 25), class: "circle-icon fa " + e }); i.innerHTML = "&#x" + t + ";", this.tags.push({ element: i, parentId: "svg-" + this.options.id }) }, l.prototype.drawText = function () { var t = c.default.extractPropertyFromObject(this.additionalCssClasses, "text"), e = a.default.addText({ id: "text-" + this.options.id, x: String(this.coordinates.x), y: String(this.coordinates.y), class: "circle-text " + t }), i = this.options.noPercentageSign ? "" : "%", o = this.options.percent + i; this.options.textReplacesPercentage && this.options.text && (o = this.options.text), e.textContent = o, this.tags.push({ element: e, parentId: "svg-" + this.options.id }) }, l.prototype.drawInfoText = function () { var t = c.default.extractPropertyFromObject(this.additionalCssClasses, "infoText"), e = a.default.addText({ id: "text-" + this.options.id, x: String(this.coordinates.x), y: String(this.coordinates.y + 20), class: "circle-info-text " + t }); e.textContent = this.options.text, this.tags.push({ element: e, parentId: "svg-" + this.options.id }) }, l.prototype.drawLinearGradient = function () { var t = {}; t.gradientStart = this.options.strokeGradient[0], t.gradientEnd = this.options.strokeGradient[1]; var e = a.default.addDefs(t); this.tags.push({ element: e, parentId: "svg-" + this.options.id }) }, l); function l() { var t = null !== n && n.apply(this, arguments) || this; return t.coordinates = { x: 0, y: 0 }, t.additionalCssClasses = {}, t } e.default = u }, function (t, e, i) { "use strict"; Object.defineProperty(e, "__esModule", { value: !0 }), i(8); var o = i(5); e.newCircle = function (t) { return (new o.default).newCircle(t) }, e.newCircleWithDataSet = function (t, e) { return (new o.default).newCircleWithDataSet(t, e) } }, function (t, e, i) { }, function (t, e, i) { "use strict"; Object.defineProperty(e, "__esModule", { value: !0 }); var o = i(5), r = i(1), n = (s.prototype.update = function (t) { var e = this; document.getElementById("svg-" + this.options.id).remove(), Array.isArray(t) ? t.forEach(function (t) { return e.updateType(t.type, t.value) }) : this.updateType(t.type, t.value), o.default.initializeCircleType(this.options) }, s.prototype.updateType = function (t, e) { switch (t) { case "percent": this.options.percent = Number(e); break; case "point": this.options.point = Boolean(e); break; case "animation": this.options.animation = Boolean(e); break; case "pointSize": this.options.pointSize = Number(e); break; case "animationStep": this.options.animationStep = Number(e); break; case "strokeGradient": this.options.strokeGradient = e; break; case "icon": this.options.icon = String(e); break; case "text": this.options.text = String(e); break; case "textReplacesPercentage": this.options.textReplacesPercentage = Boolean(e); break; case "foregroundCircleWidth": this.options.foregroundCircleWidth = Number(e); break; case "backgroundCircleWidth": this.options.backgroundCircleWidth = Number(e); break;

1 case "additionalCssClasses": this.options.additionalCssClasses = e; break; case "progressColors": this.options.progressColors = e } }, s.prototype.get = function (t) { return r.default.extractPropertyFromObject(this.options, t) }, s); function s(t) { this.options = t } e.Api = n }, function (t, e, i) { "use strict"; Object.defineProperty(e, "__esModule", { value: !0 }); var o = i(11), r = i(12), n = i(13), s = i(6), a = (c.create = function (t) { var e; switch (t.toLowerCase()) { case "half": e = new r.default; break; case "plain": e = new n.default; break; case "simple": e = new s.default; break; case "fraction": e = new o.default; break; default: e = new s.default }return e }, c); function c() { } e.CircleFactory = a }, function (t, e, i) { "use strict"; var o, r = this && this.__extends || (o = function (t, e) { return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var i in e) e.hasOwnProperty(i) && (t[i] = e[i]) })(t, e) }, function (t, e) { function i() { this.constructor = t } o(t, e), t.prototype = null === e ? Object.create(e) : (i.prototype = e.prototype, new i) }); Object.defineProperty(e, "__esModule", { value: !0 }); var n, s = i(3), a = i(2), c = i(0), d = (n = s.BaseCircle, r(p, n), p.isOdd = function (t) { return t % 2 }, p.prototype.initialize = function (t, e) { n.prototype.initialize.call(this, t, e); var i = this.size.maxSize; this.coordinates = { x: i / 2, y: i / 2 }, this.radius = i / 2.2, this.options.additionalCssClasses && (this.additionalCssClasses = this.options.additionalCssClasses), this.animateInView() }, p.prototype.drawCircle = function () { this.drawContainer(), this.drawFraction(), this.append() }, p.prototype.drawFraction = function () { this.fractionAngle = 360 / this.options.fractionCount; for (var t = 0; t < this.options.fractionCount; t++) { this.rotateDegree = this.fractionAngle * t; var e, i = this.options.fillColor; this.options.fractionColors && 2 <= this.options.fractionColors.length && (e = this.options.fractionColors, i = p.isOdd(t) ? e[0] : e[1]), t >= this.options.fractionFilledCount && (i = "none"), this.drawArc(i) } }, p.prototype.drawArc = function (t) { var e = a.default.addArc({ id: "arc-" + this.options.id, class: "fraction", d: c.default.describeArc(this.coordinates.x, this.coordinates.y, this.radius, 0, this.fractionAngle) + this.getLineToCenter(), "stroke-width": this.options.foregroundCircleWidth, fill: t, stroke: this.options.strokeColor, transform: "rotate(" + this.rotateDegree + ", " + this.coordinates.x + ", " + this.coordinates.y + ")" }); this.tags.push({ element: e, parentId: "svg-" + this.options.id }) }, p.prototype.getLineToCenter = function () { var t = c.default.calculatePathEndCoordinates(this.coordinates.x, this.coordinates.y, this.radius, this.fractionAngle); return " L " + this.coordinates.y + " " + this.coordinates.x + " M " + t.x + " " + t.y + " L " + this.coordinates.y + " " + this.coordinates.x }, p.prototype.animate = function (t) { }, p); function p() { var t = null !== n && n.apply(this, arguments) || this; return t.coordinates = { x: 0, y: 0 }, t.additionalCssClasses = {}, t } e.default = d }, function (t, e, i) { "use strict"; var o, r = this && this.__extends || (o = function (t, e) { return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var i in e) e.hasOwnProperty(i) && (t[i] = e[i]) })(t, e) }, function (t, e) { function i() { this.constructor = t } o(t, e), t.prototype = null === e ? Object.create(e) : (i.prototype = e.prototype, new i) }); Object.defineProperty(e, "__esModule", { value: !0 }); var n, s = i(2), a = i(1), c = i(4), d = i(0), p = (n = i(6).default, r(u, n), u.prototype.drawCircle = function () { var t = { class: a.default.extractPropertyFromObject(this.additionalCssClasses, "svgContainer") }; this.drawContainer(t), this.drawBackgroundCircle(), this.drawForegroundCircle(), this.drawText(), this.append() }, u.prototype.drawBackgroundCircle = function () { var t = a.default.extractPropertyFromObject(this.additionalCssClasse

1s, "backgroundCircle"), e = s.default.addArc({ id: "bg-arc-" + this.options.id, d: d.default.describeArc(this.coordinates.x, this.coordinates.y, this.radius, 270, 90), class: "background-circle " + t, "stroke-width": this.options.backgroundCircleWidth }); this.tags.push({ element: e, parentId: "svg-" + this.options.id }) }, u.prototype.drawForegroundCircle = function () { var t = 1.8 * this.options.percent, e = a.default.extractPropertyFromObject(this.additionalCssClasses, "foregroundCircle"), i = s.default.addArc({ id: "arc-" + this.options.id, class: "foreground-circle " + e, d: d.default.describeArc(this.coordinates.x, this.coordinates.y, this.radius, 0, t), transform: "rotate(-90, " + this.coordinates.x + ", " + this.coordinates.y + ")", "stroke-width": this.options.foregroundCircleWidth, "stroke-linecap": this.options.strokeLinecap }); this.options.animation && this.animate(i), this.tags.push({ element: i, parentId: "svg-" + this.options.id }) }, u.prototype.animate = function (t) { c.StyleHelper.animateArc({ arc: t, arcParams: { percent: this.options.percent, x: this.coordinates.x, y: this.coordinates.y, radius: this.radius, endAngleGrade: 180 }, animationStep: this.options.animationStep, progressColors: this.options.progressColors }, this.options.onAnimationEnd) }, u); function u() { return null !== n && n.apply(this, arguments) || this } e.default = p }, function (t, e, i) { "use strict"; var o, r = this && this.__extends || (o = function (t, e) { return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var i in e) e.hasOwnProperty(i) && (t[i] = e[i]) })(t, e) }, function (t, e) { function i() { this.constructor = t } o(t, e), t.prototype = null === e ? Object.create(e) : (i.prototype = e.prototype, new i) }); Object.defineProperty(e, "__esModule", { value: !0 }); var n, s = i(3), a = i(2), c = i(1), d = i(4), p = i(0), u = (n = s.BaseCircle, r(l, n), l.prototype.initialize = function (t, e) { n.prototype.initialize.call(this, t, e); var i = this.size.maxSize; this.coordinates = { x: i / 2, y: i / 2 }, this.radius = i / 2.2, this.options.additionalCssClasses && (this.additionalCssClasses = this.options.additionalCssClasses), this.animateInView() }, l.prototype.drawCircle = function () { this.drawContainer(), this.drawPlainCircle(), this.append() }, l.prototype.drawPlainCircle = function () { var t = this.options.startAngle ? this.options.startAngle : 0, e = 3.6 * this.options.percent + Number(t), i = c.default.extractPropertyFromObject(this.additionalCssClasses, "foregroundCircle"), o = a.default.addArc({ id: "arc-" + this.options.id, class: "foreground-circle " + i, d: p.default.describeArc(this.coordinates.x, this.coordinates.y, this.radius, t, e), "stroke-width": this.options.foregroundCircleWidth, "stroke-linecap": this.options.strokeLinecap }); this.options.animation && !this.options.startAngle && this.animate(o), this.tags.push({ element: o, parentId: "svg-" + this.options.id }) }, l.prototype.animate = function (t) { d.StyleHelper.animateArc({ arc: t, arcParams: { percent: this.options.percent, x: this.coordinates.x, y: this.coordinates.y, radius: this.radius }, animationStep: this.options.animationStep, progressColors: this.options.progressColors }, this.options.onAnimationEnd) }, l); function l() { var t = null !== n && n.apply(this, arguments) || this; return t.coordinates = { x: 0, y: 0 }, t.additionalCssClasses = {}, t } e.default = u }, function (t, e, i) { "use strict"; var r = this && this.__assign || function () { return (r = Object.assign || function (t) { for (var e, i = 1, o = arguments.length; i < o; i++)for (var r in e = arguments[i]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; Object.defineProperty(e, "__esModule", { value: !0 }); var o = (n.getDataAttributes = function (t) { var e, i = document.getElementById(t.id), o = { percent: t.percent }; for (var r in i.dataset) i.dataset.hasOwnProperty(r) && ("false" === (e = i.dataset[r]) || "true" === e ? o[r] = "true" === e : Number(e) ? o[r] = Number(e) : o[r] = e); return o }, n.prototype.mergeOptions = function (t, e) { void 0 === e && (e = !1); var i, o = r(r({}, this.defaultOptions), t); return e && (i = n.getDataAttributes(t), o = r(r({}, o), i)), o }, n); function n() { this.defaultOptions = { point: !1, pointSize: 60, percent: 75, foregroundCircleWidth: 5, backgroundCircleWidth: 15, animation: !0, animationStep: 1, noPercentageSign: !1, animateInView: !1, strokeLinecap: "butt", type: "SimpleCircle", textReplacesPercentage: !1 } } e.default = o }]);