daKmoR

<link rel="import" href="../../../../bower_components/polymer/polymer.html">

<script>

	class BaseElement extends Polymer.Element {

		vhToPx(vh) {
			if (vh.indexOf('vh') > 0) {
				return document.documentElement.clientHeight * (parseInt(vh)/100) + '';
			}

daKmoR

<!--
IE Edge will ignore inline style variables in webcomponents
e.g. style="--my-color: #ccc" will not overwrite any default value for --my-color.
for an example open this in IE Edge
http://plnkr.co/edit/cSIs0ODeyUsaXiemxhyP?p=preview

If you extend an element from this element instead e.g.
class ImageBlock extends BaseElement {
}
inline style variables be properly set even in IE Edge.

daKmoR

<link rel="import" href="../../../Polymer/Polymer/DomModules/BaseElement.html">
<link rel="import" href="../../../Polymer/Polymer/DomModules/ResponsiveBehavior.html">
<link rel="import" href="MasonryImport.html">

<style>
	.container-masonry-animate-move-up {
		transform: translateY(200px);
		opacity: 0;
		animation: containerMasonryMoveToOrigin 0.65s ease forwards;
	}

daKmoR

test

daKmoR

#!/usr/bin/env node

const util = require('util');
const exec = util.promisify(require('child_process').exec);

async function systemVersionInfos() {
  const { stdout: nodeVersion } = await exec('node --version');
  console.log('$ node --version');
  console.log(nodeVersion);

daKmoR

By making a contribution to this project, I certify that:

(a) The contribution was created in whole or in part by me and I have the right to submit it under the MIT license; or

(b) The contribution is based upon previous work that, to the best of my knowledge, is covered under an appropriate open source license and I have the right under that license to submit that work with modifications, whether created in whole or in part by me, under the MIT license; or

daKmoR

import { html } from '../../index.js';

import '../demo-wc-card.js';

export default {
  title: 'Demo Card|Component Story Format',
  component: 'demo-wc-card',
};

export const heading = () =>

daKmoR

// defining the Mixin
export const LoggingMixin = superclass =>
  class LoggingMixin extends superclass {
    // logging logic
  };

class Page {}
// applying a Mixin
class PageRed extends LoggingMixin(Page) {}
class PageGreen extends LoggingMixin(Page) {}

daKmoR

import { specialAddEventListener } from './helpers.js';

specialAddEventListener(this, 'click', () => console.log('clicked'));

daKmoR

import { dedupeMixin } from '@open-wc/dedupe-mixin';

export const LocalizeMixin = dedupeMixin(
  superclass =>
    class LocalizeMixin extends superclass {
      // this assumes a Mixin for LitElement
      static get properties() {
        return {
          locale: { type: String }
        };