[FIX] Customize style penStyleClasses firefox edge

Author: RomainCscn

dist/myscript.min.js

@@ -2163,7 +2163,7 @@ <h3 data-ice="anchor" id="instance-get-canClear">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber831">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber832">source</a></span></span>
     </span>
   </h3>
 
@@ -2219,7 +2219,7 @@ <h3 data-ice="anchor" id="instance-get-canConvert">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber850">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber851">source</a></span></span>
     </span>
   </h3>
 
@@ -2275,7 +2275,7 @@ <h3 data-ice="anchor" id="instance-get-canExport">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber868">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber869">source</a></span></span>
     </span>
   </h3>
 
@@ -2331,7 +2331,7 @@ <h3 data-ice="anchor" id="instance-get-canRedo">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber812">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber813">source</a></span></span>
     </span>
   </h3>
 
@@ -2387,7 +2387,7 @@ <h3 data-ice="anchor" id="instance-get-canUndo">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber793">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber794">source</a></span></span>
     </span>
   </h3>
 
@@ -2588,7 +2588,7 @@ <h3 data-ice="anchor" id="instance-get-eastereggs">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber941">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber942">source</a></span></span>
     </span>
   </h3>
 
@@ -2731,7 +2731,7 @@ <h3 data-ice="anchor" id="instance-get-exports">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber906">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber907">source</a></span></span>
     </span>
   </h3>
 
@@ -2887,7 +2887,7 @@ <h3 data-ice="anchor" id="instance-get-idle">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber777">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber778">source</a></span></span>
     </span>
   </h3>
 
@@ -4005,7 +4005,7 @@ <h3 data-ice="anchor" id="instance-method-clear">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber838">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber839">source</a></span></span>
     </span>
   </h3>
 
@@ -4049,7 +4049,7 @@ <h3 data-ice="anchor" id="instance-method-convert">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber857">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber858">source</a></span></span>
     </span>
   </h3>
 
@@ -4093,7 +4093,7 @@ <h3 data-ice="anchor" id="instance-method-exportContent">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber876">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber877">source</a></span></span>
     </span>
   </h3>
 
@@ -4210,7 +4210,7 @@ <h3 data-ice="anchor" id="instance-method-importContent">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber889">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber890">source</a></span></span>
     </span>
   </h3>
 
@@ -4361,7 +4361,7 @@ <h3 data-ice="anchor" id="instance-method-pointerEvents">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber898">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber899">source</a></span></span>
     </span>
   </h3>
 
@@ -4421,7 +4421,7 @@ <h3 data-ice="anchor" id="instance-method-pointerMove">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber749">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber750">source</a></span></span>
     </span>
   </h3>
 
@@ -4482,7 +4482,7 @@ <h3 data-ice="anchor" id="instance-method-pointerUp">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber760">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber761">source</a></span></span>
     </span>
   </h3>
 
@@ -4543,7 +4543,7 @@ <h3 data-ice="anchor" id="instance-method-redo">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber819">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber820">source</a></span></span>
     </span>
   </h3>
 
@@ -4587,7 +4587,7 @@ <h3 data-ice="anchor" id="instance-method-resize">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber913">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber914">source</a></span></span>
     </span>
   </h3>
 
@@ -4631,7 +4631,7 @@ <h3 data-ice="anchor" id="instance-method-setThemeForFont">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber923">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber924">source</a></span></span>
     </span>
   </h3>
 
@@ -4691,7 +4691,7 @@ <h3 data-ice="anchor" id="instance-method-undo">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber800">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber801">source</a></span></span>
     </span>
   </h3>
 
@@ -4735,7 +4735,7 @@ <h3 data-ice="anchor" id="instance-method-waitForIdle">
     <span class="right-info">
 
 
-      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber784">source</a></span></span>
+      <span data-ice="source"><span><a href="file/src/Editor.js.html#lineNumber785">source</a></span></span>
     </span>
   </h3>
 

dist/myscript.min.js.map

@@ -1028,6 +1028,7 @@
     logger.trace('Pointer down', point);
     window.clearTimeout(this.notifyTimer);
     window.clearTimeout(this.exportTimer);
+    console.log(this.localPenStyle);
     this.model = InkModel.initPendingStroke(this.model, point, Object.assign({ pointerType, pointerId }, this.theme.ink, this.localPenStyle));
     this.renderer.drawCurrentStroke(this.rendererContext, this.model, this.stroker);
     // Currently no recognition on pointer down

docs/ast/source/Editor.js.json

@@ -307,9 +307,9 @@
       <td data-ice="filePath"><span><a href="file/src/Editor.js.html#errorLines=405,410,439,490,591,592">src/Editor.js</a></span></td>
       <td data-ice="identifier" class="identifiers"><span><a href="class/src/Editor.js~Editor.html">Editor</a></span></td>
       <td class="coverage"><span data-ice="coverage">89 %</span><span data-ice="coverageCount" class="coverage-count">50/56</span></td>
-      <td style="display: none;" data-ice="size">28516 byte</td>
-      <td style="display: none;" data-ice="lines">945</td>
-      <td style="display: none;" data-ice="updated">2018-01-03 08:26:52 (UTC)</td>
+      <td style="display: none;" data-ice="size">28553 byte</td>
+      <td style="display: none;" data-ice="lines">946</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 15:17:21 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/EditorFacade.js.html">src/EditorFacade.js</a></span></td>
@@ -334,7 +334,7 @@
       <td class="coverage"><span data-ice="coverage">-</span></td>
       <td style="display: none;" data-ice="size">1852 byte</td>
       <td style="display: none;" data-ice="lines">83</td>
-      <td style="display: none;" data-ice="updated">2018-01-04 09:46:00 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/configuration/DefaultBehaviors.js.html">src/configuration/DefaultBehaviors.js</a></span></td>
@@ -352,7 +352,7 @@
       <td class="coverage"><span data-ice="coverage">100 %</span><span data-ice="coverageCount" class="coverage-count">2/2</span></td>
       <td style="display: none;" data-ice="size">15344 byte</td>
       <td style="display: none;" data-ice="lines">419</td>
-      <td style="display: none;" data-ice="updated">2018-01-04 15:44:29 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/configuration/DefaultPenStyle.js.html#errorLines=31,36">src/configuration/DefaultPenStyle.js</a></span></td>
@@ -391,15 +391,15 @@
       <td class="coverage"><span data-ice="coverage">100 %</span><span data-ice="coverageCount" class="coverage-count">10/10</span></td>
       <td style="display: none;" data-ice="size">1735 byte</td>
       <td style="display: none;" data-ice="lines">72</td>
-      <td style="display: none;" data-ice="updated">2017-12-05 15:54:20 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/eastereggs/InkImporter.js.html">src/eastereggs/InkImporter.js</a></span></td>
       <td data-ice="identifier" class="identifiers"><span><a href="function/index.html#static-function-inkImporter">inkImporter</a></span></td>
       <td class="coverage"><span data-ice="coverage">100 %</span><span data-ice="coverageCount" class="coverage-count">1/1</span></td>
       <td style="display: none;" data-ice="size">2738 byte</td>
       <td style="display: none;" data-ice="lines">76</td>
-      <td style="display: none;" data-ice="updated">2018-01-05 11:09:46 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/grabber/PointerEventGrabber.js.html#errorLines=186">src/grabber/PointerEventGrabber.js</a></span></td>
@@ -408,7 +408,7 @@
       <td class="coverage"><span data-ice="coverage">50 %</span><span data-ice="coverageCount" class="coverage-count">1/2</span></td>
       <td style="display: none;" data-ice="size">8665 byte</td>
       <td style="display: none;" data-ice="lines">191</td>
-      <td style="display: none;" data-ice="updated">2018-01-02 16:38:30 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/model/InkModel.js.html">src/model/InkModel.js</a></span></td>
@@ -460,7 +460,7 @@
       <td class="coverage"><span data-ice="coverage">100 %</span><span data-ice="coverageCount" class="coverage-count">5/5</span></td>
       <td style="display: none;" data-ice="size">5177 byte</td>
       <td style="display: none;" data-ice="lines">147</td>
-      <td style="display: none;" data-ice="updated">2018-01-03 08:26:52 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/model/Symbol.js.html">src/model/Symbol.js</a></span></td>
@@ -516,7 +516,7 @@
       <td class="coverage"><span data-ice="coverage">100 %</span><span data-ice="coverageCount" class="coverage-count">4/4</span></td>
       <td style="display: none;" data-ice="size">6227 byte</td>
       <td style="display: none;" data-ice="lines">119</td>
-      <td style="display: none;" data-ice="updated">2018-01-03 08:26:52 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/recognizer/common/CdkCommonUtil.js.html">src/recognizer/common/CdkCommonUtil.js</a></span></td>
@@ -634,7 +634,7 @@
       <td class="coverage"><span data-ice="coverage">80 %</span><span data-ice="coverageCount" class="coverage-count">4/5</span></td>
       <td style="display: none;" data-ice="size">5569 byte</td>
       <td style="display: none;" data-ice="lines">137</td>
-      <td style="display: none;" data-ice="updated">2018-01-02 08:21:01 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/recognizer/websocket/networkWSInterface.js.html">src/recognizer/websocket/networkWSInterface.js</a></span></td>
@@ -644,7 +644,7 @@
       <td class="coverage"><span data-ice="coverage">100 %</span><span data-ice="coverageCount" class="coverage-count">3/3</span></td>
       <td style="display: none;" data-ice="size">3514 byte</td>
       <td style="display: none;" data-ice="lines">114</td>
-      <td style="display: none;" data-ice="updated">2018-01-05 11:09:46 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/recognizer/websocket/v3/Cdkv3WSBuilder.js.html">src/recognizer/websocket/v3/Cdkv3WSBuilder.js</a></span></td>
@@ -686,7 +686,7 @@
       <td class="coverage"><span data-ice="coverage">100 %</span><span data-ice="coverageCount" class="coverage-count">1/1</span></td>
       <td style="display: none;" data-ice="size">6903 byte</td>
       <td style="display: none;" data-ice="lines">150</td>
-      <td style="display: none;" data-ice="updated">2018-01-02 08:28:31 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/recognizer/websocket/v4/Cdkv4WSIInkRecognizer.js.html#errorLines=209,216,223,57,68,80,89,98">src/recognizer/websocket/v4/Cdkv4WSIInkRecognizer.js</a></span></td>
@@ -720,7 +720,7 @@
       <td class="coverage"><span data-ice="coverage">70 %</span><span data-ice="coverageCount" class="coverage-count">19/27</span></td>
       <td style="display: none;" data-ice="size">20015 byte</td>
       <td style="display: none;" data-ice="lines">555</td>
-      <td style="display: none;" data-ice="updated">2018-01-03 08:26:52 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/renderer/QuadraticUtils.js.html">src/renderer/QuadraticUtils.js</a></span></td>
@@ -820,7 +820,7 @@
       <td class="coverage"><span data-ice="coverage">100 %</span><span data-ice="coverageCount" class="coverage-count">6/6</span></td>
       <td style="display: none;" data-ice="size">7746 byte</td>
       <td style="display: none;" data-ice="lines">211</td>
-      <td style="display: none;" data-ice="updated">2018-01-02 16:21:00 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/renderer/svg/stroker/QuadraticSVGStroker.js.html">src/renderer/svg/stroker/QuadraticSVGStroker.js</a></span></td>
@@ -847,7 +847,7 @@
       <td class="coverage"><span data-ice="coverage">100 %</span><span data-ice="coverageCount" class="coverage-count">3/3</span></td>
       <td style="display: none;" data-ice="size">18192 byte</td>
       <td style="display: none;" data-ice="lines">472</td>
-      <td style="display: none;" data-ice="updated">2018-01-03 09:29:17 (UTC)</td>
+      <td style="display: none;" data-ice="updated">2018-01-03 14:51:01 (UTC)</td>
     </tr>
 <tr data-ice="file">
       <td data-ice="filePath"><span><a href="file/src/util/FontLoader.js.html#errorLines=25">src/util/FontLoader.js</a></span></td>

docs/class/src/Editor.js~Editor.html

@@ -287,11 +287,11 @@
     };
   }
 
-  penStyleClasses.addEventListener('change', () => {
+  penStyleClasses.addEventListener('change', (event) => {
     if (event.target.checked) {
       const classesTheme = Object.assign({}, getTheme(themes, themeSelector.value));
       classesTheme['.greenThickPen'] = {
-        color: '#00FF00FF',
+        color: '#00FF00',
         '-myscript-pen-width': 3
       };
 

docs/dump.json

@@ -737,6 +737,7 @@ export class Editor {
     logger.trace('Pointer down', point);
     window.clearTimeout(this.notifyTimer);
     window.clearTimeout(this.exportTimer);
+    console.log(this.localPenStyle);
     this.model = InkModel.initPendingStroke(this.model, point, Object.assign({ pointerType, pointerId }, this.theme.ink, this.localPenStyle));
     this.renderer.drawCurrentStroke(this.rendererContext, this.model, this.stroker);
     // Currently no recognition on pointer down