@brytdesigns/web-component-keen-slider-autoplay 3.3.1 → 3.3.3

package/dist/esm/index.js

@@ -0,0 +1,71 @@
+import { customShadowlessElement, correctElementType } from '@brytdesigns/web-component-core/utils';
+import { withKeenSliderElementContext } from '@brytdesigns/web-component-keen-slider';
+import { onCleanup } from 'solid-js';
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/components/keen-slider-autoplay.ts
+var keen_slider_autoplay_exports = {};
+__export(keen_slider_autoplay_exports, {
+  Component: () => Component,
+  Name: () => Name
+});
+var Name = "keen-slider-autoplay";
+var Component = (props, { element }) => {
+  if (!props.target)
+    return console.warn(
+      `${Name}: Needs a proper target in order to properly extend a keen slider.`
+    );
+  withKeenSliderElementContext(
+    () => {
+      const selector = props.target;
+      return () => {
+        let targetEl = element;
+        if (props.target) targetEl = document.querySelector(selector);
+        if (targetEl?.tagName !== "KEEN-SLIDER")
+          targetEl = targetEl.querySelector("keen-slider");
+        return targetEl;
+      };
+    },
+    () => ({
+      duration: props.duration,
+      totalSlides: props.totalSlides
+    }),
+    ([_, { addPlugin }], { duration, totalSlides }) => {
+      const animation = { duration, easing: (t) => t };
+      const removePlugin = addPlugin((s) => {
+        s.update({ ...s.options, drag: false, loop: true });
+        s.on("created", () => {
+          s.moveToIdx(totalSlides, true, animation);
+        });
+        s.on("updated", () => {
+          s.moveToIdx(s.track.details.abs + totalSlides, true, animation);
+        });
+        s.on("slideChanged", () => {
+          s.moveToIdx(s.track.details.abs + totalSlides, true, animation);
+        });
+        s.on("animationEnded", () => {
+          s.moveToIdx(s.track.details.abs + totalSlides, true, animation);
+        });
+      });
+      onCleanup(removePlugin);
+    }
+  );
+};
+
+// src/index.ts
+customShadowlessElement(
+  keen_slider_autoplay_exports.Name,
+  {
+    target: "keen-slider",
+    duration: 2e3,
+    totalSlides: 0
+  },
+  correctElementType(keen_slider_autoplay_exports.Component)
+);
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/keen-slider-autoplay.ts","../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,4BAAA,GAAA,EAAA;AAAA,QAAA,CAAA,4BAAA,EAAA;AAAA,EAAA,SAAA,EAAA,MAAA,SAAA;AAAA,EAAA,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAWO,IAAM,IAAO,GAAA,sBAAA;AAEb,IAAM,SAAyC,GAAA,CAAC,KAAO,EAAA,EAAE,SAAc,KAAA;AAC5E,EAAA,IAAI,CAAC,KAAM,CAAA,MAAA;AACT,IAAA,OAAO,OAAQ,CAAA,IAAA;AAAA,MACb,GAAG,IAAI,CAAA,kEAAA;AAAA,KACT;AAEF,EAAA,4BAAA;AAAA,IACE,MAAM;AACJ,MAAA,MAAM,WAAW,KAAM,CAAA,MAAA;AACvB,MAAA,OAAO,MAAM;AACX,QAAA,IAAI,QAA2B,GAAA,OAAA;AAC/B,QAAA,IAAI,KAAM,CAAA,MAAA,EAAmB,QAAA,GAAA,QAAA,CAAS,cAAc,QAAQ,CAAA;AAC5D,QAAA,IAAI,UAAU,OAAY,KAAA,aAAA;AACxB,UAAW,QAAA,GAAA,QAAA,CAAU,cAAc,aAAa,CAAA;AAClD,QAAO,OAAA,QAAA;AAAA,OACT;AAAA,KACF;AAAA,IACA,OAAO;AAAA,MACL,UAAU,KAAM,CAAA,QAAA;AAAA,MAChB,aAAa,KAAM,CAAA;AAAA,KACrB,CAAA;AAAA,IACA,CAAC,CAAC,CAAA,EAAG,EAAE,SAAA,EAAW,CAAG,EAAA,EAAE,QAAU,EAAA,WAAA,EAAkB,KAAA;AACjD,MAAA,MAAM,YAAY,EAAE,QAAA,EAAU,MAAQ,EAAA,CAAC,MAAc,CAAE,EAAA;AACvD,MAAM,MAAA,YAAA,GAAe,SAAU,CAAA,CAAC,CAAM,KAAA;AACpC,QAAE,CAAA,CAAA,MAAA,CAAO,EAAE,GAAG,CAAA,CAAE,SAAS,IAAM,EAAA,KAAA,EAAO,IAAM,EAAA,IAAA,EAAM,CAAA;AAClD,QAAE,CAAA,CAAA,EAAA,CAAG,WAAW,MAAM;AACpB,UAAE,CAAA,CAAA,SAAA,CAAU,WAAa,EAAA,IAAA,EAAM,SAAS,CAAA;AAAA,SACzC,CAAA;AACD,QAAE,CAAA,CAAA,EAAA,CAAG,WAAW,MAAM;AACpB,UAAA,CAAA,CAAE,UAAU,CAAE,CAAA,KAAA,CAAM,QAAQ,GAAM,GAAA,WAAA,EAAa,MAAM,SAAS,CAAA;AAAA,SAC/D,CAAA;AACD,QAAE,CAAA,CAAA,EAAA,CAAG,gBAAgB,MAAM;AACzB,UAAA,CAAA,CAAE,UAAU,CAAE,CAAA,KAAA,CAAM,QAAQ,GAAM,GAAA,WAAA,EAAa,MAAM,SAAS,CAAA;AAAA,SAC/D,CAAA;AACD,QAAE,CAAA,CAAA,EAAA,CAAG,kBAAkB,MAAM;AAC3B,UAAA,CAAA,CAAE,UAAU,CAAE,CAAA,KAAA,CAAM,QAAQ,GAAM,GAAA,WAAA,EAAa,MAAM,SAAS,CAAA;AAAA,SAC/D,CAAA;AAAA,OACF,CAAA;AACD,MAAA,SAAA,CAAU,YAAY,CAAA;AAAA;AACxB,GACF;AACF,CAAA;;;AC9CA,uBAAA;AAAA,EACE,4BAAmB,CAAA,IAAA;AAAA,EACnB;AAAA,IACE,MAAQ,EAAA,aAAA;AAAA,IACR,QAAU,EAAA,GAAA;AAAA,IACV,WAAa,EAAA;AAAA,GACf;AAAA,EACA,kBAAA,CAAmB,6BAAmB,SAAS;AACjD,CAAA","file":"index.js","sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\n\nimport { withKeenSliderElementContext } from \"@brytdesigns/web-component-keen-slider\";\nimport { onCleanup } from \"solid-js\";\n\nexport type Props = {\n  target: string;\n  duration: number;\n  totalSlides: number;\n};\n\nexport const Name = \"keen-slider-autoplay\";\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  if (!props.target)\n    return console.warn(\n      `${Name}: Needs a proper target in order to properly extend a keen slider.`,\n    );\n\n  withKeenSliderElementContext(\n    () => {\n      const selector = props.target;\n      return () => {\n        let targetEl: Element | null = element;\n        if (props.target) targetEl = document.querySelector(selector);\n        if (targetEl?.tagName !== \"KEEN-SLIDER\")\n          targetEl = targetEl!.querySelector(\"keen-slider\");\n        return targetEl!;\n      };\n    },\n    () => ({\n      duration: props.duration,\n      totalSlides: props.totalSlides,\n    }),\n    ([_, { addPlugin }], { duration, totalSlides }) => {\n      const animation = { duration, easing: (t: number) => t };\n      const removePlugin = addPlugin((s) => {\n        s.update({ ...s.options, drag: false, loop: true });\n        s.on(\"created\", () => {\n          s.moveToIdx(totalSlides, true, animation);\n        });\n        s.on(\"updated\", () => {\n          s.moveToIdx(s.track.details.abs + totalSlides, true, animation);\n        });\n        s.on(\"slideChanged\", () => {\n          s.moveToIdx(s.track.details.abs + totalSlides, true, animation);\n        });\n        s.on(\"animationEnded\", () => {\n          s.moveToIdx(s.track.details.abs + totalSlides, true, animation);\n        });\n      });\n      onCleanup(removePlugin);\n    },\n  );\n};\n","import {\n  customShadowlessElement,\n  correctElementType,\n} from \"@brytdesigns/web-component-core/utils\";\nimport { KeenSliderAutoplay } from \"./components/index.js\";\n\nexport type KeenSliderAutoplayProps = KeenSliderAutoplay.Props;\n\ncustomShadowlessElement(\n  KeenSliderAutoplay.Name,\n  {\n    target: \"keen-slider\",\n    duration: 2000,\n    totalSlides: 0,\n  },\n  correctElementType(KeenSliderAutoplay.Component),\n);\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brytdesigns/web-component-keen-slider-autoplay",
-  "version": "3.3.1",
+  "version": "3.3.3",
   "description": "Keen slider autoplay plugin web component",
   "main": "./dist/main/index.js",
   "module": "./dist/main/index.js",
@@ -19,8 +19,8 @@
   "author": "Bryt Designs",
   "license": "ISC",
   "dependencies": {
-    "@brytdesigns/web-component-core": "3.3.1",
-    "@brytdesigns/web-component-keen-slider": "3.3.1",
+    "@brytdesigns/web-component-core": "3.3.3",
+    "@brytdesigns/web-component-keen-slider": "3.3.3",
     "@solidjs/web": "2.0.0-rc.14",
     "component-register": "0.8.7",
     "solid-js": "2.0.0-rc.14"