alchemy-media 0.5.1 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -2
- package/assets/fonts/fontawesome5.15/fa-brands-400.eot +0 -0
- package/assets/fonts/fontawesome5.15/fa-brands-400.svg +3717 -0
- package/assets/fonts/fontawesome5.15/fa-brands-400.ttf +0 -0
- package/assets/fonts/fontawesome5.15/fa-brands-400.woff +0 -0
- package/assets/fonts/fontawesome5.15/fa-brands-400.woff2 +0 -0
- package/assets/fonts/fontawesome5.15/fa-regular-400.eot +0 -0
- package/assets/fonts/fontawesome5.15/fa-regular-400.svg +801 -0
- package/assets/fonts/fontawesome5.15/fa-regular-400.ttf +0 -0
- package/assets/fonts/fontawesome5.15/fa-regular-400.woff +0 -0
- package/assets/fonts/fontawesome5.15/fa-regular-400.woff2 +0 -0
- package/assets/fonts/fontawesome5.15/fa-solid-900.eot +0 -0
- package/assets/fonts/fontawesome5.15/fa-solid-900.svg +5028 -0
- package/assets/fonts/fontawesome5.15/fa-solid-900.ttf +0 -0
- package/assets/fonts/fontawesome5.15/fa-solid-900.woff +0 -0
- package/assets/fonts/fontawesome5.15/fa-solid-900.woff2 +0 -0
- package/assets/stylesheets/alchemy_icons.scss +60 -0
- package/assets/stylesheets/alchemy_svg.scss +9 -0
- package/assets/stylesheets/chimera/mediafield.less +0 -0
- package/assets/stylesheets/element/alchemy_file.scss +3 -0
- package/assets/stylesheets/fontawesome5.15/_animated.scss +20 -0
- package/assets/stylesheets/fontawesome5.15/_bordered-pulled.scss +20 -0
- package/assets/stylesheets/fontawesome5.15/_core.scss +21 -0
- package/assets/stylesheets/fontawesome5.15/_fixed-width.scss +6 -0
- package/assets/stylesheets/fontawesome5.15/_icons.scss +1462 -0
- package/assets/stylesheets/fontawesome5.15/_larger.scss +23 -0
- package/assets/stylesheets/fontawesome5.15/_list.scss +18 -0
- package/assets/stylesheets/fontawesome5.15/_mixins.scss +56 -0
- package/assets/stylesheets/fontawesome5.15/_rotated-flipped.scss +24 -0
- package/assets/stylesheets/fontawesome5.15/_screen-reader.scss +5 -0
- package/assets/stylesheets/fontawesome5.15/_shims.scss +2066 -0
- package/assets/stylesheets/fontawesome5.15/_stacked.scss +31 -0
- package/assets/stylesheets/fontawesome5.15/_variables.scss +1479 -0
- package/assets/stylesheets/fontawesome5.15/brands.scss +23 -0
- package/assets/stylesheets/fontawesome5.15/fontawesome.scss +16 -0
- package/assets/stylesheets/fontawesome5.15/regular.scss +23 -0
- package/assets/stylesheets/fontawesome5.15/solid.scss +24 -0
- package/assets/stylesheets/fontawesome5.15/v4-shims.scss +6 -0
- package/bootstrap.js +1 -0
- package/controller/media_files_controller.js +20 -0
- package/controller/media_gallery_chimera_controller.js +1 -0
- package/element/al_file.js +195 -0
- package/element/al_ico_element.js +17 -0
- package/element/al_svg.js +81 -0
- package/helper/media_helper.js +50 -10
- package/helper/widgets/image_widget.js +46 -0
- package/{lib/field_type → helper_field}/file_field_type.js +5 -3
- package/lib/media_types/image_media_type.js +34 -9
- package/model/media_file_model.js +9 -3
- package/model/media_raw_model.js +529 -529
- package/package.json +6 -6
- package/view/element/al_file.hwk +7 -0
- package/view/form/inputs/edit/file.hwk +8 -0
- package/assets/scripts/chimera/mediafield.js +0 -451
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// Icon Sizes
|
|
2
|
+
// -------------------------
|
|
3
|
+
|
|
4
|
+
// makes the font 33% larger relative to the icon container
|
|
5
|
+
.#{$fa-css-prefix}-lg {
|
|
6
|
+
font-size: (4em / 3);
|
|
7
|
+
line-height: (3em / 4);
|
|
8
|
+
vertical-align: -.0667em;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.#{$fa-css-prefix}-xs {
|
|
12
|
+
font-size: .75em;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.#{$fa-css-prefix}-sm {
|
|
16
|
+
font-size: .875em;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@for $i from 1 through 10 {
|
|
20
|
+
.#{$fa-css-prefix}-#{$i}x {
|
|
21
|
+
font-size: $i * 1em;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
// List Icons
|
|
2
|
+
// -------------------------
|
|
3
|
+
|
|
4
|
+
.#{$fa-css-prefix}-ul {
|
|
5
|
+
list-style-type: none;
|
|
6
|
+
margin-left: $fa-li-width * 5/4;
|
|
7
|
+
padding-left: 0;
|
|
8
|
+
|
|
9
|
+
> li { position: relative; }
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.#{$fa-css-prefix}-li {
|
|
13
|
+
left: -$fa-li-width;
|
|
14
|
+
position: absolute;
|
|
15
|
+
text-align: center;
|
|
16
|
+
width: $fa-li-width;
|
|
17
|
+
line-height: inherit;
|
|
18
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
// Mixins
|
|
2
|
+
// --------------------------
|
|
3
|
+
|
|
4
|
+
@mixin fa-icon {
|
|
5
|
+
-webkit-font-smoothing: antialiased;
|
|
6
|
+
-moz-osx-font-smoothing: grayscale;
|
|
7
|
+
display: inline-block;
|
|
8
|
+
font-style: normal;
|
|
9
|
+
font-variant: normal;
|
|
10
|
+
font-weight: normal;
|
|
11
|
+
line-height: 1;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@mixin fa-icon-rotate($degrees, $rotation) {
|
|
15
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
|
16
|
+
transform: rotate($degrees);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
|
20
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
|
21
|
+
transform: scale($horiz, $vert);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
// Only display content to screen readers. A la Bootstrap 4.
|
|
26
|
+
//
|
|
27
|
+
// See: http://a11yproject.com/posts/how-to-hide-content/
|
|
28
|
+
|
|
29
|
+
@mixin sr-only {
|
|
30
|
+
border: 0;
|
|
31
|
+
clip: rect(0, 0, 0, 0);
|
|
32
|
+
height: 1px;
|
|
33
|
+
margin: -1px;
|
|
34
|
+
overflow: hidden;
|
|
35
|
+
padding: 0;
|
|
36
|
+
position: absolute;
|
|
37
|
+
width: 1px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// Use in conjunction with .sr-only to only display content when it's focused.
|
|
41
|
+
//
|
|
42
|
+
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
|
43
|
+
//
|
|
44
|
+
// Credit: HTML5 Boilerplate
|
|
45
|
+
|
|
46
|
+
@mixin sr-only-focusable {
|
|
47
|
+
&:active,
|
|
48
|
+
&:focus {
|
|
49
|
+
clip: auto;
|
|
50
|
+
height: auto;
|
|
51
|
+
margin: 0;
|
|
52
|
+
overflow: visible;
|
|
53
|
+
position: static;
|
|
54
|
+
width: auto;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
// Rotated & Flipped Icons
|
|
2
|
+
// -------------------------
|
|
3
|
+
|
|
4
|
+
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
|
5
|
+
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
|
6
|
+
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
|
7
|
+
|
|
8
|
+
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
|
9
|
+
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
|
10
|
+
.#{$fa-css-prefix}-flip-both, .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); }
|
|
11
|
+
|
|
12
|
+
// Hook for IE8-9
|
|
13
|
+
// -------------------------
|
|
14
|
+
|
|
15
|
+
:root {
|
|
16
|
+
.#{$fa-css-prefix}-rotate-90,
|
|
17
|
+
.#{$fa-css-prefix}-rotate-180,
|
|
18
|
+
.#{$fa-css-prefix}-rotate-270,
|
|
19
|
+
.#{$fa-css-prefix}-flip-horizontal,
|
|
20
|
+
.#{$fa-css-prefix}-flip-vertical,
|
|
21
|
+
.#{$fa-css-prefix}-flip-both {
|
|
22
|
+
filter: none;
|
|
23
|
+
}
|
|
24
|
+
}
|