@use 'variables.scss';
@use 'sass:map';

// *****************************************************************************************
//                      Private function (for use only in this file)
// *****************************************************************************************

/// Gets color-system-primary-invert
@function get-pep-color-system-primary-invert() {
    @return (
        // Transparent colors.
        color-base: variables.$color-system-primary-invert-base,
        color-tran-90: variables.$color-system-primary-invert-tran-90,
        color-tran-80: variables.$color-system-primary-invert-tran-80,
        color-tran-70: variables.$color-system-primary-invert-tran-70,
        color-tran-60: variables.$color-system-primary-invert-tran-60,
        color-tran-50: variables.$color-system-primary-invert-tran-50,
        color-tran-40: variables.$color-system-primary-invert-tran-40,
        color-tran-30: variables.$color-system-primary-invert-tran-30,
        color-tran-20: variables.$color-system-primary-invert-tran-20,
        color-tran-10: variables.$color-system-primary-invert-tran-10,
        color-tran-0: variables.$color-system-primary-invert-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-system-primary-invert-flat-l-20,
        color-flat-l-10: variables.$color-system-primary-invert-flat-l-10,
        color-flat-r-10: variables.$color-system-primary-invert-flat-r-10,
        color-flat-r-20: variables.$color-system-primary-invert-flat-r-20,
        color-flat-r-30: variables.$color-system-primary-invert-flat-r-30,
        color-flat-r-40: variables.$color-system-primary-invert-flat-r-40,
    );
}

/// Gets color-system-primary
@function get-pep-color-system-primary() {
    @return (
        // Transparent colors.
        color-base: variables.$color-system-primary-base,
        color-tran-90: variables.$color-system-primary-tran-90,
        color-tran-80: variables.$color-system-primary-tran-80,
        color-tran-70: variables.$color-system-primary-tran-70,
        color-tran-60: variables.$color-system-primary-tran-60,
        color-tran-50: variables.$color-system-primary-tran-50,
        color-tran-40: variables.$color-system-primary-tran-40,
        color-tran-30: variables.$color-system-primary-tran-30,
        color-tran-20: variables.$color-system-primary-tran-20,
        color-tran-10: variables.$color-system-primary-tran-10,
        color-tran-0: variables.$color-system-primary-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-system-primary-flat-l-20,
        color-flat-l-10: variables.$color-system-primary-flat-l-10,
        color-flat-r-10: variables.$color-system-primary-flat-r-10,
        color-flat-r-20: variables.$color-system-primary-flat-r-20,
        color-flat-r-30: variables.$color-system-primary-flat-r-30,
        color-flat-r-40: variables.$color-system-primary-flat-r-40,
    );
}

/// Gets color-system-success
@function get-pep-color-system-success() {
    @return (
        // Transparent colors.
        color-base: variables.$color-system-success-base,
        color-tran-90: variables.$color-system-success-tran-90,
        color-tran-80: variables.$color-system-success-tran-80,
        color-tran-70: variables.$color-system-success-tran-70,
        color-tran-60: variables.$color-system-success-tran-60,
        color-tran-50: variables.$color-system-success-tran-50,
        color-tran-40: variables.$color-system-success-tran-40,
        color-tran-30: variables.$color-system-success-tran-30,
        color-tran-20: variables.$color-system-success-tran-20,
        color-tran-10: variables.$color-system-success-tran-10,
        color-tran-0: variables.$color-system-success-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-system-success-flat-l-20,
        color-flat-l-10: variables.$color-system-success-flat-l-10,
        color-flat-r-10: variables.$color-system-success-flat-r-10,
        color-flat-r-20: variables.$color-system-success-flat-r-20,
        color-flat-r-30: variables.$color-system-success-flat-r-30,
        color-flat-r-40: variables.$color-system-success-flat-r-40,
    );
}

/// Gets color-system-caution
@function get-pep-color-system-caution() {
    @return (
        // Transparent colors.
        color-base: variables.$color-system-caution-base,
        color-tran-90: variables.$color-system-caution-tran-90,
        color-tran-80: variables.$color-system-caution-tran-80,
        color-tran-70: variables.$color-system-caution-tran-70,
        color-tran-60: variables.$color-system-caution-tran-60,
        color-tran-50: variables.$color-system-caution-tran-50,
        color-tran-40: variables.$color-system-caution-tran-40,
        color-tran-30: variables.$color-system-caution-tran-30,
        color-tran-20: variables.$color-system-caution-tran-20,
        color-tran-10: variables.$color-system-caution-tran-10,
        color-tran-0: variables.$color-system-caution-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-system-caution-flat-l-20,
        color-flat-l-10: variables.$color-system-caution-flat-l-10,
        color-flat-r-10: variables.$color-system-caution-flat-r-10,
        color-flat-r-20: variables.$color-system-caution-flat-r-20,
        color-flat-r-30: variables.$color-system-caution-flat-r-30,
        color-flat-r-40: variables.$color-system-caution-flat-r-40,
    );
}

/// Gets color-user-primary
@function get-pep-color-user-primary() {
    @return (
        // Transparent colors.
        color-base: variables.$color-user-primary-base,
        color-tran-90: variables.$color-user-primary-tran-90,
        color-tran-80: variables.$color-user-primary-tran-80,
        color-tran-70: variables.$color-user-primary-tran-70,
        color-tran-60: variables.$color-user-primary-tran-60,
        color-tran-50: variables.$color-user-primary-tran-50,
        color-tran-40: variables.$color-user-primary-tran-40,
        color-tran-30: variables.$color-user-primary-tran-30,
        color-tran-20: variables.$color-user-primary-tran-20,
        color-tran-10: variables.$color-user-primary-tran-10,
        color-tran-0: variables.$color-user-primary-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-user-primary-flat-l-20,
        color-flat-l-10: variables.$color-user-primary-flat-l-10,
        color-flat-r-10: variables.$color-user-primary-flat-r-10,
        color-flat-r-20: variables.$color-user-primary-flat-r-20,
        color-flat-r-30: variables.$color-user-primary-flat-r-30,
        color-flat-r-40: variables.$color-user-primary-flat-r-40,
    );
}

/// Gets color-user-secondary
@function get-pep-color-user-secondary() {
    @return (
        // Transparent colors.
        color-base: variables.$color-user-secondary-base,
        color-tran-90: variables.$color-user-secondary-tran-90,
        color-tran-80: variables.$color-user-secondary-tran-80,
        color-tran-70: variables.$color-user-secondary-tran-70,
        color-tran-60: variables.$color-user-secondary-tran-60,
        color-tran-50: variables.$color-user-secondary-tran-50,
        color-tran-40: variables.$color-user-secondary-tran-40,
        color-tran-30: variables.$color-user-secondary-tran-30,
        color-tran-20: variables.$color-user-secondary-tran-20,
        color-tran-10: variables.$color-user-secondary-tran-10,
        color-tran-0: variables.$color-user-secondary-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-user-secondary-flat-l-20,
        color-flat-l-10: variables.$color-user-secondary-flat-l-10,
        color-flat-r-10: variables.$color-user-secondary-flat-r-10,
        color-flat-r-20: variables.$color-user-secondary-flat-r-20,
        color-flat-r-30: variables.$color-user-secondary-flat-r-30,
        color-flat-r-40: variables.$color-user-secondary-flat-r-40,
    );
}

/// Gets color-weak
@function get-pep-color-weak() {
    @return (
        // Transparent colors.
        color-base: variables.$color-weak-base,
        color-tran-90: variables.$color-weak-tran-90,
        color-tran-80: variables.$color-weak-tran-80,
        color-tran-70: variables.$color-weak-tran-70,
        color-tran-60: variables.$color-weak-tran-60,
        color-tran-50: variables.$color-weak-tran-50,
        color-tran-40: variables.$color-weak-tran-40,
        color-tran-30: variables.$color-weak-tran-30,
        color-tran-20: variables.$color-weak-tran-20,
        color-tran-10: variables.$color-weak-tran-10,
        color-tran-0: variables.$color-weak-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-weak-flat-l-20,
        color-flat-l-10: variables.$color-weak-flat-l-10,
        color-flat-r-10: variables.$color-weak-flat-r-10,
        color-flat-r-20: variables.$color-weak-flat-r-20,
        color-flat-r-30: variables.$color-weak-flat-r-30,
        color-flat-r-40: variables.$color-weak-flat-r-40,
    );
}

/// Gets color-regular
@function get-pep-color-regular() {
    @return (
        // Transparent colors.
        color-base: variables.$color-regular-base,
        color-tran-90: variables.$color-regular-tran-90,
        color-tran-80: variables.$color-regular-tran-80,
        color-tran-70: variables.$color-regular-tran-70,
        color-tran-60: variables.$color-regular-tran-60,
        color-tran-50: variables.$color-regular-tran-50,
        color-tran-40: variables.$color-regular-tran-40,
        color-tran-30: variables.$color-regular-tran-30,
        color-tran-20: variables.$color-regular-tran-20,
        color-tran-10: variables.$color-regular-tran-10,
        color-tran-0: variables.$color-regular-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-regular-flat-l-20,
        color-flat-l-10: variables.$color-regular-flat-l-10,
        color-flat-r-10: variables.$color-regular-flat-r-10,
        color-flat-r-20: variables.$color-regular-flat-r-20,
        color-flat-r-30: variables.$color-regular-flat-r-30,
        color-flat-r-40: variables.$color-regular-flat-r-40,
    );
}

/// Gets color-strong
@function get-pep-color-strong() {
    @return (
        // Transparent colors.
        color-base: variables.$color-strong-base,
        color-tran-90: variables.$color-strong-tran-90,
        color-tran-80: variables.$color-strong-tran-80,
        color-tran-70: variables.$color-strong-tran-70,
        color-tran-60: variables.$color-strong-tran-60,
        color-tran-50: variables.$color-strong-tran-50,
        color-tran-40: variables.$color-strong-tran-40,
        color-tran-30: variables.$color-strong-tran-30,
        color-tran-20: variables.$color-strong-tran-20,
        color-tran-10: variables.$color-strong-tran-10,
        color-tran-0: variables.$color-strong-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-strong-flat-l-20,
        color-flat-l-10: variables.$color-strong-flat-l-10,
        color-flat-r-10: variables.$color-strong-flat-r-10,
        color-flat-r-20: variables.$color-strong-flat-r-20,
        color-flat-r-30: variables.$color-strong-flat-r-30,
        color-flat-r-40: variables.$color-strong-flat-r-40,
    );
}

/// Gets color-top-header
@function get-pep-color-top-header() {
    @return (
        // Transparent colors.
        color-base: variables.$color-top-header-base,
        color-tran-90: variables.$color-top-header-tran-90,
        color-tran-80: variables.$color-top-header-tran-80,
        color-tran-70: variables.$color-top-header-tran-70,
        color-tran-60: variables.$color-top-header-tran-60,
        color-tran-50: variables.$color-top-header-tran-50,
        color-tran-40: variables.$color-top-header-tran-40,
        color-tran-30: variables.$color-top-header-tran-30,
        color-tran-20: variables.$color-top-header-tran-20,
        color-tran-10: variables.$color-top-header-tran-10,
        color-tran-0: variables.$color-top-header-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-top-header-flat-l-20,
        color-flat-l-10: variables.$color-top-header-flat-l-10,
        color-flat-r-10: variables.$color-top-header-flat-r-10,
        color-flat-r-20: variables.$color-top-header-flat-r-20,
        color-flat-r-30: variables.$color-top-header-flat-r-30,
        color-flat-r-40: variables.$color-top-header-flat-r-40,
    );
}
/// Gets color-qs
@function get-pep-color-qs() {
    @return (
        // Transparent colors.
        color-base: variables.$color-qs-base,
        color-tran-90: variables.$color-qs-tran-90,
        color-tran-80: variables.$color-qs-tran-80,
        color-tran-70: variables.$color-qs-tran-70,
        color-tran-60: variables.$color-qs-tran-60,
        color-tran-50: variables.$color-qs-tran-50,
        color-tran-40: variables.$color-qs-tran-40,
        color-tran-30: variables.$color-qs-tran-30,
        color-tran-20: variables.$color-qs-tran-20,
        color-tran-10: variables.$color-qs-tran-10,
        color-tran-0: variables.$color-qs-tran-0,
        // Flat colors.
        color-flat-l-20: variables.$color-qs-flat-l-20,
        color-flat-l-10: variables.$color-qs-flat-l-10,
        color-flat-r-10: variables.$color-qs-flat-r-10,
        color-flat-r-20: variables.$color-qs-flat-r-20,
        color-flat-r-30: variables.$color-qs-flat-r-30,
        color-flat-r-40: variables.$color-qs-flat-r-40,
    );
}

/// Gets color-text
@function get-pep-color-text() {
    @return (
        color-main: variables.$color-text-main,
        color-dimmed: variables.$color-text-dimmed,
        color-disabled: variables.$color-text-disabled,
        color-invert: variables.$color-text-invert,
        color-link: variables.$color-text-link,
        color-link-highlight: variables.$color-text-link-highlight,
        color-link-focus: variables.$color-text-link-focus,
        color-success: variables.$color-text-success,
        color-caution: variables.$color-text-caution,
    );
}

/// Gets all pep colors
@function get-pep-colors-for-theme() {
    @return (
        color-system-primary-invert: get-pep-color-system-primary-invert(),
        color-system-primary: get-pep-color-system-primary(),
        color-system-success: get-pep-color-system-success(),
        color-system-caution: get-pep-color-system-caution(),
        color-user-primary: get-pep-color-user-primary(),
        color-user-secondary: get-pep-color-user-secondary(),
        color-weak: get-pep-color-weak(),
        color-regular: get-pep-color-regular(),
        color-strong: get-pep-color-strong(),
        color-top-header: get-pep-color-top-header(),
        color-qs: get-pep-color-qs(),
        color-text: get-pep-color-text(),
    );
}

/// Gets all pep shadows
@function get-pep-shadows-for-theme() {
    @return (
        //*********************************************************************************
        //                            Shadows
        //*********************************************************************************
        // none
        shadow-none: (xsoft: variables.$shadow-none-xsoft, soft: variables.$shadow-none-soft, regular: variables.$shadow-none-regular, hard: variables.$shadow-none-hard),
        // x-small
        shadow-xs: (xsoft: variables.$shadow-xs-xsoft, soft: variables.$shadow-xs-soft, regular: variables.$shadow-xs-regular, hard: variables.$shadow-xs-hard),
        // small
        shadow-sm: (xsoft: variables.$shadow-sm-xsoft, soft: variables.$shadow-sm-soft, regular: variables.$shadow-sm-regular, hard: variables.$shadow-sm-hard),
        // medium
        shadow-md: (xsoft: variables.$shadow-md-xsoft, soft: variables.$shadow-md-soft, regular: variables.$shadow-md-regular, hard: variables.$shadow-md-hard),
        // large
        shadow-lg: (xsoft: variables.$shadow-lg-xsoft, soft: variables.$shadow-lg-soft, regular: variables.$shadow-lg-regular, hard: variables.$shadow-lg-hard),
        // x-large
        shadow-xl: (xsoft: variables.$shadow-xl-xsoft, soft: variables.$shadow-xl-soft, regular: variables.$shadow-xl-regular, hard: variables.$shadow-xl-hard),

        // Card
        shadow-card: (xsoft: variables.$shadow-card-xsoft, soft: variables.$shadow-card-soft, regular: variables.$shadow-card-regular, hard: variables.$shadow-card-hard),
    );
}

/// Gets pep theme
@function get-pepperi-theme() {
    @return (
        colors: get-pep-colors-for-theme(),
        shadows: get-pep-shadows-for-theme(),
    );
}


// *****************************************************************************************
//                      Public function (for use all application-wide)
// *****************************************************************************************

/// Gets color from pep theme
/// @param {Map} $pepperi-theme - the pep theme map 
/// @param {String} $color-map-key - the colors map key
/// @param {String} $color-name - the color name
/// @return {color} - wanted color
// @function get-pep-color($pepperi-theme, $color-map-key, $color-name) {
//     $colors: map.get($pepperi-theme, colors);
//     @return map.get(map.get($colors, $color-map-key), $color-name);
// }
@function get-pep-color($color-map-key, $color-name) {
    @return map.get($_pepperi-theme, colors, $color-map-key, $color-name);
}

/// Gets shadow from pep theme
/// @param {Map} $pepperi-theme - the pep theme map 
/// @param {String} $shadow-map-key - the shadow map key
/// @param {String} $shadow-name - the shadow name
/// @return {shadow} - wanted shadow
// @function get-pep-shadow($pepperi-theme, $shadow-map-key, $shadow-name) {
//     $shadows: map.get($pepperi-theme, shadows);
//     @return map.get(map.get($shadows, $shadow-map-key), $shadow-name);
// }

@function get-pep-shadow($shadow-map-key, $shadow-name) {
    @return map.get($_pepperi-theme, shadows, $shadow-map-key, $shadow-name);
}

/// Replace `$search` with `$replace` in `$string`
/// @param {String} $string - Initial string
/// @param {String} $search - Substring to replace
/// @param {String} $replace ('') - New value
/// @return {String} - Updated string
@function str-replace($string, $search, $replace: '') {
    $index: str-index($string, $search);
    
    @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
    }
    
    @return $string;
}

// /// Native `url(..)` function wrapper
// /// @param {String} $base - base URL for the asset
// /// @param {String} $type - asset type folder (e.g. `fonts/`)
// /// @param {String} $path - asset path
// /// @return {Url}
// @function asset($base, $type, $path) {
//     @return url($base+$type+$path);
// }

/// Returns URL to an image based on its path
/// @param {String} $path - image path
/// @param {String} $base [$base-url] - base URL
/// @return {Url}
/// @require $base-url
@function image($path, $base: $base-url) {
    @return asset($base, 'images/', $path);
}

/// Returns URL to a font based on its path
/// @param {String} $path - font path
/// @param {String} $base [$base-url] - base URL
/// @return {Url}
/// @require $base-url
@function font($path, $base: $base-url) {
    @return asset($base, 'fonts/', $path);
}

// Function for converting a px based font-size to rem.
@function calculateRem($size) {
    $remSize: calc($size / 16px);
    //Default font size on html element is 100%, equivalent to 16px;
    @return #{$remSize}rem;
}

@function calculateNum($lineHeight) {
    $numSize: $lineHeight;
    //Default font size on html element is 100%, equivalent to 16px;
    @return #{$numSize};
}

// Get the theme object.
$_pepperi-theme: (
    colors: get-pep-colors-for-theme(),
    shadows: get-pep-shadows-for-theme(),
);