@adyen/bento-vue3 1.27.0 → 1.28.0

package/dist/tutorial.js

@@ -1,410 +1,5 @@
-import { defineComponent as k, ref as B, openBlock as c, createBlock as O, unref as o, withCtx as v, createElementVNode as p, normalizeStyle as q, createElementBlock as b, mergeProps as N, toDisplayString as E, createCommentVNode as S, computed as l, isRef as Z, watch as I, nextTick as z, createVNode as y, withKeys as H, createSlots as U, createTextVNode as R, renderSlot as W, pushScopeId as X, popScopeId as G, Fragment as J, renderList as Q } from "vue";
-import { B as Y } from "./chunks/index.6bb6f38c.js";
-import { B as P, a as tt } from "./chunks/index.a001a0a8.js";
-import { B as $ } from "./chunks/index.ee15db35.js";
-import { BentoImage as et } from "./image.js";
-import { u as ot } from "./chunks/i18n.f7e6533e.js";
-import { R as st } from "./chunks/refresh.bd60f6a8.js";
-import { _ as F } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as A, h as nt, o as at } from "./chunks/index.6295e754.js";
-import { B as it } from "./chunks/button-actions.82163994.js";
-import "./assets/index37.css";
-var V;
-const lt = /* @__PURE__ */ k({
-  __name: "tutorial-indicator",
-  props: {
-    /**
-     * Tutorial indicator's target element.
-     * The indicator will position itself around the target element.
-     */
-    targetElement: {
-      type: (V = A.props) == null ? void 0 : V.targetElement.type,
-      required: !0
-    }
-  },
-  setup(t) {
-    const e = B({
-      width: "0",
-      height: "0",
-      borderRadius: "0"
-    });
-    function u(d) {
-      try {
-        const _ = parseFloat(getComputedStyle(d).getPropertyValue("border-radius"));
-        return Number.isNaN(_) ? "" : `${_ + 2 * 2}px`;
-      } catch {
-        return "";
-      }
-    }
-    const a = [
-      nt(),
-      at({
-        mainAxis: 2,
-        alignmentAxis: -2
-      }),
-      {
-        name: "updateIndicatorSize",
-        fn: ({ x: d, y: _, elements: s }) => {
-          const n = s.reference;
-          return e.value.width = `${n.offsetWidth + 4 * 2}px`, e.value.height = `${n.offsetHeight + 4 * 2}px`, e.value.borderRadius = u(n), { x: d, y: _ };
-        }
-      }
-    ];
-    return (d, _) => (c(), O(o(A), {
-      "target-element": t.targetElement,
-      middleware: a,
-      position: "top-start",
-      "fixed-positioning": "",
-      "disabled-focus-trap": "",
-      class: "b-tutorial-indicator",
-      "data-testid": "tutorial-indicator"
-    }, {
-      default: v(() => [
-        p("div", {
-          class: "b-tutorial-indicator__highlight",
-          style: q(e.value)
-        }, null, 4)
-      ]),
-      _: 1
-    }, 8, ["target-element"]));
-  }
-});
-const rt = /* @__PURE__ */ F(lt, [["__scopeId", "data-v-672deffb"]]);
-let D = 0;
-const ut = {
-  beforeCreate() {
-    this.uuid = D.toString(), D += 1;
-  }
-}, ct = { key: 0 }, pt = ["clip-path"], dt = /* @__PURE__ */ p("path", {
-  fill: "#00112C",
-  d: "M9.51195 0.398918C8.00859 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.704529 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8887 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.5555 10.9198 13.2667 11.4124 12.9177 11.8573L4.14271 3.0823C4.58761 2.73333 5.08018 2.44448 5.60823 2.22576ZM3.08208 4.14298L11.857 12.9179C11.7327 13.0154 11.6044 13.1085 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C2.89155 4.39564 2.98456 4.26733 3.08208 4.14298Z"
-}, null, -1), _t = [
-  dt
-], ft = ["id"], vt = /* @__PURE__ */ p("rect", {
-  width: "16",
-  height: "16",
-  fill: "#fff"
-}, null, -1), mt = [
-  vt
-];
-function gt(t, r, e, u, a, d) {
-  return c(), b("svg", N({ role: "img" }, t.$attrs, {
-    class: "ui-assets-icons-16",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    t.$attrs["svg-title"] ? (c(), b("title", ct, E(t.$attrs["svg-title"]), 1)) : S("", !0),
-    p("g", {
-      "clip-path": "url(#uia-icons-16-blocked__a" + t.uuid + ")"
-    }, _t, 8, pt),
-    p("defs", null, [
-      p("clipPath", {
-        id: "uia-icons-16-blocked__a" + t.uuid
-      }, mt, 8, ft)
-    ])
-  ], 16);
-}
-const ht = /* @__PURE__ */ F(ut, [["render", gt]]), L = {
-  "en-US": {
-    finish: "Finish",
-    next: "Next",
-    ok: "OK",
-    restartTour: "Restart tour",
-    skipTour: "Skip tour",
-    startTour: "Start tour",
-    stepsOfTotal: "{step} of {totalSteps}"
-  }
-}, yt = (t) => (X("data-v-9513f48c"), t = t(), G(), t), St = { key: 0 }, Ot = /* @__PURE__ */ yt(() => /* @__PURE__ */ p("div", {
-  "aria-hidden": "true",
-  class: "b-tutorial-popover__ripple"
-}, null, -1)), bt = { class: "b-tutorial-popover__header" }, Ct = { class: "b-tutorial-popover__footer" }, Tt = { class: "b-tutorial-popover__actions" }, Bt = {
-  i18n: { messages: L }
-}, Et = /* @__PURE__ */ k({
-  ...Bt,
-  __name: "tutorial-popover",
-  props: {
-    /**
-     * Optional configuration for the secondary action.
-     * In tour tutorials, this is ignored for the introductory step.
-     */
-    action: {
-      type: Object,
-      default: null
-    },
-    /**
-     * Indicates whether this popover is the active step (and should be visible).
-     */
-    active: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Optional illustration to display at the top of the popover.
-     */
-    image: {
-      type: Object,
-      default: null
-    },
-    /**
-     * Popover's position relative to the target element.
-     * Possible values are:
-     * 'auto',    'auto-start',    'auto-end',
-     * 'top',     'top-start',     'top-end'
-     * 'right',   'right-start',   'right-end'
-     * 'bottom',  'bottom-start',  'bottom-end'
-     * 'left',    'left-start',    'left-end'
-     */
-    position: {
-      type: String,
-      default: P.BOTTOM_START,
-      validator: (t) => Object.values(P).includes(t)
-    },
-    /**
-     * Options to control the scroll into view behavior.
-     * Takes the same options as the `scrollIntoView` function
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView}
-     */
-    scrollOptions: {
-      type: [Boolean, Object],
-      default: null
-    },
-    /**
-     * Indicates whether this popover is a single tutorial or a tour.
-     */
-    single: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * The tutorial step number.
-     * In tour tutorials, `0` is the introductory step, and is displayed next
-     * to the title.
-     */
-    step: {
-      type: Number,
-      default: null
-    },
-    /**
-     * Tutorial popover's target element.
-     * The popover will position itself relatively to target element.
-     */
-    targetElement: {
-      type: [Element, Object],
-      required: !0
-    },
-    /**
-     * The tutorial step title.
-     */
-    title: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Total count of steps.
-     * In tour tutorials, this does not include the introductory step, and is
-     * displayed next to the title.
-     */
-    totalSteps: {
-      type: Number,
-      default: null
-    }
-  },
-  emits: ["next", "finish", "restart"],
-  setup(t, { emit: r }) {
-    const e = t, u = { behavior: "smooth" }, { t: a } = ot({ messages: L }), d = l(() => ({
-      title: a("skipTour"),
-      event: () => r("finish")
-    })), _ = l(() => ({
-      title: a("startTour"),
-      event: () => r("next")
-    })), s = l(() => ({
-      title: a("next"),
-      event: () => r("next")
-    })), n = l(() => ({
-      title: a("finish"),
-      event: () => r("finish")
-    })), g = l(() => ({
-      title: a("ok"),
-      event: () => r("finish")
-    })), C = B(!1), h = B(!1), m = l(() => {
-      var i;
-      return Z(e.targetElement) ? ((i = e.targetElement.value) == null ? void 0 : i.$el) || e.targetElement.value : e.targetElement.$el || e.targetElement;
-    }), T = l(() => e.step === 0), w = l(() => e.step === e.totalSteps), j = l(() => !T.value), K = l(() => [
-      {
-        text: a("restartTour"),
-        handler: () => r("restart"),
-        icon: st
-      },
-      ...w.value ? [] : [
-        {
-          text: "Skip tour",
-          handler: () => r("finish"),
-          icon: ht
-        }
-      ]
-    ]), M = l(() => {
-      let i;
-      T.value ? i = e.single ? g.value : _.value : w.value ? i = n.value : i = s.value;
-      const f = [i];
-      return T.value && !e.single ? f.push(d.value) : e.action && f.push(e.action), f;
-    });
-    return I(
-      () => e.active,
-      async (i) => {
-        var f, x;
-        i && ((f = m.value) != null && f.scrollIntoView) && ((x = m.value) == null || x.scrollIntoView(
-          e.scrollOptions != null ? e.scrollOptions : u
-        ), await z()), C.value = i, h.value = i;
-      },
-      { immediate: !0 }
-    ), (i, f) => t.active && o(m) ? (c(), b("div", St, [
-      h.value && o(m) ? (c(), O(o(rt), {
-        key: 0,
-        "target-element": o(m)
-      }, null, 8, ["target-element"])) : S("", !0),
-      y(o(tt), {
-        "target-element": o(m),
-        position: t.position,
-        open: C.value,
-        "aria-label": t.title,
-        "fixed-positioning": "",
-        class: "b-tutorial-popover",
-        onKeydown: f[0] || (f[0] = H((x) => r("finish"), ["esc", "native"]))
-      }, U({
-        default: v(() => [
-          Ot,
-          p("div", bt, [
-            y(o($), {
-              variant: "title",
-              el: "span"
-            }, {
-              default: v(() => [
-                R(E(t.title), 1)
-              ]),
-              _: 1
-            }),
-            o(j) ? (c(), O(o($), {
-              key: 0,
-              el: "span",
-              class: "b-tutorial-popover__steps"
-            }, {
-              default: v(() => [
-                R(E(o(a)("stepsOfTotal", { step: t.step, totalSteps: t.totalSteps })), 1)
-              ]),
-              _: 1
-            })) : S("", !0)
-          ]),
-          y(o($), null, {
-            default: v(() => [
-              W(i.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          }),
-          p("div", Ct, [
-            o(T) ? S("", !0) : (c(), O(o(Y), {
-              key: 0,
-              data: o(K),
-              class: "b-tutorial-popover__menu",
-              "data-testid": "menu-button"
-            }, null, 8, ["data"])),
-            p("div", Tt, [
-              y(o(it), {
-                actions: o(M),
-                layout: "buttons-end"
-              }, null, 8, ["actions"])
-            ])
-          ])
-        ]),
-        _: 2
-      }, [
-        t.image ? {
-          name: "image",
-          fn: v(() => [
-            y(o(et), N(t.image, {
-              "aspect-ratio": "landscape",
-              class: "b-tutorial-popover__image"
-            }), null, 16)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["target-element", "position", "open", "aria-label"])
-    ])) : S("", !0);
-  }
-});
-const xt = /* @__PURE__ */ F(Et, [["__scopeId", "data-v-9513f48c"]]), $t = { class: "b-tutorial" }, It = {}, jt = /* @__PURE__ */ k({
-  ...It,
-  __name: "tutorial",
-  props: {
-    /**
-     * The current step index. If provided, will start the tutorial in that step.
-     */
-    index: {
-      type: Number,
-      default: null
-    },
-    /**
-     * The steps configuration for the tutorial.
-     *
-     */
-    steps: {
-      type: Array,
-      required: !0,
-      validator: (t) => t.length > 0
-    },
-    /**
-     * Options to control the scroll into view behavior.
-     * Takes the same options as the `scrollIntoView` function
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView}
-     */
-    scrollOptions: {
-      type: [Boolean, Object],
-      default: null
-    }
-  },
-  emits: ["update:index"],
-  setup(t, { emit: r }) {
-    const e = t, u = B(e.index || 0), a = l(() => e.steps.length - 1), d = l(() => a.value === 0);
-    function _(s, n) {
-      return {
-        // Visual
-        targetElement: s.target,
-        image: s.image,
-        title: s.title,
-        step: n,
-        totalSteps: a.value,
-        action: s.action,
-        scrollOptions: e.scrollOptions,
-        // Config
-        active: n === u.value,
-        single: d.value,
-        position: s.position
-      };
-    }
-    return I(u, (s) => {
-      r("update:index", s);
-    }), I(
-      () => e.index,
-      (s) => {
-        s >= -1 && s <= a.value && (u.value = s);
-      }
-    ), (s, n) => (c(), b("div", $t, [
-      (c(!0), b(J, null, Q(t.steps, (g, C) => (c(), O(o(xt), N(_(g, C), {
-        key: g.title,
-        onFinish: n[0] || (n[0] = (h) => u.value = -1),
-        onNext: n[1] || (n[1] = (h) => u.value += 1),
-        onRestart: n[2] || (n[2] = (h) => u.value = 0)
-      }), {
-        default: v(() => [
-          R(E(g.description), 1)
-        ]),
-        _: 2
-      }, 1040))), 128))
-    ]));
-  }
-});
+import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.WNVsOZdp.js";
 export {
-  jt as BentoTutorial
+  t as BentoTutorial
 };
 //# sourceMappingURL=tutorial.js.map

package/dist/tutorial.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutorial.js","sources":["../../vue2/src/components/tutorial/components/tutorial-popover/components/tutorial-indicator/tutorial-indicator.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/blocked.vue","../../vue2/src/components/tutorial/components/tutorial-popover/tutorial-popover.vue","../../vue2/src/components/tutorial/tutorial.vue"],"sourcesContent":["<template>\n    <popper-container\n        :target-element=\"targetElement\"\n        :middleware=\"middleware\"\n        position=\"top-start\"\n        fixed-positioning\n        disabled-focus-trap\n        class=\"b-tutorial-indicator\"\n        data-testid=\"tutorial-indicator\"\n    >\n        <div class=\"b-tutorial-indicator__highlight\" :style=\"computedStyles\"></div>\n    </popper-container>\n</template>\n\n<script setup lang=\"ts\">\n    import { ref } from 'vue';\n    import { hide, type Middleware, offset } from '@floating-ui/vue';\n    import { PopperContainer } from '@/components/popper-container';\n\n    const BORDER_OFFSET = 2;\n\n    defineProps({\n        /**\n         * Tutorial indicator's target element.\n         * The indicator will position itself around the target element.\n         */\n        targetElement: {\n            type: PopperContainer.props?.targetElement.type,\n            required: true,\n        },\n    });\n\n    const computedStyles = ref({\n        width: '0',\n        height: '0',\n        borderRadius: '0',\n    });\n\n    function getBorderRadius(element: HTMLElement) {\n        try {\n            const radius = parseFloat(getComputedStyle(element).getPropertyValue('border-radius'));\n            return Number.isNaN(radius) ? '' : `${radius + 2 * BORDER_OFFSET}px`;\n        } catch {\n            return '';\n        }\n    }\n\n    const middleware = [\n        hide(),\n        offset({\n            mainAxis: BORDER_OFFSET,\n            alignmentAxis: -BORDER_OFFSET,\n        }),\n        {\n            name: 'updateIndicatorSize',\n            fn: ({ x, y, elements }) => {\n                const target = elements.reference as HTMLElement;\n                computedStyles.value.width = `${target.offsetWidth + 4 * BORDER_OFFSET}px`;\n                computedStyles.value.height = `${target.offsetHeight + 4 * BORDER_OFFSET}px`;\n                computedStyles.value.borderRadius = getBorderRadius(target);\n                return { x, y };\n            },\n        } as Middleware,\n    ];\n</script>\n\n<style lang=\"scss\" scoped src=\"./tutorial-indicator.scss\" />\n","\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><g :clip-path=\"'url(#uia-icons-16-blocked__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M9.51195 0.398918C8.00859 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.704529 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8887 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.5555 10.9198 13.2667 11.4124 12.9177 11.8573L4.14271 3.0823C4.58761 2.73333 5.08018 2.44448 5.60823 2.22576ZM3.08208 4.14298L11.857 12.9179C11.7327 13.0154 11.6044 13.1085 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C2.89155 4.39564 2.98456 4.26733 3.08208 4.14298Z\"/></g><defs><clipPath :id=\"'uia-icons-16-blocked__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></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","<template>\n    <div v-if=\"active && targetElement\">\n        <tutorial-indicator v-if=\"isIndicatorVisible && targetElement\" :target-element=\"targetElement\" />\n\n        <bento-popover\n            :target-element=\"targetElement\"\n            :position=\"position\"\n            :open=\"isPopoverOpen\"\n            :aria-label=\"title\"\n            fixed-positioning\n            class=\"b-tutorial-popover\"\n            @keydown.esc.native=\"emit('finish')\"\n        >\n            <template v-if=\"image\" #image>\n                <bento-image v-bind=\"image\" aspect-ratio=\"landscape\" class=\"b-tutorial-popover__image\" />\n            </template>\n\n            <div aria-hidden=\"true\" class=\"b-tutorial-popover__ripple\"></div>\n\n            <div class=\"b-tutorial-popover__header\">\n                <bento-typography variant=\"title\" el=\"span\"> {{ title }} </bento-typography>\n\n                <bento-typography v-if=\"showSteps\" el=\"span\" class=\"b-tutorial-popover__steps\">\n                    {{ t('stepsOfTotal', { step, totalSteps }) }}\n                </bento-typography>\n            </div>\n\n            <bento-typography>\n                <slot />\n            </bento-typography>\n\n            <div class=\"b-tutorial-popover__footer\">\n                <bento-menu\n                    v-if=\"!isFirstStep\"\n                    :data=\"menuData\"\n                    class=\"b-tutorial-popover__menu\"\n                    data-testid=\"menu-button\"\n                />\n                <div class=\"b-tutorial-popover__actions\">\n                    <bento-button-actions :actions=\"computedActions\" layout=\"buttons-end\" />\n                </div>\n            </div>\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, isRef, nextTick, PropType, ref, type default as Vue, watch } from 'vue';\n    import { BentoMenu } from '@/components/menu';\n    import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n    import { BentoTypography } from '@/components/typography';\n    import { type BentoButtonActionObject, BentoButtonActions } from '@/components/button';\n    import { BentoImage } from '@/components/image';\n    import { TutorialIndicator } from './components/tutorial-indicator';\n    import { useI18n } from '@/utils/ts/i18n';\n    import type { BentoMenuItem } from '@/components/menu/components';\n    import type { VueNodeElement } from '@/types';\n    import type { BentoTutorialScrollOptions, BentoTutorialStep } from '../../tutorial.types';\n    import RefreshIcon from '@adyen/ui-assets-icons-16/vue/refresh';\n    import BlockedIcon from '@adyen/ui-assets-icons-16/vue/blocked';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const DEFAULT_SCROLL_OPTIONS: BentoTutorialScrollOptions = { behavior: 'smooth' };\n\n    const props = defineProps({\n        /**\n         * Optional configuration for the secondary action.\n         * In tour tutorials, this is ignored for the introductory step.\n         */\n        action: {\n            type: Object as PropType<BentoButtonActionObject>,\n            default: null,\n        },\n\n        /**\n         * Indicates whether this popover is the active step (and should be visible).\n         */\n        active: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Optional illustration to display at the top of the popover.\n         */\n        image: {\n            type: Object as PropType<BentoTutorialStep['image']>,\n            default: null,\n        },\n\n        /**\n         * Popover's position relative to the target element.\n         * Possible values are:\n         * 'auto',    'auto-start',    'auto-end',\n         * 'top',     'top-start',     'top-end'\n         * 'right',   'right-start',   'right-end'\n         * 'bottom',  'bottom-start',  'bottom-end'\n         * 'left',    'left-start',    'left-end'\n         */\n        position: {\n            type: String as PropType<`${BentoPopoverPositions}`>,\n            default: BentoPopoverPositions.BOTTOM_START,\n            validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n        },\n\n        /**\n         * Options to control the scroll into view behavior.\n         * Takes the same options as the `scrollIntoView` function\n         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView}\n         */\n        scrollOptions: {\n            type: [Boolean, Object] as PropType<BentoTutorialScrollOptions>,\n            default: null,\n        },\n\n        /**\n         * Indicates whether this popover is a single tutorial or a tour.\n         */\n        single: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * The tutorial step number.\n         * In tour tutorials, `0` is the introductory step, and is displayed next\n         * to the title.\n         */\n        step: {\n            type: Number,\n            default: null,\n        },\n\n        /**\n         * Tutorial popover's target element.\n         * The popover will position itself relatively to target element.\n         */\n        targetElement: {\n            type: [Element, Object] as PropType<VueNodeElement>,\n            required: true,\n        },\n\n        /**\n         * The tutorial step title.\n         */\n        title: {\n            type: String,\n            required: true,\n        },\n\n        /**\n         * Total count of steps.\n         * In tour tutorials, this does not include the introductory step, and is\n         * displayed next to the title.\n         */\n        totalSteps: {\n            type: Number,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the user clicks the primary action in popovers during introductory or intermediate steps of tour tutorials\n         */\n        (e: 'next'): void;\n\n        /**\n         * Emitted when the user clicks the primary action in a single tutorial, the last step of a tour, or skips the tutorial\n         */\n        (e: 'finish'): void;\n\n        /**\n         * Emitted when the user selects the restart tour option\n         */\n        (e: 'restart'): void;\n    }>();\n\n    const ACTION_SKIP = computed<BentoButtonActionObject>(() => ({\n        title: t('skipTour') as string,\n        event: () => emit('finish'),\n    }));\n\n    const ACTION_START = computed<BentoButtonActionObject>(() => ({\n        title: t('startTour') as string,\n        event: () => emit('next'),\n    }));\n\n    const ACTION_NEXT = computed<BentoButtonActionObject>(() => ({\n        title: t('next') as string,\n        event: () => emit('next'),\n    }));\n\n    const ACTION_FINISH = computed<BentoButtonActionObject>(() => ({\n        title: t('finish') as string,\n        event: () => emit('finish'),\n    }));\n\n    const ACTION_OK = computed<BentoButtonActionObject>(() => ({\n        title: t('ok') as string,\n        event: () => emit('finish'),\n    }));\n\n    const isPopoverOpen = ref(false);\n    const isIndicatorVisible = ref(false);\n\n    const targetElement = computed(() => {\n        if (isRef(props.targetElement)) {\n            return ((props.targetElement.value as Vue)?.$el || props.targetElement.value) as HTMLElement;\n        }\n        return ((props.targetElement as Vue).$el || props.targetElement) as HTMLElement;\n    });\n\n    const isFirstStep = computed(() => props.step === 0);\n    const isLastStep = computed(() => props.step === props.totalSteps);\n\n    const showSteps = computed(() => !isFirstStep.value);\n\n    const menuData = computed<BentoMenuItem[]>(() => [\n        {\n            text: t('restartTour'),\n            handler: () => emit('restart'),\n            icon: RefreshIcon,\n        },\n        ...(isLastStep.value\n            ? []\n            : [\n                  {\n                      text: 'Skip tour',\n                      handler: () => emit('finish'),\n                      icon: BlockedIcon,\n                  },\n              ]),\n    ]);\n\n    const computedActions = computed(() => {\n        let primaryAction: BentoButtonActionObject;\n        if (isFirstStep.value) {\n            primaryAction = props.single ? ACTION_OK.value : ACTION_START.value;\n        } else if (isLastStep.value) {\n            primaryAction = ACTION_FINISH.value;\n        } else {\n            primaryAction = ACTION_NEXT.value;\n        }\n\n        const actions = [primaryAction];\n        if (isFirstStep.value && !props.single) {\n            actions.push(ACTION_SKIP.value);\n        } else if (props.action) {\n            actions.push(props.action);\n        }\n\n        return actions;\n    });\n\n    watch(\n        () => props.active,\n        async isActive => {\n            if (isActive && targetElement.value?.scrollIntoView) {\n                targetElement.value?.scrollIntoView(\n                    props.scrollOptions != null ? props.scrollOptions : DEFAULT_SCROLL_OPTIONS\n                );\n\n                // Skip to next tick to preserve popover appear animation\n                await nextTick();\n            }\n\n            isPopoverOpen.value = isActive;\n            isIndicatorVisible.value = isActive;\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./tutorial-popover.scss\" />\n","<template>\n    <div class=\"b-tutorial\">\n        <tutorial-popover\n            v-for=\"(step, i) in steps\"\n            v-bind=\"getPopoverProps(step, i)\"\n            :key=\"step.title\"\n            @finish=\"currentStep = -1\"\n            @next=\"currentStep += 1\"\n            @restart=\"currentStep = 0\"\n        >\n            {{ step.description }}\n        </tutorial-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, ref, watch } from 'vue';\n    import { TutorialPopover } from './components/tutorial-popover';\n    import type { BentoTutorialScrollOptions, BentoTutorialStep } from './tutorial.types';\n\n    const props = defineProps({\n        /**\n         * The current step index. If provided, will start the tutorial in that step.\n         */\n        index: {\n            type: Number,\n            default: null,\n        },\n\n        /**\n         * The steps configuration for the tutorial.\n         *\n         */\n        steps: {\n            type: Array as PropType<BentoTutorialStep[]>,\n            required: true,\n            validator: (value: BentoTutorialStep[]) => value.length > 0,\n        },\n\n        /**\n         * Options to control the scroll into view behavior.\n         * Takes the same options as the `scrollIntoView` function\n         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView}\n         */\n        scrollOptions: {\n            type: [Boolean, Object] as PropType<BentoTutorialScrollOptions>,\n            default: null,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Fired every time the step index is changed. `-1` value means the tutorial is finished/skipped.\n         */\n        (e: 'update:index', value: number);\n    }>();\n\n    const currentStep = ref(props.index || 0);\n\n    const totalSteps = computed(() => props.steps.length - 1);\n    const isSingleTutorial = computed(() => totalSteps.value === 0);\n\n    function getPopoverProps(step: BentoTutorialStep, index: number) {\n        return {\n            // Visual\n            targetElement: step.target,\n            image: step.image,\n            title: step.title,\n            step: index,\n            totalSteps: totalSteps.value,\n            action: step.action,\n            scrollOptions: props.scrollOptions,\n\n            // Config\n            active: index === currentStep.value,\n            single: isSingleTutorial.value,\n            position: step.position,\n        };\n    }\n\n    watch(currentStep, step => {\n        emit('update:index', step);\n    });\n\n    watch(\n        () => props.index,\n        value => {\n            if (value >= -1 && value <= totalSteps.value) {\n                currentStep.value = value;\n            }\n        }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The Tutorial is a temporary popover that should be used to educate users about\n     * new or unfamiliar features or experiences.\n     *\n     * You can use single tutorial or chain them into a tour.\n     *\n     * Only use this component for new features/experiences that are not obvious and\n     * self-explanatory on their own.\n     *\n     * @example\n     * import { BentoTutorial } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoTutorial },\n     *     template: `\n     *         <bento-tutorial\n     *           :steps=\"[\n     *               {\n     *                   target: targetElement1,\n     *                   title: 'Tutorial intro title',\n     *                   description: 'Intro body content',\n     *                   image: { src: imageSource, alt: 'Alt text' }\n     *               },\n     *               {\n     *                   target: targetElement1,\n     *                   title: 'Tutorial intro title',\n     *                   description: 'Intro body content',\n     *                   action: { title: 'Action label', event: () => {} }\n     *               },\n     *           ]\"\n     *         />\n     *     `\n     * }\n     */\n    export default {};\n</script>\n"],"names":["computedStyles","ref","getBorderRadius","element","radius","middleware","hide","offset","x","y","elements","target","uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$2","toDisplayString","__default__$1","messages","DEFAULT_SCROLL_OPTIONS","t","useI18n","ACTION_SKIP","computed","emit","ACTION_START","ACTION_NEXT","ACTION_FINISH","ACTION_OK","isPopoverOpen","isIndicatorVisible","targetElement","isRef","props","_a","isFirstStep","isLastStep","showSteps","menuData","RefreshIcon","BlockedIcon","computedActions","primaryAction","actions","watch","isActive","_b","nextTick","__default__","currentStep","totalSteps","isSingleTutorial","getPopoverProps","step","index","value"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"tutorial.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/typography.js

@@ -1,4 +1,4 @@
-import { B as p, c as e, b as r, a as y } from "./chunks/index.ee15db35.js";
+import { B as p, c as e, b as r, a as y } from "./chunks/typography.D7onlQ9v.js";
 export {
   p as BentoTypography,
   e as BentoTypographyElement,

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue3",
-  "version": "1.27.0",
+  "version": "1.28.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue3",
-    "version": "1.27.0",
+    "version": "1.28.0",
     "description": "Adyen Bento Vue 3 components",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -52,7 +52,7 @@
         "url": "git@github.com:Adyen/bento.git"
     },
     "dependencies": {
-        "@adyen/bento-design-tokens": "1.27.0",
+        "@adyen/bento-design-tokens": "1.28.0",
         "@adyen/ui-assets-icons-16": "4.1.0",
         "@adyen/ui-assets-payment-method-icons": "6.1.0",
         "@codemirror/commands": "6.3.3",
@@ -99,7 +99,7 @@
         "@testing-library/jest-dom": "5.16.5",
         "@testing-library/user-event": "14.4.3",
         "@testing-library/vue": "8.0.2",
-        "@vitejs/plugin-vue": "4.2.3",
+        "@vitejs/plugin-vue": "5.1.4",
         "@vue/compat": "3.2.47",
         "@vue/runtime-core": "3.2.47",
         "@vue/runtime-dom": "3.2.47",
@@ -110,14 +110,12 @@
         "html-webpack-plugin": "4.5.2",
         "sass": "1.54.6",
         "sass-loader": "12.6.0",
-        "svg-url-loader": "2.3.2",
-        "vite": "4.2.1",
+        "svg-url-loader": "6.0.0",
         "vite-plugin-css-injected-by-js": "2.4.0",
         "vite-plugin-dynamic-import": "1.5.0",
         "vue": "~3",
         "vue-docgen-web-types": "0.1.8",
         "vue-i18n": "9.2.2",
-        "vue-loader": "15.10.0",
         "vue-router": "~4.1",
         "vue-style-loader": "4.1.3",
         "vue-tsc": "1.0.24"

package/dist/assets/index.css

@@ -1 +0,0 @@
-svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-link[data-v-5ccdbb58]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-link-color);text-decoration:var(--b-link-text-decoration)}.b-link[data-v-5ccdbb58],.b-link[data-v-5ccdbb58]:before,.b-link[data-v-5ccdbb58]:after{box-sizing:border-box}.b-link *[data-v-5ccdbb58],.b-link *[data-v-5ccdbb58]:before,.b-link *[data-v-5ccdbb58]:after{box-sizing:border-box}.b-link[data-v-5ccdbb58] ::-webkit-scrollbar{height:14px;width:14px}.b-link[data-v-5ccdbb58] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-link[data-v-5ccdbb58]:focus-visible{outline:none}.b-link[data-v-5ccdbb58]:hover{color:var(--b-link-hover-color);text-decoration:var(--b-link-hover-text-decoration)}.b-link[data-v-5ccdbb58]:active{color:var(--b-link-active-color)}.b-link[data-v-5ccdbb58]:focus-visible{animation:outer-ring-default-5ccdbb58 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);border-radius:var(--b-link-border-radius)}@keyframes outer-ring-default-5ccdbb58{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-link--quiet[data-v-5ccdbb58]{color:var(--b-link-quiet-color);text-decoration:none}.b-link--quiet[data-v-5ccdbb58]:hover{color:var(--b-link-quiet-hover-color);text-decoration:underline}.b-link--quiet[data-v-5ccdbb58]:active{color:var(--b-link-quiet-active-color);text-decoration:underline}.b-link--quiet[data-v-5ccdbb58]:focus-visible{text-decoration:underline}.b-link--truncate[data-v-5ccdbb58],.b-data-grid-cell--overflow-ellipsis .b-link[data-v-5ccdbb58]:not(.b-button){display:flex;max-width:fit-content}.b-link--truncate .b-link__text[data-v-5ccdbb58],.b-data-grid-cell--overflow-ellipsis .b-link:not(.b-button) .b-link__text[data-v-5ccdbb58]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-link__external-link-icon[data-v-5ccdbb58]{padding:var(--b-link-external-link-padding)}.b-link__external-link-icon svg[data-v-5ccdbb58]{transform:translateY(2px)}.b-data-grid-cell .b-link[data-v-5ccdbb58]:not(.b-button){color:var(--b-link-data-grid-color);text-decoration-color:var(--b-link-data-grid-text-decoration-color)}@media (hover: hover){.b-data-grid-cell .b-link[data-v-5ccdbb58]:not(.b-button):hover{color:var(--b-link-data-grid-hover-color);text-decoration-color:inherit;text-decoration-line:underline}}.b-data-grid-cell .b-link[data-v-5ccdbb58]:not(.b-button):active,.b-data-grid-cell .b-link[data-v-5ccdbb58]:not(.b-button):focus-visible{color:var(--b-link-data-grid-active-color);text-decoration-color:inherit;text-decoration-line:underline}

package/dist/assets/index26.css

@@ -1 +0,0 @@
-.b-segmented-control-button[data-v-f27ff53f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:fit-content;min-height:20px;position:relative}.b-segmented-control-button[data-v-f27ff53f],.b-segmented-control-button[data-v-f27ff53f]:before,.b-segmented-control-button[data-v-f27ff53f]:after{box-sizing:border-box}.b-segmented-control-button *[data-v-f27ff53f],.b-segmented-control-button *[data-v-f27ff53f]:before,.b-segmented-control-button *[data-v-f27ff53f]:after{box-sizing:border-box}.b-segmented-control-button[data-v-f27ff53f] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control-button[data-v-f27ff53f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-segmented-control-button--truncate[data-v-f27ff53f]{overflow:hidden}.b-segmented-control-button--truncate .b-segmented-control-button__label-container[data-v-f27ff53f]{overflow:hidden;white-space:nowrap}.b-segmented-control-button--truncate .b-segmented-control-button__label[data-v-f27ff53f]{overflow:hidden;text-overflow:ellipsis}.b-segmented-control-button--truncate .b-segmented-control-button__icon[data-v-f27ff53f]{flex-shrink:0}.b-segmented-control-button--wrap .b-segmented-control-button__label-container[data-v-f27ff53f]{text-align:center}.b-segmented-control-button--full-width[data-v-f27ff53f],.b-segmented-control-button--full-width .b-segmented-control-button__label-container[data-v-f27ff53f]{width:100%}.b-segmented-control-button--disabled>*[data-v-f27ff53f]{cursor:not-allowed}.b-segmented-control-button__input[data-v-f27ff53f]{display:none}.b-segmented-control-button__input[data-v-f27ff53f]:disabled{cursor:not-allowed}.b-segmented-control-button__input:disabled+.b-segmented-control-button__label-container[data-v-f27ff53f]{color:var(--b-segmented-control-button-disabled-color);cursor:not-allowed}.b-segmented-control-button__input:hover:not(:disabled)+.b-segmented-control-button__label-container[data-v-f27ff53f]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__input:focus-visible+.b-segmented-control-button__label-container[data-v-f27ff53f]{animation:outer-ring-default-f27ff53f var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-f27ff53f{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-segmented-control-button__input:checked+.b-segmented-control-button__label-container[data-v-f27ff53f]{background-color:var(--b-segmented-control-button-checked-background-color);color:var(--b-segmented-control-button-label-container-checked-color)}.b-segmented-control-button__input:checked:disabled+.b-segmented-control-button__label-container[data-v-f27ff53f]{color:var(--b-segmented-control-button-disabled-color)}.b-segmented-control-button__input:checked:hover:not(:disabled)+.b-segmented-control-button__label-container[data-v-f27ff53f]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__label-container[data-v-f27ff53f]{align-items:center;border-radius:var(--b-segmented-control-button-border-radius);color:var(--b-segmented-control-button-label-container-color);cursor:pointer;display:flex;justify-content:center;padding:var(--b-segmented-control-button-padding)}.b-segmented-control-button__icon[data-v-f27ff53f]{margin-right:var(--b-segmented-control-button-icon-margin-right)}.b-segmented-control[data-v-d443d921]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-segmented-control-background-color);border:unset;border-radius:var(--b-segmented-control-border-radius);display:flex;gap:var(--b-segmented-control-padding);margin-inline:0;padding:var(--b-segmented-control-padding)}.b-segmented-control[data-v-d443d921],.b-segmented-control[data-v-d443d921]:before,.b-segmented-control[data-v-d443d921]:after{box-sizing:border-box}.b-segmented-control *[data-v-d443d921],.b-segmented-control *[data-v-d443d921]:before,.b-segmented-control *[data-v-d443d921]:after{box-sizing:border-box}.b-segmented-control[data-v-d443d921] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control[data-v-d443d921] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-segmented-control--hug[data-v-d443d921]{max-width:100%;width:fit-content}.b-segmented-control--full-width[data-v-d443d921]{justify-content:space-evenly;width:100%}.b-segmented-control--truncate[data-v-d443d921]{justify-content:space-between;overflow:hidden}.b-segmented-control--truncate .b-segmented-control__item[data-v-d443d921]{flex:1 1 auto}.b-segmented-control--wrap[data-v-d443d921]{flex-wrap:wrap;justify-content:center}

package/dist/assets/index30.css

@@ -1 +0,0 @@
-.b-selection-card[data-v-cd9d5db4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;cursor:pointer}.b-selection-card[data-v-cd9d5db4],.b-selection-card[data-v-cd9d5db4]:before,.b-selection-card[data-v-cd9d5db4]:after{box-sizing:border-box}.b-selection-card *[data-v-cd9d5db4],.b-selection-card *[data-v-cd9d5db4]:before,.b-selection-card *[data-v-cd9d5db4]:after{box-sizing:border-box}.b-selection-card[data-v-cd9d5db4] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card[data-v-cd9d5db4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-selection-card__container[data-v-cd9d5db4]{border:var(--b-selection-card-container-border);border-radius:var(--b-selection-card-container-border-radius);display:flex;flex-direction:column;gap:var(--b-selection-card-container-gap);padding:var(--b-selection-card-container-padding);position:relative;width:100%}.b-selection-card__container[data-v-cd9d5db4]:after{border:var(--b-selection-card-container-checked-border);border-radius:var(--b-selection-card-container-border-radius);content:"";inset:-1.5px;pointer-events:none;position:absolute}.b-selection-card__container[data-v-cd9d5db4]:focus-within:has(input:focus-visible){animation:outer-ring-default-cd9d5db4 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-cd9d5db4{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-selection-card__container[data-v-cd9d5db4]:hover{border-color:var(--b-selection-card-container-hover-border-color)}.b-selection-card__container *[data-v-cd9d5db4]{cursor:pointer}.b-selection-card__checkbox-container[data-v-cd9d5db4]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-gap);justify-content:space-between;width:100%}.b-selection-card__checkbox-container--center-aligned[data-v-cd9d5db4]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container--center-aligned[data-v-cd9d5db4]:has(.b-selection-card__icon){align-items:start}}.b-selection-card__checkbox-container-text[data-v-cd9d5db4]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-content-gap)}@container (max-width: 320px){.b-selection-card__checkbox-container-text[data-v-cd9d5db4]{flex-direction:column}}.b-selection-card__checkbox-container-text--center-aligned[data-v-cd9d5db4]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container-text--center-aligned[data-v-cd9d5db4]{align-items:start}}.b-selection-card__description[data-v-cd9d5db4]{color:var(--b-selection-card-description-color)}.b-selection-card__icon[data-v-cd9d5db4]{align-items:center;background-color:var(--b-selection-card-icon-background-color);border-radius:50%;display:flex;flex-grow:1;height:var(--b-selection-card-icon-height);justify-content:center;min-width:var(--b-selection-card-icon-width)}.b-selection-card__slot[data-v-cd9d5db4]{cursor:default}@container (min-width: 320px){.b-selection-card__slot--with-icon[data-v-cd9d5db4]{margin-left:calc(var(--b-selection-card-icon-width) + var(--b-selection-card-container-content-gap))}}.b-selection-card__subtitle[data-v-cd9d5db4]{color:var(--b-selection-card-subtitle-color)}.b-selection-card__text[data-v-cd9d5db4]{display:flex;flex-direction:column;gap:var(--b-selection-card-container-label-container-gap)}.b-selection-card--error[data-v-cd9d5db4]:after{border-color:var(--b-selection-card-container-error-border-color);border-width:var(--b-selection-card-container-error-border-width)}.b-selection-card--disabled[data-v-cd9d5db4]{border-color:var(--b-selection-card-container-disabled-border-color);cursor:not-allowed}component-root .b-selection-card--disabled *[data-v-cd9d5db4]{cursor:not-allowed}.b-selection-card--disabled *[data-v-cd9d5db4]{cursor:not-allowed}.b-selection-card--readonly[data-v-cd9d5db4]{border-color:var(--b-selection-card-container-readonly-border-color)}.b-selection-card--checked .b-selection-card__container[data-v-cd9d5db4]:after{border-color:var(--b-selection-card-container-checked-border-color)}.b-selection-card--checked .b-selection-card--disabled[data-v-cd9d5db4]:after{border-color:var(--b-selection-card-container-checked-disabled-border-color)}.b-selection-card--checked .b-selection-card--error[data-v-cd9d5db4]:after{border-color:var(--b-selection-card-container-checked-error-border-color)}.b-selection-card--checked .b-selection-card--readonl[data-v-cd9d5db4]:after{border-color:var(--b-selection-card-container-checked-readonly-border-color)}.b-selection-card-group[data-v-8da9dd7f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}.b-selection-card-group[data-v-8da9dd7f],.b-selection-card-group[data-v-8da9dd7f]:before,.b-selection-card-group[data-v-8da9dd7f]:after{box-sizing:border-box}.b-selection-card-group *[data-v-8da9dd7f],.b-selection-card-group *[data-v-8da9dd7f]:before,.b-selection-card-group *[data-v-8da9dd7f]:after{box-sizing:border-box}.b-selection-card-group[data-v-8da9dd7f] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card-group[data-v-8da9dd7f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-selection-card-group__items[data-v-8da9dd7f]{display:flex;flex-direction:column;gap:var(--b-selection-card-group-items-gap)}.b-selection-card-group__items--horizontal[data-v-8da9dd7f]{flex-direction:row}.b-selection-card-group__item[data-v-8da9dd7f]{align-items:stretch;display:flex;flex:1 1}.b-selection-card-group__error-message[data-v-8da9dd7f]{margin-top:var(--b-selection-card-group-error-message-margin-top)}

package/dist/assets/index34.css

@@ -1 +0,0 @@
-.b-toggle[data-v-878ec27c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;cursor:pointer;display:flex;user-select:none;width:auto}.b-toggle[data-v-878ec27c],.b-toggle[data-v-878ec27c]:before,.b-toggle[data-v-878ec27c]:after{box-sizing:border-box}.b-toggle *[data-v-878ec27c],.b-toggle *[data-v-878ec27c]:before,.b-toggle *[data-v-878ec27c]:after{box-sizing:border-box}.b-toggle[data-v-878ec27c] ::-webkit-scrollbar{height:14px;width:14px}.b-toggle[data-v-878ec27c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-toggle--disabled[data-v-878ec27c]{cursor:not-allowed;display:flex}.b-toggle--readonly[data-v-878ec27c]{pointer-events:none}.b-toggle--label-first[data-v-878ec27c]{align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end}.b-toggle__input[data-v-878ec27c]{cursor:inherit;opacity:0;position:absolute}.b-toggle__track[data-v-878ec27c]{align-items:center;background-color:var(--b-toggle-track-background-color);border:var(--b-toggle-track-border);border-radius:var(--b-toggle-track-border-radius);display:flex;height:var(--b-toggle-track-height);min-width:var(--b-toggle-track-width);padding:var(--b-toggle-track-padding);position:relative}.b-legacy-theme .b-toggle__track[data-v-878ec27c]{margin-top:var(--b-toggle-track-margin-top)}.b-toggle__input:focus-visible+.b-toggle__track[data-v-878ec27c]{animation:outer-ring-default-878ec27c var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-878ec27c{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-toggle__input:hover:enabled+.b-toggle__track[data-v-878ec27c]{background-color:var(--b-toggle-track-hover-background-color);border-color:var(--b-toggle-track-hover-border-color)}.b-toggle__input:active:enabled+.b-toggle__track[data-v-878ec27c]{background-color:var(--b-toggle-track-active-background-color);border-color:var(--b-toggle-track-active-border-color)}.b-toggle__input:disabled+.b-toggle__track[data-v-878ec27c]{background-color:var(--b-toggle-track-disabled-background-color);border-color:var(--b-toggle-track-disabled-border-color);cursor:not-allowed}.b-toggle--readonly .b-toggle__input+.b-toggle__track[data-v-878ec27c]{background-color:var(--b-toggle-track-readonly-background-color);border-color:var(--b-toggle-track-readonly-border-color)}.b-toggle__input:checked+.b-toggle__track[data-v-878ec27c]{background-color:var(--b-toggle-track-toggled-background-color);border:var(--b-toggle-track-toggled-border);padding:var(--b-toggle-track-toggled-padding)}.b-toggle__input:checked:hover:enabled+.b-toggle__track[data-v-878ec27c]{background-color:var(--b-toggle-track-toggled-hover-background-color)}.b-legacy-theme .b-toggle__input:checked:hover:enabled+.b-toggle__track[data-v-878ec27c]{border-color:var(--b-toggle-track-toggled-hover-border-color)}.b-toggle__input:checked:active:enabled+.b-toggle__track[data-v-878ec27c]{background-color:var(--b-toggle-track-toggled-active-background-color)}.b-toggle__input:checked:disabled+.b-toggle__track[data-v-878ec27c]{background-color:var(--b-toggle-track-toggled-disabled-background-color)}.b-toggle--readonly .b-toggle__input:checked+.b-toggle__track[data-v-878ec27c]{background-color:var(--b-toggle-track-toggled-readonly-background-color)}.b-toggle__handle[data-v-878ec27c]{align-content:center;background-color:var(--b-toggle-handle-background-color);border-radius:var(--b-toggle-handle-border-radius);color:var(--b-toggle-handle-toggled-color);display:inline-flex;height:var(--b-toggle-handle-height);justify-content:center;transition:var(--b-toggle-handle-transition);width:var(--b-toggle-handle-width)}.b-toggle__input:disabled+* .b-toggle__handle[data-v-878ec27c]{background-color:var(--b-toggle-handle-disabled-background-color);cursor:not-allowed}.b-toggle__input:checked+* .b-toggle__handle[data-v-878ec27c]{background-color:var(--b-toggle-handle-toggled-background-color);height:var(--b-toggle-handle-toggled-height);transform:translate(100%);width:var(--b-toggle-handle-toggled-width)}.b-legacy-theme .b-toggle__input:checked+* .b-toggle__handle[data-v-878ec27c]{transform:translate(100%) translate(var(--b-toggle-handle-toggled-offset))}.b-toggle__input:checked:disabled+* .b-toggle__handle[data-v-878ec27c]{background-color:var(--b-toggle-handle-toggled-disabled-background-color);color:var(--b-toggle-handle-toggled-disabled-color);cursor:not-allowed}.b-toggle--readonly .b-toggle__input:checked+* .b-toggle__handle[data-v-878ec27c]{background-color:var(--b-toggle-handle-toggled-readonly-background-color)}.b-toggle__label-container[data-v-878ec27c]{display:flex;flex-direction:column;padding-left:var(--b-toggle-label-padding)}.b-toggle--label-first>.b-toggle__label-container[data-v-878ec27c]{padding-left:0;padding-right:var(--b-toggle-label-padding)}.b-toggle__label[data-v-878ec27c]{vertical-align:baseline}.b-toggle__description[data-v-878ec27c]{color:var(--b-toggle-description-color);padding-top:var(--b-toggle-description-padding)}

package/dist/assets/index37.css

@@ -1 +0,0 @@
-.b-tutorial-indicator[data-v-672deffb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-tutorial-indicator[data-v-672deffb],.b-tutorial-indicator[data-v-672deffb]:before,.b-tutorial-indicator[data-v-672deffb]:after{box-sizing:border-box}.b-tutorial-indicator *[data-v-672deffb],.b-tutorial-indicator *[data-v-672deffb]:before,.b-tutorial-indicator *[data-v-672deffb]:after{box-sizing:border-box}.b-tutorial-indicator[data-v-672deffb] ::-webkit-scrollbar{height:14px;width:14px}.b-tutorial-indicator[data-v-672deffb] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-tutorial-indicator__highlight[data-v-672deffb]{border:var(--b-tutorial-indicator-border);left:var(--b-tutorial-indicator-border-offset);pointer-events:none;position:absolute;top:var(--b-tutorial-indicator-border-offset)}.b-tutorial-indicator[data-popper-reference-hidden] .b-tutorial-indicator__highlight[data-v-672deffb]{visibility:hidden}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-tutorial-popover[data-v-9513f48c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-tutorial-popover[data-v-9513f48c],.b-tutorial-popover[data-v-9513f48c]:before,.b-tutorial-popover[data-v-9513f48c]:after{box-sizing:border-box}.b-tutorial-popover *[data-v-9513f48c],.b-tutorial-popover *[data-v-9513f48c]:before,.b-tutorial-popover *[data-v-9513f48c]:after{box-sizing:border-box}.b-tutorial-popover[data-v-9513f48c] ::-webkit-scrollbar{height:14px;width:14px}.b-tutorial-popover[data-v-9513f48c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-tutorial-popover__ripple[data-v-9513f48c]{border-radius:var(--b-popover-border-radius);inset:0;overflow:hidden;pointer-events:none;position:absolute}.b-tutorial-popover__ripple[data-v-9513f48c]:before{background-color:var(--b-tutorial-popover-ripple-before-background-color);border-radius:50%;content:"";filter:var(--b-tutorial-popover-ripple-before-filter);height:var(--b-tutorial-popover-ripple-before-height);position:absolute;width:var(--b-tutorial-popover-ripple-before-width)}[data-popper-placement=bottom-start] .b-tutorial-popover__ripple[data-v-9513f48c]:before,[data-popper-placement=right-start] .b-tutorial-popover__ripple[data-v-9513f48c]:before{left:0;top:var(--b-tutorial-popover-ripple-before-position)}[data-popper-placement=bottom] .b-tutorial-popover__ripple[data-v-9513f48c]:before{left:50%;top:var(--b-tutorial-popover-ripple-before-position);transform:translate(-50%)}[data-popper-placement=bottom-end] .b-tutorial-popover__ripple[data-v-9513f48c]:before,[data-popper-placement=left-start] .b-tutorial-popover__ripple[data-v-9513f48c]:before{left:100%;top:var(--b-tutorial-popover-ripple-before-position);transform:translate(-50%)}[data-popper-placement=top-start] .b-tutorial-popover__ripple[data-v-9513f48c]:before,[data-popper-placement=right-end] .b-tutorial-popover__ripple[data-v-9513f48c]:before{bottom:var(--b-tutorial-popover-ripple-before-position);left:0}[data-popper-placement=top] .b-tutorial-popover__ripple[data-v-9513f48c]:before{bottom:var(--b-tutorial-popover-ripple-before-position);left:50%;transform:translate(-50%)}[data-popper-placement=top-end] .b-tutorial-popover__ripple[data-v-9513f48c]:before,[data-popper-placement=left-end] .b-tutorial-popover__ripple[data-v-9513f48c]:before{bottom:var(--b-tutorial-popover-ripple-before-position);left:100%;transform:translate(-50%)}[data-popper-placement=right] .b-tutorial-popover__ripple[data-v-9513f48c]:before{left:var(--b-tutorial-popover-ripple-before-position);top:50%;transform:translateY(-50%)}[data-popper-placement=left] .b-tutorial-popover__ripple[data-v-9513f48c]:before{right:var(--b-tutorial-popover-ripple-before-position);top:50%;transform:translateY(-50%)}.b-tutorial-popover__ripple[data-v-9513f48c]:after{background:radial-gradient(circle,rgba(9,171,75,0) 0%,rgba(9,171,75,.2) 100%);border-radius:50%;content:"";height:var(--b-tutorial-popover-ripple-after-height);position:absolute;width:var(--b-tutorial-popover-ripple-after-width)}[data-popper-placement=bottom-start] .b-tutorial-popover__ripple[data-v-9513f48c]:after,[data-popper-placement=right-start] .b-tutorial-popover__ripple[data-v-9513f48c]:after{animation:ripple-top-left-9513f48c 2s ease-in-out infinite;left:0;top:var(--b-tutorial-popover-ripple-after-position);transform:scale(1)}[data-popper-placement=bottom] .b-tutorial-popover__ripple[data-v-9513f48c]:after{animation:ripple-top-center-9513f48c 2s ease-in-out infinite;left:50%;top:var(--b-tutorial-popover-ripple-after-position);transform:translate(-50%) scale(1)}[data-popper-placement=bottom-end] .b-tutorial-popover__ripple[data-v-9513f48c]:after,[data-popper-placement=left-start] .b-tutorial-popover__ripple[data-v-9513f48c]:after{animation:ripple-top-right-9513f48c 2s ease-in-out infinite;left:100%;top:var(--b-tutorial-popover-ripple-after-position);transform:translate(-50%) scale(1)}[data-popper-placement=top-start] .b-tutorial-popover__ripple[data-v-9513f48c]:after,[data-popper-placement=right-end] .b-tutorial-popover__ripple[data-v-9513f48c]:after{animation:ripple-bottom-left-9513f48c 2s ease-in-out infinite;bottom:var(--b-tutorial-popover-ripple-after-position);left:0;transform:scale(1)}[data-popper-placement=top] .b-tutorial-popover__ripple[data-v-9513f48c]:after{animation:ripple-bottom-center-9513f48c 2s ease-in-out infinite;bottom:var(--b-tutorial-popover-ripple-after-position);left:50%;transform:translate(-50%) scale(1)}[data-popper-placement=top-end] .b-tutorial-popover__ripple[data-v-9513f48c]:after,[data-popper-placement=left-end] .b-tutorial-popover__ripple[data-v-9513f48c]:after{animation:ripple-bottom-right-9513f48c 2s ease-in-out infinite;bottom:var(--b-tutorial-popover-ripple-after-position);left:100%;transform:translate(-50%) scale(1)}[data-popper-placement=right] .b-tutorial-popover__ripple[data-v-9513f48c]:after{animation:ripple-center-left-9513f48c 2s ease-in-out infinite;height:var(--b-tutorial-popover-ripple-after-width);left:var(--b-tutorial-popover-ripple-after-position);top:50%;transform:translateY(-50%) scale(1);width:var(--b-tutorial-popover-ripple-after-height)}[data-popper-placement=left] .b-tutorial-popover__ripple[data-v-9513f48c]:after{animation:ripple-center-right-9513f48c 2s ease-in-out infinite;height:var(--b-tutorial-popover-ripple-after-width);right:var(--b-tutorial-popover-ripple-after-position);top:50%;transform:translateY(-50%) scale(1);width:var(--b-tutorial-popover-ripple-after-height)}.b-tutorial-popover__image[data-v-9513f48c]{width:100%}.b-tutorial-popover__header[data-v-9513f48c]{display:flex;flex-grow:1;gap:var(--b-tutorial-popover-header-padding-bottom);justify-content:space-between;padding-bottom:var(--b-tutorial-popover-header-padding-bottom)}.b-tutorial-popover__steps[data-v-9513f48c]{flex-shrink:0;line-height:var(--b-tutorial-popover-steps-line-height)}.b-tutorial-popover__footer[data-v-9513f48c]{column-gap:var(--b-tutorial-popover-footer-column-gap);container-type:inline-size;display:grid;grid-template-areas:"menu actions";grid-template-columns:auto 1fr;padding-top:var(--b-tutorial-popover-footer-padding-top)}.b-tutorial-popover__menu[data-v-9513f48c]{grid-area:menu}.b-tutorial-popover__actions[data-v-9513f48c]{grid-area:actions}@keyframes ripple-top-left-9513f48c{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(47)}}@keyframes ripple-top-center-9513f48c{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(47)}}@keyframes ripple-top-right-9513f48c{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(47)}}@keyframes ripple-bottom-left-9513f48c{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(47)}}@keyframes ripple-bottom-center-9513f48c{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(47)}}@keyframes ripple-bottom-right-9513f48c{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(47)}}@keyframes ripple-center-left-9513f48c{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(47)}}@keyframes ripple-center-right-9513f48c{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(47)}}

package/dist/assets/index40.css

@@ -1 +0,0 @@
-.b-status[data-v-885a00b1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;column-gap:var(--b-status-column-gap);display:flex}.b-status[data-v-885a00b1],.b-status[data-v-885a00b1]:before,.b-status[data-v-885a00b1]:after{box-sizing:border-box}.b-status *[data-v-885a00b1],.b-status *[data-v-885a00b1]:before,.b-status *[data-v-885a00b1]:after{box-sizing:border-box}.b-status[data-v-885a00b1] ::-webkit-scrollbar{height:14px;width:14px}.b-status[data-v-885a00b1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-status__indicator[data-v-885a00b1]{border-radius:50%;flex-shrink:0;height:var(--b-status-indicator-size);order:0;width:var(--b-status-indicator-size)}.b-status__indicator--blue[data-v-885a00b1]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-885a00b1]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-885a00b1]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-885a00b1]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-885a00b1]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-885a00b1]{background:var(--b-status-indicator-yellow-background-color)}