@tririga/tri-template/lib/templates/starter-v3/@element.js

A simple tool for generating IBM TRIRIGA UX view skeletons from available templates.

import { mixinBehaviors } from '../@polymer/polymer/lib/legacy/class.js';
import { PolymerElement, html } from '../@polymer/polymer/polymer-element.js';
import { TriPlatViewBehavior } from "../triplat-view-behavior/triplat-view-behavior.js";
import "../@polymer/paper-material/paper-material.js";

class @ElementCamelCase extends mixinBehaviors([TriPlatViewBehavior], PolymerElement) {
	static get template() {
		return html `
			<style include="tristyles-theme">

				paper-material {
					padding: 20px;
					background-color: white;
					margin-top: 30px;
				}

				.main {
					@apply --layout-horizontal;
					@apply --layout-center-justified;
				}

			</style>

			<div class="main">
				<paper-material z="1">
					Starter View for <b>@element</b>
				</paper-material>
			</div>
		`;
	}

	static get properties() {
		return {

		}
	}
}

window.customElements.define('@element', @ElementCamelCase);