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


@import "../../common/helpers/oj.common.helpers";
@import "../../common/widgets/oj.common.progress";

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

    .oj-progress-bar-overlay {
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      width: inherit;
      @include oj-ltr() {
        animation: indeterminateAnimation 2s infinite;
        -webkit-animation: indeterminateAnimation 2s infinite;
      }
      @include oj-rtl() {
        animation: indeterminateAnimation 2s infinite reverse;
        -webkit-animation: indeterminateAnimation 2s infinite reverse;
        //windows is only theme that does not flip overlay
        transform: scaleX(1);
      }
    }

    .oj-progress-bar-indeterminate .oj-progress-bar-value {

        background-color: $progressBarBgColor;
      
      position: relative;
    }

    @keyframes indeterminateAnimation {
      0%   {background-position:-20%}
      40%   {background-position:center}
      60%   {background-position:center}
      100%   {background-position:120%}
    }

    .oj-progress-circle-overlay {
      background-size: cover;
      background-image: url($progressCircleIndeterminateOverlayImage);
    }
  }
}