\n \n \n \n \n
\n \n Shipping Address\n
\n \n\n \n 5\"\n @click=\"catShowMore = !catShowMore\"\n class=\"toggle-view-btn\"\n >\n Show {{ catShowMore ? \"Less\" : \"More\" }}\n
\n \n \n \n \n 1\">\n
\n \n \n 1\">\n
\n \n \n \n Contact your Rep\n
\n \n \n \n \n \n
\n \n \n \n
\n \n \n \n \n {{ rep.representative.email }}\n
\n \n \n {{ rep.representative?.name + \" \" + rep.representative?.last_name }}\n
\n\n {{ rep.representative?.phone_number }}\n
\n\n {{ rep.manager?.name + \" \" + rep.manager?.last_name }}\n
\nVP of Sales
\n{{ rep.manager?.phone_number }}
\n {{ rep.manager?.email }}\n \n \n\n \n \n \n \n \n \n \n
\n \n \n This message will be delivered instantly\n
\n\n \n \n \n Today \n
\n \n \n Please call me back\n
\n\n What time?\n
\n\n \n Call Me\n \n
\n \n \n
\n \n
\n \n\n
\n \n
\n \n $\n
\n\n\n\n\n\n\n","import { render } from \"./NumberInput.vue?vue&type=template&id=42703896&scoped=true\"\nimport script from \"./NumberInput.vue?vue&type=script&lang=js\"\nexport * from \"./NumberInput.vue?vue&type=script&lang=js\"\n\nimport \"./NumberInput.vue?vue&type=style&index=0&id=42703896&lang=scss&scoped=true\"\nimport \"./NumberInput.vue?vue&type=style&index=1&id=42703896&scoped=true&lang=css\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_Production_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-42703896\"]])\n\nexport default __exports__","var Vue = require('vue')\n\nObject.keys(Vue).forEach(function(key) {\n exports[key] = Vue[key]\n})\n\nexports.set = function(target, key, val) {\n if (Array.isArray(target)) {\n target.length = Math.max(target.length, key)\n target.splice(key, 1, val)\n return val\n }\n target[key] = val\n return val\n}\n\nexports.del = function(target, key) {\n if (Array.isArray(target)) {\n target.splice(key, 1)\n return\n }\n delete target[key]\n}\n\nexports.Vue = Vue\nexports.Vue2 = undefined\nexports.isVue2 = false\nexports.isVue3 = true\nexports.install = function(){}\n","var Vue = require('vue')\n\nObject.keys(Vue).forEach(function(key) {\n exports[key] = Vue[key]\n})\n\nexports.set = function(target, key, val) {\n if (Array.isArray(target)) {\n target.length = Math.max(target.length, key)\n target.splice(key, 1, val)\n return val\n }\n target[key] = val\n return val\n}\n\nexports.del = function(target, key) {\n if (Array.isArray(target)) {\n target.splice(key, 1)\n return\n }\n delete target[key]\n}\n\nexports.Vue = Vue\nexports.Vue2 = undefined\nexports.isVue2 = false\nexports.isVue3 = true\nexports.install = function(){}\n","\n \n \n \n
\n \n
\n \n \n \n \n \n\n \n \n \n \n \n ![]()
\n \n
\n \n \n
\n ${{ commaFormat(point.discount) }} OFF
\n {{ commaFormat(point.points) }} Coins\nYour Notifications
\n\n \n
\n \n CLEAR ALL\n
\n \n
\n\n \n \n ${{ getFreeShippingRemaining }}\n away from\n free shipping!\n
\n\n This order qualifies for\n free shipping!\n
\n\n
\n\n ${{ freeShippingOn.toFixed(0) }}\n \n \n \n \n
\n \n
\n \n \n Are you sure you want to clear your cart?\n
\n\n This will remove all items from your order.\n
\n\n \n Clear Cart\n \n \n {{ togglerText }}\n \n
\n {{ items.name }}
\n\n \n
\n {{ item.productName }}
\n {{ item.optionLabel }}\n ${{ currencyFormat(item.singlePrice) }}\n \n\n ${{ currencyFormat(item.singlePrice * item.qty) }}\n
\n \n\n \n
\n \n \n ${{ currencyFormat(item.singlePrice * item.qty) }}\n
\n- \n \n \n
- \n Bulk Price Savings\n \n
- \n ${{ currencyFormat(cart.bulkDiscount) }}\n \n \n \n \n
- \n Order Total\n \n
- \n \n ${{ commaFormat(getOrderTotal(cart.itemsByCat).toFixed(2)) }}\n \n
\n
\n \n \n \n \n Use Medusa Coins\n \n
\n \n USE {{ commaFormat(cart.coins_saving.points) }} Coins \n \n \n \n
\n \n You can save up to ${{\n commaFormat(Number(cart.coins_saving.saving).toFixed(2))\n }}\n on this order at checkout using your Medusa Coins\n
\n\n However, at checkout, you will have the option to not use\n any Medusa Coins.\n
\n \n\n
\n \n \n A shipping address must be selected before you can checkout\n \n
\n \n \n \n \n\n \n \n \n \n \n
\n \n \n \n\n \n \n Close sidebar\n
\n \n\n \n
\n \n \n
\n Are you sure?
\n\n
\n \n
\n Do you really want to clear your cart ?
\n\n \n \n
\n \n\n
\n\n\n\n","import { render } from \"./NotificationItem.vue?vue&type=template&id=077efe06&scoped=true\"\nimport script from \"./NotificationItem.vue?vue&type=script&lang=js\"\nexport * from \"./NotificationItem.vue?vue&type=script&lang=js\"\n\nimport \"./NotificationItem.vue?vue&type=style&index=0&id=077efe06&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_Production_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-077efe06\"]])\n\nexport default __exports__","\n \n
\n {{title}}
\n {{desc}}\n\n {{time}}\n
\n \n
\n\n\n\n\n\n\n","/**\n * Vue 3 Carousel 0.2.16\n * (c) 2023\n * @license MIT\n */\nimport { Fragment, defineComponent, inject, ref, h, reactive, provide, onMounted, nextTick, onUnmounted, computed, watch, cloneVNode } from 'vue';\n\nconst defaultConfigs = {\r\n itemsToShow: 1,\r\n itemsToScroll: 1,\r\n modelValue: 0,\r\n transition: 300,\r\n autoplay: 0,\r\n snapAlign: 'center',\r\n wrapAround: false,\r\n throttle: 16,\r\n pauseAutoplayOnHover: false,\r\n mouseDrag: true,\r\n touchDrag: true,\r\n dir: 'ltr',\r\n breakpoints: undefined,\r\n};\n\nconst carouselProps = {\r\n // count of items to showed per view\r\n itemsToShow: {\r\n default: defaultConfigs.itemsToShow,\r\n type: Number,\r\n },\r\n // count of items to be scrolled\r\n itemsToScroll: {\r\n default: defaultConfigs.itemsToScroll,\r\n type: Number,\r\n },\r\n // control infinite scrolling mode\r\n wrapAround: {\r\n default: defaultConfigs.wrapAround,\r\n type: Boolean,\r\n },\r\n // control max drag\r\n throttle: {\r\n default: defaultConfigs.throttle,\r\n type: Number,\r\n },\r\n // control snap position alignment\r\n snapAlign: {\r\n default: defaultConfigs.snapAlign,\r\n validator(value) {\r\n // The value must match one of these strings\r\n return ['start', 'end', 'center', 'center-even', 'center-odd'].includes(value);\r\n },\r\n },\r\n // sliding transition time in ms\r\n transition: {\r\n default: defaultConfigs.transition,\r\n type: Number,\r\n },\r\n // an object to store breakpoints\r\n breakpoints: {\r\n default: defaultConfigs.breakpoints,\r\n type: Object,\r\n },\r\n // time to auto advance slides in ms\r\n autoplay: {\r\n default: defaultConfigs.autoplay,\r\n type: Number,\r\n },\r\n // pause autoplay when mouse hover over the carousel\r\n pauseAutoplayOnHover: {\r\n default: defaultConfigs.pauseAutoplayOnHover,\r\n type: Boolean,\r\n },\r\n // slide number number of initial slide\r\n modelValue: {\r\n default: undefined,\r\n type: Number,\r\n },\r\n // toggle mouse dragging.\r\n mouseDrag: {\r\n default: defaultConfigs.mouseDrag,\r\n type: Boolean,\r\n },\r\n // toggle mouse dragging.\r\n touchDrag: {\r\n default: defaultConfigs.touchDrag,\r\n type: Boolean,\r\n },\r\n // control snap position alignment\r\n dir: {\r\n default: defaultConfigs.dir,\r\n validator(value) {\r\n // The value must match one of these strings\r\n return ['rtl', 'ltr'].includes(value);\r\n },\r\n },\r\n // an object to pass all settings\r\n settings: {\r\n default() {\r\n return {};\r\n },\r\n type: Object,\r\n },\r\n};\n\nfunction getMaxSlideIndex({ config, slidesCount }) {\r\n const { snapAlign, wrapAround, itemsToShow = 1 } = config;\r\n if (wrapAround) {\r\n return Math.max(slidesCount - 1, 0);\r\n }\r\n let output;\r\n switch (snapAlign) {\r\n case 'start':\r\n output = slidesCount - itemsToShow;\r\n break;\r\n case 'end':\r\n output = slidesCount - 1;\r\n break;\r\n case 'center':\r\n case 'center-odd':\r\n output = slidesCount - Math.ceil((itemsToShow - 0.5) / 2);\r\n break;\r\n case 'center-even':\r\n output = slidesCount - Math.ceil(itemsToShow / 2);\r\n break;\r\n default:\r\n output = 0;\r\n break;\r\n }\r\n return Math.max(output, 0);\r\n}\n\nfunction getMinSlideIndex({ config, slidesCount }) {\r\n const { wrapAround, snapAlign, itemsToShow = 1 } = config;\r\n let output = 0;\r\n if (wrapAround || itemsToShow > slidesCount) {\r\n return output;\r\n }\r\n switch (snapAlign) {\r\n case 'start':\r\n output = 0;\r\n break;\r\n case 'end':\r\n output = itemsToShow - 1;\r\n break;\r\n case 'center':\r\n case 'center-odd':\r\n output = Math.floor((itemsToShow - 1) / 2);\r\n break;\r\n case 'center-even':\r\n output = Math.floor((itemsToShow - 2) / 2);\r\n break;\r\n default:\r\n output = 0;\r\n break;\r\n }\r\n return output;\r\n}\n\nfunction getNumberInRange({ val, max, min }) {\r\n if (max < min) {\r\n return val;\r\n }\r\n return Math.min(Math.max(val, min), max);\r\n}\n\nfunction getSlidesToScroll({ config, currentSlide, slidesCount }) {\r\n const { snapAlign, wrapAround, itemsToShow = 1 } = config;\r\n let output = currentSlide;\r\n switch (snapAlign) {\r\n case 'center':\r\n case 'center-odd':\r\n output -= (itemsToShow - 1) / 2;\r\n break;\r\n case 'center-even':\r\n output -= (itemsToShow - 2) / 2;\r\n break;\r\n case 'end':\r\n output -= itemsToShow - 1;\r\n break;\r\n }\r\n if (wrapAround) {\r\n return output;\r\n }\r\n return getNumberInRange({\r\n val: output,\r\n max: slidesCount - itemsToShow,\r\n min: 0,\r\n });\r\n}\n\nfunction getSlidesVNodes(vNode) {\r\n if (!vNode)\r\n return [];\r\n return vNode.reduce((acc, node) => {\r\n var _a;\r\n if (node.type === Fragment) {\r\n return [...acc, ...getSlidesVNodes(node.children)];\r\n }\r\n if (((_a = node.type) === null || _a === void 0 ? void 0 : _a.name) === 'CarouselSlide') {\r\n return [...acc, node];\r\n }\r\n return acc;\r\n }, []);\r\n}\n\nfunction mapNumberToRange({ val, max, min = 0 }) {\r\n if (val > max) {\r\n return mapNumberToRange({ val: val - (max + 1), max, min });\r\n }\r\n if (val < min) {\r\n return mapNumberToRange({ val: val + (max + 1), max, min });\r\n }\r\n return val;\r\n}\n\n/**\r\n * return a throttle version of the function\r\n * Throttling\r\n *\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nfunction throttle(fn, limit) {\r\n let inThrottle;\r\n if (!limit) {\r\n return fn;\r\n }\r\n return function (...args) {\r\n const self = this;\r\n if (!inThrottle) {\r\n fn.apply(self, args);\r\n inThrottle = true;\r\n setTimeout(() => (inThrottle = false), limit);\r\n }\r\n };\r\n}\n\n/**\r\n * return a debounced version of the function\r\n * @param fn\r\n * @param delay\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nfunction debounce(fn, delay) {\r\n let timerId;\r\n return function (...args) {\r\n if (timerId) {\r\n clearTimeout(timerId);\r\n }\r\n timerId = setTimeout(() => {\r\n fn(...args);\r\n timerId = null;\r\n }, delay);\r\n };\r\n}\n\nvar ARIAComponent = defineComponent({\r\n name: 'ARIA',\r\n setup() {\r\n const currentSlide = inject('currentSlide', ref(0));\r\n const slidesCount = inject('slidesCount', ref(0));\r\n return () => h('div', {\r\n class: ['carousel__liveregion', 'carousel__sr-only'],\r\n 'aria-live': 'polite',\r\n 'aria-atomic': 'true',\r\n }, `Item ${currentSlide.value + 1} of ${slidesCount.value}`);\r\n },\r\n});\n\nvar Carousel = defineComponent({\r\n name: 'Carousel',\r\n props: carouselProps,\r\n setup(props, { slots, emit, expose }) {\r\n var _a;\r\n const root = ref(null);\r\n const slides = ref([]);\r\n const slideWidth = ref(0);\r\n const slidesCount = ref(0);\r\n let breakpoints = ref({});\r\n // generate carousel configs\r\n let __defaultConfig = Object.assign({}, defaultConfigs);\r\n // current config\r\n const config = reactive(Object.assign({}, __defaultConfig));\r\n // slides\r\n const currentSlideIndex = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : 0);\r\n const prevSlideIndex = ref(0);\r\n const middleSlideIndex = ref(0);\r\n const maxSlideIndex = ref(0);\r\n const minSlideIndex = ref(0);\r\n let autoplayTimer;\r\n let transitionTimer;\r\n provide('config', config);\r\n provide('slidesCount', slidesCount);\r\n provide('currentSlide', currentSlideIndex);\r\n provide('maxSlide', maxSlideIndex);\r\n provide('minSlide', minSlideIndex);\r\n provide('slideWidth', slideWidth);\r\n /**\r\n * Configs\r\n */\r\n function initDefaultConfigs() {\r\n // generate carousel configs\r\n const mergedConfigs = Object.assign(Object.assign({}, props), props.settings);\r\n // Set breakpoints\r\n breakpoints = ref(Object.assign({}, mergedConfigs.breakpoints));\r\n // remove extra values\r\n __defaultConfig = Object.assign(Object.assign({}, mergedConfigs), { settings: undefined, breakpoints: undefined });\r\n bindConfigs(__defaultConfig);\r\n }\r\n function updateBreakpointsConfigs() {\r\n if (!Object.keys(breakpoints.value).length)\r\n return;\r\n const breakpointsArray = Object.keys(breakpoints.value)\r\n .map((key) => Number(key))\r\n .sort((a, b) => +b - +a);\r\n let newConfig = Object.assign({}, __defaultConfig);\r\n breakpointsArray.some((breakpoint) => {\r\n const isMatched = window.matchMedia(`(min-width: ${breakpoint}px)`).matches;\r\n if (isMatched) {\r\n newConfig = Object.assign(Object.assign({}, newConfig), breakpoints.value[breakpoint]);\r\n return true;\r\n }\r\n return false;\r\n });\r\n bindConfigs(newConfig);\r\n }\r\n function bindConfigs(newConfig) {\r\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\r\n //@ts-ignore\r\n Object.entries(newConfig).forEach(([key, val]) => (config[key] = val));\r\n }\r\n const handleWindowResize = debounce(() => {\r\n updateBreakpointsConfigs();\r\n updateSlidesData();\r\n updateSlideWidth();\r\n }, 16);\r\n /**\r\n * Setup functions\r\n */\r\n function updateSlideWidth() {\r\n if (!root.value)\r\n return;\r\n const rect = root.value.getBoundingClientRect();\r\n slideWidth.value = rect.width / config.itemsToShow;\r\n }\r\n function updateSlidesData() {\r\n if (slidesCount.value <= 0)\r\n return;\r\n middleSlideIndex.value = Math.ceil((slidesCount.value - 1) / 2);\r\n maxSlideIndex.value = getMaxSlideIndex({ config, slidesCount: slidesCount.value });\r\n minSlideIndex.value = getMinSlideIndex({ config, slidesCount: slidesCount.value });\r\n if (!config.wrapAround) {\r\n currentSlideIndex.value = getNumberInRange({\r\n val: currentSlideIndex.value,\r\n max: maxSlideIndex.value,\r\n min: minSlideIndex.value,\r\n });\r\n }\r\n }\r\n onMounted(() => {\r\n nextTick(() => setTimeout(() => {\r\n updateBreakpointsConfigs();\r\n updateSlidesData();\r\n updateSlideWidth();\r\n emit('init');\r\n }, 16));\r\n initAutoplay();\r\n window.addEventListener('resize', handleWindowResize, { passive: true });\r\n });\r\n onUnmounted(() => {\r\n if (transitionTimer) {\r\n clearTimeout(transitionTimer);\r\n }\r\n if (autoplayTimer) {\r\n clearInterval(autoplayTimer);\r\n }\r\n window.removeEventListener('resize', handleWindowResize, {\r\n passive: true,\r\n });\r\n });\r\n /**\r\n * Carousel Event listeners\r\n */\r\n let isTouch = false;\r\n const startPosition = { x: 0, y: 0 };\r\n const endPosition = { x: 0, y: 0 };\r\n const dragged = reactive({ x: 0, y: 0 });\r\n const isHover = ref(false);\r\n const handleMouseEnter = () => {\r\n isHover.value = true;\r\n };\r\n const handleMouseLeave = () => {\r\n isHover.value = false;\r\n };\r\n function handleDragStart(event) {\r\n if (['INPUT', 'TEXTAREA', 'SELECT'].includes(event.target.tagName)) {\r\n return;\r\n }\r\n isTouch = event.type === 'touchstart';\r\n if (!isTouch) {\r\n event.preventDefault();\r\n }\r\n if ((!isTouch && event.button !== 0) || isSliding.value) {\r\n return;\r\n }\r\n startPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\r\n startPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\r\n document.addEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\r\n document.addEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\r\n }\r\n const handleDragging = throttle((event) => {\r\n endPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\r\n endPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\r\n const deltaX = endPosition.x - startPosition.x;\r\n const deltaY = endPosition.y - startPosition.y;\r\n dragged.y = deltaY;\r\n dragged.x = deltaX;\r\n }, config.throttle);\r\n function handleDragEnd() {\r\n const direction = config.dir === 'rtl' ? -1 : 1;\r\n const tolerance = Math.sign(dragged.x) * 0.4;\r\n const draggedSlides = Math.round(dragged.x / slideWidth.value + tolerance) * direction;\r\n // Prevent clicking if there is clicked slides\r\n if (draggedSlides && !isTouch) {\r\n const captureClick = (e) => {\r\n e.stopPropagation();\r\n window.removeEventListener('click', captureClick, true);\r\n };\r\n window.addEventListener('click', captureClick, true);\r\n }\r\n slideTo(currentSlideIndex.value - draggedSlides);\r\n dragged.x = 0;\r\n dragged.y = 0;\r\n document.removeEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\r\n document.removeEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\r\n }\r\n /**\r\n * Autoplay\r\n */\r\n function initAutoplay() {\r\n if (!config.autoplay || config.autoplay <= 0) {\r\n return;\r\n }\r\n autoplayTimer = setInterval(() => {\r\n if (config.pauseAutoplayOnHover && isHover.value) {\r\n return;\r\n }\r\n next();\r\n }, config.autoplay);\r\n }\r\n function resetAutoplay() {\r\n if (autoplayTimer) {\r\n clearInterval(autoplayTimer);\r\n autoplayTimer = null;\r\n }\r\n initAutoplay();\r\n }\r\n /**\r\n * Navigation function\r\n */\r\n const isSliding = ref(false);\r\n function slideTo(slideIndex) {\r\n const currentVal = config.wrapAround\r\n ? slideIndex\r\n : getNumberInRange({\r\n val: slideIndex,\r\n max: maxSlideIndex.value,\r\n min: minSlideIndex.value,\r\n });\r\n if (currentSlideIndex.value === currentVal || isSliding.value) {\r\n return;\r\n }\r\n emit('slide-start', {\r\n slidingToIndex: slideIndex,\r\n currentSlideIndex: currentSlideIndex.value,\r\n prevSlideIndex: prevSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n });\r\n isSliding.value = true;\r\n prevSlideIndex.value = currentSlideIndex.value;\r\n currentSlideIndex.value = currentVal;\r\n transitionTimer = setTimeout(() => {\r\n if (config.wrapAround) {\r\n const mappedNumber = mapNumberToRange({\r\n val: currentVal,\r\n max: maxSlideIndex.value,\r\n min: 0,\r\n });\r\n if (mappedNumber !== currentSlideIndex.value) {\r\n currentSlideIndex.value = mappedNumber;\r\n emit('loop', {\r\n currentSlideIndex: currentSlideIndex.value,\r\n slidingToIndex: slideIndex,\r\n });\r\n }\r\n }\r\n emit('update:modelValue', currentSlideIndex.value);\r\n emit('slide-end', {\r\n currentSlideIndex: currentSlideIndex.value,\r\n prevSlideIndex: prevSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n });\r\n isSliding.value = false;\r\n resetAutoplay();\r\n }, config.transition);\r\n }\r\n function next() {\r\n slideTo(currentSlideIndex.value + config.itemsToScroll);\r\n }\r\n function prev() {\r\n slideTo(currentSlideIndex.value - config.itemsToScroll);\r\n }\r\n const nav = { slideTo, next, prev };\r\n provide('nav', nav);\r\n provide('isSliding', isSliding);\r\n /**\r\n * Track style\r\n */\r\n const slidesToScroll = computed(() => getSlidesToScroll({\r\n config,\r\n currentSlide: currentSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n }));\r\n provide('slidesToScroll', slidesToScroll);\r\n const trackStyle = computed(() => {\r\n const direction = config.dir === 'rtl' ? -1 : 1;\r\n const xScroll = slidesToScroll.value * slideWidth.value * direction;\r\n return {\r\n transform: `translateX(${dragged.x - xScroll}px)`,\r\n transition: `${isSliding.value ? config.transition : 0}ms`,\r\n margin: config.wrapAround ? `0 -${slidesCount.value * slideWidth.value}px` : '',\r\n width: `100%`,\r\n };\r\n });\r\n function restartCarousel() {\r\n initDefaultConfigs();\r\n updateBreakpointsConfigs();\r\n updateSlidesData();\r\n updateSlideWidth();\r\n resetAutoplay();\r\n }\r\n // Update the carousel on props change\r\n Object.keys(carouselProps).forEach((prop) => {\r\n if (['modelValue'].includes(prop))\r\n return;\r\n watch(() => props[prop], restartCarousel);\r\n });\r\n // Handle changing v-model value\r\n watch(() => props['modelValue'], (val) => {\r\n if (val !== currentSlideIndex.value) {\r\n slideTo(Number(val));\r\n }\r\n });\r\n // Handel when slides added/removed\r\n watch(slidesCount, updateSlidesData);\r\n // Init carousel\r\n initDefaultConfigs();\r\n const data = {\r\n config,\r\n slidesCount,\r\n slideWidth,\r\n next,\r\n prev,\r\n slideTo,\r\n currentSlide: currentSlideIndex,\r\n maxSlide: maxSlideIndex,\r\n minSlide: minSlideIndex,\r\n middleSlide: middleSlideIndex,\r\n };\r\n expose({\r\n updateBreakpointsConfigs,\r\n updateSlidesData,\r\n updateSlideWidth,\r\n initDefaultConfigs,\r\n restartCarousel,\r\n slideTo,\r\n next,\r\n prev,\r\n nav,\r\n data,\r\n });\r\n const slotSlides = slots.default || slots.slides;\r\n const slotAddons = slots.addons;\r\n const slotsProps = reactive(data);\r\n return () => {\r\n const slidesElements = getSlidesVNodes(slotSlides === null || slotSlides === void 0 ? void 0 : slotSlides(slotsProps));\r\n const addonsElements = (slotAddons === null || slotAddons === void 0 ? void 0 : slotAddons(slotsProps)) || [];\r\n slidesElements.forEach((el, index) => (el.props.index = index));\r\n let output = slidesElements;\r\n if (config.wrapAround) {\r\n const slidesBefore = slidesElements.map((el, index) => cloneVNode(el, {\r\n index: -slidesElements.length + index,\r\n isClone: true,\r\n key: `clone-before-${index}`,\r\n }));\r\n const slidesAfter = slidesElements.map((el, index) => cloneVNode(el, {\r\n index: slidesElements.length + index,\r\n isClone: true,\r\n key: `clone-after-${index}`,\r\n }));\r\n output = [...slidesBefore, ...slidesElements, ...slidesAfter];\r\n }\r\n slides.value = slidesElements;\r\n slidesCount.value = Math.max(slidesElements.length, 1);\r\n const trackEl = h('ol', {\r\n class: 'carousel__track',\r\n style: trackStyle.value,\r\n onMousedownCapture: config.mouseDrag ? handleDragStart : null,\r\n onTouchstartPassiveCapture: config.touchDrag ? handleDragStart : null,\r\n }, output);\r\n const viewPortEl = h('div', { class: 'carousel__viewport' }, trackEl);\r\n return h('section', {\r\n ref: root,\r\n class: {\r\n carousel: true,\r\n 'carousel--rtl': config.dir === 'rtl',\r\n },\r\n dir: config.dir,\r\n 'aria-label': 'Gallery',\r\n tabindex: '0',\r\n onMouseenter: handleMouseEnter,\r\n onMouseleave: handleMouseLeave,\r\n }, [viewPortEl, addonsElements, h(ARIAComponent)]);\r\n };\r\n },\r\n});\n\nconst icons = {\r\n arrowUp: 'M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z',\r\n arrowDown: 'M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z',\r\n arrowRight: 'M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z',\r\n arrowLeft: 'M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z',\r\n};\n\nconst Icon = (props) => {\r\n const iconName = props.name;\r\n if (!iconName || typeof iconName !== 'string') {\r\n return;\r\n }\r\n const path = icons[iconName];\r\n const pathEl = h('path', { d: path });\r\n const iconTitle = (props.title || iconName);\r\n const titleEl = h('title', iconTitle);\r\n return h('svg', {\r\n class: 'carousel__icon',\r\n viewBox: '0 0 24 24',\r\n role: 'img',\r\n ariaLabel: iconTitle,\r\n }, [titleEl, pathEl]);\r\n};\r\nIcon.props = { name: String, title: String };\n\nconst Navigation = (props, { slots, attrs }) => {\r\n const { next: slotNext, prev: slotPrev } = slots || {};\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const maxSlide = inject('maxSlide', ref(1));\r\n const minSlide = inject('minSlide', ref(1));\r\n const currentSlide = inject('currentSlide', ref(1));\r\n const nav = inject('nav', {});\r\n const { dir, wrapAround } = config;\r\n const isRTL = dir === 'rtl';\r\n const prevButton = h('button', {\r\n type: 'button',\r\n class: [\r\n 'carousel__prev',\r\n !wrapAround && currentSlide.value <= minSlide.value && 'carousel__prev--disabled',\r\n attrs === null || attrs === void 0 ? void 0 : attrs.class,\r\n ],\r\n 'aria-label': `Navigate to previous slide`,\r\n onClick: nav.prev,\r\n }, (slotPrev === null || slotPrev === void 0 ? void 0 : slotPrev()) || h(Icon, { name: isRTL ? 'arrowRight' : 'arrowLeft' }));\r\n const nextButton = h('button', {\r\n type: 'button',\r\n class: [\r\n 'carousel__next',\r\n !wrapAround && currentSlide.value >= maxSlide.value && 'carousel__next--disabled',\r\n attrs === null || attrs === void 0 ? void 0 : attrs.class,\r\n ],\r\n 'aria-label': `Navigate to next slide`,\r\n onClick: nav.next,\r\n }, (slotNext === null || slotNext === void 0 ? void 0 : slotNext()) || h(Icon, { name: isRTL ? 'arrowLeft' : 'arrowRight' }));\r\n return [prevButton, nextButton];\r\n};\n\nconst Pagination = () => {\r\n const maxSlide = inject('maxSlide', ref(1));\r\n const minSlide = inject('minSlide', ref(1));\r\n const currentSlide = inject('currentSlide', ref(1));\r\n const nav = inject('nav', {});\r\n const isActive = (slide) => mapNumberToRange({\r\n val: currentSlide.value,\r\n max: maxSlide.value,\r\n min: 0,\r\n }) === slide;\r\n const children = [];\r\n for (let slide = minSlide.value; slide < maxSlide.value + 1; slide++) {\r\n const button = h('button', {\r\n type: 'button',\r\n class: {\r\n 'carousel__pagination-button': true,\r\n 'carousel__pagination-button--active': isActive(slide),\r\n },\r\n 'aria-label': `Navigate to slide ${slide + 1}`,\r\n onClick: () => nav.slideTo(slide),\r\n });\r\n const item = h('li', { class: 'carousel__pagination-item', key: slide }, button);\r\n children.push(item);\r\n }\r\n return h('ol', { class: 'carousel__pagination' }, children);\r\n};\n\nvar Slide = defineComponent({\r\n name: 'CarouselSlide',\r\n props: {\r\n index: {\r\n type: Number,\r\n default: 1,\r\n },\r\n isClone: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n setup(props, { slots }) {\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const currentSlide = inject('currentSlide', ref(0));\r\n const slidesToScroll = inject('slidesToScroll', ref(0));\r\n const slideWidth = inject('slideWidth', ref(0));\r\n const isSliding = inject('isSliding', ref(false));\r\n const slideStyle = computed(() => ({\r\n width: slideWidth.value ? `${slideWidth.value}px` : `100%`,\r\n }));\r\n const isActive = () => props.index === currentSlide.value;\r\n const isPrev = () => props.index === currentSlide.value - 1;\r\n const isNext = () => props.index === currentSlide.value + 1;\r\n const isVisible = () => {\r\n const min = Math.floor(slidesToScroll.value);\r\n const max = Math.ceil(slidesToScroll.value + config.itemsToShow - 1);\r\n return props.index >= min && props.index <= max;\r\n };\r\n return () => {\r\n var _a;\r\n return h('li', {\r\n style: slideStyle.value,\r\n class: {\r\n carousel__slide: true,\r\n 'carousel_slide--clone': props.isClone,\r\n 'carousel__slide--visible': isVisible(),\r\n 'carousel__slide--active': isActive(),\r\n 'carousel__slide--prev': isPrev(),\r\n 'carousel__slide--next': isNext(),\r\n 'carousel__slide--sliding': isSliding.value,\r\n },\r\n 'aria-hidden': !isVisible(),\r\n }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));\r\n };\r\n },\r\n});\n\nexport { Carousel, Icon, Navigation, Pagination, Slide };\n","import { render } from \"./WelcomeTour.vue?vue&type=template&id=6dffb006&scoped=true\"\nimport script from \"./WelcomeTour.vue?vue&type=script&lang=js\"\nexport * from \"./WelcomeTour.vue?vue&type=script&lang=js\"\n\nimport \"./WelcomeTour.vue?vue&type=style&index=0&id=6dffb006&lang=scss&scoped=true\"\nimport \"./WelcomeTour.vue?vue&type=style&index=1&id=6dffb006&lang=scss\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_Production_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6dffb006\"]])\n\nexport default __exports__","export default function _objectDestructuringEmpty(obj) {\n if (obj == null) throw new TypeError(\"Cannot destructure undefined\");\n}","\n \n
\n Welcome to Medusa
\n \n\n \n \n \n \n \n \n \n \n \n
\n \n \n
\n Shipping Address
\n\n
\n \n Select your store shipping address in order to display products or\n some text here\n
\n- \n
Point one explaining why
\n Point two explaining why
\n Point three explaining why
\n
\n
\n Info Slide 2
\n\n
\n Video Slide
\n \n\n \n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n \n \n
\n {{ item.brand }}\n \n \n \n \n \n 0\"\n index-name=\"products_index\"\n >\n 0\">\n \n
\n \n \n PRODUCTS
\n\n \n i.status === 'active' &&\n i.active === 1 &&\n (price_list == '33' || i.tags != 'GGV ONLY')\n )\"\n :key=\"item.objectId\"\n :value=\"item\"\n v-slot=\"{ active }\"\n >\n i.status === 'active' && i.active === 1\n ),\n true\n )\n \"\n >\n \n
\n \n \n \n {{ item.brand }} -\n {{ item.product_type }} \n
\n {{ item.name }}
\n\n No results have been found.\n
\n \n \n \n Categories
\n\n \n
\n \n {{ item.product_type }}
\n \nPOPULAR SEARCHES
\n 0\">\n r.name),\n items\n )\n \"\n >\n VIEW ALL PRODUCTS\n \n
\n \n \n \n \n {{items_count}}\n
\n\n\n\n\n\n","import { render } from \"./CartCount.vue?vue&type=template&id=2e123a8c&scoped=true\"\nimport script from \"./CartCount.vue?vue&type=script&lang=js\"\nexport * from \"./CartCount.vue?vue&type=script&lang=js\"\n\nimport \"./CartCount.vue?vue&type=style&index=0&id=2e123a8c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_Production_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2e123a8c\"]])\n\nexport default __exports__","import { render } from \"./Navbar.vue?vue&type=template&id=5341ec9d\"\nimport script from \"./Navbar.vue?vue&type=script&lang=js\"\nexport * from \"./Navbar.vue?vue&type=script&lang=js\"\n\nimport \"./Navbar.vue?vue&type=style&index=0&id=5341ec9d&lang=scss\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_Production_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./CartCount.vue?vue&type=style&index=0&id=2e123a8c&lang=scss&scoped=true\"","import{computed as g,defineComponent as v,inject as x,onMounted as L,onUnmounted as k,provide as C,ref as j,unref as w}from\"vue\";import{useId as R}from'../../hooks/use-id.js';import{render as h}from'../../utils/render.js';let a=Symbol(\"LabelContext\");function p(){let t=x(a,null);if(t===null){let n=new Error(\"You used a component, but it is not inside a parent.\");throw Error.captureStackTrace&&Error.captureStackTrace(n,p),n}return t}function K({slot:t={},name:n=\"Label\",props:i={}}={}){let e=j([]);function r(o){return e.value.push(o),()=>{let l=e.value.indexOf(o);l!==-1&&e.value.splice(l,1)}}return C(a,{register:r,slot:t,name:n,props:i}),g(()=>e.value.length>0?e.value.join(\" \"):void 0)}let P=v({name:\"Label\",props:{as:{type:[Object,String],default:\"label\"},passive:{type:[Boolean],default:!1}},setup(t,{slots:n,attrs:i}){let e=p(),r=`headlessui-label-${R()}`;return L(()=>k(e.register(r))),()=>{let{name:o=\"Label\",slot:l={},props:d={}}=e,{passive:c,...s}=t,u={...Object.entries(d).reduce((f,[b,m])=>Object.assign(f,{[b]:w(m)}),{}),id:r};return c&&(delete u.onClick,delete s.onClick),h({ourProps:u,theirProps:s,slot:l,attrs:i,slots:n,name:o})}}});export{P as Label,K as useLabels};\n","import { defineComponent, ref, h, watch, computed, reactive, shallowRef, nextTick, getCurrentInstance, onMounted, isVue2, watchEffect, toRefs } from 'vue-demi';\nimport { onClickOutside as onClickOutside$1, useActiveElement, useBattery, useBrowserLocation, useClipboard, useDark, useDeviceMotion, useDeviceOrientation, useDevicePixelRatio, useDevicesList, useDocumentVisibility, useStorage as useStorage$1, isClient as isClient$1, useDraggable, useElementBounding, useElementSize as useElementSize$1, useElementVisibility as useElementVisibility$1, useEyeDropper, useFullscreen, useGeolocation, useIdle, useMouse, useMouseInElement, useMousePressed, useNetwork, useNow, useObjectUrl, useOffsetPagination, useOnline, usePageLeave, usePointer, usePointerLock, usePreferredColorScheme, usePreferredContrast, usePreferredDark as usePreferredDark$1, usePreferredLanguages, usePreferredReducedMotion, useTimeAgo, useTimestamp, useVirtualList, useWindowFocus, useWindowSize } from '@vueuse/core';\nimport { toValue, isClient, noop, isObject, tryOnScopeDispose, isIOS, directiveHooks, pausableWatch, tryOnMounted, toRef, useToggle, notNullish, promiseTimeout, until, useDebounceFn, useThrottleFn } from '@vueuse/shared';\n\nconst OnClickOutside = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"OnClickOutside\",\n props: [\"as\", \"options\"],\n emits: [\"trigger\"],\n setup(props, { slots, emit }) {\n const target = ref();\n onClickOutside$1(target, (e) => {\n emit(\"trigger\", e);\n }, props.options);\n return () => {\n if (slots.default)\n return h(props.as || \"div\", { ref: target }, slots.default());\n };\n }\n});\n\nfunction unrefElement(elRef) {\n var _a;\n const plain = toValue(elRef);\n return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;\n}\n\nconst defaultWindow = isClient ? window : void 0;\n\nfunction useEventListener(...args) {\n let target;\n let events;\n let listeners;\n let options;\n if (typeof args[0] === \"string\" || Array.isArray(args[0])) {\n [events, listeners, options] = args;\n target = defaultWindow;\n } else {\n [target, events, listeners, options] = args;\n }\n if (!target)\n return noop;\n if (!Array.isArray(events))\n events = [events];\n if (!Array.isArray(listeners))\n listeners = [listeners];\n const cleanups = [];\n const cleanup = () => {\n cleanups.forEach((fn) => fn());\n cleanups.length = 0;\n };\n const register = (el, event, listener, options2) => {\n el.addEventListener(event, listener, options2);\n return () => el.removeEventListener(event, listener, options2);\n };\n const stopWatch = watch(\n () => [unrefElement(target), toValue(options)],\n ([el, options2]) => {\n cleanup();\n if (!el)\n return;\n const optionsClone = isObject(options2) ? { ...options2 } : options2;\n cleanups.push(\n ...events.flatMap((event) => {\n return listeners.map((listener) => register(el, event, listener, optionsClone));\n })\n );\n },\n { immediate: true, flush: \"post\" }\n );\n const stop = () => {\n stopWatch();\n cleanup();\n };\n tryOnScopeDispose(stop);\n return stop;\n}\n\nlet _iOSWorkaround = false;\nfunction onClickOutside(target, handler, options = {}) {\n const { window = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;\n if (!window)\n return noop;\n if (isIOS && !_iOSWorkaround) {\n _iOSWorkaround = true;\n Array.from(window.document.body.children).forEach((el) => el.addEventListener(\"click\", noop));\n window.document.documentElement.addEventListener(\"click\", noop);\n }\n let shouldListen = true;\n const shouldIgnore = (event) => {\n return ignore.some((target2) => {\n if (typeof target2 === \"string\") {\n return Array.from(window.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));\n } else {\n const el = unrefElement(target2);\n return el && (event.target === el || event.composedPath().includes(el));\n }\n });\n };\n const listener = (event) => {\n const el = unrefElement(target);\n if (!el || el === event.target || event.composedPath().includes(el))\n return;\n if (event.detail === 0)\n shouldListen = !shouldIgnore(event);\n if (!shouldListen) {\n shouldListen = true;\n return;\n }\n handler(event);\n };\n const cleanup = [\n useEventListener(window, \"click\", listener, { passive: true, capture }),\n useEventListener(window, \"pointerdown\", (e) => {\n const el = unrefElement(target);\n shouldListen = !shouldIgnore(e) && !!(el && !e.composedPath().includes(el));\n }, { passive: true }),\n detectIframe && useEventListener(window, \"blur\", (event) => {\n setTimeout(() => {\n var _a;\n const el = unrefElement(target);\n if (((_a = window.document.activeElement) == null ? void 0 : _a.tagName) === \"IFRAME\" && !(el == null ? void 0 : el.contains(window.document.activeElement)))\n handler(event);\n }, 0);\n })\n ].filter(Boolean);\n const stop = () => cleanup.forEach((fn) => fn());\n return stop;\n}\n\nconst vOnClickOutside = {\n [directiveHooks.mounted](el, binding) {\n const capture = !binding.modifiers.bubble;\n if (typeof binding.value === \"function\") {\n el.__onClickOutside_stop = onClickOutside(el, binding.value, { capture });\n } else {\n const [handler, options] = binding.value;\n el.__onClickOutside_stop = onClickOutside(el, handler, Object.assign({ capture }, options));\n }\n },\n [directiveHooks.unmounted](el) {\n el.__onClickOutside_stop();\n }\n};\n\nfunction createKeyPredicate(keyFilter) {\n if (typeof keyFilter === \"function\")\n return keyFilter;\n else if (typeof keyFilter === \"string\")\n return (event) => event.key === keyFilter;\n else if (Array.isArray(keyFilter))\n return (event) => keyFilter.includes(event.key);\n return () => true;\n}\nfunction onKeyStroke(...args) {\n let key;\n let handler;\n let options = {};\n if (args.length === 3) {\n key = args[0];\n handler = args[1];\n options = args[2];\n } else if (args.length === 2) {\n if (typeof args[1] === \"object\") {\n key = true;\n handler = args[0];\n options = args[1];\n } else {\n key = args[0];\n handler = args[1];\n }\n } else {\n key = true;\n handler = args[0];\n }\n const {\n target = defaultWindow,\n eventName = \"keydown\",\n passive = false,\n dedupe = false\n } = options;\n const predicate = createKeyPredicate(key);\n const listener = (e) => {\n if (e.repeat && toValue(dedupe))\n return;\n if (predicate(e))\n handler(e);\n };\n return useEventListener(target, eventName, listener, passive);\n}\n\nconst vOnKeyStroke = {\n [directiveHooks.mounted](el, binding) {\n var _a, _b;\n const keys = (_b = (_a = binding.arg) == null ? void 0 : _a.split(\",\")) != null ? _b : true;\n if (typeof binding.value === \"function\") {\n onKeyStroke(keys, binding.value, {\n target: el\n });\n } else {\n const [handler, options] = binding.value;\n onKeyStroke(keys, handler, {\n target: el,\n ...options\n });\n }\n }\n};\n\nconst DEFAULT_DELAY = 500;\nconst DEFAULT_THRESHOLD = 10;\nfunction onLongPress(target, handler, options) {\n var _a, _b;\n const elementRef = computed(() => unrefElement(target));\n let timeout;\n let posStart;\n function clear() {\n if (timeout) {\n clearTimeout(timeout);\n timeout = void 0;\n }\n posStart = void 0;\n }\n function onDown(ev) {\n var _a2, _b2, _c, _d;\n if (((_a2 = options == null ? void 0 : options.modifiers) == null ? void 0 : _a2.self) && ev.target !== elementRef.value)\n return;\n clear();\n if ((_b2 = options == null ? void 0 : options.modifiers) == null ? void 0 : _b2.prevent)\n ev.preventDefault();\n if ((_c = options == null ? void 0 : options.modifiers) == null ? void 0 : _c.stop)\n ev.stopPropagation();\n posStart = {\n x: ev.x,\n y: ev.y\n };\n timeout = setTimeout(\n () => handler(ev),\n (_d = options == null ? void 0 : options.delay) != null ? _d : DEFAULT_DELAY\n );\n }\n function onMove(ev) {\n var _a2, _b2, _c, _d;\n if (((_a2 = options == null ? void 0 : options.modifiers) == null ? void 0 : _a2.self) && ev.target !== elementRef.value)\n return;\n if (!posStart || (options == null ? void 0 : options.distanceThreshold) === false)\n return;\n if ((_b2 = options == null ? void 0 : options.modifiers) == null ? void 0 : _b2.prevent)\n ev.preventDefault();\n if ((_c = options == null ? void 0 : options.modifiers) == null ? void 0 : _c.stop)\n ev.stopPropagation();\n const dx = ev.x - posStart.x;\n const dy = ev.y - posStart.y;\n const distance = Math.sqrt(dx * dx + dy * dy);\n if (distance >= ((_d = options == null ? void 0 : options.distanceThreshold) != null ? _d : DEFAULT_THRESHOLD))\n clear();\n }\n const listenerOptions = {\n capture: (_a = options == null ? void 0 : options.modifiers) == null ? void 0 : _a.capture,\n once: (_b = options == null ? void 0 : options.modifiers) == null ? void 0 : _b.once\n };\n const cleanup = [\n useEventListener(elementRef, \"pointerdown\", onDown, listenerOptions),\n useEventListener(elementRef, \"pointermove\", onMove, listenerOptions),\n useEventListener(elementRef, [\"pointerup\", \"pointerleave\"], clear, listenerOptions)\n ];\n const stop = () => cleanup.forEach((fn) => fn());\n return stop;\n}\n\nconst OnLongPress = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"OnLongPress\",\n props: [\"as\", \"options\"],\n emits: [\"trigger\"],\n setup(props, { slots, emit }) {\n const target = ref();\n onLongPress(\n target,\n (e) => {\n emit(\"trigger\", e);\n },\n props.options\n );\n return () => {\n if (slots.default)\n return h(props.as || \"div\", { ref: target }, slots.default());\n };\n }\n});\n\nconst vOnLongPress = {\n [directiveHooks.mounted](el, binding) {\n if (typeof binding.value === \"function\")\n onLongPress(el, binding.value, { modifiers: binding.modifiers });\n else\n onLongPress(el, ...binding.value);\n }\n};\n\nconst UseActiveElement = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseActiveElement\",\n setup(props, { slots }) {\n const data = reactive({\n element: useActiveElement()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseBattery = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseBattery\",\n setup(props, { slots }) {\n const data = reactive(useBattery(props));\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseBrowserLocation = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseBrowserLocation\",\n setup(props, { slots }) {\n const data = reactive(useBrowserLocation());\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseClipboard = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseClipboard\",\n props: [\n \"source\",\n \"read\",\n \"navigator\",\n \"copiedDuring\",\n \"legacy\"\n ],\n setup(props, { slots }) {\n const data = reactive(useClipboard(props));\n return () => {\n var _a;\n return (_a = slots.default) == null ? void 0 : _a.call(slots, data);\n };\n }\n});\n\nconst _global = typeof globalThis !== \"undefined\" ? globalThis : typeof window !== \"undefined\" ? window : typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : {};\nconst globalKey = \"__vueuse_ssr_handlers__\";\nconst handlers = /* @__PURE__ */ getHandlers();\nfunction getHandlers() {\n if (!(globalKey in _global))\n _global[globalKey] = _global[globalKey] || {};\n return _global[globalKey];\n}\nfunction getSSRHandler(key, fallback) {\n return handlers[key] || fallback;\n}\n\nfunction guessSerializerType(rawInit) {\n return rawInit == null ? \"any\" : rawInit instanceof Set ? \"set\" : rawInit instanceof Map ? \"map\" : rawInit instanceof Date ? \"date\" : typeof rawInit === \"boolean\" ? \"boolean\" : typeof rawInit === \"string\" ? \"string\" : typeof rawInit === \"object\" ? \"object\" : !Number.isNaN(rawInit) ? \"number\" : \"any\";\n}\n\nconst StorageSerializers = {\n boolean: {\n read: (v) => v === \"true\",\n write: (v) => String(v)\n },\n object: {\n read: (v) => JSON.parse(v),\n write: (v) => JSON.stringify(v)\n },\n number: {\n read: (v) => Number.parseFloat(v),\n write: (v) => String(v)\n },\n any: {\n read: (v) => v,\n write: (v) => String(v)\n },\n string: {\n read: (v) => v,\n write: (v) => String(v)\n },\n map: {\n read: (v) => new Map(JSON.parse(v)),\n write: (v) => JSON.stringify(Array.from(v.entries()))\n },\n set: {\n read: (v) => new Set(JSON.parse(v)),\n write: (v) => JSON.stringify(Array.from(v))\n },\n date: {\n read: (v) => new Date(v),\n write: (v) => v.toISOString()\n }\n};\nconst customStorageEventName = \"vueuse-storage\";\nfunction useStorage(key, defaults, storage, options = {}) {\n var _a;\n const {\n flush = \"pre\",\n deep = true,\n listenToStorageChanges = true,\n writeDefaults = true,\n mergeDefaults = false,\n shallow,\n window = defaultWindow,\n eventFilter,\n onError = (e) => {\n console.error(e);\n },\n initOnMounted\n } = options;\n const data = (shallow ? shallowRef : ref)(typeof defaults === \"function\" ? defaults() : defaults);\n if (!storage) {\n try {\n storage = getSSRHandler(\"getDefaultStorage\", () => {\n var _a2;\n return (_a2 = defaultWindow) == null ? void 0 : _a2.localStorage;\n })();\n } catch (e) {\n onError(e);\n }\n }\n if (!storage)\n return data;\n const rawInit = toValue(defaults);\n const type = guessSerializerType(rawInit);\n const serializer = (_a = options.serializer) != null ? _a : StorageSerializers[type];\n const { pause: pauseWatch, resume: resumeWatch } = pausableWatch(\n data,\n () => write(data.value),\n { flush, deep, eventFilter }\n );\n if (window && listenToStorageChanges) {\n tryOnMounted(() => {\n useEventListener(window, \"storage\", update);\n useEventListener(window, customStorageEventName, updateFromCustomEvent);\n if (initOnMounted)\n update();\n });\n }\n if (!initOnMounted)\n update();\n function dispatchWriteEvent(oldValue, newValue) {\n if (window) {\n window.dispatchEvent(new CustomEvent(customStorageEventName, {\n detail: {\n key,\n oldValue,\n newValue,\n storageArea: storage\n }\n }));\n }\n }\n function write(v) {\n try {\n const oldValue = storage.getItem(key);\n if (v == null) {\n dispatchWriteEvent(oldValue, null);\n storage.removeItem(key);\n } else {\n const serialized = serializer.write(v);\n if (oldValue !== serialized) {\n storage.setItem(key, serialized);\n dispatchWriteEvent(oldValue, serialized);\n }\n }\n } catch (e) {\n onError(e);\n }\n }\n function read(event) {\n const rawValue = event ? event.newValue : storage.getItem(key);\n if (rawValue == null) {\n if (writeDefaults && rawInit != null)\n storage.setItem(key, serializer.write(rawInit));\n return rawInit;\n } else if (!event && mergeDefaults) {\n const value = serializer.read(rawValue);\n if (typeof mergeDefaults === \"function\")\n return mergeDefaults(value, rawInit);\n else if (type === \"object\" && !Array.isArray(value))\n return { ...rawInit, ...value };\n return value;\n } else if (typeof rawValue !== \"string\") {\n return rawValue;\n } else {\n return serializer.read(rawValue);\n }\n }\n function update(event) {\n if (event && event.storageArea !== storage)\n return;\n if (event && event.key == null) {\n data.value = rawInit;\n return;\n }\n if (event && event.key !== key)\n return;\n pauseWatch();\n try {\n if ((event == null ? void 0 : event.newValue) !== serializer.write(data.value))\n data.value = read(event);\n } catch (e) {\n onError(e);\n } finally {\n if (event)\n nextTick(resumeWatch);\n else\n resumeWatch();\n }\n }\n function updateFromCustomEvent(event) {\n update(event.detail);\n }\n return data;\n}\n\nfunction useMounted() {\n const isMounted = ref(false);\n const instance = getCurrentInstance();\n if (instance) {\n onMounted(() => {\n isMounted.value = true;\n }, isVue2 ? null : instance);\n }\n return isMounted;\n}\n\nfunction useSupported(callback) {\n const isMounted = useMounted();\n return computed(() => {\n isMounted.value;\n return Boolean(callback());\n });\n}\n\nfunction useMediaQuery(query, options = {}) {\n const { window = defaultWindow } = options;\n const isSupported = useSupported(() => window && \"matchMedia\" in window && typeof window.matchMedia === \"function\");\n let mediaQuery;\n const matches = ref(false);\n const handler = (event) => {\n matches.value = event.matches;\n };\n const cleanup = () => {\n if (!mediaQuery)\n return;\n if (\"removeEventListener\" in mediaQuery)\n mediaQuery.removeEventListener(\"change\", handler);\n else\n mediaQuery.removeListener(handler);\n };\n const stopWatch = watchEffect(() => {\n if (!isSupported.value)\n return;\n cleanup();\n mediaQuery = window.matchMedia(toValue(query));\n if (\"addEventListener\" in mediaQuery)\n mediaQuery.addEventListener(\"change\", handler);\n else\n mediaQuery.addListener(handler);\n matches.value = mediaQuery.matches;\n });\n tryOnScopeDispose(() => {\n stopWatch();\n cleanup();\n mediaQuery = void 0;\n });\n return matches;\n}\n\nfunction usePreferredDark(options) {\n return useMediaQuery(\"(prefers-color-scheme: dark)\", options);\n}\n\nfunction useColorMode(options = {}) {\n const {\n selector = \"html\",\n attribute = \"class\",\n initialValue = \"auto\",\n window = defaultWindow,\n storage,\n storageKey = \"vueuse-color-scheme\",\n listenToStorageChanges = true,\n storageRef,\n emitAuto,\n disableTransition = true\n } = options;\n const modes = {\n auto: \"\",\n light: \"light\",\n dark: \"dark\",\n ...options.modes || {}\n };\n const preferredDark = usePreferredDark({ window });\n const system = computed(() => preferredDark.value ? \"dark\" : \"light\");\n const store = storageRef || (storageKey == null ? toRef(initialValue) : useStorage(storageKey, initialValue, storage, { window, listenToStorageChanges }));\n const state = computed(() => store.value === \"auto\" ? system.value : store.value);\n const updateHTMLAttrs = getSSRHandler(\n \"updateHTMLAttrs\",\n (selector2, attribute2, value) => {\n const el = typeof selector2 === \"string\" ? window == null ? void 0 : window.document.querySelector(selector2) : unrefElement(selector2);\n if (!el)\n return;\n let style;\n if (disableTransition) {\n style = window.document.createElement(\"style\");\n const styleString = \"*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}\";\n style.appendChild(document.createTextNode(styleString));\n window.document.head.appendChild(style);\n }\n if (attribute2 === \"class\") {\n const current = value.split(/\\s/g);\n Object.values(modes).flatMap((i) => (i || \"\").split(/\\s/g)).filter(Boolean).forEach((v) => {\n if (current.includes(v))\n el.classList.add(v);\n else\n el.classList.remove(v);\n });\n } else {\n el.setAttribute(attribute2, value);\n }\n if (disableTransition) {\n window.getComputedStyle(style).opacity;\n document.head.removeChild(style);\n }\n }\n );\n function defaultOnChanged(mode) {\n var _a;\n updateHTMLAttrs(selector, attribute, (_a = modes[mode]) != null ? _a : mode);\n }\n function onChanged(mode) {\n if (options.onChanged)\n options.onChanged(mode, defaultOnChanged);\n else\n defaultOnChanged(mode);\n }\n watch(state, onChanged, { flush: \"post\", immediate: true });\n tryOnMounted(() => onChanged(state.value));\n const auto = computed({\n get() {\n return emitAuto ? store.value : state.value;\n },\n set(v) {\n store.value = v;\n }\n });\n try {\n return Object.assign(auto, { store, system, state });\n } catch (e) {\n return auto;\n }\n}\n\nconst UseColorMode = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseColorMode\",\n props: [\"selector\", \"attribute\", \"modes\", \"onChanged\", \"storageKey\", \"storage\", \"emitAuto\"],\n setup(props, { slots }) {\n const mode = useColorMode(props);\n const data = reactive({\n mode,\n system: mode.system,\n store: mode.store\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseDark = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseDark\",\n props: [\"selector\", \"attribute\", \"valueDark\", \"valueLight\", \"onChanged\", \"storageKey\", \"storage\"],\n setup(props, { slots }) {\n const isDark = useDark(props);\n const data = reactive({\n isDark,\n toggleDark: useToggle(isDark)\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseDeviceMotion = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseDeviceMotion\",\n setup(props, { slots }) {\n const data = reactive(useDeviceMotion());\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseDeviceOrientation = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseDeviceOrientation\",\n setup(props, { slots }) {\n const data = reactive(useDeviceOrientation());\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseDevicePixelRatio = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseDevicePixelRatio\",\n setup(props, { slots }) {\n const data = reactive({\n pixelRatio: useDevicePixelRatio()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseDevicesList = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseDevicesList\",\n props: [\"onUpdated\", \"requestPermissions\", \"constraints\"],\n setup(props, { slots }) {\n const data = reactive(useDevicesList(props));\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseDocumentVisibility = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseDocumentVisibility\",\n setup(props, { slots }) {\n const data = reactive({\n visibility: useDocumentVisibility()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseDraggable = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseDraggable\",\n props: [\n \"storageKey\",\n \"storageType\",\n \"initialValue\",\n \"exact\",\n \"preventDefault\",\n \"stopPropagation\",\n \"pointerTypes\",\n \"as\",\n \"handle\",\n \"axis\",\n \"onStart\",\n \"onMove\",\n \"onEnd\",\n \"disabled\"\n ],\n setup(props, { slots }) {\n const target = ref();\n const handle = computed(() => {\n var _a;\n return (_a = props.handle) != null ? _a : target.value;\n });\n const disabled = computed(() => !!props.disabled);\n const storageValue = props.storageKey && useStorage$1(\n props.storageKey,\n toValue(props.initialValue) || { x: 0, y: 0 },\n isClient$1 ? props.storageType === \"session\" ? sessionStorage : localStorage : void 0\n );\n const initialValue = storageValue || props.initialValue || { x: 0, y: 0 };\n const onEnd = (position, event) => {\n var _a;\n (_a = props.onEnd) == null ? void 0 : _a.call(props, position, event);\n if (!storageValue)\n return;\n storageValue.value.x = position.x;\n storageValue.value.y = position.y;\n };\n const data = reactive(useDraggable(target, {\n ...props,\n handle,\n initialValue,\n onEnd,\n disabled\n }));\n return () => {\n if (slots.default)\n return h(props.as || \"div\", { ref: target, style: `touch-action:none;${data.style}` }, slots.default(data));\n };\n }\n});\n\nconst UseElementBounding = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseElementBounding\",\n props: [\"box\", \"as\"],\n setup(props, { slots }) {\n const target = ref();\n const data = reactive(useElementBounding(target));\n return () => {\n if (slots.default)\n return h(props.as || \"div\", { ref: target }, slots.default(data));\n };\n }\n});\n\nfunction useElementHover(el, options = {}) {\n const {\n delayEnter = 0,\n delayLeave = 0,\n window = defaultWindow\n } = options;\n const isHovered = ref(false);\n let timer;\n const toggle = (entering) => {\n const delay = entering ? delayEnter : delayLeave;\n if (timer) {\n clearTimeout(timer);\n timer = void 0;\n }\n if (delay)\n timer = setTimeout(() => isHovered.value = entering, delay);\n else\n isHovered.value = entering;\n };\n if (!window)\n return isHovered;\n useEventListener(el, \"mouseenter\", () => toggle(true), { passive: true });\n useEventListener(el, \"mouseleave\", () => toggle(false), { passive: true });\n return isHovered;\n}\n\nconst vElementHover = {\n [directiveHooks.mounted](el, binding) {\n if (typeof binding.value === \"function\") {\n const isHovered = useElementHover(el);\n watch(isHovered, (v) => binding.value(v));\n }\n }\n};\n\nconst UseElementSize = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseElementSize\",\n props: [\"width\", \"height\", \"box\", \"as\"],\n setup(props, { slots }) {\n const target = ref();\n const data = reactive(useElementSize$1(target, { width: props.width, height: props.height }, { box: props.box }));\n return () => {\n if (slots.default)\n return h(props.as || \"div\", { ref: target }, slots.default(data));\n };\n }\n});\n\nfunction useResizeObserver(target, callback, options = {}) {\n const { window = defaultWindow, ...observerOptions } = options;\n let observer;\n const isSupported = useSupported(() => window && \"ResizeObserver\" in window);\n const cleanup = () => {\n if (observer) {\n observer.disconnect();\n observer = void 0;\n }\n };\n const targets = computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);\n const stopWatch = watch(\n targets,\n (els) => {\n cleanup();\n if (isSupported.value && window) {\n observer = new ResizeObserver(callback);\n for (const _el of els)\n _el && observer.observe(_el, observerOptions);\n }\n },\n { immediate: true, flush: \"post\" }\n );\n const stop = () => {\n cleanup();\n stopWatch();\n };\n tryOnScopeDispose(stop);\n return {\n isSupported,\n stop\n };\n}\n\nfunction useElementSize(target, initialSize = { width: 0, height: 0 }, options = {}) {\n const { window = defaultWindow, box = \"content-box\" } = options;\n const isSVG = computed(() => {\n var _a, _b;\n return (_b = (_a = unrefElement(target)) == null ? void 0 : _a.namespaceURI) == null ? void 0 : _b.includes(\"svg\");\n });\n const width = ref(initialSize.width);\n const height = ref(initialSize.height);\n const { stop: stop1 } = useResizeObserver(\n target,\n ([entry]) => {\n const boxSize = box === \"border-box\" ? entry.borderBoxSize : box === \"content-box\" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;\n if (window && isSVG.value) {\n const $elem = unrefElement(target);\n if ($elem) {\n const styles = window.getComputedStyle($elem);\n width.value = Number.parseFloat(styles.width);\n height.value = Number.parseFloat(styles.height);\n }\n } else {\n if (boxSize) {\n const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];\n width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);\n height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);\n } else {\n width.value = entry.contentRect.width;\n height.value = entry.contentRect.height;\n }\n }\n },\n options\n );\n tryOnMounted(() => {\n const ele = unrefElement(target);\n if (ele) {\n width.value = \"offsetWidth\" in ele ? ele.offsetWidth : initialSize.width;\n height.value = \"offsetHeight\" in ele ? ele.offsetHeight : initialSize.height;\n }\n });\n const stop2 = watch(\n () => unrefElement(target),\n (ele) => {\n width.value = ele ? initialSize.width : 0;\n height.value = ele ? initialSize.height : 0;\n }\n );\n function stop() {\n stop1();\n stop2();\n }\n return {\n width,\n height,\n stop\n };\n}\n\nconst vElementSize = {\n [directiveHooks.mounted](el, binding) {\n var _a;\n const handler = typeof binding.value === \"function\" ? binding.value : (_a = binding.value) == null ? void 0 : _a[0];\n const options = typeof binding.value === \"function\" ? [] : binding.value.slice(1);\n const { width, height } = useElementSize(el, ...options);\n watch([width, height], ([width2, height2]) => handler({ width: width2, height: height2 }));\n }\n};\n\nconst UseElementVisibility = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseElementVisibility\",\n props: [\"as\"],\n setup(props, { slots }) {\n const target = ref();\n const data = reactive({\n isVisible: useElementVisibility$1(target)\n });\n return () => {\n if (slots.default)\n return h(props.as || \"div\", { ref: target }, slots.default(data));\n };\n }\n});\n\nfunction useIntersectionObserver(target, callback, options = {}) {\n const {\n root,\n rootMargin = \"0px\",\n threshold = 0.1,\n window = defaultWindow,\n immediate = true\n } = options;\n const isSupported = useSupported(() => window && \"IntersectionObserver\" in window);\n const targets = computed(() => {\n const _target = toValue(target);\n return (Array.isArray(_target) ? _target : [_target]).map(unrefElement).filter(notNullish);\n });\n let cleanup = noop;\n const isActive = ref(immediate);\n const stopWatch = isSupported.value ? watch(\n () => [targets.value, unrefElement(root), isActive.value],\n ([targets2, root2]) => {\n cleanup();\n if (!isActive.value)\n return;\n if (!targets2.length)\n return;\n const observer = new IntersectionObserver(\n callback,\n {\n root: unrefElement(root2),\n rootMargin,\n threshold\n }\n );\n targets2.forEach((el) => el && observer.observe(el));\n cleanup = () => {\n observer.disconnect();\n cleanup = noop;\n };\n },\n { immediate, flush: \"post\" }\n ) : noop;\n const stop = () => {\n cleanup();\n stopWatch();\n isActive.value = false;\n };\n tryOnScopeDispose(stop);\n return {\n isSupported,\n isActive,\n pause() {\n cleanup();\n isActive.value = false;\n },\n resume() {\n isActive.value = true;\n },\n stop\n };\n}\n\nfunction useElementVisibility(element, options = {}) {\n const { window = defaultWindow, scrollTarget, threshold = 0 } = options;\n const elementIsVisible = ref(false);\n useIntersectionObserver(\n element,\n (intersectionObserverEntries) => {\n let isIntersecting = elementIsVisible.value;\n let latestTime = 0;\n for (const entry of intersectionObserverEntries) {\n if (entry.time >= latestTime) {\n latestTime = entry.time;\n isIntersecting = entry.isIntersecting;\n }\n }\n elementIsVisible.value = isIntersecting;\n },\n {\n root: scrollTarget,\n window,\n threshold\n }\n );\n return elementIsVisible;\n}\n\nconst vElementVisibility = {\n [directiveHooks.mounted](el, binding) {\n if (typeof binding.value === \"function\") {\n const handler = binding.value;\n const isVisible = useElementVisibility(el);\n watch(isVisible, (v) => handler(v), { immediate: true });\n } else {\n const [handler, options] = binding.value;\n const isVisible = useElementVisibility(el, options);\n watch(isVisible, (v) => handler(v), { immediate: true });\n }\n }\n};\n\nconst UseEyeDropper = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseEyeDropper\",\n props: {\n sRGBHex: String\n },\n setup(props, { slots }) {\n const data = reactive(useEyeDropper());\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseFullscreen = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseFullscreen\",\n props: [\"as\"],\n setup(props, { slots }) {\n const target = ref();\n const data = reactive(useFullscreen(target));\n return () => {\n if (slots.default)\n return h(props.as || \"div\", { ref: target }, slots.default(data));\n };\n }\n});\n\nconst UseGeolocation = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseGeolocation\",\n props: [\"enableHighAccuracy\", \"maximumAge\", \"timeout\", \"navigator\"],\n setup(props, { slots }) {\n const data = reactive(useGeolocation(props));\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseIdle = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseIdle\",\n props: [\"timeout\", \"events\", \"listenForVisibilityChange\", \"initialState\"],\n setup(props, { slots }) {\n const data = reactive(useIdle(props.timeout, props));\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nfunction useAsyncState(promise, initialState, options) {\n const {\n immediate = true,\n delay = 0,\n onError = noop,\n onSuccess = noop,\n resetOnExecute = true,\n shallow = true,\n throwError\n } = options != null ? options : {};\n const state = shallow ? shallowRef(initialState) : ref(initialState);\n const isReady = ref(false);\n const isLoading = ref(false);\n const error = shallowRef(void 0);\n async function execute(delay2 = 0, ...args) {\n if (resetOnExecute)\n state.value = initialState;\n error.value = void 0;\n isReady.value = false;\n isLoading.value = true;\n if (delay2 > 0)\n await promiseTimeout(delay2);\n const _promise = typeof promise === \"function\" ? promise(...args) : promise;\n try {\n const data = await _promise;\n state.value = data;\n isReady.value = true;\n onSuccess(data);\n } catch (e) {\n error.value = e;\n onError(e);\n if (throwError)\n throw e;\n } finally {\n isLoading.value = false;\n }\n return state.value;\n }\n if (immediate)\n execute(delay);\n const shell = {\n state,\n isReady,\n isLoading,\n error,\n execute\n };\n function waitUntilIsLoaded() {\n return new Promise((resolve, reject) => {\n until(isLoading).toBe(false).then(() => resolve(shell)).catch(reject);\n });\n }\n return {\n ...shell,\n then(onFulfilled, onRejected) {\n return waitUntilIsLoaded().then(onFulfilled, onRejected);\n }\n };\n}\n\nasync function loadImage(options) {\n return new Promise((resolve, reject) => {\n const img = new Image();\n const { src, srcset, sizes, class: clazz, loading, crossorigin, referrerPolicy } = options;\n img.src = src;\n if (srcset)\n img.srcset = srcset;\n if (sizes)\n img.sizes = sizes;\n if (clazz)\n img.className = clazz;\n if (loading)\n img.loading = loading;\n if (crossorigin)\n img.crossOrigin = crossorigin;\n if (referrerPolicy)\n img.referrerPolicy = referrerPolicy;\n img.onload = () => resolve(img);\n img.onerror = reject;\n });\n}\nfunction useImage(options, asyncStateOptions = {}) {\n const state = useAsyncState(\n () => loadImage(toValue(options)),\n void 0,\n {\n resetOnExecute: true,\n ...asyncStateOptions\n }\n );\n watch(\n () => toValue(options),\n () => state.execute(asyncStateOptions.delay),\n { deep: true }\n );\n return state;\n}\n\nconst UseImage = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseImage\",\n props: [\n \"src\",\n \"srcset\",\n \"sizes\",\n \"as\",\n \"alt\",\n \"class\",\n \"loading\",\n \"crossorigin\",\n \"referrerPolicy\"\n ],\n setup(props, { slots }) {\n const data = reactive(useImage(props));\n return () => {\n if (data.isLoading && slots.loading)\n return slots.loading(data);\n else if (data.error && slots.error)\n return slots.error(data.error);\n if (slots.default)\n return slots.default(data);\n return h(props.as || \"img\", props);\n };\n }\n});\n\nconst ARRIVED_STATE_THRESHOLD_PIXELS = 1;\nfunction useScroll(element, options = {}) {\n const {\n throttle = 0,\n idle = 200,\n onStop = noop,\n onScroll = noop,\n offset = {\n left: 0,\n right: 0,\n top: 0,\n bottom: 0\n },\n eventListenerOptions = {\n capture: false,\n passive: true\n },\n behavior = \"auto\",\n window = defaultWindow,\n onError = (e) => {\n console.error(e);\n }\n } = options;\n const internalX = ref(0);\n const internalY = ref(0);\n const x = computed({\n get() {\n return internalX.value;\n },\n set(x2) {\n scrollTo(x2, void 0);\n }\n });\n const y = computed({\n get() {\n return internalY.value;\n },\n set(y2) {\n scrollTo(void 0, y2);\n }\n });\n function scrollTo(_x, _y) {\n var _a, _b, _c;\n if (!window)\n return;\n const _element = toValue(element);\n if (!_element)\n return;\n (_c = _element instanceof Document ? window.document.body : _element) == null ? void 0 : _c.scrollTo({\n top: (_a = toValue(_y)) != null ? _a : y.value,\n left: (_b = toValue(_x)) != null ? _b : x.value,\n behavior: toValue(behavior)\n });\n }\n const isScrolling = ref(false);\n const arrivedState = reactive({\n left: true,\n right: false,\n top: true,\n bottom: false\n });\n const directions = reactive({\n left: false,\n right: false,\n top: false,\n bottom: false\n });\n const onScrollEnd = (e) => {\n if (!isScrolling.value)\n return;\n isScrolling.value = false;\n directions.left = false;\n directions.right = false;\n directions.top = false;\n directions.bottom = false;\n onStop(e);\n };\n const onScrollEndDebounced = useDebounceFn(onScrollEnd, throttle + idle);\n const setArrivedState = (target) => {\n var _a;\n if (!window)\n return;\n const el = ((_a = target == null ? void 0 : target.document) == null ? void 0 : _a.documentElement) || (target == null ? void 0 : target.documentElement) || unrefElement(target);\n const { display, flexDirection } = getComputedStyle(el);\n const scrollLeft = el.scrollLeft;\n directions.left = scrollLeft < internalX.value;\n directions.right = scrollLeft > internalX.value;\n const left = Math.abs(scrollLeft) <= (offset.left || 0);\n const right = Math.abs(scrollLeft) + el.clientWidth >= el.scrollWidth - (offset.right || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n if (display === \"flex\" && flexDirection === \"row-reverse\") {\n arrivedState.left = right;\n arrivedState.right = left;\n } else {\n arrivedState.left = left;\n arrivedState.right = right;\n }\n internalX.value = scrollLeft;\n let scrollTop = el.scrollTop;\n if (target === window.document && !scrollTop)\n scrollTop = window.document.body.scrollTop;\n directions.top = scrollTop < internalY.value;\n directions.bottom = scrollTop > internalY.value;\n const top = Math.abs(scrollTop) <= (offset.top || 0);\n const bottom = Math.abs(scrollTop) + el.clientHeight >= el.scrollHeight - (offset.bottom || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n if (display === \"flex\" && flexDirection === \"column-reverse\") {\n arrivedState.top = bottom;\n arrivedState.bottom = top;\n } else {\n arrivedState.top = top;\n arrivedState.bottom = bottom;\n }\n internalY.value = scrollTop;\n };\n const onScrollHandler = (e) => {\n var _a;\n if (!window)\n return;\n const eventTarget = (_a = e.target.documentElement) != null ? _a : e.target;\n setArrivedState(eventTarget);\n isScrolling.value = true;\n onScrollEndDebounced(e);\n onScroll(e);\n };\n useEventListener(\n element,\n \"scroll\",\n throttle ? useThrottleFn(onScrollHandler, throttle, true, false) : onScrollHandler,\n eventListenerOptions\n );\n tryOnMounted(() => {\n try {\n const _element = toValue(element);\n if (!_element)\n return;\n setArrivedState(_element);\n } catch (e) {\n onError(e);\n }\n });\n useEventListener(\n element,\n \"scrollend\",\n onScrollEnd,\n eventListenerOptions\n );\n return {\n x,\n y,\n isScrolling,\n arrivedState,\n directions,\n measure() {\n const _element = toValue(element);\n if (window && _element)\n setArrivedState(_element);\n }\n };\n}\n\nfunction resolveElement(el) {\n if (typeof Window !== \"undefined\" && el instanceof Window)\n return el.document.documentElement;\n if (typeof Document !== \"undefined\" && el instanceof Document)\n return el.documentElement;\n return el;\n}\n\nfunction useInfiniteScroll(element, onLoadMore, options = {}) {\n var _a;\n const {\n direction = \"bottom\",\n interval = 100,\n canLoadMore = () => true\n } = options;\n const state = reactive(useScroll(\n element,\n {\n ...options,\n offset: {\n [direction]: (_a = options.distance) != null ? _a : 0,\n ...options.offset\n }\n }\n ));\n const promise = ref();\n const isLoading = computed(() => !!promise.value);\n const observedElement = computed(() => {\n return resolveElement(toValue(element));\n });\n const isElementVisible = useElementVisibility(observedElement);\n function checkAndLoad() {\n state.measure();\n if (!observedElement.value || !isElementVisible.value || !canLoadMore(observedElement.value))\n return;\n const { scrollHeight, clientHeight, scrollWidth, clientWidth } = observedElement.value;\n const isNarrower = direction === \"bottom\" || direction === \"top\" ? scrollHeight <= clientHeight : scrollWidth <= clientWidth;\n if (state.arrivedState[direction] || isNarrower) {\n if (!promise.value) {\n promise.value = Promise.all([\n onLoadMore(state),\n new Promise((resolve) => setTimeout(resolve, interval))\n ]).finally(() => {\n promise.value = null;\n nextTick(() => checkAndLoad());\n });\n }\n }\n }\n watch(\n () => [state.arrivedState[direction], isElementVisible.value],\n checkAndLoad,\n { immediate: true }\n );\n return {\n isLoading\n };\n}\n\nconst vInfiniteScroll = {\n [directiveHooks.mounted](el, binding) {\n if (typeof binding.value === \"function\")\n useInfiniteScroll(el, binding.value);\n else\n useInfiniteScroll(el, ...binding.value);\n }\n};\n\nconst vIntersectionObserver = {\n [directiveHooks.mounted](el, binding) {\n if (typeof binding.value === \"function\")\n useIntersectionObserver(el, binding.value);\n else\n useIntersectionObserver(el, ...binding.value);\n }\n};\n\nconst UseMouse = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseMouse\",\n props: [\"touch\", \"resetOnTouchEnds\", \"initialValue\"],\n setup(props, { slots }) {\n const data = reactive(useMouse(props));\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseMouseInElement = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseMouseElement\",\n props: [\"handleOutside\", \"as\"],\n setup(props, { slots }) {\n const target = ref();\n const data = reactive(useMouseInElement(target, props));\n return () => {\n if (slots.default)\n return h(props.as || \"div\", { ref: target }, slots.default(data));\n };\n }\n});\n\nconst UseMousePressed = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseMousePressed\",\n props: [\"touch\", \"initialValue\", \"as\"],\n setup(props, { slots }) {\n const target = ref();\n const data = reactive(useMousePressed({ ...props, target }));\n return () => {\n if (slots.default)\n return h(props.as || \"div\", { ref: target }, slots.default(data));\n };\n }\n});\n\nconst UseNetwork = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseNetwork\",\n setup(props, { slots }) {\n const data = reactive(useNetwork());\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseNow = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseNow\",\n props: [\"interval\"],\n setup(props, { slots }) {\n const data = reactive(useNow({ ...props, controls: true }));\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseObjectUrl = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseObjectUrl\",\n props: [\n \"object\"\n ],\n setup(props, { slots }) {\n const object = toRef(props, \"object\");\n const url = useObjectUrl(object);\n return () => {\n if (slots.default && url.value)\n return slots.default(url);\n };\n }\n});\n\nconst UseOffsetPagination = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseOffsetPagination\",\n props: [\n \"total\",\n \"page\",\n \"pageSize\",\n \"onPageChange\",\n \"onPageSizeChange\",\n \"onPageCountChange\"\n ],\n emits: [\n \"page-change\",\n \"page-size-change\",\n \"page-count-change\"\n ],\n setup(props, { slots, emit }) {\n const data = reactive(useOffsetPagination({\n ...props,\n onPageChange(...args) {\n var _a;\n (_a = props.onPageChange) == null ? void 0 : _a.call(props, ...args);\n emit(\"page-change\", ...args);\n },\n onPageSizeChange(...args) {\n var _a;\n (_a = props.onPageSizeChange) == null ? void 0 : _a.call(props, ...args);\n emit(\"page-size-change\", ...args);\n },\n onPageCountChange(...args) {\n var _a;\n (_a = props.onPageCountChange) == null ? void 0 : _a.call(props, ...args);\n emit(\"page-count-change\", ...args);\n }\n }));\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseOnline = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseOnline\",\n setup(props, { slots }) {\n const data = reactive({\n isOnline: useOnline()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UsePageLeave = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UsePageLeave\",\n setup(props, { slots }) {\n const data = reactive({\n isLeft: usePageLeave()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UsePointer = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UsePointer\",\n props: [\n \"pointerTypes\",\n \"initialValue\",\n \"target\"\n ],\n setup(props, { slots }) {\n const el = ref(null);\n const data = reactive(usePointer({\n ...props,\n target: props.target === \"self\" ? el : defaultWindow\n }));\n return () => {\n if (slots.default)\n return slots.default(data, { ref: el });\n };\n }\n});\n\nconst UsePointerLock = /* #__PURE__ */ defineComponent({\n name: \"UsePointerLock\",\n props: [\"as\"],\n setup(props, { slots }) {\n const target = ref();\n const data = reactive(usePointerLock(target));\n return () => {\n if (slots.default)\n return h(props.as || \"div\", { ref: target }, slots.default(data));\n };\n }\n});\n\nconst UsePreferredColorScheme = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UsePreferredColorScheme\",\n setup(props, { slots }) {\n const data = reactive({\n colorScheme: usePreferredColorScheme()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UsePreferredContrast = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UsePreferredContrast\",\n setup(props, { slots }) {\n const data = reactive({\n contrast: usePreferredContrast()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UsePreferredDark = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UsePreferredDark\",\n setup(props, { slots }) {\n const data = reactive({\n prefersDark: usePreferredDark$1()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UsePreferredLanguages = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UsePreferredLanguages\",\n setup(props, { slots }) {\n const data = reactive({\n languages: usePreferredLanguages()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UsePreferredReducedMotion = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UsePreferredReducedMotion\",\n setup(props, { slots }) {\n const data = reactive({\n motion: usePreferredReducedMotion()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nfunction useMutationObserver(target, callback, options = {}) {\n const { window = defaultWindow, ...mutationOptions } = options;\n let observer;\n const isSupported = useSupported(() => window && \"MutationObserver\" in window);\n const cleanup = () => {\n if (observer) {\n observer.disconnect();\n observer = void 0;\n }\n };\n const targets = computed(() => {\n const value = toValue(target);\n const items = (Array.isArray(value) ? value : [value]).map(unrefElement).filter(notNullish);\n return new Set(items);\n });\n const stopWatch = watch(\n () => targets.value,\n (targets2) => {\n cleanup();\n if (isSupported.value && window && targets2.size) {\n observer = new MutationObserver(callback);\n targets2.forEach((el) => observer.observe(el, mutationOptions));\n }\n },\n { immediate: true, flush: \"post\" }\n );\n const takeRecords = () => {\n return observer == null ? void 0 : observer.takeRecords();\n };\n const stop = () => {\n cleanup();\n stopWatch();\n };\n tryOnScopeDispose(stop);\n return {\n isSupported,\n stop,\n takeRecords\n };\n}\n\nfunction useCssVar(prop, target, options = {}) {\n const { window = defaultWindow, initialValue = \"\", observe = false } = options;\n const variable = ref(initialValue);\n const elRef = computed(() => {\n var _a;\n return unrefElement(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);\n });\n function updateCssVar() {\n var _a;\n const key = toValue(prop);\n const el = toValue(elRef);\n if (el && window) {\n const value = (_a = window.getComputedStyle(el).getPropertyValue(key)) == null ? void 0 : _a.trim();\n variable.value = value || initialValue;\n }\n }\n if (observe) {\n useMutationObserver(elRef, updateCssVar, {\n attributeFilter: [\"style\", \"class\"],\n window\n });\n }\n watch(\n [elRef, () => toValue(prop)],\n updateCssVar,\n { immediate: true }\n );\n watch(\n variable,\n (val) => {\n var _a;\n if ((_a = elRef.value) == null ? void 0 : _a.style)\n elRef.value.style.setProperty(toValue(prop), val);\n }\n );\n return variable;\n}\n\nconst topVarName = \"--vueuse-safe-area-top\";\nconst rightVarName = \"--vueuse-safe-area-right\";\nconst bottomVarName = \"--vueuse-safe-area-bottom\";\nconst leftVarName = \"--vueuse-safe-area-left\";\nfunction useScreenSafeArea() {\n const top = ref(\"\");\n const right = ref(\"\");\n const bottom = ref(\"\");\n const left = ref(\"\");\n if (isClient) {\n const topCssVar = useCssVar(topVarName);\n const rightCssVar = useCssVar(rightVarName);\n const bottomCssVar = useCssVar(bottomVarName);\n const leftCssVar = useCssVar(leftVarName);\n topCssVar.value = \"env(safe-area-inset-top, 0px)\";\n rightCssVar.value = \"env(safe-area-inset-right, 0px)\";\n bottomCssVar.value = \"env(safe-area-inset-bottom, 0px)\";\n leftCssVar.value = \"env(safe-area-inset-left, 0px)\";\n update();\n useEventListener(\"resize\", useDebounceFn(update));\n }\n function update() {\n top.value = getValue(topVarName);\n right.value = getValue(rightVarName);\n bottom.value = getValue(bottomVarName);\n left.value = getValue(leftVarName);\n }\n return {\n top,\n right,\n bottom,\n left,\n update\n };\n}\nfunction getValue(position) {\n return getComputedStyle(document.documentElement).getPropertyValue(position);\n}\n\nconst UseScreenSafeArea = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseScreenSafeArea\",\n props: {\n top: Boolean,\n right: Boolean,\n bottom: Boolean,\n left: Boolean\n },\n setup(props, { slots }) {\n const {\n top,\n right,\n bottom,\n left\n } = useScreenSafeArea();\n return () => {\n if (slots.default) {\n return h(\"div\", {\n style: {\n paddingTop: props.top ? top.value : \"\",\n paddingRight: props.right ? right.value : \"\",\n paddingBottom: props.bottom ? bottom.value : \"\",\n paddingLeft: props.left ? left.value : \"\",\n boxSizing: \"border-box\",\n maxHeight: \"100vh\",\n maxWidth: \"100vw\",\n overflow: \"auto\"\n }\n }, slots.default());\n }\n };\n }\n});\n\nconst vScroll = {\n [directiveHooks.mounted](el, binding) {\n if (typeof binding.value === \"function\") {\n const handler = binding.value;\n const state = useScroll(el, {\n onScroll() {\n handler(state);\n },\n onStop() {\n handler(state);\n }\n });\n } else {\n const [handler, options] = binding.value;\n const state = useScroll(el, {\n ...options,\n onScroll(e) {\n var _a;\n (_a = options.onScroll) == null ? void 0 : _a.call(options, e);\n handler(state);\n },\n onStop(e) {\n var _a;\n (_a = options.onStop) == null ? void 0 : _a.call(options, e);\n handler(state);\n }\n });\n }\n }\n};\n\nfunction checkOverflowScroll(ele) {\n const style = window.getComputedStyle(ele);\n if (style.overflowX === \"scroll\" || style.overflowY === \"scroll\" || style.overflowX === \"auto\" && ele.clientWidth < ele.scrollWidth || style.overflowY === \"auto\" && ele.clientHeight < ele.scrollHeight) {\n return true;\n } else {\n const parent = ele.parentNode;\n if (!parent || parent.tagName === \"BODY\")\n return false;\n return checkOverflowScroll(parent);\n }\n}\nfunction preventDefault(rawEvent) {\n const e = rawEvent || window.event;\n const _target = e.target;\n if (checkOverflowScroll(_target))\n return false;\n if (e.touches.length > 1)\n return true;\n if (e.preventDefault)\n e.preventDefault();\n return false;\n}\nconst elInitialOverflow = /* @__PURE__ */ new WeakMap();\nfunction useScrollLock(element, initialState = false) {\n const isLocked = ref(initialState);\n let stopTouchMoveListener = null;\n watch(toRef(element), (el) => {\n const target = resolveElement(toValue(el));\n if (target) {\n const ele = target;\n if (!elInitialOverflow.get(ele))\n elInitialOverflow.set(ele, ele.style.overflow);\n if (isLocked.value)\n ele.style.overflow = \"hidden\";\n }\n }, {\n immediate: true\n });\n const lock = () => {\n const el = resolveElement(toValue(element));\n if (!el || isLocked.value)\n return;\n if (isIOS) {\n stopTouchMoveListener = useEventListener(\n el,\n \"touchmove\",\n (e) => {\n preventDefault(e);\n },\n { passive: false }\n );\n }\n el.style.overflow = \"hidden\";\n isLocked.value = true;\n };\n const unlock = () => {\n var _a;\n const el = resolveElement(toValue(element));\n if (!el || !isLocked.value)\n return;\n isIOS && (stopTouchMoveListener == null ? void 0 : stopTouchMoveListener());\n el.style.overflow = (_a = elInitialOverflow.get(el)) != null ? _a : \"\";\n elInitialOverflow.delete(el);\n isLocked.value = false;\n };\n tryOnScopeDispose(unlock);\n return computed({\n get() {\n return isLocked.value;\n },\n set(v) {\n if (v)\n lock();\n else\n unlock();\n }\n });\n}\n\nfunction onScrollLock() {\n let isMounted = false;\n const state = ref(false);\n return (el, binding) => {\n state.value = binding.value;\n if (isMounted)\n return;\n isMounted = true;\n const isLocked = useScrollLock(el, binding.value);\n watch(state, (v) => isLocked.value = v);\n };\n}\nconst vScrollLock = onScrollLock();\n\nconst UseTimeAgo = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseTimeAgo\",\n props: [\"time\", \"updateInterval\", \"max\", \"fullDateFormatter\", \"messages\", \"showSecond\"],\n setup(props, { slots }) {\n const data = reactive(useTimeAgo(() => props.time, { ...props, controls: true }));\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseTimestamp = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseTimestamp\",\n props: [\"immediate\", \"interval\", \"offset\"],\n setup(props, { slots }) {\n const data = reactive(useTimestamp({ ...props, controls: true }));\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseVirtualList = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseVirtualList\",\n props: [\n \"list\",\n \"options\",\n \"height\"\n ],\n setup(props, { slots, expose }) {\n const { list: listRef } = toRefs(props);\n const { list, containerProps, wrapperProps, scrollTo } = useVirtualList(listRef, props.options);\n expose({ scrollTo });\n if (containerProps.style && typeof containerProps.style === \"object\" && !Array.isArray(containerProps.style))\n containerProps.style.height = props.height || \"300px\";\n return () => h(\"div\", { ...containerProps }, [\n h(\"div\", { ...wrapperProps.value }, list.value.map((item) => h(\"div\", { style: { overflow: \"hidden\", height: item.height } }, slots.default ? slots.default(item) : \"Please set content!\")))\n ]);\n }\n});\n\nconst UseWindowFocus = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseWindowFocus\",\n setup(props, { slots }) {\n const data = reactive({\n focused: useWindowFocus()\n });\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nconst UseWindowSize = /* @__PURE__ */ /* #__PURE__ */ defineComponent({\n name: \"UseWindowSize\",\n props: [\"initialWidth\", \"initialHeight\"],\n setup(props, { slots }) {\n const data = reactive(useWindowSize(props));\n return () => {\n if (slots.default)\n return slots.default(data);\n };\n }\n});\n\nexport { OnClickOutside, OnLongPress, UseActiveElement, UseBattery, UseBrowserLocation, UseClipboard, UseColorMode, UseDark, UseDeviceMotion, UseDeviceOrientation, UseDevicePixelRatio, UseDevicesList, UseDocumentVisibility, UseDraggable, UseElementBounding, UseElementSize, UseElementVisibility, UseEyeDropper, UseFullscreen, UseGeolocation, UseIdle, UseImage, UseMouse, UseMouseInElement, UseMousePressed, UseNetwork, UseNow, UseObjectUrl, UseOffsetPagination, UseOnline, UsePageLeave, UsePointer, UsePointerLock, UsePreferredColorScheme, UsePreferredContrast, UsePreferredDark, UsePreferredLanguages, UsePreferredReducedMotion, UseScreenSafeArea, UseTimeAgo, UseTimestamp, UseVirtualList, UseWindowFocus, UseWindowSize, vOnClickOutside as VOnClickOutside, vOnLongPress as VOnLongPress, vElementHover, vElementSize, vElementVisibility, vInfiniteScroll, vIntersectionObserver, vOnClickOutside, vOnKeyStroke, vOnLongPress, vScroll, vScrollLock };\n","import{defineComponent as x,ref as M,provide as K,inject as L,onMounted as k,onUnmounted as N,computed as R,nextTick as y,watchEffect as j}from\"vue\";import{Features as C,render as T}from'../../utils/render.js';import{useId as P}from'../../hooks/use-id.js';import{Keys as c}from'../../keyboard.js';import{Focus as g,calculateActiveIndex as B}from'../../utils/calculate-active-index.js';import{dom as f}from'../../utils/dom.js';import{useTreeWalker as U}from'../../hooks/use-tree-walker.js';import{useOpenClosedProvider as $,State as O,useOpenClosed as V}from'../../internal/open-closed.js';import{match as H}from'../../utils/match.js';import{useResolveButtonType as Q}from'../../hooks/use-resolve-button-type.js';import{FocusableMode as _,isFocusableElement as q,sortByDomNode as W,Focus as E,focusFrom as J,restoreFocusIfNecessary as F}from'../../utils/focus-management.js';import{useOutsideClick as z}from'../../hooks/use-outside-click.js';var G=(i=>(i[i.Open=0]=\"Open\",i[i.Closed=1]=\"Closed\",i))(G||{}),X=(i=>(i[i.Pointer=0]=\"Pointer\",i[i.Other=1]=\"Other\",i))(X||{});function Y(o){requestAnimationFrame(()=>requestAnimationFrame(o))}let A=Symbol(\"MenuContext\");function D(o){let S=L(A,null);if(S===null){let i=new Error(`<${o} /> is missing a parent component.`);throw Error.captureStackTrace&&Error.captureStackTrace(i,D),i}return S}let ve=x({name:\"Menu\",props:{as:{type:[Object,String],default:\"template\"}},setup(o,{slots:S,attrs:i}){let v=M(1),e=M(null),p=M(null),u=M([]),m=M(\"\"),d=M(null),I=M(1);function l(r=a=>a){let a=d.value!==null?u.value[d.value]:null,n=W(r(u.value.slice()),b=>f(b.dataRef.domRef)),s=a?n.indexOf(a):null;return s===-1&&(s=null),{items:n,activeItemIndex:s}}let t={menuState:v,buttonRef:e,itemsRef:p,items:u,searchQuery:m,activeItemIndex:d,activationTrigger:I,closeMenu:()=>{v.value=1,d.value=null},openMenu:()=>v.value=0,goToItem(r,a,n){let s=l(),b=B(r===g.Specific?{focus:g.Specific,id:a}:{focus:r},{resolveItems:()=>s.items,resolveActiveIndex:()=>s.activeItemIndex,resolveId:h=>h.id,resolveDisabled:h=>h.dataRef.disabled});m.value=\"\",d.value=b,I.value=n!=null?n:1,u.value=s.items},search(r){let n=m.value!==\"\"?0:1;m.value+=r.toLowerCase();let b=(d.value!==null?u.value.slice(d.value+n).concat(u.value.slice(0,d.value+n)):u.value).find(w=>w.dataRef.textValue.startsWith(m.value)&&!w.dataRef.disabled),h=b?u.value.indexOf(b):-1;h===-1||h===d.value||(d.value=h,I.value=1)},clearSearch(){m.value=\"\"},registerItem(r,a){let n=l(s=>[...s,{id:r,dataRef:a}]);u.value=n.items,d.value=n.activeItemIndex,I.value=1},unregisterItem(r){let a=l(n=>{let s=n.findIndex(b=>b.id===r);return s!==-1&&n.splice(s,1),n});u.value=a.items,d.value=a.activeItemIndex,I.value=1}};return z([e,p],(r,a)=>{var n;t.closeMenu(),q(a,_.Loose)||(r.preventDefault(),(n=f(e))==null||n.focus())},R(()=>v.value===0)),K(A,t),$(R(()=>H(v.value,{[0]:O.Open,[1]:O.Closed}))),()=>{let r={open:v.value===0};return T({ourProps:{},theirProps:o,slot:r,slots:S,attrs:i,name:\"Menu\"})}}}),Ie=x({name:\"MenuButton\",props:{disabled:{type:Boolean,default:!1},as:{type:[Object,String],default:\"button\"}},setup(o,{attrs:S,slots:i,expose:v}){let e=D(\"MenuButton\"),p=`headlessui-menu-button-${P()}`;v({el:e.buttonRef,$el:e.buttonRef});function u(l){switch(l.key){case c.Space:case c.Enter:case c.ArrowDown:l.preventDefault(),l.stopPropagation(),e.openMenu(),y(()=>{var t;(t=f(e.itemsRef))==null||t.focus({preventScroll:!0}),e.goToItem(g.First)});break;case c.ArrowUp:l.preventDefault(),l.stopPropagation(),e.openMenu(),y(()=>{var t;(t=f(e.itemsRef))==null||t.focus({preventScroll:!0}),e.goToItem(g.Last)});break}}function m(l){switch(l.key){case c.Space:l.preventDefault();break}}function d(l){o.disabled||(e.menuState.value===0?(e.closeMenu(),y(()=>{var t;return(t=f(e.buttonRef))==null?void 0:t.focus({preventScroll:!0})})):(l.preventDefault(),e.openMenu(),Y(()=>{var t;return(t=f(e.itemsRef))==null?void 0:t.focus({preventScroll:!0})})))}let I=Q(R(()=>({as:o.as,type:S.type})),e.buttonRef);return()=>{var a;let l={open:e.menuState.value===0},t={ref:e.buttonRef,id:p,type:I.value,\"aria-haspopup\":!0,\"aria-controls\":(a=f(e.itemsRef))==null?void 0:a.id,\"aria-expanded\":o.disabled?void 0:e.menuState.value===0,onKeydown:u,onKeyup:m,onClick:d};return T({ourProps:t,theirProps:o,slot:l,attrs:S,slots:i,name:\"MenuButton\"})}}}),ge=x({name:\"MenuItems\",props:{as:{type:[Object,String],default:\"div\"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0}},setup(o,{attrs:S,slots:i,expose:v}){let e=D(\"MenuItems\"),p=`headlessui-menu-items-${P()}`,u=M(null);v({el:e.itemsRef,$el:e.itemsRef}),U({container:R(()=>f(e.itemsRef)),enabled:R(()=>e.menuState.value===0),accept(t){return t.getAttribute(\"role\")===\"menuitem\"?NodeFilter.FILTER_REJECT:t.hasAttribute(\"role\")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(t){t.setAttribute(\"role\",\"none\")}});function m(t){var r;switch(u.value&&clearTimeout(u.value),t.key){case c.Space:if(e.searchQuery.value!==\"\")return t.preventDefault(),t.stopPropagation(),e.search(t.key);case c.Enter:if(t.preventDefault(),t.stopPropagation(),e.activeItemIndex.value!==null){let n=e.items.value[e.activeItemIndex.value];(r=f(n.dataRef.domRef))==null||r.click()}e.closeMenu(),F(f(e.buttonRef));break;case c.ArrowDown:return t.preventDefault(),t.stopPropagation(),e.goToItem(g.Next);case c.ArrowUp:return t.preventDefault(),t.stopPropagation(),e.goToItem(g.Previous);case c.Home:case c.PageUp:return t.preventDefault(),t.stopPropagation(),e.goToItem(g.First);case c.End:case c.PageDown:return t.preventDefault(),t.stopPropagation(),e.goToItem(g.Last);case c.Escape:t.preventDefault(),t.stopPropagation(),e.closeMenu(),y(()=>{var a;return(a=f(e.buttonRef))==null?void 0:a.focus({preventScroll:!0})});break;case c.Tab:t.preventDefault(),t.stopPropagation(),e.closeMenu(),y(()=>J(f(e.buttonRef),t.shiftKey?E.Previous:E.Next));break;default:t.key.length===1&&(e.search(t.key),u.value=setTimeout(()=>e.clearSearch(),350));break}}function d(t){switch(t.key){case c.Space:t.preventDefault();break}}let I=V(),l=R(()=>I!==null?I.value===O.Open:e.menuState.value===0);return()=>{var n,s;let t={open:e.menuState.value===0},r={\"aria-activedescendant\":e.activeItemIndex.value===null||(n=e.items.value[e.activeItemIndex.value])==null?void 0:n.id,\"aria-labelledby\":(s=f(e.buttonRef))==null?void 0:s.id,id:p,onKeydown:m,onKeyup:d,role:\"menu\",tabIndex:0,ref:e.itemsRef};return T({ourProps:r,theirProps:o,slot:t,attrs:S,slots:i,features:C.RenderStrategy|C.Static,visible:l.value,name:\"MenuItems\"})}}}),Se=x({name:\"MenuItem\",props:{as:{type:[Object,String],default:\"template\"},disabled:{type:Boolean,default:!1}},setup(o,{slots:S,attrs:i,expose:v}){let e=D(\"MenuItem\"),p=`headlessui-menu-item-${P()}`,u=M(null);v({el:u,$el:u});let m=R(()=>e.activeItemIndex.value!==null?e.items.value[e.activeItemIndex.value].id===p:!1),d=R(()=>({disabled:o.disabled,textValue:\"\",domRef:u}));k(()=>{var n,s;let a=(s=(n=f(u))==null?void 0:n.textContent)==null?void 0:s.toLowerCase().trim();a!==void 0&&(d.value.textValue=a)}),k(()=>e.registerItem(p,d)),N(()=>e.unregisterItem(p)),j(()=>{e.menuState.value===0&&(!m.value||e.activationTrigger.value!==0&&y(()=>{var a,n;return(n=(a=f(u))==null?void 0:a.scrollIntoView)==null?void 0:n.call(a,{block:\"nearest\"})}))});function I(a){if(o.disabled)return a.preventDefault();e.closeMenu(),F(f(e.buttonRef))}function l(){if(o.disabled)return e.goToItem(g.Nothing);e.goToItem(g.Specific,p)}function t(){o.disabled||m.value||e.goToItem(g.Specific,p,0)}function r(){o.disabled||!m.value||e.goToItem(g.Nothing)}return()=>{let{disabled:a}=o,n={active:m.value,disabled:a};return T({ourProps:{id:p,ref:u,role:\"menuitem\",tabIndex:a===!0?void 0:-1,\"aria-disabled\":a===!0?!0:void 0,onClick:I,onFocus:l,onPointermove:t,onMousemove:t,onPointerleave:r,onMouseleave:r},theirProps:o,slot:n,attrs:i,slots:S,name:\"MenuItem\"})}}});export{ve as Menu,Ie as MenuButton,Se as MenuItem,ge as MenuItems};\n","\n \n {{ title }}\n
\n \n\n
\n \n
\n \n \n \n \n \n \n
\n \n
\n