vft 0.0.19 → 0.0.20

package/es/components/focus-trap/focus-trap.vue.mjs

@@ -0,0 +1,11 @@
+import r from "./focus-trap.vue2.mjs";
+import { renderSlot as e } from "vue";
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+function n(o, s, f, p, a, d) {
+  return e(o.$slots, "default", { handleKeydown: o.onKeydown });
+}
+const u = /* @__PURE__ */ t(r, [["render", n]]);
+export {
+  u as default
+};
+//# sourceMappingURL=focus-trap.vue.mjs.map

package/es/components/focus-trap/focus-trap.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.vue2.mjs","sources":["../../../../../packages/components/focus-trap/focus-trap.vue"],"sourcesContent":["<template>\n  <slot :handle-keydown=\"onKeydown\" />\n</template>\n\n<script lang=\"ts\">\nimport { EVENT_CODE } from '@vft/constants';\nimport { useEscapeKeydown } from '@vft/use';\nimport { isString } from '@vft/utils';\nimport { isNil } from 'lodash';\nimport type { PropType } from 'vue';\nimport {\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  unref,\n  watch\n} from 'vue';\nimport {\n  FOCUS_AFTER_RELEASED,\n  FOCUS_AFTER_TRAPPED,\n  FOCUS_AFTER_TRAPPED_OPTS,\n  FOCUS_TRAP_INJECTION_KEY,\n  ON_RELEASE_FOCUS_EVT,\n  ON_TRAP_FOCUS_EVT\n} from './tokens';\nimport type { FocusLayer } from './utils';\nimport {\n  createFocusOutPreventedEvent,\n  focusableStack,\n  focusFirstDescendant,\n  getEdges,\n  isFocusCausedByUserEvent,\n  obtainAllFocusableElements,\n  tryFocus,\n  useFocusReason\n} from './utils';\n\nexport default defineComponent({\n  name: 'VftFocusTrap',\n  inheritAttrs: false,\n  props: {\n    loop: Boolean,\n    trapped: Boolean,\n    focusTrapEl: Object as PropType<HTMLElement>,\n    focusStartEl: {\n      type: [Object, String] as PropType<'container' | 'first' | HTMLElement>,\n      default: 'first'\n    }\n  },\n  emits: [\n    ON_TRAP_FOCUS_EVT,\n    ON_RELEASE_FOCUS_EVT,\n    'focusin',\n    'focusout',\n    'focusout-prevented',\n    'release-requested'\n  ],\n  setup (props, { emit }) {\n\t\tconst forwardRef = ref<HTMLElement | undefined>()\n\t\tlet lastFocusBeforeTrapped: HTMLElement | null\n\t\tlet lastFocusAfterTrapped: HTMLElement | null\n\n\t\tconst { focusReason } = useFocusReason()\n\n\t\tuseEscapeKeydown((event) => {\n\t\t\tif (props.trapped && !focusLayer.paused) {\n\t\t\t\temit('release-requested', event)\n\t\t\t}\n\t\t})\n\n\t\tconst focusLayer: FocusLayer = {\n\t\t\tpaused: false,\n\t\t\tpause () {\n\t\t\t\tthis.paused = true\n\t\t\t},\n\t\t\tresume () {\n\t\t\t\tthis.paused = false\n\t\t\t},\n\t\t}\n\n\t\tconst onKeydown = (e: KeyboardEvent) => {\n\t\t\tif (!props.loop && !props.trapped) return\n\t\t\tif (focusLayer.paused) return\n\n\t\t\tconst { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e\n\t\t\tconst { loop } = props\n\t\t\tconst isTabbing =\n\t\t\t\tkey === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey\n\n\t\t\tconst currentFocusingEl = document.activeElement\n\t\t\tif (isTabbing && currentFocusingEl) {\n\t\t\t\tconst container = currentTarget as HTMLElement\n\t\t\t\tconst [first, last] = getEdges(container)\n\t\t\t\tconst isTabbable = first && last\n\t\t\t\tif (!isTabbable) {\n\t\t\t\t\tif (currentFocusingEl === container) {\n\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t})\n\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (!shiftKey && currentFocusingEl === last) {\n\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t})\n\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tif (loop) tryFocus(first, true)\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (\n\t\t\t\t\t\tshiftKey &&\n\t\t\t\t\t\t[first, container].includes(currentFocusingEl as HTMLElement)\n\t\t\t\t\t) {\n\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t})\n\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tif (loop) tryFocus(last, true)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tprovide(FOCUS_TRAP_INJECTION_KEY, {\n\t\t\tfocusTrapRef: forwardRef,\n\t\t\tonKeydown,\n\t\t})\n\n\t\twatch(\n\t\t\t() => props.focusTrapEl,\n\t\t\t(focusTrapEl) => {\n\t\t\t\tif (focusTrapEl) {\n\t\t\t\t\tforwardRef.value = focusTrapEl\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true }\n\t\t)\n\n\t\twatch([forwardRef], ([forwardRef], [oldForwardRef]) => {\n\t\t\tif (forwardRef) {\n\t\t\t\tforwardRef.addEventListener('keydown', onKeydown)\n\t\t\t\tforwardRef.addEventListener('focusin', onFocusIn)\n\t\t\t\tforwardRef.addEventListener('focusout', onFocusOut)\n\t\t\t}\n\t\t\tif (oldForwardRef) {\n\t\t\t\toldForwardRef.removeEventListener('keydown', onKeydown)\n\t\t\t\toldForwardRef.removeEventListener('focusin', onFocusIn)\n\t\t\t\toldForwardRef.removeEventListener('focusout', onFocusOut)\n\t\t\t}\n\t\t})\n\n\t\tconst trapOnFocus = (e: Event) => {\n\t\t\temit(ON_TRAP_FOCUS_EVT, e)\n\t\t}\n\t\tconst releaseOnFocus = (e: Event) => emit(ON_RELEASE_FOCUS_EVT, e)\n\n\t\tconst onFocusIn = (e: FocusEvent) => {\n\t\t\tconst trapContainer = unref(forwardRef)\n\t\t\tif (!trapContainer) return\n\n\t\t\tconst target = e.target as HTMLElement | null\n\t\t\tconst relatedTarget = e.relatedTarget as HTMLElement | null\n\t\t\tconst isFocusedInTrap = target && trapContainer.contains(target)\n\n\t\t\tif (!props.trapped) {\n\t\t\t\tconst isPrevFocusedInTrap =\n\t\t\t\t\trelatedTarget && trapContainer.contains(relatedTarget)\n\t\t\t\tif (!isPrevFocusedInTrap) {\n\t\t\t\t\tlastFocusBeforeTrapped = relatedTarget\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (isFocusedInTrap) emit('focusin', e)\n\n\t\t\tif (focusLayer.paused) return\n\n\t\t\tif (props.trapped) {\n\t\t\t\tif (isFocusedInTrap) {\n\t\t\t\t\tlastFocusAfterTrapped = target\n\t\t\t\t} else {\n\t\t\t\t\ttryFocus(lastFocusAfterTrapped, true)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst onFocusOut = (e: Event) => {\n\t\t\tconst trapContainer = unref(forwardRef)\n\t\t\tif (focusLayer.paused || !trapContainer) return\n\n\t\t\tif (props.trapped) {\n\t\t\t\tconst relatedTarget = (e as FocusEvent)\n\t\t\t\t\t.relatedTarget as HTMLElement | null\n\t\t\t\tif (!isNil(relatedTarget) && !trapContainer.contains(relatedTarget)) {\n\t\t\t\t\t// Give embedded focus layer time to pause this layer before reclaiming focus\n\t\t\t\t\t// And only reclaim focus if it should currently be trapping\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tif (!focusLayer.paused && props.trapped) {\n\t\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\t\ttryFocus(lastFocusAfterTrapped, true)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 0)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst target = e.target as HTMLElement | null\n\t\t\t\tconst isFocusedInTrap = target && trapContainer.contains(target)\n\t\t\t\tif (!isFocusedInTrap) emit('focusout', e)\n\t\t\t}\n\t\t}\n\n\t\tasync function startTrap () {\n\t\t\t// Wait for forwardRef to resolve\n\t\t\tawait nextTick()\n\t\t\tconst trapContainer = unref(forwardRef)\n\t\t\tif (trapContainer) {\n\t\t\t\tfocusableStack.push(focusLayer)\n\t\t\t\tconst prevFocusedElement = trapContainer.contains(\n\t\t\t\t\tdocument.activeElement\n\t\t\t\t)\n\t\t\t\t\t? lastFocusBeforeTrapped\n\t\t\t\t\t: document.activeElement\n\t\t\t\tlastFocusBeforeTrapped = prevFocusedElement as HTMLElement | null\n\t\t\t\tconst isPrevFocusContained = trapContainer.contains(prevFocusedElement)\n\t\t\t\tif (!isPrevFocusContained) {\n\t\t\t\t\tconst focusEvent = new Event(\n\t\t\t\t\t\tFOCUS_AFTER_TRAPPED,\n\t\t\t\t\t\tFOCUS_AFTER_TRAPPED_OPTS\n\t\t\t\t\t)\n\t\t\t\t\ttrapContainer.addEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus)\n\t\t\t\t\ttrapContainer.dispatchEvent(focusEvent)\n\t\t\t\t\tif (!focusEvent.defaultPrevented) {\n\t\t\t\t\t\tnextTick(() => {\n\t\t\t\t\t\t\tlet focusStartEl = props.focusStartEl\n\t\t\t\t\t\t\tif (!isString(focusStartEl)) {\n\t\t\t\t\t\t\t\ttryFocus(focusStartEl)\n\t\t\t\t\t\t\t\tif (document.activeElement !== focusStartEl) {\n\t\t\t\t\t\t\t\t\tfocusStartEl = 'first'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (focusStartEl === 'first') {\n\t\t\t\t\t\t\t\tfocusFirstDescendant(\n\t\t\t\t\t\t\t\t\tobtainAllFocusableElements(trapContainer),\n\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tdocument.activeElement === prevFocusedElement ||\n\t\t\t\t\t\t\t\tfocusStartEl === 'container'\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\ttryFocus(trapContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfunction stopTrap () {\n\t\t\tconst trapContainer = unref(forwardRef)\n\n\t\t\tif (trapContainer) {\n\t\t\t\ttrapContainer.removeEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus)\n\n\t\t\t\tconst releasedEvent = new CustomEvent(FOCUS_AFTER_RELEASED, {\n\t\t\t\t\t...FOCUS_AFTER_TRAPPED_OPTS,\n\t\t\t\t\tdetail: {\n\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\ttrapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus)\n\t\t\t\ttrapContainer.dispatchEvent(releasedEvent)\n\t\t\t\tif (\n\t\t\t\t\t!releasedEvent.defaultPrevented &&\n\t\t\t\t\t(focusReason.value == 'keyboard' ||\n\t\t\t\t\t\t!isFocusCausedByUserEvent() ||\n\t\t\t\t\t\ttrapContainer.contains(document.activeElement))\n\t\t\t\t) {\n\t\t\t\t\ttryFocus(lastFocusBeforeTrapped ?? document.body)\n\t\t\t\t}\n\n\t\t\t\ttrapContainer.removeEventListener(FOCUS_AFTER_RELEASED, trapOnFocus)\n\t\t\t\tfocusableStack.remove(focusLayer)\n\t\t\t}\n\t\t}\n\n\t\tonMounted(() => {\n\t\t\tif (props.trapped) {\n\t\t\t\tstartTrap()\n\t\t\t}\n\n\t\t\twatch(\n\t\t\t\t() => props.trapped,\n\t\t\t\t(trapped) => {\n\t\t\t\t\tif (trapped) {\n\t\t\t\t\t\tstartTrap()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstopTrap()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\t\t})\n\n\t\tonBeforeUnmount(() => {\n\t\t\tif (props.trapped) {\n\t\t\t\tstopTrap()\n\t\t\t}\n\t\t})\n\n\t\treturn {\n\t\t\tonKeydown,\n\t\t}\n  }\n});\n</script>\n"],"names":["_sfc_main","defineComponent","ON_TRAP_FOCUS_EVT","ON_RELEASE_FOCUS_EVT","props","emit","forwardRef","ref","lastFocusBeforeTrapped","lastFocusAfterTrapped","focusReason","useFocusReason","useEscapeKeydown","event","focusLayer","onKeydown","key","altKey","ctrlKey","metaKey","currentTarget","shiftKey","loop","isTabbing","EVENT_CODE","currentFocusingEl","container","first","last","getEdges","focusoutPreventedEvent","createFocusOutPreventedEvent","tryFocus","provide","FOCUS_TRAP_INJECTION_KEY","watch","focusTrapEl","oldForwardRef","onFocusIn","onFocusOut","trapOnFocus","releaseOnFocus","trapContainer","unref","target","relatedTarget","isFocusedInTrap","isNil","startTrap","nextTick","focusableStack","prevFocusedElement","focusEvent","FOCUS_AFTER_TRAPPED","FOCUS_AFTER_TRAPPED_OPTS","focusStartEl","isString","focusFirstDescendant","obtainAllFocusableElements","stopTrap","releasedEvent","FOCUS_AFTER_RELEASED","isFocusCausedByUserEvent","onMounted","trapped","onBeforeUnmount"],"mappings":"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"}

package/es/components/focus-trap/tokens.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.mjs","sources":["../../../../../packages/components/focus-trap/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\n\nexport const FOCUS_AFTER_TRAPPED = 'focus-trap.focus-after-trapped';\nexport const FOCUS_AFTER_RELEASED = 'focus-trap.focus-after-released';\nexport const FOCUSOUT_PREVENTED = 'focus-trap.focusout-prevented';\nexport const FOCUS_AFTER_TRAPPED_OPTS: EventInit = {\n\tcancelable: true,\n\tbubbles: false,\n};\nexport const FOCUSOUT_PREVENTED_OPTS: EventInit = {\n\tcancelable: true,\n\tbubbles: false,\n};\n\nexport const ON_TRAP_FOCUS_EVT = 'focusAfterTrapped';\nexport const ON_RELEASE_FOCUS_EVT = 'focusAfterReleased';\n\nexport type FocusTrapInjectionContext = {\n\tfocusTrapRef: Ref<HTMLElement | undefined>\n\tonKeydown: (e: KeyboardEvent) => void\n}\n\nexport const FOCUS_TRAP_INJECTION_KEY: InjectionKey<FocusTrapInjectionContext> =\n\tSymbol('vftFocusTrap');\n"],"names":["FOCUS_AFTER_TRAPPED","FOCUS_AFTER_RELEASED","FOCUSOUT_PREVENTED","FOCUS_AFTER_TRAPPED_OPTS","FOCUSOUT_PREVENTED_OPTS","ON_TRAP_FOCUS_EVT","ON_RELEASE_FOCUS_EVT","FOCUS_TRAP_INJECTION_KEY"],"mappings":"AAEO,MAAMA,IAAsB,kCACtBC,IAAuB,mCACvBC,IAAqB,iCACrBC,IAAsC;AAAA,EAClD,YAAY;AAAA,EACZ,SAAS;AACV,GACaC,IAAqC;AAAA,EACjD,YAAY;AAAA,EACZ,SAAS;AACV,GAEaC,IAAoB,qBACpBC,IAAuB,sBAOvBC,IACZ,OAAO,cAAc;"}

package/es/components/focus-trap/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../packages/components/focus-trap/utils.ts"],"sourcesContent":["import { onBeforeUnmount, onMounted, ref } from 'vue'\nimport { FOCUSOUT_PREVENTED, FOCUSOUT_PREVENTED_OPTS } from './tokens'\n\nconst focusReason = ref<'pointer' | 'keyboard'>()\nconst lastUserFocusTimestamp = ref<number>(0)\nconst lastAutomatedFocusTimestamp = ref<number>(0)\nlet focusReasonUserCount = 0\n\nexport type FocusLayer = {\n\tpaused: boolean\n\tpause: () => void\n\tresume: () => void\n}\n\nexport type FocusStack = FocusLayer[]\n\nexport const obtainAllFocusableElements = (\n\telement: HTMLElement\n): HTMLElement[] => {\n\tconst nodes: HTMLElement[] = []\n\tconst walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT, {\n\t\tacceptNode: (\n\t\t\tnode: Element & {\n\t\t\t\tdisabled: boolean\n\t\t\t\thidden: boolean\n\t\t\t\ttype: string\n\t\t\t\ttabIndex: number\n\t\t\t}\n\t\t) => {\n\t\t\tconst isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden'\n\t\t\tif (node.disabled || node.hidden || isHiddenInput)\n\t\t\t\treturn NodeFilter.FILTER_SKIP\n\t\t\treturn node.tabIndex >= 0 || node === document.activeElement\n\t\t\t\t? NodeFilter.FILTER_ACCEPT\n\t\t\t\t: NodeFilter.FILTER_SKIP\n\t\t},\n\t})\n\twhile (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement)\n\t\n\treturn nodes\n}\n\nexport const getVisibleElement = (\n\telements: HTMLElement[],\n\tcontainer: HTMLElement\n) => {\n\tfor (const element of elements) {\n\t\tif (!isHidden(element, container)) return element\n\t}\n}\n\nexport const isHidden = (element: HTMLElement, container: HTMLElement) => {\n\tif (process.env.NODE_ENV === 'test') return false\n\tif (getComputedStyle(element).visibility === 'hidden') return true\n\t\n\twhile (element) {\n\t\tif (container && element === container) return false\n\t\tif (getComputedStyle(element).display === 'none') return true\n\t\telement = element.parentElement as HTMLElement\n\t}\n\t\n\treturn false\n}\n\nexport const getEdges = (container: HTMLElement) => {\n\tconst focusable = obtainAllFocusableElements(container)\n\tconst first = getVisibleElement(focusable, container)\n\tconst last = getVisibleElement(focusable.reverse(), container)\n\treturn [first, last]\n}\n\nconst isSelectable = (\n\telement: any\n): element is HTMLInputElement & {select: () => void} => {\n\treturn element instanceof HTMLInputElement && 'select' in element\n}\n\nexport const tryFocus = (\n\telement?: HTMLElement | {focus: () => void} | null,\n\tshouldSelect?: boolean\n) => {\n\tif (element && element.focus) {\n\t\tconst prevFocusedElement = document.activeElement\n\t\telement.focus({ preventScroll: true })\n\t\tlastAutomatedFocusTimestamp.value = window.performance.now()\n\t\tif (\n\t\t\telement !== prevFocusedElement &&\n\t\t\tisSelectable(element) &&\n\t\t\tshouldSelect\n\t\t) {\n\t\t\telement.select()\n\t\t}\n\t}\n}\n\nfunction removeFromStack<T> (list: T[], item: T) {\n\tconst copy = [...list]\n\t\n\tconst idx = list.indexOf(item)\n\t\n\tif (idx !== -1) {\n\t\tcopy.splice(idx, 1)\n\t}\n\treturn copy\n}\n\nconst createFocusableStack = () => {\n\tlet stack = [] as FocusStack\n\t\n\tconst push = (layer: FocusLayer) => {\n\t\tconst currentLayer = stack[0]\n\t\t\n\t\tif (currentLayer && layer !== currentLayer) {\n\t\t\tcurrentLayer.pause()\n\t\t}\n\t\t\n\t\tstack = removeFromStack(stack, layer)\n\t\tstack.unshift(layer)\n\t}\n\t\n\tconst remove = (layer: FocusLayer) => {\n\t\tstack = removeFromStack(stack, layer)\n\t\tstack[0]?.resume?.()\n\t}\n\t\n\treturn {\n\t\tpush,\n\t\tremove,\n\t}\n}\n\nexport const focusFirstDescendant = (\n\telements: HTMLElement[],\n\tshouldSelect = false\n) => {\n\tconst prevFocusedElement = document.activeElement\n\tfor (const element of elements) {\n\t\ttryFocus(element, shouldSelect)\n\t\tif (document.activeElement !== prevFocusedElement) return\n\t}\n}\n\nexport const focusableStack = createFocusableStack()\n\nexport const isFocusCausedByUserEvent = (): boolean => {\n\treturn lastUserFocusTimestamp.value > lastAutomatedFocusTimestamp.value\n}\n\nconst notifyFocusReasonPointer = () => {\n\tfocusReason.value = 'pointer'\n\tlastUserFocusTimestamp.value = window.performance.now()\n}\n\nconst notifyFocusReasonKeydown = () => {\n\tfocusReason.value = 'keyboard'\n\tlastUserFocusTimestamp.value = window.performance.now()\n}\n\nexport const useFocusReason = (): {\n\tfocusReason: typeof focusReason\n\tlastUserFocusTimestamp: typeof lastUserFocusTimestamp\n\tlastAutomatedFocusTimestamp: typeof lastAutomatedFocusTimestamp\n} => {\n\tonMounted(() => {\n\t\tif (focusReasonUserCount === 0) {\n\t\t\tdocument.addEventListener('mousedown', notifyFocusReasonPointer)\n\t\t\tdocument.addEventListener('touchstart', notifyFocusReasonPointer)\n\t\t\tdocument.addEventListener('keydown', notifyFocusReasonKeydown)\n\t\t}\n\t\tfocusReasonUserCount++\n\t})\n\t\n\tonBeforeUnmount(() => {\n\t\tfocusReasonUserCount--\n\t\tif (focusReasonUserCount <= 0) {\n\t\t\tdocument.removeEventListener('mousedown', notifyFocusReasonPointer)\n\t\t\tdocument.removeEventListener('touchstart', notifyFocusReasonPointer)\n\t\t\tdocument.removeEventListener('keydown', notifyFocusReasonKeydown)\n\t\t}\n\t})\n\t\n\treturn {\n\t\tfocusReason,\n\t\tlastUserFocusTimestamp,\n\t\tlastAutomatedFocusTimestamp,\n\t}\n}\n\nexport const createFocusOutPreventedEvent = (\n\tdetail: CustomEventInit['detail']\n) => {\n\treturn new CustomEvent(FOCUSOUT_PREVENTED, {\n\t\t...FOCUSOUT_PREVENTED_OPTS,\n\t\tdetail,\n\t})\n}\n"],"names":["focusReason","ref","lastUserFocusTimestamp","lastAutomatedFocusTimestamp","focusReasonUserCount","obtainAllFocusableElements","element","nodes","walker","node","isHiddenInput","getVisibleElement","elements","container","isHidden","getEdges","focusable","first","last","isSelectable","tryFocus","shouldSelect","prevFocusedElement","removeFromStack","list","item","copy","idx","createFocusableStack","stack","layer","currentLayer","_b","_a","focusFirstDescendant","focusableStack","isFocusCausedByUserEvent","notifyFocusReasonPointer","notifyFocusReasonKeydown","useFocusReason","onMounted","onBeforeUnmount","createFocusOutPreventedEvent","detail","FOCUSOUT_PREVENTED","FOCUSOUT_PREVENTED_OPTS"],"mappings":"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"}

package/es/components/footer-layout/footer-layout.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-layout.vue2.mjs","sources":["../../../../../packages/components/footer-layout/footer-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('footer-layout')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { addUnit, generateCssVars, isNullOrUndefined } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { computed } from 'vue';\n\ninterface LayoutFooterProps {\n  leftDistance?: number;\n}\n\ndefineProps({\n  \"leftDistance\": null\n})\n\n\n\n;\n\nconst style = computed(() => {\n\treturn generateCssVars(\n    isNullOrUndefined(__props.leftDistance) ? {} : {\n    'left': addUnit(__props.leftDistance) as string\n  }, 'layout-footer');\n});\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"style\">\n    <div :class=\"ns.e('left')\"><slot name=\"left\"/></div>\n    <div :class=\"ns.e('center')\"><slot /></div>\n    <div :class=\"ns.e('right')\"><slot name=\"right\" /></div>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","style","computed","generateCssVars","isNullOrUndefined","__props","addUnit"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,eAAe;AAAA,GAGzDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;AAkBK,UAAAI,IAAQC,EAAS,MACfC;AAAA,MACJC,EAAkBC,EAAQ,YAAY,IAAI,KAAK;AAAA,QAC/C,MAAQC,EAAQD,EAAQ,YAAY;AAAA,MACtC;AAAA,MAAG;AAAA,IAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/footer-layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/footer-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport FooterLayout from './footer-layout.vue'\n\nexport const VftFooterLayout = withInstall(FooterLayout)\n\nexport default VftFooterLayout\n"],"names":["VftFooterLayout","withInstall","FooterLayout"],"mappings":";;;;;AAIa,MAAAA,IAAkBC,EAAYC,CAAY;"}

package/es/components/full-screen/full-screen.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen.vue2.mjs","sources":["../../../../../packages/components/full-screen/full-screen.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('full-screen')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { useFullscreen } from '@vft/use';\nimport { VftIcon as Icon } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\n\n\n\n;\n\nconst { toggle, isFullscreen } = useFullscreen();\n</script>\n\n<template>\n  <span :class=\"ns.b()\" @click=\"toggle\">\n    <icon :icon=\"!isFullscreen ? 'vi-full-screen' : 'vi-exit-screen'\" />\n    {{ !isFullscreen ? '全屏' : '退出全屏' }}\n  </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","toggle","isFullscreen","useFullscreen"],"mappings":";;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,aAAa;AAAA,GAGvDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;AAUD,UAAM,EAAE,QAAAI,GAAQ,cAAAC,EAAa,IAAIC,EAAc;;;;;;;;;;;;;"}

package/es/components/full-screen/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/full-screen/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport FullScreen from './full-screen.vue'\n\nexport const VftFullScreen = withInstall(FullScreen)\n\nexport default VftFullScreen\n"],"names":["VftFullScreen","withInstall","FullScreen"],"mappings":";;;;;AAIa,MAAAA,IAAgBC,EAAYC,CAAU;"}

package/es/components/header-layout/header-layout.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-layout.vue2.mjs","sources":["../../../../../packages/components/header-layout/header-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('header-layout')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type LogoProps, VftLogo as Logo } from '@vft-ui/components/logo';\n\ninterface LayoutHeaderProps {\n  logoCfg: LogoProps;\n}\n\ndefineProps({\n  \"logoCfg\": null\n})\n\n\n\n;\n\nconst getHeaderClass = computed(() => {\n  return [\n    ns.b(),\n    {\n      [`${ns.m('fixed')}`]: true\n    }\n  ];\n});\n</script>\n\n<template>\n  <div :class=\"getHeaderClass\">\n    <div :class=\"ns.e('top')\">\n      <div :class=\"ns.e('left')\">\n        <logo v-bind=\"logoCfg\" />\n        <slot name=\"left\" />\n      </div>\n      <div :class=\"ns.e('right')\">\n        <slot />\n      </div>\n    </div>\n    <slot name=\"bottom\" />\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","getHeaderClass","computed"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,eAAe;AAAA,GAGzDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;AAkBK,UAAAI,IAAiBC,EAAS,MACvB;AAAA,MACLL,EAAG,EAAE;AAAA,MACL;AAAA,QACE,CAAC,GAAGA,EAAG,EAAE,OAAO,GAAG,GAAG;AAAA,MACxB;AAAA,IAAA,CAEH;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/header-layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/header-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport HeaderLayout from './header-layout.vue'\n\nexport const VftHeaderLayout = withInstall(HeaderLayout)\n\nexport default VftHeaderLayout\n"],"names":["VftHeaderLayout","withInstall","HeaderLayout"],"mappings":";;;;;AAIa,MAAAA,IAAkBC,EAAYC,CAAY;"}

package/es/components/icon/icon.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.vue2.mjs","sources":["../../../../../packages/components/icon/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed, type CSSProperties, inject } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\n\nexport interface IconProps {\n  /** 是否显示图标右上角小红点 */\n  dot?: boolean;\n  /** 图标名称或图片链接 */\n  icon: string;\n  /** 图标大小 */\n  size?: Numberish;\n  /** 图标右上角徽标的内容 */\n  badge?: Numberish;\n  /** 图标颜色 */\n  color?: string;\n  /** 类名前缀，用于使用自定义图标 */\n  classPrefix?: string;\n  spin?: boolean;\n  cursor?: boolean;\n  scale?: number\n}\n\nconst emit = defineEmits(['click']);\n\ndefineProps({\n  \"dot\": { type: Boolean,  },\n  \"icon\": null,\n  \"size\": null,\n  \"badge\": null,\n  \"color\": null,\n  \"classPrefix\": null,\n  \"spin\": { type: Boolean,  },\n  \"cursor\": { type: Boolean,  },\n  \"scale\": null\n})\n\n\n\n;\n\nconst style = computed(() => {\n  const _style: CSSProperties = {};\n  if (__props.color) {\n    _style['color'] = __props.color;\n  }\n  if (__props.size) {\n    _style['fontSize'] = addUnit(__props.size);\n  }\n  if (__props.spin) {\n    _style['animation'] = 'vft-rotate 1s linear 0s infinite';\n  }\n  if (__props.cursor) {\n    _style['cursor'] = 'pointer';\n  }\n  if (__props.scale) {\n    _style.transform = 'scale(0.8)';\n  }\n  return _style;\n});\n\nconst isImage = (name?: string) => name?.includes('/');\nconst isImageIcon = isImage(__props.icon);\n\n\nconst _classPrefix = computed(() => __props.classPrefix);\nconst classes = computed(() => (isImageIcon ? '' : [__props.icon.startsWith('vi-') ? 'vicon' : 'iconfont', `${_classPrefix.value || ''}${__props.icon}`]));\n</script>\n\n<template>\n\t<div>\n\t\t<slot></slot>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","_style","__props","addUnit","isImageIcon","name","_classPrefix"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,MAAM;AAAA,GAGhDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;AA0Ca,IAAAI,EAAS,MAAM;AAC3B,YAAMC,IAAwB,CAAA;AAC9B,aAAIC,EAAQ,UACHD,EAAA,QAAWC,EAAQ,QAExBA,EAAQ,SACVD,EAAO,WAAcE,EAAQD,EAAQ,IAAI,IAEvCA,EAAQ,SACVD,EAAO,YAAe,qCAEpBC,EAAQ,WACVD,EAAO,SAAY,YAEjBC,EAAQ,UACVD,EAAO,YAAY,eAEdA;AAAA,IAAA,CACR;AAGK,UAAAG,KADU,CAACC,MAAkBA,KAAA,gBAAAA,EAAM,SAAS,MACtBH,EAAQ,IAAI,GAGlCI,IAAeN,EAAS,MAAME,EAAQ,WAAW;AACvC,WAAAF,EAAS,MAAOI,IAAc,KAAK,CAACF,EAAQ,KAAK,WAAW,KAAK,IAAI,UAAU,YAAY,GAAGI,EAAa,SAAS,KAAKJ,EAAQ,MAAM,CAAE;;;;;"}

package/es/components/icon/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils';\n\nimport Icon, { type IconProps } from './icon.vue';\n\nexport {\n\ttype IconProps\n} from './icon.vue';\n\nexport const VftIcon = withInstall(Icon);\nexport default VftIcon;\n"],"names":["VftIcon","withInstall","Icon"],"mappings":";;;;;AAQa,MAAAA,IAAUC,EAAYC,CAAI;"}

package/es/components/icon-text/icon-text.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-text.vue2.mjs","sources":["../../../../../packages/components/icon-text/icon-text.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon-text')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { addUnit, singleAttrToObj } from '@vft/utils';\nimport { computed } from 'vue';\nimport { VftIcon, type IconProps } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface IconTextProps {\n  text: string;\n  icon: IconProps;\n  color?: string;\n  hoverColor?: string;\n  distance?: Numberish;\n  reverse?: boolean;\n}\n\ndefineProps({\n  \"text\": null,\n  \"icon\": null,\n  \"color\": { default: '#434343' },\n  \"hoverColor\": null,\n  \"distance\": null,\n  \"reverse\": { type: Boolean,  }\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst _hoverColor = computed(() => {\n  return __props.hoverColor ? __props.hoverColor : __props.color;\n});\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon', { size: 16, color: __props.color }) as IconProps;\n});\n\nconst distanceStyle = computed(() => {\n  return __props.reverse ? { marginLeft: addUnit(__props.distance) } : { marginRight: addUnit(__props.distance) };\n});\n</script>\n\n<template>\n  <span :class=\"ns.b()\" @click=\"emit('click')\">\n    <vft-icon v-if=\"!reverse\" v-bind=\"_icon\" :style=\"distanceStyle\"/>\n    {{ text }}\n    <vft-icon v-if=\"reverse\" v-bind=\"_icon\" :style=\"distanceStyle\"/>\n  </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","__props","_icon","singleAttrToObj","distanceStyle","addUnit"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,WAAW;AAAA,GAGrDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;AA+BmB,IAAAI,EAAS,MACpBC,EAAQ,aAAaA,EAAQ,aAAaA,EAAQ,KAC1D;AAEK,UAAAC,IAAQF,EAAS,MACdG,EAAgBF,EAAQ,MAAM,QAAQ,EAAE,MAAM,IAAI,OAAOA,EAAQ,MAAO,CAAA,CAChF,GAEKG,IAAgBJ,EAAS,MACtBC,EAAQ,UAAU,EAAE,YAAYI,EAAQJ,EAAQ,QAAQ,EAAE,IAAI,EAAE,aAAaI,EAAQJ,EAAQ,QAAQ,EAAE,CAC/G;;;;;;;;;;;"}

package/es/components/icon-text/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon-text/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport IconText from './icon-text.vue'\n\nexport const VftIconText = withInstall(IconText)\n\nexport default VftIconText\n"],"names":["VftIconText","withInstall","IconText"],"mappings":";;;;;AAIa,MAAAA,IAAcC,EAAYC,CAAQ;"}

package/es/components/iframe-layout/iframe-layout.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe-layout.vue2.mjs","sources":["../../../../../packages/components/iframe-layout/iframe-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('iframe-layout')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { unref } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { type RouteRecordItem } from '@vft/router';\nimport { useNamespace } from '@vft-ui/hooks';\nimport FramePage from './iframe-page.vue';\nimport { useRouter } from 'vue-router';\n\ninterface Props {\n  iframePages: RouteLocationNormalized[]\n}\n\ndefineProps({\n  \"iframePages\": null\n})\n\n\n\n;\n\nconst router = useRouter();\n\nfunction showIframe(item: RouteRecordItem) {\n  return item.fullPath === unref(router.currentRoute).fullPath;\n}\n</script>\n\n<template>\n  <template v-for=\"item in iframePages\" :key=\"item.query ? item.fullPath : item.path\">\n    <frame-page\n      v-if=\"item.meta.frameSrc\"\n      v-show=\"showIframe(item)\" :frameSrc=\"item.meta.frameSrc\" />\n  </template>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","router","useRouter","showIframe","item","unref"],"mappings":";;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,eAAe;AAAA,GAGzDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;AAqBD,UAAMI,IAASC;AAEf,aAASC,EAAWC,GAAuB;AACzC,aAAOA,EAAK,aAAaC,EAAMJ,EAAO,YAAY,EAAE;AAAA,IACtD;;;;;;;;;;;;;"}

package/es/components/iframe-layout/iframe-page.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe-page.vue2.mjs","sources":["../../../../../packages/components/iframe-layout/iframe-page.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('iframe-page')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface IframePageProps {\n  frameSrc: string;\n}\n\ndefineProps({\n  \"frameSrc\": { default: '' }\n})\n\n\n\n;\n</script>\n\n<template>\n  <iframe :class=\"ns.b()\"  :src=\"frameSrc\" />\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":";;;;;;;;mBACMA;AAAA;AAAA,EAAuBC,EAAa,aAAa;AAAA,GAGvDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;;"}

package/es/components/iframe-layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/iframe-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport IframeLayout from './iframe-layout.vue'\n\nexport const VftIframeLayout = withInstall(IframeLayout)\n\nexport default VftIframeLayout\n"],"names":["VftIframeLayout","withInstall","IframeLayout"],"mappings":";;;;;AAIa,MAAAA,IAAkBC,EAAYC,CAAY;"}

package/es/components/image/image.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.vue2.mjs","sources":["../../../../../packages/components/image/image.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { ImgFitType } from './types';\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  useAttrs as useRawAttrs,\n  watch,\n  ref\n} from 'vue';\nimport { isClient, useEventListener, useThrottleFn } from '@vueuse/core';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { useAttrs } from '@vft/use';\nimport {\n  getScrollContainer,\n  isElement,\n  isInContainer,\n  isString\n} from '@vft/utils';\n\nimport type { CSSProperties, StyleValue } from 'vue';\n\ninterface Props {\n  hideOnClickModal?: boolean\n  src?: string\n  fit?: ImgFitType\n  loading?: 'eager' | 'lazy'\n  lazy?: boolean\n  scrollContainer?: string | HTMLElement\n  previewSrcList?: string[]\n  previewTeleported?: boolean\n  zIndex?: number\n  initialIndex?: number\n  infinite?: boolean\n  closeOnPressEscape?: boolean\n}\n\ndefineProps({\n  \"hideOnClickModal\": { type: Boolean, default: false },\n  \"src\": { default: '' },\n  \"fit\": { default: '' },\n  \"loading\": null,\n  \"lazy\": { type: Boolean,  },\n  \"scrollContainer\": null,\n  \"previewSrcList\": { default: [] },\n  \"previewTeleported\": { type: Boolean, default: false },\n  \"zIndex\": null,\n  \"initialIndex\": { default: 0 },\n  \"infinite\": { type: Boolean, default: true },\n  \"closeOnPressEscape\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['load', 'error', 'switch', 'close', 'show']);\n\nlet prevOverflow = '';\n\nconst ns = useNamespace('image');\nconst rawAttrs = useRawAttrs();\nconst attrs = useAttrs();\n\nconst imageSrc = ref<string | undefined>();\nconst hasLoadError = ref(false);\nconst isLoading = ref(true);\nconst showViewer = ref(false);\nconst container = ref<HTMLElement>();\nconst _scrollContainer = ref<HTMLElement | Window>();\n\nconst supportLoading = isClient && 'loading' in HTMLImageElement.prototype;\nlet stopScrollListener: (() => void) | undefined;\nlet stopWheelListener: (() => void) | undefined;\n\nconst containerStyle = computed(() => rawAttrs.style as StyleValue);\n\nconst imageStyle = computed<CSSProperties>(() => {\n  if (isClient && __props.fit) {\n    return { objectFit: __props.fit };\n  }\n  return {};\n});\n\nconst preview = computed(() => {\n  return Array.isArray(__props.previewSrcList) && __props.previewSrcList.length > 0;\n});\n\nconst imageIndex = computed(() => {\n  let previewIndex = __props.initialIndex;\n  if (__props.initialIndex > __props.previewSrcList.length - 1) {\n    previewIndex = 0;\n  }\n  return previewIndex;\n});\n\nconst isManual = computed(() => {\n  if (__props.loading === 'eager') return false;\n  return (!supportLoading && __props.loading === 'lazy') || __props.lazy;\n});\n\nconst loadImage = () => {\n  if (!isClient) return;\n\n  // reset status\n  isLoading.value = true;\n  hasLoadError.value = false;\n  imageSrc.value = __props.src;\n};\n\nfunction handleLoad (event: Event) {\n  isLoading.value = false;\n  hasLoadError.value = false;\n  emit('load', event);\n}\n\nfunction handleError (event: Event) {\n  isLoading.value = false;\n  hasLoadError.value = true;\n  emit('error', event);\n}\n\nfunction handleLazyLoad () {\n  if (isInContainer(container.value, _scrollContainer.value)) {\n    loadImage();\n    removeLazyLoadListener();\n  }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);\n\nasync function addLazyLoadListener () {\n  if (!isClient) return;\n\n  await nextTick();\n\n  if (isElement(__props.scrollContainer)) {\n    _scrollContainer.value = __props.scrollContainer;\n  } else if (isString(__props.scrollContainer) && __props.scrollContainer !== '') {\n    _scrollContainer.value =\n      document.querySelector<HTMLElement>(__props.scrollContainer) ?? undefined;\n  } else if (container.value) {\n    _scrollContainer.value = getScrollContainer(container.value);\n  }\n\n  if (_scrollContainer.value) {\n    stopScrollListener = useEventListener(\n      _scrollContainer,\n      'scroll',\n      lazyLoadHandler\n    );\n    setTimeout(() => handleLazyLoad(), 100);\n  }\n}\n\nfunction removeLazyLoadListener () {\n  if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return;\n\n  stopScrollListener?.();\n  _scrollContainer.value = undefined;\n}\n\nfunction wheelHandler (e: WheelEvent) {\n  if (!e.ctrlKey) return;\n\n  if (e.deltaY < 0) {\n    e.preventDefault();\n    return false;\n  } else if (e.deltaY > 0) {\n    e.preventDefault();\n    return false;\n  }\n}\n\nfunction clickHandler () {\n  // don't show viewer when preview is false\n  if (!preview.value) return;\n\n  stopWheelListener = useEventListener('wheel', wheelHandler, {\n    passive: false\n  });\n\n  // prevent body scroll\n  prevOverflow = document.body.style.overflow;\n  document.body.style.overflow = 'hidden';\n  showViewer.value = true;\n  emit('show');\n}\n\nfunction closeViewer () {\n  stopWheelListener?.();\n  document.body.style.overflow = prevOverflow;\n  showViewer.value = false;\n  emit('close');\n}\n\nfunction switchViewer (val: number) {\n  emit('switch', val);\n}\n\nwatch(\n  () => __props.src,\n  () => {\n    if (isManual.value) {\n      // reset status\n      isLoading.value = true;\n      hasLoadError.value = false;\n      removeLazyLoadListener();\n      addLazyLoadListener();\n    } else {\n      loadImage();\n    }\n  }\n);\n\nonMounted(() => {\n  if (isManual.value) {\n    addLazyLoadListener();\n  } else {\n    loadImage();\n  }\n});\n</script>\n\n<template>\n  <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n    <img\n      v-if=\"imageSrc !== undefined && !hasLoadError\"\n      v-bind=\"attrs\"\n      :src=\"imageSrc\"\n      :loading=\"loading\"\n      :style=\"imageStyle\"\n      :class=\"[\n        ns.e('inner'),\n        preview && ns.e('preview'),\n        isLoading && ns.is('loading'),\n      ]\"\n      @click=\"clickHandler\"\n      @load=\"handleLoad\"\n      @error=\"handleError\"\n    />\n    <div v-if=\"isLoading || hasLoadError\" :class=\"ns.e('wrapper')\">\n      <slot v-if=\"isLoading\" name=\"placeholder\">\n        <div :class=\"ns.e('placeholder')\" />\n      </slot>\n      <slot v-else-if=\"hasLoadError\" name=\"error\">\n        <div :class=\"ns.e('error')\">加载失败</div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n"],"names":["ns","useNamespace","rawAttrs","useRawAttrs","attrs","useAttrs","imageSrc","ref","hasLoadError","isLoading","showViewer","container","_scrollContainer","supportLoading","isClient","stopScrollListener","containerStyle","computed","imageStyle","__props","preview","previewIndex","isManual","loadImage","handleLoad","event","emit","handleError","handleLazyLoad","isInContainer","removeLazyLoadListener","lazyLoadHandler","useThrottleFn","addLazyLoadListener","nextTick","isElement","isString","getScrollContainer","useEventListener","wheelHandler","e","clickHandler","watch","onMounted"],"mappings":"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"}

package/es/components/image/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Image from './image.vue'\n\nexport const VftImage = withInstall(Image)\n\nexport default VftImage\n\nexport * from './types'\n"],"names":["VftImage","withInstall","Image"],"mappings":";;;;;AAIa,MAAAA,IAAWC,EAAYC,CAAK;"}

package/es/components/input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/input/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Input from './input.vue'\n\nexport const VftInput = withInstall(Input)\n\nexport default VftInput\n\n"],"names":["VftInput","withInstall","Input"],"mappings":";;;;;AAIa,MAAAA,IAAWC,EAAYC,CAAK;"}

package/es/components/input/input.vue2.mjs

@@ -0,0 +1,362 @@
+import { defineComponent as De, useAttrs as Te, useSlots as We, computed as l, getCurrentInstance as Le, shallowRef as G, ref as E, watch as J, nextTick as V, onMounted as Oe, withDirectives as je, openBlock as i, createElementBlock as d, mergeProps as x, unref as t, Fragment as Q, normalizeClass as r, renderSlot as N, createCommentVNode as c, createElementVNode as g, createBlock as B, withModifiers as He, toDisplayString as D, normalizeStyle as Ue, vShow as qe } from "vue";
+import { UPDATE_MODEL_EVENT as X } from "@vft/constants";
+import { useAttrs as Ge } from "@vft/use";
+import { isString as T, singleAttrToObj as Y, addUnit as Je, noop as Qe, isObject as he } from "@vft/utils";
+import { useResizeObserver as Xe, isClient as Ye } from "@vueuse/core";
+import { useFormItem as Ze, useFormItemInputId as _e, useSize as et, useDisabled as tt, useCursor as at } from "element-plus";
+import { isNil as nt } from "lodash";
+import { VftIcon as F } from "../icon/index.mjs";
+import { calcTextareaHeight as xe } from "./utils.mjs";
+import { useNamespace as be } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.mjs";
+import "@vue/shared";
+import { debugWarn as Z } from "../../utils/error.mjs";
+const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], gt = /* @__PURE__ */ De({
+  __name: "input",
+  props: {
+    id: null,
+    size: { default: "" },
+    disabled: { type: Boolean },
+    modelValue: null,
+    type: { default: "text" },
+    resize: null,
+    autosize: { type: [Object, Boolean], default: !1 },
+    autocomplete: { default: "off" },
+    formatter: { type: Function },
+    parser: { type: Function },
+    placeholder: null,
+    form: null,
+    readonly: { type: Boolean },
+    clearable: { type: Boolean },
+    showPassword: { type: Boolean },
+    showWordLimit: { type: Boolean },
+    suffixIcon: null,
+    prefixIcon: null,
+    clearIcon: null,
+    containerRole: null,
+    label: null,
+    tabindex: { default: 0 },
+    validateEvent: { type: Boolean, default: !0 },
+    inputStyle: null,
+    focusWidth: null
+  },
+  emits: {
+    [X]: (e) => T(e),
+    input: (e) => T(e),
+    change: (e) => T(e),
+    suffixclick: (e) => T(e),
+    focus: (e) => e instanceof FocusEvent,
+    blur: (e) => e instanceof FocusEvent,
+    clear: () => !0,
+    mouseleave: (e) => e instanceof MouseEvent,
+    mouseenter: (e) => e instanceof MouseEvent,
+    // NOTE: when autofill by browser, the keydown event is instanceof Event, not KeyboardEvent
+    // relative bug report https://github.com/element-plus/element-plus/issues/6665
+    keydown: (e) => e instanceof Event,
+    compositionstart: (e) => e instanceof CompositionEvent,
+    compositionupdate: (e) => e instanceof CompositionEvent,
+    compositionend: (e) => e instanceof CompositionEvent
+  },
+  setup(e, { expose: pe, emit: s }) {
+    const C = Te(), y = We(), _ = l(() => {
+      const a = {};
+      return e.containerRole === "combobox" && (a["aria-haspopup"] = C["aria-haspopup"], a["aria-owns"] = C["aria-owns"], a["aria-expanded"] = C["aria-expanded"]), a;
+    }), we = l(() => [
+      e.type === "textarea" ? te.b() : n.b(),
+      n.m(ke.value),
+      n.is("disabled", b.value),
+      n.is("exceed", Ee.value),
+      n.is("focus", h.value),
+      {
+        [n.b("group")]: y.prepend || y.append,
+        [n.bm("group", "append")]: y.append,
+        [n.bm("group", "prepend")]: y.prepend,
+        [n.m("prefix")]: y.prefix || e.prefixIcon,
+        [n.m("suffix")]: y.suffix || e.suffixIcon || e.clearable || e.showPassword,
+        [n.bm("suffix", "password-clear")]: R.value && H.value
+      },
+      C.class
+    ]), ge = Le(), Ce = l(() => [n.e("wrapper"), n.is("focus", h.value)]), f = Ge({
+      excludeKeys: l(() => Object.keys(_.value))
+    }), { form: W, formItem: u } = Ze(), { inputId: ee } = _e(ge.props, {
+      formItemContext: u
+    }), ke = et(), b = tt(), n = be("input"), te = be("textarea"), A = G(), p = G(), h = E(!1), L = E(!1), k = E(!1), M = E(!1), ae = E(), O = G(e.inputStyle), I = l(() => A.value || p.value), j = l(() => Y(e.prefixIcon, "icon")), ne = l(() => Y(e.suffixIcon, "icon")), Ie = l(() => Y(e.clearIcon, "icon", { icon: "vi-close-full", size: 16 })), oe = l(() => (W == null ? void 0 : W.statusIcon) ?? !1), P = l(() => (u == null ? void 0 : u.validateState) || ""), le = l(() => P.value && "vi-user"), Se = l(
+      () => M.value ? { icon: "vi-view", size: 16 } : { icon: "vi-no-view", size: 16 }
+    ), ze = l(() => [
+      C.style,
+      e.inputStyle,
+      e.focusWidth && h.value ? { width: Je(e.focusWidth) } : {}
+    ]), se = l(
+      () => [e.inputStyle, O.value, { resize: e.resize }]
+    ), m = l(() => nt(e.modelValue) ? "" : String(e.modelValue)), R = l(
+      () => e.clearable && !b.value && !e.readonly && !!m.value && (h.value || L.value)
+    ), H = l(
+      () => e.showPassword && !b.value && !e.readonly && !!m.value && (!!m.value || h.value)
+    ), w = l(
+      () => e.showWordLimit && !!f.value.maxlength && (e.type === "text" || e.type === "textarea") && !b.value && !e.readonly && !e.showPassword
+    ), U = l(() => Array.from(m.value).length), Ee = l(
+      () => (
+        // show exceed style if length of initial value greater then maxlength
+        !!w.value && U.value > Number(f.value.maxlength)
+      )
+    ), Ve = l(
+      () => !!y.suffix || !!e.suffixIcon || R.value || e.showPassword || w.value || !!P.value && oe.value
+    ), [Be, Fe] = at(A);
+    Xe(p, (a) => {
+      if (!w.value || e.resize !== "both")
+        return;
+      const o = a[0], { width: v } = o.contentRect;
+      ae.value = {
+        /** right: 100% - width + padding(15) + right(6) */
+        right: `calc(100% - ${v + 15 + 6}px)`
+      };
+    });
+    const K = () => {
+      if (!(!Ye || e.type !== "textarea"))
+        if (e.autosize) {
+          const a = he(e.autosize) ? e.autosize.minRows : void 0, o = he(e.autosize) ? e.autosize.maxRows : void 0;
+          O.value = {
+            ...xe(p.value, a, o)
+          };
+        } else
+          O.value = {
+            minHeight: xe(p.value).minHeight
+          };
+    }, S = () => {
+      const a = I.value;
+      !a || a.value === m.value || (a.value = m.value);
+    }, q = async (a) => {
+      Be();
+      let { value: o } = a.target;
+      if (f.value.maxlength && o.length >= f.value.maxlength && (o = o.slice(0, Number(f.value.maxlength))), e.formatter && (o = e.parser ? e.parser(o) : o, o = e.formatter(o)), !k.value) {
+        if (o === m.value) {
+          S();
+          return;
+        }
+        s(X, o), s("input", o), await V(), S(), Fe();
+      }
+    }, ie = (a) => {
+      s("change", a.target.value);
+    }, Ae = () => {
+      s("suffixclick", e.modelValue);
+    }, ue = (a) => {
+      s("compositionstart", a), k.value = !0;
+    }, Me = (a) => /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(a), ce = (a) => {
+      var z;
+      s("compositionupdate", a);
+      const o = (z = a.target) == null ? void 0 : z.value, v = o[o.length - 1] || "";
+      k.value = !Me(v);
+    }, re = (a) => {
+      s("compositionend", a), k.value && (k.value = !1, q(a));
+    }, Pe = () => {
+      M.value = !M.value, $();
+    }, $ = async () => {
+      var a;
+      await V(), (a = I.value) == null || a.focus();
+    }, Re = () => {
+      var a;
+      return (a = I.value) == null ? void 0 : a.blur();
+    }, de = (a) => {
+      h.value = !0, s("focus", a);
+    }, fe = (a) => {
+      var o;
+      h.value = !1, s("blur", a), e.validateEvent && ((o = u == null ? void 0 : u.validate) == null || o.call(u, "blur").catch((v) => Z(v)));
+    }, Ke = (a) => {
+      L.value = !1, s("mouseleave", a);
+    }, $e = (a) => {
+      L.value = !0, s("mouseenter", a);
+    }, ve = (a) => {
+      let o = a.key;
+      if (a.target.type === "number" && ["e", "+", "-0", "E"].includes(o))
+        return a.returnValue = !1, !1;
+      s("keydown", a);
+    }, Ne = () => {
+      var a;
+      (a = I.value) == null || a.select();
+    }, me = () => {
+      s(X, ""), s("change", ""), s("clear"), s("input", "");
+    };
+    return J(
+      () => e.modelValue,
+      () => {
+        var a;
+        V(() => K()), e.validateEvent && ((a = u == null ? void 0 : u.validate) == null || a.call(u, "change").catch((o) => Z(o)));
+      }
+    ), J(m, () => S()), J(
+      () => e.type,
+      async () => {
+        await V(), S(), K();
+      }
+    ), Oe(() => {
+      !e.formatter && e.parser && Z("VftInput", "If you set the parser, you also need to set the formatter."), S(), V(K);
+    }), pe({
+      /** @description HTML input element */
+      input: A,
+      /** @description HTML textarea element */
+      textarea: p,
+      /** @description HTML element, input or textarea */
+      ref: I,
+      /** @description style of textarea. */
+      textareaStyle: se,
+      /** @description from props (used on unit test) */
+      autosize: e.autosize,
+      /** @description HTML input element native method */
+      focus: $,
+      /** @description HTML input element native method */
+      blur: Re,
+      /** @description HTML input element native method */
+      select: Ne,
+      /** @description clear input value */
+      clear: me,
+      /** @description resize textarea. */
+      resizeTextarea: K
+    }), (a, o) => {
+      var v, z, ye;
+      return je((i(), d("div", x(t(_), {
+        class: t(we),
+        style: t(ze),
+        role: e.containerRole,
+        onMouseenter: $e,
+        onMouseleave: Ke
+      }), [
+        e.type !== "textarea" ? (i(), d(Q, { key: 0 }, [
+          a.$slots.prepend ? (i(), d("div", {
+            key: 0,
+            class: r(t(n).be("group", "prepend"))
+          }, [
+            N(a.$slots, "prepend")
+          ], 2)) : c("", !0),
+          g("div", {
+            class: r(t(Ce))
+          }, [
+            a.$slots.prefix || (v = t(j)) != null && v.icon ? (i(), d("span", {
+              key: 0,
+              class: r(t(n).e("prefix"))
+            }, [
+              g("span", {
+                class: r(t(n).e("prefix-inner")),
+                onClick: $
+              }, [
+                N(a.$slots, "prefix"),
+                (z = t(j)) != null && z.icon ? (i(), B(t(F), x({ key: 0 }, t(j), {
+                  class: t(n).e("icon")
+                }), null, 16, ["class"])) : c("", !0)
+              ], 2)
+            ], 2)) : c("", !0),
+            g("input", x({
+              id: t(ee),
+              ref_key: "input",
+              ref: A,
+              class: t(n).e("inner")
+            }, t(f), {
+              type: e.showPassword ? M.value ? "text" : "password" : e.type,
+              disabled: t(b),
+              formatter: e.formatter,
+              parser: e.parser,
+              readonly: e.readonly,
+              autocomplete: e.autocomplete,
+              tabindex: e.tabindex,
+              "aria-label": e.label,
+              placeholder: e.placeholder,
+              style: e.inputStyle,
+              form: e.form,
+              onCompositionstart: ue,
+              onCompositionupdate: ce,
+              onCompositionend: re,
+              onInput: q,
+              onFocus: de,
+              onBlur: fe,
+              onChange: ie,
+              onKeydown: ve
+            }), null, 16, lt),
+            t(Ve) ? (i(), d("span", {
+              key: 1,
+              class: r(t(n).e("suffix"))
+            }, [
+              g("span", {
+                class: r(t(n).e("suffix-inner")),
+                onClick: $
+              }, [
+                !t(R) || !t(H) || !t(w) ? (i(), d(Q, { key: 0 }, [
+                  N(a.$slots, "suffix"),
+                  (ye = t(ne)) != null && ye.icon ? (i(), B(t(F), x({
+                    key: 0,
+                    onClick: Ae
+                  }, t(ne), {
+                    class: t(n).e("icon")
+                  }), null, 16, ["class"])) : c("", !0)
+                ], 64)) : c("", !0),
+                t(R) ? (i(), B(t(F), x({
+                  key: 1,
+                  class: [t(n).e("icon"), t(n).e("clear")]
+                }, t(Ie), {
+                  onMousedown: He(t(Qe), ["prevent"]),
+                  onClick: me
+                }), null, 16, ["class", "onMousedown"])) : c("", !0),
+                t(H) ? (i(), B(t(F), x({ key: 2 }, t(Se), {
+                  class: [t(n).e("icon"), t(n).e("password")],
+                  onClick: Pe
+                }), null, 16, ["class"])) : c("", !0),
+                t(w) ? (i(), d("span", {
+                  key: 3,
+                  class: r(t(n).e("count"))
+                }, [
+                  g("span", {
+                    class: r(t(n).e("count-inner"))
+                  }, D(t(U)) + " / " + D(t(f).maxlength), 3)
+                ], 2)) : c("", !0),
+                t(P) && t(le) && t(oe) ? (i(), B(t(F), {
+                  key: 4,
+                  icon: t(le),
+                  class: r([t(n).e("icon"), t(n).e("validateIcon"), t(n).is("loading", t(P) === "validating")])
+                }, null, 8, ["icon", "class"])) : c("", !0)
+              ], 2)
+            ], 2)) : c("", !0)
+          ], 2),
+          a.$slots.append ? (i(), d("div", {
+            key: 1,
+            class: r(t(n).be("group", "append"))
+          }, [
+            N(a.$slots, "append")
+          ], 2)) : c("", !0)
+        ], 64)) : (i(), d(Q, { key: 1 }, [
+          g("textarea", x({
+            id: t(ee),
+            ref_key: "textarea",
+            ref: p,
+            class: t(te).e("inner")
+          }, t(f), {
+            tabindex: e.tabindex,
+            disabled: t(b),
+            readonly: e.readonly,
+            autocomplete: e.autocomplete,
+            style: t(se),
+            "aria-label": e.label,
+            placeholder: e.placeholder,
+            form: e.form,
+            onCompositionstart: ue,
+            onCompositionupdate: ce,
+            onCompositionend: re,
+            onInput: q,
+            onFocus: de,
+            onBlur: fe,
+            onChange: ie,
+            onKeydown: ve
+          }), null, 16, st),
+          t(w) ? (i(), d("span", {
+            key: 0,
+            style: Ue(ae.value),
+            class: r(t(n).e("count"))
+          }, D(t(U)) + " / " + D(t(f).maxlength), 7)) : c("", !0)
+        ], 64))
+      ], 16, ot)), [
+        [qe, e.type !== "hidden"]
+      ]);
+    };
+  }
+});
+export {
+  gt as default
+};
+//# sourceMappingURL=input.vue2.mjs.map