@frollo/frollo-web-ui 4.0.0 → 5.0.0

package/esm/{fw-image-3fa960e1.js → fw-image-161b667a.js}

@@ -1,15 +1,15 @@
 import './es.array.includes-91be7771.js';
-import './es.number.constructor-1249bd78.js';
+import './es.number.constructor-d6ff8874.js';
 import { defineComponent, computed, ref, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withKeys, createElementVNode, createVNode, renderSlot } from 'vue';
-import './es.array.find-dfa1f42f.js';
-import './es.string.iterator-284b31d4.js';
-import './web.timers-0f117224.js';
 import { a as documentCreateElement$1, g as global$1, c as createNonEnumerableProperty$1 } from './is-forced-752b5893.js';
 import { _ as _export } from './export-a37ba078.js';
 import { a as arrayIteration } from './array-iteration-107f927f.js';
 import { a as arrayMethodIsStrict$1 } from './array-method-is-strict-055b1830.js';
+import './es.array.find-dfa1f42f.js';
+import './es.string.iterator-590198a8.js';
+import './web.timers-0f117224.js';
 import { s as script$1 } from './fw-loading-bar-f5ca605c.js';
-import { r as render$1 } from './index-c6458115.js';
+import { r as render$1 } from './index-3624f1c9.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var es_array_forEach = {};
@@ -107,62 +107,67 @@ for (var COLLECTION_NAME in DOMIterables) {
 
 handlePrototype(DOMTokenListPrototype);
 
+var handleIntersect = function handleIntersect(entries, observer) {
+  entries.forEach(function (entry) {
+    if (entry.isIntersecting) {
+      loadImage(entry.target);
+      observer.unobserve(entry.target);
+    }
+  });
+};
+var createObserver = function createObserver(el) {
+  var options = {
+    root: null,
+    threshold: Number(el.getAttribute('threshold')) || 0
+  };
+  var observer = new IntersectionObserver(handleIntersect, options);
+  observer.observe(el);
+};
+var loadImage = function loadImage(el) {
+  var imageElement = Array.from(el.children).find(function (element) {
+    return element.nodeName === 'IMG';
+  });
+  if (imageElement) {
+    var type = el.getAttribute('type');
+    var url = imageElement.dataset.url;
+    var setImgError = function setImgError() {
+      setTimeout(function () {
+        return el.classList.add('fw-image--loaded-error');
+      }, 100);
+      setTimeout(function () {
+        var _el$querySelector;
+        return (_el$querySelector = el.querySelector('.fw-image--loading')) === null || _el$querySelector === void 0 ? void 0 : _el$querySelector.remove();
+      }, 600);
+    };
+    if (url) {
+      imageElement.src = url;
+    } else {
+      setImgError();
+    }
+    imageElement.addEventListener('load', function () {
+      setTimeout(function () {
+        return el.classList.add('fw-image--loaded');
+      }, 100);
+      setTimeout(function () {
+        var _el$querySelector2;
+        return (_el$querySelector2 = el.querySelector('.fw-image--loading')) === null || _el$querySelector2 === void 0 ? void 0 : _el$querySelector2.remove();
+      }, 600);
+    });
+    imageElement.addEventListener('error', function () {
+      setImgError();
+    });
+    if (type === 'background') {
+      el.style.backgroundImage = "url('".concat(url, "')");
+      imageElement.remove();
+    }
+  }
+};
 var lazyLoadDirective = {
   mounted: function mounted(el) {
-    var loadImage = function loadImage() {
-      var imageElement = Array.from(el.children).find(function (element) {
-        return element.nodeName === 'IMG';
-      });
-      if (imageElement) {
-        var type = el.getAttribute('type');
-        var url = imageElement.dataset.url;
-        imageElement.addEventListener('load', function () {
-          setTimeout(function () {
-            return el.classList.add('fw-image--loaded');
-          }, 100);
-          setTimeout(function () {
-            var _el$querySelector;
-            return (_el$querySelector = el.querySelector('.fw-image--loading')) === null || _el$querySelector === void 0 ? void 0 : _el$querySelector.remove();
-          }, 600);
-        });
-        if (url) {
-          imageElement.src = url;
-        }
-        if (type === 'background') {
-          el.style.backgroundImage = "url('".concat(url, "')");
-          imageElement.remove();
-        }
-        imageElement.addEventListener('error', function () {
-          setTimeout(function () {
-            return el.classList.add('fw-image--loaded-error');
-          }, 100);
-          setTimeout(function () {
-            var _el$querySelector2;
-            return (_el$querySelector2 = el.querySelector('.fw-image--loading')) === null || _el$querySelector2 === void 0 ? void 0 : _el$querySelector2.remove();
-          }, 600);
-        });
-      }
-    };
-    var handleIntersect = function handleIntersect(entries, observer) {
-      entries.forEach(function (entry) {
-        if (entry.isIntersecting) {
-          loadImage();
-          observer.unobserve(el);
-        }
-      });
-    };
-    var createObserver = function createObserver() {
-      var options = {
-        root: null,
-        threshold: Number(el.getAttribute('threshold')) || 0
-      };
-      var observer = new IntersectionObserver(handleIntersect, options);
-      observer.observe(el);
-    };
     if (window.IntersectionObserver) {
-      createObserver();
+      createObserver(el);
     } else {
-      loadImage();
+      loadImage(el);
     }
   }
 };
@@ -266,17 +271,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createElementVNode("img", {
     "data-url": _ctx.src,
     alt: _ctx.alt,
-    "class": normalizeClass(_ctx.imageClass)
+    loading: "lazy",
+    "class": normalizeClass([_ctx.rounded ? 'rounded-full' : '', _ctx.imageClass])
   }, null, 10, _hoisted_2), createVNode(_component_FwLoadingBar, {
     "class": normalizeClass(["fw-image--loading w-full h-full", {
       'rounded-full': _ctx.rounded
     }])
   }, null, 8, ["class"]), createElementVNode("div", {
-    "class": normalizeClass(["fw-image--error bg-grey-20", {
+    "class": normalizeClass(["fw-image--error rounded bg-grey-20", {
       'rounded-full': _ctx.rounded
     }])
   }, [createElementVNode("div", _hoisted_3, [createVNode(_component_FileExclamationSvg, {
-    "class": "w-full h-full scale-[0.3] opacity-80 text-alert max-w-[150px]"
+    "class": "w-full h-full scale-[0.25] opacity-40 text-alert max-w-[150px]"
   })])], 2), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1)), [[_directive_lazyload]]);
 }
 

package/esm/fw-image.js

@@ -1,23 +1,22 @@
-export { s as FwImage } from './fw-image-3fa960e1.js';
+export { s as FwImage } from './fw-image-161b667a.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 './es.number.constructor-1249bd78.js';
-import './to-string-12728fd2.js';
+import './es.number.constructor-d6ff8874.js';
 import './classof-39c30bd5.js';
 import 'vue';
-import './es.array.find-dfa1f42f.js';
 import './array-iteration-107f927f.js';
 import './array-species-create-a5f5503b.js';
-import './es.string.iterator-284b31d4.js';
+import './array-method-is-strict-055b1830.js';
+import './es.array.find-dfa1f42f.js';
+import './es.string.iterator-590198a8.js';
 import './create-property-534611fd.js';
 import './web.timers-0f117224.js';
 import './function-apply-ce251590.js';
-import './array-method-is-strict-055b1830.js';
 import './fw-loading-bar-f5ca605c.js';
 import './style-inject.es-1f59c1d0.js';
-import './index-c6458115.js';
+import './index-3624f1c9.js';
 import './check-94a5917a.js';

package/esm/fw-input.js

@@ -1,5 +1,5 @@
 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 { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, createBlock, Transition, normalizeClass } from 'vue';
 import { a as Field } from './vee-validate.esm-a17a23c3.js';
 import { u as uniqueId } from './uniqueId-fe08534a.js';
 import './es.function.name-557cb1f9.js';
@@ -87,16 +87,32 @@ var script = defineComponent({
     },
     /**
      * The logical tab order of the input.
-     * Defaults to 1
+     * Defaults to 0
      */
     tabindex: {
       type: String,
-      "default": '1'
+      "default": '0'
+    },
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+      type: Boolean,
+      "default": true
     }
   },
   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 inputBaseClass = ref("border-2 border-grey-40 focus:outline-none focus:ring-2 focus:ring-primary block w-full p-2.5");
     var inputValue = computed({
       get: function get() {
         return props.modelValue;
@@ -146,10 +162,11 @@ var _hoisted_9 = /*#__PURE__*/createElementVNode("svg", {
 })], -1);
 var _hoisted_10 = [_hoisted_9];
 var _hoisted_11 = {
-  key: 1,
+  key: 2,
   "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
 };
 var _hoisted_12 = {
+  key: 0,
   "class": "italic text-right text-sm font-medium mt-2 min-h-[21px]"
 };
 var _hoisted_13 = {
@@ -189,8 +206,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": [{
           'pl-10': !!_ctx.$slots.prefix,
           'pr-20': !!_ctx.$slots.suffix
-        }, _ctx.inputBaseClass]
-      }), null, 16, _hoisted_8), createVNode(Transition, {
+        }, _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded']
+      }), null, 16, _hoisted_8), _ctx.enableErrors ? (openBlock(), createBlock(Transition, {
+        key: 1,
         name: "fwFadeIn"
       }, {
         "default": withCtx(function () {
@@ -200,7 +218,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, _hoisted_10, 2)) : createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_12, [createVNode(Transition, {
+      }, 1024)) : createCommentVNode("", true), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_12, [createVNode(Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
@@ -208,7 +226,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024)])])];
+      }, 1024)])) : createCommentVNode("", true)])];
     }),
     _: 3
   }, 8, ["modelValue", "name", "rules"])]);

package/esm/{fw-loading-spinner-304e2f95.js → fw-loading-spinner-51deaa3d.js}

@@ -1,4 +1,4 @@
-import { h as render$1 } from './index-c6458115.js';
+import { i as render$1 } from './index-3624f1c9.js';
 import { defineComponent, resolveComponent, openBlock, createBlock } from 'vue';
 
 var script = defineComponent({

package/esm/fw-loading.js

@@ -1,10 +1,9 @@
 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-1249bd78.js';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
+import './es.number.constructor-d6ff8874.js';
 import './style-inject.es-1f59c1d0.js';
 import './is-forced-752b5893.js';
-import './to-string-12728fd2.js';
 import './classof-39c30bd5.js';
 
 var script$1 = defineComponent({
@@ -47,7 +46,7 @@ var script = defineComponent({
     }
   },
   setup: function setup() {
-    var tableClass = "fw-loading-table table-auto cursor-wait table-responsive rounded border border-grey-40\n      border-spacing-px border-separate bg-grey-40";
+    var tableClass = "fw-loading-table table-auto cursor-wait table-responsive rounded-md shadow-card";
     return {
       tableClass: tableClass
     };
@@ -55,34 +54,35 @@ var script = defineComponent({
 });
 
 var _hoisted_1 = {
-  "class": "text-p-small bg-white"
+  "class": "text-p-small"
 };
 var _hoisted_2 = {
-  "class": "flex flex-row items-center space-x-1"
+  "class": "p-0 m-0"
 };
 var _hoisted_3 = {
+  "class": "m-0 p-0"
+};
+var _hoisted_4 = {
   "class": "text-p-small bg-white font-light"
 };
 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) {
-    return openBlock(), createElementBlock("th", {
-      key: thKey,
-      "class": "py-3 px-4 text-center border-b border-b-grey-light"
-    }, [createElementVNode("div", _hoisted_2, [createVNode(_component_FwLoadingBar, {
-      "class": "w-full h-8"
-    })])]);
-  }), 128))])]), createElementVNode("tbody", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, function (row, trKey) {
+    "class": normalizeClass(_ctx.tableClass),
+    "aria-live": "polite",
+    "aria-busy": "true"
+  }, [createElementVNode("thead", _hoisted_1, [createElementVNode("tr", _hoisted_2, [createElementVNode("th", _hoisted_3, [createVNode(_component_FwLoadingBar, {
+    "class": "h-[4.5rem] py-6 rounded-b-none",
+    style: normalizeStyle("width:".concat(_ctx.columns, "00%;"))
+  }, null, 8, ["style"])])])]), createElementVNode("tbody", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, function (row, trKey) {
     return openBlock(), createElementBlock("tr", {
       key: trKey
     }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
       return openBlock(), createElementBlock("td", {
         key: colKey,
-        "class": "py-3 px-4 text-left whitespace-nowrap"
+        "class": "py-4 pl-5 pr-3 text-left whitespace-nowrap"
       }, [createVNode(_component_FwLoadingBar, {
-        "class": "w-full h-6"
+        "class": "w-full h-7"
       })]);
     }), 128))]);
   }), 128))])], 2);

package/esm/fw-modal.js

@@ -1,6 +1,6 @@
 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-e8b1bd62.js';
+import { s as script$1 } from './fw-button-beaf20f4.js';
 import { u as uniqueId } from './uniqueId-fe08534a.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './is-forced-752b5893.js';
@@ -8,8 +8,8 @@ import './export-a37ba078.js';
 import './add-to-unscopables-2400f45b.js';
 import './object-create-f6f3a673.js';
 import './object-keys-4f5bf4e7.js';
-import './fw-loading-spinner-304e2f95.js';
-import './index-c6458115.js';
+import './fw-loading-spinner-51deaa3d.js';
+import './index-3624f1c9.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({

package/esm/fw-navigation-menu.js

@@ -1,5 +1,5 @@
 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-e8b1bd62.js';
+import { s as script$1 } from './fw-button-beaf20f4.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './es.array.includes-91be7771.js';
 import './is-forced-752b5893.js';
@@ -7,8 +7,8 @@ import './export-a37ba078.js';
 import './add-to-unscopables-2400f45b.js';
 import './object-create-f6f3a673.js';
 import './object-keys-4f5bf4e7.js';
-import './fw-loading-spinner-304e2f95.js';
-import './index-c6458115.js';
+import './fw-loading-spinner-51deaa3d.js';
+import './index-3624f1c9.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({

package/esm/fw-progress-bar.js

@@ -1,8 +1,7 @@
-import './es.number.constructor-1249bd78.js';
+import './es.number.constructor-d6ff8874.js';
 import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, createBlock, toDisplayString, normalizeStyle, createCommentVNode } from 'vue';
 import { r as render$1 } from './check-94a5917a.js';
 import './is-forced-752b5893.js';
-import './to-string-12728fd2.js';
 import './classof-39c30bd5.js';
 
 var script = defineComponent({

package/esm/fw-sidebar-menu.js

@@ -1,6 +1,6 @@
 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-e8b1bd62.js';
-import { g as render$1 } from './index-c6458115.js';
+import { s as script$1 } from './fw-button-beaf20f4.js';
+import { h as render$1 } from './index-3624f1c9.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './es.array.includes-91be7771.js';
 import './is-forced-752b5893.js';
@@ -8,7 +8,7 @@ import './export-a37ba078.js';
 import './add-to-unscopables-2400f45b.js';
 import './object-create-f6f3a673.js';
 import './object-keys-4f5bf4e7.js';
-import './fw-loading-spinner-304e2f95.js';
+import './fw-loading-spinner-51deaa3d.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({
@@ -49,12 +49,14 @@ var script = defineComponent({
     }
   },
   setup: function setup(props, ctx) {
+    var baseClass = "h-full shadow-md bg-grey-lightest border-r border-grey-20 \n      fixed top-0 left-0 transition-all duration-300";
     var isMenuOpen = ref(true);
     var toggleMenu = function toggleMenu() {
       isMenuOpen.value = !isMenuOpen.value;
       ctx.emit('toggled', isMenuOpen.value ? props.openWidth : props.closedWidth);
     };
     return {
+      baseClass: baseClass,
       isMenuOpen: isMenuOpen,
       toggleMenu: toggleMenu
     };
@@ -78,7 +80,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   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]),
+    "class": normalizeClass(["fw-sidebar-menu", [_ctx.baseClass, _ctx.isMenuOpen ? _ctx.openWidth : _ctx.closedWidth]]),
     "aria-label": "Aside navigation menu"
   }, [createVNode(_component_FwButton, {
     variant: "primary",
@@ -100,8 +102,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     "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,
+        return openBlock(), createElementBlock(Fragment, {
+          key: i
+        }, [!item.disabled ? (openBlock(), createBlock(_component_FwButton, {
+          key: 0,
           rounded: false,
           "class": "!text-left !px-4 text-grey-base",
           variant: "transparent",
@@ -115,15 +119,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [createTextVNode(toDisplayString(item.label), 1)];
           }),
           _: 2
-        }, 1032, ["href", "to", "external"]);
+        }, 1032, ["href", "to", "external"])) : createCommentVNode("", true)], 64);
       }), 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}}";
+var css_248z = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease-in;transition:all .6s ease-in}.sidebarMenuSlide-leave-active{-webkit-transition:opacity 10ms ease-in;transition:opacity 10ms ease-in}.sidebarMenuSlide-enter-from,.sidebarMenuSlide-leave-to{opacity:0}.sidebarMenuSlide-enter-to,.sidebarMenuSlide-leave-from{opacity:1}";
+var stylesheet = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease-in;transition:all .6s ease-in}.sidebarMenuSlide-leave-active{-webkit-transition:opacity 10ms ease-in;transition:opacity 10ms ease-in}.sidebarMenuSlide-enter-from,.sidebarMenuSlide-leave-to{opacity:0}.sidebarMenuSlide-enter-to,.sidebarMenuSlide-leave-from{opacity:1}";
 styleInject(css_248z);
 
 script.render = render;