Use class syntax in <dom-repeat> documentation (Polymer#5077)

MajorBreakfast · Feb 1, 2018 · 97837c7 · 97837c7
1 parent 78558b8
commit 97837c7
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 22 deletions.
diff --git 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
@@ -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';
    * }
    * ```
    *