@adyen/bento-vue2 1.11.1 → 1.13.1

package/dist/link.js

@@ -1,49 +1,6 @@
-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.32095db1.js";
-import { n as d } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index13.css";
-var a = /* @__PURE__ */ ((s) => (s.DEFAULT = "default", s.QUIET = "quiet", s))(a || {});
-const k = {
-  name: "bento-link",
-  inheritAttrs: !1
-}, y = /* @__PURE__ */ c({
-  ...k,
-  props: {
-    args: null,
-    external: { type: Boolean },
-    variant: { default: a.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 };
-  }
-});
-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) {
-    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(
-  y,
-  b,
-  m,
-  !1,
-  null,
-  "5bfdba21",
-  null,
-  null
-);
-const E = g.exports;
+import { B as o, a as t } from "./chunks/index.d1f65246.js";
 export {
-  E as BentoLink,
-  a as BentoLinkVariant
+  o as BentoLink,
+  t 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":[],"sourcesContent":[],"names":[],"mappings":";"}

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/index22.css";
+import "./assets/index18.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.c032aa32.js";
+import { B as o, a as t } from "./chunks/index.5742fba4.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent