@syncfusion/ej2-inputs 28.2.11 → 29.1.34
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/README.md +26 -2
- package/aceconfig.js +17 -0
- package/dist/ej2-inputs.min.js +2 -2
- package/dist/ej2-inputs.umd.min.js +2 -2
- package/dist/ej2-inputs.umd.min.js.map +1 -1
- package/dist/es6/ej2-inputs.es2015.js +652 -25
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +681 -25
- package/dist/es6/ej2-inputs.es5.js.map +1 -1
- package/dist/global/ej2-inputs.min.js +2 -2
- package/dist/global/ej2-inputs.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +18 -26
- package/speech-to-text.d.ts +4 -0
- package/speech-to-text.js +4 -0
- package/src/index.d.ts +1 -0
- package/src/index.js +1 -0
- package/src/rating/rating.js +3 -0
- package/src/slider/slider.d.ts +0 -2
- package/src/slider/slider.js +14 -19
- package/src/speech-to-text/index.d.ts +5 -0
- package/src/speech-to-text/index.js +4 -0
- package/src/speech-to-text/speech-to-text-model.d.ts +270 -0
- package/src/speech-to-text/speech-to-text.d.ts +487 -0
- package/src/speech-to-text/speech-to-text.js +660 -0
- package/src/uploader/uploader.js +7 -5
- package/styles/bds-lite.css +81 -0
- package/styles/bds-lite.scss +3 -0
- package/styles/bds.css +111 -0
- package/styles/bds.scss +4 -0
- package/styles/bootstrap-dark-lite.css +98 -17
- package/styles/bootstrap-dark-lite.scss +3 -0
- package/styles/bootstrap-dark.css +128 -17
- package/styles/bootstrap-dark.scss +4 -0
- package/styles/bootstrap-lite.css +81 -0
- package/styles/bootstrap-lite.scss +3 -0
- package/styles/bootstrap.css +111 -0
- package/styles/bootstrap.scss +4 -0
- package/styles/bootstrap4-lite.css +102 -25
- package/styles/bootstrap4-lite.scss +3 -0
- package/styles/bootstrap4.css +132 -25
- package/styles/bootstrap4.scss +4 -0
- package/styles/bootstrap5-dark-lite.css +151 -73
- package/styles/bootstrap5-dark-lite.scss +3 -0
- package/styles/bootstrap5-dark.css +192 -83
- package/styles/bootstrap5-dark.scss +4 -0
- package/styles/bootstrap5-lite.css +106 -28
- package/styles/bootstrap5-lite.scss +3 -0
- package/styles/bootstrap5.3-lite.css +78 -0
- package/styles/bootstrap5.3-lite.scss +3 -0
- package/styles/bootstrap5.3.css +109 -0
- package/styles/bootstrap5.3.scss +4 -0
- package/styles/bootstrap5.css +137 -28
- package/styles/bootstrap5.scss +4 -0
- package/styles/color-picker/_theme.scss +4 -2
- package/styles/color-picker/bootstrap4.css +4 -4
- package/styles/color-picker/bootstrap5-dark.css +12 -12
- package/styles/color-picker/bootstrap5.css +7 -7
- package/styles/data-form/_bootstrap-dark-definition.scss +4 -2
- package/styles/data-form/_bootstrap4-definition.scss +4 -2
- package/styles/data-form/_fabric-dark-definition.scss +4 -2
- package/styles/data-form/_material-dark-definition.scss +4 -2
- package/styles/data-form/_material-definition.scss +4 -2
- package/styles/data-form/bootstrap-dark.css +6 -6
- package/styles/data-form/bootstrap4.css +6 -6
- package/styles/data-form/bootstrap5-dark.css +6 -6
- package/styles/data-form/bootstrap5.css +4 -4
- package/styles/data-form/fabric-dark.css +6 -6
- package/styles/data-form/material-dark.css +6 -6
- package/styles/data-form/material.css +6 -6
- package/styles/fabric-dark-lite.css +104 -22
- package/styles/fabric-dark-lite.scss +3 -0
- package/styles/fabric-dark.css +135 -22
- package/styles/fabric-dark.scss +4 -0
- package/styles/fabric-lite.css +100 -18
- package/styles/fabric-lite.scss +3 -0
- package/styles/fabric.css +131 -18
- package/styles/fabric.scss +4 -0
- package/styles/fluent-dark-lite.css +96 -14
- package/styles/fluent-dark-lite.scss +3 -0
- package/styles/fluent-dark.css +127 -14
- package/styles/fluent-dark.scss +4 -0
- package/styles/fluent-lite.css +96 -14
- package/styles/fluent-lite.scss +3 -0
- package/styles/fluent.css +127 -14
- package/styles/fluent.scss +4 -0
- package/styles/fluent2-lite.css +82 -0
- package/styles/fluent2-lite.scss +3 -0
- package/styles/fluent2.css +115 -2
- package/styles/fluent2.scss +4 -0
- package/styles/highcontrast-light-lite.css +81 -0
- package/styles/highcontrast-light-lite.scss +3 -0
- package/styles/highcontrast-light.css +111 -0
- package/styles/highcontrast-light.scss +4 -0
- package/styles/highcontrast-lite.css +81 -0
- package/styles/highcontrast-lite.scss +3 -0
- package/styles/highcontrast.css +111 -0
- package/styles/highcontrast.scss +4 -0
- package/styles/input/_bootstrap4-definition.scss +8 -6
- package/styles/input/_layout.scss +8 -1
- package/styles/input/_theme.scss +5 -1
- package/styles/input/bootstrap4.css +9 -9
- package/styles/input/bootstrap5-dark.css +25 -25
- package/styles/input/bootstrap5.css +7 -7
- package/styles/input/fabric-dark.css +6 -6
- package/styles/input/tailwind-dark.css +2 -2
- package/styles/input/tailwind3.css +2 -2
- package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
- package/styles/material-dark-lite.css +89 -6
- package/styles/material-dark-lite.scss +3 -0
- package/styles/material-dark.css +121 -6
- package/styles/material-dark.scss +4 -0
- package/styles/material-lite.css +89 -6
- package/styles/material-lite.scss +3 -0
- package/styles/material.css +121 -6
- package/styles/material.scss +4 -0
- package/styles/material3-dark-lite.css +81 -0
- package/styles/material3-dark-lite.scss +3 -0
- package/styles/material3-dark.css +111 -0
- package/styles/material3-dark.scss +4 -0
- package/styles/material3-lite.css +81 -0
- package/styles/material3-lite.scss +3 -0
- package/styles/material3.css +111 -0
- package/styles/material3.scss +4 -0
- package/styles/otp-input/bootstrap5-dark.css +3 -3
- package/styles/rating/bootstrap-dark.css +11 -11
- package/styles/rating/bootstrap5-dark.css +5 -5
- package/styles/rating/bootstrap5.css +5 -5
- package/styles/rating/fabric-dark.css +5 -5
- package/styles/rating/fabric.css +12 -12
- package/styles/rating/fluent-dark.css +11 -11
- package/styles/rating/fluent.css +11 -11
- package/styles/rating/tailwind-dark.css +5 -5
- package/styles/rating/tailwind.css +5 -5
- package/styles/signature/bootstrap5-dark.css +1 -1
- package/styles/slider/_bootstrap4-definition.scss +4 -2
- package/styles/slider/_fluent2-definition.scss +2 -2
- package/styles/slider/_fusionnew-definition.scss +3 -0
- package/styles/slider/_layout.scss +4 -2
- package/styles/slider/bootstrap4.css +6 -6
- package/styles/slider/bootstrap5-dark.css +5 -5
- package/styles/slider/bootstrap5.css +5 -5
- package/styles/slider/fabric-dark.css +5 -5
- package/styles/slider/fabric.css +6 -6
- package/styles/slider/fluent-dark.css +3 -3
- package/styles/slider/fluent.css +3 -3
- package/styles/slider/fluent2.css +2 -2
- package/styles/smart-textarea/tailwind-dark.css +1 -1
- package/styles/speech-to-text/_all.scss +2 -0
- package/styles/speech-to-text/_bds-definition.scss +25 -0
- package/styles/speech-to-text/_bigger.scss +45 -0
- package/styles/speech-to-text/_bootstrap-dark-definition.scss +24 -0
- package/styles/speech-to-text/_bootstrap-definition.scss +24 -0
- package/styles/speech-to-text/_bootstrap4-definition.scss +24 -0
- package/styles/speech-to-text/_bootstrap5-dark-definition.scss +1 -0
- package/styles/speech-to-text/_bootstrap5-definition.scss +24 -0
- package/styles/speech-to-text/_bootstrap5.3-definition.scss +24 -0
- package/styles/speech-to-text/_fabric-dark-definition.scss +24 -0
- package/styles/speech-to-text/_fabric-definition.scss +24 -0
- package/styles/speech-to-text/_fluent-dark-definition.scss +1 -0
- package/styles/speech-to-text/_fluent-definition.scss +24 -0
- package/styles/speech-to-text/_fluent2-definition.scss +25 -0
- package/styles/speech-to-text/_fusionnew-definition.scss +24 -0
- package/styles/speech-to-text/_highcontrast-definition.scss +24 -0
- package/styles/speech-to-text/_highcontrast-light-definition.scss +24 -0
- package/styles/speech-to-text/_layout.scss +59 -0
- package/styles/speech-to-text/_material-dark-definition.scss +24 -0
- package/styles/speech-to-text/_material-definition.scss +24 -0
- package/styles/speech-to-text/_material3-dark-definition.scss +1 -0
- package/styles/speech-to-text/_material3-definition.scss +24 -0
- package/styles/speech-to-text/_tailwind-dark-definition.scss +1 -0
- package/styles/speech-to-text/_tailwind-definition.scss +25 -0
- package/styles/speech-to-text/_tailwind3-definition.scss +25 -0
- package/styles/speech-to-text/_theme.scss +30 -0
- package/styles/speech-to-text/bds.css +173 -0
- package/styles/speech-to-text/bds.scss +7 -0
- package/styles/speech-to-text/bootstrap-dark.css +110 -0
- package/styles/speech-to-text/bootstrap-dark.scss +7 -0
- package/styles/speech-to-text/bootstrap.css +110 -0
- package/styles/speech-to-text/bootstrap.scss +7 -0
- package/styles/speech-to-text/bootstrap4.css +106 -0
- package/styles/speech-to-text/bootstrap4.scss +7 -0
- package/styles/speech-to-text/bootstrap5-dark.css +108 -0
- package/styles/speech-to-text/bootstrap5-dark.scss +7 -0
- package/styles/speech-to-text/bootstrap5.3.css +112 -0
- package/styles/speech-to-text/bootstrap5.3.scss +7 -0
- package/styles/speech-to-text/bootstrap5.css +108 -0
- package/styles/speech-to-text/bootstrap5.scss +7 -0
- package/styles/speech-to-text/fabric-dark.css +112 -0
- package/styles/speech-to-text/fabric-dark.scss +7 -0
- package/styles/speech-to-text/fabric.css +112 -0
- package/styles/speech-to-text/fabric.scss +7 -0
- package/styles/speech-to-text/fluent-dark.css +112 -0
- package/styles/speech-to-text/fluent-dark.scss +7 -0
- package/styles/speech-to-text/fluent.css +112 -0
- package/styles/speech-to-text/fluent.scss +7 -0
- package/styles/speech-to-text/fluent2.css +118 -0
- package/styles/speech-to-text/fluent2.scss +7 -0
- package/styles/speech-to-text/highcontrast-light.css +110 -0
- package/styles/speech-to-text/highcontrast-light.scss +7 -0
- package/styles/speech-to-text/highcontrast.css +110 -0
- package/styles/speech-to-text/highcontrast.scss +7 -0
- package/styles/speech-to-text/icons/_bds.scss +8 -0
- package/styles/speech-to-text/icons/_bootstrap-dark.scss +8 -0
- package/styles/speech-to-text/icons/_bootstrap.scss +8 -0
- package/styles/speech-to-text/icons/_bootstrap4.scss +8 -0
- package/styles/speech-to-text/icons/_bootstrap5-dark.scss +1 -0
- package/styles/speech-to-text/icons/_bootstrap5.3.scss +8 -0
- package/styles/speech-to-text/icons/_bootstrap5.scss +8 -0
- package/styles/speech-to-text/icons/_fabric-dark.scss +8 -0
- package/styles/speech-to-text/icons/_fabric.scss +8 -0
- package/styles/speech-to-text/icons/_fluent-dark.scss +1 -0
- package/styles/speech-to-text/icons/_fluent.scss +8 -0
- package/styles/speech-to-text/icons/_fluent2.scss +8 -0
- package/styles/speech-to-text/icons/_fusionnew.scss +8 -0
- package/styles/speech-to-text/icons/_highcontrast-light.scss +8 -0
- package/styles/speech-to-text/icons/_highcontrast.scss +8 -0
- package/styles/speech-to-text/icons/_material-dark.scss +8 -0
- package/styles/speech-to-text/icons/_material.scss +8 -0
- package/styles/speech-to-text/icons/_material3-dark.scss +1 -0
- package/styles/speech-to-text/icons/_material3.scss +8 -0
- package/styles/speech-to-text/icons/_tailwind-dark.scss +1 -0
- package/styles/speech-to-text/icons/_tailwind.scss +8 -0
- package/styles/speech-to-text/icons/_tailwind3.scss +8 -0
- package/styles/speech-to-text/material-dark.css +114 -0
- package/styles/speech-to-text/material-dark.scss +7 -0
- package/styles/speech-to-text/material.css +114 -0
- package/styles/speech-to-text/material.scss +7 -0
- package/styles/speech-to-text/material3-dark.css +112 -0
- package/styles/speech-to-text/material3-dark.scss +8 -0
- package/styles/speech-to-text/material3.css +114 -0
- package/styles/speech-to-text/material3.scss +8 -0
- package/styles/speech-to-text/tailwind-dark.css +110 -0
- package/styles/speech-to-text/tailwind-dark.scss +7 -0
- package/styles/speech-to-text/tailwind.css +110 -0
- package/styles/speech-to-text/tailwind.scss +7 -0
- package/styles/speech-to-text/tailwind3.css +114 -0
- package/styles/speech-to-text/tailwind3.scss +7 -0
- package/styles/tailwind-dark-lite.css +93 -12
- package/styles/tailwind-dark-lite.scss +3 -0
- package/styles/tailwind-dark.css +126 -15
- package/styles/tailwind-dark.scss +4 -0
- package/styles/tailwind-lite.css +86 -5
- package/styles/tailwind-lite.scss +3 -0
- package/styles/tailwind.css +116 -5
- package/styles/tailwind.scss +4 -0
- package/styles/tailwind3-lite.css +83 -2
- package/styles/tailwind3-lite.scss +3 -0
- package/styles/tailwind3.css +113 -2
- package/styles/tailwind3.scss +4 -0
- package/styles/uploader/bootstrap5-dark.css +25 -25
- package/styles/uploader/tailwind-dark.css +7 -7
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
.e-listen-icon::before {
|
|
2
|
+
content: "\e91c";
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.e-listen-stop::before {
|
|
6
|
+
content: "\e919";
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.e-speech-to-text.e-btn {
|
|
10
|
+
-webkit-box-align: center;
|
|
11
|
+
-ms-flex-align: center;
|
|
12
|
+
align-items: center;
|
|
13
|
+
border-radius: 9999px;
|
|
14
|
+
display: -webkit-inline-box;
|
|
15
|
+
display: -ms-inline-flexbox;
|
|
16
|
+
display: inline-flex;
|
|
17
|
+
font-size: 12px;
|
|
18
|
+
min-width: 40px;
|
|
19
|
+
min-height: 40px;
|
|
20
|
+
padding: 0 16px;
|
|
21
|
+
}
|
|
22
|
+
.e-speech-to-text.e-btn.e-round {
|
|
23
|
+
width: 40px;
|
|
24
|
+
height: 40px;
|
|
25
|
+
padding: 0;
|
|
26
|
+
}
|
|
27
|
+
.e-speech-to-text.e-btn .e-btn-icon {
|
|
28
|
+
font-size: 12px;
|
|
29
|
+
margin-top: -1px;
|
|
30
|
+
}
|
|
31
|
+
.e-speech-to-text.e-btn:disabled {
|
|
32
|
+
pointer-events: none;
|
|
33
|
+
}
|
|
34
|
+
.e-speech-to-text.e-btn.e-listening-state {
|
|
35
|
+
-webkit-animation: listening 1.2s infinite;
|
|
36
|
+
animation: listening 1.2s infinite;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.e-speech-to-text.e-round .e-btn-icon {
|
|
40
|
+
font-size: 14px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@-webkit-keyframes listening {
|
|
44
|
+
0% {
|
|
45
|
+
opacity: 1;
|
|
46
|
+
}
|
|
47
|
+
100% {
|
|
48
|
+
opacity: 1;
|
|
49
|
+
}
|
|
50
|
+
50% {
|
|
51
|
+
opacity: 0.5;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@keyframes listening {
|
|
56
|
+
0% {
|
|
57
|
+
opacity: 1;
|
|
58
|
+
}
|
|
59
|
+
100% {
|
|
60
|
+
opacity: 1;
|
|
61
|
+
}
|
|
62
|
+
50% {
|
|
63
|
+
opacity: 0.5;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
.e-speech-to-text {
|
|
67
|
+
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
68
|
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
69
|
+
}
|
|
70
|
+
.e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
|
|
71
|
+
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
72
|
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
73
|
+
}
|
|
74
|
+
.e-speech-to-text:focus {
|
|
75
|
+
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
76
|
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
77
|
+
}
|
|
78
|
+
.e-speech-to-text.e-flat {
|
|
79
|
+
-webkit-box-shadow: none;
|
|
80
|
+
box-shadow: none;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.e-bigger .e-speech-to-text.e-btn,
|
|
84
|
+
.e-bigger.e-speech-to-text.e-btn {
|
|
85
|
+
-webkit-box-align: center;
|
|
86
|
+
-ms-flex-align: center;
|
|
87
|
+
align-items: center;
|
|
88
|
+
border-radius: 9999px;
|
|
89
|
+
display: -webkit-inline-box;
|
|
90
|
+
display: -ms-inline-flexbox;
|
|
91
|
+
display: inline-flex;
|
|
92
|
+
font-size: 16px;
|
|
93
|
+
min-width: 52px;
|
|
94
|
+
min-height: 52px;
|
|
95
|
+
padding: 0 18px;
|
|
96
|
+
}
|
|
97
|
+
.e-bigger .e-speech-to-text.e-btn.e-round,
|
|
98
|
+
.e-bigger.e-speech-to-text.e-btn.e-round {
|
|
99
|
+
width: 52px;
|
|
100
|
+
height: 52px;
|
|
101
|
+
padding: 0;
|
|
102
|
+
}
|
|
103
|
+
.e-bigger .e-speech-to-text.e-btn .e-btn-icon,
|
|
104
|
+
.e-bigger.e-speech-to-text.e-btn .e-btn-icon {
|
|
105
|
+
font-size: 16px;
|
|
106
|
+
margin-top: -1px;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.e-bigger .e-speech-to-text.e-round .e-btn-icon,
|
|
110
|
+
.e-bigger.e-speech-to-text.e-round .e-btn-icon {
|
|
111
|
+
font-size: 22px;
|
|
112
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
@import 'ej2-base/styles/definition/fluent-dark.scss';
|
|
2
|
+
@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
|
|
3
|
+
@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
|
|
4
|
+
@import 'fluent-dark-definition.scss';
|
|
5
|
+
@import 'icons/fluent-dark.scss';
|
|
6
|
+
@import 'all.scss';
|
|
7
|
+
@import 'bigger.scss';
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
.e-listen-icon::before {
|
|
2
|
+
content: "\e91c";
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.e-listen-stop::before {
|
|
6
|
+
content: "\e919";
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.e-speech-to-text.e-btn {
|
|
10
|
+
-webkit-box-align: center;
|
|
11
|
+
-ms-flex-align: center;
|
|
12
|
+
align-items: center;
|
|
13
|
+
border-radius: 9999px;
|
|
14
|
+
display: -webkit-inline-box;
|
|
15
|
+
display: -ms-inline-flexbox;
|
|
16
|
+
display: inline-flex;
|
|
17
|
+
font-size: 12px;
|
|
18
|
+
min-width: 40px;
|
|
19
|
+
min-height: 40px;
|
|
20
|
+
padding: 0 16px;
|
|
21
|
+
}
|
|
22
|
+
.e-speech-to-text.e-btn.e-round {
|
|
23
|
+
width: 40px;
|
|
24
|
+
height: 40px;
|
|
25
|
+
padding: 0;
|
|
26
|
+
}
|
|
27
|
+
.e-speech-to-text.e-btn .e-btn-icon {
|
|
28
|
+
font-size: 12px;
|
|
29
|
+
margin-top: -1px;
|
|
30
|
+
}
|
|
31
|
+
.e-speech-to-text.e-btn:disabled {
|
|
32
|
+
pointer-events: none;
|
|
33
|
+
}
|
|
34
|
+
.e-speech-to-text.e-btn.e-listening-state {
|
|
35
|
+
-webkit-animation: listening 1.2s infinite;
|
|
36
|
+
animation: listening 1.2s infinite;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.e-speech-to-text.e-round .e-btn-icon {
|
|
40
|
+
font-size: 14px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@-webkit-keyframes listening {
|
|
44
|
+
0% {
|
|
45
|
+
opacity: 1;
|
|
46
|
+
}
|
|
47
|
+
100% {
|
|
48
|
+
opacity: 1;
|
|
49
|
+
}
|
|
50
|
+
50% {
|
|
51
|
+
opacity: 0.5;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@keyframes listening {
|
|
56
|
+
0% {
|
|
57
|
+
opacity: 1;
|
|
58
|
+
}
|
|
59
|
+
100% {
|
|
60
|
+
opacity: 1;
|
|
61
|
+
}
|
|
62
|
+
50% {
|
|
63
|
+
opacity: 0.5;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
.e-speech-to-text {
|
|
67
|
+
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
68
|
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
69
|
+
}
|
|
70
|
+
.e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
|
|
71
|
+
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
72
|
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
73
|
+
}
|
|
74
|
+
.e-speech-to-text:focus {
|
|
75
|
+
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
76
|
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
77
|
+
}
|
|
78
|
+
.e-speech-to-text.e-flat {
|
|
79
|
+
-webkit-box-shadow: none;
|
|
80
|
+
box-shadow: none;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.e-bigger .e-speech-to-text.e-btn,
|
|
84
|
+
.e-bigger.e-speech-to-text.e-btn {
|
|
85
|
+
-webkit-box-align: center;
|
|
86
|
+
-ms-flex-align: center;
|
|
87
|
+
align-items: center;
|
|
88
|
+
border-radius: 9999px;
|
|
89
|
+
display: -webkit-inline-box;
|
|
90
|
+
display: -ms-inline-flexbox;
|
|
91
|
+
display: inline-flex;
|
|
92
|
+
font-size: 16px;
|
|
93
|
+
min-width: 52px;
|
|
94
|
+
min-height: 52px;
|
|
95
|
+
padding: 0 18px;
|
|
96
|
+
}
|
|
97
|
+
.e-bigger .e-speech-to-text.e-btn.e-round,
|
|
98
|
+
.e-bigger.e-speech-to-text.e-btn.e-round {
|
|
99
|
+
width: 52px;
|
|
100
|
+
height: 52px;
|
|
101
|
+
padding: 0;
|
|
102
|
+
}
|
|
103
|
+
.e-bigger .e-speech-to-text.e-btn .e-btn-icon,
|
|
104
|
+
.e-bigger.e-speech-to-text.e-btn .e-btn-icon {
|
|
105
|
+
font-size: 16px;
|
|
106
|
+
margin-top: -1px;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.e-bigger .e-speech-to-text.e-round .e-btn-icon,
|
|
110
|
+
.e-bigger.e-speech-to-text.e-round .e-btn-icon {
|
|
111
|
+
font-size: 22px;
|
|
112
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
@import 'ej2-base/styles/definition/fluent.scss';
|
|
2
|
+
@import 'ej2-buttons/styles/button/fluent-definition.scss';
|
|
3
|
+
@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
|
|
4
|
+
@import 'fluent-definition.scss';
|
|
5
|
+
@import 'icons/fluent.scss';
|
|
6
|
+
@import 'all.scss';
|
|
7
|
+
@import 'bigger.scss';
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
.e-listen-icon::before {
|
|
8
|
+
content: "\e91c";
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.e-listen-stop::before {
|
|
12
|
+
content: "\e919";
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.e-speech-to-text.e-btn {
|
|
16
|
+
-webkit-box-align: center;
|
|
17
|
+
-ms-flex-align: center;
|
|
18
|
+
align-items: center;
|
|
19
|
+
border-radius: 9999px;
|
|
20
|
+
display: -webkit-inline-box;
|
|
21
|
+
display: -ms-inline-flexbox;
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
font-size: 14px;
|
|
24
|
+
min-width: 40px;
|
|
25
|
+
min-height: 40px;
|
|
26
|
+
padding: 0 16px;
|
|
27
|
+
}
|
|
28
|
+
.e-speech-to-text.e-btn.e-round {
|
|
29
|
+
width: 40px;
|
|
30
|
+
height: 40px;
|
|
31
|
+
padding: 0;
|
|
32
|
+
}
|
|
33
|
+
.e-speech-to-text.e-btn .e-btn-icon {
|
|
34
|
+
font-size: 14px;
|
|
35
|
+
margin-top: 2px;
|
|
36
|
+
}
|
|
37
|
+
.e-speech-to-text.e-btn:disabled {
|
|
38
|
+
pointer-events: none;
|
|
39
|
+
}
|
|
40
|
+
.e-speech-to-text.e-btn.e-listening-state {
|
|
41
|
+
-webkit-animation: listening 1.2s infinite;
|
|
42
|
+
animation: listening 1.2s infinite;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.e-speech-to-text.e-round .e-btn-icon {
|
|
46
|
+
font-size: 16px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@-webkit-keyframes listening {
|
|
50
|
+
0% {
|
|
51
|
+
opacity: 1;
|
|
52
|
+
}
|
|
53
|
+
100% {
|
|
54
|
+
opacity: 1;
|
|
55
|
+
}
|
|
56
|
+
50% {
|
|
57
|
+
opacity: 0.5;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@keyframes listening {
|
|
62
|
+
0% {
|
|
63
|
+
opacity: 1;
|
|
64
|
+
}
|
|
65
|
+
100% {
|
|
66
|
+
opacity: 1;
|
|
67
|
+
}
|
|
68
|
+
50% {
|
|
69
|
+
opacity: 0.5;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
.e-speech-to-text {
|
|
73
|
+
-webkit-box-shadow: 0 14px 28.8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2);
|
|
74
|
+
box-shadow: 0 14px 28.8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2);
|
|
75
|
+
}
|
|
76
|
+
.e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
|
|
77
|
+
-webkit-box-shadow: 0 14px 28.8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2);
|
|
78
|
+
box-shadow: 0 14px 28.8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2);
|
|
79
|
+
}
|
|
80
|
+
.e-speech-to-text:focus {
|
|
81
|
+
-webkit-box-shadow: 0 14px 28.8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2);
|
|
82
|
+
box-shadow: 0 14px 28.8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2);
|
|
83
|
+
}
|
|
84
|
+
.e-speech-to-text.e-flat {
|
|
85
|
+
-webkit-box-shadow: none;
|
|
86
|
+
box-shadow: none;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.e-bigger .e-speech-to-text.e-btn,
|
|
90
|
+
.e-bigger.e-speech-to-text.e-btn {
|
|
91
|
+
-webkit-box-align: center;
|
|
92
|
+
-ms-flex-align: center;
|
|
93
|
+
align-items: center;
|
|
94
|
+
border-radius: 9999px;
|
|
95
|
+
display: -webkit-inline-box;
|
|
96
|
+
display: -ms-inline-flexbox;
|
|
97
|
+
display: inline-flex;
|
|
98
|
+
font-size: 16px;
|
|
99
|
+
min-width: 52px;
|
|
100
|
+
min-height: 52px;
|
|
101
|
+
padding: 0 20px;
|
|
102
|
+
}
|
|
103
|
+
.e-bigger .e-speech-to-text.e-btn.e-round,
|
|
104
|
+
.e-bigger.e-speech-to-text.e-btn.e-round {
|
|
105
|
+
width: 52px;
|
|
106
|
+
height: 52px;
|
|
107
|
+
padding: 0;
|
|
108
|
+
}
|
|
109
|
+
.e-bigger .e-speech-to-text.e-btn .e-btn-icon,
|
|
110
|
+
.e-bigger.e-speech-to-text.e-btn .e-btn-icon {
|
|
111
|
+
font-size: 16px;
|
|
112
|
+
margin-top: 2px;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.e-bigger .e-speech-to-text.e-round .e-btn-icon,
|
|
116
|
+
.e-bigger.e-speech-to-text.e-round .e-btn-icon {
|
|
117
|
+
font-size: 22px;
|
|
118
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
@import 'ej2-base/styles/definition/fluent2.scss';
|
|
2
|
+
@import 'ej2-buttons/styles/button/fluent2-definition.scss';
|
|
3
|
+
@import 'ej2-popups/styles/tooltip/fluent2-definition.scss';
|
|
4
|
+
@import 'fluent2-definition.scss';
|
|
5
|
+
@import 'icons/fluent2.scss';
|
|
6
|
+
@import 'all.scss';
|
|
7
|
+
@import 'bigger.scss';
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
.e-listen-icon::before {
|
|
2
|
+
content: "\e9ef";
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.e-listen-stop::before {
|
|
6
|
+
content: "\e9ec";
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.e-speech-to-text.e-btn {
|
|
10
|
+
-webkit-box-align: center;
|
|
11
|
+
-ms-flex-align: center;
|
|
12
|
+
align-items: center;
|
|
13
|
+
border-radius: 9999px;
|
|
14
|
+
display: -webkit-inline-box;
|
|
15
|
+
display: -ms-inline-flexbox;
|
|
16
|
+
display: inline-flex;
|
|
17
|
+
font-size: 16px;
|
|
18
|
+
min-width: 40px;
|
|
19
|
+
min-height: 40px;
|
|
20
|
+
padding: 0 14px;
|
|
21
|
+
}
|
|
22
|
+
.e-speech-to-text.e-btn.e-round {
|
|
23
|
+
width: 40px;
|
|
24
|
+
height: 40px;
|
|
25
|
+
padding: 0;
|
|
26
|
+
}
|
|
27
|
+
.e-speech-to-text.e-btn .e-btn-icon {
|
|
28
|
+
font-size: 16px;
|
|
29
|
+
}
|
|
30
|
+
.e-speech-to-text.e-btn:disabled {
|
|
31
|
+
pointer-events: none;
|
|
32
|
+
}
|
|
33
|
+
.e-speech-to-text.e-btn.e-listening-state {
|
|
34
|
+
-webkit-animation: listening 1.2s infinite;
|
|
35
|
+
animation: listening 1.2s infinite;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.e-speech-to-text.e-round .e-btn-icon {
|
|
39
|
+
font-size: 16px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@-webkit-keyframes listening {
|
|
43
|
+
0% {
|
|
44
|
+
opacity: 1;
|
|
45
|
+
}
|
|
46
|
+
100% {
|
|
47
|
+
opacity: 1;
|
|
48
|
+
}
|
|
49
|
+
50% {
|
|
50
|
+
opacity: 0.5;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@keyframes listening {
|
|
55
|
+
0% {
|
|
56
|
+
opacity: 1;
|
|
57
|
+
}
|
|
58
|
+
100% {
|
|
59
|
+
opacity: 1;
|
|
60
|
+
}
|
|
61
|
+
50% {
|
|
62
|
+
opacity: 0.5;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
.e-speech-to-text {
|
|
66
|
+
-webkit-box-shadow: unset;
|
|
67
|
+
box-shadow: unset;
|
|
68
|
+
}
|
|
69
|
+
.e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
|
|
70
|
+
-webkit-box-shadow: unset;
|
|
71
|
+
box-shadow: unset;
|
|
72
|
+
}
|
|
73
|
+
.e-speech-to-text:focus {
|
|
74
|
+
-webkit-box-shadow: unset;
|
|
75
|
+
box-shadow: unset;
|
|
76
|
+
}
|
|
77
|
+
.e-speech-to-text.e-flat {
|
|
78
|
+
-webkit-box-shadow: none;
|
|
79
|
+
box-shadow: none;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.e-bigger .e-speech-to-text.e-btn,
|
|
83
|
+
.e-bigger.e-speech-to-text.e-btn {
|
|
84
|
+
-webkit-box-align: center;
|
|
85
|
+
-ms-flex-align: center;
|
|
86
|
+
align-items: center;
|
|
87
|
+
border-radius: 9999px;
|
|
88
|
+
display: -webkit-inline-box;
|
|
89
|
+
display: -ms-inline-flexbox;
|
|
90
|
+
display: inline-flex;
|
|
91
|
+
font-size: 16px;
|
|
92
|
+
min-width: 52px;
|
|
93
|
+
min-height: 52px;
|
|
94
|
+
padding: 0 19px;
|
|
95
|
+
}
|
|
96
|
+
.e-bigger .e-speech-to-text.e-btn.e-round,
|
|
97
|
+
.e-bigger.e-speech-to-text.e-btn.e-round {
|
|
98
|
+
width: 52px;
|
|
99
|
+
height: 52px;
|
|
100
|
+
padding: 0;
|
|
101
|
+
}
|
|
102
|
+
.e-bigger .e-speech-to-text.e-btn .e-btn-icon,
|
|
103
|
+
.e-bigger.e-speech-to-text.e-btn .e-btn-icon {
|
|
104
|
+
font-size: 16px;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.e-bigger .e-speech-to-text.e-round .e-btn-icon,
|
|
108
|
+
.e-bigger.e-speech-to-text.e-round .e-btn-icon {
|
|
109
|
+
font-size: 16px;
|
|
110
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
@import 'ej2-base/styles/definition/highcontrast-light.scss';
|
|
2
|
+
@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
|
|
3
|
+
@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
|
|
4
|
+
@import 'highcontrast-light-definition.scss';
|
|
5
|
+
@import 'icons/highcontrast-light.scss';
|
|
6
|
+
@import 'all.scss';
|
|
7
|
+
@import 'bigger.scss';
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
.e-listen-icon::before {
|
|
2
|
+
content: "\e9ef";
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.e-listen-stop::before {
|
|
6
|
+
content: "\e9ec";
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.e-speech-to-text.e-btn {
|
|
10
|
+
-webkit-box-align: center;
|
|
11
|
+
-ms-flex-align: center;
|
|
12
|
+
align-items: center;
|
|
13
|
+
border-radius: 9999px;
|
|
14
|
+
display: -webkit-inline-box;
|
|
15
|
+
display: -ms-inline-flexbox;
|
|
16
|
+
display: inline-flex;
|
|
17
|
+
font-size: 14px;
|
|
18
|
+
min-width: 40px;
|
|
19
|
+
min-height: 40px;
|
|
20
|
+
padding: 0 16px;
|
|
21
|
+
}
|
|
22
|
+
.e-speech-to-text.e-btn.e-round {
|
|
23
|
+
width: 40px;
|
|
24
|
+
height: 40px;
|
|
25
|
+
padding: 0;
|
|
26
|
+
}
|
|
27
|
+
.e-speech-to-text.e-btn .e-btn-icon {
|
|
28
|
+
font-size: 14px;
|
|
29
|
+
}
|
|
30
|
+
.e-speech-to-text.e-btn:disabled {
|
|
31
|
+
pointer-events: none;
|
|
32
|
+
}
|
|
33
|
+
.e-speech-to-text.e-btn.e-listening-state {
|
|
34
|
+
-webkit-animation: listening 1.2s infinite;
|
|
35
|
+
animation: listening 1.2s infinite;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.e-speech-to-text.e-round .e-btn-icon {
|
|
39
|
+
font-size: 16px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@-webkit-keyframes listening {
|
|
43
|
+
0% {
|
|
44
|
+
opacity: 1;
|
|
45
|
+
}
|
|
46
|
+
100% {
|
|
47
|
+
opacity: 1;
|
|
48
|
+
}
|
|
49
|
+
50% {
|
|
50
|
+
opacity: 0.5;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@keyframes listening {
|
|
55
|
+
0% {
|
|
56
|
+
opacity: 1;
|
|
57
|
+
}
|
|
58
|
+
100% {
|
|
59
|
+
opacity: 1;
|
|
60
|
+
}
|
|
61
|
+
50% {
|
|
62
|
+
opacity: 0.5;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
.e-speech-to-text {
|
|
66
|
+
-webkit-box-shadow: unset;
|
|
67
|
+
box-shadow: unset;
|
|
68
|
+
}
|
|
69
|
+
.e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
|
|
70
|
+
-webkit-box-shadow: unset;
|
|
71
|
+
box-shadow: unset;
|
|
72
|
+
}
|
|
73
|
+
.e-speech-to-text:focus {
|
|
74
|
+
-webkit-box-shadow: unset;
|
|
75
|
+
box-shadow: unset;
|
|
76
|
+
}
|
|
77
|
+
.e-speech-to-text.e-flat {
|
|
78
|
+
-webkit-box-shadow: none;
|
|
79
|
+
box-shadow: none;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.e-bigger .e-speech-to-text.e-btn,
|
|
83
|
+
.e-bigger.e-speech-to-text.e-btn {
|
|
84
|
+
-webkit-box-align: center;
|
|
85
|
+
-ms-flex-align: center;
|
|
86
|
+
align-items: center;
|
|
87
|
+
border-radius: 9999px;
|
|
88
|
+
display: -webkit-inline-box;
|
|
89
|
+
display: -ms-inline-flexbox;
|
|
90
|
+
display: inline-flex;
|
|
91
|
+
font-size: 16px;
|
|
92
|
+
min-width: 52px;
|
|
93
|
+
min-height: 52px;
|
|
94
|
+
padding: 0 20px;
|
|
95
|
+
}
|
|
96
|
+
.e-bigger .e-speech-to-text.e-btn.e-round,
|
|
97
|
+
.e-bigger.e-speech-to-text.e-btn.e-round {
|
|
98
|
+
width: 52px;
|
|
99
|
+
height: 52px;
|
|
100
|
+
padding: 0;
|
|
101
|
+
}
|
|
102
|
+
.e-bigger .e-speech-to-text.e-btn .e-btn-icon,
|
|
103
|
+
.e-bigger.e-speech-to-text.e-btn .e-btn-icon {
|
|
104
|
+
font-size: 16px;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.e-bigger .e-speech-to-text.e-round .e-btn-icon,
|
|
108
|
+
.e-bigger.e-speech-to-text.e-round .e-btn-icon {
|
|
109
|
+
font-size: 20px;
|
|
110
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
@import 'ej2-base/styles/definition/highcontrast.scss';
|
|
2
|
+
@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
|
|
3
|
+
@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
|
|
4
|
+
@import 'highcontrast-definition.scss';
|
|
5
|
+
@import 'icons/highcontrast.scss';
|
|
6
|
+
@import 'all.scss';
|
|
7
|
+
@import 'bigger.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import './bootstrap5.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import './fluent.scss';
|