@scaleflex/widget-screen-capture 4.3.0 → 4.4.0

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/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [4.4.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.1.0...v4.4.0) (2025-10-07)
7
+
8
+ **Note:** Version bump only for package @scaleflex/widget-screen-capture
9
+
10
+
11
+
12
+
13
+
6
14
  # [4.3.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.1.0...v4.3.0) (2025-10-02)
7
15
 
8
16
  **Note:** Version bump only for package @scaleflex/widget-screen-capture
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@scaleflex/widget-screen-capture",
3
3
  "description": "Scaleflex plugin that captures video from display or application.",
4
- "version": "4.3.0",
4
+ "version": "4.4.0",
5
5
  "license": "MIT",
6
6
  "main": "lib/index.js",
7
7
  "style": "dist/style.min.css",
8
8
  "types": "types/index.d.ts",
9
9
  "dependencies": {
10
- "@scaleflex/widget-utils": "^4.3.0"
10
+ "@scaleflex/widget-utils": "^4.4.0"
11
11
  },
12
12
  "devDependencies": {
13
13
  "react": "^19.0.0",
@@ -27,5 +27,5 @@
27
27
  "/lib",
28
28
  "/types"
29
29
  ],
30
- "gitHead": "712930995f6dfd4a0d874c0638dde61065fd0683"
30
+ "gitHead": "04b8ec545c4f10be89f5a44eed954acf8433360c"
31
31
  }
package/dist/style.css DELETED
@@ -1,155 +0,0 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
2
- .filerobot-ScreenCapture-container {
3
- width: 100%;
4
- height: 100%;
5
- display: flex;
6
- justify-content: center;
7
- align-items: center;
8
- flex-direction: column;
9
- }
10
-
11
- .filerobot-ScreenCapture-videoContainer {
12
- width: 100%;
13
- flex: 1;
14
- flex-grow: 1;
15
- overflow: hidden;
16
- background-color: #37414B;
17
- text-align: center;
18
- position: relative;
19
- }
20
- .filerobot-size--md .filerobot-ScreenCapture-videoContainer {
21
- max-width: 100%;
22
- }
23
-
24
- .filerobot-ScreenCapture-video {
25
- max-width: 100%;
26
- max-height: 100%;
27
- position: absolute;
28
- top: 0;
29
- right: 0;
30
- bottom: 0;
31
- left: 0;
32
- margin: auto;
33
- outline: none;
34
- }
35
-
36
- .filerobot-ScreenCapture-buttonContainer {
37
- width: 100%;
38
- height: 75px;
39
- border-top: 1px solid #eaeaea;
40
- display: flex;
41
- align-items: center;
42
- justify-content: center;
43
- padding: 0 20px;
44
- background-color: #fff;
45
- }
46
- [data-filerobot-theme=dark] .filerobot-ScreenCapture-buttonContainer {
47
- background-color: #1f1f1f;
48
- border-top: 1px solid #333;
49
- }
50
-
51
- .filerobot-ScreenCapture-button:focus {
52
- outline: none;
53
- }
54
- .filerobot-ScreenCapture-button::-moz-focus-inner {
55
- border: 0;
56
- }
57
- .filerobot-ScreenCapture-button:focus {
58
- box-shadow: 0 0 0 3px rgba(82, 130, 219, 0.5);
59
- }
60
- .filerobot-ScreenCapture-button {
61
- width: 45px;
62
- height: 45px;
63
- border-radius: 50%;
64
- color: #fff;
65
- cursor: pointer;
66
- transition: all 0.3s;
67
- }
68
- [data-filerobot-theme=dark] .filerobot-ScreenCapture-button:focus {
69
- outline: none;
70
- }
71
- [data-filerobot-theme=dark] .filerobot-ScreenCapture-button::-moz-focus-inner {
72
- border: 0;
73
- }
74
- [data-filerobot-theme=dark] .filerobot-ScreenCapture-button:focus {
75
- box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
76
- }
77
- .filerobot-size--md .filerobot-ScreenCapture-button {
78
- width: 60px;
79
- height: 60px;
80
- }
81
- .filerobot-ScreenCapture-button:hover {
82
- background-color: rgb(210.5769230769, 26.9230769231, 45.1923076923);
83
- }
84
-
85
- .filerobot-ScreenCapture-button svg {
86
- width: 30px;
87
- height: 30px;
88
- max-width: 100%;
89
- max-height: 100%;
90
- display: inline-block;
91
- vertical-align: text-top;
92
- overflow: hidden;
93
- fill: currentColor;
94
- }
95
-
96
- .filerobot-ScreenCapture-button--submit {
97
- background-color: #5282DB;
98
- margin-left: 12px;
99
- }
100
- .filerobot-ScreenCapture-button--submit:hover {
101
- background-color: rgb(60.8923444976, 114.7488038278, 214.6076555024);
102
- }
103
- .filerobot-ScreenCapture-button--submit:disabled {
104
- background-color: #939393;
105
- cursor: default;
106
- }
107
- .filerobot-ScreenCapture-button--submit:disabled:hover {
108
- background-color: #eaeaea;
109
- }
110
-
111
- .filerobot-ScreenCapture-title {
112
- font-size: 22px;
113
- line-height: 1.35;
114
- font-weight: 400;
115
- margin: 0;
116
- margin-bottom: 5px;
117
- padding: 0 15px;
118
- max-width: 500px;
119
- text-align: center;
120
- color: #333;
121
- }
122
-
123
- .filerobot-ScreenCapture-icon--stream {
124
- position: absolute;
125
- right: 0;
126
- top: 0;
127
- margin: 1rem;
128
- z-index: 1;
129
- }
130
- .filerobot-ScreenCapture-icon--stream svg {
131
- fill: #939393;
132
- }
133
-
134
- .filerobot-ScreenCapture-icon--streamActive svg {
135
- animation: filerobot-ScreenCapture-icon--blink 1s cubic-bezier(0.47, 0, 0.75, 0.72) infinite;
136
- }
137
-
138
- @keyframes filerobot-ScreenCapture-icon--blink {
139
- 0% {
140
- fill: #5282DB;
141
- }
142
- 50% {
143
- fill: #939393;
144
- }
145
- 100% {
146
- fill: #5282DB;
147
- }
148
- }
149
- .filerobot-ScreenCapture-button--video {
150
- color: #fff;
151
- background: #e32437;
152
- }
153
- .filerobot-ScreenCapture-button--video:hover {
154
- background-color: rgb(187.967611336, 24.032388664, 40.3400809717);
155
- }
@@ -1 +0,0 @@
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: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}