@frollo/frollo-web-ui 2.0.0 → 3.0.1

package/esm/fw-input.js

@@ -1,12 +1,20 @@
-import './es.array.includes-9a6e4066.js';
+import './es.array.includes-91be7771.js';
 import { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition, normalizeClass } from 'vue';
 import { a as Field } from './vee-validate.esm-a17a23c3.js';
-import './es.function.name-2fa3a718.js';
+import { u as uniqueId } from './uniqueId-fe08534a.js';
+import './es.function.name-557cb1f9.js';
+import './es.array.concat-987938be.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './function-name-c49146fc.js';
-import './object-keys-3c73c404.js';
-import './is-forced-fd46b5f2.js';
-import './add-to-unscopables-a5032b1d.js';
+import './is-forced-752b5893.js';
+import './export-a37ba078.js';
+import './add-to-unscopables-2400f45b.js';
+import './object-create-f6f3a673.js';
+import './object-keys-4f5bf4e7.js';
+import './array-species-create-a5f5503b.js';
+import './classof-39c30bd5.js';
+import './does-not-exceed-safe-integer-31d08811.js';
+import './create-property-534611fd.js';
+import './array-method-has-species-support-3d413468.js';
 
 var script = defineComponent({
   name: 'FwInput',
@@ -22,7 +30,6 @@ var script = defineComponent({
       type: String,
       "default": ''
     },
-
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -30,7 +37,6 @@ var script = defineComponent({
       type: String,
       required: true
     },
-
     /**
      * The input type. Accepts `text` | `password`
      */
@@ -41,14 +47,12 @@ var script = defineComponent({
         return ['text', 'password', 'email', 'tel', 'time', 'url', 'week', 'month'].includes(value);
       }
     },
-
     /**
      * Label for the input. Also renders to an aria-label attribute
      */
     label: {
       type: String
     },
-
     /**
      * The placeholder text of the input
      */
@@ -56,14 +60,12 @@ var script = defineComponent({
       type: String,
       "default": ''
     },
-
     /**
      * Validation rules. Accepts an object, string schema or validation function.
      */
     rules: {
       type: [Object, String, Function]
     },
-
     /**
      * Converts the input into a readonly disabled field
      */
@@ -71,21 +73,18 @@ var script = defineComponent({
       type: Boolean,
       "default": false
     },
-
     /**
      * The hint text shown below the input
      */
     hint: {
       type: String
     },
-
     /**
      * The autocomplete input attribute
      */
     autocomplete: {
       type: String
     },
-
     /**
      * The logical tab order of the input.
      * Defaults to 1
@@ -96,6 +95,7 @@ var script = defineComponent({
     }
   },
   setup: function setup(props, ctx) {
+    var uuid = uniqueId();
     var inputBaseClass = ref("border-2 border-grey-40 rounded focus:outline-none focus:ring-2 focus:ring-primary block w-full p-2.5");
     var inputValue = computed({
       get: function get() {
@@ -106,6 +106,7 @@ var script = defineComponent({
       }
     });
     return {
+      uuid: uuid,
       inputBaseClass: inputBaseClass,
       inputValue: inputValue
     };
@@ -132,8 +133,7 @@ var _hoisted_7 = {
   key: 0,
   "class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
 };
-var _hoisted_8 = ["placeholder", "type", "readonly", "tabindex", "disabled", "autocomplete"];
-
+var _hoisted_8 = ["id", "placeholder", "type", "readonly", "tabindex", "disabled", "autocomplete"];
 var _hoisted_9 = /*#__PURE__*/createElementVNode("svg", {
   fill: "currentColor",
   "aria-hidden": "true",
@@ -144,7 +144,6 @@ var _hoisted_9 = /*#__PURE__*/createElementVNode("svg", {
 }, [/*#__PURE__*/createElementVNode("path", {
   d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8\n                  242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36\n                  0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4\n                  400 256 400z"
 })], -1);
-
 var _hoisted_10 = [_hoisted_9];
 var _hoisted_11 = {
   key: 1,
@@ -162,7 +161,6 @@ var _hoisted_14 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = resolveComponent("InputField");
-
   return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_InputField, {
     modelValue: _ctx.inputValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
@@ -173,14 +171,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     "default": withCtx(function (_ref) {
       var field = _ref.field,
-          errors = _ref.errors,
-          errorMessage = _ref.errorMessage,
-          meta = _ref.meta;
+        errors = _ref.errors,
+        errorMessage = _ref.errorMessage,
+        meta = _ref.meta;
       return [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
-        "for": _ctx.name,
+        "for": "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
         "class": "block mb-2 font-medium"
       }, toDisplayString(_ctx.label), 9, _hoisted_4)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
+        id: "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
         placeholder: _ctx.placeholder,
         type: _ctx.type,
         readonly: _ctx.readonly,
@@ -215,8 +214,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["modelValue", "name", "rules"])]);
 }
 
-var css_248z = ".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 = ".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 css_248z = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-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 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-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);
 
 script.render = render;

package/esm/fw-loading-bar-f5ca605c.js

@@ -0,0 +1,22 @@
+import { defineComponent, openBlock, createElementBlock } from 'vue';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+
+var script = defineComponent({
+  name: 'FwLoadingBar'
+});
+
+var _hoisted_1 = {
+  "class": "fw-loading-bar rounded",
+  "aria-hidden": "true"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1);
+}
+
+var css_248z = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;background-image:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-size:200% 200%}@-webkit-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
+var stylesheet = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;background-image:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-size:200% 200%}@-webkit-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as s };

package/esm/{fw-loading-spinner-01b9a040.js → fw-loading-spinner-df1627c0.js}

@@ -1,4 +1,4 @@
-import { c as render$1 } from './index-7833cf39.js';
+import { f as render$1 } from './index-4605e00e.js';
 import { defineComponent, resolveComponent, openBlock, createBlock } from 'vue';
 
 var script = defineComponent({
@@ -10,7 +10,6 @@ var script = defineComponent({
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_LoadingSvg = resolveComponent("LoadingSvg");
-
   return openBlock(), createBlock(_component_LoadingSvg, {
     "class": "fw-loading-spinner animate-spin"
   });

package/esm/fw-loading.js

@@ -1,12 +1,11 @@
-import { s as script$2 } from './fw-loading-bar-da7d53fb.js';
-export { s as FwLoadingBar } from './fw-loading-bar-da7d53fb.js';
+import { s as script$2 } from './fw-loading-bar-f5ca605c.js';
+export { s as FwLoadingBar } from './fw-loading-bar-f5ca605c.js';
 import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, normalizeClass, Fragment, renderList } from 'vue';
-import './es.number.constructor-b7faae1f.js';
+import './es.number.constructor-1249bd78.js';
 import './style-inject.es-1f59c1d0.js';
-import './function-name-c49146fc.js';
-import './is-forced-fd46b5f2.js';
-import './to-string-c2bd1f4d.js';
-import './classof-088c9833.js';
+import './is-forced-752b5893.js';
+import './to-string-12728fd2.js';
+import './classof-39c30bd5.js';
 
 var script$1 = defineComponent({
   name: 'FwLoadingCard',
@@ -23,7 +22,6 @@ var _hoisted_2$1 = {
 };
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
-
   return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [createVNode(_component_FwLoadingBar, {
     "class": "w-2/4 h-5"
   })]), createVNode(_component_FwLoadingBar, {
@@ -67,7 +65,6 @@ var _hoisted_3 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
-
   return openBlock(), createElementBlock("table", {
     "class": normalizeClass(_ctx.tableClass)
   }, [createElementVNode("thead", _hoisted_1, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {

package/esm/fw-modal.js

@@ -1,12 +1,219 @@
-export { s as FwModal } from './index-06f4e5f1.js';
-import './es.array.includes-9a6e4066.js';
-import './function-name-c49146fc.js';
-import './object-keys-3c73c404.js';
-import './is-forced-fd46b5f2.js';
-import './add-to-unscopables-a5032b1d.js';
-import 'vue';
-import './fw-button-765b9d52.js';
-import './fw-loading-spinner-01b9a040.js';
-import './index-7833cf39.js';
+import './es.array.includes-91be7771.js';
+import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { s as script$1 } from './fw-button-1486e2d9.js';
+import { u as uniqueId } from './uniqueId-fe08534a.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import './is-forced-752b5893.js';
+import './export-a37ba078.js';
+import './add-to-unscopables-2400f45b.js';
+import './object-create-f6f3a673.js';
+import './object-keys-4f5bf4e7.js';
+import './fw-loading-spinner-df1627c0.js';
+import './index-4605e00e.js';
 import './check-94a5917a.js';
-import './style-inject.es-1f59c1d0.js';
+
+var script = defineComponent({
+  name: 'FwModal',
+  components: {
+    FwButton: script$1
+  },
+  emits: ['cancel', 'confirm'],
+  props: {
+    /**
+     * The modal's v-model. Controls the visibility of the modal.
+     */
+    modelValue: {
+      type: Boolean
+    },
+    /**
+     * The header title of the modal
+     */
+    header: {
+      type: String
+    },
+    /**
+     * The element to attach the modal too. Defaults to `#app` element.
+     */
+    element: {
+      type: String,
+      "default": '#app'
+    },
+    /**
+     * The body description of the modal
+     */
+    body: {
+      type: String
+    },
+    /**
+     * The aria role of the modal container. Defaults to `dialog`
+     */
+    role: {
+      type: String,
+      "default": 'dialog'
+    },
+    /**
+     * Whether to show the cancel button
+     */
+    showCancel: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * Whether to show the confirm button
+     */
+    showConfirm: {
+      type: Boolean,
+      "default": true
+    },
+    /**
+     * Custom text for the cancel button
+     */
+    cancelButtonText: {
+      type: String,
+      "default": 'Cancel'
+    },
+    /**
+     * Button variant for the cancel button
+     */
+    cancelButtonType: {
+      type: String,
+      "default": 'secondary',
+      validator: function validator(value) {
+        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text'].includes(value);
+      }
+    },
+    /**
+     * Custom text for the confirm button
+     */
+    confirmButtonText: {
+      type: String,
+      "default": 'Confirm'
+    },
+    /**
+     * Button variant for the confirm button
+     */
+    confirmButtonType: {
+      type: String,
+      "default": 'primary',
+      validator: function validator(value) {
+        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text'].includes(value);
+      }
+    }
+  },
+  setup: function setup(props) {
+    var isMounted = ref(false);
+    var uuid = uniqueId();
+    var isOpen = computed(function () {
+      return props.modelValue;
+    });
+    onMounted(function () {
+      isMounted.value = true;
+    });
+    return {
+      isOpen: isOpen,
+      uuid: uuid,
+      isMounted: isMounted
+    };
+  }
+});
+
+var _hoisted_1 = ["id"];
+var _hoisted_2 = {
+  "class": "fw-modal--mask fixed z-[9999] top-0 left-0 w-full h-full bg-black bg-opacity-50"
+};
+var _hoisted_3 = {
+  "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 = {
+  key: 0,
+  "class": "fw-modal--header text-center"
+};
+var _hoisted_6 = {
+  key: 0,
+  id: "modal-logo",
+  "class": "flex justify-center"
+};
+var _hoisted_7 = ["id"];
+var _hoisted_8 = ["id", "innerHTML"];
+var _hoisted_9 = ["id"];
+var _hoisted_10 = ["innerHTML", "id"];
+var _hoisted_11 = {
+  key: 3,
+  "class": "modal-footer flex space-x-4 pt-4 justify-center"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_FwButton = resolveComponent("FwButton");
+  return _ctx.isMounted ? (openBlock(), createBlock(Teleport, {
+    key: 0,
+    to: _ctx.element
+  }, [createVNode(Transition, {
+    name: "modalFadeIn",
+    appear: ""
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.isOpen ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        "class": "fw-modal z-[9999]",
+        id: "fw-modal-".concat(_ctx.uuid)
+      }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [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", {
+        key: 1,
+        id: "modal_".concat(_ctx.uuid, "_header")
+      }, [renderSlot(_ctx.$slots, "header")], 8, _hoisted_7)) : _ctx.header ? (openBlock(), createElementBlock("h2", {
+        key: 2,
+        id: "modal_".concat(_ctx.uuid, "_header"),
+        innerHTML: _ctx.header
+      }, null, 8, _hoisted_8)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots.body ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        "class": "modal-body mt-4",
+        id: "modal_".concat(_ctx.uuid, "_body")
+      }, [renderSlot(_ctx.$slots, "body")], 8, _hoisted_9)) : _ctx.body ? (openBlock(), createElementBlock("div", {
+        key: 2,
+        innerHTML: _ctx.body,
+        "class": "modal-body mt-4",
+        id: "modal_".concat(_ctx.uuid, "_body")
+      }, null, 8, _hoisted_10)) : createCommentVNode("", true), _ctx.showConfirm || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_11, [_ctx.showCancel ? (openBlock(), createBlock(_component_FwButton, {
+        key: 0,
+        "class": "basis-1/2",
+        variant: _ctx.cancelButtonType,
+        "aria-label": _ctx.cancelButtonText,
+        onClick: _cache[0] || (_cache[0] = function ($event) {
+          return _ctx.$emit('cancel');
+        })
+      }, {
+        "default": withCtx(function () {
+          return [createTextVNode(toDisplayString(_ctx.cancelButtonText), 1)];
+        }),
+        _: 1
+      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true), _ctx.showConfirm ? (openBlock(), createBlock(_component_FwButton, {
+        key: 1,
+        "class": "basis-1/2",
+        variant: _ctx.confirmButtonType,
+        "aria-label": _ctx.confirmButtonText,
+        onClick: _cache[1] || (_cache[1] = function ($event) {
+          return _ctx.$emit('confirm');
+        })
+      }, {
+        "default": withCtx(function () {
+          return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
+        }),
+        _: 1
+      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4)])])], 8, _hoisted_1)) : createCommentVNode("", true)];
+    }),
+    _: 3
+  })], 8, ["to"])) : createCommentVNode("", true);
+}
+
+var css_248z = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
+var stylesheet = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as FwModal };

package/esm/fw-navigation-menu.js

@@ -1,13 +1,14 @@
 import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { s as script$1 } from './fw-button-765b9d52.js';
+import { s as script$1 } from './fw-button-1486e2d9.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './es.array.includes-9a6e4066.js';
-import './function-name-c49146fc.js';
-import './object-keys-3c73c404.js';
-import './is-forced-fd46b5f2.js';
-import './add-to-unscopables-a5032b1d.js';
-import './fw-loading-spinner-01b9a040.js';
-import './index-7833cf39.js';
+import './es.array.includes-91be7771.js';
+import './is-forced-752b5893.js';
+import './export-a37ba078.js';
+import './add-to-unscopables-2400f45b.js';
+import './object-create-f6f3a673.js';
+import './object-keys-4f5bf4e7.js';
+import './fw-loading-spinner-df1627c0.js';
+import './index-4605e00e.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({
@@ -24,7 +25,6 @@ var script = defineComponent({
     menuItems: {
       type: Array
     },
-
     /**
      * The label for the action button.
      * Also emits the `action` event.
@@ -32,7 +32,6 @@ var script = defineComponent({
     actionLabel: {
       type: String
     },
-
     /**
      * The class for the container wrapper.
      */
@@ -45,15 +44,12 @@ var script = defineComponent({
     var mobileMenuClass = ref( // eslint-disable-next-line max-len
     "min-h-screen top-0 left-0 pt-20 absolute w-full flex flex-col justify-between px-2 bg-white shadow-md pb-3 space-y-1");
     var isMobileMenuOpen = ref(false);
-
     var toggleMobileMenu = function toggleMobileMenu() {
       return isMobileMenuOpen.value = !isMobileMenuOpen.value;
     };
-
     var actionClicked = function actionClicked() {
       return ctx.emit('action');
     };
-
     return {
       mobileMenuClass: mobileMenuClass,
       isMobileMenuOpen: isMobileMenuOpen,
@@ -84,11 +80,9 @@ var _hoisted_5 = {
 var _hoisted_6 = {
   "class": "flex items-center sm:hidden"
 };
-
 var _hoisted_7 = /*#__PURE__*/createElementVNode("span", {
   "class": "sr-only"
 }, "Open main menu", -1);
-
 var _hoisted_8 = {
   "class": "block h-6 w-6",
   xmlns: "http://www.w3.org/2000/svg",
@@ -103,9 +97,7 @@ var _hoisted_10 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$menuItems;
-
   var _component_FwButton = resolveComponent("FwButton");
-
   return openBlock(), createElementBlock("nav", _hoisted_1, [createElementVNode("div", {
     "class": normalizeClass(["px-6 flex-1 h-full flex bg-white items-stretch justify-between mx-auto", _ctx.containerClass])
   }, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_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_3, [createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
@@ -184,8 +176,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })]);
 }
 
-var css_248z = ".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 = ".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 css_248z = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-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;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 = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-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;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);
 
 script.render = render;

package/esm/fw-progress-bar.js

@@ -1,10 +1,9 @@
-import './es.number.constructor-b7faae1f.js';
+import './es.number.constructor-1249bd78.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 './function-name-c49146fc.js';
-import './is-forced-fd46b5f2.js';
-import './to-string-c2bd1f4d.js';
-import './classof-088c9833.js';
+import './is-forced-752b5893.js';
+import './to-string-12728fd2.js';
+import './classof-39c30bd5.js';
 
 var script = defineComponent({
   name: 'FwProgressBar',
@@ -20,7 +19,6 @@ var script = defineComponent({
       type: Array,
       required: true
     },
-
     /**
      * An current active step.
      */
@@ -28,7 +26,6 @@ var script = defineComponent({
       type: Number,
       required: true
     },
-
     /**
      * An current active sub-step.
      */
@@ -41,15 +38,12 @@ var script = defineComponent({
     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
     };
@@ -75,7 +69,6 @@ var _hoisted_5 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CheckSvg = resolveComponent("CheckSvg");
-
   return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_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]']),