diff --git a/.gitignore b/.gitignore
index b6ed3029..7cd53fdb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1 @@
 **/node_modules/
-**/dist/
diff --git a/.nojekyll b/.nojekyll
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/animate/dist/PNotifyAnimate.js b/packages/animate/dist/PNotifyAnimate.js
new file mode 100644
index 00000000..72dc8ed2
--- /dev/null
+++ b/packages/animate/dist/PNotifyAnimate.js
@@ -0,0 +1,612 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyAnimate = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  function get_current_component() {
+    if (!current_component) throw new Error('Function called outside component initialization');
+    return current_component;
+  }
+
+  function onDestroy(fn) {
+    get_current_component().$$.on_destroy.push(fn);
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  var position = "PrependContainer";
+  var defaults = {
+    inClass: null,
+    outClass: null
+  };
+
+  function instance($$self, $$props, $$invalidate) {
+    var _$$props$self = $$props.self,
+        self = _$$props$self === void 0 ? null : _$$props$self;
+    var _$$props$inClass = $$props.inClass,
+        inClass = _$$props$inClass === void 0 ? defaults.inClass : _$$props$inClass;
+    var _$$props$outClass = $$props.outClass,
+        outClass = _$$props$outClass === void 0 ? defaults.outClass : _$$props$outClass;
+    var _animation = self.animation;
+    var _animateIn = self.animateIn;
+    var _animateOut = self.animateOut;
+    onDestroy(function () {
+      self.$set({
+        animation: _animation,
+        animateIn: _animateIn,
+        animateOut: _animateOut
+      });
+    });
+    self.on("pnotify:update", function () {
+      if (self.refs.elem) {
+        var animSpeed = 250;
+
+        if (self.animateSpeed === "slow") {
+          animSpeed = 400;
+        } else if (self.animateSpeed === "fast") {
+          animSpeed = 100;
+        } else if (self.animateSpeed > 0) {
+          animSpeed = self.animateSpeed;
+        }
+
+        animSpeed = animSpeed / 1000;
+
+        if (self.refs.elem.style.animationDuration !== "".concat(animSpeed, "s")) {
+          $$invalidate(0, self.refs.elem.style.animationDuration = "".concat(animSpeed, "s"), self);
+        }
+      }
+    });
+
+    function animateIn(callback, immediate) {
+      // Declare that the notice is animating in.
+      self.setAnimating("in");
+      var off;
+
+      var finished = function finished(event) {
+        if (event && self.refs.elem && event.target !== self.refs.elem) {
+          return;
+        }
+
+        off();
+        self.setAnimatingClass("pnotify-in animated");
+
+        if (callback) {
+          callback.call();
+        } // Declare that the notice has completed animating.
+
+
+        self.setAnimating(false);
+      };
+
+      off = self.on("animationend", finished);
+
+      if (immediate) {
+        finished();
+      } else {
+        self.setAnimatingClass("pnotify-in animated ".concat(inClass || outClass));
+      }
+    }
+
+    function animateOut(callback, immediate) {
+      // Declare that the notice is animating out.
+      self.setAnimating("out");
+      var off;
+
+      var finished = function finished(event) {
+        if (event && self.refs.elem && event.target !== self.refs.elem) {
+          return;
+        }
+
+        off();
+        self.setAnimatingClass("animated");
+
+        if (callback) {
+          callback.call();
+        } // Declare that the notice has completed animating.
+
+
+        if (self.setAnimating) {
+          self.setAnimating(false);
+        }
+      };
+
+      off = self.on("animationend", finished);
+
+      if (immediate) {
+        finished();
+      } else {
+        self.setAnimatingClass("pnotify-in animated ".concat(outClass || inClass));
+      }
+    }
+
+    self.attention = function (aniClass, callback) {
+      var off;
+
+      var cb = function cb() {
+        off();
+        self.removeModuleClass("container", "animated", aniClass);
+
+        if (callback) {
+          callback.call(self);
+        }
+      };
+
+      off = self.on("animationend", cb);
+      self.addModuleClass("container", "animated", aniClass);
+    };
+
+    $$self.$$set = function ($$props) {
+      if ("self" in $$props) $$invalidate(0, self = $$props.self);
+      if ("inClass" in $$props) $$invalidate(1, inClass = $$props.inClass);
+      if ("outClass" in $$props) $$invalidate(2, outClass = $$props.outClass);
+    };
+
+    $$self.$$.update = function () {
+      if ($$self.$$.dirty &
+      /*inClass, outClass, self*/
+      7) {
+         if (inClass || outClass) {
+          self.$set({
+            animation: "none",
+            animateIn: animateIn,
+            animateOut: animateOut
+          });
+        } else {
+          self.$set({
+            animation: _animation,
+            animateIn: _animateIn,
+            animateOut: _animateOut
+          });
+        }
+      }
+    };
+
+    return [self, inClass, outClass];
+  }
+
+  var Animate = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Animate, _SvelteComponent);
+
+    var _super = _createSuper(Animate);
+
+    function Animate(options) {
+      var _this;
+
+      _classCallCheck(this, Animate);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, instance, null, safe_not_equal, {
+        self: 0,
+        inClass: 1,
+        outClass: 2
+      });
+      return _this;
+    }
+
+    return Animate;
+  }(SvelteComponent);
+
+  exports.default = Animate;
+  exports.defaults = defaults;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/bootstrap3/dist/PNotifyBootstrap3.css b/packages/bootstrap3/dist/PNotifyBootstrap3.css
new file mode 100644
index 00000000..4b9c4b86
--- /dev/null
+++ b/packages/bootstrap3/dist/PNotifyBootstrap3.css
@@ -0,0 +1 @@
+.pnotify .bootstrap3-icon > *{position:relative;top:0.1rem}.bootstrap3-mx-1{margin:0 5px}.pnotify.pnotify-with-icon .bootstrap3-ml{margin-left:24px}[dir='rtl'] .pnotify.pnotify-with-icon .bootstrap3-ml{margin-right:24px;margin-left:0}
\ No newline at end of file
diff --git a/packages/bootstrap3/dist/PNotifyBootstrap3.js b/packages/bootstrap3/dist/PNotifyBootstrap3.js
new file mode 100644
index 00000000..5a63ba74
--- /dev/null
+++ b/packages/bootstrap3/dist/PNotifyBootstrap3.js
@@ -0,0 +1,471 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyBootstrap3 = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  var position = "PrependContainer";
+  var defaults = {};
+
+  function init$1(eventDetail) {
+    eventDetail.defaults.styling = {
+      prefix: "bootstrap3",
+      container: "alert",
+      notice: "alert-warning",
+      info: "alert-info",
+      success: "alert-success",
+      error: "alert-danger",
+      // Confirm Module
+      "action-bar": "bootstrap3-ml",
+      "prompt-bar": "bootstrap3-ml",
+      btn: "btn btn-default bootstrap3-mx-1",
+      "btn-primary": "btn-primary",
+      "btn-secondary": "",
+      input: "form-control"
+    };
+  }
+
+  var Bootstrap3 = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Bootstrap3, _SvelteComponent);
+
+    var _super = _createSuper(Bootstrap3);
+
+    function Bootstrap3(options) {
+      var _this;
+
+      _classCallCheck(this, Bootstrap3);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, null, null, safe_not_equal, {});
+      return _this;
+    }
+
+    return Bootstrap3;
+  }(SvelteComponent);
+
+  exports.default = Bootstrap3;
+  exports.defaults = defaults;
+  exports.init = init$1;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/bootstrap4/dist/PNotifyBootstrap4.css b/packages/bootstrap4/dist/PNotifyBootstrap4.css
new file mode 100644
index 00000000..1418bcc4
--- /dev/null
+++ b/packages/bootstrap4/dist/PNotifyBootstrap4.css
@@ -0,0 +1 @@
+.pnotify .bootstrap4-title{font-size:1.2rem}.pnotify .bootstrap4-icon > *{position:relative;line-height:1.2rem}.pnotify.pnotify-with-icon .bootstrap4-ml{margin-left:24px}[dir='rtl'] .pnotify.pnotify-with-icon .bootstrap4-ml{margin-right:24px;margin-left:0}
\ No newline at end of file
diff --git a/packages/bootstrap4/dist/PNotifyBootstrap4.js b/packages/bootstrap4/dist/PNotifyBootstrap4.js
new file mode 100644
index 00000000..4cc342a7
--- /dev/null
+++ b/packages/bootstrap4/dist/PNotifyBootstrap4.js
@@ -0,0 +1,471 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyBootstrap4 = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  var position = "PrependContainer";
+  var defaults = {};
+
+  function init$1(eventDetail) {
+    eventDetail.defaults.styling = {
+      prefix: "bootstrap4",
+      container: "alert",
+      notice: "alert-warning",
+      info: "alert-info",
+      success: "alert-success",
+      error: "alert-danger",
+      // Confirm Module
+      "action-bar": "bootstrap4-ml",
+      "prompt-bar": "bootstrap4-ml",
+      btn: "btn mx-1",
+      "btn-primary": "btn-primary",
+      "btn-secondary": "btn-secondary",
+      input: "form-control"
+    };
+  }
+
+  var Bootstrap4 = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Bootstrap4, _SvelteComponent);
+
+    var _super = _createSuper(Bootstrap4);
+
+    function Bootstrap4(options) {
+      var _this;
+
+      _classCallCheck(this, Bootstrap4);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, null, null, safe_not_equal, {});
+      return _this;
+    }
+
+    return Bootstrap4;
+  }(SvelteComponent);
+
+  exports.default = Bootstrap4;
+  exports.defaults = defaults;
+  exports.init = init$1;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/confirm/dist/PNotifyConfirm.css b/packages/confirm/dist/PNotifyConfirm.css
new file mode 100644
index 00000000..4305afd9
--- /dev/null
+++ b/packages/confirm/dist/PNotifyConfirm.css
@@ -0,0 +1 @@
+.pnotify-action-bar,.pnotify-prompt-bar{margin-top:5px;clear:both}.pnotify-action-bar{display:flex;flex-wrap:wrap;justify-content:flex-end}.pnotify-prompt-input{margin-bottom:5px;display:block;width:100%}
\ No newline at end of file
diff --git a/packages/confirm/dist/PNotifyConfirm.js b/packages/confirm/dist/PNotifyConfirm.js
new file mode 100644
index 00000000..be5f0237
--- /dev/null
+++ b/packages/confirm/dist/PNotifyConfirm.js
@@ -0,0 +1,1306 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyConfirm = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _iterableToArrayLimit(arr, i) {
+    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function append(target, node) {
+    target.appendChild(node);
+  }
+
+  function insert(target, node, anchor) {
+    target.insertBefore(node, anchor || null);
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function destroy_each(iterations, detaching) {
+    for (var i = 0; i < iterations.length; i += 1) {
+      if (iterations[i]) iterations[i].d(detaching);
+    }
+  }
+
+  function element(name) {
+    return document.createElement(name);
+  }
+
+  function text(data) {
+    return document.createTextNode(data);
+  }
+
+  function space() {
+    return text(' ');
+  }
+
+  function empty() {
+    return text('');
+  }
+
+  function listen(node, event, handler, options) {
+    node.addEventListener(event, handler, options);
+    return function () {
+      return node.removeEventListener(event, handler, options);
+    };
+  }
+
+  function attr(node, attribute, value) {
+    if (value == null) node.removeAttribute(attribute);else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  function set_data(text, data) {
+    data = '' + data;
+    if (text.wholeText !== data) text.data = data;
+  }
+
+  function set_input_value(input, value) {
+    input.value = value == null ? '' : value;
+  }
+
+  var HtmlTag = /*#__PURE__*/function () {
+    function HtmlTag() {
+      var anchor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+      _classCallCheck(this, HtmlTag);
+
+      this.a = anchor;
+      this.e = this.n = null;
+    }
+
+    _createClass(HtmlTag, [{
+      key: "m",
+      value: function m(html, target) {
+        var anchor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+        if (!this.e) {
+          this.e = element(target.nodeName);
+          this.t = target;
+          this.h(html);
+        }
+
+        this.i(anchor);
+      }
+    }, {
+      key: "h",
+      value: function h(html) {
+        this.e.innerHTML = html;
+        this.n = Array.from(this.e.childNodes);
+      }
+    }, {
+      key: "i",
+      value: function i(anchor) {
+        for (var i = 0; i < this.n.length; i += 1) {
+          insert(this.t, this.n[i], anchor);
+        }
+      }
+    }, {
+      key: "p",
+      value: function p(html) {
+        this.d();
+        this.h(html);
+        this.i(this.a);
+      }
+    }, {
+      key: "d",
+      value: function d() {
+        this.n.forEach(detach);
+      }
+    }]);
+
+    return HtmlTag;
+  }();
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  function get_each_context(ctx, list, i) {
+    var child_ctx = ctx.slice();
+    child_ctx[21] = list[i];
+    return child_ctx;
+  } // (107:0) {#if confirm || prompt}
+
+
+  function create_if_block(ctx) {
+    var div1;
+    var t;
+    var div0;
+    var div0_class_value;
+    var div0_style_value;
+    var div1_class_value;
+    var if_block =
+    /*prompt*/
+    ctx[3] && create_if_block_2(ctx);
+    var each_value =
+    /*buttons*/
+    ctx[7];
+    var each_blocks = [];
+
+    for (var i = 0; i < each_value.length; i += 1) {
+      each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+    }
+
+    return {
+      c: function c() {
+        div1 = element("div");
+        if (if_block) if_block.c();
+        t = space();
+        div0 = element("div");
+
+        for (var _i = 0; _i < each_blocks.length; _i += 1) {
+          each_blocks[_i].c();
+        }
+
+        attr(div0, "class", div0_class_value = "pnotify-action-bar ".concat(
+        /*self*/
+        ctx[1].getStyle("action-bar")));
+        attr(div0, "style", div0_style_value = "justify-content: ".concat(
+        /*align*/
+        ctx[6], ";"));
+        attr(div1, "class", div1_class_value = "pnotify-confirm ".concat(
+        /*self*/
+        ctx[1].getStyle("text"), " ").concat(
+        /*self*/
+        ctx[1].getStyle("confirm")));
+      },
+      m: function m(target, anchor) {
+        insert(target, div1, anchor);
+        if (if_block) if_block.m(div1, null);
+        append(div1, t);
+        append(div1, div0);
+
+        for (var _i2 = 0; _i2 < each_blocks.length; _i2 += 1) {
+          each_blocks[_i2].m(div0, null);
+        }
+        /*div0_binding*/
+
+
+        ctx[19](div0);
+      },
+      p: function p(ctx, dirty) {
+        if (
+        /*prompt*/
+        ctx[3]) {
+          if (if_block) {
+            if_block.p(ctx, dirty);
+          } else {
+            if_block = create_if_block_2(ctx);
+            if_block.c();
+            if_block.m(div1, t);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+
+        if (dirty &
+        /*self, buttons, handleClick*/
+        2178) {
+          each_value =
+          /*buttons*/
+          ctx[7];
+
+          var _i3;
+
+          for (_i3 = 0; _i3 < each_value.length; _i3 += 1) {
+            var child_ctx = get_each_context(ctx, each_value, _i3);
+
+            if (each_blocks[_i3]) {
+              each_blocks[_i3].p(child_ctx, dirty);
+            } else {
+              each_blocks[_i3] = create_each_block(child_ctx);
+
+              each_blocks[_i3].c();
+
+              each_blocks[_i3].m(div0, null);
+            }
+          }
+
+          for (; _i3 < each_blocks.length; _i3 += 1) {
+            each_blocks[_i3].d(1);
+          }
+
+          each_blocks.length = each_value.length;
+        }
+
+        if (dirty &
+        /*self*/
+        2 && div0_class_value !== (div0_class_value = "pnotify-action-bar ".concat(
+        /*self*/
+        ctx[1].getStyle("action-bar")))) {
+          attr(div0, "class", div0_class_value);
+        }
+
+        if (dirty &
+        /*align*/
+        64 && div0_style_value !== (div0_style_value = "justify-content: ".concat(
+        /*align*/
+        ctx[6], ";"))) {
+          attr(div0, "style", div0_style_value);
+        }
+
+        if (dirty &
+        /*self*/
+        2 && div1_class_value !== (div1_class_value = "pnotify-confirm ".concat(
+        /*self*/
+        ctx[1].getStyle("text"), " ").concat(
+        /*self*/
+        ctx[1].getStyle("confirm")))) {
+          attr(div1, "class", div1_class_value);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div1);
+        if (if_block) if_block.d();
+        destroy_each(each_blocks, detaching);
+        /*div0_binding*/
+
+        ctx[19](null);
+      }
+    };
+  } // (111:4) {#if prompt}
+
+
+  function create_if_block_2(ctx) {
+    var div;
+    var div_class_value;
+
+    function select_block_type(ctx, dirty) {
+      if (
+      /*promptMultiLine*/
+      ctx[5]) return create_if_block_3;
+      return create_else_block_1;
+    }
+
+    var current_block_type = select_block_type(ctx);
+    var if_block = current_block_type(ctx);
+    return {
+      c: function c() {
+        div = element("div");
+        if_block.c();
+        attr(div, "class", div_class_value = "pnotify-prompt-bar ".concat(
+        /*self*/
+        ctx[1].getStyle("prompt-bar")));
+      },
+      m: function m(target, anchor) {
+        insert(target, div, anchor);
+        if_block.m(div, null);
+      },
+      p: function p(ctx, dirty) {
+        if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+          if_block.p(ctx, dirty);
+        } else {
+          if_block.d(1);
+          if_block = current_block_type(ctx);
+
+          if (if_block) {
+            if_block.c();
+            if_block.m(div, null);
+          }
+        }
+
+        if (dirty &
+        /*self*/
+        2 && div_class_value !== (div_class_value = "pnotify-prompt-bar ".concat(
+        /*self*/
+        ctx[1].getStyle("prompt-bar")))) {
+          attr(div, "class", div_class_value);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div);
+        if_block.d();
+      }
+    };
+  } // (121:8) {:else}
+
+
+  function create_else_block_1(ctx) {
+    var input;
+    var input_class_value;
+    var mounted;
+    var dispose;
+    return {
+      c: function c() {
+        input = element("input");
+        attr(input, "type", "text");
+        attr(input, "class", input_class_value = "pnotify-prompt-input ".concat(
+        /*self*/
+        ctx[1].getStyle("input"), " ").concat(
+        /*promptClass*/
+        ctx[4]));
+      },
+      m: function m(target, anchor) {
+        insert(target, input, anchor);
+        /*input_binding*/
+
+        ctx[16](input);
+        set_input_value(input,
+        /*promptValue*/
+        ctx[0]);
+
+        if (!mounted) {
+          dispose = [listen(input, "keypress",
+          /*handleKeyPress*/
+          ctx[12]), listen(input, "input",
+          /*input_input_handler*/
+          ctx[17])];
+          mounted = true;
+        }
+      },
+      p: function p(ctx, dirty) {
+        if (dirty &
+        /*self, promptClass*/
+        18 && input_class_value !== (input_class_value = "pnotify-prompt-input ".concat(
+        /*self*/
+        ctx[1].getStyle("input"), " ").concat(
+        /*promptClass*/
+        ctx[4]))) {
+          attr(input, "class", input_class_value);
+        }
+
+        if (dirty &
+        /*promptValue*/
+        1 && input.value !==
+        /*promptValue*/
+        ctx[0]) {
+          set_input_value(input,
+          /*promptValue*/
+          ctx[0]);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(input);
+        /*input_binding*/
+
+        ctx[16](null);
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  } // (113:8) {#if promptMultiLine}
+
+
+  function create_if_block_3(ctx) {
+    var textarea;
+    var textarea_class_value;
+    var mounted;
+    var dispose;
+    return {
+      c: function c() {
+        textarea = element("textarea");
+        attr(textarea, "rows", "5");
+        attr(textarea, "class", textarea_class_value = "pnotify-prompt-input ".concat(
+        /*self*/
+        ctx[1].getStyle("input"), " ").concat(
+        /*promptClass*/
+        ctx[4]));
+      },
+      m: function m(target, anchor) {
+        insert(target, textarea, anchor);
+        /*textarea_binding*/
+
+        ctx[14](textarea);
+        set_input_value(textarea,
+        /*promptValue*/
+        ctx[0]);
+
+        if (!mounted) {
+          dispose = [listen(textarea, "keypress",
+          /*handleKeyPress*/
+          ctx[12]), listen(textarea, "input",
+          /*textarea_input_handler*/
+          ctx[15])];
+          mounted = true;
+        }
+      },
+      p: function p(ctx, dirty) {
+        if (dirty &
+        /*self, promptClass*/
+        18 && textarea_class_value !== (textarea_class_value = "pnotify-prompt-input ".concat(
+        /*self*/
+        ctx[1].getStyle("input"), " ").concat(
+        /*promptClass*/
+        ctx[4]))) {
+          attr(textarea, "class", textarea_class_value);
+        }
+
+        if (dirty &
+        /*promptValue*/
+        1) {
+          set_input_value(textarea,
+          /*promptValue*/
+          ctx[0]);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(textarea);
+        /*textarea_binding*/
+
+        ctx[14](null);
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  } // (145:10) {:else}
+
+
+  function create_else_block(ctx) {
+    var t_value =
+    /*button*/
+    ctx[21].text + "";
+    var t;
+    return {
+      c: function c() {
+        t = text(t_value);
+      },
+      m: function m(target, anchor) {
+        insert(target, t, anchor);
+      },
+      p: function p(ctx, dirty) {
+        if (dirty &
+        /*buttons*/
+        128 && t_value !== (t_value =
+        /*button*/
+        ctx[21].text + "")) set_data(t, t_value);
+      },
+      d: function d(detaching) {
+        if (detaching) detach(t);
+      }
+    };
+  } // (143:10) {#if button.textTrusted}
+
+
+  function create_if_block_1(ctx) {
+    var html_tag;
+    var raw_value =
+    /*button*/
+    ctx[21].text + "";
+    var html_anchor;
+    return {
+      c: function c() {
+        html_anchor = empty();
+        html_tag = new HtmlTag(html_anchor);
+      },
+      m: function m(target, anchor) {
+        html_tag.m(raw_value, target, anchor);
+        insert(target, html_anchor, anchor);
+      },
+      p: function p(ctx, dirty) {
+        if (dirty &
+        /*buttons*/
+        128 && raw_value !== (raw_value =
+        /*button*/
+        ctx[21].text + "")) html_tag.p(raw_value);
+      },
+      d: function d(detaching) {
+        if (detaching) detach(html_anchor);
+        if (detaching) html_tag.d();
+      }
+    };
+  } // (137:6) {#each buttons as button}
+
+
+  function create_each_block(ctx) {
+    var button;
+    var t;
+    var button_class_value;
+    var mounted;
+    var dispose;
+
+    function select_block_type_1(ctx, dirty) {
+      if (
+      /*button*/
+      ctx[21].textTrusted) return create_if_block_1;
+      return create_else_block;
+    }
+
+    var current_block_type = select_block_type_1(ctx);
+    var if_block = current_block_type(ctx);
+
+    function click_handler() {
+      var _ctx;
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      return (
+        /*click_handler*/
+        (_ctx = ctx)[18].apply(_ctx, [
+        /*button*/
+        ctx[21]].concat(args))
+      );
+    }
+
+    return {
+      c: function c() {
+        button = element("button");
+        if_block.c();
+        t = space();
+        attr(button, "type", "button");
+        attr(button, "class", button_class_value = "pnotify-action-button ".concat(
+        /*self*/
+        ctx[1].getStyle("btn"), " ").concat(
+        /*button*/
+        ctx[21].primary ?
+        /*self*/
+        ctx[1].getStyle("btn-primary") :
+        /*self*/
+        ctx[1].getStyle("btn-secondary"), " ").concat(
+        /*button*/
+        ctx[21].addClass ?
+        /*button*/
+        ctx[21].addClass : ""));
+      },
+      m: function m(target, anchor) {
+        insert(target, button, anchor);
+        if_block.m(button, null);
+        append(button, t);
+
+        if (!mounted) {
+          dispose = listen(button, "click", click_handler);
+          mounted = true;
+        }
+      },
+      p: function p(new_ctx, dirty) {
+        ctx = new_ctx;
+
+        if (current_block_type === (current_block_type = select_block_type_1(ctx)) && if_block) {
+          if_block.p(ctx, dirty);
+        } else {
+          if_block.d(1);
+          if_block = current_block_type(ctx);
+
+          if (if_block) {
+            if_block.c();
+            if_block.m(button, t);
+          }
+        }
+
+        if (dirty &
+        /*self, buttons*/
+        130 && button_class_value !== (button_class_value = "pnotify-action-button ".concat(
+        /*self*/
+        ctx[1].getStyle("btn"), " ").concat(
+        /*button*/
+        ctx[21].primary ?
+        /*self*/
+        ctx[1].getStyle("btn-primary") :
+        /*self*/
+        ctx[1].getStyle("btn-secondary"), " ").concat(
+        /*button*/
+        ctx[21].addClass ?
+        /*button*/
+        ctx[21].addClass : ""))) {
+          attr(button, "class", button_class_value);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(button);
+        if_block.d();
+        mounted = false;
+        dispose();
+      }
+    };
+  }
+
+  function create_fragment(ctx) {
+    var if_block_anchor;
+    var if_block = (
+    /*confirm*/
+    ctx[2] ||
+    /*prompt*/
+    ctx[3]) && create_if_block(ctx);
+    return {
+      c: function c() {
+        if (if_block) if_block.c();
+        if_block_anchor = empty();
+      },
+      m: function m(target, anchor) {
+        if (if_block) if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+      },
+      p: function p(ctx, _ref) {
+        var _ref2 = _slicedToArray(_ref, 1),
+            dirty = _ref2[0];
+
+        if (
+        /*confirm*/
+        ctx[2] ||
+        /*prompt*/
+        ctx[3]) {
+          if (if_block) {
+            if_block.p(ctx, dirty);
+          } else {
+            if_block = create_if_block(ctx);
+            if_block.c();
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function d(detaching) {
+        if (if_block) if_block.d(detaching);
+        if (detaching) detach(if_block_anchor);
+      }
+    };
+  }
+
+  var position = "AppendContent";
+  var defaults = {
+    confirm: false,
+    prompt: false,
+    promptClass: "",
+    promptValue: "",
+    promptMultiLine: false,
+    focus: null,
+    align: "flex-end",
+    buttons: [{
+      text: "Ok",
+      primary: true,
+      promptTrigger: true,
+      click: function click(notice, value) {
+        notice.close();
+        notice.fire("pnotify:confirm", {
+          notice: notice,
+          value: value
+        });
+      }
+    }, {
+      text: "Cancel",
+      click: function click(notice) {
+        notice.close();
+        notice.fire("pnotify:cancel", {
+          notice: notice
+        });
+      }
+    }]
+  };
+
+  function instance($$self, $$props, $$invalidate) {
+    var _$$props$self = $$props.self,
+        self = _$$props$self === void 0 ? null : _$$props$self;
+    var _$$props$confirm = $$props.confirm,
+        confirm = _$$props$confirm === void 0 ? defaults.confirm : _$$props$confirm;
+    var _$$props$prompt = $$props.prompt,
+        prompt = _$$props$prompt === void 0 ? defaults.prompt : _$$props$prompt;
+    var _$$props$promptClass = $$props.promptClass,
+        promptClass = _$$props$promptClass === void 0 ? defaults.promptClass : _$$props$promptClass;
+    var _$$props$promptValue = $$props.promptValue,
+        promptValue = _$$props$promptValue === void 0 ? defaults.promptValue : _$$props$promptValue;
+    var _$$props$promptMultiL = $$props.promptMultiLine,
+        promptMultiLine = _$$props$promptMultiL === void 0 ? defaults.promptMultiLine : _$$props$promptMultiL;
+    var _$$props$focus = $$props.focus,
+        focus = _$$props$focus === void 0 ? defaults.focus : _$$props$focus;
+    var _$$props$align = $$props.align,
+        align = _$$props$align === void 0 ? defaults.align : _$$props$align;
+    var _$$props$buttons = $$props.buttons,
+        buttons = _$$props$buttons === void 0 ? defaults.buttons : _$$props$buttons;
+    var promptMultiElem;
+    var promptSingleElem;
+    var buttonsElem;
+    var focusNextChange = false;
+    self.on("pnotify:afterOpen", function () {
+      $$invalidate(20, focusNextChange = true);
+    });
+
+    function handleClick(button, event) {
+      if (button.click) {
+        button.click(self, prompt ? promptValue : null, event);
+      }
+    }
+
+    function handleKeyPress(event) {
+      if (event.keyCode === 13 && !event.shiftKey) {
+        event.preventDefault();
+
+        var _this$get = this.get(),
+            _buttons = _this$get.buttons;
+
+        for (var i = 0; i < _buttons.length; i++) {
+          if (_buttons[i].promptTrigger && _buttons[i].click) {
+            _buttons[i].click(self, prompt ? promptValue : null, event);
+          }
+        }
+      }
+    }
+
+    function textarea_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](function () {
+        promptMultiElem = $$value;
+        $$invalidate(8, promptMultiElem);
+      });
+    }
+
+    function textarea_input_handler() {
+      promptValue = this.value;
+      $$invalidate(0, promptValue);
+    }
+
+    function input_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](function () {
+        promptSingleElem = $$value;
+        $$invalidate(9, promptSingleElem);
+      });
+    }
+
+    function input_input_handler() {
+      promptValue = this.value;
+      $$invalidate(0, promptValue);
+    }
+
+    var click_handler = function click_handler(button, event) {
+      return handleClick(button, event);
+    };
+
+    function div0_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](function () {
+        buttonsElem = $$value;
+        $$invalidate(10, buttonsElem);
+      });
+    }
+
+    $$self.$$set = function ($$props) {
+      if ("self" in $$props) $$invalidate(1, self = $$props.self);
+      if ("confirm" in $$props) $$invalidate(2, confirm = $$props.confirm);
+      if ("prompt" in $$props) $$invalidate(3, prompt = $$props.prompt);
+      if ("promptClass" in $$props) $$invalidate(4, promptClass = $$props.promptClass);
+      if ("promptValue" in $$props) $$invalidate(0, promptValue = $$props.promptValue);
+      if ("promptMultiLine" in $$props) $$invalidate(5, promptMultiLine = $$props.promptMultiLine);
+      if ("focus" in $$props) $$invalidate(13, focus = $$props.focus);
+      if ("align" in $$props) $$invalidate(6, align = $$props.align);
+      if ("buttons" in $$props) $$invalidate(7, buttons = $$props.buttons);
+    };
+
+    $$self.$$.update = function () {
+      if ($$self.$$.dirty &
+      /*focusNextChange, prompt, focus, promptMultiLine, promptMultiElem, promptSingleElem, confirm, self, buttons, buttonsElem*/
+      1058734) {
+         {
+          if (focusNextChange) {
+            if (prompt && focus !== false) {
+              if (promptMultiLine) {
+                if (promptMultiElem) {
+                  promptMultiElem.focus();
+                  $$invalidate(20, focusNextChange = false);
+                }
+              } else {
+                if (promptSingleElem) {
+                  promptSingleElem.focus();
+                  $$invalidate(20, focusNextChange = false);
+                }
+              }
+            } else if (confirm && (focus === true || focus === null && self.stack.modal === true)) {
+              if (buttons.length && buttonsElem) {
+                var i = buttons.length - 1;
+
+                while (i > 0) {
+                  if (buttons[i].promptTrigger) {
+                    break;
+                  }
+
+                  i--;
+                }
+
+                buttonsElem.children[i].focus();
+                $$invalidate(20, focusNextChange = false);
+              }
+            }
+          }
+        }
+      }
+    };
+
+    return [promptValue, self, confirm, prompt, promptClass, promptMultiLine, align, buttons, promptMultiElem, promptSingleElem, buttonsElem, handleClick, handleKeyPress, focus, textarea_binding, textarea_input_handler, input_binding, input_input_handler, click_handler, div0_binding];
+  }
+
+  var Confirm = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Confirm, _SvelteComponent);
+
+    var _super = _createSuper(Confirm);
+
+    function Confirm(options) {
+      var _this;
+
+      _classCallCheck(this, Confirm);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, instance, create_fragment, safe_not_equal, {
+        self: 1,
+        confirm: 2,
+        prompt: 3,
+        promptClass: 4,
+        promptValue: 0,
+        promptMultiLine: 5,
+        focus: 13,
+        align: 6,
+        buttons: 7
+      });
+      return _this;
+    }
+
+    return Confirm;
+  }(SvelteComponent);
+
+  exports.default = Confirm;
+  exports.defaults = defaults;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/core/dist/Angeler.css b/packages/core/dist/Angeler.css
new file mode 100644
index 00000000..b947033c
--- /dev/null
+++ b/packages/core/dist/Angeler.css
@@ -0,0 +1,399 @@
+/*
+Designed by Angela Murrell
+  https://github.com/amurrell
+
+Icons: https://materialdesignicons.com/
+For calculating icon filters, use: https://codepen.io/sosuke/pen/Pjoqqp
+
+Add the class 'angeler-extended' to the notice to use extended styling.
+*/
+[data-pnotify].angeler-elem {
+  border-radius: 0;
+  --ui-feature-color: #555;
+}
+[data-pnotify].angeler-elem,
+[data-pnotify].angeler-elem.pnotify-mode-light {
+  --notice-background-color: #a95aa1;
+  --notice-border-color: #fff;
+  --notice-text-color: #fff;
+  --notice-text-border-color: #eee;
+  --notice-icon-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(240deg)
+    brightness(105%) contrast(101%);
+  --info-background-color: #85c0f9;
+  --info-border-color: #fff;
+  --info-text-color: #fff;
+  --info-text-border-color: #eee;
+  --info-icon-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(240deg)
+    brightness(105%) contrast(101%);
+  --success-background-color: #0f2080;
+  --success-border-color: #fff;
+  --success-text-color: #fff;
+  --success-text-border-color: #eee;
+  --success-icon-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(240deg)
+    brightness(105%) contrast(101%);
+  --error-background-color: #f5793a;
+  --error-border-color: #fff;
+  --error-text-color: #fff;
+  --error-text-border-color: #eee;
+  --error-icon-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(240deg)
+    brightness(105%) contrast(101%);
+  --angeler-border-width: 0;
+}
+@media (prefers-color-scheme: dark) {
+  [data-pnotify].angeler-elem.pnotify-mode-no-preference {
+    --notice-background-color: #000;
+    --notice-border-color: #a95aa1;
+    --notice-text-color: #fff;
+    --notice-text-border-color: #4c4c4c;
+    --notice-icon-filter: invert(47%) sepia(19%) saturate(1430%)
+      hue-rotate(255deg) brightness(87%) contrast(85%);
+    --info-background-color: #000;
+    --info-border-color: #85c0f9;
+    --info-text-color: #fff;
+    --info-text-border-color: #4c4c4c;
+    --info-icon-filter: invert(69%) sepia(15%) saturate(1110%)
+      hue-rotate(172deg) brightness(102%) contrast(95%);
+    --success-background-color: #000;
+    --success-border-color: #0f2080;
+    --success-text-color: #fff;
+    --success-text-border-color: #4c4c4c;
+    --success-icon-filter: invert(9%) sepia(80%) saturate(3478%)
+      hue-rotate(231deg) brightness(105%) contrast(105%);
+    --error-background-color: #000;
+    --error-border-color: #f5793a;
+    --error-text-color: #fff;
+    --error-text-border-color: #4c4c4c;
+    --error-icon-filter: invert(62%) sepia(63%) saturate(3591%)
+      hue-rotate(338deg) brightness(105%) contrast(92%);
+    --angeler-border-width: 1px;
+  }
+}
+[data-pnotify].angeler-elem.pnotify-mode-dark {
+  --notice-background-color: #000;
+  --notice-border-color: #a95aa1;
+  --notice-text-color: #fff;
+  --notice-text-border-color: #4c4c4c;
+  --notice-icon-filter: invert(47%) sepia(19%) saturate(1430%)
+    hue-rotate(255deg) brightness(87%) contrast(85%);
+  --info-background-color: #000;
+  --info-border-color: #85c0f9;
+  --info-text-color: #fff;
+  --info-text-border-color: #4c4c4c;
+  --info-icon-filter: invert(69%) sepia(15%) saturate(1110%) hue-rotate(172deg)
+    brightness(102%) contrast(95%);
+  --success-background-color: #000;
+  --success-border-color: #0f2080;
+  --success-text-color: #fff;
+  --success-text-border-color: #4c4c4c;
+  --success-icon-filter: invert(9%) sepia(80%) saturate(3478%)
+    hue-rotate(231deg) brightness(105%) contrast(105%);
+  --error-background-color: #000;
+  --error-border-color: #f5793a;
+  --error-text-color: #fff;
+  --error-text-border-color: #4c4c4c;
+  --error-icon-filter: invert(62%) sepia(63%) saturate(3591%) hue-rotate(338deg)
+    brightness(105%) contrast(92%);
+  --angeler-border-width: 1px;
+}
+
+[data-pnotify] .angeler-notice {
+  --angeler-background-color: var(--notice-background-color);
+  --angeler-border-color: var(--notice-border-color);
+  --angeler-text-color: var(--notice-text-color);
+  --angeler-text-border-color: var(--notice-text-border-color);
+  --angeler-icon-filter: var(--notice-icon-filter);
+  --angeler-icon-container-filter: var(--notice-icon-container-filter);
+  --angeler-primary-button-background-color: var(--notice-text-color);
+  --angeler-primary-button-text-color: var(--notice-background-color);
+}
+[data-pnotify] .angeler-info {
+  --angeler-background-color: var(--info-background-color);
+  --angeler-border-color: var(--info-border-color);
+  --angeler-text-color: var(--info-text-color);
+  --angeler-text-border-color: var(--info-text-border-color);
+  --angeler-icon-filter: var(--info-icon-filter);
+  --angeler-icon-container-filter: var(--info-icon-container-filter);
+  --angeler-primary-button-background-color: var(--info-text-color);
+  --angeler-primary-button-text-color: var(--info-background-color);
+}
+[data-pnotify] .angeler-success {
+  --angeler-background-color: var(--success-background-color);
+  --angeler-border-color: var(--success-border-color);
+  --angeler-text-color: var(--success-text-color);
+  --angeler-text-border-color: var(--success-text-border-color);
+  --angeler-icon-filter: var(--success-icon-filter);
+  --angeler-icon-container-filter: var(--success-icon-container-filter);
+  --angeler-primary-button-background-color: var(--success-text-color);
+  --angeler-primary-button-text-color: var(--success-background-color);
+}
+[data-pnotify] .angeler-error {
+  --angeler-background-color: var(--error-background-color);
+  --angeler-border-color: var(--error-border-color);
+  --angeler-text-color: var(--error-text-color);
+  --angeler-text-border-color: var(--error-text-border-color);
+  --angeler-icon-filter: var(--error-icon-filter);
+  --angeler-icon-container-filter: var(--error-icon-container-filter);
+  --angeler-primary-button-background-color: var(--error-text-color);
+  --angeler-primary-button-text-color: var(--error-background-color);
+}
+
+[data-pnotify] .angeler-container {
+  padding: 1rem;
+  border-radius: 4px;
+  background-color: var(--angeler-background-color);
+  border: var(--angeler-border-width) solid var(--angeler-border-color);
+  color: var(--angeler-text-color);
+}
+[data-pnotify] .angeler-content {
+  margin-top: 0.5rem;
+}
+[data-pnotify].pnotify-with-icon .angeler-content {
+  margin-left: 0;
+  margin-right: 0;
+}
+[data-pnotify] .angeler-title {
+  font-size: 1rem;
+  line-height: 1.2rem;
+  font-style: italic;
+  font-weight: 500;
+  margin-bottom: 0;
+}
+[data-pnotify] .angeler-text {
+  display: inline-block;
+  font-size: 1rem;
+  line-height: 1.2rem;
+  margin-top: 0;
+}
+[data-pnotify] .angeler-title + .angeler-text {
+  margin-top: 0.75rem;
+  border-top: 2px solid rgba(255, 255, 255, 0.2);
+  padding-top: 1rem;
+  min-width: 100%;
+}
+[data-pnotify] .angeler-icon,
+[data-pnotify] .angeler-closer,
+[data-pnotify] .angeler-sticker {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+[data-pnotify] .angeler-icon {
+  float: left;
+  margin-right: 1rem;
+}
+[data-pnotify] .angeler-closer {
+  position: absolute;
+  right: -1rem;
+  top: -1rem;
+  background-color: var(--ui-feature-color);
+  border-radius: 50%;
+}
+[data-pnotify] .angeler-sticker {
+  position: absolute;
+  right: 0.75rem;
+  top: 0.75rem;
+  transform: rotate(30deg) scale(0.8);
+}
+[dir='rtl'] [data-pnotify] .angeler-closer,
+[dir='rtl'] [data-pnotify] .angeler-sticker {
+  left: -1rem;
+  right: auto;
+}
+[dir='rtl'] [data-pnotify] .angeler-closer + .angeler-sticker {
+  left: 1.5rem;
+}
+[data-pnotify] .angeler-sticker {
+  background: rgb(0, 0, 0);
+  background: radial-gradient(
+    circle,
+    rgba(0, 0, 0, 0.15) 0%,
+    rgba(0, 0, 0, 0) 60%
+  );
+}
+[data-pnotify] .angeler-closer,
+[data-pnotify] .angeler-sticker,
+[data-pnotify] .angeler-icon,
+[data-pnotify] .angeler-icon > span,
+[data-pnotify] .angeler-icon > span:after {
+  width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+}
+[data-pnotify] .angeler-icon-closer,
+[data-pnotify] .angeler-icon-sticker,
+[data-pnotify] .angeler-icon-closer:after,
+[data-pnotify] .angeler-icon-sticker:after {
+  width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+}
+
+[data-pnotify].angeler-extended .angeler-icon {
+  float: none;
+  margin-bottom: 1.25rem;
+  margin-right: 0;
+}
+[data-pnotify].angeler-extended .angeler-content {
+  margin-top: 0;
+}
+
+[data-pnotify] .angeler-icon-notice:after {
+  filter: var(--angeler-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTQuNDcgMjFoMTUuMDZjMS41NCAwIDIuNS0xLjY3IDEuNzMtM0wxMy43MyA0Ljk5Yy0uNzctMS4zMy0yLjY5LTEuMzMtMy40NiAwTDIuNzQgMThjLS43NyAxLjMzLjE5IDMgMS43MyAzek0xMiAxNGMtLjU1IDAtMS0uNDUtMS0xdi0yYzAtLjU1LjQ1LTEgMS0xczEgLjQ1IDEgMXYyYzAgLjU1LS40NSAxLTEgMXptMSA0aC0ydi0yaDJ2MnoiLz48L3N2Zz4=);
+}
+[data-pnotify] .angeler-icon-info:after {
+  filter: var(--angeler-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDIzYzEuMSAwIDEuOTktLjg5IDEuOTktMS45OWgtMy45OGMwIDEuMS44OSAxLjk5IDEuOTkgMS45OXptOC4yOS00LjcxTDE5IDE3di02YzAtMy4zNS0yLjM2LTYuMTUtNS41LTYuODNWM2MwLS44My0uNjctMS41LTEuNS0xLjVzLTEuNS42Ny0xLjUgMS41djEuMTdDNy4zNiA0Ljg1IDUgNy42NSA1IDExdjZsLTEuMjkgMS4yOWMtLjYzLjYzLS4xOSAxLjcxLjcgMS43MWgxNS4xN2MuOSAwIDEuMzQtMS4wOC43MS0xLjcxek0xMyAxNmgtMnYtMmgydjJ6bTAtNWMwIC41NS0uNDUgMS0xIDFzLTEtLjQ1LTEtMVY5YzAtLjU1LjQ1LTEgMS0xczEgLjQ1IDEgMXYyeiIvPjwvc3ZnPg==);
+}
+[data-pnotify] .angeler-icon-success:after {
+  filter: var(--angeler-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6TTkuMjkgMTYuMjlMNS43IDEyLjdjLS4zOS0uMzktLjM5LTEuMDIgMC0xLjQxLjM5LS4zOSAxLjAyLS4zOSAxLjQxIDBMMTAgMTQuMTdsNi44OC02Ljg4Yy4zOS0uMzkgMS4wMi0uMzkgMS40MSAwIC4zOS4zOS4zOSAxLjAyIDAgMS40MWwtNy41OSA3LjU5Yy0uMzguMzktMS4wMi4zOS0xLjQxIDB6Ii8+PC9zdmc+);
+}
+[data-pnotify] .angeler-icon-error:after {
+  filter: var(--angeler-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMTFjLS41NSAwLTEtLjQ1LTEtMVY4YzAtLjU1LjQ1LTEgMS0xczEgLjQ1IDEgMXY0YzAgLjU1LS40NSAxLTEgMXptMSA0aC0ydi0yaDJ2MnoiLz48L3N2Zz4=);
+}
+[data-pnotify] .angeler-icon-closer:after {
+  filter: invert(100%) sepia(0%) saturate(7490%) hue-rotate(150deg)
+    brightness(101%) contrast(101%);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4LjMgNS43MWMtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDBMMTIgMTAuNTkgNy4xMSA1LjdjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDFMMTAuNTkgMTIgNS43IDE2Ljg5Yy0uMzkuMzktLjM5IDEuMDIgMCAxLjQxLjM5LjM5IDEuMDIuMzkgMS40MSAwTDEyIDEzLjQxbDQuODkgNC44OWMuMzkuMzkgMS4wMi4zOSAxLjQxIDAgLjM5LS4zOS4zOS0xLjAyIDAtMS40MUwxMy40MSAxMmw0Ljg5LTQuODljLjM4LS4zOC4zOC0xLjAyIDAtMS40eiIvPjwvc3ZnPg==);
+}
+[data-pnotify] .angeler-icon-sticker:after {
+  filter: invert(100%) sepia(0%) saturate(7490%) hue-rotate(150deg)
+    brightness(101%) contrast(101%);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0xOSwxMi44N2MwLTAuNDctMC4zNC0wLjg1LTAuOC0wLjk4QzE2LjkzLDExLjU0LDE2LDEwLjM4LDE2LDlWNGwxLDAgYzAuNTUsMCwxLTAuNDUsMS0xYzAtMC41NS0wLjQ1LTEtMS0xSDdDNi40NSwyLDYsMi40NSw2LDNjMCwwLjU1LDAuNDUsMSwxLDFsMSwwdjVjMCwxLjM4LTAuOTMsMi41NC0yLjIsMi44OSBDNS4zNCwxMi4wMiw1LDEyLjQsNSwxMi44N1YxM2MwLDAuNTUsMC40NSwxLDEsMWg0Ljk4TDExLDIxYzAsMC41NSwwLjQ1LDEsMSwxYzAuNTUsMCwxLTAuNDUsMS0xbC0wLjAyLTdIMThjMC41NSwwLDEtMC40NSwxLTEgVjEyLjg3eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9nPjwvc3ZnPg==);
+}
+[data-pnotify] .angeler-icon-sticker.angeler-icon-stuck:after {
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0yLjk1NjQxMjE2LDEuODczMTI3NTkgTDMuMDUwNTcwNDMsMS45NTYzNzE3MyBMMy45ODYwNDY3OSwyLjg5MzA2MTQxIEw0LjAzOTUxNTQ2LDIuOTUzNzI5MDIgTDE2LjA4NDA0NjgsMTQuOTk4MDYxNCBMMTYuMDc4MDQ2OCwxNC45OTkwNjE0IEwyMS42NzYxMDU4LDIwLjYwMzg4NjcgQzIyLjA2NjM5OTgsMjAuOTk0NjQxMiAyMi4wNjYwMjY0LDIxLjYyNzgwNjEgMjEuNjc1MjcxOSwyMi4wMTgxIEMyMS4zMTQ1NzU0LDIyLjM3ODM3MTMgMjAuNzQ3MzI4MSwyMi40MDU3NjY0IDIwLjM1NTIxNjgsMjIuMTAwNTEwMiBMMjAuMjYxMDU4NiwyMi4wMTcyNjYxIEwxMy4yNTEwNDY4LDE0Ljk5OTA2MTQgTDEyLjk4LDE1IEwxMywyMiBDMTMsMjIuNTUgMTIuNTUsMjMgMTIsMjMgQzExLjQ4OTI4NTcsMjMgMTEuMDY0Nzk1OSwyMi42MTE5ODk4IDExLjAwNjc2MDIsMjIuMTE2MTk5IEwxMSwyMiBMMTAuOTgsMTUgTDYsMTUgQzUuNDg5Mjg1NzEsMTUgNS4wNjQ3OTU5MiwxNC42MTE5ODk4IDUuMDA2NzYwMiwxNC4xMTYxOTkgTDUsMTQgTDUsMTMuODcgQzUsMTMuNCA1LjM0LDEzLjAyIDUuOCwxMi44OSBDNy4wMTIyNzI3MywxMi41NTU5MDkxIDcuOTE0NzUyMDcsMTEuNDgzNzgxIDcuOTk0MjkwOTUsMTAuMTg2NzYyOCBMOCwxMCBMNy45OTkwNDY3OSw5Ljc0MTA2MTQxIEwxLjYzNTUyMzE2LDMuMzY5NzUxMSBDMS4yNDUyMjkyMywyLjk3ODk5NjU5IDEuMjQ1NjAyNiwyLjM0NTgzMTcyIDEuNjM2MzU3MTEsMS45NTU1Mzc3OCBDMS45OTcwNTM1OCwxLjU5NTI2NjQ2IDIuNTY0MzAwODksMS41Njc4NzE0MiAyLjk1NjQxMjE2LDEuODczMTI3NTkgWiBNMTcsMyBDMTcuNTUsMyAxOCwzLjQ1IDE4LDQgQzE4LDQuNTEwNzE0MjkgMTcuNjExOTg5OCw0LjkzNTIwNDA4IDE3LjExNjE5OSw0Ljk5MzIzOTggTDE3LDUgTDE2LDUgTDE2LDEwIEMxNiwxMS4zOCAxNi45MywxMi41NCAxOC4yLDEyLjg5IEMxOC42MjE2NjY3LDEzLjAwOTE2NjcgMTguOTQyNSwxMy4zMzg0MDI4IDE4Ljk5MzA0NCwxMy43NTQ0Njc2IEwxOSwxMy44NyBMMTksMTQgQzE5LDE0LjI5NzAzODMgMTguODY4NzQ2MSwxNC41NjQ5MDkxIDE4LjY2MTM3MjEsMTQuNzQ4NDc4NyBMNi45MTcwNDY3OSwzLjAwNDA2MTQxIEw3LDMgTDE3LDMgWiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9nPjwvc3ZnPg==);
+}
+
+[data-pnotify] .angeler-confirm {
+  margin-top: calc(1rem - 5px);
+  width: 100%;
+}
+[data-pnotify] .angeler-prompt-bar {
+  margin-bottom: 1rem;
+}
+[data-pnotify] .angeler-prompt-bar,
+[data-pnotify] .angeler-action-bar {
+  width: 100%;
+  box-sizing: border-box;
+}
+[data-pnotify] .angeler-input {
+  display: block;
+  padding: 0.5rem;
+  min-width: 100%;
+  font-size: 1rem;
+  line-height: 1.2rem;
+  margin-top: 0;
+  background-color: rgba(255, 255, 255, 0.2);
+  color: var(--angeler-text-color);
+  border: 0;
+  border-radius: 2px;
+}
+[data-pnotify] .angeler-btn {
+  text-transform: uppercase;
+  font-weight: bold;
+  padding: 0.4rem 1rem;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--angeler-text-color);
+  border-radius: 2px;
+}
+[data-pnotify] .angeler-btn-primary {
+  background-color: var(--angeler-primary-button-background-color);
+  color: var(--angeler-primary-button-text-color);
+}
+
+[data-pnotify].pnotify-with-countdown .angeler-container {
+  border-radius: 4px 4px 0 0;
+}
+[data-pnotify].pnotify-with-countdown.pnotify-with-countdown-top
+  .angeler-container {
+  border-radius: 0 0 4px 4px;
+}
+[data-pnotify].pnotify-with-countdown.pnotify-with-countdown-left
+  .angeler-container {
+  border-radius: 0 4px 4px 0;
+}
+[data-pnotify].pnotify-with-countdown.pnotify-with-countdown-right
+  .angeler-container {
+  border-radius: 4px 0 0 4px;
+}
+[data-pnotify] .angeler-countdown {
+  border-radius: 0 0 4px 4px;
+  z-index: -1;
+}
+[data-pnotify] .angeler-countdown.pnotify-countdown-top {
+  border-radius: 4px 4px 0 0;
+}
+[data-pnotify] .angeler-countdown.pnotify-countdown-left {
+  border-radius: 4px 0 0 4px;
+}
+[data-pnotify] .angeler-countdown.pnotify-countdown-right {
+  border-radius: 0 4px 4px 0;
+}
+[data-pnotify] .angeler-countdown-bar {
+  border-radius: 4px;
+}
+[data-pnotify] .angeler-countdown {
+  background-color: var(--angeler-background-color);
+}
+[data-pnotify] .angeler-countdown-bar {
+  background-color: var(--ui-feature-color);
+}
+
+[data-pnotify] .angeler-paginate {
+  margin-right: 2em;
+}
+[data-pnotify] .angeler-paginate-btn {
+  width: 1em;
+  height: 1em;
+  line-height: 1em;
+  border: 0;
+  padding: 0;
+  background: transparent;
+}
+[data-pnotify] .angeler-paginate-btn:disabled:after,
+[data-pnotify] .angeler-paginate-btn[aria-disabled='true']:after {
+  opacity: 0.5;
+}
+[data-pnotify] .angeler-paginate-previous:after {
+  filter: var(--angeler-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE5IDExSDcuODNsNC44OC00Ljg4Yy4zOS0uMzkuMzktMS4wMyAwLTEuNDItLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDBsLTYuNTkgNi41OWMtLjM5LjM5LS4zOSAxLjAyIDAgMS40MWw2LjU5IDYuNTljLjM5LjM5IDEuMDIuMzkgMS40MSAwIC4zOS0uMzkuMzktMS4wMiAwLTEuNDFMNy44MyAxM0gxOWMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMXoiLz48L3N2Zz4=);
+}
+[data-pnotify] .angeler-paginate-next:after {
+  filter: var(--angeler-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgMTNoMTEuMTdsLTQuODggNC44OGMtLjM5LjM5LS4zOSAxLjAzIDAgMS40Mi4zOS4zOSAxLjAyLjM5IDEuNDEgMGw2LjU5LTYuNTljLjM5LS4zOS4zOS0xLjAyIDAtMS40MWwtNi41OC02LjZjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDFMMTYuMTcgMTFINWMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=);
+}
+[data-pnotify] .angeler-paginate-count-current,
+[data-pnotify] .angeler-paginate-count-total {
+  border-radius: 1em;
+  padding: 0 0.5em;
+  display: inline-block;
+}
+[data-pnotify] .angeler-paginate-count-current,
+[data-pnotify].pnotify-mode-light .angeler-paginate-count-current {
+  background: #1f1f1f;
+  color: #fff;
+}
+[data-pnotify] .angeler-paginate-count-total,
+[data-pnotify].pnotify-mode-light .angeler-paginate-count-total {
+  background: var(--notice-text-color);
+  color: #000;
+}
+@media (prefers-color-scheme: dark) {
+  [data-pnotify] .angeler-paginate-count-current {
+    background: #555;
+  }
+  [data-pnotify] .angeler-paginate-count-total {
+    background: var(--notice-border-color);
+  }
+}
+[data-pnotify].pnotify-mode-dark .angeler-paginate-count-current {
+  background: #555;
+}
+[data-pnotify].pnotify-mode-dark .angeler-paginate-count-total {
+  background: var(--notice-border-color);
+}
diff --git a/packages/core/dist/BrightTheme.css b/packages/core/dist/BrightTheme.css
new file mode 100644
index 00000000..70215e10
--- /dev/null
+++ b/packages/core/dist/BrightTheme.css
@@ -0,0 +1,265 @@
+/*
+Designed by Hunter Perrin
+  https://github.com/hperrin
+
+Color Scheme: http://paletton.com/#uid=c1T3n2J040kpEKzpEKzbEPSOEyiNk9W
+Icons: https://materialdesignicons.com/
+For calculating icon filters, use: https://codepen.io/sosuke/pen/Pjoqqp
+*/
+[data-pnotify].brighttheme-elem {
+  border-radius: 0;
+}
+[data-pnotify].brighttheme-elem,
+[data-pnotify].brighttheme-elem.pnotify-mode-light {
+  --notice-background-color: #ffffa2;
+  --notice-border-color: #ffff00;
+  --notice-text-color: #4f4f00;
+  --notice-icon-filter: invert(25%) sepia(12%) saturate(7007%) hue-rotate(38deg)
+    brightness(99%) contrast(101%);
+  --info-background-color: #8fcedd;
+  --info-border-color: #0286a5;
+  --info-text-color: #012831;
+  --info-icon-filter: invert(11%) sepia(37%) saturate(1946%) hue-rotate(155deg)
+    brightness(95%) contrast(99%);
+  --success-background-color: #aff29a;
+  --success-border-color: #35db00;
+  --success-text-color: #104300;
+  --success-icon-filter: invert(17%) sepia(94%) saturate(1055%)
+    hue-rotate(70deg) brightness(90%) contrast(103%);
+  --error-background-color: #ffaba2;
+  --error-border-color: #ff1800;
+  --error-text-color: #4f0800;
+  --error-icon-filter: invert(9%) sepia(27%) saturate(7347%) hue-rotate(359deg)
+    brightness(96%) contrast(108%);
+}
+@media (prefers-color-scheme: dark) {
+  [data-pnotify].brighttheme-elem.pnotify-mode-no-preference {
+    --notice-background-color: #4f4f00;
+    --notice-border-color: #282814;
+    --notice-text-color: #ffffa2;
+    --notice-icon-filter: invert(92%) sepia(18%) saturate(781%) hue-rotate(6deg)
+      brightness(106%) contrast(107%);
+    --info-background-color: #012831;
+    --info-border-color: #0c1618;
+    --info-text-color: #8fcedd;
+    --info-icon-filter: invert(85%) sepia(14%) saturate(933%) hue-rotate(153deg)
+      brightness(92%) contrast(87%);
+    --success-background-color: #104300;
+    --success-border-color: #152111;
+    --success-text-color: #aff29a;
+    --success-icon-filter: invert(90%) sepia(9%) saturate(1647%)
+      hue-rotate(52deg) brightness(103%) contrast(90%);
+    --error-background-color: #4f0800;
+    --error-border-color: #281614;
+    --error-text-color: #ffaba2;
+    --error-icon-filter: invert(70%) sepia(24%) saturate(717%)
+      hue-rotate(315deg) brightness(103%) contrast(104%);
+  }
+}
+[data-pnotify].brighttheme-elem.pnotify-mode-dark {
+  --notice-background-color: #4f4f00;
+  --notice-border-color: #282814;
+  --notice-text-color: #ffffa2;
+  --notice-icon-filter: invert(92%) sepia(18%) saturate(781%) hue-rotate(6deg)
+    brightness(106%) contrast(107%);
+  --info-background-color: #012831;
+  --info-border-color: #0c1618;
+  --info-text-color: #8fcedd;
+  --info-icon-filter: invert(85%) sepia(14%) saturate(933%) hue-rotate(153deg)
+    brightness(92%) contrast(87%);
+  --success-background-color: #104300;
+  --success-border-color: #152111;
+  --success-text-color: #aff29a;
+  --success-icon-filter: invert(90%) sepia(9%) saturate(1647%) hue-rotate(52deg)
+    brightness(103%) contrast(90%);
+  --error-background-color: #4f0800;
+  --error-border-color: #281614;
+  --error-text-color: #ffaba2;
+  --error-icon-filter: invert(70%) sepia(24%) saturate(717%) hue-rotate(315deg)
+    brightness(103%) contrast(104%);
+}
+
+[data-pnotify] .brighttheme-notice {
+  --brighttheme-background-color: var(--notice-background-color);
+  --brighttheme-border-color: var(--notice-border-color);
+  --brighttheme-text-color: var(--notice-text-color);
+  --brighttheme-icon-filter: var(--notice-icon-filter);
+  --brighttheme-primary-button-background-color: var(--notice-border-color);
+  --brighttheme-primary-button-text-color: var(--notice-text-color);
+}
+[data-pnotify] .brighttheme-info {
+  --brighttheme-background-color: var(--info-background-color);
+  --brighttheme-border-color: var(--info-border-color);
+  --brighttheme-text-color: var(--info-text-color);
+  --brighttheme-icon-filter: var(--info-icon-filter);
+  --brighttheme-primary-button-background-color: var(--info-border-color);
+  --brighttheme-primary-button-text-color: var(--info-text-color);
+}
+[data-pnotify] .brighttheme-success {
+  --brighttheme-background-color: var(--success-background-color);
+  --brighttheme-border-color: var(--success-border-color);
+  --brighttheme-text-color: var(--success-text-color);
+  --brighttheme-icon-filter: var(--success-icon-filter);
+  --brighttheme-primary-button-background-color: var(--success-border-color);
+  --brighttheme-primary-button-text-color: var(--success-text-color);
+}
+[data-pnotify] .brighttheme-error {
+  --brighttheme-background-color: var(--error-background-color);
+  --brighttheme-border-color: var(--error-border-color);
+  --brighttheme-text-color: var(--error-text-color);
+  --brighttheme-icon-filter: var(--error-icon-filter);
+  --brighttheme-primary-button-background-color: var(--error-border-color);
+  --brighttheme-primary-button-text-color: var(--error-text-color);
+}
+
+[data-pnotify] .brighttheme-container {
+  padding: 1.3rem;
+  background-color: var(--brighttheme-background-color);
+  border: 0 solid var(--brighttheme-border-color);
+  color: var(--brighttheme-text-color);
+}
+[data-pnotify] .brighttheme-error {
+  background-image: repeating-linear-gradient(
+    135deg,
+    transparent,
+    transparent 35px,
+    rgba(255, 255, 255, 0.3) 35px,
+    rgba(255, 255, 255, 0.3) 70px
+  );
+}
+[data-pnotify].pnotify-with-icon .brighttheme-content {
+  margin-left: calc(1.3rem + 16px);
+}
+[dir='rtl'] [data-pnotify].pnotify-with-icon .brighttheme-content {
+  margin-right: calc(1.3rem + 16px);
+  margin-left: 0;
+}
+[data-pnotify] .brighttheme-title {
+  font-size: 1.2rem;
+  line-height: 1.4rem;
+  margin-top: -0.1rem;
+  margin-bottom: 0;
+}
+[data-pnotify] .brighttheme-text {
+  font-size: 1rem;
+  line-height: 1.2rem;
+  margin-top: 0;
+}
+[data-pnotify] .brighttheme-title + .brighttheme-text,
+[data-pnotify] .brighttheme-confirm {
+  margin-top: 1rem;
+}
+[data-pnotify] .brighttheme-icon,
+[data-pnotify] .brighttheme-closer,
+[data-pnotify] .brighttheme-sticker {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+[data-pnotify] .brighttheme-icon,
+[data-pnotify] .brighttheme-icon > span,
+[data-pnotify] .brighttheme-icon > span:after {
+  width: 1.2rem;
+  height: 1.2rem;
+  line-height: 1.2rem;
+}
+[data-pnotify] .brighttheme-icon-closer,
+[data-pnotify] .brighttheme-icon-sticker,
+[data-pnotify] .brighttheme-icon-closer:after,
+[data-pnotify] .brighttheme-icon-sticker:after {
+  width: 1rem;
+  height: 1rem;
+  line-height: 1rem;
+}
+
+[data-pnotify] .brighttheme-icon-notice:after {
+  filter: var(--brighttheme-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMsMTNIMTFWN0gxM00xMywxN0gxMVYxNUgxM00xMiwyQTEwLDEwIDAgMCwwIDIsMTJBMTAsMTAgMCAwLDAgMTIsMjJBMTAsMTAgMCAwLDAgMjIsMTJBMTAsMTAgMCAwLDAgMTIsMloiLz48L3N2Zz4=);
+}
+[data-pnotify] .brighttheme-icon-info:after {
+  filter: var(--brighttheme-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMsOUgxMVY3SDEzTTEzLDE3SDExVjExSDEzTTEyLDJBMTAsMTAgMCAwLDAgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiIvPjwvc3ZnPg==);
+}
+[data-pnotify] .brighttheme-icon-success:after {
+  filter: var(--brighttheme-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMkM2LjUgMiAyIDYuNSAyIDEyUzYuNSAyMiAxMiAyMiAyMiAxNy41IDIyIDEyIDE3LjUgMiAxMiAyTTEwIDE3TDUgMTJMNi40MSAxMC41OUwxMCAxNC4xN0wxNy41OSA2LjU4TDE5IDhMMTAgMTdaIi8+PC9zdmc+);
+}
+[data-pnotify] .brighttheme-icon-error:after {
+  filter: var(--brighttheme-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMsMTRIMTFWMTBIMTNNMTMsMThIMTFWMTZIMTNNMSwyMUgyM0wxMiwyTDEsMjFaIi8+PC9zdmc+);
+}
+[data-pnotify] .brighttheme-icon-closer:after {
+  filter: var(--brighttheme-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTksNi40MUwxNy41OSw1TDEyLDEwLjU5TDYuNDEsNUw1LDYuNDFMMTAuNTksMTJMNSwxNy41OUw2LjQxLDE5TDEyLDEzLjQxTDE3LjU5LDE5TDE5LDE3LjU5TDEzLjQxLDEyTDE5LDYuNDFaIi8+PC9zdmc+);
+}
+[data-pnotify] .brighttheme-icon-sticker:after {
+  filter: var(--brighttheme-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYsMTJWNEgxN1YySDdWNEg4VjEyTDYsMTRWMTZIMTEuMlYyMkgxMi44VjE2SDE4VjE0TDE2LDEyWiIvPjwvc3ZnPg==);
+}
+[data-pnotify] .brighttheme-icon-sticker.brighttheme-icon-stuck:after {
+  filter: var(--brighttheme-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiw1LjI3TDMuMjgsNEwyMCwyMC43MkwxOC43MywyMkwxMi44LDE2LjA3VjIySDExLjJWMTZINlYxNEw4LDEyVjExLjI3TDIsNS4yN00xNiwxMkwxOCwxNFYxNkgxNy44Mkw4LDYuMThWNEg3VjJIMTdWNEgxNlYxMloiLz48L3N2Zz4=);
+}
+
+[data-pnotify] .brighttheme-prompt-bar {
+  margin-bottom: 1rem;
+}
+[data-pnotify] .brighttheme-prompt-bar,
+[data-pnotify] .brighttheme-action-bar {
+  width: 100%;
+  box-sizing: border-box;
+}
+[data-pnotify] .brighttheme-btn {
+  text-transform: uppercase;
+  font-weight: bold;
+  padding: 0.4rem 1rem;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--brighttheme-text-color);
+}
+[data-pnotify] .brighttheme-btn-primary {
+  background-color: var(--brighttheme-primary-button-background-color);
+  color: var(--brighttheme-primary-button-text-color);
+}
+
+[data-pnotify] .brighttheme-countdown {
+  background-color: var(--brighttheme-background-color);
+}
+[data-pnotify] .brighttheme-countdown-bar {
+  background-color: var(--brighttheme-border-color);
+}
+
+[data-pnotify] .brighttheme-paginate {
+  display: inline-flex;
+  flex-direction: column;
+}
+[data-pnotify] .brighttheme-paginate-btn {
+  width: 1em;
+  height: 1em;
+  line-height: 0.5em;
+  border: 0;
+  padding: 0;
+  background: transparent;
+}
+[data-pnotify] .brighttheme-paginate-previous {
+  margin-right: 0;
+}
+[data-pnotify] .brighttheme-paginate-next {
+  margin-left: 0;
+}
+[data-pnotify] .brighttheme-paginate-btn:disabled:after,
+[data-pnotify] .brighttheme-paginate-btn[aria-disabled='true']:after {
+  opacity: 0.5;
+}
+[data-pnotify] .brighttheme-paginate-previous:after {
+  filter: var(--brighttheme-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMS42NyAzLjg3TDkuOSAyLjEgMCAxMmw5LjkgOS45IDEuNzctMS43N0wzLjU0IDEyeiIvPjwvc3ZnPg==);
+}
+[data-pnotify] .brighttheme-paginate-next:after {
+  filter: var(--brighttheme-icon-filter);
+  content: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik01Ljg4IDQuMTJMMTMuNzYgMTJsLTcuODggNy44OEw4IDIybDEwLTEwTDggMnoiLz48L3N2Zz4=);
+}
+[data-pnotify] .brighttheme-paginate-count-of {
+  opacity: 0.8;
+}
diff --git a/packages/core/dist/Material.css b/packages/core/dist/Material.css
new file mode 100644
index 00000000..0fca3466
--- /dev/null
+++ b/packages/core/dist/Material.css
@@ -0,0 +1,286 @@
+/*
+Color Scheme: https://www.google.com/design/spec/style/color.html#color-color-palette
+Requires stylesheet to work: https://fonts.googleapis.com/css?family=Material+Icons
+And optionally: https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap
+*/
+[data-pnotify].material-elem,
+[data-pnotify].material-elem.pnotify-mode-light {
+  /* https://material.io/design/color/the-color-system.html#tools-for-picking-colors */
+  --notice-background-color: #fff59d;
+  --notice-text-color: #000;
+  --info-background-color: #9dfff5;
+  --info-text-color: #000;
+  --success-background-color: #a7ff9d;
+  --success-text-color: #000;
+  --error-background-color: #ffc49d;
+  --error-text-color: #000;
+  --primary-button-text-color: #3f51b5;
+  --primary-button-text-focus-color: #303f9f;
+  --input-focus-underline-color: #3f51b5;
+
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  font-size: 14px;
+}
+@media (prefers-color-scheme: dark) {
+  [data-pnotify].material-elem.pnotify-mode-no-preference {
+    --notice-background-color: #ff8f00;
+    --notice-text-color: #fff;
+    --info-background-color: #006eff;
+    --info-text-color: #fff;
+    --success-background-color: #00c000;
+    --success-text-color: #fff;
+    --error-background-color: #ff1100;
+    --error-text-color: #fff;
+    --primary-button-text-color: #e1f5fe;
+    --primary-button-text-focus-color: #e0f7fa;
+    --input-focus-underline-color: #e1f5fe;
+  }
+}
+[data-pnotify].material-elem.pnotify-mode-dark {
+  --notice-background-color: #ff8f00;
+  --notice-text-color: #fff;
+  --info-background-color: #006eff;
+  --info-text-color: #fff;
+  --success-background-color: #00c000;
+  --success-text-color: #fff;
+  --error-background-color: #ff1100;
+  --error-text-color: #fff;
+  --primary-button-text-color: #e1f5fe;
+  --primary-button-text-focus-color: #e0f7fa;
+  --input-focus-underline-color: #e1f5fe;
+}
+
+[data-pnotify] .material-notice {
+  --material-background-color: var(--notice-background-color);
+  --material-text-color: var(--notice-text-color);
+}
+[data-pnotify] .material-info {
+  --material-background-color: var(--info-background-color);
+  --material-text-color: var(--info-text-color);
+}
+[data-pnotify] .material-success {
+  --material-background-color: var(--success-background-color);
+  --material-text-color: var(--success-text-color);
+}
+[data-pnotify] .material-error {
+  --material-background-color: var(--error-background-color);
+  --material-text-color: var(--error-text-color);
+}
+
+[data-pnotify].material-elem.pnotify-shadow {
+  -webkit-box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);
+}
+[data-pnotify] .material-container {
+  padding: 24px;
+  background-color: var(--material-background-color);
+  border: none;
+  color: var(--material-text-color);
+}
+[data-pnotify] .material-title {
+  font-family: 'Roboto', sans-serif;
+  font-weight: 500;
+  font-size: 20px;
+  letter-spacing: 0.15px;
+  margin-bottom: 20px;
+  line-height: 24px;
+}
+[data-pnotify] .material-title:last-child {
+  margin-bottom: 0;
+}
+[data-pnotify] .material-text {
+  font-family: 'Roboto', sans-serif;
+  font-weight: 400;
+  font-size: 16px;
+  letter-spacing: 0.5px;
+  line-height: 24px;
+}
+[data-pnotify].pnotify-with-icon .material-content {
+  margin-left: 32px;
+}
+[dir='rtl'] [data-pnotify].pnotify-with-icon .material-content {
+  margin-right: 32px;
+  margin-left: 0;
+}
+[data-pnotify] .material-icon,
+[data-pnotify] .material-closer,
+[data-pnotify] .material-sticker,
+[data-pnotify] .material-icon > span:after,
+[data-pnotify] .material-icon-closer:after,
+[data-pnotify] .material-icon-sticker:after {
+  font-family: 'Material Icons';
+  height: 20px;
+  width: 20px;
+  font-size: 20px;
+  line-height: 24px;
+  position: relative;
+}
+[data-pnotify] .material-action-bar {
+  margin-top: 20px;
+  margin-right: -16px;
+  margin-bottom: -16px;
+}
+[dir='rtl'] [data-pnotify] .material-action-bar {
+  margin-left: -16px;
+  margin-right: 0;
+}
+
+[data-pnotify] .material-icon-notice:after {
+  content: 'priority_high';
+}
+[data-pnotify] .material-icon-info:after {
+  content: 'info';
+}
+[data-pnotify] .material-icon-success:after {
+  content: 'done';
+}
+[data-pnotify] .material-icon-error:after {
+  content: 'error';
+}
+[data-pnotify] .material-icon-closer:after {
+  content: 'close';
+}
+[data-pnotify] .material-icon-unstuck:after {
+  content: 'pause';
+}
+[data-pnotify] .material-icon-stuck:after {
+  content: 'play_arrow';
+}
+
+[data-pnotify] .material-input {
+  display: block;
+  width: 100%;
+  margin-bottom: 8px;
+
+  padding: 15px 0 8px;
+  background-color: transparent;
+  color: inherit;
+  border-radius: 0;
+
+  border-top: none;
+  border-left: none;
+  border-right: none;
+  border-bottom-style: solid;
+  border-bottom-color: inherit;
+  border-bottom-width: 1px;
+}
+[data-pnotify] .material-input:focus {
+  outline: none;
+  border-bottom-color: var(--input-focus-underline-color);
+  border-bottom-width: 2px;
+}
+
+/* CSS Material Buttons from https://codepen.io/sebj54/pen/oxluI */
+[data-pnotify] .material-btn {
+  position: relative;
+
+  padding: 0 16px;
+
+  overflow: hidden;
+
+  border-width: 0;
+  outline: none;
+  border-radius: 2px;
+
+  background-color: transparent;
+  color: inherit;
+
+  transition: background-color 0.3s;
+
+  font-family: 'Roboto', sans-serif;
+  font-weight: 500;
+  font-size: 14px;
+  letter-spacing: 1.25px;
+  text-transform: uppercase;
+  height: 36px;
+  margin: 6px;
+  min-width: 64px;
+}
+[data-pnotify] .material-btn.material-btn-primary {
+  color: var(--primary-button-text-color);
+}
+[data-pnotify] .material-btn:hover,
+[data-pnotify] .material-btn:focus {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: inherit;
+}
+[data-pnotify] .material-btn.material-btn-primary:hover,
+[data-pnotify] .material-btn.material-btn-primary:focus {
+  color: var(--primary-button-text-focus-color);
+}
+[data-pnotify] .material-btn:before {
+  content: '';
+
+  position: absolute;
+  top: 50%;
+  left: 50%;
+
+  display: block;
+  width: 0;
+  padding-top: 0;
+
+  border-radius: 100%;
+
+  background-color: rgba(153, 153, 153, 0.4);
+
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -o-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+[data-pnotify] .material-btn:active:before {
+  width: 120%;
+  padding-top: 120%;
+
+  transition: width 0.2s ease-out, padding-top 0.2s ease-out;
+}
+
+[data-pnotify] .material-countdown {
+  background-color: var(--material-background-color);
+}
+[data-pnotify] .material-countdown-bar {
+  background-color: var(--material-text-color);
+}
+
+[data-pnotify] .material-paginate {
+  display: inline-flex;
+  flex-direction: column;
+}
+[data-pnotify] .material-paginate-buttons {
+  margin-right: 6px;
+}
+[data-pnotify] .material-paginate-btn {
+  margin: 0 0 0 6px;
+  border: 0;
+  padding: 0;
+}
+[data-pnotify] .material-paginate-btn,
+[data-pnotify] .material-paginate-btn:after {
+  display: inline-block;
+  font-family: 'Material Icons';
+  height: 20px;
+  width: 20px;
+  font-size: 20px;
+  line-height: 24px;
+  position: relative;
+}
+[data-pnotify] .material-paginate-btn:disabled:after,
+[data-pnotify] .material-paginate-btn[aria-disabled='true']:after {
+  opacity: 0.5;
+}
+[data-pnotify] .material-paginate-previous:after {
+  content: 'arrow_back';
+}
+[data-pnotify] .material-paginate-next:after {
+  content: 'arrow_forward';
+}
+[data-pnotify] .material-paginate-count {
+  font-family: 'Roboto', sans-serif;
+  font-weight: 400;
+  font-size: 14px;
+  letter-spacing: 0.25px;
+}
diff --git a/packages/core/dist/PNotify.css b/packages/core/dist/PNotify.css
new file mode 100644
index 00000000..a5115b65
--- /dev/null
+++ b/packages/core/dist/PNotify.css
@@ -0,0 +1,44 @@
+body > .pnotify.pnotify-positioned{position:fixed;z-index:100040}body > .pnotify.pnotify-modal{z-index:100042}.pnotify{height:auto;display:none;transition:opacity 0.1s linear;opacity:0}.pnotify.pnotify-positioned{position:absolute;z-index:1}.pnotify.pnotify-modal{z-index:3}.pnotify.pnotify-in{display:block;opacity:1}.pnotify.pnotify-initial{display:block}.pnotify-hidden{visibility:hidden}.pnotify.pnotify-move{transition:left 0.4s ease, top 0.4s ease, right 0.4s ease, bottom 0.4s ease}.pnotify.pnotify-fade-slow{transition:opacity 0.4s linear;opacity:0}.pnotify.pnotify-fade-slow.pnotify.pnotify-move{transition:opacity 0.4s linear, left 0.4s ease, top 0.4s ease,
+      right 0.4s ease, bottom 0.4s ease}.pnotify.pnotify-fade-normal{transition:opacity 0.25s linear;opacity:0}.pnotify.pnotify-fade-normal.pnotify.pnotify-move{transition:opacity 0.25s linear, left 0.4s ease, top 0.4s ease,
+      right 0.4s ease, bottom 0.4s ease}.pnotify.pnotify-fade-fast{transition:opacity 0.1s linear;opacity:0}.pnotify.pnotify-fade-fast.pnotify.pnotify-move{transition:opacity 0.1s linear, left 0.4s ease, top 0.4s ease,
+      right 0.4s ease, bottom 0.4s ease}.pnotify.pnotify-masking{display:block;-webkit-mask-image:linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0.8),
+      rgba(0, 0, 0, 0) 30px,
+      rgba(0, 0, 0, 0)
+    );mask-image:linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0.8),
+      rgba(0, 0, 0, 0) 30px,
+      rgba(0, 0, 0, 0)
+    )}.pnotify.pnotify-masking.pnotify-stack-up{-webkit-mask-image:linear-gradient(
+      to top,
+      rgba(0, 0, 0, 0.8),
+      rgba(0, 0, 0, 0) 30px,
+      rgba(0, 0, 0, 0)
+    );mask-image:linear-gradient(
+      to top,
+      rgba(0, 0, 0, 0.8),
+      rgba(0, 0, 0, 0) 30px,
+      rgba(0, 0, 0, 0)
+    )}.pnotify.pnotify-masking.pnotify-stack-left{-webkit-mask-image:linear-gradient(
+      to left,
+      rgba(0, 0, 0, 0.8),
+      rgba(0, 0, 0, 0) 30px,
+      rgba(0, 0, 0, 0)
+    );mask-image:linear-gradient(
+      to left,
+      rgba(0, 0, 0, 0.8),
+      rgba(0, 0, 0, 0) 30px,
+      rgba(0, 0, 0, 0)
+    )}.pnotify.pnotify-masking.pnotify-stack-right{-webkit-mask-image:linear-gradient(
+      to right,
+      rgba(0, 0, 0, 0.8),
+      rgba(0, 0, 0, 0) 30px,
+      rgba(0, 0, 0, 0)
+    );mask-image:linear-gradient(
+      to right,
+      rgba(0, 0, 0, 0.8),
+      rgba(0, 0, 0, 0) 30px,
+      rgba(0, 0, 0, 0)
+    )}.pnotify.pnotify-fade-in, .pnotify.pnotify-masking-in{opacity:1}.pnotify .pnotify-shadow{-webkit-box-shadow:0px 6px 28px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 6px 28px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 6px 28px 0px rgba(0, 0, 0, 0.1)}.pnotify-container{position:relative;background-position:0 0;padding:0.8em;height:100%;margin:0}.pnotify-container:after{content:' ';visibility:hidden;display:block;height:0;clear:both}.pnotify-closer,.pnotify-sticker{float:right;margin-left:0.5em;cursor:pointer}[dir='rtl'] .pnotify-closer,[dir='rtl'] .pnotify-sticker{float:left;margin-right:0.5em;margin-left:0}.pnotify-title{display:block;white-space:pre-line;margin-bottom:0.4em;margin-top:0}.pnotify-text-with-max-height{overflow-y:auto;overscroll-behavior:contain;padding-bottom:0.03em}.pnotify.pnotify-with-icon .pnotify-content{margin-left:24px}[dir='rtl'] .pnotify.pnotify-with-icon .pnotify-content{margin-right:24px;margin-left:0}.pnotify-pre-line{white-space:pre-line}.pnotify-icon,.pnotify-icon span{display:block;float:left}[dir='rtl'] .pnotify-icon,[dir='rtl'] .pnotify-icon span{float:right}.pnotify-modal-overlay{background-color:rgba(0, 0, 0, 0.6);top:0;left:0;position:absolute;height:100%;width:100%;z-index:2;transition:opacity 0.25s linear;opacity:0;padding:0;display:flex;justify-content:center;align-items:flex-end}.pnotify-modal-overlay-up{align-items:flex-start}.pnotify-modal-overlay-left{justify-content:flex-start;align-items:center}.pnotify-modal-overlay-right{justify-content:flex-end;align-items:center}.pnotify-modal-overlay.pnotify-modal-overlay-in{opacity:1}.pnotify-modal-overlay-closes:after{content:'×';font-family:Arial;font-size:3rem;color:#fff;text-shadow:0 0 0.4rem #fff}body > .pnotify-modal-overlay{position:fixed;z-index:100041}
\ No newline at end of file
diff --git a/packages/core/dist/PNotify.js b/packages/core/dist/PNotify.js
new file mode 100644
index 00000000..3da4bc4a
--- /dev/null
+++ b/packages/core/dist/PNotify.js
@@ -0,0 +1,5269 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotify = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys(Object(source), true).forEach(function (key) {
+          _defineProperty(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _construct(Parent, args, Class) {
+    if (_isNativeReflectConstruct()) {
+      _construct = Reflect.construct;
+    } else {
+      _construct = function _construct(Parent, args, Class) {
+        var a = [null];
+        a.push.apply(a, args);
+        var Constructor = Function.bind.apply(Parent, a);
+        var instance = new Constructor();
+        if (Class) _setPrototypeOf(instance, Class.prototype);
+        return instance;
+      };
+    }
+
+    return _construct.apply(null, arguments);
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _iterableToArrayLimit(arr, i) {
+    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function assign(tar, src) {
+    // @ts-ignore
+    for (var k in src) {
+      tar[k] = src[k];
+    }
+
+    return tar;
+  }
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function action_destroyer(action_result) {
+    return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;
+  }
+
+  function append(target, node) {
+    target.appendChild(node);
+  }
+
+  function insert(target, node, anchor) {
+    target.insertBefore(node, anchor || null);
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function element(name) {
+    return document.createElement(name);
+  }
+
+  function text(data) {
+    return document.createTextNode(data);
+  }
+
+  function space() {
+    return text(' ');
+  }
+
+  function empty() {
+    return text('');
+  }
+
+  function listen(node, event, handler, options) {
+    node.addEventListener(event, handler, options);
+    return function () {
+      return node.removeEventListener(event, handler, options);
+    };
+  }
+
+  function attr(node, attribute, value) {
+    if (value == null) node.removeAttribute(attribute);else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  function set_data(text, data) {
+    data = '' + data;
+    if (text.wholeText !== data) text.data = data;
+  }
+
+  function custom_event(type, detail) {
+    var e = document.createEvent('CustomEvent');
+    e.initCustomEvent(type, false, false, detail);
+    return e;
+  }
+
+  var HtmlTag = /*#__PURE__*/function () {
+    function HtmlTag() {
+      var anchor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+      _classCallCheck(this, HtmlTag);
+
+      this.a = anchor;
+      this.e = this.n = null;
+    }
+
+    _createClass(HtmlTag, [{
+      key: "m",
+      value: function m(html, target) {
+        var anchor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+        if (!this.e) {
+          this.e = element(target.nodeName);
+          this.t = target;
+          this.h(html);
+        }
+
+        this.i(anchor);
+      }
+    }, {
+      key: "h",
+      value: function h(html) {
+        this.e.innerHTML = html;
+        this.n = Array.from(this.e.childNodes);
+      }
+    }, {
+      key: "i",
+      value: function i(anchor) {
+        for (var i = 0; i < this.n.length; i += 1) {
+          insert(this.t, this.n[i], anchor);
+        }
+      }
+    }, {
+      key: "p",
+      value: function p(html) {
+        this.d();
+        this.h(html);
+        this.i(this.a);
+      }
+    }, {
+      key: "d",
+      value: function d() {
+        this.n.forEach(detach);
+      }
+    }]);
+
+    return HtmlTag;
+  }();
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  function get_current_component() {
+    if (!current_component) throw new Error('Function called outside component initialization');
+    return current_component;
+  }
+
+  function beforeUpdate(fn) {
+    get_current_component().$$.before_update.push(fn);
+  }
+
+  function onMount(fn) {
+    get_current_component().$$.on_mount.push(fn);
+  }
+
+  function createEventDispatcher() {
+    var component = get_current_component();
+    return function (type, detail) {
+      var callbacks = component.$$.callbacks[type];
+
+      if (callbacks) {
+        // TODO are there situations where events could be dispatched
+        // in a server (non-DOM) environment?
+        var event = custom_event(type, detail);
+        callbacks.slice().forEach(function (fn) {
+          fn.call(component, event);
+        });
+      }
+    };
+  }
+  // shorthand events, or if we want to implement
+  // a real bubbling mechanism
+
+
+  function bubble(component, event) {
+    var callbacks = component.$$.callbacks[event.type];
+
+    if (callbacks) {
+      callbacks.slice().forEach(function (fn) {
+        return fn(event);
+      });
+    }
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function tick() {
+    schedule_update();
+    return resolved_promise;
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+  var outros;
+
+  function group_outros() {
+    outros = {
+      r: 0,
+      c: [],
+      p: outros // parent group
+
+    };
+  }
+
+  function check_outros() {
+    if (!outros.r) {
+      run_all(outros.c);
+    }
+
+    outros = outros.p;
+  }
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function transition_out(block, local, detach, callback) {
+    if (block && block.o) {
+      if (outroing.has(block)) return;
+      outroing.add(block);
+      outros.c.push(function () {
+        outroing["delete"](block);
+
+        if (callback) {
+          if (detach) block.d(1);
+          callback();
+        }
+      });
+      block.o(local);
+    }
+  }
+
+  var globals = typeof window !== 'undefined' ? window : typeof globalThis !== 'undefined' ? globalThis : global;
+
+  function outro_and_destroy_block(block, lookup) {
+    transition_out(block, 1, 1, function () {
+      lookup["delete"](block.key);
+    });
+  }
+
+  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
+    var o = old_blocks.length;
+    var n = list.length;
+    var i = o;
+    var old_indexes = {};
+
+    while (i--) {
+      old_indexes[old_blocks[i].key] = i;
+    }
+
+    var new_blocks = [];
+    var new_lookup = new Map();
+    var deltas = new Map();
+    i = n;
+
+    while (i--) {
+      var child_ctx = get_context(ctx, list, i);
+      var key = get_key(child_ctx);
+      var block = lookup.get(key);
+
+      if (!block) {
+        block = create_each_block(key, child_ctx);
+        block.c();
+      } else if (dynamic) {
+        block.p(child_ctx, dirty);
+      }
+
+      new_lookup.set(key, new_blocks[i] = block);
+      if (key in old_indexes) deltas.set(key, Math.abs(i - old_indexes[key]));
+    }
+
+    var will_move = new Set();
+    var did_move = new Set();
+
+    function insert(block) {
+      transition_in(block, 1);
+      block.m(node, next);
+      lookup.set(block.key, block);
+      next = block.first;
+      n--;
+    }
+
+    while (o && n) {
+      var new_block = new_blocks[n - 1];
+      var old_block = old_blocks[o - 1];
+      var new_key = new_block.key;
+      var old_key = old_block.key;
+
+      if (new_block === old_block) {
+        // do nothing
+        next = new_block.first;
+        o--;
+        n--;
+      } else if (!new_lookup.has(old_key)) {
+        // remove old block
+        destroy(old_block, lookup);
+        o--;
+      } else if (!lookup.has(new_key) || will_move.has(new_key)) {
+        insert(new_block);
+      } else if (did_move.has(old_key)) {
+        o--;
+      } else if (deltas.get(new_key) > deltas.get(old_key)) {
+        did_move.add(new_key);
+        insert(new_block);
+      } else {
+        will_move.add(old_key);
+        o--;
+      }
+    }
+
+    while (o--) {
+      var _old_block = old_blocks[o];
+      if (!new_lookup.has(_old_block.key)) destroy(_old_block, lookup);
+    }
+
+    while (n) {
+      insert(new_blocks[n - 1]);
+    }
+
+    return new_blocks;
+  }
+
+  function get_spread_update(levels, updates) {
+    var update = {};
+    var to_null_out = {};
+    var accounted_for = {
+      $$scope: 1
+    };
+    var i = levels.length;
+
+    while (i--) {
+      var o = levels[i];
+      var n = updates[i];
+
+      if (n) {
+        for (var key in o) {
+          if (!(key in n)) to_null_out[key] = 1;
+        }
+
+        for (var _key3 in n) {
+          if (!accounted_for[_key3]) {
+            update[_key3] = n[_key3];
+            accounted_for[_key3] = 1;
+          }
+        }
+
+        levels[i] = n;
+      } else {
+        for (var _key4 in o) {
+          accounted_for[_key4] = 1;
+        }
+      }
+    }
+
+    for (var _key5 in to_null_out) {
+      if (!(_key5 in update)) update[_key5] = undefined;
+    }
+
+    return update;
+  }
+
+  function get_spread_object(spread_props) {
+    return _typeof(spread_props) === 'object' && spread_props !== null ? spread_props : {};
+  } // source: https://html.spec.whatwg.org/multipage/indices.html
+
+  function create_component(block) {
+    block && block.c();
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  var Stack = /*#__PURE__*/function () {
+    function Stack(options) {
+      _classCallCheck(this, Stack);
+
+      // TODO: label for close all button
+      Object.assign(this, {
+        dir1: null,
+        dir2: null,
+        firstpos1: null,
+        firstpos2: null,
+        spacing1: 25,
+        spacing2: 25,
+        push: 'bottom',
+        maxOpen: 1,
+        maxStrategy: 'wait',
+        maxClosureCausesWait: true,
+        modal: 'ish',
+        modalishFlash: true,
+        overlayClose: true,
+        overlayClosesPinned: false,
+        positioned: true,
+        context: window && document.body || null
+      }, options); // Validate the options.
+
+      if (this.modal === 'ish' && this.maxOpen !== 1) {
+        throw new Error('A modalish stack must have a maxOpen value of 1.');
+      }
+
+      if (this.modal === 'ish' && !this.dir1) {
+        throw new Error('A modalish stack must have a direction.');
+      }
+
+      if (this.push === 'top' && this.modal === 'ish' && this.maxStrategy !== 'close') {
+        throw new Error('A modalish stack that pushes to the top must use the close maxStrategy.');
+      } // -- Private properties.
+      // The head of the notice double linked list.
+
+
+      this._noticeHead = {
+        notice: null,
+        prev: null,
+        next: null
+      }; // The tail of the notice double linked list.
+
+      this._noticeTail = {
+        notice: null,
+        prev: this._noticeHead,
+        next: null
+      };
+      this._noticeHead.next = this._noticeTail; // The map of notices to nodes.
+
+      this._noticeMap = new WeakMap(); // The number of notices in the stack.
+
+      this._length = 0; // How much space to add along the secondary axis when moving notices to the
+      // next column/row.
+
+      this._addpos2 = 0; // Whether the stack's notices should animate while moving.
+
+      this._animation = true; // A timer to debounce positioning.
+
+      this._posTimer = null; // The number of open notices.
+
+      this._openNotices = 0; // A listener for positioning events.
+
+      this._listener = null; // Whether the overlay is currently open.
+
+      this._overlayOpen = false; // Whether the overlay is currently inserted into the DOM.
+
+      this._overlayInserted = false; // Whether the modal state is collapsing. (Notices go back to waiting and
+      // shouldn't resposition.)
+
+      this._collapsingModalState = false; // The leader is the first open notice in a modalish stack.
+
+      this._leader = null;
+      this._leaderOff = null; // The next waiting notice that is masking.
+
+      this._masking = null;
+      this._maskingOff = null; // Swapping notices, so don't open a new one. Set to the opening notice on
+      // swap.
+
+      this._swapping = false; // Event listener callbacks.
+
+      this._callbacks = {};
+    }
+
+    _createClass(Stack, [{
+      key: "forEach",
+      value: function forEach(callback) {
+        var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+            _ref$start = _ref.start,
+            start = _ref$start === void 0 ? 'oldest' : _ref$start,
+            _ref$dir = _ref.dir,
+            dir = _ref$dir === void 0 ? 'newer' : _ref$dir,
+            _ref$skipModuleHandle = _ref.skipModuleHandled,
+            skipModuleHandled = _ref$skipModuleHandle === void 0 ? false : _ref$skipModuleHandle;
+
+        var node;
+
+        if (start === 'head' || start === 'newest' && this.push === 'top' || start === 'oldest' && this.push === 'bottom') {
+          node = this._noticeHead.next;
+        } else if (start === 'tail' || start === 'newest' && this.push === 'bottom' || start === 'oldest' && this.push === 'top') {
+          node = this._noticeTail.prev;
+        } else if (this._noticeMap.has(start)) {
+          node = this._noticeMap.get(start);
+        } else {
+          throw new Error('Invalid start param.');
+        }
+
+        while (node.notice) {
+          var _notice = node.notice; // Get the next node first.
+
+          if (dir === 'prev' || this.push === 'top' && dir === 'newer' || this.push === 'bottom' && dir === 'older') {
+            node = node.prev;
+          } else if (dir === 'next' || this.push === 'top' && dir === 'older' || this.push === 'bottom' && dir === 'newer') {
+            node = node.next;
+          } else {
+            throw new Error('Invalid dir param.');
+          } // Call the callback last, just in case the callback removes the notice.
+
+
+          if ((!skipModuleHandled || !_notice.getModuleHandled()) && callback(_notice) === false) {
+            break;
+          }
+        }
+      }
+    }, {
+      key: "close",
+      value: function close(immediate) {
+        this.forEach(function (notice) {
+          return notice.close(immediate, false, false);
+        });
+      }
+    }, {
+      key: "open",
+      value: function open(immediate) {
+        this.forEach(function (notice) {
+          return notice.open(immediate);
+        });
+      }
+    }, {
+      key: "openLast",
+      value: function openLast() {
+        // Look up the last notice, and display it.
+        this.forEach(function (notice) {
+          if (['opening', 'open', 'waiting'].indexOf(notice.getState()) === -1) {
+            notice.open();
+            return false;
+          }
+        }, {
+          start: 'newest',
+          dir: 'older'
+        });
+      }
+    }, {
+      key: "swap",
+      value: function swap(one, theOther) {
+        var _this = this;
+
+        var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+        var waitAfter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+
+        if (['open', 'opening', 'closing'].indexOf(one.getState()) === -1) {
+          // One is closed. Return rejected promise.
+          return Promise.reject();
+        }
+
+        this._swapping = theOther;
+        return one.close(immediate, false, waitAfter).then(function () {
+          return theOther.open(immediate);
+        })["finally"](function () {
+          _this._swapping = false;
+        });
+      }
+    }, {
+      key: "on",
+      value: function on(event, callback) {
+        var _this2 = this;
+
+        if (!(event in this._callbacks)) {
+          this._callbacks[event] = [];
+        }
+
+        this._callbacks[event].push(callback);
+
+        return function () {
+          _this2._callbacks[event].splice(_this2._callbacks[event].indexOf(callback), 1);
+        };
+      }
+    }, {
+      key: "fire",
+      value: function fire(event) {
+        var detail = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        detail.stack = this;
+
+        if (event in this._callbacks) {
+          this._callbacks[event].forEach(function (cb) {
+            return cb(detail);
+          });
+        }
+      }
+    }, {
+      key: "position",
+      value: function position() {
+        var _this3 = this;
+
+        // Reset the next position data.
+        if (this.positioned && this._length > 0) {
+          this.fire('beforePosition');
+
+          this._resetPositionData();
+
+          this.forEach(function (notice) {
+            _this3._positionNotice(notice);
+          }, {
+            start: 'head',
+            dir: 'next',
+            skipModuleHandled: true
+          });
+          this.fire('afterPosition');
+        } else {
+          delete this._nextpos1;
+          delete this._nextpos2;
+        }
+      } // Queue the position so it doesn't run repeatedly and use up resources.
+
+    }, {
+      key: "queuePosition",
+      value: function queuePosition() {
+        var _this4 = this;
+
+        var milliseconds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+
+        if (this._posTimer) {
+          clearTimeout(this._posTimer);
+        }
+
+        this._posTimer = setTimeout(function () {
+          return _this4.position();
+        }, milliseconds);
+      }
+    }, {
+      key: "_resetPositionData",
+      value: function _resetPositionData() {
+        this._nextpos1 = this.firstpos1;
+        this._nextpos2 = this.firstpos2;
+        this._addpos2 = 0;
+      } // Position the notice.
+
+    }, {
+      key: "_positionNotice",
+      value: function _positionNotice(notice) {
+        var masking = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : notice === this._masking;
+
+        if (!this.positioned) {
+          return;
+        } // Get the notice's element.
+
+
+        var elem = notice.refs.elem;
+
+        if (!elem) {
+          return;
+        } // Skip this notice if it's not shown.
+
+
+        if (!elem.classList.contains('pnotify-in') && !elem.classList.contains('pnotify-initial') && !masking) {
+          return;
+        } // Use local variables, since a masking notice position shouldn't update the
+        // stack.
+
+
+        var _ref2 = [this.firstpos1, this.firstpos2, this._nextpos1, this._nextpos2, this._addpos2],
+            firstpos1 = _ref2[0],
+            firstpos2 = _ref2[1],
+            _nextpos1 = _ref2[2],
+            _nextpos2 = _ref2[3],
+            _addpos2 = _ref2[4]; // Read from the DOM to cause refresh.
+
+        elem.getBoundingClientRect();
+
+        if (this._animation && !masking && !this._collapsingModalState) {
+          // Add animate class.
+          notice._setMoveClass('pnotify-move');
+        } else {
+          notice._setMoveClass('');
+        }
+
+        var spaceY = this.context === document.body ? window.innerHeight : this.context.scrollHeight;
+        var spaceX = this.context === document.body ? window.innerWidth : this.context.scrollWidth;
+        var csspos1;
+
+        if (this.dir1) {
+          csspos1 = {
+            down: 'top',
+            up: 'bottom',
+            left: 'right',
+            right: 'left'
+          }[this.dir1]; // Calculate the current pos1 value.
+
+          var curpos1;
+
+          switch (this.dir1) {
+            case 'down':
+              curpos1 = elem.offsetTop;
+              break;
+
+            case 'up':
+              curpos1 = spaceY - elem.scrollHeight - elem.offsetTop;
+              break;
+
+            case 'left':
+              curpos1 = spaceX - elem.scrollWidth - elem.offsetLeft;
+              break;
+
+            case 'right':
+              curpos1 = elem.offsetLeft;
+              break;
+          } // Remember the first pos1, so the first notice goes there.
+
+
+          if (firstpos1 == null) {
+            firstpos1 = curpos1;
+            _nextpos1 = firstpos1;
+          }
+        }
+
+        if (this.dir1 && this.dir2) {
+          var csspos2 = {
+            down: 'top',
+            up: 'bottom',
+            left: 'right',
+            right: 'left'
+          }[this.dir2]; // Calculate the current pos2 value.
+
+          var curpos2;
+
+          switch (this.dir2) {
+            case 'down':
+              curpos2 = elem.offsetTop;
+              break;
+
+            case 'up':
+              curpos2 = spaceY - elem.scrollHeight - elem.offsetTop;
+              break;
+
+            case 'left':
+              curpos2 = spaceX - elem.scrollWidth - elem.offsetLeft;
+              break;
+
+            case 'right':
+              curpos2 = elem.offsetLeft;
+              break;
+          } // Remember the first pos2, so the first notice goes there.
+
+
+          if (firstpos2 == null) {
+            firstpos2 = curpos2;
+            _nextpos2 = firstpos2;
+          } // Don't move masking notices along dir2. They should always be beside the
+          // leader along dir1.
+
+
+          if (!masking) {
+            // Check that it's not beyond the viewport edge.
+            var endY = _nextpos1 + elem.offsetHeight + this.spacing1;
+            var endX = _nextpos1 + elem.offsetWidth + this.spacing1;
+
+            if ((this.dir1 === 'down' || this.dir1 === 'up') && endY > spaceY || (this.dir1 === 'left' || this.dir1 === 'right') && endX > spaceX) {
+              // If it is, it needs to go back to the first pos1, and over on pos2.
+              _nextpos1 = firstpos1;
+              _nextpos2 += _addpos2 + this.spacing2;
+              _addpos2 = 0;
+            }
+          } // Move the notice on dir2.
+
+
+          if (_nextpos2 != null) {
+            elem.style[csspos2] = "".concat(_nextpos2, "px");
+
+            if (!this._animation) {
+              elem.style[csspos2]; // Read from the DOM for update.
+            }
+          } // Keep track of the widest/tallest notice in the column/row, so we can push the next column/row.
+
+
+          switch (this.dir2) {
+            case 'down':
+            case 'up':
+              if (elem.offsetHeight + (parseFloat(elem.style.marginTop, 10) || 0) + (parseFloat(elem.style.marginBottom, 10) || 0) > _addpos2) {
+                _addpos2 = elem.offsetHeight;
+              }
+
+              break;
+
+            case 'left':
+            case 'right':
+              if (elem.offsetWidth + (parseFloat(elem.style.marginLeft, 10) || 0) + (parseFloat(elem.style.marginRight, 10) || 0) > _addpos2) {
+                _addpos2 = elem.offsetWidth;
+              }
+
+              break;
+          }
+        } else if (this.dir1) {
+          // Center the notice along dir1 axis, because the stack has no dir2.
+          var cssMiddle, cssposCross;
+
+          switch (this.dir1) {
+            case 'down':
+            case 'up':
+              cssposCross = ['left', 'right'];
+              cssMiddle = this.context.scrollWidth / 2 - elem.offsetWidth / 2;
+              break;
+
+            case 'left':
+            case 'right':
+              cssposCross = ['top', 'bottom'];
+              cssMiddle = spaceY / 2 - elem.offsetHeight / 2;
+              break;
+          }
+
+          elem.style[cssposCross[0]] = "".concat(cssMiddle, "px");
+          elem.style[cssposCross[1]] = 'auto';
+
+          if (!this._animation) {
+            elem.style[cssposCross[0]]; // Read from the DOM for update.
+          }
+        }
+
+        if (this.dir1) {
+          // Move the notice on dir1.
+          if (_nextpos1 != null) {
+            elem.style[csspos1] = "".concat(_nextpos1, "px");
+
+            if (!this._animation) {
+              elem.style[csspos1]; // Read from the DOM for update.
+            }
+          } // Calculate the next dir1 position.
+
+
+          switch (this.dir1) {
+            case 'down':
+            case 'up':
+              _nextpos1 += elem.offsetHeight + this.spacing1;
+              break;
+
+            case 'left':
+            case 'right':
+              _nextpos1 += elem.offsetWidth + this.spacing1;
+              break;
+          }
+        } else {
+          // Center the notice on the screen, because the stack has no dir1.
+          var cssMiddleLeft = spaceX / 2 - elem.offsetWidth / 2;
+          var cssMiddleTop = spaceY / 2 - elem.offsetHeight / 2;
+          elem.style.left = "".concat(cssMiddleLeft, "px");
+          elem.style.top = "".concat(cssMiddleTop, "px");
+
+          if (!this._animation) {
+            elem.style.left; // Read from the DOM for update.
+          }
+        } // If we're not positioning the masking notice, update the stack properties.
+
+
+        if (!masking) {
+          this.firstpos1 = firstpos1;
+          this.firstpos2 = firstpos2;
+          this._nextpos1 = _nextpos1;
+          this._nextpos2 = _nextpos2;
+          this._addpos2 = _addpos2;
+        }
+      }
+    }, {
+      key: "_addNotice",
+      value: function _addNotice(notice) {
+        var _this5 = this;
+
+        this.fire('beforeAddNotice', {
+          notice: notice
+        });
+
+        var handleNoticeOpen = function handleNoticeOpen() {
+          _this5.fire('beforeOpenNotice', {
+            notice: notice
+          });
+
+          if (notice.getModuleHandled()) {
+            // We don't deal with notices that are handled by a module.
+            _this5.fire('afterOpenNotice', {
+              notice: notice
+            });
+
+            return;
+          }
+
+          _this5._openNotices++; // Check the max in stack.
+
+          if (!(_this5.modal === 'ish' && _this5._overlayOpen) && _this5.maxOpen !== Infinity && _this5._openNotices > _this5.maxOpen && _this5.maxStrategy === 'close') {
+            var toClose = _this5._openNotices - _this5.maxOpen;
+
+            _this5.forEach(function (notice) {
+              if (['opening', 'open'].indexOf(notice.getState()) !== -1) {
+                // Close oldest notices, leaving only stack.maxOpen from the stack.
+                notice.close(false, false, _this5.maxClosureCausesWait);
+
+                if (notice === _this5._leader) {
+                  _this5._setLeader(null);
+                }
+
+                toClose--;
+                return !!toClose;
+              }
+            });
+          }
+
+          if (_this5.modal === true) {
+            _this5._insertOverlay();
+          }
+
+          if (_this5.modal === 'ish' && (!_this5._leader || ['opening', 'open', 'closing'].indexOf(_this5._leader.getState()) === -1)) {
+            _this5._setLeader(notice);
+          }
+
+          if (_this5.modal === 'ish' && _this5._overlayOpen) {
+            notice._preventTimerClose(true);
+          } // this.queuePosition(0);
+
+
+          _this5.fire('afterOpenNotice', {
+            notice: notice
+          });
+        };
+
+        var handleNoticeClosed = function handleNoticeClosed() {
+          _this5.fire('beforeCloseNotice', {
+            notice: notice
+          });
+
+          if (notice.getModuleHandled()) {
+            // We don't deal with notices that are handled by a module.
+            _this5.fire('afterCloseNotice', {
+              notice: notice
+            });
+
+            return;
+          }
+
+          _this5._openNotices--;
+
+          if (_this5.modal === 'ish' && notice === _this5._leader) {
+            _this5._setLeader(null);
+
+            if (_this5._masking) {
+              _this5._setMasking(null);
+            }
+          }
+
+          if (!_this5._swapping && _this5.maxOpen !== Infinity && _this5._openNotices < _this5.maxOpen) {
+            var done = false;
+
+            var open = function open(contender) {
+              if (contender !== notice && contender.getState() === 'waiting') {
+                contender.open()["catch"](function () {});
+
+                if (_this5._openNotices >= _this5.maxOpen) {
+                  done = true;
+                  return false;
+                }
+              }
+            };
+
+            if (_this5.maxStrategy === 'wait') {
+              // Check for the next waiting notice and open it.
+              _this5.forEach(open, {
+                start: notice,
+                dir: 'next'
+              });
+
+              if (!done) {
+                _this5.forEach(open, {
+                  start: notice,
+                  dir: 'prev'
+                });
+              }
+            } else if (_this5.maxStrategy === 'close' && _this5.maxClosureCausesWait) {
+              // Check for the last closed notice and re-open it.
+              _this5.forEach(open, {
+                start: notice,
+                dir: 'older'
+              });
+
+              if (!done) {
+                _this5.forEach(open, {
+                  start: notice,
+                  dir: 'newer'
+                });
+              }
+            }
+          }
+
+          if (_this5._openNotices <= 0) {
+            _this5._openNotices = 0;
+
+            _this5._resetPositionData();
+
+            if (_this5._overlayOpen && !_this5._swapping) {
+              _this5._removeOverlay();
+            }
+          } else if (!_this5._collapsingModalState) {
+            _this5.queuePosition(0);
+          }
+
+          _this5.fire('afterCloseNotice', {
+            notice: notice
+          });
+        }; // This is the linked list node.
+
+
+        var node = {
+          notice: notice,
+          prev: null,
+          next: null,
+          beforeOpenOff: notice.on('pnotify:beforeOpen', handleNoticeOpen),
+          afterCloseOff: notice.on('pnotify:afterClose', handleNoticeClosed)
+        }; // Push to the correct side of the linked list.
+
+        if (this.push === 'top') {
+          node.next = this._noticeHead.next;
+          node.prev = this._noticeHead;
+          node.next.prev = node;
+          node.prev.next = node;
+        } else {
+          node.prev = this._noticeTail.prev;
+          node.next = this._noticeTail;
+          node.prev.next = node;
+          node.next.prev = node;
+        } // Add to the map.
+
+
+        this._noticeMap.set(notice, node); // Increment the length to match.
+
+
+        this._length++;
+
+        if (!this._listener) {
+          this._listener = function () {
+            return _this5.position();
+          };
+
+          this.context.addEventListener('pnotify:position', this._listener);
+        }
+
+        if (['open', 'opening', 'closing'].indexOf(notice.getState()) !== -1) {
+          // If the notice is already open, handle it immediately.
+          handleNoticeOpen();
+        } else if (this.modal === 'ish' && this.modalishFlash && this._shouldNoticeWait(notice)) {
+          // If it's not open, and it's going to be a waiting notice, flash it.
+          var off = notice.on('pnotify:mount', function () {
+            off();
+
+            notice._setMasking(true, false, function () {
+              notice._setMasking(false);
+            });
+
+            _this5._resetPositionData();
+
+            _this5._positionNotice(_this5._leader);
+
+            window.requestAnimationFrame(function () {
+              _this5._positionNotice(notice, true);
+            });
+          });
+        }
+
+        this.fire('afterAddNotice', {
+          notice: notice
+        });
+      }
+    }, {
+      key: "_removeNotice",
+      value: function _removeNotice(notice) {
+        if (!this._noticeMap.has(notice)) {
+          return;
+        }
+
+        this.fire('beforeRemoveNotice', {
+          notice: notice
+        });
+
+        var node = this._noticeMap.get(notice);
+
+        if (this._leader === notice) {
+          // Clear the leader.
+          this._setLeader(null);
+        }
+
+        if (this._masking === notice) {
+          // Clear masking.
+          this._setMasking(null);
+        } // Remove the notice from the linked list.
+
+
+        node.prev.next = node.next;
+        node.next.prev = node.prev;
+        node.prev = null;
+        node.next = null;
+        node.beforeOpenOff();
+        node.beforeOpenOff = null;
+        node.afterCloseOff();
+        node.afterCloseOff = null; // Remove the notice from the map.
+
+        this._noticeMap["delete"](notice); // Reduce the length to match.
+
+
+        this._length--;
+
+        if (!this._length && this._listener) {
+          // Remove the listener.
+          this.context.removeEventListener('pnotify:position', this._listener);
+          this._listener = null;
+        }
+
+        if (!this._length && this._overlayOpen) {
+          this._removeOverlay();
+        } // If the notice is open, handle it as if it had closed.
+
+
+        if (['open', 'opening', 'closing'].indexOf(notice.getState()) !== -1) {
+          this._handleNoticeClosed(notice);
+        }
+
+        this.fire('afterRemoveNotice', {
+          notice: notice
+        });
+      }
+    }, {
+      key: "_setLeader",
+      value: function _setLeader(leader) {
+        var _this6 = this;
+
+        this.fire('beforeSetLeader', {
+          leader: leader
+        });
+
+        if (this._leaderOff) {
+          this._leaderOff();
+
+          this._leaderOff = null;
+        }
+
+        this._leader = leader;
+
+        if (!this._leader) {
+          this.fire('afterSetLeader', {
+            leader: leader
+          });
+          return;
+        } // If the mouse enters this notice while it's the leader, then the next
+        // waiting notice should start masking.
+
+
+        var leaderInteraction = function leaderInteraction() {
+          // This is a workaround for leaving the modal state.
+          var nextNoticeFromModalState = null; // If the leader is moused over:
+
+          if (_this6._overlayOpen) {
+            _this6._collapsingModalState = true;
+
+            _this6.forEach(function (notice) {
+              // Allow the notices to timed close.
+              notice._preventTimerClose(false); // Close and set to wait any open notices other than the leader.
+
+
+              if (notice !== _this6._leader && ['opening', 'open'].indexOf(notice.getState()) !== -1) {
+                if (!nextNoticeFromModalState) {
+                  nextNoticeFromModalState = notice;
+                }
+
+                notice.close(notice === nextNoticeFromModalState, false, true);
+              }
+            }, {
+              start: _this6._leader,
+              dir: 'next',
+              skipModuleHandled: true
+            }); // Remove the modal state overlay.
+
+
+            _this6._removeOverlay();
+          } // Turn off any masking off timer that may still be running.
+
+
+          if (maskingOffTimer) {
+            clearTimeout(maskingOffTimer);
+            maskingOffTimer = null;
+          } // Set the next waiting notice to be masking.
+
+
+          _this6.forEach(function (notice) {
+            if (notice === _this6._leader) {
+              // Skip the leader, and start with the next one.
+              return;
+            } // The next notice that is "waiting" is usually fine, but if we're
+            // leaving the modal state, it will still be "closing" here, so we have
+            // to work around that. :P
+            // Also, when coming back from modal state, the notice should
+            // immediately be masking instead of fading in.
+
+
+            if (notice.getState() === 'waiting' || notice === nextNoticeFromModalState) {
+              _this6._setMasking(notice, !!nextNoticeFromModalState);
+
+              return false;
+            }
+          }, {
+            start: _this6._leader,
+            dir: 'next',
+            skipModuleHandled: true
+          });
+        }; // If the mouse leaves this notice while it's the leader, then the next
+        // waiting notice should stop masking.
+
+
+        var maskingOffTimer = null;
+
+        var leaderLeaveInteraction = function leaderLeaveInteraction() {
+          if (maskingOffTimer) {
+            clearTimeout(maskingOffTimer);
+            maskingOffTimer = null;
+          } // TODO: Something wrong here when you come right back from the modal state.
+
+
+          maskingOffTimer = setTimeout(function () {
+            maskingOffTimer = null;
+
+            _this6._setMasking(null);
+          }, 750);
+        };
+
+        this._leaderOff = function (offs) {
+          return function () {
+            return offs.map(function (off) {
+              return off();
+            });
+          };
+        }([this._leader.on('mouseenter', leaderInteraction), this._leader.on('focusin', leaderInteraction), this._leader.on('mouseleave', leaderLeaveInteraction), this._leader.on('focusout', leaderLeaveInteraction)]);
+
+        this.fire('afterSetLeader', {
+          leader: leader
+        });
+      }
+    }, {
+      key: "_setMasking",
+      value: function _setMasking(masking, immediate) {
+        var _this7 = this;
+
+        if (this._masking) {
+          if (this._masking === masking) {
+            // Nothing to do.
+            return;
+          }
+
+          this._masking._setMasking(false, immediate);
+        }
+
+        if (this._maskingOff) {
+          this._maskingOff();
+
+          this._maskingOff = null;
+        }
+
+        this._masking = masking;
+
+        if (!this._masking) {
+          return;
+        } // Reset the position data and position the leader.
+
+
+        this._resetPositionData();
+
+        if (this._leader) {
+          this._positionNotice(this._leader);
+        } // Get this notice ready for positioning.
+
+
+        this._masking._setMasking(true, immediate); // Wait for the DOM to update.
+
+
+        window.requestAnimationFrame(function () {
+          if (_this7._masking) {
+            _this7._positionNotice(_this7._masking);
+          }
+        });
+
+        var maskingInteraction = function maskingInteraction() {
+          // If the masked notice is moused over or focused, the stack enters the
+          // modal state, and the notices appear.
+          if (_this7.modal === 'ish') {
+            _this7._insertOverlay();
+
+            _this7._setMasking(null, true);
+
+            _this7.forEach(function (notice) {
+              // Prevent the notices from timed closing.
+              notice._preventTimerClose(true);
+
+              if (notice.getState() === 'waiting') {
+                notice.open();
+              }
+            }, {
+              start: _this7._leader,
+              dir: 'next',
+              skipModuleHandled: true
+            });
+          }
+        };
+
+        this._maskingOff = function (offs) {
+          return function () {
+            return offs.map(function (off) {
+              return off();
+            });
+          };
+        }([this._masking.on('mouseenter', maskingInteraction), this._masking.on('focusin', maskingInteraction)]);
+      }
+    }, {
+      key: "_shouldNoticeWait",
+      value: function _shouldNoticeWait(notice) {
+        return this._swapping !== notice && !(this.modal === 'ish' && this._overlayOpen) && this.maxOpen !== Infinity && this._openNotices >= this.maxOpen && this.maxStrategy === 'wait';
+      }
+    }, {
+      key: "_insertOverlay",
+      value: function _insertOverlay() {
+        var _this8 = this;
+
+        if (!this._overlay) {
+          this._overlay = document.createElement('div');
+
+          this._overlay.classList.add('pnotify-modal-overlay');
+
+          if (this.dir1) {
+            this._overlay.classList.add("pnotify-modal-overlay-".concat(this.dir1));
+          }
+
+          if (this.overlayClose) {
+            this._overlay.classList.add('pnotify-modal-overlay-closes');
+          }
+
+          if (this.context !== document.body) {
+            this._overlay.style.height = "".concat(this.context.scrollHeight, "px");
+            this._overlay.style.width = "".concat(this.context.scrollWidth, "px");
+          } // Close the notices on overlay click.
+
+
+          this._overlay.addEventListener('click', function (clickEvent) {
+            if (_this8.overlayClose) {
+              _this8.fire('overlayClose', {
+                clickEvent: clickEvent
+              });
+
+              if (clickEvent.defaultPrevented) {
+                return;
+              }
+
+              if (_this8._leader) {
+                // Clear the leader. A new one will be found while closing.
+                _this8._setLeader(null);
+              }
+
+              _this8.forEach(function (notice) {
+                if (['closed', 'closing', 'waiting'].indexOf(notice.getState()) !== -1) {
+                  return;
+                }
+
+                if (notice.hide || _this8.overlayClosesPinned) {
+                  notice.close();
+                } else if (!notice.hide && _this8.modal === 'ish') {
+                  if (_this8._leader) {
+                    notice.close(false, false, true);
+                  } else {
+                    _this8._setLeader(notice);
+                  }
+                }
+              }, {
+                skipModuleHandled: true
+              });
+
+              if (_this8._overlayOpen) {
+                _this8._removeOverlay();
+              }
+            }
+          });
+        }
+
+        if (this._overlay.parentNode !== this.context) {
+          this.fire('beforeAddOverlay');
+
+          this._overlay.classList.remove('pnotify-modal-overlay-in');
+
+          this._overlay = this.context.insertBefore(this._overlay, this.context.firstChild);
+          this._overlayOpen = true;
+          this._overlayInserted = true;
+          window.requestAnimationFrame(function () {
+            _this8._overlay.classList.add('pnotify-modal-overlay-in');
+
+            _this8.fire('afterAddOverlay');
+          });
+        }
+
+        this._collapsingModalState = false;
+      }
+    }, {
+      key: "_removeOverlay",
+      value: function _removeOverlay() {
+        var _this9 = this;
+
+        if (this._overlay.parentNode) {
+          this.fire('beforeRemoveOverlay');
+
+          this._overlay.classList.remove('pnotify-modal-overlay-in');
+
+          this._overlayOpen = false;
+          setTimeout(function () {
+            _this9._overlayInserted = false;
+
+            if (_this9._overlay.parentNode) {
+              _this9._overlay.parentNode.removeChild(_this9._overlay);
+
+              _this9.fire('afterRemoveOverlay');
+            }
+          }, 250);
+          setTimeout(function () {
+            _this9._collapsingModalState = false;
+          }, 400);
+        }
+      }
+    }, {
+      key: "notices",
+      get: function get() {
+        var notices = [];
+        this.forEach(function (notice) {
+          return notices.push(notice);
+        });
+        return notices;
+      }
+    }, {
+      key: "length",
+      get: function get() {
+        return this._length;
+      }
+    }, {
+      key: "leader",
+      get: function get() {
+        return this._leader;
+      }
+    }]);
+
+    return Stack;
+  }();
+
+  var component = function component() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _construct(Core, args);
+  };
+
+  function forwardEventsBuilder(component) {
+    var additionalEvents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    // prettier-ignore
+    var events = ['focus', 'blur', 'fullscreenchange', 'fullscreenerror', 'scroll', 'cut', 'copy', 'paste', 'keydown', 'keypress', 'keyup', 'auxclick', 'click', 'contextmenu', 'dblclick', 'mousedown', 'mouseenter', 'mouseleave', 'mousemove', 'mouseover', 'mouseout', 'mouseup', 'pointerlockchange', 'pointerlockerror', 'select', 'wheel', 'drag', 'dragend', 'dragenter', 'dragstart', 'dragleave', 'dragover', 'drop', 'touchcancel', 'touchend', 'touchmove', 'touchstart', 'pointerover', 'pointerenter', 'pointerdown', 'pointermove', 'pointerup', 'pointercancel', 'pointerout', 'pointerleave', 'gotpointercapture', 'lostpointercapture'].concat(_toConsumableArray(additionalEvents));
+
+    function forward(e) {
+      bubble(component, e);
+    }
+
+    return function (node) {
+      var destructors = [];
+
+      for (var i = 0; i < events.length; i++) {
+        destructors.push(listen(node, events[i], forward));
+      }
+
+      return {
+        destroy: function destroy() {
+          for (var _i = 0; _i < destructors.length; _i++) {
+            destructors[_i]();
+          }
+        }
+      };
+    };
+  }
+
+  var Map_1 = globals.Map;
+
+  function get_each_context(ctx, list, i) {
+    var child_ctx = ctx.slice();
+    child_ctx[109] = list[i][0];
+    child_ctx[110] = list[i][1];
+    return child_ctx;
+  }
+
+  function get_each_context_1(ctx, list, i) {
+    var child_ctx = ctx.slice();
+    child_ctx[109] = list[i][0];
+    child_ctx[110] = list[i][1];
+    return child_ctx;
+  }
+
+  function get_each_context_2(ctx, list, i) {
+    var child_ctx = ctx.slice();
+    child_ctx[109] = list[i][0];
+    child_ctx[110] = list[i][1];
+    return child_ctx;
+  }
+
+  function get_each_context_3(ctx, list, i) {
+    var child_ctx = ctx.slice();
+    child_ctx[109] = list[i][0];
+    child_ctx[110] = list[i][1];
+    return child_ctx;
+  } // (931:4) {#each modulesPrependContainer as [module, options] (module)}
+
+
+  function create_each_block_3(key_1, ctx) {
+    var first;
+    var switch_instance;
+    var switch_instance_anchor;
+    var current;
+    var switch_instance_spread_levels = [{
+      self:
+      /*self*/
+      ctx[42]
+    },
+    /*options*/
+    ctx[110]];
+    var switch_value =
+    /*module*/
+    ctx[109]["default"];
+
+    function switch_props(ctx) {
+      var switch_instance_props = {};
+
+      for (var i = 0; i < switch_instance_spread_levels.length; i += 1) {
+        switch_instance_props = assign(switch_instance_props, switch_instance_spread_levels[i]);
+      }
+
+      return {
+        props: switch_instance_props
+      };
+    }
+
+    if (switch_value) {
+      switch_instance = new switch_value(switch_props());
+    }
+
+    return {
+      key: key_1,
+      first: null,
+      c: function c() {
+        first = empty();
+        if (switch_instance) create_component(switch_instance.$$.fragment);
+        switch_instance_anchor = empty();
+        this.first = first;
+      },
+      m: function m(target, anchor) {
+        insert(target, first, anchor);
+
+        if (switch_instance) {
+          mount_component(switch_instance, target, anchor);
+        }
+
+        insert(target, switch_instance_anchor, anchor);
+        current = true;
+      },
+      p: function p(ctx, dirty) {
+        var switch_instance_changes = dirty[1] &
+        /*self, modulesPrependContainer*/
+        2176 ? get_spread_update(switch_instance_spread_levels, [dirty[1] &
+        /*self*/
+        2048 && {
+          self:
+          /*self*/
+          ctx[42]
+        }, dirty[1] &
+        /*modulesPrependContainer*/
+        128 && get_spread_object(
+        /*options*/
+        ctx[110])]) : {};
+
+        if (switch_value !== (switch_value =
+        /*module*/
+        ctx[109]["default"])) {
+          if (switch_instance) {
+            group_outros();
+            var old_component = switch_instance;
+            transition_out(old_component.$$.fragment, 1, 0, function () {
+              destroy_component(old_component, 1);
+            });
+            check_outros();
+          }
+
+          if (switch_value) {
+            switch_instance = new switch_value(switch_props());
+            create_component(switch_instance.$$.fragment);
+            transition_in(switch_instance.$$.fragment, 1);
+            mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
+          } else {
+            switch_instance = null;
+          }
+        } else if (switch_value) {
+          switch_instance.$set(switch_instance_changes);
+        }
+      },
+      i: function i(local) {
+        if (current) return;
+        if (switch_instance) transition_in(switch_instance.$$.fragment, local);
+        current = true;
+      },
+      o: function o(local) {
+        if (switch_instance) transition_out(switch_instance.$$.fragment, local);
+        current = false;
+      },
+      d: function d(detaching) {
+        if (detaching) detach(first);
+        if (detaching) detach(switch_instance_anchor);
+        if (switch_instance) destroy_component(switch_instance, detaching);
+      }
+    };
+  } // (934:4) {#if closer && !_nonBlock}
+
+
+  function create_if_block_8(ctx) {
+    var div;
+    var span;
+    var span_class_value;
+    var div_class_value;
+    var div_title_value;
+    var mounted;
+    var dispose;
+    return {
+      c: function c() {
+        div = element("div");
+        span = element("span");
+        attr(span, "class", span_class_value =
+        /*getIcon*/
+        ctx[22]("closer"));
+        attr(div, "class", div_class_value = "pnotify-closer ".concat(
+        /*getStyle*/
+        ctx[21]("closer"), " ").concat((!
+        /*closerHover*/
+        ctx[17] ||
+        /*_interacting*/
+        ctx[26]) && !
+        /*_masking*/
+        ctx[28] ? "" : "pnotify-hidden"));
+        attr(div, "role", "button");
+        attr(div, "tabindex", "0");
+        attr(div, "title", div_title_value =
+        /*labels*/
+        ctx[20].close);
+      },
+      m: function m(target, anchor) {
+        insert(target, div, anchor);
+        append(div, span);
+
+        if (!mounted) {
+          dispose = listen(div, "click",
+          /*click_handler*/
+          ctx[81]);
+          mounted = true;
+        }
+      },
+      p: function p(ctx, dirty) {
+        if (dirty[0] &
+        /*closerHover, _interacting, _masking*/
+        335675392 && div_class_value !== (div_class_value = "pnotify-closer ".concat(
+        /*getStyle*/
+        ctx[21]("closer"), " ").concat((!
+        /*closerHover*/
+        ctx[17] ||
+        /*_interacting*/
+        ctx[26]) && !
+        /*_masking*/
+        ctx[28] ? "" : "pnotify-hidden"))) {
+          attr(div, "class", div_class_value);
+        }
+
+        if (dirty[0] &
+        /*labels*/
+        1048576 && div_title_value !== (div_title_value =
+        /*labels*/
+        ctx[20].close)) {
+          attr(div, "title", div_title_value);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div);
+        mounted = false;
+        dispose();
+      }
+    };
+  } // (945:4) {#if sticker && !_nonBlock}
+
+
+  function create_if_block_7(ctx) {
+    var div;
+    var span;
+    var span_class_value;
+    var div_class_value;
+    var div_aria_pressed_value;
+    var div_title_value;
+    var mounted;
+    var dispose;
+    return {
+      c: function c() {
+        div = element("div");
+        span = element("span");
+        attr(span, "class", span_class_value = "".concat(
+        /*getIcon*/
+        ctx[22]("sticker"), " ").concat(
+        /*hide*/
+        ctx[3] ?
+        /*getIcon*/
+        ctx[22]("unstuck") :
+        /*getIcon*/
+        ctx[22]("stuck")));
+        attr(div, "class", div_class_value = "pnotify-sticker ".concat(
+        /*getStyle*/
+        ctx[21]("sticker"), " ").concat((!
+        /*stickerHover*/
+        ctx[19] ||
+        /*_interacting*/
+        ctx[26]) && !
+        /*_masking*/
+        ctx[28] ? "" : "pnotify-hidden"));
+        attr(div, "role", "button");
+        attr(div, "aria-pressed", div_aria_pressed_value = !
+        /*hide*/
+        ctx[3]);
+        attr(div, "tabindex", "0");
+        attr(div, "title", div_title_value =
+        /*hide*/
+        ctx[3] ?
+        /*labels*/
+        ctx[20].stick :
+        /*labels*/
+        ctx[20].unstick);
+      },
+      m: function m(target, anchor) {
+        insert(target, div, anchor);
+        append(div, span);
+
+        if (!mounted) {
+          dispose = listen(div, "click",
+          /*click_handler_1*/
+          ctx[82]);
+          mounted = true;
+        }
+      },
+      p: function p(ctx, dirty) {
+        if (dirty[0] &
+        /*hide*/
+        8 && span_class_value !== (span_class_value = "".concat(
+        /*getIcon*/
+        ctx[22]("sticker"), " ").concat(
+        /*hide*/
+        ctx[3] ?
+        /*getIcon*/
+        ctx[22]("unstuck") :
+        /*getIcon*/
+        ctx[22]("stuck")))) {
+          attr(span, "class", span_class_value);
+        }
+
+        if (dirty[0] &
+        /*stickerHover, _interacting, _masking*/
+        336068608 && div_class_value !== (div_class_value = "pnotify-sticker ".concat(
+        /*getStyle*/
+        ctx[21]("sticker"), " ").concat((!
+        /*stickerHover*/
+        ctx[19] ||
+        /*_interacting*/
+        ctx[26]) && !
+        /*_masking*/
+        ctx[28] ? "" : "pnotify-hidden"))) {
+          attr(div, "class", div_class_value);
+        }
+
+        if (dirty[0] &
+        /*hide*/
+        8 && div_aria_pressed_value !== (div_aria_pressed_value = !
+        /*hide*/
+        ctx[3])) {
+          attr(div, "aria-pressed", div_aria_pressed_value);
+        }
+
+        if (dirty[0] &
+        /*hide, labels*/
+        1048584 && div_title_value !== (div_title_value =
+        /*hide*/
+        ctx[3] ?
+        /*labels*/
+        ctx[20].stick :
+        /*labels*/
+        ctx[20].unstick)) {
+          attr(div, "title", div_title_value);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div);
+        mounted = false;
+        dispose();
+      }
+    };
+  } // (959:4) {#if icon !== false}
+
+
+  function create_if_block_6(ctx) {
+    var div;
+    var span;
+    var span_class_value;
+    var div_class_value;
+    return {
+      c: function c() {
+        div = element("div");
+        span = element("span");
+        attr(span, "class", span_class_value =
+        /*icon*/
+        ctx[13] === true ?
+        /*getIcon*/
+        ctx[22](
+        /*type*/
+        ctx[4]) :
+        /*icon*/
+        ctx[13]);
+        attr(div, "class", div_class_value = "pnotify-icon ".concat(
+        /*getStyle*/
+        ctx[21]("icon")));
+      },
+      m: function m(target, anchor) {
+        insert(target, div, anchor);
+        append(div, span);
+        /*div_binding*/
+
+        ctx[83](div);
+      },
+      p: function p(ctx, dirty) {
+        if (dirty[0] &
+        /*icon, type*/
+        8208 && span_class_value !== (span_class_value =
+        /*icon*/
+        ctx[13] === true ?
+        /*getIcon*/
+        ctx[22](
+        /*type*/
+        ctx[4]) :
+        /*icon*/
+        ctx[13])) {
+          attr(span, "class", span_class_value);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div);
+        /*div_binding*/
+
+        ctx[83](null);
+      }
+    };
+  } // (971:6) {#each modulesPrependContent as [module, options] (module)}
+
+
+  function create_each_block_2(key_1, ctx) {
+    var first;
+    var switch_instance;
+    var switch_instance_anchor;
+    var current;
+    var switch_instance_spread_levels = [{
+      self:
+      /*self*/
+      ctx[42]
+    },
+    /*options*/
+    ctx[110]];
+    var switch_value =
+    /*module*/
+    ctx[109]["default"];
+
+    function switch_props(ctx) {
+      var switch_instance_props = {};
+
+      for (var i = 0; i < switch_instance_spread_levels.length; i += 1) {
+        switch_instance_props = assign(switch_instance_props, switch_instance_spread_levels[i]);
+      }
+
+      return {
+        props: switch_instance_props
+      };
+    }
+
+    if (switch_value) {
+      switch_instance = new switch_value(switch_props());
+    }
+
+    return {
+      key: key_1,
+      first: null,
+      c: function c() {
+        first = empty();
+        if (switch_instance) create_component(switch_instance.$$.fragment);
+        switch_instance_anchor = empty();
+        this.first = first;
+      },
+      m: function m(target, anchor) {
+        insert(target, first, anchor);
+
+        if (switch_instance) {
+          mount_component(switch_instance, target, anchor);
+        }
+
+        insert(target, switch_instance_anchor, anchor);
+        current = true;
+      },
+      p: function p(ctx, dirty) {
+        var switch_instance_changes = dirty[1] &
+        /*self, modulesPrependContent*/
+        2304 ? get_spread_update(switch_instance_spread_levels, [dirty[1] &
+        /*self*/
+        2048 && {
+          self:
+          /*self*/
+          ctx[42]
+        }, dirty[1] &
+        /*modulesPrependContent*/
+        256 && get_spread_object(
+        /*options*/
+        ctx[110])]) : {};
+
+        if (switch_value !== (switch_value =
+        /*module*/
+        ctx[109]["default"])) {
+          if (switch_instance) {
+            group_outros();
+            var old_component = switch_instance;
+            transition_out(old_component.$$.fragment, 1, 0, function () {
+              destroy_component(old_component, 1);
+            });
+            check_outros();
+          }
+
+          if (switch_value) {
+            switch_instance = new switch_value(switch_props());
+            create_component(switch_instance.$$.fragment);
+            transition_in(switch_instance.$$.fragment, 1);
+            mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
+          } else {
+            switch_instance = null;
+          }
+        } else if (switch_value) {
+          switch_instance.$set(switch_instance_changes);
+        }
+      },
+      i: function i(local) {
+        if (current) return;
+        if (switch_instance) transition_in(switch_instance.$$.fragment, local);
+        current = true;
+      },
+      o: function o(local) {
+        if (switch_instance) transition_out(switch_instance.$$.fragment, local);
+        current = false;
+      },
+      d: function d(detaching) {
+        if (detaching) detach(first);
+        if (detaching) detach(switch_instance_anchor);
+        if (switch_instance) destroy_component(switch_instance, detaching);
+      }
+    };
+  } // (974:6) {#if title !== false}
+
+
+  function create_if_block_3(ctx) {
+    var div;
+    var div_class_value;
+    var if_block = !
+    /*_titleElement*/
+    ctx[34] && create_if_block_4(ctx);
+    return {
+      c: function c() {
+        div = element("div");
+        if (if_block) if_block.c();
+        attr(div, "class", div_class_value = "pnotify-title ".concat(
+        /*getStyle*/
+        ctx[21]("title")));
+      },
+      m: function m(target, anchor) {
+        insert(target, div, anchor);
+        if (if_block) if_block.m(div, null);
+        /*div_binding_1*/
+
+        ctx[84](div);
+      },
+      p: function p(ctx, dirty) {
+        if (!
+        /*_titleElement*/
+        ctx[34]) {
+          if (if_block) {
+            if_block.p(ctx, dirty);
+          } else {
+            if_block = create_if_block_4(ctx);
+            if_block.c();
+            if_block.m(div, null);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div);
+        if (if_block) if_block.d();
+        /*div_binding_1*/
+
+        ctx[84](null);
+      }
+    };
+  } // (979:10) {#if !_titleElement}
+
+
+  function create_if_block_4(ctx) {
+    var if_block_anchor;
+
+    function select_block_type(ctx, dirty) {
+      if (
+      /*titleTrusted*/
+      ctx[6]) return create_if_block_5;
+      return create_else_block_1;
+    }
+
+    var current_block_type = select_block_type(ctx);
+    var if_block = current_block_type(ctx);
+    return {
+      c: function c() {
+        if_block.c();
+        if_block_anchor = empty();
+      },
+      m: function m(target, anchor) {
+        if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+      },
+      p: function p(ctx, dirty) {
+        if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+          if_block.p(ctx, dirty);
+        } else {
+          if_block.d(1);
+          if_block = current_block_type(ctx);
+
+          if (if_block) {
+            if_block.c();
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        }
+      },
+      d: function d(detaching) {
+        if_block.d(detaching);
+        if (detaching) detach(if_block_anchor);
+      }
+    };
+  } // (982:12) {:else}
+
+
+  function create_else_block_1(ctx) {
+    var span;
+    var t;
+    return {
+      c: function c() {
+        span = element("span");
+        t = text(
+        /*title*/
+        ctx[5]);
+        attr(span, "class", "pnotify-pre-line");
+      },
+      m: function m(target, anchor) {
+        insert(target, span, anchor);
+        append(span, t);
+      },
+      p: function p(ctx, dirty) {
+        if (dirty[0] &
+        /*title*/
+        32) set_data(t,
+        /*title*/
+        ctx[5]);
+      },
+      d: function d(detaching) {
+        if (detaching) detach(span);
+      }
+    };
+  } // (980:12) {#if titleTrusted}
+
+
+  function create_if_block_5(ctx) {
+    var html_tag;
+    var html_anchor;
+    return {
+      c: function c() {
+        html_anchor = empty();
+        html_tag = new HtmlTag(html_anchor);
+      },
+      m: function m(target, anchor) {
+        html_tag.m(
+        /*title*/
+        ctx[5], target, anchor);
+        insert(target, html_anchor, anchor);
+      },
+      p: function p(ctx, dirty) {
+        if (dirty[0] &
+        /*title*/
+        32) html_tag.p(
+        /*title*/
+        ctx[5]);
+      },
+      d: function d(detaching) {
+        if (detaching) detach(html_anchor);
+        if (detaching) html_tag.d();
+      }
+    };
+  } // (988:6) {#if text !== false}
+
+
+  function create_if_block(ctx) {
+    var div;
+    var div_class_value;
+    var if_block = !
+    /*_textElement*/
+    ctx[35] && create_if_block_1(ctx);
+    return {
+      c: function c() {
+        div = element("div");
+        if (if_block) if_block.c();
+        attr(div, "class", div_class_value = "pnotify-text ".concat(
+        /*getStyle*/
+        ctx[21]("text"), " ").concat(
+        /*_maxTextHeightStyle*/
+        ctx[33] === "" ? "" : "pnotify-text-with-max-height"));
+        attr(div, "style",
+        /*_maxTextHeightStyle*/
+        ctx[33]);
+        attr(div, "role", "alert");
+      },
+      m: function m(target, anchor) {
+        insert(target, div, anchor);
+        if (if_block) if_block.m(div, null);
+        /*div_binding_2*/
+
+        ctx[85](div);
+      },
+      p: function p(ctx, dirty) {
+        if (!
+        /*_textElement*/
+        ctx[35]) {
+          if (if_block) {
+            if_block.p(ctx, dirty);
+          } else {
+            if_block = create_if_block_1(ctx);
+            if_block.c();
+            if_block.m(div, null);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+
+        if (dirty[1] &
+        /*_maxTextHeightStyle*/
+        4 && div_class_value !== (div_class_value = "pnotify-text ".concat(
+        /*getStyle*/
+        ctx[21]("text"), " ").concat(
+        /*_maxTextHeightStyle*/
+        ctx[33] === "" ? "" : "pnotify-text-with-max-height"))) {
+          attr(div, "class", div_class_value);
+        }
+
+        if (dirty[1] &
+        /*_maxTextHeightStyle*/
+        4) {
+          attr(div, "style",
+          /*_maxTextHeightStyle*/
+          ctx[33]);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div);
+        if (if_block) if_block.d();
+        /*div_binding_2*/
+
+        ctx[85](null);
+      }
+    };
+  } // (995:10) {#if !_textElement}
+
+
+  function create_if_block_1(ctx) {
+    var if_block_anchor;
+
+    function select_block_type_1(ctx, dirty) {
+      if (
+      /*textTrusted*/
+      ctx[8]) return create_if_block_2;
+      return create_else_block;
+    }
+
+    var current_block_type = select_block_type_1(ctx);
+    var if_block = current_block_type(ctx);
+    return {
+      c: function c() {
+        if_block.c();
+        if_block_anchor = empty();
+      },
+      m: function m(target, anchor) {
+        if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+      },
+      p: function p(ctx, dirty) {
+        if (current_block_type === (current_block_type = select_block_type_1(ctx)) && if_block) {
+          if_block.p(ctx, dirty);
+        } else {
+          if_block.d(1);
+          if_block = current_block_type(ctx);
+
+          if (if_block) {
+            if_block.c();
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        }
+      },
+      d: function d(detaching) {
+        if_block.d(detaching);
+        if (detaching) detach(if_block_anchor);
+      }
+    };
+  } // (998:12) {:else}
+
+
+  function create_else_block(ctx) {
+    var span;
+    var t;
+    return {
+      c: function c() {
+        span = element("span");
+        t = text(
+        /*text*/
+        ctx[7]);
+        attr(span, "class", "pnotify-pre-line");
+      },
+      m: function m(target, anchor) {
+        insert(target, span, anchor);
+        append(span, t);
+      },
+      p: function p(ctx, dirty) {
+        if (dirty[0] &
+        /*text*/
+        128) set_data(t,
+        /*text*/
+        ctx[7]);
+      },
+      d: function d(detaching) {
+        if (detaching) detach(span);
+      }
+    };
+  } // (996:12) {#if textTrusted}
+
+
+  function create_if_block_2(ctx) {
+    var html_tag;
+    var html_anchor;
+    return {
+      c: function c() {
+        html_anchor = empty();
+        html_tag = new HtmlTag(html_anchor);
+      },
+      m: function m(target, anchor) {
+        html_tag.m(
+        /*text*/
+        ctx[7], target, anchor);
+        insert(target, html_anchor, anchor);
+      },
+      p: function p(ctx, dirty) {
+        if (dirty[0] &
+        /*text*/
+        128) html_tag.p(
+        /*text*/
+        ctx[7]);
+      },
+      d: function d(detaching) {
+        if (detaching) detach(html_anchor);
+        if (detaching) html_tag.d();
+      }
+    };
+  } // (1004:6) {#each modulesAppendContent as [module, options] (module)}
+
+
+  function create_each_block_1(key_1, ctx) {
+    var first;
+    var switch_instance;
+    var switch_instance_anchor;
+    var current;
+    var switch_instance_spread_levels = [{
+      self:
+      /*self*/
+      ctx[42]
+    },
+    /*options*/
+    ctx[110]];
+    var switch_value =
+    /*module*/
+    ctx[109]["default"];
+
+    function switch_props(ctx) {
+      var switch_instance_props = {};
+
+      for (var i = 0; i < switch_instance_spread_levels.length; i += 1) {
+        switch_instance_props = assign(switch_instance_props, switch_instance_spread_levels[i]);
+      }
+
+      return {
+        props: switch_instance_props
+      };
+    }
+
+    if (switch_value) {
+      switch_instance = new switch_value(switch_props());
+    }
+
+    return {
+      key: key_1,
+      first: null,
+      c: function c() {
+        first = empty();
+        if (switch_instance) create_component(switch_instance.$$.fragment);
+        switch_instance_anchor = empty();
+        this.first = first;
+      },
+      m: function m(target, anchor) {
+        insert(target, first, anchor);
+
+        if (switch_instance) {
+          mount_component(switch_instance, target, anchor);
+        }
+
+        insert(target, switch_instance_anchor, anchor);
+        current = true;
+      },
+      p: function p(ctx, dirty) {
+        var switch_instance_changes = dirty[1] &
+        /*self, modulesAppendContent*/
+        2560 ? get_spread_update(switch_instance_spread_levels, [dirty[1] &
+        /*self*/
+        2048 && {
+          self:
+          /*self*/
+          ctx[42]
+        }, dirty[1] &
+        /*modulesAppendContent*/
+        512 && get_spread_object(
+        /*options*/
+        ctx[110])]) : {};
+
+        if (switch_value !== (switch_value =
+        /*module*/
+        ctx[109]["default"])) {
+          if (switch_instance) {
+            group_outros();
+            var old_component = switch_instance;
+            transition_out(old_component.$$.fragment, 1, 0, function () {
+              destroy_component(old_component, 1);
+            });
+            check_outros();
+          }
+
+          if (switch_value) {
+            switch_instance = new switch_value(switch_props());
+            create_component(switch_instance.$$.fragment);
+            transition_in(switch_instance.$$.fragment, 1);
+            mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
+          } else {
+            switch_instance = null;
+          }
+        } else if (switch_value) {
+          switch_instance.$set(switch_instance_changes);
+        }
+      },
+      i: function i(local) {
+        if (current) return;
+        if (switch_instance) transition_in(switch_instance.$$.fragment, local);
+        current = true;
+      },
+      o: function o(local) {
+        if (switch_instance) transition_out(switch_instance.$$.fragment, local);
+        current = false;
+      },
+      d: function d(detaching) {
+        if (detaching) detach(first);
+        if (detaching) detach(switch_instance_anchor);
+        if (switch_instance) destroy_component(switch_instance, detaching);
+      }
+    };
+  } // (1008:4) {#each modulesAppendContainer as [module, options] (module)}
+
+
+  function create_each_block(key_1, ctx) {
+    var first;
+    var switch_instance;
+    var switch_instance_anchor;
+    var current;
+    var switch_instance_spread_levels = [{
+      self:
+      /*self*/
+      ctx[42]
+    },
+    /*options*/
+    ctx[110]];
+    var switch_value =
+    /*module*/
+    ctx[109]["default"];
+
+    function switch_props(ctx) {
+      var switch_instance_props = {};
+
+      for (var i = 0; i < switch_instance_spread_levels.length; i += 1) {
+        switch_instance_props = assign(switch_instance_props, switch_instance_spread_levels[i]);
+      }
+
+      return {
+        props: switch_instance_props
+      };
+    }
+
+    if (switch_value) {
+      switch_instance = new switch_value(switch_props());
+    }
+
+    return {
+      key: key_1,
+      first: null,
+      c: function c() {
+        first = empty();
+        if (switch_instance) create_component(switch_instance.$$.fragment);
+        switch_instance_anchor = empty();
+        this.first = first;
+      },
+      m: function m(target, anchor) {
+        insert(target, first, anchor);
+
+        if (switch_instance) {
+          mount_component(switch_instance, target, anchor);
+        }
+
+        insert(target, switch_instance_anchor, anchor);
+        current = true;
+      },
+      p: function p(ctx, dirty) {
+        var switch_instance_changes = dirty[1] &
+        /*self, modulesAppendContainer*/
+        3072 ? get_spread_update(switch_instance_spread_levels, [dirty[1] &
+        /*self*/
+        2048 && {
+          self:
+          /*self*/
+          ctx[42]
+        }, dirty[1] &
+        /*modulesAppendContainer*/
+        1024 && get_spread_object(
+        /*options*/
+        ctx[110])]) : {};
+
+        if (switch_value !== (switch_value =
+        /*module*/
+        ctx[109]["default"])) {
+          if (switch_instance) {
+            group_outros();
+            var old_component = switch_instance;
+            transition_out(old_component.$$.fragment, 1, 0, function () {
+              destroy_component(old_component, 1);
+            });
+            check_outros();
+          }
+
+          if (switch_value) {
+            switch_instance = new switch_value(switch_props());
+            create_component(switch_instance.$$.fragment);
+            transition_in(switch_instance.$$.fragment, 1);
+            mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
+          } else {
+            switch_instance = null;
+          }
+        } else if (switch_value) {
+          switch_instance.$set(switch_instance_changes);
+        }
+      },
+      i: function i(local) {
+        if (current) return;
+        if (switch_instance) transition_in(switch_instance.$$.fragment, local);
+        current = true;
+      },
+      o: function o(local) {
+        if (switch_instance) transition_out(switch_instance.$$.fragment, local);
+        current = false;
+      },
+      d: function d(detaching) {
+        if (detaching) detach(first);
+        if (detaching) detach(switch_instance_anchor);
+        if (switch_instance) destroy_component(switch_instance, detaching);
+      }
+    };
+  }
+
+  function create_fragment(ctx) {
+    var div2;
+    var div1;
+    var each_blocks_3 = [];
+    var each0_lookup = new Map_1();
+    var t0;
+    var t1;
+    var t2;
+    var t3;
+    var div0;
+    var each_blocks_2 = [];
+    var each1_lookup = new Map_1();
+    var t4;
+    var t5;
+    var t6;
+    var each_blocks_1 = [];
+    var each2_lookup = new Map_1();
+    var div0_class_value;
+    var t7;
+    var each_blocks = [];
+    var each3_lookup = new Map_1();
+    var div1_class_value;
+    var div1_style_value;
+    var div2_class_value;
+    var forwardEvents_action;
+    var current;
+    var mounted;
+    var dispose;
+    var each_value_3 =
+    /*modulesPrependContainer*/
+    ctx[38];
+
+    var get_key = function get_key(ctx) {
+      return (
+        /*module*/
+        ctx[109]
+      );
+    };
+
+    for (var i = 0; i < each_value_3.length; i += 1) {
+      var child_ctx = get_each_context_3(ctx, each_value_3, i);
+      var key = get_key(child_ctx);
+      each0_lookup.set(key, each_blocks_3[i] = create_each_block_3(key, child_ctx));
+    }
+
+    var if_block0 =
+    /*closer*/
+    ctx[16] && !
+    /*_nonBlock*/
+    ctx[36] && create_if_block_8(ctx);
+    var if_block1 =
+    /*sticker*/
+    ctx[18] && !
+    /*_nonBlock*/
+    ctx[36] && create_if_block_7(ctx);
+    var if_block2 =
+    /*icon*/
+    ctx[13] !== false && create_if_block_6(ctx);
+    var each_value_2 =
+    /*modulesPrependContent*/
+    ctx[39];
+
+    var get_key_1 = function get_key_1(ctx) {
+      return (
+        /*module*/
+        ctx[109]
+      );
+    };
+
+    for (var _i = 0; _i < each_value_2.length; _i += 1) {
+      var _child_ctx = get_each_context_2(ctx, each_value_2, _i);
+
+      var _key = get_key_1(_child_ctx);
+
+      each1_lookup.set(_key, each_blocks_2[_i] = create_each_block_2(_key, _child_ctx));
+    }
+
+    var if_block3 =
+    /*title*/
+    ctx[5] !== false && create_if_block_3(ctx);
+    var if_block4 =
+    /*text*/
+    ctx[7] !== false && create_if_block(ctx);
+    var each_value_1 =
+    /*modulesAppendContent*/
+    ctx[40];
+
+    var get_key_2 = function get_key_2(ctx) {
+      return (
+        /*module*/
+        ctx[109]
+      );
+    };
+
+    for (var _i2 = 0; _i2 < each_value_1.length; _i2 += 1) {
+      var _child_ctx2 = get_each_context_1(ctx, each_value_1, _i2);
+
+      var _key2 = get_key_2(_child_ctx2);
+
+      each2_lookup.set(_key2, each_blocks_1[_i2] = create_each_block_1(_key2, _child_ctx2));
+    }
+
+    var each_value =
+    /*modulesAppendContainer*/
+    ctx[41];
+
+    var get_key_3 = function get_key_3(ctx) {
+      return (
+        /*module*/
+        ctx[109]
+      );
+    };
+
+    for (var _i3 = 0; _i3 < each_value.length; _i3 += 1) {
+      var _child_ctx3 = get_each_context(ctx, each_value, _i3);
+
+      var _key3 = get_key_3(_child_ctx3);
+
+      each3_lookup.set(_key3, each_blocks[_i3] = create_each_block(_key3, _child_ctx3));
+    }
+
+    return {
+      c: function c() {
+        div2 = element("div");
+        div1 = element("div");
+
+        for (var _i4 = 0; _i4 < each_blocks_3.length; _i4 += 1) {
+          each_blocks_3[_i4].c();
+        }
+
+        t0 = space();
+        if (if_block0) if_block0.c();
+        t1 = space();
+        if (if_block1) if_block1.c();
+        t2 = space();
+        if (if_block2) if_block2.c();
+        t3 = space();
+        div0 = element("div");
+
+        for (var _i5 = 0; _i5 < each_blocks_2.length; _i5 += 1) {
+          each_blocks_2[_i5].c();
+        }
+
+        t4 = space();
+        if (if_block3) if_block3.c();
+        t5 = space();
+        if (if_block4) if_block4.c();
+        t6 = space();
+
+        for (var _i6 = 0; _i6 < each_blocks_1.length; _i6 += 1) {
+          each_blocks_1[_i6].c();
+        }
+
+        t7 = space();
+
+        for (var _i7 = 0; _i7 < each_blocks.length; _i7 += 1) {
+          each_blocks[_i7].c();
+        }
+
+        attr(div0, "class", div0_class_value = "pnotify-content ".concat(
+        /*getStyle*/
+        ctx[21]("content")));
+        attr(div1, "class", div1_class_value = "pnotify-container ".concat(
+        /*getStyle*/
+        ctx[21]("container"), " ").concat(
+        /*getStyle*/
+        ctx[21](
+        /*type*/
+        ctx[4]), " ").concat(
+        /*shadow*/
+        ctx[15] ? "pnotify-shadow" : "", " ").concat(
+        /*_moduleClasses*/
+        ctx[27].container.join(" ")));
+        attr(div1, "style", div1_style_value = "".concat(
+        /*_widthStyle*/
+        ctx[31], " ").concat(
+        /*_minHeightStyle*/
+        ctx[32]));
+        attr(div1, "role", "alert");
+        attr(div2, "data-pnotify", "");
+        attr(div2, "class", div2_class_value = "pnotify ".concat(!
+        /*stack*/
+        ctx[0] ||
+        /*stack*/
+        ctx[0].positioned ? "pnotify-positioned" : "", " ").concat(
+        /*icon*/
+        ctx[13] !== false ? "pnotify-with-icon" : "", " ").concat(
+        /*getStyle*/
+        ctx[21]("elem"), " pnotify-mode-").concat(
+        /*mode*/
+        ctx[9], " ").concat(
+        /*addClass*/
+        ctx[10], " ").concat(
+        /*_animatingClass*/
+        ctx[24], " ").concat(
+        /*_moveClass*/
+        ctx[25], " ").concat(
+        /*_stackDirClass*/
+        ctx[37], " ").concat(
+        /*animation*/
+        ctx[2] === "fade" ? "pnotify-fade-".concat(
+        /*animateSpeed*/
+        ctx[14]) : "", " ").concat(
+        /*_modal*/
+        ctx[30] ? "pnotify-modal ".concat(
+        /*addModalClass*/
+        ctx[11]) :
+        /*addModelessClass*/
+        ctx[12], " ").concat(
+        /*_masking*/
+        ctx[28] ? "pnotify-masking" : "", " ").concat(
+        /*_maskingIn*/
+        ctx[29] ? "pnotify-masking-in" : "", " ").concat(
+        /*_moduleClasses*/
+        ctx[27].elem.join(" ")));
+        attr(div2, "aria-live", "assertive");
+        attr(div2, "role", "alertdialog");
+      },
+      m: function m(target, anchor) {
+        insert(target, div2, anchor);
+        append(div2, div1);
+
+        for (var _i8 = 0; _i8 < each_blocks_3.length; _i8 += 1) {
+          each_blocks_3[_i8].m(div1, null);
+        }
+
+        append(div1, t0);
+        if (if_block0) if_block0.m(div1, null);
+        append(div1, t1);
+        if (if_block1) if_block1.m(div1, null);
+        append(div1, t2);
+        if (if_block2) if_block2.m(div1, null);
+        append(div1, t3);
+        append(div1, div0);
+
+        for (var _i9 = 0; _i9 < each_blocks_2.length; _i9 += 1) {
+          each_blocks_2[_i9].m(div0, null);
+        }
+
+        append(div0, t4);
+        if (if_block3) if_block3.m(div0, null);
+        append(div0, t5);
+        if (if_block4) if_block4.m(div0, null);
+        append(div0, t6);
+
+        for (var _i10 = 0; _i10 < each_blocks_1.length; _i10 += 1) {
+          each_blocks_1[_i10].m(div0, null);
+        }
+        /*div0_binding*/
+
+
+        ctx[86](div0);
+        append(div1, t7);
+
+        for (var _i11 = 0; _i11 < each_blocks.length; _i11 += 1) {
+          each_blocks[_i11].m(div1, null);
+        }
+        /*div1_binding*/
+
+
+        ctx[87](div1);
+        /*div2_binding*/
+
+        ctx[88](div2);
+        current = true;
+
+        if (!mounted) {
+          dispose = [action_destroyer(forwardEvents_action =
+          /*forwardEvents*/
+          ctx[43].call(null, div2)), listen(div2, "mouseenter",
+          /*handleInteraction*/
+          ctx[44]), listen(div2, "mouseleave",
+          /*handleLeaveInteraction*/
+          ctx[45]), listen(div2, "focusin",
+          /*handleInteraction*/
+          ctx[44]), listen(div2, "focusout",
+          /*handleLeaveInteraction*/
+          ctx[45])];
+          mounted = true;
+        }
+      },
+      p: function p(ctx, dirty) {
+        if (dirty[1] &
+        /*modulesPrependContainer, self*/
+        2176) {
+          var _each_value_ =
+          /*modulesPrependContainer*/
+          ctx[38];
+          group_outros();
+          each_blocks_3 = update_keyed_each(each_blocks_3, dirty, get_key, 1, ctx, _each_value_, each0_lookup, div1, outro_and_destroy_block, create_each_block_3, t0, get_each_context_3);
+          check_outros();
+        }
+
+        if (
+        /*closer*/
+        ctx[16] && !
+        /*_nonBlock*/
+        ctx[36]) {
+          if (if_block0) {
+            if_block0.p(ctx, dirty);
+          } else {
+            if_block0 = create_if_block_8(ctx);
+            if_block0.c();
+            if_block0.m(div1, t1);
+          }
+        } else if (if_block0) {
+          if_block0.d(1);
+          if_block0 = null;
+        }
+
+        if (
+        /*sticker*/
+        ctx[18] && !
+        /*_nonBlock*/
+        ctx[36]) {
+          if (if_block1) {
+            if_block1.p(ctx, dirty);
+          } else {
+            if_block1 = create_if_block_7(ctx);
+            if_block1.c();
+            if_block1.m(div1, t2);
+          }
+        } else if (if_block1) {
+          if_block1.d(1);
+          if_block1 = null;
+        }
+
+        if (
+        /*icon*/
+        ctx[13] !== false) {
+          if (if_block2) {
+            if_block2.p(ctx, dirty);
+          } else {
+            if_block2 = create_if_block_6(ctx);
+            if_block2.c();
+            if_block2.m(div1, t3);
+          }
+        } else if (if_block2) {
+          if_block2.d(1);
+          if_block2 = null;
+        }
+
+        if (dirty[1] &
+        /*modulesPrependContent, self*/
+        2304) {
+          var _each_value_2 =
+          /*modulesPrependContent*/
+          ctx[39];
+          group_outros();
+          each_blocks_2 = update_keyed_each(each_blocks_2, dirty, get_key_1, 1, ctx, _each_value_2, each1_lookup, div0, outro_and_destroy_block, create_each_block_2, t4, get_each_context_2);
+          check_outros();
+        }
+
+        if (
+        /*title*/
+        ctx[5] !== false) {
+          if (if_block3) {
+            if_block3.p(ctx, dirty);
+          } else {
+            if_block3 = create_if_block_3(ctx);
+            if_block3.c();
+            if_block3.m(div0, t5);
+          }
+        } else if (if_block3) {
+          if_block3.d(1);
+          if_block3 = null;
+        }
+
+        if (
+        /*text*/
+        ctx[7] !== false) {
+          if (if_block4) {
+            if_block4.p(ctx, dirty);
+          } else {
+            if_block4 = create_if_block(ctx);
+            if_block4.c();
+            if_block4.m(div0, t6);
+          }
+        } else if (if_block4) {
+          if_block4.d(1);
+          if_block4 = null;
+        }
+
+        if (dirty[1] &
+        /*modulesAppendContent, self*/
+        2560) {
+          var _each_value_3 =
+          /*modulesAppendContent*/
+          ctx[40];
+          group_outros();
+          each_blocks_1 = update_keyed_each(each_blocks_1, dirty, get_key_2, 1, ctx, _each_value_3, each2_lookup, div0, outro_and_destroy_block, create_each_block_1, null, get_each_context_1);
+          check_outros();
+        }
+
+        if (dirty[1] &
+        /*modulesAppendContainer, self*/
+        3072) {
+          var _each_value =
+          /*modulesAppendContainer*/
+          ctx[41];
+          group_outros();
+          each_blocks = update_keyed_each(each_blocks, dirty, get_key_3, 1, ctx, _each_value, each3_lookup, div1, outro_and_destroy_block, create_each_block, null, get_each_context);
+          check_outros();
+        }
+
+        if (!current || dirty[0] &
+        /*type, shadow, _moduleClasses*/
+        134250512 && div1_class_value !== (div1_class_value = "pnotify-container ".concat(
+        /*getStyle*/
+        ctx[21]("container"), " ").concat(
+        /*getStyle*/
+        ctx[21](
+        /*type*/
+        ctx[4]), " ").concat(
+        /*shadow*/
+        ctx[15] ? "pnotify-shadow" : "", " ").concat(
+        /*_moduleClasses*/
+        ctx[27].container.join(" ")))) {
+          attr(div1, "class", div1_class_value);
+        }
+
+        if (!current || dirty[1] &
+        /*_widthStyle, _minHeightStyle*/
+        3 && div1_style_value !== (div1_style_value = "".concat(
+        /*_widthStyle*/
+        ctx[31], " ").concat(
+        /*_minHeightStyle*/
+        ctx[32]))) {
+          attr(div1, "style", div1_style_value);
+        }
+
+        if (!current || dirty[0] &
+        /*stack, icon, mode, addClass, _animatingClass, _moveClass, animation, animateSpeed, _modal, addModalClass, addModelessClass, _masking, _maskingIn, _moduleClasses*/
+        2063629829 | dirty[1] &
+        /*_stackDirClass*/
+        64 && div2_class_value !== (div2_class_value = "pnotify ".concat(!
+        /*stack*/
+        ctx[0] ||
+        /*stack*/
+        ctx[0].positioned ? "pnotify-positioned" : "", " ").concat(
+        /*icon*/
+        ctx[13] !== false ? "pnotify-with-icon" : "", " ").concat(
+        /*getStyle*/
+        ctx[21]("elem"), " pnotify-mode-").concat(
+        /*mode*/
+        ctx[9], " ").concat(
+        /*addClass*/
+        ctx[10], " ").concat(
+        /*_animatingClass*/
+        ctx[24], " ").concat(
+        /*_moveClass*/
+        ctx[25], " ").concat(
+        /*_stackDirClass*/
+        ctx[37], " ").concat(
+        /*animation*/
+        ctx[2] === "fade" ? "pnotify-fade-".concat(
+        /*animateSpeed*/
+        ctx[14]) : "", " ").concat(
+        /*_modal*/
+        ctx[30] ? "pnotify-modal ".concat(
+        /*addModalClass*/
+        ctx[11]) :
+        /*addModelessClass*/
+        ctx[12], " ").concat(
+        /*_masking*/
+        ctx[28] ? "pnotify-masking" : "", " ").concat(
+        /*_maskingIn*/
+        ctx[29] ? "pnotify-masking-in" : "", " ").concat(
+        /*_moduleClasses*/
+        ctx[27].elem.join(" ")))) {
+          attr(div2, "class", div2_class_value);
+        }
+      },
+      i: function i(local) {
+        if (current) return;
+
+        for (var _i12 = 0; _i12 < each_value_3.length; _i12 += 1) {
+          transition_in(each_blocks_3[_i12]);
+        }
+
+        for (var _i13 = 0; _i13 < each_value_2.length; _i13 += 1) {
+          transition_in(each_blocks_2[_i13]);
+        }
+
+        for (var _i14 = 0; _i14 < each_value_1.length; _i14 += 1) {
+          transition_in(each_blocks_1[_i14]);
+        }
+
+        for (var _i15 = 0; _i15 < each_value.length; _i15 += 1) {
+          transition_in(each_blocks[_i15]);
+        }
+
+        current = true;
+      },
+      o: function o(local) {
+        for (var _i16 = 0; _i16 < each_blocks_3.length; _i16 += 1) {
+          transition_out(each_blocks_3[_i16]);
+        }
+
+        for (var _i17 = 0; _i17 < each_blocks_2.length; _i17 += 1) {
+          transition_out(each_blocks_2[_i17]);
+        }
+
+        for (var _i18 = 0; _i18 < each_blocks_1.length; _i18 += 1) {
+          transition_out(each_blocks_1[_i18]);
+        }
+
+        for (var _i19 = 0; _i19 < each_blocks.length; _i19 += 1) {
+          transition_out(each_blocks[_i19]);
+        }
+
+        current = false;
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div2);
+
+        for (var _i20 = 0; _i20 < each_blocks_3.length; _i20 += 1) {
+          each_blocks_3[_i20].d();
+        }
+
+        if (if_block0) if_block0.d();
+        if (if_block1) if_block1.d();
+        if (if_block2) if_block2.d();
+
+        for (var _i21 = 0; _i21 < each_blocks_2.length; _i21 += 1) {
+          each_blocks_2[_i21].d();
+        }
+
+        if (if_block3) if_block3.d();
+        if (if_block4) if_block4.d();
+
+        for (var _i22 = 0; _i22 < each_blocks_1.length; _i22 += 1) {
+          each_blocks_1[_i22].d();
+        }
+        /*div0_binding*/
+
+
+        ctx[86](null);
+
+        for (var _i23 = 0; _i23 < each_blocks.length; _i23 += 1) {
+          each_blocks[_i23].d();
+        }
+        /*div1_binding*/
+
+
+        ctx[87](null);
+        /*div2_binding*/
+
+        ctx[88](null);
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  }
+
+  var alert = function alert(options) {
+    return component(getDefaultArgs(options));
+  };
+
+  var notice = function notice(options) {
+    return component(getDefaultArgs(options, "notice"));
+  };
+
+  var info = function info(options) {
+    return component(getDefaultArgs(options, "info"));
+  };
+
+  var success = function success(options) {
+    return component(getDefaultArgs(options, "success"));
+  };
+
+  var error = function error(options) {
+    return component(getDefaultArgs(options, "error"));
+  }; // Default arguments for the new notice helper functions.
+
+
+  function getDefaultArgs(options, type) {
+    if (_typeof(options) !== "object") {
+      options = {
+        text: options
+      };
+    } // Only assign the type if it was requested, so we don't overwrite
+    // options.type if it has something assigned.
+
+
+    if (type) {
+      options.type = type;
+    }
+
+    var target = document.body;
+
+    if ("stack" in options && options.stack && options.stack.context) {
+      target = options.stack.context;
+    }
+
+    return {
+      target: target,
+      props: options
+    };
+  }
+
+  var defaultStack = new Stack({
+    dir1: "down",
+    dir2: "left",
+    firstpos1: 25,
+    firstpos2: 25,
+    spacing1: 36,
+    spacing2: 36,
+    push: "bottom"
+  });
+  var defaultModules = new Map();
+  var defaults = {
+    type: "notice",
+    title: false,
+    titleTrusted: false,
+    text: false,
+    textTrusted: false,
+    styling: "brighttheme",
+    icons: "brighttheme",
+    mode: "no-preference",
+    addClass: "",
+    addModalClass: "",
+    addModelessClass: "",
+    autoOpen: true,
+    width: "360px",
+    minHeight: "16px",
+    maxTextHeight: "200px",
+    icon: true,
+    animation: "fade",
+    animateSpeed: "normal",
+    shadow: true,
+    hide: true,
+    delay: 8000,
+    mouseReset: true,
+    closer: true,
+    closerHover: true,
+    sticker: true,
+    stickerHover: true,
+    labels: {
+      close: "Close",
+      stick: "Pin",
+      unstick: "Unpin"
+    },
+    remove: true,
+    destroy: true,
+    stack: defaultStack,
+    modules: defaultModules
+  };
+  var posTimer; // These actions need to be done once the DOM is ready.
+
+  function onDocumentLoaded() {
+    if (!defaultStack.context) {
+      defaultStack.context = document.body;
+    } // Reposition the notices when the window resizes.
+
+
+    window.addEventListener("resize", function () {
+      // This timer is used for queueing the position event so it doesn't run
+      // repeatedly.
+      if (posTimer) {
+        clearTimeout(posTimer);
+      }
+
+      posTimer = setTimeout(function () {
+        var event = new Event("pnotify:position");
+        document.body.dispatchEvent(event);
+        posTimer = null;
+      }, 10);
+    });
+  } // Run the deferred actions once the DOM is ready.
+
+
+  if (window && document.body) {
+    onDocumentLoaded();
+  } else {
+    document.addEventListener("DOMContentLoaded", onDocumentLoaded);
+  }
+
+  function instance($$self, $$props, $$invalidate) {
+    var self = get_current_component();
+    var dispatch = createEventDispatcher();
+    var forwardEvents = forwardEventsBuilder(self, ["pnotify:init", "pnotify:mount", "pnotify:update", "pnotify:beforeOpen", "pnotify:afterOpen", "pnotify:enterModal", "pnotify:leaveModal", "pnotify:beforeClose", "pnotify:afterClose", "pnotify:beforeDestroy", "pnotify:afterDestroy", "focusin", "focusout", "animationend", "transitionend"]);
+    var _$$props$modules = $$props.modules,
+        modules = _$$props$modules === void 0 ? new Map(defaults.modules) : _$$props$modules;
+    var _$$props$stack = $$props.stack,
+        stack = _$$props$stack === void 0 ? defaults.stack : _$$props$stack;
+    var refs = {
+      elem: null,
+      container: null,
+      content: null,
+      iconContainer: null,
+      titleContainer: null,
+      textContainer: null
+    }; // Run init to give a chance for modules to override defaults.
+
+    var selfDefaults = _objectSpread2({}, defaults);
+
+    dispatchLifecycleEvent("init", {
+      notice: self,
+      defaults: selfDefaults
+    });
+    var _$$props$type = $$props.type,
+        type = _$$props$type === void 0 ? selfDefaults.type : _$$props$type;
+    var _$$props$title = $$props.title,
+        title = _$$props$title === void 0 ? selfDefaults.title : _$$props$title;
+    var _$$props$titleTrusted = $$props.titleTrusted,
+        titleTrusted = _$$props$titleTrusted === void 0 ? selfDefaults.titleTrusted : _$$props$titleTrusted;
+    var _$$props$text = $$props.text,
+        text = _$$props$text === void 0 ? selfDefaults.text : _$$props$text;
+    var _$$props$textTrusted = $$props.textTrusted,
+        textTrusted = _$$props$textTrusted === void 0 ? selfDefaults.textTrusted : _$$props$textTrusted;
+    var _$$props$styling = $$props.styling,
+        styling = _$$props$styling === void 0 ? selfDefaults.styling : _$$props$styling;
+    var _$$props$icons = $$props.icons,
+        icons = _$$props$icons === void 0 ? selfDefaults.icons : _$$props$icons;
+    var _$$props$mode = $$props.mode,
+        mode = _$$props$mode === void 0 ? selfDefaults.mode : _$$props$mode;
+    var _$$props$addClass = $$props.addClass,
+        addClass = _$$props$addClass === void 0 ? selfDefaults.addClass : _$$props$addClass;
+    var _$$props$addModalClas = $$props.addModalClass,
+        addModalClass = _$$props$addModalClas === void 0 ? selfDefaults.addModalClass : _$$props$addModalClas;
+    var _$$props$addModelessC = $$props.addModelessClass,
+        addModelessClass = _$$props$addModelessC === void 0 ? selfDefaults.addModelessClass : _$$props$addModelessC;
+    var _$$props$autoOpen = $$props.autoOpen,
+        autoOpen = _$$props$autoOpen === void 0 ? selfDefaults.autoOpen : _$$props$autoOpen;
+    var _$$props$width = $$props.width,
+        width = _$$props$width === void 0 ? selfDefaults.width : _$$props$width;
+    var _$$props$minHeight = $$props.minHeight,
+        minHeight = _$$props$minHeight === void 0 ? selfDefaults.minHeight : _$$props$minHeight;
+    var _$$props$maxTextHeigh = $$props.maxTextHeight,
+        maxTextHeight = _$$props$maxTextHeigh === void 0 ? selfDefaults.maxTextHeight : _$$props$maxTextHeigh;
+    var _$$props$icon = $$props.icon,
+        icon = _$$props$icon === void 0 ? selfDefaults.icon : _$$props$icon;
+    var _$$props$animation = $$props.animation,
+        animation = _$$props$animation === void 0 ? selfDefaults.animation : _$$props$animation;
+    var _$$props$animateSpeed = $$props.animateSpeed,
+        animateSpeed = _$$props$animateSpeed === void 0 ? selfDefaults.animateSpeed : _$$props$animateSpeed;
+    var _$$props$shadow = $$props.shadow,
+        shadow = _$$props$shadow === void 0 ? selfDefaults.shadow : _$$props$shadow;
+    var _$$props$hide = $$props.hide,
+        hide = _$$props$hide === void 0 ? selfDefaults.hide : _$$props$hide;
+    var _$$props$delay = $$props.delay,
+        delay = _$$props$delay === void 0 ? selfDefaults.delay : _$$props$delay;
+    var _$$props$mouseReset = $$props.mouseReset,
+        mouseReset = _$$props$mouseReset === void 0 ? selfDefaults.mouseReset : _$$props$mouseReset;
+    var _$$props$closer = $$props.closer,
+        closer = _$$props$closer === void 0 ? selfDefaults.closer : _$$props$closer;
+    var _$$props$closerHover = $$props.closerHover,
+        closerHover = _$$props$closerHover === void 0 ? selfDefaults.closerHover : _$$props$closerHover;
+    var _$$props$sticker = $$props.sticker,
+        sticker = _$$props$sticker === void 0 ? selfDefaults.sticker : _$$props$sticker;
+    var _$$props$stickerHover = $$props.stickerHover,
+        stickerHover = _$$props$stickerHover === void 0 ? selfDefaults.stickerHover : _$$props$stickerHover;
+    var _$$props$labels = $$props.labels,
+        labels = _$$props$labels === void 0 ? selfDefaults.labels : _$$props$labels;
+    var _$$props$remove = $$props.remove,
+        remove = _$$props$remove === void 0 ? selfDefaults.remove : _$$props$remove;
+    var _$$props$destroy = $$props.destroy,
+        destroy = _$$props$destroy === void 0 ? selfDefaults.destroy : _$$props$destroy; // The state can be 'waiting', 'opening', 'open', 'closing', or 'closed'.
+
+    var _state = "closed"; // Auto close timer.
+
+    var _timer = null; // Animation timers.
+
+    var _animInTimer = null;
+    var _animOutTimer = null; // Stores what is currently being animated (in or out).
+
+    var _animating = false; // Stores the class that adds entry/exit animation effects.
+
+    var _animatingClass = ""; // Stores the class that adds movement animation effects.
+
+    var _moveClass = ""; // Stores whether the notice was hidden by a timer.
+
+    var _timerHide = false; // Whether the mouse is over the notice or the notice is focused.
+
+    var _interacting = false; // Holds classes that modules add for the notice element or container element.
+
+    var _moduleClasses = {
+      elem: [],
+      container: []
+    }; // Modules that change how the notice displays (causing the notice element to
+    // not appear) can set these to true to make PNotify handle it correctly.
+
+    var _moduleHandled = false;
+    var _moduleOpen = false; // The masking control for the second notice in a modalish stack when the
+    // first notice is hovered.
+
+    var _masking = false;
+    var _maskingIn = false;
+    var _maskingTimer = null; // Save the old value of hide, so we can reset the timer if it changes.
+
+    var _oldHide = hide; // Promise that resolves when the notice has opened.
+
+    var _openPromise = null; // Promise that resolved when the notice closes.
+
+    var _closePromise = null;
+
+    var getState = function getState() {
+      return _state;
+    };
+
+    var getTimer = function getTimer() {
+      return _timer;
+    };
+
+    var getStyle = function getStyle(name) {
+      return typeof styling === "string" ? "".concat(styling, "-").concat(name) : name in styling ? styling[name] : "".concat(styling.prefix, "-").concat(name);
+    };
+
+    var getIcon = function getIcon(name) {
+      return typeof icons === "string" ? "".concat(icons, "-icon-").concat(name) : name in icons ? icons[name] : "".concat(icons.prefix, "-icon-").concat(name);
+    }; // Whether the notification is in a modal stack (or a modalish stack in modal
+    // state).
+
+
+    var _modal = stack && (stack.modal === true || stack.modal === "ish" && _timer === "prevented");
+
+    var _oldStack = NaN;
+    var _stackBeforeAddOverlayOff = null;
+    var _stackAfterRemoveOverlayOff = null;
+    onMount(function () {
+      dispatchLifecycleEvent("mount"); // Display the notice.
+
+      if (autoOpen) {
+        open()["catch"](function () {});
+      }
+    });
+    beforeUpdate(function () {
+      dispatchLifecycleEvent("update"); // Update the timed hiding.
+
+      if (_state !== "closed" && _state !== "waiting" && hide !== _oldHide) {
+        if (!hide) {
+          cancelClose();
+        } else if (!_oldHide) {
+          queueClose();
+        }
+      } // Queue a position
+
+
+      if (_state !== "closed" && _state !== "closing" && stack && !stack._collapsingModalState) {
+        stack.queuePosition();
+      } // Save old options.
+
+
+      _oldHide = hide;
+    });
+
+    function handleInteraction(e) {
+      $$invalidate(26, _interacting = true); // Stop animation, reset the removal timer when the user interacts.
+
+      if (mouseReset && _state === "closing") {
+        if (!_timerHide) {
+          return;
+        }
+
+        cancelClose();
+      } // Stop the close timer.
+
+
+      if (hide && mouseReset) {
+        cancelClose();
+      }
+    }
+
+    function handleLeaveInteraction(e) {
+      $$invalidate(26, _interacting = false); // Start the close timer.
+
+      if (hide && mouseReset && _animating !== "out" && ["open", "opening"].indexOf(_state) !== -1) {
+        queueClose();
+      }
+    } // This runs an event on all the modules.
+
+
+    function dispatchLifecycleEvent(event) {
+      var detail = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      var eventDetail = _objectSpread2({
+        notice: self
+      }, detail);
+
+      if (event === "init") {
+        Array.from(modules).forEach(function (_ref) {
+          var _ref2 = _slicedToArray(_ref, 2),
+              module = _ref2[0],
+              options = _ref2[1];
+
+          return "init" in module && module.init(eventDetail);
+        });
+      }
+
+      var target = refs.elem || stack && stack.context || document.body;
+
+      if (!target) {
+        dispatch("pnotify:".concat(event), eventDetail);
+        return true;
+      }
+
+      var eventObj = new Event("pnotify:".concat(event), {
+        bubbles: event === "init" || event === "mount",
+        cancelable: event.startsWith("before")
+      });
+      eventObj.detail = eventDetail;
+      target.dispatchEvent(eventObj);
+      return !eventObj.defaultPrevented;
+    }
+
+    function insertIntoDOM() {
+      // If the notice is not in the DOM, or in the wrong context, append it.
+      var target = stack && stack.context || document.body;
+
+      if (!target) {
+        throw new Error("No context to insert this notice into.");
+      }
+
+      if (!refs.elem) {
+        throw new Error("Trying to insert notice before element is available.");
+      }
+
+      if (refs.elem.parentNode !== target) {
+        target.appendChild(refs.elem);
+      }
+    }
+
+    function removeFromDOM() {
+      refs.elem && refs.elem.parentNode.removeChild(refs.elem);
+    }
+
+    var _$$props$open = $$props.open,
+        open = _$$props$open === void 0 ? function (immediate) {
+      if (_state === "opening") {
+        return _openPromise;
+      }
+
+      if (_state === "open") {
+        if (hide) {
+          queueClose();
+        }
+
+        return Promise.resolve();
+      }
+
+      if (!_moduleHandled && stack && stack._shouldNoticeWait(self)) {
+        _state = "waiting";
+        return Promise.reject();
+      }
+
+      if (!dispatchLifecycleEvent("beforeOpen", {
+        immediate: immediate
+      })) {
+        return Promise.reject();
+      }
+
+      _state = "opening";
+      $$invalidate(28, _masking = false); // This makes the notice visibity: hidden; so its dimensions can be
+      // determined.
+
+      $$invalidate(24, _animatingClass = "pnotify-initial pnotify-hidden");
+      var resolve;
+      var reject;
+      var promise = new Promise(function (res, rej) {
+        resolve = res;
+        reject = rej;
+      });
+      _openPromise = promise;
+
+      var afterOpenCallback = function afterOpenCallback() {
+        // Now set it to hide.
+        if (hide) {
+          queueClose();
+        }
+
+        _state = "open";
+        dispatchLifecycleEvent("afterOpen", {
+          immediate: immediate
+        });
+        _openPromise = null;
+        resolve();
+      };
+
+      if (_moduleOpen) {
+        afterOpenCallback();
+        return Promise.resolve();
+      }
+
+      insertIntoDOM(); // Wait until the DOM is updated.
+
+      window.requestAnimationFrame(function () {
+        if (_state !== "opening") {
+          reject();
+          _openPromise = null;
+          return;
+        }
+
+        if (stack) {
+          // Mark the stack so it won't animate the new notice.
+          $$invalidate(0, stack._animation = false, stack);
+
+          if (stack.push === "top") {
+            // Reset the position data so the notice is positioned as the first
+            // notice.
+            stack._resetPositionData();
+          } // Now position the stack's the notices.
+
+
+          stack._positionNotice(self);
+
+          stack.queuePosition(0); // Reset animation.
+
+          $$invalidate(0, stack._animation = true, stack);
+        }
+
+        animateIn(afterOpenCallback, immediate);
+      });
+      return promise;
+    } : _$$props$open;
+    var _$$props$close = $$props.close,
+        close = _$$props$close === void 0 ? function (immediate, timerHide, waitAfterward) {
+      if (_state === "closing") {
+        return _closePromise;
+      }
+
+      if (_state === "closed") {
+        return Promise.resolve();
+      }
+
+      var runDestroy = function runDestroy() {
+        if (!dispatchLifecycleEvent("beforeDestroy")) {
+          return;
+        }
+
+        if (stack) {
+          stack._removeNotice(self);
+        }
+
+        self.$destroy();
+        dispatchLifecycleEvent("afterDestroy");
+      };
+
+      if (_state === "waiting") {
+        if (waitAfterward) {
+          return Promise.resolve();
+        }
+
+        _state = "closed"; // It's debatable whether the notice should be destroyed in this case, but
+        // I'm going to go ahead and say yes.
+
+        if (destroy && !waitAfterward) {
+          runDestroy();
+        }
+
+        return Promise.resolve();
+      }
+
+      if (!dispatchLifecycleEvent("beforeClose", {
+        immediate: immediate,
+        timerHide: timerHide,
+        waitAfterward: waitAfterward
+      })) {
+        return Promise.reject();
+      }
+
+      _state = "closing";
+      _timerHide = !!timerHide; // Make sure it's a boolean.
+
+      if (_timer && _timer !== "prevented" && clearTimeout) {
+        clearTimeout(_timer);
+      }
+
+      _timer = null;
+      var resolve;
+      var promise = new Promise(function (res, rej) {
+        resolve = res;
+      });
+      _closePromise = promise;
+      animateOut(function () {
+        $$invalidate(26, _interacting = false);
+        _timerHide = false;
+        _state = waitAfterward ? "waiting" : "closed";
+        dispatchLifecycleEvent("afterClose", {
+          immediate: immediate,
+          timerHide: timerHide,
+          waitAfterward: waitAfterward
+        });
+        _closePromise = null;
+        resolve();
+
+        if (!waitAfterward) {
+          if (destroy) {
+            // If we're supposed to destroy the notice, run the destroy module
+            // events, remove from stack, and let Svelte handle DOM removal.
+            runDestroy();
+          } else if (remove) {
+            // If we're supposed to remove the notice from the DOM, do it.
+            removeFromDOM();
+          }
+        }
+      }, immediate);
+      return promise;
+    } : _$$props$close;
+    var _$$props$animateIn = $$props.animateIn,
+        animateIn = _$$props$animateIn === void 0 ? function (callback, immediate) {
+      // Declare that the notice is animating in.
+      _animating = "in";
+
+      var finished = function finished(event) {
+        if (event && refs.elem && event.target !== refs.elem) {
+          return;
+        }
+
+        refs.elem && refs.elem.removeEventListener("transitionend", finished);
+
+        if (_animInTimer) {
+          clearTimeout(_animInTimer);
+        }
+
+        if (_animating !== "in") {
+          return;
+        }
+
+        var visible = _moduleOpen;
+
+        if (!visible && refs.elem) {
+          var domRect = refs.elem.getBoundingClientRect();
+
+          for (var prop in domRect) {
+            if (domRect[prop] > 0) {
+              visible = true;
+              break;
+            }
+          }
+        }
+
+        if (visible) {
+          if (callback) {
+            callback.call();
+          } // Declare that the notice has completed animating.
+
+
+          _animating = false;
+        } else {
+          _animInTimer = setTimeout(finished, 40);
+        }
+      };
+
+      if (animation === "fade" && !immediate) {
+        refs.elem && refs.elem.addEventListener("transitionend", finished);
+        $$invalidate(24, _animatingClass = "pnotify-in");
+        tick().then(function () {
+          $$invalidate(24, _animatingClass = "pnotify-in pnotify-fade-in"); // Just in case the event doesn't fire, call it after 650 ms.
+
+          _animInTimer = setTimeout(finished, 650);
+        });
+      } else {
+        var _animation = animation;
+        $$invalidate(2, animation = "none");
+        $$invalidate(24, _animatingClass = "pnotify-in ".concat(_animation === "fade" ? "pnotify-fade-in" : ""));
+        tick().then(function () {
+          $$invalidate(2, animation = _animation);
+          finished();
+        });
+      }
+    } : _$$props$animateIn;
+    var _$$props$animateOut = $$props.animateOut,
+        animateOut = _$$props$animateOut === void 0 ? function (callback, immediate) {
+      // Declare that the notice is animating out.
+      _animating = "out";
+
+      var finished = function finished(event) {
+        if (event && refs.elem && event.target !== refs.elem) {
+          return;
+        }
+
+        refs.elem && refs.elem.removeEventListener("transitionend", finished);
+
+        if (_animOutTimer) {
+          clearTimeout(_animOutTimer);
+        }
+
+        if (_animating !== "out") {
+          return;
+        }
+
+        var visible = _moduleOpen;
+
+        if (!visible && refs.elem) {
+          var domRect = refs.elem.getBoundingClientRect();
+
+          for (var prop in domRect) {
+            if (domRect[prop] > 0) {
+              visible = true;
+              break;
+            }
+          }
+        }
+
+        if (!refs.elem || !refs.elem.style.opacity || refs.elem.style.opacity === "0" || !visible) {
+          $$invalidate(24, _animatingClass = "");
+
+          if (callback) {
+            callback.call();
+          } // Declare that the notice has completed animating.
+
+
+          _animating = false;
+        } else {
+          // In case this was called before the notice finished animating.
+          _animOutTimer = setTimeout(finished, 40);
+        }
+      };
+
+      if (animation === "fade" && !immediate) {
+        refs.elem && refs.elem.addEventListener("transitionend", finished);
+        $$invalidate(24, _animatingClass = "pnotify-in"); // Just in case the event doesn't fire, call it after 650 ms.
+
+        _animOutTimer = setTimeout(finished, 650);
+      } else {
+        $$invalidate(24, _animatingClass = "");
+        tick().then(function () {
+          finished();
+        });
+      }
+    } : _$$props$animateOut;
+
+    function cancelClose() {
+      if (_timer && _timer !== "prevented") {
+        clearTimeout(_timer);
+        _timer = null;
+      }
+
+      if (_animOutTimer) {
+        clearTimeout(_animOutTimer);
+      }
+
+      if (_state === "closing") {
+        // If it's animating out, stop it.
+        _state = "open";
+        _animating = false;
+        $$invalidate(24, _animatingClass = animation === "fade" ? "pnotify-in pnotify-fade-in" : "pnotify-in");
+      }
+    }
+
+    function queueClose() {
+      if (_timer === "prevented") {
+        return;
+      } // Cancel any current close timer.
+
+
+      cancelClose();
+
+      if (delay !== Infinity) {
+        _timer = setTimeout(function () {
+          return close(false, true);
+        }, isNaN(delay) ? 0 : delay);
+      }
+    }
+
+    function _preventTimerClose(prevent) {
+      if (prevent) {
+        cancelClose();
+        _timer = "prevented";
+      } else if (_timer === "prevented") {
+        _timer = null;
+
+        if (_state === "open" && hide) {
+          queueClose();
+        }
+      }
+    }
+
+    function on() {
+      return self.$on.apply(self, arguments);
+    }
+
+    function update() {
+      return self.$set.apply(self, arguments);
+    }
+
+    function fire(name, detail) {
+      dispatch(name, detail);
+    }
+
+    function addModuleClass(element) {
+      for (var i = 0; i < (arguments.length <= 1 ? 0 : arguments.length - 1); i++) {
+        var className = i + 1 < 1 || arguments.length <= i + 1 ? undefined : arguments[i + 1];
+
+        if (_moduleClasses[element].indexOf(className) === -1) {
+          _moduleClasses[element].push(className);
+        }
+      }
+
+      $$invalidate(27, _moduleClasses);
+    }
+
+    function removeModuleClass(element) {
+      for (var i = 0; i < (arguments.length <= 1 ? 0 : arguments.length - 1); i++) {
+        var className = i + 1 < 1 || arguments.length <= i + 1 ? undefined : arguments[i + 1];
+
+        var idx = _moduleClasses[element].indexOf(className);
+
+        if (idx !== -1) {
+          _moduleClasses[element].splice(idx, 1);
+        }
+      }
+
+      $$invalidate(27, _moduleClasses);
+    }
+
+    function hasModuleClass(element) {
+      for (var i = 0; i < (arguments.length <= 1 ? 0 : arguments.length - 1); i++) {
+        var className = i + 1 < 1 || arguments.length <= i + 1 ? undefined : arguments[i + 1];
+
+        if (_moduleClasses[element].indexOf(className) === -1) {
+          return false;
+        }
+      }
+
+      return true;
+    }
+
+    function getModuleHandled() {
+      return _moduleHandled;
+    }
+
+    function setModuleHandled(value) {
+      return _moduleHandled = value;
+    }
+
+    function getModuleOpen() {
+      return _moduleOpen;
+    }
+
+    function setModuleOpen(value) {
+      return _moduleOpen = value;
+    }
+
+    function setAnimating(value) {
+      return _animating = value;
+    }
+
+    function getAnimatingClass() {
+      return _animatingClass;
+    }
+
+    function setAnimatingClass(value) {
+      return $$invalidate(24, _animatingClass = value);
+    }
+
+    function _getMoveClass() {
+      return _moveClass;
+    }
+
+    function _setMoveClass(value) {
+      return $$invalidate(25, _moveClass = value);
+    }
+
+    function _setMasking(value, immediate, callback) {
+      if (_maskingTimer) {
+        clearTimeout(_maskingTimer);
+      }
+
+      if (_masking === value) {
+        return;
+      }
+
+      if (value) {
+        $$invalidate(28, _masking = true);
+        $$invalidate(29, _maskingIn = !!immediate);
+        insertIntoDOM();
+        tick().then(function () {
+          window.requestAnimationFrame(function () {
+            if (_masking) {
+              if (immediate && callback) {
+                callback();
+              } else {
+                $$invalidate(29, _maskingIn = true);
+
+                var finished = function finished() {
+                  refs.elem && refs.elem.removeEventListener("transitionend", finished);
+
+                  if (_maskingTimer) {
+                    clearTimeout(_maskingTimer);
+                  }
+
+                  if (_maskingIn && callback) {
+                    callback();
+                  }
+                };
+
+                refs.elem && refs.elem.addEventListener("transitionend", finished);
+                _maskingTimer = setTimeout(finished, 650);
+              }
+            }
+          });
+        });
+      } else if (immediate) {
+        $$invalidate(28, _masking = false);
+        $$invalidate(29, _maskingIn = false);
+
+        if (remove && ["open", "opening", "closing"].indexOf(_state) === -1) {
+          removeFromDOM();
+        }
+
+        if (callback) {
+          callback();
+        }
+      } else {
+        var finished = function finished() {
+          refs.elem && refs.elem.removeEventListener("transitionend", finished);
+
+          if (_maskingTimer) {
+            clearTimeout(_maskingTimer);
+          }
+
+          if (!_maskingIn) {
+            $$invalidate(28, _masking = false);
+
+            if (remove && ["open", "opening", "closing"].indexOf(_state) === -1) {
+              removeFromDOM();
+            }
+
+            if (callback) {
+              callback();
+            }
+          }
+        };
+
+        $$invalidate(29, _maskingIn = false);
+        refs.elem && refs.elem.addEventListener("transitionend", finished);
+        refs.elem && refs.elem.style.opacity; // This line is necessary for some reason. Some notices don't fade without it.
+        // Just in case the event doesn't fire, call it after 650 ms.
+
+        _maskingTimer = setTimeout(finished, 650);
+      }
+    }
+
+    var click_handler = function click_handler() {
+      return close(false);
+    };
+
+    var click_handler_1 = function click_handler_1() {
+      return $$invalidate(3, hide = !hide);
+    };
+
+    function div_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](function () {
+        refs.iconContainer = $$value;
+        $$invalidate(1, refs);
+      });
+    }
+
+    function div_binding_1($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](function () {
+        refs.titleContainer = $$value;
+        $$invalidate(1, refs);
+      });
+    }
+
+    function div_binding_2($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](function () {
+        refs.textContainer = $$value;
+        $$invalidate(1, refs);
+      });
+    }
+
+    function div0_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](function () {
+        refs.content = $$value;
+        $$invalidate(1, refs);
+      });
+    }
+
+    function div1_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](function () {
+        refs.container = $$value;
+        $$invalidate(1, refs);
+      });
+    }
+
+    function div2_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](function () {
+        refs.elem = $$value;
+        $$invalidate(1, refs);
+      });
+    }
+
+    $$self.$$set = function ($$props) {
+      if ("modules" in $$props) $$invalidate(46, modules = $$props.modules);
+      if ("stack" in $$props) $$invalidate(0, stack = $$props.stack);
+      if ("type" in $$props) $$invalidate(4, type = $$props.type);
+      if ("title" in $$props) $$invalidate(5, title = $$props.title);
+      if ("titleTrusted" in $$props) $$invalidate(6, titleTrusted = $$props.titleTrusted);
+      if ("text" in $$props) $$invalidate(7, text = $$props.text);
+      if ("textTrusted" in $$props) $$invalidate(8, textTrusted = $$props.textTrusted);
+      if ("styling" in $$props) $$invalidate(47, styling = $$props.styling);
+      if ("icons" in $$props) $$invalidate(48, icons = $$props.icons);
+      if ("mode" in $$props) $$invalidate(9, mode = $$props.mode);
+      if ("addClass" in $$props) $$invalidate(10, addClass = $$props.addClass);
+      if ("addModalClass" in $$props) $$invalidate(11, addModalClass = $$props.addModalClass);
+      if ("addModelessClass" in $$props) $$invalidate(12, addModelessClass = $$props.addModelessClass);
+      if ("autoOpen" in $$props) $$invalidate(49, autoOpen = $$props.autoOpen);
+      if ("width" in $$props) $$invalidate(50, width = $$props.width);
+      if ("minHeight" in $$props) $$invalidate(51, minHeight = $$props.minHeight);
+      if ("maxTextHeight" in $$props) $$invalidate(52, maxTextHeight = $$props.maxTextHeight);
+      if ("icon" in $$props) $$invalidate(13, icon = $$props.icon);
+      if ("animation" in $$props) $$invalidate(2, animation = $$props.animation);
+      if ("animateSpeed" in $$props) $$invalidate(14, animateSpeed = $$props.animateSpeed);
+      if ("shadow" in $$props) $$invalidate(15, shadow = $$props.shadow);
+      if ("hide" in $$props) $$invalidate(3, hide = $$props.hide);
+      if ("delay" in $$props) $$invalidate(53, delay = $$props.delay);
+      if ("mouseReset" in $$props) $$invalidate(54, mouseReset = $$props.mouseReset);
+      if ("closer" in $$props) $$invalidate(16, closer = $$props.closer);
+      if ("closerHover" in $$props) $$invalidate(17, closerHover = $$props.closerHover);
+      if ("sticker" in $$props) $$invalidate(18, sticker = $$props.sticker);
+      if ("stickerHover" in $$props) $$invalidate(19, stickerHover = $$props.stickerHover);
+      if ("labels" in $$props) $$invalidate(20, labels = $$props.labels);
+      if ("remove" in $$props) $$invalidate(55, remove = $$props.remove);
+      if ("destroy" in $$props) $$invalidate(56, destroy = $$props.destroy);
+      if ("open" in $$props) $$invalidate(59, open = $$props.open);
+      if ("close" in $$props) $$invalidate(23, close = $$props.close);
+      if ("animateIn" in $$props) $$invalidate(60, animateIn = $$props.animateIn);
+      if ("animateOut" in $$props) $$invalidate(61, animateOut = $$props.animateOut);
+    };
+
+    var _widthStyle;
+
+    var _minHeightStyle;
+
+    var _maxTextHeightStyle;
+
+    var _titleElement;
+
+    var _textElement;
+
+    var _nonBlock;
+
+    var _stackDirClass;
+
+    var modulesPrependContainer;
+    var modulesPrependContent;
+    var modulesAppendContent;
+    var modulesAppendContainer;
+
+    $$self.$$.update = function () {
+      if ($$self.$$.dirty[1] &
+      /*width*/
+      524288) {
+        // Grab the icons from the icons object or use provided icons
+         $$invalidate(31, _widthStyle = typeof width === "string" ? "width: ".concat(width, ";") : "");
+      }
+
+      if ($$self.$$.dirty[1] &
+      /*minHeight*/
+      1048576) {
+         $$invalidate(32, _minHeightStyle = typeof minHeight === "string" ? "min-height: ".concat(minHeight, ";") : "");
+      }
+
+      if ($$self.$$.dirty[1] &
+      /*maxTextHeight*/
+      2097152) {
+         $$invalidate(33, _maxTextHeightStyle = typeof maxTextHeight === "string" ? "max-height: ".concat(maxTextHeight, ";") : "");
+      }
+
+      if ($$self.$$.dirty[0] &
+      /*title*/
+      32) {
+         $$invalidate(34, _titleElement = title instanceof HTMLElement);
+      }
+
+      if ($$self.$$.dirty[0] &
+      /*text*/
+      128) {
+         $$invalidate(35, _textElement = text instanceof HTMLElement);
+      }
+
+      if ($$self.$$.dirty[0] &
+      /*stack*/
+      1 | $$self.$$.dirty[3] &
+      /*_oldStack, _stackBeforeAddOverlayOff, _stackAfterRemoveOverlayOff*/
+      1792) {
+         if (_oldStack !== stack) {
+          if (_oldStack) {
+            // Remove the notice from the old stack.
+            _oldStack._removeNotice(self); // Remove the listeners.
+
+
+            $$invalidate(30, _modal = false);
+
+            _stackBeforeAddOverlayOff();
+
+            _stackAfterRemoveOverlayOff();
+          }
+
+          if (stack) {
+            // Add the notice to the stack.
+            stack._addNotice(self); // Add listeners for modal state.
+
+
+            $$invalidate(102, _stackBeforeAddOverlayOff = stack.on("beforeAddOverlay", function () {
+              $$invalidate(30, _modal = true);
+              dispatchLifecycleEvent("enterModal");
+            }));
+            $$invalidate(103, _stackAfterRemoveOverlayOff = stack.on("afterRemoveOverlay", function () {
+              $$invalidate(30, _modal = false);
+              dispatchLifecycleEvent("leaveModal");
+            }));
+          }
+
+          $$invalidate(101, _oldStack = stack);
+        }
+      }
+
+      if ($$self.$$.dirty[0] &
+      /*addClass, addModalClass, _modal, addModelessClass*/
+      1073748992) {
+         $$invalidate(36, _nonBlock = addClass.match(/\bnonblock\b/) || addModalClass.match(/\bnonblock\b/) && _modal || addModelessClass.match(/\bnonblock\b/) && !_modal);
+      }
+
+      if ($$self.$$.dirty[0] &
+      /*stack*/
+      1) {
+        // This is for specific styling for how notices stack.
+         $$invalidate(37, _stackDirClass = stack && stack.dir1 ? "pnotify-stack-".concat(stack.dir1) : "");
+      }
+
+      if ($$self.$$.dirty[1] &
+      /*modules*/
+      32768) {
+        // Filter through the module objects, getting an array for each position.
+         $$invalidate(38, modulesPrependContainer = Array.from(modules).filter(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+              module = _ref4[0],
+              options = _ref4[1];
+
+          return module.position === "PrependContainer";
+        }));
+      }
+
+      if ($$self.$$.dirty[1] &
+      /*modules*/
+      32768) {
+         $$invalidate(39, modulesPrependContent = Array.from(modules).filter(function (_ref5) {
+          var _ref6 = _slicedToArray(_ref5, 2),
+              module = _ref6[0],
+              options = _ref6[1];
+
+          return module.position === "PrependContent";
+        }));
+      }
+
+      if ($$self.$$.dirty[1] &
+      /*modules*/
+      32768) {
+         $$invalidate(40, modulesAppendContent = Array.from(modules).filter(function (_ref7) {
+          var _ref8 = _slicedToArray(_ref7, 2),
+              module = _ref8[0],
+              options = _ref8[1];
+
+          return module.position === "AppendContent";
+        }));
+      }
+
+      if ($$self.$$.dirty[1] &
+      /*modules*/
+      32768) {
+         $$invalidate(41, modulesAppendContainer = Array.from(modules).filter(function (_ref9) {
+          var _ref10 = _slicedToArray(_ref9, 2),
+              module = _ref10[0],
+              options = _ref10[1];
+
+          return module.position === "AppendContainer";
+        }));
+      }
+
+      if ($$self.$$.dirty[0] &
+      /*refs, title*/
+      34 | $$self.$$.dirty[1] &
+      /*_titleElement*/
+      8) {
+         if (_titleElement && refs.titleContainer) {
+          refs.titleContainer.appendChild(title);
+        }
+      }
+
+      if ($$self.$$.dirty[0] &
+      /*refs, text*/
+      130 | $$self.$$.dirty[1] &
+      /*_textElement*/
+      16) {
+         if (_textElement && refs.textContainer) {
+          refs.textContainer.appendChild(text);
+        }
+      }
+    };
+
+    return [stack, refs, animation, hide, type, title, titleTrusted, text, textTrusted, mode, addClass, addModalClass, addModelessClass, icon, animateSpeed, shadow, closer, closerHover, sticker, stickerHover, labels, getStyle, getIcon, close, _animatingClass, _moveClass, _interacting, _moduleClasses, _masking, _maskingIn, _modal, _widthStyle, _minHeightStyle, _maxTextHeightStyle, _titleElement, _textElement, _nonBlock, _stackDirClass, modulesPrependContainer, modulesPrependContent, modulesAppendContent, modulesAppendContainer, self, forwardEvents, handleInteraction, handleLeaveInteraction, modules, styling, icons, autoOpen, width, minHeight, maxTextHeight, delay, mouseReset, remove, destroy, getState, getTimer, open, animateIn, animateOut, cancelClose, queueClose, _preventTimerClose, on, update, fire, addModuleClass, removeModuleClass, hasModuleClass, getModuleHandled, setModuleHandled, getModuleOpen, setModuleOpen, setAnimating, getAnimatingClass, setAnimatingClass, _getMoveClass, _setMoveClass, _setMasking, click_handler, click_handler_1, div_binding, div_binding_1, div_binding_2, div0_binding, div1_binding, div2_binding];
+  }
+
+  var Core = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Core, _SvelteComponent);
+
+    var _super = _createSuper(Core);
+
+    function Core(options) {
+      var _this;
+
+      _classCallCheck(this, Core);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, instance, create_fragment, safe_not_equal, {
+        modules: 46,
+        stack: 0,
+        refs: 1,
+        type: 4,
+        title: 5,
+        titleTrusted: 6,
+        text: 7,
+        textTrusted: 8,
+        styling: 47,
+        icons: 48,
+        mode: 9,
+        addClass: 10,
+        addModalClass: 11,
+        addModelessClass: 12,
+        autoOpen: 49,
+        width: 50,
+        minHeight: 51,
+        maxTextHeight: 52,
+        icon: 13,
+        animation: 2,
+        animateSpeed: 14,
+        shadow: 15,
+        hide: 3,
+        delay: 53,
+        mouseReset: 54,
+        closer: 16,
+        closerHover: 17,
+        sticker: 18,
+        stickerHover: 19,
+        labels: 20,
+        remove: 55,
+        destroy: 56,
+        getState: 57,
+        getTimer: 58,
+        getStyle: 21,
+        getIcon: 22,
+        open: 59,
+        close: 23,
+        animateIn: 60,
+        animateOut: 61,
+        cancelClose: 62,
+        queueClose: 63,
+        _preventTimerClose: 64,
+        on: 65,
+        update: 66,
+        fire: 67,
+        addModuleClass: 68,
+        removeModuleClass: 69,
+        hasModuleClass: 70,
+        getModuleHandled: 71,
+        setModuleHandled: 72,
+        getModuleOpen: 73,
+        setModuleOpen: 74,
+        setAnimating: 75,
+        getAnimatingClass: 76,
+        setAnimatingClass: 77,
+        _getMoveClass: 78,
+        _setMoveClass: 79,
+        _setMasking: 80
+      }, [-1, -1, -1, -1]);
+      return _this;
+    }
+
+    _createClass(Core, [{
+      key: "modules",
+      get: function get() {
+        return this.$$.ctx[46];
+      },
+      set: function set(modules) {
+        this.$set({
+          modules: modules
+        });
+        flush();
+      }
+    }, {
+      key: "stack",
+      get: function get() {
+        return this.$$.ctx[0];
+      },
+      set: function set(stack) {
+        this.$set({
+          stack: stack
+        });
+        flush();
+      }
+    }, {
+      key: "refs",
+      get: function get() {
+        return this.$$.ctx[1];
+      }
+    }, {
+      key: "type",
+      get: function get() {
+        return this.$$.ctx[4];
+      },
+      set: function set(type) {
+        this.$set({
+          type: type
+        });
+        flush();
+      }
+    }, {
+      key: "title",
+      get: function get() {
+        return this.$$.ctx[5];
+      },
+      set: function set(title) {
+        this.$set({
+          title: title
+        });
+        flush();
+      }
+    }, {
+      key: "titleTrusted",
+      get: function get() {
+        return this.$$.ctx[6];
+      },
+      set: function set(titleTrusted) {
+        this.$set({
+          titleTrusted: titleTrusted
+        });
+        flush();
+      }
+    }, {
+      key: "text",
+      get: function get() {
+        return this.$$.ctx[7];
+      },
+      set: function set(text) {
+        this.$set({
+          text: text
+        });
+        flush();
+      }
+    }, {
+      key: "textTrusted",
+      get: function get() {
+        return this.$$.ctx[8];
+      },
+      set: function set(textTrusted) {
+        this.$set({
+          textTrusted: textTrusted
+        });
+        flush();
+      }
+    }, {
+      key: "styling",
+      get: function get() {
+        return this.$$.ctx[47];
+      },
+      set: function set(styling) {
+        this.$set({
+          styling: styling
+        });
+        flush();
+      }
+    }, {
+      key: "icons",
+      get: function get() {
+        return this.$$.ctx[48];
+      },
+      set: function set(icons) {
+        this.$set({
+          icons: icons
+        });
+        flush();
+      }
+    }, {
+      key: "mode",
+      get: function get() {
+        return this.$$.ctx[9];
+      },
+      set: function set(mode) {
+        this.$set({
+          mode: mode
+        });
+        flush();
+      }
+    }, {
+      key: "addClass",
+      get: function get() {
+        return this.$$.ctx[10];
+      },
+      set: function set(addClass) {
+        this.$set({
+          addClass: addClass
+        });
+        flush();
+      }
+    }, {
+      key: "addModalClass",
+      get: function get() {
+        return this.$$.ctx[11];
+      },
+      set: function set(addModalClass) {
+        this.$set({
+          addModalClass: addModalClass
+        });
+        flush();
+      }
+    }, {
+      key: "addModelessClass",
+      get: function get() {
+        return this.$$.ctx[12];
+      },
+      set: function set(addModelessClass) {
+        this.$set({
+          addModelessClass: addModelessClass
+        });
+        flush();
+      }
+    }, {
+      key: "autoOpen",
+      get: function get() {
+        return this.$$.ctx[49];
+      },
+      set: function set(autoOpen) {
+        this.$set({
+          autoOpen: autoOpen
+        });
+        flush();
+      }
+    }, {
+      key: "width",
+      get: function get() {
+        return this.$$.ctx[50];
+      },
+      set: function set(width) {
+        this.$set({
+          width: width
+        });
+        flush();
+      }
+    }, {
+      key: "minHeight",
+      get: function get() {
+        return this.$$.ctx[51];
+      },
+      set: function set(minHeight) {
+        this.$set({
+          minHeight: minHeight
+        });
+        flush();
+      }
+    }, {
+      key: "maxTextHeight",
+      get: function get() {
+        return this.$$.ctx[52];
+      },
+      set: function set(maxTextHeight) {
+        this.$set({
+          maxTextHeight: maxTextHeight
+        });
+        flush();
+      }
+    }, {
+      key: "icon",
+      get: function get() {
+        return this.$$.ctx[13];
+      },
+      set: function set(icon) {
+        this.$set({
+          icon: icon
+        });
+        flush();
+      }
+    }, {
+      key: "animation",
+      get: function get() {
+        return this.$$.ctx[2];
+      },
+      set: function set(animation) {
+        this.$set({
+          animation: animation
+        });
+        flush();
+      }
+    }, {
+      key: "animateSpeed",
+      get: function get() {
+        return this.$$.ctx[14];
+      },
+      set: function set(animateSpeed) {
+        this.$set({
+          animateSpeed: animateSpeed
+        });
+        flush();
+      }
+    }, {
+      key: "shadow",
+      get: function get() {
+        return this.$$.ctx[15];
+      },
+      set: function set(shadow) {
+        this.$set({
+          shadow: shadow
+        });
+        flush();
+      }
+    }, {
+      key: "hide",
+      get: function get() {
+        return this.$$.ctx[3];
+      },
+      set: function set(hide) {
+        this.$set({
+          hide: hide
+        });
+        flush();
+      }
+    }, {
+      key: "delay",
+      get: function get() {
+        return this.$$.ctx[53];
+      },
+      set: function set(delay) {
+        this.$set({
+          delay: delay
+        });
+        flush();
+      }
+    }, {
+      key: "mouseReset",
+      get: function get() {
+        return this.$$.ctx[54];
+      },
+      set: function set(mouseReset) {
+        this.$set({
+          mouseReset: mouseReset
+        });
+        flush();
+      }
+    }, {
+      key: "closer",
+      get: function get() {
+        return this.$$.ctx[16];
+      },
+      set: function set(closer) {
+        this.$set({
+          closer: closer
+        });
+        flush();
+      }
+    }, {
+      key: "closerHover",
+      get: function get() {
+        return this.$$.ctx[17];
+      },
+      set: function set(closerHover) {
+        this.$set({
+          closerHover: closerHover
+        });
+        flush();
+      }
+    }, {
+      key: "sticker",
+      get: function get() {
+        return this.$$.ctx[18];
+      },
+      set: function set(sticker) {
+        this.$set({
+          sticker: sticker
+        });
+        flush();
+      }
+    }, {
+      key: "stickerHover",
+      get: function get() {
+        return this.$$.ctx[19];
+      },
+      set: function set(stickerHover) {
+        this.$set({
+          stickerHover: stickerHover
+        });
+        flush();
+      }
+    }, {
+      key: "labels",
+      get: function get() {
+        return this.$$.ctx[20];
+      },
+      set: function set(labels) {
+        this.$set({
+          labels: labels
+        });
+        flush();
+      }
+    }, {
+      key: "remove",
+      get: function get() {
+        return this.$$.ctx[55];
+      },
+      set: function set(remove) {
+        this.$set({
+          remove: remove
+        });
+        flush();
+      }
+    }, {
+      key: "destroy",
+      get: function get() {
+        return this.$$.ctx[56];
+      },
+      set: function set(destroy) {
+        this.$set({
+          destroy: destroy
+        });
+        flush();
+      }
+    }, {
+      key: "getState",
+      get: function get() {
+        return this.$$.ctx[57];
+      }
+    }, {
+      key: "getTimer",
+      get: function get() {
+        return this.$$.ctx[58];
+      }
+    }, {
+      key: "getStyle",
+      get: function get() {
+        return this.$$.ctx[21];
+      }
+    }, {
+      key: "getIcon",
+      get: function get() {
+        return this.$$.ctx[22];
+      }
+    }, {
+      key: "open",
+      get: function get() {
+        return this.$$.ctx[59];
+      },
+      set: function set(open) {
+        this.$set({
+          open: open
+        });
+        flush();
+      }
+    }, {
+      key: "close",
+      get: function get() {
+        return this.$$.ctx[23];
+      },
+      set: function set(close) {
+        this.$set({
+          close: close
+        });
+        flush();
+      }
+    }, {
+      key: "animateIn",
+      get: function get() {
+        return this.$$.ctx[60];
+      },
+      set: function set(animateIn) {
+        this.$set({
+          animateIn: animateIn
+        });
+        flush();
+      }
+    }, {
+      key: "animateOut",
+      get: function get() {
+        return this.$$.ctx[61];
+      },
+      set: function set(animateOut) {
+        this.$set({
+          animateOut: animateOut
+        });
+        flush();
+      }
+    }, {
+      key: "cancelClose",
+      get: function get() {
+        return this.$$.ctx[62];
+      }
+    }, {
+      key: "queueClose",
+      get: function get() {
+        return this.$$.ctx[63];
+      }
+    }, {
+      key: "_preventTimerClose",
+      get: function get() {
+        return this.$$.ctx[64];
+      }
+    }, {
+      key: "on",
+      get: function get() {
+        return this.$$.ctx[65];
+      }
+    }, {
+      key: "update",
+      get: function get() {
+        return this.$$.ctx[66];
+      }
+    }, {
+      key: "fire",
+      get: function get() {
+        return this.$$.ctx[67];
+      }
+    }, {
+      key: "addModuleClass",
+      get: function get() {
+        return this.$$.ctx[68];
+      }
+    }, {
+      key: "removeModuleClass",
+      get: function get() {
+        return this.$$.ctx[69];
+      }
+    }, {
+      key: "hasModuleClass",
+      get: function get() {
+        return this.$$.ctx[70];
+      }
+    }, {
+      key: "getModuleHandled",
+      get: function get() {
+        return this.$$.ctx[71];
+      }
+    }, {
+      key: "setModuleHandled",
+      get: function get() {
+        return this.$$.ctx[72];
+      }
+    }, {
+      key: "getModuleOpen",
+      get: function get() {
+        return this.$$.ctx[73];
+      }
+    }, {
+      key: "setModuleOpen",
+      get: function get() {
+        return this.$$.ctx[74];
+      }
+    }, {
+      key: "setAnimating",
+      get: function get() {
+        return this.$$.ctx[75];
+      }
+    }, {
+      key: "getAnimatingClass",
+      get: function get() {
+        return this.$$.ctx[76];
+      }
+    }, {
+      key: "setAnimatingClass",
+      get: function get() {
+        return this.$$.ctx[77];
+      }
+    }, {
+      key: "_getMoveClass",
+      get: function get() {
+        return this.$$.ctx[78];
+      }
+    }, {
+      key: "_setMoveClass",
+      get: function get() {
+        return this.$$.ctx[79];
+      }
+    }, {
+      key: "_setMasking",
+      get: function get() {
+        return this.$$.ctx[80];
+      }
+    }]);
+
+    return Core;
+  }(SvelteComponent);
+
+  exports.Stack = Stack;
+  exports.alert = alert;
+  exports.default = Core;
+  exports.defaultModules = defaultModules;
+  exports.defaultStack = defaultStack;
+  exports.defaults = defaults;
+  exports.error = error;
+  exports.info = info;
+  exports.notice = notice;
+  exports.success = success;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/countdown/dist/PNotifyCountdown.css b/packages/countdown/dist/PNotifyCountdown.css
new file mode 100644
index 00000000..50a5a253
--- /dev/null
+++ b/packages/countdown/dist/PNotifyCountdown.css
@@ -0,0 +1 @@
+.pnotify-countdown{position:absolute;top:100%;left:0;width:100%;height:0.5em;display:flex;justify-content:center;align-items:center}.pnotify-countdown-top{top:auto;bottom:100%}.pnotify-countdown-left{top:0;right:100%;left:auto;height:100%;width:0.5em}.pnotify-countdown-right{top:0;left:100%;height:100%;width:0.5em}.pnotify-countdown-bar{position:absolute;top:0;left:0;transition:width 0.1s linear}.pnotify-countdown-reverse .pnotify-countdown-bar{top:auto;left:auto;right:0;bottom:0}
\ No newline at end of file
diff --git a/packages/countdown/dist/PNotifyCountdown.js b/packages/countdown/dist/PNotifyCountdown.js
new file mode 100644
index 00000000..005942dc
--- /dev/null
+++ b/packages/countdown/dist/PNotifyCountdown.js
@@ -0,0 +1,741 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyCountdown = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _iterableToArrayLimit(arr, i) {
+    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function append(target, node) {
+    target.appendChild(node);
+  }
+
+  function insert(target, node, anchor) {
+    target.insertBefore(node, anchor || null);
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function element(name) {
+    return document.createElement(name);
+  }
+
+  function text(data) {
+    return document.createTextNode(data);
+  }
+
+  function empty() {
+    return text('');
+  }
+
+  function attr(node, attribute, value) {
+    if (value == null) node.removeAttribute(attribute);else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  function get_current_component() {
+    if (!current_component) throw new Error('Function called outside component initialization');
+    return current_component;
+  }
+
+  function onMount(fn) {
+    get_current_component().$$.on_mount.push(fn);
+  }
+
+  function onDestroy(fn) {
+    get_current_component().$$.on_destroy.push(fn);
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  function create_if_block(ctx) {
+    var div1;
+    var div0;
+    var div0_class_value;
+    var div0_style_value;
+    var div1_class_value;
+    return {
+      c: function c() {
+        div1 = element("div");
+        div0 = element("div");
+        attr(div0, "class", div0_class_value = "pnotify-countdown-bar ".concat(
+        /*self*/
+        ctx[0].getStyle("countdown-bar")));
+        attr(div0, "style", div0_style_value = "height: ".concat(
+        /*anchor*/
+        ctx[1] === "right" ||
+        /*anchor*/
+        ctx[1] === "left" ?
+        /*_percent*/
+        ctx[3] : "100", "%; width: ").concat(
+        /*anchor*/
+        ctx[1] === "top" ||
+        /*anchor*/
+        ctx[1] === "bottom" ?
+        /*_percent*/
+        ctx[3] : "100", "%;"));
+        attr(div1, "class", div1_class_value = "pnotify-countdown pnotify-countdown-".concat(
+        /*anchor*/
+        ctx[1], " ").concat(
+        /*reverse*/
+        ctx[2] ? "pnotify-countdown-reverse" : "", " ").concat(
+        /*self*/
+        ctx[0].getStyle("countdown")));
+      },
+      m: function m(target, anchor) {
+        insert(target, div1, anchor);
+        append(div1, div0);
+      },
+      p: function p(ctx, dirty) {
+        if (dirty &
+        /*self*/
+        1 && div0_class_value !== (div0_class_value = "pnotify-countdown-bar ".concat(
+        /*self*/
+        ctx[0].getStyle("countdown-bar")))) {
+          attr(div0, "class", div0_class_value);
+        }
+
+        if (dirty &
+        /*anchor, _percent*/
+        10 && div0_style_value !== (div0_style_value = "height: ".concat(
+        /*anchor*/
+        ctx[1] === "right" ||
+        /*anchor*/
+        ctx[1] === "left" ?
+        /*_percent*/
+        ctx[3] : "100", "%; width: ").concat(
+        /*anchor*/
+        ctx[1] === "top" ||
+        /*anchor*/
+        ctx[1] === "bottom" ?
+        /*_percent*/
+        ctx[3] : "100", "%;"))) {
+          attr(div0, "style", div0_style_value);
+        }
+
+        if (dirty &
+        /*anchor, reverse, self*/
+        7 && div1_class_value !== (div1_class_value = "pnotify-countdown pnotify-countdown-".concat(
+        /*anchor*/
+        ctx[1], " ").concat(
+        /*reverse*/
+        ctx[2] ? "pnotify-countdown-reverse" : "", " ").concat(
+        /*self*/
+        ctx[0].getStyle("countdown")))) {
+          attr(div1, "class", div1_class_value);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div1);
+      }
+    };
+  }
+
+  function create_fragment(ctx) {
+    var if_block_anchor;
+    var if_block =
+    /*showCountdown*/
+    ctx[4] && create_if_block(ctx);
+    return {
+      c: function c() {
+        if (if_block) if_block.c();
+        if_block_anchor = empty();
+      },
+      m: function m(target, anchor) {
+        if (if_block) if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+      },
+      p: function p(ctx, _ref) {
+        var _ref2 = _slicedToArray(_ref, 1),
+            dirty = _ref2[0];
+
+        if (
+        /*showCountdown*/
+        ctx[4]) {
+          if (if_block) {
+            if_block.p(ctx, dirty);
+          } else {
+            if_block = create_if_block(ctx);
+            if_block.c();
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function d(detaching) {
+        if (if_block) if_block.d(detaching);
+        if (detaching) detach(if_block_anchor);
+      }
+    };
+  }
+
+  var position = "AppendContainer";
+  var defaults = {
+    anchor: "bottom",
+    reverse: false
+  };
+
+  function instance($$self, $$props, $$invalidate) {
+    var _$$props$self = $$props.self,
+        self = _$$props$self === void 0 ? null : _$$props$self;
+    var _$$props$anchor = $$props.anchor,
+        anchor = _$$props$anchor === void 0 ? defaults.anchor : _$$props$anchor;
+    var _$$props$reverse = $$props.reverse,
+        reverse = _$$props$reverse === void 0 ? defaults.reverse : _$$props$reverse;
+
+    var _state = self.getState();
+
+    var _timer = self.getTimer();
+
+    var _msLeft = 0;
+    var _percent = 100;
+    var ival;
+    var offUpdate;
+    var offAfterOpen;
+
+    var getValues = function getValues() {
+      $$invalidate(5, _state = self.getState());
+      $$invalidate(6, _timer = self.getTimer());
+    };
+
+    onMount(function () {
+      offUpdate = self.on("pnotify:update", getValues);
+      offAfterOpen = self.on("pnotify:afterOpen", getValues);
+      ival = setInterval(function () {
+        if (showCountdown) {
+          if (timeStart) {
+            _msLeft = self.delay - (new Date() - timeStart);
+            $$invalidate(3, _percent = _msLeft / self.delay * 100);
+          } else {
+            $$invalidate(3, _percent = _state === "closing" ? 0 : 100);
+          }
+        }
+      }, 100);
+    });
+    onDestroy(function () {
+      offUpdate && offUpdate();
+      offAfterOpen && offAfterOpen();
+      clearInterval(ival);
+    });
+
+    $$self.$$set = function ($$props) {
+      if ("self" in $$props) $$invalidate(0, self = $$props.self);
+      if ("anchor" in $$props) $$invalidate(1, anchor = $$props.anchor);
+      if ("reverse" in $$props) $$invalidate(2, reverse = $$props.reverse);
+    };
+
+    var showCountdown;
+    var timeStart;
+
+    $$self.$$.update = function () {
+      if ($$self.$$.dirty &
+      /*_state, self*/
+      33) {
+         $$invalidate(4, showCountdown = ["opening", "open", "closing"].indexOf(_state) !== -1 && self.hide && self.delay !== Infinity);
+      }
+
+      if ($$self.$$.dirty &
+      /*showCountdown, _timer*/
+      80) {
+         timeStart = showCountdown && _timer && _timer !== "prevented" ? new Date() : null;
+      }
+
+      if ($$self.$$.dirty &
+      /*self, showCountdown, anchor*/
+      19) {
+         {
+          self.removeModuleClass("elem", "pnotify-with-countdown", "pnotify-with-countdown-bottom", "pnotify-with-countdown-top", "pnotify-with-countdown-left", "pnotify-with-countdown-right");
+
+          if (showCountdown) {
+            self.addModuleClass("elem", "pnotify-with-countdown", "pnotify-with-countdown-".concat(anchor));
+          }
+        }
+      }
+    };
+
+    return [self, anchor, reverse, _percent, showCountdown];
+  }
+
+  var Countdown = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Countdown, _SvelteComponent);
+
+    var _super = _createSuper(Countdown);
+
+    function Countdown(options) {
+      var _this;
+
+      _classCallCheck(this, Countdown);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, instance, create_fragment, safe_not_equal, {
+        self: 0,
+        anchor: 1,
+        reverse: 2
+      });
+      return _this;
+    }
+
+    return Countdown;
+  }(SvelteComponent);
+
+  exports.default = Countdown;
+  exports.defaults = defaults;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/desktop/dist/PNotifyDesktop.css b/packages/desktop/dist/PNotifyDesktop.css
new file mode 100644
index 00000000..ff76920f
--- /dev/null
+++ b/packages/desktop/dist/PNotifyDesktop.css
@@ -0,0 +1 @@
+[data-pnotify].pnotify-desktop-hide{left:-10000px !important;display:none !important}
\ No newline at end of file
diff --git a/packages/desktop/dist/PNotifyDesktop.js b/packages/desktop/dist/PNotifyDesktop.js
new file mode 100644
index 00000000..5fcbc774
--- /dev/null
+++ b/packages/desktop/dist/PNotifyDesktop.js
@@ -0,0 +1,700 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyDesktop = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  var position = "PrependContainer";
+  var defaults = {
+    fallback: true,
+    icon: null,
+    tag: null,
+    title: null,
+    text: null,
+    options: {}
+  };
+
+  function requestPermission() {
+    if (typeof Notification !== "undefined" && "requestPermission" in Notification) {
+      Notification.requestPermission();
+    } else if ("webkitNotifications" in window) {
+      window.webkitNotifications.requestPermission();
+    }
+  }
+
+  var Notification = window.Notification;
+
+  var _notify = function notify(title, options, onclick, onclose) {
+    // Memoize based on feature detection.
+    if ("Notification" in window) {
+      _notify = function notify(title, options, onclick, onclose) {
+        var notice = new Notification(title, options);
+
+        if ("NotificationEvent" in window) {
+          notice.addEventListener("notificationclick", onclick);
+          notice.addEventListener("close", onclose);
+        } else if ("addEventListener" in notice) {
+          notice.addEventListener("click", onclick);
+          notice.addEventListener("close", onclose);
+        } else {
+          notice.onclick = onclick;
+          notice.onclose = onclose;
+        }
+
+        return notice;
+      };
+    } else if ("mozNotification" in navigator) {
+      _notify = function notify(title, options, onclick, onclose) {
+        // Gecko < 22
+        var notice = navigator.mozNotification.createNotification(title, options.body, options.icon).show();
+        notice.onclick = onclick;
+        notice.onclose = onclose;
+        return notice;
+      };
+    } else if ("webkitNotifications" in window) {
+      _notify = function notify(title, options, onclick, onclose) {
+        var notice = window.webkitNotifications.createNotification(options.icon, title, options.body);
+        notice.onclick = onclick;
+        notice.onclose = onclose;
+        return notice;
+      };
+    } else {
+      _notify = function notify(title, options, onclick, onclose) {
+        return null;
+      };
+    }
+
+    return _notify(title, options, onclick, onclose);
+  };
+
+  function checkPermission() {
+    if (typeof Notification !== "undefined" && "permission" in Notification) {
+      return Notification.permission === "granted";
+    } else if ("webkitNotifications" in window) {
+      return window.webkitNotifications.checkPermission() == 0;
+    }
+
+    return false;
+  }
+
+  var _permission = checkPermission();
+
+  function instance($$self, $$props, $$invalidate) {
+    var _$$props$self = $$props.self,
+        self = _$$props$self === void 0 ? null : _$$props$self;
+    var _$$props$fallback = $$props.fallback,
+        fallback = _$$props$fallback === void 0 ? defaults.fallback : _$$props$fallback;
+    var _$$props$icon = $$props.icon,
+        icon = _$$props$icon === void 0 ? defaults.icon : _$$props$icon;
+    var _$$props$tag = $$props.tag,
+        tag = _$$props$tag === void 0 ? defaults.tag : _$$props$tag;
+    var _$$props$title = $$props.title,
+        title = _$$props$title === void 0 ? defaults.title : _$$props$title;
+    var _$$props$text = $$props.text,
+        text = _$$props$text === void 0 ? defaults.text : _$$props$text;
+    var _$$props$options = $$props.options,
+        options = _$$props$options === void 0 ? defaults.options : _$$props$options;
+
+    var _desktop; // Animation should always be 'none' for desktop notices, but remember
+    // the old animation so it can be recovered.
+
+
+    var _oldAnimation = "none";
+
+    var _icon;
+
+    var _tag;
+
+    self.on("pnotify:beforeOpen", function () {
+      if (!_permission) {
+        requestPermission();
+        return;
+      }
+
+      if (_desktop && "show" in _desktop) {
+        self.setModuleOpen(true);
+
+        _desktop.show();
+      }
+    });
+    self.on("pnotify:beforeClose", function () {
+      if (!_permission) {
+        return;
+      }
+
+      if (_desktop && "close" in _desktop) {
+        _desktop.close();
+
+        self.setModuleOpen(false);
+      }
+    });
+    _permission = checkPermission();
+
+    if (_permission) {
+      self.addModuleClass("elem", "pnotify-desktop-hide");
+      self.animation = "none";
+      genNotice();
+    } else if (!fallback) {
+      // Keep the notice from opening if fallback is false.
+      self.autoOpen = false;
+    }
+
+    function genNotice() {
+      if (icon === null) {
+        switch (self.type) {
+          case "error":
+            _icon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gQJATQg7e6HvQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABr0lEQVRYw8WXu0oDQRSGv7hRSFYrLTTWKihaqUgUJO+gphBLL1jYpPSCVcAggpWthYhC7Ows9An0IbSPkMRCw8ZmFuI6yczs9cAPuzNz5v92brtrESxGARtokkCcAg2hk7jNl4G2R/m4zFPAiwTgWdRFHnmJuaulOAAaPQDqUZvv9DB3tR0lwIcGwHtU5uca5q4qYZvngJbHpAZ8CtU8dS1gLEyAisegBGTFKWiL65KnzVlY5uOSId6VtNuTtMupOu/TAHiQlNmSskHNXCOAGWBeUp7VhFoApoMAXAOWJoCszBJ9+ALY6vL0JiPgjsKmKUAaOOoBZwIAcNxlJLsCrAOTIQJMAWu62y4LOIqT7lGS96TIcYCMDkBZ46h1gB+PHI28ssq8X/G6DaqG8Piz2DrjVjGXbtSBy46F5QAHwJAizwZugKKscs7gSaqS/KpB/qxsFxwafhf6Odb/eblJi8BGwJdW26BtURxQpMU83hmaDQsNiPtvYMSwj3tgAqDgYzU7wJdHjo9+CgBvEW47lV5Tgj5DMtG0xIfESkIAF+522gdWxTzGEX3i9+6KpOMXF5UBt0NKJCAAAAAASUVORK5CYII=";
+            break;
+
+          case "success":
+            _icon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gQJATQPRj+65AAAAdBJREFUWMPtlzsvRFEQx3+7HmEjoiYKolVJJDRqnS8ggvVIVEQhCIUsEYJGCEH2E4h4FPREaLTbEo1IEJXHrmY2GTf33nPuY7ud5OTenTMz//89Z86ZWShLWf5LB3AOfACFiOMF2AkC3qOc88BXxFEAxlX8ftGdaNCEen8H6oFHYBR4FocwkpTngzzHgF01fwL0aYcp9fVtMW/rsMcWXWijK1Hexgye9smRT6CxaHgjytMYwccNSXqoja9FeVbiZS+OVaeDiUBLAPAJA/i2m5MXgRSQk7llC/DBMOBeBGqAe0eAjQhfvurH3EmgQk6EW6CVEHt+ZFo6J4EU8OoTcF35jhnAl2wSx20LFgyB1yyOWtY2c72ScMAAkPeZy6g4zUBdGAIAcyEq4Z7y7xbdTFgCACMBwPVJqVDHeNqvaplkH5i0sNuUwmaNkQxww20ZSOy7gFvX7SAk0i76jPQQlJoAwAEwq35ngfmwVatSdUMArZZ+K9JQ1Bp6iGqgSt7f/AIOqSzujLEn6AV+JG6zm4HuCZ+AJuAbWAQu5aIJu7JDck0ngDugC/j1c2qPqR13jpxuvWyS8liY/kQcean/lX6ACQ99DdAQYe+Lf0zylMUgf7qDKgzv284QAAAAAElFTkSuQmCC";
+            break;
+
+          case "info":
+            _icon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gQJATQ09zRTwAAAAdxJREFUWMPtl88rRFEUxz8zBolRCgsrpOym8TMSO2WplLKwUrKi/B0W7JSFmhVLNlhSlLKx8CtRGpEsJpofpZk3Nkc9b968e++8mdlw6vTeu/edc773nl/3wl+ngOH/zUAf0AN0AmEgB7wCD8AtcFMJoM3ADpAHLHk62RIwL8B0uQwHgXVRnDfkS2DSj/EW4K0Ew05eLMV4O/CuUJwEUvJUgdgwMd4IpBUKl13kVG6aL+ZjJ20DDQqQXy5jKYVMDBhVrb5f069LLrKfGnInqh040HRTvsTAHgei9oGQ7X0YaNNUNCdFKChgQvKtQ1vAkNvEahlSToez9oXad2BCA30ceHZxRxMQMShuvZLmv+hOA32/h+KUwS7MugVhqwb6Go+5nEEwht0ABDUEzyXdFsrQYwqMJjTbdxio9Qkg6QbgvkpnkLw0uQIAZ1UCYNkXawdw4qPCmVBcuADAMZCpAoCVYr3AKtYyHZSWauakjMx50TWwrzJw6lFARjQOt3se8jM6W9TloSCqIb9bRHbN5Fg+KkEZcow/Ak+KFBsD6h3jR8CUabAMlqn7xfxEbAdwWKLhhO3sGPCbOsNSvSyF0Z/5TaCuEleziLhmAOiWG1NWrmZXwIVU1A/+SZO+AcgLC4wt0zD3AAAAAElFTkSuQmCC";
+            break;
+
+          case "notice":
+          default:
+            _icon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gQJATM4scOJLAAAAcxJREFUWMPtljtLA0EQx3+J0QRfnYqCiCA+MERBrIwgFtoFbMTOR61i5QcQBdEihZWNoEWwsNAvkMJeBLHRQtHC0iIP4utOmw2cx97d7l2SRgcGbufmv/Pf2dmdhb8uIR+YJqAPaBff30AeeAHuxLgqMgRkgS/AAEybGuLfEdBcycCTwKVYmY5mgO6gwdd8BLaqAST9Bs8EDG7VTd3gex4TbgEjwKjQOHDugZlRDb7sMZEJpCS4bYVMJOygsG1cB+wqHN0Gib1RYXFpLwL74nx7Sb3EFlXATQNjTgRagA3FbZIRiCliT5wITGgUaRACA0CPjMC4xtUcDUAgDAzLCCQ0MhALQCAE9MoIdGkQCJIBgE4ZgWiNMvDL10qgUMMMFGQEnjQmkLXbVg38s8y4qtFcTCAnHiJ5oKiJnSoHjVgIXAmHkGIl5yy+YcWruIy9dvqpupIDCfZWEXvh1gsWFVfxIbG9a3RbRwJnYiuqJYfAqxsBgBWFiQyJzfTAlIB1uzEicbwBFoBTl8lSwINoSuXKjrv4F4FBh61zlKUKvgn7/e5ZEngMEDgLdFSieHaAT42LpgTMVbqC24B54Bi4twV9E6cnDcw6PFj+RSo/l6rlSlldhx4AAAAASUVORK5CYII=";
+            break;
+        }
+      } else if (icon === false) {
+        _icon = null;
+      } else {
+        _icon = icon;
+      }
+
+      if (!_tag || tag !== null) {
+        _tag = tag === null ? "PNotify-".concat(Math.round(Math.random() * 1000000)) : tag;
+      }
+
+      var desktopOptions = {
+        body: text || self.text,
+        tag: _tag
+      };
+
+      if (!self.hide) {
+        desktopOptions.requireInteraction = true;
+      }
+
+      if (_icon !== null) {
+        desktopOptions.icon = _icon;
+      }
+
+      Object.apply(desktopOptions, options);
+      _desktop = _notify(title || self.title, desktopOptions, function () {
+        self.fire && self.fire("click", {
+          target: _desktop
+        });
+      }, function () {
+        self.close && self.close();
+      });
+
+      if (!("close" in _desktop) && "cancel" in _desktop) {
+        _desktop.close = function () {
+          _desktop.cancel();
+        };
+      }
+    }
+
+    $$self.$$set = function ($$props) {
+      if ("self" in $$props) $$invalidate(0, self = $$props.self);
+      if ("fallback" in $$props) $$invalidate(1, fallback = $$props.fallback);
+      if ("icon" in $$props) $$invalidate(2, icon = $$props.icon);
+      if ("tag" in $$props) $$invalidate(3, tag = $$props.tag);
+      if ("title" in $$props) $$invalidate(4, title = $$props.title);
+      if ("text" in $$props) $$invalidate(5, text = $$props.text);
+      if ("options" in $$props) $$invalidate(6, options = $$props.options);
+    };
+
+    $$self.$$.update = function () {
+      if ($$self.$$.dirty &
+      /*self, _permission, _oldAnimation*/
+      257) {
+         {
+          if (self.animation !== "none") {
+            $$invalidate(8, _oldAnimation = self.animation);
+          } // This is necessary so desktop notices don't cause spacing problems
+          // when positioning.
+
+
+          if (self.getAnimatingClass() !== "" && _permission) {
+            self.setAnimatingClass("");
+          }
+
+          if (!_permission && self.hasModuleClass("elem", "pnotify-desktop-hide")) {
+            self.removeModuleClass("elem", "pnotify-desktop-hide");
+            $$invalidate(0, self.animation = _oldAnimation, self);
+          } else if (_permission && !self.hasModuleClass("elem", "pnotify-desktop-hide")) {
+            self.addModuleClass("elem", "pnotify-desktop-hide");
+            $$invalidate(0, self.animation = "none", self);
+            genNotice();
+          }
+        }
+      }
+
+      if ($$self.$$.dirty &
+      /*self, _permission*/
+      1) {
+         {
+          self.setModuleHandled(_permission);
+        }
+      }
+    };
+
+    return [self, fallback, icon, tag, title, text, options];
+  }
+
+  var Desktop = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Desktop, _SvelteComponent);
+
+    var _super = _createSuper(Desktop);
+
+    function Desktop(options) {
+      var _this;
+
+      _classCallCheck(this, Desktop);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, instance, null, safe_not_equal, {
+        self: 0,
+        fallback: 1,
+        icon: 2,
+        tag: 3,
+        title: 4,
+        text: 5,
+        options: 6
+      });
+      return _this;
+    }
+
+    return Desktop;
+  }(SvelteComponent);
+
+  exports.default = Desktop;
+  exports.defaults = defaults;
+  exports.permission = requestPermission;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/font-awesome4/dist/PNotifyFontAwesome4.js b/packages/font-awesome4/dist/PNotifyFontAwesome4.js
new file mode 100644
index 00000000..83cd228e
--- /dev/null
+++ b/packages/font-awesome4/dist/PNotifyFontAwesome4.js
@@ -0,0 +1,471 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyFontAwesome4 = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  var position = "PrependContainer";
+  var defaults = {};
+
+  function init$1(eventDetail) {
+    // You must have Font Awesome v4.0+
+    eventDetail.defaults.icons = {
+      prefix: "fontawesome4",
+      notice: "fa fa-exclamation-circle",
+      info: "fa fa-info-circle",
+      success: "fa fa-check-circle",
+      error: "fa fa-exclamation-triangle",
+      // Buttons Module
+      closer: "fa fa-times",
+      sticker: "fa",
+      stuck: "fa-play",
+      unstuck: "fa-pause",
+      // Reference Module (Useful for other modules.)
+      refresh: "fa fa-refresh"
+    };
+  }
+
+  var Font_awesome4 = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Font_awesome4, _SvelteComponent);
+
+    var _super = _createSuper(Font_awesome4);
+
+    function Font_awesome4(options) {
+      var _this;
+
+      _classCallCheck(this, Font_awesome4);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, null, null, safe_not_equal, {});
+      return _this;
+    }
+
+    return Font_awesome4;
+  }(SvelteComponent);
+
+  exports.default = Font_awesome4;
+  exports.defaults = defaults;
+  exports.init = init$1;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/font-awesome5-fix/dist/PNotifyFontAwesome5Fix.js b/packages/font-awesome5-fix/dist/PNotifyFontAwesome5Fix.js
new file mode 100644
index 00000000..aeb159bc
--- /dev/null
+++ b/packages/font-awesome5-fix/dist/PNotifyFontAwesome5Fix.js
@@ -0,0 +1,548 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyFontAwesome5Fix = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  function get_current_component() {
+    if (!current_component) throw new Error('Function called outside component initialization');
+    return current_component;
+  }
+
+  function onDestroy(fn) {
+    get_current_component().$$.on_destroy.push(fn);
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function tick() {
+    schedule_update();
+    return resolved_promise;
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  var position = "PrependContainer";
+  var defaults = {};
+
+  function instance($$self, $$props, $$invalidate) {
+    var _$$props$self = $$props.self,
+        self = _$$props$self === void 0 ? null : _$$props$self; // This keeps the beforeUpdate handler from going into a loop when we're
+    // taming Font Awesome's magic.
+
+    var _updatingIcon = false;
+    var _updatingSticker = false; // Save the old value of icon, so we can do our magic.
+
+    var _oldIconProp = self.icon;
+
+    var _oldIconValue = self.icon === true ? self.getIcon(self.type) : self.icon;
+
+    var _oldSticker = "".concat(self.getIcon("sticker"), " ").concat(self.hide ? self.getIcon("unstuck") : self.getIcon("stuck"));
+
+    var newIconProp;
+    var newIconValue;
+    var newSticker;
+    var removeIconHandler = self.on("pnotify:update", function () {
+      if (_updatingIcon) {
+        return;
+      } // Font Awesome 5 uses dark magic by replacing the icon element with an SVG.
+      // In order to make it play nice with Svelte, we have to clear the element
+      // and make it again.
+
+
+      newIconProp = self.icon;
+      newIconValue = self.icon === true ? self.getIcon(self.type) : self.icon;
+
+      if (newIconValue !== _oldIconValue && (typeof newIconValue === "string" && newIconValue.match(/(^| )fa[srlb]($| )/) || typeof _oldIconValue === "string" && _oldIconValue.match(/(^| )fa[srlb]($| )/))) {
+        $$invalidate(0, self.icon = false, self);
+        _updatingIcon = true;
+        tick().then(function () {
+          $$invalidate(0, self.icon = newIconProp, self);
+          _updatingIcon = false; // Update seved icon.
+
+          _oldIconProp = newIconProp;
+          _oldIconValue = newIconValue;
+        });
+      } else {
+        // Update seved icon.
+        _oldIconProp = newIconProp;
+        _oldIconValue = newIconValue;
+      }
+    });
+    var removeStickerHandler = self.on("pnotify:update", function () {
+      if (_updatingSticker) {
+        return;
+      } // Font Awesome 5 uses dark magic by replacing the icon element with an SVG.
+      // In order to make it play nice with Svelte, we have to clear the element
+      // and make it again.
+
+
+      newSticker = "".concat(self.getIcon("sticker"), " ").concat(self.hide ? self.getIcon("unstuck") : self.getIcon("stuck"));
+
+      if (self.sticker && newSticker !== _oldSticker && typeof newSticker === "string" && newSticker.match(/(^| )fa[srlb]($| )/)) {
+        $$invalidate(0, self.sticker = false, self);
+        _updatingSticker = true;
+        tick().then(function () {
+          $$invalidate(0, self.sticker = true, self);
+          _updatingSticker = false; // Update seved icon.
+
+          _oldSticker = newSticker;
+        });
+      } else {
+        // Update seved icon.
+        _oldSticker = newSticker;
+      }
+    });
+    onDestroy(function () {
+      removeIconHandler && removeIconHandler();
+      removeStickerHandler && removeStickerHandler();
+    });
+
+    $$self.$$set = function ($$props) {
+      if ("self" in $$props) $$invalidate(0, self = $$props.self);
+    };
+
+    return [self];
+  }
+
+  var Font_awesome5_fix = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Font_awesome5_fix, _SvelteComponent);
+
+    var _super = _createSuper(Font_awesome5_fix);
+
+    function Font_awesome5_fix(options) {
+      var _this;
+
+      _classCallCheck(this, Font_awesome5_fix);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, instance, null, safe_not_equal, {
+        self: 0
+      });
+      return _this;
+    }
+
+    return Font_awesome5_fix;
+  }(SvelteComponent);
+
+  exports.default = Font_awesome5_fix;
+  exports.defaults = defaults;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/font-awesome5/dist/PNotifyFontAwesome5.js b/packages/font-awesome5/dist/PNotifyFontAwesome5.js
new file mode 100644
index 00000000..c2ca60f9
--- /dev/null
+++ b/packages/font-awesome5/dist/PNotifyFontAwesome5.js
@@ -0,0 +1,471 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyFontAwesome5 = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  var position = "PrependContainer";
+  var defaults = {};
+
+  function init$1(eventDetail) {
+    // You must have Font Awesome v5.0+
+    eventDetail.defaults.icons = {
+      prefix: "fontawesome5",
+      notice: "fas fa-exclamation-circle",
+      info: "fas fa-info-circle",
+      success: "fas fa-check-circle",
+      error: "fas fa-exclamation-triangle",
+      // Buttons Module
+      closer: "fas fa-times",
+      sticker: "fas",
+      stuck: "fa-play",
+      unstuck: "fa-pause",
+      // Reference Module (Useful for other modules.)
+      refresh: "fas fa-sync"
+    };
+  }
+
+  var Font_awesome5 = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Font_awesome5, _SvelteComponent);
+
+    var _super = _createSuper(Font_awesome5);
+
+    function Font_awesome5(options) {
+      var _this;
+
+      _classCallCheck(this, Font_awesome5);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, null, null, safe_not_equal, {});
+      return _this;
+    }
+
+    return Font_awesome5;
+  }(SvelteComponent);
+
+  exports.default = Font_awesome5;
+  exports.defaults = defaults;
+  exports.init = init$1;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/glyphicon/dist/PNotifyGlyphicon.js b/packages/glyphicon/dist/PNotifyGlyphicon.js
new file mode 100644
index 00000000..2b37daaa
--- /dev/null
+++ b/packages/glyphicon/dist/PNotifyGlyphicon.js
@@ -0,0 +1,471 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyGlyphicon = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  var position = "PrependContainer";
+  var defaults = {};
+
+  function init$1(eventDetail) {
+    // You must have Glyphicon (or Bootstrap 3)
+    eventDetail.defaults.icons = {
+      prefix: "glyphicon",
+      notice: "glyphicon glyphicon-exclamation-sign",
+      info: "glyphicon glyphicon-info-sign",
+      success: "glyphicon glyphicon-ok-sign",
+      error: "glyphicon glyphicon-warning-sign",
+      // Buttons Module
+      closer: "glyphicon glyphicon-remove",
+      sticker: "glyphicon",
+      stuck: "glyphicon-play",
+      unstuck: "glyphicon-pause",
+      // Reference Module (Useful for other modules.)
+      refresh: "glyphicon glyphicon-refresh"
+    };
+  }
+
+  var Glyphicon = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Glyphicon, _SvelteComponent);
+
+    var _super = _createSuper(Glyphicon);
+
+    function Glyphicon(options) {
+      var _this;
+
+      _classCallCheck(this, Glyphicon);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, null, null, safe_not_equal, {});
+      return _this;
+    }
+
+    return Glyphicon;
+  }(SvelteComponent);
+
+  exports.default = Glyphicon;
+  exports.defaults = defaults;
+  exports.init = init$1;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/mobile/dist/PNotifyMobile.css b/packages/mobile/dist/PNotifyMobile.css
new file mode 100644
index 00000000..96bd79ec
--- /dev/null
+++ b/packages/mobile/dist/PNotifyMobile.css
@@ -0,0 +1 @@
+[data-pnotify] .pnotify-container{position:relative}[data-pnotify] .pnotify-mobile-animate-left{transition:left 0.1s ease}[data-pnotify] .pnotify-mobile-animate-top{transition:top 0.1s ease}@media(max-width: 480px){[data-pnotify].pnotify{font-size:1.2em;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-smoothing:antialiased}body > [data-pnotify].pnotify{position:fixed}[data-pnotify].pnotify.pnotify-stack-down,[data-pnotify].pnotify.pnotify-stack-up{width:100% !important}[data-pnotify].pnotify.pnotify-stack-right,[data-pnotify].pnotify.pnotify-stack-left{height:100% !important}[data-pnotify].pnotify .pnotify-shadow{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}[data-pnotify].pnotify.pnotify-stack-down .pnotify-shadow{border-bottom-width:5px}[data-pnotify].pnotify.pnotify-stack-up .pnotify-shadow{border-top-width:5px}[data-pnotify].pnotify.pnotify-stack-right .pnotify-shadow{border-right-width:5px}[data-pnotify].pnotify.pnotify-stack-left .pnotify-shadow{border-left-width:5px}[data-pnotify].pnotify .pnotify-container{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}[data-pnotify].pnotify.pnotify-stack-down .pnotify-container,[data-pnotify].pnotify.pnotify-stack-up .pnotify-container{width:auto !important}[data-pnotify].pnotify.pnotify-stack-right .pnotify-container,[data-pnotify].pnotify.pnotify-stack-left .pnotify-container{height:100% !important}}
\ No newline at end of file
diff --git a/packages/mobile/dist/PNotifyMobile.js b/packages/mobile/dist/PNotifyMobile.js
new file mode 100644
index 00000000..89e61f40
--- /dev/null
+++ b/packages/mobile/dist/PNotifyMobile.js
@@ -0,0 +1,657 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyMobile = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function listen(node, event, handler, options) {
+    node.addEventListener(event, handler, options);
+    return function () {
+      return node.removeEventListener(event, handler, options);
+    };
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  function get_current_component() {
+    if (!current_component) throw new Error('Function called outside component initialization');
+    return current_component;
+  }
+
+  function onMount(fn) {
+    get_current_component().$$.on_mount.push(fn);
+  }
+
+  function onDestroy(fn) {
+    get_current_component().$$.on_destroy.push(fn);
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  var globals = typeof window !== 'undefined' ? window : typeof globalThis !== 'undefined' ? globalThis : global;
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  var window_1 = globals.window;
+
+  function create_fragment(ctx) {
+    var mounted;
+    var dispose;
+    return {
+      c: noop,
+      m: function m(target, anchor) {
+        if (!mounted) {
+          dispose = listen(window_1, "resize",
+          /*resize_handler*/
+          ctx[3]);
+          mounted = true;
+        }
+      },
+      p: noop,
+      i: noop,
+      o: noop,
+      d: function d(detaching) {
+        mounted = false;
+        dispose();
+      }
+    };
+  }
+
+  var position = "PrependContainer";
+  var defaults = {
+    swipeDismiss: true
+  };
+
+  function instance($$self, $$props, $$invalidate) {
+    var _$$props$self = $$props.self,
+        self = _$$props$self === void 0 ? null : _$$props$self;
+    var _$$props$swipeDismiss = $$props.swipeDismiss,
+        swipeDismiss = _$$props$swipeDismiss === void 0 ? defaults.swipeDismiss : _$$props$swipeDismiss;
+    var origXY = null;
+    var diffXY = null;
+    var noticeWidthHeight = null;
+    var noticeOpacity = null;
+    var csspos = "left";
+    var direction = "X";
+    var span = "Width";
+    var windowInnerWidth = window.innerWidth;
+    var offs = [];
+    onMount(function () {
+      offs = [self.on("touchstart", function (e) {
+        if (!swipeDismiss) {
+          return;
+        }
+
+        var stack = self.stack;
+
+        if (stack) {
+          switch (stack.dir1) {
+            case "up":
+            case "down":
+              csspos = "left";
+              direction = "X";
+              span = "Width";
+              break;
+
+            case "left":
+            case "right":
+              csspos = "top";
+              direction = "Y";
+              span = "Height";
+              break;
+          }
+        }
+
+        origXY = e.touches[0]["screen".concat(direction)];
+        noticeWidthHeight = self.refs.elem["scroll".concat(span)];
+        noticeOpacity = window.getComputedStyle(self.refs.elem)["opacity"];
+        $$invalidate(1, self.refs.container.style[csspos] = 0, self);
+      }), self.on("touchmove", function (e) {
+        if (!origXY || !swipeDismiss) {
+          return;
+        }
+
+        var curXY = e.touches[0]["screen".concat(direction)];
+        diffXY = curXY - origXY;
+        var opacity = (1 - Math.abs(diffXY) / noticeWidthHeight) * noticeOpacity;
+        $$invalidate(1, self.refs.elem.style.opacity = opacity, self);
+        $$invalidate(1, self.refs.container.style[csspos] = "".concat(diffXY, "px"), self);
+      }), self.on("touchend", function () {
+        if (!origXY || !swipeDismiss) {
+          return;
+        }
+
+        self.refs.container.classList.add("pnotify-mobile-animate-left");
+
+        if (Math.abs(diffXY) > 40) {
+          var goLeft = diffXY < 0 ? noticeWidthHeight * -2 : noticeWidthHeight * 2;
+          $$invalidate(1, self.refs.elem.style.opacity = 0, self);
+          $$invalidate(1, self.refs.container.style[csspos] = "".concat(goLeft, "px"), self);
+          self.close();
+        } else {
+          self.refs.elem.style.removeProperty("opacity");
+          self.refs.container.style.removeProperty(csspos);
+        }
+
+        origXY = null;
+        diffXY = null;
+        noticeWidthHeight = null;
+        noticeOpacity = null;
+      }), self.on("touchcancel", function () {
+        if (!origXY || !swipeDismiss) {
+          return;
+        }
+
+        self.refs.elem.style.removeProperty("opacity");
+        self.refs.container.style.removeProperty(csspos);
+        origXY = null;
+        diffXY = null;
+        noticeWidthHeight = null;
+        noticeOpacity = null;
+      }), self.on("pnotify:afterClose", function () {
+        // Remove any styling we added to close it.
+        if (!swipeDismiss) {
+          return;
+        }
+
+        self.refs.elem.style.removeProperty("opacity");
+        self.refs.container.style.removeProperty("left");
+        self.refs.container.style.removeProperty("top");
+      })];
+    });
+    onDestroy(function () {
+      offs.forEach(function (off) {
+        return off();
+      });
+    });
+
+    var resize_handler = function resize_handler() {
+      return $$invalidate(0, windowInnerWidth = window.innerWidth);
+    };
+
+    $$self.$$set = function ($$props) {
+      if ("self" in $$props) $$invalidate(1, self = $$props.self);
+      if ("swipeDismiss" in $$props) $$invalidate(2, swipeDismiss = $$props.swipeDismiss);
+    };
+
+    $$self.$$.update = function () {
+      if ($$self.$$.dirty &
+      /*self, windowInnerWidth*/
+      3) {
+         {
+          var stack = self.stack;
+
+          if (stack) {
+            if (windowInnerWidth <= 480) {
+              if (!("_m_spacing1" in stack)) {
+                stack._m_spacing1 = stack.spacing1;
+                stack._m_firstpos1 = stack.firstpos1;
+                stack._m_spacing2 = stack.spacing2;
+                stack._m_firstpos2 = stack.firstpos2;
+                stack.spacing1 = 0;
+                stack.firstpos1 = 0;
+                stack.spacing2 = 0;
+                stack.firstpos2 = 0;
+                stack.queuePosition();
+              }
+            } else {
+              if ("_m_spacing1" in stack) {
+                stack.spacing1 = stack._m_spacing1;
+                delete stack._m_spacing1;
+                stack.firstpos1 = stack._m_firstpos1;
+                delete stack._m_firstpos1;
+                stack.spacing2 = stack._m_spacing2;
+                delete stack._m_spacing2;
+                stack.firstpos2 = stack._m_firstpos2;
+                delete stack._m_firstpos2;
+                stack.queuePosition();
+              }
+            }
+          }
+        }
+      }
+    };
+
+    return [windowInnerWidth, self, swipeDismiss, resize_handler];
+  }
+
+  var Mobile = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Mobile, _SvelteComponent);
+
+    var _super = _createSuper(Mobile);
+
+    function Mobile(options) {
+      var _this;
+
+      _classCallCheck(this, Mobile);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, instance, create_fragment, safe_not_equal, {
+        self: 1,
+        swipeDismiss: 2
+      });
+      return _this;
+    }
+
+    return Mobile;
+  }(SvelteComponent);
+
+  exports.default = Mobile;
+  exports.defaults = defaults;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/paginate/dist/PNotifyPaginate.css b/packages/paginate/dist/PNotifyPaginate.css
new file mode 100644
index 00000000..3d14f5ff
--- /dev/null
+++ b/packages/paginate/dist/PNotifyPaginate.css
@@ -0,0 +1 @@
+.pnotify-paginate{float:right;display:flex;align-items:center;justify-content:center}.pnotify-paginate-buttons{display:flex}.pnotify-paginate-button{display:inline-block;margin:0 0.5em;cursor:pointer}.pnotify-paginate-button:disabled,.pnotify-paginate-button[aria-disabled='true']{cursor:initial}.pnotify-paginate-count{font-size:0.9em}
\ No newline at end of file
diff --git a/packages/paginate/dist/PNotifyPaginate.js b/packages/paginate/dist/PNotifyPaginate.js
new file mode 100644
index 00000000..cb2700f8
--- /dev/null
+++ b/packages/paginate/dist/PNotifyPaginate.js
@@ -0,0 +1,1007 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyPaginate = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _iterableToArrayLimit(arr, i) {
+    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function append(target, node) {
+    target.appendChild(node);
+  }
+
+  function insert(target, node, anchor) {
+    target.insertBefore(node, anchor || null);
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function element(name) {
+    return document.createElement(name);
+  }
+
+  function text(data) {
+    return document.createTextNode(data);
+  }
+
+  function space() {
+    return text(' ');
+  }
+
+  function listen(node, event, handler, options) {
+    node.addEventListener(event, handler, options);
+    return function () {
+      return node.removeEventListener(event, handler, options);
+    };
+  }
+
+  function attr(node, attribute, value) {
+    if (value == null) node.removeAttribute(attribute);else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  function set_data(text, data) {
+    data = '' + data;
+    if (text.wholeText !== data) text.data = data;
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  function get_current_component() {
+    if (!current_component) throw new Error('Function called outside component initialization');
+    return current_component;
+  }
+
+  function onMount(fn) {
+    get_current_component().$$.on_mount.push(fn);
+  }
+
+  function onDestroy(fn) {
+    get_current_component().$$.on_destroy.push(fn);
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  function create_if_block_1(ctx) {
+    var div2;
+    var div0;
+    var div0_tabindex_value;
+    var div0_aria_disabled_value;
+    var div0_class_value;
+    var div0_title_value;
+    var t;
+    var div1;
+    var div1_tabindex_value;
+    var div1_aria_disabled_value;
+    var div1_class_value;
+    var div1_title_value;
+    var div2_class_value;
+    var mounted;
+    var dispose;
+    return {
+      c: function c() {
+        div2 = element("div");
+        div0 = element("div");
+        t = space();
+        div1 = element("div");
+        attr(div0, "role", "button");
+        attr(div0, "tabindex", div0_tabindex_value =
+        /*currentIndex*/
+        ctx[4] === 1 ? "-1" : "0");
+        attr(div0, "aria-disabled", div0_aria_disabled_value =
+        /*currentIndex*/
+        ctx[4] === 1);
+        attr(div0, "class", div0_class_value = "pnotify-paginate-button ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-btn"), " ").concat(
+        /*self*/
+        ctx[0].getStyle("paginate-previous")));
+        attr(div0, "title", div0_title_value =
+        /*labels*/
+        ctx[3].previous);
+        attr(div1, "role", "button");
+        attr(div1, "tabindex", div1_tabindex_value =
+        /*currentIndex*/
+        ctx[4] ===
+        /*stackLength*/
+        ctx[5] ? "-1" : "0");
+        attr(div1, "aria-disabled", div1_aria_disabled_value =
+        /*currentIndex*/
+        ctx[4] ===
+        /*stackLength*/
+        ctx[5]);
+        attr(div1, "class", div1_class_value = "pnotify-paginate-button ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-btn"), " ").concat(
+        /*self*/
+        ctx[0].getStyle("paginate-next")));
+        attr(div1, "title", div1_title_value =
+        /*labels*/
+        ctx[3].next);
+        attr(div2, "class", div2_class_value = "pnotify-paginate-buttons ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-buttons")));
+      },
+      m: function m(target, anchor) {
+        insert(target, div2, anchor);
+        append(div2, div0);
+        append(div2, t);
+        append(div2, div1);
+
+        if (!mounted) {
+          dispose = [listen(div0, "click",
+          /*click_handler*/
+          ctx[10]), listen(div1, "click",
+          /*click_handler_1*/
+          ctx[11])];
+          mounted = true;
+        }
+      },
+      p: function p(ctx, dirty) {
+        if (dirty &
+        /*currentIndex*/
+        16 && div0_tabindex_value !== (div0_tabindex_value =
+        /*currentIndex*/
+        ctx[4] === 1 ? "-1" : "0")) {
+          attr(div0, "tabindex", div0_tabindex_value);
+        }
+
+        if (dirty &
+        /*currentIndex*/
+        16 && div0_aria_disabled_value !== (div0_aria_disabled_value =
+        /*currentIndex*/
+        ctx[4] === 1)) {
+          attr(div0, "aria-disabled", div0_aria_disabled_value);
+        }
+
+        if (dirty &
+        /*self*/
+        1 && div0_class_value !== (div0_class_value = "pnotify-paginate-button ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-btn"), " ").concat(
+        /*self*/
+        ctx[0].getStyle("paginate-previous")))) {
+          attr(div0, "class", div0_class_value);
+        }
+
+        if (dirty &
+        /*labels*/
+        8 && div0_title_value !== (div0_title_value =
+        /*labels*/
+        ctx[3].previous)) {
+          attr(div0, "title", div0_title_value);
+        }
+
+        if (dirty &
+        /*currentIndex, stackLength*/
+        48 && div1_tabindex_value !== (div1_tabindex_value =
+        /*currentIndex*/
+        ctx[4] ===
+        /*stackLength*/
+        ctx[5] ? "-1" : "0")) {
+          attr(div1, "tabindex", div1_tabindex_value);
+        }
+
+        if (dirty &
+        /*currentIndex, stackLength*/
+        48 && div1_aria_disabled_value !== (div1_aria_disabled_value =
+        /*currentIndex*/
+        ctx[4] ===
+        /*stackLength*/
+        ctx[5])) {
+          attr(div1, "aria-disabled", div1_aria_disabled_value);
+        }
+
+        if (dirty &
+        /*self*/
+        1 && div1_class_value !== (div1_class_value = "pnotify-paginate-button ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-btn"), " ").concat(
+        /*self*/
+        ctx[0].getStyle("paginate-next")))) {
+          attr(div1, "class", div1_class_value);
+        }
+
+        if (dirty &
+        /*labels*/
+        8 && div1_title_value !== (div1_title_value =
+        /*labels*/
+        ctx[3].next)) {
+          attr(div1, "title", div1_title_value);
+        }
+
+        if (dirty &
+        /*self*/
+        1 && div2_class_value !== (div2_class_value = "pnotify-paginate-buttons ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-buttons")))) {
+          attr(div2, "class", div2_class_value);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div2);
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  } // (121:2) {#if count}
+
+
+  function create_if_block(ctx) {
+    var div;
+    var span0;
+    var t0;
+    var span0_class_value;
+    var t1;
+    var span1;
+    var t2_value =
+    /*labels*/
+    ctx[3].of + "";
+    var t2;
+    var span1_class_value;
+    var t3;
+    var span2;
+    var t4;
+    var span2_class_value;
+    var div_class_value;
+    return {
+      c: function c() {
+        div = element("div");
+        span0 = element("span");
+        t0 = text(
+        /*currentIndex*/
+        ctx[4]);
+        t1 = space();
+        span1 = element("span");
+        t2 = text(t2_value);
+        t3 = space();
+        span2 = element("span");
+        t4 = text(
+        /*stackLength*/
+        ctx[5]);
+        attr(span0, "class", span0_class_value = "pnotify-paginate-count-current ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-count-current")));
+        attr(span1, "class", span1_class_value = "pnotify-paginate-count-of ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-count-of")));
+        attr(span2, "class", span2_class_value = "pnotify-paginate-count-total ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-count-total")));
+        attr(div, "class", div_class_value = "pnotify-paginate-count ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-count")));
+      },
+      m: function m(target, anchor) {
+        insert(target, div, anchor);
+        append(div, span0);
+        append(span0, t0);
+        append(div, t1);
+        append(div, span1);
+        append(span1, t2);
+        append(div, t3);
+        append(div, span2);
+        append(span2, t4);
+      },
+      p: function p(ctx, dirty) {
+        if (dirty &
+        /*currentIndex*/
+        16) set_data(t0,
+        /*currentIndex*/
+        ctx[4]);
+
+        if (dirty &
+        /*self*/
+        1 && span0_class_value !== (span0_class_value = "pnotify-paginate-count-current ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-count-current")))) {
+          attr(span0, "class", span0_class_value);
+        }
+
+        if (dirty &
+        /*labels*/
+        8 && t2_value !== (t2_value =
+        /*labels*/
+        ctx[3].of + "")) set_data(t2, t2_value);
+
+        if (dirty &
+        /*self*/
+        1 && span1_class_value !== (span1_class_value = "pnotify-paginate-count-of ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-count-of")))) {
+          attr(span1, "class", span1_class_value);
+        }
+
+        if (dirty &
+        /*stackLength*/
+        32) set_data(t4,
+        /*stackLength*/
+        ctx[5]);
+
+        if (dirty &
+        /*self*/
+        1 && span2_class_value !== (span2_class_value = "pnotify-paginate-count-total ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-count-total")))) {
+          attr(span2, "class", span2_class_value);
+        }
+
+        if (dirty &
+        /*self*/
+        1 && div_class_value !== (div_class_value = "pnotify-paginate-count ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate-count")))) {
+          attr(div, "class", div_class_value);
+        }
+      },
+      d: function d(detaching) {
+        if (detaching) detach(div);
+      }
+    };
+  }
+
+  function create_fragment(ctx) {
+    var div;
+    var t;
+    var div_class_value;
+    var if_block0 =
+    /*buttons*/
+    ctx[1] && create_if_block_1(ctx);
+    var if_block1 =
+    /*count*/
+    ctx[2] && create_if_block(ctx);
+    return {
+      c: function c() {
+        div = element("div");
+        if (if_block0) if_block0.c();
+        t = space();
+        if (if_block1) if_block1.c();
+        attr(div, "class", div_class_value = "pnotify-paginate ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate")));
+      },
+      m: function m(target, anchor) {
+        insert(target, div, anchor);
+        if (if_block0) if_block0.m(div, null);
+        append(div, t);
+        if (if_block1) if_block1.m(div, null);
+      },
+      p: function p(ctx, _ref) {
+        var _ref2 = _slicedToArray(_ref, 1),
+            dirty = _ref2[0];
+
+        if (
+        /*buttons*/
+        ctx[1]) {
+          if (if_block0) {
+            if_block0.p(ctx, dirty);
+          } else {
+            if_block0 = create_if_block_1(ctx);
+            if_block0.c();
+            if_block0.m(div, t);
+          }
+        } else if (if_block0) {
+          if_block0.d(1);
+          if_block0 = null;
+        }
+
+        if (
+        /*count*/
+        ctx[2]) {
+          if (if_block1) {
+            if_block1.p(ctx, dirty);
+          } else {
+            if_block1 = create_if_block(ctx);
+            if_block1.c();
+            if_block1.m(div, null);
+          }
+        } else if (if_block1) {
+          if_block1.d(1);
+          if_block1 = null;
+        }
+
+        if (dirty &
+        /*self*/
+        1 && div_class_value !== (div_class_value = "pnotify-paginate ".concat(
+        /*self*/
+        ctx[0].getStyle("paginate")))) {
+          attr(div, "class", div_class_value);
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function d(detaching) {
+        if (detaching) detach(div);
+        if (if_block0) if_block0.d();
+        if (if_block1) if_block1.d();
+      }
+    };
+  }
+
+  var position = "PrependContainer";
+  var defaults = {
+    buttons: true,
+    count: true,
+    immediateTransition: true,
+    waiting: true,
+    labels: {
+      previous: "Previous",
+      next: "Next",
+      of: "of"
+    }
+  };
+
+  function instance($$self, $$props, $$invalidate) {
+    var _$$props$self = $$props.self,
+        self = _$$props$self === void 0 ? null : _$$props$self;
+    var _$$props$buttons = $$props.buttons,
+        buttons = _$$props$buttons === void 0 ? defaults.buttons : _$$props$buttons;
+    var _$$props$count = $$props.count,
+        count = _$$props$count === void 0 ? defaults.count : _$$props$count;
+    var _$$props$immediateTra = $$props.immediateTransition,
+        immediateTransition = _$$props$immediateTra === void 0 ? defaults.immediateTransition : _$$props$immediateTra;
+    var _$$props$waiting = $$props.waiting,
+        waiting = _$$props$waiting === void 0 ? defaults.waiting : _$$props$waiting;
+    var _$$props$labels = $$props.labels,
+        labels = _$$props$labels === void 0 ? defaults.labels : _$$props$labels;
+    var currentIndex;
+    var stackLength;
+
+    var handlerCallback = function handlerCallback() {
+      $$invalidate(4, currentIndex = 0);
+
+      try {
+        self.stack.forEach(function (notice) {
+          return $$invalidate(4, currentIndex++, currentIndex);
+        }, {
+          start: self,
+          dir: "prev"
+        });
+      } catch (e) {
+        if (e.message !== "Invalid start param.") {
+          throw e;
+        }
+      }
+
+      $$invalidate(5, stackLength = self.stack.length);
+    };
+
+    var addHandlerOff;
+    var removeHandlerOff;
+    var beforeOpenHandlerOff;
+    onMount(function () {
+      handlerCallback();
+      addHandlerOff = self.stack.on("afterAddNotice", handlerCallback);
+      removeHandlerOff = self.stack.on("afterRemoveNotice", handlerCallback);
+      beforeOpenHandlerOff = self.on("beforeOpen", handlerCallback);
+    });
+    onDestroy(function () {
+      addHandlerOff();
+      removeHandlerOff();
+      beforeOpenHandlerOff();
+    });
+
+    function handleNext() {
+      self.stack.forEach(function (notice) {
+        if (notice !== self && (notice.getState() === "waiting" || !waiting && notice.getState() === "closed")) {
+          self.stack.swap(self, notice, immediateTransition, waiting);
+          return false;
+        }
+      }, {
+        start: self,
+        dir: "next"
+      });
+    }
+
+    function handlePrevious() {
+      self.stack.forEach(function (notice) {
+        if (notice !== self && notice.getState() === "waiting") {
+          self.stack.swap(self, notice, immediateTransition, true);
+          return false;
+        }
+      }, {
+        start: self,
+        dir: "prev"
+      });
+    }
+
+    var click_handler = function click_handler(event) {
+      return handlePrevious();
+    };
+
+    var click_handler_1 = function click_handler_1(event) {
+      return handleNext();
+    };
+
+    $$self.$$set = function ($$props) {
+      if ("self" in $$props) $$invalidate(0, self = $$props.self);
+      if ("buttons" in $$props) $$invalidate(1, buttons = $$props.buttons);
+      if ("count" in $$props) $$invalidate(2, count = $$props.count);
+      if ("immediateTransition" in $$props) $$invalidate(8, immediateTransition = $$props.immediateTransition);
+      if ("waiting" in $$props) $$invalidate(9, waiting = $$props.waiting);
+      if ("labels" in $$props) $$invalidate(3, labels = $$props.labels);
+    };
+
+    return [self, buttons, count, labels, currentIndex, stackLength, handleNext, handlePrevious, immediateTransition, waiting, click_handler, click_handler_1];
+  }
+
+  var Paginate = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Paginate, _SvelteComponent);
+
+    var _super = _createSuper(Paginate);
+
+    function Paginate(options) {
+      var _this;
+
+      _classCallCheck(this, Paginate);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, instance, create_fragment, safe_not_equal, {
+        self: 0,
+        buttons: 1,
+        count: 2,
+        immediateTransition: 8,
+        waiting: 9,
+        labels: 3
+      });
+      return _this;
+    }
+
+    return Paginate;
+  }(SvelteComponent);
+
+  exports.default = Paginate;
+  exports.defaults = defaults;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/packages/reference/dist/PNotifyReference.css b/packages/reference/dist/PNotifyReference.css
new file mode 100644
index 00000000..4e283bd1
--- /dev/null
+++ b/packages/reference/dist/PNotifyReference.css
@@ -0,0 +1 @@
+.pnotify-reference-button.svelte-1tn3i34{float:right;margin-top:1em}.pnotify-reference-clearing.svelte-1tn3i34{clear:right;line-height:0}
\ No newline at end of file
diff --git a/packages/reference/dist/PNotifyReference.js b/packages/reference/dist/PNotifyReference.js
new file mode 100644
index 00000000..02ea95f4
--- /dev/null
+++ b/packages/reference/dist/PNotifyReference.js
@@ -0,0 +1,691 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PNotifyReference = {}));
+}(this, (function (exports) { 'use strict';
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+    return _setPrototypeOf(o, p);
+  }
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    return _assertThisInitialized(self);
+  }
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  }
+
+  function _iterableToArrayLimit(arr, i) {
+    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function noop() {}
+
+  function run(fn) {
+    return fn();
+  }
+
+  function blank_object() {
+    return Object.create(null);
+  }
+
+  function run_all(fns) {
+    fns.forEach(run);
+  }
+
+  function is_function(thing) {
+    return typeof thing === 'function';
+  }
+
+  function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';
+  }
+
+  function is_empty(obj) {
+    return Object.keys(obj).length === 0;
+  }
+
+  function null_to_empty(value) {
+    return value == null ? '' : value;
+  }
+
+  function append(target, node) {
+    target.appendChild(node);
+  }
+
+  function insert(target, node, anchor) {
+    target.insertBefore(node, anchor || null);
+  }
+
+  function detach(node) {
+    node.parentNode.removeChild(node);
+  }
+
+  function element(name) {
+    return document.createElement(name);
+  }
+
+  function text(data) {
+    return document.createTextNode(data);
+  }
+
+  function space() {
+    return text(' ');
+  }
+
+  function listen(node, event, handler, options) {
+    node.addEventListener(event, handler, options);
+    return function () {
+      return node.removeEventListener(event, handler, options);
+    };
+  }
+
+  function attr(node, attribute, value) {
+    if (value == null) node.removeAttribute(attribute);else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value);
+  }
+
+  function children(element) {
+    return Array.from(element.childNodes);
+  }
+
+  function set_data(text, data) {
+    data = '' + data;
+    if (text.wholeText !== data) text.data = data;
+  }
+
+  var current_component;
+
+  function set_current_component(component) {
+    current_component = component;
+  }
+
+  function get_current_component() {
+    if (!current_component) throw new Error('Function called outside component initialization');
+    return current_component;
+  }
+
+  function onDestroy(fn) {
+    get_current_component().$$.on_destroy.push(fn);
+  }
+
+  var dirty_components = [];
+  var binding_callbacks = [];
+  var render_callbacks = [];
+  var flush_callbacks = [];
+  var resolved_promise = Promise.resolve();
+  var update_scheduled = false;
+
+  function schedule_update() {
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
+  }
+
+  function add_render_callback(fn) {
+    render_callbacks.push(fn);
+  }
+
+  var flushing = false;
+  var seen_callbacks = new Set();
+
+  function flush() {
+    if (flushing) return;
+    flushing = true;
+
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      for (var i = 0; i < dirty_components.length; i += 1) {
+        var component = dirty_components[i];
+        set_current_component(component);
+        update(component.$$);
+      }
+
+      set_current_component(null);
+      dirty_components.length = 0;
+
+      while (binding_callbacks.length) {
+        binding_callbacks.pop()();
+      } // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+
+
+      for (var _i = 0; _i < render_callbacks.length; _i += 1) {
+        var callback = render_callbacks[_i];
+
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
+      }
+
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+
+    update_scheduled = false;
+    flushing = false;
+    seen_callbacks.clear();
+  }
+
+  function update($$) {
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      var dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
+  }
+
+  var outroing = new Set();
+
+  function transition_in(block, local) {
+    if (block && block.i) {
+      outroing["delete"](block);
+      block.i(local);
+    }
+  }
+
+  function mount_component(component, target, anchor) {
+    var _component$$$ = component.$$,
+        fragment = _component$$$.fragment,
+        on_mount = _component$$$.on_mount,
+        on_destroy = _component$$$.on_destroy,
+        after_update = _component$$$.after_update;
+    fragment && fragment.m(target, anchor); // onMount happens before the initial afterUpdate
+
+    add_render_callback(function () {
+      var new_on_destroy = on_mount.map(run).filter(is_function);
+
+      if (on_destroy) {
+        on_destroy.push.apply(on_destroy, _toConsumableArray(new_on_destroy));
+      } else {
+        // Edge case - component was destroyed immediately,
+        // most likely as a result of a binding initialising
+        run_all(new_on_destroy);
+      }
+
+      component.$$.on_mount = [];
+    });
+    after_update.forEach(add_render_callback);
+  }
+
+  function destroy_component(component, detaching) {
+    var $$ = component.$$;
+
+    if ($$.fragment !== null) {
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
+  }
+
+  function make_dirty(component, i) {
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+
+    component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+  }
+
+  function init(component, options, instance, create_fragment, not_equal, props) {
+    var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];
+    var parent_component = current_component;
+    set_current_component(component);
+    var prop_values = options.props || {};
+    var $$ = component.$$ = {
+      fragment: null,
+      ctx: null,
+      // state
+      props: props,
+      update: noop,
+      not_equal: not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(parent_component ? parent_component.$$.context : []),
+      // everything else
+      callbacks: blank_object(),
+      dirty: dirty,
+      skip_bound: false
+    };
+    var ready = false;
+    $$.ctx = instance ? instance(component, prop_values, function (i, ret) {
+      var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;
+
+      if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+        if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+        if (ready) make_dirty(component, i);
+      }
+
+      return ret;
+    }) : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update); // `false` as a special case of no DOM component
+
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+
+    if (options.target) {
+      if (options.hydrate) {
+        var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
+      }
+
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(component, options.target, options.anchor);
+      flush();
+    }
+
+    set_current_component(parent_component);
+  }
+
+  var SvelteComponent = /*#__PURE__*/function () {
+    function SvelteComponent() {
+      _classCallCheck(this, SvelteComponent);
+    }
+
+    _createClass(SvelteComponent, [{
+      key: "$destroy",
+      value: function $destroy() {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+      }
+    }, {
+      key: "$on",
+      value: function $on(type, callback) {
+        var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+        callbacks.push(callback);
+        return function () {
+          var index = callbacks.indexOf(callback);
+          if (index !== -1) callbacks.splice(index, 1);
+        };
+      }
+    }, {
+      key: "$set",
+      value: function $set($$props) {
+        if (this.$$set && !is_empty($$props)) {
+          this.$$.skip_bound = true;
+          this.$$set($$props);
+          this.$$.skip_bound = false;
+        }
+      }
+    }]);
+
+    return SvelteComponent;
+  }();
+
+  function create_fragment(ctx) {
+    var button;
+    var i;
+    var i_class_value;
+    var t0;
+    var t1_value =
+    /*labels*/
+    ctx[1].text + "";
+    var t1;
+    var button_class_value;
+    var button_disabled_value;
+    var t2;
+    var div;
+    var mounted;
+    var dispose;
+    return {
+      c: function c() {
+        button = element("button");
+        i = element("i");
+        t0 = text("\n   ");
+        t1 = text(t1_value);
+        t2 = space();
+        div = element("div");
+        attr(i, "class", i_class_value = "" + (null_to_empty(
+        /*self*/
+        ctx[0].getIcon("refresh")) + " svelte-1tn3i34"));
+        attr(button, "class", button_class_value = "" + (null_to_empty("pnotify-action-button pnotify-reference-button ".concat(
+        /*self*/
+        ctx[0].getStyle("btn"), " ").concat(
+        /*self*/
+        ctx[0].getStyle("btn-secondary"))) + " svelte-1tn3i34"));
+        attr(button, "type", "button");
+        button.disabled = button_disabled_value = !
+        /*mouseIsIn*/
+        ctx[2];
+        attr(div, "class", "pnotify-reference-clearing svelte-1tn3i34");
+      },
+      m: function m(target, anchor) {
+        insert(target, button, anchor);
+        append(button, i);
+        append(button, t0);
+        append(button, t1);
+        insert(target, t2, anchor);
+        insert(target, div, anchor);
+
+        if (!mounted) {
+          dispose = listen(button, "click",
+          /*doSomething*/
+          ctx[3]);
+          mounted = true;
+        }
+      },
+      p: function p(ctx, _ref) {
+        var _ref2 = _slicedToArray(_ref, 1),
+            dirty = _ref2[0];
+
+        if (dirty &
+        /*self*/
+        1 && i_class_value !== (i_class_value = "" + (null_to_empty(
+        /*self*/
+        ctx[0].getIcon("refresh")) + " svelte-1tn3i34"))) {
+          attr(i, "class", i_class_value);
+        }
+
+        if (dirty &
+        /*labels*/
+        2 && t1_value !== (t1_value =
+        /*labels*/
+        ctx[1].text + "")) set_data(t1, t1_value);
+
+        if (dirty &
+        /*self*/
+        1 && button_class_value !== (button_class_value = "" + (null_to_empty("pnotify-action-button pnotify-reference-button ".concat(
+        /*self*/
+        ctx[0].getStyle("btn"), " ").concat(
+        /*self*/
+        ctx[0].getStyle("btn-secondary"))) + " svelte-1tn3i34"))) {
+          attr(button, "class", button_class_value);
+        }
+
+        if (dirty &
+        /*mouseIsIn*/
+        4 && button_disabled_value !== (button_disabled_value = !
+        /*mouseIsIn*/
+        ctx[2])) {
+          button.disabled = button_disabled_value;
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function d(detaching) {
+        if (detaching) detach(button);
+        if (detaching) detach(t2);
+        if (detaching) detach(div);
+        mounted = false;
+        dispose();
+      }
+    };
+  }
+
+  var position = "AppendContent";
+  var defaults = {
+    // If you are displaying any text, you should use a labels options to
+    // support internationalization.
+    labels: {
+      text: "Spin Around"
+    }
+  };
+
+  function instance($$self, $$props, $$invalidate) {
+    var _$$props$self = $$props.self,
+        self = _$$props$self === void 0 ? null : _$$props$self;
+    var _$$props$labels = $$props.labels,
+        labels = _$$props$labels === void 0 ? defaults.labels : _$$props$labels; // Here you can define variables not meant to be exported as options.
+
+    var mouseIsIn = false;
+    var removeMouseEnter = self.on("mouseenter", function () {
+      return $$invalidate(2, mouseIsIn = true);
+    });
+    var removeMouseLeave = self.on("mouseleave", function () {
+      return $$invalidate(2, mouseIsIn = false);
+    });
+    onDestroy(function () {
+      // Remember to clean up.
+      removeMouseEnter && removeMouseEnter();
+      removeMouseLeave && removeMouseLeave();
+    });
+
+    function doSomething() {
+      // Spin the notice around.
+      var curAngle = 0;
+      var timer = setInterval(function () {
+        curAngle += 10;
+
+        if (curAngle === 360) {
+          curAngle = 0;
+          clearInterval(timer);
+        }
+
+        $$invalidate(0, self.refs.elem.style.transform = "rotate(".concat(curAngle, "deg)"), self);
+      }, 20);
+    }
+
+    $$self.$$set = function ($$props) {
+      if ("self" in $$props) $$invalidate(0, self = $$props.self);
+      if ("labels" in $$props) $$invalidate(1, labels = $$props.labels);
+    };
+
+    return [self, labels, mouseIsIn, doSomething];
+  }
+
+  var Reference = /*#__PURE__*/function (_SvelteComponent) {
+    _inherits(Reference, _SvelteComponent);
+
+    var _super = _createSuper(Reference);
+
+    function Reference(options) {
+      var _this;
+
+      _classCallCheck(this, Reference);
+
+      _this = _super.call(this);
+      init(_assertThisInitialized(_this), options, instance, create_fragment, safe_not_equal, {
+        self: 0,
+        labels: 1
+      });
+      return _this;
+    }
+
+    return Reference;
+  }(SvelteComponent);
+
+  exports.default = Reference;
+  exports.defaults = defaults;
+  exports.position = position;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));