Wednesday, 17 May 2017

FLICKITY SLIDER SCROLL WITH RADIO NEXT PREV BUTTON

FLICKITY SLIDER SCROLL WITH RADIO NEXT PREV BUTTON

-----------------------------------------------------------------------------------------------------------
ReadMore:
http://codepen.io/desandro/pen/bNLGNZ
view-source:http://s.codepen.io/boomerang/iFrameKey-bb06e868-ef66-eaea-b5e3-ecb561e7afb7/index.html
CHANGE THIS SLIDER FOR AUTO PLAY USE THIS CODE
view-source:http://s.codepen.io/boomerang/iFrameKey-dbceb84b-9a9d-ea83-c721-d091578148b1/index.html

<h1>Flickity - autoPlay</h1>
<!-- Flickity HTML init -->
<div class="carousel" data-flickity='{ "autoPlay": true }'>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
</div>


May 19, 2017 7:40 PM
------------------------------------------------------------------------------------------------------------
NEED THESE FILES LIKE
<link rel='stylesheet prefetch' href='https://npmcdn.com/flickity@2/dist/flickity.css'>
<script src="https://npmcdn.com/flickity@2.0.6/dist/flickity.pkgd.js"></script>

 OR USE THIS JS FILE
<script src="https://flickity.metafizzy.co/js/flickity-docs.min.js"></script>
-------------------------------------------------------------------------------------------------------------
OR USE FULL CODE
------------------------------------------------------------------------------------------------------------

<!DOCTYPE html>
<html class=''>
<head>
<style>
/* external css: /* external css: https://npmcdn.com/flickity@2/dist/flickity.css */
/*! Flickity v2.0.6
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: white;
background: hsla(0, 0%, 100%, 0.75);
cursor: pointer;
/* vertically center */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button:hover { background: white; }
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
opacity: 0.6;
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button:disabled {
opacity: 0.3;
cursor: auto;
}
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.flickity-prev-next-button .arrow {
fill: #333;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
</style>

<style class="cp-pen-styles">
/* external css: flickity.css */
* { box-sizing: border-box; }
body { font-family: sans-serif; }
.carousel {
background: #EEE;
}
.carousel-cell {
width: 66%;
height: 200px;
margin-right: 10px;
background: #8C8;
border-radius: 5px;
counter-increment: gallery-cell;
}
/* cell number */
.carousel-cell:before {
display: block;
text-align: center;
content: counter(gallery-cell);
line-height: 200px;
font-size: 80px;
color: white;
}
</style>
</head>
<body>
<h1>Flickity - freeScroll</h1>
<!-- Flickity HTML init -->
<div class="carousel"
data-flickity='{ "freeScroll": true }'>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
</div>


<script type='text/javascript'>
//ADD HERE flickity-docs.min.js CODE FROM
//http://fbgadgets.blogspot.co.uk/2017/05/flickity-js-css-slider.html
!function(t,e){"use strict";"function"==typeof define&&define.amd?define(function(){return e()}):"object"==typeof module&&module.exports?module.exports=e():t.getSize=e()}(window,function(){"use strict";function t(t){var e=parseFloat(t),i=t.indexOf("%")==-1&&!isNaN(e);return i&&e}function e(){}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<g;e++){var i=a[e];t[i]=0}return t}function r(t){var e=getComputedStyle(t);return e||h("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See http://bit.ly/getsizebug1"),e}function o(){if(!u){u=!0;var e=document.createElement("div");e.style.width="200px",e.style.padding="1px 2px 3px 4px",e.style.borderStyle="solid",e.style.borderWidth="1px 2px 3px 4px",e.style.boxSizing="border-box";var i=document.body||document.documentElement;i.appendChild(e);var o=r(e);n.isBoxSizeOuter=d=200==t(o.width),i.removeChild(e)}}function n(e){if(o(),"string"==typeof e&&(e=document.querySelector(e)),e&&"object"==typeof e&&e.nodeType){var n=r(e);if("none"==n.display)return i();var h={};h.width=e.offsetWidth,h.height=e.offsetHeight;for(var u=h.isBorderBox="border-box"==n.boxSizing,p=0;p<g;p++){var f=a[p],m=n[f],s=parseFloat(m);h[f]=isNaN(s)?0:s}var c=h.paddingLeft+h.paddingRight,l=h.paddingTop+h.paddingBottom,b=h.marginLeft+h.marginRight,x=h.marginTop+h.marginBottom,y=h.borderLeftWidth+h.borderRightWidth,v=h.borderTopWidth+h.borderBottomWidth,W=u&&d,w=t(n.width);w!==!1&&(h.width=w+(W?0:c+y));var B=t(n.height);return B!==!1&&(h.height=B+(W?0:l+v)),h.innerWidth=h.width-(c+y),h.innerHeight=h.height-(l+v),h.outerWidth=h.width+b,h.outerHeight=h.height+x,h}}var d,h="undefined"==typeof console?e:function(t){console.error(t)},a=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],g=a.length,u=!1;return n});
!function(e,t){"use strict";"function"==typeof define&&define.amd?define(t):"object"==typeof module&&module.exports?module.exports=t():e.matchesSelector=t()}(window,function(){"use strict";var e=function(){var e=Element.prototype;if(e.matches)return"matches";if(e.matchesSelector)return"matchesSelector";for(var t=["webkit","moz","ms","o"],r=0;r<t.length;r++){var o=t[r],n=o+"MatchesSelector";if(e[n])return n}}();return function(t,r){return t[e](r)}});
!function(t,e){"function"==typeof define&&define.amd?define(e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){"use strict";function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var n=this._events=this._events||{},i=n[t]=n[t]||[];return i.indexOf(e)==-1&&i.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var n=this._onceEvents=this._onceEvents||{},i=n[t]=n[t]||{};return i[e]=!0,this}},e.off=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var i=n.indexOf(e);return i!=-1&&n.splice(i,1),this}},e.emitEvent=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var i=0,s=n[i];e=e||[];for(var o=this._onceEvents&&this._onceEvents[t];s;){var f=o&&o[s];f&&(this.off(t,s),delete o[s]),s.apply(this,e),i+=f?0:1,s=n[i]}return this}},t});
!function(e,t){"function"==typeof define&&define.amd?define(["desandro-matches-selector/matches-selector"],function(r){return t(e,r)}):"object"==typeof module&&module.exports?module.exports=t(e,require("desandro-matches-selector")):e.fizzyUIUtils=t(e,e.matchesSelector)}(window,function(e,t){"use strict";var r={};r.extend=function(e,t){for(var r in t)e[r]=t[r];return e},r.modulo=function(e,t){return(e%t+t)%t},r.makeArray=function(e){var t=[];if(Array.isArray(e))t=e;else if(e&&"number"==typeof e.length)for(var r=0;r<e.length;r++)t.push(e[r]);else t.push(e);return t},r.removeFrom=function(e,t){var r=e.indexOf(t);r!=-1&&e.splice(r,1)},r.getParent=function(e,r){for(;e!=document.body;)if(e=e.parentNode,t(e,r))return e},r.getQueryElement=function(e){return"string"==typeof e?document.querySelector(e):e},r.handleEvent=function(e){var t="on"+e.type;this[t]&&this[t](e)},r.filterFindElements=function(e,n){e=r.makeArray(e);var o=[];return e.forEach(function(e){if(e instanceof HTMLElement){if(!n)return void o.push(e);t(e,n)&&o.push(e);for(var r=e.querySelectorAll(n),u=0;u<r.length;u++)o.push(r[u])}}),o},r.debounceMethod=function(e,t,r){var n=e.prototype[t],o=t+"Timeout";e.prototype[t]=function(){var e=this[o];e&&clearTimeout(e);var t=arguments,u=this;this[o]=setTimeout(function(){n.apply(u,t),delete u[o]},r||100)}},r.docReady=function(e){var t=document.readyState;"complete"==t||"interactive"==t?setTimeout(e):document.addEventListener("DOMContentLoaded",e)},r.toDashed=function(e){return e.replace(/(.)([A-Z])/g,function(e,t,r){return t+"-"+r}).toLowerCase()};var n=e.console;return r.htmlInit=function(t,o){r.docReady(function(){var u=r.toDashed(o),a="data-"+u,i=document.querySelectorAll("["+a+"]"),c=document.querySelectorAll(".js-"+u),f=r.makeArray(i).concat(r.makeArray(c)),s=a+"-options",d=e.jQuery;f.forEach(function(e){var r,u=e.getAttribute(a)||e.getAttribute(s);try{r=u&&JSON.parse(u)}catch(i){return void(n&&n.error("Error parsing "+a+" on "+e.className+": "+i))}var c=new t(e,r);d&&d.data(e,o,c)})})},r});
!function(t,n){"function"==typeof define&&define.amd?define(["ev-emitter/ev-emitter"],function(e){return n(t,e)}):"object"==typeof module&&module.exports?module.exports=n(t,require("ev-emitter")):t.Unipointer=n(t,t.EvEmitter)}(window,function(t,n){"use strict";function e(){}function o(){}var i=o.prototype=Object.create(n.prototype);i.bindStartEvent=function(t){this._bindStartEvent(t,!0)},i.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},i._bindStartEvent=function(n,e){e=void 0===e||!!e;var o=e?"addEventListener":"removeEventListener";t.navigator.pointerEnabled?n[o]("pointerdown",this):t.navigator.msPointerEnabled?n[o]("MSPointerDown",this):(n[o]("mousedown",this),n[o]("touchstart",this))},i.handleEvent=function(t){var n="on"+t.type;this[n]&&this[n](t)},i.getTouch=function(t){for(var n=0;n<t.length;n++){var e=t[n];if(e.identifier==this.pointerIdentifier)return e}},i.onmousedown=function(t){var n=t.button;n&&0!==n&&1!==n||this._pointerDown(t,t)},i.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},i.onMSPointerDown=i.onpointerdown=function(t){this._pointerDown(t,t)},i._pointerDown=function(t,n){this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==n.pointerId?n.pointerId:n.identifier,this.pointerDown(t,n))},i.pointerDown=function(t,n){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,n])};var r={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"],MSPointerDown:["MSPointerMove","MSPointerUp","MSPointerCancel"]};return i._bindPostStartEvents=function(n){if(n){var e=r[n.type];e.forEach(function(n){t.addEventListener(n,this)},this),this._boundPointerEvents=e}},i._unbindPostStartEvents=function(){this._boundPointerEvents&&(this._boundPointerEvents.forEach(function(n){t.removeEventListener(n,this)},this),delete this._boundPointerEvents)},i.onmousemove=function(t){this._pointerMove(t,t)},i.onMSPointerMove=i.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},i.ontouchmove=function(t){var n=this.getTouch(t.changedTouches);n&&this._pointerMove(t,n)},i._pointerMove=function(t,n){this.pointerMove(t,n)},i.pointerMove=function(t,n){this.emitEvent("pointerMove",[t,n])},i.onmouseup=function(t){this._pointerUp(t,t)},i.onMSPointerUp=i.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},i.ontouchend=function(t){var n=this.getTouch(t.changedTouches);n&&this._pointerUp(t,n)},i._pointerUp=function(t,n){this._pointerDone(),this.pointerUp(t,n)},i.pointerUp=function(t,n){this.emitEvent("pointerUp",[t,n])},i._pointerDone=function(){this.isPointerDown=!1,delete this.pointerIdentifier,this._unbindPostStartEvents(),this.pointerDone()},i.pointerDone=e,i.onMSPointerCancel=i.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},i.ontouchcancel=function(t){var n=this.getTouch(t.changedTouches);n&&this._pointerCancel(t,n)},i._pointerCancel=function(t,n){this._pointerDone(),this.pointerCancel(t,n)},i.pointerCancel=function(t,n){this.emitEvent("pointerCancel",[t,n])},o.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}},o});
!function(t,n){"function"==typeof define&&define.amd?define(["unipointer/unipointer"],function(i){return n(t,i)}):"object"==typeof module&&module.exports?module.exports=n(t,require("unipointer")):t.Unidragger=n(t,t.Unipointer)}(window,function(t,n){"use strict";function i(){}function e(){}var o=e.prototype=Object.create(n.prototype);o.bindHandles=function(){this._bindHandles(!0)},o.unbindHandles=function(){this._bindHandles(!1)};var r=t.navigator;return o._bindHandles=function(t){t=void 0===t||!!t;var n;n=r.pointerEnabled?function(n){n.style.touchAction=t?"none":""}:r.msPointerEnabled?function(n){n.style.msTouchAction=t?"none":""}:i;for(var e=t?"addEventListener":"removeEventListener",o=0;o<this.handles.length;o++){var s=this.handles[o];this._bindStartEvent(s,t),n(s),s[e]("click",this)}},o.pointerDown=function(t,n){if("INPUT"==t.target.nodeName&&"range"==t.target.type)return this.isPointerDown=!1,void delete this.pointerIdentifier;this._dragPointerDown(t,n);var i=document.activeElement;i&&i.blur&&i.blur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,n])},o._dragPointerDown=function(t,i){this.pointerDownPoint=n.getPointerPoint(i);var e=this.canPreventDefaultOnPointerDown(t,i);e&&t.preventDefault()},o.canPreventDefaultOnPointerDown=function(t){return"SELECT"!=t.target.nodeName},o.pointerMove=function(t,n){var i=this._dragPointerMove(t,n);this.emitEvent("pointerMove",[t,n,i]),this._dragMove(t,n,i)},o._dragPointerMove=function(t,i){var e=n.getPointerPoint(i),o={x:e.x-this.pointerDownPoint.x,y:e.y-this.pointerDownPoint.y};return!this.isDragging&&this.hasDragStarted(o)&&this._dragStart(t,i),o},o.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3},o.pointerUp=function(t,n){this.emitEvent("pointerUp",[t,n]),this._dragPointerUp(t,n)},o._dragPointerUp=function(t,n){this.isDragging?this._dragEnd(t,n):this._staticClick(t,n)},o._dragStart=function(t,i){this.isDragging=!0,this.dragStartPoint=n.getPointerPoint(i),this.isPreventingClicks=!0,this.dragStart(t,i)},o.dragStart=function(t,n){this.emitEvent("dragStart",[t,n])},o._dragMove=function(t,n,i){this.isDragging&&this.dragMove(t,n,i)},o.dragMove=function(t,n,i){t.preventDefault(),this.emitEvent("dragMove",[t,n,i])},o._dragEnd=function(t,n){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,n)},o.dragEnd=function(t,n){this.emitEvent("dragEnd",[t,n])},o.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},o._staticClick=function(t,n){if(!this.isIgnoringMouseUp||"mouseup"!=t.type){var i=t.target.nodeName;"INPUT"!=i&&"TEXTAREA"!=i||t.target.focus(),this.staticClick(t,n),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400))}},o.staticClick=function(t,n){this.emitEvent("staticClick",[t,n])},e.getPointerPoint=n.getPointerPoint,e});
!function(t,e){"function"==typeof define&&define.amd?define(["unipointer/unipointer"],function(n){return e(t,n)}):"object"==typeof module&&module.exports?module.exports=e(t,require("unipointer")):t.TapListener=e(t,t.Unipointer)}(window,function(t,e){"use strict";function n(t){this.bindTap(t)}var i=n.prototype=Object.create(e.prototype);return i.bindTap=function(t){t&&(this.unbindTap(),this.tapElement=t,this._bindStartEvent(t,!0))},i.unbindTap=function(){this.tapElement&&(this._bindStartEvent(this.tapElement,!0),delete this.tapElement)},i.pointerUp=function(n,i){if(!this.isIgnoringMouseUp||"mouseup"!=n.type){var o=e.getPointerPoint(i),p=this.tapElement.getBoundingClientRect(),s=t.pageXOffset,u=t.pageYOffset,r=o.x>=p.left+s&&o.x<=p.right+s&&o.y>=p.top+u&&o.y<=p.bottom+u;if(r&&this.emitEvent("tap",[n,i]),"mouseup"!=n.type){this.isIgnoringMouseUp=!0;var f=this;setTimeout(function(){delete f.isIgnoringMouseUp},400)}}},i.destroy=function(){this.pointerDone(),this.unbindTap()},n});
!function(t,e){"function"==typeof define&&define.amd?define(["get-size/get-size"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("get-size")):(t.Flickity=t.Flickity||{},t.Flickity.Cell=e(t,t.getSize))}(window,function(t,e){"use strict";function i(t,e){this.element=t,this.parent=e,this.create()}var n=i.prototype;return n.create=function(){this.element.style.position="absolute",this.x=0,this.shift=0},n.destroy=function(){this.element.style.position="";var t=this.parent.originSide;this.element.style[t]=""},n.getSize=function(){this.size=e(this.element)},n.setPosition=function(t){this.x=t,this.updateTarget(),this.renderPosition(t)},n.updateTarget=n.setDefaultTarget=function(){var t="left"==this.parent.originSide?"marginLeft":"marginRight";this.target=this.x+this.size[t]+this.size.width*this.parent.cellAlign},n.renderPosition=function(t){var e=this.parent.originSide;this.element.style[e]=this.parent.getPositionValue(t)},n.wrapShift=function(t){this.shift=t,this.renderPosition(this.x+this.parent.slideableWidth*t)},n.remove=function(){this.element.parentNode.removeChild(this.element)},i});
!function(t,e){"function"==typeof define&&define.amd?define(e):"object"==typeof module&&module.exports?module.exports=e():(t.Flickity=t.Flickity||{},t.Flickity.Slide=e())}(window,function(){"use strict";function t(t){this.parent=t,this.isOriginLeft="left"==t.originSide,this.cells=[],this.outerWidth=0,this.height=0}var e=t.prototype;return e.addCell=function(t){if(this.cells.push(t),this.outerWidth+=t.size.outerWidth,this.height=Math.max(t.size.outerHeight,this.height),1==this.cells.length){this.x=t.x;var e=this.isOriginLeft?"marginLeft":"marginRight";this.firstMargin=t.size[e]}},e.updateTarget=function(){var t=this.isOriginLeft?"marginRight":"marginLeft",e=this.getLastCell(),i=e?e.size[t]:0,s=this.outerWidth-(this.firstMargin+i);this.target=this.x+this.firstMargin+s*this.parent.cellAlign},e.getLastCell=function(){return this.cells[this.cells.length-1]},e.select=function(){this.changeSelectedClass("add")},e.unselect=function(){this.changeSelectedClass("remove")},e.changeSelectedClass=function(t){this.cells.forEach(function(e){e.element.classList[t]("is-selected")})},e.getCellElements=function(){return this.cells.map(function(t){return t.element})},t});
!function(t,i){"function"==typeof define&&define.amd?define(["fizzy-ui-utils/utils"],function(e){return i(t,e)}):"object"==typeof module&&module.exports?module.exports=i(t,require("fizzy-ui-utils")):(t.Flickity=t.Flickity||{},t.Flickity.animatePrototype=i(t,t.fizzyUIUtils))}(window,function(t,i){"use strict";var e=t.requestAnimationFrame||t.webkitRequestAnimationFrame,s=0;e||(e=function(t){var i=(new Date).getTime(),e=Math.max(0,16-(i-s)),n=setTimeout(t,e);return s=i+e,n});var n={};n.startAnimation=function(){this.isAnimating||(this.isAnimating=!0,this.restingFrames=0,this.animate())},n.animate=function(){this.applyDragForce(),this.applySelectedAttraction();var t=this.x;if(this.integratePhysics(),this.positionSlider(),this.settle(t),this.isAnimating){var i=this;e(function(){i.animate()})}};var o=function(){var t=document.documentElement.style;return"string"==typeof t.transform?"transform":"WebkitTransform"}();return n.positionSlider=function(){var t=this.x;this.options.wrapAround&&this.cells.length>1&&(t=i.modulo(t,this.slideableWidth),t-=this.slideableWidth,this.shiftWrapCells(t)),t+=this.cursorPosition,t=this.options.rightToLeft&&o?-t:t;var e=this.getPositionValue(t);this.slider.style[o]=this.isAnimating?"translate3d("+e+",0,0)":"translateX("+e+")";var s=this.slides[0];if(s){var n=-this.x-s.target,r=n/this.slidesWidth;this.dispatchEvent("scroll",null,[r,n])}},n.positionSliderAtSelected=function(){this.cells.length&&(this.x=-this.selectedSlide.target,this.positionSlider())},n.getPositionValue=function(t){return this.options.percentPosition?.01*Math.round(t/this.size.innerWidth*1e4)+"%":Math.round(t)+"px"},n.settle=function(t){this.isPointerDown||Math.round(100*this.x)!=Math.round(100*t)||this.restingFrames++,this.restingFrames>2&&(this.isAnimating=!1,delete this.isFreeScrolling,this.positionSlider(),this.dispatchEvent("settle"))},n.shiftWrapCells=function(t){var i=this.cursorPosition+t;this._shiftCells(this.beforeShiftCells,i,-1);var e=this.size.innerWidth-(t+this.slideableWidth+this.cursorPosition);this._shiftCells(this.afterShiftCells,e,1)},n._shiftCells=function(t,i,e){for(var s=0;s<t.length;s++){var n=t[s],o=i>0?e:0;n.wrapShift(o),i-=n.size.outerWidth}},n._unshiftCells=function(t){if(t&&t.length)for(var i=0;i<t.length;i++)t[i].wrapShift(0)},n.integratePhysics=function(){this.x+=this.velocity,this.velocity*=this.getFrictionFactor()},n.applyForce=function(t){this.velocity+=t},n.getFrictionFactor=function(){return 1-this.options[this.isFreeScrolling?"freeScrollFriction":"friction"]},n.getRestingPosition=function(){return this.x+this.velocity/(1-this.getFrictionFactor())},n.applyDragForce=function(){if(this.isPointerDown){var t=this.dragX-this.x,i=t-this.velocity;this.applyForce(i)}},n.applySelectedAttraction=function(){if(!this.isPointerDown&&!this.isFreeScrolling&&this.cells.length){var t=this.selectedSlide.target*-1-this.x,i=t*this.options.selectedAttraction;this.applyForce(i)}},n});
!function(e,t){if("function"==typeof define&&define.amd)define(["ev-emitter/ev-emitter","get-size/get-size","fizzy-ui-utils/utils","./cell","./slide","./animate"],function(i,s,l,n,h,r){return t(e,i,s,l,n,h,r)});else if("object"==typeof module&&module.exports)module.exports=t(e,require("ev-emitter"),require("get-size"),require("fizzy-ui-utils"),require("./cell"),require("./slide"),require("./animate"));else{var i=e.Flickity;e.Flickity=t(e,e.EvEmitter,e.getSize,e.fizzyUIUtils,i.Cell,i.Slide,i.animatePrototype)}}(window,function(e,t,i,s,l,n,h){"use strict";function r(e,t){for(e=s.makeArray(e);e.length;)t.appendChild(e.shift())}function o(e,t){var i=s.getQueryElement(e);if(!i)return void(d&&d.error("Bad element for Flickity: "+(i||e)));if(this.element=i,this.element.flickityGUID){var l=u[this.element.flickityGUID];return l.option(t),l}c&&(this.$element=c(this.element)),this.options=s.extend({},this.constructor.defaults),this.option(t),this._create()}var c=e.jQuery,a=e.getComputedStyle,d=e.console,f=0,u={};o.defaults={accessibility:!0,cellAlign:"center",freeScrollFriction:.075,friction:.28,namespaceJQueryEvents:!0,percentPosition:!0,resize:!0,selectedAttraction:.025,setGallerySize:!0},o.createMethods=[];var g=o.prototype;s.extend(g,t.prototype),g._create=function(){var t=this.guid=++f;this.element.flickityGUID=t,u[t]=this,this.selectedIndex=0,this.restingFrames=0,this.x=0,this.velocity=0,this.originSide=this.options.rightToLeft?"right":"left",this.viewport=document.createElement("div"),this.viewport.className="flickity-viewport",this._createSlider(),(this.options.resize||this.options.watchCSS)&&e.addEventListener("resize",this),o.createMethods.forEach(function(e){this[e]()},this),this.options.watchCSS?this.watchCSS():this.activate()},g.option=function(e){s.extend(this.options,e)},g.activate=function(){if(!this.isActive){this.isActive=!0,this.element.classList.add("flickity-enabled"),this.options.rightToLeft&&this.element.classList.add("flickity-rtl"),this.getSize();var e=this._filterFindCellElements(this.element.children);r(e,this.slider),this.viewport.appendChild(this.slider),this.element.appendChild(this.viewport),this.reloadCells(),this.options.accessibility&&(this.element.tabIndex=0,this.element.addEventListener("keydown",this)),this.emitEvent("activate");var t,i=this.options.initialIndex;t=this.isInitActivated?this.selectedIndex:void 0!==i&&this.cells[i]?i:0,this.select(t,!1,!0),this.isInitActivated=!0}},g._createSlider=function(){var e=document.createElement("div");e.className="flickity-slider",e.style[this.originSide]=0,this.slider=e},g._filterFindCellElements=function(e){return s.filterFindElements(e,this.options.cellSelector)},g.reloadCells=function(){this.cells=this._makeCells(this.slider.children),this.positionCells(),this._getWrapShiftCells(),this.setGallerySize()},g._makeCells=function(e){var t=this._filterFindCellElements(e),i=t.map(function(e){return new l(e,this)},this);return i},g.getLastCell=function(){return this.cells[this.cells.length-1]},g.getLastSlide=function(){return this.slides[this.slides.length-1]},g.positionCells=function(){this._sizeCells(this.cells),this._positionCells(0)},g._positionCells=function(e){e=e||0,this.maxCellHeight=e?this.maxCellHeight||0:0;var t=0;if(e>0){var i=this.cells[e-1];t=i.x+i.size.outerWidth}for(var s=this.cells.length,l=e;l<s;l++){var n=this.cells[l];n.setPosition(t),t+=n.size.outerWidth,this.maxCellHeight=Math.max(n.size.outerHeight,this.maxCellHeight)}this.slideableWidth=t,this.updateSlides(),this._containSlides(),this.slidesWidth=s?this.getLastSlide().target-this.slides[0].target:0},g._sizeCells=function(e){e.forEach(function(e){e.getSize()})},g.updateSlides=function(){if(this.slides=[],this.cells.length){var e=new n(this);this.slides.push(e);var t="left"==this.originSide,i=t?"marginRight":"marginLeft",s=this._getCanCellFit();this.cells.forEach(function(t,l){if(!e.cells.length)return void e.addCell(t);var h=e.outerWidth-e.firstMargin+(t.size.outerWidth-t.size[i]);s.call(this,l,h)?e.addCell(t):(e.updateTarget(),e=new n(this),this.slides.push(e),e.addCell(t))},this),e.updateTarget(),this.updateSelectedSlide()}},g._getCanCellFit=function(){var e=this.options.groupCells;if(!e)return function(){return!1};if("number"==typeof e){var t=parseInt(e,10);return function(e){return e%t!==0}}var i="string"==typeof e&&e.match(/^(\d+)%$/),s=i?parseInt(i[1],10)/100:1;return function(e,t){return t<=(this.size.innerWidth+1)*s}},g._init=g.reposition=function(){this.positionCells(),this.positionSliderAtSelected()},g.getSize=function(){this.size=i(this.element),this.setCellAlign(),this.cursorPosition=this.size.innerWidth*this.cellAlign};var v={center:{left:.5,right:.5},left:{left:0,right:1},right:{right:0,left:1}};return g.setCellAlign=function(){var e=v[this.options.cellAlign];this.cellAlign=e?e[this.originSide]:this.options.cellAlign},g.setGallerySize=function(){if(this.options.setGallerySize){var e=this.options.adaptiveHeight&&this.selectedSlide?this.selectedSlide.height:this.maxCellHeight;this.viewport.style.height=e+"px"}},g._getWrapShiftCells=function(){if(this.options.wrapAround){this._unshiftCells(this.beforeShiftCells),this._unshiftCells(this.afterShiftCells);var e=this.cursorPosition,t=this.cells.length-1;this.beforeShiftCells=this._getGapCells(e,t,-1),e=this.size.innerWidth-this.cursorPosition,this.afterShiftCells=this._getGapCells(e,0,1)}},g._getGapCells=function(e,t,i){for(var s=[];e>0;){var l=this.cells[t];if(!l)break;s.push(l),t+=i,e-=l.size.outerWidth}return s},g._containSlides=function(){if(this.options.contain&&!this.options.wrapAround&&this.cells.length){var e=this.options.rightToLeft,t=e?"marginRight":"marginLeft",i=e?"marginLeft":"marginRight",s=this.slideableWidth-this.getLastCell().size[i],l=s<this.size.innerWidth,n=this.cursorPosition+this.cells[0].size[t],h=s-this.size.innerWidth*(1-this.cellAlign);this.slides.forEach(function(e){l?e.target=s*this.cellAlign:(e.target=Math.max(e.target,n),e.target=Math.min(e.target,h))},this)}},g.dispatchEvent=function(e,t,i){var s=t?[t].concat(i):i;if(this.emitEvent(e,s),c&&this.$element){e+=this.options.namespaceJQueryEvents?".flickity":"";var l=e;if(t){var n=c.Event(t);n.type=e,l=n}this.$element.trigger(l,i)}},g.select=function(e,t,i){this.isActive&&(e=parseInt(e,10),this._wrapSelect(e),(this.options.wrapAround||t)&&(e=s.modulo(e,this.slides.length)),this.slides[e]&&(this.selectedIndex=e,this.updateSelectedSlide(),i?this.positionSliderAtSelected():this.startAnimation(),this.options.adaptiveHeight&&this.setGallerySize(),this.dispatchEvent("select"),this.dispatchEvent("cellSelect")))},g._wrapSelect=function(e){var t=this.slides.length,i=this.options.wrapAround&&t>1;if(!i)return e;var l=s.modulo(e,t),n=Math.abs(l-this.selectedIndex),h=Math.abs(l+t-this.selectedIndex),r=Math.abs(l-t-this.selectedIndex);!this.isDragSelect&&h<n?e+=t:!this.isDragSelect&&r<n&&(e-=t),e<0?this.x-=this.slideableWidth:e>=t&&(this.x+=this.slideableWidth)},g.previous=function(e,t){this.select(this.selectedIndex-1,e,t)},g.next=function(e,t){this.select(this.selectedIndex+1,e,t)},g.updateSelectedSlide=function(){var e=this.slides[this.selectedIndex];e&&(this.unselectSelectedSlide(),this.selectedSlide=e,e.select(),this.selectedCells=e.cells,this.selectedElements=e.getCellElements(),this.selectedCell=e.cells[0],this.selectedElement=this.selectedElements[0])},g.unselectSelectedSlide=function(){this.selectedSlide&&this.selectedSlide.unselect()},g.selectCell=function(e,t,i){var s;"number"==typeof e?s=this.cells[e]:("string"==typeof e&&(e=this.element.querySelector(e)),s=this.getCell(e));for(var l=0;s&&l<this.slides.length;l++){var n=this.slides[l],h=n.cells.indexOf(s);if(h!=-1)return void this.select(l,t,i)}},g.getCell=function(e){for(var t=0;t<this.cells.length;t++){var i=this.cells[t];if(i.element==e)return i}},g.getCells=function(e){e=s.makeArray(e);var t=[];return e.forEach(function(e){var i=this.getCell(e);i&&t.push(i)},this),t},g.getCellElements=function(){return this.cells.map(function(e){return e.element})},g.getParentCell=function(e){var t=this.getCell(e);return t?t:(e=s.getParent(e,".flickity-slider > *"),this.getCell(e))},g.getAdjacentCellElements=function(e,t){if(!e)return this.selectedSlide.getCellElements();t=void 0===t?this.selectedIndex:t;var i=this.slides.length;if(1+2*e>=i)return this.getCellElements();for(var l=[],n=t-e;n<=t+e;n++){var h=this.options.wrapAround?s.modulo(n,i):n,r=this.slides[h];r&&(l=l.concat(r.getCellElements()))}return l},g.uiChange=function(){this.emitEvent("uiChange")},g.childUIPointerDown=function(e){this.emitEvent("childUIPointerDown",[e])},g.onresize=function(){this.watchCSS(),this.resize()},s.debounceMethod(o,"onresize",150),g.resize=function(){if(this.isActive){this.getSize(),this.options.wrapAround&&(this.x=s.modulo(this.x,this.slideableWidth)),this.positionCells(),this._getWrapShiftCells(),this.setGallerySize(),this.emitEvent("resize");var e=this.selectedElements&&this.selectedElements[0];this.selectCell(e,!1,!0)}},g.watchCSS=function(){var e=this.options.watchCSS;if(e){var t=a(this.element,":after").content;t.indexOf("flickity")!=-1?this.activate():this.deactivate()}},g.onkeydown=function(e){if(this.options.accessibility&&(!document.activeElement||document.activeElement==this.element))if(37==e.keyCode){var t=this.options.rightToLeft?"next":"previous";this.uiChange(),this[t]()}else if(39==e.keyCode){var i=this.options.rightToLeft?"previous":"next";this.uiChange(),this[i]()}},g.deactivate=function(){this.isActive&&(this.element.classList.remove("flickity-enabled"),this.element.classList.remove("flickity-rtl"),this.cells.forEach(function(e){e.destroy()}),this.unselectSelectedSlide(),this.element.removeChild(this.viewport),r(this.slider.children,this.element),this.options.accessibility&&(this.element.removeAttribute("tabIndex"),this.element.removeEventListener("keydown",this)),this.isActive=!1,this.emitEvent("deactivate"))},g.destroy=function(){this.deactivate(),e.removeEventListener("resize",this),this.emitEvent("destroy"),c&&this.$element&&c.removeData(this.element,"flickity"),delete this.element.flickityGUID,delete u[this.guid]},s.extend(g,h),o.data=function(e){e=s.getQueryElement(e);var t=e&&e.flickityGUID;return t&&u[t]},s.htmlInit(o,"flickity"),c&&c.bridget&&c.bridget("flickity",o),o.Cell=l,o});
!function(t,i){"function"==typeof define&&define.amd?define(["./flickity","unidragger/unidragger","fizzy-ui-utils/utils"],function(e,n,s){return i(t,e,n,s)}):"object"==typeof module&&module.exports?module.exports=i(t,require("./flickity"),require("unidragger"),require("fizzy-ui-utils")):t.Flickity=i(t,t.Flickity,t.Unidragger,t.fizzyUIUtils)}(window,function(t,i,e,n){"use strict";function s(){return{x:t.pageXOffset,y:t.pageYOffset}}n.extend(i.defaults,{draggable:!0,dragThreshold:3}),i.createMethods.push("_createDrag");var r=i.prototype;n.extend(r,e.prototype);var o="createTouch"in document,a=!1;r._createDrag=function(){this.on("activate",this.bindDrag),this.on("uiChange",this._uiChangeDrag),this.on("childUIPointerDown",this._childUIPointerDownDrag),this.on("deactivate",this.unbindDrag),o&&!a&&(t.addEventListener("touchmove",function(){}),a=!0)},r.bindDrag=function(){this.options.draggable&&!this.isDragBound&&(this.element.classList.add("is-draggable"),this.handles=[this.viewport],this.bindHandles(),this.isDragBound=!0)},r.unbindDrag=function(){this.isDragBound&&(this.element.classList.remove("is-draggable"),this.unbindHandles(),delete this.isDragBound)},r._uiChangeDrag=function(){delete this.isFreeScrolling},r._childUIPointerDownDrag=function(t){t.preventDefault(),this.pointerDownFocus(t)};var h={TEXTAREA:!0,INPUT:!0,OPTION:!0},d={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};r.pointerDown=function(i,e){var n=h[i.target.nodeName]&&!d[i.target.type];if(n)return this.isPointerDown=!1,void delete this.pointerIdentifier;this._dragPointerDown(i,e);var r=document.activeElement;r&&r.blur&&r!=this.element&&r!=document.body&&r.blur(),this.pointerDownFocus(i),this.dragX=this.x,this.viewport.classList.add("is-pointer-down"),this._bindPostStartEvents(i),this.pointerDownScroll=s(),t.addEventListener("scroll",this),this.dispatchEvent("pointerDown",i,[e])};var l={touchstart:!0,MSPointerDown:!0},c={INPUT:!0,SELECT:!0};return r.pointerDownFocus=function(i){if(this.options.accessibility&&!l[i.type]&&!c[i.target.nodeName]){var e=t.pageYOffset;this.element.focus(),t.pageYOffset!=e&&t.scrollTo(t.pageXOffset,e)}},r.canPreventDefaultOnPointerDown=function(t){var i="touchstart"==t.type,e=t.target.nodeName;return!i&&"SELECT"!=e},r.hasDragStarted=function(t){return Math.abs(t.x)>this.options.dragThreshold},r.pointerUp=function(t,i){delete this.isTouchScrolling,this.viewport.classList.remove("is-pointer-down"),this.dispatchEvent("pointerUp",t,[i]),this._dragPointerUp(t,i)},r.pointerDone=function(){t.removeEventListener("scroll",this),delete this.pointerDownScroll},r.dragStart=function(i,e){this.dragStartPosition=this.x,this.startAnimation(),t.removeEventListener("scroll",this),this.dispatchEvent("dragStart",i,[e])},r.pointerMove=function(t,i){var e=this._dragPointerMove(t,i);this.dispatchEvent("pointerMove",t,[i,e]),this._dragMove(t,i,e)},r.dragMove=function(t,i,e){t.preventDefault(),this.previousDragX=this.dragX;var n=this.options.rightToLeft?-1:1,s=this.dragStartPosition+e.x*n;if(!this.options.wrapAround&&this.slides.length){var r=Math.max(-this.slides[0].target,this.dragStartPosition);s=s>r?.5*(s+r):s;var o=Math.min(-this.getLastSlide().target,this.dragStartPosition);s=s<o?.5*(s+o):s}this.dragX=s,this.dragMoveTime=new Date,this.dispatchEvent("dragMove",t,[i,e])},r.dragEnd=function(t,i){this.options.freeScroll&&(this.isFreeScrolling=!0);var e=this.dragEndRestingSelect();if(this.options.freeScroll&&!this.options.wrapAround){var n=this.getRestingPosition();this.isFreeScrolling=-n>this.slides[0].target&&-n<this.getLastSlide().target}else this.options.freeScroll||e!=this.selectedIndex||(e+=this.dragEndBoostSelect());delete this.previousDragX,this.isDragSelect=this.options.wrapAround,this.select(e),delete this.isDragSelect,this.dispatchEvent("dragEnd",t,[i])},r.dragEndRestingSelect=function(){var t=this.getRestingPosition(),i=Math.abs(this.getSlideDistance(-t,this.selectedIndex)),e=this._getClosestResting(t,i,1),n=this._getClosestResting(t,i,-1),s=e.distance<n.distance?e.index:n.index;return s},r._getClosestResting=function(t,i,e){for(var n=this.selectedIndex,s=1/0,r=this.options.contain&&!this.options.wrapAround?function(t,i){return t<=i}:function(t,i){return t<i};r(i,s)&&(n+=e,s=i,i=this.getSlideDistance(-t,n),null!==i);)i=Math.abs(i);return{distance:s,index:n-e}},r.getSlideDistance=function(t,i){var e=this.slides.length,s=this.options.wrapAround&&e>1,r=s?n.modulo(i,e):i,o=this.slides[r];if(!o)return null;var a=s?this.slideableWidth*Math.floor(i/e):0;return t-(o.target+a)},r.dragEndBoostSelect=function(){if(void 0===this.previousDragX||!this.dragMoveTime||new Date-this.dragMoveTime>100)return 0;var t=this.getSlideDistance(-this.dragX,this.selectedIndex),i=this.previousDragX-this.dragX;return t>0&&i>0?1:t<0&&i<0?-1:0},r.staticClick=function(t,i){var e=this.getParentCell(t.target),n=e&&e.element,s=e&&this.cells.indexOf(e);this.dispatchEvent("staticClick",t,[i,n,s])},r.onscroll=function(){var t=s(),i=this.pointerDownScroll.x-t.x,e=this.pointerDownScroll.y-t.y;(Math.abs(i)>3||Math.abs(e)>3)&&this._pointerDone()},i});
!function(t,e){"function"==typeof define&&define.amd?define(["./flickity","tap-listener/tap-listener","fizzy-ui-utils/utils"],function(i,n,s){return e(t,i,n,s)}):"object"==typeof module&&module.exports?module.exports=e(t,require("./flickity"),require("tap-listener"),require("fizzy-ui-utils")):e(t,t.Flickity,t.TapListener,t.fizzyUIUtils)}(window,function(t,e,i,n){"use strict";function s(t,e){this.direction=t,this.parent=e,this._create()}function o(t){return"string"==typeof t?t:"M "+t.x0+",50 L "+t.x1+","+(t.y1+50)+" L "+t.x2+","+(t.y2+50)+" L "+t.x3+",50  L "+t.x2+","+(50-t.y2)+" L "+t.x1+","+(50-t.y1)+" Z"}var r="http://www.w3.org/2000/svg";s.prototype=new i,s.prototype._create=function(){this.isEnabled=!0,this.isPrevious=this.direction==-1;var t=this.parent.options.rightToLeft?1:-1;this.isLeft=this.direction==t;var e=this.element=document.createElement("button");e.className="flickity-prev-next-button",e.className+=this.isPrevious?" previous":" next",e.setAttribute("type","button"),this.disable(),e.setAttribute("aria-label",this.isPrevious?"previous":"next");var i=this.createSVG();e.appendChild(i),this.on("tap",this.onTap),this.parent.on("select",this.update.bind(this)),this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))},s.prototype.activate=function(){this.bindTap(this.element),this.element.addEventListener("click",this),this.parent.element.appendChild(this.element)},s.prototype.deactivate=function(){this.parent.element.removeChild(this.element),i.prototype.destroy.call(this),this.element.removeEventListener("click",this)},s.prototype.createSVG=function(){var t=document.createElementNS(r,"svg");t.setAttribute("viewBox","0 0 100 100");var e=document.createElementNS(r,"path"),i=o(this.parent.options.arrowShape);return e.setAttribute("d",i),e.setAttribute("class","arrow"),this.isLeft||e.setAttribute("transform","translate(100, 100) rotate(180) "),t.appendChild(e),t},s.prototype.onTap=function(){if(this.isEnabled){this.parent.uiChange();var t=this.isPrevious?"previous":"next";this.parent[t]()}},s.prototype.handleEvent=n.handleEvent,s.prototype.onclick=function(){var t=document.activeElement;t&&t==this.element&&this.onTap()},s.prototype.enable=function(){this.isEnabled||(this.element.disabled=!1,this.isEnabled=!0)},s.prototype.disable=function(){this.isEnabled&&(this.element.disabled=!0,this.isEnabled=!1)},s.prototype.update=function(){var t=this.parent.slides;if(this.parent.options.wrapAround&&t.length>1)return void this.enable();var e=t.length?t.length-1:0,i=this.isPrevious?0:e,n=this.parent.selectedIndex==i?"disable":"enable";this[n]()},s.prototype.destroy=function(){this.deactivate()},n.extend(e.defaults,{prevNextButtons:!0,arrowShape:{x0:10,x1:60,y1:50,x2:70,y2:40,x3:30}}),e.createMethods.push("_createPrevNextButtons");var a=e.prototype;return a._createPrevNextButtons=function(){this.options.prevNextButtons&&(this.prevButton=new s((-1),this),this.nextButton=new s(1,this),this.on("activate",this.activatePrevNextButtons))},a.activatePrevNextButtons=function(){this.prevButton.activate(),this.nextButton.activate(),this.on("deactivate",this.deactivatePrevNextButtons)},a.deactivatePrevNextButtons=function(){this.prevButton.deactivate(),this.nextButton.deactivate(),this.off("deactivate",this.deactivatePrevNextButtons)},e.PrevNextButton=s,e});
!function(t,e){"function"==typeof define&&define.amd?define(["./flickity","tap-listener/tap-listener","fizzy-ui-utils/utils"],function(s,i,o){return e(t,s,i,o)}):"object"==typeof module&&module.exports?module.exports=e(t,require("./flickity"),require("tap-listener"),require("fizzy-ui-utils")):e(t,t.Flickity,t.TapListener,t.fizzyUIUtils)}(window,function(t,e,s,i){"use strict";function o(t){this.parent=t,this._create()}o.prototype=new s,o.prototype._create=function(){this.holder=document.createElement("ol"),this.holder.className="flickity-page-dots",this.dots=[],this.on("tap",this.onTap),this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))},o.prototype.activate=function(){this.setDots(),this.bindTap(this.holder),this.parent.element.appendChild(this.holder)},o.prototype.deactivate=function(){this.parent.element.removeChild(this.holder),s.prototype.destroy.call(this)},o.prototype.setDots=function(){var t=this.parent.slides.length-this.dots.length;t>0?this.addDots(t):t<0&&this.removeDots(-t)},o.prototype.addDots=function(t){for(var e=document.createDocumentFragment(),s=[];t;){var i=document.createElement("li");i.className="dot",e.appendChild(i),s.push(i),t--}this.holder.appendChild(e),this.dots=this.dots.concat(s)},o.prototype.removeDots=function(t){var e=this.dots.splice(this.dots.length-t,t);e.forEach(function(t){this.holder.removeChild(t)},this)},o.prototype.updateSelected=function(){this.selectedDot&&(this.selectedDot.className="dot"),this.dots.length&&(this.selectedDot=this.dots[this.parent.selectedIndex],this.selectedDot.className="dot is-selected")},o.prototype.onTap=function(t){var e=t.target;if("LI"==e.nodeName){this.parent.uiChange();var s=this.dots.indexOf(e);this.parent.select(s)}},o.prototype.destroy=function(){this.deactivate()},e.PageDots=o,i.extend(e.defaults,{pageDots:!0}),e.createMethods.push("_createPageDots");var a=e.prototype;return a._createPageDots=function(){this.options.pageDots&&(this.pageDots=new o(this),this.on("activate",this.activatePageDots),this.on("select",this.updateSelectedPageDots),this.on("cellChange",this.updatePageDots),this.on("resize",this.updatePageDots),this.on("deactivate",this.deactivatePageDots))},a.activatePageDots=function(){this.pageDots.activate()},a.updateSelectedPageDots=function(){this.pageDots.updateSelected()},a.updatePageDots=function(){this.pageDots.setDots()},a.deactivatePageDots=function(){this.pageDots.deactivate()},e.PageDots=o,e});
!function(t,e){"function"==typeof define&&define.amd?define(["ev-emitter/ev-emitter","fizzy-ui-utils/utils","./flickity"],function(t,i,n){return e(t,i,n)}):"object"==typeof module&&module.exports?module.exports=e(require("ev-emitter"),require("fizzy-ui-utils"),require("./flickity")):e(t.EvEmitter,t.fizzyUIUtils,t.Flickity)}(window,function(t,e,i){"use strict";function n(t){this.parent=t,this.state="stopped",o&&(this.onVisibilityChange=function(){this.visibilityChange()}.bind(this),this.onVisibilityPlay=function(){this.visibilityPlay()}.bind(this))}var s,o;"hidden"in document?(s="hidden",o="visibilitychange"):"webkitHidden"in document&&(s="webkitHidden",o="webkitvisibilitychange"),n.prototype=Object.create(t.prototype),n.prototype.play=function(){if("playing"!=this.state){var t=document[s];if(o&&t)return void document.addEventListener(o,this.onVisibilityPlay);this.state="playing",o&&document.addEventListener(o,this.onVisibilityChange),this.tick()}},n.prototype.tick=function(){if("playing"==this.state){var t=this.parent.options.autoPlay;t="number"==typeof t?t:3e3;var e=this;this.clear(),this.timeout=setTimeout(function(){e.parent.next(!0),e.tick()},t)}},n.prototype.stop=function(){this.state="stopped",this.clear(),o&&document.removeEventListener(o,this.onVisibilityChange)},n.prototype.clear=function(){clearTimeout(this.timeout)},n.prototype.pause=function(){"playing"==this.state&&(this.state="paused",this.clear())},n.prototype.unpause=function(){"paused"==this.state&&this.play()},n.prototype.visibilityChange=function(){var t=document[s];this[t?"pause":"unpause"]()},n.prototype.visibilityPlay=function(){this.play(),document.removeEventListener(o,this.onVisibilityPlay)},e.extend(i.defaults,{pauseAutoPlayOnHover:!0}),i.createMethods.push("_createPlayer");var a=i.prototype;return a._createPlayer=function(){this.player=new n(this),this.on("activate",this.activatePlayer),this.on("uiChange",this.stopPlayer),this.on("pointerDown",this.stopPlayer),this.on("deactivate",this.deactivatePlayer)},a.activatePlayer=function(){this.options.autoPlay&&(this.player.play(),this.element.addEventListener("mouseenter",this))},a.playPlayer=function(){this.player.play()},a.stopPlayer=function(){this.player.stop()},a.pausePlayer=function(){this.player.pause()},a.unpausePlayer=function(){this.player.unpause()},a.deactivatePlayer=function(){this.player.stop(),this.element.removeEventListener("mouseenter",this)},a.onmouseenter=function(){this.options.pauseAutoPlayOnHover&&(this.player.pause(),this.element.addEventListener("mouseleave",this))},a.onmouseleave=function(){this.player.unpause(),this.element.removeEventListener("mouseleave",this)},i.Player=n,i});
!function(e,t){"function"==typeof define&&define.amd?define(["./flickity","fizzy-ui-utils/utils"],function(i,l){return t(e,i,l)}):"object"==typeof module&&module.exports?module.exports=t(e,require("./flickity"),require("fizzy-ui-utils")):t(e,e.Flickity,e.fizzyUIUtils)}(window,function(e,t,i){"use strict";function l(e){var t=document.createDocumentFragment();return e.forEach(function(e){t.appendChild(e.element)}),t}var s=t.prototype;return s.insert=function(e,t){var i=this._makeCells(e);if(i&&i.length){var s=this.cells.length;t=void 0===t?s:t;var n=l(i),h=t==s;if(h)this.slider.appendChild(n);else{var c=this.cells[t].element;this.slider.insertBefore(n,c)}if(0===t)this.cells=i.concat(this.cells);else if(h)this.cells=this.cells.concat(i);else{var d=this.cells.splice(t,s-t);this.cells=this.cells.concat(i).concat(d)}this._sizeCells(i);var o=t>this.selectedIndex?0:i.length;this._cellAddedRemoved(t,o)}},s.append=function(e){this.insert(e,this.cells.length)},s.prepend=function(e){this.insert(e,0)},s.remove=function(e){var t,l,s=this.getCells(e),n=0,h=s.length;for(t=0;t<h;t++){l=s[t];var c=this.cells.indexOf(l)<this.selectedIndex;n-=c?1:0}for(t=0;t<h;t++)l=s[t],l.remove(),i.removeFrom(this.cells,l);s.length&&this._cellAddedRemoved(0,n)},s._cellAddedRemoved=function(e,t){t=t||0,this.selectedIndex+=t,this.selectedIndex=Math.max(0,Math.min(this.slides.length-1,this.selectedIndex)),this.cellChange(e,!0),this.emitEvent("cellAddedRemoved",[e,t])},s.cellSizeChange=function(e){var t=this.getCell(e);if(t){t.getSize();var i=this.cells.indexOf(t);this.cellChange(i)}},s.cellChange=function(e,t){var i=this.slideableWidth;if(this._positionCells(e),this._getWrapShiftCells(),this.setGallerySize(),this.emitEvent("cellChange",[e]),this.options.freeScroll){var l=i-this.slideableWidth;this.x+=l*this.cellAlign,this.positionSlider()}else t&&this.positionSliderAtSelected(),this.select(this.selectedIndex)},t});
!function(t,i){"function"==typeof define&&define.amd?define(["./flickity","fizzy-ui-utils/utils"],function(e,o){return i(t,e,o)}):"object"==typeof module&&module.exports?module.exports=i(t,require("./flickity"),require("fizzy-ui-utils")):i(t,t.Flickity,t.fizzyUIUtils)}(window,function(t,i,e){"use strict";function o(t){if("IMG"==t.nodeName&&t.getAttribute("data-flickity-lazyload"))return[t];var i=t.querySelectorAll("img[data-flickity-lazyload]");return e.makeArray(i)}function a(t,i){this.img=t,this.flickity=i,this.load()}i.createMethods.push("_createLazyload");var n=i.prototype;return n._createLazyload=function(){this.on("select",this.lazyLoad)},n.lazyLoad=function(){var t=this.options.lazyLoad;if(t){var i="number"==typeof t?t:0,e=this.getAdjacentCellElements(i),n=[];e.forEach(function(t){var i=o(t);n=n.concat(i)}),n.forEach(function(t){new a(t,this)},this)}},a.prototype.handleEvent=e.handleEvent,a.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.img.getAttribute("data-flickity-lazyload"),this.img.removeAttribute("data-flickity-lazyload")},a.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},a.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},a.prototype.complete=function(t,i){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this);var e=this.flickity.getParentCell(this.img),o=e&&e.element;this.flickity.cellSizeChange(o),this.img.classList.add(i),this.flickity.dispatchEvent("lazyLoad",t,o)},i.LazyLoader=a,i});
!function(t,e){"use strict";"function"==typeof define&&define.amd?define(["ev-emitter/ev-emitter"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.imagesLoaded=e(t,t.EvEmitter)}(window,function(t,e){"use strict";function i(t,e){for(var i in e)t[i]=e[i];return t}function o(t){var e=[];if(Array.isArray(t))e=t;else if("number"==typeof t.length)for(var i=0;i<t.length;i++)e.push(t[i]);else e.push(t);return e}function r(t,e,n){return this instanceof r?("string"==typeof t&&(t=document.querySelectorAll(t)),this.elements=o(t),this.options=i({},this.options),"function"==typeof e?n=e:i(this.options,e),n&&this.on("always",n),this.getImages(),h&&(this.jqDeferred=new h.Deferred),void setTimeout(function(){this.check()}.bind(this))):new r(t,e,n)}function n(t){this.img=t}function s(t,e){this.url=t,this.element=e,this.img=new Image}var h=t.jQuery,a=t.console;r.prototype=Object.create(e.prototype),r.prototype.options={},r.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)},r.prototype.addElementImages=function(t){"IMG"==t.nodeName&&this.addImage(t),this.options.background===!0&&this.addElementBackgroundImages(t);var e=t.nodeType;if(e&&d[e]){for(var i=t.querySelectorAll("img"),o=0;o<i.length;o++){var r=i[o];this.addImage(r)}if("string"==typeof this.options.background){var n=t.querySelectorAll(this.options.background);for(o=0;o<n.length;o++){var s=n[o];this.addElementBackgroundImages(s)}}}};var d={1:!0,9:!0,11:!0};return r.prototype.addElementBackgroundImages=function(t){var e=getComputedStyle(t);if(e)for(var i=/url\((['"])?(.*?)\1\)/gi,o=i.exec(e.backgroundImage);null!==o;){var r=o&&o[2];r&&this.addBackground(r,t),o=i.exec(e.backgroundImage)}},r.prototype.addImage=function(t){var e=new n(t);this.images.push(e)},r.prototype.addBackground=function(t,e){var i=new s(t,e);this.images.push(i)},r.prototype.check=function(){function t(t,i,o){setTimeout(function(){e.progress(t,i,o)})}var e=this;return this.progressedCount=0,this.hasAnyBroken=!1,this.images.length?void this.images.forEach(function(e){e.once("progress",t),e.check()}):void this.complete()},r.prototype.progress=function(t,e,i){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount==this.images.length&&this.complete(),this.options.debug&&a&&a.log("progress: "+i,t,e)},r.prototype.complete=function(){var t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){var e=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[e](this)}},n.prototype=Object.create(e.prototype),n.prototype.check=function(){var t=this.getIsImageComplete();return t?void this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),void(this.proxyImage.src=this.img.src))},n.prototype.getIsImageComplete=function(){return this.img.complete&&void 0!==this.img.naturalWidth},n.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.img,e])},n.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},n.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},n.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},s.prototype=Object.create(n.prototype),s.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url;var t=this.getIsImageComplete();t&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},s.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},s.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},r.makeJQueryPlugin=function(e){e=e||t.jQuery,e&&(h=e,h.fn.imagesLoaded=function(t,e){var i=new r(this,t,e);return i.jqDeferred.promise(h(this))})},r.makeJQueryPlugin(),r});
!function(e,i){"function"==typeof define&&define.amd?define(["flickity/js/index","imagesloaded/imagesloaded"],function(t,o){return i(e,t,o)}):"object"==typeof module&&module.exports?module.exports=i(e,require("flickity"),require("imagesloaded")):e.Flickity=i(e,e.Flickity,e.imagesLoaded)}(window,function(e,i,t){"use strict";i.createMethods.push("_createImagesLoaded");var o=i.prototype;return o._createImagesLoaded=function(){this.on("activate",this.imagesLoaded)},o.imagesLoaded=function(){function e(e,t){var o=i.getParentCell(t.img);i.cellSizeChange(o&&o.element),i.options.freeScroll||i.positionSliderAtSelected()}if(this.options.imagesLoaded){var i=this;t(this.slider).on("progress",e)}},i});
!function(e,t){"function"==typeof define&&define.amd?define(["flickity/js/index","fizzy-ui-utils/utils"],t):"object"==typeof module&&module.exports?module.exports=t(require("flickity"),require("fizzy-ui-utils")):e.Flickity=t(e.Flickity,e.fizzyUIUtils)}(window,function(e,t){"use strict";function i(e,t,i){return(t-e)*i+e}e.createMethods.push("_createAsNavFor");var n=e.prototype;return n._createAsNavFor=function(){this.on("activate",this.activateAsNavFor),this.on("deactivate",this.deactivateAsNavFor),this.on("destroy",this.destroyAsNavFor);var e=this.options.asNavFor;if(e){var t=this;setTimeout(function(){t.setNavCompanion(e)})}},n.setNavCompanion=function(i){i=t.getQueryElement(i);var n=e.data(i);if(n&&n!=this){this.navCompanion=n;var a=this;this.onNavCompanionSelect=function(){a.navCompanionSelect()},n.on("select",this.onNavCompanionSelect),this.on("staticClick",this.onNavStaticClick),this.navCompanionSelect(!0)}},n.navCompanionSelect=function(e){if(this.navCompanion){var t=this.navCompanion.selectedCells[0],n=this.navCompanion.cells.indexOf(t),a=n+this.navCompanion.selectedCells.length-1,o=Math.floor(i(n,a,this.navCompanion.cellAlign));if(this.selectCell(o,!1,e),this.removeNavSelectedElements(),!(o>=this.cells.length)){var s=this.cells.slice(n,a+1);this.navSelectedElements=s.map(function(e){return e.element}),this.changeNavSelectedClass("add")}}},n.changeNavSelectedClass=function(e){this.navSelectedElements.forEach(function(t){t.classList[e]("is-nav-selected")})},n.activateAsNavFor=function(){this.navCompanionSelect(!0)},n.removeNavSelectedElements=function(){this.navSelectedElements&&(this.changeNavSelectedClass("remove"),delete this.navSelectedElements)},n.onNavStaticClick=function(e,t,i,n){"number"==typeof n&&this.navCompanion.selectCell(n)},n.deactivateAsNavFor=function(){this.removeNavSelectedElements()},n.destroyAsNavFor=function(){this.navCompanion&&(this.navCompanion.off("select",this.onNavCompanionSelect),this.off("staticClick",this.onNavStaticClick),delete this.navCompanion)},e});
!function(t,e){"function"==typeof define&&define.amd?define(["flickity/js/index","fizzy-ui-utils/utils"],e):"object"==typeof module&&module.exports?module.exports=e(require("flickity"),require("fizzy-ui-utils")):e(t.Flickity,t.fizzyUIUtils)}(window,function(t,e){"use strict";function i(t,e,i){this.element=t,this.url=e,this.img=new Image,this.flickity=i,this.load()}t.createMethods.push("_createBgLazyLoad");var o=t.prototype;return o._createBgLazyLoad=function(){this.on("select",this.bgLazyLoad)},o.bgLazyLoad=function(){var t=this.options.bgLazyLoad;if(t)for(var e="number"==typeof t?t:0,i=this.getAdjacentCellElements(e),o=0;o<i.length;o++){var a=i[o];this.bgLazyLoadElem(a);for(var l=a.querySelectorAll("[data-flickity-bg-lazyload]"),n=0;n<l.length;n++)this.bgLazyLoadElem(l[n])}},o.bgLazyLoadElem=function(t){var e=t.getAttribute("data-flickity-bg-lazyload");e&&new i(t,e,this)},i.prototype.handleEvent=e.handleEvent,i.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.element.removeAttribute("data-flickity-bg-lazyload")},i.prototype.onload=function(t){this.element.style.backgroundImage="url("+this.url+")",this.complete(t,"flickity-bg-lazyloaded")},i.prototype.onerror=function(t){this.complete(t,"flickity-bg-lazyerror")},i.prototype.complete=function(t,e){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this),this.element.classList.add(e),this.flickity.dispatchEvent("bgLazyLoad",t,this.element)},t.BgLazyLoader=i,t});
!function(t,i){"function"==typeof define&&define.amd?define(["get-size/get-size","unidragger/unidragger"],function(e,n){return i(t,e,n)}):"object"==typeof module&&module.exports?module.exports=i(t,require("get-size"),require("unidragger")):t.Draggabilly=i(t,t.getSize,t.Unidragger)}(window,function(t,i,e){"use strict";function n(){}function s(t,i){for(var e in i)t[e]=i[e];return t}function o(t){return t instanceof HTMLElement}function r(t,i){this.element="string"==typeof t?h.querySelector(t):t,u&&(this.$element=u(this.element)),this.options=s({},this.constructor.defaults),this.option(i),this._create()}function a(t,i,e){return e=e||"round",i?Math[e](t/i)*i:t}var h=t.document,d=t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame,l=0;d||(d=function(t){var i=(new Date).getTime(),e=Math.max(0,16-(i-l)),n=setTimeout(t,e);return l=i+e,n});var g=h.documentElement,p="string"==typeof g.style.transform?"transform":"WebkitTransform",u=t.jQuery,c=r.prototype=Object.create(e.prototype);r.defaults={},c.option=function(t){s(this.options,t)};var f={relative:!0,absolute:!0,fixed:!0};return c._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=s({},this.position);var t=getComputedStyle(this.element);f[t.position]||(this.element.style.position="relative"),this.enable(),this.setHandles()},c.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},c.dispatchEvent=function(i,e,n){var s=[e].concat(n);this.emitEvent(i,s);var o=t.jQuery;if(o&&this.$element)if(e){var r=o.Event(e);r.type=i,this.$element.trigger(r,n)}else this.$element.trigger(i,n)},c._getPosition=function(){var t=getComputedStyle(this.element),i=this._getPositionCoord(t.left,"width"),e=this._getPositionCoord(t.top,"height");this.position.x=isNaN(i)?0:i,this.position.y=isNaN(e)?0:e,this._addTransformPosition(t)},c._getPositionCoord=function(t,e){if(t.indexOf("%")!=-1){var n=i(this.element.parentNode);return n?parseFloat(t)/100*n[e]:0}return parseInt(t,10)},c._addTransformPosition=function(t){var i=t[p];if(0===i.indexOf("matrix")){var e=i.split(","),n=0===i.indexOf("matrix3d")?12:4,s=parseInt(e[n],10),o=parseInt(e[n+1],10);this.position.x+=s,this.position.y+=o}},c.pointerDown=function(t,i){this._dragPointerDown(t,i);var e=h.activeElement;e&&e.blur&&e!=h.body&&e.blur(),this._bindPostStartEvents(t),this.element.classList.add("is-pointer-down"),this.dispatchEvent("pointerDown",t,[i])},c.pointerMove=function(t,i){var e=this._dragPointerMove(t,i);this.dispatchEvent("pointerMove",t,[i,e]),this._dragMove(t,i,e)},c.dragStart=function(t,i){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.dispatchEvent("dragStart",t,[i]),this.animate())},c.measureContainment=function(){var t=this.options.containment;if(t){var e=o(t)?t:"string"==typeof t?h.querySelector(t):this.element.parentNode,n=i(this.element),s=i(e),r=this.element.getBoundingClientRect(),a=e.getBoundingClientRect(),d=s.borderLeftWidth+s.borderRightWidth,l=s.borderTopWidth+s.borderBottomWidth,g=this.relativeStartPosition={x:r.left-(a.left+s.borderLeftWidth),y:r.top-(a.top+s.borderTopWidth)};this.containSize={width:s.width-d-g.x-n.width,height:s.height-l-g.y-n.height}}},c.dragMove=function(t,i,e){if(this.isEnabled){var n=e.x,s=e.y,o=this.options.grid,r=o&&o[0],h=o&&o[1];n=a(n,r),s=a(s,h),n=this.containDrag("x",n,r),s=this.containDrag("y",s,h),n="y"==this.options.axis?0:n,s="x"==this.options.axis?0:s,this.position.x=this.startPosition.x+n,this.position.y=this.startPosition.y+s,this.dragPoint.x=n,this.dragPoint.y=s,this.dispatchEvent("dragMove",t,[i,e])}},c.containDrag=function(t,i,e){if(!this.options.containment)return i;var n="x"==t?"width":"height",s=this.relativeStartPosition[t],o=a(-s,e,"ceil"),r=this.containSize[n];return r=a(r,e,"floor"),Math.min(r,Math.max(o,i))},c.pointerUp=function(t,i){this.element.classList.remove("is-pointer-down"),this.dispatchEvent("pointerUp",t,[i]),this._dragPointerUp(t,i)},c.dragEnd=function(t,i){this.isEnabled&&(p&&(this.element.style[p]="",this.setLeftTop()),this.element.classList.remove("is-dragging"),this.dispatchEvent("dragEnd",t,[i]))},c.animate=function(){if(this.isDragging){this.positionDrag();var t=this;d(function(){t.animate()})}},c.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},c.positionDrag=function(){this.element.style[p]="translate3d( "+this.dragPoint.x+"px, "+this.dragPoint.y+"px, 0)"},c.staticClick=function(t,i){this.dispatchEvent("staticClick",t,[i])},c.enable=function(){this.isEnabled=!0},c.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},c.destroy=function(){this.disable(),this.element.style[p]="",this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},c._init=n,u&&u.bridget&&u.bridget("draggabilly",r),r});
!function(){window.FizzyDocs={},window.filterBind=function(n,t,i,e){n.addEventListener(t,function(n){matchesSelector(n.target,i)&&e(n)})}}();
FizzyDocs["commercial-license-agreement"]=function(e){"use strict";function t(e){var t=o.querySelector(".is-selected");t&&t.classList.remove("is-selected"),e.classList.add("is-selected");var i=e.getAttribute("data-license-option"),n=r[i];l.forEach(function(e){e.element.textContent=n[e.property]})}var r={developer:{title:"Developer","for-official":"one (1) Licensed Developer","for-plain":"one individual Developer"},team:{title:"Team","for-official":"up to eight (8) Licensed Developer(s)","for-plain":"up to 8 Developers"},organization:{title:"Organization","for-official":"an unlimited number of Licensed Developer(s)","for-plain":"an unlimited number of Developers"}},o=e.querySelector(".button-group"),i=e.querySelector("h2"),n=i.cloneNode(!0);n.style.borderTop="none",n.style.marginTop=0,n.id="",n.innerHTML=n.innerHTML.replace("Commercial License",'Commercial <span data-license-property="title"></span> License'),i.textContent="",o.parentNode.insertBefore(n,o.nextSibling);for(var l=[],a=e.querySelectorAll("[data-license-property]"),c=0,s=a.length;c<s;c++){var p=a[c],u={property:p.getAttribute("data-license-property"),element:p};l.push(u)}t(o.querySelector(".button--developer")),filterBind(o,"click",".button",function(e){t(e.target)})};
FizzyDocs["fizzy-bear-shirt"]=function(e){var t=new Date(2016,10,30),r=Math.round((t-new Date)/864e5);e.querySelector(".fizzy-bear-shirt__title").textContent="Rainbow bear shirts. Only on sale for "+r+" more days."};
!function(){"use strict";var e=window.FlickityDocs={};window.utils=fizzyUIUtils,e.makeCellElem=function(e){var t=document.createElement("div");t.className="carousel-cell";var n=document.createElement("span");return n.className="carousel-cell__number",n.textContent=e,t.appendChild(n),t},window.filterBind=function(e,t,n,c){e.addEventListener(t,function(e){matchesSelector(e.target,n)&&c(e)})}}();
FlickityDocs.append=function(e){"use strict";var t=e.querySelector(".carousel"),c=new Flickity(t,{initialIndex:2}),i=c.cells.length+1,l=FlickityDocs.makeCellElem,n=e.querySelector(".button");n.addEventListener("click",function(){c.append([l(i++),l(i++)])})};
FlickityDocs["arrow-wiz"]=function(e){"use strict";function t(e,t,n,o,r){r&&(s.strokeStyle=r),s.beginPath(),s.moveTo(e,t),s.lineTo(n,o),s.stroke(),s.closePath()}function n(){var e,n;for(e=0;e<11;e++){var o=20*e+.5;n=e%5?v:w,t(0,o,f,o,n)}for(e=0;e<11;e++){var r=20*e+.5;n=e%5?v:w,t(r,0,r,h,n)}t(0,h-.5,f,h-.5,w),t(f-.5,0,f-.5,h,w)}function o(e,t){return function(){var n=r(e);S[t]=n,x()}}function r(e){return{x:e.position.x/2,y:50-e.position.y/2}}function i(){s.strokeStyle="#333",s.fillStyle="hsla(0, 0%, 0%, 0.4)",s.beginPath(),s.moveTo(2*S[0].x,100),s.lineTo(2*S[1].x,100-2*S[1].y),s.lineTo(2*S[2].x,100-2*S[2].y),s.lineTo(2*S[3].x,100),s.lineTo(2*S[2].x,100+2*S[2].y),s.lineTo(2*S[1].x,100+2*S[1].y),s.lineTo(2*S[0].x,100),s.fill(),s.stroke(),s.closePath()}function l(){s.clearRect(0,0,f,h),n(),i()}function a(){q.textContent="arrowShape: { \n  x0: "+S[0].x+",\n  x1: "+S[1].x+", y1: "+S[1].y+",\n  x2: "+S[2].x+", y2: "+S[2].y+",\n  x3: "+S[3].x+"\n}"}function c(){var e="M "+S[0].x+",50 L "+S[1].x+","+(50+S[1].y)+" L "+S[2].x+","+(50+S[2].y)+" L "+S[3].x+",50  L "+S[2].x+","+(50-S[2].y)+" L "+S[1].x+","+(50-S[1].y)+" Z";m.setAttribute("d",e),L.setAttribute("d",e)}function x(){l(),a(),c()}var u=e,y=u.querySelector("canvas"),s=y.getContext("2d"),f=y.width,h=y.height,v="hsla(210, 50%, 50%, 0.25)",w="hsla(210, 50%, 50%, 0.5)";n();for(var S=[],d=[],T=0;T<4;T++){var g=u.querySelector(".arrow-wiz-illo__point--"+T),p=new Draggabilly(g,{containment:!0,grid:[10,10]}),k=o(p,T);p.on("dragMove",k),d.push(p),S[T]=r(p)}var q=u.querySelector(".arrow-wiz-code code"),b=new Flickity(u.querySelector(".carousel"),{initialIndex:2}),m=b.prevButton.element.querySelector("path"),L=b.nextButton.element.querySelector("path");x()};
FlickityDocs["custom-nav"]=function(e){"use strict";var t=e.querySelector(".carousel"),c=new Flickity(t,{prevNextButtons:!1,pageDots:!1}),r=e.querySelector(".button-group--cells"),n=utils.makeArray(r.children);c.on("select",function(){var e=r.querySelector(".is-selected"),t=r.children[c.selectedIndex];e.classList.remove("is-selected"),t.classList.add("is-selected")}),filterBind(r,"click",".button",function(e){var t=n.indexOf(e.target);c.select(t)});var i=e.querySelector(".button--previous");i.addEventListener("click",function(){c.previous()});var s=e.querySelector(".button--next");s.addEventListener("click",function(){c.next()})};
FlickityDocs.destroy=function(e){"use strict";var t=e.querySelector(".carousel"),c=new Flickity(t),i=!0,r=e.querySelector(".button");r.addEventListener("click",function(){i?c.destroy():c=new Flickity(t),i=!i})};
FlickityDocs["events-table"]=function(e){"use strict";function t(e,t){var n=document.createElement("tr"),l=document.createElement("td"),c=document.createElement("td"),a=document.createElement("td");l.className="event-table__time",c.className="event-table__event",a.className="event-table__message";var o=new Date,i=o.getHours()+":"+o.getMinutes()+":"+o.getSeconds()+"."+o.getMilliseconds();l.textContent=i,c.textContent=e,a.textContent=t||"",n.appendChild(l),n.appendChild(c),n.appendChild(a);var d=r.children;1==d.length?r.appendChild(n):r.insertBefore(n,d[1]);var s=r.children[11];s&&r.removeChild(s)}function n(e){return function(){t(e)}}var l=e.querySelector(".carousel"),c=new Flickity(l),a=e.querySelector(".event-table"),r=a.querySelector("tbody");c.on("select",function(){t("select","selected cell "+(c.selectedIndex+1))}),c.on("settle",function(){t("settle","settled at cell "+(c.selectedIndex+1))}),c.on("staticClick",function(e){var n="";if(matchesSelector(e.target,".carousel-cell")){var l=c.getCell(e.target),a=c.cells.indexOf(l)+1;n="clicked cell "+a}t("staticClick",n)});for(var o=["dragStart","dragMove","dragEnd","pointerDown","pointerMove","pointerUp"],i=0,d=o.length;i<d;i++){var s=o[i],u=n(s);c.on(s,u)}};
FlickityDocs.insert=function(e){"use strict";var t=e.querySelector(".carousel"),i=new Flickity(t,{initialIndex:1}),c=i.cells.length+1,l=FlickityDocs.makeCellElem,n=e.querySelector(".button");n.addEventListener("click",function(){var e=[l(c++),l(c++)];i.insert(e,2)})};
FlickityDocs.keyhole=function(e){"use strict";var t="string"==typeof e.style.transform?"transform":"WebkitTransform",r=e.querySelector(".carousel"),l=new Flickity(r,{imagesLoaded:!0}),o=r.querySelectorAll(".keyhole-cell img");l.on("scroll",function(){l.slides.forEach(function(e,r){var s=o[r],c=(e.target+l.x)*-1/3;s.style[t]="translateX("+c+"px)"})})};
FlickityDocs.next=function(e){"use strict";var t=e.querySelector(".carousel"),n=new Flickity(t),c=e.querySelector(".button--next");c.addEventListener("click",function(){n.next()});var r=e.querySelector(".button--next-wrapped");r.addEventListener("click",function(){n.next(!0)})};
FlickityDocs.parallax=function(l){"use strict";function e(l,e,r){l.style.left=100*(.5-(.5+4*r)*t*e)+"%"}var r=l.querySelector(".carousel"),a=new Flickity(r),t=.6,c=.8,o=1.25,i=l.querySelector(".parallax__layer--bg"),n=l.querySelector(".parallax__layer--fg");a.on("scroll",function(l){e(i,c,l),e(n,o,l)}),a.reposition()};
FlickityDocs.player=function(e){"use strict";function t(){u.textContent=r.player.state}var n=e.querySelector(".carousel"),r=new Flickity(n,{autoPlay:1e3}),u=e.querySelector(".player-status");t(),e.querySelector(".button--play").addEventListener("click",function(){r.playPlayer(),t()}),e.querySelector(".button--stop").addEventListener("click",function(){r.stopPlayer(),t()}),e.querySelector(".button--pause").addEventListener("click",function(){r.pausePlayer(),t()}),e.querySelector(".button--unpause").addEventListener("click",function(){r.unpausePlayer(),t()})};
FlickityDocs.prepend=function(e){"use strict";var c=e.querySelector(".carousel"),t=new Flickity(c),l=t.cells.length+1,i=FlickityDocs.makeCellElem,n=e.querySelector(".button");n.addEventListener("click",function(){t.prepend([i(l++),i(l++)])})};
FlickityDocs.previous=function(e){"use strict";var r=e.querySelector(".carousel"),t=new Flickity(r),i=e.querySelector(".button--previous");i.addEventListener("click",function(){t.previous()});var c=e.querySelector(".button--previous-wrapped");c.addEventListener("click",function(){t.previous(!0)})};
FlickityDocs["progress-bar"]=function(r){"use strict";var e=r.querySelector(".carousel"),t=r.querySelector(".progress-bar__bar"),o=new Flickity(e);o.on("scroll",function(r){r=Math.max(0,Math.min(1,r)),t.style.width=100*r+"%"}),o.reposition()};
FlickityDocs.remove=function(i){"use strict";var e=i.querySelector(".carousel"),c=new Flickity(e,{initialIndex:1});c.on("staticClick",function(i,e,t){t&&c.remove(t)})};
FlickityDocs.reposition=function(i){"use strict";var t=i.querySelector(".carousel"),c=new Flickity(t);c.on("staticClick",function(i,t,e){e&&(e.classList.toggle("is-expanded"),c.reposition())})};
FlickityDocs.resize=function(e){"use strict";var t=e.querySelector(".carousel"),i=new Flickity(t),c=e.querySelector(".button");c.addEventListener("click",function(){t.classList.toggle("is-expanded"),i.resize()})};
FlickityDocs["resize-show"]=function(e){"use strict";var t=e.querySelector(".carousel"),c=new Flickity(t),i=e.querySelector(".button");i.addEventListener("click",function(){t.style.display="block",c.resize()})};
FlickityDocs.select=function(t){"use strict";var e=window.fizzyUIUtils,r=new Flickity(t.querySelector(".carousel")),c=t.querySelector(".button-group"),i=e.makeArray(c.querySelectorAll(".button"));filterBind(c,"click",".button",function(t){var e=i.indexOf(t.target);r.select(e)})};
FlickityDocs["select-cell"]=function(e){"use strict";var t=window.fizzyUIUtils,l=new Flickity(e.querySelector(".carousel"),{groupCells:!0}),r=e.querySelector(".button-group"),c=t.makeArray(r.querySelectorAll(".button"));filterBind(r,"click",".button",function(e){var t=c.indexOf(e.target);l.selectCell(t)})};
FlickityDocs["select-cell-selector"]=function(e){"use strict";var t=new Flickity(e.querySelector(".carousel"),{groupCells:!0}),l=e.querySelector(".button-group");filterBind(l,"click",".button",function(e){var l=e.target.getAttribute("data-selector");t.selectCell(l)})};
FlickityDocs["static-click"]=function(c){"use strict";var i=c.querySelector(".carousel"),e=new Flickity(i,{initialIndex:1}),t=c.querySelector(".logger");e.on("staticClick",function(c,e,l,s){if(l){var r=i.querySelector(".is-clicked");r&&r.classList.remove("is-clicked"),l.classList.add("is-clicked"),t.textContent="Cell "+(s+1)+" clicked"}})};
FlickityDocs["select-instant"]=function(t){"use strict";var e=window.fizzyUIUtils,i=new Flickity(t.querySelector(".carousel")),r=t.querySelector(".button-group"),c=e.makeArray(r.querySelectorAll(".button"));filterBind(r,"click",".button",function(t){var e=c.indexOf(t.target);i.select(e,!1,!0)})};
FlickityDocs["hero-carousel"]=function(e){"use strict";var r=e.querySelector(".hero-carousel__cell--1"),c=r.querySelector(".hero-illustration");if(c){var i=document.createElement("img");i.onload=function(){c.src=i.src},i.src="img/flickity-illustration.gif"}};
FlickityDocs["page-nav"]=function(c){"use strict";new Stickeroo(c)};
!function(t){"use strict";function e(e){e&&(this.element=e,this.isActive=!1,this.isFixed=!1,t.addEventListener("resize",this),this.onresize())}function i(t,e,i){var s=t.prototype[e],n=e+"Timeout";t.prototype[e]=function(){if(!this[n]){s.apply(this,arguments);var t=this;this[n]=setTimeout(function(){s.apply(t,arguments),delete t[n]},i||100)}}}e.prototype.handleEvent=utils.handleEvent,e.prototype.onresize=function(){var e=getComputedStyle(this.element,":after").content,i=getSize(this.element);e.indexOf("sticky")!=-1&&i.innerHeight<=t.innerHeight?this.activate():this.deactivate()},utils.debounceMethod(e,"onresize"),e.prototype.activate=function(){this.isActive||(this.isActive=!0,this.originalY=this.element.getBoundingClientRect().top+t.pageYOffset,t.addEventListener("scroll",this),this.onscroll())},e.prototype.deactivate=function(){this.isActive&&(this.isActive=!1,this.isFixed=!1,this.element.classList.remove("is-fixed"),t.removeEventListener("scroll",this))},e.prototype.onscroll=function(){var e=t.pageYOffset>=this.originalY;e!=this.isFixed&&(this.element.classList.toggle("is-fixed"),this.isFixed=e)},i(e,"onscroll",50),t.Stickeroo=e}(window);
!function(){"use strict";for(var t=document.querySelectorAll("[data-js]"),e=0;e<t.length;e++){var c=t[e],r=c.getAttribute("data-js"),a=FlickityDocs[r]||FizzyDocs[r];a&&a(c)}}();

</script>

</body>
</html>

------------------------------------------------------------------------------------------------------------------
AUTO FLICKITY IMAGE SLIDER SCROLL WITH RADIO NEXT PREV BUTTON
------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------

<!DOCTYPE html>
<html class=''>
<head>
<meta charset='UTF-8'><meta name="robots" content="noindex">
<link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" />
<link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" />
<link rel='stylesheet prefetch' href='https://npmcdn.com/flickity@2/dist/flickity.css'>
<style class="cp-pen-styles">/* external css: flickity.css */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
  background: #EEE;
}

.carousel img {
  display: block;
  height: 200px;
}

@media screen and ( min-width: 768px ) {
  .carousel img {
    height: 400px;
  }
}</style>
</head>
<body>
<h1>Flickity - images</h1>

<!-- Flickity HTML init -->
<div class="carousel" data-flickity='{ "autoPlay": true }'>
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/orange-tree.jpg" alt="orange tree" />
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/submerged.jpg" alt="submerged" />
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/look-out.jpg" alt="look-out" />
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/one-world-trade.jpg" alt="One World Trade" />
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/drizzle.jpg" alt="drizzle" />
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/cat-nose.jpg" alt="cat nose" />
</div>

<script src='https://npmcdn.com/flickity@2/dist/flickity.pkgd.js'></script>
<script>// external js: flickity.pkgd.js

//# sourceURL=pen.js
</script>
</body>
</html>





0 comments:

Post a Comment

FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets