mui_app_rails 0.0.1 → 0.0.2

data/app/assets/javascripts/mui_app_rails/mui.layout.js

@@ -1,22 +0,0 @@
-/**
- * mui layout(offset[,position,width,height...])
- * @param {type} $
- * @param {type} window
- * @param {type} undefined
- * @returns {undefined}
- */
-(function($, window, undefined) {
-	$.offset = function(element) {
-		var box = {
-			top : 0,
-			left : 0
-		};
-		if ( typeof element.getBoundingClientRect !== undefined) {
-			box = element.getBoundingClientRect();
-		}
-		return {
-			top : box.top + window.pageYOffset - element.clientTop,
-			left : box.left + window.pageXOffset - element.clientLeft
-		};
-	};
-})(mui, window); 

data/app/assets/javascripts/mui_app_rails/mui.namespace.js

@@ -1,35 +0,0 @@
-/**
- * mui namespace(optimization)
- * @param {type} $
- * @returns {undefined}
- */
-(function($) {
-	$.namespace = 'mui';
-	$.classNamePrefix = $.namespace + '-';
-	$.classSelectorPrefix = '.' + $.classNamePrefix;
-	/**
-	 * 返回正确的className
-	 * @param {type} className
-	 * @returns {String}
-	 */
-	$.className = function(className) {
-		return $.classNamePrefix + className;
-	};
-	/**
-	 * 返回正确的classSelector
-	 * @param {type} classSelector
-	 * @returns {String}
-	 */
-	$.classSelector = function(classSelector) {
-		return classSelector.replace(/\./g, $.classSelectorPrefix);
-	};
-	/**
-         * 返回正确的eventName
-         * @param {type} event
-         * @param {type} module
-         * @returns {String}
-         */
-	$.eventName = function(event, module) {
-		return event + ($.namespace ? ('.' + $.namespace) : '') + ( module ? ('.' + module) : '');
-	};
-})(mui);

data/app/assets/javascripts/mui_app_rails/mui.number.js

@@ -1,93 +0,0 @@
-/**
- * 数字输入框
- * varstion 1.0.1
- * by Houfeng
- * Houfeng@DCloud.io
- */
-
-(function($) {
-
-	var touchSupport = ('ontouchstart' in document);
-	var tapEventName = touchSupport ? 'tap' : 'click';
-	var changeEventName = 'change';
-	var holderClassName = $.className('numbox');
-	var plusClassName = $.className('numbox-btn-plus');
-	var minusClassName = $.className('numbox-btn-minus');
-	var inputClassName = $.className('numbox-input');
-
-	var Numbox = $.Numbox = $.Class.extend({
-		init: function(holder, options) {
-			var self = this;
-			options = options || {};
-			options.step = parseInt(options.step || 1);
-			self.options = options;
-			self.holder = holder;
-			self.input = $.qsa('.' + inputClassName, self.holder)[0];
-			self.plus = $.qsa('.' + plusClassName, self.holder)[0];
-			self.minus = $.qsa('.' + minusClassName, self.holder)[0];
-			self.checkValue();
-			self.initEvent();
-		},
-		initEvent: function() {
-			var self = this;
-			self.plus.addEventListener(tapEventName, function(event) {
-				var val = parseInt(self.input.value) + self.options.step;
-				self.input.value = val.toString();
-				$.trigger(self.input, changeEventName, null);
-			});
-			self.minus.addEventListener(tapEventName, function(event) {
-				var val = parseInt(self.input.value) - self.options.step;
-				self.input.value = val.toString();
-				$.trigger(self.input, changeEventName, null);
-			});
-			self.input.addEventListener(changeEventName, function(event) {
-				self.checkValue();
-			});
-		},
-		checkValue: function() {
-			var self = this;
-			var val = self.input.value;
-			if (val == null || val == '' || isNaN(val)) {
-				self.input.value = self.options.min || 0;
-				self.minus.disabled = self.options.min != null;
-			} else {
-				var val = parseInt(val);
-				if (self.options.max != null && !isNaN(self.options.max) && val >= parseInt(self.options.max)) {
-					val = self.options.max;
-					self.plus.disabled = true;
-				} else {
-					self.plus.disabled = false;
-				}
-				if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {
-					val = self.options.min;
-					self.minus.disabled = true;
-				} else {
-					self.minus.disabled = false;
-				}
-				self.input.value = val;
-			}
-		}
-	});
-
-	$.fn.numbox = function(options) {
-		//遍历选择的元素
-		this.each(function(i, element) {
-			if (options) {
-				new Numbox(element, options);
-			} else {
-				var optionsText = element.getAttribute('data-numbox-options');
-				var options = optionsText ? JSON.parse(optionsText) : {};
-				options.step = element.getAttribute('data-numbox-step') || options.step;
-				options.min = element.getAttribute('data-numbox-min') || options.min;
-				options.max = element.getAttribute('data-numbox-max') || options.max;
-				new Numbox(element, options);
-			}
-		});
-		return this;
-	}
-
-	//自动处理 class='mui-locker' 的 dom
-	$.ready(function() {
-		$('.' + holderClassName).numbox();
-	});
-}(mui))

data/app/assets/javascripts/mui_app_rails/mui.offcanvas.js

@@ -1,497 +0,0 @@
-/**
- * off-canvas
- * @param {type} $
- * @param {type} window
- * @param {type} document
- * @param {type} action
- * @returns {undefined}
- */
-(function($, window, document, name) {
-	var CLASS_OFF_CANVAS_LEFT = $.className('off-canvas-left');
-	var CLASS_OFF_CANVAS_RIGHT = $.className('off-canvas-right');
-	var CLASS_ACTION_BACKDEOP = $.className('off-canvas-backdrop');
-	var CLASS_OFF_CANVAS_WRAP = $.className('off-canvas-wrap');
-
-	var CLASS_SLIDE_IN = $.className('slide-in');
-	var CLASS_ACTIVE = $.className('active');
-
-
-	var CLASS_TRANSITIONING = $.className('transitioning');
-
-	var SELECTOR_INNER_WRAP = $.classSelector('.inner-wrap');
-
-
-	var OffCanvas = $.Class.extend({
-		init: function(element, options) {
-			this.wrapper = this.element = element;
-			this.scroller = this.wrapper.querySelector(SELECTOR_INNER_WRAP);
-			this.classList = this.wrapper.classList;
-			if (this.scroller) {
-				this.options = $.extend(true, {
-					dragThresholdX: 10
-				}, options);
-				document.body.classList.add($.className('fullscreen')); //fullscreen
-				this.refresh();
-				this.initEvent();
-			}
-		},
-		refresh: function(offCanvas) {
-			//			offCanvas && !offCanvas.classList.contains(CLASS_ACTIVE) && this.classList.remove(CLASS_ACTIVE);
-			this.slideIn = this.classList.contains(CLASS_SLIDE_IN);
-			this.scroller = this.wrapper.querySelector(SELECTOR_INNER_WRAP);
-			//			!offCanvas && this.scroller.classList.remove(CLASS_TRANSITIONING);
-			//			!offCanvas && this.scroller.setAttribute('style', '');
-			this.offCanvasLefts = this.wrapper.querySelectorAll('.' + CLASS_OFF_CANVAS_LEFT);
-			this.offCanvasRights = this.wrapper.querySelectorAll('.' + CLASS_OFF_CANVAS_RIGHT);
-			if (offCanvas) {
-				if (offCanvas.classList.contains(CLASS_OFF_CANVAS_LEFT)) {
-					this.offCanvasLeft = offCanvas;
-				} else if (offCanvas.classList.contains(CLASS_OFF_CANVAS_RIGHT)) {
-					this.offCanvasRight = offCanvas;
-				}
-			} else {
-				this.offCanvasRight = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT);
-				this.offCanvasLeft = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT);
-			}
-			this.offCanvasRightWidth = this.offCanvasLeftWidth = 0;
-			this.offCanvasLeftSlideIn = this.offCanvasRightSlideIn = false;
-			if (this.offCanvasRight) {
-				this.offCanvasRightWidth = this.offCanvasRight.offsetWidth;
-				this.offCanvasRightSlideIn = this.slideIn && (this.offCanvasRight.parentNode === this.wrapper);
-				//				this.offCanvasRight.classList.remove(CLASS_TRANSITIONING);
-				//				this.offCanvasRight.classList.remove(CLASS_ACTIVE);
-				//				this.offCanvasRight.setAttribute('style', '');
-			}
-			if (this.offCanvasLeft) {
-				this.offCanvasLeftWidth = this.offCanvasLeft.offsetWidth;
-				this.offCanvasLeftSlideIn = this.slideIn && (this.offCanvasLeft.parentNode === this.wrapper);
-				//				this.offCanvasLeft.classList.remove(CLASS_TRANSITIONING);
-				//				this.offCanvasLeft.classList.remove(CLASS_ACTIVE);
-				//				this.offCanvasLeft.setAttribute('style', '');
-			}
-			this.backdrop = this.scroller.querySelector('.' + CLASS_ACTION_BACKDEOP);
-
-			this.options.dragThresholdX = this.options.dragThresholdX || 10;
-
-			this.visible = false;
-			this.startX = null;
-			this.lastX = null;
-			this.offsetX = null;
-			this.lastTranslateX = null;
-		},
-		handleEvent: function(e) {
-			switch (e.type) {
-				case 'touchstart':
-					var tagName = e.target && e.target.tagName;
-					if (tagName !== 'INPUT' && tagName !== 'TEXTAREA' && tagName !== 'SELECT') {
-						e.preventDefault();
-					}
-					break;
-				case 'webkitTransitionEnd': //有个bug需要处理，需要考虑假设没有触发webkitTransitionEnd的情况
-					if (e.target === this.scroller) {
-						this._dispatchEvent();
-					}
-					break;
-				case 'drag':
-					var detail = e.detail;
-					if (!this.startX) {
-						this.startX = detail.move.x;
-						this.lastX = this.startX;
-					} else {
-						this.lastX = detail.move.x;
-					}
-					if (!this.isDragging && Math.abs(this.lastX - this.startX) > this.options.dragThresholdX && (detail.direction === 'left' || (detail.direction === 'right'))) {
-						if (this.slideIn) {
-							if (this.classList.contains(CLASS_ACTIVE)) {
-								this.scroller = this.offCanvasRight && this.offCanvasRight.classList.contains(CLASS_ACTIVE) ? this.offCanvasRight : this.offCanvasLeft;
-							} else {
-								if (detail.direction === 'left' && this.offCanvasRight) {
-									this.scroller = this.offCanvasRight;
-								} else if (detail.direction === 'right' && this.offCanvasLeft) {
-									this.scroller = this.offCanvasLeft;
-								} else {
-									this.scroller = null;
-								}
-							}
-						}
-						if (this.scroller) {
-							this.startX = this.lastX;
-							this.isDragging = true;
-
-							$.gestures.touch.lockDirection = true; //锁定方向
-							$.gestures.touch.startDirection = detail.direction;
-
-							this.scroller.classList.remove(CLASS_TRANSITIONING);
-							this.offsetX = this.getTranslateX();
-							this._initOffCanvasVisible();
-						}
-					}
-					if (this.isDragging) {
-						this.updateTranslate(this.offsetX + (this.lastX - this.startX));
-						detail.gesture.preventDefault();
-						e.stopPropagation();
-					}
-					break;
-				case 'dragend':
-					if (this.isDragging) {
-						var detail = e.detail;
-						var direction = detail.direction;
-						this.isDragging = false;
-						this.scroller.classList.add(CLASS_TRANSITIONING);
-						var ratio = 0;
-						var x = this.getTranslateX();
-
-						if (!this.slideIn) {
-							if (x >= 0) {
-								ratio = (this.offCanvasLeftWidth && (x / this.offCanvasLeftWidth)) || 0;
-							} else {
-								ratio = (this.offCanvasRightWidth && (x / this.offCanvasRightWidth)) || 0;
-							}
-							if (ratio === 0) {
-								this.openPercentage(0);
-								this._dispatchEvent(); //此处不触发webkitTransitionEnd,所以手动dispatch
-								return;
-							}
-							if (ratio > 0 && ratio < 0.5 && direction === 'right') {
-								this.openPercentage(0);
-							} else if (ratio > 0.5 && direction === 'left') {
-								this.openPercentage(100);
-							} else if (ratio < 0 && ratio > -0.5 && direction === 'left') {
-								this.openPercentage(0);
-							} else if (direction === 'right' && ratio < 0 && ratio > -0.5) {
-								this.openPercentage(0);
-							} else if (ratio < 0.5 && direction === 'right') {
-								this.openPercentage(-100);
-							} else if (direction === 'right' && ratio >= 0 && (ratio >= 0.5 || detail.flick)) {
-								this.openPercentage(100);
-							} else if (direction === 'left' && ratio <= 0 && (ratio <= -0.5 || detail.flick)) {
-								this.openPercentage(-100);
-							} else {
-								this.openPercentage(0);
-							}
-							if (ratio === 1 || ratio === -1) { //此处不触发webkitTransitionEnd,所以手动dispatch
-								this._dispatchEvent();
-							}
-						} else {
-							if (x >= 0) {
-								ratio = (this.offCanvasRightWidth && (x / this.offCanvasRightWidth)) || 0;
-							} else {
-								ratio = (this.offCanvasLeftWidth && (x / this.offCanvasLeftWidth)) || 0;
-							}
-							if (ratio >= 0.5 && direction === 'left') {
-								this.openPercentage(0);
-							} else if (ratio > 0 && ratio <= 0.5 && direction === 'left') {
-								this.openPercentage(-100);
-							} else if (ratio >= 0.5 && direction === 'right') {
-								this.openPercentage(0);
-							} else if (ratio >= -0.5 && ratio < 0 && direction === 'left') {
-								this.openPercentage(100);
-							} else if (ratio > 0 && ratio <= 0.5 && direction === 'right') {
-								this.openPercentage(-100);
-							} else if (ratio <= -0.5 && direction === 'right') {
-								this.openPercentage(0);
-							} else if (ratio >= -0.5 && direction === 'right') {
-								this.openPercentage(100);
-							} else if (ratio <= -0.5 && direction === 'left') {
-								this.openPercentage(0);
-							} else if (ratio >= -0.5 && direction === 'left') {
-								this.openPercentage(-100);
-							} else {
-								this.openPercentage(0);
-							}
-							if (ratio === 1 || ratio === -1 || ratio === 0) {
-								this._dispatchEvent();
-								return;
-							}
-
-						}
-					}
-					break;
-			}
-		},
-		_dispatchEvent: function() {
-			if (this.classList.contains(CLASS_ACTIVE)) {
-				$.trigger(this.wrapper, 'shown', this);
-			} else {
-				$.trigger(this.wrapper, 'hidden', this);
-			}
-		},
-		_initOffCanvasVisible: function() {
-			if (!this.visible) {
-				this.visible = true;
-				if (this.offCanvasLeft) {
-					this.offCanvasLeft.style.visibility = 'visible';
-				}
-				if (this.offCanvasRight) {
-					this.offCanvasRight.style.visibility = 'visible';
-				}
-			}
-		},
-		initEvent: function() {
-			var self = this;
-			if (self.backdrop) {
-				self.backdrop.addEventListener('tap', function(e) {
-					self.close();
-					e.detail.gesture.preventDefault();
-				});
-			}
-			if (this.classList.contains($.className('draggable'))) {
-				this.wrapper.addEventListener('touchstart', this); //临时处理
-				this.wrapper.addEventListener('drag', this);
-				this.wrapper.addEventListener('dragend', this);
-			}
-			this.wrapper.addEventListener('webkitTransitionEnd', this);
-		},
-		openPercentage: function(percentage) {
-			var p = percentage / 100;
-			if (!this.slideIn) {
-				if (this.offCanvasLeft && percentage >= 0) {
-					this.updateTranslate(this.offCanvasLeftWidth * p);
-					this.offCanvasLeft.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
-				} else if (this.offCanvasRight && percentage <= 0) {
-					this.updateTranslate(this.offCanvasRightWidth * p);
-					this.offCanvasRight.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
-				}
-				this.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
-			} else {
-				if (this.offCanvasLeft && percentage >= 0) {
-					p = p === 0 ? -1 : 0;
-					this.updateTranslate(this.offCanvasLeftWidth * p);
-					this.offCanvasLeft.classList[percentage !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
-				} else if (this.offCanvasRight && percentage <= 0) {
-					p = p === 0 ? 1 : 0;
-					this.updateTranslate(this.offCanvasRightWidth * p);
-					this.offCanvasRight.classList[percentage !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
-				}
-				this.classList[percentage !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
-			}
-
-		},
-		updateTranslate: function(x) {
-			if (x !== this.lastTranslateX) {
-				if (!this.slideIn) {
-					if ((!this.offCanvasLeft && x > 0) || (!this.offCanvasRight && x < 0)) {
-						this.setTranslateX(0);
-						return;
-					}
-					if (this.leftShowing && x > this.offCanvasLeftWidth) {
-						this.setTranslateX(this.offCanvasLeftWidth);
-						return;
-					}
-					if (this.rightShowing && x < -this.offCanvasRightWidth) {
-						this.setTranslateX(-this.offCanvasRightWidth);
-						return;
-					}
-					this.setTranslateX(x);
-					if (x >= 0) {
-						this.leftShowing = true;
-						this.rightShowing = false;
-						if (x > 0) {
-							if (this.offCanvasLeft) {
-								$.each(this.offCanvasLefts, function(index, offCanvas) {
-									if (offCanvas === this.offCanvasLeft) {
-										this.offCanvasLeft.style.zIndex = 0;
-									} else {
-										offCanvas.style.zIndex = -1;
-									}
-								}.bind(this));
-							}
-							if (this.offCanvasRight) {
-								this.offCanvasRight.style.zIndex = -1;
-							}
-						}
-					} else {
-						this.rightShowing = true;
-						this.leftShowing = false;
-						if (this.offCanvasRight) {
-							$.each(this.offCanvasRights, function(index, offCanvas) {
-								if (offCanvas === this.offCanvasRight) {
-									offCanvas.style.zIndex = 0;
-								} else {
-									offCanvas.style.zIndex = -1;
-								}
-							}.bind(this));
-						}
-						if (this.offCanvasLeft) {
-							this.offCanvasLeft.style.zIndex = -1;
-						}
-					}
-				} else {
-					if (this.scroller.classList.contains(CLASS_OFF_CANVAS_RIGHT)) {
-						if (x < 0) {
-							this.setTranslateX(0);
-							return;
-						}
-						if (x > this.offCanvasRightWidth) {
-							this.setTranslateX(this.offCanvasRightWidth);
-							return;
-						}
-					} else {
-						if (x > 0) {
-							this.setTranslateX(0);
-							return;
-						}
-						if (x < -this.offCanvasLeftWidth) {
-							this.setTranslateX(-this.offCanvasLeftWidth);
-							return;
-						}
-					}
-					this.setTranslateX(x);
-				}
-				this.lastTranslateX = x;
-			}
-		},
-		setTranslateX: $.animationFrame(function(x) {
-			if (this.scroller) {
-				this.scroller.style.webkitTransform = 'translate3d(' + x + 'px,0,0)';
-			}
-		}),
-		getTranslateX: function() {
-			if (this.scroller) {
-				var result = $.parseTranslateMatrix($.getStyles(this.scroller, 'webkitTransform'));
-				return (result && result.x) || 0;
-			}
-			return 0;
-		},
-		isShown: function(direction) {
-			var shown = false;
-			if (!this.slideIn) {
-				var x = this.getTranslateX();
-				if (direction === 'right') {
-					shown = this.classList.contains(CLASS_ACTIVE) && x < 0;
-				} else if (direction === 'left') {
-					shown = this.classList.contains(CLASS_ACTIVE) && x > 0;
-				} else {
-					shown = this.classList.contains(CLASS_ACTIVE) && x !== 0;
-				}
-			} else {
-				if (direction === 'left') {
-					shown = this.classList.contains(CLASS_ACTIVE) && this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT + '.' + CLASS_ACTIVE);
-				} else if (direction === 'right') {
-					shown = this.classList.contains(CLASS_ACTIVE) && this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT + '.' + CLASS_ACTIVE);
-				} else {
-					shown = this.classList.contains(CLASS_ACTIVE) && (this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT + '.' + CLASS_ACTIVE) || this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT + '.' + CLASS_ACTIVE));
-				}
-			}
-			return shown;
-		},
-		close: function() {
-			this._initOffCanvasVisible();
-			if (this.slideIn) {
-				this.scroller = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT + '.' + CLASS_ACTIVE) || this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT + '.' + CLASS_ACTIVE);
-			}
-			if (this.scroller) {
-				this.scroller.classList.add(CLASS_TRANSITIONING);
-				this.openPercentage(0);
-			}
-		},
-		show: function(direction) {
-			this._initOffCanvasVisible();
-			if (this.isShown(direction)) {
-				return false;
-			}
-			if (!direction) {
-				direction = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT) ? 'right' : 'left';
-			}
-			if (this.slideIn) {
-				this.scroller = direction === 'right' ? this.offCanvasRight : this.offCanvasLeft;
-			}
-			if (this.scroller) {
-				this.scroller.classList.add(CLASS_TRANSITIONING);
-				this.openPercentage(direction === 'left' ? 100 : -100);
-			}
-			return true;
-		},
-		toggle: function(directionOrOffCanvas) {
-			var direction = directionOrOffCanvas;
-			if (directionOrOffCanvas && directionOrOffCanvas.classList) {
-				direction = directionOrOffCanvas.classList.contains(CLASS_OFF_CANVAS_LEFT) ? 'left' : 'right';
-				this.refresh(directionOrOffCanvas);
-			}
-			if (!this.show(direction)) {
-				this.close();
-			}
-		}
-	});
-
-	//hash to offcanvas
-	var findOffCanvasContainer = function(target) {
-		parentNode = target.parentNode;
-		if (parentNode) {
-			if (parentNode.classList.contains(CLASS_OFF_CANVAS_WRAP)) {
-				return parentNode;
-			} else {
-				parentNode = parentNode.parentNode;
-				if (parentNode.classList.contains(CLASS_OFF_CANVAS_WRAP)) {
-					return parentNode;
-				}
-			}
-		}
-	};
-	var handle = function(event, target) {
-		if (target.tagName === 'A' && target.hash) {
-			var offcanvas = document.getElementById(target.hash.replace('#', ''));
-			if (offcanvas) {
-				var container = findOffCanvasContainer(offcanvas);
-				if (container) {
-					$.targets._container = container;
-					return offcanvas;
-				}
-			}
-		}
-		return false;
-	};
-
-	$.registerTarget({
-		name: name,
-		index: 60,
-		handle: handle,
-		target: false,
-		isReset: false,
-		isContinue: true
-	});
-
-	window.addEventListener('tap', function(e) {
-		if (!$.targets.offcanvas) {
-			return;
-		}
-		//TODO 此处类型的代码后续考虑统一优化(target机制)，现在的实现费力不讨好
-		var target = e.target;
-		for (; target && target !== document; target = target.parentNode) {
-			if (target.tagName === 'A' && target.hash && target.hash === ('#' + $.targets.offcanvas.id)) {
-				e.detail.gesture.preventDefault(); //fixed hashchange
-				$($.targets._container).offCanvas().toggle($.targets.offcanvas);
-				$.targets.offcanvas = $.targets._container = null;
-				break;
-			}
-		}
-	});
-
-	$.fn.offCanvas = function(options) {
-		var offCanvasApis = [];
-		this.each(function() {
-			var offCanvasApi = null;
-			var self = this;
-			//hack old version
-			if (!self.classList.contains(CLASS_OFF_CANVAS_WRAP)) {
-				self = findOffCanvasContainer(self);
-			}
-			var id = self.getAttribute('data-offCanvas');
-			if (!id) {
-				id = ++$.uuid;
-				$.data[id] = offCanvasApi = new OffCanvas(self, options);
-				self.setAttribute('data-offCanvas', id);
-			} else {
-				offCanvasApi = $.data[id];
-			}
-			if (options === 'show' || options === 'close' || options === 'toggle') {
-				offCanvasApi.toggle();
-			}
-			offCanvasApis.push(offCanvasApi);
-		});
-		return offCanvasApis.length === 1 ? offCanvasApis[0] : offCanvasApis;
-	};
-	$.ready(function() {
-		$($.classSelector('.off-canvas-wrap')).offCanvas();
-	});
-})(mui, window, document, 'offcanvas');