@shift72/core-template 1.9.14 → 1.9.15

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 CHANGED
@@ -1,23 +1,27 @@
1
1
  # Changelog
2
2
 
3
- ## [Unreleased](https://github.com/shift72/core-template/compare/1.9.14...HEAD)
3
+ ## [Unreleased](https://github.com/shift72/core-template/compare/1.9.15...HEAD)
4
4
 
5
5
  ### Added
6
6
 
7
7
  ### Changed
8
- - Hid can-be-watched button on the film page for logged out users
9
8
 
10
9
  ### Fixed
11
10
 
11
+ ## [1.9.15](https://github.com/shift72/core-template/compare/1.9.14...1.9.15)
12
+
13
+ ### Added
14
+
15
+ - Support for applying carousel image focus area if set
16
+
12
17
  ## [1.9.14](https://github.com/shift72/core-template/compare/1.9.13...1.9.14)
13
18
 
14
19
  ### Changed
15
20
 
16
- - Hid can-be-watched button for logged out users
21
+ - fixed bug with can-be-watched button for logged out users
17
22
 
18
23
  ### Fixed
19
24
 
20
-
21
25
  ## [1.9.13](https://github.com/shift72/core-template/compare/1.9.12...1.9.13)
22
26
 
23
27
  ### Changed
package/kibble.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "core-template",
3
3
  "version": "0.0.1",
4
4
  "siteUrl": "https://tvoddemo.shift72.com",
5
- "builderVersion": "0.17.1",
5
+ "builderVersion": "0.17.5",
6
6
  "defaultLanguage": "en",
7
7
  "languages": {
8
8
  "ar": {
@@ -194,5 +194,5 @@
194
194
  "pageSize": 0
195
195
  }
196
196
  ],
197
- "coreTemplateVersion": "1.9.14"
197
+ "coreTemplateVersion": "1.9.15"
198
198
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shift72/core-template",
3
- "version": "1.9.14",
3
+ "version": "1.9.15",
4
4
  "description": "Shift72 core template",
5
5
  "license": "MIT",
6
6
  "scripts": {
@@ -52,7 +52,7 @@
52
52
  "postcss-cli": "^9.0.1",
53
53
  "rollup": "^2.23.0",
54
54
  "rollup-plugin-terser": "^6.1.0",
55
- "s72-kibble": "^0.17.1",
55
+ "s72-kibble": "^0.17.5",
56
56
  "sass": "^1.36.0"
57
57
  },
58
58
  "devDependencies": {
@@ -39,7 +39,7 @@ s72-carousel {
39
39
  top: 0;
40
40
  width: 100%;
41
41
 
42
- img {
42
+ .carousel-item-image {
43
43
  height: 100%;
44
44
  object-fit: cover;
45
45
  object-position: var(--carousel-image-object-position);
@@ -51,6 +51,15 @@ s72-carousel {
51
51
  @include media-breakpoint-up(lg) {
52
52
  object-position: var(--carousel-image-object-position-lg);
53
53
  }
54
+ &.focus-left {
55
+ object-position: left;
56
+ }
57
+ &.focus-right {
58
+ object-position: right;
59
+ }
60
+ &.focus-center {
61
+ object-position: center;
62
+ }
54
63
  }
55
64
  }
56
65
 
@@ -308,11 +308,11 @@
308
308
  }
309
309
 
310
310
  p {
311
- width: auto;
312
- max-width: 400px;
313
- text-align: center;
314
311
  margin-left: auto;
315
312
  margin-right: auto;
313
+ max-width: 400px;
314
+ text-align: center;
315
+ width: auto;
316
316
  }
317
317
  }
318
318
  }
@@ -1,5 +1,16 @@
1
1
  {{block carouselItemImage()}}
2
2
  {{if isset(.Images["Carousel"])}}
3
- <s72-image src="{{.Images.Carousel}}" alt="{{.Title}}" class="carousel-item-image"></s72-image>
3
+ {* If carousel focus is set for film (film infos metadata) or tv season (tv seasons metadata) or custom fields for Pages / Bundles then it will set a class accordingly to position the carousel image *}
4
+ {{focusClass = ""}}
5
+ {{if .GetCarouselImageFocusArea() != ""}}
6
+ {{if .GetCarouselImageFocusArea() == "left"}}
7
+ {{focusClass = "focus-left"}}
8
+ {{else if .GetCarouselImageFocusArea() == "right"}}
9
+ {{focusClass = "focus-right"}}
10
+ {{else if .GetCarouselImageFocusArea() == "center"}}
11
+ {{focusClass = "focus-center"}}
12
+ {{end}}
13
+ {{end}}
14
+ <s72-image src="{{.Images.Carousel}}" alt="{{.Title}}" class="carousel-item-image {{focusClass}}"></s72-image>
4
15
  {{end}}
5
16
  {{end}}