// 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/

// !!!
// WARNING: do not directly import this file, instead import the
//          version in your theme's directory,
//          for example alta/widgets/_oj.alta.dvt.treemap.scss
// !!!
@import "../../utilities/oj.utilities";

@if $includeTreemapClasses != false {
  @include module-include-once("common.treemap") {

    // This is to prevent the flash of unstyled content before the html becomes JET components.
    @if $initialVisibility == hidden {
      oj-treemap:not(.oj-complete) {
        visibility: hidden;
      }
    }

    oj-treemap {
      display: block;
    }

    .oj-treemap {
      width:650px;
      height:400px;

        color: $textColor;
        font-size: $dvtTreemapLabelFontSize;
        @include oj-user-select-property(none);

    }

    .oj-treemap-attribute-type-text {

      color: $formControlLabelColor;
      font-size: $fontSize;

    }

    .oj-treemap-attribute-value-text {

      font-size: $fontSize;

    }

    .oj-treemap-current-drill-text {

      color: $textColor;
      font-size: $fontSize;

    }
    
    .oj-treemap-drill-text {

      color: $dvtTreemapDrillTextColor;
      font-size: $fontSize;
      text-decoration: $linkTextDecoration;

    }
    
    .oj-treemap-drill-text.oj-hover {

      text-decoration: $linkTextDecorationHover;

    }

    .oj-treemap-node {

      font-size: $dvtTreemapLabelFontSize;

    }

    .oj-treemap-node.oj-hover {

      border-color: $dvtTreemapNodeBorderColorHover;

    }

    .oj-treemap-node.oj-selected {

      border-top-color:$dvtBorderColor;
      border-bottom-color: $dvtBorder2Color;

    }

    .oj-treemap-node-header {

      font-size: $dvtTreemapHeaderFontSize;
      color: $headerTextColor;
      background-color: $dvtComponentBgColor;
      border-color: $dvtTreemapNodeHeaderBorderColor;

    }

    .oj-treemap-node-header.oj-hover {

      background-color: $dvtTreemapNodeBorderColorHover;
      border-color: $dvtTreemapNodeHeaderBorderColor;
      border-top-color : $dvtTreemapNodeBorderColorHover;
      border-bottom-color: $dvtTreemapNodeHeaderBorderColorHover;

    }

    .oj-treemap-node-header.oj-selected {

      background-color: $dvtTreemapNodeHeaderBgColor;
      border-color: $dvtTreemapNodeHeaderBorderColor;
      border-top-color: $dvtBorderColor;
      border-bottom-color: $dvtBorder2Color;
      
    }
  }
}