@progress/kendo-themes-html 5.6.1-dev.6 → 5.6.1-dev.7

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.
Files changed (133) hide show
  1. package/dist/action-sheet/tests/action-sheet-position.js +12 -12
  2. package/dist/action-sheet/tests/action-sheet-position.js.map +1 -1
  3. package/dist/action-sheet/tests/action-sheet.js +6 -6
  4. package/dist/action-sheet/tests/action-sheet.js.map +1 -1
  5. package/dist/card/tests/card.js +1 -2
  6. package/dist/card/tests/card.js.map +2 -2
  7. package/dist/grid/tests/grid-adaptive-column-menu.js +2 -2
  8. package/dist/grid/tests/grid-adaptive-column-menu.js.map +1 -1
  9. package/dist/notification/tests/notification-angular.js +2 -2
  10. package/dist/notification/tests/notification-angular.js.map +2 -2
  11. package/dist/notification/tests/notification-custom-angular.js +4 -4
  12. package/dist/notification/tests/notification-custom-angular.js.map +2 -2
  13. package/dist/notification/tests/notification-jquery.js +2 -2
  14. package/dist/notification/tests/notification-jquery.js.map +2 -2
  15. package/dist/pager/tests/pager-responsive.js +40 -40
  16. package/dist/pager/tests/pager-responsive.js.map +2 -2
  17. package/dist/pager/tests/pager.js +30 -30
  18. package/dist/pager/tests/pager.js.map +2 -2
  19. package/dist/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +522 -0
  20. package/dist/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js.map +7 -0
  21. package/dist/pdf-viewer/tests/pdf-viewer-blank-page.js +533 -0
  22. package/dist/pdf-viewer/tests/pdf-viewer-blank-page.js.map +7 -0
  23. package/dist/pdf-viewer/tests/{pdf-viewer-dialogs.js → pdf-viewer-search-panel-jquery.js} +3 -3
  24. package/dist/pdf-viewer/tests/{pdf-viewer-dialogs.js.map → pdf-viewer-search-panel-jquery.js.map} +1 -1
  25. package/dist/pdf-viewer/tests/pdf-viewer-search-panel.js +541 -0
  26. package/dist/pdf-viewer/tests/pdf-viewer-search-panel.js.map +7 -0
  27. package/dist/pdf-viewer/tests/pdf-viewer.js +4 -2
  28. package/dist/pdf-viewer/tests/pdf-viewer.js.map +2 -2
  29. package/dist/progressbar/tests/progressbar-blazor-vertical.js +23 -23
  30. package/dist/progressbar/tests/progressbar-blazor-vertical.js.map +2 -2
  31. package/dist/progressbar/tests/progressbar-blazor.js +18 -18
  32. package/dist/progressbar/tests/progressbar-blazor.js.map +1 -1
  33. package/dist/progressbar/tests/progressbar-horizontal-chunk.js +28 -28
  34. package/dist/progressbar/tests/progressbar-horizontal-chunk.js.map +2 -2
  35. package/dist/progressbar/tests/progressbar-horizontal-indeterminate.js +12 -12
  36. package/dist/progressbar/tests/progressbar-horizontal-indeterminate.js.map +2 -2
  37. package/dist/progressbar/tests/progressbar-horizontal-reverse.js +12 -12
  38. package/dist/progressbar/tests/progressbar-horizontal-reverse.js.map +2 -2
  39. package/dist/progressbar/tests/progressbar-vertical.js +23 -23
  40. package/dist/progressbar/tests/progressbar-vertical.js.map +2 -2
  41. package/dist/progressbar/tests/progressbar.js +18 -18
  42. package/dist/progressbar/tests/progressbar.js.map +2 -2
  43. package/dist/scheduler/tests/scheduler-adaptive-agenda.js +1 -1
  44. package/dist/scheduler/tests/scheduler-adaptive-agenda.js.map +2 -2
  45. package/dist/scheduler/tests/scheduler-adaptive-month.js +1 -1
  46. package/dist/scheduler/tests/scheduler-adaptive-month.js.map +2 -2
  47. package/dist/scheduler/tests/scheduler-angular-agenda-rtl.js +2 -2
  48. package/dist/scheduler/tests/scheduler-angular-agenda-rtl.js.map +2 -2
  49. package/dist/scheduler/tests/scheduler-angular-agenda.js +2 -2
  50. package/dist/scheduler/tests/scheduler-angular-agenda.js.map +2 -2
  51. package/dist/scheduler/tests/scheduler-angular-day-rtl.js +2 -2
  52. package/dist/scheduler/tests/scheduler-angular-day-rtl.js.map +2 -2
  53. package/dist/scheduler/tests/scheduler-angular-month-rtl.js +7 -7
  54. package/dist/scheduler/tests/scheduler-angular-month-rtl.js.map +2 -2
  55. package/dist/scheduler/tests/scheduler-angular-month.js +7 -7
  56. package/dist/scheduler/tests/scheduler-angular-month.js.map +2 -2
  57. package/dist/scheduler/tests/scheduler-angular-rtl.js +4 -4
  58. package/dist/scheduler/tests/scheduler-angular-rtl.js.map +2 -2
  59. package/dist/scheduler/tests/scheduler-angular.js +4 -4
  60. package/dist/scheduler/tests/scheduler-angular.js.map +2 -2
  61. package/dist/scheduler/tests/scheduler-flex-layout.js +2 -2
  62. package/dist/scheduler/tests/scheduler-flex-layout.js.map +2 -2
  63. package/dist/scheduler/tests/scheduler-jquery-agenda.js +3 -3
  64. package/dist/scheduler/tests/scheduler-jquery-agenda.js.map +2 -2
  65. package/dist/scheduler/tests/scheduler-jquery-month.js +7 -7
  66. package/dist/scheduler/tests/scheduler-jquery-month.js.map +2 -2
  67. package/dist/scheduler/tests/scheduler-react-agenda.js +10 -10
  68. package/dist/scheduler/tests/scheduler-react-agenda.js.map +2 -2
  69. package/dist/scheduler/tests/scheduler-react-day.js +2 -2
  70. package/dist/scheduler/tests/scheduler-react-day.js.map +2 -2
  71. package/dist/scheduler/tests/scheduler-react-month.js +66 -66
  72. package/dist/scheduler/tests/scheduler-react-month.js.map +2 -2
  73. package/dist/scheduler/tests/scheduler-react-timeline-multi.js +2 -2
  74. package/dist/scheduler/tests/scheduler-react-timeline-multi.js.map +2 -2
  75. package/dist/scheduler/tests/scheduler-react-timeline.js +2 -2
  76. package/dist/scheduler/tests/scheduler-react-timeline.js.map +2 -2
  77. package/dist/scheduler/tests/scheduler-react-week.js +2 -2
  78. package/dist/scheduler/tests/scheduler-react-week.js.map +2 -2
  79. package/dist/scheduler/tests/scheduler-year.js +4 -4
  80. package/dist/scheduler/tests/scheduler-year.js.map +2 -2
  81. package/dist/scheduler/tests/scheduler.js +5 -5
  82. package/dist/scheduler/tests/scheduler.js.map +2 -2
  83. package/dist/slider/tests/slider-css-vars.js +8 -8
  84. package/dist/slider/tests/slider-css-vars.js.map +2 -2
  85. package/dist/slider/tests/slider-tick-absolute-position.js +2 -2
  86. package/dist/slider/tests/slider-tick-absolute-position.js.map +2 -2
  87. package/dist/slider/tests/slider.js +18 -18
  88. package/dist/slider/tests/slider.js.map +2 -2
  89. package/package.json +2 -2
  90. package/src/action-sheet/tests/action-sheet-position.tsx +12 -12
  91. package/src/action-sheet/tests/action-sheet.tsx +6 -6
  92. package/src/card/tests/card.tsx +1 -1
  93. package/src/grid/tests/grid-adaptive-column-menu.tsx +2 -2
  94. package/src/notification/tests/notification-angular.tsx +2 -2
  95. package/src/notification/tests/notification-custom-angular.tsx +4 -4
  96. package/src/notification/tests/notification-jquery.tsx +2 -2
  97. package/src/pager/tests/pager-responsive.tsx +40 -40
  98. package/src/pager/tests/pager.tsx +30 -30
  99. package/src/pdf-viewer/tests/pdf-viewer-blank-page-blazor.tsx +51 -0
  100. package/src/pdf-viewer/tests/pdf-viewer-blank-page.tsx +60 -0
  101. package/src/pdf-viewer/tests/{pdf-viewer-dialogs.tsx → pdf-viewer-search-panel-jquery.tsx} +0 -0
  102. package/src/pdf-viewer/tests/pdf-viewer-search-panel.tsx +58 -0
  103. package/src/pdf-viewer/tests/pdf-viewer.tsx +5 -3
  104. package/src/progressbar/tests/progressbar-blazor-vertical.tsx +23 -23
  105. package/src/progressbar/tests/progressbar-blazor.tsx +18 -18
  106. package/src/progressbar/tests/progressbar-horizontal-chunk.tsx +28 -28
  107. package/src/progressbar/tests/progressbar-horizontal-indeterminate.tsx +12 -12
  108. package/src/progressbar/tests/progressbar-horizontal-reverse.tsx +12 -12
  109. package/src/progressbar/tests/progressbar-vertical.tsx +23 -23
  110. package/src/progressbar/tests/progressbar.tsx +18 -18
  111. package/src/scheduler/tests/scheduler-adaptive-agenda.tsx +1 -1
  112. package/src/scheduler/tests/scheduler-adaptive-month.tsx +1 -1
  113. package/src/scheduler/tests/scheduler-angular-agenda-rtl.tsx +2 -2
  114. package/src/scheduler/tests/scheduler-angular-agenda.tsx +2 -2
  115. package/src/scheduler/tests/scheduler-angular-day-rtl.tsx +2 -2
  116. package/src/scheduler/tests/scheduler-angular-month-rtl.tsx +7 -7
  117. package/src/scheduler/tests/scheduler-angular-month.tsx +7 -7
  118. package/src/scheduler/tests/scheduler-angular-rtl.tsx +4 -4
  119. package/src/scheduler/tests/scheduler-angular.tsx +4 -4
  120. package/src/scheduler/tests/scheduler-flex-layout.tsx +2 -2
  121. package/src/scheduler/tests/scheduler-jquery-agenda.tsx +3 -3
  122. package/src/scheduler/tests/scheduler-jquery-month.tsx +7 -7
  123. package/src/scheduler/tests/scheduler-react-agenda.tsx +10 -10
  124. package/src/scheduler/tests/scheduler-react-day.tsx +2 -2
  125. package/src/scheduler/tests/scheduler-react-month.tsx +66 -66
  126. package/src/scheduler/tests/scheduler-react-timeline-multi.tsx +2 -2
  127. package/src/scheduler/tests/scheduler-react-timeline.tsx +2 -2
  128. package/src/scheduler/tests/scheduler-react-week.tsx +2 -2
  129. package/src/scheduler/tests/scheduler-year.tsx +4 -4
  130. package/src/scheduler/tests/scheduler.tsx +5 -5
  131. package/src/slider/tests/slider-css-vars.tsx +8 -8
  132. package/src/slider/tests/slider-tick-absolute-position.tsx +2 -2
  133. package/src/slider/tests/slider.tsx +18 -18
package/src/pager/tests/pager-responsive.tsx CHANGED
@@ -25,8 +25,8 @@ root.render(
25
25
 
26
26
  <span>lg</span>
27
27
  <div className="k-pager k-widget k-pager-lg">
28
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
29
- <a className="k-link k-pager-nav k-focus"><Icon name="arrow-w" /></a>
28
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
29
+ <a className="k-link k-pager-nav k-focus"><Icon name="caret-alt-left" /></a>
30
30
  <div className="k-pager-numbers-wrap">
31
31
  <select className="k-picker k-dropdown-list k-dropdown">
32
32
  <option>1</option>
@@ -40,15 +40,15 @@ root.render(
40
40
  <li><a className="k-link k-selected k-focus">6</a></li>
41
41
  </ul>
42
42
  </div>
43
- <a className="k-link k-pager-nav k-hover"><Icon name="arrow-e" /></a>
44
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
43
+ <a className="k-link k-pager-nav k-hover"><Icon name="caret-alt-right" /></a>
44
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
45
45
 
46
46
  <span className="k-pager-sizes k-label">
47
47
  <DropdownList value="20" />
48
48
  items per page
49
49
  </span>
50
50
 
51
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
51
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
52
52
 
53
53
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
54
54
  </div>
@@ -56,8 +56,8 @@ root.render(
56
56
 
57
57
  <span>md</span>
58
58
  <div className="k-pager k-widget k-pager-md">
59
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
60
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
59
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
60
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
61
61
  <div className="k-pager-numbers-wrap">
62
62
  <select className="k-picker k-dropdown-list k-dropdown">
63
63
  <option>1</option>
@@ -70,15 +70,15 @@ root.render(
70
70
  <li><a className="k-link">5</a></li>
71
71
  </ul>
72
72
  </div>
73
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
74
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
73
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
74
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
75
75
 
76
76
  <span className="k-pager-sizes k-label">
77
77
  <DropdownList value="20" />
78
78
  items per page
79
79
  </span>
80
80
 
81
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
81
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
82
82
 
83
83
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
84
84
  </div>
@@ -86,8 +86,8 @@ root.render(
86
86
 
87
87
  <span>sm</span>
88
88
  <div className="k-pager k-widget k-pager-sm">
89
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
90
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
89
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
90
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
91
91
  <div className="k-pager-numbers-wrap">
92
92
  <select className="k-picker k-dropdown-list k-dropdown">
93
93
  <option>1</option>
@@ -100,21 +100,21 @@ root.render(
100
100
  <li><a className="k-link">5</a></li>
101
101
  </ul>
102
102
  </div>
103
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
104
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
103
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
104
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
105
105
 
106
106
  <span className="k-pager-sizes k-label">
107
107
  <DropdownList value="20" />
108
108
  items per page
109
109
  </span>
110
110
 
111
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
111
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
112
112
 
113
113
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
114
114
  </div>
115
115
  <div className="k-pager k-widget k-pager-sm">
116
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
117
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
116
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
117
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
118
118
  <div className="k-pager-numbers-wrap">
119
119
  <select className="k-picker k-dropdown-list k-dropdown">
120
120
  <option>1</option>
@@ -127,15 +127,15 @@ root.render(
127
127
  <li><a className="k-link">5</a></li>
128
128
  </ul>
129
129
  </div>
130
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
131
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
130
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
131
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
132
132
 
133
133
  <span className="k-pager-sizes k-label">
134
134
  <DropdownList value="20" />
135
135
  items per page
136
136
  </span>
137
137
 
138
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
138
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
139
139
 
140
140
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
141
141
  </div>
@@ -146,8 +146,8 @@ root.render(
146
146
 
147
147
  <span>lg</span>
148
148
  <div className="k-pager k-widget k-pager-lg" dir="rtl">
149
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
150
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
149
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
150
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
151
151
  <div className="k-pager-numbers-wrap">
152
152
  <select className="k-picker k-dropdown-list k-dropdown">
153
153
  <option>1</option>
@@ -160,15 +160,15 @@ root.render(
160
160
  <li><a className="k-link">5</a></li>
161
161
  </ul>
162
162
  </div>
163
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
164
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
163
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
164
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
165
165
 
166
166
  <span className="k-pager-sizes k-label">
167
167
  <DropdownList value="20" />
168
168
  items per page
169
169
  </span>
170
170
 
171
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
171
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
172
172
 
173
173
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
174
174
  </div>
@@ -176,8 +176,8 @@ root.render(
176
176
 
177
177
  <span>md</span>
178
178
  <div className="k-pager k-widget k-pager-md" dir="rtl">
179
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
180
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
179
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
180
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
181
181
  <div className="k-pager-numbers-wrap">
182
182
  <select className="k-picker k-dropdown-list k-dropdown">
183
183
  <option>1</option>
@@ -190,15 +190,15 @@ root.render(
190
190
  <li><a className="k-link">5</a></li>
191
191
  </ul>
192
192
  </div>
193
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
194
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
193
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
194
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
195
195
 
196
196
  <span className="k-pager-sizes k-label">
197
197
  <DropdownList value="20" />
198
198
  items per page
199
199
  </span>
200
200
 
201
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
201
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
202
202
 
203
203
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
204
204
  </div>
@@ -206,8 +206,8 @@ root.render(
206
206
 
207
207
  <span>sm</span>
208
208
  <div className="k-pager k-widget k-pager-sm" dir="rtl">
209
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
210
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
209
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
210
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
211
211
  <div className="k-pager-numbers-wrap">
212
212
  <select className="k-picker k-dropdown-list k-dropdown">
213
213
  <option>1</option>
@@ -220,21 +220,21 @@ root.render(
220
220
  <li><a className="k-link">5</a></li>
221
221
  </ul>
222
222
  </div>
223
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
224
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
223
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
224
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
225
225
 
226
226
  <span className="k-pager-sizes k-label">
227
227
  <DropdownList value="20" />
228
228
  items per page
229
229
  </span>
230
230
 
231
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
231
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
232
232
 
233
233
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
234
234
  </div>
235
235
  <div className="k-pager k-widget k-pager-sm" dir="rtl">
236
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
237
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
236
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
237
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
238
238
  <div className="k-pager-numbers-wrap">
239
239
  <select className="k-picker k-dropdown-list k-dropdown">
240
240
  <option>1</option>
@@ -247,15 +247,15 @@ root.render(
247
247
  <li><a className="k-link">5</a></li>
248
248
  </ul>
249
249
  </div>
250
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
251
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
250
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
251
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
252
252
 
253
253
  <span className="k-pager-sizes k-label">
254
254
  <DropdownList value="20" />
255
255
  items per page
256
256
  </span>
257
257
 
258
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
258
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
259
259
 
260
260
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
261
261
  </div>
package/src/pager/tests/pager.tsx CHANGED
@@ -15,8 +15,8 @@ root.render(
15
15
  <span>LTR</span>
16
16
  <section>
17
17
  <div className="k-pager k-widget">
18
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
19
- <a className="k-link k-pager-nav k-focus"><Icon name="arrow-w" /></a>
18
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
19
+ <a className="k-link k-pager-nav k-focus"><Icon name="caret-alt-left" /></a>
20
20
  <div className="k-pager-numbers-wrap">
21
21
  <select className="k-picker k-dropdown-list k-dropdown">
22
22
  <option>1</option>
@@ -30,45 +30,45 @@ root.render(
30
30
  <li><a className="k-link k-selected k-focus">6</a></li>
31
31
  </ul>
32
32
  </div>
33
- <a className="k-link k-pager-nav k-hover"><Icon name="arrow-e" /></a>
34
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
33
+ <a className="k-link k-pager-nav k-hover"><Icon name="caret-alt-right" /></a>
34
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
35
35
 
36
36
  <span className="k-pager-sizes k-label">
37
37
  <DropdownList value="20" />
38
38
  items per page
39
39
  </span>
40
40
 
41
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
41
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
42
42
 
43
43
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
44
44
  </div>
45
45
  </section>
46
46
  <section>
47
47
  <div className="k-pager k-widget k-focus">
48
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
49
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
48
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
49
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
50
50
  <span className="k-pager-input k-label">
51
51
  Page
52
52
  <Textbox showClearButton={false} value="999" />
53
53
  of 8
54
54
  </span>
55
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
56
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
55
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
56
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
57
57
 
58
58
  <span className="k-pager-sizes k-label">
59
59
  <DropdownList value="20" />
60
60
  items per page
61
61
  </span>
62
62
 
63
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
63
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
64
64
 
65
65
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
66
66
  </div>
67
67
  </section>
68
68
  <section>
69
69
  <div className="k-pager k-widget">
70
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
71
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
70
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
71
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
72
72
  <div className="k-pager-numbers-wrap">
73
73
  <select className="k-picker k-dropdown-list k-dropdown">
74
74
  <option>1</option>
@@ -81,15 +81,15 @@ root.render(
81
81
  <li><a className="k-link">5</a></li>
82
82
  </ul>
83
83
  </div>
84
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
85
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
84
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
85
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
86
86
 
87
87
  <span className="k-pager-sizes k-label">
88
88
  <DropdownList value="20" />
89
89
  items per page
90
90
  </span>
91
91
 
92
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
92
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
93
93
 
94
94
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
95
95
  </div>
@@ -99,8 +99,8 @@ root.render(
99
99
  <span>RTL</span>
100
100
  <section>
101
101
  <div className="k-pager k-widget" dir="rtl">
102
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
103
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
102
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
103
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
104
104
  <div className="k-pager-numbers-wrap">
105
105
  <select className="k-picker k-dropdown-list k-dropdown">
106
106
  <option>1</option>
@@ -113,45 +113,45 @@ root.render(
113
113
  <li><a className="k-link">5</a></li>
114
114
  </ul>
115
115
  </div>
116
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
117
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
116
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
117
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
118
118
 
119
119
  <span className="k-pager-sizes k-label">
120
120
  <DropdownList value="20" />
121
121
  items per page
122
122
  </span>
123
123
 
124
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
124
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
125
125
 
126
126
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
127
127
  </div>
128
128
  </section>
129
129
  <section>
130
130
  <div className="k-pager k-widget" dir="rtl">
131
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
132
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
131
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
132
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
133
133
  <span className="k-pager-input k-label">
134
134
  Page
135
135
  <Textbox showClearButton={false} value="999" />
136
136
  of 8
137
137
  </span>
138
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
139
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
138
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
139
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
140
140
 
141
141
  <span className="k-pager-sizes k-label">
142
142
  <DropdownList value="20" />
143
143
  items per page
144
144
  </span>
145
145
 
146
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
146
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
147
147
 
148
148
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
149
149
  </div>
150
150
  </section>
151
151
  <section>
152
152
  <div className="k-pager k-widget" dir="rtl">
153
- <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="arrow-end-left" /></a>
154
- <a className="k-link k-pager-nav k-disabled"><Icon name="arrow-w" /></a>
153
+ <a className="k-link k-pager-nav k-pager-first k-disabled"><Icon name="caret-alt-to-left" /></a>
154
+ <a className="k-link k-pager-nav k-disabled"><Icon name="caret-alt-left" /></a>
155
155
  <div className="k-pager-numbers-wrap">
156
156
  <select className="k-picker k-dropdown-list k-dropdown">
157
157
  <option>1</option>
@@ -164,15 +164,15 @@ root.render(
164
164
  <li><a className="k-link">5</a></li>
165
165
  </ul>
166
166
  </div>
167
- <a className="k-link k-pager-nav"><Icon name="arrow-e" /></a>
168
- <a className="k-link k-pager-nav k-pager-last"><Icon name="arrow-end-right" /></a>
167
+ <a className="k-link k-pager-nav"><Icon name="caret-alt-right" /></a>
168
+ <a className="k-link k-pager-nav k-pager-last"><Icon name="caret-alt-to-right" /></a>
169
169
 
170
170
  <span className="k-pager-sizes k-label">
171
171
  <DropdownList value="20" />
172
172
  items per page
173
173
  </span>
174
174
 
175
- <a className="k-pager-refresh k-link"><Icon name="reload" /></a>
175
+ <a className="k-pager-refresh k-link"><Icon name="arrow-rotate-cw" /></a>
176
176
 
177
177
  <span className="k-pager-info k-label">1 - 20 of 91 items</span>
178
178
  </div>
package/src/pdf-viewer/tests/pdf-viewer-blank-page-blazor.tsx ADDED
@@ -0,0 +1,51 @@
1
+ import React from 'react';
2
+ import ReactDOM from 'react-dom/client';
3
+ import { Button } from '../../button';
4
+ import { Textbox } from '../../textbox';
5
+ import { Icon } from '../../icon';
6
+
7
+ const root = ReactDOM.createRoot(
8
+ document.getElementById('app') as HTMLElement
9
+ );
10
+
11
+ const styles = `
12
+ #test-area .k-pdf-viewer {
13
+ height: 600px;
14
+ }
15
+ `;
16
+
17
+ root.render(
18
+ <>
19
+ <style>{styles}</style>
20
+ <div id="test-area" className="k-d-grid k-grid-cols-1">
21
+
22
+ <div className="k-widget k-pdf-viewer">
23
+ <div className="k-toolbar k-widget k-toolbar-resizable">
24
+ <div className="k-pager">
25
+ <Button fillMode="flat" icon="arrow-end-left" className="k-pager-nav k-pager-first"></Button>
26
+ <Button fillMode="flat" icon="arrow-60-left" className="k-pager-nav"></Button>
27
+ <span className="k-pager-input k-label"><Textbox />of 4 pages</span>
28
+ <Button fillMode="flat" icon="arrow-60-right" className="k-pager-nav"></Button>
29
+ <Button fillMode="flat" icon="arrow-end-right" className="k-pager-nav k-pager-last"></Button>
30
+ </div>
31
+ <span className="k-spacer"></span>
32
+ <Button fillMode="flat" icon="file-pdf"></Button>
33
+ <Button fillMode="flat" icon="print"></Button>
34
+ <Button fillMode="flat" icon="fullscreen"></Button>
35
+ </div>
36
+ <div className="k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto">
37
+ <div className="k-pdf-viewer-pages">
38
+ <div className="k-page k-blank-page">
39
+ <Icon name="folder-open"></Icon>
40
+ <div className="k-upload">
41
+ <div className="k-dropzone">
42
+ <Button className="k-upload-button">Select files...</Button>
43
+ </div>
44
+ </div>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ </div>
50
+ </>
51
+ );
package/src/pdf-viewer/tests/pdf-viewer-blank-page.tsx ADDED
@@ -0,0 +1,60 @@
1
+ import React from 'react';
2
+ import ReactDOM from 'react-dom/client';
3
+ import { Button } from '../../button';
4
+ import { Textbox } from '../../textbox';
5
+ import { Icon } from '../../icon';
6
+
7
+ const root = ReactDOM.createRoot(
8
+ document.getElementById('app') as HTMLElement
9
+ );
10
+
11
+ const styles = `
12
+ #test-area .k-pdf-viewer {
13
+ height: 600px;
14
+ }
15
+ .k-dropzone {
16
+ gap: 8px;
17
+ }
18
+ `;
19
+
20
+ root.render(
21
+ <>
22
+ <style>{styles}</style>
23
+ <div id="test-area" className="k-d-grid k-grid-cols-1">
24
+
25
+ <div className="k-widget k-pdf-viewer">
26
+ <div className="k-toolbar k-widget k-toolbar-resizable">
27
+ <div className="k-pager">
28
+ <Button fillMode="flat" icon="arrow-end-left" className="k-pager-nav k-pager-first"></Button>
29
+ <Button fillMode="flat" icon="arrow-60-left" className="k-pager-nav"></Button>
30
+ <span className="k-pager-input k-label"><Textbox />of 4 pages</span>
31
+ <Button fillMode="flat" icon="arrow-60-right" className="k-pager-nav"></Button>
32
+ <Button fillMode="flat" icon="arrow-end-right" className="k-pager-nav k-pager-last"></Button>
33
+ </div>
34
+ <span className="k-spacer"></span>
35
+ <Button fillMode="flat" icon="file-pdf"></Button>
36
+ <Button fillMode="flat" icon="print"></Button>
37
+ <Button fillMode="flat" icon="fullscreen"></Button>
38
+ </div>
39
+ <div className="k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto">
40
+ <div className="k-pdf-viewer-pages">
41
+ <div className="k-page k-blank-page">
42
+ <div className="k-external-dropzone">
43
+ <div className="k-dropzone-inner">
44
+ <Icon name="upload" />
45
+ <span className="k-dropzone-hint">Drag and drop files here to upload</span>
46
+ </div>
47
+ </div>
48
+ <div className="k-upload">
49
+ <div className="k-dropzone">
50
+ <Button className="k-upload-button">Select files...</Button>
51
+ <em className="k-dropzone-hint">Drop files here to upload</em>
52
+ </div>
53
+ </div>
54
+ </div>
55
+ </div>
56
+ </div>
57
+ </div>
58
+ </div>
59
+ </>
60
+ );
package/src/pdf-viewer/tests/pdf-viewer-search-panel.tsx ADDED
@@ -0,0 +1,58 @@
1
+ import React from 'react';
2
+ import ReactDOM from 'react-dom/client';
3
+ import { Button } from '../../button';
4
+ import { Textbox } from '../../textbox';
5
+
6
+ const root = ReactDOM.createRoot(
7
+ document.getElementById('app') as HTMLElement
8
+ );
9
+
10
+ const styles = `
11
+ #test-area .k-pdf-viewer {
12
+ height: 600px;
13
+ }
14
+ `;
15
+
16
+ root.render(
17
+ <>
18
+ <style>{styles}</style>
19
+ <div id="test-area" className="k-d-grid k-grid-cols-1">
20
+
21
+ <div className="k-widget k-pdf-viewer">
22
+ <div className="k-toolbar k-widget k-toolbar-resizable">
23
+ <div className="k-pager">
24
+ <Button fillMode="flat" icon="arrow-end-left" className="k-pager-nav k-pager-first"></Button>
25
+ <Button fillMode="flat" icon="arrow-60-left" className="k-pager-nav"></Button>
26
+ <span className="k-pager-input k-label"><Textbox />of 4 pages</span>
27
+ <Button fillMode="flat" icon="arrow-60-right" className="k-pager-nav"></Button>
28
+ <Button fillMode="flat" icon="arrow-end-right" className="k-pager-nav k-pager-last"></Button>
29
+ </div>
30
+ <span className="k-spacer"></span>
31
+ <Button fillMode="flat" icon="file-pdf"></Button>
32
+ <Button fillMode="flat" icon="print"></Button>
33
+ <Button fillMode="flat" icon="fullscreen"></Button>
34
+ </div>
35
+ <div className="k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto">
36
+ <div className="k-search-panel k-pos-sticky k-top-center">
37
+ <Button fillMode="flat" icon="handler-drag" className="k-search-dialog-draghandle"></Button>
38
+ <Textbox
39
+ suffix={
40
+ <Button fillMode="flat" className="k-match-case-button" icon="convert-lowercase"></Button>
41
+ }
42
+ />
43
+ <span className="k-search-matches">
44
+ <span>0</span> of <span>1</span>
45
+ </span>
46
+ <Button fillMode="flat" icon="arrow-up"></Button>
47
+ <Button fillMode="flat" icon="arrow-down"></Button>
48
+ <Button fillMode="flat" icon="close"></Button>
49
+ </div>
50
+ <div className="k-pdf-viewer-pages">
51
+ <div className="k-page" style={{ width: "720px", height: "360px" }}></div>
52
+ <div className="k-page" style={{ width: "720px", height: "360px" }}></div>
53
+ </div>
54
+ </div>
55
+ </div>
56
+ </div>
57
+ </>
58
+ );
package/src/pdf-viewer/tests/pdf-viewer.tsx CHANGED
@@ -32,9 +32,11 @@ root.render(
32
32
  <Button fillMode="flat" icon="print"></Button>
33
33
  <Button fillMode="flat" icon="fullscreen"></Button>
34
34
  </div>
35
- <div className="k-canvas k-list-scroller">
36
- <div className="k-page" style={{ width: "720px", height: "360px" }}></div>
37
- <div className="k-page" style={{ width: "720px", height: "360px" }}></div>
35
+ <div className="k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto">
36
+ <div className="k-pdf-viewer-pages">
37
+ <div className="k-page" style={{ width: "720px", height: "360px" }}></div>
38
+ <div className="k-page" style={{ width: "720px", height: "360px" }}></div>
39
+ </div>
38
40
  </div>
39
41
  </div>
40
42
  </div>