@adyen/bento-vue3 1.83.1 → 1.84.0

package/dist/chunks/{inspector.p4ukEAWH.js → inspector.Dox76eqN.js}

@@ -1,6 +1,6 @@
-import { ref as v, watch as x, defineComponent as N, computed as b, createElementBlock as E, openBlock as f, normalizeClass as V, createElementVNode as s, createVNode as i, renderSlot as w, Transition as K, withCtx as l, createCommentVNode as T, withKeys as z, unref as n, Fragment as G, createTextVNode as H, toDisplayString as k, createBlock as O, nextTick as Y } from "vue";
+import { ref as v, watch as x, defineComponent as $, computed as b, createElementBlock as S, openBlock as f, normalizeClass as N, createElementVNode as s, createVNode as i, renderSlot as w, Transition as K, withCtx as l, createCommentVNode as T, withKeys as z, unref as n, Fragment as G, createTextVNode as H, toDisplayString as E, createBlock as O, nextTick as Y } from "vue";
 import { d as U, B as X } from "./typography.6Oo5TOMP.js";
-import { B } from "./button.CSp48LJt.js";
+import { B as k } from "./button.CSp48LJt.js";
 import { B as j } from "./loading-indicator.Db794TT5.js";
 import { B as q, s as J, g as W, a as Q, f as Z } from "./focus-trap.BaHvK7aT.js";
 import { E as ee } from "./expand.C9IAqYYL.js";
@@ -33,13 +33,19 @@ const I = {
   },
   "ja-JP": {
     close: "閉じる",
-    expand: "展開"
+    expand: "展開",
+    inspector: "インスペクター",
+    returnToMainContent: "メインコンテンツに戻る（Ctrl+Shift+S）",
+    returnToMainContentDescription: "Ctrl + Shift + S を使用して、インスペクターとページセクション間を移動できます。"
   },
   "pt-BR": {
     close: "Fechar",
-    expand: "Expandir"
+    expand: "Expandir",
+    inspector: "Inspetor",
+    returnToMainContent: "Voltar ao conteúdo principal (Ctrl+Shift+S)",
+    returnToMainContentDescription: "Você pode usar Ctrl + Shift + S para navegar entre as seções do inspetor e da página."
   }
-}, ce = { class: "b-inspector__page" }, le = ["aria-label"], pe = { class: "b-inspector__container" }, ue = { class: "b-inspector__header" }, de = ["id"], fe = { class: "b-inspector__icons" }, ve = { class: "b-inspector__content" }, _e = { i18n: { messages: I } }, me = /* @__PURE__ */ N({
+}, ce = { class: "b-inspector__page" }, le = ["aria-label"], pe = { class: "b-inspector__container" }, ue = { class: "b-inspector__header" }, de = ["id"], fe = { class: "b-inspector__icons" }, ve = { class: "b-inspector__content" }, _e = { i18n: { messages: I } }, me = /* @__PURE__ */ $({
   ..._e,
   __name: "inspector",
   props: {
@@ -53,48 +59,48 @@ const I = {
     pageFocusAnchor: { default: null }
   },
   emits: ["update:is-open", "update:active-page", "expand"],
-  setup(_, { emit: L }) {
-    const t = _, r = L, { t: c } = oe({ messages: I }), o = ne("returnToMainContentDescription"), S = v(null), m = v(null), A = v(null), h = v(null), { width: F } = se(S), p = b(() => {
+  setup(_, { emit: B }) {
+    const t = _, r = B, { t: c } = oe({ messages: I }), o = ne("returnToMainContentDescription"), L = v(null), m = v(null), M = v(null), C = v(null), { width: A } = se(L), p = b(() => {
       const d = t.size === "small" ? 740 : 915;
-      return F.value > 0 && F.value < d;
+      return A.value > 0 && A.value < d;
     }), g = b(() => t.pageFocusAnchor), D = b(() => ({
       [`b-inspector--${t.size}`]: !0,
       [`b-inspector--${t.relativeLayout}`]: !0,
       "b-inspector--is-compact": p.value
-    })), P = b(() => `${c("inspector")}, ${t.title}`), { findValidFocusFallback: y } = re(A), C = async () => {
-      t.isOpen ? (await Y(), J(m.value, g.value)) : u(g.value ?? y());
+    })), P = b(() => `${c("inspector")}, ${t.title}`), { findValidFocusFallback: h } = re(M), y = async () => {
+      t.isOpen ? (await Y(), J(m.value, g.value)) : u(g.value ?? h());
     }, R = (e) => {
       if (p.value)
         return;
       const a = e.shiftKey ? -1 : 1, d = W(a, m.value);
-      Q() === d && (e.preventDefault(), h.value = document.activeElement, u(g.value ?? y()), r("update:active-page", void 0));
-    }, $ = (e) => {
+      Q() === d && (e.preventDefault(), C.value = document.activeElement, u(g.value ?? h()), r("update:active-page", void 0));
+    }, V = (e) => {
       const a = e.shiftKey && e.ctrlKey && e.key === "S";
-      t.isOpen && !p.value && a && M();
-    }, M = () => {
-      Z(m.value) ? (h.value = document.activeElement, u(g.value ?? y()), r("update:active-page", void 0)) : u(h.value);
+      t.isOpen && !p.value && a && F();
+    }, F = () => {
+      Z(m.value) ? (C.value = document.activeElement, u(g.value ?? h()), r("update:active-page", void 0)) : u(C.value);
     }, u = (e) => {
       e && (e == null || e.focus(), document.activeElement !== e && u(e.parentElement));
     };
     return x(
       () => t.activePage,
       () => {
-        t.activePage && C();
+        t.activePage && y();
       }
     ), t.activePage || U(
       'BentoInspector "active-page" as optional',
       `Make sure to set the "active-page" prop and keep it in sync with "update:active-page".
             "active-page" prop will be required in the next version`,
       "2.0.0"
-    ), (e, a) => (f(), E("div", {
+    ), (e, a) => (f(), S("div", {
       ref_key: "wrapper",
-      ref: S,
-      class: V(["b-inspector", D.value]),
-      onKeydown: $
+      ref: L,
+      class: N(["b-inspector", D.value]),
+      onKeydown: V
     }, [
       s("div", {
         ref_key: "page",
-        ref: A,
+        ref: M,
         class: "b-inspector__page-wrapper"
       }, [
         s("div", ce, [
@@ -104,11 +110,11 @@ const I = {
       i(K, {
         name: "b-inspector__animation",
         mode: "out-in",
-        onBeforeEnter: C,
-        onAfterLeave: C
+        onBeforeEnter: y,
+        onAfterLeave: y
       }, {
         default: l(() => [
-          e.isOpen ? (f(), E("aside", {
+          e.isOpen ? (f(), S("aside", {
             key: 0,
             ref_key: "inspector",
             ref: m,
@@ -122,23 +128,23 @@ const I = {
               default: l(() => [
                 s("div", pe, [
                   s("div", ue, [
-                    p.value ? T("", !0) : (f(), E(G, { key: 0 }, [
-                      i(n(B), {
+                    p.value ? T("", !0) : (f(), S(G, { key: 0 }, [
+                      i(n(k), {
                         class: "b-inspector__return-content",
                         variant: "secondary",
                         condensed: "",
                         "aria-describedby": n(o),
-                        onClick: M
+                        onClick: F
                       }, {
                         default: l(() => [
-                          H(k(n(c)("returnToMainContent")), 1)
+                          H(E(n(c)("returnToMainContent")), 1)
                         ]),
                         _: 1
                       }, 8, ["aria-describedby"]),
                       s("span", {
                         id: n(o),
                         class: "b-inspector__return-content-description"
-                      }, k(n(c)("returnToMainContentDescription")), 9, de)
+                      }, E(n(c)("returnToMainContentDescription")), 9, de)
                     ], 64)),
                     i(n(X), {
                       el: "h2",
@@ -146,12 +152,12 @@ const I = {
                       class: "b-inspector__title"
                     }, {
                       default: l(() => [
-                        H(k(e.title), 1)
+                        H(E(e.title), 1)
                       ]),
                       _: 1
                     }),
                     s("div", fe, [
-                      e.expandable ? (f(), O(n(B), {
+                      e.expandable ? (f(), O(n(k), {
                         key: 0,
                         variant: "tertiary",
                         onClick: a[0] || (a[0] = (d) => r("expand"))
@@ -163,7 +169,7 @@ const I = {
                         ]),
                         _: 1
                       })) : T("", !0),
-                      i(n(B), {
+                      i(n(k), {
                         variant: "tertiary",
                         onClick: a[1] || (a[1] = (d) => r("update:is-open", !1))
                       }, {
@@ -193,8 +199,8 @@ const I = {
       })
     ], 34));
   }
-}), Ae = /* @__PURE__ */ ie(me, [["__scopeId", "data-v-7df4c2ca"]]);
+}), Me = /* @__PURE__ */ ie(me, [["__scopeId", "data-v-7df4c2ca"]]);
 export {
-  Ae as B
+  Me as B
 };
-//# sourceMappingURL=inspector.p4ukEAWH.js.map
+//# sourceMappingURL=inspector.Dox76eqN.js.map

package/dist/chunks/{inspector.p4ukEAWH.js.map → inspector.Dox76eqN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"inspector.p4ukEAWH.js","sources":["../../../vue2/src/components/inspector/composables/use-focus-history/use-focus-history.ts","../../../vue2/src/components/inspector/inspector.vue"],"sourcesContent":["import { ref, type Ref } from 'vue';\nimport { useActiveElement } from '@vueuse/core';\nimport { watch } from 'vue';\n\n/**\n * A composable to track the focus history within a target element.\n * @param targetEl The stable parent element to monitor for focus changes.\n */\nexport function useFocusHistory(targetEl: Ref<HTMLElement | null>) {\n    const MAX_HISTORY_LENGTH = 3;\n\n    const focusHistory = ref<Array<Element>>([]);\n\n    const currentActiveElement = useActiveElement();\n\n    // Edge case 1:\n    // While the inspector is opened, if user tabs through the data-grid to the inspector, and closes it,\n    // it returns to the last element on the data grid regardless if it is a data-grid-cell.\n    //\n    // Edge case 2:\n    // Buttons or actions teleported out of the data-grid may have the focus shifted into a different context.\n    watch(currentActiveElement, newlyFocusedElement => {\n        // Check if the newly focused element is a child of our target container.\n        if (!targetEl.value || !newlyFocusedElement || !targetEl.value.contains(newlyFocusedElement)) {\n            return;\n        }\n\n        // Add the focused element to the history\n        focusHistory.value.unshift(newlyFocusedElement);\n\n        if (focusHistory.value.length > MAX_HISTORY_LENGTH) {\n            focusHistory.value.pop();\n        }\n    });\n\n    /**\n     * Iterates through the focus history to find the first valid element\n     * that is still present in the DOM.\n     * @returns The first valid historical element, or null if none are found.\n     */\n    const findValidFocusFallback = (): HTMLElement | null => {\n        for (const el of focusHistory.value) {\n            if (el && document.body.contains(el as Node)) {\n                return el as HTMLElement;\n            }\n        }\n\n        return null; // No valid fallback found\n    };\n\n    return {\n        findValidFocusFallback,\n    };\n}\n","<template>\n    <div ref=\"wrapper\" class=\"b-inspector\" :class=\"conditionalClass\" @keydown=\"handleSectionFocus\">\n        <div ref=\"page\" class=\"b-inspector__page-wrapper\">\n            <div class=\"b-inspector__page\">\n                <slot name=\"page\" />\n            </div>\n        </div>\n        <Transition name=\"b-inspector__animation\" mode=\"out-in\" @before-enter=\"setFocus\" @after-leave=\"setFocus\">\n            <aside\n                v-if=\"isOpen\"\n                ref=\"inspector\"\n                class=\"b-inspector__container-wrapper\"\n                :aria-label=\"inspectorAriaLabel\"\n                @keydown.tab=\"handleTabNavigation\"\n            >\n                <bento-focus-trap :disabled=\"!isCompact\">\n                    <div class=\"b-inspector__container\">\n                        <div class=\"b-inspector__header\">\n                            <template v-if=\"!isCompact\">\n                                <bento-button\n                                    class=\"b-inspector__return-content\"\n                                    variant=\"secondary\"\n                                    condensed\n                                    :aria-describedby=\"returnToMainContentDescriptionId\"\n                                    @click=\"moveFocusBetweenSections\"\n                                >\n                                    {{ t('returnToMainContent') }}\n                                </bento-button>\n                                <span\n                                    :id=\"returnToMainContentDescriptionId\"\n                                    class=\"b-inspector__return-content-description\"\n                                    >{{ t('returnToMainContentDescription') }}</span\n                                >\n                            </template>\n                            <bento-typography el=\"h2\" variant=\"title\" class=\"b-inspector__title\">\n                                {{ title }}\n                            </bento-typography>\n                            <div class=\"b-inspector__icons\">\n                                <bento-button v-if=\"expandable\" variant=\"tertiary\" @click=\"emit('expand')\">\n                                    <template #iconLeft><expand-icon :svg-title=\"t('expand')\"></expand-icon></template>\n                                </bento-button>\n                                <bento-button variant=\"tertiary\" @click=\"emit('update:is-open', false)\">\n                                    <template #iconLeft><cross-icon :svg-title=\"t('close')\"></cross-icon></template>\n                                </bento-button>\n                            </div>\n                        </div>\n                        <div class=\"b-inspector__content\">\n                            <bento-loading-indicator v-if=\"loading\" large class=\"b-inspector__loading-indicator\" />\n                            <slot v-else name=\"content\" />\n                        </div>\n                    </div>\n                </bento-focus-trap>\n            </aside>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, ref, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n    import { BentoFocusTrap } from '@/components/focus-trap';\n    import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { getNextFocusableElement } from '@/utils/ts/focus-trap.utils';\n    import { useElementSize } from '@vueuse/core';\n    import moveFocusInside, { focusInside, getActiveElement } from 'focus-lock';\n\n    import { type BentoInspectorProps } from './inspector.types';\n    import { useFocusHistory } from './composables/use-focus-history/use-focus-history';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = withDefaults(defineProps<BentoInspectorProps>(), {\n        activePage: '',\n        expandable: false,\n        isOpen: false,\n        loading: false,\n        size: 'small',\n        relativeLayout: 'push-content',\n        pageFocusAnchor: null,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update to keep isOpen prop in sync\n         */\n        (e: 'update:is-open', value: boolean): void;\n        /**\n         * Emits update to keep activePage prop in sync\n         */\n        (e: 'update:active-page', value: string): void;\n        /**\n         * Emits event when user click expand button\n         */\n        (e: 'expand'): void;\n    }>();\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const returnToMainContentDescriptionId = generateUid('returnToMainContentDescription');\n    const wrapper = ref<HTMLElement>(null);\n    const inspector = ref<HTMLElement>(null);\n    const page = ref<HTMLElement>(null);\n    const inspectorLastFocusedElement = ref<HTMLElement>(null);\n\n    const { width: wrapperWidth } = useElementSize(wrapper);\n\n    const isCompact = computed(() => {\n        const COMPACT_THRESHOLD_SMALL = 740;\n        const COMPACT_THRESHOLD_LARGE = 915;\n\n        // small inspector to occupy full screen if < 740px\n        // large inspector to occupy full screen if < 915px\n        const threshold = props.size === 'small' ? COMPACT_THRESHOLD_SMALL : COMPACT_THRESHOLD_LARGE;\n\n        return wrapperWidth.value > 0 && wrapperWidth.value < threshold;\n    });\n\n    const computedPageLastFocusedElement = computed(() => props.pageFocusAnchor);\n\n    const conditionalClass = computed(() => ({\n        [`b-inspector--${props.size}`]: true,\n        [`b-inspector--${props.relativeLayout}`]: true,\n        [`b-inspector--is-compact`]: isCompact.value,\n    }));\n\n    const inspectorAriaLabel = computed(() => `${t('inspector')}, ${props.title}`);\n\n    const { findValidFocusFallback } = useFocusHistory(page);\n\n    const setFocus = async () => {\n        if (props.isOpen) {\n            await nextTick();\n            moveFocusInside(inspector.value, computedPageLastFocusedElement.value);\n        } else {\n            // This doesn't work with data grid cell actions, as the button gets destroyed once is not being hovered.\n            // To be reviewed after LevelAccess revision\n            focusElement(computedPageLastFocusedElement.value ?? findValidFocusFallback());\n        }\n    };\n\n    const handleTabNavigation = event => {\n        if (isCompact.value) {\n            return;\n        }\n        const direction = event.shiftKey ? -1 : 1;\n        const focusableEl = getNextFocusableElement(direction, inspector.value);\n        // If the nextfocusableEl is the same as the activeElement that means it's the last focusable element\n        // inside the inspector, so the focus is moved back to the last focused element on the page\n        if (getActiveElement() === focusableEl) {\n            event.preventDefault();\n            inspectorLastFocusedElement.value = document.activeElement as HTMLElement;\n            focusElement(computedPageLastFocusedElement.value ?? findValidFocusFallback());\n            // Set active-page as undefined when focus is not on page\n            emit('update:active-page', undefined);\n        }\n    };\n\n    const handleSectionFocus = event => {\n        const sectionShortcut = event.shiftKey && event.ctrlKey && event.key === 'S';\n        if (props.isOpen && !isCompact.value && sectionShortcut) {\n            moveFocusBetweenSections();\n        }\n    };\n\n    const moveFocusBetweenSections = () => {\n        if (focusInside(inspector.value)) {\n            inspectorLastFocusedElement.value = document.activeElement as HTMLElement;\n            focusElement(computedPageLastFocusedElement.value ?? findValidFocusFallback());\n            // Set active-page as undefined when focus is not on page\n            emit('update:active-page', undefined);\n        } else {\n            focusElement(inspectorLastFocusedElement.value);\n        }\n    };\n\n    const focusElement = (element: HTMLElement) => {\n        if (!element) {\n            return;\n        }\n        element?.focus();\n        if (document.activeElement !== element) {\n            focusElement(element.parentElement);\n        }\n    };\n\n    watch(\n        () => props.activePage,\n        () => {\n            if (props.activePage) {\n                setFocus();\n            }\n        }\n    );\n\n    if (!props.activePage) {\n        deprecate(\n            'BentoInspector \"active-page\" as optional',\n            `Make sure to set the \"active-page\" prop and keep it in sync with \"update:active-page\".\n            \"active-page\" prop will be required in the next version`,\n            '2.0.0'\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Inspector allows users to access additional information or details of an object/item. The inspector opens adjacent to the main content, pushing it aside to maintain visibility and accessibility to both the main content and inspector.\n     *\n     * @example\n     * import { BentoInspector } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoInspector },\n     *     template: `\n     *          <bento-inspector\n     *                  title=\"Inspector\"\n     *                  size=\"large\"\n     *                  :is-open=\"isOpen\"\n     *                  :active-page=\"activePage\"\n     *                  expandable\n     *                  @update:is-open=\"isOpen = $event\"\n     *                  @update:active-page=\"activePage = $event\"\n     *          >\n     *              <template #page>Content of the page</template>\n     *              <template #content>Content of the inspector</template>\n     *          </bento-inspector>\n     *     `\n     * }\n     */\n    export default { i18n: { messages } };\n</script>\n\n<style lang=\"scss\" scoped src=\"./inspector.scss\" />\n"],"names":["useFocusHistory","targetEl","focusHistory","ref","currentActiveElement","useActiveElement","watch","newlyFocusedElement","el","__default__","messages","props","__props","emit","__emit","t","useI18n","returnToMainContentDescriptionId","generateUid","wrapper","inspector","page","inspectorLastFocusedElement","wrapperWidth","useElementSize","isCompact","computed","threshold","computedPageLastFocusedElement","conditionalClass","inspectorAriaLabel","findValidFocusFallback","setFocus$1","nextTick","setFocus","focusElement","handleTabNavigation","event","direction","focusableEl","getNextFocusableElement","getActiveElement","handleSectionFocus","sectionShortcut","moveFocusBetweenSections","focusInside","element","deprecate"],"mappings":"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"}
+{"version":3,"file":"inspector.Dox76eqN.js","sources":["../../../vue2/src/components/inspector/composables/use-focus-history/use-focus-history.ts","../../../vue2/src/components/inspector/inspector.vue"],"sourcesContent":["import { ref, type Ref } from 'vue';\nimport { useActiveElement } from '@vueuse/core';\nimport { watch } from 'vue';\n\n/**\n * A composable to track the focus history within a target element.\n * @param targetEl The stable parent element to monitor for focus changes.\n */\nexport function useFocusHistory(targetEl: Ref<HTMLElement | null>) {\n    const MAX_HISTORY_LENGTH = 3;\n\n    const focusHistory = ref<Array<Element>>([]);\n\n    const currentActiveElement = useActiveElement();\n\n    // Edge case 1:\n    // While the inspector is opened, if user tabs through the data-grid to the inspector, and closes it,\n    // it returns to the last element on the data grid regardless if it is a data-grid-cell.\n    //\n    // Edge case 2:\n    // Buttons or actions teleported out of the data-grid may have the focus shifted into a different context.\n    watch(currentActiveElement, newlyFocusedElement => {\n        // Check if the newly focused element is a child of our target container.\n        if (!targetEl.value || !newlyFocusedElement || !targetEl.value.contains(newlyFocusedElement)) {\n            return;\n        }\n\n        // Add the focused element to the history\n        focusHistory.value.unshift(newlyFocusedElement);\n\n        if (focusHistory.value.length > MAX_HISTORY_LENGTH) {\n            focusHistory.value.pop();\n        }\n    });\n\n    /**\n     * Iterates through the focus history to find the first valid element\n     * that is still present in the DOM.\n     * @returns The first valid historical element, or null if none are found.\n     */\n    const findValidFocusFallback = (): HTMLElement | null => {\n        for (const el of focusHistory.value) {\n            if (el && document.body.contains(el as Node)) {\n                return el as HTMLElement;\n            }\n        }\n\n        return null; // No valid fallback found\n    };\n\n    return {\n        findValidFocusFallback,\n    };\n}\n","<template>\n    <div ref=\"wrapper\" class=\"b-inspector\" :class=\"conditionalClass\" @keydown=\"handleSectionFocus\">\n        <div ref=\"page\" class=\"b-inspector__page-wrapper\">\n            <div class=\"b-inspector__page\">\n                <slot name=\"page\" />\n            </div>\n        </div>\n        <Transition name=\"b-inspector__animation\" mode=\"out-in\" @before-enter=\"setFocus\" @after-leave=\"setFocus\">\n            <aside\n                v-if=\"isOpen\"\n                ref=\"inspector\"\n                class=\"b-inspector__container-wrapper\"\n                :aria-label=\"inspectorAriaLabel\"\n                @keydown.tab=\"handleTabNavigation\"\n            >\n                <bento-focus-trap :disabled=\"!isCompact\">\n                    <div class=\"b-inspector__container\">\n                        <div class=\"b-inspector__header\">\n                            <template v-if=\"!isCompact\">\n                                <bento-button\n                                    class=\"b-inspector__return-content\"\n                                    variant=\"secondary\"\n                                    condensed\n                                    :aria-describedby=\"returnToMainContentDescriptionId\"\n                                    @click=\"moveFocusBetweenSections\"\n                                >\n                                    {{ t('returnToMainContent') }}\n                                </bento-button>\n                                <span\n                                    :id=\"returnToMainContentDescriptionId\"\n                                    class=\"b-inspector__return-content-description\"\n                                    >{{ t('returnToMainContentDescription') }}</span\n                                >\n                            </template>\n                            <bento-typography el=\"h2\" variant=\"title\" class=\"b-inspector__title\">\n                                {{ title }}\n                            </bento-typography>\n                            <div class=\"b-inspector__icons\">\n                                <bento-button v-if=\"expandable\" variant=\"tertiary\" @click=\"emit('expand')\">\n                                    <template #iconLeft><expand-icon :svg-title=\"t('expand')\"></expand-icon></template>\n                                </bento-button>\n                                <bento-button variant=\"tertiary\" @click=\"emit('update:is-open', false)\">\n                                    <template #iconLeft><cross-icon :svg-title=\"t('close')\"></cross-icon></template>\n                                </bento-button>\n                            </div>\n                        </div>\n                        <div class=\"b-inspector__content\">\n                            <bento-loading-indicator v-if=\"loading\" large class=\"b-inspector__loading-indicator\" />\n                            <slot v-else name=\"content\" />\n                        </div>\n                    </div>\n                </bento-focus-trap>\n            </aside>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, ref, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n    import { BentoFocusTrap } from '@/components/focus-trap';\n    import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { getNextFocusableElement } from '@/utils/ts/focus-trap.utils';\n    import { useElementSize } from '@vueuse/core';\n    import moveFocusInside, { focusInside, getActiveElement } from 'focus-lock';\n\n    import { type BentoInspectorProps } from './inspector.types';\n    import { useFocusHistory } from './composables/use-focus-history/use-focus-history';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = withDefaults(defineProps<BentoInspectorProps>(), {\n        activePage: '',\n        expandable: false,\n        isOpen: false,\n        loading: false,\n        size: 'small',\n        relativeLayout: 'push-content',\n        pageFocusAnchor: null,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update to keep isOpen prop in sync\n         */\n        (e: 'update:is-open', value: boolean): void;\n        /**\n         * Emits update to keep activePage prop in sync\n         */\n        (e: 'update:active-page', value: string): void;\n        /**\n         * Emits event when user click expand button\n         */\n        (e: 'expand'): void;\n    }>();\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const returnToMainContentDescriptionId = generateUid('returnToMainContentDescription');\n    const wrapper = ref<HTMLElement>(null);\n    const inspector = ref<HTMLElement>(null);\n    const page = ref<HTMLElement>(null);\n    const inspectorLastFocusedElement = ref<HTMLElement>(null);\n\n    const { width: wrapperWidth } = useElementSize(wrapper);\n\n    const isCompact = computed(() => {\n        const COMPACT_THRESHOLD_SMALL = 740;\n        const COMPACT_THRESHOLD_LARGE = 915;\n\n        // small inspector to occupy full screen if < 740px\n        // large inspector to occupy full screen if < 915px\n        const threshold = props.size === 'small' ? COMPACT_THRESHOLD_SMALL : COMPACT_THRESHOLD_LARGE;\n\n        return wrapperWidth.value > 0 && wrapperWidth.value < threshold;\n    });\n\n    const computedPageLastFocusedElement = computed(() => props.pageFocusAnchor);\n\n    const conditionalClass = computed(() => ({\n        [`b-inspector--${props.size}`]: true,\n        [`b-inspector--${props.relativeLayout}`]: true,\n        [`b-inspector--is-compact`]: isCompact.value,\n    }));\n\n    const inspectorAriaLabel = computed(() => `${t('inspector')}, ${props.title}`);\n\n    const { findValidFocusFallback } = useFocusHistory(page);\n\n    const setFocus = async () => {\n        if (props.isOpen) {\n            await nextTick();\n            moveFocusInside(inspector.value, computedPageLastFocusedElement.value);\n        } else {\n            // This doesn't work with data grid cell actions, as the button gets destroyed once is not being hovered.\n            // To be reviewed after LevelAccess revision\n            focusElement(computedPageLastFocusedElement.value ?? findValidFocusFallback());\n        }\n    };\n\n    const handleTabNavigation = event => {\n        if (isCompact.value) {\n            return;\n        }\n        const direction = event.shiftKey ? -1 : 1;\n        const focusableEl = getNextFocusableElement(direction, inspector.value);\n        // If the nextfocusableEl is the same as the activeElement that means it's the last focusable element\n        // inside the inspector, so the focus is moved back to the last focused element on the page\n        if (getActiveElement() === focusableEl) {\n            event.preventDefault();\n            inspectorLastFocusedElement.value = document.activeElement as HTMLElement;\n            focusElement(computedPageLastFocusedElement.value ?? findValidFocusFallback());\n            // Set active-page as undefined when focus is not on page\n            emit('update:active-page', undefined);\n        }\n    };\n\n    const handleSectionFocus = event => {\n        const sectionShortcut = event.shiftKey && event.ctrlKey && event.key === 'S';\n        if (props.isOpen && !isCompact.value && sectionShortcut) {\n            moveFocusBetweenSections();\n        }\n    };\n\n    const moveFocusBetweenSections = () => {\n        if (focusInside(inspector.value)) {\n            inspectorLastFocusedElement.value = document.activeElement as HTMLElement;\n            focusElement(computedPageLastFocusedElement.value ?? findValidFocusFallback());\n            // Set active-page as undefined when focus is not on page\n            emit('update:active-page', undefined);\n        } else {\n            focusElement(inspectorLastFocusedElement.value);\n        }\n    };\n\n    const focusElement = (element: HTMLElement) => {\n        if (!element) {\n            return;\n        }\n        element?.focus();\n        if (document.activeElement !== element) {\n            focusElement(element.parentElement);\n        }\n    };\n\n    watch(\n        () => props.activePage,\n        () => {\n            if (props.activePage) {\n                setFocus();\n            }\n        }\n    );\n\n    if (!props.activePage) {\n        deprecate(\n            'BentoInspector \"active-page\" as optional',\n            `Make sure to set the \"active-page\" prop and keep it in sync with \"update:active-page\".\n            \"active-page\" prop will be required in the next version`,\n            '2.0.0'\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Inspector allows users to access additional information or details of an object/item. The inspector opens adjacent to the main content, pushing it aside to maintain visibility and accessibility to both the main content and inspector.\n     *\n     * @example\n     * import { BentoInspector } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoInspector },\n     *     template: `\n     *          <bento-inspector\n     *                  title=\"Inspector\"\n     *                  size=\"large\"\n     *                  :is-open=\"isOpen\"\n     *                  :active-page=\"activePage\"\n     *                  expandable\n     *                  @update:is-open=\"isOpen = $event\"\n     *                  @update:active-page=\"activePage = $event\"\n     *          >\n     *              <template #page>Content of the page</template>\n     *              <template #content>Content of the inspector</template>\n     *          </bento-inspector>\n     *     `\n     * }\n     */\n    export default { i18n: { messages } };\n</script>\n\n<style lang=\"scss\" scoped src=\"./inspector.scss\" />\n"],"names":["useFocusHistory","targetEl","focusHistory","ref","currentActiveElement","useActiveElement","watch","newlyFocusedElement","el","__default__","messages","props","__props","emit","__emit","t","useI18n","returnToMainContentDescriptionId","generateUid","wrapper","inspector","page","inspectorLastFocusedElement","wrapperWidth","useElementSize","isCompact","computed","threshold","computedPageLastFocusedElement","conditionalClass","inspectorAriaLabel","findValidFocusFallback","setFocus$1","nextTick","setFocus","focusElement","handleTabNavigation","event","direction","focusableEl","getNextFocusableElement","getActiveElement","handleSectionFocus","sectionShortcut","moveFocusBetweenSections","focusInside","element","deprecate"],"mappings":";;;;;;;;;;;;AAQO,SAAAA,GAAAC,GAAA;AAGH,QAAAC,IAAAC,EAAA,CAAA,CAAA,GAEAC,IAAAC,GAAA;AAQA,SAAAC,EAAAF,GAAA,CAAAG,MAAA;AAEI,IAAA,CAAAN,EAAA,SAAA,CAAAM,KAAA,CAAAN,EAAA,MAAA,SAAAM,CAAA,MAKAL,EAAA,MAAA,QAAAK,CAAA,GAEAL,EAAA,MAAA,SAAA,KACIA,EAAA,MAAA,IAAA;AAAA,EACJ,CAAA,GAkBJ;AAAA,IAAO,wBAVP,MAAA;AACI,iBAAAM,KAAAN,EAAA;AACI,YAAAM,KAAA,SAAA,KAAA,SAAAA,CAAA;AACI,iBAAAA;AAIR,aAAA;AAAA,IAAO;AAAA,EAIP;AAER;;;;;;;;;;;;;;;;;;;;;;;yOCuLIC,KAAA,EAAA,MAAA,EAAA,UAAAC,EAAA,EAAA;;;;;;;;;;;;;;;AA7JA,UAAAC,IAAAC,GAUAC,IAAAC,GAeA,EAAA,GAAAC,EAAA,IAAAC,GAAA,EAAA,UAAAN,EAAA,CAAA,GACAO,IAAAC,GAAA,gCAAA,GACAC,IAAAhB,EAAA,IAAA,GACAiB,IAAAjB,EAAA,IAAA,GACAkB,IAAAlB,EAAA,IAAA,GACAmB,IAAAnB,EAAA,IAAA,GAEA,EAAA,OAAAoB,EAAA,IAAAC,GAAAL,CAAA,GAEAM,IAAAC,EAAA,MAAA;AAMI,YAAAC,IAAAhB,EAAA,SAAA,UAAA,MAAA;AAEA,aAAAY,EAAA,QAAA,KAAAA,EAAA,QAAAI;AAAA,IAAsD,CAAA,GAG1DC,IAAAF,EAAA,MAAAf,EAAA,eAAA,GAEAkB,IAAAH,EAAA,OAAA;AAAA,MAAyC,CAAA,gBAAAf,EAAA,IAAA,EAAA,GAAA;AAAA,MACL,CAAA,gBAAAA,EAAA,cAAA,EAAA,GAAA;AAAA,MACU,2BAAAc,EAAA;AAAA,IACH,EAAA,GAG3CK,IAAAJ,EAAA,MAAA,GAAAX,EAAA,WAAA,CAAA,KAAAJ,EAAA,KAAA,EAAA,GAEA,EAAA,wBAAAoB,EAAA,IAAA/B,GAAAqB,CAAA,GAEAW,IAAA,YAAA;AACI,MAAArB,EAAA,UACI,MAAAsB,EAAA,GACAC,EAAAd,EAAA,OAAAQ,EAAA,KAAA,KAIAO,EAAAP,EAAA,SAAAG,EAAA,CAAA;AAAA,IACJ,GAGJK,IAAA,CAAAC,MAAA;AACI,UAAAZ,EAAA;AACI;AAEJ,YAAAa,IAAAD,EAAA,WAAA,KAAA,GACAE,IAAAC,EAAAF,GAAAlB,EAAA,KAAA;AAGA,MAAAqB,EAAA,MAAAF,MACIF,EAAA,eAAA,GACAf,EAAA,QAAA,SAAA,eACAa,EAAAP,EAAA,SAAAG,EAAA,CAAA,GAEAlB,EAAA,sBAAA,MAAA;AAAA,IACJ,GAGJ6B,IAAA,CAAAL,MAAA;AACI,YAAAM,IAAAN,EAAA,YAAAA,EAAA,WAAAA,EAAA,QAAA;AACA,MAAA1B,EAAA,UAAA,CAAAc,EAAA,SAAAkB,KACIC,EAAA;AAAA,IACJ,GAGJA,IAAA,MAAA;AACI,MAAAC,EAAAzB,EAAA,KAAA,KACIE,EAAA,QAAA,SAAA,eACAa,EAAAP,EAAA,SAAAG,EAAA,CAAA,GAEAlB,EAAA,sBAAA,MAAA,KAEAsB,EAAAb,EAAA,KAAA;AAAA,IACJ,GAGJa,IAAA,CAAAW,MAAA;AACI,MAAAA,MAGAA,KAAA,QAAAA,EAAA,SACA,SAAA,kBAAAA,KACIX,EAAAW,EAAA,aAAA;AAAA,IACJ;AAGJ,WAAAxC;AAAA,MAAA,MAAAK,EAAA;AAAA,MACgB,MAAA;AAER,QAAAA,EAAA,cACIqB,EAAA;AAAA,MACJ;AAAA,IACJ,GAGJrB,EAAA,cACIoC;AAAA,MAAA;AAAA,MACI;AAAA;AAAA,MACA;AAAA,IAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/isSameWeek.CUD7czUN.js

@@ -0,0 +1,14 @@
+import { n as l } from "./getTimezoneOffsetInMilliseconds.C-aIpRfB.js";
+import { s as r } from "./startOfWeek.Dxw2MhGp.js";
+function i(a, m, e) {
+  const [t, f] = l(
+    e == null ? void 0 : e.in,
+    a,
+    m
+  );
+  return +r(t, e) == +r(f, e);
+}
+export {
+  i
+};
+//# sourceMappingURL=isSameWeek.CUD7czUN.js.map

package/dist/chunks/isSameWeek.CUD7czUN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSameWeek.CUD7czUN.js","sources":["../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameWeek.js"],"sourcesContent":["import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { startOfWeek } from \"./startOfWeek.js\";\n\n/**\n * The {@link isSameWeek} function options.\n */\n\n/**\n * @name isSameWeek\n * @category Week Helpers\n * @summary Are the given dates in the same week (and month and year)?\n *\n * @description\n * Are the given dates in the same week (and month and year)?\n *\n * @param laterDate - The first date to check\n * @param earlierDate - The second date to check\n * @param options - An object with options\n *\n * @returns The dates are in the same week (and month and year)\n *\n * @example\n * // Are 31 August 2014 and 4 September 2014 in the same week?\n * const result = isSameWeek(new Date(2014, 7, 31), new Date(2014, 8, 4))\n * //=> true\n *\n * @example\n * // If week starts with Monday,\n * // are 31 August 2014 and 4 September 2014 in the same week?\n * const result = isSameWeek(new Date(2014, 7, 31), new Date(2014, 8, 4), {\n *   weekStartsOn: 1\n * })\n * //=> false\n *\n * @example\n * // Are 1 January 2014 and 1 January 2015 in the same week?\n * const result = isSameWeek(new Date(2014, 0, 1), new Date(2015, 0, 1))\n * //=> false\n */\nexport function isSameWeek(laterDate, earlierDate, options) {\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    earlierDate,\n  );\n  return (\n    +startOfWeek(laterDate_, options) === +startOfWeek(earlierDate_, options)\n  );\n}\n\n// Fallback for modularized imports:\nexport default isSameWeek;\n"],"names":["isSameWeek","laterDate","earlierDate","options","laterDate_","earlierDate_","normalizeDates","startOfWeek"],"mappings":";;AAuCO,SAASA,EAAWC,GAAWC,GAAaC,GAAS;AAC1D,QAAM,CAACC,GAAYC,CAAY,IAAIC;AAAA,IACjCH,KAAA,gBAAAA,EAAS;AAAA,IACTF;AAAA,IACAC;AAAA,EACD;AACD,SACE,CAACK,EAAYH,GAAYD,CAAO,KAAM,CAACI,EAAYF,GAAcF,CAAO;AAE5E;","x_google_ignoreList":[0]}

package/dist/chunks/it.Oaj6BklL.js

@@ -0,0 +1,392 @@
+import { b as s, c as i, d as r, e as l } from "./en-US.BZii9jNW.js";
+import { i as d } from "./isSameWeek.CUD7czUN.js";
+const c = {
+  lessThanXSeconds: {
+    one: "meno di un secondo",
+    other: "meno di {{count}} secondi"
+  },
+  xSeconds: {
+    one: "un secondo",
+    other: "{{count}} secondi"
+  },
+  halfAMinute: "alcuni secondi",
+  lessThanXMinutes: {
+    one: "meno di un minuto",
+    other: "meno di {{count}} minuti"
+  },
+  xMinutes: {
+    one: "un minuto",
+    other: "{{count}} minuti"
+  },
+  aboutXHours: {
+    one: "circa un'ora",
+    other: "circa {{count}} ore"
+  },
+  xHours: {
+    one: "un'ora",
+    other: "{{count}} ore"
+  },
+  xDays: {
+    one: "un giorno",
+    other: "{{count}} giorni"
+  },
+  aboutXWeeks: {
+    one: "circa una settimana",
+    other: "circa {{count}} settimane"
+  },
+  xWeeks: {
+    one: "una settimana",
+    other: "{{count}} settimane"
+  },
+  aboutXMonths: {
+    one: "circa un mese",
+    other: "circa {{count}} mesi"
+  },
+  xMonths: {
+    one: "un mese",
+    other: "{{count}} mesi"
+  },
+  aboutXYears: {
+    one: "circa un anno",
+    other: "circa {{count}} anni"
+  },
+  xYears: {
+    one: "un anno",
+    other: "{{count}} anni"
+  },
+  overXYears: {
+    one: "più di un anno",
+    other: "più di {{count}} anni"
+  },
+  almostXYears: {
+    one: "quasi un anno",
+    other: "quasi {{count}} anni"
+  }
+}, g = (e, n, a) => {
+  let t;
+  const o = c[e];
+  return typeof o == "string" ? t = o : n === 1 ? t = o.one : t = o.other.replace("{{count}}", n.toString()), a != null && a.addSuffix ? a.comparison && a.comparison > 0 ? "tra " + t : t + " fa" : t;
+}, h = {
+  full: "EEEE d MMMM y",
+  long: "d MMMM y",
+  medium: "d MMM y",
+  short: "dd/MM/y"
+}, f = {
+  full: "HH:mm:ss zzzz",
+  long: "HH:mm:ss z",
+  medium: "HH:mm:ss",
+  short: "HH:mm"
+}, b = {
+  full: "{{date}} {{time}}",
+  long: "{{date}} {{time}}",
+  medium: "{{date}} {{time}}",
+  short: "{{date}} {{time}}"
+}, p = {
+  date: s({
+    formats: h,
+    defaultWidth: "full"
+  }),
+  time: s({
+    formats: f,
+    defaultWidth: "full"
+  }),
+  dateTime: s({
+    formats: b,
+    defaultWidth: "full"
+  })
+}, m = [
+  "domenica",
+  "lunedì",
+  "martedì",
+  "mercoledì",
+  "giovedì",
+  "venerdì",
+  "sabato"
+];
+function v(e) {
+  return e === 0 ? "'domenica scorsa alle' p" : "'" + m[e] + " scorso alle' p";
+}
+function u(e) {
+  return "'" + m[e] + " alle' p";
+}
+function z(e) {
+  return e === 0 ? "'domenica prossima alle' p" : "'" + m[e] + " prossimo alle' p";
+}
+const P = {
+  lastWeek: (e, n, a) => {
+    const t = e.getDay();
+    return d(e, n, a) ? u(t) : v(t);
+  },
+  yesterday: "'ieri alle' p",
+  today: "'oggi alle' p",
+  tomorrow: "'domani alle' p",
+  nextWeek: (e, n, a) => {
+    const t = e.getDay();
+    return d(e, n, a) ? u(t) : z(t);
+  },
+  other: "P"
+}, M = (e, n, a, t) => {
+  const o = P[e];
+  return typeof o == "function" ? o(n, a, t) : o;
+}, w = {
+  narrow: ["aC", "dC"],
+  abbreviated: ["a.C.", "d.C."],
+  wide: ["avanti Cristo", "dopo Cristo"]
+}, y = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["T1", "T2", "T3", "T4"],
+  wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"]
+}, W = {
+  narrow: ["G", "F", "M", "A", "M", "G", "L", "A", "S", "O", "N", "D"],
+  abbreviated: [
+    "gen",
+    "feb",
+    "mar",
+    "apr",
+    "mag",
+    "giu",
+    "lug",
+    "ago",
+    "set",
+    "ott",
+    "nov",
+    "dic"
+  ],
+  wide: [
+    "gennaio",
+    "febbraio",
+    "marzo",
+    "aprile",
+    "maggio",
+    "giugno",
+    "luglio",
+    "agosto",
+    "settembre",
+    "ottobre",
+    "novembre",
+    "dicembre"
+  ]
+}, C = {
+  narrow: ["D", "L", "M", "M", "G", "V", "S"],
+  short: ["dom", "lun", "mar", "mer", "gio", "ven", "sab"],
+  abbreviated: ["dom", "lun", "mar", "mer", "gio", "ven", "sab"],
+  wide: [
+    "domenica",
+    "lunedì",
+    "martedì",
+    "mercoledì",
+    "giovedì",
+    "venerdì",
+    "sabato"
+  ]
+}, k = {
+  narrow: {
+    am: "m.",
+    pm: "p.",
+    midnight: "mezzanotte",
+    noon: "mezzogiorno",
+    morning: "mattina",
+    afternoon: "pomeriggio",
+    evening: "sera",
+    night: "notte"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "mezzanotte",
+    noon: "mezzogiorno",
+    morning: "mattina",
+    afternoon: "pomeriggio",
+    evening: "sera",
+    night: "notte"
+  },
+  wide: {
+    am: "AM",
+    pm: "PM",
+    midnight: "mezzanotte",
+    noon: "mezzogiorno",
+    morning: "mattina",
+    afternoon: "pomeriggio",
+    evening: "sera",
+    night: "notte"
+  }
+}, D = {
+  narrow: {
+    am: "m.",
+    pm: "p.",
+    midnight: "mezzanotte",
+    noon: "mezzogiorno",
+    morning: "di mattina",
+    afternoon: "del pomeriggio",
+    evening: "di sera",
+    night: "di notte"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "mezzanotte",
+    noon: "mezzogiorno",
+    morning: "di mattina",
+    afternoon: "del pomeriggio",
+    evening: "di sera",
+    night: "di notte"
+  },
+  wide: {
+    am: "AM",
+    pm: "PM",
+    midnight: "mezzanotte",
+    noon: "mezzogiorno",
+    morning: "di mattina",
+    afternoon: "del pomeriggio",
+    evening: "di sera",
+    night: "di notte"
+  }
+}, x = (e, n) => {
+  const a = Number(e);
+  return String(a);
+}, V = {
+  ordinalNumber: x,
+  era: i({
+    values: w,
+    defaultWidth: "wide"
+  }),
+  quarter: i({
+    values: y,
+    defaultWidth: "wide",
+    argumentCallback: (e) => e - 1
+  }),
+  month: i({
+    values: W,
+    defaultWidth: "wide"
+  }),
+  day: i({
+    values: C,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: i({
+    values: k,
+    defaultWidth: "wide",
+    formattingValues: D,
+    defaultFormattingWidth: "wide"
+  })
+}, F = /^(\d+)(º)?/i, H = /\d+/i, S = {
+  narrow: /^(aC|dC)/i,
+  abbreviated: /^(a\.?\s?C\.?|a\.?\s?e\.?\s?v\.?|d\.?\s?C\.?|e\.?\s?v\.?)/i,
+  wide: /^(avanti Cristo|avanti Era Volgare|dopo Cristo|Era Volgare)/i
+}, E = {
+  any: [/^a/i, /^(d|e)/i]
+}, L = {
+  narrow: /^[1234]/i,
+  abbreviated: /^t[1234]/i,
+  wide: /^[1234](º)? trimestre/i
+}, T = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, X = {
+  narrow: /^[gfmalsond]/i,
+  abbreviated: /^(gen|feb|mar|apr|mag|giu|lug|ago|set|ott|nov|dic)/i,
+  wide: /^(gennaio|febbraio|marzo|aprile|maggio|giugno|luglio|agosto|settembre|ottobre|novembre|dicembre)/i
+}, A = {
+  narrow: [
+    /^g/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^g/i,
+    /^l/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ge/i,
+    /^f/i,
+    /^mar/i,
+    /^ap/i,
+    /^mag/i,
+    /^gi/i,
+    /^l/i,
+    /^ag/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ]
+}, N = {
+  narrow: /^[dlmgvs]/i,
+  short: /^(do|lu|ma|me|gi|ve|sa)/i,
+  abbreviated: /^(dom|lun|mar|mer|gio|ven|sab)/i,
+  wide: /^(domenica|luned[i|ì]|marted[i|ì]|mercoled[i|ì]|gioved[i|ì]|venerd[i|ì]|sabato)/i
+}, q = {
+  narrow: [/^d/i, /^l/i, /^m/i, /^m/i, /^g/i, /^v/i, /^s/i],
+  any: [/^d/i, /^l/i, /^ma/i, /^me/i, /^g/i, /^v/i, /^s/i]
+}, O = {
+  narrow: /^(a|m\.|p|mezzanotte|mezzogiorno|(di|del) (mattina|pomeriggio|sera|notte))/i,
+  any: /^([ap]\.?\s?m\.?|mezzanotte|mezzogiorno|(di|del) (mattina|pomeriggio|sera|notte))/i
+}, Y = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mezza/i,
+    noon: /^mezzo/i,
+    morning: /mattina/i,
+    afternoon: /pomeriggio/i,
+    evening: /sera/i,
+    night: /notte/i
+  }
+}, G = {
+  ordinalNumber: l({
+    matchPattern: F,
+    parsePattern: H,
+    valueCallback: (e) => parseInt(e, 10)
+  }),
+  era: r({
+    matchPatterns: S,
+    defaultMatchWidth: "wide",
+    parsePatterns: E,
+    defaultParseWidth: "any"
+  }),
+  quarter: r({
+    matchPatterns: L,
+    defaultMatchWidth: "wide",
+    parsePatterns: T,
+    defaultParseWidth: "any",
+    valueCallback: (e) => e + 1
+  }),
+  month: r({
+    matchPatterns: X,
+    defaultMatchWidth: "wide",
+    parsePatterns: A,
+    defaultParseWidth: "any"
+  }),
+  day: r({
+    matchPatterns: N,
+    defaultMatchWidth: "wide",
+    parsePatterns: q,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: r({
+    matchPatterns: O,
+    defaultMatchWidth: "any",
+    parsePatterns: Y,
+    defaultParseWidth: "any"
+  })
+}, I = {
+  code: "it",
+  formatDistance: g,
+  formatLong: p,
+  formatRelative: M,
+  localize: V,
+  match: G,
+  options: {
+    weekStartsOn: 1,
+    firstWeekContainsDate: 4
+  }
+};
+export {
+  I as default,
+  I as it
+};
+//# sourceMappingURL=it.Oaj6BklL.js.map