<commit_before><link rel="import" href="../../../../../../bower_components/polymer/polymer-element.html">
<link rel="import" href="../../../../../../bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../../../../../../bower_components/etools-content-panel/etools-content-panel.html">
<link rel="import" href="../../../../../../bower_components/etools-file/etools-file.html">
<link rel="import" href="../../../../../../bower_components/etools-behaviors/etools-mixin-factory.html">

<link rel="import" href="../../../../redux/etools-data-redux-store.html">
<link rel="import" href="../../../../mixins/common-mixin.html">
<link rel="import" href="../../../../mixins/event-helper-mixin.html">

<link rel="import" href="../../../../styles/page-common-styles.html">
<link rel="import" href="../../../../styles/grid-layout-styles.html">
<link rel="import" href="../../../../styles/shared-styles.html">
<link rel="import" href="../../../../styles/file-styles.html">

<dom-module id="intervention-attachments">
  <template>
    <style include="page-common-styles grid-layout-styles shared-styles file-styles">
      :host {
        @apply --layout-vertical;
        width: 100%;

        --etools-file-label: {
          display: none;
        };

        --ecp-content: {
          padding: 0;
          overflow: hidden;
        };
      }

      #attachments {
        --etools-file-upload-button-paper-btn: {
          font-weight: bold;
          padding: 5px 10px;
          background-color: var(--primary-color);
        };

        --etools-file-upload-button: {
          color: var(--light-primary-text-color, #FFFFFF) !important;
          max-width: 150px;
          margin-left: 24px;
        };

        --etools-file-area-with-type: {
          padding: 16px 24px;
        };
      }

      #no-attach-warning {
        display: block;
        position: relative;
        top: -10px;
        padding-left: 24px;
        padding-bottom: 24px;
      }

      #no-attach-warning p {
        margin: 0;
      }

    </style>

    <etools-content-panel class="content-section" panel-title="Attachments">
      <etools-file id="attachments"
                   files="{{attachments}}"
                   file-model="[[fileModel]]"<commit_msg>Attachments style fix<commit_after><link rel="import" href="../../../../../../bower_components/polymer/polymer-element.html">
<link rel="import" href="../../../../../../bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../../../../../../bower_components/etools-content-panel/etools-content-panel.html">
<link rel="import" href="../../../../../../bower_components/etools-file/etools-file.html">
<link rel="import" href="../../../../../../bower_components/etools-behaviors/etools-mixin-factory.html">

<link rel="import" href="../../../../redux/etools-data-redux-store.html">
<link rel="import" href="../../../../mixins/common-mixin.html">
<link rel="import" href="../../../../mixins/event-helper-mixin.html">

<link rel="import" href="../../../../styles/page-common-styles.html">
<link rel="import" href="../../../../styles/grid-layout-styles.html">
<link rel="import" href="../../../../styles/shared-styles.html">
<link rel="import" href="../../../../styles/file-styles.html">

<dom-module id="intervention-attachments">
  <template>
    <style include="page-common-styles grid-layout-styles shared-styles file-styles">
      :host {
        @apply --layout-vertical;
        width: 100%;

        --etools-file-label: {
          display: none;
        };

        --ecp-content: {
          padding: 0;
          overflow: hidden;
        };
      }

      #attachments {
        --etools-file-upload-button-paper-btn: {
          font-weight: bold;
          padding: 5px 10px;
          background-color: var(--primary-color);
        };

        --etools-file-upload-button: {
          color: var(--light-primary-text-color, #FFFFFF) !important;
          max-width: 150px;
          margin-left: 24px;
        };

        --etools-file-area-with-type: {
          padding: 16px 24px;
        };
      }

      #no-attach-warning {
        display: block;
        position: relative;
        top: -10px;
        padding-left: 24px;
        padding-bottom: 24px;
      }

      #no-attach-warning p {
        margin: 0;
      }

      etools-file[multiple] {
        --etools-file-filename-container: {
          width: calc(100% - 255px);
        };
        --etools-file-readonly-filename-container: {
          width: calc(100% - 255px);
        };
      }

    </style>

    <etools-content-panel class="content-section" panel-title="Attachments">
      <etools-file id="attachments"
                   files="{{attachments}}"
                   file-model="[[fileModel]]"
{'fraction_non_alphanumeric': 0.21888053467000834, 'fraction_numerical': 0.01211361737677527, 'mean_word_length': 1.9147900182592819, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 37, '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': '3755121', 'n_tokens_mistral': 1512, 'n_tokens_neox': 1393, 'n_words': 214}