LNATION / Moonshine-Bootstrap-0.05 / lib / Moonshine / Bootstrap / Component / EmbedResponsive.pm 

            

              
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
35
36
37
38
39
40
41
42
43
44
—
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

              
package Moonshine::Bootstrap::Component::EmbedResponsive;
use strict;
use warnings;
use Moonshine::Magic;
use Moonshine::Bootstrap::Component;
use Moonshine::Util;
extends 'Moonshine::Bootstrap::Component';
has(
    embed_responsive_spec => sub {
        {
            tag        => { default  => 'div' },
            class_base => { default  => 'embed-responsive' },
            ratio      => { optional => 1 },
            ratio_base => { default  => 'embed-responsive-' },
        };
    }
);
sub embed_responsive {
    my ($self) = shift;
    my ( $base_args, $build_args ) = $self->validate_build(
        {
            params => $_[0] // {},
            spec => $self->embed_responsive_spec,
        }
    );
    if ( my $ratio =
        join_class( $build_args->{ratio_base}, $build_args->{ratio} ) )
    {
        $base_args->{class} = prepend_str( $ratio, $base_args->{class} );
    }
    return Moonshine::Element->new($base_args);
}
1;
__END__
=head1 NAME
Moonshine::Bootstrap::Component::EmbedResponsive
=head1 SYNOPSIS
    responsive_embed({  });
returns a Moonshine::Element that renders too..
     
    <div class="embed-responsive embed-responsive-16by9">
        ...
    </div>
=cut