@progress/kendo-theme-material 6.6.1-dev.0 → 6.7.0-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.
package/dist/all.css CHANGED
@@ -44574,8 +44574,6 @@ kendo-card-footer {
44574
44574
  box-sizing: border-box;
44575
44575
  outline: 0;
44576
44576
  font-family: Roboto, "Helvetica Neue", sans-serif;
44577
- font-size: 14px;
44578
- line-height: 2;
44579
44577
  display: flex;
44580
44578
  flex-direction: row;
44581
44579
  -webkit-touch-callout: none;
@@ -44619,8 +44617,6 @@ kendo-card-footer {
44619
44617
  .k-breadcrumb-link,
44620
44618
  .k-breadcrumb-root-link {
44621
44619
  border-radius: 4px;
44622
- padding-block: 4px;
44623
- padding-inline: 10px;
44624
44620
  color: inherit;
44625
44621
  text-decoration: none;
44626
44622
  white-space: nowrap;
@@ -44634,21 +44630,12 @@ kendo-card-footer {
44634
44630
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
44635
44631
  }
44636
44632
 
44637
- .k-breadcrumb-root-link {
44638
- margin-inline-end: 10px;
44639
- }
44640
-
44641
44633
  .k-breadcrumb-link > .k-image,
44642
44634
  .k-breadcrumb-icontext-link .k-icon,
44643
44635
  .k-breadcrumb-icontext-link .k-svg-icon {
44644
44636
  margin-inline-end: 8px;
44645
44637
  }
44646
44638
 
44647
- .k-breadcrumb-icon-link {
44648
- padding-block: 10px;
44649
- padding-inline: 10px;
44650
- }
44651
-
44652
44639
  .k-breadcrumb-delimiter,
44653
44640
  .k-breadcrumb-delimiter-icon {
44654
44641
  color: inherit;
@@ -44663,6 +44650,54 @@ kendo-card-footer {
44663
44650
  border-color: transparent;
44664
44651
  }
44665
44652
 
44653
+ .k-breadcrumb-sm {
44654
+ font-size: 14px;
44655
+ line-height: 2;
44656
+ }
44657
+
44658
+ .k-breadcrumb-sm .k-breadcrumb-link,
44659
+ .k-breadcrumb-sm .k-breadcrumb-root-link {
44660
+ padding-block: 2px;
44661
+ padding-inline: 10px;
44662
+ }
44663
+
44664
+ .k-breadcrumb-sm .k-breadcrumb-icon-link {
44665
+ padding-block: 8px;
44666
+ padding-inline: 8px;
44667
+ }
44668
+
44669
+ .k-breadcrumb-md {
44670
+ font-size: 14px;
44671
+ line-height: 2;
44672
+ }
44673
+
44674
+ .k-breadcrumb-md .k-breadcrumb-link,
44675
+ .k-breadcrumb-md .k-breadcrumb-root-link {
44676
+ padding-block: 4px;
44677
+ padding-inline: 10px;
44678
+ }
44679
+
44680
+ .k-breadcrumb-md .k-breadcrumb-icon-link {
44681
+ padding-block: 10px;
44682
+ padding-inline: 10px;
44683
+ }
44684
+
44685
+ .k-breadcrumb-lg {
44686
+ font-size: 14px;
44687
+ line-height: 2;
44688
+ }
44689
+
44690
+ .k-breadcrumb-lg .k-breadcrumb-link,
44691
+ .k-breadcrumb-lg .k-breadcrumb-root-link {
44692
+ padding-block: 6px;
44693
+ padding-inline: 10px;
44694
+ }
44695
+
44696
+ .k-breadcrumb-lg .k-breadcrumb-icon-link {
44697
+ padding-block: 12px;
44698
+ padding-inline: 12px;
44699
+ }
44700
+
44666
44701
  .k-breadcrumb {
44667
44702
  border-color: rgba(0, 0, 0, 0.12);
44668
44703
  color: rgba(0, 0, 0, 0.87);
@@ -44719,8 +44754,7 @@ kendo-card-footer {
44719
44754
  box-sizing: border-box;
44720
44755
  }
44721
44756
 
44722
- .k-pager-input, .k-pager-sizes, .k-pager-info, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
44723
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
44757
+ .k-pager-input, .k-pager-sizes, .k-pager-info {
44724
44758
  display: flex;
44725
44759
  flex-direction: row;
44726
44760
  align-items: center;
@@ -44751,8 +44785,7 @@ kendo-card-footer {
44751
44785
 
44752
44786
  .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
44753
44787
  .k-pager-numbers-wrap select.k-dropdownlist {
44754
- cursor: pointer;
44755
- display: none;
44788
+ width: 5em;
44756
44789
  }
44757
44790
 
44758
44791
  .k-pager-numbers {
@@ -44783,16 +44816,18 @@ kendo-card-footer {
44783
44816
  margin-right: 0px;
44784
44817
  }
44785
44818
 
44786
- .k-pager-input .k-textbox {
44819
+ .k-pager-input {
44820
+ gap: 1ex;
44821
+ }
44822
+
44823
+ .k-pager-input .k-textbox,
44824
+ .k-pager-input .k-numerictextbox {
44787
44825
  margin-block: 0;
44788
- margin-inline: 1ex;
44789
44826
  width: 5em;
44790
44827
  }
44791
44828
 
44792
- .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
44793
- .k-pager-sizes .k-dropdownlist,
44794
- .k-pager-sizes > select {
44795
- margin-right: 1ex;
44829
+ .k-pager-sizes {
44830
+ gap: 1ex;
44796
44831
  }
44797
44832
 
44798
44833
  .k-pager-sizes .k-input-inner,
@@ -44800,17 +44835,6 @@ kendo-card-footer {
44800
44835
  text-overflow: clip;
44801
44836
  }
44802
44837
 
44803
- .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
44804
- .k-rtl .k-pager-sizes .k-dropdownlist,
44805
- .k-rtl .k-pager-sizes > select,
44806
- [dir="rtl"] .k-pager-sizes .k-dropdown-list,
44807
- [dir="rtl"] .k-pager-sizes .k-dropdown,
44808
- [dir="rtl"] .k-pager-sizes .k-dropdownlist,
44809
- [dir="rtl"] .k-pager-sizes > select {
44810
- margin-left: 1ex;
44811
- margin-right: 0;
44812
- }
44813
-
44814
44838
  .k-pager-info {
44815
44839
  text-align: end;
44816
44840
  justify-content: flex-end;
@@ -44824,28 +44848,6 @@ kendo-card-footer {
44824
44848
  order: 10;
44825
44849
  }
44826
44850
 
44827
- .k-pager-mobile-sm {
44828
- overflow: visible;
44829
- }
44830
-
44831
- .k-pager-mobile-sm .k-pager-numbers-wrap {
44832
- border-color: inherit;
44833
- }
44834
-
44835
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
44836
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
44837
- margin-left: 8px;
44838
- margin-right: 8px;
44839
- width: 5em;
44840
- }
44841
-
44842
- .k-pager-mobile-md .k-pager-info,
44843
- .k-pager-mobile-sm .k-pager-info,
44844
- .k-pager-mobile-sm .k-pager-sizes,
44845
- .k-pager-mobile-sm .k-pager-numbers {
44846
- display: none;
44847
- }
44848
-
44849
44851
  .k-pager-sm {
44850
44852
  padding-inline: 4px;
44851
44853
  padding-block: 4px;
@@ -44856,7 +44858,10 @@ kendo-card-footer {
44856
44858
  min-width: calc(1.4285714286em + 14px);
44857
44859
  }
44858
44860
 
44859
- .k-pager-sm .k-pager-numbers-wrap .k-pager-input {
44861
+ .k-pager-sm .k-pager-numbers-wrap .k-pager-input,
44862
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown-list,
44863
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown,
44864
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdownlist {
44860
44865
  margin-inline-start: 6px;
44861
44866
  margin-inline-end: 6px;
44862
44867
  }
@@ -44877,7 +44882,10 @@ kendo-card-footer {
44877
44882
  min-width: calc(1.4285714286em + 18px);
44878
44883
  }
44879
44884
 
44880
- .k-pager-md .k-pager-numbers-wrap .k-pager-input {
44885
+ .k-pager-md .k-pager-numbers-wrap .k-pager-input,
44886
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list,
44887
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown,
44888
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist {
44881
44889
  margin-inline-start: 8px;
44882
44890
  margin-inline-end: 8px;
44883
44891
  }
@@ -44898,7 +44906,10 @@ kendo-card-footer {
44898
44906
  min-width: calc(1.4285714286em + 22px);
44899
44907
  }
44900
44908
 
44901
- .k-pager-lg .k-pager-numbers-wrap .k-pager-input {
44909
+ .k-pager-lg .k-pager-numbers-wrap .k-pager-input,
44910
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown-list,
44911
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown,
44912
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdownlist {
44902
44913
  margin-inline-start: 10px;
44903
44914
  margin-inline-end: 10px;
44904
44915
  }
@@ -46402,6 +46413,7 @@ kendo-card-footer {
46402
46413
  box-sizing: border-box;
46403
46414
  outline: 0;
46404
46415
  display: grid;
46416
+ padding: 16px 16px;
46405
46417
  -webkit-touch-callout: none;
46406
46418
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
46407
46419
  }
@@ -47047,12 +47059,6 @@ kendo-card-footer {
47047
47059
  outline: none;
47048
47060
  }
47049
47061
 
47050
- .k-grid .k-table-th .k-placeholder-line,
47051
- .k-grid td .k-placeholder-line,
47052
- .k-grid .k-table-td .k-placeholder-line {
47053
- width: 80%;
47054
- }
47055
-
47056
47062
  .k-grid .k-table-th > .k-radio,
47057
47063
  .k-grid .k-table-th > .k-radio-wrap,
47058
47064
  .k-grid .k-table-th > .k-checkbox,
@@ -47645,12 +47651,6 @@ div.k-grid-footer {
47645
47651
  border-width: 0 0 1px;
47646
47652
  }
47647
47653
 
47648
- .k-pager-input .k-numerictextbox {
47649
- margin-block: 0;
47650
- margin-inline: 7px;
47651
- width: 3em;
47652
- }
47653
-
47654
47654
  .k-grid-virtual .k-grid-content .k-grid-table-wrap {
47655
47655
  float: left;
47656
47656
  width: 100%;
@@ -51395,12 +51395,12 @@ kendo-grid .k-grid-row-sticky .k-table-td {
51395
51395
 
51396
51396
  .k-filter .k-filter-container,
51397
51397
  .k-filter .k-filter-preview {
51398
- margin-bottom: 2.1em;
51398
+ margin-block-end: 2.1em;
51399
51399
  }
51400
51400
 
51401
51401
  .k-filter .k-filter-lines,
51402
51402
  .k-filter .k-filter-item {
51403
- padding-left: 8px;
51403
+ padding-inline-start: 8px;
51404
51404
  }
51405
51405
 
51406
51406
  .k-filter .k-filter-toolbar {
@@ -51415,8 +51415,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
51415
51415
  position: absolute;
51416
51416
  width: 8px;
51417
51417
  height: 1px;
51418
- top: 50%;
51419
- left: -8px;
51418
+ inset-block-start: 50%;
51419
+ inset-inline-start: -8px;
51420
51420
  }
51421
51421
 
51422
51422
  .k-filter .k-filter-toolbar .k-toolbar {
@@ -51437,8 +51437,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
51437
51437
  position: absolute;
51438
51438
  width: 1px;
51439
51439
  height: 100%;
51440
- top: -8px;
51441
- left: 0;
51440
+ inset-block-start: -8px;
51441
+ inset-inline-start: 0;
51442
51442
  }
51443
51443
 
51444
51444
  .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
@@ -51446,9 +51446,9 @@ kendo-grid .k-grid-row-sticky .k-table-td {
51446
51446
  content: "";
51447
51447
  position: absolute;
51448
51448
  width: 1px;
51449
- top: -9px;
51450
- bottom: 50%;
51451
- left: -8px;
51449
+ inset-block-start: -9px;
51450
+ inset-block-end: 50%;
51451
+ inset-inline-start: -8px;
51452
51452
  }
51453
51453
 
51454
51454
  .k-filter .k-filter-group-main::before,
@@ -51460,36 +51460,6 @@ kendo-grid .k-grid-row-sticky .k-table-td {
51460
51460
  display: none;
51461
51461
  }
51462
51462
 
51463
- .k-rtl .k-filter .k-filter-lines,
51464
- .k-rtl .k-filter .k-filter-item, .k-filter[dir="rtl"] .k-filter-lines,
51465
- .k-filter[dir="rtl"] .k-filter-item,
51466
- [dir="rtl"] .k-filter .k-filter-lines,
51467
- [dir="rtl"] .k-filter .k-filter-item {
51468
- padding-left: 0;
51469
- padding-right: 8px;
51470
- }
51471
-
51472
- .k-rtl .k-filter .k-filter-toolbar::before, .k-filter[dir="rtl"] .k-filter-toolbar::before,
51473
- [dir="rtl"] .k-filter .k-filter-toolbar::before {
51474
- left: auto;
51475
- right: -8px;
51476
- }
51477
-
51478
- .k-rtl .k-filter .k-filter-item::before, .k-filter[dir="rtl"] .k-filter-item::before,
51479
- [dir="rtl"] .k-filter .k-filter-item::before {
51480
- left: auto;
51481
- right: 0;
51482
- }
51483
-
51484
- .k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
51485
- .k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after, .k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
51486
- .k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after,
51487
- [dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
51488
- [dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
51489
- left: auto;
51490
- right: -8px;
51491
- }
51492
-
51493
51463
  .k-filter {
51494
51464
  color: rgba(0, 0, 0, 0.87);
51495
51465
  }
@@ -55265,21 +55235,21 @@ kendo-scheduler .k-event .k-event-actions,
55265
55235
  }
55266
55236
 
55267
55237
  .k-chat .k-message-group:not(.k-alt) .k-message-time {
55268
- margin-left: 8px;
55269
- left: 100%;
55238
+ margin-inline-start: 8px;
55239
+ inset-inline-start: 100%;
55270
55240
  }
55271
55241
 
55272
55242
  .k-chat .k-message-group:not(.k-alt) .k-message-status {
55273
- left: 0;
55243
+ inset-inline-start: 0;
55274
55244
  }
55275
55245
 
55276
- .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble,
55277
- .k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
55246
+ .k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble,
55247
+ .k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble {
55278
55248
  border-bottom-left-radius: 2px;
55279
55249
  }
55280
55250
 
55281
- .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble,
55282
- .k-chat .k-message-group:not(.k-alt) .k-last .k-bubble {
55251
+ .k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble,
55252
+ .k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble {
55283
55253
  border-top-left-radius: 2px;
55284
55254
  border-bottom-left-radius: 2px;
55285
55255
  }
@@ -55291,21 +55261,21 @@ kendo-scheduler .k-event .k-event-actions,
55291
55261
  }
55292
55262
 
55293
55263
  .k-chat .k-message-group.k-alt .k-message-time {
55294
- margin-right: 8px;
55295
- right: 100%;
55264
+ margin-inline-end: 8px;
55265
+ inset-inline-end: 100%;
55296
55266
  }
55297
55267
 
55298
55268
  .k-chat .k-message-group.k-alt .k-message-status {
55299
- right: 0;
55269
+ inset-inline-end: 0;
55300
55270
  }
55301
55271
 
55302
- .k-chat .k-message-group.k-alt .k-first .k-bubble,
55303
- .k-chat .k-message-group.k-alt .k-only .k-bubble {
55272
+ .k-chat .k-message-group.k-alt .k-first .k-chat-bubble,
55273
+ .k-chat .k-message-group.k-alt .k-only .k-chat-bubble {
55304
55274
  border-bottom-right-radius: 2px;
55305
55275
  }
55306
55276
 
55307
- .k-chat .k-message-group.k-alt .k-middle .k-bubble,
55308
- .k-chat .k-message-group.k-alt .k-last .k-bubble {
55277
+ .k-chat .k-message-group.k-alt .k-middle .k-chat-bubble,
55278
+ .k-chat .k-message-group.k-alt .k-last .k-chat-bubble {
55309
55279
  border-top-right-radius: 2px;
55310
55280
  border-bottom-right-radius: 2px;
55311
55281
  }
@@ -55342,7 +55312,7 @@ kendo-scheduler .k-event .k-event-actions,
55342
55312
  transition: height .2s ease-in-out;
55343
55313
  }
55344
55314
 
55345
- .k-chat .k-bubble {
55315
+ .k-chat .k-chat-bubble {
55346
55316
  border-radius: 12px;
55347
55317
  padding-block: 8px;
55348
55318
  padding-inline: 12px;
@@ -55353,7 +55323,7 @@ kendo-scheduler .k-event .k-event-actions,
55353
55323
  white-space: pre-wrap;
55354
55324
  }
55355
55325
 
55356
- .k-chat .k-bubble a {
55326
+ .k-chat .k-chat-bubble a {
55357
55327
  color: inherit;
55358
55328
  text-decoration: underline;
55359
55329
  }
@@ -55384,29 +55354,26 @@ kendo-scheduler .k-event .k-event-actions,
55384
55354
  }
55385
55355
 
55386
55356
  .k-chat .k-avatar {
55387
- border-radius: 100%;
55388
55357
  margin: 0;
55389
- width: 32px;
55390
- height: 32px;
55391
55358
  position: absolute;
55392
55359
  }
55393
55360
 
55394
55361
  .k-message-group:not(.k-alt) > .k-avatar {
55395
- left: 0;
55362
+ inset-inline-start: 0;
55396
55363
  bottom: 0;
55397
55364
  }
55398
55365
 
55399
55366
  .k-message-group.k-alt > .k-avatar {
55400
- right: 0;
55367
+ inset-inline-end: 0;
55401
55368
  bottom: 0;
55402
55369
  }
55403
55370
 
55404
- .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
55405
- padding-left: 40px;
55371
+ .k-chat .k-avatars .k-message-group:not(.k-no-avatar) {
55372
+ padding-inline-start: 40px;
55406
55373
  }
55407
55374
 
55408
55375
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
55409
- padding-right: 40px;
55376
+ padding-inline-end: 40px;
55410
55377
  }
55411
55378
 
55412
55379
  .k-author {
@@ -55433,8 +55400,8 @@ kendo-scheduler .k-event .k-event-actions,
55433
55400
 
55434
55401
  .k-quick-reply {
55435
55402
  border-radius: 100px;
55436
- margin-right: 8px;
55437
- margin-bottom: 4px;
55403
+ margin-inline-end: 8px;
55404
+ margin-block-end: 4px;
55438
55405
  padding-block: 8px;
55439
55406
  padding-inline: 12px;
55440
55407
  border-width: 1px;
@@ -55453,10 +55420,10 @@ kendo-scheduler .k-event .k-event-actions,
55453
55420
  }
55454
55421
 
55455
55422
  .k-scrollable-quick-replies {
55456
- margin-left: -16px;
55457
- margin-right: -16px;
55458
- padding-left: 16px;
55459
- padding-right: 16px;
55423
+ margin-inline-start: -16px;
55424
+ margin-inline-end: -16px;
55425
+ padding-inline-start: 16px;
55426
+ padding-inline-end: 16px;
55460
55427
  display: flex;
55461
55428
  flex-flow: row nowrap;
55462
55429
  flex: 0 0 auto;
@@ -55473,7 +55440,7 @@ kendo-scheduler .k-event .k-event-actions,
55473
55440
  }
55474
55441
 
55475
55442
  .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply {
55476
- margin-left: 8px;
55443
+ margin-inline-start: 8px;
55477
55444
  }
55478
55445
 
55479
55446
  .k-message-box {
@@ -55507,7 +55474,8 @@ kendo-scheduler .k-event .k-event-actions,
55507
55474
  display: inline-block;
55508
55475
  }
55509
55476
 
55510
- .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
55477
+ .k-rtl .k-message-box .k-button,
55478
+ [dir="rtl"] .k-message-box .k-button {
55511
55479
  transform: scaleX(-1);
55512
55480
  }
55513
55481
 
@@ -55515,19 +55483,23 @@ kendo-scheduler .k-event .k-event-actions,
55515
55483
  margin: 2px 0 0;
55516
55484
  }
55517
55485
 
55486
+ .k-message-group.k-alt + .k-card-list,
55487
+ .k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
55488
+ align-self: flex-end;
55489
+ }
55490
+
55518
55491
  .k-chat .k-card-deck {
55519
55492
  max-width: calc(100% + 32px);
55520
55493
  box-sizing: border-box;
55521
- margin-left: -16px;
55522
- margin-right: -16px;
55494
+ margin-inline-start: -16px;
55495
+ margin-inline-end: -16px;
55523
55496
  padding: 16px 16px 16px;
55524
55497
  overflow: hidden;
55525
55498
  overflow-x: auto;
55526
55499
  scroll-behavior: smooth;
55527
55500
  }
55528
55501
 
55529
- .k-chat .k-card-deck .k-card,
55530
- .k-chat .k-card-deck .k-card-wrap {
55502
+ .k-chat .k-card-deck .k-card {
55531
55503
  width: 200px;
55532
55504
  }
55533
55505
 
@@ -55597,38 +55569,28 @@ kendo-scheduler .k-event .k-event-actions,
55597
55569
  }
55598
55570
  }
55599
55571
 
55600
- .k-chat-toolbar,
55601
- .k-chat .k-toolbar-box {
55602
- padding-block: 8px;
55603
- padding-inline: 8px;
55572
+ .k-chat-toolbar {
55604
55573
  width: 100%;
55605
55574
  border-width: 1px 0 0;
55606
- box-sizing: border-box;
55607
55575
  flex: none;
55608
- overflow: hidden;
55609
- position: relative;
55610
55576
  }
55611
55577
 
55612
- .k-chat-toolbar::before,
55613
- .k-chat .k-toolbar-box::before {
55578
+ .k-chat-toolbar::before {
55614
55579
  display: none;
55615
55580
  }
55616
55581
 
55617
- .k-chat-toolbar .k-button-list,
55618
- .k-chat .k-toolbar-box .k-button-list {
55582
+ .k-chat-toolbar .k-button-list {
55619
55583
  display: flex;
55620
55584
  flex-flow: row nowrap;
55621
55585
  overflow: hidden;
55622
55586
  scroll-behavior: smooth;
55623
55587
  }
55624
55588
 
55625
- .k-chat-toolbar .k-button,
55626
- .k-chat .k-toolbar-box .k-button {
55589
+ .k-chat-toolbar .k-button {
55627
55590
  flex: none;
55628
55591
  }
55629
55592
 
55630
- .k-chat-toolbar .k-scroll-button,
55631
- .k-chat .k-toolbar-box .k-scroll-button {
55593
+ .k-chat-toolbar .k-scroll-button {
55632
55594
  padding: 0 4px;
55633
55595
  height: 100%;
55634
55596
  aspect-ratio: auto;
@@ -55637,86 +55599,19 @@ kendo-scheduler .k-event .k-event-actions,
55637
55599
  top: 0;
55638
55600
  }
55639
55601
 
55640
- .k-chat-toolbar .k-scroll-button .k-button-icon,
55641
- .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
55602
+ .k-chat-toolbar .k-scroll-button .k-button-icon {
55642
55603
  min-width: auto;
55643
55604
  min-height: auto;
55644
55605
  }
55645
55606
 
55646
- .k-chat-toolbar .k-scroll-button-left,
55647
- .k-chat .k-toolbar-box .k-scroll-button-left {
55648
- left: 0;
55649
- }
55650
-
55651
- .k-chat-toolbar .k-scroll-button-right,
55652
- .k-chat .k-toolbar-box .k-scroll-button-right {
55653
- right: 0;
55654
- }
55655
-
55656
- .k-rtl .k-message-group:not(.k-alt) .k-message-time,
55657
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-time {
55658
- margin-left: 0;
55659
- margin-right: 8px;
55660
- left: auto;
55661
- right: 100%;
55662
- }
55663
-
55664
- .k-rtl .k-message-group:not(.k-alt) .k-message-status,
55665
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-status {
55666
- left: auto;
55667
- right: 0;
55668
- }
55669
-
55670
- .k-rtl .k-message-group.k-alt .k-message-time,
55671
- [dir="rtl"] .k-message-group.k-alt .k-message-time {
55672
- margin-right: 0;
55673
- margin-left: 8px;
55674
- right: auto;
55675
- left: 100%;
55676
- }
55677
-
55678
- .k-rtl .k-message-group.k-alt .k-message-status,
55679
- [dir="rtl"] .k-message-group.k-alt .k-message-status {
55680
- right: auto;
55607
+ .k-chat-toolbar .k-scroll-button-left {
55681
55608
  left: 0;
55682
55609
  }
55683
55610
 
55684
- .k-rtl .k-message-group:not(.k-alt) > .k-avatar,
55685
- [dir="rtl"] .k-message-group:not(.k-alt) > .k-avatar {
55686
- left: auto;
55611
+ .k-chat-toolbar .k-scroll-button-right {
55687
55612
  right: 0;
55688
55613
  }
55689
55614
 
55690
- .k-rtl .k-message-group.k-alt > .k-avatar,
55691
- [dir="rtl"] .k-message-group.k-alt > .k-avatar {
55692
- right: auto;
55693
- left: 0;
55694
- }
55695
-
55696
- .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
55697
- [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
55698
- padding-left: 0;
55699
- padding-right: 40px;
55700
- }
55701
-
55702
- .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
55703
- [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
55704
- padding-right: 0;
55705
- padding-left: 40px;
55706
- }
55707
-
55708
- .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
55709
- [dir="rtl"] .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
55710
- margin-left: 0;
55711
- margin-right: 16px;
55712
- }
55713
-
55714
- .k-rtl .k-quick-reply,
55715
- [dir="rtl"] .k-quick-reply {
55716
- margin-right: 0;
55717
- margin-left: 8px;
55718
- }
55719
-
55720
55615
  .k-chat {
55721
55616
  border-color: rgba(0, 0, 0, 0.12);
55722
55617
  color: rgba(0, 0, 0, 0.87);
@@ -55731,7 +55626,7 @@ kendo-scheduler .k-event .k-event-actions,
55731
55626
  font-weight: bold;
55732
55627
  }
55733
55628
 
55734
- .k-chat .k-bubble {
55629
+ .k-chat .k-chat-bubble {
55735
55630
  border-color: #ffffff;
55736
55631
  color: rgba(0, 0, 0, 0.87);
55737
55632
  background-color: #ffffff;
@@ -55740,34 +55635,34 @@ kendo-scheduler .k-event .k-event-actions,
55740
55635
  order: -1;
55741
55636
  }
55742
55637
 
55743
- .k-chat .k-bubble a {
55638
+ .k-chat .k-chat-bubble a {
55744
55639
  color: #e51a5f;
55745
55640
  }
55746
55641
 
55747
- .k-chat .k-bubble a:hover {
55642
+ .k-chat .k-chat-bubble a:hover {
55748
55643
  color: #c2185b;
55749
55644
  }
55750
55645
 
55751
- .k-chat .k-bubble:hover {
55646
+ .k-chat .k-chat-bubble:hover {
55752
55647
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
55753
55648
  }
55754
55649
 
55755
- .k-chat .k-selected .k-bubble {
55650
+ .k-chat .k-selected .k-chat-bubble {
55756
55651
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
55757
55652
  }
55758
55653
 
55759
- .k-chat .k-alt .k-bubble {
55654
+ .k-chat .k-alt .k-chat-bubble {
55760
55655
  border-color: #3f51b5;
55761
55656
  color: white;
55762
55657
  background-color: #3f51b5;
55763
55658
  box-shadow: 0 1px 2px rgba(63, 81, 181, 0.2);
55764
55659
  }
55765
55660
 
55766
- .k-chat .k-alt .k-bubble:hover {
55661
+ .k-chat .k-alt .k-chat-bubble:hover {
55767
55662
  box-shadow: 0 1px 2px rgba(63, 81, 181, 0.2);
55768
55663
  }
55769
55664
 
55770
- .k-chat .k-alt .k-selected .k-bubble {
55665
+ .k-chat .k-alt .k-selected .k-chat-bubble {
55771
55666
  box-shadow: 0 3px 10px rgba(63, 81, 181, 0.4);
55772
55667
  }
55773
55668
 
@@ -56669,8 +56564,6 @@ kendo-scheduler .k-event .k-event-actions,
56669
56564
  background-color: #333333;
56670
56565
  }
56671
56566
 
56672
- kendo-scrollview.k-scrollview-wrap,
56673
- kendo-scrollview.k-scrollview,
56674
56567
  .k-scrollview {
56675
56568
  border-width: 1px;
56676
56569
  border-style: solid;
@@ -56686,62 +56579,40 @@ kendo-scrollview.k-scrollview,
56686
56579
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
56687
56580
  }
56688
56581
 
56689
- .k-scrollview-wrap .k-scrollview,
56690
- .k-scrollview .k-scrollview-wrap {
56691
- list-style-type: none;
56582
+ .k-scrollview-wrap {
56692
56583
  position: absolute;
56693
56584
  margin: 0;
56694
56585
  padding: 0;
56695
- width: 100%;
56696
56586
  height: 100%;
56587
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
56588
+ display: flex;
56589
+ flex-flow: row nowrap;
56697
56590
  cursor: default;
56698
56591
  white-space: nowrap;
56699
56592
  }
56700
56593
 
56701
- .k-scrollview-wrap .k-scrollview img,
56702
- .k-scrollview .k-scrollview-wrap img {
56594
+ .k-scrollview-wrap .k-scrollview-view {
56595
+ width: calc(100%/var(--kendo-scrollview-views, 1));
56596
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
56597
+ }
56598
+
56599
+ .k-scrollview-wrap img {
56703
56600
  -webkit-user-select: none;
56704
56601
  -ms-user-select: none;
56705
56602
  user-select: none;
56706
56603
  }
56707
56604
 
56708
- .k-scrollview-wrap .k-scrollview > li,
56709
- .k-scrollview .k-scrollview-wrap > li {
56710
- display: inline-block;
56711
- overflow: hidden;
56712
- position: absolute;
56713
- top: 0;
56714
- left: 0;
56715
- }
56716
-
56717
- .k-scrollview-wrap .k-scrollview > [data-role="page"],
56718
- .k-scrollview .k-scrollview-wrap > [data-role="page"] {
56719
- vertical-align: top;
56720
- display: inline-block;
56721
- min-height: 1px;
56722
- }
56723
-
56724
56605
  .k-scrollview-wrap.k-scrollview-animate {
56725
- display: flex;
56726
- flex-flow: row nowrap;
56727
- width: calc(var(--kendo-scrollview-views, 1)*100%);
56728
56606
  transition-duration: 0.3s;
56729
56607
  transition-timing-function: ease-in-out;
56730
56608
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
56731
56609
  }
56732
56610
 
56733
- .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
56734
- width: calc(100%/var(--kendo-scrollview-views, 1));
56735
- flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
56736
- }
56737
-
56738
56611
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
56739
56612
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
56740
56613
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
56741
56614
  }
56742
56615
 
56743
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
56744
- kendo-scrollview.k-scrollview kendo-scrollview-pager,
56745
56616
  .k-scrollview-nav-wrap {
56746
56617
  padding: 0;
56747
56618
  margin: 0;
@@ -56753,17 +56624,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
56753
56624
  text-align: center;
56754
56625
  }
56755
56626
 
56756
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
56757
56627
  kendo-scrollview.k-scrollview kendo-scrollview-pager {
56758
56628
  pointer-events: none;
56759
56629
  }
56760
56630
 
56761
- kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
56762
56631
  kendo-scrollview.k-scrollview .k-scrollview-nav {
56763
56632
  pointer-events: initial;
56764
56633
  }
56765
56634
 
56766
- .k-scrollview-pageable,
56767
56635
  .k-scrollview-nav {
56768
56636
  margin: 0;
56769
56637
  padding: 20px;
@@ -56780,12 +56648,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
56780
56648
  pointer-events: initial;
56781
56649
  }
56782
56650
 
56783
- .k-scrollview-pageable:focus,
56784
56651
  .k-scrollview-nav:focus {
56785
56652
  outline: none;
56786
56653
  }
56787
56654
 
56788
- .k-scrollview-pageable > .k-button,
56789
56655
  .k-scrollview-nav > .k-link {
56790
56656
  margin-block: 0;
56791
56657
  margin-inline: 10px;
@@ -56804,7 +56670,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
56804
56670
  vertical-align: top;
56805
56671
  }
56806
56672
 
56807
- .k-scrollview-pageable > .k-button::before,
56808
56673
  .k-scrollview-nav > .k-link::before {
56809
56674
  content: "";
56810
56675
  width: 30px;
@@ -56857,54 +56722,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
56857
56722
  transition-timing-function: ease-in-out;
56858
56723
  }
56859
56724
 
56860
- @supports (-webkit-user-select: none) {
56861
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
56862
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
56863
- div.k-scrollview ul.k-scrollview-wrap li > * {
56864
- pointer-events: auto;
56865
- }
56866
- }
56867
-
56868
- @supports not (-webkit-user-select: none) {
56869
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
56870
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
56871
- div.k-scrollview ul.k-scrollview-wrap li > * {
56872
- pointer-events: none;
56873
- }
56874
- }
56875
-
56876
- kendo-scrollview.k-scrollview-wrap,
56877
- kendo-scrollview.k-scrollview,
56878
- div.k-scrollview {
56725
+ .k-scrollview {
56879
56726
  border-color: rgba(0, 0, 0, 0.12);
56880
56727
  color: rgba(0, 0, 0, 0.87);
56881
56728
  background-color: #ffffff;
56882
56729
  }
56883
56730
 
56884
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark kendo-scrollview-pager,
56885
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav-wrap,
56886
- kendo-scrollview.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
56887
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap,
56888
- div.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
56889
- div.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
56731
+ .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
56732
+ .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
56890
56733
  background-color: rgba(0, 0, 0, 0.4);
56891
56734
  }
56892
56735
 
56893
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
56894
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
56895
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-next,
56896
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-prev,
56897
- div.k-scrollview.k-scrollview-dark .k-scrollview-next,
56898
- div.k-scrollview.k-scrollview-dark .k-scrollview-prev {
56736
+ .k-scrollview.k-scrollview-dark .k-scrollview-next,
56737
+ .k-scrollview.k-scrollview-dark .k-scrollview-prev {
56899
56738
  color: rgba(0, 0, 0, 0.4);
56900
56739
  }
56901
56740
 
56902
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light kendo-scrollview-pager,
56903
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
56904
- kendo-scrollview.k-scrollview.k-scrollview-light kendo-scrollview-pager,
56905
- kendo-scrollview.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap,
56906
- div.k-scrollview.k-scrollview-light kendo-scrollview-pager,
56907
- div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
56741
+ .k-scrollview.k-scrollview-light kendo-scrollview-pager,
56742
+ .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
56908
56743
  background-color: rgba(255, 255, 255, 0.4);
56909
56744
  }
56910
56745
 
@@ -56947,33 +56782,24 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
56947
56782
  opacity: 1;
56948
56783
  }
56949
56784
 
56950
- .k-scrollview-pageable > .k-button,
56951
56785
  .k-scrollview-nav > .k-link {
56952
56786
  background: #ffffff;
56953
56787
  border: #ffffff;
56954
56788
  }
56955
56789
 
56956
- .k-scrollview-pageable > .k-button.k-primary,
56957
56790
  .k-scrollview-nav > .k-link.k-primary {
56958
56791
  background: #3f51b5;
56959
56792
  border: #3f51b5;
56960
56793
  }
56961
56794
 
56962
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
56963
- .k-scrollview-nav > .k-link:focus,
56964
- .k-scrollview-nav > .k-link.k-focus {
56795
+ .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
56965
56796
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
56966
56797
  }
56967
56798
 
56968
- .k-scrollview-nav > .k-link:hover,
56969
- .k-scrollview-nav > .k-link.k-hover {
56799
+ .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
56970
56800
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
56971
56801
  }
56972
56802
 
56973
- .k-scrollview-pageable > .k-button {
56974
- box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
56975
- }
56976
-
56977
56803
  .k-barcode {
56978
56804
  display: inline-block;
56979
56805
  }