@v-c/slick 1.0.0 → 1.0.2

package/dist/Track.cjs

@@ -1,314 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_innerSliderUtils = require("./utils/innerSliderUtils.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-function getSlideClasses(spec) {
-	let slickActive = false;
-	let slickCenter = false;
-	let slickCloned = false;
-	let index = spec.index;
-	if (spec.rtl) index = spec.slideCount - 1 - index;
-	slickCloned = index < 0 || index >= spec.slideCount;
-	if (spec.centerMode) {
-		const centerOffset = Math.floor(spec.slidesToShow / 2);
-		slickCenter = (index - spec.currentSlide) % spec.slideCount === 0;
-		if (index > spec.currentSlide - centerOffset - 1 && index <= spec.currentSlide + centerOffset) slickActive = true;
-	} else slickActive = spec.currentSlide <= index && index < spec.currentSlide + spec.slidesToShow;
-	let focusedSlide = 0;
-	if (spec.targetSlide < 0) focusedSlide = spec.targetSlide + spec.slideCount;
-	else if (spec.targetSlide >= spec.slideCount) focusedSlide = spec.targetSlide - spec.slideCount;
-	else focusedSlide = spec.targetSlide;
-	const slickCurrent = index === focusedSlide;
-	return {
-		"slick-slide": true,
-		"slick-active": slickActive,
-		"slick-center": slickCenter,
-		"slick-cloned": slickCloned,
-		"slick-current": slickCurrent
-	};
-}
-function getSlideStyle(spec) {
-	const style = {};
-	if (spec.variableWidth === void 0 || spec.variableWidth === false) style.width = (0, _v_c_util_dist_props_util.getStylePxValue)(spec.slideWidth);
-	if (spec.fade) {
-		style.position = "relative";
-		if (spec.vertical && spec.slideHeight) style.top = (0, _v_c_util_dist_props_util.getStylePxValue)(-spec.index * parseInt(String(spec.slideHeight), 10));
-		else if (spec.slideWidth) style.left = (0, _v_c_util_dist_props_util.getStylePxValue)(-spec.index * parseInt(String(spec.slideWidth), 10));
-		style.opacity = spec.currentSlide === spec.index ? 1 : 0;
-		style.zIndex = spec.currentSlide === spec.index ? 999 : 998;
-		if (spec.useCSS) style.transition = `opacity ${spec.speed}ms ${spec.cssEase}, visibility ${spec.speed}ms ${spec.cssEase}`;
-	}
-	return style;
-}
-function getKey(child, fallbackKey) {
-	return `${child?.key ?? "slick"}-${fallbackKey}`;
-}
-function normalizeStyle(style) {
-	if (!style) return {};
-	if (Array.isArray(style)) return Object.assign({}, ...style);
-	if (typeof style === "object") return style;
-	return {};
-}
-function renderSlides(spec) {
-	let key = 0;
-	const slides = [];
-	const preCloneSlides = [];
-	const postCloneSlides = [];
-	const childrenCount = Array.isArray(spec.children) ? spec.children.length : 0;
-	const startIndex = require_innerSliderUtils.lazyStartIndex(spec);
-	const endIndex = require_innerSliderUtils.lazyEndIndex(spec);
-	(Array.isArray(spec.children) ? spec.children : []).forEach((elem, index) => {
-		let child;
-		const childOnClickOptions = {
-			message: "children",
-			index,
-			slidesToScroll: spec.slidesToScroll,
-			currentSlide: spec.currentSlide
-		};
-		if (!spec.lazyLoad || spec.lazyLoad && spec.lazyLoadedList.includes(index)) child = elem;
-		else child = (0, vue.createVNode)("div", null, null);
-		const childStyle = getSlideStyle({
-			...spec,
-			index
-		});
-		const childProps = (0, vue.isVNode)(child) ? child.props ?? {} : {};
-		const slideClass = childProps?.class ?? "";
-		const slideClasses = getSlideClasses({
-			...spec,
-			index
-		});
-		const clickHandler = (e) => {
-			childProps?.onClick?.(e);
-			if (spec.focusOnSelect) spec.focusOnSelect(childOnClickOptions);
-		};
-		slides.push((0, vue.cloneVNode)(child, {
-			"key": `original${getKey(child, index)}`,
-			"data-index": index,
-			"class": (0, _v_c_util.clsx)(slideClasses, slideClass),
-			"tabindex": -1,
-			"aria-hidden": !slideClasses["slick-active"],
-			"style": {
-				outline: "none",
-				...normalizeStyle(childProps?.style),
-				...childStyle
-			},
-			"onClick": clickHandler
-		}));
-		if (spec.infinite && childrenCount > 1 && spec.fade === false && !spec.unslick) {
-			const preCloneNo = childrenCount - index;
-			if (preCloneNo <= require_innerSliderUtils.getPreClones(spec)) {
-				key = -preCloneNo;
-				if (key >= startIndex) child = elem;
-				const preSlideClasses = getSlideClasses({
-					...spec,
-					index: key
-				});
-				preCloneSlides.push((0, vue.cloneVNode)(child, {
-					"key": `precloned${getKey(child, key)}`,
-					"data-index": key,
-					"tabindex": -1,
-					"class": (0, _v_c_util.clsx)(preSlideClasses, slideClass),
-					"aria-hidden": !preSlideClasses["slick-active"],
-					"style": {
-						...normalizeStyle(childProps?.style),
-						...childStyle
-					},
-					"onClick": clickHandler
-				}));
-			}
-			if (index < require_innerSliderUtils.getPostClones(spec)) {
-				key = childrenCount + index;
-				if (key < endIndex) child = elem;
-				const postSlideClasses = getSlideClasses({
-					...spec,
-					index: key
-				});
-				postCloneSlides.push((0, vue.cloneVNode)(child, {
-					"key": `postcloned${getKey(child, key)}`,
-					"data-index": key,
-					"tabindex": -1,
-					"class": (0, _v_c_util.clsx)(postSlideClasses, slideClass),
-					"aria-hidden": !postSlideClasses["slick-active"],
-					"style": {
-						...normalizeStyle(childProps?.style),
-						...childStyle
-					},
-					"onClick": clickHandler
-				}));
-			}
-		}
-	});
-	if (spec.rtl) return preCloneSlides.concat(slides, postCloneSlides).reverse();
-	return preCloneSlides.concat(slides, postCloneSlides);
-}
-var Track = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const setRef = (el) => {
-		if (props.nodeRef) props.nodeRef.value = el;
-	};
-	return () => {
-		const slides = renderSlides(props);
-		return (0, vue.createVNode)("div", {
-			"ref": setRef,
-			"class": "slick-track",
-			"style": props.trackStyle,
-			"onMouseenter": props.onMouseEnter,
-			"onMouseover": props.onMouseOver,
-			"onMouseleave": props.onMouseLeave
-		}, [slides]);
-	};
-}, { props: {
-	children: {
-		type: Array,
-		required: true,
-		default: void 0
-	},
-	currentSlide: {
-		type: Number,
-		required: true,
-		default: void 0
-	},
-	targetSlide: {
-		type: Number,
-		required: true,
-		default: void 0
-	},
-	slideCount: {
-		type: Number,
-		required: true,
-		default: void 0
-	},
-	slidesToShow: {
-		type: Number,
-		required: true,
-		default: void 0
-	},
-	slidesToScroll: {
-		type: Number,
-		required: true,
-		default: void 0
-	},
-	slideWidth: {
-		type: [
-			Number,
-			String,
-			null
-		],
-		required: false,
-		default: void 0
-	},
-	slideHeight: {
-		type: [Number, null],
-		required: false,
-		default: void 0
-	},
-	listHeight: {
-		type: [Number, null],
-		required: false,
-		default: void 0
-	},
-	fade: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	cssEase: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	speed: {
-		type: Number,
-		required: false,
-		default: void 0
-	},
-	infinite: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	centerMode: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	focusOnSelect: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	lazyLoad: {
-		type: [
-			String,
-			Boolean,
-			null
-		],
-		required: false,
-		default: void 0
-	},
-	lazyLoadedList: {
-		type: Array,
-		required: true,
-		default: void 0
-	},
-	rtl: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	vertical: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	variableWidth: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	unslick: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	centerPadding: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	trackStyle: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	useCSS: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	onMouseEnter: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onMouseOver: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onMouseLeave: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	nodeRef: {
-		type: Object,
-		required: false,
-		default: void 0
-	}
-} });
-var Track_default = Track;
-exports.default = Track_default;

package/dist/default-props.cjs

@@ -1,62 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-let vue = require("vue");
-var defaultProps = {
-	accessibility: true,
-	adaptiveHeight: false,
-	afterChange: null,
-	appendDots: (dots) => (0, vue.createVNode)("ul", { "style": { display: "block" } }, [dots]),
-	arrows: true,
-	autoplay: false,
-	autoplaySpeed: 3e3,
-	beforeChange: null,
-	centerMode: false,
-	centerPadding: "50px",
-	className: "",
-	cssEase: "ease",
-	customPaging: (i) => (0, vue.createVNode)("button", null, [i + 1]),
-	dots: false,
-	dotsClass: "slick-dots",
-	draggable: true,
-	easing: "linear",
-	edgeFriction: .35,
-	fade: false,
-	focusOnSelect: false,
-	infinite: true,
-	initialSlide: 0,
-	lazyLoad: null,
-	nextArrow: null,
-	onEdge: null,
-	onInit: null,
-	onLazyLoadError: null,
-	onReInit: null,
-	pauseOnDotsHover: false,
-	pauseOnFocus: false,
-	pauseOnHover: true,
-	prevArrow: null,
-	responsive: null,
-	rows: 1,
-	rtl: false,
-	slide: "div",
-	slidesPerRow: 1,
-	slidesToScroll: 1,
-	slidesToShow: 1,
-	speed: 500,
-	swipe: true,
-	swipeEvent: null,
-	swipeToSlide: false,
-	touchMove: true,
-	touchThreshold: 5,
-	useCSS: true,
-	useTransform: true,
-	variableWidth: false,
-	vertical: false,
-	verticalSwiping: false,
-	waitForAnimate: true,
-	asNavFor: null,
-	unslick: false
-};
-var default_props_default = defaultProps;
-exports.default = default_props_default;

package/dist/index.cjs

@@ -1,7 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Slider = require("./Slider.cjs");
-var src_default = require_Slider.default;
-exports.default = src_default;

package/dist/initial-state.cjs

@@ -1,36 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-var initialState = {
-	animating: false,
-	autoplaying: null,
-	currentDirection: 0,
-	currentLeft: null,
-	currentSlide: 0,
-	direction: 1,
-	dragging: false,
-	edgeDragged: false,
-	initialized: false,
-	lazyLoadedList: [],
-	listHeight: null,
-	listWidth: null,
-	scrolling: false,
-	slideCount: 0,
-	slideHeight: null,
-	slideWidth: null,
-	swipeLeft: null,
-	swiped: false,
-	swiping: false,
-	touchObject: {
-		startX: 0,
-		startY: 0,
-		curX: 0,
-		curY: 0
-	},
-	trackStyle: {},
-	trackWidth: 0,
-	targetSlide: 0
-};
-var initial_state_default = initialState;
-exports.default = initial_state_default;

package/dist/interface.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });