cosmoz-omnitable-group-row.html

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="cosmoz-omnitable-repeater-behavior.html">
<link rel="import" href="../iron-flex-layout/iron-flex-layout.html"/>

<dom-module id="cosmoz-omnitable-group-row">
	<template>
		<slot name="group-row"></slot>
	</template>
	<script>
(function () {
	Polymer({

		is: 'cosmoz-omnitable-group-row',

		behaviors: [
			Cosmoz.OmnitableRepeaterBehavior
		],

		properties: {

			column: {
				type: Object,
				observer: '_columnChanged'
			},

			item: {
				type: Object
			},

			selected: {
				type: Boolean,
				observer: '_selectedChanged'
			},

			folded: {
				type: Boolean,
				observer: '_foldedChanged'
			},
		},

		observers: [
			'_itemUpdated(item.*)',
		],

		_elementType: 'div',

		_slotName: 'group-row',

		_columnChanged: function (newColumn) {
			if (!newColumn) {
				return;
			}
			if (this.columns && this.columns.length > 0) {
				this.splice('columns', 0, 1, newColumn);
				return;
			}
			this.columns =  [newColumn];
		},

		_getTemplateInstance: function (column) {
			return column.dataTemplatizer.getInstance();
		},

		_detachTemplateInstance: function (instance, column, element) {
			column.dataTemplatizer.detachInstance(instance, element);
		},

		_configureTemplateInstance: function (instance) {
			if (instance.item !== this.item && this.item !== undefined) {
				this._forwardProperty(instance, 'item', this.item);
				this._forwardProperty(instance, 'selected', this.selected);
				this._forwardProperty(instance, 'folded', this.folded);
				this._forwardPropertiesFlush(instance);
			}
		},

		_itemUpdated: function (itemChange) {
			if (itemChange.path === 'item') {
				this.elements.forEach(function (element) {
					this._forwardProperty(this.getElementTemplateInstance(element), 'item', itemChange.value, true);
				}, this);
			} else {
				this.elements.forEach(function (element) {
					this._forwardNotifyPath(this.getElementTemplateInstance(element), itemChange.path, itemChange.value, true, true);
				}, this);
			}
		},

		_selectedChanged: function (selected) {
			this.templateInstances.forEach(instance => {
				this._forwardProperty(instance, 'selected', selected, true);
			});
		},

		_expandedChanged: function (expanded) {
			this.templateInstances.forEach(instance => {
				this._forwardProperty(instance, 'expanded', expanded, true);
			});
		},

		_foldedChanged: function (folded) {
			this.templateInstances.forEach(instance => {
				this._forwardProperty(instance, 'folded', folded, true);
			});
		},
	});
}());
	</script>
</dom-module>