@frollo/frollo-web-ui 3.0.0 → 3.0.2

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-9b7c6855.js → fw-loading-spinner-164d8df0.js}

@@ -1,4 +1,4 @@
-import { f as render$1 } from './index-4605e00e.js';
+import { g as render$1 } from './index-692e4d19.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-f279ce82.js';
+import './es.number.constructor-1249bd78.js';
 import './style-inject.es-1f59c1d0.js';
-import './function-name-e2f6ea36.js';
-import './is-forced-ddf227e6.js';
-import './to-string-685748aa.js';
-import './classof-a45668b6.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,14 +1,15 @@
-import './es.array.includes-df8e6e35.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-df5c923f.js';
+import { s as script$1 } from './fw-button-0401f207.js';
 import { u as uniqueId } from './uniqueId-fe08534a.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './function-name-e2f6ea36.js';
-import './object-keys-6a890c6f.js';
-import './is-forced-ddf227e6.js';
-import './add-to-unscopables-3f461c07.js';
-import './fw-loading-spinner-9b7c6855.js';
-import './index-4605e00e.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-164d8df0.js';
+import './index-692e4d19.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({
@@ -24,14 +25,12 @@ var script = defineComponent({
     modelValue: {
       type: Boolean
     },
-
     /**
      * The header title of the modal
      */
     header: {
       type: String
     },
-
     /**
      * The element to attach the modal too. Defaults to `#app` element.
      */
@@ -39,14 +38,12 @@ var script = defineComponent({
       type: String,
       "default": '#app'
     },
-
     /**
      * The body description of the modal
      */
     body: {
       type: String
     },
-
     /**
      * The aria role of the modal container. Defaults to `dialog`
      */
@@ -54,7 +51,6 @@ var script = defineComponent({
       type: String,
       "default": 'dialog'
     },
-
     /**
      * Whether to show the cancel button
      */
@@ -62,7 +58,6 @@ var script = defineComponent({
       type: Boolean,
       "default": false
     },
-
     /**
      * Whether to show the confirm button
      */
@@ -70,7 +65,6 @@ var script = defineComponent({
       type: Boolean,
       "default": true
     },
-
     /**
      * Custom text for the cancel button
      */
@@ -78,7 +72,6 @@ var script = defineComponent({
       type: String,
       "default": 'Cancel'
     },
-
     /**
      * Button variant for the cancel button
      */
@@ -89,7 +82,6 @@ var script = defineComponent({
         return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text'].includes(value);
       }
     },
-
     /**
      * Custom text for the confirm button
      */
@@ -97,7 +89,6 @@ var script = defineComponent({
       type: String,
       "default": 'Confirm'
     },
-
     /**
      * Button variant for the confirm button
      */
@@ -153,7 +144,6 @@ var _hoisted_11 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwButton = resolveComponent("FwButton");
-
   return _ctx.isMounted ? (openBlock(), createBlock(Teleport, {
     key: 0,
     to: _ctx.element
@@ -220,8 +210,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, ["to"])) : createCommentVNode("", true);
 }
 
-var css_248z = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;-o-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;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;-o-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 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;

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-df5c923f.js';
+import { s as script$1 } from './fw-button-0401f207.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './es.array.includes-df8e6e35.js';
-import './function-name-e2f6ea36.js';
-import './object-keys-6a890c6f.js';
-import './is-forced-ddf227e6.js';
-import './add-to-unscopables-3f461c07.js';
-import './fw-loading-spinner-9b7c6855.js';
-import './index-4605e00e.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-164d8df0.js';
+import './index-692e4d19.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-f279ce82.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-e2f6ea36.js';
-import './is-forced-ddf227e6.js';
-import './to-string-685748aa.js';
-import './classof-a45668b6.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]']),

package/esm/fw-sidebar-menu.js

@@ -0,0 +1,131 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from 'vue';
+import { s as script$1 } from './fw-button-0401f207.js';
+import { f as render$1 } from './index-692e4d19.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.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-164d8df0.js';
+import './check-94a5917a.js';
+
+var script = defineComponent({
+  name: 'FwSidebarMenu',
+  emits: ['toggled'],
+  components: {
+    FwButton: script$1,
+    ChevronRightSvg: render$1
+  },
+  props: {
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+      type: Array
+    },
+    /**
+     * The class for the open/close toggle button
+     */
+    toggleButtonClass: {
+      type: String,
+      "default": ''
+    },
+    /**
+     * The width class for the sidebar when opened
+     */
+    openWidth: {
+      type: String,
+      "default": 'w-96'
+    },
+    /**
+     * The width class for the sidebar when opened
+     */
+    closedWidth: {
+      type: String,
+      "default": 'w-6'
+    }
+  },
+  setup: function setup(props, ctx) {
+    var isMenuOpen = ref(true);
+    var toggleMenu = function toggleMenu() {
+      isMenuOpen.value = !isMenuOpen.value;
+      ctx.emit('toggled', isMenuOpen.value ? props.openWidth : props.closedWidth);
+    };
+    return {
+      isMenuOpen: isMenuOpen,
+      toggleMenu: toggleMenu
+    };
+  }
+});
+
+var _hoisted_1 = {
+  key: 0,
+  "class": "flex flex-col px-4 py-8"
+};
+var _hoisted_2 = {
+  key: 0,
+  "class": "text-left px-4 pb-6"
+};
+var _hoisted_3 = {
+  "class": "flex flex-col space-y-1"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _ctx$menuItems;
+  var _component_ChevronRightSvg = resolveComponent("ChevronRightSvg");
+  var _component_FwButton = resolveComponent("FwButton");
+  return _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    "class": normalizeClass(["fw-sidebar-menu h-full shadow-md bg-grey-lightest border-r border-grey-20 fixed top-0 left-0 transition-all duration-300", _ctx.isMenuOpen ? _ctx.openWidth : _ctx.closedWidth]),
+    "aria-label": "Aside navigation menu"
+  }, [createVNode(_component_FwButton, {
+    variant: "primary",
+    tabindex: "",
+    title: _ctx.isMenuOpen ? 'Close sidebar navigation menu' : 'Open sidebar navigation menu',
+    onClick: _cache[0] || (_cache[0] = function ($event) {
+      return _ctx.toggleMenu();
+    }),
+    "class": normalizeClass(["inline-block w-9 h-9 !p-0 shadow absolute top-4 -right-4 rounded-full", _ctx.toggleButtonClass])
+  }, {
+    "default": withCtx(function () {
+      return [createVNode(_component_ChevronRightSvg, {
+        "class": normalizeClass(["w-6 h-6 inline-block m-0 transition-rotate duration-200", _ctx.isMenuOpen ? 'rotate-180' : ''])
+      }, null, 8, ["class"])];
+    }),
+    _: 1
+  }, 8, ["title", "class"]), createVNode(Transition, {
+    name: "sidebarMenuSlide"
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.isMenuOpen ? (openBlock(), createElementBlock("div", _hoisted_1, [_ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+        return openBlock(), createBlock(_component_FwButton, {
+          key: i,
+          rounded: false,
+          "class": "!text-left !px-4 text-grey-base",
+          variant: "transparent",
+          href: item.href,
+          to: item.to,
+          external: item.external,
+          size: "lg",
+          "aria-current": "page"
+        }, {
+          "default": withCtx(function () {
+            return [createTextVNode(toDisplayString(item.label), 1)];
+          }),
+          _: 2
+        }, 1032, ["href", "to", "external"]);
+      }), 128))])])) : createCommentVNode("", true)];
+    }),
+    _: 3
+  })], 2)) : createCommentVNode("", true);
+}
+
+var css_248z = ".sidebarMenuSlide-enter-active{-webkit-animation:sidebarMenuSlide .1s;animation:sidebarMenuSlide .1s;-webkit-transition:opacity .1s ease-in;transition:opacity .1s ease-in;-webkit-transition-delay:10s;transition-delay:10s}.sidebarMenuSlide-leave-active{animation:sidebarMenuSlide .1s reverse;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}@-webkit-keyframes sidebarMenuSlide{0%{opacity:0}to{opacity:1}}@keyframes sidebarMenuSlide{0%{opacity:0}to{opacity:1}}";
+var stylesheet = ".sidebarMenuSlide-enter-active{-webkit-animation:sidebarMenuSlide .1s;animation:sidebarMenuSlide .1s;-webkit-transition:opacity .1s ease-in;transition:opacity .1s ease-in;-webkit-transition-delay:10s;transition-delay:10s}.sidebarMenuSlide-leave-active{animation:sidebarMenuSlide .1s reverse;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}@-webkit-keyframes sidebarMenuSlide{0%{opacity:0}to{opacity:1}}@keyframes sidebarMenuSlide{0%{opacity:0}to{opacity:1}}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as FwSidebarMenu };

package/esm/fw-table.js

@@ -1,44 +1,19 @@
-import { i as toObject$2, j as fails$2, t as tryToString$1, p as engineUserAgent, f as functionUncurryThis, h as aCallable$1, q as engineV8Version } from './function-name-e2f6ea36.js';
-import { _ as _export, o as objectKeys } from './object-keys-6a890c6f.js';
-import { e as toAbsoluteIndex$1, l as lengthOfArrayLike$2 } from './is-forced-ddf227e6.js';
-import { t as toString$1 } from './to-string-685748aa.js';
-import { c as createProperty$1 } from './create-property-558a3c24.js';
-import { a as arrayMethodIsStrict$1 } from './array-method-is-strict-544b103f.js';
-import { b as render$3 } from './index-4605e00e.js';
+import { d as deletePropertyOrThrow$1 } from './delete-property-or-throw-8032646c.js';
+import { i as toAbsoluteIndex$1, l as lengthOfArrayLike$2, j as engineUserAgent, f as functionUncurryThis, k as aCallable$1, e as toObject$1, h as fails$1, m as engineV8Version } from './is-forced-752b5893.js';
+import { _ as _export } from './export-a37ba078.js';
+import { t as toString$1 } from './to-string-12728fd2.js';
+import { c as createProperty$1 } from './create-property-534611fd.js';
+import { a as arrayMethodIsStrict$1 } from './array-method-is-strict-055b1830.js';
+import { b as render$3 } from './index-692e4d19.js';
 import { defineComponent, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, withKeys, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
-import { s as script$3 } from './fw-loading-bar-da7d53fb.js';
-import './classof-a45668b6.js';
+import { s as script$3 } from './fw-loading-bar-f5ca605c.js';
+import './object-keys-4f5bf4e7.js';
+import './classof-39c30bd5.js';
 import './check-94a5917a.js';
 import './style-inject.es-1f59c1d0.js';
 
-var es_object_keys = {};
-
-var $$1 = _export;
-var toObject$1 = toObject$2;
-var nativeKeys = objectKeys;
-var fails$1 = fails$2;
-
-var FAILS_ON_PRIMITIVES = fails$1(function () { nativeKeys(1); });
-
-// `Object.keys` method
-// https://tc39.es/ecma262/#sec-object.keys
-$$1({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
-  keys: function keys(it) {
-    return nativeKeys(toObject$1(it));
-  }
-});
-
 var es_array_sort = {};
 
-'use strict';
-var tryToString = tryToString$1;
-
-var $TypeError = TypeError;
-
-var deletePropertyOrThrow$1 = function (O, P) {
-  if (!delete O[P]) throw $TypeError('Cannot delete property ' + tryToString(P) + ' of ' + tryToString(O));
-};
-
 var toAbsoluteIndex = toAbsoluteIndex$1;
 var lengthOfArrayLike$1 = lengthOfArrayLike$2;
 var createProperty = createProperty$1;
@@ -121,11 +96,11 @@ var engineWebkitVersion = !!webkit && +webkit[1];
 var $ = _export;
 var uncurryThis = functionUncurryThis;
 var aCallable = aCallable$1;
-var toObject = toObject$2;
+var toObject = toObject$1;
 var lengthOfArrayLike = lengthOfArrayLike$2;
 var deletePropertyOrThrow = deletePropertyOrThrow$1;
 var toString = toString$1;
-var fails = fails$2;
+var fails = fails$1;
 var internalSort = arraySort;
 var arrayMethodIsStrict = arrayMethodIsStrict$1;
 var FF = engineFfVersion;
@@ -251,11 +226,9 @@ var script$2 = defineComponent({
     var sortBy = ref('');
     var sortDirection = ref('asc');
     var currentSortedColumn = ref('');
-
     var sortColumn = function sortColumn(column) {
       if (!isColumnSortable(column)) return;
       currentSortedColumn.value = column;
-
       if (sortBy.value === column) {
         sortDirection.value = sortDirection.value === 'asc' ? 'desc' : 'asc';
       } else {
@@ -263,12 +236,10 @@ var script$2 = defineComponent({
         sortDirection.value = 'asc';
       }
     };
-
     var sortedData = computed(function () {
       if (!sortBy.value) {
         return props.items;
       }
-
       var data = props.items;
       data.sort(function (a, b) {
         var sortVal = a[sortBy.value] > b[sortBy.value] ? 1 : -1;
@@ -276,53 +247,39 @@ var script$2 = defineComponent({
       });
       return data;
     });
-
     var formattedText = function formattedText(row, column) {
       var _props$options$column;
-
       if (props.options && props.options[column] && (_props$options$column = props.options[column]) !== null && _props$options$column !== void 0 && _props$options$column.formatter) {
         var _props$options$column2;
-
         var colFormatter = (_props$options$column2 = props.options[column]) === null || _props$options$column2 === void 0 ? void 0 : _props$options$column2.formatter;
-
         if (colFormatter) {
           return colFormatter(row[column]);
         }
       }
-
       return row[column];
     };
-
     var sortedIcon = function sortedIcon(sortDir, column) {
       if (currentSortedColumn.value === column) {
         if (sortDirection.value === sortDir) {
           return 'text-body';
         }
       }
-
       return 'text-grey-light';
     };
-
     var isColumnSortable = function isColumnSortable(column) {
       if (props.options && props.options[column]) {
         var _props$options$column3;
-
         return (_props$options$column3 = props.options[column]) === null || _props$options$column3 === void 0 ? void 0 : _props$options$column3.isSortable;
       }
-
       return false;
     };
-
     var isDisabled = function isDisabled(column) {
       var _props$options$column4;
-
       if (props.options && (_props$options$column4 = props.options[column]) !== null && _props$options$column4 !== void 0 && _props$options$column4.disabled) {
         return true;
       }
-
       return false;
     };
-
     return {
       columns: columns,
       sortBy: sortBy,
@@ -368,9 +325,7 @@ var _hoisted_9 = {
 var _hoisted_10 = ["innerHTML"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CaretDownSvg = resolveComponent("CaretDownSvg");
-
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
-
   return openBlock(), createElementBlock("table", {
     "class": normalizeClass(["table-auto table-responsive rounded border border-grey-40 border-spacing-px border-separate bg-grey-40", _ctx.loading ? 'cursor-wait' : ''])
   }, [createElementVNode("thead", _hoisted_1$2, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {