@progress/kendo-themes-html 5.5.1-dev.0 → 5.5.1-dev.1

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 (60) hide show
  1. package/dist/calendar/calendar-cell.js +7 -1
  2. package/dist/calendar/calendar-cell.js.map +2 -2
  3. package/dist/calendar/calendar-table-head.js +38 -19
  4. package/dist/calendar/calendar-table-head.js.map +2 -2
  5. package/dist/calendar/calendar-table.js +38 -19
  6. package/dist/calendar/calendar-table.js.map +2 -2
  7. package/dist/calendar/calendar-view.js +38 -19
  8. package/dist/calendar/calendar-view.js.map +2 -2
  9. package/dist/calendar/calendar.js +38 -19
  10. package/dist/calendar/calendar.js.map +2 -2
  11. package/dist/calendar/tests/calendar-classic-jquery.js +28 -28
  12. package/dist/calendar/tests/calendar-classic-jquery.js.map +2 -2
  13. package/dist/calendar/tests/calendar-infinite-rtl.js +67 -67
  14. package/dist/calendar/tests/calendar-infinite-rtl.js.map +2 -2
  15. package/dist/calendar/tests/calendar-infinite.js +68 -68
  16. package/dist/calendar/tests/calendar-infinite.js.map +2 -2
  17. package/dist/calendar/tests/calendar-modern-angular.js +38 -19
  18. package/dist/calendar/tests/calendar-modern-angular.js.map +2 -2
  19. package/dist/calendar/tests/calendar-modern-jquery.js +38 -19
  20. package/dist/calendar/tests/calendar-modern-jquery.js.map +2 -2
  21. package/dist/datetime-selector/tests/datetime-selector.js +38 -19
  22. package/dist/datetime-selector/tests/datetime-selector.js.map +2 -2
  23. package/dist/multiviewcalendar/multiviewcalendar.js +40 -20
  24. package/dist/multiviewcalendar/multiviewcalendar.js.map +2 -2
  25. package/dist/multiviewcalendar/tests/multiviewcalendar-angular.js +40 -20
  26. package/dist/multiviewcalendar/tests/multiviewcalendar-angular.js.map +2 -2
  27. package/dist/multiviewcalendar/tests/multiviewcalendar-jquery.js +40 -20
  28. package/dist/multiviewcalendar/tests/multiviewcalendar-jquery.js.map +2 -2
  29. package/dist/multiviewcalendar/tests/multiviewcalendar-react.js +40 -20
  30. package/dist/multiviewcalendar/tests/multiviewcalendar-react.js.map +2 -2
  31. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-angular.js +40 -20
  32. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-angular.js.map +2 -2
  33. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-jquery.js +40 -20
  34. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-jquery.js.map +2 -2
  35. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-react.js +40 -20
  36. package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-react.js.map +2 -2
  37. package/dist/signature/index.js +203 -0
  38. package/dist/signature/index.js.map +7 -0
  39. package/dist/signature/signature.js +203 -0
  40. package/dist/signature/signature.js.map +7 -0
  41. package/dist/signature/tests/signature-flat.js +127 -367
  42. package/dist/signature/tests/signature-flat.js.map +3 -3
  43. package/dist/signature/tests/signature-outline.js +127 -367
  44. package/dist/signature/tests/signature-outline.js.map +3 -3
  45. package/dist/signature/tests/signature.js +112 -367
  46. package/dist/signature/tests/signature.js.map +3 -3
  47. package/package.json +2 -2
  48. package/src/calendar/calendar-cell.tsx +10 -1
  49. package/src/calendar/calendar-table.tsx +15 -13
  50. package/src/calendar/calendar-view.tsx +3 -0
  51. package/src/calendar/calendar.tsx +3 -0
  52. package/src/calendar/tests/calendar-classic-jquery.tsx +28 -28
  53. package/src/calendar/tests/calendar-infinite-rtl.tsx +67 -67
  54. package/src/calendar/tests/calendar-infinite.tsx +68 -68
  55. package/src/multiviewcalendar/multiviewcalendar.tsx +1 -0
  56. package/src/signature/index.tsx +1 -0
  57. package/src/signature/signature.tsx +112 -0
  58. package/src/signature/tests/signature-flat.tsx +47 -433
  59. package/src/signature/tests/signature-outline.tsx +47 -433
  60. package/src/signature/tests/signature.tsx +47 -433
package/src/signature/tests/signature-outline.tsx CHANGED
@@ -1,457 +1,71 @@
1
1
  import React from 'react';
2
2
  import ReactDOM from 'react-dom/client';
3
- import { Button } from '../../button';
3
+ import { Signature } from '../../signature';
4
4
 
5
5
  const root = ReactDOM.createRoot(
6
6
  document.getElementById('app') as HTMLElement
7
7
  );
8
8
 
9
+ const styles = `
10
+ div[dir="rtl"] {
11
+ display: flex;
12
+ justify-content: end;
13
+ }
14
+ `;
15
+
9
16
  root.render(
10
- <div id="test-area" className="k-d-grid k-grid-cols-2">
11
- <span>Signature</span>
12
- <span>Signature RTL</span>
17
+ <>
18
+ <style>{styles}</style>
19
+ <div id="test-area" className="k-d-grid k-grid-cols-2">
20
+ <span>Signature</span>
21
+ <span>Signature RTL</span>
13
22
 
14
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md">
15
- <div className="k-signature-actions k-signature-actions-top">
16
- <Button
17
- fillMode="flat"
18
- size="medium"
19
- rounded="medium"
20
- icon="window-maximize"
21
- className="k-signature-action k-signature-minimize"
22
- >
23
- </Button>
24
- <Button
25
- fillMode="flat"
26
- size="medium"
27
- rounded="medium"
28
- icon="window-minimize"
29
- className="k-signature-action k-signature-minimize k-hidden"
30
- >
31
- </Button>
32
- </div>
33
- <canvas className="k-signature-canvas">
34
- An alternate text describing what the canvas displays.
35
- </canvas>
36
- <div className="k-signature-line"></div>
37
- <div className="k-signature-actions k-signature-actions-bottom">
38
- <Button
39
- fillMode="flat"
40
- size="medium"
41
- rounded="medium"
42
- icon="close"
43
- className="k-signature-action k-signature-clear"
44
- >
45
- </Button>
46
- </div>
47
- </div>
48
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-rtl">
49
- <div className="k-signature-actions k-signature-actions-top">
50
- <Button
51
- fillMode="flat"
52
- size="medium"
53
- rounded="medium"
54
- icon="window-maximize"
55
- className="k-signature-action k-signature-minimize"
56
- >
57
- </Button>
58
- <Button
59
- fillMode="flat"
60
- size="medium"
61
- rounded="medium"
62
- icon="window-minimize"
63
- className="k-signature-action k-signature-minimize k-hidden"
64
- >
65
- </Button>
66
- </div>
67
- <canvas className="k-signature-canvas">
68
- An alternate text describing what the canvas displays.
69
- </canvas>
70
- <div className="k-signature-line"></div>
71
- <div className="k-signature-actions k-signature-actions-bottom">
72
- <Button
73
- fillMode="flat"
74
- size="medium"
75
- rounded="medium"
76
- icon="close"
77
- className="k-signature-action k-signature-clear"
78
- >
79
- </Button>
23
+ <div>
24
+ <Signature fillMode="outline"/>
80
25
  </div>
81
- </div>
82
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-hover">
83
- <div className="k-signature-actions k-signature-actions-top">
84
- <Button
85
- fillMode="flat"
86
- size="medium"
87
- rounded="medium"
88
- icon="window-maximize"
89
- className="k-signature-action k-signature-minimize"
90
- >
91
- </Button>
92
- <Button
93
- fillMode="flat"
94
- size="medium"
95
- rounded="medium"
96
- icon="window-minimize"
97
- className="k-signature-action k-signature-minimize k-hidden"
98
- >
99
- </Button>
100
- </div>
101
- <canvas className="k-signature-canvas">
102
- An alternate text describing what the canvas displays.
103
- </canvas>
104
- <div className="k-signature-line"></div>
105
- <div className="k-signature-actions k-signature-actions-bottom">
106
- <Button
107
- fillMode="flat"
108
- size="medium"
109
- rounded="medium"
110
- icon="close"
111
- className="k-signature-action k-signature-clear"
112
- >
113
- </Button>
114
- </div>
115
- </div>
116
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-hover k-rtl">
117
- <div className="k-signature-actions k-signature-actions-top">
118
- <Button
119
- fillMode="flat"
120
- size="medium"
121
- rounded="medium"
122
- icon="window-maximize"
123
- className="k-signature-action k-signature-minimize"
124
- >
125
- </Button>
126
- <Button
127
- fillMode="flat"
128
- size="medium"
129
- rounded="medium"
130
- icon="window-minimize"
131
- className="k-signature-action k-signature-minimize k-hidden"
132
- >
133
- </Button>
26
+ <div dir="rtl">
27
+ <Signature fillMode="outline"/>
134
28
  </div>
135
- <canvas className="k-signature-canvas">
136
- An alternate text describing what the canvas displays.
137
- </canvas>
138
- <div className="k-signature-line"></div>
139
- <div className="k-signature-actions k-signature-actions-bottom">
140
- <Button
141
- fillMode="flat"
142
- size="medium"
143
- rounded="medium"
144
- icon="close"
145
- className="k-signature-action k-signature-clear"
146
- >
147
- </Button>
148
- </div>
149
- </div>
150
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-focus">
151
- <div className="k-signature-actions k-signature-actions-top">
152
- <Button
153
- fillMode="flat"
154
- size="medium"
155
- rounded="medium"
156
- icon="window-maximize"
157
- className="k-signature-action k-signature-minimize"
158
- >
159
- </Button>
160
- <Button
161
- fillMode="flat"
162
- size="medium"
163
- rounded="medium"
164
- icon="window-minimize"
165
- className="k-signature-action k-signature-minimize k-hidden"
166
- >
167
- </Button>
168
- </div>
169
- <canvas className="k-signature-canvas">
170
- An alternate text describing what the canvas displays.
171
- </canvas>
172
- <div className="k-signature-line"></div>
173
- <div className="k-signature-actions k-signature-actions-bottom">
174
- <Button
175
- fillMode="flat"
176
- size="medium"
177
- rounded="medium"
178
- icon="close"
179
- className="k-signature-action k-signature-clear"
180
- >
181
- </Button>
182
- </div>
183
- </div>
184
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-focus k-rtl">
185
- <div className="k-signature-actions k-signature-actions-top">
186
- <Button
187
- fillMode="flat"
188
- size="medium"
189
- rounded="medium"
190
- icon="window-maximize"
191
- className="k-signature-action k-signature-minimize"
192
- >
193
- </Button>
194
- <Button
195
- fillMode="flat"
196
- size="medium"
197
- rounded="medium"
198
- icon="window-minimize"
199
- className="k-signature-action k-signature-minimize k-hidden"
200
- >
201
- </Button>
202
- </div>
203
- <canvas className="k-signature-canvas">
204
- An alternate text describing what the canvas displays.
205
- </canvas>
206
- <div className="k-signature-line"></div>
207
- <div className="k-signature-actions k-signature-actions-bottom">
208
- <Button
209
- fillMode="flat"
210
- size="medium"
211
- rounded="medium"
212
- icon="close"
213
- className="k-signature-action k-signature-clear"
214
- >
215
- </Button>
216
- </div>
217
- </div>
218
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid">
219
- <div className="k-signature-actions k-signature-actions-top">
220
- <Button
221
- fillMode="flat"
222
- size="medium"
223
- rounded="medium"
224
- icon="window-maximize"
225
- className="k-signature-action k-signature-minimize"
226
- >
227
- </Button>
228
- <Button
229
- fillMode="flat"
230
- size="medium"
231
- rounded="medium"
232
- icon="window-minimize"
233
- className="k-signature-action k-signature-minimize k-hidden"
234
- >
235
- </Button>
236
- </div>
237
- <canvas className="k-signature-canvas">
238
- An alternate text describing what the canvas displays.
239
- </canvas>
240
- <div className="k-signature-line"></div>
241
- <div className="k-signature-actions k-signature-actions-bottom">
242
- <Button
243
- fillMode="flat"
244
- size="medium"
245
- rounded="medium"
246
- icon="close"
247
- className="k-signature-action k-signature-clear"
248
- >
249
- </Button>
250
- </div>
251
- </div>
252
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-rtl">
253
- <div className="k-signature-actions k-signature-actions-top">
254
- <Button
255
- fillMode="flat"
256
- size="medium"
257
- rounded="medium"
258
- icon="window-maximize"
259
- className="k-signature-action k-signature-minimize"
260
- >
261
- </Button>
262
- <Button
263
- fillMode="flat"
264
- size="medium"
265
- rounded="medium"
266
- icon="window-minimize"
267
- className="k-signature-action k-signature-minimize k-hidden"
268
- >
269
- </Button>
270
- </div>
271
- <canvas className="k-signature-canvas">
272
- An alternate text describing what the canvas displays.
273
- </canvas>
274
- <div className="k-signature-line"></div>
275
- <div className="k-signature-actions k-signature-actions-bottom">
276
- <Button
277
- fillMode="flat"
278
- size="medium"
279
- rounded="medium"
280
- icon="close"
281
- className="k-signature-action k-signature-clear"
282
- >
283
- </Button>
29
+
30
+ <div>
31
+ <Signature fillMode="outline" hover />
284
32
  </div>
285
- </div>
286
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-focus">
287
- <div className="k-signature-actions k-signature-actions-top">
288
- <Button
289
- fillMode="flat"
290
- size="medium"
291
- rounded="medium"
292
- icon="window-maximize"
293
- className="k-signature-action k-signature-minimize"
294
- >
295
- </Button>
296
- <Button
297
- fillMode="flat"
298
- size="medium"
299
- rounded="medium"
300
- icon="window-minimize"
301
- className="k-signature-action k-signature-minimize k-hidden"
302
- >
303
- </Button>
33
+ <div dir="rtl">
34
+ <Signature fillMode="outline" hover />
304
35
  </div>
305
- <canvas className="k-signature-canvas">
306
- An alternate text describing what the canvas displays.
307
- </canvas>
308
- <div className="k-signature-line"></div>
309
- <div className="k-signature-actions k-signature-actions-bottom">
310
- <Button
311
- fillMode="flat"
312
- size="medium"
313
- rounded="medium"
314
- icon="close"
315
- className="k-signature-action k-signature-clear"
316
- >
317
- </Button>
36
+
37
+ <div>
38
+ <Signature fillMode="outline" focus />
318
39
  </div>
319
- </div>
320
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-focus k-rtl">
321
- <div className="k-signature-actions k-signature-actions-top">
322
- <Button
323
- fillMode="flat"
324
- size="medium"
325
- rounded="medium"
326
- icon="window-maximize"
327
- className="k-signature-action k-signature-minimize"
328
- >
329
- </Button>
330
- <Button
331
- fillMode="flat"
332
- size="medium"
333
- rounded="medium"
334
- icon="window-minimize"
335
- className="k-signature-action k-signature-minimize k-hidden"
336
- >
337
- </Button>
40
+ <div dir="rtl">
41
+ <Signature fillMode="outline" focus />
338
42
  </div>
339
- <canvas className="k-signature-canvas">
340
- An alternate text describing what the canvas displays.
341
- </canvas>
342
- <div className="k-signature-line"></div>
343
- <div className="k-signature-actions k-signature-actions-bottom">
344
- <Button
345
- fillMode="flat"
346
- size="medium"
347
- rounded="medium"
348
- icon="close"
349
- className="k-signature-action k-signature-clear"
350
- >
351
- </Button>
43
+
44
+ <div>
45
+ <Signature fillMode="outline" invalid />
352
46
  </div>
353
- </div>
354
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-disabled">
355
- <div className="k-signature-actions k-signature-actions-top">
356
- <Button
357
- fillMode="flat"
358
- size="medium"
359
- rounded="medium"
360
- icon="window-maximize"
361
- className="k-signature-action k-signature-minimize"
362
- >
363
- </Button>
364
- <Button
365
- fillMode="flat"
366
- size="medium"
367
- rounded="medium"
368
- icon="window-minimize"
369
- className="k-signature-action k-signature-minimize k-hidden"
370
- >
371
- </Button>
47
+ <div dir="rtl">
48
+ <Signature fillMode="outline" invalid />
372
49
  </div>
373
- <canvas className="k-signature-canvas">
374
- An alternate text describing what the canvas displays.
375
- </canvas>
376
- <div className="k-signature-line"></div>
377
- <div className="k-signature-actions k-signature-actions-bottom">
378
- <Button
379
- fillMode="flat"
380
- size="medium"
381
- rounded="medium"
382
- icon="close"
383
- className="k-signature-action k-signature-clear"
384
- >
385
- </Button>
50
+
51
+ <div>
52
+ <Signature fillMode="outline" invalid focus />
386
53
  </div>
387
- </div>
388
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-disabled k-rtl">
389
- <div className="k-signature-actions k-signature-actions-top">
390
- <Button
391
- fillMode="flat"
392
- size="medium"
393
- rounded="medium"
394
- icon="window-maximize"
395
- className="k-signature-action k-signature-minimize"
396
- >
397
- </Button>
398
- <Button
399
- fillMode="flat"
400
- size="medium"
401
- rounded="medium"
402
- icon="window-minimize"
403
- className="k-signature-action k-signature-minimize k-hidden"
404
- >
405
- </Button>
54
+ <div dir="rtl">
55
+ <Signature fillMode="outline" invalid focus />
406
56
  </div>
407
- <canvas className="k-signature-canvas">
408
- An alternate text describing what the canvas displays.
409
- </canvas>
410
- <div className="k-signature-line"></div>
411
- <div className="k-signature-actions k-signature-actions-bottom">
412
- <Button
413
- fillMode="flat"
414
- size="medium"
415
- rounded="medium"
416
- icon="close"
417
- className="k-signature-action k-signature-clear"
418
- >
419
- </Button>
57
+
58
+ <div>
59
+ <Signature fillMode="outline" disabled />
420
60
  </div>
421
- </div>
422
- <div className="k-signature k-signature-md k-input k-input-outline k-rounded-md k-signature-maximized">
423
- <div className="k-signature-actions k-signature-actions-top">
424
- <Button
425
- fillMode="flat"
426
- size="medium"
427
- rounded="medium"
428
- icon="window-maximize"
429
- className="k-signature-action k-signature-minimize"
430
- >
431
- </Button>
432
- <Button
433
- fillMode="flat"
434
- size="medium"
435
- rounded="medium"
436
- icon="window-minimize"
437
- className="k-signature-action k-signature-minimize k-hidden"
438
- >
439
- </Button>
61
+ <div dir="rtl">
62
+ <Signature fillMode="outline" disabled />
440
63
  </div>
441
- <canvas className="k-signature-canvas">
442
- An alternate text describing what the canvas displays.
443
- </canvas>
444
- <div className="k-signature-line"></div>
445
- <div className="k-signature-actions k-signature-actions-bottom">
446
- <Button
447
- fillMode="flat"
448
- size="medium"
449
- rounded="medium"
450
- icon="close"
451
- className="k-signature-action k-signature-clear"
452
- >
453
- </Button>
64
+
65
+ <div className="k-colspan-all k-col-span-full">
66
+ <Signature fillMode="outline" maximized />
454
67
  </div>
68
+
455
69
  </div>
456
- </div>
70
+ </>
457
71
  );