reveal.js-appearance 1.2.1 → 1.3.1

package/plugin/appearance/appearance.js

@@ -1,508 +1,15 @@
-
 /*****************************************************************
- * @author: Martijn De Jongh (Martino), martijn.de.jongh@gmail.com
- * https://github.com/Martinomagnifico
  *
- * Appearance.js for Reveal.js 
- * Version 1.2.1
+ * Appearance for Reveal.js 
+ * Version 1.3.1
  * 
+ * @author: Martijn De Jongh (Martino), martijn.de.jongh@gmail.com
+ * https://github.com/martinomagnifico
+ *
  * @license 
  * MIT licensed
+ * 
+ * Copyright (C) 2023 Martijn De Jongh (Martino)
  *
- * Thanks to:
- *  - Hakim El Hattab, Reveal.js 
- *  - Daniel Eden, Animate.css
  ******************************************************************/
-
-
-
-(function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define(factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Appearance = factory());
-})(this, (function () { 'use strict';
-
-	const Plugin = () => {
-	  // Scope support polyfill
-	  try {
-	    document.querySelector(":scope *");
-	  } catch (t) {
-	    !function (t) {
-	      let e = /:scope(?![\w-])/gi,
-	          r = u(t.querySelector);
-
-	      t.querySelector = function (t) {
-	        return r.apply(this, arguments);
-	      };
-
-	      let c = u(t.querySelectorAll);
-
-	      if (t.querySelectorAll = function (t) {
-	        return c.apply(this, arguments);
-	      }, t.matches) {
-	        let n = u(t.matches);
-
-	        t.matches = function (t) {
-	          return n.apply(this, arguments);
-	        };
-	      }
-
-	      if (t.closest) {
-	        let o = u(t.closest);
-
-	        t.closest = function (t) {
-	          return o.apply(this, arguments);
-	        };
-	      }
-
-	      function u(t) {
-	        return function (r) {
-	          if (r && e.test(r)) {
-	            let c = "q" + Math.floor(9e6 * Math.random()) + 1e6;
-	            arguments[0] = r.replace(e, "[" + c + "]"), this.setAttribute(c, "");
-	            let n = t.apply(this, arguments);
-	            return this.removeAttribute(c), n;
-	          }
-
-	          return t.apply(this, arguments);
-	        };
-	      }
-	    }(Element.prototype);
-	  }
-
-	  const loadStyle = function (url, type, callback) {
-	    let head = document.querySelector('head');
-	    let style;
-	    style = document.createElement('link');
-	    style.rel = 'stylesheet';
-	    style.href = url;
-
-	    let finish = function () {
-	      if (typeof callback === 'function') {
-	        callback.call();
-	        callback = null;
-	      }
-	    };
-
-	    style.onload = finish;
-
-	    style.onreadystatechange = function () {
-	      if (this.readyState === 'loaded') {
-	        finish();
-	      }
-	    };
-
-	    head.appendChild(style);
-	  };
-
-	  const isJSON = str => {
-	    try {
-	      return JSON.parse(str) && !!str;
-	    } catch (e) {
-	      return false;
-	    }
-	  };
-
-	  const selectionArray = function (container, selectors) {
-	    let selections = container.querySelectorAll(selectors);
-	    let selectionarray = Array.prototype.slice.call(selections);
-	    return selectionarray;
-	  };
-
-	  const isStack = function (section) {
-	    let isStack = false;
-
-	    for (let i = 0; i < section.childNodes.length; i++) {
-	      if (section.childNodes[i].tagName == "SECTION") {
-	        isStack = true;
-	        break;
-	      }
-	    }
-
-	    return isStack;
-	  };
-
-	  function copyDataAttributes(source, target, not) {
-	    [...source.attributes].filter(attr => attr.nodeName.indexOf('data') > -1).forEach(attr => {
-	      if (not && attr.nodeName !== not || !not) {
-	        target.setAttribute(attr.nodeName, attr.nodeValue);
-	      }
-	    });
-	  }
-
-	  const appear = function (deck, options) {
-	    let baseclass = 'animate__animated';
-	    let viewport = deck.getRevealElement().tagName == "BODY" ? document : deck.getRevealElement();
-	    let appearanceSelector = options.compatibility ? `.${options.compatibilitybaseclass}` : `.${baseclass}`;
-	    let fragmentSelector = ".fragment";
-	    let speedClasses = ['slower', 'slow', 'fast', 'faster'];
-	    speedClasses.push(...speedClasses.map(speed => `animate__${speed}`));
-	    document.querySelector('[name=generator]');
-	    const sections = selectionArray(viewport, "section");
-	    const regularSections = sections.filter(section => !isStack(section) && section.dataset.visibility != "hidden");
-	    const fragments = deck.getRevealElement().querySelectorAll(fragmentSelector);
-	    let animatecss = '[class^="animate__"],[class*=" animate__"]';
-
-	    const debugLog = function (text) {
-	      if (options.debug) console.log(text);
-	    };
-
-	    let url = new URL(window.location);
-	    let urlparams = new URLSearchParams(url.search);
-
-	    if (urlparams.has('receiver')) {
-	      viewport.classList.add('sv');
-	      console.log(viewport);
-	    }
-
-	    const assignAutoClass = (section, str, kind) => {
-	      let index = [...section.parentElement.children].filter(s => s.tagName == "SECTION").indexOf(section) + 1;
-	      let warning = kind == 'global' ? `JSON Parse error, please try to correct the global "autoelements" option.` : `JSON Parse error, please try to correct the "data-autoappear" attribute on section ${index}`;
-	      if (typeof str === "string") str = str.replace(/[“”]/g, '"').replace(/[‘’]/g, "'");
-	      let strJSON = isJSON(str) ? str : typeof str === "object" ? JSON.stringify(str, null, 2) : str.trim().replace(/'/g, '"').charAt(0) === "{" ? str.trim().replace(/'/g, '"') : `{${str.trim().replace(/'/g, '"')}}`;
-
-	      if (!isJSON(strJSON)) {
-	        console.log(warning);
-	      } else {
-	        let elementsToAnimate = JSON.parse(strJSON);
-
-	        for (const [element, assignables] of Object.entries(elementsToAnimate)) {
-	          let elementsInSection = section.querySelectorAll(element);
-	          elementsInSection.forEach(elementInSection => {
-	            if (!elementInSection.classList.contains(baseclass) || elementInSection.dataset["autoappear"]) {
-	              elementInSection.dataset["autoappear"] = true;
-	              let newClasses = [],
-	                  newDelay = null,
-	                  speedClass = false;
-
-	              if (Array.isArray(assignables)) {
-	                newClasses = assignables[0].split(/[ ,]+/);
-	                newDelay = assignables[1];
-	              } else if (typeof assignables == "string") {
-	                newClasses = assignables.split(/[ ,]+/);
-	              }
-
-	              speedClasses.forEach(speed => {
-	                if (elementInSection.classList.contains(speed)) {
-	                  speedClass = speed;
-	                }
-	              });
-	              let classesToRemove = [];
-	              elementInSection.classList.forEach(currentClass => {
-	                if (String(currentClass).includes("animate__")) {
-	                  classesToRemove.push(currentClass);
-	                }
-	              });
-	              classesToRemove.forEach(currentClass => {
-	                elementInSection.classList.remove(currentClass);
-	              });
-	              newClasses.forEach(newClass => {
-	                if (speedClasses.includes(newClass)) {
-	                  // There is a speed class from JSON to be assigned
-	                  if (speedClass) {
-	                    speedClass = newClass;
-	                  }
-	                }
-	              });
-	              newClasses.forEach(newClass => {
-	                elementInSection.classList.add(newClass);
-	              });
-
-	              if (speedClass) {
-	                elementInSection.classList.add(speedClass);
-	              }
-
-	              if (newDelay) {
-	                elementInSection.dataset.delay = newDelay;
-	              }
-
-	              elementInSection.classList.add(baseclass);
-	            }
-	          });
-	        }
-	      }
-	    };
-
-	    const findAppearancesIn = function (container, includeClass, excludeClass) {
-	      if (!isStack(container)) {
-	        let appearances = selectionArray(container, `:scope ${includeClass}`);
-	        appearances.forEach(appearance => {
-	          let convertListItem = appearance => {
-	            let from = appearance,
-	                to = appearance.parentNode;
-	            if (!to) return;
-
-	            for (let sibling of to.children) {
-	              if (sibling !== appearance) {
-	                if (sibling.dataset.appearParent) return;
-	              }
-	            }
-
-	            to.classList = from.classList;
-	            copyDataAttributes(from, to, "data-appear-parent");
-	            to.innerHTML = from.innerHTML;
-	          }; // Conversion of list items with Appearance classes to the parent, needs manual attribute
-	          // Relates to Quarto wrapping list content in a span.
-
-
-	          if (appearance.hasAttribute("data-appear-parent")) {
-	            convertListItem(appearance);
-	          } // Automatic conversion of list items which directly contain spans.
-	          // Relates to Quarto wrapping list content in a span.
-
-
-	          if (options.appearparents) {
-	            if (appearance.parentNode && appearance.parentNode.tagName) {
-	              if (appearance.tagName == "SPAN" && appearance.parentNode.tagName == "LI") {
-	                let spanLength = String(appearance.outerHTML).length;
-	                let liContentLength = String(appearance.parentNode.innerHTML).length;
-
-	                if (spanLength == liContentLength) {
-	                  convertListItem(appearance);
-	                }
-	              }
-	            }
-	          }
-	        });
-	        appearances = selectionArray(container, `:scope ${includeClass}`);
-	        let excludes = selectionArray(container, `:scope ${excludeClass} ${includeClass}`);
-	        let delay = 0;
-	        appearances.filter(function (appearance, index) {
-	          if (!(excludes.indexOf(appearance) > -1)) {
-	            if (index == 0 && appearance.dataset.delay || index != 0) {
-	              let elementDelay = options.delay;
-
-	              if (appearance.dataset && appearance.dataset.delay) {
-	                elementDelay = parseInt(appearance.dataset.delay);
-	              }
-
-	              delay = delay + elementDelay; // Allow fragments to be Appearance items
-
-	              if (appearance.classList.contains("fragment")) {
-	                delay = 0;
-
-	                if (appearance.querySelectorAll(`.${baseclass}`)) {
-	                  let firstNestedAppearance = appearance.querySelectorAll(`.${baseclass}`)[0];
-
-	                  if (firstNestedAppearance) {
-	                    let elementDelay = options.delay;
-
-	                    if (firstNestedAppearance.dataset && firstNestedAppearance.dataset.delay) {
-	                      elementDelay = parseInt(firstNestedAppearance.dataset.delay);
-	                    }
-
-	                    firstNestedAppearance.dataset.delay = elementDelay;
-	                  }
-	                }
-	              }
-
-	              appearance.style.setProperty('animation-delay', delay + "ms");
-	            }
-	          }
-	        });
-	      }
-	    };
-
-	    const autoAdd = function () {
-	      regularSections.forEach(section => {
-	        if (section.hasAttribute("data-autoappear")) {
-	          let sectDataAppear = section.dataset.autoappear;
-
-	          if (sectDataAppear == "auto" || sectDataAppear == "" || sectDataAppear.length < 1 || sectDataAppear == "true") {
-	            // This section should get the global autoappear classes on its objects
-	            if (options.autoelements) {
-	              if (!options.autoelements) {
-	                return console.log(`Please add some elements in the option "autoelements"`);
-	              }
-
-	              assignAutoClass(section, options.autoelements, 'global');
-	            }
-	          } else if (sectDataAppear.length > 0) {
-	            // This section should get the local data-autoappear classes on its objects
-	            assignAutoClass(section, sectDataAppear, 'local'); //section.removeAttribute("data-autoappear");
-	          }
-	        } else {
-	          if (options.autoappear) {
-	            if (!options.autoelements) {
-	              return console.log(`Please add some elements in the option "autoelements"`);
-	            } // This section should get the global autoappear classes on its objects
-
-
-	            assignAutoClass(section, options.autoelements, 'global');
-	          }
-	        }
-	      });
-	    };
-
-	    if (options.compatibility) {
-	      animatecss = '.backInDown, .backInLeft, .backInRight, .backInUp, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeInTopLeft, .fadeInTopRight, .fadeInBottomLeft, .fadeInBottomRight, .flipInX, .flipInY, .lightSpeedInRight, .lightSpeedInLeft, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .jackInTheBox, .rollIn, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInDown, .slideInLeft, .slideInRight, .slideInUp, .skidLeft, .skidLeftBig, .skidRight, .skidRightBig, .shrinkIn, .shrinkInBlur';
-	      baseclass = options.compatibilitybaseclass;
-	    }
-
-	    let allappearances = deck.getRevealElement().querySelectorAll(animatecss);
-	    allappearances.forEach(appearance => {
-	      if (!appearance.classList.contains(baseclass)) {
-	        appearance.classList.add(baseclass);
-	      }
-	    });
-	    autoAdd();
-	    sections.forEach(section => {
-	      findAppearancesIn(section, appearanceSelector, fragmentSelector);
-	    });
-	    fragments.forEach(fragment => {
-	      findAppearancesIn(fragment, appearanceSelector, fragmentSelector);
-	    });
-
-	    const fromTo = function (event) {
-	      let slides = {};
-	      slides.from = event.fromSlide ? event.fromSlide : event.previousSlide ? event.previousSlide : null;
-	      slides.to = event.toSlide ? event.toSlide : event.currentSlide ? event.currentSlide : null;
-	      return slides;
-	    };
-
-	    const showHideSlide = function (event) {
-	      var _slides$to;
-
-	      let etype = event.type;
-	      let slides = fromTo(event);
-	      debugLog(etype);
-
-	      if (((_slides$to = slides.to) === null || _slides$to === void 0 ? void 0 : _slides$to.dataset.appearevent) == "auto") {
-	        slides.to.dataset.appearevent = "autoanimate";
-	      }
-
-	      if (options.appearevent == "auto") {
-	        options.appearevent = "autoanimate";
-	      }
-
-	      if (etype == "ready") {
-	        slides.to.dataset.appearanceCanStart = true;
-	      }
-
-	      if (slides.to) {
-	        let appearevent = slides.to.dataset.appearevent ? slides.to.dataset.appearevent : options.appearevent;
-
-	        if (etype == appearevent || etype == "slidetransitionend" && appearevent == "autoanimate") {
-	          slides.to.dataset.appearanceCanStart = true;
-	        }
-
-	        if (etype == "slidetransitionend") {
-	          if (options.hideagain) {
-	            if (slides.from) {
-	              if (slides.from.dataset.appearanceCanStart) {
-	                delete slides.from.dataset.appearanceCanStart;
-	              }
-
-	              let fromFragments = slides.from.querySelectorAll(`.fragment.visible`);
-
-	              if (fromFragments) {
-	                fromFragments.forEach(fragment => {
-	                  fragment.classList.remove('visible');
-	                });
-	              }
-	            }
-	          }
-	        }
-
-	        if (event.type == 'slidechanged' && document.body.dataset.exitoverview) {
-	          if (options.hideagain) {
-	            var _slides$from;
-
-	            (_slides$from = slides.from) === null || _slides$from === void 0 ? true : delete _slides$from.dataset.appearanceCanStart;
-	          }
-
-	          slides.to.dataset.appearanceCanStart = true;
-	        } else if (event.type == 'overviewhidden') {
-	          document.body.dataset.exitoverview = true;
-	          setTimeout(function () {
-	            document.body.removeAttribute('data-exitoverview');
-	          }, 500);
-
-	          if (event.currentSlide) {
-	            if (options.hideagain) {
-	              var _slides$from2;
-
-	              (_slides$from2 = slides.from) === null || _slides$from2 === void 0 ? true : delete _slides$from2.dataset.appearanceCanStart;
-	            }
-
-	            slides.to.dataset.appearanceCanStart = true;
-	          }
-	        }
-	      }
-	    };
-
-	    const eventnames = ['ready', 'slidechanged', 'slidetransitionend', 'autoanimate', 'overviewhidden'];
-	    eventnames.forEach(eventname => deck.on(eventname, event => {
-	      showHideSlide(event);
-	    }));
-	  };
-
-	  const init = function (deck) {
-	    let es5Filename = "appearance.js";
-	    let defaultOptions = {
-	      baseclass: 'animate__animated',
-	      hideagain: true,
-	      delay: 300,
-	      debug: false,
-	      appearevent: 'slidetransitionend',
-	      autoappear: false,
-	      autoelements: false,
-	      appearparents: false,
-	      csspath: '',
-	      animatecsspath: {
-	        link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css',
-	        compat: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.css'
-	      },
-	      compatibility: false,
-	      compatibilitybaseclass: 'animated'
-	    };
-
-	    const defaults = function (options, defaultOptions) {
-	      for (let i in defaultOptions) {
-	        if (!options.hasOwnProperty(i)) {
-	          options[i] = defaultOptions[i];
-	        }
-	      }
-	    };
-
-	    let options = deck.getConfig().appearance || {};
-	    defaults(options, defaultOptions);
-
-	    function pluginPath() {
-	      let path;
-	      let pluginScript = document.querySelector(`script[src$="${es5Filename}"]`);
-
-	      if (pluginScript) {
-	        path = pluginScript.getAttribute("src").slice(0, -1 * es5Filename.length);
-	      } else {
-	        path = (typeof document === 'undefined' && typeof location === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : typeof document === 'undefined' ? location.href : (document.currentScript && document.currentScript.src || new URL('appearance.js', document.baseURI).href)).slice(0, (typeof document === 'undefined' && typeof location === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : typeof document === 'undefined' ? location.href : (document.currentScript && document.currentScript.src || new URL('appearance.js', document.baseURI).href)).lastIndexOf('/') + 1);
-	      }
-
-	      return path;
-	    }
-
-	    let AppearanceStylePath = options.csspath.appearance ? options.csspath.appearance : `${pluginPath()}appearance.css` || 'plugin/appearance/appearance.css';
-	    let AnimateCSSPath = !options.compatibility ? options.animatecsspath.link : options.animatecsspath.compat;
-
-	    if (options.debug) {
-	      console.log(`Plugin path = ${pluginPath()}`);
-	      console.log(`Compatibility mode: ${options.compatibility}`);
-	      console.log(`Appearance CSS path = ${AppearanceStylePath}`);
-	      console.log(`AnimateCSS CSS path = ${AnimateCSSPath}`);
-	    }
-
-	    loadStyle(AnimateCSSPath, 'stylesheet', function () {
-	      loadStyle(AppearanceStylePath, 'stylesheet');
-	    });
-	    appear(deck, options);
-	  };
-
-	  return {
-	    id: 'appearance',
-	    init: init
-	  };
-	};
-
-	return Plugin;
-
-}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Appearance=t()}(this,(function(){"use strict";var e="undefined"!=typeof document?document.currentScript:null;const t=e=>e&&"object"==typeof e&&!Array.isArray(e),a=(e,...n)=>{if(!n.length)return e;const s=n.shift();if(t(e)&&t(s))for(const n in s)t(s[n])?(e[n]||Object.assign(e,{[n]:{}}),a(e[n],s[n])):Object.assign(e,{[n]:s[n]});return a(e,...n)},n=e=>{let t="";return"string"==typeof e&&(e=e.replace(/[“”]/g,'"').replace(/[‘’]/g,"'")),t=(e=>{try{return JSON.parse(e)&&!!e}catch(e){return!1}})(e)?e:"object"==typeof e?JSON.stringify(e,null,2):"{"===e.trim().replace(/'/g,'"').charAt(0)?e.trim().replace(/'/g,'"'):`{${e.trim().replace(/'/g,'"')}}`,t},s=(e,t,a)=>{let n,s=document.querySelector("head");"script"===t?(n=document.createElement("script"),n.type="text/javascript",n.src=e):"stylesheet"===t&&(n=document.createElement("link"),n.rel="stylesheet",n.href=e);const r=()=>{"function"==typeof a&&(a.call(),a=null)};n.onload=r,n.onreadystatechange=function(){"loaded"===this.readyState&&r()},s.appendChild(n)},r=(e,t)=>{e.debug&&console.log(t)},i=(t,a)=>{let n=(t=>{let a,n=document.querySelector(`script[src$="${t}"]`);return a=n?n.getAttribute("src").slice(0,-1*t.length):("undefined"==typeof document&&"undefined"==typeof location?require("url").pathToFileURL(__filename).href:"undefined"==typeof document?location.href:e&&e.src||new URL("appearance.js",document.baseURI).href).slice(0,("undefined"==typeof document&&"undefined"==typeof location?require("url").pathToFileURL(__filename).href:"undefined"==typeof document?location.href:e&&e.src||new URL("appearance.js",document.baseURI).href).lastIndexOf("/")+1),a})(a),r=a.replace(/\.[^/.]+$/,""),i=t.csspath.appearance?t.csspath.appearance:`${n}${r}.css`||`plugin/${r}/${r}.css`,o=t.compatibility?t.animatecsspath.compat:t.animatecsspath.link;t.debug&&(console.log("Paths:"),console.log(`  - Plugin path = ${n}`),console.log(`  - Appearance CSS path = ${i}`),console.log(`  - AnimateCSS CSS path = ${o}`)),s(o,"stylesheet",(function(){s(i,"stylesheet")}))},o=(e,t)=>{let a=e.parentNode;if(a){for(const t of a.children)if(t!==e&&t.dataset.appearParent)return;a.classList=e.classList,(({attributes:e},t,a)=>{[...e].filter((({nodeName:e})=>e.includes("data"))).forEach((({nodeName:e,nodeValue:n})=>{(a&&e!==a||!a)&&t.setAttribute(e,n)}))})(e,a,"data-appear-parent"),a.innerHTML=e.innerHTML,a.classList.add(t)}},l=(e,t,a)=>Array.from(a.querySelectorAll(`.${e}`)).filter((e=>!e.closest(`.${t}`))),c=(e,t,a)=>{const n=[l(t,a,e),...Array.from(e.querySelectorAll(`.${a}`)).map((e=>((e,t,a)=>Array.from(a.querySelectorAll(`.${e}`)).filter((e=>e.closest(`.${t}`)===a)))(t,a,e)))];return!!n.some((e=>e.length>0))&&n},d=(e,t)=>{t.hideagain&&e.from&&e.from.dataset.appearanceCanStart&&e.from.removeAttribute("data-appearance-can-start")},p=(e,t,a)=>{if(t.hideagain){e.from.querySelectorAll(a.animatecss).forEach((e=>{e.classList.remove("animationended")}));let t=e.from.querySelectorAll(".fragment.visible");t&&t.forEach((e=>{e.classList.remove("visible")}))}};return()=>{const e={names:{}};let t={};const s=(e,t,a)=>{r(e,"-------------   Preloading   -------------");let s=t.names;i(e,s.es5Filename),e.compatibility&&(s.animatecss=".backInDown, .backInLeft, .backInRight, .backInUp, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeInTopLeft, .fadeInTopRight, .fadeInBottomLeft, .fadeInBottomRight, .flipInX, .flipInY, .lightSpeedInRight, .lightSpeedInLeft, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .jackInTheBox, .rollIn, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInDown, .slideInLeft, .slideInRight, .slideInUp, .skidLeft, .skidLeftBig, .skidRight, .skidRightBig, .shrinkIn, .shrinkInBlur",s.baseclass=e.compatibilitybaseclass),t.appearances=Array.from(t.slides.querySelectorAll(s.animatecss)),t.regularSections.forEach((a=>((e,t,a)=>{let s=null;if(e.hasAttribute("data-autoappear")){let a=e.dataset.autoappear;s="auto"==a||""==a||a.length<1||"true"==a?t.autoelements?t.autoelements:null:a}else t.autoappear&&t.autoelements&&(s=t.autoelements);if(s){let t=JSON.parse(n(s));Object.entries(t).forEach((([t,n])=>{let s=Array.from(e.querySelectorAll(t)).filter((e=>!a.appearances.includes(e)));s.length&&s.forEach((e=>{a.appearances.push(e);let t=[],s=null,r=!1,i=null,o=null;Array.isArray(n)?(t=n[0].split(/[ ,]+/),s=n[1]):"string"==typeof n?t=n.split(/[ ,]+/):n.constructor===Object&&((n.class||n.animation)&&(t=(n.animation?n.animation:n.class).split(/[ ,]+/)),n.speed&&(r=String(n.speed),r.includes("animate__")||(r=`animate__${r}`)),n.delay&&(s=String(n.delay)),n.split&&(i=String(n.split)),n["container-delay"]&&(o=String(n["container-delay"]))),e.classList.add(...t),r&&e.classList.add(r),s&&(e.dataset.delay=s),i&&(e.dataset.split=i),o&&(e.dataset.containerDelay=o)}))}))}})(a,e,t))),t.appearances.forEach(((t,a)=>{((e,t,a)=>{let n=a.baseclass;e.hasAttribute("data-appear-parent")&&o(e,n),t.appearparents&&e.parentNode&&e.parentNode.tagName&&"SPAN"==e.tagName&&"LI"==e.parentNode.tagName&&String(e.outerHTML).length==String(e.parentNode.innerHTML).length&&o(e)})(t,e,s),((e,t)=>{e.classList.contains(t.baseclass)||e.classList.add(t.baseclass),e.classList.contains(t.fragmentClass)&&e.classList.add("custom")})(t,s),t.hasAttribute("data-split")&&((e,t)=>{let a=!1,n=" ";if("words"==t?a=e.textContent.trim().split(/\s+/):"letters"==t&&(a=e.textContent.trim().split(""),n=""),a){const t=Array.from(e.classList).filter((e=>e.startsWith("animate__"))),s=a.map(((t,a)=>{const n=document.createElement("span");return n.textContent=t," "==t&&(n.textContent=" "),e.dataset.delay&&0!==a&&(n.dataset.delay=e.dataset.delay),e.dataset.containerDelay&&0===a&&(n.dataset.delay=e.dataset.containerDelay),e.classList.forEach((e=>e.startsWith("animate__")&&n.classList.add(e))),n.outerHTML})).join(n);t.forEach((t=>e.classList.remove(t))),e.removeAttribute("data-delay"),e.removeAttribute("data-split"),e.removeAttribute("data-container-delay"),e.innerHTML=s}})(t,t.dataset.split)})),t.regularSections.forEach(((t,a)=>{let n=c(t,s.baseclass,s.fragmentClass);n&&n.forEach((t=>{((e,t,a)=>{let n=0;e.forEach(((e,a)=>{if(0==a&&e.dataset.delay||0!=a){let a=t.delay;e.dataset&&e.dataset.delay&&(a=parseInt(e.dataset.delay)),n+=a,e.style.setProperty("animation-delay",n+"ms"),e.removeAttribute("data-delay")}}))})(t,e)}))})),(e=>{setTimeout(e,0)})(a)},l=function(t,a,n){let i=e.names;return i.baseclass=a.baseclass,i.compatibilitybaseclass=a.compatibilitybaseclass,i.fragmentSelector=".fragment",i.fragmentClass="fragment",i.speedClasses=["slower","slow","fast","faster"],i.speedClasses.push(...i.speedClasses.map((e=>`animate__${e}`))),i.animatecss='[class^="animate__"],[class*=" animate__"]',i.es5Filename=n,i.eventnames=["ready","slidechanged","slidetransitionend","autoanimate","overviewhidden","scrolle"],e.deck=t,e.dom=t.getRevealElement(),e.viewport=t.getViewportElement(),e.slides=t.getSlidesElement(),e.sections=e.slides.querySelectorAll("section"),e.fragments=e.slides.querySelectorAll(i.fragmentSelector),e.regularSections=Array.from(e.sections).filter((e=>!(({childNodes:e})=>{let t=!1;for(let a=0;a<e.length;a++)if("SECTION"==e[a].tagName){t=!0;break}return t})(e))),/receiver/i.test(window.location.search)&&e.viewport.classList.add("sv"),i.eventnames.forEach((n=>t.on(n,(t=>{((e,t,a,n)=>{let s=n.deck.getConfig().view,r=e.type,i=(e=>{let t={};return t.from=e.fromSlide||e.previousSlide||null,t.to=e.toSlide||e.currentSlide||null,t})(e);if(i.to){"ready"==r&&(i.to.dataset.appearanceCanStart=!0);let n=((e,t)=>(e.dataset.appearevent&&"auto"===e.dataset.appearevent&&(e.dataset.appearevent="autoanimate"),"auto"==t.appearevent&&(t.appearevent="autoanimate"),e.dataset.appearevent?e.dataset.appearevent:t.appearevent))(i.to,t);(r==n||"slidetransitionend"==r&&"autoanimate"==n)&&(i.to.dataset.appearanceCanStart=!0),"scroll"==s&&"slidechanged"==r&&(d(i,t),p(i,t,a),setTimeout((()=>{i.to.dataset.appearanceCanStart=!0}),t.delay)),"slidetransitionend"==r&&(d(i,t),p(i,t,a)),"slidechanged"==r&&document.body.dataset.exitoverview?(d(i,t),i.to.dataset.appearanceCanStart=!0):"overviewhidden"==r&&(document.body.dataset.exitoverview=!0,setTimeout((()=>{document.body.removeAttribute("data-exitoverview")}),500),e.currentSlide&&(d(i,t),i.to.dataset.appearanceCanStart=!0))}})(t,a,i,e)})))),e.viewport.addEventListener("animationend",(e=>{e.target.classList.add("animationended")})),e.viewport.addEventListener("fragmenthidden",(e=>{e.fragment.classList.remove("animationended"),e.fragment.querySelectorAll(".animationended").forEach((e=>{e.classList.remove("animationended")}))})),new Promise((t=>{s(a,e,t),r(a,"----------   Done preloading   ----------")}))};return{id:"appearance",init:function(e){return t=a({baseclass:"animate__animated",hideagain:!0,delay:300,debug:!1,appearevent:"slidetransitionend",autoappear:!1,autoelements:!1,appearparents:!1,csspath:"",animatecsspath:{link:"https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css",compat:"https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.css"},compatibility:!1,compatibilitybaseclass:"animated"},e.getConfig().appearance||{}),l(e,t,"appearance.js")}}}}));