From 2b1aa5720a0924b3c81ef15279a44fd3c030c151 Mon Sep 17 00:00:00 2001
From: Timo <mail@timo-ernst.net>
Date: Sat, 13 Nov 2021 16:09:21 +0100
Subject: [PATCH] Added bugfix for Vue.js

---
 demo/package.json            |  2 +-
 dist/f7-welcomescreen.min.js |  8 ++++----
 index.js                     | 16 ++++++++++++----
 package.json                 |  2 +-
 4 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/demo/package.json b/demo/package.json
index bc588e6..b6387f3 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -22,7 +22,7 @@
     "@babel/preset-env": "^7.15.0",
     "babel-loader": "^8.2.2",
     "css-loader": "^6.2.0",
-    "f7-welcomescreen": "^3.0.9",
+    "f7-welcomescreen": "^3.0.10",
     "framework7": "^6.2.0",
     "http-server": "^13.0.0",
     "mini-css-extract-plugin": "^2.2.0",
diff --git a/dist/f7-welcomescreen.min.js b/dist/f7-welcomescreen.min.js
index e00a9e1..d4ea96d 100644
--- a/dist/f7-welcomescreen.min.js
+++ b/dist/f7-welcomescreen.min.js
@@ -1,6 +1,5 @@
 import Template7 from'template7';import Swiper from'swiper';// A plugin for Framework7 to show a slideable welcome screen
-var F7WelcomescreenPlugin={name:'welcomescreen',Welcomescreen:function(a,b,c){function d(){l=new Swiper('.welcomescreen-swiper',{direction:'horizontal',loop:c.loop,pagination:c.pagination?{el:'.swiper-pagination'}:void 0,parallax:c.parallax,speed:c.parallaxSpeed})}function e(){c.bgcolor&&k.css({"background-color":c.bgcolor,color:c.fontcolor})}function f(){i='<div class="welcomescreen-container {{#if options.cssClass}}{{options.cssClass}}{{/if}}">{{#if options.closeButton}}<div class="welcomescreen-closebtn close-welcomescreen">{{options.closeButtonText}}</div>{{/if}}<div class="welcomescreen-swiper">{{#if options.parallax}}<div class="parallax-bg" style="background-image:url({{options.parallaxBackgroundImage}})" data-swiper-parallax="{{options.parallaxBackground}}"></div>{{/if}}<div class="swiper-wrapper">{{#each slides}}<div class="swiper-slide" {{#if id}}id="{{id}}"{{/if}}><div class="welcomescreen-title {{#unless title}}hide-title{{/unless}}" data-swiper-parallax="{{#if parallaxTitle}}{{parallaxTitle}}{{else}}{{@root.options.parallaxSlideElements.title}}{{/if}}">{{#if title}}{{title}}{{else}}title{{/if}}</div>{{#if content}}<div class="welcomescreen-content">{{content}}</div>{{else}}{{#if picture}}<div class="welcomescreen-picture" data-swiper-parallax="{{#if parallaxPicture}}{{parallaxPicture}}{{else}}{{@root.options.parallaxSlideElements.subtitle}}{{/if}}">{{picture}}</div>{{/if}}{{#if text}}<div class="welcomescreen-text" data-swiper-parallax="{{#if parallaxText}}{{parallaxText}}{{else}}{{@root.options.parallaxSlideElements.text}}{{/if}}">{{text}}</div>{{/if}}{{/if}}</div>{{/each}}</div>{{#if options.pagination}}<div class="welcomescreen-pagination swiper-pagination"></div>{{/if}}{{#if options.navigation}}<!-- If we need navigation buttons --><div class="welcomescreen-navigation-prev swiper-button-prev"></div><div class="welcomescreen-navigation-next swiper-button-next"></div>{{/if}}</div></div></div>'}function g(){for(var a in c=c||{},o)'undefined'==typeof c[a]&&(c[a]=o[a])}function h(){const a=window.Template7||Template7;j=c.template?a.compile(c.template):a.compile(i)}// Private properties
-var i,j,k,l,m,n=this,o={closeButton:!0,// enabled/disable close button
+var F7WelcomescreenPlugin={name:'welcomescreen',Welcomescreen:function(a,b,c){function d(){l=new Swiper('.welcomescreen-swiper',{direction:'horizontal',loop:o.loop,pagination:o.pagination?{el:'.swiper-pagination'}:void 0,parallax:o.parallax,speed:o.parallaxSpeed})}function e(){o.bgcolor&&k.css({"background-color":o.bgcolor,color:o.fontcolor})}function f(){i='<div class="welcomescreen-container {{#if options.cssClass}}{{options.cssClass}}{{/if}}">{{#if options.closeButton}}<div class="welcomescreen-closebtn close-welcomescreen">{{options.closeButtonText}}</div>{{/if}}<div class="welcomescreen-swiper">{{#if options.parallax}}<div class="parallax-bg" style="background-image:url({{options.parallaxBackgroundImage}})" data-swiper-parallax="{{options.parallaxBackground}}"></div>{{/if}}<div class="swiper-wrapper">{{#each slides}}<div class="swiper-slide" {{#if id}}id="{{id}}"{{/if}}><div class="welcomescreen-title {{#unless title}}hide-title{{/unless}}" data-swiper-parallax="{{#if parallaxTitle}}{{parallaxTitle}}{{else}}{{@root.options.parallaxSlideElements.title}}{{/if}}">{{#if title}}{{title}}{{else}}title{{/if}}</div>{{#if content}}<div class="welcomescreen-content">{{content}}</div>{{else}}{{#if picture}}<div class="welcomescreen-picture" data-swiper-parallax="{{#if parallaxPicture}}{{parallaxPicture}}{{else}}{{@root.options.parallaxSlideElements.subtitle}}{{/if}}">{{picture}}</div>{{/if}}{{#if text}}<div class="welcomescreen-text" data-swiper-parallax="{{#if parallaxText}}{{parallaxText}}{{else}}{{@root.options.parallaxSlideElements.text}}{{/if}}">{{text}}</div>{{/if}}{{/if}}</div>{{/each}}</div>{{#if options.pagination}}<div class="welcomescreen-pagination swiper-pagination"></div>{{/if}}{{#if options.navigation}}<!-- If we need navigation buttons --><div class="welcomescreen-navigation-prev swiper-button-prev"></div><div class="welcomescreen-navigation-next swiper-button-next"></div>{{/if}}</div></div></div>'}function g(){for(var a in o=o||{},q)'undefined'==typeof o[a]&&(o[a]=q[a])}function h(){const a=window.Template7||Template7;j=o.template?a.compile(o.template):a.compile(i)}var i,j,k,l,m,n=b,o=c,p=this,q={closeButton:!0,// enabled/disable close button
 closeButtonText:'Skip',// close button text
 cssClass:'',// additional class on container
 pagination:!0,// swiper pagination,
@@ -11,5 +10,6 @@ parallax:!1,// adds parallax capabilities
 parallaxSpeed:600,// parallax default speed
 parallaxBackgroundImage:'http://lorempixel.com/900/600/nightlife/2/',// parallax default background image
 parallaxBackground:'-23%',// parallax default background effect
-parallaxSlideElements:{title:-100,subtitle:-300,text:-500}};// Return instance
-return n.open=function(){k=window.Dom7(j({options:c,slides:b})),m=k.find('.welcomescreen-swiper'),e(),window.Dom7('body').append(k),d(),k[0].f7Welcomescreen=n,'function'==typeof c.onOpened&&c.onOpened()},n.close=function(){l&&l.destroy(!0),k&&k.remove(),k=m=l=void 0,'function'==typeof c.onClosed&&c.onClosed()},n.next=function(){l&&l.slideNext()},n.previous=function(){l&&l.slidePrev()},n.slideTo=function(a){l&&l.slideTo(a)},function(){f(),h(),g(),c.open&&n.open()}(),n},params:{welcomescreen:{options:{},slides:[]}},/* Event handlers */on:{init:function(){window.Dom7=this.$,window.swiper=this.swiper,window.Dom7(document).on('click','.close-welcomescreen',function(a){a.preventDefault();var b=window.Dom7(this).parents('.welcomescreen-container');0<b.length&&b[0].f7Welcomescreen&&b[0].f7Welcomescreen.close()});var a=this,b=a.params.welcomescreen;a.welcomescreen=new F7WelcomescreenPlugin.Welcomescreen(a,b.slides,b.options)}}};export default F7WelcomescreenPlugin;
+parallaxSlideElements:{title:-100,subtitle:-300,text:-500}};// Private properties
+// Return instance
+return p.open=function(){k=window.Dom7(j({options:o,slides:n})),m=k.find('.welcomescreen-swiper'),e(),window.Dom7('body').append(k),d(),k[0].f7Welcomescreen=p,'function'==typeof o.onOpened&&o.onOpened()},p.close=function(){l&&l.destroy(!0),k&&k.remove(),k=m=l=void 0,'function'==typeof o.onClosed&&o.onClosed()},p.next=function(){l&&l.slideNext()},p.previous=function(){l&&l.slidePrev()},p.slideTo=function(a){l&&l.slideTo(a)},p.init=function(a,b){a&&(n=a),b&&(o=b),f(),h(),g(),o.open&&p.open()},p.init(),p},params:{welcomescreen:{options:{},slides:[]}},/* Event handlers */on:{init:function(){window.Dom7=this.$,window.swiper=this.swiper,window.Dom7(document).on('click','.close-welcomescreen',function(a){a.preventDefault();var b=window.Dom7(this).parents('.welcomescreen-container');0<b.length&&b[0].f7Welcomescreen&&b[0].f7Welcomescreen.close()});var a=this,b=a.params.welcomescreen;a.welcomescreen=new F7WelcomescreenPlugin.Welcomescreen(a,b.slides,b.options)}}};export default F7WelcomescreenPlugin;
diff --git a/index.js b/index.js
index 88edf6b..9677640 100644
--- a/index.js
+++ b/index.js
@@ -5,7 +5,10 @@ import Swiper from 'swiper';
 var F7WelcomescreenPlugin = {
   name: 'welcomescreen',
 
-  Welcomescreen: function (app, slides, options) {
+  Welcomescreen: function (app, slidesParam, optionsParam) {
+    var slides = slidesParam;
+    var options = optionsParam;
+
     // Private properties
     var self = this,
       defaultTemplate,
@@ -153,7 +156,10 @@ var F7WelcomescreenPlugin = {
       }
     };
 
-    (function () {
+    self.init = function (newSlides, newOptions) {
+      if (newSlides) slides = newSlides;
+      if (newOptions) options = newOptions;
+
       defineDefaultTemplate();
       compileTemplate();
       applyOptions();
@@ -162,7 +168,9 @@ var F7WelcomescreenPlugin = {
       if (options.open) {
         self.open();
       }
-    })();
+    };
+
+    self.init();
 
     // Return instance
     return self;
@@ -177,7 +185,7 @@ var F7WelcomescreenPlugin = {
 
   /* Event handlers */
   on: {
-    init: function () {
+    init: function (foo) {
       window.Dom7 = this.$;
       window.swiper = this.swiper;
 
diff --git a/package.json b/package.json
index b6363f1..6699509 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "f7-welcomescreen",
-  "version": "3.0.9",
+  "version": "3.0.10",
   "description": "This Framework7 plugin will guide the user through a tour of your app.",
   "main": "index.js",
   "scripts": {