@adyen/bento-vue3 1.12.0 → 1.13.1

package/dist/chunks/{button.7ce49c43.js → button.9a51e27a.js}

@@ -1,15 +1,15 @@
-import { defineComponent as R, useAttrs as C, useSlots as I, computed as s, openBlock as i, createBlock as _, resolveDynamicComponent as N, unref as n, mergeProps as h, withCtx as y, createElementBlock as m, renderSlot as c, createCommentVNode as d } from "vue";
-import { B as T } from "./index.fcfca776.js";
+import { defineComponent as R, useAttrs as C, useSlots as I, computed as s, openBlock as i, createBlock as f, resolveDynamicComponent as N, unref as a, mergeProps as h, withCtx as y, createElementBlock as m, renderSlot as c, createCommentVNode as d } from "vue";
+import { B as T } from "./index.a56038f2.js";
 import { u as $ } from "./use-has-slot.4d98bf29.js";
-import { BentoLink as A, BentoLinkVariant as L } from "../link.js";
+import { B as A, a as L } from "./index.eba55960.js";
 import { _ as O } from "./_plugin-vue_export-helper.dad06003.js";
 import "../assets/button.css";
-var u = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t.SECONDARY = "secondary", t.TERTIARY = "tertiary", t))(u || {}), a = /* @__PURE__ */ ((t) => (t.CONDENSED = "condensed", t.DESTRUCTIVE = "critical", t.DISABLED = "disabled", t.ICON_ONLY = "icon-only", t.INVERSE = "inverse", t))(a || {});
-const Y = {
+var u = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t.SECONDARY = "secondary", t.TERTIARY = "tertiary", t))(u || {}), n = /* @__PURE__ */ ((t) => (t.CONDENSED = "condensed", t.DESTRUCTIVE = "critical", t.DISABLED = "disabled", t.ICON_ONLY = "icon-only", t.INVERSE = "inverse", t))(n || {});
+const B = {
   key: 0,
   class: "b-button__icon-left",
   "data-testid": "icon-button-left"
-}, B = {
+}, Y = {
   key: 2,
   class: "b-button__icon-right",
   "data-testid": "icon-button-right"
@@ -58,38 +58,38 @@ const Y = {
   },
   emits: ["blur", "click", "focus", "keydown.esc"],
   setup(t, { emit: v }) {
-    const e = t, p = C(), b = I(), r = $(b), f = s(() => (e == null ? void 0 : e.link) !== void 0 ? A : "button"), E = s(() => {
+    const e = t, b = C(), p = I(), r = $(p), _ = s(() => (e == null ? void 0 : e.link) !== void 0 ? A : "button"), E = s(() => {
       var o, l;
       return {
-        "aria-controls": (o = p["aria-controls"]) == null ? void 0 : o.toString(),
-        "aria-expanded": (l = p["aria-expanded"]) == null ? void 0 : l.toString()
+        "aria-controls": (o = b["aria-controls"]) == null ? void 0 : o.toString(),
+        "aria-expanded": (l = b["aria-expanded"]) == null ? void 0 : l.toString()
       };
     }), S = s(
-      () => f.value === "button" ? {
+      () => _.value === "button" ? {
         ...E.value,
         disabled: e.disabled,
         type: e.type
-      } : { ...e.link, disableTypography: !0, variant: L.DEFAULT }
+      } : { ...e.link, disableTypography: !0, variant: L.DEFAULT, isButton: !0 }
     ), k = s(() => ({
-      [`b-button--${e.variant}${e.critical ? `-${a.DESTRUCTIVE}` : ""}`]: !0
+      [`b-button--${e.variant}${e.critical ? `-${n.DESTRUCTIVE}` : ""}`]: !0
     })), g = s(() => ({
       ...k.value,
-      [`b-button--${a.CONDENSED}`]: e.condensed,
-      [`b-button--${a.DISABLED}`]: e.disabled,
-      [`b-button--${a.ICON_ONLY}`]: !b.default,
-      [`b-button--${a.INVERSE}`]: e.inverse
+      [`b-button--${n.CONDENSED}`]: e.condensed,
+      [`b-button--${n.DISABLED}`]: e.disabled,
+      [`b-button--${n.ICON_ONLY}`]: !p.default,
+      [`b-button--${n.INVERSE}`]: e.inverse
     })), D = (o) => {
       e.disabled ? (o.preventDefault(), o.stopPropagation()) : v("click", o);
     };
-    return (o, l) => (i(), _(N(n(f)), h(n(S), {
-      class: ["b-button", n(g)],
+    return (o, l) => (i(), f(N(a(_)), h(a(S), {
+      class: ["b-button", a(g)],
       onClickCapture: D
     }), {
       default: y(() => [
-        n(r)("iconLeft") ? (i(), m("span", Y, [
+        a(r)("iconLeft") ? (i(), m("span", B, [
           c(o.$slots, "iconLeft", {}, void 0, !0)
         ])) : d("", !0),
-        n(r)("default") ? (i(), _(n(T), {
+        a(r)("default") ? (i(), f(a(T), {
           key: 1,
           el: "span",
           variant: "body",
@@ -101,7 +101,7 @@ const Y = {
           ]),
           _: 3
         })) : d("", !0),
-        n(r)("iconRight") ? (i(), m("span", B, [
+        a(r)("iconRight") ? (i(), m("span", Y, [
           c(o.$slots, "iconRight", {}, void 0, !0)
         ])) : d("", !0)
       ]),
@@ -109,10 +109,10 @@ const Y = {
     }, 16, ["class"]));
   }
 });
-const H = /* @__PURE__ */ O(V, [["__scopeId", "data-v-f5393f3a"]]);
+const H = /* @__PURE__ */ O(V, [["__scopeId", "data-v-be0c439a"]]);
 export {
   u as B,
   H as a,
-  a as b
+  n as b
 };
-//# sourceMappingURL=button.7ce49c43.js.map
+//# sourceMappingURL=button.9a51e27a.js.map

package/dist/chunks/{button.7ce49c43.js.map → button.9a51e27a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button.7ce49c43.js","sources":["../../../core/src/components/button/button.types.ts","../../../vue2/src/components/button/button.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoButtonVariant {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n    TERTIARY = 'tertiary',\n}\n\nexport enum BentoButtonPropClass {\n    CONDENSED = 'condensed',\n    DESTRUCTIVE = 'critical',\n    DISABLED = 'disabled',\n    ICON_ONLY = 'icon-only',\n    INVERSE = 'inverse',\n}\n\nexport interface BentoButtonProps {\n    condensed?: boolean;\n    critical?: boolean;\n    disabled?: boolean;\n    inverse?: boolean;\n    variant?: BentoButtonVariant | `${BentoButtonVariant}`;\n    type?: string;\n    link?: object;\n}\n","<template>\n    <component\n        :is=\"componentType\"\n        v-bind=\"componentProps\"\n        class=\"b-button\"\n        :class=\"conditionalClasses\"\n        @click.capture=\"onClickButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, useAttrs, useSlots } from 'vue';\n    import { BentoButtonPropClass, BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { Booleanish } from '@/types/prop-types';\n    import type { RouterLinkProps } from 'vue-router/types/router';\n    import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'vue/types/jsx';\n    import { BentoLink, BentoLinkVariant } from '@/components/link';\n\n    // TODO: replace all this code when migrated to Vue 3 is complete as this is the only\n    // current way to extend the `router-link` component in Vue 2 and Vue Router 3\n    export interface LinkProps extends RouterLinkProps, AnchorHTMLAttributes {\n        // eslint-disable-next-line vue/require-default-prop\n        args?: { props: RouterLinkProps };\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external: boolean;\n    }\n\n    const props = defineProps({\n        /**\n         * Reduces sizing of button\n         */\n        condensed: { type: Boolean, default: false },\n\n        /**\n         * Displays button as critical\n         */\n        critical: { type: Boolean, default: false },\n\n        /**\n         * Disables button functionality\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Sets color set to inverse\n         */\n        inverse: { type: Boolean, default: false },\n\n        /**\n         * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.\n         */\n        link: { type: Object, default: undefined },\n\n        /**\n         * The default behavior of the button.\n         * Possible values are: 'button', 'reset', 'submit'\n         */\n        type: {\n            type: String as PropType<ButtonHTMLAttributes['type']>,\n            default: 'button',\n        },\n\n        /**\n         * Types of flavour of Button\n         * @values primary, secondary, tertiary\n         */\n        variant: {\n            type: String as PropType<BentoButtonVariant | `${BentoButtonVariant}`>,\n            default: BentoButtonVariant.PRIMARY,\n            validator: (value: BentoButtonVariant) => Object.values(BentoButtonVariant).includes(value),\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the element has lost focus\n         */\n        (e: 'blur');\n\n        /**\n         * Emitted when the button is clicked\n         */\n        (e: 'click', event: MouseEvent);\n\n        /**\n         * Emitted when the element has received focus\n         */\n        (e: 'focus');\n\n        /**\n         * Emitted when the \"ESC\" key is pressed\n         */\n        (e: 'keydown.esc');\n    }>();\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const componentType = computed(() => {\n        if (props?.link !== undefined) {\n            return BentoLink;\n        }\n        return 'button';\n    });\n    const ariaAttributes = computed(() => ({\n        'aria-controls': attrs['aria-controls']?.toString() as string,\n        'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n    }));\n\n    const componentProps = computed(() =>\n        componentType.value === 'button'\n            ? {\n                  ...ariaAttributes.value,\n                  disabled: props.disabled,\n                  type: props.type,\n              }\n            : { ...props.link, disableTypography: true, variant: BentoLinkVariant.DEFAULT }\n    );\n\n    const variantClass = computed(() => ({\n        [`b-button--${props.variant}${props.critical ? `-${BentoButtonPropClass.DESTRUCTIVE}` : ''}`]: true,\n    }));\n\n    const conditionalClasses = computed(() => ({\n        ...variantClass.value,\n        [`b-button--${BentoButtonPropClass.CONDENSED}`]: props.condensed,\n        [`b-button--${BentoButtonPropClass.DISABLED}`]: props.disabled,\n        [`b-button--${BentoButtonPropClass.ICON_ONLY}`]: !slots.default,\n        [`b-button--${BentoButtonPropClass.INVERSE}`]: props.inverse,\n    }));\n\n    const onClickButton = (e: MouseEvent) => {\n        if (!props.disabled) {\n            emit('click', e);\n        } else {\n            e.preventDefault();\n            e.stopPropagation();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Button component for all the various types of bento buttons.\n     *\n     * @example\n     * import { BentoButton } from '@adyen/bento-vue2';\n     * import { CheckMarkIcon } from '@adyen/ui-assets-icons-16';\n     *\n     * export default {\n     *     components: { BentoButton },\n     *     template: `\n     *         <bento-button\n     *             disabled\n     *             variant=\"secondary\"\n     *         >\n     *              <template #iconLeft>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *\n     *              Button text\n     *\n     *              <template #iconRight>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *         </bento-button>\n     *     `,\n     * }\n     */\n    export default {\n        name: 'bento-button',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button/button.scss\" />\n"],"names":["BentoButtonVariant","BentoButtonVariant2","BentoButtonPropClass","BentoButtonPropClass2","__default__","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","componentType","computed","props","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","onClickButton","e","emit"],"mappings":";;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YAHQA,IAAAD,KAAA,CAAA,CAAA,GAMAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,cAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;;;;;;;;;GCgLRE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA7EAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OACIC,KAAA,gBAAAA,EAAA,UAAA,SACIC,IAEJ,QAAO,GAEXC,IAAAH,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAI,IAAAX,EAAA,eAAA,MAAA,gBAAAW,EAAA;AAAA,QACe,kBAAAC,IAAAZ,EAAA,eAAA,MAAA,gBAAAY,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAN;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAI,EAAA;AAAA,QACsB,UAAAF,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAM,EAAA,QAAA;AAAA,IAE4D,GAGtFC,IAAAR,EAAA,OAAA;AAAA,MAAqC,CAAA,aAAAC,EAAA,UAAAA,EAAA,WAAA,IAAAX,EAAA,gBAAA,IAAA,GAAA;AAAA,IAC8D,EAAA,GAGnGmB,IAAAT,EAAA,OAAA;AAAA,MAA2C,GAAAQ,EAAA;AAAA,MACvB,CAAA,aAAAlB,EAAA,WAAA,GAAAW,EAAA;AAAA,MACuC,CAAA,aAAAX,EAAA,UAAA,GAAAW,EAAA;AAAA,MACD,CAAA,aAAAX,EAAA,WAAA,GAAA,CAAAK,EAAA;AAAA,MACE,CAAA,aAAAL,EAAA,SAAA,GAAAW,EAAA;AAAA,IACH,EAAA,GAGzDS,IAAA,CAAAC,MAAA;AACI,MAAAV,EAAA,YAGIU,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAC,EAAA,SAAAD,CAAA;AAAA,IAIJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"button.9a51e27a.js","sources":["../../../core/src/components/button/button.types.ts","../../../vue2/src/components/button/button.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoButtonVariant {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n    TERTIARY = 'tertiary',\n}\n\nexport enum BentoButtonPropClass {\n    CONDENSED = 'condensed',\n    DESTRUCTIVE = 'critical',\n    DISABLED = 'disabled',\n    ICON_ONLY = 'icon-only',\n    INVERSE = 'inverse',\n}\n\nexport interface BentoButtonProps {\n    condensed?: boolean;\n    critical?: boolean;\n    disabled?: boolean;\n    inverse?: boolean;\n    variant?: BentoButtonVariant | `${BentoButtonVariant}`;\n    type?: string;\n    link?: object;\n}\n","<template>\n    <component\n        :is=\"componentType\"\n        v-bind=\"componentProps\"\n        class=\"b-button\"\n        :class=\"conditionalClasses\"\n        @click.capture=\"onClickButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, useAttrs, useSlots } from 'vue';\n    import { BentoButtonPropClass, BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { Booleanish } from '@/types/prop-types';\n    import type { RouterLinkProps } from 'vue-router/types/router';\n    import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'vue/types/jsx';\n    import { BentoLink, BentoLinkVariant } from '@/components/link';\n\n    // TODO: replace all this code when migrated to Vue 3 is complete as this is the only\n    // current way to extend the `router-link` component in Vue 2 and Vue Router 3\n    export interface LinkProps extends RouterLinkProps, AnchorHTMLAttributes {\n        // eslint-disable-next-line vue/require-default-prop\n        args?: { props: RouterLinkProps };\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external: boolean;\n    }\n\n    const props = defineProps({\n        /**\n         * Reduces sizing of button\n         */\n        condensed: { type: Boolean, default: false },\n\n        /**\n         * Displays button as critical\n         */\n        critical: { type: Boolean, default: false },\n\n        /**\n         * Disables button functionality\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Sets color set to inverse\n         */\n        inverse: { type: Boolean, default: false },\n\n        /**\n         * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.\n         */\n        link: { type: Object, default: undefined },\n\n        /**\n         * The default behavior of the button.\n         * Possible values are: 'button', 'reset', 'submit'\n         */\n        type: {\n            type: String as PropType<ButtonHTMLAttributes['type']>,\n            default: 'button',\n        },\n\n        /**\n         * Types of flavour of Button\n         * @values primary, secondary, tertiary\n         */\n        variant: {\n            type: String as PropType<BentoButtonVariant | `${BentoButtonVariant}`>,\n            default: BentoButtonVariant.PRIMARY,\n            validator: (value: BentoButtonVariant) => Object.values(BentoButtonVariant).includes(value),\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the element has lost focus\n         */\n        (e: 'blur');\n\n        /**\n         * Emitted when the button is clicked\n         */\n        (e: 'click', event: MouseEvent);\n\n        /**\n         * Emitted when the element has received focus\n         */\n        (e: 'focus');\n\n        /**\n         * Emitted when the \"ESC\" key is pressed\n         */\n        (e: 'keydown.esc');\n    }>();\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const componentType = computed(() => {\n        if (props?.link !== undefined) {\n            return BentoLink;\n        }\n        return 'button';\n    });\n    const ariaAttributes = computed(() => ({\n        'aria-controls': attrs['aria-controls']?.toString() as string,\n        'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n    }));\n\n    const componentProps = computed(() =>\n        componentType.value === 'button'\n            ? {\n                  ...ariaAttributes.value,\n                  disabled: props.disabled,\n                  type: props.type,\n              }\n            : { ...props.link, disableTypography: true, variant: BentoLinkVariant.DEFAULT, isButton: true }\n    );\n\n    const variantClass = computed(() => ({\n        [`b-button--${props.variant}${props.critical ? `-${BentoButtonPropClass.DESTRUCTIVE}` : ''}`]: true,\n    }));\n\n    const conditionalClasses = computed(() => ({\n        ...variantClass.value,\n        [`b-button--${BentoButtonPropClass.CONDENSED}`]: props.condensed,\n        [`b-button--${BentoButtonPropClass.DISABLED}`]: props.disabled,\n        [`b-button--${BentoButtonPropClass.ICON_ONLY}`]: !slots.default,\n        [`b-button--${BentoButtonPropClass.INVERSE}`]: props.inverse,\n    }));\n\n    const onClickButton = (e: MouseEvent) => {\n        if (!props.disabled) {\n            emit('click', e);\n        } else {\n            e.preventDefault();\n            e.stopPropagation();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Button component for all the various types of bento buttons.\n     *\n     * @example\n     * import { BentoButton } from '@adyen/bento-vue2';\n     * import { CheckMarkIcon } from '@adyen/ui-assets-icons-16';\n     *\n     * export default {\n     *     components: { BentoButton },\n     *     template: `\n     *         <bento-button\n     *             disabled\n     *             variant=\"secondary\"\n     *         >\n     *              <template #iconLeft>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *\n     *              Button text\n     *\n     *              <template #iconRight>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *         </bento-button>\n     *     `,\n     * }\n     */\n    export default {\n        name: 'bento-button',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button/button.scss\" />\n"],"names":["BentoButtonVariant","BentoButtonVariant2","BentoButtonPropClass","BentoButtonPropClass2","__default__","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","componentType","computed","props","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","onClickButton","e","emit"],"mappings":";;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YAHQA,IAAAD,KAAA,CAAA,CAAA,GAMAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,cAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;;;;;;;;;GCgLRE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA7EAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OACIC,KAAA,gBAAAA,EAAA,UAAA,SACIC,IAEJ,QAAO,GAEXC,IAAAH,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAI,IAAAX,EAAA,eAAA,MAAA,gBAAAW,EAAA;AAAA,QACe,kBAAAC,IAAAZ,EAAA,eAAA,MAAA,gBAAAY,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAN;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAI,EAAA;AAAA,QACsB,UAAAF,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAM,EAAA,SAAA,UAAA,GAAA;AAAA,IAE4E,GAGtGC,IAAAR,EAAA,OAAA;AAAA,MAAqC,CAAA,aAAAC,EAAA,UAAAA,EAAA,WAAA,IAAAX,EAAA,gBAAA,IAAA,GAAA;AAAA,IAC8D,EAAA,GAGnGmB,IAAAT,EAAA,OAAA;AAAA,MAA2C,GAAAQ,EAAA;AAAA,MACvB,CAAA,aAAAlB,EAAA,WAAA,GAAAW,EAAA;AAAA,MACuC,CAAA,aAAAX,EAAA,UAAA,GAAAW,EAAA;AAAA,MACD,CAAA,aAAAX,EAAA,WAAA,GAAA,CAAAK,EAAA;AAAA,MACE,CAAA,aAAAL,EAAA,SAAA,GAAAW,EAAA;AAAA,IACH,EAAA,GAGzDS,IAAA,CAAAC,MAAA;AACI,MAAAV,EAAA,YAGIU,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAC,EAAA,SAAAD,CAAA;AAAA,IAIJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{calendar.f0f7b405.js → calendar.ac3ea3d9.js}

@@ -1,16 +1,16 @@
-import { defineComponent as ge, computed as p, resolveComponent as F, openBlock as I, createElementBlock as U, normalizeClass as Re, withKeys as Ue, createElementVNode as C, createVNode as J, ref as x, watch as H, nextTick as $e, toRef as V, resolveDirective as We, withDirectives as Ye, mergeProps as Ce, toHandlers as Fe, createBlock as se, withCtx as oe, createCommentVNode as me, createTextVNode as Te, toDisplayString as ke, Fragment as ue, renderList as le, reactive as _e, toRaw as je } from "vue";
+import { defineComponent as ge, computed as p, resolveComponent as F, openBlock as I, createElementBlock as U, normalizeClass as Re, withKeys as Ue, createElementVNode as C, createVNode as J, ref as H, watch as q, nextTick as $e, toRef as x, resolveDirective as We, withDirectives as Ye, mergeProps as Ce, toHandlers as Fe, createBlock as se, withCtx as oe, createCommentVNode as me, createTextVNode as Te, toDisplayString as ke, Fragment as ue, renderList as le, reactive as _e, toRaw as je } from "vue";
 import { r as k, t as M, g as Ee, e as ye, d as Be, f as Ge } from "./index.f55fdc32.js";
-import { t as O, B as Ve, a as xe, f as Me } from "./index.3ec651d0.js";
+import { t as O, B as Ve, a as xe, f as Me } from "./index.01e085bf.js";
 import { e as we } from "./index.d80206ed.js";
-import { a as He } from "./button.7ce49c43.js";
-import { B as qe } from "./index.fcfca776.js";
+import { a as He } from "./button.9a51e27a.js";
+import { B as qe } from "./index.a56038f2.js";
 import { u as Ke } from "./i18n.6c402773.js";
 import { g as Qe } from "./unique-id.a2a2b458.js";
 import { a as Xe } from "./keyboard-navigation.ca47dfa8.js";
 import { C as ze, a as Je } from "./chevron-left.4ee92950.js";
 import { _ as be } from "./_plugin-vue_export-helper.dad06003.js";
 import "../assets/calendar.css";
-function q(e, t) {
+function K(e, t) {
   k(2, arguments);
   var n = M(e), a = O(t);
   return isNaN(a) ? /* @__PURE__ */ new Date(NaN) : (a && n.setDate(n.getDate() + a), n);
@@ -49,7 +49,7 @@ function et(e, t) {
 function Pe(e, t) {
   k(2, arguments);
   var n = O(t), a = n * 7;
-  return q(e, a);
+  return K(e, a);
 }
 function re(e, t) {
   k(2, arguments);
@@ -83,7 +83,7 @@ function he(e, t) {
 function at(e, t) {
   k(2, arguments);
   var n = O(t);
-  return q(e, -n);
+  return K(e, -n);
 }
 function te(e, t) {
   k(2, arguments);
@@ -113,7 +113,7 @@ function rt(e, t, n) {
   if (!(r >= 0 && r <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   var y = M(e), d = O(t), D = y.getDay(), c = d % 7, i = (c + 7) % 7, h = 7 - r, g = d < 0 || d > 6 ? d - (D + h) % 7 : (i + h) % 7 - (D + h) % 7;
-  return q(y, g);
+  return K(y, g);
 }
 function st(e, t) {
   k(2, arguments);
@@ -246,12 +246,12 @@ var ve = {}, mt = {
   set exports(e) {
     fe = e;
   }
-}, K = {}, ht = {
+}, Q = {}, ht = {
   get exports() {
-    return K;
+    return Q;
   },
   set exports(e) {
-    K = e;
+    Q = e;
   }
 };
 (function(e, t) {
@@ -263,12 +263,12 @@ var ve = {}, mt = {
       throw new TypeError(a + " argument" + (a > 1 ? "s" : "") + " required, but only " + u.length + " present");
   }
   e.exports = t.default;
-})(ht, K);
+})(ht, Q);
 (function(e, t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = u;
-  var n = a(K);
+  var n = a(Q);
   function a(o) {
     return o && o.__esModule ? o : { default: o };
   }
@@ -283,7 +283,7 @@ var ve = {}, mt = {
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = l;
-  var n = o(ae), a = o(fe), u = o(K);
+  var n = o(ae), a = o(fe), u = o(Q);
   function o(r) {
     return r && r.__esModule ? r : { default: r };
   }
@@ -298,7 +298,7 @@ var ve = {}, mt = {
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = l;
-  var n = o(ae), a = o(ve), u = o(K);
+  var n = o(ae), a = o(ve), u = o(Q);
   function o(r) {
     return r && r.__esModule ? r : { default: r };
   }
@@ -310,19 +310,19 @@ var ve = {}, mt = {
   e.exports = t.default;
 })(ft, ce);
 const Oe = /* @__PURE__ */ vt(ce), gt = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWeek: a }, u) => {
-  const o = x(new Date(t.value));
-  H(
+  const o = H(new Date(t.value));
+  q(
     t,
     () => {
       o.value = t.value;
     },
     { immediate: !0 }
   );
-  const l = x(new Date(e.value));
-  H(e, () => {
+  const l = H(new Date(e.value));
+  q(e, () => {
     l.value = e.value;
   });
-  const r = x({}), y = (s) => (v) => {
+  const r = H({}), y = (s) => (v) => {
     r.value[s.toDateString()] = v;
   }, d = () => {
     r.value = {};
@@ -363,7 +363,7 @@ const Oe = /* @__PURE__ */ vt(ce), gt = ({ currentSelectedDate: e, month: t, isD
     moveToNextDay: (s) => {
       h(s);
       const v = 1;
-      g({ nextDate: q(l.value, v), isIncreasingDays: !0 });
+      g({ nextDate: K(l.value, v), isIncreasingDays: !0 });
     },
     // ArrowLeft
     moveToPreviousDay: (s) => {
@@ -381,7 +381,7 @@ const Oe = /* @__PURE__ */ vt(ce), gt = ({ currentSelectedDate: e, month: t, isD
     moveToNextWeek: (s) => {
       h(s);
       const v = 7;
-      g({ nextDate: q(l.value, v), isIncreasingDays: !0 });
+      g({ nextDate: K(l.value, v), isIncreasingDays: !0 });
     },
     // Home
     moveToFirstDayOfWeek: (s) => {
@@ -536,14 +536,14 @@ const Oe = /* @__PURE__ */ vt(ce), gt = ({ currentSelectedDate: e, month: t, isD
       moveToFirstDayOfWeek: m,
       moveToLastDayOfWeek: E,
       moveToPreviousMonth: T,
-      moveToPreviousYear: Q,
+      moveToPreviousYear: G,
       moveToNextMonth: X,
       moveToNextYear: f,
       focusOnDate: _
     } = gt(
       {
-        currentSelectedDate: V(e, "startDate"),
-        month: V(e, "month"),
+        currentSelectedDate: x(e, "startDate"),
+        month: x(e, "month"),
         isDateDisabled: o.value,
         firstDayOfWeek: e.firstDayOfWeek
       },
@@ -592,7 +592,7 @@ const Oe = /* @__PURE__ */ vt(ce), gt = ({ currentSelectedDate: e, month: t, isD
       "keydown:home": m,
       "keydown:end": E,
       "keydown:page-up": T,
-      "keydown:shift-page-up": Q,
+      "keydown:shift-page-up": G,
       "keydown:page-down": X,
       "keydown:shift-page-down": f
     };
@@ -627,7 +627,7 @@ const Oe = /* @__PURE__ */ vt(ce), gt = ({ currentSelectedDate: e, month: t, isD
       moveToFirstDayOfWeek: m,
       moveToLastDayOfWeek: E,
       moveToPreviousMonth: T,
-      moveToPreviousYear: Q,
+      moveToPreviousYear: G,
       moveToNextMonth: X,
       moveToNextYear: f
     };
@@ -726,14 +726,14 @@ function wt(e, t, n, a, u, o) {
     [c]
   ]);
 }
-const G = /* @__PURE__ */ be(_t, [["render", wt], ["__scopeId", "data-v-b9b8810b"]]);
+const V = /* @__PURE__ */ be(_t, [["render", wt], ["__scopeId", "data-v-b9b8810b"]]);
 var S = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(S || {});
 const St = ({ selectedDate: e }, t) => {
   const n = _e({
     startDate: null,
     endDate: null
   });
-  return H(
+  return q(
     () => e.value,
     () => {
       n.startDate = e.value, n.endDate = void 0;
@@ -796,8 +796,8 @@ const St = ({ selectedDate: e }, t) => {
   const { adjustDateForWeekly: D, adjustDateForMonthly: c } = It(u, o, l), { savedRanges: i, saveRange: h, resetSavedRange: g } = Ot(), m = _e({
     startDate: null,
     endDate: null
-  }), E = x(null);
-  H(
+  }), E = H(null);
+  q(
     () => e.value,
     () => {
       let { startDate: f = null, endDate: _ = null } = e.value || {};
@@ -808,26 +808,10 @@ const St = ({ selectedDate: e }, t) => {
   const T = (f, _, w) => {
     if (m.startDate = f, m.endDate = _, n.value) {
       const b = tt(_, f) - n.value;
-      b > 0 && (w < 1 ? (m.startDate = f, m.endDate = at(_, b)) : (m.startDate = q(f, b), m.endDate = _));
+      b > 0 && (w < 1 ? (m.startDate = f, m.endDate = at(_, b)) : (m.startDate = K(f, b), m.endDate = _));
     }
     r(S.START_DATE_SELECTED, m.startDate), r(S.END_DATE_SELECTED, m.endDate);
-  }, Q = (f) => {
-    var _, w;
-    if (E.value)
-      E.value = null, r(S.INPUT, m), a.value && g(a.value.type);
-    else {
-      let b = f;
-      if (((_ = a == null ? void 0 : a.value) == null ? void 0 : _.type) === "weekly") {
-        const { startDate: W, endDate: s } = D(f);
-        b = W, T(b, s);
-      }
-      if (((w = a == null ? void 0 : a.value) == null ? void 0 : w.type) === "monthly") {
-        const { startDate: W, endDate: s } = c(f);
-        b = W, T(b, s);
-      }
-      E.value = b, r(S.START_DATE_SELECTED, b), r(S.END_DATE_SELECTED, b);
-    }
-  }, X = (f) => {
+  }, G = (f) => {
     var _, w, b, W;
     if (!(!E.value || t && t(f)))
       if (ot(f, E.value)) {
@@ -855,8 +839,24 @@ const St = ({ selectedDate: e }, t) => {
         }
         T(E.value, f, 1);
       }
+  }, X = (f) => {
+    var _, w;
+    if (E.value)
+      E.value = null, r(S.INPUT, m), a.value && g(a.value.type);
+    else {
+      let b = f;
+      if (((_ = a == null ? void 0 : a.value) == null ? void 0 : _.type) === "weekly") {
+        const { startDate: W, endDate: s } = D(f);
+        b = W, T(b, s);
+      }
+      if (((w = a == null ? void 0 : a.value) == null ? void 0 : w.type) === "monthly") {
+        const { startDate: W, endDate: s } = c(f);
+        b = W, T(b, s);
+      }
+      E.value = b, G(b), r(S.START_DATE_SELECTED, b), r(S.END_DATE_SELECTED, b);
+    }
   };
-  return H(a, (f, _) => {
+  return q(a, (f, _) => {
     switch (h(_.type, structuredClone(je(m))), f.type) {
       case "monthly": {
         if (i.monthly) {
@@ -883,17 +883,17 @@ const St = ({ selectedDate: e }, t) => {
     }
   }), {
     internalValue: m,
-    onDateInput: Q,
-    onMouseOver: X
+    onDateInput: X,
+    onMouseOver: G
   };
 }, Rt = ge({
   name: "calendar",
-  components: { CalendarMonth: G },
+  components: { CalendarMonth: V },
   props: {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: G.props.firstDayOfWeek,
+    firstDayOfWeek: V.props.firstDayOfWeek,
     /**
      * The selected granularity configuration
      */
@@ -904,11 +904,11 @@ const St = ({ selectedDate: e }, t) => {
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: G.props.isDateDisabled,
+    isDateDisabled: V.props.isDateDisabled,
     /**
      * Enables the Date Range calendar
      */
-    isRange: G.props.isRange,
+    isRange: V.props.isRange,
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
@@ -916,11 +916,11 @@ const St = ({ selectedDate: e }, t) => {
     /**
      * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
      */
-    min: G.props.min,
+    min: V.props.min,
     /**
      * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
      */
-    max: G.props.max,
+    max: V.props.max,
     /**
      * Number of months rendered on pane
      */
@@ -937,8 +937,8 @@ const St = ({ selectedDate: e }, t) => {
   },
   emit: [S.INPUT, S.START_DATE_SELECTED, S.END_DATE_SELECTED],
   setup(e, { emit: t }) {
-    const n = x(null), a = x();
-    H(
+    const n = H(null), a = H();
+    q(
       () => e.value,
       () => {
         var i;
@@ -954,10 +954,10 @@ const St = ({ selectedDate: e }, t) => {
       onMouseOver: r
     } = e.isRange ? pt(
       {
-        selectedDate: V(e, "value"),
+        selectedDate: x(e, "value"),
         isDateDisabled: e.isDateDisabled,
-        maxRange: V(e, "maxRange"),
-        granularity: V(e, "granularity"),
+        maxRange: x(e, "maxRange"),
+        granularity: x(e, "granularity"),
         firstDayOfWeek: e.firstDayOfWeek,
         min: e.min,
         max: e.max
@@ -965,7 +965,7 @@ const St = ({ selectedDate: e }, t) => {
       t
     ) : St(
       {
-        selectedDate: V(e, "value"),
+        selectedDate: x(e, "value"),
         firstDayOfWeek: e.firstDayOfWeek
       },
       t
@@ -1026,7 +1026,7 @@ export {
   S as a,
   ee as b,
   ie as c,
-  q as d,
+  K as d,
   he as e,
   at as f,
   de as g,
@@ -1035,4 +1035,4 @@ export {
   B as s,
   It as u
 };
-//# sourceMappingURL=calendar.f0f7b405.js.map
+//# sourceMappingURL=calendar.ac3ea3d9.js.map