@scaleflex/widget-screen-capture 4.0.7 → 4.1.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2019 scaleflex
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2019 scaleflex
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,156 +1,156 @@
-# `@scaleflex/widget-screen-capture`
-
-[![Plugins][plugins-image]](#plugins)
-[![Website][filerobot-image]][sfx-url]
-[![Version][filerobot-version]][version-url]
-[![Scaleflex team][made-by-image]][sfx-url]
-[![License][license-image]][license-url]
-[![CodeSandbox][codeSandbox-image]][codeSandbox-url]
-
-
-<div align='center'>
-<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
-</div>
-
-The screen capture records the device's screen with processing the recorded video for uploading in [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core).
-
-## Usage
-
-### NPM
-
-```bash
-npm install --save @scaleflex/widget-screen-capture
-```
-
-### YARN
-
-```bash
-yarn add @scaleflex/widget-screen-capture
-```
-
-then
-
-```js
-import ScreenCapture from '@scaleflex/widget-screen-capture'
-...
-...
-...
-scaleflexWidget.use(ScreenCapture, propertiesObject)
-```
-
-### CDN
-
-The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.ScreenCapture`
-
-```js
-const ScreenCapture = window.ScaleflexWidget.ScreenCapture
-...
-...
-...
-scaleflexWidget.use(ScreenCapture, propertiesObject)
-```
-
-### Plugin's styles
-
-```js
-import '@scaleflex/widget-core/dist/style.css'
-import '@scaleflex/widget-screen-capture/dist/style.css'
-```
-
-or if you prefer the minified version
-
-```js
-import '@scaleflex/widget-core/dist/style.min.css'
-import '@scaleflex/widget-screen-capture/dist/style.min.css'
-```
-
-> The plugin's css file should be imported after the [Core's css file](../@scaleflex/widget-core/#modules-styles) for having the styles shown correctly.
-
-## Properties
-
-### `title`
-
-<u>Type:</u> `string`.
-
-<u>Default:</u> `'Screen cast'`
-
-The title shown in the top bar of the panel.
-
-### `preferredVideoMimeType`
-
-<u>Type:</u> `string`.
-
-<u>Default:</u> `null`
-
-The mime type for the recorded video to be saved with if you provided un-supported mime type then the browser's default would be used, if you left it `null` then if found any suitable type inside [`allowedFileTypes`](../core/README.md/#restrictions) it would be used.
-
-### `displayMediaConstraints`
-
-<u>Type:</u> `object`.
-
-<u>Default:</u>
-
-```js
-video: {
-  width: 1280,
-  height: 720,
-  frameRate: {
-    ideal: 3,
-    max: 5
-  },
-  cursor: 'motion',
-  displaySurface: 'monitor'
-}
-```
-
-The options being passed for [`getDisplayMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia) method of [`navigator.mediaDevices`](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/mediaDevices). Check the available options/properties from [`MDN Docs`](https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints#properties_of_shared_screen_tracks) Whether to show the video's recording length or not while it is in progress.
-
-### `userMediaConstraints`
-
-<u>Type:</u> `object`.
-
-<u>Default:</u>
-
-```js
-{
-  audio: true
-}
-```
-
-The options being passed for [`getUserMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia) method of [`navigator.mediaDevices`](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/mediaDevices). Check the available options/properties from [`MDN Docs`](https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamConstraints/audio) Whether to show the video's recording length or not while it is in progress.
-
-### `locale`
-
-<u>Type:</u> `object`.
-
-<u>Default:</u>
-
-```js
-strings: {
-  startCapturing: 'Begin screen capturing',
-  stopCapturing: 'Stop screen capturing',
-  submitRecordedFile: 'Submit captured video',
-  streamActive: 'Stream active',
-  streamPassive: 'Stream passive',
-  micDisabled: 'Microphone access denied by user',
-  recording: 'Recording'
-}
-```
-
-Customizing some of the translations or the language's strings and replace the default locale.
-
-<!-- Variables -->
-
-[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-screen-capture
-[license-url]: https://opensource.org/licenses/MIT
-[sfx-url]: https://www.scaleflex.com/
-[version-url]: https://www.npmjs.com/package/@scaleflex/widget-screen-capture
-[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js
-
-[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
-[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
-[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
-[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
-[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
-[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-screen-capture?label=Version&style=for-the-badge&logo=npm
-[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
+# `@scaleflex/widget-screen-capture`
+
+[![Plugins][plugins-image]](#plugins)
+[![Website][filerobot-image]][sfx-url]
+[![Version][filerobot-version]][version-url]
+[![Scaleflex team][made-by-image]][sfx-url]
+[![License][license-image]][license-url]
+[![CodeSandbox][codeSandbox-image]][codeSandbox-url]
+
+
+<div align='center'>
+<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
+</div>
+
+The screen capture records the device's screen with processing the recorded video for uploading in [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core).
+
+## Usage
+
+### NPM
+
+```bash
+npm install --save @scaleflex/widget-screen-capture
+```
+
+### YARN
+
+```bash
+yarn add @scaleflex/widget-screen-capture
+```
+
+then
+
+```js
+import ScreenCapture from '@scaleflex/widget-screen-capture'
+...
+...
+...
+scaleflexWidget.use(ScreenCapture, propertiesObject)
+```
+
+### CDN
+
+The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.ScreenCapture`
+
+```js
+const ScreenCapture = window.ScaleflexWidget.ScreenCapture
+...
+...
+...
+scaleflexWidget.use(ScreenCapture, propertiesObject)
+```
+
+### Plugin's styles
+
+```js
+import '@scaleflex/widget-core/dist/style.css'
+import '@scaleflex/widget-screen-capture/dist/style.css'
+```
+
+or if you prefer the minified version
+
+```js
+import '@scaleflex/widget-core/dist/style.min.css'
+import '@scaleflex/widget-screen-capture/dist/style.min.css'
+```
+
+> The plugin's css file should be imported after the [Core's css file](../@scaleflex/widget-core/#modules-styles) for having the styles shown correctly.
+
+## Properties
+
+### `title`
+
+<u>Type:</u> `string`.
+
+<u>Default:</u> `'Screen cast'`
+
+The title shown in the top bar of the panel.
+
+### `preferredVideoMimeType`
+
+<u>Type:</u> `string`.
+
+<u>Default:</u> `null`
+
+The mime type for the recorded video to be saved with if you provided un-supported mime type then the browser's default would be used, if you left it `null` then if found any suitable type inside [`allowedFileTypes`](../core/README.md/#restrictions) it would be used.
+
+### `displayMediaConstraints`
+
+<u>Type:</u> `object`.
+
+<u>Default:</u>
+
+```js
+video: {
+  width: 1280,
+  height: 720,
+  frameRate: {
+    ideal: 3,
+    max: 5
+  },
+  cursor: 'motion',
+  displaySurface: 'monitor'
+}
+```
+
+The options being passed for [`getDisplayMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia) method of [`navigator.mediaDevices`](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/mediaDevices). Check the available options/properties from [`MDN Docs`](https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints#properties_of_shared_screen_tracks) Whether to show the video's recording length or not while it is in progress.
+
+### `userMediaConstraints`
+
+<u>Type:</u> `object`.
+
+<u>Default:</u>
+
+```js
+{
+  audio: true
+}
+```
+
+The options being passed for [`getUserMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia) method of [`navigator.mediaDevices`](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/mediaDevices). Check the available options/properties from [`MDN Docs`](https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamConstraints/audio) Whether to show the video's recording length or not while it is in progress.
+
+### `locale`
+
+<u>Type:</u> `object`.
+
+<u>Default:</u>
+
+```js
+strings: {
+  startCapturing: 'Begin screen capturing',
+  stopCapturing: 'Stop screen capturing',
+  submitRecordedFile: 'Submit captured video',
+  streamActive: 'Stream active',
+  streamPassive: 'Stream passive',
+  micDisabled: 'Microphone access denied by user',
+  recording: 'Recording'
+}
+```
+
+Customizing some of the translations or the language's strings and replace the default locale.
+
+<!-- Variables -->
+
+[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-screen-capture
+[license-url]: https://opensource.org/licenses/MIT
+[sfx-url]: https://www.scaleflex.com/
+[version-url]: https://www.npmjs.com/package/@scaleflex/widget-screen-capture
+[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js
+
+[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
+[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
+[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
+[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
+[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
+[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-screen-capture?label=Version&style=for-the-badge&logo=npm
+[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox

package/dist/style.css

@@ -5,7 +5,8 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  flex-direction: column; }
+  flex-direction: column;
+}
 
 .filerobot-ScreenCapture-videoContainer {
   width: 100%;
@@ -14,9 +15,11 @@
   overflow: hidden;
   background-color: #37414B;
   text-align: center;
-  position: relative; }
-  .filerobot-size--md .filerobot-ScreenCapture-videoContainer {
-    max-width: 100%; }
+  position: relative;
+}
+.filerobot-size--md .filerobot-ScreenCapture-videoContainer {
+  max-width: 100%;
+}
 
 .filerobot-ScreenCapture-video {
   max-width: 100%;
@@ -27,7 +30,8 @@
   bottom: 0;
   left: 0;
   margin: auto;
-  outline: none; }
+  outline: none;
+}
 
 .filerobot-ScreenCapture-buttonContainer {
   width: 100%;
@@ -37,35 +41,46 @@
   align-items: center;
   justify-content: center;
   padding: 0 20px;
-  background-color: #fff; }
-  [data-filerobot-theme="dark"] .filerobot-ScreenCapture-buttonContainer {
-    background-color: #1f1f1f;
-    border-top: 1px solid #333; }
+  background-color: #fff;
+}
+[data-filerobot-theme=dark] .filerobot-ScreenCapture-buttonContainer {
+  background-color: #1f1f1f;
+  border-top: 1px solid #333;
+}
 
+.filerobot-ScreenCapture-button:focus {
+  outline: none;
+}
+.filerobot-ScreenCapture-button::-moz-focus-inner {
+  border: 0;
+}
+.filerobot-ScreenCapture-button:focus {
+  box-shadow: 0 0 0 3px rgba(82, 130, 219, 0.5);
+}
 .filerobot-ScreenCapture-button {
   width: 45px;
   height: 45px;
   border-radius: 50%;
   color: #fff;
   cursor: pointer;
-  transition: all 0.3s; }
-  .filerobot-ScreenCapture-button:focus {
-    outline: none; }
-  .filerobot-ScreenCapture-button::-moz-focus-inner {
-    border: 0; }
-  .filerobot-ScreenCapture-button:focus {
-    box-shadow: 0 0 0 3px rgba(82, 130, 219, 0.5); }
-  [data-filerobot-theme="dark"] .filerobot-ScreenCapture-button:focus {
-    outline: none; }
-  [data-filerobot-theme="dark"] .filerobot-ScreenCapture-button::-moz-focus-inner {
-    border: 0; }
-  [data-filerobot-theme="dark"] .filerobot-ScreenCapture-button:focus {
-    box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }
-  .filerobot-size--md .filerobot-ScreenCapture-button {
-    width: 60px;
-    height: 60px; }
-  .filerobot-ScreenCapture-button:hover {
-    background-color: #d31b2d; }
+  transition: all 0.3s;
+}
+[data-filerobot-theme=dark] .filerobot-ScreenCapture-button:focus {
+  outline: none;
+}
+[data-filerobot-theme=dark] .filerobot-ScreenCapture-button::-moz-focus-inner {
+  border: 0;
+}
+[data-filerobot-theme=dark] .filerobot-ScreenCapture-button:focus {
+  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
+}
+.filerobot-size--md .filerobot-ScreenCapture-button {
+  width: 60px;
+  height: 60px;
+}
+.filerobot-ScreenCapture-button:hover {
+  background-color: rgb(210.5769230769, 26.9230769231, 45.1923076923);
+}
 
 .filerobot-ScreenCapture-button svg {
   width: 30px;
@@ -75,18 +90,23 @@
   display: inline-block;
   vertical-align: text-top;
   overflow: hidden;
-  fill: currentColor; }
+  fill: currentColor;
+}
 
 .filerobot-ScreenCapture-button--submit {
   background-color: #5282DB;
-  margin-left: 12px; }
-  .filerobot-ScreenCapture-button--submit:hover {
-    background-color: #3d73d7; }
-  .filerobot-ScreenCapture-button--submit:disabled {
-    background-color: #939393;
-    cursor: default; }
-  .filerobot-ScreenCapture-button--submit:disabled:hover {
-    background-color: #eaeaea; }
+  margin-left: 12px;
+}
+.filerobot-ScreenCapture-button--submit:hover {
+  background-color: rgb(60.8923444976, 114.7488038278, 214.6076555024);
+}
+.filerobot-ScreenCapture-button--submit:disabled {
+  background-color: #939393;
+  cursor: default;
+}
+.filerobot-ScreenCapture-button--submit:disabled:hover {
+  background-color: #eaeaea;
+}
 
 .filerobot-ScreenCapture-title {
   font-size: 22px;
@@ -97,30 +117,39 @@
   padding: 0 15px;
   max-width: 500px;
   text-align: center;
-  color: #333; }
+  color: #333;
+}
 
 .filerobot-ScreenCapture-icon--stream {
   position: absolute;
   right: 0;
   top: 0;
   margin: 1rem;
-  z-index: 1; }
-  .filerobot-ScreenCapture-icon--stream svg {
-    fill: #939393; }
+  z-index: 1;
+}
+.filerobot-ScreenCapture-icon--stream svg {
+  fill: #939393;
+}
 
 .filerobot-ScreenCapture-icon--streamActive svg {
-  animation: filerobot-ScreenCapture-icon--blink 1s cubic-bezier(0.47, 0, 0.75, 0.72) infinite; }
+  animation: filerobot-ScreenCapture-icon--blink 1s cubic-bezier(0.47, 0, 0.75, 0.72) infinite;
+}
 
 @keyframes filerobot-ScreenCapture-icon--blink {
   0% {
-    fill: #5282DB; }
+    fill: #5282DB;
+  }
   50% {
-    fill: #939393; }
+    fill: #939393;
+  }
   100% {
-    fill: #5282DB; } }
-
+    fill: #5282DB;
+  }
+}
 .filerobot-ScreenCapture-button--video {
   color: #fff;
-  background: #e32437; }
-  .filerobot-ScreenCapture-button--video:hover {
-    background-color: #bc1828; }
+  background: #e32437;
+}
+.filerobot-ScreenCapture-button--video:hover {
+  background-color: rgb(187.967611336, 24.032388664, 40.3400809717);
+}

package/dist/style.min.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.filerobot-ScreenCapture-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.filerobot-ScreenCapture-videoContainer{background-color:#37414b;flex:1;flex-grow:1;overflow:hidden;position:relative;text-align:center;width:100%}.filerobot-size--md .filerobot-ScreenCapture-videoContainer{max-width:100%}.filerobot-ScreenCapture-video{bottom:0;left:0;margin:auto;max-height:100%;max-width:100%;outline:none;position:absolute;right:0;top:0}.filerobot-ScreenCapture-buttonContainer{align-items:center;background-color:#fff;border-top:1px solid #eaeaea;display:flex;height:75px;justify-content:center;padding:0 20px;width:100%}[data-filerobot-theme=dark] .filerobot-ScreenCapture-buttonContainer{background-color:#1f1f1f;border-top:1px solid #333}.filerobot-ScreenCapture-button{border-radius:50%;color:#fff;cursor:pointer;height:45px;transition:all .3s;width:45px}.filerobot-ScreenCapture-button:focus{outline:none}.filerobot-ScreenCapture-button::-moz-focus-inner{border:0}.filerobot-ScreenCapture-button:focus{box-shadow:0 0 0 3px rgba(82,130,219,.5)}[data-filerobot-theme=dark] .filerobot-ScreenCapture-button:focus{outline:none}[data-filerobot-theme=dark] .filerobot-ScreenCapture-button::-moz-focus-inner{border:0}[data-filerobot-theme=dark] .filerobot-ScreenCapture-button:focus{box-shadow:0 0 0 2px rgba(170,225,255,.85)}.filerobot-size--md .filerobot-ScreenCapture-button{height:60px;width:60px}.filerobot-ScreenCapture-button:hover{background-color:#d31b2d}.filerobot-ScreenCapture-button svg{display:inline-block;height:30px;max-height:100%;max-width:100%;overflow:hidden;vertical-align:text-top;width:30px;fill:currentColor}.filerobot-ScreenCapture-button--submit{background-color:#5282db;margin-left:12px}.filerobot-ScreenCapture-button--submit:hover{background-color:#3d73d7}.filerobot-ScreenCapture-button--submit:disabled{background-color:#939393;cursor:default}.filerobot-ScreenCapture-button--submit:disabled:hover{background-color:#eaeaea}.filerobot-ScreenCapture-title{color:#333;font-size:22px;font-weight:400;line-height:1.35;margin:0 0 5px;max-width:500px;padding:0 15px;text-align:center}.filerobot-ScreenCapture-icon--stream{margin:1rem;position:absolute;right:0;top:0;z-index:1}.filerobot-ScreenCapture-icon--stream svg{fill:#939393}.filerobot-ScreenCapture-icon--streamActive svg{animation:filerobot-ScreenCapture-icon--blink 1s cubic-bezier(.47,0,.75,.72) infinite}@keyframes filerobot-ScreenCapture-icon--blink{0%{fill:#5282db}50%{fill:#939393}to{fill:#5282db}}.filerobot-ScreenCapture-button--video{background:#e32437;color:#fff}.filerobot-ScreenCapture-button--video:hover{background-color:#bc1828}
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.filerobot-ScreenCapture-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.filerobot-ScreenCapture-videoContainer{background-color:#37414b;flex:1;flex-grow:1;overflow:hidden;position:relative;text-align:center;width:100%}.filerobot-size--md .filerobot-ScreenCapture-videoContainer{max-width:100%}.filerobot-ScreenCapture-video{bottom:0;left:0;margin:auto;max-height:100%;max-width:100%;outline:none;position:absolute;right:0;top:0}.filerobot-ScreenCapture-buttonContainer{align-items:center;background-color:#fff;border-top:1px solid #eaeaea;display:flex;height:75px;justify-content:center;padding:0 20px;width:100%}[data-filerobot-theme=dark] .filerobot-ScreenCapture-buttonContainer{background-color:#1f1f1f;border-top:1px solid #333}.filerobot-ScreenCapture-button:focus{outline:none}.filerobot-ScreenCapture-button::-moz-focus-inner{border:0}.filerobot-ScreenCapture-button:focus{box-shadow:0 0 0 3px rgba(82,130,219,.5)}.filerobot-ScreenCapture-button{border-radius:50%;color:#fff;cursor:pointer;height:45px;transition:all .3s;width:45px}[data-filerobot-theme=dark] .filerobot-ScreenCapture-button:focus{outline:none}[data-filerobot-theme=dark] .filerobot-ScreenCapture-button::-moz-focus-inner{border:0}[data-filerobot-theme=dark] .filerobot-ScreenCapture-button:focus{box-shadow:0 0 0 2px rgba(170,225,255,.85)}.filerobot-size--md .filerobot-ScreenCapture-button{height:60px;width:60px}.filerobot-ScreenCapture-button:hover{background-color:#d31b2d}.filerobot-ScreenCapture-button svg{display:inline-block;height:30px;max-height:100%;max-width:100%;overflow:hidden;vertical-align:text-top;width:30px;fill:currentColor}.filerobot-ScreenCapture-button--submit{background-color:#5282db;margin-left:12px}.filerobot-ScreenCapture-button--submit:hover{background-color:#3d73d7}.filerobot-ScreenCapture-button--submit:disabled{background-color:#939393;cursor:default}.filerobot-ScreenCapture-button--submit:disabled:hover{background-color:#eaeaea}.filerobot-ScreenCapture-title{color:#333;font-size:22px;font-weight:400;line-height:1.35;margin:0 0 5px;max-width:500px;padding:0 15px;text-align:center}.filerobot-ScreenCapture-icon--stream{margin:1rem;position:absolute;right:0;top:0;z-index:1}.filerobot-ScreenCapture-icon--stream svg{fill:#939393}.filerobot-ScreenCapture-icon--streamActive svg{animation:filerobot-ScreenCapture-icon--blink 1s cubic-bezier(.47,0,.75,.72) infinite}@keyframes filerobot-ScreenCapture-icon--blink{0%{fill:#5282db}50%{fill:#939393}to{fill:#5282db}}.filerobot-ScreenCapture-button--video{background:#e32437;color:#fff}.filerobot-ScreenCapture-button--video:hover{background-color:#bc1828}

package/lib/RecordButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Control screen capture recording. Will show record or stop button.
+/**
+ * Control screen capture recording. Will show record or stop button.
  */
 export default function RecordButton(_ref) {
   var recording = _ref.recording,

package/lib/SubmitButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Submit recorded video to filerobot. Enabled when file is available
+/**
+ * Submit recorded video to filerobot. Enabled when file is available
  */
 export default function SubmitButton(_ref) {
   var recordedVideo = _ref.recordedVideo,

package/lib/index.js

@@ -47,8 +47,8 @@ function getMediaDevices() {
   return null;
 }
 
-/**
- * Screen capture
+/**
+ * Screen capture
  */
 var ScreenCapture = /*#__PURE__*/function (_Plugin) {
   // static VERSION = packageInfo.version