Removed GliderJs from repo
Update LICENSE.txt, glider-compat.min.js, and 4 more files...
This commit is contained in:
@@ -1,5 +0,0 @@
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
11
resources/GliderJs/1.7.6/glider-compat.min.js
vendored
11
resources/GliderJs/1.7.6/glider-compat.min.js
vendored
@@ -1,11 +0,0 @@
|
||||
"document"in self&&("classList"in document.createElement("_")&&(!document.createElementNS||"classList"in document.createElementNS("http://www.w3.org/2000/svg","g"))||!function(b){if("Element"in b){b=b.Element.prototype;var d=Object,g=String.prototype.trim||function(){return this.replace(/^\s+|\s+$/g,"")},a=Array.prototype.indexOf||function(l){for(var f=0,a=this.length;a>f;f++)if(f in this&&this[f]===l)return f;return-1},c=function(a,f){this.name=a;this.code=DOMException[a];this.message=f},h=function(l,
|
||||
f){if(""===f)throw new c("SYNTAX_ERR","The token must not be empty.");if(/\s/.test(f))throw new c("INVALID_CHARACTER_ERR","The token must not contain space characters.");return a.call(l,f)},k=function(a){var f=g.call(a.getAttribute("class")||"");f=f?f.split(/\s+/):[];for(var b=0,h=f.length;h>b;b++)this.push(f[b]);this._updateClassName=function(){a.setAttribute("class",this.toString())}},e=k.prototype=[],m=function(){return new k(this)};if(c.prototype=Error.prototype,e.item=function(a){return this[a]||
|
||||
null},e.contains=function(a){return~h(this,a+"")},e.add=function(){var a=arguments,f=0,b=a.length,c=!1;do{var e=a[f]+"";~h(this,e)||(this.push(e),c=!0)}while(++f<b);c&&this._updateClassName()},e.remove=function(){var a,b=arguments,c=0,e=b.length,k=!1;do{var d=b[c]+"";for(a=h(this,d);~a;)this.splice(a,1),k=!0,a=h(this,d)}while(++c<e);k&&this._updateClassName()},e.toggle=function(a,b){var h=this.contains(a),c=h?!0!==b&&"remove":!1!==b&&"add";return c&&this[c](a),!0===b||!1===b?b:!h},e.replace=function(a,
|
||||
b){var c=h(a+"");~c&&(this.splice(c,1,b),this._updateClassName())},e.toString=function(){return this.join(" ")},d.defineProperty){e={get:m,enumerable:!0,configurable:!0};try{d.defineProperty(b,"classList",e)}catch(l){void 0!==l.number&&-2146823252!==l.number||(e.enumerable=!1,d.defineProperty(b,"classList",e))}}else d.prototype.__defineGetter__&&b.__defineGetter__("classList",m)}}(self),function(){var b=document.createElement("_");if(b.classList.add("c1","c2"),!b.classList.contains("c2")){var d=function(a){var b=
|
||||
DOMTokenList.prototype[a];DOMTokenList.prototype[a]=function(a){var c,h=arguments.length;for(c=0;h>c;c++)a=arguments[c],b.call(this,a)}};d("add");d("remove")}if(b.classList.toggle("c3",!1),b.classList.contains("c3")){var g=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(a,b){return 1 in arguments&&!this.contains(a)==!b?b:g.call(this,a)}}"replace"in document.createElement("_").classList||(DOMTokenList.prototype.replace=function(a,b){var c=this.toString().split(" "),d=c.indexOf(a+
|
||||
"");~d&&(c=c.slice(d),this.remove.apply(this,c),this.add(b),this.add.apply(this,c.slice(1)))});b=null}());
|
||||
(function(){if("undefined"!==typeof window)try{var b=new window.CustomEvent("test",{cancelable:!0});b.preventDefault();if(!0!==b.defaultPrevented)throw Error("Could not prevent default");}catch(d){b=function(b,a){a=a||{bubbles:!1,cancelable:!1,detail:void 0};var c=document.createEvent("CustomEvent");c.initCustomEvent(b,a.bubbles,a.cancelable,a.detail);var d=c.preventDefault;c.preventDefault=function(){d.call(this);try{Object.defineProperty(this,"defaultPrevented",{get:function(){return!0}})}catch(k){this.defaultPrevented=
|
||||
!0}};return c},b.prototype=window.Event.prototype,window.CustomEvent=b}})();
|
||||
Object.assign||Object.defineProperty(Object,"assign",{enumerable:!1,configurable:!0,writable:!0,value:function(b){if(void 0===b||null===b)throw new TypeError("Cannot convert first argument to object");for(var d=Object(b),g=1;g<arguments.length;g++){var a=arguments[g];if(void 0!==a&&null!==a){a=Object(a);for(var c=Object.keys(Object(a)),h=0,k=c.length;h<k;h++){var e=c[h],m=Object.getOwnPropertyDescriptor(a,e);void 0!==m&&m.enumerable&&(d[e]=a[e])}}}return d}});
|
||||
(function(){for(var b=0,d=["ms","moz","webkit","o"],g=0;g<d.length&&!window.requestAnimationFrame;++g)window.requestAnimationFrame=window[d[g]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[d[g]+"CancelAnimationFrame"]||window[d[g]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(a,c){var d=(new Date).getTime(),g=Math.max(0,16-(d-b)),e=window.setTimeout(function(){a(d+g)},g);b=d+g;return e});window.cancelAnimationFrame||(window.cancelAnimationFrame=
|
||||
function(a){clearTimeout(a)})})();
|
||||
@@ -1,129 +0,0 @@
|
||||
.glider-contain {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
.glider {
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
overflow-y: hidden;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
-ms-overflow-style: none;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
.glider-track {
|
||||
transform: translateZ(0);
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
z-index: 1;
|
||||
}
|
||||
.glider.draggable {
|
||||
user-select: none;
|
||||
cursor: -webkit-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.glider.draggable .glider-slide img {
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
.glider.drag {
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.glider-slide {
|
||||
user-select: none;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
.glider-slide img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.glider::-webkit-scrollbar {
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
}
|
||||
.glider-prev,.glider-next {
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
outline: none;
|
||||
background: none;
|
||||
padding: 0;
|
||||
z-index: 2;
|
||||
font-size: 40px;
|
||||
text-decoration: none;
|
||||
left: -23px;
|
||||
border: 0;
|
||||
top: 30%;
|
||||
cursor: pointer;
|
||||
color: #666;
|
||||
opacity: 1;
|
||||
line-height: 1;
|
||||
transition: opacity .5s cubic-bezier(.17,.67,.83,.67),
|
||||
color .5s cubic-bezier(.17,.67,.83,.67);
|
||||
}
|
||||
.glider-prev:hover,
|
||||
.glider-next:hover,
|
||||
.glider-prev:focus,
|
||||
.glider-next:focus {
|
||||
color: #a89cc8;
|
||||
}
|
||||
.glider-next {
|
||||
right: -23px;
|
||||
left: auto;
|
||||
}
|
||||
.glider-next.disabled,
|
||||
.glider-prev.disabled {
|
||||
opacity: .25;
|
||||
color: #666;
|
||||
cursor: default;
|
||||
}
|
||||
.glider-slide {
|
||||
min-width: 150px;
|
||||
}
|
||||
.glider-hide {
|
||||
opacity: 0;
|
||||
}
|
||||
.glider-dots {
|
||||
user-select: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
.glider-dot {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
user-select: none;
|
||||
outline: none;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
color: #ccc;
|
||||
border-radius: 999px;
|
||||
background: #ccc;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 7px;
|
||||
}
|
||||
.glider-dot:hover,
|
||||
.glider-dot:focus,
|
||||
.glider-dot.active {
|
||||
background: #a89cc8;
|
||||
}
|
||||
@media(max-width: 36em){
|
||||
.glider::-webkit-scrollbar {
|
||||
opacity: 1;
|
||||
-webkit-appearance: none;
|
||||
width: 7px;
|
||||
height: 3px;
|
||||
}
|
||||
.glider::-webkit-scrollbar-thumb {
|
||||
opacity: 1;
|
||||
border-radius: 99px;
|
||||
background-color: rgba(156, 156, 156, 0.25);
|
||||
box-shadow: 0 0 1px rgba(255,255,255,.25);
|
||||
}
|
||||
}
|
||||
@@ -1,576 +0,0 @@
|
||||
/* @preserve
|
||||
_____ __ _ __ _
|
||||
/ ___// /(_)___/ /___ ____ (_)___
|
||||
/ (_ // // // _ // -_)/ __/_ / /(_-<
|
||||
\___//_//_/ \_,_/ \__//_/ (_)__/ //___/
|
||||
|___/
|
||||
|
||||
Version: 1.7.4
|
||||
Author: Nick Piscitelli (pickykneee)
|
||||
Website: https://nickpiscitelli.com
|
||||
Documentation: http://nickpiscitelli.github.io/Glider.js
|
||||
License: MIT License
|
||||
Release Date: October 25th, 2018
|
||||
|
||||
*/
|
||||
|
||||
/* global define */
|
||||
|
||||
(function (factory) {
|
||||
typeof define === 'function' && define.amd
|
||||
? define(factory)
|
||||
: typeof exports === 'object'
|
||||
? (module.exports = factory())
|
||||
: factory()
|
||||
})(function () {
|
||||
('use strict') // eslint-disable-line no-unused-expressions
|
||||
|
||||
/* globals window:true */
|
||||
var _window = typeof window !== 'undefined' ? window : this
|
||||
|
||||
var Glider = (_window.Glider = function (element, settings) {
|
||||
var _ = this
|
||||
|
||||
if (element._glider) return element._glider
|
||||
|
||||
_.ele = element
|
||||
_.ele.classList.add('glider')
|
||||
|
||||
// expose glider object to its DOM element
|
||||
_.ele._glider = _
|
||||
|
||||
// merge user setting with defaults
|
||||
_.opt = Object.assign(
|
||||
{},
|
||||
{
|
||||
slidesToScroll: 1,
|
||||
slidesToShow: 1,
|
||||
resizeLock: true,
|
||||
duration: 0.5,
|
||||
// easeInQuad
|
||||
easing: function (x, t, b, c, d) {
|
||||
return c * (t /= d) * t + b
|
||||
}
|
||||
},
|
||||
settings
|
||||
)
|
||||
|
||||
// set defaults
|
||||
_.animate_id = _.page = _.slide = _.scrollLeft = 0
|
||||
_.arrows = {}
|
||||
|
||||
// preserve original options to
|
||||
// extend breakpoint settings
|
||||
_._opt = _.opt
|
||||
|
||||
if (_.opt.skipTrack) {
|
||||
// first and only child is the track
|
||||
_.track = _.ele.children[0]
|
||||
} else {
|
||||
// create track and wrap slides
|
||||
_.track = document.createElement('div')
|
||||
_.ele.appendChild(_.track)
|
||||
while (_.ele.children.length !== 1) {
|
||||
_.track.appendChild(_.ele.children[0])
|
||||
}
|
||||
}
|
||||
|
||||
_.track.classList.add('glider-track')
|
||||
|
||||
// start glider
|
||||
_.init()
|
||||
|
||||
// set events
|
||||
_.resize = _.init.bind(_, true)
|
||||
_.event(_.ele, 'add', {
|
||||
scroll: _.updateControls.bind(_)
|
||||
})
|
||||
_.event(_window, 'add', {
|
||||
resize: _.resize
|
||||
})
|
||||
})
|
||||
|
||||
var gliderPrototype = Glider.prototype
|
||||
gliderPrototype.init = function (refresh, paging) {
|
||||
var _ = this
|
||||
|
||||
var width = 0
|
||||
|
||||
var height = 0
|
||||
|
||||
_.slides = _.track.children;
|
||||
|
||||
[].forEach.call(_.slides, function (_, i) {
|
||||
_.classList.add('glider-slide')
|
||||
_.setAttribute('data-gslide', i)
|
||||
})
|
||||
|
||||
_.containerWidth = _.ele.clientWidth
|
||||
|
||||
var breakpointChanged = _.settingsBreakpoint()
|
||||
if (!paging) paging = breakpointChanged
|
||||
|
||||
if (
|
||||
_.opt.slidesToShow === 'auto' ||
|
||||
typeof _.opt._autoSlide !== 'undefined'
|
||||
) {
|
||||
var slideCount = _.containerWidth / _.opt.itemWidth
|
||||
|
||||
_.opt._autoSlide = _.opt.slidesToShow = _.opt.exactWidth
|
||||
? slideCount
|
||||
: Math.floor(slideCount)
|
||||
}
|
||||
if (_.opt.slidesToScroll === 'auto') {
|
||||
_.opt.slidesToScroll = Math.floor(_.opt.slidesToShow)
|
||||
}
|
||||
|
||||
_.itemWidth = _.opt.exactWidth
|
||||
? _.opt.itemWidth
|
||||
: _.containerWidth / _.opt.slidesToShow;
|
||||
|
||||
// set slide dimensions
|
||||
[].forEach.call(_.slides, function (__) {
|
||||
__.style.height = 'auto'
|
||||
__.style.width = _.itemWidth + 'px'
|
||||
width += _.itemWidth
|
||||
height = Math.max(__.offsetHeight, height)
|
||||
})
|
||||
|
||||
_.track.style.width = width + 'px'
|
||||
_.trackWidth = width
|
||||
_.isDrag = false
|
||||
_.preventClick = false
|
||||
|
||||
_.opt.resizeLock && _.scrollTo(_.slide * _.itemWidth, 0)
|
||||
|
||||
if (breakpointChanged || paging) {
|
||||
_.bindArrows()
|
||||
_.buildDots()
|
||||
_.bindDrag()
|
||||
}
|
||||
|
||||
_.updateControls()
|
||||
|
||||
_.emit(refresh ? 'refresh' : 'loaded')
|
||||
}
|
||||
|
||||
gliderPrototype.bindDrag = function () {
|
||||
var _ = this
|
||||
_.mouse = _.mouse || _.handleMouse.bind(_)
|
||||
|
||||
var mouseup = function () {
|
||||
_.mouseDown = undefined
|
||||
_.ele.classList.remove('drag')
|
||||
if (_.isDrag) {
|
||||
_.preventClick = true
|
||||
}
|
||||
_.isDrag = false
|
||||
}
|
||||
|
||||
var events = {
|
||||
mouseup: mouseup,
|
||||
mouseleave: mouseup,
|
||||
mousedown: function (e) {
|
||||
e.preventDefault()
|
||||
e.stopPropagation()
|
||||
_.mouseDown = e.clientX
|
||||
_.ele.classList.add('drag')
|
||||
},
|
||||
mousemove: _.mouse,
|
||||
click: function (e) {
|
||||
if (_.preventClick) {
|
||||
e.preventDefault()
|
||||
e.stopPropagation()
|
||||
}
|
||||
_.preventClick = false
|
||||
}
|
||||
}
|
||||
|
||||
_.ele.classList.toggle('draggable', _.opt.draggable === true)
|
||||
_.event(_.ele, 'remove', events)
|
||||
if (_.opt.draggable) _.event(_.ele, 'add', events)
|
||||
}
|
||||
|
||||
gliderPrototype.buildDots = function () {
|
||||
var _ = this
|
||||
|
||||
if (!_.opt.dots) {
|
||||
if (_.dots) _.dots.innerHTML = ''
|
||||
return
|
||||
}
|
||||
|
||||
if (typeof _.opt.dots === 'string') {
|
||||
_.dots = document.querySelector(_.opt.dots)
|
||||
} else _.dots = _.opt.dots
|
||||
if (!_.dots) return
|
||||
|
||||
_.dots.innerHTML = ''
|
||||
_.dots.classList.add('glider-dots')
|
||||
|
||||
for (var i = 0; i < Math.ceil(_.slides.length / _.opt.slidesToShow); ++i) {
|
||||
var dot = document.createElement('button')
|
||||
dot.dataset.index = i
|
||||
dot.setAttribute('aria-label', 'Page ' + (i + 1))
|
||||
dot.className = 'glider-dot ' + (i ? '' : 'active')
|
||||
_.event(dot, 'add', {
|
||||
click: _.scrollItem.bind(_, i, true)
|
||||
})
|
||||
_.dots.appendChild(dot)
|
||||
}
|
||||
}
|
||||
|
||||
gliderPrototype.bindArrows = function () {
|
||||
var _ = this
|
||||
if (!_.opt.arrows) {
|
||||
Object.keys(_.arrows).forEach(function (direction) {
|
||||
var element = _.arrows[direction]
|
||||
_.event(element, 'remove', { click: element._func })
|
||||
})
|
||||
return
|
||||
}
|
||||
['prev', 'next'].forEach(function (direction) {
|
||||
var arrow = _.opt.arrows[direction]
|
||||
if (arrow) {
|
||||
if (typeof arrow === 'string') arrow = document.querySelector(arrow)
|
||||
if (arrow) {
|
||||
arrow._func = arrow._func || _.scrollItem.bind(_, direction)
|
||||
_.event(arrow, 'remove', {
|
||||
click: arrow._func
|
||||
})
|
||||
_.event(arrow, 'add', {
|
||||
click: arrow._func
|
||||
})
|
||||
_.arrows[direction] = arrow
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
gliderPrototype.updateControls = function (event) {
|
||||
var _ = this
|
||||
|
||||
if (event && !_.opt.scrollPropagate) {
|
||||
event.stopPropagation()
|
||||
}
|
||||
|
||||
var disableArrows = _.containerWidth >= _.trackWidth
|
||||
|
||||
if (!_.opt.rewind) {
|
||||
if (_.arrows.prev) {
|
||||
_.arrows.prev.classList.toggle(
|
||||
'disabled',
|
||||
_.ele.scrollLeft <= 0 || disableArrows
|
||||
)
|
||||
_.arrows.prev.classList.contains('disabled')
|
||||
? _.arrows.prev.setAttribute('aria-disabled', true)
|
||||
: _.arrows.prev.setAttribute('aria-disabled', false)
|
||||
}
|
||||
if (_.arrows.next) {
|
||||
_.arrows.next.classList.toggle(
|
||||
'disabled',
|
||||
Math.ceil(_.scrollLeft + _.containerWidth) >=
|
||||
Math.floor(_.trackWidth) || disableArrows
|
||||
)
|
||||
_.arrows.next.classList.contains('disabled')
|
||||
? _.arrows.next.setAttribute('aria-disabled', true)
|
||||
: _.arrows.next.setAttribute('aria-disabled', false)
|
||||
}
|
||||
}
|
||||
|
||||
_.slide = Math.round(_.scrollLeft / _.itemWidth)
|
||||
_.page = Math.round(_.scrollLeft / _.containerWidth)
|
||||
|
||||
var middle = _.slide + Math.floor(Math.floor(_.opt.slidesToShow) / 2)
|
||||
|
||||
var extraMiddle = Math.floor(_.opt.slidesToShow) % 2 ? 0 : middle + 1
|
||||
if (Math.floor(_.opt.slidesToShow) === 1) {
|
||||
extraMiddle = 0
|
||||
}
|
||||
|
||||
// the last page may be less than one half of a normal page width so
|
||||
// the page is rounded down. when at the end, force the page to turn
|
||||
if (_.scrollLeft + _.containerWidth >= Math.floor(_.trackWidth)) {
|
||||
_.page = _.dots ? _.dots.children.length - 1 : 0
|
||||
}
|
||||
|
||||
[].forEach.call(_.slides, function (slide, index) {
|
||||
var slideClasses = slide.classList
|
||||
|
||||
var wasVisible = slideClasses.contains('visible')
|
||||
|
||||
var start = _.scrollLeft
|
||||
|
||||
var end = _.scrollLeft + _.containerWidth
|
||||
|
||||
var itemStart = _.itemWidth * index
|
||||
|
||||
var itemEnd = itemStart + _.itemWidth;
|
||||
|
||||
[].forEach.call(slideClasses, function (className) {
|
||||
/^left|right/.test(className) && slideClasses.remove(className)
|
||||
})
|
||||
slideClasses.toggle('active', _.slide === index)
|
||||
if (middle === index || (extraMiddle && extraMiddle === index)) {
|
||||
slideClasses.add('center')
|
||||
} else {
|
||||
slideClasses.remove('center')
|
||||
slideClasses.add(
|
||||
[
|
||||
index < middle ? 'left' : 'right',
|
||||
Math.abs(index - (index < middle ? middle : extraMiddle || middle))
|
||||
].join('-')
|
||||
)
|
||||
}
|
||||
|
||||
var isVisible =
|
||||
Math.ceil(itemStart) >= Math.floor(start) &&
|
||||
Math.floor(itemEnd) <= Math.ceil(end)
|
||||
slideClasses.toggle('visible', isVisible)
|
||||
if (isVisible !== wasVisible) {
|
||||
_.emit('slide-' + (isVisible ? 'visible' : 'hidden'), {
|
||||
slide: index
|
||||
})
|
||||
}
|
||||
})
|
||||
if (_.dots) {
|
||||
[].forEach.call(_.dots.children, function (dot, index) {
|
||||
dot.classList.toggle('active', _.page === index)
|
||||
})
|
||||
}
|
||||
|
||||
if (event && _.opt.scrollLock) {
|
||||
clearTimeout(_.scrollLock)
|
||||
_.scrollLock = setTimeout(function () {
|
||||
clearTimeout(_.scrollLock)
|
||||
// dont attempt to scroll less than a pixel fraction - causes looping
|
||||
if (Math.abs(_.ele.scrollLeft / _.itemWidth - _.slide) > 0.02) {
|
||||
if (!_.mouseDown) {
|
||||
// Only scroll if not at the end (#94)
|
||||
if (_.trackWidth > _.containerWidth + _.ele.scrollLeft) {
|
||||
_.scrollItem(_.getCurrentSlide())
|
||||
}
|
||||
}
|
||||
}
|
||||
}, _.opt.scrollLockDelay || 250)
|
||||
}
|
||||
}
|
||||
|
||||
gliderPrototype.getCurrentSlide = function () {
|
||||
var _ = this
|
||||
return _.round(_.ele.scrollLeft / _.itemWidth)
|
||||
}
|
||||
|
||||
gliderPrototype.scrollItem = function (slide, dot, e) {
|
||||
if (e) e.preventDefault()
|
||||
|
||||
var _ = this
|
||||
|
||||
var originalSlide = slide
|
||||
++_.animate_id
|
||||
|
||||
if (dot === true) {
|
||||
slide = slide * _.containerWidth
|
||||
slide = Math.round(slide / _.itemWidth) * _.itemWidth
|
||||
} else {
|
||||
if (typeof slide === 'string') {
|
||||
var backwards = slide === 'prev'
|
||||
|
||||
// use precise location if fractional slides are on
|
||||
if (_.opt.slidesToScroll % 1 || _.opt.slidesToShow % 1) {
|
||||
slide = _.getCurrentSlide()
|
||||
} else {
|
||||
slide = _.slide
|
||||
}
|
||||
|
||||
if (backwards) slide -= _.opt.slidesToScroll
|
||||
else slide += _.opt.slidesToScroll
|
||||
|
||||
if (_.opt.rewind) {
|
||||
var scrollLeft = _.ele.scrollLeft
|
||||
slide =
|
||||
backwards && !scrollLeft
|
||||
? _.slides.length
|
||||
: !backwards &&
|
||||
scrollLeft + _.containerWidth >= Math.floor(_.trackWidth)
|
||||
? 0
|
||||
: slide
|
||||
}
|
||||
}
|
||||
|
||||
slide = Math.max(Math.min(slide, _.slides.length), 0)
|
||||
|
||||
_.slide = slide
|
||||
slide = _.itemWidth * slide
|
||||
}
|
||||
|
||||
_.scrollTo(
|
||||
slide,
|
||||
_.opt.duration * Math.abs(_.ele.scrollLeft - slide),
|
||||
function () {
|
||||
_.updateControls()
|
||||
_.emit('animated', {
|
||||
value: originalSlide,
|
||||
type:
|
||||
typeof originalSlide === 'string' ? 'arrow' : dot ? 'dot' : 'slide'
|
||||
})
|
||||
}
|
||||
)
|
||||
|
||||
return false
|
||||
}
|
||||
|
||||
gliderPrototype.settingsBreakpoint = function () {
|
||||
var _ = this
|
||||
|
||||
var resp = _._opt.responsive
|
||||
|
||||
if (resp) {
|
||||
// Sort the breakpoints in mobile first order
|
||||
resp.sort(function (a, b) {
|
||||
return b.breakpoint - a.breakpoint
|
||||
})
|
||||
|
||||
for (var i = 0; i < resp.length; ++i) {
|
||||
var size = resp[i]
|
||||
if (_window.innerWidth >= size.breakpoint) {
|
||||
if (_.breakpoint !== size.breakpoint) {
|
||||
_.opt = Object.assign({}, _._opt, size.settings)
|
||||
_.breakpoint = size.breakpoint
|
||||
return true
|
||||
}
|
||||
return false
|
||||
}
|
||||
}
|
||||
}
|
||||
// set back to defaults in case they were overriden
|
||||
var breakpointChanged = _.breakpoint !== 0
|
||||
_.opt = Object.assign({}, _._opt)
|
||||
_.breakpoint = 0
|
||||
return breakpointChanged
|
||||
}
|
||||
|
||||
gliderPrototype.scrollTo = function (scrollTarget, scrollDuration, callback) {
|
||||
var _ = this
|
||||
|
||||
var start = new Date().getTime()
|
||||
|
||||
var animateIndex = _.animate_id
|
||||
|
||||
var animate = function () {
|
||||
var now = new Date().getTime() - start
|
||||
_.scrollLeft =
|
||||
_.scrollLeft +
|
||||
(scrollTarget - _.scrollLeft) *
|
||||
_.opt.easing(0, now, 0, 1, scrollDuration)
|
||||
_.ele.scrollLeft = _.scrollLeft
|
||||
|
||||
if (now < scrollDuration && animateIndex === _.animate_id) {
|
||||
_window.requestAnimationFrame(animate)
|
||||
} else {
|
||||
_.ele.scrollLeft = _.scrollLeft = scrollTarget
|
||||
callback && callback.call(_)
|
||||
}
|
||||
}
|
||||
|
||||
_window.requestAnimationFrame(animate)
|
||||
}
|
||||
|
||||
gliderPrototype.removeItem = function (index) {
|
||||
var _ = this
|
||||
|
||||
if (_.slides.length) {
|
||||
_.track.removeChild(_.slides[index])
|
||||
_.refresh(true)
|
||||
_.emit('remove')
|
||||
}
|
||||
}
|
||||
|
||||
gliderPrototype.addItem = function (ele) {
|
||||
var _ = this
|
||||
|
||||
_.track.appendChild(ele)
|
||||
_.refresh(true)
|
||||
_.emit('add')
|
||||
}
|
||||
|
||||
gliderPrototype.handleMouse = function (e) {
|
||||
var _ = this
|
||||
if (_.mouseDown) {
|
||||
_.isDrag = true
|
||||
_.scrollLeft += (_.mouseDown - e.clientX) * (_.opt.dragVelocity || 3.3)
|
||||
_.mouseDown = e.clientX
|
||||
_.ele.scrollLeft = _.scrollLeft
|
||||
}
|
||||
}
|
||||
|
||||
// used to round to the nearest 0.XX fraction
|
||||
gliderPrototype.round = function (double) {
|
||||
var _ = this
|
||||
var step = _.opt.slidesToScroll % 1 || 1
|
||||
var inv = 1.0 / step
|
||||
return Math.round(double * inv) / inv
|
||||
}
|
||||
|
||||
gliderPrototype.refresh = function (paging) {
|
||||
var _ = this
|
||||
_.init(true, paging)
|
||||
}
|
||||
|
||||
gliderPrototype.setOption = function (opt, global) {
|
||||
var _ = this
|
||||
|
||||
if (_.breakpoint && !global) {
|
||||
_._opt.responsive.forEach(function (v) {
|
||||
if (v.breakpoint === _.breakpoint) {
|
||||
v.settings = Object.assign({}, v.settings, opt)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
_._opt = Object.assign({}, _._opt, opt)
|
||||
}
|
||||
|
||||
_.breakpoint = 0
|
||||
_.settingsBreakpoint()
|
||||
}
|
||||
|
||||
gliderPrototype.destroy = function () {
|
||||
var _ = this
|
||||
|
||||
var replace = _.ele.cloneNode(true)
|
||||
|
||||
var clear = function (ele) {
|
||||
ele.removeAttribute('style');
|
||||
[].forEach.call(ele.classList, function (className) {
|
||||
/^glider/.test(className) && ele.classList.remove(className)
|
||||
})
|
||||
}
|
||||
// remove track
|
||||
replace.children[0].outerHTML = replace.children[0].innerHTML
|
||||
clear(replace);
|
||||
[].forEach.call(replace.getElementsByTagName('*'), clear)
|
||||
_.ele.parentNode.replaceChild(replace, _.ele)
|
||||
_.event(_window, 'remove', {
|
||||
resize: _.resize
|
||||
})
|
||||
_.emit('destroy')
|
||||
}
|
||||
|
||||
gliderPrototype.emit = function (name, arg) {
|
||||
var _ = this
|
||||
|
||||
var e = new _window.CustomEvent('glider-' + name, {
|
||||
bubbles: !_.opt.eventPropagate,
|
||||
detail: arg
|
||||
})
|
||||
_.ele.dispatchEvent(e)
|
||||
}
|
||||
|
||||
gliderPrototype.event = function (ele, type, args) {
|
||||
var eventHandler = ele[type + 'EventListener'].bind(ele)
|
||||
Object.keys(args).forEach(function (k) {
|
||||
eventHandler(k, args[k])
|
||||
})
|
||||
}
|
||||
|
||||
return Glider
|
||||
})
|
||||
1
resources/GliderJs/1.7.6/glider.min.css
vendored
1
resources/GliderJs/1.7.6/glider.min.css
vendored
@@ -1 +0,0 @@
|
||||
.glider,.glider-contain{margin:0 auto;position:relative}.glider,.glider-track{transform:translateZ(0)}.glider-dot,.glider-next,.glider-prev{border:0;padding:0;user-select:none;outline:0}.glider-contain{width:100%}.glider{overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.glider-track{width:100%;margin:0;padding:0;display:flex;z-index:1}.glider.draggable{user-select:none;cursor:-webkit-grab;cursor:grab}.glider.draggable .glider-slide img{user-select:none;pointer-events:none}.glider.drag{cursor:-webkit-grabbing;cursor:grabbing}.glider-slide{user-select:none;justify-content:center;align-content:center;width:100%;min-width:150px}.glider-slide img{max-width:100%}.glider::-webkit-scrollbar{opacity:0;height:0}.glider-next,.glider-prev{position:absolute;background:0 0;z-index:2;font-size:40px;text-decoration:none;left:-23px;top:30%;cursor:pointer;color:#666;opacity:1;line-height:1;transition:opacity .5s cubic-bezier(.17,.67,.83,.67),color .5s cubic-bezier(.17,.67,.83,.67)}.glider-next:focus,.glider-next:hover,.glider-prev:focus,.glider-prev:hover{color:#ccc}.glider-next{right:-23px;left:auto}.glider-next.disabled,.glider-prev.disabled{opacity:.25;color:#666;cursor:default}.glider-hide{opacity:0}.glider-dots{user-select:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0}.glider-dot{display:block;cursor:pointer;color:#ccc;border-radius:999px;background:#ccc;width:12px;height:12px;margin:7px}.glider-dot:focus,.glider-dot:hover{background:#ddd}.glider-dot.active{background:#a89cc8}@media(max-width:36em){.glider::-webkit-scrollbar{opacity:1;-webkit-appearance:none;width:7px;height:3px}.glider::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:rgba(156,156,156,.25);-webkit-box-shadow:0 0 1px rgba(255,255,255,.25);box-shadow:0 0 1px rgba(255,255,255,.25)}}
|
||||
16
resources/GliderJs/1.7.6/glider.min.js
vendored
16
resources/GliderJs/1.7.6/glider.min.js
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user