/// This is equivalent to `will-change: auto;`.
/// @example will-change: auto;
/// @name .k-will-change-auto
/// @group will-change
/// @contextType css

/// This is equivalent to `will-change: scroll-position;`.
/// @example will-change: scroll-position;
/// @name .k-will-change-scroll
/// @group will-change
/// @contextType css

/// This is equivalent to `will-change: contents;`.
/// @example will-change: contents;
/// @name .k-will-change-contents
/// @group will-change
/// @contextType css

/// This is equivalent to `will-change: transform;`.
/// @example will-change: transform;
/// @name .k-will-change-transform
/// @group will-change
/// @contextType css

@use "sass:map";
@use "../_globals.scss" as *;

// Register
@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;

@mixin kendo-utils--interactivity--will-change() {
    @include import-once("utils-interactivity-will-change") {

        // Will change utility classes
        $kendo-utils-will-change: map.get( $kendo-utils, "will-change" ) !default;
        @include generate-utils( will-change, will-change, $kendo-utils-will-change );

    }
}