matestack-ui-vuejs 3.1.0 → 3.2.0.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 47b120cb5d7accb514f74488a23d713e51ba025cca34525acf0a32a7be517522
-  data.tar.gz: 5b73772d7bd90ca14f881714c32dadea62437adc4023716014b7b1bb61c96d1c
+  metadata.gz: 8af2be522edf8aee60f7b2192c44c4cda54fcd62101ae364a4fd509735e7ac3d
+  data.tar.gz: '08bfcd52eeb5f767a71af68f8587b87527e4b1d7aa2a50f3878168611efb69b8'
 SHA512:
-  metadata.gz: 6a5fdec39b4adbf64222edeb3de27ad816a3ffd1e8bc088c8644a506b7ea92707fb3c7419d00618e41c270778819033fe9278bf6b77705a03e3f46f3d8781f2f
-  data.tar.gz: 3ac124c02b8b740c40c87e93e3bd1639f4627edbf37fb1c03792722714b7475535ba1b3d0d90141c7fb1beab3d1cd690e5f0319c7d8fb781fe47a9baeab04a9b
+  metadata.gz: d64bd745d6225931daac042ff11b223d9ad16d4785fe623e570d50de1edde7f5656677200656779188f5c78977c25dfb2cfbdb015eefb11b3ed5228363b5d308
+  data.tar.gz: 3ae4451d8d7706e4f8ca60a335b73d6342b12b2258d5ba6959ee1e5aee452ad4b2a4d9a9ed133c98f45df3cc8ac0c076876c525caa0a8a9b18e5e00cdaaa0744

data/lib/matestack/ui/vue_js/components/async.js

@@ -58,7 +58,8 @@ const componentDef = {
         },
         params: {
           "component_key": self.props["component_key"],
-          "component_class": self.props["parent_class"]
+          "component_class": self.props["parent_class"],
+          "public_context": self.props["public_context"]
         }
       })
       .then(function(response){

data/lib/matestack/ui/vue_js/components/async.rb

@@ -62,6 +62,7 @@ module Matestack
               rerender_on: ctx.rerender_on,
               defer: ctx.defer,
               parent_class: isolated_parent ? isolated_parent.class.to_s : nil,
+              public_context: isolated_parent&.public_context.to_h || params[:public_context]
             }
           end
 

data/lib/matestack/ui/vue_js/components/draggable.js

@@ -0,0 +1,81 @@
+import matestackEventHub from '../event_hub'
+import componentMixin from './mixin'
+import componentHelpers from './helpers'
+
+const componentDef = {
+  mixins: [componentMixin],
+  template: componentHelpers.inlineTemplate,
+  data() {
+    return {
+      originalDisplayValue: "",
+      dropPerformInProgress: false
+    };
+  },
+  methods: {
+    onDragStart: function(event){
+      let self = this
+      if(this.props["emit_on_drag_start"]){
+        matestackEventHub.$emit(this.props["emit_on_drag_start"], {
+          draggable_id: this.props["draggable_id"],
+          drag_key: this.props["drag_key"],
+          draggable_element: this.getElement()
+        })
+      }
+      event.dataTransfer.effectAllowed = 'move';
+
+      let draggableData = {
+        draggable_id: this.props["draggable_id"],
+        drag_key: this.props["drag_key"],
+      }
+
+      event.dataTransfer.setData('text/plain', JSON.stringify(draggableData));
+
+      this.originalDisplayValue = this.getElement().style.display
+
+      setTimeout(() => {
+        // if not wrapped in timeout, the dragged element would be hidden as well
+        // we only want the source element to hidden
+        // credits: https://www.javascripttutorial.net/web-apis/javascript-drag-and-drop/
+        self.getElement().style.display = "none"
+      }, 0);
+    },
+    onDragEnd: function(event){
+      let self = this
+      if(this.props["emit_on_drag_end"]){
+        matestackEventHub.$emit(this.props["emit_on_drag_end"], {
+          draggable_id: this.props["draggable_id"],
+          drag_key: this.props["drag_key"],
+          draggable_element: this.getElement()
+        })
+      }
+      this.getElement().style.display = this.originalDisplayValue
+      if(this.dropPerformInProgress){
+        this.getElement().style.opacity = 0.1
+        this.getElement().draggable = false
+        this.getElement().disabled = true
+      }else{
+        this.getElement().style.opacity = 1
+      }
+    },
+    setDropPerformInProgress: function(event){
+      if(event.draggableId == this.props["draggable_id"]){
+        this.dropPerformInProgress = true
+      }
+    },
+    unsetDropPerformInProgress: function(event){
+      if(event.draggableId == this.props["draggable_id"]){
+        this.dropPerformInProgress = false
+      }
+    }
+  },
+  mounted(){
+    matestackEventHub.$on(this.props["drag_key"]+"_drop_perform_in_progress", this.setDropPerformInProgress)
+    matestackEventHub.$on(this.props["drag_key"]+"_drop_perform_done", this.unsetDropPerformInProgress)
+  },
+  beforeUnmount(){
+    matestackEventHub.$off(this.props["drag_key"]+"_drop_perform_in_progress", this.setDropPerformInProgress)
+    matestackEventHub.$off(this.props["drag_key"]+"_drop_perform_done", this.unsetDropPerformInProgress)
+  }
+}
+
+export default componentDef

data/lib/matestack/ui/vue_js/components/draggable.rb

@@ -0,0 +1,36 @@
+module Matestack
+  module Ui
+    module VueJs
+      module Components
+        class Draggable < Matestack::Ui::VueJs::Vue
+
+          vue_name "matestack-ui-core-draggable"
+
+          required :draggable_id
+          required :drag_key
+
+          def response
+            div options.merge({
+              ":draggable": "true",
+              "@dragstart": "vc.onDragStart($event)",
+              "@dragend": "vc.onDragEnd($event)"}) do
+                yield
+            end
+          end
+
+          private
+
+          def vue_props
+            {}.tap do |conf|
+              conf[:draggable_id] = ctx.draggable_id
+              conf[:drag_key] = ctx.drag_key
+              conf[:emit_on_drag_start] = "#{ctx.drag_key}_drag_start" if ctx.drag_key
+              conf[:emit_on_drag_end] = "#{ctx.drag_key}_drag_end" if ctx.drag_key
+            end
+          end
+
+        end
+      end
+    end
+  end
+end

data/lib/matestack/ui/vue_js/components/drop_zone.js

@@ -0,0 +1,113 @@
+import axios from "axios";
+
+import matestackEventHub from '../event_hub'
+import componentMixin from './mixin'
+import componentHelpers from './helpers'
+
+const componentDef = {
+  mixins: [componentMixin],
+  template: componentHelpers.inlineTemplate,
+  data() {
+    return {
+      highlighted: false,
+      hovered: false,
+    };
+  },
+  methods: {
+    highlight: function(eventData){
+      if(eventData["drag_key"] == this.props["drag_key"]){
+        this.highlighted = true
+      }
+    },
+    disableHighlight: function(eventData){
+      if(eventData["drag_key"] == this.props["drag_key"]){
+        this.highlighted = false
+      }
+    },
+    getHighlightClass: function(){
+      return this.props["highlight_class"]
+    },
+    getHoveredClass: function(){
+      return this.props["hover_class"]
+    },
+    onDrop: function(event) {
+      let draggableData = JSON.parse(event.dataTransfer.getData('text/plain'))
+
+      if(draggableData["drag_key"] == this.props["drag_key"]){
+        this.perform(draggableData)
+      }
+
+      this.hovered = false
+      this.highlighted = false
+
+      if (event.preventDefault) {
+        event.preventDefault()
+      }
+      return false
+    },
+    onDragEnter: function(event) {
+      if (event.preventDefault) {
+        event.preventDefault()
+      }
+
+      this.hovered = true
+      return false
+    },
+    onDragLeave: function(event) {
+      this.hovered = false
+    },
+    onDragOver: function(event) {
+      if (event.preventDefault) {
+        event.preventDefault()
+      }
+      this.hovered = true
+      return false
+    },
+    perform: function(draggableData){
+      let self = this
+      let data = this.props["data"]
+      data["draggable_id"] = draggableData["draggable_id"]
+
+      matestackEventHub.$emit(self.props["drag_key"]+"_drop_perform_in_progress", { draggableId: data["draggable_id"] });
+      axios({
+          method: this.props["method"],
+          url: this.props["path"],
+          data: data,
+          headers: {
+            'X-CSRF-Token': document.getElementsByName("csrf-token")[0].getAttribute('content')
+          }
+        }
+      )
+      .then(function(response){
+        if (self.props["success"] != undefined && self.props["success"]["emit"] != undefined) {
+          matestackEventHub.$emit(self.props["success"]["emit"], response.data);
+        }
+        matestackEventHub.$emit(self.props["drag_key"]+"_drop_perform_done", { draggableId: data["draggable_id"] });
+      })
+      .catch(function(error){
+        if (self.props["failure"] != undefined && self.props["failure"]["emit"] != undefined) {
+          matestackEventHub.$emit(self.props["failure"]["emit"], error.response.data);
+        }
+        matestackEventHub.$emit(self.props["drag_key"]+"_drop_perform_done", { draggableId: data["draggable_id"] });
+      })
+    }
+  },
+  mounted(){
+    if(this.props["highlight_on"]){
+      matestackEventHub.$on(this.props["highlight_on"], this.highlight)
+    }
+    if(this.props["disable_highlight_on"]){
+      matestackEventHub.$on(this.props["disable_highlight_on"], this.disableHighlight)
+    }
+  },
+  beforeUnmount(){
+    if(this.props["highlight_on"]){
+      matestackEventHub.$off(this.props["highlight_on"], this.highlight)
+    }
+    if(this.props["disable_highlight_on"]){
+      matestackEventHub.$off(this.props["disable_highlight_on"], this.disableHighlight)
+    }
+  }
+}
+
+export default componentDef

data/lib/matestack/ui/vue_js/components/drop_zone.rb

@@ -0,0 +1,50 @@
+module Matestack
+  module Ui
+    module VueJs
+      module Components
+        class DropZone < Matestack::Ui::VueJs::Vue
+
+          vue_name "matestack-ui-core-drop-zone"
+
+          required :path, :drag_key
+          optional :success, :failure, :data, :emit
+          optional :highlight_class, :hover_class
+
+          def response
+            div options.merge({
+              "@drop": "vc.onDrop($event)",
+              "@dragenter": "vc.onDragEnter($event)",
+              "@dragover": "vc.onDragOver($event)",
+              "@dragleave": "vc.onDragLeave($event)",
+              ":class": "[vc.highlighted ? vc.getHighlightClass() : '', vc.hovered ? vc.getHoveredClass() : '']"}) do
+                yield
+            end
+          end
+
+          private
+
+          def vue_props
+            {}.tap do |conf|
+              conf[:path] = ctx.path
+              conf[:method] = drop_method
+              conf[:success] = ctx.success
+              conf[:failure] = ctx.failure
+              conf[:data] = ctx.data
+              conf[:emit] = ctx.emit
+              conf[:drag_key] = ctx.drag_key
+              conf[:highlight_on] = "#{ctx.drag_key}_drag_start" if ctx.highlight_class
+              conf[:disable_highlight_on] = "#{ctx.drag_key}_drag_end" if ctx.highlight_class
+              conf[:highlight_class] = ctx.highlight_class
+              conf[:hover_class] = ctx.hover_class
+            end
+          end
+
+          def drop_method
+            @drop_method ||= options.delete(:method)
+          end
+
+        end
+      end
+    end
+  end
+end

data/lib/matestack/ui/vue_js/components/isolated.js

@@ -11,12 +11,23 @@ const componentDef = {
     return {
       isolatedTemplate: null,
       loading: false,
-      loadingError: false
+      loadingError: false,
+      hideCurrentContent: false
     }
   },
   methods: {
-    rerender: function(){
+    replace: function(payload){
+      this.hideCurrentContent = true
+      this.rerender(payload)
+    },
+    rerender: function(payload){
       var self = this;
+      if(self.props["public_context"] == undefined && payload != undefined && payload["public_context"] != undefined){
+        self.props["public_context"] = {}
+      }
+      if(payload != undefined && payload["public_context"] != undefined){
+        self.props["public_context"] = payload["public_context"]
+      }
       self.loading = true;
       self.loadingError = false;
       if(self.props["rerender_delay"] != undefined){
@@ -39,13 +50,14 @@ const componentDef = {
         },
         params: {
           "component_class": self.props["component_class"],
-          "public_options": self.props["public_options"]
+          "public_context": self.props["public_context"]
         }
       })
       .then(function(response){
         self.loading = false;
         self.loadingStart = false;
         self.loadingEnd = true;
+        self.hideCurrentContent = false;
         self.isolatedTemplate = response['data'];
       })
       .catch(function(error){
@@ -67,9 +79,17 @@ const componentDef = {
   beforeUnmount: function() {
     const self = this
     if(this.props["rerender_on"] != undefined){
+      var rerender_events = this.props["rerender_on"].split(",")
+      rerender_events.forEach(rerender_event => matestackEventHub.$off(rerender_event.trim(), self.rerender));
+    }
+    if(this.props["init_on"] != undefined){
       var rerender_events = this.props["rerender_on"].split(",")
       rerender_events.forEach(rerender_event => matestackEventHub.$off(rerender_event.trim(), self.renderIsolatedContent));
     }
+    if(this.props["replace_on"] != undefined){
+      var replace_events = this.props["replace_on"].split(",")
+      replace_events.forEach(replace_event => matestackEventHub.$off(replace_event.trim(), self.replace));
+    }
   },
   mounted: function (){
     const self = this
@@ -99,6 +119,11 @@ const componentDef = {
       rerender_events.forEach(rerender_event => matestackEventHub.$on(rerender_event.trim(), self.rerender));
     }
 
+    if(this.props["replace_on"] != undefined){
+      var replace_events = this.props["replace_on"].split(",")
+      replace_events.forEach(replace_event => matestackEventHub.$on(replace_event.trim(), self.replace));
+    }
+
   }
 }
 

data/lib/matestack/ui/vue_js/components/isolated.rb

@@ -5,11 +5,11 @@ module Matestack
         class Isolated < Matestack::Ui::VueJs::Vue
           vue_name 'matestack-ui-core-isolate'
 
-          optional :defer, :init_on, :public_options, :rerender_on, :rerender_delay
+          optional :defer, :init_on, :public_options, :public_context, :rerender_on, :rerender_delay, :replace_on
 
           def initialize(html_tag = nil, text = nil, options = {}, &block)
             extract_options(text, options)
-            only_public_options!
+            only_public_context!
             isolated_parent = Matestack::Ui::Core::Context.isolated_parent
             Matestack::Ui::Core::Context.isolated_parent = self
             super(html_tag, text, options, &block)
@@ -37,13 +37,13 @@ module Matestack
                   end
                 end
                 unless ctx.defer || ctx.init_on
-                  div class: 'matestack-isolated-component-wrapper', 'v-if': 'vc.isolatedTemplate == null', 'v-bind:class': '{ loading: vc.loading === true }' do
+                  div class: 'matestack-isolated-component-wrapper', 'v-if': 'vc.isolatedTemplate == null', 'v-bind:class': '{ loading: vc.loading === true }', 'v-show': '!vc.hideCurrentContent' do
                     div class: 'matestack-isolated-component-root' do
                       yield
                     end
                   end
                 end
-                div class: 'matestack-isolated-component-wrapper', 'v-if': 'vc.isolatedTemplate != null', 'v-bind:class': '{ loading: vc.loading === true }' do
+                div class: 'matestack-isolated-component-wrapper', 'v-if': 'vc.isolatedTemplate != null', 'v-bind:class': '{ loading: vc.loading === true }', 'v-show': '!vc.hideCurrentContent' do
                   div class: 'matestack-isolated-component-root' do
                     Matestack::Ui::Core::Base.new('matestack-ui-core-runtime-render', ':template': 'vc.isolatedTemplate', ':vc': 'vc')
                   end
@@ -55,24 +55,31 @@ module Matestack
           def vue_props
             {
               component_class: self.class.name,
-              public_options: ctx.public_options,
+              public_context: ctx.public_context,
               defer: ctx.defer,
               rerender_on: ctx.rerender_on,
+              replace_on: ctx.replace_on,
               rerender_delay: ctx.rerender_delay,
               init_on: ctx.init_on,
             }
           end
 
+          # will be depracted in the future, just here in order to not have a breaking change
+          # public_context is the new way to access the context within an isolated component
           def public_options
             ctx.public_options || {}
           end
 
+          def public_context
+            @public_context ||= OpenStruct.new(ctx.public_context || {})
+          end
+
           def authorized?
             raise "'authorized?' needs to be implemented by '#{self.class}'"
           end
 
-          def only_public_options!
-            if self.options.except(:defer, :init_on, :public_options, :rerender_on, :rerender_delay).keys.any?
+          def only_public_context!
+            if self.options.except(:defer, :init_on, :public_options, :public_context, :rerender_on, :rerender_delay, :replace_on).keys.any?
               error_message = "isolated components can only take params in a public_options hash, which will be exposed to the client side in order to perform an async request with these params."
               error_message << " Check your usages of '#{self.class}' components"
               raise error_message

data/lib/matestack/ui/vue_js/components/onclick.js

@@ -10,7 +10,11 @@ const componentDef = {
   },
   methods: {
     perform: function(){
-      matestackEventHub.$emit(this.props["emit"], this.props["data"])
+      if(this.props["public_context"]){
+        matestackEventHub.$emit(this.props["emit"], { public_context: this.props["public_context"] })
+      }else{
+        matestackEventHub.$emit(this.props["emit"], this.props["data"])
+      }
     }
   }
 }

data/lib/matestack/ui/vue_js/components/onclick.rb

@@ -5,7 +5,7 @@ module Matestack
         class Onclick < Matestack::Ui::VueJs::Vue
           vue_name 'matestack-ui-core-onclick'
 
-          optional :emit, :data
+          optional :emit, :data, :public_context
 
           def response
             a onclick_attributes do
@@ -27,6 +27,7 @@ module Matestack
             {
               emit: ctx.emit,
               data: ctx.data,
+              public_context: ctx.public_context,
             }
           end
 

data/lib/matestack/ui/vue_js/components.rb

@@ -35,6 +35,14 @@ module Matestack
              Matestack::Ui::VueJs::Components::Cable.(text, options, &block)
           end
 
+          def draggable(text=nil, options=nil, &block)
+             Matestack::Ui::VueJs::Components::Draggable.(text, options, &block)
+          end
+
+          def drop_zone(text=nil, options=nil, &block)
+             Matestack::Ui::VueJs::Components::DropZone.(text, options, &block)
+          end
+
           def matestack_form(text=nil, options=nil, &block)
              Matestack::Ui::VueJs::Components::Form::Form.(text, options, &block)
           end

data/lib/matestack/ui/vue_js/helper.rb

@@ -0,0 +1,77 @@
+# overwriting core helper in order to extend request differentiation
+
+module Matestack
+  module Ui
+    module Core
+      module Helper
+
+        def render(*args)
+          setup_context
+          if args.first.is_a?(Class) && args.first.ancestors.include?(Base)
+            raise 'expected a hash as second argument' unless args.second.is_a?(Hash) || args.second.nil?
+
+            begin
+              controller_layout = self.class.send(:_layout)
+            rescue
+              controller_layout = nil
+            end
+
+            options = args.second || {}
+            layout = options.delete(:matestack_layout) || self.class.matestack_layout
+            page = args.first
+
+            if controller_layout == false
+              root_layout = layout ? layout.layout : false
+            else
+              # when using the turbo-rails gem, controller_layout is a Proc
+              # https://github.com/hotwired/turbo-rails/blob/v1.0.1/app/controllers/turbo/frames/frame_request.rb#L16
+              # and not nil or a string indicating which layout to be used like before
+              if controller_layout.nil? || controller_layout.is_a?(Proc)
+                root_layout = "application"
+              else
+                root_layout = controller_layout
+              end
+            end
+
+            if layout && params[:only_page].nil? && params[:component_key].nil? && params[:component_class].nil?
+              render_layout layout, page, options, root_layout
+            else
+              if params[:component_key] && params[:component_class].nil?
+                render_component_within_page layout, page, params[:component_key], options
+              elsif params[:component_class]
+                if params[:component_key]
+                  render_component_within_isolated_component(
+                    params[:component_class].constantize,
+                    params[:component_key],
+                    public_context: JSON.parse(params[:public_context] || '{}')
+                  )
+                else
+                  render html: params[:component_class].constantize.(public_context: JSON.parse(params[:public_context] || '{}'))
+                end
+              else
+                if params[:only_page]
+                  render_page page, options, false
+                else
+                  render_page page, options, root_layout
+                end
+              end
+            end
+          else
+            super
+          end
+        end
+
+        def render_component_within_page(layout, page, component_key, options)
+          layout ? layout.new(options) { page.new(options) } : page.new(options) # create page structure in order to later access registered async components
+          render html: Matestack::Ui::Core::Context.async_components[component_key].render_content.html_safe, layout: false
+        end
+
+        def render_component_within_isolated_component(isolated_component, component_key, options)
+          isolated_component.new(nil, nil, options) # create isolated_component structure in order to later access registered async components
+          render html: Matestack::Ui::Core::Context.async_components[component_key].render_content.html_safe, layout: false
+        end
+
+      end
+    end
+  end
+end

data/lib/matestack/ui/vue_js/index.js

@@ -21,6 +21,8 @@ import transition from './components/transition'
 import async from './components/async'
 import action from './components/action'
 import cable from './components/cable'
+import draggable from './components/draggable'
+import dropZone from './components/drop_zone'
 import isolate from './components/isolated'
 import form from './components/form/form'
 import nestedForm from './components/form/nested_form'
@@ -49,6 +51,8 @@ const registerComponents = function(appInstance){
   appInstance.component('matestack-ui-core-collection-content', collectionContent)
   appInstance.component('matestack-ui-core-collection-filter', collectionFilter)
   appInstance.component('matestack-ui-core-collection-order', collectionOrder)
+  appInstance.component('matestack-ui-core-draggable', draggable)
+  appInstance.component('matestack-ui-core-drop-zone', dropZone)
   appInstance.component('matestack-ui-core-toggle', toggle)
   appInstance.component('matestack-ui-core-onclick', onclick)
   appInstance.component('matestack-ui-core-transition', transition)

data/lib/matestack/ui/vue_js/version.rb

@@ -1,7 +1,7 @@
 module Matestack
   module Ui
     module VueJs
-      VERSION = '3.1.0'
+      VERSION = '3.2.0.beta1'
     end
   end
 end

data/lib/matestack/ui/vue_js.rb

@@ -13,6 +13,7 @@ require "#{vue_js_base_path}/version"
 
 require "#{vue_js_base_path}/vue_attributes"
 require "#{vue_js_base_path}/vue"
+require "#{vue_js_base_path}/helper"
 require "#{vue_js_base_path}/components/app"
 require "#{vue_js_base_path}/components/page_switch"
 require "#{vue_js_base_path}/components/toggle"
@@ -21,6 +22,8 @@ require "#{vue_js_base_path}/components/transition"
 require "#{vue_js_base_path}/components/async"
 require "#{vue_js_base_path}/components/action"
 require "#{vue_js_base_path}/components/cable"
+require "#{vue_js_base_path}/components/draggable"
+require "#{vue_js_base_path}/components/drop_zone"
 require "#{vue_js_base_path}/components/isolated"
 require "#{vue_js_base_path}/components/form/context"
 require "#{vue_js_base_path}/components/form/base"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: matestack-ui-vuejs
 version: !ruby/object:Gem::Version
-  version: 3.1.0
+  version: 3.2.0.beta1
 platform: ruby
 authors:
 - Jonas Jabari
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-04-13 00:00:00.000000000 Z
+date: 2022-06-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: matestack-ui-core
@@ -76,6 +76,10 @@ files:
 - lib/matestack/ui/vue_js/components/collection/order_toggle_indicator.rb
 - lib/matestack/ui/vue_js/components/collection/page.rb
 - lib/matestack/ui/vue_js/components/collection/previous.rb
+- lib/matestack/ui/vue_js/components/draggable.js
+- lib/matestack/ui/vue_js/components/draggable.rb
+- lib/matestack/ui/vue_js/components/drop_zone.js
+- lib/matestack/ui/vue_js/components/drop_zone.rb
 - lib/matestack/ui/vue_js/components/form/base.rb
 - lib/matestack/ui/vue_js/components/form/checkbox.js
 - lib/matestack/ui/vue_js/components/form/checkbox.rb
@@ -115,6 +119,7 @@ files:
 - lib/matestack/ui/vue_js/components/transition.rb
 - lib/matestack/ui/vue_js/components/transition_handling_mixin.js
 - lib/matestack/ui/vue_js/event_hub.js
+- lib/matestack/ui/vue_js/helper.rb
 - lib/matestack/ui/vue_js/helpers/query_params_helper.js
 - lib/matestack/ui/vue_js/index.js
 - lib/matestack/ui/vue_js/initialize.rb
@@ -139,9 +144,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.2.15
 signing_key: