@netless/fastboard-ui 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3845,6 +3845,154 @@ var LaserPenFilled = class extends SvelteComponent {
3845
3845
  }
3846
3846
  };
3847
3847
  var LaserPenFilled_default = LaserPenFilled;
3848
+ function create_fragment51(ctx) {
3849
+ let svg;
3850
+ let g;
3851
+ let path;
3852
+ let svg_class_value;
3853
+ return {
3854
+ c() {
3855
+ svg = svg_element("svg");
3856
+ g = svg_element("g");
3857
+ path = svg_element("path");
3858
+ attr(path, "class", "fastboard-icon-stroke-color");
3859
+ attr(path, "d", "m15.95 2.39l5.657 5.657a1 1 0 0 1 0 1.414l-7.778 7.778l-2.122.707l-1.414 1.415a1 1 0 0 1-1.414 0l-4.243-4.243a1 1 0 0 1 0-1.414L6.05 12.29l.707-2.122l7.779-7.778a1 1 0 0 1 1.414 0m.707 3.536l-6.364 6.364l1.414 1.414l6.364-6.364zM4.283 16.886l2.828 2.828l-1.414 1.415l-4.243-1.415z");
3860
+ attr(g, "stroke-width", "1");
3861
+ attr(g, "stroke-linecap", "round");
3862
+ attr(g, "stroke-linejoin", "round");
3863
+ attr(g, "transform", "scale(0.85 0.9) translate(2, 0)");
3864
+ attr(svg, "fill", "none");
3865
+ attr(svg, "viewBox", "0 0 24 24");
3866
+ attr(svg, "class", svg_class_value = "fastboard-icon " + /*theme*/
3867
+ ctx[0]);
3868
+ toggle_class(
3869
+ svg,
3870
+ "is-active",
3871
+ /*active*/
3872
+ ctx[1]
3873
+ );
3874
+ },
3875
+ m(target, anchor) {
3876
+ insert(target, svg, anchor);
3877
+ append(svg, g);
3878
+ append(g, path);
3879
+ },
3880
+ p(ctx2, [dirty]) {
3881
+ if (dirty & /*theme*/
3882
+ 1 && svg_class_value !== (svg_class_value = "fastboard-icon " + /*theme*/
3883
+ ctx2[0])) {
3884
+ attr(svg, "class", svg_class_value);
3885
+ }
3886
+ if (dirty & /*theme, active*/
3887
+ 3) {
3888
+ toggle_class(
3889
+ svg,
3890
+ "is-active",
3891
+ /*active*/
3892
+ ctx2[1]
3893
+ );
3894
+ }
3895
+ },
3896
+ i: noop,
3897
+ o: noop,
3898
+ d(detaching) {
3899
+ if (detaching)
3900
+ detach(svg);
3901
+ }
3902
+ };
3903
+ }
3904
+ function instance51($$self, $$props, $$invalidate) {
3905
+ let { theme = "light" } = $$props;
3906
+ let { active = false } = $$props;
3907
+ $$self.$$set = ($$props2) => {
3908
+ if ("theme" in $$props2)
3909
+ $$invalidate(0, theme = $$props2.theme);
3910
+ if ("active" in $$props2)
3911
+ $$invalidate(1, active = $$props2.active);
3912
+ };
3913
+ return [theme, active];
3914
+ }
3915
+ var MarkPen = class extends SvelteComponent {
3916
+ constructor(options) {
3917
+ super();
3918
+ init(this, options, instance51, create_fragment51, safe_not_equal, { theme: 0, active: 1 });
3919
+ }
3920
+ };
3921
+ var MarkPen_default = MarkPen;
3922
+ function create_fragment52(ctx) {
3923
+ let svg;
3924
+ let g;
3925
+ let path;
3926
+ let svg_class_value;
3927
+ return {
3928
+ c() {
3929
+ svg = svg_element("svg");
3930
+ g = svg_element("g");
3931
+ path = svg_element("path");
3932
+ attr(path, "class", "fastboard-icon-fill-color");
3933
+ attr(path, "d", "m15.95 2.39l5.657 5.657a1 1 0 0 1 0 1.414l-7.778 7.778l-2.122.707l-1.414 1.415a1 1 0 0 1-1.414 0l-4.243-4.243a1 1 0 0 1 0-1.414L6.05 12.29l.707-2.122l7.779-7.778a1 1 0 0 1 1.414 0m.707 3.536l-6.364 6.364l1.414 1.414l6.364-6.364zM4.283 16.886l2.828 2.828l-1.414 1.415l-4.243-1.415z");
3934
+ attr(g, "stroke-width", "1");
3935
+ attr(g, "stroke-linecap", "round");
3936
+ attr(g, "stroke-linejoin", "round");
3937
+ attr(g, "transform", "scale(0.85 0.9) translate(2, 0)");
3938
+ attr(svg, "fill", "none");
3939
+ attr(svg, "viewBox", "0 0 24 24");
3940
+ attr(svg, "class", svg_class_value = "fastboard-icon " + /*theme*/
3941
+ ctx[0]);
3942
+ toggle_class(
3943
+ svg,
3944
+ "is-active",
3945
+ /*active*/
3946
+ ctx[1]
3947
+ );
3948
+ },
3949
+ m(target, anchor) {
3950
+ insert(target, svg, anchor);
3951
+ append(svg, g);
3952
+ append(g, path);
3953
+ },
3954
+ p(ctx2, [dirty]) {
3955
+ if (dirty & /*theme*/
3956
+ 1 && svg_class_value !== (svg_class_value = "fastboard-icon " + /*theme*/
3957
+ ctx2[0])) {
3958
+ attr(svg, "class", svg_class_value);
3959
+ }
3960
+ if (dirty & /*theme, active*/
3961
+ 3) {
3962
+ toggle_class(
3963
+ svg,
3964
+ "is-active",
3965
+ /*active*/
3966
+ ctx2[1]
3967
+ );
3968
+ }
3969
+ },
3970
+ i: noop,
3971
+ o: noop,
3972
+ d(detaching) {
3973
+ if (detaching)
3974
+ detach(svg);
3975
+ }
3976
+ };
3977
+ }
3978
+ function instance52($$self, $$props, $$invalidate) {
3979
+ let { theme = "light" } = $$props;
3980
+ let { active = false } = $$props;
3981
+ $$self.$$set = ($$props2) => {
3982
+ if ("theme" in $$props2)
3983
+ $$invalidate(0, theme = $$props2.theme);
3984
+ if ("active" in $$props2)
3985
+ $$invalidate(1, active = $$props2.active);
3986
+ };
3987
+ return [theme, active];
3988
+ }
3989
+ var MarkPenFilled = class extends SvelteComponent {
3990
+ constructor(options) {
3991
+ super();
3992
+ init(this, options, instance52, create_fragment52, safe_not_equal, { theme: 0, active: 1 });
3993
+ }
3994
+ };
3995
+ var MarkPenFilled_default = MarkPenFilled;
3848
3996
 
3849
3997
  // src/components/Icons/index.ts
3850
3998
  var Icons = {
@@ -3896,7 +4044,9 @@ var Icons = {
3896
4044
  Pause: Pause_default,
3897
4045
  Loading: Loading_default,
3898
4046
  LaserPen: LaserPen_default,
3899
- LaserPenFilled: LaserPenFilled_default
4047
+ LaserPenFilled: LaserPenFilled_default,
4048
+ MarkPen: MarkPen_default,
4049
+ MarkPenFilled: MarkPenFilled_default
3900
4050
  };
3901
4051
  var Icons_default = Icons;
3902
4052
  if (typeof window !== "undefined") {
@@ -3909,12 +4059,12 @@ if (typeof window !== "undefined") {
3909
4059
  {
3910
4060
  name: "className",
3911
4061
  defaultValue: "",
3912
- fn(instance74) {
4062
+ fn(instance76) {
3913
4063
  function add() {
3914
- const el = instance74.popper.firstElementChild;
4064
+ const el = instance76.popper.firstElementChild;
3915
4065
  if (el) {
3916
4066
  el.classList.add("fastboard-tip");
3917
- const extra = (instance74.props.className || "").trim();
4067
+ const extra = (instance76.props.className || "").trim();
3918
4068
  if (extra) {
3919
4069
  el.classList.add(extra);
3920
4070
  }
@@ -3922,7 +4072,7 @@ if (typeof window !== "undefined") {
3922
4072
  }
3923
4073
  function remove() {
3924
4074
  var _a;
3925
- (_a = instance74.popper.firstElementChild) == null ? void 0 : _a.classList.remove("fastboard-tip");
4075
+ (_a = instance76.popper.firstElementChild) == null ? void 0 : _a.classList.remove("fastboard-tip");
3926
4076
  }
3927
4077
  return {
3928
4078
  onCreate: add,
@@ -3935,21 +4085,21 @@ if (typeof window !== "undefined") {
3935
4085
  });
3936
4086
  }
3937
4087
  var tippy = function(node, props) {
3938
- const instance74 = Tippy(node, props);
4088
+ const instance76 = Tippy(node, props);
3939
4089
  return {
3940
4090
  update(props2) {
3941
- instance74.setProps(props2);
4091
+ instance76.setProps(props2);
3942
4092
  },
3943
4093
  destroy() {
3944
- instance74.destroy();
4094
+ instance76.destroy();
3945
4095
  }
3946
4096
  };
3947
4097
  };
3948
4098
  function tippy_hide_all() {
3949
4099
  document.querySelectorAll("[data-tippy-root]").forEach((el) => {
3950
- const instance74 = el._tippy;
3951
- if (instance74)
3952
- instance74.hide();
4100
+ const instance76 = el._tippy;
4101
+ if (instance76)
4102
+ instance76.hide();
3953
4103
  });
3954
4104
  }
3955
4105
  var tippy_menu = {
@@ -4463,7 +4613,7 @@ function create_if_block_1(ctx) {
4463
4613
  }
4464
4614
  };
4465
4615
  }
4466
- function create_fragment51(ctx) {
4616
+ function create_fragment53(ctx) {
4467
4617
  let current_block_type_index;
4468
4618
  let if_block;
4469
4619
  let if_block_anchor;
@@ -4529,7 +4679,7 @@ function create_fragment51(ctx) {
4529
4679
  }
4530
4680
  };
4531
4681
  }
4532
- function instance51($$self, $$props, $$invalidate) {
4682
+ function instance53($$self, $$props, $$invalidate) {
4533
4683
  let { $$slots: slots = {}, $$scope } = $$props;
4534
4684
  let { class: className = "" } = $$props;
4535
4685
  let { name: name10 = "fastboard-ui" } = $$props;
@@ -4587,7 +4737,7 @@ function instance51($$self, $$props, $$invalidate) {
4587
4737
  var Button = class extends SvelteComponent {
4588
4738
  constructor(options) {
4589
4739
  super();
4590
- init(this, options, instance51, create_fragment51, safe_not_equal, {
4740
+ init(this, options, instance53, create_fragment53, safe_not_equal, {
4591
4741
  class: 0,
4592
4742
  name: 1,
4593
4743
  theme: 2,
@@ -4792,7 +4942,7 @@ function create_default_slot(ctx) {
4792
4942
  }
4793
4943
  };
4794
4944
  }
4795
- function create_fragment52(ctx) {
4945
+ function create_fragment54(ctx) {
4796
4946
  let div;
4797
4947
  let button0;
4798
4948
  let t_1;
@@ -4933,7 +5083,7 @@ var i18n = {
4933
5083
  "zh-CN": { redo: "\u91CD\u505A", undo: "\u64A4\u9500" }
4934
5084
  };
4935
5085
  var name = "fastboard-redo-undo";
4936
- function instance52($$self, $$props, $$invalidate) {
5086
+ function instance54($$self, $$props, $$invalidate) {
4937
5087
  let writable2;
4938
5088
  let phase;
4939
5089
  let disabled;
@@ -5034,7 +5184,7 @@ function instance52($$self, $$props, $$invalidate) {
5034
5184
  var RedoUndo = class extends SvelteComponent {
5035
5185
  constructor(options) {
5036
5186
  super();
5037
- init(this, options, instance52, create_fragment52, safe_not_equal, {
5187
+ init(this, options, instance54, create_fragment54, safe_not_equal, {
5038
5188
  app: 12,
5039
5189
  theme: 0,
5040
5190
  language: 13,
@@ -5389,7 +5539,7 @@ function create_default_slot2(ctx) {
5389
5539
  }
5390
5540
  };
5391
5541
  }
5392
- function create_fragment53(ctx) {
5542
+ function create_fragment55(ctx) {
5393
5543
  let div;
5394
5544
  let button0;
5395
5545
  let t0;
@@ -5624,7 +5774,7 @@ var i18n2 = {
5624
5774
  "zh-CN": { prev: "\u4E0A\u4E00\u9875", next: "\u4E0B\u4E00\u9875", add: "\u6DFB\u52A0\u9875\u9762" }
5625
5775
  };
5626
5776
  var name2 = "fastboard-page-control";
5627
- function instance53($$self, $$props, $$invalidate) {
5777
+ function instance55($$self, $$props, $$invalidate) {
5628
5778
  let writable2;
5629
5779
  let phase;
5630
5780
  let disabled;
@@ -5730,7 +5880,7 @@ function instance53($$self, $$props, $$invalidate) {
5730
5880
  var PageControl = class extends SvelteComponent {
5731
5881
  constructor(options) {
5732
5882
  super();
5733
- init(this, options, instance53, create_fragment53, safe_not_equal, {
5883
+ init(this, options, instance55, create_fragment55, safe_not_equal, {
5734
5884
  app: 16,
5735
5885
  theme: 0,
5736
5886
  language: 17,
@@ -6079,7 +6229,7 @@ function create_default_slot3(ctx) {
6079
6229
  }
6080
6230
  };
6081
6231
  }
6082
- function create_fragment54(ctx) {
6232
+ function create_fragment56(ctx) {
6083
6233
  let div;
6084
6234
  let button0;
6085
6235
  let t0;
@@ -6342,7 +6492,7 @@ function next_scale(scale, delta) {
6342
6492
  return 1;
6343
6493
  }
6344
6494
  var name3 = "fastboard-zoom-control";
6345
- function instance54($$self, $$props, $$invalidate) {
6495
+ function instance56($$self, $$props, $$invalidate) {
6346
6496
  let writable2;
6347
6497
  let phase;
6348
6498
  let disabled;
@@ -6453,7 +6603,7 @@ function instance54($$self, $$props, $$invalidate) {
6453
6603
  var ZoomControl = class extends SvelteComponent {
6454
6604
  constructor(options) {
6455
6605
  super();
6456
- init(this, options, instance54, create_fragment54, safe_not_equal, {
6606
+ init(this, options, instance56, create_fragment56, safe_not_equal, {
6457
6607
  app: 15,
6458
6608
  theme: 0,
6459
6609
  language: 16,
@@ -6707,7 +6857,7 @@ function hexToRgb(hex) {
6707
6857
  const b = parseInt(hex.slice(4, 6), 16);
6708
6858
  return [r, g, b];
6709
6859
  }
6710
- function create_fragment55(ctx) {
6860
+ function create_fragment57(ctx) {
6711
6861
  let div;
6712
6862
  let input;
6713
6863
  let input_class_value;
@@ -6922,7 +7072,7 @@ function create_fragment55(ctx) {
6922
7072
  };
6923
7073
  }
6924
7074
  var name4 = "fastboard-slider";
6925
- function instance55($$self, $$props, $$invalidate) {
7075
+ function instance57($$self, $$props, $$invalidate) {
6926
7076
  let percent;
6927
7077
  const dispatch = createEventDispatcher();
6928
7078
  let { class: className = "" } = $$props;
@@ -6993,7 +7143,7 @@ function instance55($$self, $$props, $$invalidate) {
6993
7143
  var Slider = class extends SvelteComponent {
6994
7144
  constructor(options) {
6995
7145
  super();
6996
- init(this, options, instance55, create_fragment55, safe_not_equal, {
7146
+ init(this, options, instance57, create_fragment57, safe_not_equal, {
6997
7147
  class: 1,
6998
7148
  theme: 2,
6999
7149
  min: 3,
@@ -7007,7 +7157,7 @@ var Slider = class extends SvelteComponent {
7007
7157
  var Slider_default = Slider;
7008
7158
 
7009
7159
  // src/components/Toolbar/components/StrokeWidth.svelte
7010
- function create_fragment56(ctx) {
7160
+ function create_fragment58(ctx) {
7011
7161
  let slider;
7012
7162
  let current;
7013
7163
  const slider_spread_levels = [
@@ -7063,7 +7213,7 @@ function create_fragment56(ctx) {
7063
7213
  }
7064
7214
  };
7065
7215
  }
7066
- function instance56($$self, $$props, $$invalidate) {
7216
+ function instance58($$self, $$props, $$invalidate) {
7067
7217
  let memberState;
7068
7218
  let value;
7069
7219
  let props;
@@ -7112,7 +7262,7 @@ function instance56($$self, $$props, $$invalidate) {
7112
7262
  var StrokeWidth = class extends SvelteComponent {
7113
7263
  constructor(options) {
7114
7264
  super();
7115
- init(this, options, instance56, create_fragment56, safe_not_equal, { app: 3, theme: 4, disabled: 5 });
7265
+ init(this, options, instance58, create_fragment58, safe_not_equal, { app: 3, theme: 4, disabled: 5 });
7116
7266
  }
7117
7267
  };
7118
7268
  var StrokeWidth_default = StrokeWidth;
@@ -7214,7 +7364,7 @@ function create_each_block(ctx) {
7214
7364
  }
7215
7365
  };
7216
7366
  }
7217
- function create_fragment57(ctx) {
7367
+ function create_fragment59(ctx) {
7218
7368
  let div;
7219
7369
  let div_class_value;
7220
7370
  let mounted;
@@ -7294,7 +7444,7 @@ function create_fragment57(ctx) {
7294
7444
  function is_equal_color(a, b) {
7295
7445
  return a && b && a.every((v, i) => v === b[i]);
7296
7446
  }
7297
- function instance57($$self, $$props, $$invalidate) {
7447
+ function instance59($$self, $$props, $$invalidate) {
7298
7448
  let memberState;
7299
7449
  let strokeColor;
7300
7450
  let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(7, $memberState = $$value)), memberState);
@@ -7346,7 +7496,7 @@ function instance57($$self, $$props, $$invalidate) {
7346
7496
  var StrokeColor = class extends SvelteComponent {
7347
7497
  constructor(options) {
7348
7498
  super();
7349
- init(this, options, instance57, create_fragment57, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
7499
+ init(this, options, instance59, create_fragment59, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
7350
7500
  }
7351
7501
  };
7352
7502
  var StrokeColor_default = StrokeColor;
@@ -7448,7 +7598,7 @@ function create_each_block2(ctx) {
7448
7598
  }
7449
7599
  };
7450
7600
  }
7451
- function create_fragment58(ctx) {
7601
+ function create_fragment60(ctx) {
7452
7602
  let div;
7453
7603
  let div_class_value;
7454
7604
  let mounted;
@@ -7528,7 +7678,7 @@ function create_fragment58(ctx) {
7528
7678
  function is_equal_color2(a, b) {
7529
7679
  return a && b && a.every((v, i) => v === b[i]);
7530
7680
  }
7531
- function instance58($$self, $$props, $$invalidate) {
7681
+ function instance60($$self, $$props, $$invalidate) {
7532
7682
  let memberState;
7533
7683
  let textColor;
7534
7684
  let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(7, $memberState = $$value)), memberState);
@@ -7580,7 +7730,7 @@ function instance58($$self, $$props, $$invalidate) {
7580
7730
  var TextColor = class extends SvelteComponent {
7581
7731
  constructor(options) {
7582
7732
  super();
7583
- init(this, options, instance58, create_fragment58, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
7733
+ init(this, options, instance60, create_fragment60, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
7584
7734
  }
7585
7735
  };
7586
7736
  var TextColor_default = TextColor;
@@ -7909,7 +8059,7 @@ function create_each_block3(key_1, ctx) {
7909
8059
  }
7910
8060
  };
7911
8061
  }
7912
- function create_fragment59(ctx) {
8062
+ function create_fragment61(ctx) {
7913
8063
  let div;
7914
8064
  let each_blocks = [];
7915
8065
  let each_1_lookup = /* @__PURE__ */ new Map();
@@ -8015,7 +8165,7 @@ var i18n5 = {
8015
8165
  speechBalloon: "\u6C14\u6CE1"
8016
8166
  }
8017
8167
  };
8018
- function instance59($$self, $$props, $$invalidate) {
8168
+ function instance61($$self, $$props, $$invalidate) {
8019
8169
  let t;
8020
8170
  let memberState;
8021
8171
  let appliance;
@@ -8100,7 +8250,7 @@ function instance59($$self, $$props, $$invalidate) {
8100
8250
  var SelectShapes = class extends SvelteComponent {
8101
8251
  constructor(options) {
8102
8252
  super();
8103
- init(this, options, instance59, create_fragment59, safe_not_equal, {
8253
+ init(this, options, instance61, create_fragment61, safe_not_equal, {
8104
8254
  app: 8,
8105
8255
  theme: 0,
8106
8256
  language: 9,
@@ -8253,7 +8403,7 @@ function create_default_slot4(ctx) {
8253
8403
  }
8254
8404
  };
8255
8405
  }
8256
- function create_fragment60(ctx) {
8406
+ function create_fragment62(ctx) {
8257
8407
  let button;
8258
8408
  let current;
8259
8409
  const button_spread_levels = [
@@ -8322,7 +8472,7 @@ function create_fragment60(ctx) {
8322
8472
  }
8323
8473
  };
8324
8474
  }
8325
- function instance60($$self, $$props, $$invalidate) {
8475
+ function instance62($$self, $$props, $$invalidate) {
8326
8476
  let { btn_props = {} } = $$props;
8327
8477
  let { content } = $$props;
8328
8478
  let { appliance } = $$props;
@@ -8345,7 +8495,7 @@ function instance60($$self, $$props, $$invalidate) {
8345
8495
  var Clicker = class extends SvelteComponent {
8346
8496
  constructor(options) {
8347
8497
  super();
8348
- init(this, options, instance60, create_fragment60, safe_not_equal, {
8498
+ init(this, options, instance62, create_fragment62, safe_not_equal, {
8349
8499
  btn_props: 0,
8350
8500
  content: 1,
8351
8501
  appliance: 2,
@@ -8498,7 +8648,7 @@ function create_default_slot5(ctx) {
8498
8648
  }
8499
8649
  };
8500
8650
  }
8501
- function create_fragment61(ctx) {
8651
+ function create_fragment63(ctx) {
8502
8652
  let button;
8503
8653
  let current;
8504
8654
  const button_spread_levels = [
@@ -8567,7 +8717,7 @@ function create_fragment61(ctx) {
8567
8717
  }
8568
8718
  };
8569
8719
  }
8570
- function instance61($$self, $$props, $$invalidate) {
8720
+ function instance63($$self, $$props, $$invalidate) {
8571
8721
  let { btn_props = {} } = $$props;
8572
8722
  let { content } = $$props;
8573
8723
  let { appliance } = $$props;
@@ -8590,7 +8740,7 @@ function instance61($$self, $$props, $$invalidate) {
8590
8740
  var Selector2 = class extends SvelteComponent {
8591
8741
  constructor(options) {
8592
8742
  super();
8593
- init(this, options, instance61, create_fragment61, safe_not_equal, {
8743
+ init(this, options, instance63, create_fragment63, safe_not_equal, {
8594
8744
  btn_props: 0,
8595
8745
  content: 1,
8596
8746
  appliance: 2,
@@ -8599,146 +8749,154 @@ var Selector2 = class extends SvelteComponent {
8599
8749
  }
8600
8750
  };
8601
8751
  var Selector_default2 = Selector2;
8602
- function create_else_block8(ctx) {
8603
- let icons_pencil;
8752
+ function create_if_block_4(ctx) {
8753
+ let current_block_type_index;
8754
+ let if_block;
8755
+ let if_block_anchor;
8604
8756
  let current;
8605
- icons_pencil = new Icons_default.Pencil({ props: { theme: (
8606
- /*theme*/
8607
- ctx[4]
8608
- ) } });
8757
+ const if_block_creators = [create_if_block_5, create_else_block_2];
8758
+ const if_blocks = [];
8759
+ function select_block_type_3(ctx2, dirty) {
8760
+ if (
8761
+ /*appliance*/
8762
+ ctx2[3] === "pencil"
8763
+ )
8764
+ return 0;
8765
+ return 1;
8766
+ }
8767
+ current_block_type_index = select_block_type_3(ctx);
8768
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
8609
8769
  return {
8610
8770
  c() {
8611
- create_component(icons_pencil.$$.fragment);
8771
+ if_block.c();
8772
+ if_block_anchor = empty();
8612
8773
  },
8613
8774
  m(target, anchor) {
8614
- mount_component(icons_pencil, target, anchor);
8775
+ if_blocks[current_block_type_index].m(target, anchor);
8776
+ insert(target, if_block_anchor, anchor);
8615
8777
  current = true;
8616
8778
  },
8617
8779
  p(ctx2, dirty) {
8618
- const icons_pencil_changes = {};
8619
- if (dirty & /*theme*/
8620
- 16)
8621
- icons_pencil_changes.theme = /*theme*/
8622
- ctx2[4];
8623
- icons_pencil.$set(icons_pencil_changes);
8780
+ let previous_block_index = current_block_type_index;
8781
+ current_block_type_index = select_block_type_3(ctx2);
8782
+ if (current_block_type_index === previous_block_index) {
8783
+ if_blocks[current_block_type_index].p(ctx2, dirty);
8784
+ } else {
8785
+ group_outros();
8786
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
8787
+ if_blocks[previous_block_index] = null;
8788
+ });
8789
+ check_outros();
8790
+ if_block = if_blocks[current_block_type_index];
8791
+ if (!if_block) {
8792
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
8793
+ if_block.c();
8794
+ } else {
8795
+ if_block.p(ctx2, dirty);
8796
+ }
8797
+ transition_in(if_block, 1);
8798
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
8799
+ }
8624
8800
  },
8625
8801
  i(local) {
8626
8802
  if (current)
8627
8803
  return;
8628
- transition_in(icons_pencil.$$.fragment, local);
8804
+ transition_in(if_block);
8629
8805
  current = true;
8630
8806
  },
8631
8807
  o(local) {
8632
- transition_out(icons_pencil.$$.fragment, local);
8808
+ transition_out(if_block);
8633
8809
  current = false;
8634
8810
  },
8635
8811
  d(detaching) {
8636
- destroy_component(icons_pencil, detaching);
8812
+ if_blocks[current_block_type_index].d(detaching);
8813
+ if (detaching)
8814
+ detach(if_block_anchor);
8637
8815
  }
8638
8816
  };
8639
8817
  }
8640
- function create_if_block_12(ctx) {
8641
- let icons_pencilfilled;
8818
+ function create_if_block_2(ctx) {
8819
+ let current_block_type_index;
8820
+ let if_block;
8821
+ let if_block_anchor;
8642
8822
  let current;
8643
- icons_pencilfilled = new Icons_default.PencilFilled({
8644
- props: { theme: (
8645
- /*theme*/
8646
- ctx[4]
8647
- ), active: true }
8648
- });
8823
+ const if_block_creators = [create_if_block_3, create_else_block_12];
8824
+ const if_blocks = [];
8825
+ function select_block_type_2(ctx2, dirty) {
8826
+ if (
8827
+ /*appliance*/
8828
+ ctx2[3] === "pencil"
8829
+ )
8830
+ return 0;
8831
+ return 1;
8832
+ }
8833
+ current_block_type_index = select_block_type_2(ctx);
8834
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
8649
8835
  return {
8650
8836
  c() {
8651
- create_component(icons_pencilfilled.$$.fragment);
8837
+ if_block.c();
8838
+ if_block_anchor = empty();
8652
8839
  },
8653
8840
  m(target, anchor) {
8654
- mount_component(icons_pencilfilled, target, anchor);
8841
+ if_blocks[current_block_type_index].m(target, anchor);
8842
+ insert(target, if_block_anchor, anchor);
8655
8843
  current = true;
8656
8844
  },
8657
8845
  p(ctx2, dirty) {
8658
- const icons_pencilfilled_changes = {};
8659
- if (dirty & /*theme*/
8660
- 16)
8661
- icons_pencilfilled_changes.theme = /*theme*/
8662
- ctx2[4];
8663
- icons_pencilfilled.$set(icons_pencilfilled_changes);
8846
+ let previous_block_index = current_block_type_index;
8847
+ current_block_type_index = select_block_type_2(ctx2);
8848
+ if (current_block_type_index === previous_block_index) {
8849
+ if_blocks[current_block_type_index].p(ctx2, dirty);
8850
+ } else {
8851
+ group_outros();
8852
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
8853
+ if_blocks[previous_block_index] = null;
8854
+ });
8855
+ check_outros();
8856
+ if_block = if_blocks[current_block_type_index];
8857
+ if (!if_block) {
8858
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
8859
+ if_block.c();
8860
+ } else {
8861
+ if_block.p(ctx2, dirty);
8862
+ }
8863
+ transition_in(if_block, 1);
8864
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
8865
+ }
8664
8866
  },
8665
8867
  i(local) {
8666
8868
  if (current)
8667
8869
  return;
8668
- transition_in(icons_pencilfilled.$$.fragment, local);
8870
+ transition_in(if_block);
8669
8871
  current = true;
8670
8872
  },
8671
8873
  o(local) {
8672
- transition_out(icons_pencilfilled.$$.fragment, local);
8874
+ transition_out(if_block);
8673
8875
  current = false;
8674
8876
  },
8675
8877
  d(detaching) {
8676
- destroy_component(icons_pencilfilled, detaching);
8878
+ if_blocks[current_block_type_index].d(detaching);
8879
+ if (detaching)
8880
+ detach(if_block_anchor);
8677
8881
  }
8678
8882
  };
8679
8883
  }
8680
8884
  function create_if_block8(ctx) {
8681
- let icons_laserpenfilled;
8682
- let current;
8683
- icons_laserpenfilled = new Icons_default.LaserPenFilled({
8684
- props: { theme: (
8685
- /*theme*/
8686
- ctx[4]
8687
- ), active: true }
8688
- });
8689
- return {
8690
- c() {
8691
- create_component(icons_laserpenfilled.$$.fragment);
8692
- },
8693
- m(target, anchor) {
8694
- mount_component(icons_laserpenfilled, target, anchor);
8695
- current = true;
8696
- },
8697
- p(ctx2, dirty) {
8698
- const icons_laserpenfilled_changes = {};
8699
- if (dirty & /*theme*/
8700
- 16)
8701
- icons_laserpenfilled_changes.theme = /*theme*/
8702
- ctx2[4];
8703
- icons_laserpenfilled.$set(icons_laserpenfilled_changes);
8704
- },
8705
- i(local) {
8706
- if (current)
8707
- return;
8708
- transition_in(icons_laserpenfilled.$$.fragment, local);
8709
- current = true;
8710
- },
8711
- o(local) {
8712
- transition_out(icons_laserpenfilled.$$.fragment, local);
8713
- current = false;
8714
- },
8715
- d(detaching) {
8716
- destroy_component(icons_laserpenfilled, detaching);
8717
- }
8718
- };
8719
- }
8720
- function create_default_slot6(ctx) {
8721
8885
  let current_block_type_index;
8722
8886
  let if_block;
8723
8887
  let if_block_anchor;
8724
8888
  let current;
8725
- const if_block_creators = [create_if_block8, create_if_block_12, create_else_block8];
8889
+ const if_block_creators = [create_if_block_12, create_else_block8];
8726
8890
  const if_blocks = [];
8727
- function select_block_type(ctx2, dirty) {
8728
- if (
8729
- /*appliance*/
8730
- ctx2[3] === "pencil" && /*hasUseLaserPen*/
8731
- ctx2[5]
8732
- )
8733
- return 0;
8891
+ function select_block_type_1(ctx2, dirty) {
8734
8892
  if (
8735
8893
  /*appliance*/
8736
8894
  ctx2[3] === "pencil"
8737
8895
  )
8738
- return 1;
8739
- return 2;
8896
+ return 0;
8897
+ return 1;
8740
8898
  }
8741
- current_block_type_index = select_block_type(ctx);
8899
+ current_block_type_index = select_block_type_1(ctx);
8742
8900
  if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
8743
8901
  return {
8744
8902
  c() {
@@ -8752,7 +8910,7 @@ function create_default_slot6(ctx) {
8752
8910
  },
8753
8911
  p(ctx2, dirty) {
8754
8912
  let previous_block_index = current_block_type_index;
8755
- current_block_type_index = select_block_type(ctx2);
8913
+ current_block_type_index = select_block_type_1(ctx2);
8756
8914
  if (current_block_type_index === previous_block_index) {
8757
8915
  if_blocks[current_block_type_index].p(ctx2, dirty);
8758
8916
  } else {
@@ -8789,166 +8947,48 @@ function create_default_slot6(ctx) {
8789
8947
  }
8790
8948
  };
8791
8949
  }
8792
- function create_fragment62(ctx) {
8793
- let button;
8794
- let current;
8795
- const button_spread_levels = [
8796
- { class: "pencil" },
8797
- /*btn_props*/
8798
- ctx[0],
8799
- { content: (
8800
- /*content*/
8801
- ctx[1]
8802
- ) },
8803
- { menu: (
8804
- /*menu*/
8805
- ctx[2]
8806
- ) }
8807
- ];
8808
- let button_props = {
8809
- $$slots: { default: [create_default_slot6] },
8810
- $$scope: { ctx }
8811
- };
8812
- for (let i = 0; i < button_spread_levels.length; i += 1) {
8813
- button_props = assign(button_props, button_spread_levels[i]);
8814
- }
8815
- button = new Button_default({ props: button_props });
8816
- button.$on(
8817
- "click",
8818
- /*click_handler*/
8819
- ctx[6]
8820
- );
8821
- return {
8822
- c() {
8823
- create_component(button.$$.fragment);
8824
- },
8825
- m(target, anchor) {
8826
- mount_component(button, target, anchor);
8827
- current = true;
8828
- },
8829
- p(ctx2, [dirty]) {
8830
- const button_changes = dirty & /*btn_props, content, menu*/
8831
- 7 ? get_spread_update(button_spread_levels, [
8832
- button_spread_levels[0],
8833
- dirty & /*btn_props*/
8834
- 1 && get_spread_object(
8835
- /*btn_props*/
8836
- ctx2[0]
8837
- ),
8838
- dirty & /*content*/
8839
- 2 && { content: (
8840
- /*content*/
8841
- ctx2[1]
8842
- ) },
8843
- dirty & /*menu*/
8844
- 4 && { menu: (
8845
- /*menu*/
8846
- ctx2[2]
8847
- ) }
8848
- ]) : {};
8849
- if (dirty & /*$$scope, theme, appliance, hasUseLaserPen*/
8850
- 184) {
8851
- button_changes.$$scope = { dirty, ctx: ctx2 };
8852
- }
8853
- button.$set(button_changes);
8854
- },
8855
- i(local) {
8856
- if (current)
8857
- return;
8858
- transition_in(button.$$.fragment, local);
8859
- current = true;
8860
- },
8861
- o(local) {
8862
- transition_out(button.$$.fragment, local);
8863
- current = false;
8864
- },
8865
- d(detaching) {
8866
- destroy_component(button, detaching);
8867
- }
8868
- };
8869
- }
8870
- function instance62($$self, $$props, $$invalidate) {
8871
- let { btn_props = {} } = $$props;
8872
- let { content } = $$props;
8873
- let { menu } = $$props;
8874
- let { appliance } = $$props;
8875
- let { theme = "light" } = $$props;
8876
- let { hasUseLaserPen = false } = $$props;
8877
- function click_handler(event) {
8878
- bubble.call(this, $$self, event);
8879
- }
8880
- $$self.$$set = ($$props2) => {
8881
- if ("btn_props" in $$props2)
8882
- $$invalidate(0, btn_props = $$props2.btn_props);
8883
- if ("content" in $$props2)
8884
- $$invalidate(1, content = $$props2.content);
8885
- if ("menu" in $$props2)
8886
- $$invalidate(2, menu = $$props2.menu);
8887
- if ("appliance" in $$props2)
8888
- $$invalidate(3, appliance = $$props2.appliance);
8889
- if ("theme" in $$props2)
8890
- $$invalidate(4, theme = $$props2.theme);
8891
- if ("hasUseLaserPen" in $$props2)
8892
- $$invalidate(5, hasUseLaserPen = $$props2.hasUseLaserPen);
8893
- };
8894
- return [btn_props, content, menu, appliance, theme, hasUseLaserPen, click_handler];
8895
- }
8896
- var Pencil2 = class extends SvelteComponent {
8897
- constructor(options) {
8898
- super();
8899
- init(this, options, instance62, create_fragment62, safe_not_equal, {
8900
- btn_props: 0,
8901
- content: 1,
8902
- menu: 2,
8903
- appliance: 3,
8904
- theme: 4,
8905
- hasUseLaserPen: 5
8906
- });
8907
- }
8908
- };
8909
- var Pencil_default2 = Pencil2;
8910
- function create_else_block9(ctx) {
8911
- let icons_text;
8950
+ function create_else_block_2(ctx) {
8951
+ let icons_pencil;
8912
8952
  let current;
8913
- icons_text = new Icons_default.Text({ props: { theme: (
8953
+ icons_pencil = new Icons_default.Pencil({ props: { theme: (
8914
8954
  /*theme*/
8915
8955
  ctx[4]
8916
8956
  ) } });
8917
8957
  return {
8918
8958
  c() {
8919
- create_component(icons_text.$$.fragment);
8959
+ create_component(icons_pencil.$$.fragment);
8920
8960
  },
8921
8961
  m(target, anchor) {
8922
- mount_component(icons_text, target, anchor);
8962
+ mount_component(icons_pencil, target, anchor);
8923
8963
  current = true;
8924
8964
  },
8925
8965
  p(ctx2, dirty) {
8926
- const icons_text_changes = {};
8966
+ const icons_pencil_changes = {};
8927
8967
  if (dirty & /*theme*/
8928
8968
  16)
8929
- icons_text_changes.theme = /*theme*/
8969
+ icons_pencil_changes.theme = /*theme*/
8930
8970
  ctx2[4];
8931
- icons_text.$set(icons_text_changes);
8971
+ icons_pencil.$set(icons_pencil_changes);
8932
8972
  },
8933
8973
  i(local) {
8934
8974
  if (current)
8935
8975
  return;
8936
- transition_in(icons_text.$$.fragment, local);
8976
+ transition_in(icons_pencil.$$.fragment, local);
8937
8977
  current = true;
8938
8978
  },
8939
8979
  o(local) {
8940
- transition_out(icons_text.$$.fragment, local);
8980
+ transition_out(icons_pencil.$$.fragment, local);
8941
8981
  current = false;
8942
8982
  },
8943
8983
  d(detaching) {
8944
- destroy_component(icons_text, detaching);
8984
+ destroy_component(icons_pencil, detaching);
8945
8985
  }
8946
8986
  };
8947
8987
  }
8948
- function create_if_block9(ctx) {
8949
- let icons_textfilled;
8988
+ function create_if_block_5(ctx) {
8989
+ let icons_pencilfilled;
8950
8990
  let current;
8951
- icons_textfilled = new Icons_default.TextFilled({
8991
+ icons_pencilfilled = new Icons_default.PencilFilled({
8952
8992
  props: { theme: (
8953
8993
  /*theme*/
8954
8994
  ctx[4]
@@ -8956,59 +8996,229 @@ function create_if_block9(ctx) {
8956
8996
  });
8957
8997
  return {
8958
8998
  c() {
8959
- create_component(icons_textfilled.$$.fragment);
8999
+ create_component(icons_pencilfilled.$$.fragment);
8960
9000
  },
8961
9001
  m(target, anchor) {
8962
- mount_component(icons_textfilled, target, anchor);
9002
+ mount_component(icons_pencilfilled, target, anchor);
8963
9003
  current = true;
8964
9004
  },
8965
9005
  p(ctx2, dirty) {
8966
- const icons_textfilled_changes = {};
9006
+ const icons_pencilfilled_changes = {};
8967
9007
  if (dirty & /*theme*/
8968
9008
  16)
8969
- icons_textfilled_changes.theme = /*theme*/
9009
+ icons_pencilfilled_changes.theme = /*theme*/
8970
9010
  ctx2[4];
8971
- icons_textfilled.$set(icons_textfilled_changes);
9011
+ icons_pencilfilled.$set(icons_pencilfilled_changes);
8972
9012
  },
8973
9013
  i(local) {
8974
9014
  if (current)
8975
9015
  return;
8976
- transition_in(icons_textfilled.$$.fragment, local);
9016
+ transition_in(icons_pencilfilled.$$.fragment, local);
8977
9017
  current = true;
8978
9018
  },
8979
9019
  o(local) {
8980
- transition_out(icons_textfilled.$$.fragment, local);
9020
+ transition_out(icons_pencilfilled.$$.fragment, local);
8981
9021
  current = false;
8982
9022
  },
8983
9023
  d(detaching) {
8984
- destroy_component(icons_textfilled, detaching);
9024
+ destroy_component(icons_pencilfilled, detaching);
8985
9025
  }
8986
9026
  };
8987
9027
  }
8988
- function create_default_slot7(ctx) {
9028
+ function create_else_block_12(ctx) {
9029
+ let icons_laserpen;
9030
+ let current;
9031
+ icons_laserpen = new Icons_default.LaserPen({ props: { theme: (
9032
+ /*theme*/
9033
+ ctx[4]
9034
+ ) } });
9035
+ return {
9036
+ c() {
9037
+ create_component(icons_laserpen.$$.fragment);
9038
+ },
9039
+ m(target, anchor) {
9040
+ mount_component(icons_laserpen, target, anchor);
9041
+ current = true;
9042
+ },
9043
+ p(ctx2, dirty) {
9044
+ const icons_laserpen_changes = {};
9045
+ if (dirty & /*theme*/
9046
+ 16)
9047
+ icons_laserpen_changes.theme = /*theme*/
9048
+ ctx2[4];
9049
+ icons_laserpen.$set(icons_laserpen_changes);
9050
+ },
9051
+ i(local) {
9052
+ if (current)
9053
+ return;
9054
+ transition_in(icons_laserpen.$$.fragment, local);
9055
+ current = true;
9056
+ },
9057
+ o(local) {
9058
+ transition_out(icons_laserpen.$$.fragment, local);
9059
+ current = false;
9060
+ },
9061
+ d(detaching) {
9062
+ destroy_component(icons_laserpen, detaching);
9063
+ }
9064
+ };
9065
+ }
9066
+ function create_if_block_3(ctx) {
9067
+ let icons_laserpenfilled;
9068
+ let current;
9069
+ icons_laserpenfilled = new Icons_default.LaserPenFilled({
9070
+ props: { theme: (
9071
+ /*theme*/
9072
+ ctx[4]
9073
+ ), active: true }
9074
+ });
9075
+ return {
9076
+ c() {
9077
+ create_component(icons_laserpenfilled.$$.fragment);
9078
+ },
9079
+ m(target, anchor) {
9080
+ mount_component(icons_laserpenfilled, target, anchor);
9081
+ current = true;
9082
+ },
9083
+ p(ctx2, dirty) {
9084
+ const icons_laserpenfilled_changes = {};
9085
+ if (dirty & /*theme*/
9086
+ 16)
9087
+ icons_laserpenfilled_changes.theme = /*theme*/
9088
+ ctx2[4];
9089
+ icons_laserpenfilled.$set(icons_laserpenfilled_changes);
9090
+ },
9091
+ i(local) {
9092
+ if (current)
9093
+ return;
9094
+ transition_in(icons_laserpenfilled.$$.fragment, local);
9095
+ current = true;
9096
+ },
9097
+ o(local) {
9098
+ transition_out(icons_laserpenfilled.$$.fragment, local);
9099
+ current = false;
9100
+ },
9101
+ d(detaching) {
9102
+ destroy_component(icons_laserpenfilled, detaching);
9103
+ }
9104
+ };
9105
+ }
9106
+ function create_else_block8(ctx) {
9107
+ let icons_markpen;
9108
+ let current;
9109
+ icons_markpen = new Icons_default.MarkPen({ props: { theme: (
9110
+ /*theme*/
9111
+ ctx[4]
9112
+ ) } });
9113
+ return {
9114
+ c() {
9115
+ create_component(icons_markpen.$$.fragment);
9116
+ },
9117
+ m(target, anchor) {
9118
+ mount_component(icons_markpen, target, anchor);
9119
+ current = true;
9120
+ },
9121
+ p(ctx2, dirty) {
9122
+ const icons_markpen_changes = {};
9123
+ if (dirty & /*theme*/
9124
+ 16)
9125
+ icons_markpen_changes.theme = /*theme*/
9126
+ ctx2[4];
9127
+ icons_markpen.$set(icons_markpen_changes);
9128
+ },
9129
+ i(local) {
9130
+ if (current)
9131
+ return;
9132
+ transition_in(icons_markpen.$$.fragment, local);
9133
+ current = true;
9134
+ },
9135
+ o(local) {
9136
+ transition_out(icons_markpen.$$.fragment, local);
9137
+ current = false;
9138
+ },
9139
+ d(detaching) {
9140
+ destroy_component(icons_markpen, detaching);
9141
+ }
9142
+ };
9143
+ }
9144
+ function create_if_block_12(ctx) {
9145
+ let icons_markpenfilled;
9146
+ let current;
9147
+ icons_markpenfilled = new Icons_default.MarkPenFilled({
9148
+ props: { theme: (
9149
+ /*theme*/
9150
+ ctx[4]
9151
+ ), active: true }
9152
+ });
9153
+ return {
9154
+ c() {
9155
+ create_component(icons_markpenfilled.$$.fragment);
9156
+ },
9157
+ m(target, anchor) {
9158
+ mount_component(icons_markpenfilled, target, anchor);
9159
+ current = true;
9160
+ },
9161
+ p(ctx2, dirty) {
9162
+ const icons_markpenfilled_changes = {};
9163
+ if (dirty & /*theme*/
9164
+ 16)
9165
+ icons_markpenfilled_changes.theme = /*theme*/
9166
+ ctx2[4];
9167
+ icons_markpenfilled.$set(icons_markpenfilled_changes);
9168
+ },
9169
+ i(local) {
9170
+ if (current)
9171
+ return;
9172
+ transition_in(icons_markpenfilled.$$.fragment, local);
9173
+ current = true;
9174
+ },
9175
+ o(local) {
9176
+ transition_out(icons_markpenfilled.$$.fragment, local);
9177
+ current = false;
9178
+ },
9179
+ d(detaching) {
9180
+ destroy_component(icons_markpenfilled, detaching);
9181
+ }
9182
+ };
9183
+ }
9184
+ function create_default_slot6(ctx) {
8989
9185
  let current_block_type_index;
8990
9186
  let if_block;
8991
9187
  let if_block_anchor;
8992
9188
  let current;
8993
- const if_block_creators = [create_if_block9, create_else_block9];
9189
+ const if_block_creators = [create_if_block8, create_if_block_2, create_if_block_4];
8994
9190
  const if_blocks = [];
8995
9191
  function select_block_type(ctx2, dirty) {
8996
9192
  if (
8997
- /*appliance*/
8998
- ctx2[3] === "text"
9193
+ /*pencilType*/
9194
+ ctx2[5] === "mark"
8999
9195
  )
9000
9196
  return 0;
9001
- return 1;
9197
+ if (
9198
+ /*pencilType*/
9199
+ ctx2[5] === "laser"
9200
+ )
9201
+ return 1;
9202
+ if (
9203
+ /*pencilType*/
9204
+ ctx2[5] === "pencil"
9205
+ )
9206
+ return 2;
9207
+ return -1;
9208
+ }
9209
+ if (~(current_block_type_index = select_block_type(ctx))) {
9210
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9002
9211
  }
9003
- current_block_type_index = select_block_type(ctx);
9004
- if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9005
9212
  return {
9006
9213
  c() {
9007
- if_block.c();
9214
+ if (if_block)
9215
+ if_block.c();
9008
9216
  if_block_anchor = empty();
9009
9217
  },
9010
9218
  m(target, anchor) {
9011
- if_blocks[current_block_type_index].m(target, anchor);
9219
+ if (~current_block_type_index) {
9220
+ if_blocks[current_block_type_index].m(target, anchor);
9221
+ }
9012
9222
  insert(target, if_block_anchor, anchor);
9013
9223
  current = true;
9014
9224
  },
@@ -9016,22 +9226,30 @@ function create_default_slot7(ctx) {
9016
9226
  let previous_block_index = current_block_type_index;
9017
9227
  current_block_type_index = select_block_type(ctx2);
9018
9228
  if (current_block_type_index === previous_block_index) {
9019
- if_blocks[current_block_type_index].p(ctx2, dirty);
9229
+ if (~current_block_type_index) {
9230
+ if_blocks[current_block_type_index].p(ctx2, dirty);
9231
+ }
9020
9232
  } else {
9021
- group_outros();
9022
- transition_out(if_blocks[previous_block_index], 1, 1, () => {
9023
- if_blocks[previous_block_index] = null;
9024
- });
9025
- check_outros();
9026
- if_block = if_blocks[current_block_type_index];
9027
- if (!if_block) {
9028
- if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
9029
- if_block.c();
9233
+ if (if_block) {
9234
+ group_outros();
9235
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
9236
+ if_blocks[previous_block_index] = null;
9237
+ });
9238
+ check_outros();
9239
+ }
9240
+ if (~current_block_type_index) {
9241
+ if_block = if_blocks[current_block_type_index];
9242
+ if (!if_block) {
9243
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
9244
+ if_block.c();
9245
+ } else {
9246
+ if_block.p(ctx2, dirty);
9247
+ }
9248
+ transition_in(if_block, 1);
9249
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
9030
9250
  } else {
9031
- if_block.p(ctx2, dirty);
9251
+ if_block = null;
9032
9252
  }
9033
- transition_in(if_block, 1);
9034
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
9035
9253
  }
9036
9254
  },
9037
9255
  i(local) {
@@ -9045,17 +9263,19 @@ function create_default_slot7(ctx) {
9045
9263
  current = false;
9046
9264
  },
9047
9265
  d(detaching) {
9048
- if_blocks[current_block_type_index].d(detaching);
9266
+ if (~current_block_type_index) {
9267
+ if_blocks[current_block_type_index].d(detaching);
9268
+ }
9049
9269
  if (detaching)
9050
9270
  detach(if_block_anchor);
9051
9271
  }
9052
9272
  };
9053
9273
  }
9054
- function create_fragment63(ctx) {
9274
+ function create_fragment64(ctx) {
9055
9275
  let button;
9056
9276
  let current;
9057
9277
  const button_spread_levels = [
9058
- { class: "text" },
9278
+ { class: "pencil" },
9059
9279
  /*btn_props*/
9060
9280
  ctx[0],
9061
9281
  { content: (
@@ -9068,7 +9288,7 @@ function create_fragment63(ctx) {
9068
9288
  ) }
9069
9289
  ];
9070
9290
  let button_props = {
9071
- $$slots: { default: [create_default_slot7] },
9291
+ $$slots: { default: [create_default_slot6] },
9072
9292
  $$scope: { ctx }
9073
9293
  };
9074
9294
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -9078,7 +9298,7 @@ function create_fragment63(ctx) {
9078
9298
  button.$on(
9079
9299
  "click",
9080
9300
  /*click_handler*/
9081
- ctx[5]
9301
+ ctx[6]
9082
9302
  );
9083
9303
  return {
9084
9304
  c() {
@@ -9108,8 +9328,8 @@ function create_fragment63(ctx) {
9108
9328
  ctx2[2]
9109
9329
  ) }
9110
9330
  ]) : {};
9111
- if (dirty & /*$$scope, theme, appliance*/
9112
- 88) {
9331
+ if (dirty & /*$$scope, theme, appliance, pencilType*/
9332
+ 184) {
9113
9333
  button_changes.$$scope = { dirty, ctx: ctx2 };
9114
9334
  }
9115
9335
  button.$set(button_changes);
@@ -9129,12 +9349,13 @@ function create_fragment63(ctx) {
9129
9349
  }
9130
9350
  };
9131
9351
  }
9132
- function instance63($$self, $$props, $$invalidate) {
9352
+ function instance64($$self, $$props, $$invalidate) {
9133
9353
  let { btn_props = {} } = $$props;
9134
9354
  let { content } = $$props;
9135
9355
  let { menu } = $$props;
9136
9356
  let { appliance } = $$props;
9137
9357
  let { theme = "light" } = $$props;
9358
+ let { pencilType = "pencil" } = $$props;
9138
9359
  function click_handler(event) {
9139
9360
  bubble.call(this, $$self, event);
9140
9361
  }
@@ -9149,199 +9370,114 @@ function instance63($$self, $$props, $$invalidate) {
9149
9370
  $$invalidate(3, appliance = $$props2.appliance);
9150
9371
  if ("theme" in $$props2)
9151
9372
  $$invalidate(4, theme = $$props2.theme);
9373
+ if ("pencilType" in $$props2)
9374
+ $$invalidate(5, pencilType = $$props2.pencilType);
9152
9375
  };
9153
- return [btn_props, content, menu, appliance, theme, click_handler];
9376
+ return [btn_props, content, menu, appliance, theme, pencilType, click_handler];
9154
9377
  }
9155
- var Text2 = class extends SvelteComponent {
9378
+ var Pencil2 = class extends SvelteComponent {
9156
9379
  constructor(options) {
9157
9380
  super();
9158
- init(this, options, instance63, create_fragment63, safe_not_equal, {
9381
+ init(this, options, instance64, create_fragment64, safe_not_equal, {
9159
9382
  btn_props: 0,
9160
9383
  content: 1,
9161
9384
  menu: 2,
9162
9385
  appliance: 3,
9163
- theme: 4
9386
+ theme: 4,
9387
+ pencilType: 5
9164
9388
  });
9165
9389
  }
9166
9390
  };
9167
- var Text_default2 = Text2;
9168
- function create_else_block10(ctx) {
9169
- let switch_instance;
9170
- let switch_instance_anchor;
9391
+ var Pencil_default2 = Pencil2;
9392
+ function create_else_block9(ctx) {
9393
+ let icons_text;
9171
9394
  let current;
9172
- var switch_value = shapesIcon[
9173
- /*last_shape*/
9174
- ctx[6]
9175
- ];
9176
- function switch_props(ctx2) {
9177
- return { props: { theme: (
9178
- /*theme*/
9179
- ctx2[4]
9180
- ) } };
9181
- }
9182
- if (switch_value) {
9183
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
9184
- }
9395
+ icons_text = new Icons_default.Text({ props: { theme: (
9396
+ /*theme*/
9397
+ ctx[4]
9398
+ ) } });
9185
9399
  return {
9186
9400
  c() {
9187
- if (switch_instance)
9188
- create_component(switch_instance.$$.fragment);
9189
- switch_instance_anchor = empty();
9401
+ create_component(icons_text.$$.fragment);
9190
9402
  },
9191
9403
  m(target, anchor) {
9192
- if (switch_instance)
9193
- mount_component(switch_instance, target, anchor);
9194
- insert(target, switch_instance_anchor, anchor);
9404
+ mount_component(icons_text, target, anchor);
9195
9405
  current = true;
9196
9406
  },
9197
9407
  p(ctx2, dirty) {
9198
- const switch_instance_changes = {};
9408
+ const icons_text_changes = {};
9199
9409
  if (dirty & /*theme*/
9200
9410
  16)
9201
- switch_instance_changes.theme = /*theme*/
9411
+ icons_text_changes.theme = /*theme*/
9202
9412
  ctx2[4];
9203
- if (dirty & /*last_shape*/
9204
- 64 && switch_value !== (switch_value = shapesIcon[
9205
- /*last_shape*/
9206
- ctx2[6]
9207
- ])) {
9208
- if (switch_instance) {
9209
- group_outros();
9210
- const old_component = switch_instance;
9211
- transition_out(old_component.$$.fragment, 1, 0, () => {
9212
- destroy_component(old_component, 1);
9213
- });
9214
- check_outros();
9215
- }
9216
- if (switch_value) {
9217
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
9218
- create_component(switch_instance.$$.fragment);
9219
- transition_in(switch_instance.$$.fragment, 1);
9220
- mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
9221
- } else {
9222
- switch_instance = null;
9223
- }
9224
- } else if (switch_value) {
9225
- switch_instance.$set(switch_instance_changes);
9226
- }
9413
+ icons_text.$set(icons_text_changes);
9227
9414
  },
9228
9415
  i(local) {
9229
9416
  if (current)
9230
9417
  return;
9231
- if (switch_instance)
9232
- transition_in(switch_instance.$$.fragment, local);
9418
+ transition_in(icons_text.$$.fragment, local);
9233
9419
  current = true;
9234
9420
  },
9235
9421
  o(local) {
9236
- if (switch_instance)
9237
- transition_out(switch_instance.$$.fragment, local);
9422
+ transition_out(icons_text.$$.fragment, local);
9238
9423
  current = false;
9239
9424
  },
9240
9425
  d(detaching) {
9241
- if (detaching)
9242
- detach(switch_instance_anchor);
9243
- if (switch_instance)
9244
- destroy_component(switch_instance, detaching);
9426
+ destroy_component(icons_text, detaching);
9245
9427
  }
9246
9428
  };
9247
9429
  }
9248
- function create_if_block10(ctx) {
9249
- let switch_instance;
9250
- let switch_instance_anchor;
9430
+ function create_if_block9(ctx) {
9431
+ let icons_textfilled;
9251
9432
  let current;
9252
- var switch_value = shapesIconActive[
9253
- /*last_shape*/
9254
- ctx[6]
9255
- ];
9256
- function switch_props(ctx2) {
9257
- return {
9258
- props: { theme: (
9259
- /*theme*/
9260
- ctx2[4]
9261
- ), active: true }
9262
- };
9263
- }
9264
- if (switch_value) {
9265
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
9266
- }
9433
+ icons_textfilled = new Icons_default.TextFilled({
9434
+ props: { theme: (
9435
+ /*theme*/
9436
+ ctx[4]
9437
+ ), active: true }
9438
+ });
9267
9439
  return {
9268
9440
  c() {
9269
- if (switch_instance)
9270
- create_component(switch_instance.$$.fragment);
9271
- switch_instance_anchor = empty();
9441
+ create_component(icons_textfilled.$$.fragment);
9272
9442
  },
9273
9443
  m(target, anchor) {
9274
- if (switch_instance)
9275
- mount_component(switch_instance, target, anchor);
9276
- insert(target, switch_instance_anchor, anchor);
9444
+ mount_component(icons_textfilled, target, anchor);
9277
9445
  current = true;
9278
9446
  },
9279
9447
  p(ctx2, dirty) {
9280
- const switch_instance_changes = {};
9448
+ const icons_textfilled_changes = {};
9281
9449
  if (dirty & /*theme*/
9282
9450
  16)
9283
- switch_instance_changes.theme = /*theme*/
9451
+ icons_textfilled_changes.theme = /*theme*/
9284
9452
  ctx2[4];
9285
- if (dirty & /*last_shape*/
9286
- 64 && switch_value !== (switch_value = shapesIconActive[
9287
- /*last_shape*/
9288
- ctx2[6]
9289
- ])) {
9290
- if (switch_instance) {
9291
- group_outros();
9292
- const old_component = switch_instance;
9293
- transition_out(old_component.$$.fragment, 1, 0, () => {
9294
- destroy_component(old_component, 1);
9295
- });
9296
- check_outros();
9297
- }
9298
- if (switch_value) {
9299
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
9300
- create_component(switch_instance.$$.fragment);
9301
- transition_in(switch_instance.$$.fragment, 1);
9302
- mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
9303
- } else {
9304
- switch_instance = null;
9305
- }
9306
- } else if (switch_value) {
9307
- switch_instance.$set(switch_instance_changes);
9308
- }
9453
+ icons_textfilled.$set(icons_textfilled_changes);
9309
9454
  },
9310
9455
  i(local) {
9311
9456
  if (current)
9312
9457
  return;
9313
- if (switch_instance)
9314
- transition_in(switch_instance.$$.fragment, local);
9458
+ transition_in(icons_textfilled.$$.fragment, local);
9315
9459
  current = true;
9316
9460
  },
9317
9461
  o(local) {
9318
- if (switch_instance)
9319
- transition_out(switch_instance.$$.fragment, local);
9462
+ transition_out(icons_textfilled.$$.fragment, local);
9320
9463
  current = false;
9321
9464
  },
9322
9465
  d(detaching) {
9323
- if (detaching)
9324
- detach(switch_instance_anchor);
9325
- if (switch_instance)
9326
- destroy_component(switch_instance, detaching);
9466
+ destroy_component(icons_textfilled, detaching);
9327
9467
  }
9328
9468
  };
9329
9469
  }
9330
- function create_default_slot8(ctx) {
9470
+ function create_default_slot7(ctx) {
9331
9471
  let current_block_type_index;
9332
9472
  let if_block;
9333
9473
  let if_block_anchor;
9334
9474
  let current;
9335
- const if_block_creators = [create_if_block10, create_else_block10];
9475
+ const if_block_creators = [create_if_block9, create_else_block9];
9336
9476
  const if_blocks = [];
9337
9477
  function select_block_type(ctx2, dirty) {
9338
9478
  if (
9339
9479
  /*appliance*/
9340
- ctx2[0] === /*last_shape*/
9341
- ctx2[6] || /*appliance*/
9342
- ctx2[0] === "shape" && /*shape*/
9343
- ctx2[5] === /*last_shape*/
9344
- ctx2[6]
9480
+ ctx2[3] === "text"
9345
9481
  )
9346
9482
  return 0;
9347
9483
  return 1;
@@ -9397,24 +9533,24 @@ function create_default_slot8(ctx) {
9397
9533
  }
9398
9534
  };
9399
9535
  }
9400
- function create_fragment64(ctx) {
9536
+ function create_fragment65(ctx) {
9401
9537
  let button;
9402
9538
  let current;
9403
9539
  const button_spread_levels = [
9404
- { class: "shapes" },
9540
+ { class: "text" },
9405
9541
  /*btn_props*/
9406
- ctx[1],
9542
+ ctx[0],
9407
9543
  { content: (
9408
9544
  /*content*/
9409
- ctx[2]
9545
+ ctx[1]
9410
9546
  ) },
9411
9547
  { menu: (
9412
9548
  /*menu*/
9413
- ctx[3]
9549
+ ctx[2]
9414
9550
  ) }
9415
9551
  ];
9416
9552
  let button_props = {
9417
- $$slots: { default: [create_default_slot8] },
9553
+ $$slots: { default: [create_default_slot7] },
9418
9554
  $$scope: { ctx }
9419
9555
  };
9420
9556
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -9423,8 +9559,8 @@ function create_fragment64(ctx) {
9423
9559
  button = new Button_default({ props: button_props });
9424
9560
  button.$on(
9425
9561
  "click",
9426
- /*select_last_shape*/
9427
- ctx[8]
9562
+ /*click_handler*/
9563
+ ctx[5]
9428
9564
  );
9429
9565
  return {
9430
9566
  c() {
@@ -9436,26 +9572,26 @@ function create_fragment64(ctx) {
9436
9572
  },
9437
9573
  p(ctx2, [dirty]) {
9438
9574
  const button_changes = dirty & /*btn_props, content, menu*/
9439
- 14 ? get_spread_update(button_spread_levels, [
9575
+ 7 ? get_spread_update(button_spread_levels, [
9440
9576
  button_spread_levels[0],
9441
9577
  dirty & /*btn_props*/
9442
- 2 && get_spread_object(
9578
+ 1 && get_spread_object(
9443
9579
  /*btn_props*/
9444
- ctx2[1]
9580
+ ctx2[0]
9445
9581
  ),
9446
9582
  dirty & /*content*/
9447
- 4 && { content: (
9583
+ 2 && { content: (
9448
9584
  /*content*/
9449
- ctx2[2]
9585
+ ctx2[1]
9450
9586
  ) },
9451
9587
  dirty & /*menu*/
9452
- 8 && { menu: (
9588
+ 4 && { menu: (
9453
9589
  /*menu*/
9454
- ctx2[3]
9590
+ ctx2[2]
9455
9591
  ) }
9456
9592
  ]) : {};
9457
- if (dirty & /*$$scope, last_shape, theme, appliance, shape*/
9458
- 2161) {
9593
+ if (dirty & /*$$scope, theme, appliance*/
9594
+ 88) {
9459
9595
  button_changes.$$scope = { dirty, ctx: ctx2 };
9460
9596
  }
9461
9597
  button.$set(button_changes);
@@ -9475,178 +9611,219 @@ function create_fragment64(ctx) {
9475
9611
  }
9476
9612
  };
9477
9613
  }
9478
- function instance64($$self, $$props, $$invalidate) {
9479
- let memberState;
9480
- let shape;
9481
- let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(10, $memberState = $$value)), memberState);
9482
- $$self.$$.on_destroy.push(() => $$unsubscribe_memberState());
9483
- let { app = null } = $$props;
9614
+ function instance65($$self, $$props, $$invalidate) {
9484
9615
  let { btn_props = {} } = $$props;
9485
9616
  let { content } = $$props;
9486
9617
  let { menu } = $$props;
9487
9618
  let { appliance } = $$props;
9488
9619
  let { theme = "light" } = $$props;
9489
- let last_shape = "rectangle";
9490
- function select_last_shape() {
9491
- if (applianceShapes.includes(last_shape)) {
9492
- app == null ? void 0 : app.setAppliance(last_shape);
9493
- } else {
9494
- app == null ? void 0 : app.setAppliance("shape", last_shape);
9495
- }
9620
+ function click_handler(event) {
9621
+ bubble.call(this, $$self, event);
9496
9622
  }
9497
9623
  $$self.$$set = ($$props2) => {
9498
- if ("app" in $$props2)
9499
- $$invalidate(9, app = $$props2.app);
9500
9624
  if ("btn_props" in $$props2)
9501
- $$invalidate(1, btn_props = $$props2.btn_props);
9625
+ $$invalidate(0, btn_props = $$props2.btn_props);
9502
9626
  if ("content" in $$props2)
9503
- $$invalidate(2, content = $$props2.content);
9627
+ $$invalidate(1, content = $$props2.content);
9504
9628
  if ("menu" in $$props2)
9505
- $$invalidate(3, menu = $$props2.menu);
9629
+ $$invalidate(2, menu = $$props2.menu);
9506
9630
  if ("appliance" in $$props2)
9507
- $$invalidate(0, appliance = $$props2.appliance);
9631
+ $$invalidate(3, appliance = $$props2.appliance);
9508
9632
  if ("theme" in $$props2)
9509
9633
  $$invalidate(4, theme = $$props2.theme);
9510
9634
  };
9511
- $$self.$$.update = () => {
9512
- if ($$self.$$.dirty & /*app*/
9513
- 512) {
9514
- $$subscribe_memberState($$invalidate(7, memberState = app == null ? void 0 : app.memberState));
9515
- }
9516
- if ($$self.$$.dirty & /*$memberState*/
9517
- 1024) {
9518
- $$invalidate(0, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
9519
- }
9520
- if ($$self.$$.dirty & /*$memberState*/
9521
- 1024) {
9522
- $$invalidate(5, shape = $memberState == null ? void 0 : $memberState.shapeType);
9523
- }
9524
- if ($$self.$$.dirty & /*appliance, shape*/
9525
- 33) {
9526
- if (applianceShapes.includes(appliance)) {
9527
- $$invalidate(6, last_shape = appliance);
9528
- } else if (shape) {
9529
- $$invalidate(6, last_shape = shape);
9530
- }
9531
- }
9532
- };
9533
- return [
9534
- appliance,
9535
- btn_props,
9536
- content,
9537
- menu,
9538
- theme,
9539
- shape,
9540
- last_shape,
9541
- memberState,
9542
- select_last_shape,
9543
- app,
9544
- $memberState
9545
- ];
9635
+ return [btn_props, content, menu, appliance, theme, click_handler];
9546
9636
  }
9547
- var Shapes = class extends SvelteComponent {
9637
+ var Text2 = class extends SvelteComponent {
9548
9638
  constructor(options) {
9549
9639
  super();
9550
- init(this, options, instance64, create_fragment64, safe_not_equal, {
9551
- app: 9,
9552
- btn_props: 1,
9553
- content: 2,
9554
- menu: 3,
9555
- appliance: 0,
9640
+ init(this, options, instance65, create_fragment65, safe_not_equal, {
9641
+ btn_props: 0,
9642
+ content: 1,
9643
+ menu: 2,
9644
+ appliance: 3,
9556
9645
  theme: 4
9557
9646
  });
9558
9647
  }
9559
9648
  };
9560
- var Shapes_default = Shapes;
9561
- function create_else_block11(ctx) {
9562
- let icons_eraser;
9649
+ var Text_default2 = Text2;
9650
+ function create_else_block10(ctx) {
9651
+ let switch_instance;
9652
+ let switch_instance_anchor;
9563
9653
  let current;
9564
- icons_eraser = new Icons_default.Eraser({ props: { theme: (
9565
- /*theme*/
9566
- ctx[3]
9567
- ) } });
9654
+ var switch_value = shapesIcon[
9655
+ /*last_shape*/
9656
+ ctx[6]
9657
+ ];
9658
+ function switch_props(ctx2) {
9659
+ return { props: { theme: (
9660
+ /*theme*/
9661
+ ctx2[4]
9662
+ ) } };
9663
+ }
9664
+ if (switch_value) {
9665
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
9666
+ }
9568
9667
  return {
9569
9668
  c() {
9570
- create_component(icons_eraser.$$.fragment);
9669
+ if (switch_instance)
9670
+ create_component(switch_instance.$$.fragment);
9671
+ switch_instance_anchor = empty();
9571
9672
  },
9572
9673
  m(target, anchor) {
9573
- mount_component(icons_eraser, target, anchor);
9674
+ if (switch_instance)
9675
+ mount_component(switch_instance, target, anchor);
9676
+ insert(target, switch_instance_anchor, anchor);
9574
9677
  current = true;
9575
9678
  },
9576
9679
  p(ctx2, dirty) {
9577
- const icons_eraser_changes = {};
9680
+ const switch_instance_changes = {};
9578
9681
  if (dirty & /*theme*/
9579
- 8)
9580
- icons_eraser_changes.theme = /*theme*/
9581
- ctx2[3];
9582
- icons_eraser.$set(icons_eraser_changes);
9682
+ 16)
9683
+ switch_instance_changes.theme = /*theme*/
9684
+ ctx2[4];
9685
+ if (dirty & /*last_shape*/
9686
+ 64 && switch_value !== (switch_value = shapesIcon[
9687
+ /*last_shape*/
9688
+ ctx2[6]
9689
+ ])) {
9690
+ if (switch_instance) {
9691
+ group_outros();
9692
+ const old_component = switch_instance;
9693
+ transition_out(old_component.$$.fragment, 1, 0, () => {
9694
+ destroy_component(old_component, 1);
9695
+ });
9696
+ check_outros();
9697
+ }
9698
+ if (switch_value) {
9699
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
9700
+ create_component(switch_instance.$$.fragment);
9701
+ transition_in(switch_instance.$$.fragment, 1);
9702
+ mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
9703
+ } else {
9704
+ switch_instance = null;
9705
+ }
9706
+ } else if (switch_value) {
9707
+ switch_instance.$set(switch_instance_changes);
9708
+ }
9583
9709
  },
9584
9710
  i(local) {
9585
9711
  if (current)
9586
9712
  return;
9587
- transition_in(icons_eraser.$$.fragment, local);
9713
+ if (switch_instance)
9714
+ transition_in(switch_instance.$$.fragment, local);
9588
9715
  current = true;
9589
9716
  },
9590
9717
  o(local) {
9591
- transition_out(icons_eraser.$$.fragment, local);
9718
+ if (switch_instance)
9719
+ transition_out(switch_instance.$$.fragment, local);
9592
9720
  current = false;
9593
9721
  },
9594
9722
  d(detaching) {
9595
- destroy_component(icons_eraser, detaching);
9723
+ if (detaching)
9724
+ detach(switch_instance_anchor);
9725
+ if (switch_instance)
9726
+ destroy_component(switch_instance, detaching);
9596
9727
  }
9597
9728
  };
9598
9729
  }
9599
- function create_if_block11(ctx) {
9600
- let icons_eraserfilled;
9730
+ function create_if_block10(ctx) {
9731
+ let switch_instance;
9732
+ let switch_instance_anchor;
9601
9733
  let current;
9602
- icons_eraserfilled = new Icons_default.EraserFilled({
9603
- props: { theme: (
9604
- /*theme*/
9605
- ctx[3]
9606
- ), active: true }
9607
- });
9734
+ var switch_value = shapesIconActive[
9735
+ /*last_shape*/
9736
+ ctx[6]
9737
+ ];
9738
+ function switch_props(ctx2) {
9739
+ return {
9740
+ props: { theme: (
9741
+ /*theme*/
9742
+ ctx2[4]
9743
+ ), active: true }
9744
+ };
9745
+ }
9746
+ if (switch_value) {
9747
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
9748
+ }
9608
9749
  return {
9609
9750
  c() {
9610
- create_component(icons_eraserfilled.$$.fragment);
9751
+ if (switch_instance)
9752
+ create_component(switch_instance.$$.fragment);
9753
+ switch_instance_anchor = empty();
9611
9754
  },
9612
9755
  m(target, anchor) {
9613
- mount_component(icons_eraserfilled, target, anchor);
9756
+ if (switch_instance)
9757
+ mount_component(switch_instance, target, anchor);
9758
+ insert(target, switch_instance_anchor, anchor);
9614
9759
  current = true;
9615
9760
  },
9616
9761
  p(ctx2, dirty) {
9617
- const icons_eraserfilled_changes = {};
9762
+ const switch_instance_changes = {};
9618
9763
  if (dirty & /*theme*/
9619
- 8)
9620
- icons_eraserfilled_changes.theme = /*theme*/
9621
- ctx2[3];
9622
- icons_eraserfilled.$set(icons_eraserfilled_changes);
9764
+ 16)
9765
+ switch_instance_changes.theme = /*theme*/
9766
+ ctx2[4];
9767
+ if (dirty & /*last_shape*/
9768
+ 64 && switch_value !== (switch_value = shapesIconActive[
9769
+ /*last_shape*/
9770
+ ctx2[6]
9771
+ ])) {
9772
+ if (switch_instance) {
9773
+ group_outros();
9774
+ const old_component = switch_instance;
9775
+ transition_out(old_component.$$.fragment, 1, 0, () => {
9776
+ destroy_component(old_component, 1);
9777
+ });
9778
+ check_outros();
9779
+ }
9780
+ if (switch_value) {
9781
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
9782
+ create_component(switch_instance.$$.fragment);
9783
+ transition_in(switch_instance.$$.fragment, 1);
9784
+ mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
9785
+ } else {
9786
+ switch_instance = null;
9787
+ }
9788
+ } else if (switch_value) {
9789
+ switch_instance.$set(switch_instance_changes);
9790
+ }
9623
9791
  },
9624
9792
  i(local) {
9625
9793
  if (current)
9626
9794
  return;
9627
- transition_in(icons_eraserfilled.$$.fragment, local);
9795
+ if (switch_instance)
9796
+ transition_in(switch_instance.$$.fragment, local);
9628
9797
  current = true;
9629
9798
  },
9630
9799
  o(local) {
9631
- transition_out(icons_eraserfilled.$$.fragment, local);
9800
+ if (switch_instance)
9801
+ transition_out(switch_instance.$$.fragment, local);
9632
9802
  current = false;
9633
9803
  },
9634
9804
  d(detaching) {
9635
- destroy_component(icons_eraserfilled, detaching);
9805
+ if (detaching)
9806
+ detach(switch_instance_anchor);
9807
+ if (switch_instance)
9808
+ destroy_component(switch_instance, detaching);
9636
9809
  }
9637
9810
  };
9638
9811
  }
9639
- function create_default_slot9(ctx) {
9812
+ function create_default_slot8(ctx) {
9640
9813
  let current_block_type_index;
9641
9814
  let if_block;
9642
9815
  let if_block_anchor;
9643
9816
  let current;
9644
- const if_block_creators = [create_if_block11, create_else_block11];
9817
+ const if_block_creators = [create_if_block10, create_else_block10];
9645
9818
  const if_blocks = [];
9646
9819
  function select_block_type(ctx2, dirty) {
9647
9820
  if (
9648
9821
  /*appliance*/
9649
- ctx2[2] === "eraser"
9822
+ ctx2[0] === /*last_shape*/
9823
+ ctx2[6] || /*appliance*/
9824
+ ctx2[0] === "shape" && /*shape*/
9825
+ ctx2[5] === /*last_shape*/
9826
+ ctx2[6]
9650
9827
  )
9651
9828
  return 0;
9652
9829
  return 1;
@@ -9702,20 +9879,24 @@ function create_default_slot9(ctx) {
9702
9879
  }
9703
9880
  };
9704
9881
  }
9705
- function create_fragment65(ctx) {
9882
+ function create_fragment66(ctx) {
9706
9883
  let button;
9707
9884
  let current;
9708
9885
  const button_spread_levels = [
9709
- { class: "eraser" },
9886
+ { class: "shapes" },
9710
9887
  /*btn_props*/
9711
- ctx[0],
9888
+ ctx[1],
9712
9889
  { content: (
9713
9890
  /*content*/
9714
- ctx[1]
9891
+ ctx[2]
9892
+ ) },
9893
+ { menu: (
9894
+ /*menu*/
9895
+ ctx[3]
9715
9896
  ) }
9716
9897
  ];
9717
9898
  let button_props = {
9718
- $$slots: { default: [create_default_slot9] },
9899
+ $$slots: { default: [create_default_slot8] },
9719
9900
  $$scope: { ctx }
9720
9901
  };
9721
9902
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -9724,8 +9905,8 @@ function create_fragment65(ctx) {
9724
9905
  button = new Button_default({ props: button_props });
9725
9906
  button.$on(
9726
9907
  "click",
9727
- /*click_handler*/
9728
- ctx[4]
9908
+ /*select_last_shape*/
9909
+ ctx[8]
9729
9910
  );
9730
9911
  return {
9731
9912
  c() {
@@ -9736,22 +9917,27 @@ function create_fragment65(ctx) {
9736
9917
  current = true;
9737
9918
  },
9738
9919
  p(ctx2, [dirty]) {
9739
- const button_changes = dirty & /*btn_props, content*/
9740
- 3 ? get_spread_update(button_spread_levels, [
9920
+ const button_changes = dirty & /*btn_props, content, menu*/
9921
+ 14 ? get_spread_update(button_spread_levels, [
9741
9922
  button_spread_levels[0],
9742
9923
  dirty & /*btn_props*/
9743
- 1 && get_spread_object(
9924
+ 2 && get_spread_object(
9744
9925
  /*btn_props*/
9745
- ctx2[0]
9926
+ ctx2[1]
9746
9927
  ),
9747
9928
  dirty & /*content*/
9748
- 2 && { content: (
9929
+ 4 && { content: (
9749
9930
  /*content*/
9750
- ctx2[1]
9931
+ ctx2[2]
9932
+ ) },
9933
+ dirty & /*menu*/
9934
+ 8 && { menu: (
9935
+ /*menu*/
9936
+ ctx2[3]
9751
9937
  ) }
9752
9938
  ]) : {};
9753
- if (dirty & /*$$scope, theme, appliance*/
9754
- 44) {
9939
+ if (dirty & /*$$scope, last_shape, theme, appliance, shape*/
9940
+ 2161) {
9755
9941
  button_changes.$$scope = { dirty, ctx: ctx2 };
9756
9942
  }
9757
9943
  button.$set(button_changes);
@@ -9771,34 +9957,330 @@ function create_fragment65(ctx) {
9771
9957
  }
9772
9958
  };
9773
9959
  }
9774
- function instance65($$self, $$props, $$invalidate) {
9960
+ function instance66($$self, $$props, $$invalidate) {
9961
+ let memberState;
9962
+ let shape;
9963
+ let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(10, $memberState = $$value)), memberState);
9964
+ $$self.$$.on_destroy.push(() => $$unsubscribe_memberState());
9965
+ let { app = null } = $$props;
9775
9966
  let { btn_props = {} } = $$props;
9776
9967
  let { content } = $$props;
9968
+ let { menu } = $$props;
9777
9969
  let { appliance } = $$props;
9778
9970
  let { theme = "light" } = $$props;
9779
- function click_handler(event) {
9780
- bubble.call(this, $$self, event);
9971
+ let last_shape = "rectangle";
9972
+ function select_last_shape() {
9973
+ if (applianceShapes.includes(last_shape)) {
9974
+ app == null ? void 0 : app.setAppliance(last_shape);
9975
+ } else {
9976
+ app == null ? void 0 : app.setAppliance("shape", last_shape);
9977
+ }
9781
9978
  }
9782
9979
  $$self.$$set = ($$props2) => {
9980
+ if ("app" in $$props2)
9981
+ $$invalidate(9, app = $$props2.app);
9783
9982
  if ("btn_props" in $$props2)
9784
- $$invalidate(0, btn_props = $$props2.btn_props);
9983
+ $$invalidate(1, btn_props = $$props2.btn_props);
9785
9984
  if ("content" in $$props2)
9786
- $$invalidate(1, content = $$props2.content);
9985
+ $$invalidate(2, content = $$props2.content);
9986
+ if ("menu" in $$props2)
9987
+ $$invalidate(3, menu = $$props2.menu);
9787
9988
  if ("appliance" in $$props2)
9788
- $$invalidate(2, appliance = $$props2.appliance);
9989
+ $$invalidate(0, appliance = $$props2.appliance);
9789
9990
  if ("theme" in $$props2)
9790
- $$invalidate(3, theme = $$props2.theme);
9991
+ $$invalidate(4, theme = $$props2.theme);
9791
9992
  };
9792
- return [btn_props, content, appliance, theme, click_handler];
9993
+ $$self.$$.update = () => {
9994
+ if ($$self.$$.dirty & /*app*/
9995
+ 512) {
9996
+ $$subscribe_memberState($$invalidate(7, memberState = app == null ? void 0 : app.memberState));
9997
+ }
9998
+ if ($$self.$$.dirty & /*$memberState*/
9999
+ 1024) {
10000
+ $$invalidate(0, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
10001
+ }
10002
+ if ($$self.$$.dirty & /*$memberState*/
10003
+ 1024) {
10004
+ $$invalidate(5, shape = $memberState == null ? void 0 : $memberState.shapeType);
10005
+ }
10006
+ if ($$self.$$.dirty & /*appliance, shape*/
10007
+ 33) {
10008
+ if (applianceShapes.includes(appliance)) {
10009
+ $$invalidate(6, last_shape = appliance);
10010
+ } else if (shape) {
10011
+ $$invalidate(6, last_shape = shape);
10012
+ }
10013
+ }
10014
+ };
10015
+ return [
10016
+ appliance,
10017
+ btn_props,
10018
+ content,
10019
+ menu,
10020
+ theme,
10021
+ shape,
10022
+ last_shape,
10023
+ memberState,
10024
+ select_last_shape,
10025
+ app,
10026
+ $memberState
10027
+ ];
9793
10028
  }
9794
- var Eraser2 = class extends SvelteComponent {
10029
+ var Shapes = class extends SvelteComponent {
9795
10030
  constructor(options) {
9796
10031
  super();
9797
- init(this, options, instance65, create_fragment65, safe_not_equal, {
9798
- btn_props: 0,
9799
- content: 1,
9800
- appliance: 2,
9801
- theme: 3
10032
+ init(this, options, instance66, create_fragment66, safe_not_equal, {
10033
+ app: 9,
10034
+ btn_props: 1,
10035
+ content: 2,
10036
+ menu: 3,
10037
+ appliance: 0,
10038
+ theme: 4
10039
+ });
10040
+ }
10041
+ };
10042
+ var Shapes_default = Shapes;
10043
+ function create_else_block11(ctx) {
10044
+ let icons_eraser;
10045
+ let current;
10046
+ icons_eraser = new Icons_default.Eraser({ props: { theme: (
10047
+ /*theme*/
10048
+ ctx[3]
10049
+ ) } });
10050
+ return {
10051
+ c() {
10052
+ create_component(icons_eraser.$$.fragment);
10053
+ },
10054
+ m(target, anchor) {
10055
+ mount_component(icons_eraser, target, anchor);
10056
+ current = true;
10057
+ },
10058
+ p(ctx2, dirty) {
10059
+ const icons_eraser_changes = {};
10060
+ if (dirty & /*theme*/
10061
+ 8)
10062
+ icons_eraser_changes.theme = /*theme*/
10063
+ ctx2[3];
10064
+ icons_eraser.$set(icons_eraser_changes);
10065
+ },
10066
+ i(local) {
10067
+ if (current)
10068
+ return;
10069
+ transition_in(icons_eraser.$$.fragment, local);
10070
+ current = true;
10071
+ },
10072
+ o(local) {
10073
+ transition_out(icons_eraser.$$.fragment, local);
10074
+ current = false;
10075
+ },
10076
+ d(detaching) {
10077
+ destroy_component(icons_eraser, detaching);
10078
+ }
10079
+ };
10080
+ }
10081
+ function create_if_block11(ctx) {
10082
+ let icons_eraserfilled;
10083
+ let current;
10084
+ icons_eraserfilled = new Icons_default.EraserFilled({
10085
+ props: { theme: (
10086
+ /*theme*/
10087
+ ctx[3]
10088
+ ), active: true }
10089
+ });
10090
+ return {
10091
+ c() {
10092
+ create_component(icons_eraserfilled.$$.fragment);
10093
+ },
10094
+ m(target, anchor) {
10095
+ mount_component(icons_eraserfilled, target, anchor);
10096
+ current = true;
10097
+ },
10098
+ p(ctx2, dirty) {
10099
+ const icons_eraserfilled_changes = {};
10100
+ if (dirty & /*theme*/
10101
+ 8)
10102
+ icons_eraserfilled_changes.theme = /*theme*/
10103
+ ctx2[3];
10104
+ icons_eraserfilled.$set(icons_eraserfilled_changes);
10105
+ },
10106
+ i(local) {
10107
+ if (current)
10108
+ return;
10109
+ transition_in(icons_eraserfilled.$$.fragment, local);
10110
+ current = true;
10111
+ },
10112
+ o(local) {
10113
+ transition_out(icons_eraserfilled.$$.fragment, local);
10114
+ current = false;
10115
+ },
10116
+ d(detaching) {
10117
+ destroy_component(icons_eraserfilled, detaching);
10118
+ }
10119
+ };
10120
+ }
10121
+ function create_default_slot9(ctx) {
10122
+ let current_block_type_index;
10123
+ let if_block;
10124
+ let if_block_anchor;
10125
+ let current;
10126
+ const if_block_creators = [create_if_block11, create_else_block11];
10127
+ const if_blocks = [];
10128
+ function select_block_type(ctx2, dirty) {
10129
+ if (
10130
+ /*appliance*/
10131
+ ctx2[2] === "eraser"
10132
+ )
10133
+ return 0;
10134
+ return 1;
10135
+ }
10136
+ current_block_type_index = select_block_type(ctx);
10137
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
10138
+ return {
10139
+ c() {
10140
+ if_block.c();
10141
+ if_block_anchor = empty();
10142
+ },
10143
+ m(target, anchor) {
10144
+ if_blocks[current_block_type_index].m(target, anchor);
10145
+ insert(target, if_block_anchor, anchor);
10146
+ current = true;
10147
+ },
10148
+ p(ctx2, dirty) {
10149
+ let previous_block_index = current_block_type_index;
10150
+ current_block_type_index = select_block_type(ctx2);
10151
+ if (current_block_type_index === previous_block_index) {
10152
+ if_blocks[current_block_type_index].p(ctx2, dirty);
10153
+ } else {
10154
+ group_outros();
10155
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
10156
+ if_blocks[previous_block_index] = null;
10157
+ });
10158
+ check_outros();
10159
+ if_block = if_blocks[current_block_type_index];
10160
+ if (!if_block) {
10161
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
10162
+ if_block.c();
10163
+ } else {
10164
+ if_block.p(ctx2, dirty);
10165
+ }
10166
+ transition_in(if_block, 1);
10167
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
10168
+ }
10169
+ },
10170
+ i(local) {
10171
+ if (current)
10172
+ return;
10173
+ transition_in(if_block);
10174
+ current = true;
10175
+ },
10176
+ o(local) {
10177
+ transition_out(if_block);
10178
+ current = false;
10179
+ },
10180
+ d(detaching) {
10181
+ if_blocks[current_block_type_index].d(detaching);
10182
+ if (detaching)
10183
+ detach(if_block_anchor);
10184
+ }
10185
+ };
10186
+ }
10187
+ function create_fragment67(ctx) {
10188
+ let button;
10189
+ let current;
10190
+ const button_spread_levels = [
10191
+ { class: "eraser" },
10192
+ /*btn_props*/
10193
+ ctx[0],
10194
+ { content: (
10195
+ /*content*/
10196
+ ctx[1]
10197
+ ) }
10198
+ ];
10199
+ let button_props = {
10200
+ $$slots: { default: [create_default_slot9] },
10201
+ $$scope: { ctx }
10202
+ };
10203
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
10204
+ button_props = assign(button_props, button_spread_levels[i]);
10205
+ }
10206
+ button = new Button_default({ props: button_props });
10207
+ button.$on(
10208
+ "click",
10209
+ /*click_handler*/
10210
+ ctx[4]
10211
+ );
10212
+ return {
10213
+ c() {
10214
+ create_component(button.$$.fragment);
10215
+ },
10216
+ m(target, anchor) {
10217
+ mount_component(button, target, anchor);
10218
+ current = true;
10219
+ },
10220
+ p(ctx2, [dirty]) {
10221
+ const button_changes = dirty & /*btn_props, content*/
10222
+ 3 ? get_spread_update(button_spread_levels, [
10223
+ button_spread_levels[0],
10224
+ dirty & /*btn_props*/
10225
+ 1 && get_spread_object(
10226
+ /*btn_props*/
10227
+ ctx2[0]
10228
+ ),
10229
+ dirty & /*content*/
10230
+ 2 && { content: (
10231
+ /*content*/
10232
+ ctx2[1]
10233
+ ) }
10234
+ ]) : {};
10235
+ if (dirty & /*$$scope, theme, appliance*/
10236
+ 44) {
10237
+ button_changes.$$scope = { dirty, ctx: ctx2 };
10238
+ }
10239
+ button.$set(button_changes);
10240
+ },
10241
+ i(local) {
10242
+ if (current)
10243
+ return;
10244
+ transition_in(button.$$.fragment, local);
10245
+ current = true;
10246
+ },
10247
+ o(local) {
10248
+ transition_out(button.$$.fragment, local);
10249
+ current = false;
10250
+ },
10251
+ d(detaching) {
10252
+ destroy_component(button, detaching);
10253
+ }
10254
+ };
10255
+ }
10256
+ function instance67($$self, $$props, $$invalidate) {
10257
+ let { btn_props = {} } = $$props;
10258
+ let { content } = $$props;
10259
+ let { appliance } = $$props;
10260
+ let { theme = "light" } = $$props;
10261
+ function click_handler(event) {
10262
+ bubble.call(this, $$self, event);
10263
+ }
10264
+ $$self.$$set = ($$props2) => {
10265
+ if ("btn_props" in $$props2)
10266
+ $$invalidate(0, btn_props = $$props2.btn_props);
10267
+ if ("content" in $$props2)
10268
+ $$invalidate(1, content = $$props2.content);
10269
+ if ("appliance" in $$props2)
10270
+ $$invalidate(2, appliance = $$props2.appliance);
10271
+ if ("theme" in $$props2)
10272
+ $$invalidate(3, theme = $$props2.theme);
10273
+ };
10274
+ return [btn_props, content, appliance, theme, click_handler];
10275
+ }
10276
+ var Eraser2 = class extends SvelteComponent {
10277
+ constructor(options) {
10278
+ super();
10279
+ init(this, options, instance67, create_fragment67, safe_not_equal, {
10280
+ btn_props: 0,
10281
+ content: 1,
10282
+ appliance: 2,
10283
+ theme: 3
9802
10284
  });
9803
10285
  }
9804
10286
  };
@@ -9841,7 +10323,7 @@ function create_default_slot10(ctx) {
9841
10323
  }
9842
10324
  };
9843
10325
  }
9844
- function create_fragment66(ctx) {
10326
+ function create_fragment68(ctx) {
9845
10327
  let button;
9846
10328
  let current;
9847
10329
  const button_spread_levels = [
@@ -9910,7 +10392,7 @@ function create_fragment66(ctx) {
9910
10392
  }
9911
10393
  };
9912
10394
  }
9913
- function instance66($$self, $$props, $$invalidate) {
10395
+ function instance68($$self, $$props, $$invalidate) {
9914
10396
  let { btn_props = {} } = $$props;
9915
10397
  let { content } = $$props;
9916
10398
  let { theme = "light" } = $$props;
@@ -9930,7 +10412,7 @@ function instance66($$self, $$props, $$invalidate) {
9930
10412
  var Clear2 = class extends SvelteComponent {
9931
10413
  constructor(options) {
9932
10414
  super();
9933
- init(this, options, instance66, create_fragment66, safe_not_equal, { btn_props: 0, content: 1, theme: 2 });
10415
+ init(this, options, instance68, create_fragment68, safe_not_equal, { btn_props: 0, content: 1, theme: 2 });
9934
10416
  }
9935
10417
  };
9936
10418
  var Clear_default2 = Clear2;
@@ -10078,7 +10560,7 @@ function create_default_slot11(ctx) {
10078
10560
  }
10079
10561
  };
10080
10562
  }
10081
- function create_fragment67(ctx) {
10563
+ function create_fragment69(ctx) {
10082
10564
  let button;
10083
10565
  let current;
10084
10566
  const button_spread_levels = [
@@ -10147,7 +10629,7 @@ function create_fragment67(ctx) {
10147
10629
  }
10148
10630
  };
10149
10631
  }
10150
- function instance67($$self, $$props, $$invalidate) {
10632
+ function instance69($$self, $$props, $$invalidate) {
10151
10633
  let { btn_props = {} } = $$props;
10152
10634
  let { content } = $$props;
10153
10635
  let { appliance } = $$props;
@@ -10170,7 +10652,7 @@ function instance67($$self, $$props, $$invalidate) {
10170
10652
  var Hand = class extends SvelteComponent {
10171
10653
  constructor(options) {
10172
10654
  super();
10173
- init(this, options, instance67, create_fragment67, safe_not_equal, {
10655
+ init(this, options, instance69, create_fragment69, safe_not_equal, {
10174
10656
  btn_props: 0,
10175
10657
  content: 1,
10176
10658
  appliance: 2,
@@ -10323,7 +10805,7 @@ function create_default_slot12(ctx) {
10323
10805
  }
10324
10806
  };
10325
10807
  }
10326
- function create_fragment68(ctx) {
10808
+ function create_fragment70(ctx) {
10327
10809
  let button;
10328
10810
  let current;
10329
10811
  const button_spread_levels = [
@@ -10392,7 +10874,7 @@ function create_fragment68(ctx) {
10392
10874
  }
10393
10875
  };
10394
10876
  }
10395
- function instance68($$self, $$props, $$invalidate) {
10877
+ function instance70($$self, $$props, $$invalidate) {
10396
10878
  let { btn_props = {} } = $$props;
10397
10879
  let { content } = $$props;
10398
10880
  let { appliance } = $$props;
@@ -10415,7 +10897,7 @@ function instance68($$self, $$props, $$invalidate) {
10415
10897
  var Laser2 = class extends SvelteComponent {
10416
10898
  constructor(options) {
10417
10899
  super();
10418
- init(this, options, instance68, create_fragment68, safe_not_equal, {
10900
+ init(this, options, instance70, create_fragment70, safe_not_equal, {
10419
10901
  btn_props: 0,
10420
10902
  content: 1,
10421
10903
  appliance: 2,
@@ -10428,42 +10910,42 @@ var Laser_default2 = Laser2;
10428
10910
  // src/components/Toolbar/components/Contents.svelte
10429
10911
  function get_each_context4(ctx, list, i) {
10430
10912
  const child_ctx = ctx.slice();
10431
- child_ctx[47] = list[i];
10913
+ child_ctx[51] = list[i];
10432
10914
  const constants_0 = (
10433
10915
  /*netless_app*/
10434
- child_ctx[47]
10916
+ child_ctx[51]
10435
10917
  );
10436
- child_ctx[48] = constants_0.icon;
10437
- child_ctx[49] = constants_0.label;
10438
- child_ctx[50] = constants_0.kind;
10439
- child_ctx[51] = constants_0.onClick;
10918
+ child_ctx[52] = constants_0.icon;
10919
+ child_ctx[53] = constants_0.label;
10920
+ child_ctx[54] = constants_0.kind;
10921
+ child_ctx[55] = constants_0.onClick;
10440
10922
  const constants_1 = (
10441
10923
  /*$status*/
10442
10924
  child_ctx[22] && /*$status*/
10443
10925
  child_ctx[22][
10444
10926
  /*kind*/
10445
- child_ctx[50]
10927
+ child_ctx[54]
10446
10928
  ]
10447
10929
  );
10448
- child_ctx[52] = constants_1;
10930
+ child_ctx[56] = constants_1;
10449
10931
  const constants_2 = function func() {
10450
10932
  return (
10451
10933
  /*func*/
10452
- ctx[43](
10934
+ ctx[47](
10453
10935
  /*onClick*/
10454
- child_ctx[51]
10936
+ child_ctx[55]
10455
10937
  )
10456
10938
  );
10457
10939
  };
10458
- child_ctx[53] = constants_2;
10940
+ child_ctx[57] = constants_2;
10459
10941
  return child_ctx;
10460
10942
  }
10461
10943
  function get_each_context_1(ctx, list, i) {
10462
10944
  const child_ctx = ctx.slice();
10463
- child_ctx[56] = list[i];
10945
+ child_ctx[60] = list[i];
10464
10946
  return child_ctx;
10465
10947
  }
10466
- function create_if_block_13(ctx) {
10948
+ function create_if_block_18(ctx) {
10467
10949
  let button;
10468
10950
  let current;
10469
10951
  const button_spread_levels = [
@@ -10472,7 +10954,7 @@ function create_if_block_13(ctx) {
10472
10954
  ctx[15]
10473
10955
  ];
10474
10956
  let button_props = {
10475
- $$slots: { default: [create_default_slot_6] },
10957
+ $$slots: { default: [create_default_slot_8] },
10476
10958
  $$scope: { ctx }
10477
10959
  };
10478
10960
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -10499,8 +10981,8 @@ function create_if_block_13(ctx) {
10499
10981
  ctx2[15]
10500
10982
  )]) : {};
10501
10983
  if (dirty[0] & /*theme*/
10502
- 2 | dirty[1] & /*$$scope*/
10503
- 268435456) {
10984
+ 2 | dirty[2] & /*$$scope*/
10985
+ 2) {
10504
10986
  button_changes.$$scope = { dirty, ctx: ctx2 };
10505
10987
  }
10506
10988
  button.$set(button_changes);
@@ -10520,7 +11002,7 @@ function create_if_block_13(ctx) {
10520
11002
  }
10521
11003
  };
10522
11004
  }
10523
- function create_default_slot_6(ctx) {
11005
+ function create_default_slot_8(ctx) {
10524
11006
  let icons_up;
10525
11007
  let current;
10526
11008
  icons_up = new Icons_default.Up({ props: { theme: (
@@ -10558,14 +11040,14 @@ function create_default_slot_6(ctx) {
10558
11040
  }
10559
11041
  };
10560
11042
  }
10561
- function create_if_block_122(ctx) {
11043
+ function create_if_block_17(ctx) {
10562
11044
  let laser;
10563
11045
  let current;
10564
11046
  laser = new Laser_default2({
10565
11047
  props: {
10566
11048
  appliance: (
10567
11049
  /*appliance*/
10568
- ctx[18]
11050
+ ctx[17]
10569
11051
  ),
10570
11052
  theme: (
10571
11053
  /*theme*/
@@ -10597,9 +11079,9 @@ function create_if_block_122(ctx) {
10597
11079
  p(ctx2, dirty) {
10598
11080
  const laser_changes = {};
10599
11081
  if (dirty[0] & /*appliance*/
10600
- 262144)
11082
+ 131072)
10601
11083
  laser_changes.appliance = /*appliance*/
10602
- ctx2[18];
11084
+ ctx2[17];
10603
11085
  if (dirty[0] & /*theme*/
10604
11086
  2)
10605
11087
  laser_changes.theme = /*theme*/
@@ -10629,14 +11111,14 @@ function create_if_block_122(ctx) {
10629
11111
  }
10630
11112
  };
10631
11113
  }
10632
- function create_if_block_11(ctx) {
11114
+ function create_if_block_16(ctx) {
10633
11115
  let hand_1;
10634
11116
  let current;
10635
11117
  hand_1 = new Hand_default({
10636
11118
  props: {
10637
11119
  appliance: (
10638
11120
  /*appliance*/
10639
- ctx[18]
11121
+ ctx[17]
10640
11122
  ),
10641
11123
  theme: (
10642
11124
  /*theme*/
@@ -10668,9 +11150,9 @@ function create_if_block_11(ctx) {
10668
11150
  p(ctx2, dirty) {
10669
11151
  const hand_1_changes = {};
10670
11152
  if (dirty[0] & /*appliance*/
10671
- 262144)
11153
+ 131072)
10672
11154
  hand_1_changes.appliance = /*appliance*/
10673
- ctx2[18];
11155
+ ctx2[17];
10674
11156
  if (dirty[0] & /*theme*/
10675
11157
  2)
10676
11158
  hand_1_changes.theme = /*theme*/
@@ -10700,7 +11182,7 @@ function create_if_block_11(ctx) {
10700
11182
  }
10701
11183
  };
10702
11184
  }
10703
- function create_if_block_10(ctx) {
11185
+ function create_if_block_15(ctx) {
10704
11186
  let clear_1;
10705
11187
  let current;
10706
11188
  clear_1 = new Clear_default2({
@@ -10763,14 +11245,14 @@ function create_if_block_10(ctx) {
10763
11245
  }
10764
11246
  };
10765
11247
  }
10766
- function create_if_block_9(ctx) {
11248
+ function create_if_block_14(ctx) {
10767
11249
  let eraser_1;
10768
11250
  let current;
10769
11251
  eraser_1 = new Eraser_default2({
10770
11252
  props: {
10771
11253
  appliance: (
10772
11254
  /*appliance*/
10773
- ctx[18]
11255
+ ctx[17]
10774
11256
  ),
10775
11257
  theme: (
10776
11258
  /*theme*/
@@ -10802,9 +11284,9 @@ function create_if_block_9(ctx) {
10802
11284
  p(ctx2, dirty) {
10803
11285
  const eraser_1_changes = {};
10804
11286
  if (dirty[0] & /*appliance*/
10805
- 262144)
11287
+ 131072)
10806
11288
  eraser_1_changes.appliance = /*appliance*/
10807
- ctx2[18];
11289
+ ctx2[17];
10808
11290
  if (dirty[0] & /*theme*/
10809
11291
  2)
10810
11292
  eraser_1_changes.theme = /*theme*/
@@ -10834,7 +11316,7 @@ function create_if_block_9(ctx) {
10834
11316
  }
10835
11317
  };
10836
11318
  }
10837
- function create_if_block_8(ctx) {
11319
+ function create_if_block_13(ctx) {
10838
11320
  let shapes2;
10839
11321
  let current;
10840
11322
  shapes2 = new Shapes_default({
@@ -10845,7 +11327,7 @@ function create_if_block_8(ctx) {
10845
11327
  ),
10846
11328
  appliance: (
10847
11329
  /*appliance*/
10848
- ctx[18]
11330
+ ctx[17]
10849
11331
  ),
10850
11332
  theme: (
10851
11333
  /*theme*/
@@ -10880,9 +11362,9 @@ function create_if_block_8(ctx) {
10880
11362
  shapes_changes.app = /*app*/
10881
11363
  ctx2[0];
10882
11364
  if (dirty[0] & /*appliance*/
10883
- 262144)
11365
+ 131072)
10884
11366
  shapes_changes.appliance = /*appliance*/
10885
- ctx2[18];
11367
+ ctx2[17];
10886
11368
  if (dirty[0] & /*theme*/
10887
11369
  2)
10888
11370
  shapes_changes.theme = /*theme*/
@@ -10916,14 +11398,14 @@ function create_if_block_8(ctx) {
10916
11398
  }
10917
11399
  };
10918
11400
  }
10919
- function create_if_block_7(ctx) {
11401
+ function create_if_block_122(ctx) {
10920
11402
  let text_1;
10921
11403
  let current;
10922
11404
  text_1 = new Text_default2({
10923
11405
  props: {
10924
11406
  appliance: (
10925
11407
  /*appliance*/
10926
- ctx[18]
11408
+ ctx[17]
10927
11409
  ),
10928
11410
  theme: (
10929
11411
  /*theme*/
@@ -10959,9 +11441,9 @@ function create_if_block_7(ctx) {
10959
11441
  p(ctx2, dirty) {
10960
11442
  const text_1_changes = {};
10961
11443
  if (dirty[0] & /*appliance*/
10962
- 262144)
11444
+ 131072)
10963
11445
  text_1_changes.appliance = /*appliance*/
10964
- ctx2[18];
11446
+ ctx2[17];
10965
11447
  if (dirty[0] & /*theme*/
10966
11448
  2)
10967
11449
  text_1_changes.theme = /*theme*/
@@ -10995,18 +11477,18 @@ function create_if_block_7(ctx) {
10995
11477
  }
10996
11478
  };
10997
11479
  }
10998
- function create_if_block_6(ctx) {
11480
+ function create_if_block_11(ctx) {
10999
11481
  let pencil_1;
11000
11482
  let current;
11001
11483
  pencil_1 = new Pencil_default2({
11002
11484
  props: {
11003
- hasUseLaserPen: (
11004
- /*hasUseLaserPen*/
11485
+ pencilType: (
11486
+ /*pencilType*/
11005
11487
  ctx[16]
11006
11488
  ),
11007
11489
  appliance: (
11008
11490
  /*appliance*/
11009
- ctx[18]
11491
+ ctx[17]
11010
11492
  ),
11011
11493
  theme: (
11012
11494
  /*theme*/
@@ -11041,14 +11523,14 @@ function create_if_block_6(ctx) {
11041
11523
  },
11042
11524
  p(ctx2, dirty) {
11043
11525
  const pencil_1_changes = {};
11044
- if (dirty[0] & /*hasUseLaserPen*/
11526
+ if (dirty[0] & /*pencilType*/
11045
11527
  65536)
11046
- pencil_1_changes.hasUseLaserPen = /*hasUseLaserPen*/
11528
+ pencil_1_changes.pencilType = /*pencilType*/
11047
11529
  ctx2[16];
11048
11530
  if (dirty[0] & /*appliance*/
11049
- 262144)
11531
+ 131072)
11050
11532
  pencil_1_changes.appliance = /*appliance*/
11051
- ctx2[18];
11533
+ ctx2[17];
11052
11534
  if (dirty[0] & /*theme*/
11053
11535
  2)
11054
11536
  pencil_1_changes.theme = /*theme*/
@@ -11082,14 +11564,14 @@ function create_if_block_6(ctx) {
11082
11564
  }
11083
11565
  };
11084
11566
  }
11085
- function create_if_block_5(ctx) {
11567
+ function create_if_block_10(ctx) {
11086
11568
  let selector_1;
11087
11569
  let current;
11088
11570
  selector_1 = new Selector_default2({
11089
11571
  props: {
11090
11572
  appliance: (
11091
11573
  /*appliance*/
11092
- ctx[18]
11574
+ ctx[17]
11093
11575
  ),
11094
11576
  theme: (
11095
11577
  /*theme*/
@@ -11121,9 +11603,9 @@ function create_if_block_5(ctx) {
11121
11603
  p(ctx2, dirty) {
11122
11604
  const selector_1_changes = {};
11123
11605
  if (dirty[0] & /*appliance*/
11124
- 262144)
11606
+ 131072)
11125
11607
  selector_1_changes.appliance = /*appliance*/
11126
- ctx2[18];
11608
+ ctx2[17];
11127
11609
  if (dirty[0] & /*theme*/
11128
11610
  2)
11129
11611
  selector_1_changes.theme = /*theme*/
@@ -11153,14 +11635,14 @@ function create_if_block_5(ctx) {
11153
11635
  }
11154
11636
  };
11155
11637
  }
11156
- function create_if_block_4(ctx) {
11638
+ function create_if_block_9(ctx) {
11157
11639
  let clicker_1;
11158
11640
  let current;
11159
11641
  clicker_1 = new Clicker_default({
11160
11642
  props: {
11161
11643
  appliance: (
11162
11644
  /*appliance*/
11163
- ctx[18]
11645
+ ctx[17]
11164
11646
  ),
11165
11647
  theme: (
11166
11648
  /*theme*/
@@ -11192,9 +11674,9 @@ function create_if_block_4(ctx) {
11192
11674
  p(ctx2, dirty) {
11193
11675
  const clicker_1_changes = {};
11194
11676
  if (dirty[0] & /*appliance*/
11195
- 262144)
11677
+ 131072)
11196
11678
  clicker_1_changes.appliance = /*appliance*/
11197
- ctx2[18];
11679
+ ctx2[17];
11198
11680
  if (dirty[0] & /*theme*/
11199
11681
  2)
11200
11682
  clicker_1_changes.theme = /*theme*/
@@ -11230,61 +11712,61 @@ function create_each_block_1(ctx) {
11230
11712
  let if_block_anchor;
11231
11713
  let current;
11232
11714
  const if_block_creators = [
11233
- create_if_block_4,
11234
- create_if_block_5,
11235
- create_if_block_6,
11236
- create_if_block_7,
11237
- create_if_block_8,
11238
11715
  create_if_block_9,
11239
11716
  create_if_block_10,
11240
11717
  create_if_block_11,
11241
- create_if_block_122
11718
+ create_if_block_122,
11719
+ create_if_block_13,
11720
+ create_if_block_14,
11721
+ create_if_block_15,
11722
+ create_if_block_16,
11723
+ create_if_block_17
11242
11724
  ];
11243
11725
  const if_blocks = [];
11244
11726
  function select_block_type(ctx2, dirty) {
11245
11727
  if (
11246
11728
  /*item*/
11247
- ctx2[56] === "clicker"
11729
+ ctx2[60] === "clicker"
11248
11730
  )
11249
11731
  return 0;
11250
11732
  if (
11251
11733
  /*item*/
11252
- ctx2[56] === "selector"
11734
+ ctx2[60] === "selector"
11253
11735
  )
11254
11736
  return 1;
11255
11737
  if (
11256
11738
  /*item*/
11257
- ctx2[56] === "pencil"
11739
+ ctx2[60] === "pencil"
11258
11740
  )
11259
11741
  return 2;
11260
11742
  if (
11261
11743
  /*item*/
11262
- ctx2[56] === "text"
11744
+ ctx2[60] === "text"
11263
11745
  )
11264
11746
  return 3;
11265
11747
  if (
11266
11748
  /*item*/
11267
- ctx2[56] === "shapes"
11749
+ ctx2[60] === "shapes"
11268
11750
  )
11269
11751
  return 4;
11270
11752
  if (
11271
11753
  /*item*/
11272
- ctx2[56] === "eraser"
11754
+ ctx2[60] === "eraser"
11273
11755
  )
11274
11756
  return 5;
11275
11757
  if (
11276
11758
  /*item*/
11277
- ctx2[56] === "clear"
11759
+ ctx2[60] === "clear"
11278
11760
  )
11279
11761
  return 6;
11280
11762
  if (
11281
11763
  /*item*/
11282
- ctx2[56] === "hand"
11764
+ ctx2[60] === "hand"
11283
11765
  )
11284
11766
  return 7;
11285
11767
  if (
11286
11768
  /*item*/
11287
- ctx2[56] === "laserPointer"
11769
+ ctx2[60] === "laserPointer"
11288
11770
  )
11289
11771
  return 8;
11290
11772
  return -1;
@@ -11354,7 +11836,7 @@ function create_each_block_1(ctx) {
11354
11836
  }
11355
11837
  };
11356
11838
  }
11357
- function create_if_block_3(ctx) {
11839
+ function create_if_block_8(ctx) {
11358
11840
  let button;
11359
11841
  let current;
11360
11842
  const button_spread_levels = [
@@ -11377,7 +11859,7 @@ function create_if_block_3(ctx) {
11377
11859
  }
11378
11860
  ];
11379
11861
  let button_props = {
11380
- $$slots: { default: [create_default_slot_53] },
11862
+ $$slots: { default: [create_default_slot_7] },
11381
11863
  $$scope: { ctx }
11382
11864
  };
11383
11865
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -11420,8 +11902,478 @@ function create_if_block_3(ctx) {
11420
11902
  }
11421
11903
  ]) : {};
11422
11904
  if (dirty[0] & /*theme*/
11423
- 2 | dirty[1] & /*$$scope*/
11424
- 268435456) {
11905
+ 2 | dirty[2] & /*$$scope*/
11906
+ 2) {
11907
+ button_changes.$$scope = { dirty, ctx: ctx2 };
11908
+ }
11909
+ button.$set(button_changes);
11910
+ },
11911
+ i(local) {
11912
+ if (current)
11913
+ return;
11914
+ transition_in(button.$$.fragment, local);
11915
+ current = true;
11916
+ },
11917
+ o(local) {
11918
+ transition_out(button.$$.fragment, local);
11919
+ current = false;
11920
+ },
11921
+ d(detaching) {
11922
+ destroy_component(button, detaching);
11923
+ }
11924
+ };
11925
+ }
11926
+ function create_default_slot_7(ctx) {
11927
+ let icons_apps;
11928
+ let current;
11929
+ icons_apps = new Icons_default.Apps({ props: { theme: (
11930
+ /*theme*/
11931
+ ctx[1]
11932
+ ) } });
11933
+ return {
11934
+ c() {
11935
+ create_component(icons_apps.$$.fragment);
11936
+ },
11937
+ m(target, anchor) {
11938
+ mount_component(icons_apps, target, anchor);
11939
+ current = true;
11940
+ },
11941
+ p(ctx2, dirty) {
11942
+ const icons_apps_changes = {};
11943
+ if (dirty[0] & /*theme*/
11944
+ 2)
11945
+ icons_apps_changes.theme = /*theme*/
11946
+ ctx2[1];
11947
+ icons_apps.$set(icons_apps_changes);
11948
+ },
11949
+ i(local) {
11950
+ if (current)
11951
+ return;
11952
+ transition_in(icons_apps.$$.fragment, local);
11953
+ current = true;
11954
+ },
11955
+ o(local) {
11956
+ transition_out(icons_apps.$$.fragment, local);
11957
+ current = false;
11958
+ },
11959
+ d(detaching) {
11960
+ destroy_component(icons_apps, detaching);
11961
+ }
11962
+ };
11963
+ }
11964
+ function create_if_block_7(ctx) {
11965
+ let button;
11966
+ let current;
11967
+ button = new Button_default({
11968
+ props: {
11969
+ class: "scroll-down",
11970
+ name: name5,
11971
+ theme: (
11972
+ /*theme*/
11973
+ ctx[1]
11974
+ ),
11975
+ disabled: (
11976
+ /*disabled*/
11977
+ ctx[3]
11978
+ ),
11979
+ $$slots: { default: [create_default_slot_6] },
11980
+ $$scope: { ctx }
11981
+ }
11982
+ });
11983
+ button.$on(
11984
+ "click",
11985
+ /*scroll_down*/
11986
+ ctx[25]
11987
+ );
11988
+ return {
11989
+ c() {
11990
+ create_component(button.$$.fragment);
11991
+ },
11992
+ m(target, anchor) {
11993
+ mount_component(button, target, anchor);
11994
+ current = true;
11995
+ },
11996
+ p(ctx2, dirty) {
11997
+ const button_changes = {};
11998
+ if (dirty[0] & /*theme*/
11999
+ 2)
12000
+ button_changes.theme = /*theme*/
12001
+ ctx2[1];
12002
+ if (dirty[0] & /*disabled*/
12003
+ 8)
12004
+ button_changes.disabled = /*disabled*/
12005
+ ctx2[3];
12006
+ if (dirty[0] & /*theme*/
12007
+ 2 | dirty[2] & /*$$scope*/
12008
+ 2) {
12009
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12010
+ }
12011
+ button.$set(button_changes);
12012
+ },
12013
+ i(local) {
12014
+ if (current)
12015
+ return;
12016
+ transition_in(button.$$.fragment, local);
12017
+ current = true;
12018
+ },
12019
+ o(local) {
12020
+ transition_out(button.$$.fragment, local);
12021
+ current = false;
12022
+ },
12023
+ d(detaching) {
12024
+ destroy_component(button, detaching);
12025
+ }
12026
+ };
12027
+ }
12028
+ function create_default_slot_6(ctx) {
12029
+ let icons_down;
12030
+ let current;
12031
+ icons_down = new Icons_default.Down({ props: { theme: (
12032
+ /*theme*/
12033
+ ctx[1]
12034
+ ) } });
12035
+ return {
12036
+ c() {
12037
+ create_component(icons_down.$$.fragment);
12038
+ },
12039
+ m(target, anchor) {
12040
+ mount_component(icons_down, target, anchor);
12041
+ current = true;
12042
+ },
12043
+ p(ctx2, dirty) {
12044
+ const icons_down_changes = {};
12045
+ if (dirty[0] & /*theme*/
12046
+ 2)
12047
+ icons_down_changes.theme = /*theme*/
12048
+ ctx2[1];
12049
+ icons_down.$set(icons_down_changes);
12050
+ },
12051
+ i(local) {
12052
+ if (current)
12053
+ return;
12054
+ transition_in(icons_down.$$.fragment, local);
12055
+ current = true;
12056
+ },
12057
+ o(local) {
12058
+ transition_out(icons_down.$$.fragment, local);
12059
+ current = false;
12060
+ },
12061
+ d(detaching) {
12062
+ destroy_component(icons_down, detaching);
12063
+ }
12064
+ };
12065
+ }
12066
+ function create_if_block14(ctx) {
12067
+ let current_block_type_index;
12068
+ let if_block0;
12069
+ let t0;
12070
+ let current_block_type_index_1;
12071
+ let if_block1;
12072
+ let t1;
12073
+ let current_block_type_index_2;
12074
+ let if_block2;
12075
+ let if_block2_anchor;
12076
+ let current;
12077
+ const if_block_creators = [create_if_block_52, create_if_block_6];
12078
+ const if_blocks = [];
12079
+ function select_block_type_1(ctx2, dirty) {
12080
+ if (
12081
+ /*pencilType*/
12082
+ ctx2[16] !== "pencil"
12083
+ )
12084
+ return 0;
12085
+ if (
12086
+ /*pencilType*/
12087
+ ctx2[16] === "pencil"
12088
+ )
12089
+ return 1;
12090
+ return -1;
12091
+ }
12092
+ if (~(current_block_type_index = select_block_type_1(ctx))) {
12093
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
12094
+ }
12095
+ const if_block_creators_1 = [create_if_block_32, create_if_block_42];
12096
+ const if_blocks_1 = [];
12097
+ function select_block_type_2(ctx2, dirty) {
12098
+ if (
12099
+ /*pencilType*/
12100
+ ctx2[16] === "laser"
12101
+ )
12102
+ return 0;
12103
+ if (
12104
+ /*pencilType*/
12105
+ ctx2[16] !== "laser"
12106
+ )
12107
+ return 1;
12108
+ return -1;
12109
+ }
12110
+ if (~(current_block_type_index_1 = select_block_type_2(ctx))) {
12111
+ if_block1 = if_blocks_1[current_block_type_index_1] = if_block_creators_1[current_block_type_index_1](ctx);
12112
+ }
12113
+ const if_block_creators_2 = [create_if_block_19, create_if_block_22];
12114
+ const if_blocks_2 = [];
12115
+ function select_block_type_3(ctx2, dirty) {
12116
+ if (
12117
+ /*pencilType*/
12118
+ ctx2[16] === "mark"
12119
+ )
12120
+ return 0;
12121
+ if (
12122
+ /*pencilType*/
12123
+ ctx2[16] !== "mark"
12124
+ )
12125
+ return 1;
12126
+ return -1;
12127
+ }
12128
+ if (~(current_block_type_index_2 = select_block_type_3(ctx))) {
12129
+ if_block2 = if_blocks_2[current_block_type_index_2] = if_block_creators_2[current_block_type_index_2](ctx);
12130
+ }
12131
+ return {
12132
+ c() {
12133
+ if (if_block0)
12134
+ if_block0.c();
12135
+ t0 = space();
12136
+ if (if_block1)
12137
+ if_block1.c();
12138
+ t1 = space();
12139
+ if (if_block2)
12140
+ if_block2.c();
12141
+ if_block2_anchor = empty();
12142
+ },
12143
+ m(target, anchor) {
12144
+ if (~current_block_type_index) {
12145
+ if_blocks[current_block_type_index].m(target, anchor);
12146
+ }
12147
+ insert(target, t0, anchor);
12148
+ if (~current_block_type_index_1) {
12149
+ if_blocks_1[current_block_type_index_1].m(target, anchor);
12150
+ }
12151
+ insert(target, t1, anchor);
12152
+ if (~current_block_type_index_2) {
12153
+ if_blocks_2[current_block_type_index_2].m(target, anchor);
12154
+ }
12155
+ insert(target, if_block2_anchor, anchor);
12156
+ current = true;
12157
+ },
12158
+ p(ctx2, dirty) {
12159
+ let previous_block_index = current_block_type_index;
12160
+ current_block_type_index = select_block_type_1(ctx2);
12161
+ if (current_block_type_index === previous_block_index) {
12162
+ if (~current_block_type_index) {
12163
+ if_blocks[current_block_type_index].p(ctx2, dirty);
12164
+ }
12165
+ } else {
12166
+ if (if_block0) {
12167
+ group_outros();
12168
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
12169
+ if_blocks[previous_block_index] = null;
12170
+ });
12171
+ check_outros();
12172
+ }
12173
+ if (~current_block_type_index) {
12174
+ if_block0 = if_blocks[current_block_type_index];
12175
+ if (!if_block0) {
12176
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
12177
+ if_block0.c();
12178
+ } else {
12179
+ if_block0.p(ctx2, dirty);
12180
+ }
12181
+ transition_in(if_block0, 1);
12182
+ if_block0.m(t0.parentNode, t0);
12183
+ } else {
12184
+ if_block0 = null;
12185
+ }
12186
+ }
12187
+ let previous_block_index_1 = current_block_type_index_1;
12188
+ current_block_type_index_1 = select_block_type_2(ctx2);
12189
+ if (current_block_type_index_1 === previous_block_index_1) {
12190
+ if (~current_block_type_index_1) {
12191
+ if_blocks_1[current_block_type_index_1].p(ctx2, dirty);
12192
+ }
12193
+ } else {
12194
+ if (if_block1) {
12195
+ group_outros();
12196
+ transition_out(if_blocks_1[previous_block_index_1], 1, 1, () => {
12197
+ if_blocks_1[previous_block_index_1] = null;
12198
+ });
12199
+ check_outros();
12200
+ }
12201
+ if (~current_block_type_index_1) {
12202
+ if_block1 = if_blocks_1[current_block_type_index_1];
12203
+ if (!if_block1) {
12204
+ if_block1 = if_blocks_1[current_block_type_index_1] = if_block_creators_1[current_block_type_index_1](ctx2);
12205
+ if_block1.c();
12206
+ } else {
12207
+ if_block1.p(ctx2, dirty);
12208
+ }
12209
+ transition_in(if_block1, 1);
12210
+ if_block1.m(t1.parentNode, t1);
12211
+ } else {
12212
+ if_block1 = null;
12213
+ }
12214
+ }
12215
+ let previous_block_index_2 = current_block_type_index_2;
12216
+ current_block_type_index_2 = select_block_type_3(ctx2);
12217
+ if (current_block_type_index_2 === previous_block_index_2) {
12218
+ if (~current_block_type_index_2) {
12219
+ if_blocks_2[current_block_type_index_2].p(ctx2, dirty);
12220
+ }
12221
+ } else {
12222
+ if (if_block2) {
12223
+ group_outros();
12224
+ transition_out(if_blocks_2[previous_block_index_2], 1, 1, () => {
12225
+ if_blocks_2[previous_block_index_2] = null;
12226
+ });
12227
+ check_outros();
12228
+ }
12229
+ if (~current_block_type_index_2) {
12230
+ if_block2 = if_blocks_2[current_block_type_index_2];
12231
+ if (!if_block2) {
12232
+ if_block2 = if_blocks_2[current_block_type_index_2] = if_block_creators_2[current_block_type_index_2](ctx2);
12233
+ if_block2.c();
12234
+ } else {
12235
+ if_block2.p(ctx2, dirty);
12236
+ }
12237
+ transition_in(if_block2, 1);
12238
+ if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
12239
+ } else {
12240
+ if_block2 = null;
12241
+ }
12242
+ }
12243
+ },
12244
+ i(local) {
12245
+ if (current)
12246
+ return;
12247
+ transition_in(if_block0);
12248
+ transition_in(if_block1);
12249
+ transition_in(if_block2);
12250
+ current = true;
12251
+ },
12252
+ o(local) {
12253
+ transition_out(if_block0);
12254
+ transition_out(if_block1);
12255
+ transition_out(if_block2);
12256
+ current = false;
12257
+ },
12258
+ d(detaching) {
12259
+ if (~current_block_type_index) {
12260
+ if_blocks[current_block_type_index].d(detaching);
12261
+ }
12262
+ if (detaching)
12263
+ detach(t0);
12264
+ if (~current_block_type_index_1) {
12265
+ if_blocks_1[current_block_type_index_1].d(detaching);
12266
+ }
12267
+ if (detaching)
12268
+ detach(t1);
12269
+ if (~current_block_type_index_2) {
12270
+ if_blocks_2[current_block_type_index_2].d(detaching);
12271
+ }
12272
+ if (detaching)
12273
+ detach(if_block2_anchor);
12274
+ }
12275
+ };
12276
+ }
12277
+ function create_if_block_6(ctx) {
12278
+ let button;
12279
+ let current;
12280
+ const button_spread_levels = [
12281
+ { class: name5 + "-panel-switch-btn" },
12282
+ /*btn_props*/
12283
+ ctx[15]
12284
+ ];
12285
+ let button_props = {
12286
+ $$slots: { default: [create_default_slot_53] },
12287
+ $$scope: { ctx }
12288
+ };
12289
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
12290
+ button_props = assign(button_props, button_spread_levels[i]);
12291
+ }
12292
+ button = new Button_default({ props: button_props });
12293
+ return {
12294
+ c() {
12295
+ create_component(button.$$.fragment);
12296
+ },
12297
+ m(target, anchor) {
12298
+ mount_component(button, target, anchor);
12299
+ current = true;
12300
+ },
12301
+ p(ctx2, dirty) {
12302
+ const button_changes = dirty[0] & /*btn_props*/
12303
+ 32768 ? get_spread_update(button_spread_levels, [
12304
+ dirty & /*name*/
12305
+ 0 && { class: name5 + "-panel-switch-btn" },
12306
+ dirty[0] & /*btn_props*/
12307
+ 32768 && get_spread_object(
12308
+ /*btn_props*/
12309
+ ctx2[15]
12310
+ )
12311
+ ]) : {};
12312
+ if (dirty[0] & /*theme*/
12313
+ 2 | dirty[2] & /*$$scope*/
12314
+ 2) {
12315
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12316
+ }
12317
+ button.$set(button_changes);
12318
+ },
12319
+ i(local) {
12320
+ if (current)
12321
+ return;
12322
+ transition_in(button.$$.fragment, local);
12323
+ current = true;
12324
+ },
12325
+ o(local) {
12326
+ transition_out(button.$$.fragment, local);
12327
+ current = false;
12328
+ },
12329
+ d(detaching) {
12330
+ destroy_component(button, detaching);
12331
+ }
12332
+ };
12333
+ }
12334
+ function create_if_block_52(ctx) {
12335
+ let button;
12336
+ let current;
12337
+ const button_spread_levels = [
12338
+ { class: name5 + "-panel-switch-btn" },
12339
+ /*btn_props*/
12340
+ ctx[15]
12341
+ ];
12342
+ let button_props = {
12343
+ $$slots: { default: [create_default_slot_43] },
12344
+ $$scope: { ctx }
12345
+ };
12346
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
12347
+ button_props = assign(button_props, button_spread_levels[i]);
12348
+ }
12349
+ button = new Button_default({ props: button_props });
12350
+ button.$on(
12351
+ "click",
12352
+ /*usePencil*/
12353
+ ctx[34]
12354
+ );
12355
+ return {
12356
+ c() {
12357
+ create_component(button.$$.fragment);
12358
+ },
12359
+ m(target, anchor) {
12360
+ mount_component(button, target, anchor);
12361
+ current = true;
12362
+ },
12363
+ p(ctx2, dirty) {
12364
+ const button_changes = dirty[0] & /*btn_props*/
12365
+ 32768 ? get_spread_update(button_spread_levels, [
12366
+ dirty & /*name*/
12367
+ 0 && { class: name5 + "-panel-switch-btn" },
12368
+ dirty[0] & /*btn_props*/
12369
+ 32768 && get_spread_object(
12370
+ /*btn_props*/
12371
+ ctx2[15]
12372
+ )
12373
+ ]) : {};
12374
+ if (dirty[0] & /*theme*/
12375
+ 2 | dirty[2] & /*$$scope*/
12376
+ 2) {
11425
12377
  button_changes.$$scope = { dirty, ctx: ctx2 };
11426
12378
  }
11427
12379
  button.$set(button_changes);
@@ -11442,212 +12394,115 @@ function create_if_block_3(ctx) {
11442
12394
  };
11443
12395
  }
11444
12396
  function create_default_slot_53(ctx) {
11445
- let icons_apps;
11446
- let current;
11447
- icons_apps = new Icons_default.Apps({ props: { theme: (
11448
- /*theme*/
11449
- ctx[1]
11450
- ) } });
11451
- return {
11452
- c() {
11453
- create_component(icons_apps.$$.fragment);
11454
- },
11455
- m(target, anchor) {
11456
- mount_component(icons_apps, target, anchor);
11457
- current = true;
11458
- },
11459
- p(ctx2, dirty) {
11460
- const icons_apps_changes = {};
11461
- if (dirty[0] & /*theme*/
11462
- 2)
11463
- icons_apps_changes.theme = /*theme*/
11464
- ctx2[1];
11465
- icons_apps.$set(icons_apps_changes);
11466
- },
11467
- i(local) {
11468
- if (current)
11469
- return;
11470
- transition_in(icons_apps.$$.fragment, local);
11471
- current = true;
11472
- },
11473
- o(local) {
11474
- transition_out(icons_apps.$$.fragment, local);
11475
- current = false;
11476
- },
11477
- d(detaching) {
11478
- destroy_component(icons_apps, detaching);
11479
- }
11480
- };
11481
- }
11482
- function create_if_block_2(ctx) {
11483
- let button;
12397
+ let icons_pencilfilled;
11484
12398
  let current;
11485
- button = new Button_default({
11486
- props: {
11487
- class: "scroll-down",
11488
- name: name5,
11489
- theme: (
11490
- /*theme*/
11491
- ctx[1]
11492
- ),
11493
- disabled: (
11494
- /*disabled*/
11495
- ctx[3]
11496
- ),
11497
- $$slots: { default: [create_default_slot_43] },
11498
- $$scope: { ctx }
11499
- }
12399
+ icons_pencilfilled = new Icons_default.PencilFilled({
12400
+ props: { theme: (
12401
+ /*theme*/
12402
+ ctx[1]
12403
+ ), active: true }
11500
12404
  });
11501
- button.$on(
11502
- "click",
11503
- /*scroll_down*/
11504
- ctx[25]
11505
- );
11506
12405
  return {
11507
12406
  c() {
11508
- create_component(button.$$.fragment);
12407
+ create_component(icons_pencilfilled.$$.fragment);
11509
12408
  },
11510
12409
  m(target, anchor) {
11511
- mount_component(button, target, anchor);
12410
+ mount_component(icons_pencilfilled, target, anchor);
11512
12411
  current = true;
11513
12412
  },
11514
12413
  p(ctx2, dirty) {
11515
- const button_changes = {};
12414
+ const icons_pencilfilled_changes = {};
11516
12415
  if (dirty[0] & /*theme*/
11517
12416
  2)
11518
- button_changes.theme = /*theme*/
12417
+ icons_pencilfilled_changes.theme = /*theme*/
11519
12418
  ctx2[1];
11520
- if (dirty[0] & /*disabled*/
11521
- 8)
11522
- button_changes.disabled = /*disabled*/
11523
- ctx2[3];
11524
- if (dirty[0] & /*theme*/
11525
- 2 | dirty[1] & /*$$scope*/
11526
- 268435456) {
11527
- button_changes.$$scope = { dirty, ctx: ctx2 };
11528
- }
11529
- button.$set(button_changes);
12419
+ icons_pencilfilled.$set(icons_pencilfilled_changes);
11530
12420
  },
11531
12421
  i(local) {
11532
12422
  if (current)
11533
12423
  return;
11534
- transition_in(button.$$.fragment, local);
12424
+ transition_in(icons_pencilfilled.$$.fragment, local);
11535
12425
  current = true;
11536
12426
  },
11537
12427
  o(local) {
11538
- transition_out(button.$$.fragment, local);
12428
+ transition_out(icons_pencilfilled.$$.fragment, local);
11539
12429
  current = false;
11540
12430
  },
11541
12431
  d(detaching) {
11542
- destroy_component(button, detaching);
12432
+ destroy_component(icons_pencilfilled, detaching);
11543
12433
  }
11544
12434
  };
11545
12435
  }
11546
12436
  function create_default_slot_43(ctx) {
11547
- let icons_down;
12437
+ let icons_pencil;
11548
12438
  let current;
11549
- icons_down = new Icons_default.Down({ props: { theme: (
12439
+ icons_pencil = new Icons_default.Pencil({ props: { theme: (
11550
12440
  /*theme*/
11551
12441
  ctx[1]
11552
12442
  ) } });
11553
12443
  return {
11554
12444
  c() {
11555
- create_component(icons_down.$$.fragment);
12445
+ create_component(icons_pencil.$$.fragment);
11556
12446
  },
11557
12447
  m(target, anchor) {
11558
- mount_component(icons_down, target, anchor);
12448
+ mount_component(icons_pencil, target, anchor);
11559
12449
  current = true;
11560
12450
  },
11561
12451
  p(ctx2, dirty) {
11562
- const icons_down_changes = {};
12452
+ const icons_pencil_changes = {};
11563
12453
  if (dirty[0] & /*theme*/
11564
12454
  2)
11565
- icons_down_changes.theme = /*theme*/
12455
+ icons_pencil_changes.theme = /*theme*/
11566
12456
  ctx2[1];
11567
- icons_down.$set(icons_down_changes);
12457
+ icons_pencil.$set(icons_pencil_changes);
11568
12458
  },
11569
12459
  i(local) {
11570
12460
  if (current)
11571
12461
  return;
11572
- transition_in(icons_down.$$.fragment, local);
12462
+ transition_in(icons_pencil.$$.fragment, local);
11573
12463
  current = true;
11574
12464
  },
11575
12465
  o(local) {
11576
- transition_out(icons_down.$$.fragment, local);
12466
+ transition_out(icons_pencil.$$.fragment, local);
11577
12467
  current = false;
11578
12468
  },
11579
12469
  d(detaching) {
11580
- destroy_component(icons_down, detaching);
12470
+ destroy_component(icons_pencil, detaching);
11581
12471
  }
11582
12472
  };
11583
12473
  }
11584
- function create_if_block_14(ctx) {
11585
- let button0;
11586
- let t_1;
11587
- let button1;
12474
+ function create_if_block_42(ctx) {
12475
+ let button;
11588
12476
  let current;
11589
- const button0_spread_levels = [
12477
+ const button_spread_levels = [
11590
12478
  { class: name5 + "-panel-switch-btn" },
11591
12479
  /*btn_props*/
11592
12480
  ctx[15]
11593
12481
  ];
11594
- let button0_props = {
12482
+ let button_props = {
11595
12483
  $$slots: { default: [create_default_slot_34] },
11596
12484
  $$scope: { ctx }
11597
12485
  };
11598
- for (let i = 0; i < button0_spread_levels.length; i += 1) {
11599
- button0_props = assign(button0_props, button0_spread_levels[i]);
11600
- }
11601
- button0 = new Button_default({ props: button0_props });
11602
- const button1_spread_levels = [
11603
- { class: name5 + "-panel-switch-btn" },
11604
- /*btn_props*/
11605
- ctx[15]
11606
- ];
11607
- let button1_props = {
11608
- $$slots: { default: [create_default_slot_24] },
11609
- $$scope: { ctx }
11610
- };
11611
- for (let i = 0; i < button1_spread_levels.length; i += 1) {
11612
- button1_props = assign(button1_props, button1_spread_levels[i]);
12486
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
12487
+ button_props = assign(button_props, button_spread_levels[i]);
11613
12488
  }
11614
- button1 = new Button_default({ props: button1_props });
11615
- button1.$on(
12489
+ button = new Button_default({ props: button_props });
12490
+ button.$on(
11616
12491
  "click",
11617
12492
  /*useLaserPen*/
11618
- ctx[34]
12493
+ ctx[35]
11619
12494
  );
11620
12495
  return {
11621
12496
  c() {
11622
- create_component(button0.$$.fragment);
11623
- t_1 = space();
11624
- create_component(button1.$$.fragment);
12497
+ create_component(button.$$.fragment);
11625
12498
  },
11626
12499
  m(target, anchor) {
11627
- mount_component(button0, target, anchor);
11628
- insert(target, t_1, anchor);
11629
- mount_component(button1, target, anchor);
12500
+ mount_component(button, target, anchor);
11630
12501
  current = true;
11631
12502
  },
11632
12503
  p(ctx2, dirty) {
11633
- const button0_changes = dirty[0] & /*btn_props*/
11634
- 32768 ? get_spread_update(button0_spread_levels, [
11635
- dirty & /*name*/
11636
- 0 && { class: name5 + "-panel-switch-btn" },
11637
- dirty[0] & /*btn_props*/
11638
- 32768 && get_spread_object(
11639
- /*btn_props*/
11640
- ctx2[15]
11641
- )
11642
- ]) : {};
11643
- if (dirty[0] & /*theme*/
11644
- 2 | dirty[1] & /*$$scope*/
11645
- 268435456) {
11646
- button0_changes.$$scope = { dirty, ctx: ctx2 };
11647
- }
11648
- button0.$set(button0_changes);
11649
- const button1_changes = dirty[0] & /*btn_props*/
11650
- 32768 ? get_spread_update(button1_spread_levels, [
12504
+ const button_changes = dirty[0] & /*btn_props*/
12505
+ 32768 ? get_spread_update(button_spread_levels, [
11651
12506
  dirty & /*name*/
11652
12507
  0 && { class: name5 + "-panel-switch-btn" },
11653
12508
  dirty[0] & /*btn_props*/
@@ -11657,83 +12512,54 @@ function create_if_block_14(ctx) {
11657
12512
  )
11658
12513
  ]) : {};
11659
12514
  if (dirty[0] & /*theme*/
11660
- 2 | dirty[1] & /*$$scope*/
11661
- 268435456) {
11662
- button1_changes.$$scope = { dirty, ctx: ctx2 };
12515
+ 2 | dirty[2] & /*$$scope*/
12516
+ 2) {
12517
+ button_changes.$$scope = { dirty, ctx: ctx2 };
11663
12518
  }
11664
- button1.$set(button1_changes);
12519
+ button.$set(button_changes);
11665
12520
  },
11666
12521
  i(local) {
11667
12522
  if (current)
11668
12523
  return;
11669
- transition_in(button0.$$.fragment, local);
11670
- transition_in(button1.$$.fragment, local);
12524
+ transition_in(button.$$.fragment, local);
11671
12525
  current = true;
11672
12526
  },
11673
12527
  o(local) {
11674
- transition_out(button0.$$.fragment, local);
11675
- transition_out(button1.$$.fragment, local);
12528
+ transition_out(button.$$.fragment, local);
11676
12529
  current = false;
11677
12530
  },
11678
12531
  d(detaching) {
11679
- destroy_component(button0, detaching);
11680
- if (detaching)
11681
- detach(t_1);
11682
- destroy_component(button1, detaching);
12532
+ destroy_component(button, detaching);
11683
12533
  }
11684
12534
  };
11685
12535
  }
11686
- function create_if_block14(ctx) {
11687
- let button0;
11688
- let t_1;
11689
- let button1;
12536
+ function create_if_block_32(ctx) {
12537
+ let button;
11690
12538
  let current;
11691
- const button0_spread_levels = [
11692
- { class: name5 + "-panel-switch-btn" },
11693
- /*btn_props*/
11694
- ctx[15]
11695
- ];
11696
- let button0_props = {
11697
- $$slots: { default: [create_default_slot_14] },
11698
- $$scope: { ctx }
11699
- };
11700
- for (let i = 0; i < button0_spread_levels.length; i += 1) {
11701
- button0_props = assign(button0_props, button0_spread_levels[i]);
11702
- }
11703
- button0 = new Button_default({ props: button0_props });
11704
- button0.$on(
11705
- "click",
11706
- /*pencil*/
11707
- ctx[28]
11708
- );
11709
- const button1_spread_levels = [
12539
+ const button_spread_levels = [
11710
12540
  { class: name5 + "-panel-switch-btn" },
11711
12541
  /*btn_props*/
11712
12542
  ctx[15]
11713
12543
  ];
11714
- let button1_props = {
11715
- $$slots: { default: [create_default_slot13] },
12544
+ let button_props = {
12545
+ $$slots: { default: [create_default_slot_24] },
11716
12546
  $$scope: { ctx }
11717
12547
  };
11718
- for (let i = 0; i < button1_spread_levels.length; i += 1) {
11719
- button1_props = assign(button1_props, button1_spread_levels[i]);
12548
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
12549
+ button_props = assign(button_props, button_spread_levels[i]);
11720
12550
  }
11721
- button1 = new Button_default({ props: button1_props });
12551
+ button = new Button_default({ props: button_props });
11722
12552
  return {
11723
12553
  c() {
11724
- create_component(button0.$$.fragment);
11725
- t_1 = space();
11726
- create_component(button1.$$.fragment);
12554
+ create_component(button.$$.fragment);
11727
12555
  },
11728
12556
  m(target, anchor) {
11729
- mount_component(button0, target, anchor);
11730
- insert(target, t_1, anchor);
11731
- mount_component(button1, target, anchor);
12557
+ mount_component(button, target, anchor);
11732
12558
  current = true;
11733
12559
  },
11734
12560
  p(ctx2, dirty) {
11735
- const button0_changes = dirty[0] & /*btn_props*/
11736
- 32768 ? get_spread_update(button0_spread_levels, [
12561
+ const button_changes = dirty[0] & /*btn_props*/
12562
+ 32768 ? get_spread_update(button_spread_levels, [
11737
12563
  dirty & /*name*/
11738
12564
  0 && { class: name5 + "-panel-switch-btn" },
11739
12565
  dirty[0] & /*btn_props*/
@@ -11743,52 +12569,69 @@ function create_if_block14(ctx) {
11743
12569
  )
11744
12570
  ]) : {};
11745
12571
  if (dirty[0] & /*theme*/
11746
- 2 | dirty[1] & /*$$scope*/
11747
- 268435456) {
11748
- button0_changes.$$scope = { dirty, ctx: ctx2 };
12572
+ 2 | dirty[2] & /*$$scope*/
12573
+ 2) {
12574
+ button_changes.$$scope = { dirty, ctx: ctx2 };
11749
12575
  }
11750
- button0.$set(button0_changes);
11751
- const button1_changes = dirty[0] & /*btn_props*/
11752
- 32768 ? get_spread_update(button1_spread_levels, [
11753
- dirty & /*name*/
11754
- 0 && { class: name5 + "-panel-switch-btn" },
11755
- dirty[0] & /*btn_props*/
11756
- 32768 && get_spread_object(
11757
- /*btn_props*/
11758
- ctx2[15]
11759
- )
11760
- ]) : {};
12576
+ button.$set(button_changes);
12577
+ },
12578
+ i(local) {
12579
+ if (current)
12580
+ return;
12581
+ transition_in(button.$$.fragment, local);
12582
+ current = true;
12583
+ },
12584
+ o(local) {
12585
+ transition_out(button.$$.fragment, local);
12586
+ current = false;
12587
+ },
12588
+ d(detaching) {
12589
+ destroy_component(button, detaching);
12590
+ }
12591
+ };
12592
+ }
12593
+ function create_default_slot_34(ctx) {
12594
+ let icons_laserpen;
12595
+ let current;
12596
+ icons_laserpen = new Icons_default.LaserPen({ props: { theme: (
12597
+ /*theme*/
12598
+ ctx[1]
12599
+ ) } });
12600
+ return {
12601
+ c() {
12602
+ create_component(icons_laserpen.$$.fragment);
12603
+ },
12604
+ m(target, anchor) {
12605
+ mount_component(icons_laserpen, target, anchor);
12606
+ current = true;
12607
+ },
12608
+ p(ctx2, dirty) {
12609
+ const icons_laserpen_changes = {};
11761
12610
  if (dirty[0] & /*theme*/
11762
- 2 | dirty[1] & /*$$scope*/
11763
- 268435456) {
11764
- button1_changes.$$scope = { dirty, ctx: ctx2 };
11765
- }
11766
- button1.$set(button1_changes);
12611
+ 2)
12612
+ icons_laserpen_changes.theme = /*theme*/
12613
+ ctx2[1];
12614
+ icons_laserpen.$set(icons_laserpen_changes);
11767
12615
  },
11768
12616
  i(local) {
11769
12617
  if (current)
11770
12618
  return;
11771
- transition_in(button0.$$.fragment, local);
11772
- transition_in(button1.$$.fragment, local);
12619
+ transition_in(icons_laserpen.$$.fragment, local);
11773
12620
  current = true;
11774
12621
  },
11775
12622
  o(local) {
11776
- transition_out(button0.$$.fragment, local);
11777
- transition_out(button1.$$.fragment, local);
12623
+ transition_out(icons_laserpen.$$.fragment, local);
11778
12624
  current = false;
11779
12625
  },
11780
12626
  d(detaching) {
11781
- destroy_component(button0, detaching);
11782
- if (detaching)
11783
- detach(t_1);
11784
- destroy_component(button1, detaching);
12627
+ destroy_component(icons_laserpen, detaching);
11785
12628
  }
11786
12629
  };
11787
12630
  }
11788
- function create_default_slot_34(ctx) {
11789
- let icons_pencilfilled;
12631
+ function create_default_slot_24(ctx) {
12632
+ let icons_laserpenfilled;
11790
12633
  let current;
11791
- icons_pencilfilled = new Icons_default.PencilFilled({
12634
+ icons_laserpenfilled = new Icons_default.LaserPenFilled({
11792
12635
  props: { theme: (
11793
12636
  /*theme*/
11794
12637
  ctx[1]
@@ -11796,115 +12639,196 @@ function create_default_slot_34(ctx) {
11796
12639
  });
11797
12640
  return {
11798
12641
  c() {
11799
- create_component(icons_pencilfilled.$$.fragment);
12642
+ create_component(icons_laserpenfilled.$$.fragment);
11800
12643
  },
11801
12644
  m(target, anchor) {
11802
- mount_component(icons_pencilfilled, target, anchor);
12645
+ mount_component(icons_laserpenfilled, target, anchor);
11803
12646
  current = true;
11804
12647
  },
11805
12648
  p(ctx2, dirty) {
11806
- const icons_pencilfilled_changes = {};
12649
+ const icons_laserpenfilled_changes = {};
11807
12650
  if (dirty[0] & /*theme*/
11808
12651
  2)
11809
- icons_pencilfilled_changes.theme = /*theme*/
12652
+ icons_laserpenfilled_changes.theme = /*theme*/
11810
12653
  ctx2[1];
11811
- icons_pencilfilled.$set(icons_pencilfilled_changes);
12654
+ icons_laserpenfilled.$set(icons_laserpenfilled_changes);
11812
12655
  },
11813
12656
  i(local) {
11814
12657
  if (current)
11815
12658
  return;
11816
- transition_in(icons_pencilfilled.$$.fragment, local);
12659
+ transition_in(icons_laserpenfilled.$$.fragment, local);
11817
12660
  current = true;
11818
12661
  },
11819
12662
  o(local) {
11820
- transition_out(icons_pencilfilled.$$.fragment, local);
12663
+ transition_out(icons_laserpenfilled.$$.fragment, local);
11821
12664
  current = false;
11822
12665
  },
11823
12666
  d(detaching) {
11824
- destroy_component(icons_pencilfilled, detaching);
12667
+ destroy_component(icons_laserpenfilled, detaching);
11825
12668
  }
11826
12669
  };
11827
12670
  }
11828
- function create_default_slot_24(ctx) {
11829
- let icons_laserpen;
12671
+ function create_if_block_22(ctx) {
12672
+ let button;
11830
12673
  let current;
11831
- icons_laserpen = new Icons_default.LaserPen({ props: { theme: (
11832
- /*theme*/
11833
- ctx[1]
11834
- ) } });
12674
+ const button_spread_levels = [
12675
+ { class: name5 + "-panel-switch-btn" },
12676
+ /*btn_props*/
12677
+ ctx[15]
12678
+ ];
12679
+ let button_props = {
12680
+ $$slots: { default: [create_default_slot_14] },
12681
+ $$scope: { ctx }
12682
+ };
12683
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
12684
+ button_props = assign(button_props, button_spread_levels[i]);
12685
+ }
12686
+ button = new Button_default({ props: button_props });
12687
+ button.$on(
12688
+ "click",
12689
+ /*useMarkPen*/
12690
+ ctx[36]
12691
+ );
11835
12692
  return {
11836
12693
  c() {
11837
- create_component(icons_laserpen.$$.fragment);
12694
+ create_component(button.$$.fragment);
11838
12695
  },
11839
12696
  m(target, anchor) {
11840
- mount_component(icons_laserpen, target, anchor);
12697
+ mount_component(button, target, anchor);
11841
12698
  current = true;
11842
12699
  },
11843
12700
  p(ctx2, dirty) {
11844
- const icons_laserpen_changes = {};
12701
+ const button_changes = dirty[0] & /*btn_props*/
12702
+ 32768 ? get_spread_update(button_spread_levels, [
12703
+ dirty & /*name*/
12704
+ 0 && { class: name5 + "-panel-switch-btn" },
12705
+ dirty[0] & /*btn_props*/
12706
+ 32768 && get_spread_object(
12707
+ /*btn_props*/
12708
+ ctx2[15]
12709
+ )
12710
+ ]) : {};
11845
12711
  if (dirty[0] & /*theme*/
11846
- 2)
11847
- icons_laserpen_changes.theme = /*theme*/
11848
- ctx2[1];
11849
- icons_laserpen.$set(icons_laserpen_changes);
12712
+ 2 | dirty[2] & /*$$scope*/
12713
+ 2) {
12714
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12715
+ }
12716
+ button.$set(button_changes);
11850
12717
  },
11851
12718
  i(local) {
11852
12719
  if (current)
11853
12720
  return;
11854
- transition_in(icons_laserpen.$$.fragment, local);
12721
+ transition_in(button.$$.fragment, local);
11855
12722
  current = true;
11856
12723
  },
11857
12724
  o(local) {
11858
- transition_out(icons_laserpen.$$.fragment, local);
12725
+ transition_out(button.$$.fragment, local);
11859
12726
  current = false;
11860
12727
  },
11861
12728
  d(detaching) {
11862
- destroy_component(icons_laserpen, detaching);
12729
+ destroy_component(button, detaching);
12730
+ }
12731
+ };
12732
+ }
12733
+ function create_if_block_19(ctx) {
12734
+ let button;
12735
+ let current;
12736
+ const button_spread_levels = [
12737
+ { class: name5 + "-panel-switch-btn" },
12738
+ /*btn_props*/
12739
+ ctx[15]
12740
+ ];
12741
+ let button_props = {
12742
+ $$slots: { default: [create_default_slot13] },
12743
+ $$scope: { ctx }
12744
+ };
12745
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
12746
+ button_props = assign(button_props, button_spread_levels[i]);
12747
+ }
12748
+ button = new Button_default({ props: button_props });
12749
+ return {
12750
+ c() {
12751
+ create_component(button.$$.fragment);
12752
+ },
12753
+ m(target, anchor) {
12754
+ mount_component(button, target, anchor);
12755
+ current = true;
12756
+ },
12757
+ p(ctx2, dirty) {
12758
+ const button_changes = dirty[0] & /*btn_props*/
12759
+ 32768 ? get_spread_update(button_spread_levels, [
12760
+ dirty & /*name*/
12761
+ 0 && { class: name5 + "-panel-switch-btn" },
12762
+ dirty[0] & /*btn_props*/
12763
+ 32768 && get_spread_object(
12764
+ /*btn_props*/
12765
+ ctx2[15]
12766
+ )
12767
+ ]) : {};
12768
+ if (dirty[0] & /*theme*/
12769
+ 2 | dirty[2] & /*$$scope*/
12770
+ 2) {
12771
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12772
+ }
12773
+ button.$set(button_changes);
12774
+ },
12775
+ i(local) {
12776
+ if (current)
12777
+ return;
12778
+ transition_in(button.$$.fragment, local);
12779
+ current = true;
12780
+ },
12781
+ o(local) {
12782
+ transition_out(button.$$.fragment, local);
12783
+ current = false;
12784
+ },
12785
+ d(detaching) {
12786
+ destroy_component(button, detaching);
11863
12787
  }
11864
12788
  };
11865
12789
  }
11866
12790
  function create_default_slot_14(ctx) {
11867
- let icons_pencil;
12791
+ let icons_markpen;
11868
12792
  let current;
11869
- icons_pencil = new Icons_default.Pencil({ props: { theme: (
12793
+ icons_markpen = new Icons_default.MarkPen({ props: { theme: (
11870
12794
  /*theme*/
11871
12795
  ctx[1]
11872
12796
  ) } });
11873
12797
  return {
11874
12798
  c() {
11875
- create_component(icons_pencil.$$.fragment);
12799
+ create_component(icons_markpen.$$.fragment);
11876
12800
  },
11877
12801
  m(target, anchor) {
11878
- mount_component(icons_pencil, target, anchor);
12802
+ mount_component(icons_markpen, target, anchor);
11879
12803
  current = true;
11880
12804
  },
11881
12805
  p(ctx2, dirty) {
11882
- const icons_pencil_changes = {};
12806
+ const icons_markpen_changes = {};
11883
12807
  if (dirty[0] & /*theme*/
11884
12808
  2)
11885
- icons_pencil_changes.theme = /*theme*/
12809
+ icons_markpen_changes.theme = /*theme*/
11886
12810
  ctx2[1];
11887
- icons_pencil.$set(icons_pencil_changes);
12811
+ icons_markpen.$set(icons_markpen_changes);
11888
12812
  },
11889
12813
  i(local) {
11890
12814
  if (current)
11891
12815
  return;
11892
- transition_in(icons_pencil.$$.fragment, local);
12816
+ transition_in(icons_markpen.$$.fragment, local);
11893
12817
  current = true;
11894
12818
  },
11895
12819
  o(local) {
11896
- transition_out(icons_pencil.$$.fragment, local);
12820
+ transition_out(icons_markpen.$$.fragment, local);
11897
12821
  current = false;
11898
12822
  },
11899
12823
  d(detaching) {
11900
- destroy_component(icons_pencil, detaching);
12824
+ destroy_component(icons_markpen, detaching);
11901
12825
  }
11902
12826
  };
11903
12827
  }
11904
12828
  function create_default_slot13(ctx) {
11905
- let icons_laserpenfilled;
12829
+ let icons_markpenfilled;
11906
12830
  let current;
11907
- icons_laserpenfilled = new Icons_default.LaserPenFilled({
12831
+ icons_markpenfilled = new Icons_default.MarkPenFilled({
11908
12832
  props: { theme: (
11909
12833
  /*theme*/
11910
12834
  ctx[1]
@@ -11912,32 +12836,32 @@ function create_default_slot13(ctx) {
11912
12836
  });
11913
12837
  return {
11914
12838
  c() {
11915
- create_component(icons_laserpenfilled.$$.fragment);
12839
+ create_component(icons_markpenfilled.$$.fragment);
11916
12840
  },
11917
12841
  m(target, anchor) {
11918
- mount_component(icons_laserpenfilled, target, anchor);
12842
+ mount_component(icons_markpenfilled, target, anchor);
11919
12843
  current = true;
11920
12844
  },
11921
12845
  p(ctx2, dirty) {
11922
- const icons_laserpenfilled_changes = {};
12846
+ const icons_markpenfilled_changes = {};
11923
12847
  if (dirty[0] & /*theme*/
11924
12848
  2)
11925
- icons_laserpenfilled_changes.theme = /*theme*/
12849
+ icons_markpenfilled_changes.theme = /*theme*/
11926
12850
  ctx2[1];
11927
- icons_laserpenfilled.$set(icons_laserpenfilled_changes);
12851
+ icons_markpenfilled.$set(icons_markpenfilled_changes);
11928
12852
  },
11929
12853
  i(local) {
11930
12854
  if (current)
11931
12855
  return;
11932
- transition_in(icons_laserpenfilled.$$.fragment, local);
12856
+ transition_in(icons_markpenfilled.$$.fragment, local);
11933
12857
  current = true;
11934
12858
  },
11935
12859
  o(local) {
11936
- transition_out(icons_laserpenfilled.$$.fragment, local);
12860
+ transition_out(icons_markpenfilled.$$.fragment, local);
11937
12861
  current = false;
11938
12862
  },
11939
12863
  d(detaching) {
11940
- destroy_component(icons_laserpenfilled, detaching);
12864
+ destroy_component(icons_markpenfilled, detaching);
11941
12865
  }
11942
12866
  };
11943
12867
  }
@@ -11952,7 +12876,7 @@ function create_each_block4(ctx) {
11952
12876
  let span;
11953
12877
  let t1_value = (
11954
12878
  /*label*/
11955
- ctx[49] + ""
12879
+ ctx[53] + ""
11956
12880
  );
11957
12881
  let t1;
11958
12882
  let span_class_value;
@@ -11974,40 +12898,40 @@ function create_each_block4(ctx) {
11974
12898
  attr(img, "class", img_class_value = name5 + "-app-btn-icon " + /*theme*/
11975
12899
  ctx[1]);
11976
12900
  if (!src_url_equal(img.src, img_src_value = /*icon*/
11977
- ctx[48]))
12901
+ ctx[52]))
11978
12902
  attr(img, "src", img_src_value);
11979
12903
  attr(img, "alt", img_alt_value = /*kind*/
11980
- ctx[50]);
12904
+ ctx[54]);
11981
12905
  attr(img, "title", img_title_value = /*label*/
11982
- ctx[49]);
12906
+ ctx[53]);
11983
12907
  attr(span, "class", span_class_value = name5 + "-app-btn-text " + /*theme*/
11984
12908
  ctx[1]);
11985
12909
  attr(button, "class", button_class_value = name5 + "-app-btn " + /*kind*/
11986
- ctx[50] + " " + /*theme*/
12910
+ ctx[54] + " " + /*theme*/
11987
12911
  ctx[1]);
11988
12912
  attr(button, "title", button_title_value = /*label*/
11989
- ctx[49] + /*state*/
11990
- (ctx[52] && /*state*/
11991
- ctx[52].reason ? ": " + /*state*/
11992
- ctx[52].reason : ""));
12913
+ ctx[53] + /*state*/
12914
+ (ctx[56] && /*state*/
12915
+ ctx[56].reason ? ": " + /*state*/
12916
+ ctx[56].reason : ""));
11993
12917
  attr(button, "data-app-kind", button_data_app_kind_value = /*netless_app*/
11994
- ctx[47].kind);
12918
+ ctx[51].kind);
11995
12919
  button.disabled = button_disabled_value = /*state*/
11996
- ctx[52] && /*state*/
11997
- ctx[52].status !== "idle";
12920
+ ctx[56] && /*state*/
12921
+ ctx[56].status !== "idle";
11998
12922
  toggle_class(
11999
12923
  button,
12000
12924
  "is-loading",
12001
12925
  /*state*/
12002
- ctx[52] && /*state*/
12003
- ctx[52].status === "loading"
12926
+ ctx[56] && /*state*/
12927
+ ctx[56].status === "loading"
12004
12928
  );
12005
12929
  toggle_class(
12006
12930
  button,
12007
12931
  "is-failed",
12008
12932
  /*state*/
12009
- ctx[52] && /*state*/
12010
- ctx[52].status === "failed"
12933
+ ctx[56] && /*state*/
12934
+ ctx[56].status === "failed"
12011
12935
  );
12012
12936
  },
12013
12937
  m(target, anchor) {
@@ -12021,9 +12945,9 @@ function create_each_block4(ctx) {
12021
12945
  dispose = listen(button, "click", function() {
12022
12946
  if (is_function(
12023
12947
  /*on_click*/
12024
- ctx[53]
12948
+ ctx[57]
12025
12949
  ))
12026
- ctx[53].apply(this, arguments);
12950
+ ctx[57].apply(this, arguments);
12027
12951
  });
12028
12952
  mounted = true;
12029
12953
  }
@@ -12037,22 +12961,22 @@ function create_each_block4(ctx) {
12037
12961
  }
12038
12962
  if (dirty[0] & /*$apps*/
12039
12963
  2097152 && !src_url_equal(img.src, img_src_value = /*icon*/
12040
- ctx[48])) {
12964
+ ctx[52])) {
12041
12965
  attr(img, "src", img_src_value);
12042
12966
  }
12043
12967
  if (dirty[0] & /*$apps*/
12044
12968
  2097152 && img_alt_value !== (img_alt_value = /*kind*/
12045
- ctx[50])) {
12969
+ ctx[54])) {
12046
12970
  attr(img, "alt", img_alt_value);
12047
12971
  }
12048
12972
  if (dirty[0] & /*$apps*/
12049
12973
  2097152 && img_title_value !== (img_title_value = /*label*/
12050
- ctx[49])) {
12974
+ ctx[53])) {
12051
12975
  attr(img, "title", img_title_value);
12052
12976
  }
12053
12977
  if (dirty[0] & /*$apps*/
12054
12978
  2097152 && t1_value !== (t1_value = /*label*/
12055
- ctx[49] + ""))
12979
+ ctx[53] + ""))
12056
12980
  set_data(t1, t1_value);
12057
12981
  if (dirty[0] & /*theme*/
12058
12982
  2 && span_class_value !== (span_class_value = name5 + "-app-btn-text " + /*theme*/
@@ -12061,27 +12985,27 @@ function create_each_block4(ctx) {
12061
12985
  }
12062
12986
  if (dirty[0] & /*$apps, theme*/
12063
12987
  2097154 && button_class_value !== (button_class_value = name5 + "-app-btn " + /*kind*/
12064
- ctx[50] + " " + /*theme*/
12988
+ ctx[54] + " " + /*theme*/
12065
12989
  ctx[1])) {
12066
12990
  attr(button, "class", button_class_value);
12067
12991
  }
12068
12992
  if (dirty[0] & /*$apps, $status*/
12069
12993
  6291456 && button_title_value !== (button_title_value = /*label*/
12070
- ctx[49] + /*state*/
12071
- (ctx[52] && /*state*/
12072
- ctx[52].reason ? ": " + /*state*/
12073
- ctx[52].reason : ""))) {
12994
+ ctx[53] + /*state*/
12995
+ (ctx[56] && /*state*/
12996
+ ctx[56].reason ? ": " + /*state*/
12997
+ ctx[56].reason : ""))) {
12074
12998
  attr(button, "title", button_title_value);
12075
12999
  }
12076
13000
  if (dirty[0] & /*$apps*/
12077
13001
  2097152 && button_data_app_kind_value !== (button_data_app_kind_value = /*netless_app*/
12078
- ctx[47].kind)) {
13002
+ ctx[51].kind)) {
12079
13003
  attr(button, "data-app-kind", button_data_app_kind_value);
12080
13004
  }
12081
13005
  if (dirty[0] & /*$status, $apps*/
12082
13006
  6291456 && button_disabled_value !== (button_disabled_value = /*state*/
12083
- ctx[52] && /*state*/
12084
- ctx[52].status !== "idle")) {
13007
+ ctx[56] && /*state*/
13008
+ ctx[56].status !== "idle")) {
12085
13009
  button.disabled = button_disabled_value;
12086
13010
  }
12087
13011
  if (dirty[0] & /*$apps, theme, $status, $apps*/
@@ -12090,8 +13014,8 @@ function create_each_block4(ctx) {
12090
13014
  button,
12091
13015
  "is-loading",
12092
13016
  /*state*/
12093
- ctx[52] && /*state*/
12094
- ctx[52].status === "loading"
13017
+ ctx[56] && /*state*/
13018
+ ctx[56].status === "loading"
12095
13019
  );
12096
13020
  }
12097
13021
  if (dirty[0] & /*$apps, theme, $status, $apps*/
@@ -12100,8 +13024,8 @@ function create_each_block4(ctx) {
12100
13024
  button,
12101
13025
  "is-failed",
12102
13026
  /*state*/
12103
- ctx[52] && /*state*/
12104
- ctx[52].status === "failed"
13027
+ ctx[56] && /*state*/
13028
+ ctx[56].status === "failed"
12105
13029
  );
12106
13030
  }
12107
13031
  },
@@ -12113,7 +13037,8 @@ function create_each_block4(ctx) {
12113
13037
  }
12114
13038
  };
12115
13039
  }
12116
- function create_fragment69(ctx) {
13040
+ function create_fragment71(ctx) {
13041
+ var _a;
12117
13042
  let t0;
12118
13043
  let div0;
12119
13044
  let t1;
@@ -12123,8 +13048,6 @@ function create_fragment69(ctx) {
12123
13048
  let div9;
12124
13049
  let div3;
12125
13050
  let div1;
12126
- let current_block_type_index;
12127
- let if_block3;
12128
13051
  let t4;
12129
13052
  let strokewidth0;
12130
13053
  let t5;
@@ -12152,7 +13075,7 @@ function create_fragment69(ctx) {
12152
13075
  let dispose;
12153
13076
  let if_block0 = (
12154
13077
  /*scrollable*/
12155
- ctx[5] && create_if_block_13(ctx)
13078
+ ctx[5] && create_if_block_18(ctx)
12156
13079
  );
12157
13080
  let each_value_1 = (
12158
13081
  /*items*/
@@ -12166,27 +13089,13 @@ function create_fragment69(ctx) {
12166
13089
  each_blocks_1[i] = null;
12167
13090
  });
12168
13091
  let if_block1 = !/*hide_apps*/
12169
- ctx[8] && create_if_block_3(ctx);
13092
+ ctx[8] && create_if_block_8(ctx);
12170
13093
  let if_block2 = (
12171
13094
  /*scrollable*/
12172
- ctx[5] && create_if_block_2(ctx)
13095
+ ctx[5] && create_if_block_7(ctx)
12173
13096
  );
12174
- const if_block_creators = [create_if_block14, create_if_block_14];
12175
- const if_blocks = [];
12176
- function select_block_type_1(ctx2, dirty) {
12177
- var _a, _b;
12178
- if (!!/*app*/
12179
- ((_a = ctx2[0]) == null ? void 0 : _a.appliancePlugin) && /*hasUseLaserPen*/
12180
- ctx2[16])
12181
- return 0;
12182
- if (!!/*app*/
12183
- ((_b = ctx2[0]) == null ? void 0 : _b.appliancePlugin))
12184
- return 1;
12185
- return -1;
12186
- }
12187
- if (~(current_block_type_index = select_block_type_1(ctx))) {
12188
- if_block3 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
12189
- }
13097
+ let if_block3 = !!/*app*/
13098
+ ((_a = ctx[0]) == null ? void 0 : _a.appliancePlugin) && create_if_block14(ctx);
12190
13099
  strokewidth0 = new StrokeWidth_default({
12191
13100
  props: {
12192
13101
  app: (
@@ -12397,20 +13306,19 @@ function create_fragment69(ctx) {
12397
13306
  insert(target, div9, anchor);
12398
13307
  append(div9, div3);
12399
13308
  append(div3, div1);
12400
- if (~current_block_type_index) {
12401
- if_blocks[current_block_type_index].m(div1, null);
12402
- }
13309
+ if (if_block3)
13310
+ if_block3.m(div1, null);
12403
13311
  append(div3, t4);
12404
13312
  mount_component(strokewidth0, div3, null);
12405
13313
  append(div3, t5);
12406
13314
  append(div3, div2);
12407
13315
  append(div3, t6);
12408
13316
  mount_component(strokecolor0, div3, null);
12409
- ctx[40](div3);
13317
+ ctx[44](div3);
12410
13318
  append(div9, t7);
12411
13319
  append(div9, div4);
12412
13320
  mount_component(textcolor, div4, null);
12413
- ctx[41](div4);
13321
+ ctx[45](div4);
12414
13322
  append(div9, t8);
12415
13323
  append(div9, div7);
12416
13324
  mount_component(selectshapes, div7, null);
@@ -12422,7 +13330,7 @@ function create_fragment69(ctx) {
12422
13330
  append(div7, div6);
12423
13331
  append(div7, t12);
12424
13332
  mount_component(strokecolor1, div7, null);
12425
- ctx[42](div7);
13333
+ ctx[46](div7);
12426
13334
  append(div9, t13);
12427
13335
  append(div9, div8);
12428
13336
  for (let i = 0; i < each_blocks.length; i += 1) {
@@ -12430,7 +13338,7 @@ function create_fragment69(ctx) {
12430
13338
  each_blocks[i].m(div8, null);
12431
13339
  }
12432
13340
  }
12433
- ctx[44](div8);
13341
+ ctx[48](div8);
12434
13342
  current = true;
12435
13343
  if (!mounted) {
12436
13344
  dispose = [
@@ -12451,6 +13359,7 @@ function create_fragment69(ctx) {
12451
13359
  }
12452
13360
  },
12453
13361
  p(ctx2, dirty) {
13362
+ var _a2;
12454
13363
  if (
12455
13364
  /*scrollable*/
12456
13365
  ctx2[5]
@@ -12462,7 +13371,7 @@ function create_fragment69(ctx) {
12462
13371
  transition_in(if_block0, 1);
12463
13372
  }
12464
13373
  } else {
12465
- if_block0 = create_if_block_13(ctx2);
13374
+ if_block0 = create_if_block_18(ctx2);
12466
13375
  if_block0.c();
12467
13376
  transition_in(if_block0, 1);
12468
13377
  if_block0.m(t0.parentNode, t0);
@@ -12474,8 +13383,8 @@ function create_fragment69(ctx) {
12474
13383
  });
12475
13384
  check_outros();
12476
13385
  }
12477
- if (dirty[0] & /*appliance, theme, btn_props, c, clicker, items, selector, hasUseLaserPen, pencil_panel, pencil, text_panel, text, app, t, shapes_panel, eraser*/
12478
- 2081799299 | dirty[1] & /*clear, hand, laserPointer*/
13386
+ if (dirty[0] & /*appliance, theme, btn_props, c, clicker, items, selector, pencilType, pencil_panel, pencil, text_panel, text, app, t, shapes_panel, eraser*/
13387
+ 2081668227 | dirty[1] & /*clear, hand, laserPointer*/
12479
13388
  7) {
12480
13389
  each_value_1 = /*items*/
12481
13390
  ctx2[7];
@@ -12507,7 +13416,7 @@ function create_fragment69(ctx) {
12507
13416
  transition_in(if_block1, 1);
12508
13417
  }
12509
13418
  } else {
12510
- if_block1 = create_if_block_3(ctx2);
13419
+ if_block1 = create_if_block_8(ctx2);
12511
13420
  if_block1.c();
12512
13421
  transition_in(if_block1, 1);
12513
13422
  if_block1.m(div0, null);
@@ -12546,7 +13455,7 @@ function create_fragment69(ctx) {
12546
13455
  transition_in(if_block2, 1);
12547
13456
  }
12548
13457
  } else {
12549
- if_block2 = create_if_block_2(ctx2);
13458
+ if_block2 = create_if_block_7(ctx2);
12550
13459
  if_block2.c();
12551
13460
  transition_in(if_block2, 1);
12552
13461
  if_block2.m(t3.parentNode, t3);
@@ -12558,33 +13467,26 @@ function create_fragment69(ctx) {
12558
13467
  });
12559
13468
  check_outros();
12560
13469
  }
12561
- let previous_block_index = current_block_type_index;
12562
- current_block_type_index = select_block_type_1(ctx2);
12563
- if (current_block_type_index === previous_block_index) {
12564
- if (~current_block_type_index) {
12565
- if_blocks[current_block_type_index].p(ctx2, dirty);
12566
- }
12567
- } else {
13470
+ if (!!/*app*/
13471
+ ((_a2 = ctx2[0]) == null ? void 0 : _a2.appliancePlugin)) {
12568
13472
  if (if_block3) {
12569
- group_outros();
12570
- transition_out(if_blocks[previous_block_index], 1, 1, () => {
12571
- if_blocks[previous_block_index] = null;
12572
- });
12573
- check_outros();
12574
- }
12575
- if (~current_block_type_index) {
12576
- if_block3 = if_blocks[current_block_type_index];
12577
- if (!if_block3) {
12578
- if_block3 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
12579
- if_block3.c();
12580
- } else {
12581
- if_block3.p(ctx2, dirty);
13473
+ if_block3.p(ctx2, dirty);
13474
+ if (dirty[0] & /*app*/
13475
+ 1) {
13476
+ transition_in(if_block3, 1);
12582
13477
  }
13478
+ } else {
13479
+ if_block3 = create_if_block14(ctx2);
13480
+ if_block3.c();
12583
13481
  transition_in(if_block3, 1);
12584
13482
  if_block3.m(div1, null);
12585
- } else {
12586
- if_block3 = null;
12587
13483
  }
13484
+ } else if (if_block3) {
13485
+ group_outros();
13486
+ transition_out(if_block3, 1, 1, () => {
13487
+ if_block3 = null;
13488
+ });
13489
+ check_outros();
12588
13490
  }
12589
13491
  const strokewidth0_changes = {};
12590
13492
  if (dirty[0] & /*app*/
@@ -12769,27 +13671,26 @@ function create_fragment69(ctx) {
12769
13671
  detach(t3);
12770
13672
  if (detaching)
12771
13673
  detach(div9);
12772
- if (~current_block_type_index) {
12773
- if_blocks[current_block_type_index].d();
12774
- }
13674
+ if (if_block3)
13675
+ if_block3.d();
12775
13676
  destroy_component(strokewidth0);
12776
13677
  destroy_component(strokecolor0);
12777
- ctx[40](null);
13678
+ ctx[44](null);
12778
13679
  destroy_component(textcolor);
12779
- ctx[41](null);
13680
+ ctx[45](null);
12780
13681
  destroy_component(selectshapes);
12781
13682
  destroy_component(strokewidth1);
12782
13683
  destroy_component(strokecolor1);
12783
- ctx[42](null);
13684
+ ctx[46](null);
12784
13685
  destroy_each(each_blocks, detaching);
12785
- ctx[44](null);
13686
+ ctx[48](null);
12786
13687
  mounted = false;
12787
13688
  run_all(dispose);
12788
13689
  }
12789
13690
  };
12790
13691
  }
12791
13692
  var name5 = "fastboard-toolbar";
12792
- function instance69($$self, $$props, $$invalidate) {
13693
+ function instance71($$self, $$props, $$invalidate) {
12793
13694
  let t;
12794
13695
  let hotkeys;
12795
13696
  let c;
@@ -12799,9 +13700,11 @@ function instance69($$self, $$props, $$invalidate) {
12799
13700
  let max_scroll;
12800
13701
  let hasAppliancePlugin;
12801
13702
  let hasUseLaserPen;
13703
+ let hasUseMarkPen;
13704
+ let pencilType;
12802
13705
  let $top;
12803
- let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(38, $memberState = $$value)), memberState);
12804
- let $scroll_height, $$unsubscribe_scroll_height = noop, $$subscribe_scroll_height = () => ($$unsubscribe_scroll_height(), $$unsubscribe_scroll_height = subscribe(scroll_height, ($$value) => $$invalidate(39, $scroll_height = $$value)), scroll_height);
13706
+ let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(42, $memberState = $$value)), memberState);
13707
+ let $scroll_height, $$unsubscribe_scroll_height = noop, $$subscribe_scroll_height = () => ($$unsubscribe_scroll_height(), $$unsubscribe_scroll_height = subscribe(scroll_height, ($$value) => $$invalidate(43, $scroll_height = $$value)), scroll_height);
12805
13708
  let $apps;
12806
13709
  let $status, $$unsubscribe_status = noop, $$subscribe_status = () => ($$unsubscribe_status(), $$unsubscribe_status = subscribe(status, ($$value) => $$invalidate(22, $status = $$value)), status);
12807
13710
  component_subscribe($$self, apps, ($$value) => $$invalidate(21, $apps = $$value));
@@ -12826,7 +13729,7 @@ function instance69($$self, $$props, $$invalidate) {
12826
13729
  let apps_panel;
12827
13730
  let btn_props;
12828
13731
  let top = writable(0);
12829
- component_subscribe($$self, top, (value) => $$invalidate(46, $top = value));
13732
+ component_subscribe($$self, top, (value) => $$invalidate(50, $top = value));
12830
13733
  function scroll_up() {
12831
13734
  set_store_value(top, $top = clamp($top - 32 - 4, 0, max_scroll), $top);
12832
13735
  }
@@ -12840,7 +13743,19 @@ function instance69($$self, $$props, $$invalidate) {
12840
13743
  app == null ? void 0 : app.setAppliance("selector");
12841
13744
  }
12842
13745
  function pencil() {
12843
- app == null ? void 0 : app.setAppliance("pencil");
13746
+ if (hasAppliancePlugin) {
13747
+ if (appliance !== "pencil") {
13748
+ if (pencilType === "mark") {
13749
+ useMarkPen();
13750
+ } else if (pencilType === "laser") {
13751
+ useLaserPen();
13752
+ } else {
13753
+ usePencil();
13754
+ }
13755
+ }
13756
+ } else {
13757
+ usePencil();
13758
+ }
12844
13759
  }
12845
13760
  function text4() {
12846
13761
  app == null ? void 0 : app.setAppliance("text");
@@ -12857,8 +13772,33 @@ function instance69($$self, $$props, $$invalidate) {
12857
13772
  function clear() {
12858
13773
  app == null ? void 0 : app.cleanCurrentScene();
12859
13774
  }
13775
+ function usePencil() {
13776
+ var _a;
13777
+ if (hasAppliancePlugin) {
13778
+ (_a = app == null ? void 0 : app.appliancePlugin) == null ? void 0 : _a.setMemberState({
13779
+ currentApplianceName: "pencil",
13780
+ useLaserPen: false,
13781
+ strokeOpacity: 1
13782
+ });
13783
+ } else {
13784
+ app == null ? void 0 : app.setAppliance("pencil");
13785
+ }
13786
+ }
12860
13787
  function useLaserPen() {
12861
- app == null ? void 0 : app.setAppliance("laserPen");
13788
+ var _a;
13789
+ (_a = app == null ? void 0 : app.appliancePlugin) == null ? void 0 : _a.setMemberState({
13790
+ currentApplianceName: "laserPen",
13791
+ useLaserPen: true,
13792
+ strokeOpacity: 1
13793
+ });
13794
+ }
13795
+ function useMarkPen() {
13796
+ var _a;
13797
+ (_a = app == null ? void 0 : app.appliancePlugin) == null ? void 0 : _a.setMemberState({
13798
+ currentApplianceName: "pencil",
13799
+ useLaserPen: false,
13800
+ strokeOpacity: 0.5
13801
+ });
12862
13802
  }
12863
13803
  function div3_binding($$value) {
12864
13804
  binding_callbacks[$$value ? "unshift" : "push"](() => {
@@ -12900,7 +13840,7 @@ function instance69($$self, $$props, $$invalidate) {
12900
13840
  if ("scroll_height" in $$props2)
12901
13841
  $$subscribe_scroll_height($$invalidate(4, scroll_height = $$props2.scroll_height));
12902
13842
  if ("computed_height" in $$props2)
12903
- $$invalidate(35, computed_height = $$props2.computed_height);
13843
+ $$invalidate(37, computed_height = $$props2.computed_height);
12904
13844
  if ("scrollable" in $$props2)
12905
13845
  $$invalidate(5, scrollable = $$props2.scrollable);
12906
13846
  if ("placement" in $$props2)
@@ -12929,11 +13869,11 @@ function instance69($$self, $$props, $$invalidate) {
12929
13869
  }
12930
13870
  if ($$self.$$.dirty[0] & /*app*/
12931
13871
  1) {
12932
- $$invalidate(37, hotkeys = app == null ? void 0 : app.hotKeys);
13872
+ $$invalidate(41, hotkeys = app == null ? void 0 : app.hotKeys);
12933
13873
  }
12934
13874
  if ($$self.$$.dirty[0] & /*t*/
12935
13875
  1024 | $$self.$$.dirty[1] & /*hotkeys*/
12936
- 64) {
13876
+ 1024) {
12937
13877
  $$invalidate(20, c = {
12938
13878
  clicker: tooltip(t.clicker, hotkeys == null ? void 0 : hotkeys.changeToClick),
12939
13879
  selector: tooltip(t.selector, hotkeys == null ? void 0 : hotkeys.changeToSelector),
@@ -12949,25 +13889,33 @@ function instance69($$self, $$props, $$invalidate) {
12949
13889
  $$subscribe_memberState($$invalidate(19, memberState = app == null ? void 0 : app.memberState));
12950
13890
  }
12951
13891
  if ($$self.$$.dirty[1] & /*$memberState*/
12952
- 128) {
12953
- $$invalidate(18, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
13892
+ 2048) {
13893
+ $$invalidate(17, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
12954
13894
  }
12955
13895
  if ($$self.$$.dirty[0] & /*app*/
12956
13896
  1) {
12957
- $$subscribe_status($$invalidate(17, status = app == null ? void 0 : app.appsStatus));
13897
+ $$subscribe_status($$invalidate(18, status = app == null ? void 0 : app.appsStatus));
12958
13898
  }
12959
13899
  if ($$self.$$.dirty[0] & /*scrollable*/
12960
13900
  32 | $$self.$$.dirty[1] & /*$scroll_height, computed_height*/
12961
- 272) {
13901
+ 4160) {
12962
13902
  max_scroll = scrollable ? $scroll_height + (32 + 8) * 2 - computed_height : 0;
12963
13903
  }
12964
13904
  if ($$self.$$.dirty[0] & /*app*/
12965
13905
  1) {
12966
- $$invalidate(36, hasAppliancePlugin = !!(app == null ? void 0 : app.appliancePlugin));
13906
+ $$invalidate(38, hasAppliancePlugin = !!(app == null ? void 0 : app.appliancePlugin));
13907
+ }
13908
+ if ($$self.$$.dirty[1] & /*hasAppliancePlugin, $memberState*/
13909
+ 2176) {
13910
+ $$invalidate(40, hasUseLaserPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.useLaserPen) || false);
12967
13911
  }
12968
13912
  if ($$self.$$.dirty[1] & /*hasAppliancePlugin, $memberState*/
12969
- 160) {
12970
- $$invalidate(16, hasUseLaserPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.useLaserPen) || false);
13913
+ 2176) {
13914
+ $$invalidate(39, hasUseMarkPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.strokeOpacity) === 0.5 || false);
13915
+ }
13916
+ if ($$self.$$.dirty[1] & /*hasUseLaserPen, hasUseMarkPen*/
13917
+ 768) {
13918
+ $$invalidate(16, pencilType = hasUseLaserPen ? "laser" : hasUseMarkPen ? "mark" : "pencil");
12971
13919
  }
12972
13920
  };
12973
13921
  return [
@@ -12987,9 +13935,9 @@ function instance69($$self, $$props, $$invalidate) {
12987
13935
  shapes_panel,
12988
13936
  apps_panel,
12989
13937
  btn_props,
12990
- hasUseLaserPen,
12991
- status,
13938
+ pencilType,
12992
13939
  appliance,
13940
+ status,
12993
13941
  memberState,
12994
13942
  c,
12995
13943
  $apps,
@@ -13005,9 +13953,13 @@ function instance69($$self, $$props, $$invalidate) {
13005
13953
  hand,
13006
13954
  laserPointer,
13007
13955
  clear,
13956
+ usePencil,
13008
13957
  useLaserPen,
13958
+ useMarkPen,
13009
13959
  computed_height,
13010
13960
  hasAppliancePlugin,
13961
+ hasUseMarkPen,
13962
+ hasUseLaserPen,
13011
13963
  hotkeys,
13012
13964
  $memberState,
13013
13965
  $scroll_height,
@@ -13024,8 +13976,8 @@ var Contents = class extends SvelteComponent {
13024
13976
  init(
13025
13977
  this,
13026
13978
  options,
13027
- instance69,
13028
- create_fragment69,
13979
+ instance71,
13980
+ create_fragment71,
13029
13981
  safe_not_equal,
13030
13982
  {
13031
13983
  app: 0,
@@ -13033,7 +13985,7 @@ var Contents = class extends SvelteComponent {
13033
13985
  language: 2,
13034
13986
  disabled: 3,
13035
13987
  scroll_height: 4,
13036
- computed_height: 35,
13988
+ computed_height: 37,
13037
13989
  scrollable: 5,
13038
13990
  placement: 6,
13039
13991
  items: 7,
@@ -13041,7 +13993,7 @@ var Contents = class extends SvelteComponent {
13041
13993
  colors: 9
13042
13994
  },
13043
13995
  null,
13044
- [-1, -1]
13996
+ [-1, -1, -1]
13045
13997
  );
13046
13998
  }
13047
13999
  };
@@ -13104,7 +14056,7 @@ function create_if_block15(ctx) {
13104
14056
  }
13105
14057
  };
13106
14058
  }
13107
- function create_fragment70(ctx) {
14059
+ function create_fragment72(ctx) {
13108
14060
  let div1;
13109
14061
  let div0;
13110
14062
  let contents;
@@ -13374,7 +14326,7 @@ function create_fragment70(ctx) {
13374
14326
  };
13375
14327
  }
13376
14328
  var name6 = "fastboard-toolbar";
13377
- function instance70($$self, $$props, $$invalidate) {
14329
+ function instance72($$self, $$props, $$invalidate) {
13378
14330
  let writable2;
13379
14331
  let phase;
13380
14332
  let disabled;
@@ -13493,7 +14445,7 @@ function instance70($$self, $$props, $$invalidate) {
13493
14445
  var Toolbar = class extends SvelteComponent {
13494
14446
  constructor(options) {
13495
14447
  super();
13496
- init(this, options, instance70, create_fragment70, safe_not_equal, {
14448
+ init(this, options, instance72, create_fragment72, safe_not_equal, {
13497
14449
  app: 1,
13498
14450
  theme: 2,
13499
14451
  language: 3,
@@ -13508,7 +14460,7 @@ function get_each_context5(ctx, list, i) {
13508
14460
  child_ctx[25] = list[i];
13509
14461
  return child_ctx;
13510
14462
  }
13511
- function create_else_block_12(ctx) {
14463
+ function create_else_block_13(ctx) {
13512
14464
  var _a;
13513
14465
  let icon;
13514
14466
  let current;
@@ -13565,7 +14517,7 @@ function create_else_block_12(ctx) {
13565
14517
  }
13566
14518
  };
13567
14519
  }
13568
- function create_if_block_22(ctx) {
14520
+ function create_if_block_23(ctx) {
13569
14521
  var _a;
13570
14522
  let icon;
13571
14523
  let current;
@@ -13622,7 +14574,7 @@ function create_if_block_22(ctx) {
13622
14574
  }
13623
14575
  };
13624
14576
  }
13625
- function create_if_block_15(ctx) {
14577
+ function create_if_block_110(ctx) {
13626
14578
  var _a;
13627
14579
  let icon;
13628
14580
  let current;
@@ -13798,7 +14750,7 @@ function create_default_slot_25(ctx) {
13798
14750
  let if_block;
13799
14751
  let if_block_anchor;
13800
14752
  let current;
13801
- const if_block_creators = [create_if_block_15, create_if_block_22, create_else_block_12];
14753
+ const if_block_creators = [create_if_block_110, create_if_block_23, create_else_block_13];
13802
14754
  const if_blocks = [];
13803
14755
  function select_block_type(ctx2, dirty) {
13804
14756
  if (
@@ -14175,7 +15127,7 @@ function create_each_block5(key_1, ctx) {
14175
15127
  }
14176
15128
  };
14177
15129
  }
14178
- function create_fragment71(ctx) {
15130
+ function create_fragment73(ctx) {
14179
15131
  let div0;
14180
15132
  let button0;
14181
15133
  let t0;
@@ -14452,7 +15404,7 @@ function format(ms) {
14452
15404
  return String(m).padStart(2, "0") + ":" + String(s % 60).padStart(2, "0");
14453
15405
  }
14454
15406
  var name7 = "fastboard-player-control";
14455
- function instance71($$self, $$props, $$invalidate) {
15407
+ function instance73($$self, $$props, $$invalidate) {
14456
15408
  let t;
14457
15409
  let canPlay;
14458
15410
  let disabled;
@@ -14597,7 +15549,7 @@ function instance71($$self, $$props, $$invalidate) {
14597
15549
  var PlayerControl = class extends SvelteComponent {
14598
15550
  constructor(options) {
14599
15551
  super();
14600
- init(this, options, instance71, create_fragment71, safe_not_equal, {
15552
+ init(this, options, instance73, create_fragment73, safe_not_equal, {
14601
15553
  player: 19,
14602
15554
  theme: 0,
14603
15555
  language: 20,
@@ -14664,7 +15616,7 @@ function create_if_block17(ctx) {
14664
15616
  }
14665
15617
  };
14666
15618
  }
14667
- function create_fragment72(ctx) {
15619
+ function create_fragment74(ctx) {
14668
15620
  var _a;
14669
15621
  let div2;
14670
15622
  let div0;
@@ -14764,7 +15716,7 @@ function create_fragment72(ctx) {
14764
15716
  };
14765
15717
  }
14766
15718
  var name8 = "fastboard";
14767
- function instance72($$self, $$props, $$invalidate) {
15719
+ function instance74($$self, $$props, $$invalidate) {
14768
15720
  let { player = null } = $$props;
14769
15721
  let { theme = "light" } = $$props;
14770
15722
  let { language = "en" } = $$props;
@@ -14839,7 +15791,7 @@ function instance72($$self, $$props, $$invalidate) {
14839
15791
  var ReplayFastboard = class extends SvelteComponent {
14840
15792
  constructor(options) {
14841
15793
  super();
14842
- init(this, options, instance72, create_fragment72, not_equal, {
15794
+ init(this, options, instance74, create_fragment74, not_equal, {
14843
15795
  player: 0,
14844
15796
  theme: 1,
14845
15797
  language: 2,
@@ -14849,7 +15801,7 @@ var ReplayFastboard = class extends SvelteComponent {
14849
15801
  }
14850
15802
  };
14851
15803
  var ReplayFastboard_default = ReplayFastboard;
14852
- function create_if_block_32(ctx) {
15804
+ function create_if_block_33(ctx) {
14853
15805
  let toolbar;
14854
15806
  let current;
14855
15807
  toolbar = new Toolbar_default({
@@ -14915,7 +15867,7 @@ function create_if_block_32(ctx) {
14915
15867
  }
14916
15868
  };
14917
15869
  }
14918
- function create_if_block_23(ctx) {
15870
+ function create_if_block_24(ctx) {
14919
15871
  let redoundo;
14920
15872
  let current;
14921
15873
  redoundo = new RedoUndo_default({
@@ -14973,7 +15925,7 @@ function create_if_block_23(ctx) {
14973
15925
  }
14974
15926
  };
14975
15927
  }
14976
- function create_if_block_16(ctx) {
15928
+ function create_if_block_111(ctx) {
14977
15929
  let zoomcontrol;
14978
15930
  let current;
14979
15931
  zoomcontrol = new ZoomControl_default({
@@ -15089,7 +16041,7 @@ function create_if_block18(ctx) {
15089
16041
  }
15090
16042
  };
15091
16043
  }
15092
- function create_fragment73(ctx) {
16044
+ function create_fragment75(ctx) {
15093
16045
  var _a, _b, _c, _d;
15094
16046
  let div4;
15095
16047
  let div0;
@@ -15106,15 +16058,15 @@ function create_fragment73(ctx) {
15106
16058
  let dispose;
15107
16059
  let if_block0 = (
15108
16060
  /*config*/
15109
- ((_a = ctx[3].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_32(ctx)
16061
+ ((_a = ctx[3].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_33(ctx)
15110
16062
  );
15111
16063
  let if_block1 = (
15112
16064
  /*config*/
15113
- ((_b = ctx[3].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_23(ctx)
16065
+ ((_b = ctx[3].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_24(ctx)
15114
16066
  );
15115
16067
  let if_block2 = (
15116
16068
  /*config*/
15117
- ((_c = ctx[3].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_16(ctx)
16069
+ ((_c = ctx[3].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_111(ctx)
15118
16070
  );
15119
16071
  let if_block3 = (
15120
16072
  /*config*/
@@ -15209,7 +16161,7 @@ function create_fragment73(ctx) {
15209
16161
  transition_in(if_block0, 1);
15210
16162
  }
15211
16163
  } else {
15212
- if_block0 = create_if_block_32(ctx2);
16164
+ if_block0 = create_if_block_33(ctx2);
15213
16165
  if_block0.c();
15214
16166
  transition_in(if_block0, 1);
15215
16167
  if_block0.m(div1, null);
@@ -15244,7 +16196,7 @@ function create_fragment73(ctx) {
15244
16196
  transition_in(if_block1, 1);
15245
16197
  }
15246
16198
  } else {
15247
- if_block1 = create_if_block_23(ctx2);
16199
+ if_block1 = create_if_block_24(ctx2);
15248
16200
  if_block1.c();
15249
16201
  transition_in(if_block1, 1);
15250
16202
  if_block1.m(div2, t2);
@@ -15267,7 +16219,7 @@ function create_fragment73(ctx) {
15267
16219
  transition_in(if_block2, 1);
15268
16220
  }
15269
16221
  } else {
15270
- if_block2 = create_if_block_16(ctx2);
16222
+ if_block2 = create_if_block_111(ctx2);
15271
16223
  if_block2.c();
15272
16224
  transition_in(if_block2, 1);
15273
16225
  if_block2.m(div2, null);
@@ -15360,7 +16312,7 @@ function create_fragment73(ctx) {
15360
16312
  };
15361
16313
  }
15362
16314
  var name9 = "fastboard";
15363
- function instance73($$self, $$props, $$invalidate) {
16315
+ function instance75($$self, $$props, $$invalidate) {
15364
16316
  let writable2;
15365
16317
  let boxState;
15366
16318
  let focusedApp;
@@ -15485,7 +16437,7 @@ function instance73($$self, $$props, $$invalidate) {
15485
16437
  var Fastboard = class extends SvelteComponent {
15486
16438
  constructor(options) {
15487
16439
  super();
15488
- init(this, options, instance73, create_fragment73, not_equal, {
16440
+ init(this, options, instance75, create_fragment75, not_equal, {
15489
16441
  app: 0,
15490
16442
  theme: 1,
15491
16443
  language: 2,