minor clean up

btopro · btopro · commit 9c6c098e6961 · 2018-01-02T16:46:12.000-05:00
diff --git a/bower.json b/bower.json
@@ -3,13 +3,12 @@
   "description": "A LRN element",
   "main": "elmsln-loading.html",
   "dependencies": {
-    "polymer": "Polymer/polymer#^1.9.1",
-    "lrnsys-behaviors": "LRNWebComponents/lrnsys-behaviors#^1.0.0",
-    "hax-behaviors": "LRNWebComponents/hax-behaviors#^0.0.6",
-    "materializecss-styles": "LRNWebComponents/materializecss-styles#^0.0.5",
+    "polymer": "Polymer/Polymer#^2.3.1",
+    "materializecss-styles": "LRNWebComponents/materializecss-styles#^1.1.0",
     "paper-spinner": "PolymerElements/paper-spinner#^1.2.1",
     "paper-tooltip": "PolymerElements/paper-tooltip#^1.1.4",
-    "lrn-icons": "LRNWebComponents/lrn-icons#^1.0.13"
+    "lrn-icons": "LRNWebComponents/lrn-icons#^1.1.0",
+    "lrn-icon": "LRNWebComponents/lrn-icon#^1.0.2"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
diff --git a/elmsln-loading.html b/elmsln-loading.html
@@ -4,7 +4,9 @@
 
 <!--
 `elmsln-loading`
-A LRN element
+A spinner to tell the user that something is loading. This is just the spinner though
+and doesn't provide any text or anything else to indicate that it's loading, just the
+visual.
 
 @demo demo/index.html
 -->
@@ -57,7 +59,7 @@
       @keyframes spin { 100% { -webkit-transform: rotate(60deg); transform:rotate(60deg);} }
 
     </style>
-    <lrn-icon icon="network" class$="{{color}} {{size}}"></lrn-icon>
+    <lrn-icon icon="network" class$="[[color]] [[size]]"></lrn-icon>
   </template>
 
   <script>
@@ -69,15 +71,13 @@
          */
         color: {
           type: String,
-          notify: true,
           reflectToAttribute: true,
         },
         /**
          * tiny, small, medium, large, epic sizing.
          */
         size: {
           type: String,
-          notify: true,
           reflectToAttribute: true,
           value: 'medium',
         }
diff --git a/test/elmsln-loading_test.html b/test/elmsln-loading_test.html
@@ -4,25 +4,25 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
 
-    <title>boiler-plate test</title>
+    <title>elmsln-loading test</title>
 
     <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
     <script src="../../web-component-tester/browser.js"></script>
 
-    <link rel="import" href="../boiler-plate.html">
+    <link rel="import" href="../elmsln-loading.html">
   </head>
   <body>
     <test-fixture id="basic">
       <template>
-        <boiler-plate></boiler-plate>
+        <elmsln-loading></elmsln-loading>
       </template>
     </test-fixture>
 
     <script>
-      suite('boiler-plate', function() {
+      suite('elmsln-loading', function() {
         test('instantiating the element works', function() {
           var element = fixture('basic');
-          assert.equal(element.is, 'boiler-plate');
+          assert.equal(element.is, 'elmsln-loading');
         });
       });
     </script>
