@fonixtree/magic-design 1.0.182 → 1.0.184

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.
Files changed (7) hide show
  1. package/es/composite-comp/bol/components/ImageGallery/mobile/index.js +6 -6
  2. package/es/composite-comp/bol/config-panels/ImageGalleryConfig/index.js +1 -0
  3. package/es/composite-comp/common/components/ProductItem/index.js +2 -1
  4. package/lib/composite-comp/bol/components/ImageGallery/mobile/index.js +6 -6
  5. package/lib/composite-comp/bol/config-panels/ImageGalleryConfig/index.js +1 -0
  6. package/lib/composite-comp/common/components/ProductItem/index.js +2 -1
  7. package/package.json +1 -1
package/es/composite-comp/bol/components/ImageGallery/mobile/index.js CHANGED
@@ -155,30 +155,30 @@ function (_super) {
155
155
  className: "fluid-content"
156
156
  }, /*#__PURE__*/_react["default"].createElement("div", {
157
157
  className: "left-img"
158
- }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
158
+ }, data.groupSource[0] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
159
159
  data: data.groupSource[0].image,
160
160
  maxWidth: "100%"
161
161
  })), /*#__PURE__*/_react["default"].createElement("div", {
162
162
  className: "right-img"
163
- }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
163
+ }, data.groupSource[1] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
164
164
  data: data.groupSource[1].image,
165
165
  maxWidth: "100%"
166
- }), /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
166
+ }), data.groupSource[2] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
167
167
  data: data.groupSource[2].image,
168
168
  maxWidth: "100%"
169
169
  }))), data.customize.layout.h5Layout === 'layout4' && /*#__PURE__*/_react["default"].createElement("div", {
170
170
  className: "fluid-content"
171
171
  }, /*#__PURE__*/_react["default"].createElement("div", {
172
172
  className: "left-img"
173
- }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
173
+ }, data.groupSource[0] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
174
174
  data: data.groupSource[0].image,
175
175
  maxWidth: "100%"
176
- }), /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
176
+ }), data.groupSource[1] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
177
177
  data: data.groupSource[1].image,
178
178
  maxWidth: "100%"
179
179
  })), /*#__PURE__*/_react["default"].createElement("div", {
180
180
  className: "right-img"
181
- }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
181
+ }, data.groupSource[2] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
182
182
  data: data.groupSource[2].image,
183
183
  maxWidth: "100%"
184
184
  }))));
package/es/composite-comp/bol/config-panels/ImageGalleryConfig/index.js CHANGED
@@ -43,6 +43,7 @@ function ImageGalleryConfig(props) {
43
43
  key: '1',
44
44
  name: (0, _locale.i18n)('IMAGES'),
45
45
  value: /*#__PURE__*/_react["default"].createElement(_ImageGalleryConfigImageGroup["default"], {
46
+ key: JSON.stringify(data.customize),
46
47
  customize: data.customize,
47
48
  source: data.groupSource
48
49
  })
package/es/composite-comp/common/components/ProductItem/index.js CHANGED
@@ -168,7 +168,8 @@ function (_super) {
168
168
  autoPlay: true,
169
169
  loop: true,
170
170
  muted: true,
171
- playsinline: true
171
+ playsinline: true,
172
+ "webkit-playsinline": true
172
173
  }, /*#__PURE__*/_react["default"].createElement("source", {
173
174
  src: data.url,
174
175
  type: "video/mp4"
package/lib/composite-comp/bol/components/ImageGallery/mobile/index.js CHANGED
@@ -155,30 +155,30 @@ function (_super) {
155
155
  className: "fluid-content"
156
156
  }, /*#__PURE__*/_react["default"].createElement("div", {
157
157
  className: "left-img"
158
- }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
158
+ }, data.groupSource[0] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
159
159
  data: data.groupSource[0].image,
160
160
  maxWidth: "100%"
161
161
  })), /*#__PURE__*/_react["default"].createElement("div", {
162
162
  className: "right-img"
163
- }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
163
+ }, data.groupSource[1] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
164
164
  data: data.groupSource[1].image,
165
165
  maxWidth: "100%"
166
- }), /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
166
+ }), data.groupSource[2] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
167
167
  data: data.groupSource[2].image,
168
168
  maxWidth: "100%"
169
169
  }))), data.customize.layout.h5Layout === 'layout4' && /*#__PURE__*/_react["default"].createElement("div", {
170
170
  className: "fluid-content"
171
171
  }, /*#__PURE__*/_react["default"].createElement("div", {
172
172
  className: "left-img"
173
- }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
173
+ }, data.groupSource[0] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
174
174
  data: data.groupSource[0].image,
175
175
  maxWidth: "100%"
176
- }), /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
176
+ }), data.groupSource[1] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
177
177
  data: data.groupSource[1].image,
178
178
  maxWidth: "100%"
179
179
  })), /*#__PURE__*/_react["default"].createElement("div", {
180
180
  className: "right-img"
181
- }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
181
+ }, data.groupSource[2] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
182
182
  data: data.groupSource[2].image,
183
183
  maxWidth: "100%"
184
184
  }))));
package/lib/composite-comp/bol/config-panels/ImageGalleryConfig/index.js CHANGED
@@ -43,6 +43,7 @@ function ImageGalleryConfig(props) {
43
43
  key: '1',
44
44
  name: (0, _locale.i18n)('IMAGES'),
45
45
  value: /*#__PURE__*/_react["default"].createElement(_ImageGalleryConfigImageGroup["default"], {
46
+ key: JSON.stringify(data.customize),
46
47
  customize: data.customize,
47
48
  source: data.groupSource
48
49
  })
package/lib/composite-comp/common/components/ProductItem/index.js CHANGED
@@ -168,7 +168,8 @@ function (_super) {
168
168
  autoPlay: true,
169
169
  loop: true,
170
170
  muted: true,
171
- playsinline: true
171
+ playsinline: true,
172
+ "webkit-playsinline": true
172
173
  }, /*#__PURE__*/_react["default"].createElement("source", {
173
174
  src: data.url,
174
175
  type: "video/mp4"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "1.0.182",
4
+ "version": "1.0.184",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",