Mobirise 4 blocks

mobirise4-blocks/assets/as-pie-progress/css/progress.min.css

@@ -0,0 +1,9 @@
+/**
+* jQuery asPieProgress
+* A jQuery plugin that animate the progress bar
+* Compiled: Fri Sep 02 2016 14:07:00 GMT+0800 (CST)
+* @version v0.3.4
+* @link https://github.com/amazingSurge/jquery-asPieProgress
+* @copyright LGPL-3.0
+*/
+.pie_progress{position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.pie_progress svg{margin:0 auto}.pie_progress__content,.pie_progress__icon,.pie_progress__label,.pie_progress__number{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.pie_progress__number{font-size:42px}.pie_progress__label{margin-top:32px;font-size:12px}.pie_progress__svg{position:relative;display:inline-block;width:100%;padding-bottom:100%;overflow:hidden;vertical-align:middle}.pie_progress__svg svg{position:absolute;top:0;left:0;display:inline-block}

mobirise4-blocks/assets/bootstrap-carousel-swipe/bootstrap-carousel-swipe.js

@@ -0,0 +1,212 @@
+/* source: https://github.com/avinoamr/bootstrap-carousel-swipe */
+/* changes from Mobirise team */
++function ($) {
+    'use strict';
+
+    if ( !$.fn.carousel ) {
+        return
+    }
+
+    // CAROUSEL CLASS DEFINITION
+    // =========================
+
+    var CarouselSwipe = function(element) {
+        this.$element    = $(element)
+        this.carousel    = this.$element.data('bs.carousel')
+        this.options     = $.extend({}, CarouselSwipe.DEFAULTS, this.carousel.options)
+        this.startX      =
+        this.startY      =
+        this.startTime   =
+        this.cycling     =
+        this.$active     =
+        this.$items      =
+        this.$next       =
+        this.$prev       = 
+        this.dx          = null
+
+        this.$element
+            .on('touchstart', $.proxy(this.touchstart,this))
+            .on('touchmove', $.proxy(this.touchmove,this))
+            .on('touchend', $.proxy(this.touchend,this))
+    }
+
+    CarouselSwipe.DEFAULTS = {
+        swipe: 50 // percent per second
+    }
+
+    CarouselSwipe.prototype.touchstart = function(e) {
+        if (!this.options.swipe) return;
+        var touch = e.originalEvent.touches ? e.originalEvent.touches[0] : e
+        this.dx = 0
+        this.startX = touch.pageX
+        this.startY = touch.pageY
+        this.cycling = null
+        this.width = this.$element.width()
+        this.startTime = e.timeStamp
+    }
+
+    CarouselSwipe.prototype.touchmove = function(e) {
+        if (!this.options.swipe) return;
+        var touch = e.originalEvent.touches ? e.originalEvent.touches[0] : e
+        var dx = touch.pageX - this.startX
+        var dy = touch.pageY - this.startY
+        if (Math.abs(dx) < Math.abs(dy)) return; // vertical scroll
+
+        if ( this.cycling === null ) {
+            this.cycling = !!this.carousel.interval
+            this.cycling && this.carousel.pause()
+        }
+
+        e.preventDefault()
+        this.dx = dx / (this.width || 1) * 100
+        this.swipe(this.dx)
+    }
+
+    CarouselSwipe.prototype.touchend = function(e) {
+        if (!this.options.swipe) return;
+        if (!this.$active) return; // nothing moved
+        var all = $()
+            .add(this.$active).add(this.$prev).add(this.$next)
+            .carousel_transition(true)
+
+        var dt = (e.timeStamp - this.startTime) / 1000
+        var speed = Math.abs(this.dx / dt) // percent-per-second
+        if (this.dx > 40 || (this.dx > 0 && speed > this.options.swipe)) {
+            this.carousel.prev()
+        } else if (this.dx < -40 || (this.dx < 0 && speed > this.options.swipe)) {
+            this.carousel.next();
+        } else {
+            this.$active
+                .one($.support.transition.end, function () {
+                    all.removeClass('prev next')
+                })
+                .emulateTransitionEnd(this.$active.css('transition-duration').slice(0, -1) * 1000)
+        }
+
+        all.carousel_offset(false);
+        this.cycling && this.carousel.cycle()
+        this.$active = null // reset the active element
+    }
+
+    CarouselSwipe.prototype.swipe = function(percent) {
+        var $active = this.$active || this.getActive()
+        if (percent < 0) {
+            this.$prev
+                .carousel_offset(false)
+                .removeClass('prev')
+                .carousel_transition(true)
+            if (!this.$next.length || this.$next.hasClass('active')) return
+            this.$next
+                .carousel_transition(false)
+                .addClass('next')
+                .carousel_offset(percent + 100)
+        } else {
+            this.$next
+                .carousel_offset(false)
+                .removeClass('next')
+                .carousel_transition(true)
+            if (!this.$prev.length || this.$prev.hasClass('active')) return
+            this.$prev
+                .carousel_transition(false)
+                .addClass('prev')
+                .carousel_offset(percent - 100)
+        }
+
+        $active
+            .carousel_transition(false)
+            .carousel_offset(percent)
+    }
+
+    CarouselSwipe.prototype.getActive = function() {
+        this.$active = this.$element.find('.item.active')
+        this.$items = this.$active.parent().children()
+
+        this.$next = this.$active.next()
+        if (!this.$next.length && this.options.wrap) {
+            this.$next = this.$items.first();
+        }
+
+        this.$prev = this.$active.prev()
+        if (!this.$prev.length && this.options.wrap) {
+            this.$prev = this.$items.last();
+        }
+
+        return this.$active;
+    }
+
+    // CAROUSEL PLUGIN DEFINITION
+    // ==========================
+
+    var old = $.fn.carousel
+    $.fn.carousel = function() {
+        old.apply(this, arguments);
+        return this.each(function () {
+            var $this   = $(this)
+            var data    = $this.data('bs.carousel.swipe')
+            if (!data) $this.data('bs.carousel.swipe', new CarouselSwipe(this))
+        })
+    }
+
+    $.extend($.fn.carousel,old);
+
+    $.fn.carousel_transition = function(enable) {
+        enable = enable ? '' : 'none';
+        return this.each(function() {
+            $(this)
+                .css('-webkit-transition', enable)
+                .css('transition', enable)
+        })
+    };
+
+
+    var support3dtransform = (function() {
+        if (!window.getComputedStyle) {
+            return false;
+        }
+
+        var el = document.createElement('p'), 
+            has3d,
+            transforms = {
+                'webkitTransform':'-webkit-transform',
+                'OTransform':'-o-transform',
+                'msTransform':'-ms-transform',
+                'MozTransform':'-moz-transform',
+                'transform':'transform'
+            };
+
+        // Add it to the body to get the computed style.
+        document.body.insertBefore(el, null);
+
+        for (var t in transforms) {
+            if (el.style[t] !== undefined) {
+                el.style[t] = "translate3d(1px,1px,1px)";
+                has3d = window.getComputedStyle(el).getPropertyValue(transforms[t]);
+            }
+        }
+
+        document.body.removeChild(el);
+
+        return (has3d !== undefined && has3d.length > 0 && has3d !== "none");
+    }());
+
+    $.fn.carousel_offset = function(value) {
+        return this.each(function() {
+            if(value) {
+                if(support3dtransform) {
+                    $(this).css('transform', 'translate3d(' + value + '%, 0, 0)')
+                } else {
+                    $(this).css('left', value + '%')
+                }
+            } else {
+                $(this).css({
+                    transform: '',
+                    left: ''
+                })
+            }
+        })
+    };
+
+    // init carousels
+    $('.carousel').carousel();
+
+}(jQuery);