InnerLoader and ScrollArea components

src/InnerLoaders.jl

@@ -0,0 +1,26 @@
+module InnerLoaders
+
+using Genie, Stipple, StippleUI, StippleUI.API
+import Genie.Renderer.Html: HTMLString, normal_element, register_normal_element
+
+export innerloader
+
+register_normal_element("q__inner__loading", context = @__MODULE__)
+
+function innerloader(label::String = "",
+                          state::Union{Symbol,Nothing} = nothing,
+                          args...;
+                          wrap::Function = StippleUI.DEFAULT_WRAPPER,
+                          kwargs...)
+
+  wrap() do
+    q__inner__loading(  args...;
+              attributes(
+                        [ Symbol(":state") => state,
+                          :label => label,
+                          kwargs...
+                        ], StippleUI.API.ATTRIBUTES_MAPPINGS)...)
+  end
+end
+
+end

src/ScrollAreas.jl

@@ -0,0 +1,16 @@
+module ScrollAreas
+
+using Genie, Stipple, StippleUI, StippleUI.API
+import Genie.Renderer.Html: HTMLString, normal_element, template, register_normal_element
+
+export scrollarea
+
+register_normal_element("q__scroll__area", context = @__MODULE__)
+
+function scrollarea(args...; wrap::Function = StippleUI.DEFAULT_WRAPPER, kwargs...)
+  wrap() do
+    q__scroll__area(args...; kwargs...)
+  end
+end
+
+end

src/Spinners.jl

@@ -18,7 +18,7 @@ function spinner(spinner_type::Union{String,Symbol} = "",
                   kwargs...)
 
   wrap() do
-    getfield(Genie.Renderer.Html, Symbol("q__spinner$(isempty(string(spinner_type)) ? "" : "__")$spinner_type"))(args...; kwargs...)
+    getfield(@__MODULE__, Symbol("q__spinner$(isempty(string(spinner_type)) ? "" : "__")$spinner_type"))(args...; kwargs...)
   end
 end
 

src/StippleUI.jl

@@ -70,13 +70,15 @@ include("Forms.jl")
 include("FormInputs.jl")
 include("Headings.jl")
 include("Icons.jl")
+include("InnerLoaders.jl")
 include("Intersections.jl")
 include("Knobs.jl")
 include("Layouts.jl")
 include("Lists.jl")
 include("Menus.jl")
 include("Radios.jl")
 include("Ranges.jl")
+include("ScrollAreas.jl")
 include("Selects.jl")
 include("Separators.jl")
 include("Spaces.jl")
@@ -110,12 +112,14 @@ export quasar, quasar_pure, vue, vue_pure, xelem, xelem_pure, @click, csscolors
 @reexport using .FormInputs
 @reexport using .Headings
 @reexport using .Icons
+@reexport using .InnerLoaders
 @reexport using .Intersections
 @reexport using .Knobs
 @reexport using .Lists
 @reexport using .Menus
 @reexport using .Radios
 @reexport using .Ranges
+@reexport using .ScrollAreas
 @reexport using .Selects
 @reexport using .Separators
 @reexport using .Spaces