@progress/kendo-theme-default 9.1.0-dev.3 → 9.1.0-dev.5

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 (58) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/all.scss +467 -92
  3. package/dist/default-blue.css +1 -1
  4. package/dist/default-dataviz-v4.css +1 -1
  5. package/dist/default-green.css +1 -1
  6. package/dist/default-main-dark.css +1 -1
  7. package/dist/default-main.css +1 -1
  8. package/dist/default-nordic.css +1 -1
  9. package/dist/default-ocean-blue-a11y.css +1 -1
  10. package/dist/default-ocean-blue.css +1 -1
  11. package/dist/default-orange.css +1 -1
  12. package/dist/default-purple.css +1 -1
  13. package/dist/default-turquoise.css +1 -1
  14. package/dist/default-urban.css +1 -1
  15. package/dist/meta/sassdoc-data.json +1687 -655
  16. package/dist/meta/sassdoc-raw-data.json +775 -300
  17. package/dist/meta/variables.json +121 -29
  18. package/lib/swatches/default-blue.json +1 -1
  19. package/lib/swatches/default-dataviz-v4.json +1 -1
  20. package/lib/swatches/default-green.json +1 -1
  21. package/lib/swatches/default-main-dark.json +1 -1
  22. package/lib/swatches/default-main.json +1 -1
  23. package/lib/swatches/default-nordic.json +1 -1
  24. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  25. package/lib/swatches/default-ocean-blue.json +1 -1
  26. package/lib/swatches/default-orange.json +1 -1
  27. package/lib/swatches/default-purple.json +1 -1
  28. package/lib/swatches/default-turquoise.json +1 -1
  29. package/lib/swatches/default-urban.json +1 -1
  30. package/package.json +4 -4
  31. package/scss/dataviz/_index.scss +3 -1
  32. package/scss/dataviz/_layout.scss +21 -0
  33. package/scss/dataviz/_theme.scss +3 -1
  34. package/scss/dataviz/_variables.scss +9 -0
  35. package/scss/index.scss +2 -0
  36. package/scss/list/_index.scss +3 -1
  37. package/scss/list/_layout.scss +0 -19
  38. package/scss/list/_theme.scss +0 -6
  39. package/scss/list/_variables.scss +0 -4
  40. package/scss/no-data/_index.scss +32 -0
  41. package/scss/no-data/_layout.scss +24 -0
  42. package/scss/no-data/_theme.scss +12 -0
  43. package/scss/no-data/_variables.scss +7 -0
  44. package/scss/orgchart/_variables.scss +1 -1
  45. package/scss/pdf-viewer/_layout.scss +185 -24
  46. package/scss/pdf-viewer/_theme.scss +19 -1
  47. package/scss/pdf-viewer/_variables.scss +26 -0
  48. package/scss/prompt/_layout.scss +6 -0
  49. package/scss/scheduler/_index.scss +3 -1
  50. package/scss/splitter/_variables.scss +1 -1
  51. package/scss/spreadsheet/_layout.scss +2 -1
  52. package/scss/stepper/_layout.scss +2 -2
  53. package/scss/stepper/_variables.scss +3 -0
  54. package/scss/timeline/_layout.scss +1 -1
  55. package/scss/timeline/_variables.scss +5 -5
  56. package/scss/toolbar/_layout.scss +12 -10
  57. package/scss/toolbar/_theme.scss +33 -9
  58. package/scss/toolbar/_variables.scss +32 -4
package/dist/all.scss CHANGED
@@ -5105,6 +5105,7 @@ $kendo-components: (
5105
5105
  "overlay",
5106
5106
  "ripple",
5107
5107
  "virtual-scroller",
5108
+ "no-data",
5108
5109
 
5109
5110
  // Indicators
5110
5111
  "avatar",
@@ -5610,6 +5611,7 @@ $_kendo-dependencies: (
5610
5611
  "icon",
5611
5612
  "input"
5612
5613
  ),
5614
+ no-data: (),
5613
5615
  orgchart: (
5614
5616
  "action-buttons",
5615
5617
  "avatar",
@@ -17471,7 +17473,8 @@ $_kendo-module-meta: (
17471
17473
  name: "list",
17472
17474
  dependencies: (
17473
17475
  "checkbox",
17474
- "icon"
17476
+ "icon",
17477
+ "no-data"
17475
17478
  )
17476
17479
  );
17477
17480
 
@@ -17741,10 +17744,6 @@ $kendo-list-group-item-border: inherit !default;
17741
17744
  /// @group list
17742
17745
  $kendo-list-group-item-shadow: null !default;
17743
17746
 
17744
- /// The color of the 'No Data' text.
17745
- /// @group list
17746
- $kendo-list-no-data-text: $kendo-subtle-text !default;
17747
-
17748
17747
  /// The color of the 'Option Label' text.
17749
17748
  /// @group list
17750
17749
  $kendo-list-option-label-text: $kendo-subtle-text !default;
@@ -18297,6 +18296,94 @@ $kendo-checkbox-ripple-opacity: .25 !default;
18297
18296
  @include kendo-checkbox--styles();
18298
18297
  }
18299
18298
 
18299
+ // #endregion
18300
+ // #region @import "../no-data/_index.scss"; -> scss/no-data/_index.scss
18301
+ // #region @import "../core/_index.scss"; -> scss/core/_index.scss
18302
+ // File already imported_once. Skipping output.
18303
+ // #endregion
18304
+
18305
+
18306
+ // Module meta
18307
+ $_kendo-module-meta: (
18308
+ name: "no-data",
18309
+ dependencies: ()
18310
+ );
18311
+
18312
+ // Dependencies
18313
+
18314
+
18315
+ // Component
18316
+ // #region @import "./_variables.scss"; -> scss/no-data/_variables.scss
18317
+ /// The minimum height of the 'No Data' text container.
18318
+ /// @group no-data
18319
+ $kendo-no-data-min-height: 140px !default;
18320
+
18321
+ /// The color of the 'No Data' text.
18322
+ /// @group no-data
18323
+ $kendo-no-data-text: $kendo-subtle-text !default;
18324
+
18325
+ // #endregion
18326
+ // #region @import "./_layout.scss"; -> scss/no-data/_layout.scss
18327
+ @mixin kendo-no-data--layout-base() {
18328
+
18329
+ .k-no-data {
18330
+ min-height: $kendo-no-data-min-height;
18331
+ display: flex;
18332
+ align-items: center;
18333
+ justify-content: center;
18334
+ font-weight: lighter;
18335
+ text-align: center;
18336
+ white-space: normal;
18337
+ }
18338
+
18339
+
18340
+ // Alias
18341
+ .k-nodata {
18342
+ @extend .k-no-data !optional;
18343
+ }
18344
+
18345
+
18346
+ }
18347
+
18348
+ @mixin kendo-no-data--layout() {
18349
+ @include kendo-no-data--layout-base();
18350
+ }
18351
+
18352
+ // #endregion
18353
+ // #region @import "./_theme.scss"; -> scss/no-data/_theme.scss
18354
+ @mixin kendo-no-data--theme-base() {
18355
+
18356
+ .k-no-data {
18357
+ color: $kendo-no-data-text;
18358
+ }
18359
+
18360
+ }
18361
+
18362
+
18363
+ @mixin kendo-no-data--theme() {
18364
+ @include kendo-no-data--theme-base();
18365
+ }
18366
+
18367
+ // #endregion
18368
+
18369
+ // Register
18370
+ // #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
18371
+ // File already imported_once. Skipping output.
18372
+ // #endregion
18373
+ @include module-register( $_kendo-module-meta... );
18374
+
18375
+ // Expose
18376
+ @mixin kendo-no-data--styles() {
18377
+ @include module-render( "no-data" ) {
18378
+ @include kendo-no-data--layout();
18379
+ @include kendo-no-data--theme();
18380
+ }
18381
+ }
18382
+
18383
+ @if $kendo-auto-bootstrap {
18384
+ @include kendo-no-data--styles();
18385
+ }
18386
+
18300
18387
  // #endregion
18301
18388
 
18302
18389
 
@@ -18545,25 +18632,6 @@ $kendo-checkbox-ripple-opacity: .25 !default;
18545
18632
  }
18546
18633
  }
18547
18634
  }
18548
-
18549
-
18550
- // No data
18551
- .k-no-data {
18552
- min-height: 140px;
18553
- display: flex;
18554
- align-items: center;
18555
- justify-content: center;
18556
- font-weight: lighter;
18557
- text-align: center;
18558
- white-space: normal;
18559
- }
18560
-
18561
-
18562
- // Alias
18563
- .k-nodata {
18564
- @extend .k-no-data !optional;
18565
- }
18566
-
18567
18635
  }
18568
18636
 
18569
18637
 
@@ -18663,12 +18731,6 @@ $kendo-checkbox-ripple-opacity: .25 !default;
18663
18731
  );
18664
18732
  }
18665
18733
 
18666
-
18667
- // No data
18668
- .k-no-data {
18669
- color: $kendo-list-no-data-text;
18670
- }
18671
-
18672
18734
  }
18673
18735
 
18674
18736
 
@@ -20061,6 +20123,9 @@ $_kendo-module-meta: (
20061
20123
  }
20062
20124
 
20063
20125
  // #endregion
20126
+ // #region @import "./no-data/_index.scss"; -> scss/no-data/_index.scss
20127
+ // File already imported_once. Skipping output.
20128
+ // #endregion
20064
20129
 
20065
20130
 
20066
20131
  // Indicators
@@ -24307,6 +24372,38 @@ $kendo-toolbar-gradient: null !default;
24307
24372
  /// @group toolbar
24308
24373
  $kendo-toolbar-shadow: null !default;
24309
24374
 
24375
+ /// The text color of the outline Toolbar.
24376
+ /// @group toolbar
24377
+ $kendo-toolbar-outline-text: $kendo-button-text !default;
24378
+ /// The color of the border around the outline Toolbar.
24379
+ /// @group toolbar
24380
+ $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;
24381
+ /// The gradient of the outline Toolbar.
24382
+ /// @group toolbar
24383
+ $kendo-toolbar-outline-gradient: null !default;
24384
+ /// The box shadow of the outline Toolbar.
24385
+ /// @group toolbar
24386
+ $kendo-toolbar-outline-shadow: null !default;
24387
+ /// The width of the border around the outline Toolbar.
24388
+ /// @group toolbar
24389
+ $kendo-toolbar-outline-border-width: $kendo-toolbar-border-width !default;
24390
+
24391
+ /// The text color of the flat Toolbar.
24392
+ /// @group toolbar
24393
+ $kendo-toolbar-flat-text: null !default;
24394
+ /// The color of the border around the flat Toolbar.
24395
+ /// @group toolbar
24396
+ $kendo-toolbar-flat-border: $kendo-toolbar-border !default;
24397
+ /// The gradient of the flat Toolbar.
24398
+ /// @group toolbar
24399
+ $kendo-toolbar-flat-gradient: null !default;
24400
+ /// The box shadow of the flat Toolbar.
24401
+ /// @group toolbar
24402
+ $kendo-toolbar-flat-shadow: null !default;
24403
+ /// Border width of the flat Toolbar.
24404
+ /// @group toolbar
24405
+ $kendo-toolbar-flat-border-width: 1px !default;
24406
+
24310
24407
  /// The color of the separator border of the Toolbar.
24311
24408
  /// @group toolbar
24312
24409
  $kendo-toolbar-separator-border: inherit !default;
@@ -24319,10 +24416,6 @@ $kendo-toolbar-input-width: 10em !default;
24319
24416
  /// @group toolbar
24320
24417
  $kendo-toolbar-item-shadow: $kendo-button-focus-shadow !default;
24321
24418
 
24322
- /// Border width of the flat Toolbar.
24323
- /// @group toolbar
24324
- $kendo-toolbar-flat-border-width: 1px !default;
24325
-
24326
24419
  /// The sizes map for the Toolbar.
24327
24420
  /// @group toolbar
24328
24421
  $kendo-toolbar-sizes: (
@@ -24448,7 +24541,19 @@ $kendo-toolbar-sizes: (
24448
24541
  text-decoration: none;
24449
24542
  outline: 0;
24450
24543
  }
24544
+ }
24451
24545
 
24546
+ // Outline Toolbar
24547
+ .k-toolbar-outline {
24548
+ border-width: $kendo-toolbar-outline-border-width;
24549
+ background: none;
24550
+ }
24551
+
24552
+ // Flat Toolbar
24553
+ .k-toolbar-flat {
24554
+ border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
24555
+ border-inline-color: transparent !important; // stylelint-disable-line declaration-no-important
24556
+ background: none !important; // stylelint-disable-line declaration-no-important
24452
24557
  }
24453
24558
 
24454
24559
 
@@ -24595,16 +24700,6 @@ $kendo-toolbar-sizes: (
24595
24700
  }
24596
24701
  }
24597
24702
 
24598
- // Flat Toolbar
24599
- .k-toolbar.k-toolbar-flat {
24600
- border-width: $kendo-toolbar-flat-border-width 0;
24601
- border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
24602
- border-bottom-color: inherit;
24603
- color: inherit;
24604
- background: none !important; // stylelint-disable-line declaration-no-important
24605
- box-shadow: none;
24606
- }
24607
-
24608
24703
  }
24609
24704
 
24610
24705
 
@@ -24618,15 +24713,6 @@ $kendo-toolbar-sizes: (
24618
24713
 
24619
24714
  // Theme
24620
24715
  .k-toolbar {
24621
- @include fill(
24622
- $kendo-toolbar-text,
24623
- $kendo-toolbar-bg,
24624
- $kendo-toolbar-border,
24625
- $kendo-toolbar-gradient
24626
- );
24627
- @include box-shadow( $kendo-toolbar-shadow );
24628
-
24629
-
24630
24716
  // Separator
24631
24717
  .k-separator,
24632
24718
  .k-toolbar-separator {
@@ -24646,6 +24732,39 @@ $kendo-toolbar-sizes: (
24646
24732
 
24647
24733
  }
24648
24734
 
24735
+ // Solid Toolbar
24736
+ .k-toolbar-solid {
24737
+ @include fill(
24738
+ $kendo-toolbar-text,
24739
+ $kendo-toolbar-bg,
24740
+ $kendo-toolbar-border,
24741
+ $kendo-toolbar-gradient
24742
+ );
24743
+ @include box-shadow( $kendo-toolbar-shadow );
24744
+ }
24745
+
24746
+ // Outline Toolbar
24747
+ .k-toolbar-outline {
24748
+ @include fill(
24749
+ $color: $kendo-toolbar-outline-text,
24750
+ $border: $kendo-toolbar-outline-border
24751
+ );
24752
+ @include box-shadow( $kendo-toolbar-outline-shadow );
24753
+ }
24754
+
24755
+ // Flat Toolbar
24756
+ .k-toolbar-flat {
24757
+ @include fill(
24758
+ $color: $kendo-toolbar-flat-text,
24759
+ $border: $kendo-toolbar-flat-border
24760
+ );
24761
+ @include box-shadow( $kendo-toolbar-flat-shadow );
24762
+
24763
+ > .k-separator {
24764
+ border-inline-color: $kendo-toolbar-flat-border;
24765
+ }
24766
+ }
24767
+
24649
24768
  .k-floating-toolbar,
24650
24769
  .editorToolbarWindow.k-window-content { // stylelint-disable-line
24651
24770
  @include fill(
@@ -41547,6 +41666,9 @@ $kendo-stepper-label-padding-x: k-spacing(3) !default;
41547
41666
  /// The vertical padding the Stepper label.
41548
41667
  /// @group stepper
41549
41668
  $kendo-stepper-label-padding-y: calc( #{k-spacing(2.5)} / 2 ) !default;
41669
+ /// The border radius of the Stepper label.
41670
+ /// @group stepper
41671
+ $kendo-stepper-label-border-radius: k-border-radius(xxxl) !default;
41550
41672
  /// The width of the border around the Stepper.
41551
41673
  /// @group stepper
41552
41674
  $kendo-stepper-border-width: 0px !default;
@@ -41872,7 +41994,7 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
41872
41994
  z-index: 1;
41873
41995
  }
41874
41996
  .k-step-label:only-child {
41875
- @include border-radius( k-math-div( ( $kendo-stepper-indicator-height + 2 * $kendo-stepper-indicator-border-width ), 2 ) );
41997
+ @include border-radius( $kendo-stepper-label-border-radius );
41876
41998
  padding-block: $kendo-stepper-label-padding-y;
41877
41999
  padding-inline: $kendo-stepper-label-padding-x;
41878
42000
  border-width: 0;
@@ -41953,7 +42075,7 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
41953
42075
  text-align: center;
41954
42076
  }
41955
42077
  .k-step-indicator + .k-step-label {
41956
- margin-top: if($kendo-stepper-indicator-focus-offset > 0, calc(8px - #{$kendo-stepper-indicator-focus-offset}), 8px);
42078
+ margin-top: if($kendo-stepper-indicator-focus-offset > 0, k-spacing(1), 8px);
41957
42079
  }
41958
42080
 
41959
42081
  // Progressbar
@@ -44428,7 +44550,7 @@ $kendo-splitter-drag-handle-length: 20px !default;
44428
44550
  $kendo-splitter-drag-handle-thickness: 2px !default;
44429
44551
  /// The margin of the Splitter drag handle icon.
44430
44552
  /// @group splitter
44431
- $kendo-splitter-drag-icon-margin: calc( #{k-spacing(3.5)} / 2 ) !default;
44553
+ $kendo-splitter-drag-icon-margin: k-spacing(2) !default;
44432
44554
  /// The horizontal padding of the collapse icon in the Splitter.
44433
44555
  /// @group splitter
44434
44556
  $kendo-splitter-collapse-icon-padding-x: null !default;
@@ -45382,7 +45504,8 @@ $_kendo-module-meta: (
45382
45504
  dependencies: (
45383
45505
  "icon",
45384
45506
  "popup",
45385
- "tooltip"
45507
+ "tooltip",
45508
+ "no-data"
45386
45509
  )
45387
45510
  );
45388
45511
 
@@ -45394,6 +45517,9 @@ $_kendo-module-meta: (
45394
45517
  // #region @import "../tooltip/_index.scss"; -> scss/tooltip/_index.scss
45395
45518
  // File already imported_once. Skipping output.
45396
45519
  // #endregion
45520
+ // #region @import "../no-data/_index.scss"; -> scss/no-data/_index.scss
45521
+ // File already imported_once. Skipping output.
45522
+ // #endregion
45397
45523
 
45398
45524
 
45399
45525
  // Component
@@ -45534,12 +45660,21 @@ $kendo-chart-selection-handle-size: 22px !default;
45534
45660
  $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;
45535
45661
  $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;
45536
45662
 
45663
+ $kendo-chart-computed-title-height: 0px !default;
45537
45664
 
45538
45665
  // TreeMap
45539
45666
  $kendo-treemap-font-family: var( --kendo-font-family, inherit ) !default;
45540
45667
  $kendo-treemap-font-size: var( --kendo-font-size, inherit ) !default;
45541
45668
  $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
45542
45669
 
45670
+ // Chart Overlay
45671
+ $kendo-chart-overlay-bg: $kendo-base-bg !default;
45672
+
45673
+ // No Data
45674
+ $kendo-chart-no-data-font-size: var( --kendo-font-size-lg, inherit ) !default;
45675
+ $kendo-chart-no-data-font-weight: var( --kendo-font-weight, normal ) !default;
45676
+ $kendo-chart-no-data-padding-y: k-spacing( 25 ) !default;
45677
+
45543
45678
  // #endregion
45544
45679
  // #region @import "./_layout.scss"; -> scss/dataviz/_layout.scss
45545
45680
  @mixin kendo-dataviz--layout-base() {
@@ -45786,8 +45921,29 @@ $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
45786
45921
  }
45787
45922
  }
45788
45923
 
45924
+ // Chart Overlay
45925
+ .k-chart-overlay {
45926
+ margin: 0;
45927
+ width: 100%;
45928
+ height: if( --kendo-chart-computed-title-height, calc( 100% - var( --kendo-chart-computed-title-height, #{$kendo-chart-computed-title-height} ) ), 100% );
45929
+ position: absolute;
45930
+ top: 0;
45931
+ left: 0;
45932
+ opacity: 1;
45933
+ z-index: 10001;
45789
45934
 
45935
+ &-top {
45936
+ top: var( --kendo-chart-computed-title-height, #{$kendo-chart-computed-title-height} );
45937
+ }
45790
45938
 
45939
+ .k-no-data {
45940
+ min-height: auto;
45941
+ padding-block-start: $kendo-chart-no-data-padding-y;
45942
+ color: inherit;
45943
+ font-size: $kendo-chart-no-data-font-size;
45944
+ font-weight: $kendo-chart-no-data-font-weight;
45945
+ }
45946
+ }
45791
45947
 
45792
45948
  // Diagram
45793
45949
  .k-diagram {
@@ -46146,7 +46302,9 @@ $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
46146
46302
  opacity: .8;
46147
46303
  }
46148
46304
 
46149
-
46305
+ .k-chart-overlay {
46306
+ background-color: $kendo-chart-overlay-bg;
46307
+ }
46150
46308
 
46151
46309
 
46152
46310
  // Treemap
@@ -50031,7 +50189,8 @@ $kendo-spreadsheet-dropzone-spacing-y: k-spacing(4) !default;
50031
50189
 
50032
50190
  // Toolbar
50033
50191
  .k-spreadsheet-toolbar {
50034
- border-width: 0;
50192
+ border-top-width: 0;
50193
+ border-inline-width: 0;
50035
50194
  }
50036
50195
 
50037
50196
  // Action bar
@@ -56887,7 +57046,8 @@ $_kendo-module-meta: (
56887
57046
  "toolbar",
56888
57047
  "tooltip",
56889
57048
  "time-marker",
56890
- "window"
57049
+ "window",
57050
+ "no-data"
56891
57051
  )
56892
57052
  );
56893
57053
 
@@ -56914,6 +57074,9 @@ $_kendo-module-meta: (
56914
57074
  // #region @import "../tooltip/_index.scss"; -> scss/tooltip/_index.scss
56915
57075
  // File already imported_once. Skipping output.
56916
57076
  // #endregion
57077
+ // #region @import "../no-data/_index.scss"; -> scss/no-data/_index.scss
57078
+ // File already imported_once. Skipping output.
57079
+ // #endregion
56917
57080
 
56918
57081
 
56919
57082
  // Component
@@ -59618,10 +59781,10 @@ $kendo-timeline-mobile-spacing-y: k-spacing(4) !default;
59618
59781
 
59619
59782
  /// The width of the Timeline track arrow.
59620
59783
  /// @group timeline
59621
- $kendo-timeline-track-arrow-width: 30px !default;
59784
+ $kendo-timeline-track-arrow-width: k-spacing(7.5) !default;
59622
59785
  /// The height of the Timeline track arrow.
59623
59786
  /// @group timeline
59624
- $kendo-timeline-track-arrow-height: 30px !default;
59787
+ $kendo-timeline-track-arrow-height: k-spacing(7.5) !default;
59625
59788
 
59626
59789
  /// The background color of the disabled Timeline track arrow.
59627
59790
  /// @group timeline
@@ -59635,10 +59798,10 @@ $kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, k-co
59635
59798
 
59636
59799
  /// The size of the Timeline track.
59637
59800
  /// @group timeline
59638
- $kendo-timeline-track-size: 6px !default;
59801
+ $kendo-timeline-track-size: k-spacing(1.5) !default;
59639
59802
  /// The bottom padding of the Timeline's track wrapper.
59640
59803
  /// @group timeline
59641
- $kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
59804
+ $kendo-timeline-track-wrap-padding-bottom: calc( #{$kendo-timeline-track-size} / 2) !default;
59642
59805
  /// The border width of the Timeline track.
59643
59806
  /// @group timeline
59644
59807
  $kendo-timeline-track-border-width: 1px !default;
@@ -59647,7 +59810,7 @@ $kendo-timeline-track-border-width: 1px !default;
59647
59810
  $kendo-timeline-track-margin-bottom: k-spacing(4) !default;
59648
59811
  /// The bottom offset of the Timeline track.
59649
59812
  /// @group timeline
59650
- $kendo-timeline-track-bottom-calc: calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
59813
+ $kendo-timeline-track-bottom-calc: calc( calc( #{$kendo-timeline-track-arrow-height} / 2) + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
59651
59814
  /// The left offset of the Timeline track.
59652
59815
  /// @group timeline
59653
59816
  $kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
@@ -60090,7 +60253,7 @@ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-o
60090
60253
 
60091
60254
  .k-timeline-track-wrap {
60092
60255
  position: relative;
60093
- padding: k-math-div( $kendo-timeline-track-arrow-height, 2 ) 0;
60256
+ padding: calc( #{$kendo-timeline-track-arrow-height} / 2 ) 0;
60094
60257
 
60095
60258
  &::after {
60096
60259
  top: auto;
@@ -60465,6 +60628,32 @@ $kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
60465
60628
  /// @group pdf-viewer
60466
60629
  $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
60467
60630
 
60631
+ /// The vertical padding of the PDFViewer popup.
60632
+ /// @group pdf-viewer
60633
+ $kendo-pdf-viewer-popup-padding-x: k-spacing(2) !default;
60634
+ /// The horizontal padding of the PDFViewer popup.
60635
+ /// @group pdf-viewer
60636
+ $kendo-pdf-viewer-popup-padding-y: $kendo-pdf-viewer-popup-padding-x !default;
60637
+
60638
+ /// The border color of the PDFViewer selected highlight annotation.
60639
+ /// @group pdf-viewer
60640
+ $kendo-pdf-viewer-highlight-annotation-border: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
60641
+ /// The background color of the PDFViewer hover highlight annotation.
60642
+ /// @group pdf-viewer
60643
+ $kendo-pdf-viewer-highlight-annotation-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker) !default;
60644
+ /// The border color of the PDFViewer selected free text annotation.
60645
+ /// @group pdf-viewer
60646
+ $kendo-pdf-viewer-free-text-annotation-border: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
60647
+ /// The placeholder text color of the PDFViewer free text annotation.
60648
+ /// @group pdf-viewer
60649
+ $kendo-pdf-viewer-free-text-annotation-placeholder-text: rgba(124, 22, 27, 0.5) !default;
60650
+ /// The text color of the PDFViewer free text annotation.
60651
+ /// @group pdf-viewer
60652
+ $kendo-pdf-viewer-free-text-annotation-text: rgba(124, 22, 27, 0.5) !default;
60653
+ /// The text color of the PDFViewer free text annotation.
60654
+ /// @group pdf-viewer
60655
+ $kendo-pdf-viewer-free-text-annotation-text: rgba(124, 22, 27, 0.7) !default;
60656
+
60468
60657
  // #endregion
60469
60658
  // #region @import "./_layout.scss"; -> scss/pdf-viewer/_layout.scss
60470
60659
  @mixin kendo-pdf-viewer--layout-base() {
@@ -60502,44 +60691,69 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
60502
60691
  background: none;
60503
60692
  overflow: visible;
60504
60693
  }
60694
+ }
60505
60695
 
60506
60696
 
60507
- // Canvas
60508
- .k-canvas {
60509
- display: flex;
60510
- flex-direction: column;
60511
- flex: 1 1 auto;
60512
- outline: none;
60697
+ // Canvas
60698
+ .k-pdf-viewer-canvas {
60699
+ display: flex;
60700
+ flex-direction: column;
60701
+ flex: 1 1 auto;
60702
+ outline: none;
60513
60703
 
60514
- &.k-enable-text-select {
60515
- user-select: text;
60516
- cursor: text;
60517
- }
60704
+ &.k-enable-text-select {
60705
+ user-select: text;
60706
+ cursor: text;
60707
+ }
60518
60708
 
60519
- &.k-enable-panning {
60520
- cursor: grab;
60709
+ &.k-enable-panning {
60710
+ cursor: grab !important; // stylelint-disable-line declaration-no-important
60521
60711
 
60522
- span::selection {
60523
- background-color: transparent;
60524
- }
60712
+ span::selection {
60713
+ background-color: transparent;
60525
60714
  }
60526
60715
  }
60716
+ }
60527
60717
 
60528
-
60529
- // Pages
60530
- .k-pdf-viewer-pages {
60531
- flex: 1 1 auto;
60532
- }
60718
+ // Pages
60719
+ .k-pdf-viewer-pages {
60720
+ flex: 1 1 auto;
60533
60721
 
60534
60722
  .k-page {
60535
60723
  position: relative;
60536
60724
  margin-block: $kendo-pdf-viewer-page-spacing;
60537
60725
  margin-inline: auto;
60726
+ z-index: 1;
60727
+
60728
+ // Canvas
60729
+ .k-canvas-wrapper {
60730
+ overflow: hidden;
60731
+ width: 100%;
60732
+ height: 100%;
60733
+
60734
+ canvas {
60735
+ direction: ltr;
60736
+ }
60538
60737
 
60539
- canvas {
60540
- direction: ltr;
60738
+ svg {
60739
+ transform: none;
60740
+ }
60741
+
60742
+ .k-highlight {
60743
+ position: absolute;
60744
+ mix-blend-mode: multiply;
60745
+ fill-opacity: 1;
60746
+
60747
+ }
60748
+ .k-highlight-outline {
60749
+ position: absolute;
60750
+ fill: none;
60751
+ stroke-width: 2px;
60752
+ stroke-dasharray: 2;
60753
+ }
60541
60754
  }
60542
60755
 
60756
+
60543
60757
  .k-text-layer {
60544
60758
  position: absolute;
60545
60759
  top: 0;
@@ -60547,16 +60761,131 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
60547
60761
  opacity: .2;
60548
60762
  overflow: hidden;
60549
60763
 
60550
- > span {
60764
+ .k-marked-content > span,
60765
+ > span, br {
60551
60766
  position: absolute;
60552
60767
  line-height: $kendo-pdf-viewer-selection-line-height;
60553
60768
  transform-origin: 0% 0%;
60554
60769
  color: transparent;
60770
+ white-space: pre;
60771
+ cursor: text;
60772
+ }
60773
+
60774
+ .k-marked-content {
60775
+ top: 0;
60776
+ height: 0;
60777
+ }
60778
+
60779
+ .k-end-of-content {
60780
+ display: block;
60781
+ position: absolute;
60782
+ inset: 100% 0 0;
60783
+ z-index: 0;
60784
+ cursor: default;
60785
+ user-select: none;
60555
60786
  }
60556
60787
 
60557
60788
  .k-search-highlight-mark {
60558
60789
  color: transparent;
60559
60790
  }
60791
+
60792
+ .k-highlighting {
60793
+ touch-action: none;
60794
+ }
60795
+ }
60796
+
60797
+ .k-annotation-layer {
60798
+ position: absolute;
60799
+ top: 0;
60800
+ left: 0;
60801
+ transform-origin: 0 0;
60802
+ pointer-events: none;
60803
+
60804
+ section {
60805
+ position: absolute;
60806
+ }
60807
+
60808
+ .k-annotation-text-content {
60809
+ position: absolute;
60810
+ width: 100%;
60811
+ height: 100%;
60812
+ opacity: 0;
60813
+ color: transparent;
60814
+ user-select: none;
60815
+ pointer-events: none;
60816
+ }
60817
+ }
60818
+
60819
+ .k-annotation-editor-layer {
60820
+ background: transparent;
60821
+ position: absolute;
60822
+ inset: 0;
60823
+ transform-origin: 0 0;
60824
+ cursor: auto;
60825
+
60826
+ .k-selected {
60827
+ z-index: 100000 !important; // stylelint-disable-line declaration-no-important
60828
+ }
60829
+
60830
+ .k-highlight-editor {
60831
+ position: absolute;
60832
+ background: transparent;
60833
+ z-index: 1;
60834
+ cursor: auto;
60835
+ max-width: 100%;
60836
+ max-height: 100%;
60837
+ border: none;
60838
+ outline: none;
60839
+ pointer-events: none;
60840
+ transform-origin: 0 0;
60841
+
60842
+ .k-internal {
60843
+ position: absolute;
60844
+ top: 0;
60845
+ left: 0;
60846
+ width: 100%;
60847
+ height: 100%;
60848
+ pointer-events: auto;
60849
+ }
60850
+ }
60851
+
60852
+ .k-free-text-editor {
60853
+ position: absolute;
60854
+ background: transparent;
60855
+ z-index: 1;
60856
+ transform-origin: 0 0;
60857
+ cursor: text;
60858
+ caret-color: $kendo-pdf-viewer-free-text-annotation-text;
60859
+ max-width: 100%;
60860
+ max-height: 100%;
60861
+ border: solid 2px transparent;
60862
+
60863
+ &.k-selected.k-draggable {
60864
+ cursor: move;;
60865
+ }
60866
+
60867
+ &.k-selected .k-internal {
60868
+ border-radius: 0px;
60869
+ outline: 2px dashed $kendo-pdf-viewer-free-text-annotation-border;
60870
+ }
60871
+
60872
+ .k-internal {
60873
+ background: transparent;
60874
+ border: none;
60875
+ inset: 0;
60876
+ overflow: visible;
60877
+ white-space: nowrap;
60878
+ user-select: none;
60879
+ }
60880
+
60881
+ .k-internal:empty::before {
60882
+ content: attr(default-content);
60883
+ }
60884
+ }
60885
+ }
60886
+
60887
+ .k-annotation-editor-layer-disabled {
60888
+ pointer-events: none;
60560
60889
  }
60561
60890
  }
60562
60891
 
@@ -60577,7 +60906,6 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
60577
60906
  background: none;
60578
60907
  }
60579
60908
  }
60580
-
60581
60909
  }
60582
60910
 
60583
60911
  // Search
@@ -60618,6 +60946,28 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
60618
60946
  }
60619
60947
  }
60620
60948
 
60949
+ // Annotation Toolbar
60950
+ .k-pdf-viewer-annotation-editor-toolbar > .k-toolbar {
60951
+ width: min-content;
60952
+ border-bottom-width: 0;
60953
+ }
60954
+
60955
+
60956
+ // Annotation Editor
60957
+ .k-pdf-viewer-annotation-editor {
60958
+ padding-block: $kendo-pdf-viewer-popup-padding-y;
60959
+ padding-inline: $kendo-pdf-viewer-popup-padding-x;
60960
+
60961
+ .k-column-menu-group-header {
60962
+ padding-inline: 0;
60963
+ }
60964
+
60965
+ .k-form-field {
60966
+ margin-top: 0;
60967
+ }
60968
+
60969
+ }
60970
+
60621
60971
  }
60622
60972
 
60623
60973
 
@@ -60650,7 +61000,7 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
60650
61000
 
60651
61001
 
60652
61002
  // Canvas
60653
- .k-canvas {
61003
+ .k-pdf-viewer-canvas {
60654
61004
  @include fill(
60655
61005
  $kendo-pdf-viewer-canvas-text,
60656
61006
  $kendo-pdf-viewer-canvas-bg,
@@ -60673,6 +61023,16 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
60673
61023
  @include fill( $color: $kendo-pdf-viewer-icon-text );
60674
61024
  }
60675
61025
 
61026
+ .k-canvas-wrapper .k-highlight-outline {
61027
+ &.k-hover,
61028
+ &:hover {
61029
+ stroke: $kendo-pdf-viewer-highlight-annotation-hover-border;
61030
+ }
61031
+
61032
+ &.k-selected {
61033
+ stroke: $kendo-pdf-viewer-highlight-annotation-border;
61034
+ }
61035
+ }
60676
61036
 
60677
61037
  // Search
60678
61038
  .k-search-highlight {
@@ -60683,6 +61043,14 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
60683
61043
  @include fill( $bg: $kendo-pdf-viewer-search-highlight-mark-bg );
60684
61044
  }
60685
61045
 
61046
+ .k-annotation-editor-layer .k-free-text-editor .k-internal {
61047
+ color: $kendo-pdf-viewer-free-text-annotation-text;
61048
+
61049
+ &:empty::before {
61050
+ color: $kendo-pdf-viewer-free-text-annotation-placeholder-text;
61051
+ }
61052
+ }
61053
+
60686
61054
  }
60687
61055
 
60688
61056
  .k-pdf-viewer-canvas > .k-search-panel {
@@ -61388,6 +61756,12 @@ $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
61388
61756
  flex-direction: column;
61389
61757
  position: relative;
61390
61758
  overflow: hidden;
61759
+
61760
+ // Toolbar
61761
+ .k-toolbar {
61762
+ border-top-width: 0;
61763
+ border-inline-width: 0;
61764
+ }
61391
61765
  }
61392
61766
 
61393
61767
  // Content
@@ -62035,7 +62409,7 @@ $kendo-orgchart-line-fill: $kendo-base-border !default;
62035
62409
 
62036
62410
  /// The height of the OrgChart connecting line.
62037
62411
  /// @group orgchart
62038
- $kendo-orgchart-line-v-height: 25px !default;
62412
+ $kendo-orgchart-line-v-height: k-spacing(6) !default;
62039
62413
 
62040
62414
  // #endregion
62041
62415
  // #region @import "./_layout.scss"; -> scss/orgchart/_layout.scss
@@ -62475,6 +62849,7 @@ $kendo-signature-maximized-line-width: 3px !default;
62475
62849
  @include kendo-ripple--styles();
62476
62850
  @include kendo-table--styles();
62477
62851
  @include kendo-virtual-scroller--styles();
62852
+ @include kendo-no-data--styles();
62478
62853
 
62479
62854
 
62480
62855
  // Indicators