@haiilo/catalyst 11.0.0 → 12.0.0

package/dist/cjs/index.cjs.js

@@ -1,10 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DNLT6JC9.js');
 
-const of = require('./of-958251e4.js');
-
-var toastify = {exports: {}};
+var toastify$1 = {exports: {}};
 
 /*!
  * Toastify js 1.12.0
@@ -13,449 +11,458 @@ var toastify = {exports: {}};
  *
  * Copyright (C) 2018 Varun A P
  */
+var toastify = toastify$1.exports;
+
+var hasRequiredToastify;
+
+function requireToastify () {
+	if (hasRequiredToastify) return toastify$1.exports;
+	hasRequiredToastify = 1;
+	(function (module) {
+		(function(root, factory) {
+		  if (module.exports) {
+		    module.exports = factory();
+		  } else {
+		    root.Toastify = factory();
+		  }
+		})(toastify, function(global) {
+		  // Object initialization
+		  var Toastify = function(options) {
+		      // Returning a new init object
+		      return new Toastify.lib.init(options);
+		    },
+		    // Library version
+		    version = "1.12.0";
+
+		  // Set the default global options
+		  Toastify.defaults = {
+		    oldestFirst: true,
+		    text: "Toastify is awesome!",
+		    node: undefined,
+		    duration: 3000,
+		    selector: undefined,
+		    callback: function () {
+		    },
+		    destination: undefined,
+		    newWindow: false,
+		    close: false,
+		    gravity: "toastify-top",
+		    positionLeft: false,
+		    position: '',
+		    backgroundColor: '',
+		    avatar: "",
+		    className: "",
+		    stopOnFocus: true,
+		    onClick: function () {
+		    },
+		    offset: {x: 0, y: 0},
+		    escapeMarkup: true,
+		    ariaLive: 'polite',
+		    style: {background: ''}
+		  };
+
+		  // Defining the prototype of the object
+		  Toastify.lib = Toastify.prototype = {
+		    toastify: version,
+
+		    constructor: Toastify,
+
+		    // Initializing the object with required parameters
+		    init: function(options) {
+		      // Verifying and validating the input object
+		      if (!options) {
+		        options = {};
+		      }
+
+		      // Creating the options object
+		      this.options = {};
+
+		      this.toastElement = null;
+
+		      // Validating the options
+		      this.options.text = options.text || Toastify.defaults.text; // Display message
+		      this.options.node = options.node || Toastify.defaults.node;  // Display content as node
+		      this.options.duration = options.duration === 0 ? 0 : options.duration || Toastify.defaults.duration; // Display duration
+		      this.options.selector = options.selector || Toastify.defaults.selector; // Parent selector
+		      this.options.callback = options.callback || Toastify.defaults.callback; // Callback after display
+		      this.options.destination = options.destination || Toastify.defaults.destination; // On-click destination
+		      this.options.newWindow = options.newWindow || Toastify.defaults.newWindow; // Open destination in new window
+		      this.options.close = options.close || Toastify.defaults.close; // Show toast close icon
+		      this.options.gravity = options.gravity === "bottom" ? "toastify-bottom" : Toastify.defaults.gravity; // toast position - top or bottom
+		      this.options.positionLeft = options.positionLeft || Toastify.defaults.positionLeft; // toast position - left or right
+		      this.options.position = options.position || Toastify.defaults.position; // toast position - left or right
+		      this.options.backgroundColor = options.backgroundColor || Toastify.defaults.backgroundColor; // toast background color
+		      this.options.avatar = options.avatar || Toastify.defaults.avatar; // img element src - url or a path
+		      this.options.className = options.className || Toastify.defaults.className; // additional class names for the toast
+		      this.options.stopOnFocus = options.stopOnFocus === undefined ? Toastify.defaults.stopOnFocus : options.stopOnFocus; // stop timeout on focus
+		      this.options.onClick = options.onClick || Toastify.defaults.onClick; // Callback after click
+		      this.options.offset = options.offset || Toastify.defaults.offset; // toast offset
+		      this.options.escapeMarkup = options.escapeMarkup !== undefined ? options.escapeMarkup : Toastify.defaults.escapeMarkup;
+		      this.options.ariaLive = options.ariaLive || Toastify.defaults.ariaLive;
+		      this.options.style = options.style || Toastify.defaults.style;
+		      if(options.backgroundColor) {
+		        this.options.style.background = options.backgroundColor;
+		      }
+
+		      // Returning the current object for chaining functions
+		      return this;
+		    },
+
+		    // Building the DOM element
+		    buildToast: function() {
+		      // Validating if the options are defined
+		      if (!this.options) {
+		        throw "Toastify is not initialized";
+		      }
+
+		      // Creating the DOM object
+		      var divElement = document.createElement("div");
+		      divElement.className = "toastify on " + this.options.className;
+
+		      // Positioning toast to left or right or center
+		      if (!!this.options.position) {
+		        divElement.className += " toastify-" + this.options.position;
+		      } else {
+		        // To be depreciated in further versions
+		        if (this.options.positionLeft === true) {
+		          divElement.className += " toastify-left";
+		          console.warn('Property `positionLeft` will be depreciated in further versions. Please use `position` instead.');
+		        } else {
+		          // Default position
+		          divElement.className += " toastify-right";
+		        }
+		      }
+
+		      // Assigning gravity of element
+		      divElement.className += " " + this.options.gravity;
+
+		      if (this.options.backgroundColor) {
+		        // This is being deprecated in favor of using the style HTML DOM property
+		        console.warn('DEPRECATION NOTICE: "backgroundColor" is being deprecated. Please use the "style.background" property.');
+		      }
+
+		      // Loop through our style object and apply styles to divElement
+		      for (var property in this.options.style) {
+		        divElement.style[property] = this.options.style[property];
+		      }
+
+		      // Announce the toast to screen readers
+		      if (this.options.ariaLive) {
+		        divElement.setAttribute('aria-live', this.options.ariaLive);
+		      }
+
+		      // Adding the toast message/node
+		      if (this.options.node && this.options.node.nodeType === Node.ELEMENT_NODE) {
+		        // If we have a valid node, we insert it
+		        divElement.appendChild(this.options.node);
+		      } else {
+		        if (this.options.escapeMarkup) {
+		          divElement.innerText = this.options.text;
+		        } else {
+		          divElement.innerHTML = this.options.text;
+		        }
+
+		        if (this.options.avatar !== "") {
+		          var avatarElement = document.createElement("img");
+		          avatarElement.src = this.options.avatar;
+
+		          avatarElement.className = "toastify-avatar";
+
+		          if (this.options.position == "left" || this.options.positionLeft === true) {
+		            // Adding close icon on the left of content
+		            divElement.appendChild(avatarElement);
+		          } else {
+		            // Adding close icon on the right of content
+		            divElement.insertAdjacentElement("afterbegin", avatarElement);
+		          }
+		        }
+		      }
+
+		      // Adding a close icon to the toast
+		      if (this.options.close === true) {
+		        // Create a span for close element
+		        var closeElement = document.createElement("button");
+		        closeElement.type = "button";
+		        closeElement.setAttribute("aria-label", "Close");
+		        closeElement.className = "toast-close";
+		        closeElement.innerHTML = "✖";
+
+		        // Triggering the removal of toast from DOM on close click
+		        closeElement.addEventListener(
+		          "click",
+		          function(event) {
+		            event.stopPropagation();
+		            this.removeElement(this.toastElement);
+		            window.clearTimeout(this.toastElement.timeOutValue);
+		          }.bind(this)
+		        );
+
+		        //Calculating screen width
+		        var width = window.innerWidth > 0 ? window.innerWidth : screen.width;
+
+		        // Adding the close icon to the toast element
+		        // Display on the right if screen width is less than or equal to 360px
+		        if ((this.options.position == "left" || this.options.positionLeft === true) && width > 360) {
+		          // Adding close icon on the left of content
+		          divElement.insertAdjacentElement("afterbegin", closeElement);
+		        } else {
+		          // Adding close icon on the right of content
+		          divElement.appendChild(closeElement);
+		        }
+		      }
+
+		      // Clear timeout while toast is focused
+		      if (this.options.stopOnFocus && this.options.duration > 0) {
+		        var self = this;
+		        // stop countdown
+		        divElement.addEventListener(
+		          "mouseover",
+		          function(event) {
+		            window.clearTimeout(divElement.timeOutValue);
+		          }
+		        );
+		        // add back the timeout
+		        divElement.addEventListener(
+		          "mouseleave",
+		          function() {
+		            divElement.timeOutValue = window.setTimeout(
+		              function() {
+		                // Remove the toast from DOM
+		                self.removeElement(divElement);
+		              },
+		              self.options.duration
+		            );
+		          }
+		        );
+		      }
+
+		      // Adding an on-click destination path
+		      if (typeof this.options.destination !== "undefined") {
+		        divElement.addEventListener(
+		          "click",
+		          function(event) {
+		            event.stopPropagation();
+		            if (this.options.newWindow === true) {
+		              window.open(this.options.destination, "_blank");
+		            } else {
+		              window.location = this.options.destination;
+		            }
+		          }.bind(this)
+		        );
+		      }
+
+		      if (typeof this.options.onClick === "function" && typeof this.options.destination === "undefined") {
+		        divElement.addEventListener(
+		          "click",
+		          function(event) {
+		            event.stopPropagation();
+		            this.options.onClick();
+		          }.bind(this)
+		        );
+		      }
+
+		      // Adding offset
+		      if(typeof this.options.offset === "object") {
+
+		        var x = getAxisOffsetAValue("x", this.options);
+		        var y = getAxisOffsetAValue("y", this.options);
+
+		        var xOffset = this.options.position == "left" ? x : "-" + x;
+		        var yOffset = this.options.gravity == "toastify-top" ? y : "-" + y;
+
+		        divElement.style.transform = "translate(" + xOffset + "," + yOffset + ")";
+
+		      }
+
+		      // Returning the generated element
+		      return divElement;
+		    },
+
+		    // Displaying the toast
+		    showToast: function() {
+		      // Creating the DOM object for the toast
+		      this.toastElement = this.buildToast();
+
+		      // Getting the root element to with the toast needs to be added
+		      var rootElement;
+		      if (typeof this.options.selector === "string") {
+		        rootElement = document.getElementById(this.options.selector);
+		      } else if (this.options.selector instanceof HTMLElement || (typeof ShadowRoot !== 'undefined' && this.options.selector instanceof ShadowRoot)) {
+		        rootElement = this.options.selector;
+		      } else {
+		        rootElement = document.body;
+		      }
+
+		      // Validating if root element is present in DOM
+		      if (!rootElement) {
+		        throw "Root element is not defined";
+		      }
+
+		      // Adding the DOM element
+		      var elementToInsert = Toastify.defaults.oldestFirst ? rootElement.firstChild : rootElement.lastChild;
+		      rootElement.insertBefore(this.toastElement, elementToInsert);
+
+		      // Repositioning the toasts in case multiple toasts are present
+		      Toastify.reposition();
+
+		      if (this.options.duration > 0) {
+		        this.toastElement.timeOutValue = window.setTimeout(
+		          function() {
+		            // Remove the toast from DOM
+		            this.removeElement(this.toastElement);
+		          }.bind(this),
+		          this.options.duration
+		        ); // Binding `this` for function invocation
+		      }
+
+		      // Supporting function chaining
+		      return this;
+		    },
+
+		    hideToast: function() {
+		      if (this.toastElement.timeOutValue) {
+		        clearTimeout(this.toastElement.timeOutValue);
+		      }
+		      this.removeElement(this.toastElement);
+		    },
+
+		    // Removing the element from the DOM
+		    removeElement: function(toastElement) {
+		      // Hiding the element
+		      // toastElement.classList.remove("on");
+		      toastElement.className = toastElement.className.replace(" on", "");
+
+		      // Removing the element from DOM after transition end
+		      window.setTimeout(
+		        function() {
+		          // remove options node if any
+		          if (this.options.node && this.options.node.parentNode) {
+		            this.options.node.parentNode.removeChild(this.options.node);
+		          }
+
+		          // Remove the element from the DOM, only when the parent node was not removed before.
+		          if (toastElement.parentNode) {
+		            toastElement.parentNode.removeChild(toastElement);
+		          }
+
+		          // Calling the callback function
+		          this.options.callback.call(toastElement);
+
+		          // Repositioning the toasts again
+		          Toastify.reposition();
+		        }.bind(this),
+		        400
+		      ); // Binding `this` for function invocation
+		    },
+		  };
+
+		  // Positioning the toasts on the DOM
+		  Toastify.reposition = function() {
+
+		    // Top margins with gravity
+		    var topLeftOffsetSize = {
+		      top: 15,
+		      bottom: 15,
+		    };
+		    var topRightOffsetSize = {
+		      top: 15,
+		      bottom: 15,
+		    };
+		    var offsetSize = {
+		      top: 15,
+		      bottom: 15,
+		    };
+
+		    // Get all toast messages on the DOM
+		    var allToasts = document.getElementsByClassName("toastify");
+
+		    var classUsed;
+
+		    // Modifying the position of each toast element
+		    for (var i = 0; i < allToasts.length; i++) {
+		      // Getting the applied gravity
+		      if (containsClass(allToasts[i], "toastify-top") === true) {
+		        classUsed = "toastify-top";
+		      } else {
+		        classUsed = "toastify-bottom";
+		      }
+
+		      var height = allToasts[i].offsetHeight;
+		      classUsed = classUsed.substr(9, classUsed.length-1);
+		      // Spacing between toasts
+		      var offset = 15;
+
+		      var width = window.innerWidth > 0 ? window.innerWidth : screen.width;
+
+		      // Show toast in center if screen with less than or equal to 360px
+		      if (width <= 360) {
+		        // Setting the position
+		        allToasts[i].style[classUsed] = offsetSize[classUsed] + "px";
+
+		        offsetSize[classUsed] += height + offset;
+		      } else {
+		        if (containsClass(allToasts[i], "toastify-left") === true) {
+		          // Setting the position
+		          allToasts[i].style[classUsed] = topLeftOffsetSize[classUsed] + "px";
+
+		          topLeftOffsetSize[classUsed] += height + offset;
+		        } else {
+		          // Setting the position
+		          allToasts[i].style[classUsed] = topRightOffsetSize[classUsed] + "px";
+
+		          topRightOffsetSize[classUsed] += height + offset;
+		        }
+		      }
+		    }
+
+		    // Supporting function chaining
+		    return this;
+		  };
+
+		  // Helper function to get offset.
+		  function getAxisOffsetAValue(axis, options) {
+
+		    if(options.offset[axis]) {
+		      if(isNaN(options.offset[axis])) {
+		        return options.offset[axis];
+		      }
+		      else {
+		        return options.offset[axis] + 'px';
+		      }
+		    }
+
+		    return '0px';
+
+		  }
+
+		  function containsClass(elem, yourClass) {
+		    if (!elem || typeof yourClass !== "string") {
+		      return false;
+		    } else if (
+		      elem.className &&
+		      elem.className
+		        .trim()
+		        .split(/\s+/gi)
+		        .indexOf(yourClass) > -1
+		    ) {
+		      return true;
+		    } else {
+		      return false;
+		    }
+		  }
+
+		  // Setting up the prototype for the init object
+		  Toastify.lib.init.prototype = Toastify.lib;
+
+		  // Returning the Toastify function to be assigned to the window object/module
+		  return Toastify;
+		}); 
+	} (toastify$1));
+	return toastify$1.exports;
+}
 
-(function (module) {
-(function(root, factory) {
-  if (module.exports) {
-    module.exports = factory();
-  } else {
-    root.Toastify = factory();
-  }
-})(of.commonjsGlobal, function(global) {
-  // Object initialization
-  var Toastify = function(options) {
-      // Returning a new init object
-      return new Toastify.lib.init(options);
-    },
-    // Library version
-    version = "1.12.0";
-
-  // Set the default global options
-  Toastify.defaults = {
-    oldestFirst: true,
-    text: "Toastify is awesome!",
-    node: undefined,
-    duration: 3000,
-    selector: undefined,
-    callback: function () {
-    },
-    destination: undefined,
-    newWindow: false,
-    close: false,
-    gravity: "toastify-top",
-    positionLeft: false,
-    position: '',
-    backgroundColor: '',
-    avatar: "",
-    className: "",
-    stopOnFocus: true,
-    onClick: function () {
-    },
-    offset: {x: 0, y: 0},
-    escapeMarkup: true,
-    ariaLive: 'polite',
-    style: {background: ''}
-  };
-
-  // Defining the prototype of the object
-  Toastify.lib = Toastify.prototype = {
-    toastify: version,
-
-    constructor: Toastify,
-
-    // Initializing the object with required parameters
-    init: function(options) {
-      // Verifying and validating the input object
-      if (!options) {
-        options = {};
-      }
-
-      // Creating the options object
-      this.options = {};
-
-      this.toastElement = null;
-
-      // Validating the options
-      this.options.text = options.text || Toastify.defaults.text; // Display message
-      this.options.node = options.node || Toastify.defaults.node;  // Display content as node
-      this.options.duration = options.duration === 0 ? 0 : options.duration || Toastify.defaults.duration; // Display duration
-      this.options.selector = options.selector || Toastify.defaults.selector; // Parent selector
-      this.options.callback = options.callback || Toastify.defaults.callback; // Callback after display
-      this.options.destination = options.destination || Toastify.defaults.destination; // On-click destination
-      this.options.newWindow = options.newWindow || Toastify.defaults.newWindow; // Open destination in new window
-      this.options.close = options.close || Toastify.defaults.close; // Show toast close icon
-      this.options.gravity = options.gravity === "bottom" ? "toastify-bottom" : Toastify.defaults.gravity; // toast position - top or bottom
-      this.options.positionLeft = options.positionLeft || Toastify.defaults.positionLeft; // toast position - left or right
-      this.options.position = options.position || Toastify.defaults.position; // toast position - left or right
-      this.options.backgroundColor = options.backgroundColor || Toastify.defaults.backgroundColor; // toast background color
-      this.options.avatar = options.avatar || Toastify.defaults.avatar; // img element src - url or a path
-      this.options.className = options.className || Toastify.defaults.className; // additional class names for the toast
-      this.options.stopOnFocus = options.stopOnFocus === undefined ? Toastify.defaults.stopOnFocus : options.stopOnFocus; // stop timeout on focus
-      this.options.onClick = options.onClick || Toastify.defaults.onClick; // Callback after click
-      this.options.offset = options.offset || Toastify.defaults.offset; // toast offset
-      this.options.escapeMarkup = options.escapeMarkup !== undefined ? options.escapeMarkup : Toastify.defaults.escapeMarkup;
-      this.options.ariaLive = options.ariaLive || Toastify.defaults.ariaLive;
-      this.options.style = options.style || Toastify.defaults.style;
-      if(options.backgroundColor) {
-        this.options.style.background = options.backgroundColor;
-      }
-
-      // Returning the current object for chaining functions
-      return this;
-    },
-
-    // Building the DOM element
-    buildToast: function() {
-      // Validating if the options are defined
-      if (!this.options) {
-        throw "Toastify is not initialized";
-      }
-
-      // Creating the DOM object
-      var divElement = document.createElement("div");
-      divElement.className = "toastify on " + this.options.className;
-
-      // Positioning toast to left or right or center
-      if (!!this.options.position) {
-        divElement.className += " toastify-" + this.options.position;
-      } else {
-        // To be depreciated in further versions
-        if (this.options.positionLeft === true) {
-          divElement.className += " toastify-left";
-          console.warn('Property `positionLeft` will be depreciated in further versions. Please use `position` instead.');
-        } else {
-          // Default position
-          divElement.className += " toastify-right";
-        }
-      }
-
-      // Assigning gravity of element
-      divElement.className += " " + this.options.gravity;
-
-      if (this.options.backgroundColor) {
-        // This is being deprecated in favor of using the style HTML DOM property
-        console.warn('DEPRECATION NOTICE: "backgroundColor" is being deprecated. Please use the "style.background" property.');
-      }
-
-      // Loop through our style object and apply styles to divElement
-      for (var property in this.options.style) {
-        divElement.style[property] = this.options.style[property];
-      }
-
-      // Announce the toast to screen readers
-      if (this.options.ariaLive) {
-        divElement.setAttribute('aria-live', this.options.ariaLive);
-      }
-
-      // Adding the toast message/node
-      if (this.options.node && this.options.node.nodeType === Node.ELEMENT_NODE) {
-        // If we have a valid node, we insert it
-        divElement.appendChild(this.options.node);
-      } else {
-        if (this.options.escapeMarkup) {
-          divElement.innerText = this.options.text;
-        } else {
-          divElement.innerHTML = this.options.text;
-        }
-
-        if (this.options.avatar !== "") {
-          var avatarElement = document.createElement("img");
-          avatarElement.src = this.options.avatar;
-
-          avatarElement.className = "toastify-avatar";
-
-          if (this.options.position == "left" || this.options.positionLeft === true) {
-            // Adding close icon on the left of content
-            divElement.appendChild(avatarElement);
-          } else {
-            // Adding close icon on the right of content
-            divElement.insertAdjacentElement("afterbegin", avatarElement);
-          }
-        }
-      }
-
-      // Adding a close icon to the toast
-      if (this.options.close === true) {
-        // Create a span for close element
-        var closeElement = document.createElement("button");
-        closeElement.type = "button";
-        closeElement.setAttribute("aria-label", "Close");
-        closeElement.className = "toast-close";
-        closeElement.innerHTML = "&#10006;";
-
-        // Triggering the removal of toast from DOM on close click
-        closeElement.addEventListener(
-          "click",
-          function(event) {
-            event.stopPropagation();
-            this.removeElement(this.toastElement);
-            window.clearTimeout(this.toastElement.timeOutValue);
-          }.bind(this)
-        );
-
-        //Calculating screen width
-        var width = window.innerWidth > 0 ? window.innerWidth : screen.width;
-
-        // Adding the close icon to the toast element
-        // Display on the right if screen width is less than or equal to 360px
-        if ((this.options.position == "left" || this.options.positionLeft === true) && width > 360) {
-          // Adding close icon on the left of content
-          divElement.insertAdjacentElement("afterbegin", closeElement);
-        } else {
-          // Adding close icon on the right of content
-          divElement.appendChild(closeElement);
-        }
-      }
-
-      // Clear timeout while toast is focused
-      if (this.options.stopOnFocus && this.options.duration > 0) {
-        var self = this;
-        // stop countdown
-        divElement.addEventListener(
-          "mouseover",
-          function(event) {
-            window.clearTimeout(divElement.timeOutValue);
-          }
-        );
-        // add back the timeout
-        divElement.addEventListener(
-          "mouseleave",
-          function() {
-            divElement.timeOutValue = window.setTimeout(
-              function() {
-                // Remove the toast from DOM
-                self.removeElement(divElement);
-              },
-              self.options.duration
-            );
-          }
-        );
-      }
-
-      // Adding an on-click destination path
-      if (typeof this.options.destination !== "undefined") {
-        divElement.addEventListener(
-          "click",
-          function(event) {
-            event.stopPropagation();
-            if (this.options.newWindow === true) {
-              window.open(this.options.destination, "_blank");
-            } else {
-              window.location = this.options.destination;
-            }
-          }.bind(this)
-        );
-      }
-
-      if (typeof this.options.onClick === "function" && typeof this.options.destination === "undefined") {
-        divElement.addEventListener(
-          "click",
-          function(event) {
-            event.stopPropagation();
-            this.options.onClick();
-          }.bind(this)
-        );
-      }
-
-      // Adding offset
-      if(typeof this.options.offset === "object") {
-
-        var x = getAxisOffsetAValue("x", this.options);
-        var y = getAxisOffsetAValue("y", this.options);
-
-        var xOffset = this.options.position == "left" ? x : "-" + x;
-        var yOffset = this.options.gravity == "toastify-top" ? y : "-" + y;
-
-        divElement.style.transform = "translate(" + xOffset + "," + yOffset + ")";
-
-      }
-
-      // Returning the generated element
-      return divElement;
-    },
-
-    // Displaying the toast
-    showToast: function() {
-      // Creating the DOM object for the toast
-      this.toastElement = this.buildToast();
-
-      // Getting the root element to with the toast needs to be added
-      var rootElement;
-      if (typeof this.options.selector === "string") {
-        rootElement = document.getElementById(this.options.selector);
-      } else if (this.options.selector instanceof HTMLElement || (typeof ShadowRoot !== 'undefined' && this.options.selector instanceof ShadowRoot)) {
-        rootElement = this.options.selector;
-      } else {
-        rootElement = document.body;
-      }
-
-      // Validating if root element is present in DOM
-      if (!rootElement) {
-        throw "Root element is not defined";
-      }
-
-      // Adding the DOM element
-      var elementToInsert = Toastify.defaults.oldestFirst ? rootElement.firstChild : rootElement.lastChild;
-      rootElement.insertBefore(this.toastElement, elementToInsert);
-
-      // Repositioning the toasts in case multiple toasts are present
-      Toastify.reposition();
-
-      if (this.options.duration > 0) {
-        this.toastElement.timeOutValue = window.setTimeout(
-          function() {
-            // Remove the toast from DOM
-            this.removeElement(this.toastElement);
-          }.bind(this),
-          this.options.duration
-        ); // Binding `this` for function invocation
-      }
-
-      // Supporting function chaining
-      return this;
-    },
-
-    hideToast: function() {
-      if (this.toastElement.timeOutValue) {
-        clearTimeout(this.toastElement.timeOutValue);
-      }
-      this.removeElement(this.toastElement);
-    },
-
-    // Removing the element from the DOM
-    removeElement: function(toastElement) {
-      // Hiding the element
-      // toastElement.classList.remove("on");
-      toastElement.className = toastElement.className.replace(" on", "");
-
-      // Removing the element from DOM after transition end
-      window.setTimeout(
-        function() {
-          // remove options node if any
-          if (this.options.node && this.options.node.parentNode) {
-            this.options.node.parentNode.removeChild(this.options.node);
-          }
-
-          // Remove the element from the DOM, only when the parent node was not removed before.
-          if (toastElement.parentNode) {
-            toastElement.parentNode.removeChild(toastElement);
-          }
-
-          // Calling the callback function
-          this.options.callback.call(toastElement);
-
-          // Repositioning the toasts again
-          Toastify.reposition();
-        }.bind(this),
-        400
-      ); // Binding `this` for function invocation
-    },
-  };
-
-  // Positioning the toasts on the DOM
-  Toastify.reposition = function() {
-
-    // Top margins with gravity
-    var topLeftOffsetSize = {
-      top: 15,
-      bottom: 15,
-    };
-    var topRightOffsetSize = {
-      top: 15,
-      bottom: 15,
-    };
-    var offsetSize = {
-      top: 15,
-      bottom: 15,
-    };
-
-    // Get all toast messages on the DOM
-    var allToasts = document.getElementsByClassName("toastify");
-
-    var classUsed;
-
-    // Modifying the position of each toast element
-    for (var i = 0; i < allToasts.length; i++) {
-      // Getting the applied gravity
-      if (containsClass(allToasts[i], "toastify-top") === true) {
-        classUsed = "toastify-top";
-      } else {
-        classUsed = "toastify-bottom";
-      }
-
-      var height = allToasts[i].offsetHeight;
-      classUsed = classUsed.substr(9, classUsed.length-1);
-      // Spacing between toasts
-      var offset = 15;
-
-      var width = window.innerWidth > 0 ? window.innerWidth : screen.width;
-
-      // Show toast in center if screen with less than or equal to 360px
-      if (width <= 360) {
-        // Setting the position
-        allToasts[i].style[classUsed] = offsetSize[classUsed] + "px";
-
-        offsetSize[classUsed] += height + offset;
-      } else {
-        if (containsClass(allToasts[i], "toastify-left") === true) {
-          // Setting the position
-          allToasts[i].style[classUsed] = topLeftOffsetSize[classUsed] + "px";
-
-          topLeftOffsetSize[classUsed] += height + offset;
-        } else {
-          // Setting the position
-          allToasts[i].style[classUsed] = topRightOffsetSize[classUsed] + "px";
-
-          topRightOffsetSize[classUsed] += height + offset;
-        }
-      }
-    }
-
-    // Supporting function chaining
-    return this;
-  };
-
-  // Helper function to get offset.
-  function getAxisOffsetAValue(axis, options) {
-
-    if(options.offset[axis]) {
-      if(isNaN(options.offset[axis])) {
-        return options.offset[axis];
-      }
-      else {
-        return options.offset[axis] + 'px';
-      }
-    }
-
-    return '0px';
-
-  }
-
-  function containsClass(elem, yourClass) {
-    if (!elem || typeof yourClass !== "string") {
-      return false;
-    } else if (
-      elem.className &&
-      elem.className
-        .trim()
-        .split(/\s+/gi)
-        .indexOf(yourClass) > -1
-    ) {
-      return true;
-    } else {
-      return false;
-    }
-  }
-
-  // Setting up the prototype for the init object
-  Toastify.lib.init.prototype = Toastify.lib;
-
-  // Returning the Toastify function to be assigned to the window object/module
-  return Toastify;
-});
-}(toastify));
-
-const Toastify = toastify.exports;
+var toastifyExports = requireToastify();
+var Toastify = /*@__PURE__*/index.getDefaultExportFromCjs(toastifyExports);
 
 /**
  * A service to show additional information via toast notifications.
@@ -496,7 +503,7 @@ class CatNotificationService {
             : ''}
       </div>
       ${options?.autoClose === false
-            ? `<cat-button class="cat-toastify-close cat-button-pull" size="s" icon="$cat:notification-close" variant="text" icon-only="true" class="close" a11y-label="${of.catI18nRegistry.t('notification.dismiss')}"></cat-button>`
+            ? `<cat-button class="cat-toastify-close cat-button-pull" size="s" icon="$cat:notification-close" variant="text" icon-only="true" class="close" a11y-label="${index.catI18nRegistry.t('notification.dismiss')}"></cat-button>`
             : ''}
     </div>`;
         const node = template.content.firstElementChild;
@@ -555,8 +562,8 @@ const catNotificationService = CatNotificationService.getInstance();
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function objectArrayConnector(data) {
     return {
-        resolve: ids => of.of(data.filter(({ id }) => ids.includes(id))),
-        retrieve: term => of.of({
+        resolve: ids => index.cjsExports.of(data.filter(({ id }) => ids.includes(id))),
+        retrieve: term => index.cjsExports.of({
             content: data.filter(({ label }) => label.toLowerCase().includes(term.toLowerCase())),
             last: true,
             totalElements: data.length
@@ -585,14 +592,15 @@ function stringMapConnector(data) {
     return objectArrayConnector(items);
 }
 
-exports.CatI18nRegistry = of.CatI18nRegistry;
-exports.CatIconRegistry = of.CatIconRegistry;
-exports.catI18nRegistry = of.catI18nRegistry;
-exports.catIconRegistry = of.catIconRegistry;
+exports.CatI18nRegistry = index.CatI18nRegistry;
+exports.CatIconRegistry = index.CatIconRegistry;
+exports.catI18nRegistry = index.catI18nRegistry;
+exports.catIconRegistry = index.catIconRegistry;
 exports.CatNotificationService = CatNotificationService;
 exports.catNotificationService = catNotificationService;
 exports.objectArrayConnector = objectArrayConnector;
 exports.stringArrayConnector = stringArrayConnector;
 exports.stringMapConnector = stringMapConnector;
+//# sourceMappingURL=index.cjs.js.map
 
 //# sourceMappingURL=index.cjs.js.map