@progress/kendo-theme-default 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
@@ -43730,8 +43730,7 @@ kendo-card-footer {
43730
43730
  box-sizing: border-box;
43731
43731
  }
43732
43732
 
43733
- .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,
43734
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43733
+ .k-pager-input, .k-pager-sizes, .k-pager-info {
43735
43734
  display: flex;
43736
43735
  flex-direction: row;
43737
43736
  align-items: center;
@@ -43762,8 +43761,7 @@ kendo-card-footer {
43762
43761
 
43763
43762
  .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
43764
43763
  .k-pager-numbers-wrap select.k-dropdownlist {
43765
- cursor: pointer;
43766
- display: none;
43764
+ width: 5em;
43767
43765
  }
43768
43766
 
43769
43767
  .k-pager-numbers {
@@ -43776,16 +43774,18 @@ kendo-card-footer {
43776
43774
  z-index: 2;
43777
43775
  }
43778
43776
 
43779
- .k-pager-input .k-textbox {
43777
+ .k-pager-input {
43778
+ gap: 1ex;
43779
+ }
43780
+
43781
+ .k-pager-input .k-textbox,
43782
+ .k-pager-input .k-numerictextbox {
43780
43783
  margin-block: 0;
43781
- margin-inline: 1ex;
43782
43784
  width: 5em;
43783
43785
  }
43784
43786
 
43785
- .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
43786
- .k-pager-sizes .k-dropdownlist,
43787
- .k-pager-sizes > select {
43788
- margin-right: 1ex;
43787
+ .k-pager-sizes {
43788
+ gap: 1ex;
43789
43789
  }
43790
43790
 
43791
43791
  .k-pager-sizes .k-input-inner,
@@ -43793,17 +43793,6 @@ kendo-card-footer {
43793
43793
  text-overflow: clip;
43794
43794
  }
43795
43795
 
43796
- .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
43797
- .k-rtl .k-pager-sizes .k-dropdownlist,
43798
- .k-rtl .k-pager-sizes > select,
43799
- [dir="rtl"] .k-pager-sizes .k-dropdown-list,
43800
- [dir="rtl"] .k-pager-sizes .k-dropdown,
43801
- [dir="rtl"] .k-pager-sizes .k-dropdownlist,
43802
- [dir="rtl"] .k-pager-sizes > select {
43803
- margin-left: 1ex;
43804
- margin-right: 0;
43805
- }
43806
-
43807
43796
  .k-pager-info {
43808
43797
  text-align: end;
43809
43798
  justify-content: flex-end;
@@ -43817,28 +43806,6 @@ kendo-card-footer {
43817
43806
  order: 10;
43818
43807
  }
43819
43808
 
43820
- .k-pager-mobile-sm {
43821
- overflow: visible;
43822
- }
43823
-
43824
- .k-pager-mobile-sm .k-pager-numbers-wrap {
43825
- border-color: inherit;
43826
- }
43827
-
43828
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
43829
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43830
- margin-left: 16px;
43831
- margin-right: 16px;
43832
- width: 5em;
43833
- }
43834
-
43835
- .k-pager-mobile-md .k-pager-info,
43836
- .k-pager-mobile-sm .k-pager-info,
43837
- .k-pager-mobile-sm .k-pager-sizes,
43838
- .k-pager-mobile-sm .k-pager-numbers {
43839
- display: none;
43840
- }
43841
-
43842
43809
  .k-pager-sm {
43843
43810
  padding-inline: 4px;
43844
43811
  padding-block: 4px;
@@ -43849,7 +43816,10 @@ kendo-card-footer {
43849
43816
  min-width: calc(1.4285714286em + 6px);
43850
43817
  }
43851
43818
 
43852
- .k-pager-sm .k-pager-numbers-wrap .k-pager-input {
43819
+ .k-pager-sm .k-pager-numbers-wrap .k-pager-input,
43820
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown-list,
43821
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown,
43822
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdownlist {
43853
43823
  margin-inline-start: 12px;
43854
43824
  margin-inline-end: 12px;
43855
43825
  }
@@ -43870,7 +43840,10 @@ kendo-card-footer {
43870
43840
  min-width: calc(1.4285714286em + 10px);
43871
43841
  }
43872
43842
 
43873
- .k-pager-md .k-pager-numbers-wrap .k-pager-input {
43843
+ .k-pager-md .k-pager-numbers-wrap .k-pager-input,
43844
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list,
43845
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown,
43846
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist {
43874
43847
  margin-inline-start: 14px;
43875
43848
  margin-inline-end: 14px;
43876
43849
  }
@@ -43891,7 +43864,10 @@ kendo-card-footer {
43891
43864
  min-width: calc(1.5em + 18px);
43892
43865
  }
43893
43866
 
43894
- .k-pager-lg .k-pager-numbers-wrap .k-pager-input {
43867
+ .k-pager-lg .k-pager-numbers-wrap .k-pager-input,
43868
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown-list,
43869
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown,
43870
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdownlist {
43895
43871
  margin-inline-start: 16px;
43896
43872
  margin-inline-end: 16px;
43897
43873
  }
@@ -45275,6 +45251,7 @@ kendo-card-footer {
45275
45251
  box-sizing: border-box;
45276
45252
  outline: 0;
45277
45253
  display: grid;
45254
+ padding: 16px 16px;
45278
45255
  -webkit-touch-callout: none;
45279
45256
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
45280
45257
  }
@@ -45920,12 +45897,6 @@ kendo-card-footer {
45920
45897
  outline: none;
45921
45898
  }
45922
45899
 
45923
- .k-grid .k-table-th .k-placeholder-line,
45924
- .k-grid td .k-placeholder-line,
45925
- .k-grid .k-table-td .k-placeholder-line {
45926
- width: 80%;
45927
- }
45928
-
45929
45900
  .k-grid .k-table-th > .k-radio,
45930
45901
  .k-grid .k-table-th > .k-radio-wrap,
45931
45902
  .k-grid .k-table-th > .k-checkbox,
@@ -46517,12 +46488,6 @@ div.k-grid-footer {
46517
46488
  border-width: 0 0 1px;
46518
46489
  }
46519
46490
 
46520
- .k-pager-input .k-numerictextbox {
46521
- margin-block: 0;
46522
- margin-inline: 7px;
46523
- width: 3em;
46524
- }
46525
-
46526
46491
  .k-grid-virtual .k-grid-content .k-grid-table-wrap {
46527
46492
  float: left;
46528
46493
  width: 100%;
@@ -53529,21 +53494,21 @@ kendo-scheduler .k-recurrence-editor {
53529
53494
  }
53530
53495
 
53531
53496
  .k-chat .k-message-group:not(.k-alt) .k-message-time {
53532
- margin-left: 8px;
53533
- left: 100%;
53497
+ margin-inline-start: 8px;
53498
+ inset-inline-start: 100%;
53534
53499
  }
53535
53500
 
53536
53501
  .k-chat .k-message-group:not(.k-alt) .k-message-status {
53537
- left: 0;
53502
+ inset-inline-start: 0;
53538
53503
  }
53539
53504
 
53540
- .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble,
53541
- .k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
53505
+ .k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble,
53506
+ .k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble {
53542
53507
  border-bottom-left-radius: 2px;
53543
53508
  }
53544
53509
 
53545
- .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble,
53546
- .k-chat .k-message-group:not(.k-alt) .k-last .k-bubble {
53510
+ .k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble,
53511
+ .k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble {
53547
53512
  border-top-left-radius: 2px;
53548
53513
  border-bottom-left-radius: 2px;
53549
53514
  }
@@ -53555,21 +53520,21 @@ kendo-scheduler .k-recurrence-editor {
53555
53520
  }
53556
53521
 
53557
53522
  .k-chat .k-message-group.k-alt .k-message-time {
53558
- margin-right: 8px;
53559
- right: 100%;
53523
+ margin-inline-end: 8px;
53524
+ inset-inline-end: 100%;
53560
53525
  }
53561
53526
 
53562
53527
  .k-chat .k-message-group.k-alt .k-message-status {
53563
- right: 0;
53528
+ inset-inline-end: 0;
53564
53529
  }
53565
53530
 
53566
- .k-chat .k-message-group.k-alt .k-first .k-bubble,
53567
- .k-chat .k-message-group.k-alt .k-only .k-bubble {
53531
+ .k-chat .k-message-group.k-alt .k-first .k-chat-bubble,
53532
+ .k-chat .k-message-group.k-alt .k-only .k-chat-bubble {
53568
53533
  border-bottom-right-radius: 2px;
53569
53534
  }
53570
53535
 
53571
- .k-chat .k-message-group.k-alt .k-middle .k-bubble,
53572
- .k-chat .k-message-group.k-alt .k-last .k-bubble {
53536
+ .k-chat .k-message-group.k-alt .k-middle .k-chat-bubble,
53537
+ .k-chat .k-message-group.k-alt .k-last .k-chat-bubble {
53573
53538
  border-top-right-radius: 2px;
53574
53539
  border-bottom-right-radius: 2px;
53575
53540
  }
@@ -53606,7 +53571,7 @@ kendo-scheduler .k-recurrence-editor {
53606
53571
  transition: height .2s ease-in-out;
53607
53572
  }
53608
53573
 
53609
- .k-chat .k-bubble {
53574
+ .k-chat .k-chat-bubble {
53610
53575
  border-radius: 12px;
53611
53576
  padding-block: 8px;
53612
53577
  padding-inline: 12px;
@@ -53617,7 +53582,7 @@ kendo-scheduler .k-recurrence-editor {
53617
53582
  white-space: pre-wrap;
53618
53583
  }
53619
53584
 
53620
- .k-chat .k-bubble a {
53585
+ .k-chat .k-chat-bubble a {
53621
53586
  color: inherit;
53622
53587
  text-decoration: underline;
53623
53588
  }
@@ -53648,29 +53613,26 @@ kendo-scheduler .k-recurrence-editor {
53648
53613
  }
53649
53614
 
53650
53615
  .k-chat .k-avatar {
53651
- border-radius: 100%;
53652
53616
  margin: 0;
53653
- width: 32px;
53654
- height: 32px;
53655
53617
  position: absolute;
53656
53618
  }
53657
53619
 
53658
53620
  .k-message-group:not(.k-alt) > .k-avatar {
53659
- left: 0;
53621
+ inset-inline-start: 0;
53660
53622
  bottom: 0;
53661
53623
  }
53662
53624
 
53663
53625
  .k-message-group.k-alt > .k-avatar {
53664
- right: 0;
53626
+ inset-inline-end: 0;
53665
53627
  bottom: 0;
53666
53628
  }
53667
53629
 
53668
- .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
53669
- padding-left: 40px;
53630
+ .k-chat .k-avatars .k-message-group:not(.k-no-avatar) {
53631
+ padding-inline-start: 40px;
53670
53632
  }
53671
53633
 
53672
53634
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
53673
- padding-right: 40px;
53635
+ padding-inline-end: 40px;
53674
53636
  }
53675
53637
 
53676
53638
  .k-author {
@@ -53697,8 +53659,8 @@ kendo-scheduler .k-recurrence-editor {
53697
53659
 
53698
53660
  .k-quick-reply {
53699
53661
  border-radius: 100px;
53700
- margin-right: 8px;
53701
- margin-bottom: 4px;
53662
+ margin-inline-end: 8px;
53663
+ margin-block-end: 4px;
53702
53664
  padding-block: 8px;
53703
53665
  padding-inline: 12px;
53704
53666
  border-width: 1px;
@@ -53717,10 +53679,10 @@ kendo-scheduler .k-recurrence-editor {
53717
53679
  }
53718
53680
 
53719
53681
  .k-scrollable-quick-replies {
53720
- margin-left: -16px;
53721
- margin-right: -16px;
53722
- padding-left: 16px;
53723
- padding-right: 16px;
53682
+ margin-inline-start: -16px;
53683
+ margin-inline-end: -16px;
53684
+ padding-inline-start: 16px;
53685
+ padding-inline-end: 16px;
53724
53686
  display: flex;
53725
53687
  flex-flow: row nowrap;
53726
53688
  flex: 0 0 auto;
@@ -53737,7 +53699,7 @@ kendo-scheduler .k-recurrence-editor {
53737
53699
  }
53738
53700
 
53739
53701
  .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply {
53740
- margin-left: 8px;
53702
+ margin-inline-start: 8px;
53741
53703
  }
53742
53704
 
53743
53705
  .k-message-box {
@@ -53771,7 +53733,8 @@ kendo-scheduler .k-recurrence-editor {
53771
53733
  display: inline-block;
53772
53734
  }
53773
53735
 
53774
- .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
53736
+ .k-rtl .k-message-box .k-button,
53737
+ [dir="rtl"] .k-message-box .k-button {
53775
53738
  transform: scaleX(-1);
53776
53739
  }
53777
53740
 
@@ -53779,19 +53742,23 @@ kendo-scheduler .k-recurrence-editor {
53779
53742
  margin: 2px 0 0;
53780
53743
  }
53781
53744
 
53745
+ .k-message-group.k-alt + .k-card-list,
53746
+ .k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
53747
+ align-self: flex-end;
53748
+ }
53749
+
53782
53750
  .k-chat .k-card-deck {
53783
53751
  max-width: calc(100% + 32px);
53784
53752
  box-sizing: border-box;
53785
- margin-left: -16px;
53786
- margin-right: -16px;
53753
+ margin-inline-start: -16px;
53754
+ margin-inline-end: -16px;
53787
53755
  padding: 16px 16px 16px;
53788
53756
  overflow: hidden;
53789
53757
  overflow-x: auto;
53790
53758
  scroll-behavior: smooth;
53791
53759
  }
53792
53760
 
53793
- .k-chat .k-card-deck .k-card,
53794
- .k-chat .k-card-deck .k-card-wrap {
53761
+ .k-chat .k-card-deck .k-card {
53795
53762
  width: 200px;
53796
53763
  }
53797
53764
 
@@ -53861,38 +53828,28 @@ kendo-scheduler .k-recurrence-editor {
53861
53828
  }
53862
53829
  }
53863
53830
 
53864
- .k-chat-toolbar,
53865
- .k-chat .k-toolbar-box {
53866
- padding-block: 8px;
53867
- padding-inline: 8px;
53831
+ .k-chat-toolbar {
53868
53832
  width: 100%;
53869
53833
  border-width: 1px 0 0;
53870
- box-sizing: border-box;
53871
53834
  flex: none;
53872
- overflow: hidden;
53873
- position: relative;
53874
53835
  }
53875
53836
 
53876
- .k-chat-toolbar::before,
53877
- .k-chat .k-toolbar-box::before {
53837
+ .k-chat-toolbar::before {
53878
53838
  display: none;
53879
53839
  }
53880
53840
 
53881
- .k-chat-toolbar .k-button-list,
53882
- .k-chat .k-toolbar-box .k-button-list {
53841
+ .k-chat-toolbar .k-button-list {
53883
53842
  display: flex;
53884
53843
  flex-flow: row nowrap;
53885
53844
  overflow: hidden;
53886
53845
  scroll-behavior: smooth;
53887
53846
  }
53888
53847
 
53889
- .k-chat-toolbar .k-button,
53890
- .k-chat .k-toolbar-box .k-button {
53848
+ .k-chat-toolbar .k-button {
53891
53849
  flex: none;
53892
53850
  }
53893
53851
 
53894
- .k-chat-toolbar .k-scroll-button,
53895
- .k-chat .k-toolbar-box .k-scroll-button {
53852
+ .k-chat-toolbar .k-scroll-button {
53896
53853
  padding: 0 4px;
53897
53854
  height: 100%;
53898
53855
  aspect-ratio: auto;
@@ -53901,86 +53858,19 @@ kendo-scheduler .k-recurrence-editor {
53901
53858
  top: 0;
53902
53859
  }
53903
53860
 
53904
- .k-chat-toolbar .k-scroll-button .k-button-icon,
53905
- .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
53861
+ .k-chat-toolbar .k-scroll-button .k-button-icon {
53906
53862
  min-width: auto;
53907
53863
  min-height: auto;
53908
53864
  }
53909
53865
 
53910
- .k-chat-toolbar .k-scroll-button-left,
53911
- .k-chat .k-toolbar-box .k-scroll-button-left {
53912
- left: 0;
53913
- }
53914
-
53915
- .k-chat-toolbar .k-scroll-button-right,
53916
- .k-chat .k-toolbar-box .k-scroll-button-right {
53917
- right: 0;
53918
- }
53919
-
53920
- .k-rtl .k-message-group:not(.k-alt) .k-message-time,
53921
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-time {
53922
- margin-left: 0;
53923
- margin-right: 8px;
53924
- left: auto;
53925
- right: 100%;
53926
- }
53927
-
53928
- .k-rtl .k-message-group:not(.k-alt) .k-message-status,
53929
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-status {
53930
- left: auto;
53931
- right: 0;
53932
- }
53933
-
53934
- .k-rtl .k-message-group.k-alt .k-message-time,
53935
- [dir="rtl"] .k-message-group.k-alt .k-message-time {
53936
- margin-right: 0;
53937
- margin-left: 8px;
53938
- right: auto;
53939
- left: 100%;
53940
- }
53941
-
53942
- .k-rtl .k-message-group.k-alt .k-message-status,
53943
- [dir="rtl"] .k-message-group.k-alt .k-message-status {
53944
- right: auto;
53866
+ .k-chat-toolbar .k-scroll-button-left {
53945
53867
  left: 0;
53946
53868
  }
53947
53869
 
53948
- .k-rtl .k-message-group:not(.k-alt) > .k-avatar,
53949
- [dir="rtl"] .k-message-group:not(.k-alt) > .k-avatar {
53950
- left: auto;
53870
+ .k-chat-toolbar .k-scroll-button-right {
53951
53871
  right: 0;
53952
53872
  }
53953
53873
 
53954
- .k-rtl .k-message-group.k-alt > .k-avatar,
53955
- [dir="rtl"] .k-message-group.k-alt > .k-avatar {
53956
- right: auto;
53957
- left: 0;
53958
- }
53959
-
53960
- .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
53961
- [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
53962
- padding-left: 0;
53963
- padding-right: 40px;
53964
- }
53965
-
53966
- .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
53967
- [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
53968
- padding-right: 0;
53969
- padding-left: 40px;
53970
- }
53971
-
53972
- .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
53973
- [dir="rtl"] .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
53974
- margin-left: 0;
53975
- margin-right: 16px;
53976
- }
53977
-
53978
- .k-rtl .k-quick-reply,
53979
- [dir="rtl"] .k-quick-reply {
53980
- margin-right: 0;
53981
- margin-left: 8px;
53982
- }
53983
-
53984
53874
  .k-chat {
53985
53875
  border-color: rgba(0, 0, 0, 0.08);
53986
53876
  color: #424242;
@@ -53995,7 +53885,7 @@ kendo-scheduler .k-recurrence-editor {
53995
53885
  font-weight: bold;
53996
53886
  }
53997
53887
 
53998
- .k-chat .k-bubble {
53888
+ .k-chat .k-chat-bubble {
53999
53889
  border-color: #ffffff;
54000
53890
  color: #424242;
54001
53891
  background-color: #ffffff;
@@ -54004,34 +53894,34 @@ kendo-scheduler .k-recurrence-editor {
54004
53894
  order: -1;
54005
53895
  }
54006
53896
 
54007
- .k-chat .k-bubble a {
53897
+ .k-chat .k-chat-bubble a {
54008
53898
  color: #ff6358;
54009
53899
  }
54010
53900
 
54011
- .k-chat .k-bubble a:hover {
53901
+ .k-chat .k-chat-bubble a:hover {
54012
53902
  color: #d6534a;
54013
53903
  }
54014
53904
 
54015
- .k-chat .k-bubble:hover {
53905
+ .k-chat .k-chat-bubble:hover {
54016
53906
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
54017
53907
  }
54018
53908
 
54019
- .k-chat .k-selected .k-bubble {
53909
+ .k-chat .k-selected .k-chat-bubble {
54020
53910
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
54021
53911
  }
54022
53912
 
54023
- .k-chat .k-alt .k-bubble {
53913
+ .k-chat .k-alt .k-chat-bubble {
54024
53914
  border-color: #ff6358;
54025
53915
  color: white;
54026
53916
  background-color: #ff6358;
54027
53917
  box-shadow: 0 1px 2px rgba(255, 99, 88, 0.2);
54028
53918
  }
54029
53919
 
54030
- .k-chat .k-alt .k-bubble:hover {
53920
+ .k-chat .k-alt .k-chat-bubble:hover {
54031
53921
  box-shadow: 0 1px 2px rgba(255, 99, 88, 0.2);
54032
53922
  }
54033
53923
 
54034
- .k-chat .k-alt .k-selected .k-bubble {
53924
+ .k-chat .k-alt .k-selected .k-chat-bubble {
54035
53925
  box-shadow: 0 3px 10px rgba(255, 99, 88, 0.4);
54036
53926
  }
54037
53927
 
@@ -54912,8 +54802,6 @@ kendo-scheduler .k-recurrence-editor {
54912
54802
  background-color: #333333;
54913
54803
  }
54914
54804
 
54915
- kendo-scrollview.k-scrollview-wrap,
54916
- kendo-scrollview.k-scrollview,
54917
54805
  .k-scrollview {
54918
54806
  border-width: 1px;
54919
54807
  border-style: solid;
@@ -54929,27 +54817,25 @@ kendo-scrollview.k-scrollview,
54929
54817
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
54930
54818
  }
54931
54819
 
54932
- .k-scrollview-wrap .k-scrollview,
54933
- .k-scrollview .k-scrollview-wrap {
54934
- list-style-type: none;
54820
+ .k-scrollview-wrap {
54935
54821
  position: absolute;
54936
54822
  margin: 0;
54937
54823
  padding: 0;
54938
- width: 100%;
54939
54824
  height: 100%;
54825
+ width: 100%;
54826
+ display: flex;
54827
+ flex-flow: row nowrap;
54940
54828
  cursor: default;
54941
54829
  white-space: nowrap;
54942
54830
  }
54943
54831
 
54944
- .k-scrollview-wrap .k-scrollview img,
54945
- .k-scrollview .k-scrollview-wrap img {
54832
+ .k-scrollview-wrap img {
54946
54833
  -webkit-user-select: none;
54947
54834
  -ms-user-select: none;
54948
54835
  user-select: none;
54949
54836
  }
54950
54837
 
54951
- .k-scrollview-wrap .k-scrollview > li,
54952
- .k-scrollview .k-scrollview-wrap > li {
54838
+ kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
54953
54839
  display: inline-block;
54954
54840
  overflow: hidden;
54955
54841
  position: absolute;
@@ -54957,34 +54843,23 @@ kendo-scrollview.k-scrollview,
54957
54843
  left: 0;
54958
54844
  }
54959
54845
 
54960
- .k-scrollview-wrap .k-scrollview > [data-role="page"],
54961
- .k-scrollview .k-scrollview-wrap > [data-role="page"] {
54962
- vertical-align: top;
54963
- display: inline-block;
54964
- min-height: 1px;
54965
- }
54966
-
54967
54846
  .k-scrollview-wrap.k-scrollview-animate {
54968
- display: flex;
54969
- flex-flow: row nowrap;
54970
54847
  width: calc(var(--kendo-scrollview-views, 1)*100%);
54971
54848
  transition-duration: 0.3s;
54972
54849
  transition-timing-function: ease-in-out;
54973
54850
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
54974
54851
  }
54975
54852
 
54976
- .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
54977
- width: calc(100%/var(--kendo-scrollview-views, 1));
54978
- flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54979
- }
54980
-
54981
54853
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
54982
54854
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
54983
54855
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
54984
54856
  }
54985
54857
 
54986
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
54987
- kendo-scrollview.k-scrollview kendo-scrollview-pager,
54858
+ .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
54859
+ width: calc(100%/var(--kendo-scrollview-views, 1));
54860
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54861
+ }
54862
+
54988
54863
  .k-scrollview-nav-wrap {
54989
54864
  padding: 0;
54990
54865
  margin: 0;
@@ -54996,17 +54871,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
54996
54871
  text-align: center;
54997
54872
  }
54998
54873
 
54999
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55000
54874
  kendo-scrollview.k-scrollview kendo-scrollview-pager {
55001
54875
  pointer-events: none;
55002
54876
  }
55003
54877
 
55004
- kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
55005
54878
  kendo-scrollview.k-scrollview .k-scrollview-nav {
55006
54879
  pointer-events: initial;
55007
54880
  }
55008
54881
 
55009
- .k-scrollview-pageable,
55010
54882
  .k-scrollview-nav {
55011
54883
  margin: 0;
55012
54884
  padding: 20px;
@@ -55023,12 +54895,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55023
54895
  pointer-events: initial;
55024
54896
  }
55025
54897
 
55026
- .k-scrollview-pageable:focus,
55027
54898
  .k-scrollview-nav:focus {
55028
54899
  outline: none;
55029
54900
  }
55030
54901
 
55031
- .k-scrollview-pageable > .k-button,
55032
54902
  .k-scrollview-nav > .k-link {
55033
54903
  margin-block: 0;
55034
54904
  margin-inline: 10px;
@@ -55047,7 +54917,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55047
54917
  vertical-align: top;
55048
54918
  }
55049
54919
 
55050
- .k-scrollview-pageable > .k-button::before,
55051
54920
  .k-scrollview-nav > .k-link::before {
55052
54921
  content: "";
55053
54922
  width: 30px;
@@ -55100,54 +54969,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55100
54969
  transition-timing-function: ease-in-out;
55101
54970
  }
55102
54971
 
55103
- @supports (-webkit-user-select: none) {
55104
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55105
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55106
- div.k-scrollview ul.k-scrollview-wrap li > * {
55107
- pointer-events: auto;
55108
- }
55109
- }
55110
-
55111
- @supports not (-webkit-user-select: none) {
55112
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55113
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55114
- div.k-scrollview ul.k-scrollview-wrap li > * {
55115
- pointer-events: none;
55116
- }
55117
- }
55118
-
55119
- kendo-scrollview.k-scrollview-wrap,
55120
- kendo-scrollview.k-scrollview,
55121
- div.k-scrollview {
54972
+ .k-scrollview {
55122
54973
  border-color: rgba(0, 0, 0, 0.08);
55123
54974
  color: #424242;
55124
54975
  background-color: #ffffff;
55125
54976
  }
55126
54977
 
55127
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark kendo-scrollview-pager,
55128
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav-wrap,
55129
- kendo-scrollview.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55130
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap,
55131
- div.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55132
- div.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
54978
+ .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
54979
+ .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
55133
54980
  background-color: rgba(0, 0, 0, 0.4);
55134
54981
  }
55135
54982
 
55136
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
55137
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
55138
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-next,
55139
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-prev,
55140
- div.k-scrollview.k-scrollview-dark .k-scrollview-next,
55141
- div.k-scrollview.k-scrollview-dark .k-scrollview-prev {
54983
+ .k-scrollview.k-scrollview-dark .k-scrollview-next,
54984
+ .k-scrollview.k-scrollview-dark .k-scrollview-prev {
55142
54985
  color: rgba(0, 0, 0, 0.4);
55143
54986
  }
55144
54987
 
55145
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light kendo-scrollview-pager,
55146
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
55147
- kendo-scrollview.k-scrollview.k-scrollview-light kendo-scrollview-pager,
55148
- kendo-scrollview.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap,
55149
- div.k-scrollview.k-scrollview-light kendo-scrollview-pager,
55150
- div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
54988
+ .k-scrollview.k-scrollview-light kendo-scrollview-pager,
54989
+ .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55151
54990
  background-color: rgba(255, 255, 255, 0.4);
55152
54991
  }
55153
54992
 
@@ -55190,33 +55029,24 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55190
55029
  opacity: 1;
55191
55030
  }
55192
55031
 
55193
- .k-scrollview-pageable > .k-button,
55194
55032
  .k-scrollview-nav > .k-link {
55195
55033
  background: #f5f5f5;
55196
55034
  border: rgba(0, 0, 0, 0.08);
55197
55035
  }
55198
55036
 
55199
- .k-scrollview-pageable > .k-button.k-primary,
55200
55037
  .k-scrollview-nav > .k-link.k-primary {
55201
55038
  background: #ff6358;
55202
55039
  border: #ff6358;
55203
55040
  }
55204
55041
 
55205
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
55206
- .k-scrollview-nav > .k-link:focus,
55207
- .k-scrollview-nav > .k-link.k-focus {
55042
+ .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
55208
55043
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55209
55044
  }
55210
55045
 
55211
- .k-scrollview-nav > .k-link:hover,
55212
- .k-scrollview-nav > .k-link.k-hover {
55046
+ .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
55213
55047
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55214
55048
  }
55215
55049
 
55216
- .k-scrollview-pageable > .k-button {
55217
- box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
55218
- }
55219
-
55220
55050
  .k-barcode {
55221
55051
  display: inline-block;
55222
55052
  }