gnezim
1 line
34 KiB
Plaintext
1 line
34 KiB
Plaintext
{"version":3,"file":"carousel.mjs","names":["pkg.version"],"sources":["../../../src/strings/activeClass.ts","../../../src/strings/dataBsTarget.ts","../../../src/strings/carouselString.ts","../../../src/strings/carouselComponent.ts","../../../src/strings/dataBsParent.ts","../../../src/strings/dataBsContainer.ts","../../../src/util/getTargetElement.ts","../../../src/util/isDisabled.ts","../../../package.json","../../../src/version.ts","../../../src/components/base-component.ts","../../../src/components/carousel.ts"],"sourcesContent":["/**\n * Global namespace for most components active class.\n */\nconst activeClass = \"active\";\nexport default activeClass;\n","/**\n * Global namespace for most components `target` option.\n */\nconst dataBsTarget = \"data-bs-target\";\nexport default dataBsTarget;\n","/** @type {string} */\nconst carouselString = \"carousel\";\nexport default carouselString;\n","/** @type {string} */\nconst carouselComponent = \"Carousel\";\nexport default carouselComponent;\n","/**\n * Global namespace for most components `parent` option.\n */\nconst dataBsParent = \"data-bs-parent\";\nexport default dataBsParent;\n","/**\n * Global namespace for most components `container` option.\n */\nconst dataBsContainer = \"data-bs-container\";\nexport default dataBsContainer;\n","import {\n closest,\n getAttribute,\n getDocument,\n querySelector,\n} from \"@thednp/shorty\";\n\nimport dataBsTarget from \"../strings/dataBsTarget\";\nimport dataBsParent from \"../strings/dataBsParent\";\nimport dataBsContainer from \"../strings/dataBsContainer\";\n\n/**\n * Returns the `Element` that THIS one targets\n * via `data-bs-target`, `href`, `data-bs-parent` or `data-bs-container`.\n *\n * @param element the target element\n * @returns the query result\n */\nconst getTargetElement = <T extends Element = HTMLElement>(element: T) => {\n const targetAttr = [dataBsTarget, dataBsParent, dataBsContainer, \"href\"];\n const doc = getDocument(element);\n\n return targetAttr\n .map((att) => {\n const attValue = getAttribute(element, att);\n if (attValue) {\n // istanbul ignore next @preserve\n return att === dataBsParent\n ? closest<T>(element, attValue)\n : querySelector<T>(attValue, doc);\n }\n return null;\n })\n .filter((x) => x)[0];\n};\n\nexport default getTargetElement;\n","import { getAttribute, hasClass } from \"@thednp/shorty\";\n\n/**\n * Check if interactive element is disabled.\n * @param target either a `<button>` or an `<a>`\n * @returns whether the target is disabled\n */\nconst isDisabled = (target: Element) => {\n return hasClass(target, \"disabled\") ||\n getAttribute(target, \"disabled\") === \"true\";\n};\n\nexport default isDisabled;\n","","import pkg from \"../package.json\" with { type: \"json\" };\n\nconst Version = pkg.version;\n\nexport default Version;\n","/* Native JavaScript for Bootstrap 5 | Base Component\n----------------------------------------------------- */\nimport {\n Data,\n isElement,\n isString,\n normalizeOptions,\n ObjectKeys,\n querySelector,\n} from \"@thednp/shorty\";\n\nimport type { BaseOptions } from \"~/interface/baseComponent\";\nimport Version from \"~/version\";\n\n/** Returns a new `BaseComponent` instance. */\nexport default class BaseComponent {\n declare element: Element;\n declare options?: BaseOptions;\n\n /**\n * @param target `Element` or selector string\n * @param config component instance options\n */\n constructor(target: Element | string, config?: BaseOptions) {\n let element: Element | null;\n\n try {\n if (isElement(target)) {\n element = target as Element;\n } else if (isString(target)) {\n element = querySelector(target);\n // istanbul ignore else @preserve\n if (!element) throw Error(`\"${target}\" is not a valid selector.`);\n } else {\n throw Error(`your target is not an instance of HTMLElement.`);\n }\n } catch (e) {\n throw Error(`${this.name} Error: ${(e as Error).message}`);\n }\n\n const prevInstance = Data.get<typeof this>(element, this.name);\n /* istanbul ignore else @preserve */\n if (prevInstance) {\n // remove previously attached event listeners\n // to avoid memory leaks\n prevInstance._toggleEventListeners();\n }\n\n this.element = element;\n this.options = this.defaults && ObjectKeys(this.defaults).length\n ? normalizeOptions(element, this.defaults, config || {}, \"bs\")\n : /* istanbul ignore next @preserve */ {};\n\n Data.set(element, this.name, this);\n }\n\n // istanbul ignore next @preserve\n get version() {\n return Version;\n }\n\n // istanbul ignore next @preserve\n get name() {\n return \"BaseComponent\";\n }\n\n // istanbul ignore next @preserve\n get defaults() {\n return {};\n }\n\n /** just to have something to extend from */\n // istanbul ignore next @preserve coverage wise this isn't important\n _toggleEventListeners = () => {\n // do something to please linters\n };\n\n /** Removes component from target element. */\n dispose() {\n Data.remove<typeof this>(this.element, this.name);\n ObjectKeys(this).forEach((prop) => {\n delete this[prop];\n });\n }\n}\n","/* Native JavaScript for Bootstrap 5 | Carousel\n----------------------------------------------- */\nimport {\n addClass,\n closest,\n createCustomEvent,\n dispatchEvent,\n DragEvent,\n dragstartEvent,\n emulateTransitionEnd,\n getAttribute,\n getDocument,\n getElementsByClassName,\n getElementTransitionDuration,\n getInstance,\n hasClass,\n isElementInScrollRange,\n // isMobile,\n isRTL,\n keyArrowLeft,\n keyArrowRight,\n keydownEvent,\n matches,\n mouseclickEvent,\n mouseenterEvent,\n mouseleaveEvent,\n ObjectAssign,\n passiveHandler,\n pointerdownEvent,\n PointerEvent,\n pointermoveEvent,\n pointerupEvent,\n querySelector,\n querySelectorAll,\n reflow,\n removeClass,\n Timer,\n TouchEvent,\n touchstartEvent,\n} from \"@thednp/shorty\";\n\nimport { addListener, removeListener } from \"@thednp/event-listener\";\n\nimport activeClass from \"~/strings/activeClass\";\nimport dataBsTarget from \"~/strings/dataBsTarget\";\nimport carouselString from \"~/strings/carouselString\";\nimport carouselComponent from \"~/strings/carouselComponent\";\nimport getTargetElement from \"~/util/getTargetElement\";\nimport isDisabled from \"~/util/isDisabled\";\nimport BaseComponent from \"./base-component\";\nimport type { CarouselEvent, CarouselOptions } from \"~/interface/carousel\";\n\ntype CarouselEventProperties = {\n relatedTarget: EventTarget & HTMLElement;\n from: number;\n to: number;\n direction: \"left\" | \"right\";\n};\n\n// CAROUSEL PRIVATE GC\n// ===================\nconst carouselSelector = `[data-bs-ride=\"${carouselString}\"]`;\nconst carouselItem = `${carouselString}-item`;\nconst dataBsSlideTo = \"data-bs-slide-to\";\nconst dataBsSlide = \"data-bs-slide\";\nconst pausedClass = \"paused\";\n// const touchEvent = isMobile() ? touchstartEvent : pointerdownEvent;\n// console.log({ isMobile: isMobile(), touchEvent });\n\nconst carouselDefaults: CarouselOptions = {\n pause: \"hover\",\n keyboard: false,\n touch: true,\n interval: 5000,\n};\n\n/**\n * Static method which returns an existing `Carousel` instance associated\n * to a target `Element`.\n */\nconst getCarouselInstance = (element: Element) =>\n getInstance<Carousel>(element, carouselComponent);\n\n/**\n * A `Carousel` initialization callback.\n */\nconst carouselInitCallback = (element: Element) => new Carousel(element);\n\nlet startX = 0;\nlet currentX = 0;\nlet endX = 0;\n\n// CAROUSEL CUSTOM EVENTS\n// ======================\nconst carouselSlideEvent = createCustomEvent<\n CarouselEventProperties,\n CarouselEvent\n>(`slide.bs.${carouselString}`);\nconst carouselSlidEvent = createCustomEvent<\n CarouselEventProperties,\n CarouselEvent\n>(`slid.bs.${carouselString}`);\n\n// CAROUSEL EVENT HANDLERS\n// =======================\n/**\n * The `transitionend` event listener of the `Carousel`.\n *\n * @param self the `Carousel` instance\n */\nconst carouselTransitionEndHandler = (self: Carousel) => {\n const { index, direction, element, slides, options } = self;\n\n // istanbul ignore else @preserve\n if (self.isAnimating) {\n const activeItem = getActiveIndex(self);\n const orientation = direction === \"left\" ? \"next\" : \"prev\";\n const directionClass = direction === \"left\" ? \"start\" : \"end\";\n\n addClass(slides[index], activeClass);\n removeClass(slides[index], `${carouselItem}-${orientation}`);\n removeClass(slides[index], `${carouselItem}-${directionClass}`);\n\n removeClass(slides[activeItem], activeClass);\n removeClass(slides[activeItem], `${carouselItem}-${directionClass}`);\n\n dispatchEvent(element, carouselSlidEvent);\n Timer.clear(element, dataBsSlide);\n\n // must check if a previous instance is disposed\n if (\n self.cycle && !getDocument(element).hidden && options.interval &&\n !self.isPaused\n ) {\n self.cycle();\n }\n }\n};\n\n/**\n * Handles the `mouseenter` events when *options.pause*\n * is set to `hover`.\n */\nfunction carouselPauseHandler(this: HTMLElement) {\n const self = getCarouselInstance(this);\n // istanbul ignore else @preserve\n if (self && !self.isPaused && !Timer.get(this, pausedClass)) {\n addClass(this, pausedClass);\n }\n}\n\n/**\n * Handles the `mouseleave` events when *options.pause*\n * is set to `hover`.\n */\nfunction carouselResumeHandler(this: HTMLElement) {\n const self = getCarouselInstance(this);\n // istanbul ignore else @preserve\n if (self && self.isPaused && !Timer.get(this, pausedClass)) {\n self.cycle();\n }\n}\n\n/**\n * Handles the `click` event for the `Carousel` indicators.\n *\n * @param e the `Event` object\n */\nfunction carouselIndicatorHandler(this: HTMLElement, e: MouseEvent) {\n e.preventDefault();\n const element = closest(this, carouselSelector) || getTargetElement(this);\n const self = element && getCarouselInstance(element);\n\n // istanbul ignore if @preserve\n if (isDisabled(this)) return;\n // istanbul ignore if @preserve\n if (!self || self.isAnimating) return;\n\n const newIndex = Number(\n // istanbul ignore next @preserve\n getAttribute(this, dataBsSlideTo) ||\n 0,\n );\n\n // istanbul ignore else @preserve\n if (\n this &&\n !hasClass(this, activeClass) && // event target is not active\n !Number.isNaN(newIndex)\n ) {\n // AND has the specific attribute\n self.to(newIndex); // do the slide\n }\n}\n\n/**\n * Handles the `click` event for the `Carousel` arrows.\n *\n * @param e the `Event` object\n */\nfunction carouselControlsHandler(this: HTMLElement, e: MouseEvent) {\n e.preventDefault();\n const element = closest(this, carouselSelector) || getTargetElement(this);\n const self = element && getCarouselInstance(element);\n\n // istanbul ignore if @preserve\n if (isDisabled(this)) return;\n // istanbul ignore if @preserve\n if (!self || self.isAnimating) return;\n\n const orientation = getAttribute(this, dataBsSlide);\n\n // istanbul ignore else @preserve\n if (orientation === \"next\") {\n self.next();\n } else if (orientation === \"prev\") {\n self.prev();\n }\n}\n\n/**\n * Handles the keyboard `keydown` event for the visible `Carousel` elements.\n *\n * @param e the `Event` object\n */\nconst carouselKeyHandler = (\n { code, target }: KeyboardEvent & { target: Node },\n) => {\n const doc = getDocument(target);\n const [element] = [...querySelectorAll<HTMLElement>(carouselSelector, doc)]\n .filter((x) => isElementInScrollRange(x));\n const self = getCarouselInstance(element);\n\n // istanbul ignore next @preserve\n if (\n !self || self.isAnimating || /textarea|input|select/i.test(target.nodeName)\n ) return;\n\n const RTL = isRTL(element);\n const arrowKeyNext = !RTL ? keyArrowRight : keyArrowLeft;\n const arrowKeyPrev = !RTL ? keyArrowLeft : keyArrowRight;\n\n // istanbul ignore else @preserve\n if (code === arrowKeyPrev) self.prev();\n else if (code === arrowKeyNext) self.next();\n};\n\n// CAROUSEL TOUCH HANDLERS\n// =======================\n/**\n * Prevents the `touchstart` and `dragstart` events for the `Carousel` element.\n *\n * @param e the `Event` object\n */\nfunction carouselDragHandler<T extends HTMLElement>(\n this: T,\n e: Event & (DragEvent<T> | TouchEvent<T>),\n) {\n const { target } = e;\n const self = getCarouselInstance(this);\n\n // Only prevent default if we're touching the carousel content\n // but not the controls or indicators\n // istanbul ignore next @preserve\n if (\n self &&\n self.isTouch &&\n !self.controls.includes(target as HTMLElement) &&\n !self.controls.includes(target?.parentElement as HTMLElement) &&\n (!self.indicator || !self.indicator.contains(target))\n ) {\n e.preventDefault();\n }\n}\n\n// CAROUSEL POINTER HANDLERS\n// =========================\n/**\n * Handles the `pointerdown` event for the `Carousel` element.\n *\n * @param e the `Event` object\n */\nfunction carouselPointerDownHandler(\n this: HTMLElement,\n e: PointerEvent<HTMLElement>,\n) {\n const { target } = e;\n const self = getCarouselInstance(this);\n\n // istanbul ignore else @preserve\n if (!self || self.isAnimating || self.isTouch) return;\n\n // filter pointer event on controls & indicators\n const { controls, indicator } = self;\n // istanbul ignore else @preserve\n if (\n ![...controls, indicator].every((el) =>\n el && (el === target || el.contains(target))\n ) && this.contains(target)\n ) {\n startX = e.pageX;\n\n // istanbul ignore else @preserve\n // if (this.contains(target)) {\n self.isTouch = true;\n toggleCarouselTouchHandlers(self, true);\n // }\n } else {\n // e.stopImmediatePropagation();\n\n // e.stopPropagation();\n // e.preventDefault();\n }\n}\n\n/**\n * Handles the `pointermove` event for the `Carousel` element.\n *\n * @param e\n */\nconst carouselPointerMoveHandler = (e: PointerEvent<HTMLElement>) => {\n currentX = e.pageX;\n};\n\n/**\n * Handles the `pointerup` event for the `Carousel` element.\n *\n * @param e\n */\nconst carouselPointerUpHandler = (e: PointerEvent<HTMLElement>) => {\n const { target } = e;\n const doc = getDocument(target);\n const self = [...querySelectorAll(carouselSelector, doc)]\n .map((c) => getCarouselInstance(c) as Carousel)\n .find((i) => i.isTouch) as Carousel;\n\n // istanbul ignore if @preserve\n if (!self) return;\n\n const { element, index } = self;\n const RTL = isRTL(element);\n endX = e.pageX;\n\n self.isTouch = false;\n toggleCarouselTouchHandlers(self);\n\n if (\n !doc.getSelection()?.toString().length &&\n element.contains(target) &&\n Math.abs(startX - endX) > 120\n ) {\n // determine next index to slide to\n // istanbul ignore else @preserve\n if (currentX < startX) {\n self.to(index + (RTL ? -1 : 1));\n } else if (currentX > startX) {\n self.to(index + (RTL ? 1 : -1));\n }\n }\n\n // reset pointer position\n startX = 0;\n currentX = 0;\n endX = 0;\n};\n\n// CAROUSEL PRIVATE METHODS\n// ========================\n/**\n * Sets active indicator for the `Carousel` instance.\n *\n * @param self the `Carousel` instance\n * @param index the index of the new active indicator\n */\nconst activateCarouselIndicator = (self: Carousel, index: number) => {\n const { indicators } = self;\n [...indicators].forEach((x) => removeClass(x, activeClass));\n\n // istanbul ignore else @preserve\n if (self.indicators[index]) addClass(indicators[index], activeClass);\n};\n\n/**\n * Toggles the pointer event listeners for a given `Carousel` instance.\n *\n * @param self the `Carousel` instance\n * @param add when `TRUE` event listeners are added\n */\nconst toggleCarouselTouchHandlers = (self: Carousel, add?: boolean) => {\n const { element } = self;\n const action = add ? addListener : removeListener;\n action(\n getDocument(element),\n pointermoveEvent,\n carouselPointerMoveHandler,\n passiveHandler,\n );\n action(\n getDocument(element),\n pointerupEvent,\n carouselPointerUpHandler,\n passiveHandler,\n );\n};\n\n/**\n * Returns the index of the current active item.\n *\n * @param self the `Carousel` instance\n * @returns the query result\n */\nconst getActiveIndex = (self: Carousel) => {\n const { slides, element } = self;\n const activeItem = querySelector<HTMLElement>(\n `.${carouselItem}.${activeClass}`,\n element,\n );\n return activeItem ? [...slides].indexOf(activeItem) : -1;\n};\n\n// CAROUSEL DEFINITION\n// ===================\n/** Creates a new `Carousel` instance. */\nexport default class Carousel extends BaseComponent {\n static selector = carouselSelector;\n static init = carouselInitCallback;\n static getInstance = getCarouselInstance;\n declare element: HTMLElement;\n declare options: CarouselOptions;\n declare direction: \"right\" | \"left\";\n declare index: number;\n declare isTouch: boolean;\n declare slides: HTMLCollectionOf<HTMLElement>;\n declare controls: HTMLElement[];\n declare indicator: HTMLElement | null;\n declare indicators: HTMLElement[];\n\n /**\n * @param target mostly a `.carousel` element\n * @param config instance options\n */\n constructor(target: Element | string, config?: Partial<CarouselOptions>) {\n super(target, config);\n\n // initialization element\n const { element } = this;\n\n // additional properties\n this.direction = isRTL(element) ? \"right\" : \"left\";\n this.isTouch = false;\n\n // carousel elements\n // a LIVE collection is prefferable\n this.slides = getElementsByClassName(carouselItem, element);\n const { slides } = this;\n\n // invalidate when not enough items\n // no need to go further\n if (slides.length < 2) return;\n\n const activeIndex = getActiveIndex(this);\n // recover item from disposed instance\n const transitionItem = [...slides].find((s) =>\n matches(s, `.${carouselItem}-next`)\n );\n this.index = activeIndex;\n\n // external controls must be within same document context\n const doc = getDocument(element);\n\n this.controls = [\n ...querySelectorAll<HTMLElement>(`[${dataBsSlide}]`, element),\n ...querySelectorAll<HTMLElement>(\n `[${dataBsSlide}][${dataBsTarget}=\"#${element.id}\"]`,\n doc,\n ),\n ].filter((c, i, ar) => i === ar.indexOf(c));\n\n this.indicator = querySelector<HTMLElement>(\n `.${carouselString}-indicators`,\n element,\n );\n\n // a LIVE collection is preffered\n this.indicators = [\n ...(this.indicator\n ? querySelectorAll<HTMLElement>(`[${dataBsSlideTo}]`, this.indicator)\n /* istanbul ignore next @preserve */ : []),\n ...querySelectorAll<HTMLElement>(\n `[${dataBsSlideTo}][${dataBsTarget}=\"#${element.id}\"]`,\n doc,\n ),\n ].filter((c, i, ar) => i === ar.indexOf(c));\n\n // set JavaScript and DATA API options\n const { options } = this;\n\n // don't use TRUE as interval, it's actually 0, use the default 5000ms better\n this.options.interval = options.interval === true\n ? carouselDefaults.interval\n : options.interval;\n\n // set first slide active if none\n // istanbul ignore next @preserve - impossible to test\n if (transitionItem) {\n this.index = [...slides].indexOf(transitionItem);\n } else if (activeIndex < 0) {\n this.index = 0;\n addClass(slides[0], activeClass);\n if (this.indicators.length) activateCarouselIndicator(this, 0);\n }\n\n // istanbul ignore else @preserve\n if (this.indicators.length) activateCarouselIndicator(this, this.index);\n\n // attach event handlers\n this._toggleEventListeners(true);\n\n // start to cycle if interval is set\n if (options.interval) this.cycle();\n }\n\n /**\n * Returns component name string.\n */\n get name() {\n return carouselComponent;\n }\n /**\n * Returns component default options.\n */\n get defaults() {\n return carouselDefaults;\n }\n\n /**\n * Check if instance is paused.\n */\n get isPaused() {\n return hasClass(this.element, pausedClass);\n }\n\n /**\n * Check if instance is animating.\n */\n get isAnimating() {\n return querySelector(\n `.${carouselItem}-next,.${carouselItem}-prev`,\n this.element,\n ) !== null;\n }\n\n // CAROUSEL PUBLIC METHODS\n // =======================\n /** Slide automatically through items. */\n cycle() {\n const { element, options, isPaused, index } = this;\n\n Timer.clear(element, carouselString);\n if (isPaused) {\n Timer.clear(element, pausedClass);\n removeClass(element, pausedClass);\n }\n\n Timer.set(\n element,\n () => {\n // it's very important to check self.element\n // where instance might have been disposed\n // istanbul ignore else @preserve\n if (\n this.element && !this.isPaused && !this.isTouch &&\n isElementInScrollRange(element)\n ) {\n this.to(index + 1);\n }\n },\n options.interval as number,\n carouselString,\n );\n }\n\n /** Pause the automatic cycle. */\n pause() {\n const { element, options } = this;\n // istanbul ignore else @preserve\n if (this.isPaused || !options.interval) return;\n\n addClass(element, pausedClass);\n Timer.set(\n element,\n () => {\n /* ESLint is now happy */\n },\n 1,\n pausedClass,\n );\n }\n\n /** Slide to the next item. */\n next() {\n // istanbul ignore else @preserve\n if (!this.isAnimating) {\n this.to(this.index + 1);\n }\n }\n\n /** Slide to the previous item. */\n prev() {\n // istanbul ignore else @preserve\n if (!this.isAnimating) {\n this.to(this.index - 1);\n }\n }\n\n /**\n * Jump to the item with the `idx` index.\n *\n * @param idx the index of the item to jump to\n */\n to(idx: number) {\n const { element, slides, options } = this;\n const activeItem = getActiveIndex(this);\n const RTL = isRTL(element);\n let next = idx;\n\n // when controled via methods, make sure to check again\n // first return if we're on the same item #227\n // `to()` must be SPAM protected by Timer\n if (\n this.isAnimating || activeItem === next ||\n Timer.get(element, dataBsSlide)\n ) return;\n\n // determine transition direction\n // istanbul ignore else @preserve\n if (\n activeItem < next || (activeItem === 0 && next === slides.length - 1)\n ) {\n this.direction = RTL ? \"right\" : \"left\"; // next\n } else if (\n activeItem > next || (activeItem === slides.length - 1 && next === 0)\n ) {\n this.direction = RTL ? \"left\" : \"right\"; // prev\n }\n const { direction } = this;\n\n // find the right next index\n if (next < 0) {\n next = slides.length - 1;\n } else if (next >= slides.length) {\n next = 0;\n }\n\n // orientation, class name, eventProperties\n const orientation = direction === \"left\" ? \"next\" : \"prev\";\n const directionClass = direction === \"left\" ? \"start\" : \"end\";\n\n const eventProperties = {\n relatedTarget: slides[next],\n from: activeItem,\n to: next,\n direction,\n };\n\n // update event properties\n ObjectAssign(carouselSlideEvent, eventProperties);\n ObjectAssign(carouselSlidEvent, eventProperties);\n\n // discontinue when prevented\n dispatchEvent(element, carouselSlideEvent);\n if (carouselSlideEvent.defaultPrevented) return;\n\n // update index\n this.index = next;\n activateCarouselIndicator(this, next);\n\n if (\n getElementTransitionDuration(slides[next]) &&\n hasClass(element, \"slide\")\n ) {\n Timer.set(\n element,\n () => {\n addClass(slides[next], `${carouselItem}-${orientation}`);\n reflow(slides[next]);\n addClass(slides[next], `${carouselItem}-${directionClass}`);\n addClass(slides[activeItem], `${carouselItem}-${directionClass}`);\n\n // the instance might get diposed mid-animation\n emulateTransitionEnd(\n slides[next],\n () =>\n this.slides && this.slides.length &&\n carouselTransitionEndHandler(this),\n );\n },\n 0,\n dataBsSlide,\n );\n } else {\n addClass(slides[next], activeClass);\n removeClass(slides[activeItem], activeClass);\n\n Timer.set(\n element,\n () => {\n Timer.clear(element, dataBsSlide);\n // check for element, might have been disposed\n // istanbul ignore else @preserve\n if (element && options.interval && !this.isPaused) {\n this.cycle();\n }\n\n dispatchEvent(element, carouselSlidEvent);\n },\n 0,\n dataBsSlide,\n );\n }\n }\n\n /**\n * Toggles all event listeners for the `Carousel` instance.\n *\n * @param add when `TRUE` event listeners are added\n */\n _toggleEventListeners = (add?: boolean) => {\n const { element, options, slides, controls, indicators } = this;\n const { touch, pause, interval, keyboard } = options;\n const action = add ? addListener : removeListener;\n\n if (pause && interval) {\n action(element, mouseenterEvent, carouselPauseHandler);\n action(element, mouseleaveEvent, carouselResumeHandler);\n }\n\n if (touch && slides.length > 2) {\n action(\n element,\n pointerdownEvent,\n carouselPointerDownHandler,\n passiveHandler,\n );\n action(element, touchstartEvent, carouselDragHandler, { passive: false });\n action(element, dragstartEvent, carouselDragHandler, { passive: false });\n }\n\n // istanbul ignore else @preserve\n if (controls.length) {\n controls.forEach((arrow) => {\n action(arrow, mouseclickEvent, carouselControlsHandler);\n });\n }\n\n // istanbul ignore else @preserve\n if (indicators.length) {\n indicators.forEach((indicator) => {\n action(indicator, mouseclickEvent, carouselIndicatorHandler);\n });\n }\n\n if (keyboard) {\n action(getDocument(element), keydownEvent, carouselKeyHandler);\n }\n };\n\n /** Remove `Carousel` component from target. */\n dispose() {\n const { isAnimating } = this;\n\n const clone = {\n ...this,\n isAnimating,\n };\n this._toggleEventListeners();\n super.dispose();\n\n // istanbul ignore next @preserve - impossible to test in playwright\n if (clone.isAnimating) {\n emulateTransitionEnd(clone.slides[clone.index], () => {\n carouselTransitionEndHandler(clone);\n });\n }\n }\n}\n"],"mappings":"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"} |