@v-c/slick 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 antdv-community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Arrows.cjs

@@ -0,0 +1,186 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_innerSliderUtils = require("./utils/innerSliderUtils.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+var PrevArrow = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
+	const clickHandler = (options, e) => {
+		e?.preventDefault();
+		props.clickHandler?.(options, e);
+	};
+	return () => {
+		const prevClasses = {
+			"slick-arrow": true,
+			"slick-prev": true
+		};
+		let prevHandler = (e) => {
+			clickHandler({ message: "previous" }, e);
+		};
+		if (!props.infinite && (props.currentSlide === 0 || props.slideCount <= props.slidesToShow)) {
+			prevClasses["slick-disabled"] = true;
+			prevHandler = void 0;
+		}
+		const prevArrowProps = {
+			"key": "0",
+			"data-role": "none",
+			"class": (0, _v_c_util.clsx)(prevClasses),
+			"style": { display: "block" },
+			"onClick": prevHandler
+		};
+		const customProps = {
+			currentSlide: props.currentSlide,
+			slideCount: props.slideCount
+		};
+		if (props.prevArrow && (0, vue.isVNode)(props.prevArrow)) return (0, vue.createVNode)(props.prevArrow, {
+			...prevArrowProps,
+			...customProps
+		});
+		return (0, vue.createVNode)("button", (0, vue.mergeProps)({ "type": "button" }, prevArrowProps), [(0, vue.createTextVNode)("Previous")]);
+	};
+}, { props: {
+	infinite: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	centerMode: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	currentSlide: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slideCount: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slidesToShow: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	prevArrow: {
+		type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		],
+		required: false,
+		default: void 0
+	},
+	nextArrow: {
+		type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		],
+		required: false,
+		default: void 0
+	},
+	clickHandler: {
+		type: Function,
+		required: false,
+		default: void 0
+	}
+} });
+var NextArrow = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
+	const clickHandler = (options, e) => {
+		e?.preventDefault();
+		props.clickHandler?.(options, e);
+	};
+	return () => {
+		const nextClasses = {
+			"slick-arrow": true,
+			"slick-next": true
+		};
+		let nextHandler = (e) => {
+			clickHandler({ message: "next" }, e);
+		};
+		if (!require_innerSliderUtils.canGoNext(props)) {
+			nextClasses["slick-disabled"] = true;
+			nextHandler = void 0;
+		}
+		const nextArrowProps = {
+			"key": "1",
+			"data-role": "none",
+			"class": (0, _v_c_util.clsx)(nextClasses),
+			"style": { display: "block" },
+			"onClick": nextHandler
+		};
+		const customProps = {
+			currentSlide: props.currentSlide,
+			slideCount: props.slideCount
+		};
+		if (props.nextArrow && (0, vue.isVNode)(props.nextArrow)) return (0, vue.cloneVNode)(props.nextArrow, {
+			...nextArrowProps,
+			...customProps
+		});
+		return (0, vue.createVNode)("button", (0, vue.mergeProps)({ "type": "button" }, nextArrowProps), [(0, vue.createTextVNode)("Next")]);
+	};
+}, { props: {
+	infinite: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	centerMode: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	currentSlide: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slideCount: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slidesToShow: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	prevArrow: {
+		type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		],
+		required: false,
+		default: void 0
+	},
+	nextArrow: {
+		type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		],
+		required: false,
+		default: void 0
+	},
+	clickHandler: {
+		type: Function,
+		required: false,
+		default: void 0
+	}
+} });
+exports.NextArrow = NextArrow;
+exports.PrevArrow = PrevArrow;

package/dist/Arrows.d.ts

@@ -0,0 +1,14 @@
+import { VNodeChild } from 'vue';
+interface ArrowProps {
+    infinite?: boolean;
+    centerMode?: boolean;
+    currentSlide: number;
+    slideCount: number;
+    slidesToShow: number;
+    prevArrow?: VNodeChild;
+    nextArrow?: VNodeChild;
+    clickHandler?: (options: any, e?: MouseEvent) => void;
+}
+declare const PrevArrow: import('vue').DefineSetupFnComponent<ArrowProps, {}, {}, ArrowProps & {}, import('vue').PublicProps>;
+declare const NextArrow: import('vue').DefineSetupFnComponent<ArrowProps, {}, {}, ArrowProps & {}, import('vue').PublicProps>;
+export { NextArrow, PrevArrow };

package/dist/Arrows.js

@@ -0,0 +1,184 @@
+import { canGoNext } from "./utils/innerSliderUtils.js";
+import { cloneVNode, createTextVNode, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { clsx } from "@v-c/util";
+var PrevArrow = /* @__PURE__ */ defineComponent((props) => {
+	const clickHandler = (options, e) => {
+		e?.preventDefault();
+		props.clickHandler?.(options, e);
+	};
+	return () => {
+		const prevClasses = {
+			"slick-arrow": true,
+			"slick-prev": true
+		};
+		let prevHandler = (e) => {
+			clickHandler({ message: "previous" }, e);
+		};
+		if (!props.infinite && (props.currentSlide === 0 || props.slideCount <= props.slidesToShow)) {
+			prevClasses["slick-disabled"] = true;
+			prevHandler = void 0;
+		}
+		const prevArrowProps = {
+			"key": "0",
+			"data-role": "none",
+			"class": clsx(prevClasses),
+			"style": { display: "block" },
+			"onClick": prevHandler
+		};
+		const customProps = {
+			currentSlide: props.currentSlide,
+			slideCount: props.slideCount
+		};
+		if (props.prevArrow && isVNode(props.prevArrow)) return createVNode(props.prevArrow, {
+			...prevArrowProps,
+			...customProps
+		});
+		return createVNode("button", mergeProps({ "type": "button" }, prevArrowProps), [createTextVNode("Previous")]);
+	};
+}, { props: {
+	infinite: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	centerMode: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	currentSlide: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slideCount: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slidesToShow: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	prevArrow: {
+		type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		],
+		required: false,
+		default: void 0
+	},
+	nextArrow: {
+		type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		],
+		required: false,
+		default: void 0
+	},
+	clickHandler: {
+		type: Function,
+		required: false,
+		default: void 0
+	}
+} });
+var NextArrow = /* @__PURE__ */ defineComponent((props) => {
+	const clickHandler = (options, e) => {
+		e?.preventDefault();
+		props.clickHandler?.(options, e);
+	};
+	return () => {
+		const nextClasses = {
+			"slick-arrow": true,
+			"slick-next": true
+		};
+		let nextHandler = (e) => {
+			clickHandler({ message: "next" }, e);
+		};
+		if (!canGoNext(props)) {
+			nextClasses["slick-disabled"] = true;
+			nextHandler = void 0;
+		}
+		const nextArrowProps = {
+			"key": "1",
+			"data-role": "none",
+			"class": clsx(nextClasses),
+			"style": { display: "block" },
+			"onClick": nextHandler
+		};
+		const customProps = {
+			currentSlide: props.currentSlide,
+			slideCount: props.slideCount
+		};
+		if (props.nextArrow && isVNode(props.nextArrow)) return cloneVNode(props.nextArrow, {
+			...nextArrowProps,
+			...customProps
+		});
+		return createVNode("button", mergeProps({ "type": "button" }, nextArrowProps), [createTextVNode("Next")]);
+	};
+}, { props: {
+	infinite: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	centerMode: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	currentSlide: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slideCount: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slidesToShow: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	prevArrow: {
+		type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		],
+		required: false,
+		default: void 0
+	},
+	nextArrow: {
+		type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		],
+		required: false,
+		default: void 0
+	},
+	clickHandler: {
+		type: Function,
+		required: false,
+		default: void 0
+	}
+} });
+export { NextArrow, PrevArrow };

package/dist/Dots.cjs

@@ -0,0 +1,124 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_default_props = require("./default-props.cjs");
+const require_innerSliderUtils = require("./utils/innerSliderUtils.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+function getDotCount(spec) {
+	if (spec.infinite) return Math.ceil(spec.slideCount / spec.slidesToScroll);
+	return Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1;
+}
+var Dots = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
+	const getCustomPaging = props.customPaging ?? require_default_props.default.customPaging ?? ((index) => (0, vue.createVNode)("button", { "type": "button" }, [index + 1]));
+	const appendDots = props.appendDots ?? require_default_props.default.appendDots ?? ((dots) => (0, vue.createVNode)("ul", { "style": { display: "block" } }, [dots]));
+	const clickHandler = (options, e) => {
+		e?.preventDefault();
+		props.clickHandler?.(options, e);
+	};
+	return () => {
+		const { onMouseEnter, onMouseOver, onMouseLeave, infinite, slidesToScroll, slidesToShow, slideCount, currentSlide } = props;
+		const dotCount = getDotCount({
+			slideCount,
+			slidesToScroll,
+			slidesToShow,
+			infinite
+		});
+		const dots = [];
+		for (let i = 0; i < dotCount; i += 1) {
+			const _rightBound = (i + 1) * slidesToScroll - 1;
+			const rightBound = infinite ? _rightBound : require_innerSliderUtils.clamp(_rightBound, 0, slideCount - 1);
+			const _leftBound = rightBound - (slidesToScroll - 1);
+			const leftBound = infinite ? _leftBound : require_innerSliderUtils.clamp(_leftBound, 0, slideCount - 1);
+			const className = (0, _v_c_util.clsx)({ "slick-active": infinite ? currentSlide >= leftBound && currentSlide <= rightBound : currentSlide === leftBound });
+			const dotOptions = {
+				message: "dots",
+				index: i,
+				slidesToScroll,
+				currentSlide
+			};
+			const onClick = (e) => clickHandler(dotOptions, e);
+			const paging = getCustomPaging(i);
+			const content = (0, vue.isVNode)(paging) ? (0, vue.cloneVNode)(paging, { onClick }) : (0, vue.createVNode)("button", {
+				"type": "button",
+				"onClick": onClick
+			}, [i + 1]);
+			dots.push((0, vue.createVNode)("li", {
+				"key": i,
+				"class": className
+			}, [content]));
+		}
+		const dotsNode = appendDots(dots);
+		if ((0, vue.isVNode)(dotsNode)) return (0, vue.cloneVNode)(dotsNode, {
+			class: props.dotsClass,
+			onMouseenter: onMouseEnter,
+			onMouseover: onMouseOver,
+			onMouseleave: onMouseLeave
+		});
+		return dotsNode;
+	};
+}, { props: {
+	dotsClass: {
+		type: String,
+		required: true,
+		default: void 0
+	},
+	slideCount: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slidesToShow: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	currentSlide: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slidesToScroll: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	clickHandler: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	customPaging: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	infinite: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	appendDots: {
+		type: Function,
+		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
+	}
+} });
+var Dots_default = Dots;
+exports.default = Dots_default;

package/dist/Dots.d.ts

@@ -0,0 +1,17 @@
+import { VNodeChild } from 'vue';
+interface DotsProps {
+    dotsClass: string;
+    slideCount: number;
+    slidesToShow: number;
+    currentSlide: number;
+    slidesToScroll: number;
+    clickHandler?: (options: any, e?: MouseEvent) => void;
+    customPaging?: (index: number) => VNodeChild;
+    infinite?: boolean;
+    appendDots?: (dots: VNodeChild[]) => VNodeChild;
+    onMouseEnter?: (e: MouseEvent) => void;
+    onMouseOver?: (e: MouseEvent) => void;
+    onMouseLeave?: (e: MouseEvent) => void;
+}
+declare const Dots: import('vue').DefineSetupFnComponent<DotsProps, {}, {}, DotsProps & {}, import('vue').PublicProps>;
+export default Dots;

package/dist/Dots.js

@@ -0,0 +1,119 @@
+import default_props_default from "./default-props.js";
+import { clamp } from "./utils/innerSliderUtils.js";
+import { cloneVNode, createVNode, defineComponent, isVNode } from "vue";
+import { clsx } from "@v-c/util";
+function getDotCount(spec) {
+	if (spec.infinite) return Math.ceil(spec.slideCount / spec.slidesToScroll);
+	return Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1;
+}
+var Dots_default = /* @__PURE__ */ defineComponent((props) => {
+	const getCustomPaging = props.customPaging ?? default_props_default.customPaging ?? ((index) => createVNode("button", { "type": "button" }, [index + 1]));
+	const appendDots = props.appendDots ?? default_props_default.appendDots ?? ((dots) => createVNode("ul", { "style": { display: "block" } }, [dots]));
+	const clickHandler = (options, e) => {
+		e?.preventDefault();
+		props.clickHandler?.(options, e);
+	};
+	return () => {
+		const { onMouseEnter, onMouseOver, onMouseLeave, infinite, slidesToScroll, slidesToShow, slideCount, currentSlide } = props;
+		const dotCount = getDotCount({
+			slideCount,
+			slidesToScroll,
+			slidesToShow,
+			infinite
+		});
+		const dots = [];
+		for (let i = 0; i < dotCount; i += 1) {
+			const _rightBound = (i + 1) * slidesToScroll - 1;
+			const rightBound = infinite ? _rightBound : clamp(_rightBound, 0, slideCount - 1);
+			const _leftBound = rightBound - (slidesToScroll - 1);
+			const leftBound = infinite ? _leftBound : clamp(_leftBound, 0, slideCount - 1);
+			const className = clsx({ "slick-active": infinite ? currentSlide >= leftBound && currentSlide <= rightBound : currentSlide === leftBound });
+			const dotOptions = {
+				message: "dots",
+				index: i,
+				slidesToScroll,
+				currentSlide
+			};
+			const onClick = (e) => clickHandler(dotOptions, e);
+			const paging = getCustomPaging(i);
+			const content = isVNode(paging) ? cloneVNode(paging, { onClick }) : createVNode("button", {
+				"type": "button",
+				"onClick": onClick
+			}, [i + 1]);
+			dots.push(createVNode("li", {
+				"key": i,
+				"class": className
+			}, [content]));
+		}
+		const dotsNode = appendDots(dots);
+		if (isVNode(dotsNode)) return cloneVNode(dotsNode, {
+			class: props.dotsClass,
+			onMouseenter: onMouseEnter,
+			onMouseover: onMouseOver,
+			onMouseleave: onMouseLeave
+		});
+		return dotsNode;
+	};
+}, { props: {
+	dotsClass: {
+		type: String,
+		required: true,
+		default: void 0
+	},
+	slideCount: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slidesToShow: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	currentSlide: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	slidesToScroll: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	clickHandler: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	customPaging: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	infinite: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	appendDots: {
+		type: Function,
+		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
+	}
+} });
+export { Dots_default as default };