@micromag/element-visual 0.4.8 → 0.4.11

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 +3 -2
  3. package/es/styles.css +1 -1
  4. package/package.json +7 -7
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-element-visual-container{overflow:hidden;position:relative}.micromag-element-visual-container .micromag-element-visual-videoContainer{overflow:hidden;position:absolute}.micromag-element-visual-container .micromag-element-visual-videoTag{pointer-events:auto}.micromag-element-visual-container .micromag-element-visual-videoTouchOverlay{bottom:0;left:0;position:absolute;right:0;top:0}
1
+ .micromag-element-visual-container{overflow:hidden;position:relative}.micromag-element-visual-container .micromag-element-visual-videoContainer{overflow:hidden;position:absolute}.micromag-element-visual-container .micromag-element-visual-videoTag{pointer-events:auto}.micromag-element-visual-container .micromag-element-visual-videoTouchOverlay{bottom:0;left:0;position:absolute;right:0;top:0}.micromag-element-visual-container.micromag-element-visual-natural .micromag-element-visual-videoContainer{position:static}
package/es/index.js CHANGED
@@ -8,7 +8,7 @@ import { useIsVisible } from '@micromag/core/hooks';
8
8
  import Image from '@micromag/element-image';
9
9
  import Video from '@micromag/element-video';
10
10
 
11
- var styles = {"container":"micromag-element-visual-container","videoContainer":"micromag-element-visual-videoContainer","videoTag":"micromag-element-visual-videoTag","videoTouchOverlay":"micromag-element-visual-videoTouchOverlay"};
11
+ var styles = {"container":"micromag-element-visual-container","videoContainer":"micromag-element-visual-videoContainer","videoTag":"micromag-element-visual-videoTag","videoTouchOverlay":"micromag-element-visual-videoTouchOverlay","natural":"micromag-element-visual-natural"};
12
12
 
13
13
  var _excluded = ["media", "mediaRef", "width", "height", "ratio", "resolution", "objectFit", "playing", "muted", "loadingMode", "shouldLoad", "videoLoop", "videoInitialMuted", "onLoaded", "className", "imageClassName", "videoClassName", "withoutVideo", "qualityStartLevel", "onQualityLevelChange"];
14
14
  function Visual(_ref) {
@@ -113,6 +113,7 @@ function Visual(_ref) {
113
113
  top: resizedVideoTop
114
114
  };
115
115
  }
116
+ var natural = objectFit === null;
116
117
  var onLoaded = useCallback(function (e) {
117
118
  if (onParentLoaded !== null) {
118
119
  onParentLoaded(e);
@@ -130,7 +131,7 @@ function Visual(_ref) {
130
131
  className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
131
132
  imageClassName: imageClassName
132
133
  })) : null, type === 'video' && shouldLoad && !withoutVideo ? /*#__PURE__*/React.createElement("div", {
133
- className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
134
+ className: classNames([styles.container, _defineProperty(_defineProperty({}, styles.natural, natural), className, className !== null)]),
134
135
  style: {
135
136
  width: width,
136
137
  height: height,
package/es/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-element-visual-container{overflow:hidden;position:relative}.micromag-element-visual-container .micromag-element-visual-videoContainer{overflow:hidden;position:absolute}.micromag-element-visual-container .micromag-element-visual-videoTag{pointer-events:auto}.micromag-element-visual-container .micromag-element-visual-videoTouchOverlay{bottom:0;left:0;position:absolute;right:0;top:0}
1
+ .micromag-element-visual-container{overflow:hidden;position:relative}.micromag-element-visual-container .micromag-element-visual-videoContainer{overflow:hidden;position:absolute}.micromag-element-visual-container .micromag-element-visual-videoTag{pointer-events:auto}.micromag-element-visual-container .micromag-element-visual-videoTouchOverlay{bottom:0;left:0;position:absolute;right:0;top:0}.micromag-element-visual-container.micromag-element-visual-natural .micromag-element-visual-videoContainer{position:static}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-visual",
3
- "version": "0.4.8",
3
+ "version": "0.4.11",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -51,19 +51,19 @@
51
51
  "build": "../../scripts/prepare-package.sh --types"
52
52
  },
53
53
  "devDependencies": {
54
- "react": "^19.2.0",
54
+ "react": "^18.3.0 || ^19.0.0",
55
55
  "react-dom": "^18.3.0 || ^19.0.0"
56
56
  },
57
57
  "peerDependencies": {
58
- "react": "^19.2.0",
58
+ "react": "^18.3.0 || ^19.0.0",
59
59
  "react-dom": "^18.3.0 || ^19.0.0"
60
60
  },
61
61
  "dependencies": {
62
62
  "@babel/runtime": "^7.28.6",
63
63
  "@folklore/size": "^0.1.20",
64
- "@micromag/core": "^0.4.8",
65
- "@micromag/element-image": "^0.4.8",
66
- "@micromag/element-video": "^0.4.8",
64
+ "@micromag/core": "^0.4.11",
65
+ "@micromag/element-image": "^0.4.11",
66
+ "@micromag/element-video": "^0.4.11",
67
67
  "classnames": "^2.2.6",
68
68
  "uuid": "^9.0.0"
69
69
  },
@@ -71,6 +71,6 @@
71
71
  "access": "public",
72
72
  "registry": "https://registry.npmjs.org/"
73
73
  },
74
- "gitHead": "5297a63673bef346fe610ae09949f0672456b1ec",
74
+ "gitHead": "6b38ff46b6c171a258237e6b45f96a732b82adbb",
75
75
  "types": "es/index.d.ts"
76
76
  }