@progress/kendo-theme-classic 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
@@ -43556,8 +43556,6 @@ kendo-card-footer {
43556
43556
  box-sizing: border-box;
43557
43557
  outline: 0;
43558
43558
  font-family: inherit;
43559
- font-size: 14px;
43560
- line-height: 1.4285714286;
43561
43559
  display: flex;
43562
43560
  flex-direction: row;
43563
43561
  -webkit-touch-callout: none;
@@ -43601,8 +43599,6 @@ kendo-card-footer {
43601
43599
  .k-breadcrumb-link,
43602
43600
  .k-breadcrumb-root-link {
43603
43601
  border-radius: 4px;
43604
- padding-block: 6px;
43605
- padding-inline: 8px;
43606
43602
  color: inherit;
43607
43603
  text-decoration: none;
43608
43604
  white-space: nowrap;
@@ -43616,21 +43612,12 @@ kendo-card-footer {
43616
43612
  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;
43617
43613
  }
43618
43614
 
43619
- .k-breadcrumb-root-link {
43620
- margin-inline-end: 8px;
43621
- }
43622
-
43623
43615
  .k-breadcrumb-link > .k-image,
43624
43616
  .k-breadcrumb-icontext-link .k-icon,
43625
43617
  .k-breadcrumb-icontext-link .k-svg-icon {
43626
43618
  margin-inline-end: 4px;
43627
43619
  }
43628
43620
 
43629
- .k-breadcrumb-icon-link {
43630
- padding-block: 8px;
43631
- padding-inline: 8px;
43632
- }
43633
-
43634
43621
  .k-breadcrumb-delimiter,
43635
43622
  .k-breadcrumb-delimiter-icon {
43636
43623
  color: inherit;
@@ -43645,6 +43632,54 @@ kendo-card-footer {
43645
43632
  border-color: transparent;
43646
43633
  }
43647
43634
 
43635
+ .k-breadcrumb-sm {
43636
+ font-size: 14px;
43637
+ line-height: 1.4285714286;
43638
+ }
43639
+
43640
+ .k-breadcrumb-sm .k-breadcrumb-link,
43641
+ .k-breadcrumb-sm .k-breadcrumb-root-link {
43642
+ padding-block: 4px;
43643
+ padding-inline: 8px;
43644
+ }
43645
+
43646
+ .k-breadcrumb-sm .k-breadcrumb-icon-link {
43647
+ padding-block: 6px;
43648
+ padding-inline: 6px;
43649
+ }
43650
+
43651
+ .k-breadcrumb-md {
43652
+ font-size: 14px;
43653
+ line-height: 1.4285714286;
43654
+ }
43655
+
43656
+ .k-breadcrumb-md .k-breadcrumb-link,
43657
+ .k-breadcrumb-md .k-breadcrumb-root-link {
43658
+ padding-block: 6px;
43659
+ padding-inline: 8px;
43660
+ }
43661
+
43662
+ .k-breadcrumb-md .k-breadcrumb-icon-link {
43663
+ padding-block: 8px;
43664
+ padding-inline: 8px;
43665
+ }
43666
+
43667
+ .k-breadcrumb-lg {
43668
+ font-size: 16px;
43669
+ line-height: 1.5;
43670
+ }
43671
+
43672
+ .k-breadcrumb-lg .k-breadcrumb-link,
43673
+ .k-breadcrumb-lg .k-breadcrumb-root-link {
43674
+ padding-block: 8px;
43675
+ padding-inline: 8px;
43676
+ }
43677
+
43678
+ .k-breadcrumb-lg .k-breadcrumb-icon-link {
43679
+ padding-block: 12px;
43680
+ padding-inline: 12px;
43681
+ }
43682
+
43648
43683
  .k-breadcrumb {
43649
43684
  border-color: #cacaca;
43650
43685
  color: #272727;
@@ -43703,8 +43738,7 @@ kendo-card-footer {
43703
43738
  box-sizing: border-box;
43704
43739
  }
43705
43740
 
43706
- .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,
43707
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43741
+ .k-pager-input, .k-pager-sizes, .k-pager-info {
43708
43742
  display: flex;
43709
43743
  flex-direction: row;
43710
43744
  align-items: center;
@@ -43735,8 +43769,7 @@ kendo-card-footer {
43735
43769
 
43736
43770
  .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
43737
43771
  .k-pager-numbers-wrap select.k-dropdownlist {
43738
- cursor: pointer;
43739
- display: none;
43772
+ width: 5em;
43740
43773
  }
43741
43774
 
43742
43775
  .k-pager-numbers {
@@ -43749,16 +43782,18 @@ kendo-card-footer {
43749
43782
  z-index: 2;
43750
43783
  }
43751
43784
 
43752
- .k-pager-input .k-textbox {
43785
+ .k-pager-input {
43786
+ gap: 1ex;
43787
+ }
43788
+
43789
+ .k-pager-input .k-textbox,
43790
+ .k-pager-input .k-numerictextbox {
43753
43791
  margin-block: 0;
43754
- margin-inline: 1ex;
43755
43792
  width: 5em;
43756
43793
  }
43757
43794
 
43758
- .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
43759
- .k-pager-sizes .k-dropdownlist,
43760
- .k-pager-sizes > select {
43761
- margin-right: 1ex;
43795
+ .k-pager-sizes {
43796
+ gap: 1ex;
43762
43797
  }
43763
43798
 
43764
43799
  .k-pager-sizes .k-input-inner,
@@ -43766,17 +43801,6 @@ kendo-card-footer {
43766
43801
  text-overflow: clip;
43767
43802
  }
43768
43803
 
43769
- .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
43770
- .k-rtl .k-pager-sizes .k-dropdownlist,
43771
- .k-rtl .k-pager-sizes > select,
43772
- [dir="rtl"] .k-pager-sizes .k-dropdown-list,
43773
- [dir="rtl"] .k-pager-sizes .k-dropdown,
43774
- [dir="rtl"] .k-pager-sizes .k-dropdownlist,
43775
- [dir="rtl"] .k-pager-sizes > select {
43776
- margin-left: 1ex;
43777
- margin-right: 0;
43778
- }
43779
-
43780
43804
  .k-pager-info {
43781
43805
  text-align: end;
43782
43806
  justify-content: flex-end;
@@ -43790,28 +43814,6 @@ kendo-card-footer {
43790
43814
  order: 10;
43791
43815
  }
43792
43816
 
43793
- .k-pager-mobile-sm {
43794
- overflow: visible;
43795
- }
43796
-
43797
- .k-pager-mobile-sm .k-pager-numbers-wrap {
43798
- border-color: inherit;
43799
- }
43800
-
43801
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
43802
- .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
43803
- margin-left: 16px;
43804
- margin-right: 16px;
43805
- width: 5em;
43806
- }
43807
-
43808
- .k-pager-mobile-md .k-pager-info,
43809
- .k-pager-mobile-sm .k-pager-info,
43810
- .k-pager-mobile-sm .k-pager-sizes,
43811
- .k-pager-mobile-sm .k-pager-numbers {
43812
- display: none;
43813
- }
43814
-
43815
43817
  .k-pager-sm {
43816
43818
  padding-inline: 4px;
43817
43819
  padding-block: 4px;
@@ -43822,7 +43824,10 @@ kendo-card-footer {
43822
43824
  min-width: calc(1.4285714286em + 6px);
43823
43825
  }
43824
43826
 
43825
- .k-pager-sm .k-pager-numbers-wrap .k-pager-input {
43827
+ .k-pager-sm .k-pager-numbers-wrap .k-pager-input,
43828
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown-list,
43829
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown,
43830
+ .k-pager-sm .k-pager-numbers-wrap > select.k-dropdownlist {
43826
43831
  margin-inline-start: 12px;
43827
43832
  margin-inline-end: 12px;
43828
43833
  }
@@ -43843,7 +43848,10 @@ kendo-card-footer {
43843
43848
  min-width: calc(1.4285714286em + 10px);
43844
43849
  }
43845
43850
 
43846
- .k-pager-md .k-pager-numbers-wrap .k-pager-input {
43851
+ .k-pager-md .k-pager-numbers-wrap .k-pager-input,
43852
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list,
43853
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdown,
43854
+ .k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist {
43847
43855
  margin-inline-start: 14px;
43848
43856
  margin-inline-end: 14px;
43849
43857
  }
@@ -43864,7 +43872,10 @@ kendo-card-footer {
43864
43872
  min-width: calc(1.5em + 18px);
43865
43873
  }
43866
43874
 
43867
- .k-pager-lg .k-pager-numbers-wrap .k-pager-input {
43875
+ .k-pager-lg .k-pager-numbers-wrap .k-pager-input,
43876
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown-list,
43877
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown,
43878
+ .k-pager-lg .k-pager-numbers-wrap > select.k-dropdownlist {
43868
43879
  margin-inline-start: 16px;
43869
43880
  margin-inline-end: 16px;
43870
43881
  }
@@ -45254,6 +45265,7 @@ kendo-card-footer {
45254
45265
  box-sizing: border-box;
45255
45266
  outline: 0;
45256
45267
  display: grid;
45268
+ padding: 16px 16px;
45257
45269
  -webkit-touch-callout: none;
45258
45270
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
45259
45271
  }
@@ -45899,12 +45911,6 @@ kendo-card-footer {
45899
45911
  outline: none;
45900
45912
  }
45901
45913
 
45902
- .k-grid .k-table-th .k-placeholder-line,
45903
- .k-grid td .k-placeholder-line,
45904
- .k-grid .k-table-td .k-placeholder-line {
45905
- width: 80%;
45906
- }
45907
-
45908
45914
  .k-grid .k-table-th > .k-radio,
45909
45915
  .k-grid .k-table-th > .k-radio-wrap,
45910
45916
  .k-grid .k-table-th > .k-checkbox,
@@ -46496,12 +46502,6 @@ div.k-grid-footer {
46496
46502
  border-width: 0 0 1px;
46497
46503
  }
46498
46504
 
46499
- .k-pager-input .k-numerictextbox {
46500
- margin-block: 0;
46501
- margin-inline: 7px;
46502
- width: 3em;
46503
- }
46504
-
46505
46505
  .k-grid-virtual .k-grid-content .k-grid-table-wrap {
46506
46506
  float: left;
46507
46507
  width: 100%;
@@ -49841,12 +49841,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49841
49841
 
49842
49842
  .k-filter .k-filter-container,
49843
49843
  .k-filter .k-filter-preview {
49844
- margin-bottom: 30px;
49844
+ margin-block-end: 30px;
49845
49845
  }
49846
49846
 
49847
49847
  .k-filter .k-filter-lines,
49848
49848
  .k-filter .k-filter-item {
49849
- padding-left: 8px;
49849
+ padding-inline-start: 8px;
49850
49850
  }
49851
49851
 
49852
49852
  .k-filter .k-filter-toolbar {
@@ -49861,8 +49861,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49861
49861
  position: absolute;
49862
49862
  width: 8px;
49863
49863
  height: 1px;
49864
- top: 50%;
49865
- left: -8px;
49864
+ inset-block-start: 50%;
49865
+ inset-inline-start: -8px;
49866
49866
  }
49867
49867
 
49868
49868
  .k-filter .k-filter-toolbar .k-toolbar {
@@ -49883,8 +49883,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49883
49883
  position: absolute;
49884
49884
  width: 1px;
49885
49885
  height: 100%;
49886
- top: -4px;
49887
- left: 0;
49886
+ inset-block-start: -4px;
49887
+ inset-inline-start: 0;
49888
49888
  }
49889
49889
 
49890
49890
  .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
@@ -49892,9 +49892,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49892
49892
  content: "";
49893
49893
  position: absolute;
49894
49894
  width: 1px;
49895
- top: -5px;
49896
- bottom: 50%;
49897
- left: -8px;
49895
+ inset-block-start: -5px;
49896
+ inset-block-end: 50%;
49897
+ inset-inline-start: -8px;
49898
49898
  }
49899
49899
 
49900
49900
  .k-filter .k-filter-group-main::before,
@@ -49906,36 +49906,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49906
49906
  display: none;
49907
49907
  }
49908
49908
 
49909
- .k-rtl .k-filter .k-filter-lines,
49910
- .k-rtl .k-filter .k-filter-item, .k-filter[dir="rtl"] .k-filter-lines,
49911
- .k-filter[dir="rtl"] .k-filter-item,
49912
- [dir="rtl"] .k-filter .k-filter-lines,
49913
- [dir="rtl"] .k-filter .k-filter-item {
49914
- padding-left: 0;
49915
- padding-right: 8px;
49916
- }
49917
-
49918
- .k-rtl .k-filter .k-filter-toolbar::before, .k-filter[dir="rtl"] .k-filter-toolbar::before,
49919
- [dir="rtl"] .k-filter .k-filter-toolbar::before {
49920
- left: auto;
49921
- right: -8px;
49922
- }
49923
-
49924
- .k-rtl .k-filter .k-filter-item::before, .k-filter[dir="rtl"] .k-filter-item::before,
49925
- [dir="rtl"] .k-filter .k-filter-item::before {
49926
- left: auto;
49927
- right: 0;
49928
- }
49929
-
49930
- .k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
49931
- .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,
49932
- .k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after,
49933
- [dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
49934
- [dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
49935
- left: auto;
49936
- right: -8px;
49937
- }
49938
-
49939
49909
  .k-filter {
49940
49910
  color: #272727;
49941
49911
  }
@@ -53540,21 +53510,21 @@ kendo-scheduler .k-recurrence-editor {
53540
53510
  }
53541
53511
 
53542
53512
  .k-chat .k-message-group:not(.k-alt) .k-message-time {
53543
- margin-left: 8px;
53544
- left: 100%;
53513
+ margin-inline-start: 8px;
53514
+ inset-inline-start: 100%;
53545
53515
  }
53546
53516
 
53547
53517
  .k-chat .k-message-group:not(.k-alt) .k-message-status {
53548
- left: 0;
53518
+ inset-inline-start: 0;
53549
53519
  }
53550
53520
 
53551
- .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble,
53552
- .k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
53521
+ .k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble,
53522
+ .k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble {
53553
53523
  border-bottom-left-radius: 2px;
53554
53524
  }
53555
53525
 
53556
- .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble,
53557
- .k-chat .k-message-group:not(.k-alt) .k-last .k-bubble {
53526
+ .k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble,
53527
+ .k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble {
53558
53528
  border-top-left-radius: 2px;
53559
53529
  border-bottom-left-radius: 2px;
53560
53530
  }
@@ -53566,21 +53536,21 @@ kendo-scheduler .k-recurrence-editor {
53566
53536
  }
53567
53537
 
53568
53538
  .k-chat .k-message-group.k-alt .k-message-time {
53569
- margin-right: 8px;
53570
- right: 100%;
53539
+ margin-inline-end: 8px;
53540
+ inset-inline-end: 100%;
53571
53541
  }
53572
53542
 
53573
53543
  .k-chat .k-message-group.k-alt .k-message-status {
53574
- right: 0;
53544
+ inset-inline-end: 0;
53575
53545
  }
53576
53546
 
53577
- .k-chat .k-message-group.k-alt .k-first .k-bubble,
53578
- .k-chat .k-message-group.k-alt .k-only .k-bubble {
53547
+ .k-chat .k-message-group.k-alt .k-first .k-chat-bubble,
53548
+ .k-chat .k-message-group.k-alt .k-only .k-chat-bubble {
53579
53549
  border-bottom-right-radius: 2px;
53580
53550
  }
53581
53551
 
53582
- .k-chat .k-message-group.k-alt .k-middle .k-bubble,
53583
- .k-chat .k-message-group.k-alt .k-last .k-bubble {
53552
+ .k-chat .k-message-group.k-alt .k-middle .k-chat-bubble,
53553
+ .k-chat .k-message-group.k-alt .k-last .k-chat-bubble {
53584
53554
  border-top-right-radius: 2px;
53585
53555
  border-bottom-right-radius: 2px;
53586
53556
  }
@@ -53617,7 +53587,7 @@ kendo-scheduler .k-recurrence-editor {
53617
53587
  transition: height .2s ease-in-out;
53618
53588
  }
53619
53589
 
53620
- .k-chat .k-bubble {
53590
+ .k-chat .k-chat-bubble {
53621
53591
  border-radius: 12px;
53622
53592
  padding-block: 8px;
53623
53593
  padding-inline: 12px;
@@ -53628,7 +53598,7 @@ kendo-scheduler .k-recurrence-editor {
53628
53598
  white-space: pre-wrap;
53629
53599
  }
53630
53600
 
53631
- .k-chat .k-bubble a {
53601
+ .k-chat .k-chat-bubble a {
53632
53602
  color: inherit;
53633
53603
  text-decoration: underline;
53634
53604
  }
@@ -53659,29 +53629,26 @@ kendo-scheduler .k-recurrence-editor {
53659
53629
  }
53660
53630
 
53661
53631
  .k-chat .k-avatar {
53662
- border-radius: 100%;
53663
53632
  margin: 0;
53664
- width: 32px;
53665
- height: 32px;
53666
53633
  position: absolute;
53667
53634
  }
53668
53635
 
53669
53636
  .k-message-group:not(.k-alt) > .k-avatar {
53670
- left: 0;
53637
+ inset-inline-start: 0;
53671
53638
  bottom: 0;
53672
53639
  }
53673
53640
 
53674
53641
  .k-message-group.k-alt > .k-avatar {
53675
- right: 0;
53642
+ inset-inline-end: 0;
53676
53643
  bottom: 0;
53677
53644
  }
53678
53645
 
53679
- .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
53680
- padding-left: 40px;
53646
+ .k-chat .k-avatars .k-message-group:not(.k-no-avatar) {
53647
+ padding-inline-start: 40px;
53681
53648
  }
53682
53649
 
53683
53650
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
53684
- padding-right: 40px;
53651
+ padding-inline-end: 40px;
53685
53652
  }
53686
53653
 
53687
53654
  .k-author {
@@ -53708,8 +53675,8 @@ kendo-scheduler .k-recurrence-editor {
53708
53675
 
53709
53676
  .k-quick-reply {
53710
53677
  border-radius: 100px;
53711
- margin-right: 8px;
53712
- margin-bottom: 4px;
53678
+ margin-inline-end: 8px;
53679
+ margin-block-end: 4px;
53713
53680
  padding-block: 8px;
53714
53681
  padding-inline: 12px;
53715
53682
  border-width: 1px;
@@ -53728,10 +53695,10 @@ kendo-scheduler .k-recurrence-editor {
53728
53695
  }
53729
53696
 
53730
53697
  .k-scrollable-quick-replies {
53731
- margin-left: -16px;
53732
- margin-right: -16px;
53733
- padding-left: 16px;
53734
- padding-right: 16px;
53698
+ margin-inline-start: -16px;
53699
+ margin-inline-end: -16px;
53700
+ padding-inline-start: 16px;
53701
+ padding-inline-end: 16px;
53735
53702
  display: flex;
53736
53703
  flex-flow: row nowrap;
53737
53704
  flex: 0 0 auto;
@@ -53748,7 +53715,7 @@ kendo-scheduler .k-recurrence-editor {
53748
53715
  }
53749
53716
 
53750
53717
  .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply {
53751
- margin-left: 8px;
53718
+ margin-inline-start: 8px;
53752
53719
  }
53753
53720
 
53754
53721
  .k-message-box {
@@ -53782,7 +53749,8 @@ kendo-scheduler .k-recurrence-editor {
53782
53749
  display: inline-block;
53783
53750
  }
53784
53751
 
53785
- .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
53752
+ .k-rtl .k-message-box .k-button,
53753
+ [dir="rtl"] .k-message-box .k-button {
53786
53754
  transform: scaleX(-1);
53787
53755
  }
53788
53756
 
@@ -53790,19 +53758,23 @@ kendo-scheduler .k-recurrence-editor {
53790
53758
  margin: 2px 0 0;
53791
53759
  }
53792
53760
 
53761
+ .k-message-group.k-alt + .k-card-list,
53762
+ .k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
53763
+ align-self: flex-end;
53764
+ }
53765
+
53793
53766
  .k-chat .k-card-deck {
53794
53767
  max-width: calc(100% + 32px);
53795
53768
  box-sizing: border-box;
53796
- margin-left: -16px;
53797
- margin-right: -16px;
53769
+ margin-inline-start: -16px;
53770
+ margin-inline-end: -16px;
53798
53771
  padding: 16px 16px 16px;
53799
53772
  overflow: hidden;
53800
53773
  overflow-x: auto;
53801
53774
  scroll-behavior: smooth;
53802
53775
  }
53803
53776
 
53804
- .k-chat .k-card-deck .k-card,
53805
- .k-chat .k-card-deck .k-card-wrap {
53777
+ .k-chat .k-card-deck .k-card {
53806
53778
  width: 200px;
53807
53779
  }
53808
53780
 
@@ -53872,38 +53844,28 @@ kendo-scheduler .k-recurrence-editor {
53872
53844
  }
53873
53845
  }
53874
53846
 
53875
- .k-chat-toolbar,
53876
- .k-chat .k-toolbar-box {
53877
- padding-block: 8px;
53878
- padding-inline: 8px;
53847
+ .k-chat-toolbar {
53879
53848
  width: 100%;
53880
53849
  border-width: 1px 0 0;
53881
- box-sizing: border-box;
53882
53850
  flex: none;
53883
- overflow: hidden;
53884
- position: relative;
53885
53851
  }
53886
53852
 
53887
- .k-chat-toolbar::before,
53888
- .k-chat .k-toolbar-box::before {
53853
+ .k-chat-toolbar::before {
53889
53854
  display: none;
53890
53855
  }
53891
53856
 
53892
- .k-chat-toolbar .k-button-list,
53893
- .k-chat .k-toolbar-box .k-button-list {
53857
+ .k-chat-toolbar .k-button-list {
53894
53858
  display: flex;
53895
53859
  flex-flow: row nowrap;
53896
53860
  overflow: hidden;
53897
53861
  scroll-behavior: smooth;
53898
53862
  }
53899
53863
 
53900
- .k-chat-toolbar .k-button,
53901
- .k-chat .k-toolbar-box .k-button {
53864
+ .k-chat-toolbar .k-button {
53902
53865
  flex: none;
53903
53866
  }
53904
53867
 
53905
- .k-chat-toolbar .k-scroll-button,
53906
- .k-chat .k-toolbar-box .k-scroll-button {
53868
+ .k-chat-toolbar .k-scroll-button {
53907
53869
  padding: 0 4px;
53908
53870
  height: 100%;
53909
53871
  aspect-ratio: auto;
@@ -53912,86 +53874,19 @@ kendo-scheduler .k-recurrence-editor {
53912
53874
  top: 0;
53913
53875
  }
53914
53876
 
53915
- .k-chat-toolbar .k-scroll-button .k-button-icon,
53916
- .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
53877
+ .k-chat-toolbar .k-scroll-button .k-button-icon {
53917
53878
  min-width: auto;
53918
53879
  min-height: auto;
53919
53880
  }
53920
53881
 
53921
- .k-chat-toolbar .k-scroll-button-left,
53922
- .k-chat .k-toolbar-box .k-scroll-button-left {
53882
+ .k-chat-toolbar .k-scroll-button-left {
53923
53883
  left: 0;
53924
53884
  }
53925
53885
 
53926
- .k-chat-toolbar .k-scroll-button-right,
53927
- .k-chat .k-toolbar-box .k-scroll-button-right {
53928
- right: 0;
53929
- }
53930
-
53931
- .k-rtl .k-message-group:not(.k-alt) .k-message-time,
53932
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-time {
53933
- margin-left: 0;
53934
- margin-right: 8px;
53935
- left: auto;
53936
- right: 100%;
53937
- }
53938
-
53939
- .k-rtl .k-message-group:not(.k-alt) .k-message-status,
53940
- [dir="rtl"] .k-message-group:not(.k-alt) .k-message-status {
53941
- left: auto;
53886
+ .k-chat-toolbar .k-scroll-button-right {
53942
53887
  right: 0;
53943
53888
  }
53944
53889
 
53945
- .k-rtl .k-message-group.k-alt .k-message-time,
53946
- [dir="rtl"] .k-message-group.k-alt .k-message-time {
53947
- margin-right: 0;
53948
- margin-left: 8px;
53949
- right: auto;
53950
- left: 100%;
53951
- }
53952
-
53953
- .k-rtl .k-message-group.k-alt .k-message-status,
53954
- [dir="rtl"] .k-message-group.k-alt .k-message-status {
53955
- right: auto;
53956
- left: 0;
53957
- }
53958
-
53959
- .k-rtl .k-message-group:not(.k-alt) > .k-avatar,
53960
- [dir="rtl"] .k-message-group:not(.k-alt) > .k-avatar {
53961
- left: auto;
53962
- right: 0;
53963
- }
53964
-
53965
- .k-rtl .k-message-group.k-alt > .k-avatar,
53966
- [dir="rtl"] .k-message-group.k-alt > .k-avatar {
53967
- right: auto;
53968
- left: 0;
53969
- }
53970
-
53971
- .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
53972
- [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
53973
- padding-left: 0;
53974
- padding-right: 40px;
53975
- }
53976
-
53977
- .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
53978
- [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
53979
- padding-right: 0;
53980
- padding-left: 40px;
53981
- }
53982
-
53983
- .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
53984
- [dir="rtl"] .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
53985
- margin-left: 0;
53986
- margin-right: 16px;
53987
- }
53988
-
53989
- .k-rtl .k-quick-reply,
53990
- [dir="rtl"] .k-quick-reply {
53991
- margin-right: 0;
53992
- margin-left: 8px;
53993
- }
53994
-
53995
53890
  .k-chat {
53996
53891
  border-color: #d6d6d6;
53997
53892
  color: #272727;
@@ -54006,7 +53901,7 @@ kendo-scheduler .k-recurrence-editor {
54006
53901
  font-weight: bold;
54007
53902
  }
54008
53903
 
54009
- .k-chat .k-bubble {
53904
+ .k-chat .k-chat-bubble {
54010
53905
  border-color: #ffffff;
54011
53906
  color: #272727;
54012
53907
  background-color: #ffffff;
@@ -54015,34 +53910,34 @@ kendo-scheduler .k-recurrence-editor {
54015
53910
  order: -1;
54016
53911
  }
54017
53912
 
54018
- .k-chat .k-bubble a {
53913
+ .k-chat .k-chat-bubble a {
54019
53914
  color: #f35800;
54020
53915
  }
54021
53916
 
54022
- .k-chat .k-bubble a:hover {
53917
+ .k-chat .k-chat-bubble a:hover {
54023
53918
  color: #cc4a00;
54024
53919
  }
54025
53920
 
54026
- .k-chat .k-bubble:hover {
53921
+ .k-chat .k-chat-bubble:hover {
54027
53922
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
54028
53923
  }
54029
53924
 
54030
- .k-chat .k-selected .k-bubble {
53925
+ .k-chat .k-selected .k-chat-bubble {
54031
53926
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
54032
53927
  }
54033
53928
 
54034
- .k-chat .k-alt .k-bubble {
53929
+ .k-chat .k-alt .k-chat-bubble {
54035
53930
  border-color: #f35800;
54036
53931
  color: white;
54037
53932
  background-color: #f35800;
54038
53933
  box-shadow: 0 1px 2px rgba(243, 88, 0, 0.2);
54039
53934
  }
54040
53935
 
54041
- .k-chat .k-alt .k-bubble:hover {
53936
+ .k-chat .k-alt .k-chat-bubble:hover {
54042
53937
  box-shadow: 0 1px 2px rgba(243, 88, 0, 0.2);
54043
53938
  }
54044
53939
 
54045
- .k-chat .k-alt .k-selected .k-bubble {
53940
+ .k-chat .k-alt .k-selected .k-chat-bubble {
54046
53941
  box-shadow: 0 3px 10px rgba(243, 88, 0, 0.4);
54047
53942
  }
54048
53943
 
@@ -54923,8 +54818,6 @@ kendo-scheduler .k-recurrence-editor {
54923
54818
  background-color: #333333;
54924
54819
  }
54925
54820
 
54926
- kendo-scrollview.k-scrollview-wrap,
54927
- kendo-scrollview.k-scrollview,
54928
54821
  .k-scrollview {
54929
54822
  border-width: 1px;
54930
54823
  border-style: solid;
@@ -54940,62 +54833,40 @@ kendo-scrollview.k-scrollview,
54940
54833
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
54941
54834
  }
54942
54835
 
54943
- .k-scrollview-wrap .k-scrollview,
54944
- .k-scrollview .k-scrollview-wrap {
54945
- list-style-type: none;
54836
+ .k-scrollview-wrap {
54946
54837
  position: absolute;
54947
54838
  margin: 0;
54948
54839
  padding: 0;
54949
- width: 100%;
54950
54840
  height: 100%;
54841
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
54842
+ display: flex;
54843
+ flex-flow: row nowrap;
54951
54844
  cursor: default;
54952
54845
  white-space: nowrap;
54953
54846
  }
54954
54847
 
54955
- .k-scrollview-wrap .k-scrollview img,
54956
- .k-scrollview .k-scrollview-wrap img {
54848
+ .k-scrollview-wrap .k-scrollview-view {
54849
+ width: calc(100%/var(--kendo-scrollview-views, 1));
54850
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54851
+ }
54852
+
54853
+ .k-scrollview-wrap img {
54957
54854
  -webkit-user-select: none;
54958
54855
  -ms-user-select: none;
54959
54856
  user-select: none;
54960
54857
  }
54961
54858
 
54962
- .k-scrollview-wrap .k-scrollview > li,
54963
- .k-scrollview .k-scrollview-wrap > li {
54964
- display: inline-block;
54965
- overflow: hidden;
54966
- position: absolute;
54967
- top: 0;
54968
- left: 0;
54969
- }
54970
-
54971
- .k-scrollview-wrap .k-scrollview > [data-role="page"],
54972
- .k-scrollview .k-scrollview-wrap > [data-role="page"] {
54973
- vertical-align: top;
54974
- display: inline-block;
54975
- min-height: 1px;
54976
- }
54977
-
54978
54859
  .k-scrollview-wrap.k-scrollview-animate {
54979
- display: flex;
54980
- flex-flow: row nowrap;
54981
- width: calc(var(--kendo-scrollview-views, 1)*100%);
54982
54860
  transition-duration: 0.3s;
54983
54861
  transition-timing-function: ease-in-out;
54984
54862
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
54985
54863
  }
54986
54864
 
54987
- .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
54988
- width: calc(100%/var(--kendo-scrollview-views, 1));
54989
- flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54990
- }
54991
-
54992
54865
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
54993
54866
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
54994
54867
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
54995
54868
  }
54996
54869
 
54997
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
54998
- kendo-scrollview.k-scrollview kendo-scrollview-pager,
54999
54870
  .k-scrollview-nav-wrap {
55000
54871
  padding: 0;
55001
54872
  margin: 0;
@@ -55007,17 +54878,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
55007
54878
  text-align: center;
55008
54879
  }
55009
54880
 
55010
- kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
55011
54881
  kendo-scrollview.k-scrollview kendo-scrollview-pager {
55012
54882
  pointer-events: none;
55013
54883
  }
55014
54884
 
55015
- kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
55016
54885
  kendo-scrollview.k-scrollview .k-scrollview-nav {
55017
54886
  pointer-events: initial;
55018
54887
  }
55019
54888
 
55020
- .k-scrollview-pageable,
55021
54889
  .k-scrollview-nav {
55022
54890
  margin: 0;
55023
54891
  padding: 20px;
@@ -55034,12 +54902,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55034
54902
  pointer-events: initial;
55035
54903
  }
55036
54904
 
55037
- .k-scrollview-pageable:focus,
55038
54905
  .k-scrollview-nav:focus {
55039
54906
  outline: none;
55040
54907
  }
55041
54908
 
55042
- .k-scrollview-pageable > .k-button,
55043
54909
  .k-scrollview-nav > .k-link {
55044
54910
  margin-block: 0;
55045
54911
  margin-inline: 10px;
@@ -55058,7 +54924,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55058
54924
  vertical-align: top;
55059
54925
  }
55060
54926
 
55061
- .k-scrollview-pageable > .k-button::before,
55062
54927
  .k-scrollview-nav > .k-link::before {
55063
54928
  content: "";
55064
54929
  width: 30px;
@@ -55111,54 +54976,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
55111
54976
  transition-timing-function: ease-in-out;
55112
54977
  }
55113
54978
 
55114
- @supports (-webkit-user-select: none) {
55115
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55116
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55117
- div.k-scrollview ul.k-scrollview-wrap li > * {
55118
- pointer-events: auto;
55119
- }
55120
- }
55121
-
55122
- @supports not (-webkit-user-select: none) {
55123
- kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
55124
- kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
55125
- div.k-scrollview ul.k-scrollview-wrap li > * {
55126
- pointer-events: none;
55127
- }
55128
- }
55129
-
55130
- kendo-scrollview.k-scrollview-wrap,
55131
- kendo-scrollview.k-scrollview,
55132
- div.k-scrollview {
54979
+ .k-scrollview {
55133
54980
  border-color: #cacaca;
55134
54981
  color: #272727;
55135
54982
  background-color: #ffffff;
55136
54983
  }
55137
54984
 
55138
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark kendo-scrollview-pager,
55139
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav-wrap,
55140
- kendo-scrollview.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55141
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap,
55142
- div.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
55143
- div.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
54985
+ .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
54986
+ .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
55144
54987
  background-color: rgba(0, 0, 0, 0.4);
55145
54988
  }
55146
54989
 
55147
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
55148
- kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
55149
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-next,
55150
- kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-prev,
55151
- div.k-scrollview.k-scrollview-dark .k-scrollview-next,
55152
- div.k-scrollview.k-scrollview-dark .k-scrollview-prev {
54990
+ .k-scrollview.k-scrollview-dark .k-scrollview-next,
54991
+ .k-scrollview.k-scrollview-dark .k-scrollview-prev {
55153
54992
  color: rgba(0, 0, 0, 0.4);
55154
54993
  }
55155
54994
 
55156
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light kendo-scrollview-pager,
55157
- kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
55158
- kendo-scrollview.k-scrollview.k-scrollview-light kendo-scrollview-pager,
55159
- kendo-scrollview.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap,
55160
- div.k-scrollview.k-scrollview-light kendo-scrollview-pager,
55161
- div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
54995
+ .k-scrollview.k-scrollview-light kendo-scrollview-pager,
54996
+ .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55162
54997
  background-color: rgba(255, 255, 255, 0.4);
55163
54998
  }
55164
54999
 
@@ -55201,33 +55036,24 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
55201
55036
  opacity: 1;
55202
55037
  }
55203
55038
 
55204
- .k-scrollview-pageable > .k-button,
55205
55039
  .k-scrollview-nav > .k-link {
55206
55040
  background: #f0f0f0;
55207
55041
  border: #cacaca;
55208
55042
  }
55209
55043
 
55210
- .k-scrollview-pageable > .k-button.k-primary,
55211
55044
  .k-scrollview-nav > .k-link.k-primary {
55212
55045
  background: #f35800;
55213
55046
  border: #cc4a00;
55214
55047
  }
55215
55048
 
55216
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
55217
- .k-scrollview-nav > .k-link:focus,
55218
- .k-scrollview-nav > .k-link.k-focus {
55049
+ .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
55219
55050
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55220
55051
  }
55221
55052
 
55222
- .k-scrollview-nav > .k-link:hover,
55223
- .k-scrollview-nav > .k-link.k-hover {
55053
+ .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
55224
55054
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
55225
55055
  }
55226
55056
 
55227
- .k-scrollview-pageable > .k-button {
55228
- box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
55229
- }
55230
-
55231
55057
  .k-barcode {
55232
55058
  display: inline-block;
55233
55059
  }