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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brytdesigns/web-component-keen-slider-autoplay",
-  "version": "3.3.3",
+  "version": "3.4.0",
   "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.3",
-    "@brytdesigns/web-component-keen-slider": "3.3.3",
+    "@brytdesigns/web-component-core": "3.4.0",
+    "@brytdesigns/web-component-keen-slider": "3.4.0",
     "@solidjs/web": "2.0.0-rc.14",
     "component-register": "0.8.7",
     "solid-js": "2.0.0-rc.14"

package/dist/esm/index.js

@@ -1,71 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}