@progress/kendo-theme-classic 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
@@ -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,27 +54833,25 @@ 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: 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 img {
54962
54849
  -webkit-user-select: none;
54963
54850
  -ms-user-select: none;
54964
54851
  user-select: none;
54965
54852
  }
54966
54853
 
54967
- .k-scrollview-wrap .k-scrollview > li,
54968
- .k-scrollview .k-scrollview-wrap > li {
54854
+ kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
54969
54855
  display: inline-block;
54970
54856
  overflow: hidden;
54971
54857
  position: absolute;
@@ -54973,34 +54859,23 @@ kendo-scrollview.k-scrollview,
54973
54859
  left: 0;
54974
54860
  }
54975
54861
 
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
54862
  .k-scrollview-wrap.k-scrollview-animate {
54984
- display: flex;
54985
- flex-flow: row nowrap;
54986
54863
  width: calc(var(--kendo-scrollview-views, 1)*100%);
54987
54864
  transition-duration: 0.3s;
54988
54865
  transition-timing-function: ease-in-out;
54989
54866
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
54990
54867
  }
54991
54868
 
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
54869
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
54998
54870
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
54999
54871
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
55000
54872
  }
55001
54873
 
55002
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55003
- kendo-scrollview.k-scrollview kendo-scrollview-pager,
54874
+ .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
54875
+ width: calc(100%/var(--kendo-scrollview-views, 1));
54876
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54877
+ }
54878
+
55004
54879
  .k-scrollview-nav-wrap {
55005
54880
  padding: 0;
55006
54881
  margin: 0;
@@ -55012,17 +54887,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
55012
54887
  text-align: center;
55013
54888
  }
55014
54889
 
55015
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55016
54890
  kendo-scrollview.k-scrollview kendo-scrollview-pager {
55017
54891
  pointer-events: none;
55018
54892
  }
55019
54893
 
55020
- kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
55021
54894
  kendo-scrollview.k-scrollview .k-scrollview-nav {
55022
54895
  pointer-events: initial;
55023
54896
  }
55024
54897
 
55025
- .k-scrollview-pageable,
55026
54898
  .k-scrollview-nav {
55027
54899
  margin: 0;
55028
54900
  padding: 20px;
@@ -55039,12 +54911,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55039
54911
  pointer-events: initial;
55040
54912
  }
55041
54913
 
55042
- .k-scrollview-pageable:focus,
55043
54914
  .k-scrollview-nav:focus {
55044
54915
  outline: none;
55045
54916
  }
55046
54917
 
55047
- .k-scrollview-pageable > .k-button,
55048
54918
  .k-scrollview-nav > .k-link {
55049
54919
  margin-block: 0;
55050
54920
  margin-inline: 10px;
@@ -55063,7 +54933,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55063
54933
  vertical-align: top;
55064
54934
  }
55065
54935
 
55066
- .k-scrollview-pageable > .k-button::before,
55067
54936
  .k-scrollview-nav > .k-link::before {
55068
54937
  content: "";
55069
54938
  width: 30px;
@@ -55116,54 +54985,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55116
54985
  transition-timing-function: ease-in-out;
55117
54986
  }
55118
54987
 
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 {
54988
+ .k-scrollview {
55138
54989
  border-color: #cacaca;
55139
54990
  color: #272727;
55140
54991
  background-color: #ffffff;
55141
54992
  }
55142
54993
 
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 {
54994
+ .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
54995
+ .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
55149
54996
  background-color: rgba(0, 0, 0, 0.4);
55150
54997
  }
55151
54998
 
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 {
54999
+ .k-scrollview.k-scrollview-dark .k-scrollview-next,
55000
+ .k-scrollview.k-scrollview-dark .k-scrollview-prev {
55158
55001
  color: rgba(0, 0, 0, 0.4);
55159
55002
  }
55160
55003
 
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 {
55004
+ .k-scrollview.k-scrollview-light kendo-scrollview-pager,
55005
+ .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55167
55006
  background-color: rgba(255, 255, 255, 0.4);
55168
55007
  }
55169
55008
 
@@ -55206,33 +55045,24 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55206
55045
  opacity: 1;
55207
55046
  }
55208
55047
 
55209
- .k-scrollview-pageable > .k-button,
55210
55048
  .k-scrollview-nav > .k-link {
55211
55049
  background: #f0f0f0;
55212
55050
  border: #cacaca;
55213
55051
  }
55214
55052
 
55215
- .k-scrollview-pageable > .k-button.k-primary,
55216
55053
  .k-scrollview-nav > .k-link.k-primary {
55217
55054
  background: #f35800;
55218
55055
  border: #cc4a00;
55219
55056
  }
55220
55057
 
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 {
55058
+ .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
55224
55059
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55225
55060
  }
55226
55061
 
55227
- .k-scrollview-nav > .k-link:hover,
55228
- .k-scrollview-nav > .k-link.k-hover {
55062
+ .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
55229
55063
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55230
55064
  }
55231
55065
 
55232
- .k-scrollview-pageable > .k-button {
55233
- box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
55234
- }
55235
-
55236
55066
  .k-barcode {
55237
55067
  display: inline-block;
55238
55068
  }