@brytdesigns/web-component-keen-slider-autoplay 1.0.0

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({ 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,QAAA,CAAA,CAAE,OAAO,EAAE,IAAA,EAAM,KAAO,EAAA,IAAA,EAAM,MAAM,CAAA;AACpC,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;;;AChDA,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\ntype 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({ 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\ncustomShadowlessElement(\n  KeenSliderAutoplay.Name,\n  {\n    target: \"keen-slider\",\n    duration: 2000,\n    totalSlides: 0,\n  },\n  correctElementType(KeenSliderAutoplay.Component),\n);\n"]}

package/dist/main/components/index.js

@@ -0,0 +1,4 @@
+import * as keenSliderAutoplay_js from './keen-slider-autoplay.js';
+export { keenSliderAutoplay_js as KeenSliderAutoplay };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/main/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/main/components/keen-slider-autoplay.js

@@ -0,0 +1,49 @@
+import { withKeenSliderElementContext } from '@brytdesigns/web-component-keen-slider';
+import { onCleanup } from 'solid-js';
+
+const Name = "keen-slider-autoplay";
+const 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({ 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);
+    }
+  );
+};
+
+export { Component, Name };
+//# sourceMappingURL=keen-slider-autoplay.js.map
+//# sourceMappingURL=keen-slider-autoplay.js.map

package/dist/main/components/keen-slider-autoplay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/keen-slider-autoplay.ts"],"names":[],"mappings":";;;AAWO,MAAM,IAAO,GAAA;AAEb,MAAM,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,QAAA,CAAA,CAAE,OAAO,EAAE,IAAA,EAAM,KAAO,EAAA,IAAA,EAAM,MAAM,CAAA;AACpC,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","file":"keen-slider-autoplay.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\ntype 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({ 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"]}

package/dist/main/index.d.ts

@@ -0,0 +1,3 @@
+// Generated by dts-bundle-generator v9.5.1
+
+export {};

package/dist/main/index.js

@@ -0,0 +1,14 @@
+import { customShadowlessElement, correctElementType } from '@brytdesigns/web-component-core/utils';
+import { KeenSliderAutoplay } from './components/index.js';
+
+customShadowlessElement(
+  KeenSliderAutoplay.Name,
+  {
+    target: "keen-slider",
+    duration: 2e3,
+    totalSlides: 0
+  },
+  correctElementType(KeenSliderAutoplay.Component)
+);
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/main/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;AAMA,uBAAA;AAAA,EACE,kBAAmB,CAAA,IAAA;AAAA,EACnB;AAAA,IACE,MAAQ,EAAA,aAAA;AAAA,IACR,QAAU,EAAA,GAAA;AAAA,IACV,WAAa,EAAA;AAAA,GACf;AAAA,EACA,kBAAA,CAAmB,mBAAmB,SAAS;AACjD,CAAA","file":"index.js","sourcesContent":["import {\n  customShadowlessElement,\n  correctElementType,\n} from \"@brytdesigns/web-component-core/utils\";\nimport { KeenSliderAutoplay } from \"./components/index.js\";\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

@@ -0,0 +1,36 @@
+{
+  "name": "@brytdesigns/web-component-keen-slider-autoplay",
+  "version": "1.0.0",
+  "description": "Keen slider autoplay plugin web component",
+  "main": "./dist/main/index.js",
+  "module": "./dist/main/index.js",
+  "types": "./dist/main/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/main/index.d.ts",
+      "module": "./dist/main/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [],
+  "author": "Bryt Designs",
+  "license": "ISC",
+  "dependencies": {
+    "component-register": "^0.8.7",
+    "solid-element": "^1.9.1",
+    "solid-js": "^1.9.7",
+    "@brytdesigns/web-component-keen-slider": "1.1.0",
+    "@brytdesigns/web-component-core": "1.1.2"
+  },
+  "devDependencies": {
+    "dts-bundle-generator": "^9.5.1",
+    "tsup": "^8.4.0"
+  },
+  "scripts": {
+    "build": "tsup --clean",
+    "typecheck": "tsc --noEmit"
+  }
+}