From 97837c7ca1eaa86a1c3aabfe89544ea4318e800c Mon Sep 17 00:00:00 2001
From: Josef Brandl <mail@josefbrandl.de>
Date: Thu, 1 Feb 2018 14:50:39 +0100
Subject: [PATCH] Use class syntax in <dom-repeat> documentation (#5077)

---
 lib/elements/dom-repeat.html       | 28 +++++++++++++++++-----------
 types/lib/elements/dom-repeat.d.ts | 28 +++++++++++++++++-----------
 2 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/lib/elements/dom-repeat.html b/lib/elements/dom-repeat.html
index 30413b1d91..2d59e7e2b5 100644
--- a/lib/elements/dom-repeat.html
+++ b/lib/elements/dom-repeat.html
@@ -51,16 +51,22 @@
    *   </template>
    *
    *   <script>
-   *     Polymer({
-   *       is: 'employee-list',
-   *       ready: function() {
-   *         this.employees = [
-   *             {first: 'Bob', last: 'Smith'},
-   *             {first: 'Sally', last: 'Johnson'},
-   *             ...
-   *         ];
+   *     class EmployeeList extends Polymer.Element {
+   *       static get is() { return 'employee-list'; }
+   *       static get properties() {
+   *         return {
+   *           employees: {
+   *             value() {
+   *               return [
+   *                 {first: 'Bob', last: 'Smith'},
+   *                 {first: 'Sally', last: 'Johnson'},
+   *                 ...
+   *               ];
+   *             }
+   *           }
+   *         };
    *       }
-   *     });
+   *     }
    *   < /script>
    *
    * </dom-module>
@@ -102,8 +108,8 @@
    * For example, for an `dom-repeat` with a filter of the following:
    *
    * ```js
-   * isEngineer: function(item) {
-   *     return item.type == 'engineer' || item.manager.type == 'engineer';
+   * isEngineer(item) {
+   *   return item.type == 'engineer' || item.manager.type == 'engineer';
    * }
    * ```
    *
diff --git a/types/lib/elements/dom-repeat.d.ts b/types/lib/elements/dom-repeat.d.ts
index c7e63e7104..1228126e49 100644
--- a/types/lib/elements/dom-repeat.d.ts
+++ b/types/lib/elements/dom-repeat.d.ts
@@ -40,16 +40,22 @@ declare namespace Polymer {
    *   </template>
    *
    *   <script>
-   *     Polymer({
-   *       is: 'employee-list',
-   *       ready: function() {
-   *         this.employees = [
-   *             {first: 'Bob', last: 'Smith'},
-   *             {first: 'Sally', last: 'Johnson'},
-   *             ...
-   *         ];
+   *     class EmployeeList extends Polymer.Element {
+   *       static get is() { return 'employee-list'; }
+   *       static get properties() {
+   *         return {
+   *           employees: {
+   *             value() {
+   *               return [
+   *                 {first: 'Bob', last: 'Smith'},
+   *                 {first: 'Sally', last: 'Johnson'},
+   *                 ...
+   *               ];
+   *             }
+   *           }
+   *         };
    *       }
-   *     });
+   *     }
    *   < /script>
    *
    * </dom-module>
@@ -91,8 +97,8 @@ declare namespace Polymer {
    * For example, for an `dom-repeat` with a filter of the following:
    *
    * ```js
-   * isEngineer: function(item) {
-   *     return item.type == 'engineer' || item.manager.type == 'engineer';
+   * isEngineer(item) {
+   *   return item.type == 'engineer' || item.manager.type == 'engineer';
    * }
    * ```
    *