1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
# frozen_string_literal: true
module Pajamas
class SpinnerComponent < Pajamas::Component
COLOR_OPTIONS = [:light, :dark].freeze
SIZE_OPTIONS = [:sm, :md, :lg, :xl].freeze
# @param [Symbol] color
# @param [Boolean] inline
# @param [String] label
# @param [Symbol] size
def initialize(color: :dark, inline: false, label: _("Loading"), size: :sm, **html_options)
@color = filter_attribute(color.to_sym, COLOR_OPTIONS)
@inline = inline
@label = label.presence
@size = filter_attribute(size.to_sym, SIZE_OPTIONS)
@html_options = html_options
end
private
def spinner_class
# rubocop:disable Tailwind/StringInterpolation -- Not a CSS utility class
["gl-spinner", "gl-spinner-#{@size}", "gl-spinner-#{@color} !gl-align-text-bottom"]
# rubocop:enable Tailwind/StringInterpolation
end
def html_options
options = format_options(options: @html_options, css_classes: "gl-spinner-container")
options[:role] = "status"
options
end
end
end
|
