@use 'sass:list';
@use 'sass:map';
@use 'sass:meta';
@use 'sass:string';
@use '../schemas' as *;
@use '../../base' as *;
@use '../../components' as *;
@use 'igniteui-theming/sass/color' as *;
@use 'igniteui-theming/sass/color/presets' as *;
@use 'igniteui-theming/sass/elevations' as *;
@use 'igniteui-theming/sass/elevations/presets' as elevations;
@use 'igniteui-theming/sass/utils' as *;
@use 'igniteui-theming/sass/themes' as *;
@use 'igniteui-theming/sass/themes/charts' as *;
@use 'igniteui-theming/sass/themes/schemas/components/light/button' as *;

////
/// @group themes
/// @access public
/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
////

/// Default noop handler for theme map transforms
/// @access private
@function theme-noop($arg) {
    @return $arg;
}

/// Generates an Ignite UI for Angular global theme.
/// @param {Map} $palette - An palette to be used by the global theme.
/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the components.
/// @param {List} $exclude [( )] - A list of igx components to be excluded from the global theme styles.
/// @param {Number} $roundness [null] - Sets the global roundness factor (the value can be any decimal fraction between 0 and 1) for all components.
/// @param {Boolean} $elevation [true] - Turns on/off elevations for all components in the theme.
/// @param {Map} $elevations [$elevations] - The elevation map to be used by all component themes.
/// @requires $light-material-schema
/// @requires {function} is-component
/// @requires {function} is-used
@mixin theme(
    $palette,
    $schema: $light-material-schema,
    $exclude: (),
    $roundness: null,
    $elevation: true,
    $elevations: elevations.$material-elevations
) {
    @include theme-internal(
        $palette: $palette,
        $schema: $schema,
        $exclude: $exclude,
        $roundness: $roundness,
        $elevation: $elevation,
        $elevations: $elevations
    );
}

/// Generates an Ignite UI for Angular global theme.
/// @access private
/// @param {Map} $palette - An palette to be used by the global theme.
/// @param {Map} $schema [$light-schema] - The schema used as basis for styling the components.
/// @param {List} $exclude [( )] - A list of igx components to be excluded from the global theme styles.
/// @param {Number} $roundness [null] - Sets the global roundness factor (the value can be any decimal fraction between 0 and 1) for all components.
/// @param {Boolean} $elevation [true] - Turns on/off elevations for all components in the theme.
/// @param {Map} $elevations [$elevations] - The elevation map to be used by all component themes.
/// @requires $light-material-schema
/// @requires {function} is-component
/// @requires {function} is-used
@mixin theme-internal(
    $palette,
    $schema: $light-material-schema,
    $exclude: (),
    $roundness: null,
    $elevation: true,
    $elevations: elevations.$material-elevations,
    $theme-handler: meta.get-function('theme-noop')
) {
    // Stores all excluded component styles
    $excluded: ();
    $scope: if(is-root(), ':root', '&');
    $theme: map.get($schema, '_meta', 'theme');
    $variant: map.get($schema, '_meta', 'variant');

    @if not(list.index($exclude, 'palette')) {
        @include palette($palette);
    }

    @if not(list.index($exclude, 'elevations')) {
        @include elevations($elevations);
    }

    @if $elevation == false {
        #{$scope} {
            --ig-elevation-factor: 0;
        }
    }

    @if $roundness {
        #{$scope} {
            --ig-radius-factor: #{$roundness};
        }
    }

    @if $theme {
        #{$scope} {
            --ig-theme: #{$theme};
            --ig-theme-variant: #{$variant};
        }
    }

    @if list.length($exclude) > 0 {
        $excluded: is-component($exclude);
    }

    @if is-used('igx-ripple', $exclude) {
        $ripple-theme-map: ripple-theme(
            $schema: $schema,
        );
        $ripple-theme-map: meta.call($theme-handler, $ripple-theme-map);
        @include ripple($ripple-theme-map);
    }

    @if is-used('igx-avatar', $exclude) {
        $avatar-theme-map: avatar-theme(
            $schema: $schema,
        );
        $avatar-theme-map: meta.call($theme-handler, $avatar-theme-map);
        @include avatar($avatar-theme-map);
    }

    @if is-used('igx-action-strip', $exclude) {
        $action-strip-theme-map: action-strip-theme(
            $schema: $schema,
        );
        $action-strip-theme-map: meta.call(
            $theme-handler,
            $action-strip-theme-map
        );
        @include action-strip($action-strip-theme-map);
    }

    @if is-used('igx-badge', $exclude) {
        $badge-theme-map: badge-theme(
            $schema: $schema,
        );
        $badge-theme-map: meta.call($theme-handler, $badge-theme-map);
        @include badge($badge-theme-map);
    }

    @if is-used('igx-bottom-nav', $exclude) {
        $bottom-nav-theme-map: bottom-nav-theme(
            $schema: $schema,
        );
        $bottom-nav-theme-map: meta.call($theme-handler, $bottom-nav-theme-map);
        @include bottom-nav($bottom-nav-theme-map);
    }

    @if is-used('igx-button', $exclude) {
        $flat-theme-map: flat-button-theme(
            $schema: $schema,
        );

        $contained-theme-map: contained-button-theme(
            $schema: $schema,
        );

        $outlined-theme-map: outlined-button-theme(
            $schema: $schema,
        );

        $fab-theme-map: fab-button-theme(
            $schema: $schema,
        );

        @include button(
            $flat: meta.call($theme-handler, $flat-theme-map),
            $contained: meta.call($theme-handler, $contained-theme-map),
            $outlined: meta.call($theme-handler, $outlined-theme-map),
            $fab:meta.call($theme-handler, $fab-theme-map)
        );
    }

    @if is-used('igx-button-group', $exclude) {
        $button-group-theme-map: button-group-theme(
            $schema: $schema,
        );
        $button-group-theme-map: meta.call(
            $theme-handler,
            $button-group-theme-map
        );
        @include button-group($button-group-theme-map);
    }

    @if is-used('igx-banner', $exclude) {
        $banner-theme-map: banner-theme(
            $schema: $schema,
        );
        $banner-theme-map: meta.call($theme-handler, $banner-theme-map);
        @include banner($banner-theme-map);
    }

    @if is-used('igx-calendar', $exclude) {
        $calendar-theme-map: calendar-theme(
            $schema: $schema,
        );
        $calendar-theme-map: meta.call($theme-handler, $calendar-theme-map);
        @include calendar($calendar-theme-map);
    }

    @if is-used('igx-card', $exclude) {
        $card-theme-map: card-theme(
            $schema: $schema,
        );
        $card-theme-map: meta.call($theme-handler, $card-theme-map);
        @include card($card-theme-map);
    }

    @if is-used('igx-carousel', $exclude) {
        $carousel-theme-map: carousel-theme(
            $schema: $schema,
        );
        $carousel-theme-map: meta.call($theme-handler, $carousel-theme-map);
        @include carousel($carousel-theme-map);
    }

    @if is-used('igx-splitter', $exclude) {
        $splitter-theme-map: splitter-theme(
            $schema: $schema,
        );
        $splitter-theme-map: meta.call($theme-handler, $splitter-theme-map);
        @include splitter($splitter-theme-map);
    }

    @if is-used('data-chart', $exclude) {
        $data-chart-theme-map: data-chart-theme(
            $schema: $schema,
        );
        $data-chart-theme-map: meta.call($theme-handler, $data-chart-theme-map);
        @include css-vars($data-chart-theme-map);
    }

    @if is-used('doughnut-chart', $exclude) {
        $doughnut-chart-theme-map: doughnut-chart-theme(
            $schema: $schema,
        );
        $doughnut-chart-theme-map: meta.call(
            $theme-handler,
            $doughnut-chart-theme-map
        );
        @include css-vars($doughnut-chart-theme-map);
    }

    @if is-used('linear-gauge', $exclude) {
        $linear-gauge-theme-map: linear-gauge-theme(
            $schema: $schema,
        );
        $linear-gauge-theme-map: meta.call(
            $theme-handler,
            $linear-gauge-theme-map
        );
        @include css-vars($linear-gauge-theme-map);
    }

    @if is-used('radial-gauge', $exclude) {
        $radial-gauge-theme-map: radial-gauge-theme(
            $schema: $schema,
        );
        $radial-gauge-theme-map: meta.call(
            $theme-handler,
            $radial-gauge-theme-map
        );
        @include css-vars($radial-gauge-theme-map);
    }

    @if is-used('financial-chart', $exclude) {
        $financial-chart-theme-map: financial-chart-theme(
            $schema: $schema,
        );
        $financial-chart-theme-map: meta.call(
            $theme-handler,
            $financial-chart-theme-map
        );
        @include css-vars($financial-chart-theme-map);
    }

    @if is-used('bullet-graph', $exclude) {
        $bullet-graph-theme-map: bullet-graph-theme(
            $schema: $schema,
        );
        $bullet-graph-theme-map: meta.call(
            $theme-handler,
            $bullet-graph-theme-map
        );
        @include css-vars($bullet-graph-theme-map);
    }

    @if is-used('category-chart', $exclude) {
        $category-chart-theme-map: category-chart-theme(
            $schema: $schema,
        );
        $category-chart-theme-map: meta.call(
            $theme-handler,
            $category-chart-theme-map
        );
        @include css-vars($category-chart-theme-map);
    }

    @if is-used('geo-map', $exclude) {
        $geo-map-theme-map: geo-map-theme(
            $schema: $schema,
        );
        $geo-map-theme-map: meta.call($theme-handler, $geo-map-theme-map);
        @include css-vars($geo-map-theme-map);
    }

    @if is-used('pie-chart', $exclude) {
        $pie-chart-theme-map: pie-chart-theme(
            $schema: $schema,
        );
        $pie-chart-theme-map: meta.call($theme-handler, $pie-chart-theme-map);
        @include css-vars($pie-chart-theme-map);
    }

    @if is-used('sparkline', $exclude) {
        $sparkline-theme-map: sparkline-theme(
            $schema: $schema,
        );
        $sparkline-theme-map: meta.call($theme-handler, $sparkline-theme-map);
        @include css-vars($sparkline-theme-map);
    }

    @if is-used('funnel-chart', $exclude) {
        $funnel-chart-theme-map: funnel-chart-theme(
            $schema: $schema,
        );
        $funnel-chart-theme-map: meta.call(
            $theme-handler,
            $funnel-chart-theme-map
        );
        @include css-vars($funnel-chart-theme-map);
    }

    @if is-used('shape-chart', $exclude) {
        $shape-chart-theme-map: shape-chart-theme(
            $schema: $schema,
        );
        $shape-chart-theme-map: meta.call(
            $theme-handler,
            $shape-chart-theme-map
        );
        @include css-vars($shape-chart-theme-map);
    }

    @if is-used('igx-checkbox', $exclude) {
        $checkbox-theme-map: checkbox-theme(
            $schema: $schema,
        );
        $checkbox-theme-map: meta.call($theme-handler, $checkbox-theme-map);
        @include checkbox($checkbox-theme-map);
    }

    @if is-used('igx-chip', $exclude) {
        $chip-theme-map: chip-theme(
            $schema: $schema,
        );
        $chip-theme-map: meta.call($theme-handler, $chip-theme-map);
        @include chip($chip-theme-map);
    }

    @if is-used('igx-column-actions', $exclude) {
        $column-actions-theme-map: column-actions-theme(
            $schema: $schema,
        );
        $column-actions-theme-map: meta.call(
            $theme-handler,
            $column-actions-theme-map
        );
        @include column-actions($column-actions-theme-map);
    }

    @if is-used('igx-combo', $exclude) {
        $combo-theme-map: combo-theme(
            $schema: $schema,
        );
        $combo-theme-map: meta.call($theme-handler, $combo-theme-map);
        @include combo($combo-theme-map);
    }

    @if is-used('igx-select', $exclude) {
        $select-theme-map: select-theme(
            $schema: $schema,
        );
        $select-theme-map: meta.call($theme-handler, $select-theme-map);
        @include select($select-theme-map);
    }

    @if is-used('igx-date-picker', $exclude) {
        $calendar-theme-map: calendar-theme(
            $schema: $schema,
        );
        $calendar-theme-map: meta.call($theme-handler, $calendar-theme-map);
        @include date-picker($calendar-theme-map);
    }

    @if is-used('igx-date-range-picker', $exclude) {
        $date-range-picker-theme-map: date-range-picker-theme(
            $schema: $schema,
        );
        $date-range-picker-theme-map: meta.call(
            $theme-handler,
            $date-range-picker-theme-map
        );
        @include date-range-picker($date-range-picker-theme-map);
    }

    @if is-used('igx-dialog', $exclude) {
        $dialog-theme-map: dialog-theme(
            $schema: $schema,
        );
        $dialog-theme-map: meta.call($theme-handler, $dialog-theme-map);
        @include dialog($dialog-theme-map);
    }

    @if is-used('igx-divider', $exclude) {
        $divider-theme-map: divider-theme(
            $schema: $schema,
        );
        $divider-theme-map: meta.call($theme-handler, $divider-theme-map);
        @include divider($divider-theme-map);
    }

    @if is-used('igc-dockmanager', $exclude) {
        $dock-manager-theme-map: dock-manager-theme(
            $schema: $schema,
        );
        $dock-manager-theme-map: meta.call(
            $theme-handler,
            $dock-manager-theme-map
        );
        @include dock-manager($dock-manager-theme-map);
    }

    @if is-used('igc-rating', $exclude) {
        $rating-theme-map: rating-theme(
            $schema: $schema,
        );
        $rating-theme-map: meta.call($theme-handler, $rating-theme-map);
        @include rating($rating-theme-map);
    }

    @if is-used('igx-drop-down', $exclude) {
        $drop-down-theme-map: drop-down-theme(
            $schema: $schema,
        );
        $drop-down-theme-map: meta.call($theme-handler, $drop-down-theme-map);
        @include drop-down($drop-down-theme-map);
    }

    @if is-used('igx-expansion-panel', $exclude) {
        $expansion-panel-theme-map: expansion-panel-theme(
            $schema: $schema,
        );
        $expansion-panel-theme-map: meta.call(
            $theme-handler,
            $expansion-panel-theme-map
        );
        @include expansion-panel($expansion-panel-theme-map);
    }

    @if is-used('igx-grid', $exclude) {
        $grid-theme-map: grid-theme(
            $schema: $schema,
        );
        $grid-theme-map: meta.call($theme-handler, $grid-theme-map);
        @include grid($grid-theme-map);
    }

    @if is-used('igx-grid-summary', $exclude) {
        $grid-summary-theme-map: grid-summary-theme(
            $schema: $schema,
        );
        $grid-summary-theme-map: meta.call(
            $theme-handler,
            $grid-summary-theme-map
        );
        @include grid-summary($grid-summary-theme-map);
    }

    @if is-used('igx-grid-toolbar', $exclude) {
        $grid-toolbar-theme-map: grid-toolbar-theme(
            $schema: $schema,
        );
        $grid-toolbar-theme-map: meta.call(
            $theme-handler,
            $grid-toolbar-theme-map
        );
        @include grid-toolbar($grid-toolbar-theme-map);
    }

    @if is-used('igx-pivot-data-selector', $exclude) {
        $pivot-data-selector-theme-map: pivot-data-selector-theme(
            $schema: $schema,
        );
        $pivot-data-selector-theme-map: meta.call(
            $theme-handler,
            $pivot-data-selector-theme-map
        );
        @include pivot-data-selector($pivot-data-selector-theme-map);
    }

    @if is-used('igx-highlight', $exclude) {
        $highlight-theme-map: highlight-theme(
            $schema: $schema,
        );
        $highlight-theme-map: meta.call($theme-handler, $highlight-theme-map);
        @include highlight($highlight-theme-map);
    }

    @if is-used('igx-icon', $exclude) {
        $icon-theme-map: icon-theme(
            $schema: $schema,
        );
        $icon-theme-map: meta.call($theme-handler, $icon-theme-map);
        @include icon($icon-theme-map);
    }

    @if is-used('igx-icon-button', $exclude) {
        $flat-theme-map: flat-icon-button-theme(
            $schema: $schema,
        );

        $contained-theme-map: contained-icon-button-theme(
            $schema: $schema,
        );

        $outlined-theme-map: outlined-icon-button-theme(
            $schema: $schema,
        );

        @include icon-button(
            $flat: meta.call($theme-handler, $flat-theme-map),
            $contained: meta.call($theme-handler, $contained-theme-map),
            $outlined: meta.call($theme-handler, $outlined-theme-map),
        );
    }

    @if is-used('igx-input-group', $exclude) {
        $input-group-theme-map: input-group-theme(
            $schema: $schema,
        );
        $input-group-theme-map: meta.call(
            $theme-handler,
            $input-group-theme-map
        );
        @include input-group($input-group-theme-map);
    }

    @if is-used('igx-file-input', $exclude) {
        $file-input-theme-map: file-input-theme(
            $schema: $schema,
        );
        $file-input-theme-map: meta.call(
            $theme-handler,
            $file-input-theme-map
        );
        @include file-input($file-input-theme-map);
    }

    @if is-used('igx-list', $exclude) {
        $list-theme-map: list-theme(
            $schema: $schema,
        );
        $list-theme-map: meta.call($theme-handler, $list-theme-map);
        @include list($list-theme-map);
    }

    @if is-used('igx-label', $exclude) {
        $label-theme-map: label-theme(
            $schema: $schema,
        );
        $label-theme-map: meta.call($theme-handler, $label-theme-map);
        @include label($label-theme-map);
    }

    @if is-used('igx-navbar', $exclude) {
        $navbar-theme-map: navbar-theme(
            $schema: $schema,
        );
        $navbar-theme-map: meta.call($theme-handler, $navbar-theme-map);
        @include navbar($navbar-theme-map);
    }

    @if is-used('igx-nav-drawer', $exclude) {
        $navdrawer-theme-map: navdrawer-theme(
            $schema: $schema,
        );
        $navdrawer-theme-map: meta.call($theme-handler, $navdrawer-theme-map);
        @include navdrawer($navdrawer-theme-map);
    }

    @if is-used('igx-overlay', $exclude) {
        $overlay-theme-map: overlay-theme(
            $schema: $schema,
        );
        $overlay-theme-map: meta.call($theme-handler, $overlay-theme-map);
        @include overlay($overlay-theme-map);
    }

    @if is-used('igx-paginator', $exclude) {
        $paginator-theme-map: paginator-theme(
            $schema: $schema,
        );
        $paginator-theme-map: meta.call($theme-handler, $paginator-theme-map);
        @include paginator($paginator-theme-map);
    }

    @if is-used('igx-circular-bar', $exclude) {
        $progress-circular-theme-map: progress-circular-theme(
            $schema: $schema,
        );
        $progress-circular-theme-map: meta.call(
            $theme-handler,
            $progress-circular-theme-map
        );
        @include progress-circular($progress-circular-theme-map);
    }

    @if is-used('igx-linear-bar', $exclude) {
        $progress-linear-theme-map: progress-linear-theme(
            $schema: $schema,
        );
        $progress-linear-theme-map: meta.call(
            $theme-handler,
            $progress-linear-theme-map
        );
        @include progress-linear($progress-linear-theme-map);
    }

    @if is-used('igx-radio', $exclude) {
        $radio-theme-map: radio-theme(
            $schema: $schema,
        );
        $radio-theme-map: meta.call($theme-handler, $radio-theme-map);
        @include radio($radio-theme-map);
    }

    @if is-used('igx-query-builder', $exclude) {
        $query-builder-theme-map: query-builder-theme(
            $schema: $schema,
        );
        $query-builder-theme-map: meta.call(
            $theme-handler,
            $query-builder-theme-map
        );
        @include query-builder($query-builder-theme-map);
    }

    @if is-used('ig-scrollbar', $exclude) {
        $scrollbar-theme-map: scrollbar-theme(
            $schema: $schema,
        );
        $scrollbar-theme-map: meta.call($theme-handler, $scrollbar-theme-map);
        @include scrollbar($scrollbar-theme-map);
    }

    @if is-used('igx-slider', $exclude) {
        $slider-theme-map: slider-theme(
            $schema: $schema,
        );
        $slider-theme-map: meta.call($theme-handler, $slider-theme-map);
        @include slider($slider-theme-map);
    }

    @if is-used('igx-snackbar', $exclude) {
        $snackbar-theme-map: snackbar-theme(
            $schema: $schema,
        );
        $snackbar-theme-map: meta.call($theme-handler, $snackbar-theme-map);
        @include snackbar($snackbar-theme-map);
    }

    @if is-used('igx-switch', $exclude) {
        $switch-theme-map: switch-theme(
            $schema: $schema,
        );
        $switch-theme-map: meta.call($theme-handler, $switch-theme-map);
        @include switch($switch-theme-map);
    }

    @if is-used('igx-tabs', $exclude) {
        $tabs-theme-map: tabs-theme(
            $schema: $schema,
        );
        $tabs-theme-map: meta.call($theme-handler, $tabs-theme-map);
        @include tabs($tabs-theme-map);
    }

    @if is-used('igx-stepper', $exclude) {
        $stepper-theme-map: stepper-theme(
            $schema: $schema,
        );
        $stepper-theme-map: meta.call($theme-handler, $stepper-theme-map);
        @include stepper($stepper-theme-map);
    }

    @if is-used('igx-toast', $exclude) {
        $toast-theme-map: toast-theme(
            $schema: $schema,
        );
        $toast-theme-map: meta.call($theme-handler, $toast-theme-map);
        @include toast($toast-theme-map);
    }

    @if is-used('igx-tooltip', $exclude) {
        $tooltip-theme-map: tooltip-theme(
            $schema: $schema,
        );
        $tooltip-theme-map: meta.call($theme-handler, $tooltip-theme-map);
        @include tooltip($tooltip-theme-map);
    }

    @if is-used('igx-time-picker', $exclude) {
        $time-picker-theme-map: time-picker-theme(
            $schema: $schema,
        );
        $time-picker-theme-map: meta.call(
            $theme-handler,
            $time-picker-theme-map
        );
        @include time-picker($time-picker-theme-map);
    }

    @if is-used('igx-tree', $exclude) {
        $tree-theme-map: tree-theme(
            $schema: $schema,
        );
        $tree-theme-map: meta.call($theme-handler, $tree-theme-map);
        @include tree($tree-theme-map);
    }

    @if is-used('igc-trial-watermark', $exclude) {
        $watermark-theme-map: watermark-theme(
            $schema: $schema,
        );
        $watermark-theme-map: meta.call($theme-handler, $watermark-theme-map);
        @include watermark($watermark-theme-map);
    }

    @if list.length($dropped-themes) > 0 {
        @warn string.unquote('You have excluded the following components from the theme: "#{$dropped-themes}".');
    }
}

/// A wrapper around the theme mixin. Creates a global material theme that can be used with light backgrounds.
/// @param {Map} $palette - An palette to be used by the global theme.
/// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
/// @see {mixin} theme
/// @deprecated - Use the theme mixin instead.
@mixin light-theme($palette, $exclude: (), $roundness: null, $elevation: true) {
    $gray: color($palette, gray);
    $surface: color($palette, surface);

    $_light-palette: palette(
        $primary: color($palette, primary),
        $secondary: color($palette, secondary),
        $info: color($palette, info),
        $success: color($palette, success),
        $warn: color($palette, warn),
        $error: color($palette, error),
        $surface: if($surface != #fff, $surface, #fff),
        $gray: if($gray != #9e9e9e, $gray, #000),
    );

    @include theme(
        $palette: $_light-palette,
        $schema: $light-material-schema,
        $exclude: $exclude,
        $roundness: $roundness,
        $elevation: $elevation
    );
}

/// A wrapper around the theme mixin. Creates a global material theme that can be used with dark backgrounds.
/// @param {Map} $palette - An palette to be used by the global theme.
/// @param {List} $exclude [( )] - A list of igx components to be excluded from the global theme styles.
/// @see {mixin} theme
/// @deprecated - Use the theme mixin instead.
@mixin dark-theme($palette, $exclude: (), $roundness: null, $elevation: true) {
    $gray: color($palette, gray);
    $surface: color($palette, surface);

    $_dark-palette: palette(
        $primary: color($palette, primary),
        $secondary: color($palette, secondary),
        $info: color($palette, info),
        $success: color($palette, success),
        $warn: color($palette, warn),
        $error: color($palette, error),
        $surface: if($surface != #fff, $surface, #222),
        $gray: if($gray != #9e9e9e, $gray, #fff),
    );

    @include theme(
        $palette: $_dark-palette,
        $schema: $dark-material-schema,
        $exclude: $exclude,
        $roundness: $roundness,
        $elevation: $elevation
    );
}