@adyen/bento-vue2 1.24.0 → 1.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue2",
-    "version": "1.24.0",
+    "version": "1.26.0",
     "description": "Adyen Bento Vue2 components",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -62,7 +62,7 @@
         "url": "git@github.com:Adyen/bento.git"
     },
     "dependencies": {
-        "@adyen/bento-design-tokens": "1.24.0",
+        "@adyen/bento-design-tokens": "1.26.0",
         "@adyen/ui-assets-icons-16": "4.1.0",
         "@adyen/ui-assets-payment-method-icons": "6.1.0",
         "@codemirror/commands": "6.3.3",
@@ -90,6 +90,7 @@
     },
     "devDependencies": {
         "@adyen/bento-cli": "0.0.15",
+        "@adyen/lume": "1.11.1",
         "@storybook/addon-a11y": "7.6.17",
         "@storybook/addon-essentials": "7.6.17",
         "@storybook/addon-storysource": "7.6.17",

package/dist/chunks/dialog-page.75b295b7.js

@@ -1,133 +0,0 @@
-import { defineComponent as H, useSlots as V, ref as c, computed as r, inject as A, watch as h, nextTick as P, onUnmounted as j } from "vue";
-import { a as U } from "./button.6e6324f0.js";
-import { n as N } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { u as F } from "./use-has-slot.fbeb19ec.js";
-import { u as J } from "./i18n.eb5b985b.js";
-import { i as K } from "./index.ba6c1040.js";
-import "../assets/dialog-page.css";
-let B = 0;
-const Y = {
-  beforeCreate() {
-    this.uuid = B.toString(), B += 1;
-  }
-};
-var z = function() {
-  var e = this, t = e._self._c;
-  return t("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#00112C", d: "M3.80655 7.25434L8.06077 3.00011L7.00011 1.93945L0.939453 8.00011L7.00011 14.0608L8.06077 13.0001L3.81499 8.75433L14.7508 8.74316L14.7492 7.24316L3.80655 7.25434Z" } })]);
-}, M = [], Z = /* @__PURE__ */ N(
-  Y,
-  z,
-  M,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const q = Z.exports;
-var E = /* @__PURE__ */ ((l) => (l.TRANSITION_LEVEL_DEEPER = "b-dialog-page__animation--level-deeper", l.TRANSITION_LEVEL_UPPER = "b-dialog-page__animation--level-upper", l))(E || {});
-const Q = Symbol("dialog registerPage injection key"), W = Symbol("dialog page config data injection key"), X = {
-  "en-US": {
-    goToPreviousPage: "Go to previous page"
-  }
-}, ee = {
-  i18n: { messages: X }
-}, te = /* @__PURE__ */ H({
-  ...ee,
-  __name: "dialog-page",
-  props: {
-    /**
-     * Identifier of the page, used with activePage prop to handle navigation
-     */
-    pageId: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Show header and actions border
-     */
-    alwaysShowBorder: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Pass custom styling to the back button to position it correctly with the header slot
-     */
-    backButtonStyling: { type: Object, default: null },
-    /**
-     * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior
-     * Used when the back button should not take the user to the natural previous page
-     * Set to `null` to hide back button in the page
-     */
-    previousPage: {
-      type: String,
-      default: void 0
-    }
-  },
-  emits: ["animationend"],
-  setup(l, { emit: e }) {
-    const t = l, a = V(), S = F(a), { t: O } = J(), s = c(null), u = c(!1), _ = c(!0), v = c(!1), g = r(() => n.value ? n.value === t.pageId : !0), R = r(() => ({
-      "b-dialog-page__header--with-border": t.alwaysShowBorder || u.value && !_.value
-    })), k = r(() => ({
-      "b-dialog-page__footer--with-border": t.alwaysShowBorder || u.value && !v.value
-    })), x = () => {
-      s.value && (_.value = s.value.scrollTop === 0, v.value = s.value.scrollHeight - s.value.clientHeight === s.value.scrollTop);
-    }, d = async (i) => {
-      i && (await P(), u.value = s.value && s.value.scrollHeight > s.value.clientHeight);
-    }, { activePage: n, animation: p, isOpen: f, pages: w, previousPages: o, updatePage: y } = A(
-      W
-    );
-    h(() => f.value, d, { immediate: !0 }), h(() => g.value, d, { immediate: !0 });
-    const $ = r(() => t.previousPage ? !0 : t.previousPage === null ? !1 : b.value && g.value), G = () => {
-      p.value = E.TRANSITION_LEVEL_DEEPER, e("animationend");
-    }, b = r(() => o.value.length > 1), m = r(() => o.value[o.value.length - 1]), I = r(() => w.value.some((i) => i === n.value)), D = async (i) => {
-      if (i) {
-        const T = o.value.indexOf(i);
-        T !== -1 ? o.value = o.value.slice(0, T + 1) : o.value = [i];
-      } else
-        o.value.pop();
-      p.value = E.TRANSITION_LEVEL_UPPER, await P(), y(m.value);
-    };
-    h(
-      () => n.value,
-      async () => {
-        if (await P(), !!f.value) {
-          if (n.value && !I.value && K) {
-            console.error(
-              `The activePage passed "${n.value}" does not match the id of any of the pages`
-            );
-            return;
-          }
-          n.value !== m.value && o.value.push(n.value);
-        }
-      },
-      { immediate: !0 }
-    );
-    const L = A(Q), { unregisterPage: C } = L(t.pageId);
-    return j(() => C()), { __sfc: !0, props: t, emit: e, slots: a, hasSlot: S, t: O, contentElement: s, hasScroll: u, isScrollAtTop: _, isScrollAtBottom: v, showPage: g, headerConditionalClasses: R, footerConditionalClasses: k, onScroll: x, calculateScroll: d, activePage: n, animation: p, isOpen: f, pages: w, previousPages: o, updatePage: y, showBackButton: $, updateAnimation: G, hasPreviousPages: b, lastPage: m, isActivePageValid: I, goToPreviousPage: D, registerPage: L, unregisterPage: C, BentoButton: U, ArrowLeftIcon: q };
-  }
-});
-var ae = function() {
-  var e = this, t = e._self._c, a = e._self._setupProxy;
-  return t("Transition", { attrs: { name: a.animation, mode: "out-in" }, on: { "after-leave": a.updateAnimation } }, [a.isOpen && a.showPage ? t("div", { staticClass: "b-dialog-page" }, [a.hasSlot("header") ? t("div", { staticClass: "b-dialog-page__header", class: a.headerConditionalClasses }, [a.showBackButton ? t("div", { staticClass: "b-dialog-page__back-button", style: e.backButtonStyling, attrs: { "data-testid": "back-button" } }, [t(a.BentoButton, { attrs: { variant: "tertiary" }, on: { click: function(S) {
-    return a.goToPreviousPage(e.previousPage);
-  } } }, [t(a.ArrowLeftIcon, { attrs: { "svg-title": a.t("goToPreviousPage") } })], 1)], 1) : e._e(), e._t("header")], 2) : e._e(), a.hasSlot("content") ? t("div", { ref: "contentElement", staticClass: "b-dialog-page__content", on: { scroll: a.onScroll } }, [e._t("content")], 2) : e._e(), a.hasSlot("footer") ? t("div", { staticClass: "b-dialog-page__footer", class: a.footerConditionalClasses }, [e._t("footer")], 2) : e._e()]) : e._e()]);
-}, oe = [], se = /* @__PURE__ */ N(
-  te,
-  ae,
-  oe,
-  !1,
-  null,
-  "99832465",
-  null,
-  null
-);
-const _e = se.exports;
-export {
-  q as A,
-  E as B,
-  _e as D,
-  Q as a,
-  W as b
-};
-//# sourceMappingURL=dialog-page.75b295b7.js.map

package/dist/chunks/dialog-page.75b295b7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-page.75b295b7.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/arrow-left.vue","../../src/components/internal/dialog-page/dialog-page.types.ts","../../src/components/internal/dialog-page/dialog-page.keys.ts","../../src/components/internal/dialog-page/dialog-page.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M3.80655 7.25434L8.06077 3.00011L7.00011 1.93945L0.939453 8.00011L7.00011 14.0608L8.06077 13.0001L3.81499 8.75433L14.7508 8.74316L14.7492 7.24316L3.80655 7.25434Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","import { Ref } from 'vue';\n\nexport enum BentoDialogPageAnimation {\n    TRANSITION_LEVEL_DEEPER = 'b-dialog-page__animation--level-deeper',\n    TRANSITION_LEVEL_UPPER = 'b-dialog-page__animation--level-upper',\n}\n\nexport interface BentoDialogPageConfigData {\n    activePage: Ref<string>;\n    animation: Ref<string>;\n    isOpen: Ref<boolean>;\n    pages: Ref<string[]>;\n    previousPages: Ref<string[]>;\n    updatePage: (page: string) => void;\n}\n\nexport type BentoDialogPageRegisterPage = (pageId: string) => { unregisterPage: () => void };\n","export const DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY = Symbol('dialog registerPage injection key');\nexport const DIALOG_PAGE_CONFIG_INJECTION_KEY = Symbol('dialog page config data injection key');\n","<template>\n    <Transition :name=\"animation\" mode=\"out-in\" @after-leave=\"updateAnimation\">\n        <div v-if=\"isOpen && showPage\" class=\"b-dialog-page\">\n            <div v-if=\"hasSlot('header')\" class=\"b-dialog-page__header\" :class=\"headerConditionalClasses\">\n                <div\n                    v-if=\"showBackButton\"\n                    class=\"b-dialog-page__back-button\"\n                    :style=\"backButtonStyling\"\n                    data-testid=\"back-button\"\n                >\n                    <bento-button variant=\"tertiary\" @click=\"goToPreviousPage(previousPage)\">\n                        <arrow-left-icon :svg-title=\"t('goToPreviousPage')\" />\n                    </bento-button>\n                </div>\n                <slot name=\"header\"></slot>\n            </div>\n            <div v-if=\"hasSlot('content')\" ref=\"contentElement\" class=\"b-dialog-page__content\" @scroll=\"onScroll\">\n                <slot name=\"content\" />\n            </div>\n            <div v-if=\"hasSlot('footer')\" class=\"b-dialog-page__footer\" :class=\"footerConditionalClasses\">\n                <slot name=\"footer\" />\n            </div>\n        </div>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, nextTick, onUnmounted, PropType, ref, useSlots, watch } from 'vue';\n\n    import { BentoButton } from '@/components/button';\n    import ArrowLeftIcon from '@adyen/ui-assets-icons-16/vue/arrow-left';\n\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { isDevelopmentEnviroment } from '@/utils/ts/dev-environment';\n\n    import {\n        BentoDialogPageAnimation,\n        BentoDialogPageConfigData,\n        BentoDialogPageRegisterPage,\n    } from './dialog-page.types';\n    import type { CSSProperties } from 'vue/types/jsx';\n\n    import { DIALOG_PAGE_CONFIG_INJECTION_KEY, DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY } from './dialog-page.keys';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Identifier of the page, used with activePage prop to handle navigation\n         */\n        pageId: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * Show header and actions border\n         */\n        alwaysShowBorder: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Pass custom styling to the back button to position it correctly with the header slot\n         */\n        backButtonStyling: { type: Object as PropType<CSSProperties>, default: null },\n\n        /**\n         * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior\n         * Used when the back button should not take the user to the natural previous page\n         * Set to `null` to hide back button in the page\n         */\n        previousPage: {\n            type: String,\n            default: undefined,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Fires when the animation ends\n         */\n        (e: 'animationend'): void;\n    }>();\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // Refs\n    const contentElement = ref<HTMLDivElement>(null);\n    const hasScroll = ref(false);\n    const isScrollAtTop = ref(true);\n    const isScrollAtBottom = ref(false);\n\n    // Logic to choose which page is active/shown\n    const showPage = computed(() => (activePage.value ? activePage.value === props.pageId : true));\n\n    // Scrolling styling logic\n    const headerConditionalClasses = computed(() => ({\n        'b-dialog-page__header--with-border': props.alwaysShowBorder || (hasScroll.value && !isScrollAtTop.value),\n    }));\n\n    const footerConditionalClasses = computed(() => ({\n        'b-dialog-page__footer--with-border': props.alwaysShowBorder || (hasScroll.value && !isScrollAtBottom.value),\n    }));\n\n    const onScroll = () => {\n        if (!contentElement.value) {\n            return;\n        }\n\n        isScrollAtTop.value = contentElement.value.scrollTop === 0;\n        isScrollAtBottom.value =\n            contentElement.value.scrollHeight - contentElement.value.clientHeight === contentElement.value.scrollTop;\n    };\n\n    const calculateScroll = async watchedValue => {\n        if (!watchedValue) {\n            return;\n        }\n        // Wait for content to be rendered to be able to calculate the height\n        await nextTick();\n        hasScroll.value = contentElement.value && contentElement.value.scrollHeight > contentElement.value.clientHeight;\n    };\n\n    const { activePage, animation, isOpen, pages, previousPages, updatePage } = inject<BentoDialogPageConfigData>(\n        DIALOG_PAGE_CONFIG_INJECTION_KEY\n    );\n\n    watch(() => isOpen.value, calculateScroll, { immediate: true });\n    watch(() => showPage.value, calculateScroll, { immediate: true });\n\n    // Logic to determine whether the back button should be shown on the page\n    const showBackButton = computed(() => {\n        if (props.previousPage) {\n            return true;\n        }\n        if (props.previousPage === null) {\n            return false;\n        }\n        return hasPreviousPages.value && showPage.value;\n    });\n\n    // Animation\n    const updateAnimation = () => {\n        animation.value = BentoDialogPageAnimation.TRANSITION_LEVEL_DEEPER;\n        emit('animationend');\n    };\n\n    // Previous page logic\n    const hasPreviousPages = computed(() => previousPages.value.length > 1);\n    const lastPage = computed(() => previousPages.value[previousPages.value.length - 1]);\n    const isActivePageValid = computed(() => pages.value.some(page => page === activePage.value));\n\n    const goToPreviousPage = async (page: string) => {\n        if (page) {\n            const index = previousPages.value.indexOf(page);\n            if (index !== -1) {\n                previousPages.value = previousPages.value.slice(0, index + 1);\n            } else {\n                previousPages.value = [page];\n            }\n        } else {\n            previousPages.value.pop();\n        }\n\n        animation.value = BentoDialogPageAnimation.TRANSITION_LEVEL_UPPER;\n        await nextTick();\n        updatePage(lastPage.value);\n    };\n\n    // Add new page to the previousPage array to keep track of user navigation\n    watch(\n        () => activePage.value,\n        async () => {\n            await nextTick();\n            if (!isOpen.value) {\n                return;\n            }\n\n            if (!!activePage.value && !isActivePageValid.value) {\n                if (isDevelopmentEnviroment) {\n                    // eslint-disable-next-line no-console\n                    console.error(\n                        `The activePage passed \"${activePage.value}\" does not match the id of any of the pages`\n                    );\n                    return;\n                }\n            }\n\n            if (activePage.value !== lastPage.value) {\n                previousPages.value.push(activePage.value);\n            }\n        },\n        { immediate: true }\n    );\n\n    // Register page to parent component and inject data from parent component\n    const registerPage = inject<BentoDialogPageRegisterPage>(DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY);\n    const { unregisterPage } = registerPage(props.pageId);\n\n    // Unregister page on unmounting the page\n    onUnmounted(() => unregisterPage());\n</script>\n\n<script lang=\"ts\">\n    /**\n     * DialogPage is an internal component used to render different pages of dialog components (Modal, ModalFullscreen and Sidepanel)\n     *\n     * @example\n     * import { DialogPage } from '@/internal';\n     *\n     * export default {\n     *     components: { DialogPage },\n     *     template: `\n     *          <dialog-page pageId='step1' always-show-border>\n     *              <template #header>Header</template>\n     *              <template #content>Content</template>\n     *              <template #footer>Footer</template>\n     *          </dialog-page>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./dialog-page.scss\" />\n"],"names":["uuid","_sfc_main$1","BentoDialogPageAnimation","BentoDialogPageAnimation2","DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY","DIALOG_PAGE_CONFIG_INJECTION_KEY","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","contentElement","ref","hasScroll","isScrollAtTop","isScrollAtBottom","showPage","computed","activePage","props","headerConditionalClasses","footerConditionalClasses","onScroll","calculateScroll","watchedValue","nextTick","animation","isOpen","pages","previousPages","updatePage","inject","watch","showBackButton","hasPreviousPages","updateAnimation","emit","lastPage","isActivePageValid","page","goToPreviousPage","index","isDevelopmentEnviroment","registerPage","unregisterPage","onUnmounted"],"mappings":"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","x_google_ignoreList":[0]}