solid-slider 1.2.7 → 1.2.8

package/dist/chunk-NXJS66U5.mjs

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+export {
+  __spreadValues
+};

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-import { Accessor } from "solid-js";
-import { KeenSliderHooks, KeenSliderInstance, KeenSliderOptions, KeenSliderPlugin, TrackDetails } from "keen-slider";
+import { Accessor } from 'solid-js';
+import { KeenSliderHooks, KeenSliderOptions, KeenSliderPlugin, TrackDetails, KeenSliderInstance } from 'keen-slider';
+
 declare module "solid-js" {
     namespace JSX {
         interface Directives {
@@ -37,4 +38,5 @@ declare const createSlider: <O = {}, P = {}, H extends string = KeenSliderHooks>
     slider: Accessor<KeenSliderInstance<O, P, H> | undefined>;
     destroy: Accessor<void>;
 }];
-export default createSlider;
+
+export { createSlider as default };

package/dist/index.js

@@ -1,58 +1,77 @@
-import { on, onMount, createSignal, onCleanup, createEffect } from "solid-js";
-import KeenSlider from "keen-slider";
-/**
- * Creates a slider powered by KeenSlider.
- *
- * @param {Object} options Values to initialize the slider with
- * @param {Array} plugins Extensions that enhance KeenSlider options
- * @returns {[create: Function, helpers: Object]} Returns mount and helper methods
- * @returns {Function} create Mounts the slider on provided element
- * @returns {Function} helpers.current Current slide number
- * @returns {Function} helpers.current Current slide number
- * @returns {Function} helpers.next Function to trigger the next slide
- * @returns {Function} helpers.prev Function to trigger the previous slide
- * @returns {Function<Object>} helpers.details Provides details about the current slider
- * @returns {Function} helpers.slider Returns the KeenSlider instance
- * @returns {Function} helpers.destroy Manual destroy function
- *
- * @example
- * ```ts
- * const [create, { prev, next }] = createSlider();
- * <div use:slider>...</div>
- * ```
- */
-const createSlider = (options, ...plugins) => {
-    let slider;
-    const [current, setCurrent] = createSignal(0);
-    const destroy = () => slider && slider.destroy();
-    // Slider creation method and directive function
-    const create = (el) => {
-        el.classList.add("keen-slider");
-        // @ts-ignore
-        const opts = () => ({
-            selector: el.childNodes,
-            ...(typeof options == "function" ? options() : options)
-        });
-        onMount(() => {
-            slider = new KeenSlider(el, opts(), plugins);
-            slider.on("slideChanged", () => setCurrent(slider.track.details.rel));
-        });
-        onCleanup(destroy);
-        if (typeof options === "function") {
-            createEffect(on(() => options, () => slider && slider.update(opts())));
-        }
-    };
-    return [
-        create,
-        {
-            current,
-            next: () => slider && slider.next(),
-            prev: () => slider && slider.prev(),
-            details: () => (slider ? slider.track.details : {}),
-            slider: () => slider,
-            moveTo: (id, duration = 250, absolute = false, easing) => slider?.moveToIdx(id, absolute, { duration, easing: easing }),
-            destroy
-        }
-    ];
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-export default createSlider;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+var import_solid_js = require("solid-js");
+var import_keen_slider = __toESM(require("keen-slider"));
+var createSlider = (options, ...plugins) => {
+  let slider;
+  const [current, setCurrent] = (0, import_solid_js.createSignal)(0);
+  const destroy = () => slider && slider.destroy();
+  const create = (el) => {
+    el.classList.add("keen-slider");
+    const opts = () => __spreadValues({
+      selector: el.childNodes
+    }, typeof options == "function" ? options() : options);
+    (0, import_solid_js.onMount)(() => {
+      slider = new import_keen_slider.default(el, opts(), plugins);
+      slider.on("slideChanged", () => setCurrent(slider.track.details.rel));
+    });
+    (0, import_solid_js.onCleanup)(destroy);
+    if (typeof options === "function") {
+      (0, import_solid_js.createEffect)((0, import_solid_js.on)(() => options, () => slider && slider.update(opts())));
+    }
+  };
+  return [
+    create,
+    {
+      current,
+      next: () => slider && slider.next(),
+      prev: () => slider && slider.prev(),
+      details: () => slider ? slider.track.details : {},
+      slider: () => slider,
+      moveTo: (id, duration = 250, absolute = false, easing) => slider == null ? void 0 : slider.moveToIdx(id, absolute, { duration, easing }),
+      destroy
+    }
+  ];
+};
+var src_default = createSlider;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/index.mjs

@@ -0,0 +1,42 @@
+import {
+  __spreadValues
+} from "./chunk-NXJS66U5.mjs";
+
+// src/index.ts
+import { on, onMount, createSignal, onCleanup, createEffect } from "solid-js";
+import KeenSlider from "keen-slider";
+var createSlider = (options, ...plugins) => {
+  let slider;
+  const [current, setCurrent] = createSignal(0);
+  const destroy = () => slider && slider.destroy();
+  const create = (el) => {
+    el.classList.add("keen-slider");
+    const opts = () => __spreadValues({
+      selector: el.childNodes
+    }, typeof options == "function" ? options() : options);
+    onMount(() => {
+      slider = new KeenSlider(el, opts(), plugins);
+      slider.on("slideChanged", () => setCurrent(slider.track.details.rel));
+    });
+    onCleanup(destroy);
+    if (typeof options === "function") {
+      createEffect(on(() => options, () => slider && slider.update(opts())));
+    }
+  };
+  return [
+    create,
+    {
+      current,
+      next: () => slider && slider.next(),
+      prev: () => slider && slider.prev(),
+      details: () => slider ? slider.track.details : {},
+      slider: () => slider,
+      moveTo: (id, duration = 250, absolute = false, easing) => slider == null ? void 0 : slider.moveToIdx(id, absolute, { duration, easing }),
+      destroy
+    }
+  ];
+};
+var src_default = createSlider;
+export {
+  src_default as default
+};

package/dist/plugins/autoplay.js

@@ -1,33 +1,44 @@
-import { createEffect } from "solid-js";
-import createTimer, { Schedule } from "@solid-primitives/timer";
-/**
- * Provides an autoplay plugin.
- *
- * @param {number} interval Interval in milliseconds for switching slides
- * @param {object} options Options to customize the autoplay
- * @param {Function} options.pause A pause signal to control the autoplay
- * @param {boolean} options.pauseOnDrag Denotes of the autoplay should pause on drag.
- * @param {object} options.animation Allows for control of duration and easing.
- * @param {number} options.duration Duration for transitioning the slide.
- * @param {number} options.easing Easing function for the transition animation.
- *
- * @example
- * ```ts
- * const [create, { prev, next }] = createSlider();
- * <div use:slider>...</div>
- * ```
- */
-const autoplay = (interval = 1000, options) => {
-    return (slider) => {
-        let clear;
-        const start = () => {
-            clear = createTimer(() => slider.moveToIdx(slider.track.details.position + 1, true, options.animation), interval, Schedule.Interval);
-        };
-        // Pause the slider on drag
-        if (options.pauseOnDrag || true) {
-            slider.on("dragStarted", () => clear());
-        }
-        createEffect(() => (!options.pause || options.pause() === false ? start() : clear()));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugins/autoplay.ts
+var autoplay_exports = {};
+__export(autoplay_exports, {
+  default: () => autoplay_default
+});
+module.exports = __toCommonJS(autoplay_exports);
+var import_solid_js = require("solid-js");
+var import_timer = __toESM(require("@solid-primitives/timer"));
+var autoplay = (interval = 1e3, options) => {
+  return (slider) => {
+    let dispose;
+    const start = () => {
+      dispose = (0, import_timer.default)(() => slider.moveToIdx(slider.track.details.position + 1, true, options.animation), interval, setInterval);
     };
+    if (options.pauseOnDrag || true) {
+      slider.on("dragStarted", () => dispose());
+    }
+    (0, import_solid_js.createEffect)(() => !options.pause || options.pause() === false ? start() : dispose());
+  };
 };
-export default autoplay;
+var autoplay_default = autoplay;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/plugins/autoplay.mjs

@@ -0,0 +1,21 @@
+import "../chunk-NXJS66U5.mjs";
+
+// src/plugins/autoplay.ts
+import { createEffect } from "solid-js";
+import makeTimer from "@solid-primitives/timer";
+var autoplay = (interval = 1e3, options) => {
+  return (slider) => {
+    let dispose;
+    const start = () => {
+      dispose = makeTimer(() => slider.moveToIdx(slider.track.details.position + 1, true, options.animation), interval, setInterval);
+    };
+    if (options.pauseOnDrag || true) {
+      slider.on("dragStarted", () => dispose());
+    }
+    createEffect(() => !options.pause || options.pause() === false ? start() : dispose());
+  };
+};
+var autoplay_default = autoplay;
+export {
+  autoplay_default as default
+};

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "solid-slider",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "A slider utility for SolidJS.",
   "author": "David Di Biase",
+  "repository": {
+    "type": "git",
+    "url": "git+https://davedbase@github.com/davedbase/solid-slider.git"
+  },
   "license": "ISC",
   "bugs": {
     "url": "https://github.com/davedbase/solid-slider/issues"
@@ -12,24 +16,20 @@
     "prebuild": "npm run clean",
     "clean": "rimraf dist/",
     "format": "prettier -w \"src/**/*.{js,ts,json,css,tsx,jsx}\"",
-    "build": "tsc && cp src/slider.css dist/slider.css"
+    "build": "tsup && cp src/slider.css dist/slider.css"
   },
   "main": "dist/index.js",
-  "module": "dist/index.js",
+  "module": "dist/index.mjs",
   "exports": {
     ".": "./dist/index.js",
     "./plugins/autoplay": "./dist/plugins/autoplay.js",
     "./slider.css": "./dist/slider.css"
   },
   "types": "dist/index.d.ts",
-  "sideEffects": "false",
+  "sideEffects": false,
   "files": [
     "dist"
   ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://davedbase@github.com/davedbase/solid-slider.git"
-  },
   "keywords": [
     "slider",
     "carousel",
@@ -45,11 +45,13 @@
   "dependencies": {
     "@solid-primitives/timer": "^1.1.0",
     "keen-slider": "^6.6.3",
-    "rimraf": "^3.0.2",
-    "solid-js": "^1.3.5",
-    "typescript": "^4.5.5"
+    "solid-js": "^1.3.16"
   },
   "devDependencies": {
-    "prettier": "^2.5.1"
+    "prettier": "^2.5.1",
+    "rimraf": "^3.0.2",
+    "typescript": "^4.5.5",
+    "tsup": "^5.12.6",
+    "solid-js": "^1.3.16"
   }
 }

package/dist/plugins/autoplay.d.ts

@@ -1,28 +0,0 @@
-import { Accessor } from "solid-js";
-import { KeenSliderInstance } from "keen-slider";
-/**
- * Provides an autoplay plugin.
- *
- * @param {number} interval Interval in milliseconds for switching slides
- * @param {object} options Options to customize the autoplay
- * @param {Function} options.pause A pause signal to control the autoplay
- * @param {boolean} options.pauseOnDrag Denotes of the autoplay should pause on drag.
- * @param {object} options.animation Allows for control of duration and easing.
- * @param {number} options.duration Duration for transitioning the slide.
- * @param {number} options.easing Easing function for the transition animation.
- *
- * @example
- * ```ts
- * const [create, { prev, next }] = createSlider();
- * <div use:slider>...</div>
- * ```
- */
-declare const autoplay: (interval: number | undefined, options: {
-    pause?: Accessor<boolean> | undefined;
-    pauseOnDrag?: boolean | undefined;
-    animation?: {
-        duration?: number | undefined;
-        easing?: ((t: number) => number) | undefined;
-    } | undefined;
-}) => (slider: KeenSliderInstance) => void;
-export default autoplay;