matestack-ui-core 1.0.0.rc.1 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +5 -5
- data/app/concepts/matestack/ui/core/abbr/abbr.haml +1 -1
- data/app/concepts/matestack/ui/core/abbr/abbr.rb +0 -8
- data/app/concepts/matestack/ui/core/action/action.haml +1 -1
- data/app/concepts/matestack/ui/core/actionview/dynamic.haml +4 -4
- data/app/concepts/matestack/ui/core/address/address.haml +2 -2
- data/app/concepts/matestack/ui/core/area/area.haml +1 -1
- data/app/concepts/matestack/ui/core/area/area.rb +2 -16
- data/app/concepts/matestack/ui/core/article/article.haml +3 -3
- data/app/concepts/matestack/ui/core/article/article.rb +1 -1
- data/app/concepts/matestack/ui/core/aside/aside.haml +1 -1
- data/app/concepts/matestack/ui/core/aside/aside.rb +0 -1
- data/app/concepts/matestack/ui/core/async/async.rb +4 -1
- data/app/concepts/matestack/ui/core/async/children_wrapper.haml +1 -1
- data/app/concepts/matestack/ui/core/b/b.haml +3 -3
- data/app/concepts/matestack/ui/core/b/b.rb +1 -1
- data/app/concepts/matestack/ui/core/bdi/bdi.haml +3 -3
- data/app/concepts/matestack/ui/core/bdi/bdi.rb +1 -0
- data/app/concepts/matestack/ui/core/bdo/bdo.haml +3 -3
- data/app/concepts/matestack/ui/core/bdo/bdo.rb +2 -7
- data/app/concepts/matestack/ui/core/blockquote/blockquote.haml +3 -3
- data/app/concepts/matestack/ui/core/blockquote/blockquote.rb +2 -7
- data/app/concepts/matestack/ui/core/br/br.haml +4 -4
- data/app/concepts/matestack/ui/core/br/br.rb +1 -1
- data/app/concepts/matestack/ui/core/button/button.haml +3 -3
- data/app/concepts/matestack/ui/core/button/button.rb +3 -7
- data/app/concepts/matestack/ui/core/caption/caption.haml +3 -3
- data/app/concepts/matestack/ui/core/caption/caption.rb +1 -1
- data/app/concepts/matestack/ui/core/cite/cite.haml +3 -3
- data/app/concepts/matestack/ui/core/cite/cite.rb +1 -1
- data/app/concepts/matestack/ui/core/code/code.haml +3 -3
- data/app/concepts/matestack/ui/core/code/code.rb +1 -1
- data/app/concepts/matestack/ui/core/collection/content/content.rb +3 -5
- data/app/concepts/matestack/ui/core/collection/content/next/next.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/content/page/link/link.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/content/page/link/link.rb +1 -1
- data/app/concepts/matestack/ui/core/collection/content/previous/previous.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/filter/filter.rb +1 -1
- data/app/concepts/matestack/ui/core/collection/filter/input/input.rb +11 -8
- data/app/concepts/matestack/ui/core/collection/filter/reset/reset.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/filter/select/select.haml +6 -6
- data/app/concepts/matestack/ui/core/collection/filter/select/select.rb +10 -9
- data/app/concepts/matestack/ui/core/collection/filter/submit/submit.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/order/order.rb +1 -1
- data/app/concepts/matestack/ui/core/collection/order/toggle/indicator/indicator.rb +5 -2
- data/app/concepts/matestack/ui/core/collection/order/toggle/toggle.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/order/toggle/toggle.rb +0 -1
- data/app/concepts/matestack/ui/core/component/dynamic.rb +1 -0
- data/app/concepts/matestack/ui/core/data/data.haml +3 -3
- data/app/concepts/matestack/ui/core/data/data.rb +2 -5
- data/app/concepts/matestack/ui/core/datalist/datalist.haml +2 -2
- data/app/concepts/matestack/ui/core/datalist/datalist.rb +1 -2
- data/app/concepts/matestack/ui/core/dd/dd.haml +3 -3
- data/app/concepts/matestack/ui/core/dd/dd.rb +1 -1
- data/app/concepts/matestack/ui/core/del/del.haml +3 -3
- data/app/concepts/matestack/ui/core/del/del.rb +2 -0
- data/app/concepts/matestack/ui/core/details/details.haml +1 -1
- data/app/concepts/matestack/ui/core/details/details.rb +1 -1
- data/app/concepts/matestack/ui/core/dfn/dfn.haml +3 -3
- data/app/concepts/matestack/ui/core/dfn/dfn.rb +1 -1
- data/app/concepts/matestack/ui/core/dialog/dialog.haml +3 -3
- data/app/concepts/matestack/ui/core/dialog/dialog.rb +2 -5
- data/app/concepts/matestack/ui/core/div/div.haml +1 -1
- data/app/concepts/matestack/ui/core/div/div.rb +0 -1
- data/app/concepts/matestack/ui/core/dl/dl.haml +3 -3
- data/app/concepts/matestack/ui/core/dl/dl.rb +2 -2
- data/app/concepts/matestack/ui/core/dt/dt.haml +3 -3
- data/app/concepts/matestack/ui/core/dt/dt.rb +1 -1
- data/app/concepts/matestack/ui/core/em/em.haml +3 -3
- data/app/concepts/matestack/ui/core/em/em.rb +1 -1
- data/app/concepts/matestack/ui/core/fieldset/fieldset.haml +4 -4
- data/app/concepts/matestack/ui/core/fieldset/fieldset.rb +3 -6
- data/app/concepts/matestack/ui/core/figure/figure.haml +1 -1
- data/app/concepts/matestack/ui/core/figure/figure.rb +0 -1
- data/app/concepts/matestack/ui/core/footer/footer.haml +1 -1
- data/app/concepts/matestack/ui/core/footer/footer.rb +0 -1
- data/app/concepts/matestack/ui/core/form/form.haml +1 -1
- data/app/concepts/matestack/ui/core/form/form.rb +34 -28
- data/app/concepts/matestack/ui/core/form/select/select.haml +1 -1
- data/app/concepts/matestack/ui/core/form/select/select.rb +0 -20
- data/app/concepts/matestack/ui/core/form/submit/submit.haml +1 -1
- data/app/concepts/matestack/ui/core/form/submit/submit.rb +3 -3
- data/app/concepts/matestack/ui/core/header/header.haml +1 -1
- data/app/concepts/matestack/ui/core/header/header.rb +0 -1
- data/app/concepts/matestack/ui/core/heading/heading.haml +4 -49
- data/app/concepts/matestack/ui/core/heading/heading.rb +1 -3
- data/app/concepts/matestack/ui/core/hr/hr.haml +1 -1
- data/app/concepts/matestack/ui/core/hr/hr.rb +0 -1
- data/app/concepts/matestack/ui/core/icon/icon.haml +3 -3
- data/app/concepts/matestack/ui/core/icon/icon.rb +1 -1
- data/app/concepts/matestack/ui/core/iframe/iframe.haml +3 -3
- data/app/concepts/matestack/ui/core/iframe/iframe.rb +3 -10
- data/app/concepts/matestack/ui/core/img/img.haml +1 -1
- data/app/concepts/matestack/ui/core/img/img.rb +8 -8
- data/app/concepts/matestack/ui/core/input/input.rb +0 -4
- data/app/concepts/matestack/ui/core/ins/ins.haml +3 -3
- data/app/concepts/matestack/ui/core/ins/ins.rb +2 -6
- data/app/concepts/matestack/ui/core/isolated/children_wrapper.haml +1 -1
- data/app/concepts/matestack/ui/core/isolated/isolated.rb +1 -1
- data/app/concepts/matestack/ui/core/kbd/kbd.haml +3 -3
- data/app/concepts/matestack/ui/core/kbd/kbd.rb +1 -0
- data/app/concepts/matestack/ui/core/label/label.haml +3 -3
- data/app/concepts/matestack/ui/core/label/label.rb +2 -6
- data/app/concepts/matestack/ui/core/legend/legend.haml +3 -3
- data/app/concepts/matestack/ui/core/legend/legend.rb +1 -1
- data/app/concepts/matestack/ui/core/li/li.haml +3 -3
- data/app/concepts/matestack/ui/core/li/li.rb +2 -1
- data/app/concepts/matestack/ui/core/link/link.haml +3 -3
- data/app/concepts/matestack/ui/core/link/link.rb +10 -14
- data/app/concepts/matestack/ui/core/main/main.haml +1 -1
- data/app/concepts/matestack/ui/core/main/main.rb +0 -1
- data/app/concepts/matestack/ui/core/map/map.haml +1 -1
- data/app/concepts/matestack/ui/core/map/map.rb +1 -7
- data/app/concepts/matestack/ui/core/mark/mark.haml +3 -3
- data/app/concepts/matestack/ui/core/mark/mark.rb +1 -0
- data/app/concepts/matestack/ui/core/meter/meter.haml +1 -1
- data/app/concepts/matestack/ui/core/meter/meter.rb +1 -10
- data/app/concepts/matestack/ui/core/nav/nav.haml +1 -1
- data/app/concepts/matestack/ui/core/nav/nav.rb +0 -1
- data/app/concepts/matestack/ui/core/noscript/noscript.haml +3 -3
- data/app/concepts/matestack/ui/core/noscript/noscript.rb +1 -1
- data/app/concepts/matestack/ui/core/object/object.haml +1 -1
- data/app/concepts/matestack/ui/core/object/object.rb +1 -11
- data/app/concepts/matestack/ui/core/ol/ol.haml +1 -1
- data/app/concepts/matestack/ui/core/ol/ol.rb +1 -1
- data/app/concepts/matestack/ui/core/onclick/onclick.haml +1 -1
- data/app/concepts/matestack/ui/core/optgroup/optgroup.haml +1 -1
- data/app/concepts/matestack/ui/core/optgroup/optgroup.rb +1 -6
- data/app/concepts/matestack/ui/core/option/option.haml +3 -3
- data/app/concepts/matestack/ui/core/option/option.rb +2 -8
- data/app/concepts/matestack/ui/core/output/output.haml +3 -3
- data/app/concepts/matestack/ui/core/output/output.rb +2 -7
- data/app/concepts/matestack/ui/core/page/content/content.rb +0 -1
- data/app/concepts/matestack/ui/core/page/page.haml +1 -1
- data/app/concepts/matestack/ui/core/paragraph/paragraph.haml +3 -3
- data/app/concepts/matestack/ui/core/paragraph/paragraph.rb +1 -1
- data/app/concepts/matestack/ui/core/param/param.haml +1 -1
- data/app/concepts/matestack/ui/core/param/param.rb +1 -6
- data/app/concepts/matestack/ui/core/partial/partial.rb +0 -1
- data/app/concepts/matestack/ui/core/picture/picture.haml +1 -1
- data/app/concepts/matestack/ui/core/pre/pre.haml +3 -3
- data/app/concepts/matestack/ui/core/pre/pre.rb +1 -1
- data/app/concepts/matestack/ui/core/progress/progress.haml +1 -1
- data/app/concepts/matestack/ui/core/progress/progress.rb +1 -10
- data/app/concepts/matestack/ui/core/q/q.haml +3 -3
- data/app/concepts/matestack/ui/core/q/q.rb +2 -7
- data/app/concepts/matestack/ui/core/rp/rp.haml +3 -3
- data/app/concepts/matestack/ui/core/rp/rp.rb +1 -1
- data/app/concepts/matestack/ui/core/rt/rt.haml +3 -3
- data/app/concepts/matestack/ui/core/rt/rt.rb +1 -1
- data/app/concepts/matestack/ui/core/ruby/ruby.haml +3 -3
- data/app/concepts/matestack/ui/core/ruby/ruby.rb +1 -1
- data/app/concepts/matestack/ui/core/s/s.haml +3 -3
- data/app/concepts/matestack/ui/core/s/s.rb +1 -1
- data/app/concepts/matestack/ui/core/samp/samp.haml +3 -3
- data/app/concepts/matestack/ui/core/samp/samp.rb +1 -0
- data/app/concepts/matestack/ui/core/section/section.haml +1 -1
- data/app/concepts/matestack/ui/core/section/section.rb +0 -1
- data/app/concepts/matestack/ui/core/slot/slot.rb +0 -1
- data/app/concepts/matestack/ui/core/small/small.haml +3 -3
- data/app/concepts/matestack/ui/core/small/small.rb +1 -1
- data/app/concepts/matestack/ui/core/span/span.haml +3 -3
- data/app/concepts/matestack/ui/core/span/span.rb +1 -1
- data/app/concepts/matestack/ui/core/strong/strong.haml +3 -3
- data/app/concepts/matestack/ui/core/strong/strong.rb +1 -1
- data/app/concepts/matestack/ui/core/sub/sub.haml +3 -3
- data/app/concepts/matestack/ui/core/sub/sub.rb +1 -1
- data/app/concepts/matestack/ui/core/summary/summary.haml +3 -3
- data/app/concepts/matestack/ui/core/summary/summary.rb +1 -1
- data/app/concepts/matestack/ui/core/sup/sup.haml +3 -3
- data/app/concepts/matestack/ui/core/sup/sup.rb +1 -1
- data/app/concepts/matestack/ui/core/table/table.haml +1 -1
- data/app/concepts/matestack/ui/core/table/table.rb +0 -1
- data/app/concepts/matestack/ui/core/tbody/tbody.haml +1 -1
- data/app/concepts/matestack/ui/core/tbody/tbody.rb +0 -1
- data/app/concepts/matestack/ui/core/td/td.haml +3 -3
- data/app/concepts/matestack/ui/core/td/td.rb +2 -1
- data/app/concepts/matestack/ui/core/template/template.haml +1 -1
- data/app/concepts/matestack/ui/core/textarea/textarea.haml +4 -1
- data/app/concepts/matestack/ui/core/tfoot/tfoot.haml +1 -1
- data/app/concepts/matestack/ui/core/tfoot/tfoot.rb +0 -1
- data/app/concepts/matestack/ui/core/th/th.haml +3 -3
- data/app/concepts/matestack/ui/core/th/th.rb +2 -1
- data/app/concepts/matestack/ui/core/thead/thead.haml +1 -1
- data/app/concepts/matestack/ui/core/thead/thead.rb +0 -1
- data/app/concepts/matestack/ui/core/time/time.haml +1 -1
- data/app/concepts/matestack/ui/core/time/time.rb +1 -7
- data/app/concepts/matestack/ui/core/toggle/toggle.haml +1 -1
- data/app/concepts/matestack/ui/core/toggle/toggle.rb +4 -5
- data/app/concepts/matestack/ui/core/tr/tr.haml +1 -1
- data/app/concepts/matestack/ui/core/tr/tr.rb +0 -1
- data/app/concepts/matestack/ui/core/transition/transition.haml +3 -3
- data/app/concepts/matestack/ui/core/transition/transition.rb +13 -7
- data/app/concepts/matestack/ui/core/u/u.haml +3 -3
- data/app/concepts/matestack/ui/core/u/u.rb +1 -1
- data/app/concepts/matestack/ui/core/ul/ul.haml +1 -1
- data/app/concepts/matestack/ui/core/ul/ul.rb +0 -1
- data/app/concepts/matestack/ui/core/unescaped/unescaped.rb +2 -0
- data/app/concepts/matestack/ui/core/var/var.haml +3 -3
- data/app/concepts/matestack/ui/core/var/var.rb +1 -0
- data/app/concepts/matestack/ui/core/video/video.haml +2 -2
- data/app/concepts/matestack/ui/core/video/video.rb +3 -13
- data/app/concepts/matestack/ui/core/wbr/wbr.haml +5 -1
- data/app/concepts/matestack/ui/core/wbr/wbr.rb +1 -0
- data/app/concepts/matestack/ui/core/youtube/youtube.haml +1 -1
- data/app/concepts/matestack/ui/core/youtube/youtube.rb +18 -16
- data/app/helpers/matestack/ui/core/application_helper.rb +1 -0
- data/app/lib/matestack/ui/core/html_attributes.rb +1 -1
- data/app/lib/matestack/ui/core/properties.rb +95 -22
- data/lib/matestack/ui/core/components.rb +2 -1
- data/lib/matestack/ui/core/version.rb +1 -1
- data/vendor/assets/javascripts/dist/manifest.json +10 -6
- metadata +4 -6
- data/app/concepts/matestack/ui/core/collection/filter/input/input.haml +0 -2
- data/vendor/assets/javascripts/dist/manifest.json.br +0 -0
@@ -1,2 +1,2 @@
|
|
1
|
-
%div{
|
1
|
+
%div{ toggle_attributes }
|
2
2
|
= yield
|
@@ -1,12 +1,11 @@
|
|
1
1
|
module Matestack::Ui::Core::Toggle
|
2
2
|
class Toggle < Matestack::Ui::Core::Component::Dynamic
|
3
|
-
|
4
3
|
vue_js_component_name "matestack-ui-core-toggle"
|
5
4
|
|
6
|
-
def
|
7
|
-
|
8
|
-
|
9
|
-
"
|
5
|
+
def toggle_attributes
|
6
|
+
html_attributes.merge({
|
7
|
+
"v-if": "showing",
|
8
|
+
class: "matestack-toggle-component-root #{options[:class]}".strip
|
10
9
|
})
|
11
10
|
end
|
12
11
|
|
@@ -2,29 +2,35 @@ module Matestack::Ui::Core::Transition
|
|
2
2
|
class Transition < Matestack::Ui::Core::Component::Dynamic
|
3
3
|
vue_js_component_name "matestack-ui-core-transition"
|
4
4
|
|
5
|
+
requires :path
|
6
|
+
optional :text, params: { as: :transition_params }
|
7
|
+
|
5
8
|
def setup
|
6
9
|
@component_config[:link_path] = link_path
|
7
|
-
|
10
|
+
end
|
11
|
+
|
12
|
+
def transition_attributes
|
13
|
+
html_attributes.merge(
|
8
14
|
"href": link_path,
|
9
15
|
"@click.prevent": navigate_to(link_path),
|
10
16
|
"v-bind:class": "{ active: isActive, 'active-child': isChildActive }"
|
11
|
-
|
17
|
+
)
|
12
18
|
end
|
13
19
|
|
14
20
|
def link_path
|
15
|
-
if
|
21
|
+
if path.is_a?(Symbol)
|
16
22
|
return resolve_path
|
17
23
|
end
|
18
|
-
if
|
19
|
-
return
|
24
|
+
if path.is_a?(String)
|
25
|
+
return path
|
20
26
|
end
|
21
27
|
end
|
22
28
|
|
23
29
|
def resolve_path
|
24
30
|
begin
|
25
|
-
return ::Rails.application.routes.url_helpers.send(
|
31
|
+
return ::Rails.application.routes.url_helpers.send(path, transition_params)
|
26
32
|
rescue => e
|
27
|
-
raise "path '#{
|
33
|
+
raise "path '#{path}' not found, using params: #{transition_params}"
|
28
34
|
end
|
29
35
|
end
|
30
36
|
|
@@ -1,3 +1,3 @@
|
|
1
|
-
%video{
|
2
|
-
%source{:
|
1
|
+
%video{ html_attributes }
|
2
|
+
%source{ src: @source, type: @type}
|
3
3
|
Your browser does not support the video tag.
|
@@ -1,22 +1,12 @@
|
|
1
1
|
module Matestack::Ui::Core::Video
|
2
2
|
class Video < Matestack::Ui::Core::Component::Static
|
3
|
+
html_attributes :autoplay, :controls, :height, :loop, :muted, :poster, :preload, :src, :width
|
3
4
|
|
4
5
|
requires :path, :type
|
5
6
|
|
6
7
|
def setup
|
7
|
-
@
|
8
|
-
|
9
|
-
controls: options[:controls],
|
10
|
-
height: options[:height],
|
11
|
-
loop: options[:loop],
|
12
|
-
muted: options[:muted],
|
13
|
-
playsinline: options[:playsinline],
|
14
|
-
preload: options[:preload],
|
15
|
-
width: options[:width]
|
16
|
-
})
|
17
|
-
|
18
|
-
@source = ActionController::Base.helpers.asset_path(options[:path])
|
19
|
-
@type = "video/#{@options[:type]}"
|
8
|
+
@source = ActionController::Base.helpers.asset_path(path)
|
9
|
+
@type = "video/#{type}"
|
20
10
|
end
|
21
11
|
|
22
12
|
end
|
@@ -1 +1 @@
|
|
1
|
-
%iframe{
|
1
|
+
%iframe{ youtube_attributes }
|
@@ -1,25 +1,27 @@
|
|
1
1
|
module Matestack::Ui::Core::Youtube
|
2
2
|
class Youtube < Matestack::Ui::Core::Component::Static
|
3
|
+
html_attributes :allow, :allowfullscreen, :allowpaymentrequest, :height, :name,
|
4
|
+
:referrerpolicy, :sandbox, :src, :srcdoc, :width
|
3
5
|
|
4
|
-
requires :
|
6
|
+
requires :youtube_id
|
7
|
+
optional :privacy_mode, :no_controls, :start_at
|
5
8
|
|
6
9
|
def setup
|
7
|
-
url = 'https://www.youtube.com/embed/'
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
10
|
+
url = privacy_mode ? 'https://www.youtube-nocookie.com/embed/' : 'https://www.youtube.com/embed/'
|
11
|
+
@uri = URI("#{url}#{youtube_id}")
|
12
|
+
@uri.query = {
|
13
|
+
controls: (no_controls ? 0 : 1),
|
14
|
+
start: start_at
|
15
|
+
}.to_query
|
16
|
+
end
|
14
17
|
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
'
|
20
|
-
|
21
|
-
|
22
|
-
})
|
18
|
+
def youtube_attributes
|
19
|
+
html_attributes.merge(
|
20
|
+
src: @uri.to_s,
|
21
|
+
allow: 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture',
|
22
|
+
allowfullscreen: '',
|
23
|
+
frameborder: 0,
|
24
|
+
)
|
23
25
|
end
|
24
26
|
|
25
27
|
end
|
@@ -10,7 +10,6 @@ module Matestack::Ui::Core::HtmlAttributes
|
|
10
10
|
:onoffline, :ononline, :onpagehide, :onpageshow, :onpopstate, :onresize, :onstorage, :onunload
|
11
11
|
]
|
12
12
|
|
13
|
-
# prepend the initializer and add class methods
|
14
13
|
def self.included(base)
|
15
14
|
base.class_eval do
|
16
15
|
extend ClassMethods
|
@@ -20,6 +19,7 @@ module Matestack::Ui::Core::HtmlAttributes
|
|
20
19
|
module ClassMethods
|
21
20
|
|
22
21
|
def inherited(subclass)
|
22
|
+
super
|
23
23
|
subclass.html_attributes *self.allowed_html_attributes
|
24
24
|
end
|
25
25
|
|