@frollo/frollo-web-ui 0.1.0 → 0.2.0

package/esm/fw-modal.js

@@ -1,475 +1,7 @@
-import './es.array.includes-ef2f18f4.js';
-import { defineComponent, pushScopeId, popScopeId, resolveComponent, openBlock, createBlock, Transition, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-import { s as script$1 } from './fw-button-93be6218.js';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './function-name-a620492a.js';
-import './add-to-unscopables-874257d1.js';
-
-/** Detect free variable `global` from Node.js. */
-var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root = freeGlobal || freeSelf || Function('return this')();
-
-/** Built-in value references. */
-var Symbol = root.Symbol;
-
-/**
- * A specialized version of `_.map` for arrays without support for iteratee
- * shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- */
-function arrayMap(array, iteratee) {
-  var index = -1,
-      length = array == null ? 0 : array.length,
-      result = Array(length);
-
-  while (++index < length) {
-    result[index] = iteratee(array[index], index, array);
-  }
-  return result;
-}
-
-/**
- * Checks if `value` is classified as an `Array` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an array, else `false`.
- * @example
- *
- * _.isArray([1, 2, 3]);
- * // => true
- *
- * _.isArray(document.body.children);
- * // => false
- *
- * _.isArray('abc');
- * // => false
- *
- * _.isArray(_.noop);
- * // => false
- */
-var isArray = Array.isArray;
-
-/** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto$1.hasOwnProperty;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString$1 = objectProto$1.toString;
-
-/** Built-in value references. */
-var symToStringTag$1 = Symbol ? Symbol.toStringTag : undefined;
-
-/**
- * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the raw `toStringTag`.
- */
-function getRawTag(value) {
-  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
-      tag = value[symToStringTag$1];
-
-  try {
-    value[symToStringTag$1] = undefined;
-    var unmasked = true;
-  } catch (e) {}
-
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString = objectProto.toString;
-
-/**
- * Converts `value` to a string using `Object.prototype.toString`.
- *
- * @private
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- */
-function objectToString(value) {
-  return nativeObjectToString.call(value);
-}
-
-/** `Object#toString` result references. */
-var nullTag = '[object Null]',
-    undefinedTag = '[object Undefined]';
-
-/** Built-in value references. */
-var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
-
-/**
- * The base implementation of `getTag` without fallbacks for buggy environments.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
-function baseGetTag(value) {
-  if (value == null) {
-    return value === undefined ? undefinedTag : nullTag;
-  }
-  return (symToStringTag && symToStringTag in Object(value))
-    ? getRawTag(value)
-    : objectToString(value);
-}
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-function isObjectLike(value) {
-  return value != null && typeof value == 'object';
-}
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike(value) && baseGetTag(value) == symbolTag);
-}
-
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0;
-
-/** Used to convert symbols to primitives and strings. */
-var symbolProto = Symbol ? Symbol.prototype : undefined,
-    symbolToString = symbolProto ? symbolProto.toString : undefined;
-
-/**
- * The base implementation of `_.toString` which doesn't convert nullish
- * values to empty strings.
- *
- * @private
- * @param {*} value The value to process.
- * @returns {string} Returns the string.
- */
-function baseToString(value) {
-  // Exit early for strings to avoid a performance hit in some environments.
-  if (typeof value == 'string') {
-    return value;
-  }
-  if (isArray(value)) {
-    // Recursively convert values (susceptible to call stack limits).
-    return arrayMap(value, baseToString) + '';
-  }
-  if (isSymbol(value)) {
-    return symbolToString ? symbolToString.call(value) : '';
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
-}
-
-/**
- * Converts `value` to a string. An empty string is returned for `null`
- * and `undefined` values. The sign of `-0` is preserved.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.toString(null);
- * // => ''
- *
- * _.toString(-0);
- * // => '-0'
- *
- * _.toString([1, 2, 3]);
- * // => '1,2,3'
- */
-function toString(value) {
-  return value == null ? '' : baseToString(value);
-}
-
-/** Used to generate unique IDs. */
-var idCounter = 0;
-
-/**
- * Generates a unique ID. If `prefix` is given, the ID is appended to it.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Util
- * @param {string} [prefix=''] The value to prefix the ID with.
- * @returns {string} Returns the unique ID.
- * @example
- *
- * _.uniqueId('contact_');
- * // => 'contact_104'
- *
- * _.uniqueId();
- * // => '105'
- */
-function uniqueId(prefix) {
-  var id = ++idCounter;
-  return toString(prefix) + id;
-}
-
-var script = defineComponent({
-  name: 'FwModal',
-  components: {
-    FwButton: script$1
-  },
-  emits: ['cancel', 'confirm'],
-  props: {
-    /**
-     * The header title of the modal
-     */
-    header: {
-      type: String
-    },
-
-    /**
-     * The body description of the modal
-     */
-    body: {
-      type: String
-    },
-
-    /**
-     * The aria role of the modal container. Defaults to `dialog`
-     */
-    role: {
-      type: String,
-      "default": 'dialog'
-    },
-
-    /**
-     * Whether to show the cancel button
-     */
-    showCancel: {
-      type: Boolean,
-      "default": false
-    },
-
-    /**
-     * Whether to show the confirm button
-     */
-    showConfirm: {
-      type: Boolean,
-      "default": true
-    },
-
-    /**
-     * Custom text for the cancel button
-     */
-    cancelButtonText: {
-      type: String,
-      "default": 'Cancel'
-    },
-
-    /**
-     * Button variant for the cancel button
-     */
-    cancelButtonType: {
-      type: String,
-      "default": 'secondary',
-      validator: function validator(value) {
-        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text'].includes(value);
-      }
-    },
-
-    /**
-     * Custom text for the confirm button
-     */
-    confirmButtonText: {
-      type: String,
-      "default": 'Confirm'
-    },
-
-    /**
-     * Button variant for the confirm button
-     */
-    confirmButtonType: {
-      type: String,
-      "default": 'primary',
-      validator: function validator(value) {
-        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text'].includes(value);
-      }
-    }
-  },
-  setup: function setup() {
-    var uuid = uniqueId();
-    return {
-      uuid: uuid
-    };
-  }
-});
-
-var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-d1d6dbae"), n = n(), popScopeId(), n;
-};
-
-var _hoisted_1 = {
-  "class": "fw-modal"
-};
-var _hoisted_2 = {
-  "class": "fw-modal--mask fixed z-[9999] top-0 left-0 w-full h-full bg-black bg-opacity-50"
-};
-var _hoisted_3 = {
-  "class": "fw-modal--wrapper text-center overflow-auto flex justify-center items-center h-full"
-};
-var _hoisted_4 = ["role", "aria-labelledby", "aria-describedby"];
-var _hoisted_5 = {
-  key: 0,
-  "class": "fw-modal--header text-center"
-};
-var _hoisted_6 = {
-  key: 0,
-  id: "modal-logo",
-  "class": "flex justify-center"
-};
-var _hoisted_7 = ["id"];
-var _hoisted_8 = ["id", "innerHTML"];
-var _hoisted_9 = ["id"];
-var _hoisted_10 = ["innerHTML", "id"];
-var _hoisted_11 = {
-  key: 3,
-  "class": "modal-footer flex space-x-4 pt-4 justify-center"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_FwButton = resolveComponent("FwButton");
-
-  return openBlock(), createBlock(Transition, {
-    name: "modalFadeIn"
-  }, {
-    "default": withCtx(function () {
-      return [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
-        role: _ctx.role,
-        "class": "fw-modal--container p-12 m-8 inline-block w-full max-w-[540px] bg-white rounded-2xl shadow",
-        "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : null,
-        "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : null
-      }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_5, [_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), _ctx.$slots.header ? (openBlock(), createElementBlock("h2", {
-        key: 1,
-        id: "modal_".concat(_ctx.uuid, "_header")
-      }, [renderSlot(_ctx.$slots, "header")], 8, _hoisted_7)) : _ctx.header ? (openBlock(), createElementBlock("h2", {
-        key: 2,
-        id: "modal_".concat(_ctx.uuid, "_header"),
-        innerHTML: _ctx.header
-      }, null, 8, _hoisted_8)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots.body ? (openBlock(), createElementBlock("div", {
-        key: 1,
-        "class": "modal-body mt-4",
-        id: "modal_".concat(_ctx.uuid, "_body")
-      }, [renderSlot(_ctx.$slots, "body")], 8, _hoisted_9)) : _ctx.body ? (openBlock(), createElementBlock("div", {
-        key: 2,
-        innerHTML: _ctx.body,
-        "class": "modal-body mt-4",
-        id: "modal_".concat(_ctx.uuid, "_body")
-      }, null, 8, _hoisted_10)) : createCommentVNode("", true), _ctx.showConfirm || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_11, [_ctx.showCancel ? (openBlock(), createBlock(_component_FwButton, {
-        key: 0,
-        "class": "basis-1/2",
-        variant: _ctx.cancelButtonType,
-        "aria-label": _ctx.cancelButtonText,
-        onClick: _cache[0] || (_cache[0] = function ($event) {
-          return _ctx.$emit('cancel');
-        })
-      }, {
-        "default": withCtx(function () {
-          return [createTextVNode(toDisplayString(_ctx.cancelButtonText), 1)];
-        }),
-        _: 1
-      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true), _ctx.showConfirm ? (openBlock(), createBlock(_component_FwButton, {
-        key: 1,
-        "class": "basis-1/2",
-        variant: _ctx.confirmButtonType,
-        "aria-label": _ctx.confirmButtonText,
-        onClick: _cache[1] || (_cache[1] = function ($event) {
-          return _ctx.$emit('confirm');
-        })
-      }, {
-        "default": withCtx(function () {
-          return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
-        }),
-        _: 1
-      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4)])])])];
-    }),
-    _: 3
-  });
-}
-
-var css_248z = ".modalFadeIn-enter-active[data-v-d1d6dbae]{-webkit-animation:modalFadeIn-d1d6dbae .4s;animation:modalFadeIn-d1d6dbae .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-d1d6dbae]{animation:modalFadeIn-d1d6dbae .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-d1d6dbae{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-d1d6dbae{0%{opacity:0}to{opacity:1}}";
-var stylesheet = ".modalFadeIn-enter-active[data-v-d1d6dbae]{-webkit-animation:modalFadeIn-d1d6dbae .4s;animation:modalFadeIn-d1d6dbae .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-d1d6dbae]{animation:modalFadeIn-d1d6dbae .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-d1d6dbae{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-d1d6dbae{0%{opacity:0}to{opacity:1}}";
-styleInject(css_248z);
-
-script.render = render;
-script.__scopeId = "data-v-d1d6dbae";
-
-export { script as FwModal };
+export { s as FwModal } from './index-963039a3.js';
+import './es.array.includes-debcb50f.js';
+import './function-name-f0c1223e.js';
+import './add-to-unscopables-81c17489.js';
+import 'vue';
+import './fw-button-ab906734.js';
+import './style-inject.es-1f59c1d0.js';

package/esm/fw-navigation-menu.js

@@ -1,9 +1,9 @@
-import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { s as script$1 } from './fw-button-93be6218.js';
+import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition, normalizeClass } from 'vue';
+import { s as script$1 } from './fw-button-ab906734.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './es.array.includes-ef2f18f4.js';
-import './function-name-a620492a.js';
-import './add-to-unscopables-874257d1.js';
+import './es.array.includes-debcb50f.js';
+import './function-name-f0c1223e.js';
+import './add-to-unscopables-81c17489.js';
 
 var script = defineComponent({
   name: 'FwNavigationMenu',
@@ -29,6 +29,8 @@ var script = defineComponent({
     }
   },
   setup: function setup(_props, ctx) {
+    var mobileMenuClass = ref( // eslint-disable-next-line max-len
+    "min-h-screen top-0 left-0 pt-20 absolute w-full flex flex-col justify-between px-2 bg-white shadow-md pb-3 space-y-1");
     var isMobileMenuOpen = ref(false);
 
     var toggleMobileMenu = function toggleMobileMenu() {
@@ -40,6 +42,7 @@ var script = defineComponent({
     };
 
     return {
+      mobileMenuClass: mobileMenuClass,
       isMobileMenuOpen: isMobileMenuOpen,
       toggleMobileMenu: toggleMobileMenu,
       actionClicked: actionClicked
@@ -51,7 +54,7 @@ var _hoisted_1 = {
   "class": "fw-nav-menu relative z-50 h-20 shadow-md"
 };
 var _hoisted_2 = {
-  "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between"
+  "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
 };
 var _hoisted_3 = {
   key: 0,
@@ -59,7 +62,7 @@ var _hoisted_3 = {
 };
 var _hoisted_4 = {
   key: 1,
-  "class": "container hidden sm:flex items-center justify-start max-w-[600px] sm:ml-6"
+  "class": "container hidden sm:flex items-center justify-start sm:ml-6"
 };
 var _hoisted_5 = {
   "class": "flex space-x-2"
@@ -86,10 +89,6 @@ var _hoisted_9 = {
 };
 var _hoisted_10 = ["d"];
 var _hoisted_11 = {
-  key: 0,
-  "class": "fw-nav-menu--mobile min-h-screen top-0 left-0 pt-20 absolute w-full flex flex-col justify-between px-2 bg-white shadow-md pb-3 space-y-1"
-};
-var _hoisted_12 = {
   "class": "w-full flex flex-col"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -97,7 +96,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
   var _component_FwButton = resolveComponent("FwButton");
 
-  return openBlock(), createElementBlock("nav", _hoisted_1, [createElementVNode("div", _hoisted_2, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+  return openBlock(), createElementBlock("nav", _hoisted_1, [createElementVNode("div", _hoisted_2, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
     return openBlock(), createBlock(_component_FwButton, {
       key: i,
       variant: "text",
@@ -138,9 +137,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "slideInLeft"
   }, {
     "default": withCtx(function () {
-      var _ctx$menuItems2;
-
-      return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+      return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        "class": normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
+      }, [createElementVNode("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
         return openBlock(), createBlock(_component_FwButton, {
           key: i,
           "class": "w-full rounded-md",
@@ -157,14 +157,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 1032, ["href", "to"]);
       }), 128))]), _ctx.actionLabel ? (openBlock(), createBlock(_component_FwButton, {
         key: 0,
-        "class": "w-full rounded-md px-2",
+        "class": "w-full rounded-md",
         onClick: _ctx.actionClicked
       }, {
         "default": withCtx(function () {
           return [createTextVNode(toDisplayString(_ctx.actionLabel), 1)];
         }),
         _: 1
-      }, 8, ["onClick"])) : createCommentVNode("", true)])) : createCommentVNode("", true)];
+      }, 8, ["onClick"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)];
     }),
     _: 1
   })]);

package/esm/fw-tabs.js

@@ -1,4 +1,4 @@
-export { b as FwTab, s as FwTabs } from './index-5430e7a3.js';
-import './function-name-a620492a.js';
-import './add-to-unscopables-874257d1.js';
+export { b as FwTab, s as FwTabs } from './index-0e14da44.js';
+import './function-name-f0c1223e.js';
+import './add-to-unscopables-81c17489.js';
 import 'vue';