@adyen/bento-vue2 1.26.0 → 1.28.0

package/dist/modal-fullscreen.js

@@ -1,200 +1,6 @@
-import { defineComponent as C, useSlots as B, onMounted as L, toRefs as O, ref as r, computed as M, watch as k, nextTick as T, provide as d } from "vue";
-import { a as D } from "./chunks/button.9d6435ae.js";
-import { B as N } from "./chunks/index.d553d3d1.js";
-import { B as w } from "./chunks/index.dd30e538.js";
-import { u as x } from "./chunks/use-has-slot.fbeb19ec.js";
-import { D as G, B as R, b as J, a as K } from "./chunks/dialog-page.73da22cf.js";
-import { B as U } from "./chunks/button-actions.81db18e8.js";
-import { n as P } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { C as Y } from "./chunks/cross.04678d81.js";
-import { u as $ } from "./chunks/i18n.eb5b985b.js";
-import { g as z } from "./chunks/unique-id.a2a2b458.js";
-import { M as H } from "./chunks/modal-fullscreen.keys.b9f31632.js";
-import "./assets/index22.css";
-const V = {}, j = /* @__PURE__ */ C({
-  ...V,
-  __name: "modal-fullscreen-page",
-  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`.
-     *
-     * @see BentoButton for a list of all the other props supported by each button action.
-     */
-    actions: {
-      type: Array,
-      default: null
-    },
-    /**
-     * Label shown next to the modal actions
-     */
-    contextualLabel: {
-      type: String,
-      default: null
-    },
-    /**
-     * Identifier of the page, used with activePage prop to handle sidepanel navigation
-     */
-    pageId: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior
-     * Used when the back button should not take the user to the natural previous page
-     * Set to `null` to hide back button in the page
-     */
-    previousPage: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Title of the modal
-     */
-    title: {
-      type: String,
-      default: null
-    }
-  },
-  setup(u) {
-    const e = u, a = B(), t = x(a);
-    return L(() => {
-      if (e.actions && e.actions.length > 2)
-        throw new Error("Not more than 2 action buttons may be provided in Bento Modal Fullscreen");
-    }), { __sfc: !0, props: e, slots: a, hasSlot: t, BentoButtonActions: U, BentoTypography: w, DialogPage: G };
-  }
-});
-var q = function() {
-  var e = this, a = e._self._c, t = e._self._setupProxy;
-  return a(t.DialogPage, { staticClass: "b-modal-fullscreen-page", attrs: { "page-id": e.pageId, "previous-page": e.previousPage, "always-show-border": "" }, scopedSlots: e._u([{ key: "header", fn: function() {
-    return [a("div", { staticClass: "b-modal-fullscreen-page__header" }, [a("div", { staticClass: "b-modal-fullscreen-page__header-section b-modal-fullscreen-page__header-section--title" }, [e.title ? a(t.BentoTypography, { staticClass: "b-modal-fullscreen-page__title", attrs: { el: "h2", variant: "title", title: e.title } }, [e._v(e._s(e.title))]) : e._e()], 1), t.hasSlot("header") ? a("div", { staticClass: "b-modal-fullscreen-page__header-section b-modal-fullscreen-page__header-section--slot" }, [e._t("header")], 2) : e._e(), a("div", { staticClass: "b-modal-fullscreen-page__header-section b-modal-fullscreen-page__header-section--actions" }, [e.contextualLabel ? a(t.BentoTypography, { staticClass: "b-modal-fullscreen-page__contextual-label", attrs: { el: "span", title: e.contextualLabel } }, [e._v(e._s(e.contextualLabel))]) : e._e(), e.actions ? a(t.BentoButtonActions, { staticClass: "b-modal-fullscreen-page__actions", attrs: { actions: e.actions } }) : e._e(), a("div", { staticClass: "b-modal-fullscreen-page__separator" })], 1)])];
-  }, proxy: !0 }, { key: "content", fn: function() {
-    return [a("div", { staticClass: "b-modal-fullscreen-page__content" }, [e._t("default")], 2)];
-  }, proxy: !0 }], null, !0) });
-}, Q = [], W = /* @__PURE__ */ P(
-  j,
-  q,
-  Q,
-  !1,
-  null,
-  "30654f2c",
-  null,
-  null
-);
-const X = W.exports, Z = {
-  "en-US": {
-    close: "Close"
-  }
-}, ee = {
-  i18n: { messages: Z }
-}, te = /* @__PURE__ */ C({
-  ...ee,
-  __name: "modal-fullscreen",
-  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`.
-     *
-     * @see BentoButton for a list of all the other props supported by each button action.
-     */
-    actions: {
-      type: Array,
-      default: null
-    },
-    /**
-     * The id of the current active page
-     * Should be the same as the pageId of the BentoModalFullscreenPage to be displayed
-     */
-    activePage: {
-      type: String,
-      default: null
-    },
-    /**
-     * Label shown next to the modal actions
-     */
-    contextualLabel: {
-      type: String,
-      default: null
-    },
-    /**
-     * Controls the modal's state from the outside. Set it to true to open the modal
-     */
-    isOpen: {
-      type: Boolean,
-      default: null
-    },
-    /**
-     * Title of the modal
-     */
-    title: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ["update:is-open", "update:active-page"],
-  setup(u, { emit: e }) {
-    const a = u, { activePage: t, isOpen: l } = O(a), { t: E } = $(), o = r(null), i = r(!1), p = z("modal-fullscreen"), _ = r(!1), f = B(), I = x(f), S = M(() => ({
-      "b-modal-fullscreen--hide": i.value
-    })), A = () => {
-      i.value && (o.value.close(), s.value[0] && e("update:active-page", s.value[0]), s.value = [], i.value = !1, _.value = !1, e("update:is-open", !1));
-    }, m = () => {
-      o.value.open && (i.value = !0);
-    };
-    k(
-      () => l.value,
-      async () => {
-        await T(), o.value && (l.value ? (_.value = !0, o.value.showModal(), s.value.length || s.value.push(t.value)) : o.value.open && m());
-      },
-      { immediate: !0 }
-    ), d(H, p);
-    const g = r(R.TRANSITION_LEVEL_DEEPER), c = r([]), s = r([]), v = (n) => e("update:active-page", n);
-    d(J, {
-      activePage: t,
-      animation: g,
-      isOpen: _,
-      pages: c,
-      previousPages: s,
-      updatePage: v
-    });
-    const y = (n) => () => {
-      var b;
-      c.value = (b = c.value) == null ? void 0 : b.filter((F) => F !== n);
-    }, h = (n) => (n && c.value.push(n), { unregisterPage: y(n) });
-    return d(K, h), { __sfc: !0, props: a, emit: e, activePage: t, isOpen: l, t: E, modal: o, isClosing: i, modalFullscreenId: p, internalIsOpen: _, slots: f, hasSlot: I, conditionalClasses: S, closeModalAfterAnimation: A, startCloseModalAnimation: m, animation: g, pages: c, previousPages: s, updatePage: v, unregisterPage: y, registerPage: h, BentoButton: D, BentoFocusTrap: N, BentoModalFullscreenPage: X, CrossIcon: Y };
-  }
-});
-var ae = function() {
-  var e = this, a = e._self._c, t = e._self._setupProxy;
-  return a("dialog", { ref: "modal", staticClass: "b-modal-fullscreen", class: t.conditionalClasses, attrs: { id: t.modalFullscreenId }, on: { animationend: t.closeModalAfterAnimation, keydown: function(l) {
-    return !l.type.indexOf("key") && e._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : (l.preventDefault(), t.startCloseModalAnimation.apply(null, arguments));
-  } } }, [t.internalIsOpen ? a(t.BentoFocusTrap, { staticClass: "b-modal-fullscreen__wrapper" }, [t.props.activePage ? [e._t("default")] : a(t.BentoModalFullscreenPage, { attrs: { actions: e.actions, "contextual-label": e.contextualLabel, title: e.title }, scopedSlots: e._u([t.hasSlot("default") ? { key: "default", fn: function() {
-    return [e._t("default")];
-  }, proxy: !0 } : null, t.hasSlot("header") ? { key: "header", fn: function() {
-    return [e._t("header")];
-  }, proxy: !0 } : null], null, !0) }), a("div", { staticClass: "b-modal-fullscreen__close-button" }, [a(t.BentoButton, { attrs: { variant: "tertiary", "aria-label": t.t("close") }, on: { click: t.startCloseModalAnimation }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [a(t.CrossIcon, { attrs: { "aria-hidden": !0 } })];
-  }, proxy: !0 }], null, !1, 4214210411) })], 1)], 2) : e._e()], 1);
-}, le = [], se = /* @__PURE__ */ P(
-  te,
-  ae,
-  le,
-  !1,
-  null,
-  "222ed9fd",
-  null,
-  null
-);
-const ve = se.exports;
+import { m as o, B as a } from "./chunks/modal-fullscreen.BB_8EMNo.js";
 export {
-  ve as BentoModalFullscreen,
-  X as BentoModalFullscreenPage
+  o as BentoModalFullscreen,
+  a as BentoModalFullscreenPage
 };
 //# sourceMappingURL=modal-fullscreen.js.map

package/dist/modal-fullscreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-fullscreen.js","sources":["../src/components/modal-fullscreen/components/modal-fullscreen-page.vue","../src/components/modal-fullscreen/modal-fullscreen.vue"],"sourcesContent":["<template>\n    <dialog-page class=\"b-modal-fullscreen-page\" :page-id=\"pageId\" :previous-page=\"previousPage\" always-show-border>\n        <template #header>\n            <div class=\"b-modal-fullscreen-page__header\">\n                <div class=\"b-modal-fullscreen-page__header-section b-modal-fullscreen-page__header-section--title\">\n                    <bento-typography\n                        v-if=\"title\"\n                        el=\"h2\"\n                        variant=\"title\"\n                        class=\"b-modal-fullscreen-page__title\"\n                        :title=\"title\"\n                        >{{ title }}</bento-typography\n                    >\n                </div>\n                <div\n                    v-if=\"hasSlot('header')\"\n                    class=\"b-modal-fullscreen-page__header-section b-modal-fullscreen-page__header-section--slot\"\n                >\n                    <slot name=\"header\" />\n                </div>\n                <div class=\"b-modal-fullscreen-page__header-section b-modal-fullscreen-page__header-section--actions\">\n                    <bento-typography\n                        v-if=\"contextualLabel\"\n                        class=\"b-modal-fullscreen-page__contextual-label\"\n                        el=\"span\"\n                        :title=\"contextualLabel\"\n                        >{{ contextualLabel }}</bento-typography\n                    >\n                    <bento-button-actions v-if=\"actions\" class=\"b-modal-fullscreen-page__actions\" :actions=\"actions\" />\n                    <div class=\"b-modal-fullscreen-page__separator\"></div>\n                </div>\n            </div>\n        </template>\n        <template #content>\n            <div class=\"b-modal-fullscreen-page__content\">\n                <slot />\n            </div>\n        </template>\n    </dialog-page>\n</template>\n\n<script setup lang=\"ts\">\n    import { onMounted, PropType, useSlots } from 'vue';\n\n    import { BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { DialogPage } from '@/internal';\n\n    import { useHasSlot } from '@/composables';\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         * @see BentoButton for a list of all the other props supported by each button action.\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: null,\n        },\n\n        /**\n         * Label shown next to the modal actions\n         */\n        contextualLabel: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * Identifier of the page, used with activePage prop to handle sidepanel navigation\n         */\n        pageId: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior\n         * Used when the back button should not take the user to the natural previous page\n         * Set to `null` to hide back button in the page\n         */\n        previousPage: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * Title of the modal\n         */\n        title: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    onMounted(() => {\n        if (props.actions && props.actions.length > 2) {\n            throw new Error('Not more than 2 action buttons may be provided in Bento Modal Fullscreen');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * ModalFullscreenPage is used to render different pages of ModalFullscreen component\n     *\n     * @example\n     * import { BentoModalFullscreen, BentoModalFullscreenPage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoModalFullscreen, BentoModalFullscreenPage },\n     *     template: `\n     *          <bento-modal-fullscreen active-page='page1' is-open='true'>\n     *              <bento-modal-fullscreen-page\n     *                  title='Page 1'\n     *                  pageId='page1'\n     *                  contextual-label='Move to next page'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Next page',\n     *                          event: () => {\n     *                              activePage.value = 'page2';\n     *                          },\n     *                      }]\">\n     *                  Page 1 info\n     *              </bento-modal-fullscreen-page>\n     *              <bento-modal-fullscreen-page\n     *                  title='Page 2'\n     *                  pageId='page2'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Save',\n     *                          event: () => {},\n     *                      }]\">\n     *                  Page 2 info\n     *              </bento-modal-fullscreen-page>\n     *          </bento-modal-fullscreen>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./modal-fullscreen-page.scss\" />\n","<template>\n    <dialog\n        :id=\"modalFullscreenId\"\n        ref=\"modal\"\n        class=\"b-modal-fullscreen\"\n        :class=\"conditionalClasses\"\n        @animationend=\"closeModalAfterAnimation\"\n        @keydown.esc.prevent=\"startCloseModalAnimation\"\n    >\n        <bento-focus-trap v-if=\"internalIsOpen\" class=\"b-modal-fullscreen__wrapper\">\n            <template v-if=\"props.activePage\">\n                <slot />\n            </template>\n            <bento-modal-fullscreen-page v-else :actions=\"actions\" :contextual-label=\"contextualLabel\" :title=\"title\">\n                <template v-if=\"hasSlot('default')\" #default>\n                    <slot name=\"default\"></slot>\n                </template>\n                <template v-if=\"hasSlot('header')\" #header>\n                    <slot name=\"header\"></slot>\n                </template>\n            </bento-modal-fullscreen-page>\n            <div class=\"b-modal-fullscreen__close-button\">\n                <bento-button variant=\"tertiary\" :aria-label=\"t('close')\" @click=\"startCloseModalAnimation\">\n                    <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n                </bento-button>\n            </div>\n        </bento-focus-trap>\n    </dialog>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, PropType, provide, ref, toRefs, useSlots, watch } from 'vue';\n\n    import { BentoButton, BentoButtonActionsList } from '@/components/button';\n    import { BentoFocusTrap } from '@/components/focus-trap';\n    import BentoModalFullscreenPage from './components/modal-fullscreen-page.vue';\n\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import { useI18n } from '@/utils/ts/i18n';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { useHasSlot } from '@/composables';\n    import { MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY } from '@/components/modal-fullscreen/modal-fullscreen.keys';\n\n    import messages from './messages.json';\n    import {\n        BentoDialogPageAnimation,\n        BentoDialogPageConfigData,\n        BentoDialogPageRegisterPage,\n        DIALOG_PAGE_CONFIG_INJECTION_KEY,\n        DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY,\n    } from '@/internal';\n\n    type MessageSchema = (typeof messages)['en-US'];\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         * @see BentoButton for a list of all the other props supported by each button action.\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: null,\n        },\n\n        /**\n         * The id of the current active page\n         * Should be the same as the pageId of the BentoModalFullscreenPage to be displayed\n         */\n        activePage: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * Label shown next to the modal actions\n         */\n        contextualLabel: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Controls the modal's state from the outside. Set it to true to open the modal\n         */\n        isOpen: {\n            type: Boolean,\n            default: null,\n        },\n        /**\n         * Title of the modal\n         */\n        title: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits 'update:is-open' event when the modal is closed\n         */\n        (e: 'update:is-open', isOpen: boolean): void;\n        /**\n         * Emits update event when page is changed internally\n         */\n        (e: 'update:active-page', page: string): void;\n    }>();\n\n    // Refs\n    const { activePage, isOpen } = toRefs(props);\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const modal = ref(null);\n    const isClosing = ref(false);\n    const modalFullscreenId = generateUid('modal-fullscreen');\n    const internalIsOpen = ref(false);\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    // Animation styling\n    const conditionalClasses = computed(() => ({\n        'b-modal-fullscreen--hide': isClosing.value,\n    }));\n\n    // Handle closing and closing animation for dialog element\n    const closeModalAfterAnimation = () => {\n        if (isClosing.value) {\n            modal.value.close();\n            if (previousPages.value[0]) {\n                emit('update:active-page', previousPages.value[0]);\n            }\n            previousPages.value = [];\n            isClosing.value = false;\n            internalIsOpen.value = false;\n            emit('update:is-open', false);\n        }\n    };\n\n    const startCloseModalAnimation = () => {\n        if (!modal.value.open) {\n            return;\n        }\n        isClosing.value = true;\n    };\n\n    // Watching isOpen prop to toggle open/close the dialog element\n    watch(\n        () => isOpen.value,\n        async () => {\n            // Wait for modal ref to be created\n            await nextTick();\n\n            if (!modal.value) {\n                return;\n            }\n\n            if (isOpen.value) {\n                internalIsOpen.value = true;\n                modal.value.showModal();\n                if (!previousPages.value.length) {\n                    previousPages.value.push(activePage.value);\n                }\n            } else if (modal.value.open) {\n                startCloseModalAnimation();\n            }\n        },\n        { immediate: true }\n    );\n\n    // lets children components know they are inside a Modal (dialog element)\n    provide(MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY, modalFullscreenId);\n\n    // Pages\n    const animation = ref(BentoDialogPageAnimation.TRANSITION_LEVEL_DEEPER);\n    const pages = ref<string[]>([]);\n    const previousPages = ref([]);\n    const updatePage = page => emit('update:active-page', page);\n\n    provide<BentoDialogPageConfigData>(DIALOG_PAGE_CONFIG_INJECTION_KEY, {\n        activePage,\n        animation,\n        isOpen: internalIsOpen,\n        pages,\n        previousPages,\n        updatePage,\n    });\n\n    // unregister page if removed / destroyed\n    const unregisterPage = (pageIdToRemove: string) => () => {\n        pages.value = pages.value?.filter(pageId => pageId !== pageIdToRemove);\n    };\n\n    // Provide data and function to register page to subcomponent\n    const registerPage: BentoDialogPageRegisterPage = pageId => {\n        if (pageId) {\n            pages.value.push(pageId);\n        }\n\n        return { unregisterPage: unregisterPage(pageId) };\n    };\n\n    provide(DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY, registerPage);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Fullscreen modal takes full available space (no content underneath is visible) and focuses the user's attention exclusively on one complex task or piece of complex information.\n     *\n     * @example\n     * import { BentoModalFullscreen } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoModalFullscreen },\n     *     template: `\n     *          <bento-modal-fullscreen\n     *              :is-open=\"isOpen\"\n     *              @update:is-open=\"isOpen = $event\"\n     *              title='Fullscreen modal title'\n     *              contextual-label='Contextual label'\n     *              :actions=\"[{ title: 'Action', event: () => {}]\"\n     *          >\n     *              <template #header>{{ header slot }}</template>\n     *              {{ content }}\n     *          </bento-modal-fullscreen>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./modal-fullscreen.scss\" />\n"],"names":["__default__$1","slots","useSlots","hasSlot","useHasSlot","onMounted","props","__default__","messages","activePage","isOpen","toRefs","t","useI18n","modal","ref","isClosing","modalFullscreenId","generateUid","internalIsOpen","conditionalClasses","computed","closeModalAfterAnimation","previousPages","emit","startCloseModalAnimation","watch","nextTick","provide","MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY","animation","BentoDialogPageAnimation","pages","updatePage","page","DIALOG_PAGE_CONFIG_INJECTION_KEY","unregisterPage","pageIdToRemove","_a","pageId","registerPage","DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY"],"mappings":";;;;;;;;;;;;;AAqJI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAhDAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA;AAEA,WAAAI,EAAA,MAAA;AACI,UAAAC,EAAA,WAAAA,EAAA,QAAA,SAAA;AACI,cAAA,IAAA,MAAA,0EAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;GC8HJC,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAxHA,EAAA,YAAAC,GAAA,QAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,GAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,EAAA,GACAE,IAAAC,EAAA,kBAAA,GACAC,IAAAJ,EAAA,EAAA,GAEAd,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAGAmB,IAAAC,EAAA,OAAA;AAAA,MAA2C,4BAAAL,EAAA;AAAA,IACD,EAAA,GAI1CM,IAAA,MAAA;AACI,MAAAN,EAAA,UACIF,EAAA,MAAA,MAAA,GACAS,EAAA,MAAA,CAAA,KACIC,EAAA,sBAAAD,EAAA,MAAA,CAAA,CAAA,GAEJA,EAAA,QAAA,CAAA,GACAP,EAAA,QAAA,IACAG,EAAA,QAAA,IACAK,EAAA,kBAAA,EAAA;AAAA,IACJ,GAGJC,IAAA,MAAA;AACI,MAAAX,EAAA,MAAA,SAGAE,EAAA,QAAA;AAAA,IAAkB;AAItB,IAAAU;AAAA,MAAA,MAAAhB,EAAA;AAAA,MACiB,YAAA;AAKT,QAFA,MAAAiB,EAAA,GAEAb,EAAA,UAIAJ,EAAA,SACIS,EAAA,QAAA,IACAL,EAAA,MAAA,UAAA,GACAS,EAAA,MAAA,UACIA,EAAA,MAAA,KAAAd,EAAA,KAAA,KACJK,EAAA,MAAA,QAEAW,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB,GAItBG,EAAAC,GAAAZ,CAAA;AAGA,UAAAa,IAAAf,EAAAgB,EAAA,uBAAA,GACAC,IAAAjB,EAAA,CAAA,CAAA,GACAQ,IAAAR,EAAA,CAAA,CAAA,GACAkB,IAAA,CAAAC,MAAAV,EAAA,sBAAAU,CAAA;AAEA,IAAAN,EAAAO,GAAA;AAAA,MAAqE,YAAA1B;AAAA,MACjE,WAAAqB;AAAA,MACA,QAAAX;AAAA,MACQ,OAAAa;AAAA,MACR,eAAAT;AAAA,MACA,YAAAU;AAAA,IACA,CAAA;AAIJ,UAAAG,IAAA,CAAAC,MAAA,MAAA;;AACI,MAAAL,EAAA,SAAAM,IAAAN,EAAA,UAAA,gBAAAM,EAAA,OAAA,CAAAC,MAAAA,MAAAF;AAAA,IAAqE,GAIzEG,IAAA,CAAAD,OACIA,KACIP,EAAA,MAAA,KAAAO,CAAA,GAGJ,EAAA,gBAAAH,EAAAG,CAAA,EAAA;AAGJ,WAAAX,EAAAa,GAAAD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"modal-fullscreen.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}