@micromag/screen-video 0.4.4 → 0.4.6
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/assets/css/styles.css +1 -1
- package/es/index.js +1 -1
- package/es/styles.css +1 -1
- package/package.json +12 -12
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.container{height:100%;overflow:hidden;position:relative;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .emptyContainer{height:100%;height:0;left:0;padding-bottom:56.25%;position:absolute;top:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}.container .empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);
|
|
1
|
+
.micromag-screen-video-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-video-container .micromag-screen-video-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-video-container .micromag-screen-video-content{z-index:1}.micromag-screen-video-container .micromag-screen-video-emptyContainer{height:100%;height:0;left:0;padding-bottom:56.25%;position:absolute;top:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}.micromag-screen-video-container .micromag-screen-video-empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.micromag-screen-video-container .micromag-screen-video-inner{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-video-container .micromag-screen-video-header{top:0;z-index:1}.micromag-screen-video-container .micromag-screen-video-bottom,.micromag-screen-video-container .micromag-screen-video-header{left:0;position:absolute;-webkit-transition:padding .5s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine);transition:padding .5s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine);transition:transform .5s var(--mm-ease-in-out-sine),padding .5s var(--mm-ease-in-out-sine);transition:transform .5s var(--mm-ease-in-out-sine),padding .5s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine);width:100%}.micromag-screen-video-container .micromag-screen-video-bottom{bottom:0;z-index:2}.micromag-screen-video-container .micromag-screen-video-bottom>*{margin-bottom:10px}.micromag-screen-video-container .micromag-screen-video-bottom>:last-child{margin-bottom:0}.micromag-screen-video-container .micromag-screen-video-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-pack:center;justify-content:center}.micromag-screen-video-container .micromag-screen-video-videoContainer{position:absolute}.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-image,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-placeholder,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-video-unmuteAndPlayButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:transparent;border:0;bottom:0;color:inherit;cursor:pointer;display:inline-block;display:block;font-family:inherit;height:100%;left:0;opacity:0;padding:0;position:relative;position:absolute;right:0;top:0;width:100%;z-index:3}
|
package/es/index.js
CHANGED
|
@@ -17,7 +17,7 @@ import Header from '@micromag/element-header';
|
|
|
17
17
|
import Image from '@micromag/element-image';
|
|
18
18
|
import Video from '@micromag/element-video';
|
|
19
19
|
|
|
20
|
-
var styles = {"container":"container","content":"content","emptyContainer":"emptyContainer","empty":"empty","inner":"inner","header":"header","bottom":"bottom","placeholder":"placeholder","videoContainer":"videoContainer","fullscreen":"fullscreen","image":"image","video":"video"};
|
|
20
|
+
var styles = {"container":"micromag-screen-video-container","content":"micromag-screen-video-content","emptyContainer":"micromag-screen-video-emptyContainer","empty":"micromag-screen-video-empty","inner":"micromag-screen-video-inner","header":"micromag-screen-video-header","bottom":"micromag-screen-video-bottom","placeholder":"micromag-screen-video-placeholder","videoContainer":"micromag-screen-video-videoContainer","fullscreen":"micromag-screen-video-fullscreen","image":"micromag-screen-video-image","video":"micromag-screen-video-video"};
|
|
21
21
|
|
|
22
22
|
function VideoScreen(_ref) {
|
|
23
23
|
var _ref$layout = _ref.layout,
|
package/es/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.container{height:100%;overflow:hidden;position:relative;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .emptyContainer{height:100%;height:0;left:0;padding-bottom:56.25%;position:absolute;top:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}.container .empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);
|
|
1
|
+
.micromag-screen-video-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-video-container .micromag-screen-video-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-video-container .micromag-screen-video-content{z-index:1}.micromag-screen-video-container .micromag-screen-video-emptyContainer{height:100%;height:0;left:0;padding-bottom:56.25%;position:absolute;top:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}.micromag-screen-video-container .micromag-screen-video-empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.micromag-screen-video-container .micromag-screen-video-inner{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-video-container .micromag-screen-video-header{top:0;z-index:1}.micromag-screen-video-container .micromag-screen-video-bottom,.micromag-screen-video-container .micromag-screen-video-header{left:0;position:absolute;-webkit-transition:padding .5s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine);transition:padding .5s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine);transition:transform .5s var(--mm-ease-in-out-sine),padding .5s var(--mm-ease-in-out-sine);transition:transform .5s var(--mm-ease-in-out-sine),padding .5s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine);width:100%}.micromag-screen-video-container .micromag-screen-video-bottom{bottom:0;z-index:2}.micromag-screen-video-container .micromag-screen-video-bottom>*{margin-bottom:10px}.micromag-screen-video-container .micromag-screen-video-bottom>:last-child{margin-bottom:0}.micromag-screen-video-container .micromag-screen-video-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-pack:center;justify-content:center}.micromag-screen-video-container .micromag-screen-video-videoContainer{position:absolute}.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-image,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-placeholder,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-video-unmuteAndPlayButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:transparent;border:0;bottom:0;color:inherit;cursor:pointer;display:inline-block;display:block;font-family:inherit;height:100%;left:0;opacity:0;padding:0;position:relative;position:absolute;right:0;top:0;width:100%;z-index:3}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-video",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -60,17 +60,17 @@
|
|
|
60
60
|
"react-dom": "^18.3.0 || ^19.0.0"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@babel/runtime": "^7.
|
|
63
|
+
"@babel/runtime": "^7.28.6",
|
|
64
64
|
"@folklore/size": "^0.1.20",
|
|
65
|
-
"@micromag/core": "^0.4.
|
|
66
|
-
"@micromag/element-background": "^0.4.
|
|
67
|
-
"@micromag/element-closed-captions": "^0.4.
|
|
68
|
-
"@micromag/element-container": "^0.4.
|
|
69
|
-
"@micromag/element-footer": "^0.4.
|
|
70
|
-
"@micromag/element-header": "^0.4.
|
|
71
|
-
"@micromag/element-image": "^0.4.
|
|
72
|
-
"@micromag/element-video": "^0.4.
|
|
73
|
-
"@micromag/transforms": "^0.4.
|
|
65
|
+
"@micromag/core": "^0.4.6",
|
|
66
|
+
"@micromag/element-background": "^0.4.6",
|
|
67
|
+
"@micromag/element-closed-captions": "^0.4.6",
|
|
68
|
+
"@micromag/element-container": "^0.4.6",
|
|
69
|
+
"@micromag/element-footer": "^0.4.6",
|
|
70
|
+
"@micromag/element-header": "^0.4.6",
|
|
71
|
+
"@micromag/element-image": "^0.4.6",
|
|
72
|
+
"@micromag/element-video": "^0.4.6",
|
|
73
|
+
"@micromag/transforms": "^0.4.6",
|
|
74
74
|
"classnames": "^2.2.6",
|
|
75
75
|
"lodash": "^4.17.23",
|
|
76
76
|
"react-intl": "^8.1.3",
|
|
@@ -80,6 +80,6 @@
|
|
|
80
80
|
"access": "public",
|
|
81
81
|
"registry": "https://registry.npmjs.org/"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "cf8440c2851b864167a1f545aa56551d55473263",
|
|
84
84
|
"types": "es/index.d.ts"
|
|
85
85
|
}
|