@frollo/frollo-web-ui 0.0.21 → 0.1.1

package/esm/index.js

@@ -1,7 +1,7 @@
-import { f as fails$1, d as documentCreateElement$1, g as global$1, a as descriptors, b as functionUncurryThis } from './function-name-a620492a.js';
-import { _ as _export, r as redefine$1, c as createNonEnumerableProperty$1, o as objectKeys$1, t as toIndexedObject$1, a as objectPropertyIsEnumerable } from './add-to-unscopables-874257d1.js';
-import { a as arrayIteration, t as toStringTagSupport, c as classof$1, s as script$5, b as script$6 } from './index-5430e7a3.js';
-export { b as FwTab, s as FwTabs } from './index-5430e7a3.js';
+import { f as fails$1, d as documentCreateElement$1, g as global$4, a as descriptors, b as functionUncurryThis, c as functionBindNative, i as isCallable$1, e as engineUserAgent } from './function-name-f0c1223e.js';
+import { _ as _export, d as defineBuiltIn$1, c as createNonEnumerableProperty$1, o as objectKeys$1, t as toIndexedObject$1, a as objectPropertyIsEnumerable } from './add-to-unscopables-81c17489.js';
+import { a as arrayIteration, t as toStringTagSupport, c as classof$1, s as script$5, b as script$6 } from './index-0e14da44.js';
+export { b as FwTab, s as FwTabs } from './index-0e14da44.js';
 import './fw-form.js';
 import { FwInput as script } from './fw-input.js';
 export { FwInput } from './fw-input.js';
@@ -12,13 +12,15 @@ export { FwCard } from './fw-card.js';
 import './fw-button.js';
 import { FwNavigationMenu as script$4 } from './fw-navigation-menu.js';
 export { FwNavigationMenu } from './fw-navigation-menu.js';
-import { F as Form } from './vee-validate.esm-028c6424.js';
-export { F as FwForm } from './vee-validate.esm-028c6424.js';
-import { s as script$3 } from './fw-button-fee2541f.js';
-export { s as FwButton } from './fw-button-fee2541f.js';
-import 'vue';
-import './es.array.includes-ef2f18f4.js';
-import './es.function.name-43e1ffbd.js';
+import { s as script$7, u as uniqueId } from './index-1813012f.js';
+export { s as FwModal } from './index-1813012f.js';
+import { F as Form } from './vee-validate.esm-b64acab1.js';
+export { F as FwForm } from './vee-validate.esm-b64acab1.js';
+import { s as script$3 } from './fw-button-bba6ac88.js';
+export { s as FwButton } from './fw-button-bba6ac88.js';
+import { createApp } from 'vue';
+import './es.array.includes-debcb50f.js';
+import './es.function.name-e746680f.js';
 import './style-inject.es-1f59c1d0.js';
 
 function _arrayWithHoles(arr) {
@@ -105,17 +107,17 @@ var STRICT_METHOD = arrayMethodIsStrict('forEach');
 // 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/no-array-prototype-foreach -- safe
+// eslint-disable-next-line es-x/no-array-prototype-foreach -- safe
 } : [].forEach;
 
 'use strict';
-var $$1 = _export;
+var $$3 = _export;
 var forEach$1 = arrayForEach;
 
 // `Array.prototype.forEach` method
 // https://tc39.es/ecma262/#sec-array.prototype.foreach
-// eslint-disable-next-line es/no-array-prototype-foreach -- safe
-$$1({ target: 'Array', proto: true, forced: [].forEach != forEach$1 }, {
+// eslint-disable-next-line es-x/no-array-prototype-foreach -- safe
+$$3({ target: 'Array', proto: true, forced: [].forEach != forEach$1 }, {
   forEach: forEach$1
 });
 
@@ -132,13 +134,13 @@ var objectToString = TO_STRING_TAG_SUPPORT$1 ? {}.toString : function toString()
 };
 
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var redefine = redefine$1.exports;
+var defineBuiltIn = defineBuiltIn$1;
 var toString = objectToString;
 
 // `Object.prototype.toString` method
 // https://tc39.es/ecma262/#sec-object.prototype.tostring
 if (!TO_STRING_TAG_SUPPORT) {
-  redefine(Object.prototype, 'toString', toString, { unsafe: true });
+  defineBuiltIn(Object.prototype, 'toString', toString, { unsafe: true });
 }
 
 var web_domCollections_forEach = {};
@@ -187,7 +189,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global = global$1;
+var global$3 = global$4;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var forEach = arrayForEach;
@@ -204,7 +206,7 @@ var handlePrototype = function (CollectionPrototype) {
 
 for (var COLLECTION_NAME in DOMIterables) {
   if (DOMIterables[COLLECTION_NAME]) {
-    handlePrototype(global[COLLECTION_NAME] && global[COLLECTION_NAME].prototype);
+    handlePrototype(global$3[COLLECTION_NAME] && global$3[COLLECTION_NAME].prototype);
   }
 }
 
@@ -213,13 +215,13 @@ handlePrototype(DOMTokenListPrototype);
 var es_object_entries = {};
 
 var DESCRIPTORS = descriptors;
-var uncurryThis = functionUncurryThis;
+var uncurryThis$1 = functionUncurryThis;
 var objectKeys = objectKeys$1;
 var toIndexedObject = toIndexedObject$1;
 var $propertyIsEnumerable = objectPropertyIsEnumerable.f;
 
-var propertyIsEnumerable = uncurryThis($propertyIsEnumerable);
-var push = uncurryThis([].push);
+var propertyIsEnumerable = uncurryThis$1($propertyIsEnumerable);
+var push = uncurryThis$1([].push);
 
 // `Object.{ entries, values }` methods implementation
 var createMethod = function (TO_ENTRIES) {
@@ -249,12 +251,12 @@ var objectToArray = {
   values: createMethod(false)
 };
 
-var $ = _export;
+var $$2 = _export;
 var $entries = objectToArray.entries;
 
 // `Object.entries` method
 // https://tc39.es/ecma262/#sec-object.entries
-$({ target: 'Object', stat: true }, {
+$$2({ target: 'Object', stat: true }, {
   entries: function entries(O) {
     return $entries(O);
   }
@@ -271,9 +273,166 @@ var components = /*#__PURE__*/Object.freeze({
   FwButton: script$3,
   FwNavigationMenu: script$4,
   FwTabs: script$5,
-  FwTab: script$6
+  FwTab: script$6,
+  FwModal: script$7
 });
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
+var web_timers = {};
+
+var web_setInterval = {};
+
+var NATIVE_BIND = functionBindNative;
+
+var FunctionPrototype = Function.prototype;
+var apply$1 = FunctionPrototype.apply;
+var call = FunctionPrototype.call;
+
+// eslint-disable-next-line es-x/no-reflect -- safe
+var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND ? call.bind(apply$1) : function () {
+  return call.apply(apply$1, arguments);
+});
+
+var uncurryThis = functionUncurryThis;
+
+var arraySlice$1 = uncurryThis([].slice);
+
+var $TypeError = TypeError;
+
+var validateArgumentsLength$1 = function (passed, required) {
+  if (passed < required) throw $TypeError('Not enough arguments');
+  return passed;
+};
+
+var global$2 = global$4;
+var apply = functionApply;
+var isCallable = isCallable$1;
+var userAgent = engineUserAgent;
+var arraySlice = arraySlice$1;
+var validateArgumentsLength = validateArgumentsLength$1;
+
+var MSIE = /MSIE .\./.test(userAgent); // <- dirty ie9- check
+var Function$1 = global$2.Function;
+
+var wrap = function (scheduler) {
+  return MSIE ? function (handler, timeout /* , ...arguments */) {
+    var boundArgs = validateArgumentsLength(arguments.length, 1) > 2;
+    var fn = isCallable(handler) ? handler : Function$1(handler);
+    var args = boundArgs ? arraySlice(arguments, 2) : undefined;
+    return scheduler(boundArgs ? function () {
+      apply(fn, this, args);
+    } : fn, timeout);
+  } : scheduler;
+};
+
+// ie9- setTimeout & setInterval additional parameters fix
+// https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#timers
+var schedulersFix = {
+  // `setTimeout` method
+  // https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-settimeout
+  setTimeout: wrap(global$2.setTimeout),
+  // `setInterval` method
+  // https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-setinterval
+  setInterval: wrap(global$2.setInterval)
+};
+
+var $$1 = _export;
+var global$1 = global$4;
+var setInterval = schedulersFix.setInterval;
+
+// ie9- setInterval additional parameters fix
+// https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-setinterval
+$$1({ global: true, bind: true, forced: global$1.setInterval !== setInterval }, {
+  setInterval: setInterval
+});
+
+var web_setTimeout = {};
+
+var $ = _export;
+var global = global$4;
+var setTimeout$1 = schedulersFix.setTimeout;
+
+// ie9- setTimeout additional parameters fix
+// https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-settimeout
+$({ global: true, bind: true, forced: global.setTimeout !== setTimeout$1 }, {
+  setTimeout: setTimeout$1
+});
+
+var modalService = function modalService(options, element) {
+  var elementToMount = document.createElement('div');
+  elementToMount.id = uniqueId('fw-modal-app-');
+  var elAppend = element || document.body;
+  var modalVNode = undefined;
+
+  var open = function open() {
+    var _modalVNode;
+
+    modalVNode = createApp(script$7, _objectSpread2({}, options));
+    elAppend.appendChild(elementToMount);
+    (_modalVNode = modalVNode) === null || _modalVNode === void 0 ? void 0 : _modalVNode.mount(elementToMount);
+  };
+
+  var close = function close() {
+    if (elementToMount) {
+      var _elementToMount$query;
+
+      (_elementToMount$query = elementToMount.querySelector('.fw-modal')) === null || _elementToMount$query === void 0 ? void 0 : _elementToMount$query.classList.add('modalFadeIn-leave-active');
+      setTimeout(function () {
+        var _modalVNode2;
+
+        (_modalVNode2 = modalVNode) === null || _modalVNode2 === void 0 ? void 0 : _modalVNode2.unmount();
+        modalVNode = undefined;
+        elementToMount.remove();
+      }, 400);
+    }
+  };
+
+  return {
+    open: open,
+    close: close
+  };
+};
+
 var install = function install(app) {
   Object.entries(components).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
@@ -284,4 +443,4 @@ var install = function install(app) {
   });
 };
 
-export { install as default };
+export { install as default, modalService };

package/esm/{vee-validate.esm-028c6424.js → vee-validate.esm-b64acab1.js}

@@ -16,6 +16,30 @@ const isProxyAvailable = typeof Proxy === 'function';
 const HOOK_SETUP = 'devtools-plugin:setup';
 const HOOK_PLUGIN_SETTINGS_SET = 'plugin:settings:set';
 
+let supported;
+let perf;
+function isPerformanceSupported() {
+    var _a;
+    if (supported !== undefined) {
+        return supported;
+    }
+    if (typeof window !== 'undefined' && window.performance) {
+        supported = true;
+        perf = window.performance;
+    }
+    else if (typeof global !== 'undefined' && ((_a = global.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
+        supported = true;
+        perf = global.perf_hooks.performance;
+    }
+    else {
+        supported = false;
+    }
+    return supported;
+}
+function now() {
+    return isPerformanceSupported() ? perf.now() : Date.now();
+}
+
 class ApiProxy {
     constructor(plugin, hook) {
         this.target = null;
@@ -53,6 +77,9 @@ class ApiProxy {
                 }
                 currentSettings = value;
             },
+            now() {
+                return now();
+            },
         };
         if (hook) {
             hook.on(HOOK_PLUGIN_SETTINGS_SET, (pluginId, value) => {
@@ -141,7 +168,7 @@ function setupDevtoolsPlugin(pluginDescriptor, setupFn) {
 }
 
 /**
-  * vee-validate v4.5.9
+  * vee-validate v4.5.11
   * (c) 2022 Abdelrahman Awad
   * @license MIT
   */
@@ -643,18 +670,34 @@ async function _validate(field, value) {
     if (isYupValidator(field.rules)) {
         return validateFieldWithYup(value, field.rules, { bails: field.bails });
     }
-    // if a generic function, use it as the pipeline.
-    if (isCallable(field.rules)) {
+    // if a generic function or chain of generic functions
+    if (isCallable(field.rules) || Array.isArray(field.rules)) {
         const ctx = {
             field: field.name,
             form: field.formData,
             value: value,
         };
-        const result = await field.rules(value, ctx);
-        const isValid = typeof result !== 'string' && result;
-        const message = typeof result === 'string' ? result : _generateFieldError(ctx);
+        // Normalize the pipeline
+        const pipeline = Array.isArray(field.rules) ? field.rules : [field.rules];
+        const length = pipeline.length;
+        const errors = [];
+        for (let i = 0; i < length; i++) {
+            const rule = pipeline[i];
+            const result = await rule(value, ctx);
+            const isValid = typeof result !== 'string' && result;
+            if (isValid) {
+                continue;
+            }
+            const message = typeof result === 'string' ? result : _generateFieldError(ctx);
+            errors.push(message);
+            if (field.bails) {
+                return {
+                    errors,
+                };
+            }
+        }
         return {
-            errors: !isValid ? [message] : [],
+            errors,
         };
     }
     const normalizedContext = Object.assign(Object.assign({}, field), { rules: normalizeRules(field.rules) });
@@ -1439,6 +1482,8 @@ function useField(name, rules, opts) {
 function _useField(name, rules, opts) {
     const { initialValue: modelValue, validateOnMount, bails, type, checkedValue, label, validateOnValueUpdate, uncheckedValue, standalone, } = normalizeOptions(unref(name), opts);
     const form = !standalone ? injectWithSelf(FormContextKey) : undefined;
+    // a flag indicating if the field is about to be removed/unmounted.
+    let markedForRemoval = false;
     const { id, value, initialValue, meta, setState, errors, errorMessage } = useFieldState(name, {
         modelValue,
         standalone,
@@ -1455,7 +1500,7 @@ function _useField(name, rules, opts) {
         if (schema && !isYupValidator(schema)) {
             rulesValue = extractRuleFromSchema(schema, unref(name)) || rulesValue;
         }
-        if (isYupValidator(rulesValue) || isCallable(rulesValue)) {
+        if (isYupValidator(rulesValue) || isCallable(rulesValue) || Array.isArray(rulesValue)) {
             return rulesValue;
         }
         return normalizeRules(rulesValue);
@@ -1475,12 +1520,19 @@ function _useField(name, rules, opts) {
         meta.pending = true;
         meta.validated = true;
         const result = await validateCurrentValue('validated-only');
+        if (markedForRemoval) {
+            result.valid = true;
+            result.errors = [];
+        }
         setState({ errors: result.errors });
         meta.pending = false;
         return result;
     }
     async function validateValidStateOnly() {
         const result = await validateCurrentValue('silent');
+        if (markedForRemoval) {
+            result.valid = true;
+        }
         meta.valid = result.valid;
         return result;
     }
@@ -1595,13 +1647,14 @@ function _useField(name, rules, opts) {
     // associate the field with the given form
     form.register(field);
     onBeforeUnmount(() => {
+        markedForRemoval = true;
         form.unregister(field);
     });
     // extract cross-field dependencies in a computed prop
     const dependencies = computed(() => {
         const rulesVal = normalizedRules.value;
         // is falsy, a function schema or a yup schema
-        if (!rulesVal || isCallable(rulesVal) || isYupValidator(rulesVal)) {
+        if (!rulesVal || isCallable(rulesVal) || isYupValidator(rulesVal) || Array.isArray(rulesVal)) {
             return {};
         }
         return Object.keys(rulesVal).reduce((acc, rule) => {