@progress/kendo-theme-bootstrap 6.6.1-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
@@ -43674,8 +43674,6 @@ kendo-card-footer {
43674
43674
  box-sizing: border-box;
43675
43675
  outline: 0;
43676
43676
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
43677
- font-size: 1rem;
43678
- line-height: 1.5;
43679
43677
  display: flex;
43680
43678
  flex-direction: row;
43681
43679
  -webkit-touch-callout: none;
@@ -43719,8 +43717,6 @@ kendo-card-footer {
43719
43717
  .k-breadcrumb-link,
43720
43718
  .k-breadcrumb-root-link {
43721
43719
  border-radius: 0.375rem;
43722
- padding-block: 0.5rem;
43723
- padding-inline: 0.75rem;
43724
43720
  color: inherit;
43725
43721
  text-decoration: none;
43726
43722
  white-space: nowrap;
@@ -43734,21 +43730,12 @@ kendo-card-footer {
43734
43730
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
43735
43731
  }
43736
43732
 
43737
- .k-breadcrumb-root-link {
43738
- margin-inline-end: 0.75rem;
43739
- }
43740
-
43741
43733
  .k-breadcrumb-link > .k-image,
43742
43734
  .k-breadcrumb-icontext-link .k-icon,
43743
43735
  .k-breadcrumb-icontext-link .k-svg-icon {
43744
43736
  margin-inline-end: 0.5rem;
43745
43737
  }
43746
43738
 
43747
- .k-breadcrumb-icon-link {
43748
- padding-block: 0.75rem;
43749
- padding-inline: 0.75rem;
43750
- }
43751
-
43752
43739
  .k-breadcrumb-delimiter,
43753
43740
  .k-breadcrumb-delimiter-icon {
43754
43741
  color: inherit;
@@ -43763,6 +43750,54 @@ kendo-card-footer {
43763
43750
  border-color: transparent;
43764
43751
  }
43765
43752
 
43753
+ .k-breadcrumb-sm {
43754
+ font-size: 0.875rem;
43755
+ line-height: 1.4285714286;
43756
+ }
43757
+
43758
+ .k-breadcrumb-sm .k-breadcrumb-link,
43759
+ .k-breadcrumb-sm .k-breadcrumb-root-link {
43760
+ padding-block: 0.375rem;
43761
+ padding-inline: 0.75rem;
43762
+ }
43763
+
43764
+ .k-breadcrumb-sm .k-breadcrumb-icon-link {
43765
+ padding-block: 0.5rem;
43766
+ padding-inline: 0.5rem;
43767
+ }
43768
+
43769
+ .k-breadcrumb-md {
43770
+ font-size: 1rem;
43771
+ line-height: 1.5;
43772
+ }
43773
+
43774
+ .k-breadcrumb-md .k-breadcrumb-link,
43775
+ .k-breadcrumb-md .k-breadcrumb-root-link {
43776
+ padding-block: 0.5rem;
43777
+ padding-inline: 0.75rem;
43778
+ }
43779
+
43780
+ .k-breadcrumb-md .k-breadcrumb-icon-link {
43781
+ padding-block: 0.75rem;
43782
+ padding-inline: 0.75rem;
43783
+ }
43784
+
43785
+ .k-breadcrumb-lg {
43786
+ font-size: 1rem;
43787
+ line-height: 1.5;
43788
+ }
43789
+
43790
+ .k-breadcrumb-lg .k-breadcrumb-link,
43791
+ .k-breadcrumb-lg .k-breadcrumb-root-link {
43792
+ padding-block: 0.625rem;
43793
+ padding-inline: 0.75rem;
43794
+ }
43795
+
43796
+ .k-breadcrumb-lg .k-breadcrumb-icon-link {
43797
+ padding-block: 0.875rem;
43798
+ padding-inline: 0.875rem;
43799
+ }
43800
+
43766
43801
  .k-breadcrumb-link,
43767
43802
  .k-breadcrumb-root-link {
43768
43803
  text-decoration: underline;
@@ -43837,8 +43872,7 @@ kendo-card-footer {
43837
43872
  box-sizing: border-box;
43838
43873
  }
43839
43874
 
43840
- .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,
43841
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43875
+ .k-pager-input, .k-pager-sizes, .k-pager-info {
43842
43876
  display: flex;
43843
43877
  flex-direction: row;
43844
43878
  align-items: center;
@@ -43869,8 +43903,7 @@ kendo-card-footer {
43869
43903
 
43870
43904
  .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
43871
43905
  .k-pager-numbers-wrap select.k-dropdownlist {
43872
- cursor: pointer;
43873
- display: none;
43906
+ width: 5em;
43874
43907
  }
43875
43908
 
43876
43909
  .k-pager-numbers {
@@ -43901,16 +43934,18 @@ kendo-card-footer {
43901
43934
  margin-right: -1px;
43902
43935
  }
43903
43936
 
43904
- .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 {
43905
43943
  margin-block: 0;
43906
- margin-inline: 1ex;
43907
43944
  width: 5em;
43908
43945
  }
43909
43946
 
43910
- .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
43911
- .k-pager-sizes .k-dropdownlist,
43912
- .k-pager-sizes > select {
43913
- margin-right: 1ex;
43947
+ .k-pager-sizes {
43948
+ gap: 1ex;
43914
43949
  }
43915
43950
 
43916
43951
  .k-pager-sizes .k-input-inner,
@@ -43918,17 +43953,6 @@ kendo-card-footer {
43918
43953
  text-overflow: clip;
43919
43954
  }
43920
43955
 
43921
- .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
43922
- .k-rtl .k-pager-sizes .k-dropdownlist,
43923
- .k-rtl .k-pager-sizes > select,
43924
- [dir="rtl"] .k-pager-sizes .k-dropdown-list,
43925
- [dir="rtl"] .k-pager-sizes .k-dropdown,
43926
- [dir="rtl"] .k-pager-sizes .k-dropdownlist,
43927
- [dir="rtl"] .k-pager-sizes > select {
43928
- margin-left: 1ex;
43929
- margin-right: 0;
43930
- }
43931
-
43932
43956
  .k-pager-info {
43933
43957
  text-align: end;
43934
43958
  justify-content: flex-end;
@@ -43942,28 +43966,6 @@ kendo-card-footer {
43942
43966
  order: 10;
43943
43967
  }
43944
43968
 
43945
- .k-pager-mobile-sm {
43946
- overflow: visible;
43947
- }
43948
-
43949
- .k-pager-mobile-sm .k-pager-numbers-wrap {
43950
- border-color: inherit;
43951
- }
43952
-
43953
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
43954
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43955
- margin-left: 1rem;
43956
- margin-right: 1rem;
43957
- width: 5em;
43958
- }
43959
-
43960
- .k-pager-mobile-md .k-pager-info,
43961
- .k-pager-mobile-sm .k-pager-info,
43962
- .k-pager-mobile-sm .k-pager-sizes,
43963
- .k-pager-mobile-sm .k-pager-numbers {
43964
- display: none;
43965
- }
43966
-
43967
43969
  .k-pager-sm {
43968
43970
  padding-inline: 0.25rem;
43969
43971
  padding-block: 0.25rem;
@@ -43974,7 +43976,10 @@ kendo-card-footer {
43974
43976
  min-width: calc(1.4285714286em + 0.5rem + 2px);
43975
43977
  }
43976
43978
 
43977
- .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 {
43978
43983
  margin-inline-start: 0.875rem;
43979
43984
  margin-inline-end: 0.875rem;
43980
43985
  }
@@ -43995,7 +44000,10 @@ kendo-card-footer {
43995
44000
  min-width: calc(1.5em + 0.75rem + 2px);
43996
44001
  }
43997
44002
 
43998
- .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 {
43999
44007
  margin-inline-start: 1rem;
44000
44008
  margin-inline-end: 1rem;
44001
44009
  }
@@ -44016,7 +44024,10 @@ kendo-card-footer {
44016
44024
  min-width: calc(1.5em + 1rem + 2px);
44017
44025
  }
44018
44026
 
44019
- .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 {
44020
44031
  margin-inline-start: 1.125rem;
44021
44032
  margin-inline-end: 1.125rem;
44022
44033
  }
@@ -45419,6 +45430,7 @@ kendo-card-footer {
45419
45430
  box-sizing: border-box;
45420
45431
  outline: 0;
45421
45432
  display: grid;
45433
+ padding: 1rem 1rem;
45422
45434
  -webkit-touch-callout: none;
45423
45435
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
45424
45436
  }
@@ -46064,12 +46076,6 @@ kendo-card-footer {
46064
46076
  outline: none;
46065
46077
  }
46066
46078
 
46067
- .k-grid .k-table-th .k-placeholder-line,
46068
- .k-grid td .k-placeholder-line,
46069
- .k-grid .k-table-td .k-placeholder-line {
46070
- width: 80%;
46071
- }
46072
-
46073
46079
  .k-grid .k-table-th > .k-radio,
46074
46080
  .k-grid .k-table-th > .k-radio-wrap,
46075
46081
  .k-grid .k-table-th > .k-checkbox,
@@ -46661,12 +46667,6 @@ div.k-grid-footer {
46661
46667
  border-width: 0 0 1px;
46662
46668
  }
46663
46669
 
46664
- .k-pager-input .k-numerictextbox {
46665
- margin-block: 0;
46666
- margin-inline: 0.5rem;
46667
- width: 3em;
46668
- }
46669
-
46670
46670
  .k-grid-virtual .k-grid-content .k-grid-table-wrap {
46671
46671
  float: left;
46672
46672
  width: 100%;
@@ -50000,12 +50000,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
50000
50000
 
50001
50001
  .k-filter .k-filter-container,
50002
50002
  .k-filter .k-filter-preview {
50003
- margin-bottom: 2.1em;
50003
+ margin-block-end: 2.1em;
50004
50004
  }
50005
50005
 
50006
50006
  .k-filter .k-filter-lines,
50007
50007
  .k-filter .k-filter-item {
50008
- padding-left: 1rem;
50008
+ padding-inline-start: 1rem;
50009
50009
  }
50010
50010
 
50011
50011
  .k-filter .k-filter-toolbar {
@@ -50020,8 +50020,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
50020
50020
  position: absolute;
50021
50021
  width: 1rem;
50022
50022
  height: 1px;
50023
- top: 50%;
50024
- left: -1rem;
50023
+ inset-block-start: 50%;
50024
+ inset-inline-start: -1rem;
50025
50025
  }
50026
50026
 
50027
50027
  .k-filter .k-filter-toolbar .k-toolbar {
@@ -50042,8 +50042,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
50042
50042
  position: absolute;
50043
50043
  width: 1px;
50044
50044
  height: 100%;
50045
- top: -0.5rem;
50046
- left: 0;
50045
+ inset-block-start: -0.5rem;
50046
+ inset-inline-start: 0;
50047
50047
  }
50048
50048
 
50049
50049
  .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
@@ -50051,9 +50051,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
50051
50051
  content: "";
50052
50052
  position: absolute;
50053
50053
  width: 1px;
50054
- top: calc(-0.5rem - 1px);
50055
- bottom: 50%;
50056
- left: -1rem;
50054
+ inset-block-start: calc(-0.5rem - 1px);
50055
+ inset-block-end: 50%;
50056
+ inset-inline-start: -1rem;
50057
50057
  }
50058
50058
 
50059
50059
  .k-filter .k-filter-group-main::before,
@@ -50065,36 +50065,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
50065
50065
  display: none;
50066
50066
  }
50067
50067
 
50068
- .k-rtl .k-filter .k-filter-lines,
50069
- .k-rtl .k-filter .k-filter-item, .k-filter[dir="rtl"] .k-filter-lines,
50070
- .k-filter[dir="rtl"] .k-filter-item,
50071
- [dir="rtl"] .k-filter .k-filter-lines,
50072
- [dir="rtl"] .k-filter .k-filter-item {
50073
- padding-left: 0;
50074
- padding-right: 1rem;
50075
- }
50076
-
50077
- .k-rtl .k-filter .k-filter-toolbar::before, .k-filter[dir="rtl"] .k-filter-toolbar::before,
50078
- [dir="rtl"] .k-filter .k-filter-toolbar::before {
50079
- left: auto;
50080
- right: -1rem;
50081
- }
50082
-
50083
- .k-rtl .k-filter .k-filter-item::before, .k-filter[dir="rtl"] .k-filter-item::before,
50084
- [dir="rtl"] .k-filter .k-filter-item::before {
50085
- left: auto;
50086
- right: 0;
50087
- }
50088
-
50089
- .k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
50090
- .k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after, .k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
50091
- .k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after,
50092
- [dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
50093
- [dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
50094
- left: auto;
50095
- right: -1rem;
50096
- }
50097
-
50098
50068
  .k-filter {
50099
50069
  color: #212529;
50100
50070
  }
@@ -53730,21 +53700,21 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53730
53700
  }
53731
53701
 
53732
53702
  .k-chat .k-message-group:not(.k-alt) .k-message-time {
53733
- margin-left: 8px;
53734
- left: 100%;
53703
+ margin-inline-start: 8px;
53704
+ inset-inline-start: 100%;
53735
53705
  }
53736
53706
 
53737
53707
  .k-chat .k-message-group:not(.k-alt) .k-message-status {
53738
- left: 0;
53708
+ inset-inline-start: 0;
53739
53709
  }
53740
53710
 
53741
- .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble,
53742
- .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 {
53743
53713
  border-bottom-left-radius: 2px;
53744
53714
  }
53745
53715
 
53746
- .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble,
53747
- .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 {
53748
53718
  border-top-left-radius: 2px;
53749
53719
  border-bottom-left-radius: 2px;
53750
53720
  }
@@ -53756,21 +53726,21 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53756
53726
  }
53757
53727
 
53758
53728
  .k-chat .k-message-group.k-alt .k-message-time {
53759
- margin-right: 8px;
53760
- right: 100%;
53729
+ margin-inline-end: 8px;
53730
+ inset-inline-end: 100%;
53761
53731
  }
53762
53732
 
53763
53733
  .k-chat .k-message-group.k-alt .k-message-status {
53764
- right: 0;
53734
+ inset-inline-end: 0;
53765
53735
  }
53766
53736
 
53767
- .k-chat .k-message-group.k-alt .k-first .k-bubble,
53768
- .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 {
53769
53739
  border-bottom-right-radius: 2px;
53770
53740
  }
53771
53741
 
53772
- .k-chat .k-message-group.k-alt .k-middle .k-bubble,
53773
- .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 {
53774
53744
  border-top-right-radius: 2px;
53775
53745
  border-bottom-right-radius: 2px;
53776
53746
  }
@@ -53807,7 +53777,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53807
53777
  transition: height .2s ease-in-out;
53808
53778
  }
53809
53779
 
53810
- .k-chat .k-bubble {
53780
+ .k-chat .k-chat-bubble {
53811
53781
  border-radius: 12px;
53812
53782
  padding-block: 8px;
53813
53783
  padding-inline: 16px;
@@ -53818,7 +53788,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53818
53788
  white-space: pre-wrap;
53819
53789
  }
53820
53790
 
53821
- .k-chat .k-bubble a {
53791
+ .k-chat .k-chat-bubble a {
53822
53792
  color: inherit;
53823
53793
  text-decoration: underline;
53824
53794
  }
@@ -53849,29 +53819,26 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53849
53819
  }
53850
53820
 
53851
53821
  .k-chat .k-avatar {
53852
- border-radius: 100%;
53853
53822
  margin: 0;
53854
- width: 32px;
53855
- height: 32px;
53856
53823
  position: absolute;
53857
53824
  }
53858
53825
 
53859
53826
  .k-message-group:not(.k-alt) > .k-avatar {
53860
- left: 0;
53827
+ inset-inline-start: 0;
53861
53828
  bottom: 0;
53862
53829
  }
53863
53830
 
53864
53831
  .k-message-group.k-alt > .k-avatar {
53865
- right: 0;
53832
+ inset-inline-end: 0;
53866
53833
  bottom: 0;
53867
53834
  }
53868
53835
 
53869
- .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
53870
- padding-left: 40px;
53836
+ .k-chat .k-avatars .k-message-group:not(.k-no-avatar) {
53837
+ padding-inline-start: 40px;
53871
53838
  }
53872
53839
 
53873
53840
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
53874
- padding-right: 40px;
53841
+ padding-inline-end: 40px;
53875
53842
  }
53876
53843
 
53877
53844
  .k-author {
@@ -53898,8 +53865,8 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53898
53865
 
53899
53866
  .k-quick-reply {
53900
53867
  border-radius: 100px;
53901
- margin-right: 8px;
53902
- margin-bottom: 4px;
53868
+ margin-inline-end: 8px;
53869
+ margin-block-end: 4px;
53903
53870
  padding-block: 8px;
53904
53871
  padding-inline: 12px;
53905
53872
  border-width: 1px;
@@ -53918,10 +53885,10 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53918
53885
  }
53919
53886
 
53920
53887
  .k-scrollable-quick-replies {
53921
- margin-left: -16px;
53922
- margin-right: -16px;
53923
- padding-left: 16px;
53924
- padding-right: 16px;
53888
+ margin-inline-start: -16px;
53889
+ margin-inline-end: -16px;
53890
+ padding-inline-start: 16px;
53891
+ padding-inline-end: 16px;
53925
53892
  display: flex;
53926
53893
  flex-flow: row nowrap;
53927
53894
  flex: 0 0 auto;
@@ -53938,7 +53905,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53938
53905
  }
53939
53906
 
53940
53907
  .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply {
53941
- margin-left: 8px;
53908
+ margin-inline-start: 8px;
53942
53909
  }
53943
53910
 
53944
53911
  .k-message-box {
@@ -53972,7 +53939,8 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53972
53939
  display: inline-block;
53973
53940
  }
53974
53941
 
53975
- .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 {
53976
53944
  transform: scaleX(-1);
53977
53945
  }
53978
53946
 
@@ -53980,19 +53948,23 @@ kendo-scheduler .k-event .k-event-actions:first-child,
53980
53948
  margin: 2px 0 0;
53981
53949
  }
53982
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
+
53983
53956
  .k-chat .k-card-deck {
53984
53957
  max-width: calc(100% + 32px);
53985
53958
  box-sizing: border-box;
53986
- margin-left: -16px;
53987
- margin-right: -16px;
53959
+ margin-inline-start: -16px;
53960
+ margin-inline-end: -16px;
53988
53961
  padding: 16px 16px 16px;
53989
53962
  overflow: hidden;
53990
53963
  overflow-x: auto;
53991
53964
  scroll-behavior: smooth;
53992
53965
  }
53993
53966
 
53994
- .k-chat .k-card-deck .k-card,
53995
- .k-chat .k-card-deck .k-card-wrap {
53967
+ .k-chat .k-card-deck .k-card {
53996
53968
  width: 200px;
53997
53969
  }
53998
53970
 
@@ -54062,38 +54034,28 @@ kendo-scheduler .k-event .k-event-actions:first-child,
54062
54034
  }
54063
54035
  }
54064
54036
 
54065
- .k-chat-toolbar,
54066
- .k-chat .k-toolbar-box {
54067
- padding-block: 0.5rem;
54068
- padding-inline: 0.5rem;
54037
+ .k-chat-toolbar {
54069
54038
  width: 100%;
54070
54039
  border-width: 1px 0 0;
54071
- box-sizing: border-box;
54072
54040
  flex: none;
54073
- overflow: hidden;
54074
- position: relative;
54075
54041
  }
54076
54042
 
54077
- .k-chat-toolbar::before,
54078
- .k-chat .k-toolbar-box::before {
54043
+ .k-chat-toolbar::before {
54079
54044
  display: none;
54080
54045
  }
54081
54046
 
54082
- .k-chat-toolbar .k-button-list,
54083
- .k-chat .k-toolbar-box .k-button-list {
54047
+ .k-chat-toolbar .k-button-list {
54084
54048
  display: flex;
54085
54049
  flex-flow: row nowrap;
54086
54050
  overflow: hidden;
54087
54051
  scroll-behavior: smooth;
54088
54052
  }
54089
54053
 
54090
- .k-chat-toolbar .k-button,
54091
- .k-chat .k-toolbar-box .k-button {
54054
+ .k-chat-toolbar .k-button {
54092
54055
  flex: none;
54093
54056
  }
54094
54057
 
54095
- .k-chat-toolbar .k-scroll-button,
54096
- .k-chat .k-toolbar-box .k-scroll-button {
54058
+ .k-chat-toolbar .k-scroll-button {
54097
54059
  padding: 0 0.25rem;
54098
54060
  height: 100%;
54099
54061
  aspect-ratio: auto;
@@ -54102,86 +54064,19 @@ kendo-scheduler .k-event .k-event-actions:first-child,
54102
54064
  top: 0;
54103
54065
  }
54104
54066
 
54105
- .k-chat-toolbar .k-scroll-button .k-button-icon,
54106
- .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
54067
+ .k-chat-toolbar .k-scroll-button .k-button-icon {
54107
54068
  min-width: auto;
54108
54069
  min-height: auto;
54109
54070
  }
54110
54071
 
54111
- .k-chat-toolbar .k-scroll-button-left,
54112
- .k-chat .k-toolbar-box .k-scroll-button-left {
54072
+ .k-chat-toolbar .k-scroll-button-left {
54113
54073
  left: 0;
54114
54074
  }
54115
54075
 
54116
- .k-chat-toolbar .k-scroll-button-right,
54117
- .k-chat .k-toolbar-box .k-scroll-button-right {
54076
+ .k-chat-toolbar .k-scroll-button-right {
54118
54077
  right: 0;
54119
54078
  }
54120
54079
 
54121
- .k-rtl .k-message-group:not(.k-alt) .k-message-time,
54122
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-time {
54123
- margin-left: 0;
54124
- margin-right: 8px;
54125
- left: auto;
54126
- right: 100%;
54127
- }
54128
-
54129
- .k-rtl .k-message-group:not(.k-alt) .k-message-status,
54130
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-status {
54131
- left: auto;
54132
- right: 0;
54133
- }
54134
-
54135
- .k-rtl .k-message-group.k-alt .k-message-time,
54136
- [dir="rtl"] .k-message-group.k-alt .k-message-time {
54137
- margin-right: 0;
54138
- margin-left: 8px;
54139
- right: auto;
54140
- left: 100%;
54141
- }
54142
-
54143
- .k-rtl .k-message-group.k-alt .k-message-status,
54144
- [dir="rtl"] .k-message-group.k-alt .k-message-status {
54145
- right: auto;
54146
- left: 0;
54147
- }
54148
-
54149
- .k-rtl .k-message-group:not(.k-alt) > .k-avatar,
54150
- [dir="rtl"] .k-message-group:not(.k-alt) > .k-avatar {
54151
- left: auto;
54152
- right: 0;
54153
- }
54154
-
54155
- .k-rtl .k-message-group.k-alt > .k-avatar,
54156
- [dir="rtl"] .k-message-group.k-alt > .k-avatar {
54157
- right: auto;
54158
- left: 0;
54159
- }
54160
-
54161
- .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
54162
- [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
54163
- padding-left: 0;
54164
- padding-right: 40px;
54165
- }
54166
-
54167
- .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
54168
- [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
54169
- padding-right: 0;
54170
- padding-left: 40px;
54171
- }
54172
-
54173
- .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
54174
- [dir="rtl"] .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
54175
- margin-left: 0;
54176
- margin-right: 1rem;
54177
- }
54178
-
54179
- .k-rtl .k-quick-reply,
54180
- [dir="rtl"] .k-quick-reply {
54181
- margin-right: 0;
54182
- margin-left: 8px;
54183
- }
54184
-
54185
54080
  .k-chat {
54186
54081
  border-color: #dee2e6;
54187
54082
  color: #212529;
@@ -54196,7 +54091,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
54196
54091
  font-weight: bold;
54197
54092
  }
54198
54093
 
54199
- .k-chat .k-bubble {
54094
+ .k-chat .k-chat-bubble {
54200
54095
  border-color: #e4e7eb;
54201
54096
  color: #212529;
54202
54097
  background-color: #e4e7eb;
@@ -54205,34 +54100,34 @@ kendo-scheduler .k-event .k-event-actions:first-child,
54205
54100
  order: -1;
54206
54101
  }
54207
54102
 
54208
- .k-chat .k-bubble a {
54103
+ .k-chat .k-chat-bubble a {
54209
54104
  color: #0d6efd;
54210
54105
  }
54211
54106
 
54212
- .k-chat .k-bubble a:hover {
54107
+ .k-chat .k-chat-bubble a:hover {
54213
54108
  color: #0a58ca;
54214
54109
  }
54215
54110
 
54216
- .k-chat .k-bubble:hover {
54111
+ .k-chat .k-chat-bubble:hover {
54217
54112
  box-shadow: none;
54218
54113
  }
54219
54114
 
54220
- .k-chat .k-selected .k-bubble {
54115
+ .k-chat .k-selected .k-chat-bubble {
54221
54116
  box-shadow: none;
54222
54117
  }
54223
54118
 
54224
- .k-chat .k-alt .k-bubble {
54119
+ .k-chat .k-alt .k-chat-bubble {
54225
54120
  border-color: #0d6efd;
54226
54121
  color: white;
54227
54122
  background-color: #0d6efd;
54228
54123
  box-shadow: none;
54229
54124
  }
54230
54125
 
54231
- .k-chat .k-alt .k-bubble:hover {
54126
+ .k-chat .k-alt .k-chat-bubble:hover {
54232
54127
  box-shadow: none;
54233
54128
  }
54234
54129
 
54235
- .k-chat .k-alt .k-selected .k-bubble {
54130
+ .k-chat .k-alt .k-selected .k-chat-bubble {
54236
54131
  box-shadow: none;
54237
54132
  }
54238
54133
 
@@ -55116,8 +55011,6 @@ kendo-scheduler .k-event .k-event-actions:first-child,
55116
55011
  background-color: #333333;
55117
55012
  }
55118
55013
 
55119
- kendo-scrollview.k-scrollview-wrap,
55120
- kendo-scrollview.k-scrollview,
55121
55014
  .k-scrollview {
55122
55015
  border-width: 1px;
55123
55016
  border-style: solid;
@@ -55133,62 +55026,40 @@ kendo-scrollview.k-scrollview,
55133
55026
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
55134
55027
  }
55135
55028
 
55136
- .k-scrollview-wrap .k-scrollview,
55137
- .k-scrollview .k-scrollview-wrap {
55138
- list-style-type: none;
55029
+ .k-scrollview-wrap {
55139
55030
  position: absolute;
55140
55031
  margin: 0;
55141
55032
  padding: 0;
55142
- width: 100%;
55143
55033
  height: 100%;
55034
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
55035
+ display: flex;
55036
+ flex-flow: row nowrap;
55144
55037
  cursor: default;
55145
55038
  white-space: nowrap;
55146
55039
  }
55147
55040
 
55148
- .k-scrollview-wrap .k-scrollview img,
55149
- .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 {
55150
55047
  -webkit-user-select: none;
55151
55048
  -ms-user-select: none;
55152
55049
  user-select: none;
55153
55050
  }
55154
55051
 
55155
- .k-scrollview-wrap .k-scrollview > li,
55156
- .k-scrollview .k-scrollview-wrap > li {
55157
- display: inline-block;
55158
- overflow: hidden;
55159
- position: absolute;
55160
- top: 0;
55161
- left: 0;
55162
- }
55163
-
55164
- .k-scrollview-wrap .k-scrollview > [data-role="page"],
55165
- .k-scrollview .k-scrollview-wrap > [data-role="page"] {
55166
- vertical-align: top;
55167
- display: inline-block;
55168
- min-height: 1px;
55169
- }
55170
-
55171
55052
  .k-scrollview-wrap.k-scrollview-animate {
55172
- display: flex;
55173
- flex-flow: row nowrap;
55174
- width: calc(var(--kendo-scrollview-views, 1)*100%);
55175
55053
  transition-duration: 0.3s;
55176
55054
  transition-timing-function: ease-in-out;
55177
55055
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
55178
55056
  }
55179
55057
 
55180
- .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
55181
- width: calc(100%/var(--kendo-scrollview-views, 1));
55182
- flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
55183
- }
55184
-
55185
55058
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
55186
55059
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
55187
55060
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
55188
55061
  }
55189
55062
 
55190
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55191
- kendo-scrollview.k-scrollview kendo-scrollview-pager,
55192
55063
  .k-scrollview-nav-wrap {
55193
55064
  padding: 0;
55194
55065
  margin: 0;
@@ -55200,17 +55071,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
55200
55071
  text-align: center;
55201
55072
  }
55202
55073
 
55203
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55204
55074
  kendo-scrollview.k-scrollview kendo-scrollview-pager {
55205
55075
  pointer-events: none;
55206
55076
  }
55207
55077
 
55208
- kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
55209
55078
  kendo-scrollview.k-scrollview .k-scrollview-nav {
55210
55079
  pointer-events: initial;
55211
55080
  }
55212
55081
 
55213
- .k-scrollview-pageable,
55214
55082
  .k-scrollview-nav {
55215
55083
  margin: 0;
55216
55084
  padding: 20px;
@@ -55227,12 +55095,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55227
55095
  pointer-events: initial;
55228
55096
  }
55229
55097
 
55230
- .k-scrollview-pageable:focus,
55231
55098
  .k-scrollview-nav:focus {
55232
55099
  outline: none;
55233
55100
  }
55234
55101
 
55235
- .k-scrollview-pageable > .k-button,
55236
55102
  .k-scrollview-nav > .k-link {
55237
55103
  margin-block: 0;
55238
55104
  margin-inline: 10px;
@@ -55251,7 +55117,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55251
55117
  vertical-align: top;
55252
55118
  }
55253
55119
 
55254
- .k-scrollview-pageable > .k-button::before,
55255
55120
  .k-scrollview-nav > .k-link::before {
55256
55121
  content: "";
55257
55122
  width: 30px;
@@ -55304,45 +55169,22 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55304
55169
  transition-timing-function: ease-in-out;
55305
55170
  }
55306
55171
 
55307
- @supports (-webkit-user-select: none) {
55308
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55309
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55310
- div.k-scrollview ul.k-scrollview-wrap li > * {
55311
- pointer-events: auto;
55312
- }
55313
- }
55314
-
55315
- @supports not (-webkit-user-select: none) {
55316
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55317
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55318
- div.k-scrollview ul.k-scrollview-wrap li > * {
55319
- pointer-events: none;
55320
- }
55321
- }
55322
-
55323
- kendo-scrollview.k-scrollview-wrap,
55324
55172
  .k-scrollview {
55325
55173
  border-color: #dee2e6;
55326
55174
  color: #212529;
55327
55175
  background-color: #ffffff;
55328
55176
  }
55329
55177
 
55330
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark kendo-scrollview-pager,
55331
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav-wrap,
55332
55178
  .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55333
55179
  .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
55334
55180
  background-color: rgba(0, 0, 0, 0.4);
55335
55181
  }
55336
55182
 
55337
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
55338
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
55339
55183
  .k-scrollview.k-scrollview-dark .k-scrollview-next,
55340
55184
  .k-scrollview.k-scrollview-dark .k-scrollview-prev {
55341
55185
  color: rgba(0, 0, 0, 0.4);
55342
55186
  }
55343
55187
 
55344
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light kendo-scrollview-pager,
55345
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
55346
55188
  .k-scrollview.k-scrollview-light kendo-scrollview-pager,
55347
55189
  .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55348
55190
  background-color: rgba(255, 255, 255, 0.4);
@@ -55382,33 +55224,24 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
55382
55224
  opacity: 1;
55383
55225
  }
55384
55226
 
55385
- .k-scrollview-pageable > .k-button,
55386
55227
  .k-scrollview-nav > .k-link {
55387
55228
  background-color: #e4e7eb;
55388
55229
  border-color: #e4e7eb;
55389
55230
  }
55390
55231
 
55391
- .k-scrollview-pageable > .k-button.k-primary,
55392
55232
  .k-scrollview-nav > .k-link.k-primary {
55393
55233
  background: #0d6efd;
55394
55234
  border: #0d6efd;
55395
55235
  }
55396
55236
 
55397
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
55398
- .k-scrollview-nav > .k-link:focus,
55399
- .k-scrollview-nav > .k-link.k-focus {
55237
+ .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
55400
55238
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55401
55239
  }
55402
55240
 
55403
- .k-scrollview-nav > .k-link:hover,
55404
- .k-scrollview-nav > .k-link.k-hover {
55241
+ .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
55405
55242
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55406
55243
  }
55407
55244
 
55408
- .k-scrollview-pageable > .k-button {
55409
- box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
55410
- }
55411
-
55412
55245
  .k-barcode {
55413
55246
  display: inline-block;
55414
55247
  }