@progress/kendo-theme-classic 6.7.0-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
@@ -43738,8 +43738,7 @@ kendo-card-footer {
43738
43738
  box-sizing: border-box;
43739
43739
  }
43740
43740
 
43741
- .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,
43742
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43741
+ .k-pager-input, .k-pager-sizes, .k-pager-info {
43743
43742
  display: flex;
43744
43743
  flex-direction: row;
43745
43744
  align-items: center;
@@ -43770,8 +43769,7 @@ kendo-card-footer {
43770
43769
 
43771
43770
  .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
43772
43771
  .k-pager-numbers-wrap select.k-dropdownlist {
43773
- cursor: pointer;
43774
- display: none;
43772
+ width: 5em;
43775
43773
  }
43776
43774
 
43777
43775
  .k-pager-numbers {
@@ -43784,16 +43782,18 @@ kendo-card-footer {
43784
43782
  z-index: 2;
43785
43783
  }
43786
43784
 
43787
- .k-pager-input .k-textbox {
43785
+ .k-pager-input {
43786
+ gap: 1ex;
43787
+ }
43788
+
43789
+ .k-pager-input .k-textbox,
43790
+ .k-pager-input .k-numerictextbox {
43788
43791
  margin-block: 0;
43789
- margin-inline: 1ex;
43790
43792
  width: 5em;
43791
43793
  }
43792
43794
 
43793
- .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
43794
- .k-pager-sizes .k-dropdownlist,
43795
- .k-pager-sizes > select {
43796
- margin-right: 1ex;
43795
+ .k-pager-sizes {
43796
+ gap: 1ex;
43797
43797
  }
43798
43798
 
43799
43799
  .k-pager-sizes .k-input-inner,
@@ -43801,17 +43801,6 @@ kendo-card-footer {
43801
43801
  text-overflow: clip;
43802
43802
  }
43803
43803
 
43804
- .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
43805
- .k-rtl .k-pager-sizes .k-dropdownlist,
43806
- .k-rtl .k-pager-sizes > select,
43807
- [dir="rtl"] .k-pager-sizes .k-dropdown-list,
43808
- [dir="rtl"] .k-pager-sizes .k-dropdown,
43809
- [dir="rtl"] .k-pager-sizes .k-dropdownlist,
43810
- [dir="rtl"] .k-pager-sizes > select {
43811
- margin-left: 1ex;
43812
- margin-right: 0;
43813
- }
43814
-
43815
43804
  .k-pager-info {
43816
43805
  text-align: end;
43817
43806
  justify-content: flex-end;
@@ -43825,28 +43814,6 @@ kendo-card-footer {
43825
43814
  order: 10;
43826
43815
  }
43827
43816
 
43828
- .k-pager-mobile-sm {
43829
- overflow: visible;
43830
- }
43831
-
43832
- .k-pager-mobile-sm .k-pager-numbers-wrap {
43833
- border-color: inherit;
43834
- }
43835
-
43836
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
43837
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43838
- margin-left: 16px;
43839
- margin-right: 16px;
43840
- width: 5em;
43841
- }
43842
-
43843
- .k-pager-mobile-md .k-pager-info,
43844
- .k-pager-mobile-sm .k-pager-info,
43845
- .k-pager-mobile-sm .k-pager-sizes,
43846
- .k-pager-mobile-sm .k-pager-numbers {
43847
- display: none;
43848
- }
43849
-
43850
43817
  .k-pager-sm {
43851
43818
  padding-inline: 4px;
43852
43819
  padding-block: 4px;
@@ -43857,7 +43824,10 @@ kendo-card-footer {
43857
43824
  min-width: calc(1.4285714286em + 6px);
43858
43825
  }
43859
43826
 
43860
- .k-pager-sm .k-pager-numbers-wrap .k-pager-input {
43827
+ .k-pager-sm .k-pager-numbers-wrap .k-pager-input,
43828
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown-list,
43829
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown,
43830
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdownlist {
43861
43831
  margin-inline-start: 12px;
43862
43832
  margin-inline-end: 12px;
43863
43833
  }
@@ -43878,7 +43848,10 @@ kendo-card-footer {
43878
43848
  min-width: calc(1.4285714286em + 10px);
43879
43849
  }
43880
43850
 
43881
- .k-pager-md .k-pager-numbers-wrap .k-pager-input {
43851
+ .k-pager-md .k-pager-numbers-wrap .k-pager-input,
43852
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list,
43853
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown,
43854
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist {
43882
43855
  margin-inline-start: 14px;
43883
43856
  margin-inline-end: 14px;
43884
43857
  }
@@ -43899,7 +43872,10 @@ kendo-card-footer {
43899
43872
  min-width: calc(1.5em + 18px);
43900
43873
  }
43901
43874
 
43902
- .k-pager-lg .k-pager-numbers-wrap .k-pager-input {
43875
+ .k-pager-lg .k-pager-numbers-wrap .k-pager-input,
43876
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown-list,
43877
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown,
43878
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdownlist {
43903
43879
  margin-inline-start: 16px;
43904
43880
  margin-inline-end: 16px;
43905
43881
  }
@@ -45289,6 +45265,7 @@ kendo-card-footer {
45289
45265
  box-sizing: border-box;
45290
45266
  outline: 0;
45291
45267
  display: grid;
45268
+ padding: 16px 16px;
45292
45269
  -webkit-touch-callout: none;
45293
45270
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
45294
45271
  }
@@ -45934,12 +45911,6 @@ kendo-card-footer {
45934
45911
  outline: none;
45935
45912
  }
45936
45913
 
45937
- .k-grid .k-table-th .k-placeholder-line,
45938
- .k-grid td .k-placeholder-line,
45939
- .k-grid .k-table-td .k-placeholder-line {
45940
- width: 80%;
45941
- }
45942
-
45943
45914
  .k-grid .k-table-th > .k-radio,
45944
45915
  .k-grid .k-table-th > .k-radio-wrap,
45945
45916
  .k-grid .k-table-th > .k-checkbox,
@@ -46531,12 +46502,6 @@ div.k-grid-footer {
46531
46502
  border-width: 0 0 1px;
46532
46503
  }
46533
46504
 
46534
- .k-pager-input .k-numerictextbox {
46535
- margin-block: 0;
46536
- margin-inline: 7px;
46537
- width: 3em;
46538
- }
46539
-
46540
46505
  .k-grid-virtual .k-grid-content .k-grid-table-wrap {
46541
46506
  float: left;
46542
46507
  width: 100%;
@@ -53545,21 +53510,21 @@ kendo-scheduler .k-recurrence-editor {
53545
53510
  }
53546
53511
 
53547
53512
  .k-chat .k-message-group:not(.k-alt) .k-message-time {
53548
- margin-left: 8px;
53549
- left: 100%;
53513
+ margin-inline-start: 8px;
53514
+ inset-inline-start: 100%;
53550
53515
  }
53551
53516
 
53552
53517
  .k-chat .k-message-group:not(.k-alt) .k-message-status {
53553
- left: 0;
53518
+ inset-inline-start: 0;
53554
53519
  }
53555
53520
 
53556
- .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble,
53557
- .k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
53521
+ .k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble,
53522
+ .k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble {
53558
53523
  border-bottom-left-radius: 2px;
53559
53524
  }
53560
53525
 
53561
- .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble,
53562
- .k-chat .k-message-group:not(.k-alt) .k-last .k-bubble {
53526
+ .k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble,
53527
+ .k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble {
53563
53528
  border-top-left-radius: 2px;
53564
53529
  border-bottom-left-radius: 2px;
53565
53530
  }
@@ -53571,21 +53536,21 @@ kendo-scheduler .k-recurrence-editor {
53571
53536
  }
53572
53537
 
53573
53538
  .k-chat .k-message-group.k-alt .k-message-time {
53574
- margin-right: 8px;
53575
- right: 100%;
53539
+ margin-inline-end: 8px;
53540
+ inset-inline-end: 100%;
53576
53541
  }
53577
53542
 
53578
53543
  .k-chat .k-message-group.k-alt .k-message-status {
53579
- right: 0;
53544
+ inset-inline-end: 0;
53580
53545
  }
53581
53546
 
53582
- .k-chat .k-message-group.k-alt .k-first .k-bubble,
53583
- .k-chat .k-message-group.k-alt .k-only .k-bubble {
53547
+ .k-chat .k-message-group.k-alt .k-first .k-chat-bubble,
53548
+ .k-chat .k-message-group.k-alt .k-only .k-chat-bubble {
53584
53549
  border-bottom-right-radius: 2px;
53585
53550
  }
53586
53551
 
53587
- .k-chat .k-message-group.k-alt .k-middle .k-bubble,
53588
- .k-chat .k-message-group.k-alt .k-last .k-bubble {
53552
+ .k-chat .k-message-group.k-alt .k-middle .k-chat-bubble,
53553
+ .k-chat .k-message-group.k-alt .k-last .k-chat-bubble {
53589
53554
  border-top-right-radius: 2px;
53590
53555
  border-bottom-right-radius: 2px;
53591
53556
  }
@@ -53622,7 +53587,7 @@ kendo-scheduler .k-recurrence-editor {
53622
53587
  transition: height .2s ease-in-out;
53623
53588
  }
53624
53589
 
53625
- .k-chat .k-bubble {
53590
+ .k-chat .k-chat-bubble {
53626
53591
  border-radius: 12px;
53627
53592
  padding-block: 8px;
53628
53593
  padding-inline: 12px;
@@ -53633,7 +53598,7 @@ kendo-scheduler .k-recurrence-editor {
53633
53598
  white-space: pre-wrap;
53634
53599
  }
53635
53600
 
53636
- .k-chat .k-bubble a {
53601
+ .k-chat .k-chat-bubble a {
53637
53602
  color: inherit;
53638
53603
  text-decoration: underline;
53639
53604
  }
@@ -53664,29 +53629,26 @@ kendo-scheduler .k-recurrence-editor {
53664
53629
  }
53665
53630
 
53666
53631
  .k-chat .k-avatar {
53667
- border-radius: 100%;
53668
53632
  margin: 0;
53669
- width: 32px;
53670
- height: 32px;
53671
53633
  position: absolute;
53672
53634
  }
53673
53635
 
53674
53636
  .k-message-group:not(.k-alt) > .k-avatar {
53675
- left: 0;
53637
+ inset-inline-start: 0;
53676
53638
  bottom: 0;
53677
53639
  }
53678
53640
 
53679
53641
  .k-message-group.k-alt > .k-avatar {
53680
- right: 0;
53642
+ inset-inline-end: 0;
53681
53643
  bottom: 0;
53682
53644
  }
53683
53645
 
53684
- .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
53685
- padding-left: 40px;
53646
+ .k-chat .k-avatars .k-message-group:not(.k-no-avatar) {
53647
+ padding-inline-start: 40px;
53686
53648
  }
53687
53649
 
53688
53650
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
53689
- padding-right: 40px;
53651
+ padding-inline-end: 40px;
53690
53652
  }
53691
53653
 
53692
53654
  .k-author {
@@ -53713,8 +53675,8 @@ kendo-scheduler .k-recurrence-editor {
53713
53675
 
53714
53676
  .k-quick-reply {
53715
53677
  border-radius: 100px;
53716
- margin-right: 8px;
53717
- margin-bottom: 4px;
53678
+ margin-inline-end: 8px;
53679
+ margin-block-end: 4px;
53718
53680
  padding-block: 8px;
53719
53681
  padding-inline: 12px;
53720
53682
  border-width: 1px;
@@ -53733,10 +53695,10 @@ kendo-scheduler .k-recurrence-editor {
53733
53695
  }
53734
53696
 
53735
53697
  .k-scrollable-quick-replies {
53736
- margin-left: -16px;
53737
- margin-right: -16px;
53738
- padding-left: 16px;
53739
- padding-right: 16px;
53698
+ margin-inline-start: -16px;
53699
+ margin-inline-end: -16px;
53700
+ padding-inline-start: 16px;
53701
+ padding-inline-end: 16px;
53740
53702
  display: flex;
53741
53703
  flex-flow: row nowrap;
53742
53704
  flex: 0 0 auto;
@@ -53753,7 +53715,7 @@ kendo-scheduler .k-recurrence-editor {
53753
53715
  }
53754
53716
 
53755
53717
  .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply {
53756
- margin-left: 8px;
53718
+ margin-inline-start: 8px;
53757
53719
  }
53758
53720
 
53759
53721
  .k-message-box {
@@ -53787,7 +53749,8 @@ kendo-scheduler .k-recurrence-editor {
53787
53749
  display: inline-block;
53788
53750
  }
53789
53751
 
53790
- .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
53752
+ .k-rtl .k-message-box .k-button,
53753
+ [dir="rtl"] .k-message-box .k-button {
53791
53754
  transform: scaleX(-1);
53792
53755
  }
53793
53756
 
@@ -53795,19 +53758,23 @@ kendo-scheduler .k-recurrence-editor {
53795
53758
  margin: 2px 0 0;
53796
53759
  }
53797
53760
 
53761
+ .k-message-group.k-alt + .k-card-list,
53762
+ .k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
53763
+ align-self: flex-end;
53764
+ }
53765
+
53798
53766
  .k-chat .k-card-deck {
53799
53767
  max-width: calc(100% + 32px);
53800
53768
  box-sizing: border-box;
53801
- margin-left: -16px;
53802
- margin-right: -16px;
53769
+ margin-inline-start: -16px;
53770
+ margin-inline-end: -16px;
53803
53771
  padding: 16px 16px 16px;
53804
53772
  overflow: hidden;
53805
53773
  overflow-x: auto;
53806
53774
  scroll-behavior: smooth;
53807
53775
  }
53808
53776
 
53809
- .k-chat .k-card-deck .k-card,
53810
- .k-chat .k-card-deck .k-card-wrap {
53777
+ .k-chat .k-card-deck .k-card {
53811
53778
  width: 200px;
53812
53779
  }
53813
53780
 
@@ -53877,38 +53844,28 @@ kendo-scheduler .k-recurrence-editor {
53877
53844
  }
53878
53845
  }
53879
53846
 
53880
- .k-chat-toolbar,
53881
- .k-chat .k-toolbar-box {
53882
- padding-block: 8px;
53883
- padding-inline: 8px;
53847
+ .k-chat-toolbar {
53884
53848
  width: 100%;
53885
53849
  border-width: 1px 0 0;
53886
- box-sizing: border-box;
53887
53850
  flex: none;
53888
- overflow: hidden;
53889
- position: relative;
53890
53851
  }
53891
53852
 
53892
- .k-chat-toolbar::before,
53893
- .k-chat .k-toolbar-box::before {
53853
+ .k-chat-toolbar::before {
53894
53854
  display: none;
53895
53855
  }
53896
53856
 
53897
- .k-chat-toolbar .k-button-list,
53898
- .k-chat .k-toolbar-box .k-button-list {
53857
+ .k-chat-toolbar .k-button-list {
53899
53858
  display: flex;
53900
53859
  flex-flow: row nowrap;
53901
53860
  overflow: hidden;
53902
53861
  scroll-behavior: smooth;
53903
53862
  }
53904
53863
 
53905
- .k-chat-toolbar .k-button,
53906
- .k-chat .k-toolbar-box .k-button {
53864
+ .k-chat-toolbar .k-button {
53907
53865
  flex: none;
53908
53866
  }
53909
53867
 
53910
- .k-chat-toolbar .k-scroll-button,
53911
- .k-chat .k-toolbar-box .k-scroll-button {
53868
+ .k-chat-toolbar .k-scroll-button {
53912
53869
  padding: 0 4px;
53913
53870
  height: 100%;
53914
53871
  aspect-ratio: auto;
@@ -53917,86 +53874,19 @@ kendo-scheduler .k-recurrence-editor {
53917
53874
  top: 0;
53918
53875
  }
53919
53876
 
53920
- .k-chat-toolbar .k-scroll-button .k-button-icon,
53921
- .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
53877
+ .k-chat-toolbar .k-scroll-button .k-button-icon {
53922
53878
  min-width: auto;
53923
53879
  min-height: auto;
53924
53880
  }
53925
53881
 
53926
- .k-chat-toolbar .k-scroll-button-left,
53927
- .k-chat .k-toolbar-box .k-scroll-button-left {
53928
- left: 0;
53929
- }
53930
-
53931
- .k-chat-toolbar .k-scroll-button-right,
53932
- .k-chat .k-toolbar-box .k-scroll-button-right {
53933
- right: 0;
53934
- }
53935
-
53936
- .k-rtl .k-message-group:not(.k-alt) .k-message-time,
53937
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-time {
53938
- margin-left: 0;
53939
- margin-right: 8px;
53940
- left: auto;
53941
- right: 100%;
53942
- }
53943
-
53944
- .k-rtl .k-message-group:not(.k-alt) .k-message-status,
53945
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-status {
53946
- left: auto;
53947
- right: 0;
53948
- }
53949
-
53950
- .k-rtl .k-message-group.k-alt .k-message-time,
53951
- [dir="rtl"] .k-message-group.k-alt .k-message-time {
53952
- margin-right: 0;
53953
- margin-left: 8px;
53954
- right: auto;
53955
- left: 100%;
53956
- }
53957
-
53958
- .k-rtl .k-message-group.k-alt .k-message-status,
53959
- [dir="rtl"] .k-message-group.k-alt .k-message-status {
53960
- right: auto;
53882
+ .k-chat-toolbar .k-scroll-button-left {
53961
53883
  left: 0;
53962
53884
  }
53963
53885
 
53964
- .k-rtl .k-message-group:not(.k-alt) > .k-avatar,
53965
- [dir="rtl"] .k-message-group:not(.k-alt) > .k-avatar {
53966
- left: auto;
53886
+ .k-chat-toolbar .k-scroll-button-right {
53967
53887
  right: 0;
53968
53888
  }
53969
53889
 
53970
- .k-rtl .k-message-group.k-alt > .k-avatar,
53971
- [dir="rtl"] .k-message-group.k-alt > .k-avatar {
53972
- right: auto;
53973
- left: 0;
53974
- }
53975
-
53976
- .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
53977
- [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
53978
- padding-left: 0;
53979
- padding-right: 40px;
53980
- }
53981
-
53982
- .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
53983
- [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
53984
- padding-right: 0;
53985
- padding-left: 40px;
53986
- }
53987
-
53988
- .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
53989
- [dir="rtl"] .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
53990
- margin-left: 0;
53991
- margin-right: 16px;
53992
- }
53993
-
53994
- .k-rtl .k-quick-reply,
53995
- [dir="rtl"] .k-quick-reply {
53996
- margin-right: 0;
53997
- margin-left: 8px;
53998
- }
53999
-
54000
53890
  .k-chat {
54001
53891
  border-color: #d6d6d6;
54002
53892
  color: #272727;
@@ -54011,7 +53901,7 @@ kendo-scheduler .k-recurrence-editor {
54011
53901
  font-weight: bold;
54012
53902
  }
54013
53903
 
54014
- .k-chat .k-bubble {
53904
+ .k-chat .k-chat-bubble {
54015
53905
  border-color: #ffffff;
54016
53906
  color: #272727;
54017
53907
  background-color: #ffffff;
@@ -54020,34 +53910,34 @@ kendo-scheduler .k-recurrence-editor {
54020
53910
  order: -1;
54021
53911
  }
54022
53912
 
54023
- .k-chat .k-bubble a {
53913
+ .k-chat .k-chat-bubble a {
54024
53914
  color: #f35800;
54025
53915
  }
54026
53916
 
54027
- .k-chat .k-bubble a:hover {
53917
+ .k-chat .k-chat-bubble a:hover {
54028
53918
  color: #cc4a00;
54029
53919
  }
54030
53920
 
54031
- .k-chat .k-bubble:hover {
53921
+ .k-chat .k-chat-bubble:hover {
54032
53922
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
54033
53923
  }
54034
53924
 
54035
- .k-chat .k-selected .k-bubble {
53925
+ .k-chat .k-selected .k-chat-bubble {
54036
53926
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
54037
53927
  }
54038
53928
 
54039
- .k-chat .k-alt .k-bubble {
53929
+ .k-chat .k-alt .k-chat-bubble {
54040
53930
  border-color: #f35800;
54041
53931
  color: white;
54042
53932
  background-color: #f35800;
54043
53933
  box-shadow: 0 1px 2px rgba(243, 88, 0, 0.2);
54044
53934
  }
54045
53935
 
54046
- .k-chat .k-alt .k-bubble:hover {
53936
+ .k-chat .k-alt .k-chat-bubble:hover {
54047
53937
  box-shadow: 0 1px 2px rgba(243, 88, 0, 0.2);
54048
53938
  }
54049
53939
 
54050
- .k-chat .k-alt .k-selected .k-bubble {
53940
+ .k-chat .k-alt .k-selected .k-chat-bubble {
54051
53941
  box-shadow: 0 3px 10px rgba(243, 88, 0, 0.4);
54052
53942
  }
54053
53943
 
@@ -54928,8 +54818,6 @@ kendo-scheduler .k-recurrence-editor {
54928
54818
  background-color: #333333;
54929
54819
  }
54930
54820
 
54931
- kendo-scrollview.k-scrollview-wrap,
54932
- kendo-scrollview.k-scrollview,
54933
54821
  .k-scrollview {
54934
54822
  border-width: 1px;
54935
54823
  border-style: solid;
@@ -54945,62 +54833,40 @@ kendo-scrollview.k-scrollview,
54945
54833
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
54946
54834
  }
54947
54835
 
54948
- .k-scrollview-wrap .k-scrollview,
54949
- .k-scrollview .k-scrollview-wrap {
54950
- list-style-type: none;
54836
+ .k-scrollview-wrap {
54951
54837
  position: absolute;
54952
54838
  margin: 0;
54953
54839
  padding: 0;
54954
- width: 100%;
54955
54840
  height: 100%;
54841
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
54842
+ display: flex;
54843
+ flex-flow: row nowrap;
54956
54844
  cursor: default;
54957
54845
  white-space: nowrap;
54958
54846
  }
54959
54847
 
54960
- .k-scrollview-wrap .k-scrollview img,
54961
- .k-scrollview .k-scrollview-wrap img {
54848
+ .k-scrollview-wrap .k-scrollview-view {
54849
+ width: calc(100%/var(--kendo-scrollview-views, 1));
54850
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54851
+ }
54852
+
54853
+ .k-scrollview-wrap img {
54962
54854
  -webkit-user-select: none;
54963
54855
  -ms-user-select: none;
54964
54856
  user-select: none;
54965
54857
  }
54966
54858
 
54967
- .k-scrollview-wrap .k-scrollview > li,
54968
- .k-scrollview .k-scrollview-wrap > li {
54969
- display: inline-block;
54970
- overflow: hidden;
54971
- position: absolute;
54972
- top: 0;
54973
- left: 0;
54974
- }
54975
-
54976
- .k-scrollview-wrap .k-scrollview > [data-role="page"],
54977
- .k-scrollview .k-scrollview-wrap > [data-role="page"] {
54978
- vertical-align: top;
54979
- display: inline-block;
54980
- min-height: 1px;
54981
- }
54982
-
54983
54859
  .k-scrollview-wrap.k-scrollview-animate {
54984
- display: flex;
54985
- flex-flow: row nowrap;
54986
- width: calc(var(--kendo-scrollview-views, 1)*100%);
54987
54860
  transition-duration: 0.3s;
54988
54861
  transition-timing-function: ease-in-out;
54989
54862
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
54990
54863
  }
54991
54864
 
54992
- .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
54993
- width: calc(100%/var(--kendo-scrollview-views, 1));
54994
- flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54995
- }
54996
-
54997
54865
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
54998
54866
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
54999
54867
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
55000
54868
  }
55001
54869
 
55002
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55003
- kendo-scrollview.k-scrollview kendo-scrollview-pager,
55004
54870
  .k-scrollview-nav-wrap {
55005
54871
  padding: 0;
55006
54872
  margin: 0;
@@ -55012,17 +54878,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
55012
54878
  text-align: center;
55013
54879
  }
55014
54880
 
55015
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55016
54881
  kendo-scrollview.k-scrollview kendo-scrollview-pager {
55017
54882
  pointer-events: none;
55018
54883
  }
55019
54884
 
55020
- kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
55021
54885
  kendo-scrollview.k-scrollview .k-scrollview-nav {
55022
54886
  pointer-events: initial;
55023
54887
  }
55024
54888
 
55025
- .k-scrollview-pageable,
55026
54889
  .k-scrollview-nav {
55027
54890
  margin: 0;
55028
54891
  padding: 20px;
@@ -55039,12 +54902,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55039
54902
  pointer-events: initial;
55040
54903
  }
55041
54904
 
55042
- .k-scrollview-pageable:focus,
55043
54905
  .k-scrollview-nav:focus {
55044
54906
  outline: none;
55045
54907
  }
55046
54908
 
55047
- .k-scrollview-pageable > .k-button,
55048
54909
  .k-scrollview-nav > .k-link {
55049
54910
  margin-block: 0;
55050
54911
  margin-inline: 10px;
@@ -55063,7 +54924,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55063
54924
  vertical-align: top;
55064
54925
  }
55065
54926
 
55066
- .k-scrollview-pageable > .k-button::before,
55067
54927
  .k-scrollview-nav > .k-link::before {
55068
54928
  content: "";
55069
54929
  width: 30px;
@@ -55116,54 +54976,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55116
54976
  transition-timing-function: ease-in-out;
55117
54977
  }
55118
54978
 
55119
- @supports (-webkit-user-select: none) {
55120
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55121
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55122
- div.k-scrollview ul.k-scrollview-wrap li > * {
55123
- pointer-events: auto;
55124
- }
55125
- }
55126
-
55127
- @supports not (-webkit-user-select: none) {
55128
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55129
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55130
- div.k-scrollview ul.k-scrollview-wrap li > * {
55131
- pointer-events: none;
55132
- }
55133
- }
55134
-
55135
- kendo-scrollview.k-scrollview-wrap,
55136
- kendo-scrollview.k-scrollview,
55137
- div.k-scrollview {
54979
+ .k-scrollview {
55138
54980
  border-color: #cacaca;
55139
54981
  color: #272727;
55140
54982
  background-color: #ffffff;
55141
54983
  }
55142
54984
 
55143
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark kendo-scrollview-pager,
55144
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav-wrap,
55145
- kendo-scrollview.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55146
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap,
55147
- div.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55148
- div.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
54985
+ .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
54986
+ .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
55149
54987
  background-color: rgba(0, 0, 0, 0.4);
55150
54988
  }
55151
54989
 
55152
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
55153
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
55154
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-next,
55155
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-prev,
55156
- div.k-scrollview.k-scrollview-dark .k-scrollview-next,
55157
- div.k-scrollview.k-scrollview-dark .k-scrollview-prev {
54990
+ .k-scrollview.k-scrollview-dark .k-scrollview-next,
54991
+ .k-scrollview.k-scrollview-dark .k-scrollview-prev {
55158
54992
  color: rgba(0, 0, 0, 0.4);
55159
54993
  }
55160
54994
 
55161
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light kendo-scrollview-pager,
55162
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
55163
- kendo-scrollview.k-scrollview.k-scrollview-light kendo-scrollview-pager,
55164
- kendo-scrollview.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap,
55165
- div.k-scrollview.k-scrollview-light kendo-scrollview-pager,
55166
- div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
54995
+ .k-scrollview.k-scrollview-light kendo-scrollview-pager,
54996
+ .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55167
54997
  background-color: rgba(255, 255, 255, 0.4);
55168
54998
  }
55169
54999
 
@@ -55206,33 +55036,24 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55206
55036
  opacity: 1;
55207
55037
  }
55208
55038
 
55209
- .k-scrollview-pageable > .k-button,
55210
55039
  .k-scrollview-nav > .k-link {
55211
55040
  background: #f0f0f0;
55212
55041
  border: #cacaca;
55213
55042
  }
55214
55043
 
55215
- .k-scrollview-pageable > .k-button.k-primary,
55216
55044
  .k-scrollview-nav > .k-link.k-primary {
55217
55045
  background: #f35800;
55218
55046
  border: #cc4a00;
55219
55047
  }
55220
55048
 
55221
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
55222
- .k-scrollview-nav > .k-link:focus,
55223
- .k-scrollview-nav > .k-link.k-focus {
55049
+ .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
55224
55050
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55225
55051
  }
55226
55052
 
55227
- .k-scrollview-nav > .k-link:hover,
55228
- .k-scrollview-nav > .k-link.k-hover {
55053
+ .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
55229
55054
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55230
55055
  }
55231
55056
 
55232
- .k-scrollview-pageable > .k-button {
55233
- box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
55234
- }
55235
-
55236
55057
  .k-barcode {
55237
55058
  display: inline-block;
55238
55059
  }