vime_view_components 0.1.0

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

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

data/lib/vime/ui/dbl_click_fullscreen.rb

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

data/lib/vime/ui/default_ui.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/default-ui
+
+module Vime
+  module Ui
+    class DefaultUi < Component
+      option :no_captions, type: Types::Bool, default: -> { false }
+      option :no_click_to_play, type: Types::Bool, default: -> { false }
+      option :no_controls, type: Types::Bool, default: -> { false }
+      option :no_dbl_click_fullscreen, type: Types::Bool, default: -> { false }
+      option :no_icons, type: Types::Bool, default: -> { false }
+      option :no_poster, type: Types::Bool, default: -> { false }
+      option :no_settings, type: Types::Bool, default: -> { false }
+      option :no_skeleton, type: Types::Bool, default: -> { false }
+      option :no_spinner, type: Types::Bool, default: -> { false }
+
+      def call
+        content_tag "vime-default-ui", content, process_attrs(dom_attrs)
+      end
+
+      def dom_attrs
+        super.merge({
+          no_captions: no_captions,
+          no_click_to_play: no_click_to_play,
+          no_controls: no_controls,
+          no_dbl_click_fullscreen: no_dbl_click_fullscreen,
+          no_icons: no_icons,
+          no_poster: no_poster,
+          no_settings: no_settings,
+          no_skeleton: no_skeleton,
+          no_spinner: no_spinner,
+        })
+      end
+    end
+  end
+end

data/lib/vime/ui/icon.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/icon
+
+module Vime
+  module Ui
+    class Icon < Component
+      option :href, type: Types::String, optional: true
+
+      def call
+        content_tag "vime-icon", content, process_attrs(dom_attrs)
+      end
+
+      def dom_attrs
+        super.merge({
+          href: href,
+        })
+      end
+    end
+  end
+end

data/lib/vime/ui/icons.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/icons
+
+module Vime
+  module Ui
+    class Icons < Component
+      option :href, type: Types::String, optional: true
+
+      def call
+        tag "vime-icons", process_attrs(dom_attrs)
+      end
+
+      def dom_attrs
+        super.merge({
+          href: href,
+        })
+      end
+    end
+  end
+end

data/lib/vime/ui/live_indicator.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/live-indicator
+
+module Vime
+  module Ui
+    class LiveIndicator < Component
+      def call
+        tag "vime-live-indicator", process_attrs(dom_attrs)
+      end
+    end
+  end
+end

data/lib/vime/ui/poster.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/poster
+
+module Vime
+  module Ui
+    class Poster < Component
+      option :fit, type: Types::String.enum("contain", "cover", "fill", "none", "scale-down"), default: -> { "cover" }
+
+      def call
+        tag "vime-poster", process_attrs(dom_attrs)
+      end
+
+      def dom_attrs
+        super.merge({
+          fit: fit
+        })
+      end
+    end
+  end
+end

data/lib/vime/ui/scrim.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/scrim
+
+module Vime
+  module Ui
+    class Scrim < Component
+      option :gradient, type: Types::String.enum("down", "up").optional, optional: true
+
+      def call
+        content_tag "vime-scrim", content, process_attrs(dom_attrs)
+      end
+
+      def dom_attrs
+        super.merge({
+          gradient: gradient,
+        })
+      end
+    end
+  end
+end

data/lib/vime/ui/settings/default_settings.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/settings/default-settings
+
+module Vime
+  module Ui
+    module Settings
+      class DefaultSettings < Component
+        option :pin, type: Types::Pin, default: -> { "bottomRight" }
+
+        def call
+          tag "vime-default-settings", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            pin: pin,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/settings/menu.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/settings/menu
+
+module Vime
+  module Ui
+    module Settings
+      class Menu < Component
+        option :active, type: Types::Bool, default: -> { false }
+        option :controller, type: Types::String
+        option :identifier, type: Types::String
+
+        def call
+          content_tag "vime-menu", content, process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            active: active,
+            controller: controller,
+            identifier: identifier,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/settings/menu_item.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/settings/menu-item
+
+module Vime
+  module Ui
+    module Settings
+      class MenuItem < Component
+        option :badge, type: Types::String, optional: true
+        option :checked, type: Types::Bool, optional: true
+        option :checked_icon, type: Types::String, default: -> { "#vime-checkmark" }
+        option :expanded, type: Types::Bool, optional: true
+        option :hidden, type: Types::Bool, default: -> { false }
+        option :hint, type: Types::String, optional: true
+        option :identifier, type: Types::String, optional: true
+        option :label, type: Types::String
+        option :menu, type: Types::String, optional: true
+
+        def call
+          tag "vime-menu-item", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            badge: badge,
+            checked: checked,
+            checked_icon: checked_icon,
+            expanded: expanded,
+            hidden: hidden,
+            hint: hint,
+            identifier: identifier,
+            label: label,
+            menu: menu,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/settings/menu_radio.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/settings/menu-radio
+
+module Vime
+  module Ui
+    module Settings
+      class MenuRadio < Component
+        option :badge, type: Types::String, optional: true
+        option :checked, type: Types::Bool, default: -> { false }
+        option :checked_icon, type: Types::String, default: -> { "#vime-checkmark" }
+        option :label, type: Types::String
+        option :value, type: Types::String
+
+        def call
+          tag "vime-menu-radio", process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            badge: badge,
+            checked: checked,
+            checked_icon: checked_icon,
+            label: label,
+            value: value,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/settings/menu_radio_group.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/settings/menu-radio-group
+
+module Vime
+  module Ui
+    module Settings
+      class MenuRadioGroup < Component
+        option :value, type: Types::String, optional: true
+
+        def call
+          content_tag "vime-menu-radio-group", content, process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            value: value,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/settings/settings.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/settings/settings
+
+module Vime
+  module Ui
+    module Settings
+      class Settings < Component
+        option :active, type: Types::Bool, default: -> { false }
+        option :controls_height, type: Types::Integer, default: -> { 0 }
+        option :pin, type: Types::Pin, default: -> { "bottomRight" }
+
+        def call
+          content_tag "vime-settings", content, process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            active: active,
+            controls_height: controls_height,
+            pin: pin,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/settings/submenu.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/settings/submenu
+
+module Vime
+  module Ui
+    module Settings
+      class Submenu < Component
+        option :active, type: Types::Bool, default: -> { false }
+        option :hidden, type: Types::Bool, default: -> { false }
+        option :hint, type: Types::String, optional: true
+        option :label, type: Types::String
+
+        def call
+          content_tag "vime-submenu", content, process_attrs(dom_attrs)
+        end
+
+        def dom_attrs
+          super.merge({
+            active: active,
+            hidden: hidden,
+            hint: hint,
+            label: label,
+          })
+        end
+      end
+    end
+  end
+end

data/lib/vime/ui/skeleton.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/skeleton
+
+module Vime
+  module Ui
+    class Skeleton < Component
+      option :effect, type: Types::String.enum("none", "sheen"), default: -> { "sheen" }
+
+      def call
+        tag "vime-skeleton", process_attrs(dom_attrs)
+      end
+
+      def dom_attrs
+        super.merge({
+          effect: effect
+        })
+      end
+    end
+  end
+end

data/lib/vime/ui/slider.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+# @see https://vimejs.com/components/ui/slider
+
+module Vime
+  module Ui
+    class Slider < Component
+      option :label, type: Types::String, optional: true
+      option :max, type: Types::Integer, default: -> { 10 }
+      option :min, type: Types::Integer, default: -> { 0 }
+      option :step, type: Types::Integer, default: -> { 1 }
+      option :value, type: Types::Integer, default: -> { 5 }
+      option :value_text, type: Types::String, optional: true
+
+      def call
+        tag "vime-slider", process_attrs(dom_attrs)
+      end
+
+      def dom_attrs
+        super.merge({
+          label: label,
+          max: max,
+          min: min,
+          step: step,
+          value: value,
+          value_text: value_text,
+        })
+      end
+    end
+  end
+end