[DEV] Refactor after Polymer 3 migration

RomainCscn · RomainCscn · commit 40b37e04e6fb · 2018-05-17T15:02:53.000+02:00
diff --git a/examples/non-version-specific/customize_style.html b/examples/non-version-specific/customize_style.html
@@ -64,11 +64,12 @@
     </style>
 
     <script src="../../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../node_modules/web-animations-js/web-animations-next-lite.min.js"></script>
     <script type="module" src="../../node_modules/@polymer/paper-toggle-button/paper-toggle-button.js"></script>
     <script type="module" src="../../node_modules/@polymer/paper-swatch-picker/paper-swatch-picker.js"></script>
     <script type="module" src="../../node_modules/@polymer/paper-slider/paper-slider.js"></script>
-    <script src="../../node_modules/web-animations-js/web-animations-next-lite.min.js"></script>
     <script type="module" src="../../myscript-math-web.js"></script>
+
     <custom-style>
         <style>
             myscript-math-web {
@@ -97,20 +98,20 @@
     <paper-toggle-button class="flex-item" id="penstyleclasses" checked>Apply pen style classes (greenThickPen)
     </paper-toggle-button>
     <span class="flex-item">
-                <paper-toggle-button id="penenabled">Enable pen color/width</paper-toggle-button>
-                <span id="pensettings" class="hidden">
-                    <paper-swatch-picker id="pencolor"></paper-swatch-picker>
-                    <paper-slider id="penwidth" snaps min="1" max="5" value="2"></paper-slider>
-                </span>
-            </span>
+        <paper-toggle-button id="penenabled">Enable pen color/width</paper-toggle-button>
+        <span id="pensettings" class="hidden">
+            <paper-swatch-picker id="pencolor"></paper-swatch-picker>
+            <paper-slider id="penwidth" snaps min="1" max="5" value="2"></paper-slider>
+        </span>
+    </span>
     <span>
-                <label for="theme" class="flex-item">Theme:</label>
-                <select id="theme" class="flex-item">
-                    <option value="normal-white">Normal white theme</option>
-                    <option value="thin-green">Thin green theme</option>
-                    <option value="bold-red">Bold red theme</option>
-                </select>
-            </span>
+        <label for="theme" class="flex-item">Theme:</label>
+        <select id="theme" class="flex-item">
+            <option value="normal-white">Normal white theme</option>
+            <option value="thin-green">Thin green theme</option>
+            <option value="bold-red">Bold red theme</option>
+        </select>
+    </span>
 </nav>
 <!-- Please change applicationkey and hmackey below with those send by mail during your registration. You can re-access them by connecting to your dashboard at developer.myscript.com with your myscript account -->
 <myscript-math-web scheme="https"
diff --git a/myscript-math-web.js b/myscript-math-web.js
@@ -35,7 +35,9 @@ The `myscript-math-web` is a turnkey solution for those who need to quickly impl
 @demo examples/v3/websocket_math.html Configure component with legacy api [V3]
 @demo examples/index.html Other examples
 */
+
 class MyScriptMathWeb extends PolymerElement {
+
   static get template() {
     return html`
         <style include="myscript-stylesheet">
@@ -94,11 +96,11 @@ class MyScriptMathWeb extends PolymerElement {
                 height: 100%;
             }
         </style>
+        
         <myscript-math-exports hidden="[[ !_displayExports(hideexportzone, unloaded) ]]" exports="[[ exports ]]" debug="[[ debug ]]">
         </myscript-math-exports>
-        <myscript-common-element type="MATH" protocol="[[ protocol ]]" apiversion="[[ apiversion ]]" host="[[ host ]]" usewindowlocation="[[ usewindowlocation ]]" scheme="[[ scheme ]]" applicationkey="[[ applicationkey ]]" hmackey="[[ hmackey ]]" triggerdelay="[[ triggerdelay ]]" processdelay="[[ processdelay ]]" ondemand="[[ ondemand ]]" debug="[[ debug ]]" configuration="{{ configuration }}" editor="{{ editor }}" exports="{{ exports }}" initialized="{{ initialized }}" unloaded="{{ commonunloaded }}" pencolor="[[ pencolor ]]" penwidth="[[ penwidth ]]" penstyle="[[ penstyle ]]" penstyleclasses="[[ penstyleclasses ]]" themecolor="[[ themecolor ]]" themewidth="[[ themewidth ]]" theme="[[ commontheme ]]" canclear="[[ canclear ]]" canredo="[[ canredo ]]" canundo="[[ canundo ]]" idle="[[ idle ]]" disableautoreconnect="[[ disableautoreconnect ]]" disablecontrols="[[ disablecontrols ]]" disableclearcontrol="[[ disableclearcontrol ]]" disableundoredocontrol="[[ disableundoredocontrol ]]" disableconvertcontrol="[[ disableconvertcontrol ]]" usepointerlisteners="[[ usepointerlisteners ]]" touch-action="[[&nbsp;touch-action ]]">
-        </myscript-common-element>
-`;
+        <myscript-common-element type="MATH" protocol="[[ protocol ]]" apiversion="[[ apiversion ]]" host="[[ host ]]" usewindowlocation="[[ usewindowlocation ]]" scheme="[[ scheme ]]" applicationkey="[[ applicationkey ]]" hmackey="[[ hmackey ]]" triggerdelay="[[ triggerdelay ]]" processdelay="[[ processdelay ]]" ondemand="[[ ondemand ]]" debug="[[ debug ]]" configuration="{{ configuration }}" editor="{{ editor }}" exports="{{ exports }}" initialized="{{ initialized }}" unloaded="{{ commonunloaded }}" pencolor="[[ pencolor ]]" penwidth="[[ penwidth ]]" penstyle="[[ penstyle ]]" penstyleclasses="[[ penstyleclasses ]]" themecolor="[[ themecolor ]]" themewidth="[[ themewidth ]]" theme="[[ commontheme ]]" canclear="[[ canclear ]]" canredo="[[ canredo ]]" canundo="[[ canundo ]]" idle="[[ idle ]]" disableautoreconnect="[[ disableautoreconnect ]]" disablecontrols="[[ disablecontrols ]]" disableclearcontrol="[[ disableclearcontrol ]]" disableundoredocontrol="[[ disableundoredocontrol ]]" disableconvertcontrol="[[ disableconvertcontrol ]]" usepointerlisteners="[[ usepointerlisteners ]]" touch-action="[[ touch-action ]]">
+        </myscript-common-element>`;
   }
 
   static get is() {
diff --git a/package.json b/package.json
@@ -10,8 +10,7 @@
     "myscript",
     "education",
     "write",
-
-"math",
+    "math",
     "handwriting",
     "recognition"
   ],
