@times-components/article-image 7.19.13 → 7.20.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.20.1](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.20.0...@times-components/article-image@7.20.1) (2025-04-14)
+
+**Note:** Version bump only for package @times-components/article-image
+
+
+
+
+
+# [7.20.0](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.19.13...@times-components/article-image@7.20.0) (2025-04-14)
+
+
+### Features
+
+* **TMRP-233:** implement webp images ([#4105](https://github.com/newsuk/times-components/issues/4105)) ([66f0ce5](https://github.com/newsuk/times-components/commit/66f0ce53c4cd8fe101d66fc18c69c758e786af46))
+
+
+
+
+
 ## [7.19.13](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.19.12...@times-components/article-image@7.19.13) (2025-04-11)
 
 **Note:** Version bump only for package @times-components/article-image

package/dist/article-image.base.js

@@ -87,7 +87,8 @@ var ArticleImage = function ArticleImage(_ref) {
   var imageOptions = _ref.imageOptions,
       captionOptions = _ref.captionOptions,
       onImagePress = _ref.onImagePress,
-      images = _ref.images;
+      images = _ref.images,
+      isWebPFormatActive = _ref.isWebPFormatActive;
   var display = imageOptions.display,
       highResSize = imageOptions.highResSize,
       index = imageOptions.index,
@@ -107,7 +108,8 @@ var ArticleImage = function ArticleImage(_ref) {
     return /*#__PURE__*/_react["default"].createElement(_inlineImage["default"], {
       captionOptions: captionOptions,
       imageOptions: imageOptions,
-      onImagePress: onImagePress
+      onImagePress: onImagePress,
+      isWebPFormatActive: isWebPFormatActive
     });
   }
 
@@ -145,7 +147,8 @@ var ArticleImage = function ArticleImage(_ref) {
     relativeWidth: relativeWidth,
     relativeHeight: relativeHeight,
     relativeHorizontalOffset: relativeHorizontalOffset,
-    relativeVerticalOffset: relativeVerticalOffset
+    relativeVerticalOffset: relativeVerticalOffset,
+    isWebPFormatActive: isWebPFormatActive
   })), renderedCaption);
 };
 

package/dist/inline-image.js

@@ -44,7 +44,8 @@ var renderCaption = function renderCaption(display, caption, credits) {
 
 var InlineImage = function InlineImage(_ref) {
   var imageOptions = _ref.imageOptions,
-      captionOptions = _ref.captionOptions;
+      captionOptions = _ref.captionOptions,
+      isWebPFormatActive = _ref.isWebPFormatActive;
   var display = imageOptions.display,
       highResSize = imageOptions.highResSize,
       lowResSize = imageOptions.lowResSize,
@@ -78,7 +79,8 @@ var InlineImage = function InlineImage(_ref) {
     highResSize: highResSize,
     lowResSize: lowResSize,
     lowResQuality: lowResQuality,
-    uri: uri
+    uri: uri,
+    isWebPFormatActive: isWebPFormatActive
   })), imgCaption);
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-image",
-  "version": "7.19.13",
+  "version": "7.20.1",
   "description": "Article Image ",
   "main": "dist/article-image",
   "dev": "src/article-image",
@@ -35,8 +35,8 @@
     "@babel/core": "7.4.4",
     "@times-components/eslint-config-thetimes": "0.8.18",
     "@times-components/jest-configurator-web": "0.8.2",
-    "@times-components/jest-serializer": "3.14.0",
-    "@times-components/storybook": "4.13.1",
+    "@times-components/jest-serializer": "3.15.0",
+    "@times-components/storybook": "4.13.2",
     "@times-components/test-utils": "2.4.2",
     "@times-components/webpack-configurator": "2.1.1",
     "babel-jest": "24.8.0",
@@ -53,12 +53,12 @@
     "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/caption": "3.8.68",
-    "@times-components/context": "1.25.7",
-    "@times-components/image": "6.18.15",
-    "@times-components/responsive": "0.28.4",
-    "@times-components/ts-styleguide": "1.52.2",
-    "@times-components/utils": "6.31.4",
+    "@times-components/caption": "3.8.70",
+    "@times-components/context": "1.25.8",
+    "@times-components/image": "6.19.1",
+    "@times-components/responsive": "0.29.0",
+    "@times-components/ts-styleguide": "1.53.0",
+    "@times-components/utils": "6.31.6",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -73,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9c9f398ccdadadb526778796cc9018678b8c6fc2"
+  "gitHead": "c4c36de56820e87d8461e45758e2b008bcb0983a"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(1),i=n.n(r),a=n(4),o=n(3),c=n.n(o),l=n(7),p=n.n(l),u=n(6),s=n.n(u),d=n(2),f=n.n(d);function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}m(m({},o.propTypes),{},{CaptionComponent:f.a.func.isRequired});var y=m(m({},o.defaultProps),{},{CaptionComponent:c.a}),O=n(5),h=n.n(O),w=n(0),j=h()(a.TcView).withConfig({displayName:"responsive__InsetCaptionContainerStyle",componentId:"sc-1io40fc-0"})(["display:inline-block;margin-top:",";padding-bottom:",";padding-left:",";padding-right:",";padding-top:0;vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;margin-top:0px;padding-bottom:",";padding-left:0px;padding-top:0px;padding-right:",";width:30%;}@media (min-width:","px){padding-left:0px;width:35.71429%;}"],Object(w.spacing)(-2),Object(w.spacing)(4),Object(w.spacing)(2),Object(w.spacing)(2),w.breakpoints.medium,Object(w.spacing)(4),Object(w.spacing)(4),w.breakpoints.wide),v=h()(a.TcView).withConfig({displayName:"responsive__InsetImageStyle",componentId:"sc-1io40fc-1"})(["display:inline-block;padding-bottom:",";vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;padding-bottom:0px;padding-top:",";padding-right:",";width:30%;}@media (min-width:","px){clear:left;width:35.71429%;}"],Object(w.spacing)(4),w.breakpoints.medium,Object(w.spacing)(1),Object(w.spacing)(4),w.breakpoints.wide),x=h()(a.TcView).withConfig({displayName:"responsive__InsetCaptionStyle",componentId:"sc-1io40fc-2"})(["padding-left:",";@media (min-width:","px){padding-left:0px;}"],Object(w.spacing)(2),w.breakpoints.medium),P=h.a.div.withConfig({displayName:"responsive__FullWidthCaptionContainer",componentId:"sc-1io40fc-3"})(["padding-left:",";padding-right:",";margin:auto;text-align:center;@media (min-width:","px){padding-left:0px;padding-right:0px;width:80.8%;}@media (min-width:","px){width:56.2%;}"],Object(w.spacing)(2),Object(w.spacing)(2),w.breakpoints.medium,w.breakpoints.wide),S=function(e){var t=e.text,n=e.credits,r=e.CaptionComponent;return i.a.createElement(x,null,i.a.createElement(r,{credits:n,text:t}))};S.defaultProps=y;var C=S,E=(f.a.shape({caption:f.a.string,title:f.a.string,credits:f.a.string}),f.a.shape({display:f.a.oneOf(["primary","secondary","inline","fullwidth"]),highResSize:f.a.number,lowResQuality:f.a.number,lowResSize:f.a.number,ratio:f.a.string,uri:f.a.string.isRequired}).isRequired,f.a.func,{captionOptions:{caption:null,credits:null},onImagePress:null});function R(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,i,a=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){c=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var T=function(e){var t=e.imageOptions,n=e.captionOptions,r=t.display,a=t.highResSize,o=t.lowResSize,l=t.lowResQuality,p=t.ratio,u=t.uri,d=n.caption,f=n.title,g=function(e,t,n){return t||n?i.a.createElement(j,{key:"caption"},i.a.createElement("figcaption",null,i.a.createElement(c.a,{credits:n,text:t}))):null}(0,d,n.credits);if(!r||!p)return g;var m=R(p.split(":"),2),b=m[0]/m[1];return i.a.createElement("figure",{style:{margin:0}},i.a.createElement(v,{key:"img"},i.a.createElement(s.a,{accessibilityLabel:f||d,aspectRatio:b,highResSize:a,lowResSize:o,lowResQuality:l,uri:u})),g)};T.defaultProps=E;var D=T;function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){z(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}_({},o.propTypes);var A=_({},o.defaultProps),q=function(e){return i.a.createElement(P,null,i.a.createElement(c.a,e))};q.defaultProps=A;var W=q;function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){V(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var B={alignSelf:"center",width:w.tabletWidth-w.tabletRowPadding},Q={container:{paddingTop:0},fullwidthCaption:{alignSelf:"center",maxWidth:w.tabletWidth-w.tabletRowPadding},fullwidthContainer:{marginBottom:Object(w.spacing)(2),marginLeft:"auto",marginRight:"auto",maxWidth:w.tabletWidthMax},inlineCaption:{paddingLeft:Object(w.spacing)(2),paddingTop:0},inlineContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:Object(w.spacing)(5),paddingLeft:Object(w.spacing)(2),paddingRight:Object(w.spacing)(2),width:"100%"},inlineContainerTablet:M(M({},B),{},{flexDirection:"column",marginTop:0,paddingBottom:0,paddingLeft:Object(w.spacing)(0),paddingTop:0,width:"100%"}),inlineImage:{width:"100%"},primaryContainer:{flexDirection:"column",paddingBottom:Object(w.spacing)(3),width:"100%"},primaryContainerTablet:M({},B),secondaryCaption:{paddingLeft:Object(w.spacing)(2),paddingTop:0,width:"50%"},secondaryContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:Object(w.spacing)(4),paddingLeft:Object(w.spacing)(2),paddingRight:Object(w.spacing)(2),width:"100%"},secondaryContainerTablet:M(M({},B),{},{paddingLeft:Object(w.spacing)(0),paddingRight:Object(w.spacing)(0)}),secondaryImage:{width:"50%"}};function H(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,i,a=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){c=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return N(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return N(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var F={secondary:{container:{paddingTop:0}}};var U=function(e,t,n,r){var o=function(e){return"primary"===e?C:"fullwidth"===e?W:c.a}(n);if(!e&&!t)return null;var l=i.a.createElement(o,{credits:t,style:F[n],text:e});return"fullwidth"===n?l:i.a.createElement(a.TcView,{style:Q["".concat(n,"Caption")]},l)},$=function(e){var t=e.imageOptions,n=e.captionOptions,o=e.onImagePress,l=e.images,s=t.display,d=t.highResSize,f=t.index,g=t.lowResQuality,m=t.lowResSize,b=t.ratio,y=t.uri,O=t.relativeHeight,h=t.relativeWidth,w=t.relativeHorizontalOffset,j=t.relativeVerticalOffset,v=n.caption,x=n.title,P=n.credits;if("inline"===s)return i.a.createElement(D,{captionOptions:n,imageOptions:t,onImagePress:o});var S=i.a.createElement(p.a.Consumer,null,(function(e){e.theme;return U(v,P,s)}));if(!s||!b)return S;var C=H(b.split(":"),2),E=C[0]/C[1];return i.a.createElement(r.Fragment,null,i.a.createElement(a.TcView,{style:Q["".concat(s,"Image")]},i.a.createElement(u.ModalImage,{accessibilityLabel:x||v,aspectRatio:E,caption:i.a.createElement(c.a,{credits:P,text:v}),highResSize:d,index:f,images:l,lowResSize:m,lowResQuality:g,onImagePress:o,uri:y,relativeWidth:h,relativeHeight:O,relativeHorizontalOffset:w,relativeVerticalOffset:j})),S)};$.defaultProps=E;var G=$;t.default=G}]);
+module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(1),i=n.n(r),a=n(4),o=n(3),c=n.n(o),l=n(7),p=n.n(l),s=n(6),u=n.n(s),d=n(2),f=n.n(d);function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}m(m({},o.propTypes),{},{CaptionComponent:f.a.func.isRequired});var y=m(m({},o.defaultProps),{},{CaptionComponent:c.a}),O=n(5),h=n.n(O),w=n(0),v=h()(a.TcView).withConfig({displayName:"responsive__InsetCaptionContainerStyle",componentId:"sc-1io40fc-0"})(["display:inline-block;margin-top:",";padding-bottom:",";padding-left:",";padding-right:",";padding-top:0;vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;margin-top:0px;padding-bottom:",";padding-left:0px;padding-top:0px;padding-right:",";width:30%;}@media (min-width:","px){padding-left:0px;width:35.71429%;}"],Object(w.spacing)(-2),Object(w.spacing)(4),Object(w.spacing)(2),Object(w.spacing)(2),w.breakpoints.medium,Object(w.spacing)(4),Object(w.spacing)(4),w.breakpoints.wide),j=h()(a.TcView).withConfig({displayName:"responsive__InsetImageStyle",componentId:"sc-1io40fc-1"})(["display:inline-block;padding-bottom:",";vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;padding-bottom:0px;padding-top:",";padding-right:",";width:30%;}@media (min-width:","px){clear:left;width:35.71429%;}"],Object(w.spacing)(4),w.breakpoints.medium,Object(w.spacing)(1),Object(w.spacing)(4),w.breakpoints.wide),x=h()(a.TcView).withConfig({displayName:"responsive__InsetCaptionStyle",componentId:"sc-1io40fc-2"})(["padding-left:",";@media (min-width:","px){padding-left:0px;}"],Object(w.spacing)(2),w.breakpoints.medium),P=h.a.div.withConfig({displayName:"responsive__FullWidthCaptionContainer",componentId:"sc-1io40fc-3"})(["padding-left:",";padding-right:",";margin:auto;text-align:center;@media (min-width:","px){padding-left:0px;padding-right:0px;width:80.8%;}@media (min-width:","px){width:56.2%;}"],Object(w.spacing)(2),Object(w.spacing)(2),w.breakpoints.medium,w.breakpoints.wide),S=function(e){var t=e.text,n=e.credits,r=e.CaptionComponent;return i.a.createElement(x,null,i.a.createElement(r,{credits:n,text:t}))};S.defaultProps=y;var C=S,E=(f.a.shape({caption:f.a.string,title:f.a.string,credits:f.a.string}),f.a.shape({display:f.a.oneOf(["primary","secondary","inline","fullwidth"]),highResSize:f.a.number,lowResQuality:f.a.number,lowResSize:f.a.number,ratio:f.a.string,uri:f.a.string.isRequired}).isRequired,f.a.func,{captionOptions:{caption:null,credits:null},onImagePress:null});function R(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,i,a=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){c=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var T=function(e){var t=e.imageOptions,n=e.captionOptions,r=e.isWebPFormatActive,a=t.display,o=t.highResSize,l=t.lowResSize,p=t.lowResQuality,s=t.ratio,d=t.uri,f=n.caption,g=n.title,m=function(e,t,n){return t||n?i.a.createElement(v,{key:"caption"},i.a.createElement("figcaption",null,i.a.createElement(c.a,{credits:n,text:t}))):null}(0,f,n.credits);if(!a||!s)return m;var b=R(s.split(":"),2),y=b[0]/b[1];return i.a.createElement("figure",{style:{margin:0}},i.a.createElement(j,{key:"img"},i.a.createElement(u.a,{accessibilityLabel:g||f,aspectRatio:y,highResSize:o,lowResSize:l,lowResQuality:p,uri:d,isWebPFormatActive:r})),m)};T.defaultProps=E;var A=T;function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}W({},o.propTypes);var _=W({},o.defaultProps),z=function(e){return i.a.createElement(P,null,i.a.createElement(c.a,e))};z.defaultProps=_;var q=z;function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){F(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function F(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var V={alignSelf:"center",width:w.tabletWidth-w.tabletRowPadding},B={container:{paddingTop:0},fullwidthCaption:{alignSelf:"center",maxWidth:w.tabletWidth-w.tabletRowPadding},fullwidthContainer:{marginBottom:Object(w.spacing)(2),marginLeft:"auto",marginRight:"auto",maxWidth:w.tabletWidthMax},inlineCaption:{paddingLeft:Object(w.spacing)(2),paddingTop:0},inlineContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:Object(w.spacing)(5),paddingLeft:Object(w.spacing)(2),paddingRight:Object(w.spacing)(2),width:"100%"},inlineContainerTablet:M(M({},V),{},{flexDirection:"column",marginTop:0,paddingBottom:0,paddingLeft:Object(w.spacing)(0),paddingTop:0,width:"100%"}),inlineImage:{width:"100%"},primaryContainer:{flexDirection:"column",paddingBottom:Object(w.spacing)(3),width:"100%"},primaryContainerTablet:M({},V),secondaryCaption:{paddingLeft:Object(w.spacing)(2),paddingTop:0,width:"50%"},secondaryContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:Object(w.spacing)(4),paddingLeft:Object(w.spacing)(2),paddingRight:Object(w.spacing)(2),width:"100%"},secondaryContainerTablet:M(M({},V),{},{paddingLeft:Object(w.spacing)(0),paddingRight:Object(w.spacing)(0)}),secondaryImage:{width:"50%"}};function Q(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,i,a=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){c=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return H(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return H(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function H(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var N={secondary:{container:{paddingTop:0}}};var U=function(e,t,n,r){var o=function(e){return"primary"===e?C:"fullwidth"===e?q:c.a}(n);if(!e&&!t)return null;var l=i.a.createElement(o,{credits:t,style:N[n],text:e});return"fullwidth"===n?l:i.a.createElement(a.TcView,{style:B["".concat(n,"Caption")]},l)},$=function(e){var t=e.imageOptions,n=e.captionOptions,o=e.onImagePress,l=e.images,u=e.isWebPFormatActive,d=t.display,f=t.highResSize,g=t.index,m=t.lowResQuality,b=t.lowResSize,y=t.ratio,O=t.uri,h=t.relativeHeight,w=t.relativeWidth,v=t.relativeHorizontalOffset,j=t.relativeVerticalOffset,x=n.caption,P=n.title,S=n.credits;if("inline"===d)return i.a.createElement(A,{captionOptions:n,imageOptions:t,onImagePress:o,isWebPFormatActive:u});var C=i.a.createElement(p.a.Consumer,null,(function(e){e.theme;return U(x,S,d)}));if(!d||!y)return C;var E=Q(y.split(":"),2),R=E[0]/E[1];return i.a.createElement(r.Fragment,null,i.a.createElement(a.TcView,{style:B["".concat(d,"Image")]},i.a.createElement(s.ModalImage,{accessibilityLabel:P||x,aspectRatio:R,caption:i.a.createElement(c.a,{credits:S,text:x}),highResSize:f,index:g,images:l,lowResSize:b,lowResQuality:m,onImagePress:o,uri:O,relativeWidth:w,relativeHeight:h,relativeHorizontalOffset:v,relativeVerticalOffset:j,isWebPFormatActive:u})),C)};$.defaultProps=E;var G=$;t.default=G}]);