@frollo/frollo-web-ui 1.2.7 → 1.2.9

package/cjs/index.js

@@ -5702,6 +5702,13 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
     loading: {
       type: Boolean,
       "default": false
+    },
+
+    /**
+     * Whether the link should open in a new tab
+     */
+    external: {
+      type: Boolean
     }
   },
   setup: function setup(props, ctx) {
@@ -5862,6 +5869,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
     href: _ctx.href ? _ctx.href : null,
     tabindex: _ctx.to ? 0 : null,
     disabled: _ctx.loading,
+    target: !!_ctx.external ? '_blank' : null,
     onClick: _ctx.onClick,
     onFocusin: _ctx.onFocusin,
     onFocusout: _ctx.onFocusout,
@@ -5879,7 +5887,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
       })], 2)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)];
     }),
     _: 3
-  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
+  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }var css_248z$8 = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-o-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
 var stylesheet$8 = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-o-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
 styleInject(css_248z$8);script$e.render = render$g;var script$d = vue.defineComponent({
@@ -5984,6 +5992,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       variant: "text",
       href: item.href,
       to: item.to,
+      external: item.external,
       size: "md",
       "aria-current": "page"
     }, {
@@ -5991,7 +6000,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
         return [vue.createTextVNode(vue.toDisplayString(item.label), 1)];
       }),
       _: 2
-    }, 1032, ["href", "to"]);
+    }, 1032, ["href", "to", "external"]);
   }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [vue.createVNode(_component_FwButton, {
     onClick: _ctx.actionClicked,
     size: "md",
@@ -6029,6 +6038,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
           variant: "text",
           href: item.href,
           to: item.to,
+          external: item.external,
           size: "md",
           "aria-current": "page"
         }, {
@@ -6036,7 +6046,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
             return [vue.createTextVNode(vue.toDisplayString(item.label), 1)];
           }),
           _: 2
-        }, 1032, ["href", "to"]);
+        }, 1032, ["href", "to", "external"]);
       }), 128))]), _ctx.actionLabel ? (vue.openBlock(), vue.createBlock(_component_FwButton, {
         key: 0,
         "class": "w-full rounded-md",
@@ -8331,7 +8341,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 var stylesheet = ".fw-success-pulse[data-v-c32112d4]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;position:relative;width:100px}.fw-success-pulse--checkmark__circle[data-v-c32112d4]{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--colorPrimary);fill:none;-webkit-animation:fwSuccessStroke-c32112d4 .6s cubic-bezier(.65,0,.45,1) forwards;animation:fwSuccessStroke-c32112d4 .6s cubic-bezier(.65,0,.45,1) forwards}.fw-success-pulse--checkmark[data-v-c32112d4]{stroke-width:4;stroke:#fff;stroke-miterlimit:10;-webkit-animation:fwSuccessScaleFill-c32112d4 .6s ease-in-out .4s forwards,fwSuccessScale-c32112d4 .3s ease-in-out .9s both;animation:fwSuccessScaleFill-c32112d4 .6s ease-in-out .4s forwards,fwSuccessScale-c32112d4 .3s ease-in-out .9s both;border-radius:50%;-webkit-box-shadow:inset 0 0 0 var(--colorPrimary);box-shadow:inset 0 0 0 var(--colorPrimary);display:block;height:70px;margin:10% auto;width:70px}.fw-success-pulse--checkmark__check[data-v-c32112d4]{stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;-webkit-animation:fwSuccessStroke-c32112d4 .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:fwSuccessStroke-c32112d4 .3s cubic-bezier(.65,0,.45,1) .8s forwards;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessStroke-c32112d4{to{stroke-dashoffset:0}}@keyframes fwSuccessStroke-c32112d4{to{stroke-dashoffset:0}}@-webkit-keyframes fwSuccessScale-c32112d4{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@keyframes fwSuccessScale-c32112d4{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes fwSuccessScaleFill-c32112d4{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}@keyframes fwSuccessScaleFill-c32112d4{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}.fw-success-pulse--circle[data-v-c32112d4]{stroke-width:4px;stroke-opacity:1;fill:none;fill-opacity:0;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:var(--22e0894f);animation-iteration-count:var(--22e0894f);-webkit-animation-name:fwSuccessPulse-c32112d4;animation-name:fwSuccessPulse-c32112d4;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessPulse-c32112d4{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes fwSuccessPulse-c32112d4{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}";
 styleInject(css_248z);__default__.render = render;
 __default__.__scopeId = "data-v-c32112d4";// Form components
-var Components=/*#__PURE__*/Object.freeze({__proto__:null,FwForm:Form,FwInput:script$j,FwCheckbox:script$i,FwDropdown:script$h,FwCard:script$g,FwButton:script$e,FwNavigationMenu:script$d,FwTabs:script$c,FwTab:script$b,FwModal:script$a,FwProgressBar:script$9,FwTag:script$8,FwTable:script$6,FwTableHead:script$5,FwTableRow:script$4,FwAccordion:script$3,FwImage:script$2,FwLoadingBar:script$7,FwLoadingCard:script$1,FwLoadingTable:script,FwEmailPulse:__default__$1,FwSuccessPulse:__default__});function _defineProperty(obj, key, value) {
+var Components=/*#__PURE__*/Object.freeze({__proto__:null,FwForm:Form,FwInput:script$j,FwCheckbox:script$i,FwDropdown:script$h,FwCard:script$g,FwButton:script$e,FwNavigationMenu:script$d,FwTabs:script$c,FwTab:script$b,FwModal:script$a,FwProgressBar:script$9,FwTag:script$8,FwTable:script$6,FwTableHead:script$5,FwTableRow:script$4,FwAccordion:script$3,FwImage:script$2,FwLoadingBar:script$7,FwLoadingCard:script$1,FwLoadingTable:script,FwEmailPulse:__default__$1,FwSuccessPulse:__default__,FwLoadingSpinner:script$f});function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,

package/esm/fw-animations.js

@@ -1,10 +1,13 @@
 import './es.number.constructor-b7faae1f.js';
 import { defineComponent, useCssVars, pushScopeId, popScopeId, createElementVNode, openBlock, createElementBlock, createStaticVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+export { s as FwLoadingSpinner } from './fw-loading-spinner-649aa589.js';
 import './function-name-c49146fc.js';
 import './is-forced-fd46b5f2.js';
 import './to-string-c2bd1f4d.js';
 import './classof-088c9833.js';
+import './index-403af654.js';
+import './check-94a5917a.js';
 
 var __default__$1 = defineComponent({
   name: 'FwEmailPulse',

package/esm/{fw-button-ac0fbc7a.js → fw-button-6aa9b68f.js}

@@ -1,25 +1,8 @@
 import './es.array.includes-9a6e4066.js';
-import { defineComponent, resolveComponent, openBlock, createBlock, ref, computed, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
-import { b as render$2 } from './index-ec267913.js';
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
+import { s as script$1 } from './fw-loading-spinner-649aa589.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var script$1 = defineComponent({
-  name: 'FwLoadingSpinner',
-  components: {
-    LoadingSvg: render$2
-  }
-});
-
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_LoadingSvg = resolveComponent("LoadingSvg");
-
-  return openBlock(), createBlock(_component_LoadingSvg, {
-    "class": "fw-loading-spinner animate-spin"
-  });
-}
-
-script$1.render = render$1;
-
 var script = defineComponent({
   name: 'FwButton',
   emits: ['click', 'mouseover', 'mouseout', 'focusin', 'focusout'],
@@ -99,6 +82,13 @@ var script = defineComponent({
     loading: {
       type: Boolean,
       "default": false
+    },
+
+    /**
+     * Whether the link should open in a new tab
+     */
+    external: {
+      type: Boolean
     }
   },
   setup: function setup(props, ctx) {
@@ -261,6 +251,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     href: _ctx.href ? _ctx.href : null,
     tabindex: _ctx.to ? 0 : null,
     disabled: _ctx.loading,
+    target: !!_ctx.external ? '_blank' : null,
     onClick: _ctx.onClick,
     onFocusin: _ctx.onFocusin,
     onFocusout: _ctx.onFocusout,
@@ -278,7 +269,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       })], 2)) : createCommentVNode("", true)])) : createCommentVNode("", true)];
     }),
     _: 3
-  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
+  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }
 
 var css_248z = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-o-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";

package/esm/fw-button.js

@@ -1,10 +1,11 @@
-export { s as FwButton } from './fw-button-ac0fbc7a.js';
+export { s as FwButton } from './fw-button-6aa9b68f.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 './index-ec267913.js';
+import './fw-loading-spinner-649aa589.js';
+import './index-403af654.js';
 import './check-94a5917a.js';
 import './style-inject.es-1f59c1d0.js';

package/esm/fw-dropdown.js

@@ -1,7 +1,7 @@
 import './es.array.find-54b8f84b.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 { a as render$1 } from './index-ec267913.js';
+import { a as render$1 } from './index-403af654.js';
 import './es.function.name-2fa3a718.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './function-name-c49146fc.js';

package/esm/fw-image.js

@@ -11,7 +11,7 @@ import { c as classof$1 } from './classof-088c9833.js';
 import { t as toString$2 } from './to-string-c2bd1f4d.js';
 import { o as objectCreate } from './add-to-unscopables-a5032b1d.js';
 import { s as script$1 } from './fw-loading-bar-da7d53fb.js';
-import { r as render$1 } from './index-ec267913.js';
+import { r as render$1 } from './index-403af654.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './check-94a5917a.js';
 

package/esm/fw-loading-spinner-649aa589.js

@@ -0,0 +1,21 @@
+import { c as render$1 } from './index-403af654.js';
+import { defineComponent, resolveComponent, openBlock, createBlock } from 'vue';
+
+var script = defineComponent({
+  name: 'FwLoadingSpinner',
+  components: {
+    LoadingSvg: render$1
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_LoadingSvg = resolveComponent("LoadingSvg");
+
+  return openBlock(), createBlock(_component_LoadingSvg, {
+    "class": "fw-loading-spinner animate-spin"
+  });
+}
+
+script.render = render;
+
+export { script as s };

package/esm/fw-modal.js

@@ -1,11 +1,12 @@
-export { s as FwModal } from './index-d589fca1.js';
+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-ac0fbc7a.js';
-import './index-ec267913.js';
+import './fw-button-6aa9b68f.js';
+import './fw-loading-spinner-649aa589.js';
+import './index-403af654.js';
 import './check-94a5917a.js';
 import './style-inject.es-1f59c1d0.js';

package/esm/fw-navigation-menu.js

@@ -1,12 +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-ac0fbc7a.js';
+import { s as script$1 } from './fw-button-6aa9b68f.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 './index-ec267913.js';
+import './fw-loading-spinner-649aa589.js';
+import './index-403af654.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({
@@ -113,6 +114,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: "text",
       href: item.href,
       to: item.to,
+      external: item.external,
       size: "md",
       "aria-current": "page"
     }, {
@@ -120,7 +122,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         return [createTextVNode(toDisplayString(item.label), 1)];
       }),
       _: 2
-    }, 1032, ["href", "to"]);
+    }, 1032, ["href", "to", "external"]);
   }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(_component_FwButton, {
     onClick: _ctx.actionClicked,
     size: "md",
@@ -158,6 +160,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           variant: "text",
           href: item.href,
           to: item.to,
+          external: item.external,
           size: "md",
           "aria-current": "page"
         }, {
@@ -165,7 +168,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [createTextVNode(toDisplayString(item.label), 1)];
           }),
           _: 2
-        }, 1032, ["href", "to"]);
+        }, 1032, ["href", "to", "external"]);
       }), 128))]), _ctx.actionLabel ? (openBlock(), createBlock(_component_FwButton, {
         key: 0,
         "class": "w-full rounded-md",

package/esm/fw-table.js

@@ -3,7 +3,7 @@ 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 { c as render$3 } from './index-ec267913.js';
+import { b as render$3 } from './index-403af654.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';

package/esm/{index-ec267913.js → index-403af654.js}

@@ -375,4 +375,4 @@ function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
 }
 
-export { render$9 as a, render as b, render$4 as c, render$d as r };
+export { render$9 as a, render$4 as b, render as c, render$d as r };

package/esm/{index-d589fca1.js → index-61020c18.js}

@@ -1,6 +1,6 @@
 import './es.array.includes-9a6e4066.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-ac0fbc7a.js';
+import { s as script$1 } from './fw-button-6aa9b68f.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 /** Detect free variable `global` from Node.js. */

package/esm/index.js

@@ -18,8 +18,8 @@ import { FwNavigationMenu as script$5 } from './fw-navigation-menu.js';
 export { FwNavigationMenu } from './fw-navigation-menu.js';
 import { FwTabs as script$6, FwTab as script$7 } from './fw-tabs.js';
 export { FwTab, FwTabs } from './fw-tabs.js';
-import { s as script$8, u as uniqueId } from './index-d589fca1.js';
-export { s as FwModal } from './index-d589fca1.js';
+import { s as script$8, u as uniqueId } from './index-61020c18.js';
+export { s as FwModal } from './index-61020c18.js';
 import { FwProgressBar as script$9 } from './fw-progress-bar.js';
 export { FwProgressBar } from './fw-progress-bar.js';
 import { FwTag as script$a } from './fw-tag.js';
@@ -34,10 +34,12 @@ import { FwEmailPulse as __default__, FwSuccessPulse as __default__$1 } from './
 export { FwEmailPulse, FwSuccessPulse } from './fw-animations.js';
 import { F as Form } from './vee-validate.esm-a17a23c3.js';
 export { F as FwForm } from './vee-validate.esm-a17a23c3.js';
-import { s as script$4 } from './fw-button-ac0fbc7a.js';
-export { s as FwButton } from './fw-button-ac0fbc7a.js';
+import { s as script$4 } from './fw-button-6aa9b68f.js';
+export { s as FwButton } from './fw-button-6aa9b68f.js';
 import { s as script$g } from './fw-loading-bar-da7d53fb.js';
 export { s as FwLoadingBar } from './fw-loading-bar-da7d53fb.js';
+import { s as script$j } from './fw-loading-spinner-649aa589.js';
+export { s as FwLoadingSpinner } from './fw-loading-spinner-649aa589.js';
 import { createApp } from 'vue';
 import './es.array.includes-9a6e4066.js';
 import './add-to-unscopables-a5032b1d.js';
@@ -46,7 +48,7 @@ import './to-string-c2bd1f4d.js';
 import './classof-088c9833.js';
 import './array-iteration-4f83e223.js';
 import './create-property-da6d232b.js';
-import './index-ec267913.js';
+import './index-403af654.js';
 import './check-94a5917a.js';
 import './style-inject.es-1f59c1d0.js';
 import './es.function.name-2fa3a718.js';
@@ -187,7 +189,8 @@ var components = /*#__PURE__*/Object.freeze({
   FwLoadingCard: script$h,
   FwLoadingTable: script$i,
   FwEmailPulse: __default__,
-  FwSuccessPulse: __default__$1
+  FwSuccessPulse: __default__$1,
+  FwLoadingSpinner: script$j
 });
 
 function _defineProperty(obj, key, value) {

package/frollo-web-ui.esm.js

@@ -6032,6 +6032,13 @@ var script$e = defineComponent({
     loading: {
       type: Boolean,
       "default": false
+    },
+
+    /**
+     * Whether the link should open in a new tab
+     */
+    external: {
+      type: Boolean
     }
   },
   setup: function setup(props, ctx) {
@@ -6194,6 +6201,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
     href: _ctx.href ? _ctx.href : null,
     tabindex: _ctx.to ? 0 : null,
     disabled: _ctx.loading,
+    target: !!_ctx.external ? '_blank' : null,
     onClick: _ctx.onClick,
     onFocusin: _ctx.onFocusin,
     onFocusout: _ctx.onFocusout,
@@ -6211,7 +6219,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
       })], 2)) : createCommentVNode("", true)])) : createCommentVNode("", true)];
     }),
     _: 3
-  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
+  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }
 
 var css_248z$8 = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-o-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
@@ -6324,6 +6332,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       variant: "text",
       href: item.href,
       to: item.to,
+      external: item.external,
       size: "md",
       "aria-current": "page"
     }, {
@@ -6331,7 +6340,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
         return [createTextVNode(toDisplayString(item.label), 1)];
       }),
       _: 2
-    }, 1032, ["href", "to"]);
+    }, 1032, ["href", "to", "external"]);
   }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_5$4, [createVNode(_component_FwButton, {
     onClick: _ctx.actionClicked,
     size: "md",
@@ -6369,6 +6378,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
           variant: "text",
           href: item.href,
           to: item.to,
+          external: item.external,
           size: "md",
           "aria-current": "page"
         }, {
@@ -6376,7 +6386,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
             return [createTextVNode(toDisplayString(item.label), 1)];
           }),
           _: 2
-        }, 1032, ["href", "to"]);
+        }, 1032, ["href", "to", "external"]);
       }), 128))]), _ctx.actionLabel ? (openBlock(), createBlock(_component_FwButton, {
         key: 0,
         "class": "w-full rounded-md",
@@ -8933,7 +8943,8 @@ var components = /*#__PURE__*/Object.freeze({
   FwLoadingCard: script$1,
   FwLoadingTable: script,
   FwEmailPulse: __default__$1,
-  FwSuccessPulse: __default__
+  FwSuccessPulse: __default__,
+  FwLoadingSpinner: script$f
 });
 
 function _defineProperty(obj, key, value) {
@@ -9022,4 +9033,4 @@ var install = function install(app) {
   });
 };
 
-export { script$3 as FwAccordion, script$e as FwButton, script$g as FwCard, script$i as FwCheckbox, script$h as FwDropdown, __default__$1 as FwEmailPulse, Form as FwForm, script$2 as FwImage, script$j as FwInput, script$7 as FwLoadingBar, script$1 as FwLoadingCard, script as FwLoadingTable, script$a as FwModal, script$d as FwNavigationMenu, script$9 as FwProgressBar, __default__ as FwSuccessPulse, script$b as FwTab, script$6 as FwTable, script$5 as FwTableHead, script$4 as FwTableRow, script$c as FwTabs, script$8 as FwTag, install as default, modalService };
+export { script$3 as FwAccordion, script$e as FwButton, script$g as FwCard, script$i as FwCheckbox, script$h as FwDropdown, __default__$1 as FwEmailPulse, Form as FwForm, script$2 as FwImage, script$j as FwInput, script$7 as FwLoadingBar, script$1 as FwLoadingCard, script$f as FwLoadingSpinner, script as FwLoadingTable, script$a as FwModal, script$d as FwNavigationMenu, script$9 as FwProgressBar, __default__ as FwSuccessPulse, script$b as FwTab, script$6 as FwTable, script$5 as FwTableHead, script$4 as FwTableRow, script$c as FwTabs, script$8 as FwTag, install as default, modalService };

package/index.d.ts

@@ -18,7 +18,7 @@ declare interface FwInputProps {
     tabindex?: string;
 }
 
-declare const _default$i: vue.DefineComponent<{
+declare const _default$j: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -169,7 +169,7 @@ declare const _default$i: vue.DefineComponent<{
     tabindex: string;
 }>;
 
-declare const _default$h: vue.DefineComponent<{
+declare const _default$i: vue.DefineComponent<{
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -236,7 +236,7 @@ declare interface FwDropdownProps {
     placeholder?: string;
 }
 
-declare const _default$g: vue.DefineComponent<{
+declare const _default$h: vue.DefineComponent<{
     /**
      * The select v-model
      */
@@ -347,7 +347,7 @@ declare const _default$g: vue.DefineComponent<{
     placeholder: string;
 }>;
 
-declare const _default$f: vue.DefineComponent<{
+declare const _default$g: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -453,9 +453,10 @@ declare interface FwButtonProps {
     animation?: ButtonAnimation;
     rounded?: boolean;
     loading?: boolean;
+    external?: boolean;
 }
 
-declare const _default$e: vue.DefineComponent<{
+declare const _default$f: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -514,6 +515,12 @@ declare const _default$e: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the link should open in a new tab
+     */
+    external: {
+        type: BooleanConstructor;
+    };
 }, {
     baseClass: vue.Ref<string>;
     textColorClass: vue.ComputedRef<string>;
@@ -601,6 +608,12 @@ declare const _default$e: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the link should open in a new tab
+     */
+    external: {
+        type: BooleanConstructor;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onMouseover?: ((...args: any[]) => any) | undefined;
@@ -614,15 +627,17 @@ declare const _default$e: vue.DefineComponent<{
     animation: ButtonAnimation;
     rounded: boolean;
     loading: boolean;
+    external: boolean;
 }>;
 
 declare interface NavMenuItem {
     to?: string | object;
     href?: string;
     label: string;
+    external?: boolean;
 }
 
-declare const _default$d: vue.DefineComponent<{
+declare const _default$e: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -677,7 +692,7 @@ declare const _default$d: vue.DefineComponent<{
     containerClass: string;
 }>;
 
-declare const _default$c: vue.DefineComponent<{
+declare const _default$d: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -701,7 +716,7 @@ declare const _default$c: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$b: vue.DefineComponent<{
+declare const _default$c: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -733,7 +748,7 @@ declare const _default$b: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$a: vue.DefineComponent<{
+declare const _default$b: vue.DefineComponent<{
     /**
      * The header title of the modal
      */
@@ -882,7 +897,7 @@ declare interface ProgressBarStep {
     subSteps: number;
 }
 
-declare const _default$9: vue.DefineComponent<{
+declare const _default$a: vue.DefineComponent<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -949,7 +964,7 @@ declare interface FwTagProps {
     variant?: TagVariantName;
 }
 
-declare const _default$8: vue.DefineComponent<{
+declare const _default$9: vue.DefineComponent<{
     /**
      * The size of the tag. Accepts: 'xs' & 'sm'
      */
@@ -1009,7 +1024,7 @@ declare interface FwTableProps {
     loading?: boolean;
 }
 
-declare const _default$7: vue.DefineComponent<{
+declare const _default$8: vue.DefineComponent<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -1050,11 +1065,11 @@ declare const _default$7: vue.DefineComponent<{
     loading: boolean;
 }>;
 
-declare const _default$6: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$7: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$5: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$6: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$4: vue.DefineComponent<{
+declare const _default$5: vue.DefineComponent<{
     /**
      * The header title of the accordion
      */
@@ -1102,7 +1117,7 @@ declare const _default$4: vue.DefineComponent<{
     isOpened: boolean;
 }>;
 
-declare const _default$3: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     /**
      * The src attribute of the image
      */
@@ -1185,11 +1200,11 @@ declare const _default$3: vue.DefineComponent<{
     threshold: number;
 }>;
 
-declare const _default$2: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$3: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$1: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$2: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default: vue.DefineComponent<{
+declare const _default$1: vue.DefineComponent<{
     columns: {
         type: NumberConstructor;
         default: number;
@@ -1262,6 +1277,8 @@ declare const __default__: vue.DefineComponent<{
     animationIteration: string | number;
 }>;
 
+declare const _default: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+
 declare interface FwModalProps {
     header?: string;
     body?: string;
@@ -1318,4 +1335,4 @@ declare interface FwImageProps {
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$4 as FwAccordion, FwAccordionProps, _default$e as FwButton, FwButtonProps, _default$f as FwCard, FwCardProps, _default$h as FwCheckbox, FwCheckboxProps, _default$g as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$3 as FwImage, FwImageProps, _default$i as FwInput, FwInputProps, FwInputType, _default$2 as FwLoadingBar, _default$1 as FwLoadingCard, _default as FwLoadingTable, _default$a as FwModal, FwModalProps, _default$d as FwNavigationMenu, _default$9 as FwProgressBar, __default__ as FwSuccessPulse, _default$b as FwTab, _default$7 as FwTable, FwTableFormatFunction, _default$6 as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$5 as FwTableRow, FwTableSort, _default$c as FwTabs, _default$8 as FwTag, FwTagProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, install as default, modalService };
+export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$5 as FwAccordion, FwAccordionProps, _default$f as FwButton, FwButtonProps, _default$g as FwCard, FwCardProps, _default$i as FwCheckbox, FwCheckboxProps, _default$h as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$4 as FwImage, FwImageProps, _default$j as FwInput, FwInputProps, FwInputType, _default$3 as FwLoadingBar, _default$2 as FwLoadingCard, _default as FwLoadingSpinner, _default$1 as FwLoadingTable, _default$b as FwModal, FwModalProps, _default$e as FwNavigationMenu, _default$a as FwProgressBar, __default__ as FwSuccessPulse, _default$c as FwTab, _default$8 as FwTable, FwTableFormatFunction, _default$7 as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$6 as FwTableRow, FwTableSort, _default$d as FwTabs, _default$9 as FwTag, FwTagProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, install as default, modalService };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

package/types/components/fw-animations/index.d.ts

@@ -1,3 +1,4 @@
 import FwEmailPulse from './fw-email-pulse.vue';
 import FwSuccessPulse from './fw-success-pulse.vue';
-export { FwEmailPulse, FwSuccessPulse };
+import FwLoadingSpinner from './fw-loading-spinner.vue';
+export { FwEmailPulse, FwSuccessPulse, FwLoadingSpinner };

package/types/components/fw-button/fw-button.vue.d.ts

@@ -59,6 +59,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the link should open in a new tab
+     */
+    external: {
+        type: BooleanConstructor;
+    };
 }, {
     baseClass: import("vue").Ref<string>;
     textColorClass: import("vue").ComputedRef<string>;
@@ -146,6 +152,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the link should open in a new tab
+     */
+    external: {
+        type: BooleanConstructor;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onMouseover?: ((...args: any[]) => any) | undefined;
@@ -159,5 +171,6 @@ declare const _default: import("vue").DefineComponent<{
     animation: ButtonAnimation;
     rounded: boolean;
     loading: boolean;
+    external: boolean;
 }>;
 export default _default;

package/types/components/fw-button/index.types.d.ts

@@ -22,4 +22,5 @@ export declare interface FwButtonProps {
     animation?: ButtonAnimation;
     rounded?: boolean;
     loading?: boolean;
+    external?: boolean;
 }

package/types/components/fw-navigation-menu/index.types.d.ts

@@ -2,4 +2,5 @@ export declare interface NavMenuItem {
     to?: string | object;
     href?: string;
     label: string;
+    external?: boolean;
 }