/**
 *
 * @ai-apps/angular v2.152.0 | _component-tokens.scss
 *
 * Copyright 2014, 2023 IBM
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


//
// Copyright IBM Corp. 2018, 2018
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

@use 'sass:map';
@use 'sass:meta';
@use "sass:list";
@use '../themes';
@use '../theme';
@use './custom-property';

/// Extract the component tokens from a given theme
/// @param {SassMap} $tokens
/// @param {SassMap} $theme
/// @returns {SassMap}
@function get-tokens($tokens, $theme) {
  $result: ();

  @each $key, $descriptor in $tokens {
    $theme-values: map.get($descriptor, values);
    @each $theme-value in $theme-values {
      @if map.get($theme-value, theme) == $theme {
        $result: map.set($result, $key, map.get($theme-value, value));
      }
    }
  }

  @return $result;
}

/// Get the CSS Custom Property value for a given token map
/// @param {any} $token-map The possible values for the token, this value can
/// be a plain value used as a CSS value or a Sass Map
/// @param {String} $name The name of the CSS Custom Property
@function get-var($token-map, $name) {
  @if meta.type-of($token-map) == map {
    $fallback: map.get($token-map, fallback);
    $theme-values: map.get($token-map, values);

    @each $theme-value in $theme-values {
      $theme: map.get($theme-value, theme);
      $value: map.get($theme-value, value);

      @if theme.matches($theme, theme.$theme) {
        @return custom-property.get-var($name, $value);
      }
    }

    @return custom-property.get-var($name, $fallback);
  }

  @return custom-property.get-var($name, $token-map);
}

/// Get inverse theme values for a given component token.
/// @param {any} $token-map The possible values for the token, this value can
/// be a plain value used as a CSS value or a Sass Map
@function get-inverse-theme-values($token-map) {
  $inverse-theme-values: ();
  $inverse-value: ();

  @each $theme-value in map.get($token-map, values) {
    $theme: map.get($theme-value, theme);
    $value: map.get($theme-value, value);

    @if $theme == themes.$g100 {
      $inverse-value: (
        theme: themes.$white,
        value: $value,
      );
    }

    @if $theme == themes.$g90 {
      $inverse-value: (
        theme: themes.$g10,
        value: $value,
      );
    }

    @if $theme == themes.$g10 {
      $inverse-value: (
        theme: themes.$g90,
        value: $value,
      );
    }

    @if $theme == themes.$white {
      $inverse-value: (
        theme: themes.$g100,
        value: $value,
      );
    }

    $inverse-theme-values: list.append($inverse-theme-values, $inverse-value);
  }

  @return $inverse-theme-values;
}
