@adyen/bento-vue2 1.11.0 → 1.12.0

package/dist/link.js

@@ -1,49 +1,59 @@
-import { defineComponent as c, computed as p, useAttrs as _ } from "vue";
-import { RouterLink as u } from "vue-router";
-import { B as f } from "./chunks/index.b0a89960.js";
-import { n as d } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index34.css";
-var a = /* @__PURE__ */ ((s) => (s.DEFAULT = "default", s.QUIET = "quiet", s))(a || {});
-const k = {
+import { defineComponent as i, computed as c } from "vue";
+import { RouterLink as p } from "vue-router";
+import { B as u } from "./chunks/index.99a2184a.js";
+import { n as _ } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import "./assets/index6.css";
+var l = /* @__PURE__ */ ((n) => (n.DEFAULT = "default", n.QUIET = "quiet", n))(l || {});
+const f = {
   name: "bento-link",
   inheritAttrs: !1
-}, y = /* @__PURE__ */ c({
-  ...k,
+}, d = /* @__PURE__ */ i({
+  ...f,
   props: {
-    args: null,
+    to: null,
+    replace: { type: Boolean },
+    append: { type: Boolean },
+    tag: null,
+    activeClass: null,
+    exact: { type: Boolean },
+    exactPath: { type: Boolean },
+    exactPathActiveClass: null,
+    event: null,
+    exactActiveClass: null,
+    ariaCurrentValue: null,
     external: { type: Boolean },
-    variant: { default: a.DEFAULT },
+    variant: { default: l.DEFAULT },
     disableTypography: { type: Boolean },
     target: { default: null }
   },
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const n = s, e = p(() => ({
-      [`b-link--${a.QUIET}`]: n.variant === a.QUIET
-    })), { to: o, ...r } = _();
-    return { __sfc: !0, props: n, conditionalClasses: e, to: o, attributes: r, linkProps: r, emit: t, onClick: (i, l) => {
-      t("click", i), l && l();
-    }, RouterLink: u, BentoTypography: f };
+  setup(n, { emit: t }) {
+    const a = n, e = (o) => o, s = c(() => ({
+      [`b-link--${l.QUIET}`]: a.variant === l.QUIET
+    }));
+    return { __sfc: !0, props: a, getAttributeTitle: e, conditionalClasses: s, emit: t, onClick: (o, r) => {
+      t("click", o), r && r();
+    }, RouterLink: p, BentoTypography: u };
   }
 });
-var b = function() {
-  var t = this, n = t._self._c, e = t._self._setupProxy;
-  return t.external ? n("a", t._b({ staticClass: "b-link", class: e.conditionalClasses, attrs: { href: e.to.toString(), title: e.linkProps.title, target: t.target || "_blank" }, on: { click: e.onClick } }, "a", e.attributes, !1), [t.disableTypography ? t._t("default") : n(e.BentoTypography, { attrs: { el: "span", variant: "body" } }, [t._t("default")], 2)], 2) : n(e.RouterLink, t._b({ staticClass: "b-link", class: e.conditionalClasses, attrs: { target: t.target, to: e.to, custom: "" }, nativeOn: { click: function(o) {
+var y = function() {
+  var t = this, a = t._self._c, e = t._self._setupProxy;
+  return t.external ? a("a", t._b({ staticClass: "b-link", class: e.conditionalClasses, attrs: { href: t.$props.to.toString(), title: e.getAttributeTitle(t.$attrs.title), target: t.target || "_blank" }, on: { click: e.onClick } }, "a", t.$attrs, !1), [t.disableTypography ? t._t("default") : a(e.BentoTypography, { attrs: { el: "span", variant: "body" } }, [t._t("default")], 2)], 2) : a(e.RouterLink, t._b({ staticClass: "b-link", class: e.conditionalClasses, attrs: { target: t.target, to: e.props.to, custom: "" }, nativeOn: { click: function(s) {
     return e.onClick.apply(null, arguments);
-  } } }, "router-link", e.linkProps, !1), [t.disableTypography ? t._t("default") : n(e.BentoTypography, { attrs: { el: "span", variant: "body" } }, [t._t("default")], 2)], 2);
-}, m = [], g = /* @__PURE__ */ d(
+  } } }, "router-link", { ...t.$attrs, ...t.$props }, !1), [t.disableTypography ? t._t("default") : a(e.BentoTypography, { attrs: { el: "span", variant: "body" } }, [t._t("default")], 2)], 2);
+}, m = [], b = /* @__PURE__ */ _(
+  d,
   y,
-  b,
   m,
   !1,
   null,
-  "5bfdba21",
+  "204b2c94",
   null,
   null
 );
-const E = g.exports;
+const h = b.exports;
 export {
-  E as BentoLink,
-  a as BentoLinkVariant
+  h as BentoLink,
+  l as BentoLinkVariant
 };
 //# sourceMappingURL=link.js.map

package/dist/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../core/src/components/link/link.types.ts","../src/components/link/link.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoLinkVariant {\n    DEFAULT = 'default',\n    QUIET = 'quiet',\n}\n","<template>\n    <a\n        v-if=\"external\"\n        class=\"b-link\"\n        :class=\"conditionalClasses\"\n        v-bind=\"attributes\"\n        :href=\"to.toString()\"\n        :title=\"linkProps.title\"\n        :target=\"target || '_blank'\"\n        @click=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n    </a>\n    <router-link\n        v-else\n        v-bind=\"linkProps\"\n        class=\"b-link\"\n        :class=\"conditionalClasses\"\n        :target=\"target\"\n        :to=\"to\"\n        custom\n        @click.native=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n    </router-link>\n</template>\n\n<script lang=\"ts\">\n    import { RouterLink } from 'vue-router';\n    import { computed, useAttrs } from 'vue';\n    import { BentoLinkVariant } from '@/core/components/link/link.types';\n    import { BentoTypography } from '@/components/typography';\n    import type { RouterLinkProps, RouterLinkSlotArgument } from 'vue-router/types/router';\n    import type { AnchorHTMLAttributes } from 'vue/types/jsx';\n\n    /**\n     * Extends the `router-link` from the `vue-router` NPM package.\n     *\n     * @example\n     * import { BentoLink } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoLink },\n     *     template: `\n     *       <bento-link to=\"/\">\n     *           link\n     *       </bento-link>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-link',\n        inheritAttrs: false,\n    };\n</script>\n\n<script setup lang=\"ts\">\n    // TODO: replace all this code when migrated to Vue 3 is complete as this is the only\n    // current way to extend the `router-link` component in Vue 2 and Vue Router 3\n    export interface Props extends RouterLinkProps, AnchorHTMLAttributes {\n        // eslint-disable-next-line vue/require-default-prop\n        args?: { props: RouterLinkProps };\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external?: boolean;\n\n        /**\n         * Link variant type affecting visual style.\n         * @values default, quiet\n         */\n        variant?: BentoLinkVariant | `${BentoLinkVariant}`;\n\n        /**\n         * Disable the default typography for the component. Only use this when the component is inside another typography component.\n         */\n        disableTypography?: boolean;\n\n        /**\n         * Sets the target of the rendered link.\n         */\n        target?: string;\n    }\n\n    const props = withDefaults(defineProps<Props>(), {\n        variant: BentoLinkVariant.DEFAULT,\n        target: null,\n    });\n\n    const conditionalClasses = computed(() => ({\n        [`b-link--${BentoLinkVariant.QUIET}`]: props.variant === BentoLinkVariant.QUIET,\n    }));\n\n    // TODO: replace this when Vue allows users to extend props properly, read above for more info\n    const { to, ...attributes } = useAttrs() as unknown as Props;\n    const linkProps = attributes;\n\n    const emit = defineEmits<{\n        (e: 'click', clickEvent: MouseEvent): void;\n    }>();\n\n    const onClick = (e: MouseEvent, navigateCallback?: RouterLinkSlotArgument['navigate']) => {\n        emit('click', e);\n        if (navigateCallback) {\n            navigateCallback();\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/link/link.scss\" />\n"],"names":["BentoLinkVariant","BentoLinkVariant2","__default__","conditionalClasses","computed","props","to","attributes","useAttrs","e","navigateCallback","emit"],"mappings":";;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;ACqDR,MAAAE,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,cAAA;AAEV;;;;;;;;;;;iBAqCAC,IAAAC,EAAA,OAAA;AAAA,MAA2C,CAAA,WAAAJ,EAAA,OAAA,GAAAK,EAAA,YAAAL,EAAA;AAAA,IACmC,EAAA,GAI9E,EAAA,IAAAM,GAAA,GAAAC,EAAA,IAAAC,EAAA;0FACAD,qBAMA,CAAAE,GAAAC,MAAA;AACI,MAAAC,EAAA,SAAAF,CAAA,GACAC,KACIA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"link.js","sources":["../../core/src/components/link/link.types.ts","../src/components/link/link.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoLinkVariant {\n    DEFAULT = 'default',\n    QUIET = 'quiet',\n}\n","<template>\n    <a\n        v-if=\"external\"\n        class=\"b-link\"\n        :class=\"conditionalClasses\"\n        v-bind=\"$attrs\"\n        :href=\"$props.to.toString()\"\n        :title=\"getAttributeTitle($attrs.title)\"\n        :target=\"target || '_blank'\"\n        @click=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n    </a>\n    <router-link\n        v-else\n        v-bind=\"{ ...$attrs, ...$props }\"\n        class=\"b-link\"\n        :class=\"conditionalClasses\"\n        :target=\"target\"\n        :to=\"props.to\"\n        custom\n        @click.native=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n    </router-link>\n</template>\n\n<script setup lang=\"ts\">\n    import { RouterLink } from 'vue-router';\n    import { computed } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLinkVariant } from '@/core/components/link/link.types';\n    import { RouterLinkSlotArgument } from 'vue-router/types/router';\n\n    /* eslint-disable vue/require-default-prop */ // Allow RouterLink to set the defaults\n    /* eslint-disable @typescript-eslint/no-explicit-any */ // \"to\" needs to be any\n    export interface LinkProps {\n        /**\n         * Denotes the target route of the link. When clicked, the value of the `to` prop will be passed to\n         * `router.push()` internally, so the value can be either a \"string\" or a location\" descriptor object.\n         */\n        to: any;\n        /* eslint-enable @typescript-eslint/no-explicit-any */\n\n        /**\n         * Setting `replace` prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will\n         * not create a new history record.\n         *\n         * @default false\n         */\n        replace?: boolean;\n        /**\n         * Setting `append` prop always appends the relative path to the current path. For example, assuming we are navigating\n         * from `/a` to a relative link `b`, without `append` we will end up at `/b`, but with append we will end up at\n         * `/a/b`.\n         *\n         * @default false\n         */\n        append?: boolean;\n        /**\n         * Sometimes we want <RouterLink> to render as another tag, e.g <li>. Then we can use tag prop to specify which tag to\n         * render to, and it will still listen to click events for navigation.\n         *\n         * @default \"a\"\n         */\n        tag?: string;\n        /**\n         * Configure the active CSS class applied when the link is active. Note the default value can also be configured\n         * globally via the `linkActiveClass` router constructor option.\n         *\n         * @default \"router-link-active\"\n         */\n        activeClass?: string;\n        /**\n         * The default active class matching behavior is **inclusive match**. For example, `<RouterLink to=\"/a\">` will get\n         * this class applied as long as the current path starts with `/a/` or is `/a`.\n         *\n         * @default false\n         */\n        exact?: boolean;\n        /**\n         * Allows matching only using the `path` section of the url, effectively ignoring the `query` and the `hash` sections.\n         *\n         * @default false\n         */\n        exactPath?: boolean;\n        /**\n         * Configure the active CSS class applied when the link is active with exact path match. Note the default value can\n         * also be configured globally via the `linkExactPathActiveClass` router constructor option.\n         *\n         * @default \"router-link-exact-path-active\"\n         */\n        exactPathActiveClass?: string;\n\n        /**\n         * Specify the event(s) that can trigger the link navigation.\n         *\n         * @default 'click'\n         */\n        event?: string | ReadonlyArray<string>;\n        /**\n         * Configure the active CSS class applied when the link is active with exact match. Note the default value can also be\n         * configured globally via the `linkExactActiveClass` router constructor option.\n         *\n         * @default \"router-link-exact-active\"\n         */\n        exactActiveClass?: string;\n        /**\n         * Configure the value of `aria-current` when the link is active with exact match. It must be one of the allowed\n         * values for [aria-current](https://www.w3.org/TR/wai-aria-1.2/#aria-current) in the ARIA spec. In most cases, the\n         * default of page should be the best fit.\n         *\n         * @default \"page\"\n         */\n        ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external?: boolean;\n\n        /**\n         * Link variant type affecting visual style.\n         * @values default, quiet\n         */\n        variant?: BentoLinkVariant | `${BentoLinkVariant}`;\n\n        /**\n         * Disable the default typography for the component. Only use this when the component is inside another typography component.\n         */\n        disableTypography?: boolean;\n\n        /**\n         * Sets the target of the rendered link.\n         */\n        target?: string;\n    }\n\n    const props = withDefaults(defineProps<LinkProps>(), {\n        target: null,\n        variant: BentoLinkVariant.DEFAULT,\n    });\n\n    const getAttributeTitle = (attributesTitle: unknown) => attributesTitle as string;\n\n    const conditionalClasses = computed(() => ({\n        [`b-link--${BentoLinkVariant.QUIET}`]: props.variant === BentoLinkVariant.QUIET,\n    }));\n\n    const emit = defineEmits<{\n        (e: 'click', clickEvent: MouseEvent): void;\n    }>();\n\n    const onClick = (e: MouseEvent, navigateCallback?: RouterLinkSlotArgument['navigate']) => {\n        emit('click', e);\n        if (navigateCallback) {\n            navigateCallback();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Extends the `router-link` from the `vue-router` NPM package.\n     *\n     * @example\n     * import { BentoLink } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoLink },\n     *     template: `\n     *       <bento-link to=\"/\">\n     *           link\n     *       </bento-link>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-link',\n        inheritAttrs: false,\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/link/link.scss\" />\n"],"names":["BentoLinkVariant","BentoLinkVariant2","__default__","getAttributeTitle","attributesTitle","conditionalClasses","computed","props","e","navigateCallback","emit"],"mappings":";;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;ACoLR,MAAAE,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,cAAA;AAEV;;;;;;;;;;;;;;;;;;;;;iBArCAC,IAAA,CAAAC,MAAAA,GAEAC,IAAAC,EAAA,OAAA;AAAA,MAA2C,CAAA,WAAAN,EAAA,OAAA,GAAAO,EAAA,YAAAP,EAAA;AAAA,IACmC,EAAA;iGAO9E,CAAAQ,GAAAC,MAAA;AACI,MAAAC,EAAA,SAAAF,CAAA,GACAC,KACIA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;"}

package/dist/loading-indicator.js

@@ -1,6 +1,6 @@
 import { defineComponent as t, onMounted as s, onUnmounted as l, computed as i } from "vue";
 import { n as r } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index36.css";
+import "./assets/index5.css";
 var a = /* @__PURE__ */ ((n) => (n.START = "loading-start", n.END = "loading-end", n))(a || {});
 const d = t({
   name: "bento-loading-indicator",

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/index.f2223abb.js";
+import { B as o, a as t } from "./chunks/index.9b669c12.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent