@progress/kendo-theme-bootstrap 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
@@ -43872,8 +43872,7 @@ kendo-card-footer {
43872
43872
  box-sizing: border-box;
43873
43873
  }
43874
43874
 
43875
- .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,
43876
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43875
+ .k-pager-input, .k-pager-sizes, .k-pager-info {
43877
43876
  display: flex;
43878
43877
  flex-direction: row;
43879
43878
  align-items: center;
@@ -43904,8 +43903,7 @@ kendo-card-footer {
43904
43903
 
43905
43904
  .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
43906
43905
  .k-pager-numbers-wrap select.k-dropdownlist {
43907
- cursor: pointer;
43908
- display: none;
43906
+ width: 5em;
43909
43907
  }
43910
43908
 
43911
43909
  .k-pager-numbers {
@@ -43936,16 +43934,18 @@ kendo-card-footer {
43936
43934
  margin-right: -1px;
43937
43935
  }
43938
43936
 
43939
- .k-pager-input .k-textbox {
43937
+ .k-pager-input {
43938
+ gap: 1ex;
43939
+ }
43940
+
43941
+ .k-pager-input .k-textbox,
43942
+ .k-pager-input .k-numerictextbox {
43940
43943
  margin-block: 0;
43941
- margin-inline: 1ex;
43942
43944
  width: 5em;
43943
43945
  }
43944
43946
 
43945
- .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
43946
- .k-pager-sizes .k-dropdownlist,
43947
- .k-pager-sizes > select {
43948
- margin-right: 1ex;
43947
+ .k-pager-sizes {
43948
+ gap: 1ex;
43949
43949
  }
43950
43950
 
43951
43951
  .k-pager-sizes .k-input-inner,
@@ -43953,17 +43953,6 @@ kendo-card-footer {
43953
43953
  text-overflow: clip;
43954
43954
  }
43955
43955
 
43956
- .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
43957
- .k-rtl .k-pager-sizes .k-dropdownlist,
43958
- .k-rtl .k-pager-sizes > select,
43959
- [dir="rtl"] .k-pager-sizes .k-dropdown-list,
43960
- [dir="rtl"] .k-pager-sizes .k-dropdown,
43961
- [dir="rtl"] .k-pager-sizes .k-dropdownlist,
43962
- [dir="rtl"] .k-pager-sizes > select {
43963
- margin-left: 1ex;
43964
- margin-right: 0;
43965
- }
43966
-
43967
43956
  .k-pager-info {
43968
43957
  text-align: end;
43969
43958
  justify-content: flex-end;
@@ -43977,28 +43966,6 @@ kendo-card-footer {
43977
43966
  order: 10;
43978
43967
  }
43979
43968
 
43980
- .k-pager-mobile-sm {
43981
- overflow: visible;
43982
- }
43983
-
43984
- .k-pager-mobile-sm .k-pager-numbers-wrap {
43985
- border-color: inherit;
43986
- }
43987
-
43988
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
43989
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43990
- margin-left: 1rem;
43991
- margin-right: 1rem;
43992
- width: 5em;
43993
- }
43994
-
43995
- .k-pager-mobile-md .k-pager-info,
43996
- .k-pager-mobile-sm .k-pager-info,
43997
- .k-pager-mobile-sm .k-pager-sizes,
43998
- .k-pager-mobile-sm .k-pager-numbers {
43999
- display: none;
44000
- }
44001
-
44002
43969
  .k-pager-sm {
44003
43970
  padding-inline: 0.25rem;
44004
43971
  padding-block: 0.25rem;
@@ -44009,7 +43976,10 @@ kendo-card-footer {
44009
43976
  min-width: calc(1.4285714286em + 0.5rem + 2px);
44010
43977
  }
44011
43978
 
44012
- .k-pager-sm .k-pager-numbers-wrap .k-pager-input {
43979
+ .k-pager-sm .k-pager-numbers-wrap .k-pager-input,
43980
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown-list,
43981
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown,
43982
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdownlist {
44013
43983
  margin-inline-start: 0.875rem;
44014
43984
  margin-inline-end: 0.875rem;
44015
43985
  }
@@ -44030,7 +44000,10 @@ kendo-card-footer {
44030
44000
  min-width: calc(1.5em + 0.75rem + 2px);
44031
44001
  }
44032
44002
 
44033
- .k-pager-md .k-pager-numbers-wrap .k-pager-input {
44003
+ .k-pager-md .k-pager-numbers-wrap .k-pager-input,
44004
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list,
44005
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown,
44006
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist {
44034
44007
  margin-inline-start: 1rem;
44035
44008
  margin-inline-end: 1rem;
44036
44009
  }
@@ -44051,7 +44024,10 @@ kendo-card-footer {
44051
44024
  min-width: calc(1.5em + 1rem + 2px);
44052
44025
  }
44053
44026
 
44054
- .k-pager-lg .k-pager-numbers-wrap .k-pager-input {
44027
+ .k-pager-lg .k-pager-numbers-wrap .k-pager-input,
44028
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown-list,
44029
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown,
44030
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdownlist {
44055
44031
  margin-inline-start: 1.125rem;
44056
44032
  margin-inline-end: 1.125rem;
44057
44033
  }
@@ -45454,6 +45430,7 @@ kendo-card-footer {
45454
45430
  box-sizing: border-box;
45455
45431
  outline: 0;
45456
45432
  display: grid;
45433
+ padding: 1rem 1rem;
45457
45434
  -webkit-touch-callout: none;
45458
45435
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
45459
45436
  }
@@ -46099,12 +46076,6 @@ kendo-card-footer {
46099
46076
  outline: none;
46100
46077
  }
46101
46078
 
46102
- .k-grid .k-table-th .k-placeholder-line,
46103
- .k-grid td .k-placeholder-line,
46104
- .k-grid .k-table-td .k-placeholder-line {
46105
- width: 80%;
46106
- }
46107
-
46108
46079
  .k-grid .k-table-th > .k-radio,
46109
46080
  .k-grid .k-table-th > .k-radio-wrap,
46110
46081
  .k-grid .k-table-th > .k-checkbox,
@@ -46696,12 +46667,6 @@ div.k-grid-footer {
46696
46667
  border-width: 0 0 1px;
46697
46668
  }
46698
46669
 
46699
- .k-pager-input .k-numerictextbox {
46700
- margin-block: 0;
46701
- margin-inline: 0.5rem;
46702
- width: 3em;
46703
- }
46704
-
46705
46670
  .k-grid-virtual .k-grid-content .k-grid-table-wrap {
46706
46671
  float: left;
46707
46672
  width: 100%;
@@ -53735,21 +53700,21 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53735
53700
  }
53736
53701
 
53737
53702
  .k-chat .k-message-group:not(.k-alt) .k-message-time {
53738
- margin-left: 8px;
53739
- left: 100%;
53703
+ margin-inline-start: 8px;
53704
+ inset-inline-start: 100%;
53740
53705
  }
53741
53706
 
53742
53707
  .k-chat .k-message-group:not(.k-alt) .k-message-status {
53743
- left: 0;
53708
+ inset-inline-start: 0;
53744
53709
  }
53745
53710
 
53746
- .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble,
53747
- .k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
53711
+ .k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble,
53712
+ .k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble {
53748
53713
  border-bottom-left-radius: 2px;
53749
53714
  }
53750
53715
 
53751
- .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble,
53752
- .k-chat .k-message-group:not(.k-alt) .k-last .k-bubble {
53716
+ .k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble,
53717
+ .k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble {
53753
53718
  border-top-left-radius: 2px;
53754
53719
  border-bottom-left-radius: 2px;
53755
53720
  }
@@ -53761,21 +53726,21 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53761
53726
  }
53762
53727
 
53763
53728
  .k-chat .k-message-group.k-alt .k-message-time {
53764
- margin-right: 8px;
53765
- right: 100%;
53729
+ margin-inline-end: 8px;
53730
+ inset-inline-end: 100%;
53766
53731
  }
53767
53732
 
53768
53733
  .k-chat .k-message-group.k-alt .k-message-status {
53769
- right: 0;
53734
+ inset-inline-end: 0;
53770
53735
  }
53771
53736
 
53772
- .k-chat .k-message-group.k-alt .k-first .k-bubble,
53773
- .k-chat .k-message-group.k-alt .k-only .k-bubble {
53737
+ .k-chat .k-message-group.k-alt .k-first .k-chat-bubble,
53738
+ .k-chat .k-message-group.k-alt .k-only .k-chat-bubble {
53774
53739
  border-bottom-right-radius: 2px;
53775
53740
  }
53776
53741
 
53777
- .k-chat .k-message-group.k-alt .k-middle .k-bubble,
53778
- .k-chat .k-message-group.k-alt .k-last .k-bubble {
53742
+ .k-chat .k-message-group.k-alt .k-middle .k-chat-bubble,
53743
+ .k-chat .k-message-group.k-alt .k-last .k-chat-bubble {
53779
53744
  border-top-right-radius: 2px;
53780
53745
  border-bottom-right-radius: 2px;
53781
53746
  }
@@ -53812,7 +53777,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53812
53777
  transition: height .2s ease-in-out;
53813
53778
  }
53814
53779
 
53815
- .k-chat .k-bubble {
53780
+ .k-chat .k-chat-bubble {
53816
53781
  border-radius: 12px;
53817
53782
  padding-block: 8px;
53818
53783
  padding-inline: 16px;
@@ -53823,7 +53788,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53823
53788
  white-space: pre-wrap;
53824
53789
  }
53825
53790
 
53826
- .k-chat .k-bubble a {
53791
+ .k-chat .k-chat-bubble a {
53827
53792
  color: inherit;
53828
53793
  text-decoration: underline;
53829
53794
  }
@@ -53854,29 +53819,26 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53854
53819
  }
53855
53820
 
53856
53821
  .k-chat .k-avatar {
53857
- border-radius: 100%;
53858
53822
  margin: 0;
53859
- width: 32px;
53860
- height: 32px;
53861
53823
  position: absolute;
53862
53824
  }
53863
53825
 
53864
53826
  .k-message-group:not(.k-alt) > .k-avatar {
53865
- left: 0;
53827
+ inset-inline-start: 0;
53866
53828
  bottom: 0;
53867
53829
  }
53868
53830
 
53869
53831
  .k-message-group.k-alt > .k-avatar {
53870
- right: 0;
53832
+ inset-inline-end: 0;
53871
53833
  bottom: 0;
53872
53834
  }
53873
53835
 
53874
- .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
53875
- padding-left: 40px;
53836
+ .k-chat .k-avatars .k-message-group:not(.k-no-avatar) {
53837
+ padding-inline-start: 40px;
53876
53838
  }
53877
53839
 
53878
53840
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
53879
- padding-right: 40px;
53841
+ padding-inline-end: 40px;
53880
53842
  }
53881
53843
 
53882
53844
  .k-author {
@@ -53903,8 +53865,8 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53903
53865
 
53904
53866
  .k-quick-reply {
53905
53867
  border-radius: 100px;
53906
- margin-right: 8px;
53907
- margin-bottom: 4px;
53868
+ margin-inline-end: 8px;
53869
+ margin-block-end: 4px;
53908
53870
  padding-block: 8px;
53909
53871
  padding-inline: 12px;
53910
53872
  border-width: 1px;
@@ -53923,10 +53885,10 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53923
53885
  }
53924
53886
 
53925
53887
  .k-scrollable-quick-replies {
53926
- margin-left: -16px;
53927
- margin-right: -16px;
53928
- padding-left: 16px;
53929
- padding-right: 16px;
53888
+ margin-inline-start: -16px;
53889
+ margin-inline-end: -16px;
53890
+ padding-inline-start: 16px;
53891
+ padding-inline-end: 16px;
53930
53892
  display: flex;
53931
53893
  flex-flow: row nowrap;
53932
53894
  flex: 0 0 auto;
@@ -53943,7 +53905,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53943
53905
  }
53944
53906
 
53945
53907
  .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply {
53946
- margin-left: 8px;
53908
+ margin-inline-start: 8px;
53947
53909
  }
53948
53910
 
53949
53911
  .k-message-box {
@@ -53977,7 +53939,8 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53977
53939
  display: inline-block;
53978
53940
  }
53979
53941
 
53980
- .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
53942
+ .k-rtl .k-message-box .k-button,
53943
+ [dir="rtl"] .k-message-box .k-button {
53981
53944
  transform: scaleX(-1);
53982
53945
  }
53983
53946
 
@@ -53985,19 +53948,23 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53985
53948
  margin: 2px 0 0;
53986
53949
  }
53987
53950
 
53951
+ .k-message-group.k-alt + .k-card-list,
53952
+ .k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
53953
+ align-self: flex-end;
53954
+ }
53955
+
53988
53956
  .k-chat .k-card-deck {
53989
53957
  max-width: calc(100% + 32px);
53990
53958
  box-sizing: border-box;
53991
- margin-left: -16px;
53992
- margin-right: -16px;
53959
+ margin-inline-start: -16px;
53960
+ margin-inline-end: -16px;
53993
53961
  padding: 16px 16px 16px;
53994
53962
  overflow: hidden;
53995
53963
  overflow-x: auto;
53996
53964
  scroll-behavior: smooth;
53997
53965
  }
53998
53966
 
53999
- .k-chat .k-card-deck .k-card,
54000
- .k-chat .k-card-deck .k-card-wrap {
53967
+ .k-chat .k-card-deck .k-card {
54001
53968
  width: 200px;
54002
53969
  }
54003
53970
 
@@ -54067,38 +54034,28 @@ kendo-scheduler .k-event .k-event-actions:first-child,
54067
54034
  }
54068
54035
  }
54069
54036
 
54070
- .k-chat-toolbar,
54071
- .k-chat .k-toolbar-box {
54072
- padding-block: 0.5rem;
54073
- padding-inline: 0.5rem;
54037
+ .k-chat-toolbar {
54074
54038
  width: 100%;
54075
54039
  border-width: 1px 0 0;
54076
- box-sizing: border-box;
54077
54040
  flex: none;
54078
- overflow: hidden;
54079
- position: relative;
54080
54041
  }
54081
54042
 
54082
- .k-chat-toolbar::before,
54083
- .k-chat .k-toolbar-box::before {
54043
+ .k-chat-toolbar::before {
54084
54044
  display: none;
54085
54045
  }
54086
54046
 
54087
- .k-chat-toolbar .k-button-list,
54088
- .k-chat .k-toolbar-box .k-button-list {
54047
+ .k-chat-toolbar .k-button-list {
54089
54048
  display: flex;
54090
54049
  flex-flow: row nowrap;
54091
54050
  overflow: hidden;
54092
54051
  scroll-behavior: smooth;
54093
54052
  }
54094
54053
 
54095
- .k-chat-toolbar .k-button,
54096
- .k-chat .k-toolbar-box .k-button {
54054
+ .k-chat-toolbar .k-button {
54097
54055
  flex: none;
54098
54056
  }
54099
54057
 
54100
- .k-chat-toolbar .k-scroll-button,
54101
- .k-chat .k-toolbar-box .k-scroll-button {
54058
+ .k-chat-toolbar .k-scroll-button {
54102
54059
  padding: 0 0.25rem;
54103
54060
  height: 100%;
54104
54061
  aspect-ratio: auto;
@@ -54107,86 +54064,19 @@ kendo-scheduler .k-event .k-event-actions:first-child,
54107
54064
  top: 0;
54108
54065
  }
54109
54066
 
54110
- .k-chat-toolbar .k-scroll-button .k-button-icon,
54111
- .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
54067
+ .k-chat-toolbar .k-scroll-button .k-button-icon {
54112
54068
  min-width: auto;
54113
54069
  min-height: auto;
54114
54070
  }
54115
54071
 
54116
- .k-chat-toolbar .k-scroll-button-left,
54117
- .k-chat .k-toolbar-box .k-scroll-button-left {
54118
- left: 0;
54119
- }
54120
-
54121
- .k-chat-toolbar .k-scroll-button-right,
54122
- .k-chat .k-toolbar-box .k-scroll-button-right {
54123
- right: 0;
54124
- }
54125
-
54126
- .k-rtl .k-message-group:not(.k-alt) .k-message-time,
54127
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-time {
54128
- margin-left: 0;
54129
- margin-right: 8px;
54130
- left: auto;
54131
- right: 100%;
54132
- }
54133
-
54134
- .k-rtl .k-message-group:not(.k-alt) .k-message-status,
54135
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-status {
54136
- left: auto;
54137
- right: 0;
54138
- }
54139
-
54140
- .k-rtl .k-message-group.k-alt .k-message-time,
54141
- [dir="rtl"] .k-message-group.k-alt .k-message-time {
54142
- margin-right: 0;
54143
- margin-left: 8px;
54144
- right: auto;
54145
- left: 100%;
54146
- }
54147
-
54148
- .k-rtl .k-message-group.k-alt .k-message-status,
54149
- [dir="rtl"] .k-message-group.k-alt .k-message-status {
54150
- right: auto;
54072
+ .k-chat-toolbar .k-scroll-button-left {
54151
54073
  left: 0;
54152
54074
  }
54153
54075
 
54154
- .k-rtl .k-message-group:not(.k-alt) > .k-avatar,
54155
- [dir="rtl"] .k-message-group:not(.k-alt) > .k-avatar {
54156
- left: auto;
54076
+ .k-chat-toolbar .k-scroll-button-right {
54157
54077
  right: 0;
54158
54078
  }
54159
54079
 
54160
- .k-rtl .k-message-group.k-alt > .k-avatar,
54161
- [dir="rtl"] .k-message-group.k-alt > .k-avatar {
54162
- right: auto;
54163
- left: 0;
54164
- }
54165
-
54166
- .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
54167
- [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
54168
- padding-left: 0;
54169
- padding-right: 40px;
54170
- }
54171
-
54172
- .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
54173
- [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
54174
- padding-right: 0;
54175
- padding-left: 40px;
54176
- }
54177
-
54178
- .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
54179
- [dir="rtl"] .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
54180
- margin-left: 0;
54181
- margin-right: 1rem;
54182
- }
54183
-
54184
- .k-rtl .k-quick-reply,
54185
- [dir="rtl"] .k-quick-reply {
54186
- margin-right: 0;
54187
- margin-left: 8px;
54188
- }
54189
-
54190
54080
  .k-chat {
54191
54081
  border-color: #dee2e6;
54192
54082
  color: #212529;
@@ -54201,7 +54091,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
54201
54091
  font-weight: bold;
54202
54092
  }
54203
54093
 
54204
- .k-chat .k-bubble {
54094
+ .k-chat .k-chat-bubble {
54205
54095
  border-color: #e4e7eb;
54206
54096
  color: #212529;
54207
54097
  background-color: #e4e7eb;
@@ -54210,34 +54100,34 @@ kendo-scheduler .k-event .k-event-actions:first-child,
54210
54100
  order: -1;
54211
54101
  }
54212
54102
 
54213
- .k-chat .k-bubble a {
54103
+ .k-chat .k-chat-bubble a {
54214
54104
  color: #0d6efd;
54215
54105
  }
54216
54106
 
54217
- .k-chat .k-bubble a:hover {
54107
+ .k-chat .k-chat-bubble a:hover {
54218
54108
  color: #0a58ca;
54219
54109
  }
54220
54110
 
54221
- .k-chat .k-bubble:hover {
54111
+ .k-chat .k-chat-bubble:hover {
54222
54112
  box-shadow: none;
54223
54113
  }
54224
54114
 
54225
- .k-chat .k-selected .k-bubble {
54115
+ .k-chat .k-selected .k-chat-bubble {
54226
54116
  box-shadow: none;
54227
54117
  }
54228
54118
 
54229
- .k-chat .k-alt .k-bubble {
54119
+ .k-chat .k-alt .k-chat-bubble {
54230
54120
  border-color: #0d6efd;
54231
54121
  color: white;
54232
54122
  background-color: #0d6efd;
54233
54123
  box-shadow: none;
54234
54124
  }
54235
54125
 
54236
- .k-chat .k-alt .k-bubble:hover {
54126
+ .k-chat .k-alt .k-chat-bubble:hover {
54237
54127
  box-shadow: none;
54238
54128
  }
54239
54129
 
54240
- .k-chat .k-alt .k-selected .k-bubble {
54130
+ .k-chat .k-alt .k-selected .k-chat-bubble {
54241
54131
  box-shadow: none;
54242
54132
  }
54243
54133
 
@@ -55121,8 +55011,6 @@ kendo-scheduler .k-event .k-event-actions:first-child,
55121
55011
  background-color: #333333;
55122
55012
  }
55123
55013
 
55124
- kendo-scrollview.k-scrollview-wrap,
55125
- kendo-scrollview.k-scrollview,
55126
55014
  .k-scrollview {
55127
55015
  border-width: 1px;
55128
55016
  border-style: solid;
@@ -55138,27 +55026,25 @@ kendo-scrollview.k-scrollview,
55138
55026
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
55139
55027
  }
55140
55028
 
55141
- .k-scrollview-wrap .k-scrollview,
55142
- .k-scrollview .k-scrollview-wrap {
55143
- list-style-type: none;
55029
+ .k-scrollview-wrap {
55144
55030
  position: absolute;
55145
55031
  margin: 0;
55146
55032
  padding: 0;
55147
- width: 100%;
55148
55033
  height: 100%;
55034
+ width: 100%;
55035
+ display: flex;
55036
+ flex-flow: row nowrap;
55149
55037
  cursor: default;
55150
55038
  white-space: nowrap;
55151
55039
  }
55152
55040
 
55153
- .k-scrollview-wrap .k-scrollview img,
55154
- .k-scrollview .k-scrollview-wrap img {
55041
+ .k-scrollview-wrap img {
55155
55042
  -webkit-user-select: none;
55156
55043
  -ms-user-select: none;
55157
55044
  user-select: none;
55158
55045
  }
55159
55046
 
55160
- .k-scrollview-wrap .k-scrollview > li,
55161
- .k-scrollview .k-scrollview-wrap > li {
55047
+ kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
55162
55048
  display: inline-block;
55163
55049
  overflow: hidden;
55164
55050
  position: absolute;
@@ -55166,34 +55052,23 @@ kendo-scrollview.k-scrollview,
55166
55052
  left: 0;
55167
55053
  }
55168
55054
 
55169
- .k-scrollview-wrap .k-scrollview > [data-role="page"],
55170
- .k-scrollview .k-scrollview-wrap > [data-role="page"] {
55171
- vertical-align: top;
55172
- display: inline-block;
55173
- min-height: 1px;
55174
- }
55175
-
55176
55055
  .k-scrollview-wrap.k-scrollview-animate {
55177
- display: flex;
55178
- flex-flow: row nowrap;
55179
55056
  width: calc(var(--kendo-scrollview-views, 1)*100%);
55180
55057
  transition-duration: 0.3s;
55181
55058
  transition-timing-function: ease-in-out;
55182
55059
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
55183
55060
  }
55184
55061
 
55185
- .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
55186
- width: calc(100%/var(--kendo-scrollview-views, 1));
55187
- flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
55188
- }
55189
-
55190
55062
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
55191
55063
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
55192
55064
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
55193
55065
  }
55194
55066
 
55195
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55196
- kendo-scrollview.k-scrollview kendo-scrollview-pager,
55067
+ .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
55068
+ width: calc(100%/var(--kendo-scrollview-views, 1));
55069
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
55070
+ }
55071
+
55197
55072
  .k-scrollview-nav-wrap {
55198
55073
  padding: 0;
55199
55074
  margin: 0;
@@ -55205,17 +55080,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
55205
55080
  text-align: center;
55206
55081
  }
55207
55082
 
55208
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55209
55083
  kendo-scrollview.k-scrollview kendo-scrollview-pager {
55210
55084
  pointer-events: none;
55211
55085
  }
55212
55086
 
55213
- kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
55214
55087
  kendo-scrollview.k-scrollview .k-scrollview-nav {
55215
55088
  pointer-events: initial;
55216
55089
  }
55217
55090
 
55218
- .k-scrollview-pageable,
55219
55091
  .k-scrollview-nav {
55220
55092
  margin: 0;
55221
55093
  padding: 20px;
@@ -55232,12 +55104,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55232
55104
  pointer-events: initial;
55233
55105
  }
55234
55106
 
55235
- .k-scrollview-pageable:focus,
55236
55107
  .k-scrollview-nav:focus {
55237
55108
  outline: none;
55238
55109
  }
55239
55110
 
55240
- .k-scrollview-pageable > .k-button,
55241
55111
  .k-scrollview-nav > .k-link {
55242
55112
  margin-block: 0;
55243
55113
  margin-inline: 10px;
@@ -55256,7 +55126,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55256
55126
  vertical-align: top;
55257
55127
  }
55258
55128
 
55259
- .k-scrollview-pageable > .k-button::before,
55260
55129
  .k-scrollview-nav > .k-link::before {
55261
55130
  content: "";
55262
55131
  width: 30px;
@@ -55309,45 +55178,22 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55309
55178
  transition-timing-function: ease-in-out;
55310
55179
  }
55311
55180
 
55312
- @supports (-webkit-user-select: none) {
55313
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55314
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55315
- div.k-scrollview ul.k-scrollview-wrap li > * {
55316
- pointer-events: auto;
55317
- }
55318
- }
55319
-
55320
- @supports not (-webkit-user-select: none) {
55321
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55322
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55323
- div.k-scrollview ul.k-scrollview-wrap li > * {
55324
- pointer-events: none;
55325
- }
55326
- }
55327
-
55328
- kendo-scrollview.k-scrollview-wrap,
55329
55181
  .k-scrollview {
55330
55182
  border-color: #dee2e6;
55331
55183
  color: #212529;
55332
55184
  background-color: #ffffff;
55333
55185
  }
55334
55186
 
55335
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark kendo-scrollview-pager,
55336
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav-wrap,
55337
55187
  .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55338
55188
  .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
55339
55189
  background-color: rgba(0, 0, 0, 0.4);
55340
55190
  }
55341
55191
 
55342
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
55343
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
55344
55192
  .k-scrollview.k-scrollview-dark .k-scrollview-next,
55345
55193
  .k-scrollview.k-scrollview-dark .k-scrollview-prev {
55346
55194
  color: rgba(0, 0, 0, 0.4);
55347
55195
  }
55348
55196
 
55349
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light kendo-scrollview-pager,
55350
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
55351
55197
  .k-scrollview.k-scrollview-light kendo-scrollview-pager,
55352
55198
  .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55353
55199
  background-color: rgba(255, 255, 255, 0.4);
@@ -55387,33 +55233,24 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
55387
55233
  opacity: 1;
55388
55234
  }
55389
55235
 
55390
- .k-scrollview-pageable > .k-button,
55391
55236
  .k-scrollview-nav > .k-link {
55392
55237
  background-color: #e4e7eb;
55393
55238
  border-color: #e4e7eb;
55394
55239
  }
55395
55240
 
55396
- .k-scrollview-pageable > .k-button.k-primary,
55397
55241
  .k-scrollview-nav > .k-link.k-primary {
55398
55242
  background: #0d6efd;
55399
55243
  border: #0d6efd;
55400
55244
  }
55401
55245
 
55402
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
55403
- .k-scrollview-nav > .k-link:focus,
55404
- .k-scrollview-nav > .k-link.k-focus {
55246
+ .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
55405
55247
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55406
55248
  }
55407
55249
 
55408
- .k-scrollview-nav > .k-link:hover,
55409
- .k-scrollview-nav > .k-link.k-hover {
55250
+ .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
55410
55251
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55411
55252
  }
55412
55253
 
55413
- .k-scrollview-pageable > .k-button {
55414
- box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
55415
- }
55416
-
55417
55254
  .k-barcode {
55418
55255
  display: inline-block;
55419
55256
  }