pagewave 1.0.4 → 1.0.6

package/dist/index.js

@@ -0,0 +1,579 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  KeyFrameBase: () => KeyFrameBase,
+  KeyFrameCustom: () => KeyFrameCustom,
+  KeyFramePreset: () => KeyFramePreset,
+  MultiElementAnimation: () => MultiElementAnimation,
+  OverlayBase: () => OverlayBase,
+  OverlayCustom: () => OverlayCustom,
+  OverlayPreset: () => OverlayPreset,
+  OverlayStyled: () => OverlayStyled,
+  PageWave: () => PageWave,
+  StyleTransition: () => StyleTransition
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/classes/KeyFrameBase.ts
+var KeyFrameBase = class {
+  duration;
+  timing;
+  constructor(duration, timing = "linear") {
+    this.duration = duration;
+    this.timing = timing;
+  }
+  handle(direction, mainElement) {
+  }
+  hidePage(options) {
+    for (const ele of document.getElementsByClassName("pagewave-overlay-div")) {
+      ele.remove();
+    }
+    const mainContent = document.getElementById(options.mainContentIdName);
+    if (mainContent) {
+      mainContent.hidden = true;
+    } else {
+      this.waitForElementLoad(
+        `#${options.mainContentIdName}`,
+        (element) => {
+          element.hidden = true;
+        }
+      );
+    }
+  }
+  revealPage(options) {
+    const mainContent = document.getElementById(options.mainContentIdName);
+    if (mainContent) {
+      mainContent.hidden = false;
+    } else {
+      this.waitForElementLoad(
+        `#${options.mainContentIdName}`,
+        (element) => {
+          element.hidden = false;
+        }
+      );
+    }
+  }
+  waitForElementLoad(selector, functionToExecute) {
+    const existingElement = document.querySelector(selector);
+    if (existingElement != null) {
+      functionToExecute(existingElement);
+      return;
+    }
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === Node.ELEMENT_NODE) {
+            const element = node;
+            if (element.matches(selector)) {
+              observer.disconnect();
+              functionToExecute(element);
+            }
+          }
+        });
+      });
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+  }
+  ApplyAnimation(element, animationName, duration, timing, direction) {
+    element.style.animation = `${animationName} ${duration}ms ${timing} both ${direction}`;
+    setTimeout(() => {
+      element.style.animation = "";
+      if (direction == "normal") {
+        element.hidden = true;
+      }
+    }, duration);
+    if (direction == "reverse") {
+      let handleAnimation2 = function(event) {
+        if (event.animationName == animationName && currentAnimation != null) {
+          const animationKeyframes = currentAnimation.effect;
+          const kfValues = Object.values(animationKeyframes.getKeyframes()[0]);
+          const kfKeys = Object.keys(animationKeyframes.getKeyframes()[0]);
+          const animationProperties = kfValues.slice(3, kfValues.length - 1);
+          const animationKeys = kfKeys.slice(3, kfValues.length - 1);
+          for (let i = 0; i < animationKeys.length; i++) {
+            const animationKey = animationKeys[i].toString();
+            const animationProperty = animationProperties[i].toString();
+            element.style.setProperty(animationKey, animationProperty);
+          }
+          element.style.animation = "";
+          element.removeEventListener("animationend", handleAnimation2);
+        }
+      };
+      var handleAnimation = handleAnimation2;
+      let currentAnimation = null;
+      element.getAnimations().forEach((animation) => {
+        if (currentAnimation == null && animation.id == animationName) {
+          currentAnimation = animation;
+        }
+      });
+      element.addEventListener("animationend", handleAnimation2);
+    }
+  }
+};
+
+// src/classes/KeyFrameCustom.ts
+var KeyFrameCustom = class extends KeyFrameBase {
+  animationName;
+  constructor(animationName, duration, timing = "linear") {
+    super(duration, timing);
+    this.animationName = animationName;
+  }
+  handle(direction, mainElement) {
+    mainElement.hidden = false;
+    this.ApplyAnimation(mainElement, this.animationName, this.duration, this.timing, direction);
+  }
+};
+
+// src/classes/KeyFramePreset.ts
+var KeyFramePreset = class extends KeyFrameCustom {
+  constructor(kfType, duration, timing = "linear") {
+    const animationMap = {
+      fade: "fade",
+      fadeaway: "fadeaway",
+      fadetoleft: "fadetoleft",
+      fadetoright: "fadetoright"
+    };
+    super(animationMap[kfType], duration, timing);
+  }
+  handle(direction, mainElement) {
+    super.handle(direction, mainElement);
+  }
+};
+
+// src/classes/MultiElementAnimation.ts
+var MultiElementAnimation = class extends KeyFrameBase {
+  animateableObjects;
+  mainElementAnimation;
+  constructor(animateableObjects, duration, timing = "linear", mainElementAnimation = "") {
+    super(duration, timing);
+    this.animateableObjects = animateableObjects;
+    this.mainElementAnimation = mainElementAnimation;
+  }
+  handle(direction, mainElement) {
+    let timing = this.timing;
+    for (const [selector, animationName] of Object.entries(this.animateableObjects)) {
+      mainElement.querySelectorAll(selector).forEach(
+        (element) => {
+          this.ApplyAnimation(element, animationName, this.duration, timing, direction);
+        }
+      );
+    }
+    if (this.mainElementAnimation != "") {
+      this.ApplyAnimation(mainElement, this.mainElementAnimation, this.duration, timing, direction);
+    }
+  }
+};
+
+// src/classes/OverlayBase.ts
+var OverlayBase = class {
+  duration;
+  timing;
+  color;
+  constructor(duration, color, timing = "linear") {
+    this.duration = duration;
+    this.color = color;
+    this.timing = timing;
+  }
+  handle(direction, mainElement) {
+  }
+  hidePage(options) {
+    const mainContent = document.getElementById(options.mainContentIdName);
+    if (document.getElementById(options.pageBlockerId)) {
+      const pageBlockerElement = document.getElementById(options.pageBlockerId);
+      pageBlockerElement.style.cssText = `position: absolute; width: 100%; height: 100%; z-index: 100; top: 0; background-color: ${this.color}`;
+      return;
+    }
+    for (const ele of document.getElementsByClassName("pagewave-overlay-div")) {
+      ele.remove();
+    }
+    const pageBlocker = document.createElement("div");
+    pageBlocker.id = options.pageBlockerId;
+    pageBlocker.style.cssText = `position: absolute; width: 100%; height: 100%; z-index: 100; top: 0; background-color: ${this.color}`;
+    mainContent.append(pageBlocker);
+  }
+  revealPage(options) {
+    const pageBlocker = document.getElementById(options.pageBlockerId);
+    const mainElement = document.getElementById(options.mainContentIdName);
+    if (mainElement) {
+      mainElement.hidden = false;
+    }
+    if (pageBlocker) {
+      pageBlocker.style.cssText = "";
+    } else {
+      this.waitForElementLoad(
+        `#${options.pageBlockerId}`,
+        (element) => {
+          element.style.cssText = "";
+        }
+      );
+    }
+  }
+  waitForElementLoad(selector, functionToExecute) {
+    const existingElement = document.querySelector(selector);
+    if (existingElement != null) {
+      functionToExecute(existingElement);
+      return;
+    }
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === Node.ELEMENT_NODE) {
+            const element = node;
+            if (element.matches(selector)) {
+              observer.disconnect();
+              functionToExecute(element);
+            }
+          }
+        });
+      });
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+  }
+};
+
+// src/classes/OverlayCustom.ts
+var OverlayCustom = class extends OverlayBase {
+  divAnimationObject;
+  mainElementAnimation;
+  constructor(divAnimationObject, duration, color, timing = "linear", mainElementAnimation = null) {
+    super(duration, color, timing);
+    this.divAnimationObject = divAnimationObject;
+    this.mainElementAnimation = mainElementAnimation;
+  }
+  handle(direction, mainElement) {
+    for (const ele of document.getElementsByClassName("pagewave-overlay-div")) {
+      ele.remove();
+    }
+    const root = document.documentElement;
+    root.style.setProperty("--div-color", this.color);
+    for (const [className, animationName] of Object.entries(this.divAnimationObject)) {
+      const divElement = document.createElement("div");
+      divElement.className = className + " pagewave-overlay-div";
+      divElement.style.animation = `${animationName} ${this.duration}ms ${this.timing} both ${direction}`;
+      divElement.style.backgroundColor = this.color;
+      divElement.style.position = "absolute";
+      mainElement.appendChild(divElement);
+      setTimeout(() => {
+        if (divElement.parentElement == mainElement) {
+          mainElement.removeChild(divElement);
+        }
+      }, this.duration);
+    }
+    if (this.mainElementAnimation !== null) {
+      this.mainElementAnimation.handle(direction, mainElement);
+    }
+  }
+};
+
+// src/classes/OverlayPreset.ts
+var OverlayPreset = class extends OverlayCustom {
+  constructor(oType, duration, color, timing = "linear") {
+    const overlayMap = {
+      slide: { firstOverlayElement: "slide" },
+      inverseSlide: { firstOverlayElement: "inverseSlide" },
+      curtain: { firstOverlayElement: "rightcurtain", secondOverlayElement: "leftcurtain" },
+      rise: { firstOverlayElement: "rise" },
+      fall: { firstOverlayElement: "fall" },
+      bubble: { firstOverlayElement: "bubble" },
+      wipe: { firstOverlayElement: "wipe" }
+    };
+    super(overlayMap[oType], duration, color, timing);
+  }
+  handle(direction, mainElement) {
+    super.handle(direction, mainElement);
+  }
+};
+
+// src/classes/OverlayStyled.ts
+var OverlayStyled = class extends OverlayBase {
+  divAnimationObject;
+  mainElementAnimation;
+  blockerDesign;
+  constructor(divAnimationObject, duration, color, timing = "linear", mainElementAnimation = null, blockerDesign = {}) {
+    super(duration, color, timing);
+    this.divAnimationObject = divAnimationObject;
+    this.mainElementAnimation = mainElementAnimation;
+    this.blockerDesign = blockerDesign;
+  }
+  hidePage(options) {
+    const mainContent = document.getElementById(options.mainContentIdName);
+    if (document.getElementById(options.pageBlockerId)) {
+      const pageBlockerElement = document.getElementById(options.pageBlockerId);
+      pageBlockerElement.style.cssText = `position: absolute; width: 100%; height: 100%; z-index: 100; top: 0; background-color: ${this.color}`;
+      for (const [styleKey, styleValue] of Object.entries(this.blockerDesign)) {
+        pageBlockerElement.style[styleKey] = styleValue;
+      }
+      return;
+    }
+    for (const ele of document.getElementsByClassName("pagewave-overlay-div")) {
+      ele.remove();
+    }
+    const pageBlocker = document.createElement("div");
+    pageBlocker.id = options.pageBlockerId;
+    pageBlocker.style.cssText = `position: absolute; width: 100%; height: 100%; z-index: 100; top: 0; background-color: ${this.color}`;
+    for (const [styleKey, styleValue] of Object.entries(this.blockerDesign)) {
+      pageBlocker.style[styleKey] = styleValue;
+    }
+    mainContent.append(pageBlocker);
+  }
+  handle(direction, mainElement) {
+    for (const ele of document.getElementsByClassName("pagewave-overlay-div")) {
+      ele.remove();
+    }
+    const root = document.documentElement;
+    root.style.setProperty("--div-color", this.color);
+    for (const [className, divProperties] of Object.entries(this.divAnimationObject)) {
+      const divElement = document.createElement("div");
+      divElement.className = className + " pagewave-overlay-div";
+      divElement.style.animation = `${divProperties.animationName} ${this.duration}ms ${this.timing} both ${direction}`;
+      divElement.style.backgroundColor = this.color;
+      divElement.style.position = "absolute";
+      for (const [styleKey, styleValue] of Object.entries(divProperties.cssDesign)) {
+        divElement.style[styleKey] = styleValue;
+      }
+      mainElement.appendChild(divElement);
+      setTimeout(() => {
+      }, this.duration);
+    }
+    if (this.mainElementAnimation !== null) {
+      this.mainElementAnimation.handle(direction, mainElement);
+    }
+  }
+};
+
+// src/classes/PageWave.ts
+var PageWave = class {
+  defaultOptions;
+  finalOptions;
+  routeTransitions;
+  constructor(transitions, options = {}) {
+    this.defaultOptions = {
+      mainContentIdName: "main-content",
+      pageAnimationDelay: 100,
+      runAnimationOnPageReload: false,
+      runAnimationOnCrossSite: false,
+      pageRevealDelay: 0,
+      leavePageOnLink: true,
+      pageBlockerId: "pageBlocker",
+      classToIgnoreLink: "ignore-click",
+      animateIgnoredLinks: false,
+      animateSelfLink: true,
+      loadEvent: "DOMContentLoaded",
+      preferIgnore: false
+    };
+    this.finalOptions = { ...this.defaultOptions, ...options };
+    this.routeTransitions = transitions;
+  }
+  CallHook(hookName, details = {}) {
+    const event = new CustomEvent(hookName, {
+      detail: details
+    });
+    window.dispatchEvent(event);
+  }
+  isNavigationFromSameSite() {
+    const referrer = document.referrer;
+    if (referrer == "") {
+      return false;
+    }
+    const currentHost = window.location.hostname;
+    const referrerHost = new URL(referrer).hostname;
+    return referrerHost === currentHost;
+  }
+  isInternalLink(link) {
+    try {
+      const url = new URL(link, window.location.href);
+      return url.hostname === window.location.hostname;
+    } catch (e) {
+      return false;
+    }
+  }
+  HandleClickAnimation(e, defaultTransitionStyle, leaveFunction = (link) => {
+    window.location.href = link;
+  }, externalLeaveFunction = (link) => {
+    window.location.href = link;
+  }) {
+    if (!e.target || !(e.target instanceof HTMLAnchorElement)) {
+      return;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.target.tagName.toLowerCase() == "a") {
+      const correctLeaveFunction = this.isInternalLink(e.target.href) ? leaveFunction : externalLeaveFunction;
+      const matchedRoute = Array.from(e.target.classList).find((cls) => cls in this.routeTransitions);
+      const shouldIgnore = this.finalOptions.preferIgnore && !matchedRoute || e.target.classList.contains(this.finalOptions.classToIgnoreLink);
+      if (!shouldIgnore && (e.target.href != window.location.href || this.finalOptions.animateSelfLink)) {
+        e.preventDefault();
+        let duration = defaultTransitionStyle.duration;
+        this.CallHook("animateSSP", { style: defaultTransitionStyle, clickEvent: e });
+        if (matchedRoute && matchedRoute in this.routeTransitions) {
+          this.SaveAndTransition(matchedRoute, this.routeTransitions[matchedRoute]);
+          duration = this.routeTransitions[matchedRoute].duration;
+        } else {
+          this.SaveAndTransition("animation", defaultTransitionStyle);
+          duration = defaultTransitionStyle.duration;
+        }
+        setTimeout(
+          () => {
+            this.CallHook("animateESP", { style: defaultTransitionStyle, clickEvent: e });
+            if (this.finalOptions.leavePageOnLink) {
+              correctLeaveFunction(e.target.href);
+            }
+          },
+          duration
+        );
+      } else if (e.target.classList.contains(this.finalOptions.classToIgnoreLink) || e.target.href == window.location.href && !this.finalOptions.animateSelfLink) {
+        sessionStorage.setItem("animationType", "ignore");
+        if (this.finalOptions.leavePageOnLink) {
+          correctLeaveFunction(e.target.href);
+        }
+      }
+    }
+  }
+  ListenForChange(defaultTransitionStyle, leaveFunction = (link) => {
+    window.location.href = link;
+  }) {
+    this.EndPoint(defaultTransitionStyle);
+    this.SendPoint(defaultTransitionStyle, leaveFunction);
+  }
+  SendPoint(defaultTransitionStyle, leaveFunction = (link) => {
+    window.location.href = link;
+  }, externalLeaveFunction = (link) => {
+    window.location.href = link;
+  }) {
+    const mainElement = document.getElementById(this.finalOptions.mainContentIdName);
+    const linkElements = mainElement.getElementsByTagName("a");
+    for (let i = 0; i < linkElements.length; i++) {
+      const linkElement = linkElements[i];
+      linkElement.onclick = null;
+      linkElement.addEventListener("click", (e) => {
+        this.HandleClickAnimation(e, defaultTransitionStyle, leaveFunction, externalLeaveFunction);
+      });
+    }
+  }
+  getStorageRouteTransition(defaultTransitionStyle) {
+    const storageKey = sessionStorage.getItem("animationType");
+    if (storageKey != null && storageKey != "animation" && storageKey in this.routeTransitions) {
+      return this.routeTransitions[storageKey];
+    }
+    return defaultTransitionStyle;
+  }
+  EndPoint(defaultTransitionStyle) {
+    defaultTransitionStyle = this.getStorageRouteTransition(defaultTransitionStyle);
+    defaultTransitionStyle.hidePage(this.finalOptions);
+    const mainElement = document.getElementById(this.finalOptions.mainContentIdName);
+    mainElement.addEventListener(this.finalOptions.loadEvent, (e) => {
+      e.stopPropagation();
+      this.CallHook("animateSEP", { style: defaultTransitionStyle });
+      const doTransitionOnIgnoredLink = this.finalOptions.animateIgnoredLinks || sessionStorage.getItem("animationType") != "ignore";
+      const doAnimateOnReload = window.performance.getEntriesByType("navigation")[0]?.entryType != "reload" || this.finalOptions.runAnimationOnPageReload;
+      const doAnimateOnSameSite = this.isNavigationFromSameSite() || this.finalOptions.runAnimationOnCrossSite;
+      if (doAnimateOnReload && doAnimateOnSameSite && doTransitionOnIgnoredLink) {
+        setTimeout(
+          () => {
+            this.AnimatePageTransition(defaultTransitionStyle, "reverse");
+            setTimeout(
+              () => {
+                this.CallHook("animateEEP", { style: defaultTransitionStyle });
+                defaultTransitionStyle.revealPage(this.finalOptions);
+              },
+              this.finalOptions.pageRevealDelay
+            );
+          },
+          this.finalOptions.pageAnimationDelay
+        );
+      } else {
+        this.CallHook("animateEPNA", { style: defaultTransitionStyle });
+        defaultTransitionStyle.revealPage(this.finalOptions);
+      }
+    }, { once: true });
+  }
+  CallEndPoint() {
+    const dispatchEvent = new Event(this.finalOptions.loadEvent);
+    document.getElementById(this.finalOptions.mainContentIdName).dispatchEvent(dispatchEvent);
+  }
+  SaveAndTransition(animationName, aStyle, direction = "normal") {
+    this.AnimatePageTransition(aStyle, "normal");
+    sessionStorage.setItem("animationType", animationName);
+  }
+  AnimatePageTransition(aStyle, direction = "normal") {
+    const mainElement = document.getElementById(this.finalOptions.mainContentIdName);
+    if (direction == "normal") {
+      this.CallHook("animateSF", { style: aStyle, ele: mainElement });
+    } else if (direction == "reverse") {
+      this.CallHook("animateSR", { style: aStyle, ele: mainElement });
+    }
+    aStyle.handle(direction, mainElement);
+    setTimeout(
+      () => {
+        if (direction == "normal") {
+          this.CallHook("animateEF", { style: aStyle, ele: mainElement });
+        } else if (direction == "reverse") {
+          this.CallHook("animateER", { style: aStyle, ele: mainElement });
+        }
+      },
+      aStyle.duration
+    );
+  }
+};
+
+// src/classes/StyleTransition.ts
+var StyleTransition = class extends KeyFrameBase {
+  styleString;
+  startValue;
+  endValue;
+  constructor(styleString, duration, startValue, endValue, timing = "linear") {
+    super(duration, timing);
+    this.styleString = styleString;
+    this.startValue = startValue;
+    this.endValue = endValue;
+  }
+  handle(direction, mainElement) {
+    if (direction == "normal") {
+      mainElement.style[this.styleString] = this.startValue;
+      mainElement.style.transition = this.styleString.toString() + " " + this.duration.toString() + "ms " + this.timing;
+      mainElement.style[this.styleString] = this.endValue;
+    } else if (direction == "reverse") {
+      mainElement.style[this.styleString] = this.endValue;
+      mainElement.style.transition = this.styleString.toString() + " " + this.duration.toString() + "ms " + this.timing;
+      setTimeout(
+        () => {
+          mainElement.style[this.styleString] = this.startValue;
+        },
+        40
+      );
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KeyFrameBase,
+  KeyFrameCustom,
+  KeyFramePreset,
+  MultiElementAnimation,
+  OverlayBase,
+  OverlayCustom,
+  OverlayPreset,
+  OverlayStyled,
+  PageWave,
+  StyleTransition
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/classes/KeyFrameBase.ts","../src/classes/KeyFrameCustom.ts","../src/classes/KeyFramePreset.ts","../src/classes/MultiElementAnimation.ts","../src/classes/OverlayBase.ts","../src/classes/OverlayCustom.ts","../src/classes/OverlayPreset.ts","../src/classes/OverlayStyled.ts","../src/classes/PageWave.ts","../src/classes/StyleTransition.ts"],"sourcesContent":["// Classes\r\nexport * from \"./classes/KeyFrameBase\";\r\nexport * from \"./classes/KeyFrameCustom\";\r\nexport * from \"./classes/KeyFramePreset\";\r\nexport * from \"./classes/MultiElementAnimation\";\r\nexport * from \"./classes/OverlayBase\";\r\nexport * from \"./classes/OverlayCustom\";\r\nexport * from \"./classes/OverlayPreset\";\r\nexport * from \"./classes/OverlayStyled\";\r\nexport * from \"./classes/PageWave\";\r\nexport * from \"./classes/StyleTransition\";\r\n\r\n// Types\r\nexport * from \"./types/DirectionType\";\r\nexport * from \"./types/KeyFrameType\";\r\nexport * from \"./types/OptionsType\";\r\nexport * from \"./types/OverlayType\";\r\nexport * from \"./types/TimingType\";\r\nexport * from \"./types/TransitionStyleInterface\";\r\n","import type { DirectionType } from '../types/DirectionType';\r\nimport type { OptionsType } from '../types/OptionsType';\r\nimport type { TimingType } from '../types/TimingType';\r\nimport type { TransitionStyle } from '../types/TransitionStyleInterface';\r\n\r\nexport class KeyFrameBase implements TransitionStyle {\r\n    duration: number;\r\n    timing: TimingType;\r\n    constructor(duration: number, timing: TimingType = \"linear\") {\r\n        this.duration = duration;\r\n        this.timing = timing;\r\n    }\r\n\r\n    public handle(direction: DirectionType, mainElement: HTMLElement): void {}\r\n\r\n    public hidePage(options: OptionsType): void {\r\n        for(const ele of document.getElementsByClassName(\"pagewave-overlay-div\")){\r\n            ele.remove();\r\n        }\r\n        const mainContent = document.getElementById(options.mainContentIdName);\r\n        if(mainContent){\r\n            mainContent.hidden = true;\r\n        }else{\r\n            this.waitForElementLoad(\r\n                `#${options.mainContentIdName}`, (element: HTMLElement) => {\r\n                    element.hidden = true;\r\n                 }\r\n            )\r\n        }\r\n    }\r\n\r\n    public revealPage(options: OptionsType): void {\r\n        const mainContent = document.getElementById(options.mainContentIdName);\r\n        if(mainContent){\r\n            mainContent.hidden = false;\r\n        }else{\r\n            this.waitForElementLoad(\r\n                `#${options.mainContentIdName}`, (element: HTMLElement) => {\r\n                    element.hidden = false;\r\n                }\r\n            )\r\n        }\r\n    }\r\n\r\n    protected waitForElementLoad(selector: string, functionToExecute: (element: HTMLElement) => void) {\r\n        const existingElement = document.querySelector(selector);\r\n        if (existingElement != null) {\r\n            functionToExecute(existingElement as HTMLElement);\r\n            return;\r\n        }\r\n        \r\n        const observer = new MutationObserver((mutations) => {\r\n            mutations.forEach((mutation) => {\r\n                mutation.addedNodes.forEach((node) => {\r\n                    if (node.nodeType === Node.ELEMENT_NODE) {\r\n                        const element = node as HTMLElement;\r\n                        if (element.matches(selector)) {\r\n                            observer.disconnect();\r\n                            functionToExecute(element);\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        });\r\n        \r\n        observer.observe(document.body, { childList: true, subtree: true });\r\n    }\r\n\r\n    protected ApplyAnimation(element: HTMLElement, animationName: string, duration: number, timing: TimingType, direction: DirectionType) {\r\n        element.style.animation = `${animationName} ${duration}ms ${timing} both ${direction}`;\r\n        setTimeout(() => {\r\n            element.style.animation = \"\";\r\n            if (direction == \"normal\") {\r\n                element.hidden = true;\r\n            }\r\n        }, duration);\r\n        if (direction == \"reverse\") {\r\n            let currentAnimation: Animation | null = null;\r\n            element.getAnimations().forEach((animation) => {\r\n                if (currentAnimation == null && animation.id == animationName) {\r\n                    currentAnimation = animation;\r\n                }\r\n            });\r\n\r\n            function handleAnimation(event: AnimationEvent) {\r\n                if (event.animationName == animationName && currentAnimation != null) {\r\n                    const animationKeyframes = currentAnimation.effect! as KeyframeEffect;\r\n                    const kfValues = Object.values(animationKeyframes.getKeyframes()[0]!);\r\n                    const kfKeys = Object.keys(animationKeyframes.getKeyframes()[0]!);\r\n                    const animationProperties = kfValues.slice(3, kfValues.length - 1);\r\n                    const animationKeys = kfKeys.slice(3, kfValues.length - 1);\r\n                    for (let i = 0; i < animationKeys.length; i++) {\r\n                        const animationKey: string = animationKeys[i]!.toString();\r\n                        const animationProperty: string = animationProperties[i]!.toString();\r\n                        element.style.setProperty(animationKey, animationProperty);\r\n                    }\r\n                    element.style.animation = \"\";\r\n                    element.removeEventListener(\"animationend\", handleAnimation);\r\n                }\r\n            }\r\n            element.addEventListener(\"animationend\", handleAnimation);\r\n        }\r\n    }\r\n}","import type { DirectionType } from '../types/DirectionType';\r\nimport type { OptionsType } from '../types/OptionsType';\r\nimport type { TimingType } from '../types/TimingType';\r\nimport type { TransitionStyle } from '../types/TransitionStyleInterface';\r\nimport { KeyFrameBase } from './KeyFrameBase';\r\n\r\nexport class KeyFrameCustom extends KeyFrameBase {\r\n    animationName: string;\r\n    constructor(animationName: string, duration: number, timing: TimingType = \"linear\") {\r\n        super(duration, timing);\r\n        this.animationName = animationName;\r\n    }\r\n\r\n    public handle(direction: DirectionType, mainElement: HTMLElement): void {\r\n        mainElement.hidden = false;\r\n        this.ApplyAnimation(mainElement, this.animationName, this.duration, this.timing, direction);\r\n    }\r\n}","import type { DirectionType } from \"../types/DirectionType\";\r\nimport type { KeyFrameType } from \"../types/KeyFrameType\";\r\nimport type { TimingType } from \"../types/TimingType\";\r\nimport { KeyFrameCustom } from \"./KeyFrameCustom\";\r\n\r\nexport class KeyFramePreset extends KeyFrameCustom {\r\n    constructor(kfType: KeyFrameType, duration: number, timing: TimingType = \"linear\") {\r\n        const animationMap: Record<KeyFrameType, string> = {\r\n            fade: \"fade\",\r\n            fadeaway: \"fadeaway\",\r\n            fadetoleft: \"fadetoleft\",\r\n            fadetoright: \"fadetoright\",\r\n        };\r\n        super(animationMap[kfType], duration, timing);\r\n    }\r\n    handle(direction: DirectionType, mainElement: HTMLElement): void {\r\n        super.handle(direction, mainElement);\r\n    }\r\n}","import type { DirectionType } from \"../types/DirectionType\";\r\nimport type { TimingType } from \"../types/TimingType\";\r\nimport { KeyFrameBase } from \"./KeyFrameBase\";\r\n\r\nexport class MultiElementAnimation extends KeyFrameBase {\r\n    animateableObjects: { [selector: string]: string };\r\n    mainElementAnimation: string;\r\n\r\n    constructor(animateableObjects: { [selector: string]: string }, duration: number, timing: TimingType = \"linear\", mainElementAnimation = \"\") {\r\n        super(duration, timing);\r\n        this.animateableObjects = animateableObjects;\r\n        this.mainElementAnimation = mainElementAnimation;\r\n    }\r\n    public handle(direction: DirectionType, mainElement: HTMLElement): void {\r\n        let timing = this.timing;\r\n        for (const [selector, animationName] of Object.entries(this.animateableObjects)) {\r\n            mainElement.querySelectorAll(selector).forEach(\r\n                (element) => {\r\n                    this.ApplyAnimation(element as HTMLElement, animationName, this.duration, timing, direction);\r\n                }\r\n            );\r\n        }\r\n        if (this.mainElementAnimation != \"\") {\r\n            this.ApplyAnimation(mainElement, this.mainElementAnimation, this.duration, timing, direction);\r\n        }\r\n    }\r\n}","import type { DirectionType } from '../types/DirectionType';\r\nimport type { OptionsType } from '../types/OptionsType';\r\nimport type { TimingType } from '../types/TimingType';\r\nimport type { TransitionStyle } from '../types/TransitionStyleInterface';\r\n\r\nexport class OverlayBase implements TransitionStyle {\r\n    duration: number;\r\n    timing: TimingType;\r\n    color: string;\r\n\r\n    constructor(duration: number, color: string, timing: TimingType = \"linear\") {\r\n        this.duration = duration;\r\n        this.color = color;\r\n        this.timing = timing;\r\n    }\r\n\r\n    public handle(direction: DirectionType, mainElement: HTMLElement): void {}\r\n\r\n    public hidePage(options: OptionsType): void {\r\n        const mainContent = document.getElementById(options.mainContentIdName)!;\r\n        if (document.getElementById(options.pageBlockerId)) {\r\n            const pageBlockerElement = document.getElementById(options.pageBlockerId)!;\r\n            pageBlockerElement.style.cssText = `position: absolute; width: 100%; height: 100%; z-index: 100; top: 0; background-color: ${this.color}`\r\n            return;\r\n        }\r\n        for(const ele of document.getElementsByClassName(\"pagewave-overlay-div\")){\r\n            ele.remove();\r\n        }\r\n        const pageBlocker = document.createElement('div');\r\n        pageBlocker.id = options.pageBlockerId;\r\n        pageBlocker.style.cssText = `position: absolute; width: 100%; height: 100%; z-index: 100; top: 0; background-color: ${this.color}`\r\n        mainContent.append(pageBlocker);\r\n    }\r\n\r\n    public revealPage(options: OptionsType): void {\r\n        const pageBlocker = document.getElementById(options.pageBlockerId);\r\n        const mainElement = document.getElementById(options.mainContentIdName);\r\n        if(mainElement){\r\n            mainElement.hidden = false;\r\n        }\r\n        if (pageBlocker) {\r\n            pageBlocker.style.cssText = '';\r\n            //pageBlocker.remove();\r\n        }else{\r\n            this.waitForElementLoad(\r\n                `#${options.pageBlockerId}`, (element: HTMLElement) => {\r\n                    element.style.cssText = '';\r\n                    //element.remove();\r\n                }\r\n            )\r\n        }\r\n    }\r\n\r\n    private waitForElementLoad(selector: string, functionToExecute: (element: HTMLElement) => void) {\r\n        const existingElement = document.querySelector(selector);\r\n        if (existingElement != null) {\r\n            functionToExecute(existingElement as HTMLElement);\r\n            return;\r\n        }\r\n        \r\n        const observer = new MutationObserver((mutations) => {\r\n            mutations.forEach((mutation) => {\r\n                mutation.addedNodes.forEach((node) => {\r\n                    if (node.nodeType === Node.ELEMENT_NODE) {\r\n                        const element = node as HTMLElement;\r\n                        if (element.matches(selector)) {\r\n                            observer.disconnect();\r\n                            functionToExecute(element);\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        });\r\n        \r\n        observer.observe(document.body, { childList: true, subtree: true });\r\n    }\r\n}","import type { DirectionType } from '../types/DirectionType';\r\nimport type { TimingType } from '../types/TimingType';\r\nimport type { KeyFrameBase } from './KeyFrameBase';\r\nimport { OverlayBase } from './OverlayBase';\r\n\r\n// ...existing code...\r\nexport class OverlayCustom extends OverlayBase {\r\n    divAnimationObject: Record<string, string>;\r\n    mainElementAnimation: KeyFrameBase | null;\r\n\r\n    constructor(divAnimationObject: Record<string, string>, duration: number, color: string, timing: TimingType = \"linear\", mainElementAnimation: KeyFrameBase | null = null) {\r\n        super(duration, color, timing);\r\n        this.divAnimationObject = divAnimationObject;\r\n        this.mainElementAnimation = mainElementAnimation;\r\n    }\r\n\r\n    handle(direction: DirectionType, mainElement: HTMLElement): void {\r\n        for(const ele of document.getElementsByClassName(\"pagewave-overlay-div\")){\r\n            ele.remove();\r\n        }\r\n        const root = document.documentElement;\r\n        root.style.setProperty(\"--div-color\", this.color);\r\n        for (const [className, animationName] of Object.entries(this.divAnimationObject)) {\r\n            const divElement = document.createElement(\"div\");\r\n            divElement.className = className + \" pagewave-overlay-div\";\r\n            divElement.style.animation = `${animationName} ${this.duration}ms ${this.timing} both ${direction}`;\r\n            divElement.style.backgroundColor = this.color;\r\n            \r\n            divElement.style.position = \"absolute\";\r\n            mainElement.appendChild(divElement);\r\n            setTimeout(() => {\r\n                if(divElement.parentElement == mainElement){\r\n                    mainElement.removeChild(divElement);\r\n                }\r\n            }, this.duration);\r\n        }\r\n\r\n        if (this.mainElementAnimation !== null) {\r\n            this.mainElementAnimation.handle(direction, mainElement);\r\n        }\r\n    }\r\n}","import type { DirectionType } from \"../types/DirectionType\";\r\nimport type { OverlayType } from \"../types/OverlayType\";\r\nimport type { TimingType } from \"../types/TimingType\";\r\nimport { OverlayCustom } from \"./OverlayCustom\";\r\n\r\nexport class OverlayPreset extends OverlayCustom{\r\n    constructor(oType: OverlayType, duration: number, color: string, timing: TimingType = \"linear\") {\r\n        const overlayMap: Record<OverlayType, Record<string, string>> = {\r\n            slide: { firstOverlayElement: \"slide\" },\r\n            inverseSlide: { firstOverlayElement: \"inverseSlide\" },\r\n            curtain: { firstOverlayElement: \"rightcurtain\", secondOverlayElement: \"leftcurtain\" },\r\n            rise: { firstOverlayElement: \"rise\" },\r\n            fall: { firstOverlayElement: \"fall\" },\r\n            bubble: { firstOverlayElement: \"bubble\" },\r\n            wipe: { firstOverlayElement: \"wipe\" }\r\n\r\n        };\r\n        super(overlayMap[oType], duration, color, timing);\r\n    }\r\n    handle(direction: DirectionType, mainElement: HTMLElement): void {\r\n        super.handle(direction, mainElement);\r\n    }\r\n}","import type { DirectionType } from '../types/DirectionType';\r\nimport type { OptionsType } from '../types/OptionsType';\r\nimport type { TimingType } from '../types/TimingType';\r\nimport type { KeyFrameBase } from './KeyFrameBase';\r\nimport { OverlayBase } from './OverlayBase';\r\n\r\nexport type OverlayStyledDiv = {\r\n    animationName: string;\r\n    cssDesign: Partial<Record<keyof CSSStyleDeclaration, string>>;\r\n}\r\n\r\nexport class OverlayStyled extends OverlayBase {\r\n    divAnimationObject: Record<string, OverlayStyledDiv>;\r\n    mainElementAnimation: KeyFrameBase | null;\r\n    blockerDesign: Partial<Record<keyof CSSStyleDeclaration, string>>;\r\n\r\n    constructor(divAnimationObject: Record<string, OverlayStyledDiv>, duration: number, color: string, timing: TimingType = \"linear\", mainElementAnimation: KeyFrameBase | null = null, blockerDesign: Partial<Record<keyof CSSStyleDeclaration, string>> = {}) {\r\n        super(duration, color, timing);\r\n        this.divAnimationObject = divAnimationObject;\r\n        this.mainElementAnimation = mainElementAnimation;\r\n        this.blockerDesign = blockerDesign;\r\n    }\r\n\r\n    public hidePage(options: OptionsType): void {\r\n        const mainContent = document.getElementById(options.mainContentIdName)!;\r\n        if (document.getElementById(options.pageBlockerId)) {\r\n            const pageBlockerElement = document.getElementById(options.pageBlockerId)!;\r\n            pageBlockerElement.style.cssText = `position: absolute; width: 100%; height: 100%; z-index: 100; top: 0; background-color: ${this.color}`\r\n            for (const [styleKey, styleValue] of Object.entries(this.blockerDesign)) {\r\n                (pageBlockerElement.style as any)[styleKey] = styleValue;\r\n            }\r\n            return;\r\n        }\r\n        for(const ele of document.getElementsByClassName(\"pagewave-overlay-div\")){\r\n            ele.remove();\r\n        }\r\n        const pageBlocker = document.createElement('div');\r\n        pageBlocker.id = options.pageBlockerId;\r\n        pageBlocker.style.cssText = `position: absolute; width: 100%; height: 100%; z-index: 100; top: 0; background-color: ${this.color}`\r\n        for (const [styleKey, styleValue] of Object.entries(this.blockerDesign)) {\r\n            (pageBlocker.style as any)[styleKey] = styleValue;\r\n        }\r\n        mainContent.append(pageBlocker);\r\n    }\r\n\r\n    handle(direction: DirectionType, mainElement: HTMLElement): void {\r\n        for(const ele of document.getElementsByClassName(\"pagewave-overlay-div\")){\r\n            ele.remove();\r\n        }\r\n        const root = document.documentElement;\r\n        root.style.setProperty(\"--div-color\", this.color);\r\n\r\n        for (const [className, divProperties] of Object.entries(this.divAnimationObject)) {\r\n            const divElement = document.createElement(\"div\");\r\n            divElement.className = className + \" pagewave-overlay-div\";\r\n            divElement.style.animation = `${divProperties.animationName} ${this.duration}ms ${this.timing} both ${direction}`;\r\n            divElement.style.backgroundColor = this.color;\r\n            divElement.style.position = \"absolute\";\r\n\r\n            for (const [styleKey, styleValue] of Object.entries(divProperties.cssDesign)) {\r\n                (divElement.style as any)[styleKey] = styleValue;\r\n            }\r\n\r\n            mainElement.appendChild(divElement);\r\n\r\n            //TODO: Remove code possibly in all areas\r\n            setTimeout(() => {\r\n                //mainElement.removeChild(divElement);\r\n            }, this.duration);\r\n        }\r\n\r\n        if (this.mainElementAnimation !== null) {\r\n            this.mainElementAnimation.handle(direction, mainElement);\r\n        }\r\n    }\r\n}","import type { DirectionType } from \"../types/DirectionType.ts\";\r\nimport type { OptionsType } from \"../types/OptionsType.ts\";\r\nimport type { TransitionStyle } from \"../types/TransitionStyleInterface.ts\";\r\n\r\nexport class PageWave{\r\n    public defaultOptions: OptionsType;\r\n    public finalOptions: OptionsType;\r\n    public routeTransitions: Record<string, TransitionStyle>\r\n    constructor(transitions: Record<string, TransitionStyle>, options: Partial<OptionsType> = {}){\r\n        this.defaultOptions = {\r\n            mainContentIdName: \"main-content\",\r\n            pageAnimationDelay: 100,\r\n            runAnimationOnPageReload: false,\r\n            runAnimationOnCrossSite: false,\r\n            pageRevealDelay: 0,\r\n            leavePageOnLink: true,\r\n            pageBlockerId: \"pageBlocker\",\r\n            classToIgnoreLink: \"ignore-click\",\r\n            animateIgnoredLinks: false,\r\n            animateSelfLink: true,\r\n            loadEvent: \"DOMContentLoaded\",\r\n            preferIgnore: false,\r\n        }\r\n        this.finalOptions = { ...this.defaultOptions, ...options };\r\n        this.routeTransitions = transitions;\r\n    }\r\n\r\n\r\n    private CallHook(hookName: string, details: Record<string, unknown> = {}) {\r\n        const event = new CustomEvent(hookName, {\r\n            detail: details\r\n        });\r\n        window.dispatchEvent(event);\r\n    }\r\n\r\n    private isNavigationFromSameSite() {\r\n        const referrer = document.referrer;\r\n        if (referrer == \"\") {\r\n            return false;\r\n        }\r\n        const currentHost = window.location.hostname;\r\n        const referrerHost = new URL(referrer).hostname;\r\n\r\n        return referrerHost === currentHost;\r\n    }\r\n\r\n    private isInternalLink(link: string): boolean {\r\n        try {\r\n            const url = new URL(link, window.location.href); // handles relative URLs\r\n            return url.hostname === window.location.hostname;\r\n        } catch (e) {\r\n            // invalid URLs are considered external\r\n            return false;\r\n        }\r\n    }\r\n\r\n    private HandleClickAnimation(e: MouseEvent, defaultTransitionStyle: TransitionStyle, leaveFunction = (link: string) => {window.location.href = link;}, externalLeaveFunction = (link: string) => {window.location.href = link;}) {\r\n        if(!e.target || !(e.target instanceof HTMLAnchorElement)) {\r\n            return;\r\n        }\r\n\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        \r\n        if (e.target.tagName.toLowerCase() == \"a\") {\r\n            const correctLeaveFunction = this.isInternalLink(e.target.href) ? leaveFunction : externalLeaveFunction;\r\n            const matchedRoute = Array.from(e.target.classList).find(cls => cls in this.routeTransitions);\r\n            const shouldIgnore = (this.finalOptions.preferIgnore && !matchedRoute) || e.target.classList.contains(this.finalOptions.classToIgnoreLink)\r\n            if(!shouldIgnore && (e.target.href != window.location.href || this.finalOptions.animateSelfLink)){\r\n                e.preventDefault();\r\n                let duration = defaultTransitionStyle.duration;\r\n                this.CallHook(\"animateSSP\", { style: defaultTransitionStyle, clickEvent: e });\r\n                if (matchedRoute && matchedRoute in this.routeTransitions) {\r\n                    this.SaveAndTransition(matchedRoute, this.routeTransitions[matchedRoute]!);\r\n                    duration = this.routeTransitions[matchedRoute]!.duration;\r\n                } else {\r\n                    this.SaveAndTransition(\"animation\", defaultTransitionStyle);\r\n                    duration = defaultTransitionStyle.duration;\r\n                }\r\n                setTimeout(\r\n                    () => {\r\n                        this.CallHook(\"animateESP\", { style: defaultTransitionStyle, clickEvent: e });\r\n                        if (this.finalOptions.leavePageOnLink) {\r\n                            correctLeaveFunction((e.target as HTMLAnchorElement).href);\r\n                        }\r\n                    }, duration\r\n                );\r\n            }\r\n            else if (e.target.classList.contains(this.finalOptions.classToIgnoreLink) || (e.target.href == window.location.href && !this.finalOptions.animateSelfLink)) {\r\n                sessionStorage.setItem(\"animationType\", \"ignore\");\r\n                if (this.finalOptions.leavePageOnLink) {\r\n                    correctLeaveFunction((e.target as HTMLAnchorElement).href);\r\n                }\r\n            }\r\n        } \r\n\r\n    }\r\n\r\n    public ListenForChange(defaultTransitionStyle: TransitionStyle, leaveFunction: (link: string) => void = (link) => {window.location.href = link;}) {\r\n        this.EndPoint(defaultTransitionStyle);\r\n        this.SendPoint(defaultTransitionStyle, leaveFunction);\r\n    }\r\n\r\n    public SendPoint(defaultTransitionStyle: TransitionStyle, leaveFunction = (link: string) => {window.location.href = link;}, externalLeaveFunction = (link: string) => {window.location.href = link;}) {\r\n        const mainElement = document.getElementById(this.finalOptions.mainContentIdName)!;\r\n\r\n        const linkElements = mainElement.getElementsByTagName(\"a\");\r\n        for (let i = 0; i < linkElements.length; i++) {\r\n            const linkElement = linkElements[i]!;\r\n            linkElement.onclick = null;\r\n            linkElement.addEventListener(\"click\", (e) => {this.HandleClickAnimation(e, defaultTransitionStyle, leaveFunction, externalLeaveFunction)});\r\n        }\r\n    }\r\n\r\n    public getStorageRouteTransition(defaultTransitionStyle: TransitionStyle): TransitionStyle {\r\n        const storageKey = sessionStorage.getItem(\"animationType\")\r\n        if (storageKey != null && storageKey != \"animation\" && storageKey in this.routeTransitions) {\r\n            return this.routeTransitions[storageKey]!;\r\n        }\r\n        return defaultTransitionStyle;   \r\n    }\r\n\r\n    public EndPoint(defaultTransitionStyle: TransitionStyle) {\r\n        defaultTransitionStyle = this.getStorageRouteTransition(defaultTransitionStyle);\r\n        defaultTransitionStyle.hidePage(this.finalOptions);\r\n        const mainElement = document.getElementById(this.finalOptions.mainContentIdName)!;\r\n        mainElement.addEventListener(this.finalOptions.loadEvent, (e) => {\r\n            e.stopPropagation();\r\n            this.CallHook(\"animateSEP\", { style: defaultTransitionStyle });\r\n            const doTransitionOnIgnoredLink = (this.finalOptions.animateIgnoredLinks || sessionStorage.getItem(\"animationType\") != \"ignore\");\r\n            const doAnimateOnReload = (window.performance.getEntriesByType(\"navigation\")[0]?.entryType != \"reload\" || this.finalOptions.runAnimationOnPageReload);\r\n            const doAnimateOnSameSite = this.isNavigationFromSameSite() || this.finalOptions.runAnimationOnCrossSite;\r\n            if (doAnimateOnReload && doAnimateOnSameSite && doTransitionOnIgnoredLink) {\r\n                setTimeout(\r\n                    () => {\r\n                        this.AnimatePageTransition(defaultTransitionStyle, \"reverse\");\r\n                        setTimeout(\r\n                            () => {\r\n                                this.CallHook(\"animateEEP\", { style: defaultTransitionStyle });\r\n                                defaultTransitionStyle.revealPage(this.finalOptions);\r\n                            }, this.finalOptions.pageRevealDelay\r\n                        );\r\n                    }, this.finalOptions.pageAnimationDelay\r\n                );\r\n            } else {\r\n                this.CallHook(\"animateEPNA\", { style: defaultTransitionStyle })\r\n                defaultTransitionStyle.revealPage(this.finalOptions);\r\n            }\r\n        }, { once: true });\r\n    }\r\n\r\n    public CallEndPoint(){\r\n        const dispatchEvent = new Event(this.finalOptions.loadEvent);\r\n        document.getElementById(this.finalOptions.mainContentIdName)!.dispatchEvent(dispatchEvent);\r\n    }\r\n\r\n    public SaveAndTransition(animationName: string, aStyle: TransitionStyle, direction: DirectionType = \"normal\") {\r\n        this.AnimatePageTransition(aStyle, \"normal\");\r\n        sessionStorage.setItem(\"animationType\", animationName);\r\n    }\r\n\r\n    public AnimatePageTransition(aStyle: TransitionStyle, direction: DirectionType = \"normal\") {\r\n        const mainElement = document.getElementById(this.finalOptions.mainContentIdName)!;\r\n\r\n        if (direction == \"normal\") {\r\n            this.CallHook(\"animateSF\", { style: aStyle, ele: mainElement, });\r\n        } else if (direction == \"reverse\") {\r\n            this.CallHook(\"animateSR\", { style: aStyle, ele: mainElement, });\r\n        }\r\n\r\n        aStyle.handle(direction, mainElement);\r\n\r\n        setTimeout(\r\n            () => {\r\n                if (direction == \"normal\") {\r\n                    this.CallHook(\"animateEF\", { style: aStyle, ele: mainElement, });\r\n                } else if (direction == \"reverse\") {\r\n                    this.CallHook(\"animateER\", { style: aStyle, ele: mainElement, });\r\n                }\r\n            }, aStyle.duration\r\n        );\r\n\r\n    }\r\n}","import type { DirectionType } from \"../types/DirectionType\";\r\nimport type { TimingType } from \"../types/TimingType\";\r\nimport type { TransitionStyle } from \"../types/TransitionStyleInterface\";\r\nimport  { KeyFrameBase } from \"./KeyFrameBase\";\r\n\r\nexport class StyleTransition extends KeyFrameBase {\r\n    styleString: keyof CSSStyleDeclaration;\r\n    startValue: string;\r\n    endValue: string;\r\n    constructor(styleString: keyof CSSStyleDeclaration, duration: number, startValue: string, endValue: string, timing: TimingType = \"linear\") {\r\n        super(duration, timing);\r\n        this.styleString = styleString;\r\n        this.startValue = startValue\r\n        this.endValue = endValue;\r\n    }\r\n\r\n    handle(direction: DirectionType, mainElement: HTMLElement): void {\r\n        if (direction == \"normal\") {\r\n            (mainElement.style as any)[this.styleString] = this.startValue;\r\n            mainElement.style.transition = this.styleString.toString() + \" \" + this.duration.toString() + \"ms \" + this.timing;\r\n            (mainElement.style as any)[this.styleString] = this.endValue;\r\n        } else if (direction == \"reverse\") {\r\n            (mainElement.style as any)[this.styleString] = this.endValue;\r\n            mainElement.style.transition = this.styleString.toString() + \" \" + this.duration.toString() + \"ms \" + this.timing;\r\n            setTimeout(\r\n                () => {\r\n                     (mainElement.style as any)[this.styleString] = this.startValue;\r\n                }, 40\r\n            );\r\n\r\n        }\r\n    }\r\n}"],"mappings":"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","names":["handleAnimation"]}