vime_view_components 0.1.0

data/lib/vime/providers/youtube.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/providers/youtube
+
+module Vime
+  module Providers
+    class Youtube < Component
+      option :cookies, type: Types::Bool, default: -> { false }
+      option :poster, type: Types::String, optional: true
+      option :show_fullscreen_control, type: Types::Bool, default: -> { true }
+      option :video_id, type: Types::String
+
+      def call
+        tag "vime-youtube", process_attrs(dom_attrs)
+      end
+
+      def dom_attrs
+        super.merge({
+          cookies: cookies,
+          poster: poster,
+          show_fullscreen_control: show_fullscreen_control,
+          video_id: video_id,
+        })
+      end
+    end
+  end
+end

data/lib/vime/ui/captions.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/captions
+
+module Vime
+  module Ui
+    class Captions < Component
+      option :controls_height, type: Types::Integer, default: -> { 0 }
+      option :hidden, type: Types::Bool, default: -> { false }
+
+      def call
+        tag "vime-captions", process_attrs(dom_attrs)
+      end
+
+      def dom_attrs
+        super.merge({
+          controls_height: controls_height,
+          hidden: hidden,
+        })
+      end
+    end
+  end
+end

data/lib/vime/ui/click_to_play.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/click-to-play
+
+module Vime
+  module Ui
+    class ClickToPlay < Component
+      option :use_on_mobile, type: Types::Bool, default: -> { false }
+
+      def call
+        tag "vime-click-to-play", process_attrs(dom_attrs)
+      end
+
+      def dom_attrs
+        super.merge({
+          use_on_mobile: use_on_mobile,
+        })
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/caption_control.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/caption-control
+
+module Vime
+  module Ui
+    module Controls
+      class CaptionControl < Component
+        option :hide_icon, type: Types::String, default: -> { "#vime-captions-off" }
+        option :hide_tooltip, type: Types::Bool, default: -> { false }
+        option :keys, type: Types::String, default: -> { "c" }
+        option :show_icon, type: Types::String, default: -> { "#vime-captions-on" }
+        option :tooltip_direction, type: Types::TooltipDirection, optional: true
+        option :tooltip_position, type: Types::TooltipPosition, default: -> { "top" }
+
+        def call
+          tag "vime-caption-control", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            hide_icon: hide_icon,
+            hide_tooltip: hide_tooltip,
+            keys: keys,
+            show_icon: show_icon,
+            tooltip_direction: tooltip_direction,
+            tooltip_position: tooltip_position,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/control.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/control
+
+module Vime
+  module Ui
+    module Controls
+      class Control < Component
+        option :expanded, type: Types::Bool, optional: true
+        option :hidden, type: Types::Bool, default: -> { false }
+        option :identifier, type: Types::String, optional: true
+        option :keys, type: Types::String, optional: true
+        option :label, type: Types::String
+        option :menu, type: Types::String, optional: true
+        option :pressed, type: Types::Bool, optional: true
+
+        def call
+          content_tag "vime-control", content, process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            expanded: expanded,
+            hidden: hidden,
+            identifier: identifier,
+            keys: keys,
+            label: label,
+            menu: menu,
+            pressed: pressed,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/control_group.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/control-group
+
+module Vime
+  module Ui
+    module Controls
+      class ControlGroup < Component
+        option :space, type: Types::String.enum("both", "bottom", "none", "top"), default: -> { "none" }
+
+        def call
+          content_tag "vime-control-group", content, process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            space: space,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/control_spacer.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/control-spacer
+
+module Vime
+  module Ui
+    module Controls
+      class ControlSpacer < Component
+        def call
+          tag "vime-control-spacer", process_attrs(dom_attrs)
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/controls.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/controls
+
+module Vime
+  module Ui
+    module Controls
+      class Controls < Component
+        option :active_duration, type: Types::Integer, default: -> { 2750 }
+        option :align, type: Types::String.enum("center", "end", "start"), default: -> { "center" }
+        option :direction, type: Types::String.enum("column", "row"), default: -> { "row" }
+        option :full_height, type: Types::Bool, default: -> { false }
+        option :full_width, type: Types::Bool, default: -> { false }
+        option :hidden, type: Types::Bool, default: -> { false }
+        option :hide_on_mouse_leave, type: Types::Bool, default: -> { false }
+        option :hide_when_paused, type: Types::Bool, default: -> { false }
+        option :justify, type: Types::String.enum("center", "end", "space-around", "space-between", "space-evenly", "start"), default: -> { "start" }
+        option :pin, type: Types::Pin, default: -> { "bottomLeft" }
+        option :wait_for_playback_start, type: Types::Bool, default: -> { false }
+
+        def call
+          content_tag "vime-controls", content, process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            active_duration: active_duration,
+            align: align,
+            direction: direction,
+            full_height: full_height,
+            full_width: full_width,
+            hidden: hidden,
+            hide_on_mouse_leave: hide_on_mouse_leave,
+            hide_when_paused: hide_when_paused,
+            justify: justify,
+            pin: pin,
+            wait_for_playback_start: wait_for_playback_start
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/default_controls.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/default-controls
+
+module Vime
+  module Ui
+    module Controls
+      class DefaultControls < Component
+        option :active_duration, type: Types::Integer, default: -> { 2750 }
+        option :hide_on_mouse_leave, type: Types::Bool, default: -> { false }
+        option :hide_when_paused, type: Types::Bool, default: -> { false }
+        option :wait_for_playback_start, type: Types::Bool, default: -> { false }
+
+        def call
+          tag "vime-default-controls", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            active_duration: active_duration,
+            hide_on_mouse_leave: hide_on_mouse_leave,
+            hide_when_paused: hide_when_paused,
+            wait_for_playback_start: wait_for_playback_start
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/fullscreen_control.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/fullscreen-control
+
+module Vime
+  module Ui
+    module Controls
+      class FullscreenControl < Component
+        option :enter_icon, type: Types::String, default: -> { "#vime-enter-fullscreen" }
+        option :exit_icon, type: Types::String, default: -> { "#vime-exit-fullscreen" }
+        option :hide_tooltip, type: Types::Bool, default: -> { false }
+        option :keys, type: Types::String, optional: true, default: -> { "f" }
+        option :tooltip_direction, type: Types::TooltipDirection, optional: true
+        option :tooltip_position, type: Types::TooltipPosition, default: -> { "top" }
+
+        def call
+          tag "vime-fullscreen-control", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            enter_icon: enter_icon,
+            exit_icon: exit_icon,
+            hide_tooltip: hide_tooltip,
+            keys: keys,
+            tooltip_direction: tooltip_direction,
+            tooltip_position: tooltip_position,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/mute_control.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/mute-control
+
+module Vime
+  module Ui
+    module Controls
+      class MuteControl < Component
+        option :hide_tooltip, type: Types::Bool, default: -> { false }
+        option :high_volume_icon, type: Types::String, default: -> { "#vime-volume-high" }
+        option :keys, type: Types::String.optional, default: -> { "m" }
+        option :low_volume_icon, type: Types::String, default: -> { "#vime-volume-low" }
+        option :muted_icon, type: Types::String, default: -> { "#vime-volume-mute" }
+        option :tooltip_direction, type: Types::TooltipDirection, optional: true
+        option :tooltip_position, type: Types::TooltipPosition, default: -> { "top" }
+
+        def call
+          tag "vime-mute-control", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            hide_tooltip: hide_tooltip,
+            high_volume_icon: high_volume_icon,
+            keys: keys,
+            low_volume_icon: low_volume_icon,
+            muted_icon: muted_icon,
+            tooltip_direction: tooltip_direction,
+            tooltip_position: tooltip_position,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/pip_control.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/pip-control
+
+module Vime
+  module Ui
+    module Controls
+      class PipControl < Component
+        option :enter_icon, type: Types::String, default: -> { "#vime-enter-pip" }
+        option :exit_icon, type: Types::String, default: -> { "#vime-exit-pip" }
+        option :hide_tooltip, type: Types::Bool, default: -> { false }
+        option :keys, type: Types::String, default: -> { "p" }
+        option :tooltip_direction, type: Types::TooltipDirection, optional: true
+        option :tooltip_position, type: Types::TooltipPosition, default: -> { "top" }
+
+        def call
+          tag "vime-pip-control", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            enter_icon: enter_icon,
+            exit_icon: exit_icon,
+            hide_tooltip: hide_tooltip,
+            keys: keys,
+            tooltip_direction: tooltip_direction,
+            tooltip_position: tooltip_position,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/playback_control.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/playback-control
+
+module Vime
+  module Ui
+    module Controls
+      class PlaybackControl < Component
+        option :hide_tooltip, type: Types::Bool, default: -> { false }
+        option :keys, type: Types::String.optional, default: -> { "k" }
+        option :play_icon, type: Types::String, default: -> { "#vime-play" }
+        option :pause_icon, type: Types::String, default: -> { "#vime-pause" }
+        option :tooltip_direction, type: Types::TooltipDirection, optional: true
+        option :tooltip_position, type: Types::TooltipPosition, default: -> { "top" }
+
+        def call
+          tag "vime-playback-control", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            hide_tooltip: hide_tooltip,
+            keys: keys,
+            pause_icon: pause_icon,
+            play_icon: play_icon,
+            tooltip_direction: tooltip_direction,
+            tooltip_position: tooltip_position,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/scrubber_control.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/controls/scrubber-control
+
+module Vime
+  module Ui
+    module Controls
+      class ScrubberControl < Component
+        option :always_show_hours, type: Types::Bool, default: -> { false }
+        option :hide_tooltip, type: Types::Bool, default: -> { false }
+        option :no_keyboard, type: Types::Bool, default: -> { false }
+
+        def call
+          tag "vime-scrubber-control", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            always_show_hours: always_show_hours,
+            hide_tooltip: hide_tooltip,
+            no_keyboard: no_keyboard,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/controls/settings_control.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+# @eee https://vimejs.com/components/ui/controls/settings-control
+
+module Vime
+  module Ui
+    module Controls
+      class SettingsControl < Component
+        option :expanded, type: Types::Bool, default: -> { false }
+        option :icon, type: Types::String, default: -> { "#vime-settings" }
+        option :menu, type: Types::String, optional: true
+        option :tooltip_direction, type: Types::TooltipDirection, optional: true
+        option :tooltip_position, type: Types::TooltipPosition, default: -> { "top" }
+
+        def call
+          tag "vime-settings-control", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            expanded: expanded,
+            icon: icon,
+            menu: menu,
+            tooltip_direction: tooltip_direction,
+            tooltip_position: tooltip_position,
+          })
+        end
+      end
+    end
+  end
+end