@pimaonline/pimaonline-themepack 3.10.13 → 4.0.0

package/dist/plugins/flashcards/js/vendor/modernizr-2.5.3.min.js

@@ -1,4 +1 @@
-/* Modernizr 2.5.3 (Custom Build) | MIT & BSD
- * Build: http://www.modernizr.com/download/#-csstransforms3d-shiv-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load
- */
-;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a)if(j[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.substr(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.5.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k=b.createElement("div"),l=b.body,m=l?l:b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),k.appendChild(j);return f=["&#173;","<style>",a,"</style>"].join(""),k.id=h,(l?k:m).innerHTML+=f,m.appendChild(k),l||(m.style.background="",g.appendChild(m)),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e});var G=function(a,c){var d=a.join(""),f=c.length;w(d,function(a,c){var d=b.styleSheets[b.styleSheets.length-1],g=d?d.cssRules&&d.cssRules[0]?d.cssRules[0].cssText:d.cssText||"":"",h=a.childNodes,i={};while(f--)i[h[f].id]=h[f];e.csstransforms3d=(i.csstransforms3d&&i.csstransforms3d.offsetLeft)===9&&i.csstransforms3d.offsetHeight===3},f,c)}([,["@media (",m.join("transform-3d),("),h,")","{#csstransforms3d{left:9px;position:absolute;height:3px;}}"].join("")],[,"csstransforms3d"]);q.csstransforms3d=function(){var a=!!F("perspective");return a&&"webkitPerspective"in g.style&&(a=e.csstransforms3d),a};for(var H in q)y(q,H)&&(v=H.toLowerCase(),e[v]=q[H](),t.push((e[v]?"":"no-")+v));return z(""),i=k=null,function(a,b){function g(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function h(){var a=k.elements;return typeof a=="string"?a.split(" "):a}function i(a){var b={},c=a.createElement,e=a.createDocumentFragment,f=e();a.createElement=function(a){var e=(b[a]||(b[a]=c(a))).cloneNode();return k.shivMethods&&e.canHaveChildren&&!d.test(a)?f.appendChild(e):e},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+h().join().replace(/\w+/g,function(a){return b[a]=c(a),f.createElement(a),'c("'+a+'")'})+");return n}")(k,f)}function j(a){var b;return a.documentShived?a:(k.shivCSS&&!e&&(b=!!g(a,"article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio{display:none}canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}mark{background:#FF0;color:#000}")),f||(b=!i(a)),b&&(a.documentShived=b),a)}var c=a.html5||{},d=/^<|^(?:button|form|map|select|textarea)$/i,e,f;(function(){var a=b.createElement("a");a.innerHTML="<xyz></xyz>",e="hidden"in a,f=a.childNodes.length==1||function(){try{b.createElement("a")}catch(a){return!0}var c=b.createDocumentFragment();return typeof c.cloneNode=="undefined"||typeof c.createDocumentFragment=="undefined"||typeof c.createElement=="undefined"}()})();var k={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:j};a.html5=k,j(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return o.call(a)=="[object Function]"}function e(a){return typeof a=="string"}function f(){}function g(a){return!a||a=="loaded"||a=="complete"||a=="uninitialized"}function h(){var a=p.shift();q=1,a?a.t?m(function(){(a.t=="c"?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){a!="img"&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l={},o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};y[c]===1&&(r=1,y[c]=[],l=b.createElement(a)),a=="object"?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),a!="img"&&(r||y[c]===2?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i(b=="c"?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),p.length==1&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&o.call(a.opera)=="[object Opera]",l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return o.call(a)=="[object Array]"},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,i){var j=b(a),l=j.autoCallback;j.url.split(".").pop().split("?").shift(),j.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]||h),j.instead?j.instead(a,e,f,g,i):(y[j.url]?j.noexec=!0:y[j.url]=1,f.load(j.url,j.forceCSS||!j.forceJS&&"css"==j.url.split(".").pop().split("?").shift()?"c":c,j.noexec,j.attrs,j.timeout),(d(e)||d(l))&&f.load(function(){k(),e&&e(j.origUrl,i,g),l&&l(j.origUrl,i,g),y[j.url]=2})))}function i(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var j,l,m=this.yepnope.loader;if(e(a))g(a,0,m,0);else if(w(a))for(j=0;j<a.length;j++)l=a[j],e(l)?g(l,0,m,0):w(l)?B(l):Object(l)===l&&i(l,m);else Object(a)===a&&i(a,m)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,b.readyState==null&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
+window.Modernizr=function(e,t,n){function r(e,t){return typeof e===t}function o(e,t){for(var r in e)if(p[e[r]]!==n)return"pfx"!=t||e[r];return!1}function i(e,t,o){for(var i in e){var a=t[e[i]];if(a!==n)return!1===o?e[i]:r(a,"function")?a.bind(o||t):a}return!1}function a(e,t,n){var a=e.charAt(0).toUpperCase()+e.substr(1),s=(e+" "+v.join(a+" ")+a).split(" ");return r(t,"string")||r(t,"undefined")?o(s,t):i(s=(e+" "+y.join(a+" ")+a).split(" "),t,n)}var s,c,l={},u=t.documentElement,d="modernizr",f=t.createElement(d),p=f.style,m=" -webkit- -moz- -o- -ms- ".split(" "),h="Webkit Moz O ms",v=h.split(" "),y=h.toLowerCase().split(" "),g={},b=[],E=b.slice,j=function(e,n,r,o){var i,a,s,c=t.createElement("div"),l=t.body,f=l||t.createElement("body");if(parseInt(r,10))for(;r--;)(s=t.createElement("div")).id=o?o[r]:d+(r+1),c.appendChild(s);return i=["&#173;","<style>",e,"</style>"].join(""),c.id=d,(l?c:f).innerHTML+=i,f.appendChild(c),l||(f.style.background="",u.appendChild(f)),a=n(c,e),l?c.parentNode.removeChild(c):f.parentNode.removeChild(f),!!a},C={}.hasOwnProperty;for(var x in c=r(C,"undefined")||r(C.call,"undefined")?function(e,t){return t in e&&r(e.constructor.prototype[t],"undefined")}:function(e,t){return C.call(e,t)},Function.prototype.bind||(Function.prototype.bind=function(e){var t=this;if("function"!=typeof t)throw new TypeError;var n=E.call(arguments,1),r=function(){if(this instanceof r){var o=function(){};o.prototype=t.prototype;var i=new o,a=t.apply(i,n.concat(E.call(arguments)));return Object(a)===a?a:i}return t.apply(e,n.concat(E.call(arguments)))};return r}),function(e,n){var r=e.join(""),o=n.length;j(r,(function(e,n){for(var r=t.styleSheets[t.styleSheets.length-1],i=(r&&(r.cssRules&&r.cssRules[0]?r.cssRules[0].cssText:r.cssText),e.childNodes),a={};o--;)a[i[o].id]=i[o];l.csstransforms3d=9===(a.csstransforms3d&&a.csstransforms3d.offsetLeft)&&3===a.csstransforms3d.offsetHeight}),o,n)}([,["@media (",m.join("transform-3d),("),d,")","{#csstransforms3d{left:9px;position:absolute;height:3px;}}"].join("")],[,"csstransforms3d"]),g.csstransforms3d=function(){var e=!!a("perspective");return e&&"webkitPerspective"in u.style&&(e=l.csstransforms3d),e},g)c(g,x)&&(s=x.toLowerCase(),l[s]=g[x](),b.push((l[s]?"":"no-")+s));return function(e){p.cssText=e}(""),f=null,function(e,t){function n(e){var t;return e.documentShived||(s.shivCSS&&!r&&(t=!!function(e,t){var n=e.createElement("p"),r=e.getElementsByTagName("head")[0]||e.documentElement;return n.innerHTML="x<style>article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio{display:none}canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}mark{background:#FF0;color:#000}</style>",r.insertBefore(n.lastChild,r.firstChild)}(e)),o||(t=!function(e){var t={},n=e.createElement,r=(0,e.createDocumentFragment)();e.createElement=function(e){var o=(t[e]||(t[e]=n(e))).cloneNode();return s.shivMethods&&o.canHaveChildren&&!a.test(e)?r.appendChild(o):o},e.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+function(){var e=s.elements;return"string"==typeof e?e.split(" "):e}().join().replace(/\w+/g,(function(e){return t[e]=n(e),r.createElement(e),'c("'+e+'")'}))+");return n}")(s,r)}(e)),t&&(e.documentShived=t)),e}var r,o,i=e.html5||{},a=/^<|^(?:button|form|map|select|textarea)$/i;!function(){var e=t.createElement("a");e.innerHTML="<xyz></xyz>",r="hidden"in e,o=1==e.childNodes.length||function(){try{t.createElement("a")}catch(e){return!0}var e=t.createDocumentFragment();return void 0===e.cloneNode||void 0===e.createDocumentFragment||void 0===e.createElement}()}();var s={elements:i.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:!1!==i.shivCSS,shivMethods:!1!==i.shivMethods,type:"default",shivDocument:n};e.html5=s,n(t)}(this,t),l._version="2.5.3",l._prefixes=m,l._domPrefixes=y,l._cssomPrefixes=v,l.testProp=function(e){return o([e])},l.testAllProps=a,l.testStyles=j,u.className=u.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+" js "+b.join(" "),l}(0,this.document),function(e,t,n){function r(e){return"[object Function]"==v.call(e)}function o(e){return"string"==typeof e}function i(){}function a(e){return!e||"loaded"==e||"complete"==e||"uninitialized"==e}function s(){var e=y.shift();g=1,e?e.t?m((function(){("c"==e.t?f.injectCss:f.injectJs)(e.s,0,e.a,e.x,e.e,1)}),0):(e(),s()):g=0}function c(e,n,r,o,i,c,l){function u(t){if(!p&&a(d.readyState)&&(b.r=p=1,!g&&s(),d.onload=d.onreadystatechange=null,t))for(var r in"img"!=e&&m((function(){j.removeChild(d)}),50),N[n])N[n].hasOwnProperty(r)&&N[n][r].onload()}l=l||f.errorTimeout;var d={},p=0,v=0,b={t:r,s:n,e:i,a:c,x:l};1===N[n]&&(v=1,N[n]=[],d=t.createElement(e)),"object"==e?d.data=n:(d.src=n,d.type=e),d.width=d.height="0",d.onerror=d.onload=d.onreadystatechange=function(){u.call(this,v)},y.splice(o,0,b),"img"!=e&&(v||2===N[n]?(j.insertBefore(d,E?null:h),m(u,l)):N[n].push(d))}function l(e,t,n,r,i){return g=0,t=t||"j",o(e)?c("c"==t?x:C,e,t,this.i++,n,r,i):(y.splice(this.i++,0,e),1==y.length&&s()),this}function u(){var e=f;return e.loader={load:l,i:0},e}var d,f,p=t.documentElement,m=e.setTimeout,h=t.getElementsByTagName("script")[0],v={}.toString,y=[],g=0,b="MozAppearance"in p.style,E=b&&!!t.createRange().compareNode,j=E?p:h.parentNode,C=(p=e.opera&&"[object Opera]"==v.call(e.opera),p=!!t.attachEvent&&!p,b?"object":p?"script":"img"),x=p?"script":C,S=Array.isArray||function(e){return"[object Array]"==v.call(e)},w=[],N={},k={timeout:function(e,t){return t.length&&(e.timeout=t[0]),e}};f=function(e){function t(e,t,n,o,i){var a=function(e){e=e.split("!");var t,n,r,o=w.length,i=e.pop(),a=e.length;for(i={url:i,origUrl:i,prefixes:e},n=0;n<a;n++)r=e[n].split("="),(t=k[r.shift()])&&(i=t(i,r));for(n=0;n<o;n++)i=w[n](i);return i}(e),c=a.autoCallback;a.url.split(".").pop().split("?").shift(),a.bypass||(t&&(t=r(t)?t:t[e]||t[o]||t[e.split("/").pop().split("?")[0]]||s),a.instead?a.instead(e,t,n,o,i):(N[a.url]?a.noexec=!0:N[a.url]=1,n.load(a.url,a.forceCSS||!a.forceJS&&"css"==a.url.split(".").pop().split("?").shift()?"c":void 0,a.noexec,a.attrs,a.timeout),(r(t)||r(c))&&n.load((function(){u(),t&&t(a.origUrl,i,o),c&&c(a.origUrl,i,o),N[a.url]=2}))))}function n(e,n){function a(e,i){if(e){if(o(e))i||(d=function(){var e=[].slice.call(arguments);f.apply(this,e),p()}),t(e,d,n,0,l);else if(Object(e)===e)for(c in s=function(){var t,n=0;for(t in e)e.hasOwnProperty(t)&&n++;return n}(),e)e.hasOwnProperty(c)&&(!i&&! --s&&(r(d)?d=function(){var e=[].slice.call(arguments);f.apply(this,e),p()}:d[c]=function(e){return function(){var t=[].slice.call(arguments);e&&e.apply(this,t),p()}}(f[c])),t(e[c],d,n,c,l))}else!i&&p()}var s,c,l=!!e.test,u=e.load||e.both,d=e.callback||i,f=d,p=e.complete||i;a(l?e.yep:e.nope,!!u),u&&a(u)}var a,c,l=this.yepnope.loader;if(o(e))t(e,0,l,0);else if(S(e))for(a=0;a<e.length;a++)o(c=e[a])?t(c,0,l,0):S(c)?f(c):Object(c)===c&&n(c,l);else Object(e)===e&&n(e,l)},f.addPrefix=function(e,t){k[e]=t},f.addFilter=function(e){w.push(e)},f.errorTimeout=1e4,null==t.readyState&&t.addEventListener&&(t.readyState="loading",t.addEventListener("DOMContentLoaded",d=function(){t.removeEventListener("DOMContentLoaded",d,0),t.readyState="complete"},0)),e.yepnope=u(),e.yepnope.executeStack=s,e.yepnope.injectJs=function(e,n,r,o,c,l){var u,d,p=t.createElement("script");for(d in o=o||f.errorTimeout,p.src=e,r)p.setAttribute(d,r[d]);n=l?s:n||i,p.onreadystatechange=p.onload=function(){!u&&a(p.readyState)&&(u=1,n(),p.onload=p.onreadystatechange=null)},m((function(){u||(u=1,n(1))}),o),c?p.onload():h.parentNode.insertBefore(p,h)},e.yepnope.injectCss=function(e,n,r,o,a,c){var l;for(l in n=c?s:n||i,(o=t.createElement("link")).href=e,o.rel="stylesheet",o.type="text/css",r)o.setAttribute(l,r[l]);a||(h.parentNode.insertBefore(o,h),m(n,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};

package/dist/plugins/floating-particles/floating-particles.js

@@ -1,68 +1 @@
-// JavaScript Document
-window.addEventListener("DOMContentLoaded", function() {
-
-  let particleAmount = 75;
-  const get_body = document.querySelector("body");
-  
-  const canvas_elem = document.createElement("canvas");
-  const ctx = canvas_elem.getContext("2d");
-  
-  canvas_elem.id = "animated-bg";
-  canvas_elem.width = window.innerWidth;
-  canvas_elem.height = window.innerHeight;
-  get_body.prepend(canvas_elem);
-  
-  const particleArray = [];
-  let particleFill = "rgba(255, 255, 255, .08)";
-
-  window.addEventListener("resize", function () {
-    canvas_elem.width = window.innerWidth;
-    canvas_elem.height = window.innerHeight;
-  });
-
-  class Particle {
-    constructor() {
-		this.x = Math.random() * ( (canvas_elem.width - 5) - 5 ) + 5;
-		this.y = Math.random() * canvas_elem.height;
-		this.size = Math.random() * (30 - 10) + 10;
-		this.speedX = 0;
-		this.speedY = Math.random() * (5 - 2) + 2 ;
-    }
-    update() {
-      if (this.y + this.size > canvas_elem.height || this.y + this.size < 0) {
-        this.speedY = -this.speedY;
-      }
-      this.x += this.speedX;
-      this.y += this.speedY;
-    }
-    draw() {
-      ctx.fillStyle = particleFill;
-      ctx.beginPath();
-      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
-      ctx.fill();
-    }
-  }
-
-  function init() {
-    for (let i = 0; i < particleAmount; i++) {
-      particleArray.push(new Particle());
-    }
-  }
-  init();
-
-  function handleParticles() {
-    for (let i = 0; i < particleArray.length; i++) {
-      particleArray[i].update();
-      particleArray[i].draw();
-    }
-  }
-
-  function animate() {
-    ctx.clearRect(0, 0, canvas_elem.width, canvas_elem.height);
-    handleParticles();
-    requestAnimationFrame(animate);
-  }
-  animate();  
-  
-// end event listener
-});
+window.addEventListener("DOMContentLoaded",(function(){const t=document.querySelector("body"),e=document.createElement("canvas"),i=e.getContext("2d");e.id="animated-bg",e.width=window.innerWidth,e.height=window.innerHeight,t.prepend(e);const n=[];window.addEventListener("resize",(function(){e.width=window.innerWidth,e.height=window.innerHeight}));class h{constructor(){this.x=Math.random()*(e.width-5-5)+5,this.y=Math.random()*e.height,this.size=20*Math.random()+10,this.speedX=0,this.speedY=3*Math.random()+2}update(){(this.y+this.size>e.height||this.y+this.size<0)&&(this.speedY=-this.speedY),this.x+=this.speedX,this.y+=this.speedY}draw(){i.fillStyle="rgba(255, 255, 255, .08)",i.beginPath(),i.arc(this.x,this.y,this.size,0,2*Math.PI),i.fill()}}!function(){for(let t=0;t<75;t++)n.push(new h)}(),function t(){i.clearRect(0,0,e.width,e.height),function(){for(let t=0;t<n.length;t++)n[t].update(),n[t].draw()}(),requestAnimationFrame(t)}()}));

package/dist/plugins/global-homepage-overrides/global-homepage-overrides.js

@@ -1,53 +1 @@
-// This script uses a forEach loop to place a custom stylesheet into every shadow dom (#shadow-root) component,
-/// then while still in the loop runs scripts through each component
-
-window.parent.addEventListener("load", function () {
-
-  // Find all shadow-dom components and create an array
-  let sRoots = document.querySelectorAll("d2l-html-block");
-
-  // Loop through array
-  sRoots.forEach((each) => {
-
-    // Set the root element of each shadow component to a variable
-    let sRoot = each.shadowRoot.querySelector(".d2l-html-block-rendered");
-    
-    // Create link element
-    let link = document.createElement("link");
-    link.type = "text/css";
-    link.rel = "stylesheet";
-    link.href = "https://d2l.pima.edu/shared/webdev/course-files/plugins/global-homepage-overrides/global-homepage-overrides.css";
-    
-    // Append link element to root element
-    sRoot.append(link);
-
-    // BEGIN SCRIPTS *note: still going through forEach loop
-
-    // PCC Quicklinks
-    /// if the element has both scroll-right/left
-    if (each.shadowRoot.getElementById("pcc-ql-scroll-right") && each.shadowRoot.getElementById("pcc-ql-scroll-left"))  {
-
-      const buttonRight = each.shadowRoot.getElementById("pcc-ql-scroll-right");
-      const buttonLeft = each.shadowRoot.getElementById("pcc-ql-scroll-left");
-      const mediaQuery = window.matchMedia("(min-width: 413px)");
-    
-      buttonRight.onclick = function () {
-        if (mediaQuery.matches) {
-          each.shadowRoot.getElementById("pcc-ql-container").scrollLeft += 490;
-        } else {
-          each.shadowRoot.getElementById("pcc-ql-container").scrollLeft += 300;
-        }
-      };
-    
-      buttonLeft.onclick = function () {
-        if (mediaQuery.matches) {
-          each.shadowRoot.getElementById("pcc-ql-container").scrollLeft -= 490;
-        } else {
-          each.shadowRoot.getElementById("pcc-ql-container").scrollLeft -= 300;
-        }
-      };
-    };
-
-
-  }) 
-});
+window.parent.addEventListener("load",(function(){document.querySelectorAll("d2l-html-block").forEach((e=>{let t=e.shadowRoot.querySelector(".d2l-html-block-rendered"),o=document.createElement("link");if(o.type="text/css",o.rel="stylesheet",o.href="https://d2l.pima.edu/shared/webdev/course-files/plugins/global-homepage-overrides/global-homepage-overrides.css",t.append(o),e.shadowRoot.getElementById("pcc-ql-scroll-right")&&e.shadowRoot.getElementById("pcc-ql-scroll-left")){const t=e.shadowRoot.getElementById("pcc-ql-scroll-right"),o=e.shadowRoot.getElementById("pcc-ql-scroll-left"),l=window.matchMedia("(min-width: 413px)");t.onclick=function(){l.matches?e.shadowRoot.getElementById("pcc-ql-container").scrollLeft+=490:e.shadowRoot.getElementById("pcc-ql-container").scrollLeft+=300},o.onclick=function(){l.matches?e.shadowRoot.getElementById("pcc-ql-container").scrollLeft-=490:e.shadowRoot.getElementById("pcc-ql-container").scrollLeft-=300}}}))}));

package/dist/plugins/preview-banner/preview-banner.js

@@ -1,57 +1 @@
-// This script uses a forEach loop to place a custom stylesheet into every shadow dom (#shadow-root) component
-
-window.parent.addEventListener("load", function () {
-
-  // Find all shadow-dom components and create an array
-  let sRoots = document.querySelectorAll("d2l-html-block");
-
-  // Loop through the array
-  sRoots.forEach((each) => {
-
-    // Set the root-element of each shadow-component to a variable
-    let sRoot = each.shadowRoot.querySelector(".d2l-html-block-rendered");
-    
-    // Create link element
-    let link = document.createElement("link");
-    link.type = "text/css";
-    link.rel = "stylesheet";
-    link.href = "https://d2l.pima.edu/shared/webdev/course-files/plugins/preview-banner/preview-banner.css";
-    
-    // Append link element to root element
-    sRoot.append(link);
-
-  });
-
-});
-
-// Click any of the left navigation links to rerun script above.
-// This is done to refresh the CSS inserted into the shadow component
-let refresh = document.querySelectorAll(".d2l-le-TreeAccordionItem-anchor");
-
-refresh.forEach((each_) => {
-  each_.addEventListener("click", () => {
-
-    setTimeout(() => {
-      let d2lBlock = document.querySelectorAll("d2l-html-block");
-
-      // Loop through the array
-      d2lBlock.forEach((_each) => {
-
-        // Set the root-element of each shadow-component to a variable
-        let innerD2lBlock = _each.shadowRoot.querySelector(".d2l-html-block-rendered");
-        
-        // Create link element
-        let _link = document.createElement("link");
-        _link.type = "text/css";
-        _link.rel = "stylesheet";
-        _link.href = "https://d2l.pima.edu/shared/webdev/course-files/plugins/preview-banner/preview-banner.css";
-        
-        // Append link element to root element
-        innerD2lBlock.append(_link);
-
-      });      
-
-    }, 1000);
-
-  })
-});
+window.parent.addEventListener("load",(function(){document.querySelectorAll("d2l-html-block").forEach((e=>{let t=e.shadowRoot.querySelector(".d2l-html-block-rendered"),r=document.createElement("link");r.type="text/css",r.rel="stylesheet",r.href="https://d2l.pima.edu/shared/webdev/course-files/plugins/preview-banner/preview-banner.css",t.append(r)}))}));let refresh=document.querySelectorAll(".d2l-le-TreeAccordionItem-anchor");refresh.forEach((e=>{e.addEventListener("click",(()=>{setTimeout((()=>{document.querySelectorAll("d2l-html-block").forEach((e=>{let t=e.shadowRoot.querySelector(".d2l-html-block-rendered"),r=document.createElement("link");r.type="text/css",r.rel="stylesheet",r.href="https://d2l.pima.edu/shared/webdev/course-files/plugins/preview-banner/preview-banner.css",t.append(r)}))}),1e3)}))}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pimaonline/pimaonline-themepack",
-  "version": "3.10.13",
+  "version": "4.0.0",
   "description": "A cloud based, course theme-pack for building courses efficiently within the D2L learning environment.",
   "main": "index.js",
   "files": [
@@ -16,10 +16,14 @@
     "/dist/css/routes.css"
   ],
   "scripts": {
-    "dev": "gulp build-dev && gulp connect-watch",
-    "build": "gulp build",
-    "build-dev": "gulp build-dev",
-    "docs": "docsify serve docs"
+    "build": "concurrently \"npm run sass\" \"npm run webpack\"",
+    "dev": "concurrently \"npm run sass:watch\" \"npm run webpack:watch\" \"npm run serve\"",
+    "docs": "docsify serve docs",
+    "sass": "sass --no-source-map --style=compressed src/scss:dist/css",
+    "sass:watch": "sass --watch --no-source-map --style=compressed src/scss:dist/css",
+    "serve": "webpack serve",
+    "webpack": "webpack",
+    "webpack:watch": "webpack --watch"
   },
   "repository": {
     "type": "git",
@@ -32,11 +36,18 @@
   },
   "homepage": "https://github.com/franreyn/pimaonline-themepack",
   "devDependencies": {
-    "gulp": "^4.0.2",
-    "gulp-concat": "^2.6.1",
-    "gulp-connect": "^5.7.0",
-    "gulp-pug": "^5.0.0",
-    "gulp-sass": "^5.1.0",
-    "sass": "^1.49.9"
+    "@types/react": "^18.2.76",
+    "@types/react-dom": "^18.2.25",
+    "concurrently": "^8.2.2",
+    "copy-webpack-plugin": "^12.0.2",
+    "html-webpack-plugin": "^5.6.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.49.9",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.3.3",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1"
   }
 }

package/dist/js/jumpTo.js

@@ -1,4 +0,0 @@
-const jumpTo = async (anchor) => {
-  document.getElementById(anchor).scrollIntoView();
-}
-console.log("jumpTo loaded");

package/dist/js/scripts.js

@@ -1,327 +0,0 @@
-/// @description Main JS file for PimaOnline Themepack
-/// @dependencies jQuery 3.3.1 or later
-
-window.addEventListener("DOMContentLoaded", () => {
-
-  const courseBody = document.querySelector("body");
-  const contentWrapper = document.querySelector("#content-wrapper");
-  const secondColumn = document.querySelector("#second-column");
-  const thirdColumn = document.querySelector("#third-column");
-  const columnWidget = document.querySelector("#column-widget");
-  const videoWrapper = document.querySelector("#video-wrapper");
-  const rolePres = document.querySelectorAll('[role="presentation"]');
-  const imageGallery = document.querySelector(".image-gallery");
-  const vocabListWidget = document.querySelector("dl.vocab-list");
-  const vocabTerms = document.querySelectorAll("dl.vocab-list dt");
-  const vocabDefs = document.querySelectorAll("dl.vocab-list dd");
-  const vocabCloseBtns = document.querySelectorAll("dl.vocab-list button");
-  const vocabLists = document.querySelectorAll("dl[class^='vocab-list']");
-  const mediaContainers = document.querySelectorAll(".media-container"); 
-  const tabsWidgets = document.querySelectorAll(".tabs");
-  
-  // Grid 
-  const addGrid = () => {
-    if (secondColumn && thirdColumn) {
-      courseBody.id = "three-column";
-    } else if (secondColumn && !columnWidget) {
-        courseBody.id = "two-column";
-    } else if (columnWidget) {
-        courseBody.id = "two-col-widget";
-    } else if (videoWrapper) {
-        courseBody.id = "video-grid";
-    } else {
-        courseBody.id = "one-column";
-    }
-  };
-  addGrid();
-  
-  // JS to add role and aria-label to content-wrapper, second-column, and third-column
-  const addAria = () => {
-    contentWrapper.setAttribute("role", "main");
-    if (secondColumn) {
-      secondColumn.setAttribute("role", "region");
-      secondColumn.setAttribute("aria-label", "Second column");
-    }
-    if (thirdColumn) {
-      thirdColumn.setAttribute("role", "region");
-      thirdColumn.setAttribute("aria-label", "Third column");
-    }
-  };
-  addAria();
-  
-  // Clean up HTML
-  const cleanMarkup = () => {
-  // Remove role="presentation" attr from any element that has it  
-    if (rolePres) {
-      rolePres.forEach((roleElem) => roleElem.removeAttribute("role"));
-    }  
-    // Set functino to remove atrributes from elements
-    const discardAttributes = (element, ...attributes) => { 
-      attributes.forEach((attribute) => element.removeAttribute(attribute)); 
-    }
-    // Remove attributes from tables
-    const tableElems = document.querySelectorAll("table, thead, tbody, tr, th, td");
-    tableElems.forEach((elem) => {
-      discardAttributes(elem, "cellspacing", "cellpadding", "width", "style");
-    });
-  };
-  cleanMarkup();
-  
-  // Helper JS for Responsive Tables
-  const initResponsiveTables = () => {
-    const tables = document.querySelectorAll(".display, .display-lg")
-    for (let table = 0; table < tables.length; table++) {
-      let headertext = [],
-        headers = tables[table].querySelectorAll(".display table th, table.display th, .display-lg table th, table.display-lg th"),
-        tablebody = tables[table].querySelector(".display table tbody, table.display tbody, .display-lg table tbody, table.display-lg tbody");
-      for (let header = 0; header < headers.length; header++) {
-        let current = headers[header];
-        headertext.push(current.textContent.replace(/\r?\n|\r/, ""));
-      }
-      for (let y = 0, row; row = tablebody.rows[y]; y++) {
-        for (let j = 0, col; col = row.cells[j]; j++) {
-          col.setAttribute("data-th", headertext[j]);
-        }
-      }
-    }
-  }
-  initResponsiveTables();
-  
-  // This is called by anchor links via onlick="" in the HTML
-  //  Added because default anchor links don't work on all browsers using D2L
-  const addScript = (script) => {
-    let newScript = document.createElement("script");
-    newScript.setAttribute("src", script);
-    
-    document.body.append(newScript);
-  }
-  
-  if(document.querySelector("[onclick]")) {
-    addScript("https://cdn.jsdelivr.net/npm/@pimaonline/pimaonline-themepack/dist/js/jumpTo.js");
-  }
-  
-  // Image gallery
-  const callImageGallery = () => {
-    // Create link element with font-awesome cdn and append it to the <head>
-    const docHead = document.querySelector("head");
-    const fontAwesomeCdn = document.createElement("link");
-    fontAwesomeCdn.setAttribute("rel", "stylesheet");
-    fontAwesomeCdn.setAttribute("href", "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css");
-    docHead.appendChild(fontAwesomeCdn);
-    // Begin image gallery
-    const imgGalleries = document.querySelectorAll(".image-gallery"),
-      imgBoxes = document.querySelectorAll(".image-box"),
-      modalBoxContent = `<div class="modal-box invisible">
-          <div class="gallery-overlay"></div>
-          <figure class="modal-box--image"><i class="fa-solid fa-x close-img"></i> <img src="#" alt="image here" /><figcaption class="img-caption"></figcaption></figure>
-          </div>
-          <button class="hide-gallery">Hide</button>`;
-  
-    //  createModalBox.innerHTML = modalBoxContent;
-    for (let imgGallery = 0; imgGallery < imgGalleries.length; imgGallery++) {
-      imgGalleries[imgGallery].insertAdjacentHTML("afterbegin", modalBoxContent);
-    }
-  
-    if (document.querySelector(".modal-box")) {
-      const overlay = document.querySelector(".gallery-overlay"),
-        modalBox = document.querySelector(".modal-box"),
-        modalImg = document.querySelector(".modal-box--image img"),
-        modalCaption = document.querySelector(".img-caption"),
-        closeImg = document.querySelector(".close-img");
-  
-      for (let imgBox = 0; imgBox < imgBoxes.length; imgBox++) {
-        imgBoxes[imgBox].onclick = function () {
-          modalBox.classList.remove("invisible");
-          let imgSrc = this.querySelector("img").src;
-          modalImg.src = imgSrc;
-          let imgCaption = this.querySelector("img").alt;
-          modalCaption.innerHTML = imgCaption;
-        }
-      }
-      overlay.onclick = () => {
-        modalBox.classList.add("invisible");
-      }
-      window.onkeydown = (esc) => {
-        if (esc.keyCode === 27) {
-          modalBox.classList.add("invisible");
-        }
-      }
-      closeImg.onclick = () => {
-        modalBox.classList.add("invisible");
-      }
-      const hideGalleries = document.querySelectorAll(".hide-gallery");
-      for (let hideGallery = 0; hideGallery < hideGalleries.length; hideGallery++) {
-        hideGalleries[hideGallery].addEventListener("click", () => {
-          hideGalleries[hideGallery].nextElementSibling.classList.toggle("invisible");
-          if (hideGalleries[hideGallery].innerHTML === "Hide") {
-            hideGalleries[hideGallery].innerHTML = "Show";
-          } else {
-            hideGalleries[hideGallery].innerHTML = "Hide";
-          }
-        });
-      }
-    };
-  }
-  if (imageGallery) {
-    callImageGallery();
-  }
-  
-  // Vocab list widget
-  const callVocabList = () => {
-    if (vocabCloseBtns) {
-      for(let btn = 0; btn < vocabCloseBtns.length; btn++) {
-        vocabCloseBtns[btn].addEventListener("click", () => {
-          for(let node = 0; node < vocabLists[btn].children.length;node++) {
-            if(vocabLists[btn].children[node].tagName == "DD") {
-              vocabLists[btn].children[node].removeAttribute("style");
-            }
-            if(vocabLists[btn].children[node].tagName == "DT") {
-              vocabLists[btn].children[node].removeAttribute("class");
-            }
-          }});    
-      }
-    }  
-    for (let activeTerm = 0; activeTerm < vocabTerms.length; activeTerm++) {
-      vocabTerms[activeTerm].addEventListener("click", function() {
-        this.classList.toggle("active");
-        let termPanel = this.nextElementSibling;
-        if (termPanel.style.display === "block") { termPanel.removeAttribute("style"); } 
-        else { termPanel.style.display = "block"; }
-      });
-  
-      vocabTerms[activeTerm].addEventListener("keydown", function(e) {
-        if(e.key === "Enter") {
-        this.classList.toggle("active");
-        let termPanel = this.nextElementSibling;
-        if (termPanel.style.display === "block") { termPanel.removeAttribute("style"); } 
-        else { termPanel.style.display = "block"; }
-        }
-      });
-    }
-  }
-  if (vocabListWidget) {callVocabList();}
-  
-  // 
-  const addMediaContainersAria = () => {
-    mediaContainers.forEach((eachContainer, index) => {
-      // loopID: find the current index value, convert it to its letter equivalent, then convert to lowercase
-      let loopId = String.fromCharCode(index + 65).toLowerCase();
-      let mediaObject = eachContainer.querySelector(".media-object");
-      let iframe = mediaObject.firstElementChild;
-      let mediaInfo = mediaObject.nextElementSibling;  
-  
-      // If element DOES NOT have "aria-describedby" && it DOES have a sibling element.
-      if (!iframe.hasAttribute("aria-describedby") && mediaInfo != null) {
-        iframe.setAttribute("aria-describedby", `${loopId}`);
-        mediaInfo.id = `${[loopId]}`;
-      }
-    });
-  }
-  if (mediaContainers) {addMediaContainersAria();}
-  
-  //Tabs Widget
-  const callTabsWidget = () => {
-  
-    let tabsWidgetsNum = 0;
-  
-    tabsWidgets.forEach((tab,index) => {
-      let tabInputs = tab.querySelectorAll("input")
-      let tabLabels = tab.querySelectorAll("label")
-      let tabDivs = tab.querySelectorAll("div")
-  
-      let groupNum = index + 1;
-  
-      //Add region and aria-label to parent div      
-      tab.setAttribute("role", "region");
-      tab.setAttribute("aria-label", `tab group ${groupNum}`)
-  
-      for(tabIndex = 0; tabIndex < tabInputs.length; tabIndex++) {
-  
-        let tabNum = tabsWidgetsNum + 1;
-  
-        //Add class, id, name, and aria-described by for inputs
-        tabInputs[tabIndex].classList.add("tab-input");
-        tabInputs[tabIndex].setAttribute("type", "radio")
-        tabInputs[tabIndex].setAttribute("id", `tab${tabNum}`);
-        tabInputs[tabIndex].setAttribute("name", `hint-group-${groupNum}` )
-        tabInputs[tabIndex].setAttribute("aria-describedby", `tabHeading${tabNum}`)
-        //Add class and for for labels
-        tabLabels[tabIndex].classList.add("tab-header");
-        tabLabels[tabIndex].setAttribute("for", `tab${tabNum}`)
-        //Add class, tabindex, and id for divs
-        tabDivs[tabIndex].classList.add("tab-panel")
-        tabDivs[tabIndex].setAttribute("tabindex", 0)
-        tabDivs[tabIndex].setAttribute("id", `tabHeading${tabNum}`)
-        //Add attributes for hide tab
-        if(tabIndex + 1 == tabInputs.length) {
-          tabLabels[tabIndex].classList.add("hide-tab")
-          tabInputs[tabIndex].checked = true;
-          tabDivs[tabIndex].classList.add("hide-panel")
-        }
-        tabsWidgetsNum++;
-      }
-    })
-  }
-  if (tabsWidgets) {callTabsWidget();}
-  
-  // Toggle footnotes
-  const toggleBtns = document.querySelectorAll(".toggle-btn, .toggle-footnotes");
-  
-  if (document.querySelector(".toggle-btn") || document.querySelector(".toggle-footnotes")) {
-    for (let toggleBtn = 0; toggleBtn < toggleBtns.length; toggleBtn++) {
-      // Add tabindex
-      toggleBtns[toggleBtn].setAttribute("tabindex", "0");
-  
-      // Show/hide on click
-      toggleBtns[toggleBtn].addEventListener("click", () => {      
-        toggleBtns[toggleBtn].nextElementSibling.classList.toggle("show");      
-      })
-  
-      // Show/hide on enter for users who use tab
-      toggleBtns[toggleBtn].addEventListener("keydown", (enter) => {
-        if (enter.keyCode === 13) {
-          toggleBtns[toggleBtn].nextElementSibling.classList.toggle("show");
-        }
-      })
-    }
-  }
-
-  // Call function with jQuery scripts
-const callJquery = () => {
-  // Toggle Button's Arrow Right Points Down on Click
-  $('.arrow-right').on('click', function () {
-    $(this).toggleClass('arrow-down');
-  });
-  // TOOLTIP
-  //  Allows Screen readers to toggle a tooltip on click and to say if the tooltip is collapsed or expanded.
-  $(".tooltip").click(function () {
-    $(this).children(".tip-hover").toggle();
-    if ($(this).children(".tip-hover").is(':visible')) {
-      $(this).attr('aria-expanded', 'true');
-      $(this).removeClass('hidden');
-    } else {
-      $(this).attr('aria-expanded', 'false');
-      $(this).addClass('hidden');
-    }
-  });
-  let start = 999;
-  $('.tooltip').each(function (i) {
-    $(this).css('z-index', start--);
-  });
-  $(".tooltip .video-container").parent().css("width", "450px");
-}
-callJquery();
-
-  // Fancybox
-  if (document.querySelector(".fancybox")) {
-    $("[data-fancybox]").fancybox({
-      idleTime: false,
-      topRatio: 0.1,
-      helpers: {
-        title: {
-          type: 'inside'
-        },
-      }
-    });
-  }
-});