@progress/kendo-theme-classic 9.1.0-dev.4 → 9.1.0-dev.6

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.
Files changed (46) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/all.scss +465 -82
  3. package/dist/classic-green-dark.css +1 -1
  4. package/dist/classic-green.css +1 -1
  5. package/dist/classic-lavender-dark.css +1 -1
  6. package/dist/classic-lavender.css +1 -1
  7. package/dist/classic-main-dark.css +1 -1
  8. package/dist/classic-main.css +1 -1
  9. package/dist/classic-metro-dark.css +1 -1
  10. package/dist/classic-metro.css +1 -1
  11. package/dist/classic-moonlight.css +1 -1
  12. package/dist/classic-opal-dark.css +1 -1
  13. package/dist/classic-opal.css +1 -1
  14. package/dist/classic-silver-dark.css +1 -1
  15. package/dist/classic-silver.css +1 -1
  16. package/dist/classic-uniform.css +1 -1
  17. package/dist/meta/sassdoc-data.json +1038 -114
  18. package/dist/meta/sassdoc-raw-data.json +475 -50
  19. package/dist/meta/variables.json +97 -9
  20. package/lib/swatches/classic-green-dark.json +1 -1
  21. package/lib/swatches/classic-green.json +1 -1
  22. package/lib/swatches/classic-lavender-dark.json +1 -1
  23. package/lib/swatches/classic-lavender.json +1 -1
  24. package/lib/swatches/classic-main-dark.json +1 -1
  25. package/lib/swatches/classic-main.json +1 -1
  26. package/lib/swatches/classic-metro-dark.json +1 -1
  27. package/lib/swatches/classic-metro.json +1 -1
  28. package/lib/swatches/classic-moonlight.json +1 -1
  29. package/lib/swatches/classic-opal-dark.json +1 -1
  30. package/lib/swatches/classic-opal.json +1 -1
  31. package/lib/swatches/classic-silver-dark.json +1 -1
  32. package/lib/swatches/classic-silver.json +1 -1
  33. package/lib/swatches/classic-uniform.json +1 -1
  34. package/package.json +5 -5
  35. package/scss/dataviz/_index.scss +3 -1
  36. package/scss/dataviz/_variables.scss +9 -0
  37. package/scss/index.scss +2 -0
  38. package/scss/list/_index.scss +3 -1
  39. package/scss/list/_variables.scss +0 -4
  40. package/scss/no-data/_index.scss +32 -0
  41. package/scss/no-data/_layout.scss +5 -0
  42. package/scss/no-data/_theme.scss +5 -0
  43. package/scss/no-data/_variables.scss +7 -0
  44. package/scss/pdf-viewer/_variables.scss +23 -0
  45. package/scss/scheduler/_index.scss +3 -1
  46. package/scss/toolbar/_variables.scss +32 -4
package/dist/all.scss CHANGED
@@ -5093,6 +5093,7 @@ $kendo-components: (
5093
5093
  "overlay",
5094
5094
  "ripple",
5095
5095
  "virtual-scroller",
5096
+ "no-data",
5096
5097
 
5097
5098
  // Indicators
5098
5099
  "avatar",
@@ -5598,6 +5599,7 @@ $_kendo-dependencies: (
5598
5599
  "icon",
5599
5600
  "input"
5600
5601
  ),
5602
+ no-data: (),
5601
5603
  orgchart: (
5602
5604
  "action-buttons",
5603
5605
  "avatar",
@@ -17517,7 +17519,8 @@ $_kendo-module-meta: (
17517
17519
  name: "list",
17518
17520
  dependencies: (
17519
17521
  "checkbox",
17520
- "icon"
17522
+ "icon",
17523
+ "no-data"
17521
17524
  )
17522
17525
  );
17523
17526
 
@@ -17786,10 +17789,6 @@ $kendo-list-group-item-border: inherit !default;
17786
17789
  /// @group list
17787
17790
  $kendo-list-group-item-shadow: null !default;
17788
17791
 
17789
- /// The color of the 'No Data' text.
17790
- /// @group list
17791
- $kendo-list-no-data-text: $kendo-subtle-text !default;
17792
-
17793
17792
  /// The color of the 'Option Label' text.
17794
17793
  /// @group list
17795
17794
  $kendo-list-option-label-text: $kendo-subtle-text !default;
@@ -18358,6 +18357,108 @@ $kendo-checkbox-ripple-opacity: .25 !default;
18358
18357
  @include kendo-checkbox--styles();
18359
18358
  }
18360
18359
 
18360
+ // #endregion
18361
+ // #region @import "../no-data/_index.scss"; -> scss/no-data/_index.scss
18362
+ // #region @import "../core/_index.scss"; -> scss/core/_index.scss
18363
+ // File already imported_once. Skipping output.
18364
+ // #endregion
18365
+
18366
+
18367
+ // Module meta
18368
+ $_kendo-module-meta: (
18369
+ name: "no-data",
18370
+ dependencies: ()
18371
+ );
18372
+
18373
+ // Dependencies
18374
+
18375
+
18376
+ // Component
18377
+ // #region @import "./_variables.scss"; -> scss/no-data/_variables.scss
18378
+ /// The minimum height of the 'No Data' text container.
18379
+ /// @group no-data
18380
+ $kendo-no-data-min-height: 140px !default;
18381
+
18382
+ /// The color of the 'No Data' text.
18383
+ /// @group no-data
18384
+ $kendo-no-data-text: $kendo-subtle-text !default;
18385
+
18386
+ // #endregion
18387
+ // #region @import "./_layout.scss"; -> scss/no-data/_layout.scss
18388
+ // #region @import "@progress/kendo-theme-default/scss/no-data/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/no-data/_layout.scss
18389
+ @mixin kendo-no-data--layout-base() {
18390
+
18391
+ .k-no-data {
18392
+ min-height: $kendo-no-data-min-height;
18393
+ display: flex;
18394
+ align-items: center;
18395
+ justify-content: center;
18396
+ font-weight: lighter;
18397
+ text-align: center;
18398
+ white-space: normal;
18399
+ }
18400
+
18401
+
18402
+ // Alias
18403
+ .k-nodata {
18404
+ @extend .k-no-data !optional;
18405
+ }
18406
+
18407
+
18408
+ }
18409
+
18410
+ @mixin kendo-no-data--layout() {
18411
+ @include kendo-no-data--layout-base();
18412
+ }
18413
+
18414
+ // #endregion
18415
+
18416
+ @mixin kendo-no-data--layout() {
18417
+ @include kendo-no-data--layout-base();
18418
+ }
18419
+
18420
+ // #endregion
18421
+ // #region @import "./_theme.scss"; -> scss/no-data/_theme.scss
18422
+ // #region @import "@progress/kendo-theme-default/scss/no-data/_theme.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/no-data/_theme.scss
18423
+ @mixin kendo-no-data--theme-base() {
18424
+
18425
+ .k-no-data {
18426
+ color: $kendo-no-data-text;
18427
+ }
18428
+
18429
+ }
18430
+
18431
+
18432
+ @mixin kendo-no-data--theme() {
18433
+ @include kendo-no-data--theme-base();
18434
+ }
18435
+
18436
+ // #endregion
18437
+
18438
+ @mixin kendo-no-data--theme() {
18439
+ @include kendo-no-data--theme-base();
18440
+ }
18441
+
18442
+ // #endregion
18443
+
18444
+ // Register
18445
+ // #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
18446
+ // File already imported_once. Skipping output.
18447
+ // #endregion
18448
+ @include module-register( $_kendo-module-meta... );
18449
+
18450
+ // Expose
18451
+ @mixin kendo-no-data--styles() {
18452
+ @include module-render( "no-data" ) {
18453
+ @include kendo-no-data--layout();
18454
+ @include kendo-no-data--theme();
18455
+ }
18456
+ }
18457
+
18458
+ @if $kendo-auto-bootstrap {
18459
+ @include kendo-no-data--styles();
18460
+ }
18461
+
18361
18462
  // #endregion
18362
18463
 
18363
18464
 
@@ -18607,25 +18708,6 @@ $kendo-checkbox-ripple-opacity: .25 !default;
18607
18708
  }
18608
18709
  }
18609
18710
  }
18610
-
18611
-
18612
- // No data
18613
- .k-no-data {
18614
- min-height: 140px;
18615
- display: flex;
18616
- align-items: center;
18617
- justify-content: center;
18618
- font-weight: lighter;
18619
- text-align: center;
18620
- white-space: normal;
18621
- }
18622
-
18623
-
18624
- // Alias
18625
- .k-nodata {
18626
- @extend .k-no-data !optional;
18627
- }
18628
-
18629
18711
  }
18630
18712
 
18631
18713
 
@@ -18733,12 +18815,6 @@ $kendo-checkbox-ripple-opacity: .25 !default;
18733
18815
  );
18734
18816
  }
18735
18817
 
18736
-
18737
- // No data
18738
- .k-no-data {
18739
- color: $kendo-list-no-data-text;
18740
- }
18741
-
18742
18818
  }
18743
18819
 
18744
18820
 
@@ -20228,6 +20304,9 @@ $_kendo-module-meta: (
20228
20304
  }
20229
20305
 
20230
20306
  // #endregion
20307
+ // #region @import "./no-data/_index.scss"; -> scss/no-data/_index.scss
20308
+ // File already imported_once. Skipping output.
20309
+ // #endregion
20231
20310
 
20232
20311
 
20233
20312
  // Indicators
@@ -24611,6 +24690,38 @@ $kendo-toolbar-gradient: null !default;
24611
24690
  /// @group toolbar
24612
24691
  $kendo-toolbar-shadow: null !default;
24613
24692
 
24693
+ /// The text color of the outline Toolbar.
24694
+ /// @group toolbar
24695
+ $kendo-toolbar-outline-text: $kendo-button-text !default;
24696
+ /// The color of the border around the outline Toolbar.
24697
+ /// @group toolbar
24698
+ $kendo-toolbar-outline-border: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-toolbar-outline-text, .5)) !default;
24699
+ /// The gradient of the outline Toolbar.
24700
+ /// @group toolbar
24701
+ $kendo-toolbar-outline-gradient: null !default;
24702
+ /// The box shadow of the outline Toolbar.
24703
+ /// @group toolbar
24704
+ $kendo-toolbar-outline-shadow: null !default;
24705
+ /// The width of the border around the outline Toolbar.
24706
+ /// @group toolbar
24707
+ $kendo-toolbar-outline-border-width: $kendo-toolbar-border-width !default;
24708
+
24709
+ /// The text color of the flat Toolbar.
24710
+ /// @group toolbar
24711
+ $kendo-toolbar-flat-text: null !default;
24712
+ /// The color of the border around the flat Toolbar.
24713
+ /// @group toolbar
24714
+ $kendo-toolbar-flat-border: $kendo-toolbar-border !default;
24715
+ /// The gradient of the flat Toolbar.
24716
+ /// @group toolbar
24717
+ $kendo-toolbar-flat-gradient: null !default;
24718
+ /// The box shadow of the flat Toolbar.
24719
+ /// @group toolbar
24720
+ $kendo-toolbar-flat-shadow: null !default;
24721
+ /// Border width of the flat Toolbar.
24722
+ /// @group toolbar
24723
+ $kendo-toolbar-flat-border-width: 1px !default;
24724
+
24614
24725
  /// The color of the separator border of the Toolbar.
24615
24726
  /// @group toolbar
24616
24727
  $kendo-toolbar-separator-border: inherit !default;
@@ -24623,10 +24734,6 @@ $kendo-toolbar-input-width: 10em !default;
24623
24734
  /// @group toolbar
24624
24735
  $kendo-toolbar-item-shadow: $kendo-button-focus-shadow !default;
24625
24736
 
24626
- /// Border width of the flat Toolbar.
24627
- /// @group toolbar
24628
- $kendo-toolbar-flat-border-width: 1px !default;
24629
-
24630
24737
  /// The sizes map for the Toolbar.
24631
24738
  /// @group toolbar
24632
24739
  $kendo-toolbar-sizes: (
@@ -24753,7 +24860,19 @@ $kendo-toolbar-sizes: (
24753
24860
  text-decoration: none;
24754
24861
  outline: 0;
24755
24862
  }
24863
+ }
24756
24864
 
24865
+ // Outline Toolbar
24866
+ .k-toolbar-outline {
24867
+ border-width: $kendo-toolbar-outline-border-width;
24868
+ background: none;
24869
+ }
24870
+
24871
+ // Flat Toolbar
24872
+ .k-toolbar-flat {
24873
+ border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
24874
+ border-inline-color: transparent !important; // stylelint-disable-line declaration-no-important
24875
+ background: none !important; // stylelint-disable-line declaration-no-important
24757
24876
  }
24758
24877
 
24759
24878
 
@@ -24900,16 +25019,6 @@ $kendo-toolbar-sizes: (
24900
25019
  }
24901
25020
  }
24902
25021
 
24903
- // Flat Toolbar
24904
- .k-toolbar.k-toolbar-flat {
24905
- border-width: $kendo-toolbar-flat-border-width 0;
24906
- border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
24907
- border-bottom-color: inherit;
24908
- color: inherit;
24909
- background: none !important; // stylelint-disable-line declaration-no-important
24910
- box-shadow: none;
24911
- }
24912
-
24913
25022
  }
24914
25023
 
24915
25024
 
@@ -24931,15 +25040,6 @@ $kendo-toolbar-sizes: (
24931
25040
 
24932
25041
  // Theme
24933
25042
  .k-toolbar {
24934
- @include fill(
24935
- $kendo-toolbar-text,
24936
- $kendo-toolbar-bg,
24937
- $kendo-toolbar-border,
24938
- $kendo-toolbar-gradient
24939
- );
24940
- @include box-shadow( $kendo-toolbar-shadow );
24941
-
24942
-
24943
25043
  // Separator
24944
25044
  .k-separator,
24945
25045
  .k-toolbar-separator {
@@ -24959,6 +25059,39 @@ $kendo-toolbar-sizes: (
24959
25059
 
24960
25060
  }
24961
25061
 
25062
+ // Solid Toolbar
25063
+ .k-toolbar-solid {
25064
+ @include fill(
25065
+ $kendo-toolbar-text,
25066
+ $kendo-toolbar-bg,
25067
+ $kendo-toolbar-border,
25068
+ $kendo-toolbar-gradient
25069
+ );
25070
+ @include box-shadow( $kendo-toolbar-shadow );
25071
+ }
25072
+
25073
+ // Outline Toolbar
25074
+ .k-toolbar-outline {
25075
+ @include fill(
25076
+ $color: $kendo-toolbar-outline-text,
25077
+ $border: $kendo-toolbar-outline-border
25078
+ );
25079
+ @include box-shadow( $kendo-toolbar-outline-shadow );
25080
+ }
25081
+
25082
+ // Flat Toolbar
25083
+ .k-toolbar-flat {
25084
+ @include fill(
25085
+ $color: $kendo-toolbar-flat-text,
25086
+ $border: $kendo-toolbar-flat-border
25087
+ );
25088
+ @include box-shadow( $kendo-toolbar-flat-shadow );
25089
+
25090
+ > .k-separator {
25091
+ border-inline-color: $kendo-toolbar-flat-border;
25092
+ }
25093
+ }
25094
+
24962
25095
  .k-floating-toolbar,
24963
25096
  .editorToolbarWindow.k-window-content { // stylelint-disable-line
24964
25097
  @include fill(
@@ -46653,7 +46786,8 @@ $_kendo-module-meta: (
46653
46786
  dependencies: (
46654
46787
  "icon",
46655
46788
  "popup",
46656
- "tooltip"
46789
+ "tooltip",
46790
+ "no-data"
46657
46791
  )
46658
46792
  );
46659
46793
 
@@ -46665,6 +46799,9 @@ $_kendo-module-meta: (
46665
46799
  // #region @import "../tooltip/_index.scss"; -> scss/tooltip/_index.scss
46666
46800
  // File already imported_once. Skipping output.
46667
46801
  // #endregion
46802
+ // #region @import "../no-data/_index.scss"; -> scss/no-data/_index.scss
46803
+ // File already imported_once. Skipping output.
46804
+ // #endregion
46668
46805
 
46669
46806
 
46670
46807
  // Component
@@ -46805,12 +46942,21 @@ $kendo-chart-selection-handle-size: 22px !default;
46805
46942
  $kendo-chart-selection-border-color: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 )) !default;
46806
46943
  $kendo-chart-selection-shadow: inset 0 1px 7px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 15%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .15 )) !default;
46807
46944
 
46945
+ $kendo-chart-computed-title-height: 0px !default;
46808
46946
 
46809
46947
  // TreeMap
46810
46948
  $kendo-treemap-font-family: var( --kendo-font-family, inherit ) !default;
46811
46949
  $kendo-treemap-font-size: var( --kendo-font-size, inherit ) !default;
46812
46950
  $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
46813
46951
 
46952
+ // Chart Overlay
46953
+ $kendo-chart-overlay-bg: $kendo-base-bg !default;
46954
+
46955
+ // No Data
46956
+ $kendo-chart-no-data-font-size: var( --kendo-font-size-lg, inherit ) !default;
46957
+ $kendo-chart-no-data-font-weight: var( --kendo-font-weight, normal ) !default;
46958
+ $kendo-chart-no-data-padding-y: k-spacing( 25 ) !default;
46959
+
46814
46960
  // #endregion
46815
46961
  // #region @import "./_layout.scss"; -> scss/dataviz/_layout.scss
46816
46962
  // #region @import "@progress/kendo-theme-default/scss/dataviz/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/dataviz/_layout.scss
@@ -47058,8 +47204,29 @@ $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
47058
47204
  }
47059
47205
  }
47060
47206
 
47207
+ // Chart Overlay
47208
+ .k-chart-overlay {
47209
+ margin: 0;
47210
+ width: 100%;
47211
+ height: if( --kendo-chart-computed-title-height, calc( 100% - var( --kendo-chart-computed-title-height, #{$kendo-chart-computed-title-height} ) ), 100% );
47212
+ position: absolute;
47213
+ top: 0;
47214
+ left: 0;
47215
+ opacity: 1;
47216
+ z-index: 10001;
47061
47217
 
47218
+ &-top {
47219
+ top: var( --kendo-chart-computed-title-height, #{$kendo-chart-computed-title-height} );
47220
+ }
47062
47221
 
47222
+ .k-no-data {
47223
+ min-height: auto;
47224
+ padding-block-start: $kendo-chart-no-data-padding-y;
47225
+ color: inherit;
47226
+ font-size: $kendo-chart-no-data-font-size;
47227
+ font-weight: $kendo-chart-no-data-font-weight;
47228
+ }
47229
+ }
47063
47230
 
47064
47231
  // Diagram
47065
47232
  .k-diagram {
@@ -47426,7 +47593,9 @@ $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
47426
47593
  opacity: .8;
47427
47594
  }
47428
47595
 
47429
-
47596
+ .k-chart-overlay {
47597
+ background-color: $kendo-chart-overlay-bg;
47598
+ }
47430
47599
 
47431
47600
 
47432
47601
  // Treemap
@@ -51387,7 +51556,8 @@ $kendo-spreadsheet-dropzone-spacing-y: k-spacing(4) !default;
51387
51556
 
51388
51557
  // Toolbar
51389
51558
  .k-spreadsheet-toolbar {
51390
- border-width: 0;
51559
+ border-top-width: 0;
51560
+ border-inline-width: 0;
51391
51561
  }
51392
51562
 
51393
51563
  // Action bar
@@ -58373,7 +58543,8 @@ $_kendo-module-meta: (
58373
58543
  "toolbar",
58374
58544
  "tooltip",
58375
58545
  "time-marker",
58376
- "window"
58546
+ "window",
58547
+ "no-data"
58377
58548
  )
58378
58549
  );
58379
58550
 
@@ -58400,6 +58571,9 @@ $_kendo-module-meta: (
58400
58571
  // #region @import "../tooltip/_index.scss"; -> scss/tooltip/_index.scss
58401
58572
  // File already imported_once. Skipping output.
58402
58573
  // #endregion
58574
+ // #region @import "../no-data/_index.scss"; -> scss/no-data/_index.scss
58575
+ // File already imported_once. Skipping output.
58576
+ // #endregion
58403
58577
 
58404
58578
 
58405
58579
  // Component
@@ -62014,6 +62188,29 @@ $kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
62014
62188
  /// @group pdf-viewer
62015
62189
  $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
62016
62190
 
62191
+ /// The vertical padding of the PDFViewer popup.
62192
+ /// @group pdf-viewer
62193
+ $kendo-pdf-viewer-popup-padding-x: k-spacing(2) !default;
62194
+ /// The horizontal padding of the PDFViewer popup.
62195
+ /// @group pdf-viewer
62196
+ $kendo-pdf-viewer-popup-padding-y: $kendo-pdf-viewer-popup-padding-x !default;
62197
+
62198
+ /// The border color of the PDFViewer selected highlight annotation.
62199
+ /// @group pdf-viewer
62200
+ $kendo-pdf-viewer-highlight-annotation-border: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
62201
+ /// The background color of the PDFViewer hover highlight annotation.
62202
+ /// @group pdf-viewer
62203
+ $kendo-pdf-viewer-highlight-annotation-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker) !default;
62204
+ /// The border color of the PDFViewer selected free text annotation.
62205
+ /// @group pdf-viewer
62206
+ $kendo-pdf-viewer-free-text-annotation-border: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
62207
+ /// The placeholder text color of the PDFViewer free text annotation.
62208
+ /// @group pdf-viewer
62209
+ $kendo-pdf-viewer-free-text-annotation-placeholder-text: rgba(124, 22, 27, 0.5) !default;
62210
+ /// The text color of the PDFViewer free text annotation.
62211
+ /// @group pdf-viewer
62212
+ $kendo-pdf-viewer-free-text-annotation-text: rgba(124, 22, 27, 0.7) !default;
62213
+
62017
62214
  // #endregion
62018
62215
  // #region @import "./_layout.scss"; -> scss/pdf-viewer/_layout.scss
62019
62216
  // #region @import "@progress/kendo-theme-default/scss/pdf-viewer/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/pdf-viewer/_layout.scss
@@ -62052,44 +62249,69 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
62052
62249
  background: none;
62053
62250
  overflow: visible;
62054
62251
  }
62252
+ }
62055
62253
 
62056
62254
 
62057
- // Canvas
62058
- .k-canvas {
62059
- display: flex;
62060
- flex-direction: column;
62061
- flex: 1 1 auto;
62062
- outline: none;
62255
+ // Canvas
62256
+ .k-pdf-viewer-canvas {
62257
+ display: flex;
62258
+ flex-direction: column;
62259
+ flex: 1 1 auto;
62260
+ outline: none;
62063
62261
 
62064
- &.k-enable-text-select {
62065
- user-select: text;
62066
- cursor: text;
62067
- }
62262
+ &.k-enable-text-select {
62263
+ user-select: text;
62264
+ cursor: text;
62265
+ }
62068
62266
 
62069
- &.k-enable-panning {
62070
- cursor: grab;
62267
+ &.k-enable-panning {
62268
+ cursor: grab !important; // stylelint-disable-line declaration-no-important
62071
62269
 
62072
- span::selection {
62073
- background-color: transparent;
62074
- }
62270
+ span::selection {
62271
+ background-color: transparent;
62075
62272
  }
62076
62273
  }
62274
+ }
62077
62275
 
62078
-
62079
- // Pages
62080
- .k-pdf-viewer-pages {
62081
- flex: 1 1 auto;
62082
- }
62276
+ // Pages
62277
+ .k-pdf-viewer-pages {
62278
+ flex: 1 1 auto;
62083
62279
 
62084
62280
  .k-page {
62085
62281
  position: relative;
62086
62282
  margin-block: $kendo-pdf-viewer-page-spacing;
62087
62283
  margin-inline: auto;
62284
+ z-index: 1;
62285
+
62286
+ // Canvas
62287
+ .k-canvas-wrapper {
62288
+ overflow: hidden;
62289
+ width: 100%;
62290
+ height: 100%;
62088
62291
 
62089
- canvas {
62090
- direction: ltr;
62292
+ canvas {
62293
+ direction: ltr;
62294
+ }
62295
+
62296
+ svg {
62297
+ transform: none;
62298
+ }
62299
+
62300
+ .k-highlight {
62301
+ position: absolute;
62302
+ mix-blend-mode: multiply;
62303
+ fill-opacity: 1;
62304
+
62305
+ }
62306
+ .k-highlight-outline {
62307
+ position: absolute;
62308
+ fill: none;
62309
+ stroke-width: 2px;
62310
+ stroke-dasharray: 2;
62311
+ }
62091
62312
  }
62092
62313
 
62314
+
62093
62315
  .k-text-layer {
62094
62316
  position: absolute;
62095
62317
  top: 0;
@@ -62097,16 +62319,131 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
62097
62319
  opacity: .2;
62098
62320
  overflow: hidden;
62099
62321
 
62100
- > span {
62322
+ .k-marked-content > span,
62323
+ > span, br {
62101
62324
  position: absolute;
62102
62325
  line-height: $kendo-pdf-viewer-selection-line-height;
62103
62326
  transform-origin: 0% 0%;
62104
62327
  color: transparent;
62328
+ white-space: pre;
62329
+ cursor: text;
62330
+ }
62331
+
62332
+ .k-marked-content {
62333
+ top: 0;
62334
+ height: 0;
62335
+ }
62336
+
62337
+ .k-end-of-content {
62338
+ display: block;
62339
+ position: absolute;
62340
+ inset: 100% 0 0;
62341
+ z-index: 0;
62342
+ cursor: default;
62343
+ user-select: none;
62105
62344
  }
62106
62345
 
62107
62346
  .k-search-highlight-mark {
62108
62347
  color: transparent;
62109
62348
  }
62349
+
62350
+ .k-highlighting {
62351
+ touch-action: none;
62352
+ }
62353
+ }
62354
+
62355
+ .k-annotation-layer {
62356
+ position: absolute;
62357
+ top: 0;
62358
+ left: 0;
62359
+ transform-origin: 0 0;
62360
+ pointer-events: none;
62361
+
62362
+ section {
62363
+ position: absolute;
62364
+ }
62365
+
62366
+ .k-annotation-text-content {
62367
+ position: absolute;
62368
+ width: 100%;
62369
+ height: 100%;
62370
+ opacity: 0;
62371
+ color: transparent;
62372
+ user-select: none;
62373
+ pointer-events: none;
62374
+ }
62375
+ }
62376
+
62377
+ .k-annotation-editor-layer {
62378
+ background: transparent;
62379
+ position: absolute;
62380
+ inset: 0;
62381
+ transform-origin: 0 0;
62382
+ cursor: auto;
62383
+
62384
+ .k-selected {
62385
+ z-index: 100000 !important; // stylelint-disable-line declaration-no-important
62386
+ }
62387
+
62388
+ .k-highlight-editor {
62389
+ position: absolute;
62390
+ background: transparent;
62391
+ z-index: 1;
62392
+ cursor: auto;
62393
+ max-width: 100%;
62394
+ max-height: 100%;
62395
+ border: none;
62396
+ outline: none;
62397
+ pointer-events: none;
62398
+ transform-origin: 0 0;
62399
+
62400
+ .k-internal {
62401
+ position: absolute;
62402
+ top: 0;
62403
+ left: 0;
62404
+ width: 100%;
62405
+ height: 100%;
62406
+ pointer-events: auto;
62407
+ }
62408
+ }
62409
+
62410
+ .k-free-text-editor {
62411
+ position: absolute;
62412
+ background: transparent;
62413
+ z-index: 1;
62414
+ transform-origin: 0 0;
62415
+ cursor: text;
62416
+ caret-color: $kendo-pdf-viewer-free-text-annotation-text;
62417
+ max-width: 100%;
62418
+ max-height: 100%;
62419
+ border: solid 2px transparent;
62420
+
62421
+ &.k-selected.k-draggable {
62422
+ cursor: move;;
62423
+ }
62424
+
62425
+ &.k-selected .k-internal {
62426
+ border-radius: 0px;
62427
+ outline: 2px dashed $kendo-pdf-viewer-free-text-annotation-border;
62428
+ }
62429
+
62430
+ .k-internal {
62431
+ background: transparent;
62432
+ border: none;
62433
+ inset: 0;
62434
+ overflow: visible;
62435
+ white-space: nowrap;
62436
+ user-select: none;
62437
+ }
62438
+
62439
+ .k-internal:empty::before {
62440
+ content: attr(default-content);
62441
+ }
62442
+ }
62443
+ }
62444
+
62445
+ .k-annotation-editor-layer-disabled {
62446
+ pointer-events: none;
62110
62447
  }
62111
62448
  }
62112
62449
 
@@ -62127,7 +62464,6 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
62127
62464
  background: none;
62128
62465
  }
62129
62466
  }
62130
-
62131
62467
  }
62132
62468
 
62133
62469
  // Search
@@ -62168,6 +62504,28 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
62168
62504
  }
62169
62505
  }
62170
62506
 
62507
+ // Annotation Toolbar
62508
+ .k-pdf-viewer-annotation-editor-toolbar > .k-toolbar {
62509
+ width: min-content;
62510
+ border-bottom-width: 0;
62511
+ }
62512
+
62513
+
62514
+ // Annotation Editor
62515
+ .k-pdf-viewer-annotation-editor {
62516
+ padding-block: $kendo-pdf-viewer-popup-padding-y;
62517
+ padding-inline: $kendo-pdf-viewer-popup-padding-x;
62518
+
62519
+ .k-column-menu-group-header {
62520
+ padding-inline: 0;
62521
+ }
62522
+
62523
+ .k-form-field {
62524
+ margin-top: 0;
62525
+ }
62526
+
62527
+ }
62528
+
62171
62529
  }
62172
62530
 
62173
62531
 
@@ -62208,7 +62566,7 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
62208
62566
 
62209
62567
 
62210
62568
  // Canvas
62211
- .k-canvas {
62569
+ .k-pdf-viewer-canvas {
62212
62570
  @include fill(
62213
62571
  $kendo-pdf-viewer-canvas-text,
62214
62572
  $kendo-pdf-viewer-canvas-bg,
@@ -62231,6 +62589,16 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
62231
62589
  @include fill( $color: $kendo-pdf-viewer-icon-text );
62232
62590
  }
62233
62591
 
62592
+ .k-canvas-wrapper .k-highlight-outline {
62593
+ &.k-hover,
62594
+ &:hover {
62595
+ stroke: $kendo-pdf-viewer-highlight-annotation-hover-border;
62596
+ }
62597
+
62598
+ &.k-selected {
62599
+ stroke: $kendo-pdf-viewer-highlight-annotation-border;
62600
+ }
62601
+ }
62234
62602
 
62235
62603
  // Search
62236
62604
  .k-search-highlight {
@@ -62241,6 +62609,14 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
62241
62609
  @include fill( $bg: $kendo-pdf-viewer-search-highlight-mark-bg );
62242
62610
  }
62243
62611
 
62612
+ .k-annotation-editor-layer .k-free-text-editor .k-internal {
62613
+ color: $kendo-pdf-viewer-free-text-annotation-text;
62614
+
62615
+ &:empty::before {
62616
+ color: $kendo-pdf-viewer-free-text-annotation-placeholder-text;
62617
+ }
62618
+ }
62619
+
62244
62620
  }
62245
62621
 
62246
62622
  .k-pdf-viewer-canvas > .k-search-panel {
@@ -62984,6 +63360,12 @@ $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
62984
63360
  flex-direction: column;
62985
63361
  position: relative;
62986
63362
  overflow: hidden;
63363
+
63364
+ // Toolbar
63365
+ .k-toolbar {
63366
+ border-top-width: 0;
63367
+ border-inline-width: 0;
63368
+ }
62987
63369
  }
62988
63370
 
62989
63371
  // Content
@@ -64132,6 +64514,7 @@ $kendo-signature-maximized-line-width: 3px !default;
64132
64514
  @include kendo-ripple--styles();
64133
64515
  @include kendo-table--styles();
64134
64516
  @include kendo-virtual-scroller--styles();
64517
+ @include kendo-no-data--styles();
64135
64518
 
64136
64519
 
64137
64520
  // Indicators