@frollo/frollo-web-ui 2.0.0 → 3.0.1

package/esm/fw-table.js

@@ -1,43 +1,19 @@
-import { i as toObject$2, j as fails$2, t as tryToString$1, q as engineUserAgent, f as functionUncurryThis, h as aCallable$1, s as engineV8Version } from './function-name-c49146fc.js';
-import { _ as _export, o as objectKeys } from './object-keys-3c73c404.js';
-import { e as toAbsoluteIndex$1, l as lengthOfArrayLike$2 } from './is-forced-fd46b5f2.js';
-import { t as toString$1 } from './to-string-c2bd1f4d.js';
-import { c as createProperty$1, a as arrayMethodIsStrict$1 } from './create-property-da6d232b.js';
-import { b as render$3 } from './index-7833cf39.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-4605e00e.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-088c9833.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;
@@ -120,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;
@@ -250,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 {
@@ -262,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;
@@ -275,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,
@@ -367,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) {

package/esm/fw-tabs.js

@@ -1,12 +1,15 @@
-import './es.number.constructor-b7faae1f.js';
+import './es.number.constructor-1249bd78.js';
 import { defineComponent, computed, ref, provide, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, renderSlot, getCurrentInstance, inject, watchEffect } from 'vue';
-import './function-name-c49146fc.js';
-import { _ as _export } from './object-keys-3c73c404.js';
-import { a as arrayIteration } from './array-iteration-4f83e223.js';
-import { a as addToUnscopables$1 } from './add-to-unscopables-a5032b1d.js';
-import './is-forced-fd46b5f2.js';
-import './to-string-c2bd1f4d.js';
-import './classof-088c9833.js';
+import { e as toObject$1, l as lengthOfArrayLike$1, h as fails$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 addToUnscopables$1 } from './add-to-unscopables-2400f45b.js';
+import { d as doesNotExceedSafeInteger$1 } from './does-not-exceed-safe-integer-31d08811.js';
+import './to-string-12728fd2.js';
+import './classof-39c30bd5.js';
+import './array-species-create-a5f5503b.js';
+import './object-create-f6f3a673.js';
+import './object-keys-4f5bf4e7.js';
 
 var script$1 = defineComponent({
   name: 'FwTabs',
@@ -26,11 +29,9 @@ var script$1 = defineComponent({
     });
     var tabs = ref();
     tabs.value = [];
-
     var selectTab = function selectTab(tab) {
       ctx.emit('update:modelValue', tab);
     };
-
     provide('tabsState', {
       active: active,
       tabs: tabs
@@ -71,7 +72,7 @@ script$1.render = render$1;
 var es_array_findIndex = {};
 
 'use strict';
-var $ = _export;
+var $$1 = _export;
 var $findIndex = arrayIteration.findIndex;
 var addToUnscopables = addToUnscopables$1;
 
@@ -83,7 +84,7 @@ if (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; })
 
 // `Array.prototype.findIndex` method
 // https://tc39.es/ecma262/#sec-array.prototype.findindex
-$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
+$$1({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
   findIndex: function findIndex(callbackfn /* , that = undefined */) {
     return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -92,6 +93,48 @@ $({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables(FIND_INDEX);
 
+var es_array_push = {};
+
+'use strict';
+var $ = _export;
+var toObject = toObject$1;
+var lengthOfArrayLike = lengthOfArrayLike$1;
+var doesNotExceedSafeInteger = doesNotExceedSafeInteger$1;
+var fails = fails$1;
+
+var INCORRECT_TO_LENGTH = fails(function () {
+  return [].push.call({ length: 0x100000000 }, 1) !== 4294967297;
+});
+
+// V8 and Safari <= 15.4, FF < 23 throws InternalError
+// https://bugs.chromium.org/p/v8/issues/detail?id=12681
+var SILENT_ON_NON_WRITABLE_LENGTH = !function () {
+  try {
+    // eslint-disable-next-line es-x/no-object-defineproperty -- safe
+    Object.defineProperty([], 'length', { writable: false }).push();
+  } catch (error) {
+    return error instanceof TypeError;
+  }
+}();
+
+// `Array.prototype.push` method
+// https://tc39.es/ecma262/#sec-array.prototype.push
+$({ target: 'Array', proto: true, arity: 1, forced: INCORRECT_TO_LENGTH || SILENT_ON_NON_WRITABLE_LENGTH }, {
+  // eslint-disable-next-line no-unused-vars -- required for `.length`
+  push: function push(item) {
+    var O = toObject(this);
+    var len = lengthOfArrayLike(O);
+    var argCount = arguments.length;
+    doesNotExceedSafeInteger(len + argCount);
+    for (var i = 0; i < argCount; i++) {
+      O[len] = arguments[i];
+      len++;
+    }
+    O.length = len;
+    return len;
+  }
+});
+
 var script = defineComponent({
   name: 'FwTab',
   props: {
@@ -105,17 +148,14 @@ var script = defineComponent({
   },
   setup: function setup(props) {
     var instance = getCurrentInstance();
-
     var _ref = inject('tabsState') || {
-      tabs: [],
-      active: 0
-    },
-        tabs = _ref.tabs,
-        active = _ref.active;
-
+        tabs: [],
+        active: 0
+      },
+      tabs = _ref.tabs,
+      active = _ref.active;
     var index = computed(function () {
       var _tabs$value;
-
       return (_tabs$value = tabs.value) === null || _tabs$value === void 0 ? void 0 : _tabs$value.findIndex(function (target) {
         return target.uid === (instance === null || instance === void 0 ? void 0 : instance.uid);
       });

package/esm/fw-tag.js

@@ -1,10 +1,11 @@
-import './es.array.includes-9a6e4066.js';
+import './es.array.includes-91be7771.js';
 import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
 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';
 
 var script = defineComponent({
   name: 'FwTag',
@@ -19,7 +20,6 @@ var script = defineComponent({
         return ['xs', 'sm'].includes(value);
       }
     },
-
     /**
      * The colour variant of the tag.
      * Accepts 'primary', 'alert', 'error', 'success'
@@ -80,8 +80,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [renderSlot(_ctx.$slots, "default")], 2);
 }
 
-var css_248z = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
-var stylesheet = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
+var css_248z = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
+var stylesheet = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/fw-toast.js

@@ -0,0 +1,276 @@
+import './es.array.includes-91be7771.js';
+import './es.number.constructor-1249bd78.js';
+import { n as isObject$1, p as classofRaw, w as wellKnownSymbol$2, f as functionUncurryThis, r as requireObjectCoercible$1 } from './is-forced-752b5893.js';
+import { _ as _export } from './export-a37ba078.js';
+import { t as toString$1 } from './to-string-12728fd2.js';
+import './es.array.concat-987938be.js';
+import './web.timers-0f117224.js';
+import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, toDisplayString, renderSlot } from 'vue';
+import { u as uniqueId } from './uniqueId-fe08534a.js';
+import { c as render$1, d as render$2, e as render$3 } from './index-4605e00e.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import './add-to-unscopables-2400f45b.js';
+import './object-create-f6f3a673.js';
+import './object-keys-4f5bf4e7.js';
+import './classof-39c30bd5.js';
+import './array-species-create-a5f5503b.js';
+import './does-not-exceed-safe-integer-31d08811.js';
+import './create-property-534611fd.js';
+import './array-method-has-species-support-3d413468.js';
+import './function-apply-ce251590.js';
+import './check-94a5917a.js';
+
+var es_string_includes = {};
+
+var isObject = isObject$1;
+var classof = classofRaw;
+var wellKnownSymbol$1 = wellKnownSymbol$2;
+
+var MATCH$1 = wellKnownSymbol$1('match');
+
+// `IsRegExp` abstract operation
+// https://tc39.es/ecma262/#sec-isregexp
+var isRegexp = function (it) {
+  var isRegExp;
+  return isObject(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');
+};
+
+var isRegExp = isRegexp;
+
+var $TypeError = TypeError;
+
+var notARegexp = function (it) {
+  if (isRegExp(it)) {
+    throw $TypeError("The method doesn't accept regular expressions");
+  } return it;
+};
+
+var wellKnownSymbol = wellKnownSymbol$2;
+
+var MATCH = wellKnownSymbol('match');
+
+var correctIsRegexpLogic = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
+};
+
+'use strict';
+var $ = _export;
+var uncurryThis = functionUncurryThis;
+var notARegExp = notARegexp;
+var requireObjectCoercible = requireObjectCoercible$1;
+var toString = toString$1;
+var correctIsRegExpLogic = correctIsRegexpLogic;
+
+var stringIndexOf = uncurryThis(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf(
+      toString(requireObjectCoercible(this)),
+      toString(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});
+
+var script = defineComponent({
+  name: 'FwToast',
+  components: {
+    SolidCheckSvg: render$1,
+    SolidXMarkSvg: render$2,
+    ErrorFilledSvg: render$3
+  },
+  emits: ['update:modelValue', 'dismissed'],
+  props: {
+    /**
+     * The toast's v-model. Controls the visibility of the toast.
+     */
+    modelValue: {
+      type: Boolean
+    },
+    /**
+     * The type of the toast.
+     * Accepts: 'success', 'error', 'warning'
+     */
+    type: {
+      type: String,
+      "default": 'success',
+      validator: function validator(value) {
+        return ['success', 'error', 'warning'].includes(value);
+      }
+    },
+    /**
+     * The position of the toast on the screen.
+     * Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
+     */
+    position: {
+      type: String,
+      "default": 'bottom-right',
+      validator: function validator(value) {
+        return ['top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'].includes(value);
+      }
+    },
+    /**
+     * The content of the toast.
+     */
+    content: {
+      type: String
+    },
+    /**
+     * The base container to attach to. Defaults to `#app` element.
+     */
+    element: {
+      type: String,
+      "default": '#app'
+    },
+    /**
+     * The duration timeout before the toast is dismissed.
+     */
+    timeout: {
+      type: Number,
+      "default": 3500
+    }
+  },
+  setup: function setup(props, ctx) {
+    var isMounted = ref(false);
+    var uuid = uniqueId();
+    var isOpen = computed({
+      get: function get() {
+        return ref(props.modelValue);
+      },
+      set: function set(state) {
+        ctx.emit('update:modelValue', state);
+      }
+    });
+    var mountContainer = ref(false);
+    var containerEl = computed(function () {
+      return "fw-toast--container-".concat(props.position);
+    });
+    var isTop = computed(function () {
+      return props.position.includes('top');
+    });
+    var isLeftRightorCenter = computed(function () {
+      if (props.position.includes('right')) {
+        return 'Right';
+      }
+      if (props.position.includes('left')) {
+        return 'Left';
+      }
+      return 'Center';
+    });
+    var baseClass = "text-white flex min-w-[70%] max-w-[90%] md:min-w-[320px] md:max-w-[600px]\n     py-3.5 px-6";
+    var typeClasses = ref({
+      success: 'bg-success',
+      error: 'bg-error',
+      warning: 'bg-alert'
+    });
+    var svgComponent = ref({
+      success: 'SolidCheckSvg',
+      error: 'SolidXMarkSvg',
+      warning: 'ErrorFilledSvg'
+    });
+    var negativePush = computed(function () {
+      return isTop.value ? '-' : '';
+    });
+    onMounted(function () {
+      var positionContainer = document.querySelector("#".concat(containerEl.value));
+      if (!positionContainer) {
+        mountContainer.value = true;
+      } else if (positionContainer.children.length) {
+        var _positionContainer$ch;
+        var first = positionContainer === null || positionContainer === void 0 ? void 0 : positionContainer.clientHeight;
+        var toastHeight = (positionContainer === null || positionContainer === void 0 ? void 0 : (_positionContainer$ch = positionContainer.children[0]) === null || _positionContainer$ch === void 0 ? void 0 : _positionContainer$ch.clientHeight) || 52;
+        var last = first + toastHeight;
+        var invert = last - first;
+        positionContainer === null || positionContainer === void 0 ? void 0 : positionContainer.animate([{
+          transform: "translateY(".concat(negativePush.value).concat(invert, "px)")
+        }, {
+          transform: 'translateY(0)'
+        }], {
+          duration: 400,
+          easing: 'ease'
+        });
+      }
+      isMounted.value = true;
+    });
+    watchEffect(function () {
+      if (isOpen.value.value === true) {
+        setTimeout(function () {
+          isOpen.value.value = false;
+          ctx.emit('dismissed');
+        }, props.timeout);
+      }
+    });
+    return {
+      containerEl: containerEl,
+      baseClass: baseClass,
+      typeClasses: typeClasses,
+      svgComponent: svgComponent,
+      isOpen: isOpen,
+      uuid: uuid,
+      isMounted: isMounted,
+      mountContainer: mountContainer,
+      isLeftRightorCenter: isLeftRightorCenter
+    };
+  }
+});
+
+var _hoisted_1 = ["id"];
+var _hoisted_2 = {
+  "class": "inline-flex items-center gap-x-4"
+};
+var _hoisted_3 = {
+  key: 0,
+  "class": "text-base mb-0"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(Fragment, null, [_ctx.mountContainer ? (openBlock(), createBlock(Teleport, {
+    key: 0,
+    to: _ctx.element
+  }, [createVNode(TransitionGroup, {
+    name: "toastAnimate",
+    tag: "div",
+    appear: "",
+    id: _ctx.containerEl,
+    "class": "fw-toast--container"
+  }, null, 8, ["id"])], 8, ["to"])) : createCommentVNode("", true), _ctx.isMounted ? (openBlock(), createBlock(Teleport, {
+    key: 1,
+    to: '#' + _ctx.containerEl
+  }, [createVNode(Transition, {
+    name: "toastSlideIn".concat(_ctx.isLeftRightorCenter),
+    appear: ""
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.isOpen.value ? (openBlock(), createElementBlock("output", {
+        role: "status",
+        "class": normalizeClass(["fw-toast shadow rounded", [_ctx.baseClass, _ctx.typeClasses[_ctx.type]]]),
+        id: "fw-toast-".concat(_ctx.uuid),
+        key: "fw-toast-".concat(_ctx.uuid)
+      }, [createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.svgComponent[_ctx.type]), {
+        "aria-hidden": "true",
+        "class": "text-white min-w-[24px] min-h-[24px] w-[24px] h-[24px]"
+      })), _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", {
+        key: 1
+      })])], 10, _hoisted_1)) : createCommentVNode("", true)];
+    }),
+    _: 3
+  }, 8, ["name"])], 8, ["to"])) : createCommentVNode("", true)], 64);
+}
+
+var css_248z = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;bottom:50px;margin-left:20px;right:50px}#fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}#fw-toast--container-bottom{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-left:20px;right:50px}#fw-toast--container-top-left,#fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}#fw-toast--container-top-left{left:50px;margin-right:20px}#fw-toast--container-top{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;align-items:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
+var stylesheet = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;bottom:50px;margin-left:20px;right:50px}#fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}#fw-toast--container-bottom{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-left:20px;right:50px}#fw-toast--container-top-left,#fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}#fw-toast--container-top-left{left:50px;margin-right:20px}#fw-toast--container-top{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;align-items:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as FwToast };