@progress/kendo-theme-default 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
@@ -43548,8 +43548,6 @@ kendo-card-footer {
43548
43548
  box-sizing: border-box;
43549
43549
  outline: 0;
43550
43550
  font-family: inherit;
43551
- font-size: 14px;
43552
- line-height: 1.4285714286;
43553
43551
  display: flex;
43554
43552
  flex-direction: row;
43555
43553
  -webkit-touch-callout: none;
@@ -43593,8 +43591,6 @@ kendo-card-footer {
43593
43591
  .k-breadcrumb-link,
43594
43592
  .k-breadcrumb-root-link {
43595
43593
  border-radius: 4px;
43596
- padding-block: 6px;
43597
- padding-inline: 8px;
43598
43594
  color: inherit;
43599
43595
  text-decoration: none;
43600
43596
  white-space: nowrap;
@@ -43608,21 +43604,12 @@ kendo-card-footer {
43608
43604
  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;
43609
43605
  }
43610
43606
 
43611
- .k-breadcrumb-root-link {
43612
- margin-inline-end: 8px;
43613
- }
43614
-
43615
43607
  .k-breadcrumb-link > .k-image,
43616
43608
  .k-breadcrumb-icontext-link .k-icon,
43617
43609
  .k-breadcrumb-icontext-link .k-svg-icon {
43618
43610
  margin-inline-end: 4px;
43619
43611
  }
43620
43612
 
43621
- .k-breadcrumb-icon-link {
43622
- padding-block: 8px;
43623
- padding-inline: 8px;
43624
- }
43625
-
43626
43613
  .k-breadcrumb-delimiter,
43627
43614
  .k-breadcrumb-delimiter-icon {
43628
43615
  color: inherit;
@@ -43637,6 +43624,54 @@ kendo-card-footer {
43637
43624
  border-color: transparent;
43638
43625
  }
43639
43626
 
43627
+ .k-breadcrumb-sm {
43628
+ font-size: 14px;
43629
+ line-height: 1.4285714286;
43630
+ }
43631
+
43632
+ .k-breadcrumb-sm .k-breadcrumb-link,
43633
+ .k-breadcrumb-sm .k-breadcrumb-root-link {
43634
+ padding-block: 4px;
43635
+ padding-inline: 8px;
43636
+ }
43637
+
43638
+ .k-breadcrumb-sm .k-breadcrumb-icon-link {
43639
+ padding-block: 6px;
43640
+ padding-inline: 6px;
43641
+ }
43642
+
43643
+ .k-breadcrumb-md {
43644
+ font-size: 14px;
43645
+ line-height: 1.4285714286;
43646
+ }
43647
+
43648
+ .k-breadcrumb-md .k-breadcrumb-link,
43649
+ .k-breadcrumb-md .k-breadcrumb-root-link {
43650
+ padding-block: 6px;
43651
+ padding-inline: 8px;
43652
+ }
43653
+
43654
+ .k-breadcrumb-md .k-breadcrumb-icon-link {
43655
+ padding-block: 8px;
43656
+ padding-inline: 8px;
43657
+ }
43658
+
43659
+ .k-breadcrumb-lg {
43660
+ font-size: 16px;
43661
+ line-height: 1.5;
43662
+ }
43663
+
43664
+ .k-breadcrumb-lg .k-breadcrumb-link,
43665
+ .k-breadcrumb-lg .k-breadcrumb-root-link {
43666
+ padding-block: 8px;
43667
+ padding-inline: 8px;
43668
+ }
43669
+
43670
+ .k-breadcrumb-lg .k-breadcrumb-icon-link {
43671
+ padding-block: 12px;
43672
+ padding-inline: 12px;
43673
+ }
43674
+
43640
43675
  .k-breadcrumb {
43641
43676
  border-color: rgba(0, 0, 0, 0.08);
43642
43677
  color: #424242;
@@ -43695,8 +43730,7 @@ kendo-card-footer {
43695
43730
  box-sizing: border-box;
43696
43731
  }
43697
43732
 
43698
- .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,
43699
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43733
+ .k-pager-input, .k-pager-sizes, .k-pager-info {
43700
43734
  display: flex;
43701
43735
  flex-direction: row;
43702
43736
  align-items: center;
@@ -43727,8 +43761,7 @@ kendo-card-footer {
43727
43761
 
43728
43762
  .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
43729
43763
  .k-pager-numbers-wrap select.k-dropdownlist {
43730
- cursor: pointer;
43731
- display: none;
43764
+ width: 5em;
43732
43765
  }
43733
43766
 
43734
43767
  .k-pager-numbers {
@@ -43741,16 +43774,18 @@ kendo-card-footer {
43741
43774
  z-index: 2;
43742
43775
  }
43743
43776
 
43744
- .k-pager-input .k-textbox {
43777
+ .k-pager-input {
43778
+ gap: 1ex;
43779
+ }
43780
+
43781
+ .k-pager-input .k-textbox,
43782
+ .k-pager-input .k-numerictextbox {
43745
43783
  margin-block: 0;
43746
- margin-inline: 1ex;
43747
43784
  width: 5em;
43748
43785
  }
43749
43786
 
43750
- .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
43751
- .k-pager-sizes .k-dropdownlist,
43752
- .k-pager-sizes > select {
43753
- margin-right: 1ex;
43787
+ .k-pager-sizes {
43788
+ gap: 1ex;
43754
43789
  }
43755
43790
 
43756
43791
  .k-pager-sizes .k-input-inner,
@@ -43758,17 +43793,6 @@ kendo-card-footer {
43758
43793
  text-overflow: clip;
43759
43794
  }
43760
43795
 
43761
- .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
43762
- .k-rtl .k-pager-sizes .k-dropdownlist,
43763
- .k-rtl .k-pager-sizes > select,
43764
- [dir="rtl"] .k-pager-sizes .k-dropdown-list,
43765
- [dir="rtl"] .k-pager-sizes .k-dropdown,
43766
- [dir="rtl"] .k-pager-sizes .k-dropdownlist,
43767
- [dir="rtl"] .k-pager-sizes > select {
43768
- margin-left: 1ex;
43769
- margin-right: 0;
43770
- }
43771
-
43772
43796
  .k-pager-info {
43773
43797
  text-align: end;
43774
43798
  justify-content: flex-end;
@@ -43782,28 +43806,6 @@ kendo-card-footer {
43782
43806
  order: 10;
43783
43807
  }
43784
43808
 
43785
- .k-pager-mobile-sm {
43786
- overflow: visible;
43787
- }
43788
-
43789
- .k-pager-mobile-sm .k-pager-numbers-wrap {
43790
- border-color: inherit;
43791
- }
43792
-
43793
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
43794
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43795
- margin-left: 16px;
43796
- margin-right: 16px;
43797
- width: 5em;
43798
- }
43799
-
43800
- .k-pager-mobile-md .k-pager-info,
43801
- .k-pager-mobile-sm .k-pager-info,
43802
- .k-pager-mobile-sm .k-pager-sizes,
43803
- .k-pager-mobile-sm .k-pager-numbers {
43804
- display: none;
43805
- }
43806
-
43807
43809
  .k-pager-sm {
43808
43810
  padding-inline: 4px;
43809
43811
  padding-block: 4px;
@@ -43814,7 +43816,10 @@ kendo-card-footer {
43814
43816
  min-width: calc(1.4285714286em + 6px);
43815
43817
  }
43816
43818
 
43817
- .k-pager-sm .k-pager-numbers-wrap .k-pager-input {
43819
+ .k-pager-sm .k-pager-numbers-wrap .k-pager-input,
43820
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown-list,
43821
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown,
43822
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdownlist {
43818
43823
  margin-inline-start: 12px;
43819
43824
  margin-inline-end: 12px;
43820
43825
  }
@@ -43835,7 +43840,10 @@ kendo-card-footer {
43835
43840
  min-width: calc(1.4285714286em + 10px);
43836
43841
  }
43837
43842
 
43838
- .k-pager-md .k-pager-numbers-wrap .k-pager-input {
43843
+ .k-pager-md .k-pager-numbers-wrap .k-pager-input,
43844
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list,
43845
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown,
43846
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist {
43839
43847
  margin-inline-start: 14px;
43840
43848
  margin-inline-end: 14px;
43841
43849
  }
@@ -43856,7 +43864,10 @@ kendo-card-footer {
43856
43864
  min-width: calc(1.5em + 18px);
43857
43865
  }
43858
43866
 
43859
- .k-pager-lg .k-pager-numbers-wrap .k-pager-input {
43867
+ .k-pager-lg .k-pager-numbers-wrap .k-pager-input,
43868
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown-list,
43869
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown,
43870
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdownlist {
43860
43871
  margin-inline-start: 16px;
43861
43872
  margin-inline-end: 16px;
43862
43873
  }
@@ -45240,6 +45251,7 @@ kendo-card-footer {
45240
45251
  box-sizing: border-box;
45241
45252
  outline: 0;
45242
45253
  display: grid;
45254
+ padding: 16px 16px;
45243
45255
  -webkit-touch-callout: none;
45244
45256
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
45245
45257
  }
@@ -45885,12 +45897,6 @@ kendo-card-footer {
45885
45897
  outline: none;
45886
45898
  }
45887
45899
 
45888
- .k-grid .k-table-th .k-placeholder-line,
45889
- .k-grid td .k-placeholder-line,
45890
- .k-grid .k-table-td .k-placeholder-line {
45891
- width: 80%;
45892
- }
45893
-
45894
45900
  .k-grid .k-table-th > .k-radio,
45895
45901
  .k-grid .k-table-th > .k-radio-wrap,
45896
45902
  .k-grid .k-table-th > .k-checkbox,
@@ -46482,12 +46488,6 @@ div.k-grid-footer {
46482
46488
  border-width: 0 0 1px;
46483
46489
  }
46484
46490
 
46485
- .k-pager-input .k-numerictextbox {
46486
- margin-block: 0;
46487
- margin-inline: 7px;
46488
- width: 3em;
46489
- }
46490
-
46491
46491
  .k-grid-virtual .k-grid-content .k-grid-table-wrap {
46492
46492
  float: left;
46493
46493
  width: 100%;
@@ -49825,12 +49825,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49825
49825
 
49826
49826
  .k-filter .k-filter-container,
49827
49827
  .k-filter .k-filter-preview {
49828
- margin-bottom: 30px;
49828
+ margin-block-end: 30px;
49829
49829
  }
49830
49830
 
49831
49831
  .k-filter .k-filter-lines,
49832
49832
  .k-filter .k-filter-item {
49833
- padding-left: 8px;
49833
+ padding-inline-start: 8px;
49834
49834
  }
49835
49835
 
49836
49836
  .k-filter .k-filter-toolbar {
@@ -49845,8 +49845,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49845
49845
  position: absolute;
49846
49846
  width: 8px;
49847
49847
  height: 1px;
49848
- top: 50%;
49849
- left: -8px;
49848
+ inset-block-start: 50%;
49849
+ inset-inline-start: -8px;
49850
49850
  }
49851
49851
 
49852
49852
  .k-filter .k-filter-toolbar .k-toolbar {
@@ -49867,8 +49867,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49867
49867
  position: absolute;
49868
49868
  width: 1px;
49869
49869
  height: 100%;
49870
- top: -4px;
49871
- left: 0;
49870
+ inset-block-start: -4px;
49871
+ inset-inline-start: 0;
49872
49872
  }
49873
49873
 
49874
49874
  .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
@@ -49876,9 +49876,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49876
49876
  content: "";
49877
49877
  position: absolute;
49878
49878
  width: 1px;
49879
- top: -5px;
49880
- bottom: 50%;
49881
- left: -8px;
49879
+ inset-block-start: -5px;
49880
+ inset-block-end: 50%;
49881
+ inset-inline-start: -8px;
49882
49882
  }
49883
49883
 
49884
49884
  .k-filter .k-filter-group-main::before,
@@ -49890,36 +49890,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49890
49890
  display: none;
49891
49891
  }
49892
49892
 
49893
- .k-rtl .k-filter .k-filter-lines,
49894
- .k-rtl .k-filter .k-filter-item, .k-filter[dir="rtl"] .k-filter-lines,
49895
- .k-filter[dir="rtl"] .k-filter-item,
49896
- [dir="rtl"] .k-filter .k-filter-lines,
49897
- [dir="rtl"] .k-filter .k-filter-item {
49898
- padding-left: 0;
49899
- padding-right: 8px;
49900
- }
49901
-
49902
- .k-rtl .k-filter .k-filter-toolbar::before, .k-filter[dir="rtl"] .k-filter-toolbar::before,
49903
- [dir="rtl"] .k-filter .k-filter-toolbar::before {
49904
- left: auto;
49905
- right: -8px;
49906
- }
49907
-
49908
- .k-rtl .k-filter .k-filter-item::before, .k-filter[dir="rtl"] .k-filter-item::before,
49909
- [dir="rtl"] .k-filter .k-filter-item::before {
49910
- left: auto;
49911
- right: 0;
49912
- }
49913
-
49914
- .k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
49915
- .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,
49916
- .k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after,
49917
- [dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
49918
- [dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
49919
- left: auto;
49920
- right: -8px;
49921
- }
49922
-
49923
49893
  .k-filter {
49924
49894
  color: #424242;
49925
49895
  }
@@ -53524,21 +53494,21 @@ kendo-scheduler .k-recurrence-editor {
53524
53494
  }
53525
53495
 
53526
53496
  .k-chat .k-message-group:not(.k-alt) .k-message-time {
53527
- margin-left: 8px;
53528
- left: 100%;
53497
+ margin-inline-start: 8px;
53498
+ inset-inline-start: 100%;
53529
53499
  }
53530
53500
 
53531
53501
  .k-chat .k-message-group:not(.k-alt) .k-message-status {
53532
- left: 0;
53502
+ inset-inline-start: 0;
53533
53503
  }
53534
53504
 
53535
- .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble,
53536
- .k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
53505
+ .k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble,
53506
+ .k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble {
53537
53507
  border-bottom-left-radius: 2px;
53538
53508
  }
53539
53509
 
53540
- .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble,
53541
- .k-chat .k-message-group:not(.k-alt) .k-last .k-bubble {
53510
+ .k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble,
53511
+ .k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble {
53542
53512
  border-top-left-radius: 2px;
53543
53513
  border-bottom-left-radius: 2px;
53544
53514
  }
@@ -53550,21 +53520,21 @@ kendo-scheduler .k-recurrence-editor {
53550
53520
  }
53551
53521
 
53552
53522
  .k-chat .k-message-group.k-alt .k-message-time {
53553
- margin-right: 8px;
53554
- right: 100%;
53523
+ margin-inline-end: 8px;
53524
+ inset-inline-end: 100%;
53555
53525
  }
53556
53526
 
53557
53527
  .k-chat .k-message-group.k-alt .k-message-status {
53558
- right: 0;
53528
+ inset-inline-end: 0;
53559
53529
  }
53560
53530
 
53561
- .k-chat .k-message-group.k-alt .k-first .k-bubble,
53562
- .k-chat .k-message-group.k-alt .k-only .k-bubble {
53531
+ .k-chat .k-message-group.k-alt .k-first .k-chat-bubble,
53532
+ .k-chat .k-message-group.k-alt .k-only .k-chat-bubble {
53563
53533
  border-bottom-right-radius: 2px;
53564
53534
  }
53565
53535
 
53566
- .k-chat .k-message-group.k-alt .k-middle .k-bubble,
53567
- .k-chat .k-message-group.k-alt .k-last .k-bubble {
53536
+ .k-chat .k-message-group.k-alt .k-middle .k-chat-bubble,
53537
+ .k-chat .k-message-group.k-alt .k-last .k-chat-bubble {
53568
53538
  border-top-right-radius: 2px;
53569
53539
  border-bottom-right-radius: 2px;
53570
53540
  }
@@ -53601,7 +53571,7 @@ kendo-scheduler .k-recurrence-editor {
53601
53571
  transition: height .2s ease-in-out;
53602
53572
  }
53603
53573
 
53604
- .k-chat .k-bubble {
53574
+ .k-chat .k-chat-bubble {
53605
53575
  border-radius: 12px;
53606
53576
  padding-block: 8px;
53607
53577
  padding-inline: 12px;
@@ -53612,7 +53582,7 @@ kendo-scheduler .k-recurrence-editor {
53612
53582
  white-space: pre-wrap;
53613
53583
  }
53614
53584
 
53615
- .k-chat .k-bubble a {
53585
+ .k-chat .k-chat-bubble a {
53616
53586
  color: inherit;
53617
53587
  text-decoration: underline;
53618
53588
  }
@@ -53643,29 +53613,26 @@ kendo-scheduler .k-recurrence-editor {
53643
53613
  }
53644
53614
 
53645
53615
  .k-chat .k-avatar {
53646
- border-radius: 100%;
53647
53616
  margin: 0;
53648
- width: 32px;
53649
- height: 32px;
53650
53617
  position: absolute;
53651
53618
  }
53652
53619
 
53653
53620
  .k-message-group:not(.k-alt) > .k-avatar {
53654
- left: 0;
53621
+ inset-inline-start: 0;
53655
53622
  bottom: 0;
53656
53623
  }
53657
53624
 
53658
53625
  .k-message-group.k-alt > .k-avatar {
53659
- right: 0;
53626
+ inset-inline-end: 0;
53660
53627
  bottom: 0;
53661
53628
  }
53662
53629
 
53663
- .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
53664
- padding-left: 40px;
53630
+ .k-chat .k-avatars .k-message-group:not(.k-no-avatar) {
53631
+ padding-inline-start: 40px;
53665
53632
  }
53666
53633
 
53667
53634
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
53668
- padding-right: 40px;
53635
+ padding-inline-end: 40px;
53669
53636
  }
53670
53637
 
53671
53638
  .k-author {
@@ -53692,8 +53659,8 @@ kendo-scheduler .k-recurrence-editor {
53692
53659
 
53693
53660
  .k-quick-reply {
53694
53661
  border-radius: 100px;
53695
- margin-right: 8px;
53696
- margin-bottom: 4px;
53662
+ margin-inline-end: 8px;
53663
+ margin-block-end: 4px;
53697
53664
  padding-block: 8px;
53698
53665
  padding-inline: 12px;
53699
53666
  border-width: 1px;
@@ -53712,10 +53679,10 @@ kendo-scheduler .k-recurrence-editor {
53712
53679
  }
53713
53680
 
53714
53681
  .k-scrollable-quick-replies {
53715
- margin-left: -16px;
53716
- margin-right: -16px;
53717
- padding-left: 16px;
53718
- padding-right: 16px;
53682
+ margin-inline-start: -16px;
53683
+ margin-inline-end: -16px;
53684
+ padding-inline-start: 16px;
53685
+ padding-inline-end: 16px;
53719
53686
  display: flex;
53720
53687
  flex-flow: row nowrap;
53721
53688
  flex: 0 0 auto;
@@ -53732,7 +53699,7 @@ kendo-scheduler .k-recurrence-editor {
53732
53699
  }
53733
53700
 
53734
53701
  .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply {
53735
- margin-left: 8px;
53702
+ margin-inline-start: 8px;
53736
53703
  }
53737
53704
 
53738
53705
  .k-message-box {
@@ -53766,7 +53733,8 @@ kendo-scheduler .k-recurrence-editor {
53766
53733
  display: inline-block;
53767
53734
  }
53768
53735
 
53769
- .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
53736
+ .k-rtl .k-message-box .k-button,
53737
+ [dir="rtl"] .k-message-box .k-button {
53770
53738
  transform: scaleX(-1);
53771
53739
  }
53772
53740
 
@@ -53774,19 +53742,23 @@ kendo-scheduler .k-recurrence-editor {
53774
53742
  margin: 2px 0 0;
53775
53743
  }
53776
53744
 
53745
+ .k-message-group.k-alt + .k-card-list,
53746
+ .k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
53747
+ align-self: flex-end;
53748
+ }
53749
+
53777
53750
  .k-chat .k-card-deck {
53778
53751
  max-width: calc(100% + 32px);
53779
53752
  box-sizing: border-box;
53780
- margin-left: -16px;
53781
- margin-right: -16px;
53753
+ margin-inline-start: -16px;
53754
+ margin-inline-end: -16px;
53782
53755
  padding: 16px 16px 16px;
53783
53756
  overflow: hidden;
53784
53757
  overflow-x: auto;
53785
53758
  scroll-behavior: smooth;
53786
53759
  }
53787
53760
 
53788
- .k-chat .k-card-deck .k-card,
53789
- .k-chat .k-card-deck .k-card-wrap {
53761
+ .k-chat .k-card-deck .k-card {
53790
53762
  width: 200px;
53791
53763
  }
53792
53764
 
@@ -53856,38 +53828,28 @@ kendo-scheduler .k-recurrence-editor {
53856
53828
  }
53857
53829
  }
53858
53830
 
53859
- .k-chat-toolbar,
53860
- .k-chat .k-toolbar-box {
53861
- padding-block: 8px;
53862
- padding-inline: 8px;
53831
+ .k-chat-toolbar {
53863
53832
  width: 100%;
53864
53833
  border-width: 1px 0 0;
53865
- box-sizing: border-box;
53866
53834
  flex: none;
53867
- overflow: hidden;
53868
- position: relative;
53869
53835
  }
53870
53836
 
53871
- .k-chat-toolbar::before,
53872
- .k-chat .k-toolbar-box::before {
53837
+ .k-chat-toolbar::before {
53873
53838
  display: none;
53874
53839
  }
53875
53840
 
53876
- .k-chat-toolbar .k-button-list,
53877
- .k-chat .k-toolbar-box .k-button-list {
53841
+ .k-chat-toolbar .k-button-list {
53878
53842
  display: flex;
53879
53843
  flex-flow: row nowrap;
53880
53844
  overflow: hidden;
53881
53845
  scroll-behavior: smooth;
53882
53846
  }
53883
53847
 
53884
- .k-chat-toolbar .k-button,
53885
- .k-chat .k-toolbar-box .k-button {
53848
+ .k-chat-toolbar .k-button {
53886
53849
  flex: none;
53887
53850
  }
53888
53851
 
53889
- .k-chat-toolbar .k-scroll-button,
53890
- .k-chat .k-toolbar-box .k-scroll-button {
53852
+ .k-chat-toolbar .k-scroll-button {
53891
53853
  padding: 0 4px;
53892
53854
  height: 100%;
53893
53855
  aspect-ratio: auto;
@@ -53896,86 +53858,19 @@ kendo-scheduler .k-recurrence-editor {
53896
53858
  top: 0;
53897
53859
  }
53898
53860
 
53899
- .k-chat-toolbar .k-scroll-button .k-button-icon,
53900
- .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
53861
+ .k-chat-toolbar .k-scroll-button .k-button-icon {
53901
53862
  min-width: auto;
53902
53863
  min-height: auto;
53903
53864
  }
53904
53865
 
53905
- .k-chat-toolbar .k-scroll-button-left,
53906
- .k-chat .k-toolbar-box .k-scroll-button-left {
53866
+ .k-chat-toolbar .k-scroll-button-left {
53907
53867
  left: 0;
53908
53868
  }
53909
53869
 
53910
- .k-chat-toolbar .k-scroll-button-right,
53911
- .k-chat .k-toolbar-box .k-scroll-button-right {
53912
- right: 0;
53913
- }
53914
-
53915
- .k-rtl .k-message-group:not(.k-alt) .k-message-time,
53916
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-time {
53917
- margin-left: 0;
53918
- margin-right: 8px;
53919
- left: auto;
53920
- right: 100%;
53921
- }
53922
-
53923
- .k-rtl .k-message-group:not(.k-alt) .k-message-status,
53924
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-status {
53925
- left: auto;
53870
+ .k-chat-toolbar .k-scroll-button-right {
53926
53871
  right: 0;
53927
53872
  }
53928
53873
 
53929
- .k-rtl .k-message-group.k-alt .k-message-time,
53930
- [dir="rtl"] .k-message-group.k-alt .k-message-time {
53931
- margin-right: 0;
53932
- margin-left: 8px;
53933
- right: auto;
53934
- left: 100%;
53935
- }
53936
-
53937
- .k-rtl .k-message-group.k-alt .k-message-status,
53938
- [dir="rtl"] .k-message-group.k-alt .k-message-status {
53939
- right: auto;
53940
- left: 0;
53941
- }
53942
-
53943
- .k-rtl .k-message-group:not(.k-alt) > .k-avatar,
53944
- [dir="rtl"] .k-message-group:not(.k-alt) > .k-avatar {
53945
- left: auto;
53946
- right: 0;
53947
- }
53948
-
53949
- .k-rtl .k-message-group.k-alt > .k-avatar,
53950
- [dir="rtl"] .k-message-group.k-alt > .k-avatar {
53951
- right: auto;
53952
- left: 0;
53953
- }
53954
-
53955
- .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
53956
- [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
53957
- padding-left: 0;
53958
- padding-right: 40px;
53959
- }
53960
-
53961
- .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
53962
- [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
53963
- padding-right: 0;
53964
- padding-left: 40px;
53965
- }
53966
-
53967
- .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
53968
- [dir="rtl"] .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
53969
- margin-left: 0;
53970
- margin-right: 16px;
53971
- }
53972
-
53973
- .k-rtl .k-quick-reply,
53974
- [dir="rtl"] .k-quick-reply {
53975
- margin-right: 0;
53976
- margin-left: 8px;
53977
- }
53978
-
53979
53874
  .k-chat {
53980
53875
  border-color: rgba(0, 0, 0, 0.08);
53981
53876
  color: #424242;
@@ -53990,7 +53885,7 @@ kendo-scheduler .k-recurrence-editor {
53990
53885
  font-weight: bold;
53991
53886
  }
53992
53887
 
53993
- .k-chat .k-bubble {
53888
+ .k-chat .k-chat-bubble {
53994
53889
  border-color: #ffffff;
53995
53890
  color: #424242;
53996
53891
  background-color: #ffffff;
@@ -53999,34 +53894,34 @@ kendo-scheduler .k-recurrence-editor {
53999
53894
  order: -1;
54000
53895
  }
54001
53896
 
54002
- .k-chat .k-bubble a {
53897
+ .k-chat .k-chat-bubble a {
54003
53898
  color: #ff6358;
54004
53899
  }
54005
53900
 
54006
- .k-chat .k-bubble a:hover {
53901
+ .k-chat .k-chat-bubble a:hover {
54007
53902
  color: #d6534a;
54008
53903
  }
54009
53904
 
54010
- .k-chat .k-bubble:hover {
53905
+ .k-chat .k-chat-bubble:hover {
54011
53906
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
54012
53907
  }
54013
53908
 
54014
- .k-chat .k-selected .k-bubble {
53909
+ .k-chat .k-selected .k-chat-bubble {
54015
53910
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
54016
53911
  }
54017
53912
 
54018
- .k-chat .k-alt .k-bubble {
53913
+ .k-chat .k-alt .k-chat-bubble {
54019
53914
  border-color: #ff6358;
54020
53915
  color: white;
54021
53916
  background-color: #ff6358;
54022
53917
  box-shadow: 0 1px 2px rgba(255, 99, 88, 0.2);
54023
53918
  }
54024
53919
 
54025
- .k-chat .k-alt .k-bubble:hover {
53920
+ .k-chat .k-alt .k-chat-bubble:hover {
54026
53921
  box-shadow: 0 1px 2px rgba(255, 99, 88, 0.2);
54027
53922
  }
54028
53923
 
54029
- .k-chat .k-alt .k-selected .k-bubble {
53924
+ .k-chat .k-alt .k-selected .k-chat-bubble {
54030
53925
  box-shadow: 0 3px 10px rgba(255, 99, 88, 0.4);
54031
53926
  }
54032
53927
 
@@ -54907,8 +54802,6 @@ kendo-scheduler .k-recurrence-editor {
54907
54802
  background-color: #333333;
54908
54803
  }
54909
54804
 
54910
- kendo-scrollview.k-scrollview-wrap,
54911
- kendo-scrollview.k-scrollview,
54912
54805
  .k-scrollview {
54913
54806
  border-width: 1px;
54914
54807
  border-style: solid;
@@ -54924,62 +54817,40 @@ kendo-scrollview.k-scrollview,
54924
54817
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
54925
54818
  }
54926
54819
 
54927
- .k-scrollview-wrap .k-scrollview,
54928
- .k-scrollview .k-scrollview-wrap {
54929
- list-style-type: none;
54820
+ .k-scrollview-wrap {
54930
54821
  position: absolute;
54931
54822
  margin: 0;
54932
54823
  padding: 0;
54933
- width: 100%;
54934
54824
  height: 100%;
54825
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
54826
+ display: flex;
54827
+ flex-flow: row nowrap;
54935
54828
  cursor: default;
54936
54829
  white-space: nowrap;
54937
54830
  }
54938
54831
 
54939
- .k-scrollview-wrap .k-scrollview img,
54940
- .k-scrollview .k-scrollview-wrap img {
54832
+ .k-scrollview-wrap .k-scrollview-view {
54833
+ width: calc(100%/var(--kendo-scrollview-views, 1));
54834
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54835
+ }
54836
+
54837
+ .k-scrollview-wrap img {
54941
54838
  -webkit-user-select: none;
54942
54839
  -ms-user-select: none;
54943
54840
  user-select: none;
54944
54841
  }
54945
54842
 
54946
- .k-scrollview-wrap .k-scrollview > li,
54947
- .k-scrollview .k-scrollview-wrap > li {
54948
- display: inline-block;
54949
- overflow: hidden;
54950
- position: absolute;
54951
- top: 0;
54952
- left: 0;
54953
- }
54954
-
54955
- .k-scrollview-wrap .k-scrollview > [data-role="page"],
54956
- .k-scrollview .k-scrollview-wrap > [data-role="page"] {
54957
- vertical-align: top;
54958
- display: inline-block;
54959
- min-height: 1px;
54960
- }
54961
-
54962
54843
  .k-scrollview-wrap.k-scrollview-animate {
54963
- display: flex;
54964
- flex-flow: row nowrap;
54965
- width: calc(var(--kendo-scrollview-views, 1)*100%);
54966
54844
  transition-duration: 0.3s;
54967
54845
  transition-timing-function: ease-in-out;
54968
54846
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
54969
54847
  }
54970
54848
 
54971
- .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
54972
- width: calc(100%/var(--kendo-scrollview-views, 1));
54973
- flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54974
- }
54975
-
54976
54849
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
54977
54850
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
54978
54851
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
54979
54852
  }
54980
54853
 
54981
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
54982
- kendo-scrollview.k-scrollview kendo-scrollview-pager,
54983
54854
  .k-scrollview-nav-wrap {
54984
54855
  padding: 0;
54985
54856
  margin: 0;
@@ -54991,17 +54862,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
54991
54862
  text-align: center;
54992
54863
  }
54993
54864
 
54994
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
54995
54865
  kendo-scrollview.k-scrollview kendo-scrollview-pager {
54996
54866
  pointer-events: none;
54997
54867
  }
54998
54868
 
54999
- kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
55000
54869
  kendo-scrollview.k-scrollview .k-scrollview-nav {
55001
54870
  pointer-events: initial;
55002
54871
  }
55003
54872
 
55004
- .k-scrollview-pageable,
55005
54873
  .k-scrollview-nav {
55006
54874
  margin: 0;
55007
54875
  padding: 20px;
@@ -55018,12 +54886,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55018
54886
  pointer-events: initial;
55019
54887
  }
55020
54888
 
55021
- .k-scrollview-pageable:focus,
55022
54889
  .k-scrollview-nav:focus {
55023
54890
  outline: none;
55024
54891
  }
55025
54892
 
55026
- .k-scrollview-pageable > .k-button,
55027
54893
  .k-scrollview-nav > .k-link {
55028
54894
  margin-block: 0;
55029
54895
  margin-inline: 10px;
@@ -55042,7 +54908,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55042
54908
  vertical-align: top;
55043
54909
  }
55044
54910
 
55045
- .k-scrollview-pageable > .k-button::before,
55046
54911
  .k-scrollview-nav > .k-link::before {
55047
54912
  content: "";
55048
54913
  width: 30px;
@@ -55095,54 +54960,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55095
54960
  transition-timing-function: ease-in-out;
55096
54961
  }
55097
54962
 
55098
- @supports (-webkit-user-select: none) {
55099
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55100
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55101
- div.k-scrollview ul.k-scrollview-wrap li > * {
55102
- pointer-events: auto;
55103
- }
55104
- }
55105
-
55106
- @supports not (-webkit-user-select: none) {
55107
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55108
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55109
- div.k-scrollview ul.k-scrollview-wrap li > * {
55110
- pointer-events: none;
55111
- }
55112
- }
55113
-
55114
- kendo-scrollview.k-scrollview-wrap,
55115
- kendo-scrollview.k-scrollview,
55116
- div.k-scrollview {
54963
+ .k-scrollview {
55117
54964
  border-color: rgba(0, 0, 0, 0.08);
55118
54965
  color: #424242;
55119
54966
  background-color: #ffffff;
55120
54967
  }
55121
54968
 
55122
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark kendo-scrollview-pager,
55123
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav-wrap,
55124
- kendo-scrollview.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55125
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap,
55126
- div.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55127
- div.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
54969
+ .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
54970
+ .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
55128
54971
  background-color: rgba(0, 0, 0, 0.4);
55129
54972
  }
55130
54973
 
55131
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
55132
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
55133
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-next,
55134
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-prev,
55135
- div.k-scrollview.k-scrollview-dark .k-scrollview-next,
55136
- div.k-scrollview.k-scrollview-dark .k-scrollview-prev {
54974
+ .k-scrollview.k-scrollview-dark .k-scrollview-next,
54975
+ .k-scrollview.k-scrollview-dark .k-scrollview-prev {
55137
54976
  color: rgba(0, 0, 0, 0.4);
55138
54977
  }
55139
54978
 
55140
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light kendo-scrollview-pager,
55141
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
55142
- kendo-scrollview.k-scrollview.k-scrollview-light kendo-scrollview-pager,
55143
- kendo-scrollview.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap,
55144
- div.k-scrollview.k-scrollview-light kendo-scrollview-pager,
55145
- div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
54979
+ .k-scrollview.k-scrollview-light kendo-scrollview-pager,
54980
+ .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55146
54981
  background-color: rgba(255, 255, 255, 0.4);
55147
54982
  }
55148
54983
 
@@ -55185,33 +55020,24 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55185
55020
  opacity: 1;
55186
55021
  }
55187
55022
 
55188
- .k-scrollview-pageable > .k-button,
55189
55023
  .k-scrollview-nav > .k-link {
55190
55024
  background: #f5f5f5;
55191
55025
  border: rgba(0, 0, 0, 0.08);
55192
55026
  }
55193
55027
 
55194
- .k-scrollview-pageable > .k-button.k-primary,
55195
55028
  .k-scrollview-nav > .k-link.k-primary {
55196
55029
  background: #ff6358;
55197
55030
  border: #ff6358;
55198
55031
  }
55199
55032
 
55200
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
55201
- .k-scrollview-nav > .k-link:focus,
55202
- .k-scrollview-nav > .k-link.k-focus {
55033
+ .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
55203
55034
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55204
55035
  }
55205
55036
 
55206
- .k-scrollview-nav > .k-link:hover,
55207
- .k-scrollview-nav > .k-link.k-hover {
55037
+ .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
55208
55038
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55209
55039
  }
55210
55040
 
55211
- .k-scrollview-pageable > .k-button {
55212
- box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
55213
- }
55214
-
55215
55041
  .k-barcode {
55216
55042
  display: inline-block;
55217
55043
  }