@progress/kendo-theme-material 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 (48) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/all.scss +466 -83
  3. package/dist/material-aqua-dark.css +1 -1
  4. package/dist/material-arctic.css +1 -1
  5. package/dist/material-burnt-teal.css +1 -1
  6. package/dist/material-dataviz-v4.css +1 -1
  7. package/dist/material-eggplant.css +1 -1
  8. package/dist/material-lime-dark.css +1 -1
  9. package/dist/material-lime.css +1 -1
  10. package/dist/material-main-dark.css +1 -1
  11. package/dist/material-main.css +1 -1
  12. package/dist/material-nova.css +1 -1
  13. package/dist/material-pacific-dark.css +1 -1
  14. package/dist/material-pacific.css +1 -1
  15. package/dist/material-sky-dark.css +1 -1
  16. package/dist/material-sky.css +1 -1
  17. package/dist/material-smoke.css +1 -1
  18. package/dist/meta/sassdoc-data.json +1042 -118
  19. package/dist/meta/sassdoc-raw-data.json +475 -50
  20. package/dist/meta/variables.json +100 -12
  21. package/lib/swatches/material-aqua-dark.json +1 -1
  22. package/lib/swatches/material-arctic.json +1 -1
  23. package/lib/swatches/material-burnt-teal.json +1 -1
  24. package/lib/swatches/material-dataviz-v4.json +1 -1
  25. package/lib/swatches/material-eggplant.json +1 -1
  26. package/lib/swatches/material-lime-dark.json +1 -1
  27. package/lib/swatches/material-lime.json +1 -1
  28. package/lib/swatches/material-main-dark.json +1 -1
  29. package/lib/swatches/material-main.json +1 -1
  30. package/lib/swatches/material-nova.json +1 -1
  31. package/lib/swatches/material-pacific-dark.json +1 -1
  32. package/lib/swatches/material-pacific.json +1 -1
  33. package/lib/swatches/material-sky-dark.json +1 -1
  34. package/lib/swatches/material-sky.json +1 -1
  35. package/lib/swatches/material-smoke.json +1 -1
  36. package/package.json +5 -5
  37. package/scss/dataviz/_index.scss +3 -1
  38. package/scss/dataviz/_variables.scss +9 -0
  39. package/scss/index.scss +2 -0
  40. package/scss/list/_index.scss +3 -1
  41. package/scss/list/_variables.scss +0 -4
  42. package/scss/no-data/_index.scss +32 -0
  43. package/scss/no-data/_layout.scss +5 -0
  44. package/scss/no-data/_theme.scss +5 -0
  45. package/scss/no-data/_variables.scss +7 -0
  46. package/scss/pdf-viewer/_variables.scss +23 -0
  47. package/scss/toolbar/_layout.scss +4 -0
  48. package/scss/toolbar/_variables.scss +34 -6
package/dist/all.scss CHANGED
@@ -6345,6 +6345,7 @@ $kendo-components: (
6345
6345
  "overlay",
6346
6346
  "ripple",
6347
6347
  "virtual-scroller",
6348
+ "no-data",
6348
6349
 
6349
6350
  // Indicators
6350
6351
  "avatar",
@@ -6850,6 +6851,7 @@ $_kendo-dependencies: (
6850
6851
  "icon",
6851
6852
  "input"
6852
6853
  ),
6854
+ no-data: (),
6853
6855
  orgchart: (
6854
6856
  "action-buttons",
6855
6857
  "avatar",
@@ -18638,7 +18640,8 @@ $_kendo-module-meta: (
18638
18640
  name: "list",
18639
18641
  dependencies: (
18640
18642
  "checkbox",
18641
- "icon"
18643
+ "icon",
18644
+ "no-data"
18642
18645
  )
18643
18646
  );
18644
18647
 
@@ -18907,10 +18910,6 @@ $kendo-list-group-item-border: inherit !default;
18907
18910
  /// @group list
18908
18911
  $kendo-list-group-item-shadow: null !default;
18909
18912
 
18910
- /// The color of the 'No Data' text.
18911
- /// @group list
18912
- $kendo-list-no-data-text: $kendo-subtle-text !default;
18913
-
18914
18913
  /// The color of the 'Option Label' text.
18915
18914
  /// @group list
18916
18915
  $kendo-list-option-label-text: $kendo-subtle-text !default;
@@ -19491,6 +19490,108 @@ $kendo-checkbox-ripple-opacity: .2 !default;
19491
19490
  @include kendo-checkbox--styles();
19492
19491
  }
19493
19492
 
19493
+ // #endregion
19494
+ // #region @import "../no-data/_index.scss"; -> scss/no-data/_index.scss
19495
+ // #region @import "../core/_index.scss"; -> scss/core/_index.scss
19496
+ // File already imported_once. Skipping output.
19497
+ // #endregion
19498
+
19499
+
19500
+ // Module meta
19501
+ $_kendo-module-meta: (
19502
+ name: "no-data",
19503
+ dependencies: ()
19504
+ );
19505
+
19506
+ // Dependencies
19507
+
19508
+
19509
+ // Component
19510
+ // #region @import "./_variables.scss"; -> scss/no-data/_variables.scss
19511
+ /// The minimum height of the 'No Data' text container.
19512
+ /// @group no-data
19513
+ $kendo-no-data-min-height: 140px !default;
19514
+
19515
+ /// The color of the 'No Data' text.
19516
+ /// @group no-data
19517
+ $kendo-no-data-text: $kendo-subtle-text !default;
19518
+
19519
+ // #endregion
19520
+ // #region @import "./_layout.scss"; -> scss/no-data/_layout.scss
19521
+ // #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
19522
+ @mixin kendo-no-data--layout-base() {
19523
+
19524
+ .k-no-data {
19525
+ min-height: $kendo-no-data-min-height;
19526
+ display: flex;
19527
+ align-items: center;
19528
+ justify-content: center;
19529
+ font-weight: lighter;
19530
+ text-align: center;
19531
+ white-space: normal;
19532
+ }
19533
+
19534
+
19535
+ // Alias
19536
+ .k-nodata {
19537
+ @extend .k-no-data !optional;
19538
+ }
19539
+
19540
+
19541
+ }
19542
+
19543
+ @mixin kendo-no-data--layout() {
19544
+ @include kendo-no-data--layout-base();
19545
+ }
19546
+
19547
+ // #endregion
19548
+
19549
+ @mixin kendo-no-data--layout() {
19550
+ @include kendo-no-data--layout-base();
19551
+ }
19552
+
19553
+ // #endregion
19554
+ // #region @import "./_theme.scss"; -> scss/no-data/_theme.scss
19555
+ // #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
19556
+ @mixin kendo-no-data--theme-base() {
19557
+
19558
+ .k-no-data {
19559
+ color: $kendo-no-data-text;
19560
+ }
19561
+
19562
+ }
19563
+
19564
+
19565
+ @mixin kendo-no-data--theme() {
19566
+ @include kendo-no-data--theme-base();
19567
+ }
19568
+
19569
+ // #endregion
19570
+
19571
+ @mixin kendo-no-data--theme() {
19572
+ @include kendo-no-data--theme-base();
19573
+ }
19574
+
19575
+ // #endregion
19576
+
19577
+ // Register
19578
+ // #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
19579
+ // File already imported_once. Skipping output.
19580
+ // #endregion
19581
+ @include module-register( $_kendo-module-meta... );
19582
+
19583
+ // Expose
19584
+ @mixin kendo-no-data--styles() {
19585
+ @include module-render( "no-data" ) {
19586
+ @include kendo-no-data--layout();
19587
+ @include kendo-no-data--theme();
19588
+ }
19589
+ }
19590
+
19591
+ @if $kendo-auto-bootstrap {
19592
+ @include kendo-no-data--styles();
19593
+ }
19594
+
19494
19595
  // #endregion
19495
19596
 
19496
19597
 
@@ -19740,25 +19841,6 @@ $kendo-checkbox-ripple-opacity: .2 !default;
19740
19841
  }
19741
19842
  }
19742
19843
  }
19743
-
19744
-
19745
- // No data
19746
- .k-no-data {
19747
- min-height: 140px;
19748
- display: flex;
19749
- align-items: center;
19750
- justify-content: center;
19751
- font-weight: lighter;
19752
- text-align: center;
19753
- white-space: normal;
19754
- }
19755
-
19756
-
19757
- // Alias
19758
- .k-nodata {
19759
- @extend .k-no-data !optional;
19760
- }
19761
-
19762
19844
  }
19763
19845
 
19764
19846
 
@@ -19866,12 +19948,6 @@ $kendo-checkbox-ripple-opacity: .2 !default;
19866
19948
  );
19867
19949
  }
19868
19950
 
19869
-
19870
- // No data
19871
- .k-no-data {
19872
- color: $kendo-list-no-data-text;
19873
- }
19874
-
19875
19951
  }
19876
19952
 
19877
19953
 
@@ -21434,6 +21510,9 @@ $_kendo-module-meta: (
21434
21510
  }
21435
21511
 
21436
21512
  // #endregion
21513
+ // #region @import "./no-data/_index.scss"; -> scss/no-data/_index.scss
21514
+ // File already imported_once. Skipping output.
21515
+ // #endregion
21437
21516
 
21438
21517
 
21439
21518
  // Indicators
@@ -26189,7 +26268,7 @@ $kendo-toolbar-bg: $kendo-component-bg !default;
26189
26268
  $kendo-toolbar-text: $kendo-component-text !default;
26190
26269
  /// The color of the border around the Toolbar.
26191
26270
  /// @group toolbar
26192
- $kendo-toolbar-border: null !default;
26271
+ $kendo-toolbar-border: $kendo-component-border !default;
26193
26272
  /// The gradient of the Toolbar.
26194
26273
  /// @group toolbar
26195
26274
  $kendo-toolbar-gradient: null !default;
@@ -26197,9 +26276,41 @@ $kendo-toolbar-gradient: null !default;
26197
26276
  /// @group toolbar
26198
26277
  $kendo-toolbar-shadow: $box-shadow-depth-4 !default;
26199
26278
 
26279
+ /// The text color of the outline Toolbar.
26280
+ /// @group toolbar
26281
+ $kendo-toolbar-outline-text: null !default;
26282
+ /// The color of the border around the outline Toolbar.
26283
+ /// @group toolbar
26284
+ $kendo-toolbar-outline-border: currentColor !default;
26285
+ /// The gradient of the outline Toolbar.
26286
+ /// @group toolbar
26287
+ $kendo-toolbar-outline-gradient: null !default;
26288
+ /// The box shadow of the outline Toolbar.
26289
+ /// @group toolbar
26290
+ $kendo-toolbar-outline-shadow: none !default;
26291
+ /// The width of the border around the outline Toolbar.
26292
+ /// @group toolbar
26293
+ $kendo-toolbar-outline-border-width: 1px !default;
26294
+
26295
+ /// The text color of the flat Toolbar.
26296
+ /// @group toolbar
26297
+ $kendo-toolbar-flat-text: null !default;
26298
+ /// The color of the border around the flat Toolbar.
26299
+ /// @group toolbar
26300
+ $kendo-toolbar-flat-border: $kendo-toolbar-border !default;
26301
+ /// The gradient of the flat Toolbar.
26302
+ /// @group toolbar
26303
+ $kendo-toolbar-flat-gradient: null !default;
26304
+ /// The box shadow of the flat Toolbar.
26305
+ /// @group toolbar
26306
+ $kendo-toolbar-flat-shadow: 0 2px 0 -1px $kendo-component-border !default;
26307
+ /// Border width of the flat Toolbar.
26308
+ /// @group toolbar
26309
+ $kendo-toolbar-flat-border-width: 1px !default;
26310
+
26200
26311
  /// The color of the separator border of the Toolbar.
26201
26312
  /// @group toolbar
26202
- $kendo-toolbar-separator-border: $kendo-component-border !default;
26313
+ $kendo-toolbar-separator-border: inherit !default;
26203
26314
 
26204
26315
  /// The width of the input in the Toolbar.
26205
26316
  /// @group toolbar
@@ -26209,10 +26320,6 @@ $kendo-toolbar-input-width: 10em !default;
26209
26320
  /// @group toolbar
26210
26321
  $kendo-toolbar-item-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .14), 0 1px 10px rgba(0, 0, 0, .12) !default;
26211
26322
 
26212
- /// Border width of the flat Toolbar.
26213
- /// @group toolbar
26214
- $kendo-toolbar-flat-border-width: 1px !default;
26215
-
26216
26323
  /// The sizes map for the Toolbar.
26217
26324
  /// @group toolbar
26218
26325
  $kendo-toolbar-sizes: (
@@ -26339,7 +26446,19 @@ $kendo-toolbar-sizes: (
26339
26446
  text-decoration: none;
26340
26447
  outline: 0;
26341
26448
  }
26449
+ }
26342
26450
 
26451
+ // Outline Toolbar
26452
+ .k-toolbar-outline {
26453
+ border-width: $kendo-toolbar-outline-border-width;
26454
+ background: none;
26455
+ }
26456
+
26457
+ // Flat Toolbar
26458
+ .k-toolbar-flat {
26459
+ border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
26460
+ border-inline-color: transparent !important; // stylelint-disable-line declaration-no-important
26461
+ background: none !important; // stylelint-disable-line declaration-no-important
26343
26462
  }
26344
26463
 
26345
26464
 
@@ -26486,16 +26605,6 @@ $kendo-toolbar-sizes: (
26486
26605
  }
26487
26606
  }
26488
26607
 
26489
- // Flat Toolbar
26490
- .k-toolbar.k-toolbar-flat {
26491
- border-width: $kendo-toolbar-flat-border-width 0;
26492
- border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
26493
- border-bottom-color: inherit;
26494
- color: inherit;
26495
- background: none !important; // stylelint-disable-line declaration-no-important
26496
- box-shadow: none;
26497
- }
26498
-
26499
26608
  }
26500
26609
 
26501
26610
 
@@ -26528,6 +26637,10 @@ $kendo-toolbar-sizes: (
26528
26637
  .k-split-button {
26529
26638
  @include box-shadow( none );
26530
26639
  }
26640
+
26641
+ &.k-toolbar-outline {
26642
+ @include box-shadow( none );
26643
+ }
26531
26644
  }
26532
26645
 
26533
26646
  // Overflow container
@@ -26560,15 +26673,6 @@ $kendo-toolbar-sizes: (
26560
26673
 
26561
26674
  // Theme
26562
26675
  .k-toolbar {
26563
- @include fill(
26564
- $kendo-toolbar-text,
26565
- $kendo-toolbar-bg,
26566
- $kendo-toolbar-border,
26567
- $kendo-toolbar-gradient
26568
- );
26569
- @include box-shadow( $kendo-toolbar-shadow );
26570
-
26571
-
26572
26676
  // Separator
26573
26677
  .k-separator,
26574
26678
  .k-toolbar-separator {
@@ -26588,6 +26692,39 @@ $kendo-toolbar-sizes: (
26588
26692
 
26589
26693
  }
26590
26694
 
26695
+ // Solid Toolbar
26696
+ .k-toolbar-solid {
26697
+ @include fill(
26698
+ $kendo-toolbar-text,
26699
+ $kendo-toolbar-bg,
26700
+ $kendo-toolbar-border,
26701
+ $kendo-toolbar-gradient
26702
+ );
26703
+ @include box-shadow( $kendo-toolbar-shadow );
26704
+ }
26705
+
26706
+ // Outline Toolbar
26707
+ .k-toolbar-outline {
26708
+ @include fill(
26709
+ $color: $kendo-toolbar-outline-text,
26710
+ $border: $kendo-toolbar-outline-border
26711
+ );
26712
+ @include box-shadow( $kendo-toolbar-outline-shadow );
26713
+ }
26714
+
26715
+ // Flat Toolbar
26716
+ .k-toolbar-flat {
26717
+ @include fill(
26718
+ $color: $kendo-toolbar-flat-text,
26719
+ $border: $kendo-toolbar-flat-border
26720
+ );
26721
+ @include box-shadow( $kendo-toolbar-flat-shadow );
26722
+
26723
+ > .k-separator {
26724
+ border-inline-color: $kendo-toolbar-flat-border;
26725
+ }
26726
+ }
26727
+
26591
26728
  .k-floating-toolbar,
26592
26729
  .editorToolbarWindow.k-window-content { // stylelint-disable-line
26593
26730
  @include fill(
@@ -49151,7 +49288,8 @@ $_kendo-module-meta: (
49151
49288
  dependencies: (
49152
49289
  "icon",
49153
49290
  "popup",
49154
- "tooltip"
49291
+ "tooltip",
49292
+ "no-data"
49155
49293
  )
49156
49294
  );
49157
49295
 
@@ -49163,6 +49301,9 @@ $_kendo-module-meta: (
49163
49301
  // #region @import "../tooltip/_index.scss"; -> scss/tooltip/_index.scss
49164
49302
  // File already imported_once. Skipping output.
49165
49303
  // #endregion
49304
+ // #region @import "../no-data/_index.scss"; -> scss/no-data/_index.scss
49305
+ // File already imported_once. Skipping output.
49306
+ // #endregion
49166
49307
 
49167
49308
 
49168
49309
  // Component
@@ -49303,12 +49444,21 @@ $kendo-chart-selection-handle-size: 22px !default;
49303
49444
  $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;
49304
49445
  $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;
49305
49446
 
49447
+ $kendo-chart-computed-title-height: 0px !default;
49306
49448
 
49307
49449
  // TreeMap
49308
49450
  $kendo-treemap-font-family: var( --kendo-font-family, inherit ) !default;
49309
49451
  $kendo-treemap-font-size: var( --kendo-font-size, inherit ) !default;
49310
49452
  $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
49311
49453
 
49454
+ // Chart Overlay
49455
+ $kendo-chart-overlay-bg: if($kendo-enable-color-system, k-color( surface ), k-try-shade( $kendo-component-bg, .5 )) !default;
49456
+
49457
+ // No Data
49458
+ $kendo-chart-no-data-font-size: var( --kendo-font-size-lg, inherit ) !default;
49459
+ $kendo-chart-no-data-font-weight: var( --kendo-font-weight, normal ) !default;
49460
+ $kendo-chart-no-data-padding-y: k-spacing( 25 ) !default;
49461
+
49312
49462
  // #endregion
49313
49463
  // #region @import "./_layout.scss"; -> scss/dataviz/_layout.scss
49314
49464
  // #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
@@ -49556,8 +49706,29 @@ $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
49556
49706
  }
49557
49707
  }
49558
49708
 
49709
+ // Chart Overlay
49710
+ .k-chart-overlay {
49711
+ margin: 0;
49712
+ width: 100%;
49713
+ height: if( --kendo-chart-computed-title-height, calc( 100% - var( --kendo-chart-computed-title-height, #{$kendo-chart-computed-title-height} ) ), 100% );
49714
+ position: absolute;
49715
+ top: 0;
49716
+ left: 0;
49717
+ opacity: 1;
49718
+ z-index: 10001;
49559
49719
 
49720
+ &-top {
49721
+ top: var( --kendo-chart-computed-title-height, #{$kendo-chart-computed-title-height} );
49722
+ }
49560
49723
 
49724
+ .k-no-data {
49725
+ min-height: auto;
49726
+ padding-block-start: $kendo-chart-no-data-padding-y;
49727
+ color: inherit;
49728
+ font-size: $kendo-chart-no-data-font-size;
49729
+ font-weight: $kendo-chart-no-data-font-weight;
49730
+ }
49731
+ }
49561
49732
 
49562
49733
  // Diagram
49563
49734
  .k-diagram {
@@ -49924,7 +50095,9 @@ $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
49924
50095
  opacity: .8;
49925
50096
  }
49926
50097
 
49927
-
50098
+ .k-chart-overlay {
50099
+ background-color: $kendo-chart-overlay-bg;
50100
+ }
49928
50101
 
49929
50102
 
49930
50103
  // Treemap
@@ -54233,7 +54406,8 @@ $kendo-spreadsheet-dropzone-spacing-y: k-spacing(2) !default;
54233
54406
 
54234
54407
  // Toolbar
54235
54408
  .k-spreadsheet-toolbar {
54236
- border-width: 0;
54409
+ border-top-width: 0;
54410
+ border-inline-width: 0;
54237
54411
  }
54238
54412
 
54239
54413
  // Action bar
@@ -65284,6 +65458,29 @@ $kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
65284
65458
  /// @group pdf-viewer
65285
65459
  $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
65286
65460
 
65461
+ /// The vertical padding of the PDFViewer popup.
65462
+ /// @group pdf-viewer
65463
+ $kendo-pdf-viewer-popup-padding-x: k-spacing(2) !default;
65464
+ /// The horizontal padding of the PDFViewer popup.
65465
+ /// @group pdf-viewer
65466
+ $kendo-pdf-viewer-popup-padding-y: $kendo-pdf-viewer-popup-padding-x !default;
65467
+
65468
+ /// The border color of the PDFViewer selected highlight annotation.
65469
+ /// @group pdf-viewer
65470
+ $kendo-pdf-viewer-highlight-annotation-border: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
65471
+ /// The background color of the PDFViewer hover highlight annotation.
65472
+ /// @group pdf-viewer
65473
+ $kendo-pdf-viewer-highlight-annotation-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker) !default;
65474
+ /// The border color of the PDFViewer selected free text annotation.
65475
+ /// @group pdf-viewer
65476
+ $kendo-pdf-viewer-free-text-annotation-border: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
65477
+ /// The placeholder text color of the PDFViewer free text annotation.
65478
+ /// @group pdf-viewer
65479
+ $kendo-pdf-viewer-free-text-annotation-placeholder-text: rgba(124, 22, 27, 0.5) !default;
65480
+ /// The text color of the PDFViewer free text annotation.
65481
+ /// @group pdf-viewer
65482
+ $kendo-pdf-viewer-free-text-annotation-text: rgba(124, 22, 27, 0.7) !default;
65483
+
65287
65484
  // #endregion
65288
65485
  // #region @import "./_layout.scss"; -> scss/pdf-viewer/_layout.scss
65289
65486
  // #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
@@ -65322,44 +65519,69 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
65322
65519
  background: none;
65323
65520
  overflow: visible;
65324
65521
  }
65522
+ }
65325
65523
 
65326
65524
 
65327
- // Canvas
65328
- .k-canvas {
65329
- display: flex;
65330
- flex-direction: column;
65331
- flex: 1 1 auto;
65332
- outline: none;
65525
+ // Canvas
65526
+ .k-pdf-viewer-canvas {
65527
+ display: flex;
65528
+ flex-direction: column;
65529
+ flex: 1 1 auto;
65530
+ outline: none;
65333
65531
 
65334
- &.k-enable-text-select {
65335
- user-select: text;
65336
- cursor: text;
65337
- }
65532
+ &.k-enable-text-select {
65533
+ user-select: text;
65534
+ cursor: text;
65535
+ }
65338
65536
 
65339
- &.k-enable-panning {
65340
- cursor: grab;
65537
+ &.k-enable-panning {
65538
+ cursor: grab !important; // stylelint-disable-line declaration-no-important
65341
65539
 
65342
- span::selection {
65343
- background-color: transparent;
65344
- }
65540
+ span::selection {
65541
+ background-color: transparent;
65345
65542
  }
65346
65543
  }
65544
+ }
65347
65545
 
65348
-
65349
- // Pages
65350
- .k-pdf-viewer-pages {
65351
- flex: 1 1 auto;
65352
- }
65546
+ // Pages
65547
+ .k-pdf-viewer-pages {
65548
+ flex: 1 1 auto;
65353
65549
 
65354
65550
  .k-page {
65355
65551
  position: relative;
65356
65552
  margin-block: $kendo-pdf-viewer-page-spacing;
65357
65553
  margin-inline: auto;
65554
+ z-index: 1;
65358
65555
 
65359
- canvas {
65360
- direction: ltr;
65556
+ // Canvas
65557
+ .k-canvas-wrapper {
65558
+ overflow: hidden;
65559
+ width: 100%;
65560
+ height: 100%;
65561
+
65562
+ canvas {
65563
+ direction: ltr;
65564
+ }
65565
+
65566
+ svg {
65567
+ transform: none;
65568
+ }
65569
+
65570
+ .k-highlight {
65571
+ position: absolute;
65572
+ mix-blend-mode: multiply;
65573
+ fill-opacity: 1;
65574
+
65575
+ }
65576
+ .k-highlight-outline {
65577
+ position: absolute;
65578
+ fill: none;
65579
+ stroke-width: 2px;
65580
+ stroke-dasharray: 2;
65581
+ }
65361
65582
  }
65362
65583
 
65584
+
65363
65585
  .k-text-layer {
65364
65586
  position: absolute;
65365
65587
  top: 0;
@@ -65367,16 +65589,131 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
65367
65589
  opacity: .2;
65368
65590
  overflow: hidden;
65369
65591
 
65370
- > span {
65592
+ .k-marked-content > span,
65593
+ > span, br {
65371
65594
  position: absolute;
65372
65595
  line-height: $kendo-pdf-viewer-selection-line-height;
65373
65596
  transform-origin: 0% 0%;
65374
65597
  color: transparent;
65598
+ white-space: pre;
65599
+ cursor: text;
65600
+ }
65601
+
65602
+ .k-marked-content {
65603
+ top: 0;
65604
+ height: 0;
65605
+ }
65606
+
65607
+ .k-end-of-content {
65608
+ display: block;
65609
+ position: absolute;
65610
+ inset: 100% 0 0;
65611
+ z-index: 0;
65612
+ cursor: default;
65613
+ user-select: none;
65375
65614
  }
65376
65615
 
65377
65616
  .k-search-highlight-mark {
65378
65617
  color: transparent;
65379
65618
  }
65619
+
65620
+ .k-highlighting {
65621
+ touch-action: none;
65622
+ }
65623
+ }
65624
+
65625
+ .k-annotation-layer {
65626
+ position: absolute;
65627
+ top: 0;
65628
+ left: 0;
65629
+ transform-origin: 0 0;
65630
+ pointer-events: none;
65631
+
65632
+ section {
65633
+ position: absolute;
65634
+ }
65635
+
65636
+ .k-annotation-text-content {
65637
+ position: absolute;
65638
+ width: 100%;
65639
+ height: 100%;
65640
+ opacity: 0;
65641
+ color: transparent;
65642
+ user-select: none;
65643
+ pointer-events: none;
65644
+ }
65645
+ }
65646
+
65647
+ .k-annotation-editor-layer {
65648
+ background: transparent;
65649
+ position: absolute;
65650
+ inset: 0;
65651
+ transform-origin: 0 0;
65652
+ cursor: auto;
65653
+
65654
+ .k-selected {
65655
+ z-index: 100000 !important; // stylelint-disable-line declaration-no-important
65656
+ }
65657
+
65658
+ .k-highlight-editor {
65659
+ position: absolute;
65660
+ background: transparent;
65661
+ z-index: 1;
65662
+ cursor: auto;
65663
+ max-width: 100%;
65664
+ max-height: 100%;
65665
+ border: none;
65666
+ outline: none;
65667
+ pointer-events: none;
65668
+ transform-origin: 0 0;
65669
+
65670
+ .k-internal {
65671
+ position: absolute;
65672
+ top: 0;
65673
+ left: 0;
65674
+ width: 100%;
65675
+ height: 100%;
65676
+ pointer-events: auto;
65677
+ }
65678
+ }
65679
+
65680
+ .k-free-text-editor {
65681
+ position: absolute;
65682
+ background: transparent;
65683
+ z-index: 1;
65684
+ transform-origin: 0 0;
65685
+ cursor: text;
65686
+ caret-color: $kendo-pdf-viewer-free-text-annotation-text;
65687
+ max-width: 100%;
65688
+ max-height: 100%;
65689
+ border: solid 2px transparent;
65690
+
65691
+ &.k-selected.k-draggable {
65692
+ cursor: move;;
65693
+ }
65694
+
65695
+ &.k-selected .k-internal {
65696
+ border-radius: 0px;
65697
+ outline: 2px dashed $kendo-pdf-viewer-free-text-annotation-border;
65698
+ }
65699
+
65700
+ .k-internal {
65701
+ background: transparent;
65702
+ border: none;
65703
+ inset: 0;
65704
+ overflow: visible;
65705
+ white-space: nowrap;
65706
+ user-select: none;
65707
+ }
65708
+
65709
+ .k-internal:empty::before {
65710
+ content: attr(default-content);
65711
+ }
65712
+ }
65713
+ }
65714
+
65715
+ .k-annotation-editor-layer-disabled {
65716
+ pointer-events: none;
65380
65717
  }
65381
65718
  }
65382
65719
 
@@ -65397,7 +65734,6 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
65397
65734
  background: none;
65398
65735
  }
65399
65736
  }
65400
-
65401
65737
  }
65402
65738
 
65403
65739
  // Search
@@ -65438,6 +65774,28 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
65438
65774
  }
65439
65775
  }
65440
65776
 
65777
+ // Annotation Toolbar
65778
+ .k-pdf-viewer-annotation-editor-toolbar > .k-toolbar {
65779
+ width: min-content;
65780
+ border-bottom-width: 0;
65781
+ }
65782
+
65783
+
65784
+ // Annotation Editor
65785
+ .k-pdf-viewer-annotation-editor {
65786
+ padding-block: $kendo-pdf-viewer-popup-padding-y;
65787
+ padding-inline: $kendo-pdf-viewer-popup-padding-x;
65788
+
65789
+ .k-column-menu-group-header {
65790
+ padding-inline: 0;
65791
+ }
65792
+
65793
+ .k-form-field {
65794
+ margin-top: 0;
65795
+ }
65796
+
65797
+ }
65798
+
65441
65799
  }
65442
65800
 
65443
65801
 
@@ -65478,7 +65836,7 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
65478
65836
 
65479
65837
 
65480
65838
  // Canvas
65481
- .k-canvas {
65839
+ .k-pdf-viewer-canvas {
65482
65840
  @include fill(
65483
65841
  $kendo-pdf-viewer-canvas-text,
65484
65842
  $kendo-pdf-viewer-canvas-bg,
@@ -65501,6 +65859,16 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
65501
65859
  @include fill( $color: $kendo-pdf-viewer-icon-text );
65502
65860
  }
65503
65861
 
65862
+ .k-canvas-wrapper .k-highlight-outline {
65863
+ &.k-hover,
65864
+ &:hover {
65865
+ stroke: $kendo-pdf-viewer-highlight-annotation-hover-border;
65866
+ }
65867
+
65868
+ &.k-selected {
65869
+ stroke: $kendo-pdf-viewer-highlight-annotation-border;
65870
+ }
65871
+ }
65504
65872
 
65505
65873
  // Search
65506
65874
  .k-search-highlight {
@@ -65511,6 +65879,14 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
65511
65879
  @include fill( $bg: $kendo-pdf-viewer-search-highlight-mark-bg );
65512
65880
  }
65513
65881
 
65882
+ .k-annotation-editor-layer .k-free-text-editor .k-internal {
65883
+ color: $kendo-pdf-viewer-free-text-annotation-text;
65884
+
65885
+ &:empty::before {
65886
+ color: $kendo-pdf-viewer-free-text-annotation-placeholder-text;
65887
+ }
65888
+ }
65889
+
65514
65890
  }
65515
65891
 
65516
65892
  .k-pdf-viewer-canvas > .k-search-panel {
@@ -66253,6 +66629,12 @@ $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
66253
66629
  flex-direction: column;
66254
66630
  position: relative;
66255
66631
  overflow: hidden;
66632
+
66633
+ // Toolbar
66634
+ .k-toolbar {
66635
+ border-top-width: 0;
66636
+ border-inline-width: 0;
66637
+ }
66256
66638
  }
66257
66639
 
66258
66640
  // Content
@@ -67399,6 +67781,7 @@ $kendo-signature-maximized-line-width: 3px !default;
67399
67781
  @include kendo-ripple--styles();
67400
67782
  @include kendo-table--styles();
67401
67783
  @include kendo-virtual-scroller--styles();
67784
+ @include kendo-no-data--styles();
67402
67785
 
67403
67786
 
67404
67787
  // Indicators