@frollo/frollo-web-ui 1.2.9 → 3.0.0

package/esm/fw-input.js

@@ -1,12 +1,12 @@
-import './es.array.includes-9a6e4066.js';
+import './es.array.includes-df8e6e35.js';
 import { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition, normalizeClass } from 'vue';
 import { a as Field } from './vee-validate.esm-a17a23c3.js';
-import './es.function.name-2fa3a718.js';
+import './es.function.name-b642b74f.js';
 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 './function-name-e2f6ea36.js';
+import './object-keys-6a890c6f.js';
+import './is-forced-ddf227e6.js';
+import './add-to-unscopables-3f461c07.js';
 
 var script = defineComponent({
   name: 'FwInput',

package/esm/{fw-loading-spinner-649aa589.js → fw-loading-spinner-9b7c6855.js}

@@ -1,4 +1,4 @@
-import { c as render$1 } from './index-403af654.js';
+import { f as render$1 } from './index-4605e00e.js';
 import { defineComponent, resolveComponent, openBlock, createBlock } from 'vue';
 
 var script = defineComponent({

package/esm/fw-loading.js

@@ -1,12 +1,12 @@
 import { s as script$2 } from './fw-loading-bar-da7d53fb.js';
 export { s as FwLoadingBar } from './fw-loading-bar-da7d53fb.js';
 import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, normalizeClass, Fragment, renderList } from 'vue';
-import './es.number.constructor-b7faae1f.js';
+import './es.number.constructor-f279ce82.js';
 import './style-inject.es-1f59c1d0.js';
-import './function-name-c49146fc.js';
-import './is-forced-fd46b5f2.js';
-import './to-string-c2bd1f4d.js';
-import './classof-088c9833.js';
+import './function-name-e2f6ea36.js';
+import './is-forced-ddf227e6.js';
+import './to-string-685748aa.js';
+import './classof-a45668b6.js';
 
 var script$1 = defineComponent({
   name: 'FwLoadingCard',

package/esm/fw-modal.js

@@ -1,12 +1,229 @@
-export { s as FwModal } from './index-61020c18.js';
-import './es.array.includes-9a6e4066.js';
-import './function-name-c49146fc.js';
-import './object-keys-3c73c404.js';
-import './is-forced-fd46b5f2.js';
-import './add-to-unscopables-a5032b1d.js';
-import 'vue';
-import './fw-button-6aa9b68f.js';
-import './fw-loading-spinner-649aa589.js';
-import './index-403af654.js';
+import './es.array.includes-df8e6e35.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-df5c923f.js';
+import { u as uniqueId } from './uniqueId-fe08534a.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import './function-name-e2f6ea36.js';
+import './object-keys-6a890c6f.js';
+import './is-forced-ddf227e6.js';
+import './add-to-unscopables-3f461c07.js';
+import './fw-loading-spinner-9b7c6855.js';
+import './index-4605e00e.js';
 import './check-94a5917a.js';
-import './style-inject.es-1f59c1d0.js';
+
+var script = defineComponent({
+  name: 'FwModal',
+  components: {
+    FwButton: script$1
+  },
+  emits: ['cancel', 'confirm'],
+  props: {
+    /**
+     * The modal's v-model. Controls the visibility of the modal.
+     */
+    modelValue: {
+      type: Boolean
+    },
+
+    /**
+     * The header title of the modal
+     */
+    header: {
+      type: String
+    },
+
+    /**
+     * The element to attach the modal too. Defaults to `#app` element.
+     */
+    element: {
+      type: String,
+      "default": '#app'
+    },
+
+    /**
+     * 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(props) {
+    var isMounted = ref(false);
+    var uuid = uniqueId();
+    var isOpen = computed(function () {
+      return props.modelValue;
+    });
+    onMounted(function () {
+      isMounted.value = true;
+    });
+    return {
+      isOpen: isOpen,
+      uuid: uuid,
+      isMounted: isMounted
+    };
+  }
+});
+
+var _hoisted_1 = ["id"];
+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 _ctx.isMounted ? (openBlock(), createBlock(Teleport, {
+    key: 0,
+    to: _ctx.element
+  }, [createVNode(Transition, {
+    name: "modalFadeIn",
+    appear: ""
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.isOpen ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        "class": "fw-modal z-[9999]",
+        id: "fw-modal-".concat(_ctx.uuid)
+      }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
+        role: _ctx.role,
+        "aria-modal": "true",
+        "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") : undefined,
+        "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : undefined
+      }, [_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)])])], 8, _hoisted_1)) : createCommentVNode("", true)];
+    }),
+    _: 3
+  })], 8, ["to"])) : createCommentVNode("", true);
+}
+
+var css_248z = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
+var stylesheet = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as FwModal };

package/esm/fw-navigation-menu.js

@@ -1,13 +1,13 @@
 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-6aa9b68f.js';
+import { s as script$1 } from './fw-button-df5c923f.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './es.array.includes-9a6e4066.js';
-import './function-name-c49146fc.js';
-import './object-keys-3c73c404.js';
-import './is-forced-fd46b5f2.js';
-import './add-to-unscopables-a5032b1d.js';
-import './fw-loading-spinner-649aa589.js';
-import './index-403af654.js';
+import './es.array.includes-df8e6e35.js';
+import './function-name-e2f6ea36.js';
+import './object-keys-6a890c6f.js';
+import './is-forced-ddf227e6.js';
+import './add-to-unscopables-3f461c07.js';
+import './fw-loading-spinner-9b7c6855.js';
+import './index-4605e00e.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({

package/esm/fw-progress-bar.js

@@ -1,10 +1,10 @@
-import './es.number.constructor-b7faae1f.js';
+import './es.number.constructor-f279ce82.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 './function-name-c49146fc.js';
-import './is-forced-fd46b5f2.js';
-import './to-string-c2bd1f4d.js';
-import './classof-088c9833.js';
+import './function-name-e2f6ea36.js';
+import './is-forced-ddf227e6.js';
+import './to-string-685748aa.js';
+import './classof-a45668b6.js';
 
 var script = defineComponent({
   name: 'FwProgressBar',

package/esm/fw-table.js

@@ -1,12 +1,13 @@
-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-403af654.js';
+import { i as toObject$2, j as fails$2, t as tryToString$1, p as engineUserAgent, f as functionUncurryThis, h as aCallable$1, q as engineV8Version } from './function-name-e2f6ea36.js';
+import { _ as _export, o as objectKeys } from './object-keys-6a890c6f.js';
+import { e as toAbsoluteIndex$1, l as lengthOfArrayLike$2 } from './is-forced-ddf227e6.js';
+import { t as toString$1 } from './to-string-685748aa.js';
+import { c as createProperty$1 } from './create-property-558a3c24.js';
+import { a as arrayMethodIsStrict$1 } from './array-method-is-strict-544b103f.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 './classof-a45668b6.js';
 import './check-94a5917a.js';
 import './style-inject.es-1f59c1d0.js';
 

package/esm/fw-tabs.js

@@ -1,12 +1,13 @@
-import './es.number.constructor-b7faae1f.js';
+import './es.number.constructor-f279ce82.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 './function-name-e2f6ea36.js';
+import { _ as _export } from './object-keys-6a890c6f.js';
+import { a as arrayIteration } from './array-iteration-98e2cf9a.js';
+import { a as addToUnscopables$1 } from './add-to-unscopables-3f461c07.js';
+import './is-forced-ddf227e6.js';
+import './to-string-685748aa.js';
+import './classof-a45668b6.js';
+import './array-species-create-5fc23c89.js';
 
 var script$1 = defineComponent({
   name: 'FwTabs',

package/esm/fw-tag.js

@@ -1,10 +1,10 @@
-import './es.array.includes-9a6e4066.js';
+import './es.array.includes-df8e6e35.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 './function-name-e2f6ea36.js';
+import './object-keys-6a890c6f.js';
+import './is-forced-ddf227e6.js';
+import './add-to-unscopables-3f461c07.js';
 
 var script = defineComponent({
   name: 'FwTag',