@use 'sass:map';
@use '@angular/material' as mat;
@use 'sass:meta';
@use '../variables/font-family';

@function get-mat-typography($base-font-size, $font-family) {
    $custom-typography: mat.m2-define-typography-config(
        $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif',
        $headline-1: mat.m2-define-typography-level(112px, 112px, 300),
        $headline-2: mat.m2-define-typography-level(56px, 56px, 400),
        $headline-3: mat.m2-define-typography-level(45px, 48px, 400),
        $headline-4: mat.m2-define-typography-level(34px, 40px, 400),
        $headline-5: mat.m2-define-typography-level(24px, 32px, 400),
        $headline-6: mat.m2-define-typography-level(20px, 32px, 500),
        $subtitle-1: mat.m2-define-typography-level(16px, 28px, 400),
        $body-1: mat.m2-define-typography-level(15px, 24px, 400),
        $subtitle-2: mat.m2-define-typography-level(14px, 24px, 500),
        $body-2: mat.m2-define-typography-level(14px, 20px, 400),
        $caption: mat.m2-define-typography-level(12px, 20px, 400),
        $button: mat.m2-define-typography-level(14px, 14px, 500) // Line-height must be unit-less fraction of the font-size.
    );

    @if $base-font-size {
        $custom-typography: mat.m2-define-typography-config(
            $headline-1: mat.m2-define-typography-level(8rem, 8rem, 300),
            $headline-2: mat.m2-define-typography-level(4rem, 4rem, 400),
            $headline-3: mat.m2-define-typography-level(3.21rem, 3.21rem, 400),
            $headline-4: mat.m2-define-typography-level(2.42rem, 2.85rem, 400),
            $headline-5: mat.m2-define-typography-level(1.71rem, 2.28rem, 400),
            $headline-6: mat.m2-define-typography-level(1.42rem, 2.28rem, 500),
            $subtitle-1: mat.m2-define-typography-level(1.14rem, 2rem, 400),
            $body-1: mat.m2-define-typography-level(1.07rem, 1.71rem, 400),
            $subtitle-2: mat.m2-define-typography-level(1rem, 1.71rem, 500),
            $body-2: mat.m2-define-typography-level(1rem, 1.42rem, 400),
            $caption: mat.m2-define-typography-level(0.86rem, 1.42rem, 400),
            $button: mat.m2-define-typography-level(1rem, 1rem, 500),
            $font-family: font-family.$default-font-family
        );
    }

    @if $font-family {
        @each $key, $level in $custom-typography {
            /* stylelint-disable-next-line scss/no-global-function-names */
            @if meta.type-of($level) == 'map' {
                $new-level: map.merge(
                    $level,
                    (
                        font-family: $font-family
                    )
                );
                $custom-typography: map.merge(
                    $custom-typography,
                    (
                        $key: $new-level
                    )
                );
            }
        }

        $custom-typography: map.merge(
            $custom-typography,
            (
                font-family: $font-family
            )
        );
    }

    @return $custom-typography;
}

@function get-custom-adf-font-sizes() {
    @return (
        'theme-adf-icon-1-font-size': 1.2rem,
        'theme-adf-picture-1-font-size': 1.28rem,
        'theme-adf-task-footer-font-size': 1.28rem,
        'theme-adf-task-title-font-size': 1.28rem
    );
}