@leaflink/stash 53.4.1 → 53.4.3

package/dist/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../node_modules/.pnpm/vue3-carousel@0.3.4_vue@3.5.13_typescript@5.4.2_/node_modules/vue3-carousel/dist/carousel.es.js","../src/components/Carousel/Carousel.vue"],"sourcesContent":["/**\n * Vue 3 Carousel 0.3.4\n * (c) 2024\n * @license MIT\n */\nimport { Fragment, defineComponent, inject, reactive, ref, h, provide, onMounted, nextTick, onUnmounted, computed, watch, cloneVNode } from 'vue';\n\nconst defaultConfigs = {\n    itemsToShow: 1,\n    itemsToScroll: 1,\n    modelValue: 0,\n    transition: 300,\n    autoplay: 0,\n    snapAlign: 'center',\n    wrapAround: false,\n    throttle: 16,\n    pauseAutoplayOnHover: false,\n    mouseDrag: true,\n    touchDrag: true,\n    dir: 'ltr',\n    breakpoints: undefined,\n    i18n: {\n        ariaNextSlide: 'Navigate to next slide',\n        ariaPreviousSlide: 'Navigate to previous slide',\n        ariaNavigateToSlide: 'Navigate to slide {slideNumber}',\n        ariaGallery: 'Gallery',\n        itemXofY: 'Item {currentSlide} of {slidesCount}',\n        iconArrowUp: 'Arrow pointing upwards',\n        iconArrowDown: 'Arrow pointing downwards',\n        iconArrowRight: 'Arrow pointing to the right',\n        iconArrowLeft: 'Arrow pointing to the left',\n    },\n};\n\nconst carouselProps = {\n    // count of items to showed per view\n    itemsToShow: {\n        default: defaultConfigs.itemsToShow,\n        type: Number,\n    },\n    // count of items to be scrolled\n    itemsToScroll: {\n        default: defaultConfigs.itemsToScroll,\n        type: Number,\n    },\n    // control infinite scrolling mode\n    wrapAround: {\n        default: defaultConfigs.wrapAround,\n        type: Boolean,\n    },\n    // control max drag\n    throttle: {\n        default: defaultConfigs.throttle,\n        type: Number,\n    },\n    // control snap position alignment\n    snapAlign: {\n        default: defaultConfigs.snapAlign,\n        validator(value) {\n            // The value must match one of these strings\n            return ['start', 'end', 'center', 'center-even', 'center-odd'].includes(value);\n        },\n    },\n    // sliding transition time in ms\n    transition: {\n        default: defaultConfigs.transition,\n        type: Number,\n    },\n    // an object to store breakpoints\n    breakpoints: {\n        default: defaultConfigs.breakpoints,\n        type: Object,\n    },\n    // time to auto advance slides in ms\n    autoplay: {\n        default: defaultConfigs.autoplay,\n        type: Number,\n    },\n    // pause autoplay when mouse hover over the carousel\n    pauseAutoplayOnHover: {\n        default: defaultConfigs.pauseAutoplayOnHover,\n        type: Boolean,\n    },\n    // slide number number of initial slide\n    modelValue: {\n        default: undefined,\n        type: Number,\n    },\n    // toggle mouse dragging.\n    mouseDrag: {\n        default: defaultConfigs.mouseDrag,\n        type: Boolean,\n    },\n    // toggle mouse dragging.\n    touchDrag: {\n        default: defaultConfigs.touchDrag,\n        type: Boolean,\n    },\n    // control snap position alignment\n    dir: {\n        default: defaultConfigs.dir,\n        validator(value) {\n            // The value must match one of these strings\n            return ['rtl', 'ltr'].includes(value);\n        },\n    },\n    // aria-labels and additional text labels\n    i18n: {\n        default: defaultConfigs.i18n,\n        type: Object,\n    },\n    // an object to pass all settings\n    settings: {\n        default() {\n            return {};\n        },\n        type: Object,\n    },\n};\n\nfunction getMaxSlideIndex({ config, slidesCount }) {\n    const { snapAlign, wrapAround, itemsToShow = 1 } = config;\n    if (wrapAround) {\n        return Math.max(slidesCount - 1, 0);\n    }\n    let output;\n    switch (snapAlign) {\n        case 'start':\n            output = slidesCount - itemsToShow;\n            break;\n        case 'end':\n            output = slidesCount - 1;\n            break;\n        case 'center':\n        case 'center-odd':\n            output = slidesCount - Math.ceil((itemsToShow - 0.5) / 2);\n            break;\n        case 'center-even':\n            output = slidesCount - Math.ceil(itemsToShow / 2);\n            break;\n        default:\n            output = 0;\n            break;\n    }\n    return Math.max(output, 0);\n}\n\nfunction getMinSlideIndex({ config, slidesCount }) {\n    const { wrapAround, snapAlign, itemsToShow = 1 } = config;\n    let output = 0;\n    if (wrapAround || itemsToShow > slidesCount) {\n        return output;\n    }\n    switch (snapAlign) {\n        case 'start':\n            output = 0;\n            break;\n        case 'end':\n            output = itemsToShow - 1;\n            break;\n        case 'center':\n        case 'center-odd':\n            output = Math.floor((itemsToShow - 1) / 2);\n            break;\n        case 'center-even':\n            output = Math.floor((itemsToShow - 2) / 2);\n            break;\n        default:\n            output = 0;\n            break;\n    }\n    return output;\n}\n\nfunction getNumberInRange({ val, max, min }) {\n    if (max < min) {\n        return val;\n    }\n    return Math.min(Math.max(val, min), max);\n}\n\nfunction getSlidesToScroll({ config, currentSlide, slidesCount }) {\n    const { snapAlign, wrapAround, itemsToShow = 1 } = config;\n    let output = currentSlide;\n    switch (snapAlign) {\n        case 'center':\n        case 'center-odd':\n            output -= (itemsToShow - 1) / 2;\n            break;\n        case 'center-even':\n            output -= (itemsToShow - 2) / 2;\n            break;\n        case 'end':\n            output -= itemsToShow - 1;\n            break;\n    }\n    if (wrapAround) {\n        return output;\n    }\n    return getNumberInRange({\n        val: output,\n        max: slidesCount - itemsToShow,\n        min: 0,\n    });\n}\n\nfunction getSlidesVNodes(vNode) {\n    if (!vNode)\n        return [];\n    return vNode.reduce((acc, node) => {\n        var _a;\n        if (node.type === Fragment) {\n            return [...acc, ...getSlidesVNodes(node.children)];\n        }\n        if (((_a = node.type) === null || _a === void 0 ? void 0 : _a.name) === 'CarouselSlide') {\n            return [...acc, node];\n        }\n        return acc;\n    }, []);\n}\n\nfunction mapNumberToRange({ val, max, min = 0 }) {\n    if (val > max) {\n        return mapNumberToRange({ val: val - (max + 1), max, min });\n    }\n    if (val < min) {\n        return mapNumberToRange({ val: val + (max + 1), max, min });\n    }\n    return val;\n}\n\n/**\n * return a throttle version of the function\n * Throttling\n *\n */\n// eslint-disable-next-line no-unused-vars\nfunction throttle(fn, limit) {\n    let inThrottle;\n    if (!limit) {\n        return fn;\n    }\n    return function (...args) {\n        const self = this;\n        if (!inThrottle) {\n            fn.apply(self, args);\n            inThrottle = true;\n            setTimeout(() => (inThrottle = false), limit);\n        }\n    };\n}\n\n/**\n * return a debounced version of the function\n * @param fn\n * @param delay\n */\n// eslint-disable-next-line no-unused-vars\nfunction debounce(fn, delay) {\n    let timerId;\n    return function (...args) {\n        if (timerId) {\n            clearTimeout(timerId);\n        }\n        timerId = setTimeout(() => {\n            fn(...args);\n            timerId = null;\n        }, delay);\n    };\n}\n\nfunction i18nFormatter(string = '', values = {}) {\n    return Object.entries(values).reduce((acc, [key, value]) => acc.replace(`{${key}}`, String(value)), string);\n}\n\nvar ARIAComponent = defineComponent({\n    name: 'ARIA',\n    setup() {\n        const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\n        const currentSlide = inject('currentSlide', ref(0));\n        const slidesCount = inject('slidesCount', ref(0));\n        return () => h('div', {\n            class: ['carousel__liveregion', 'carousel__sr-only'],\n            'aria-live': 'polite',\n            'aria-atomic': 'true',\n        }, i18nFormatter(config.i18n['itemXofY'], {\n            currentSlide: currentSlide.value + 1,\n            slidesCount: slidesCount.value,\n        }));\n    },\n});\n\nvar Carousel = defineComponent({\n    name: 'Carousel',\n    props: carouselProps,\n    setup(props, { slots, emit, expose }) {\n        var _a;\n        const root = ref(null);\n        const slides = ref([]);\n        const slideWidth = ref(0);\n        const slidesCount = ref(0);\n        // current config\n        const config = reactive(Object.assign({}, defaultConfigs));\n        // default carousel configs\n        let __defaultConfig = Object.assign({}, defaultConfigs);\n        // breakpoints configs\n        let breakpoints;\n        // slides\n        const currentSlideIndex = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : 0);\n        const prevSlideIndex = ref(0);\n        const middleSlideIndex = ref(0);\n        const maxSlideIndex = ref(0);\n        const minSlideIndex = ref(0);\n        let autoplayTimer;\n        let transitionTimer;\n        provide('config', config);\n        provide('slidesCount', slidesCount);\n        provide('currentSlide', currentSlideIndex);\n        provide('maxSlide', maxSlideIndex);\n        provide('minSlide', minSlideIndex);\n        provide('slideWidth', slideWidth);\n        /**\n         * Configs\n         */\n        function initDefaultConfigs() {\n            breakpoints = Object.assign({}, props.breakpoints);\n            __defaultConfig = Object.assign(Object.assign(Object.assign({}, __defaultConfig), props), { i18n: Object.assign(Object.assign({}, __defaultConfig.i18n), props.i18n), breakpoints: undefined });\n            bindConfigs(__defaultConfig);\n        }\n        function updateBreakpointsConfigs() {\n            if (!breakpoints || !Object.keys(breakpoints).length)\n                return;\n            const breakpointsArray = Object.keys(breakpoints)\n                .map((key) => Number(key))\n                .sort((a, b) => +b - +a);\n            let newConfig = Object.assign({}, __defaultConfig);\n            breakpointsArray.some((breakpoint) => {\n                const isMatched = window.matchMedia(`(min-width: ${breakpoint}px)`).matches;\n                if (isMatched) {\n                    newConfig = Object.assign(Object.assign({}, newConfig), breakpoints[breakpoint]);\n                }\n                return isMatched;\n            });\n            bindConfigs(newConfig);\n        }\n        function bindConfigs(newConfig) {\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            //@ts-ignore\n            Object.entries(newConfig).forEach(([key, val]) => (config[key] = val));\n        }\n        const handleWindowResize = debounce(() => {\n            updateBreakpointsConfigs();\n            updateSlidesData();\n            updateSlideWidth();\n        }, 16);\n        /**\n         * Setup functions\n         */\n        function updateSlideWidth() {\n            if (!root.value)\n                return;\n            const rect = root.value.getBoundingClientRect();\n            slideWidth.value = rect.width / config.itemsToShow;\n        }\n        function updateSlidesData() {\n            if (slidesCount.value <= 0)\n                return;\n            middleSlideIndex.value = Math.ceil((slidesCount.value - 1) / 2);\n            maxSlideIndex.value = getMaxSlideIndex({ config, slidesCount: slidesCount.value });\n            minSlideIndex.value = getMinSlideIndex({ config, slidesCount: slidesCount.value });\n            if (!config.wrapAround) {\n                currentSlideIndex.value = getNumberInRange({\n                    val: currentSlideIndex.value,\n                    max: maxSlideIndex.value,\n                    min: minSlideIndex.value,\n                });\n            }\n        }\n        onMounted(() => {\n            nextTick(() => updateSlideWidth());\n            // Overcome some edge cases\n            setTimeout(() => updateSlideWidth(), 1000);\n            updateBreakpointsConfigs();\n            initAutoplay();\n            window.addEventListener('resize', handleWindowResize, { passive: true });\n            emit('init');\n        });\n        onUnmounted(() => {\n            if (transitionTimer) {\n                clearTimeout(transitionTimer);\n            }\n            if (autoplayTimer) {\n                clearInterval(autoplayTimer);\n            }\n            window.removeEventListener('resize', handleWindowResize, {\n                passive: true,\n            });\n        });\n        /**\n         * Carousel Event listeners\n         */\n        let isTouch = false;\n        const startPosition = { x: 0, y: 0 };\n        const endPosition = { x: 0, y: 0 };\n        const dragged = reactive({ x: 0, y: 0 });\n        const isHover = ref(false);\n        const isDragging = ref(false);\n        const handleMouseEnter = () => {\n            isHover.value = true;\n        };\n        const handleMouseLeave = () => {\n            isHover.value = false;\n        };\n        function handleDragStart(event) {\n            if (['INPUT', 'TEXTAREA', 'SELECT'].includes(event.target.tagName)) {\n                return;\n            }\n            isTouch = event.type === 'touchstart';\n            if (!isTouch) {\n                event.preventDefault();\n            }\n            if ((!isTouch && event.button !== 0) || isSliding.value) {\n                return;\n            }\n            startPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\n            startPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\n            document.addEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\n            document.addEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\n        }\n        const handleDragging = throttle((event) => {\n            isDragging.value = true;\n            endPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\n            endPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\n            const deltaX = endPosition.x - startPosition.x;\n            const deltaY = endPosition.y - startPosition.y;\n            dragged.y = deltaY;\n            dragged.x = deltaX;\n        }, config.throttle);\n        function handleDragEnd() {\n            const direction = config.dir === 'rtl' ? -1 : 1;\n            const tolerance = Math.sign(dragged.x) * 0.4;\n            const draggedSlides = Math.round(dragged.x / slideWidth.value + tolerance) * direction;\n            // Prevent clicking if there is clicked slides\n            if (draggedSlides && !isTouch) {\n                const captureClick = (e) => {\n                    window.removeEventListener('click', captureClick, true);\n                };\n                window.addEventListener('click', captureClick, true);\n            }\n            slideTo(currentSlideIndex.value - draggedSlides);\n            dragged.x = 0;\n            dragged.y = 0;\n            isDragging.value = false;\n            document.removeEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\n            document.removeEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\n        }\n        /**\n         * Autoplay\n         */\n        function initAutoplay() {\n            if (!config.autoplay || config.autoplay <= 0) {\n                return;\n            }\n            autoplayTimer = setInterval(() => {\n                if (config.pauseAutoplayOnHover && isHover.value) {\n                    return;\n                }\n                next();\n            }, config.autoplay);\n        }\n        function resetAutoplay() {\n            if (autoplayTimer) {\n                clearInterval(autoplayTimer);\n                autoplayTimer = null;\n            }\n            initAutoplay();\n        }\n        /**\n         * Navigation function\n         */\n        const isSliding = ref(false);\n        function slideTo(slideIndex) {\n            const currentVal = config.wrapAround\n                ? slideIndex\n                : getNumberInRange({\n                    val: slideIndex,\n                    max: maxSlideIndex.value,\n                    min: minSlideIndex.value,\n                });\n            if (currentSlideIndex.value === currentVal || isSliding.value) {\n                return;\n            }\n            emit('slide-start', {\n                slidingToIndex: slideIndex,\n                currentSlideIndex: currentSlideIndex.value,\n                prevSlideIndex: prevSlideIndex.value,\n                slidesCount: slidesCount.value,\n            });\n            isSliding.value = true;\n            prevSlideIndex.value = currentSlideIndex.value;\n            currentSlideIndex.value = currentVal;\n            transitionTimer = setTimeout(() => {\n                if (config.wrapAround) {\n                    const mappedNumber = mapNumberToRange({\n                        val: currentVal,\n                        max: maxSlideIndex.value,\n                        min: 0,\n                    });\n                    if (mappedNumber !== currentSlideIndex.value) {\n                        currentSlideIndex.value = mappedNumber;\n                        emit('loop', {\n                            currentSlideIndex: currentSlideIndex.value,\n                            slidingToIndex: slideIndex,\n                        });\n                    }\n                }\n                emit('update:modelValue', currentSlideIndex.value);\n                emit('slide-end', {\n                    currentSlideIndex: currentSlideIndex.value,\n                    prevSlideIndex: prevSlideIndex.value,\n                    slidesCount: slidesCount.value,\n                });\n                isSliding.value = false;\n                resetAutoplay();\n            }, config.transition);\n        }\n        function next() {\n            slideTo(currentSlideIndex.value + config.itemsToScroll);\n        }\n        function prev() {\n            slideTo(currentSlideIndex.value - config.itemsToScroll);\n        }\n        const nav = { slideTo, next, prev };\n        provide('nav', nav);\n        provide('isSliding', isSliding);\n        /**\n         * Track style\n         */\n        const slidesToScroll = computed(() => getSlidesToScroll({\n            config,\n            currentSlide: currentSlideIndex.value,\n            slidesCount: slidesCount.value,\n        }));\n        provide('slidesToScroll', slidesToScroll);\n        const trackStyle = computed(() => {\n            const direction = config.dir === 'rtl' ? -1 : 1;\n            const xScroll = slidesToScroll.value * slideWidth.value * direction;\n            return {\n                transform: `translateX(${dragged.x - xScroll}px)`,\n                transition: `${isSliding.value ? config.transition : 0}ms`,\n                margin: config.wrapAround ? `0 -${slidesCount.value * slideWidth.value}px` : '',\n                width: `100%`,\n            };\n        });\n        function restartCarousel() {\n            initDefaultConfigs();\n            updateBreakpointsConfigs();\n            updateSlidesData();\n            updateSlideWidth();\n            resetAutoplay();\n        }\n        // Update the carousel on props change\n        Object.keys(carouselProps).forEach((prop) => {\n            if (['modelValue'].includes(prop))\n                return;\n            watch(() => props[prop], restartCarousel);\n        });\n        // Handle changing v-model value\n        watch(() => props['modelValue'], (val) => {\n            if (val === currentSlideIndex.value) {\n                return;\n            }\n            slideTo(Number(val));\n        });\n        // Handel when slides added/removed\n        watch(slidesCount, updateSlidesData);\n        // Init carousel\n        emit('before-init');\n        initDefaultConfigs();\n        const data = {\n            config,\n            slidesCount,\n            slideWidth,\n            next,\n            prev,\n            slideTo,\n            currentSlide: currentSlideIndex,\n            maxSlide: maxSlideIndex,\n            minSlide: minSlideIndex,\n            middleSlide: middleSlideIndex,\n        };\n        expose({\n            updateBreakpointsConfigs,\n            updateSlidesData,\n            updateSlideWidth,\n            initDefaultConfigs,\n            restartCarousel,\n            slideTo,\n            next,\n            prev,\n            nav,\n            data,\n        });\n        const slotSlides = slots.default || slots.slides;\n        const slotAddons = slots.addons;\n        const slotsProps = reactive(data);\n        return () => {\n            const slidesElements = getSlidesVNodes(slotSlides === null || slotSlides === void 0 ? void 0 : slotSlides(slotsProps));\n            const addonsElements = (slotAddons === null || slotAddons === void 0 ? void 0 : slotAddons(slotsProps)) || [];\n            slidesElements.forEach((el, index) => (el.props.index = index));\n            let output = slidesElements;\n            if (config.wrapAround) {\n                const slidesBefore = slidesElements.map((el, index) => cloneVNode(el, {\n                    index: -slidesElements.length + index,\n                    isClone: true,\n                    key: `clone-before-${index}`,\n                }));\n                const slidesAfter = slidesElements.map((el, index) => cloneVNode(el, {\n                    index: slidesElements.length + index,\n                    isClone: true,\n                    key: `clone-after-${index}`,\n                }));\n                output = [...slidesBefore, ...slidesElements, ...slidesAfter];\n            }\n            slides.value = slidesElements;\n            slidesCount.value = Math.max(slidesElements.length, 1);\n            const trackEl = h('ol', {\n                class: 'carousel__track',\n                style: trackStyle.value,\n                onMousedownCapture: config.mouseDrag ? handleDragStart : null,\n                onTouchstartPassiveCapture: config.touchDrag ? handleDragStart : null,\n            }, output);\n            const viewPortEl = h('div', { class: 'carousel__viewport' }, trackEl);\n            return h('section', {\n                ref: root,\n                class: {\n                    carousel: true,\n                    'is-sliding': isSliding.value,\n                    'is-dragging': isDragging.value,\n                    'is-hover': isHover.value,\n                    'carousel--rtl': config.dir === 'rtl',\n                },\n                dir: config.dir,\n                'aria-label': config.i18n['ariaGallery'],\n                tabindex: '0',\n                onMouseenter: handleMouseEnter,\n                onMouseleave: handleMouseLeave,\n            }, [viewPortEl, addonsElements, h(ARIAComponent)]);\n        };\n    },\n});\n\nvar IconName;\n(function (IconName) {\n    IconName[\"arrowUp\"] = \"arrowUp\";\n    IconName[\"arrowDown\"] = \"arrowDown\";\n    IconName[\"arrowRight\"] = \"arrowRight\";\n    IconName[\"arrowLeft\"] = \"arrowLeft\";\n})(IconName || (IconName = {}));\nconst icons = {\n    arrowUp: 'M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z',\n    arrowDown: 'M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z',\n    arrowRight: 'M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z',\n    arrowLeft: 'M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z',\n};\n\nfunction isIconName(candidate) {\n    return candidate in IconName;\n}\nconst Icon = (props) => {\n    const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\n    const iconName = String(props.name);\n    const iconI18n = `icon${iconName.charAt(0).toUpperCase() + iconName.slice(1)}`;\n    if (!iconName || typeof iconName !== 'string' || !isIconName(iconName)) {\n        return;\n    }\n    const path = icons[iconName];\n    const pathEl = h('path', { d: path });\n    const iconTitle = config.i18n[iconI18n] || props.title || iconName;\n    const titleEl = h('title', iconTitle);\n    return h('svg', {\n        class: 'carousel__icon',\n        viewBox: '0 0 24 24',\n        role: 'img',\n        'aria-label': iconTitle,\n    }, [titleEl, pathEl]);\n};\nIcon.props = { name: String, title: String };\n\nconst Navigation = (props, { slots, attrs }) => {\n    const { next: slotNext, prev: slotPrev } = slots || {};\n    const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\n    const maxSlide = inject('maxSlide', ref(1));\n    const minSlide = inject('minSlide', ref(1));\n    const currentSlide = inject('currentSlide', ref(1));\n    const nav = inject('nav', {});\n    const { dir, wrapAround, i18n } = config;\n    const isRTL = dir === 'rtl';\n    const prevButton = h('button', {\n        type: 'button',\n        class: [\n            'carousel__prev',\n            !wrapAround && currentSlide.value <= minSlide.value && 'carousel__prev--disabled',\n            attrs === null || attrs === void 0 ? void 0 : attrs.class,\n        ],\n        'aria-label': i18n['ariaPreviousSlide'],\n        onClick: nav.prev,\n    }, (slotPrev === null || slotPrev === void 0 ? void 0 : slotPrev()) || h(Icon, { name: isRTL ? 'arrowRight' : 'arrowLeft' }));\n    const nextButton = h('button', {\n        type: 'button',\n        class: [\n            'carousel__next',\n            !wrapAround && currentSlide.value >= maxSlide.value && 'carousel__next--disabled',\n            attrs === null || attrs === void 0 ? void 0 : attrs.class,\n        ],\n        'aria-label': i18n['ariaNextSlide'],\n        onClick: nav.next,\n    }, (slotNext === null || slotNext === void 0 ? void 0 : slotNext()) || h(Icon, { name: isRTL ? 'arrowLeft' : 'arrowRight' }));\n    return [prevButton, nextButton];\n};\n\nconst Pagination = () => {\n    const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\n    const maxSlide = inject('maxSlide', ref(1));\n    const minSlide = inject('minSlide', ref(1));\n    const currentSlide = inject('currentSlide', ref(1));\n    const nav = inject('nav', {});\n    const isActive = (slide) => mapNumberToRange({\n        val: currentSlide.value,\n        max: maxSlide.value,\n        min: 0,\n    }) === slide;\n    const children = [];\n    for (let slide = minSlide.value; slide < maxSlide.value + 1; slide++) {\n        const button = h('button', {\n            type: 'button',\n            class: {\n                'carousel__pagination-button': true,\n                'carousel__pagination-button--active': isActive(slide),\n            },\n            'aria-label': i18nFormatter(config.i18n['ariaNavigateToSlide'], {\n                slideNumber: slide + 1,\n            }),\n            onClick: () => nav.slideTo(slide),\n        });\n        const item = h('li', { class: 'carousel__pagination-item', key: slide }, button);\n        children.push(item);\n    }\n    return h('ol', { class: 'carousel__pagination' }, children);\n};\n\nvar Slide = defineComponent({\n    name: 'CarouselSlide',\n    props: {\n        index: {\n            type: Number,\n            default: 1,\n        },\n        isClone: {\n            type: Boolean,\n            default: false,\n        },\n    },\n    setup(props, { slots }) {\n        const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\n        const currentSlide = inject('currentSlide', ref(0));\n        const slidesToScroll = inject('slidesToScroll', ref(0));\n        const isSliding = inject('isSliding', ref(false));\n        const isActive = computed(() => props.index === currentSlide.value);\n        const isPrev = computed(() => props.index === currentSlide.value - 1);\n        const isNext = computed(() => props.index === currentSlide.value + 1);\n        const isVisible = computed(() => {\n            const min = Math.floor(slidesToScroll.value);\n            const max = Math.ceil(slidesToScroll.value + config.itemsToShow - 1);\n            return props.index >= min && props.index <= max;\n        });\n        return () => {\n            var _a;\n            return h('li', {\n                style: { width: `${100 / config.itemsToShow}%` },\n                class: {\n                    carousel__slide: true,\n                    'carousel__slide--clone': props.isClone,\n                    'carousel__slide--visible': isVisible.value,\n                    'carousel__slide--active': isActive.value,\n                    'carousel__slide--prev': isPrev.value,\n                    'carousel__slide--next': isNext.value,\n                    'carousel__slide--sliding': isSliding.value,\n                },\n                'aria-hidden': !isVisible.value,\n            }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {\n                isActive: isActive.value,\n                isClone: props.isClone,\n                isPrev: isPrev.value,\n                isNext: isNext.value,\n                isSliding: isSliding.value,\n                isVisible: isVisible.value\n            }));\n        };\n    },\n});\n\nexport { Carousel, Icon, Navigation, Pagination, Slide };\n","<script lang=\"ts\">\n  import { CarouselInstanceRef, CarouselSlide } from './Carousel.types';\n\n  export * from './Carousel.types';\n</script>\n\n<script setup lang=\"ts\" generic=\"Slide extends CarouselSlide\">\n  import 'vue3-carousel/dist/carousel.css';\n  import { ref, useAttrs, useCssModule } from 'vue';\n  import * as Vue3Carousel from 'vue3-carousel';\n\n  import { t } from '../../locale';\n  import Thumbnail from '../Thumbnail/Thumbnail.vue';\n  import ThumbnailGroup from '../ThumbnailGroup/ThumbnailGroup.vue';\n\n  defineOptions({\n    inheritAttrs: false,\n  });\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * The slides to display in the carousel.\n       */\n      slides: Slide[];\n\n      /**\n       * Time, in ms, before slides will automatically transition.\n       * If not specified, slides are static until manually transitioned.\n       */\n      autoplayInterval?: number;\n\n      /**\n       * Hide the navigation buttons\n       */\n      hideNavigation?: boolean;\n\n      /**\n       * Hide the pagination dots/tile\n       */\n      hidePagination?: boolean;\n\n      /**\n       * Number of slides to be scrolled at a time\n       */\n      itemsToScroll?: number;\n\n      /**\n       * Number of items to show on each slide\n       */\n      itemsToShow?: number;\n\n      /**\n       * Whether the carousel should loop back to the first slide after the last slide.\n       */\n      loop?: boolean;\n\n      /**\n       * The type of pagination to display.\n       */\n      pagination?: 'tile' | 'dot';\n\n      /**\n       * The radius of the pagination tiles.\n       */\n      paginationTileRadius?: 'standard' | 'full';\n\n      /**\n       * Prevents slides from automatically transitioning when hovering over the slide.\n       */\n      pauseAutoplayOnHover?: boolean;\n\n      /**\n       * Whether to round the borders of the slides.\n       */\n      roundBorders?: boolean;\n\n      /**\n       * Whether to show the pagination dots on all screen sizes.\n       */\n      staticPaginationDots?: boolean;\n    }>(),\n    {\n      autoplayInterval: 0,\n      hideNavigation: false,\n      hidePagination: false,\n      itemsToScroll: 1,\n      itemsToShow: 1,\n      loop: false,\n      pagination: 'tile',\n      paginationTileRadius: 'standard',\n      pauseAutoplayOnHover: false,\n      roundBorders: false,\n      staticPaginationDots: false,\n    },\n  );\n\n  const attrs = useAttrs();\n  const classes = useCssModule();\n  const carouselRef = ref<CarouselInstanceRef>();\n\n  const emit = defineEmits<{\n    (e: 'click', slide: Slide): void;\n    (e: 'transition', slide: Slide): void;\n    (e: 'transition:multi', slides: Slide[]): void;\n  }>();\n\n  const currentIndex = ref(0);\n\n  function handleUpdateCarouselModelValue(...args: unknown[]) {\n    const [index] = args;\n    if (index === undefined) return;\n    slideTo(index as number);\n  }\n\n  const slideTo = (index: number) => {\n    currentIndex.value = index;\n  };\n\n  const onCarouselInit = () => {\n    // carousel does not fire a transition event to the first slide when mounted.\n    // subsequent transition events are fired in the slide-end event handler.\n    onSlideTransition();\n  };\n\n  const onSlideClick = () => {\n    emit('click', props.slides[currentIndex.value]);\n  };\n\n  const onSlideTransition = () => {\n    // by default only one slide is displayed at a time for each\n    // page in the carousel.  In this case, we will only emit a\n    // transition event with a single slide object.\n    if (props.itemsToShow === 1) {\n      emit('transition', props.slides[currentIndex.value]);\n      return;\n    }\n\n    // otherwise, we will emit a transition event with an array of\n    // slides currently in view on the current page of the carousel.\n    const slidesInView = props.slides.slice(currentIndex.value, currentIndex.value + props.itemsToShow);\n\n    emit('transition:multi', slidesInView);\n    return;\n  };\n\n  /**\n   * Expose the carousel's next and prev and a move slide methods to the parent component\n   */\n  defineExpose({\n    next: () => carouselRef.value?.next(),\n    prev: () => carouselRef.value?.prev(),\n    slideTo,\n  });\n</script>\n\n<template>\n  <Vue3Carousel.Carousel\n    ref=\"carouselRef\"\n    :model-value=\"currentIndex\"\n    aria-live=\"polite\"\n    aria-roledescription=\"carousel\"\n    class=\"stash-carousel mb-6\"\n    data-test=\"stash-carousel\"\n    :autoplay=\"autoplayInterval\"\n    :class=\"classes.root\"\n    :i18n=\"{\n      ariaNextSlide: t('ll.next'),\n      ariaPreviousSlide: t('ll.previous'),\n      iconArrowLeft: t('ll.previous'),\n      iconArrowRight: t('ll.next'),\n    }\"\n    :items-to-scroll=\"props.itemsToScroll\"\n    :items-to-show=\"props.itemsToShow\"\n    :pause-autoplay-on-hover=\"pauseAutoplayOnHover\"\n    :wrap-around=\"props.loop\"\n    v-bind=\"attrs\"\n    @init=\"onCarouselInit\"\n    @slide-end=\"onSlideTransition\"\n    @update:model-value=\"handleUpdateCarouselModelValue\"\n  >\n    <Vue3Carousel.Slide\n      v-for=\"(slide, index) in props.slides\"\n      :key=\"slide.id\"\n      data-test=\"stash-carousel|slide\"\n      class=\"cursor-pointer\"\n      @click=\"onSlideClick\"\n    >\n      <slot name=\"slide\" :slide=\"slide\" :index=\"index\">\n        <img\n          class=\"size-full\"\n          :class=\"[{ rounded: props.roundBorders }]\"\n          :src=\"slide.imageUrl\"\n          :title=\"\n            t('ll.carousel.imageLabel', {\n              index: index + 1,\n              total: slides.length,\n            })\n          \"\n        />\n      </slot>\n    </Vue3Carousel.Slide>\n\n    <template #addons>\n      <Vue3Carousel.Navigation v-if=\"props.slides.length > 1 && !props.hideNavigation\" />\n    </template>\n  </Vue3Carousel.Carousel>\n\n  <template v-if=\"!props.hidePagination\">\n    <!-- Pagination Tiles -->\n    <ThumbnailGroup\n      v-if=\"props.pagination === 'tile'\"\n      :active-thumbnail=\"currentIndex\"\n      :thumbnails=\"slides\"\n      :radius=\"props.paginationTileRadius === 'full' ? 'circle' : 'rounded'\"\n      @update:active-thumbnail=\"slideTo\"\n    >\n      <Thumbnail v-for=\"slide in slides\" :key=\"slide.id\" :thumbnail=\"slide\" variant=\"translucent\" />\n    </ThumbnailGroup>\n\n    <!-- Pagination Dots -->\n    <ul\n      v-else\n      class=\"text-center\"\n      data-test=\"stash-carousel|pagination-dots\"\n      :class=\"[!staticPaginationDots && 'lg:hidden']\"\n    >\n      <li\n        v-for=\"(slide, index) in slides\"\n        :key=\"slide.imageUrl\"\n        class=\"inline-block rounded-full\"\n        :class=\"[classes['pagination-dot'], [currentIndex === index ? 'bg-blue-500' : 'bg-blue-100']]\"\n      />\n    </ul>\n  </template>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    .root :global(.carousel__icon) {\n      background-color: var(--color-white);\n      border-radius: var(--radius-sm);\n      color: var(--color-blue-500);\n      height: --spacing(9);\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: --spacing(9);\n    }\n\n    .root :global(.carousel__icon:hover) {\n      background-color: var(--color-ice-100);\n      color: var(--color-blue-700);\n    }\n\n    .root :global(.carousel__next) {\n      padding-right: --spacing(9);\n    }\n\n    .root :global(.carousel__next--disabled) {\n      display: none;\n    }\n\n    .root :global(.carousel__prev) {\n      padding-left: --spacing(9);\n    }\n\n    .root :global(.carousel__prev--disabled) {\n      display: none;\n    }\n\n    .pagination-dot {\n      height: 4px;\n      margin-right: 2px;\n      width: 4px;\n    }\n  }\n</style>\n"],"names":["defaultConfigs","carouselProps","value","getMaxSlideIndex","config","slidesCount","snapAlign","wrapAround","itemsToShow","output","getMinSlideIndex","getNumberInRange","val","max","min","getSlidesToScroll","currentSlide","getSlidesVNodes","vNode","acc","node","_a","Fragment","mapNumberToRange","throttle","fn","limit","inThrottle","args","self","debounce","delay","timerId","i18nFormatter","string","values","key","ARIAComponent","defineComponent","inject","reactive","ref","h","Carousel","props","slots","emit","expose","root","slides","slideWidth","__defaultConfig","breakpoints","currentSlideIndex","prevSlideIndex","middleSlideIndex","maxSlideIndex","minSlideIndex","autoplayTimer","transitionTimer","provide","initDefaultConfigs","bindConfigs","updateBreakpointsConfigs","breakpointsArray","a","b","newConfig","breakpoint","isMatched","handleWindowResize","updateSlidesData","updateSlideWidth","rect","onMounted","nextTick","initAutoplay","onUnmounted","isTouch","startPosition","endPosition","dragged","isHover","isDragging","handleMouseEnter","handleMouseLeave","handleDragStart","event","isSliding","handleDragging","handleDragEnd","deltaX","deltaY","direction","tolerance","draggedSlides","captureClick","e","slideTo","next","resetAutoplay","slideIndex","currentVal","mappedNumber","prev","nav","slidesToScroll","computed","trackStyle","xScroll","restartCarousel","prop","watch","data","slotSlides","slotAddons","slotsProps","slidesElements","addonsElements","el","index","slidesBefore","cloneVNode","slidesAfter","trackEl","viewPortEl","IconName","icons","isIconName","candidate","Icon","iconName","iconI18n","path","pathEl","iconTitle","titleEl","Navigation","attrs","slotNext","slotPrev","maxSlide","minSlide","dir","i18n","isRTL","prevButton","nextButton","Slide","isActive","isPrev","isNext","isVisible","__props","useAttrs","classes","useCssModule","carouselRef","__emit","currentIndex","handleUpdateCarouselModelValue","onCarouselInit","onSlideTransition","onSlideClick","slidesInView","__expose"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Carousel.js","sources":["../../../node_modules/.pnpm/vue3-carousel@0.3.4_vue@3.5.28_typescript@5.4.2_/node_modules/vue3-carousel/dist/carousel.es.js","../src/components/Carousel/Carousel.vue"],"sourcesContent":["/**\n * Vue 3 Carousel 0.3.4\n * (c) 2024\n * @license MIT\n */\nimport { Fragment, defineComponent, inject, reactive, ref, h, provide, onMounted, nextTick, onUnmounted, computed, watch, cloneVNode } from 'vue';\n\nconst defaultConfigs = {\n    itemsToShow: 1,\n    itemsToScroll: 1,\n    modelValue: 0,\n    transition: 300,\n    autoplay: 0,\n    snapAlign: 'center',\n    wrapAround: false,\n    throttle: 16,\n    pauseAutoplayOnHover: false,\n    mouseDrag: true,\n    touchDrag: true,\n    dir: 'ltr',\n    breakpoints: undefined,\n    i18n: {\n        ariaNextSlide: 'Navigate to next slide',\n        ariaPreviousSlide: 'Navigate to previous slide',\n        ariaNavigateToSlide: 'Navigate to slide {slideNumber}',\n        ariaGallery: 'Gallery',\n        itemXofY: 'Item {currentSlide} of {slidesCount}',\n        iconArrowUp: 'Arrow pointing upwards',\n        iconArrowDown: 'Arrow pointing downwards',\n        iconArrowRight: 'Arrow pointing to the right',\n        iconArrowLeft: 'Arrow pointing to the left',\n    },\n};\n\nconst carouselProps = {\n    // count of items to showed per view\n    itemsToShow: {\n        default: defaultConfigs.itemsToShow,\n        type: Number,\n    },\n    // count of items to be scrolled\n    itemsToScroll: {\n        default: defaultConfigs.itemsToScroll,\n        type: Number,\n    },\n    // control infinite scrolling mode\n    wrapAround: {\n        default: defaultConfigs.wrapAround,\n        type: Boolean,\n    },\n    // control max drag\n    throttle: {\n        default: defaultConfigs.throttle,\n        type: Number,\n    },\n    // control snap position alignment\n    snapAlign: {\n        default: defaultConfigs.snapAlign,\n        validator(value) {\n            // The value must match one of these strings\n            return ['start', 'end', 'center', 'center-even', 'center-odd'].includes(value);\n        },\n    },\n    // sliding transition time in ms\n    transition: {\n        default: defaultConfigs.transition,\n        type: Number,\n    },\n    // an object to store breakpoints\n    breakpoints: {\n        default: defaultConfigs.breakpoints,\n        type: Object,\n    },\n    // time to auto advance slides in ms\n    autoplay: {\n        default: defaultConfigs.autoplay,\n        type: Number,\n    },\n    // pause autoplay when mouse hover over the carousel\n    pauseAutoplayOnHover: {\n        default: defaultConfigs.pauseAutoplayOnHover,\n        type: Boolean,\n    },\n    // slide number number of initial slide\n    modelValue: {\n        default: undefined,\n        type: Number,\n    },\n    // toggle mouse dragging.\n    mouseDrag: {\n        default: defaultConfigs.mouseDrag,\n        type: Boolean,\n    },\n    // toggle mouse dragging.\n    touchDrag: {\n        default: defaultConfigs.touchDrag,\n        type: Boolean,\n    },\n    // control snap position alignment\n    dir: {\n        default: defaultConfigs.dir,\n        validator(value) {\n            // The value must match one of these strings\n            return ['rtl', 'ltr'].includes(value);\n        },\n    },\n    // aria-labels and additional text labels\n    i18n: {\n        default: defaultConfigs.i18n,\n        type: Object,\n    },\n    // an object to pass all settings\n    settings: {\n        default() {\n            return {};\n        },\n        type: Object,\n    },\n};\n\nfunction getMaxSlideIndex({ config, slidesCount }) {\n    const { snapAlign, wrapAround, itemsToShow = 1 } = config;\n    if (wrapAround) {\n        return Math.max(slidesCount - 1, 0);\n    }\n    let output;\n    switch (snapAlign) {\n        case 'start':\n            output = slidesCount - itemsToShow;\n            break;\n        case 'end':\n            output = slidesCount - 1;\n            break;\n        case 'center':\n        case 'center-odd':\n            output = slidesCount - Math.ceil((itemsToShow - 0.5) / 2);\n            break;\n        case 'center-even':\n            output = slidesCount - Math.ceil(itemsToShow / 2);\n            break;\n        default:\n            output = 0;\n            break;\n    }\n    return Math.max(output, 0);\n}\n\nfunction getMinSlideIndex({ config, slidesCount }) {\n    const { wrapAround, snapAlign, itemsToShow = 1 } = config;\n    let output = 0;\n    if (wrapAround || itemsToShow > slidesCount) {\n        return output;\n    }\n    switch (snapAlign) {\n        case 'start':\n            output = 0;\n            break;\n        case 'end':\n            output = itemsToShow - 1;\n            break;\n        case 'center':\n        case 'center-odd':\n            output = Math.floor((itemsToShow - 1) / 2);\n            break;\n        case 'center-even':\n            output = Math.floor((itemsToShow - 2) / 2);\n            break;\n        default:\n            output = 0;\n            break;\n    }\n    return output;\n}\n\nfunction getNumberInRange({ val, max, min }) {\n    if (max < min) {\n        return val;\n    }\n    return Math.min(Math.max(val, min), max);\n}\n\nfunction getSlidesToScroll({ config, currentSlide, slidesCount }) {\n    const { snapAlign, wrapAround, itemsToShow = 1 } = config;\n    let output = currentSlide;\n    switch (snapAlign) {\n        case 'center':\n        case 'center-odd':\n            output -= (itemsToShow - 1) / 2;\n            break;\n        case 'center-even':\n            output -= (itemsToShow - 2) / 2;\n            break;\n        case 'end':\n            output -= itemsToShow - 1;\n            break;\n    }\n    if (wrapAround) {\n        return output;\n    }\n    return getNumberInRange({\n        val: output,\n        max: slidesCount - itemsToShow,\n        min: 0,\n    });\n}\n\nfunction getSlidesVNodes(vNode) {\n    if (!vNode)\n        return [];\n    return vNode.reduce((acc, node) => {\n        var _a;\n        if (node.type === Fragment) {\n            return [...acc, ...getSlidesVNodes(node.children)];\n        }\n        if (((_a = node.type) === null || _a === void 0 ? void 0 : _a.name) === 'CarouselSlide') {\n            return [...acc, node];\n        }\n        return acc;\n    }, []);\n}\n\nfunction mapNumberToRange({ val, max, min = 0 }) {\n    if (val > max) {\n        return mapNumberToRange({ val: val - (max + 1), max, min });\n    }\n    if (val < min) {\n        return mapNumberToRange({ val: val + (max + 1), max, min });\n    }\n    return val;\n}\n\n/**\n * return a throttle version of the function\n * Throttling\n *\n */\n// eslint-disable-next-line no-unused-vars\nfunction throttle(fn, limit) {\n    let inThrottle;\n    if (!limit) {\n        return fn;\n    }\n    return function (...args) {\n        const self = this;\n        if (!inThrottle) {\n            fn.apply(self, args);\n            inThrottle = true;\n            setTimeout(() => (inThrottle = false), limit);\n        }\n    };\n}\n\n/**\n * return a debounced version of the function\n * @param fn\n * @param delay\n */\n// eslint-disable-next-line no-unused-vars\nfunction debounce(fn, delay) {\n    let timerId;\n    return function (...args) {\n        if (timerId) {\n            clearTimeout(timerId);\n        }\n        timerId = setTimeout(() => {\n            fn(...args);\n            timerId = null;\n        }, delay);\n    };\n}\n\nfunction i18nFormatter(string = '', values = {}) {\n    return Object.entries(values).reduce((acc, [key, value]) => acc.replace(`{${key}}`, String(value)), string);\n}\n\nvar ARIAComponent = defineComponent({\n    name: 'ARIA',\n    setup() {\n        const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\n        const currentSlide = inject('currentSlide', ref(0));\n        const slidesCount = inject('slidesCount', ref(0));\n        return () => h('div', {\n            class: ['carousel__liveregion', 'carousel__sr-only'],\n            'aria-live': 'polite',\n            'aria-atomic': 'true',\n        }, i18nFormatter(config.i18n['itemXofY'], {\n            currentSlide: currentSlide.value + 1,\n            slidesCount: slidesCount.value,\n        }));\n    },\n});\n\nvar Carousel = defineComponent({\n    name: 'Carousel',\n    props: carouselProps,\n    setup(props, { slots, emit, expose }) {\n        var _a;\n        const root = ref(null);\n        const slides = ref([]);\n        const slideWidth = ref(0);\n        const slidesCount = ref(0);\n        // current config\n        const config = reactive(Object.assign({}, defaultConfigs));\n        // default carousel configs\n        let __defaultConfig = Object.assign({}, defaultConfigs);\n        // breakpoints configs\n        let breakpoints;\n        // slides\n        const currentSlideIndex = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : 0);\n        const prevSlideIndex = ref(0);\n        const middleSlideIndex = ref(0);\n        const maxSlideIndex = ref(0);\n        const minSlideIndex = ref(0);\n        let autoplayTimer;\n        let transitionTimer;\n        provide('config', config);\n        provide('slidesCount', slidesCount);\n        provide('currentSlide', currentSlideIndex);\n        provide('maxSlide', maxSlideIndex);\n        provide('minSlide', minSlideIndex);\n        provide('slideWidth', slideWidth);\n        /**\n         * Configs\n         */\n        function initDefaultConfigs() {\n            breakpoints = Object.assign({}, props.breakpoints);\n            __defaultConfig = Object.assign(Object.assign(Object.assign({}, __defaultConfig), props), { i18n: Object.assign(Object.assign({}, __defaultConfig.i18n), props.i18n), breakpoints: undefined });\n            bindConfigs(__defaultConfig);\n        }\n        function updateBreakpointsConfigs() {\n            if (!breakpoints || !Object.keys(breakpoints).length)\n                return;\n            const breakpointsArray = Object.keys(breakpoints)\n                .map((key) => Number(key))\n                .sort((a, b) => +b - +a);\n            let newConfig = Object.assign({}, __defaultConfig);\n            breakpointsArray.some((breakpoint) => {\n                const isMatched = window.matchMedia(`(min-width: ${breakpoint}px)`).matches;\n                if (isMatched) {\n                    newConfig = Object.assign(Object.assign({}, newConfig), breakpoints[breakpoint]);\n                }\n                return isMatched;\n            });\n            bindConfigs(newConfig);\n        }\n        function bindConfigs(newConfig) {\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            //@ts-ignore\n            Object.entries(newConfig).forEach(([key, val]) => (config[key] = val));\n        }\n        const handleWindowResize = debounce(() => {\n            updateBreakpointsConfigs();\n            updateSlidesData();\n            updateSlideWidth();\n        }, 16);\n        /**\n         * Setup functions\n         */\n        function updateSlideWidth() {\n            if (!root.value)\n                return;\n            const rect = root.value.getBoundingClientRect();\n            slideWidth.value = rect.width / config.itemsToShow;\n        }\n        function updateSlidesData() {\n            if (slidesCount.value <= 0)\n                return;\n            middleSlideIndex.value = Math.ceil((slidesCount.value - 1) / 2);\n            maxSlideIndex.value = getMaxSlideIndex({ config, slidesCount: slidesCount.value });\n            minSlideIndex.value = getMinSlideIndex({ config, slidesCount: slidesCount.value });\n            if (!config.wrapAround) {\n                currentSlideIndex.value = getNumberInRange({\n                    val: currentSlideIndex.value,\n                    max: maxSlideIndex.value,\n                    min: minSlideIndex.value,\n                });\n            }\n        }\n        onMounted(() => {\n            nextTick(() => updateSlideWidth());\n            // Overcome some edge cases\n            setTimeout(() => updateSlideWidth(), 1000);\n            updateBreakpointsConfigs();\n            initAutoplay();\n            window.addEventListener('resize', handleWindowResize, { passive: true });\n            emit('init');\n        });\n        onUnmounted(() => {\n            if (transitionTimer) {\n                clearTimeout(transitionTimer);\n            }\n            if (autoplayTimer) {\n                clearInterval(autoplayTimer);\n            }\n            window.removeEventListener('resize', handleWindowResize, {\n                passive: true,\n            });\n        });\n        /**\n         * Carousel Event listeners\n         */\n        let isTouch = false;\n        const startPosition = { x: 0, y: 0 };\n        const endPosition = { x: 0, y: 0 };\n        const dragged = reactive({ x: 0, y: 0 });\n        const isHover = ref(false);\n        const isDragging = ref(false);\n        const handleMouseEnter = () => {\n            isHover.value = true;\n        };\n        const handleMouseLeave = () => {\n            isHover.value = false;\n        };\n        function handleDragStart(event) {\n            if (['INPUT', 'TEXTAREA', 'SELECT'].includes(event.target.tagName)) {\n                return;\n            }\n            isTouch = event.type === 'touchstart';\n            if (!isTouch) {\n                event.preventDefault();\n            }\n            if ((!isTouch && event.button !== 0) || isSliding.value) {\n                return;\n            }\n            startPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\n            startPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\n            document.addEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\n            document.addEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\n        }\n        const handleDragging = throttle((event) => {\n            isDragging.value = true;\n            endPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\n            endPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\n            const deltaX = endPosition.x - startPosition.x;\n            const deltaY = endPosition.y - startPosition.y;\n            dragged.y = deltaY;\n            dragged.x = deltaX;\n        }, config.throttle);\n        function handleDragEnd() {\n            const direction = config.dir === 'rtl' ? -1 : 1;\n            const tolerance = Math.sign(dragged.x) * 0.4;\n            const draggedSlides = Math.round(dragged.x / slideWidth.value + tolerance) * direction;\n            // Prevent clicking if there is clicked slides\n            if (draggedSlides && !isTouch) {\n                const captureClick = (e) => {\n                    window.removeEventListener('click', captureClick, true);\n                };\n                window.addEventListener('click', captureClick, true);\n            }\n            slideTo(currentSlideIndex.value - draggedSlides);\n            dragged.x = 0;\n            dragged.y = 0;\n            isDragging.value = false;\n            document.removeEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\n            document.removeEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\n        }\n        /**\n         * Autoplay\n         */\n        function initAutoplay() {\n            if (!config.autoplay || config.autoplay <= 0) {\n                return;\n            }\n            autoplayTimer = setInterval(() => {\n                if (config.pauseAutoplayOnHover && isHover.value) {\n                    return;\n                }\n                next();\n            }, config.autoplay);\n        }\n        function resetAutoplay() {\n            if (autoplayTimer) {\n                clearInterval(autoplayTimer);\n                autoplayTimer = null;\n            }\n            initAutoplay();\n        }\n        /**\n         * Navigation function\n         */\n        const isSliding = ref(false);\n        function slideTo(slideIndex) {\n            const currentVal = config.wrapAround\n                ? slideIndex\n                : getNumberInRange({\n                    val: slideIndex,\n                    max: maxSlideIndex.value,\n                    min: minSlideIndex.value,\n                });\n            if (currentSlideIndex.value === currentVal || isSliding.value) {\n                return;\n            }\n            emit('slide-start', {\n                slidingToIndex: slideIndex,\n                currentSlideIndex: currentSlideIndex.value,\n                prevSlideIndex: prevSlideIndex.value,\n                slidesCount: slidesCount.value,\n            });\n            isSliding.value = true;\n            prevSlideIndex.value = currentSlideIndex.value;\n            currentSlideIndex.value = currentVal;\n            transitionTimer = setTimeout(() => {\n                if (config.wrapAround) {\n                    const mappedNumber = mapNumberToRange({\n                        val: currentVal,\n                        max: maxSlideIndex.value,\n                        min: 0,\n                    });\n                    if (mappedNumber !== currentSlideIndex.value) {\n                        currentSlideIndex.value = mappedNumber;\n                        emit('loop', {\n                            currentSlideIndex: currentSlideIndex.value,\n                            slidingToIndex: slideIndex,\n                        });\n                    }\n                }\n                emit('update:modelValue', currentSlideIndex.value);\n                emit('slide-end', {\n                    currentSlideIndex: currentSlideIndex.value,\n                    prevSlideIndex: prevSlideIndex.value,\n                    slidesCount: slidesCount.value,\n                });\n                isSliding.value = false;\n                resetAutoplay();\n            }, config.transition);\n        }\n        function next() {\n            slideTo(currentSlideIndex.value + config.itemsToScroll);\n        }\n        function prev() {\n            slideTo(currentSlideIndex.value - config.itemsToScroll);\n        }\n        const nav = { slideTo, next, prev };\n        provide('nav', nav);\n        provide('isSliding', isSliding);\n        /**\n         * Track style\n         */\n        const slidesToScroll = computed(() => getSlidesToScroll({\n            config,\n            currentSlide: currentSlideIndex.value,\n            slidesCount: slidesCount.value,\n        }));\n        provide('slidesToScroll', slidesToScroll);\n        const trackStyle = computed(() => {\n            const direction = config.dir === 'rtl' ? -1 : 1;\n            const xScroll = slidesToScroll.value * slideWidth.value * direction;\n            return {\n                transform: `translateX(${dragged.x - xScroll}px)`,\n                transition: `${isSliding.value ? config.transition : 0}ms`,\n                margin: config.wrapAround ? `0 -${slidesCount.value * slideWidth.value}px` : '',\n                width: `100%`,\n            };\n        });\n        function restartCarousel() {\n            initDefaultConfigs();\n            updateBreakpointsConfigs();\n            updateSlidesData();\n            updateSlideWidth();\n            resetAutoplay();\n        }\n        // Update the carousel on props change\n        Object.keys(carouselProps).forEach((prop) => {\n            if (['modelValue'].includes(prop))\n                return;\n            watch(() => props[prop], restartCarousel);\n        });\n        // Handle changing v-model value\n        watch(() => props['modelValue'], (val) => {\n            if (val === currentSlideIndex.value) {\n                return;\n            }\n            slideTo(Number(val));\n        });\n        // Handel when slides added/removed\n        watch(slidesCount, updateSlidesData);\n        // Init carousel\n        emit('before-init');\n        initDefaultConfigs();\n        const data = {\n            config,\n            slidesCount,\n            slideWidth,\n            next,\n            prev,\n            slideTo,\n            currentSlide: currentSlideIndex,\n            maxSlide: maxSlideIndex,\n            minSlide: minSlideIndex,\n            middleSlide: middleSlideIndex,\n        };\n        expose({\n            updateBreakpointsConfigs,\n            updateSlidesData,\n            updateSlideWidth,\n            initDefaultConfigs,\n            restartCarousel,\n            slideTo,\n            next,\n            prev,\n            nav,\n            data,\n        });\n        const slotSlides = slots.default || slots.slides;\n        const slotAddons = slots.addons;\n        const slotsProps = reactive(data);\n        return () => {\n            const slidesElements = getSlidesVNodes(slotSlides === null || slotSlides === void 0 ? void 0 : slotSlides(slotsProps));\n            const addonsElements = (slotAddons === null || slotAddons === void 0 ? void 0 : slotAddons(slotsProps)) || [];\n            slidesElements.forEach((el, index) => (el.props.index = index));\n            let output = slidesElements;\n            if (config.wrapAround) {\n                const slidesBefore = slidesElements.map((el, index) => cloneVNode(el, {\n                    index: -slidesElements.length + index,\n                    isClone: true,\n                    key: `clone-before-${index}`,\n                }));\n                const slidesAfter = slidesElements.map((el, index) => cloneVNode(el, {\n                    index: slidesElements.length + index,\n                    isClone: true,\n                    key: `clone-after-${index}`,\n                }));\n                output = [...slidesBefore, ...slidesElements, ...slidesAfter];\n            }\n            slides.value = slidesElements;\n            slidesCount.value = Math.max(slidesElements.length, 1);\n            const trackEl = h('ol', {\n                class: 'carousel__track',\n                style: trackStyle.value,\n                onMousedownCapture: config.mouseDrag ? handleDragStart : null,\n                onTouchstartPassiveCapture: config.touchDrag ? handleDragStart : null,\n            }, output);\n            const viewPortEl = h('div', { class: 'carousel__viewport' }, trackEl);\n            return h('section', {\n                ref: root,\n                class: {\n                    carousel: true,\n                    'is-sliding': isSliding.value,\n                    'is-dragging': isDragging.value,\n                    'is-hover': isHover.value,\n                    'carousel--rtl': config.dir === 'rtl',\n                },\n                dir: config.dir,\n                'aria-label': config.i18n['ariaGallery'],\n                tabindex: '0',\n                onMouseenter: handleMouseEnter,\n                onMouseleave: handleMouseLeave,\n            }, [viewPortEl, addonsElements, h(ARIAComponent)]);\n        };\n    },\n});\n\nvar IconName;\n(function (IconName) {\n    IconName[\"arrowUp\"] = \"arrowUp\";\n    IconName[\"arrowDown\"] = \"arrowDown\";\n    IconName[\"arrowRight\"] = \"arrowRight\";\n    IconName[\"arrowLeft\"] = \"arrowLeft\";\n})(IconName || (IconName = {}));\nconst icons = {\n    arrowUp: 'M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z',\n    arrowDown: 'M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z',\n    arrowRight: 'M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z',\n    arrowLeft: 'M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z',\n};\n\nfunction isIconName(candidate) {\n    return candidate in IconName;\n}\nconst Icon = (props) => {\n    const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\n    const iconName = String(props.name);\n    const iconI18n = `icon${iconName.charAt(0).toUpperCase() + iconName.slice(1)}`;\n    if (!iconName || typeof iconName !== 'string' || !isIconName(iconName)) {\n        return;\n    }\n    const path = icons[iconName];\n    const pathEl = h('path', { d: path });\n    const iconTitle = config.i18n[iconI18n] || props.title || iconName;\n    const titleEl = h('title', iconTitle);\n    return h('svg', {\n        class: 'carousel__icon',\n        viewBox: '0 0 24 24',\n        role: 'img',\n        'aria-label': iconTitle,\n    }, [titleEl, pathEl]);\n};\nIcon.props = { name: String, title: String };\n\nconst Navigation = (props, { slots, attrs }) => {\n    const { next: slotNext, prev: slotPrev } = slots || {};\n    const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\n    const maxSlide = inject('maxSlide', ref(1));\n    const minSlide = inject('minSlide', ref(1));\n    const currentSlide = inject('currentSlide', ref(1));\n    const nav = inject('nav', {});\n    const { dir, wrapAround, i18n } = config;\n    const isRTL = dir === 'rtl';\n    const prevButton = h('button', {\n        type: 'button',\n        class: [\n            'carousel__prev',\n            !wrapAround && currentSlide.value <= minSlide.value && 'carousel__prev--disabled',\n            attrs === null || attrs === void 0 ? void 0 : attrs.class,\n        ],\n        'aria-label': i18n['ariaPreviousSlide'],\n        onClick: nav.prev,\n    }, (slotPrev === null || slotPrev === void 0 ? void 0 : slotPrev()) || h(Icon, { name: isRTL ? 'arrowRight' : 'arrowLeft' }));\n    const nextButton = h('button', {\n        type: 'button',\n        class: [\n            'carousel__next',\n            !wrapAround && currentSlide.value >= maxSlide.value && 'carousel__next--disabled',\n            attrs === null || attrs === void 0 ? void 0 : attrs.class,\n        ],\n        'aria-label': i18n['ariaNextSlide'],\n        onClick: nav.next,\n    }, (slotNext === null || slotNext === void 0 ? void 0 : slotNext()) || h(Icon, { name: isRTL ? 'arrowLeft' : 'arrowRight' }));\n    return [prevButton, nextButton];\n};\n\nconst Pagination = () => {\n    const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\n    const maxSlide = inject('maxSlide', ref(1));\n    const minSlide = inject('minSlide', ref(1));\n    const currentSlide = inject('currentSlide', ref(1));\n    const nav = inject('nav', {});\n    const isActive = (slide) => mapNumberToRange({\n        val: currentSlide.value,\n        max: maxSlide.value,\n        min: 0,\n    }) === slide;\n    const children = [];\n    for (let slide = minSlide.value; slide < maxSlide.value + 1; slide++) {\n        const button = h('button', {\n            type: 'button',\n            class: {\n                'carousel__pagination-button': true,\n                'carousel__pagination-button--active': isActive(slide),\n            },\n            'aria-label': i18nFormatter(config.i18n['ariaNavigateToSlide'], {\n                slideNumber: slide + 1,\n            }),\n            onClick: () => nav.slideTo(slide),\n        });\n        const item = h('li', { class: 'carousel__pagination-item', key: slide }, button);\n        children.push(item);\n    }\n    return h('ol', { class: 'carousel__pagination' }, children);\n};\n\nvar Slide = defineComponent({\n    name: 'CarouselSlide',\n    props: {\n        index: {\n            type: Number,\n            default: 1,\n        },\n        isClone: {\n            type: Boolean,\n            default: false,\n        },\n    },\n    setup(props, { slots }) {\n        const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\n        const currentSlide = inject('currentSlide', ref(0));\n        const slidesToScroll = inject('slidesToScroll', ref(0));\n        const isSliding = inject('isSliding', ref(false));\n        const isActive = computed(() => props.index === currentSlide.value);\n        const isPrev = computed(() => props.index === currentSlide.value - 1);\n        const isNext = computed(() => props.index === currentSlide.value + 1);\n        const isVisible = computed(() => {\n            const min = Math.floor(slidesToScroll.value);\n            const max = Math.ceil(slidesToScroll.value + config.itemsToShow - 1);\n            return props.index >= min && props.index <= max;\n        });\n        return () => {\n            var _a;\n            return h('li', {\n                style: { width: `${100 / config.itemsToShow}%` },\n                class: {\n                    carousel__slide: true,\n                    'carousel__slide--clone': props.isClone,\n                    'carousel__slide--visible': isVisible.value,\n                    'carousel__slide--active': isActive.value,\n                    'carousel__slide--prev': isPrev.value,\n                    'carousel__slide--next': isNext.value,\n                    'carousel__slide--sliding': isSliding.value,\n                },\n                'aria-hidden': !isVisible.value,\n            }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {\n                isActive: isActive.value,\n                isClone: props.isClone,\n                isPrev: isPrev.value,\n                isNext: isNext.value,\n                isSliding: isSliding.value,\n                isVisible: isVisible.value\n            }));\n        };\n    },\n});\n\nexport { Carousel, Icon, Navigation, Pagination, Slide };\n","<script lang=\"ts\">\n  import { CarouselInstanceRef, CarouselSlide } from './Carousel.types';\n\n  export * from './Carousel.types';\n</script>\n\n<script setup lang=\"ts\" generic=\"Slide extends CarouselSlide\">\n  import 'vue3-carousel/dist/carousel.css';\n  import { ref, useAttrs, useCssModule } from 'vue';\n  import * as Vue3Carousel from 'vue3-carousel';\n\n  import { t } from '../../locale';\n  import Thumbnail from '../Thumbnail/Thumbnail.vue';\n  import ThumbnailGroup from '../ThumbnailGroup/ThumbnailGroup.vue';\n\n  defineOptions({\n    inheritAttrs: false,\n  });\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * The slides to display in the carousel.\n       */\n      slides: Slide[];\n\n      /**\n       * Time, in ms, before slides will automatically transition.\n       * If not specified, slides are static until manually transitioned.\n       */\n      autoplayInterval?: number;\n\n      /**\n       * Hide the navigation buttons\n       */\n      hideNavigation?: boolean;\n\n      /**\n       * Hide the pagination dots/tile\n       */\n      hidePagination?: boolean;\n\n      /**\n       * Number of slides to be scrolled at a time\n       */\n      itemsToScroll?: number;\n\n      /**\n       * Number of items to show on each slide\n       */\n      itemsToShow?: number;\n\n      /**\n       * Whether the carousel should loop back to the first slide after the last slide.\n       */\n      loop?: boolean;\n\n      /**\n       * The type of pagination to display.\n       */\n      pagination?: 'tile' | 'dot';\n\n      /**\n       * The radius of the pagination tiles.\n       */\n      paginationTileRadius?: 'standard' | 'full';\n\n      /**\n       * Prevents slides from automatically transitioning when hovering over the slide.\n       */\n      pauseAutoplayOnHover?: boolean;\n\n      /**\n       * Whether to round the borders of the slides.\n       */\n      roundBorders?: boolean;\n\n      /**\n       * Whether to show the pagination dots on all screen sizes.\n       */\n      staticPaginationDots?: boolean;\n    }>(),\n    {\n      autoplayInterval: 0,\n      hideNavigation: false,\n      hidePagination: false,\n      itemsToScroll: 1,\n      itemsToShow: 1,\n      loop: false,\n      pagination: 'tile',\n      paginationTileRadius: 'standard',\n      pauseAutoplayOnHover: false,\n      roundBorders: false,\n      staticPaginationDots: false,\n    },\n  );\n\n  const attrs = useAttrs();\n  const classes = useCssModule();\n  const carouselRef = ref<CarouselInstanceRef>();\n\n  const emit = defineEmits<{\n    (e: 'click', slide: Slide): void;\n    (e: 'transition', slide: Slide): void;\n    (e: 'transition:multi', slides: Slide[]): void;\n  }>();\n\n  const currentIndex = ref(0);\n\n  function handleUpdateCarouselModelValue(...args: unknown[]) {\n    const [index] = args;\n    if (index === undefined) return;\n    slideTo(index as number);\n  }\n\n  const slideTo = (index: number) => {\n    currentIndex.value = index;\n  };\n\n  const onCarouselInit = () => {\n    // carousel does not fire a transition event to the first slide when mounted.\n    // subsequent transition events are fired in the slide-end event handler.\n    onSlideTransition();\n  };\n\n  const onSlideClick = () => {\n    emit('click', props.slides[currentIndex.value]);\n  };\n\n  const onSlideTransition = () => {\n    // by default only one slide is displayed at a time for each\n    // page in the carousel.  In this case, we will only emit a\n    // transition event with a single slide object.\n    if (props.itemsToShow === 1) {\n      emit('transition', props.slides[currentIndex.value]);\n      return;\n    }\n\n    // otherwise, we will emit a transition event with an array of\n    // slides currently in view on the current page of the carousel.\n    const slidesInView = props.slides.slice(currentIndex.value, currentIndex.value + props.itemsToShow);\n\n    emit('transition:multi', slidesInView);\n    return;\n  };\n\n  /**\n   * Expose the carousel's next and prev and a move slide methods to the parent component\n   */\n  defineExpose({\n    next: () => carouselRef.value?.next(),\n    prev: () => carouselRef.value?.prev(),\n    slideTo,\n  });\n</script>\n\n<template>\n  <Vue3Carousel.Carousel\n    ref=\"carouselRef\"\n    :model-value=\"currentIndex\"\n    aria-live=\"polite\"\n    aria-roledescription=\"carousel\"\n    class=\"stash-carousel mb-6\"\n    data-test=\"stash-carousel\"\n    :autoplay=\"autoplayInterval\"\n    :class=\"classes.root\"\n    :i18n=\"{\n      ariaNextSlide: t('ll.next'),\n      ariaPreviousSlide: t('ll.previous'),\n      iconArrowLeft: t('ll.previous'),\n      iconArrowRight: t('ll.next'),\n    }\"\n    :items-to-scroll=\"props.itemsToScroll\"\n    :items-to-show=\"props.itemsToShow\"\n    :pause-autoplay-on-hover=\"pauseAutoplayOnHover\"\n    :wrap-around=\"props.loop\"\n    v-bind=\"attrs\"\n    @init=\"onCarouselInit\"\n    @slide-end=\"onSlideTransition\"\n    @update:model-value=\"handleUpdateCarouselModelValue\"\n  >\n    <Vue3Carousel.Slide\n      v-for=\"(slide, index) in props.slides\"\n      :key=\"slide.id\"\n      data-test=\"stash-carousel|slide\"\n      class=\"cursor-pointer\"\n      @click=\"onSlideClick\"\n    >\n      <slot name=\"slide\" :slide=\"slide\" :index=\"index\">\n        <img\n          class=\"size-full\"\n          :class=\"[{ rounded: props.roundBorders }]\"\n          :src=\"slide.imageUrl\"\n          :title=\"\n            t('ll.carousel.imageLabel', {\n              index: index + 1,\n              total: slides.length,\n            })\n          \"\n        />\n      </slot>\n    </Vue3Carousel.Slide>\n\n    <template #addons>\n      <Vue3Carousel.Navigation v-if=\"props.slides.length > 1 && !props.hideNavigation\" />\n    </template>\n  </Vue3Carousel.Carousel>\n\n  <template v-if=\"!props.hidePagination\">\n    <!-- Pagination Tiles -->\n    <ThumbnailGroup\n      v-if=\"props.pagination === 'tile'\"\n      :active-thumbnail=\"currentIndex\"\n      :thumbnails=\"slides\"\n      :radius=\"props.paginationTileRadius === 'full' ? 'circle' : 'rounded'\"\n      @update:active-thumbnail=\"slideTo\"\n    >\n      <Thumbnail v-for=\"slide in slides\" :key=\"slide.id\" :thumbnail=\"slide\" variant=\"translucent\" />\n    </ThumbnailGroup>\n\n    <!-- Pagination Dots -->\n    <ul\n      v-else\n      class=\"text-center\"\n      data-test=\"stash-carousel|pagination-dots\"\n      :class=\"[!staticPaginationDots && 'lg:hidden']\"\n    >\n      <li\n        v-for=\"(slide, index) in slides\"\n        :key=\"slide.imageUrl\"\n        class=\"inline-block rounded-full\"\n        :class=\"[classes['pagination-dot'], [currentIndex === index ? 'bg-blue-500' : 'bg-blue-100']]\"\n      />\n    </ul>\n  </template>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    .root :global(.carousel__icon) {\n      background-color: var(--color-white);\n      border-radius: var(--radius-sm);\n      color: var(--color-blue-500);\n      height: --spacing(9);\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: --spacing(9);\n    }\n\n    .root :global(.carousel__icon:hover) {\n      background-color: var(--color-ice-100);\n      color: var(--color-blue-700);\n    }\n\n    .root :global(.carousel__next) {\n      padding-right: --spacing(9);\n    }\n\n    .root :global(.carousel__next--disabled) {\n      display: none;\n    }\n\n    .root :global(.carousel__prev) {\n      padding-left: --spacing(9);\n    }\n\n    .root :global(.carousel__prev--disabled) {\n      display: none;\n    }\n\n    .pagination-dot {\n      height: 4px;\n      margin-right: 2px;\n      width: 4px;\n    }\n  }\n</style>\n"],"names":["defaultConfigs","carouselProps","value","getMaxSlideIndex","config","slidesCount","snapAlign","wrapAround","itemsToShow","output","getMinSlideIndex","getNumberInRange","val","max","min","getSlidesToScroll","currentSlide","getSlidesVNodes","vNode","acc","node","_a","Fragment","mapNumberToRange","throttle","fn","limit","inThrottle","args","self","debounce","delay","timerId","i18nFormatter","string","values","key","ARIAComponent","defineComponent","inject","reactive","ref","h","Carousel","props","slots","emit","expose","root","slides","slideWidth","__defaultConfig","breakpoints","currentSlideIndex","prevSlideIndex","middleSlideIndex","maxSlideIndex","minSlideIndex","autoplayTimer","transitionTimer","provide","initDefaultConfigs","bindConfigs","updateBreakpointsConfigs","breakpointsArray","a","b","newConfig","breakpoint","isMatched","handleWindowResize","updateSlidesData","updateSlideWidth","rect","onMounted","nextTick","initAutoplay","onUnmounted","isTouch","startPosition","endPosition","dragged","isHover","isDragging","handleMouseEnter","handleMouseLeave","handleDragStart","event","isSliding","handleDragging","handleDragEnd","deltaX","deltaY","direction","tolerance","draggedSlides","captureClick","e","slideTo","next","resetAutoplay","slideIndex","currentVal","mappedNumber","prev","nav","slidesToScroll","computed","trackStyle","xScroll","restartCarousel","prop","watch","data","slotSlides","slotAddons","slotsProps","slidesElements","addonsElements","el","index","slidesBefore","cloneVNode","slidesAfter","trackEl","viewPortEl","IconName","icons","isIconName","candidate","Icon","iconName","iconI18n","path","pathEl","iconTitle","titleEl","Navigation","attrs","slotNext","slotPrev","maxSlide","minSlide","dir","i18n","isRTL","prevButton","nextButton","Slide","isActive","isPrev","isNext","isVisible","__props","useAttrs","classes","useCssModule","carouselRef","__emit","currentIndex","handleUpdateCarouselModelValue","onCarouselInit","onSlideTransition","onSlideClick","slidesInView","__expose","_createVNode","Vue3Carousel.Carousel","_mergeProps","_unref","t","_createBlock","Vue3Carousel.Navigation","_openBlock","_createElementBlock","_Fragment","slide","Vue3Carousel.Slide","_renderSlot","_ctx","_createElementVNode","_normalizeClass","ThumbnailGroup","_renderList","Thumbnail"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/Checkbox.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, useAttrs as E, useSlots as V, useCssModule as A, computed as s, createElementBlock as d, openBlock as i, unref as o, normalizeClass as n, withDirectives as B, createElementVNode as x, createCommentVNode as M, mergeProps as $, vModelCheckbox as I, renderSlot as k, createTextVNode as v, toDisplayString as h } from "vue";
+import { defineComponent as C, useAttrs as E, useSlots as V, useCssModule as A, computed as s, createElementBlock as i, openBlock as n, unref as o, normalizeClass as h, withDirectives as B, createElementVNode as p, createCommentVNode as M, mergeProps as $, vModelCheckbox as I, renderSlot as v, createTextVNode as m, toDisplayString as u } from "vue";
 import N from "@leaflink/snitch";
-import m from "lodash-es/uniqueId";
+import f from "lodash-es/uniqueId";
 import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const D = ["data-test"], q = ["id", "aria-invalid", "aria-errormessage", "disabled", "value"], z = ["for"], H = ["id"], P = /* @__PURE__ */ C({
   name: "ll-checkbox",
@@ -18,8 +18,8 @@ const D = ["data-test"], q = ["id", "aria-invalid", "aria-errormessage", "disabl
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:checked"],
-  setup(f, { emit: _ }) {
-    const e = f, a = E(), y = V(), l = A(), g = _;
+  setup(l, { emit: _ }) {
+    const e = l, a = E(), y = V(), r = A(), g = _;
     if (e.modelValue !== void 0)
       throw new Error("ll-checkbox: use :checked or v-model:checked instead of :model-value and v-model.");
     if (typeof e.value == "boolean" && N.warn("ll-checkbox: use `checked` to toggle the state; `value` is what will be set if `checked` is true"), a.onChange)
@@ -27,64 +27,64 @@ const D = ["data-test"], q = ["id", "aria-invalid", "aria-errormessage", "disabl
     const w = s(() => {
       const t = { ...a };
       return delete t["data-test"], delete t.class, t;
-    }), r = s({
+    }), c = s({
       get() {
         return e.checked;
       },
       set(t) {
         g("update:checked", t);
       }
-    }), c = s(() => !!e.errorText || e.hasError), u = s(() => e.id || m("checkbox-")), b = s(() => e.errorText ? m("checkbox-error-") : void 0);
-    return (t, p) => (i(), d("div", {
-      class: n(["stash-checkbox relative m-0", [
+    }), d = s(() => !!e.errorText || e.hasError), b = s(() => e.id || f("checkbox-")), x = s(() => e.errorText ? f("checkbox-error-") : void 0);
+    return (t, k) => (n(), i("div", {
+      class: h(["stash-checkbox relative m-0", [
         o(a).class,
         {
-          "stash-checkbox--checked": !!r.value,
-          [`stash-checkbox--has-error ${o(l)["has-error"]}`]: c.value
+          "stash-checkbox--checked": !!c.value,
+          [`stash-checkbox--has-error ${o(r)["has-error"]}`]: d.value
         }
       ]]),
       "data-test": o(a)["data-test"] || "stash-checkbox"
     }, [
-      B(x("input", $({
-        id: u.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (T) => r.value = T),
+      B(p("input", $({
+        id: b.value,
+        "onUpdate:modelValue": k[0] || (k[0] = (T) => c.value = T),
         "aria-invalid": !!e.errorText,
-        "aria-errormessage": b.value,
+        "aria-errormessage": x.value,
         disabled: e.disabled,
-        class: ["sr-only lg:m-0", o(l).input],
+        class: ["sr-only lg:m-0", o(r).input],
         type: "checkbox",
-        value: t.value
+        value: l.value
       }, w.value), null, 16, q), [
-        [I, r.value]
+        [I, c.value]
       ]),
-      x("label", {
+      p("label", {
         "data-test": "stash-checkbox|label",
-        class: n(["stash-checkbox__label relative inline-block min-h-9 cursor-pointer overflow-visible py-1.5 pl-8 align-top text-sm font-normal leading-6", [
-          o(l).label,
+        class: h(["stash-checkbox__label relative inline-block min-h-9 cursor-pointer overflow-visible py-1.5 pl-8 align-top text-sm font-normal leading-6", [
+          o(r).label,
           {
-            "text-ice-900": !c.value && !e.disabled,
-            "text-red-500": c.value,
+            "text-ice-900": !d.value && !e.disabled,
+            "text-red-500": d.value,
             "text-ice-500": e.disabled
           }
         ]]),
-        for: u.value
+        for: b.value
       }, [
-        k(t.$slots, "default", {}, () => [
-          v(h(t.label), 1)
+        v(t.$slots, "default", {}, () => [
+          m(u(l.label), 1)
         ])
       ], 10, z),
-      e.errorText ? (i(), d("span", {
+      e.errorText ? (n(), i("span", {
         key: 0,
-        id: b.value,
+        id: x.value,
         class: "stash-checkbox__error-text ml-8 block whitespace-pre-line text-xs text-red-500",
         "data-test": "stash-checkbox|error"
-      }, h(e.errorText), 9, H)) : e.hintText || o(y).hint ? (i(), d("span", {
+      }, u(e.errorText), 9, H)) : e.hintText || o(y).hint ? (n(), i("span", {
         key: 1,
-        class: n(["stash-checkbox__hint-text ml-8 block whitespace-pre-line text-xs", { "text-ice-500": e.disabled }]),
+        class: h(["stash-checkbox__hint-text ml-8 block whitespace-pre-line text-xs", { "text-ice-500": e.disabled }]),
         "data-test": "stash-checkbox|hint"
       }, [
-        k(t.$slots, "hint", {}, () => [
-          v(h(e.hintText), 1)
+        v(t.$slots, "hint", {}, () => [
+          m(u(e.hintText), 1)
         ])
       ], 2)) : M("", !0)
     ], 10, D));

package/dist/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, useAttrs, useCssModule, useSlots } from 'vue';\n\n  export interface CheckboxProps {\n    /**\n     * Whether the checkbox is currently checked based on the current value.\n     * Either defined by a boolean, or whether `checked` as an array includes `value`.\n     */\n    checked: boolean | Array<string | number>;\n\n    /**\n     * Whether the checkbox is in an error state (optional). For error styling without error text.\n     *\n     * @deprecated Just pass `error-text` instead.\n     */\n    hasError?: boolean;\n\n    /**\n     * Unique ID for the checkbox, required for accessibility purposes\n     */\n    id?: string;\n\n    /**\n     * Label text to display with checkbox\n     */\n    label?: string;\n\n    /**\n     * Error text to display. Replaces `hintText` (if provided) and adds error styling (overrides `hasError`).\n     */\n    errorText?: string;\n\n    /**\n     * Displays text below the input; hidden when the isReadOnly prop is truthy.\n     */\n    hintText?: string;\n\n    /**\n     * @deprecated use the `checked` prop instead\n     */\n    modelValue?: boolean | Array<string | number>;\n\n    /**\n     * The value of the checkbox.\n     */\n    value?: string | number;\n\n    /**\n     * Whether the checkbox is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  defineOptions({\n    name: 'll-checkbox',\n    inheritAttrs: false,\n  });\n\n  const props = withDefaults(defineProps<CheckboxProps>(), {\n    errorId: undefined,\n    errorText: '',\n    hasError: false,\n    hintText: '',\n    id: undefined,\n    label: undefined,\n    modelValue: undefined,\n    value: undefined,\n    disabled: false,\n  });\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n\n  const emit = defineEmits<{\n    (e: 'update:checked', value: CheckboxProps['checked']): void;\n  }>();\n\n  if (props.modelValue !== undefined) {\n    throw new Error('ll-checkbox: use :checked or v-model:checked instead of :model-value and v-model.');\n  }\n\n  if (typeof props.value === 'boolean') {\n    logger.warn('ll-checkbox: use `checked` to toggle the state; `value` is what will be set if `checked` is true');\n  }\n\n  if (attrs.onChange) {\n    throw new Error('ll-checkbox: use the @update:checked event instead of @change.');\n  }\n\n  const inputAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    delete tempAttrs['data-test'];\n    delete tempAttrs.class;\n\n    return tempAttrs;\n  });\n\n  const internalValue = computed({\n    get() {\n      return props.checked;\n    },\n    set(value) {\n      emit('update:checked', value);\n    },\n  });\n\n  const internalHasError = computed(() => !!props.errorText || props.hasError);\n  const checkboxId = computed(() => props.id || uniqueId('checkbox-'));\n  const checkboxErrorId = computed(() => (props.errorText ? uniqueId('checkbox-error-') : undefined));\n</script>\n\n<template>\n  <div\n    class=\"stash-checkbox relative m-0\"\n    :class=\"[\n      attrs.class,\n      {\n        'stash-checkbox--checked': !!internalValue,\n        [`stash-checkbox--has-error ${classes['has-error']}`]: internalHasError,\n      },\n    ]\"\n    :data-test=\"attrs['data-test'] || 'stash-checkbox'\"\n  >\n    <input\n      :id=\"checkboxId\"\n      v-model=\"internalValue\"\n      :aria-invalid=\"!!props.errorText\"\n      :aria-errormessage=\"checkboxErrorId\"\n      :disabled=\"props.disabled\"\n      class=\"sr-only lg:m-0\"\n      :class=\"classes.input\"\n      type=\"checkbox\"\n      :value=\"value\"\n      v-bind=\"inputAttrs\"\n    />\n\n    <label\n      data-test=\"stash-checkbox|label\"\n      class=\"stash-checkbox__label relative inline-block min-h-9 cursor-pointer overflow-visible py-1.5 pl-8 align-top text-sm font-normal leading-6\"\n      :class=\"[\n        classes.label,\n        {\n          'text-ice-900': !internalHasError && !props.disabled,\n          'text-red-500': internalHasError,\n          'text-ice-500': props.disabled,\n        },\n      ]\"\n      :for=\"checkboxId\"\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </label>\n\n    <span\n      v-if=\"props.errorText\"\n      :id=\"checkboxErrorId\"\n      class=\"stash-checkbox__error-text ml-8 block whitespace-pre-line text-xs text-red-500\"\n      data-test=\"stash-checkbox|error\"\n    >\n      {{ props.errorText }}\n    </span>\n    <span\n      v-else-if=\"props.hintText || slots.hint\"\n      class=\"stash-checkbox__hint-text ml-8 block whitespace-pre-line text-xs\"\n      :class=\"{ 'text-ice-500': props.disabled }\"\n      data-test=\"stash-checkbox|hint\"\n    >\n      <!-- @slot for displaying hint text -->\n      <slot name=\"hint\">{{ props.hintText }}</slot>\n    </span>\n  </div>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    .input:disabled + .label {\n      cursor: auto;\n    }\n\n    .label::before {\n      content: '';\n      border: 1px solid var(--color-ice-500);\n      display: inline-block;\n      vertical-align: top;\n    }\n\n    .label::before,\n    .label::after {\n      border-radius: var(--radius-sm);\n      height: 20px;\n      left: 0;\n      position: absolute;\n      top: --spacing(1.5);\n      width: 20px;\n    }\n\n    .has-error .label::before,\n    .has-error .input {\n      border-color: var(--color-red-500);\n    }\n\n    .input:indeterminate + .label::after {\n      content: url('data:image/svg+xml; utf8, <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 10.4C6 10.1791 6.17909 10 6.4 10H17.6C17.8209 10 18 10.1791 18 10.4V12.6C18 12.8209 17.8209 13 17.6 13H6.4C6.17909 13 6 12.8209 6 12.6V10.4Z\" fill=\"white\"/></svg>');\n    }\n\n    .input:checked + .label::after {\n      content: url('data:image/svg+xml; utf8, <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.89 8.281a.723.723 0 0 1 .22.531.723.723 0 0 1-.22.532l-6.718 6.719a.723.723 0 0 1-.531.218.723.723 0 0 1-.532-.218l-3.89-3.891A.723.723 0 0 1 6 11.64c0-.209.073-.386.219-.532l1.062-1.062a.723.723 0 0 1 .532-.219.72.72 0 0 1 .53.219l2.298 2.305 5.125-5.133a.723.723 0 0 1 .53-.219c.21 0 .386.073.532.219l1.063 1.062z\" fill=\"white\"/></svg>');\n      background: var(--color-blue-500);\n      height: 20px;\n      width: 20px;\n      top: --spacing(1.5);\n    }\n\n    .input:checked + .label::before,\n    .input:indeterminate + .label::before {\n      background: var(--color-blue-500);\n      border-color: var(--color-blue-500);\n    }\n\n    .input:disabled + .label::before,\n    .input:disabled + .label::after {\n      background: var(--color-ice-100);\n      border: 1px solid var(--color-ice-500);\n    }\n\n    .input:disabled:is(:checked, :indeterminate) + .label::after {\n      background: var(--color-ice-500);\n    }\n\n    .input:not(:disabled, :checked, :indeterminate) + .label:hover::before {\n      border-color: var(--color-blue-500);\n    }\n  }\n</style>\n"],"names":["props","__props","attrs","useAttrs","slots","useSlots","classes","useCssModule","emit","__emit","logger","inputAttrs","computed","tempAttrs","internalValue","value","internalHasError","checkboxId","uniqueId","checkboxErrorId"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4DE,UAAMA,IAAQC,GAYRC,IAAQC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAUC,EAAA,GAEVC,IAAOC;AAIb,QAAIT,EAAM,eAAe;AACvB,YAAM,IAAI,MAAM,mFAAmF;AAOrG,QAJI,OAAOA,EAAM,SAAU,aACzBU,EAAO,KAAK,kGAAkG,GAG5GR,EAAM;AACR,YAAM,IAAI,MAAM,gEAAgE;AAGlF,UAAMS,IAAaC,EAAS,MAAM;AAChC,YAAMC,IAAY,EAAE,GAAGX,EAAA;AAEvB,oBAAOW,EAAU,WAAW,GAC5B,OAAOA,EAAU,OAEVA;AAAA,IACT,CAAC,GAEKC,IAAgBF,EAAS;AAAA,MAC7B,MAAM;AACJ,eAAOZ,EAAM;AAAA,MACf;AAAA,MACA,IAAIe,GAAO;AACT,QAAAP,EAAK,kBAAkBO,CAAK;AAAA,MAC9B;AAAA,IAAA,CACD,GAEKC,IAAmBJ,EAAS,MAAM,CAAC,CAACZ,EAAM,aAAaA,EAAM,QAAQ,GACrEiB,IAAaL,EAAS,MAAMZ,EAAM,MAAMkB,EAAS,WAAW,CAAC,GAC7DC,IAAkBP,EAAS,MAAOZ,EAAM,YAAYkB,EAAS,iBAAiB,IAAI,MAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, useAttrs, useCssModule, useSlots } from 'vue';\n\n  export interface CheckboxProps {\n    /**\n     * Whether the checkbox is currently checked based on the current value.\n     * Either defined by a boolean, or whether `checked` as an array includes `value`.\n     */\n    checked: boolean | Array<string | number>;\n\n    /**\n     * Whether the checkbox is in an error state (optional). For error styling without error text.\n     *\n     * @deprecated Just pass `error-text` instead.\n     */\n    hasError?: boolean;\n\n    /**\n     * Unique ID for the checkbox, required for accessibility purposes\n     */\n    id?: string;\n\n    /**\n     * Label text to display with checkbox\n     */\n    label?: string;\n\n    /**\n     * Error text to display. Replaces `hintText` (if provided) and adds error styling (overrides `hasError`).\n     */\n    errorText?: string;\n\n    /**\n     * Displays text below the input; hidden when the isReadOnly prop is truthy.\n     */\n    hintText?: string;\n\n    /**\n     * @deprecated use the `checked` prop instead\n     */\n    modelValue?: boolean | Array<string | number>;\n\n    /**\n     * The value of the checkbox.\n     */\n    value?: string | number;\n\n    /**\n     * Whether the checkbox is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  defineOptions({\n    name: 'll-checkbox',\n    inheritAttrs: false,\n  });\n\n  const props = withDefaults(defineProps<CheckboxProps>(), {\n    errorId: undefined,\n    errorText: '',\n    hasError: false,\n    hintText: '',\n    id: undefined,\n    label: undefined,\n    modelValue: undefined,\n    value: undefined,\n    disabled: false,\n  });\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n\n  const emit = defineEmits<{\n    (e: 'update:checked', value: CheckboxProps['checked']): void;\n  }>();\n\n  if (props.modelValue !== undefined) {\n    throw new Error('ll-checkbox: use :checked or v-model:checked instead of :model-value and v-model.');\n  }\n\n  if (typeof props.value === 'boolean') {\n    logger.warn('ll-checkbox: use `checked` to toggle the state; `value` is what will be set if `checked` is true');\n  }\n\n  if (attrs.onChange) {\n    throw new Error('ll-checkbox: use the @update:checked event instead of @change.');\n  }\n\n  const inputAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    delete tempAttrs['data-test'];\n    delete tempAttrs.class;\n\n    return tempAttrs;\n  });\n\n  const internalValue = computed({\n    get() {\n      return props.checked;\n    },\n    set(value) {\n      emit('update:checked', value);\n    },\n  });\n\n  const internalHasError = computed(() => !!props.errorText || props.hasError);\n  const checkboxId = computed(() => props.id || uniqueId('checkbox-'));\n  const checkboxErrorId = computed(() => (props.errorText ? uniqueId('checkbox-error-') : undefined));\n</script>\n\n<template>\n  <div\n    class=\"stash-checkbox relative m-0\"\n    :class=\"[\n      attrs.class,\n      {\n        'stash-checkbox--checked': !!internalValue,\n        [`stash-checkbox--has-error ${classes['has-error']}`]: internalHasError,\n      },\n    ]\"\n    :data-test=\"attrs['data-test'] || 'stash-checkbox'\"\n  >\n    <input\n      :id=\"checkboxId\"\n      v-model=\"internalValue\"\n      :aria-invalid=\"!!props.errorText\"\n      :aria-errormessage=\"checkboxErrorId\"\n      :disabled=\"props.disabled\"\n      class=\"sr-only lg:m-0\"\n      :class=\"classes.input\"\n      type=\"checkbox\"\n      :value=\"value\"\n      v-bind=\"inputAttrs\"\n    />\n\n    <label\n      data-test=\"stash-checkbox|label\"\n      class=\"stash-checkbox__label relative inline-block min-h-9 cursor-pointer overflow-visible py-1.5 pl-8 align-top text-sm font-normal leading-6\"\n      :class=\"[\n        classes.label,\n        {\n          'text-ice-900': !internalHasError && !props.disabled,\n          'text-red-500': internalHasError,\n          'text-ice-500': props.disabled,\n        },\n      ]\"\n      :for=\"checkboxId\"\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </label>\n\n    <span\n      v-if=\"props.errorText\"\n      :id=\"checkboxErrorId\"\n      class=\"stash-checkbox__error-text ml-8 block whitespace-pre-line text-xs text-red-500\"\n      data-test=\"stash-checkbox|error\"\n    >\n      {{ props.errorText }}\n    </span>\n    <span\n      v-else-if=\"props.hintText || slots.hint\"\n      class=\"stash-checkbox__hint-text ml-8 block whitespace-pre-line text-xs\"\n      :class=\"{ 'text-ice-500': props.disabled }\"\n      data-test=\"stash-checkbox|hint\"\n    >\n      <!-- @slot for displaying hint text -->\n      <slot name=\"hint\">{{ props.hintText }}</slot>\n    </span>\n  </div>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    .input:disabled + .label {\n      cursor: auto;\n    }\n\n    .label::before {\n      content: '';\n      border: 1px solid var(--color-ice-500);\n      display: inline-block;\n      vertical-align: top;\n    }\n\n    .label::before,\n    .label::after {\n      border-radius: var(--radius-sm);\n      height: 20px;\n      left: 0;\n      position: absolute;\n      top: --spacing(1.5);\n      width: 20px;\n    }\n\n    .has-error .label::before,\n    .has-error .input {\n      border-color: var(--color-red-500);\n    }\n\n    .input:indeterminate + .label::after {\n      content: url('data:image/svg+xml; utf8, <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 10.4C6 10.1791 6.17909 10 6.4 10H17.6C17.8209 10 18 10.1791 18 10.4V12.6C18 12.8209 17.8209 13 17.6 13H6.4C6.17909 13 6 12.8209 6 12.6V10.4Z\" fill=\"white\"/></svg>');\n    }\n\n    .input:checked + .label::after {\n      content: url('data:image/svg+xml; utf8, <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.89 8.281a.723.723 0 0 1 .22.531.723.723 0 0 1-.22.532l-6.718 6.719a.723.723 0 0 1-.531.218.723.723 0 0 1-.532-.218l-3.89-3.891A.723.723 0 0 1 6 11.64c0-.209.073-.386.219-.532l1.062-1.062a.723.723 0 0 1 .532-.219.72.72 0 0 1 .53.219l2.298 2.305 5.125-5.133a.723.723 0 0 1 .53-.219c.21 0 .386.073.532.219l1.063 1.062z\" fill=\"white\"/></svg>');\n      background: var(--color-blue-500);\n      height: 20px;\n      width: 20px;\n      top: --spacing(1.5);\n    }\n\n    .input:checked + .label::before,\n    .input:indeterminate + .label::before {\n      background: var(--color-blue-500);\n      border-color: var(--color-blue-500);\n    }\n\n    .input:disabled + .label::before,\n    .input:disabled + .label::after {\n      background: var(--color-ice-100);\n      border: 1px solid var(--color-ice-500);\n    }\n\n    .input:disabled:is(:checked, :indeterminate) + .label::after {\n      background: var(--color-ice-500);\n    }\n\n    .input:not(:disabled, :checked, :indeterminate) + .label:hover::before {\n      border-color: var(--color-blue-500);\n    }\n  }\n</style>\n"],"names":["props","__props","attrs","useAttrs","slots","useSlots","classes","useCssModule","emit","__emit","logger","inputAttrs","computed","tempAttrs","internalValue","value","internalHasError","checkboxId","uniqueId","checkboxErrorId","_createElementBlock","_unref","_withDirectives","_createElementVNode","_mergeProps","$event","_hoisted_2","_renderSlot","_ctx","_toDisplayString","_hoisted_4","_normalizeClass","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4DE,UAAMA,IAAQC,GAYRC,IAAQC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAUC,EAAA,GAEVC,IAAOC;AAIb,QAAIT,EAAM,eAAe;AACvB,YAAM,IAAI,MAAM,mFAAmF;AAOrG,QAJI,OAAOA,EAAM,SAAU,aACzBU,EAAO,KAAK,kGAAkG,GAG5GR,EAAM;AACR,YAAM,IAAI,MAAM,gEAAgE;AAGlF,UAAMS,IAAaC,EAAS,MAAM;AAChC,YAAMC,IAAY,EAAE,GAAGX,EAAA;AAEvB,oBAAOW,EAAU,WAAW,GAC5B,OAAOA,EAAU,OAEVA;AAAA,IACT,CAAC,GAEKC,IAAgBF,EAAS;AAAA,MAC7B,MAAM;AACJ,eAAOZ,EAAM;AAAA,MACf;AAAA,MACA,IAAIe,GAAO;AACT,QAAAP,EAAK,kBAAkBO,CAAK;AAAA,MAC9B;AAAA,IAAA,CACD,GAEKC,IAAmBJ,EAAS,MAAM,CAAC,CAACZ,EAAM,aAAaA,EAAM,QAAQ,GACrEiB,IAAaL,EAAS,MAAMZ,EAAM,MAAMkB,EAAS,WAAW,CAAC,GAC7DC,IAAkBP,EAAS,MAAOZ,EAAM,YAAYkB,EAAS,iBAAiB,IAAI,MAAU;2BAIlGE,EA2DM,OAAA;AAAA,MA1DJ,UAAM,+BAA6B;AAAA,QACnBC,EAAAnB,CAAA,EAAM;AAAA;uCAAoDY,EAAA;AAAA,UAAqD,CAAA,6BAAAO,EAAAf,CAAA,mBAAyBU,EAAA;AAAA,QAAA;AAAA;MAOvJ,aAAWK,EAAAnB,CAAA,EAAK,WAAA,KAAA;AAAA,IAAA;MAEjBoB,EAAAC,EAWE,SAXFC,EAWE;AAAA,QAVC,IAAIP,EAAA;AAAA,sDACIH,EAAa,QAAAW;AAAA,QACrB,gBAAY,CAAA,CAAIzB,EAAM;AAAA,QACtB,qBAAmBmB,EAAA;AAAA,QACnB,UAAUnB,EAAM;AAAA,QACjB,OAAK,CAAC,kBACEqB,EAAAf,CAAA,EAAQ,KAAK;AAAA,QACrB,MAAK;AAAA,QACJ,OAAOL,EAAA;AAAA,MAAA,GACAU,EAAA,KAAU,GAAA,MAAA,IAAAe,CAAA,GAAA;AAAA,YARTZ,EAAA,KAAa;AAAA,MAAA;MAWxBS,EAgBQ,SAAA;AAAA,QAfN,aAAU;AAAA,QACV,UAAM,2IAAyI;AAAA,UAC7HF,EAAAf,CAAA,EAAQ;AAAA;6BAA4CU,EAAA,SAAgB,CAAKhB,EAAM;AAAA,4BAAoCgB,EAAA;AAAA,YAA4C,gBAAAhB,EAAM;AAAA,UAAA;AAAA;QAQtL,KAAKiB,EAAA;AAAA,MAAA;QAENU,EAEOC,yBAFP,MAEO;AAAA,cADF3B,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA;;MAKJD,EAAM,kBADdoB,EAOO,QAAA;AAAA;QALJ,IAAID,EAAA;AAAA,QACL,OAAM;AAAA,QACN,aAAU;AAAA,MAAA,GAEPU,EAAA7B,EAAM,SAAS,GAAA,GAAA8B,CAAA,KAGP9B,EAAM,YAAYqB,EAAAjB,CAAA,EAAM,aADrCgB,EAQO,QAAA;AAAA;QANL,OAAKW,EAAA,CAAC,oEAAkE,EAAA,gBAC9C/B,EAAM,SAAA,CAAQ,CAAA;AAAA,QACxC,aAAU;AAAA,MAAA;QAGV2B,EAA6CC,sBAA7C,MAA6C;AAAA,UAAxBI,EAAAH,EAAA7B,EAAM,QAAQ,GAAA,CAAA;AAAA,QAAA;;;;;;;;;;;"}

package/dist/ChevronToggle.vue_vue_type_script_setup_true_lang-Ce_qOXfR.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronToggle.vue_vue_type_script_setup_true_lang-Ce_qOXfR.js","sources":["../src/components/ChevronToggle/ChevronToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  import Button from '../Button/Button.vue';\n  import { IconName } from '../Icon/Icon.types';\n  import Icon from '../Icon/Icon.vue';\n\n  enum ChevronToggleDirections {\n    Up = 'up',\n    Down = 'down',\n    Left = 'left',\n    Right = 'right',\n  }\n\n  export type ChevronToggleDirection = `${ChevronToggleDirections}`;\n\n  export interface ChevronToggleProps {\n    direction?: ChevronToggleDirection;\n  }\n\n  const props = withDefaults(defineProps<ChevronToggleProps>(), {\n    direction: 'down',\n  });\n\n  const emit = defineEmits<{ (e: 'click'): void }>();\n\n  const icon = computed<IconName>(() => `chevron-${props.direction}`);\n</script>\n\n<template>\n  <Button class=\"stash-chevron-toggle\" icon data-test=\"stash-chevron-toggle\" @click=\"emit('click')\">\n    <Icon :name=\"icon\" :data-test=\"`icon|${icon}`\" />\n  </Button>\n</template>\n"],"names":["props","__props","emit","__emit","icon","computed"],"mappings":";;;;;;;;;;AAoBE,UAAMA,IAAQC,GAIRC,IAAOC,GAEPC,IAAOC,EAAmB,MAAM,WAAWL,EAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ChevronToggle.vue_vue_type_script_setup_true_lang-Ce_qOXfR.js","sources":["../src/components/ChevronToggle/ChevronToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  import Button from '../Button/Button.vue';\n  import { IconName } from '../Icon/Icon.types';\n  import Icon from '../Icon/Icon.vue';\n\n  enum ChevronToggleDirections {\n    Up = 'up',\n    Down = 'down',\n    Left = 'left',\n    Right = 'right',\n  }\n\n  export type ChevronToggleDirection = `${ChevronToggleDirections}`;\n\n  export interface ChevronToggleProps {\n    direction?: ChevronToggleDirection;\n  }\n\n  const props = withDefaults(defineProps<ChevronToggleProps>(), {\n    direction: 'down',\n  });\n\n  const emit = defineEmits<{ (e: 'click'): void }>();\n\n  const icon = computed<IconName>(() => `chevron-${props.direction}`);\n</script>\n\n<template>\n  <Button class=\"stash-chevron-toggle\" icon data-test=\"stash-chevron-toggle\" @click=\"emit('click')\">\n    <Icon :name=\"icon\" :data-test=\"`icon|${icon}`\" />\n  </Button>\n</template>\n"],"names":["props","__props","emit","__emit","icon","computed","_createBlock","Button","_createVNode","Icon"],"mappings":";;;;;;;;;;AAoBE,UAAMA,IAAQC,GAIRC,IAAOC,GAEPC,IAAOC,EAAmB,MAAM,WAAWL,EAAM,SAAS,EAAE;2BAIlEM,EAESC,GAAA;AAAA,MAFD,OAAM;AAAA,MAAuB,MAAA;AAAA,MAAK,aAAU;AAAA,MAAwB,gCAAOL,EAAI,OAAA;AAAA,IAAA;iBACrF,MAAiD;AAAA,QAAjDM,EAAiDC,GAAA;AAAA,UAA1C,MAAML,EAAA;AAAA,UAAO,qBAAmBA,EAAA,KAAI;AAAA,QAAA;;;;;;"}

package/dist/Chip.js

@@ -1,8 +1,8 @@
-import { defineComponent as f, useCssModule as b, createElementBlock as r, openBlock as d, normalizeClass as n, unref as i, renderSlot as m, createCommentVNode as v, withModifiers as u, withKeys as _, createVNode as C } from "vue";
+import { defineComponent as f, useCssModule as b, createElementBlock as r, openBlock as d, normalizeClass as n, unref as i, renderSlot as u, createCommentVNode as v, withModifiers as c, withKeys as C, createVNode as _ } from "vue";
 import y from "./utils/colorScheme.js";
 import $ from "./Icon.js";
 import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const k = ["disabled"], w = /* @__PURE__ */ f({
+const x = ["disabled"], k = /* @__PURE__ */ f({
   name: "ll-chip",
   __name: "Chip",
   props: {
@@ -17,13 +17,13 @@ const k = ["disabled"], w = /* @__PURE__ */ f({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click", "remove"],
-  setup(c, { emit: p }) {
-    const e = c, a = p, t = b();
+  setup(m, { emit: p }) {
+    const e = m, a = p, s = b();
     function h() {
-      const { computedBgColor: s, computedTextColor: o } = y({
+      const { computedBgColor: t, computedTextColor: o } = y({
         shade: e.shade,
         color: e.colorScheme
-      }), l = `text-${e.textColor || o} bg-${e.bgColor || s}`;
+      }), l = `text-${e.textColor || o} bg-${e.bgColor || t}`;
       return {
         "rounded-none": e.radius === "none",
         "rounded-xs": e.radius === "standard",
@@ -32,50 +32,50 @@ const k = ["disabled"], w = /* @__PURE__ */ f({
         "bg-ice-500 text-white": e.disabled
       };
     }
-    return (s, o) => (d(), r("span", {
+    return (t, o) => (d(), r("span", {
       class: n(["stash-chip relative inline-flex items-center", [
         `stash-chip--radius-${e.radius}`,
         `stash-chip--size-${e.size}`,
         `stash-chip--shade-${e.shade}`,
-        i(t).root,
-        i(t).removableChip,
-        i(t)[`size-${e.size}`],
+        i(s).root,
+        i(s).removableChip,
+        i(s)[`size-${e.size}`],
         h()
       ]]),
       "data-test": "stash-chip",
       onClick: o[2] || (o[2] = (l) => a("click"))
     }, [
-      s.isRemovable ? (d(), r("span", {
+      m.isRemovable ? (d(), r("span", {
         key: 0,
         class: n([{ "mr-6 truncate": e.isRemovable }])
       }, [
-        m(s.$slots, "default")
-      ], 2)) : m(s.$slots, "default", { key: 1 }),
+        u(t.$slots, "default")
+      ], 2)) : u(t.$slots, "default", { key: 1 }),
       e.isRemovable ? (d(), r("button", {
         key: 2,
         tabindex: "-1",
-        class: n(["stash-chip__remove-button", ["absolute", i(t)["remove-button"]]]),
+        class: n(["stash-chip__remove-button", ["absolute", i(s)["remove-button"]]]),
         "data-test": "stash-chip|remove-button",
         disabled: e.disabled,
-        onKeypress: o[0] || (o[0] = _(u((l) => a("remove"), ["prevent"]), ["enter"])),
-        onMousedown: o[1] || (o[1] = u((l) => a("remove"), ["prevent", "stop"]))
+        onKeypress: o[0] || (o[0] = C(c((l) => a("remove"), ["prevent"]), ["enter"])),
+        onMousedown: o[1] || (o[1] = c((l) => a("remove"), ["prevent", "stop"]))
       }, [
-        C($, {
+        _($, {
           "data-test": "icon|close",
           name: "close",
           size: "small"
         })
-      ], 42, k)) : v("", !0)
+      ], 42, x)) : v("", !0)
     ], 2));
   }
-}), x = "_root_1jiew_5", g = {
-  root: x,
+}), w = "_root_1jiew_5", g = {
+  root: w,
   "size-medium": "_size-medium_1jiew_15",
   "size-small": "_size-small_1jiew_20",
   "remove-button": "_remove-button_1jiew_25"
 }, B = {
   $style: g
-}, K = /* @__PURE__ */ z(w, [["__cssModules", B]]);
+}, K = /* @__PURE__ */ z(k, [["__cssModules", B]]);
 export {
   K as default
 };

package/dist/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../src/components/Chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useCssModule } from 'vue';\n\n  import { StashCommonColor, StashPrimaryColorGroup } from '../../../types/colors';\n  import colorSchemeUtil from '../../utils/colorScheme';\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({\n    name: 'll-chip',\n  });\n\n  export interface ChipProps {\n    /**\n     * The color for the chip that determines both the text and bg color. Needs to\n     * be one of the brand colors in our design system (not a shade).\n     */\n    colorScheme?: StashPrimaryColorGroup;\n\n    /**\n     * The shade of the provided color to use for the background color. This effects the inferred\n     * text color unless a specific text color is provided. Currently only `light` and `main`\n     * shades are supported. `dark` may be added in the future.\n     */\n    shade?: 'light' | 'main';\n\n    /**\n     * The size of the chip.\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * The type of border radius to use.\n     */\n    radius?: 'none' | 'standard' | 'pill';\n\n    /**\n     * The background color of the chip. Needs to be one of our design system colors.\n     */\n    bgColor?: StashCommonColor;\n\n    /**\n     * The color of the chip text. Needs to be one of our design system colors.\n     */\n    textColor?: StashCommonColor;\n\n    /**\n     * Determines if a close icon is surfaced.\n     */\n    isRemovable?: boolean;\n\n    /**\n     * Determines if background and text color in Chip should be overidden.\n     */\n    shouldOverrideColors?: boolean;\n\n    /**\n     * Determines if the chip is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ChipProps>(), {\n    size: 'medium',\n    radius: 'standard',\n    colorScheme: 'ice',\n    shade: 'light',\n    bgColor: undefined,\n    textColor: undefined,\n    isRemovable: false,\n    shouldOverrideColors: false,\n    disabled: false,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Fires on click of the chip.\n     */\n    (e: 'click'): void;\n    /**\n     * If `is-removable` is true, fires on click of the close button.\n     */\n    (e: 'remove'): void;\n  }>();\n\n  const classes = useCssModule();\n\n  function determineConditionalStyles() {\n    const { computedBgColor, computedTextColor } = colorSchemeUtil({\n      shade: props.shade,\n      color: props.colorScheme,\n    });\n\n    const colorStyles = `text-${props.textColor || computedTextColor} bg-${props.bgColor || computedBgColor}`;\n\n    return {\n      'rounded-none': props.radius === 'none',\n      'rounded-xs': props.radius === 'standard',\n      'rounded-full': props.radius === 'pill',\n      [colorStyles]: !props.shouldOverrideColors && !props.disabled,\n      'bg-ice-500 text-white': props.disabled,\n    };\n  }\n</script>\n\n<template>\n  <span\n    class=\"stash-chip relative inline-flex items-center\"\n    :class=\"[\n      `stash-chip--radius-${props.radius}`,\n      `stash-chip--size-${props.size}`,\n      `stash-chip--shade-${props.shade}`,\n      classes.root,\n      classes.removableChip,\n      classes[`size-${props.size}`],\n      determineConditionalStyles(),\n    ]\"\n    data-test=\"stash-chip\"\n    @click=\"emit('click')\"\n  >\n    <span v-if=\"isRemovable\" :class=\"[{ 'mr-6 truncate': props.isRemovable }]\">\n      <!-- @slot Chip text -->\n      <slot></slot>\n    </span>\n\n    <!-- Allows easier testing and DOM quering when the chip text isn't nested in an inner span -->\n    <!-- @slot Chip text -->\n    <slot v-else></slot>\n\n    <button\n      v-if=\"props.isRemovable\"\n      tabindex=\"-1\"\n      class=\"stash-chip__remove-button\"\n      :class=\"['absolute', classes['remove-button']]\"\n      data-test=\"stash-chip|remove-button\"\n      :disabled=\"props.disabled\"\n      @keypress.enter.prevent=\"emit('remove')\"\n      @mousedown.prevent.stop=\"emit('remove')\"\n    >\n      <Icon data-test=\"icon|close\" name=\"close\" size=\"small\" />\n    </button>\n  </span>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    .root {\n      /**\n       * Applying these styles this way because the rule of thumb is that tailwind classes should\n       * always end up taking precedence, so we're converted these specific styles to be generated\n       * in a custom class instead, giving `FilterChip` (which wraps `Chip`) the ability to easily\n       * override them.\n       */\n      @apply leading-none font-semibold uppercase text-[10px];\n    }\n\n    .size-medium {\n      height: 20px;\n      padding: 2px 8px 0 8px;\n    }\n\n    .size-small {\n      height: 16px;\n      padding: 2px 8px 0 8px;\n    }\n\n    .remove-button {\n      border-radius: inherit;\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      height: inherit;\n      margin-top: -2px; /* used to offset 2px top padding from .size-medium and size-small */\n      padding: 0 4px;\n      right: 0;\n    }\n\n    .remove-button:not(:disabled):hover {\n      background: rgb(0 0 0 / 10%);\n    }\n  }\n</style>\n"],"names":["props","__props","emit","__emit","classes","useCssModule","determineConditionalStyles","computedBgColor","computedTextColor","colorSchemeUtil","colorStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;AA6DE,UAAMA,IAAQC,GAYRC,IAAOC,GAWPC,IAAUC,EAAA;AAEhB,aAASC,IAA6B;AACpC,YAAM,EAAE,iBAAAC,GAAiB,mBAAAC,EAAA,IAAsBC,EAAgB;AAAA,QAC7D,OAAOT,EAAM;AAAA,QACb,OAAOA,EAAM;AAAA,MAAA,CACd,GAEKU,IAAc,QAAQV,EAAM,aAAaQ,CAAiB,OAAOR,EAAM,WAAWO,CAAe;AAEvG,aAAO;AAAA,QACL,gBAAgBP,EAAM,WAAW;AAAA,QACjC,cAAcA,EAAM,WAAW;AAAA,QAC/B,gBAAgBA,EAAM,WAAW;AAAA,QACjC,CAACU,CAAW,GAAG,CAACV,EAAM,wBAAwB,CAACA,EAAM;AAAA,QACrD,yBAAyBA,EAAM;AAAA,MAAA;AAAA,IAEnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Chip.js","sources":["../src/components/Chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useCssModule } from 'vue';\n\n  import { StashCommonColor, StashPrimaryColorGroup } from '../../../types/colors';\n  import colorSchemeUtil from '../../utils/colorScheme';\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({\n    name: 'll-chip',\n  });\n\n  export interface ChipProps {\n    /**\n     * The color for the chip that determines both the text and bg color. Needs to\n     * be one of the brand colors in our design system (not a shade).\n     */\n    colorScheme?: StashPrimaryColorGroup;\n\n    /**\n     * The shade of the provided color to use for the background color. This effects the inferred\n     * text color unless a specific text color is provided. Currently only `light` and `main`\n     * shades are supported. `dark` may be added in the future.\n     */\n    shade?: 'light' | 'main';\n\n    /**\n     * The size of the chip.\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * The type of border radius to use.\n     */\n    radius?: 'none' | 'standard' | 'pill';\n\n    /**\n     * The background color of the chip. Needs to be one of our design system colors.\n     */\n    bgColor?: StashCommonColor;\n\n    /**\n     * The color of the chip text. Needs to be one of our design system colors.\n     */\n    textColor?: StashCommonColor;\n\n    /**\n     * Determines if a close icon is surfaced.\n     */\n    isRemovable?: boolean;\n\n    /**\n     * Determines if background and text color in Chip should be overidden.\n     */\n    shouldOverrideColors?: boolean;\n\n    /**\n     * Determines if the chip is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ChipProps>(), {\n    size: 'medium',\n    radius: 'standard',\n    colorScheme: 'ice',\n    shade: 'light',\n    bgColor: undefined,\n    textColor: undefined,\n    isRemovable: false,\n    shouldOverrideColors: false,\n    disabled: false,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Fires on click of the chip.\n     */\n    (e: 'click'): void;\n    /**\n     * If `is-removable` is true, fires on click of the close button.\n     */\n    (e: 'remove'): void;\n  }>();\n\n  const classes = useCssModule();\n\n  function determineConditionalStyles() {\n    const { computedBgColor, computedTextColor } = colorSchemeUtil({\n      shade: props.shade,\n      color: props.colorScheme,\n    });\n\n    const colorStyles = `text-${props.textColor || computedTextColor} bg-${props.bgColor || computedBgColor}`;\n\n    return {\n      'rounded-none': props.radius === 'none',\n      'rounded-xs': props.radius === 'standard',\n      'rounded-full': props.radius === 'pill',\n      [colorStyles]: !props.shouldOverrideColors && !props.disabled,\n      'bg-ice-500 text-white': props.disabled,\n    };\n  }\n</script>\n\n<template>\n  <span\n    class=\"stash-chip relative inline-flex items-center\"\n    :class=\"[\n      `stash-chip--radius-${props.radius}`,\n      `stash-chip--size-${props.size}`,\n      `stash-chip--shade-${props.shade}`,\n      classes.root,\n      classes.removableChip,\n      classes[`size-${props.size}`],\n      determineConditionalStyles(),\n    ]\"\n    data-test=\"stash-chip\"\n    @click=\"emit('click')\"\n  >\n    <span v-if=\"isRemovable\" :class=\"[{ 'mr-6 truncate': props.isRemovable }]\">\n      <!-- @slot Chip text -->\n      <slot></slot>\n    </span>\n\n    <!-- Allows easier testing and DOM quering when the chip text isn't nested in an inner span -->\n    <!-- @slot Chip text -->\n    <slot v-else></slot>\n\n    <button\n      v-if=\"props.isRemovable\"\n      tabindex=\"-1\"\n      class=\"stash-chip__remove-button\"\n      :class=\"['absolute', classes['remove-button']]\"\n      data-test=\"stash-chip|remove-button\"\n      :disabled=\"props.disabled\"\n      @keypress.enter.prevent=\"emit('remove')\"\n      @mousedown.prevent.stop=\"emit('remove')\"\n    >\n      <Icon data-test=\"icon|close\" name=\"close\" size=\"small\" />\n    </button>\n  </span>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    .root {\n      /**\n       * Applying these styles this way because the rule of thumb is that tailwind classes should\n       * always end up taking precedence, so we're converted these specific styles to be generated\n       * in a custom class instead, giving `FilterChip` (which wraps `Chip`) the ability to easily\n       * override them.\n       */\n      @apply leading-none font-semibold uppercase text-[10px];\n    }\n\n    .size-medium {\n      height: 20px;\n      padding: 2px 8px 0 8px;\n    }\n\n    .size-small {\n      height: 16px;\n      padding: 2px 8px 0 8px;\n    }\n\n    .remove-button {\n      border-radius: inherit;\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      height: inherit;\n      margin-top: -2px; /* used to offset 2px top padding from .size-medium and size-small */\n      padding: 0 4px;\n      right: 0;\n    }\n\n    .remove-button:not(:disabled):hover {\n      background: rgb(0 0 0 / 10%);\n    }\n  }\n</style>\n"],"names":["props","__props","emit","__emit","classes","useCssModule","determineConditionalStyles","computedBgColor","computedTextColor","colorSchemeUtil","colorStyles","_createElementBlock","_unref","_normalizeClass","_renderSlot","_ctx","_createVNode","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;AA6DE,UAAMA,IAAQC,GAYRC,IAAOC,GAWPC,IAAUC,EAAA;AAEhB,aAASC,IAA6B;AACpC,YAAM,EAAE,iBAAAC,GAAiB,mBAAAC,EAAA,IAAsBC,EAAgB;AAAA,QAC7D,OAAOT,EAAM;AAAA,QACb,OAAOA,EAAM;AAAA,MAAA,CACd,GAEKU,IAAc,QAAQV,EAAM,aAAaQ,CAAiB,OAAOR,EAAM,WAAWO,CAAe;AAEvG,aAAO;AAAA,QACL,gBAAgBP,EAAM,WAAW;AAAA,QACjC,cAAcA,EAAM,WAAW;AAAA,QAC/B,gBAAgBA,EAAM,WAAW;AAAA,QACjC,CAACU,CAAW,GAAG,CAACV,EAAM,wBAAwB,CAACA,EAAM;AAAA,QACrD,yBAAyBA,EAAM;AAAA,MAAA;AAAA,IAEnC;2BAIAW,EAmCO,QAAA;AAAA,MAlCL,UAAM,gDAA8C;AAAA,QACd,sBAAAX,EAAM,MAAM;AAAA,QAA8B,oBAAAA,EAAM,IAAI;AAAA,QAA+B,qBAAAA,EAAM,KAAK;AAAA,QAAUY,EAAAR,CAAA,EAAQ;AAAA,QAAYQ,EAAAR,CAAA,EAAQ;AAAA,QAAqBQ,EAAAR,CAAA,EAAO,QAASJ,EAAM,IAAI,EAAA;AAAA,QAAWM,EAAA;AAAA,MAA0B;MAS9P,aAAU;AAAA,MACT,gCAAOJ,EAAI,OAAA;AAAA,IAAA;MAEAD,EAAA,oBAAZU,EAGO,QAAA;AAAA;QAHmB,OAAKE,EAAA,CAAA,EAAA,iBAAsBb,EAAM,YAAA,CAAW,CAAA;AAAA,MAAA;QAEpEc,EAAaC,EAAA,QAAA,SAAA;AAAA,MAAA,SAKfD,EAAoBC,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA;AAAA,MAGZf,EAAM,oBADdW,EAWS,UAAA;AAAA;QATP,UAAS;AAAA,QACT,OAAKE,EAAA,CAAC,6BAA2B,CAAA,YACZD,EAAAR,CAAA,EAAO,eAAA,CAAA,CAAA,CAAA;AAAA,QAC5B,aAAU;AAAA,QACT,UAAUJ,EAAM;AAAA,QAChB,uCAAwBE,EAAI,QAAA,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,QAC5B,sCAAwBA,EAAI,QAAA,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,MAAA;QAE7Bc,EAAyDC,GAAA;AAAA,UAAnD,aAAU;AAAA,UAAa,MAAK;AAAA,UAAQ,MAAK;AAAA,QAAA;;;;;;;;;;;;"}

package/dist/Chip.vue.d.ts

@@ -98,8 +98,8 @@ isRemovable: boolean;
 shouldOverrideColors: boolean;
 disabled: boolean;
 }>>> & Readonly<{
-onClick?: (() => any) | undefined;
 onRemove?: (() => any) | undefined;
+onClick?: (() => any) | undefined;
 }>, {
 disabled: boolean;
 size: "small" | "medium";