@progress/kendo-theme-bootstrap 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
@@ -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,62 +55026,40 @@ 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: calc(var(--kendo-scrollview-views, 1)*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 .k-scrollview-view {
55042
+ width: calc(100%/var(--kendo-scrollview-views, 1));
55043
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
55044
+ }
55045
+
55046
+ .k-scrollview-wrap img {
55155
55047
  -webkit-user-select: none;
55156
55048
  -ms-user-select: none;
55157
55049
  user-select: none;
55158
55050
  }
55159
55051
 
55160
- .k-scrollview-wrap .k-scrollview > li,
55161
- .k-scrollview .k-scrollview-wrap > li {
55162
- display: inline-block;
55163
- overflow: hidden;
55164
- position: absolute;
55165
- top: 0;
55166
- left: 0;
55167
- }
55168
-
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
55052
  .k-scrollview-wrap.k-scrollview-animate {
55177
- display: flex;
55178
- flex-flow: row nowrap;
55179
- width: calc(var(--kendo-scrollview-views, 1)*100%);
55180
55053
  transition-duration: 0.3s;
55181
55054
  transition-timing-function: ease-in-out;
55182
55055
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
55183
55056
  }
55184
55057
 
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
55058
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
55191
55059
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
55192
55060
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
55193
55061
  }
55194
55062
 
55195
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55196
- kendo-scrollview.k-scrollview kendo-scrollview-pager,
55197
55063
  .k-scrollview-nav-wrap {
55198
55064
  padding: 0;
55199
55065
  margin: 0;
@@ -55205,17 +55071,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
55205
55071
  text-align: center;
55206
55072
  }
55207
55073
 
55208
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55209
55074
  kendo-scrollview.k-scrollview kendo-scrollview-pager {
55210
55075
  pointer-events: none;
55211
55076
  }
55212
55077
 
55213
- kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
55214
55078
  kendo-scrollview.k-scrollview .k-scrollview-nav {
55215
55079
  pointer-events: initial;
55216
55080
  }
55217
55081
 
55218
- .k-scrollview-pageable,
55219
55082
  .k-scrollview-nav {
55220
55083
  margin: 0;
55221
55084
  padding: 20px;
@@ -55232,12 +55095,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55232
55095
  pointer-events: initial;
55233
55096
  }
55234
55097
 
55235
- .k-scrollview-pageable:focus,
55236
55098
  .k-scrollview-nav:focus {
55237
55099
  outline: none;
55238
55100
  }
55239
55101
 
55240
- .k-scrollview-pageable > .k-button,
55241
55102
  .k-scrollview-nav > .k-link {
55242
55103
  margin-block: 0;
55243
55104
  margin-inline: 10px;
@@ -55256,7 +55117,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55256
55117
  vertical-align: top;
55257
55118
  }
55258
55119
 
55259
- .k-scrollview-pageable > .k-button::before,
55260
55120
  .k-scrollview-nav > .k-link::before {
55261
55121
  content: "";
55262
55122
  width: 30px;
@@ -55309,45 +55169,22 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55309
55169
  transition-timing-function: ease-in-out;
55310
55170
  }
55311
55171
 
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
55172
  .k-scrollview {
55330
55173
  border-color: #dee2e6;
55331
55174
  color: #212529;
55332
55175
  background-color: #ffffff;
55333
55176
  }
55334
55177
 
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
55178
  .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55338
55179
  .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
55339
55180
  background-color: rgba(0, 0, 0, 0.4);
55340
55181
  }
55341
55182
 
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
55183
  .k-scrollview.k-scrollview-dark .k-scrollview-next,
55345
55184
  .k-scrollview.k-scrollview-dark .k-scrollview-prev {
55346
55185
  color: rgba(0, 0, 0, 0.4);
55347
55186
  }
55348
55187
 
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
55188
  .k-scrollview.k-scrollview-light kendo-scrollview-pager,
55352
55189
  .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55353
55190
  background-color: rgba(255, 255, 255, 0.4);
@@ -55387,33 +55224,24 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
55387
55224
  opacity: 1;
55388
55225
  }
55389
55226
 
55390
- .k-scrollview-pageable > .k-button,
55391
55227
  .k-scrollview-nav > .k-link {
55392
55228
  background-color: #e4e7eb;
55393
55229
  border-color: #e4e7eb;
55394
55230
  }
55395
55231
 
55396
- .k-scrollview-pageable > .k-button.k-primary,
55397
55232
  .k-scrollview-nav > .k-link.k-primary {
55398
55233
  background: #0d6efd;
55399
55234
  border: #0d6efd;
55400
55235
  }
55401
55236
 
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 {
55237
+ .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
55405
55238
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55406
55239
  }
55407
55240
 
55408
- .k-scrollview-nav > .k-link:hover,
55409
- .k-scrollview-nav > .k-link.k-hover {
55241
+ .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
55410
55242
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55411
55243
  }
55412
55244
 
55413
- .k-scrollview-pageable > .k-button {
55414
- box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
55415
- }
55416
-
55417
55245
  .k-barcode {
55418
55246
  display: inline-block;
55419
55247
  }