@netless/fastboard-ui 1.1.2-beta.8 → 1.1.2

package/dist/index.js

@@ -2,6 +2,10 @@
 
 var Tippy = require('tippy.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Tippy__default = /*#__PURE__*/_interopDefault(Tippy);
+
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -4888,7 +4892,7 @@ var Icons = {
 };
 var Icons_default = Icons;
 if (typeof window !== "undefined") {
-  Tippy.setDefaultProps({
+  Tippy__default.default.setDefaultProps({
     delay: [1e3, 400],
     duration: 300,
     offset: [0, 11],
@@ -4923,7 +4927,7 @@ if (typeof window !== "undefined") {
   });
 }
 var tippy = function(node, props) {
-  const instance79 = Tippy(node, props);
+  const instance79 = Tippy__default.default(node, props);
   return {
     update(props2) {
       instance79.setProps(props2);
@@ -12171,39 +12175,39 @@ var EraserSize_default = EraserSize;
 // src/components/Toolbar/components/Contents.svelte
 function get_each_context4(ctx, list, i) {
   const child_ctx = ctx.slice();
-  child_ctx[57] = list[i];
+  child_ctx[58] = list[i];
   const constants_0 = (
     /*netless_app*/
-    child_ctx[57]
+    child_ctx[58]
   );
-  child_ctx[58] = constants_0.icon;
-  child_ctx[59] = constants_0.label;
-  child_ctx[60] = constants_0.kind;
-  child_ctx[61] = constants_0.onClick;
+  child_ctx[59] = constants_0.icon;
+  child_ctx[60] = constants_0.label;
+  child_ctx[61] = constants_0.kind;
+  child_ctx[62] = constants_0.onClick;
   const constants_1 = (
     /*$status*/
-    child_ctx[25] && /*$status*/
-    child_ctx[25][
+    child_ctx[26] && /*$status*/
+    child_ctx[26][
       /*kind*/
-      child_ctx[60]
+      child_ctx[61]
     ]
   );
-  child_ctx[62] = constants_1;
+  child_ctx[63] = constants_1;
   const constants_2 = function func() {
     return (
       /*func*/
-      ctx[53](
+      ctx[54](
         /*onClick*/
-        child_ctx[61]
+        child_ctx[62]
       )
     );
   };
-  child_ctx[63] = constants_2;
+  child_ctx[64] = constants_2;
   return child_ctx;
 }
 function get_each_context_1(ctx, list, i) {
   const child_ctx = ctx.slice();
-  child_ctx[66] = list[i];
+  child_ctx[67] = list[i];
   return child_ctx;
 }
 function create_if_block_23(ctx) {
@@ -12225,7 +12229,7 @@ function create_if_block_23(ctx) {
   button.$on(
     "click",
     /*scroll_up*/
-    ctx[27]
+    ctx[28]
   );
   return {
     c() {
@@ -12243,7 +12247,7 @@ function create_if_block_23(ctx) {
       )]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -12320,14 +12324,14 @@ function create_if_block_222(ctx) {
       ),
       content: (
         /*c*/
-        ctx[23].laserPointer
+        ctx[24].laserPointer
       )
     }
   });
   laser.$on(
     "click",
     /*laserPointer*/
-    ctx[35]
+    ctx[36]
   );
   return {
     c() {
@@ -12352,9 +12356,9 @@ function create_if_block_222(ctx) {
         laser_changes.btn_props = /*btn_props*/
         ctx2[17];
       if (dirty[0] & /*c*/
-      8388608)
+      16777216)
         laser_changes.content = /*c*/
-        ctx2[23].laserPointer;
+        ctx2[24].laserPointer;
       laser.$set(laser_changes);
     },
     i(local) {
@@ -12391,14 +12395,14 @@ function create_if_block_21(ctx) {
       ),
       content: (
         /*c*/
-        ctx[23].hand
+        ctx[24].hand
       )
     }
   });
   hand_1.$on(
     "click",
     /*hand*/
-    ctx[34]
+    ctx[35]
   );
   return {
     c() {
@@ -12423,9 +12427,9 @@ function create_if_block_21(ctx) {
         hand_1_changes.btn_props = /*btn_props*/
         ctx2[17];
       if (dirty[0] & /*c*/
-      8388608)
+      16777216)
         hand_1_changes.content = /*c*/
-        ctx2[23].hand;
+        ctx2[24].hand;
       hand_1.$set(hand_1_changes);
     },
     i(local) {
@@ -12465,7 +12469,7 @@ function create_if_block_20(ctx) {
   clear_1.$on(
     "click",
     /*clear*/
-    ctx[36]
+    ctx[37]
   );
   return {
     c() {
@@ -12529,7 +12533,7 @@ function create_if_block_19(ctx) {
       ),
       content: (
         /*c*/
-        ctx[23].eraser
+        ctx[24].eraser
       ),
       menu: (
         /*hasAppliancePlugin*/
@@ -12543,7 +12547,7 @@ function create_if_block_19(ctx) {
   eraser_1.$on(
     "click",
     /*eraser*/
-    ctx[33]
+    ctx[34]
   );
   return {
     c() {
@@ -12572,9 +12576,9 @@ function create_if_block_19(ctx) {
         eraser_1_changes.btn_props = /*btn_props*/
         ctx2[17];
       if (dirty[0] & /*c*/
-      8388608)
+      16777216)
         eraser_1_changes.content = /*c*/
-        ctx2[23].eraser;
+        ctx2[24].eraser;
       if (dirty[0] & /*hasAppliancePlugin, eraser_panel*/
       66560)
         eraser_1_changes.menu = /*hasAppliancePlugin*/
@@ -12700,7 +12704,7 @@ function create_if_block_17(ctx) {
       ),
       content: (
         /*c*/
-        ctx[23].text
+        ctx[24].text
       ),
       menu: (
         /*text_panel*/
@@ -12711,7 +12715,7 @@ function create_if_block_17(ctx) {
   text_1.$on(
     "click",
     /*text*/
-    ctx[32]
+    ctx[33]
   );
   return {
     c() {
@@ -12736,9 +12740,9 @@ function create_if_block_17(ctx) {
         text_1_changes.btn_props = /*btn_props*/
         ctx2[17];
       if (dirty[0] & /*c*/
-      8388608)
+      16777216)
         text_1_changes.content = /*c*/
-        ctx2[23].text;
+        ctx2[24].text;
       if (dirty[0] & /*text_panel*/
       8192)
         text_1_changes.menu = /*text_panel*/
@@ -12783,7 +12787,7 @@ function create_if_block_16(ctx) {
       ),
       content: (
         /*c*/
-        ctx[23].pencil
+        ctx[24].pencil
       ),
       menu: (
         /*pencil_panel*/
@@ -12794,7 +12798,7 @@ function create_if_block_16(ctx) {
   pencil_1.$on(
     "click",
     /*pencil*/
-    ctx[31]
+    ctx[32]
   );
   return {
     c() {
@@ -12823,9 +12827,9 @@ function create_if_block_16(ctx) {
         pencil_1_changes.btn_props = /*btn_props*/
         ctx2[17];
       if (dirty[0] & /*c*/
-      8388608)
+      16777216)
         pencil_1_changes.content = /*c*/
-        ctx2[23].pencil;
+        ctx2[24].pencil;
       if (dirty[0] & /*pencil_panel*/
       4096)
         pencil_1_changes.menu = /*pencil_panel*/
@@ -12866,14 +12870,14 @@ function create_if_block_15(ctx) {
       ),
       content: (
         /*c*/
-        ctx[23].selector
+        ctx[24].selector
       )
     }
   });
   selector_1.$on(
     "click",
     /*selector*/
-    ctx[30]
+    ctx[31]
   );
   return {
     c() {
@@ -12898,9 +12902,9 @@ function create_if_block_15(ctx) {
         selector_1_changes.btn_props = /*btn_props*/
         ctx2[17];
       if (dirty[0] & /*c*/
-      8388608)
+      16777216)
         selector_1_changes.content = /*c*/
-        ctx2[23].selector;
+        ctx2[24].selector;
       selector_1.$set(selector_1_changes);
     },
     i(local) {
@@ -12937,14 +12941,14 @@ function create_if_block_14(ctx) {
       ),
       content: (
         /*c*/
-        ctx[23].clicker
+        ctx[24].clicker
       )
     }
   });
   clicker_1.$on(
     "click",
     /*clicker*/
-    ctx[29]
+    ctx[30]
   );
   return {
     c() {
@@ -12969,9 +12973,9 @@ function create_if_block_14(ctx) {
         clicker_1_changes.btn_props = /*btn_props*/
         ctx2[17];
       if (dirty[0] & /*c*/
-      8388608)
+      16777216)
         clicker_1_changes.content = /*c*/
-        ctx2[23].clicker;
+        ctx2[24].clicker;
       clicker_1.$set(clicker_1_changes);
     },
     i(local) {
@@ -13009,47 +13013,47 @@ function create_each_block_1(ctx) {
   function select_block_type(ctx2, dirty) {
     if (
       /*item*/
-      ctx2[66] === "clicker"
+      ctx2[67] === "clicker"
     )
       return 0;
     if (
       /*item*/
-      ctx2[66] === "selector"
+      ctx2[67] === "selector"
     )
       return 1;
     if (
       /*item*/
-      ctx2[66] === "pencil"
+      ctx2[67] === "pencil"
     )
       return 2;
     if (
       /*item*/
-      ctx2[66] === "text"
+      ctx2[67] === "text"
     )
       return 3;
     if (
       /*item*/
-      ctx2[66] === "shapes"
+      ctx2[67] === "shapes"
     )
       return 4;
     if (
       /*item*/
-      ctx2[66] === "eraser"
+      ctx2[67] === "eraser"
     )
       return 5;
     if (
       /*item*/
-      ctx2[66] === "clear"
+      ctx2[67] === "clear"
     )
       return 6;
     if (
       /*item*/
-      ctx2[66] === "hand"
+      ctx2[67] === "hand"
     )
       return 7;
     if (
       /*item*/
-      ctx2[66] === "laserPointer"
+      ctx2[67] === "laserPointer"
     )
       return 8;
     return -1;
@@ -13186,7 +13190,7 @@ function create_if_block_132(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -13266,7 +13270,7 @@ function create_if_block_122(ctx) {
   button.$on(
     "click",
     /*scroll_down*/
-    ctx[28]
+    ctx[29]
   );
   return {
     c() {
@@ -13288,7 +13292,7 @@ function create_if_block_122(ctx) {
         ctx2[3];
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -13379,12 +13383,14 @@ function create_if_block_52(ctx) {
   const if_blocks_1 = [];
   function select_block_type_2(ctx2, dirty) {
     if (
-      /*pencilType*/
+      /*showLaserPen*/
+      ctx2[21] && /*pencilType*/
       ctx2[20] === "laser"
     )
       return 0;
     if (
-      /*pencilType*/
+      /*showLaserPen*/
+      ctx2[21] && /*pencilType*/
       ctx2[20] !== "laser"
     )
       return 1;
@@ -13594,7 +13600,7 @@ function create_if_block_11(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -13633,7 +13639,7 @@ function create_if_block_10(ctx) {
   button.$on(
     "click",
     /*usePencil*/
-    ctx[37]
+    ctx[38]
   );
   return {
     c() {
@@ -13656,7 +13662,7 @@ function create_if_block_10(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -13773,7 +13779,7 @@ function create_if_block_9(ctx) {
   button.$on(
     "click",
     /*useLaserPen*/
-    ctx[38]
+    ctx[39]
   );
   return {
     c() {
@@ -13796,7 +13802,7 @@ function create_if_block_9(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -13853,7 +13859,7 @@ function create_if_block_8(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -13970,7 +13976,7 @@ function create_if_block_7(ctx) {
   button.$on(
     "click",
     /*useMarkPen*/
-    ctx[39]
+    ctx[40]
   );
   return {
     c() {
@@ -13993,7 +13999,7 @@ function create_if_block_7(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -14050,7 +14056,7 @@ function create_if_block_6(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -14333,7 +14339,7 @@ function create_if_block_42(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -14372,7 +14378,7 @@ function create_if_block_33(ctx) {
   button.$on(
     "click",
     /*useEraser*/
-    ctx[40]
+    ctx[41]
   );
   return {
     c() {
@@ -14395,7 +14401,7 @@ function create_if_block_33(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -14512,7 +14518,7 @@ function create_if_block_24(ctx) {
   button.$on(
     "click",
     /*useEraserBitmap*/
-    ctx[41]
+    ctx[42]
   );
   return {
     c() {
@@ -14535,7 +14541,7 @@ function create_if_block_24(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -14592,7 +14598,7 @@ function create_if_block_110(ctx) {
       ]) : {};
       if (dirty[0] & /*theme*/
       2 | dirty[2] & /*$$scope*/
-      128) {
+      256) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -14701,7 +14707,7 @@ function create_each_block4(ctx) {
   let span;
   let t1_value = (
     /*label*/
-    ctx[59] + ""
+    ctx[60] + ""
   );
   let t1;
   let span_class_value;
@@ -14723,40 +14729,40 @@ function create_each_block4(ctx) {
       attr(img, "class", img_class_value = name5 + "-app-btn-icon " + /*theme*/
       ctx[1]);
       if (!src_url_equal(img.src, img_src_value = /*icon*/
-      ctx[58]))
+      ctx[59]))
         attr(img, "src", img_src_value);
       attr(img, "alt", img_alt_value = /*kind*/
-      ctx[60]);
+      ctx[61]);
       attr(img, "title", img_title_value = /*label*/
-      ctx[59]);
+      ctx[60]);
       attr(span, "class", span_class_value = name5 + "-app-btn-text " + /*theme*/
       ctx[1]);
       attr(button, "class", button_class_value = name5 + "-app-btn " + /*kind*/
-      ctx[60] + " " + /*theme*/
+      ctx[61] + " " + /*theme*/
       ctx[1]);
       attr(button, "title", button_title_value = /*label*/
-      ctx[59] + /*state*/
-      (ctx[62] && /*state*/
-      ctx[62].reason ? ": " + /*state*/
-      ctx[62].reason : ""));
+      ctx[60] + /*state*/
+      (ctx[63] && /*state*/
+      ctx[63].reason ? ": " + /*state*/
+      ctx[63].reason : ""));
       attr(button, "data-app-kind", button_data_app_kind_value = /*netless_app*/
-      ctx[57].kind);
+      ctx[58].kind);
       button.disabled = button_disabled_value = /*state*/
-      ctx[62] && /*state*/
-      ctx[62].status !== "idle";
+      ctx[63] && /*state*/
+      ctx[63].status !== "idle";
       toggle_class(
         button,
         "is-loading",
         /*state*/
-        ctx[62] && /*state*/
-        ctx[62].status === "loading"
+        ctx[63] && /*state*/
+        ctx[63].status === "loading"
       );
       toggle_class(
         button,
         "is-failed",
         /*state*/
-        ctx[62] && /*state*/
-        ctx[62].status === "failed"
+        ctx[63] && /*state*/
+        ctx[63].status === "failed"
       );
     },
     m(target, anchor) {
@@ -14770,9 +14776,9 @@ function create_each_block4(ctx) {
         dispose = listen(button, "click", function() {
           if (is_function(
             /*on_click*/
-            ctx[63]
+            ctx[64]
           ))
-            ctx[63].apply(this, arguments);
+            ctx[64].apply(this, arguments);
         });
         mounted = true;
       }
@@ -14785,23 +14791,23 @@ function create_each_block4(ctx) {
         attr(img, "class", img_class_value);
       }
       if (dirty[0] & /*$apps*/
-      16777216 && !src_url_equal(img.src, img_src_value = /*icon*/
-      ctx[58])) {
+      33554432 && !src_url_equal(img.src, img_src_value = /*icon*/
+      ctx[59])) {
         attr(img, "src", img_src_value);
       }
       if (dirty[0] & /*$apps*/
-      16777216 && img_alt_value !== (img_alt_value = /*kind*/
-      ctx[60])) {
+      33554432 && img_alt_value !== (img_alt_value = /*kind*/
+      ctx[61])) {
         attr(img, "alt", img_alt_value);
       }
       if (dirty[0] & /*$apps*/
-      16777216 && img_title_value !== (img_title_value = /*label*/
-      ctx[59])) {
+      33554432 && img_title_value !== (img_title_value = /*label*/
+      ctx[60])) {
         attr(img, "title", img_title_value);
       }
       if (dirty[0] & /*$apps*/
-      16777216 && t1_value !== (t1_value = /*label*/
-      ctx[59] + ""))
+      33554432 && t1_value !== (t1_value = /*label*/
+      ctx[60] + ""))
         set_data(t1, t1_value);
       if (dirty[0] & /*theme*/
       2 && span_class_value !== (span_class_value = name5 + "-app-btn-text " + /*theme*/
@@ -14809,48 +14815,48 @@ function create_each_block4(ctx) {
         attr(span, "class", span_class_value);
       }
       if (dirty[0] & /*$apps, theme*/
-      16777218 && button_class_value !== (button_class_value = name5 + "-app-btn " + /*kind*/
-      ctx[60] + " " + /*theme*/
+      33554434 && button_class_value !== (button_class_value = name5 + "-app-btn " + /*kind*/
+      ctx[61] + " " + /*theme*/
       ctx[1])) {
         attr(button, "class", button_class_value);
       }
       if (dirty[0] & /*$apps, $status*/
-      50331648 && button_title_value !== (button_title_value = /*label*/
-      ctx[59] + /*state*/
-      (ctx[62] && /*state*/
-      ctx[62].reason ? ": " + /*state*/
-      ctx[62].reason : ""))) {
+      100663296 && button_title_value !== (button_title_value = /*label*/
+      ctx[60] + /*state*/
+      (ctx[63] && /*state*/
+      ctx[63].reason ? ": " + /*state*/
+      ctx[63].reason : ""))) {
         attr(button, "title", button_title_value);
       }
       if (dirty[0] & /*$apps*/
-      16777216 && button_data_app_kind_value !== (button_data_app_kind_value = /*netless_app*/
-      ctx[57].kind)) {
+      33554432 && button_data_app_kind_value !== (button_data_app_kind_value = /*netless_app*/
+      ctx[58].kind)) {
         attr(button, "data-app-kind", button_data_app_kind_value);
       }
       if (dirty[0] & /*$status, $apps*/
-      50331648 && button_disabled_value !== (button_disabled_value = /*state*/
-      ctx[62] && /*state*/
-      ctx[62].status !== "idle")) {
+      100663296 && button_disabled_value !== (button_disabled_value = /*state*/
+      ctx[63] && /*state*/
+      ctx[63].status !== "idle")) {
         button.disabled = button_disabled_value;
       }
       if (dirty[0] & /*$apps, theme, $status, $apps*/
-      50331650) {
+      100663298) {
         toggle_class(
           button,
           "is-loading",
           /*state*/
-          ctx[62] && /*state*/
-          ctx[62].status === "loading"
+          ctx[63] && /*state*/
+          ctx[63].status === "loading"
         );
       }
       if (dirty[0] & /*$apps, theme, $status, $apps*/
-      50331650) {
+      100663298) {
         toggle_class(
           button,
           "is-failed",
           /*state*/
-          ctx[62] && /*state*/
-          ctx[62].status === "failed"
+          ctx[63] && /*state*/
+          ctx[63].status === "failed"
         );
       }
     },
@@ -15058,7 +15064,7 @@ function create_fragment74(ctx) {
   });
   let each_value = (
     /*$apps*/
-    ctx[24]
+    ctx[25]
   );
   let each_blocks = [];
   for (let i = 0; i < each_value.length; i += 1) {
@@ -15138,7 +15144,7 @@ function create_fragment74(ctx) {
         div10,
         "--n",
         /*$apps*/
-        ctx[24].length
+        ctx[25].length
       );
       attr(div11, "class", name5 + "-panel-wrapper");
       set_style(div11, "display", "none");
@@ -15171,11 +15177,11 @@ function create_fragment74(ctx) {
       append(div3, div2);
       append(div3, t6);
       mount_component(strokecolor0, div3, null);
-      ctx[49](div3);
+      ctx[50](div3);
       append(div11, t7);
       append(div11, div4);
       mount_component(textcolor, div4, null);
-      ctx[50](div4);
+      ctx[51](div4);
       append(div11, t8);
       append(div11, div7);
       mount_component(selectshapes, div7, null);
@@ -15187,7 +15193,7 @@ function create_fragment74(ctx) {
       append(div7, div6);
       append(div7, t12);
       mount_component(strokecolor1, div7, null);
-      ctx[51](div7);
+      ctx[52](div7);
       append(div11, t13);
       append(div11, div9);
       append(div9, div8);
@@ -15195,7 +15201,7 @@ function create_fragment74(ctx) {
         if_block4.m(div8, null);
       append(div9, t14);
       mount_component(erasersize, div9, null);
-      ctx[52](div9);
+      ctx[53](div9);
       append(div11, t15);
       append(div11, div10);
       for (let i = 0; i < each_blocks.length; i += 1) {
@@ -15203,7 +15209,7 @@ function create_fragment74(ctx) {
           each_blocks[i].m(div10, null);
         }
       }
-      ctx[54](div10);
+      ctx[55](div10);
       current = true;
       if (!mounted) {
         dispose = [
@@ -15217,7 +15223,7 @@ function create_fragment74(ctx) {
             null,
             div0,
             /*top*/
-            ctx[26]
+            ctx[27]
           ))
         ];
         mounted = true;
@@ -15248,9 +15254,9 @@ function create_fragment74(ctx) {
         });
         check_outros();
       }
-      if (dirty[0] & /*appliance, theme, btn_props, c, clicker, items, selector, pencilType, pencil_panel, text_panel, app, t, shapes_panel, eraserType, hasAppliancePlugin, eraser_panel*/
-      1621064835 | dirty[1] & /*pencil, text, eraser, clear, hand, laserPointer*/
-      63) {
+      if (dirty[0] & /*appliance, theme, btn_props, c, clicker, items, pencilType, pencil_panel, text_panel, app, t, shapes_panel, eraserType, hasAppliancePlugin, eraser_panel*/
+      1092582531 | dirty[1] & /*selector, pencil, text, eraser, clear, hand, laserPointer*/
+      127) {
         each_value_1 = /*items*/
         ctx2[7];
         let i;
@@ -15489,9 +15495,9 @@ function create_fragment74(ctx) {
         ctx2[3];
       erasersize.$set(erasersize_changes);
       if (dirty[0] & /*$apps, theme, $status, app*/
-      50331651) {
+      100663299) {
         each_value = /*$apps*/
-        ctx2[24];
+        ctx2[25];
         let i;
         for (i = 0; i < each_value.length; i += 1) {
           const child_ctx = get_each_context4(ctx2, each_value, i);
@@ -15509,12 +15515,12 @@ function create_fragment74(ctx) {
         each_blocks.length = each_value.length;
       }
       if (!current || dirty[0] & /*$apps*/
-      16777216) {
+      33554432) {
         set_style(
           div10,
           "--n",
           /*$apps*/
-          ctx2[24].length
+          ctx2[25].length
         );
       }
     },
@@ -15579,19 +15585,19 @@ function create_fragment74(ctx) {
         if_block3.d();
       destroy_component(strokewidth0);
       destroy_component(strokecolor0);
-      ctx[49](null);
-      destroy_component(textcolor);
       ctx[50](null);
+      destroy_component(textcolor);
+      ctx[51](null);
       destroy_component(selectshapes);
       destroy_component(strokewidth1);
       destroy_component(strokecolor1);
-      ctx[51](null);
+      ctx[52](null);
       if (if_block4)
         if_block4.d();
       destroy_component(erasersize);
-      ctx[52](null);
+      ctx[53](null);
       destroy_each(each_blocks, detaching);
-      ctx[54](null);
+      ctx[55](null);
       mounted = false;
       run_all(dispose);
     }
@@ -15607,17 +15613,18 @@ function instance74($$self, $$props, $$invalidate) {
   let status;
   let max_scroll;
   let hasAppliancePlugin;
+  let showLaserPen;
   let hasUseLaserPen;
   let hasUseMarkPen;
   let pencilType;
   let hasUseEraserBitmap;
   let eraserType;
   let $top;
-  let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(47, $memberState = $$value)), memberState);
-  let $scroll_height, $$unsubscribe_scroll_height = noop, $$subscribe_scroll_height = () => ($$unsubscribe_scroll_height(), $$unsubscribe_scroll_height = subscribe(scroll_height, ($$value) => $$invalidate(48, $scroll_height = $$value)), scroll_height);
+  let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(48, $memberState = $$value)), memberState);
+  let $scroll_height, $$unsubscribe_scroll_height = noop, $$subscribe_scroll_height = () => ($$unsubscribe_scroll_height(), $$unsubscribe_scroll_height = subscribe(scroll_height, ($$value) => $$invalidate(49, $scroll_height = $$value)), scroll_height);
   let $apps;
-  let $status, $$unsubscribe_status = noop, $$subscribe_status = () => ($$unsubscribe_status(), $$unsubscribe_status = subscribe(status, ($$value) => $$invalidate(25, $status = $$value)), status);
-  component_subscribe($$self, apps, ($$value) => $$invalidate(24, $apps = $$value));
+  let $status, $$unsubscribe_status = noop, $$subscribe_status = () => ($$unsubscribe_status(), $$unsubscribe_status = subscribe(status, ($$value) => $$invalidate(26, $status = $$value)), status);
+  component_subscribe($$self, apps, ($$value) => $$invalidate(25, $apps = $$value));
   $$self.$$.on_destroy.push(() => $$unsubscribe_memberState());
   $$self.$$.on_destroy.push(() => $$unsubscribe_scroll_height());
   $$self.$$.on_destroy.push(() => $$unsubscribe_status());
@@ -15640,7 +15647,7 @@ function instance74($$self, $$props, $$invalidate) {
   let eraser_panel;
   let btn_props;
   let top = writable(0);
-  component_subscribe($$self, top, (value) => $$invalidate(56, $top = value));
+  component_subscribe($$self, top, (value) => $$invalidate(57, $top = value));
   function scroll_up() {
     set_store_value(top, $top = clamp($top - 32 - 4, 0, max_scroll), $top);
   }
@@ -15786,7 +15793,7 @@ function instance74($$self, $$props, $$invalidate) {
     if ("scroll_height" in $$props2)
       $$subscribe_scroll_height($$invalidate(4, scroll_height = $$props2.scroll_height));
     if ("computed_height" in $$props2)
-      $$invalidate(42, computed_height = $$props2.computed_height);
+      $$invalidate(43, computed_height = $$props2.computed_height);
     if ("scrollable" in $$props2)
       $$invalidate(5, scrollable = $$props2.scrollable);
     if ("placement" in $$props2)
@@ -15799,6 +15806,7 @@ function instance74($$self, $$props, $$invalidate) {
       $$invalidate(9, colors2 = $$props2.colors);
   };
   $$self.$$.update = () => {
+    var _a;
     if ($$self.$$.dirty[0] & /*theme, disabled, placement*/
     74) {
       $$invalidate(17, btn_props = {
@@ -15815,12 +15823,12 @@ function instance74($$self, $$props, $$invalidate) {
     }
     if ($$self.$$.dirty[0] & /*app*/
     1) {
-      $$invalidate(46, hotkeys = app == null ? void 0 : app.hotKeys);
+      $$invalidate(47, hotkeys = app == null ? void 0 : app.hotKeys);
     }
     if ($$self.$$.dirty[0] & /*t*/
     2048 | $$self.$$.dirty[1] & /*hotkeys*/
-    32768) {
-      $$invalidate(23, c = {
+    65536) {
+      $$invalidate(24, c = {
           clicker: tooltip(t.clicker, hotkeys == null ? void 0 : hotkeys.changeToClick),
           selector: tooltip(t.selector, hotkeys == null ? void 0 : hotkeys.changeToSelector),
           pencil: tooltip(t.pencil, hotkeys == null ? void 0 : hotkeys.changeToPencil),
@@ -15832,46 +15840,50 @@ function instance74($$self, $$props, $$invalidate) {
     }
     if ($$self.$$.dirty[0] & /*app*/
     1) {
-      $$subscribe_memberState($$invalidate(22, memberState = app == null ? void 0 : app.memberState));
+      $$subscribe_memberState($$invalidate(23, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty[1] & /*$memberState*/
-    65536) {
+    131072) {
       $$invalidate(19, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
     }
     if ($$self.$$.dirty[0] & /*app*/
     1) {
-      $$subscribe_status($$invalidate(21, status = app == null ? void 0 : app.appsStatus));
+      $$subscribe_status($$invalidate(22, status = app == null ? void 0 : app.appsStatus));
     }
     if ($$self.$$.dirty[0] & /*scrollable*/
     32 | $$self.$$.dirty[1] & /*$scroll_height, computed_height*/
-    133120) {
+    266240) {
       max_scroll = scrollable ? $scroll_height + (32 + 8) * 2 - computed_height : 0;
     }
     if ($$self.$$.dirty[0] & /*app*/
     1) {
       $$invalidate(10, hasAppliancePlugin = !!(app == null ? void 0 : app.appliancePlugin));
     }
+    if ($$self.$$.dirty[0] & /*app*/
+    1) {
+      $$invalidate(21, showLaserPen = (app == null ? void 0 : app.appliancePlugin) && !((_a = app == null ? void 0 : app.appliancePlugin.currentManager) == null ? void 0 : _a.pluginOptions.extras.useSimple) || false);
+    }
     if ($$self.$$.dirty[0] & /*hasAppliancePlugin*/
     1024 | $$self.$$.dirty[1] & /*$memberState*/
-    65536) {
-      $$invalidate(45, hasUseLaserPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.useLaserPen) || false);
+    131072) {
+      $$invalidate(46, hasUseLaserPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.useLaserPen) || false);
     }
     if ($$self.$$.dirty[0] & /*hasAppliancePlugin*/
     1024 | $$self.$$.dirty[1] & /*$memberState*/
-    65536) {
-      $$invalidate(44, hasUseMarkPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.strokeOpacity) === 0.5 || false);
+    131072) {
+      $$invalidate(45, hasUseMarkPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.strokeOpacity) === 0.5 || false);
     }
     if ($$self.$$.dirty[1] & /*hasUseLaserPen, hasUseMarkPen*/
-    24576) {
+    49152) {
       $$invalidate(20, pencilType = hasUseLaserPen ? "laser" : hasUseMarkPen ? "mark" : "pencil");
     }
     if ($$self.$$.dirty[0] & /*hasAppliancePlugin*/
     1024 | $$self.$$.dirty[1] & /*$memberState*/
-    65536) {
-      $$invalidate(43, hasUseEraserBitmap = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.isLine) === false);
+    131072) {
+      $$invalidate(44, hasUseEraserBitmap = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.isLine) === false);
     }
     if ($$self.$$.dirty[1] & /*hasUseEraserBitmap*/
-    4096) {
+    8192) {
       $$invalidate(18, eraserType = hasUseEraserBitmap ? "pencilEraser" : "eraser");
     }
   };
@@ -15897,6 +15909,7 @@ function instance74($$self, $$props, $$invalidate) {
     eraserType,
     appliance,
     pencilType,
+    showLaserPen,
     status,
     memberState,
     c,
@@ -15948,7 +15961,7 @@ var Contents = class extends SvelteComponent {
         language: 2,
         disabled: 3,
         scroll_height: 4,
-        computed_height: 42,
+        computed_height: 43,
         scrollable: 5,
         placement: 6,
         items: 7,