@adyen/bento-vue3 1.26.0 → 1.28.0

package/dist/tutorial.js

@@ -1,395 +1,5 @@
-import { defineComponent as R, ref as C, openBlock as u, createBlock as S, unref as o, withCtx as v, createElementVNode as c, normalizeStyle as M, createElementBlock as O, mergeProps as x, toDisplayString as T, createCommentVNode as y, computed as l, isRef as q, watch as Z, nextTick as z, createVNode as h, withKeys as H, createSlots as U, createTextVNode as I, renderSlot as W, pushScopeId as X, popScopeId as G, Fragment as J, renderList as Q } from "vue";
-import { B as Y } from "./chunks/index.030c1dd7.js";
-import { B as w, a as tt } from "./chunks/index.5bdebf9d.js";
-import { B as $ } from "./chunks/index.a3d60e4f.js";
-import { BentoImage as et } from "./image.js";
-import { u as ot } from "./chunks/i18n.f7e6533e.js";
-import { R as st } from "./chunks/refresh.53691839.js";
-import { _ as k } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as P, h as nt, o as at } from "./chunks/index.9bf04b01.js";
-import { B as it } from "./chunks/button-actions.642b37de.js";
-import "./assets/index18.css";
-var D;
-const lt = /* @__PURE__ */ R({
-  __name: "tutorial-indicator",
-  props: {
-    /**
-     * Tutorial indicator's target element.
-     * The indicator will position itself around the target element.
-     */
-    targetElement: {
-      type: (D = P.props) == null ? void 0 : D.targetElement.type,
-      required: !0
-    }
-  },
-  setup(t) {
-    const e = C({
-      width: "0",
-      height: "0",
-      borderRadius: "0"
-    });
-    function f(p) {
-      try {
-        const s = parseFloat(getComputedStyle(p).getPropertyValue("border-radius"));
-        return Number.isNaN(s) ? "" : `${s + 2 * 2}px`;
-      } catch {
-        return "";
-      }
-    }
-    const r = [
-      nt(),
-      at({
-        mainAxis: 2,
-        alignmentAxis: -2
-      }),
-      {
-        name: "updateIndicatorSize",
-        fn: ({ x: p, y: s, elements: a }) => {
-          const d = a.reference;
-          return e.value.width = `${d.offsetWidth + 4 * 2}px`, e.value.height = `${d.offsetHeight + 4 * 2}px`, e.value.borderRadius = f(d), { x: p, y: s };
-        }
-      }
-    ];
-    return (p, s) => (u(), S(o(P), {
-      "target-element": t.targetElement,
-      middleware: r,
-      position: "top-start",
-      "fixed-positioning": "",
-      "disabled-focus-trap": "",
-      class: "b-tutorial-indicator",
-      "data-testid": "tutorial-indicator"
-    }, {
-      default: v(() => [
-        c("div", {
-          class: "b-tutorial-indicator__highlight",
-          style: M(e.value)
-        }, null, 4)
-      ]),
-      _: 1
-    }, 8, ["target-element"]));
-  }
-});
-const rt = /* @__PURE__ */ k(lt, [["__scopeId", "data-v-672deffb"]]);
-let A = 0;
-const ut = {
-  beforeCreate() {
-    this.uuid = A.toString(), A += 1;
-  }
-}, ct = { key: 0 }, pt = ["clip-path"], dt = /* @__PURE__ */ c("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__ */ c("rect", {
-  width: "16",
-  height: "16",
-  fill: "#fff"
-}, null, -1), mt = [
-  vt
-];
-function gt(t, n, e, f, r, p) {
-  return u(), O("svg", x({ 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"] ? (u(), O("title", ct, T(t.$attrs["svg-title"]), 1)) : y("", !0),
-    c("g", {
-      "clip-path": "url(#uia-icons-16-blocked__a" + t.uuid + ")"
-    }, _t, 8, pt),
-    c("defs", null, [
-      c("clipPath", {
-        id: "uia-icons-16-blocked__a" + t.uuid
-      }, mt, 8, ft)
-    ])
-  ], 16);
-}
-const ht = /* @__PURE__ */ k(ut, [["render", gt]]), V = {
-  "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__ */ c("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: V }
-}, Et = /* @__PURE__ */ R({
-  ...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: w.BOTTOM_START,
-      validator: (t) => Object.values(w).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: n }) {
-    const e = t, f = { behavior: "smooth" }, { t: r } = ot({ messages: V }), p = l(() => ({
-      title: r("skipTour"),
-      event: () => n("finish")
-    })), s = l(() => ({
-      title: r("startTour"),
-      event: () => n("next")
-    })), a = l(() => ({
-      title: r("next"),
-      event: () => n("next")
-    })), d = l(() => ({
-      title: r("finish"),
-      event: () => n("finish")
-    })), B = l(() => ({
-      title: r("ok"),
-      event: () => n("finish")
-    })), g = C(!1), F = C(!1), m = l(() => {
-      var i;
-      return q(e.targetElement) ? ((i = e.targetElement.value) == null ? void 0 : i.$el) || e.targetElement.value : e.targetElement.$el || e.targetElement;
-    }), b = l(() => e.step === 0), N = l(() => e.step === e.totalSteps), L = l(() => !b.value), j = l(() => [
-      {
-        text: r("restartTour"),
-        handler: () => n("restart"),
-        icon: st
-      },
-      ...N.value ? [] : [
-        {
-          text: "Skip tour",
-          handler: () => n("finish"),
-          icon: ht
-        }
-      ]
-    ]), K = l(() => {
-      let i;
-      b.value ? i = e.single ? B.value : s.value : N.value ? i = d.value : i = a.value;
-      const _ = [i];
-      return b.value && !e.single ? _.push(p.value) : e.action && _.push(e.action), _;
-    });
-    return Z(
-      () => e.active,
-      async (i) => {
-        var _, E;
-        i && ((_ = m.value) != null && _.scrollIntoView) && ((E = m.value) == null || E.scrollIntoView(
-          e.scrollOptions != null ? e.scrollOptions : f
-        ), await z()), g.value = i, F.value = i;
-      },
-      { immediate: !0 }
-    ), (i, _) => t.active && o(m) ? (u(), O("div", St, [
-      F.value && o(m) ? (u(), S(o(rt), {
-        key: 0,
-        "target-element": o(m)
-      }, null, 8, ["target-element"])) : y("", !0),
-      h(o(tt), {
-        "target-element": o(m),
-        position: t.position,
-        open: g.value,
-        "aria-label": t.title,
-        "fixed-positioning": "",
-        class: "b-tutorial-popover",
-        onKeydown: _[0] || (_[0] = H((E) => n("finish"), ["esc", "native"]))
-      }, U({
-        default: v(() => [
-          Ot,
-          c("div", bt, [
-            h(o($), {
-              variant: "title",
-              el: "span"
-            }, {
-              default: v(() => [
-                I(T(t.title), 1)
-              ]),
-              _: 1
-            }),
-            o(L) ? (u(), S(o($), {
-              key: 0,
-              el: "span",
-              class: "b-tutorial-popover__steps"
-            }, {
-              default: v(() => [
-                I(T(o(r)("stepsOfTotal", { step: t.step, totalSteps: t.totalSteps })), 1)
-              ]),
-              _: 1
-            })) : y("", !0)
-          ]),
-          h(o($), null, {
-            default: v(() => [
-              W(i.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          }),
-          c("div", Ct, [
-            o(b) ? y("", !0) : (u(), S(o(Y), {
-              key: 0,
-              data: o(j),
-              class: "b-tutorial-popover__menu",
-              "data-testid": "menu-button"
-            }, null, 8, ["data"])),
-            c("div", Tt, [
-              h(o(it), {
-                actions: o(K),
-                layout: "buttons-end"
-              }, null, 8, ["actions"])
-            ])
-          ])
-        ]),
-        _: 2
-      }, [
-        t.image ? {
-          name: "image",
-          fn: v(() => [
-            h(o(et), x(t.image, {
-              "aspect-ratio": "landscape",
-              class: "b-tutorial-popover__image"
-            }), null, 16)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["target-element", "position", "open", "aria-label"])
-    ])) : y("", !0);
-  }
-});
-const $t = /* @__PURE__ */ k(Et, [["__scopeId", "data-v-9513f48c"]]), It = { class: "b-tutorial" }, Rt = {}, jt = /* @__PURE__ */ R({
-  ...Rt,
-  __name: "tutorial",
-  props: {
-    /**
-     * 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
-    }
-  },
-  setup(t) {
-    const n = t, e = C(0), f = l(() => n.steps.length - 1), r = l(() => f.value === 0);
-    function p(s, a) {
-      return {
-        // Visual
-        targetElement: s.target,
-        image: s.image,
-        title: s.title,
-        step: a,
-        totalSteps: f.value,
-        action: s.action,
-        scrollOptions: n.scrollOptions,
-        // Config
-        active: a === e.value,
-        single: r.value,
-        position: s.position
-      };
-    }
-    return (s, a) => (u(), O("div", It, [
-      (u(!0), O(J, null, Q(t.steps, (d, B) => (u(), S(o($t), x(p(d, B), {
-        key: d.title,
-        onFinish: a[0] || (a[0] = (g) => e.value = -1),
-        onNext: a[1] || (a[1] = (g) => e.value += 1),
-        onRestart: a[2] || (a[2] = (g) => e.value = 0)
-      }), {
-        default: v(() => [
-          I(T(d.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, index) in steps\"\n            v-bind=\"getPopoverProps(step, index)\"\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 } 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 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 currentStep = ref(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</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"],"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.a3d60e4f.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.26.0",
+  "version": "1.28.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue3",
-    "version": "1.26.0",
+    "version": "1.28.0",
     "description": "Adyen Bento Vue 3 components",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -27,7 +27,7 @@
         "build:watch": "NODE_ENV=development npm run build:lib -- --mode development --watch",
         "build:prod": "npm run clean:build && npm run build:lib && npm run build:types && npm run build:webtypes",
         "build:types": "vue-tsc -p ./tsconfig.d.json && npm run copy-components-defs",
-        "test": "TZ='Europe/Paris' vitest run",
+        "test": "TZ='Europe/Paris' vitest run --config ./vitest.config.ts",
         "test:coverage": "npm run test -- --coverage",
         "test:watch": "TZ='Europe/Paris' vitest watch",
         "copy-components-defs": "cp ../vue2/src/components.d.ts dist/@types",
@@ -52,10 +52,15 @@
         "url": "git@github.com:Adyen/bento.git"
     },
     "dependencies": {
-        "@adyen/bento-design-tokens": "1.26.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",
+        "@codemirror/lang-java": "6.0.1",
+        "@codemirror/lang-javascript": "6.2.2",
+        "@codemirror/lang-json": "6.0.1",
+        "@codemirror/lang-python": "6.1.6",
+        "@codemirror/lang-xml": "6.1.0",
         "@codemirror/language-data": "6.4.0",
         "@codemirror/state": "6.4.0",
         "@codemirror/view": "6.23.0",
@@ -94,28 +99,23 @@
         "@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",
         "axe-core": "4.4.2",
         "clean-webpack-plugin": "3.0.0",
         "css-loader": "5.2.7",
-        "eslint-import-resolver-typescript": "2.7.0",
-        "eslint-import-resolver-webpack": "0.13.2",
-        "eslint-plugin-import": "2.26.0",
         "fork-ts-checker-webpack-plugin": "6.5.2",
         "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/index11.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-alert[data-v-5c5a81b8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;width:100%}.b-alert[data-v-5c5a81b8],.b-alert[data-v-5c5a81b8]:before,.b-alert[data-v-5c5a81b8]:after{box-sizing:border-box}.b-alert *[data-v-5c5a81b8],.b-alert *[data-v-5c5a81b8]:before,.b-alert *[data-v-5c5a81b8]:after{box-sizing:border-box}.b-alert[data-v-5c5a81b8] ::-webkit-scrollbar{height:14px;width:14px}.b-alert[data-v-5c5a81b8] ::-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-legacy-theme .b-alert__title[data-v-5c5a81b8]{line-height:16px}.b-alert__inner-container[data-v-5c5a81b8]{align-items:flex-start;border-radius:var(--b-alert-border-radius);display:flex;gap:var(--b-alert-gap-mobile);padding:var(--b-alert-padding-mobile);width:100%}@container (min-width: 460px){.b-alert__inner-container[data-v-5c5a81b8]{gap:var(--b-alert-gap);padding:var(--b-alert-padding)}}.b-alert__icon[data-v-5c5a81b8]{align-items:center;display:flex;height:var(--b-alert-icon-height)}.b-alert--tip .b-alert__icon[data-v-5c5a81b8]{height:var(--b-alert-tip-icon-height)}.b-alert--tip.b-alert__inner-container[data-v-5c5a81b8]{gap:var(--b-alert-tip-gap);padding:var(--b-alert-tip-padding)}.b-alert__content[data-v-5c5a81b8]{max-width:700px;width:100%}.b-alert__title[data-v-5c5a81b8]{flex-grow:1}.b-alert__description[data-v-5c5a81b8]:not(:first-child){margin-top:var(--b-alert-description-margin-top)}.b-alert__actions[data-v-5c5a81b8]{display:flex;gap:var(--b-alert-actions-gap);margin-top:var(--b-alert-actions-margin-top)}.b-alert__close-button[data-v-5c5a81b8]{display:flex;flex-grow:1;justify-content:flex-end}.b-alert--success[data-v-5c5a81b8]{background-color:var(--b-alert-success-background-color)}.b-alert--success .b-alert__icon[data-v-5c5a81b8]{color:var(--b-alert-success-icon-color)}.b-alert--success .b-alert__title[data-v-5c5a81b8],.b-alert--success .b-alert__description[data-v-5c5a81b8],.b-alert--success .b-alert__close-button[data-v-5c5a81b8]{color:var(--b-alert-success-color)}.b-alert--highlight[data-v-5c5a81b8]{background-color:var(--b-alert-highlight-background-color)}.b-alert--highlight .b-alert__icon[data-v-5c5a81b8]{color:var(--b-alert-highlight-icon-color)}.b-alert--highlight .b-alert__title[data-v-5c5a81b8],.b-alert--highlight .b-alert__description[data-v-5c5a81b8],.b-alert--highlight .b-alert__close-button[data-v-5c5a81b8]{color:var(--b-alert-highlight-color)}.b-alert--warning[data-v-5c5a81b8]{background-color:var(--b-alert-warning-background-color)}.b-alert--warning .b-alert__icon[data-v-5c5a81b8]{color:var(--b-alert-warning-icon-color)}.b-alert--warning .b-alert__title[data-v-5c5a81b8],.b-alert--warning .b-alert__description[data-v-5c5a81b8],.b-alert--warning .b-alert__close-button[data-v-5c5a81b8]{color:var(--b-alert-warning-color)}.b-alert--critical[data-v-5c5a81b8]{background-color:var(--b-alert-critical-background-color)}.b-alert--critical .b-alert__icon[data-v-5c5a81b8]{color:var(--b-alert-critical-icon-color)}.b-alert--critical .b-alert__title[data-v-5c5a81b8],.b-alert--critical .b-alert__description[data-v-5c5a81b8],.b-alert--critical .b-alert__close-button[data-v-5c5a81b8]{color:var(--b-alert-critical-color)}

package/dist/assets/index16.css

@@ -1 +0,0 @@
-button[data-v-fe3e2223]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-fe3e2223]:focus-visible{outline:none}.b-filter-bar-button[data-v-fe3e2223]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;background-color:var(--b-filter-bar-button-background-color);border:var(--b-filter-bar-button-border);border-radius:var(--b-filter-bar-button-border-radius);color:var(--b-filter-bar-button-color);cursor:pointer;display:inline-flex;height:var(--b-filter-bar-button-height);justify-content:center;text-decoration:none;user-select:none}.b-filter-bar-button[data-v-fe3e2223],.b-filter-bar-button[data-v-fe3e2223]:before,.b-filter-bar-button[data-v-fe3e2223]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-fe3e2223],.b-filter-bar-button *[data-v-fe3e2223]:before,.b-filter-bar-button *[data-v-fe3e2223]:after{box-sizing:border-box}.b-filter-bar-button[data-v-fe3e2223] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-fe3e2223] ::-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)}@media (hover: hover){.b-filter-bar-button[data-v-fe3e2223]:hover{background-color:var(--b-filter-bar-button-hover-background-color);color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-fe3e2223]{background-color:var(--b-filter-bar-button-counter-hover-background-color)}}.b-legacy-theme .b-filter-bar-button__counter[data-v-fe3e2223],.b-legacy-theme .b-filter-bar-button__secondary-label[data-v-fe3e2223]{font-weight:400;line-height:18px}.b-legacy-theme .b-filter-bar-button__label[data-v-fe3e2223]{font-weight:400}.b-legacy-theme .b-filter-bar-button--active[data-v-fe3e2223]{background-color:var(--b-filter-bar-button-with-counter-background-color);border:var(--b-filter-bar-button-with-counter-border);color:var(--b-filter-bar-button-with-counter-color)}.b-legacy-theme .b-filter-bar-button--active[data-v-fe3e2223]:active:not(:disabled){background-color:var(--b-filter-bar-button-with-counter-active-background-color);border-color:var(--b-filter-bar-button-with-counter-active-border-color);color:var(--b-filter-bar-button-with-counter-active-color)}.b-legacy-theme .b-filter-bar-button--active:active:not(:disabled) .b-filter-bar-button__counter[data-v-fe3e2223]{color:var(--b-filter-bar-button-with-counter-active-counter-color)}.b-filter-bar-button[data-v-fe3e2223]:active:not(:disabled){border:var(--b-filter-bar-button-active-border)}.b-filter-bar-button[data-v-fe3e2223]:disabled,.b-filter-bar-button[data-v-fe3e2223]:disabled:not(:focus){background-color:var(--b-filter-bar-button-disabled-background-color);color:var(--b-filter-bar-button-disabled-color);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-fe3e2223],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-fe3e2223]{background-color:var(--b-filter-bar-button-counter-disabled-background-color);color:var(--b-filter-bar-button-counter-disabled-color)}.b-filter-bar-button[data-v-fe3e2223]:focus-visible{animation:outer-ring-default-fe3e2223 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);z-index:1}@keyframes outer-ring-default-fe3e2223{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-filter-bar-button--filter-open[data-v-fe3e2223]:not(:hover){border:var(--b-filter-bar-button-filter-open-border)}.b-filter-bar-button--with-chevron .b-filter-bar-button__container[data-v-fe3e2223]{padding-right:var(--b-filter-bar-button-with-chevron-container-padding-right)}.b-filter-bar-button--with-secondary-label .b-filter-bar-button__container[data-v-fe3e2223]{padding-right:var(--b-filter-bar-button-with-secondary-label-container-padding-right)}.b-filter-bar-button__chevron[data-v-fe3e2223]{display:flex;justify-content:center;padding-right:var(--b-filter-bar-button-chevron-padding-right)}.b-filter-bar-button__container[data-v-fe3e2223]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;padding:var(--b-filter-bar-button-container-padding);vertical-align:bottom}.b-filter-bar-button__counter[data-v-fe3e2223]{background-color:var(--b-filter-bar-button-counter-background-color);border-radius:var(--b-filter-bar-button-counter-border-radius);color:var(--b-filter-bar-button-counter-color);margin-right:var(--b-filter-bar-button-counter-margin-right);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-fe3e2223]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-fe3e2223],.b-filter-bar-button__secondary-label[data-v-fe3e2223]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__secondary-label[data-v-fe3e2223]{background-color:var(--b-filter-bar-button-secondary-label-background-color);border-radius:var(--b-filter-bar-button-secondary-label-border-radius);color:var(--b-filter-bar-button-secondary-label-color);padding:var(--b-filter-bar-button-secondary-label-padding)}.b-filter-bar-button__icon-left[data-v-fe3e2223],.b-filter-bar-button__icon-right[data-v-fe3e2223]{display:inline-flex}.b-base-filter[data-v-3aee579e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-3aee579e],.b-base-filter[data-v-3aee579e]:before,.b-base-filter[data-v-3aee579e]:after{box-sizing:border-box}.b-base-filter *[data-v-3aee579e],.b-base-filter *[data-v-3aee579e]:before,.b-base-filter *[data-v-3aee579e]:after{box-sizing:border-box}.b-base-filter[data-v-3aee579e] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-3aee579e] ::-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-legacy-theme .b-base-filter__popover[data-v-3aee579e] .b-button-actions__container-wrapper{flex-direction:row;justify-content:space-between}.b-input-filter[data-v-4f3a323d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-filter-padding)}.b-input-filter[data-v-4f3a323d],.b-input-filter[data-v-4f3a323d]:before,.b-input-filter[data-v-4f3a323d]:after{box-sizing:border-box}.b-input-filter *[data-v-4f3a323d],.b-input-filter *[data-v-4f3a323d]:before,.b-input-filter *[data-v-4f3a323d]:after{box-sizing:border-box}.b-input-filter[data-v-4f3a323d] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-4f3a323d] ::-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-input-filter--only-slot[data-v-4f3a323d]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-date-filter[data-v-66ffdc53]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-date-filter-padding)}.b-date-filter[data-v-66ffdc53],.b-date-filter[data-v-66ffdc53]:before,.b-date-filter[data-v-66ffdc53]:after{box-sizing:border-box}.b-date-filter *[data-v-66ffdc53],.b-date-filter *[data-v-66ffdc53]:before,.b-date-filter *[data-v-66ffdc53]:after{box-sizing:border-box}.b-date-filter[data-v-66ffdc53] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-66ffdc53] ::-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-date-filter__divider[data-v-66ffdc53]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-570ca68b] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-570ca68b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-570ca68b],.b-date-range-filter[data-v-570ca68b]:before,.b-date-range-filter[data-v-570ca68b]:after{box-sizing:border-box}.b-date-range-filter *[data-v-570ca68b],.b-date-range-filter *[data-v-570ca68b]:before,.b-date-range-filter *[data-v-570ca68b]:after{box-sizing:border-box}.b-date-range-filter[data-v-570ca68b] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-570ca68b] ::-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-date-range-filter__actions[data-v-570ca68b]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-legacy-theme .b-date-range-filter__actions[data-v-570ca68b] .b-button-actions__container-wrapper{flex-direction:initial;justify-content:space-between}.b-date-range-filter__divider[data-v-570ca68b]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-select-filter-button[data-v-4eb2ccc6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-4eb2ccc6],.b-select-filter-button[data-v-4eb2ccc6]:before,.b-select-filter-button[data-v-4eb2ccc6]:after{box-sizing:border-box}.b-select-filter-button *[data-v-4eb2ccc6],.b-select-filter-button *[data-v-4eb2ccc6]:before,.b-select-filter-button *[data-v-4eb2ccc6]:after{box-sizing:border-box}.b-select-filter-button[data-v-4eb2ccc6] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-4eb2ccc6] ::-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-select-filter-button__divider[data-v-4eb2ccc6]{margin:var(--b-filter-bar-select-filter-button-divider-margin)}.b-select-filter-button__search-bar[data-v-4eb2ccc6]{padding:var(--b-filter-bar-select-filter-button-search-bar-padding)}.b-select-filter-button__wrapper[data-v-4eb2ccc6]{max-height:270px}.b-boolean-filter[data-v-1fa97477]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-boolean-filter-padding)}.b-boolean-filter[data-v-1fa97477],.b-boolean-filter[data-v-1fa97477]:before,.b-boolean-filter[data-v-1fa97477]:after{box-sizing:border-box}.b-boolean-filter *[data-v-1fa97477],.b-boolean-filter *[data-v-1fa97477]:before,.b-boolean-filter *[data-v-1fa97477]:after{box-sizing:border-box}.b-boolean-filter[data-v-1fa97477] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-1fa97477] ::-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-boolean-filter--only-slot[data-v-1fa97477]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-93c845a0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-range-filter-padding)}.b-range-filter[data-v-93c845a0],.b-range-filter[data-v-93c845a0]:before,.b-range-filter[data-v-93c845a0]:after{box-sizing:border-box}.b-range-filter *[data-v-93c845a0],.b-range-filter *[data-v-93c845a0]:before,.b-range-filter *[data-v-93c845a0]:after{box-sizing:border-box}.b-range-filter[data-v-93c845a0] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-93c845a0] ::-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-range-filter__input-field[data-v-93c845a0]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-93c845a0]{padding:var(--b-filter-bar-range-filter-only-slot-padding)}button[data-v-af9efc73]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-af9efc73]:focus-visible{outline:none}.b-base-filter-button[data-v-af9efc73]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;user-select:none;width:100%}.b-base-filter-button[data-v-af9efc73],.b-base-filter-button[data-v-af9efc73]:before,.b-base-filter-button[data-v-af9efc73]:after{box-sizing:border-box}.b-base-filter-button *[data-v-af9efc73],.b-base-filter-button *[data-v-af9efc73]:before,.b-base-filter-button *[data-v-af9efc73]:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-af9efc73] ::-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)}@media (hover: hover){.b-base-filter-button[data-v-af9efc73]:hover{background-color:var(--b-filter-button-hover-background-color);color:var(--b-filter-button-hover-text-color)}.b-base-filter-button:hover .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-hover-background-color)}}.b-legacy-theme .b-base-filter-button__counter[data-v-af9efc73]{font-weight:400;line-height:19px}.b-legacy-theme .b-base-filter-button__label[data-v-af9efc73]{font-weight:400}.b-base-filter-button[data-v-af9efc73] .b-base-button__label{width:100%}.b-base-filter-button[data-v-af9efc73]:active:not(:disabled){background-color:var(--b-filter-button-active-background-color)}.b-base-filter-button:active:not(:disabled) .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-active-background-color)}.b-base-filter-button[data-v-af9efc73]:disabled,.b-base-filter-button[data-v-af9efc73]:disabled:not(:focus){background-color:var(--b-filter-button-disabled-background-color);color:var(--b-filter-button-disabled-font-color);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-af9efc73],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-disabled-background-color);color:var(--b-filter-button-counter-disabled-font-color)}.b-base-filter-button[data-v-af9efc73]:focus-visible{background-color:var(--b-filter-button-modal-focus-background-color)}.b-base-filter-button:focus-visible .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-modal-counter-focus-background-color)}.b-base-filter-button--filter-open[data-v-af9efc73]{background-color:var(--b-filter-button-modal-open-background-color)}.b-base-filter-button--filter-open .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-open-background-color)}.b-base-filter-button__default-container[data-v-af9efc73]{align-items:center;display:flex;gap:var(--b-filter-button-default-container-gap);width:100%}.b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-background-color);border-radius:var(--b-filter-button-counter-border-radius);color:var(--b-filter-button-counter-font-color);padding:var(--b-filter-button-counter-padding)}.b-base-filter-button__counter-wrapper[data-v-af9efc73]{align-items:center;display:flex}.b-base-filter-button__label[data-v-af9efc73]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-af9efc73]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-af9efc73],.b-base-filter-button__icon-right[data-v-af9efc73]{display:inline-flex}.b-all-filters-modal-button[data-v-b96a672f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button[data-v-b96a672f],.b-all-filters-modal-button[data-v-b96a672f]:before,.b-all-filters-modal-button[data-v-b96a672f]:after{box-sizing:border-box}.b-all-filters-modal-button *[data-v-b96a672f],.b-all-filters-modal-button *[data-v-b96a672f]:before,.b-all-filters-modal-button *[data-v-b96a672f]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-b96a672f] ::-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)}@media (hover: hover){.b-all-filters-modal-button[data-v-b96a672f]:hover{background-color:var(--b-filter-button-modal-hover-background-color);color:var(--b-filter-button-modal-hover-color)}}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]{border-radius:var(--b-filter-button-modal-border-radius)}@media (hover: hover){.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:hover{background-color:var(--b-filter-button-modal-hover-background-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:hover:is(.b-all-filters-modal-button--filter-open){background-color:var(--b-filter-button-modal-open-background-color)}}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled,.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled:not(:focus){background-color:var(--b-filter-button-modal-disabled-background-color);color:var(--b-filter-button-modal-disabled-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled .b-base-filter-button__counter,.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled:not(:focus) .b-base-filter-button__counter{background-color:var(--b-filter-button-modal-disabled-counter-background-color);color:var(--b-filter-button-modal-disabled-counter-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:focus-visible{box-shadow:var(--b-filter-button-modal-focus-box-shadow)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:focus-visible:is(.b-all-filters-modal-button--filter-open){background-color:var(--b-filter-button-modal-open-background-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f] .b-base-filter-button__counter{background-color:var(--b-filter-button-modal-counter-background-color);color:var(--b-filter-button-modal-counter-color)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-all-filters-modal[data-v-dfa0bb7c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-dfa0bb7c],.b-all-filters-modal[data-v-dfa0bb7c]:before,.b-all-filters-modal[data-v-dfa0bb7c]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-dfa0bb7c],.b-all-filters-modal *[data-v-dfa0bb7c]:before,.b-all-filters-modal *[data-v-dfa0bb7c]:after{box-sizing:border-box}.b-all-filters-modal[data-v-dfa0bb7c] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-dfa0bb7c] ::-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-all-filters-modal[data-v-dfa0bb7c] .b-modal-page{height:calc(100vh - 128px);max-height:800px;overflow:hidden;position:relative}.b-all-filters-modal[data-v-dfa0bb7c] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-dfa0bb7c] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-dfa0bb7c] .b-modal-page__content{flex:1;padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-dfa0bb7c] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-dfa0bb7c] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-dfa0bb7c] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding-right:var(--b-filter-bar-all-filters-modal-filters-list-margin)}.b-all-filters-modal[data-v-dfa0bb7c] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-dfa0bb7c] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-dfa0bb7c] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-dfa0bb7c]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-dfa0bb7c]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-dfa0bb7c]{color:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding);text-align:center}.b-all-filters-modal__filters-list[data-v-dfa0bb7c]{list-style:none;margin:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding:var(--b-filter-bar-all-filters-modal-filters-list-padding)}.b-all-filters-modal__filters-section[data-v-dfa0bb7c]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-list-gap)}.b-all-filters-modal__filters-section-title[data-v-dfa0bb7c]{color:var(--b-filter-bar-all-filters-modal-filters-list-title-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-title-padding)}.b-all-filters-modal__selected-filter-content[data-v-dfa0bb7c]{display:flex;flex-direction:column;height:100%;padding:var(--b-filter-bar-all-filters-modal-selected-filter-content-padding)}.b-all-filters-modal__selected-filter-component[data-v-dfa0bb7c]{flex:1}.b-all-filters-modal__clear-button[data-v-dfa0bb7c]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-dfa0bb7c]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-content-text-gap);margin-bottom:var(--b-filter-bar-all-filters-modal-content-text-margin-bottom)}.b-filter-bar[data-v-7ae4cbf4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-7ae4cbf4],.b-filter-bar[data-v-7ae4cbf4]:before,.b-filter-bar[data-v-7ae4cbf4]:after{box-sizing:border-box}.b-filter-bar *[data-v-7ae4cbf4],.b-filter-bar *[data-v-7ae4cbf4]:before,.b-filter-bar *[data-v-7ae4cbf4]:after{box-sizing:border-box}.b-filter-bar[data-v-7ae4cbf4] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-7ae4cbf4] ::-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-filter-bar__actions[data-v-7ae4cbf4]{display:flex;gap:var(--b-filter-bar-actions-gap)}.b-filter-bar__before-filters[data-v-7ae4cbf4]{gap:var(--b-filter-bar-before-filters-gap)}.b-filter-bar__before-filters[data-v-7ae4cbf4]:not(:has(.b-filter-bar__search-bar)){display:none}.b-filter-bar__before-filters .b-filter-bar__all-filters-modal[data-v-7ae4cbf4],.b-filter-bar__before-filters .b-filter-bar__reset-all[data-v-7ae4cbf4],.b-filter-bar__before-filters .b-filter-bar__clear-all[data-v-7ae4cbf4]{display:none}.b-filter-bar__before-filters .b-filter-bar__search-bar[data-v-7ae4cbf4]{flex:1;width:unset}.b-filter-bar__container[data-v-7ae4cbf4]{display:flex;flex-direction:column;gap:var(--b-filter-bar-container-gap)}.b-filter-bar__filters-container[data-v-7ae4cbf4]{display:flex;flex-direction:column;gap:var(--b-filter-bar-filters-container-gap)}.b-filter-bar__fixed-scroller[data-v-7ae4cbf4] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-7ae4cbf4] .b-fixed-scroller__left .b-button--condensed{height:var(--b-filter-bar-fixed-scroller-button-condensed-height);max-height:var(--b-filter-bar-fixed-scroller-button-condensed-max-height)}.b-filter-bar__scroller-content[data-v-7ae4cbf4]{display:flex;gap:var(--b-filter-bar-scroller-content-gap)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-7ae4cbf4]{display:none}@container (min-width: 375px) and (max-width: 499px){.b-filter-bar__actions[data-v-7ae4cbf4]{display:none}.b-filter-bar__before-filters[data-v-7ae4cbf4]{display:flex}.b-filter-bar__before-filters .b-filter-bar__all-filters-modal[data-v-7ae4cbf4],.b-filter-bar__before-filters .b-filter-bar__reset-all[data-v-7ae4cbf4],.b-filter-bar__before-filters .b-filter-bar__clear-all[data-v-7ae4cbf4]{display:inherit}}@container (min-width: 500px) and (max-width: 767px){.b-filter-bar__actions[data-v-7ae4cbf4]{display:none}.b-filter-bar__before-filters[data-v-7ae4cbf4]{display:flex}.b-filter-bar__before-filters .b-filter-bar__all-filters-modal[data-v-7ae4cbf4],.b-filter-bar__before-filters .b-filter-bar__reset-all[data-v-7ae4cbf4],.b-filter-bar__before-filters .b-filter-bar__clear-all[data-v-7ae4cbf4]{display:inherit}.b-filter-bar__before-filters .b-filter-bar__search-bar[data-v-7ae4cbf4]{flex:0;min-width:200px}}@container (min-width: 768px){.b-filter-bar__actions[data-v-7ae4cbf4]{flex-shrink:0}.b-filter-bar__before-filters[data-v-7ae4cbf4]{display:none}.b-filter-bar__filters-container[data-v-7ae4cbf4]{display:flex;flex-direction:row}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-7ae4cbf4]{display:inherit;max-width:200px;min-width:200px;width:200px}}

package/dist/assets/index18.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/index24.css

@@ -1 +0,0 @@
-.b-segmented-control-button[data-v-72a8a7dc]{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-72a8a7dc],.b-segmented-control-button[data-v-72a8a7dc]:before,.b-segmented-control-button[data-v-72a8a7dc]:after{box-sizing:border-box}.b-segmented-control-button *[data-v-72a8a7dc],.b-segmented-control-button *[data-v-72a8a7dc]:before,.b-segmented-control-button *[data-v-72a8a7dc]:after{box-sizing:border-box}.b-segmented-control-button[data-v-72a8a7dc] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control-button[data-v-72a8a7dc] ::-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-72a8a7dc]{overflow:hidden}.b-segmented-control-button--truncate .b-segmented-control-button__label-container[data-v-72a8a7dc]{overflow:hidden;white-space:nowrap}.b-segmented-control-button--truncate .b-segmented-control-button__label[data-v-72a8a7dc]{overflow:hidden;text-overflow:ellipsis}.b-segmented-control-button--truncate .b-segmented-control-button__icon[data-v-72a8a7dc]{flex-shrink:0}.b-segmented-control-button--wrap .b-segmented-control-button__label-container[data-v-72a8a7dc]{text-align:center}.b-segmented-control-button--full-width[data-v-72a8a7dc],.b-segmented-control-button--full-width .b-segmented-control-button__label-container[data-v-72a8a7dc]{width:100%}.b-segmented-control-button--disabled>*[data-v-72a8a7dc]{cursor:not-allowed}.b-segmented-control-button__input[data-v-72a8a7dc]{display:none}.b-segmented-control-button__input[data-v-72a8a7dc]:disabled{cursor:not-allowed}.b-segmented-control-button__input:disabled+.b-segmented-control-button__label-container[data-v-72a8a7dc]{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-72a8a7dc]{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-72a8a7dc]{animation:outer-ring-default-72a8a7dc 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-72a8a7dc{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-72a8a7dc]{background-color:var(--b-segmented-control-button-checked-background-color);padding:var(--b-segmented-control-button-checked-padding)}.b-segmented-control-button__input:checked:disabled+.b-segmented-control-button__label-container[data-v-72a8a7dc]{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-72a8a7dc]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__label-container[data-v-72a8a7dc]{align-items:center;border-radius:var(--b-segmented-control-button-border-radius);cursor:pointer;display:flex;justify-content:center;padding:var(--b-segmented-control-button-padding)}.b-segmented-control-button__icon[data-v-72a8a7dc]{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}