@leaflink/stash 53.4.8 → 53.4.9

package/dist/Modal.js

@@ -7,7 +7,7 @@ import j from "./Button.js";
 import N from "./Icon.js";
 import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 var Q = /* @__PURE__ */ ((a) => (a.Narrow = "narrow", a.Medium = "medium", a.Wide = "wide", a))(Q || {}), X = /* @__PURE__ */ ((a) => (a.Center = "center", a.Left = "left", a.Right = "right", a))(X || {});
-const Y = ["aria-labelledby"], Z = { class: "flex place-items-center" }, ee = ["id"], te = { class: "stash-modal__footer__actions flex flex-col justify-end lg:flex-row" }, le = /* @__PURE__ */ R({
+const Y = ["aria-labelledby"], Z = { class: "flex place-items-center" }, ee = ["id"], te = { class: "stash-modal__footer__actions flex justify-end" }, le = /* @__PURE__ */ R({
   name: "ll-modal",
   __name: "Modal",
   props: {
@@ -27,7 +27,7 @@ const Y = ["aria-labelledby"], Z = { class: "flex place-items-center" }, ee = ["
   },
   emits: ["update:open", "update:is-open", "dismiss"],
   setup(a, { emit: A }) {
-    const e = a, w = A, b = V(), r = c(), E = c(null), v = c([]), k = c(), x = c(), f = c({ height: "", overflow: "" }), L = U("modal-header-"), O = C(() => !!b.actions || !!b.footer), l = C(() => e.open || e.isOpen), s = C(() => e.position === "left" || e.position === "right");
+    const e = a, w = A, b = V(), r = c(), E = c(null), v = c([]), k = c(), B = c(), f = c({ height: "", overflow: "" }), L = U("modal-header-"), O = C(() => !!b.actions || !!b.footer), l = C(() => e.open || e.isOpen), s = C(() => e.position === "left" || e.position === "right");
     let u = !1;
     function g() {
       return document.scrollingElement || document.body;
@@ -41,7 +41,7 @@ const Y = ["aria-labelledby"], Z = { class: "flex place-items-center" }, ee = ["
             const o = document.activeElement;
             E.value = o instanceof HTMLElement ? o : null;
           } else
-            u && (document.removeEventListener("keydown", B), u = !1), (t = E.value) == null || t.focus();
+            u && (document.removeEventListener("keydown", x), u = !1), (t = E.value) == null || t.focus();
           l.value && Object.assign(f.value, {
             height: g().style.height,
             overflow: g().style.overflow
@@ -59,17 +59,17 @@ const Y = ["aria-labelledby"], Z = { class: "flex place-items-center" }, ee = ["
       typeof document > "u" || (S("show"), Object.assign(g().style, {
         overflow: f.value.overflow,
         height: f.value.height
-      }), u && (document.removeEventListener("keydown", B), u = !1), (t = E.value) == null || t.focus());
+      }), u && (document.removeEventListener("keydown", x), u = !1), (t = E.value) == null || t.focus());
     });
     function y() {
       e.preventDismiss || (w("update:open", !1), w("update:is-open", !1), w("dismiss"));
     }
-    function B(t) {
+    function x(t) {
       var o, $;
-      t.key === "Tab" && (t.shiftKey && document.activeElement === k.value ? ((o = x.value) == null || o.focus(), t.preventDefault()) : document.activeElement === x.value && (($ = k.value) == null || $.focus(), t.preventDefault()));
+      t.key === "Tab" && (t.shiftKey && document.activeElement === k.value ? ((o = B.value) == null || o.focus(), t.preventDefault()) : document.activeElement === B.value && (($ = k.value) == null || $.focus(), t.preventDefault()));
     }
     function I() {
-      typeof document > "u" || !r.value || !l.value || (r.value.focus(), v.value = Array.from(r.value.querySelectorAll(W)), k.value = v.value[0], x.value = v.value[v.value.length - 1], u || (document.addEventListener("keydown", B), u = !0));
+      typeof document > "u" || !r.value || !l.value || (r.value.focus(), v.value = Array.from(r.value.querySelectorAll(W)), k.value = v.value[0], B.value = v.value[v.value.length - 1], u || (document.addEventListener("keydown", x), u = !0));
     }
     F(r, () => {
       !r.value || !l.value || I();

package/dist/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../src/components/Modal/Modal.types.ts","../src/components/Modal/Modal.vue"],"sourcesContent":["export enum ModalSize {\n  Narrow = 'narrow',\n  Medium = 'medium',\n  Wide = 'wide',\n}\n\nexport type ModalSizes = `${ModalSize}`;\n\nexport enum ModalPosition {\n  Center = 'center',\n  Left = 'left',\n  Right = 'right',\n}\n\nexport type ModalPositions = `${ModalPosition}`;\n","<script lang=\"ts\">\n  import { ModalPositions, ModalSizes } from './Modal.types';\n\n  export * from './Modal.types';\n\n  export interface ModalProps {\n    /**\n     * Hides the \"close\" button\n     */\n    hideClose?: boolean;\n\n    /**\n     * Opens the modal when truthy; hides the modal when falsy.\n     * @deprecated Use `isOpen` instead\n     */\n    open?: boolean;\n\n    /**\n     * Opens the modal when truthy; hides the modal when falsy.\n     */\n    isOpen?: boolean;\n\n    /**\n     * Use v-model:is-open or :is-open instead of :model-value and v-model.\n     * @deprecated\n     */\n    modelValue?: boolean;\n\n    /**\n     * Sets a preset max-width on the modal.\n     * Options: default (648px), narrow (360px), wide (960px)\n     */\n    size?: ModalSizes;\n\n    /**\n     * Should the modal be scrollable within the content area. This prop is treated as `true` when the `position` prop is set to \"left\" or \"right\".\n     */\n    scrollable?: boolean;\n\n    /**\n     * Gives the modal body have a light gray background\n     */\n    contrast?: boolean;\n\n    /**\n     * Text to display in the modal header\n     */\n    title?: string;\n\n    /**\n     * Disables the default padding in the modal body.\n     */\n    disableBodyPadding?: boolean;\n\n    /**\n     * The position on the screen to display the modal.\n     */\n    position?: ModalPositions;\n\n    /**\n     * Hide the header. Typically used with the featuredContent slot to display a graphic and create a \"promo\" modal.\n     */\n    hideHeader?: boolean;\n\n    /**\n     * Add classes to the close button. This can be used with the hideHeader prop and featuredContent slot to\n     * accommodate images with different color backgrounds.\n     */\n    closeButtonColorClass?: string;\n\n    /**\n     * Prevents the modal from being dismissed by clicking the backdrop or pressing the escape key.\n     * Example: There are in-flight api requests and you do not want the modal to close until they are done.\n     */\n    preventDismiss?: boolean;\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, onBeforeUnmount, ref, useSlots, watch } from 'vue';\n\n  import { FOCUS_ELEMENTS_SELECTOR } from '../../constants';\n  import { t } from '../../locale';\n  import Backdrop from '../Backdrop/Backdrop.vue';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({ name: 'll-modal' });\n\n  const props = withDefaults(defineProps<ModalProps>(), {\n    hideClose: false,\n    open: false,\n    isOpen: false,\n    modelValue: false,\n    size: 'medium',\n    scrollable: false,\n    contrast: false,\n    title: '',\n    position: 'center',\n    hideHeader: false,\n    closeButtonColorClass: 'text-white/50',\n    preventDismiss: false,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * @deprecated Use the `update:is-open` event instead\n     */\n    (e: 'update:open', isOpen?: boolean): void;\n    (e: 'update:is-open', isOpen?: boolean): void;\n    (e: 'dismiss'): void;\n  }>();\n\n  const slots = useSlots();\n\n  const rootRef = ref<HTMLElement>();\n  const lastExternalFocusedElement = ref<HTMLElement | null>(null);\n  const focusElements = ref<HTMLElement[]>([]);\n  const firstFocusElement = ref<HTMLElement>();\n  const lastFocusElement = ref<HTMLElement>();\n  const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n  const headerId = uniqueId('modal-header-');\n  const hasFooterContent = computed(() => !!slots.actions || !!slots.footer);\n  const isModalOpen = computed(() => props.open || props.isOpen);\n  const isDrawer = computed(() => props.position === 'left' || props.position === 'right');\n\n  let isFocusTrapAttached = false;\n\n  function getPageScrollingElement() {\n    return (document.scrollingElement || document.body) as HTMLElement;\n  }\n\n  watch(\n    isModalOpen,\n    () => {\n      if (typeof document === 'undefined') {\n        return;\n      }\n      toggleHelpWidgetLauncher(isModalOpen.value ? 'hide' : 'show');\n\n      if (isModalOpen.value) {\n        const active = document.activeElement;\n        lastExternalFocusedElement.value = active instanceof HTMLElement ? active : null;\n      } else {\n        if (isFocusTrapAttached) {\n          document.removeEventListener('keydown', handleTab);\n          isFocusTrapAttached = false;\n        }\n\n        lastExternalFocusedElement.value?.focus();\n      }\n\n      if (isModalOpen.value) {\n        Object.assign(initialPageScrollingElementStyle.value, {\n          height: getPageScrollingElement().style.height,\n          overflow: getPageScrollingElement().style.overflow,\n        });\n      }\n\n      Object.assign(getPageScrollingElement().style, {\n        overflow: isModalOpen.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when modal is open\n        height: isModalOpen.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when modal is open; see https://github.com/LeafLink/stash/pull/713#issuecomment-1184602535\n      });\n    },\n    { immediate: true },\n  );\n\n  onBeforeUnmount(() => {\n    if (typeof document === 'undefined') {\n      return;\n    }\n    toggleHelpWidgetLauncher('show');\n\n    // In cases where the watchEffect for isModalOpen isn't triggered while closing/nagivating away from modal, this ensures scrolling returns to normal\n    Object.assign(getPageScrollingElement().style, {\n      overflow: initialPageScrollingElementStyle.value.overflow,\n      height: initialPageScrollingElementStyle.value.height,\n    });\n\n    // Clear focus trap tab listener\n    if (isFocusTrapAttached) {\n      document.removeEventListener('keydown', handleTab);\n      isFocusTrapAttached = false;\n    }\n\n    lastExternalFocusedElement.value?.focus();\n  });\n\n  function dismiss() {\n    if (props.preventDismiss) {\n      return;\n    }\n    emit('update:open', false);\n    emit('update:is-open', false);\n    emit('dismiss');\n  }\n\n  function handleTab(e: KeyboardEvent) {\n    if (e.key === 'Tab') {\n      if (e.shiftKey && document.activeElement === firstFocusElement.value) {\n        lastFocusElement.value?.focus();\n        e.preventDefault();\n      } else if (document.activeElement === lastFocusElement.value) {\n        firstFocusElement.value?.focus();\n        e.preventDefault();\n      }\n    }\n  }\n\n  function setupFocusTrap() {\n    if (typeof document === 'undefined' || !rootRef.value || !isModalOpen.value) {\n      return;\n    }\n\n    rootRef.value.focus();\n\n    focusElements.value = Array.from(rootRef.value.querySelectorAll<HTMLElement>(FOCUS_ELEMENTS_SELECTOR));\n    firstFocusElement.value = focusElements.value[0];\n    lastFocusElement.value = focusElements.value[focusElements.value.length - 1];\n\n    if (!isFocusTrapAttached) {\n      document.addEventListener('keydown', handleTab);\n      isFocusTrapAttached = true;\n    }\n  }\n\n  // Ensure the Tab key cycles through focusable elements within the modal only while it is open.\n  watch(rootRef, () => {\n    if (!rootRef.value || !isModalOpen.value) {\n      return;\n    }\n\n    setupFocusTrap();\n  });\n\n  /**\n   * The customer support \"help widget launcher\" covers the action buttons in the Modal when the Modal uses a position value of \"right\" (for drawers).\n   */\n  function toggleHelpWidgetLauncher(nextState: 'show' | 'hide') {\n    if (typeof document === 'undefined') {\n      return;\n    }\n    const launcherElement = document.getElementById('launcher');\n\n    if (!launcherElement || !launcherElement.parentElement) {\n      return;\n    }\n\n    launcherElement.parentElement.style.display = nextState === 'show' ? 'block' : 'none';\n  }\n</script>\n\n<template>\n  <div\n    v-if=\"isModalOpen\"\n    ref=\"rootRef\"\n    class=\"stash-modal fixed inset-0\"\n    :class=\"{\n      'invisible z-behind': !isModalOpen,\n      'visible z-modal': isModalOpen,\n      'lg:flex lg:flex-col lg:items-center lg:justify-center': props.position === 'center',\n      'overflow-y-auto': !props.scrollable && !isDrawer,\n      'overflow-y-hidden': isDrawer,\n    }\"\n    data-test=\"ll-modal\"\n    tabindex=\"0\"\n    @keydown.esc=\"dismiss\"\n  >\n    <Backdrop class=\"stash-modal__backdrop\" @click.stop=\"dismiss\" />\n    <div\n      aria-modal=\"true\"\n      role=\"dialog\"\n      :aria-labelledby=\"headerId\"\n      class=\"stash-modal__dialog relative flex h-screen w-full flex-col lg:shadow-3xl\"\n      :class=\"[\n        `stash-modal__dialog--size-${props.size}`,\n        `stash-modal__dialog--position-${props.position}`,\n        {\n          'stash-modal__dialog--is-open': isModalOpen,\n          'stash-modal__dialog--is-drawer': isDrawer,\n          'stash-modal__dialog--is-contrast': props.contrast,\n          'stash-modal__dialog--is-scrollable': props.scrollable,\n          'lg:w-[360px]': props.size === 'narrow',\n          'lg:w-[648px]': props.size === 'medium',\n          'lg:w-[960px]': props.size === 'wide',\n          'lg:my-0 lg:h-auto lg:max-h-[90vh]': props.position === 'center',\n          // absolute causing this to break when items in bottom of container get focus\n          'lg:fixed lg:h-screen': isDrawer,\n          'lg:left-0': props.position === 'left',\n          'lg:right-0': props.position === 'right',\n        },\n      ]\"\n      @click.stop\n    >\n      <header\n        v-if=\"!props.hideHeader\"\n        data-test=\"stash-modal__header\"\n        class=\"stash-modal__header grid h-12 place-items-center bg-purple-500\"\n        :class=\"{ 'lg:rounded-t': !isDrawer }\"\n      >\n        <div class=\"flex place-items-center\">\n          <!-- @slot Adds an action to the left side of the header bar. An example usage is a modal with multiple pages and a back button can be inserted here -->\n          <slot name=\"headerAction\"></slot>\n        </div>\n\n        <h3 v-if=\"props.title\" :id=\"headerId\" class=\"m-0 flex-1 leading-6 text-white\">\n          {{ props.title }}\n        </h3>\n\n        <Button\n          v-if=\"!props.hideClose\"\n          icon\n          data-test=\"ll-modal-close\"\n          :title=\"t('ll.closeModal')\"\n          type=\"button\"\n          @click=\"dismiss\"\n        >\n          <Icon class=\"text-white\" name=\"close\" />\n        </Button>\n      </header>\n\n      <Button\n        v-if=\"!props.hideClose && props.hideHeader\"\n        class=\"absolute right-0 top-0 z-10\"\n        icon\n        data-test=\"ll-modal-close\"\n        type=\"button\"\n        :title=\"t('ll.closeModal')\"\n        @click=\"dismiss\"\n      >\n        <Icon class=\"drop-shadow-md\" name=\"close\" :class=\"[props.closeButtonColorClass]\" />\n      </Button>\n\n      <div\n        v-if=\"!!slots['featured-content']\"\n        class=\"stash-modal__featured-content relative\"\n        :class=\"{\n          'rounded-t': props.hideHeader,\n        }\"\n      >\n        <slot name=\"featured-content\"></slot>\n      </div>\n\n      <div\n        class=\"stash-modal__body flex-1 overflow-y-auto\"\n        :class=\"[\n          {\n            'p-3 lg:p-6': !props.disableBodyPadding,\n            'lg:overflow-y-visible': !props.scrollable && !isDrawer,\n            'lg:rounded-b': !hasFooterContent && !isDrawer,\n            'bg-white': !props.contrast,\n            'bg-ice-200': props.contrast,\n          },\n        ]\"\n        data-test=\"stash-modal__body\"\n      >\n        <slot></slot>\n      </div>\n\n      <footer\n        v-if=\"hasFooterContent\"\n        class=\"stash-modal__footer border-t border-ice-500 bg-ice-100 p-3 lg:p-6\"\n        :class=\"{ 'lg:rounded-b': !isDrawer }\"\n      >\n        <!-- @slot Overrides the whole footer section. Used for rendering custom footers with more than 2 actions. If defined, \"actions\" slot will get ignored. -->\n        <slot name=\"footer\">\n          <div class=\"stash-modal__footer__actions flex flex-col justify-end lg:flex-row\">\n            <!-- @slot Modal footer actions, supports rendering up to 2 `<Button>` children -->\n            <slot name=\"actions\"></slot>\n          </div>\n        </slot>\n      </footer>\n    </div>\n  </div>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    :global(:where(.stash-modal) .stash-modal__header) {\n      grid-template-columns: 48px 1fr 48px;\n    }\n\n    /* Prefer gap + column-reverse over child/order selectors so actions can wrap buttons in an inner flex row */\n    :global(:where(.stash-modal) .stash-modal__footer__actions) {\n      flex-direction: column-reverse;\n      gap: --spacing(3);\n    }\n\n    @media (width >= theme(--breakpoint-lg)) {\n      :global(:where(.stash-modal) .stash-modal__footer__actions) {\n        flex-direction: row;\n        gap: var(--grid-gutter);\n      }\n    }\n\n    :global(:where(.stash-modal) .stash-modal__featured-content > *) {\n      border-radius: inherit;\n    }\n  }\n</style>\n"],"names":["ModalSize","ModalPosition","props","__props","emit","__emit","slots","useSlots","rootRef","ref","lastExternalFocusedElement","focusElements","firstFocusElement","lastFocusElement","initialPageScrollingElementStyle","headerId","uniqueId","hasFooterContent","computed","isModalOpen","isDrawer","isFocusTrapAttached","getPageScrollingElement","watch","toggleHelpWidgetLauncher","active","handleTab","_a","onBeforeUnmount","dismiss","e","_b","setupFocusTrap","FOCUS_ELEMENTS_SELECTOR","nextState","launcherElement","_createElementBlock","_createVNode","Backdrop","_createElementVNode","_unref","_normalizeClass","_hoisted_2","_renderSlot","_ctx","_toDisplayString","_hoisted_3","_createBlock","Button","t","Icon","_hoisted_4"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../src/components/Modal/Modal.types.ts","../src/components/Modal/Modal.vue"],"sourcesContent":["export enum ModalSize {\n  Narrow = 'narrow',\n  Medium = 'medium',\n  Wide = 'wide',\n}\n\nexport type ModalSizes = `${ModalSize}`;\n\nexport enum ModalPosition {\n  Center = 'center',\n  Left = 'left',\n  Right = 'right',\n}\n\nexport type ModalPositions = `${ModalPosition}`;\n","<script lang=\"ts\">\n  import { ModalPositions, ModalSizes } from './Modal.types';\n\n  export * from './Modal.types';\n\n  export interface ModalProps {\n    /**\n     * Hides the \"close\" button\n     */\n    hideClose?: boolean;\n\n    /**\n     * Opens the modal when truthy; hides the modal when falsy.\n     * @deprecated Use `isOpen` instead\n     */\n    open?: boolean;\n\n    /**\n     * Opens the modal when truthy; hides the modal when falsy.\n     */\n    isOpen?: boolean;\n\n    /**\n     * Use v-model:is-open or :is-open instead of :model-value and v-model.\n     * @deprecated\n     */\n    modelValue?: boolean;\n\n    /**\n     * Sets a preset max-width on the modal.\n     * Options: default (648px), narrow (360px), wide (960px)\n     */\n    size?: ModalSizes;\n\n    /**\n     * Should the modal be scrollable within the content area. This prop is treated as `true` when the `position` prop is set to \"left\" or \"right\".\n     */\n    scrollable?: boolean;\n\n    /**\n     * Gives the modal body have a light gray background\n     */\n    contrast?: boolean;\n\n    /**\n     * Text to display in the modal header\n     */\n    title?: string;\n\n    /**\n     * Disables the default padding in the modal body.\n     */\n    disableBodyPadding?: boolean;\n\n    /**\n     * The position on the screen to display the modal.\n     */\n    position?: ModalPositions;\n\n    /**\n     * Hide the header. Typically used with the featuredContent slot to display a graphic and create a \"promo\" modal.\n     */\n    hideHeader?: boolean;\n\n    /**\n     * Add classes to the close button. This can be used with the hideHeader prop and featuredContent slot to\n     * accommodate images with different color backgrounds.\n     */\n    closeButtonColorClass?: string;\n\n    /**\n     * Prevents the modal from being dismissed by clicking the backdrop or pressing the escape key.\n     * Example: There are in-flight api requests and you do not want the modal to close until they are done.\n     */\n    preventDismiss?: boolean;\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, onBeforeUnmount, ref, useSlots, watch } from 'vue';\n\n  import { FOCUS_ELEMENTS_SELECTOR } from '../../constants';\n  import { t } from '../../locale';\n  import Backdrop from '../Backdrop/Backdrop.vue';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({ name: 'll-modal' });\n\n  const props = withDefaults(defineProps<ModalProps>(), {\n    hideClose: false,\n    open: false,\n    isOpen: false,\n    modelValue: false,\n    size: 'medium',\n    scrollable: false,\n    contrast: false,\n    title: '',\n    position: 'center',\n    hideHeader: false,\n    closeButtonColorClass: 'text-white/50',\n    preventDismiss: false,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * @deprecated Use the `update:is-open` event instead\n     */\n    (e: 'update:open', isOpen?: boolean): void;\n    (e: 'update:is-open', isOpen?: boolean): void;\n    (e: 'dismiss'): void;\n  }>();\n\n  const slots = useSlots();\n\n  const rootRef = ref<HTMLElement>();\n  const lastExternalFocusedElement = ref<HTMLElement | null>(null);\n  const focusElements = ref<HTMLElement[]>([]);\n  const firstFocusElement = ref<HTMLElement>();\n  const lastFocusElement = ref<HTMLElement>();\n  const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n  const headerId = uniqueId('modal-header-');\n  const hasFooterContent = computed(() => !!slots.actions || !!slots.footer);\n  const isModalOpen = computed(() => props.open || props.isOpen);\n  const isDrawer = computed(() => props.position === 'left' || props.position === 'right');\n\n  let isFocusTrapAttached = false;\n\n  function getPageScrollingElement() {\n    return (document.scrollingElement || document.body) as HTMLElement;\n  }\n\n  watch(\n    isModalOpen,\n    () => {\n      if (typeof document === 'undefined') {\n        return;\n      }\n      toggleHelpWidgetLauncher(isModalOpen.value ? 'hide' : 'show');\n\n      if (isModalOpen.value) {\n        const active = document.activeElement;\n        lastExternalFocusedElement.value = active instanceof HTMLElement ? active : null;\n      } else {\n        if (isFocusTrapAttached) {\n          document.removeEventListener('keydown', handleTab);\n          isFocusTrapAttached = false;\n        }\n\n        lastExternalFocusedElement.value?.focus();\n      }\n\n      if (isModalOpen.value) {\n        Object.assign(initialPageScrollingElementStyle.value, {\n          height: getPageScrollingElement().style.height,\n          overflow: getPageScrollingElement().style.overflow,\n        });\n      }\n\n      Object.assign(getPageScrollingElement().style, {\n        overflow: isModalOpen.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when modal is open\n        height: isModalOpen.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when modal is open; see https://github.com/LeafLink/stash/pull/713#issuecomment-1184602535\n      });\n    },\n    { immediate: true },\n  );\n\n  onBeforeUnmount(() => {\n    if (typeof document === 'undefined') {\n      return;\n    }\n    toggleHelpWidgetLauncher('show');\n\n    // In cases where the watchEffect for isModalOpen isn't triggered while closing/nagivating away from modal, this ensures scrolling returns to normal\n    Object.assign(getPageScrollingElement().style, {\n      overflow: initialPageScrollingElementStyle.value.overflow,\n      height: initialPageScrollingElementStyle.value.height,\n    });\n\n    // Clear focus trap tab listener\n    if (isFocusTrapAttached) {\n      document.removeEventListener('keydown', handleTab);\n      isFocusTrapAttached = false;\n    }\n\n    lastExternalFocusedElement.value?.focus();\n  });\n\n  function dismiss() {\n    if (props.preventDismiss) {\n      return;\n    }\n    emit('update:open', false);\n    emit('update:is-open', false);\n    emit('dismiss');\n  }\n\n  function handleTab(e: KeyboardEvent) {\n    if (e.key === 'Tab') {\n      if (e.shiftKey && document.activeElement === firstFocusElement.value) {\n        lastFocusElement.value?.focus();\n        e.preventDefault();\n      } else if (document.activeElement === lastFocusElement.value) {\n        firstFocusElement.value?.focus();\n        e.preventDefault();\n      }\n    }\n  }\n\n  function setupFocusTrap() {\n    if (typeof document === 'undefined' || !rootRef.value || !isModalOpen.value) {\n      return;\n    }\n\n    rootRef.value.focus();\n\n    focusElements.value = Array.from(rootRef.value.querySelectorAll<HTMLElement>(FOCUS_ELEMENTS_SELECTOR));\n    firstFocusElement.value = focusElements.value[0];\n    lastFocusElement.value = focusElements.value[focusElements.value.length - 1];\n\n    if (!isFocusTrapAttached) {\n      document.addEventListener('keydown', handleTab);\n      isFocusTrapAttached = true;\n    }\n  }\n\n  // Ensure the Tab key cycles through focusable elements within the modal only while it is open.\n  watch(rootRef, () => {\n    if (!rootRef.value || !isModalOpen.value) {\n      return;\n    }\n\n    setupFocusTrap();\n  });\n\n  /**\n   * The customer support \"help widget launcher\" covers the action buttons in the Modal when the Modal uses a position value of \"right\" (for drawers).\n   */\n  function toggleHelpWidgetLauncher(nextState: 'show' | 'hide') {\n    if (typeof document === 'undefined') {\n      return;\n    }\n    const launcherElement = document.getElementById('launcher');\n\n    if (!launcherElement || !launcherElement.parentElement) {\n      return;\n    }\n\n    launcherElement.parentElement.style.display = nextState === 'show' ? 'block' : 'none';\n  }\n</script>\n\n<template>\n  <div\n    v-if=\"isModalOpen\"\n    ref=\"rootRef\"\n    class=\"stash-modal fixed inset-0\"\n    :class=\"{\n      'invisible z-behind': !isModalOpen,\n      'visible z-modal': isModalOpen,\n      'lg:flex lg:flex-col lg:items-center lg:justify-center': props.position === 'center',\n      'overflow-y-auto': !props.scrollable && !isDrawer,\n      'overflow-y-hidden': isDrawer,\n    }\"\n    data-test=\"ll-modal\"\n    tabindex=\"0\"\n    @keydown.esc=\"dismiss\"\n  >\n    <Backdrop class=\"stash-modal__backdrop\" @click.stop=\"dismiss\" />\n    <div\n      aria-modal=\"true\"\n      role=\"dialog\"\n      :aria-labelledby=\"headerId\"\n      class=\"stash-modal__dialog relative flex h-screen w-full flex-col lg:shadow-3xl\"\n      :class=\"[\n        `stash-modal__dialog--size-${props.size}`,\n        `stash-modal__dialog--position-${props.position}`,\n        {\n          'stash-modal__dialog--is-open': isModalOpen,\n          'stash-modal__dialog--is-drawer': isDrawer,\n          'stash-modal__dialog--is-contrast': props.contrast,\n          'stash-modal__dialog--is-scrollable': props.scrollable,\n          'lg:w-[360px]': props.size === 'narrow',\n          'lg:w-[648px]': props.size === 'medium',\n          'lg:w-[960px]': props.size === 'wide',\n          'lg:my-0 lg:h-auto lg:max-h-[90vh]': props.position === 'center',\n          // absolute causing this to break when items in bottom of container get focus\n          'lg:fixed lg:h-screen': isDrawer,\n          'lg:left-0': props.position === 'left',\n          'lg:right-0': props.position === 'right',\n        },\n      ]\"\n      @click.stop\n    >\n      <header\n        v-if=\"!props.hideHeader\"\n        data-test=\"stash-modal__header\"\n        class=\"stash-modal__header grid h-12 place-items-center bg-purple-500\"\n        :class=\"{ 'lg:rounded-t': !isDrawer }\"\n      >\n        <div class=\"flex place-items-center\">\n          <!-- @slot Adds an action to the left side of the header bar. An example usage is a modal with multiple pages and a back button can be inserted here -->\n          <slot name=\"headerAction\"></slot>\n        </div>\n\n        <h3 v-if=\"props.title\" :id=\"headerId\" class=\"m-0 flex-1 leading-6 text-white\">\n          {{ props.title }}\n        </h3>\n\n        <Button\n          v-if=\"!props.hideClose\"\n          icon\n          data-test=\"ll-modal-close\"\n          :title=\"t('ll.closeModal')\"\n          type=\"button\"\n          @click=\"dismiss\"\n        >\n          <Icon class=\"text-white\" name=\"close\" />\n        </Button>\n      </header>\n\n      <Button\n        v-if=\"!props.hideClose && props.hideHeader\"\n        class=\"absolute right-0 top-0 z-10\"\n        icon\n        data-test=\"ll-modal-close\"\n        type=\"button\"\n        :title=\"t('ll.closeModal')\"\n        @click=\"dismiss\"\n      >\n        <Icon class=\"drop-shadow-md\" name=\"close\" :class=\"[props.closeButtonColorClass]\" />\n      </Button>\n\n      <div\n        v-if=\"!!slots['featured-content']\"\n        class=\"stash-modal__featured-content relative\"\n        :class=\"{\n          'rounded-t': props.hideHeader,\n        }\"\n      >\n        <slot name=\"featured-content\"></slot>\n      </div>\n\n      <div\n        class=\"stash-modal__body flex-1 overflow-y-auto\"\n        :class=\"[\n          {\n            'p-3 lg:p-6': !props.disableBodyPadding,\n            'lg:overflow-y-visible': !props.scrollable && !isDrawer,\n            'lg:rounded-b': !hasFooterContent && !isDrawer,\n            'bg-white': !props.contrast,\n            'bg-ice-200': props.contrast,\n          },\n        ]\"\n        data-test=\"stash-modal__body\"\n      >\n        <slot></slot>\n      </div>\n\n      <footer\n        v-if=\"hasFooterContent\"\n        class=\"stash-modal__footer border-t border-ice-500 bg-ice-100 p-3 lg:p-6\"\n        :class=\"{ 'lg:rounded-b': !isDrawer }\"\n      >\n        <!-- @slot Overrides the whole footer section. Used for rendering custom footers with more than 2 actions. If defined, \"actions\" slot will get ignored. -->\n        <slot name=\"footer\">\n          <div class=\"stash-modal__footer__actions flex justify-end\">\n            <!-- @slot Modal footer actions, supports rendering up to 2 `<Button>` children -->\n            <slot name=\"actions\"></slot>\n          </div>\n        </slot>\n      </footer>\n    </div>\n  </div>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    :global(:where(.stash-modal) .stash-modal__header) {\n      grid-template-columns: 48px 1fr 48px;\n    }\n\n    /* Direction lives here (not Tailwind flex-col / lg:flex-row on the template) so utilities don’t fight column-reverse */\n    :global(:where(.stash-modal) .stash-modal__footer__actions) {\n      flex-direction: column-reverse;\n      gap: --spacing(3);\n    }\n\n    @media (width >= theme(--breakpoint-lg)) {\n      :global(:where(.stash-modal) .stash-modal__footer__actions) {\n        flex-direction: row;\n        gap: var(--grid-gutter);\n      }\n    }\n\n    :global(:where(.stash-modal) .stash-modal__featured-content > *) {\n      border-radius: inherit;\n    }\n  }\n</style>\n"],"names":["ModalSize","ModalPosition","props","__props","emit","__emit","slots","useSlots","rootRef","ref","lastExternalFocusedElement","focusElements","firstFocusElement","lastFocusElement","initialPageScrollingElementStyle","headerId","uniqueId","hasFooterContent","computed","isModalOpen","isDrawer","isFocusTrapAttached","getPageScrollingElement","watch","toggleHelpWidgetLauncher","active","handleTab","_a","onBeforeUnmount","dismiss","e","_b","setupFocusTrap","FOCUS_ELEMENTS_SELECTOR","nextState","launcherElement","_createElementBlock","_createVNode","Backdrop","_createElementVNode","_unref","_normalizeClass","_hoisted_2","_renderSlot","_ctx","_toDisplayString","_hoisted_3","_createBlock","Button","t","Icon","_hoisted_4"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "53.4.8",
+  "version": "53.4.9",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",