Skip to content

Commit f2c9832

Browse files
author
pipeline
committed
v27.1.48 is released
1 parent 3e2928b commit f2c9832

File tree

874 files changed

+33877
-11615
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

874 files changed

+33877
-11615
lines changed

gulpfile.js

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -242,4 +242,3 @@ gulp.task('serve', gulp.series('build', function(done) {
242242
shelljs.exec('node --max_old_space_size=8192 node_modules/@vue/cli-service/bin/vue-cli-service.js serve', done);
243243
}));
244244

245-

package.json

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "ej2-vue-samples",
3-
"version": "26.1.35",
3+
"version": "27.1.48",
44
"description": "Examples of Vue UI Components",
55
"keywords": [],
66
"dependencies": {
@@ -41,6 +41,10 @@
4141
"@syncfusion/ej2-vue-progressbar": "*",
4242
"@syncfusion/ej2-vue-image-editor": "*",
4343
"@syncfusion/ej2-vue-multicolumn-combobox": "*",
44+
"@syncfusion/ej2-vue-interactive-chat": "*",
45+
"@xenova/transformers": "^2.17.2",
46+
"form-data": "^4.0.0",
47+
"openai": "^4.57.3",
4448
"vue": "3.4.21",
4549
"vue-router": "4.2.4"
4650
},

public/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
<script>
2727
var themeName = location.hash.split('/')[1];
2828
themeName = themeName ? themeName : 'fluent2';
29-
document.write('<link href="styles/' + themeName + '.css" rel="stylesheet" />');
29+
document.write('<link href="styles/' + (themeName.includes('bootstrap5') ? themeName.replace('bootstrap5', 'bootstrap5.3') : themeName) + '.css" rel="stylesheet" />');
3030
</script>
3131
<link href="styles/index.css" rel="stylesheet" />
3232
<script type="text/javascript">

public/styles/common.css

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -225,7 +225,7 @@ span.e-input-group.e-control-wrapper.e-ddl {
225225
}
226226

227227
.e-listview .e-icon-wrapper .e-list-text {
228-
width: calc(100% - 65px)
228+
width: calc(100% - 67px)
229229
}
230230

231231
/**sb-switcher*/
@@ -553,10 +553,12 @@ span.e-input-group.e-control-wrapper.e-ddl {
553553

554554
#search-input-wrapper {
555555
width: 75%;
556-
height: 38px;
556+
height: auto;
557557
margin-top: 50px;
558558
margin-left: 13.5%;
559559
position: relative;
560+
background: #fff;
561+
border-radius: 4px;
560562
}
561563

562564
#search-input-wrapper input {
@@ -629,7 +631,6 @@ span.e-input-group.e-control-wrapper.e-ddl {
629631
}
630632

631633
.sb-search-input .e-ddl .e-clear-icon {
632-
background: #fff;
633634
margin-left: -5px;
634635
border-radius: 4px;
635636
border: none;
@@ -1886,7 +1887,7 @@ propertye pane
18861887
.path {
18871888
stroke-dasharray: 1, 200;
18881889
stroke-dashoffset: 0;
1889-
animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
1890+
animation: dash-spinner 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
18901891
stroke-linecap: round;
18911892
stroke: #ff4081;
18921893
}
@@ -1897,7 +1898,7 @@ propertye pane
18971898
}
18981899
}
18991900

1900-
@keyframes dash {
1901+
@keyframes dash-spinner {
19011902
0% {
19021903
stroke-dasharray: 1, 200;
19031904
stroke-dashoffset: 0;
@@ -1948,7 +1949,7 @@ aside#left-sidebar {
19481949
}
19491950

19501951
.sb-control-navigation .e-treeview .tree-text {
1951-
width: calc(100% - 65px);
1952+
width: calc(100% - 67px);
19521953
text-overflow: ellipsis;
19531954
overflow: hidden;
19541955
}
@@ -2121,7 +2122,7 @@ aside#left-sidebar {
21212122
margin: 17px auto 0px;
21222123
float: none;
21232124
width: 242px;
2124-
padding: 11px 61px;
2125+
padding: 11px 57px;
21252126
}
21262127

21272128
.content-area {
@@ -2470,7 +2471,7 @@ aside#left-sidebar {
24702471
margin: 17px auto 0px;
24712472
float: none;
24722473
width: 242px;
2473-
padding: 11px 61px;
2474+
padding: 11px 51px;
24742475
}
24752476

24762477
.content-area {
@@ -2654,11 +2655,15 @@ aside#left-sidebar {
26542655
}
26552656

26562657
#search-input_popup {
2657-
overflow-y: scroll;
2658+
overflow-y: auto;
26582659
max-height: 75vh;
26592660
}
26602661

26612662
.sb-source-code-section .CodeMirror {
26622663
height: fit-content;
26632664
font-size: 14px;
2665+
}
2666+
2667+
.fluent2-dark .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before {
2668+
background: #479EF5;
26642669
}

public/styles/index.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33
@import './themes/bootstrap4.css';
44
@import './themes/bootstrap5-dark.css';
55
@import './themes/bootstrap5.css';
6+
@import './themes/bootstrap5.3.css';
7+
@import './themes/bootstrap5.3-dark.css';
68
@import './themes/fluent-dark.css';
79
@import './themes/fluent.css';
810
@import './themes/tailwind.css';
@@ -17,3 +19,4 @@
1719
@import './themes/bootstrap-dark.css';
1820
@import './themes/fluent2.css';
1921
@import './themes/fluent2-dark.css';
22+
@import './themes/fluent2-highcontrast.css';
Lines changed: 239 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,239 @@
1+
.bootstrap5_3-dark .sb-theme-select {
2+
color: #212529;
3+
}
4+
5+
.bootstrap5_3-dark .e-samplestatus.new.tree,
6+
.bootstrap5_3-dark .e-samplestatus.update.tree,
7+
.bootstrap5_3-dark .e-samplestatus.preview.tree {
8+
margin: 6px 0;
9+
height: 22px;
10+
}
11+
12+
.bootstrap5_3-dark #msg {
13+
color: #F1F1F1 !important;
14+
}
15+
16+
.bootstrap5_3-dark .copycode::before {
17+
content: '\e77c';
18+
font-size: 25px;
19+
}
20+
21+
.bootstrap5_3-dark .sb-left-pane .e-treeview .e-list-item.e-active>.e-fullrow {
22+
background-color: #363636;
23+
border-color: #363636;
24+
}
25+
26+
.bootstrap5_3-dark .sb-left-pane .e-treeview .e-list-item.e-active>.e-text-content .e-list-text {
27+
color: #fff;
28+
}
29+
30+
/*bootstrap5\.3-dark */
31+
.bootstrap5_3-dark .sb-content,
32+
.bootstrap5_3-dark textarea#ruleContent {
33+
background: #212529;
34+
}
35+
36+
.bootstrap5_3-dark .sb-home {
37+
color: #ffffff
38+
}
39+
40+
.bootstrap5_3-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,
41+
.bootstrap5_3-dark .sb-home,
42+
.bootstrap5_3-dark .sb-reset-icon {
43+
color: #ffffff
44+
}
45+
46+
body.bootstrap5_3-dark,
47+
.bootstrap5_3-dark #sb-header-text,
48+
.bootstrap5_3-dark .control-name,
49+
.bootstrap5_3-dark .sample-navigation,
50+
.bootstrap5_3-dark .sb-icon-Popout,
51+
.bootstrap5_3-dark .sb-switch-popup a {
52+
color: #fff;
53+
}
54+
55+
.bootstrap5_3-dark .sb-header,
56+
.bootstrap5_3-dark .sb-search-result .e-list-item,
57+
.bootstrap5_3-dark .sb-search-result .e-list-group-item {
58+
background: #212529;
59+
}
60+
61+
.bootstrap5_3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator {
62+
background: #0d6efd;
63+
}
64+
65+
.bootstrap5_3-dark #left-sidebar {
66+
color: #c2c0c0;
67+
background: #212529;
68+
}
69+
70+
.bootstrap5_3-dark #left-sidebar {
71+
border: none;
72+
}
73+
74+
.bootstrap5_3-dark .sb-mobile-right-pane {
75+
background: #212529;
76+
}
77+
78+
.bootstrap5_3-dark .hljs-string,
79+
.bootstrap5_3-dark .hljs-title,
80+
.bootstrap5_3-dark .hljs-section,
81+
.bootstrap5_3-dark .hljs-attribute,
82+
.bootstrap5_3-dark .hljs-literal,
83+
.bootstrap5_3-dark .hljs-template-tag,
84+
.bootstrap5_3-dark .hljs-template-variable,
85+
.bootstrap5_3-dark .hljs-type,
86+
.bootstrap5_3-dark .hljs-addition,
87+
.bootstrap5_3-dark .e-icons.back-icon,
88+
.bootstrap5_3-dark .sb-plnr-section,
89+
.bootstrap5_3-dark .sb-bread-crumb,
90+
.bootstrap5_3-dark .sb-component-name,
91+
.bootstrap5_3-dark .sb-icon-Home,
92+
.bootstrap5_3-dark .description-header,
93+
.bootstrap5_3-dark .sample-navigation>button:hover,
94+
.bootstrap5_3-dark .sb-switch-popup li:first-child,
95+
.bootstrap5_3-dark .sb-left-pane .e-listview .e-list-group-item,
96+
.bootstrap5_3-dark .sb-icon-Hamburger:active,
97+
.bootstrap5_3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,
98+
.bootstrap5_3-dark .sb-theme-popup li.active .sb-theme-select {
99+
color: #0d6efd;
100+
}
101+
102+
.bootstrap5_3-dark .sb-content-section,
103+
.bootstrap5_3-dark .sb-switch-popup .bootstrap5_3-dark .sb-content-tab-header,
104+
.bootstrap5_3-dark .sb-content-section .sb-content-tab-header {
105+
background: #212529;
106+
border-color: #c1c1c1;
107+
}
108+
109+
.bootstrap5_3-dark .sample-navigation>button:hover,
110+
.bootstrap5_3-dark .sb-plnr-section,
111+
.bootstrap5_3-dark .sb-icon-Popout:hover,
112+
.bootstrap5_3-dark .sb-icon-Hamburger,
113+
.bootstrap5_3-dark .sb-setting-translate,
114+
.bootstrap5_3-dark .sb-footer-links a,
115+
.bootstrap5_3-dark .description-section a {
116+
color: #0d6efd;
117+
}
118+
119+
.bootstrap5_3-dark code,
120+
.bootstrap5_3-dark .sb-switch-popup,
121+
.bootstrap5_3-dark .sb-setting-popup,
122+
.bootstrap5_3-dark .sb-search-result,
123+
.bootstrap5_3-dark .sb-src-code,
124+
.bootstrap5_3-dark .CodeMirror,
125+
.bootstrap5_3-dark .sb-api-section,
126+
.bootstrap5_3-dark .sb-theme-popup,
127+
.bootstrap5_3-dark .copy-tooltip,
128+
.bootstrap5_3-dark .e-icons.copycode,
129+
.bootstrap5_3-dark #search-input-wrapper input,
130+
.bootstrap5_3-dark #search-input-wrapper input::placeholder {
131+
color: #ffffff;
132+
background: #212529;
133+
}
134+
135+
.bootstrap5_3-dark .sb-search-btn:hover,
136+
.bootstrap5_3-dark .sb-search-btn.active,
137+
.bootstrap5_3-dark .sb-setting-btn:hover,
138+
.bootstrap5_3-dark .sb-setting-btn.active,
139+
.bootstrap5_3-dark .sb-switch-popup li:hover,
140+
.bootstrap5_3-dark .theme-wrapper:hover,
141+
.bootstrap5_3-dark #themeMode-switch-btn:hover,
142+
.bootstrap5_3-dark .theme-wrapper.active,
143+
.bootstrap5_3-dark .sb-theme-popup li:hover,
144+
.bootstrap5_3-dark .sb-search-result .e-list-item:hover,
145+
.bootstrap5_3-dark .sb-left-pane .e-listview .e-list-item:hover {
146+
background-color: #363636;
147+
}
148+
149+
.bootstrap5_3-dark .setting-responsive .sb-responsive-items {
150+
width: 104px;
151+
background-color: #363636;
152+
font-weight: 500;
153+
line-height: 30px;
154+
text-align: center;
155+
border: 1px solid transparent;
156+
display: table-cell;
157+
cursor: pointer;
158+
}
159+
160+
.bootstrap5_3-dark .setting-responsive .sb-responsive-items.active {
161+
background-color: #0d6efd;
162+
color: white;
163+
}
164+
165+
.bootstrap5_3-dark .sb-left-pane .e-listview .e-list-item.e-active,
166+
.bootstrap5_3-dark .cont,
167+
.bootstrap5_3-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow {
168+
background-color: #0d6efd;
169+
}
170+
171+
.bootstrap5_3-dark .sb-left-pane .e-listview .e-list-item:hover {
172+
color: aliceblue;
173+
}
174+
175+
.bootstrap5_3-dark .control-name {
176+
color: #ffffff;
177+
}
178+
179+
.bootstrap5_3-dark .sb-left-pane,
180+
.bootstrap5_3-dark .sb-mobile-left-pane,
181+
.bootstrap5_3-dark .sb-body-overlay {
182+
background: #212529;
183+
}
184+
185+
.bootstrap5_3-dark .sb-mobilefooter>.e-btn.e-flat {
186+
background: #212529;
187+
color: #fff;
188+
}
189+
190+
.bootstrap5_3-dark .sb-mobilefooter>.e-btn.e-flat:hover {
191+
color: #0d6efd;
192+
}
193+
194+
.bootstrap5_3-dark .sb-header-text-left,
195+
.bootstrap5_3-dark .sb-header-text-right {
196+
color: #ffffff
197+
}
198+
199+
.bootstrap5_3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,
200+
.bootstrap5_3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover,
201+
.bootstrap5_3-dark .sb-search-result .e-list-group-item {
202+
color: #0d6efd !important;
203+
}
204+
205+
.bootstrap5_3-dark .sb-search-input .e-ddl .e-clear-icon {
206+
background: transparent;
207+
}
208+
209+
.bootstrap5_3-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text {
210+
color: #ffffff !important;
211+
}
212+
213+
.bootstrap5_3-dark .e-samplestatus.new,
214+
.bootstrap5_3-dark .e-samplestatus.update,
215+
.bootstrap5_3-dark .e-samplestatus.preview {
216+
margin: auto 0;
217+
height: 22px;
218+
padding: 1px 4px;
219+
}
220+
221+
.bootstrap5_3-dark.e-bigger .e-samplestatus.new,
222+
.bootstrap5_3-dark.e-bigger .e-samplestatus.update,
223+
.bootstrap5_3-dark.e-bigger .e-samplestatus.preview {
224+
margin-top: 2px;
225+
}
226+
227+
.bootstrap5_3-dark.e-bigger .e-samplestatus.new.tree,
228+
.bootstrap5_3-dark.e-bigger .e-samplestatus.update.tree,
229+
.bootstrap5_3-dark.e-bigger .e-samplestatus.preview.tree {
230+
margin-top: 9px;
231+
}
232+
233+
.bootstrap5_3-dark .sb-theme-popup li:hover .sb-theme-select {
234+
color: transparent;
235+
}
236+
237+
.bootstrap5_3-dark .sb-theme-popup li:hover.active .sb-theme-select {
238+
color: white;
239+
}

0 commit comments

Comments
 (0)