@frollo/frollo-web-ui 7.0.1 → 8.0.1

package/esm/fw-popover.js

@@ -1,349 +1,8 @@
-import { a as _typeof, _ as _defineProperty } from './defineProperty-b85f2e0f.js';
-import './es.array.includes-08e25019.js';
-import './web.timers-e406c8e6.js';
+import { c as _asyncToGenerator, d as _regeneratorRuntime, e as _defineProperty } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
 import { defineComponent, ref, computed, watchEffect, onBeforeUnmount, onMounted, onUpdated, useCssVars, pushScopeId, popScopeId, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { c as createPopper } from './index-0c5cae4f.js';
-import { u as uniqueId } from './uniqueId-fe08534a.js';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './is-forced-7cb3ee8f.js';
-import './export-10c4adbc.js';
-import './add-to-unscopables-ee05b58f.js';
-import './object-create-51bf02dc.js';
-import './function-apply-e17cf65b.js';
-
-function _regeneratorRuntime() {
-  "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-  _regeneratorRuntime = function _regeneratorRuntime() {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function define(t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
-      };
-    }
-  }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
-    return this;
-  });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
-      });
-    });
-  }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
-        });
-      }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function value(t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
-        }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw new Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
-        return {
-          value: t,
-          done: !0
-        };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
-  }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
-          };
-        return i.next = i;
-      }
-    }
-    throw new TypeError(_typeof(e) + " is not iterable");
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
-    return this;
-  }), define(g, "toString", function () {
-    return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
-      }
-      return next.done = !0, next;
-    };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function reset(e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function stop() {
-      this.done = !0;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function dispatchException(e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-          } else {
-            if (!u) throw new Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function abrupt(t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function complete(t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function finish(t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    "catch": function _catch(t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw new Error("illegal catch attempt");
-    },
-    delegateYield: function delegateYield(e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
-    }
-  }, e;
-}
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
+import { c as createPopper } from './index-BVcOAKar.js';
+import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 /**
  * Gets the first element of `array`.
@@ -371,12 +30,12 @@ var __default__ = defineComponent({
   name: 'FwPopover',
   emits: ['closed'],
   props: {
-    /**
-     * The title of the popover
+    /**
+     * The title of the popover
      */
     title: String,
-    /**
-     * The side of the target element the popover should be placed against. Accepts 'top', 'right', 'bottom' and 'left'
+    /**
+     * The side of the target element the popover should be placed against. Accepts 'top', 'right', 'bottom' and 'left'
      */
     placement: {
       type: String,
@@ -385,9 +44,9 @@ var __default__ = defineComponent({
         return ['top', 'right', 'bottom', 'left', 'auto', 'auto-start', 'auto-end', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'right-start', 'right-end', 'left-start', 'left-end'].includes(value);
       }
     },
-    /**
-     * Whether to use `fixed` or `absolute` positioning.
-     * Absolute is more performant if you have a lot of popovers; fixed is more robust
+    /**
+     * Whether to use `fixed` or `absolute` positioning.
+     * Absolute is more performant if you have a lot of popovers; fixed is more robust
      */
     position: {
       type: String,
@@ -396,8 +55,8 @@ var __default__ = defineComponent({
         return ['fixed', 'absolute'].includes(value);
       }
     },
-    /**
-     * The input event which causes the popover to show. Accepts 'click' and 'hover'
+    /**
+     * The input event which causes the popover to show. Accepts 'click' and 'hover'
      */
     trigger: {
       type: String,
@@ -406,29 +65,29 @@ var __default__ = defineComponent({
         return ['click', 'hover', 'focus'].includes(value);
       }
     },
-    /**
-     * Whether to show component on top of all components by setting the highest z-index
+    /**
+     * Whether to show component on top of all components by setting the highest z-index
      */
     showOnTop: {
       type: Boolean,
       "default": false
     },
-    /**
-     * Close the popover automatically when the user clicks inside of the popover
+    /**
+     * Close the popover automatically when the user clicks inside of the popover
      */
     closeOnClick: {
       type: Boolean,
       "default": false
     },
-    /**
-     * Close the popover automatically when the user clicks outside of the popover
+    /**
+     * Close the popover automatically when the user clicks outside of the popover
      */
     closeOnClickOutside: {
       type: Boolean,
       "default": true
     },
-    /**
-     * The text alignment of the popover content should be placed against. Accepts 'center', 'right' and 'left'
+    /**
+     * The text alignment of the popover content should be placed against. Accepts 'center', 'right' and 'left'
      */
     textAlign: {
       type: String,
@@ -437,8 +96,8 @@ var __default__ = defineComponent({
         return ['center', 'left', 'right'].includes(value);
       }
     },
-    /**
-     * Whether to show the arrow
+    /**
+     * Whether to show the arrow
      **/
     showArrow: {
       type: Boolean,
@@ -478,7 +137,7 @@ var __default__ = defineComponent({
     };
     var onClickOutside = function onClickOutside(e) {
       var _contentElement$value, _targetElement$value;
-      if (props.closeOnClickOutside &&
+      if (props.closeOnClickOutside && e.target instanceof Node &&
       // Check if the click happened inside the popover
       !((_contentElement$value = contentElement.value) !== null && _contentElement$value !== void 0 && _contentElement$value.contains(e.target)) &&
       // Check if the click happened inside the button
@@ -505,11 +164,17 @@ var __default__ = defineComponent({
       return document.removeEventListener('click', onClickOutside);
     });
     var popper = ref(null);
+    var popperPlacement = computed(function () {
+      return props.placement;
+    });
+    var popperStrategy = computed(function () {
+      return props.position;
+    });
     onMounted(function () {
       if (targetElement.value && contentElement.value) {
         popper.value = createPopper(targetElement.value, contentElement.value, {
-          placement: props.placement,
-          strategy: props.position,
+          placement: popperPlacement.value,
+          strategy: popperStrategy.value,
           modifiers: [{
             name: 'arrow',
             options: {
@@ -562,7 +227,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "c86e469a": _ctx.spacingSize
+      "bf2f5546": _ctx.spacingSize
     };
   });
 };
@@ -573,7 +238,7 @@ __default__.setup = __setup__ ? function (props, ctx) {
 } : __injectCSSVars__;
 
 var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-0f1bb4df"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-6df01fae"), n = n(), popScopeId(), n;
 };
 var _hoisted_1 = ["id", "aria-hidden"];
 var _hoisted_2 = {
@@ -582,11 +247,10 @@ var _hoisted_2 = {
   "class": "fw-popover__arrow after:content-[''] after:bg-white after:border after:border-grey-light after:absolute"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _ref;
   return openBlock(), createElementBlock("span", {
-    "class": normalizeClass(["fw-popover", (_ref = {
+    "class": normalizeClass(["fw-popover", _defineProperty(_defineProperty({
       'fw-popover--visible': _ctx.computedVisible
-    }, _defineProperty(_ref, "fw-popover--placement-".concat(_ctx.placement), !!_ctx.placement), _defineProperty(_ref, 'fw-visibile-on-top', _ctx.showOnTop), _ref)])
+    }, "fw-popover--placement-".concat(_ctx.placement), !!_ctx.placement), 'fw-visibile-on-top', _ctx.showOnTop)])
   }, [createElementVNode("div", {
     "class": "fw-popover__target",
     ref: "targetElement",
@@ -619,11 +283,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), _ctx.showArrow ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true)], 10, _hoisted_1)], 2);
 }
 
-var css_248z = ".fw-popover__content[data-v-0f1bb4df]{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-0f1bb4df]{text-align:center}.fw-popover__content--left[data-v-0f1bb4df]{text-align:left}.fw-popover__content--right[data-v-0f1bb4df]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-0f1bb4df]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-0f1bb4df]:after{height:var(--c86e469a);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--c86e469a)}.fw-popover__content[data-popper-placement^=top][data-v-0f1bb4df]{margin-bottom:var(--c86e469a)!important}.fw-popover__content[data-popper-placement^=right][data-v-0f1bb4df]{margin-left:var(--c86e469a)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-0f1bb4df]{margin-top:var(--c86e469a)!important}.fw-popover__content[data-popper-placement^=left][data-v-0f1bb4df]{margin-right:var(--c86e469a)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-0f1bb4df]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-0f1bb4df]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-0f1bb4df]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-0f1bb4df]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-0f1bb4df]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-0f1bb4df]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-0f1bb4df]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-0f1bb4df]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-0f1bb4df]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-0f1bb4df]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-0f1bb4df]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-0f1bb4df]:after{border-bottom:none;border-left:none}";
-var stylesheet = ".fw-popover__content[data-v-0f1bb4df]{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-0f1bb4df]{text-align:center}.fw-popover__content--left[data-v-0f1bb4df]{text-align:left}.fw-popover__content--right[data-v-0f1bb4df]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-0f1bb4df]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-0f1bb4df]:after{height:var(--c86e469a);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--c86e469a)}.fw-popover__content[data-popper-placement^=top][data-v-0f1bb4df]{margin-bottom:var(--c86e469a)!important}.fw-popover__content[data-popper-placement^=right][data-v-0f1bb4df]{margin-left:var(--c86e469a)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-0f1bb4df]{margin-top:var(--c86e469a)!important}.fw-popover__content[data-popper-placement^=left][data-v-0f1bb4df]{margin-right:var(--c86e469a)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-0f1bb4df]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-0f1bb4df]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-0f1bb4df]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-0f1bb4df]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-0f1bb4df]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-0f1bb4df]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-0f1bb4df]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-0f1bb4df]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-0f1bb4df]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-0f1bb4df]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-0f1bb4df]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-0f1bb4df]:after{border-bottom:none;border-left:none}";
+var css_248z = ".fw-popover__content[data-v-6df01fae]{opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-6df01fae]{text-align:center}.fw-popover__content--left[data-v-6df01fae]{text-align:left}.fw-popover__content--right[data-v-6df01fae]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-6df01fae]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-6df01fae]:after{height:var(--bf2f5546);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--bf2f5546)}.fw-popover__content[data-popper-placement^=top][data-v-6df01fae]{margin-bottom:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=right][data-v-6df01fae]{margin-left:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-6df01fae]{margin-top:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=left][data-v-6df01fae]{margin-right:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-left:none}";
+var stylesheet = ".fw-popover__content[data-v-6df01fae]{opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-6df01fae]{text-align:center}.fw-popover__content--left[data-v-6df01fae]{text-align:left}.fw-popover__content--right[data-v-6df01fae]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-6df01fae]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-6df01fae]:after{height:var(--bf2f5546);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--bf2f5546)}.fw-popover__content[data-popper-placement^=top][data-v-6df01fae]{margin-bottom:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=right][data-v-6df01fae]{margin-left:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-6df01fae]{margin-top:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=left][data-v-6df01fae]{margin-right:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-left:none}";
 styleInject(css_248z);
 
 __default__.render = render;
-__default__.__scopeId = "data-v-0f1bb4df";
+__default__.__scopeId = "data-v-6df01fae";
 
 export { __default__ as FwPopover };

package/esm/fw-progress-bar.js

@@ -1,8 +1,5 @@
-import './es.number.constructor-fb16fe05.js';
 import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, createBlock, toDisplayString, normalizeStyle, createCommentVNode } from 'vue';
-import { r as render$1 } from './check-94a5917a.js';
-import './is-forced-7cb3ee8f.js';
-import './classof-d44bf093.js';
+import { r as render$1 } from './check--YD4Ts6g.js';
 
 var script = defineComponent({
   name: 'FwProgressBar',
@@ -10,23 +7,23 @@ var script = defineComponent({
     CheckSvg: render$1
   },
   props: {
-    /**
-     * An array of menu progress steps.
-     * `{ label: string; position: number; subSteps: number; }`
+    /**
+     * An array of menu progress steps.
+     * `{ label: string; position: number; subSteps: number; }`
      */
     steps: {
       type: Array,
       required: true
     },
-    /**
-     * An current active step.
+    /**
+     * An current active step.
      */
     activeStep: {
       type: Number,
       required: true
     },
-    /**
-     * An current active sub-step.
+    /**
+     * An current active sub-step.
      */
     activeSubStep: {
       type: Number,