<commit_before><md-card data-ng-if="!isArray(resource) && isResource(resource, property)">
  <md-card-content layout="column">
    <div layout="row">
      <span class="md-title" flex="auto" ng-hide="getLabel(resource) == getID()">{{getLabel(resource)}} </span>
      <md-input-container class="md-subhead" flex="auto" md-no-float>
        <input placeholder="IRI" type="text" data-ng-if="index === undefined && isString(resource)" data-ng-model="parent[property]" ng-change="validateEditor(parent, property)"></input>
        <input placeholder="IRI" type="text" data-ng-if="index !== undefined && isString(resource)" data-ng-model="parent[property][index]" ng-change="validateEditor(parent, property)"></input>
        <input placeholder="IRI" type="text" data-ng-if="!isString(resource)" data-ng-model="resource['@id']" ng-change="validateEditor(parent, property)"></input>
      </md-input-container>
      <div flex="none">
        <div class="btn-group">
          <md-button class="md-icon-button" aria-label="Actions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <md-icon class="material-icons md-light md-48">more_vert</md-icon>
          </md-button>
          <ul class="dropdown-menu">
            <li>
              <a aria-label="Add Type" data-ng-click="appendValue({'@id':''},'@type',$event); ">
                <md-icon class="material-icons md-light md-48">add</md-icon>Add Type
              </a>
            </li>
            <li>
              <a aria-label="Remove" data-ng-click="remove($event)">
                <md-icon class="material-icons md-light md-48">clear</md-icon>Remove
              </a>
            </li>
            <li>
              <a aria-label="Add Named Graph" data-ng-click="addProperty('@graph')">
                <md-icon class="material-icons md-light md-48">group_work</md-icon>Add Named Graph
              </a>
            </li>
            <li>
              <a aria-label="Set Context..." data-ng-click="">
                <md-icon class="material-icons md-light md-48">label</md-icon>Set Context...
              </a>
            </li>
          </ul>
        </div>
        <!-- expand/collapse button-->
        <div class="btn-group">
          <md-button class="md-icon-button" ng-click="isCollapsed = !isCollapsed" aria-label="expand/collapse">
            <md-icon ng-if="isCollapsed == false" class="material-icons md-light md-48">expand_less</md-icon>
            <md-icon ng-if="isCollapsed == true" class="material-icons md-light md-48">expand_more</md-icon>
          </md-button>
        </div>
      </div>
    </div>
        <!--collapse/expand here -->
        <table width="100%" flex="100" uib-collapse="isCollapsed">
            <tr ng-if="resource['@type'] !== undefined">
                <th style="vertical-align:top; padding: 0px;">type</th>
                <td width="100%">
                  <md-chips ng-model="resource['@type']" md-autocomplete-snap md-require-match="false">
                    <md-autocomplete
                       md-selected-item="selectedTypeItem"
                       md-search-text="searchTypeText"
                       md-items="item in querySearch(searchTypeText)"
                       md-item-text="getLabel(item)"
                       placeholder="+ Type">
                      <span md-highlight-text="ctrl.searchText">{{getLabel(item)}}</span>
                    </md-autocomplete>
                    <md-chip-template>
                      <span>{{getLabel($chip)}}</span>
                    </md-chip-template>
                  </md-chips>
                </td>
            </tr>
            <!-- add ng-addclass below -->
            <tr data-ng-repeat="property in getProperties(resource) track by $index">
                <th style="vertical-align:top ; padding: 8px;">{{getLabel(property)}}</th>
                <td width="100%">
                    <json-ld-editor resource="resource[property]" property="property" parent="resource" context="localContext" global-context="globalContext"/>
                </td>
                <td style="vertical-align:top">
                    <div class="btn-group">
                        <md-button class="md-icon-button" aria-label="Add" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <md-icon class="material-icons md-light md-48">add</md-icon>
                        </md-button>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a aria-label="Add a thing" ng-if="!isLiteralProperty(property)" ng-click="appendValue({'@id':'','@type':[]}, property, $event)">Add a thing</a></li>
                            <li><a aria-label="Add a value" ng-if="!isResourceProperty(property)" ng-click="appendValue({'@value':''}, property, $event)">Add a value</a></li>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="vertical-align:top; padding: 0px;"><commit_msg>Combine type chip with name at top of json-ld-directive<commit_after><md-card data-ng-if="!isArray(resource) && isResource(resource, property)">
  <md-card-content layout="column">
    <div layout="row" layout-align="start end">
      <div style="width:130px; font-size:1.2em;padding-top:10px; padding-bottom:10px;"><strong>type</strong></div>
      <md-chips flex ng-model="resource['@type']" md-autocomplete-snap md-require-match="false">
        <md-autocomplete
            md-selected-item="selectedTypeItem"
            md-search-text="searchTypeText"
            md-items="item in querySearch(searchTypeText)"
            md-item-text="getLabel(item)"
            placeholder="+ Type">
          <span md-highlight-text="ctrl.searchText">{{getLabel(item)}}</span>
        </md-autocomplete>
        <md-chip-template>
          <span>{{getLabel($chip)}}</span>
        </md-chip-template>
      </md-chips>
      <span class="md-title" flex="auto" ng-hide="getLabel(resource) == getID()">{{getLabel(resource)}} </span>
      <md-input-container flex class="md-subhead" flex="auto" md-no-float>
        <input placeholder="IRI" type="text" data-ng-if="index === undefined && isString(resource)" data-ng-model="parent[property]" ng-change="validateEditor(parent, property)"></input>
        <input placeholder="IRI" type="text" data-ng-if="index !== undefined && isString(resource)" data-ng-model="parent[property][index]" ng-change="validateEditor(parent, property)"></input>
        <input placeholder="IRI" type="text" data-ng-if="!isString(resource)" data-ng-model="resource['@id']" ng-change="validateEditor(parent, property)"></input>
      </md-input-container>
      
      <div flex="none">
        <div class="btn-group">
          <md-button class="md-icon-button" aria-label="Actions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <md-icon class="material-icons md-light md-48">more_vert</md-icon>
          </md-button>
          <ul class="dropdown-menu">
            <li>
              <a aria-label="Add Type" data-ng-click="appendValue({'@id':''},'@type',$event); ">
                <md-icon class="material-icons md-light md-48">add</md-icon>Add Type
              </a>
            </li>
            <li>
              <a aria-label="Remove" data-ng-click="remove($event)">
                <md-icon class="material-icons md-light md-48">clear</md-icon>Remove
              </a>
            </li>
            <li>
              <a aria-label="Add Named Graph" data-ng-click="addProperty('@graph')">
                <md-icon class="material-icons md-light md-48">group_work</md-icon>Add Named Graph
              </a>
            </li>
            <li>
              <a aria-label="Set Context..." data-ng-click="">
                <md-icon class="material-icons md-light md-48">label</md-icon>Set Context...
              </a>
            </li>
          </ul>
        </div>
        <!-- expand/collapse button-->
        <div class="btn-group">
          <md-button class="md-icon-button" ng-click="isCollapsed = !isCollapsed" aria-label="expand/collapse">
            <md-icon ng-if="isCollapsed == false" class="material-icons md-light md-48">expand_less</md-icon>
            <md-icon ng-if="isCollapsed == true" class="material-icons md-light md-48">expand_more</md-icon>
          </md-button>
        </div>
      </div>
    </div> 
        <!--collapse/expand here -->
        <table width="100%" flex="100" uib-collapse="isCollapsed">
          <!-- moved this up to first line -->
            <!-- <tr ng-if="resource['@type'] !== undefined">
              <th style="vertical-align:top; padding: 0px;">type</th>
              <td width="100%">
                <md-chips ng-model="resource['@type']" md-autocomplete-snap md-require-match="false">
                  <md-autocomplete
                      md-selected-item="selectedTypeItem"
                      md-search-text="searchTypeText"
                      md-items="item in querySearch(searchTypeText)"
                      md-item-text="getLabel(item)"
                      placeholder="+ Type">
                    <span md-highlight-text="ctrl.searchText">{{getLabel(item)}}</span>
                  </md-autocomplete>
                  <md-chip-template>
                    <span>{{getLabel($chip)}}</span>
                  </md-chip-template>
                </md-chips>
              </td>
            </tr> -->
            
            <!-- add ng-addclass below -->
            <tr data-ng-repeat="property in getProperties(resource) track by $index">
                <th style="vertical-align:top ; padding: 8px;">{{getLabel(property)}}</th>
                <td width="100%">
                    <json-ld-editor resource="resource[property]" property="property" parent="resource" context="localContext" global-context="globalContext"/>
                </td>
                <td style="vertical-align:top">
                    <div class="btn-group">
                        <md-button class="md-icon-button" aria-label="Add" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <md-icon class="material-icons md-light md-48">add</md-icon>
                        </md-button>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a aria-label="Add a thing" ng-if="!isLiteralProperty(property)" ng-click="appendValue({'@id':'','@type':[]}, property, $event)">Add a thing</a></li>
                            <li><a aria-label="Add a value" ng-if="!isResourceProperty(property)" ng-click="appendValue({'@value':''}, property, $event)">Add a value</a></li>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="vertical-align:top; padding: 0px;">
{'fraction_non_alphanumeric': 0.17572148419606046, 'fraction_numerical': 0.006504809894640403, 'mean_word_length': 2.012141280353201, 'pattern_counts': {'":': 0, '<': 225, '<?xml version=': 0, '>': 225, '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': '6318962', 'n_tokens_mistral': 3236, 'n_tokens_neox': 3094, 'n_words': 527}