//
// Copyright 2023 Google LLC
// SPDX-License-Identifier: Apache-2.0
//

@use 'sass:map';
@use 'sass:math';
@use './internal/validate';
@use './md-sys-color';
@use './md-sys-shape';
@use './v0_192/md-comp-circular-progress-indicator';

$supported-tokens: (
    'active-indicator-color',
    'active-indicator-width',
    'four-color-active-indicator-four-color',
    'four-color-active-indicator-one-color',
    'four-color-active-indicator-three-color',
    'four-color-active-indicator-two-color',
    'size'
);

// prettier-ignore
$unsupported-tokens: (
    'active-indicator-shape',
);

$_default: (
    'md-sys-color': md-sys-color.values-light(),
    'md-sys-shape': md-sys-shape.values(),
);

@function values($deps: $_default, $exclude-hardcoded-values: false, $exclude-custom-properties: false) {
    $tokens: md-comp-circular-progress-indicator.values($deps, $exclude-hardcoded-values);
    $tokens: validate.values($tokens, $supported-tokens: $supported-tokens, $unsupported-tokens: $unsupported-tokens);

    @if not $exclude-hardcoded-values {
        // must be set as a raw % for compatibility between rendering border or svg.
        $width: map.get($tokens, 'active-indicator-width');
        $size: map.get($tokens, 'size');
        $container-padding: 4px;
        $size-without-padding: $size - $container-padding - $container-padding;
        $tokens: map.set($tokens, 'active-indicator-width', math.div($width, $size-without-padding) * 100);
    }

    @if not $exclude-custom-properties {
        @each $token, $value in $tokens {
            $tokens: map.set($tokens, $token, var(--md-circular-progress-#{$token}, #{$value}));
        }
    }

    @return $tokens;
}