From 69a76625e12e6a261100b4996932b8ffd13a165e Mon Sep 17 00:00:00 2001 From: Dave DeSandro Date: Sun, 19 Dec 2021 12:30:04 -0500 Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=97=20v2.3.0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/flickity.css | 2 +- dist/flickity.css | 2 +- dist/flickity.min.css | 2 +- dist/flickity.pkgd.js | 41 ++++++++++++++++++++------------------- dist/flickity.pkgd.min.js | 14 ++++++------- js/index.js | 2 +- package-lock.json | 4 ++-- package.json | 2 +- 8 files changed, 35 insertions(+), 34 deletions(-) diff --git a/css/flickity.css b/css/flickity.css index 3ea10ec..b5c971b 100644 --- a/css/flickity.css +++ b/css/flickity.css @@ -1,4 +1,4 @@ -/*! Flickity v2.2.2 +/*! Flickity v2.3.0 https://flickity.metafizzy.co ---------------------------------------------- */ diff --git a/dist/flickity.css b/dist/flickity.css index 3ea10ec..b5c971b 100644 --- a/dist/flickity.css +++ b/dist/flickity.css @@ -1,4 +1,4 @@ -/*! Flickity v2.2.2 +/*! Flickity v2.3.0 https://flickity.metafizzy.co ---------------------------------------------- */ diff --git a/dist/flickity.min.css b/dist/flickity.min.css index 18829b0..d3472e9 100644 --- a/dist/flickity.min.css +++ b/dist/flickity.min.css @@ -1,4 +1,4 @@ -/*! Flickity v2.2.2 +/*! Flickity v2.3.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-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}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.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 .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.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:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1} \ No newline at end of file diff --git a/dist/flickity.pkgd.js b/dist/flickity.pkgd.js index b797a31..31d5723 100644 --- a/dist/flickity.pkgd.js +++ b/dist/flickity.pkgd.js @@ -1,5 +1,5 @@ /*! - * Flickity PACKAGED v2.2.2 + * Flickity PACKAGED v2.3.0 * Touch, responsive, flickable carousels * * Licensed GPLv3 for open source use @@ -813,6 +813,7 @@ proto.create = function() { this.element.setAttribute( 'aria-hidden', 'true' ); this.x = 0; this.shift = 0; + this.element.style[ this.parent.originSide ] = 0; }; proto.destroy = function() { @@ -821,6 +822,7 @@ proto.destroy = function() { this.element.style.position = ''; var side = this.parent.originSide; this.element.style[ side ] = ''; + this.element.style.transform = ''; this.element.removeAttribute('aria-hidden'); }; @@ -843,8 +845,14 @@ proto.updateTarget = proto.setDefaultTarget = function() { proto.renderPosition = function( x ) { // render position of cell with in slider - var side = this.parent.originSide; - this.element.style[ side ] = this.parent.getPositionValue( x ); + var sideOffset = this.parent.originSide === 'left' ? 1 : -1; + + var adjustedX = this.parent.options.percentPosition ? + x * sideOffset * ( this.parent.size.innerWidth / this.size.width ) : + x * sideOffset; + + this.element.style.transform = 'translateX(' + + this.parent.getPositionValue( adjustedX ) + ')'; }; proto.select = function() { @@ -1934,7 +1942,8 @@ proto.onresize = function() { utils.debounceMethod( Flickity, 'onresize', 150 ); proto.resize = function() { - if ( !this.isActive ) { + // #1177 disable resize behavior when animating or dragging for iOS 15 + if ( !this.isActive || this.isAnimating || this.isDragging ) { return; } this.getSize(); @@ -2087,7 +2096,7 @@ return Flickity; } ) ); /*! - * Unipointer v2.3.0 + * Unipointer v2.4.0 * base class for doing one thing with pointer event * MIT license */ @@ -2148,12 +2157,13 @@ proto._bindStartEvent = function( elem, isAdd ) { // default to mouse events var startEvent = 'mousedown'; - if ( window.PointerEvent ) { + if ( 'ontouchstart' in window ) { + // HACK prefer Touch Events as you can preventDefault on touchstart to + // disable scroll in iOS & mobile Chrome metafizzy/flickity#1177 + startEvent = 'touchstart'; + } else if ( window.PointerEvent ) { // Pointer Events startEvent = 'pointerdown'; - } else if ( 'ontouchstart' in window ) { - // Touch Events. iOS Safari - startEvent = 'touchstart'; } elem[ bindMethod ]( startEvent, this ); }; @@ -2389,7 +2399,7 @@ return Unipointer; })); /*! - * Unidragger v2.3.1 + * Unidragger v2.4.0 * Draggable base class * MIT license */ @@ -2725,21 +2735,12 @@ proto._touchActionValue = 'pan-y'; // -------------------------- -------------------------- // -var isTouch = 'createTouch' in document; -var isTouchmoveScrollCanceled = false; - proto._createDrag = function() { this.on( 'activate', this.onActivateDrag ); this.on( 'uiChange', this._uiChangeDrag ); this.on( 'deactivate', this.onDeactivateDrag ); this.on( 'cellChange', this.updateDraggable ); // TODO updateDraggable on resize? if groupCells & slides change - // HACK - add seemingly innocuous handler to fix iOS 10 scroll behavior - // #457, RubaXa/Sortable#973 - if ( isTouch && !isTouchmoveScrollCanceled ) { - window.addEventListener( 'touchmove', function() {} ); - isTouchmoveScrollCanceled = true; - } }; proto.onActivateDrag = function() { @@ -3959,7 +3960,7 @@ return Flickity; } ) ); /*! - * Flickity v2.2.2 + * Flickity v2.3.0 * Touch, responsive, flickable carousels * * Licensed GPLv3 for open source use diff --git a/dist/flickity.pkgd.min.js b/dist/flickity.pkgd.min.js index db7e391..78ce275 100644 --- a/dist/flickity.pkgd.min.js +++ b/dist/flickity.pkgd.min.js @@ -1,5 +1,5 @@ /*! - * Flickity PACKAGED v2.2.2 + * Flickity PACKAGED v2.3.0 * Touch, responsive, flickable carousels * * Licensed GPLv3 for open source use @@ -14,21 +14,21 @@ * measure size of elements * MIT license */ -(function(t,e){if(typeof define=="function"&&define.amd){define("get-size/get-size",e)}else if(typeof module=="object"&&module.exports){module.exports=e()}else{t.getSize=e()}})(window,function t(){"use strict";function m(t){var e=parseFloat(t);var i=t.indexOf("%")==-1&&!isNaN(e);return i&&e}function e(){}var i=typeof console=="undefined"?e:function(t){console.error(t)};var y=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];var b=y.length;function E(){var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0};for(var e=0;e