@micromag/screen-audio 0.3.37 → 0.3.41

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 (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +11 -11
  3. package/lib/index.js +11 -11
  4. package/package.json +11 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-audio-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-audio-disabled.micromag-screen-audio-container{overflow:hidden;pointer-events:none}.micromag-screen-audio-hidden.micromag-screen-audio-container{display:none;visibility:hidden}.micromag-screen-audio-placeholder.micromag-screen-audio-container .micromag-screen-audio-content{position:relative;padding:6px}.micromag-screen-audio-container .micromag-screen-audio-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-audio-container .micromag-screen-audio-mediaControls{padding:10px 20px 0}.micromag-screen-audio-container .micromag-screen-audio-audio{position:absolute;bottom:50%;left:0;width:100%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.micromag-screen-audio-container .micromag-screen-audio-bottomContent{position:relative}.micromag-screen-audio-container .micromag-screen-audio-empty{width:100%;height:100px;margin:0 auto}.micromag-screen-audio-container.micromag-screen-audio-isPreview{pointer-events:none}
1
+ .micromag-screen-audio-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-audio-disabled.micromag-screen-audio-container{overflow:hidden;pointer-events:none}.micromag-screen-audio-hidden.micromag-screen-audio-container{display:none;visibility:hidden}.micromag-screen-audio-placeholder.micromag-screen-audio-container .micromag-screen-audio-content{position:relative;padding:6px}.micromag-screen-audio-container .micromag-screen-audio-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-audio-container .micromag-screen-audio-mediaControls{padding:10px 20px 20px}.micromag-screen-audio-container .micromag-screen-audio-audio{position:absolute;bottom:50%;left:0;width:100%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.micromag-screen-audio-container .micromag-screen-audio-bottomContent{position:absolute;bottom:0;left:0;width:100%}.micromag-screen-audio-container .micromag-screen-audio-empty{width:100%;height:100px;margin:0 auto}.micromag-screen-audio-container.micromag-screen-audio-isPreview{pointer-events:none}
package/es/index.js CHANGED
@@ -207,6 +207,16 @@ var AudioScreen = function AudioScreen(_ref) {
207
207
  var longPressBind = useLongPress({
208
208
  onLongPress: togglePlay
209
209
  });
210
+ var cta = !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
211
+ style: {
212
+ marginTop: -spacing / 2
213
+ },
214
+ key: "call-to-action"
215
+ }, /*#__PURE__*/React.createElement(CallToAction, {
216
+ callToAction: callToAction,
217
+ animationDisabled: isPreview,
218
+ focusable: current && isView
219
+ })) : null;
210
220
  var elements = [/*#__PURE__*/React.createElement(Spacer, {
211
221
  key: "spacer-top"
212
222
  }), /*#__PURE__*/React.createElement(ScreenElement, {
@@ -269,17 +279,7 @@ var AudioScreen = function AudioScreen(_ref) {
269
279
  duration: duration,
270
280
  currentTime: currentTime,
271
281
  onSeek: onSeek
272
- }) : null) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
273
- style: {
274
- margin: -spacing,
275
- marginTop: 0
276
- },
277
- key: "call-to-action"
278
- }, /*#__PURE__*/React.createElement(CallToAction, {
279
- callToAction: callToAction,
280
- animationDisabled: isPreview,
281
- focusable: current && isView
282
- })) : null].filter(function (el) {
282
+ }) : null, cta) : null].filter(function (el) {
283
283
  return el !== null;
284
284
  });
285
285
  return /*#__PURE__*/React.createElement("div", Object.assign({
package/lib/index.js CHANGED
@@ -228,6 +228,16 @@ var AudioScreen = function AudioScreen(_ref) {
228
228
  var longPressBind = hooks.useLongPress({
229
229
  onLongPress: togglePlay
230
230
  });
231
+ var cta = !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
232
+ style: {
233
+ marginTop: -spacing / 2
234
+ },
235
+ key: "call-to-action"
236
+ }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], {
237
+ callToAction: callToAction,
238
+ animationDisabled: isPreview,
239
+ focusable: current && isView
240
+ })) : null;
231
241
  var elements = [/*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
232
242
  key: "spacer-top"
233
243
  }), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
@@ -290,17 +300,7 @@ var AudioScreen = function AudioScreen(_ref) {
290
300
  duration: duration,
291
301
  currentTime: currentTime,
292
302
  onSeek: onSeek
293
- }) : null) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
294
- style: {
295
- margin: -spacing,
296
- marginTop: 0
297
- },
298
- key: "call-to-action"
299
- }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], {
300
- callToAction: callToAction,
301
- animationDisabled: isPreview,
302
- focusable: current && isView
303
- })) : null].filter(function (el) {
303
+ }) : null, cta) : null].filter(function (el) {
304
304
  return el !== null;
305
305
  });
306
306
  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-audio",
3
- "version": "0.3.37",
3
+ "version": "0.3.41",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,15 +49,15 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.36",
53
- "@micromag/element-audio": "^0.3.36",
54
- "@micromag/element-background": "^0.3.37",
55
- "@micromag/element-call-to-action": "^0.3.36",
56
- "@micromag/element-closed-captions": "^0.3.36",
57
- "@micromag/element-container": "^0.3.36",
58
- "@micromag/element-layout": "^0.3.36",
59
- "@micromag/element-media-controls": "^0.3.36",
60
- "@micromag/transforms": "^0.3.36",
52
+ "@micromag/core": "^0.3.39",
53
+ "@micromag/element-audio": "^0.3.41",
54
+ "@micromag/element-background": "^0.3.41",
55
+ "@micromag/element-call-to-action": "^0.3.41",
56
+ "@micromag/element-closed-captions": "^0.3.39",
57
+ "@micromag/element-container": "^0.3.39",
58
+ "@micromag/element-layout": "^0.3.39",
59
+ "@micromag/element-media-controls": "^0.3.41",
60
+ "@micromag/transforms": "^0.3.39",
61
61
  "classnames": "^2.2.6",
62
62
  "lodash": "^4.17.21",
63
63
  "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "81633b181d0ca4b962255ddeaed955346d29b2e9"
70
+ "gitHead": "8c52a4fe354d583bab2697922e685998ee240aa2"
71
71
  }