Merge pull request #258 from plumelo/feature/NEOV-287-upgrade-omnitable

Upgrade <cosmoz-omnitable> to Polymer 2.x

Author: nomego

cosmoz-omnitable-column-list-data.html

@@ -47,8 +47,7 @@
 		class OmnitableColumnListData extends Polymer.mixinBehaviors(
 			[
 				Cosmoz.TemplateHelperBehavior,
-				Cosmoz.TranslatableBehavior,
-				Polymer.IronResizableBehavior
+				Cosmoz.TranslatableBehavior
 			],
 			Polymer.Element
 		) {
@@ -130,7 +129,7 @@
 				this._expanded = !this._expanded;
 				event.stopPropagation();
 				event.preventDefault();
-				this.fire('iron-resize');
+				this.dispatchEvent(new CustomEvent('iron-resize', {bubbles: true}));
 			}
 		}
 		customElements.define(OmnitableColumnListData.is, OmnitableColumnListData);

cosmoz-omnitable-item-expand.html

@@ -108,7 +108,10 @@
 			this.hidden = columnsCount === 0;
 			if (this.expanded) {
 				// Notify omnitable that this item is expanded and my need individual resize
-				this.fire('update-item-size', { item: this.item }, { bubbles: true });
+				this.dispatchEvent(new CustomEvent('update-item-size', {
+					bubbles: true,
+					detail: { item: this.item }
+				}));
 			}
 		}
 

cosmoz-omnitable-repeater-mixin.html

@@ -162,8 +162,7 @@
 		}
 
 		_addElements(start, count) {
-			const end = start + count,
-				parent = Polymer.dom(this);
+			const end = start + count;
 
 			for (let i = start; i < end; i++) {
 				const column = this.columns[i],
@@ -182,12 +181,12 @@
 				this._configureTemplateInstance(instance);
 				element.setAttribute('slot', this._slotName);
 
-				Polymer.dom(element).appendChild(instance.root);
+				element.appendChild(instance.root);
 
 				if (i < this._elements.length) {
-					parent.insertBefore(element, this._elements[i]);
+					this.insertBefore(element, this._elements[i]);
 				} else {
-					parent.appendChild(element);
+					this.appendChild(element);
 				}
 
 				// HACK(plequang): repeated element should have style scoped to cosmoz-omnitable, not to the column element.
@@ -207,7 +206,7 @@
 				.forEach(element => {
 					this._detachTemplateInstance(element.__instance, element.__column, element);
 					element.__instance = element.__column = element.column = null;
-					Polymer.dom(this).removeChild(element);
+					this.removeChild(element);
 				});
 		}
 

cosmoz-omnitable-templatizer.html

@@ -112,7 +112,7 @@
 			const children = instance.children;
 
 			for (let i = 0; i < children.length; i++) {
-				Polymer.dom(instance.root).appendChild(children[i]);
+				instance.root.appendChild(children[i]);
 			}
 
 			instance.__detached__ = true;

cosmoz-omnitable.html

@@ -212,7 +212,7 @@ <h3 class="groupRow-label">
 		</div>
 
 		<div id="columns">
-			<slot></slot>
+			<slot id="columnsSlot"></slot>
 		</div>
 
 	</template>