Components, UI-helpers, adding mixin definitions, converting UI-helpers to class-style (#286)

* UI-helpers, converting UI-helpers to class-style. #00000

* Components, adding mixin definitions. #00000

Author: dotpointer

cosmoz-omnitable-column-amount.html

@@ -43,6 +43,8 @@ <h3 style="margin: 0;">[[ title ]]</h3>
 	<script type="text/javascript">
 		window.Cosmoz = window.Cosmoz || {};
 
+		Cosmoz.Mixins = Cosmoz.Mixins || {};
+
 		/**
 		 * @polymer
 		 * @customElement

cosmoz-omnitable-column-date.html

@@ -45,6 +45,8 @@ <h3 style="margin: 0;">[[ title ]]</h3>
 	<script>
 		window.Cosmoz = window.Cosmoz || {};
 
+		Cosmoz.Mixins = Cosmoz.Mixins || {};
+
 		/**
 		 * @polymer
 		 * @customElement

cosmoz-omnitable-column-datetime.html

@@ -44,6 +44,8 @@ <h3 style="margin: 0;">[[ title ]]</h3>
 	<script>
 		window.Cosmoz = window.Cosmoz || {};
 
+		Cosmoz.Mixins = Cosmoz.Mixins || {};
+
 		/**
 		 * @polymer
 		 * @customElement

cosmoz-omnitable-column-list-data.html

@@ -46,6 +46,8 @@
 	<script>
 		window.Cosmoz = window.Cosmoz || {};
 
+		Cosmoz.Mixins = Cosmoz.Mixins || {};
+
 		class OmnitableColumnListData extends Cosmoz.Mixins.translatable(
 			Polymer.mixinBehaviors([Cosmoz.TemplateHelperBehavior], Polymer.Element)
 		) {

cosmoz-omnitable-column-list-horizontal.html

@@ -50,6 +50,8 @@
 	<script type="text/javascript">
 		window.Cosmoz = window.Cosmoz || {};
 
+		Cosmoz.Mixins = Cosmoz.Mixins || {};
+
 		/**
 		 * @polymer
 		 * @customElement

cosmoz-omnitable-column-list.html

@@ -34,6 +34,8 @@
 	<script type="text/javascript">
 		window.Cosmoz = window.Cosmoz || {};
 
+		Cosmoz.Mixins = Cosmoz.Mixins || {};
+
 		/**
 		 * @polymer
 		 * @customElement

cosmoz-omnitable-column-number.html

@@ -43,6 +43,8 @@ <h3 style="margin: 0;">[[ title ]]</h3>
 	<script>
 		window.Cosmoz = window.Cosmoz || {};
 
+		Cosmoz.Mixins = Cosmoz.Mixins || {};
+
 		/**
 		 * @polymer
 		 * @customElement

cosmoz-omnitable-column-time.html

@@ -41,6 +41,8 @@ <h3 style="margin: 0;">[[ title ]]</h3>
 	<script>
 		window.Cosmoz = window.Cosmoz || {};
 
+		Cosmoz.Mixins = Cosmoz.Mixins || {};
+
 		/**
 		 * @polymer
 		 * @customElement

cosmoz-omnitable.js

@@ -3,6 +3,10 @@
 
 	'use strict';
 
+	window.Cosmoz = window.Cosmoz || {};
+
+	Cosmoz.Mixins = Cosmoz.Mixins || {};
+
 	const PROPERTY_HASH_PARAMS = ['sortOn', 'groupOn', 'descending', 'groupOnDescending'];
 	const {
 		FlattenedNodesObserver,

ui-helpers/cosmoz-clear-button.html

@@ -39,21 +39,27 @@
 		<iron-icon icon="clear"></iron-icon>
 	</template>
 	<script type="text/javascript">
-		Polymer({
-			is: 'cosmoz-clear-button',
-			properties: {
-				visible: {
-					type: Boolean,
-					value: false,
-					reflectToAttribute: true
-				},
+		/*global Polymer*/
 
-				light: {
-					type: Boolean,
-					reflectToAttribute: true,
-					value: false
-				}
+		class CosmozClearButton extends Polymer.Element {
+			static get is() {
+				return 'cosmoz-clear-button';
 			}
-		});
+			static get properties() {
+				return {
+					light: {
+						reflectToAttribute: true,
+						type: Boolean,
+						value: false
+					},
+					visible: {
+						reflectToAttribute: true,
+						type: Boolean,
+						value: false
+					}
+				};
+			}
+		}
+		customElements.define(CosmozClearButton.is, CosmozClearButton);
 	</script>
 </dom-module>