@netless/fastboard-ui 1.0.0-canary.10 → 1.0.0-canary.11

package/dist/index.js

@@ -11210,18 +11210,16 @@ function create_if_block6(ctx) {
     {
       active: (
         /*appliance*/
-        ctx[9] === "pencilEraser"
+        ctx[9] === "eraser"
       )
     },
     /*btn_props*/
     ctx[19],
     { placement: "top" },
-    {
-      content: (
-        /*c*/
-        ctx[23].pencilEraserForPanel
-      )
-    }
+    { content: (
+      /*c*/
+      ctx[23].eraserForPanel
+    ) }
   ];
   let button0_props = {
     $$slots: { default: [create_default_slot_24] },
@@ -11233,24 +11231,26 @@ function create_if_block6(ctx) {
   button0 = new Button_default({ props: button0_props });
   button0.$on(
     "click",
-    /*select_pencil_eraser*/
-    ctx[38]
+    /*select_eraser*/
+    ctx[37]
   );
   const button1_spread_levels = [
     { class: "eraser" },
     {
       active: (
         /*appliance*/
-        ctx[9] === "eraser"
+        ctx[9] === "pencilEraser"
       )
     },
     /*btn_props*/
     ctx[19],
     { placement: "top" },
-    { content: (
-      /*c*/
-      ctx[23].eraserForPanel
-    ) }
+    {
+      content: (
+        /*c*/
+        ctx[23].pencilEraserForPanel
+      )
+    }
   ];
   let button1_props = {
     $$slots: { default: [create_default_slot_17] },
@@ -11262,8 +11262,8 @@ function create_if_block6(ctx) {
   button1 = new Button_default({ props: button1_props });
   button1.$on(
     "click",
-    /*select_eraser*/
-    ctx[37]
+    /*select_pencil_eraser*/
+    ctx[38]
   );
   const button2_spread_levels = [
     { class: "clear" },
@@ -11327,7 +11327,7 @@ function create_if_block6(ctx) {
         512 && {
           active: (
             /*appliance*/
-            ctx2[9] === "pencilEraser"
+            ctx2[9] === "eraser"
           )
         },
         dirty[0] & /*btn_props*/
@@ -11337,12 +11337,10 @@ function create_if_block6(ctx) {
         ),
         button0_spread_levels[3],
         dirty[0] & /*c*/
-        8388608 && {
-          content: (
-            /*c*/
-            ctx2[23].pencilEraserForPanel
-          )
-        }
+        8388608 && { content: (
+          /*c*/
+          ctx2[23].eraserForPanel
+        ) }
       ]) : {};
       if (dirty[0] & /*theme, appliance*/
       514 | dirty[1] & /*$$scope*/
@@ -11357,7 +11355,7 @@ function create_if_block6(ctx) {
         512 && {
           active: (
             /*appliance*/
-            ctx2[9] === "eraser"
+            ctx2[9] === "pencilEraser"
           )
         },
         dirty[0] & /*btn_props*/
@@ -11367,10 +11365,12 @@ function create_if_block6(ctx) {
         ),
         button1_spread_levels[3],
         dirty[0] & /*c*/
-        8388608 && { content: (
-          /*c*/
-          ctx2[23].eraserForPanel
-        ) }
+        8388608 && {
+          content: (
+            /*c*/
+            ctx2[23].pencilEraserForPanel
+          )
+        }
       ]) : {};
       if (dirty[0] & /*theme, appliance*/
       514 | dirty[1] & /*$$scope*/
@@ -11551,47 +11551,47 @@ function create_if_block_4(ctx) {
   };
 }
 function create_else_block_12(ctx) {
-  let icons_pencileraser;
+  let icons_eraser;
   let current;
-  icons_pencileraser = new Icons_default.PencilEraser({ props: { theme: (
+  icons_eraser = new Icons_default.Eraser({ props: { theme: (
     /*theme*/
     ctx[1]
   ) } });
   return {
     c() {
-      create_component(icons_pencileraser.$$.fragment);
+      create_component(icons_eraser.$$.fragment);
     },
     m(target, anchor) {
-      mount_component(icons_pencileraser, target, anchor);
+      mount_component(icons_eraser, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_pencileraser_changes = {};
+      const icons_eraser_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_pencileraser_changes.theme = /*theme*/
+        icons_eraser_changes.theme = /*theme*/
         ctx2[1];
-      icons_pencileraser.$set(icons_pencileraser_changes);
+      icons_eraser.$set(icons_eraser_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in(icons_pencileraser.$$.fragment, local);
+      transition_in(icons_eraser.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out(icons_pencileraser.$$.fragment, local);
+      transition_out(icons_eraser.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component(icons_pencileraser, detaching);
+      destroy_component(icons_eraser, detaching);
     }
   };
 }
 function create_if_block_3(ctx) {
-  let icons_pencileraserfilled;
+  let icons_eraserfilled;
   let current;
-  icons_pencileraserfilled = new Icons_default.PencilEraserFilled({
+  icons_eraserfilled = new Icons_default.EraserFilled({
     props: { theme: (
       /*theme*/
       ctx[1]
@@ -11599,32 +11599,32 @@ function create_if_block_3(ctx) {
   });
   return {
     c() {
-      create_component(icons_pencileraserfilled.$$.fragment);
+      create_component(icons_eraserfilled.$$.fragment);
     },
     m(target, anchor) {
-      mount_component(icons_pencileraserfilled, target, anchor);
+      mount_component(icons_eraserfilled, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_pencileraserfilled_changes = {};
+      const icons_eraserfilled_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_pencileraserfilled_changes.theme = /*theme*/
+        icons_eraserfilled_changes.theme = /*theme*/
         ctx2[1];
-      icons_pencileraserfilled.$set(icons_pencileraserfilled_changes);
+      icons_eraserfilled.$set(icons_eraserfilled_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in(icons_pencileraserfilled.$$.fragment, local);
+      transition_in(icons_eraserfilled.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out(icons_pencileraserfilled.$$.fragment, local);
+      transition_out(icons_eraserfilled.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component(icons_pencileraserfilled, detaching);
+      destroy_component(icons_eraserfilled, detaching);
     }
   };
 }
@@ -11638,7 +11638,7 @@ function create_default_slot_24(ctx) {
   function select_block_type_10(ctx2, dirty) {
     if (
       /*appliance*/
-      ctx2[9] === "pencilEraser"
+      ctx2[9] === "eraser"
     )
       return 0;
     return 1;
@@ -11695,47 +11695,47 @@ function create_default_slot_24(ctx) {
   };
 }
 function create_else_block6(ctx) {
-  let icons_eraser;
+  let icons_pencileraser;
   let current;
-  icons_eraser = new Icons_default.Eraser({ props: { theme: (
+  icons_pencileraser = new Icons_default.PencilEraser({ props: { theme: (
     /*theme*/
     ctx[1]
   ) } });
   return {
     c() {
-      create_component(icons_eraser.$$.fragment);
+      create_component(icons_pencileraser.$$.fragment);
     },
     m(target, anchor) {
-      mount_component(icons_eraser, target, anchor);
+      mount_component(icons_pencileraser, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_eraser_changes = {};
+      const icons_pencileraser_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_eraser_changes.theme = /*theme*/
+        icons_pencileraser_changes.theme = /*theme*/
         ctx2[1];
-      icons_eraser.$set(icons_eraser_changes);
+      icons_pencileraser.$set(icons_pencileraser_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in(icons_eraser.$$.fragment, local);
+      transition_in(icons_pencileraser.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out(icons_eraser.$$.fragment, local);
+      transition_out(icons_pencileraser.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component(icons_eraser, detaching);
+      destroy_component(icons_pencileraser, detaching);
     }
   };
 }
 function create_if_block_2(ctx) {
-  let icons_eraserfilled;
+  let icons_pencileraserfilled;
   let current;
-  icons_eraserfilled = new Icons_default.EraserFilled({
+  icons_pencileraserfilled = new Icons_default.PencilEraserFilled({
     props: { theme: (
       /*theme*/
       ctx[1]
@@ -11743,32 +11743,32 @@ function create_if_block_2(ctx) {
   });
   return {
     c() {
-      create_component(icons_eraserfilled.$$.fragment);
+      create_component(icons_pencileraserfilled.$$.fragment);
     },
     m(target, anchor) {
-      mount_component(icons_eraserfilled, target, anchor);
+      mount_component(icons_pencileraserfilled, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_eraserfilled_changes = {};
+      const icons_pencileraserfilled_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_eraserfilled_changes.theme = /*theme*/
+        icons_pencileraserfilled_changes.theme = /*theme*/
         ctx2[1];
-      icons_eraserfilled.$set(icons_eraserfilled_changes);
+      icons_pencileraserfilled.$set(icons_pencileraserfilled_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in(icons_eraserfilled.$$.fragment, local);
+      transition_in(icons_pencileraserfilled.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out(icons_eraserfilled.$$.fragment, local);
+      transition_out(icons_pencileraserfilled.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component(icons_eraserfilled, detaching);
+      destroy_component(icons_pencileraserfilled, detaching);
     }
   };
 }
@@ -11782,7 +11782,7 @@ function create_default_slot_17(ctx) {
   function select_block_type_11(ctx2, dirty) {
     if (
       /*appliance*/
-      ctx2[9] === "eraser"
+      ctx2[9] === "pencilEraser"
     )
       return 0;
     return 1;
@@ -13175,7 +13175,7 @@ function instance59($$self, $$props, $$invalidate) {
   let { hide_apps = false } = $$props;
   let { eraser_type = "both" } = $$props;
   let last_shape = "rectangle";
-  let last_eraser = "pencilEraser";
+  let last_eraser = "eraser";
   let pencil_panel;
   let text_panel;
   let shapes_panel;

package/dist/index.mjs

@@ -11165,18 +11165,16 @@ function create_if_block6(ctx) {
     {
       active: (
         /*appliance*/
-        ctx[9] === "pencilEraser"
+        ctx[9] === "eraser"
       )
     },
     /*btn_props*/
     ctx[19],
     { placement: "top" },
-    {
-      content: (
-        /*c*/
-        ctx[23].pencilEraserForPanel
-      )
-    }
+    { content: (
+      /*c*/
+      ctx[23].eraserForPanel
+    ) }
   ];
   let button0_props = {
     $$slots: { default: [create_default_slot_24] },
@@ -11188,24 +11186,26 @@ function create_if_block6(ctx) {
   button0 = new Button_default({ props: button0_props });
   button0.$on(
     "click",
-    /*select_pencil_eraser*/
-    ctx[38]
+    /*select_eraser*/
+    ctx[37]
   );
   const button1_spread_levels = [
     { class: "eraser" },
     {
       active: (
         /*appliance*/
-        ctx[9] === "eraser"
+        ctx[9] === "pencilEraser"
       )
     },
     /*btn_props*/
     ctx[19],
     { placement: "top" },
-    { content: (
-      /*c*/
-      ctx[23].eraserForPanel
-    ) }
+    {
+      content: (
+        /*c*/
+        ctx[23].pencilEraserForPanel
+      )
+    }
   ];
   let button1_props = {
     $$slots: { default: [create_default_slot_17] },
@@ -11217,8 +11217,8 @@ function create_if_block6(ctx) {
   button1 = new Button_default({ props: button1_props });
   button1.$on(
     "click",
-    /*select_eraser*/
-    ctx[37]
+    /*select_pencil_eraser*/
+    ctx[38]
   );
   const button2_spread_levels = [
     { class: "clear" },
@@ -11282,7 +11282,7 @@ function create_if_block6(ctx) {
         512 && {
           active: (
             /*appliance*/
-            ctx2[9] === "pencilEraser"
+            ctx2[9] === "eraser"
           )
         },
         dirty[0] & /*btn_props*/
@@ -11292,12 +11292,10 @@ function create_if_block6(ctx) {
         ),
         button0_spread_levels[3],
         dirty[0] & /*c*/
-        8388608 && {
-          content: (
-            /*c*/
-            ctx2[23].pencilEraserForPanel
-          )
-        }
+        8388608 && { content: (
+          /*c*/
+          ctx2[23].eraserForPanel
+        ) }
       ]) : {};
       if (dirty[0] & /*theme, appliance*/
       514 | dirty[1] & /*$$scope*/
@@ -11312,7 +11310,7 @@ function create_if_block6(ctx) {
         512 && {
           active: (
             /*appliance*/
-            ctx2[9] === "eraser"
+            ctx2[9] === "pencilEraser"
           )
         },
         dirty[0] & /*btn_props*/
@@ -11322,10 +11320,12 @@ function create_if_block6(ctx) {
         ),
         button1_spread_levels[3],
         dirty[0] & /*c*/
-        8388608 && { content: (
-          /*c*/
-          ctx2[23].eraserForPanel
-        ) }
+        8388608 && {
+          content: (
+            /*c*/
+            ctx2[23].pencilEraserForPanel
+          )
+        }
       ]) : {};
       if (dirty[0] & /*theme, appliance*/
       514 | dirty[1] & /*$$scope*/
@@ -11506,47 +11506,47 @@ function create_if_block_4(ctx) {
   };
 }
 function create_else_block_12(ctx) {
-  let icons_pencileraser;
+  let icons_eraser;
   let current;
-  icons_pencileraser = new Icons_default.PencilEraser({ props: { theme: (
+  icons_eraser = new Icons_default.Eraser({ props: { theme: (
     /*theme*/
     ctx[1]
   ) } });
   return {
     c() {
-      create_component(icons_pencileraser.$$.fragment);
+      create_component(icons_eraser.$$.fragment);
     },
     m(target, anchor) {
-      mount_component(icons_pencileraser, target, anchor);
+      mount_component(icons_eraser, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_pencileraser_changes = {};
+      const icons_eraser_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_pencileraser_changes.theme = /*theme*/
+        icons_eraser_changes.theme = /*theme*/
         ctx2[1];
-      icons_pencileraser.$set(icons_pencileraser_changes);
+      icons_eraser.$set(icons_eraser_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in(icons_pencileraser.$$.fragment, local);
+      transition_in(icons_eraser.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out(icons_pencileraser.$$.fragment, local);
+      transition_out(icons_eraser.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component(icons_pencileraser, detaching);
+      destroy_component(icons_eraser, detaching);
     }
   };
 }
 function create_if_block_3(ctx) {
-  let icons_pencileraserfilled;
+  let icons_eraserfilled;
   let current;
-  icons_pencileraserfilled = new Icons_default.PencilEraserFilled({
+  icons_eraserfilled = new Icons_default.EraserFilled({
     props: { theme: (
       /*theme*/
       ctx[1]
@@ -11554,32 +11554,32 @@ function create_if_block_3(ctx) {
   });
   return {
     c() {
-      create_component(icons_pencileraserfilled.$$.fragment);
+      create_component(icons_eraserfilled.$$.fragment);
     },
     m(target, anchor) {
-      mount_component(icons_pencileraserfilled, target, anchor);
+      mount_component(icons_eraserfilled, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_pencileraserfilled_changes = {};
+      const icons_eraserfilled_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_pencileraserfilled_changes.theme = /*theme*/
+        icons_eraserfilled_changes.theme = /*theme*/
         ctx2[1];
-      icons_pencileraserfilled.$set(icons_pencileraserfilled_changes);
+      icons_eraserfilled.$set(icons_eraserfilled_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in(icons_pencileraserfilled.$$.fragment, local);
+      transition_in(icons_eraserfilled.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out(icons_pencileraserfilled.$$.fragment, local);
+      transition_out(icons_eraserfilled.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component(icons_pencileraserfilled, detaching);
+      destroy_component(icons_eraserfilled, detaching);
     }
   };
 }
@@ -11593,7 +11593,7 @@ function create_default_slot_24(ctx) {
   function select_block_type_10(ctx2, dirty) {
     if (
       /*appliance*/
-      ctx2[9] === "pencilEraser"
+      ctx2[9] === "eraser"
     )
       return 0;
     return 1;
@@ -11650,47 +11650,47 @@ function create_default_slot_24(ctx) {
   };
 }
 function create_else_block6(ctx) {
-  let icons_eraser;
+  let icons_pencileraser;
   let current;
-  icons_eraser = new Icons_default.Eraser({ props: { theme: (
+  icons_pencileraser = new Icons_default.PencilEraser({ props: { theme: (
     /*theme*/
     ctx[1]
   ) } });
   return {
     c() {
-      create_component(icons_eraser.$$.fragment);
+      create_component(icons_pencileraser.$$.fragment);
     },
     m(target, anchor) {
-      mount_component(icons_eraser, target, anchor);
+      mount_component(icons_pencileraser, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_eraser_changes = {};
+      const icons_pencileraser_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_eraser_changes.theme = /*theme*/
+        icons_pencileraser_changes.theme = /*theme*/
         ctx2[1];
-      icons_eraser.$set(icons_eraser_changes);
+      icons_pencileraser.$set(icons_pencileraser_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in(icons_eraser.$$.fragment, local);
+      transition_in(icons_pencileraser.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out(icons_eraser.$$.fragment, local);
+      transition_out(icons_pencileraser.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component(icons_eraser, detaching);
+      destroy_component(icons_pencileraser, detaching);
     }
   };
 }
 function create_if_block_2(ctx) {
-  let icons_eraserfilled;
+  let icons_pencileraserfilled;
   let current;
-  icons_eraserfilled = new Icons_default.EraserFilled({
+  icons_pencileraserfilled = new Icons_default.PencilEraserFilled({
     props: { theme: (
       /*theme*/
       ctx[1]
@@ -11698,32 +11698,32 @@ function create_if_block_2(ctx) {
   });
   return {
     c() {
-      create_component(icons_eraserfilled.$$.fragment);
+      create_component(icons_pencileraserfilled.$$.fragment);
     },
     m(target, anchor) {
-      mount_component(icons_eraserfilled, target, anchor);
+      mount_component(icons_pencileraserfilled, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_eraserfilled_changes = {};
+      const icons_pencileraserfilled_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_eraserfilled_changes.theme = /*theme*/
+        icons_pencileraserfilled_changes.theme = /*theme*/
         ctx2[1];
-      icons_eraserfilled.$set(icons_eraserfilled_changes);
+      icons_pencileraserfilled.$set(icons_pencileraserfilled_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in(icons_eraserfilled.$$.fragment, local);
+      transition_in(icons_pencileraserfilled.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out(icons_eraserfilled.$$.fragment, local);
+      transition_out(icons_pencileraserfilled.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component(icons_eraserfilled, detaching);
+      destroy_component(icons_pencileraserfilled, detaching);
     }
   };
 }
@@ -11737,7 +11737,7 @@ function create_default_slot_17(ctx) {
   function select_block_type_11(ctx2, dirty) {
     if (
       /*appliance*/
-      ctx2[9] === "eraser"
+      ctx2[9] === "pencilEraser"
     )
       return 0;
     return 1;
@@ -13130,7 +13130,7 @@ function instance59($$self, $$props, $$invalidate) {
   let { hide_apps = false } = $$props;
   let { eraser_type = "both" } = $$props;
   let last_shape = "rectangle";
-  let last_eraser = "pencilEraser";
+  let last_eraser = "eraser";
   let pencil_panel;
   let text_panel;
   let shapes_panel;

package/dist/index.svelte.mjs

@@ -11324,18 +11324,16 @@ function create_if_block6(ctx) {
     {
       active: (
         /*appliance*/
-        ctx[9] === "pencilEraser"
+        ctx[9] === "eraser"
       )
     },
     /*btn_props*/
     ctx[19],
     { placement: "top" },
-    {
-      content: (
-        /*c*/
-        ctx[23].pencilEraserForPanel
-      )
-    }
+    { content: (
+      /*c*/
+      ctx[23].eraserForPanel
+    ) }
   ];
   let button0_props = {
     $$slots: { default: [create_default_slot_24] },
@@ -11347,24 +11345,26 @@ function create_if_block6(ctx) {
   button0 = new Button_default({ props: button0_props });
   button0.$on(
     "click",
-    /*select_pencil_eraser*/
-    ctx[38]
+    /*select_eraser*/
+    ctx[37]
   );
   const button1_spread_levels = [
     { class: "eraser" },
     {
       active: (
         /*appliance*/
-        ctx[9] === "eraser"
+        ctx[9] === "pencilEraser"
       )
     },
     /*btn_props*/
     ctx[19],
     { placement: "top" },
-    { content: (
-      /*c*/
-      ctx[23].eraserForPanel
-    ) }
+    {
+      content: (
+        /*c*/
+        ctx[23].pencilEraserForPanel
+      )
+    }
   ];
   let button1_props = {
     $$slots: { default: [create_default_slot_17] },
@@ -11376,8 +11376,8 @@ function create_if_block6(ctx) {
   button1 = new Button_default({ props: button1_props });
   button1.$on(
     "click",
-    /*select_eraser*/
-    ctx[37]
+    /*select_pencil_eraser*/
+    ctx[38]
   );
   const button2_spread_levels = [
     { class: "clear" },
@@ -11441,7 +11441,7 @@ function create_if_block6(ctx) {
         512 && {
           active: (
             /*appliance*/
-            ctx2[9] === "pencilEraser"
+            ctx2[9] === "eraser"
           )
         },
         dirty[0] & /*btn_props*/
@@ -11451,12 +11451,10 @@ function create_if_block6(ctx) {
         ),
         button0_spread_levels[3],
         dirty[0] & /*c*/
-        8388608 && {
-          content: (
-            /*c*/
-            ctx2[23].pencilEraserForPanel
-          )
-        }
+        8388608 && { content: (
+          /*c*/
+          ctx2[23].eraserForPanel
+        ) }
       ]) : {};
       if (dirty[0] & /*theme, appliance*/
       514 | dirty[1] & /*$$scope*/
@@ -11471,7 +11469,7 @@ function create_if_block6(ctx) {
         512 && {
           active: (
             /*appliance*/
-            ctx2[9] === "eraser"
+            ctx2[9] === "pencilEraser"
           )
         },
         dirty[0] & /*btn_props*/
@@ -11481,10 +11479,12 @@ function create_if_block6(ctx) {
         ),
         button1_spread_levels[3],
         dirty[0] & /*c*/
-        8388608 && { content: (
-          /*c*/
-          ctx2[23].eraserForPanel
-        ) }
+        8388608 && {
+          content: (
+            /*c*/
+            ctx2[23].pencilEraserForPanel
+          )
+        }
       ]) : {};
       if (dirty[0] & /*theme, appliance*/
       514 | dirty[1] & /*$$scope*/
@@ -11665,47 +11665,47 @@ function create_if_block_4(ctx) {
   };
 }
 function create_else_block_12(ctx) {
-  let icons_pencileraser;
+  let icons_eraser;
   let current;
-  icons_pencileraser = new Icons_default.PencilEraser({ props: { theme: (
+  icons_eraser = new Icons_default.Eraser({ props: { theme: (
     /*theme*/
     ctx[1]
   ) } });
   return {
     c() {
-      create_component7(icons_pencileraser.$$.fragment);
+      create_component7(icons_eraser.$$.fragment);
     },
     m(target, anchor) {
-      mount_component7(icons_pencileraser, target, anchor);
+      mount_component7(icons_eraser, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_pencileraser_changes = {};
+      const icons_eraser_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_pencileraser_changes.theme = /*theme*/
+        icons_eraser_changes.theme = /*theme*/
         ctx2[1];
-      icons_pencileraser.$set(icons_pencileraser_changes);
+      icons_eraser.$set(icons_eraser_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in9(icons_pencileraser.$$.fragment, local);
+      transition_in9(icons_eraser.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out9(icons_pencileraser.$$.fragment, local);
+      transition_out9(icons_eraser.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component7(icons_pencileraser, detaching);
+      destroy_component7(icons_eraser, detaching);
     }
   };
 }
 function create_if_block_3(ctx) {
-  let icons_pencileraserfilled;
+  let icons_eraserfilled;
   let current;
-  icons_pencileraserfilled = new Icons_default.PencilEraserFilled({
+  icons_eraserfilled = new Icons_default.EraserFilled({
     props: { theme: (
       /*theme*/
       ctx[1]
@@ -11713,32 +11713,32 @@ function create_if_block_3(ctx) {
   });
   return {
     c() {
-      create_component7(icons_pencileraserfilled.$$.fragment);
+      create_component7(icons_eraserfilled.$$.fragment);
     },
     m(target, anchor) {
-      mount_component7(icons_pencileraserfilled, target, anchor);
+      mount_component7(icons_eraserfilled, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_pencileraserfilled_changes = {};
+      const icons_eraserfilled_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_pencileraserfilled_changes.theme = /*theme*/
+        icons_eraserfilled_changes.theme = /*theme*/
         ctx2[1];
-      icons_pencileraserfilled.$set(icons_pencileraserfilled_changes);
+      icons_eraserfilled.$set(icons_eraserfilled_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in9(icons_pencileraserfilled.$$.fragment, local);
+      transition_in9(icons_eraserfilled.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out9(icons_pencileraserfilled.$$.fragment, local);
+      transition_out9(icons_eraserfilled.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component7(icons_pencileraserfilled, detaching);
+      destroy_component7(icons_eraserfilled, detaching);
     }
   };
 }
@@ -11752,7 +11752,7 @@ function create_default_slot_24(ctx) {
   function select_block_type_10(ctx2, dirty) {
     if (
       /*appliance*/
-      ctx2[9] === "pencilEraser"
+      ctx2[9] === "eraser"
     )
       return 0;
     return 1;
@@ -11809,47 +11809,47 @@ function create_default_slot_24(ctx) {
   };
 }
 function create_else_block6(ctx) {
-  let icons_eraser;
+  let icons_pencileraser;
   let current;
-  icons_eraser = new Icons_default.Eraser({ props: { theme: (
+  icons_pencileraser = new Icons_default.PencilEraser({ props: { theme: (
     /*theme*/
     ctx[1]
   ) } });
   return {
     c() {
-      create_component7(icons_eraser.$$.fragment);
+      create_component7(icons_pencileraser.$$.fragment);
     },
     m(target, anchor) {
-      mount_component7(icons_eraser, target, anchor);
+      mount_component7(icons_pencileraser, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_eraser_changes = {};
+      const icons_pencileraser_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_eraser_changes.theme = /*theme*/
+        icons_pencileraser_changes.theme = /*theme*/
         ctx2[1];
-      icons_eraser.$set(icons_eraser_changes);
+      icons_pencileraser.$set(icons_pencileraser_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in9(icons_eraser.$$.fragment, local);
+      transition_in9(icons_pencileraser.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out9(icons_eraser.$$.fragment, local);
+      transition_out9(icons_pencileraser.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component7(icons_eraser, detaching);
+      destroy_component7(icons_pencileraser, detaching);
     }
   };
 }
 function create_if_block_2(ctx) {
-  let icons_eraserfilled;
+  let icons_pencileraserfilled;
   let current;
-  icons_eraserfilled = new Icons_default.EraserFilled({
+  icons_pencileraserfilled = new Icons_default.PencilEraserFilled({
     props: { theme: (
       /*theme*/
       ctx[1]
@@ -11857,32 +11857,32 @@ function create_if_block_2(ctx) {
   });
   return {
     c() {
-      create_component7(icons_eraserfilled.$$.fragment);
+      create_component7(icons_pencileraserfilled.$$.fragment);
     },
     m(target, anchor) {
-      mount_component7(icons_eraserfilled, target, anchor);
+      mount_component7(icons_pencileraserfilled, target, anchor);
       current = true;
     },
     p(ctx2, dirty) {
-      const icons_eraserfilled_changes = {};
+      const icons_pencileraserfilled_changes = {};
       if (dirty[0] & /*theme*/
       2)
-        icons_eraserfilled_changes.theme = /*theme*/
+        icons_pencileraserfilled_changes.theme = /*theme*/
         ctx2[1];
-      icons_eraserfilled.$set(icons_eraserfilled_changes);
+      icons_pencileraserfilled.$set(icons_pencileraserfilled_changes);
     },
     i(local) {
       if (current)
         return;
-      transition_in9(icons_eraserfilled.$$.fragment, local);
+      transition_in9(icons_pencileraserfilled.$$.fragment, local);
       current = true;
     },
     o(local) {
-      transition_out9(icons_eraserfilled.$$.fragment, local);
+      transition_out9(icons_pencileraserfilled.$$.fragment, local);
       current = false;
     },
     d(detaching) {
-      destroy_component7(icons_eraserfilled, detaching);
+      destroy_component7(icons_pencileraserfilled, detaching);
     }
   };
 }
@@ -11896,7 +11896,7 @@ function create_default_slot_17(ctx) {
   function select_block_type_11(ctx2, dirty) {
     if (
       /*appliance*/
-      ctx2[9] === "eraser"
+      ctx2[9] === "pencilEraser"
     )
       return 0;
     return 1;
@@ -13289,7 +13289,7 @@ function instance59($$self, $$props, $$invalidate) {
   let { hide_apps = false } = $$props;
   let { eraser_type = "both" } = $$props;
   let last_shape = "rectangle";
-  let last_eraser = "pencilEraser";
+  let last_eraser = "eraser";
   let pencil_panel;
   let text_panel;
   let shapes_panel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/fastboard-ui",
-  "version": "1.0.0-canary.10",
+  "version": "1.0.0-canary.11",
   "description": "The front-end of @netless/fastboard-core.",
   "main": "dist/index.js",
   "svelte": "dist/index.svelte.mjs",
@@ -13,14 +13,14 @@
   ],
   "repository": "netless-io/fastboard",
   "peerDependencies": {
-    "@netless/fastboard-core": "1.0.0-canary.10"
+    "@netless/fastboard-core": "1.0.0-canary.11"
   },
   "dependencies": {
     "tippy.js": "^6.3.7"
   },
   "devDependencies": {
     "@netless/esbuild-plugin-inline-sass": "0.1.0",
-    "@netless/fastboard-core": "1.0.0-canary.10"
+    "@netless/fastboard-core": "1.0.0-canary.11"
   },
   "scripts": {
     "cleanup": "rimraf dist",

package/src/components/Toolbar/components/Contents.svelte

@@ -35,7 +35,7 @@
   const name = "fastboard-toolbar";
 
   let last_shape: Shape = "rectangle";
-  let last_eraser: Eraser = "pencilEraser";
+  let last_eraser: Eraser = "eraser";
 
   let pencil_panel: HTMLDivElement;
   let text_panel: HTMLDivElement;
@@ -301,30 +301,30 @@
       <div class="{name}-panel-btns">
         <Button
           class="eraser"
-          active={appliance === "pencilEraser"}
+          active={appliance === "eraser"}
           {...btn_props}
-          on:click={select_pencil_eraser}
+          on:click={select_eraser}
           placement="top"
-          content={c.pencilEraserForPanel}
+          content={c.eraserForPanel}
         >
-          {#if appliance === "pencilEraser"}
-            <Icons.PencilEraserFilled {theme} active />
+          {#if appliance === "eraser"}
+            <Icons.EraserFilled {theme} active />
           {:else}
-            <Icons.PencilEraser {theme} />
+            <Icons.Eraser {theme} />
           {/if}
         </Button>
         <Button
           class="eraser"
-          active={appliance === "eraser"}
+          active={appliance === "pencilEraser"}
           {...btn_props}
-          on:click={select_eraser}
+          on:click={select_pencil_eraser}
           placement="top"
-          content={c.eraserForPanel}
+          content={c.pencilEraserForPanel}
         >
-          {#if appliance === "eraser"}
-            <Icons.EraserFilled {theme} active />
+          {#if appliance === "pencilEraser"}
+            <Icons.PencilEraserFilled {theme} active />
           {:else}
-            <Icons.Eraser {theme} />
+            <Icons.PencilEraser {theme} />
           {/if}
         </Button>
         <Button class="clear" {...btn_props} on:click={clear} placement="top" content={t.clear}>