// Copyright (c) 2014, 2025, Oracle and/or its affiliates.  Licensed under The Universal Permissive License (UPL), Version 1.0 as shown at https://oss.oracle.com/licenses/upl/

@import "../../utilities/oj.utilities";


// set up include variables before importing dependencies
@if $includeNavigationListClasses != false {
  $includeIconClasses:              true !global;
  $includeButtonClasses:            true !global;
  $includeMenuClasses:              true !global;
  $includeAnimationClasses:         true !global;
}

// import dependencies
@import "../../common/helpers/oj.common.helpers";
@import "oj.alta.windows.icons";
@import "oj.alta.windows.button";
@import "oj.alta.windows.menu";

// import classes defined in the common directory
@import "../../common/widgets/oj.common.navigationlist";

@if $includeNavigationListClasses != false {
    @include module-include-once("alta.windows.navigationlist") {

        // Center align item content
        .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
            justify-content: center;
        }
        // dont stretch item content
        .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content .oj-navigationlist-item-label {
            flex: 0 1 auto;
        }

        // Icons only horizontal navlist should have same color as icons with text color.
        .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item .oj-navigationlist-item-icon
        {

            color: $tabBarItemIconColorDefault;
            .oj-contrast-marker & {
              color: $tabBarItemContrastLabelColorDefault;
            }

        }

        .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon
        {

            color: $tabBarItemIconColorSelected;
            .oj-contrast-marker & {
                color: $tabBarItemContrastLabelColorSelected;
            }

        }
        .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-hover .oj-navigationlist-item-icon
        {

            color: $tabBarItemIconColorHover;
          
        }
        
        .oj-navigationlist-previous-icon {
            @extend .oj-fwk-icon-arrowtail-start; //Previous icon used in sliding navlist to move up one level
        }
        .oj-navigationlist-collapsible .oj-navigationlist-expand-icon {
            @extend .oj-fwk-icon-caret-s;
        }
        .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon{
            @extend .oj-fwk-icon-caret-end;
        }
        .oj-navigationlist-slider .oj-navigationlist-collapse-icon{
            @extend .oj-fwk-icon-caret-end;
        }

        .oj-navigationlist-overflow-item-icon {
           @extend .oj-fwk-icon-dots-horizontal;
        }
    }
}
