Convert to Polymer 3, add events type definitions

.eslintrc.json

@@ -1,16 +1,15 @@
 {
-  "extends": "vaadin",
+  "extends": [
+    "eslint:recommended",
+    "plugin:prettier/recommended"
+  ],
+  "plugins": ["prettier"],
   "env": {
     "browser": true,
-    "node": true,
     "es6": true
   },
-  "plugins": [
-    "html"
-  ],
-  "globals": {
-    "vaadin": false,
-    "Vaadin": false,
-    "Polymer": false
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": 2018
   }
 }

.github/workflows/sauce-p2-mobile.yml → .github/workflows/firefox.yml

@@ -1,28 +1,23 @@
-name: sauce-p2-mobile
+name: firefox
 
 on: [push]
 
 jobs:
-  tests:
+  unit-tests:
     runs-on: ubuntu-latest
+    if: "! contains(toJSON(github.event.commits.*.message), '[skip ci]')"
 
     steps:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1
       with:
         node-version: 12
 
-    - name: Install CLI tools
-      run: npm install -g bower
-
     - name: Install dependencies
-      run: npm -q i
-
-    - name: Install Bower
-      run: bower -q i
+      run: npm install
 
-    - name: Run unit tests
+    - name: Test in Firefox
       env:
         SAUCE_USERNAME: ${{ secrets.SAUCE_USERNAME }}
         SAUCE_ACCESS_KEY: ${{ secrets.SAUCE_ACCESS_KEY }}
-      run: npm test -- --env saucelabs:mobile
+      run: npm run test:firefox

.github/workflows/sauce-p2-desktop.yml → .github/workflows/safari.yml

@@ -1,28 +1,23 @@
-name: sauce-p2-desktop
+name: safari
 
 on: [push]
 
 jobs:
-  tests:
+  unit-tests:
     runs-on: ubuntu-latest
+    if: "! contains(toJSON(github.event.commits.*.message), '[skip ci]')"
 
     steps:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1
       with:
         node-version: 12
 
-    - name: Install CLI tools
-      run: npm install -g bower
-
     - name: Install dependencies
-      run: npm -q i
-
-    - name: Install Bower
-      run: bower -q i
+      run: npm install
 
-    - name: Run unit tests
+    - name: Test in Safari
       env:
         SAUCE_USERNAME: ${{ secrets.SAUCE_USERNAME }}
         SAUCE_ACCESS_KEY: ${{ secrets.SAUCE_ACCESS_KEY }}
-      run: npm test -- --env saucelabs:desktop
+      run: npm run test:safari

.github/workflows/tests.yml

@@ -0,0 +1,43 @@
+name: tests
+
+on: [pull_request]
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v2
+    - uses: actions/setup-node@v1
+      with:
+        node-version: 12
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Check version
+      run: npm run check-version
+
+    - name: Lint JavaScript
+      run: npm run lint:js
+
+    - name: Lint CSS
+      run: npm run lint:css
+
+    - name: Lint typings
+      run: npm run lint:types
+
+  unit-tests:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v2
+    - uses: actions/setup-node@v1
+      with:
+        node-version: 12
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Test in Chrome
+      run: npm test

.github/workflows/sauce-visual.yml → .github/workflows/visual.yml

@@ -1,28 +1,23 @@
-name: sauce-visual
+name: visual
 
 on: [push]
 
 jobs:
   visual-tests:
     runs-on: ubuntu-latest
+    if: "! contains(toJSON(github.event.commits.*.message), '[skip ci]')"
 
     steps:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1
       with:
         node-version: 12
 
-    - name: Install CLI tools
-      run: npm install -g bower gemini gemini-sauce gemini-polyserve
-
     - name: Install dependencies
-      run: npm -q i
-
-    - name: Install Bower
-      run: bower -q i
+      run: npm install
 
-    - name: Run visual tests
+    - name: Visual tests
       env:
         SAUCE_USERNAME: ${{ secrets.SAUCE_USERNAME }}
         SAUCE_ACCESS_KEY: ${{ secrets.SAUCE_ACCESS_KEY }}
-      run: gemini test test/visual
+      run: npm run test:visual

.hermione.conf.js

@@ -0,0 +1,24 @@
+module.exports = {
+  browsers: {
+    chrome: {
+      baseUrl: 'http://localhost:8080/test/visual/',
+      screenshotsDir: (test) => {
+        const folder = test.title.replace(/-(lumo|material)(-)?(rtl|ltr)?/, '');
+        return `test/visual/screens/vaadin-grid/${folder}`;
+      },
+      desiredCapabilities: {
+        browserName: 'chrome',
+        version: '85.0',
+        platform: 'Windows 10'
+      }
+    }
+  },
+  plugins: {
+    'hermione-esm': {
+      port: 8080
+    },
+    'hermione-sauce': {
+      verbose: false
+    }
+  }
+};

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "singleQuote": true,
+  "printWidth": 120,
+  "trailingComma": "none"
+}

.stylelintrc

@@ -1,3 +1,6 @@
 {
-  "extends": "stylelint-config-vaadin"
+  "extends": [
+    "stylelint-config-vaadin",
+    "stylelint-config-prettier"
+  ]
 }