// Copyright (c) 2014, 2026, 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.ios.icons";
@import "oj.alta.ios.button";
@import "oj.alta.ios.menu";

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

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

        /* Start of Page Level navlist styles*/
        .oj-navigationlist-page-level.oj-navigationlist-icon-only .oj-navigationlist-item:not(.oj-hover) .oj-navigationlist-item-icon
        {

            color: $tabBarItemIconColorDefault;

        }

        //center align the entire contents
        .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
            justify-content: center;
        }
        .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content .oj-navigationlist-item-label {
            flex: 0 1 auto;
        }
         // This is needed in ios, as icon only list does't have dark color bg circle.
        .oj-navigationlist-page-level.oj-navigationlist-expanded.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {

            color: $tabBarItemIconColorSelected;
          
        }

        //For page level horizontal navlist, button size should be equal.
        .oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item {
            flex: 1 1 0;
        }

        /* End of Page Level navlist styles*/
        .oj-navigationlist-previous-icon {
            @extend .oj-fwk-icon-caret-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; //Collapse and expand icon is same for collapsible navlist
        }
        .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;
        }
    }
}