<commit_before><!DOCTYPE html>
<html>
<head>
	<script language="javascript" src="../../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
	<link rel="import" href="mm-grid.html">
	<link rel="import" href="../mm-checkbox/mm-checkbox.html">
	<link rel="import" href="../mm-dropdown/mm-dropdown.html">
	<link rel="import" href="../mm-list-item/mm-list-item.html">
	<link rel="import" href="../mm-menu/mm-menu.html">
	<link rel="import" href="../mm-tooltip/mm-tooltip.html">
	<style type="text/css">
		html, body {
			padding: 0;
			margin: 0;
			background: #eee;
			width: 100%;
			height: 100%;
			min-height: 100%;
		}

		*[unresolved] {
			display: none;
		}

		mm-grid {
			height: 100%;
		}

		.container {
			height: 100%;
		}
	</style>
</head>
<body>
		<style type="text/css">
			:host {
				display: block;
				height: 100%;
			}
			mm-grid {
				height: 100%;
			}
		</style>
		<mm-grid id="mmTestGrid" gpu="4d" selectable expandable="false" item-template="customTemplate">
			<mm-grid-column width="20%" field="name" sort resize>Name</mm-grid-column>
			<mm-grid-column width="10%" field="id" sort resize>Id</mm-grid-column>
			<mm-grid-column width="20%" field="advertiser" sort resize>Advertiser</mm-grid-column>
			<mm-grid-column width="15%" field="concept" sort resize>Concept</mm-grid-column>
			<mm-grid-column width="10%" field="type" resize>Type</mm-grid-column>
			<mm-grid-column width="15%" field="dimensions">Dimensions</mm-grid-column>
			<mm-grid-column width="10%" field="actions"></mm-grid-column>
			<template id="customTemplate">
				<mm-grid-item model="{{model}}" scope="{{scope}}" style$="{{model.style}}">
					<div field="actions">

						
						<mm-icon width="15" height="15" type="actions" id="{{_createId('tooltip', model.id)}}"></mm-icon>
						<mm-tooltip model="{{model}}" target$="{{_createId('#tooltip', model.id)}}">
							<label>I'm a tooltip for Creative - <span>{{model.name}}</span></label>
						</mm-tooltip>
						

						<!--
						<mm-icon type="actions" id="{{_createId('menu', model.id)}}" width="15" height="15"></mm-icon>
						<mm-menu id="testMenu" direction="s" offset="15" target$="{{_createId('#menu', model.id)}}">
							<mm-list-item value="m1">menu item 1</mm-list-item>
							<mm-list-item value="m2">menu item 2</mm-list-item>
							<mm-list-item value="m3">menu item 3</mm-list-item>
							<mm-list-item value="m4">menu item 4</mm-list-item>
							<mm-list-item value="m5">menu item 5</mm-list-item>
						</mm-menu>
						-->

					</div>
					<div field="name">
						Creative - <span>{{model.name}}</span>
					</div>
					<div class="expansion">
						<div class="expansion-row">
							<div class="expansion-col">
								<h4>Expanded Content</h4>
								<span>{{model.name}}</span>
							</div>
							<div class="expansion-col">
								<h4>Expanded Advertiser</h4>
								<span>{{model.advertiser}}</span>
							</div>
							<div class="expansion-col">
								<h4>Expanded Concept</h4>
								<span>{{model.concept}}</span>
							</div>
						</div>
						<div class="expansion-row">
							<div class="expansion-col">Expanded Content - <span>{{model.concept}}</span></div>
						</div>
					</div>
				</mm-grid-item>
			</template>
		</mm-grid>
	<script type="text/javascript">
		var data = [],
			columns = [
				{field: "id", label:"id", width:"10%"},
				{field: "name", label: "Name Here", width: "25%", resize: true, info: true},
				{field: "advertiser", label: "Advertiser", width: "20%", resize: true, align:"right"},
				{field: "concept", label: "Concept", width: "15%", resize: true, align:"right"},
				{field: "type", label: "Type", width: "15%", resize: true, align:"right"},
				{field: "dimensions", label: "Dimensions", width: "15%", align:"right"}
			],
			app, 
			NUM_ITEMS = 3;
<commit_msg>Great victory<commit_after><!DOCTYPE html>
<html>
<head>
	<script language="javascript" src="../../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
	<link rel="import" href="mm-grid.html">
	<link rel="import" href="../mm-checkbox/mm-checkbox.html">
	<link rel="import" href="../mm-dropdown/mm-dropdown.html">
	<link rel="import" href="../mm-list-item/mm-list-item.html">
	<link rel="import" href="../mm-menu/mm-menu.html">
	<link rel="import" href="../mm-tooltip/mm-tooltip.html">
	<style type="text/css">
		html, body {
			padding: 0;
			margin: 0;
			background: #eee;
			width: 100%;
			height: 100%;
			min-height: 100%;
		}

		*[unresolved] {
			display: none;
		}

		mm-grid {
			height: 100%;
		}

		.container {
			height: 100%;
		}
	</style>
</head>
<body>
		<style type="text/css">
			:host {
				display: block;
				height: 100%;
			}
			mm-grid {
				height: 100%;
			}
		</style>
		<mm-grid id="mmTestGrid" gpu="4d" selectable expandable="false" item-template="customTemplate">
			<mm-grid-column width="20%" field="name" sort resize>Name</mm-grid-column>
			<mm-grid-column width="10%" field="id" sort resize>Id</mm-grid-column>
			<mm-grid-column width="20%" field="advertiser" sort resize>Advertiser</mm-grid-column>
			<mm-grid-column width="15%" field="concept" sort resize>Concept</mm-grid-column>
			<mm-grid-column width="10%" field="type" resize>Type</mm-grid-column>
			<mm-grid-column width="15%" field="dimensions">Dimensions</mm-grid-column>
			<mm-grid-column width="10%" field="actions"></mm-grid-column>
			<template id="customTemplate">
				<mm-grid-item model="{{model}}" scope="{{scope}}" style$="{{model.style}}">
					<div field="actions">

						
						<mm-icon width="15" height="15" type="actions" id="{{_createId('tooltip', model.id)}}"></mm-icon>
						<mm-tooltip model="{{model}}" target$="{{_createId('#tooltip', model.id)}}">
							<label>I'm a tooltip for Creative - <span>{{model.name}}</span></label>
						</mm-tooltip>
						

						<!--
						<mm-icon type="actions" id="{{_createId('menu', model.id)}}" width="15" height="15"></mm-icon>
						<mm-menu id="testMenu" direction="s" offset="15" target$="{{_createId('#menu', model.id)}}">
							<mm-list-item value="m1">menu item 1</mm-list-item>
							<mm-list-item value="m2">menu item 2</mm-list-item>
							<mm-list-item value="m3">menu item 3</mm-list-item>
							<mm-list-item value="m4">menu item 4</mm-list-item>
							<mm-list-item value="m5">menu item 5</mm-list-item>
						</mm-menu>
						-->

					</div>
					<div field="name">
						Creative - <span>{{model.name}}</span>
					</div>
					<div class="expansion">
						<div class="expansion-row">
							<div class="expansion-col">
								<h4>Expanded Content</h4>
								<span>{{model.name}}</span>
							</div>
							<div class="expansion-col">
								<h4>Expanded Advertiser</h4>
								<span>{{model.advertiser}}</span>
							</div>
							<div class="expansion-col">
								<h4>Expanded Concept</h4>
								<span>{{model.concept}}</span>
							</div>
						</div>
						<div class="expansion-row">
							<div class="expansion-col">Expanded Content - <span>{{model.concept}}</span></div>
						</div>
					</div>
				</mm-grid-item>
			</template>
		</mm-grid>
	<script type="text/javascript">
		var data = [],
			columns = [
				{field: "id", label:"id", width:"10%"},
				{field: "name", label: "Name Here", width: "25%", resize: true, info: true},
				{field: "advertiser", label: "Advertiser", width: "20%", resize: true, align:"right"},
				{field: "concept", label: "Concept", width: "15%", resize: true, align:"right"},
				{field: "type", label: "Type", width: "15%", resize: true, align:"right"},
				{field: "dimensions", label: "Dimensions", width: "15%", align:"right"}
			],
			app, 
			NUM_ITEMS = 300;

{'fraction_non_alphanumeric': 0.2213780455855384, 'fraction_numerical': 0.020434896515588157, 'mean_word_length': 3.289325842696629, 'pattern_counts': {'":': 0, '<': 193, '<?xml version=': 0, '>': 193, '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': '2322239', 'n_tokens_mistral': 3484, 'n_tokens_neox': 2667, 'n_words': 511}