Function

Belt animation slider.

This is a default slider that moves the current and next or previous slide at the same time. The movement is linear.

Cover left animation slider

This is a slider that moves the next or previous over the current slide. The movement is linear. Sides always cover from left.

Cover left/right animation slider

This is a slider that moves the next or previous over the current slide. The movement is linear. Sides cover from left and right

Cover right animation slider

This is a slider that moves the next or previous over the current slide. The movement is linear. Sides always cover from right.

Wraps Paraglider to apply pagers and navigation buttons and autoplay. This wrapper simplifies the usage of Paraglider by offering some basic functionality. Data attributes are used to configure the plugin.

Belt animation slider.

This is a default slider that moves the current and next or previous slide at the same time. The movement is linear.

Wrapper including navigation arrows. Allows using visibleSlides & slideBy options

Use this helper to create custom sliders with arrows, to navigate to different slides. The options are extended by additional class names.

Simple wrapper including pagers and navigation arrows.

Use this helper to create custom sliders with pager dots and arrows, to navigate to different slides. The options are extended by additional class names.

Animates from one value to the other over a given time. This function uses requestAnimationFrame and Date to return a reliable result.

Takes an array and returns a single value if it is the only item. Otherwise it returns the original array.

Example:

arrayOrValue([null, 1, 2]) // => [null, 1, 2]
arrayOrValue([1]) // => 1
arrayOrValue(['a']) // => 'a'
arrayOrValue([1,'1']) // => [1,'1']
arrayOrValue([null]) // => null

Returns either the first or second value depending on truthness. Any number is considered true.

Example:

eiterOr(0, 4) // => 0
eiterOr('0', 4) // => '0'
eiterOr('foo', 4) // => 'foo'
eiterOr('', 4) // => 4
eiterOr(false, 4) // => 4
eiterOr(undefined, 4) // => 4
eiterOr(null, 4) // => 4
eiterOr({}, 4) // => {}
eiterOr([], 4) // => []
eiterOr(() => {}, 4) // => () => {}

Helper to get elements. Similar to jQuery's $(selector, context)

Example:

findAll('.foo') // => [...]

Helper to get elements. Similar to jQuery's $(selector, context)[0]

Example:

findFirst('.foo') // => <div .../>

A loop using modulo

Example:

modLoop(1, 2, 3) // => 0
modLoop(2, 3, 4) // => 1
modLoop(2, -3, 4) // => 3
modLoop(20, -3, 20) // => 17
modLoop(20, -30, 20) // => 10

Parse dataset with nested object strings to a true object

Example:

const data = parseObject(document.querySelector('.foo').dataset)

Prevents default event

Example:

el.addEventListener('mousemove', preventDefault)
el.addEventListener('dragstart', e => {
  preventDefault(e)
  // ...
})

Toggle class ponyFill to support IE11 and other awkward browsers. IE11 can't use a second argument in element.classList.toggle

Example:

const element = document.querySelector('a')
const isActive = true
toggle(element, active, isActive) // add active
toggle(element, active, 1) // add active
toggle(element, active, !0) // add active
toggle(element, active, !!1) // add active
toggle(element, active, 'yes') // add active
toggle(element, active, 'no') // add active
toggle(element, active, null) // toggle active
toggle(element, active) // toggle active
toggle(element, active, false) // remove active
toggle(element, active, 0) // remove active
toggle(element, active, !!0) // remove active
toggle(element, active, '') // remove active

See:

• https://connect.microsoft.com/IE/Feedback/details/878564/