@frollo/frollo-web-ui 7.0.1 → 8.0.0

package/esm/fw-dropdown-6856e66e.js

@@ -1,224 +0,0 @@
-import './es.array.find-1ded15d5.js';
-import './es.object.to-string-4b07c4d1.js';
-import { defineComponent, toRef, ref, computed, onMounted, onBeforeUnmount, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, createVNode, Transition, withCtx, Fragment, renderList } from 'vue';
-import { u as useField } from './vee-validate.esm-a17a23c3.js';
-import { b as render$1 } from './index-bced3b35.js';
-import './es.function.name-6cafd747.js';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-
-var script = defineComponent({
-  name: 'FwDropdown',
-  components: {
-    ChevronDownSvg: render$1
-  },
-  props: {
-    /**
-     * The select v-model
-     */
-    modelValue: {
-      type: String
-    },
-    /**
-     * The name of the input field. Must be unique per form.
-     */
-    name: {
-      type: String,
-      required: true
-    },
-    /**
-     * Label for the input. Also renders to an aria-label attribute
-     */
-    label: {
-      type: String
-    },
-    /**
-     * Validation rules. Accepts an object, string schema or validation function.
-     */
-    rules: {
-      type: [Object, String, Function]
-    },
-    /**
-     * An array of options for the dropdown menu.
-     */
-    options: {
-      type: Array,
-      required: true
-    },
-    /**
-     * The hint text shown below the input
-     */
-    hint: {
-      type: String
-    },
-    /**
-     * Custom placeholder text
-     */
-    placeholder: {
-      type: String,
-      required: false,
-      "default": 'Select'
-    },
-    /**
-     * Enable the error section UI.
-     * Defaults to true
-     */
-    enableErrors: {
-      type: Boolean,
-      "default": true
-    }
-  },
-  setup: function setup(props, ctx) {
-    var menuButtonClass = "inline-flex w-full justify-between items-center rounded-md border-2 bg-white px-4 py-3\n      shadow-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2";
-    var menuClass = "absolute left-0 mt-1 w-full text-left z-10 origin-top-left rounded-md bg-grey-20 drop-shadow-lg\n      ring-1 ring-black ring-opacity-5 focus:outline-none";
-    var menuItemClass = "block px-4 py-3 my-1 cursor-pointer hover:bg-white first:rounded-t-md last:rounded-b-md\n      first:mt-0 last:mb-0";
-    var nameRef = toRef(props, 'name');
-    var _useField = useField(nameRef, props.rules),
-      errors = _useField.errors,
-      errorMessage = _useField.errorMessage,
-      meta = _useField.meta,
-      fieldVal = _useField.value;
-    var selectedOption = ref();
-    var selectValue = computed({
-      get: function get() {
-        return props.modelValue;
-      },
-      set: function set(state) {
-        fieldVal.value = state;
-        ctx.emit('update:modelValue', state);
-      }
-    });
-    var isOpen = ref(false);
-    var selectOption = function selectOption(option) {
-      selectValue.value = option.value;
-      selectedOption.value = option;
-      isOpen.value = false;
-    };
-    var onEscape = function onEscape(e) {
-      if (e.key === 'Esc' || e.key === 'Escape') {
-        isOpen.value = false;
-      }
-    };
-    var menuItemActiveClass = function menuItemActiveClass(option) {
-      var _selectedOption$value;
-      if (((_selectedOption$value = selectedOption.value) === null || _selectedOption$value === void 0 ? void 0 : _selectedOption$value.value) === option.value) {
-        return 'bg-white';
-      }
-      return 'bg-none';
-    };
-    onMounted(function () {
-      if (selectValue.value) {
-        selectedOption.value = props.options.find(function (option) {
-          return option.value === selectValue.value;
-        });
-        if (selectedOption.value) selectOption(selectedOption.value);
-      }
-      document.addEventListener('keydown', onEscape);
-    });
-    onBeforeUnmount(function () {
-      document.removeEventListener('keydown', onEscape);
-    });
-    return {
-      menuButtonClass: menuButtonClass,
-      menuClass: menuClass,
-      menuItemClass: menuItemClass,
-      menuItemActiveClass: menuItemActiveClass,
-      errors: errors,
-      errorMessage: errorMessage,
-      meta: meta,
-      fieldVal: fieldVal,
-      isOpen: isOpen,
-      selectValue: selectValue,
-      selectOption: selectOption,
-      selectedOption: selectedOption
-    };
-  }
-});
-
-var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-461135b2"), n = n(), popScopeId(), n;
-};
-var _hoisted_1 = {
-  "class": "fw-dropdown relative"
-};
-var _hoisted_2 = {
-  key: 0,
-  "class": "block mb-2 font-medium text-left"
-};
-var _hoisted_3 = ["id", "aria-expanded"];
-var _hoisted_4 = {
-  key: 0
-};
-var _hoisted_5 = {
-  key: 1,
-  "class": "text-grey-base"
-};
-var _hoisted_6 = ["aria-labelledby"];
-var _hoisted_7 = ["onClick"];
-var _hoisted_8 = {
-  key: 1,
-  "class": "italic text-right text-sm font-medium min-h-[21px]"
-};
-var _hoisted_9 = {
-  key: 0,
-  "class": "text-error"
-};
-var _hoisted_10 = {
-  key: 1
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _ctx$selectedOption, _ctx$selectedOption2;
-  var _component_ChevronDownSvg = resolveComponent("ChevronDownSvg");
-  return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true), createElementVNode("button", {
-    type: "button",
-    "class": normalizeClass([_ctx.menuButtonClass, _ctx.isOpen ? 'border-primary' : 'border-grey-40 hover:border-grey-60']),
-    onClick: _cache[0] || (_cache[0] = function ($event) {
-      return _ctx.isOpen = !_ctx.isOpen;
-    }),
-    id: "".concat(_ctx.name, "-fw-dropdown--button"),
-    "aria-expanded": _ctx.isOpen,
-    "aria-haspopup": "true"
-  }, [(_ctx$selectedOption = _ctx.selectedOption) !== null && _ctx$selectedOption !== void 0 && _ctx$selectedOption.label ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString((_ctx$selectedOption2 = _ctx.selectedOption) === null || _ctx$selectedOption2 === void 0 ? void 0 : _ctx$selectedOption2.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(_ctx.placeholder), 1)), createVNode(_component_ChevronDownSvg, {
-    "class": normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
-  }, null, 8, ["class"])], 10, _hoisted_3), createVNode(Transition, {
-    name: "slideUpDown"
-  }, {
-    "default": withCtx(function () {
-      return [_ctx.isOpen ? (openBlock(), createElementBlock("ul", {
-        key: 0,
-        "class": normalizeClass(_ctx.menuClass),
-        role: "menu",
-        "aria-orientation": "vertical",
-        "aria-labelledby": "".concat(_ctx.name, "-fw-dropdown--button"),
-        tabindex: "-1"
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, function (option) {
-        return openBlock(), createElementBlock("li", {
-          key: option.value,
-          "class": normalizeClass([_ctx.menuItemClass, _ctx.menuItemActiveClass(option)]),
-          role: "menuitem",
-          tabindex: "0",
-          onClick: function onClick($event) {
-            return _ctx.selectOption(option);
-          }
-        }, toDisplayString(option.label), 11, _hoisted_7);
-      }), 128))], 10, _hoisted_6)) : createCommentVNode("", true)];
-    }),
-    _: 1
-  }), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_8, [createVNode(Transition, {
-    name: "fwFadeIn",
-    mode: "out-in"
-  }, {
-    "default": withCtx(function () {
-      return [(_ctx.errorMessage || _ctx.errors[0]) && _ctx.meta.touched ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(_ctx.errorMessage || _ctx.errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
-    }),
-    _: 1
-  })])) : createCommentVNode("", true)]);
-}
-
-var css_248z = ".slideUpDown-enter-active[data-v-461135b2]{-webkit-animation:slideUpDown-461135b2 .3s;animation:slideUpDown-461135b2 .3s;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-461135b2]{animation:slideUpDown-461135b2 .3s reverse;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-461135b2{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-461135b2{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
-var stylesheet = ".slideUpDown-enter-active[data-v-461135b2]{-webkit-animation:slideUpDown-461135b2 .3s;animation:slideUpDown-461135b2 .3s;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-461135b2]{animation:slideUpDown-461135b2 .3s reverse;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-461135b2{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-461135b2{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
-styleInject(css_248z);
-
-script.render = render;
-script.__scopeId = "data-v-461135b2";
-
-export { script as s };

package/esm/fw-image-aca2c61d.js

@@ -1,296 +0,0 @@
-import './es.array.includes-08e25019.js';
-import './es.number.constructor-fb16fe05.js';
-import { defineComponent, computed, ref, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withKeys, createElementVNode, createVNode, renderSlot } from 'vue';
-import { a as documentCreateElement$1, g as global$1, c as createNonEnumerableProperty$1 } from './is-forced-7cb3ee8f.js';
-import { _ as _export } from './export-10c4adbc.js';
-import { a as arrayIteration } from './array-iteration-8267bf22.js';
-import { a as arrayMethodIsStrict$1 } from './array-method-is-strict-d313436f.js';
-import './es.object.to-string-4b07c4d1.js';
-import './es.array.find-1ded15d5.js';
-import './es.string.iterator-25db8cd2.js';
-import './web.timers-e406c8e6.js';
-import { s as script$1 } from './fw-loading-bar-f5ca605c.js';
-import { r as render$1 } from './index-bced3b35.js';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-
-var es_array_forEach = {};
-
-'use strict';
-var $forEach = arrayIteration.forEach;
-var arrayMethodIsStrict = arrayMethodIsStrict$1;
-
-var STRICT_METHOD = arrayMethodIsStrict('forEach');
-
-// `Array.prototype.forEach` method implementation
-// https://tc39.es/ecma262/#sec-array.prototype.foreach
-var arrayForEach = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {
-  return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
-// eslint-disable-next-line es-x/no-array-prototype-foreach -- safe
-} : [].forEach;
-
-'use strict';
-var $ = _export;
-var forEach$1 = arrayForEach;
-
-// `Array.prototype.forEach` method
-// https://tc39.es/ecma262/#sec-array.prototype.foreach
-// eslint-disable-next-line es-x/no-array-prototype-foreach -- safe
-$({ target: 'Array', proto: true, forced: [].forEach != forEach$1 }, {
-  forEach: forEach$1
-});
-
-var web_domCollections_forEach = {};
-
-// iterable DOM collections
-// flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
-var domIterables = {
-  CSSRuleList: 0,
-  CSSStyleDeclaration: 0,
-  CSSValueList: 0,
-  ClientRectList: 0,
-  DOMRectList: 0,
-  DOMStringList: 0,
-  DOMTokenList: 1,
-  DataTransferItemList: 0,
-  FileList: 0,
-  HTMLAllCollection: 0,
-  HTMLCollection: 0,
-  HTMLFormElement: 0,
-  HTMLSelectElement: 0,
-  MediaList: 0,
-  MimeTypeArray: 0,
-  NamedNodeMap: 0,
-  NodeList: 1,
-  PaintRequestList: 0,
-  Plugin: 0,
-  PluginArray: 0,
-  SVGLengthList: 0,
-  SVGNumberList: 0,
-  SVGPathSegList: 0,
-  SVGPointList: 0,
-  SVGStringList: 0,
-  SVGTransformList: 0,
-  SourceBufferList: 0,
-  StyleSheetList: 0,
-  TextTrackCueList: 0,
-  TextTrackList: 0,
-  TouchList: 0
-};
-
-// in old WebKit versions, `element.classList` is not an instance of global `DOMTokenList`
-var documentCreateElement = documentCreateElement$1;
-
-var classList = documentCreateElement('span').classList;
-var DOMTokenListPrototype$1 = classList && classList.constructor && classList.constructor.prototype;
-
-var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
-
-var global = global$1;
-var DOMIterables = domIterables;
-var DOMTokenListPrototype = domTokenListPrototype;
-var forEach = arrayForEach;
-var createNonEnumerableProperty = createNonEnumerableProperty$1;
-
-var handlePrototype = function (CollectionPrototype) {
-  // some Chrome versions have non-configurable methods on DOMTokenList
-  if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {
-    createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);
-  } catch (error) {
-    CollectionPrototype.forEach = forEach;
-  }
-};
-
-for (var COLLECTION_NAME in DOMIterables) {
-  if (DOMIterables[COLLECTION_NAME]) {
-    handlePrototype(global[COLLECTION_NAME] && global[COLLECTION_NAME].prototype);
-  }
-}
-
-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) {
-    if (window.IntersectionObserver) {
-      createObserver(el);
-    } else {
-      loadImage(el);
-    }
-  }
-};
-
-var script = defineComponent({
-  name: 'FwImage',
-  directives: {
-    lazyload: lazyLoadDirective
-  },
-  components: {
-    FwLoadingBar: script$1,
-    FileExclamationSvg: render$1
-  },
-  props: {
-    /**
-     * The src attribute of the image
-     */
-    src: String,
-    /**
-     * The alt attribute of the image
-     */
-    alt: String,
-    /**
-     * The type of component. Accepts 'background' and defaults to the native html5 element.
-     */
-    type: {
-      type: String,
-      "default": 'native',
-      validator: function validator(value) {
-        return ['native', 'background'].includes(value);
-      }
-    },
-    /**
-     * Whether the loading bar and error state are rounded.
-     */
-    rounded: {
-      type: Boolean,
-      "default": false
-    },
-    /**
-     * The class for the native image element
-     */
-    imageClass: {
-      type: String
-    },
-    /**
-     * Controls the threshold before the component triggers the src url.
-     */
-    threshold: {
-      type: Number,
-      "default": 0
-    }
-  },
-  setup: function setup(props) {
-    var isBackground = computed(function () {
-      return props.type === 'background';
-    });
-    var fwImageRef = ref(null);
-    return {
-      fwImageRef: fwImageRef,
-      isBackground: isBackground
-    };
-  }
-});
-
-var _hoisted_1 = ["type", "threshold"];
-var _hoisted_2 = ["data-url", "alt"];
-var _hoisted_3 = {
-  "class": "fw-image--error-wrapper flex flex-col items-center justify-center"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
-  var _component_FileExclamationSvg = resolveComponent("FileExclamationSvg");
-  var _directive_lazyload = resolveDirective("lazyload");
-  return withDirectives((openBlock(), createElementBlock("div", {
-    ref: "fwImageRef",
-    type: _ctx.type,
-    threshold: _ctx.threshold,
-    "class": normalizeClass(["fw-image", {
-      'fw-image--background': _ctx.isBackground,
-      'rounded-full': _ctx.rounded
-    }]),
-    onClick: _cache[0] || (_cache[0] = function ($event) {
-      return _ctx.$emit('click', $event);
-    }),
-    onKeyup: _cache[1] || (_cache[1] = withKeys(function ($event) {
-      return _ctx.$emit('click', $event);
-    }, ["enter"])),
-    onMouseover: _cache[2] || (_cache[2] = function ($event) {
-      return _ctx.$emit('mouseover');
-    }),
-    onMouseout: _cache[3] || (_cache[3] = function ($event) {
-      return _ctx.$emit('mouseout');
-    }),
-    onFocusin: _cache[4] || (_cache[4] = function ($event) {
-      return _ctx.$emit('mouseover');
-    }),
-    onFocusout: _cache[5] || (_cache[5] = function ($event) {
-      return _ctx.$emit('mouseout');
-    })
-  }, [createElementVNode("img", {
-    "data-url": _ctx.src,
-    alt: _ctx.alt,
-    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 rounded bg-grey-20", {
-      'rounded-full': _ctx.rounded
-    }])
-  }, [createElementVNode("div", _hoisted_3, [createVNode(_component_FileExclamationSvg, {
-    "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]]);
-}
-
-var css_248z = ".fw-image{position:relative}.fw-image img{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fw-image img,.fw-image--error{opacity:0;visibility:hidden;width:100%}.fw-image--error{height:100%;left:0;position:relative;position:absolute;top:0;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.fw-image--error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loading{height:100%;left:0;position:absolute!important;top:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.fw-image--loaded img,.fw-image--loading{opacity:1;visibility:visible}.fw-image--loaded .fw-image--loading{opacity:0;visibility:hidden;width:100%}.fw-image--loaded-error img{display:none}.fw-image--loaded-error .fw-image--error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}";
-var stylesheet = ".fw-image{position:relative}.fw-image img{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fw-image img,.fw-image--error{opacity:0;visibility:hidden;width:100%}.fw-image--error{height:100%;left:0;position:relative;position:absolute;top:0;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.fw-image--error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loading{height:100%;left:0;position:absolute!important;top:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.fw-image--loaded img,.fw-image--loading{opacity:1;visibility:visible}.fw-image--loaded .fw-image--loading{opacity:0;visibility:hidden;width:100%}.fw-image--loaded-error img{display:none}.fw-image--loaded-error .fw-image--error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}";
-styleInject(css_248z);
-
-script.render = render;
-
-export { script as s };

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

@@ -1,22 +0,0 @@
-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 };