@progress/kendo-theme-material 6.7.0-dev.0 → 6.7.0-dev.2

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
@@ -44754,8 +44754,7 @@ kendo-card-footer {
44754
44754
  box-sizing: border-box;
44755
44755
  }
44756
44756
 
44757
- .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,
44758
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
44757
+ .k-pager-input, .k-pager-sizes, .k-pager-info {
44759
44758
  display: flex;
44760
44759
  flex-direction: row;
44761
44760
  align-items: center;
@@ -44786,8 +44785,7 @@ kendo-card-footer {
44786
44785
 
44787
44786
  .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
44788
44787
  .k-pager-numbers-wrap select.k-dropdownlist {
44789
- cursor: pointer;
44790
- display: none;
44788
+ width: 5em;
44791
44789
  }
44792
44790
 
44793
44791
  .k-pager-numbers {
@@ -44818,16 +44816,18 @@ kendo-card-footer {
44818
44816
  margin-right: 0px;
44819
44817
  }
44820
44818
 
44821
- .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 {
44822
44825
  margin-block: 0;
44823
- margin-inline: 1ex;
44824
44826
  width: 5em;
44825
44827
  }
44826
44828
 
44827
- .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
44828
- .k-pager-sizes .k-dropdownlist,
44829
- .k-pager-sizes > select {
44830
- margin-right: 1ex;
44829
+ .k-pager-sizes {
44830
+ gap: 1ex;
44831
44831
  }
44832
44832
 
44833
44833
  .k-pager-sizes .k-input-inner,
@@ -44835,17 +44835,6 @@ kendo-card-footer {
44835
44835
  text-overflow: clip;
44836
44836
  }
44837
44837
 
44838
- .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
44839
- .k-rtl .k-pager-sizes .k-dropdownlist,
44840
- .k-rtl .k-pager-sizes > select,
44841
- [dir="rtl"] .k-pager-sizes .k-dropdown-list,
44842
- [dir="rtl"] .k-pager-sizes .k-dropdown,
44843
- [dir="rtl"] .k-pager-sizes .k-dropdownlist,
44844
- [dir="rtl"] .k-pager-sizes > select {
44845
- margin-left: 1ex;
44846
- margin-right: 0;
44847
- }
44848
-
44849
44838
  .k-pager-info {
44850
44839
  text-align: end;
44851
44840
  justify-content: flex-end;
@@ -44859,28 +44848,6 @@ kendo-card-footer {
44859
44848
  order: 10;
44860
44849
  }
44861
44850
 
44862
- .k-pager-mobile-sm {
44863
- overflow: visible;
44864
- }
44865
-
44866
- .k-pager-mobile-sm .k-pager-numbers-wrap {
44867
- border-color: inherit;
44868
- }
44869
-
44870
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
44871
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
44872
- margin-left: 8px;
44873
- margin-right: 8px;
44874
- width: 5em;
44875
- }
44876
-
44877
- .k-pager-mobile-md .k-pager-info,
44878
- .k-pager-mobile-sm .k-pager-info,
44879
- .k-pager-mobile-sm .k-pager-sizes,
44880
- .k-pager-mobile-sm .k-pager-numbers {
44881
- display: none;
44882
- }
44883
-
44884
44851
  .k-pager-sm {
44885
44852
  padding-inline: 4px;
44886
44853
  padding-block: 4px;
@@ -44891,7 +44858,10 @@ kendo-card-footer {
44891
44858
  min-width: calc(1.4285714286em + 14px);
44892
44859
  }
44893
44860
 
44894
- .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 {
44895
44865
  margin-inline-start: 6px;
44896
44866
  margin-inline-end: 6px;
44897
44867
  }
@@ -44912,7 +44882,10 @@ kendo-card-footer {
44912
44882
  min-width: calc(1.4285714286em + 18px);
44913
44883
  }
44914
44884
 
44915
- .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 {
44916
44889
  margin-inline-start: 8px;
44917
44890
  margin-inline-end: 8px;
44918
44891
  }
@@ -44933,7 +44906,10 @@ kendo-card-footer {
44933
44906
  min-width: calc(1.4285714286em + 22px);
44934
44907
  }
44935
44908
 
44936
- .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 {
44937
44913
  margin-inline-start: 10px;
44938
44914
  margin-inline-end: 10px;
44939
44915
  }
@@ -46437,6 +46413,7 @@ kendo-card-footer {
46437
46413
  box-sizing: border-box;
46438
46414
  outline: 0;
46439
46415
  display: grid;
46416
+ padding: 16px 16px;
46440
46417
  -webkit-touch-callout: none;
46441
46418
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
46442
46419
  }
@@ -47082,12 +47059,6 @@ kendo-card-footer {
47082
47059
  outline: none;
47083
47060
  }
47084
47061
 
47085
- .k-grid .k-table-th .k-placeholder-line,
47086
- .k-grid td .k-placeholder-line,
47087
- .k-grid .k-table-td .k-placeholder-line {
47088
- width: 80%;
47089
- }
47090
-
47091
47062
  .k-grid .k-table-th > .k-radio,
47092
47063
  .k-grid .k-table-th > .k-radio-wrap,
47093
47064
  .k-grid .k-table-th > .k-checkbox,
@@ -47680,12 +47651,6 @@ div.k-grid-footer {
47680
47651
  border-width: 0 0 1px;
47681
47652
  }
47682
47653
 
47683
- .k-pager-input .k-numerictextbox {
47684
- margin-block: 0;
47685
- margin-inline: 7px;
47686
- width: 3em;
47687
- }
47688
-
47689
47654
  .k-grid-virtual .k-grid-content .k-grid-table-wrap {
47690
47655
  float: left;
47691
47656
  width: 100%;
@@ -55270,21 +55235,21 @@ kendo-scheduler .k-event .k-event-actions,
55270
55235
  }
55271
55236
 
55272
55237
  .k-chat .k-message-group:not(.k-alt) .k-message-time {
55273
- margin-left: 8px;
55274
- left: 100%;
55238
+ margin-inline-start: 8px;
55239
+ inset-inline-start: 100%;
55275
55240
  }
55276
55241
 
55277
55242
  .k-chat .k-message-group:not(.k-alt) .k-message-status {
55278
- left: 0;
55243
+ inset-inline-start: 0;
55279
55244
  }
55280
55245
 
55281
- .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble,
55282
- .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 {
55283
55248
  border-bottom-left-radius: 2px;
55284
55249
  }
55285
55250
 
55286
- .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble,
55287
- .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 {
55288
55253
  border-top-left-radius: 2px;
55289
55254
  border-bottom-left-radius: 2px;
55290
55255
  }
@@ -55296,21 +55261,21 @@ kendo-scheduler .k-event .k-event-actions,
55296
55261
  }
55297
55262
 
55298
55263
  .k-chat .k-message-group.k-alt .k-message-time {
55299
- margin-right: 8px;
55300
- right: 100%;
55264
+ margin-inline-end: 8px;
55265
+ inset-inline-end: 100%;
55301
55266
  }
55302
55267
 
55303
55268
  .k-chat .k-message-group.k-alt .k-message-status {
55304
- right: 0;
55269
+ inset-inline-end: 0;
55305
55270
  }
55306
55271
 
55307
- .k-chat .k-message-group.k-alt .k-first .k-bubble,
55308
- .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 {
55309
55274
  border-bottom-right-radius: 2px;
55310
55275
  }
55311
55276
 
55312
- .k-chat .k-message-group.k-alt .k-middle .k-bubble,
55313
- .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 {
55314
55279
  border-top-right-radius: 2px;
55315
55280
  border-bottom-right-radius: 2px;
55316
55281
  }
@@ -55347,7 +55312,7 @@ kendo-scheduler .k-event .k-event-actions,
55347
55312
  transition: height .2s ease-in-out;
55348
55313
  }
55349
55314
 
55350
- .k-chat .k-bubble {
55315
+ .k-chat .k-chat-bubble {
55351
55316
  border-radius: 12px;
55352
55317
  padding-block: 8px;
55353
55318
  padding-inline: 12px;
@@ -55358,7 +55323,7 @@ kendo-scheduler .k-event .k-event-actions,
55358
55323
  white-space: pre-wrap;
55359
55324
  }
55360
55325
 
55361
- .k-chat .k-bubble a {
55326
+ .k-chat .k-chat-bubble a {
55362
55327
  color: inherit;
55363
55328
  text-decoration: underline;
55364
55329
  }
@@ -55389,29 +55354,26 @@ kendo-scheduler .k-event .k-event-actions,
55389
55354
  }
55390
55355
 
55391
55356
  .k-chat .k-avatar {
55392
- border-radius: 100%;
55393
55357
  margin: 0;
55394
- width: 32px;
55395
- height: 32px;
55396
55358
  position: absolute;
55397
55359
  }
55398
55360
 
55399
55361
  .k-message-group:not(.k-alt) > .k-avatar {
55400
- left: 0;
55362
+ inset-inline-start: 0;
55401
55363
  bottom: 0;
55402
55364
  }
55403
55365
 
55404
55366
  .k-message-group.k-alt > .k-avatar {
55405
- right: 0;
55367
+ inset-inline-end: 0;
55406
55368
  bottom: 0;
55407
55369
  }
55408
55370
 
55409
- .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
55410
- padding-left: 40px;
55371
+ .k-chat .k-avatars .k-message-group:not(.k-no-avatar) {
55372
+ padding-inline-start: 40px;
55411
55373
  }
55412
55374
 
55413
55375
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
55414
- padding-right: 40px;
55376
+ padding-inline-end: 40px;
55415
55377
  }
55416
55378
 
55417
55379
  .k-author {
@@ -55438,8 +55400,8 @@ kendo-scheduler .k-event .k-event-actions,
55438
55400
 
55439
55401
  .k-quick-reply {
55440
55402
  border-radius: 100px;
55441
- margin-right: 8px;
55442
- margin-bottom: 4px;
55403
+ margin-inline-end: 8px;
55404
+ margin-block-end: 4px;
55443
55405
  padding-block: 8px;
55444
55406
  padding-inline: 12px;
55445
55407
  border-width: 1px;
@@ -55458,10 +55420,10 @@ kendo-scheduler .k-event .k-event-actions,
55458
55420
  }
55459
55421
 
55460
55422
  .k-scrollable-quick-replies {
55461
- margin-left: -16px;
55462
- margin-right: -16px;
55463
- padding-left: 16px;
55464
- padding-right: 16px;
55423
+ margin-inline-start: -16px;
55424
+ margin-inline-end: -16px;
55425
+ padding-inline-start: 16px;
55426
+ padding-inline-end: 16px;
55465
55427
  display: flex;
55466
55428
  flex-flow: row nowrap;
55467
55429
  flex: 0 0 auto;
@@ -55478,7 +55440,7 @@ kendo-scheduler .k-event .k-event-actions,
55478
55440
  }
55479
55441
 
55480
55442
  .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply {
55481
- margin-left: 8px;
55443
+ margin-inline-start: 8px;
55482
55444
  }
55483
55445
 
55484
55446
  .k-message-box {
@@ -55512,7 +55474,8 @@ kendo-scheduler .k-event .k-event-actions,
55512
55474
  display: inline-block;
55513
55475
  }
55514
55476
 
55515
- .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 {
55516
55479
  transform: scaleX(-1);
55517
55480
  }
55518
55481
 
@@ -55520,19 +55483,23 @@ kendo-scheduler .k-event .k-event-actions,
55520
55483
  margin: 2px 0 0;
55521
55484
  }
55522
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
+
55523
55491
  .k-chat .k-card-deck {
55524
55492
  max-width: calc(100% + 32px);
55525
55493
  box-sizing: border-box;
55526
- margin-left: -16px;
55527
- margin-right: -16px;
55494
+ margin-inline-start: -16px;
55495
+ margin-inline-end: -16px;
55528
55496
  padding: 16px 16px 16px;
55529
55497
  overflow: hidden;
55530
55498
  overflow-x: auto;
55531
55499
  scroll-behavior: smooth;
55532
55500
  }
55533
55501
 
55534
- .k-chat .k-card-deck .k-card,
55535
- .k-chat .k-card-deck .k-card-wrap {
55502
+ .k-chat .k-card-deck .k-card {
55536
55503
  width: 200px;
55537
55504
  }
55538
55505
 
@@ -55602,38 +55569,28 @@ kendo-scheduler .k-event .k-event-actions,
55602
55569
  }
55603
55570
  }
55604
55571
 
55605
- .k-chat-toolbar,
55606
- .k-chat .k-toolbar-box {
55607
- padding-block: 8px;
55608
- padding-inline: 8px;
55572
+ .k-chat-toolbar {
55609
55573
  width: 100%;
55610
55574
  border-width: 1px 0 0;
55611
- box-sizing: border-box;
55612
55575
  flex: none;
55613
- overflow: hidden;
55614
- position: relative;
55615
55576
  }
55616
55577
 
55617
- .k-chat-toolbar::before,
55618
- .k-chat .k-toolbar-box::before {
55578
+ .k-chat-toolbar::before {
55619
55579
  display: none;
55620
55580
  }
55621
55581
 
55622
- .k-chat-toolbar .k-button-list,
55623
- .k-chat .k-toolbar-box .k-button-list {
55582
+ .k-chat-toolbar .k-button-list {
55624
55583
  display: flex;
55625
55584
  flex-flow: row nowrap;
55626
55585
  overflow: hidden;
55627
55586
  scroll-behavior: smooth;
55628
55587
  }
55629
55588
 
55630
- .k-chat-toolbar .k-button,
55631
- .k-chat .k-toolbar-box .k-button {
55589
+ .k-chat-toolbar .k-button {
55632
55590
  flex: none;
55633
55591
  }
55634
55592
 
55635
- .k-chat-toolbar .k-scroll-button,
55636
- .k-chat .k-toolbar-box .k-scroll-button {
55593
+ .k-chat-toolbar .k-scroll-button {
55637
55594
  padding: 0 4px;
55638
55595
  height: 100%;
55639
55596
  aspect-ratio: auto;
@@ -55642,86 +55599,19 @@ kendo-scheduler .k-event .k-event-actions,
55642
55599
  top: 0;
55643
55600
  }
55644
55601
 
55645
- .k-chat-toolbar .k-scroll-button .k-button-icon,
55646
- .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
55602
+ .k-chat-toolbar .k-scroll-button .k-button-icon {
55647
55603
  min-width: auto;
55648
55604
  min-height: auto;
55649
55605
  }
55650
55606
 
55651
- .k-chat-toolbar .k-scroll-button-left,
55652
- .k-chat .k-toolbar-box .k-scroll-button-left {
55653
- left: 0;
55654
- }
55655
-
55656
- .k-chat-toolbar .k-scroll-button-right,
55657
- .k-chat .k-toolbar-box .k-scroll-button-right {
55658
- right: 0;
55659
- }
55660
-
55661
- .k-rtl .k-message-group:not(.k-alt) .k-message-time,
55662
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-time {
55663
- margin-left: 0;
55664
- margin-right: 8px;
55665
- left: auto;
55666
- right: 100%;
55667
- }
55668
-
55669
- .k-rtl .k-message-group:not(.k-alt) .k-message-status,
55670
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-status {
55671
- left: auto;
55672
- right: 0;
55673
- }
55674
-
55675
- .k-rtl .k-message-group.k-alt .k-message-time,
55676
- [dir="rtl"] .k-message-group.k-alt .k-message-time {
55677
- margin-right: 0;
55678
- margin-left: 8px;
55679
- right: auto;
55680
- left: 100%;
55681
- }
55682
-
55683
- .k-rtl .k-message-group.k-alt .k-message-status,
55684
- [dir="rtl"] .k-message-group.k-alt .k-message-status {
55685
- right: auto;
55607
+ .k-chat-toolbar .k-scroll-button-left {
55686
55608
  left: 0;
55687
55609
  }
55688
55610
 
55689
- .k-rtl .k-message-group:not(.k-alt) > .k-avatar,
55690
- [dir="rtl"] .k-message-group:not(.k-alt) > .k-avatar {
55691
- left: auto;
55611
+ .k-chat-toolbar .k-scroll-button-right {
55692
55612
  right: 0;
55693
55613
  }
55694
55614
 
55695
- .k-rtl .k-message-group.k-alt > .k-avatar,
55696
- [dir="rtl"] .k-message-group.k-alt > .k-avatar {
55697
- right: auto;
55698
- left: 0;
55699
- }
55700
-
55701
- .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
55702
- [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
55703
- padding-left: 0;
55704
- padding-right: 40px;
55705
- }
55706
-
55707
- .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
55708
- [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
55709
- padding-right: 0;
55710
- padding-left: 40px;
55711
- }
55712
-
55713
- .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
55714
- [dir="rtl"] .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
55715
- margin-left: 0;
55716
- margin-right: 16px;
55717
- }
55718
-
55719
- .k-rtl .k-quick-reply,
55720
- [dir="rtl"] .k-quick-reply {
55721
- margin-right: 0;
55722
- margin-left: 8px;
55723
- }
55724
-
55725
55615
  .k-chat {
55726
55616
  border-color: rgba(0, 0, 0, 0.12);
55727
55617
  color: rgba(0, 0, 0, 0.87);
@@ -55736,7 +55626,7 @@ kendo-scheduler .k-event .k-event-actions,
55736
55626
  font-weight: bold;
55737
55627
  }
55738
55628
 
55739
- .k-chat .k-bubble {
55629
+ .k-chat .k-chat-bubble {
55740
55630
  border-color: #ffffff;
55741
55631
  color: rgba(0, 0, 0, 0.87);
55742
55632
  background-color: #ffffff;
@@ -55745,34 +55635,34 @@ kendo-scheduler .k-event .k-event-actions,
55745
55635
  order: -1;
55746
55636
  }
55747
55637
 
55748
- .k-chat .k-bubble a {
55638
+ .k-chat .k-chat-bubble a {
55749
55639
  color: #e51a5f;
55750
55640
  }
55751
55641
 
55752
- .k-chat .k-bubble a:hover {
55642
+ .k-chat .k-chat-bubble a:hover {
55753
55643
  color: #c2185b;
55754
55644
  }
55755
55645
 
55756
- .k-chat .k-bubble:hover {
55646
+ .k-chat .k-chat-bubble:hover {
55757
55647
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
55758
55648
  }
55759
55649
 
55760
- .k-chat .k-selected .k-bubble {
55650
+ .k-chat .k-selected .k-chat-bubble {
55761
55651
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
55762
55652
  }
55763
55653
 
55764
- .k-chat .k-alt .k-bubble {
55654
+ .k-chat .k-alt .k-chat-bubble {
55765
55655
  border-color: #3f51b5;
55766
55656
  color: white;
55767
55657
  background-color: #3f51b5;
55768
55658
  box-shadow: 0 1px 2px rgba(63, 81, 181, 0.2);
55769
55659
  }
55770
55660
 
55771
- .k-chat .k-alt .k-bubble:hover {
55661
+ .k-chat .k-alt .k-chat-bubble:hover {
55772
55662
  box-shadow: 0 1px 2px rgba(63, 81, 181, 0.2);
55773
55663
  }
55774
55664
 
55775
- .k-chat .k-alt .k-selected .k-bubble {
55665
+ .k-chat .k-alt .k-selected .k-chat-bubble {
55776
55666
  box-shadow: 0 3px 10px rgba(63, 81, 181, 0.4);
55777
55667
  }
55778
55668
 
@@ -56674,8 +56564,6 @@ kendo-scheduler .k-event .k-event-actions,
56674
56564
  background-color: #333333;
56675
56565
  }
56676
56566
 
56677
- kendo-scrollview.k-scrollview-wrap,
56678
- kendo-scrollview.k-scrollview,
56679
56567
  .k-scrollview {
56680
56568
  border-width: 1px;
56681
56569
  border-style: solid;
@@ -56691,27 +56579,25 @@ kendo-scrollview.k-scrollview,
56691
56579
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
56692
56580
  }
56693
56581
 
56694
- .k-scrollview-wrap .k-scrollview,
56695
- .k-scrollview .k-scrollview-wrap {
56696
- list-style-type: none;
56582
+ .k-scrollview-wrap {
56697
56583
  position: absolute;
56698
56584
  margin: 0;
56699
56585
  padding: 0;
56700
- width: 100%;
56701
56586
  height: 100%;
56587
+ width: 100%;
56588
+ display: flex;
56589
+ flex-flow: row nowrap;
56702
56590
  cursor: default;
56703
56591
  white-space: nowrap;
56704
56592
  }
56705
56593
 
56706
- .k-scrollview-wrap .k-scrollview img,
56707
- .k-scrollview .k-scrollview-wrap img {
56594
+ .k-scrollview-wrap img {
56708
56595
  -webkit-user-select: none;
56709
56596
  -ms-user-select: none;
56710
56597
  user-select: none;
56711
56598
  }
56712
56599
 
56713
- .k-scrollview-wrap .k-scrollview > li,
56714
- .k-scrollview .k-scrollview-wrap > li {
56600
+ kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
56715
56601
  display: inline-block;
56716
56602
  overflow: hidden;
56717
56603
  position: absolute;
@@ -56719,34 +56605,23 @@ kendo-scrollview.k-scrollview,
56719
56605
  left: 0;
56720
56606
  }
56721
56607
 
56722
- .k-scrollview-wrap .k-scrollview > [data-role="page"],
56723
- .k-scrollview .k-scrollview-wrap > [data-role="page"] {
56724
- vertical-align: top;
56725
- display: inline-block;
56726
- min-height: 1px;
56727
- }
56728
-
56729
56608
  .k-scrollview-wrap.k-scrollview-animate {
56730
- display: flex;
56731
- flex-flow: row nowrap;
56732
56609
  width: calc(var(--kendo-scrollview-views, 1)*100%);
56733
56610
  transition-duration: 0.3s;
56734
56611
  transition-timing-function: ease-in-out;
56735
56612
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
56736
56613
  }
56737
56614
 
56738
- .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
56739
- width: calc(100%/var(--kendo-scrollview-views, 1));
56740
- flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
56741
- }
56742
-
56743
56615
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
56744
56616
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
56745
56617
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
56746
56618
  }
56747
56619
 
56748
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
56749
- kendo-scrollview.k-scrollview kendo-scrollview-pager,
56620
+ .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
56621
+ width: calc(100%/var(--kendo-scrollview-views, 1));
56622
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
56623
+ }
56624
+
56750
56625
  .k-scrollview-nav-wrap {
56751
56626
  padding: 0;
56752
56627
  margin: 0;
@@ -56758,17 +56633,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
56758
56633
  text-align: center;
56759
56634
  }
56760
56635
 
56761
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
56762
56636
  kendo-scrollview.k-scrollview kendo-scrollview-pager {
56763
56637
  pointer-events: none;
56764
56638
  }
56765
56639
 
56766
- kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
56767
56640
  kendo-scrollview.k-scrollview .k-scrollview-nav {
56768
56641
  pointer-events: initial;
56769
56642
  }
56770
56643
 
56771
- .k-scrollview-pageable,
56772
56644
  .k-scrollview-nav {
56773
56645
  margin: 0;
56774
56646
  padding: 20px;
@@ -56785,12 +56657,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
56785
56657
  pointer-events: initial;
56786
56658
  }
56787
56659
 
56788
- .k-scrollview-pageable:focus,
56789
56660
  .k-scrollview-nav:focus {
56790
56661
  outline: none;
56791
56662
  }
56792
56663
 
56793
- .k-scrollview-pageable > .k-button,
56794
56664
  .k-scrollview-nav > .k-link {
56795
56665
  margin-block: 0;
56796
56666
  margin-inline: 10px;
@@ -56809,7 +56679,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
56809
56679
  vertical-align: top;
56810
56680
  }
56811
56681
 
56812
- .k-scrollview-pageable > .k-button::before,
56813
56682
  .k-scrollview-nav > .k-link::before {
56814
56683
  content: "";
56815
56684
  width: 30px;
@@ -56862,54 +56731,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
56862
56731
  transition-timing-function: ease-in-out;
56863
56732
  }
56864
56733
 
56865
- @supports (-webkit-user-select: none) {
56866
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
56867
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
56868
- div.k-scrollview ul.k-scrollview-wrap li > * {
56869
- pointer-events: auto;
56870
- }
56871
- }
56872
-
56873
- @supports not (-webkit-user-select: none) {
56874
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
56875
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
56876
- div.k-scrollview ul.k-scrollview-wrap li > * {
56877
- pointer-events: none;
56878
- }
56879
- }
56880
-
56881
- kendo-scrollview.k-scrollview-wrap,
56882
- kendo-scrollview.k-scrollview,
56883
- div.k-scrollview {
56734
+ .k-scrollview {
56884
56735
  border-color: rgba(0, 0, 0, 0.12);
56885
56736
  color: rgba(0, 0, 0, 0.87);
56886
56737
  background-color: #ffffff;
56887
56738
  }
56888
56739
 
56889
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark kendo-scrollview-pager,
56890
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav-wrap,
56891
- kendo-scrollview.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
56892
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap,
56893
- div.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
56894
- div.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
56740
+ .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
56741
+ .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
56895
56742
  background-color: rgba(0, 0, 0, 0.4);
56896
56743
  }
56897
56744
 
56898
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
56899
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
56900
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-next,
56901
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-prev,
56902
- div.k-scrollview.k-scrollview-dark .k-scrollview-next,
56903
- div.k-scrollview.k-scrollview-dark .k-scrollview-prev {
56745
+ .k-scrollview.k-scrollview-dark .k-scrollview-next,
56746
+ .k-scrollview.k-scrollview-dark .k-scrollview-prev {
56904
56747
  color: rgba(0, 0, 0, 0.4);
56905
56748
  }
56906
56749
 
56907
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light kendo-scrollview-pager,
56908
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
56909
- kendo-scrollview.k-scrollview.k-scrollview-light kendo-scrollview-pager,
56910
- kendo-scrollview.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap,
56911
- div.k-scrollview.k-scrollview-light kendo-scrollview-pager,
56912
- div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
56750
+ .k-scrollview.k-scrollview-light kendo-scrollview-pager,
56751
+ .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
56913
56752
  background-color: rgba(255, 255, 255, 0.4);
56914
56753
  }
56915
56754
 
@@ -56952,33 +56791,24 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
56952
56791
  opacity: 1;
56953
56792
  }
56954
56793
 
56955
- .k-scrollview-pageable > .k-button,
56956
56794
  .k-scrollview-nav > .k-link {
56957
56795
  background: #ffffff;
56958
56796
  border: #ffffff;
56959
56797
  }
56960
56798
 
56961
- .k-scrollview-pageable > .k-button.k-primary,
56962
56799
  .k-scrollview-nav > .k-link.k-primary {
56963
56800
  background: #3f51b5;
56964
56801
  border: #3f51b5;
56965
56802
  }
56966
56803
 
56967
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
56968
- .k-scrollview-nav > .k-link:focus,
56969
- .k-scrollview-nav > .k-link.k-focus {
56804
+ .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
56970
56805
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
56971
56806
  }
56972
56807
 
56973
- .k-scrollview-nav > .k-link:hover,
56974
- .k-scrollview-nav > .k-link.k-hover {
56808
+ .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
56975
56809
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
56976
56810
  }
56977
56811
 
56978
- .k-scrollview-pageable > .k-button {
56979
- box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
56980
- }
56981
-
56982
56812
  .k-barcode {
56983
56813
  display: inline-block;
56984
56814
  }