sunrize 1.4.1 → 1.5.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sunrize",
   "productName": "Sunrize X3D Editor",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "A Multi-Platform X3D Editor",
   "main": "src/main.js",
   "bin": {
@@ -81,7 +81,7 @@
   "dependencies": {
     "capitalize": "^2.0.4",
     "console": "^0.7.2",
-    "electron": "^28.1.4",
+    "electron": "^28.2.0",
     "electron-prompt": "^1.7.0",
     "electron-squirrel-startup": "^1.0.0",
     "electron-tabs": "^1.0.4",
@@ -90,7 +90,7 @@
     "jquery-ui-dist": "^1.13.2",
     "jstree": "^3.3.16",
     "material-icons": "^1.13.12",
-    "material-symbols": "^0.14.5",
+    "material-symbols": "^0.14.6",
     "md5": "^2.3.0",
     "monaco-editor": "^0.45.0",
     "node-clipboardy": "^1.0.3",
@@ -99,7 +99,7 @@
     "spectrum-colorpicker2": "^2.0.10",
     "string-similarity": "^4.0.4",
     "update-electron-app": "^3.0.0",
-    "x_ite": "^9.2.1"
+    "x_ite": "^9.2.2"
   },
   "config": {
     "forge": {

package/src/Application/Application.js

@@ -54,8 +54,8 @@ module .exports = class Application
 
       this .menuOptions = {
          defaultEditMenu: false,
-         undoLabel: _ ("Undo"),
-         redoLabel: _ ("Redo"),
+         undoLabel: _("Undo"),
+         redoLabel: _("Redo"),
       };
 
       this .config .setDefaultValues ({
@@ -94,8 +94,9 @@ module .exports = class Application
       electron .ipcMain .on ("change-menu",         (event, object)      => this .updateMenu (object));
       electron .ipcMain .on ("context-menu",        (event, id, menu)    => this .contextMenu (id, menu));
 
-      electron .ipcMain .handle ("file-path", async (event, options) => await this .showDialog (options));
-      electron .ipcMain .handle ("fullname", async () => await (await import ("fullname")) .default ());
+      electron .ipcMain .handle ("open-files", async (event, urls) => this .openFiles (urls));
+      electron .ipcMain .handle ("file-path",  async (event, options) => await this .showDialog (options));
+      electron .ipcMain .handle ("fullname",  async () => await (await import ("fullname")) .default ());
 
       await electron .app .whenReady ();
       await this .updateMenu ();
@@ -171,7 +172,7 @@ module .exports = class Application
             role: "fileMenu",
             submenu: [
                {
-                  label: _ ("New File"),
+                  label: _("New File"),
                   accelerator: "CmdOrCtrl+N",
                   click: () =>
                   {
@@ -180,7 +181,7 @@ module .exports = class Application
                },
                { type: "separator" },
                {
-                  label: _ ("Open..."),
+                  label: _("Open..."),
                   accelerator: "CmdOrCtrl+O",
                   click: async () =>
                   {
@@ -193,7 +194,7 @@ module .exports = class Application
                   },
                },
                {
-                  label: _ ("Open Location..."),
+                  label: _("Open Location..."),
                   accelerator: "Shift+CmdOrCtrl+O",
                   click: async () =>
                   {
@@ -239,7 +240,7 @@ module .exports = class Application
                },
                { type: "separator" },
                {
-                  label: _ ("Save"),
+                  label: _("Save"),
                   accelerator: "CmdOrCtrl+S",
                   click: () =>
                   {
@@ -247,7 +248,7 @@ module .exports = class Application
                   },
                },
                {
-                  label: _ ("Save As..."),
+                  label: _("Save As..."),
                   accelerator: "Shift+CmdOrCtrl+S",
                   click: async () =>
                   {
@@ -262,7 +263,7 @@ module .exports = class Application
                   },
                },
                {
-                  label: _ ("Save A Copy..."),
+                  label: _("Save A Copy..."),
                   click: async () =>
                   {
                      const response = await this .showSaveDialog (this .currentFile);
@@ -276,7 +277,7 @@ module .exports = class Application
                   },
                },
                {
-                  label: _ ("Save All"),
+                  label: _("Save All"),
                   accelerator: "Alt+CmdOrCtrl+S",
                   click: () =>
                   {
@@ -285,7 +286,7 @@ module .exports = class Application
                },
                { type: "separator" },
                {
-                  label: _ ("Auto Save"),
+                  label: _("Auto Save"),
                   type: "checkbox",
                   checked: this .config .autoSave,
                   click: () =>
@@ -299,7 +300,7 @@ module .exports = class Application
                ... exportPath ?
                [
                   {
-                     label: util .format (_ ("Export As %s"), path .basename (exportPath)),
+                     label: util .format (_("Export As %s"), path .basename (exportPath)),
                      accelerator: "CmdOrCtrl+E",
                      click: async () =>
                      {
@@ -310,7 +311,7 @@ module .exports = class Application
                   }
                ] : [ ],
                {
-                  label: _ ("Export As..."),
+                  label: _("Export As..."),
                   accelerator: "Shift+CmdOrCtrl+E",
                   click: async () =>
                   {
@@ -330,7 +331,7 @@ module .exports = class Application
                },
                { type: "separator" },
                {
-                  label: _ ("Scene Properties..."),
+                  label: _("Scene Properties..."),
                   accelerator: "CmdOrCtrl+I",
                   click: () =>
                   {
@@ -350,7 +351,7 @@ module .exports = class Application
                {
                   label: this .menuOptions .undoLabel,
                   accelerator: "CmdOrCtrl+Z",
-                  enabled: this .menuOptions .undoLabel !== _ ("Undo"),
+                  enabled: this .menuOptions .undoLabel !== _("Undo"),
                   click: () =>
                   {
                      this .mainWindow .webContents .send ("undo");
@@ -359,7 +360,7 @@ module .exports = class Application
                {
                   label: this .menuOptions .redoLabel,
                   accelerator: "Shift+CmdOrCtrl+Z",
-                  enabled: this .menuOptions .redoLabel !== _ ("Redo"),
+                  enabled: this .menuOptions .redoLabel !== _("Redo"),
                   click: () =>
                   {
                      this .mainWindow .webContents .send ("redo");
@@ -367,7 +368,7 @@ module .exports = class Application
                },
                { type: "separator" },
                {
-                  label: _ ("Cut"),
+                  label: _("Cut"),
                   accelerator: "CmdOrCtrl+X",
                   click: () =>
                   {
@@ -375,7 +376,7 @@ module .exports = class Application
                   },
                },
                {
-                  label: _ ("Copy"),
+                  label: _("Copy"),
                   accelerator: "CmdOrCtrl+C",
                   click: () =>
                   {
@@ -383,7 +384,7 @@ module .exports = class Application
                   },
                },
                {
-                  label: _ ("Paste"),
+                  label: _("Paste"),
                   accelerator: "CmdOrCtrl+V",
                   click: () =>
                   {
@@ -391,7 +392,7 @@ module .exports = class Application
                   },
                },
                {
-                  label: _ ("Delete"),
+                  label: _("Delete"),
                   accelerator: "CmdOrCtrl+Backspace",
                   click: () =>
                   {
@@ -401,10 +402,10 @@ module .exports = class Application
             ],
          },
          {
-            label: _ ("Selection"),
+            label: _("Selection"),
             submenu: [
                {
-                  label: _ ("Select All"),
+                  label: _("Select All"),
                   accelerator: "CmdOrCtrl+A",
                   click: () =>
                   {
@@ -412,7 +413,7 @@ module .exports = class Application
                   },
                },
                {
-                  label: _ ("Deselect All"),
+                  label: _("Deselect All"),
                   accelerator: "Shift+CmdOrCtrl+A",
                   click: () =>
                   {
@@ -421,21 +422,21 @@ module .exports = class Application
                },
                { type: "separator" },
                {
-                  label: _ ("Hide Unselected Objects"),
+                  label: _("Hide Unselected Objects"),
                   click: () =>
                   {
                      this .mainWindow .webContents .send ("hide-unselected-objects");
                   },
                },
                {
-                  label: _ ("Show Selected Objects"),
+                  label: _("Show Selected Objects"),
                   click: () =>
                   {
                      this .mainWindow .webContents .send ("show-selected-objects");
                   },
                },
                {
-                  label: _ ("Show All Objects"),
+                  label: _("Show All Objects"),
                   click: () =>
                   {
                      this .mainWindow .webContents .send ("show-all-objects");
@@ -443,7 +444,7 @@ module .exports = class Application
                },
                { type: "separator" },
                {
-                  label: _ ("Remove Empty Groups"),
+                  label: _("Remove Empty Groups"),
                   click: () =>
                   {
                      this .mainWindow .webContents .send ("remove-empty-groups");
@@ -452,7 +453,7 @@ module .exports = class Application
             ],
          },
          {
-            label: _ ("View"),
+            label: _("View"),
             submenu: [
                {
                   role: "reload",
@@ -484,10 +485,10 @@ module .exports = class Application
                },
                { type: "separator" },
                {
-                  label: _ ("Outline Editor"),
+                  label: _("Outline Editor"),
                   submenu: [
                      {
-                        label: _ ("Expand ExternProto Declarations"),
+                        label: _("Expand ExternProto Declarations"),
                         type: "checkbox",
                         checked: this .config .expandExternProtoDeclarations,
                         click: () =>
@@ -497,7 +498,7 @@ module .exports = class Application
                         },
                      },
                      {
-                        label: _ ("Expand Prototype Instances"),
+                        label: _("Expand Prototype Instances"),
                         type: "checkbox",
                         checked: this .config .expandPrototypeInstances,
                         click: () =>
@@ -507,7 +508,7 @@ module .exports = class Application
                         },
                      },
                      {
-                        label: _ ("Expand Inline Nodes"),
+                        label: _("Expand Inline Nodes"),
                         type: "checkbox",
                         checked: this .config .expandInlineNodes,
                         click: () =>
@@ -520,10 +521,10 @@ module .exports = class Application
                },
                { type: "separator" },
                {
-                  label: _ ("Primitive Quality"),
+                  label: _("Primitive Quality"),
                   submenu: [
                      {
-                        label: _ ("High"),
+                        label: _("High"),
                         type: "radio",
                         checked: this .config .primitiveQuality === "HIGH",
                         click: () =>
@@ -533,7 +534,7 @@ module .exports = class Application
                         },
                      },
                      {
-                        label: _ ("Medium"),
+                        label: _("Medium"),
                         type: "radio",
                         checked: this .config .primitiveQuality === "MEDIUM" || this .config .primitiveQuality === undefined,
                         click: () =>
@@ -543,7 +544,7 @@ module .exports = class Application
                         },
                      },
                      {
-                        label: _ ("Low"),
+                        label: _("Low"),
                         type: "radio",
                         checked: this .config .primitiveQuality === "LOW",
                         click: () =>
@@ -555,10 +556,10 @@ module .exports = class Application
                   ],
                },
                {
-                  label: _ ("Texture Quality"),
+                  label: _("Texture Quality"),
                   submenu: [
                      {
-                        label: _ ("High"),
+                        label: _("High"),
                         type: "radio",
                         checked: this .config .textureQuality === "HIGH",
                         click: () =>
@@ -568,7 +569,7 @@ module .exports = class Application
                         },
                      },
                      {
-                        label: _ ("Medium"),
+                        label: _("Medium"),
                         type: "radio",
                         checked: this .config .textureQuality === "MEDIUM" || this .config .textureQuality === undefined,
                         click: () =>
@@ -578,7 +579,7 @@ module .exports = class Application
                         },
                      },
                      {
-                        label: _ ("Low"),
+                        label: _("Low"),
                         type: "radio",
                         checked: this .config .textureQuality === "LOW",
                         click: () =>
@@ -590,7 +591,7 @@ module .exports = class Application
                   ],
                },
                {
-                  label: _ ("Display Rubberband"),
+                  label: _("Display Rubberband"),
                   type: "checkbox",
                   checked: this .config .rubberband,
                   click: () =>
@@ -600,7 +601,7 @@ module .exports = class Application
                   },
                },
                {
-                  label: _ ("Display Timings"),
+                  label: _("Display Timings"),
                   type: "checkbox",
                   checked: this .config .timings,
                   click: () =>
@@ -611,7 +612,7 @@ module .exports = class Application
                },
                { type: "separator" },
                {
-                  label: _ ("Show Library..."),
+                  label: _("Show Library..."),
                   accelerator: "Shift+CmdOrCtrl+L",
                   click: () =>
                   {
@@ -628,7 +629,7 @@ module .exports = class Application
             label: "Layout",
             submenu: [
                {
-                  label: _ ("Browser Size..."),
+                  label: _("Browser Size..."),
                   click: () =>
                   {
                      this .mainWindow .webContents .send ("browser-size");
@@ -811,7 +812,7 @@ module .exports = class Application
          properties: ["openFile", "multiSelections"],
          filters: filters ?? [
             {
-               name: _ ("X3D Document"),
+               name: _("X3D Document"),
                extensions: ["x3d", "x3dz", "x3dj", "x3djz", "x3dv", "x3dvz", "wrl", "wrz", "wrl.gz", "vrml", "gltf", "glb", "obj", "stl", "ply", "svg"],
             },
          ],
@@ -841,12 +842,12 @@ module .exports = class Application
          defaultPath: defaultPath,
          properties: ["createDirectory", "showOverwriteConfirmation"],
          filters : [
-            { name: _ ("X3D XML Document"), extensions: ["x3d"] },
-            { name: _ ("X3D XML Document GZipped"), extensions: ["x3dz"] },
-            { name: _ ("X3D JSON Document"), extensions: ["x3dj"] },
-            { name: _ ("X3D JSON Document GZipped"), extensions: ["x3djz"] },
-            { name: _ ("X3D VRML Classic Document"), extensions: ["x3dv"] },
-            { name: _ ("X3D VRML Classic Document GZipped"), extensions: ["x3dvz"] },
+            { name: _("X3D XML Document"), extensions: ["x3d"] },
+            { name: _("X3D XML Document GZipped"), extensions: ["x3dz"] },
+            { name: _("X3D JSON Document"), extensions: ["x3dj"] },
+            { name: _("X3D JSON Document GZipped"), extensions: ["x3djz"] },
+            { name: _("X3D VRML Classic Document"), extensions: ["x3dv"] },
+            { name: _("X3D VRML Classic Document GZipped"), extensions: ["x3dvz"] },
          ],
       });
 

package/src/Application/Dashboard.js

@@ -21,7 +21,7 @@ module .exports = class Dashboard extends Interface
    {
       this .handButton = $("<span></span>")
          .addClass (["image-icon", "hand"])
-         .attr ("title", _ ("Switch to browser mode."))
+         .attr ("title", _("Switch to browser mode."))
          .appendTo (this .toolbar)
          .on ("click", () => this .hand ());
 
@@ -29,13 +29,13 @@ module .exports = class Dashboard extends Interface
 
       this .arrowButton = $("<span></span>")
          .addClass (["image-icon", "arrow"])
-         .attr ("title", _ ("Switch to edit mode."))
+         .attr ("title", _("Switch to edit mode."))
          .appendTo (this .toolbar)
          .on ("click", () => this .arrow ());
 
       this .playButton = $("<span></span>")
          .addClass (["material-icons"])
-         .attr ("title", _ ("Toggle browser update."))
+         .attr ("title", _("Toggle browser update."))
          .css ({ position: "relative", left: "-1px", "font-weight": "bold" })
          .text ("play_arrow")
          .appendTo (this .toolbar)
@@ -45,14 +45,14 @@ module .exports = class Dashboard extends Interface
 
       this .viewAllButton = $("<span></span>")
          .addClass (["material-symbols-outlined"])
-         .attr ("title", _ ("Look at selected objects."))
+         .attr ("title", _("Look at selected objects."))
          .text ("center_focus_strong")
          .appendTo (this .toolbar)
          .on ("click", () => this .viewAll ());
 
       this .straightenButton = $("<span></span>")
          .addClass (["material-symbols-outlined", "active"])
-         .attr ("title", _ ("Straighten horizon."))
+         .attr ("title", _("Straighten horizon."))
          .text ("wb_twilight")
          .appendTo (this .toolbar)
          .on ("click", () => this .straighten (!this .browser .getBrowserOption ("StraightenHorizon")));

package/src/Application/Footer.js

@@ -16,11 +16,11 @@ module .exports = class Footer extends Tabs
 
    addTabs ()
    {
-      this .addTextTab ("console",       _ ("Console"))
-      this .addTextTab ("script-editor", _ ("Script Editor"))
+      this .addTextTab ("console",       _("Console"))
+      this .addTextTab ("script-editor", _("Script Editor"))
 
       if (process .env .SUNRISE_ENVIRONMENT === "DEVELOPMENT")
-         this .addTextTab ("animation-editor", _ ("Animation Editor"))
+         this .addTextTab ("animation-editor", _("Animation Editor"))
 
       this .console = new Console (this .getPanel ("console"))
    }

package/src/Application/GetText.js

@@ -1,6 +1,6 @@
 "use strict"
 
-function _ (string)
+function _(string)
 {
    return string
 }

package/src/Application/Sidebar.js

@@ -17,12 +17,12 @@ module .exports = class Sidebar extends Tabs
    addTabs ()
    {
       if (process .env .SUNRISE_ENVIRONMENT === "DEVELOPMENT")
-         this .addIconTab ("file-manager", "description", _ ("File Manager"))
+         this .addIconTab ("file-manager", "description", _("File Manager"))
 
-      this .addIconTab ("outline-editor", "list", _ ("Outline Editor"))
+      this .addIconTab ("outline-editor", "list", _("Outline Editor"))
 
       if (process .env .SUNRISE_ENVIRONMENT === "DEVELOPMENT")
-         this .addIconTab ("node-inspector", "visibility", _ ("Node Inspector"))
+         this .addIconTab ("node-inspector", "visibility", _("Node Inspector"))
 
       this .outlineEditor = new OutlineEditor (this .getPanel ("outline-editor"))
    }

package/src/Application/Tabs.js

@@ -239,9 +239,9 @@ module .exports = new class Tabs
    {
       tab .url = fileURL;
 
-      tab .setTitle ((fileURL .startsWith ("id:") ? _ ("New Scene") : path .basename (decodeURIComponent (new URL (fileURL) .pathname))) + (saved ? "" : "*"));
+      tab .setTitle ((fileURL .startsWith ("id:") ? _("New Scene") : path .basename (decodeURIComponent (new URL (fileURL) .pathname))) + (saved ? "" : "*"));
 
-      $(tab .element) .find (".tab-title") .attr ("title", fileURL .startsWith ("id:") ? _ ("Currently still unsaved.") : decodeURI (fileURL));
+      $(tab .element) .find (".tab-title") .attr ("title", fileURL .startsWith ("id:") ? _("Currently still unsaved.") : decodeURI (fileURL));
 
       electron .ipcRenderer .send ("title", tab .getTitle ());
 

package/src/Controls/AddPrototypePopover.js

@@ -35,7 +35,7 @@ $.fn.addPrototypePopover = function (executionContext, type)
       .appendTo (content)
 
    const nameInput = $("<input></input>")
-      .attr ("placeholder", _ ("Enter name"))
+      .attr ("placeholder", _("Enter name"))
       .appendTo (content)
 
    // Create tooltip.
@@ -67,7 +67,7 @@ $.fn.addPrototypePopover = function (executionContext, type)
                   {
                      const name = executionContext .getUniqueExternProtoName (nameInput .val ())
 
-                     UndoManager .shared .beginUndo (_ ("Add Extern Proto Declaration »%s«"), name)
+                     UndoManager .shared .beginUndo (_("Add Extern Proto Declaration »%s«"), name)
 
                      const externproto = Editor .addExternProtoDeclaration (executionContext, name)
 
@@ -86,7 +86,7 @@ $.fn.addPrototypePopover = function (executionContext, type)
                   {
                      const name = executionContext .getUniqueProtoName (nameInput .val ())
 
-                     UndoManager .shared .beginUndo (_ ("Add Proto Declaration »%s«"), name)
+                     UndoManager .shared .beginUndo (_("Add Proto Declaration »%s«"), name)
 
                      const
                         proto     = Editor .addProtoDeclaration (executionContext, name),

package/src/Controls/EditUserDefinedFieldPopover.js

@@ -92,11 +92,11 @@ $.fn.editUserDefinedFieldPopover = function (executionContext, node, field = -1)
       .appendTo (content);
 
    const nameInput = $("<input></input>")
-      .attr ("placeholder", _ ("Enter name"))
+      .attr ("placeholder", _("Enter name"))
       .appendTo (content);
 
    const okButton = $("<button></button>")
-      .text (_ ("Apply"))
+      .text (_("Apply"))
       .on ("click", confirm)
       .appendTo (content);
 
@@ -189,7 +189,7 @@ $.fn.editUserDefinedFieldPopover = function (executionContext, node, field = -1)
 
             if (type === field .getType ())
             {
-               UndoManager .shared .beginUndo (_ ("Edit Field »%s«"), field .getName ());
+               UndoManager .shared .beginUndo (_("Edit Field »%s«"), field .getName ());
                Editor .updateUserDefinedField (executionContext, node, field, accessType, name);
                UndoManager .shared .endUndo ();
             }
@@ -199,7 +199,7 @@ $.fn.editUserDefinedFieldPopover = function (executionContext, node, field = -1)
                   index    = fields .indexOf (field),
                   newField = new X3D [typeName] ();
 
-               UndoManager .shared .beginUndo (_ ("Change Type of Field »%s«"), field .getName ());
+               UndoManager .shared .beginUndo (_("Change Type of Field »%s«"), field .getName ());
 
                newField .setAccessType (accessType);
                newField .setName (name);

package/src/Controls/ExportNodePopover.js

@@ -16,7 +16,7 @@ $.fn.exportNodePopover = function (node, oldExportedName)
    const scene = node .getExecutionContext ();
 
    const nameInput = $("<input></input>")
-      .attr ("placeholder", _ ("Enter exported name"))
+      .attr ("placeholder", _("Enter exported name"))
       .val (oldExportedName ?? scene .getUniqueExportName (node .getName ()));
 
    // Create tooltip.

package/src/Controls/ImportNodePopover.js

@@ -16,7 +16,7 @@ $.fn.importNodePopover = function (inlineNode, exportedName, oldImportedName)
    const executionContext = inlineNode .getExecutionContext ();
 
    const nameInput = $("<input></input>")
-      .attr ("placeholder", _ ("Enter imported name"))
+      .attr ("placeholder", _("Enter imported name"))
       .val (oldImportedName ?? executionContext .getUniqueImportName (exportedName));
 
    // Create tooltip.

package/src/Controls/RenameNodeInput.js

@@ -48,7 +48,7 @@ $.fn.renameNodeInput = function (node)
 
             const externproto = node;
 
-            UndoManager .shared .beginUndo (_ ("Update Extern Proto Declaration »%s«"), name);
+            UndoManager .shared .beginUndo (_("Update Extern Proto Declaration »%s«"), name);
 
             Editor .updateExternProtoDeclaration (executionContext, name, externproto);
 
@@ -68,7 +68,7 @@ $.fn.renameNodeInput = function (node)
 
             const proto = node;
 
-            UndoManager .shared .beginUndo (_ ("Update Proto Declaration »%s«"), name);
+            UndoManager .shared .beginUndo (_("Update Proto Declaration »%s«"), name);
 
             Editor .updateProtoDeclaration (executionContext, name, proto);
 

package/src/Controls/RenameNodePopover.js

@@ -12,7 +12,7 @@ $.fn.renameNodePopover = function (node)
    // Create content.
 
    const nameInput = $("<input></input>")
-      .attr ("placeholder", _ ("Enter name"))
+      .attr ("placeholder", _("Enter name"))
       .renameNodeInput (node)
 
    // Create tooltip.

package/src/Editors/BrowserSize.js

@@ -30,7 +30,7 @@ module .exports = new class BrowserSize extends Dialog
       $("<tr></tr>")
          .append ($("<th></th>")
             .attr ("colspan", "2")
-            .text (_ ("Browser Size")))
+            .text (_("Browser Size")))
          .appendTo (this .table .header)
 
       this .enabled = $("<input></input>")
@@ -44,7 +44,7 @@ module .exports = new class BrowserSize extends Dialog
             .append (this .enabled)
             .append ($("<label></label>")
                .attr ("for", "browser-size-enabled")
-               .text (_ ("Enabled"))))
+               .text (_("Enabled"))))
          .appendTo (this .table .body)
 
       this .numerator = $("<input></input>")
@@ -65,7 +65,7 @@ module .exports = new class BrowserSize extends Dialog
 
       $("<tr></tr>")
          .append ($("<th></th>")
-            .text (_ ("Aspect Ratio")))
+            .text (_("Aspect Ratio")))
          .append ($("<td></td>")
             .append (this .numerator)
             .append (slash)