//
// Copyright 2017 Google Inc.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
//

@import '../feature-targeting/functions';
@import '../feature-targeting/mixins';
@import '../theme/variables';
@import './variables';

@mixin acl-elevation-core-styles($query: acl-feature-all()) {
    $feat-animation: acl-feature-create-target($query, animation);
    $feat-structure: acl-feature-create-target($query, structure);

    @for $z-value from 0 through 24 {
        .acl-elevation--z#{$z-value} {
            @include acl-elevation($z-value, $query: $query);
        }
    }

    .acl-elevation-transition {
        @include acl-feature-targets($feat-animation) {
            transition: acl-elevation-transition-value();
        }

        @include acl-feature-targets($feat-structure) {
            will-change: $acl-elevation-property;
        }
    }
}

// Applies the correct CSS rules to an element to give it the elevation specified by $z-value.
// The $z-value must be between 0 and 24.
// If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use
// $opacity-boost.
@mixin acl-elevation($z-value, $color: $acl-elevation-baseline-color, $opacity-boost: 0, $query: acl-feature-all()) {
    @if type-of($z-value) != number or not unitless($z-value) {
        @error "$z-value must be a unitless number, but received '#{$z-value}'";
    }

    @if $z-value < 0 or $z-value > 24 {
        @error "$z-value must be between 0 and 24, but received '#{$z-value}'";
    }

    $feat-color: acl-feature-create-target($query, color);

    $color: acl-theme-prop-value($color);

    $umbra-z-value: map-get($acl-elevation-umbra-map, $z-value);
    $penumbra-z-value: map-get($acl-elevation-penumbra-map, $z-value);
    $ambient-z-value: map-get($acl-elevation-ambient-map, $z-value);

    $umbra-color: rgba($color, $acl-elevation-umbra-opacity + $opacity-boost);
    $penumbra-color: rgba($color, $acl-elevation-penumbra-opacity + $opacity-boost);
    $ambient-color: rgba($color, $acl-elevation-ambient-opacity + $opacity-boost);

    @include acl-feature-targets($feat-color) {
        box-shadow: #{'#{$umbra-z-value} #{$umbra-color}'}, #{'#{$penumbra-z-value} #{$penumbra-color}'},
            #{$ambient-z-value} $ambient-color;
    }
}

// Returns a string that can be used as the value for a `transition` property for elevation.
// Calling this function directly is useful in situations where a component needs to transition
// more than one property.
//
// ```scss
// .foo {
//   transition: acl-elevation-transition-value(), opacity 100ms ease;
//   will-change: $acl-elevation-property, opacity;
// }
// ```
@function acl-elevation-transition-value(
    $duration: $acl-elevation-transition-duration,
    $easing: $acl-elevation-transition-timing-function
) {
    @return #{$acl-elevation-property} #{$duration} #{$easing};
}

//
// Copyright 2017 Google Inc.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
//

@import '../animation/variables';

$acl-elevation-baseline-color: black !default;
$acl-elevation-umbra-opacity: 0.2 !default;
$acl-elevation-penumbra-opacity: 0.14 !default;
$acl-elevation-ambient-opacity: 0.12 !default;

$acl-elevation-umbra-map: (
    0: '0px 0px 0px 0px',
    1: '0px 2px 1px -1px',
    2: '0px 3px 1px -2px',
    3: '0px 3px 3px -2px',
    4: '0px 2px 4px -1px',
    5: '0px 3px 5px -1px',
    6: '0px 3px 5px -1px',
    7: '0px 4px 5px -2px',
    8: '0px 5px 5px -3px',
    9: '0px 5px 6px -3px',
    10: '0px 6px 6px -3px',
    11: '0px 6px 7px -4px',
    12: '0px 7px 8px -4px',
    13: '0px 7px 8px -4px',
    14: '0px 7px 9px -4px',
    15: '0px 8px 9px -5px',
    16: '0px 8px 10px -5px',
    17: '0px 8px 11px -5px',
    18: '0px 9px 11px -5px',
    19: '0px 9px 12px -6px',
    20: '0px 10px 13px -6px',
    21: '0px 10px 13px -6px',
    22: '0px 10px 14px -6px',
    23: '0px 11px 14px -7px',
    24: '0px 11px 15px -7px',
) !default;

$acl-elevation-penumbra-map: (
    0: '0px 0px 0px 0px',
    1: '0px 1px 1px 0px',
    2: '0px 2px 2px 0px',
    3: '0px 3px 4px 0px',
    4: '0px 4px 5px 0px',
    5: '0px 5px 8px 0px',
    6: '0px 6px 10px 0px',
    7: '0px 7px 10px 1px',
    8: '0px 8px 10px 1px',
    9: '0px 9px 12px 1px',
    10: '0px 10px 14px 1px',
    11: '0px 11px 15px 1px',
    12: '0px 12px 17px 2px',
    13: '0px 13px 19px 2px',
    14: '0px 14px 21px 2px',
    15: '0px 15px 22px 2px',
    16: '0px 16px 24px 2px',
    17: '0px 17px 26px 2px',
    18: '0px 18px 28px 2px',
    19: '0px 19px 29px 2px',
    20: '0px 20px 31px 3px',
    21: '0px 21px 33px 3px',
    22: '0px 22px 35px 3px',
    23: '0px 23px 36px 3px',
    24: '0px 24px 38px 3px',
) !default;

$acl-elevation-ambient-map: (
    0: '0px 0px 0px 0px',
    1: '0px 1px 3px 0px',
    2: '0px 1px 5px 0px',
    3: '0px 1px 8px 0px',
    4: '0px 1px 10px 0px',
    5: '0px 1px 14px 0px',
    6: '0px 1px 18px 0px',
    7: '0px 2px 16px 1px',
    8: '0px 3px 14px 2px',
    9: '0px 3px 16px 2px',
    10: '0px 4px 18px 3px',
    11: '0px 4px 20px 3px',
    12: '0px 5px 22px 4px',
    13: '0px 5px 24px 4px',
    14: '0px 5px 26px 4px',
    15: '0px 6px 28px 5px',
    16: '0px 6px 30px 5px',
    17: '0px 6px 32px 5px',
    18: '0px 7px 34px 6px',
    19: '0px 7px 36px 6px',
    20: '0px 8px 38px 7px',
    21: '0px 8px 40px 7px',
    22: '0px 8px 42px 7px',
    23: '0px 9px 44px 8px',
    24: '0px 9px 46px 8px',
) !default;

// The css property used for elevation. In most cases this should not be changed. It is exposed
// as a variable for abstraction / easy use when needing to reference the property directly, for
// example in a `will-change` rule.
$acl-elevation-property: box-shadow !default;

// The default duration value for elevation transitions.
$acl-elevation-transition-duration: 280ms !default;

// The default easing value for elevation transitions.
$acl-elevation-transition-timing-function: $acl-animation-standard-curve-timing-function !default;

@import './mixins';
@include acl-elevation-core-styles;