@adyen/bento-vue2 1.7.0 → 1.8.0

package/dist/chunks/index.210d2169.js

@@ -0,0 +1,290 @@
+import { defineComponent as r, computed as a, useSlots as T, useAttrs as A, inject as x, ref as L, toRefs as O } from "vue";
+import { c as E, a as d, b as F } from "./index.66503760.js";
+import { B as I, a as f } from "./index.965ac1af.js";
+import { n as l } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { a as $ } from "./button.e09d5980.js";
+import { C as k } from "./cross.a2cadac5.js";
+import { u as R } from "./use-has-slot.6052d56a.js";
+import { u as w } from "./aria-label.ac9651a5.js";
+import { BentoButtonActionsLayout as m, BentoButtonActions as D } from "../button.js";
+import "../assets/index36.css";
+const V = r({
+  components: { BentoTypography: I },
+  props: {
+    /**
+     * Indicates if the popover contains an image.
+     */
+    isImageTitle: { type: Boolean, default: !1 },
+    /**
+     * Indicates the title you want to give the popover.
+     */
+    title: { type: String, default: null }
+  },
+  setup(s) {
+    const t = a(() => !s.isImageTitle), e = a(
+      () => s.isImageTitle ? f.SUBTITLE : f.BODY
+    );
+    return {
+      // Values
+      isStrongest: t,
+      titleVariant: e
+    };
+  }
+});
+var j = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("bento-typography", { attrs: { strongest: t.isStrongest, variant: t.titleVariant, el: "span" } }, [t._v(" " + t._s(t.title) + " ")]);
+}, N = [], U = /* @__PURE__ */ l(
+  V,
+  j,
+  N,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Y = U.exports, q = r({
+  name: "bento-popover-dismiss-button",
+  components: { BentoButton: $, CrossIcon: k },
+  props: {
+    onImage: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(s) {
+    return {
+      // Values
+      conditionalClass: a(() => ({ "b-popover-dismiss-button--on-image": s.onImage }))
+    };
+  }
+});
+var z = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("bento-button", { class: t.conditionalClass, attrs: { variant: "tertiary" }, on: { click: function(o) {
+    return t.$emit("click");
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+    return [e("cross-icon", { attrs: { "svg-title": "dismiss" } })];
+  }, proxy: !0 }]) });
+}, H = [], J = /* @__PURE__ */ l(
+  q,
+  z,
+  H,
+  !1,
+  null,
+  "71876338",
+  null,
+  null
+);
+const K = J.exports, v = { ...E }, M = Symbol("popover offset injection key"), G = {};
+var b;
+const Q = /* @__PURE__ */ r({
+  ...G,
+  __name: "popover",
+  props: {
+    /**
+     * List of actions that will be used to render the buttons.
+     * First element in the list will be rendered as "primary".
+     * All elements after the first will be rendered as "secondary".
+     *
+     * Each object in the list should have a `title`, an `event` and
+     * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.
+     *
+     * `title`: Button's text.
+     *
+     * `event`: Event triggered when clicking the Button.
+     *
+     * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.
+     *
+     * ```
+     * [{
+     *   title: 'Primary',
+     *   event: () => { ... },
+     *   icon: FourPeopleIcon
+     * }, {
+     *   title: 'Secondary',
+     *   event: () => { ... }
+     * }]
+     * ```
+     */
+    actions: {
+      type: Array,
+      default: null
+    },
+    /**
+     * Defines the layout in which the button actions is presented.
+     * It can be one of:
+     *
+     * @values BUTTONS_END
+     * @values FILL_CONTAINER
+     * @values SPACE_BETWEEN
+     * @values VERTICAL_STACK
+     */
+    actionsLayout: {
+      type: String,
+      default: m.BUTTONS_END,
+      validator: (s) => Object.values(m).includes(s)
+    },
+    /**
+     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
+     */
+    /**
+     * Defines a string value that provides an accessible name for the popover.
+     */
+    ariaLabel: {
+      type: String,
+      default: null
+    },
+    /**
+     * Adds a divider line to the actions section, reduces the top/bottom paddings and removes all padding in the "default" slot.
+     */
+    divider: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Supports disabling focus trap functionality to avoid scroll into view behavior when we don't need it.
+     * */
+    disableFocusTrap: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Adds a "dismiss" icon that triggers the "dismiss" event. Requires the `title` prop to be set.
+     */
+    dismissible: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Allows to configure to fallback position to the one specified, it could be ['right', 'top', ...].
+     * Useful when not using auto as starting placement.
+     * https://floating-ui.com/docs/flip#fallbackplacements
+     */
+    fallbackPosition: {
+      type: Array,
+      default: () => ["bottom-start", "right-start", "top-start", "left-start"]
+    },
+    /**
+     * Sets the size of the container to fit its content
+     */
+    fitContent: { type: Boolean, default: !1 },
+    /**
+     * Instructs popover to be visible outside of the containing container.
+     * Useful when component would be used in limited containers like Modal, Side panel, etc.
+     * @see {@link https://floating-ui.com/docs/usefloating#strategy}
+     */
+    fixedPositioning: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Toggles the popover open and closed
+     */
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Displays the popover in a large size.
+     */
+    large: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @deprecated
+     * NOTE: This property no longer functions since moving to the floating-ui framework.
+     */
+    modifiers: { type: Array, 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: v.BOTTOM_START,
+      validator: (s) => Object.values(v).includes(s)
+    },
+    /**
+     * Displays the popover in a small size.
+     */
+    small: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Indicates the title you want to give the popover.
+     */
+    title: {
+      type: String,
+      default: null
+    },
+    /**
+     * Popover's target element.
+     * The popover will position itself relatively to target element, in specified position.
+     */
+    targetElement: {
+      type: (b = d.props) == null ? void 0 : b.targetElement.type,
+      required: !0
+    },
+    /**
+     * Displays the popover without padding.
+     */
+    withoutSpace: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["dismiss", "placement"],
+  setup(s, { emit: t }) {
+    const e = s, o = 2, n = T(), i = A(), y = a(() => {
+      var u;
+      return {
+        id: (u = i.id) == null ? void 0 : u.toString()
+      };
+    }), g = x(M, o), p = L(i["aria-label"]), { ariaLabel: c, title: _ } = O(e), B = w({
+      ariaLabel: p.value,
+      // TODO: take this line away when the aria-label props is removed
+      label: c,
+      defaultFallback: _
+    }), P = a(() => ({
+      "b-popover--small": e.small && !e.large,
+      "b-popover--with-divider": !!e.divider,
+      "b-popover--large": e.large && !e.small,
+      "b-popover--fit-content": e.fitContent,
+      "b-popover--without-space": e.withoutSpace
+    })), C = a(() => ({
+      "b-popover__content--with-title": !!e.title
+    })), S = () => t("dismiss"), h = R(n);
+    return { __sfc: !0, DEFAULT_OFFSET: o, props: e, emit: t, slots: n, attrs: i, computedAttributes: y, offset: g, ariaLabelAttribute: p, ariaLabel: c, title: _, computedAriaLabel: B, conditionalClasses: P, contentConditionalClasses: C, dismissPopover: S, hasSlot: h, BentoButtonActions: D, PopperContainer: d, PopperContainerAriaRole: F, BentoPopoverTitle: Y, BentoPopoverDismissButton: K };
+  }
+});
+var W = function() {
+  var t = this, e = t._self._c, o = t._self._setupProxy;
+  return e("Transition", { attrs: { name: "b-popover__animation" } }, [t.open ? e(o.PopperContainer, { staticClass: "b-popover", class: o.conditionalClasses, attrs: { id: o.computedAttributes.id, "aria-role": o.PopperContainerAriaRole.POPOVER, "aria-label": o.computedAriaLabel, arrow: { classes: ["b-popover__arrow"] }, "disabled-focus-trap": t.disableFocusTrap, "fallback-position": t.fallbackPosition, "fixed-positioning": t.fixedPositioning, offset: [0, o.offset], position: t.position, "target-element": t.targetElement }, on: { placement: function(n) {
+    return t.$emit("placement", n);
+  } } }, [o.hasSlot("image") ? e("div", { staticClass: "b-popover__image" }, [t.dismissible ? e("div", { staticClass: "b-popover__image-dismiss-button" }, [e(o.BentoPopoverDismissButton, { attrs: { "on-image": "" }, on: { click: o.dismissPopover } })], 1) : t._e(), t._t("image")], 2) : t._e(), o.title ? e("div", { staticClass: "b-popover__header" }, [e("div", { staticClass: "b-popover__header-title" }, [o.hasSlot("headerIcon") ? t._t("headerIcon") : t._e(), e(o.BentoPopoverTitle, { attrs: { title: o.title, "is-image-title": !!o.hasSlot("image") } })], 2), t.dismissible && !o.hasSlot("image") ? e("div", [e(o.BentoPopoverDismissButton, { on: { click: o.dismissPopover } })], 1) : t._e()]) : t._e(), o.hasSlot("default") ? e("div", { staticClass: "b-popover__content", class: o.contentConditionalClasses }, [t._t("default")], 2) : t._e(), t.actions ? e("div", { staticClass: "b-popover__footer" }, [e(o.BentoButtonActions, { attrs: { actions: t.actions, layout: t.actionsLayout } })], 1) : t._e()]) : t._e()], 1);
+}, X = [], Z = /* @__PURE__ */ l(
+  Q,
+  W,
+  X,
+  !1,
+  null,
+  "6a9f44ad",
+  null,
+  null
+);
+const pt = Z.exports;
+export {
+  v as B,
+  M as P,
+  pt as a
+};
+//# sourceMappingURL=index.210d2169.js.map

package/dist/chunks/index.210d2169.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.210d2169.js","sources":["../../src/components/popover/components/popover-title/popover-title.vue","../../src/components/popover/components/popover-dismiss-button/popover-dismiss-button.vue","../../src/components/popover/popover.types.ts","../../src/components/popover/popover.keys.ts","../../src/components/popover/popover.vue"],"sourcesContent":["<template>\n    <bento-typography :strongest=\"isStrongest\" :variant=\"titleVariant\" el=\"span\">\n        {{ title }}\n    </bento-typography>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoTypography, BentoTypographyVariant } from '@/components/typography';\n\n    export default defineComponent({\n        components: { BentoTypography },\n        props: {\n            /**\n             * Indicates if the popover contains an image.\n             */\n            isImageTitle: { type: Boolean, default: false },\n\n            /**\n             * Indicates the title you want to give the popover.\n             */\n            title: { type: String, default: null },\n        },\n        setup(props) {\n            // Use strongest only when it has no image\n            const isStrongest = computed(() => !props.isImageTitle);\n\n            // If an image is present, change the variant from BODY to SUBTITLE and remove the \"strongest\" property of the title\n            const titleVariant = computed(() =>\n                props.isImageTitle ? BentoTypographyVariant.SUBTITLE : BentoTypographyVariant.BODY\n            );\n\n            return {\n                // Values\n                isStrongest,\n                titleVariant,\n            };\n        },\n    });\n</script>\n","<template>\n    <bento-button :class=\"conditionalClass\" variant=\"tertiary\" @click=\"$emit('click')\">\n        <template #iconLeft>\n            <cross-icon svg-title=\"dismiss\" />\n        </template>\n    </bento-button>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    export default defineComponent({\n        name: 'bento-popover-dismiss-button',\n        components: { BentoButton, CrossIcon },\n        props: {\n            onImage: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        setup(props) {\n            const conditionalClass = computed(() => ({ 'b-popover-dismiss-button--on-image': props.onImage }));\n\n            return {\n                // Values\n                conditionalClass,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./popover-dismiss-button.scss\" />\n","import { PopperContainerPosition } from '../popper-container';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport const BentoPopoverPositions = { ...PopperContainerPosition };\nexport type BentoPopoverPositions = PopperContainerPosition;\n","export const POPOVER_OFFSET_INJECTION_KEY = Symbol('popover offset injection key');\n","<template>\n    <Transition name=\"b-popover__animation\">\n        <popper-container\n            v-if=\"open\"\n            :id=\"computedAttributes['id']\"\n            :aria-role=\"PopperContainerAriaRole.POPOVER\"\n            :aria-label=\"computedAriaLabel\"\n            :arrow=\"{ classes: ['b-popover__arrow'] }\"\n            :disabled-focus-trap=\"disableFocusTrap\"\n            :class=\"conditionalClasses\"\n            :fallback-position=\"fallbackPosition\"\n            :fixed-positioning=\"fixedPositioning\"\n            :offset=\"[0, offset]\"\n            :position=\"position\"\n            :target-element=\"targetElement\"\n            class=\"b-popover\"\n            @placement=\"$emit('placement', $event)\"\n        >\n            <div v-if=\"hasSlot('image')\" class=\"b-popover__image\">\n                <div v-if=\"dismissible\" class=\"b-popover__image-dismiss-button\">\n                    <bento-popover-dismiss-button on-image @click=\"dismissPopover\" />\n                </div>\n                <slot name=\"image\"></slot>\n            </div>\n            <div v-if=\"title\" class=\"b-popover__header\">\n                <div class=\"b-popover__header-title\">\n                    <slot v-if=\"hasSlot('headerIcon')\" name=\"headerIcon\"></slot>\n                    <bento-popover-title :title=\"title\" :is-image-title=\"!!hasSlot('image')\" />\n                </div>\n                <div v-if=\"dismissible && !hasSlot('image')\">\n                    <bento-popover-dismiss-button @click=\"dismissPopover\" />\n                </div>\n            </div>\n\n            <div v-if=\"hasSlot('default')\" class=\"b-popover__content\" :class=\"contentConditionalClasses\">\n                <slot></slot>\n            </div>\n\n            <div v-if=\"actions\" class=\"b-popover__footer\">\n                <bento-button-actions :actions=\"actions\" :layout=\"actionsLayout\"></bento-button-actions>\n            </div>\n        </popper-container>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, PropType, ref, toRefs, useAttrs, useSlots } from 'vue';\n\n    import { BentoButtonActions, BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';\n    import { PopperContainer, PopperContainerAriaRole } from '@/components/popper-container';\n    import BentoPopoverTitle from './components/popover-title/popover-title.vue';\n    import BentoPopoverDismissButton from './components/popover-dismiss-button/popover-dismiss-button.vue';\n\n    import { BentoPopoverPositions } from './popover.types';\n    import { Placement } from '@floating-ui/vue';\n\n    import { useHasSlot } from '@/composables';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n\n    import { POPOVER_OFFSET_INJECTION_KEY } from './popover.keys';\n\n    const DEFAULT_OFFSET = 2;\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * First element in the list will be rendered as \"primary\".\n         * All elements after the first will be rendered as \"secondary\".\n         *\n         * Each object in the list should have a `title`, an `event` and\n         * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n         *\n         * `title`: Button's text.\n         *\n         * `event`: Event triggered when clicking the Button.\n         *\n         * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n         *\n         * ```\n         * [{\n         *   title: 'Primary',\n         *   event: () => { ... },\n         *   icon: FourPeopleIcon\n         * }, {\n         *   title: 'Secondary',\n         *   event: () => { ... }\n         * }]\n         * ```\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: null,\n        },\n\n        /**\n         * Defines the layout in which the button actions is presented.\n         * It can be one of:\n         *\n         * @values BUTTONS_END\n         * @values FILL_CONTAINER\n         * @values SPACE_BETWEEN\n         * @values VERTICAL_STACK\n         */\n        actionsLayout: {\n            type: String as PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>,\n            default: BentoButtonActionsLayout.BUTTONS_END,\n            validator: (value: BentoButtonActionsLayout) => Object.values(BentoButtonActionsLayout).includes(value),\n        },\n\n        /**\n         * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n         */\n        /**\n         * Defines a string value that provides an accessible name for the popover.\n         */\n        ariaLabel: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * Adds a divider line to the actions section, reduces the top/bottom paddings and removes all padding in the \"default\" slot.\n         */\n        divider: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Supports disabling focus trap functionality to avoid scroll into view behavior when we don't need it.\n         * */\n        disableFocusTrap: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Adds a \"dismiss\" icon that triggers the \"dismiss\" event. Requires the `title` prop to be set.\n         */\n        dismissible: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Allows to configure to fallback position to the one specified, it could be ['right', 'top', ...].\n         * Useful when not using auto as starting placement.\n         * https://floating-ui.com/docs/flip#fallbackplacements\n         */\n        fallbackPosition: {\n            type: Array as PropType<Placement[]>,\n            default: () => ['bottom-start', 'right-start', 'top-start', 'left-start'],\n        },\n\n        /**\n         * Sets the size of the container to fit its content\n         */\n        fitContent: { type: Boolean, default: false },\n\n        /**\n         * Instructs popover to be visible outside of the containing container.\n         * Useful when component would be used in limited containers like Modal, Side panel, etc.\n         * @see {@link https://floating-ui.com/docs/usefloating#strategy}\n         */\n        fixedPositioning: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Toggles the popover open and closed\n         */\n        open: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Displays the popover in a large size.\n         */\n        large: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * @deprecated\n         * NOTE: This property no longer functions since moving to the floating-ui framework.\n         */\n        modifiers: { type: Array, default: null },\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 | `${BentoPopoverPositions}`>,\n            default: BentoPopoverPositions.BOTTOM_START,\n            validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n        },\n\n        /**\n         * Displays the popover in a small size.\n         */\n        small: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Indicates the title you want to give the popover.\n         */\n        title: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * Popover's target element.\n         * The popover will position itself relatively to target element, in specified position.\n         */\n        targetElement: {\n            type: PopperContainer.props?.targetElement.type,\n            required: true,\n        },\n        /**\n         * Displays the popover without padding.\n         */\n        withoutSpace: {\n            type: Boolean,\n            default: false,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Triggered when the `dismiss` button is clicked\n         */\n        (e: 'dismiss'): void;\n        /**\n         * Triggered when the popover `placement` changes\n         */\n        (e: 'placement', placement: Placement): void;\n    }>();\n\n    const slots = useSlots();\n    const attrs = useAttrs();\n\n    const computedAttributes = computed(() => ({\n        id: attrs.id?.toString() as string,\n    }));\n\n    const offset = inject<number>(POPOVER_OFFSET_INJECTION_KEY, DEFAULT_OFFSET);\n\n    const ariaLabelAttribute = ref(attrs['aria-label']);\n    const { ariaLabel, title } = toRefs(props);\n    const computedAriaLabel = useAriaLabel({\n        ariaLabel: ariaLabelAttribute.value as string,\n        // TODO: take this line away when the aria-label props is removed\n        label: ariaLabel,\n        defaultFallback: title,\n    });\n\n    const conditionalClasses = computed(() => ({\n        'b-popover--small': props.small && !props.large,\n        'b-popover--with-divider': !!props.divider,\n        'b-popover--large': props.large && !props.small,\n        'b-popover--fit-content': props.fitContent,\n        'b-popover--without-space': props.withoutSpace,\n    }));\n\n    const contentConditionalClasses = computed(() => ({\n        'b-popover__content--with-title': !!props.title,\n    }));\n\n    const dismissPopover = () => emit('dismiss');\n\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Example description of the component...\n     *\n     * @example\n     * import { BentoPopover } from '@adyen/adl-vue2';\n     *\n     * export default {\n     *     components: { BentoPopover },\n     *     template: `\n     *          <bento-popover id=\"your-popover-id\">\n     *              ...Example code of the component\n     *          </bento-popover>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./popover.scss\" />\n"],"names":["_sfc_main$2","defineComponent","BentoTypography","props","isStrongest","computed","titleVariant","BentoTypographyVariant","_sfc_main$1","BentoButton","CrossIcon","BentoPopoverPositions","PopperContainerPosition","POPOVER_OFFSET_INJECTION_KEY","__default__","DEFAULT_OFFSET","slots","useSlots","attrs","useAttrs","computedAttributes","_a","offset","inject","ariaLabelAttribute","ref","ariaLabel","title","toRefs","computedAriaLabel","useAriaLabel","conditionalClasses","contentConditionalClasses","dismissPopover","emit","hasSlot","useHasSlot"],"mappings":";;;;;;;;;;AAUA,MAAAA,IAAAC,EAAA;AAAA,EAAA,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,cAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA,EAKA;AAAA,EACA,MAAAC,GAAA;AAGA,UAAAC,IAAAC,EAAA,MAAA,CAAAF,EAAA,YAAA,GAGAG,IAAAD;AAAA,MAAA,MAAAF,EAAA,eAAAI,EAAA,WAAAA,EAAA;AAAA,IACA;AAGA,WAAA;AAAA;AAAA,MAAA,aAAAH;AAAA,MAEA,cAAAE;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;qBCzBAE,IAAAP,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,aAAAQ,GAAA,WAAAC,EAAA;AAAA,EACA,OAAA;AAAA,IACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAP,GAAA;AAIA,WAAA;AAAA;AAAA,MAAA,kBAFAE,EAAA,OAAA,EAAA,sCAAAF,EAAA,QAAA,EAAA;AAAA,IAIA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;;qBCzBaQ,IAAA,EAAA,GAAAC,EAAA,GCLAC,IAAA,OAAA,8BAAA,GC6STC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAhPAC,IAAA,GA6LAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GAEAC,IAAAf,EAAA,MAAA;;AAAA;AAAA,QAA2C,KAAAgB,IAAAH,EAAA,OAAA,gBAAAG,EAAA;AAAA,MAChB;AAAA,KAAA,GAG3BC,IAAAC,EAAAV,GAAAE,CAAA,GAEAS,IAAAC,EAAAP,EAAA,YAAA,CAAA,GACA,EAAA,WAAAQ,GAAA,OAAAC,EAAA,IAAAC,EAAAzB,CAAA,GACA0B,IAAAC,EAAA;AAAA,MAAuC,WAAAN,EAAA;AAAA;AAAA,MACL,OAAAE;AAAA,MAEvB,iBAAAC;AAAA,IACU,CAAA,GAGrBI,IAAA1B,EAAA,OAAA;AAAA,MAA2C,oBAAAF,EAAA,SAAA,CAAAA,EAAA;AAAA,MACG,2BAAA,CAAA,CAAAA,EAAA;AAAA,MACP,oBAAAA,EAAA,SAAA,CAAAA,EAAA;AAAA,MACO,0BAAAA,EAAA;AAAA,MACV,4BAAAA,EAAA;AAAA,IACE,EAAA,GAGtC6B,IAAA3B,EAAA,OAAA;AAAA,MAAkD,kCAAA,CAAA,CAAAF,EAAA;AAAA,IACJ,EAAA,GAG9C8B,IAAA,MAAAC,EAAA,SAAA,GAEAC,IAAAC,EAAApB,CAAA;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{index.8ac70774.js → index.66503760.js}

@@ -1,8 +1,8 @@
 import { unref as G, computed as R, ref as I, shallowRef as Xt, watch as Z, getCurrentScope as Yt, onScopeDispose as qt, shallowReadonly as q, defineComponent as Gt, toRefs as Kt } from "vue";
 import "./index.af05ced4.js";
-import { B as Jt } from "./index.2625175a.js";
+import { B as Jt } from "./index.86fc63ca.js";
 import { n as Qt } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import "../assets/index6.css";
+import "../assets/index37.css";
 const Lt = ["top", "right", "bottom", "left"], yt = ["start", "end"], xt = /* @__PURE__ */ Lt.reduce((t, e) => t.concat(e, e + "-" + yt[0], e + "-" + yt[1]), []), J = Math.min, U = Math.max, it = Math.round, ot = Math.floor, z = (t) => ({
   x: t,
   y: t
@@ -1325,4 +1325,4 @@ export {
   Qe as h,
   de as o
 };
-//# sourceMappingURL=index.8ac70774.js.map
+//# sourceMappingURL=index.66503760.js.map