/// This is equivalent to `transform: translate( 0, 0 );`.
/// @example transform: translate( 0, 0 );
/// @name .k-translate-0
/// @group transform
/// @contextType css

/// This is equivalent to `transform: translate( 0, 50% );`.
/// @example transform: translate( 0, 50% );
/// @name .k-translate-0-50
/// @group transform
/// @contextType css

/// This is equivalent to `transform: translate( 0, 100% );`.
/// @example transform: translate( 0, 100% );
/// @name .k-translate-0-100
/// @group transform
/// @contextType css

/// This is equivalent to `transform: translate( 50%, 0 );`.
/// @example transform: translate( 50%, 0 );
/// @name .k-translate-50-0
/// @group transform
/// @contextType css

/// This is equivalent to `transform: translate( 50%, 50% );`.
/// @example transform: translate( 50%, 50% );
/// @name .k-translate-50-50
/// @group transform
/// @contextType css

/// This is equivalent to `transform: translate( 50%, 100% );`.
/// @example transform: translate( 50%, 100% );
/// @name .k-translate-50-100
/// @group transform
/// @contextType css

/// This is equivalent to `transform: translate( 100%, 0 );`.
/// @example transform: translate( 100%, 0 );
/// @name .k-translate-100-0
/// @group transform
/// @contextType css

/// This is equivalent to `transform: translate( 100%, 50% );`.
/// @example transform: translate( 100%, 50% );
/// @name .k-translate-100-50
/// @group transform
/// @contextType css

/// This is equivalent to `transform: translate( 100%, 100% );`.
/// @example transform: translate( 100%, 100% );
/// @name .k-translate-100-100
/// @group transform
/// @contextType css

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

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

@mixin kendo-utils--transform--translate() {
    @include import-once("utils-transform-translate") {

        // Translate utility classes
        $kendo-utils-translate: map.get( $kendo-utils, "translate" ) !default;
        $kendo-utils-translate-xy: (
            "0": ( 0, 0 ),
            "0-50": ( 0, 50% ),
            "0-100": ( 0, 100% ),
            "50-0": ( 50%, 0 ),
            "50-50": ( 50%, 50% ),
            "50-100": ( 50%, 100% ),
            "100-0": ( 100%, 0 ),
            "100-50": ( 100%, 50% ),
            "100-100": ( 100%, 100% )
        ) !default;
        @include generate-utils( translate, transform, $kendo-utils-translate-xy, k-translate );
        @include generate-utils( translate-x, transform, $kendo-utils-translate, k-translate-x );
        @include generate-utils( translate-y, transform, $kendo-utils-translate, k-translate-y );

    }
}