@brytdesigns/web-component-keen-slider-autoplay 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js
CHANGED
|
@@ -38,7 +38,7 @@ var Component = (props, { element }) => {
|
|
|
38
38
|
([_, { addPlugin }], { duration, totalSlides }) => {
|
|
39
39
|
const animation = { duration, easing: (t) => t };
|
|
40
40
|
const removePlugin = addPlugin((s) => {
|
|
41
|
-
s.update({ drag: false, loop: true });
|
|
41
|
+
s.update({ ...s.options, drag: false, loop: true });
|
|
42
42
|
s.on("created", () => {
|
|
43
43
|
s.moveToIdx(totalSlides, true, animation);
|
|
44
44
|
});
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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;;;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({ ...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\ncustomShadowlessElement(\n KeenSliderAutoplay.Name,\n {\n target: \"keen-slider\",\n duration: 2000,\n totalSlides: 0,\n },\n correctElementType(KeenSliderAutoplay.Component),\n);\n"]}
|
|
@@ -25,7 +25,7 @@ const Component = (props, { element }) => {
|
|
|
25
25
|
([_, { addPlugin }], { duration, totalSlides }) => {
|
|
26
26
|
const animation = { duration, easing: (t) => t };
|
|
27
27
|
const removePlugin = addPlugin((s) => {
|
|
28
|
-
s.update({ drag: false, loop: true });
|
|
28
|
+
s.update({ ...s.options, drag: false, loop: true });
|
|
29
29
|
s.on("created", () => {
|
|
30
30
|
s.moveToIdx(totalSlides, true, animation);
|
|
31
31
|
});
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,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","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({ ...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"]}
|