<commit_before>import '@polymer/iron-pages/iron-pages.js';
import '@polymer/paper-tabs/paper-tab.js';
import '@polymer/paper-tabs/paper-tabs.js';
import '@polymer/app-layout/app-grid/app-grid-style.js';
import 'etools-loading/etools-loading.js';
import '../../../components/report-status.js';
import './disaggregations/disaggregation-table.js';
import {isEmptyObject} from '../../../../../utils/utils.js';
import {PolymerElement, html} from '@polymer/polymer';
import EndpointsMixin from '../../../../../endpoints/endpoints-mixin.js';
import {parseRequestErrorsAndShowAsToastMsgs} from '../../../../../utils/ajax-errors-parser';
import {logError} from 'etools-behaviors/etools-logging';
import {property} from '@polymer/decorators';
import {GenericObject} from '../../../../../../typings/globals.types.js';

/**
 * @polymer
 * @customElement
 * @appliesMixin EndpointsMixin
 * @appliesMixin UtilsMixin
 */
class IndicatorDetails extends EndpointsMixin(PolymerElement) {

  static get is() {
    return 'indicator-details';
  }

  static get template() {
    return html`

      <style include="app-grid-style">
        :host {
          display: block;
          min-height: 150px;
          position: relative;

          --app-grid-columns: 2;
          --app-grid-gutter: 24px;
          --app-grid-item-height: auto;
          --paper-tab-ink: var(--primary-color);
          --paper-tabs-selection-bar-color: var(--primary-color);

          --paper-tabs: {
            padding-left: 13px;<commit_msg>Style issue on Report Progress<commit_after>import '@polymer/iron-pages/iron-pages.js';
import '@polymer/paper-tabs/paper-tab.js';
import '@polymer/paper-tabs/paper-tabs.js';
import '@polymer/app-layout/app-grid/app-grid-style.js';

import 'etools-loading/etools-loading.js';

import '../../../components/report-status.js';
import './disaggregations/disaggregation-table.js';
import {isEmptyObject} from '../../../../../utils/utils.js';
import {PolymerElement, html} from '@polymer/polymer';
import EndpointsMixin from '../../../../../endpoints/endpoints-mixin.js';
import UtilsMixin from '../../../../../mixins/utils-mixin.js';
import {parseRequestErrorsAndShowAsToastMsgs} from '../../../../../utils/ajax-errors-parser';
import {logError} from 'etools-behaviors/etools-logging';
import {property} from '@polymer/decorators';
import {GenericObject} from '../../../../../../typings/globals.types.js';

/**
 * @polymer
 * @customElement
 * @appliesMixin EndpointsMixin
 * @appliesMixin UtilsMixin
 */
class IndicatorDetails extends EndpointsMixin(UtilsMixin(PolymerElement)) {

  static get is() {
    return 'indicator-details';
  }

  static get template() {
    return html`

      <style include="app-grid-style">
        :host {
          display: block;
          min-height: 150px;
          position: relative;

          --app-grid-columns: 2;
          --app-grid-gutter: 24px;
          --app-grid-item-height: auto;
          --paper-tab-ink: var(--primary-color);
          --paper-tabs-selection-bar-color: var(--primary-color);

          --paper-tabs: {
            padding-left: 13px;
{'fraction_non_alphanumeric': 0.18898905344494527, 'fraction_numerical': 0.0051513200257566, 'mean_word_length': 2.7569528415961306, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, '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': '2565717', 'n_tokens_mistral': 987, 'n_tokens_neox': 952, 'n_words': 177}