@frollo/frollo-web-ui 1.2.8 → 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",

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

@@ -82,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) {
@@ -244,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,
@@ -261,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,4 +1,4 @@
-export { s as FwButton } from './fw-button-dc078722.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';

package/esm/fw-modal.js

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

package/esm/fw-navigation-menu.js

@@ -1,5 +1,5 @@
 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-dc078722.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';
@@ -114,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"
     }, {
@@ -121,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",
@@ -159,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"
         }, {
@@ -166,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/{index-f00f3690.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-dc078722.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-f00f3690.js';
-export { s as FwModal } from './index-f00f3690.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,8 +34,8 @@ 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-dc078722.js';
-export { s as FwButton } from './fw-button-dc078722.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';

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",

package/index.d.ts

@@ -453,6 +453,7 @@ declare interface FwButtonProps {
     animation?: ButtonAnimation;
     rounded?: boolean;
     loading?: boolean;
+    external?: boolean;
 }
 
 declare const _default$f: vue.DefineComponent<{
@@ -514,6 +515,12 @@ declare const _default$f: 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$f: 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,12 +627,14 @@ declare const _default$f: 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$e: vue.DefineComponent<{

package/package.json

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

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;
 }