\n
\n - " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
\n
\n ";
+ $el = $(dialogHtml);
+ } else {
+ $el = $(dialog.params.el);
+ }
+
+ if ($el && $el.length > 0 && $el[0].f7Modal) {
+ return $el[0].f7Modal;
+ }
+
+ if ($el.length === 0) {
+ return dialog.destroy();
+ }
+
+ var $backdropEl = app.root.children('.dialog-backdrop');
+ if ($backdropEl.length === 0) {
+ $backdropEl = $('');
+ app.root.append($backdropEl);
+ }
+
+ // Assign events
+ function buttonOnClick(e) {
+ var buttonEl = this;
+ var index = $(buttonEl).index();
+ var button = buttons[index];
+ if (button.onClick) { button.onClick(dialog, e); }
+ if (dialog.params.onClick) { dialog.params.onClick(dialog, index); }
+ if (button.close !== false) { dialog.close(); }
+ }
+ var addKeyboardHander;
+ function onKeyPress(e) {
+ var keyCode = e.keyCode;
+ buttons.forEach(function (button, index) {
+ if (button.keyCodes && button.keyCodes.indexOf(keyCode) >= 0) {
+ if (doc.activeElement) { doc.activeElement.blur(); }
+ if (button.onClick) { button.onClick(dialog, e); }
+ if (dialog.params.onClick) { dialog.params.onClick(dialog, index); }
+ if (button.close !== false) { dialog.close(); }
+ }
+ });
+ }
+ if (buttons && buttons.length > 0) {
+ dialog.on('open', function () {
+ $el.find('.dialog-button').each(function (index, buttonEl) {
+ var button = buttons[index];
+ if (button.keyCodes) { addKeyboardHander = true; }
+ $(buttonEl).on('click', buttonOnClick);
+ });
+ if (
+ addKeyboardHander
+ && !app.device.ios
+ && !app.device.android
+ && !app.device.cordova
+ ) {
+ $(doc).on('keydown', onKeyPress);
+ }
+ });
+ dialog.on('close', function () {
+ $el.find('.dialog-button').each(function (index, buttonEl) {
+ $(buttonEl).off('click', buttonOnClick);
+ });
+ if (
+ addKeyboardHander
+ && !app.device.ios
+ && !app.device.android
+ && !app.device.cordova
+ ) {
+ $(doc).off('keydown', onKeyPress);
+ }
+ addKeyboardHander = false;
+ });
+ }
+ Utils.extend(dialog, {
+ app: app,
+ $el: $el,
+ el: $el[0],
+ $backdropEl: $backdropEl,
+ backdropEl: $backdropEl[0],
+ type: 'dialog',
+ setProgress: function setProgress(progress, duration) {
+ app.progressbar.set($el.find('.progressbar'), progress, duration);
+ return dialog;
+ },
+ setText: function setText(newText) {
+ var $textEl = $el.find('.dialog-text');
+ if ($textEl.length === 0) {
+ $textEl = $('');
+ if (typeof title !== 'undefined') {
+ $textEl.insertAfter($el.find('.dialog-title'));
+ } else {
+ $el.find('.dialog-inner').prepend($textEl);
+ }
+ }
+ $textEl.html(newText);
+ dialog.params.text = newText;
+ return dialog;
+ },
+ setTitle: function setTitle(newTitle) {
+ var $titleEl = $el.find('.dialog-title');
+ if ($titleEl.length === 0) {
+ $titleEl = $('');
+ $el.find('.dialog-inner').prepend($titleEl);
+ }
+ $titleEl.html(newTitle);
+ dialog.params.title = newTitle;
+ return dialog;
+ },
+ });
+
+ function handleClick(e) {
+ var target = e.target;
+ var $target = $(target);
+ if ($target.closest(dialog.el).length === 0) {
+ if (
+ dialog.params.closeByBackdropClick
+ && dialog.backdropEl
+ && dialog.backdropEl === target
+ ) {
+ dialog.close();
+ }
+ }
+ }
+
+ dialog.on('opened', function () {
+ if (dialog.params.closeByBackdropClick) {
+ app.on('click', handleClick);
+ }
+ });
+ dialog.on('close', function () {
+ if (dialog.params.closeByBackdropClick) {
+ app.off('click', handleClick);
+ }
+ });
+
+ $el[0].f7Modal = dialog;
+
+ if (dialog.params.destroyOnClose) {
+ dialog.once('closed', function () {
+ setTimeout(function () {
+ dialog.destroy();
+ }, 0);
+ });
+ }
+
+ return dialog;
+ }
+
+ if ( Modal$$1 ) Dialog.__proto__ = Modal$$1;
+ Dialog.prototype = Object.create( Modal$$1 && Modal$$1.prototype );
+ Dialog.prototype.constructor = Dialog;
+
+ return Dialog;
+ }(Modal));
+
+ var Dialog$1 = {
+ name: 'dialog',
+ params: {
+ dialog: {
+ title: undefined,
+ buttonOk: 'OK',
+ buttonCancel: 'Cancel',
+ usernamePlaceholder: 'Username',
+ passwordPlaceholder: 'Password',
+ preloaderTitle: 'Loading... ',
+ progressTitle: 'Loading... ',
+ closeByBackdropClick: false,
+ destroyPredefinedDialogs: true,
+ keyboardActions: true,
+ },
+ },
+ static: {
+ Dialog: Dialog,
+ },
+ create: function create() {
+ var app = this;
+ function defaultDialogTitle() {
+ return app.params.dialog.title || app.name;
+ }
+ var destroyOnClose = app.params.dialog.destroyPredefinedDialogs;
+ var keyboardActions = app.params.dialog.keyboardActions;
+ app.dialog = Utils.extend(
+ ModalMethods({
+ app: app,
+ constructor: Dialog,
+ defaultSelector: '.dialog.modal-in',
+ }),
+ {
+ // Shortcuts
+ alert: function alert() {
+ var assign;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var text = args[0];
+ var title = args[1];
+ var callbackOk = args[2];
+ if (args.length === 2 && typeof args[1] === 'function') {
+ (assign = args, text = assign[0], callbackOk = assign[1], title = assign[2]);
+ }
+ return new Dialog(app, {
+ title: typeof title === 'undefined' ? defaultDialogTitle() : title,
+ text: text,
+ buttons: [{
+ text: app.params.dialog.buttonOk,
+ bold: true,
+ onClick: callbackOk,
+ keyCodes: keyboardActions ? [13, 27] : null,
+ }],
+ destroyOnClose: destroyOnClose,
+ }).open();
+ },
+ prompt: function prompt() {
+ var assign;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var text = args[0];
+ var title = args[1];
+ var callbackOk = args[2];
+ var callbackCancel = args[3];
+ var defaultValue = args[4];
+ if (typeof args[1] === 'function') {
+ (assign = args, text = assign[0], callbackOk = assign[1], callbackCancel = assign[2], defaultValue = assign[3], title = assign[4]);
+ }
+ defaultValue = typeof defaultValue === 'undefined' || defaultValue === null ? '' : defaultValue;
+ return new Dialog(app, {
+ title: typeof title === 'undefined' ? defaultDialogTitle() : title,
+ text: text,
+ content: (""),
+ buttons: [
+ {
+ text: app.params.dialog.buttonCancel,
+ keyCodes: keyboardActions ? [27] : null,
+ },
+ {
+ text: app.params.dialog.buttonOk,
+ bold: true,
+ keyCodes: keyboardActions ? [13] : null,
+ } ],
+ onClick: function onClick(dialog, index) {
+ var inputValue = dialog.$el.find('.dialog-input').val();
+ if (index === 0 && callbackCancel) { callbackCancel(inputValue); }
+ if (index === 1 && callbackOk) { callbackOk(inputValue); }
+ },
+ destroyOnClose: destroyOnClose,
+ }).open();
+ },
+ confirm: function confirm() {
+ var assign;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var text = args[0];
+ var title = args[1];
+ var callbackOk = args[2];
+ var callbackCancel = args[3];
+ if (typeof args[1] === 'function') {
+ (assign = args, text = assign[0], callbackOk = assign[1], callbackCancel = assign[2], title = assign[3]);
+ }
+ return new Dialog(app, {
+ title: typeof title === 'undefined' ? defaultDialogTitle() : title,
+ text: text,
+ buttons: [
+ {
+ text: app.params.dialog.buttonCancel,
+ onClick: callbackCancel,
+ keyCodes: keyboardActions ? [27] : null,
+ },
+ {
+ text: app.params.dialog.buttonOk,
+ bold: true,
+ onClick: callbackOk,
+ keyCodes: keyboardActions ? [13] : null,
+ } ],
+ destroyOnClose: destroyOnClose,
+ }).open();
+ },
+ login: function login() {
+ var assign;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var text = args[0];
+ var title = args[1];
+ var callbackOk = args[2];
+ var callbackCancel = args[3];
+ if (typeof args[1] === 'function') {
+ (assign = args, text = assign[0], callbackOk = assign[1], callbackCancel = assign[2], title = assign[3]);
+ }
+ return new Dialog(app, {
+ title: typeof title === 'undefined' ? defaultDialogTitle() : title,
+ text: text,
+ content: ("\n \n " + (title ? ("
\n " + buttonsHTML + "\n " + title + "
") : '') + "\n " + (text ? ("" + text + "
") : '') + "\n " + content + "\n \n \n
\n \n \n
"),
+ buttons: [
+ {
+ text: app.params.dialog.buttonCancel,
+ keyCodes: keyboardActions ? [27] : null,
+ },
+ {
+ text: app.params.dialog.buttonOk,
+ bold: true,
+ keyCodes: keyboardActions ? [13] : null,
+ } ],
+ onClick: function onClick(dialog, index) {
+ var username = dialog.$el.find('[name="dialog-username"]').val();
+ var password = dialog.$el.find('[name="dialog-password"]').val();
+ if (index === 0 && callbackCancel) { callbackCancel(username, password); }
+ if (index === 1 && callbackOk) { callbackOk(username, password); }
+ },
+ destroyOnClose: destroyOnClose,
+ }).open();
+ },
+ password: function password() {
+ var assign;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var text = args[0];
+ var title = args[1];
+ var callbackOk = args[2];
+ var callbackCancel = args[3];
+ if (typeof args[1] === 'function') {
+ (assign = args, text = assign[0], callbackOk = assign[1], callbackCancel = assign[2], title = assign[3]);
+ }
+ return new Dialog(app, {
+ title: typeof title === 'undefined' ? defaultDialogTitle() : title,
+ text: text,
+ content: ("\n \n \n
"),
+ buttons: [
+ {
+ text: app.params.dialog.buttonCancel,
+ keyCodes: keyboardActions ? [27] : null,
+ },
+ {
+ text: app.params.dialog.buttonOk,
+ bold: true,
+ keyCodes: keyboardActions ? [13] : null,
+ } ],
+ onClick: function onClick(dialog, index) {
+ var password = dialog.$el.find('[name="dialog-password"]').val();
+ if (index === 0 && callbackCancel) { callbackCancel(password); }
+ if (index === 1 && callbackOk) { callbackOk(password); }
+ },
+ destroyOnClose: destroyOnClose,
+ }).open();
+ },
+ preloader: function preloader(title, color) {
+ var preloaderInner = Utils[((app.theme) + "PreloaderContent")] || '';
+ return new Dialog(app, {
+ title: typeof title === 'undefined' || title === null ? app.params.dialog.preloaderTitle : title,
+ content: ("" + preloaderInner + "
"),
+ cssClass: 'dialog-preloader',
+ destroyOnClose: destroyOnClose,
+ }).open();
+ },
+ progress: function progress() {
+ var assign, assign$1, assign$2;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var title = args[0];
+ var progress = args[1];
+ var color = args[2];
+ if (args.length === 2) {
+ if (typeof args[0] === 'number') {
+ (assign = args, progress = assign[0], color = assign[1], title = assign[2]);
+ } else if (typeof args[0] === 'string' && typeof args[1] === 'string') {
+ (assign$1 = args, title = assign$1[0], color = assign$1[1], progress = assign$1[2]);
+ }
+ } else if (args.length === 1) {
+ if (typeof args[0] === 'number') {
+ (assign$2 = args, progress = assign$2[0], title = assign$2[1], color = assign$2[2]);
+ }
+ }
+ var infinite = typeof progress === 'undefined';
+ var dialog = new Dialog(app, {
+ title: typeof title === 'undefined' ? app.params.dialog.progressTitle : title,
+ cssClass: 'dialog-progress',
+ content: ("\n \n "),
+ destroyOnClose: destroyOnClose,
+ });
+ if (!infinite) { dialog.setProgress(progress); }
+ return dialog.open();
+ },
+ }
+ );
+ },
+ };
+
+ var Popup = /*@__PURE__*/(function (Modal$$1) {
+ function Popup(app, params) {
+ var extendedParams = Utils.extend(
+ { on: {} },
+ app.params.popup,
+ params
+ );
+
+ // Extends with open/close Modal methods;
+ Modal$$1.call(this, app, extendedParams);
+
+ var popup = this;
+
+ popup.params = extendedParams;
+
+ // Find Element
+ var $el;
+ if (!popup.params.el) {
+ $el = $(popup.params.content);
+ } else {
+ $el = $(popup.params.el);
+ }
+
+ if ($el && $el.length > 0 && $el[0].f7Modal) {
+ return $el[0].f7Modal;
+ }
+
+ if ($el.length === 0) {
+ return popup.destroy();
+ }
+
+ var $backdropEl;
+ if (popup.params.backdrop) {
+ $backdropEl = app.root.children('.popup-backdrop');
+ if ($backdropEl.length === 0) {
+ $backdropEl = $('');
+ app.root.append($backdropEl);
+ }
+ }
+
+ Utils.extend(popup, {
+ app: app,
+ $el: $el,
+ el: $el[0],
+ $backdropEl: $backdropEl,
+ backdropEl: $backdropEl && $backdropEl[0],
+ type: 'popup',
+ });
+
+ function handleClick(e) {
+ var target = e.target;
+ var $target = $(target);
+ if ($target.closest(popup.el).length === 0) {
+ if (
+ popup.params
+ && popup.params.closeByBackdropClick
+ && popup.params.backdrop
+ && popup.backdropEl
+ && popup.backdropEl === target
+ ) {
+ var needToClose = true;
+ popup.$el.nextAll('.popup.modal-in').each(function (index, popupEl) {
+ var popupInstance = popupEl.f7Modal;
+ if (!popupInstance) { return; }
+ if (
+ popupInstance.params.closeByBackdropClick
+ && popupInstance.params.backdrop
+ && popupInstance.backdropEl === popup.backdropEl
+ ) {
+ needToClose = false;
+ }
+ });
+ if (needToClose) {
+ popup.close();
+ }
+ }
+ }
+ }
+
+ popup.on('popupOpened', function () {
+ if (popup.params.closeByBackdropClick) {
+ app.on('click', handleClick);
+ }
+ });
+ popup.on('popupClose', function () {
+ if (popup.params.closeByBackdropClick) {
+ app.off('click', handleClick);
+ }
+ });
+
+ $el[0].f7Modal = popup;
+
+ return popup;
+ }
+
+ if ( Modal$$1 ) Popup.__proto__ = Modal$$1;
+ Popup.prototype = Object.create( Modal$$1 && Modal$$1.prototype );
+ Popup.prototype.constructor = Popup;
+
+ return Popup;
+ }(Modal));
+
+ var Popup$1 = {
+ name: 'popup',
+ params: {
+ popup: {
+ backdrop: true,
+ closeByBackdropClick: true,
+ },
+ },
+ static: {
+ Popup: Popup,
+ },
+ create: function create() {
+ var app = this;
+ app.popup = ModalMethods({
+ app: app,
+ constructor: Popup,
+ defaultSelector: '.popup.modal-in',
+ });
+ },
+ clicks: {
+ '.popup-open': function openPopup($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.popup.open(data.popup, data.animate);
+ },
+ '.popup-close': function closePopup($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.popup.close(data.popup, data.animate);
+ },
+ },
+ };
+
+ var LoginScreen = /*@__PURE__*/(function (Modal$$1) {
+ function LoginScreen(app, params) {
+ var extendedParams = Utils.extend({
+ on: {},
+ }, params);
+
+ // Extends with open/close Modal methods;
+ Modal$$1.call(this, app, extendedParams);
+
+ var loginScreen = this;
+
+ loginScreen.params = extendedParams;
+
+ // Find Element
+ var $el;
+ if (!loginScreen.params.el) {
+ $el = $(loginScreen.params.content);
+ } else {
+ $el = $(loginScreen.params.el);
+ }
+
+ if ($el && $el.length > 0 && $el[0].f7Modal) {
+ return $el[0].f7Modal;
+ }
+
+ if ($el.length === 0) {
+ return loginScreen.destroy();
+ }
+
+ Utils.extend(loginScreen, {
+ app: app,
+ $el: $el,
+ el: $el[0],
+ type: 'loginScreen',
+ });
+
+ $el[0].f7Modal = loginScreen;
+
+ return loginScreen;
+ }
+
+ if ( Modal$$1 ) LoginScreen.__proto__ = Modal$$1;
+ LoginScreen.prototype = Object.create( Modal$$1 && Modal$$1.prototype );
+ LoginScreen.prototype.constructor = LoginScreen;
+
+ return LoginScreen;
+ }(Modal));
+
+ var LoginScreen$1 = {
+ name: 'loginScreen',
+ static: {
+ LoginScreen: LoginScreen,
+ },
+ create: function create() {
+ var app = this;
+ app.loginScreen = ModalMethods({
+ app: app,
+ constructor: LoginScreen,
+ defaultSelector: '.login-screen.modal-in',
+ });
+ },
+ clicks: {
+ '.login-screen-open': function openLoginScreen($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.loginScreen.open(data.loginScreen, data.animate);
+ },
+ '.login-screen-close': function closeLoginScreen($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.loginScreen.close(data.loginScreen, data.animate);
+ },
+ },
+ };
+
+ var Popover = /*@__PURE__*/(function (Modal$$1) {
+ function Popover(app, params) {
+ var extendedParams = Utils.extend(
+ { on: {} },
+ app.params.popover,
+ params
+ );
+
+ // Extends with open/close Modal methods;
+ Modal$$1.call(this, app, extendedParams);
+
+ var popover = this;
+
+ popover.params = extendedParams;
+
+ // Find Element
+ var $el;
+ if (!popover.params.el) {
+ $el = $(popover.params.content);
+ } else {
+ $el = $(popover.params.el);
+ }
+
+ if ($el && $el.length > 0 && $el[0].f7Modal) {
+ return $el[0].f7Modal;
+ }
+
+ // Find Target
+ var $targetEl = $(popover.params.targetEl).eq(0);
+
+ if ($el.length === 0) {
+ return popover.destroy();
+ }
+
+ // Backdrop
+ var $backdropEl;
+ if (popover.params.backdrop) {
+ $backdropEl = app.root.children('.popover-backdrop');
+ if ($backdropEl.length === 0) {
+ $backdropEl = $('');
+ app.root.append($backdropEl);
+ }
+ }
+
+ // Find Angle
+ var $angleEl;
+ if ($el.find('.popover-angle').length === 0) {
+ $angleEl = $('');
+ $el.prepend($angleEl);
+ } else {
+ $angleEl = $el.find('.popover-angle');
+ }
+
+ // Open
+ var originalOpen = popover.open;
+
+ Utils.extend(popover, {
+ app: app,
+ $el: $el,
+ el: $el[0],
+ $targetEl: $targetEl,
+ targetEl: $targetEl[0],
+ $angleEl: $angleEl,
+ angleEl: $angleEl[0],
+ $backdropEl: $backdropEl,
+ backdropEl: $backdropEl && $backdropEl[0],
+ type: 'popover',
+ open: function open() {
+ var assign;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var targetEl = args[0];
+ var animate = args[1];
+ if (typeof args[0] === 'boolean') { (assign = args, animate = assign[0], targetEl = assign[1]); }
+ if (targetEl) {
+ popover.$targetEl = $(targetEl);
+ popover.targetEl = popover.$targetEl[0];
+ }
+ return originalOpen.call(popover, animate);
+ },
+ });
+
+ function handleResize() {
+ popover.resize();
+ }
+ popover.on('popoverOpen', function () {
+ popover.resize();
+ app.on('resize', handleResize);
+ popover.on('popoverClose popoverBeforeDestroy', function () {
+ app.off('resize', handleResize);
+ });
+ });
+
+ function handleClick(e) {
+ var target = e.target;
+ var $target = $(target);
+ if ($target.closest(popover.el).length === 0) {
+ if (
+ popover.params.closeByBackdropClick
+ && popover.params.backdrop
+ && popover.backdropEl
+ && popover.backdropEl === target
+ ) {
+ popover.close();
+ } else if (popover.params.closeByOutsideClick) {
+ popover.close();
+ }
+ }
+ }
+
+ popover.on('popoverOpened', function () {
+ if (popover.params.closeByOutsideClick || popover.params.closeByBackdropClick) {
+ app.on('click', handleClick);
+ }
+ });
+ popover.on('popoverClose', function () {
+ if (popover.params.closeByOutsideClick || popover.params.closeByBackdropClick) {
+ app.off('click', handleClick);
+ }
+ });
+
+ $el[0].f7Modal = popover;
+
+ return popover;
+ }
+
+ if ( Modal$$1 ) Popover.__proto__ = Modal$$1;
+ Popover.prototype = Object.create( Modal$$1 && Modal$$1.prototype );
+ Popover.prototype.constructor = Popover;
+
+ Popover.prototype.resize = function resize () {
+ var popover = this;
+ var app = popover.app;
+ var $el = popover.$el;
+ var $targetEl = popover.$targetEl;
+ var $angleEl = popover.$angleEl;
+ var ref = popover.params;
+ var targetX = ref.targetX;
+ var targetY = ref.targetY;
+ $el.css({ left: '', top: '' });
+ var ref$1 = [$el.width(), $el.height()];
+ var width = ref$1[0];
+ var height = ref$1[1];
+ var angleSize = 0;
+ var angleLeft;
+ var angleTop;
+ if (app.theme === 'ios') {
+ $angleEl.removeClass('on-left on-right on-top on-bottom').css({ left: '', top: '' });
+ angleSize = $angleEl.width() / 2;
+ } else {
+ $el.removeClass('popover-on-left popover-on-right popover-on-top popover-on-bottom').css({ left: '', top: '' });
+ }
+
+ var targetWidth;
+ var targetHeight;
+ var targetOffsetLeft;
+ var targetOffsetTop;
+ if ($targetEl && $targetEl.length > 0) {
+ targetWidth = $targetEl.outerWidth();
+ targetHeight = $targetEl.outerHeight();
+
+ var targetOffset = $targetEl.offset();
+ targetOffsetLeft = targetOffset.left - app.left;
+ targetOffsetTop = targetOffset.top - app.top;
+
+ var targetParentPage = $targetEl.parents('.page');
+ if (targetParentPage.length > 0) {
+ targetOffsetTop -= targetParentPage[0].scrollTop;
+ }
+ } else if (typeof targetX !== 'undefined' && targetY !== 'undefined') {
+ targetOffsetLeft = targetX;
+ targetOffsetTop = targetY;
+ targetWidth = popover.params.targetWidth || 0;
+ targetHeight = popover.params.targetHeight || 0;
+ }
+
+ var ref$2 = [0, 0, 0];
+ var left = ref$2[0];
+ var top = ref$2[1];
+ var diff = ref$2[2];
+ // Top Position
+ var position = app.theme === 'md' ? 'bottom' : 'top';
+ if (app.theme === 'md') {
+ if (height < app.height - targetOffsetTop - targetHeight) {
+ // On bottom
+ position = 'bottom';
+ top = targetOffsetTop;
+ } else if (height < targetOffsetTop) {
+ // On top
+ top = (targetOffsetTop - height) + targetHeight;
+ position = 'top';
+ } else {
+ // On middle
+ position = 'bottom';
+ top = targetOffsetTop;
+ }
+
+ if (top <= 0) {
+ top = 8;
+ } else if (top + height >= app.height) {
+ top = app.height - height - 8;
+ }
+
+ // Horizontal Position
+ left = (targetOffsetLeft + targetWidth) - width - 8;
+ if (left + width >= app.width - 8) {
+ left = (targetOffsetLeft + targetWidth) - width - 8;
+ }
+ if (left < 8) {
+ left = 8;
+ }
+ if (position === 'top') {
+ $el.addClass('popover-on-top');
+ }
+ if (position === 'bottom') {
+ $el.addClass('popover-on-bottom');
+ }
+ } else {
+ if ((height + angleSize) < targetOffsetTop) {
+ // On top
+ top = targetOffsetTop - height - angleSize;
+ } else if ((height + angleSize) < app.height - targetOffsetTop - targetHeight) {
+ // On bottom
+ position = 'bottom';
+ top = targetOffsetTop + targetHeight + angleSize;
+ } else {
+ // On middle
+ position = 'middle';
+ top = ((targetHeight / 2) + targetOffsetTop) - (height / 2);
+ diff = top;
+ if (top <= 0) {
+ top = 5;
+ } else if (top + height >= app.height) {
+ top = app.height - height - 5;
+ }
+ diff -= top;
+ }
+
+ // Horizontal Position
+ if (position === 'top' || position === 'bottom') {
+ left = ((targetWidth / 2) + targetOffsetLeft) - (width / 2);
+ diff = left;
+ if (left < 5) { left = 5; }
+ if (left + width > app.width) { left = app.width - width - 5; }
+ if (left < 0) { left = 0; }
+ if (position === 'top') {
+ $angleEl.addClass('on-bottom');
+ }
+ if (position === 'bottom') {
+ $angleEl.addClass('on-top');
+ }
+ diff -= left;
+ angleLeft = ((width / 2) - angleSize) + diff;
+ angleLeft = Math.max(Math.min(angleLeft, width - (angleSize * 2) - 13), 13);
+ $angleEl.css({ left: (angleLeft + "px") });
+ } else if (position === 'middle') {
+ left = targetOffsetLeft - width - angleSize;
+ $angleEl.addClass('on-right');
+ if (left < 5 || (left + width > app.width)) {
+ if (left < 5) { left = targetOffsetLeft + targetWidth + angleSize; }
+ if (left + width > app.width) { left = app.width - width - 5; }
+ $angleEl.removeClass('on-right').addClass('on-left');
+ }
+ angleTop = ((height / 2) - angleSize) + diff;
+ angleTop = Math.max(Math.min(angleTop, height - (angleSize * 2) - 13), 13);
+ $angleEl.css({ top: (angleTop + "px") });
+ }
+ }
+
+ // Apply Styles
+ $el.css({ top: (top + "px"), left: (left + "px") });
+ };
+
+ return Popover;
+ }(Modal));
+
+ var Popover$1 = {
+ name: 'popover',
+ params: {
+ popover: {
+ closeByBackdropClick: true,
+ closeByOutsideClick: true,
+ backdrop: true,
+ },
+ },
+ static: {
+ Popover: Popover,
+ },
+ create: function create() {
+ var app = this;
+ app.popover = Utils.extend(
+ ModalMethods({
+ app: app,
+ constructor: Popover,
+ defaultSelector: '.popover.modal-in',
+ }),
+ {
+ open: function open(popoverEl, targetEl, animate) {
+ var $popoverEl = $(popoverEl);
+ var popover = $popoverEl[0].f7Modal;
+ if (!popover) { popover = new Popover(app, { el: $popoverEl, targetEl: targetEl }); }
+ return popover.open(targetEl, animate);
+ },
+ }
+ );
+ },
+ clicks: {
+ '.popover-open': function openPopover($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.popover.open(data.popover, $clickedEl, data.animate);
+ },
+ '.popover-close': function closePopover($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.popover.close(data.popover, data.animate);
+ },
+ },
+ };
+
+ /* eslint indent: ["off"] */
+
+ var Actions = /*@__PURE__*/(function (Modal$$1) {
+ function Actions(app, params) {
+ var extendedParams = Utils.extend(
+ { on: {} },
+ app.params.actions,
+ params
+ );
+
+ // Extends with open/close Modal methods;
+ Modal$$1.call(this, app, extendedParams);
+
+ var actions = this;
+
+ actions.params = extendedParams;
+
+ // Buttons
+ var groups;
+ if (actions.params.buttons) {
+ groups = actions.params.buttons;
+ if (!Array.isArray(groups[0])) { groups = [groups]; }
+ }
+ actions.groups = groups;
+
+ // Find Element
+ var $el;
+ if (actions.params.el) {
+ $el = $(actions.params.el);
+ } else if (actions.params.content) {
+ $el = $(actions.params.content);
+ } else if (actions.params.buttons) {
+ if (actions.params.convertToPopover) {
+ actions.popoverHtml = actions.renderPopover();
+ }
+ actions.actionsHtml = actions.render();
+ }
+
+ if ($el && $el.length > 0 && $el[0].f7Modal) {
+ return $el[0].f7Modal;
+ }
+
+ if ($el && $el.length === 0 && !(actions.actionsHtml || actions.popoverHtml)) {
+ return actions.destroy();
+ }
+
+ // Backdrop
+ var $backdropEl;
+ if (actions.params.backdrop) {
+ $backdropEl = app.root.children('.actions-backdrop');
+ if ($backdropEl.length === 0) {
+ $backdropEl = $('');
+ app.root.append($backdropEl);
+ }
+ }
+
+ var originalOpen = actions.open;
+ var originalClose = actions.close;
+
+ var popover;
+ function buttonOnClick(e) {
+ var buttonEl = this;
+ var buttonIndex;
+ var groupIndex;
+ if ($(buttonEl).hasClass('list-button')) {
+ buttonIndex = $(buttonEl).parents('li').index();
+ groupIndex = $(buttonEl).parents('.list').index();
+ } else {
+ buttonIndex = $(buttonEl).index();
+ groupIndex = $(buttonEl).parents('.actions-group').index();
+ }
+ if (typeof groups !== 'undefined') {
+ var button = groups[groupIndex][buttonIndex];
+ if (button.onClick) { button.onClick(actions, e); }
+ if (actions.params.onClick) { actions.params.onClick(actions, e); }
+ if (button.close !== false) { actions.close(); }
+ }
+ }
+ actions.open = function open(animate) {
+ var convertToPopover = false;
+ var ref = actions.params;
+ var targetEl = ref.targetEl;
+ var targetX = ref.targetX;
+ var targetY = ref.targetY;
+ var targetWidth = ref.targetWidth;
+ var targetHeight = ref.targetHeight;
+ if (actions.params.convertToPopover && (targetEl || (targetX !== undefined && targetY !== undefined))) {
+ // Popover
+ if (
+ actions.params.forceToPopover
+ || (app.device.ios && app.device.ipad)
+ || app.width >= 768
+ ) {
+ convertToPopover = true;
+ }
+ }
+ if (convertToPopover && actions.popoverHtml) {
+ popover = app.popover.create({
+ content: actions.popoverHtml,
+ backdrop: actions.params.backdrop,
+ targetEl: targetEl,
+ targetX: targetX,
+ targetY: targetY,
+ targetWidth: targetWidth,
+ targetHeight: targetHeight,
+ });
+ popover.open(animate);
+ popover.once('popoverOpened', function () {
+ popover.$el.find('.list-button').each(function (groupIndex, buttonEl) {
+ $(buttonEl).on('click', buttonOnClick);
+ });
+ });
+ popover.once('popoverClosed', function () {
+ popover.$el.find('.list-button').each(function (groupIndex, buttonEl) {
+ $(buttonEl).off('click', buttonOnClick);
+ });
+ Utils.nextTick(function () {
+ popover.destroy();
+ popover = undefined;
+ });
+ });
+ } else {
+ actions.$el = actions.actionsHtml ? $(actions.actionsHtml) : actions.$el;
+ actions.$el[0].f7Modal = actions;
+ if (actions.groups) {
+ actions.$el.find('.actions-button').each(function (groupIndex, buttonEl) {
+ $(buttonEl).on('click', buttonOnClick);
+ });
+ actions.once('actionsClosed', function () {
+ actions.$el.find('.actions-button').each(function (groupIndex, buttonEl) {
+ $(buttonEl).off('click', buttonOnClick);
+ });
+ });
+ }
+ actions.el = actions.$el[0];
+ originalOpen.call(actions, animate);
+ }
+ return actions;
+ };
+
+ actions.close = function close(animate) {
+ if (popover) {
+ popover.close(animate);
+ } else {
+ originalClose.call(actions, animate);
+ }
+ return actions;
+ };
+
+ Utils.extend(actions, {
+ app: app,
+ $el: $el,
+ el: $el ? $el[0] : undefined,
+ $backdropEl: $backdropEl,
+ backdropEl: $backdropEl && $backdropEl[0],
+ type: 'actions',
+ });
+
+ function handleClick(e) {
+ var target = e.target;
+ var $target = $(target);
+ if ($target.closest(actions.el).length === 0) {
+ if (
+ actions.params.closeByBackdropClick
+ && actions.params.backdrop
+ && actions.backdropEl
+ && actions.backdropEl === target
+ ) {
+ actions.close();
+ } else if (actions.params.closeByOutsideClick) {
+ actions.close();
+ }
+ }
+ }
+
+ actions.on('opened', function () {
+ if (actions.params.closeByBackdropClick || actions.params.closeByOutsideClick) {
+ app.on('click', handleClick);
+ }
+ });
+ actions.on('close', function () {
+ if (actions.params.closeByBackdropClick || actions.params.closeByOutsideClick) {
+ app.off('click', handleClick);
+ }
+ });
+
+ if ($el) {
+ $el[0].f7Modal = actions;
+ }
+
+ return actions;
+ }
+
+ if ( Modal$$1 ) Actions.__proto__ = Modal$$1;
+ Actions.prototype = Object.create( Modal$$1 && Modal$$1.prototype );
+ Actions.prototype.constructor = Actions;
+
+ Actions.prototype.render = function render () {
+ var actions = this;
+ if (actions.params.render) { return actions.params.render.call(actions, actions); }
+ var groups = actions.groups;
+ return ("\n \n " + (groups.map(function (group) { return ("
\n ").trim();
+ };
+
+ Actions.prototype.renderPopover = function renderPopover () {
+ var actions = this;
+ if (actions.params.renderPopover) { return actions.params.renderPopover.call(actions, actions); }
+ var groups = actions.groups;
+ return ("\n \n " + (group.map(function (button) {
+ var buttonClasses = [("actions-" + (button.label ? 'label' : 'button'))];
+ var color = button.color;
+ var bg = button.bg;
+ var bold = button.bold;
+ var disabled = button.disabled;
+ var label = button.label;
+ var text = button.text;
+ var icon = button.icon;
+ if (color) { buttonClasses.push(("color-" + color)); }
+ if (bg) { buttonClasses.push(("bg-color-" + bg)); }
+ if (bold) { buttonClasses.push('actions-button-bold'); }
+ if (disabled) { buttonClasses.push('disabled'); }
+ if (label) {
+ return ("
"); }).join('')) + "\n " + text + "
");
+ }
+ return ("\n \n " + (icon ? ("") : '') + "\n \n
").trim();
+ }).join('')) + "\n \n
\n ").trim();
+ };
+
+ return Actions;
+ }(Modal));
+
+ var Actions$1 = {
+ name: 'actions',
+ params: {
+ actions: {
+ convertToPopover: true,
+ forceToPopover: false,
+ closeByBackdropClick: true,
+ render: null,
+ renderPopover: null,
+ backdrop: true,
+ },
+ },
+ static: {
+ Actions: Actions,
+ },
+ create: function create() {
+ var app = this;
+ app.actions = ModalMethods({
+ app: app,
+ constructor: Actions,
+ defaultSelector: '.actions-modal.modal-in',
+ });
+ },
+ clicks: {
+ '.actions-open': function openActions($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.actions.open(data.actions, data.animate);
+ },
+ '.actions-close': function closeActions($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.actions.close(data.actions, data.animate);
+ },
+ },
+ };
+
+ var Sheet = /*@__PURE__*/(function (Modal$$1) {
+ function Sheet(app, params) {
+ var extendedParams = Utils.extend(
+ { on: {} },
+ app.params.sheet,
+ params
+ );
+
+ // Extends with open/close Modal methods;
+ Modal$$1.call(this, app, extendedParams);
+
+ var sheet = this;
+
+ sheet.params = extendedParams;
+
+ // Find Element
+ var $el;
+ if (!sheet.params.el) {
+ $el = $(sheet.params.content);
+ } else {
+ $el = $(sheet.params.el);
+ }
+
+ if ($el && $el.length > 0 && $el[0].f7Modal) {
+ return $el[0].f7Modal;
+ }
+
+ if ($el.length === 0) {
+ return sheet.destroy();
+ }
+ var $backdropEl;
+ if (sheet.params.backdrop) {
+ $backdropEl = app.root.children('.sheet-backdrop');
+ if ($backdropEl.length === 0) {
+ $backdropEl = $('');
+ app.root.append($backdropEl);
+ }
+ }
+
+ var $pageContentEl;
+ function scrollToOpen() {
+ var $scrollEl = $(sheet.params.scrollToEl).eq(0);
+ if ($scrollEl.length === 0) { return; }
+ $pageContentEl = $scrollEl.parents('.page-content');
+ if ($pageContentEl.length === 0) { return; }
+
+ var paddingTop = parseInt($pageContentEl.css('padding-top'), 10);
+ var paddingBottom = parseInt($pageContentEl.css('padding-bottom'), 10);
+ var pageHeight = $pageContentEl[0].offsetHeight - paddingTop - $el.height();
+ var pageScrollHeight = $pageContentEl[0].scrollHeight - paddingTop - $el.height();
+ var pageScroll = $pageContentEl.scrollTop();
+
+ var newPaddingBottom;
+
+ var scrollElTop = ($scrollEl.offset().top - paddingTop) + $scrollEl[0].offsetHeight;
+ if (scrollElTop > pageHeight) {
+ var scrollTop = (pageScroll + scrollElTop) - pageHeight;
+ if (scrollTop + pageHeight > pageScrollHeight) {
+ newPaddingBottom = ((scrollTop + pageHeight) - pageScrollHeight) + paddingBottom;
+ if (pageHeight === pageScrollHeight) {
+ newPaddingBottom = $el.height();
+ }
+ $pageContentEl.css({
+ 'padding-bottom': (newPaddingBottom + "px"),
+ });
+ }
+ $pageContentEl.scrollTop(scrollTop, 300);
+ }
+ }
+
+ function scrollToClose() {
+ if ($pageContentEl && $pageContentEl.length > 0) {
+ $pageContentEl.css({
+ 'padding-bottom': '',
+ });
+ }
+ }
+ function handleClick(e) {
+ var target = e.target;
+ var $target = $(target);
+ if ($target.closest(sheet.el).length === 0) {
+ if (
+ sheet.params.closeByBackdropClick
+ && sheet.params.backdrop
+ && sheet.backdropEl
+ && sheet.backdropEl === target
+ ) {
+ sheet.close();
+ } else if (sheet.params.closeByOutsideClick) {
+ sheet.close();
+ }
+ }
+ }
+
+ sheet.on('sheetOpen', function () {
+ if (sheet.params.scrollToEl) {
+ scrollToOpen();
+ }
+ });
+ sheet.on('sheetOpened', function () {
+ if (sheet.params.closeByOutsideClick || sheet.params.closeByBackdropClick) {
+ app.on('click', handleClick);
+ }
+ });
+ sheet.on('sheetClose', function () {
+ if (sheet.params.scrollToEl) {
+ scrollToClose();
+ }
+ if (sheet.params.closeByOutsideClick || sheet.params.closeByBackdropClick) {
+ app.off('click', handleClick);
+ }
+ });
+
+ Utils.extend(sheet, {
+ app: app,
+ $el: $el,
+ el: $el[0],
+ $backdropEl: $backdropEl,
+ backdropEl: $backdropEl && $backdropEl[0],
+ type: 'sheet',
+ });
+
+ $el[0].f7Modal = sheet;
+
+ return sheet;
+ }
+
+ if ( Modal$$1 ) Sheet.__proto__ = Modal$$1;
+ Sheet.prototype = Object.create( Modal$$1 && Modal$$1.prototype );
+ Sheet.prototype.constructor = Sheet;
+
+ return Sheet;
+ }(Modal));
+
+ var Sheet$1 = {
+ name: 'sheet',
+ params: {
+ sheet: {
+ closeByBackdropClick: true,
+ closeByOutsideClick: false,
+ },
+ },
+ static: {
+ Sheet: Sheet,
+ },
+ create: function create() {
+ var app = this;
+ if (!app.passedParams.sheet || app.passedParams.sheet.backdrop === undefined) {
+ app.params.sheet.backdrop = app.theme === 'md';
+ }
+ app.sheet = Utils.extend(
+ {},
+ ModalMethods({
+ app: app,
+ constructor: Sheet,
+ defaultSelector: '.sheet-modal.modal-in',
+ })
+ );
+ },
+ clicks: {
+ '.sheet-open': function openSheet($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ if ($('.sheet-modal.modal-in').length > 0 && data.sheet && $(data.sheet)[0] !== $('.sheet-modal.modal-in')[0]) {
+ app.sheet.close('.sheet-modal.modal-in');
+ }
+ app.sheet.open(data.sheet, data.animate);
+ },
+ '.sheet-close': function closeSheet($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.sheet.close(data.sheet, data.animate);
+ },
+ },
+ };
+
+ var Toast = /*@__PURE__*/(function (Modal$$1) {
+ function Toast(app, params) {
+ var extendedParams = Utils.extend({
+ on: {},
+ }, app.params.toast, params);
+
+ // Extends with open/close Modal methods;
+ Modal$$1.call(this, app, extendedParams);
+
+ var toast = this;
+
+ toast.app = app;
+
+ toast.params = extendedParams;
+
+ var ref = toast.params;
+ var closeButton = ref.closeButton;
+ var closeTimeout = ref.closeTimeout;
+
+ var $el;
+ if (!toast.params.el) {
+ // Find Element
+ var toastHtml = toast.render();
+
+ $el = $(toastHtml);
+ } else {
+ $el = $(toast.params.el);
+ }
+
+ if ($el && $el.length > 0 && $el[0].f7Modal) {
+ return $el[0].f7Modal;
+ }
+
+ if ($el.length === 0) {
+ return toast.destroy();
+ }
+
+ Utils.extend(toast, {
+ $el: $el,
+ el: $el[0],
+ type: 'toast',
+ });
+
+ $el[0].f7Modal = toast;
+
+ if (closeButton) {
+ $el.find('.toast-button').on('click', function () {
+ toast.emit('local::closeButtonClick toastCloseButtonClick', toast);
+ toast.close();
+ });
+
+ toast.on('beforeDestroy', function () {
+ $el.find('.toast-button').off('click');
+ });
+ }
+
+ var timeoutId;
+ toast.on('open', function () {
+ $('.toast.modal-in').each(function (index, openedEl) {
+ var toastInstance = app.toast.get(openedEl);
+ if (openedEl !== toast.el && toastInstance) {
+ toastInstance.close();
+ }
+ });
+ if (closeTimeout) {
+ timeoutId = Utils.nextTick(function () {
+ toast.close();
+ }, closeTimeout);
+ }
+ });
+ toast.on('close', function () {
+ win.clearTimeout(timeoutId);
+ });
+
+ if (toast.params.destroyOnClose) {
+ toast.once('closed', function () {
+ setTimeout(function () {
+ toast.destroy();
+ }, 0);
+ });
+ }
+
+ return toast;
+ }
+
+ if ( Modal$$1 ) Toast.__proto__ = Modal$$1;
+ Toast.prototype = Object.create( Modal$$1 && Modal$$1.prototype );
+ Toast.prototype.constructor = Toast;
+
+ Toast.prototype.render = function render () {
+ var toast = this;
+ if (toast.params.render) { return toast.params.render.call(toast, toast); }
+ var ref = toast.params;
+ var position = ref.position;
+ var cssClass = ref.cssClass;
+ var icon = ref.icon;
+ var text = ref.text;
+ var closeButton = ref.closeButton;
+ var closeButtonColor = ref.closeButtonColor;
+ var closeButtonText = ref.closeButtonText;
+ return ("\n \n " + (groups.map(function (group) { return ("\n
\n \n
\n "); }).join('')) + "\n - \n " + (group.map(function (button) {
+ var itemClasses = [];
+ var color = button.color;
+ var bg = button.bg;
+ var bold = button.bold;
+ var disabled = button.disabled;
+ var label = button.label;
+ var text = button.text;
+ var icon = button.icon;
+ if (color) { itemClasses.push(("color-" + color)); }
+ if (bg) { itemClasses.push(("bg-color-" + bg)); }
+ if (bold) { itemClasses.push('popover-from-actions-bold'); }
+ if (disabled) { itemClasses.push('disabled'); }
+ if (label) {
+ itemClasses.push('popover-from-actions-label');
+ return ("
- " + text + " "); + } + if (icon) { + itemClasses.push('item-link item-content'); + return ("\n
- \n \n \n " + icon + "\n\n\n\n \n\n " + text + "\n\n \n ");
+ }
+ itemClasses.push('list-button');
+ return ("\n
- \n " + text + "\n \n "); + }).join('')) + "\n
\n
\n ").trim();
+ };
+
+ return Toast;
+ }(Modal));
+
+ var Toast$1 = {
+ name: 'toast',
+ static: {
+ Toast: Toast,
+ },
+ create: function create() {
+ var app = this;
+ app.toast = Utils.extend(
+ {},
+ ModalMethods({
+ app: app,
+ constructor: Toast,
+ defaultSelector: '.toast.modal-in',
+ }),
+ {
+ // Shortcuts
+ show: function show(params) {
+ Utils.extend(params, {
+ destroyOnClose: true,
+ });
+ return new Toast(app, params).open();
+ },
+ }
+ );
+ },
+ params: {
+ toast: {
+ icon: null,
+ text: null,
+ position: 'bottom',
+ closeButton: false,
+ closeButtonColor: null,
+ closeButtonText: 'Ok',
+ closeTimeout: null,
+ cssClass: null,
+ render: null,
+ },
+ },
+ };
+
+ var Preloader = {
+ init: function init(el) {
+ var app = this;
+ var $el = $(el);
+ if ($el.length === 0 || $el.children('.preloader-inner').length > 0 || $el.children('.preloader-inner-line').length > 0) { return; }
+ $el.append(Utils[((app.theme) + "PreloaderContent")]);
+ },
+ // Modal
+ visible: false,
+ show: function show(color) {
+ if ( color === void 0 ) color = 'white';
+
+ var app = this;
+ if (Preloader.visible) { return; }
+ var preloaderInner = Utils[((app.theme) + "PreloaderContent")] || '';
+ $('html').addClass('with-modal-preloader');
+ app.root.append(("\n \n \n " + (icon ? ("") : '') + "\n
\n " + text + "
\n " + (closeButton && !icon ? ("\n " + closeButtonText + "\n ").trim() : '') + "\n \n
\n "));
+ Preloader.visible = true;
+ },
+ hide: function hide() {
+ var app = this;
+ if (!Preloader.visible) { return; }
+ $('html').removeClass('with-modal-preloader');
+ app.root.find('.preloader-backdrop, .preloader-modal').remove();
+ Preloader.visible = false;
+ },
+ };
+ var Preloader$1 = {
+ name: 'preloader',
+ create: function create() {
+ var app = this;
+ Utils.extend(app, {
+ preloader: {
+ init: Preloader.init.bind(app),
+ show: Preloader.show.bind(app),
+ hide: Preloader.hide.bind(app),
+ },
+ });
+ },
+ on: {
+ photoBrowserOpen: function photoBrowserOpen(pb) {
+ var app = this;
+ pb.$el.find('.preloader').each(function (index, preloaderEl) {
+ app.preloader.init(preloaderEl);
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.preloader').each(function (index, preloaderEl) {
+ app.preloader.init(preloaderEl);
+ });
+ },
+ },
+ vnode: {
+ preloader: {
+ insert: function insert(vnode) {
+ var app = this;
+ var preloaderEl = vnode.elm;
+ app.preloader.init(preloaderEl);
+ },
+ },
+ },
+ };
+
+ var Progressbar = {
+ set: function set() {
+ var assign;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var app = this;
+ var el = args[0];
+ var progress = args[1];
+ var duration = args[2];
+ if (typeof args[0] === 'number') {
+ (assign = args, progress = assign[0], duration = assign[1]);
+ el = app.root;
+ }
+ if (typeof progress === 'undefined' || progress === null) { return el; }
+ if (!progress) { progress = 0; }
+
+ var $el = $(el || app.root);
+ if ($el.length === 0) {
+ return el;
+ }
+ var progressNormalized = Math.min(Math.max(progress, 0), 100);
+ var $progressbarEl;
+ if ($el.hasClass('progressbar')) { $progressbarEl = $el.eq(0); }
+ else {
+ $progressbarEl = $el.children('.progressbar');
+ }
+ if ($progressbarEl.length === 0 || $progressbarEl.hasClass('progressbar-infinite')) {
+ return $progressbarEl;
+ }
+ var $progressbarLine = $progressbarEl.children('span');
+ if ($progressbarLine.length === 0) {
+ $progressbarLine = $('');
+ $progressbarEl.append($progressbarLine);
+ }
+ $progressbarLine
+ .transition(typeof duration !== 'undefined' ? duration : '')
+ .transform(("translate3d(" + ((-100 + progressNormalized)) + "%,0,0)"));
+
+ return $progressbarEl[0];
+ },
+ show: function show() {
+ var assign, assign$1;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var app = this;
+
+ // '.page', 50, 'multi'
+ var el = args[0];
+ var progress = args[1];
+ var color = args[2];
+ var type = 'determined';
+
+ if (args.length === 2) {
+ if ((typeof args[0] === 'string' || typeof args[0] === 'object') && typeof args[1] === 'string') {
+ // '.page', 'multi'
+ (assign = args, el = assign[0], color = assign[1], progress = assign[2]);
+ type = 'infinite';
+ } else if (typeof args[0] === 'number' && typeof args[1] === 'string') {
+ // 50, 'multi'
+ (assign$1 = args, progress = assign$1[0], color = assign$1[1]);
+ el = app.root;
+ }
+ } else if (args.length === 1) {
+ if (typeof args[0] === 'number') {
+ el = app.root;
+ progress = args[0];
+ } else if (typeof args[0] === 'string') {
+ type = 'infinite';
+ el = app.root;
+ color = args[0];
+ }
+ } else if (args.length === 0) {
+ type = 'infinite';
+ el = app.root;
+ }
+
+ var $el = $(el);
+ if ($el.length === 0) { return undefined; }
+
+ var $progressbarEl;
+ if ($el.hasClass('progressbar') || $el.hasClass('progressbar-infinite')) {
+ $progressbarEl = $el;
+ } else {
+ $progressbarEl = $el.children('.progressbar:not(.progressbar-out), .progressbar-infinite:not(.progressbar-out)');
+ if ($progressbarEl.length === 0) {
+ $progressbarEl = $(("\n "));
+ $el.append($progressbarEl);
+ }
+ }
+
+ if (typeof progress !== 'undefined') {
+ app.progressbar.set($progressbarEl, progress);
+ }
+
+ return $progressbarEl[0];
+ },
+ hide: function hide(el, removeAfterHide) {
+ if ( removeAfterHide === void 0 ) removeAfterHide = true;
+
+ var app = this;
+ var $el = $(el || app.root);
+ if ($el.length === 0) { return undefined; }
+ var $progressbarEl;
+ if ($el.hasClass('progressbar') || $el.hasClass('progressbar-infinite')) {
+ $progressbarEl = $el;
+ } else {
+ $progressbarEl = $el.children('.progressbar, .progressbar-infinite');
+ }
+ if ($progressbarEl.length === 0 || !$progressbarEl.hasClass('progressbar-in') || $progressbarEl.hasClass('progressbar-out')) {
+ return $progressbarEl;
+ }
+ $progressbarEl
+ .removeClass('progressbar-in')
+ .addClass('progressbar-out')
+ .animationEnd(function () {
+ if (removeAfterHide) {
+ $progressbarEl.remove();
+ }
+ });
+ return $progressbarEl;
+ },
+ };
+
+ var Progressbar$1 = {
+ name: 'progressbar',
+ create: function create() {
+ var app = this;
+ Utils.extend(app, {
+ progressbar: {
+ set: Progressbar.set.bind(app),
+ show: Progressbar.show.bind(app),
+ hide: Progressbar.hide.bind(app),
+ },
+ });
+ },
+ on: {
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.progressbar').each(function (index, progressbarEl) {
+ var $progressbarEl = $(progressbarEl);
+ app.progressbar.set($progressbarEl, $progressbarEl.attr('data-progress'));
+ });
+ },
+ },
+ };
+
+ var Sortable = {
+ init: function init() {
+ var app = this;
+ var isTouched;
+ var isMoved;
+ var touchStartY;
+ var touchesDiff;
+ var $sortingEl;
+ var $sortingItems;
+ var $sortableContainer;
+ var sortingElHeight;
+ var minTop;
+ var maxTop;
+ var $insertAfterEl;
+ var $insertBeforeEl;
+ var indexFrom;
+ var $pageEl;
+ var $pageContentEl;
+ var pageHeight;
+ var pageOffset;
+ var sortingElOffsetLocal;
+ var sortingElOffsetTop;
+ var initialScrollTop;
+
+ function handleTouchStart(e) {
+ isMoved = false;
+ isTouched = true;
+ touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+ $sortingEl = $(this).parent('li');
+ indexFrom = $sortingEl.index();
+ $sortableContainer = $sortingEl.parents('.sortable');
+ var $listGroup = $sortingEl.parents('.list-group');
+ if ($listGroup.length && $listGroup.parents($sortableContainer).length) {
+ $sortableContainer = $listGroup;
+ }
+ $sortingItems = $sortableContainer.children('ul').children('li');
+ if (app.panel) { app.panel.allowOpen = false; }
+ if (app.swipeout) { app.swipeout.allow = false; }
+ }
+ function handleTouchMove(e) {
+ if (!isTouched || !$sortingEl) { return; }
+ var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+ if (!isMoved) {
+ $pageEl = $sortingEl.parents('.page');
+ $pageContentEl = $sortingEl.parents('.page-content');
+ var paddingTop = parseInt($pageContentEl.css('padding-top'), 10);
+ var paddingBottom = parseInt($pageContentEl.css('padding-bottom'), 10);
+ initialScrollTop = $pageContentEl[0].scrollTop;
+ pageOffset = $pageEl.offset().top + paddingTop;
+ pageHeight = $pageEl.height() - paddingTop - paddingBottom;
+ $sortingEl.addClass('sorting');
+ $sortableContainer.addClass('sortable-sorting');
+ sortingElOffsetLocal = $sortingEl[0].offsetTop;
+ minTop = $sortingEl[0].offsetTop;
+ maxTop = $sortingEl.parent().height() - sortingElOffsetLocal - $sortingEl.height();
+ sortingElHeight = $sortingEl[0].offsetHeight;
+ sortingElOffsetTop = $sortingEl.offset().top;
+ }
+ isMoved = true;
+
+ e.preventDefault();
+ e.f7PreventSwipePanel = true;
+
+ touchesDiff = pageY - touchStartY;
+
+ var translateScrollOffset = $pageContentEl[0].scrollTop - initialScrollTop;
+ var translate = Math.min(Math.max(touchesDiff + translateScrollOffset, -minTop), maxTop);
+ $sortingEl.transform(("translate3d(0," + translate + "px,0)"));
+
+ var scrollAddition = 44;
+ var allowScroll = true;
+ if ((touchesDiff + translateScrollOffset) + scrollAddition < -minTop) {
+ allowScroll = false;
+ }
+ if ((touchesDiff + translateScrollOffset) - scrollAddition > maxTop) {
+ allowScroll = false;
+ }
+
+ $insertBeforeEl = undefined;
+ $insertAfterEl = undefined;
+
+ var scrollDiff;
+ if (allowScroll) {
+ if (sortingElOffsetTop + touchesDiff + sortingElHeight + scrollAddition > pageOffset + pageHeight) {
+ // To Bottom
+ scrollDiff = (sortingElOffsetTop + touchesDiff + sortingElHeight + scrollAddition) - (pageOffset + pageHeight);
+ }
+ if (sortingElOffsetTop + touchesDiff < pageOffset + scrollAddition) {
+ // To Top
+ scrollDiff = (sortingElOffsetTop + touchesDiff) - pageOffset - scrollAddition;
+ }
+ if (scrollDiff) {
+ $pageContentEl[0].scrollTop += scrollDiff;
+ }
+ }
+
+ $sortingItems.each(function (index, el) {
+ var $currentEl = $(el);
+ if ($currentEl[0] === $sortingEl[0]) { return; }
+ var currentElOffset = $currentEl[0].offsetTop;
+ var currentElHeight = $currentEl.height();
+ var sortingElOffset = sortingElOffsetLocal + translate;
+
+ if ((sortingElOffset >= currentElOffset - (currentElHeight / 2)) && $sortingEl.index() < $currentEl.index()) {
+ $currentEl.transform(("translate3d(0, " + (-sortingElHeight) + "px,0)"));
+ $insertAfterEl = $currentEl;
+ $insertBeforeEl = undefined;
+ } else if ((sortingElOffset <= currentElOffset + (currentElHeight / 2)) && $sortingEl.index() > $currentEl.index()) {
+ $currentEl.transform(("translate3d(0, " + sortingElHeight + "px,0)"));
+ $insertAfterEl = undefined;
+ if (!$insertBeforeEl) { $insertBeforeEl = $currentEl; }
+ } else {
+ $currentEl.transform('translate3d(0, 0%,0)');
+ }
+ });
+ }
+ function handleTouchEnd() {
+ if (!isTouched || !isMoved) {
+ isTouched = false;
+ isMoved = false;
+ if (isTouched && !isMoved) {
+ if (app.panel) { app.panel.allowOpen = true; }
+ if (app.swipeout) { app.swipeout.allow = true; }
+ }
+ return;
+ }
+ if (app.panel) { app.panel.allowOpen = true; }
+ if (app.swipeout) { app.swipeout.allow = true; }
+
+ $sortingItems.transform('');
+ $sortingEl.removeClass('sorting');
+ $sortableContainer.removeClass('sortable-sorting');
+
+ var indexTo;
+ if ($insertAfterEl) { indexTo = $insertAfterEl.index(); }
+ else if ($insertBeforeEl) { indexTo = $insertBeforeEl.index(); }
+
+ if (app.params.sortable.moveElements) {
+ if ($insertAfterEl) {
+ $sortingEl.insertAfter($insertAfterEl);
+ }
+ if ($insertBeforeEl) {
+ $sortingEl.insertBefore($insertBeforeEl);
+ }
+ }
+
+ if (($insertAfterEl || $insertBeforeEl)
+ && $sortableContainer.hasClass('virtual-list')
+ ) {
+ indexFrom = $sortingEl[0].f7VirtualListIndex;
+ if (typeof indexFrom === 'undefined') { indexFrom = $sortingEl.attr('data-virtual-list-index'); }
+ if ($insertBeforeEl) {
+ indexTo = $insertBeforeEl[0].f7VirtualListIndex;
+ if (typeof indexTo === 'undefined') { indexTo = $insertBeforeEl.attr('data-virtual-list-index'); }
+ } else {
+ indexTo = $insertAfterEl[0].f7VirtualListIndex;
+ if (typeof indexTo === 'undefined') { indexTo = $insertAfterEl.attr('data-virtual-list-index'); }
+ }
+ if (indexTo !== null) { indexTo = parseInt(indexTo, 10); }
+ else { indexTo = undefined; }
+
+ var virtualList = $sortableContainer[0].f7VirtualList;
+ if (virtualList) { virtualList.moveItem(indexFrom, indexTo); }
+ }
+ if (typeof indexTo !== 'undefined' && !Number.isNaN(indexTo) && indexTo !== indexFrom) {
+ $sortingEl.trigger('sortable:sort', { from: indexFrom, to: indexTo });
+ app.emit('sortableSort', $sortingEl[0], { from: indexFrom, to: indexTo });
+ }
+
+ $insertBeforeEl = undefined;
+ $insertAfterEl = undefined;
+ isTouched = false;
+ isMoved = false;
+ }
+
+ var activeListener = app.support.passiveListener ? { passive: false, capture: false } : false;
+
+ $(doc).on(app.touchEvents.start, '.list.sortable .sortable-handler', handleTouchStart, activeListener);
+ app.on('touchmove:active', handleTouchMove);
+ app.on('touchend:passive', handleTouchEnd);
+ },
+ enable: function enable(el) {
+ if ( el === void 0 ) el = '.list.sortable';
+
+ var app = this;
+ var $el = $(el);
+ if ($el.length === 0) { return; }
+ $el.addClass('sortable-enabled');
+ $el.trigger('sortable:enable');
+ app.emit('sortableEnable', $el[0]);
+ },
+ disable: function disable(el) {
+ if ( el === void 0 ) el = '.list.sortable';
+
+ var app = this;
+ var $el = $(el);
+ if ($el.length === 0) { return; }
+ $el.removeClass('sortable-enabled');
+ $el.trigger('sortable:disable');
+ app.emit('sortableDisable', $el[0]);
+ },
+ toggle: function toggle(el) {
+ if ( el === void 0 ) el = '.list.sortable';
+
+ var app = this;
+ var $el = $(el);
+ if ($el.length === 0) { return; }
+ if ($el.hasClass('sortable-enabled')) {
+ app.sortable.disable($el);
+ } else {
+ app.sortable.enable($el);
+ }
+ },
+ };
+ var Sortable$1 = {
+ name: 'sortable',
+ params: {
+ sortable: {
+ moveElements: true,
+ },
+ },
+ create: function create() {
+ var app = this;
+ Utils.extend(app, {
+ sortable: {
+ init: Sortable.init.bind(app),
+ enable: Sortable.enable.bind(app),
+ disable: Sortable.disable.bind(app),
+ toggle: Sortable.toggle.bind(app),
+ },
+ });
+ },
+ on: {
+ init: function init() {
+ var app = this;
+ if (!app.params.sortable) { return; }
+ app.sortable.init();
+ },
+ },
+ clicks: {
+ '.sortable-enable': function enable($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.sortable.enable(data.sortable);
+ },
+ '.sortable-disable': function disable($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.sortable.disable(data.sortable);
+ },
+ '.sortable-toggle': function toggle($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.sortable.toggle(data.sortable);
+ },
+ },
+ };
+
+ var Swipeout = {
+ init: function init() {
+ var app = this;
+ var touchesStart = {};
+ var isTouched;
+ var isMoved;
+ var isScrolling;
+ var touchStartTime;
+ var touchesDiff;
+ var $swipeoutEl;
+ var $swipeoutContent;
+ var $actionsRight;
+ var $actionsLeft;
+ var actionsLeftWidth;
+ var actionsRightWidth;
+ var translate;
+ var opened;
+ var openedActionsSide;
+ var $leftButtons;
+ var $rightButtons;
+ var direction;
+ var $overswipeLeftButton;
+ var $overswipeRightButton;
+ var overswipeLeft;
+ var overswipeRight;
+
+ function handleTouchStart(e) {
+ if (!Swipeout.allow) { return; }
+ isMoved = false;
+ isTouched = true;
+ isScrolling = undefined;
+ touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
+ touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+ touchStartTime = (new Date()).getTime();
+ $swipeoutEl = $(this);
+ }
+ function handleTouchMove(e) {
+ if (!isTouched) { return; }
+ var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
+ var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+ if (typeof isScrolling === 'undefined') {
+ isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));
+ }
+ if (isScrolling) {
+ isTouched = false;
+ return;
+ }
+
+ if (!isMoved) {
+ if ($('.list.sortable-opened').length > 0) { return; }
+ $swipeoutContent = $swipeoutEl.find('.swipeout-content');
+ $actionsRight = $swipeoutEl.find('.swipeout-actions-right');
+ $actionsLeft = $swipeoutEl.find('.swipeout-actions-left');
+ actionsLeftWidth = null;
+ actionsRightWidth = null;
+ $leftButtons = null;
+ $rightButtons = null;
+ $overswipeRightButton = null;
+ $overswipeLeftButton = null;
+ if ($actionsLeft.length > 0) {
+ actionsLeftWidth = $actionsLeft.outerWidth();
+ $leftButtons = $actionsLeft.children('a');
+ $overswipeLeftButton = $actionsLeft.find('.swipeout-overswipe');
+ }
+ if ($actionsRight.length > 0) {
+ actionsRightWidth = $actionsRight.outerWidth();
+ $rightButtons = $actionsRight.children('a');
+ $overswipeRightButton = $actionsRight.find('.swipeout-overswipe');
+ }
+ opened = $swipeoutEl.hasClass('swipeout-opened');
+ if (opened) {
+ openedActionsSide = $swipeoutEl.find('.swipeout-actions-left.swipeout-actions-opened').length > 0 ? 'left' : 'right';
+ }
+ $swipeoutEl.removeClass('swipeout-transitioning');
+ if (!app.params.swipeout.noFollow) {
+ $swipeoutEl.find('.swipeout-actions-opened').removeClass('swipeout-actions-opened');
+ $swipeoutEl.removeClass('swipeout-opened');
+ }
+ }
+ isMoved = true;
+ e.preventDefault();
+
+ touchesDiff = pageX - touchesStart.x;
+ translate = touchesDiff;
+
+ if (opened) {
+ if (openedActionsSide === 'right') { translate -= actionsRightWidth; }
+ else { translate += actionsLeftWidth; }
+ }
+
+ if (
+ (translate > 0 && $actionsLeft.length === 0)
+ || (translate < 0 && $actionsRight.length === 0)
+ ) {
+ if (!opened) {
+ isTouched = false;
+ isMoved = false;
+ $swipeoutContent.transform('');
+ if ($rightButtons && $rightButtons.length > 0) {
+ $rightButtons.transform('');
+ }
+ if ($leftButtons && $leftButtons.length > 0) {
+ $leftButtons.transform('');
+ }
+ return;
+ }
+ translate = 0;
+ }
+
+ if (translate < 0) { direction = 'to-left'; }
+ else if (translate > 0) { direction = 'to-right'; }
+ else if (!direction) { direction = 'to-left'; }
+
+ var buttonOffset;
+ var progress;
+
+ e.f7PreventSwipePanel = true;
+ if (app.params.swipeout.noFollow) {
+ if (opened) {
+ if (openedActionsSide === 'right' && touchesDiff > 0) {
+ app.swipeout.close($swipeoutEl);
+ }
+ if (openedActionsSide === 'left' && touchesDiff < 0) {
+ app.swipeout.close($swipeoutEl);
+ }
+ } else {
+ if (touchesDiff < 0 && $actionsRight.length > 0) {
+ app.swipeout.open($swipeoutEl, 'right');
+ }
+ if (touchesDiff > 0 && $actionsLeft.length > 0) {
+ app.swipeout.open($swipeoutEl, 'left');
+ }
+ }
+ isTouched = false;
+ isMoved = false;
+ return;
+ }
+ overswipeLeft = false;
+ overswipeRight = false;
+ if ($actionsRight.length > 0) {
+ // Show right actions
+ var buttonTranslate = translate;
+ progress = buttonTranslate / actionsRightWidth;
+ if (buttonTranslate < -actionsRightWidth) {
+ buttonTranslate = -actionsRightWidth - (Math.pow( (-buttonTranslate - actionsRightWidth), 0.8 ));
+ translate = buttonTranslate;
+ if ($overswipeRightButton.length > 0) {
+ overswipeRight = true;
+ }
+ }
+ if (direction !== 'to-left') {
+ progress = 0;
+ buttonTranslate = 0;
+ }
+ $rightButtons.each(function (index, buttonEl) {
+ var $buttonEl = $(buttonEl);
+ if (typeof buttonEl.f7SwipeoutButtonOffset === 'undefined') {
+ $buttonEl[0].f7SwipeoutButtonOffset = buttonEl.offsetLeft;
+ }
+ buttonOffset = buttonEl.f7SwipeoutButtonOffset;
+ if ($overswipeRightButton.length > 0 && $buttonEl.hasClass('swipeout-overswipe') && direction === 'to-left') {
+ $buttonEl.css({ left: ((overswipeRight ? -buttonOffset : 0) + "px") });
+ if (overswipeRight) {
+ if (!$buttonEl.hasClass('swipeout-overswipe-active')) {
+ $swipeoutEl.trigger('swipeout:overswipeenter');
+ app.emit('swipeoutOverswipeEnter', $swipeoutEl[0]);
+ }
+ $buttonEl.addClass('swipeout-overswipe-active');
+ } else {
+ if ($buttonEl.hasClass('swipeout-overswipe-active')) {
+ $swipeoutEl.trigger('swipeout:overswipeexit');
+ app.emit('swipeoutOverswipeExit', $swipeoutEl[0]);
+ }
+ $buttonEl.removeClass('swipeout-overswipe-active');
+ }
+ }
+ $buttonEl.transform(("translate3d(" + (buttonTranslate - (buttonOffset * (1 + Math.max(progress, -1)))) + "px,0,0)"));
+ });
+ }
+ if ($actionsLeft.length > 0) {
+ // Show left actions
+ var buttonTranslate$1 = translate;
+ progress = buttonTranslate$1 / actionsLeftWidth;
+ if (buttonTranslate$1 > actionsLeftWidth) {
+ buttonTranslate$1 = actionsLeftWidth + (Math.pow( (buttonTranslate$1 - actionsLeftWidth), 0.8 ));
+ translate = buttonTranslate$1;
+ if ($overswipeLeftButton.length > 0) {
+ overswipeLeft = true;
+ }
+ }
+ if (direction !== 'to-right') {
+ buttonTranslate$1 = 0;
+ progress = 0;
+ }
+ $leftButtons.each(function (index, buttonEl) {
+ var $buttonEl = $(buttonEl);
+ if (typeof buttonEl.f7SwipeoutButtonOffset === 'undefined') {
+ $buttonEl[0].f7SwipeoutButtonOffset = actionsLeftWidth - buttonEl.offsetLeft - buttonEl.offsetWidth;
+ }
+ buttonOffset = buttonEl.f7SwipeoutButtonOffset;
+ if ($overswipeLeftButton.length > 0 && $buttonEl.hasClass('swipeout-overswipe') && direction === 'to-right') {
+ $buttonEl.css({ left: ((overswipeLeft ? buttonOffset : 0) + "px") });
+ if (overswipeLeft) {
+ if (!$buttonEl.hasClass('swipeout-overswipe-active')) {
+ $swipeoutEl.trigger('swipeout:overswipeenter');
+ app.emit('swipeoutOverswipeEnter', $swipeoutEl[0]);
+ }
+ $buttonEl.addClass('swipeout-overswipe-active');
+ } else {
+ if ($buttonEl.hasClass('swipeout-overswipe-active')) {
+ $swipeoutEl.trigger('swipeout:overswipeexit');
+ app.emit('swipeoutOverswipeExit', $swipeoutEl[0]);
+ }
+ $buttonEl.removeClass('swipeout-overswipe-active');
+ }
+ }
+ if ($leftButtons.length > 1) {
+ $buttonEl.css('z-index', $leftButtons.length - index);
+ }
+ $buttonEl.transform(("translate3d(" + (buttonTranslate$1 + (buttonOffset * (1 - Math.min(progress, 1)))) + "px,0,0)"));
+ });
+ }
+ $swipeoutEl.trigger('swipeout', progress);
+ app.emit('swipeout', $swipeoutEl[0], progress);
+ $swipeoutContent.transform(("translate3d(" + translate + "px,0,0)"));
+ }
+ function handleTouchEnd() {
+ if (!isTouched || !isMoved) {
+ isTouched = false;
+ isMoved = false;
+ return;
+ }
+
+ isTouched = false;
+ isMoved = false;
+ var timeDiff = (new Date()).getTime() - touchStartTime;
+ var $actions = direction === 'to-left' ? $actionsRight : $actionsLeft;
+ var actionsWidth = direction === 'to-left' ? actionsRightWidth : actionsLeftWidth;
+ var action;
+ var $buttons;
+ var i;
+
+ if (
+ (
+ timeDiff < 300
+ && (
+ (touchesDiff < -10 && direction === 'to-left')
+ || (touchesDiff > 10 && direction === 'to-right')
+ )
+ )
+ || (
+ timeDiff >= 300
+ && (Math.abs(translate) > actionsWidth / 2)
+ )
+ ) {
+ action = 'open';
+ } else {
+ action = 'close';
+ }
+ if (timeDiff < 300) {
+ if (Math.abs(translate) === 0) { action = 'close'; }
+ if (Math.abs(translate) === actionsWidth) { action = 'open'; }
+ }
+
+ if (action === 'open') {
+ Swipeout.el = $swipeoutEl[0];
+ $swipeoutEl.trigger('swipeout:open');
+ app.emit('swipeoutOpen', $swipeoutEl[0]);
+ $swipeoutEl.addClass('swipeout-opened swipeout-transitioning');
+ var newTranslate = direction === 'to-left' ? -actionsWidth : actionsWidth;
+ $swipeoutContent.transform(("translate3d(" + newTranslate + "px,0,0)"));
+ $actions.addClass('swipeout-actions-opened');
+ $buttons = direction === 'to-left' ? $rightButtons : $leftButtons;
+ if ($buttons) {
+ for (i = 0; i < $buttons.length; i += 1) {
+ $($buttons[i]).transform(("translate3d(" + newTranslate + "px,0,0)"));
+ }
+ }
+ if (overswipeRight) {
+ $actionsRight.find('.swipeout-overswipe')[0].click();
+ }
+ if (overswipeLeft) {
+ $actionsLeft.find('.swipeout-overswipe')[0].click();
+ }
+ } else {
+ $swipeoutEl.trigger('swipeout:close');
+ app.emit('swipeoutClose', $swipeoutEl[0]);
+ Swipeout.el = undefined;
+ $swipeoutEl.addClass('swipeout-transitioning').removeClass('swipeout-opened');
+ $swipeoutContent.transform('');
+ $actions.removeClass('swipeout-actions-opened');
+ }
+
+ var buttonOffset;
+ if ($leftButtons && $leftButtons.length > 0 && $leftButtons !== $buttons) {
+ $leftButtons.each(function (index, buttonEl) {
+ var $buttonEl = $(buttonEl);
+ buttonOffset = buttonEl.f7SwipeoutButtonOffset;
+ if (typeof buttonOffset === 'undefined') {
+ $buttonEl[0].f7SwipeoutButtonOffset = actionsLeftWidth - buttonEl.offsetLeft - buttonEl.offsetWidth;
+ }
+ $buttonEl.transform(("translate3d(" + buttonOffset + "px,0,0)"));
+ });
+ }
+ if ($rightButtons && $rightButtons.length > 0 && $rightButtons !== $buttons) {
+ $rightButtons.each(function (index, buttonEl) {
+ var $buttonEl = $(buttonEl);
+ buttonOffset = buttonEl.f7SwipeoutButtonOffset;
+ if (typeof buttonOffset === 'undefined') {
+ $buttonEl[0].f7SwipeoutButtonOffset = buttonEl.offsetLeft;
+ }
+ $buttonEl.transform(("translate3d(" + (-buttonOffset) + "px,0,0)"));
+ });
+ }
+ $swipeoutContent.transitionEnd(function () {
+ if ((opened && action === 'open') || (!opened && action === 'close')) { return; }
+ $swipeoutEl.trigger(action === 'open' ? 'swipeout:opened' : 'swipeout:closed');
+ app.emit(action === 'open' ? 'swipeoutOpened' : 'swipeoutClosed', $swipeoutEl[0]);
+ $swipeoutEl.removeClass('swipeout-transitioning');
+ if (opened && action === 'close') {
+ if ($actionsRight.length > 0) {
+ $rightButtons.transform('');
+ }
+ if ($actionsLeft.length > 0) {
+ $leftButtons.transform('');
+ }
+ }
+ });
+ }
+
+ var passiveListener = app.support.passiveListener ? { passive: true } : false;
+
+ app.on('touchstart', function (e) {
+ if (Swipeout.el) {
+ var $targetEl = $(e.target);
+ if (!(
+ $(Swipeout.el).is($targetEl[0])
+ || $targetEl.parents('.swipeout').is(Swipeout.el)
+ || $targetEl.hasClass('modal-in')
+ || ($targetEl.attr('class') || '').indexOf('-backdrop') > 0
+ || $targetEl.hasClass('actions-modal')
+ || $targetEl.parents('.actions-modal.modal-in, .dialog.modal-in').length > 0
+ )) {
+ app.swipeout.close(Swipeout.el);
+ }
+ }
+ });
+ $(doc).on(app.touchEvents.start, 'li.swipeout', handleTouchStart, passiveListener);
+ app.on('touchmove:active', handleTouchMove);
+ app.on('touchend:passive', handleTouchEnd);
+ },
+ allow: true,
+ el: undefined,
+ open: function open() {
+ var assign;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var app = this;
+ var el = args[0];
+ var side = args[1];
+ var callback = args[2];
+ if (typeof args[1] === 'function') {
+ (assign = args, el = assign[0], callback = assign[1], side = assign[2]);
+ }
+ var $el = $(el).eq(0);
+
+ if ($el.length === 0) { return; }
+ if (!$el.hasClass('swipeout') || $el.hasClass('swipeout-opened')) { return; }
+ if (!side) {
+ if ($el.find('.swipeout-actions-right').length > 0) { side = 'right'; }
+ else { side = 'left'; }
+ }
+ var $swipeoutActions = $el.find((".swipeout-actions-" + side));
+ var $swipeoutContent = $el.find('.swipeout-content');
+ if ($swipeoutActions.length === 0) { return; }
+ $el.trigger('swipeout:open').addClass('swipeout-opened').removeClass('swipeout-transitioning');
+ app.emit('swipeoutOpen', $el[0]);
+ $swipeoutActions.addClass('swipeout-actions-opened');
+ var $buttons = $swipeoutActions.children('a');
+ var swipeoutActionsWidth = $swipeoutActions.outerWidth();
+ var translate = side === 'right' ? -swipeoutActionsWidth : swipeoutActionsWidth;
+ if ($buttons.length > 1) {
+ $buttons.each(function (buttonIndex, buttonEl) {
+ var $buttonEl = $(buttonEl);
+ if (side === 'right') {
+ $buttonEl.transform(("translate3d(" + (-buttonEl.offsetLeft) + "px,0,0)"));
+ } else {
+ $buttonEl.css('z-index', $buttons.length - buttonIndex).transform(("translate3d(" + (swipeoutActionsWidth - buttonEl.offsetWidth - buttonEl.offsetLeft) + "px,0,0)"));
+ }
+ });
+ }
+ $el.addClass('swipeout-transitioning');
+ $swipeoutContent.transitionEnd(function () {
+ $el.trigger('swipeout:opened');
+ app.emit('swipeoutOpened', $el[0]);
+ if (callback) { callback.call($el[0]); }
+ });
+ Utils.nextFrame(function () {
+ $buttons.transform(("translate3d(" + translate + "px,0,0)"));
+ $swipeoutContent.transform(("translate3d(" + translate + "px,0,0)"));
+ });
+ Swipeout.el = $el[0];
+ },
+ close: function close(el, callback) {
+ var app = this;
+ var $el = $(el).eq(0);
+ if ($el.length === 0) { return; }
+ if (!$el.hasClass('swipeout-opened')) { return; }
+ var side = $el.find('.swipeout-actions-opened').hasClass('swipeout-actions-right') ? 'right' : 'left';
+ var $swipeoutActions = $el.find('.swipeout-actions-opened').removeClass('swipeout-actions-opened');
+ var $buttons = $swipeoutActions.children('a');
+ var swipeoutActionsWidth = $swipeoutActions.outerWidth();
+ Swipeout.allow = false;
+ $el.trigger('swipeout:close');
+ app.emit('swipeoutClose', $el[0]);
+ $el.removeClass('swipeout-opened').addClass('swipeout-transitioning');
+
+ var closeTimeout;
+ function onSwipeoutClose() {
+ Swipeout.allow = true;
+ if ($el.hasClass('swipeout-opened')) { return; }
+ $el.removeClass('swipeout-transitioning');
+ $buttons.transform('');
+ $el.trigger('swipeout:closed');
+ app.emit('swipeoutClosed', $el[0]);
+ if (callback) { callback.call($el[0]); }
+ if (closeTimeout) { clearTimeout(closeTimeout); }
+ }
+ $el.find('.swipeout-content').transform('').transitionEnd(onSwipeoutClose);
+ closeTimeout = setTimeout(onSwipeoutClose, 500);
+
+ $buttons.each(function (index, buttonEl) {
+ var $buttonEl = $(buttonEl);
+ if (side === 'right') {
+ $buttonEl.transform(("translate3d(" + (-buttonEl.offsetLeft) + "px,0,0)"));
+ } else {
+ $buttonEl.transform(("translate3d(" + (swipeoutActionsWidth - buttonEl.offsetWidth - buttonEl.offsetLeft) + "px,0,0)"));
+ }
+ $buttonEl.css({ left: '0px' }).removeClass('swipeout-overswipe-active');
+ });
+ if (Swipeout.el && Swipeout.el === $el[0]) { Swipeout.el = undefined; }
+ },
+ delete: function delete$1(el, callback) {
+ var app = this;
+ var $el = $(el).eq(0);
+ if ($el.length === 0) { return; }
+ Swipeout.el = undefined;
+ $el.trigger('swipeout:delete');
+ app.emit('swipeoutDelete', $el[0]);
+ $el.css({ height: (($el.outerHeight()) + "px") });
+ $el.transitionEnd(function () {
+ $el.trigger('swipeout:deleted');
+ app.emit('swipeoutDeleted', $el[0]);
+ if (callback) { callback.call($el[0]); }
+ if ($el.parents('.virtual-list').length > 0) {
+ var virtualList = $el.parents('.virtual-list')[0].f7VirtualList;
+ var virtualIndex = $el[0].f7VirtualListIndex;
+ if (virtualList && typeof virtualIndex !== 'undefined') { virtualList.deleteItem(virtualIndex); }
+ } else if (app.params.swipeout.removeElements) {
+ if (app.params.swipeout.removeElementsWithTimeout) {
+ setTimeout(function () {
+ $el.remove();
+ }, app.params.swipeout.removeElementsTimeout);
+ } else {
+ $el.remove();
+ }
+ } else {
+ $el.removeClass('swipeout-deleting swipeout-transitioning');
+ }
+ });
+ // eslint-disable-next-line
+ // $el[0]._clientLeft = $el[0].clientLeft;
+ Utils.nextFrame(function () {
+ $el
+ .addClass('swipeout-deleting swipeout-transitioning')
+ .css({ height: '0px' })
+ .find('.swipeout-content')
+ .transform('translate3d(-100%,0,0)');
+ });
+ },
+ };
+ var Swipeout$1 = {
+ name: 'swipeout',
+ params: {
+ swipeout: {
+ actionsNoFold: false,
+ noFollow: false,
+ removeElements: true,
+ removeElementsWithTimeout: false,
+ removeElementsTimeout: 0,
+ },
+ },
+ create: function create() {
+ var app = this;
+ Utils.extend(app, {
+ swipeout: {
+ init: Swipeout.init.bind(app),
+ open: Swipeout.open.bind(app),
+ close: Swipeout.close.bind(app),
+ delete: Swipeout.delete.bind(app),
+ },
+ });
+ Object.defineProperty(app.swipeout, 'el', {
+ enumerable: true,
+ configurable: true,
+ get: function () { return Swipeout.el; },
+ set: function set(el) {
+ Swipeout.el = el;
+ },
+ });
+ Object.defineProperty(app.swipeout, 'allow', {
+ enumerable: true,
+ configurable: true,
+ get: function () { return Swipeout.allow; },
+ set: function set(allow) {
+ Swipeout.allow = allow;
+ },
+ });
+ },
+ clicks: {
+ '.swipeout-open': function openSwipeout($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.swipeout.open(data.swipeout, data.side);
+ },
+ '.swipeout-close': function closeSwipeout($clickedEl) {
+ var app = this;
+ var $swipeoutEl = $clickedEl.closest('.swipeout');
+ if ($swipeoutEl.length === 0) { return; }
+ app.swipeout.close($swipeoutEl);
+ },
+ '.swipeout-delete': function deleteSwipeout($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ var $swipeoutEl = $clickedEl.closest('.swipeout');
+ if ($swipeoutEl.length === 0) { return; }
+ var confirm = data.confirm;
+ var confirmTitle = data.confirmTitle;
+ if (data.confirm) {
+ app.dialog.confirm(confirm, confirmTitle, function () {
+ app.swipeout.delete($swipeoutEl);
+ });
+ } else {
+ app.swipeout.delete($swipeoutEl);
+ }
+ },
+ },
+ on: {
+ init: function init() {
+ var app = this;
+ if (!app.params.swipeout) { return; }
+ app.swipeout.init();
+ },
+ },
+ };
+
+ /* eslint no-underscore-dangle: ["error", { "allow": ["_clientLeft"] }] */
+
+ var Accordion = {
+ toggleClicked: function toggleClicked($clickedEl) {
+ var app = this;
+ var $accordionItemEl = $clickedEl.closest('.accordion-item').eq(0);
+ if (!$accordionItemEl.length) { $accordionItemEl = $clickedEl.parents('li').eq(0); }
+
+ var $accordionContent = $clickedEl.parents('.accordion-item-content').eq(0);
+ if ($accordionContent.length) {
+ if ($accordionContent.parents($accordionItemEl).length) { return; }
+ }
+
+ if ($clickedEl.parents('li').length > 1 && $clickedEl.parents('li')[0] !== $accordionItemEl[0]) { return; }
+ app.accordion.toggle($accordionItemEl);
+ },
+ open: function open(el) {
+ var app = this;
+ var $el = $(el);
+ var prevented = false;
+ function prevent() {
+ prevented = true;
+ }
+ $el.trigger('accordion:beforeopen', { prevent: prevent }, prevent);
+ app.emit('accordionBeforeOpen', $el[0], prevent);
+ if (prevented) { return; }
+ var $list = $el.parents('.accordion-list').eq(0);
+ var $contentEl = $el.children('.accordion-item-content');
+ $contentEl.removeAttr('aria-hidden');
+ if ($contentEl.length === 0) { $contentEl = $el.find('.accordion-item-content'); }
+ if ($contentEl.length === 0) { return; }
+ var $openedItem = $list.length > 0 && $el.parent().children('.accordion-item-opened');
+ if ($openedItem.length > 0) {
+ app.accordion.close($openedItem);
+ }
+ $contentEl.transitionEnd(function () {
+ if ($el.hasClass('accordion-item-opened')) {
+ $contentEl.transition(0);
+ $contentEl.css('height', 'auto');
+ Utils.nextFrame(function () {
+ $contentEl.transition('');
+ $el.trigger('accordion:opened');
+ app.emit('accordionOpened', $el[0]);
+ });
+ } else {
+ $contentEl.css('height', '');
+ $el.trigger('accordion:closed');
+ app.emit('accordionClosed', $el[0]);
+ }
+ });
+ $contentEl.css('height', (($contentEl[0].scrollHeight) + "px"));
+ $el.trigger('accordion:open');
+ $el.addClass('accordion-item-opened');
+ app.emit('accordionOpen', $el[0]);
+ },
+ close: function close(el) {
+ var app = this;
+ var $el = $(el);
+ var prevented = false;
+ function prevent() {
+ prevented = true;
+ }
+ $el.trigger('accordion:beforeclose', { prevent: prevent }, prevent);
+ app.emit('accordionBeforeClose', $el[0], prevent);
+ if (prevented) { return; }
+ var $contentEl = $el.children('.accordion-item-content');
+ if ($contentEl.length === 0) { $contentEl = $el.find('.accordion-item-content'); }
+ $el.removeClass('accordion-item-opened');
+ $contentEl.attr('aria-hidden', true);
+ $contentEl.transition(0);
+ $contentEl.css('height', (($contentEl[0].scrollHeight) + "px"));
+ // Close
+ $contentEl.transitionEnd(function () {
+ if ($el.hasClass('accordion-item-opened')) {
+ $contentEl.transition(0);
+ $contentEl.css('height', 'auto');
+ Utils.nextFrame(function () {
+ $contentEl.transition('');
+ $el.trigger('accordion:opened');
+ app.emit('accordionOpened', $el[0]);
+ });
+ } else {
+ $contentEl.css('height', '');
+ $el.trigger('accordion:closed');
+ app.emit('accordionClosed', $el[0]);
+ }
+ });
+ Utils.nextFrame(function () {
+ $contentEl.transition('');
+ $contentEl.css('height', '');
+ $el.trigger('accordion:close');
+ app.emit('accordionClose', $el[0]);
+ });
+ },
+ toggle: function toggle(el) {
+ var app = this;
+ var $el = $(el);
+ if ($el.length === 0) { return; }
+ if ($el.hasClass('accordion-item-opened')) { app.accordion.close(el); }
+ else { app.accordion.open(el); }
+ },
+ };
+
+ var Accordion$1 = {
+ name: 'accordion',
+ create: function create() {
+ var app = this;
+ Utils.extend(app, {
+ accordion: {
+ open: Accordion.open.bind(app),
+ close: Accordion.close.bind(app),
+ toggle: Accordion.toggle.bind(app),
+ },
+ });
+ },
+ clicks: {
+ '.accordion-item .item-link, .accordion-item-toggle, .links-list.accordion-list > ul > li > a': function open($clickedEl) {
+ var app = this;
+ Accordion.toggleClicked.call(app, $clickedEl);
+ },
+ },
+ };
+
+ var ContactsList = {
+ name: 'contactsList',
+ };
+
+ var VirtualList = /*@__PURE__*/(function (Framework7Class$$1) {
+ function VirtualList(app, params) {
+ if ( params === void 0 ) params = {};
+
+ Framework7Class$$1.call(this, params, [app]);
+ var vl = this;
+
+ var defaults = {
+ cols: 1,
+ height: app.theme === 'md' ? 48 : 44,
+ cache: true,
+ dynamicHeightBufferSize: 1,
+ showFilteredItemsOnly: false,
+ renderExternal: undefined,
+ setListHeight: true,
+ searchByItem: undefined,
+ searchAll: undefined,
+ itemTemplate: undefined,
+ ul: null,
+ createUl: true,
+ renderItem: function renderItem(item) {
+ return ("\n " + preloaderInner + "
\n \n
\n \n
\n " + item + "
\n -
+ var ul = vl.params.ul;
+ vl.$ul = ul ? $(vl.params.ul) : vl.$el.children('ul');
+ if (vl.$ul.length === 0 && vl.params.createUl) {
+ vl.$el.append('
- " + itemContent + " \n ").trim(); + }, + renderSkipPlaceholder: function renderSkipPlaceholder() { + return ''; + }, + on: {}, + }; + + // Extend defaults with modules params + index.useModulesParams(defaults); + + index.params = Utils.extend(defaults, params); + + var $el; + var $listEl; + var $pageContentEl; + var $ul; + + if (index.params.el) { + $el = $(index.params.el); + } else { + return index; + } + + if ($el[0].f7ListIndex) { + return $el[0].f7ListIndex; + } + + $ul = $el.find('ul'); + if ($ul.length === 0) { + $ul = $('
\n \n " + (range.label ? '' : '') + "\n
\n ";
+ var knobs = [$(knobHTML)];
+
+ if (range.dual) {
+ knobs.push($(knobHTML));
+ }
+
+ $el.append($barEl);
+ knobs.forEach(function ($knobEl) {
+ $el.append($knobEl);
+ });
+
+ // Labels
+ var labels = [];
+ if (range.label) {
+ labels.push(knobs[0].find('.range-knob-label'));
+ if (range.dual) {
+ labels.push(knobs[1].find('.range-knob-label'));
+ }
+ }
+
+ // Scale
+ var $scaleEl;
+ if (range.scale && range.scaleSteps > 1) {
+ $scaleEl = $(("\n \n " + (range.renderScale()) + "\n
\n "));
+ $el.append($scaleEl);
+ }
+
+ Utils.extend(range, {
+ knobs: knobs,
+ labels: labels,
+ $barEl: $barEl,
+ $barActiveEl: $barActiveEl,
+ $scaleEl: $scaleEl,
+ });
+
+ $el[0].f7Range = range;
+
+ // Touch Events
+ var isTouched;
+ var touchesStart = {};
+ var isScrolling;
+ var rangeOffset;
+ var rangeOffsetLeft;
+ var rangeOffsetTop;
+ var $touchedKnobEl;
+ var dualValueIndex;
+ var valueChangedByTouch;
+ function onTouchChange() {
+ valueChangedByTouch = true;
+ }
+ function handleTouchStart(e) {
+ if (isTouched) { return; }
+ if (!range.params.draggableBar) {
+ if ($(e.target).closest('.range-knob').length === 0) {
+ return;
+ }
+ }
+ valueChangedByTouch = false;
+ touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
+ touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+
+ isTouched = true;
+ isScrolling = undefined;
+ rangeOffset = $el.offset();
+ rangeOffsetLeft = rangeOffset.left;
+ rangeOffsetTop = rangeOffset.top;
+
+ var progress;
+ if (range.vertical) {
+ progress = (touchesStart.y - rangeOffsetTop) / range.rangeHeight;
+ if (!range.verticalReversed) { progress = 1 - progress; }
+ } else if (range.app.rtl) {
+ progress = ((rangeOffsetLeft + range.rangeWidth) - touchesStart.x) / range.rangeWidth;
+ } else {
+ progress = (touchesStart.x - rangeOffsetLeft) / range.rangeWidth;
+ }
+
+ var newValue = (progress * (range.max - range.min)) + range.min;
+ if (range.dual) {
+ if (Math.abs(range.value[0] - newValue) < Math.abs(range.value[1] - newValue)) {
+ dualValueIndex = 0;
+ $touchedKnobEl = range.knobs[0];
+ newValue = [newValue, range.value[1]];
+ } else {
+ dualValueIndex = 1;
+ $touchedKnobEl = range.knobs[1];
+ newValue = [range.value[0], newValue];
+ }
+ } else {
+ $touchedKnobEl = range.knobs[0];
+ newValue = (progress * (range.max - range.min)) + range.min;
+ }
+ Utils.nextTick(function () {
+ if (isTouched) { $touchedKnobEl.addClass('range-knob-active-state'); }
+ }, 70);
+ range.on('change', onTouchChange);
+ range.setValue(newValue, true);
+ }
+ function handleTouchMove(e) {
+ if (!isTouched) { return; }
+ var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
+ var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+
+ if (typeof isScrolling === 'undefined') {
+ if (range.vertical) {
+ isScrolling = !(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));
+ } else {
+ isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));
+ }
+ }
+ if (isScrolling) {
+ isTouched = false;
+ return;
+ }
+ e.preventDefault();
+
+ var progress;
+ if (range.vertical) {
+ progress = (pageY - rangeOffsetTop) / range.rangeHeight;
+ if (!range.verticalReversed) { progress = 1 - progress; }
+ } else if (range.app.rtl) {
+ progress = ((rangeOffsetLeft + range.rangeWidth) - pageX) / range.rangeWidth;
+ } else {
+ progress = (pageX - rangeOffsetLeft) / range.rangeWidth;
+ }
+
+ var newValue = (progress * (range.max - range.min)) + range.min;
+ if (range.dual) {
+ var leftValue;
+ var rightValue;
+ if (dualValueIndex === 0) {
+ leftValue = newValue;
+ rightValue = range.value[1];
+ if (leftValue > rightValue) {
+ rightValue = leftValue;
+ }
+ } else {
+ leftValue = range.value[0];
+ rightValue = newValue;
+ if (rightValue < leftValue) {
+ leftValue = rightValue;
+ }
+ }
+ newValue = [leftValue, rightValue];
+ }
+ range.setValue(newValue, true);
+ }
+ function handleTouchEnd() {
+ if (!isTouched) {
+ if (isScrolling) { $touchedKnobEl.removeClass('range-knob-active-state'); }
+ isTouched = false;
+ return;
+ }
+ range.off('change', onTouchChange);
+ isTouched = false;
+ $touchedKnobEl.removeClass('range-knob-active-state');
+ if (valueChangedByTouch && range.$inputEl && !range.dual) {
+ range.$inputEl.trigger('change');
+ }
+ valueChangedByTouch = false;
+ if (typeof range.previousValue !== 'undefined') {
+ if (
+ (
+ range.dual
+ && (
+ range.previousValue[0] !== range.value[0]
+ || range.previousValue[1] !== range.value[1]
+ )
+ )
+ || (
+ !range.dual
+ && range.previousValue !== range.value
+ )
+ ) {
+ range.$el.trigger('range:changed', range, range.value);
+ range.emit('local::changed rangeChanged', range, range.value);
+ }
+ }
+ }
+
+ function handleResize() {
+ range.calcSize();
+ range.layout();
+ }
+ var parentModals;
+ var parentPanel;
+ var parentPage;
+ range.attachEvents = function attachEvents() {
+ var passive = Support.passiveListener ? { passive: true } : false;
+ range.$el.on(app.touchEvents.start, handleTouchStart, passive);
+ app.on('touchmove', handleTouchMove);
+ app.on('touchend:passive', handleTouchEnd);
+ app.on('tabShow', handleResize);
+ app.on('resize', handleResize);
+ parentModals = range.$el.parents('.sheet-modal, .actions-modal, .popup, .popover, .login-screen, .dialog, .toast');
+ parentModals.on('modal:open', handleResize);
+ parentPanel = range.$el.parents('.panel');
+ parentPanel.on('panel:open', handleResize);
+ parentPage = range.$el.parents('.page').eq(0);
+ parentPage.on('page:reinit', handleResize);
+ };
+ range.detachEvents = function detachEvents() {
+ var passive = Support.passiveListener ? { passive: true } : false;
+ range.$el.off(app.touchEvents.start, handleTouchStart, passive);
+ app.off('touchmove', handleTouchMove);
+ app.off('touchend:passive', handleTouchEnd);
+ app.off('tabShow', handleResize);
+ app.off('resize', handleResize);
+ if (parentModals) {
+ parentModals.off('modal:open', handleResize);
+ }
+ if (parentPanel) {
+ parentPanel.off('panel:open', handleResize);
+ }
+ if (parentPage) {
+ parentPage.off('page:reinit', handleResize);
+ }
+ parentModals = null;
+ parentPanel = null;
+ parentPage = null;
+ };
+
+ // Install Modules
+ range.useModules();
+
+ // Init
+ range.init();
+
+ return range;
+ }
+
+ if ( Framework7Class$$1 ) Range.__proto__ = Framework7Class$$1;
+ Range.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ Range.prototype.constructor = Range;
+
+ Range.prototype.calcSize = function calcSize () {
+ var range = this;
+ if (range.vertical) {
+ var height = range.$el.outerHeight();
+ if (height === 0) { return; }
+ range.rangeHeight = height;
+ range.knobHeight = range.knobs[0].outerHeight();
+ } else {
+ var width = range.$el.outerWidth();
+ if (width === 0) { return; }
+ range.rangeWidth = width;
+ range.knobWidth = range.knobs[0].outerWidth();
+ }
+ };
+
+ Range.prototype.layout = function layout () {
+ var obj;
+
+ var range = this;
+ var app = range.app;
+ var knobWidth = range.knobWidth;
+ var knobHeight = range.knobHeight;
+ var rangeWidth = range.rangeWidth;
+ var rangeHeight = range.rangeHeight;
+ var min = range.min;
+ var max = range.max;
+ var knobs = range.knobs;
+ var $barActiveEl = range.$barActiveEl;
+ var value = range.value;
+ var label = range.label;
+ var labels = range.labels;
+ var vertical = range.vertical;
+ var verticalReversed = range.verticalReversed;
+ var knobSize = vertical ? knobHeight : knobWidth;
+ var rangeSize = vertical ? rangeHeight : rangeWidth;
+ // eslint-disable-next-line
+ var positionProperty = vertical
+ ? (verticalReversed ? 'top' : 'bottom')
+ : (app.rtl ? 'right' : 'left');
+ if (range.dual) {
+ var progress = [((value[0] - min) / (max - min)), ((value[1] - min) / (max - min))];
+ $barActiveEl.css(( obj = {}, obj[positionProperty] = ((progress[0] * 100) + "%"), obj[vertical ? 'height' : 'width'] = (((progress[1] - progress[0]) * 100) + "%"), obj ));
+ knobs.forEach(function ($knobEl, knobIndex) {
+ var startPos = rangeSize * progress[knobIndex];
+ if (app.theme === 'ios') {
+ var realStartPos = (rangeSize * progress[knobIndex]) - (knobSize / 2);
+ if (realStartPos < 0) { startPos = knobSize / 2; }
+ if ((realStartPos + knobSize) > rangeSize) { startPos = rangeSize - (knobSize / 2); }
+ }
+ $knobEl.css(positionProperty, (startPos + "px"));
+ if (label) { labels[knobIndex].text(range.formatLabel(value[knobIndex], labels[knobIndex][0])); }
+ });
+ } else {
+ var progress$1 = ((value - min) / (max - min));
+ $barActiveEl.css(vertical ? 'height' : 'width', ((progress$1 * 100) + "%"));
+
+ var startPos = rangeSize * progress$1;
+ if (app.theme === 'ios') {
+ var realStartPos = (rangeSize * progress$1) - (knobSize / 2);
+ if (realStartPos < 0) { startPos = knobSize / 2; }
+ if ((realStartPos + knobSize) > rangeSize) { startPos = rangeSize - (knobSize / 2); }
+ }
+ knobs[0].css(positionProperty, (startPos + "px"));
+ if (label) { labels[0].text(range.formatLabel(value, labels[0][0])); }
+ }
+ if ((range.dual && value.indexOf(min) >= 0) || (!range.dual && value === min)) {
+ range.$el.addClass('range-slider-min');
+ } else {
+ range.$el.removeClass('range-slider-min');
+ }
+ if ((range.dual && value.indexOf(max) >= 0) || (!range.dual && value === max)) {
+ range.$el.addClass('range-slider-max');
+ } else {
+ range.$el.removeClass('range-slider-max');
+ }
+ };
+
+ Range.prototype.setValue = function setValue (newValue, byTouchMove) {
+ var range = this;
+ var step = range.step;
+ var min = range.min;
+ var max = range.max;
+ var valueChanged;
+ var oldValue;
+ if (range.dual) {
+ oldValue = [range.value[0], range.value[1]];
+ var newValues = newValue;
+ if (!Array.isArray(newValues)) { newValues = [newValue, newValue]; }
+ if (newValue[0] > newValue[1]) {
+ newValues = [newValues[0], newValues[0]];
+ }
+ newValues = newValues.map(function (value) { return Math.max(Math.min(Math.round(value / step) * step, max), min); });
+ if (newValues[0] === range.value[0] && newValues[1] === range.value[1]) {
+ return range;
+ }
+ newValues.forEach(function (value, valueIndex) {
+ range.value[valueIndex] = value;
+ });
+ valueChanged = oldValue[0] !== newValues[0] || oldValue[1] !== newValues[1];
+ range.layout();
+ } else {
+ oldValue = range.value;
+ var value = Math.max(Math.min(Math.round(newValue / step) * step, max), min);
+ range.value = value;
+ range.layout();
+ valueChanged = oldValue !== value;
+ }
+
+ if (valueChanged) {
+ range.previousValue = oldValue;
+ }
+ // Events
+ if (!valueChanged) { return range; }
+ range.$el.trigger('range:change', range, range.value);
+ if (range.$inputEl && !range.dual) {
+ range.$inputEl.val(range.value);
+ if (!byTouchMove) {
+ range.$inputEl.trigger('input change');
+ } else {
+ range.$inputEl.trigger('input');
+ }
+ }
+ if (!byTouchMove) {
+ range.$el.trigger('range:changed', range, range.value);
+ range.emit('local::changed rangeChanged', range, range.value);
+ }
+ range.emit('local::change rangeChange', range, range.value);
+ return range;
+ };
+
+ Range.prototype.getValue = function getValue () {
+ return this.value;
+ };
+
+ Range.prototype.formatLabel = function formatLabel (value, labelEl) {
+ var range = this;
+ if (range.params.formatLabel) { return range.params.formatLabel.call(range, value, labelEl); }
+ return value;
+ };
+
+ Range.prototype.formatScaleLabel = function formatScaleLabel (value) {
+ var range = this;
+ if (range.params.formatScaleLabel) { return range.params.formatScaleLabel.call(range, value); }
+ return value;
+ };
+
+ Range.prototype.renderScale = function renderScale () {
+ var range = this;
+ var app = range.app;
+ var verticalReversed = range.verticalReversed;
+ var vertical = range.vertical;
+
+ // eslint-disable-next-line
+ var positionProperty = vertical
+ ? (verticalReversed ? 'top' : 'bottom')
+ : (app.rtl ? 'right' : 'left');
+
+ var html = '';
+
+ Array
+ .from({ length: range.scaleSteps + 1 })
+ .forEach(function (scaleEl, index) {
+ var scaleStepValue = (range.max - range.min) / range.scaleSteps;
+ var scaleValue = range.min + scaleStepValue * index;
+ var progress = ((scaleValue - range.min) / (range.max - range.min));
+ html += "" + (range.formatScaleLabel(scaleValue)) + "
";
+
+ if (range.scaleSubSteps && range.scaleSubSteps > 1 && index < range.scaleSteps) {
+ Array
+ .from({ length: range.scaleSubSteps - 1 })
+ .forEach(function (subStepEl, subIndex) {
+ var subStep = scaleStepValue / range.scaleSubSteps;
+ var scaleSubValue = scaleValue + subStep * (subIndex + 1);
+ var subProgress = ((scaleSubValue - range.min) / (range.max - range.min));
+ html += "";
+ });
+ }
+ });
+
+ return html;
+ };
+
+ Range.prototype.updateScale = function updateScale () {
+ var range = this;
+ if (!range.scale || range.scaleSteps < 2) {
+ if (range.$scaleEl) { range.$scaleEl.remove(); }
+ delete range.$scaleEl;
+ return;
+ }
+ if (!range.$scaleEl) {
+ range.$scaleEl = $('');
+ range.$el.append(range.$scaleEl);
+ }
+
+ range.$scaleEl.html(range.renderScale());
+ };
+
+ Range.prototype.init = function init () {
+ var range = this;
+ range.calcSize();
+ range.layout();
+ range.attachEvents();
+ return range;
+ };
+
+ Range.prototype.destroy = function destroy () {
+ var range = this;
+ range.$el.trigger('range:beforedestroy', range);
+ range.emit('local::beforeDestroy rangeBeforeDestroy', range);
+ delete range.$el[0].f7Range;
+ range.detachEvents();
+ Utils.deleteProps(range);
+ range = null;
+ };
+
+ return Range;
+ }(Framework7Class));
+
+ var Range$1 = {
+ name: 'range',
+ create: function create() {
+ var app = this;
+ app.range = Utils.extend(
+ ConstructorMethods({
+ defaultSelector: '.range-slider',
+ constructor: Range,
+ app: app,
+ domProp: 'f7Range',
+ }),
+ {
+ getValue: function getValue(el) {
+ if ( el === void 0 ) el = '.range-slider';
+
+ var range = app.range.get(el);
+ if (range) { return range.getValue(); }
+ return undefined;
+ },
+ setValue: function setValue(el, value) {
+ if ( el === void 0 ) el = '.range-slider';
+
+ var range = app.range.get(el);
+ if (range) { return range.setValue(value); }
+ return undefined;
+ },
+ }
+ );
+ },
+ static: {
+ Range: Range,
+ },
+ on: {
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ $(tabEl).find('.range-slider-init').each(function (index, rangeEl) { return new Range(app, {
+ el: rangeEl,
+ }); });
+ },
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ $(tabEl).find('.range-slider-init').each(function (index, rangeEl) {
+ if (rangeEl.f7Range) { rangeEl.f7Range.destroy(); }
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.range-slider-init').each(function (index, rangeEl) { return new Range(app, {
+ el: rangeEl,
+ }); });
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ page.$el.find('.range-slider-init').each(function (index, rangeEl) {
+ if (rangeEl.f7Range) { rangeEl.f7Range.destroy(); }
+ });
+ },
+ },
+ vnode: {
+ 'range-slider-init': {
+ insert: function insert(vnode) {
+ var rangeEl = vnode.elm;
+ var app = this;
+ app.range.create({ el: rangeEl });
+ },
+ destroy: function destroy(vnode) {
+ var rangeEl = vnode.elm;
+ if (rangeEl.f7Range) { rangeEl.f7Range.destroy(); }
+ },
+ },
+ },
+ };
+
+ var Stepper = /*@__PURE__*/(function (Framework7Class$$1) {
+ function Stepper(app, params) {
+ Framework7Class$$1.call(this, params, [app]);
+ var stepper = this;
+
+ var defaults = {
+ el: null,
+ inputEl: null,
+ valueEl: null,
+ value: 0,
+ formatValue: null,
+ step: 1,
+ min: 0,
+ max: 100,
+ watchInput: true,
+ autorepeat: false,
+ autorepeatDynamic: false,
+ wraps: false,
+ manualInputMode: false,
+ decimalPoint: 4,
+ buttonsEndInputMode: true,
+ };
+
+ // Extend defaults with modules params
+ stepper.useModulesParams(defaults);
+
+ stepper.params = Utils.extend(defaults, params);
+ if (stepper.params.value < stepper.params.min) {
+ stepper.params.value = stepper.params.min;
+ }
+ if (stepper.params.value > stepper.params.max) {
+ stepper.params.value = stepper.params.max;
+ }
+
+ var el = stepper.params.el;
+ if (!el) { return stepper; }
+
+ var $el = $(el);
+ if ($el.length === 0) { return stepper; }
+
+ if ($el[0].f7Stepper) { return $el[0].f7Stepper; }
+
+ var $inputEl;
+ if (stepper.params.inputEl) {
+ $inputEl = $(stepper.params.inputEl);
+ } else if ($el.find('.stepper-input-wrap').find('input, textarea').length) {
+ $inputEl = $el.find('.stepper-input-wrap').find('input, textarea').eq(0);
+ }
+
+ if ($inputEl && $inputEl.length) {
+ ('step min max').split(' ').forEach(function (paramName) {
+ if (!params[paramName] && $inputEl.attr(paramName)) {
+ stepper.params[paramName] = parseFloat($inputEl.attr(paramName));
+ }
+ });
+
+ var decimalPoint$1 = parseInt(stepper.params.decimalPoint, 10);
+ if (Number.isNaN(decimalPoint$1)) {
+ stepper.params.decimalPoint = 0;
+ } else {
+ stepper.params.decimalPoint = decimalPoint$1;
+ }
+
+ var inputValue = parseFloat($inputEl.val());
+ if (typeof params.value === 'undefined' && !Number.isNaN(inputValue) && (inputValue || inputValue === 0)) {
+ stepper.params.value = inputValue;
+ }
+ }
+
+ var $valueEl;
+ if (stepper.params.valueEl) {
+ $valueEl = $(stepper.params.valueEl);
+ } else if ($el.find('.stepper-value').length) {
+ $valueEl = $el.find('.stepper-value').eq(0);
+ }
+
+ var $buttonPlusEl = $el.find('.stepper-button-plus');
+ var $buttonMinusEl = $el.find('.stepper-button-minus');
+
+ var ref = stepper.params;
+ var step = ref.step;
+ var min = ref.min;
+ var max = ref.max;
+ var value = ref.value;
+ var decimalPoint = ref.decimalPoint;
+
+ Utils.extend(stepper, {
+ app: app,
+ $el: $el,
+ el: $el[0],
+ $buttonPlusEl: $buttonPlusEl,
+ buttonPlusEl: $buttonPlusEl[0],
+ $buttonMinusEl: $buttonMinusEl,
+ buttonMinusEl: $buttonMinusEl[0],
+ $inputEl: $inputEl,
+ inputEl: $inputEl ? $inputEl[0] : undefined,
+ $valueEl: $valueEl,
+ valueEl: $valueEl ? $valueEl[0] : undefined,
+ step: step,
+ min: min,
+ max: max,
+ value: value,
+ decimalPoint: decimalPoint,
+ typeModeChanged: false,
+ });
+
+ $el[0].f7Stepper = stepper;
+
+ // Handle Events
+ var touchesStart = {};
+ var isTouched;
+ var isScrolling;
+ var preventButtonClick;
+ var intervalId;
+ var timeoutId;
+ var autorepeatAction = null;
+ var autorepeatInAction = false;
+ var manualInput = false;
+
+ function dynamicRepeat(current, progressions, startsIn, progressionStep, repeatEvery, action) {
+ clearTimeout(timeoutId);
+ timeoutId = setTimeout(function () {
+ if (current === 1) {
+ preventButtonClick = true;
+ autorepeatInAction = true;
+ }
+ clearInterval(intervalId);
+ action();
+ intervalId = setInterval(function () {
+ action();
+ }, repeatEvery);
+ if (current < progressions) {
+ dynamicRepeat(current + 1, progressions, startsIn, progressionStep, repeatEvery / 2, action);
+ }
+ }, current === 1 ? startsIn : progressionStep);
+ }
+
+ function onTouchStart(e) {
+ if (isTouched) { return; }
+ if (manualInput) { return; }
+ if ($(e.target).closest($buttonPlusEl).length) {
+ autorepeatAction = 'increment';
+ } else if ($(e.target).closest($buttonMinusEl).length) {
+ autorepeatAction = 'decrement';
+ }
+ if (!autorepeatAction) { return; }
+
+ touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
+ touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+ isTouched = true;
+ isScrolling = undefined;
+
+ var progressions = stepper.params.autorepeatDynamic ? 4 : 1;
+ dynamicRepeat(1, progressions, 500, 1000, 300, function () {
+ stepper[autorepeatAction]();
+ });
+ }
+ function onTouchMove(e) {
+ if (!isTouched) { return; }
+ if (manualInput) { return; }
+ var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
+ var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+
+ if (typeof isScrolling === 'undefined' && !autorepeatInAction) {
+ isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));
+ }
+ var distance = Math.pow( ((Math.pow( (pageX - touchesStart.x), 2 )) + (Math.pow( (pageY - touchesStart.y), 2 ))), 0.5 );
+
+ if (isScrolling || distance > 20) {
+ isTouched = false;
+ clearTimeout(timeoutId);
+ clearInterval(intervalId);
+ }
+ }
+ function onTouchEnd() {
+ clearTimeout(timeoutId);
+ clearInterval(intervalId);
+ autorepeatAction = null;
+ autorepeatInAction = false;
+ isTouched = false;
+ }
+
+ function onMinusClick() {
+ if (manualInput) {
+ if (stepper.params.buttonsEndInputMode) {
+ manualInput = false;
+ stepper.endTypeMode(true);
+ }
+ return;
+ }
+ if (preventButtonClick) {
+ preventButtonClick = false;
+ return;
+ }
+ stepper.decrement(true);
+ }
+ function onPlusClick() {
+ if (manualInput) {
+ if (stepper.params.buttonsEndInputMode) {
+ manualInput = false;
+ stepper.endTypeMode(true);
+ }
+ return;
+ }
+ if (preventButtonClick) {
+ preventButtonClick = false;
+ return;
+ }
+ stepper.increment(true);
+ }
+ function onInputClick(e) {
+ if (!e.target.readOnly && stepper.params.manualInputMode) {
+ manualInput = true;
+ if (typeof e.target.selectionStart === 'number') {
+ e.target.selectionStart = e.target.value.length;
+ e.target.selectionEnd = e.target.value.length;
+ }
+ }
+ }
+ function onInputKey(e) {
+ if (e.keyCode === 13 || e.which === 13) {
+ e.preventDefault();
+ manualInput = false;
+ stepper.endTypeMode();
+ }
+ }
+ function onInputBlur() {
+ manualInput = false;
+ stepper.endTypeMode(true);
+ }
+ function onInput(e) {
+ if (manualInput) {
+ stepper.typeValue(e.target.value);
+ return;
+ }
+ if (e.detail && e.detail.sentByF7Stepper) { return; }
+ stepper.setValue(e.target.value, true);
+ }
+ stepper.attachEvents = function attachEvents() {
+ $buttonMinusEl.on('click', onMinusClick);
+ $buttonPlusEl.on('click', onPlusClick);
+ if (stepper.params.watchInput && $inputEl && $inputEl.length) {
+ $inputEl.on('input', onInput);
+ $inputEl.on('click', onInputClick);
+ $inputEl.on('blur', onInputBlur);
+ $inputEl.on('keyup', onInputKey);
+ }
+ if (stepper.params.autorepeat) {
+ app.on('touchstart:passive', onTouchStart);
+ app.on('touchmove:active', onTouchMove);
+ app.on('touchend:passive', onTouchEnd);
+ }
+ };
+ stepper.detachEvents = function detachEvents() {
+ $buttonMinusEl.off('click', onMinusClick);
+ $buttonPlusEl.off('click', onPlusClick);
+ if (stepper.params.watchInput && $inputEl && $inputEl.length) {
+ $inputEl.off('input', onInput);
+ $inputEl.off('click', onInputClick);
+ $inputEl.off('blur', onInputBlur);
+ $inputEl.off('keyup', onInputKey);
+ }
+ };
+
+ // Install Modules
+ stepper.useModules();
+
+ // Init
+ stepper.init();
+
+ return stepper;
+ }
+
+ if ( Framework7Class$$1 ) Stepper.__proto__ = Framework7Class$$1;
+ Stepper.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ Stepper.prototype.constructor = Stepper;
+
+ Stepper.prototype.minus = function minus () {
+ return this.decrement();
+ };
+
+ Stepper.prototype.plus = function plus () {
+ return this.increment();
+ };
+
+ Stepper.prototype.decrement = function decrement () {
+ var stepper = this;
+ return stepper.setValue(stepper.value - stepper.step, false, true);
+ };
+
+ Stepper.prototype.increment = function increment () {
+ var stepper = this;
+ return stepper.setValue(stepper.value + stepper.step, false, true);
+ };
+
+ Stepper.prototype.setValue = function setValue (newValue, forceUpdate, withWraps) {
+ var stepper = this;
+ var step = stepper.step;
+ var min = stepper.min;
+ var max = stepper.max;
+
+ var oldValue = stepper.value;
+
+ var value = Math.round(newValue / step) * step;
+ if (stepper.params.wraps && withWraps) {
+ if (value > max) { value = min; }
+ if (value < min) { value = max; }
+ } else {
+ value = Math.max(Math.min(value, max), min);
+ }
+
+ if (Number.isNaN(value)) {
+ value = oldValue;
+ }
+ stepper.value = value;
+
+ var valueChanged = oldValue !== value;
+
+ // Events
+ if (!valueChanged && !forceUpdate) { return stepper; }
+
+ stepper.$el.trigger('stepper:change', stepper, stepper.value);
+ var formattedValue = stepper.formatValue(stepper.value);
+ if (stepper.$inputEl && stepper.$inputEl.length) {
+ stepper.$inputEl.val(formattedValue);
+ stepper.$inputEl.trigger('input change', { sentByF7Stepper: true });
+ }
+ if (stepper.$valueEl && stepper.$valueEl.length) {
+ stepper.$valueEl.html(formattedValue);
+ }
+ stepper.emit('local::change stepperChange', stepper, stepper.value);
+ return stepper;
+ };
+
+ Stepper.prototype.endTypeMode = function endTypeMode (noBlur) {
+ var stepper = this;
+ var min = stepper.min;
+ var max = stepper.max;
+ var value = parseFloat(stepper.value);
+
+ if (Number.isNaN(value)) { value = 0; }
+
+ value = Math.max(Math.min(value, max), min);
+
+ stepper.value = value;
+ if (!stepper.typeModeChanged) {
+ if (stepper.$inputEl && stepper.$inputEl.length && !noBlur) {
+ stepper.$inputEl.blur();
+ }
+ return stepper;
+ }
+ stepper.typeModeChanged = false;
+
+ stepper.$el.trigger('stepper:change', stepper, stepper.value);
+ var formattedValue = stepper.formatValue(stepper.value);
+ if (stepper.$inputEl && stepper.$inputEl.length) {
+ stepper.$inputEl.val(formattedValue);
+ stepper.$inputEl.trigger('input change', { sentByF7Stepper: true });
+ if (!noBlur) { stepper.$inputEl.blur(); }
+ }
+ if (stepper.$valueEl && stepper.$valueEl.length) {
+ stepper.$valueEl.html(formattedValue);
+ }
+ stepper.emit('local::change stepperChange', stepper, stepper.value);
+ return stepper;
+ };
+
+ Stepper.prototype.typeValue = function typeValue (value) {
+ var stepper = this;
+ stepper.typeModeChanged = true;
+ var inputTxt = String(value);
+ if (inputTxt.lastIndexOf('.') + 1 === inputTxt.length || inputTxt.lastIndexOf(',') + 1 === inputTxt.length) {
+ if (inputTxt.lastIndexOf('.') !== inputTxt.indexOf('.') || inputTxt.lastIndexOf(',') !== inputTxt.indexOf(',')) {
+ inputTxt = inputTxt.slice(0, -1);
+ stepper.value = inputTxt;
+ stepper.$inputEl.val(stepper.value);
+ return stepper;
+ }
+ } else {
+ var newValue = parseFloat(inputTxt.replace(',', '.'));
+ if (newValue === 0) {
+ stepper.value = inputTxt.replace(',', '.');
+ stepper.$inputEl.val(stepper.value);
+ return stepper;
+ }
+ if (Number.isNaN(newValue)) {
+ stepper.value = 0;
+ stepper.$inputEl.val(stepper.value);
+ return stepper;
+ }
+ var powVal = Math.pow( 10, stepper.params.decimalPoint );
+ newValue = (Math.round((newValue) * powVal)).toFixed(stepper.params.decimalPoint + 1) / powVal;
+ stepper.value = parseFloat(String(newValue).replace(',', '.'));
+ stepper.$inputEl.val(stepper.value);
+ return stepper;
+ }
+ stepper.value = inputTxt;
+ stepper.$inputEl.val(inputTxt);
+ return stepper;
+ };
+
+ Stepper.prototype.getValue = function getValue () {
+ return this.value;
+ };
+
+ Stepper.prototype.formatValue = function formatValue (value) {
+ var stepper = this;
+ if (!stepper.params.formatValue) { return value; }
+ return stepper.params.formatValue.call(stepper, value);
+ };
+
+ Stepper.prototype.init = function init () {
+ var stepper = this;
+ stepper.attachEvents();
+ if (stepper.$valueEl && stepper.$valueEl.length) {
+ var formattedValue = stepper.formatValue(stepper.value);
+ stepper.$valueEl.html(formattedValue);
+ }
+ return stepper;
+ };
+
+ Stepper.prototype.destroy = function destroy () {
+ var stepper = this;
+ stepper.$el.trigger('stepper:beforedestroy', stepper);
+ stepper.emit('local::beforeDestroy stepperBeforeDestroy', stepper);
+ delete stepper.$el[0].f7Stepper;
+ stepper.detachEvents();
+ Utils.deleteProps(stepper);
+ stepper = null;
+ };
+
+ return Stepper;
+ }(Framework7Class));
+
+ var Stepper$1 = {
+ name: 'stepper',
+ create: function create() {
+ var app = this;
+ app.stepper = Utils.extend(
+ ConstructorMethods({
+ defaultSelector: '.stepper',
+ constructor: Stepper,
+ app: app,
+ domProp: 'f7Stepper',
+ }),
+ {
+ getValue: function getValue(el) {
+ if ( el === void 0 ) el = '.stepper';
+
+ var stepper = app.stepper.get(el);
+ if (stepper) { return stepper.getValue(); }
+ return undefined;
+ },
+ setValue: function setValue(el, value) {
+ if ( el === void 0 ) el = '.stepper';
+
+ var stepper = app.stepper.get(el);
+ if (stepper) { return stepper.setValue(value); }
+ return undefined;
+ },
+ }
+ );
+ },
+ static: {
+ Stepper: Stepper,
+ },
+ on: {
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ $(tabEl).find('.stepper-init').each(function (index, stepperEl) {
+ var dataset = $(stepperEl).dataset();
+ app.stepper.create(Utils.extend({ el: stepperEl }, dataset || {}));
+ });
+ },
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ $(tabEl).find('.stepper-init').each(function (index, stepperEl) {
+ if (stepperEl.f7Stepper) { stepperEl.f7Stepper.destroy(); }
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.stepper-init').each(function (index, stepperEl) {
+ var dataset = $(stepperEl).dataset();
+ app.stepper.create(Utils.extend({ el: stepperEl }, dataset || {}));
+ });
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ page.$el.find('.stepper-init').each(function (index, stepperEl) {
+ if (stepperEl.f7Stepper) { stepperEl.f7Stepper.destroy(); }
+ });
+ },
+ },
+ vnode: {
+ 'stepper-init': {
+ insert: function insert(vnode) {
+ var app = this;
+ var stepperEl = vnode.elm;
+ var dataset = $(stepperEl).dataset();
+ app.stepper.create(Utils.extend({ el: stepperEl }, dataset || {}));
+ },
+ destroy: function destroy(vnode) {
+ var stepperEl = vnode.elm;
+ if (stepperEl.f7Stepper) { stepperEl.f7Stepper.destroy(); }
+ },
+ },
+ },
+ };
+
+ var SmartSelect = /*@__PURE__*/(function (Framework7Class$$1) {
+ function SmartSelect(app, params) {
+ if ( params === void 0 ) params = {};
+
+ Framework7Class$$1.call(this, params, [app]);
+ var ss = this;
+
+ var defaults = Utils.extend({
+ on: {},
+ }, app.params.smartSelect);
+
+ // Extend defaults with modules params
+ ss.useModulesParams(defaults);
+
+ ss.params = Utils.extend({}, defaults, params);
+
+ ss.app = app;
+
+ var $el = $(ss.params.el).eq(0);
+ if ($el.length === 0) { return ss; }
+
+ if ($el[0].f7SmartSelect) { return $el[0].f7SmartSelect; }
+
+ var $selectEl = $el.find('select').eq(0);
+ if ($selectEl.length === 0) { return ss; }
+
+ var $valueEl = $(ss.params.valueEl);
+ if ($valueEl.length === 0) {
+ $valueEl = $el.find('.item-after');
+ }
+ if ($valueEl.length === 0) {
+ $valueEl = $('');
+ $valueEl.insertAfter($el.find('.item-title'));
+ }
+
+ // View
+ var view;
+
+ // Url
+ var url = params.url;
+ if (!url) {
+ if ($el.attr('href') && $el.attr('href') !== '#') { url = $el.attr('href'); }
+ else if ($selectEl.attr('name')) { url = ($selectEl.attr('name').toLowerCase()) + "-select/"; }
+ }
+ if (!url) { url = ss.params.url; }
+
+ var multiple = $selectEl[0].multiple;
+ var inputType = multiple ? 'checkbox' : 'radio';
+ var id = Utils.id();
+
+ Utils.extend(ss, {
+ $el: $el,
+ el: $el[0],
+ $selectEl: $selectEl,
+ selectEl: $selectEl[0],
+ $valueEl: $valueEl,
+ valueEl: $valueEl[0],
+ url: url,
+ multiple: multiple,
+ inputType: inputType,
+ id: id,
+ view: view,
+ inputName: (inputType + "-" + id),
+ selectName: $selectEl.attr('name'),
+ maxLength: $selectEl.attr('maxlength') || params.maxLength,
+ });
+
+ $el[0].f7SmartSelect = ss;
+
+ // Events
+ function onClick() {
+ ss.open();
+ }
+ function onChange() {
+ var value = ss.$selectEl.val();
+ ss.$el.trigger('smartselect:change', ss, value);
+ ss.emit('local::change smartSelectChange', ss, value);
+ ss.setTextValue();
+ }
+ ss.attachEvents = function attachEvents() {
+ $el.on('click', onClick);
+ $el.on('change', 'select', onChange);
+ };
+ ss.detachEvents = function detachEvents() {
+ $el.off('click', onClick);
+ $el.off('change', 'select', onChange);
+ };
+
+ function handleInputChange() {
+ var optionEl;
+ var text;
+ var inputEl = this;
+ var value = inputEl.value;
+ var optionText = [];
+ var displayAs;
+ if (inputEl.type === 'checkbox') {
+ for (var i = 0; i < ss.selectEl.options.length; i += 1) {
+ optionEl = ss.selectEl.options[i];
+ if (optionEl.value === value) {
+ optionEl.selected = inputEl.checked;
+ }
+ if (optionEl.selected) {
+ displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-value-as');
+ text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;
+ optionText.push(text.trim());
+ }
+ }
+ if (ss.maxLength) {
+ ss.checkMaxLength();
+ }
+ } else {
+ optionEl = ss.$selectEl.find(("option[value=\"" + value + "\"]"))[0];
+ displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-as');
+ text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;
+ optionText = [text];
+ ss.selectEl.value = value;
+ }
+
+ ss.$selectEl.trigger('change');
+ ss.$valueEl.text(optionText.join(', '));
+ if (ss.params.closeOnSelect && ss.inputType === 'radio') {
+ ss.close();
+ }
+ }
+
+ ss.attachInputsEvents = function attachInputsEvents() {
+ ss.$containerEl.on('change', 'input[type="checkbox"], input[type="radio"]', handleInputChange);
+ };
+ ss.detachInputsEvents = function detachInputsEvents() {
+ ss.$containerEl.off('change', 'input[type="checkbox"], input[type="radio"]', handleInputChange);
+ };
+
+ // Install Modules
+ ss.useModules();
+
+ // Init
+ ss.init();
+
+ return ss;
+ }
+
+ if ( Framework7Class$$1 ) SmartSelect.__proto__ = Framework7Class$$1;
+ SmartSelect.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ SmartSelect.prototype.constructor = SmartSelect;
+
+ SmartSelect.prototype.setValue = function setValue (value) {
+ var ss = this;
+ var newValue = value;
+ var optionText = [];
+ var optionEl;
+ var displayAs;
+ var text;
+ if (ss.multiple) {
+ if (!Array.isArray(newValue)) { newValue = [newValue]; }
+ for (var i = 0; i < ss.selectEl.options.length; i += 1) {
+ optionEl = ss.selectEl.options[i];
+ if (newValue.indexOf(optionEl.value) >= 0) {
+ optionEl.selected = true;
+ } else {
+ optionEl.selected = false;
+ }
+ if (optionEl.selected) {
+ displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-value-as');
+ text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;
+ optionText.push(text.trim());
+ }
+ }
+ } else {
+ optionEl = ss.$selectEl.find(("option[value=\"" + newValue + "\"]"))[0];
+ displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-as');
+ text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;
+ optionText = [text];
+ ss.selectEl.value = newValue;
+ }
+ ss.$valueEl.text(optionText.join(', '));
+ };
+
+ SmartSelect.prototype.getValue = function getValue () {
+ var ss = this;
+ return ss.$selectEl.val();
+ };
+
+ SmartSelect.prototype.getView = function getView () {
+ var ss = this;
+ var view = ss.view || ss.params.view;
+ if (!view) {
+ view = ss.$el.parents('.view').length && ss.$el.parents('.view')[0].f7View;
+ }
+ if (!view) {
+ throw Error('Smart Select requires initialized View');
+ }
+ ss.view = view;
+ return view;
+ };
+
+ SmartSelect.prototype.checkMaxLength = function checkMaxLength () {
+ var ss = this;
+ var $containerEl = ss.$containerEl;
+ if (ss.selectEl.selectedOptions.length >= ss.maxLength) {
+ $containerEl.find('input[type="checkbox"]').each(function (index, inputEl) {
+ if (!inputEl.checked) {
+ $(inputEl).parents('li').addClass('disabled');
+ } else {
+ $(inputEl).parents('li').removeClass('disabled');
+ }
+ });
+ } else {
+ $containerEl.find('.disabled').removeClass('disabled');
+ }
+ };
+
+ SmartSelect.prototype.setTextValue = function setTextValue (value) {
+ var ss = this;
+ var valueArray = [];
+ if (typeof value !== 'undefined') {
+ if (Array.isArray(value)) {
+ valueArray = value;
+ } else {
+ valueArray = [value];
+ }
+ } else {
+ ss.$selectEl.find('option').each(function (optionIndex, optionEl) {
+ var $optionEl = $(optionEl);
+ if (optionEl.selected) {
+ var displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $optionEl.data('display-value-as');
+ if (displayAs && typeof displayAs !== 'undefined') {
+ valueArray.push(displayAs);
+ } else {
+ valueArray.push(optionEl.textContent.trim());
+ }
+ }
+ });
+ }
+ ss.$valueEl.text(valueArray.join(', '));
+ };
+
+ SmartSelect.prototype.getItemsData = function getItemsData () {
+ var ss = this;
+ var items = [];
+ var previousGroupEl;
+ ss.$selectEl.find('option').each(function (index, optionEl) {
+ var $optionEl = $(optionEl);
+ var optionData = $optionEl.dataset();
+ var optionImage = optionData.optionImage || ss.params.optionImage;
+ var optionIcon = optionData.optionIcon || ss.params.optionIcon;
+ var optionHasMedia = optionImage || optionIcon;
+ // if (material) optionHasMedia = optionImage || optionIcon;
+ var optionColor = optionData.optionColor;
+
+ var optionClassName = optionData.optionClass || '';
+ if ($optionEl[0].disabled) { optionClassName += ' disabled'; }
+
+ var optionGroupEl = $optionEl.parent('optgroup')[0];
+ var optionGroupLabel = optionGroupEl && optionGroupEl.label;
+ var optionIsLabel = false;
+ if (optionGroupEl && optionGroupEl !== previousGroupEl) {
+ optionIsLabel = true;
+ previousGroupEl = optionGroupEl;
+ items.push({
+ groupLabel: optionGroupLabel,
+ isLabel: optionIsLabel,
+ });
+ }
+ items.push({
+ value: $optionEl[0].value,
+ text: $optionEl[0].textContent.trim(),
+ selected: $optionEl[0].selected,
+ groupEl: optionGroupEl,
+ groupLabel: optionGroupLabel,
+ image: optionImage,
+ icon: optionIcon,
+ color: optionColor,
+ className: optionClassName,
+ disabled: $optionEl[0].disabled,
+ id: ss.id,
+ hasMedia: optionHasMedia,
+ checkbox: ss.inputType === 'checkbox',
+ radio: ss.inputType === 'radio',
+ inputName: ss.inputName,
+ inputType: ss.inputType,
+ });
+ });
+ ss.items = items;
+ return items;
+ };
+
+ SmartSelect.prototype.renderSearchbar = function renderSearchbar () {
+ var ss = this;
+ if (ss.params.renderSearchbar) { return ss.params.renderSearchbar.call(ss); }
+ var searchbarHTML = "\n \n \n " + (ss.params.searchbar ? '' : '') + "\n
\n ";
+ return pageHtml;
+ };
+
+ SmartSelect.prototype.renderPopup = function renderPopup () {
+ var ss = this;
+ if (ss.params.renderPopup) { return ss.params.renderPopup.call(ss, ss.items); }
+ var pageTitle = ss.params.pageTitle;
+ if (typeof pageTitle === 'undefined') {
+ var $itemTitleEl = ss.$el.find('.item-title');
+ pageTitle = $itemTitleEl.length ? $itemTitleEl.text().trim() : '';
+ }
+ var cssClass = ss.params.cssClass || '';
+ var popupHtml = "\n \n
\n \n
\n ";
+ return popupHtml;
+ };
+
+ SmartSelect.prototype.renderSheet = function renderSheet () {
+ var ss = this;
+ if (ss.params.renderSheet) { return ss.params.renderSheet.call(ss, ss.items); }
+ var cssClass = ss.params.cssClass;
+ var sheetHtml = "\n \n
\n \n \n " + (ss.params.searchbar ? '' : '') + "\n
\n \n
\n \n
\n - " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
\n \n
\n ";
+ return sheetHtml;
+ };
+
+ SmartSelect.prototype.renderPopover = function renderPopover () {
+ var ss = this;
+ if (ss.params.renderPopover) { return ss.params.renderPopover.call(ss, ss.items); }
+ var cssClass = ss.params.cssClass;
+ var popoverHtml = "\n \n
\n \n
\n \n
\n - " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
\n
\n ";
+ return popoverHtml;
+ };
+
+ SmartSelect.prototype.onOpen = function onOpen (type, containerEl) {
+ var ss = this;
+ var app = ss.app;
+ var $containerEl = $(containerEl);
+ ss.$containerEl = $containerEl;
+ ss.openedIn = type;
+ ss.opened = true;
+
+ // Init VL
+ if (ss.params.virtualList) {
+ ss.vl = app.virtualList.create({
+ el: $containerEl.find('.virtual-list'),
+ items: ss.items,
+ renderItem: ss.renderItem.bind(ss),
+ height: ss.params.virtualListHeight,
+ searchByItem: function searchByItem(query, item) {
+ if (item.text && item.text.toLowerCase().indexOf(query.trim().toLowerCase()) >= 0) { return true; }
+ return false;
+ },
+ });
+ }
+
+ // Init SB
+ if (ss.params.searchbar) {
+ var $searchbarEl = $containerEl.find('.searchbar');
+ if (type === 'page' && app.theme === 'ios') {
+ $searchbarEl = $(app.navbar.getElByPage($containerEl)).find('.searchbar');
+ }
+
+ if (ss.params.appendSearchbarNotFound && (type === 'page' || type === 'popup')) {
+ var $notFoundEl = null;
+
+ if (typeof ss.params.appendSearchbarNotFound === 'string') {
+ $notFoundEl = $(("\n
\n \n
\n - " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
" + (ss.params.appendSearchbarNotFound) + "
"));
+ } else if (typeof ss.params.appendSearchbarNotFound === 'boolean') {
+ $notFoundEl = $('');
+ } else {
+ $notFoundEl = ss.params.appendSearchbarNotFound;
+ }
+
+ if ($notFoundEl) {
+ $containerEl.find('.page-content').append($notFoundEl[0]);
+ }
+ }
+
+ var searchbarParams = Utils.extend({
+ el: $searchbarEl,
+ backdropEl: $containerEl.find('.searchbar-backdrop'),
+ searchContainer: (".smart-select-list-" + (ss.id)),
+ searchIn: '.item-title',
+ }, typeof ss.params.searchbar === 'object' ? ss.params.searchbar : {});
+
+ ss.searchbar = app.searchbar.create(searchbarParams);
+ }
+
+ // Check for max length
+ if (ss.maxLength) {
+ ss.checkMaxLength();
+ }
+
+ // Close on select
+ if (ss.params.closeOnSelect) {
+ ss.$containerEl.find(("input[type=\"radio\"][name=\"" + (ss.inputName) + "\"]:checked")).parents('label').once('click', function () {
+ ss.close();
+ });
+ }
+
+ // Attach input events
+ ss.attachInputsEvents();
+
+ ss.$el.trigger('smartselect:open', ss);
+ ss.emit('local::open smartSelectOpen', ss);
+ };
+
+ SmartSelect.prototype.onOpened = function onOpened () {
+ var ss = this;
+
+ ss.$el.trigger('smartselect:opened', ss);
+ ss.emit('local::opened smartSelectOpened', ss);
+ };
+
+ SmartSelect.prototype.onClose = function onClose () {
+ var ss = this;
+ if (ss.destroyed) { return; }
+
+ // Destroy VL
+ if (ss.vl && ss.vl.destroy) {
+ ss.vl.destroy();
+ ss.vl = null;
+ delete ss.vl;
+ }
+
+ // Destroy SB
+ if (ss.searchbar && ss.searchbar.destroy) {
+ ss.searchbar.destroy();
+ ss.searchbar = null;
+ delete ss.searchbar;
+ }
+ // Detach events
+ ss.detachInputsEvents();
+
+ ss.$el.trigger('smartselect:close', ss);
+ ss.emit('local::close smartSelectClose', ss);
+ };
+
+ SmartSelect.prototype.onClosed = function onClosed () {
+ var ss = this;
+ if (ss.destroyed) { return; }
+ ss.opened = false;
+ ss.$containerEl = null;
+ delete ss.$containerEl;
+
+ ss.$el.trigger('smartselect:closed', ss);
+ ss.emit('local::closed smartSelectClosed', ss);
+ };
+
+ SmartSelect.prototype.openPage = function openPage () {
+ var ss = this;
+ if (ss.opened) { return ss; }
+ ss.getItemsData();
+ var pageHtml = ss.renderPage(ss.items);
+ var view = ss.getView();
+
+ view.router.navigate({
+ url: ss.url,
+ route: {
+ content: pageHtml,
+ path: ss.url,
+ on: {
+ pageBeforeIn: function pageBeforeIn(e, page) {
+ ss.onOpen('page', page.el);
+ },
+ pageAfterIn: function pageAfterIn(e, page) {
+ ss.onOpened('page', page.el);
+ },
+ pageBeforeOut: function pageBeforeOut(e, page) {
+ ss.onClose('page', page.el);
+ },
+ pageAfterOut: function pageAfterOut(e, page) {
+ ss.onClosed('page', page.el);
+ },
+ },
+ },
+ });
+ return ss;
+ };
+
+ SmartSelect.prototype.openPopup = function openPopup () {
+ var ss = this;
+ if (ss.opened) { return ss; }
+ ss.getItemsData();
+ var popupHtml = ss.renderPopup(ss.items);
+
+ var popupParams = {
+ content: popupHtml,
+ on: {
+ popupOpen: function popupOpen(popup) {
+ ss.onOpen('popup', popup.el);
+ },
+ popupOpened: function popupOpened(popup) {
+ ss.onOpened('popup', popup.el);
+ },
+ popupClose: function popupClose(popup) {
+ ss.onClose('popup', popup.el);
+ },
+ popupClosed: function popupClosed(popup) {
+ ss.onClosed('popup', popup.el);
+ },
+ },
+ };
+
+ if (ss.params.routableModals) {
+ var view = ss.getView();
+ view.router.navigate({
+ url: ss.url,
+ route: {
+ path: ss.url,
+ popup: popupParams,
+ },
+ });
+ } else {
+ ss.modal = ss.app.popup.create(popupParams).open();
+ }
+ return ss;
+ };
+
+ SmartSelect.prototype.openSheet = function openSheet () {
+ var ss = this;
+ if (ss.opened) { return ss; }
+ ss.getItemsData();
+ var sheetHtml = ss.renderSheet(ss.items);
+
+ var sheetParams = {
+ content: sheetHtml,
+ backdrop: false,
+ scrollToEl: ss.$el,
+ closeByOutsideClick: true,
+ on: {
+ sheetOpen: function sheetOpen(sheet) {
+ ss.onOpen('sheet', sheet.el);
+ },
+ sheetOpened: function sheetOpened(sheet) {
+ ss.onOpened('sheet', sheet.el);
+ },
+ sheetClose: function sheetClose(sheet) {
+ ss.onClose('sheet', sheet.el);
+ },
+ sheetClosed: function sheetClosed(sheet) {
+ ss.onClosed('sheet', sheet.el);
+ },
+ },
+ };
+
+ if (ss.params.routableModals) {
+ var view = ss.getView();
+ view.router.navigate({
+ url: ss.url,
+ route: {
+ path: ss.url,
+ sheet: sheetParams,
+ },
+ });
+ } else {
+ ss.modal = ss.app.sheet.create(sheetParams).open();
+ }
+ return ss;
+ };
+
+ SmartSelect.prototype.openPopover = function openPopover () {
+ var ss = this;
+ if (ss.opened) { return ss; }
+ ss.getItemsData();
+ var popoverHtml = ss.renderPopover(ss.items);
+ var popoverParams = {
+ content: popoverHtml,
+ targetEl: ss.$el,
+ on: {
+ popoverOpen: function popoverOpen(popover) {
+ ss.onOpen('popover', popover.el);
+ },
+ popoverOpened: function popoverOpened(popover) {
+ ss.onOpened('popover', popover.el);
+ },
+ popoverClose: function popoverClose(popover) {
+ ss.onClose('popover', popover.el);
+ },
+ popoverClosed: function popoverClosed(popover) {
+ ss.onClosed('popover', popover.el);
+ },
+ },
+ };
+ if (ss.params.routableModals) {
+ var view = ss.getView();
+ view.router.navigate({
+ url: ss.url,
+ route: {
+ path: ss.url,
+ popover: popoverParams,
+ },
+ });
+ } else {
+ ss.modal = ss.app.popover.create(popoverParams).open();
+ }
+ return ss;
+ };
+
+ SmartSelect.prototype.open = function open (type) {
+ var ss = this;
+ if (ss.opened) { return ss; }
+ var openIn = type || ss.params.openIn;
+ ss[("open" + (openIn.split('').map(function (el, index) {
+ if (index === 0) { return el.toUpperCase(); }
+ return el;
+ }).join('')))]();
+ return ss;
+ };
+
+ SmartSelect.prototype.close = function close () {
+ var ss = this;
+ if (!ss.opened) { return ss; }
+ if (ss.params.routableModals || ss.openedIn === 'page') {
+ var view = ss.getView();
+ view.router.back();
+ } else {
+ ss.modal.once('modalClosed', function () {
+ Utils.nextTick(function () {
+ ss.modal.destroy();
+ delete ss.modal;
+ });
+ });
+ ss.modal.close();
+ }
+ return ss;
+ };
+
+ SmartSelect.prototype.init = function init () {
+ var ss = this;
+ ss.attachEvents();
+ ss.setTextValue();
+ };
+
+ SmartSelect.prototype.destroy = function destroy () {
+ var ss = this;
+ ss.emit('local::beforeDestroy smartSelectBeforeDestroy', ss);
+ ss.$el.trigger('smartselect:beforedestroy', ss);
+ ss.detachEvents();
+ delete ss.$el[0].f7SmartSelect;
+ Utils.deleteProps(ss);
+ ss.destroyed = true;
+ };
+
+ return SmartSelect;
+ }(Framework7Class));
+
+ var SmartSelect$1 = {
+ name: 'smartSelect',
+ params: {
+ smartSelect: {
+ el: undefined,
+ valueEl: undefined,
+ openIn: 'page', // or 'popup' or 'sheet' or 'popover'
+ pageTitle: undefined,
+ pageBackLinkText: 'Back',
+ popupCloseLinkText: 'Close',
+ popupTabletFullscreen: false,
+ sheetCloseLinkText: 'Done',
+ searchbar: false,
+ searchbarPlaceholder: 'Search',
+ searchbarDisableText: 'Cancel',
+ closeOnSelect: false,
+ virtualList: false,
+ virtualListHeight: undefined,
+ formColorTheme: undefined,
+ navbarColorTheme: undefined,
+ routableModals: true,
+ url: 'select/',
+ cssClass: '',
+ /*
+ Custom render functions
+ */
+ renderPage: undefined,
+ renderPopup: undefined,
+ renderSheet: undefined,
+ renderPopover: undefined,
+ renderItems: undefined,
+ renderItem: undefined,
+ renderSearchbar: undefined,
+ },
+ },
+ static: {
+ SmartSelect: SmartSelect,
+ },
+ create: function create() {
+ var app = this;
+ app.smartSelect = Utils.extend(
+ ConstructorMethods({
+ defaultSelector: '.smart-select',
+ constructor: SmartSelect,
+ app: app,
+ domProp: 'f7SmartSelect',
+ }),
+ {
+ open: function open(smartSelectEl) {
+ var ss = app.smartSelect.get(smartSelectEl);
+ if (ss && ss.open) { return ss.open(); }
+ return undefined;
+ },
+ close: function close(smartSelectEl) {
+ var ss = app.smartSelect.get(smartSelectEl);
+ if (ss && ss.close) { return ss.close(); }
+ return undefined;
+ },
+ }
+ );
+ },
+
+ on: {
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ $(tabEl).find('.smart-select-init').each(function (index, smartSelectEl) {
+ app.smartSelect.create(Utils.extend({ el: smartSelectEl }, $(smartSelectEl).dataset()));
+ });
+ },
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ $(tabEl).find('.smart-select-init').each(function (index, smartSelectEl) {
+ if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {
+ smartSelectEl.f7SmartSelect.destroy();
+ }
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.smart-select-init').each(function (index, smartSelectEl) {
+ app.smartSelect.create(Utils.extend({ el: smartSelectEl }, $(smartSelectEl).dataset()));
+ });
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ page.$el.find('.smart-select-init').each(function (index, smartSelectEl) {
+ if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {
+ smartSelectEl.f7SmartSelect.destroy();
+ }
+ });
+ },
+ },
+ clicks: {
+ '.smart-select': function open($clickedEl, data) {
+ var app = this;
+ if (!$clickedEl[0].f7SmartSelect) {
+ var ss = app.smartSelect.create(Utils.extend({ el: $clickedEl }, data));
+ ss.open();
+ }
+ },
+ },
+ vnode: {
+ 'smart-select-init': {
+ insert: function insert(vnode) {
+ var app = this;
+ var smartSelectEl = vnode.elm;
+ app.smartSelect.create(Utils.extend({ el: smartSelectEl }, $(smartSelectEl).dataset()));
+ },
+ destroy: function destroy(vnode) {
+ var smartSelectEl = vnode.elm;
+ if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {
+ smartSelectEl.f7SmartSelect.destroy();
+ }
+ },
+ },
+ },
+ };
+
+ var Grid = {
+ name: 'grid',
+ };
+
+ /*
+ Converts a Gregorian date to Jalaali.
+ */
+ function toJalaali (gy, gm, gd) {
+ if (Object.prototype.toString.call(gy) === '[object Date]') {
+ gd = gy.getDate();
+ gm = gy.getMonth() + 1;
+ gy = gy.getFullYear();
+ }
+ return d2j(g2d(gy, gm, gd))
+ }
+
+ /*
+ Converts a Jalaali date to Gregorian.
+ */
+ function toGregorian (jy, jm, jd) {
+ return d2g(j2d(jy, jm, jd))
+ }
+
+ // /*
+ // Checks whether a Jalaali date is valid or not.
+ // */
+ // function isValidJalaaliDate (jy, jm, jd) {
+ // return jy >= -61 && jy <= 3177 &&
+ // jm >= 1 && jm <= 12 &&
+ // jd >= 1 && jd <= monthLength(jy, jm)
+ // }
+
+ /*
+ Is this a leap year or not?
+ */
+ function isLeapJalaaliYear (jy) {
+ return jalCal(jy).leap === 0
+ }
+
+ /*
+ Number of days in a given month in a Jalaali year.
+ */
+ function monthLength (jy, jm) {
+ if (jm <= 6) { return 31 }
+ if (jm <= 11) { return 30 }
+ if (isLeapJalaaliYear(jy)) { return 30 }
+ return 29
+ }
+
+ /*
+ This function determines if the Jalaali (Persian) year is
+ leap (366-day long) or is the common year (365 days), and
+ finds the day in March (Gregorian calendar) of the first
+ day of the Jalaali year (jy).
+ @param jy Jalaali calendar year (-61 to 3177)
+ @return
+ leap: number of years since the last leap year (0 to 4)
+ gy: Gregorian year of the beginning of Jalaali year
+ march: the March day of Farvardin the 1st (1st day of jy)
+ @see: http://www.astro.uni.torun.pl/~kb/Papers/EMP/PersianC-EMP.htm
+ @see: http://www.fourmilab.ch/documents/calendar/
+ */
+ function jalCal (jy) {
+ // Jalaali years starting the 33-year rule.
+ var breaks = [-61, 9, 38, 199, 426, 686, 756, 818, 1111, 1181, 1210, 1635, 2060, 2097, 2192, 2262, 2324, 2394, 2456, 3178];
+ var bl = breaks.length;
+ var gy = jy + 621;
+ var leapJ = -14;
+ var jp = breaks[0];
+ var jm;
+ var jump;
+ var leap;
+ var leapG;
+ var march;
+ var n;
+ var i;
+
+ if (jy < jp || jy >= breaks[bl - 1]) { throw new Error('Invalid Jalaali year ' + jy) }
+
+ // Find the limiting years for the Jalaali year jy.
+ for (i = 1; i < bl; i += 1) {
+ jm = breaks[i];
+ jump = jm - jp;
+ if (jy < jm) { break }
+ leapJ = leapJ + div(jump, 33) * 8 + div(mod(jump, 33), 4);
+ jp = jm;
+ }
+ n = jy - jp;
+
+ // Find the number of leap years from AD 621 to the beginning
+ // of the current Jalaali year in the Persian calendar.
+ leapJ = leapJ + div(n, 33) * 8 + div(mod(n, 33) + 3, 4);
+ if (mod(jump, 33) === 4 && jump - n === 4) { leapJ += 1; }
+
+ // And the same in the Gregorian calendar (until the year gy).
+ leapG = div(gy, 4) - div((div(gy, 100) + 1) * 3, 4) - 150;
+
+ // Determine the Gregorian date of Farvardin the 1st.
+ march = 20 + leapJ - leapG;
+
+ // Find how many years have passed since the last leap year.
+ if (jump - n < 6) { n = n - jump + div(jump + 4, 33) * 33; }
+ leap = mod(mod(n + 1, 33) - 1, 4);
+ if (leap === -1) {
+ leap = 4;
+ }
+
+ return { leap: leap,
+ gy: gy,
+ march: march
+ }
+ }
+
+ /*
+ Converts a date of the Jalaali calendar to the Julian Day number.
+ @param jy Jalaali year (1 to 3100)
+ @param jm Jalaali month (1 to 12)
+ @param jd Jalaali day (1 to 29/31)
+ @return Julian Day number
+ */
+ function j2d (jy, jm, jd) {
+ var r = jalCal(jy);
+ return g2d(r.gy, 3, r.march) + (jm - 1) * 31 - div(jm, 7) * (jm - 7) + jd - 1
+ }
+
+ /*
+ Converts the Julian Day number to a date in the Jalaali calendar.
+ @param jdn Julian Day number
+ @return
+ jy: Jalaali year (1 to 3100)
+ jm: Jalaali month (1 to 12)
+ jd: Jalaali day (1 to 29/31)
+ */
+ function d2j (jdn) {
+ var gy = d2g(jdn).gy; // Calculate Gregorian year (gy).
+ var jy = gy - 621;
+ var r = jalCal(jy);
+ var jdn1f = g2d(gy, 3, r.march);
+ var jd;
+ var jm;
+ var k;
+
+ // Find number of days that passed since 1 Farvardin.
+ k = jdn - jdn1f;
+ if (k >= 0) {
+ if (k <= 185) {
+ // The first 6 months.
+ jm = 1 + div(k, 31);
+ jd = mod(k, 31) + 1;
+ return { jy: jy,
+ jm: jm,
+ jd: jd
+ }
+ } else {
+ // The remaining months.
+ k -= 186;
+ }
+ } else {
+ // Previous Jalaali year.
+ jy -= 1;
+ k += 179;
+ if (r.leap === 1) { k += 1; }
+ }
+ jm = 7 + div(k, 30);
+ jd = mod(k, 30) + 1;
+ return { jy: jy,
+ jm: jm,
+ jd: jd
+ }
+ }
+
+ /*
+ Calculates the Julian Day number from Gregorian or Julian
+ calendar dates. This integer number corresponds to the noon of
+ the date (i.e. 12 hours of Universal Time).
+ The procedure was tested to be good since 1 March, -100100 (of both
+ calendars) up to a few million years into the future.
+ @param gy Calendar year (years BC numbered 0, -1, -2, ...)
+ @param gm Calendar month (1 to 12)
+ @param gd Calendar day of the month (1 to 28/29/30/31)
+ @return Julian Day number
+ */
+ function g2d (gy, gm, gd) {
+ var d = div((gy + div(gm - 8, 6) + 100100) * 1461, 4) +
+ div(153 * mod(gm + 9, 12) + 2, 5) +
+ gd - 34840408;
+ d = d - div(div(gy + 100100 + div(gm - 8, 6), 100) * 3, 4) + 752;
+ return d
+ }
+
+ /*
+ Calculates Gregorian and Julian calendar dates from the Julian Day number
+ (jdn) for the period since jdn=-34839655 (i.e. the year -100100 of both
+ calendars) to some millions years ahead of the present.
+ @param jdn Julian Day number
+ @return
+ gy: Calendar year (years BC numbered 0, -1, -2, ...)
+ gm: Calendar month (1 to 12)
+ gd: Calendar day of the month M (1 to 28/29/30/31)
+ */
+ function d2g (jdn) {
+ var j,
+ i,
+ gd,
+ gm,
+ gy;
+ j = 4 * jdn + 139361631;
+ j = j + div(div(4 * jdn + 183187720, 146097) * 3, 4) * 4 - 3908;
+ i = div(mod(j, 1461), 4) * 5 + 308;
+ gd = div(mod(i, 153), 5) + 1;
+ gm = mod(div(i, 153), 12) + 1;
+ gy = div(j, 1461) - 100100 + div(8 - gm, 6);
+ return { gy: gy,
+ gm: gm,
+ gd: gd
+ }
+ }
+
+ /*
+ Utility helper functions.
+ */
+
+ function div (a, b) {
+ return ~~(a / b)
+ }
+
+ function mod (a, b) {
+ return a - ~~(a / b) * b
+ }
+
+ function fixDate (y, m, d) {
+ if (m > 11) {
+ y += Math.floor(m / 12);
+ m = m % 12;
+ }
+ while (m < 0) {
+ y -= 1;
+ m += 12;
+ }
+ while (d > monthLength(y, m + 1)) {
+ m = m !== 11 ? m + 1 : 0;
+ y = m === 0 ? y + 1 : y;
+ d -= monthLength(y, m + 1);
+ }
+ while (d <= 0) {
+ m = m !== 0 ? m - 1 : 11;
+ y = m === 11 ? y - 1 : y;
+ d += monthLength(y, m + 1);
+ }
+ return [y, m || 0, d || 1]
+ }
+
+ /*
+ Copyright nainemom \n " + (calendar.renderMonth(date, 'prev')) + "\n " + (calendar.renderMonth(date)) + "\n " + (calendar.renderMonth(date, 'next')) + "\n
\n ").trim();
+ };
+
+ Calendar.prototype.renderMonth = function renderMonth (d, offset) {
+ var calendar = this;
+ var params = calendar.params;
+ var value = calendar.value;
+ if (params.renderMonth) {
+ return params.renderMonth.call(calendar, d, offset);
+ }
+ var date = new calendar.DateHandleClass(d);
+ var year = date.getFullYear();
+ var month = date.getMonth();
+
+ if (offset === 'next') {
+ if (month === 11) { date = new calendar.DateHandleClass(year + 1, 0); }
+ else { date = new calendar.DateHandleClass(year, month + 1, 1); }
+ }
+ if (offset === 'prev') {
+ if (month === 0) { date = new calendar.DateHandleClass(year - 1, 11); }
+ else { date = new calendar.DateHandleClass(year, month - 1, 1); }
+ }
+ if (offset === 'next' || offset === 'prev') {
+ month = date.getMonth();
+ year = date.getFullYear();
+ }
+
+ var currentValues = [];
+ var today = new calendar.DateHandleClass().setHours(0, 0, 0, 0);
+ var minDate = params.minDate ? new calendar.DateHandleClass(params.minDate).getTime() : null;
+ var maxDate = params.maxDate ? new calendar.DateHandleClass(params.maxDate).getTime() : null;
+ var rows = 6;
+ var cols = 7;
+ var daysInPrevMonth = calendar.daysInMonth(new calendar.DateHandleClass(date.getFullYear(), date.getMonth()).getTime() - (10 * 24 * 60 * 60 * 1000));
+ var daysInMonth = calendar.daysInMonth(date);
+ var minDayNumber = params.firstDay === 6 ? 0 : 1;
+
+ var monthHtml = '';
+ var dayIndex = 0 + (params.firstDay - 1);
+ var disabled;
+ var hasEvents;
+ var firstDayOfMonthIndex = new calendar.DateHandleClass(date.getFullYear(), date.getMonth()).getDay();
+ if (firstDayOfMonthIndex === 0) { firstDayOfMonthIndex = 7; }
+
+ if (value && value.length) {
+ for (var i = 0; i < value.length; i += 1) {
+ currentValues.push(new calendar.DateHandleClass(value[i]).setHours(0, 0, 0, 0));
+ }
+ }
+
+ for (var row = 1; row <= rows; row += 1) {
+ var rowHtml = '';
+ var loop = function ( col ) {
+ dayIndex += 1;
+ var dayDate = (void 0);
+ var dayNumber = dayIndex - firstDayOfMonthIndex;
+ var addClass = '';
+ if (row === 1 && col === 1 && dayNumber > minDayNumber && params.firstDay !== 1) {
+ dayIndex -= 7;
+ dayNumber = dayIndex - firstDayOfMonthIndex;
+ }
+
+ var weekDayIndex = ((col - 1) + params.firstDay > 6)
+ ? ((col - 1 - 7) + params.firstDay)
+ : ((col - 1) + params.firstDay);
+
+ if (dayNumber < 0) {
+ dayNumber = daysInPrevMonth + dayNumber + 1;
+ addClass += ' calendar-day-prev';
+ dayDate = new calendar.DateHandleClass(month - 1 < 0 ? year - 1 : year, month - 1 < 0 ? 11 : month - 1, dayNumber).getTime();
+ } else {
+ dayNumber += 1;
+ if (dayNumber > daysInMonth) {
+ dayNumber -= daysInMonth;
+ addClass += ' calendar-day-next';
+ dayDate = new calendar.DateHandleClass(month + 1 > 11 ? year + 1 : year, month + 1 > 11 ? 0 : month + 1, dayNumber).getTime();
+ } else {
+ dayDate = new calendar.DateHandleClass(year, month, dayNumber).getTime();
+ }
+ }
+ // Today
+ if (dayDate === today) { addClass += ' calendar-day-today'; }
+
+ // Selected
+ if (params.rangePicker && currentValues.length === 2) {
+ if (dayDate >= currentValues[0] && dayDate <= currentValues[1]) { addClass += ' calendar-day-selected'; }
+ } else if (currentValues.indexOf(dayDate) >= 0) { addClass += ' calendar-day-selected'; }
+ // Weekend
+ if (params.weekendDays.indexOf(weekDayIndex) >= 0) {
+ addClass += ' calendar-day-weekend';
+ }
+ // Events
+ var eventsHtml = '';
+ hasEvents = false;
+ if (params.events) {
+ if (calendar.dateInRange(dayDate, params.events)) {
+ hasEvents = true;
+ }
+ }
+ if (hasEvents) {
+ addClass += ' calendar-day-has-events';
+ eventsHtml = "\n \n \n \n ";
+ if (Array.isArray(params.events)) {
+ var eventDots = [];
+ params.events.forEach(function (ev) {
+ var color = ev.color || '';
+ if (eventDots.indexOf(color) < 0 && calendar.dateInRange(dayDate, ev)) {
+ eventDots.push(color);
+ }
+ });
+ eventsHtml = "\n \n " + (eventDots.map(function (color) { return ("\n \n ").trim(); }).join('')) + "\n \n ";
+ }
+ }
+ // Custom Ranges
+ if (params.rangesClasses) {
+ for (var k = 0; k < params.rangesClasses.length; k += 1) {
+ if (calendar.dateInRange(dayDate, params.rangesClasses[k].range)) {
+ addClass += " " + (params.rangesClasses[k].cssClass);
+ }
+ }
+ }
+ // Disabled
+ disabled = false;
+ if ((minDate && dayDate < minDate) || (maxDate && dayDate > maxDate)) {
+ disabled = true;
+ }
+ if (params.disabled) {
+ if (calendar.dateInRange(dayDate, params.disabled)) {
+ disabled = true;
+ }
+ }
+ if (disabled) {
+ addClass += ' calendar-day-disabled';
+ }
+
+ dayDate = new calendar.DateHandleClass(dayDate);
+ var dayYear = dayDate.getFullYear();
+ var dayMonth = dayDate.getMonth();
+ rowHtml += ("\n \n " + dayNumber + eventsHtml + "\n
").trim();
+ };
+
+ for (var col = 1; col <= cols; col += 1) loop( col );
+ monthHtml += "" + rowHtml + "
";
+ }
+ monthHtml = "" + monthHtml + "
";
+ return monthHtml;
+ };
+
+ Calendar.prototype.renderWeekHeader = function renderWeekHeader () {
+ var calendar = this;
+ if (calendar.params.renderWeekHeader) {
+ return calendar.params.renderWeekHeader.call(calendar);
+ }
+ var params = calendar.params;
+ var weekDaysHtml = '';
+ for (var i = 0; i < 7; i += 1) {
+ var dayIndex = (i + params.firstDay > 6)
+ ? ((i - 7) + params.firstDay)
+ : (i + params.firstDay);
+ var dayName = params.dayNamesShort[dayIndex];
+ weekDaysHtml += "" + dayName + "
";
+ }
+ return ("\n \n " + weekDaysHtml + "\n
\n ").trim();
+ };
+
+ Calendar.prototype.renderMonthSelector = function renderMonthSelector () {
+ var calendar = this;
+ if (calendar.params.renderMonthSelector) {
+ return calendar.params.renderMonthSelector.call(calendar);
+ }
+
+ return "\n \n ".trim();
+ };
+
+ Calendar.prototype.renderYearSelector = function renderYearSelector () {
+ var calendar = this;
+ if (calendar.params.renderYearSelector) {
+ return calendar.params.renderYearSelector.call(calendar);
+ }
+ return "\n \n ".trim();
+ };
+
+ Calendar.prototype.renderHeader = function renderHeader () {
+ var calendar = this;
+ if (calendar.params.renderHeader) {
+ return calendar.params.renderHeader.call(calendar);
+ }
+ return ("\n \n
\n ").trim();
+ };
+
+ Calendar.prototype.renderFooter = function renderFooter () {
+ var calendar = this;
+ var app = calendar.app;
+ if (calendar.params.renderFooter) {
+ return calendar.params.renderFooter.call(calendar);
+ }
+ return ("\n \n ").trim();
+ };
+
+ Calendar.prototype.renderToolbar = function renderToolbar () {
+ var calendar = this;
+ if (calendar.params.renderToolbar) {
+ return calendar.params.renderToolbar.call(calendar, calendar);
+ }
+ return ("\n \n ").trim();
+ };
+ // eslint-disable-next-line
+ Calendar.prototype.renderInline = function renderInline () {
+ var calendar = this;
+ var ref = calendar.params;
+ var cssClass = ref.cssClass;
+ var toolbar = ref.toolbar;
+ var header = ref.header;
+ var footer = ref.footer;
+ var rangePicker = ref.rangePicker;
+ var weekHeader = ref.weekHeader;
+ var value = calendar.value;
+ var date = value && value.length ? value[0] : new calendar.DateHandleClass().setHours(0, 0, 0);
+ var inlineHtml = ("\n " + (calendar.params.headerPlaceholder) + "
\n \n " + (header ? calendar.renderHeader() : '') + "\n " + (toolbar ? calendar.renderToolbar() : '') + "\n " + (weekHeader ? calendar.renderWeekHeader() : '') + "\n
\n ").trim();
+
+ return inlineHtml;
+ };
+
+ Calendar.prototype.renderCustomModal = function renderCustomModal () {
+ var calendar = this;
+ var ref = calendar.params;
+ var cssClass = ref.cssClass;
+ var toolbar = ref.toolbar;
+ var header = ref.header;
+ var footer = ref.footer;
+ var rangePicker = ref.rangePicker;
+ var weekHeader = ref.weekHeader;
+ var value = calendar.value;
+ var date = value && value.length ? value[0] : new calendar.DateHandleClass().setHours(0, 0, 0);
+ var sheetHtml = ("\n \n " + (calendar.renderMonths(date)) + "\n
\n " + (footer ? calendar.renderFooter() : '') + "\n \n " + (header ? calendar.renderHeader() : '') + "\n " + (toolbar ? calendar.renderToolbar() : '') + "\n " + (weekHeader ? calendar.renderWeekHeader() : '') + "\n
\n ").trim();
+
+ return sheetHtml;
+ };
+
+ Calendar.prototype.renderSheet = function renderSheet () {
+ var calendar = this;
+ var ref = calendar.params;
+ var cssClass = ref.cssClass;
+ var toolbar = ref.toolbar;
+ var header = ref.header;
+ var footer = ref.footer;
+ var rangePicker = ref.rangePicker;
+ var weekHeader = ref.weekHeader;
+ var value = calendar.value;
+ var date = value && value.length ? value[0] : new calendar.DateHandleClass().setHours(0, 0, 0);
+ var sheetHtml = ("\n \n " + (calendar.renderMonths(date)) + "\n
\n " + (footer ? calendar.renderFooter() : '') + "\n \n " + (header ? calendar.renderHeader() : '') + "\n " + (toolbar ? calendar.renderToolbar() : '') + "\n " + (weekHeader ? calendar.renderWeekHeader() : '') + "\n
\n ").trim();
+
+ return sheetHtml;
+ };
+
+ Calendar.prototype.renderPopover = function renderPopover () {
+ var calendar = this;
+ var ref = calendar.params;
+ var cssClass = ref.cssClass;
+ var toolbar = ref.toolbar;
+ var header = ref.header;
+ var footer = ref.footer;
+ var rangePicker = ref.rangePicker;
+ var weekHeader = ref.weekHeader;
+ var value = calendar.value;
+ var date = value && value.length ? value[0] : new calendar.DateHandleClass().setHours(0, 0, 0);
+ var popoverHtml = ("\n \n " + (calendar.renderMonths(date)) + "\n
\n " + (footer ? calendar.renderFooter() : '') + "\n \n
\n ").trim();
+
+ return popoverHtml;
+ };
+
+ Calendar.prototype.render = function render () {
+ var calendar = this;
+ var params = calendar.params;
+ if (params.render) { return params.render.call(calendar); }
+ if (!calendar.inline) {
+ var modalType = params.openIn;
+ if (modalType === 'auto') { modalType = calendar.isPopover() ? 'popover' : 'sheet'; }
+
+ if (modalType === 'popover') { return calendar.renderPopover(); }
+ if (modalType === 'sheet') { return calendar.renderSheet(); }
+ return calendar.renderCustomModal();
+ }
+ return calendar.renderInline();
+ };
+
+ Calendar.prototype.onOpen = function onOpen () {
+ var calendar = this;
+ var initialized = calendar.initialized;
+ var $el = calendar.$el;
+ var app = calendar.app;
+ var $inputEl = calendar.$inputEl;
+ var inline = calendar.inline;
+ var value = calendar.value;
+ var params = calendar.params;
+ calendar.closing = false;
+ calendar.opened = true;
+ calendar.opening = true;
+
+ // Init main events
+ calendar.attachCalendarEvents();
+
+ var updateValue = !value && params.value;
+
+ // Set value
+ if (!initialized) {
+ if (value) { calendar.setValue(value, 0); }
+ else if (params.value) {
+ calendar.setValue(calendar.normalizeValues(params.value), 0);
+ }
+ } else if (value) {
+ calendar.setValue(value, 0);
+ }
+
+ // Update current month and year
+ calendar.updateCurrentMonthYear();
+
+ // Set initial translate
+ calendar.monthsTranslate = 0;
+ calendar.setMonthsTranslate();
+
+ // Update input value
+ if (updateValue) { calendar.updateValue(); }
+ else if (params.header && value) {
+ calendar.updateValue(true);
+ }
+
+ // Extra focus
+ if (!inline && $inputEl && $inputEl.length && app.theme === 'md') {
+ $inputEl.trigger('focus');
+ }
+
+ calendar.initialized = true;
+
+ calendar.$months.each(function (index, monthEl) {
+ calendar.emit('local::monthAdd calendarMonthAdd', monthEl);
+ });
+
+ // Trigger events
+ if ($el) {
+ $el.trigger('calendar:open', calendar);
+ }
+ if ($inputEl) {
+ $inputEl.trigger('calendar:open', calendar);
+ }
+ calendar.emit('local::open calendarOpen', calendar);
+ };
+
+ Calendar.prototype.onOpened = function onOpened () {
+ var calendar = this;
+ calendar.opening = false;
+ if (calendar.$el) {
+ calendar.$el.trigger('calendar:opened', calendar);
+ }
+ if (calendar.$inputEl) {
+ calendar.$inputEl.trigger('calendar:opened', calendar);
+ }
+ calendar.emit('local::opened calendarOpened', calendar);
+ };
+
+ Calendar.prototype.onClose = function onClose () {
+ var calendar = this;
+ var app = calendar.app;
+ calendar.opening = false;
+ calendar.closing = true;
+
+ if (calendar.$inputEl && app.theme === 'md') {
+ calendar.$inputEl.trigger('blur');
+ }
+ if (calendar.detachCalendarEvents) {
+ calendar.detachCalendarEvents();
+ }
+
+ if (calendar.$el) {
+ calendar.$el.trigger('calendar:close', calendar);
+ }
+ if (calendar.$inputEl) {
+ calendar.$inputEl.trigger('calendar:close', calendar);
+ }
+ calendar.emit('local::close calendarClose', calendar);
+ };
+
+ Calendar.prototype.onClosed = function onClosed () {
+ var calendar = this;
+ calendar.opened = false;
+ calendar.closing = false;
+
+ if (!calendar.inline) {
+ Utils.nextTick(function () {
+ if (calendar.modal && calendar.modal.el && calendar.modal.destroy) {
+ if (!calendar.params.routableModals) {
+ calendar.modal.destroy();
+ }
+ }
+ delete calendar.modal;
+ });
+ }
+ if (calendar.$el) {
+ calendar.$el.trigger('calendar:closed', calendar);
+ }
+ if (calendar.$inputEl) {
+ calendar.$inputEl.trigger('calendar:closed', calendar);
+ }
+ calendar.emit('local::closed calendarClosed', calendar);
+ };
+
+ Calendar.prototype.open = function open () {
+ var obj;
+
+ var calendar = this;
+ var app = calendar.app;
+ var opened = calendar.opened;
+ var inline = calendar.inline;
+ var $inputEl = calendar.$inputEl;
+ var params = calendar.params;
+ if (opened) { return; }
+
+ if (inline) {
+ calendar.$el = $(calendar.render());
+ calendar.$el[0].f7Calendar = calendar;
+ calendar.$wrapperEl = calendar.$el.find('.calendar-months-wrapper');
+ calendar.$months = calendar.$wrapperEl.find('.calendar-month');
+ calendar.$containerEl.append(calendar.$el);
+ calendar.onOpen();
+ calendar.onOpened();
+ return;
+ }
+ var modalType = params.openIn;
+ if (modalType === 'auto') {
+ modalType = calendar.isPopover() ? 'popover' : 'sheet';
+ }
+ var modalContent = calendar.render();
+
+ var modalParams = {
+ targetEl: $inputEl,
+ scrollToEl: calendar.params.scrollToInput ? $inputEl : undefined,
+ content: modalContent,
+ backdrop: calendar.params.backdrop === true || (modalType === 'popover' && app.params.popover.backdrop !== false && calendar.params.backdrop !== false),
+ closeByBackdropClick: calendar.params.closeByBackdropClick,
+ on: {
+ open: function open() {
+ var modal = this;
+ calendar.modal = modal;
+ calendar.$el = modalType === 'popover' ? modal.$el.find('.calendar') : modal.$el;
+ calendar.$wrapperEl = calendar.$el.find('.calendar-months-wrapper');
+ calendar.$months = calendar.$wrapperEl.find('.calendar-month');
+ calendar.$el[0].f7Calendar = calendar;
+ if (modalType === 'customModal') {
+ $(calendar.$el).find('.calendar-close').once('click', function () {
+ calendar.close();
+ });
+ }
+ calendar.onOpen();
+ },
+ opened: function opened() { calendar.onOpened(); },
+ close: function close() { calendar.onClose(); },
+ closed: function closed() { calendar.onClosed(); },
+ },
+ };
+ if (calendar.params.routableModals) {
+ calendar.view.router.navigate({
+ url: calendar.url,
+ route: ( obj = {
+ path: calendar.url
+ }, obj[modalType] = modalParams, obj ),
+ });
+ } else {
+ calendar.modal = app[modalType].create(modalParams);
+ calendar.modal.open();
+ }
+ };
+
+ Calendar.prototype.close = function close () {
+ var calendar = this;
+ var opened = calendar.opened;
+ var inline = calendar.inline;
+ if (!opened) { return; }
+ if (inline) {
+ calendar.onClose();
+ calendar.onClosed();
+ return;
+ }
+ if (calendar.params.routableModals) {
+ calendar.view.router.back();
+ } else {
+ calendar.modal.close();
+ }
+ };
+
+ Calendar.prototype.init = function init () {
+ var calendar = this;
+
+ calendar.initInput();
+
+ if (calendar.inline) {
+ calendar.open();
+ calendar.emit('local::init calendarInit', calendar);
+ return;
+ }
+
+ if (!calendar.initialized && calendar.params.value) {
+ calendar.setValue(calendar.normalizeValues(calendar.params.value));
+ }
+
+ // Attach input Events
+ if (calendar.$inputEl) {
+ calendar.attachInputEvents();
+ }
+ if (calendar.params.closeByOutsideClick) {
+ calendar.attachHtmlEvents();
+ }
+ calendar.emit('local::init calendarInit', calendar);
+ };
+
+ Calendar.prototype.destroy = function destroy () {
+ var calendar = this;
+ if (calendar.destroyed) { return; }
+ var $el = calendar.$el;
+ calendar.emit('local::beforeDestroy calendarBeforeDestroy', calendar);
+ if ($el) { $el.trigger('calendar:beforedestroy', calendar); }
+
+ calendar.close();
+
+ // Detach Events
+ if (calendar.$inputEl) {
+ calendar.detachInputEvents();
+ }
+ if (calendar.params.closeByOutsideClick) {
+ calendar.detachHtmlEvents();
+ }
+
+ if ($el && $el.length) { delete calendar.$el[0].f7Calendar; }
+ Utils.deleteProps(calendar);
+ calendar.destroyed = true;
+ };
+
+ return Calendar;
+ }(Framework7Class));
+
+ var Calendar$1 = {
+ name: 'calendar',
+ static: {
+ Calendar: Calendar,
+ },
+ create: function create() {
+ var app = this;
+ app.calendar = ConstructorMethods({
+ defaultSelector: '.calendar',
+ constructor: Calendar,
+ app: app,
+ domProp: 'f7Calendar',
+ });
+ app.calendar.close = function close(el) {
+ if ( el === void 0 ) el = '.calendar';
+
+ var $el = $(el);
+ if ($el.length === 0) { return; }
+ var calendar = $el[0].f7Calendar;
+ if (!calendar || (calendar && !calendar.opened)) { return; }
+ calendar.close();
+ };
+ },
+ params: {
+ calendar: {
+ // Calendar settings
+ calendarType: 'gregorian', // or 'jalali'
+ monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+ monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+ dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+ dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+ firstDay: 1, // First day of the week, Monday
+ weekendDays: [0, 6], // Sunday and Saturday
+ jalali: {
+ monthNames: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند'],
+ monthNamesShort: ['فَر', 'اُر', 'خُر', 'تیر', 'مُر', 'شَه', 'مهر', 'آب', 'آذر', 'دی', 'بَه', 'اِس'],
+ dayNames: ['یکشنبه', 'دوشنبه', 'سهشنبه', 'چهارشنبه', 'پنجشنبه', 'جمعه', 'شنبه'],
+ dayNamesShort: ['1ش', '۲ش', '۳ش', '۴ش', '۵ش', 'ج', 'ش'],
+ firstDay: 6, // Saturday
+ weekendDays: [5], // Friday
+ },
+ multiple: false,
+ rangePicker: false,
+ rangePickerMinDays: 1, // when calendar is used as rangePicker
+ rangePickerMaxDays: 0, // when calendar is used as rangePicker, 0 means unlimited
+ dateFormat: 'yyyy-mm-dd',
+ direction: 'horizontal', // or 'vertical'
+ minDate: null,
+ maxDate: null,
+ disabled: null, // dates range of disabled days
+ events: null, // dates range of days with events
+ rangesClasses: null, // array with custom classes date ranges
+ touchMove: true,
+ animate: true,
+ closeOnSelect: false,
+ monthSelector: true,
+ yearSelector: true,
+ weekHeader: true,
+ value: null,
+ // Common opener settings
+ containerEl: null,
+ openIn: 'auto', // or 'popover' or 'sheet' or 'customModal'
+ formatValue: null,
+ inputEl: null,
+ inputReadOnly: true,
+ closeByOutsideClick: true,
+ scrollToInput: true,
+ header: false,
+ headerPlaceholder: 'Select date',
+ footer: false,
+ toolbar: true,
+ toolbarCloseText: 'Done',
+ cssClass: null,
+ routableModals: true,
+ view: null,
+ url: 'date/',
+ backdrop: null,
+ closeByBackdropClick: true,
+ // Render functions
+ renderWeekHeader: null,
+ renderMonths: null,
+ renderMonth: null,
+ renderMonthSelector: null,
+ renderYearSelector: null,
+ renderHeader: null,
+ renderFooter: null,
+ renderToolbar: null,
+ renderInline: null,
+ renderPopover: null,
+ renderSheet: null,
+ render: null,
+ },
+ },
+ };
+
+ function pickerColumn (colEl, updateItems) {
+ var picker = this;
+ var app = picker.app;
+ var $colEl = $(colEl);
+ var colIndex = $colEl.index();
+ var col = picker.cols[colIndex];
+ if (col.divider) { return; }
+
+ col.$el = $colEl;
+ col.el = $colEl[0];
+ col.$itemsEl = col.$el.find('.picker-items');
+ col.items = col.$itemsEl.find('.picker-item');
+
+ var itemHeight;
+ var itemsHeight;
+ var minTranslate;
+ var maxTranslate;
+ var animationFrameId;
+
+ function updateDuringScroll() {
+ animationFrameId = Utils.requestAnimationFrame(function () {
+ col.updateItems(undefined, undefined, 0);
+ updateDuringScroll();
+ });
+ }
+
+ col.replaceValues = function replaceColValues(values, displayValues) {
+ col.detachEvents();
+ col.values = values;
+ col.displayValues = displayValues;
+ col.$itemsEl.html(picker.renderColumn(col, true));
+ col.items = col.$itemsEl.find('.picker-item');
+ col.calcSize();
+ col.setValue(col.values[0], 0, true);
+ col.attachEvents();
+ };
+ col.calcSize = function calcColSize() {
+ if (picker.params.rotateEffect) {
+ col.$el.removeClass('picker-column-absolute');
+ if (!col.width) { col.$el.css({ width: '' }); }
+ }
+ var colWidth = 0;
+ var colHeight = col.$el[0].offsetHeight;
+ itemHeight = col.items[0].offsetHeight;
+ itemsHeight = itemHeight * col.items.length;
+ minTranslate = ((colHeight / 2) - itemsHeight) + (itemHeight / 2);
+ maxTranslate = (colHeight / 2) - (itemHeight / 2);
+ if (col.width) {
+ colWidth = col.width;
+ if (parseInt(colWidth, 10) === colWidth) { colWidth += 'px'; }
+ col.$el.css({ width: colWidth });
+ }
+ if (picker.params.rotateEffect) {
+ if (!col.width) {
+ col.items.each(function (index, itemEl) {
+ var item = $(itemEl).children('span');
+ colWidth = Math.max(colWidth, item[0].offsetWidth);
+ });
+ col.$el.css({ width: ((colWidth + 2) + "px") });
+ }
+ col.$el.addClass('picker-column-absolute');
+ }
+ };
+
+ col.setValue = function setColValue(newValue, transition, valueCallbacks) {
+ if ( transition === void 0 ) transition = '';
+
+ var newActiveIndex = col.$itemsEl.find((".picker-item[data-picker-value=\"" + newValue + "\"]")).index();
+ if (typeof newActiveIndex === 'undefined' || newActiveIndex === -1) {
+ return;
+ }
+ var newTranslate = (-newActiveIndex * itemHeight) + maxTranslate;
+ // Update wrapper
+ col.$itemsEl.transition(transition);
+ col.$itemsEl.transform(("translate3d(0," + newTranslate + "px,0)"));
+
+ // Watch items
+ if (picker.params.updateValuesOnMomentum && col.activeIndex && col.activeIndex !== newActiveIndex) {
+ Utils.cancelAnimationFrame(animationFrameId);
+ col.$itemsEl.transitionEnd(function () {
+ Utils.cancelAnimationFrame(animationFrameId);
+ });
+ updateDuringScroll();
+ }
+
+ // Update items
+ col.updateItems(newActiveIndex, newTranslate, transition, valueCallbacks);
+ };
+
+ col.updateItems = function updateColItems(activeIndex, translate, transition, valueCallbacks) {
+ if (typeof translate === 'undefined') {
+ // eslint-disable-next-line
+ translate = Utils.getTranslate(col.$itemsEl[0], 'y');
+ }
+ // eslint-disable-next-line
+ if (typeof activeIndex === 'undefined') { activeIndex = -Math.round((translate - maxTranslate) / itemHeight); }
+ // eslint-disable-next-line
+ if (activeIndex < 0) { activeIndex = 0; }
+ // eslint-disable-next-line
+ if (activeIndex >= col.items.length) { activeIndex = col.items.length - 1; }
+ var previousActiveIndex = col.activeIndex;
+ col.activeIndex = activeIndex;
+ col.$itemsEl.find('.picker-item-selected').removeClass('picker-item-selected');
+
+ col.items.transition(transition);
+
+ var selectedItem = col.items.eq(activeIndex).addClass('picker-item-selected').transform('');
+
+ // Set 3D rotate effect
+ if (picker.params.rotateEffect) {
+ col.items.each(function (index, itemEl) {
+ var $itemEl = $(itemEl);
+ var itemOffsetTop = $itemEl.index() * itemHeight;
+ var translateOffset = maxTranslate - translate;
+ var itemOffset = itemOffsetTop - translateOffset;
+ var percentage = itemOffset / itemHeight;
+ var itemsFit = Math.ceil(col.height / itemHeight / 2) + 1;
+
+ var angle = (-18 * percentage);
+ if (angle > 180) { angle = 180; }
+ if (angle < -180) { angle = -180; }
+ if (Math.abs(percentage) > itemsFit) {
+ $itemEl.addClass('picker-item-far');
+ } else {
+ $itemEl.removeClass('picker-item-far');
+ }
+ $itemEl.transform(("translate3d(0, " + (-translate + maxTranslate) + "px, " + (picker.needsOriginFix ? -110 : 0) + "px) rotateX(" + angle + "deg)"));
+ });
+ }
+
+ if (valueCallbacks || typeof valueCallbacks === 'undefined') {
+ // Update values
+ col.value = selectedItem.attr('data-picker-value');
+ col.displayValue = col.displayValues ? col.displayValues[activeIndex] : col.value;
+ // On change callback
+ if (previousActiveIndex !== activeIndex) {
+ if (col.onChange) {
+ col.onChange(picker, col.value, col.displayValue);
+ }
+ picker.updateValue();
+ }
+ }
+ };
+
+ var allowItemClick = true;
+ var isTouched;
+ var isMoved;
+ var touchStartY;
+ var touchCurrentY;
+ var touchStartTime;
+ var touchEndTime;
+ var startTranslate;
+ var returnTo;
+ var currentTranslate;
+ var prevTranslate;
+ var velocityTranslate;
+ function handleTouchStart(e) {
+ if (isMoved || isTouched) { return; }
+ e.preventDefault();
+ isTouched = true;
+ touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+ touchCurrentY = touchStartY;
+ touchStartTime = (new Date()).getTime();
+
+ allowItemClick = true;
+ startTranslate = Utils.getTranslate(col.$itemsEl[0], 'y');
+ currentTranslate = startTranslate;
+ }
+ function handleTouchMove(e) {
+ if (!isTouched) { return; }
+ e.preventDefault();
+ allowItemClick = false;
+ touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+ if (!isMoved) {
+ // First move
+ Utils.cancelAnimationFrame(animationFrameId);
+ isMoved = true;
+ startTranslate = Utils.getTranslate(col.$itemsEl[0], 'y');
+ currentTranslate = startTranslate;
+ col.$itemsEl.transition(0);
+ }
+
+ var diff = touchCurrentY - touchStartY;
+ currentTranslate = startTranslate + diff;
+ returnTo = undefined;
+
+ // Normalize translate
+ if (currentTranslate < minTranslate) {
+ currentTranslate = minTranslate - (Math.pow( (minTranslate - currentTranslate), 0.8 ));
+ returnTo = 'min';
+ }
+ if (currentTranslate > maxTranslate) {
+ currentTranslate = maxTranslate + (Math.pow( (currentTranslate - maxTranslate), 0.8 ));
+ returnTo = 'max';
+ }
+ // Transform wrapper
+ col.$itemsEl.transform(("translate3d(0," + currentTranslate + "px,0)"));
+
+ // Update items
+ col.updateItems(undefined, currentTranslate, 0, picker.params.updateValuesOnTouchmove);
+
+ // Calc velocity
+ velocityTranslate = currentTranslate - prevTranslate || currentTranslate;
+ prevTranslate = currentTranslate;
+ }
+ function handleTouchEnd() {
+ if (!isTouched || !isMoved) {
+ isTouched = false;
+ isMoved = false;
+ return;
+ }
+ isTouched = false;
+ isMoved = false;
+ col.$itemsEl.transition('');
+ if (returnTo) {
+ if (returnTo === 'min') {
+ col.$itemsEl.transform(("translate3d(0," + minTranslate + "px,0)"));
+ } else { col.$itemsEl.transform(("translate3d(0," + maxTranslate + "px,0)")); }
+ }
+ touchEndTime = new Date().getTime();
+ var newTranslate;
+ if (touchEndTime - touchStartTime > 300) {
+ newTranslate = currentTranslate;
+ } else {
+ newTranslate = currentTranslate + (velocityTranslate * picker.params.momentumRatio);
+ }
+
+ newTranslate = Math.max(Math.min(newTranslate, maxTranslate), minTranslate);
+
+ // Active Index
+ var activeIndex = -Math.floor((newTranslate - maxTranslate) / itemHeight);
+
+ // Normalize translate
+ if (!picker.params.freeMode) { newTranslate = (-activeIndex * itemHeight) + maxTranslate; }
+
+ // Transform wrapper
+ col.$itemsEl.transform(("translate3d(0," + (parseInt(newTranslate, 10)) + "px,0)"));
+
+ // Update items
+ col.updateItems(activeIndex, newTranslate, '', true);
+
+ // Watch items
+ if (picker.params.updateValuesOnMomentum) {
+ updateDuringScroll();
+ col.$itemsEl.transitionEnd(function () {
+ Utils.cancelAnimationFrame(animationFrameId);
+ });
+ }
+
+ // Allow click
+ setTimeout(function () {
+ allowItemClick = true;
+ }, 100);
+ }
+
+ function handleClick() {
+ if (!allowItemClick) { return; }
+ Utils.cancelAnimationFrame(animationFrameId);
+ var value = $(this).attr('data-picker-value');
+ col.setValue(value);
+ }
+
+ var activeListener = app.support.passiveListener ? { passive: false, capture: false } : false;
+ col.attachEvents = function attachColEvents() {
+ col.$el.on(app.touchEvents.start, handleTouchStart, activeListener);
+ app.on('touchmove:active', handleTouchMove);
+ app.on('touchend:passive', handleTouchEnd);
+ col.items.on('click', handleClick);
+ };
+ col.detachEvents = function detachColEvents() {
+ col.$el.off(app.touchEvents.start, handleTouchStart, activeListener);
+ app.off('touchmove:active', handleTouchMove);
+ app.off('touchend:passive', handleTouchEnd);
+ col.items.off('click', handleClick);
+ };
+
+ col.init = function initCol() {
+ col.calcSize();
+ col.$itemsEl.transform(("translate3d(0," + maxTranslate + "px,0)")).transition(0);
+ if (colIndex === 0) { col.$el.addClass('picker-column-first'); }
+ if (colIndex === picker.cols.length - 1) { col.$el.addClass('picker-column-last'); }
+ // Update items on init
+ if (updateItems) { col.updateItems(0, maxTranslate, 0); }
+
+ col.attachEvents();
+ };
+
+ col.destroy = function destroyCol() {
+ col.detachEvents();
+ };
+
+ col.init();
+ }
+
+ var Picker = /*@__PURE__*/(function (Framework7Class$$1) {
+ function Picker(app, params) {
+ if ( params === void 0 ) params = {};
+
+ Framework7Class$$1.call(this, params, [app]);
+ var picker = this;
+ picker.params = Utils.extend({}, app.params.picker, params);
+
+ var $containerEl;
+ if (picker.params.containerEl) {
+ $containerEl = $(picker.params.containerEl);
+ if ($containerEl.length === 0) { return picker; }
+ }
+
+ var $inputEl;
+ if (picker.params.inputEl) {
+ $inputEl = $(picker.params.inputEl);
+ }
+
+ var view;
+ if ($inputEl) {
+ view = $inputEl.parents('.view').length && $inputEl.parents('.view')[0].f7View;
+ }
+ if (!view) { view = app.views.main; }
+
+ Utils.extend(picker, {
+ app: app,
+ $containerEl: $containerEl,
+ containerEl: $containerEl && $containerEl[0],
+ inline: $containerEl && $containerEl.length > 0,
+ needsOriginFix: app.device.ios || ((win.navigator.userAgent.toLowerCase().indexOf('safari') >= 0 && win.navigator.userAgent.toLowerCase().indexOf('chrome') < 0) && !app.device.android),
+ cols: [],
+ $inputEl: $inputEl,
+ inputEl: $inputEl && $inputEl[0],
+ initialized: false,
+ opened: false,
+ url: picker.params.url,
+ view: view,
+ });
+
+ function onResize() {
+ picker.resizeCols();
+ }
+ function onInputClick() {
+ picker.open();
+ }
+ function onInputFocus(e) {
+ e.preventDefault();
+ }
+ function onHtmlClick(e) {
+ var $targetEl = $(e.target);
+ if (picker.isPopover()) { return; }
+ if (!picker.opened || picker.closing) { return; }
+ if ($targetEl.closest('[class*="backdrop"]').length) { return; }
+ if ($inputEl && $inputEl.length > 0) {
+ if ($targetEl[0] !== $inputEl[0] && $targetEl.closest('.sheet-modal').length === 0) {
+ picker.close();
+ }
+ } else if ($(e.target).closest('.sheet-modal').length === 0) {
+ picker.close();
+ }
+ }
+
+ // Events
+ Utils.extend(picker, {
+ attachResizeEvent: function attachResizeEvent() {
+ app.on('resize', onResize);
+ },
+ detachResizeEvent: function detachResizeEvent() {
+ app.off('resize', onResize);
+ },
+ attachInputEvents: function attachInputEvents() {
+ picker.$inputEl.on('click', onInputClick);
+ if (picker.params.inputReadOnly) {
+ picker.$inputEl.on('focus mousedown', onInputFocus);
+ }
+ },
+ detachInputEvents: function detachInputEvents() {
+ picker.$inputEl.off('click', onInputClick);
+ if (picker.params.inputReadOnly) {
+ picker.$inputEl.off('focus mousedown', onInputFocus);
+ }
+ },
+ attachHtmlEvents: function attachHtmlEvents() {
+ app.on('click', onHtmlClick);
+ },
+ detachHtmlEvents: function detachHtmlEvents() {
+ app.off('click', onHtmlClick);
+ },
+ });
+
+ picker.init();
+
+ return picker;
+ }
+
+ if ( Framework7Class$$1 ) Picker.__proto__ = Framework7Class$$1;
+ Picker.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ Picker.prototype.constructor = Picker;
+
+ Picker.prototype.initInput = function initInput () {
+ var picker = this;
+ if (!picker.$inputEl) { return; }
+ if (picker.params.inputReadOnly) { picker.$inputEl.prop('readOnly', true); }
+ };
+
+ Picker.prototype.resizeCols = function resizeCols () {
+ var picker = this;
+ if (!picker.opened) { return; }
+ for (var i = 0; i < picker.cols.length; i += 1) {
+ if (!picker.cols[i].divider) {
+ picker.cols[i].calcSize();
+ picker.cols[i].setValue(picker.cols[i].value, 0, false);
+ }
+ }
+ };
+
+ Picker.prototype.isPopover = function isPopover () {
+ var picker = this;
+ var app = picker.app;
+ var modal = picker.modal;
+ var params = picker.params;
+ if (params.openIn === 'sheet') { return false; }
+ if (modal && modal.type !== 'popover') { return false; }
+
+ if (!picker.inline && picker.inputEl) {
+ if (params.openIn === 'popover') { return true; }
+ if (app.device.ios) {
+ return !!app.device.ipad;
+ } if (app.width >= 768) {
+ return true;
+ }
+ }
+ return false;
+ };
+
+ Picker.prototype.formatValue = function formatValue () {
+ var picker = this;
+ var value = picker.value;
+ var displayValue = picker.displayValue;
+ if (picker.params.formatValue) {
+ return picker.params.formatValue.call(picker, value, displayValue);
+ }
+ return value.join(' ');
+ };
+
+ Picker.prototype.setValue = function setValue (values, transition) {
+ var picker = this;
+ var valueIndex = 0;
+ if (picker.cols.length === 0) {
+ picker.value = values;
+ picker.updateValue(values);
+ return;
+ }
+ for (var i = 0; i < picker.cols.length; i += 1) {
+ if (picker.cols[i] && !picker.cols[i].divider) {
+ picker.cols[i].setValue(values[valueIndex], transition);
+ valueIndex += 1;
+ }
+ }
+ };
+
+ Picker.prototype.getValue = function getValue () {
+ var picker = this;
+ return picker.value;
+ };
+
+ Picker.prototype.updateValue = function updateValue (forceValues) {
+ var picker = this;
+ var newValue = forceValues || [];
+ var newDisplayValue = [];
+ var column;
+ if (picker.cols.length === 0) {
+ var noDividerColumns = picker.params.cols.filter(function (c) { return !c.divider; });
+ for (var i = 0; i < noDividerColumns.length; i += 1) {
+ column = noDividerColumns[i];
+ if (column.displayValues !== undefined && column.values !== undefined && column.values.indexOf(newValue[i]) !== -1) {
+ newDisplayValue.push(column.displayValues[column.values.indexOf(newValue[i])]);
+ } else {
+ newDisplayValue.push(newValue[i]);
+ }
+ }
+ } else {
+ for (var i$1 = 0; i$1 < picker.cols.length; i$1 += 1) {
+ if (!picker.cols[i$1].divider) {
+ newValue.push(picker.cols[i$1].value);
+ newDisplayValue.push(picker.cols[i$1].displayValue);
+ }
+ }
+ }
+
+ if (newValue.indexOf(undefined) >= 0) {
+ return;
+ }
+ picker.value = newValue;
+ picker.displayValue = newDisplayValue;
+ picker.emit('local::change pickerChange', picker, picker.value, picker.displayValue);
+ if (picker.inputEl) {
+ picker.$inputEl.val(picker.formatValue());
+ picker.$inputEl.trigger('change');
+ }
+ };
+
+ Picker.prototype.initColumn = function initColumn (colEl, updateItems) {
+ var picker = this;
+ pickerColumn.call(picker, colEl, updateItems);
+ };
+ // eslint-disable-next-line
+ Picker.prototype.destroyColumn = function destroyColumn (colEl) {
+ var picker = this;
+ var $colEl = $(colEl);
+ var index = $colEl.index();
+ if (picker.cols[index] && picker.cols[index].destroy) {
+ picker.cols[index].destroy();
+ }
+ };
+
+ Picker.prototype.renderToolbar = function renderToolbar () {
+ var picker = this;
+ if (picker.params.renderToolbar) { return picker.params.renderToolbar.call(picker, picker); }
+ return ("\n \n ").trim();
+ };
+ // eslint-disable-next-line
+ Picker.prototype.renderColumn = function renderColumn (col, onlyItems) {
+ var colClasses = "picker-column " + (col.textAlign ? ("picker-column-" + (col.textAlign)) : '') + " " + (col.cssClass || '');
+ var columnHtml;
+ var columnItemsHtml;
+
+ if (col.divider) {
+ columnHtml = "\n \n
\n \n " + (header ? calendar.renderHeader() : '') + "\n " + (toolbar ? calendar.renderToolbar() : '') + "\n " + (weekHeader ? calendar.renderWeekHeader() : '') + "\n
\n \n " + (calendar.renderMonths(date)) + "\n
\n " + (footer ? calendar.renderFooter() : '') + "\n " + (col.content) + "
\n ";
+ } else {
+ columnItemsHtml = col.values.map(function (value, index) { return ("\n \n " + (col.displayValues ? col.displayValues[index] : value) + "\n
\n "); }).join('');
+ columnHtml = "\n \n
\n ";
+ }
+
+ return onlyItems ? columnItemsHtml.trim() : columnHtml.trim();
+ };
+
+ Picker.prototype.renderInline = function renderInline () {
+ var picker = this;
+ var ref = picker.params;
+ var rotateEffect = ref.rotateEffect;
+ var cssClass = ref.cssClass;
+ var toolbar = ref.toolbar;
+ var inlineHtml = ("\n " + columnItemsHtml + "
\n \n " + (toolbar ? picker.renderToolbar() : '') + "\n
\n ").trim();
+
+ return inlineHtml;
+ };
+
+ Picker.prototype.renderSheet = function renderSheet () {
+ var picker = this;
+ var ref = picker.params;
+ var rotateEffect = ref.rotateEffect;
+ var cssClass = ref.cssClass;
+ var toolbar = ref.toolbar;
+ var sheetHtml = ("\n \n " + (picker.cols.map(function (col) { return picker.renderColumn(col); }).join('')) + "\n \n
\n \n " + (toolbar ? picker.renderToolbar() : '') + "\n
\n ").trim();
+
+ return sheetHtml;
+ };
+
+ Picker.prototype.renderPopover = function renderPopover () {
+ var picker = this;
+ var ref = picker.params;
+ var rotateEffect = ref.rotateEffect;
+ var cssClass = ref.cssClass;
+ var toolbar = ref.toolbar;
+ var popoverHtml = ("\n \n " + (picker.cols.map(function (col) { return picker.renderColumn(col); }).join('')) + "\n \n
\n \n
\n ").trim();
+
+ return popoverHtml;
+ };
+
+ Picker.prototype.render = function render () {
+ var picker = this;
+ if (picker.params.render) { return picker.params.render.call(picker); }
+ if (!picker.inline) {
+ if (picker.isPopover()) { return picker.renderPopover(); }
+ return picker.renderSheet();
+ }
+ return picker.renderInline();
+ };
+
+ Picker.prototype.onOpen = function onOpen () {
+ var picker = this;
+ var initialized = picker.initialized;
+ var $el = picker.$el;
+ var app = picker.app;
+ var $inputEl = picker.$inputEl;
+ var inline = picker.inline;
+ var value = picker.value;
+ var params = picker.params;
+ picker.opened = true;
+ picker.closing = false;
+ picker.opening = true;
+
+ // Init main events
+ picker.attachResizeEvent();
+
+ // Init cols
+ $el.find('.picker-column').each(function (index, colEl) {
+ var updateItems = true;
+ if (
+ (!initialized && params.value)
+ || (initialized && value)
+ ) {
+ updateItems = false;
+ }
+ picker.initColumn(colEl, updateItems);
+ });
+
+ // Set value
+ if (!initialized) {
+ if (value) { picker.setValue(value, 0); }
+ else if (params.value) {
+ picker.setValue(params.value, 0);
+ }
+ } else if (value) {
+ picker.setValue(value, 0);
+ }
+
+ // Extra focus
+ if (!inline && $inputEl && $inputEl.length && app.theme === 'md') {
+ $inputEl.trigger('focus');
+ }
+
+ picker.initialized = true;
+
+ // Trigger events
+ if ($el) {
+ $el.trigger('picker:open', picker);
+ }
+ if ($inputEl) {
+ $inputEl.trigger('picker:open', picker);
+ }
+ picker.emit('local::open pickerOpen', picker);
+ };
+
+ Picker.prototype.onOpened = function onOpened () {
+ var picker = this;
+ picker.opening = false;
+
+ if (picker.$el) {
+ picker.$el.trigger('picker:opened', picker);
+ }
+ if (picker.$inputEl) {
+ picker.$inputEl.trigger('picker:opened', picker);
+ }
+ picker.emit('local::opened pickerOpened', picker);
+ };
+
+ Picker.prototype.onClose = function onClose () {
+ var picker = this;
+ var app = picker.app;
+ picker.opening = false;
+ picker.closing = true;
+
+ // Detach events
+ picker.detachResizeEvent();
+
+ picker.cols.forEach(function (col) {
+ if (col.destroy) { col.destroy(); }
+ });
+ if (picker.$inputEl && app.theme === 'md') {
+ picker.$inputEl.trigger('blur');
+ }
+
+ if (picker.$el) {
+ picker.$el.trigger('picker:close', picker);
+ }
+ if (picker.$inputEl) {
+ picker.$inputEl.trigger('picker:close', picker);
+ }
+ picker.emit('local::close pickerClose', picker);
+ };
+
+ Picker.prototype.onClosed = function onClosed () {
+ var picker = this;
+ picker.opened = false;
+ picker.closing = false;
+
+ if (!picker.inline) {
+ Utils.nextTick(function () {
+ if (picker.modal && picker.modal.el && picker.modal.destroy) {
+ if (!picker.params.routableModals) {
+ picker.modal.destroy();
+ }
+ }
+ delete picker.modal;
+ });
+ }
+
+ if (picker.$el) {
+ picker.$el.trigger('picker:closed', picker);
+ }
+ if (picker.$inputEl) {
+ picker.$inputEl.trigger('picker:closed', picker);
+ }
+ picker.emit('local::closed pickerClosed', picker);
+ };
+
+ Picker.prototype.open = function open () {
+ var obj;
+
+ var picker = this;
+ var app = picker.app;
+ var opened = picker.opened;
+ var inline = picker.inline;
+ var $inputEl = picker.$inputEl;
+ if (opened) { return; }
+ if (picker.cols.length === 0 && picker.params.cols.length) {
+ picker.params.cols.forEach(function (col) {
+ picker.cols.push(col);
+ });
+ }
+ if (inline) {
+ picker.$el = $(picker.render());
+ picker.$el[0].f7Picker = picker;
+ picker.$containerEl.append(picker.$el);
+ picker.onOpen();
+ picker.onOpened();
+ return;
+ }
+ var isPopover = picker.isPopover();
+ var modalType = isPopover ? 'popover' : 'sheet';
+ var modalParams = {
+ targetEl: $inputEl,
+ scrollToEl: picker.params.scrollToInput ? $inputEl : undefined,
+ content: picker.render(),
+ backdrop: isPopover,
+ on: {
+ open: function open() {
+ var modal = this;
+ picker.modal = modal;
+ picker.$el = isPopover ? modal.$el.find('.picker') : modal.$el;
+ picker.$el[0].f7Picker = picker;
+ picker.onOpen();
+ },
+ opened: function opened() { picker.onOpened(); },
+ close: function close() { picker.onClose(); },
+ closed: function closed() { picker.onClosed(); },
+ },
+ };
+ if (picker.params.routableModals) {
+ picker.view.router.navigate({
+ url: picker.url,
+ route: ( obj = {
+ path: picker.url
+ }, obj[modalType] = modalParams, obj ),
+ });
+ } else {
+ picker.modal = app[modalType].create(modalParams);
+ picker.modal.open();
+ }
+ };
+
+ Picker.prototype.close = function close () {
+ var picker = this;
+ var opened = picker.opened;
+ var inline = picker.inline;
+ if (!opened) { return; }
+ if (inline) {
+ picker.onClose();
+ picker.onClosed();
+ return;
+ }
+ if (picker.params.routableModals) {
+ picker.view.router.back();
+ } else {
+ picker.modal.close();
+ }
+ };
+
+ Picker.prototype.init = function init () {
+ var picker = this;
+
+ picker.initInput();
+
+ if (picker.inline) {
+ picker.open();
+ picker.emit('local::init pickerInit', picker);
+ return;
+ }
+
+ if (!picker.initialized && picker.params.value) {
+ picker.setValue(picker.params.value);
+ }
+
+ // Attach input Events
+ if (picker.$inputEl) {
+ picker.attachInputEvents();
+ }
+ if (picker.params.closeByOutsideClick) {
+ picker.attachHtmlEvents();
+ }
+ picker.emit('local::init pickerInit', picker);
+ };
+
+ Picker.prototype.destroy = function destroy () {
+ var picker = this;
+ if (picker.destroyed) { return; }
+ var $el = picker.$el;
+ picker.emit('local::beforeDestroy pickerBeforeDestroy', picker);
+ if ($el) { $el.trigger('picker:beforedestroy', picker); }
+
+ picker.close();
+
+ // Detach Events
+ if (picker.$inputEl) {
+ picker.detachInputEvents();
+ }
+ if (picker.params.closeByOutsideClick) {
+ picker.detachHtmlEvents();
+ }
+
+ if ($el && $el.length) { delete picker.$el[0].f7Picker; }
+ Utils.deleteProps(picker);
+ picker.destroyed = true;
+ };
+
+ return Picker;
+ }(Framework7Class));
+
+ var Picker$1 = {
+ name: 'picker',
+ static: {
+ Picker: Picker,
+ },
+ create: function create() {
+ var app = this;
+ app.picker = ConstructorMethods({
+ defaultSelector: '.picker',
+ constructor: Picker,
+ app: app,
+ domProp: 'f7Picker',
+ });
+ app.picker.close = function close(el) {
+ if ( el === void 0 ) el = '.picker';
+
+ var $el = $(el);
+ if ($el.length === 0) { return; }
+ var picker = $el[0].f7Picker;
+ if (!picker || (picker && !picker.opened)) { return; }
+ picker.close();
+ };
+ },
+ params: {
+ picker: {
+ // Picker settings
+ updateValuesOnMomentum: false,
+ updateValuesOnTouchmove: true,
+ rotateEffect: false,
+ momentumRatio: 7,
+ freeMode: false,
+ cols: [],
+ // Common opener settings
+ containerEl: null,
+ openIn: 'auto', // or 'popover' or 'sheet'
+ formatValue: null,
+ inputEl: null,
+ inputReadOnly: true,
+ closeByOutsideClick: true,
+ scrollToInput: true,
+ toolbar: true,
+ toolbarCloseText: 'Done',
+ cssClass: null,
+ routableModals: true,
+ view: null,
+ url: 'select/',
+ // Render functions
+ renderToolbar: null,
+ render: null,
+ },
+ },
+ };
+
+ var InfiniteScroll = {
+ handleScroll: function handleScroll(el, e) {
+ var app = this;
+ var $el = $(el);
+ var scrollTop = $el[0].scrollTop;
+ var scrollHeight = $el[0].scrollHeight;
+ var height = $el[0].offsetHeight;
+ var distance = $el[0].getAttribute('data-infinite-distance');
+
+ var virtualListContainer = $el.find('.virtual-list');
+ var virtualList;
+
+ var onTop = $el.hasClass('infinite-scroll-top');
+ if (!distance) { distance = 50; }
+ if (typeof distance === 'string' && distance.indexOf('%') >= 0) {
+ distance = (parseInt(distance, 10) / 100) * height;
+ }
+ if (distance > height) { distance = height; }
+ if (onTop) {
+ if (scrollTop < distance) {
+ $el.trigger('infinite', e);
+ app.emit('infinite', $el[0], e);
+ }
+ } else if (scrollTop + height >= scrollHeight - distance) {
+ if (virtualListContainer.length > 0) {
+ virtualList = virtualListContainer.eq(-1)[0].f7VirtualList;
+ if (virtualList && !virtualList.reachEnd && !virtualList.params.updatableScroll) {
+ return;
+ }
+ }
+ $el.trigger('infinite', e);
+ app.emit('infinite', $el[0], e);
+ }
+ },
+ create: function create(el) {
+ var $el = $(el);
+ var app = this;
+ $el.on('scroll', function handle(e) {
+ app.infiniteScroll.handle(this, e);
+ });
+ },
+ destroy: function destroy(el) {
+ var $el = $(el);
+ $el.off('scroll');
+ },
+ };
+ var InfiniteScroll$1 = {
+ name: 'infiniteScroll',
+ create: function create() {
+ var app = this;
+ Utils.extend(app, {
+ infiniteScroll: {
+ handle: InfiniteScroll.handleScroll.bind(app),
+ create: InfiniteScroll.create.bind(app),
+ destroy: InfiniteScroll.destroy.bind(app),
+ },
+ });
+ },
+ on: {
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ var $tabEl = $(tabEl);
+ $tabEl.find('.infinite-scroll-content').each(function (index, el) {
+ app.infiniteScroll.create(el);
+ });
+ },
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ var $tabEl = $(tabEl);
+ var app = this;
+ $tabEl.find('.infinite-scroll-content').each(function (index, el) {
+ app.infiniteScroll.destroy(el);
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.infinite-scroll-content').each(function (index, el) {
+ app.infiniteScroll.create(el);
+ });
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ var app = this;
+ page.$el.find('.infinite-scroll-content').each(function (index, el) {
+ app.infiniteScroll.destroy(el);
+ });
+ },
+ },
+ };
+
+ var PullToRefresh = /*@__PURE__*/(function (Framework7Class$$1) {
+ function PullToRefresh(app, el) {
+ Framework7Class$$1.call(this, {}, [app]);
+ var ptr = this;
+ var $el = $(el);
+ var $preloaderEl = $el.find('.ptr-preloader');
+
+ ptr.$el = $el;
+ ptr.el = $el[0];
+ ptr.app = app;
+
+ ptr.bottom = ptr.$el.hasClass('ptr-bottom');
+
+ // Extend defaults with modules params
+ ptr.useModulesParams({});
+
+ var isMaterial = app.theme === 'md';
+
+ // Done
+ ptr.done = function done() {
+ var $transitionTarget = isMaterial ? $preloaderEl : $el;
+ $transitionTarget.transitionEnd(function () {
+ $el.removeClass('ptr-transitioning ptr-pull-up ptr-pull-down');
+ $el.trigger('ptr:done');
+ ptr.emit('local::done ptrDone', $el[0]);
+ });
+ $el.removeClass('ptr-refreshing').addClass('ptr-transitioning');
+ return ptr;
+ };
+
+ ptr.refresh = function refresh() {
+ if ($el.hasClass('ptr-refreshing')) { return ptr; }
+ $el.addClass('ptr-transitioning ptr-refreshing');
+ $el.trigger('ptr:refresh', ptr.done);
+ ptr.emit('local::refresh ptrRefresh', $el[0], ptr.done);
+ return ptr;
+ };
+
+ // Events handling
+ var touchId;
+ var isTouched;
+ var isMoved;
+ var touchesStart = {};
+ var isScrolling;
+ var touchesDiff;
+ var refresh = false;
+ var useTranslate = false;
+ var forceUseTranslate = false;
+ var startTranslate = 0;
+ var translate;
+ var scrollTop;
+ var wasScrolled;
+ var triggerDistance;
+ var dynamicTriggerDistance;
+ var pullStarted;
+ var hasNavbar = false;
+ var scrollHeight;
+ var offsetHeight;
+ var maxScrollTop;
+ var $pageEl = $el.parents('.page');
+
+ if ($pageEl.find('.navbar').length > 0 || $pageEl.parents('.view').children('.navbar').length > 0) { hasNavbar = true; }
+ if ($pageEl.hasClass('no-navbar')) { hasNavbar = false; }
+ if (!hasNavbar && !ptr.bottom) { $el.addClass('ptr-no-navbar'); }
+
+ // Define trigger distance
+ if ($el.attr('data-ptr-distance')) {
+ dynamicTriggerDistance = true;
+ } else {
+ triggerDistance = isMaterial ? 66 : 44;
+ }
+
+ function handleTouchStart(e) {
+ if (isTouched) {
+ if (Device.os === 'android') {
+ if ('targetTouches' in e && e.targetTouches.length > 1) { return; }
+ } else { return; }
+ }
+
+ if ($el.hasClass('ptr-refreshing')) {
+ return;
+ }
+ if ($(e.target).closest('.sortable-handler').length) { return; }
+
+ isMoved = false;
+ pullStarted = false;
+ isTouched = true;
+ isScrolling = undefined;
+ wasScrolled = undefined;
+ if (e.type === 'touchstart') { touchId = e.targetTouches[0].identifier; }
+ touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
+ touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+ }
+
+ function handleTouchMove(e) {
+ if (!isTouched) { return; }
+ var pageX;
+ var pageY;
+ var touch;
+ if (e.type === 'touchmove') {
+ if (touchId && e.touches) {
+ for (var i = 0; i < e.touches.length; i += 1) {
+ if (e.touches[i].identifier === touchId) {
+ touch = e.touches[i];
+ }
+ }
+ }
+ if (!touch) { touch = e.targetTouches[0]; }
+ pageX = touch.pageX;
+ pageY = touch.pageY;
+ } else {
+ pageX = e.pageX;
+ pageY = e.pageY;
+ }
+ if (!pageX || !pageY) { return; }
+
+
+ if (typeof isScrolling === 'undefined') {
+ isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));
+ }
+ if (!isScrolling) {
+ isTouched = false;
+ return;
+ }
+
+ scrollTop = $el[0].scrollTop;
+
+ if (!isMoved) {
+ $el.removeClass('ptr-transitioning');
+ var targetIsScrollable;
+ scrollHeight = $el[0].scrollHeight;
+ offsetHeight = $el[0].offsetHeight;
+ if (ptr.bottom) {
+ maxScrollTop = scrollHeight - offsetHeight;
+ }
+ if (scrollTop > scrollHeight) {
+ isTouched = false;
+ return;
+ }
+ var $ptrWatchScrollable = $(e.target).closest('.ptr-watch-scroll');
+ if ($ptrWatchScrollable.length) {
+ $ptrWatchScrollable.each(function (ptrScrollableIndex, ptrScrollableEl) {
+ if (ptrScrollableEl === el) { return; }
+ if (
+ (ptrScrollableEl.scrollHeight > ptrScrollableEl.offsetHeight)
+ && $(ptrScrollableEl).css('overflow') === 'auto'
+ && (
+ (!ptr.bottom && ptrScrollableEl.scrollTop > 0)
+ || (ptr.bottom && ptrScrollableEl.scrollTop < ptrScrollableEl.scrollHeight - ptrScrollableEl.offsetHeight)
+ )
+ ) {
+ targetIsScrollable = true;
+ }
+ });
+ }
+ if (targetIsScrollable) {
+ isTouched = false;
+ return;
+ }
+ if (dynamicTriggerDistance) {
+ triggerDistance = $el.attr('data-ptr-distance');
+ if (triggerDistance.indexOf('%') >= 0) { triggerDistance = (scrollHeight * parseInt(triggerDistance, 10)) / 100; }
+ }
+ startTranslate = $el.hasClass('ptr-refreshing') ? triggerDistance : 0;
+ if (scrollHeight === offsetHeight || Device.os !== 'ios' || isMaterial) {
+ useTranslate = true;
+ } else {
+ useTranslate = false;
+ }
+ forceUseTranslate = false;
+ }
+ isMoved = true;
+ touchesDiff = pageY - touchesStart.y;
+
+ if (typeof wasScrolled === 'undefined' && (ptr.bottom ? scrollTop !== maxScrollTop : scrollTop !== 0)) { wasScrolled = true; }
+
+ var ptrStarted = ptr.bottom
+ ? (touchesDiff < 0 && scrollTop >= maxScrollTop) || scrollTop > maxScrollTop
+ : (touchesDiff > 0 && scrollTop <= 0) || scrollTop < 0;
+
+ if (ptrStarted) {
+ // iOS 8 fix
+ if (Device.os === 'ios' && parseInt(Device.osVersion.split('.')[0], 10) > 7) {
+ if (!ptr.bottom && scrollTop === 0 && !wasScrolled) { useTranslate = true; }
+ if (ptr.bottom && scrollTop === maxScrollTop && !wasScrolled) { useTranslate = true; }
+ }
+
+ if (!useTranslate && ptr.bottom && !isMaterial) {
+ $el.css('-webkit-overflow-scrolling', 'auto');
+ $el.scrollTop(maxScrollTop);
+ forceUseTranslate = true;
+ }
+
+ if (useTranslate || forceUseTranslate) {
+ if (e.cancelable) {
+ e.preventDefault();
+ }
+ translate = (ptr.bottom ? -1 * (Math.pow( Math.abs(touchesDiff), 0.85 )) : Math.pow( touchesDiff, 0.85 )) + startTranslate;
+ if (isMaterial) {
+ $preloaderEl.transform(("translate3d(0," + translate + "px,0)"))
+ .find('.ptr-arrow').transform(("rotate(" + ((180 * (Math.abs(touchesDiff) / 66)) + 100) + "deg)"));
+ } else {
+ // eslint-disable-next-line
+ if (ptr.bottom) {
+ $el.children().transform(("translate3d(0," + translate + "px,0)"));
+ } else {
+ $el.transform(("translate3d(0," + translate + "px,0)"));
+ }
+ }
+ }
+
+ if (((useTranslate || forceUseTranslate) && (Math.pow( Math.abs(touchesDiff), 0.85 )) > triggerDistance) || (!useTranslate && Math.abs(touchesDiff) >= triggerDistance * 2)) {
+ refresh = true;
+ $el.addClass('ptr-pull-up').removeClass('ptr-pull-down');
+ } else {
+ refresh = false;
+ $el.removeClass('ptr-pull-up').addClass('ptr-pull-down');
+ }
+ if (!pullStarted) {
+ $el.trigger('ptr:pullstart');
+ ptr.emit('local::pullStart ptrPullStart', $el[0]);
+ pullStarted = true;
+ }
+ $el.trigger('ptr:pullmove', {
+ event: e,
+ scrollTop: scrollTop,
+ translate: translate,
+ touchesDiff: touchesDiff,
+ });
+ ptr.emit('local::pullMove ptrPullMove', $el[0], {
+ event: e,
+ scrollTop: scrollTop,
+ translate: translate,
+ touchesDiff: touchesDiff,
+ });
+ } else {
+ pullStarted = false;
+ $el.removeClass('ptr-pull-up ptr-pull-down');
+ refresh = false;
+ }
+ }
+ function handleTouchEnd(e) {
+ if (e.type === 'touchend' && e.changedTouches && e.changedTouches.length > 0 && touchId) {
+ if (e.changedTouches[0].identifier !== touchId) {
+ isTouched = false;
+ isScrolling = false;
+ isMoved = false;
+ touchId = null;
+ return;
+ }
+ }
+ if (!isTouched || !isMoved) {
+ isTouched = false;
+ isMoved = false;
+ return;
+ }
+ if (translate) {
+ $el.addClass('ptr-transitioning');
+ translate = 0;
+ }
+ if (isMaterial) {
+ $preloaderEl.transform('')
+ .find('.ptr-arrow').transform('');
+ } else {
+ // eslint-disable-next-line
+ if (ptr.bottom) {
+ $el.children().transform('');
+ } else {
+ $el.transform('');
+ }
+ }
+
+ if (!useTranslate && ptr.bottom && !isMaterial) {
+ $el.css('-webkit-overflow-scrolling', '');
+ }
+
+ if (refresh) {
+ $el.addClass('ptr-refreshing');
+ $el.trigger('ptr:refresh', ptr.done);
+ ptr.emit('local::refresh ptrRefresh', $el[0], ptr.done);
+ } else {
+ $el.removeClass('ptr-pull-down');
+ }
+ isTouched = false;
+ isMoved = false;
+ if (pullStarted) {
+ $el.trigger('ptr:pullend');
+ ptr.emit('local::pullEnd ptrPullEnd', $el[0]);
+ }
+ }
+
+ if (!$pageEl.length || !$el.length) { return ptr; }
+
+ $el[0].f7PullToRefresh = ptr;
+
+ // Events
+ ptr.attachEvents = function attachEvents() {
+ var passive = Support.passiveListener ? { passive: true } : false;
+ $el.on(app.touchEvents.start, handleTouchStart, passive);
+ app.on('touchmove:active', handleTouchMove);
+ app.on('touchend:passive', handleTouchEnd);
+ };
+ ptr.detachEvents = function detachEvents() {
+ var passive = Support.passiveListener ? { passive: true } : false;
+ $el.off(app.touchEvents.start, handleTouchStart, passive);
+ app.off('touchmove:active', handleTouchMove);
+ app.off('touchend:passive', handleTouchEnd);
+ };
+
+ // Install Modules
+ ptr.useModules();
+
+ // Init
+ ptr.init();
+
+ return ptr;
+ }
+
+ if ( Framework7Class$$1 ) PullToRefresh.__proto__ = Framework7Class$$1;
+ PullToRefresh.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ PullToRefresh.prototype.constructor = PullToRefresh;
+
+ PullToRefresh.prototype.init = function init () {
+ var ptr = this;
+ ptr.attachEvents();
+ };
+
+ PullToRefresh.prototype.destroy = function destroy () {
+ var ptr = this;
+ ptr.emit('local::beforeDestroy ptrBeforeDestroy', ptr);
+ ptr.$el.trigger('ptr:beforedestroy', ptr);
+ delete ptr.el.f7PullToRefresh;
+ ptr.detachEvents();
+ Utils.deleteProps(ptr);
+ ptr = null;
+ };
+
+ return PullToRefresh;
+ }(Framework7Class));
+
+ var PullToRefresh$1 = {
+ name: 'pullToRefresh',
+ create: function create() {
+ var app = this;
+ app.ptr = Utils.extend(
+ ConstructorMethods({
+ defaultSelector: '.ptr-content',
+ constructor: PullToRefresh,
+ app: app,
+ domProp: 'f7PullToRefresh',
+ }),
+ {
+ done: function done(el) {
+ var ptr = app.ptr.get(el);
+ if (ptr) { return ptr.done(); }
+ return undefined;
+ },
+ refresh: function refresh(el) {
+ var ptr = app.ptr.get(el);
+ if (ptr) { return ptr.refresh(); }
+ return undefined;
+ },
+ }
+ );
+ },
+ static: {
+ PullToRefresh: PullToRefresh,
+ },
+ on: {
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ var $tabEl = $(tabEl);
+ $tabEl.find('.ptr-content').each(function (index, el) {
+ app.ptr.create(el);
+ });
+ },
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ var $tabEl = $(tabEl);
+ var app = this;
+ $tabEl.find('.ptr-content').each(function (index, el) {
+ app.ptr.destroy(el);
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.ptr-content').each(function (index, el) {
+ app.ptr.create(el);
+ });
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ var app = this;
+ page.$el.find('.ptr-content').each(function (index, el) {
+ app.ptr.destroy(el);
+ });
+ },
+ },
+ };
+
+ var Lazy = {
+ destroy: function destroy(pageEl) {
+ var $pageEl = $(pageEl).closest('.page');
+ if (!$pageEl.length) { return; }
+ if ($pageEl[0].f7LazyDestroy) {
+ $pageEl[0].f7LazyDestroy();
+ }
+ },
+ create: function create(pageEl) {
+ var app = this;
+ var $pageEl = $(pageEl).closest('.page').eq(0);
+
+ // Lazy images
+ var $lazyLoadImages = $pageEl.find('.lazy');
+ if ($lazyLoadImages.length === 0 && !$pageEl.hasClass('lazy')) { return; }
+
+ // Placeholder
+ var placeholderSrc = app.params.lazy.placeholder;
+
+ if (placeholderSrc !== false) {
+ $lazyLoadImages.each(function (index, lazyEl) {
+ if ($(lazyEl).attr('data-src') && !$(lazyEl).attr('src')) { $(lazyEl).attr('src', placeholderSrc); }
+ });
+ }
+
+ // load image
+ var imagesSequence = [];
+ var imageIsLoading = false;
+
+ function onImageComplete(lazyEl) {
+ if (imagesSequence.indexOf(lazyEl) >= 0) {
+ imagesSequence.splice(imagesSequence.indexOf(lazyEl), 1);
+ }
+ imageIsLoading = false;
+ if (app.params.lazy.sequential && imagesSequence.length > 0) {
+ imageIsLoading = true;
+ app.lazy.loadImage(imagesSequence[0], onImageComplete);
+ }
+ }
+
+ function observerCallback(entries, observer) {
+ entries.forEach(function (entry) {
+ if (entry.isIntersecting) {
+ if (app.params.lazy.sequential && imageIsLoading) {
+ if (imagesSequence.indexOf(entry.target) < 0) { imagesSequence.push(entry.target); }
+ return;
+ }
+ // Load image
+ imageIsLoading = true;
+ app.lazy.loadImage(entry.target, onImageComplete);
+ // Detach
+ observer.unobserve(entry.target);
+ }
+ });
+ }
+ if (app.params.lazy.observer && Support.intersectionObserver) {
+ var observer = $pageEl[0].f7LazyObserver;
+ if (!observer) {
+ observer = new win.IntersectionObserver(observerCallback, {
+ root: $pageEl[0],
+ });
+ }
+ $lazyLoadImages.each(function (index, el) {
+ if (el.f7LazyObserverAdded) { return; }
+ el.f7LazyObserverAdded = true;
+ observer.observe(el);
+ });
+ if (!$pageEl[0].f7LazyDestroy) {
+ $pageEl[0].f7LazyDestroy = function () {
+ observer.disconnect();
+ delete $pageEl[0].f7LazyDestroy;
+ delete $pageEl[0].f7LazyObserver;
+ };
+ }
+ return;
+ }
+
+ function lazyHandler() {
+ app.lazy.load($pageEl, function (lazyEl) {
+ if (app.params.lazy.sequential && imageIsLoading) {
+ if (imagesSequence.indexOf(lazyEl) < 0) { imagesSequence.push(lazyEl); }
+ return;
+ }
+ imageIsLoading = true;
+ app.lazy.loadImage(lazyEl, onImageComplete);
+ });
+ }
+
+ function attachEvents() {
+ $pageEl[0].f7LazyAttached = true;
+ $pageEl.on('lazy', lazyHandler);
+ $pageEl.on('scroll', lazyHandler, true);
+ $pageEl.find('.tab').on('tab:mounted tab:show', lazyHandler);
+ app.on('resize', lazyHandler);
+ }
+ function detachEvents() {
+ $pageEl[0].f7LazyAttached = false;
+ delete $pageEl[0].f7LazyAttached;
+ $pageEl.off('lazy', lazyHandler);
+ $pageEl.off('scroll', lazyHandler, true);
+ $pageEl.find('.tab').off('tab:mounted tab:show', lazyHandler);
+ app.off('resize', lazyHandler);
+ }
+
+ // Store detach function
+ if (!$pageEl[0].f7LazyDestroy) {
+ $pageEl[0].f7LazyDestroy = detachEvents;
+ }
+
+ // Attach events
+ if (!$pageEl[0].f7LazyAttached) {
+ attachEvents();
+ }
+
+ // Run loader on page load/init
+ lazyHandler();
+ },
+ isInViewport: function isInViewport(lazyEl) {
+ var app = this;
+ var rect = lazyEl.getBoundingClientRect();
+ var threshold = app.params.lazy.threshold || 0;
+
+ return (
+ rect.top >= (0 - threshold)
+ && rect.left >= (0 - threshold)
+ && rect.top <= (app.height + threshold)
+ && rect.left <= (app.width + threshold)
+ );
+ },
+ loadImage: function loadImage(imageEl, callback) {
+ var app = this;
+ var $imageEl = $(imageEl);
+
+ var bg = $imageEl.attr('data-background');
+ var src = bg || $imageEl.attr('data-src');
+ if (!src) { return; }
+ function onLoad() {
+ $imageEl.removeClass('lazy').addClass('lazy-loaded');
+ if (bg) {
+ $imageEl.css('background-image', ("url(" + src + ")"));
+ } else {
+ $imageEl.attr('src', src);
+ }
+ if (callback) { callback(imageEl); }
+ $imageEl.trigger('lazy:loaded');
+ app.emit('lazyLoaded', $imageEl[0]);
+ }
+
+ function onError() {
+ $imageEl.removeClass('lazy').addClass('lazy-loaded');
+ if (bg) {
+ $imageEl.css('background-image', ("url(" + (app.params.lazy.placeholder || '') + ")"));
+ } else {
+ $imageEl.attr('src', app.params.lazy.placeholder || '');
+ }
+ if (callback) { callback(imageEl); }
+ $imageEl.trigger('lazy:error');
+ app.emit('lazyError', $imageEl[0]);
+ }
+ var image = new win.Image();
+ image.onload = onLoad;
+ image.onerror = onError;
+ image.src = src;
+
+ $imageEl.removeAttr('data-src').removeAttr('data-background');
+
+ // Add loaded callback and events
+ $imageEl.trigger('lazy:load');
+ app.emit('lazyLoad', $imageEl[0]);
+ },
+ load: function load(pageEl, callback) {
+ var app = this;
+ var $pageEl = $(pageEl);
+ if (!$pageEl.hasClass('page')) { $pageEl = $pageEl.parents('.page').eq(0); }
+ if ($pageEl.length === 0) {
+ return;
+ }
+ $pageEl.find('.lazy').each(function (index, lazyEl) {
+ var $lazyEl = $(lazyEl);
+ if ($lazyEl.parents('.tab:not(.tab-active)').length > 0) {
+ return;
+ }
+ if (app.lazy.isInViewport(lazyEl)) {
+ if (callback) { callback(lazyEl); }
+ else { app.lazy.loadImage(lazyEl); }
+ }
+ });
+ },
+
+ };
+ var Lazy$1 = {
+ name: 'lazy',
+ params: {
+ lazy: {
+ placeholder: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXCwsK592mkAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==',
+ threshold: 0,
+ sequential: true,
+ observer: true,
+ },
+ },
+ create: function create() {
+ var app = this;
+ Utils.extend(app, {
+ lazy: {
+ create: Lazy.create.bind(app),
+ destroy: Lazy.destroy.bind(app),
+ loadImage: Lazy.loadImage.bind(app),
+ load: Lazy.load.bind(app),
+ isInViewport: Lazy.isInViewport.bind(app),
+ },
+ });
+ },
+ on: {
+ pageInit: function pageInit(page) {
+ var app = this;
+ if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
+ app.lazy.create(page.$el);
+ }
+ },
+ pageAfterIn: function pageAfterIn(page) {
+ var app = this;
+ if (app.params.lazy.observer && Support.intersectionObserver) { return; }
+ if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
+ app.lazy.create(page.$el);
+ }
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ var app = this;
+ if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
+ app.lazy.destroy(page.$el);
+ }
+ },
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ var $tabEl = $(tabEl);
+ if ($tabEl.find('.lazy').length > 0 || $tabEl.hasClass('lazy')) {
+ app.lazy.create($tabEl);
+ }
+ },
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ var app = this;
+ if (app.params.lazy.observer && Support.intersectionObserver) { return; }
+ var $tabEl = $(tabEl);
+ if ($tabEl.find('.lazy').length > 0 || $tabEl.hasClass('lazy')) {
+ app.lazy.destroy($tabEl);
+ }
+ },
+ },
+ };
+
+ var DataTable = /*@__PURE__*/(function (Framework7Class$$1) {
+ function DataTable(app, params) {
+ if ( params === void 0 ) params = {};
+
+ Framework7Class$$1.call(this, params, [app]);
+
+ var table = this;
+
+ var defaults = {
+
+ };
+
+ // Extend defaults with modules params
+ table.useModulesParams(defaults);
+
+ table.params = Utils.extend(defaults, params);
+
+ // El
+ var $el = $(table.params.el);
+ if ($el.length === 0) { return undefined; }
+
+ table.$el = $el;
+ table.el = $el[0];
+
+ if (table.$el[0].f7DataTable) {
+ var instance = table.$el[0].f7DataTable;
+ table.destroy();
+ return instance;
+ }
+
+ table.$el[0].f7DataTable = table;
+
+ Utils.extend(table, {
+ collapsible: $el.hasClass('data-table-collapsible'),
+ // Headers
+ $headerEl: $el.find('.data-table-header'),
+ $headerSelectedEl: $el.find('.data-table-header-selected'),
+ });
+
+ // Events
+ function handleChange(e) {
+ if (e.detail && e.detail.sentByF7DataTable) {
+ // Scripted event, don't do anything
+ return;
+ }
+ var $inputEl = $(this);
+ var checked = $inputEl[0].checked;
+ var columnIndex = $inputEl.parents('td,th').index();
+
+ if ($inputEl.parents('thead').length > 0) {
+ if (columnIndex === 0) {
+ $el
+ .find('tbody tr')[checked ? 'addClass' : 'removeClass']('data-table-row-selected');
+ }
+ $el
+ .find(("tbody tr td:nth-child(" + (columnIndex + 1) + ") input"))
+ .prop('checked', checked)
+ .trigger('change', { sentByF7DataTable: true });
+ } else {
+ if (columnIndex === 0) {
+ $inputEl.parents('tr')[checked ? 'addClass' : 'removeClass']('data-table-row-selected');
+ }
+
+ if (!checked) {
+ $el.find(("thead .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]")).prop('checked', false);
+ } else if ($el.find(("tbody .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]:checked")).length === $el.find('tbody tr').length) {
+ $el.find(("thead .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]")).prop('checked', true).trigger('change', { sentByF7DataTable: true });
+ }
+ }
+ table.checkSelectedHeader();
+ }
+ function handleSortableClick() {
+ var $cellEl = $(this);
+ var isActive = $cellEl.hasClass('sortable-cell-active');
+ var currentSort = $cellEl.hasClass('sortable-desc') ? 'desc' : 'asc';
+ var newSort;
+ if (isActive) {
+ newSort = currentSort === 'desc' ? 'asc' : 'desc';
+ $cellEl.removeClass('sortable-desc sortable-asc').addClass(("sortable-" + newSort));
+ } else {
+ $el.find('thead .sortable-cell-active').removeClass('sortable-cell-active');
+ $cellEl.addClass('sortable-cell-active');
+ newSort = currentSort;
+ }
+ $cellEl.trigger('datatable:sort', newSort);
+ table.emit('local::sort dataTableSort', table, newSort);
+ }
+ table.attachEvents = function attachEvents() {
+ table.$el.on('change', '.checkbox-cell input[type="checkbox"]', handleChange);
+ table.$el.find('thead .sortable-cell').on('click', handleSortableClick);
+ };
+ table.detachEvents = function detachEvents() {
+ table.$el.off('change', '.checkbox-cell input[type="checkbox"]', handleChange);
+ table.$el.find('thead .sortable-cell').off('click', handleSortableClick);
+ };
+
+ // Install Modules
+ table.useModules();
+
+ // Init
+ table.init();
+
+ return table;
+ }
+
+ if ( Framework7Class$$1 ) DataTable.__proto__ = Framework7Class$$1;
+ DataTable.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ DataTable.prototype.constructor = DataTable;
+
+ DataTable.prototype.setCollapsibleLabels = function setCollapsibleLabels () {
+ var table = this;
+ if (!table.collapsible) { return; }
+ table.$el.find('tbody td:not(.checkbox-cell)').each(function (index, el) {
+ var $el = $(el);
+ var elIndex = $el.index();
+ var collpsibleTitle = $el.attr('data-collapsible-title');
+ if (!collpsibleTitle && collpsibleTitle !== '') {
+ $el.attr('data-collapsible-title', table.$el.find('thead th').eq(elIndex).text());
+ }
+ });
+ };
+
+ DataTable.prototype.checkSelectedHeader = function checkSelectedHeader () {
+ var table = this;
+ if (table.$headerEl.length > 0 && table.$headerSelectedEl.length > 0) {
+ var checkedItems = table.$el.find('tbody .checkbox-cell input:checked').length;
+ table.$el[checkedItems > 0 ? 'addClass' : 'removeClass']('data-table-has-checked');
+ table.$headerSelectedEl.find('.data-table-selected-count').text(checkedItems);
+ }
+ };
+
+ DataTable.prototype.init = function init () {
+ var table = this;
+ table.attachEvents();
+ table.setCollapsibleLabels();
+ table.checkSelectedHeader();
+ };
+
+ DataTable.prototype.destroy = function destroy () {
+ var table = this;
+
+ table.$el.trigger('datatable:beforedestroy', table);
+ table.emit('local::beforeDestroy dataTableBeforeDestroy', table);
+
+ table.attachEvents();
+
+ if (table.$el[0]) {
+ table.$el[0].f7DataTable = null;
+ delete table.$el[0].f7DataTable;
+ }
+ Utils.deleteProps(table);
+ table = null;
+ };
+
+ return DataTable;
+ }(Framework7Class));
+
+ var DataTable$1 = {
+ name: 'dataTable',
+ static: {
+ DataTable: DataTable,
+ },
+ create: function create() {
+ var app = this;
+ app.dataTable = ConstructorMethods({
+ defaultSelector: '.data-table',
+ constructor: DataTable,
+ app: app,
+ domProp: 'f7DataTable',
+ });
+ },
+ on: {
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ var app = this;
+ $(tabEl).find('.data-table-init').each(function (index, tableEl) {
+ app.dataTable.destroy(tableEl);
+ });
+ },
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ $(tabEl).find('.data-table-init').each(function (index, tableEl) {
+ app.dataTable.create({ el: tableEl });
+ });
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ var app = this;
+ page.$el.find('.data-table-init').each(function (index, tableEl) {
+ app.dataTable.destroy(tableEl);
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.data-table-init').each(function (index, tableEl) {
+ app.dataTable.create({ el: tableEl });
+ });
+ },
+ },
+ vnode: {
+ 'data-table-init': {
+ insert: function insert(vnode) {
+ var app = this;
+ var tableEl = vnode.elm;
+ app.dataTable.create({ el: tableEl });
+ },
+ destroy: function destroy(vnode) {
+ var app = this;
+ var tableEl = vnode.elm;
+ app.dataTable.destroy(tableEl);
+ },
+ },
+ },
+ };
+
+ var Fab = {
+ morphOpen: function morphOpen(fabEl, targetEl) {
+ var app = this;
+ var $fabEl = $(fabEl);
+ var $targetEl = $(targetEl);
+ if ($targetEl.length === 0) { return; }
+
+ $targetEl.transition(0).addClass('fab-morph-target-visible');
+ var target = {
+ width: $targetEl[0].offsetWidth,
+ height: $targetEl[0].offsetHeight,
+ offset: $targetEl.offset(),
+ borderRadius: $targetEl.css('border-radius'),
+ zIndex: $targetEl.css('z-index'),
+ };
+ var fab = {
+ width: $fabEl[0].offsetWidth,
+ height: $fabEl[0].offsetHeight,
+ offset: $fabEl.offset(),
+ translateX: Utils.getTranslate($fabEl[0], 'x'),
+ translateY: Utils.getTranslate($fabEl[0], 'y'),
+ };
+
+ $fabEl[0].f7FabMorphData = {
+ $targetEl: $targetEl,
+ target: target,
+ fab: fab,
+ };
+
+ var diffX = (fab.offset.left + (fab.width / 2))
+ - (target.offset.left + (target.width / 2))
+ - fab.translateX;
+ var diffY = (fab.offset.top + (fab.height / 2))
+ - (target.offset.top + (target.height / 2))
+ - fab.translateY;
+ var scaleX = target.width / fab.width;
+ var scaleY = target.height / fab.height;
+
+ var borderRadius = Math.ceil(parseInt(target.borderRadius, 10) / Math.max(scaleX, scaleY));
+ if (borderRadius > 0) { borderRadius += 2; }
+
+ $fabEl[0].f7FabMorphResizeHandler = function resizeHandler() {
+ $fabEl.transition(0).transform('');
+ $targetEl.transition(0);
+ target.width = $targetEl[0].offsetWidth;
+ target.height = $targetEl[0].offsetHeight;
+ target.offset = $targetEl.offset();
+ fab.offset = $fabEl.offset();
+
+ var diffXNew = (fab.offset.left + (fab.width / 2))
+ - (target.offset.left + (target.width / 2))
+ - fab.translateX;
+ var diffYNew = (fab.offset.top + (fab.height / 2))
+ - (target.offset.top + (target.height / 2))
+ - fab.translateY;
+ var scaleXNew = target.width / fab.width;
+ var scaleYNew = target.height / fab.height;
+
+ $fabEl.transform(("translate3d(" + (-diffXNew) + "px, " + (-diffYNew) + "px, 0) scale(" + scaleXNew + ", " + scaleYNew + ")"));
+ };
+
+ $targetEl
+ .css('opacity', 0)
+ .transform(("scale(" + (1 / scaleX) + ", " + (1 / scaleY) + ")"));
+ $fabEl
+ .addClass('fab-opened')
+ .css('z-index', target.zIndex - 1)
+ .transform(("translate3d(" + (-diffX) + "px, " + (-diffY) + "px, 0)"));
+ $fabEl.transitionEnd(function () {
+ $targetEl.transition('');
+ Utils.nextFrame(function () {
+ $targetEl.css('opacity', 1).transform('scale(1,1)');
+ $fabEl
+ .transform(("translate3d(" + (-diffX) + "px, " + (-diffY) + "px, 0) scale(" + scaleX + ", " + scaleY + ")"))
+ .css('border-radius', (borderRadius + "px"))
+ .css('box-shadow', 'none');
+ });
+ app.on('resize', $fabEl[0].f7FabMorphResizeHandler);
+ if ($targetEl.parents('.page-content').length > 0) {
+ $targetEl.parents('.page-content').on('scroll', $fabEl[0].f7FabMorphResizeHandler);
+ }
+ });
+ },
+ morphClose: function morphClose(fabEl) {
+ var app = this;
+ var $fabEl = $(fabEl);
+ var morphData = $fabEl[0].f7FabMorphData;
+ if (!morphData) { return; }
+ var $targetEl = morphData.$targetEl;
+ var target = morphData.target;
+ var fab = morphData.fab;
+ if ($targetEl.length === 0) { return; }
+
+ var diffX = (fab.offset.left + (fab.width / 2))
+ - (target.offset.left + (target.width / 2))
+ - fab.translateX;
+ var diffY = (fab.offset.top + (fab.height / 2))
+ - (target.offset.top + (target.height / 2))
+ - fab.translateY;
+ var scaleX = target.width / fab.width;
+ var scaleY = target.height / fab.height;
+
+ app.off('resize', $fabEl[0].f7FabMorphResizeHandler);
+ if ($targetEl.parents('.page-content').length > 0) {
+ $targetEl.parents('.page-content').off('scroll', $fabEl[0].f7FabMorphResizeHandler);
+ }
+
+ $targetEl
+ .css('opacity', 0)
+ .transform(("scale(" + (1 / scaleX) + ", " + (1 / scaleY) + ")"));
+ $fabEl
+ .transition('')
+ .css('box-shadow', '')
+ .css('border-radius', '')
+ .transform(("translate3d(" + (-diffX) + "px, " + (-diffY) + "px, 0)"));
+ $fabEl.transitionEnd(function () {
+ $fabEl
+ .css('z-index', '')
+ .removeClass('fab-opened')
+ .transform('');
+ Utils.nextFrame(function () {
+ $fabEl.transitionEnd(function () {
+ $targetEl
+ .removeClass('fab-morph-target-visible')
+ .css('opacity', '')
+ .transform('')
+ .transition('');
+ });
+ });
+ });
+ },
+ open: function open(fabEl, targetEl) {
+ var app = this;
+ var $fabEl = $(fabEl).eq(0);
+ var $buttonsEl = $fabEl.find('.fab-buttons');
+ if (!$fabEl.length) { return; }
+ if ($fabEl.hasClass('fab-opened')) { return; }
+ if (!$buttonsEl.length && !$fabEl.hasClass('fab-morph')) { return; }
+
+ if (app.fab.openedEl) {
+ if (app.fab.openedEl === $fabEl[0]) { return; }
+ app.fab.close(app.fab.openedEl);
+ }
+ app.fab.openedEl = $fabEl[0];
+ if ($fabEl.hasClass('fab-morph')) {
+ app.fab.morphOpen($fabEl, targetEl || $fabEl.attr('data-morph-to'));
+ } else {
+ $fabEl.addClass('fab-opened');
+ }
+ $fabEl.trigger('fab:open');
+ },
+ close: function close(fabEl) {
+ if ( fabEl === void 0 ) fabEl = '.fab-opened';
+
+ var app = this;
+ var $fabEl = $(fabEl).eq(0);
+ var $buttonsEl = $fabEl.find('.fab-buttons');
+ if (!$fabEl.length) { return; }
+ if (!$fabEl.hasClass('fab-opened')) { return; }
+ if (!$buttonsEl.length && !$fabEl.hasClass('fab-morph')) { return; }
+ app.fab.openedEl = null;
+ if ($fabEl.hasClass('fab-morph')) {
+ app.fab.morphClose($fabEl);
+ } else {
+ $fabEl.removeClass('fab-opened');
+ }
+ $fabEl.trigger('fab:close');
+ },
+ toggle: function toggle(fabEl) {
+ var app = this;
+ var $fabEl = $(fabEl);
+ if (!$fabEl.hasClass('fab-opened')) { app.fab.open(fabEl); }
+ else { app.fab.close(fabEl); }
+ },
+ };
+
+ var Fab$1 = {
+ name: 'fab',
+ create: function create() {
+ var app = this;
+ Utils.extend(app, {
+ fab: {
+ openedEl: null,
+ morphOpen: Fab.morphOpen.bind(app),
+ morphClose: Fab.morphClose.bind(app),
+ open: Fab.open.bind(app),
+ close: Fab.close.bind(app),
+ toggle: Fab.toggle.bind(app),
+ },
+ });
+ },
+ clicks: {
+ '.fab > a': function open($clickedEl) {
+ var app = this;
+ app.fab.toggle($clickedEl.parents('.fab'));
+ },
+ '.fab-open': function open($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.fab.open(data.fab);
+ },
+ '.fab-close': function close($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ app.fab.close(data.fab);
+ },
+ },
+ };
+
+ var Searchbar = /*@__PURE__*/(function (FrameworkClass) {
+ function Searchbar(app, params) {
+ if ( params === void 0 ) params = {};
+
+ FrameworkClass.call(this, params, [app]);
+
+ var sb = this;
+
+ var defaults = {
+ el: undefined,
+ inputEl: undefined,
+ inputEvents: 'change input compositionend',
+ disableButton: true,
+ disableButtonEl: undefined,
+ backdropEl: undefined,
+ searchContainer: undefined, // container to search, HTMLElement or CSS selector
+ searchItem: 'li', // single item selector, CSS selector
+ searchIn: undefined, // where to search in item, CSS selector
+ searchGroup: '.list-group',
+ searchGroupTitle: '.item-divider, .list-group-title',
+ ignore: '.searchbar-ignore',
+ foundEl: '.searchbar-found',
+ notFoundEl: '.searchbar-not-found',
+ hideOnEnableEl: '.searchbar-hide-on-enable',
+ hideOnSearchEl: '.searchbar-hide-on-search',
+ backdrop: true,
+ removeDiacritics: true,
+ customSearch: false,
+ hideDividers: true,
+ hideGroups: true,
+ disableOnBackdropClick: true,
+ expandable: false,
+ };
+
+ // Extend defaults with modules params
+ sb.useModulesParams(defaults);
+
+ sb.params = Utils.extend(defaults, params);
+
+ var $el = $(sb.params.el);
+ if ($el.length === 0) { return sb; }
+
+ if ($el[0].f7Searchbar) { return $el[0].f7Searchbar; }
+
+ $el[0].f7Searchbar = sb;
+
+ var $pageEl;
+ var $navbarEl;
+ if ($el.parents('.page').length > 0) {
+ $pageEl = $el.parents('.page');
+ } else {
+ $navbarEl = $el.parents('.navbar-inner');
+ if ($navbarEl.length > 0) {
+ $pageEl = $(app.navbar.getPageByEl($navbarEl[0]));
+ if (!$pageEl.length) {
+ var $currentPageEl = $el.parents('.view').find('.page-current');
+ if ($currentPageEl[0] && $currentPageEl[0].f7Page && $currentPageEl[0].f7Page.navbarEl === $navbarEl[0]) {
+ $pageEl = $currentPageEl;
+ }
+ }
+ }
+ }
+
+ var $foundEl;
+ if (params.foundEl) {
+ $foundEl = $(params.foundEl);
+ } else if (typeof sb.params.foundEl === 'string' && $pageEl) {
+ $foundEl = $pageEl.find(sb.params.foundEl);
+ }
+
+ var $notFoundEl;
+ if (params.notFoundEl) {
+ $notFoundEl = $(params.notFoundEl);
+ } else if (typeof sb.params.notFoundEl === 'string' && $pageEl) {
+ $notFoundEl = $pageEl.find(sb.params.notFoundEl);
+ }
+
+ var $hideOnEnableEl;
+ if (params.hideOnEnableEl) {
+ $hideOnEnableEl = $(params.hideOnEnableEl);
+ } else if (typeof sb.params.hideOnEnableEl === 'string' && $pageEl) {
+ $hideOnEnableEl = $pageEl.find(sb.params.hideOnEnableEl);
+ }
+
+ var $hideOnSearchEl;
+ if (params.hideOnSearchEl) {
+ $hideOnSearchEl = $(params.hideOnSearchEl);
+ } else if (typeof sb.params.hideOnSearchEl === 'string' && $pageEl) {
+ $hideOnSearchEl = $pageEl.find(sb.params.hideOnSearchEl);
+ }
+
+ var $backdropEl;
+ if (sb.params.backdrop) {
+ if (sb.params.backdropEl) {
+ $backdropEl = $(sb.params.backdropEl);
+ } else if ($pageEl && $pageEl.length > 0) {
+ $backdropEl = $pageEl.find('.searchbar-backdrop');
+ } else {
+ $backdropEl = $el.siblings('.searchbar-backdrop');
+ }
+ if ($backdropEl.length === 0) {
+ $backdropEl = $('');
+ if ($pageEl && $pageEl.length) {
+ if ($el.parents($pageEl).length > 0 && $navbarEl && $el.parents($navbarEl).length === 0) {
+ $backdropEl.insertBefore($el);
+ } else {
+ $backdropEl.insertBefore($pageEl.find('.page-content').eq(0));
+ }
+ } else {
+ $backdropEl.insertBefore($el);
+ }
+ }
+ }
+
+ var $searchContainer;
+ if (sb.params.searchContainer) {
+ $searchContainer = $(sb.params.searchContainer);
+ }
+
+ var $inputEl;
+ if (sb.params.inputEl) {
+ $inputEl = $(sb.params.inputEl);
+ } else {
+ $inputEl = $el.find('input[type="search"]').eq(0);
+ }
+
+ var $disableButtonEl;
+ if (sb.params.disableButton) {
+ if (sb.params.disableButtonEl) {
+ $disableButtonEl = $(sb.params.disableButtonEl);
+ } else {
+ $disableButtonEl = $el.find('.searchbar-disable-button');
+ }
+ }
+
+ Utils.extend(sb, {
+ app: app,
+ view: app.views.get($el.parents('.view')),
+ $el: $el,
+ el: $el[0],
+ $backdropEl: $backdropEl,
+ backdropEl: $backdropEl && $backdropEl[0],
+ $searchContainer: $searchContainer,
+ searchContainer: $searchContainer && $searchContainer[0],
+ $inputEl: $inputEl,
+ inputEl: $inputEl[0],
+ $disableButtonEl: $disableButtonEl,
+ disableButtonEl: $disableButtonEl && $disableButtonEl[0],
+ disableButtonHasMargin: false,
+ $pageEl: $pageEl,
+ pageEl: $pageEl && $pageEl[0],
+ $navbarEl: $navbarEl,
+ navbarEl: $navbarEl && $navbarEl[0],
+ $foundEl: $foundEl,
+ foundEl: $foundEl && $foundEl[0],
+ $notFoundEl: $notFoundEl,
+ notFoundEl: $notFoundEl && $notFoundEl[0],
+ $hideOnEnableEl: $hideOnEnableEl,
+ hideOnEnableEl: $hideOnEnableEl && $hideOnEnableEl[0],
+ $hideOnSearchEl: $hideOnSearchEl,
+ hideOnSearchEl: $hideOnSearchEl && $hideOnSearchEl[0],
+ previousQuery: '',
+ query: '',
+ isVirtualList: $searchContainer && $searchContainer.hasClass('virtual-list'),
+ virtualList: undefined,
+ enabled: false,
+ expandable: sb.params.expandable || $el.hasClass('searchbar-expandable'),
+ });
+
+ // Events
+ function preventSubmit(e) {
+ e.preventDefault();
+ }
+ function onInputFocus(e) {
+ sb.enable(e);
+ sb.$el.addClass('searchbar-focused');
+ }
+ function onInputBlur() {
+ sb.$el.removeClass('searchbar-focused');
+ }
+ function onInputChange() {
+ var value = sb.$inputEl.val().trim();
+ if (
+ (
+ (sb.$searchContainer && sb.$searchContainer.length > 0)
+ && (sb.params.searchIn || sb.isVirtualList || sb.params.searchIn === sb.params.searchItem)
+ )
+ || sb.params.customSearch
+ ) {
+ sb.search(value, true);
+ }
+ }
+ function onInputClear(e, previousValue) {
+ sb.$el.trigger('searchbar:clear', previousValue);
+ sb.emit('local::clear searchbarClear', sb, previousValue);
+ }
+ function disableOnClick(e) {
+ sb.disable(e);
+ }
+ function onPageBeforeOut() {
+ if (!sb || (sb && !sb.$el)) { return; }
+ if (sb.enabled) {
+ sb.$el.removeClass('searchbar-enabled');
+ if (sb.expandable) {
+ sb.$el.parents('.navbar-inner').removeClass('with-searchbar-expandable-enabled');
+ }
+ }
+ }
+ function onPageBeforeIn() {
+ if (!sb || (sb && !sb.$el)) { return; }
+ if (sb.enabled) {
+ sb.$el.addClass('searchbar-enabled');
+ if (sb.expandable) {
+ sb.$el.parents('.navbar-inner').addClass('with-searchbar-expandable-enabled');
+ }
+ }
+ }
+ sb.attachEvents = function attachEvents() {
+ $el.on('submit', preventSubmit);
+ if (sb.params.disableButton) {
+ sb.$disableButtonEl.on('click', disableOnClick);
+ }
+ if (sb.params.disableOnBackdropClick && sb.$backdropEl) {
+ sb.$backdropEl.on('click', disableOnClick);
+ }
+ if (sb.expandable && app.theme === 'ios' && sb.view && $navbarEl && sb.$pageEl) {
+ sb.$pageEl.on('page:beforeout', onPageBeforeOut);
+ sb.$pageEl.on('page:beforein', onPageBeforeIn);
+ }
+ sb.$inputEl.on('focus', onInputFocus);
+ sb.$inputEl.on('blur', onInputBlur);
+ sb.$inputEl.on(sb.params.inputEvents, onInputChange);
+ sb.$inputEl.on('input:clear', onInputClear);
+ };
+ sb.detachEvents = function detachEvents() {
+ $el.off('submit', preventSubmit);
+ if (sb.params.disableButton) {
+ sb.$disableButtonEl.off('click', disableOnClick);
+ }
+ if (sb.params.disableOnBackdropClick && sb.$backdropEl) {
+ sb.$backdropEl.off('click', disableOnClick);
+ }
+ if (sb.expandable && app.theme === 'ios' && sb.view && $navbarEl && sb.$pageEl) {
+ sb.$pageEl.off('page:beforeout', onPageBeforeOut);
+ sb.$pageEl.off('page:beforein', onPageBeforeIn);
+ }
+ sb.$inputEl.off('focus', onInputFocus);
+ sb.$inputEl.off('blur', onInputBlur);
+ sb.$inputEl.off(sb.params.inputEvents, onInputChange);
+ sb.$inputEl.off('input:clear', onInputClear);
+ };
+
+ // Install Modules
+ sb.useModules();
+
+ // Init
+ sb.init();
+
+ return sb;
+ }
+
+ if ( FrameworkClass ) Searchbar.__proto__ = FrameworkClass;
+ Searchbar.prototype = Object.create( FrameworkClass && FrameworkClass.prototype );
+ Searchbar.prototype.constructor = Searchbar;
+
+ Searchbar.prototype.clear = function clear (e) {
+ var sb = this;
+ if (!sb.query && e && $(e.target).hasClass('searchbar-clear')) {
+ sb.disable();
+ return sb;
+ }
+ var previousQuery = sb.value;
+ sb.$inputEl.val('').trigger('change').focus();
+ sb.$el.trigger('searchbar:clear', previousQuery);
+ sb.emit('local::clear searchbarClear', sb, previousQuery);
+ return sb;
+ };
+
+ Searchbar.prototype.setDisableButtonMargin = function setDisableButtonMargin () {
+ var sb = this;
+ if (sb.expandable) { return; }
+ var app = sb.app;
+ sb.$disableButtonEl.transition(0).show();
+ sb.$disableButtonEl.css(("margin-" + (app.rtl ? 'left' : 'right')), ((-sb.disableButtonEl.offsetWidth) + "px"));
+ /* eslint no-underscore-dangle: ["error", { "allow": ["_clientLeft"] }] */
+ sb._clientLeft = sb.$disableButtonEl[0].clientLeft;
+ sb.$disableButtonEl.transition('');
+ sb.disableButtonHasMargin = true;
+ };
+
+ Searchbar.prototype.enable = function enable (setFocus) {
+ var sb = this;
+ if (sb.enabled) { return sb; }
+ var app = sb.app;
+ sb.enabled = true;
+ function enable() {
+ if (sb.$backdropEl && ((sb.$searchContainer && sb.$searchContainer.length) || sb.params.customSearch) && !sb.$el.hasClass('searchbar-enabled') && !sb.query) {
+ sb.backdropShow();
+ }
+ sb.$el.addClass('searchbar-enabled');
+ if (!sb.$disableButtonEl || (sb.$disableButtonEl && sb.$disableButtonEl.length === 0)) {
+ sb.$el.addClass('searchbar-enabled-no-disable-button');
+ }
+ if (!sb.expandable && sb.$disableButtonEl && sb.$disableButtonEl.length > 0 && app.theme === 'ios') {
+ if (!sb.disableButtonHasMargin) {
+ sb.setDisableButtonMargin();
+ }
+ sb.$disableButtonEl.css(("margin-" + (app.rtl ? 'left' : 'right')), '0px');
+ }
+ if (sb.expandable) {
+ if (sb.$el.parents('.navbar-inner').hasClass('navbar-inner-large') && sb.$pageEl) {
+ sb.$pageEl.find('.page-content').addClass('with-searchbar-expandable-enabled');
+ }
+ if (app.theme === 'md' && sb.$el.parent('.navbar-inner').parent('.navbar').length) {
+ sb.$el.parent('.navbar-inner').parent('.navbar').addClass('with-searchbar-expandable-enabled');
+ } else {
+ sb.$el.parent('.navbar-inner').addClass('with-searchbar-expandable-enabled');
+ sb.$el.parent('.navbar-inner-large').addClass('navbar-inner-large-collapsed');
+ }
+ }
+ if (sb.$hideOnEnableEl) { sb.$hideOnEnableEl.addClass('hidden-by-searchbar'); }
+ sb.$el.trigger('searchbar:enable');
+ sb.emit('local::enable searchbarEnable', sb);
+ }
+ var needsFocus = false;
+ if (setFocus === true) {
+ if (doc.activeElement !== sb.inputEl) {
+ needsFocus = true;
+ }
+ }
+ var isIos = app.device.ios && app.theme === 'ios';
+ if (isIos) {
+ if (sb.expandable) {
+ if (needsFocus) { sb.$inputEl.focus(); }
+ enable();
+ } else {
+ if (needsFocus) { sb.$inputEl.focus(); }
+ if (setFocus && (setFocus.type === 'focus' || setFocus === true)) {
+ Utils.nextTick(function () {
+ enable();
+ }, 400);
+ } else {
+ enable();
+ }
+ }
+ } else {
+ if (needsFocus) { sb.$inputEl.focus(); }
+ if (app.theme === 'md' && sb.expandable) {
+ sb.$el.parents('.page, .view, .navbar-inner').scrollLeft(0);
+ }
+ enable();
+ }
+ return sb;
+ };
+
+ Searchbar.prototype.disable = function disable () {
+ var sb = this;
+ if (!sb.enabled) { return sb; }
+ var app = sb.app;
+ sb.$inputEl.val('').trigger('change');
+ sb.$el.removeClass('searchbar-enabled searchbar-focused searchbar-enabled-no-disable-button');
+ if (sb.expandable) {
+ if (sb.$el.parents('.navbar-inner').hasClass('navbar-inner-large') && sb.$pageEl) {
+ sb.$pageEl.find('.page-content').removeClass('with-searchbar-expandable-enabled');
+ }
+ if (app.theme === 'md' && sb.$el.parent('.navbar-inner').parent('.navbar').length) {
+ sb.$el.parent('.navbar-inner').parent('.navbar').removeClass('with-searchbar-expandable-enabled');
+ } else {
+ sb.$el.parent('.navbar-inner').removeClass('with-searchbar-expandable-enabled');
+ if (sb.$pageEl) {
+ sb.$pageEl.find('.page-content').trigger('scroll');
+ }
+ }
+ }
+ if (!sb.expandable && sb.$disableButtonEl && sb.$disableButtonEl.length > 0 && app.theme === 'ios') {
+ sb.$disableButtonEl.css(("margin-" + (app.rtl ? 'left' : 'right')), ((-sb.disableButtonEl.offsetWidth) + "px"));
+ }
+ if (sb.$backdropEl && ((sb.$searchContainer && sb.$searchContainer.length) || sb.params.customSearch)) {
+ sb.backdropHide();
+ }
+
+ sb.enabled = false;
+
+ sb.$inputEl.blur();
+
+ if (sb.$hideOnEnableEl) { sb.$hideOnEnableEl.removeClass('hidden-by-searchbar'); }
+
+ sb.$el.trigger('searchbar:disable');
+ sb.emit('local::disable searchbarDisable', sb);
+ return sb;
+ };
+
+ Searchbar.prototype.toggle = function toggle () {
+ var sb = this;
+ if (sb.enabled) { sb.disable(); }
+ else { sb.enable(true); }
+ return sb;
+ };
+
+ Searchbar.prototype.backdropShow = function backdropShow () {
+ var sb = this;
+ if (sb.$backdropEl) {
+ sb.$backdropEl.addClass('searchbar-backdrop-in');
+ }
+ return sb;
+ };
+
+ Searchbar.prototype.backdropHide = function backdropHide () {
+ var sb = this;
+ if (sb.$backdropEl) {
+ sb.$backdropEl.removeClass('searchbar-backdrop-in');
+ }
+ return sb;
+ };
+
+ Searchbar.prototype.search = function search (query, internal) {
+ var sb = this;
+ sb.previousQuery = sb.query || '';
+ if (query === sb.previousQuery) { return sb; }
+
+ if (!internal) {
+ if (!sb.enabled) {
+ sb.enable();
+ }
+ sb.$inputEl.val(query);
+ sb.$inputEl.trigger('input');
+ }
+ sb.query = query;
+ sb.value = query;
+
+ var $searchContainer = sb.$searchContainer;
+ var $el = sb.$el;
+ var $foundEl = sb.$foundEl;
+ var $notFoundEl = sb.$notFoundEl;
+ var $hideOnSearchEl = sb.$hideOnSearchEl;
+ var isVirtualList = sb.isVirtualList;
+
+ // Hide on search element
+ if (query.length > 0 && $hideOnSearchEl) {
+ $hideOnSearchEl.addClass('hidden-by-searchbar');
+ } else if ($hideOnSearchEl) {
+ $hideOnSearchEl.removeClass('hidden-by-searchbar');
+ }
+ // Add active/inactive classes on overlay
+ if (
+ ($searchContainer && $searchContainer.length && $el.hasClass('searchbar-enabled'))
+ || (sb.params.customSearch && $el.hasClass('searchbar-enabled'))
+ ) {
+ if (query.length === 0) {
+ sb.backdropShow();
+ } else {
+ sb.backdropHide();
+ }
+ }
+
+ if (sb.params.customSearch) {
+ $el.trigger('searchbar:search', query, sb.previousQuery);
+ sb.emit('local::search searchbarSearch', sb, query, sb.previousQuery);
+ return sb;
+ }
+
+ var foundItems = [];
+ var vlQuery;
+ if (isVirtualList) {
+ sb.virtualList = $searchContainer[0].f7VirtualList;
+ if (query.trim() === '') {
+ sb.virtualList.resetFilter();
+ if ($notFoundEl) { $notFoundEl.hide(); }
+ if ($foundEl) { $foundEl.show(); }
+ $el.trigger('searchbar:search', query, sb.previousQuery);
+ sb.emit('local::search searchbarSearch', sb, query, sb.previousQuery);
+ return sb;
+ }
+ vlQuery = sb.params.removeDiacritics ? Utils.removeDiacritics(query) : query;
+ if (sb.virtualList.params.searchAll) {
+ foundItems = sb.virtualList.params.searchAll(vlQuery, sb.virtualList.items) || [];
+ } else if (sb.virtualList.params.searchByItem) {
+ for (var i = 0; i < sb.virtualList.items.length; i += 1) {
+ if (sb.virtualList.params.searchByItem(vlQuery, sb.virtualList.params.items[i], i)) {
+ foundItems.push(i);
+ }
+ }
+ }
+ } else {
+ var values;
+ if (sb.params.removeDiacritics) { values = Utils.removeDiacritics(query.trim().toLowerCase()).split(' '); }
+ else {
+ values = query.trim().toLowerCase().split(' ');
+ }
+ $searchContainer.find(sb.params.searchItem).removeClass('hidden-by-searchbar').each(function (itemIndex, itemEl) {
+ var $itemEl = $(itemEl);
+ var compareWithText = [];
+ var $searchIn = sb.params.searchIn ? $itemEl.find(sb.params.searchIn) : $itemEl;
+ if (sb.params.searchIn === sb.params.searchItem) {
+ $searchIn = $itemEl;
+ }
+ $searchIn.each(function (searchInIndex, searchInEl) {
+ var itemText = $(searchInEl).text().trim().toLowerCase();
+ if (sb.params.removeDiacritics) { itemText = Utils.removeDiacritics(itemText); }
+ compareWithText.push(itemText);
+ });
+ compareWithText = compareWithText.join(' ');
+ var wordsMatch = 0;
+ for (var i = 0; i < values.length; i += 1) {
+ if (compareWithText.indexOf(values[i]) >= 0) { wordsMatch += 1; }
+ }
+ if (wordsMatch !== values.length && !(sb.params.ignore && $itemEl.is(sb.params.ignore))) {
+ $itemEl.addClass('hidden-by-searchbar');
+ } else {
+ foundItems.push($itemEl[0]);
+ }
+ });
+
+ if (sb.params.hideDividers) {
+ $searchContainer.find(sb.params.searchGroupTitle).each(function (titleIndex, titleEl) {
+ var $titleEl = $(titleEl);
+ var $nextElements = $titleEl.nextAll(sb.params.searchItem);
+ var hide = true;
+ for (var i = 0; i < $nextElements.length; i += 1) {
+ var $nextEl = $nextElements.eq(i);
+ if ($nextEl.is(sb.params.searchGroupTitle)) { break; }
+ if (!$nextEl.hasClass('hidden-by-searchbar')) {
+ hide = false;
+ }
+ }
+ var ignore = sb.params.ignore && $titleEl.is(sb.params.ignore);
+ if (hide && !ignore) { $titleEl.addClass('hidden-by-searchbar'); }
+ else { $titleEl.removeClass('hidden-by-searchbar'); }
+ });
+ }
+ if (sb.params.hideGroups) {
+ $searchContainer.find(sb.params.searchGroup).each(function (groupIndex, groupEl) {
+ var $groupEl = $(groupEl);
+ var ignore = sb.params.ignore && $groupEl.is(sb.params.ignore);
+ // eslint-disable-next-line
+ var notHidden = $groupEl.find(sb.params.searchItem).filter(function (index, el) {
+ return !$(el).hasClass('hidden-by-searchbar');
+ });
+ if (notHidden.length === 0 && !ignore) {
+ $groupEl.addClass('hidden-by-searchbar');
+ } else {
+ $groupEl.removeClass('hidden-by-searchbar');
+ }
+ });
+ }
+ }
+
+ if (foundItems.length === 0) {
+ if ($notFoundEl) { $notFoundEl.show(); }
+ if ($foundEl) { $foundEl.hide(); }
+ } else {
+ if ($notFoundEl) { $notFoundEl.hide(); }
+ if ($foundEl) { $foundEl.show(); }
+ }
+ if (isVirtualList && sb.virtualList) {
+ sb.virtualList.filterItems(foundItems);
+ }
+
+ $el.trigger('searchbar:search', query, sb.previousQuery, foundItems);
+ sb.emit('local::search searchbarSearch', sb, query, sb.previousQuery, foundItems);
+
+ return sb;
+ };
+
+ Searchbar.prototype.init = function init () {
+ var sb = this;
+ sb.attachEvents();
+ };
+
+ Searchbar.prototype.destroy = function destroy () {
+ var sb = this;
+ sb.emit('local::beforeDestroy searchbarBeforeDestroy', sb);
+ sb.$el.trigger('searchbar:beforedestroy', sb);
+ sb.detachEvents();
+ if (sb.$el[0]) {
+ sb.$el[0].f7Searchbar = null;
+ delete sb.$el[0].f7Searchbar;
+ }
+ Utils.deleteProps(sb);
+ };
+
+ return Searchbar;
+ }(Framework7Class));
+
+ var Searchbar$1 = {
+ name: 'searchbar',
+ static: {
+ Searchbar: Searchbar,
+ },
+ create: function create() {
+ var app = this;
+ app.searchbar = ConstructorMethods({
+ defaultSelector: '.searchbar',
+ constructor: Searchbar,
+ app: app,
+ domProp: 'f7Searchbar',
+ addMethods: 'clear enable disable toggle search'.split(' '),
+ });
+ },
+ on: {
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ $(tabEl).find('.searchbar-init').each(function (index, searchbarEl) {
+ var $searchbarEl = $(searchbarEl);
+ app.searchbar.create(Utils.extend($searchbarEl.dataset(), { el: searchbarEl }));
+ });
+ },
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ $(tabEl).find('.searchbar-init').each(function (index, searchbarEl) {
+ if (searchbarEl.f7Searchbar && searchbarEl.f7Searchbar.destroy) {
+ searchbarEl.f7Searchbar.destroy();
+ }
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.searchbar-init').each(function (index, searchbarEl) {
+ var $searchbarEl = $(searchbarEl);
+ app.searchbar.create(Utils.extend($searchbarEl.dataset(), { el: searchbarEl }));
+ });
+ if (app.theme === 'ios' && page.view && page.view.router.separateNavbar && page.$navbarEl && page.$navbarEl.length > 0) {
+ page.$navbarEl.find('.searchbar-init').each(function (index, searchbarEl) {
+ var $searchbarEl = $(searchbarEl);
+ app.searchbar.create(Utils.extend($searchbarEl.dataset(), { el: searchbarEl }));
+ });
+ }
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ var app = this;
+ page.$el.find('.searchbar-init').each(function (index, searchbarEl) {
+ if (searchbarEl.f7Searchbar && searchbarEl.f7Searchbar.destroy) {
+ searchbarEl.f7Searchbar.destroy();
+ }
+ });
+ if (app.theme === 'ios' && page.view && page.view.router.separateNavbar && page.$navbarEl && page.$navbarEl.length > 0) {
+ page.$navbarEl.find('.searchbar-init').each(function (index, searchbarEl) {
+ if (searchbarEl.f7Searchbar && searchbarEl.f7Searchbar.destroy) {
+ searchbarEl.f7Searchbar.destroy();
+ }
+ });
+ }
+ },
+ },
+ clicks: {
+ '.searchbar-clear': function clear($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ var sb = app.searchbar.get(data.searchbar);
+ if (sb) { sb.clear(); }
+ },
+ '.searchbar-enable': function enable($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ var sb = app.searchbar.get(data.searchbar);
+ if (sb) { sb.enable(true); }
+ },
+ '.searchbar-disable': function disable($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ var sb = app.searchbar.get(data.searchbar);
+ if (sb) { sb.disable(); }
+ },
+ '.searchbar-toggle': function toggle($clickedEl, data) {
+ if ( data === void 0 ) data = {};
+
+ var app = this;
+ var sb = app.searchbar.get(data.searchbar);
+ if (sb) { sb.toggle(); }
+ },
+ },
+ vnode: {
+ 'searchbar-init': {
+ insert: function insert(vnode) {
+ var app = this;
+ var searchbarEl = vnode.elm;
+ var $searchbarEl = $(searchbarEl);
+ app.searchbar.create(Utils.extend($searchbarEl.dataset(), { el: searchbarEl }));
+ },
+ destroy: function destroy(vnode) {
+ var searchbarEl = vnode.elm;
+ if (searchbarEl.f7Searchbar && searchbarEl.f7Searchbar.destroy) {
+ searchbarEl.f7Searchbar.destroy();
+ }
+ },
+ },
+ },
+ };
+
+ var Messages = /*@__PURE__*/(function (Framework7Class$$1) {
+ function Messages(app, params) {
+ if ( params === void 0 ) params = {};
+
+ Framework7Class$$1.call(this, params, [app]);
+
+ var m = this;
+
+ var defaults = {
+ autoLayout: true,
+ messages: [],
+ newMessagesFirst: false,
+ scrollMessages: true,
+ scrollMessagesOnEdge: true,
+ firstMessageRule: undefined,
+ lastMessageRule: undefined,
+ tailMessageRule: undefined,
+ sameNameMessageRule: undefined,
+ sameHeaderMessageRule: undefined,
+ sameFooterMessageRule: undefined,
+ sameAvatarMessageRule: undefined,
+ customClassMessageRule: undefined,
+ renderMessage: undefined,
+ };
+
+ // Extend defaults with modules params
+ m.useModulesParams(defaults);
+
+ m.params = Utils.extend(defaults, params);
+
+ var $el = $(params.el).eq(0);
+ if ($el.length === 0) { return m; }
+
+ if ($el[0].f7Messages) { return $el[0].f7Messages; }
+
+ $el[0].f7Messages = m;
+
+ var $pageContentEl = $el.closest('.page-content').eq(0);
+
+ Utils.extend(m, {
+ messages: m.params.messages,
+ $el: $el,
+ el: $el[0],
+ $pageContentEl: $pageContentEl,
+ pageContentEl: $pageContentEl[0],
+
+ });
+ // Install Modules
+ m.useModules();
+
+ // Init
+ m.init();
+
+ return m;
+ }
+
+ if ( Framework7Class$$1 ) Messages.__proto__ = Framework7Class$$1;
+ Messages.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ Messages.prototype.constructor = Messages;
+ // eslint-disable-next-line
+ Messages.prototype.getMessageData = function getMessageData (messageEl) {
+ var $messageEl = $(messageEl);
+ var data = {
+ name: $messageEl.find('.message-name').html(),
+ header: $messageEl.find('.message-header').html(),
+ textHeader: $messageEl.find('.message-text-header').html(),
+ textFooter: $messageEl.find('.message-text-footer').html(),
+ footer: $messageEl.find('.message-footer').html(),
+ isTitle: $messageEl.hasClass('messages-title'),
+ type: $messageEl.hasClass('message-sent') ? 'sent' : 'received',
+ text: $messageEl.find('.message-text').html(),
+ image: $messageEl.find('.message-image').html(),
+ imageSrc: $messageEl.find('.message-image img').attr('src'),
+ typing: $messageEl.hasClass('message-typing'),
+ };
+ if (data.isTitle) {
+ data.text = $messageEl.html();
+ }
+ if (data.text && data.textHeader) {
+ data.text = data.text.replace((""), '');
+ }
+ if (data.text && data.textFooter) {
+ data.text = data.text.replace((""), '');
+ }
+ var avatar = $messageEl.find('.message-avatar').css('background-image');
+ if (avatar === 'none' || avatar === '') { avatar = undefined; }
+ if (avatar && typeof avatar === 'string') {
+ avatar = avatar.replace('url(', '').replace(')', '').replace(/"/g, '').replace(/'/g, '');
+ } else {
+ avatar = undefined;
+ }
+ data.avatar = avatar;
+
+ return data;
+ };
+
+ Messages.prototype.getMessagesData = function getMessagesData () {
+ var m = this;
+ var data = [];
+ m.$el.find('.message, .messages-title').each(function (index, messageEl) {
+ data.push(m.getMessageData(messageEl));
+ });
+ return data;
+ };
+
+ Messages.prototype.renderMessage = function renderMessage (messageToRender) {
+ var m = this;
+ var message = Utils.extend({
+ type: 'sent',
+ attrs: {},
+ }, messageToRender);
+ if (m.params.renderMessage) {
+ return m.params.renderMessage.call(m, message);
+ }
+ if (message.isTitle) {
+ return ("");
+ }
+ var attrs = Object.keys(message.attrs).map(function (attr) { return (attr + "=\"" + (message.attrs[attr]) + "\""); }).join(' ');
+ return ("\n \n
\n \n " + (toolbar ? picker.renderToolbar() : '') + "\n
\n \n " + (picker.cols.map(function (col) { return picker.renderColumn(col); }).join('')) + "\n \n
\n \n " + (message.avatar ? ("\n \n ") : '') + "\n
\n ");
+ };
+
+ Messages.prototype.renderMessages = function renderMessages (messagesToRender, method) {
+ if ( messagesToRender === void 0 ) messagesToRender = this.messages;
+ if ( method === void 0 ) method = this.params.newMessagesFirst ? 'prepend' : 'append';
+
+ var m = this;
+ var html = messagesToRender.map(function (message) { return m.renderMessage(message); }).join('');
+ m.$el[method](html);
+ };
+
+ Messages.prototype.isFirstMessage = function isFirstMessage () {
+ var ref;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var m = this;
+ if (m.params.firstMessageRule) { return (ref = m.params).firstMessageRule.apply(ref, args); }
+ return false;
+ };
+
+ Messages.prototype.isLastMessage = function isLastMessage () {
+ var ref;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var m = this;
+ if (m.params.lastMessageRule) { return (ref = m.params).lastMessageRule.apply(ref, args); }
+ return false;
+ };
+
+ Messages.prototype.isTailMessage = function isTailMessage () {
+ var ref;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var m = this;
+ if (m.params.tailMessageRule) { return (ref = m.params).tailMessageRule.apply(ref, args); }
+ return false;
+ };
+
+ Messages.prototype.isSameNameMessage = function isSameNameMessage () {
+ var ref;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var m = this;
+ if (m.params.sameNameMessageRule) { return (ref = m.params).sameNameMessageRule.apply(ref, args); }
+ return false;
+ };
+
+ Messages.prototype.isSameHeaderMessage = function isSameHeaderMessage () {
+ var ref;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var m = this;
+ if (m.params.sameHeaderMessageRule) { return (ref = m.params).sameHeaderMessageRule.apply(ref, args); }
+ return false;
+ };
+
+ Messages.prototype.isSameFooterMessage = function isSameFooterMessage () {
+ var ref;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var m = this;
+ if (m.params.sameFooterMessageRule) { return (ref = m.params).sameFooterMessageRule.apply(ref, args); }
+ return false;
+ };
+
+ Messages.prototype.isSameAvatarMessage = function isSameAvatarMessage () {
+ var ref;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var m = this;
+ if (m.params.sameAvatarMessageRule) { return (ref = m.params).sameAvatarMessageRule.apply(ref, args); }
+ return false;
+ };
+
+ Messages.prototype.isCustomClassMessage = function isCustomClassMessage () {
+ var ref;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var m = this;
+ if (m.params.customClassMessageRule) { return (ref = m.params).customClassMessageRule.apply(ref, args); }
+ return undefined;
+ };
+
+ Messages.prototype.layout = function layout () {
+ var m = this;
+ m.$el.find('.message, .messages-title').each(function (index, messageEl) {
+ var $messageEl = $(messageEl);
+ if (!m.messages) {
+ m.messages = m.getMessagesData();
+ }
+ var classes = [];
+ var message = m.messages[index];
+ var previousMessage = m.messages[index - 1];
+ var nextMessage = m.messages[index + 1];
+ if (m.isFirstMessage(message, previousMessage, nextMessage)) {
+ classes.push('message-first');
+ }
+ if (m.isLastMessage(message, previousMessage, nextMessage)) {
+ classes.push('message-last');
+ }
+ if (m.isTailMessage(message, previousMessage, nextMessage)) {
+ classes.push('message-tail');
+ }
+ if (m.isSameNameMessage(message, previousMessage, nextMessage)) {
+ classes.push('message-same-name');
+ }
+ if (m.isSameHeaderMessage(message, previousMessage, nextMessage)) {
+ classes.push('message-same-header');
+ }
+ if (m.isSameFooterMessage(message, previousMessage, nextMessage)) {
+ classes.push('message-same-footer');
+ }
+ if (m.isSameAvatarMessage(message, previousMessage, nextMessage)) {
+ classes.push('message-same-avatar');
+ }
+ var customMessageClasses = m.isCustomClassMessage(message, previousMessage, nextMessage);
+ if (customMessageClasses && customMessageClasses.length) {
+ if (typeof customMessageClasses === 'string') {
+ customMessageClasses = customMessageClasses.split(' ');
+ }
+ customMessageClasses.forEach(function (customClass) {
+ classes.push(customClass);
+ });
+ }
+ $messageEl.removeClass('message-first message-last message-tail message-same-name message-same-header message-same-footer message-same-avatar');
+ classes.forEach(function (className) {
+ $messageEl.addClass(className);
+ });
+ });
+ };
+
+ Messages.prototype.clear = function clear () {
+ var m = this;
+ m.messages = [];
+ m.$el.html('');
+ };
+
+ Messages.prototype.removeMessage = function removeMessage (messageToRemove, layout) {
+ if ( layout === void 0 ) layout = true;
+
+ var m = this;
+ // Index or El
+ var index;
+ var $el;
+ if (typeof messageToRemove === 'number') {
+ index = messageToRemove;
+ $el = m.$el.find('.message, .messages-title').eq(index);
+ } else if (m.messages && m.messages.indexOf(messageToRemove) >= 0) {
+ index = m.messages.indexOf(messageToRemove);
+ $el = m.$el.children().eq(index);
+ } else {
+ $el = $(messageToRemove);
+ index = $el.index();
+ }
+ if ($el.length === 0) {
+ return m;
+ }
+ $el.remove();
+ m.messages.splice(index, 1);
+ if (m.params.autoLayout && layout) { m.layout(); }
+ return m;
+ };
+
+ Messages.prototype.removeMessages = function removeMessages (messagesToRemove, layout) {
+ if ( layout === void 0 ) layout = true;
+
+ var m = this;
+ if (Array.isArray(messagesToRemove)) {
+ var messagesToRemoveEls = [];
+ messagesToRemove.forEach(function (messageToRemoveIndex) {
+ messagesToRemoveEls.push(m.$el.find('.message, .messages-title').eq(messageToRemoveIndex));
+ });
+ messagesToRemoveEls.forEach(function (messageToRemove) {
+ m.removeMessage(messageToRemove, false);
+ });
+ } else {
+ $(messagesToRemove).each(function (index, messageToRemove) {
+ m.removeMessage(messageToRemove, false);
+ });
+ }
+ if (m.params.autoLayout && layout) { m.layout(); }
+ return m;
+ };
+
+ Messages.prototype.addMessage = function addMessage () {
+ var assign, assign$1;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var m = this;
+ var messageToAdd;
+ var animate;
+ var method;
+ if (typeof args[1] === 'boolean') {
+ (assign = args, messageToAdd = assign[0], animate = assign[1], method = assign[2]);
+ } else {
+ (assign$1 = args, messageToAdd = assign$1[0], method = assign$1[1], animate = assign$1[2]);
+ }
+ if (typeof animate === 'undefined') {
+ animate = true;
+ }
+ if (typeof method === 'undefined') {
+ method = m.params.newMessagesFirst ? 'prepend' : 'append';
+ }
+
+ return m.addMessages([messageToAdd], animate, method);
+ };
+
+ Messages.prototype.addMessages = function addMessages () {
+ var assign, assign$1;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var m = this;
+ var messagesToAdd;
+ var animate;
+ var method;
+ if (typeof args[1] === 'boolean') {
+ (assign = args, messagesToAdd = assign[0], animate = assign[1], method = assign[2]);
+ } else {
+ (assign$1 = args, messagesToAdd = assign$1[0], method = assign$1[1], animate = assign$1[2]);
+ }
+ if (typeof animate === 'undefined') {
+ animate = true;
+ }
+ if (typeof method === 'undefined') {
+ method = m.params.newMessagesFirst ? 'prepend' : 'append';
+ }
+
+ // Define scroll positions before new messages added
+ var scrollHeightBefore = m.pageContentEl.scrollHeight;
+ var heightBefore = m.pageContentEl.offsetHeight;
+ var scrollBefore = m.pageContentEl.scrollTop;
+
+ // Add message to DOM and data
+ var messagesHTML = '';
+ var typingMessage = m.messages.filter(function (el) { return el.isTyping; })[0];
+ messagesToAdd.forEach(function (messageToAdd) {
+ if (typingMessage) {
+ if (method === 'append') {
+ m.messages.splice(m.messages.indexOf(typingMessage), 0, messageToAdd);
+ } else {
+ m.messages.splice(m.messages.indexOf(typingMessage) + 1, 0, messageToAdd);
+ }
+ } else {
+ m.messages[method === 'append' ? 'push' : 'unshift'](messageToAdd);
+ }
+ messagesHTML += m.renderMessage(messageToAdd);
+ });
+ var $messagesEls = $(messagesHTML);
+ if (animate) {
+ if (method === 'append' && !m.params.newMessagesFirst) {
+ $messagesEls.addClass('message-appear-from-bottom');
+ }
+ if (method === 'prepend' && m.params.newMessagesFirst) {
+ $messagesEls.addClass('message-appear-from-top');
+ }
+ }
+ if (typingMessage) {
+ if (method === 'append') {
+ $messagesEls.insertBefore(m.$el.find('.message-typing'));
+ } else {
+ $messagesEls.insertAfter(m.$el.find('.message-typing'));
+ }
+ } else {
+ m.$el[method]($messagesEls);
+ }
+
+ // Layout
+ if (m.params.autoLayout) { m.layout(); }
+
+ if (method === 'prepend' && !typingMessage) {
+ m.pageContentEl.scrollTop = scrollBefore + (m.pageContentEl.scrollHeight - scrollHeightBefore);
+ }
+
+ if (m.params.scrollMessages && ((method === 'append' && !m.params.newMessagesFirst) || (method === 'prepend' && m.params.newMessagesFirst && !typingMessage))) {
+ if (m.params.scrollMessagesOnEdge) {
+ var onEdge = false;
+ if (m.params.newMessagesFirst && scrollBefore === 0) {
+ onEdge = true;
+ }
+ if (!m.params.newMessagesFirst && (scrollBefore - (scrollHeightBefore - heightBefore) >= -10)) {
+ onEdge = true;
+ }
+ if (onEdge) { m.scroll(animate ? undefined : 0); }
+ } else {
+ m.scroll(animate ? undefined : 0);
+ }
+ }
+
+ return m;
+ };
+
+ Messages.prototype.showTyping = function showTyping (message) {
+ if ( message === void 0 ) message = {};
+
+ var m = this;
+ var typingMessage = m.messages.filter(function (el) { return el.isTyping; })[0];
+ if (typingMessage) {
+ m.removeMessage(m.messages.indexOf(typingMessage));
+ }
+ m.addMessage(Utils.extend({
+ type: 'received',
+ isTyping: true,
+ }, message));
+ return m;
+ };
+
+ Messages.prototype.hideTyping = function hideTyping () {
+ var m = this;
+ var typingMessageIndex;
+ var typingFound;
+ m.messages.forEach(function (message, index) {
+ if (message.isTyping) { typingMessageIndex = index; }
+ });
+ if (typeof typingMessageIndex !== 'undefined') {
+ if (m.$el.find('.message').eq(typingMessageIndex).hasClass('message-typing')) {
+ typingFound = true;
+ m.removeMessage(typingMessageIndex);
+ }
+ }
+ if (!typingFound) {
+ var $typingMessageEl = m.$el.find('.message-typing');
+ if ($typingMessageEl.length) {
+ m.removeMessage($typingMessageEl);
+ }
+ }
+ return m;
+ };
+
+ Messages.prototype.scroll = function scroll (duration, scrollTop) {
+ if ( duration === void 0 ) duration = 300;
+
+ var m = this;
+ var currentScroll = m.pageContentEl.scrollTop;
+ var newScrollTop;
+ if (typeof scrollTop !== 'undefined') { newScrollTop = scrollTop; }
+ else {
+ newScrollTop = m.params.newMessagesFirst ? 0 : m.pageContentEl.scrollHeight - m.pageContentEl.offsetHeight;
+ if (newScrollTop === currentScroll) { return m; }
+ }
+ m.$pageContentEl.scrollTop(newScrollTop, duration);
+ return m;
+ };
+
+ Messages.prototype.init = function init () {
+ var m = this;
+ if (!m.messages || m.messages.length === 0) {
+ m.messages = m.getMessagesData();
+ }
+ if (m.params.messages && m.params.messages.length) {
+ m.renderMessages();
+ }
+ if (m.params.autoLayout) { m.layout(); }
+ if (m.params.scrollMessages) { m.scroll(0); }
+ };
+
+ Messages.prototype.destroy = function destroy () {
+ var m = this;
+ m.emit('local::beforeDestroy messagesBeforeDestroy', m);
+ m.$el.trigger('messages:beforedestroy', m);
+ if (m.$el[0]) {
+ m.$el[0].f7Messages = null;
+ delete m.$el[0].f7Messages;
+ }
+ Utils.deleteProps(m);
+ };
+
+ return Messages;
+ }(Framework7Class));
+
+ var Messages$1 = {
+ name: 'messages',
+ static: {
+ Messages: Messages,
+ },
+ create: function create() {
+ var app = this;
+ app.messages = ConstructorMethods({
+ defaultSelector: '.messages',
+ constructor: Messages,
+ app: app,
+ domProp: 'f7Messages',
+ addMethods: 'renderMessages layout scroll clear removeMessage removeMessages addMessage addMessages'.split(' '),
+ });
+ },
+ on: {
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ var app = this;
+ $(tabEl).find('.messages-init').each(function (index, messagesEl) {
+ app.messages.destroy(messagesEl);
+ });
+ },
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ $(tabEl).find('.messages-init').each(function (index, messagesEl) {
+ app.messages.create({ el: messagesEl });
+ });
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ var app = this;
+ page.$el.find('.messages-init').each(function (index, messagesEl) {
+ app.messages.destroy(messagesEl);
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.messages-init').each(function (index, messagesEl) {
+ app.messages.create({ el: messagesEl });
+ });
+ },
+ },
+ vnode: {
+ 'messages-init': {
+ insert: function insert(vnode) {
+ var app = this;
+ var messagesEl = vnode.elm;
+ app.messages.create({ el: messagesEl });
+ },
+ destroy: function destroy(vnode) {
+ var app = this;
+ var messagesEl = vnode.elm;
+ app.messages.destroy(messagesEl);
+ },
+ },
+ },
+ };
+
+ var Messagebar = /*@__PURE__*/(function (Framework7Class$$1) {
+ function Messagebar(app, params) {
+ if ( params === void 0 ) params = {};
+
+ Framework7Class$$1.call(this, params, [app]);
+
+ var messagebar = this;
+
+ var defaults = {
+ top: false,
+ topOffset: 0,
+ bottomOffset: 0,
+ attachments: [],
+ renderAttachments: undefined,
+ renderAttachment: undefined,
+ maxHeight: null,
+ resizePage: true,
+ };
+
+ // Extend defaults with modules params
+ messagebar.useModulesParams(defaults);
+
+ messagebar.params = Utils.extend(defaults, params);
+
+ // El
+ var $el = $(messagebar.params.el);
+ if ($el.length === 0) { return messagebar; }
+
+ if ($el[0].f7Messagebar) { return $el[0].f7Messagebar; }
+
+ $el[0].f7Messagebar = messagebar;
+
+ // Page and PageContent
+ var $pageEl = $el.parents('.page').eq(0);
+ var $pageContentEl = $pageEl.find('.page-content').eq(0);
+
+ // Area
+ var $areaEl = $el.find('.messagebar-area');
+
+ // Textarea
+ var $textareaEl;
+ if (messagebar.params.textareaEl) {
+ $textareaEl = $(messagebar.params.textareaEl);
+ } else {
+ $textareaEl = $el.find('textarea');
+ }
+
+ // Attachments & Library
+ var $attachmentsEl = $el.find('.messagebar-attachments');
+ var $sheetEl = $el.find('.messagebar-sheet');
+
+ if (messagebar.params.top) {
+ $el.addClass('messagebar-top');
+ }
+
+ Utils.extend(messagebar, {
+ $el: $el,
+ el: $el[0],
+ $areaEl: $areaEl,
+ areaEl: $areaEl[0],
+ $textareaEl: $textareaEl,
+ textareaEl: $textareaEl[0],
+ $attachmentsEl: $attachmentsEl,
+ attachmentsEl: $attachmentsEl[0],
+ attachmentsVisible: $attachmentsEl.hasClass('messagebar-attachments-visible'),
+ $sheetEl: $sheetEl,
+ sheetEl: $sheetEl[0],
+ sheetVisible: $sheetEl.hasClass('messagebar-sheet-visible'),
+ $pageEl: $pageEl,
+ pageEl: $pageEl[0],
+ $pageContentEl: $pageContentEl,
+ pageContentEl: $pageContentEl,
+ top: $el.hasClass('messagebar-top') || messagebar.params.top,
+ attachments: [],
+ });
+
+ // Events
+ function onAppResize() {
+ if (messagebar.params.resizePage) {
+ messagebar.resizePage();
+ }
+ }
+ function onSubmit(e) {
+ e.preventDefault();
+ }
+ function onAttachmentClick(e) {
+ var index = $(this).index();
+ if ($(e.target).closest('.messagebar-attachment-delete').length) {
+ $(this).trigger('messagebar:attachmentdelete', index);
+ messagebar.emit('local::attachmentDelete messagebarAttachmentDelete', messagebar, this, index);
+ } else {
+ $(this).trigger('messagebar:attachmentclick', index);
+ messagebar.emit('local::attachmentClick messagebarAttachmentClick', messagebar, this, index);
+ }
+ }
+ function onTextareaChange() {
+ messagebar.checkEmptyState();
+ messagebar.$el.trigger('messagebar:change');
+ messagebar.emit('local::change messagebarChange', messagebar);
+ }
+ function onTextareaFocus() {
+ messagebar.sheetHide();
+ messagebar.$el.addClass('messagebar-focused');
+ messagebar.$el.trigger('messagebar:focus');
+ messagebar.emit('local::focus messagebarFocus', messagebar);
+ }
+ function onTextareaBlur() {
+ messagebar.$el.removeClass('messagebar-focused');
+ messagebar.$el.trigger('messagebar:blur');
+ messagebar.emit('local::blur messagebarBlur', messagebar);
+ }
+
+ messagebar.attachEvents = function attachEvents() {
+ $el.on('textarea:resize', onAppResize);
+ $el.on('submit', onSubmit);
+ $el.on('click', '.messagebar-attachment', onAttachmentClick);
+ $textareaEl.on('change input', onTextareaChange);
+ $textareaEl.on('focus', onTextareaFocus);
+ $textareaEl.on('blur', onTextareaBlur);
+ app.on('resize', onAppResize);
+ };
+ messagebar.detachEvents = function detachEvents() {
+ $el.off('textarea:resize', onAppResize);
+ $el.off('submit', onSubmit);
+ $el.off('click', '.messagebar-attachment', onAttachmentClick);
+ $textareaEl.off('change input', onTextareaChange);
+ $textareaEl.off('focus', onTextareaFocus);
+ $textareaEl.off('blur', onTextareaBlur);
+ app.off('resize', onAppResize);
+ };
+
+
+ // Install Modules
+ messagebar.useModules();
+
+ // Init
+ messagebar.init();
+
+ return messagebar;
+ }
+
+ if ( Framework7Class$$1 ) Messagebar.__proto__ = Framework7Class$$1;
+ Messagebar.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ Messagebar.prototype.constructor = Messagebar;
+
+ Messagebar.prototype.focus = function focus () {
+ var messagebar = this;
+ messagebar.$textareaEl.focus();
+ return messagebar;
+ };
+
+ Messagebar.prototype.blur = function blur () {
+ var messagebar = this;
+ messagebar.$textareaEl.blur();
+ return messagebar;
+ };
+
+ Messagebar.prototype.clear = function clear () {
+ var messagebar = this;
+ messagebar.$textareaEl.val('').trigger('change');
+ return messagebar;
+ };
+
+ Messagebar.prototype.getValue = function getValue () {
+ var messagebar = this;
+ return messagebar.$textareaEl.val().trim();
+ };
+
+ Messagebar.prototype.setValue = function setValue (value) {
+ var messagebar = this;
+ messagebar.$textareaEl.val(value).trigger('change');
+ return messagebar;
+ };
+
+ Messagebar.prototype.setPlaceholder = function setPlaceholder (placeholder) {
+ var messagebar = this;
+ messagebar.$textareaEl.attr('placeholder', placeholder);
+ return messagebar;
+ };
+
+ Messagebar.prototype.resizePage = function resizePage () {
+ var messagebar = this;
+ var params = messagebar.params;
+ var $el = messagebar.$el;
+ var top = messagebar.top;
+ var $pageEl = messagebar.$pageEl;
+ var $pageContentEl = messagebar.$pageContentEl;
+ var $areaEl = messagebar.$areaEl;
+ var $textareaEl = messagebar.$textareaEl;
+ var $sheetEl = messagebar.$sheetEl;
+ var $attachmentsEl = messagebar.$attachmentsEl;
+ var elHeight = $el[0].offsetHeight;
+ var maxHeight = params.maxHeight;
+ if (top) ; else {
+ var currentPaddingBottom = parseInt($pageContentEl.css('padding-bottom'), 10);
+ var requiredPaddingBottom = elHeight + params.bottomOffset;
+ if (requiredPaddingBottom !== currentPaddingBottom && $pageContentEl.length) {
+ var currentPaddingTop = parseInt($pageContentEl.css('padding-top'), 10);
+ var pageScrollHeight = $pageContentEl[0].scrollHeight;
+ var pageOffsetHeight = $pageContentEl[0].offsetHeight;
+ var pageScrollTop = $pageContentEl[0].scrollTop;
+ var scrollOnBottom = (pageScrollTop === pageScrollHeight - pageOffsetHeight);
+ if (!maxHeight) {
+ maxHeight = $pageEl[0].offsetHeight - currentPaddingTop - $sheetEl.outerHeight() - $attachmentsEl.outerHeight() - parseInt($areaEl.css('margin-top'), 10) - parseInt($areaEl.css('margin-bottom'), 10);
+ }
+ $textareaEl.css('max-height', (maxHeight + "px"));
+ $pageContentEl.css('padding-bottom', (requiredPaddingBottom + "px"));
+ if (scrollOnBottom) {
+ $pageContentEl.scrollTop($pageContentEl[0].scrollHeight - pageOffsetHeight);
+ }
+ $el.trigger('messagebar:resizepage');
+ messagebar.emit('local::resizePage messagebarResizePage', messagebar);
+ }
+ }
+ };
+
+ Messagebar.prototype.checkEmptyState = function checkEmptyState () {
+ var messagebar = this;
+ var $el = messagebar.$el;
+ var $textareaEl = messagebar.$textareaEl;
+ var value = $textareaEl.val().trim();
+ if (value && value.length) {
+ $el.addClass('messagebar-with-value');
+ } else {
+ $el.removeClass('messagebar-with-value');
+ }
+ };
+
+ Messagebar.prototype.attachmentsCreate = function attachmentsCreate (innerHTML) {
+ if ( innerHTML === void 0 ) innerHTML = '';
+
+ var messagebar = this;
+ var $attachmentsEl = $((""));
+ $attachmentsEl.insertBefore(messagebar.$textareaEl);
+ Utils.extend(messagebar, {
+ $attachmentsEl: $attachmentsEl,
+ attachmentsEl: $attachmentsEl[0],
+ });
+ return messagebar;
+ };
+
+ Messagebar.prototype.attachmentsShow = function attachmentsShow (innerHTML) {
+ if ( innerHTML === void 0 ) innerHTML = '';
+
+ var messagebar = this;
+ messagebar.$attachmentsEl = messagebar.$el.find('.messagebar-attachments');
+ if (messagebar.$attachmentsEl.length === 0) {
+ messagebar.attachmentsCreate(innerHTML);
+ }
+ messagebar.$el.addClass('messagebar-attachments-visible');
+ messagebar.attachmentsVisible = true;
+ if (messagebar.params.resizePage) {
+ messagebar.resizePage();
+ }
+ return messagebar;
+ };
+
+ Messagebar.prototype.attachmentsHide = function attachmentsHide () {
+ var messagebar = this;
+ messagebar.$el.removeClass('messagebar-attachments-visible');
+ messagebar.attachmentsVisible = false;
+ if (messagebar.params.resizePage) {
+ messagebar.resizePage();
+ }
+ return messagebar;
+ };
+
+ Messagebar.prototype.attachmentsToggle = function attachmentsToggle () {
+ var messagebar = this;
+ if (messagebar.attachmentsVisible) {
+ messagebar.attachmentsHide();
+ } else {
+ messagebar.attachmentsShow();
+ }
+ return messagebar;
+ };
+
+ Messagebar.prototype.renderAttachment = function renderAttachment (attachment) {
+ var messagebar = this;
+ if (messagebar.params.renderAttachment) {
+ return messagebar.params.renderAttachment.call(messagebar, attachment);
+ }
+ return ("\n \n " + (message.name ? ("") : '') + "\n " + (message.header ? ("") : '') + "\n
\n \n " + (message.textHeader ? ("") : '') + "\n " + (message.image ? ("") : '') + "\n " + (message.imageSrc && !message.image ? ("![](\"")
") : '') + "\n " + (message.text || message.isTyping ? ("") : '') + "\n " + (message.textFooter ? ("") : '') + "\n
\n " + (message.footer ? ("") : '') + "\n \n \n \n
\n ");
+ };
+
+ Messagebar.prototype.renderAttachments = function renderAttachments () {
+ var messagebar = this;
+ var html;
+ if (messagebar.params.renderAttachments) {
+ html = messagebar.params.renderAttachments.call(messagebar, messagebar.attachments);
+ } else {
+ html = "" + (messagebar.attachments.map(function (attachment) { return messagebar.renderAttachment(attachment); }).join(''));
+ }
+ if (messagebar.$attachmentsEl.length === 0) {
+ messagebar.attachmentsCreate(html);
+ } else {
+ messagebar.$attachmentsEl.html(html);
+ }
+ };
+
+ Messagebar.prototype.sheetCreate = function sheetCreate (innerHTML) {
+ if ( innerHTML === void 0 ) innerHTML = '';
+
+ var messagebar = this;
+ var $sheetEl = $((""));
+ messagebar.$el.append($sheetEl);
+ Utils.extend(messagebar, {
+ $sheetEl: $sheetEl,
+ sheetEl: $sheetEl[0],
+ });
+ return messagebar;
+ };
+
+ Messagebar.prototype.sheetShow = function sheetShow (innerHTML) {
+ if ( innerHTML === void 0 ) innerHTML = '';
+
+ var messagebar = this;
+ messagebar.$sheetEl = messagebar.$el.find('.messagebar-sheet');
+ if (messagebar.$sheetEl.length === 0) {
+ messagebar.sheetCreate(innerHTML);
+ }
+ messagebar.$el.addClass('messagebar-sheet-visible');
+ messagebar.sheetVisible = true;
+ if (messagebar.params.resizePage) {
+ messagebar.resizePage();
+ }
+ return messagebar;
+ };
+
+ Messagebar.prototype.sheetHide = function sheetHide () {
+ var messagebar = this;
+ messagebar.$el.removeClass('messagebar-sheet-visible');
+ messagebar.sheetVisible = false;
+ if (messagebar.params.resizePage) {
+ messagebar.resizePage();
+ }
+ return messagebar;
+ };
+
+ Messagebar.prototype.sheetToggle = function sheetToggle () {
+ var messagebar = this;
+ if (messagebar.sheetVisible) {
+ messagebar.sheetHide();
+ } else {
+ messagebar.sheetShow();
+ }
+ return messagebar;
+ };
+
+ Messagebar.prototype.init = function init () {
+ var messagebar = this;
+ messagebar.attachEvents();
+ messagebar.checkEmptyState();
+ return messagebar;
+ };
+
+ Messagebar.prototype.destroy = function destroy () {
+ var messagebar = this;
+ messagebar.emit('local::beforeDestroy messagebarBeforeDestroy', messagebar);
+ messagebar.$el.trigger('messagebar:beforedestroy', messagebar);
+ messagebar.detachEvents();
+ if (messagebar.$el[0]) {
+ messagebar.$el[0].f7Messagebar = null;
+ delete messagebar.$el[0].f7Messagebar;
+ }
+ Utils.deleteProps(messagebar);
+ };
+
+ return Messagebar;
+ }(Framework7Class));
+
+ var Messagebar$1 = {
+ name: 'messagebar',
+ static: {
+ Messagebar: Messagebar,
+ },
+ create: function create() {
+ var app = this;
+ app.messagebar = ConstructorMethods({
+ defaultSelector: '.messagebar',
+ constructor: Messagebar,
+ app: app,
+ domProp: 'f7Messagebar',
+ addMethods: 'clear getValue setValue setPlaceholder resizePage focus blur attachmentsCreate attachmentsShow attachmentsHide attachmentsToggle renderAttachments sheetCreate sheetShow sheetHide sheetToggle'.split(' '),
+ });
+ },
+ on: {
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ var app = this;
+ $(tabEl).find('.messagebar-init').each(function (index, messagebarEl) {
+ app.messagebar.destroy(messagebarEl);
+ });
+ },
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ $(tabEl).find('.messagebar-init').each(function (index, messagebarEl) {
+ app.messagebar.create(Utils.extend({ el: messagebarEl }, $(messagebarEl).dataset()));
+ });
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ var app = this;
+ page.$el.find('.messagebar-init').each(function (index, messagebarEl) {
+ app.messagebar.destroy(messagebarEl);
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.messagebar-init').each(function (index, messagebarEl) {
+ app.messagebar.create(Utils.extend({ el: messagebarEl }, $(messagebarEl).dataset()));
+ });
+ },
+ },
+ vnode: {
+ 'messagebar-init': {
+ insert: function insert(vnode) {
+ var app = this;
+ var messagebarEl = vnode.elm;
+ app.messagebar.create(Utils.extend({ el: messagebarEl }, $(messagebarEl).dataset()));
+ },
+ destroy: function destroy(vnode) {
+ var app = this;
+ var messagebarEl = vnode.elm;
+ app.messagebar.destroy(messagebarEl);
+ },
+ },
+ },
+ };
+
+ function updateSize () {
+ var swiper = this;
+ var width;
+ var height;
+ var $el = swiper.$el;
+ if (typeof swiper.params.width !== 'undefined') {
+ width = swiper.params.width;
+ } else {
+ width = $el[0].clientWidth;
+ }
+ if (typeof swiper.params.height !== 'undefined') {
+ height = swiper.params.height;
+ } else {
+ height = $el[0].clientHeight;
+ }
+ if ((width === 0 && swiper.isHorizontal()) || (height === 0 && swiper.isVertical())) {
+ return;
+ }
+
+ // Subtract paddings
+ width = width - parseInt($el.css('padding-left'), 10) - parseInt($el.css('padding-right'), 10);
+ height = height - parseInt($el.css('padding-top'), 10) - parseInt($el.css('padding-bottom'), 10);
+
+ Utils.extend(swiper, {
+ width: width,
+ height: height,
+ size: swiper.isHorizontal() ? width : height,
+ });
+ }
+
+ function updateSlides () {
+ var swiper = this;
+ var params = swiper.params;
+
+ var $wrapperEl = swiper.$wrapperEl;
+ var swiperSize = swiper.size;
+ var rtl = swiper.rtlTranslate;
+ var wrongRTL = swiper.wrongRTL;
+ var isVirtual = swiper.virtual && params.virtual.enabled;
+ var previousSlidesLength = isVirtual ? swiper.virtual.slides.length : swiper.slides.length;
+ var slides = $wrapperEl.children(("." + (swiper.params.slideClass)));
+ var slidesLength = isVirtual ? swiper.virtual.slides.length : slides.length;
+ var snapGrid = [];
+ var slidesGrid = [];
+ var slidesSizesGrid = [];
+
+ var offsetBefore = params.slidesOffsetBefore;
+ if (typeof offsetBefore === 'function') {
+ offsetBefore = params.slidesOffsetBefore.call(swiper);
+ }
+
+ var offsetAfter = params.slidesOffsetAfter;
+ if (typeof offsetAfter === 'function') {
+ offsetAfter = params.slidesOffsetAfter.call(swiper);
+ }
+
+ var previousSnapGridLength = swiper.snapGrid.length;
+ var previousSlidesGridLength = swiper.snapGrid.length;
+
+ var spaceBetween = params.spaceBetween;
+ var slidePosition = -offsetBefore;
+ var prevSlideSize = 0;
+ var index = 0;
+ if (typeof swiperSize === 'undefined') {
+ return;
+ }
+ if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
+ spaceBetween = (parseFloat(spaceBetween.replace('%', '')) / 100) * swiperSize;
+ }
+
+ swiper.virtualSize = -spaceBetween;
+
+ // reset margins
+ if (rtl) { slides.css({ marginLeft: '', marginTop: '' }); }
+ else { slides.css({ marginRight: '', marginBottom: '' }); }
+
+ var slidesNumberEvenToRows;
+ if (params.slidesPerColumn > 1) {
+ if (Math.floor(slidesLength / params.slidesPerColumn) === slidesLength / swiper.params.slidesPerColumn) {
+ slidesNumberEvenToRows = slidesLength;
+ } else {
+ slidesNumberEvenToRows = Math.ceil(slidesLength / params.slidesPerColumn) * params.slidesPerColumn;
+ }
+ if (params.slidesPerView !== 'auto' && params.slidesPerColumnFill === 'row') {
+ slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, params.slidesPerView * params.slidesPerColumn);
+ }
+ }
+
+ // Calc slides
+ var slideSize;
+ var slidesPerColumn = params.slidesPerColumn;
+ var slidesPerRow = slidesNumberEvenToRows / slidesPerColumn;
+ var numFullColumns = Math.floor(slidesLength / params.slidesPerColumn);
+ for (var i = 0; i < slidesLength; i += 1) {
+ slideSize = 0;
+ var slide = slides.eq(i);
+ if (params.slidesPerColumn > 1) {
+ // Set slides order
+ var newSlideOrderIndex = (void 0);
+ var column = (void 0);
+ var row = (void 0);
+ if (params.slidesPerColumnFill === 'column') {
+ column = Math.floor(i / slidesPerColumn);
+ row = i - (column * slidesPerColumn);
+ if (column > numFullColumns || (column === numFullColumns && row === slidesPerColumn - 1)) {
+ row += 1;
+ if (row >= slidesPerColumn) {
+ row = 0;
+ column += 1;
+ }
+ }
+ newSlideOrderIndex = column + ((row * slidesNumberEvenToRows) / slidesPerColumn);
+ slide
+ .css({
+ '-webkit-box-ordinal-group': newSlideOrderIndex,
+ '-moz-box-ordinal-group': newSlideOrderIndex,
+ '-ms-flex-order': newSlideOrderIndex,
+ '-webkit-order': newSlideOrderIndex,
+ order: newSlideOrderIndex,
+ });
+ } else {
+ row = Math.floor(i / slidesPerRow);
+ column = i - (row * slidesPerRow);
+ }
+ slide
+ .css(
+ ("margin-" + (swiper.isHorizontal() ? 'top' : 'left')),
+ (row !== 0 && params.spaceBetween) && (((params.spaceBetween) + "px"))
+ )
+ .attr('data-swiper-column', column)
+ .attr('data-swiper-row', row);
+ }
+ if (slide.css('display') === 'none') { continue; } // eslint-disable-line
+
+ if (params.slidesPerView === 'auto') {
+ var slideStyles = win.getComputedStyle(slide[0], null);
+ var currentTransform = slide[0].style.transform;
+ var currentWebKitTransform = slide[0].style.webkitTransform;
+ if (currentTransform) {
+ slide[0].style.transform = 'none';
+ }
+ if (currentWebKitTransform) {
+ slide[0].style.webkitTransform = 'none';
+ }
+ if (params.roundLengths) {
+ slideSize = swiper.isHorizontal()
+ ? slide.outerWidth(true)
+ : slide.outerHeight(true);
+ } else {
+ // eslint-disable-next-line
+ if (swiper.isHorizontal()) {
+ var width = parseFloat(slideStyles.getPropertyValue('width'));
+ var paddingLeft = parseFloat(slideStyles.getPropertyValue('padding-left'));
+ var paddingRight = parseFloat(slideStyles.getPropertyValue('padding-right'));
+ var marginLeft = parseFloat(slideStyles.getPropertyValue('margin-left'));
+ var marginRight = parseFloat(slideStyles.getPropertyValue('margin-right'));
+ var boxSizing = slideStyles.getPropertyValue('box-sizing');
+ if (boxSizing && boxSizing === 'border-box') {
+ slideSize = width + marginLeft + marginRight;
+ } else {
+ slideSize = width + paddingLeft + paddingRight + marginLeft + marginRight;
+ }
+ } else {
+ var height = parseFloat(slideStyles.getPropertyValue('height'));
+ var paddingTop = parseFloat(slideStyles.getPropertyValue('padding-top'));
+ var paddingBottom = parseFloat(slideStyles.getPropertyValue('padding-bottom'));
+ var marginTop = parseFloat(slideStyles.getPropertyValue('margin-top'));
+ var marginBottom = parseFloat(slideStyles.getPropertyValue('margin-bottom'));
+ var boxSizing$1 = slideStyles.getPropertyValue('box-sizing');
+ if (boxSizing$1 && boxSizing$1 === 'border-box') {
+ slideSize = height + marginTop + marginBottom;
+ } else {
+ slideSize = height + paddingTop + paddingBottom + marginTop + marginBottom;
+ }
+ }
+ }
+ if (currentTransform) {
+ slide[0].style.transform = currentTransform;
+ }
+ if (currentWebKitTransform) {
+ slide[0].style.webkitTransform = currentWebKitTransform;
+ }
+ if (params.roundLengths) { slideSize = Math.floor(slideSize); }
+ } else {
+ slideSize = (swiperSize - ((params.slidesPerView - 1) * spaceBetween)) / params.slidesPerView;
+ if (params.roundLengths) { slideSize = Math.floor(slideSize); }
+
+ if (slides[i]) {
+ if (swiper.isHorizontal()) {
+ slides[i].style.width = slideSize + "px";
+ } else {
+ slides[i].style.height = slideSize + "px";
+ }
+ }
+ }
+ if (slides[i]) {
+ slides[i].swiperSlideSize = slideSize;
+ }
+ slidesSizesGrid.push(slideSize);
+
+
+ if (params.centeredSlides) {
+ slidePosition = slidePosition + (slideSize / 2) + (prevSlideSize / 2) + spaceBetween;
+ if (prevSlideSize === 0 && i !== 0) { slidePosition = slidePosition - (swiperSize / 2) - spaceBetween; }
+ if (i === 0) { slidePosition = slidePosition - (swiperSize / 2) - spaceBetween; }
+ if (Math.abs(slidePosition) < 1 / 1000) { slidePosition = 0; }
+ if (params.roundLengths) { slidePosition = Math.floor(slidePosition); }
+ if ((index) % params.slidesPerGroup === 0) { snapGrid.push(slidePosition); }
+ slidesGrid.push(slidePosition);
+ } else {
+ if (params.roundLengths) { slidePosition = Math.floor(slidePosition); }
+ if ((index) % params.slidesPerGroup === 0) { snapGrid.push(slidePosition); }
+ slidesGrid.push(slidePosition);
+ slidePosition = slidePosition + slideSize + spaceBetween;
+ }
+
+ swiper.virtualSize += slideSize + spaceBetween;
+
+ prevSlideSize = slideSize;
+
+ index += 1;
+ }
+ swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter;
+ var newSlidesGrid;
+
+ if (
+ rtl && wrongRTL && (params.effect === 'slide' || params.effect === 'coverflow')) {
+ $wrapperEl.css({ width: ((swiper.virtualSize + params.spaceBetween) + "px") });
+ }
+ if (!Support.flexbox || params.setWrapperSize) {
+ if (swiper.isHorizontal()) { $wrapperEl.css({ width: ((swiper.virtualSize + params.spaceBetween) + "px") }); }
+ else { $wrapperEl.css({ height: ((swiper.virtualSize + params.spaceBetween) + "px") }); }
+ }
+
+ if (params.slidesPerColumn > 1) {
+ swiper.virtualSize = (slideSize + params.spaceBetween) * slidesNumberEvenToRows;
+ swiper.virtualSize = Math.ceil(swiper.virtualSize / params.slidesPerColumn) - params.spaceBetween;
+ if (swiper.isHorizontal()) { $wrapperEl.css({ width: ((swiper.virtualSize + params.spaceBetween) + "px") }); }
+ else { $wrapperEl.css({ height: ((swiper.virtualSize + params.spaceBetween) + "px") }); }
+ if (params.centeredSlides) {
+ newSlidesGrid = [];
+ for (var i$1 = 0; i$1 < snapGrid.length; i$1 += 1) {
+ var slidesGridItem = snapGrid[i$1];
+ if (params.roundLengths) { slidesGridItem = Math.floor(slidesGridItem); }
+ if (snapGrid[i$1] < swiper.virtualSize + snapGrid[0]) { newSlidesGrid.push(slidesGridItem); }
+ }
+ snapGrid = newSlidesGrid;
+ }
+ }
+
+ // Remove last grid elements depending on width
+ if (!params.centeredSlides) {
+ newSlidesGrid = [];
+ for (var i$2 = 0; i$2 < snapGrid.length; i$2 += 1) {
+ var slidesGridItem$1 = snapGrid[i$2];
+ if (params.roundLengths) { slidesGridItem$1 = Math.floor(slidesGridItem$1); }
+ if (snapGrid[i$2] <= swiper.virtualSize - swiperSize) {
+ newSlidesGrid.push(slidesGridItem$1);
+ }
+ }
+ snapGrid = newSlidesGrid;
+ if (Math.floor(swiper.virtualSize - swiperSize) - Math.floor(snapGrid[snapGrid.length - 1]) > 1) {
+ snapGrid.push(swiper.virtualSize - swiperSize);
+ }
+ }
+ if (snapGrid.length === 0) { snapGrid = [0]; }
+
+ if (params.spaceBetween !== 0) {
+ if (swiper.isHorizontal()) {
+ if (rtl) { slides.css({ marginLeft: (spaceBetween + "px") }); }
+ else { slides.css({ marginRight: (spaceBetween + "px") }); }
+ } else { slides.css({ marginBottom: (spaceBetween + "px") }); }
+ }
+
+ if (params.centerInsufficientSlides) {
+ var allSlidesSize = 0;
+ slidesSizesGrid.forEach(function (slideSizeValue) {
+ allSlidesSize += slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);
+ });
+ allSlidesSize -= params.spaceBetween;
+ if (allSlidesSize < swiperSize) {
+ var allSlidesOffset = (swiperSize - allSlidesSize) / 2;
+ snapGrid.forEach(function (snap, snapIndex) {
+ snapGrid[snapIndex] = snap - allSlidesOffset;
+ });
+ slidesGrid.forEach(function (snap, snapIndex) {
+ slidesGrid[snapIndex] = snap + allSlidesOffset;
+ });
+ }
+ }
+
+ Utils.extend(swiper, {
+ slides: slides,
+ snapGrid: snapGrid,
+ slidesGrid: slidesGrid,
+ slidesSizesGrid: slidesSizesGrid,
+ });
+
+ if (slidesLength !== previousSlidesLength) {
+ swiper.emit('slidesLengthChange');
+ }
+ if (snapGrid.length !== previousSnapGridLength) {
+ if (swiper.params.watchOverflow) { swiper.checkOverflow(); }
+ swiper.emit('snapGridLengthChange');
+ }
+ if (slidesGrid.length !== previousSlidesGridLength) {
+ swiper.emit('slidesGridLengthChange');
+ }
+
+ if (params.watchSlidesProgress || params.watchSlidesVisibility) {
+ swiper.updateSlidesOffset();
+ }
+ }
+
+ function updateAutoHeight (speed) {
+ var swiper = this;
+ var activeSlides = [];
+ var newHeight = 0;
+ var i;
+ if (typeof speed === 'number') {
+ swiper.setTransition(speed);
+ } else if (speed === true) {
+ swiper.setTransition(swiper.params.speed);
+ }
+ // Find slides currently in view
+ if (swiper.params.slidesPerView !== 'auto' && swiper.params.slidesPerView > 1) {
+ for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) {
+ var index = swiper.activeIndex + i;
+ if (index > swiper.slides.length) { break; }
+ activeSlides.push(swiper.slides.eq(index)[0]);
+ }
+ } else {
+ activeSlides.push(swiper.slides.eq(swiper.activeIndex)[0]);
+ }
+
+ // Find new height from highest slide in view
+ for (i = 0; i < activeSlides.length; i += 1) {
+ if (typeof activeSlides[i] !== 'undefined') {
+ var height = activeSlides[i].offsetHeight;
+ newHeight = height > newHeight ? height : newHeight;
+ }
+ }
+
+ // Update Height
+ if (newHeight) { swiper.$wrapperEl.css('height', (newHeight + "px")); }
+ }
+
+ function updateSlidesOffset () {
+ var swiper = this;
+ var slides = swiper.slides;
+ for (var i = 0; i < slides.length; i += 1) {
+ slides[i].swiperSlideOffset = swiper.isHorizontal() ? slides[i].offsetLeft : slides[i].offsetTop;
+ }
+ }
+
+ function updateSlidesProgress (translate) {
+ if ( translate === void 0 ) translate = (this && this.translate) || 0;
+
+ var swiper = this;
+ var params = swiper.params;
+
+ var slides = swiper.slides;
+ var rtl = swiper.rtlTranslate;
+
+ if (slides.length === 0) { return; }
+ if (typeof slides[0].swiperSlideOffset === 'undefined') { swiper.updateSlidesOffset(); }
+
+ var offsetCenter = -translate;
+ if (rtl) { offsetCenter = translate; }
+
+ // Visible Slides
+ slides.removeClass(params.slideVisibleClass);
+
+ swiper.visibleSlidesIndexes = [];
+ swiper.visibleSlides = [];
+
+ for (var i = 0; i < slides.length; i += 1) {
+ var slide = slides[i];
+ var slideProgress = (
+ (offsetCenter + (params.centeredSlides ? swiper.minTranslate() : 0)) - slide.swiperSlideOffset
+ ) / (slide.swiperSlideSize + params.spaceBetween);
+ if (params.watchSlidesVisibility) {
+ var slideBefore = -(offsetCenter - slide.swiperSlideOffset);
+ var slideAfter = slideBefore + swiper.slidesSizesGrid[i];
+ var isVisible = (slideBefore >= 0 && slideBefore < swiper.size)
+ || (slideAfter > 0 && slideAfter <= swiper.size)
+ || (slideBefore <= 0 && slideAfter >= swiper.size);
+ if (isVisible) {
+ swiper.visibleSlides.push(slide);
+ swiper.visibleSlidesIndexes.push(i);
+ slides.eq(i).addClass(params.slideVisibleClass);
+ }
+ }
+ slide.progress = rtl ? -slideProgress : slideProgress;
+ }
+ swiper.visibleSlides = $(swiper.visibleSlides);
+ }
+
+ function updateProgress (translate) {
+ if ( translate === void 0 ) translate = (this && this.translate) || 0;
+
+ var swiper = this;
+ var params = swiper.params;
+
+ var translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+ var progress = swiper.progress;
+ var isBeginning = swiper.isBeginning;
+ var isEnd = swiper.isEnd;
+ var wasBeginning = isBeginning;
+ var wasEnd = isEnd;
+ if (translatesDiff === 0) {
+ progress = 0;
+ isBeginning = true;
+ isEnd = true;
+ } else {
+ progress = (translate - swiper.minTranslate()) / (translatesDiff);
+ isBeginning = progress <= 0;
+ isEnd = progress >= 1;
+ }
+ Utils.extend(swiper, {
+ progress: progress,
+ isBeginning: isBeginning,
+ isEnd: isEnd,
+ });
+
+ if (params.watchSlidesProgress || params.watchSlidesVisibility) { swiper.updateSlidesProgress(translate); }
+
+ if (isBeginning && !wasBeginning) {
+ swiper.emit('reachBeginning toEdge');
+ }
+ if (isEnd && !wasEnd) {
+ swiper.emit('reachEnd toEdge');
+ }
+ if ((wasBeginning && !isBeginning) || (wasEnd && !isEnd)) {
+ swiper.emit('fromEdge');
+ }
+
+ swiper.emit('progress', progress);
+ }
+
+ function updateSlidesClasses () {
+ var swiper = this;
+
+ var slides = swiper.slides;
+ var params = swiper.params;
+ var $wrapperEl = swiper.$wrapperEl;
+ var activeIndex = swiper.activeIndex;
+ var realIndex = swiper.realIndex;
+ var isVirtual = swiper.virtual && params.virtual.enabled;
+
+ slides.removeClass(((params.slideActiveClass) + " " + (params.slideNextClass) + " " + (params.slidePrevClass) + " " + (params.slideDuplicateActiveClass) + " " + (params.slideDuplicateNextClass) + " " + (params.slideDuplicatePrevClass)));
+
+ var activeSlide;
+ if (isVirtual) {
+ activeSlide = swiper.$wrapperEl.find(("." + (params.slideClass) + "[data-swiper-slide-index=\"" + activeIndex + "\"]"));
+ } else {
+ activeSlide = slides.eq(activeIndex);
+ }
+
+ // Active classes
+ activeSlide.addClass(params.slideActiveClass);
+
+ if (params.loop) {
+ // Duplicate to all looped slides
+ if (activeSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(("." + (params.slideClass) + ":not(." + (params.slideDuplicateClass) + ")[data-swiper-slide-index=\"" + realIndex + "\"]"))
+ .addClass(params.slideDuplicateActiveClass);
+ } else {
+ $wrapperEl
+ .children(("." + (params.slideClass) + "." + (params.slideDuplicateClass) + "[data-swiper-slide-index=\"" + realIndex + "\"]"))
+ .addClass(params.slideDuplicateActiveClass);
+ }
+ }
+ // Next Slide
+ var nextSlide = activeSlide.nextAll(("." + (params.slideClass))).eq(0).addClass(params.slideNextClass);
+ if (params.loop && nextSlide.length === 0) {
+ nextSlide = slides.eq(0);
+ nextSlide.addClass(params.slideNextClass);
+ }
+ // Prev Slide
+ var prevSlide = activeSlide.prevAll(("." + (params.slideClass))).eq(0).addClass(params.slidePrevClass);
+ if (params.loop && prevSlide.length === 0) {
+ prevSlide = slides.eq(-1);
+ prevSlide.addClass(params.slidePrevClass);
+ }
+ if (params.loop) {
+ // Duplicate to all looped slides
+ if (nextSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(("." + (params.slideClass) + ":not(." + (params.slideDuplicateClass) + ")[data-swiper-slide-index=\"" + (nextSlide.attr('data-swiper-slide-index')) + "\"]"))
+ .addClass(params.slideDuplicateNextClass);
+ } else {
+ $wrapperEl
+ .children(("." + (params.slideClass) + "." + (params.slideDuplicateClass) + "[data-swiper-slide-index=\"" + (nextSlide.attr('data-swiper-slide-index')) + "\"]"))
+ .addClass(params.slideDuplicateNextClass);
+ }
+ if (prevSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(("." + (params.slideClass) + ":not(." + (params.slideDuplicateClass) + ")[data-swiper-slide-index=\"" + (prevSlide.attr('data-swiper-slide-index')) + "\"]"))
+ .addClass(params.slideDuplicatePrevClass);
+ } else {
+ $wrapperEl
+ .children(("." + (params.slideClass) + "." + (params.slideDuplicateClass) + "[data-swiper-slide-index=\"" + (prevSlide.attr('data-swiper-slide-index')) + "\"]"))
+ .addClass(params.slideDuplicatePrevClass);
+ }
+ }
+ }
+
+ function updateActiveIndex (newActiveIndex) {
+ var swiper = this;
+ var translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
+ var slidesGrid = swiper.slidesGrid;
+ var snapGrid = swiper.snapGrid;
+ var params = swiper.params;
+ var previousIndex = swiper.activeIndex;
+ var previousRealIndex = swiper.realIndex;
+ var previousSnapIndex = swiper.snapIndex;
+ var activeIndex = newActiveIndex;
+ var snapIndex;
+ if (typeof activeIndex === 'undefined') {
+ for (var i = 0; i < slidesGrid.length; i += 1) {
+ if (typeof slidesGrid[i + 1] !== 'undefined') {
+ if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1] - ((slidesGrid[i + 1] - slidesGrid[i]) / 2)) {
+ activeIndex = i;
+ } else if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1]) {
+ activeIndex = i + 1;
+ }
+ } else if (translate >= slidesGrid[i]) {
+ activeIndex = i;
+ }
+ }
+ // Normalize slideIndex
+ if (params.normalizeSlideIndex) {
+ if (activeIndex < 0 || typeof activeIndex === 'undefined') { activeIndex = 0; }
+ }
+ }
+ if (snapGrid.indexOf(translate) >= 0) {
+ snapIndex = snapGrid.indexOf(translate);
+ } else {
+ snapIndex = Math.floor(activeIndex / params.slidesPerGroup);
+ }
+ if (snapIndex >= snapGrid.length) { snapIndex = snapGrid.length - 1; }
+ if (activeIndex === previousIndex) {
+ if (snapIndex !== previousSnapIndex) {
+ swiper.snapIndex = snapIndex;
+ swiper.emit('snapIndexChange');
+ }
+ return;
+ }
+
+ // Get real index
+ var realIndex = parseInt(swiper.slides.eq(activeIndex).attr('data-swiper-slide-index') || activeIndex, 10);
+
+ Utils.extend(swiper, {
+ snapIndex: snapIndex,
+ realIndex: realIndex,
+ previousIndex: previousIndex,
+ activeIndex: activeIndex,
+ });
+ swiper.emit('activeIndexChange');
+ swiper.emit('snapIndexChange');
+ if (previousRealIndex !== realIndex) {
+ swiper.emit('realIndexChange');
+ }
+ swiper.emit('slideChange');
+ }
+
+ function updateClickedSlide (e) {
+ var swiper = this;
+ var params = swiper.params;
+ var slide = $(e.target).closest(("." + (params.slideClass)))[0];
+ var slideFound = false;
+ if (slide) {
+ for (var i = 0; i < swiper.slides.length; i += 1) {
+ if (swiper.slides[i] === slide) { slideFound = true; }
+ }
+ }
+
+ if (slide && slideFound) {
+ swiper.clickedSlide = slide;
+ if (swiper.virtual && swiper.params.virtual.enabled) {
+ swiper.clickedIndex = parseInt($(slide).attr('data-swiper-slide-index'), 10);
+ } else {
+ swiper.clickedIndex = $(slide).index();
+ }
+ } else {
+ swiper.clickedSlide = undefined;
+ swiper.clickedIndex = undefined;
+ return;
+ }
+ if (params.slideToClickedSlide && swiper.clickedIndex !== undefined && swiper.clickedIndex !== swiper.activeIndex) {
+ swiper.slideToClickedSlide();
+ }
+ }
+
+ var update = {
+ updateSize: updateSize,
+ updateSlides: updateSlides,
+ updateAutoHeight: updateAutoHeight,
+ updateSlidesOffset: updateSlidesOffset,
+ updateSlidesProgress: updateSlidesProgress,
+ updateProgress: updateProgress,
+ updateSlidesClasses: updateSlidesClasses,
+ updateActiveIndex: updateActiveIndex,
+ updateClickedSlide: updateClickedSlide,
+ };
+
+ function getTranslate (axis) {
+ if ( axis === void 0 ) axis = this.isHorizontal() ? 'x' : 'y';
+
+ var swiper = this;
+
+ var params = swiper.params;
+ var rtl = swiper.rtlTranslate;
+ var translate = swiper.translate;
+ var $wrapperEl = swiper.$wrapperEl;
+
+ if (params.virtualTranslate) {
+ return rtl ? -translate : translate;
+ }
+
+ var currentTranslate = Utils.getTranslate($wrapperEl[0], axis);
+ if (rtl) { currentTranslate = -currentTranslate; }
+
+ return currentTranslate || 0;
+ }
+
+ function setTranslate (translate, byController) {
+ var swiper = this;
+ var rtl = swiper.rtlTranslate;
+ var params = swiper.params;
+ var $wrapperEl = swiper.$wrapperEl;
+ var progress = swiper.progress;
+ var x = 0;
+ var y = 0;
+ var z = 0;
+
+ if (swiper.isHorizontal()) {
+ x = rtl ? -translate : translate;
+ } else {
+ y = translate;
+ }
+
+ if (params.roundLengths) {
+ x = Math.floor(x);
+ y = Math.floor(y);
+ }
+
+ if (!params.virtualTranslate) {
+ if (Support.transforms3d) { $wrapperEl.transform(("translate3d(" + x + "px, " + y + "px, " + z + "px)")); }
+ else { $wrapperEl.transform(("translate(" + x + "px, " + y + "px)")); }
+ }
+ swiper.previousTranslate = swiper.translate;
+ swiper.translate = swiper.isHorizontal() ? x : y;
+
+ // Check if we need to update progress
+ var newProgress;
+ var translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+ if (translatesDiff === 0) {
+ newProgress = 0;
+ } else {
+ newProgress = (translate - swiper.minTranslate()) / (translatesDiff);
+ }
+ if (newProgress !== progress) {
+ swiper.updateProgress(translate);
+ }
+
+ swiper.emit('setTranslate', swiper.translate, byController);
+ }
+
+ function minTranslate () {
+ return (-this.snapGrid[0]);
+ }
+
+ function maxTranslate () {
+ return (-this.snapGrid[this.snapGrid.length - 1]);
+ }
+
+ var translate = {
+ getTranslate: getTranslate,
+ setTranslate: setTranslate,
+ minTranslate: minTranslate,
+ maxTranslate: maxTranslate,
+ };
+
+ function setTransition (duration, byController) {
+ var swiper = this;
+
+ swiper.$wrapperEl.transition(duration);
+
+ swiper.emit('setTransition', duration, byController);
+ }
+
+ function transitionStart (runCallbacks, direction) {
+ if ( runCallbacks === void 0 ) runCallbacks = true;
+
+ var swiper = this;
+ var activeIndex = swiper.activeIndex;
+ var params = swiper.params;
+ var previousIndex = swiper.previousIndex;
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+
+ var dir = direction;
+ if (!dir) {
+ if (activeIndex > previousIndex) { dir = 'next'; }
+ else if (activeIndex < previousIndex) { dir = 'prev'; }
+ else { dir = 'reset'; }
+ }
+
+ swiper.emit('transitionStart');
+
+ if (runCallbacks && activeIndex !== previousIndex) {
+ if (dir === 'reset') {
+ swiper.emit('slideResetTransitionStart');
+ return;
+ }
+ swiper.emit('slideChangeTransitionStart');
+ if (dir === 'next') {
+ swiper.emit('slideNextTransitionStart');
+ } else {
+ swiper.emit('slidePrevTransitionStart');
+ }
+ }
+ }
+
+ function transitionEnd$1 (runCallbacks, direction) {
+ if ( runCallbacks === void 0 ) runCallbacks = true;
+
+ var swiper = this;
+ var activeIndex = swiper.activeIndex;
+ var previousIndex = swiper.previousIndex;
+ swiper.animating = false;
+ swiper.setTransition(0);
+
+ var dir = direction;
+ if (!dir) {
+ if (activeIndex > previousIndex) { dir = 'next'; }
+ else if (activeIndex < previousIndex) { dir = 'prev'; }
+ else { dir = 'reset'; }
+ }
+
+ swiper.emit('transitionEnd');
+
+ if (runCallbacks && activeIndex !== previousIndex) {
+ if (dir === 'reset') {
+ swiper.emit('slideResetTransitionEnd');
+ return;
+ }
+ swiper.emit('slideChangeTransitionEnd');
+ if (dir === 'next') {
+ swiper.emit('slideNextTransitionEnd');
+ } else {
+ swiper.emit('slidePrevTransitionEnd');
+ }
+ }
+ }
+
+ var transition$1 = {
+ setTransition: setTransition,
+ transitionStart: transitionStart,
+ transitionEnd: transitionEnd$1,
+ };
+
+ function slideTo (index, speed, runCallbacks, internal) {
+ if ( index === void 0 ) index = 0;
+ if ( speed === void 0 ) speed = this.params.speed;
+ if ( runCallbacks === void 0 ) runCallbacks = true;
+
+ var swiper = this;
+ var slideIndex = index;
+ if (slideIndex < 0) { slideIndex = 0; }
+
+ var params = swiper.params;
+ var snapGrid = swiper.snapGrid;
+ var slidesGrid = swiper.slidesGrid;
+ var previousIndex = swiper.previousIndex;
+ var activeIndex = swiper.activeIndex;
+ var rtl = swiper.rtlTranslate;
+ if (swiper.animating && params.preventInteractionOnTransition) {
+ return false;
+ }
+
+ var snapIndex = Math.floor(slideIndex / params.slidesPerGroup);
+ if (snapIndex >= snapGrid.length) { snapIndex = snapGrid.length - 1; }
+
+ if ((activeIndex || params.initialSlide || 0) === (previousIndex || 0) && runCallbacks) {
+ swiper.emit('beforeSlideChangeStart');
+ }
+
+ var translate = -snapGrid[snapIndex];
+
+ // Update progress
+ swiper.updateProgress(translate);
+
+ // Normalize slideIndex
+ if (params.normalizeSlideIndex) {
+ for (var i = 0; i < slidesGrid.length; i += 1) {
+ if (-Math.floor(translate * 100) >= Math.floor(slidesGrid[i] * 100)) {
+ slideIndex = i;
+ }
+ }
+ }
+ // Directions locks
+ if (swiper.initialized && slideIndex !== activeIndex) {
+ if (!swiper.allowSlideNext && translate < swiper.translate && translate < swiper.minTranslate()) {
+ return false;
+ }
+ if (!swiper.allowSlidePrev && translate > swiper.translate && translate > swiper.maxTranslate()) {
+ if ((activeIndex || 0) !== slideIndex) { return false; }
+ }
+ }
+
+ var direction;
+ if (slideIndex > activeIndex) { direction = 'next'; }
+ else if (slideIndex < activeIndex) { direction = 'prev'; }
+ else { direction = 'reset'; }
+
+
+ // Update Index
+ if ((rtl && -translate === swiper.translate) || (!rtl && translate === swiper.translate)) {
+ swiper.updateActiveIndex(slideIndex);
+ // Update Height
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ swiper.updateSlidesClasses();
+ if (params.effect !== 'slide') {
+ swiper.setTranslate(translate);
+ }
+ if (direction !== 'reset') {
+ swiper.transitionStart(runCallbacks, direction);
+ swiper.transitionEnd(runCallbacks, direction);
+ }
+ return false;
+ }
+
+ if (speed === 0 || !Support.transition) {
+ swiper.setTransition(0);
+ swiper.setTranslate(translate);
+ swiper.updateActiveIndex(slideIndex);
+ swiper.updateSlidesClasses();
+ swiper.emit('beforeTransitionStart', speed, internal);
+ swiper.transitionStart(runCallbacks, direction);
+ swiper.transitionEnd(runCallbacks, direction);
+ } else {
+ swiper.setTransition(speed);
+ swiper.setTranslate(translate);
+ swiper.updateActiveIndex(slideIndex);
+ swiper.updateSlidesClasses();
+ swiper.emit('beforeTransitionStart', speed, internal);
+ swiper.transitionStart(runCallbacks, direction);
+ if (!swiper.animating) {
+ swiper.animating = true;
+ if (!swiper.onSlideToWrapperTransitionEnd) {
+ swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) {
+ if (!swiper || swiper.destroyed) { return; }
+ if (e.target !== this) { return; }
+ swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
+ swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd);
+ swiper.onSlideToWrapperTransitionEnd = null;
+ delete swiper.onSlideToWrapperTransitionEnd;
+ swiper.transitionEnd(runCallbacks, direction);
+ };
+ }
+ swiper.$wrapperEl[0].addEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
+ swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd);
+ }
+ }
+
+ return true;
+ }
+
+ function slideToLoop (index, speed, runCallbacks, internal) {
+ if ( index === void 0 ) index = 0;
+ if ( speed === void 0 ) speed = this.params.speed;
+ if ( runCallbacks === void 0 ) runCallbacks = true;
+
+ var swiper = this;
+ var newIndex = index;
+ if (swiper.params.loop) {
+ newIndex += swiper.loopedSlides;
+ }
+
+ return swiper.slideTo(newIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideNext (speed, runCallbacks, internal) {
+ if ( speed === void 0 ) speed = this.params.speed;
+ if ( runCallbacks === void 0 ) runCallbacks = true;
+
+ var swiper = this;
+ var params = swiper.params;
+ var animating = swiper.animating;
+ if (params.loop) {
+ if (animating) { return false; }
+ swiper.loopFix();
+ // eslint-disable-next-line
+ swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
+ return swiper.slideTo(swiper.activeIndex + params.slidesPerGroup, speed, runCallbacks, internal);
+ }
+ return swiper.slideTo(swiper.activeIndex + params.slidesPerGroup, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slidePrev (speed, runCallbacks, internal) {
+ if ( speed === void 0 ) speed = this.params.speed;
+ if ( runCallbacks === void 0 ) runCallbacks = true;
+
+ var swiper = this;
+ var params = swiper.params;
+ var animating = swiper.animating;
+ var snapGrid = swiper.snapGrid;
+ var slidesGrid = swiper.slidesGrid;
+ var rtlTranslate = swiper.rtlTranslate;
+
+ if (params.loop) {
+ if (animating) { return false; }
+ swiper.loopFix();
+ // eslint-disable-next-line
+ swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
+ }
+ var translate = rtlTranslate ? swiper.translate : -swiper.translate;
+ function normalize(val) {
+ if (val < 0) { return -Math.floor(Math.abs(val)); }
+ return Math.floor(val);
+ }
+ var normalizedTranslate = normalize(translate);
+ var normalizedSnapGrid = snapGrid.map(function (val) { return normalize(val); });
+ var normalizedSlidesGrid = slidesGrid.map(function (val) { return normalize(val); });
+
+ var currentSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate)];
+ var prevSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];
+ var prevIndex;
+ if (typeof prevSnap !== 'undefined') {
+ prevIndex = slidesGrid.indexOf(prevSnap);
+ if (prevIndex < 0) { prevIndex = swiper.activeIndex - 1; }
+ }
+ return swiper.slideTo(prevIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideReset (speed, runCallbacks, internal) {
+ if ( speed === void 0 ) speed = this.params.speed;
+ if ( runCallbacks === void 0 ) runCallbacks = true;
+
+ var swiper = this;
+ return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideToClosest (speed, runCallbacks, internal) {
+ if ( speed === void 0 ) speed = this.params.speed;
+ if ( runCallbacks === void 0 ) runCallbacks = true;
+
+ var swiper = this;
+ var index = swiper.activeIndex;
+ var snapIndex = Math.floor(index / swiper.params.slidesPerGroup);
+
+ if (snapIndex < swiper.snapGrid.length - 1) {
+ var translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
+
+ var currentSnap = swiper.snapGrid[snapIndex];
+ var nextSnap = swiper.snapGrid[snapIndex + 1];
+
+ if ((translate - currentSnap) > (nextSnap - currentSnap) / 2) {
+ index = swiper.params.slidesPerGroup;
+ }
+ }
+
+ return swiper.slideTo(index, speed, runCallbacks, internal);
+ }
+
+ function slideToClickedSlide () {
+ var swiper = this;
+ var params = swiper.params;
+ var $wrapperEl = swiper.$wrapperEl;
+
+ var slidesPerView = params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : params.slidesPerView;
+ var slideToIndex = swiper.clickedIndex;
+ var realIndex;
+ if (params.loop) {
+ if (swiper.animating) { return; }
+ realIndex = parseInt($(swiper.clickedSlide).attr('data-swiper-slide-index'), 10);
+ if (params.centeredSlides) {
+ if (
+ (slideToIndex < swiper.loopedSlides - (slidesPerView / 2))
+ || (slideToIndex > (swiper.slides.length - swiper.loopedSlides) + (slidesPerView / 2))
+ ) {
+ swiper.loopFix();
+ slideToIndex = $wrapperEl
+ .children(("." + (params.slideClass) + "[data-swiper-slide-index=\"" + realIndex + "\"]:not(." + (params.slideDuplicateClass) + ")"))
+ .eq(0)
+ .index();
+
+ Utils.nextTick(function () {
+ swiper.slideTo(slideToIndex);
+ });
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ } else if (slideToIndex > swiper.slides.length - slidesPerView) {
+ swiper.loopFix();
+ slideToIndex = $wrapperEl
+ .children(("." + (params.slideClass) + "[data-swiper-slide-index=\"" + realIndex + "\"]:not(." + (params.slideDuplicateClass) + ")"))
+ .eq(0)
+ .index();
+
+ Utils.nextTick(function () {
+ swiper.slideTo(slideToIndex);
+ });
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ }
+
+ var slide = {
+ slideTo: slideTo,
+ slideToLoop: slideToLoop,
+ slideNext: slideNext,
+ slidePrev: slidePrev,
+ slideReset: slideReset,
+ slideToClosest: slideToClosest,
+ slideToClickedSlide: slideToClickedSlide,
+ };
+
+ function loopCreate () {
+ var swiper = this;
+ var params = swiper.params;
+ var $wrapperEl = swiper.$wrapperEl;
+ // Remove duplicated slides
+ $wrapperEl.children(("." + (params.slideClass) + "." + (params.slideDuplicateClass))).remove();
+
+ var slides = $wrapperEl.children(("." + (params.slideClass)));
+
+ if (params.loopFillGroupWithBlank) {
+ var blankSlidesNum = params.slidesPerGroup - (slides.length % params.slidesPerGroup);
+ if (blankSlidesNum !== params.slidesPerGroup) {
+ for (var i = 0; i < blankSlidesNum; i += 1) {
+ var blankNode = $(doc.createElement('div')).addClass(((params.slideClass) + " " + (params.slideBlankClass)));
+ $wrapperEl.append(blankNode);
+ }
+ slides = $wrapperEl.children(("." + (params.slideClass)));
+ }
+ }
+
+ if (params.slidesPerView === 'auto' && !params.loopedSlides) { params.loopedSlides = slides.length; }
+
+ swiper.loopedSlides = parseInt(params.loopedSlides || params.slidesPerView, 10);
+ swiper.loopedSlides += params.loopAdditionalSlides;
+ if (swiper.loopedSlides > slides.length) {
+ swiper.loopedSlides = slides.length;
+ }
+
+ var prependSlides = [];
+ var appendSlides = [];
+ slides.each(function (index, el) {
+ var slide = $(el);
+ if (index < swiper.loopedSlides) { appendSlides.push(el); }
+ if (index < slides.length && index >= slides.length - swiper.loopedSlides) { prependSlides.push(el); }
+ slide.attr('data-swiper-slide-index', index);
+ });
+ for (var i$1 = 0; i$1 < appendSlides.length; i$1 += 1) {
+ $wrapperEl.append($(appendSlides[i$1].cloneNode(true)).addClass(params.slideDuplicateClass));
+ }
+ for (var i$2 = prependSlides.length - 1; i$2 >= 0; i$2 -= 1) {
+ $wrapperEl.prepend($(prependSlides[i$2].cloneNode(true)).addClass(params.slideDuplicateClass));
+ }
+ }
+
+ function loopFix () {
+ var swiper = this;
+ var params = swiper.params;
+ var activeIndex = swiper.activeIndex;
+ var slides = swiper.slides;
+ var loopedSlides = swiper.loopedSlides;
+ var allowSlidePrev = swiper.allowSlidePrev;
+ var allowSlideNext = swiper.allowSlideNext;
+ var snapGrid = swiper.snapGrid;
+ var rtl = swiper.rtlTranslate;
+ var newIndex;
+ swiper.allowSlidePrev = true;
+ swiper.allowSlideNext = true;
+
+ var snapTranslate = -snapGrid[activeIndex];
+ var diff = snapTranslate - swiper.getTranslate();
+
+
+ // Fix For Negative Oversliding
+ if (activeIndex < loopedSlides) {
+ newIndex = (slides.length - (loopedSlides * 3)) + activeIndex;
+ newIndex += loopedSlides;
+ var slideChanged = swiper.slideTo(newIndex, 0, false, true);
+ if (slideChanged && diff !== 0) {
+ swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff);
+ }
+ } else if ((params.slidesPerView === 'auto' && activeIndex >= loopedSlides * 2) || (activeIndex >= slides.length - loopedSlides)) {
+ // Fix For Positive Oversliding
+ newIndex = -slides.length + activeIndex + loopedSlides;
+ newIndex += loopedSlides;
+ var slideChanged$1 = swiper.slideTo(newIndex, 0, false, true);
+ if (slideChanged$1 && diff !== 0) {
+ swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff);
+ }
+ }
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+ }
+
+ function loopDestroy () {
+ var swiper = this;
+ var $wrapperEl = swiper.$wrapperEl;
+ var params = swiper.params;
+ var slides = swiper.slides;
+ $wrapperEl.children(("." + (params.slideClass) + "." + (params.slideDuplicateClass) + ",." + (params.slideClass) + "." + (params.slideBlankClass))).remove();
+ slides.removeAttr('data-swiper-slide-index');
+ }
+
+ var loop = {
+ loopCreate: loopCreate,
+ loopFix: loopFix,
+ loopDestroy: loopDestroy,
+ };
+
+ function setGrabCursor (moving) {
+ var swiper = this;
+ if (Support.touch || !swiper.params.simulateTouch || (swiper.params.watchOverflow && swiper.isLocked)) { return; }
+ var el = swiper.el;
+ el.style.cursor = 'move';
+ el.style.cursor = moving ? '-webkit-grabbing' : '-webkit-grab';
+ el.style.cursor = moving ? '-moz-grabbin' : '-moz-grab';
+ el.style.cursor = moving ? 'grabbing' : 'grab';
+ }
+
+ function unsetGrabCursor () {
+ var swiper = this;
+ if (Support.touch || (swiper.params.watchOverflow && swiper.isLocked)) { return; }
+ swiper.el.style.cursor = '';
+ }
+
+ var grabCursor = {
+ setGrabCursor: setGrabCursor,
+ unsetGrabCursor: unsetGrabCursor,
+ };
+
+ function appendSlide (slides) {
+ var swiper = this;
+ var $wrapperEl = swiper.$wrapperEl;
+ var params = swiper.params;
+ if (params.loop) {
+ swiper.loopDestroy();
+ }
+ if (typeof slides === 'object' && 'length' in slides) {
+ for (var i = 0; i < slides.length; i += 1) {
+ if (slides[i]) { $wrapperEl.append(slides[i]); }
+ }
+ } else {
+ $wrapperEl.append(slides);
+ }
+ if (params.loop) {
+ swiper.loopCreate();
+ }
+ if (!(params.observer && Support.observer)) {
+ swiper.update();
+ }
+ }
+
+ function prependSlide (slides) {
+ var swiper = this;
+ var params = swiper.params;
+ var $wrapperEl = swiper.$wrapperEl;
+ var activeIndex = swiper.activeIndex;
+
+ if (params.loop) {
+ swiper.loopDestroy();
+ }
+ var newActiveIndex = activeIndex + 1;
+ if (typeof slides === 'object' && 'length' in slides) {
+ for (var i = 0; i < slides.length; i += 1) {
+ if (slides[i]) { $wrapperEl.prepend(slides[i]); }
+ }
+ newActiveIndex = activeIndex + slides.length;
+ } else {
+ $wrapperEl.prepend(slides);
+ }
+ if (params.loop) {
+ swiper.loopCreate();
+ }
+ if (!(params.observer && Support.observer)) {
+ swiper.update();
+ }
+ swiper.slideTo(newActiveIndex, 0, false);
+ }
+
+ function addSlide (index, slides) {
+ var swiper = this;
+ var $wrapperEl = swiper.$wrapperEl;
+ var params = swiper.params;
+ var activeIndex = swiper.activeIndex;
+ var activeIndexBuffer = activeIndex;
+ if (params.loop) {
+ activeIndexBuffer -= swiper.loopedSlides;
+ swiper.loopDestroy();
+ swiper.slides = $wrapperEl.children(("." + (params.slideClass)));
+ }
+ var baseLength = swiper.slides.length;
+ if (index <= 0) {
+ swiper.prependSlide(slides);
+ return;
+ }
+ if (index >= baseLength) {
+ swiper.appendSlide(slides);
+ return;
+ }
+ var newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + 1 : activeIndexBuffer;
+
+ var slidesBuffer = [];
+ for (var i = baseLength - 1; i >= index; i -= 1) {
+ var currentSlide = swiper.slides.eq(i);
+ currentSlide.remove();
+ slidesBuffer.unshift(currentSlide);
+ }
+
+ if (typeof slides === 'object' && 'length' in slides) {
+ for (var i$1 = 0; i$1 < slides.length; i$1 += 1) {
+ if (slides[i$1]) { $wrapperEl.append(slides[i$1]); }
+ }
+ newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + slides.length : activeIndexBuffer;
+ } else {
+ $wrapperEl.append(slides);
+ }
+
+ for (var i$2 = 0; i$2 < slidesBuffer.length; i$2 += 1) {
+ $wrapperEl.append(slidesBuffer[i$2]);
+ }
+
+ if (params.loop) {
+ swiper.loopCreate();
+ }
+ if (!(params.observer && Support.observer)) {
+ swiper.update();
+ }
+ if (params.loop) {
+ swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);
+ } else {
+ swiper.slideTo(newActiveIndex, 0, false);
+ }
+ }
+
+ function removeSlide (slidesIndexes) {
+ var swiper = this;
+ var params = swiper.params;
+ var $wrapperEl = swiper.$wrapperEl;
+ var activeIndex = swiper.activeIndex;
+
+ var activeIndexBuffer = activeIndex;
+ if (params.loop) {
+ activeIndexBuffer -= swiper.loopedSlides;
+ swiper.loopDestroy();
+ swiper.slides = $wrapperEl.children(("." + (params.slideClass)));
+ }
+ var newActiveIndex = activeIndexBuffer;
+ var indexToRemove;
+
+ if (typeof slidesIndexes === 'object' && 'length' in slidesIndexes) {
+ for (var i = 0; i < slidesIndexes.length; i += 1) {
+ indexToRemove = slidesIndexes[i];
+ if (swiper.slides[indexToRemove]) { swiper.slides.eq(indexToRemove).remove(); }
+ if (indexToRemove < newActiveIndex) { newActiveIndex -= 1; }
+ }
+ newActiveIndex = Math.max(newActiveIndex, 0);
+ } else {
+ indexToRemove = slidesIndexes;
+ if (swiper.slides[indexToRemove]) { swiper.slides.eq(indexToRemove).remove(); }
+ if (indexToRemove < newActiveIndex) { newActiveIndex -= 1; }
+ newActiveIndex = Math.max(newActiveIndex, 0);
+ }
+
+ if (params.loop) {
+ swiper.loopCreate();
+ }
+
+ if (!(params.observer && Support.observer)) {
+ swiper.update();
+ }
+ if (params.loop) {
+ swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);
+ } else {
+ swiper.slideTo(newActiveIndex, 0, false);
+ }
+ }
+
+ function removeAllSlides () {
+ var swiper = this;
+
+ var slidesIndexes = [];
+ for (var i = 0; i < swiper.slides.length; i += 1) {
+ slidesIndexes.push(i);
+ }
+ swiper.removeSlide(slidesIndexes);
+ }
+
+ var manipulation = {
+ appendSlide: appendSlide,
+ prependSlide: prependSlide,
+ addSlide: addSlide,
+ removeSlide: removeSlide,
+ removeAllSlides: removeAllSlides,
+ };
+
+ function onTouchStart (event) {
+ var swiper = this;
+ var data = swiper.touchEventsData;
+ var params = swiper.params;
+ var touches = swiper.touches;
+ if (swiper.animating && params.preventInteractionOnTransition) {
+ return;
+ }
+ var e = event;
+ if (e.originalEvent) { e = e.originalEvent; }
+ data.isTouchEvent = e.type === 'touchstart';
+ if (!data.isTouchEvent && 'which' in e && e.which === 3) { return; }
+ if (!data.isTouchEvent && 'button' in e && e.button > 0) { return; }
+ if (data.isTouched && data.isMoved) { return; }
+ if (params.noSwiping && $(e.target).closest(params.noSwipingSelector ? params.noSwipingSelector : ("." + (params.noSwipingClass)))[0]) {
+ swiper.allowClick = true;
+ return;
+ }
+ if (params.swipeHandler) {
+ if (!$(e).closest(params.swipeHandler)[0]) { return; }
+ }
+
+ touches.currentX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
+ touches.currentY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+ var startX = touches.currentX;
+ var startY = touches.currentY;
+
+ // Do NOT start if iOS edge swipe is detected. Otherwise iOS app (UIWebView) cannot swipe-to-go-back anymore
+
+ var edgeSwipeDetection = params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;
+ var edgeSwipeThreshold = params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;
+ if (
+ edgeSwipeDetection
+ && ((startX <= edgeSwipeThreshold)
+ || (startX >= win.screen.width - edgeSwipeThreshold))
+ ) {
+ return;
+ }
+
+ Utils.extend(data, {
+ isTouched: true,
+ isMoved: false,
+ allowTouchCallbacks: true,
+ isScrolling: undefined,
+ startMoving: undefined,
+ });
+
+ touches.startX = startX;
+ touches.startY = startY;
+ data.touchStartTime = Utils.now();
+ swiper.allowClick = true;
+ swiper.updateSize();
+ swiper.swipeDirection = undefined;
+ if (params.threshold > 0) { data.allowThresholdMove = false; }
+ if (e.type !== 'touchstart') {
+ var preventDefault = true;
+ if ($(e.target).is(data.formElements)) { preventDefault = false; }
+ if (
+ doc.activeElement
+ && $(doc.activeElement).is(data.formElements)
+ && doc.activeElement !== e.target
+ ) {
+ doc.activeElement.blur();
+ }
+
+ var shouldPreventDefault = preventDefault && swiper.allowTouchMove && params.touchStartPreventDefault;
+ if (params.touchStartForcePreventDefault || shouldPreventDefault) {
+ e.preventDefault();
+ }
+ }
+ swiper.emit('touchStart', e);
+ }
+
+ function onTouchMove (event) {
+ var swiper = this;
+ var data = swiper.touchEventsData;
+ var params = swiper.params;
+ var touches = swiper.touches;
+ var rtl = swiper.rtlTranslate;
+ var e = event;
+ if (e.originalEvent) { e = e.originalEvent; }
+ if (!data.isTouched) {
+ if (data.startMoving && data.isScrolling) {
+ swiper.emit('touchMoveOpposite', e);
+ }
+ return;
+ }
+ if (data.isTouchEvent && e.type === 'mousemove') { return; }
+ var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
+ var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+ if (e.preventedByNestedSwiper) {
+ touches.startX = pageX;
+ touches.startY = pageY;
+ return;
+ }
+ if (!swiper.allowTouchMove) {
+ // isMoved = true;
+ swiper.allowClick = false;
+ if (data.isTouched) {
+ Utils.extend(touches, {
+ startX: pageX,
+ startY: pageY,
+ currentX: pageX,
+ currentY: pageY,
+ });
+ data.touchStartTime = Utils.now();
+ }
+ return;
+ }
+ if (data.isTouchEvent && params.touchReleaseOnEdges && !params.loop) {
+ if (swiper.isVertical()) {
+ // Vertical
+ if (
+ (pageY < touches.startY && swiper.translate <= swiper.maxTranslate())
+ || (pageY > touches.startY && swiper.translate >= swiper.minTranslate())
+ ) {
+ data.isTouched = false;
+ data.isMoved = false;
+ return;
+ }
+ } else if (
+ (pageX < touches.startX && swiper.translate <= swiper.maxTranslate())
+ || (pageX > touches.startX && swiper.translate >= swiper.minTranslate())
+ ) {
+ return;
+ }
+ }
+ if (data.isTouchEvent && doc.activeElement) {
+ if (e.target === doc.activeElement && $(e.target).is(data.formElements)) {
+ data.isMoved = true;
+ swiper.allowClick = false;
+ return;
+ }
+ }
+ if (data.allowTouchCallbacks) {
+ swiper.emit('touchMove', e);
+ }
+ if (e.targetTouches && e.targetTouches.length > 1) { return; }
+
+ touches.currentX = pageX;
+ touches.currentY = pageY;
+
+ var diffX = touches.currentX - touches.startX;
+ var diffY = touches.currentY - touches.startY;
+ if (swiper.params.threshold && Math.sqrt((Math.pow( diffX, 2 )) + (Math.pow( diffY, 2 ))) < swiper.params.threshold) { return; }
+
+ if (typeof data.isScrolling === 'undefined') {
+ var touchAngle;
+ if ((swiper.isHorizontal() && touches.currentY === touches.startY) || (swiper.isVertical() && touches.currentX === touches.startX)) {
+ data.isScrolling = false;
+ } else {
+ // eslint-disable-next-line
+ if ((diffX * diffX) + (diffY * diffY) >= 25) {
+ touchAngle = (Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180) / Math.PI;
+ data.isScrolling = swiper.isHorizontal() ? touchAngle > params.touchAngle : (90 - touchAngle > params.touchAngle);
+ }
+ }
+ }
+ if (data.isScrolling) {
+ swiper.emit('touchMoveOpposite', e);
+ }
+ if (typeof data.startMoving === 'undefined') {
+ if (touches.currentX !== touches.startX || touches.currentY !== touches.startY) {
+ data.startMoving = true;
+ }
+ }
+ if (data.isScrolling) {
+ data.isTouched = false;
+ return;
+ }
+ if (!data.startMoving) {
+ return;
+ }
+ swiper.allowClick = false;
+ e.preventDefault();
+ if (params.touchMoveStopPropagation && !params.nested) {
+ e.stopPropagation();
+ }
+
+ if (!data.isMoved) {
+ if (params.loop) {
+ swiper.loopFix();
+ }
+ data.startTranslate = swiper.getTranslate();
+ swiper.setTransition(0);
+ if (swiper.animating) {
+ swiper.$wrapperEl.trigger('webkitTransitionEnd transitionend');
+ }
+ data.allowMomentumBounce = false;
+ // Grab Cursor
+ if (params.grabCursor && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
+ swiper.setGrabCursor(true);
+ }
+ swiper.emit('sliderFirstMove', e);
+ }
+ swiper.emit('sliderMove', e);
+ data.isMoved = true;
+
+ var diff = swiper.isHorizontal() ? diffX : diffY;
+ touches.diff = diff;
+
+ diff *= params.touchRatio;
+ if (rtl) { diff = -diff; }
+
+ swiper.swipeDirection = diff > 0 ? 'prev' : 'next';
+ data.currentTranslate = diff + data.startTranslate;
+
+ var disableParentSwiper = true;
+ var resistanceRatio = params.resistanceRatio;
+ if (params.touchReleaseOnEdges) {
+ resistanceRatio = 0;
+ }
+ if ((diff > 0 && data.currentTranslate > swiper.minTranslate())) {
+ disableParentSwiper = false;
+ if (params.resistance) { data.currentTranslate = (swiper.minTranslate() - 1) + (Math.pow( (-swiper.minTranslate() + data.startTranslate + diff), resistanceRatio )); }
+ } else if (diff < 0 && data.currentTranslate < swiper.maxTranslate()) {
+ disableParentSwiper = false;
+ if (params.resistance) { data.currentTranslate = (swiper.maxTranslate() + 1) - (Math.pow( (swiper.maxTranslate() - data.startTranslate - diff), resistanceRatio )); }
+ }
+
+ if (disableParentSwiper) {
+ e.preventedByNestedSwiper = true;
+ }
+
+ // Directions locks
+ if (!swiper.allowSlideNext && swiper.swipeDirection === 'next' && data.currentTranslate < data.startTranslate) {
+ data.currentTranslate = data.startTranslate;
+ }
+ if (!swiper.allowSlidePrev && swiper.swipeDirection === 'prev' && data.currentTranslate > data.startTranslate) {
+ data.currentTranslate = data.startTranslate;
+ }
+
+
+ // Threshold
+ if (params.threshold > 0) {
+ if (Math.abs(diff) > params.threshold || data.allowThresholdMove) {
+ if (!data.allowThresholdMove) {
+ data.allowThresholdMove = true;
+ touches.startX = touches.currentX;
+ touches.startY = touches.currentY;
+ data.currentTranslate = data.startTranslate;
+ touches.diff = swiper.isHorizontal() ? touches.currentX - touches.startX : touches.currentY - touches.startY;
+ return;
+ }
+ } else {
+ data.currentTranslate = data.startTranslate;
+ return;
+ }
+ }
+
+ if (!params.followFinger) { return; }
+
+ // Update active index in free mode
+ if (params.freeMode || params.watchSlidesProgress || params.watchSlidesVisibility) {
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+ if (params.freeMode) {
+ // Velocity
+ if (data.velocities.length === 0) {
+ data.velocities.push({
+ position: touches[swiper.isHorizontal() ? 'startX' : 'startY'],
+ time: data.touchStartTime,
+ });
+ }
+ data.velocities.push({
+ position: touches[swiper.isHorizontal() ? 'currentX' : 'currentY'],
+ time: Utils.now(),
+ });
+ }
+ // Update progress
+ swiper.updateProgress(data.currentTranslate);
+ // Update translate
+ swiper.setTranslate(data.currentTranslate);
+ }
+
+ function onTouchEnd (event) {
+ var swiper = this;
+ var data = swiper.touchEventsData;
+
+ var params = swiper.params;
+ var touches = swiper.touches;
+ var rtl = swiper.rtlTranslate;
+ var $wrapperEl = swiper.$wrapperEl;
+ var slidesGrid = swiper.slidesGrid;
+ var snapGrid = swiper.snapGrid;
+ var e = event;
+ if (e.originalEvent) { e = e.originalEvent; }
+ if (data.allowTouchCallbacks) {
+ swiper.emit('touchEnd', e);
+ }
+ data.allowTouchCallbacks = false;
+ if (!data.isTouched) {
+ if (data.isMoved && params.grabCursor) {
+ swiper.setGrabCursor(false);
+ }
+ data.isMoved = false;
+ data.startMoving = false;
+ return;
+ }
+ // Return Grab Cursor
+ if (params.grabCursor && data.isMoved && data.isTouched && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
+ swiper.setGrabCursor(false);
+ }
+
+ // Time diff
+ var touchEndTime = Utils.now();
+ var timeDiff = touchEndTime - data.touchStartTime;
+
+ // Tap, doubleTap, Click
+ if (swiper.allowClick) {
+ swiper.updateClickedSlide(e);
+ swiper.emit('tap', e);
+ if (timeDiff < 300 && (touchEndTime - data.lastClickTime) > 300) {
+ if (data.clickTimeout) { clearTimeout(data.clickTimeout); }
+ data.clickTimeout = Utils.nextTick(function () {
+ if (!swiper || swiper.destroyed) { return; }
+ swiper.emit('click', e);
+ }, 300);
+ }
+ if (timeDiff < 300 && (touchEndTime - data.lastClickTime) < 300) {
+ if (data.clickTimeout) { clearTimeout(data.clickTimeout); }
+ swiper.emit('doubleTap', e);
+ }
+ }
+
+ data.lastClickTime = Utils.now();
+ Utils.nextTick(function () {
+ if (!swiper.destroyed) { swiper.allowClick = true; }
+ });
+
+ if (!data.isTouched || !data.isMoved || !swiper.swipeDirection || touches.diff === 0 || data.currentTranslate === data.startTranslate) {
+ data.isTouched = false;
+ data.isMoved = false;
+ data.startMoving = false;
+ return;
+ }
+ data.isTouched = false;
+ data.isMoved = false;
+ data.startMoving = false;
+
+ var currentPos;
+ if (params.followFinger) {
+ currentPos = rtl ? swiper.translate : -swiper.translate;
+ } else {
+ currentPos = -data.currentTranslate;
+ }
+
+ if (params.freeMode) {
+ if (currentPos < -swiper.minTranslate()) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+ if (currentPos > -swiper.maxTranslate()) {
+ if (swiper.slides.length < snapGrid.length) {
+ swiper.slideTo(snapGrid.length - 1);
+ } else {
+ swiper.slideTo(swiper.slides.length - 1);
+ }
+ return;
+ }
+
+ if (params.freeModeMomentum) {
+ if (data.velocities.length > 1) {
+ var lastMoveEvent = data.velocities.pop();
+ var velocityEvent = data.velocities.pop();
+
+ var distance = lastMoveEvent.position - velocityEvent.position;
+ var time = lastMoveEvent.time - velocityEvent.time;
+ swiper.velocity = distance / time;
+ swiper.velocity /= 2;
+ if (Math.abs(swiper.velocity) < params.freeModeMinimumVelocity) {
+ swiper.velocity = 0;
+ }
+ // this implies that the user stopped moving a finger then released.
+ // There would be no events with distance zero, so the last event is stale.
+ if (time > 150 || (Utils.now() - lastMoveEvent.time) > 300) {
+ swiper.velocity = 0;
+ }
+ } else {
+ swiper.velocity = 0;
+ }
+ swiper.velocity *= params.freeModeMomentumVelocityRatio;
+
+ data.velocities.length = 0;
+ var momentumDuration = 1000 * params.freeModeMomentumRatio;
+ var momentumDistance = swiper.velocity * momentumDuration;
+
+ var newPosition = swiper.translate + momentumDistance;
+ if (rtl) { newPosition = -newPosition; }
+
+ var doBounce = false;
+ var afterBouncePosition;
+ var bounceAmount = Math.abs(swiper.velocity) * 20 * params.freeModeMomentumBounceRatio;
+ var needsLoopFix;
+ if (newPosition < swiper.maxTranslate()) {
+ if (params.freeModeMomentumBounce) {
+ if (newPosition + swiper.maxTranslate() < -bounceAmount) {
+ newPosition = swiper.maxTranslate() - bounceAmount;
+ }
+ afterBouncePosition = swiper.maxTranslate();
+ doBounce = true;
+ data.allowMomentumBounce = true;
+ } else {
+ newPosition = swiper.maxTranslate();
+ }
+ if (params.loop && params.centeredSlides) { needsLoopFix = true; }
+ } else if (newPosition > swiper.minTranslate()) {
+ if (params.freeModeMomentumBounce) {
+ if (newPosition - swiper.minTranslate() > bounceAmount) {
+ newPosition = swiper.minTranslate() + bounceAmount;
+ }
+ afterBouncePosition = swiper.minTranslate();
+ doBounce = true;
+ data.allowMomentumBounce = true;
+ } else {
+ newPosition = swiper.minTranslate();
+ }
+ if (params.loop && params.centeredSlides) { needsLoopFix = true; }
+ } else if (params.freeModeSticky) {
+ var nextSlide;
+ for (var j = 0; j < snapGrid.length; j += 1) {
+ if (snapGrid[j] > -newPosition) {
+ nextSlide = j;
+ break;
+ }
+ }
+
+ if (Math.abs(snapGrid[nextSlide] - newPosition) < Math.abs(snapGrid[nextSlide - 1] - newPosition) || swiper.swipeDirection === 'next') {
+ newPosition = snapGrid[nextSlide];
+ } else {
+ newPosition = snapGrid[nextSlide - 1];
+ }
+ newPosition = -newPosition;
+ }
+ if (needsLoopFix) {
+ swiper.once('transitionEnd', function () {
+ swiper.loopFix();
+ });
+ }
+ // Fix duration
+ if (swiper.velocity !== 0) {
+ if (rtl) {
+ momentumDuration = Math.abs((-newPosition - swiper.translate) / swiper.velocity);
+ } else {
+ momentumDuration = Math.abs((newPosition - swiper.translate) / swiper.velocity);
+ }
+ } else if (params.freeModeSticky) {
+ swiper.slideToClosest();
+ return;
+ }
+
+ if (params.freeModeMomentumBounce && doBounce) {
+ swiper.updateProgress(afterBouncePosition);
+ swiper.setTransition(momentumDuration);
+ swiper.setTranslate(newPosition);
+ swiper.transitionStart(true, swiper.swipeDirection);
+ swiper.animating = true;
+ $wrapperEl.transitionEnd(function () {
+ if (!swiper || swiper.destroyed || !data.allowMomentumBounce) { return; }
+ swiper.emit('momentumBounce');
+
+ swiper.setTransition(params.speed);
+ swiper.setTranslate(afterBouncePosition);
+ $wrapperEl.transitionEnd(function () {
+ if (!swiper || swiper.destroyed) { return; }
+ swiper.transitionEnd();
+ });
+ });
+ } else if (swiper.velocity) {
+ swiper.updateProgress(newPosition);
+ swiper.setTransition(momentumDuration);
+ swiper.setTranslate(newPosition);
+ swiper.transitionStart(true, swiper.swipeDirection);
+ if (!swiper.animating) {
+ swiper.animating = true;
+ $wrapperEl.transitionEnd(function () {
+ if (!swiper || swiper.destroyed) { return; }
+ swiper.transitionEnd();
+ });
+ }
+ } else {
+ swiper.updateProgress(newPosition);
+ }
+
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ } else if (params.freeModeSticky) {
+ swiper.slideToClosest();
+ return;
+ }
+
+ if (!params.freeModeMomentum || timeDiff >= params.longSwipesMs) {
+ swiper.updateProgress();
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+ return;
+ }
+
+ // Find current slide
+ var stopIndex = 0;
+ var groupSize = swiper.slidesSizesGrid[0];
+ for (var i = 0; i < slidesGrid.length; i += params.slidesPerGroup) {
+ if (typeof slidesGrid[i + params.slidesPerGroup] !== 'undefined') {
+ if (currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + params.slidesPerGroup]) {
+ stopIndex = i;
+ groupSize = slidesGrid[i + params.slidesPerGroup] - slidesGrid[i];
+ }
+ } else if (currentPos >= slidesGrid[i]) {
+ stopIndex = i;
+ groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
+ }
+ }
+
+ // Find current slide size
+ var ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;
+
+ if (timeDiff > params.longSwipesMs) {
+ // Long touches
+ if (!params.longSwipes) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+ if (swiper.swipeDirection === 'next') {
+ if (ratio >= params.longSwipesRatio) { swiper.slideTo(stopIndex + params.slidesPerGroup); }
+ else { swiper.slideTo(stopIndex); }
+ }
+ if (swiper.swipeDirection === 'prev') {
+ if (ratio > (1 - params.longSwipesRatio)) { swiper.slideTo(stopIndex + params.slidesPerGroup); }
+ else { swiper.slideTo(stopIndex); }
+ }
+ } else {
+ // Short swipes
+ if (!params.shortSwipes) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+ if (swiper.swipeDirection === 'next') {
+ swiper.slideTo(stopIndex + params.slidesPerGroup);
+ }
+ if (swiper.swipeDirection === 'prev') {
+ swiper.slideTo(stopIndex);
+ }
+ }
+ }
+
+ function onResize () {
+ var swiper = this;
+
+ var params = swiper.params;
+ var el = swiper.el;
+
+ if (el && el.offsetWidth === 0) { return; }
+
+ // Breakpoints
+ if (params.breakpoints) {
+ swiper.setBreakpoint();
+ }
+
+ // Save locks
+ var allowSlideNext = swiper.allowSlideNext;
+ var allowSlidePrev = swiper.allowSlidePrev;
+ var snapGrid = swiper.snapGrid;
+
+ // Disable locks on resize
+ swiper.allowSlideNext = true;
+ swiper.allowSlidePrev = true;
+
+ swiper.updateSize();
+ swiper.updateSlides();
+
+ if (params.freeMode) {
+ var newTranslate = Math.min(Math.max(swiper.translate, swiper.maxTranslate()), swiper.minTranslate());
+ swiper.setTranslate(newTranslate);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ } else {
+ swiper.updateSlidesClasses();
+ if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) && swiper.isEnd && !swiper.params.centeredSlides) {
+ swiper.slideTo(swiper.slides.length - 1, 0, false, true);
+ } else {
+ swiper.slideTo(swiper.activeIndex, 0, false, true);
+ }
+ }
+ // Return locks after resize
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+
+ if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {
+ swiper.checkOverflow();
+ }
+ }
+
+ function onClick (e) {
+ var swiper = this;
+ if (!swiper.allowClick) {
+ if (swiper.params.preventClicks) { e.preventDefault(); }
+ if (swiper.params.preventClicksPropagation && swiper.animating) {
+ e.stopPropagation();
+ e.stopImmediatePropagation();
+ }
+ }
+ }
+
+ function attachEvents() {
+ var swiper = this;
+ var params = swiper.params;
+ var touchEvents = swiper.touchEvents;
+ var el = swiper.el;
+ var wrapperEl = swiper.wrapperEl;
+
+ {
+ swiper.onTouchStart = onTouchStart.bind(swiper);
+ swiper.onTouchMove = onTouchMove.bind(swiper);
+ swiper.onTouchEnd = onTouchEnd.bind(swiper);
+ }
+
+ swiper.onClick = onClick.bind(swiper);
+
+ var target = params.touchEventsTarget === 'container' ? el : wrapperEl;
+ var capture = !!params.nested;
+
+ // Touch Events
+ {
+ if (!Support.touch && (Support.pointerEvents || Support.prefixedPointerEvents)) {
+ target.addEventListener(touchEvents.start, swiper.onTouchStart, false);
+ doc.addEventListener(touchEvents.move, swiper.onTouchMove, capture);
+ doc.addEventListener(touchEvents.end, swiper.onTouchEnd, false);
+ } else {
+ if (Support.touch) {
+ var passiveListener = touchEvents.start === 'touchstart' && Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;
+ target.addEventListener(touchEvents.start, swiper.onTouchStart, passiveListener);
+ target.addEventListener(touchEvents.move, swiper.onTouchMove, Support.passiveListener ? { passive: false, capture: capture } : capture);
+ target.addEventListener(touchEvents.end, swiper.onTouchEnd, passiveListener);
+ }
+ if ((params.simulateTouch && !Device.ios && !Device.android) || (params.simulateTouch && !Support.touch && Device.ios)) {
+ target.addEventListener('mousedown', swiper.onTouchStart, false);
+ doc.addEventListener('mousemove', swiper.onTouchMove, capture);
+ doc.addEventListener('mouseup', swiper.onTouchEnd, false);
+ }
+ }
+ // Prevent Links Clicks
+ if (params.preventClicks || params.preventClicksPropagation) {
+ target.addEventListener('click', swiper.onClick, true);
+ }
+ }
+
+ // Resize handler
+ swiper.on((Device.ios || Device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate'), onResize, true);
+ }
+
+ function detachEvents() {
+ var swiper = this;
+
+ var params = swiper.params;
+ var touchEvents = swiper.touchEvents;
+ var el = swiper.el;
+ var wrapperEl = swiper.wrapperEl;
+
+ var target = params.touchEventsTarget === 'container' ? el : wrapperEl;
+ var capture = !!params.nested;
+
+ // Touch Events
+ {
+ if (!Support.touch && (Support.pointerEvents || Support.prefixedPointerEvents)) {
+ target.removeEventListener(touchEvents.start, swiper.onTouchStart, false);
+ doc.removeEventListener(touchEvents.move, swiper.onTouchMove, capture);
+ doc.removeEventListener(touchEvents.end, swiper.onTouchEnd, false);
+ } else {
+ if (Support.touch) {
+ var passiveListener = touchEvents.start === 'onTouchStart' && Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;
+ target.removeEventListener(touchEvents.start, swiper.onTouchStart, passiveListener);
+ target.removeEventListener(touchEvents.move, swiper.onTouchMove, capture);
+ target.removeEventListener(touchEvents.end, swiper.onTouchEnd, passiveListener);
+ }
+ if ((params.simulateTouch && !Device.ios && !Device.android) || (params.simulateTouch && !Support.touch && Device.ios)) {
+ target.removeEventListener('mousedown', swiper.onTouchStart, false);
+ doc.removeEventListener('mousemove', swiper.onTouchMove, capture);
+ doc.removeEventListener('mouseup', swiper.onTouchEnd, false);
+ }
+ }
+ // Prevent Links Clicks
+ if (params.preventClicks || params.preventClicksPropagation) {
+ target.removeEventListener('click', swiper.onClick, true);
+ }
+ }
+
+ // Resize handler
+ swiper.off((Device.ios || Device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate'), onResize);
+ }
+
+ var events = {
+ attachEvents: attachEvents,
+ detachEvents: detachEvents,
+ };
+
+ function setBreakpoint () {
+ var swiper = this;
+ var activeIndex = swiper.activeIndex;
+ var initialized = swiper.initialized;
+ var loopedSlides = swiper.loopedSlides; if ( loopedSlides === void 0 ) loopedSlides = 0;
+ var params = swiper.params;
+ var breakpoints = params.breakpoints;
+ if (!breakpoints || (breakpoints && Object.keys(breakpoints).length === 0)) { return; }
+
+ // Set breakpoint for window width and update parameters
+ var breakpoint = swiper.getBreakpoint(breakpoints);
+
+ if (breakpoint && swiper.currentBreakpoint !== breakpoint) {
+ var breakpointOnlyParams = breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;
+ if (breakpointOnlyParams) {
+ ['slidesPerView', 'spaceBetween', 'slidesPerGroup'].forEach(function (param) {
+ var paramValue = breakpointOnlyParams[param];
+ if (typeof paramValue === 'undefined') { return; }
+ if (param === 'slidesPerView' && (paramValue === 'AUTO' || paramValue === 'auto')) {
+ breakpointOnlyParams[param] = 'auto';
+ } else if (param === 'slidesPerView') {
+ breakpointOnlyParams[param] = parseFloat(paramValue);
+ } else {
+ breakpointOnlyParams[param] = parseInt(paramValue, 10);
+ }
+ });
+ }
+
+ var breakpointParams = breakpointOnlyParams || swiper.originalParams;
+ var needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView);
+
+ Utils.extend(swiper.params, breakpointParams);
+
+ Utils.extend(swiper, {
+ allowTouchMove: swiper.params.allowTouchMove,
+ allowSlideNext: swiper.params.allowSlideNext,
+ allowSlidePrev: swiper.params.allowSlidePrev,
+ });
+
+ swiper.currentBreakpoint = breakpoint;
+
+ if (needsReLoop && initialized) {
+ swiper.loopDestroy();
+ swiper.loopCreate();
+ swiper.updateSlides();
+ swiper.slideTo((activeIndex - loopedSlides) + swiper.loopedSlides, 0, false);
+ }
+ swiper.emit('breakpoint', breakpointParams);
+ }
+ }
+
+ function getBreakpoint (breakpoints) {
+ var swiper = this;
+ // Get breakpoint for window width
+ if (!breakpoints) { return undefined; }
+ var breakpoint = false;
+ var points = [];
+ Object.keys(breakpoints).forEach(function (point) {
+ points.push(point);
+ });
+ points.sort(function (a, b) { return parseInt(a, 10) - parseInt(b, 10); });
+ for (var i = 0; i < points.length; i += 1) {
+ var point = points[i];
+ if (swiper.params.breakpointsInverse) {
+ if (point <= win.innerWidth) {
+ breakpoint = point;
+ }
+ } else if (point >= win.innerWidth && !breakpoint) {
+ breakpoint = point;
+ }
+ }
+ return breakpoint || 'max';
+ }
+
+ var breakpoints = { setBreakpoint: setBreakpoint, getBreakpoint: getBreakpoint };
+
+ var Browser = (function Browser() {
+ function isSafari() {
+ var ua = win.navigator.userAgent.toLowerCase();
+ return (ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0);
+ }
+ return {
+ isIE: !!win.navigator.userAgent.match(/Trident/g) || !!win.navigator.userAgent.match(/MSIE/g),
+ isSafari: isSafari(),
+ isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(win.navigator.userAgent),
+ };
+ }());
+
+ function addClasses () {
+ var swiper = this;
+ var classNames = swiper.classNames;
+ var params = swiper.params;
+ var rtl = swiper.rtl;
+ var $el = swiper.$el;
+ var suffixes = [];
+
+ suffixes.push(params.direction);
+
+ if (params.freeMode) {
+ suffixes.push('free-mode');
+ }
+ if (!Support.flexbox) {
+ suffixes.push('no-flexbox');
+ }
+ if (params.autoHeight) {
+ suffixes.push('autoheight');
+ }
+ if (rtl) {
+ suffixes.push('rtl');
+ }
+ if (params.slidesPerColumn > 1) {
+ suffixes.push('multirow');
+ }
+ if (Device.android) {
+ suffixes.push('android');
+ }
+ if (Device.ios) {
+ suffixes.push('ios');
+ }
+ // WP8 Touch Events Fix
+ if ((Browser.isIE || Browser.isEdge) && (Support.pointerEvents || Support.prefixedPointerEvents)) {
+ suffixes.push(("wp8-" + (params.direction)));
+ }
+
+ suffixes.forEach(function (suffix) {
+ classNames.push(params.containerModifierClass + suffix);
+ });
+
+ $el.addClass(classNames.join(' '));
+ }
+
+ function removeClasses () {
+ var swiper = this;
+ var $el = swiper.$el;
+ var classNames = swiper.classNames;
+
+ $el.removeClass(classNames.join(' '));
+ }
+
+ var classes = { addClasses: addClasses, removeClasses: removeClasses };
+
+ function loadImage (imageEl, src, srcset, sizes, checkForComplete, callback) {
+ var image;
+ function onReady() {
+ if (callback) { callback(); }
+ }
+ if (!imageEl.complete || !checkForComplete) {
+ if (src) {
+ image = new win.Image();
+ image.onload = onReady;
+ image.onerror = onReady;
+ if (sizes) {
+ image.sizes = sizes;
+ }
+ if (srcset) {
+ image.srcset = srcset;
+ }
+ if (src) {
+ image.src = src;
+ }
+ } else {
+ onReady();
+ }
+ } else {
+ // image already loaded...
+ onReady();
+ }
+ }
+
+ function preloadImages () {
+ var swiper = this;
+ swiper.imagesToLoad = swiper.$el.find('img');
+ function onReady() {
+ if (typeof swiper === 'undefined' || swiper === null || !swiper || swiper.destroyed) { return; }
+ if (swiper.imagesLoaded !== undefined) { swiper.imagesLoaded += 1; }
+ if (swiper.imagesLoaded === swiper.imagesToLoad.length) {
+ if (swiper.params.updateOnImagesReady) { swiper.update(); }
+ swiper.emit('imagesReady');
+ }
+ }
+ for (var i = 0; i < swiper.imagesToLoad.length; i += 1) {
+ var imageEl = swiper.imagesToLoad[i];
+ swiper.loadImage(
+ imageEl,
+ imageEl.currentSrc || imageEl.getAttribute('src'),
+ imageEl.srcset || imageEl.getAttribute('srcset'),
+ imageEl.sizes || imageEl.getAttribute('sizes'),
+ true,
+ onReady
+ );
+ }
+ }
+
+ var images = {
+ loadImage: loadImage,
+ preloadImages: preloadImages,
+ };
+
+ function checkOverflow() {
+ var swiper = this;
+ var wasLocked = swiper.isLocked;
+
+ swiper.isLocked = swiper.snapGrid.length === 1;
+ swiper.allowSlideNext = !swiper.isLocked;
+ swiper.allowSlidePrev = !swiper.isLocked;
+
+ // events
+ if (wasLocked !== swiper.isLocked) { swiper.emit(swiper.isLocked ? 'lock' : 'unlock'); }
+
+ if (wasLocked && wasLocked !== swiper.isLocked) {
+ swiper.isEnd = false;
+ swiper.navigation.update();
+ }
+ }
+
+ var checkOverflow$1 = { checkOverflow: checkOverflow };
+
+ var defaults = {
+ init: true,
+ direction: 'horizontal',
+ touchEventsTarget: 'container',
+ initialSlide: 0,
+ speed: 300,
+ //
+ preventInteractionOnTransition: false,
+
+ // To support iOS's swipe-to-go-back gesture (when being used in-app, with UIWebView).
+ edgeSwipeDetection: false,
+ edgeSwipeThreshold: 20,
+
+ // Free mode
+ freeMode: false,
+ freeModeMomentum: true,
+ freeModeMomentumRatio: 1,
+ freeModeMomentumBounce: true,
+ freeModeMomentumBounceRatio: 1,
+ freeModeMomentumVelocityRatio: 1,
+ freeModeSticky: false,
+ freeModeMinimumVelocity: 0.02,
+
+ // Autoheight
+ autoHeight: false,
+
+ // Set wrapper width
+ setWrapperSize: false,
+
+ // Virtual Translate
+ virtualTranslate: false,
+
+ // Effects
+ effect: 'slide', // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
+
+ // Breakpoints
+ breakpoints: undefined,
+ breakpointsInverse: false,
+
+ // Slides grid
+ spaceBetween: 0,
+ slidesPerView: 1,
+ slidesPerColumn: 1,
+ slidesPerColumnFill: 'column',
+ slidesPerGroup: 1,
+ centeredSlides: false,
+ slidesOffsetBefore: 0, // in px
+ slidesOffsetAfter: 0, // in px
+ normalizeSlideIndex: true,
+ centerInsufficientSlides: false,
+
+ // Disable swiper and hide navigation when container not overflow
+ watchOverflow: false,
+
+ // Round length
+ roundLengths: false,
+
+ // Touches
+ touchRatio: 1,
+ touchAngle: 45,
+ simulateTouch: true,
+ shortSwipes: true,
+ longSwipes: true,
+ longSwipesRatio: 0.5,
+ longSwipesMs: 300,
+ followFinger: true,
+ allowTouchMove: true,
+ threshold: 0,
+ touchMoveStopPropagation: true,
+ touchStartPreventDefault: true,
+ touchStartForcePreventDefault: false,
+ touchReleaseOnEdges: false,
+
+ // Unique Navigation Elements
+ uniqueNavElements: true,
+
+ // Resistance
+ resistance: true,
+ resistanceRatio: 0.85,
+
+ // Progress
+ watchSlidesProgress: false,
+ watchSlidesVisibility: false,
+
+ // Cursor
+ grabCursor: false,
+
+ // Clicks
+ preventClicks: true,
+ preventClicksPropagation: true,
+ slideToClickedSlide: false,
+
+ // Images
+ preloadImages: true,
+ updateOnImagesReady: true,
+
+ // loop
+ loop: false,
+ loopAdditionalSlides: 0,
+ loopedSlides: null,
+ loopFillGroupWithBlank: false,
+
+ // Swiping/no swiping
+ allowSlidePrev: true,
+ allowSlideNext: true,
+ swipeHandler: null, // '.swipe-handler',
+ noSwiping: true,
+ noSwipingClass: 'swiper-no-swiping',
+ noSwipingSelector: null,
+
+ // Passive Listeners
+ passiveListeners: true,
+
+ // NS
+ containerModifierClass: 'swiper-container-', // NEW
+ slideClass: 'swiper-slide',
+ slideBlankClass: 'swiper-slide-invisible-blank',
+ slideActiveClass: 'swiper-slide-active',
+ slideDuplicateActiveClass: 'swiper-slide-duplicate-active',
+ slideVisibleClass: 'swiper-slide-visible',
+ slideDuplicateClass: 'swiper-slide-duplicate',
+ slideNextClass: 'swiper-slide-next',
+ slideDuplicateNextClass: 'swiper-slide-duplicate-next',
+ slidePrevClass: 'swiper-slide-prev',
+ slideDuplicatePrevClass: 'swiper-slide-duplicate-prev',
+ wrapperClass: 'swiper-wrapper',
+
+ // Callbacks
+ runCallbacksOnInit: true,
+ };
+
+ var prototypes = {
+ update: update,
+ translate: translate,
+ transition: transition$1,
+ slide: slide,
+ loop: loop,
+ grabCursor: grabCursor,
+ manipulation: manipulation,
+ events: events,
+ breakpoints: breakpoints,
+ checkOverflow: checkOverflow$1,
+ classes: classes,
+ images: images,
+ };
+
+ var extendedDefaults = {};
+
+ var Swiper = /*@__PURE__*/(function (SwiperClass) {
+ function Swiper() {
+ var assign;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ var el;
+ var params;
+ if (args.length === 1 && args[0].constructor && args[0].constructor === Object) {
+ params = args[0];
+ } else {
+ (assign = args, el = assign[0], params = assign[1]);
+ }
+ if (!params) { params = {}; }
+
+ params = Utils.extend({}, params);
+ if (el && !params.el) { params.el = el; }
+
+ SwiperClass.call(this, params);
+
+ Object.keys(prototypes).forEach(function (prototypeGroup) {
+ Object.keys(prototypes[prototypeGroup]).forEach(function (protoMethod) {
+ if (!Swiper.prototype[protoMethod]) {
+ Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod];
+ }
+ });
+ });
+
+ // Swiper Instance
+ var swiper = this;
+ if (typeof swiper.modules === 'undefined') {
+ swiper.modules = {};
+ }
+ Object.keys(swiper.modules).forEach(function (moduleName) {
+ var module = swiper.modules[moduleName];
+ if (module.params) {
+ var moduleParamName = Object.keys(module.params)[0];
+ var moduleParams = module.params[moduleParamName];
+ if (typeof moduleParams !== 'object' || moduleParams === null) { return; }
+ if (!(moduleParamName in params && 'enabled' in moduleParams)) { return; }
+ if (params[moduleParamName] === true) {
+ params[moduleParamName] = { enabled: true };
+ }
+ if (
+ typeof params[moduleParamName] === 'object'
+ && !('enabled' in params[moduleParamName])
+ ) {
+ params[moduleParamName].enabled = true;
+ }
+ if (!params[moduleParamName]) { params[moduleParamName] = { enabled: false }; }
+ }
+ });
+
+ // Extend defaults with modules params
+ var swiperParams = Utils.extend({}, defaults);
+ swiper.useModulesParams(swiperParams);
+
+ // Extend defaults with passed params
+ swiper.params = Utils.extend({}, swiperParams, extendedDefaults, params);
+ swiper.originalParams = Utils.extend({}, swiper.params);
+ swiper.passedParams = Utils.extend({}, params);
+
+ // Save Dom lib
+ swiper.$ = $;
+
+ // Find el
+ var $el = $(swiper.params.el);
+ el = $el[0];
+
+ if (!el) {
+ return undefined;
+ }
+
+ if ($el.length > 1) {
+ var swipers = [];
+ $el.each(function (index, containerEl) {
+ var newParams = Utils.extend({}, params, { el: containerEl });
+ swipers.push(new Swiper(newParams));
+ });
+ return swipers;
+ }
+
+ el.swiper = swiper;
+ $el.data('swiper', swiper);
+
+ // Find Wrapper
+ var $wrapperEl = $el.children(("." + (swiper.params.wrapperClass)));
+
+ // Extend Swiper
+ Utils.extend(swiper, {
+ $el: $el,
+ el: el,
+ $wrapperEl: $wrapperEl,
+ wrapperEl: $wrapperEl[0],
+
+ // Classes
+ classNames: [],
+
+ // Slides
+ slides: $(),
+ slidesGrid: [],
+ snapGrid: [],
+ slidesSizesGrid: [],
+
+ // isDirection
+ isHorizontal: function isHorizontal() {
+ return swiper.params.direction === 'horizontal';
+ },
+ isVertical: function isVertical() {
+ return swiper.params.direction === 'vertical';
+ },
+ // RTL
+ rtl: (el.dir.toLowerCase() === 'rtl' || $el.css('direction') === 'rtl'),
+ rtlTranslate: swiper.params.direction === 'horizontal' && (el.dir.toLowerCase() === 'rtl' || $el.css('direction') === 'rtl'),
+ wrongRTL: $wrapperEl.css('display') === '-webkit-box',
+
+ // Indexes
+ activeIndex: 0,
+ realIndex: 0,
+
+ //
+ isBeginning: true,
+ isEnd: false,
+
+ // Props
+ translate: 0,
+ previousTranslate: 0,
+ progress: 0,
+ velocity: 0,
+ animating: false,
+
+ // Locks
+ allowSlideNext: swiper.params.allowSlideNext,
+ allowSlidePrev: swiper.params.allowSlidePrev,
+
+ // Touch Events
+ touchEvents: (function touchEvents() {
+ var touch = ['touchstart', 'touchmove', 'touchend'];
+ var desktop = ['mousedown', 'mousemove', 'mouseup'];
+ if (Support.pointerEvents) {
+ desktop = ['pointerdown', 'pointermove', 'pointerup'];
+ } else if (Support.prefixedPointerEvents) {
+ desktop = ['MSPointerDown', 'MSPointerMove', 'MSPointerUp'];
+ }
+ swiper.touchEventsTouch = {
+ start: touch[0],
+ move: touch[1],
+ end: touch[2],
+ };
+ swiper.touchEventsDesktop = {
+ start: desktop[0],
+ move: desktop[1],
+ end: desktop[2],
+ };
+ return Support.touch || !swiper.params.simulateTouch ? swiper.touchEventsTouch : swiper.touchEventsDesktop;
+ }()),
+ touchEventsData: {
+ isTouched: undefined,
+ isMoved: undefined,
+ allowTouchCallbacks: undefined,
+ touchStartTime: undefined,
+ isScrolling: undefined,
+ currentTranslate: undefined,
+ startTranslate: undefined,
+ allowThresholdMove: undefined,
+ // Form elements to match
+ formElements: 'input, select, option, textarea, button, video',
+ // Last click time
+ lastClickTime: Utils.now(),
+ clickTimeout: undefined,
+ // Velocities
+ velocities: [],
+ allowMomentumBounce: undefined,
+ isTouchEvent: undefined,
+ startMoving: undefined,
+ },
+
+ // Clicks
+ allowClick: true,
+
+ // Touches
+ allowTouchMove: swiper.params.allowTouchMove,
+
+ touches: {
+ startX: 0,
+ startY: 0,
+ currentX: 0,
+ currentY: 0,
+ diff: 0,
+ },
+
+ // Images
+ imagesToLoad: [],
+ imagesLoaded: 0,
+
+ });
+
+ // Install Modules
+ swiper.useModules();
+
+ // Init
+ if (swiper.params.init) {
+ swiper.init();
+ }
+
+ // Return app instance
+ return swiper;
+ }
+
+ if ( SwiperClass ) Swiper.__proto__ = SwiperClass;
+ Swiper.prototype = Object.create( SwiperClass && SwiperClass.prototype );
+ Swiper.prototype.constructor = Swiper;
+
+ var staticAccessors = { extendedDefaults: { configurable: true },defaults: { configurable: true },Class: { configurable: true },$: { configurable: true } };
+
+ Swiper.prototype.slidesPerViewDynamic = function slidesPerViewDynamic () {
+ var swiper = this;
+ var params = swiper.params;
+ var slides = swiper.slides;
+ var slidesGrid = swiper.slidesGrid;
+ var swiperSize = swiper.size;
+ var activeIndex = swiper.activeIndex;
+ var spv = 1;
+ if (params.centeredSlides) {
+ var slideSize = slides[activeIndex].swiperSlideSize;
+ var breakLoop;
+ for (var i = activeIndex + 1; i < slides.length; i += 1) {
+ if (slides[i] && !breakLoop) {
+ slideSize += slides[i].swiperSlideSize;
+ spv += 1;
+ if (slideSize > swiperSize) { breakLoop = true; }
+ }
+ }
+ for (var i$1 = activeIndex - 1; i$1 >= 0; i$1 -= 1) {
+ if (slides[i$1] && !breakLoop) {
+ slideSize += slides[i$1].swiperSlideSize;
+ spv += 1;
+ if (slideSize > swiperSize) { breakLoop = true; }
+ }
+ }
+ } else {
+ for (var i$2 = activeIndex + 1; i$2 < slides.length; i$2 += 1) {
+ if (slidesGrid[i$2] - slidesGrid[activeIndex] < swiperSize) {
+ spv += 1;
+ }
+ }
+ }
+ return spv;
+ };
+
+ Swiper.prototype.update = function update$$1 () {
+ var swiper = this;
+ if (!swiper || swiper.destroyed) { return; }
+ var snapGrid = swiper.snapGrid;
+ var params = swiper.params;
+ // Breakpoints
+ if (params.breakpoints) {
+ swiper.setBreakpoint();
+ }
+ swiper.updateSize();
+ swiper.updateSlides();
+ swiper.updateProgress();
+ swiper.updateSlidesClasses();
+
+ function setTranslate() {
+ var translateValue = swiper.rtlTranslate ? swiper.translate * -1 : swiper.translate;
+ var newTranslate = Math.min(Math.max(translateValue, swiper.maxTranslate()), swiper.minTranslate());
+ swiper.setTranslate(newTranslate);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+ var translated;
+ if (swiper.params.freeMode) {
+ setTranslate();
+ if (swiper.params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ } else {
+ if ((swiper.params.slidesPerView === 'auto' || swiper.params.slidesPerView > 1) && swiper.isEnd && !swiper.params.centeredSlides) {
+ translated = swiper.slideTo(swiper.slides.length - 1, 0, false, true);
+ } else {
+ translated = swiper.slideTo(swiper.activeIndex, 0, false, true);
+ }
+ if (!translated) {
+ setTranslate();
+ }
+ }
+ if (params.watchOverflow && snapGrid !== swiper.snapGrid) {
+ swiper.checkOverflow();
+ }
+ swiper.emit('update');
+ };
+
+ Swiper.prototype.init = function init () {
+ var swiper = this;
+ if (swiper.initialized) { return; }
+
+ swiper.emit('beforeInit');
+
+ // Set breakpoint
+ if (swiper.params.breakpoints) {
+ swiper.setBreakpoint();
+ }
+
+ // Add Classes
+ swiper.addClasses();
+
+ // Create loop
+ if (swiper.params.loop) {
+ swiper.loopCreate();
+ }
+
+ // Update size
+ swiper.updateSize();
+
+ // Update slides
+ swiper.updateSlides();
+
+ if (swiper.params.watchOverflow) {
+ swiper.checkOverflow();
+ }
+
+ // Set Grab Cursor
+ if (swiper.params.grabCursor) {
+ swiper.setGrabCursor();
+ }
+
+ if (swiper.params.preloadImages) {
+ swiper.preloadImages();
+ }
+
+ // Slide To Initial Slide
+ if (swiper.params.loop) {
+ swiper.slideTo(swiper.params.initialSlide + swiper.loopedSlides, 0, swiper.params.runCallbacksOnInit);
+ } else {
+ swiper.slideTo(swiper.params.initialSlide, 0, swiper.params.runCallbacksOnInit);
+ }
+
+ // Attach events
+ swiper.attachEvents();
+
+ // Init Flag
+ swiper.initialized = true;
+
+ // Emit
+ swiper.emit('init');
+ };
+
+ Swiper.prototype.destroy = function destroy (deleteInstance, cleanStyles) {
+ if ( deleteInstance === void 0 ) deleteInstance = true;
+ if ( cleanStyles === void 0 ) cleanStyles = true;
+
+ var swiper = this;
+ var params = swiper.params;
+ var $el = swiper.$el;
+ var $wrapperEl = swiper.$wrapperEl;
+ var slides = swiper.slides;
+
+ if (typeof swiper.params === 'undefined' || swiper.destroyed) {
+ return null;
+ }
+
+ swiper.emit('beforeDestroy');
+
+ // Init Flag
+ swiper.initialized = false;
+
+ // Detach events
+ swiper.detachEvents();
+
+ // Destroy loop
+ if (params.loop) {
+ swiper.loopDestroy();
+ }
+
+ // Cleanup styles
+ if (cleanStyles) {
+ swiper.removeClasses();
+ $el.removeAttr('style');
+ $wrapperEl.removeAttr('style');
+ if (slides && slides.length) {
+ slides
+ .removeClass([
+ params.slideVisibleClass,
+ params.slideActiveClass,
+ params.slideNextClass,
+ params.slidePrevClass ].join(' '))
+ .removeAttr('style')
+ .removeAttr('data-swiper-slide-index')
+ .removeAttr('data-swiper-column')
+ .removeAttr('data-swiper-row');
+ }
+ }
+
+ swiper.emit('destroy');
+
+ // Detach emitter events
+ Object.keys(swiper.eventsListeners).forEach(function (eventName) {
+ swiper.off(eventName);
+ });
+
+ if (deleteInstance !== false) {
+ swiper.$el[0].swiper = null;
+ swiper.$el.data('swiper', null);
+ Utils.deleteProps(swiper);
+ }
+ swiper.destroyed = true;
+
+ return null;
+ };
+
+ Swiper.extendDefaults = function extendDefaults (newDefaults) {
+ Utils.extend(extendedDefaults, newDefaults);
+ };
+
+ staticAccessors.extendedDefaults.get = function () {
+ return extendedDefaults;
+ };
+
+ staticAccessors.defaults.get = function () {
+ return defaults;
+ };
+
+ staticAccessors.Class.get = function () {
+ return SwiperClass;
+ };
+
+ staticAccessors.$.get = function () {
+ return $;
+ };
+
+ Object.defineProperties( Swiper, staticAccessors );
+
+ return Swiper;
+ }(Framework7Class));
+
+ var Device$1 = {
+ name: 'device',
+ proto: {
+ device: Device,
+ },
+ static: {
+ device: Device,
+ },
+ };
+
+ var Support$1 = {
+ name: 'support',
+ proto: {
+ support: Support,
+ },
+ static: {
+ support: Support,
+ },
+ };
+
+ var Browser$1 = {
+ name: 'browser',
+ proto: {
+ browser: Browser,
+ },
+ static: {
+ browser: Browser,
+ },
+ };
+
+ var Resize = {
+ name: 'resize',
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ resize: {
+ resizeHandler: function resizeHandler() {
+ if (!swiper || swiper.destroyed || !swiper.initialized) { return; }
+ swiper.emit('beforeResize');
+ swiper.emit('resize');
+ },
+ orientationChangeHandler: function orientationChangeHandler() {
+ if (!swiper || swiper.destroyed || !swiper.initialized) { return; }
+ swiper.emit('orientationchange');
+ },
+ },
+ });
+ },
+ on: {
+ init: function init() {
+ var swiper = this;
+ // Emit resize
+ win.addEventListener('resize', swiper.resize.resizeHandler);
+
+ // Emit orientationchange
+ win.addEventListener('orientationchange', swiper.resize.orientationChangeHandler);
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ win.removeEventListener('resize', swiper.resize.resizeHandler);
+ win.removeEventListener('orientationchange', swiper.resize.orientationChangeHandler);
+ },
+ },
+ };
+
+ var Observer = {
+ func: win.MutationObserver || win.WebkitMutationObserver,
+ attach: function attach(target, options) {
+ if ( options === void 0 ) options = {};
+
+ var swiper = this;
+
+ var ObserverFunc = Observer.func;
+ var observer = new ObserverFunc(function (mutations) {
+ // The observerUpdate event should only be triggered
+ // once despite the number of mutations. Additional
+ // triggers are redundant and are very costly
+ if (mutations.length === 1) {
+ swiper.emit('observerUpdate', mutations[0]);
+ return;
+ }
+ var observerUpdate = function observerUpdate() {
+ swiper.emit('observerUpdate', mutations[0]);
+ };
+
+ if (win.requestAnimationFrame) {
+ win.requestAnimationFrame(observerUpdate);
+ } else {
+ win.setTimeout(observerUpdate, 0);
+ }
+ });
+
+ observer.observe(target, {
+ attributes: typeof options.attributes === 'undefined' ? true : options.attributes,
+ childList: typeof options.childList === 'undefined' ? true : options.childList,
+ characterData: typeof options.characterData === 'undefined' ? true : options.characterData,
+ });
+
+ swiper.observer.observers.push(observer);
+ },
+ init: function init() {
+ var swiper = this;
+ if (!Support.observer || !swiper.params.observer) { return; }
+ if (swiper.params.observeParents) {
+ var containerParents = swiper.$el.parents();
+ for (var i = 0; i < containerParents.length; i += 1) {
+ swiper.observer.attach(containerParents[i]);
+ }
+ }
+ // Observe container
+ swiper.observer.attach(swiper.$el[0], { childList: swiper.params.observeSlideChildren });
+
+ // Observe wrapper
+ swiper.observer.attach(swiper.$wrapperEl[0], { attributes: false });
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ swiper.observer.observers.forEach(function (observer) {
+ observer.disconnect();
+ });
+ swiper.observer.observers = [];
+ },
+ };
+
+ var Observer$1 = {
+ name: 'observer',
+ params: {
+ observer: false,
+ observeParents: false,
+ observeSlideChildren: false,
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ observer: {
+ init: Observer.init.bind(swiper),
+ attach: Observer.attach.bind(swiper),
+ destroy: Observer.destroy.bind(swiper),
+ observers: [],
+ },
+ });
+ },
+ on: {
+ init: function init() {
+ var swiper = this;
+ swiper.observer.init();
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ swiper.observer.destroy();
+ },
+ },
+ };
+
+ var Virtual = {
+ update: function update(force) {
+ var swiper = this;
+ var ref = swiper.params;
+ var slidesPerView = ref.slidesPerView;
+ var slidesPerGroup = ref.slidesPerGroup;
+ var centeredSlides = ref.centeredSlides;
+ var ref$1 = swiper.params.virtual;
+ var addSlidesBefore = ref$1.addSlidesBefore;
+ var addSlidesAfter = ref$1.addSlidesAfter;
+ var ref$2 = swiper.virtual;
+ var previousFrom = ref$2.from;
+ var previousTo = ref$2.to;
+ var slides = ref$2.slides;
+ var previousSlidesGrid = ref$2.slidesGrid;
+ var renderSlide = ref$2.renderSlide;
+ var previousOffset = ref$2.offset;
+ swiper.updateActiveIndex();
+ var activeIndex = swiper.activeIndex || 0;
+
+ var offsetProp;
+ if (swiper.rtlTranslate) { offsetProp = 'right'; }
+ else { offsetProp = swiper.isHorizontal() ? 'left' : 'top'; }
+
+ var slidesAfter;
+ var slidesBefore;
+ if (centeredSlides) {
+ slidesAfter = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore;
+ slidesBefore = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter;
+ } else {
+ slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesBefore;
+ slidesBefore = slidesPerGroup + addSlidesAfter;
+ }
+ var from = Math.max((activeIndex || 0) - slidesBefore, 0);
+ var to = Math.min((activeIndex || 0) + slidesAfter, slides.length - 1);
+ var offset = (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
+
+ Utils.extend(swiper.virtual, {
+ from: from,
+ to: to,
+ offset: offset,
+ slidesGrid: swiper.slidesGrid,
+ });
+
+ function onRendered() {
+ swiper.updateSlides();
+ swiper.updateProgress();
+ swiper.updateSlidesClasses();
+ if (swiper.lazy && swiper.params.lazy.enabled) {
+ swiper.lazy.load();
+ }
+ }
+
+ if (previousFrom === from && previousTo === to && !force) {
+ if (swiper.slidesGrid !== previousSlidesGrid && offset !== previousOffset) {
+ swiper.slides.css(offsetProp, (offset + "px"));
+ }
+ swiper.updateProgress();
+ return;
+ }
+ if (swiper.params.virtual.renderExternal) {
+ swiper.params.virtual.renderExternal.call(swiper, {
+ offset: offset,
+ from: from,
+ to: to,
+ slides: (function getSlides() {
+ var slidesToRender = [];
+ for (var i = from; i <= to; i += 1) {
+ slidesToRender.push(slides[i]);
+ }
+ return slidesToRender;
+ }()),
+ });
+ onRendered();
+ return;
+ }
+ var prependIndexes = [];
+ var appendIndexes = [];
+ if (force) {
+ swiper.$wrapperEl.find(("." + (swiper.params.slideClass))).remove();
+ } else {
+ for (var i = previousFrom; i <= previousTo; i += 1) {
+ if (i < from || i > to) {
+ swiper.$wrapperEl.find(("." + (swiper.params.slideClass) + "[data-swiper-slide-index=\"" + i + "\"]")).remove();
+ }
+ }
+ }
+ for (var i$1 = 0; i$1 < slides.length; i$1 += 1) {
+ if (i$1 >= from && i$1 <= to) {
+ if (typeof previousTo === 'undefined' || force) {
+ appendIndexes.push(i$1);
+ } else {
+ if (i$1 > previousTo) { appendIndexes.push(i$1); }
+ if (i$1 < previousFrom) { prependIndexes.push(i$1); }
+ }
+ }
+ }
+ appendIndexes.forEach(function (index) {
+ swiper.$wrapperEl.append(renderSlide(slides[index], index));
+ });
+ prependIndexes.sort(function (a, b) { return b - a; }).forEach(function (index) {
+ swiper.$wrapperEl.prepend(renderSlide(slides[index], index));
+ });
+ swiper.$wrapperEl.children('.swiper-slide').css(offsetProp, (offset + "px"));
+ onRendered();
+ },
+ renderSlide: function renderSlide(slide, index) {
+ var swiper = this;
+ var params = swiper.params.virtual;
+ if (params.cache && swiper.virtual.cache[index]) {
+ return swiper.virtual.cache[index];
+ }
+ var $slideEl = params.renderSlide
+ ? $(params.renderSlide.call(swiper, slide, index))
+ : $(("" + slide + "
"));
+ if (!$slideEl.attr('data-swiper-slide-index')) { $slideEl.attr('data-swiper-slide-index', index); }
+ if (params.cache) { swiper.virtual.cache[index] = $slideEl; }
+ return $slideEl;
+ },
+ appendSlide: function appendSlide(slide) {
+ var swiper = this;
+ swiper.virtual.slides.push(slide);
+ swiper.virtual.update(true);
+ },
+ prependSlide: function prependSlide(slide) {
+ var swiper = this;
+ swiper.virtual.slides.unshift(slide);
+ if (swiper.params.virtual.cache) {
+ var cache = swiper.virtual.cache;
+ var newCache = {};
+ Object.keys(cache).forEach(function (cachedIndex) {
+ newCache[cachedIndex + 1] = cache[cachedIndex];
+ });
+ swiper.virtual.cache = newCache;
+ }
+ swiper.virtual.update(true);
+ swiper.slideNext(0);
+ },
+ };
+
+ var Virtual$1 = {
+ name: 'virtual',
+ params: {
+ virtual: {
+ enabled: false,
+ slides: [],
+ cache: true,
+ renderSlide: null,
+ renderExternal: null,
+ addSlidesBefore: 0,
+ addSlidesAfter: 0,
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ virtual: {
+ update: Virtual.update.bind(swiper),
+ appendSlide: Virtual.appendSlide.bind(swiper),
+ prependSlide: Virtual.prependSlide.bind(swiper),
+ renderSlide: Virtual.renderSlide.bind(swiper),
+ slides: swiper.params.virtual.slides,
+ cache: {},
+ },
+ });
+ },
+ on: {
+ beforeInit: function beforeInit() {
+ var swiper = this;
+ if (!swiper.params.virtual.enabled) { return; }
+ swiper.classNames.push(((swiper.params.containerModifierClass) + "virtual"));
+ var overwriteParams = {
+ watchSlidesProgress: true,
+ };
+ Utils.extend(swiper.params, overwriteParams);
+ Utils.extend(swiper.originalParams, overwriteParams);
+
+ if (!swiper.params.initialSlide) {
+ swiper.virtual.update();
+ }
+ },
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ if (!swiper.params.virtual.enabled) { return; }
+ swiper.virtual.update();
+ },
+ },
+ };
+
+ var Navigation = {
+ update: function update() {
+ // Update Navigation Buttons
+ var swiper = this;
+ var params = swiper.params.navigation;
+
+ if (swiper.params.loop) { return; }
+ var ref = swiper.navigation;
+ var $nextEl = ref.$nextEl;
+ var $prevEl = ref.$prevEl;
+
+ if ($prevEl && $prevEl.length > 0) {
+ if (swiper.isBeginning) {
+ $prevEl.addClass(params.disabledClass);
+ } else {
+ $prevEl.removeClass(params.disabledClass);
+ }
+ $prevEl[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);
+ }
+ if ($nextEl && $nextEl.length > 0) {
+ if (swiper.isEnd) {
+ $nextEl.addClass(params.disabledClass);
+ } else {
+ $nextEl.removeClass(params.disabledClass);
+ }
+ $nextEl[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);
+ }
+ },
+ onPrevClick: function onPrevClick(e) {
+ var swiper = this;
+ e.preventDefault();
+ if (swiper.isBeginning && !swiper.params.loop) { return; }
+ swiper.slidePrev();
+ },
+ onNextClick: function onNextClick(e) {
+ var swiper = this;
+ e.preventDefault();
+ if (swiper.isEnd && !swiper.params.loop) { return; }
+ swiper.slideNext();
+ },
+ init: function init() {
+ var swiper = this;
+ var params = swiper.params.navigation;
+ if (!(params.nextEl || params.prevEl)) { return; }
+
+ var $nextEl;
+ var $prevEl;
+ if (params.nextEl) {
+ $nextEl = $(params.nextEl);
+ if (
+ swiper.params.uniqueNavElements
+ && typeof params.nextEl === 'string'
+ && $nextEl.length > 1
+ && swiper.$el.find(params.nextEl).length === 1
+ ) {
+ $nextEl = swiper.$el.find(params.nextEl);
+ }
+ }
+ if (params.prevEl) {
+ $prevEl = $(params.prevEl);
+ if (
+ swiper.params.uniqueNavElements
+ && typeof params.prevEl === 'string'
+ && $prevEl.length > 1
+ && swiper.$el.find(params.prevEl).length === 1
+ ) {
+ $prevEl = swiper.$el.find(params.prevEl);
+ }
+ }
+
+ if ($nextEl && $nextEl.length > 0) {
+ $nextEl.on('click', swiper.navigation.onNextClick);
+ }
+ if ($prevEl && $prevEl.length > 0) {
+ $prevEl.on('click', swiper.navigation.onPrevClick);
+ }
+
+ Utils.extend(swiper.navigation, {
+ $nextEl: $nextEl,
+ nextEl: $nextEl && $nextEl[0],
+ $prevEl: $prevEl,
+ prevEl: $prevEl && $prevEl[0],
+ });
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ var ref = swiper.navigation;
+ var $nextEl = ref.$nextEl;
+ var $prevEl = ref.$prevEl;
+ if ($nextEl && $nextEl.length) {
+ $nextEl.off('click', swiper.navigation.onNextClick);
+ $nextEl.removeClass(swiper.params.navigation.disabledClass);
+ }
+ if ($prevEl && $prevEl.length) {
+ $prevEl.off('click', swiper.navigation.onPrevClick);
+ $prevEl.removeClass(swiper.params.navigation.disabledClass);
+ }
+ },
+ };
+
+ var Navigation$1 = {
+ name: 'navigation',
+ params: {
+ navigation: {
+ nextEl: null,
+ prevEl: null,
+
+ hideOnClick: false,
+ disabledClass: 'swiper-button-disabled',
+ hiddenClass: 'swiper-button-hidden',
+ lockClass: 'swiper-button-lock',
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ navigation: {
+ init: Navigation.init.bind(swiper),
+ update: Navigation.update.bind(swiper),
+ destroy: Navigation.destroy.bind(swiper),
+ onNextClick: Navigation.onNextClick.bind(swiper),
+ onPrevClick: Navigation.onPrevClick.bind(swiper),
+ },
+ });
+ },
+ on: {
+ init: function init() {
+ var swiper = this;
+ swiper.navigation.init();
+ swiper.navigation.update();
+ },
+ toEdge: function toEdge() {
+ var swiper = this;
+ swiper.navigation.update();
+ },
+ fromEdge: function fromEdge() {
+ var swiper = this;
+ swiper.navigation.update();
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ swiper.navigation.destroy();
+ },
+ click: function click(e) {
+ var swiper = this;
+ var ref = swiper.navigation;
+ var $nextEl = ref.$nextEl;
+ var $prevEl = ref.$prevEl;
+ if (
+ swiper.params.navigation.hideOnClick
+ && !$(e.target).is($prevEl)
+ && !$(e.target).is($nextEl)
+ ) {
+ if ($nextEl) { $nextEl.toggleClass(swiper.params.navigation.hiddenClass); }
+ if ($prevEl) { $prevEl.toggleClass(swiper.params.navigation.hiddenClass); }
+ }
+ },
+ },
+ };
+
+ var Pagination = {
+ update: function update() {
+ // Render || Update Pagination bullets/items
+ var swiper = this;
+ var rtl = swiper.rtl;
+ var params = swiper.params.pagination;
+ if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) { return; }
+ var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
+ var $el = swiper.pagination.$el;
+ // Current/Total
+ var current;
+ var total = swiper.params.loop ? Math.ceil((slidesLength - (swiper.loopedSlides * 2)) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
+ if (swiper.params.loop) {
+ current = Math.ceil((swiper.activeIndex - swiper.loopedSlides) / swiper.params.slidesPerGroup);
+ if (current > slidesLength - 1 - (swiper.loopedSlides * 2)) {
+ current -= (slidesLength - (swiper.loopedSlides * 2));
+ }
+ if (current > total - 1) { current -= total; }
+ if (current < 0 && swiper.params.paginationType !== 'bullets') { current = total + current; }
+ } else if (typeof swiper.snapIndex !== 'undefined') {
+ current = swiper.snapIndex;
+ } else {
+ current = swiper.activeIndex || 0;
+ }
+ // Types
+ if (params.type === 'bullets' && swiper.pagination.bullets && swiper.pagination.bullets.length > 0) {
+ var bullets = swiper.pagination.bullets;
+ var firstIndex;
+ var lastIndex;
+ var midIndex;
+ if (params.dynamicBullets) {
+ swiper.pagination.bulletSize = bullets.eq(0)[swiper.isHorizontal() ? 'outerWidth' : 'outerHeight'](true);
+ $el.css(swiper.isHorizontal() ? 'width' : 'height', ((swiper.pagination.bulletSize * (params.dynamicMainBullets + 4)) + "px"));
+ if (params.dynamicMainBullets > 1 && swiper.previousIndex !== undefined) {
+ swiper.pagination.dynamicBulletIndex += (current - swiper.previousIndex);
+ if (swiper.pagination.dynamicBulletIndex > (params.dynamicMainBullets - 1)) {
+ swiper.pagination.dynamicBulletIndex = params.dynamicMainBullets - 1;
+ } else if (swiper.pagination.dynamicBulletIndex < 0) {
+ swiper.pagination.dynamicBulletIndex = 0;
+ }
+ }
+ firstIndex = current - swiper.pagination.dynamicBulletIndex;
+ lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1);
+ midIndex = (lastIndex + firstIndex) / 2;
+ }
+ bullets.removeClass(((params.bulletActiveClass) + " " + (params.bulletActiveClass) + "-next " + (params.bulletActiveClass) + "-next-next " + (params.bulletActiveClass) + "-prev " + (params.bulletActiveClass) + "-prev-prev " + (params.bulletActiveClass) + "-main"));
+ if ($el.length > 1) {
+ bullets.each(function (index, bullet) {
+ var $bullet = $(bullet);
+ var bulletIndex = $bullet.index();
+ if (bulletIndex === current) {
+ $bullet.addClass(params.bulletActiveClass);
+ }
+ if (params.dynamicBullets) {
+ if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {
+ $bullet.addClass(((params.bulletActiveClass) + "-main"));
+ }
+ if (bulletIndex === firstIndex) {
+ $bullet
+ .prev()
+ .addClass(((params.bulletActiveClass) + "-prev"))
+ .prev()
+ .addClass(((params.bulletActiveClass) + "-prev-prev"));
+ }
+ if (bulletIndex === lastIndex) {
+ $bullet
+ .next()
+ .addClass(((params.bulletActiveClass) + "-next"))
+ .next()
+ .addClass(((params.bulletActiveClass) + "-next-next"));
+ }
+ }
+ });
+ } else {
+ var $bullet = bullets.eq(current);
+ $bullet.addClass(params.bulletActiveClass);
+ if (params.dynamicBullets) {
+ var $firstDisplayedBullet = bullets.eq(firstIndex);
+ var $lastDisplayedBullet = bullets.eq(lastIndex);
+ for (var i = firstIndex; i <= lastIndex; i += 1) {
+ bullets.eq(i).addClass(((params.bulletActiveClass) + "-main"));
+ }
+ $firstDisplayedBullet
+ .prev()
+ .addClass(((params.bulletActiveClass) + "-prev"))
+ .prev()
+ .addClass(((params.bulletActiveClass) + "-prev-prev"));
+ $lastDisplayedBullet
+ .next()
+ .addClass(((params.bulletActiveClass) + "-next"))
+ .next()
+ .addClass(((params.bulletActiveClass) + "-next-next"));
+ }
+ }
+ if (params.dynamicBullets) {
+ var dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);
+ var bulletsOffset = (((swiper.pagination.bulletSize * dynamicBulletsLength) - (swiper.pagination.bulletSize)) / 2) - (midIndex * swiper.pagination.bulletSize);
+ var offsetProp = rtl ? 'right' : 'left';
+ bullets.css(swiper.isHorizontal() ? offsetProp : 'top', (bulletsOffset + "px"));
+ }
+ }
+ if (params.type === 'fraction') {
+ $el.find(("." + (params.currentClass))).text(params.formatFractionCurrent(current + 1));
+ $el.find(("." + (params.totalClass))).text(params.formatFractionTotal(total));
+ }
+ if (params.type === 'progressbar') {
+ var progressbarDirection;
+ if (params.progressbarOpposite) {
+ progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal';
+ } else {
+ progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical';
+ }
+ var scale = (current + 1) / total;
+ var scaleX = 1;
+ var scaleY = 1;
+ if (progressbarDirection === 'horizontal') {
+ scaleX = scale;
+ } else {
+ scaleY = scale;
+ }
+ $el.find(("." + (params.progressbarFillClass))).transform(("translate3d(0,0,0) scaleX(" + scaleX + ") scaleY(" + scaleY + ")")).transition(swiper.params.speed);
+ }
+ if (params.type === 'custom' && params.renderCustom) {
+ $el.html(params.renderCustom(swiper, current + 1, total));
+ swiper.emit('paginationRender', swiper, $el[0]);
+ } else {
+ swiper.emit('paginationUpdate', swiper, $el[0]);
+ }
+ $el[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);
+ },
+ render: function render() {
+ // Render Container
+ var swiper = this;
+ var params = swiper.params.pagination;
+ if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) { return; }
+ var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
+
+ var $el = swiper.pagination.$el;
+ var paginationHTML = '';
+ if (params.type === 'bullets') {
+ var numberOfBullets = swiper.params.loop ? Math.ceil((slidesLength - (swiper.loopedSlides * 2)) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
+ for (var i = 0; i < numberOfBullets; i += 1) {
+ if (params.renderBullet) {
+ paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass);
+ } else {
+ paginationHTML += "<" + (params.bulletElement) + " class=\"" + (params.bulletClass) + "\">";
+ }
+ }
+ $el.html(paginationHTML);
+ swiper.pagination.bullets = $el.find(("." + (params.bulletClass)));
+ }
+ if (params.type === 'fraction') {
+ if (params.renderFraction) {
+ paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass);
+ } else {
+ paginationHTML = ""
+ + ' / '
+ + "";
+ }
+ $el.html(paginationHTML);
+ }
+ if (params.type === 'progressbar') {
+ if (params.renderProgressbar) {
+ paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass);
+ } else {
+ paginationHTML = "";
+ }
+ $el.html(paginationHTML);
+ }
+ if (params.type !== 'custom') {
+ swiper.emit('paginationRender', swiper.pagination.$el[0]);
+ }
+ },
+ init: function init() {
+ var swiper = this;
+ var params = swiper.params.pagination;
+ if (!params.el) { return; }
+
+ var $el = $(params.el);
+ if ($el.length === 0) { return; }
+
+ if (
+ swiper.params.uniqueNavElements
+ && typeof params.el === 'string'
+ && $el.length > 1
+ && swiper.$el.find(params.el).length === 1
+ ) {
+ $el = swiper.$el.find(params.el);
+ }
+
+ if (params.type === 'bullets' && params.clickable) {
+ $el.addClass(params.clickableClass);
+ }
+
+ $el.addClass(params.modifierClass + params.type);
+
+ if (params.type === 'bullets' && params.dynamicBullets) {
+ $el.addClass(("" + (params.modifierClass) + (params.type) + "-dynamic"));
+ swiper.pagination.dynamicBulletIndex = 0;
+ if (params.dynamicMainBullets < 1) {
+ params.dynamicMainBullets = 1;
+ }
+ }
+ if (params.type === 'progressbar' && params.progressbarOpposite) {
+ $el.addClass(params.progressbarOppositeClass);
+ }
+
+ if (params.clickable) {
+ $el.on('click', ("." + (params.bulletClass)), function onClick(e) {
+ e.preventDefault();
+ var index = $(this).index() * swiper.params.slidesPerGroup;
+ if (swiper.params.loop) { index += swiper.loopedSlides; }
+ swiper.slideTo(index);
+ });
+ }
+
+ Utils.extend(swiper.pagination, {
+ $el: $el,
+ el: $el[0],
+ });
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ var params = swiper.params.pagination;
+ if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) { return; }
+ var $el = swiper.pagination.$el;
+
+ $el.removeClass(params.hiddenClass);
+ $el.removeClass(params.modifierClass + params.type);
+ if (swiper.pagination.bullets) { swiper.pagination.bullets.removeClass(params.bulletActiveClass); }
+ if (params.clickable) {
+ $el.off('click', ("." + (params.bulletClass)));
+ }
+ },
+ };
+
+ var Pagination$1 = {
+ name: 'pagination',
+ params: {
+ pagination: {
+ el: null,
+ bulletElement: 'span',
+ clickable: false,
+ hideOnClick: false,
+ renderBullet: null,
+ renderProgressbar: null,
+ renderFraction: null,
+ renderCustom: null,
+ progressbarOpposite: false,
+ type: 'bullets', // 'bullets' or 'progressbar' or 'fraction' or 'custom'
+ dynamicBullets: false,
+ dynamicMainBullets: 1,
+ formatFractionCurrent: function (number) { return number; },
+ formatFractionTotal: function (number) { return number; },
+ bulletClass: 'swiper-pagination-bullet',
+ bulletActiveClass: 'swiper-pagination-bullet-active',
+ modifierClass: 'swiper-pagination-', // NEW
+ currentClass: 'swiper-pagination-current',
+ totalClass: 'swiper-pagination-total',
+ hiddenClass: 'swiper-pagination-hidden',
+ progressbarFillClass: 'swiper-pagination-progressbar-fill',
+ progressbarOppositeClass: 'swiper-pagination-progressbar-opposite',
+ clickableClass: 'swiper-pagination-clickable', // NEW
+ lockClass: 'swiper-pagination-lock',
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ pagination: {
+ init: Pagination.init.bind(swiper),
+ render: Pagination.render.bind(swiper),
+ update: Pagination.update.bind(swiper),
+ destroy: Pagination.destroy.bind(swiper),
+ dynamicBulletIndex: 0,
+ },
+ });
+ },
+ on: {
+ init: function init() {
+ var swiper = this;
+ swiper.pagination.init();
+ swiper.pagination.render();
+ swiper.pagination.update();
+ },
+ activeIndexChange: function activeIndexChange() {
+ var swiper = this;
+ if (swiper.params.loop) {
+ swiper.pagination.update();
+ } else if (typeof swiper.snapIndex === 'undefined') {
+ swiper.pagination.update();
+ }
+ },
+ snapIndexChange: function snapIndexChange() {
+ var swiper = this;
+ if (!swiper.params.loop) {
+ swiper.pagination.update();
+ }
+ },
+ slidesLengthChange: function slidesLengthChange() {
+ var swiper = this;
+ if (swiper.params.loop) {
+ swiper.pagination.render();
+ swiper.pagination.update();
+ }
+ },
+ snapGridLengthChange: function snapGridLengthChange() {
+ var swiper = this;
+ if (!swiper.params.loop) {
+ swiper.pagination.render();
+ swiper.pagination.update();
+ }
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ swiper.pagination.destroy();
+ },
+ click: function click(e) {
+ var swiper = this;
+ if (
+ swiper.params.pagination.el
+ && swiper.params.pagination.hideOnClick
+ && swiper.pagination.$el.length > 0
+ && !$(e.target).hasClass(swiper.params.pagination.bulletClass)
+ ) {
+ swiper.pagination.$el.toggleClass(swiper.params.pagination.hiddenClass);
+ }
+ },
+ },
+ };
+
+ var Scrollbar = {
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) { return; }
+ var scrollbar = swiper.scrollbar;
+ var rtl = swiper.rtlTranslate;
+ var progress = swiper.progress;
+ var dragSize = scrollbar.dragSize;
+ var trackSize = scrollbar.trackSize;
+ var $dragEl = scrollbar.$dragEl;
+ var $el = scrollbar.$el;
+ var params = swiper.params.scrollbar;
+
+ var newSize = dragSize;
+ var newPos = (trackSize - dragSize) * progress;
+ if (rtl) {
+ newPos = -newPos;
+ if (newPos > 0) {
+ newSize = dragSize - newPos;
+ newPos = 0;
+ } else if (-newPos + dragSize > trackSize) {
+ newSize = trackSize + newPos;
+ }
+ } else if (newPos < 0) {
+ newSize = dragSize + newPos;
+ newPos = 0;
+ } else if (newPos + dragSize > trackSize) {
+ newSize = trackSize - newPos;
+ }
+ if (swiper.isHorizontal()) {
+ if (Support.transforms3d) {
+ $dragEl.transform(("translate3d(" + newPos + "px, 0, 0)"));
+ } else {
+ $dragEl.transform(("translateX(" + newPos + "px)"));
+ }
+ $dragEl[0].style.width = newSize + "px";
+ } else {
+ if (Support.transforms3d) {
+ $dragEl.transform(("translate3d(0px, " + newPos + "px, 0)"));
+ } else {
+ $dragEl.transform(("translateY(" + newPos + "px)"));
+ }
+ $dragEl[0].style.height = newSize + "px";
+ }
+ if (params.hide) {
+ clearTimeout(swiper.scrollbar.timeout);
+ $el[0].style.opacity = 1;
+ swiper.scrollbar.timeout = setTimeout(function () {
+ $el[0].style.opacity = 0;
+ $el.transition(400);
+ }, 1000);
+ }
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) { return; }
+ swiper.scrollbar.$dragEl.transition(duration);
+ },
+ updateSize: function updateSize() {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) { return; }
+
+ var scrollbar = swiper.scrollbar;
+ var $dragEl = scrollbar.$dragEl;
+ var $el = scrollbar.$el;
+
+ $dragEl[0].style.width = '';
+ $dragEl[0].style.height = '';
+ var trackSize = swiper.isHorizontal() ? $el[0].offsetWidth : $el[0].offsetHeight;
+
+ var divider = swiper.size / swiper.virtualSize;
+ var moveDivider = divider * (trackSize / swiper.size);
+ var dragSize;
+ if (swiper.params.scrollbar.dragSize === 'auto') {
+ dragSize = trackSize * divider;
+ } else {
+ dragSize = parseInt(swiper.params.scrollbar.dragSize, 10);
+ }
+
+ if (swiper.isHorizontal()) {
+ $dragEl[0].style.width = dragSize + "px";
+ } else {
+ $dragEl[0].style.height = dragSize + "px";
+ }
+
+ if (divider >= 1) {
+ $el[0].style.display = 'none';
+ } else {
+ $el[0].style.display = '';
+ }
+ if (swiper.params.scrollbarHide) {
+ $el[0].style.opacity = 0;
+ }
+ Utils.extend(scrollbar, {
+ trackSize: trackSize,
+ divider: divider,
+ moveDivider: moveDivider,
+ dragSize: dragSize,
+ });
+ scrollbar.$el[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](swiper.params.scrollbar.lockClass);
+ },
+ setDragPosition: function setDragPosition(e) {
+ var swiper = this;
+ var scrollbar = swiper.scrollbar;
+ var rtl = swiper.rtlTranslate;
+ var $el = scrollbar.$el;
+ var dragSize = scrollbar.dragSize;
+ var trackSize = scrollbar.trackSize;
+
+ var pointerPosition;
+ if (swiper.isHorizontal()) {
+ pointerPosition = ((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].pageX : e.pageX || e.clientX);
+ } else {
+ pointerPosition = ((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].pageY : e.pageY || e.clientY);
+ }
+ var positionRatio;
+ positionRatio = ((pointerPosition) - $el.offset()[swiper.isHorizontal() ? 'left' : 'top'] - (dragSize / 2)) / (trackSize - dragSize);
+ positionRatio = Math.max(Math.min(positionRatio, 1), 0);
+ if (rtl) {
+ positionRatio = 1 - positionRatio;
+ }
+
+ var position = swiper.minTranslate() + ((swiper.maxTranslate() - swiper.minTranslate()) * positionRatio);
+
+ swiper.updateProgress(position);
+ swiper.setTranslate(position);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ },
+ onDragStart: function onDragStart(e) {
+ var swiper = this;
+ var params = swiper.params.scrollbar;
+ var scrollbar = swiper.scrollbar;
+ var $wrapperEl = swiper.$wrapperEl;
+ var $el = scrollbar.$el;
+ var $dragEl = scrollbar.$dragEl;
+ swiper.scrollbar.isTouched = true;
+ e.preventDefault();
+ e.stopPropagation();
+
+ $wrapperEl.transition(100);
+ $dragEl.transition(100);
+ scrollbar.setDragPosition(e);
+
+ clearTimeout(swiper.scrollbar.dragTimeout);
+
+ $el.transition(0);
+ if (params.hide) {
+ $el.css('opacity', 1);
+ }
+ swiper.emit('scrollbarDragStart', e);
+ },
+ onDragMove: function onDragMove(e) {
+ var swiper = this;
+ var scrollbar = swiper.scrollbar;
+ var $wrapperEl = swiper.$wrapperEl;
+ var $el = scrollbar.$el;
+ var $dragEl = scrollbar.$dragEl;
+
+ if (!swiper.scrollbar.isTouched) { return; }
+ if (e.preventDefault) { e.preventDefault(); }
+ else { e.returnValue = false; }
+ scrollbar.setDragPosition(e);
+ $wrapperEl.transition(0);
+ $el.transition(0);
+ $dragEl.transition(0);
+ swiper.emit('scrollbarDragMove', e);
+ },
+ onDragEnd: function onDragEnd(e) {
+ var swiper = this;
+
+ var params = swiper.params.scrollbar;
+ var scrollbar = swiper.scrollbar;
+ var $el = scrollbar.$el;
+
+ if (!swiper.scrollbar.isTouched) { return; }
+ swiper.scrollbar.isTouched = false;
+ if (params.hide) {
+ clearTimeout(swiper.scrollbar.dragTimeout);
+ swiper.scrollbar.dragTimeout = Utils.nextTick(function () {
+ $el.css('opacity', 0);
+ $el.transition(400);
+ }, 1000);
+ }
+ swiper.emit('scrollbarDragEnd', e);
+ if (params.snapOnRelease) {
+ swiper.slideToClosest();
+ }
+ },
+ enableDraggable: function enableDraggable() {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el) { return; }
+ var scrollbar = swiper.scrollbar;
+ var touchEventsTouch = swiper.touchEventsTouch;
+ var touchEventsDesktop = swiper.touchEventsDesktop;
+ var params = swiper.params;
+ var $el = scrollbar.$el;
+ var target = $el[0];
+ var activeListener = Support.passiveListener && params.passiveListeners ? { passive: false, capture: false } : false;
+ var passiveListener = Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;
+ if (!Support.touch) {
+ target.addEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);
+ doc.addEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);
+ doc.addEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);
+ } else {
+ target.addEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);
+ target.addEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);
+ target.addEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);
+ }
+ },
+ disableDraggable: function disableDraggable() {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el) { return; }
+ var scrollbar = swiper.scrollbar;
+ var touchEventsTouch = swiper.touchEventsTouch;
+ var touchEventsDesktop = swiper.touchEventsDesktop;
+ var params = swiper.params;
+ var $el = scrollbar.$el;
+ var target = $el[0];
+ var activeListener = Support.passiveListener && params.passiveListeners ? { passive: false, capture: false } : false;
+ var passiveListener = Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;
+ if (!Support.touch) {
+ target.removeEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);
+ doc.removeEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);
+ doc.removeEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);
+ } else {
+ target.removeEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);
+ target.removeEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);
+ target.removeEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);
+ }
+ },
+ init: function init() {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el) { return; }
+ var scrollbar = swiper.scrollbar;
+ var $swiperEl = swiper.$el;
+ var params = swiper.params.scrollbar;
+
+ var $el = $(params.el);
+ if (swiper.params.uniqueNavElements && typeof params.el === 'string' && $el.length > 1 && $swiperEl.find(params.el).length === 1) {
+ $el = $swiperEl.find(params.el);
+ }
+
+ var $dragEl = $el.find(("." + (swiper.params.scrollbar.dragClass)));
+ if ($dragEl.length === 0) {
+ $dragEl = $((""));
+ $el.append($dragEl);
+ }
+
+ Utils.extend(scrollbar, {
+ $el: $el,
+ el: $el[0],
+ $dragEl: $dragEl,
+ dragEl: $dragEl[0],
+ });
+
+ if (params.draggable) {
+ scrollbar.enableDraggable();
+ }
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ swiper.scrollbar.disableDraggable();
+ },
+ };
+
+ var Scrollbar$1 = {
+ name: 'scrollbar',
+ params: {
+ scrollbar: {
+ el: null,
+ dragSize: 'auto',
+ hide: false,
+ draggable: false,
+ snapOnRelease: true,
+ lockClass: 'swiper-scrollbar-lock',
+ dragClass: 'swiper-scrollbar-drag',
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ scrollbar: {
+ init: Scrollbar.init.bind(swiper),
+ destroy: Scrollbar.destroy.bind(swiper),
+ updateSize: Scrollbar.updateSize.bind(swiper),
+ setTranslate: Scrollbar.setTranslate.bind(swiper),
+ setTransition: Scrollbar.setTransition.bind(swiper),
+ enableDraggable: Scrollbar.enableDraggable.bind(swiper),
+ disableDraggable: Scrollbar.disableDraggable.bind(swiper),
+ setDragPosition: Scrollbar.setDragPosition.bind(swiper),
+ onDragStart: Scrollbar.onDragStart.bind(swiper),
+ onDragMove: Scrollbar.onDragMove.bind(swiper),
+ onDragEnd: Scrollbar.onDragEnd.bind(swiper),
+ isTouched: false,
+ timeout: null,
+ dragTimeout: null,
+ },
+ });
+ },
+ on: {
+ init: function init() {
+ var swiper = this;
+ swiper.scrollbar.init();
+ swiper.scrollbar.updateSize();
+ swiper.scrollbar.setTranslate();
+ },
+ update: function update() {
+ var swiper = this;
+ swiper.scrollbar.updateSize();
+ },
+ resize: function resize() {
+ var swiper = this;
+ swiper.scrollbar.updateSize();
+ },
+ observerUpdate: function observerUpdate() {
+ var swiper = this;
+ swiper.scrollbar.updateSize();
+ },
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ swiper.scrollbar.setTranslate();
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ swiper.scrollbar.setTransition(duration);
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ swiper.scrollbar.destroy();
+ },
+ },
+ };
+
+ var Parallax = {
+ setTransform: function setTransform(el, progress) {
+ var swiper = this;
+ var rtl = swiper.rtl;
+
+ var $el = $(el);
+ var rtlFactor = rtl ? -1 : 1;
+
+ var p = $el.attr('data-swiper-parallax') || '0';
+ var x = $el.attr('data-swiper-parallax-x');
+ var y = $el.attr('data-swiper-parallax-y');
+ var scale = $el.attr('data-swiper-parallax-scale');
+ var opacity = $el.attr('data-swiper-parallax-opacity');
+
+ if (x || y) {
+ x = x || '0';
+ y = y || '0';
+ } else if (swiper.isHorizontal()) {
+ x = p;
+ y = '0';
+ } else {
+ y = p;
+ x = '0';
+ }
+
+ if ((x).indexOf('%') >= 0) {
+ x = (parseInt(x, 10) * progress * rtlFactor) + "%";
+ } else {
+ x = (x * progress * rtlFactor) + "px";
+ }
+ if ((y).indexOf('%') >= 0) {
+ y = (parseInt(y, 10) * progress) + "%";
+ } else {
+ y = (y * progress) + "px";
+ }
+
+ if (typeof opacity !== 'undefined' && opacity !== null) {
+ var currentOpacity = opacity - ((opacity - 1) * (1 - Math.abs(progress)));
+ $el[0].style.opacity = currentOpacity;
+ }
+ if (typeof scale === 'undefined' || scale === null) {
+ $el.transform(("translate3d(" + x + ", " + y + ", 0px)"));
+ } else {
+ var currentScale = scale - ((scale - 1) * (1 - Math.abs(progress)));
+ $el.transform(("translate3d(" + x + ", " + y + ", 0px) scale(" + currentScale + ")"));
+ }
+ },
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ var $el = swiper.$el;
+ var slides = swiper.slides;
+ var progress = swiper.progress;
+ var snapGrid = swiper.snapGrid;
+ $el.children('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]')
+ .each(function (index, el) {
+ swiper.parallax.setTransform(el, progress);
+ });
+ slides.each(function (slideIndex, slideEl) {
+ var slideProgress = slideEl.progress;
+ if (swiper.params.slidesPerGroup > 1 && swiper.params.slidesPerView !== 'auto') {
+ slideProgress += Math.ceil(slideIndex / 2) - (progress * (snapGrid.length - 1));
+ }
+ slideProgress = Math.min(Math.max(slideProgress, -1), 1);
+ $(slideEl).find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]')
+ .each(function (index, el) {
+ swiper.parallax.setTransform(el, slideProgress);
+ });
+ });
+ },
+ setTransition: function setTransition(duration) {
+ if ( duration === void 0 ) duration = this.params.speed;
+
+ var swiper = this;
+ var $el = swiper.$el;
+ $el.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]')
+ .each(function (index, parallaxEl) {
+ var $parallaxEl = $(parallaxEl);
+ var parallaxDuration = parseInt($parallaxEl.attr('data-swiper-parallax-duration'), 10) || duration;
+ if (duration === 0) { parallaxDuration = 0; }
+ $parallaxEl.transition(parallaxDuration);
+ });
+ },
+ };
+
+ var Parallax$1 = {
+ name: 'parallax',
+ params: {
+ parallax: {
+ enabled: false,
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ parallax: {
+ setTransform: Parallax.setTransform.bind(swiper),
+ setTranslate: Parallax.setTranslate.bind(swiper),
+ setTransition: Parallax.setTransition.bind(swiper),
+ },
+ });
+ },
+ on: {
+ beforeInit: function beforeInit() {
+ var swiper = this;
+ if (!swiper.params.parallax.enabled) { return; }
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+ },
+ init: function init() {
+ var swiper = this;
+ if (!swiper.params.parallax) { return; }
+ swiper.parallax.setTranslate();
+ },
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ if (!swiper.params.parallax) { return; }
+ swiper.parallax.setTranslate();
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ if (!swiper.params.parallax) { return; }
+ swiper.parallax.setTransition(duration);
+ },
+ },
+ };
+
+ var Zoom = {
+ // Calc Scale From Multi-touches
+ getDistanceBetweenTouches: function getDistanceBetweenTouches(e) {
+ if (e.targetTouches.length < 2) { return 1; }
+ var x1 = e.targetTouches[0].pageX;
+ var y1 = e.targetTouches[0].pageY;
+ var x2 = e.targetTouches[1].pageX;
+ var y2 = e.targetTouches[1].pageY;
+ var distance = Math.sqrt((Math.pow( (x2 - x1), 2 )) + (Math.pow( (y2 - y1), 2 )));
+ return distance;
+ },
+ // Events
+ onGestureStart: function onGestureStart(e) {
+ var swiper = this;
+ var params = swiper.params.zoom;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+ zoom.fakeGestureTouched = false;
+ zoom.fakeGestureMoved = false;
+ if (!Support.gestures) {
+ if (e.type !== 'touchstart' || (e.type === 'touchstart' && e.targetTouches.length < 2)) {
+ return;
+ }
+ zoom.fakeGestureTouched = true;
+ gesture.scaleStart = Zoom.getDistanceBetweenTouches(e);
+ }
+ if (!gesture.$slideEl || !gesture.$slideEl.length) {
+ gesture.$slideEl = $(e.target).closest('.swiper-slide');
+ if (gesture.$slideEl.length === 0) { gesture.$slideEl = swiper.slides.eq(swiper.activeIndex); }
+ gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas');
+ gesture.$imageWrapEl = gesture.$imageEl.parent(("." + (params.containerClass)));
+ gesture.maxRatio = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
+ if (gesture.$imageWrapEl.length === 0) {
+ gesture.$imageEl = undefined;
+ return;
+ }
+ }
+ gesture.$imageEl.transition(0);
+ swiper.zoom.isScaling = true;
+ },
+ onGestureChange: function onGestureChange(e) {
+ var swiper = this;
+ var params = swiper.params.zoom;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+ if (!Support.gestures) {
+ if (e.type !== 'touchmove' || (e.type === 'touchmove' && e.targetTouches.length < 2)) {
+ return;
+ }
+ zoom.fakeGestureMoved = true;
+ gesture.scaleMove = Zoom.getDistanceBetweenTouches(e);
+ }
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }
+ if (Support.gestures) {
+ zoom.scale = e.scale * zoom.currentScale;
+ } else {
+ zoom.scale = (gesture.scaleMove / gesture.scaleStart) * zoom.currentScale;
+ }
+ if (zoom.scale > gesture.maxRatio) {
+ zoom.scale = (gesture.maxRatio - 1) + (Math.pow( ((zoom.scale - gesture.maxRatio) + 1), 0.5 ));
+ }
+ if (zoom.scale < params.minRatio) {
+ zoom.scale = (params.minRatio + 1) - (Math.pow( ((params.minRatio - zoom.scale) + 1), 0.5 ));
+ }
+ gesture.$imageEl.transform(("translate3d(0,0,0) scale(" + (zoom.scale) + ")"));
+ },
+ onGestureEnd: function onGestureEnd(e) {
+ var swiper = this;
+ var params = swiper.params.zoom;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+ if (!Support.gestures) {
+ if (!zoom.fakeGestureTouched || !zoom.fakeGestureMoved) {
+ return;
+ }
+ if (e.type !== 'touchend' || (e.type === 'touchend' && e.changedTouches.length < 2 && !Device.android)) {
+ return;
+ }
+ zoom.fakeGestureTouched = false;
+ zoom.fakeGestureMoved = false;
+ }
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }
+ zoom.scale = Math.max(Math.min(zoom.scale, gesture.maxRatio), params.minRatio);
+ gesture.$imageEl.transition(swiper.params.speed).transform(("translate3d(0,0,0) scale(" + (zoom.scale) + ")"));
+ zoom.currentScale = zoom.scale;
+ zoom.isScaling = false;
+ if (zoom.scale === 1) { gesture.$slideEl = undefined; }
+ },
+ onTouchStart: function onTouchStart(e) {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+ var image = zoom.image;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }
+ if (image.isTouched) { return; }
+ if (Device.android) { e.preventDefault(); }
+ image.isTouched = true;
+ image.touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
+ image.touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+ },
+ onTouchMove: function onTouchMove(e) {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+ var image = zoom.image;
+ var velocity = zoom.velocity;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }
+ swiper.allowClick = false;
+ if (!image.isTouched || !gesture.$slideEl) { return; }
+
+ if (!image.isMoved) {
+ image.width = gesture.$imageEl[0].offsetWidth;
+ image.height = gesture.$imageEl[0].offsetHeight;
+ image.startX = Utils.getTranslate(gesture.$imageWrapEl[0], 'x') || 0;
+ image.startY = Utils.getTranslate(gesture.$imageWrapEl[0], 'y') || 0;
+ gesture.slideWidth = gesture.$slideEl[0].offsetWidth;
+ gesture.slideHeight = gesture.$slideEl[0].offsetHeight;
+ gesture.$imageWrapEl.transition(0);
+ if (swiper.rtl) {
+ image.startX = -image.startX;
+ image.startY = -image.startY;
+ }
+ }
+ // Define if we need image drag
+ var scaledWidth = image.width * zoom.scale;
+ var scaledHeight = image.height * zoom.scale;
+
+ if (scaledWidth < gesture.slideWidth && scaledHeight < gesture.slideHeight) { return; }
+
+ image.minX = Math.min(((gesture.slideWidth / 2) - (scaledWidth / 2)), 0);
+ image.maxX = -image.minX;
+ image.minY = Math.min(((gesture.slideHeight / 2) - (scaledHeight / 2)), 0);
+ image.maxY = -image.minY;
+
+ image.touchesCurrent.x = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
+ image.touchesCurrent.y = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+
+ if (!image.isMoved && !zoom.isScaling) {
+ if (
+ swiper.isHorizontal()
+ && (
+ (Math.floor(image.minX) === Math.floor(image.startX) && image.touchesCurrent.x < image.touchesStart.x)
+ || (Math.floor(image.maxX) === Math.floor(image.startX) && image.touchesCurrent.x > image.touchesStart.x)
+ )
+ ) {
+ image.isTouched = false;
+ return;
+ } if (
+ !swiper.isHorizontal()
+ && (
+ (Math.floor(image.minY) === Math.floor(image.startY) && image.touchesCurrent.y < image.touchesStart.y)
+ || (Math.floor(image.maxY) === Math.floor(image.startY) && image.touchesCurrent.y > image.touchesStart.y)
+ )
+ ) {
+ image.isTouched = false;
+ return;
+ }
+ }
+ e.preventDefault();
+ e.stopPropagation();
+
+ image.isMoved = true;
+ image.currentX = (image.touchesCurrent.x - image.touchesStart.x) + image.startX;
+ image.currentY = (image.touchesCurrent.y - image.touchesStart.y) + image.startY;
+
+ if (image.currentX < image.minX) {
+ image.currentX = (image.minX + 1) - (Math.pow( ((image.minX - image.currentX) + 1), 0.8 ));
+ }
+ if (image.currentX > image.maxX) {
+ image.currentX = (image.maxX - 1) + (Math.pow( ((image.currentX - image.maxX) + 1), 0.8 ));
+ }
+
+ if (image.currentY < image.minY) {
+ image.currentY = (image.minY + 1) - (Math.pow( ((image.minY - image.currentY) + 1), 0.8 ));
+ }
+ if (image.currentY > image.maxY) {
+ image.currentY = (image.maxY - 1) + (Math.pow( ((image.currentY - image.maxY) + 1), 0.8 ));
+ }
+
+ // Velocity
+ if (!velocity.prevPositionX) { velocity.prevPositionX = image.touchesCurrent.x; }
+ if (!velocity.prevPositionY) { velocity.prevPositionY = image.touchesCurrent.y; }
+ if (!velocity.prevTime) { velocity.prevTime = Date.now(); }
+ velocity.x = (image.touchesCurrent.x - velocity.prevPositionX) / (Date.now() - velocity.prevTime) / 2;
+ velocity.y = (image.touchesCurrent.y - velocity.prevPositionY) / (Date.now() - velocity.prevTime) / 2;
+ if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2) { velocity.x = 0; }
+ if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2) { velocity.y = 0; }
+ velocity.prevPositionX = image.touchesCurrent.x;
+ velocity.prevPositionY = image.touchesCurrent.y;
+ velocity.prevTime = Date.now();
+
+ gesture.$imageWrapEl.transform(("translate3d(" + (image.currentX) + "px, " + (image.currentY) + "px,0)"));
+ },
+ onTouchEnd: function onTouchEnd() {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+ var image = zoom.image;
+ var velocity = zoom.velocity;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }
+ if (!image.isTouched || !image.isMoved) {
+ image.isTouched = false;
+ image.isMoved = false;
+ return;
+ }
+ image.isTouched = false;
+ image.isMoved = false;
+ var momentumDurationX = 300;
+ var momentumDurationY = 300;
+ var momentumDistanceX = velocity.x * momentumDurationX;
+ var newPositionX = image.currentX + momentumDistanceX;
+ var momentumDistanceY = velocity.y * momentumDurationY;
+ var newPositionY = image.currentY + momentumDistanceY;
+
+ // Fix duration
+ if (velocity.x !== 0) { momentumDurationX = Math.abs((newPositionX - image.currentX) / velocity.x); }
+ if (velocity.y !== 0) { momentumDurationY = Math.abs((newPositionY - image.currentY) / velocity.y); }
+ var momentumDuration = Math.max(momentumDurationX, momentumDurationY);
+
+ image.currentX = newPositionX;
+ image.currentY = newPositionY;
+
+ // Define if we need image drag
+ var scaledWidth = image.width * zoom.scale;
+ var scaledHeight = image.height * zoom.scale;
+ image.minX = Math.min(((gesture.slideWidth / 2) - (scaledWidth / 2)), 0);
+ image.maxX = -image.minX;
+ image.minY = Math.min(((gesture.slideHeight / 2) - (scaledHeight / 2)), 0);
+ image.maxY = -image.minY;
+ image.currentX = Math.max(Math.min(image.currentX, image.maxX), image.minX);
+ image.currentY = Math.max(Math.min(image.currentY, image.maxY), image.minY);
+
+ gesture.$imageWrapEl.transition(momentumDuration).transform(("translate3d(" + (image.currentX) + "px, " + (image.currentY) + "px,0)"));
+ },
+ onTransitionEnd: function onTransitionEnd() {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+ if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) {
+ gesture.$imageEl.transform('translate3d(0,0,0) scale(1)');
+ gesture.$imageWrapEl.transform('translate3d(0,0,0)');
+
+ zoom.scale = 1;
+ zoom.currentScale = 1;
+
+ gesture.$slideEl = undefined;
+ gesture.$imageEl = undefined;
+ gesture.$imageWrapEl = undefined;
+ }
+ },
+ // Toggle Zoom
+ toggle: function toggle(e) {
+ var swiper = this;
+ var zoom = swiper.zoom;
+
+ if (zoom.scale && zoom.scale !== 1) {
+ // Zoom Out
+ zoom.out();
+ } else {
+ // Zoom In
+ zoom.in(e);
+ }
+ },
+ in: function in$1(e) {
+ var swiper = this;
+
+ var zoom = swiper.zoom;
+ var params = swiper.params.zoom;
+ var gesture = zoom.gesture;
+ var image = zoom.image;
+
+ if (!gesture.$slideEl) {
+ gesture.$slideEl = swiper.clickedSlide ? $(swiper.clickedSlide) : swiper.slides.eq(swiper.activeIndex);
+ gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas');
+ gesture.$imageWrapEl = gesture.$imageEl.parent(("." + (params.containerClass)));
+ }
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }
+
+ gesture.$slideEl.addClass(("" + (params.zoomedSlideClass)));
+
+ var touchX;
+ var touchY;
+ var offsetX;
+ var offsetY;
+ var diffX;
+ var diffY;
+ var translateX;
+ var translateY;
+ var imageWidth;
+ var imageHeight;
+ var scaledWidth;
+ var scaledHeight;
+ var translateMinX;
+ var translateMinY;
+ var translateMaxX;
+ var translateMaxY;
+ var slideWidth;
+ var slideHeight;
+
+ if (typeof image.touchesStart.x === 'undefined' && e) {
+ touchX = e.type === 'touchend' ? e.changedTouches[0].pageX : e.pageX;
+ touchY = e.type === 'touchend' ? e.changedTouches[0].pageY : e.pageY;
+ } else {
+ touchX = image.touchesStart.x;
+ touchY = image.touchesStart.y;
+ }
+
+ zoom.scale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
+ zoom.currentScale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
+ if (e) {
+ slideWidth = gesture.$slideEl[0].offsetWidth;
+ slideHeight = gesture.$slideEl[0].offsetHeight;
+ offsetX = gesture.$slideEl.offset().left;
+ offsetY = gesture.$slideEl.offset().top;
+ diffX = (offsetX + (slideWidth / 2)) - touchX;
+ diffY = (offsetY + (slideHeight / 2)) - touchY;
+
+ imageWidth = gesture.$imageEl[0].offsetWidth;
+ imageHeight = gesture.$imageEl[0].offsetHeight;
+ scaledWidth = imageWidth * zoom.scale;
+ scaledHeight = imageHeight * zoom.scale;
+
+ translateMinX = Math.min(((slideWidth / 2) - (scaledWidth / 2)), 0);
+ translateMinY = Math.min(((slideHeight / 2) - (scaledHeight / 2)), 0);
+ translateMaxX = -translateMinX;
+ translateMaxY = -translateMinY;
+
+ translateX = diffX * zoom.scale;
+ translateY = diffY * zoom.scale;
+
+ if (translateX < translateMinX) {
+ translateX = translateMinX;
+ }
+ if (translateX > translateMaxX) {
+ translateX = translateMaxX;
+ }
+
+ if (translateY < translateMinY) {
+ translateY = translateMinY;
+ }
+ if (translateY > translateMaxY) {
+ translateY = translateMaxY;
+ }
+ } else {
+ translateX = 0;
+ translateY = 0;
+ }
+ gesture.$imageWrapEl.transition(300).transform(("translate3d(" + translateX + "px, " + translateY + "px,0)"));
+ gesture.$imageEl.transition(300).transform(("translate3d(0,0,0) scale(" + (zoom.scale) + ")"));
+ },
+ out: function out() {
+ var swiper = this;
+
+ var zoom = swiper.zoom;
+ var params = swiper.params.zoom;
+ var gesture = zoom.gesture;
+
+ if (!gesture.$slideEl) {
+ gesture.$slideEl = swiper.clickedSlide ? $(swiper.clickedSlide) : swiper.slides.eq(swiper.activeIndex);
+ gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas');
+ gesture.$imageWrapEl = gesture.$imageEl.parent(("." + (params.containerClass)));
+ }
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }
+
+ zoom.scale = 1;
+ zoom.currentScale = 1;
+ gesture.$imageWrapEl.transition(300).transform('translate3d(0,0,0)');
+ gesture.$imageEl.transition(300).transform('translate3d(0,0,0) scale(1)');
+ gesture.$slideEl.removeClass(("" + (params.zoomedSlideClass)));
+ gesture.$slideEl = undefined;
+ },
+ // Attach/Detach Events
+ enable: function enable() {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ if (zoom.enabled) { return; }
+ zoom.enabled = true;
+
+ var passiveListener = swiper.touchEvents.start === 'touchstart' && Support.passiveListener && swiper.params.passiveListeners ? { passive: true, capture: false } : false;
+
+ // Scale image
+ if (Support.gestures) {
+ swiper.$wrapperEl.on('gesturestart', '.swiper-slide', zoom.onGestureStart, passiveListener);
+ swiper.$wrapperEl.on('gesturechange', '.swiper-slide', zoom.onGestureChange, passiveListener);
+ swiper.$wrapperEl.on('gestureend', '.swiper-slide', zoom.onGestureEnd, passiveListener);
+ } else if (swiper.touchEvents.start === 'touchstart') {
+ swiper.$wrapperEl.on(swiper.touchEvents.start, '.swiper-slide', zoom.onGestureStart, passiveListener);
+ swiper.$wrapperEl.on(swiper.touchEvents.move, '.swiper-slide', zoom.onGestureChange, passiveListener);
+ swiper.$wrapperEl.on(swiper.touchEvents.end, '.swiper-slide', zoom.onGestureEnd, passiveListener);
+ }
+
+ // Move image
+ swiper.$wrapperEl.on(swiper.touchEvents.move, ("." + (swiper.params.zoom.containerClass)), zoom.onTouchMove);
+ },
+ disable: function disable() {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ if (!zoom.enabled) { return; }
+
+ swiper.zoom.enabled = false;
+
+ var passiveListener = swiper.touchEvents.start === 'touchstart' && Support.passiveListener && swiper.params.passiveListeners ? { passive: true, capture: false } : false;
+
+ // Scale image
+ if (Support.gestures) {
+ swiper.$wrapperEl.off('gesturestart', '.swiper-slide', zoom.onGestureStart, passiveListener);
+ swiper.$wrapperEl.off('gesturechange', '.swiper-slide', zoom.onGestureChange, passiveListener);
+ swiper.$wrapperEl.off('gestureend', '.swiper-slide', zoom.onGestureEnd, passiveListener);
+ } else if (swiper.touchEvents.start === 'touchstart') {
+ swiper.$wrapperEl.off(swiper.touchEvents.start, '.swiper-slide', zoom.onGestureStart, passiveListener);
+ swiper.$wrapperEl.off(swiper.touchEvents.move, '.swiper-slide', zoom.onGestureChange, passiveListener);
+ swiper.$wrapperEl.off(swiper.touchEvents.end, '.swiper-slide', zoom.onGestureEnd, passiveListener);
+ }
+
+ // Move image
+ swiper.$wrapperEl.off(swiper.touchEvents.move, ("." + (swiper.params.zoom.containerClass)), zoom.onTouchMove);
+ },
+ };
+
+ var Zoom$1 = {
+ name: 'zoom',
+ params: {
+ zoom: {
+ enabled: false,
+ maxRatio: 3,
+ minRatio: 1,
+ toggle: true,
+ containerClass: 'swiper-zoom-container',
+ zoomedSlideClass: 'swiper-slide-zoomed',
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ var zoom = {
+ enabled: false,
+ scale: 1,
+ currentScale: 1,
+ isScaling: false,
+ gesture: {
+ $slideEl: undefined,
+ slideWidth: undefined,
+ slideHeight: undefined,
+ $imageEl: undefined,
+ $imageWrapEl: undefined,
+ maxRatio: 3,
+ },
+ image: {
+ isTouched: undefined,
+ isMoved: undefined,
+ currentX: undefined,
+ currentY: undefined,
+ minX: undefined,
+ minY: undefined,
+ maxX: undefined,
+ maxY: undefined,
+ width: undefined,
+ height: undefined,
+ startX: undefined,
+ startY: undefined,
+ touchesStart: {},
+ touchesCurrent: {},
+ },
+ velocity: {
+ x: undefined,
+ y: undefined,
+ prevPositionX: undefined,
+ prevPositionY: undefined,
+ prevTime: undefined,
+ },
+ };
+
+ ('onGestureStart onGestureChange onGestureEnd onTouchStart onTouchMove onTouchEnd onTransitionEnd toggle enable disable in out').split(' ').forEach(function (methodName) {
+ zoom[methodName] = Zoom[methodName].bind(swiper);
+ });
+ Utils.extend(swiper, {
+ zoom: zoom,
+ });
+
+ var scale = 1;
+ Object.defineProperty(swiper.zoom, 'scale', {
+ get: function get() {
+ return scale;
+ },
+ set: function set(value) {
+ if (scale !== value) {
+ var imageEl = swiper.zoom.gesture.$imageEl ? swiper.zoom.gesture.$imageEl[0] : undefined;
+ var slideEl = swiper.zoom.gesture.$slideEl ? swiper.zoom.gesture.$slideEl[0] : undefined;
+ swiper.emit('zoomChange', value, imageEl, slideEl);
+ }
+ scale = value;
+ },
+ });
+ },
+ on: {
+ init: function init() {
+ var swiper = this;
+ if (swiper.params.zoom.enabled) {
+ swiper.zoom.enable();
+ }
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ swiper.zoom.disable();
+ },
+ touchStart: function touchStart(e) {
+ var swiper = this;
+ if (!swiper.zoom.enabled) { return; }
+ swiper.zoom.onTouchStart(e);
+ },
+ touchEnd: function touchEnd(e) {
+ var swiper = this;
+ if (!swiper.zoom.enabled) { return; }
+ swiper.zoom.onTouchEnd(e);
+ },
+ doubleTap: function doubleTap(e) {
+ var swiper = this;
+ if (swiper.params.zoom.enabled && swiper.zoom.enabled && swiper.params.zoom.toggle) {
+ swiper.zoom.toggle(e);
+ }
+ },
+ transitionEnd: function transitionEnd() {
+ var swiper = this;
+ if (swiper.zoom.enabled && swiper.params.zoom.enabled) {
+ swiper.zoom.onTransitionEnd();
+ }
+ },
+ },
+ };
+
+ var Lazy$2 = {
+ loadInSlide: function loadInSlide(index, loadInDuplicate) {
+ if ( loadInDuplicate === void 0 ) loadInDuplicate = true;
+
+ var swiper = this;
+ var params = swiper.params.lazy;
+ if (typeof index === 'undefined') { return; }
+ if (swiper.slides.length === 0) { return; }
+ var isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+
+ var $slideEl = isVirtual
+ ? swiper.$wrapperEl.children(("." + (swiper.params.slideClass) + "[data-swiper-slide-index=\"" + index + "\"]"))
+ : swiper.slides.eq(index);
+
+ var $images = $slideEl.find(("." + (params.elementClass) + ":not(." + (params.loadedClass) + "):not(." + (params.loadingClass) + ")"));
+ if ($slideEl.hasClass(params.elementClass) && !$slideEl.hasClass(params.loadedClass) && !$slideEl.hasClass(params.loadingClass)) {
+ $images = $images.add($slideEl[0]);
+ }
+ if ($images.length === 0) { return; }
+
+ $images.each(function (imageIndex, imageEl) {
+ var $imageEl = $(imageEl);
+ $imageEl.addClass(params.loadingClass);
+
+ var background = $imageEl.attr('data-background');
+ var src = $imageEl.attr('data-src');
+ var srcset = $imageEl.attr('data-srcset');
+ var sizes = $imageEl.attr('data-sizes');
+
+ swiper.loadImage($imageEl[0], (src || background), srcset, sizes, false, function () {
+ if (typeof swiper === 'undefined' || swiper === null || !swiper || (swiper && !swiper.params) || swiper.destroyed) { return; }
+ if (background) {
+ $imageEl.css('background-image', ("url(\"" + background + "\")"));
+ $imageEl.removeAttr('data-background');
+ } else {
+ if (srcset) {
+ $imageEl.attr('srcset', srcset);
+ $imageEl.removeAttr('data-srcset');
+ }
+ if (sizes) {
+ $imageEl.attr('sizes', sizes);
+ $imageEl.removeAttr('data-sizes');
+ }
+ if (src) {
+ $imageEl.attr('src', src);
+ $imageEl.removeAttr('data-src');
+ }
+ }
+
+ $imageEl.addClass(params.loadedClass).removeClass(params.loadingClass);
+ $slideEl.find(("." + (params.preloaderClass))).remove();
+ if (swiper.params.loop && loadInDuplicate) {
+ var slideOriginalIndex = $slideEl.attr('data-swiper-slide-index');
+ if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) {
+ var originalSlide = swiper.$wrapperEl.children(("[data-swiper-slide-index=\"" + slideOriginalIndex + "\"]:not(." + (swiper.params.slideDuplicateClass) + ")"));
+ swiper.lazy.loadInSlide(originalSlide.index(), false);
+ } else {
+ var duplicatedSlide = swiper.$wrapperEl.children(("." + (swiper.params.slideDuplicateClass) + "[data-swiper-slide-index=\"" + slideOriginalIndex + "\"]"));
+ swiper.lazy.loadInSlide(duplicatedSlide.index(), false);
+ }
+ }
+ swiper.emit('lazyImageReady', $slideEl[0], $imageEl[0]);
+ });
+
+ swiper.emit('lazyImageLoad', $slideEl[0], $imageEl[0]);
+ });
+ },
+ load: function load() {
+ var swiper = this;
+ var $wrapperEl = swiper.$wrapperEl;
+ var swiperParams = swiper.params;
+ var slides = swiper.slides;
+ var activeIndex = swiper.activeIndex;
+ var isVirtual = swiper.virtual && swiperParams.virtual.enabled;
+ var params = swiperParams.lazy;
+
+ var slidesPerView = swiperParams.slidesPerView;
+ if (slidesPerView === 'auto') {
+ slidesPerView = 0;
+ }
+
+ function slideExist(index) {
+ if (isVirtual) {
+ if ($wrapperEl.children(("." + (swiperParams.slideClass) + "[data-swiper-slide-index=\"" + index + "\"]")).length) {
+ return true;
+ }
+ } else if (slides[index]) { return true; }
+ return false;
+ }
+ function slideIndex(slideEl) {
+ if (isVirtual) {
+ return $(slideEl).attr('data-swiper-slide-index');
+ }
+ return $(slideEl).index();
+ }
+
+ if (!swiper.lazy.initialImageLoaded) { swiper.lazy.initialImageLoaded = true; }
+ if (swiper.params.watchSlidesVisibility) {
+ $wrapperEl.children(("." + (swiperParams.slideVisibleClass))).each(function (elIndex, slideEl) {
+ var index = isVirtual ? $(slideEl).attr('data-swiper-slide-index') : $(slideEl).index();
+ swiper.lazy.loadInSlide(index);
+ });
+ } else if (slidesPerView > 1) {
+ for (var i = activeIndex; i < activeIndex + slidesPerView; i += 1) {
+ if (slideExist(i)) { swiper.lazy.loadInSlide(i); }
+ }
+ } else {
+ swiper.lazy.loadInSlide(activeIndex);
+ }
+ if (params.loadPrevNext) {
+ if (slidesPerView > 1 || (params.loadPrevNextAmount && params.loadPrevNextAmount > 1)) {
+ var amount = params.loadPrevNextAmount;
+ var spv = slidesPerView;
+ var maxIndex = Math.min(activeIndex + spv + Math.max(amount, spv), slides.length);
+ var minIndex = Math.max(activeIndex - Math.max(spv, amount), 0);
+ // Next Slides
+ for (var i$1 = activeIndex + slidesPerView; i$1 < maxIndex; i$1 += 1) {
+ if (slideExist(i$1)) { swiper.lazy.loadInSlide(i$1); }
+ }
+ // Prev Slides
+ for (var i$2 = minIndex; i$2 < activeIndex; i$2 += 1) {
+ if (slideExist(i$2)) { swiper.lazy.loadInSlide(i$2); }
+ }
+ } else {
+ var nextSlide = $wrapperEl.children(("." + (swiperParams.slideNextClass)));
+ if (nextSlide.length > 0) { swiper.lazy.loadInSlide(slideIndex(nextSlide)); }
+
+ var prevSlide = $wrapperEl.children(("." + (swiperParams.slidePrevClass)));
+ if (prevSlide.length > 0) { swiper.lazy.loadInSlide(slideIndex(prevSlide)); }
+ }
+ }
+ },
+ };
+
+ var Lazy$3 = {
+ name: 'lazy',
+ params: {
+ lazy: {
+ enabled: false,
+ loadPrevNext: false,
+ loadPrevNextAmount: 1,
+ loadOnTransitionStart: false,
+
+ elementClass: 'swiper-lazy',
+ loadingClass: 'swiper-lazy-loading',
+ loadedClass: 'swiper-lazy-loaded',
+ preloaderClass: 'swiper-lazy-preloader',
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ lazy: {
+ initialImageLoaded: false,
+ load: Lazy$2.load.bind(swiper),
+ loadInSlide: Lazy$2.loadInSlide.bind(swiper),
+ },
+ });
+ },
+ on: {
+ beforeInit: function beforeInit() {
+ var swiper = this;
+ if (swiper.params.lazy.enabled && swiper.params.preloadImages) {
+ swiper.params.preloadImages = false;
+ }
+ },
+ init: function init() {
+ var swiper = this;
+ if (swiper.params.lazy.enabled && !swiper.params.loop && swiper.params.initialSlide === 0) {
+ swiper.lazy.load();
+ }
+ },
+ scroll: function scroll() {
+ var swiper = this;
+ if (swiper.params.freeMode && !swiper.params.freeModeSticky) {
+ swiper.lazy.load();
+ }
+ },
+ resize: function resize() {
+ var swiper = this;
+ if (swiper.params.lazy.enabled) {
+ swiper.lazy.load();
+ }
+ },
+ scrollbarDragMove: function scrollbarDragMove() {
+ var swiper = this;
+ if (swiper.params.lazy.enabled) {
+ swiper.lazy.load();
+ }
+ },
+ transitionStart: function transitionStart() {
+ var swiper = this;
+ if (swiper.params.lazy.enabled) {
+ if (swiper.params.lazy.loadOnTransitionStart || (!swiper.params.lazy.loadOnTransitionStart && !swiper.lazy.initialImageLoaded)) {
+ swiper.lazy.load();
+ }
+ }
+ },
+ transitionEnd: function transitionEnd() {
+ var swiper = this;
+ if (swiper.params.lazy.enabled && !swiper.params.lazy.loadOnTransitionStart) {
+ swiper.lazy.load();
+ }
+ },
+ },
+ };
+
+ /* eslint no-bitwise: ["error", { "allow": [">>"] }] */
+
+ var Controller = {
+ LinearSpline: function LinearSpline(x, y) {
+ var binarySearch = (function search() {
+ var maxIndex;
+ var minIndex;
+ var guess;
+ return function (array, val) {
+ minIndex = -1;
+ maxIndex = array.length;
+ while (maxIndex - minIndex > 1) {
+ guess = maxIndex + minIndex >> 1;
+ if (array[guess] <= val) {
+ minIndex = guess;
+ } else {
+ maxIndex = guess;
+ }
+ }
+ return maxIndex;
+ };
+ }());
+ this.x = x;
+ this.y = y;
+ this.lastIndex = x.length - 1;
+ // Given an x value (x2), return the expected y2 value:
+ // (x1,y1) is the known point before given value,
+ // (x3,y3) is the known point after given value.
+ var i1;
+ var i3;
+
+ this.interpolate = function interpolate(x2) {
+ if (!x2) { return 0; }
+
+ // Get the indexes of x1 and x3 (the array indexes before and after given x2):
+ i3 = binarySearch(this.x, x2);
+ i1 = i3 - 1;
+
+ // We have our indexes i1 & i3, so we can calculate already:
+ // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1
+ return (((x2 - this.x[i1]) * (this.y[i3] - this.y[i1])) / (this.x[i3] - this.x[i1])) + this.y[i1];
+ };
+ return this;
+ },
+ // xxx: for now i will just save one spline function to to
+ getInterpolateFunction: function getInterpolateFunction(c) {
+ var swiper = this;
+ if (!swiper.controller.spline) {
+ swiper.controller.spline = swiper.params.loop
+ ? new Controller.LinearSpline(swiper.slidesGrid, c.slidesGrid)
+ : new Controller.LinearSpline(swiper.snapGrid, c.snapGrid);
+ }
+ },
+ setTranslate: function setTranslate(setTranslate$1, byController) {
+ var swiper = this;
+ var controlled = swiper.controller.control;
+ var multiplier;
+ var controlledTranslate;
+ function setControlledTranslate(c) {
+ // this will create an Interpolate function based on the snapGrids
+ // x is the Grid of the scrolled scroller and y will be the controlled scroller
+ // it makes sense to create this only once and recall it for the interpolation
+ // the function does a lot of value caching for performance
+ var translate = swiper.rtlTranslate ? -swiper.translate : swiper.translate;
+ if (swiper.params.controller.by === 'slide') {
+ swiper.controller.getInterpolateFunction(c);
+ // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid
+ // but it did not work out
+ controlledTranslate = -swiper.controller.spline.interpolate(-translate);
+ }
+
+ if (!controlledTranslate || swiper.params.controller.by === 'container') {
+ multiplier = (c.maxTranslate() - c.minTranslate()) / (swiper.maxTranslate() - swiper.minTranslate());
+ controlledTranslate = ((translate - swiper.minTranslate()) * multiplier) + c.minTranslate();
+ }
+
+ if (swiper.params.controller.inverse) {
+ controlledTranslate = c.maxTranslate() - controlledTranslate;
+ }
+ c.updateProgress(controlledTranslate);
+ c.setTranslate(controlledTranslate, swiper);
+ c.updateActiveIndex();
+ c.updateSlidesClasses();
+ }
+ if (Array.isArray(controlled)) {
+ for (var i = 0; i < controlled.length; i += 1) {
+ if (controlled[i] !== byController && controlled[i] instanceof Swiper) {
+ setControlledTranslate(controlled[i]);
+ }
+ }
+ } else if (controlled instanceof Swiper && byController !== controlled) {
+ setControlledTranslate(controlled);
+ }
+ },
+ setTransition: function setTransition(duration, byController) {
+ var swiper = this;
+ var controlled = swiper.controller.control;
+ var i;
+ function setControlledTransition(c) {
+ c.setTransition(duration, swiper);
+ if (duration !== 0) {
+ c.transitionStart();
+ if (c.params.autoHeight) {
+ Utils.nextTick(function () {
+ c.updateAutoHeight();
+ });
+ }
+ c.$wrapperEl.transitionEnd(function () {
+ if (!controlled) { return; }
+ if (c.params.loop && swiper.params.controller.by === 'slide') {
+ c.loopFix();
+ }
+ c.transitionEnd();
+ });
+ }
+ }
+ if (Array.isArray(controlled)) {
+ for (i = 0; i < controlled.length; i += 1) {
+ if (controlled[i] !== byController && controlled[i] instanceof Swiper) {
+ setControlledTransition(controlled[i]);
+ }
+ }
+ } else if (controlled instanceof Swiper && byController !== controlled) {
+ setControlledTransition(controlled);
+ }
+ },
+ };
+ var Controller$1 = {
+ name: 'controller',
+ params: {
+ controller: {
+ control: undefined,
+ inverse: false,
+ by: 'slide', // or 'container'
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ controller: {
+ control: swiper.params.controller.control,
+ getInterpolateFunction: Controller.getInterpolateFunction.bind(swiper),
+ setTranslate: Controller.setTranslate.bind(swiper),
+ setTransition: Controller.setTransition.bind(swiper),
+ },
+ });
+ },
+ on: {
+ update: function update() {
+ var swiper = this;
+ if (!swiper.controller.control) { return; }
+ if (swiper.controller.spline) {
+ swiper.controller.spline = undefined;
+ delete swiper.controller.spline;
+ }
+ },
+ resize: function resize() {
+ var swiper = this;
+ if (!swiper.controller.control) { return; }
+ if (swiper.controller.spline) {
+ swiper.controller.spline = undefined;
+ delete swiper.controller.spline;
+ }
+ },
+ observerUpdate: function observerUpdate() {
+ var swiper = this;
+ if (!swiper.controller.control) { return; }
+ if (swiper.controller.spline) {
+ swiper.controller.spline = undefined;
+ delete swiper.controller.spline;
+ }
+ },
+ setTranslate: function setTranslate(translate, byController) {
+ var swiper = this;
+ if (!swiper.controller.control) { return; }
+ swiper.controller.setTranslate(translate, byController);
+ },
+ setTransition: function setTransition(duration, byController) {
+ var swiper = this;
+ if (!swiper.controller.control) { return; }
+ swiper.controller.setTransition(duration, byController);
+ },
+ },
+ };
+
+ var a11y = {
+ makeElFocusable: function makeElFocusable($el) {
+ $el.attr('tabIndex', '0');
+ return $el;
+ },
+ addElRole: function addElRole($el, role) {
+ $el.attr('role', role);
+ return $el;
+ },
+ addElLabel: function addElLabel($el, label) {
+ $el.attr('aria-label', label);
+ return $el;
+ },
+ disableEl: function disableEl($el) {
+ $el.attr('aria-disabled', true);
+ return $el;
+ },
+ enableEl: function enableEl($el) {
+ $el.attr('aria-disabled', false);
+ return $el;
+ },
+ onEnterKey: function onEnterKey(e) {
+ var swiper = this;
+ var params = swiper.params.a11y;
+ if (e.keyCode !== 13) { return; }
+ var $targetEl = $(e.target);
+ if (swiper.navigation && swiper.navigation.$nextEl && $targetEl.is(swiper.navigation.$nextEl)) {
+ if (!(swiper.isEnd && !swiper.params.loop)) {
+ swiper.slideNext();
+ }
+ if (swiper.isEnd) {
+ swiper.a11y.notify(params.lastSlideMessage);
+ } else {
+ swiper.a11y.notify(params.nextSlideMessage);
+ }
+ }
+ if (swiper.navigation && swiper.navigation.$prevEl && $targetEl.is(swiper.navigation.$prevEl)) {
+ if (!(swiper.isBeginning && !swiper.params.loop)) {
+ swiper.slidePrev();
+ }
+ if (swiper.isBeginning) {
+ swiper.a11y.notify(params.firstSlideMessage);
+ } else {
+ swiper.a11y.notify(params.prevSlideMessage);
+ }
+ }
+ if (swiper.pagination && $targetEl.is(("." + (swiper.params.pagination.bulletClass)))) {
+ $targetEl[0].click();
+ }
+ },
+ notify: function notify(message) {
+ var swiper = this;
+ var notification = swiper.a11y.liveRegion;
+ if (notification.length === 0) { return; }
+ notification.html('');
+ notification.html(message);
+ },
+ updateNavigation: function updateNavigation() {
+ var swiper = this;
+
+ if (swiper.params.loop) { return; }
+ var ref = swiper.navigation;
+ var $nextEl = ref.$nextEl;
+ var $prevEl = ref.$prevEl;
+
+ if ($prevEl && $prevEl.length > 0) {
+ if (swiper.isBeginning) {
+ swiper.a11y.disableEl($prevEl);
+ } else {
+ swiper.a11y.enableEl($prevEl);
+ }
+ }
+ if ($nextEl && $nextEl.length > 0) {
+ if (swiper.isEnd) {
+ swiper.a11y.disableEl($nextEl);
+ } else {
+ swiper.a11y.enableEl($nextEl);
+ }
+ }
+ },
+ updatePagination: function updatePagination() {
+ var swiper = this;
+ var params = swiper.params.a11y;
+ if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {
+ swiper.pagination.bullets.each(function (bulletIndex, bulletEl) {
+ var $bulletEl = $(bulletEl);
+ swiper.a11y.makeElFocusable($bulletEl);
+ swiper.a11y.addElRole($bulletEl, 'button');
+ swiper.a11y.addElLabel($bulletEl, params.paginationBulletMessage.replace(/{{index}}/, $bulletEl.index() + 1));
+ });
+ }
+ },
+ init: function init() {
+ var swiper = this;
+
+ swiper.$el.append(swiper.a11y.liveRegion);
+
+ // Navigation
+ var params = swiper.params.a11y;
+ var $nextEl;
+ var $prevEl;
+ if (swiper.navigation && swiper.navigation.$nextEl) {
+ $nextEl = swiper.navigation.$nextEl;
+ }
+ if (swiper.navigation && swiper.navigation.$prevEl) {
+ $prevEl = swiper.navigation.$prevEl;
+ }
+ if ($nextEl) {
+ swiper.a11y.makeElFocusable($nextEl);
+ swiper.a11y.addElRole($nextEl, 'button');
+ swiper.a11y.addElLabel($nextEl, params.nextSlideMessage);
+ $nextEl.on('keydown', swiper.a11y.onEnterKey);
+ }
+ if ($prevEl) {
+ swiper.a11y.makeElFocusable($prevEl);
+ swiper.a11y.addElRole($prevEl, 'button');
+ swiper.a11y.addElLabel($prevEl, params.prevSlideMessage);
+ $prevEl.on('keydown', swiper.a11y.onEnterKey);
+ }
+
+ // Pagination
+ if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {
+ swiper.pagination.$el.on('keydown', ("." + (swiper.params.pagination.bulletClass)), swiper.a11y.onEnterKey);
+ }
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ if (swiper.a11y.liveRegion && swiper.a11y.liveRegion.length > 0) { swiper.a11y.liveRegion.remove(); }
+
+ var $nextEl;
+ var $prevEl;
+ if (swiper.navigation && swiper.navigation.$nextEl) {
+ $nextEl = swiper.navigation.$nextEl;
+ }
+ if (swiper.navigation && swiper.navigation.$prevEl) {
+ $prevEl = swiper.navigation.$prevEl;
+ }
+ if ($nextEl) {
+ $nextEl.off('keydown', swiper.a11y.onEnterKey);
+ }
+ if ($prevEl) {
+ $prevEl.off('keydown', swiper.a11y.onEnterKey);
+ }
+
+ // Pagination
+ if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {
+ swiper.pagination.$el.off('keydown', ("." + (swiper.params.pagination.bulletClass)), swiper.a11y.onEnterKey);
+ }
+ },
+ };
+ var A11y = {
+ name: 'a11y',
+ params: {
+ a11y: {
+ enabled: true,
+ notificationClass: 'swiper-notification',
+ prevSlideMessage: 'Previous slide',
+ nextSlideMessage: 'Next slide',
+ firstSlideMessage: 'This is the first slide',
+ lastSlideMessage: 'This is the last slide',
+ paginationBulletMessage: 'Go to slide {{index}}',
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ a11y: {
+ liveRegion: $(("")),
+ },
+ });
+ Object.keys(a11y).forEach(function (methodName) {
+ swiper.a11y[methodName] = a11y[methodName].bind(swiper);
+ });
+ },
+ on: {
+ init: function init() {
+ var swiper = this;
+ if (!swiper.params.a11y.enabled) { return; }
+ swiper.a11y.init();
+ swiper.a11y.updateNavigation();
+ },
+ toEdge: function toEdge() {
+ var swiper = this;
+ if (!swiper.params.a11y.enabled) { return; }
+ swiper.a11y.updateNavigation();
+ },
+ fromEdge: function fromEdge() {
+ var swiper = this;
+ if (!swiper.params.a11y.enabled) { return; }
+ swiper.a11y.updateNavigation();
+ },
+ paginationUpdate: function paginationUpdate() {
+ var swiper = this;
+ if (!swiper.params.a11y.enabled) { return; }
+ swiper.a11y.updatePagination();
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ if (!swiper.params.a11y.enabled) { return; }
+ swiper.a11y.destroy();
+ },
+ },
+ };
+
+ /* eslint no-underscore-dangle: "off" */
+
+ var Autoplay = {
+ run: function run() {
+ var swiper = this;
+ var $activeSlideEl = swiper.slides.eq(swiper.activeIndex);
+ var delay = swiper.params.autoplay.delay;
+ if ($activeSlideEl.attr('data-swiper-autoplay')) {
+ delay = $activeSlideEl.attr('data-swiper-autoplay') || swiper.params.autoplay.delay;
+ }
+ swiper.autoplay.timeout = Utils.nextTick(function () {
+ if (swiper.params.autoplay.reverseDirection) {
+ if (swiper.params.loop) {
+ swiper.loopFix();
+ swiper.slidePrev(swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else if (!swiper.isBeginning) {
+ swiper.slidePrev(swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else if (!swiper.params.autoplay.stopOnLastSlide) {
+ swiper.slideTo(swiper.slides.length - 1, swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else {
+ swiper.autoplay.stop();
+ }
+ } else if (swiper.params.loop) {
+ swiper.loopFix();
+ swiper.slideNext(swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else if (!swiper.isEnd) {
+ swiper.slideNext(swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else if (!swiper.params.autoplay.stopOnLastSlide) {
+ swiper.slideTo(0, swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else {
+ swiper.autoplay.stop();
+ }
+ }, delay);
+ },
+ start: function start() {
+ var swiper = this;
+ if (typeof swiper.autoplay.timeout !== 'undefined') { return false; }
+ if (swiper.autoplay.running) { return false; }
+ swiper.autoplay.running = true;
+ swiper.emit('autoplayStart');
+ swiper.autoplay.run();
+ return true;
+ },
+ stop: function stop() {
+ var swiper = this;
+ if (!swiper.autoplay.running) { return false; }
+ if (typeof swiper.autoplay.timeout === 'undefined') { return false; }
+
+ if (swiper.autoplay.timeout) {
+ clearTimeout(swiper.autoplay.timeout);
+ swiper.autoplay.timeout = undefined;
+ }
+ swiper.autoplay.running = false;
+ swiper.emit('autoplayStop');
+ return true;
+ },
+ pause: function pause(speed) {
+ var swiper = this;
+ if (!swiper.autoplay.running) { return; }
+ if (swiper.autoplay.paused) { return; }
+ if (swiper.autoplay.timeout) { clearTimeout(swiper.autoplay.timeout); }
+ swiper.autoplay.paused = true;
+ if (speed === 0 || !swiper.params.autoplay.waitForTransition) {
+ swiper.autoplay.paused = false;
+ swiper.autoplay.run();
+ } else {
+ swiper.$wrapperEl[0].addEventListener('transitionend', swiper.autoplay.onTransitionEnd);
+ swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);
+ }
+ },
+ };
+
+ var Autoplay$1 = {
+ name: 'autoplay',
+ params: {
+ autoplay: {
+ enabled: false,
+ delay: 3000,
+ waitForTransition: true,
+ disableOnInteraction: true,
+ stopOnLastSlide: false,
+ reverseDirection: false,
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ autoplay: {
+ running: false,
+ paused: false,
+ run: Autoplay.run.bind(swiper),
+ start: Autoplay.start.bind(swiper),
+ stop: Autoplay.stop.bind(swiper),
+ pause: Autoplay.pause.bind(swiper),
+ onTransitionEnd: function onTransitionEnd(e) {
+ if (!swiper || swiper.destroyed || !swiper.$wrapperEl) { return; }
+ if (e.target !== this) { return; }
+ swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.autoplay.onTransitionEnd);
+ swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);
+ swiper.autoplay.paused = false;
+ if (!swiper.autoplay.running) {
+ swiper.autoplay.stop();
+ } else {
+ swiper.autoplay.run();
+ }
+ },
+ },
+ });
+ },
+ on: {
+ init: function init() {
+ var swiper = this;
+ if (swiper.params.autoplay.enabled) {
+ swiper.autoplay.start();
+ }
+ },
+ beforeTransitionStart: function beforeTransitionStart(speed, internal) {
+ var swiper = this;
+ if (swiper.autoplay.running) {
+ if (internal || !swiper.params.autoplay.disableOnInteraction) {
+ swiper.autoplay.pause(speed);
+ } else {
+ swiper.autoplay.stop();
+ }
+ }
+ },
+ sliderFirstMove: function sliderFirstMove() {
+ var swiper = this;
+ if (swiper.autoplay.running) {
+ if (swiper.params.autoplay.disableOnInteraction) {
+ swiper.autoplay.stop();
+ } else {
+ swiper.autoplay.pause();
+ }
+ }
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ if (swiper.autoplay.running) {
+ swiper.autoplay.stop();
+ }
+ },
+ },
+ };
+
+ var Fade = {
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ var slides = swiper.slides;
+ for (var i = 0; i < slides.length; i += 1) {
+ var $slideEl = swiper.slides.eq(i);
+ var offset = $slideEl[0].swiperSlideOffset;
+ var tx = -offset;
+ if (!swiper.params.virtualTranslate) { tx -= swiper.translate; }
+ var ty = 0;
+ if (!swiper.isHorizontal()) {
+ ty = tx;
+ tx = 0;
+ }
+ var slideOpacity = swiper.params.fadeEffect.crossFade
+ ? Math.max(1 - Math.abs($slideEl[0].progress), 0)
+ : 1 + Math.min(Math.max($slideEl[0].progress, -1), 0);
+ $slideEl
+ .css({
+ opacity: slideOpacity,
+ })
+ .transform(("translate3d(" + tx + "px, " + ty + "px, 0px)"));
+ }
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ var slides = swiper.slides;
+ var $wrapperEl = swiper.$wrapperEl;
+ slides.transition(duration);
+ if (swiper.params.virtualTranslate && duration !== 0) {
+ var eventTriggered = false;
+ slides.transitionEnd(function () {
+ if (eventTriggered) { return; }
+ if (!swiper || swiper.destroyed) { return; }
+ eventTriggered = true;
+ swiper.animating = false;
+ var triggerEvents = ['webkitTransitionEnd', 'transitionend'];
+ for (var i = 0; i < triggerEvents.length; i += 1) {
+ $wrapperEl.trigger(triggerEvents[i]);
+ }
+ });
+ }
+ },
+ };
+
+ var EffectFade = {
+ name: 'effect-fade',
+ params: {
+ fadeEffect: {
+ crossFade: false,
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ fadeEffect: {
+ setTranslate: Fade.setTranslate.bind(swiper),
+ setTransition: Fade.setTransition.bind(swiper),
+ },
+ });
+ },
+ on: {
+ beforeInit: function beforeInit() {
+ var swiper = this;
+ if (swiper.params.effect !== 'fade') { return; }
+ swiper.classNames.push(((swiper.params.containerModifierClass) + "fade"));
+ var overwriteParams = {
+ slidesPerView: 1,
+ slidesPerColumn: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ spaceBetween: 0,
+ virtualTranslate: true,
+ };
+ Utils.extend(swiper.params, overwriteParams);
+ Utils.extend(swiper.originalParams, overwriteParams);
+ },
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ if (swiper.params.effect !== 'fade') { return; }
+ swiper.fadeEffect.setTranslate();
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ if (swiper.params.effect !== 'fade') { return; }
+ swiper.fadeEffect.setTransition(duration);
+ },
+ },
+ };
+
+ var Cube = {
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ var $el = swiper.$el;
+ var $wrapperEl = swiper.$wrapperEl;
+ var slides = swiper.slides;
+ var swiperWidth = swiper.width;
+ var swiperHeight = swiper.height;
+ var rtl = swiper.rtlTranslate;
+ var swiperSize = swiper.size;
+ var params = swiper.params.cubeEffect;
+ var isHorizontal = swiper.isHorizontal();
+ var isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+ var wrapperRotate = 0;
+ var $cubeShadowEl;
+ if (params.shadow) {
+ if (isHorizontal) {
+ $cubeShadowEl = $wrapperEl.find('.swiper-cube-shadow');
+ if ($cubeShadowEl.length === 0) {
+ $cubeShadowEl = $('');
+ $wrapperEl.append($cubeShadowEl);
+ }
+ $cubeShadowEl.css({ height: (swiperWidth + "px") });
+ } else {
+ $cubeShadowEl = $el.find('.swiper-cube-shadow');
+ if ($cubeShadowEl.length === 0) {
+ $cubeShadowEl = $('');
+ $el.append($cubeShadowEl);
+ }
+ }
+ }
+ for (var i = 0; i < slides.length; i += 1) {
+ var $slideEl = slides.eq(i);
+ var slideIndex = i;
+ if (isVirtual) {
+ slideIndex = parseInt($slideEl.attr('data-swiper-slide-index'), 10);
+ }
+ var slideAngle = slideIndex * 90;
+ var round = Math.floor(slideAngle / 360);
+ if (rtl) {
+ slideAngle = -slideAngle;
+ round = Math.floor(-slideAngle / 360);
+ }
+ var progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
+ var tx = 0;
+ var ty = 0;
+ var tz = 0;
+ if (slideIndex % 4 === 0) {
+ tx = -round * 4 * swiperSize;
+ tz = 0;
+ } else if ((slideIndex - 1) % 4 === 0) {
+ tx = 0;
+ tz = -round * 4 * swiperSize;
+ } else if ((slideIndex - 2) % 4 === 0) {
+ tx = swiperSize + (round * 4 * swiperSize);
+ tz = swiperSize;
+ } else if ((slideIndex - 3) % 4 === 0) {
+ tx = -swiperSize;
+ tz = (3 * swiperSize) + (swiperSize * 4 * round);
+ }
+ if (rtl) {
+ tx = -tx;
+ }
+
+ if (!isHorizontal) {
+ ty = tx;
+ tx = 0;
+ }
+
+ var transform = "rotateX(" + (isHorizontal ? 0 : -slideAngle) + "deg) rotateY(" + (isHorizontal ? slideAngle : 0) + "deg) translate3d(" + tx + "px, " + ty + "px, " + tz + "px)";
+ if (progress <= 1 && progress > -1) {
+ wrapperRotate = (slideIndex * 90) + (progress * 90);
+ if (rtl) { wrapperRotate = (-slideIndex * 90) - (progress * 90); }
+ }
+ $slideEl.transform(transform);
+ if (params.slideShadows) {
+ // Set shadows
+ var shadowBefore = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
+ var shadowAfter = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
+ if (shadowBefore.length === 0) {
+ shadowBefore = $((""));
+ $slideEl.append(shadowBefore);
+ }
+ if (shadowAfter.length === 0) {
+ shadowAfter = $((""));
+ $slideEl.append(shadowAfter);
+ }
+ if (shadowBefore.length) { shadowBefore[0].style.opacity = Math.max(-progress, 0); }
+ if (shadowAfter.length) { shadowAfter[0].style.opacity = Math.max(progress, 0); }
+ }
+ }
+ $wrapperEl.css({
+ '-webkit-transform-origin': ("50% 50% -" + (swiperSize / 2) + "px"),
+ '-moz-transform-origin': ("50% 50% -" + (swiperSize / 2) + "px"),
+ '-ms-transform-origin': ("50% 50% -" + (swiperSize / 2) + "px"),
+ 'transform-origin': ("50% 50% -" + (swiperSize / 2) + "px"),
+ });
+
+ if (params.shadow) {
+ if (isHorizontal) {
+ $cubeShadowEl.transform(("translate3d(0px, " + ((swiperWidth / 2) + params.shadowOffset) + "px, " + (-swiperWidth / 2) + "px) rotateX(90deg) rotateZ(0deg) scale(" + (params.shadowScale) + ")"));
+ } else {
+ var shadowAngle = Math.abs(wrapperRotate) - (Math.floor(Math.abs(wrapperRotate) / 90) * 90);
+ var multiplier = 1.5 - (
+ (Math.sin((shadowAngle * 2 * Math.PI) / 360) / 2)
+ + (Math.cos((shadowAngle * 2 * Math.PI) / 360) / 2)
+ );
+ var scale1 = params.shadowScale;
+ var scale2 = params.shadowScale / multiplier;
+ var offset = params.shadowOffset;
+ $cubeShadowEl.transform(("scale3d(" + scale1 + ", 1, " + scale2 + ") translate3d(0px, " + ((swiperHeight / 2) + offset) + "px, " + (-swiperHeight / 2 / scale2) + "px) rotateX(-90deg)"));
+ }
+ }
+ var zFactor = (Browser.isSafari || Browser.isUiWebView) ? (-swiperSize / 2) : 0;
+ $wrapperEl
+ .transform(("translate3d(0px,0," + zFactor + "px) rotateX(" + (swiper.isHorizontal() ? 0 : wrapperRotate) + "deg) rotateY(" + (swiper.isHorizontal() ? -wrapperRotate : 0) + "deg)"));
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ var $el = swiper.$el;
+ var slides = swiper.slides;
+ slides
+ .transition(duration)
+ .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')
+ .transition(duration);
+ if (swiper.params.cubeEffect.shadow && !swiper.isHorizontal()) {
+ $el.find('.swiper-cube-shadow').transition(duration);
+ }
+ },
+ };
+
+ var EffectCube = {
+ name: 'effect-cube',
+ params: {
+ cubeEffect: {
+ slideShadows: true,
+ shadow: true,
+ shadowOffset: 20,
+ shadowScale: 0.94,
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ cubeEffect: {
+ setTranslate: Cube.setTranslate.bind(swiper),
+ setTransition: Cube.setTransition.bind(swiper),
+ },
+ });
+ },
+ on: {
+ beforeInit: function beforeInit() {
+ var swiper = this;
+ if (swiper.params.effect !== 'cube') { return; }
+ swiper.classNames.push(((swiper.params.containerModifierClass) + "cube"));
+ swiper.classNames.push(((swiper.params.containerModifierClass) + "3d"));
+ var overwriteParams = {
+ slidesPerView: 1,
+ slidesPerColumn: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ resistanceRatio: 0,
+ spaceBetween: 0,
+ centeredSlides: false,
+ virtualTranslate: true,
+ };
+ Utils.extend(swiper.params, overwriteParams);
+ Utils.extend(swiper.originalParams, overwriteParams);
+ },
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ if (swiper.params.effect !== 'cube') { return; }
+ swiper.cubeEffect.setTranslate();
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ if (swiper.params.effect !== 'cube') { return; }
+ swiper.cubeEffect.setTransition(duration);
+ },
+ },
+ };
+
+ var Flip = {
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ var slides = swiper.slides;
+ var rtl = swiper.rtlTranslate;
+ for (var i = 0; i < slides.length; i += 1) {
+ var $slideEl = slides.eq(i);
+ var progress = $slideEl[0].progress;
+ if (swiper.params.flipEffect.limitRotation) {
+ progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
+ }
+ var offset = $slideEl[0].swiperSlideOffset;
+ var rotate = -180 * progress;
+ var rotateY = rotate;
+ var rotateX = 0;
+ var tx = -offset;
+ var ty = 0;
+ if (!swiper.isHorizontal()) {
+ ty = tx;
+ tx = 0;
+ rotateX = -rotateY;
+ rotateY = 0;
+ } else if (rtl) {
+ rotateY = -rotateY;
+ }
+
+ $slideEl[0].style.zIndex = -Math.abs(Math.round(progress)) + slides.length;
+
+ if (swiper.params.flipEffect.slideShadows) {
+ // Set shadows
+ var shadowBefore = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
+ var shadowAfter = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
+ if (shadowBefore.length === 0) {
+ shadowBefore = $((""));
+ $slideEl.append(shadowBefore);
+ }
+ if (shadowAfter.length === 0) {
+ shadowAfter = $((""));
+ $slideEl.append(shadowAfter);
+ }
+ if (shadowBefore.length) { shadowBefore[0].style.opacity = Math.max(-progress, 0); }
+ if (shadowAfter.length) { shadowAfter[0].style.opacity = Math.max(progress, 0); }
+ }
+ $slideEl
+ .transform(("translate3d(" + tx + "px, " + ty + "px, 0px) rotateX(" + rotateX + "deg) rotateY(" + rotateY + "deg)"));
+ }
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ var slides = swiper.slides;
+ var activeIndex = swiper.activeIndex;
+ var $wrapperEl = swiper.$wrapperEl;
+ slides
+ .transition(duration)
+ .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')
+ .transition(duration);
+ if (swiper.params.virtualTranslate && duration !== 0) {
+ var eventTriggered = false;
+ // eslint-disable-next-line
+ slides.eq(activeIndex).transitionEnd(function onTransitionEnd() {
+ if (eventTriggered) { return; }
+ if (!swiper || swiper.destroyed) { return; }
+ // if (!$(this).hasClass(swiper.params.slideActiveClass)) return;
+ eventTriggered = true;
+ swiper.animating = false;
+ var triggerEvents = ['webkitTransitionEnd', 'transitionend'];
+ for (var i = 0; i < triggerEvents.length; i += 1) {
+ $wrapperEl.trigger(triggerEvents[i]);
+ }
+ });
+ }
+ },
+ };
+
+ var EffectFlip = {
+ name: 'effect-flip',
+ params: {
+ flipEffect: {
+ slideShadows: true,
+ limitRotation: true,
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ flipEffect: {
+ setTranslate: Flip.setTranslate.bind(swiper),
+ setTransition: Flip.setTransition.bind(swiper),
+ },
+ });
+ },
+ on: {
+ beforeInit: function beforeInit() {
+ var swiper = this;
+ if (swiper.params.effect !== 'flip') { return; }
+ swiper.classNames.push(((swiper.params.containerModifierClass) + "flip"));
+ swiper.classNames.push(((swiper.params.containerModifierClass) + "3d"));
+ var overwriteParams = {
+ slidesPerView: 1,
+ slidesPerColumn: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ spaceBetween: 0,
+ virtualTranslate: true,
+ };
+ Utils.extend(swiper.params, overwriteParams);
+ Utils.extend(swiper.originalParams, overwriteParams);
+ },
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ if (swiper.params.effect !== 'flip') { return; }
+ swiper.flipEffect.setTranslate();
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ if (swiper.params.effect !== 'flip') { return; }
+ swiper.flipEffect.setTransition(duration);
+ },
+ },
+ };
+
+ var Coverflow = {
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ var swiperWidth = swiper.width;
+ var swiperHeight = swiper.height;
+ var slides = swiper.slides;
+ var $wrapperEl = swiper.$wrapperEl;
+ var slidesSizesGrid = swiper.slidesSizesGrid;
+ var params = swiper.params.coverflowEffect;
+ var isHorizontal = swiper.isHorizontal();
+ var transform = swiper.translate;
+ var center = isHorizontal ? -transform + (swiperWidth / 2) : -transform + (swiperHeight / 2);
+ var rotate = isHorizontal ? params.rotate : -params.rotate;
+ var translate = params.depth;
+ // Each slide offset from center
+ for (var i = 0, length = slides.length; i < length; i += 1) {
+ var $slideEl = slides.eq(i);
+ var slideSize = slidesSizesGrid[i];
+ var slideOffset = $slideEl[0].swiperSlideOffset;
+ var offsetMultiplier = ((center - slideOffset - (slideSize / 2)) / slideSize) * params.modifier;
+
+ var rotateY = isHorizontal ? rotate * offsetMultiplier : 0;
+ var rotateX = isHorizontal ? 0 : rotate * offsetMultiplier;
+ // var rotateZ = 0
+ var translateZ = -translate * Math.abs(offsetMultiplier);
+
+ var translateY = isHorizontal ? 0 : params.stretch * (offsetMultiplier);
+ var translateX = isHorizontal ? params.stretch * (offsetMultiplier) : 0;
+
+ // Fix for ultra small values
+ if (Math.abs(translateX) < 0.001) { translateX = 0; }
+ if (Math.abs(translateY) < 0.001) { translateY = 0; }
+ if (Math.abs(translateZ) < 0.001) { translateZ = 0; }
+ if (Math.abs(rotateY) < 0.001) { rotateY = 0; }
+ if (Math.abs(rotateX) < 0.001) { rotateX = 0; }
+
+ var slideTransform = "translate3d(" + translateX + "px," + translateY + "px," + translateZ + "px) rotateX(" + rotateX + "deg) rotateY(" + rotateY + "deg)";
+
+ $slideEl.transform(slideTransform);
+ $slideEl[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;
+ if (params.slideShadows) {
+ // Set shadows
+ var $shadowBeforeEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
+ var $shadowAfterEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
+ if ($shadowBeforeEl.length === 0) {
+ $shadowBeforeEl = $((""));
+ $slideEl.append($shadowBeforeEl);
+ }
+ if ($shadowAfterEl.length === 0) {
+ $shadowAfterEl = $((""));
+ $slideEl.append($shadowAfterEl);
+ }
+ if ($shadowBeforeEl.length) { $shadowBeforeEl[0].style.opacity = offsetMultiplier > 0 ? offsetMultiplier : 0; }
+ if ($shadowAfterEl.length) { $shadowAfterEl[0].style.opacity = (-offsetMultiplier) > 0 ? -offsetMultiplier : 0; }
+ }
+ }
+
+ // Set correct perspective for IE10
+ if (Support.pointerEvents || Support.prefixedPointerEvents) {
+ var ws = $wrapperEl[0].style;
+ ws.perspectiveOrigin = center + "px 50%";
+ }
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ swiper.slides
+ .transition(duration)
+ .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')
+ .transition(duration);
+ },
+ };
+
+ var EffectCoverflow = {
+ name: 'effect-coverflow',
+ params: {
+ coverflowEffect: {
+ rotate: 50,
+ stretch: 0,
+ depth: 100,
+ modifier: 1,
+ slideShadows: true,
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ coverflowEffect: {
+ setTranslate: Coverflow.setTranslate.bind(swiper),
+ setTransition: Coverflow.setTransition.bind(swiper),
+ },
+ });
+ },
+ on: {
+ beforeInit: function beforeInit() {
+ var swiper = this;
+ if (swiper.params.effect !== 'coverflow') { return; }
+
+ swiper.classNames.push(((swiper.params.containerModifierClass) + "coverflow"));
+ swiper.classNames.push(((swiper.params.containerModifierClass) + "3d"));
+
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+ },
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ if (swiper.params.effect !== 'coverflow') { return; }
+ swiper.coverflowEffect.setTranslate();
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ if (swiper.params.effect !== 'coverflow') { return; }
+ swiper.coverflowEffect.setTransition(duration);
+ },
+ },
+ };
+
+ var Thumbs = {
+ init: function init() {
+ var swiper = this;
+ var ref = swiper.params;
+ var thumbsParams = ref.thumbs;
+ var SwiperClass = swiper.constructor;
+ if (thumbsParams.swiper instanceof SwiperClass) {
+ swiper.thumbs.swiper = thumbsParams.swiper;
+ Utils.extend(swiper.thumbs.swiper.originalParams, {
+ watchSlidesProgress: true,
+ slideToClickedSlide: false,
+ });
+ Utils.extend(swiper.thumbs.swiper.params, {
+ watchSlidesProgress: true,
+ slideToClickedSlide: false,
+ });
+ } else if (Utils.isObject(thumbsParams.swiper)) {
+ swiper.thumbs.swiper = new SwiperClass(Utils.extend({}, thumbsParams.swiper, {
+ watchSlidesVisibility: true,
+ watchSlidesProgress: true,
+ slideToClickedSlide: false,
+ }));
+ swiper.thumbs.swiperCreated = true;
+ }
+ swiper.thumbs.swiper.$el.addClass(swiper.params.thumbs.thumbsContainerClass);
+ swiper.thumbs.swiper.on('tap', swiper.thumbs.onThumbClick);
+ },
+ onThumbClick: function onThumbClick() {
+ var swiper = this;
+ var thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper) { return; }
+ var clickedIndex = thumbsSwiper.clickedIndex;
+ var clickedSlide = thumbsSwiper.clickedSlide;
+ if (clickedSlide && $(clickedSlide).hasClass(swiper.params.thumbs.slideThumbActiveClass)) { return; }
+ if (typeof clickedIndex === 'undefined' || clickedIndex === null) { return; }
+ var slideToIndex;
+ if (thumbsSwiper.params.loop) {
+ slideToIndex = parseInt($(thumbsSwiper.clickedSlide).attr('data-swiper-slide-index'), 10);
+ } else {
+ slideToIndex = clickedIndex;
+ }
+ if (swiper.params.loop) {
+ var currentIndex = swiper.activeIndex;
+ if (swiper.slides.eq(currentIndex).hasClass(swiper.params.slideDuplicateClass)) {
+ swiper.loopFix();
+ // eslint-disable-next-line
+ swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
+ currentIndex = swiper.activeIndex;
+ }
+ var prevIndex = swiper.slides.eq(currentIndex).prevAll(("[data-swiper-slide-index=\"" + slideToIndex + "\"]")).eq(0).index();
+ var nextIndex = swiper.slides.eq(currentIndex).nextAll(("[data-swiper-slide-index=\"" + slideToIndex + "\"]")).eq(0).index();
+ if (typeof prevIndex === 'undefined') { slideToIndex = nextIndex; }
+ else if (typeof nextIndex === 'undefined') { slideToIndex = prevIndex; }
+ else if (nextIndex - currentIndex < currentIndex - prevIndex) { slideToIndex = nextIndex; }
+ else { slideToIndex = prevIndex; }
+ }
+ swiper.slideTo(slideToIndex);
+ },
+ update: function update(initial) {
+ var swiper = this;
+ var thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper) { return; }
+
+ var slidesPerView = thumbsSwiper.params.slidesPerView === 'auto'
+ ? thumbsSwiper.slidesPerViewDynamic()
+ : thumbsSwiper.params.slidesPerView;
+
+ if (swiper.realIndex !== thumbsSwiper.realIndex) {
+ var currentThumbsIndex = thumbsSwiper.activeIndex;
+ var newThumbsIndex;
+ if (thumbsSwiper.params.loop) {
+ if (thumbsSwiper.slides.eq(currentThumbsIndex).hasClass(thumbsSwiper.params.slideDuplicateClass)) {
+ thumbsSwiper.loopFix();
+ // eslint-disable-next-line
+ thumbsSwiper._clientLeft = thumbsSwiper.$wrapperEl[0].clientLeft;
+ currentThumbsIndex = thumbsSwiper.activeIndex;
+ }
+ // Find actual thumbs index to slide to
+ var prevThumbsIndex = thumbsSwiper.slides.eq(currentThumbsIndex).prevAll(("[data-swiper-slide-index=\"" + (swiper.realIndex) + "\"]")).eq(0).index();
+ var nextThumbsIndex = thumbsSwiper.slides.eq(currentThumbsIndex).nextAll(("[data-swiper-slide-index=\"" + (swiper.realIndex) + "\"]")).eq(0).index();
+ if (typeof prevThumbsIndex === 'undefined') { newThumbsIndex = nextThumbsIndex; }
+ else if (typeof nextThumbsIndex === 'undefined') { newThumbsIndex = prevThumbsIndex; }
+ else if (nextThumbsIndex - currentThumbsIndex === currentThumbsIndex - prevThumbsIndex) { newThumbsIndex = currentThumbsIndex; }
+ else if (nextThumbsIndex - currentThumbsIndex < currentThumbsIndex - prevThumbsIndex) { newThumbsIndex = nextThumbsIndex; }
+ else { newThumbsIndex = prevThumbsIndex; }
+ } else {
+ newThumbsIndex = swiper.realIndex;
+ }
+ if (thumbsSwiper.visibleSlidesIndexes.indexOf(newThumbsIndex) < 0) {
+ if (thumbsSwiper.params.centeredSlides) {
+ if (newThumbsIndex > currentThumbsIndex) {
+ newThumbsIndex = newThumbsIndex - Math.floor(slidesPerView / 2) + 1;
+ } else {
+ newThumbsIndex = newThumbsIndex + Math.floor(slidesPerView / 2) - 1;
+ }
+ } else if (newThumbsIndex > currentThumbsIndex) {
+ newThumbsIndex = newThumbsIndex - slidesPerView + 1;
+ }
+ thumbsSwiper.slideTo(newThumbsIndex, initial ? 0 : undefined);
+ }
+ }
+
+ // Activate thumbs
+ var thumbsToActivate = 1;
+ var thumbActiveClass = swiper.params.thumbs.slideThumbActiveClass;
+
+ if (swiper.params.slidesPerView > 1 && !swiper.params.centeredSlides) {
+ thumbsToActivate = swiper.params.slidesPerView;
+ }
+
+ thumbsSwiper.slides.removeClass(thumbActiveClass);
+ if (thumbsSwiper.params.loop) {
+ for (var i = 0; i < thumbsToActivate; i += 1) {
+ thumbsSwiper.$wrapperEl.children(("[data-swiper-slide-index=\"" + (swiper.realIndex + i) + "\"]")).addClass(thumbActiveClass);
+ }
+ } else {
+ for (var i$1 = 0; i$1 < thumbsToActivate; i$1 += 1) {
+ thumbsSwiper.slides.eq(swiper.realIndex + i$1).addClass(thumbActiveClass);
+ }
+ }
+ },
+ };
+ var Thumbs$1 = {
+ name: 'thumbs',
+ params: {
+ thumbs: {
+ swiper: null,
+ slideThumbActiveClass: 'swiper-slide-thumb-active',
+ thumbsContainerClass: 'swiper-container-thumbs',
+ },
+ },
+ create: function create() {
+ var swiper = this;
+ Utils.extend(swiper, {
+ thumbs: {
+ swiper: null,
+ init: Thumbs.init.bind(swiper),
+ update: Thumbs.update.bind(swiper),
+ onThumbClick: Thumbs.onThumbClick.bind(swiper),
+ },
+ });
+ },
+ on: {
+ beforeInit: function beforeInit() {
+ var swiper = this;
+ var ref = swiper.params;
+ var thumbs = ref.thumbs;
+ if (!thumbs || !thumbs.swiper) { return; }
+ swiper.thumbs.init();
+ swiper.thumbs.update(true);
+ },
+ slideChange: function slideChange() {
+ var swiper = this;
+ if (!swiper.thumbs.swiper) { return; }
+ swiper.thumbs.update();
+ },
+ update: function update() {
+ var swiper = this;
+ if (!swiper.thumbs.swiper) { return; }
+ swiper.thumbs.update();
+ },
+ resize: function resize() {
+ var swiper = this;
+ if (!swiper.thumbs.swiper) { return; }
+ swiper.thumbs.update();
+ },
+ observerUpdate: function observerUpdate() {
+ var swiper = this;
+ if (!swiper.thumbs.swiper) { return; }
+ swiper.thumbs.update();
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ var thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper) { return; }
+ thumbsSwiper.setTransition(duration);
+ },
+ beforeDestroy: function beforeDestroy() {
+ var swiper = this;
+ var thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper) { return; }
+ if (swiper.thumbs.swiperCreated && thumbsSwiper) {
+ thumbsSwiper.destroy();
+ }
+ },
+ },
+ };
+
+ // Swiper Class
+
+ Swiper.use([
+ Device$1,
+ Browser$1,
+ Support$1,
+ Resize,
+ Observer$1,
+ Virtual$1,
+ Navigation$1,
+ Pagination$1,
+ Scrollbar$1,
+ Parallax$1,
+ Zoom$1,
+ Lazy$3,
+ Controller$1,
+ A11y,
+ Autoplay$1,
+ EffectFade,
+ EffectCube,
+ EffectFlip,
+ EffectCoverflow,
+ Thumbs$1 ]);
+
+ {
+ if (!window.Swiper) {
+ window.Swiper = Swiper;
+ }
+ }
+
+ function initSwiper(swiperEl) {
+ var app = this;
+ var $swiperEl = $(swiperEl);
+ if ($swiperEl.length === 0) { return; }
+ if ($swiperEl[0].swiper) { return; }
+ var initialSlide;
+ var params = {};
+ var isTabs;
+ var isRoutableTabs;
+ if ($swiperEl.hasClass('tabs-swipeable-wrap')) {
+ $swiperEl
+ .addClass('swiper-container')
+ .children('.tabs')
+ .addClass('swiper-wrapper')
+ .children('.tab')
+ .addClass('swiper-slide');
+ initialSlide = $swiperEl.children('.tabs').children('.tab-active').index();
+ isTabs = true;
+ isRoutableTabs = $swiperEl.find('.tabs-routable').length > 0;
+ }
+ if ($swiperEl.attr('data-swiper')) {
+ params = JSON.parse($swiperEl.attr('data-swiper'));
+ } else {
+ params = $swiperEl.dataset();
+ Object.keys(params).forEach(function (key) {
+ var value = params[key];
+ if (typeof value === 'string' && value.indexOf('{') === 0 && value.indexOf('}') > 0) {
+ try {
+ params[key] = JSON.parse(value);
+ } catch (e) {
+ // not JSON
+ }
+ }
+ });
+ }
+ if (typeof params.initialSlide === 'undefined' && typeof initialSlide !== 'undefined') {
+ params.initialSlide = initialSlide;
+ }
+
+ var swiper = app.swiper.create($swiperEl[0], params);
+ if (isTabs) {
+ swiper.on('slideChange', function () {
+ if (isRoutableTabs) {
+ var view = app.views.get($swiperEl.parents('.view'));
+ if (!view) { view = app.views.main; }
+ var router = view.router;
+ var tabRoute = router.findTabRoute(swiper.slides.eq(swiper.activeIndex)[0]);
+ if (tabRoute) {
+ setTimeout(function () {
+ router.navigate(tabRoute.path);
+ }, 0);
+ }
+ } else {
+ app.tab.show({
+ tabEl: swiper.slides.eq(swiper.activeIndex),
+ });
+ }
+ });
+ }
+ }
+
+ var Swiper$1 = {
+ name: 'swiper',
+ static: {
+ Swiper: Swiper,
+ },
+ create: function create() {
+ var app = this;
+ app.swiper = ConstructorMethods({
+ defaultSelector: '.swiper-container',
+ constructor: Swiper,
+ domProp: 'swiper',
+ });
+ },
+ on: {
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ var app = this;
+ page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(function (index, swiperEl) {
+ app.swiper.destroy(swiperEl);
+ });
+ },
+ pageMounted: function pageMounted(page) {
+ var app = this;
+ page.$el.find('.tabs-swipeable-wrap').each(function (index, swiperEl) {
+ initSwiper.call(app, swiperEl);
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(function (index, swiperEl) {
+ initSwiper.call(app, swiperEl);
+ });
+ },
+ pageReinit: function pageReinit(page) {
+ var app = this;
+ page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(function (index, swiperEl) {
+ var swiper = app.swiper.get(swiperEl);
+ if (swiper && swiper.update) { swiper.update(); }
+ });
+ },
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ $(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(function (index, swiperEl) {
+ initSwiper.call(app, swiperEl);
+ });
+ },
+ tabShow: function tabShow(tabEl) {
+ var app = this;
+ $(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(function (index, swiperEl) {
+ var swiper = app.swiper.get(swiperEl);
+ if (swiper && swiper.update) { swiper.update(); }
+ });
+ },
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ var app = this;
+ $(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(function (index, swiperEl) {
+ app.swiper.destroy(swiperEl);
+ });
+ },
+ },
+ vnode: {
+ 'swiper-init': {
+ insert: function insert(vnode) {
+ var app = this;
+ var swiperEl = vnode.elm;
+ initSwiper.call(app, swiperEl);
+ },
+ destroy: function destroy(vnode) {
+ var app = this;
+ var swiperEl = vnode.elm;
+ app.swiper.destroy(swiperEl);
+ },
+ },
+ 'tabs-swipeable-wrap': {
+ insert: function insert(vnode) {
+ var app = this;
+ var swiperEl = vnode.elm;
+ initSwiper.call(app, swiperEl);
+ },
+ destroy: function destroy(vnode) {
+ var app = this;
+ var swiperEl = vnode.elm;
+ app.swiper.destroy(swiperEl);
+ },
+ },
+ },
+ };
+
+ /* eslint indent: ["off"] */
+
+ var PhotoBrowser = /*@__PURE__*/(function (Framework7Class$$1) {
+ function PhotoBrowser(app, params) {
+ if ( params === void 0 ) params = {};
+
+ Framework7Class$$1.call(this, params, [app]);
+
+ var pb = this;
+ pb.app = app;
+
+ var defaults = Utils.extend({
+ on: {},
+ }, app.params.photoBrowser);
+
+ // Extend defaults with modules params
+ pb.useModulesParams(defaults);
+
+ pb.params = Utils.extend(defaults, params);
+
+ Utils.extend(pb, {
+ exposed: false,
+ opened: false,
+ activeIndex: pb.params.swiper.initialSlide,
+ url: pb.params.url,
+ view: pb.params.view || app.views.main,
+ swipeToClose: {
+ allow: true,
+ isTouched: false,
+ diff: undefined,
+ start: undefined,
+ current: undefined,
+ started: false,
+ activeSlide: undefined,
+ timeStart: undefined,
+ },
+ });
+
+ // Install Modules
+ pb.useModules();
+
+ // Init
+ pb.init();
+ }
+
+ if ( Framework7Class$$1 ) PhotoBrowser.__proto__ = Framework7Class$$1;
+ PhotoBrowser.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ PhotoBrowser.prototype.constructor = PhotoBrowser;
+
+ PhotoBrowser.prototype.onSlideChange = function onSlideChange (swiper) {
+ var pb = this;
+ pb.activeIndex = swiper.activeIndex;
+
+ var current = swiper.activeIndex + 1;
+ var total = pb.params.virtualSlides ? pb.params.photos.length : swiper.slides.length;
+ if (swiper.params.loop) {
+ total -= 2;
+ current -= swiper.loopedSlides;
+ if (current < 1) { current = total + current; }
+ if (current > total) { current -= total; }
+ }
+
+ var $activeSlideEl = pb.params.virtualSlides
+ ? swiper.$wrapperEl.find((".swiper-slide[data-swiper-slide-index=\"" + (swiper.activeIndex) + "\"]"))
+ : swiper.slides.eq(swiper.activeIndex);
+ var $previousSlideEl = pb.params.virtualSlides
+ ? swiper.$wrapperEl.find((".swiper-slide[data-swiper-slide-index=\"" + (swiper.previousIndex) + "\"]"))
+ : swiper.slides.eq(swiper.previousIndex);
+
+ var $currentEl = pb.$el.find('.photo-browser-current');
+ var $totalEl = pb.$el.find('.photo-browser-total');
+ if (pb.params.type === 'page' && pb.params.navbar && $currentEl.length === 0 && pb.app.theme === 'ios') {
+ var navbarEl = pb.app.navbar.getElByPage(pb.$el);
+ if (navbarEl) {
+ $currentEl = $(navbarEl).find('.photo-browser-current');
+ $totalEl = $(navbarEl).find('.photo-browser-total');
+ }
+ }
+ $currentEl.text(current);
+ $totalEl.text(total);
+
+ // Update captions
+ if (pb.captions.length > 0) {
+ var captionIndex = swiper.params.loop ? $activeSlideEl.attr('data-swiper-slide-index') : pb.activeIndex;
+ pb.$captionsContainerEl.find('.photo-browser-caption-active').removeClass('photo-browser-caption-active');
+ pb.$captionsContainerEl.find(("[data-caption-index=\"" + captionIndex + "\"]")).addClass('photo-browser-caption-active');
+ }
+
+ // Stop Video
+ var previousSlideVideo = $previousSlideEl.find('video');
+ if (previousSlideVideo.length > 0) {
+ if ('pause' in previousSlideVideo[0]) { previousSlideVideo[0].pause(); }
+ }
+ };
+
+ PhotoBrowser.prototype.onTouchStart = function onTouchStart () {
+ var pb = this;
+ var swipeToClose = pb.swipeToClose;
+ if (!swipeToClose.allow) { return; }
+ swipeToClose.isTouched = true;
+ };
+
+ PhotoBrowser.prototype.onTouchMove = function onTouchMove (e) {
+ var pb = this;
+ var swipeToClose = pb.swipeToClose;
+
+ if (!swipeToClose.isTouched) { return; }
+ if (!swipeToClose.started) {
+ swipeToClose.started = true;
+ swipeToClose.start = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+ if (pb.params.virtualSlides) {
+ swipeToClose.activeSlide = pb.swiper.$wrapperEl.children('.swiper-slide-active');
+ } else {
+ swipeToClose.activeSlide = pb.swiper.slides.eq(pb.swiper.activeIndex);
+ }
+ swipeToClose.timeStart = Utils.now();
+ }
+ e.preventDefault();
+ swipeToClose.current = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+ swipeToClose.diff = swipeToClose.start - swipeToClose.current;
+ var opacity = 1 - (Math.abs(swipeToClose.diff) / 300);
+ var color = pb.exposed || pb.params.theme === 'dark' ? 0 : 255;
+ swipeToClose.activeSlide.transform(("translate3d(0," + (-swipeToClose.diff) + "px,0)"));
+ pb.swiper.$el.css('background-color', ("rgba(" + color + ", " + color + ", " + color + ", " + opacity + ")")).transition(0);
+ };
+
+ PhotoBrowser.prototype.onTouchEnd = function onTouchEnd () {
+ var pb = this;
+ var swipeToClose = pb.swipeToClose;
+ swipeToClose.isTouched = false;
+ if (!swipeToClose.started) {
+ swipeToClose.started = false;
+ return;
+ }
+ swipeToClose.started = false;
+ swipeToClose.allow = false;
+ var diff = Math.abs(swipeToClose.diff);
+ var timeDiff = (new Date()).getTime() - swipeToClose.timeStart;
+ if ((timeDiff < 300 && diff > 20) || (timeDiff >= 300 && diff > 100)) {
+ Utils.nextTick(function () {
+ if (pb.$el) {
+ if (swipeToClose.diff < 0) { pb.$el.addClass('swipe-close-to-bottom'); }
+ else { pb.$el.addClass('swipe-close-to-top'); }
+ }
+ pb.emit('local::swipeToClose', pb);
+ pb.close();
+ swipeToClose.allow = true;
+ });
+ return;
+ }
+ if (diff !== 0) {
+ swipeToClose.activeSlide.addClass('photo-browser-transitioning').transitionEnd(function () {
+ swipeToClose.allow = true;
+ swipeToClose.activeSlide.removeClass('photo-browser-transitioning');
+ });
+ } else {
+ swipeToClose.allow = true;
+ }
+ pb.swiper.$el.transition('').css('background-color', '');
+ swipeToClose.activeSlide.transform('');
+ };
+
+ // Render Functions
+ PhotoBrowser.prototype.renderNavbar = function renderNavbar () {
+ var pb = this;
+ if (pb.params.renderNavbar) { return pb.params.renderNavbar.call(pb); }
+
+ var iconsColor = pb.params.iconsColor;
+ if (!pb.params.iconsColor && pb.params.theme === 'dark') { iconsColor = 'white'; }
+
+ var backLinkText = pb.app.theme === 'ios' && pb.params.backLinkText ? pb.params.backLinkText : '';
+
+ var isPopup = pb.params.type !== 'page';
+ var navbarHtml = ("\n \n ").trim();
+ return navbarHtml;
+ };
+
+ PhotoBrowser.prototype.renderToolbar = function renderToolbar () {
+ var pb = this;
+ if (pb.params.renderToolbar) { return pb.params.renderToolbar.call(pb); }
+
+ var iconsColor = pb.params.iconsColor;
+ if (!pb.params.iconsColor && pb.params.theme === 'dark') { iconsColor = 'white'; }
+
+ var toolbarHtml = ("\n \n ").trim();
+ return toolbarHtml;
+ };
+
+ PhotoBrowser.prototype.renderCaption = function renderCaption (caption, index) {
+ var pb = this;
+ if (pb.params.renderCaption) { return pb.params.renderCaption.call(pb, caption, index); }
+ var captionHtml = ("\n \n " + caption + "\n
\n ").trim();
+ return captionHtml;
+ };
+
+ PhotoBrowser.prototype.renderObject = function renderObject (photo, index) {
+ var pb = this;
+ if (pb.params.renderObject) { return pb.params.renderObject.call(pb, photo, index); }
+ var objHtml = "\n \n ";
+ return objHtml;
+ };
+
+ PhotoBrowser.prototype.renderLazyPhoto = function renderLazyPhoto (photo, index) {
+ var pb = this;
+ if (pb.params.renderLazyPhoto) { return pb.params.renderLazyPhoto.call(pb, photo, index); }
+ var photoHtml = ("\n \n ![]()
\n \n
\n ").trim();
+ return photoHtml;
+ };
+
+ PhotoBrowser.prototype.renderPhoto = function renderPhoto (photo, index) {
+ var pb = this;
+ if (pb.params.renderPhoto) { return pb.params.renderPhoto.call(pb, photo, index); }
+ var photoHtml = ("\n " + (Utils[((pb.app.theme) + "PreloaderContent")] || '') + "
\n \n \n \n \n \n
\n ").trim();
+ return photoHtml;
+ };
+
+ PhotoBrowser.prototype.render = function render () {
+ var pb = this;
+ if (pb.params.render) { return pb.params.render.call(pb, pb.params); }
+ var html = ("\n \n
\n ").trim();
+ return html;
+ };
+
+ PhotoBrowser.prototype.renderStandalone = function renderStandalone () {
+ var pb = this;
+ if (pb.params.renderStandalone) { return pb.params.renderStandalone.call(pb); }
+ var standaloneHtml = "\n
\n \n " + (pb.params.navbar ? pb.renderNavbar() : '') + "\n " + (pb.params.toolbar ? pb.renderToolbar() : '') + "\n
\n \n " + (pb.params.photos.map(function (photo, index) {
+ if (photo.caption) { return pb.renderCaption(photo.caption, index); }
+ return '';
+ }).join(' ')) + "\n
\n \n
\n \n " + (pb.params.virtualSlides ? '' : pb.params.photos.map(function (photo, index) {
+ if (photo.html || ((typeof photo === 'string' || photo instanceof String) && photo.indexOf('<') >= 0 && photo.indexOf('>') >= 0)) {
+ return pb.renderObject(photo, index);
+ }
+ if (pb.params.swiper.lazy === true || (pb.params.swiper.lazy && pb.params.swiper.lazy.enabled)) {
+ return pb.renderLazyPhoto(photo, index);
+ }
+ return pb.renderPhoto(photo, index);
+ }).join(' ')) + "\n
\n " + (pb.render()) + "
";
+ return standaloneHtml;
+ };
+
+ PhotoBrowser.prototype.renderPage = function renderPage () {
+ var pb = this;
+ if (pb.params.renderPage) { return pb.params.renderPage.call(pb); }
+ var pageHtml = pb.render();
+
+ return pageHtml;
+ };
+
+ PhotoBrowser.prototype.renderPopup = function renderPopup () {
+ var pb = this;
+ if (pb.params.renderPopup) { return pb.params.renderPopup.call(pb); }
+ var popupHtml = "" + (pb.render()) + "
";
+
+ return popupHtml;
+ };
+
+ // Callbacks
+ PhotoBrowser.prototype.onOpen = function onOpen (type, el) {
+ var pb = this;
+ var app = pb.app;
+ var $el = $(el);
+
+ $el[0].f7PhotoBrowser = pb;
+
+ pb.$el = $el;
+ pb.el = $el[0];
+ pb.openedIn = type;
+ pb.opened = true;
+
+ pb.$swiperContainerEl = pb.$el.find('.photo-browser-swiper-container');
+ pb.$swiperWrapperEl = pb.$el.find('.photo-browser-swiper-wrapper');
+ pb.slides = pb.$el.find('.photo-browser-slide');
+ pb.$captionsContainerEl = pb.$el.find('.photo-browser-captions');
+ pb.captions = pb.$el.find('.photo-browser-caption');
+
+ // Init Swiper
+ var swiperParams = Utils.extend({}, pb.params.swiper, {
+ initialSlide: pb.activeIndex,
+ on: {
+ tap: function tap(e) {
+ pb.emit('local::tap', e);
+ },
+ click: function click(e) {
+ if (pb.params.exposition) {
+ pb.expositionToggle();
+ }
+ pb.emit('local::click', e);
+ },
+ doubleTap: function doubleTap(e) {
+ pb.emit('local::doubleTap', e);
+ },
+ slideChange: function slideChange() {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var swiper = this;
+ pb.onSlideChange(swiper);
+ pb.emit.apply(pb, [ 'local::slideChange' ].concat( args ));
+ },
+ transitionStart: function transitionStart() {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ pb.emit.apply(pb, [ 'local::transitionStart' ].concat( args ));
+ },
+ transitionEnd: function transitionEnd() {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ pb.emit.apply(pb, [ 'local::transitionEnd' ].concat( args ));
+ },
+ slideChangeTransitionStart: function slideChangeTransitionStart() {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ pb.emit.apply(pb, [ 'local::slideChangeTransitionStart' ].concat( args ));
+ },
+ slideChangeTransitionEnd: function slideChangeTransitionEnd() {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ pb.emit.apply(pb, [ 'local::slideChangeTransitionEnd' ].concat( args ));
+ },
+ lazyImageLoad: function lazyImageLoad() {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ pb.emit.apply(pb, [ 'local::lazyImageLoad' ].concat( args ));
+ },
+ lazyImageReady: function lazyImageReady() {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var slideEl = args[0];
+ $(slideEl).removeClass('photo-browser-slide-lazy');
+ pb.emit.apply(pb, [ 'local::lazyImageReady' ].concat( args ));
+ },
+ },
+ });
+ if (pb.params.swipeToClose && pb.params.type !== 'page') {
+ Utils.extend(swiperParams.on, {
+ touchStart: function touchStart(e) {
+ pb.onTouchStart(e);
+ pb.emit('local::touchStart', e);
+ },
+ touchMoveOpposite: function touchMoveOpposite(e) {
+ pb.onTouchMove(e);
+ pb.emit('local::touchMoveOpposite', e);
+ },
+ touchEnd: function touchEnd(e) {
+ pb.onTouchEnd(e);
+ pb.emit('local::touchEnd', e);
+ },
+ });
+ }
+ if (pb.params.virtualSlides) {
+ Utils.extend(swiperParams, {
+ virtual: {
+ slides: pb.params.photos,
+ renderSlide: function renderSlide(photo, index) {
+ if (photo.html || ((typeof photo === 'string' || photo instanceof String) && photo.indexOf('<') >= 0 && photo.indexOf('>') >= 0)) {
+ return pb.renderObject(photo, index);
+ }
+ if (pb.params.swiper.lazy === true || (pb.params.swiper.lazy && pb.params.swiper.lazy.enabled)) {
+ return pb.renderLazyPhoto(photo, index);
+ }
+ return pb.renderPhoto(photo, index);
+ },
+ },
+ });
+ }
+
+ pb.swiper = app.swiper.create(pb.$swiperContainerEl, swiperParams);
+
+ if (pb.activeIndex === 0) {
+ pb.onSlideChange(pb.swiper);
+ }
+ if (pb.$el) {
+ pb.$el.trigger('photobrowser:open');
+ }
+ pb.emit('local::open photoBrowserOpen', pb);
+ };
+
+ PhotoBrowser.prototype.onOpened = function onOpened () {
+ var pb = this;
+
+ if (pb.$el) {
+ pb.$el.trigger('photobrowser:opened');
+ }
+ pb.emit('local::opened photoBrowserOpened', pb);
+ };
+
+ PhotoBrowser.prototype.onClose = function onClose () {
+ var pb = this;
+ if (pb.destroyed) { return; }
+
+ // Destroy Swiper
+ if (pb.swiper && pb.swiper.destroy) {
+ pb.swiper.destroy(true, false);
+ pb.swiper = null;
+ delete pb.swiper;
+ }
+ if (pb.$el) {
+ pb.$el.trigger('photobrowser:close');
+ }
+ pb.emit('local::close photoBrowserClose', pb);
+ };
+
+ PhotoBrowser.prototype.onClosed = function onClosed () {
+ var pb = this;
+ if (pb.destroyed) { return; }
+ pb.opened = false;
+ pb.$el = null;
+ pb.el = null;
+ delete pb.$el;
+ delete pb.el;
+ if (pb.$el) {
+ pb.$el.trigger('photobrowser:closed');
+ }
+ pb.emit('local::closed photoBrowserClosed', pb);
+ };
+
+ // Open
+ PhotoBrowser.prototype.openPage = function openPage () {
+ var pb = this;
+ if (pb.opened) { return pb; }
+
+ var pageHtml = pb.renderPage();
+
+ pb.view.router.navigate({
+ url: pb.url,
+ route: {
+ content: pageHtml,
+ path: pb.url,
+ on: {
+ pageBeforeIn: function pageBeforeIn(e, page) {
+ pb.view.$el.addClass(("with-photo-browser-page with-photo-browser-page-" + (pb.params.theme)));
+ pb.onOpen('page', page.el);
+ },
+ pageAfterIn: function pageAfterIn(e, page) {
+ pb.onOpened('page', page.el);
+ },
+ pageBeforeOut: function pageBeforeOut(e, page) {
+ pb.view.$el.removeClass(("with-photo-browser-page with-photo-browser-page-exposed with-photo-browser-page-" + (pb.params.theme)));
+ pb.onClose('page', page.el);
+ },
+ pageAfterOut: function pageAfterOut(e, page) {
+ pb.onClosed('page', page.el);
+ },
+ },
+ },
+ });
+ return pb;
+ };
+
+ PhotoBrowser.prototype.openStandalone = function openStandalone () {
+ var pb = this;
+ if (pb.opened) { return pb; }
+
+ var standaloneHtml = pb.renderStandalone();
+
+ var popupParams = {
+ backdrop: false,
+ content: standaloneHtml,
+ on: {
+ popupOpen: function popupOpen(popup) {
+ pb.onOpen('popup', popup.el);
+ },
+ popupOpened: function popupOpened(popup) {
+ pb.onOpened('popup', popup.el);
+ },
+ popupClose: function popupClose(popup) {
+ pb.onClose('popup', popup.el);
+ },
+ popupClosed: function popupClosed(popup) {
+ pb.onClosed('popup', popup.el);
+ },
+ },
+ };
+
+ if (pb.params.routableModals) {
+ pb.view.router.navigate({
+ url: pb.url,
+ route: {
+ path: pb.url,
+ popup: popupParams,
+ },
+ });
+ } else {
+ pb.modal = pb.app.popup.create(popupParams).open();
+ }
+ return pb;
+ };
+
+ PhotoBrowser.prototype.openPopup = function openPopup () {
+ var pb = this;
+ if (pb.opened) { return pb; }
+
+ var popupHtml = pb.renderPopup();
+
+ var popupParams = {
+ content: popupHtml,
+ on: {
+ popupOpen: function popupOpen(popup) {
+ pb.onOpen('popup', popup.el);
+ },
+ popupOpened: function popupOpened(popup) {
+ pb.onOpened('popup', popup.el);
+ },
+ popupClose: function popupClose(popup) {
+ pb.onClose('popup', popup.el);
+ },
+ popupClosed: function popupClosed(popup) {
+ pb.onClosed('popup', popup.el);
+ },
+ },
+ };
+
+ if (pb.params.routableModals) {
+ pb.view.router.navigate({
+ url: pb.url,
+ route: {
+ path: pb.url,
+ popup: popupParams,
+ },
+ });
+ } else {
+ pb.modal = pb.app.popup.create(popupParams).open();
+ }
+ return pb;
+ };
+
+ // Exposition
+ PhotoBrowser.prototype.expositionEnable = function expositionEnable () {
+ var pb = this;
+ if (pb.params.type === 'page') {
+ pb.view.$el.addClass('with-photo-browser-page-exposed');
+ }
+ if (pb.$el) { pb.$el.addClass('photo-browser-exposed'); }
+ if (pb.params.expositionHideCaptions) { pb.$captionsContainerEl.addClass('photo-browser-captions-exposed'); }
+ pb.exposed = true;
+ return pb;
+ };
+
+ PhotoBrowser.prototype.expositionDisable = function expositionDisable () {
+ var pb = this;
+ if (pb.params.type === 'page') {
+ pb.view.$el.removeClass('with-photo-browser-page-exposed');
+ }
+ if (pb.$el) { pb.$el.removeClass('photo-browser-exposed'); }
+ if (pb.params.expositionHideCaptions) { pb.$captionsContainerEl.removeClass('photo-browser-captions-exposed'); }
+ pb.exposed = false;
+ return pb;
+ };
+
+ PhotoBrowser.prototype.expositionToggle = function expositionToggle () {
+ var pb = this;
+ if (pb.params.type === 'page') {
+ pb.view.$el.toggleClass('with-photo-browser-page-exposed');
+ }
+ if (pb.$el) { pb.$el.toggleClass('photo-browser-exposed'); }
+ if (pb.params.expositionHideCaptions) { pb.$captionsContainerEl.toggleClass('photo-browser-captions-exposed'); }
+ pb.exposed = !pb.exposed;
+ return pb;
+ };
+
+ PhotoBrowser.prototype.open = function open (index) {
+ var pb = this;
+ var type = pb.params.type;
+ if (pb.opened) {
+ if (pb.swiper && typeof index !== 'undefined') {
+ pb.swiper.slideTo(parseInt(index, 10));
+ }
+ return pb;
+ }
+ if (typeof index !== 'undefined') {
+ pb.activeIndex = index;
+ }
+ if (type === 'standalone') {
+ pb.openStandalone();
+ }
+ if (type === 'page') {
+ pb.openPage();
+ }
+ if (type === 'popup') {
+ pb.openPopup();
+ }
+ return pb;
+ };
+
+ PhotoBrowser.prototype.close = function close () {
+ var pb = this;
+ if (!pb.opened) { return pb; }
+ if (pb.params.routableModals || pb.openedIn === 'page') {
+ if (pb.view) { pb.view.router.back(); }
+ } else {
+ pb.modal.once('modalClosed', function () {
+ Utils.nextTick(function () {
+ pb.modal.destroy();
+ delete pb.modal;
+ });
+ });
+ pb.modal.close();
+ }
+ return pb;
+ };
+ // eslint-disable-next-line
+ PhotoBrowser.prototype.init = function init () {};
+
+ PhotoBrowser.prototype.destroy = function destroy () {
+ var pb = this;
+ pb.emit('local::beforeDestroy photoBrowserBeforeDestroy', pb);
+ if (pb.$el) {
+ pb.$el.trigger('photobrowser:beforedestroy');
+ pb.$el[0].f7PhotoBrowser = null;
+ delete pb.$el[0].f7PhotoBrowser;
+ }
+ Utils.deleteProps(pb);
+ pb = null;
+ };
+
+ return PhotoBrowser;
+ }(Framework7Class));
+
+ var PhotoBrowser$1 = {
+ name: 'photoBrowser',
+ params: {
+ photoBrowser: {
+ photos: [],
+ exposition: true,
+ expositionHideCaptions: false,
+ type: 'standalone',
+ navbar: true,
+ toolbar: true,
+ theme: 'light',
+ captionsTheme: undefined,
+ iconsColor: undefined,
+ swipeToClose: true,
+ backLinkText: 'Close',
+ navbarOfText: 'of',
+ view: undefined,
+ url: 'photos/',
+ routableModals: true,
+ virtualSlides: true,
+
+ renderNavbar: undefined,
+ renderToolbar: undefined,
+ renderCaption: undefined,
+ renderObject: undefined,
+ renderLazyPhoto: undefined,
+ renderPhoto: undefined,
+ renderPage: undefined,
+ renderPopup: undefined,
+ renderStandalone: undefined,
+
+ swiper: {
+ initialSlide: 0,
+ spaceBetween: 20,
+ speed: 300,
+ loop: false,
+ preloadImages: true,
+ navigation: {
+ nextEl: '.photo-browser-next',
+ prevEl: '.photo-browser-prev',
+ },
+ zoom: {
+ enabled: true,
+ maxRatio: 3,
+ minRatio: 1,
+ },
+ lazy: {
+ enabled: true,
+ },
+ },
+ },
+ },
+ create: function create() {
+ var app = this;
+ app.photoBrowser = ConstructorMethods({
+ defaultSelector: '.photo-browser',
+ constructor: PhotoBrowser,
+ app: app,
+ domProp: 'f7PhotoBrowser',
+ });
+ },
+ static: {
+ PhotoBrowser: PhotoBrowser,
+ },
+ };
+
+ var Notification = /*@__PURE__*/(function (Modal$$1) {
+ function Notification(app, params) {
+ var extendedParams = Utils.extend({
+ on: {},
+ }, app.params.notification, params);
+
+ // Extends with open/close Modal methods;
+ Modal$$1.call(this, app, extendedParams);
+
+ var notification = this;
+
+ notification.app = app;
+
+ notification.params = extendedParams;
+
+ var ref = notification.params;
+ var icon = ref.icon;
+ var title = ref.title;
+ var titleRightText = ref.titleRightText;
+ var subtitle = ref.subtitle;
+ var text = ref.text;
+ var closeButton = ref.closeButton;
+ var closeTimeout = ref.closeTimeout;
+ var cssClass = ref.cssClass;
+ var closeOnClick = ref.closeOnClick;
+
+ var $el;
+ if (!notification.params.el) {
+ // Find Element
+ var notificationHtml = notification.render({
+ icon: icon,
+ title: title,
+ titleRightText: titleRightText,
+ subtitle: subtitle,
+ text: text,
+ closeButton: closeButton,
+ cssClass: cssClass,
+ });
+
+ $el = $(notificationHtml);
+ } else {
+ $el = $(notification.params.el);
+ }
+
+ if ($el && $el.length > 0 && $el[0].f7Modal) {
+ return $el[0].f7Modal;
+ }
+
+ if ($el.length === 0) {
+ return notification.destroy();
+ }
+
+ Utils.extend(notification, {
+ $el: $el,
+ el: $el[0],
+ type: 'notification',
+ });
+
+ $el[0].f7Modal = notification;
+
+ if (closeButton) {
+ $el.find('.notification-close-button').on('click', function () {
+ notification.close();
+ });
+ }
+ $el.on('click', function (e) {
+ if (closeButton && $(e.target).closest('.notification-close-button').length) {
+ return;
+ }
+ notification.emit('local::click notificationClick', notification);
+ if (closeOnClick) { notification.close(); }
+ });
+
+ notification.on('beforeDestroy', function () {
+ $el.off('click');
+ });
+
+ /* Touch Events */
+ var isTouched;
+ var isMoved;
+ var isScrolling;
+ var touchesDiff;
+ var touchStartTime;
+ var notificationHeight;
+ var touchesStart = {};
+ function handleTouchStart(e) {
+ if (isTouched) { return; }
+ isTouched = true;
+ isMoved = false;
+ isScrolling = undefined;
+ touchStartTime = Utils.now();
+ touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
+ touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+ }
+ function handleTouchMove(e) {
+ if (!isTouched) { return; }
+ var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
+ var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+ if (typeof isScrolling === 'undefined') {
+ isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) < Math.abs(pageX - touchesStart.x));
+ }
+ if (isScrolling) {
+ isTouched = false;
+ return;
+ }
+ e.preventDefault();
+ if (!isMoved) {
+ notification.$el.removeClass('notification-transitioning');
+ notification.$el.transition(0);
+ notificationHeight = notification.$el[0].offsetHeight / 2;
+ }
+ isMoved = true;
+ touchesDiff = (pageY - touchesStart.y);
+ var newTranslate = touchesDiff;
+ if (touchesDiff > 0) {
+ newTranslate = Math.pow( touchesDiff, 0.8 );
+ }
+ notification.$el.transform(("translate3d(0, " + newTranslate + "px, 0)"));
+ }
+ function handleTouchEnd() {
+ if (!isTouched || !isMoved) {
+ isTouched = false;
+ isMoved = false;
+ return;
+ }
+ isTouched = false;
+ isMoved = false;
+ if (touchesDiff === 0) {
+ return;
+ }
+
+ var timeDiff = Utils.now() - touchStartTime;
+ notification.$el.transition('');
+ notification.$el.addClass('notification-transitioning');
+ notification.$el.transform('');
+
+ if (
+ (touchesDiff < -10 && timeDiff < 300)
+ || (-touchesDiff >= notificationHeight / 1)
+ ) {
+ notification.close();
+ }
+ }
+
+ function attachTouchEvents() {
+ {
+ notification.$el.on(app.touchEvents.start, handleTouchStart, { passive: true });
+ app.on('touchmove:active', handleTouchMove);
+ app.on('touchend:passive', handleTouchEnd);
+ }
+ }
+ function detachTouchEvents() {
+ {
+ notification.$el.off(app.touchEvents.start, handleTouchStart, { passive: true });
+ app.off('touchmove:active', handleTouchMove);
+ app.off('touchend:passive', handleTouchEnd);
+ }
+ }
+
+ var timeoutId;
+ function closeOnTimeout() {
+ timeoutId = Utils.nextTick(function () {
+ if (isTouched && isMoved) {
+ closeOnTimeout();
+ return;
+ }
+ notification.close();
+ }, closeTimeout);
+ }
+ notification.on('open', function () {
+ if (notification.params.swipeToClose) {
+ attachTouchEvents();
+ }
+ $('.notification.modal-in').each(function (index, openedEl) {
+ var notificationInstance = app.notification.get(openedEl);
+ if (openedEl !== notification.el && notificationInstance) {
+ notificationInstance.close();
+ }
+ });
+ if (closeTimeout) {
+ closeOnTimeout();
+ }
+ });
+ notification.on('close beforeDestroy', function () {
+ if (notification.params.swipeToClose) {
+ detachTouchEvents();
+ }
+ win.clearTimeout(timeoutId);
+ });
+
+ return notification;
+ }
+
+ if ( Modal$$1 ) Notification.__proto__ = Modal$$1;
+ Notification.prototype = Object.create( Modal$$1 && Modal$$1.prototype );
+ Notification.prototype.constructor = Notification;
+
+ Notification.prototype.render = function render () {
+ var notification = this;
+ if (notification.params.render) { return notification.params.render.call(notification, notification); }
+ var ref = notification.params;
+ var icon = ref.icon;
+ var title = ref.title;
+ var titleRightText = ref.titleRightText;
+ var subtitle = ref.subtitle;
+ var text = ref.text;
+ var closeButton = ref.closeButton;
+ var cssClass = ref.cssClass;
+ return ("\n \n
\n ").trim();
+ };
+
+ return Notification;
+ }(Modal));
+
+ var Notification$1 = {
+ name: 'notification',
+ static: {
+ Notification: Notification,
+ },
+ create: function create() {
+ var app = this;
+ app.notification = Utils.extend(
+ {},
+ ModalMethods({
+ app: app,
+ constructor: Notification,
+ defaultSelector: '.notification.modal-in',
+ })
+ );
+ },
+ params: {
+ notification: {
+ icon: null,
+ title: null,
+ titleRightText: null,
+ subtitle: null,
+ text: null,
+ closeButton: false,
+ closeTimeout: null,
+ closeOnClick: false,
+ swipeToClose: true,
+ cssClass: null,
+ render: null,
+ },
+ },
+ };
+
+ /* eslint "no-useless-escape": "off" */
+
+ var Autocomplete = /*@__PURE__*/(function (Framework7Class$$1) {
+ function Autocomplete(app, params) {
+ if ( params === void 0 ) params = {};
+
+ Framework7Class$$1.call(this, params, [app]);
+
+ var ac = this;
+ ac.app = app;
+
+ var defaults = Utils.extend({
+ on: {},
+ }, app.params.autocomplete);
+
+
+ // Extend defaults with modules params
+ ac.useModulesParams(defaults);
+
+ ac.params = Utils.extend(defaults, params);
+
+ var $openerEl;
+ if (ac.params.openerEl) {
+ $openerEl = $(ac.params.openerEl);
+ if ($openerEl.length) { $openerEl[0].f7Autocomplete = ac; }
+ }
+
+ var $inputEl;
+ if (ac.params.inputEl) {
+ $inputEl = $(ac.params.inputEl);
+ if ($inputEl.length) { $inputEl[0].f7Autocomplete = ac; }
+ }
+
+ var view;
+ if (ac.params.view) {
+ view = ac.params.view;
+ } else if ($openerEl || $inputEl) {
+ view = app.views.get($openerEl || $inputEl);
+ }
+ if (!view) { view = app.views.main; }
+
+ var id = Utils.id();
+
+ var url = params.url;
+ if (!url && $openerEl && $openerEl.length) {
+ if ($openerEl.attr('href')) { url = $openerEl.attr('href'); }
+ else if ($openerEl.find('a').length > 0) {
+ url = $openerEl.find('a').attr('href');
+ }
+ }
+ if (!url || url === '#' || url === '') { url = ac.params.url; }
+
+ var inputType = ac.params.multiple ? 'checkbox' : 'radio';
+
+ Utils.extend(ac, {
+ $openerEl: $openerEl,
+ openerEl: $openerEl && $openerEl[0],
+ $inputEl: $inputEl,
+ inputEl: $inputEl && $inputEl[0],
+ id: id,
+ view: view,
+ url: url,
+ value: ac.params.value || [],
+ inputType: inputType,
+ inputName: (inputType + "-" + id),
+ $modalEl: undefined,
+ $dropdownEl: undefined,
+ });
+
+ var previousQuery = '';
+ function onInputChange() {
+ var query = ac.$inputEl.val().trim();
+
+ if (!ac.params.source) { return; }
+ ac.params.source.call(ac, query, function (items) {
+ var itemsHTML = '';
+ var limit = ac.params.limit ? Math.min(ac.params.limit, items.length) : items.length;
+ ac.items = items;
+ var regExp;
+ if (ac.params.highlightMatches) {
+ query = query.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
+ regExp = new RegExp(("(" + query + ")"), 'i');
+ }
+
+ var firstValue;
+ var firstItem;
+ for (var i = 0; i < limit; i += 1) {
+ var itemValue = typeof items[i] === 'object' ? items[i][ac.params.valueProperty] : items[i];
+ var itemText = typeof items[i] === 'object' ? items[i][ac.params.textProperty] : items[i];
+ if (i === 0) {
+ firstValue = itemValue;
+ firstItem = ac.items[i];
+ }
+ itemsHTML += ac.renderItem({
+ value: itemValue,
+ text: ac.params.highlightMatches ? itemText.replace(regExp, '$1') : itemText,
+ }, i);
+ }
+ if (itemsHTML === '' && query === '' && ac.params.dropdownPlaceholderText) {
+ itemsHTML += ac.renderItem({
+ placeholder: true,
+ text: ac.params.dropdownPlaceholderText,
+ });
+ }
+ ac.$dropdownEl.find('ul').html(itemsHTML);
+ if (ac.params.typeahead) {
+ if (!firstValue || !firstItem) {
+ return;
+ }
+ if (firstValue.toLowerCase().indexOf(query.toLowerCase()) !== 0) {
+ return;
+ }
+ if (previousQuery.toLowerCase() === query.toLowerCase()) {
+ ac.value = [];
+ return;
+ }
+
+ if (previousQuery.toLowerCase().indexOf(query.toLowerCase()) === 0) {
+ previousQuery = query;
+ ac.value = [];
+ return;
+ }
+ $inputEl.val(firstValue);
+ $inputEl[0].setSelectionRange(query.length, firstValue.length);
+
+ var previousValue = typeof ac.value[0] === 'object' ? ac.value[0][ac.params.valueProperty] : ac.value[0];
+ if (!previousValue || firstValue.toLowerCase() !== previousValue.toLowerCase()) {
+ ac.value = [firstItem];
+ ac.emit('local::change autocompleteChange', [firstItem]);
+ }
+ }
+
+ previousQuery = query;
+ });
+ }
+ function onPageInputChange() {
+ var input = this;
+ var value = input.value;
+ var isValues = $(input).parents('.autocomplete-values').length > 0;
+ var item;
+ var itemValue;
+ var aValue;
+ if (isValues) {
+ if (ac.inputType === 'checkbox' && !input.checked) {
+ for (var i = 0; i < ac.value.length; i += 1) {
+ aValue = typeof ac.value[i] === 'string' ? ac.value[i] : ac.value[i][ac.params.valueProperty];
+ if (aValue === value || aValue * 1 === value * 1) {
+ ac.value.splice(i, 1);
+ }
+ }
+ ac.updateValues();
+ ac.emit('local::change autocompleteChange', ac.value);
+ }
+ return;
+ }
+
+ // Find Related Item
+ for (var i$1 = 0; i$1 < ac.items.length; i$1 += 1) {
+ itemValue = typeof ac.items[i$1] === 'object' ? ac.items[i$1][ac.params.valueProperty] : ac.items[i$1];
+ if (itemValue === value || itemValue * 1 === value * 1) { item = ac.items[i$1]; }
+ }
+ if (ac.inputType === 'radio') {
+ ac.value = [item];
+ } else if (input.checked) {
+ ac.value.push(item);
+ } else {
+ for (var i$2 = 0; i$2 < ac.value.length; i$2 += 1) {
+ aValue = typeof ac.value[i$2] === 'object' ? ac.value[i$2][ac.params.valueProperty] : ac.value[i$2];
+ if (aValue === value || aValue * 1 === value * 1) {
+ ac.value.splice(i$2, 1);
+ }
+ }
+ }
+
+ // Update Values Block
+ ac.updateValues();
+
+ // On Select Callback
+ if (((ac.inputType === 'radio' && input.checked) || ac.inputType === 'checkbox')) {
+ ac.emit('local::change autocompleteChange', ac.value);
+ }
+ }
+ function onHtmlClick(e) {
+ var $targetEl = $(e.target);
+ if ($targetEl.is(ac.$inputEl[0]) || (ac.$dropdownEl && $targetEl.closest(ac.$dropdownEl[0]).length)) { return; }
+ ac.close();
+ }
+ function onOpenerClick() {
+ ac.open();
+ }
+ function onInputFocus() {
+ ac.open();
+ }
+ function onInputBlur() {
+ if (ac.$dropdownEl.find('label.active-state').length > 0) { return; }
+ ac.close();
+ }
+ function onResize() {
+ ac.positionDropdown();
+ }
+
+ function onKeyDown(e) {
+ if (ac.opened && e.keyCode === 13) {
+ e.preventDefault();
+ ac.$inputEl.blur();
+ }
+ }
+ function onDropdownclick() {
+ var $clickedEl = $(this);
+ var clickedItem;
+ for (var i = 0; i < ac.items.length; i += 1) {
+ var itemValue = typeof ac.items[i] === 'object' ? ac.items[i][ac.params.valueProperty] : ac.items[i];
+ var value = $clickedEl.attr('data-value');
+ if (itemValue === value || itemValue * 1 === value * 1) {
+ clickedItem = ac.items[i];
+ }
+ }
+ if (ac.params.updateInputValueOnSelect) {
+ ac.$inputEl.val(typeof clickedItem === 'object' ? clickedItem[ac.params.valueProperty] : clickedItem);
+ ac.$inputEl.trigger('input change');
+ }
+ ac.value = [clickedItem];
+ ac.emit('local::change autocompleteChange', [clickedItem]);
+
+ ac.close();
+ }
+
+ ac.attachEvents = function attachEvents() {
+ if (ac.params.openIn !== 'dropdown' && ac.$openerEl) {
+ ac.$openerEl.on('click', onOpenerClick);
+ }
+ if (ac.params.openIn === 'dropdown' && ac.$inputEl) {
+ ac.$inputEl.on('focus', onInputFocus);
+ ac.$inputEl.on(ac.params.inputEvents, onInputChange);
+ if (app.device.android) {
+ $('html').on('click', onHtmlClick);
+ } else {
+ ac.$inputEl.on('blur', onInputBlur);
+ }
+ if (ac.params.typeahead) {
+ ac.$inputEl.on('keydown', onKeyDown);
+ }
+ }
+ };
+ ac.detachEvents = function attachEvents() {
+ if (ac.params.openIn !== 'dropdown' && ac.$openerEl) {
+ ac.$openerEl.off('click', onOpenerClick);
+ }
+ if (ac.params.openIn === 'dropdown' && ac.$inputEl) {
+ ac.$inputEl.off('focus', onInputFocus);
+ ac.$inputEl.off(ac.params.inputEvents, onInputChange);
+ if (app.device.android) {
+ $('html').off('click', onHtmlClick);
+ } else {
+ ac.$inputEl.off('blur', onInputBlur);
+ }
+ if (ac.params.typeahead) {
+ ac.$inputEl.off('keydown', onKeyDown);
+ }
+ }
+ };
+ ac.attachDropdownEvents = function attachDropdownEvents() {
+ ac.$dropdownEl.on('click', 'label', onDropdownclick);
+ app.on('resize', onResize);
+ };
+ ac.detachDropdownEvents = function detachDropdownEvents() {
+ ac.$dropdownEl.off('click', 'label', onDropdownclick);
+ app.off('resize', onResize);
+ };
+
+ ac.attachPageEvents = function attachPageEvents() {
+ ac.$el.on('change', 'input[type="radio"], input[type="checkbox"]', onPageInputChange);
+ if (ac.params.closeOnSelect && !ac.params.multiple) {
+ ac.$el.once('click', '.list label', function () {
+ Utils.nextTick(function () {
+ ac.close();
+ });
+ });
+ }
+ };
+ ac.detachPageEvents = function detachPageEvents() {
+ ac.$el.off('change', 'input[type="radio"], input[type="checkbox"]', onPageInputChange);
+ };
+
+ // Install Modules
+ ac.useModules();
+
+ // Init
+ ac.init();
+
+ return ac;
+ }
+
+ if ( Framework7Class$$1 ) Autocomplete.__proto__ = Framework7Class$$1;
+ Autocomplete.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ Autocomplete.prototype.constructor = Autocomplete;
+
+ Autocomplete.prototype.positionDropdown = function positionDropdown () {
+ var obj;
+
+ var ac = this;
+ var $inputEl = ac.$inputEl;
+ var app = ac.app;
+ var $dropdownEl = ac.$dropdownEl;
+
+ var $pageContentEl = $inputEl.parents('.page-content');
+ if ($pageContentEl.length === 0) { return; }
+ var inputOffset = $inputEl.offset();
+ var inputOffsetWidth = $inputEl[0].offsetWidth;
+ var inputOffsetHeight = $inputEl[0].offsetHeight;
+ var $listEl = $inputEl.parents('.list');
+
+ var $listParent;
+ $listEl.parents().each(function (index, parentEl) {
+ if ($listParent) { return; }
+ var $parentEl = $(parentEl);
+ if ($parentEl.parent($pageContentEl).length) { $listParent = $parentEl; }
+ });
+
+ var listOffset = $listEl.offset();
+ var paddingBottom = parseInt($pageContentEl.css('padding-bottom'), 10);
+ var listOffsetLeft = $listEl.length > 0 ? listOffset.left - $pageContentEl.offset().left : 0;
+ var inputOffsetLeft = inputOffset.left - ($listEl.length > 0 ? listOffset.left : 0) - (app.rtl ? 0 : 0);
+ var inputOffsetTop = inputOffset.top - ($pageContentEl.offset().top - $pageContentEl[0].scrollTop);
+
+ var maxHeight = $pageContentEl[0].scrollHeight - paddingBottom - (inputOffsetTop + $pageContentEl[0].scrollTop) - $inputEl[0].offsetHeight;
+
+ var paddingProp = app.rtl ? 'padding-right' : 'padding-left';
+ var paddingValue;
+ if ($listEl.length && !ac.params.expandInput) {
+ paddingValue = (app.rtl ? $listEl[0].offsetWidth - inputOffsetLeft - inputOffsetWidth : inputOffsetLeft) - (app.theme === 'md' ? 16 : 15);
+ }
+
+ $dropdownEl.css({
+ left: (($listEl.length > 0 ? listOffsetLeft : inputOffsetLeft) + "px"),
+ top: ((inputOffsetTop + $pageContentEl[0].scrollTop + inputOffsetHeight) + "px"),
+ width: (($listEl.length > 0 ? $listEl[0].offsetWidth : inputOffsetWidth) + "px"),
+ });
+ $dropdownEl.children('.autocomplete-dropdown-inner').css(( obj = {
+ maxHeight: (maxHeight + "px")
+ }, obj[paddingProp] = $listEl.length > 0 && !ac.params.expandInput ? (paddingValue + "px") : '', obj ));
+ };
+
+ Autocomplete.prototype.focus = function focus () {
+ var ac = this;
+ ac.$el.find('input[type=search]').focus();
+ };
+
+ Autocomplete.prototype.source = function source (query) {
+ var ac = this;
+ if (!ac.params.source) { return; }
+
+ var $el = ac.$el;
+
+ ac.params.source.call(ac, query, function (items) {
+ var itemsHTML = '';
+ var limit = ac.params.limit ? Math.min(ac.params.limit, items.length) : items.length;
+ ac.items = items;
+ for (var i = 0; i < limit; i += 1) {
+ var selected = false;
+ var itemValue = typeof items[i] === 'object' ? items[i][ac.params.valueProperty] : items[i];
+ for (var j = 0; j < ac.value.length; j += 1) {
+ var aValue = typeof ac.value[j] === 'object' ? ac.value[j][ac.params.valueProperty] : ac.value[j];
+ if (aValue === itemValue || aValue * 1 === itemValue * 1) { selected = true; }
+ }
+ itemsHTML += ac.renderItem({
+ value: itemValue,
+ text: typeof items[i] === 'object' ? items[i][ac.params.textProperty] : items[i],
+ inputType: ac.inputType,
+ id: ac.id,
+ inputName: ac.inputName,
+ selected: selected,
+ }, i);
+ }
+ $el.find('.autocomplete-found ul').html(itemsHTML);
+ if (items.length === 0) {
+ if (query.length !== 0) {
+ $el.find('.autocomplete-not-found').show();
+ $el.find('.autocomplete-found, .autocomplete-values').hide();
+ } else {
+ $el.find('.autocomplete-values').show();
+ $el.find('.autocomplete-found, .autocomplete-not-found').hide();
+ }
+ } else {
+ $el.find('.autocomplete-found').show();
+ $el.find('.autocomplete-not-found, .autocomplete-values').hide();
+ }
+ });
+ };
+
+ Autocomplete.prototype.updateValues = function updateValues () {
+ var ac = this;
+ var valuesHTML = '';
+ for (var i = 0; i < ac.value.length; i += 1) {
+ valuesHTML += ac.renderItem({
+ value: typeof ac.value[i] === 'object' ? ac.value[i][ac.params.valueProperty] : ac.value[i],
+ text: typeof ac.value[i] === 'object' ? ac.value[i][ac.params.textProperty] : ac.value[i],
+ inputType: ac.inputType,
+ id: ac.id,
+ inputName: ((ac.inputName) + "-checked}"),
+ selected: true,
+ }, i);
+ }
+ ac.$el.find('.autocomplete-values ul').html(valuesHTML);
+ };
+
+ Autocomplete.prototype.preloaderHide = function preloaderHide () {
+ var ac = this;
+ if (ac.params.openIn === 'dropdown' && ac.$dropdownEl) {
+ ac.$dropdownEl.find('.autocomplete-preloader').removeClass('autocomplete-preloader-visible');
+ } else {
+ $('.autocomplete-preloader').removeClass('autocomplete-preloader-visible');
+ }
+ };
+
+ Autocomplete.prototype.preloaderShow = function preloaderShow () {
+ var ac = this;
+ if (ac.params.openIn === 'dropdown' && ac.$dropdownEl) {
+ ac.$dropdownEl.find('.autocomplete-preloader').addClass('autocomplete-preloader-visible');
+ } else {
+ $('.autocomplete-preloader').addClass('autocomplete-preloader-visible');
+ }
+ };
+
+ Autocomplete.prototype.renderPreloader = function renderPreloader () {
+ var ac = this;
+ return ("\n \n " + (icon ? ("") : '') + "\n " + (title ? ("
\n " + title + "
") : '') + "\n " + (titleRightText ? ("" + titleRightText + "
") : '') + "\n " + (closeButton ? '' : '') + "\n \n " + (subtitle ? ("
\n " + subtitle + "
") : '') + "\n " + (text ? ("" + text + "
") : '') + "\n " + (Utils[((ac.app.theme) + "PreloaderContent")] || '') + "
\n ").trim();
+ };
+
+ Autocomplete.prototype.renderSearchbar = function renderSearchbar () {
+ var ac = this;
+ if (ac.params.renderSearchbar) { return ac.params.renderSearchbar.call(ac); }
+ var searchbarHTML = ("\n \n ").trim();
+ return searchbarHTML;
+ };
+
+ Autocomplete.prototype.renderItem = function renderItem (item, index) {
+ var ac = this;
+ if (ac.params.renderItem) { return ac.params.renderItem.call(ac, item, index); }
+ var itemHtml;
+ var itemValue = item.value && typeof item.value === 'string' ? item.value.replace(/"/g, '"') : item.value;
+ if (ac.params.openIn !== 'dropdown') {
+ itemHtml = "\n \n
\n ").trim();
+ return dropdownHtml;
+ };
+
+ Autocomplete.prototype.renderPage = function renderPage () {
+ var ac = this;
+ if (ac.params.renderPage) { return ac.params.renderPage.call(ac, ac.items); }
+
+ var pageHtml = ("\n \n
\n " + (ac.params.preloader ? ac.renderPreloader() : '') + "\n \n
\n \n " + (ac.renderNavbar()) + "\n \n
\n ").trim();
+ return pageHtml;
+ };
+
+ Autocomplete.prototype.renderPopup = function renderPopup () {
+ var ac = this;
+ if (ac.params.renderPopup) { return ac.params.renderPopup.call(ac, ac.items); }
+ var popupHtml = ("\n \n
\n \n
\n \n
\n - \n
- " + (ac.params.notFoundText) + "\n
\n
\n \n
\n ").trim();
+ return popupHtml;
+ };
+
+ Autocomplete.prototype.onOpen = function onOpen (type, el) {
+ var ac = this;
+ var app = ac.app;
+ var $el = $(el);
+ ac.$el = $el;
+ ac.el = $el[0];
+ ac.openedIn = type;
+ ac.opened = true;
+
+ if (ac.params.openIn === 'dropdown') {
+ ac.attachDropdownEvents();
+
+ ac.$dropdownEl.addClass('autocomplete-dropdown-in');
+ ac.$inputEl.trigger('input');
+ } else {
+ // Init SB
+ var $searchbarEl = $el.find('.searchbar');
+ if (ac.params.openIn === 'page' && app.theme === 'ios' && $searchbarEl.length === 0) {
+ $searchbarEl = $(app.navbar.getElByPage($el)).find('.searchbar');
+ }
+ ac.searchbar = app.searchbar.create({
+ el: $searchbarEl,
+ backdropEl: $el.find('.searchbar-backdrop'),
+ customSearch: true,
+ on: {
+ search: function search(sb, query) {
+ if (query.length === 0 && ac.searchbar.enabled) {
+ ac.searchbar.backdropShow();
+ } else {
+ ac.searchbar.backdropHide();
+ }
+ ac.source(query);
+ },
+ },
+ });
+
+ // Attach page events
+ ac.attachPageEvents();
+
+ // Update Values On Page Init
+ ac.updateValues();
+
+ // Source on load
+ if (ac.params.requestSourceOnOpen) { ac.source(''); }
+ }
+
+ ac.emit('local::open autocompleteOpen', ac);
+ };
+
+ Autocomplete.prototype.autoFocus = function autoFocus () {
+ var ac = this;
+ if (ac.searchbar && ac.searchbar.$inputEl) {
+ ac.searchbar.$inputEl.focus();
+ }
+ return ac;
+ };
+
+ Autocomplete.prototype.onOpened = function onOpened () {
+ var ac = this;
+ if (ac.params.openIn !== 'dropdown' && ac.params.autoFocus) {
+ ac.autoFocus();
+ }
+ ac.emit('local::opened autocompleteOpened', ac);
+ };
+
+ Autocomplete.prototype.onClose = function onClose () {
+ var ac = this;
+ if (ac.destroyed) { return; }
+
+ // Destroy SB
+ if (ac.searchbar && ac.searchbar.destroy) {
+ ac.searchbar.destroy();
+ ac.searchbar = null;
+ delete ac.searchbar;
+ }
+
+ if (ac.params.openIn === 'dropdown') {
+ ac.detachDropdownEvents();
+ ac.$dropdownEl.removeClass('autocomplete-dropdown-in').remove();
+ ac.$inputEl.parents('.item-content-dropdown-expanded').removeClass('item-content-dropdown-expanded');
+ } else {
+ ac.detachPageEvents();
+ }
+
+ ac.emit('local::close autocompleteClose', ac);
+ };
+
+ Autocomplete.prototype.onClosed = function onClosed () {
+ var ac = this;
+ if (ac.destroyed) { return; }
+ ac.opened = false;
+ ac.$el = null;
+ ac.el = null;
+ delete ac.$el;
+ delete ac.el;
+
+ ac.emit('local::closed autocompleteClosed', ac);
+ };
+
+ Autocomplete.prototype.openPage = function openPage () {
+ var ac = this;
+ if (ac.opened) { return ac; }
+ var pageHtml = ac.renderPage();
+ ac.view.router.navigate({
+ url: ac.url,
+ route: {
+ content: pageHtml,
+ path: ac.url,
+ on: {
+ pageBeforeIn: function pageBeforeIn(e, page) {
+ ac.onOpen('page', page.el);
+ },
+ pageAfterIn: function pageAfterIn(e, page) {
+ ac.onOpened('page', page.el);
+ },
+ pageBeforeOut: function pageBeforeOut(e, page) {
+ ac.onClose('page', page.el);
+ },
+ pageAfterOut: function pageAfterOut(e, page) {
+ ac.onClosed('page', page.el);
+ },
+ },
+ options: {
+ animate: ac.params.animate,
+ },
+ },
+ });
+ return ac;
+ };
+
+ Autocomplete.prototype.openPopup = function openPopup () {
+ var ac = this;
+ if (ac.opened) { return ac; }
+ var popupHtml = ac.renderPopup();
+
+ var popupParams = {
+ content: popupHtml,
+ animate: ac.params.animate,
+ on: {
+ popupOpen: function popupOpen(popup) {
+ ac.onOpen('popup', popup.el);
+ },
+ popupOpened: function popupOpened(popup) {
+ ac.onOpened('popup', popup.el);
+ },
+ popupClose: function popupClose(popup) {
+ ac.onClose('popup', popup.el);
+ },
+ popupClosed: function popupClosed(popup) {
+ ac.onClosed('popup', popup.el);
+ },
+ },
+ };
+
+ if (ac.params.routableModals) {
+ ac.view.router.navigate({
+ url: ac.url,
+ route: {
+ path: ac.url,
+ popup: popupParams,
+ },
+ });
+ } else {
+ ac.modal = ac.app.popup.create(popupParams).open(ac.params.animate);
+ }
+ return ac;
+ };
+
+ Autocomplete.prototype.openDropdown = function openDropdown () {
+ var ac = this;
+
+ if (!ac.$dropdownEl) {
+ ac.$dropdownEl = $(ac.renderDropdown());
+ }
+ var $listEl = ac.$inputEl.parents('.list');
+ if ($listEl.length && ac.$inputEl.parents('.item-content').length > 0 && ac.params.expandInput) {
+ ac.$inputEl.parents('.item-content').addClass('item-content-dropdown-expanded');
+ }
+
+ var $pageContentEl = ac.$inputEl.parents('.page-content');
+ if (ac.params.dropdownContainerEl) {
+ $(ac.params.dropdownContainerEl).append(ac.$dropdownEl);
+ } else if ($pageContentEl.length === 0) {
+ ac.$dropdownEl.insertAfter(ac.$inputEl);
+ } else {
+ ac.positionDropdown();
+ $pageContentEl.append(ac.$dropdownEl);
+ }
+ ac.onOpen('dropdown', ac.$dropdownEl);
+ ac.onOpened('dropdown', ac.$dropdownEl);
+ };
+
+ Autocomplete.prototype.open = function open () {
+ var ac = this;
+ if (ac.opened) { return ac; }
+ var openIn = ac.params.openIn;
+ ac[("open" + (openIn.split('').map(function (el, index) {
+ if (index === 0) { return el.toUpperCase(); }
+ return el;
+ }).join('')))]();
+ return ac;
+ };
+
+ Autocomplete.prototype.close = function close () {
+ var ac = this;
+ if (!ac.opened) { return ac; }
+ if (ac.params.openIn === 'dropdown') {
+ ac.onClose();
+ ac.onClosed();
+ } else if (ac.params.routableModals || ac.openedIn === 'page') {
+ ac.view.router.back({ animate: ac.params.animate });
+ } else {
+ ac.modal.once('modalClosed', function () {
+ Utils.nextTick(function () {
+ ac.modal.destroy();
+ delete ac.modal;
+ });
+ });
+ ac.modal.close();
+ }
+ return ac;
+ };
+
+ Autocomplete.prototype.init = function init () {
+ var ac = this;
+ ac.attachEvents();
+ };
+
+ Autocomplete.prototype.destroy = function destroy () {
+ var ac = this;
+ ac.emit('local::beforeDestroy autocompleteBeforeDestroy', ac);
+ ac.detachEvents();
+ if (ac.$inputEl && ac.$inputEl[0]) {
+ delete ac.$inputEl[0].f7Autocomplete;
+ }
+ if (ac.$openerEl && ac.$openerEl[0]) {
+ delete ac.$openerEl[0].f7Autocomplete;
+ }
+ Utils.deleteProps(ac);
+ ac.destroyed = true;
+ };
+
+ return Autocomplete;
+ }(Framework7Class));
+
+ var Autocomplete$1 = {
+ name: 'autocomplete',
+ params: {
+ autocomplete: {
+ openerEl: undefined,
+ inputEl: undefined,
+ view: undefined,
+
+ // DropDown
+ dropdownContainerEl: undefined,
+ dropdownPlaceholderText: undefined,
+ typeahead: false,
+ highlightMatches: true,
+ expandInput: false,
+ updateInputValueOnSelect: true,
+ inputEvents: 'input',
+
+ value: undefined,
+ multiple: false,
+
+ source: undefined,
+ limit: undefined,
+ valueProperty: 'id',
+ textProperty: 'text',
+
+ openIn: 'page', // or 'popup' or 'dropdown'
+ pageBackLinkText: 'Back',
+ popupCloseLinkText: 'Close',
+ pageTitle: undefined,
+ searchbarPlaceholder: 'Search...',
+ searchbarDisableText: 'Cancel',
+
+ animate: true,
+
+ autoFocus: false,
+ closeOnSelect: false,
+ notFoundText: 'Nothing found',
+ requestSourceOnOpen: false,
+
+ // Preloader
+ preloaderColor: undefined,
+ preloader: false,
+
+ // Colors
+ formColorTheme: undefined,
+ navbarColorTheme: undefined,
+
+ // Routing
+ routableModals: true,
+ url: 'select/',
+
+ // Custom render functions
+ renderDropdown: undefined,
+ renderPage: undefined,
+ renderPopup: undefined,
+ renderItem: undefined,
+ renderSearchbar: undefined,
+ renderNavbar: undefined,
+
+ },
+ },
+ static: {
+ Autocomplete: Autocomplete,
+ },
+ create: function create() {
+ var app = this;
+ app.autocomplete = Utils.extend(
+ ConstructorMethods({
+ defaultSelector: undefined,
+ constructor: Autocomplete,
+ app: app,
+ domProp: 'f7Autocomplete',
+ }),
+ {
+ open: function open(autocompleteEl) {
+ var ac = app.autocomplete.get(autocompleteEl);
+ if (ac && ac.open) { return ac.open(); }
+ return undefined;
+ },
+ close: function close(autocompleteEl) {
+ var ac = app.autocomplete.get(autocompleteEl);
+ if (ac && ac.close) { return ac.close(); }
+ return undefined;
+ },
+ }
+ );
+ },
+ };
+
+ var Tooltip = /*@__PURE__*/(function (Framework7Class$$1) {
+ function Tooltip(app, params) {
+ if ( params === void 0 ) params = {};
+
+ Framework7Class$$1.call(this, app, params);
+
+ var tooltip = this;
+
+ var defaults = Utils.extend({}, app.params.tooltip);
+
+ // Extend defaults with modules params
+ tooltip.useModulesParams(defaults);
+
+ tooltip.params = Utils.extend(defaults, params);
+
+ var ref = tooltip.params;
+ var targetEl = ref.targetEl;
+ if (!targetEl) { return tooltip; }
+
+ var $targetEl = $(targetEl);
+ if ($targetEl.length === 0) { return tooltip; }
+
+ if ($targetEl[0].f7Tooltip) { return $targetEl[0].f7Tooltip; }
+
+ var $el = $(tooltip.render()).eq(0);
+
+ Utils.extend(tooltip, {
+ app: app,
+ $targetEl: $targetEl,
+ targetEl: $targetEl && $targetEl[0],
+ $el: $el,
+ el: $el && $el[0],
+ text: tooltip.params.text || '',
+ visible: false,
+ opened: false,
+ });
+
+ $targetEl[0].f7Tooltip = tooltip;
+
+ var touchesStart = {};
+ var isTouched;
+ function handleTouchStart(e) {
+ if (isTouched) { return; }
+ isTouched = true;
+ touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
+ touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+ tooltip.show(this);
+ }
+ function handleTouchMove(e) {
+ if (!isTouched) { return; }
+ var x = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
+ var y = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+ var distance = Math.pow( (
+ (Math.pow( (x - touchesStart.x), 2 ))
+ + (Math.pow( (y - touchesStart.y), 2 ))
+ ), 0.5 );
+ if (distance > 50) {
+ isTouched = false;
+ tooltip.hide();
+ }
+ }
+ function handleTouchEnd() {
+ if (!isTouched) { return; }
+ isTouched = false;
+ tooltip.hide();
+ }
+ function handleMouseEnter() {
+ tooltip.show(this);
+ }
+ function handleMouseLeave() {
+ tooltip.hide();
+ }
+ function handleTransitionEnd() {
+ if (!$el.hasClass('tooltip-in')) {
+ $el.removeClass('tooltip-out').remove();
+ }
+ }
+
+ tooltip.attachEvents = function attachEvents() {
+ $el.on('transitionend webkitTransitionEnd', handleTransitionEnd);
+ if (Support.touch) {
+ var passive = Support.passiveListener ? { passive: true } : false;
+ $targetEl.on(app.touchEvents.start, handleTouchStart, passive);
+ app.on('touchmove', handleTouchMove);
+ app.on('touchend:passive', handleTouchEnd);
+ } else {
+ $targetEl.on('mouseenter', handleMouseEnter);
+ $targetEl.on('mouseleave', handleMouseLeave);
+ }
+ };
+ tooltip.detachEvents = function detachEvents() {
+ $el.off('transitionend webkitTransitionEnd', handleTransitionEnd);
+ if (Support.touch) {
+ var passive = Support.passiveListener ? { passive: true } : false;
+ $targetEl.off(app.touchEvents.start, handleTouchStart, passive);
+ app.off('touchmove', handleTouchMove);
+ app.off('touchend:passive', handleTouchEnd);
+ } else {
+ $targetEl.off('mouseenter', handleMouseEnter);
+ $targetEl.off('mouseleave', handleMouseLeave);
+ }
+ };
+
+ // Install Modules
+ tooltip.useModules();
+
+ tooltip.init();
+
+ return tooltip;
+ }
+
+ if ( Framework7Class$$1 ) Tooltip.__proto__ = Framework7Class$$1;
+ Tooltip.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ Tooltip.prototype.constructor = Tooltip;
+
+ Tooltip.prototype.position = function position (targetEl) {
+ var tooltip = this;
+ var $el = tooltip.$el;
+ var app = tooltip.app;
+ $el.css({ left: '', top: '' });
+ var $targetEl = $(targetEl || tooltip.targetEl);
+ var ref = [$el.width(), $el.height()];
+ var width = ref[0];
+ var height = ref[1];
+
+ $el.css({ left: '', top: '' });
+
+ var targetWidth;
+ var targetHeight;
+ var targetOffsetLeft;
+ var targetOffsetTop;
+ if ($targetEl && $targetEl.length > 0) {
+ targetWidth = $targetEl.outerWidth();
+ targetHeight = $targetEl.outerHeight();
+
+ var targetOffset = $targetEl.offset();
+ targetOffsetLeft = targetOffset.left - app.left;
+ targetOffsetTop = targetOffset.top - app.top;
+
+ var targetParentPage = $targetEl.parents('.page');
+ if (targetParentPage.length > 0) {
+ targetOffsetTop -= targetParentPage[0].scrollTop;
+ }
+ }
+ var ref$1 = [0, 0, 0];
+ var left = ref$1[0];
+ var top = ref$1[1];
+
+ // Top Position
+ var position = 'top';
+
+ if (height < targetOffsetTop) {
+ // On top
+ top = targetOffsetTop - height;
+ } else if (height < app.height - targetOffsetTop - targetHeight) {
+ // On bottom
+ position = 'bottom';
+ top = targetOffsetTop + targetHeight;
+ } else {
+ // On middle
+ position = 'middle';
+ top = ((targetHeight / 2) + targetOffsetTop) - (height / 2);
+ if (top <= 0) {
+ top = 8;
+ } else if (top + height >= app.height) {
+ top = app.height - height - 8;
+ }
+ }
+
+ // Horizontal Position
+ if (position === 'top' || position === 'bottom') {
+ left = ((targetWidth / 2) + targetOffsetLeft) - (width / 2);
+ if (left < 8) { left = 8; }
+ if (left + width > app.width) { left = app.width - width - 8; }
+ if (left < 0) { left = 0; }
+ } else if (position === 'middle') {
+ left = targetOffsetLeft - width;
+ if (left < 8 || (left + width > app.width)) {
+ if (left < 8) { left = targetOffsetLeft + targetWidth; }
+ if (left + width > app.width) { left = app.width - width - 8; }
+ }
+ }
+
+ // Apply Styles
+ $el.css({ top: (top + "px"), left: (left + "px") });
+ };
+
+ Tooltip.prototype.show = function show (aroundEl) {
+ var tooltip = this;
+ var app = tooltip.app;
+ var $el = tooltip.$el;
+ var $targetEl = tooltip.$targetEl;
+ app.root.append($el);
+ tooltip.position(aroundEl);
+ var $aroundEl = $(aroundEl);
+ tooltip.visible = true;
+ tooltip.opened = true;
+ $targetEl.trigger('tooltip:show', tooltip);
+ $el.trigger('tooltip:show', tooltip);
+ if ($aroundEl.length && $aroundEl[0] !== $targetEl[0]) {
+ $aroundEl.trigger('tooltip:show', tooltip);
+ }
+ tooltip.emit('local::show tooltipShow', tooltip);
+ $el.removeClass('tooltip-out').addClass('tooltip-in');
+ return tooltip;
+ };
+
+ Tooltip.prototype.hide = function hide () {
+ var tooltip = this;
+ var $el = tooltip.$el;
+ var $targetEl = tooltip.$targetEl;
+ tooltip.visible = false;
+ tooltip.opened = false;
+ $targetEl.trigger('tooltip:hide', tooltip);
+ $el.trigger('tooltip:hide', tooltip);
+ tooltip.emit('local::hide tooltipHide', tooltip);
+ $el.addClass('tooltip-out').removeClass('tooltip-in');
+ return tooltip;
+ };
+
+ Tooltip.prototype.render = function render () {
+ var tooltip = this;
+ if (tooltip.params.render) { return tooltip.params.render.call(tooltip, tooltip); }
+ var ref = tooltip.params;
+ var cssClass = ref.cssClass;
+ var text = ref.text;
+ return ("\n \n " + (ac.renderPage()) + ";\n
\n \n
\n ").trim();
+ };
+
+ Tooltip.prototype.setText = function setText (newText) {
+ var tooltip = this;
+ if (typeof newText === 'undefined') {
+ return tooltip;
+ }
+ tooltip.params.text = newText;
+ tooltip.text = newText;
+ if (tooltip.$el) {
+ tooltip.$el.children('.tooltip-content').html(newText);
+ }
+ if (tooltip.opened) {
+ tooltip.position();
+ }
+ return tooltip;
+ };
+
+ Tooltip.prototype.init = function init () {
+ var tooltip = this;
+ tooltip.attachEvents();
+ };
+
+ Tooltip.prototype.destroy = function destroy () {
+ var tooltip = this;
+ if (!tooltip.$targetEl || tooltip.destroyed) { return; }
+ tooltip.$targetEl.trigger('tooltip:beforedestroy', tooltip);
+ tooltip.emit('local::beforeDestroy tooltipBeforeDestroy', tooltip);
+ tooltip.$el.remove();
+ delete tooltip.$targetEl[0].f7Tooltip;
+ tooltip.detachEvents();
+ Utils.deleteProps(tooltip);
+ tooltip.destroyed = true;
+ };
+
+ return Tooltip;
+ }(Framework7Class));
+
+ var Tooltip$1 = {
+ name: 'tooltip',
+ static: {
+ Tooltip: Tooltip,
+ },
+ create: function create() {
+ var app = this;
+ app.tooltip = ConstructorMethods({
+ defaultSelector: '.tooltip',
+ constructor: Tooltip,
+ app: app,
+ domProp: 'f7Tooltip',
+ });
+ app.tooltip.show = function show(el) {
+ var $el = $(el);
+ if ($el.length === 0) { return undefined; }
+ var tooltip = $el[0].f7Tooltip;
+ if (!tooltip) { return undefined; }
+ tooltip.show($el[0]);
+ return tooltip;
+ };
+ app.tooltip.hide = function hide(el) {
+ var $el = $(el);
+ if ($el.length === 0) { return undefined; }
+ var tooltip = $el[0].f7Tooltip;
+ if (!tooltip) { return undefined; }
+ tooltip.hide();
+ return tooltip;
+ };
+ app.tooltip.setText = function text(el, newText) {
+ var $el = $(el);
+ if ($el.length === 0) { return undefined; }
+ var tooltip = $el[0].f7Tooltip;
+ if (!tooltip) { return undefined; }
+ tooltip.setText(newText);
+ return tooltip;
+ };
+ },
+ params: {
+ tooltip: {
+ targetEl: null,
+ text: null,
+ cssClass: null,
+ render: null,
+ },
+ },
+ on: {
+ tabMounted: function tabMounted(tabEl) {
+ var app = this;
+ $(tabEl).find('.tooltip-init').each(function (index, el) {
+ var text = $(el).attr('data-tooltip');
+ if (!text) { return; }
+ app.tooltip.create({ targetEl: el, text: text });
+ });
+ },
+ tabBeforeRemove: function tabBeforeRemove(tabEl) {
+ $(tabEl).find('.tooltip-init').each(function (index, el) {
+ if (el.f7Tooltip) { el.f7Tooltip.destroy(); }
+ });
+ },
+ pageInit: function pageInit(page) {
+ var app = this;
+ page.$el.find('.tooltip-init').each(function (index, el) {
+ var text = $(el).attr('data-tooltip');
+ if (!text) { return; }
+ app.tooltip.create({ targetEl: el, text: text });
+ });
+ },
+ pageBeforeRemove: function pageBeforeRemove(page) {
+ page.$el.find('.tooltip-init').each(function (index, el) {
+ if (el.f7Tooltip) { el.f7Tooltip.destroy(); }
+ });
+ },
+ },
+ vnode: {
+ 'tooltip-init': {
+ insert: function insert(vnode) {
+ var app = this;
+ var el = vnode.elm;
+ var text = $(el).attr('data-tooltip');
+ if (!text) { return; }
+ app.tooltip.create({ targetEl: el, text: text });
+ },
+ destroy: function destroy(vnode) {
+ var el = vnode.elm;
+ if (el.f7Tooltip) { el.f7Tooltip.destroy(); }
+ },
+ },
+ },
+ };
+
+ /* eslint no-nested-ternary: off */
+
+ var Gauge = /*@__PURE__*/(function (Framework7Class$$1) {
+ function Gauge(app, params) {
+ if ( params === void 0 ) params = {};
+
+ // Extends with open/close Modal methods;
+ Framework7Class$$1.call(this, app, params);
+
+ var gauge = this;
+
+ var defaults = Utils.extend({}, app.params.gauge);
+
+ // Extend defaults with modules params
+ gauge.useModulesParams(defaults);
+
+ gauge.params = Utils.extend(defaults, params);
+
+ var ref = gauge.params;
+ var el = ref.el;
+ if (!el) { return gauge; }
+
+ var $el = $(el);
+ if ($el.length === 0) { return gauge; }
+
+ if ($el[0].f7Gauge) { return $el[0].f7Gauge; }
+
+ Utils.extend(gauge, {
+ app: app,
+ $el: $el,
+ el: $el && $el[0],
+ });
+
+ $el[0].f7Gauge = gauge;
+
+ // Install Modules
+ gauge.useModules();
+
+ gauge.init();
+
+ return gauge;
+ }
+
+ if ( Framework7Class$$1 ) Gauge.__proto__ = Framework7Class$$1;
+ Gauge.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype );
+ Gauge.prototype.constructor = Gauge;
+
+ Gauge.prototype.calcRadius = function calcRadius () {
+ var gauge = this;
+ var ref = gauge.params;
+ var size = ref.size;
+ var borderWidth = ref.borderWidth;
+ return (size / 2) - (borderWidth / 2);
+ };
+
+ Gauge.prototype.calcBorderLength = function calcBorderLength () {
+ var gauge = this;
+ var radius = gauge.calcRadius();
+ return 2 * Math.PI * radius;
+ };
+
+ Gauge.prototype.render = function render () {
+ var gauge = this;
+ if (gauge.params.render) { return gauge.params.render.call(gauge, gauge); }
+
+ var ref = gauge.params;
+ var type = ref.type;
+ var value = ref.value;
+ var size = ref.size;
+ var bgColor = ref.bgColor;
+ var borderBgColor = ref.borderBgColor;
+ var borderColor = ref.borderColor;
+ var borderWidth = ref.borderWidth;
+ var valueText = ref.valueText;
+ var valueTextColor = ref.valueTextColor;
+ var valueFontSize = ref.valueFontSize;
+ var valueFontWeight = ref.valueFontWeight;
+ var labelText = ref.labelText;
+ var labelTextColor = ref.labelTextColor;
+ var labelFontSize = ref.labelFontSize;
+ var labelFontWeight = ref.labelFontWeight;
+
+ var semiCircle = type === 'semicircle';
+ var radius = gauge.calcRadius();
+ var length = gauge.calcBorderLength();
+ var progress = Math.max(Math.min(value, 1), 0);
+
+ return ("\n \n ").trim();
+ };
+
+ Gauge.prototype.update = function update (newParams) {
+ if ( newParams === void 0 ) newParams = {};
+
+ var gauge = this;
+ var params = gauge.params;
+ var $gaugeSvgEl = gauge.$gaugeSvgEl;
+
+ Object.keys(newParams).forEach(function (param) {
+ if (typeof newParams[param] !== 'undefined') {
+ params[param] = newParams[param];
+ }
+ });
+ if ($gaugeSvgEl.length === 0) { return gauge; }
+
+ var value = params.value;
+ var size = params.size;
+ var bgColor = params.bgColor;
+ var borderBgColor = params.borderBgColor;
+ var borderColor = params.borderColor;
+ var borderWidth = params.borderWidth;
+ var valueText = params.valueText;
+ var valueTextColor = params.valueTextColor;
+ var valueFontSize = params.valueFontSize;
+ var valueFontWeight = params.valueFontWeight;
+ var labelText = params.labelText;
+ var labelTextColor = params.labelTextColor;
+ var labelFontSize = params.labelFontSize;
+ var labelFontWeight = params.labelFontWeight;
+
+ var length = gauge.calcBorderLength();
+ var progress = Math.max(Math.min(value, 1), 0);
+ var radius = gauge.calcRadius();
+ var semiCircle = params.type === 'semicircle';
+
+ var svgAttrs = {
+ width: (size + "px"),
+ height: ((semiCircle ? size / 2 : size) + "px"),
+ viewBox: ("0 0 " + size + " " + (semiCircle ? size / 2 : size)),
+ };
+ Object.keys(svgAttrs).forEach(function (attr) {
+ $gaugeSvgEl.attr(attr, svgAttrs[attr]);
+ });
+ if (semiCircle) {
+ var backAttrs = {
+ d: ("M" + (size - (borderWidth / 2)) + "," + (size / 2) + " a1,1 0 0,0 -" + (size - borderWidth) + ",0"),
+ stroke: borderBgColor,
+ 'stroke-width': borderWidth,
+ fill: bgColor || 'none',
+ };
+ var frontAttrs = {
+ d: ("M" + (size - (borderWidth / 2)) + "," + (size / 2) + " a1,1 0 0,0 -" + (size - borderWidth) + ",0"),
+ stroke: borderColor,
+ 'stroke-width': borderWidth,
+ 'stroke-dasharray': length / 2,
+ 'stroke-dashoffset': (length / 2) * (progress - 1),
+ fill: borderBgColor ? 'none' : (bgColor || 'none'),
+ };
+ Object.keys(backAttrs).forEach(function (attr) {
+ $gaugeSvgEl.find('.gauge-back-semi').attr(attr, backAttrs[attr]);
+ });
+ Object.keys(frontAttrs).forEach(function (attr) {
+ $gaugeSvgEl.find('.gauge-front-semi').attr(attr, frontAttrs[attr]);
+ });
+ } else {
+ var backAttrs$1 = {
+ stroke: borderBgColor,
+ 'stroke-width': borderWidth,
+ fill: bgColor || 'none',
+ cx: size / 2,
+ cy: size / 2,
+ r: radius,
+ };
+ var frontAttrs$1 = {
+ transform: ("rotate(-90 " + (size / 2) + " " + (size / 2) + ")"),
+ stroke: borderColor,
+ 'stroke-width': borderWidth,
+ 'stroke-dasharray': length,
+ 'stroke-dashoffset': length * (1 - progress),
+ fill: borderBgColor ? 'none' : bgColor || 'none',
+ cx: size / 2,
+ cy: size / 2,
+ r: radius,
+ };
+ Object.keys(backAttrs$1).forEach(function (attr) {
+ $gaugeSvgEl.find('.gauge-back-circle').attr(attr, backAttrs$1[attr]);
+ });
+ Object.keys(frontAttrs$1).forEach(function (attr) {
+ $gaugeSvgEl.find('.gauge-front-circle').attr(attr, frontAttrs$1[attr]);
+ });
+ }
+ if (valueText) {
+ if (!$gaugeSvgEl.find('.gauge-value-text').length) {
+ $gaugeSvgEl.append('" + (text || '') + "
\n