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

package/dist/all.scss

@@ -6345,6 +6345,7 @@ $kendo-components: (
     "overlay",
     "ripple",
     "virtual-scroller",
+    "no-data",
 
     // Indicators
     "avatar",
@@ -6850,6 +6851,7 @@ $_kendo-dependencies: (
         "icon",
         "input"
     ),
+    no-data: (),
     orgchart: (
         "action-buttons",
         "avatar",
@@ -18638,7 +18640,8 @@ $_kendo-module-meta: (
     name: "list",
     dependencies: (
         "checkbox",
-        "icon"
+        "icon",
+        "no-data"
     )
 );
 
@@ -18907,10 +18910,6 @@ $kendo-list-group-item-border: inherit !default;
 /// @group list
 $kendo-list-group-item-shadow: null !default;
 
-/// The color of the 'No Data' text.
-/// @group list
-$kendo-list-no-data-text: $kendo-subtle-text !default;
-
 /// The color of the 'Option Label' text.
 /// @group list
 $kendo-list-option-label-text: $kendo-subtle-text !default;
@@ -19491,6 +19490,108 @@ $kendo-checkbox-ripple-opacity: .2 !default;
     @include kendo-checkbox--styles();
 }
 
+// #endregion
+// #region @import "../no-data/_index.scss"; -> scss/no-data/_index.scss
+// #region @import "../core/_index.scss"; -> scss/core/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "no-data",
+    dependencies: ()
+);
+
+// Dependencies
+
+
+// Component
+// #region @import "./_variables.scss"; -> scss/no-data/_variables.scss
+/// The minimum height of the 'No Data' text container.
+/// @group no-data
+$kendo-no-data-min-height: 140px !default;
+
+/// The color of the 'No Data' text.
+/// @group no-data
+$kendo-no-data-text: $kendo-subtle-text !default;
+
+// #endregion
+// #region @import "./_layout.scss"; -> scss/no-data/_layout.scss
+// #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
+@mixin kendo-no-data--layout-base() {
+
+        .k-no-data {
+            min-height: $kendo-no-data-min-height;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-weight: lighter;
+            text-align: center;
+            white-space: normal;
+        }
+
+
+        // Alias
+        .k-nodata {
+            @extend .k-no-data !optional;
+        }
+
+
+}
+
+@mixin kendo-no-data--layout() {
+    @include kendo-no-data--layout-base();
+}
+
+// #endregion
+
+@mixin kendo-no-data--layout() {
+    @include kendo-no-data--layout-base();
+}
+
+// #endregion
+// #region @import "./_theme.scss"; -> scss/no-data/_theme.scss
+// #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
+@mixin kendo-no-data--theme-base() {
+
+    .k-no-data {
+        color: $kendo-no-data-text;
+    }
+
+}
+
+
+@mixin kendo-no-data--theme() {
+    @include kendo-no-data--theme-base();
+}
+
+// #endregion
+
+@mixin kendo-no-data--theme() {
+    @include kendo-no-data--theme-base();
+}
+
+// #endregion
+
+// Register
+// #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register( $_kendo-module-meta... );
+
+// Expose
+@mixin kendo-no-data--styles() {
+    @include module-render( "no-data" ) {
+        @include kendo-no-data--layout();
+        @include kendo-no-data--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-no-data--styles();
+}
+
 // #endregion
 
 
@@ -19740,25 +19841,6 @@ $kendo-checkbox-ripple-opacity: .2 !default;
             }
         }
     }
-
-
-    // No data
-    .k-no-data {
-        min-height: 140px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-weight: lighter;
-        text-align: center;
-        white-space: normal;
-    }
-
-
-    // Alias
-    .k-nodata {
-        @extend .k-no-data !optional;
-    }
-
 }
 
 
@@ -19866,12 +19948,6 @@ $kendo-checkbox-ripple-opacity: .2 !default;
         );
     }
 
-
-    // No data
-    .k-no-data {
-        color: $kendo-list-no-data-text;
-    }
-
 }
 
 
@@ -21434,6 +21510,9 @@ $_kendo-module-meta: (
 }
 
 // #endregion
+// #region @import "./no-data/_index.scss"; -> scss/no-data/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
 
 
 // Indicators
@@ -26189,7 +26268,7 @@ $kendo-toolbar-bg: $kendo-component-bg !default;
 $kendo-toolbar-text: $kendo-component-text !default;
 /// The color of the border around the Toolbar.
 /// @group toolbar
-$kendo-toolbar-border: null !default;
+$kendo-toolbar-border: $kendo-component-border !default;
 /// The gradient of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-gradient: null !default;
@@ -26197,9 +26276,41 @@ $kendo-toolbar-gradient: null !default;
 /// @group toolbar
 $kendo-toolbar-shadow: $box-shadow-depth-4 !default;
 
+/// The text color of the outline Toolbar.
+/// @group toolbar
+$kendo-toolbar-outline-text: null !default;
+/// The color of the border around the outline Toolbar.
+/// @group toolbar
+$kendo-toolbar-outline-border: currentColor !default;
+/// The gradient of the outline Toolbar.
+/// @group toolbar
+$kendo-toolbar-outline-gradient: null !default;
+/// The box shadow of the outline Toolbar.
+/// @group toolbar
+$kendo-toolbar-outline-shadow: none !default;
+/// The width of the border around the outline Toolbar.
+/// @group toolbar
+$kendo-toolbar-outline-border-width: 1px !default;
+
+/// The text color of the flat Toolbar.
+/// @group toolbar
+$kendo-toolbar-flat-text: null !default;
+/// The color of the border around the flat Toolbar.
+/// @group toolbar
+$kendo-toolbar-flat-border: $kendo-toolbar-border !default;
+/// The gradient of the flat Toolbar.
+/// @group toolbar
+$kendo-toolbar-flat-gradient: null !default;
+/// The box shadow of the flat Toolbar.
+/// @group toolbar
+$kendo-toolbar-flat-shadow: 0 2px 0 -1px $kendo-component-border !default;
+/// Border width of the flat Toolbar.
+/// @group toolbar
+$kendo-toolbar-flat-border-width: 1px !default;
+
 /// The color of the separator border of the Toolbar.
 /// @group toolbar
-$kendo-toolbar-separator-border: $kendo-component-border !default;
+$kendo-toolbar-separator-border: inherit !default;
 
 /// The width of the input in the Toolbar.
 /// @group toolbar
@@ -26209,10 +26320,6 @@ $kendo-toolbar-input-width: 10em !default;
 /// @group toolbar
 $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;
 
-/// Border width of the flat Toolbar.
-/// @group toolbar
-$kendo-toolbar-flat-border-width: 1px !default;
-
 /// The sizes map for the Toolbar.
 /// @group toolbar
 $kendo-toolbar-sizes: (
@@ -26339,7 +26446,19 @@ $kendo-toolbar-sizes: (
             text-decoration: none;
             outline: 0;
         }
+    }
 
+    // Outline Toolbar
+    .k-toolbar-outline {
+        border-width: $kendo-toolbar-outline-border-width;
+        background: none;
+    }
+
+    // Flat Toolbar
+    .k-toolbar-flat {
+        border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
+        border-inline-color: transparent !important; // stylelint-disable-line declaration-no-important
+        background: none !important;  // stylelint-disable-line declaration-no-important
     }
 
 
@@ -26486,16 +26605,6 @@ $kendo-toolbar-sizes: (
         }
     }
 
-    // Flat Toolbar
-    .k-toolbar.k-toolbar-flat {
-        border-width: $kendo-toolbar-flat-border-width 0;
-        border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
-        border-bottom-color: inherit;
-        color: inherit;
-        background: none !important;  // stylelint-disable-line declaration-no-important
-        box-shadow: none;
-    }
-
 }
 
 
@@ -26528,6 +26637,10 @@ $kendo-toolbar-sizes: (
         .k-split-button {
             @include box-shadow( none );
         }
+
+        &.k-toolbar-outline {
+            @include box-shadow( none );
+        }
     }
 
     // Overflow container
@@ -26560,15 +26673,6 @@ $kendo-toolbar-sizes: (
 
     // Theme
     .k-toolbar {
-        @include fill(
-            $kendo-toolbar-text,
-            $kendo-toolbar-bg,
-            $kendo-toolbar-border,
-            $kendo-toolbar-gradient
-        );
-        @include box-shadow( $kendo-toolbar-shadow );
-
-
         // Separator
         .k-separator,
         .k-toolbar-separator {
@@ -26588,6 +26692,39 @@ $kendo-toolbar-sizes: (
 
     }
 
+    // Solid Toolbar
+    .k-toolbar-solid {
+        @include fill(
+            $kendo-toolbar-text,
+            $kendo-toolbar-bg,
+            $kendo-toolbar-border,
+            $kendo-toolbar-gradient
+        );
+        @include box-shadow( $kendo-toolbar-shadow );
+    }
+
+    // Outline Toolbar
+    .k-toolbar-outline {
+        @include fill(
+            $color: $kendo-toolbar-outline-text,
+            $border: $kendo-toolbar-outline-border
+        );
+        @include box-shadow( $kendo-toolbar-outline-shadow );
+    }
+
+    // Flat Toolbar
+    .k-toolbar-flat {
+        @include fill(
+            $color: $kendo-toolbar-flat-text,
+            $border: $kendo-toolbar-flat-border
+        );
+        @include box-shadow( $kendo-toolbar-flat-shadow );
+
+        > .k-separator {
+            border-inline-color: $kendo-toolbar-flat-border;
+        }
+    }
+
     .k-floating-toolbar,
     .editorToolbarWindow.k-window-content { // stylelint-disable-line
         @include fill(
@@ -27385,7 +27522,7 @@ $kendo-picker-flat-hover-focus-border: null !default;
 
 /// The vertical padding of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-padding-y: calc( #{$kendo-padding-md-y} * .75 ) !default;
+$kendo-tooltip-padding-y: k-spacing(.5) !default;
 /// The horizontal padding of the Tooltip.
 /// @group tooltip
 $kendo-tooltip-padding-x: calc( #{$kendo-padding-md-x} / 2 ) !default;
@@ -45159,6 +45296,9 @@ $kendo-stepper-label-padding-x: k-spacing(3) !default;
 /// The vertical padding the Stepper label.
 /// @group stepper
 $kendo-stepper-label-padding-y: calc( #{k-spacing(2.5)} / 2 ) !default;
+/// The border radius of the Stepper label.
+/// @group stepper
+$kendo-stepper-label-border-radius: k-border-radius(xxl) !default;
 /// The width of the border around the Stepper.
 /// @group stepper
 $kendo-stepper-border-width: 0px !default;
@@ -45485,7 +45625,7 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
             z-index: 1;
         }
         .k-step-label:only-child {
-            @include border-radius( k-math-div( ( $kendo-stepper-indicator-height + 2 * $kendo-stepper-indicator-border-width ), 2 ) );
+            @include border-radius( $kendo-stepper-label-border-radius );
             padding-block: $kendo-stepper-label-padding-y;
             padding-inline: $kendo-stepper-label-padding-x;
             border-width: 0;
@@ -45566,7 +45706,7 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
             text-align: center;
         }
         .k-step-indicator + .k-step-label {
-            margin-top: if($kendo-stepper-indicator-focus-offset > 0, calc(8px - #{$kendo-stepper-indicator-focus-offset}), 8px);
+            margin-top: if($kendo-stepper-indicator-focus-offset > 0, k-spacing(1), 8px);
         }
 
         // Progressbar
@@ -48152,7 +48292,7 @@ $kendo-splitter-drag-handle-length: 20px !default;
 $kendo-splitter-drag-handle-thickness: 2px !default;
 /// The margin of the Splitter drag handle icon.
 /// @group splitter
-$kendo-splitter-drag-icon-margin: calc( #{k-spacing(3.5)} / 2 ) !default;
+$kendo-splitter-drag-icon-margin: k-spacing(2) !default;
 /// The horizontal padding of the collapse icon in the Splitter.
 /// @group splitter
 $kendo-splitter-collapse-icon-padding-x: null !default;
@@ -49148,7 +49288,8 @@ $_kendo-module-meta: (
     dependencies: (
         "icon",
         "popup",
-        "tooltip"
+        "tooltip",
+        "no-data"
     )
 );
 
@@ -49160,6 +49301,9 @@ $_kendo-module-meta: (
 // #region @import "../tooltip/_index.scss"; -> scss/tooltip/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
+// #region @import "../no-data/_index.scss"; -> scss/no-data/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
 
 
 // Component
@@ -49300,12 +49444,21 @@ $kendo-chart-selection-handle-size: 22px !default;
 $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;
 $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;
 
+$kendo-chart-computed-title-height: 0px !default;
 
 // TreeMap
 $kendo-treemap-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-treemap-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
 
+// Chart Overlay
+$kendo-chart-overlay-bg: if($kendo-enable-color-system, k-color( surface ), k-try-shade( $kendo-component-bg, .5 )) !default;
+
+// No Data
+$kendo-chart-no-data-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-chart-no-data-font-weight: var( --kendo-font-weight, normal ) !default;
+$kendo-chart-no-data-padding-y: k-spacing( 25 ) !default;
+
 // #endregion
 // #region @import "./_layout.scss"; -> scss/dataviz/_layout.scss
 // #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
@@ -49553,8 +49706,29 @@ $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
         }
     }
 
+    // Chart Overlay
+    .k-chart-overlay {
+        margin: 0;
+        width: 100%;
+        height: if( --kendo-chart-computed-title-height, calc( 100% - var( --kendo-chart-computed-title-height, #{$kendo-chart-computed-title-height} ) ), 100% );
+        position: absolute;
+        top: 0;
+        left: 0;
+        opacity: 1;
+        z-index: 10001;
 
+        &-top {
+            top: var( --kendo-chart-computed-title-height, #{$kendo-chart-computed-title-height} );
+        }
 
+        .k-no-data {
+            min-height: auto;
+            padding-block-start: $kendo-chart-no-data-padding-y;
+            color: inherit;
+            font-size: $kendo-chart-no-data-font-size;
+            font-weight: $kendo-chart-no-data-font-weight;
+        }
+    }
 
     // Diagram
     .k-diagram {
@@ -49921,7 +50095,9 @@ $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
         opacity: .8;
     }
 
-
+    .k-chart-overlay {
+        background-color: $kendo-chart-overlay-bg;
+    }
 
 
     // Treemap
@@ -54230,7 +54406,8 @@ $kendo-spreadsheet-dropzone-spacing-y: k-spacing(2) !default;
 
     // Toolbar
     .k-spreadsheet-toolbar {
-        border-width: 0;
+        border-top-width: 0;
+        border-inline-width: 0;
     }
 
     // Action bar
@@ -64399,10 +64576,10 @@ $kendo-timeline-mobile-spacing-y: $kendo-padding-md-x !default;
 
 /// The width of the Timeline track arrow.
 /// @group timeline
-$kendo-timeline-track-arrow-width: 36px !default;
+$kendo-timeline-track-arrow-width: k-spacing(9) !default;
 /// The height of the Timeline track arrow.
 /// @group timeline
-$kendo-timeline-track-arrow-height: 36px !default;
+$kendo-timeline-track-arrow-height: k-spacing(9) !default;
 
 /// The background color of the disabled Timeline track arrow.
 /// @group timeline
@@ -64416,10 +64593,10 @@ $kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, tran
 
 /// The size of the Timeline track.
 /// @group timeline
-$kendo-timeline-track-size: 6px !default;
+$kendo-timeline-track-size: k-spacing(1.5) !default;
 /// The bottom padding of the Timeline's track wrapper.
 /// @group timeline
-$kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
+$kendo-timeline-track-wrap-padding-bottom: calc( #{$kendo-timeline-track-size} / 2 ) !default;
 /// The border width of the Timeline track.
 /// @group timeline
 $kendo-timeline-track-border-width: 1px !default;
@@ -64428,7 +64605,7 @@ $kendo-timeline-track-border-width: 1px !default;
 $kendo-timeline-track-margin-bottom: k-spacing(4.5) !default;
 /// The bottom offset of the Timeline track.
 /// @group timeline
-$kendo-timeline-track-bottom-calc: calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
+$kendo-timeline-track-bottom-calc: calc( calc( #{$kendo-timeline-track-arrow-height} / 2) + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
 /// The left offset of the Timeline track.
 /// @group timeline
 $kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
@@ -64872,7 +65049,7 @@ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-o
 
         .k-timeline-track-wrap {
             position: relative;
-            padding: k-math-div( $kendo-timeline-track-arrow-height, 2 ) 0;
+            padding: calc( #{$kendo-timeline-track-arrow-height} / 2 ) 0;
 
             &::after {
                 top: auto;
@@ -65281,6 +65458,29 @@ $kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
 /// @group pdf-viewer
 $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
 
+/// The vertical padding of the PDFViewer popup.
+/// @group pdf-viewer
+$kendo-pdf-viewer-popup-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the PDFViewer popup.
+/// @group pdf-viewer
+$kendo-pdf-viewer-popup-padding-y: $kendo-pdf-viewer-popup-padding-x !default;
+
+/// The border color of the PDFViewer selected highlight annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-highlight-annotation-border: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
+/// The background color of the PDFViewer hover highlight annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-highlight-annotation-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker) !default;
+/// The border color of the PDFViewer selected free text annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-free-text-annotation-border: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
+/// The placeholder text color of the PDFViewer free text annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-free-text-annotation-placeholder-text: rgba(124, 22, 27, 0.5) !default;
+/// The text color of the PDFViewer free text annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-free-text-annotation-text: rgba(124, 22, 27, 0.7) !default;
+
 // #endregion
 // #region @import "./_layout.scss"; -> scss/pdf-viewer/_layout.scss
 // #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
@@ -65319,44 +65519,69 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
             background: none;
             overflow: visible;
         }
+    }
 
 
-        // Canvas
-        .k-canvas {
-            display: flex;
-            flex-direction: column;
-            flex: 1 1 auto;
-            outline: none;
+    // Canvas
+    .k-pdf-viewer-canvas {
+        display: flex;
+        flex-direction: column;
+        flex: 1 1 auto;
+        outline: none;
 
-            &.k-enable-text-select {
-                user-select: text;
-                cursor: text;
-            }
+        &.k-enable-text-select {
+            user-select: text;
+            cursor: text;
+        }
 
-            &.k-enable-panning {
-                cursor: grab;
+        &.k-enable-panning {
+            cursor: grab !important; // stylelint-disable-line declaration-no-important
 
-                span::selection {
-                    background-color: transparent;
-                }
+            span::selection {
+                background-color: transparent;
             }
         }
+    }
 
-
-        // Pages
-        .k-pdf-viewer-pages {
-            flex: 1 1 auto;
-        }
+    // Pages
+    .k-pdf-viewer-pages {
+        flex: 1 1 auto;
 
         .k-page {
             position: relative;
             margin-block: $kendo-pdf-viewer-page-spacing;
             margin-inline: auto;
+            z-index: 1;
 
-            canvas {
-                direction: ltr;
+            // Canvas
+            .k-canvas-wrapper {
+                overflow: hidden;
+                width: 100%;
+                height: 100%;
+
+                canvas {
+                    direction: ltr;
+                }
+
+                svg {
+                    transform: none;
+                }
+
+                .k-highlight {
+                    position: absolute;
+                    mix-blend-mode: multiply;
+                    fill-opacity: 1;
+
+                }
+                .k-highlight-outline {
+                    position: absolute;
+                    fill: none;
+                    stroke-width: 2px;
+                    stroke-dasharray: 2;
+                }
             }
 
+
             .k-text-layer {
                 position: absolute;
                 top: 0;
@@ -65364,16 +65589,131 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
                 opacity: .2;
                 overflow: hidden;
 
-                > span {
+                .k-marked-content > span,
+                > span, br {
                     position: absolute;
                     line-height: $kendo-pdf-viewer-selection-line-height;
                     transform-origin: 0% 0%;
                     color: transparent;
+                    white-space: pre;
+                    cursor: text;
+                }
+
+                .k-marked-content {
+                    top: 0;
+                    height: 0;
+                }
+
+                .k-end-of-content {
+                    display: block;
+                    position: absolute;
+                    inset: 100% 0 0;
+                    z-index: 0;
+                    cursor: default;
+                    user-select: none;
                 }
 
                 .k-search-highlight-mark {
                     color: transparent;
                 }
+
+                .k-highlighting {
+                    touch-action: none;
+                }
+            }
+
+            .k-annotation-layer {
+                position: absolute;
+                top: 0;
+                left: 0;
+                transform-origin: 0 0;
+                pointer-events: none;
+
+                section {
+                    position: absolute;
+                }
+
+                .k-annotation-text-content {
+                    position: absolute;
+                    width: 100%;
+                    height: 100%;
+                    opacity: 0;
+                    color: transparent;
+                    user-select: none;
+                    pointer-events: none;
+                }
+            }
+
+            .k-annotation-editor-layer {
+                background: transparent;
+                position: absolute;
+                inset: 0;
+                transform-origin: 0 0;
+                cursor: auto;
+
+                .k-selected {
+                    z-index: 100000 !important; // stylelint-disable-line declaration-no-important
+                }
+
+                .k-highlight-editor {
+                    position: absolute;
+                    background: transparent;
+                    z-index: 1;
+                    cursor: auto;
+                    max-width: 100%;
+                    max-height: 100%;
+                    border: none;
+                    outline: none;
+                    pointer-events: none;
+                    transform-origin: 0 0;
+
+                    .k-internal {
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        width: 100%;
+                        height: 100%;
+                        pointer-events: auto;
+                    }
+                }
+
+                .k-free-text-editor {
+                    position: absolute;
+                    background: transparent;
+                    z-index: 1;
+                    transform-origin: 0 0;
+                    cursor: text;
+                    caret-color: $kendo-pdf-viewer-free-text-annotation-text;
+                    max-width: 100%;
+                    max-height: 100%;
+                    border: solid 2px transparent;
+
+                    &.k-selected.k-draggable {
+                        cursor: move;;
+                    }
+
+                    &.k-selected .k-internal {
+                        border-radius: 0px;
+                        outline: 2px dashed $kendo-pdf-viewer-free-text-annotation-border;
+                    }
+
+                    .k-internal {
+                        background: transparent;
+                        border: none;
+                        inset: 0;
+                        overflow: visible;
+                        white-space: nowrap;
+                        user-select: none;
+                    }
+
+                    .k-internal:empty::before {
+                        content: attr(default-content);
+                    }
+                }
+            }
+
+            .k-annotation-editor-layer-disabled {
+                pointer-events: none;
             }
         }
 
@@ -65394,7 +65734,6 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
                 background: none;
             }
         }
-
     }
 
     // Search
@@ -65435,6 +65774,28 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
         }
     }
 
+    // Annotation Toolbar
+    .k-pdf-viewer-annotation-editor-toolbar > .k-toolbar {
+        width: min-content;
+        border-bottom-width: 0;
+    }
+
+
+    // Annotation Editor
+    .k-pdf-viewer-annotation-editor {
+        padding-block: $kendo-pdf-viewer-popup-padding-y;
+        padding-inline: $kendo-pdf-viewer-popup-padding-x;
+
+        .k-column-menu-group-header {
+            padding-inline: 0;
+        }
+
+        .k-form-field {
+            margin-top: 0;
+        }
+
+    }
+
 }
 
 
@@ -65475,7 +65836,7 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
 
 
         // Canvas
-        .k-canvas {
+        .k-pdf-viewer-canvas {
             @include fill(
                 $kendo-pdf-viewer-canvas-text,
                 $kendo-pdf-viewer-canvas-bg,
@@ -65498,6 +65859,16 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
             @include fill( $color: $kendo-pdf-viewer-icon-text );
         }
 
+        .k-canvas-wrapper .k-highlight-outline {
+            &.k-hover,
+            &:hover {
+                stroke: $kendo-pdf-viewer-highlight-annotation-hover-border;
+            }
+
+            &.k-selected {
+                stroke: $kendo-pdf-viewer-highlight-annotation-border;
+            }
+        }
 
         // Search
         .k-search-highlight {
@@ -65508,6 +65879,14 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
             @include fill( $bg: $kendo-pdf-viewer-search-highlight-mark-bg );
         }
 
+        .k-annotation-editor-layer .k-free-text-editor .k-internal {
+            color: $kendo-pdf-viewer-free-text-annotation-text;
+
+            &:empty::before {
+                color: $kendo-pdf-viewer-free-text-annotation-placeholder-text;
+            }
+        }
+
     }
 
     .k-pdf-viewer-canvas > .k-search-panel {
@@ -66250,6 +66629,12 @@ $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
         flex-direction: column;
         position: relative;
         overflow: hidden;
+
+        // Toolbar
+        .k-toolbar {
+            border-top-width: 0;
+            border-inline-width: 0;
+        }
     }
 
     // Content
@@ -66927,7 +67312,7 @@ $kendo-orgchart-line-fill: $kendo-base-border !default;
 
 /// The height of the OrgChart connecting line.
 /// @group orgchart
-$kendo-orgchart-line-v-height: 25px !default;
+$kendo-orgchart-line-v-height: k-spacing(6) !default;
 
 // #endregion
 // #region @import "./_layout.scss"; -> scss/orgchart/_layout.scss
@@ -67396,6 +67781,7 @@ $kendo-signature-maximized-line-width: 3px !default;
     @include kendo-ripple--styles();
     @include kendo-table--styles();
     @include kendo-virtual-scroller--styles();
+    @include kendo-no-data--styles();
 
 
     // Indicators