<commit_before><template>
  <div class="aui-group">
    <div class="aui-item">
      <va-tabs>
        <va-tab name="Example">
          <p>
            <va-progress-indicator :progress='0.3'></va-progress-indicator>
          </p>
          <p>
            <va-progress-indicator indeterminate></va-progress-indicator>
          </p>
          <p>
            <va-progress-indicator :indeterminate='indeterminate' :progress="0.5"></va-progress-indicator>
          </p>
        </va-tab>
        <va-tab name="Code">
          <pre v-highlightjs><code class="xml" v-text='code'></code></pre>
        </va-tab>
      </va-tabs>
    </div>

    <div class="aui-item">
      <api-table name="va-progress-indicator" :props="[
      {name: 'progress', type: 'Number', default: '0', description: 'Sets progress bar progress in scale 0-100.'},
      {name: 'indeterminate', type: 'Boolean', default: 'false', description: 'Renders infinite progress bar.'},
    ]">
      </api-table>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        indeterminate: true,
        code: `<va-progress-indicator :progress='0.3'></va-progress-indicator>
<va-progress-indicator indeterminate></va-progress-indicator>
<va-progress-indicator :indeterminate='indeterminate' :progress="0.5"></va-progress-indicator>`,
      }
    },

    mounted() {
      setTimeout(() => this.indeterminate = false, 1000)
    }
  }
</script><commit_msg>Update docs about deprecates progress bar<commit_after><template>
  <div class="aui-group">

    <div class="aui-item">
      <va-message>
        AUI 7.7 introduced progress bar web component {{`&lt;aui-progressbar&gt;`}} which functionally replaces {{`&lt;va-progress-indicator&gt;`}}.
        You can still use {{`&lt;va-progress-indicator&gt;`}} on AUI older than 7.7. See
        <a href="https://docs.atlassian.com/aui/latest/docs/progress-indicator.html" target="_blank">
          aui-progress web component documentation</a>.
      </va-message>
      <va-tabs>
        <va-tab name="Deprecated code">
          <pre v-highlightjs><code class="xml" v-text='code'></code></pre>
        </va-tab>
      </va-tabs>
    </div>

    <div class="aui-item">
      <api-table name="va-progress-indicator" is-deprecated :props="[
      {name: 'progress', type: 'Number', default: '0', description: 'Sets progress bar progress in scale 0-100.'},
      {name: 'indeterminate', type: 'Boolean', default: 'false', description: 'Renders infinite progress bar.'},
    ]">
      </api-table>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        indeterminate: true,
        code: `<va-progress-indicator :progress='0.3'></va-progress-indicator>
<va-progress-indicator indeterminate></va-progress-indicator>
<va-progress-indicator :indeterminate='indeterminate' :progress="0.5"></va-progress-indicator>`,
      }
    },

    mounted() {
      setTimeout(() => this.indeterminate = false, 1000)
    }
  }
</script>
{'fraction_non_alphanumeric': 0.1794871794871795, 'fraction_numerical': 0.011322011322011322, 'mean_word_length': 2.764411027568922, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 75, 'https://': 1, 'lorem ipsum': 0, 'www.': 0, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7239750', 'n_tokens_mistral': 1017, 'n_tokens_neox': 972, 'n_words': 194}