@frollo/frollo-web-ui 0.2.0 → 0.2.3

package/frollo-web-ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, inject, warn as warn$1, ref, unref, computed, reactive, watch, nextTick, onUnmounted, onMounted, provide, isRef, onBeforeUnmount, defineComponent, toRef, resolveDynamicComponent, h, markRaw, watchEffect, readonly, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition, normalizeClass, pushScopeId, popScopeId, createBlock, Fragment, renderList, createTextVNode, createApp } from 'vue';
+import { getCurrentInstance, inject, warn as warn$1, ref, unref, computed, reactive, watch, nextTick, onUnmounted, onMounted, provide, isRef, onBeforeUnmount, defineComponent, toRef, resolveDynamicComponent, h, markRaw, watchEffect, readonly, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition, normalizeClass, pushScopeId, popScopeId, createBlock, Fragment, renderList, createTextVNode, normalizeStyle, useCssVars, createStaticVNode, createApp } from 'vue';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -4833,7 +4833,7 @@ $$3({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables$1('includes');
 
-var script$7 = defineComponent({
+var script$8 = defineComponent({
   name: 'FwInput',
   emits: ['update:modelValue'],
   components: {
@@ -4956,20 +4956,20 @@ if (DESCRIPTORS$1 && !FUNCTION_NAME_EXISTS) {
   });
 }
 
-var _hoisted_1$6 = {
+var _hoisted_1$9 = {
   "class": "fw-input w-full"
 };
-var _hoisted_2$5 = {
+var _hoisted_2$8 = {
   "class": "flex flex-col"
 };
-var _hoisted_3$5 = {
+var _hoisted_3$7 = {
   "class": "flex flex-row justify-between"
 };
-var _hoisted_4$4 = ["for"];
-var _hoisted_5$3 = {
+var _hoisted_4$7 = ["for"];
+var _hoisted_5$4 = {
   key: 1
 };
-var _hoisted_6$3 = {
+var _hoisted_6$4 = {
   "class": "relative"
 };
 var _hoisted_7$3 = {
@@ -5004,10 +5004,10 @@ var _hoisted_13 = {
 var _hoisted_14 = {
   key: 1
 };
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = resolveComponent("InputField");
 
-  return openBlock(), createElementBlock("div", _hoisted_1$6, [createVNode(_component_InputField, {
+  return openBlock(), createElementBlock("div", _hoisted_1$9, [createVNode(_component_InputField, {
     modelValue: _ctx.inputValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
       return _ctx.inputValue = $event;
@@ -5020,11 +5020,11 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
           errors = _ref.errors,
           errorMessage = _ref.errorMessage,
           meta = _ref.meta;
-      return [createElementVNode("div", _hoisted_2$5, [createElementVNode("div", _hoisted_3$5, [_ctx.label ? (openBlock(), createElementBlock("label", {
+      return [createElementVNode("div", _hoisted_2$8, [createElementVNode("div", _hoisted_3$7, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
         "for": _ctx.name,
         "class": "block mb-2"
-      }, toDisplayString(_ctx.label), 9, _hoisted_4$4)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$3, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$3, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_7$3, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
+      }, toDisplayString(_ctx.label), 9, _hoisted_4$7)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$4, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$4, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_7$3, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
         placeholder: _ctx.placeholder,
         type: _ctx.type,
         readonly: _ctx.readonly,
@@ -5085,13 +5085,13 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$4 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
-var stylesheet$4 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
-styleInject(css_248z$4);
+var css_248z$6 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
+var stylesheet$6 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
+styleInject(css_248z$6);
 
-script$7.render = render$7;
+script$8.render = render$a;
 
-var script$6 = defineComponent({
+var script$7 = defineComponent({
   name: 'FwCheckbox',
   components: {
     InputField: Field
@@ -5128,20 +5128,20 @@ var script$6 = defineComponent({
   }
 });
 
-var _withScopeId$1 = function _withScopeId(n) {
+var _withScopeId$3 = function _withScopeId(n) {
   return pushScopeId("data-v-7423717e"), n = n(), popScopeId(), n;
 };
 
-var _hoisted_1$5 = {
+var _hoisted_1$8 = {
   "class": "fw-checkbox w-full"
 };
-var _hoisted_2$4 = {
+var _hoisted_2$7 = {
   "class": "flex flex-col"
 };
-var _hoisted_3$4 = ["for"];
-var _hoisted_4$3 = ["value", "name"];
-var _hoisted_5$2 = ["innerHTML"];
-var _hoisted_6$2 = {
+var _hoisted_3$6 = ["for"];
+var _hoisted_4$6 = ["value", "name"];
+var _hoisted_5$3 = ["innerHTML"];
+var _hoisted_6$3 = {
   "class": "italic text-sm font-medium min-h-[21px]"
 };
 var _hoisted_7$2 = {
@@ -5151,10 +5151,10 @@ var _hoisted_7$2 = {
 var _hoisted_8$2 = {
   key: 1
 };
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = resolveComponent("InputField");
 
-  return openBlock(), createElementBlock("div", _hoisted_1$5, [createVNode(_component_InputField, {
+  return openBlock(), createElementBlock("div", _hoisted_1$8, [createVNode(_component_InputField, {
     name: _ctx.name,
     value: _ctx.name,
     type: "checkbox",
@@ -5165,7 +5165,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
           errors = _ref.errors,
           errorMessage = _ref.errorMessage,
           meta = _ref.meta;
-      return [createElementVNode("div", _hoisted_2$4, [_ctx.label ? (openBlock(), createElementBlock("label", {
+      return [createElementVNode("div", _hoisted_2$7, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
         "for": _ctx.name,
         "class": "inline-flex items-center mb-3"
@@ -5174,10 +5174,10 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.name,
         type: "checkbox",
         "class": "text-primary w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
-      }), null, 16, _hoisted_4$3), createElementVNode("span", {
+      }), null, 16, _hoisted_4$6), createElementVNode("span", {
         "class": "ml-2",
         innerHTML: _ctx.label
-      }, null, 8, _hoisted_5$2)], 8, _hoisted_3$4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$2, [createVNode(Transition, {
+      }, null, 8, _hoisted_5$3)], 8, _hoisted_3$6)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$3, [createVNode(Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
@@ -5191,14 +5191,14 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["name", "value", "rules"])]);
 }
 
-var css_248z$3 = ".fwFadeIn-enter-active[data-v-7423717e]{-webkit-animation:fwFadeIn-7423717e .35s;animation:fwFadeIn-7423717e .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7423717e]{animation:fwFadeIn-7423717e .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7423717e]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7423717e]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
-var stylesheet$3 = ".fwFadeIn-enter-active[data-v-7423717e]{-webkit-animation:fwFadeIn-7423717e .35s;animation:fwFadeIn-7423717e .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7423717e]{animation:fwFadeIn-7423717e .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7423717e]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7423717e]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
-styleInject(css_248z$3);
+var css_248z$5 = ".fwFadeIn-enter-active[data-v-7423717e]{-webkit-animation:fwFadeIn-7423717e .35s;animation:fwFadeIn-7423717e .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7423717e]{animation:fwFadeIn-7423717e .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7423717e]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7423717e]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
+var stylesheet$5 = ".fwFadeIn-enter-active[data-v-7423717e]{-webkit-animation:fwFadeIn-7423717e .35s;animation:fwFadeIn-7423717e .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-7423717e]{animation:fwFadeIn-7423717e .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-7423717e{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-7423717e]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-7423717e]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
+styleInject(css_248z$5);
 
-script$6.render = render$6;
-script$6.__scopeId = "data-v-7423717e";
+script$7.render = render$9;
+script$7.__scopeId = "data-v-7423717e";
 
-var script$5 = defineComponent({
+var script$6 = defineComponent({
   name: 'FwCard',
   props: {
     /**
@@ -5242,38 +5242,38 @@ var script$5 = defineComponent({
   }
 });
 
-var _hoisted_1$4 = {
+var _hoisted_1$7 = {
   key: 0,
   "class": "fw-card--header px-8 py-4 bg-grey-lightest rounded-t-lg border-opacity-0"
 };
-var _hoisted_2$3 = {
+var _hoisted_2$6 = {
   key: 0,
   "class": "fw-card--prefix-title text-primary"
 };
-var _hoisted_3$3 = {
+var _hoisted_3$5 = {
   key: 1
 };
-var _hoisted_4$2 = {
+var _hoisted_4$5 = {
   key: 1,
   "class": "p-8"
 };
-function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
     tabindex: _ctx.to ? 0 : null,
-    "class": normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href ? _ctx.linkClass : ''])
+    "class": normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href || !!_ctx.$attrs.onClick ? _ctx.linkClass : ''])
   }, {
     "default": withCtx(function () {
-      return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1$4, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_4$2, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)];
+      return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1$7, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2$6, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3$5, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_4$5, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)];
     }),
     _: 3
   }, 8, ["to", "href", "tabindex", "class"]);
 }
 
-script$5.render = render$5;
+script$6.render = render$8;
 
-var script$4 = defineComponent({
+var script$5 = defineComponent({
   name: 'FwButton',
   emits: ['click', 'mouseover', 'mouseout', 'focusin', 'focusout'],
   props: {
@@ -5448,7 +5448,7 @@ var script$4 = defineComponent({
   }
 });
 
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
     "class": normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 rounded-none font-normal' : 'font-bold rounded-full']]),
     type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
@@ -5468,17 +5468,17 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   }, 40, ["class", "type", "to", "href", "tabindex", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }
 
-var css_248z$2 = ".fw-button{line-height:normal;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
-var stylesheet$2 = ".fw-button{line-height:normal;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
-styleInject(css_248z$2);
+var css_248z$4 = ".fw-button{line-height:normal;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
+var stylesheet$4 = ".fw-button{line-height:normal;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
+styleInject(css_248z$4);
 
-script$4.render = render$4;
+script$5.render = render$7;
 
-var script$3 = defineComponent({
+var script$4 = defineComponent({
   name: 'FwNavigationMenu',
   emits: ['action'],
   components: {
-    FwButton: script$4
+    FwButton: script$5
   },
   props: {
     /**
@@ -5519,24 +5519,24 @@ var script$3 = defineComponent({
   }
 });
 
-var _hoisted_1$3 = {
+var _hoisted_1$6 = {
   "class": "fw-nav-menu relative z-50 h-20 shadow-md"
 };
-var _hoisted_2$2 = {
+var _hoisted_2$5 = {
   "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
 };
-var _hoisted_3$2 = {
+var _hoisted_3$4 = {
   key: 0,
   "class": "flex-shrink-0 flex items-center"
 };
-var _hoisted_4$1 = {
+var _hoisted_4$4 = {
   key: 1,
   "class": "container hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_5$1 = {
+var _hoisted_5$2 = {
   "class": "flex space-x-2"
 };
-var _hoisted_6$1 = {
+var _hoisted_6$2 = {
   key: 2,
   "class": "hidden sm:flex items-center justify-start sm:ml-6"
 };
@@ -5560,12 +5560,12 @@ var _hoisted_10$1 = ["d"];
 var _hoisted_11$1 = {
   "class": "w-full flex flex-col"
 };
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$menuItems;
 
   var _component_FwButton = resolveComponent("FwButton");
 
-  return openBlock(), createElementBlock("nav", _hoisted_1$3, [createElementVNode("div", _hoisted_2$2, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3$2, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createElementVNode("div", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+  return openBlock(), createElementBlock("nav", _hoisted_1$6, [createElementVNode("div", _hoisted_2$5, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3$4, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$4, [createElementVNode("div", _hoisted_5$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
     return openBlock(), createBlock(_component_FwButton, {
       key: i,
       variant: "text",
@@ -5579,7 +5579,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       _: 2
     }, 1032, ["href", "to"]);
-  }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6$1, [createVNode(_component_FwButton, {
+  }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6$2, [createVNode(_component_FwButton, {
     onClick: _ctx.actionClicked,
     size: "md",
     "aria-label": _ctx.actionLabel
@@ -5639,11 +5639,11 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   })]);
 }
 
-var css_248z$1 = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-o-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;-o-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
-var stylesheet$1 = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-o-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;-o-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
-styleInject(css_248z$1);
+var css_248z$3 = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-o-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;-o-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
+var stylesheet$3 = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-o-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;-o-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
+styleInject(css_248z$3);
 
-script$3.render = render$3;
+script$4.render = render$6;
 
 var es_number_constructor = {};
 
@@ -5845,7 +5845,7 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
   defineBuiltIn(global$4, NUMBER, NumberWrapper, { constructor: true });
 }
 
-var script$2 = defineComponent({
+var script$3 = defineComponent({
   name: 'FwTabs',
   emits: ['update:modelValue'],
   props: {
@@ -5861,7 +5861,8 @@ var script$2 = defineComponent({
     var active = computed(function () {
       return props.modelValue;
     });
-    var tabs = ref([]);
+    var tabs = ref();
+    tabs.value = [];
 
     var selectTab = function selectTab(tab) {
       ctx.emit('update:modelValue', tab);
@@ -5879,16 +5880,16 @@ var script$2 = defineComponent({
   }
 });
 
-var _hoisted_1$2 = {
+var _hoisted_1$5 = {
   "class": "fw-tabs"
 };
-var _hoisted_2$1 = {
+var _hoisted_2$4 = {
   key: 0,
   "class": "flex flex-wrap -mb-px border-b border-grey-light dark:text-grey-base dark:border-grey-base"
 };
-var _hoisted_3$1 = ["onClick"];
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$2, [_ctx.tabs ? (openBlock(), createElementBlock("ul", _hoisted_2$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, function (tab, i) {
+var _hoisted_3$3 = ["onClick"];
+function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$5, [_ctx.tabs ? (openBlock(), createElementBlock("ul", _hoisted_2$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, function (tab, i) {
     return openBlock(), createElementBlock("li", {
       "class": "mr-2",
       key: i
@@ -5898,11 +5899,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
         return _ctx.selectTab(i);
       },
       "class": normalizeClass(["inline-block p-4 outline-primary border-b-2 border-transparent transition ease-in", _ctx.active === i ? 'font-medium border-black' : 'hover:bg-grey-lightest'])
-    }, toDisplayString(tab.props.label), 11, _hoisted_3$1)]);
+    }, toDisplayString(tab.props.label), 11, _hoisted_3$3)]);
   }), 128))])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]);
 }
 
-script$2.render = render$2;
+script$3.render = render$5;
 
 var es_array_findIndex = {};
 
@@ -5928,7 +5929,7 @@ $$2({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables(FIND_INDEX);
 
-var script$1 = defineComponent({
+var script$2 = defineComponent({
   name: 'FwTab',
   props: {
     /**
@@ -5939,7 +5940,7 @@ var script$1 = defineComponent({
       required: true
     }
   },
-  setup: function setup() {
+  setup: function setup(props) {
     var instance = getCurrentInstance();
 
     var _ref = inject('tabsState') || {
@@ -5966,20 +5967,21 @@ var script$1 = defineComponent({
     });
     return {
       isActive: isActive,
-      index: index
+      index: index,
+      props: props
     };
   }
 });
 
-var _hoisted_1$1 = {
+var _hoisted_1$4 = {
   key: 0,
   "class": "fw-tab w-full"
 };
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.isActive ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true);
+function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.isActive ? (openBlock(), createElementBlock("div", _hoisted_1$4, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true);
 }
 
-script$1.render = render$1;
+script$2.render = render$4;
 
 /** Detect free variable `global` from Node.js. */
 var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
@@ -6259,10 +6261,10 @@ function uniqueId(prefix) {
   return toString(prefix) + id;
 }
 
-var script = defineComponent({
+var script$1 = defineComponent({
   name: 'FwModal',
   components: {
-    FwButton: script$4
+    FwButton: script$5
   },
   emits: ['cancel', 'confirm'],
   props: {
@@ -6350,25 +6352,25 @@ var script = defineComponent({
   }
 });
 
-var _withScopeId = function _withScopeId(n) {
+var _withScopeId$2 = function _withScopeId(n) {
   return pushScopeId("data-v-003a6fba"), n = n(), popScopeId(), n;
 };
 
-var _hoisted_1 = {
+var _hoisted_1$3 = {
   "class": "fw-modal"
 };
-var _hoisted_2 = {
+var _hoisted_2$3 = {
   "class": "fw-modal--mask fixed z-[9999] top-0 left-0 w-full h-full bg-black bg-opacity-50"
 };
-var _hoisted_3 = {
+var _hoisted_3$2 = {
   "class": "fw-modal--wrapper text-center overflow-auto flex justify-center items-center h-full"
 };
-var _hoisted_4 = ["role", "aria-labelledby", "aria-describedby"];
-var _hoisted_5 = {
+var _hoisted_4$3 = ["role", "aria-labelledby", "aria-describedby"];
+var _hoisted_5$1 = {
   key: 0,
   "class": "fw-modal--header text-center"
 };
-var _hoisted_6 = {
+var _hoisted_6$1 = {
   key: 0,
   id: "modal-logo",
   "class": "flex justify-center"
@@ -6381,7 +6383,7 @@ var _hoisted_11 = {
   key: 3,
   "class": "modal-footer flex space-x-4 pt-4 justify-center"
 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwButton = resolveComponent("FwButton");
 
   return openBlock(), createBlock(Transition, {
@@ -6389,13 +6391,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     appear: ""
   }, {
     "default": withCtx(function () {
-      return [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
+      return [createElementVNode("div", _hoisted_1$3, [createElementVNode("div", _hoisted_2$3, [createElementVNode("div", _hoisted_3$2, [createElementVNode("div", {
         role: _ctx.role,
         "aria-modal": "true",
         "class": "fw-modal--container p-12 m-8 inline-block w-full max-w-[540px] bg-white rounded-2xl shadow",
         "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : undefined,
         "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : undefined
-      }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_5, [_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), _ctx.$slots.header ? (openBlock(), createElementBlock("h2", {
+      }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_5$1, [_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_6$1, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), _ctx.$slots.header ? (openBlock(), createElementBlock("h2", {
         key: 1,
         id: "modal_".concat(_ctx.uuid, "_header")
       }, [renderSlot(_ctx.$slots, "header")], 8, _hoisted_7)) : _ctx.header ? (openBlock(), createElementBlock("h2", {
@@ -6437,32 +6439,248 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
         }),
         _: 1
-      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4)])])])];
+      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4$3)])])])];
     }),
     _: 3
   });
 }
 
-var css_248z = ".modalFadeIn-enter-active[data-v-003a6fba]{-webkit-animation:modalFadeIn-003a6fba .4s;animation:modalFadeIn-003a6fba .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-003a6fba]{animation:modalFadeIn-003a6fba .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}";
-var stylesheet = ".modalFadeIn-enter-active[data-v-003a6fba]{-webkit-animation:modalFadeIn-003a6fba .4s;animation:modalFadeIn-003a6fba .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-003a6fba]{animation:modalFadeIn-003a6fba .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}";
+var css_248z$2 = ".modalFadeIn-enter-active[data-v-003a6fba]{-webkit-animation:modalFadeIn-003a6fba .4s;animation:modalFadeIn-003a6fba .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-003a6fba]{animation:modalFadeIn-003a6fba .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}";
+var stylesheet$2 = ".modalFadeIn-enter-active[data-v-003a6fba]{-webkit-animation:modalFadeIn-003a6fba .4s;animation:modalFadeIn-003a6fba .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-003a6fba]{animation:modalFadeIn-003a6fba .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-003a6fba{0%{opacity:0}to{opacity:1}}";
+styleInject(css_248z$2);
+
+script$1.render = render$3;
+script$1.__scopeId = "data-v-003a6fba";
+
+var script = defineComponent({
+  name: 'FwProgressBar',
+  props: {
+    /**
+     * An array of menu progress steps.
+     * `{ label: string; position: number; subSteps: number; }`
+     */
+    steps: {
+      type: Array,
+      required: true
+    },
+
+    /**
+     * An current active step.
+     */
+    activeStep: {
+      type: Number,
+      required: true
+    },
+
+    /**
+     * An current active sub-step.
+     */
+    activeSubStep: {
+      type: Number,
+      required: true
+    }
+  },
+  setup: function setup(props) {
+    var calculatedProgressBar = function calculatedProgressBar(step) {
+      var numOfSubSteps = step.subSteps;
+      var equalPercentageWidths = 100 / numOfSubSteps;
+
+      if (props.activeStep === step.position && props.activeSubStep) {
+        var width = equalPercentageWidths * props.activeSubStep;
+        return "width: ".concat(width, "%");
+      }
+
+      return 'width: 0%;';
+    };
+
+    return {
+      calculatedProgressBar: calculatedProgressBar
+    };
+  }
+});
+
+var _hoisted_1$2 = {
+  "class": "fw-progress-bar w-full mx-auto my-4"
+};
+var _hoisted_2$2 = {
+  "class": "flex pb-3"
+};
+var _hoisted_3$1 = {
+  "class": "text-white text-center w-full"
+};
+var _hoisted_4$2 = {
+  "class": "text-sm md:text-base"
+};
+var _hoisted_5 = {
+  key: 0,
+  "class": "w-full flex items-start mt-[13px] mx-[-15px]"
+};
+var _hoisted_6 = {
+  "class": "w-full bg-grey-light rounded flex-1"
+};
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("div", _hoisted_2$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, function (step) {
+    return openBlock(), createElementBlock("div", {
+      "class": normalizeClass(["flex", step.position !== _ctx.steps.length ? 'flex-1' : 'w-[70px] md:w-[96px]']),
+      key: step.position
+    }, [createElementVNode("div", {
+      "class": normalizeClass(["text-center", step.position !== _ctx.steps.length ? 'min-w-[70px] w-[70px] md:min-w-[96px] md:w-[96px]' : 'w-full'])
+    }, [createElementVNode("div", {
+      "class": normalizeClass(["w-[30px] h-[30px] mx-auto mb-2 flex items-center justify-center text-center rounded-full", step.position <= _ctx.activeStep ? 'bg-primary' : 'bg-grey-light'])
+    }, [createElementVNode("span", _hoisted_3$1, toDisplayString(step.position), 1)], 2), createElementVNode("span", _hoisted_4$2, toDisplayString(step.label), 1)], 2), step.position !== _ctx.steps.length ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createElementVNode("div", {
+      "class": "bg-primary text-xs leading-none py-0.5 text-center text-grey-darkest rounded transition-all",
+      style: normalizeStyle(step.position < _ctx.activeStep ? 'width:100%;' : _ctx.calculatedProgressBar(step))
+    }, null, 4)])])) : createCommentVNode("", true)], 2);
+  }), 128))])]);
+}
+
+script.render = render$2;
+
+var __default__$1 = defineComponent({
+  name: 'FwEmailPulse',
+  props: {
+    /**
+     * The animation-iteration-count CSS property of the pulse animation.
+     * Sets the number of times an animation sequence should be played before stopping.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
+     */
+    animationIteration: {
+      type: [String, Number],
+      "default": 5
+    }
+  }
+});
+
+var __injectCSSVars__$1 = function __injectCSSVars__() {
+  useCssVars(function (_ctx) {
+    return {
+      "7fb9ba3d": _ctx.animationIteration
+    };
+  });
+};
+
+var __setup__$1 = __default__$1.setup;
+__default__$1.setup = __setup__$1 ? function (props, ctx) {
+  __injectCSSVars__$1();
+
+  return __setup__$1(props, ctx);
+} : __injectCSSVars__$1;
+
+var _withScopeId$1 = function _withScopeId(n) {
+  return pushScopeId("data-v-62714d9a"), n = n(), popScopeId(), n;
+};
+
+var _hoisted_1$1 = {
+  "class": "fw-email-pulse justify-center mx-auto"
+};
+
+var _hoisted_2$1 = /*#__PURE__*/_withScopeId$1(function () {
+  return /*#__PURE__*/createElementVNode("svg", {
+    width: "102",
+    height: "102",
+    viewBox: "0 0 102 102",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [/*#__PURE__*/createElementVNode("path", {
+    "class": "fill-primary",
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M51 102C79.1665 102 102 79.1665 102 51C102 22.8335 79.1665 0 51 0C22.8335 0 0 22.8335 0 51C0 79.1665 22.8335 102 51 102ZM27 39C27 35.6859 29.6859 33 33 33H69C72.3094 33 75 35.6859 75 39V63C75 66.3141 72.3141 69 69 69H33C29.6859 69 27 66.3141 27 63V39ZM72 39C72 37.3462 70.6537 36 69 36H33C31.3463 36 30 37.35 30 39V42.375L48.2972 56.1009C49.8909 57.2934 52.1062 57.2934 53.7 56.1009L72 42.3759V39ZM69 66C70.6537 66 72 64.6537 72 63V46.0406L55.5 58.5C54.1781 59.4938 52.5881 60.0019 51 60.0019C49.4119 60.0019 47.8237 59.4947 46.5 58.5L30 46.0406V63C30 64.6537 31.3463 66 33 66H69Z"
+  })], -1);
+});
+
+var _hoisted_3 = /*#__PURE__*/_withScopeId$1(function () {
+  return /*#__PURE__*/createElementVNode("svg", {
+    "class": "absolute top-0 left-0",
+    viewBox: "0 0 130 130"
+  }, [/*#__PURE__*/createElementVNode("circle", {
+    "class": "fw-email-pulse-circle",
+    cx: "50%",
+    cy: "50%",
+    r: "45"
+  })], -1);
+});
+
+var _hoisted_4$1 = [_hoisted_2$1, _hoisted_3];
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1, _hoisted_4$1);
+}
+
+var css_248z$1 = ".fw-email-pulse[data-v-62714d9a]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:130px;position:relative;width:130px}.fw-email-pulse-circle[data-v-62714d9a]{stroke-width:4px;stroke-opacity:1;fill:none;fill-opacity:0;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:var(--7fb9ba3d);animation-iteration-count:var(--7fb9ba3d);-webkit-animation-name:fwEmailPulse-62714d9a;animation-name:fwEmailPulse-62714d9a;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwEmailPulse-62714d9a{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes fwEmailPulse-62714d9a{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}";
+var stylesheet$1 = ".fw-email-pulse[data-v-62714d9a]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:130px;position:relative;width:130px}.fw-email-pulse-circle[data-v-62714d9a]{stroke-width:4px;stroke-opacity:1;fill:none;fill-opacity:0;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:var(--7fb9ba3d);animation-iteration-count:var(--7fb9ba3d);-webkit-animation-name:fwEmailPulse-62714d9a;animation-name:fwEmailPulse-62714d9a;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwEmailPulse-62714d9a{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes fwEmailPulse-62714d9a{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}";
+styleInject(css_248z$1);
+
+__default__$1.render = render$1;
+__default__$1.__scopeId = "data-v-62714d9a";
+
+var __default__ = defineComponent({
+  name: 'FwSuccessPulse',
+  props: {
+    /**
+     * The animation-iteration-count CSS property of the pulse animation.
+     * Sets the number of times an animation sequence should be played before stopping.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
+     */
+    animationIteration: {
+      type: [String, Number],
+      "default": 2
+    }
+  }
+});
+
+var __injectCSSVars__ = function __injectCSSVars__() {
+  useCssVars(function (_ctx) {
+    return {
+      "22e0894f": _ctx.animationIteration
+    };
+  });
+};
+
+var __setup__ = __default__.setup;
+__default__.setup = __setup__ ? function (props, ctx) {
+  __injectCSSVars__();
+
+  return __setup__(props, ctx);
+} : __injectCSSVars__;
+
+var _withScopeId = function _withScopeId(n) {
+  return pushScopeId("data-v-c32112d4"), n = n(), popScopeId(), n;
+};
+
+var _hoisted_1 = {
+  "class": "fw-success-pulse"
+};
+
+var _hoisted_2 = /*#__PURE__*/createStaticVNode("<svg class=\"fw-success-pulse--checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\" data-v-c32112d4><circle class=\"fw-success-pulse--checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" data-v-c32112d4></circle><path class=\"fw-success-pulse--checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" data-v-c32112d4></path></svg><svg class=\"absolute top-0 left-0\" viewBox=\"0 0 100 100\" data-v-c32112d4><circle class=\"fw-success-pulse--circle\" cx=\"50%\" cy=\"50%\" r=\"34\" data-v-c32112d4></circle></svg>", 2);
+
+var _hoisted_4 = [_hoisted_2];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, _hoisted_4);
+}
+
+var css_248z = ".fw-success-pulse[data-v-c32112d4]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;position:relative;width:100px}.fw-success-pulse--checkmark__circle[data-v-c32112d4]{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--colorPrimary);fill:none;-webkit-animation:fwSuccessStroke-c32112d4 .6s cubic-bezier(.65,0,.45,1) forwards;animation:fwSuccessStroke-c32112d4 .6s cubic-bezier(.65,0,.45,1) forwards}.fw-success-pulse--checkmark[data-v-c32112d4]{stroke-width:4;stroke:#fff;stroke-miterlimit:10;-webkit-animation:fwSuccessScaleFill-c32112d4 .6s ease-in-out .4s forwards,fwSuccessScale-c32112d4 .3s ease-in-out .9s both;animation:fwSuccessScaleFill-c32112d4 .6s ease-in-out .4s forwards,fwSuccessScale-c32112d4 .3s ease-in-out .9s both;border-radius:50%;-webkit-box-shadow:inset 0 0 0 var(--colorPrimary);box-shadow:inset 0 0 0 var(--colorPrimary);display:block;height:70px;margin:10% auto;width:70px}.fw-success-pulse--checkmark__check[data-v-c32112d4]{stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;-webkit-animation:fwSuccessStroke-c32112d4 .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:fwSuccessStroke-c32112d4 .3s cubic-bezier(.65,0,.45,1) .8s forwards;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessStroke-c32112d4{to{stroke-dashoffset:0}}@keyframes fwSuccessStroke-c32112d4{to{stroke-dashoffset:0}}@-webkit-keyframes fwSuccessScale-c32112d4{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@keyframes fwSuccessScale-c32112d4{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes fwSuccessScaleFill-c32112d4{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}@keyframes fwSuccessScaleFill-c32112d4{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}.fw-success-pulse--circle[data-v-c32112d4]{stroke-width:4px;stroke-opacity:1;fill:none;fill-opacity:0;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:var(--22e0894f);animation-iteration-count:var(--22e0894f);-webkit-animation-name:fwSuccessPulse-c32112d4;animation-name:fwSuccessPulse-c32112d4;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessPulse-c32112d4{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes fwSuccessPulse-c32112d4{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}";
+var stylesheet = ".fw-success-pulse[data-v-c32112d4]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;position:relative;width:100px}.fw-success-pulse--checkmark__circle[data-v-c32112d4]{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--colorPrimary);fill:none;-webkit-animation:fwSuccessStroke-c32112d4 .6s cubic-bezier(.65,0,.45,1) forwards;animation:fwSuccessStroke-c32112d4 .6s cubic-bezier(.65,0,.45,1) forwards}.fw-success-pulse--checkmark[data-v-c32112d4]{stroke-width:4;stroke:#fff;stroke-miterlimit:10;-webkit-animation:fwSuccessScaleFill-c32112d4 .6s ease-in-out .4s forwards,fwSuccessScale-c32112d4 .3s ease-in-out .9s both;animation:fwSuccessScaleFill-c32112d4 .6s ease-in-out .4s forwards,fwSuccessScale-c32112d4 .3s ease-in-out .9s both;border-radius:50%;-webkit-box-shadow:inset 0 0 0 var(--colorPrimary);box-shadow:inset 0 0 0 var(--colorPrimary);display:block;height:70px;margin:10% auto;width:70px}.fw-success-pulse--checkmark__check[data-v-c32112d4]{stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;-webkit-animation:fwSuccessStroke-c32112d4 .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:fwSuccessStroke-c32112d4 .3s cubic-bezier(.65,0,.45,1) .8s forwards;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessStroke-c32112d4{to{stroke-dashoffset:0}}@keyframes fwSuccessStroke-c32112d4{to{stroke-dashoffset:0}}@-webkit-keyframes fwSuccessScale-c32112d4{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@keyframes fwSuccessScale-c32112d4{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes fwSuccessScaleFill-c32112d4{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}@keyframes fwSuccessScaleFill-c32112d4{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}.fw-success-pulse--circle[data-v-c32112d4]{stroke-width:4px;stroke-opacity:1;fill:none;fill-opacity:0;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:var(--22e0894f);animation-iteration-count:var(--22e0894f);-webkit-animation-name:fwSuccessPulse-c32112d4;animation-name:fwSuccessPulse-c32112d4;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessPulse-c32112d4{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes fwSuccessPulse-c32112d4{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}";
 styleInject(css_248z);
 
-script.render = render;
-script.__scopeId = "data-v-003a6fba";
+__default__.render = render;
+__default__.__scopeId = "data-v-c32112d4";
 
 // Form components
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   FwForm: Form,
-  FwInput: script$7,
-  FwCheckbox: script$6,
-  FwCard: script$5,
-  FwButton: script$4,
-  FwNavigationMenu: script$3,
-  FwTabs: script$2,
-  FwTab: script$1,
-  FwModal: script
+  FwInput: script$8,
+  FwCheckbox: script$7,
+  FwCard: script$6,
+  FwButton: script$5,
+  FwNavigationMenu: script$4,
+  FwTabs: script$3,
+  FwTab: script$2,
+  FwModal: script$1,
+  FwProgressBar: script,
+  FwEmailPulse: __default__$1,
+  FwSuccessPulse: __default__
 });
 
 function _defineProperty(obj, key, value) {
@@ -6595,7 +6813,7 @@ var modalService = function modalService(options, element) {
   var open = function open() {
     var _modalVNode;
 
-    modalVNode = createApp(script, _objectSpread2({}, options));
+    modalVNode = createApp(script$1, _objectSpread2({}, options));
     elAppend === null || elAppend === void 0 ? void 0 : elAppend.appendChild(elementToMount);
     (_modalVNode = modalVNode) === null || _modalVNode === void 0 ? void 0 : _modalVNode.mount(elementToMount);
   };
@@ -6631,4 +6849,4 @@ var install = function install(app) {
   });
 };
 
-export { script$4 as FwButton, script$5 as FwCard, script$6 as FwCheckbox, Form as FwForm, script$7 as FwInput, script as FwModal, script$3 as FwNavigationMenu, script$1 as FwTab, script$2 as FwTabs, install as default, modalService };
+export { script$5 as FwButton, script$6 as FwCard, script$7 as FwCheckbox, __default__$1 as FwEmailPulse, Form as FwForm, script$8 as FwInput, script$1 as FwModal, script$4 as FwNavigationMenu, script as FwProgressBar, __default__ as FwSuccessPulse, script$2 as FwTab, script$3 as FwTabs, install as default, modalService };