@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.
Files changed (12) hide show
  1. package/dist/index.js +2014 -1058
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +2014 -1058
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/index.svelte.mjs +2007 -1055
  6. package/dist/index.svelte.mjs.map +1 -1
  7. package/package.json +5 -5
  8. package/src/components/Icons/MarkPen.svelte +20 -0
  9. package/src/components/Icons/MarkPenFilled.svelte +20 -0
  10. package/src/components/Icons/index.ts +4 -0
  11. package/src/components/Toolbar/components/Contents.svelte +70 -17
  12. package/src/components/Toolbar/definitions/Pencil.svelte +19 -7
package/dist/index.mjs CHANGED
@@ -504,7 +504,7 @@ function make_dirty(component, i) {
504
504
  }
505
505
  component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
506
506
  }
507
- function init(component, options, instance74, create_fragment74, not_equal2, props, append_styles, dirty = [-1]) {
507
+ function init(component, options, instance76, create_fragment76, not_equal2, props, append_styles, dirty = [-1]) {
508
508
  const parent_component = current_component;
509
509
  set_current_component(component);
510
510
  const $$ = component.$$ = {
@@ -530,7 +530,7 @@ function init(component, options, instance74, create_fragment74, not_equal2, pro
530
530
  };
531
531
  append_styles && append_styles($$.root);
532
532
  let ready = false;
533
- $$.ctx = instance74 ? instance74(component, options.props || {}, (i, ret, ...rest) => {
533
+ $$.ctx = instance76 ? instance76(component, options.props || {}, (i, ret, ...rest) => {
534
534
  const value = rest.length ? rest[0] : ret;
535
535
  if ($$.ctx && not_equal2($$.ctx[i], $$.ctx[i] = value)) {
536
536
  if (!$$.skip_bound && $$.bound[i])
@@ -543,7 +543,7 @@ function init(component, options, instance74, create_fragment74, not_equal2, pro
543
543
  $$.update();
544
544
  ready = true;
545
545
  run_all($$.before_update);
546
- $$.fragment = create_fragment74 ? create_fragment74($$.ctx) : false;
546
+ $$.fragment = create_fragment76 ? create_fragment76($$.ctx) : false;
547
547
  if (options.target) {
548
548
  if (options.hydrate) {
549
549
  const nodes = children(options.target);
@@ -4510,6 +4510,158 @@ var LaserPenFilled = class extends SvelteComponent {
4510
4510
  };
4511
4511
  var LaserPenFilled_default = LaserPenFilled;
4512
4512
 
4513
+ // src/components/Icons/MarkPen.svelte
4514
+ function create_fragment51(ctx) {
4515
+ let svg;
4516
+ let g;
4517
+ let path;
4518
+ let svg_class_value;
4519
+ return {
4520
+ c() {
4521
+ svg = svg_element("svg");
4522
+ g = svg_element("g");
4523
+ path = svg_element("path");
4524
+ attr(path, "class", "fastboard-icon-stroke-color");
4525
+ 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");
4526
+ attr(g, "stroke-width", "1");
4527
+ attr(g, "stroke-linecap", "round");
4528
+ attr(g, "stroke-linejoin", "round");
4529
+ attr(g, "transform", "scale(0.85 0.9) translate(2, 0)");
4530
+ attr(svg, "fill", "none");
4531
+ attr(svg, "viewBox", "0 0 24 24");
4532
+ attr(svg, "class", svg_class_value = "fastboard-icon " + /*theme*/
4533
+ ctx[0]);
4534
+ toggle_class(
4535
+ svg,
4536
+ "is-active",
4537
+ /*active*/
4538
+ ctx[1]
4539
+ );
4540
+ },
4541
+ m(target, anchor) {
4542
+ insert(target, svg, anchor);
4543
+ append(svg, g);
4544
+ append(g, path);
4545
+ },
4546
+ p(ctx2, [dirty]) {
4547
+ if (dirty & /*theme*/
4548
+ 1 && svg_class_value !== (svg_class_value = "fastboard-icon " + /*theme*/
4549
+ ctx2[0])) {
4550
+ attr(svg, "class", svg_class_value);
4551
+ }
4552
+ if (dirty & /*theme, active*/
4553
+ 3) {
4554
+ toggle_class(
4555
+ svg,
4556
+ "is-active",
4557
+ /*active*/
4558
+ ctx2[1]
4559
+ );
4560
+ }
4561
+ },
4562
+ i: noop,
4563
+ o: noop,
4564
+ d(detaching) {
4565
+ if (detaching)
4566
+ detach(svg);
4567
+ }
4568
+ };
4569
+ }
4570
+ function instance51($$self, $$props, $$invalidate) {
4571
+ let { theme = "light" } = $$props;
4572
+ let { active = false } = $$props;
4573
+ $$self.$$set = ($$props2) => {
4574
+ if ("theme" in $$props2)
4575
+ $$invalidate(0, theme = $$props2.theme);
4576
+ if ("active" in $$props2)
4577
+ $$invalidate(1, active = $$props2.active);
4578
+ };
4579
+ return [theme, active];
4580
+ }
4581
+ var MarkPen = class extends SvelteComponent {
4582
+ constructor(options) {
4583
+ super();
4584
+ init(this, options, instance51, create_fragment51, safe_not_equal, { theme: 0, active: 1 });
4585
+ }
4586
+ };
4587
+ var MarkPen_default = MarkPen;
4588
+
4589
+ // src/components/Icons/MarkPenFilled.svelte
4590
+ function create_fragment52(ctx) {
4591
+ let svg;
4592
+ let g;
4593
+ let path;
4594
+ let svg_class_value;
4595
+ return {
4596
+ c() {
4597
+ svg = svg_element("svg");
4598
+ g = svg_element("g");
4599
+ path = svg_element("path");
4600
+ attr(path, "class", "fastboard-icon-fill-color");
4601
+ 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");
4602
+ attr(g, "stroke-width", "1");
4603
+ attr(g, "stroke-linecap", "round");
4604
+ attr(g, "stroke-linejoin", "round");
4605
+ attr(g, "transform", "scale(0.85 0.9) translate(2, 0)");
4606
+ attr(svg, "fill", "none");
4607
+ attr(svg, "viewBox", "0 0 24 24");
4608
+ attr(svg, "class", svg_class_value = "fastboard-icon " + /*theme*/
4609
+ ctx[0]);
4610
+ toggle_class(
4611
+ svg,
4612
+ "is-active",
4613
+ /*active*/
4614
+ ctx[1]
4615
+ );
4616
+ },
4617
+ m(target, anchor) {
4618
+ insert(target, svg, anchor);
4619
+ append(svg, g);
4620
+ append(g, path);
4621
+ },
4622
+ p(ctx2, [dirty]) {
4623
+ if (dirty & /*theme*/
4624
+ 1 && svg_class_value !== (svg_class_value = "fastboard-icon " + /*theme*/
4625
+ ctx2[0])) {
4626
+ attr(svg, "class", svg_class_value);
4627
+ }
4628
+ if (dirty & /*theme, active*/
4629
+ 3) {
4630
+ toggle_class(
4631
+ svg,
4632
+ "is-active",
4633
+ /*active*/
4634
+ ctx2[1]
4635
+ );
4636
+ }
4637
+ },
4638
+ i: noop,
4639
+ o: noop,
4640
+ d(detaching) {
4641
+ if (detaching)
4642
+ detach(svg);
4643
+ }
4644
+ };
4645
+ }
4646
+ function instance52($$self, $$props, $$invalidate) {
4647
+ let { theme = "light" } = $$props;
4648
+ let { active = false } = $$props;
4649
+ $$self.$$set = ($$props2) => {
4650
+ if ("theme" in $$props2)
4651
+ $$invalidate(0, theme = $$props2.theme);
4652
+ if ("active" in $$props2)
4653
+ $$invalidate(1, active = $$props2.active);
4654
+ };
4655
+ return [theme, active];
4656
+ }
4657
+ var MarkPenFilled = class extends SvelteComponent {
4658
+ constructor(options) {
4659
+ super();
4660
+ init(this, options, instance52, create_fragment52, safe_not_equal, { theme: 0, active: 1 });
4661
+ }
4662
+ };
4663
+ var MarkPenFilled_default = MarkPenFilled;
4664
+
4513
4665
  // src/components/Icons/index.ts
4514
4666
  var Icons = {
4515
4667
  Apps: Apps_default,
@@ -4560,7 +4712,9 @@ var Icons = {
4560
4712
  Pause: Pause_default,
4561
4713
  Loading: Loading_default,
4562
4714
  LaserPen: LaserPen_default,
4563
- LaserPenFilled: LaserPenFilled_default
4715
+ LaserPenFilled: LaserPenFilled_default,
4716
+ MarkPen: MarkPen_default,
4717
+ MarkPenFilled: MarkPenFilled_default
4564
4718
  };
4565
4719
  var Icons_default = Icons;
4566
4720
  if (typeof window !== "undefined") {
@@ -4573,12 +4727,12 @@ if (typeof window !== "undefined") {
4573
4727
  {
4574
4728
  name: "className",
4575
4729
  defaultValue: "",
4576
- fn(instance74) {
4730
+ fn(instance76) {
4577
4731
  function add() {
4578
- const el = instance74.popper.firstElementChild;
4732
+ const el = instance76.popper.firstElementChild;
4579
4733
  if (el) {
4580
4734
  el.classList.add("fastboard-tip");
4581
- const extra = (instance74.props.className || "").trim();
4735
+ const extra = (instance76.props.className || "").trim();
4582
4736
  if (extra) {
4583
4737
  el.classList.add(extra);
4584
4738
  }
@@ -4586,7 +4740,7 @@ if (typeof window !== "undefined") {
4586
4740
  }
4587
4741
  function remove() {
4588
4742
  var _a;
4589
- (_a = instance74.popper.firstElementChild) == null ? void 0 : _a.classList.remove("fastboard-tip");
4743
+ (_a = instance76.popper.firstElementChild) == null ? void 0 : _a.classList.remove("fastboard-tip");
4590
4744
  }
4591
4745
  return {
4592
4746
  onCreate: add,
@@ -4599,21 +4753,21 @@ if (typeof window !== "undefined") {
4599
4753
  });
4600
4754
  }
4601
4755
  var tippy = function(node, props) {
4602
- const instance74 = Tippy(node, props);
4756
+ const instance76 = Tippy(node, props);
4603
4757
  return {
4604
4758
  update(props2) {
4605
- instance74.setProps(props2);
4759
+ instance76.setProps(props2);
4606
4760
  },
4607
4761
  destroy() {
4608
- instance74.destroy();
4762
+ instance76.destroy();
4609
4763
  }
4610
4764
  };
4611
4765
  };
4612
4766
  function tippy_hide_all() {
4613
4767
  document.querySelectorAll("[data-tippy-root]").forEach((el) => {
4614
- const instance74 = el._tippy;
4615
- if (instance74)
4616
- instance74.hide();
4768
+ const instance76 = el._tippy;
4769
+ if (instance76)
4770
+ instance76.hide();
4617
4771
  });
4618
4772
  }
4619
4773
  var tippy_menu = {
@@ -5127,7 +5281,7 @@ function create_if_block_1(ctx) {
5127
5281
  }
5128
5282
  };
5129
5283
  }
5130
- function create_fragment51(ctx) {
5284
+ function create_fragment53(ctx) {
5131
5285
  let current_block_type_index;
5132
5286
  let if_block;
5133
5287
  let if_block_anchor;
@@ -5193,7 +5347,7 @@ function create_fragment51(ctx) {
5193
5347
  }
5194
5348
  };
5195
5349
  }
5196
- function instance51($$self, $$props, $$invalidate) {
5350
+ function instance53($$self, $$props, $$invalidate) {
5197
5351
  let { $$slots: slots = {}, $$scope } = $$props;
5198
5352
  let { class: className = "" } = $$props;
5199
5353
  let { name: name10 = "fastboard-ui" } = $$props;
@@ -5251,7 +5405,7 @@ function instance51($$self, $$props, $$invalidate) {
5251
5405
  var Button = class extends SvelteComponent {
5252
5406
  constructor(options) {
5253
5407
  super();
5254
- init(this, options, instance51, create_fragment51, safe_not_equal, {
5408
+ init(this, options, instance53, create_fragment53, safe_not_equal, {
5255
5409
  class: 0,
5256
5410
  name: 1,
5257
5411
  theme: 2,
@@ -5456,7 +5610,7 @@ function create_default_slot(ctx) {
5456
5610
  }
5457
5611
  };
5458
5612
  }
5459
- function create_fragment52(ctx) {
5613
+ function create_fragment54(ctx) {
5460
5614
  let div;
5461
5615
  let button0;
5462
5616
  let t_1;
@@ -5597,7 +5751,7 @@ var i18n = {
5597
5751
  "zh-CN": { redo: "\u91CD\u505A", undo: "\u64A4\u9500" }
5598
5752
  };
5599
5753
  var name = "fastboard-redo-undo";
5600
- function instance52($$self, $$props, $$invalidate) {
5754
+ function instance54($$self, $$props, $$invalidate) {
5601
5755
  let writable2;
5602
5756
  let phase;
5603
5757
  let disabled;
@@ -5698,7 +5852,7 @@ function instance52($$self, $$props, $$invalidate) {
5698
5852
  var RedoUndo = class extends SvelteComponent {
5699
5853
  constructor(options) {
5700
5854
  super();
5701
- init(this, options, instance52, create_fragment52, safe_not_equal, {
5855
+ init(this, options, instance54, create_fragment54, safe_not_equal, {
5702
5856
  app: 12,
5703
5857
  theme: 0,
5704
5858
  language: 13,
@@ -6055,7 +6209,7 @@ function create_default_slot2(ctx) {
6055
6209
  }
6056
6210
  };
6057
6211
  }
6058
- function create_fragment53(ctx) {
6212
+ function create_fragment55(ctx) {
6059
6213
  let div;
6060
6214
  let button0;
6061
6215
  let t0;
@@ -6290,7 +6444,7 @@ var i18n2 = {
6290
6444
  "zh-CN": { prev: "\u4E0A\u4E00\u9875", next: "\u4E0B\u4E00\u9875", add: "\u6DFB\u52A0\u9875\u9762" }
6291
6445
  };
6292
6446
  var name2 = "fastboard-page-control";
6293
- function instance53($$self, $$props, $$invalidate) {
6447
+ function instance55($$self, $$props, $$invalidate) {
6294
6448
  let writable2;
6295
6449
  let phase;
6296
6450
  let disabled;
@@ -6396,7 +6550,7 @@ function instance53($$self, $$props, $$invalidate) {
6396
6550
  var PageControl = class extends SvelteComponent {
6397
6551
  constructor(options) {
6398
6552
  super();
6399
- init(this, options, instance53, create_fragment53, safe_not_equal, {
6553
+ init(this, options, instance55, create_fragment55, safe_not_equal, {
6400
6554
  app: 16,
6401
6555
  theme: 0,
6402
6556
  language: 17,
@@ -6745,7 +6899,7 @@ function create_default_slot3(ctx) {
6745
6899
  }
6746
6900
  };
6747
6901
  }
6748
- function create_fragment54(ctx) {
6902
+ function create_fragment56(ctx) {
6749
6903
  let div;
6750
6904
  let button0;
6751
6905
  let t0;
@@ -7008,7 +7162,7 @@ function next_scale(scale, delta) {
7008
7162
  return 1;
7009
7163
  }
7010
7164
  var name3 = "fastboard-zoom-control";
7011
- function instance54($$self, $$props, $$invalidate) {
7165
+ function instance56($$self, $$props, $$invalidate) {
7012
7166
  let writable2;
7013
7167
  let phase;
7014
7168
  let disabled;
@@ -7119,7 +7273,7 @@ function instance54($$self, $$props, $$invalidate) {
7119
7273
  var ZoomControl = class extends SvelteComponent {
7120
7274
  constructor(options) {
7121
7275
  super();
7122
- init(this, options, instance54, create_fragment54, safe_not_equal, {
7276
+ init(this, options, instance56, create_fragment56, safe_not_equal, {
7123
7277
  app: 15,
7124
7278
  theme: 0,
7125
7279
  language: 16,
@@ -7421,7 +7575,7 @@ function hexToRgb(hex) {
7421
7575
  }
7422
7576
 
7423
7577
  // src/components/Toolbar/components/Slider.svelte
7424
- function create_fragment55(ctx) {
7578
+ function create_fragment57(ctx) {
7425
7579
  let div;
7426
7580
  let input;
7427
7581
  let input_class_value;
@@ -7636,7 +7790,7 @@ function create_fragment55(ctx) {
7636
7790
  };
7637
7791
  }
7638
7792
  var name4 = "fastboard-slider";
7639
- function instance55($$self, $$props, $$invalidate) {
7793
+ function instance57($$self, $$props, $$invalidate) {
7640
7794
  let percent;
7641
7795
  const dispatch = createEventDispatcher();
7642
7796
  let { class: className = "" } = $$props;
@@ -7707,7 +7861,7 @@ function instance55($$self, $$props, $$invalidate) {
7707
7861
  var Slider = class extends SvelteComponent {
7708
7862
  constructor(options) {
7709
7863
  super();
7710
- init(this, options, instance55, create_fragment55, safe_not_equal, {
7864
+ init(this, options, instance57, create_fragment57, safe_not_equal, {
7711
7865
  class: 1,
7712
7866
  theme: 2,
7713
7867
  min: 3,
@@ -7721,7 +7875,7 @@ var Slider = class extends SvelteComponent {
7721
7875
  var Slider_default = Slider;
7722
7876
 
7723
7877
  // src/components/Toolbar/components/StrokeWidth.svelte
7724
- function create_fragment56(ctx) {
7878
+ function create_fragment58(ctx) {
7725
7879
  let slider;
7726
7880
  let current;
7727
7881
  const slider_spread_levels = [
@@ -7777,7 +7931,7 @@ function create_fragment56(ctx) {
7777
7931
  }
7778
7932
  };
7779
7933
  }
7780
- function instance56($$self, $$props, $$invalidate) {
7934
+ function instance58($$self, $$props, $$invalidate) {
7781
7935
  let memberState;
7782
7936
  let value;
7783
7937
  let props;
@@ -7826,7 +7980,7 @@ function instance56($$self, $$props, $$invalidate) {
7826
7980
  var StrokeWidth = class extends SvelteComponent {
7827
7981
  constructor(options) {
7828
7982
  super();
7829
- init(this, options, instance56, create_fragment56, safe_not_equal, { app: 3, theme: 4, disabled: 5 });
7983
+ init(this, options, instance58, create_fragment58, safe_not_equal, { app: 3, theme: 4, disabled: 5 });
7830
7984
  }
7831
7985
  };
7832
7986
  var StrokeWidth_default = StrokeWidth;
@@ -7930,7 +8084,7 @@ function create_each_block(ctx) {
7930
8084
  }
7931
8085
  };
7932
8086
  }
7933
- function create_fragment57(ctx) {
8087
+ function create_fragment59(ctx) {
7934
8088
  let div;
7935
8089
  let div_class_value;
7936
8090
  let mounted;
@@ -8010,7 +8164,7 @@ function create_fragment57(ctx) {
8010
8164
  function is_equal_color(a, b) {
8011
8165
  return a && b && a.every((v, i) => v === b[i]);
8012
8166
  }
8013
- function instance57($$self, $$props, $$invalidate) {
8167
+ function instance59($$self, $$props, $$invalidate) {
8014
8168
  let memberState;
8015
8169
  let strokeColor;
8016
8170
  let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(7, $memberState = $$value)), memberState);
@@ -8062,7 +8216,7 @@ function instance57($$self, $$props, $$invalidate) {
8062
8216
  var StrokeColor = class extends SvelteComponent {
8063
8217
  constructor(options) {
8064
8218
  super();
8065
- init(this, options, instance57, create_fragment57, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
8219
+ init(this, options, instance59, create_fragment59, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
8066
8220
  }
8067
8221
  };
8068
8222
  var StrokeColor_default = StrokeColor;
@@ -8166,7 +8320,7 @@ function create_each_block2(ctx) {
8166
8320
  }
8167
8321
  };
8168
8322
  }
8169
- function create_fragment58(ctx) {
8323
+ function create_fragment60(ctx) {
8170
8324
  let div;
8171
8325
  let div_class_value;
8172
8326
  let mounted;
@@ -8246,7 +8400,7 @@ function create_fragment58(ctx) {
8246
8400
  function is_equal_color2(a, b) {
8247
8401
  return a && b && a.every((v, i) => v === b[i]);
8248
8402
  }
8249
- function instance58($$self, $$props, $$invalidate) {
8403
+ function instance60($$self, $$props, $$invalidate) {
8250
8404
  let memberState;
8251
8405
  let textColor;
8252
8406
  let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(7, $memberState = $$value)), memberState);
@@ -8298,7 +8452,7 @@ function instance58($$self, $$props, $$invalidate) {
8298
8452
  var TextColor = class extends SvelteComponent {
8299
8453
  constructor(options) {
8300
8454
  super();
8301
- init(this, options, instance58, create_fragment58, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
8455
+ init(this, options, instance60, create_fragment60, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
8302
8456
  }
8303
8457
  };
8304
8458
  var TextColor_default = TextColor;
@@ -8629,7 +8783,7 @@ function create_each_block3(key_1, ctx) {
8629
8783
  }
8630
8784
  };
8631
8785
  }
8632
- function create_fragment59(ctx) {
8786
+ function create_fragment61(ctx) {
8633
8787
  let div;
8634
8788
  let each_blocks = [];
8635
8789
  let each_1_lookup = /* @__PURE__ */ new Map();
@@ -8735,7 +8889,7 @@ var i18n5 = {
8735
8889
  speechBalloon: "\u6C14\u6CE1"
8736
8890
  }
8737
8891
  };
8738
- function instance59($$self, $$props, $$invalidate) {
8892
+ function instance61($$self, $$props, $$invalidate) {
8739
8893
  let t;
8740
8894
  let memberState;
8741
8895
  let appliance;
@@ -8820,7 +8974,7 @@ function instance59($$self, $$props, $$invalidate) {
8820
8974
  var SelectShapes = class extends SvelteComponent {
8821
8975
  constructor(options) {
8822
8976
  super();
8823
- init(this, options, instance59, create_fragment59, safe_not_equal, {
8977
+ init(this, options, instance61, create_fragment61, safe_not_equal, {
8824
8978
  app: 8,
8825
8979
  theme: 0,
8826
8980
  language: 9,
@@ -8975,7 +9129,7 @@ function create_default_slot4(ctx) {
8975
9129
  }
8976
9130
  };
8977
9131
  }
8978
- function create_fragment60(ctx) {
9132
+ function create_fragment62(ctx) {
8979
9133
  let button;
8980
9134
  let current;
8981
9135
  const button_spread_levels = [
@@ -9044,7 +9198,7 @@ function create_fragment60(ctx) {
9044
9198
  }
9045
9199
  };
9046
9200
  }
9047
- function instance60($$self, $$props, $$invalidate) {
9201
+ function instance62($$self, $$props, $$invalidate) {
9048
9202
  let { btn_props = {} } = $$props;
9049
9203
  let { content } = $$props;
9050
9204
  let { appliance } = $$props;
@@ -9067,7 +9221,7 @@ function instance60($$self, $$props, $$invalidate) {
9067
9221
  var Clicker = class extends SvelteComponent {
9068
9222
  constructor(options) {
9069
9223
  super();
9070
- init(this, options, instance60, create_fragment60, safe_not_equal, {
9224
+ init(this, options, instance62, create_fragment62, safe_not_equal, {
9071
9225
  btn_props: 0,
9072
9226
  content: 1,
9073
9227
  appliance: 2,
@@ -9222,7 +9376,7 @@ function create_default_slot5(ctx) {
9222
9376
  }
9223
9377
  };
9224
9378
  }
9225
- function create_fragment61(ctx) {
9379
+ function create_fragment63(ctx) {
9226
9380
  let button;
9227
9381
  let current;
9228
9382
  const button_spread_levels = [
@@ -9291,7 +9445,7 @@ function create_fragment61(ctx) {
9291
9445
  }
9292
9446
  };
9293
9447
  }
9294
- function instance61($$self, $$props, $$invalidate) {
9448
+ function instance63($$self, $$props, $$invalidate) {
9295
9449
  let { btn_props = {} } = $$props;
9296
9450
  let { content } = $$props;
9297
9451
  let { appliance } = $$props;
@@ -9314,7 +9468,7 @@ function instance61($$self, $$props, $$invalidate) {
9314
9468
  var Selector2 = class extends SvelteComponent {
9315
9469
  constructor(options) {
9316
9470
  super();
9317
- init(this, options, instance61, create_fragment61, safe_not_equal, {
9471
+ init(this, options, instance63, create_fragment63, safe_not_equal, {
9318
9472
  btn_props: 0,
9319
9473
  content: 1,
9320
9474
  appliance: 2,
@@ -9325,146 +9479,154 @@ var Selector2 = class extends SvelteComponent {
9325
9479
  var Selector_default2 = Selector2;
9326
9480
 
9327
9481
  // src/components/Toolbar/definitions/Pencil.svelte
9328
- function create_else_block8(ctx) {
9329
- let icons_pencil;
9482
+ function create_if_block_4(ctx) {
9483
+ let current_block_type_index;
9484
+ let if_block;
9485
+ let if_block_anchor;
9330
9486
  let current;
9331
- icons_pencil = new Icons_default.Pencil({ props: { theme: (
9332
- /*theme*/
9333
- ctx[4]
9334
- ) } });
9487
+ const if_block_creators = [create_if_block_5, create_else_block_2];
9488
+ const if_blocks = [];
9489
+ function select_block_type_3(ctx2, dirty) {
9490
+ if (
9491
+ /*appliance*/
9492
+ ctx2[3] === "pencil"
9493
+ )
9494
+ return 0;
9495
+ return 1;
9496
+ }
9497
+ current_block_type_index = select_block_type_3(ctx);
9498
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9335
9499
  return {
9336
9500
  c() {
9337
- create_component(icons_pencil.$$.fragment);
9501
+ if_block.c();
9502
+ if_block_anchor = empty();
9338
9503
  },
9339
9504
  m(target, anchor) {
9340
- mount_component(icons_pencil, target, anchor);
9505
+ if_blocks[current_block_type_index].m(target, anchor);
9506
+ insert(target, if_block_anchor, anchor);
9341
9507
  current = true;
9342
9508
  },
9343
9509
  p(ctx2, dirty) {
9344
- const icons_pencil_changes = {};
9345
- if (dirty & /*theme*/
9346
- 16)
9347
- icons_pencil_changes.theme = /*theme*/
9348
- ctx2[4];
9349
- icons_pencil.$set(icons_pencil_changes);
9510
+ let previous_block_index = current_block_type_index;
9511
+ current_block_type_index = select_block_type_3(ctx2);
9512
+ if (current_block_type_index === previous_block_index) {
9513
+ if_blocks[current_block_type_index].p(ctx2, dirty);
9514
+ } else {
9515
+ group_outros();
9516
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
9517
+ if_blocks[previous_block_index] = null;
9518
+ });
9519
+ check_outros();
9520
+ if_block = if_blocks[current_block_type_index];
9521
+ if (!if_block) {
9522
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
9523
+ if_block.c();
9524
+ } else {
9525
+ if_block.p(ctx2, dirty);
9526
+ }
9527
+ transition_in(if_block, 1);
9528
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
9529
+ }
9350
9530
  },
9351
9531
  i(local) {
9352
9532
  if (current)
9353
9533
  return;
9354
- transition_in(icons_pencil.$$.fragment, local);
9534
+ transition_in(if_block);
9355
9535
  current = true;
9356
9536
  },
9357
9537
  o(local) {
9358
- transition_out(icons_pencil.$$.fragment, local);
9538
+ transition_out(if_block);
9359
9539
  current = false;
9360
9540
  },
9361
9541
  d(detaching) {
9362
- destroy_component(icons_pencil, detaching);
9542
+ if_blocks[current_block_type_index].d(detaching);
9543
+ if (detaching)
9544
+ detach(if_block_anchor);
9363
9545
  }
9364
9546
  };
9365
9547
  }
9366
- function create_if_block_12(ctx) {
9367
- let icons_pencilfilled;
9548
+ function create_if_block_2(ctx) {
9549
+ let current_block_type_index;
9550
+ let if_block;
9551
+ let if_block_anchor;
9368
9552
  let current;
9369
- icons_pencilfilled = new Icons_default.PencilFilled({
9370
- props: { theme: (
9371
- /*theme*/
9372
- ctx[4]
9373
- ), active: true }
9374
- });
9553
+ const if_block_creators = [create_if_block_3, create_else_block_12];
9554
+ const if_blocks = [];
9555
+ function select_block_type_2(ctx2, dirty) {
9556
+ if (
9557
+ /*appliance*/
9558
+ ctx2[3] === "pencil"
9559
+ )
9560
+ return 0;
9561
+ return 1;
9562
+ }
9563
+ current_block_type_index = select_block_type_2(ctx);
9564
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9375
9565
  return {
9376
9566
  c() {
9377
- create_component(icons_pencilfilled.$$.fragment);
9567
+ if_block.c();
9568
+ if_block_anchor = empty();
9378
9569
  },
9379
9570
  m(target, anchor) {
9380
- mount_component(icons_pencilfilled, target, anchor);
9571
+ if_blocks[current_block_type_index].m(target, anchor);
9572
+ insert(target, if_block_anchor, anchor);
9381
9573
  current = true;
9382
9574
  },
9383
9575
  p(ctx2, dirty) {
9384
- const icons_pencilfilled_changes = {};
9385
- if (dirty & /*theme*/
9386
- 16)
9387
- icons_pencilfilled_changes.theme = /*theme*/
9388
- ctx2[4];
9389
- icons_pencilfilled.$set(icons_pencilfilled_changes);
9576
+ let previous_block_index = current_block_type_index;
9577
+ current_block_type_index = select_block_type_2(ctx2);
9578
+ if (current_block_type_index === previous_block_index) {
9579
+ if_blocks[current_block_type_index].p(ctx2, dirty);
9580
+ } else {
9581
+ group_outros();
9582
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
9583
+ if_blocks[previous_block_index] = null;
9584
+ });
9585
+ check_outros();
9586
+ if_block = if_blocks[current_block_type_index];
9587
+ if (!if_block) {
9588
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
9589
+ if_block.c();
9590
+ } else {
9591
+ if_block.p(ctx2, dirty);
9592
+ }
9593
+ transition_in(if_block, 1);
9594
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
9595
+ }
9390
9596
  },
9391
9597
  i(local) {
9392
9598
  if (current)
9393
9599
  return;
9394
- transition_in(icons_pencilfilled.$$.fragment, local);
9600
+ transition_in(if_block);
9395
9601
  current = true;
9396
9602
  },
9397
9603
  o(local) {
9398
- transition_out(icons_pencilfilled.$$.fragment, local);
9604
+ transition_out(if_block);
9399
9605
  current = false;
9400
9606
  },
9401
9607
  d(detaching) {
9402
- destroy_component(icons_pencilfilled, detaching);
9608
+ if_blocks[current_block_type_index].d(detaching);
9609
+ if (detaching)
9610
+ detach(if_block_anchor);
9403
9611
  }
9404
9612
  };
9405
9613
  }
9406
9614
  function create_if_block8(ctx) {
9407
- let icons_laserpenfilled;
9408
- let current;
9409
- icons_laserpenfilled = new Icons_default.LaserPenFilled({
9410
- props: { theme: (
9411
- /*theme*/
9412
- ctx[4]
9413
- ), active: true }
9414
- });
9415
- return {
9416
- c() {
9417
- create_component(icons_laserpenfilled.$$.fragment);
9418
- },
9419
- m(target, anchor) {
9420
- mount_component(icons_laserpenfilled, target, anchor);
9421
- current = true;
9422
- },
9423
- p(ctx2, dirty) {
9424
- const icons_laserpenfilled_changes = {};
9425
- if (dirty & /*theme*/
9426
- 16)
9427
- icons_laserpenfilled_changes.theme = /*theme*/
9428
- ctx2[4];
9429
- icons_laserpenfilled.$set(icons_laserpenfilled_changes);
9430
- },
9431
- i(local) {
9432
- if (current)
9433
- return;
9434
- transition_in(icons_laserpenfilled.$$.fragment, local);
9435
- current = true;
9436
- },
9437
- o(local) {
9438
- transition_out(icons_laserpenfilled.$$.fragment, local);
9439
- current = false;
9440
- },
9441
- d(detaching) {
9442
- destroy_component(icons_laserpenfilled, detaching);
9443
- }
9444
- };
9445
- }
9446
- function create_default_slot6(ctx) {
9447
9615
  let current_block_type_index;
9448
9616
  let if_block;
9449
9617
  let if_block_anchor;
9450
9618
  let current;
9451
- const if_block_creators = [create_if_block8, create_if_block_12, create_else_block8];
9619
+ const if_block_creators = [create_if_block_12, create_else_block8];
9452
9620
  const if_blocks = [];
9453
- function select_block_type(ctx2, dirty) {
9454
- if (
9455
- /*appliance*/
9456
- ctx2[3] === "pencil" && /*hasUseLaserPen*/
9457
- ctx2[5]
9458
- )
9459
- return 0;
9621
+ function select_block_type_1(ctx2, dirty) {
9460
9622
  if (
9461
9623
  /*appliance*/
9462
9624
  ctx2[3] === "pencil"
9463
9625
  )
9464
- return 1;
9465
- return 2;
9626
+ return 0;
9627
+ return 1;
9466
9628
  }
9467
- current_block_type_index = select_block_type(ctx);
9629
+ current_block_type_index = select_block_type_1(ctx);
9468
9630
  if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9469
9631
  return {
9470
9632
  c() {
@@ -9478,7 +9640,7 @@ function create_default_slot6(ctx) {
9478
9640
  },
9479
9641
  p(ctx2, dirty) {
9480
9642
  let previous_block_index = current_block_type_index;
9481
- current_block_type_index = select_block_type(ctx2);
9643
+ current_block_type_index = select_block_type_1(ctx2);
9482
9644
  if (current_block_type_index === previous_block_index) {
9483
9645
  if_blocks[current_block_type_index].p(ctx2, dirty);
9484
9646
  } else {
@@ -9515,228 +9677,278 @@ function create_default_slot6(ctx) {
9515
9677
  }
9516
9678
  };
9517
9679
  }
9518
- function create_fragment62(ctx) {
9519
- let button;
9680
+ function create_else_block_2(ctx) {
9681
+ let icons_pencil;
9520
9682
  let current;
9521
- const button_spread_levels = [
9522
- { class: "pencil" },
9523
- /*btn_props*/
9524
- ctx[0],
9525
- { content: (
9526
- /*content*/
9527
- ctx[1]
9528
- ) },
9529
- { menu: (
9530
- /*menu*/
9531
- ctx[2]
9532
- ) }
9533
- ];
9534
- let button_props = {
9535
- $$slots: { default: [create_default_slot6] },
9536
- $$scope: { ctx }
9537
- };
9538
- for (let i = 0; i < button_spread_levels.length; i += 1) {
9539
- button_props = assign(button_props, button_spread_levels[i]);
9540
- }
9541
- button = new Button_default({ props: button_props });
9542
- button.$on(
9543
- "click",
9544
- /*click_handler*/
9545
- ctx[6]
9546
- );
9683
+ icons_pencil = new Icons_default.Pencil({ props: { theme: (
9684
+ /*theme*/
9685
+ ctx[4]
9686
+ ) } });
9547
9687
  return {
9548
9688
  c() {
9549
- create_component(button.$$.fragment);
9689
+ create_component(icons_pencil.$$.fragment);
9550
9690
  },
9551
9691
  m(target, anchor) {
9552
- mount_component(button, target, anchor);
9692
+ mount_component(icons_pencil, target, anchor);
9553
9693
  current = true;
9554
9694
  },
9555
- p(ctx2, [dirty]) {
9556
- const button_changes = dirty & /*btn_props, content, menu*/
9557
- 7 ? get_spread_update(button_spread_levels, [
9558
- button_spread_levels[0],
9559
- dirty & /*btn_props*/
9560
- 1 && get_spread_object(
9561
- /*btn_props*/
9562
- ctx2[0]
9563
- ),
9564
- dirty & /*content*/
9565
- 2 && { content: (
9566
- /*content*/
9567
- ctx2[1]
9568
- ) },
9569
- dirty & /*menu*/
9570
- 4 && { menu: (
9571
- /*menu*/
9572
- ctx2[2]
9573
- ) }
9574
- ]) : {};
9575
- if (dirty & /*$$scope, theme, appliance, hasUseLaserPen*/
9576
- 184) {
9577
- button_changes.$$scope = { dirty, ctx: ctx2 };
9578
- }
9579
- button.$set(button_changes);
9695
+ p(ctx2, dirty) {
9696
+ const icons_pencil_changes = {};
9697
+ if (dirty & /*theme*/
9698
+ 16)
9699
+ icons_pencil_changes.theme = /*theme*/
9700
+ ctx2[4];
9701
+ icons_pencil.$set(icons_pencil_changes);
9580
9702
  },
9581
9703
  i(local) {
9582
9704
  if (current)
9583
9705
  return;
9584
- transition_in(button.$$.fragment, local);
9706
+ transition_in(icons_pencil.$$.fragment, local);
9585
9707
  current = true;
9586
9708
  },
9587
9709
  o(local) {
9588
- transition_out(button.$$.fragment, local);
9710
+ transition_out(icons_pencil.$$.fragment, local);
9589
9711
  current = false;
9590
9712
  },
9591
9713
  d(detaching) {
9592
- destroy_component(button, detaching);
9714
+ destroy_component(icons_pencil, detaching);
9593
9715
  }
9594
9716
  };
9595
9717
  }
9596
- function instance62($$self, $$props, $$invalidate) {
9597
- let { btn_props = {} } = $$props;
9598
- let { content } = $$props;
9599
- let { menu } = $$props;
9600
- let { appliance } = $$props;
9601
- let { theme = "light" } = $$props;
9602
- let { hasUseLaserPen = false } = $$props;
9603
- function click_handler(event) {
9604
- bubble.call(this, $$self, event);
9605
- }
9606
- $$self.$$set = ($$props2) => {
9607
- if ("btn_props" in $$props2)
9608
- $$invalidate(0, btn_props = $$props2.btn_props);
9609
- if ("content" in $$props2)
9610
- $$invalidate(1, content = $$props2.content);
9611
- if ("menu" in $$props2)
9612
- $$invalidate(2, menu = $$props2.menu);
9613
- if ("appliance" in $$props2)
9614
- $$invalidate(3, appliance = $$props2.appliance);
9615
- if ("theme" in $$props2)
9616
- $$invalidate(4, theme = $$props2.theme);
9617
- if ("hasUseLaserPen" in $$props2)
9618
- $$invalidate(5, hasUseLaserPen = $$props2.hasUseLaserPen);
9619
- };
9620
- return [btn_props, content, menu, appliance, theme, hasUseLaserPen, click_handler];
9621
- }
9622
- var Pencil2 = class extends SvelteComponent {
9623
- constructor(options) {
9624
- super();
9625
- init(this, options, instance62, create_fragment62, safe_not_equal, {
9626
- btn_props: 0,
9627
- content: 1,
9628
- menu: 2,
9629
- appliance: 3,
9630
- theme: 4,
9631
- hasUseLaserPen: 5
9632
- });
9633
- }
9634
- };
9635
- var Pencil_default2 = Pencil2;
9636
-
9637
- // src/components/Toolbar/definitions/Text.svelte
9638
- function create_else_block9(ctx) {
9639
- let icons_text;
9718
+ function create_if_block_5(ctx) {
9719
+ let icons_pencilfilled;
9640
9720
  let current;
9641
- icons_text = new Icons_default.Text({ props: { theme: (
9642
- /*theme*/
9643
- ctx[4]
9644
- ) } });
9721
+ icons_pencilfilled = new Icons_default.PencilFilled({
9722
+ props: { theme: (
9723
+ /*theme*/
9724
+ ctx[4]
9725
+ ), active: true }
9726
+ });
9645
9727
  return {
9646
9728
  c() {
9647
- create_component(icons_text.$$.fragment);
9729
+ create_component(icons_pencilfilled.$$.fragment);
9648
9730
  },
9649
9731
  m(target, anchor) {
9650
- mount_component(icons_text, target, anchor);
9732
+ mount_component(icons_pencilfilled, target, anchor);
9651
9733
  current = true;
9652
9734
  },
9653
9735
  p(ctx2, dirty) {
9654
- const icons_text_changes = {};
9736
+ const icons_pencilfilled_changes = {};
9655
9737
  if (dirty & /*theme*/
9656
9738
  16)
9657
- icons_text_changes.theme = /*theme*/
9739
+ icons_pencilfilled_changes.theme = /*theme*/
9658
9740
  ctx2[4];
9659
- icons_text.$set(icons_text_changes);
9741
+ icons_pencilfilled.$set(icons_pencilfilled_changes);
9660
9742
  },
9661
9743
  i(local) {
9662
9744
  if (current)
9663
9745
  return;
9664
- transition_in(icons_text.$$.fragment, local);
9746
+ transition_in(icons_pencilfilled.$$.fragment, local);
9665
9747
  current = true;
9666
9748
  },
9667
9749
  o(local) {
9668
- transition_out(icons_text.$$.fragment, local);
9750
+ transition_out(icons_pencilfilled.$$.fragment, local);
9669
9751
  current = false;
9670
9752
  },
9671
9753
  d(detaching) {
9672
- destroy_component(icons_text, detaching);
9754
+ destroy_component(icons_pencilfilled, detaching);
9673
9755
  }
9674
9756
  };
9675
9757
  }
9676
- function create_if_block9(ctx) {
9677
- let icons_textfilled;
9758
+ function create_else_block_12(ctx) {
9759
+ let icons_laserpen;
9678
9760
  let current;
9679
- icons_textfilled = new Icons_default.TextFilled({
9680
- props: { theme: (
9681
- /*theme*/
9682
- ctx[4]
9683
- ), active: true }
9761
+ icons_laserpen = new Icons_default.LaserPen({ props: { theme: (
9762
+ /*theme*/
9763
+ ctx[4]
9764
+ ) } });
9765
+ return {
9766
+ c() {
9767
+ create_component(icons_laserpen.$$.fragment);
9768
+ },
9769
+ m(target, anchor) {
9770
+ mount_component(icons_laserpen, target, anchor);
9771
+ current = true;
9772
+ },
9773
+ p(ctx2, dirty) {
9774
+ const icons_laserpen_changes = {};
9775
+ if (dirty & /*theme*/
9776
+ 16)
9777
+ icons_laserpen_changes.theme = /*theme*/
9778
+ ctx2[4];
9779
+ icons_laserpen.$set(icons_laserpen_changes);
9780
+ },
9781
+ i(local) {
9782
+ if (current)
9783
+ return;
9784
+ transition_in(icons_laserpen.$$.fragment, local);
9785
+ current = true;
9786
+ },
9787
+ o(local) {
9788
+ transition_out(icons_laserpen.$$.fragment, local);
9789
+ current = false;
9790
+ },
9791
+ d(detaching) {
9792
+ destroy_component(icons_laserpen, detaching);
9793
+ }
9794
+ };
9795
+ }
9796
+ function create_if_block_3(ctx) {
9797
+ let icons_laserpenfilled;
9798
+ let current;
9799
+ icons_laserpenfilled = new Icons_default.LaserPenFilled({
9800
+ props: { theme: (
9801
+ /*theme*/
9802
+ ctx[4]
9803
+ ), active: true }
9684
9804
  });
9685
9805
  return {
9686
9806
  c() {
9687
- create_component(icons_textfilled.$$.fragment);
9807
+ create_component(icons_laserpenfilled.$$.fragment);
9688
9808
  },
9689
9809
  m(target, anchor) {
9690
- mount_component(icons_textfilled, target, anchor);
9810
+ mount_component(icons_laserpenfilled, target, anchor);
9691
9811
  current = true;
9692
9812
  },
9693
9813
  p(ctx2, dirty) {
9694
- const icons_textfilled_changes = {};
9814
+ const icons_laserpenfilled_changes = {};
9695
9815
  if (dirty & /*theme*/
9696
9816
  16)
9697
- icons_textfilled_changes.theme = /*theme*/
9817
+ icons_laserpenfilled_changes.theme = /*theme*/
9698
9818
  ctx2[4];
9699
- icons_textfilled.$set(icons_textfilled_changes);
9819
+ icons_laserpenfilled.$set(icons_laserpenfilled_changes);
9700
9820
  },
9701
9821
  i(local) {
9702
9822
  if (current)
9703
9823
  return;
9704
- transition_in(icons_textfilled.$$.fragment, local);
9824
+ transition_in(icons_laserpenfilled.$$.fragment, local);
9705
9825
  current = true;
9706
9826
  },
9707
9827
  o(local) {
9708
- transition_out(icons_textfilled.$$.fragment, local);
9828
+ transition_out(icons_laserpenfilled.$$.fragment, local);
9709
9829
  current = false;
9710
9830
  },
9711
9831
  d(detaching) {
9712
- destroy_component(icons_textfilled, detaching);
9832
+ destroy_component(icons_laserpenfilled, detaching);
9713
9833
  }
9714
9834
  };
9715
9835
  }
9716
- function create_default_slot7(ctx) {
9836
+ function create_else_block8(ctx) {
9837
+ let icons_markpen;
9838
+ let current;
9839
+ icons_markpen = new Icons_default.MarkPen({ props: { theme: (
9840
+ /*theme*/
9841
+ ctx[4]
9842
+ ) } });
9843
+ return {
9844
+ c() {
9845
+ create_component(icons_markpen.$$.fragment);
9846
+ },
9847
+ m(target, anchor) {
9848
+ mount_component(icons_markpen, target, anchor);
9849
+ current = true;
9850
+ },
9851
+ p(ctx2, dirty) {
9852
+ const icons_markpen_changes = {};
9853
+ if (dirty & /*theme*/
9854
+ 16)
9855
+ icons_markpen_changes.theme = /*theme*/
9856
+ ctx2[4];
9857
+ icons_markpen.$set(icons_markpen_changes);
9858
+ },
9859
+ i(local) {
9860
+ if (current)
9861
+ return;
9862
+ transition_in(icons_markpen.$$.fragment, local);
9863
+ current = true;
9864
+ },
9865
+ o(local) {
9866
+ transition_out(icons_markpen.$$.fragment, local);
9867
+ current = false;
9868
+ },
9869
+ d(detaching) {
9870
+ destroy_component(icons_markpen, detaching);
9871
+ }
9872
+ };
9873
+ }
9874
+ function create_if_block_12(ctx) {
9875
+ let icons_markpenfilled;
9876
+ let current;
9877
+ icons_markpenfilled = new Icons_default.MarkPenFilled({
9878
+ props: { theme: (
9879
+ /*theme*/
9880
+ ctx[4]
9881
+ ), active: true }
9882
+ });
9883
+ return {
9884
+ c() {
9885
+ create_component(icons_markpenfilled.$$.fragment);
9886
+ },
9887
+ m(target, anchor) {
9888
+ mount_component(icons_markpenfilled, target, anchor);
9889
+ current = true;
9890
+ },
9891
+ p(ctx2, dirty) {
9892
+ const icons_markpenfilled_changes = {};
9893
+ if (dirty & /*theme*/
9894
+ 16)
9895
+ icons_markpenfilled_changes.theme = /*theme*/
9896
+ ctx2[4];
9897
+ icons_markpenfilled.$set(icons_markpenfilled_changes);
9898
+ },
9899
+ i(local) {
9900
+ if (current)
9901
+ return;
9902
+ transition_in(icons_markpenfilled.$$.fragment, local);
9903
+ current = true;
9904
+ },
9905
+ o(local) {
9906
+ transition_out(icons_markpenfilled.$$.fragment, local);
9907
+ current = false;
9908
+ },
9909
+ d(detaching) {
9910
+ destroy_component(icons_markpenfilled, detaching);
9911
+ }
9912
+ };
9913
+ }
9914
+ function create_default_slot6(ctx) {
9717
9915
  let current_block_type_index;
9718
9916
  let if_block;
9719
9917
  let if_block_anchor;
9720
9918
  let current;
9721
- const if_block_creators = [create_if_block9, create_else_block9];
9919
+ const if_block_creators = [create_if_block8, create_if_block_2, create_if_block_4];
9722
9920
  const if_blocks = [];
9723
9921
  function select_block_type(ctx2, dirty) {
9724
9922
  if (
9725
- /*appliance*/
9726
- ctx2[3] === "text"
9923
+ /*pencilType*/
9924
+ ctx2[5] === "mark"
9727
9925
  )
9728
9926
  return 0;
9729
- return 1;
9927
+ if (
9928
+ /*pencilType*/
9929
+ ctx2[5] === "laser"
9930
+ )
9931
+ return 1;
9932
+ if (
9933
+ /*pencilType*/
9934
+ ctx2[5] === "pencil"
9935
+ )
9936
+ return 2;
9937
+ return -1;
9938
+ }
9939
+ if (~(current_block_type_index = select_block_type(ctx))) {
9940
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9730
9941
  }
9731
- current_block_type_index = select_block_type(ctx);
9732
- if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9733
9942
  return {
9734
9943
  c() {
9735
- if_block.c();
9944
+ if (if_block)
9945
+ if_block.c();
9736
9946
  if_block_anchor = empty();
9737
9947
  },
9738
9948
  m(target, anchor) {
9739
- if_blocks[current_block_type_index].m(target, anchor);
9949
+ if (~current_block_type_index) {
9950
+ if_blocks[current_block_type_index].m(target, anchor);
9951
+ }
9740
9952
  insert(target, if_block_anchor, anchor);
9741
9953
  current = true;
9742
9954
  },
@@ -9744,22 +9956,30 @@ function create_default_slot7(ctx) {
9744
9956
  let previous_block_index = current_block_type_index;
9745
9957
  current_block_type_index = select_block_type(ctx2);
9746
9958
  if (current_block_type_index === previous_block_index) {
9747
- if_blocks[current_block_type_index].p(ctx2, dirty);
9959
+ if (~current_block_type_index) {
9960
+ if_blocks[current_block_type_index].p(ctx2, dirty);
9961
+ }
9748
9962
  } else {
9749
- group_outros();
9750
- transition_out(if_blocks[previous_block_index], 1, 1, () => {
9751
- if_blocks[previous_block_index] = null;
9752
- });
9753
- check_outros();
9754
- if_block = if_blocks[current_block_type_index];
9755
- if (!if_block) {
9756
- if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
9757
- if_block.c();
9963
+ if (if_block) {
9964
+ group_outros();
9965
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
9966
+ if_blocks[previous_block_index] = null;
9967
+ });
9968
+ check_outros();
9969
+ }
9970
+ if (~current_block_type_index) {
9971
+ if_block = if_blocks[current_block_type_index];
9972
+ if (!if_block) {
9973
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
9974
+ if_block.c();
9975
+ } else {
9976
+ if_block.p(ctx2, dirty);
9977
+ }
9978
+ transition_in(if_block, 1);
9979
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
9758
9980
  } else {
9759
- if_block.p(ctx2, dirty);
9981
+ if_block = null;
9760
9982
  }
9761
- transition_in(if_block, 1);
9762
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
9763
9983
  }
9764
9984
  },
9765
9985
  i(local) {
@@ -9773,17 +9993,19 @@ function create_default_slot7(ctx) {
9773
9993
  current = false;
9774
9994
  },
9775
9995
  d(detaching) {
9776
- if_blocks[current_block_type_index].d(detaching);
9996
+ if (~current_block_type_index) {
9997
+ if_blocks[current_block_type_index].d(detaching);
9998
+ }
9777
9999
  if (detaching)
9778
10000
  detach(if_block_anchor);
9779
10001
  }
9780
10002
  };
9781
10003
  }
9782
- function create_fragment63(ctx) {
10004
+ function create_fragment64(ctx) {
9783
10005
  let button;
9784
10006
  let current;
9785
10007
  const button_spread_levels = [
9786
- { class: "text" },
10008
+ { class: "pencil" },
9787
10009
  /*btn_props*/
9788
10010
  ctx[0],
9789
10011
  { content: (
@@ -9796,7 +10018,7 @@ function create_fragment63(ctx) {
9796
10018
  ) }
9797
10019
  ];
9798
10020
  let button_props = {
9799
- $$slots: { default: [create_default_slot7] },
10021
+ $$slots: { default: [create_default_slot6] },
9800
10022
  $$scope: { ctx }
9801
10023
  };
9802
10024
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -9806,7 +10028,7 @@ function create_fragment63(ctx) {
9806
10028
  button.$on(
9807
10029
  "click",
9808
10030
  /*click_handler*/
9809
- ctx[5]
10031
+ ctx[6]
9810
10032
  );
9811
10033
  return {
9812
10034
  c() {
@@ -9836,8 +10058,8 @@ function create_fragment63(ctx) {
9836
10058
  ctx2[2]
9837
10059
  ) }
9838
10060
  ]) : {};
9839
- if (dirty & /*$$scope, theme, appliance*/
9840
- 88) {
10061
+ if (dirty & /*$$scope, theme, appliance, pencilType*/
10062
+ 184) {
9841
10063
  button_changes.$$scope = { dirty, ctx: ctx2 };
9842
10064
  }
9843
10065
  button.$set(button_changes);
@@ -9857,12 +10079,13 @@ function create_fragment63(ctx) {
9857
10079
  }
9858
10080
  };
9859
10081
  }
9860
- function instance63($$self, $$props, $$invalidate) {
10082
+ function instance64($$self, $$props, $$invalidate) {
9861
10083
  let { btn_props = {} } = $$props;
9862
10084
  let { content } = $$props;
9863
10085
  let { menu } = $$props;
9864
10086
  let { appliance } = $$props;
9865
10087
  let { theme = "light" } = $$props;
10088
+ let { pencilType = "pencil" } = $$props;
9866
10089
  function click_handler(event) {
9867
10090
  bubble.call(this, $$self, event);
9868
10091
  }
@@ -9877,201 +10100,116 @@ function instance63($$self, $$props, $$invalidate) {
9877
10100
  $$invalidate(3, appliance = $$props2.appliance);
9878
10101
  if ("theme" in $$props2)
9879
10102
  $$invalidate(4, theme = $$props2.theme);
10103
+ if ("pencilType" in $$props2)
10104
+ $$invalidate(5, pencilType = $$props2.pencilType);
9880
10105
  };
9881
- return [btn_props, content, menu, appliance, theme, click_handler];
10106
+ return [btn_props, content, menu, appliance, theme, pencilType, click_handler];
9882
10107
  }
9883
- var Text2 = class extends SvelteComponent {
10108
+ var Pencil2 = class extends SvelteComponent {
9884
10109
  constructor(options) {
9885
10110
  super();
9886
- init(this, options, instance63, create_fragment63, safe_not_equal, {
10111
+ init(this, options, instance64, create_fragment64, safe_not_equal, {
9887
10112
  btn_props: 0,
9888
10113
  content: 1,
9889
10114
  menu: 2,
9890
10115
  appliance: 3,
9891
- theme: 4
10116
+ theme: 4,
10117
+ pencilType: 5
9892
10118
  });
9893
10119
  }
9894
10120
  };
9895
- var Text_default2 = Text2;
10121
+ var Pencil_default2 = Pencil2;
9896
10122
 
9897
- // src/components/Toolbar/definitions/Shapes.svelte
9898
- function create_else_block10(ctx) {
9899
- let switch_instance;
9900
- let switch_instance_anchor;
10123
+ // src/components/Toolbar/definitions/Text.svelte
10124
+ function create_else_block9(ctx) {
10125
+ let icons_text;
9901
10126
  let current;
9902
- var switch_value = shapesIcon[
9903
- /*last_shape*/
9904
- ctx[6]
9905
- ];
9906
- function switch_props(ctx2) {
9907
- return { props: { theme: (
9908
- /*theme*/
9909
- ctx2[4]
9910
- ) } };
9911
- }
9912
- if (switch_value) {
9913
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
9914
- }
10127
+ icons_text = new Icons_default.Text({ props: { theme: (
10128
+ /*theme*/
10129
+ ctx[4]
10130
+ ) } });
9915
10131
  return {
9916
10132
  c() {
9917
- if (switch_instance)
9918
- create_component(switch_instance.$$.fragment);
9919
- switch_instance_anchor = empty();
10133
+ create_component(icons_text.$$.fragment);
9920
10134
  },
9921
10135
  m(target, anchor) {
9922
- if (switch_instance)
9923
- mount_component(switch_instance, target, anchor);
9924
- insert(target, switch_instance_anchor, anchor);
10136
+ mount_component(icons_text, target, anchor);
9925
10137
  current = true;
9926
10138
  },
9927
10139
  p(ctx2, dirty) {
9928
- const switch_instance_changes = {};
10140
+ const icons_text_changes = {};
9929
10141
  if (dirty & /*theme*/
9930
10142
  16)
9931
- switch_instance_changes.theme = /*theme*/
10143
+ icons_text_changes.theme = /*theme*/
9932
10144
  ctx2[4];
9933
- if (dirty & /*last_shape*/
9934
- 64 && switch_value !== (switch_value = shapesIcon[
9935
- /*last_shape*/
9936
- ctx2[6]
9937
- ])) {
9938
- if (switch_instance) {
9939
- group_outros();
9940
- const old_component = switch_instance;
9941
- transition_out(old_component.$$.fragment, 1, 0, () => {
9942
- destroy_component(old_component, 1);
9943
- });
9944
- check_outros();
9945
- }
9946
- if (switch_value) {
9947
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
9948
- create_component(switch_instance.$$.fragment);
9949
- transition_in(switch_instance.$$.fragment, 1);
9950
- mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
9951
- } else {
9952
- switch_instance = null;
9953
- }
9954
- } else if (switch_value) {
9955
- switch_instance.$set(switch_instance_changes);
9956
- }
10145
+ icons_text.$set(icons_text_changes);
9957
10146
  },
9958
10147
  i(local) {
9959
10148
  if (current)
9960
10149
  return;
9961
- if (switch_instance)
9962
- transition_in(switch_instance.$$.fragment, local);
10150
+ transition_in(icons_text.$$.fragment, local);
9963
10151
  current = true;
9964
10152
  },
9965
10153
  o(local) {
9966
- if (switch_instance)
9967
- transition_out(switch_instance.$$.fragment, local);
10154
+ transition_out(icons_text.$$.fragment, local);
9968
10155
  current = false;
9969
10156
  },
9970
10157
  d(detaching) {
9971
- if (detaching)
9972
- detach(switch_instance_anchor);
9973
- if (switch_instance)
9974
- destroy_component(switch_instance, detaching);
10158
+ destroy_component(icons_text, detaching);
9975
10159
  }
9976
10160
  };
9977
10161
  }
9978
- function create_if_block10(ctx) {
9979
- let switch_instance;
9980
- let switch_instance_anchor;
10162
+ function create_if_block9(ctx) {
10163
+ let icons_textfilled;
9981
10164
  let current;
9982
- var switch_value = shapesIconActive[
9983
- /*last_shape*/
9984
- ctx[6]
9985
- ];
9986
- function switch_props(ctx2) {
9987
- return {
9988
- props: { theme: (
9989
- /*theme*/
9990
- ctx2[4]
9991
- ), active: true }
9992
- };
9993
- }
9994
- if (switch_value) {
9995
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
9996
- }
10165
+ icons_textfilled = new Icons_default.TextFilled({
10166
+ props: { theme: (
10167
+ /*theme*/
10168
+ ctx[4]
10169
+ ), active: true }
10170
+ });
9997
10171
  return {
9998
10172
  c() {
9999
- if (switch_instance)
10000
- create_component(switch_instance.$$.fragment);
10001
- switch_instance_anchor = empty();
10173
+ create_component(icons_textfilled.$$.fragment);
10002
10174
  },
10003
10175
  m(target, anchor) {
10004
- if (switch_instance)
10005
- mount_component(switch_instance, target, anchor);
10006
- insert(target, switch_instance_anchor, anchor);
10176
+ mount_component(icons_textfilled, target, anchor);
10007
10177
  current = true;
10008
10178
  },
10009
10179
  p(ctx2, dirty) {
10010
- const switch_instance_changes = {};
10180
+ const icons_textfilled_changes = {};
10011
10181
  if (dirty & /*theme*/
10012
10182
  16)
10013
- switch_instance_changes.theme = /*theme*/
10183
+ icons_textfilled_changes.theme = /*theme*/
10014
10184
  ctx2[4];
10015
- if (dirty & /*last_shape*/
10016
- 64 && switch_value !== (switch_value = shapesIconActive[
10017
- /*last_shape*/
10018
- ctx2[6]
10019
- ])) {
10020
- if (switch_instance) {
10021
- group_outros();
10022
- const old_component = switch_instance;
10023
- transition_out(old_component.$$.fragment, 1, 0, () => {
10024
- destroy_component(old_component, 1);
10025
- });
10026
- check_outros();
10027
- }
10028
- if (switch_value) {
10029
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
10030
- create_component(switch_instance.$$.fragment);
10031
- transition_in(switch_instance.$$.fragment, 1);
10032
- mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
10033
- } else {
10034
- switch_instance = null;
10035
- }
10036
- } else if (switch_value) {
10037
- switch_instance.$set(switch_instance_changes);
10038
- }
10185
+ icons_textfilled.$set(icons_textfilled_changes);
10039
10186
  },
10040
10187
  i(local) {
10041
10188
  if (current)
10042
10189
  return;
10043
- if (switch_instance)
10044
- transition_in(switch_instance.$$.fragment, local);
10190
+ transition_in(icons_textfilled.$$.fragment, local);
10045
10191
  current = true;
10046
10192
  },
10047
10193
  o(local) {
10048
- if (switch_instance)
10049
- transition_out(switch_instance.$$.fragment, local);
10194
+ transition_out(icons_textfilled.$$.fragment, local);
10050
10195
  current = false;
10051
10196
  },
10052
10197
  d(detaching) {
10053
- if (detaching)
10054
- detach(switch_instance_anchor);
10055
- if (switch_instance)
10056
- destroy_component(switch_instance, detaching);
10198
+ destroy_component(icons_textfilled, detaching);
10057
10199
  }
10058
10200
  };
10059
10201
  }
10060
- function create_default_slot8(ctx) {
10202
+ function create_default_slot7(ctx) {
10061
10203
  let current_block_type_index;
10062
10204
  let if_block;
10063
10205
  let if_block_anchor;
10064
10206
  let current;
10065
- const if_block_creators = [create_if_block10, create_else_block10];
10207
+ const if_block_creators = [create_if_block9, create_else_block9];
10066
10208
  const if_blocks = [];
10067
10209
  function select_block_type(ctx2, dirty) {
10068
10210
  if (
10069
10211
  /*appliance*/
10070
- ctx2[0] === /*last_shape*/
10071
- ctx2[6] || /*appliance*/
10072
- ctx2[0] === "shape" && /*shape*/
10073
- ctx2[5] === /*last_shape*/
10074
- ctx2[6]
10212
+ ctx2[3] === "text"
10075
10213
  )
10076
10214
  return 0;
10077
10215
  return 1;
@@ -10127,24 +10265,24 @@ function create_default_slot8(ctx) {
10127
10265
  }
10128
10266
  };
10129
10267
  }
10130
- function create_fragment64(ctx) {
10268
+ function create_fragment65(ctx) {
10131
10269
  let button;
10132
10270
  let current;
10133
10271
  const button_spread_levels = [
10134
- { class: "shapes" },
10272
+ { class: "text" },
10135
10273
  /*btn_props*/
10136
- ctx[1],
10274
+ ctx[0],
10137
10275
  { content: (
10138
10276
  /*content*/
10139
- ctx[2]
10277
+ ctx[1]
10140
10278
  ) },
10141
10279
  { menu: (
10142
10280
  /*menu*/
10143
- ctx[3]
10281
+ ctx[2]
10144
10282
  ) }
10145
10283
  ];
10146
10284
  let button_props = {
10147
- $$slots: { default: [create_default_slot8] },
10285
+ $$slots: { default: [create_default_slot7] },
10148
10286
  $$scope: { ctx }
10149
10287
  };
10150
10288
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -10153,8 +10291,8 @@ function create_fragment64(ctx) {
10153
10291
  button = new Button_default({ props: button_props });
10154
10292
  button.$on(
10155
10293
  "click",
10156
- /*select_last_shape*/
10157
- ctx[8]
10294
+ /*click_handler*/
10295
+ ctx[5]
10158
10296
  );
10159
10297
  return {
10160
10298
  c() {
@@ -10166,26 +10304,26 @@ function create_fragment64(ctx) {
10166
10304
  },
10167
10305
  p(ctx2, [dirty]) {
10168
10306
  const button_changes = dirty & /*btn_props, content, menu*/
10169
- 14 ? get_spread_update(button_spread_levels, [
10307
+ 7 ? get_spread_update(button_spread_levels, [
10170
10308
  button_spread_levels[0],
10171
10309
  dirty & /*btn_props*/
10172
- 2 && get_spread_object(
10310
+ 1 && get_spread_object(
10173
10311
  /*btn_props*/
10174
- ctx2[1]
10312
+ ctx2[0]
10175
10313
  ),
10176
10314
  dirty & /*content*/
10177
- 4 && { content: (
10315
+ 2 && { content: (
10178
10316
  /*content*/
10179
- ctx2[2]
10317
+ ctx2[1]
10180
10318
  ) },
10181
10319
  dirty & /*menu*/
10182
- 8 && { menu: (
10320
+ 4 && { menu: (
10183
10321
  /*menu*/
10184
- ctx2[3]
10322
+ ctx2[2]
10185
10323
  ) }
10186
10324
  ]) : {};
10187
- if (dirty & /*$$scope, last_shape, theme, appliance, shape*/
10188
- 2161) {
10325
+ if (dirty & /*$$scope, theme, appliance*/
10326
+ 88) {
10189
10327
  button_changes.$$scope = { dirty, ctx: ctx2 };
10190
10328
  }
10191
10329
  button.$set(button_changes);
@@ -10205,180 +10343,221 @@ function create_fragment64(ctx) {
10205
10343
  }
10206
10344
  };
10207
10345
  }
10208
- function instance64($$self, $$props, $$invalidate) {
10209
- let memberState;
10210
- let shape;
10211
- let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(10, $memberState = $$value)), memberState);
10212
- $$self.$$.on_destroy.push(() => $$unsubscribe_memberState());
10213
- let { app = null } = $$props;
10346
+ function instance65($$self, $$props, $$invalidate) {
10214
10347
  let { btn_props = {} } = $$props;
10215
10348
  let { content } = $$props;
10216
10349
  let { menu } = $$props;
10217
10350
  let { appliance } = $$props;
10218
10351
  let { theme = "light" } = $$props;
10219
- let last_shape = "rectangle";
10220
- function select_last_shape() {
10221
- if (applianceShapes.includes(last_shape)) {
10222
- app == null ? void 0 : app.setAppliance(last_shape);
10223
- } else {
10224
- app == null ? void 0 : app.setAppliance("shape", last_shape);
10225
- }
10352
+ function click_handler(event) {
10353
+ bubble.call(this, $$self, event);
10226
10354
  }
10227
10355
  $$self.$$set = ($$props2) => {
10228
- if ("app" in $$props2)
10229
- $$invalidate(9, app = $$props2.app);
10230
10356
  if ("btn_props" in $$props2)
10231
- $$invalidate(1, btn_props = $$props2.btn_props);
10357
+ $$invalidate(0, btn_props = $$props2.btn_props);
10232
10358
  if ("content" in $$props2)
10233
- $$invalidate(2, content = $$props2.content);
10359
+ $$invalidate(1, content = $$props2.content);
10234
10360
  if ("menu" in $$props2)
10235
- $$invalidate(3, menu = $$props2.menu);
10361
+ $$invalidate(2, menu = $$props2.menu);
10236
10362
  if ("appliance" in $$props2)
10237
- $$invalidate(0, appliance = $$props2.appliance);
10363
+ $$invalidate(3, appliance = $$props2.appliance);
10238
10364
  if ("theme" in $$props2)
10239
10365
  $$invalidate(4, theme = $$props2.theme);
10240
10366
  };
10241
- $$self.$$.update = () => {
10242
- if ($$self.$$.dirty & /*app*/
10243
- 512) {
10244
- $$subscribe_memberState($$invalidate(7, memberState = app == null ? void 0 : app.memberState));
10245
- }
10246
- if ($$self.$$.dirty & /*$memberState*/
10247
- 1024) {
10248
- $$invalidate(0, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
10249
- }
10250
- if ($$self.$$.dirty & /*$memberState*/
10251
- 1024) {
10252
- $$invalidate(5, shape = $memberState == null ? void 0 : $memberState.shapeType);
10253
- }
10254
- if ($$self.$$.dirty & /*appliance, shape*/
10255
- 33) {
10256
- if (applianceShapes.includes(appliance)) {
10257
- $$invalidate(6, last_shape = appliance);
10258
- } else if (shape) {
10259
- $$invalidate(6, last_shape = shape);
10260
- }
10261
- }
10262
- };
10263
- return [
10264
- appliance,
10265
- btn_props,
10266
- content,
10267
- menu,
10268
- theme,
10269
- shape,
10270
- last_shape,
10271
- memberState,
10272
- select_last_shape,
10273
- app,
10274
- $memberState
10275
- ];
10367
+ return [btn_props, content, menu, appliance, theme, click_handler];
10276
10368
  }
10277
- var Shapes = class extends SvelteComponent {
10369
+ var Text2 = class extends SvelteComponent {
10278
10370
  constructor(options) {
10279
10371
  super();
10280
- init(this, options, instance64, create_fragment64, safe_not_equal, {
10281
- app: 9,
10282
- btn_props: 1,
10283
- content: 2,
10284
- menu: 3,
10285
- appliance: 0,
10372
+ init(this, options, instance65, create_fragment65, safe_not_equal, {
10373
+ btn_props: 0,
10374
+ content: 1,
10375
+ menu: 2,
10376
+ appliance: 3,
10286
10377
  theme: 4
10287
10378
  });
10288
10379
  }
10289
10380
  };
10290
- var Shapes_default = Shapes;
10381
+ var Text_default2 = Text2;
10291
10382
 
10292
- // src/components/Toolbar/definitions/Eraser.svelte
10293
- function create_else_block11(ctx) {
10294
- let icons_eraser;
10383
+ // src/components/Toolbar/definitions/Shapes.svelte
10384
+ function create_else_block10(ctx) {
10385
+ let switch_instance;
10386
+ let switch_instance_anchor;
10295
10387
  let current;
10296
- icons_eraser = new Icons_default.Eraser({ props: { theme: (
10297
- /*theme*/
10298
- ctx[3]
10299
- ) } });
10388
+ var switch_value = shapesIcon[
10389
+ /*last_shape*/
10390
+ ctx[6]
10391
+ ];
10392
+ function switch_props(ctx2) {
10393
+ return { props: { theme: (
10394
+ /*theme*/
10395
+ ctx2[4]
10396
+ ) } };
10397
+ }
10398
+ if (switch_value) {
10399
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
10400
+ }
10300
10401
  return {
10301
10402
  c() {
10302
- create_component(icons_eraser.$$.fragment);
10403
+ if (switch_instance)
10404
+ create_component(switch_instance.$$.fragment);
10405
+ switch_instance_anchor = empty();
10303
10406
  },
10304
10407
  m(target, anchor) {
10305
- mount_component(icons_eraser, target, anchor);
10408
+ if (switch_instance)
10409
+ mount_component(switch_instance, target, anchor);
10410
+ insert(target, switch_instance_anchor, anchor);
10306
10411
  current = true;
10307
10412
  },
10308
10413
  p(ctx2, dirty) {
10309
- const icons_eraser_changes = {};
10414
+ const switch_instance_changes = {};
10310
10415
  if (dirty & /*theme*/
10311
- 8)
10312
- icons_eraser_changes.theme = /*theme*/
10313
- ctx2[3];
10314
- icons_eraser.$set(icons_eraser_changes);
10315
- },
10316
- i(local) {
10317
- if (current)
10318
- return;
10319
- transition_in(icons_eraser.$$.fragment, local);
10416
+ 16)
10417
+ switch_instance_changes.theme = /*theme*/
10418
+ ctx2[4];
10419
+ if (dirty & /*last_shape*/
10420
+ 64 && switch_value !== (switch_value = shapesIcon[
10421
+ /*last_shape*/
10422
+ ctx2[6]
10423
+ ])) {
10424
+ if (switch_instance) {
10425
+ group_outros();
10426
+ const old_component = switch_instance;
10427
+ transition_out(old_component.$$.fragment, 1, 0, () => {
10428
+ destroy_component(old_component, 1);
10429
+ });
10430
+ check_outros();
10431
+ }
10432
+ if (switch_value) {
10433
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
10434
+ create_component(switch_instance.$$.fragment);
10435
+ transition_in(switch_instance.$$.fragment, 1);
10436
+ mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
10437
+ } else {
10438
+ switch_instance = null;
10439
+ }
10440
+ } else if (switch_value) {
10441
+ switch_instance.$set(switch_instance_changes);
10442
+ }
10443
+ },
10444
+ i(local) {
10445
+ if (current)
10446
+ return;
10447
+ if (switch_instance)
10448
+ transition_in(switch_instance.$$.fragment, local);
10320
10449
  current = true;
10321
10450
  },
10322
10451
  o(local) {
10323
- transition_out(icons_eraser.$$.fragment, local);
10452
+ if (switch_instance)
10453
+ transition_out(switch_instance.$$.fragment, local);
10324
10454
  current = false;
10325
10455
  },
10326
10456
  d(detaching) {
10327
- destroy_component(icons_eraser, detaching);
10457
+ if (detaching)
10458
+ detach(switch_instance_anchor);
10459
+ if (switch_instance)
10460
+ destroy_component(switch_instance, detaching);
10328
10461
  }
10329
10462
  };
10330
10463
  }
10331
- function create_if_block11(ctx) {
10332
- let icons_eraserfilled;
10464
+ function create_if_block10(ctx) {
10465
+ let switch_instance;
10466
+ let switch_instance_anchor;
10333
10467
  let current;
10334
- icons_eraserfilled = new Icons_default.EraserFilled({
10335
- props: { theme: (
10336
- /*theme*/
10337
- ctx[3]
10338
- ), active: true }
10339
- });
10468
+ var switch_value = shapesIconActive[
10469
+ /*last_shape*/
10470
+ ctx[6]
10471
+ ];
10472
+ function switch_props(ctx2) {
10473
+ return {
10474
+ props: { theme: (
10475
+ /*theme*/
10476
+ ctx2[4]
10477
+ ), active: true }
10478
+ };
10479
+ }
10480
+ if (switch_value) {
10481
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
10482
+ }
10340
10483
  return {
10341
10484
  c() {
10342
- create_component(icons_eraserfilled.$$.fragment);
10485
+ if (switch_instance)
10486
+ create_component(switch_instance.$$.fragment);
10487
+ switch_instance_anchor = empty();
10343
10488
  },
10344
10489
  m(target, anchor) {
10345
- mount_component(icons_eraserfilled, target, anchor);
10490
+ if (switch_instance)
10491
+ mount_component(switch_instance, target, anchor);
10492
+ insert(target, switch_instance_anchor, anchor);
10346
10493
  current = true;
10347
10494
  },
10348
10495
  p(ctx2, dirty) {
10349
- const icons_eraserfilled_changes = {};
10496
+ const switch_instance_changes = {};
10350
10497
  if (dirty & /*theme*/
10351
- 8)
10352
- icons_eraserfilled_changes.theme = /*theme*/
10353
- ctx2[3];
10354
- icons_eraserfilled.$set(icons_eraserfilled_changes);
10498
+ 16)
10499
+ switch_instance_changes.theme = /*theme*/
10500
+ ctx2[4];
10501
+ if (dirty & /*last_shape*/
10502
+ 64 && switch_value !== (switch_value = shapesIconActive[
10503
+ /*last_shape*/
10504
+ ctx2[6]
10505
+ ])) {
10506
+ if (switch_instance) {
10507
+ group_outros();
10508
+ const old_component = switch_instance;
10509
+ transition_out(old_component.$$.fragment, 1, 0, () => {
10510
+ destroy_component(old_component, 1);
10511
+ });
10512
+ check_outros();
10513
+ }
10514
+ if (switch_value) {
10515
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
10516
+ create_component(switch_instance.$$.fragment);
10517
+ transition_in(switch_instance.$$.fragment, 1);
10518
+ mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
10519
+ } else {
10520
+ switch_instance = null;
10521
+ }
10522
+ } else if (switch_value) {
10523
+ switch_instance.$set(switch_instance_changes);
10524
+ }
10355
10525
  },
10356
10526
  i(local) {
10357
10527
  if (current)
10358
10528
  return;
10359
- transition_in(icons_eraserfilled.$$.fragment, local);
10529
+ if (switch_instance)
10530
+ transition_in(switch_instance.$$.fragment, local);
10360
10531
  current = true;
10361
10532
  },
10362
10533
  o(local) {
10363
- transition_out(icons_eraserfilled.$$.fragment, local);
10534
+ if (switch_instance)
10535
+ transition_out(switch_instance.$$.fragment, local);
10364
10536
  current = false;
10365
10537
  },
10366
10538
  d(detaching) {
10367
- destroy_component(icons_eraserfilled, detaching);
10539
+ if (detaching)
10540
+ detach(switch_instance_anchor);
10541
+ if (switch_instance)
10542
+ destroy_component(switch_instance, detaching);
10368
10543
  }
10369
10544
  };
10370
10545
  }
10371
- function create_default_slot9(ctx) {
10546
+ function create_default_slot8(ctx) {
10372
10547
  let current_block_type_index;
10373
10548
  let if_block;
10374
10549
  let if_block_anchor;
10375
10550
  let current;
10376
- const if_block_creators = [create_if_block11, create_else_block11];
10551
+ const if_block_creators = [create_if_block10, create_else_block10];
10377
10552
  const if_blocks = [];
10378
10553
  function select_block_type(ctx2, dirty) {
10379
10554
  if (
10380
10555
  /*appliance*/
10381
- ctx2[2] === "eraser"
10556
+ ctx2[0] === /*last_shape*/
10557
+ ctx2[6] || /*appliance*/
10558
+ ctx2[0] === "shape" && /*shape*/
10559
+ ctx2[5] === /*last_shape*/
10560
+ ctx2[6]
10382
10561
  )
10383
10562
  return 0;
10384
10563
  return 1;
@@ -10434,20 +10613,24 @@ function create_default_slot9(ctx) {
10434
10613
  }
10435
10614
  };
10436
10615
  }
10437
- function create_fragment65(ctx) {
10616
+ function create_fragment66(ctx) {
10438
10617
  let button;
10439
10618
  let current;
10440
10619
  const button_spread_levels = [
10441
- { class: "eraser" },
10620
+ { class: "shapes" },
10442
10621
  /*btn_props*/
10443
- ctx[0],
10622
+ ctx[1],
10444
10623
  { content: (
10445
10624
  /*content*/
10446
- ctx[1]
10625
+ ctx[2]
10626
+ ) },
10627
+ { menu: (
10628
+ /*menu*/
10629
+ ctx[3]
10447
10630
  ) }
10448
10631
  ];
10449
10632
  let button_props = {
10450
- $$slots: { default: [create_default_slot9] },
10633
+ $$slots: { default: [create_default_slot8] },
10451
10634
  $$scope: { ctx }
10452
10635
  };
10453
10636
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -10456,8 +10639,8 @@ function create_fragment65(ctx) {
10456
10639
  button = new Button_default({ props: button_props });
10457
10640
  button.$on(
10458
10641
  "click",
10459
- /*click_handler*/
10460
- ctx[4]
10642
+ /*select_last_shape*/
10643
+ ctx[8]
10461
10644
  );
10462
10645
  return {
10463
10646
  c() {
@@ -10468,22 +10651,27 @@ function create_fragment65(ctx) {
10468
10651
  current = true;
10469
10652
  },
10470
10653
  p(ctx2, [dirty]) {
10471
- const button_changes = dirty & /*btn_props, content*/
10472
- 3 ? get_spread_update(button_spread_levels, [
10654
+ const button_changes = dirty & /*btn_props, content, menu*/
10655
+ 14 ? get_spread_update(button_spread_levels, [
10473
10656
  button_spread_levels[0],
10474
10657
  dirty & /*btn_props*/
10475
- 1 && get_spread_object(
10658
+ 2 && get_spread_object(
10476
10659
  /*btn_props*/
10477
- ctx2[0]
10660
+ ctx2[1]
10478
10661
  ),
10479
10662
  dirty & /*content*/
10480
- 2 && { content: (
10663
+ 4 && { content: (
10481
10664
  /*content*/
10482
- ctx2[1]
10665
+ ctx2[2]
10666
+ ) },
10667
+ dirty & /*menu*/
10668
+ 8 && { menu: (
10669
+ /*menu*/
10670
+ ctx2[3]
10483
10671
  ) }
10484
10672
  ]) : {};
10485
- if (dirty & /*$$scope, theme, appliance*/
10486
- 44) {
10673
+ if (dirty & /*$$scope, last_shape, theme, appliance, shape*/
10674
+ 2161) {
10487
10675
  button_changes.$$scope = { dirty, ctx: ctx2 };
10488
10676
  }
10489
10677
  button.$set(button_changes);
@@ -10503,44 +10691,342 @@ function create_fragment65(ctx) {
10503
10691
  }
10504
10692
  };
10505
10693
  }
10506
- function instance65($$self, $$props, $$invalidate) {
10694
+ function instance66($$self, $$props, $$invalidate) {
10695
+ let memberState;
10696
+ let shape;
10697
+ let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(10, $memberState = $$value)), memberState);
10698
+ $$self.$$.on_destroy.push(() => $$unsubscribe_memberState());
10699
+ let { app = null } = $$props;
10507
10700
  let { btn_props = {} } = $$props;
10508
10701
  let { content } = $$props;
10702
+ let { menu } = $$props;
10509
10703
  let { appliance } = $$props;
10510
10704
  let { theme = "light" } = $$props;
10511
- function click_handler(event) {
10512
- bubble.call(this, $$self, event);
10705
+ let last_shape = "rectangle";
10706
+ function select_last_shape() {
10707
+ if (applianceShapes.includes(last_shape)) {
10708
+ app == null ? void 0 : app.setAppliance(last_shape);
10709
+ } else {
10710
+ app == null ? void 0 : app.setAppliance("shape", last_shape);
10711
+ }
10513
10712
  }
10514
10713
  $$self.$$set = ($$props2) => {
10714
+ if ("app" in $$props2)
10715
+ $$invalidate(9, app = $$props2.app);
10515
10716
  if ("btn_props" in $$props2)
10516
- $$invalidate(0, btn_props = $$props2.btn_props);
10717
+ $$invalidate(1, btn_props = $$props2.btn_props);
10517
10718
  if ("content" in $$props2)
10518
- $$invalidate(1, content = $$props2.content);
10719
+ $$invalidate(2, content = $$props2.content);
10720
+ if ("menu" in $$props2)
10721
+ $$invalidate(3, menu = $$props2.menu);
10519
10722
  if ("appliance" in $$props2)
10520
- $$invalidate(2, appliance = $$props2.appliance);
10723
+ $$invalidate(0, appliance = $$props2.appliance);
10521
10724
  if ("theme" in $$props2)
10522
- $$invalidate(3, theme = $$props2.theme);
10725
+ $$invalidate(4, theme = $$props2.theme);
10523
10726
  };
10524
- return [btn_props, content, appliance, theme, click_handler];
10727
+ $$self.$$.update = () => {
10728
+ if ($$self.$$.dirty & /*app*/
10729
+ 512) {
10730
+ $$subscribe_memberState($$invalidate(7, memberState = app == null ? void 0 : app.memberState));
10731
+ }
10732
+ if ($$self.$$.dirty & /*$memberState*/
10733
+ 1024) {
10734
+ $$invalidate(0, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
10735
+ }
10736
+ if ($$self.$$.dirty & /*$memberState*/
10737
+ 1024) {
10738
+ $$invalidate(5, shape = $memberState == null ? void 0 : $memberState.shapeType);
10739
+ }
10740
+ if ($$self.$$.dirty & /*appliance, shape*/
10741
+ 33) {
10742
+ if (applianceShapes.includes(appliance)) {
10743
+ $$invalidate(6, last_shape = appliance);
10744
+ } else if (shape) {
10745
+ $$invalidate(6, last_shape = shape);
10746
+ }
10747
+ }
10748
+ };
10749
+ return [
10750
+ appliance,
10751
+ btn_props,
10752
+ content,
10753
+ menu,
10754
+ theme,
10755
+ shape,
10756
+ last_shape,
10757
+ memberState,
10758
+ select_last_shape,
10759
+ app,
10760
+ $memberState
10761
+ ];
10525
10762
  }
10526
- var Eraser2 = class extends SvelteComponent {
10763
+ var Shapes = class extends SvelteComponent {
10527
10764
  constructor(options) {
10528
10765
  super();
10529
- init(this, options, instance65, create_fragment65, safe_not_equal, {
10530
- btn_props: 0,
10531
- content: 1,
10532
- appliance: 2,
10533
- theme: 3
10766
+ init(this, options, instance66, create_fragment66, safe_not_equal, {
10767
+ app: 9,
10768
+ btn_props: 1,
10769
+ content: 2,
10770
+ menu: 3,
10771
+ appliance: 0,
10772
+ theme: 4
10534
10773
  });
10535
10774
  }
10536
10775
  };
10537
- var Eraser_default2 = Eraser2;
10776
+ var Shapes_default = Shapes;
10538
10777
 
10539
- // src/components/Toolbar/definitions/Clear.svelte
10540
- function create_default_slot10(ctx) {
10541
- let icons_clear;
10778
+ // src/components/Toolbar/definitions/Eraser.svelte
10779
+ function create_else_block11(ctx) {
10780
+ let icons_eraser;
10542
10781
  let current;
10543
- icons_clear = new Icons_default.Clear({ props: { theme: (
10782
+ icons_eraser = new Icons_default.Eraser({ props: { theme: (
10783
+ /*theme*/
10784
+ ctx[3]
10785
+ ) } });
10786
+ return {
10787
+ c() {
10788
+ create_component(icons_eraser.$$.fragment);
10789
+ },
10790
+ m(target, anchor) {
10791
+ mount_component(icons_eraser, target, anchor);
10792
+ current = true;
10793
+ },
10794
+ p(ctx2, dirty) {
10795
+ const icons_eraser_changes = {};
10796
+ if (dirty & /*theme*/
10797
+ 8)
10798
+ icons_eraser_changes.theme = /*theme*/
10799
+ ctx2[3];
10800
+ icons_eraser.$set(icons_eraser_changes);
10801
+ },
10802
+ i(local) {
10803
+ if (current)
10804
+ return;
10805
+ transition_in(icons_eraser.$$.fragment, local);
10806
+ current = true;
10807
+ },
10808
+ o(local) {
10809
+ transition_out(icons_eraser.$$.fragment, local);
10810
+ current = false;
10811
+ },
10812
+ d(detaching) {
10813
+ destroy_component(icons_eraser, detaching);
10814
+ }
10815
+ };
10816
+ }
10817
+ function create_if_block11(ctx) {
10818
+ let icons_eraserfilled;
10819
+ let current;
10820
+ icons_eraserfilled = new Icons_default.EraserFilled({
10821
+ props: { theme: (
10822
+ /*theme*/
10823
+ ctx[3]
10824
+ ), active: true }
10825
+ });
10826
+ return {
10827
+ c() {
10828
+ create_component(icons_eraserfilled.$$.fragment);
10829
+ },
10830
+ m(target, anchor) {
10831
+ mount_component(icons_eraserfilled, target, anchor);
10832
+ current = true;
10833
+ },
10834
+ p(ctx2, dirty) {
10835
+ const icons_eraserfilled_changes = {};
10836
+ if (dirty & /*theme*/
10837
+ 8)
10838
+ icons_eraserfilled_changes.theme = /*theme*/
10839
+ ctx2[3];
10840
+ icons_eraserfilled.$set(icons_eraserfilled_changes);
10841
+ },
10842
+ i(local) {
10843
+ if (current)
10844
+ return;
10845
+ transition_in(icons_eraserfilled.$$.fragment, local);
10846
+ current = true;
10847
+ },
10848
+ o(local) {
10849
+ transition_out(icons_eraserfilled.$$.fragment, local);
10850
+ current = false;
10851
+ },
10852
+ d(detaching) {
10853
+ destroy_component(icons_eraserfilled, detaching);
10854
+ }
10855
+ };
10856
+ }
10857
+ function create_default_slot9(ctx) {
10858
+ let current_block_type_index;
10859
+ let if_block;
10860
+ let if_block_anchor;
10861
+ let current;
10862
+ const if_block_creators = [create_if_block11, create_else_block11];
10863
+ const if_blocks = [];
10864
+ function select_block_type(ctx2, dirty) {
10865
+ if (
10866
+ /*appliance*/
10867
+ ctx2[2] === "eraser"
10868
+ )
10869
+ return 0;
10870
+ return 1;
10871
+ }
10872
+ current_block_type_index = select_block_type(ctx);
10873
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
10874
+ return {
10875
+ c() {
10876
+ if_block.c();
10877
+ if_block_anchor = empty();
10878
+ },
10879
+ m(target, anchor) {
10880
+ if_blocks[current_block_type_index].m(target, anchor);
10881
+ insert(target, if_block_anchor, anchor);
10882
+ current = true;
10883
+ },
10884
+ p(ctx2, dirty) {
10885
+ let previous_block_index = current_block_type_index;
10886
+ current_block_type_index = select_block_type(ctx2);
10887
+ if (current_block_type_index === previous_block_index) {
10888
+ if_blocks[current_block_type_index].p(ctx2, dirty);
10889
+ } else {
10890
+ group_outros();
10891
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
10892
+ if_blocks[previous_block_index] = null;
10893
+ });
10894
+ check_outros();
10895
+ if_block = if_blocks[current_block_type_index];
10896
+ if (!if_block) {
10897
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
10898
+ if_block.c();
10899
+ } else {
10900
+ if_block.p(ctx2, dirty);
10901
+ }
10902
+ transition_in(if_block, 1);
10903
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
10904
+ }
10905
+ },
10906
+ i(local) {
10907
+ if (current)
10908
+ return;
10909
+ transition_in(if_block);
10910
+ current = true;
10911
+ },
10912
+ o(local) {
10913
+ transition_out(if_block);
10914
+ current = false;
10915
+ },
10916
+ d(detaching) {
10917
+ if_blocks[current_block_type_index].d(detaching);
10918
+ if (detaching)
10919
+ detach(if_block_anchor);
10920
+ }
10921
+ };
10922
+ }
10923
+ function create_fragment67(ctx) {
10924
+ let button;
10925
+ let current;
10926
+ const button_spread_levels = [
10927
+ { class: "eraser" },
10928
+ /*btn_props*/
10929
+ ctx[0],
10930
+ { content: (
10931
+ /*content*/
10932
+ ctx[1]
10933
+ ) }
10934
+ ];
10935
+ let button_props = {
10936
+ $$slots: { default: [create_default_slot9] },
10937
+ $$scope: { ctx }
10938
+ };
10939
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
10940
+ button_props = assign(button_props, button_spread_levels[i]);
10941
+ }
10942
+ button = new Button_default({ props: button_props });
10943
+ button.$on(
10944
+ "click",
10945
+ /*click_handler*/
10946
+ ctx[4]
10947
+ );
10948
+ return {
10949
+ c() {
10950
+ create_component(button.$$.fragment);
10951
+ },
10952
+ m(target, anchor) {
10953
+ mount_component(button, target, anchor);
10954
+ current = true;
10955
+ },
10956
+ p(ctx2, [dirty]) {
10957
+ const button_changes = dirty & /*btn_props, content*/
10958
+ 3 ? get_spread_update(button_spread_levels, [
10959
+ button_spread_levels[0],
10960
+ dirty & /*btn_props*/
10961
+ 1 && get_spread_object(
10962
+ /*btn_props*/
10963
+ ctx2[0]
10964
+ ),
10965
+ dirty & /*content*/
10966
+ 2 && { content: (
10967
+ /*content*/
10968
+ ctx2[1]
10969
+ ) }
10970
+ ]) : {};
10971
+ if (dirty & /*$$scope, theme, appliance*/
10972
+ 44) {
10973
+ button_changes.$$scope = { dirty, ctx: ctx2 };
10974
+ }
10975
+ button.$set(button_changes);
10976
+ },
10977
+ i(local) {
10978
+ if (current)
10979
+ return;
10980
+ transition_in(button.$$.fragment, local);
10981
+ current = true;
10982
+ },
10983
+ o(local) {
10984
+ transition_out(button.$$.fragment, local);
10985
+ current = false;
10986
+ },
10987
+ d(detaching) {
10988
+ destroy_component(button, detaching);
10989
+ }
10990
+ };
10991
+ }
10992
+ function instance67($$self, $$props, $$invalidate) {
10993
+ let { btn_props = {} } = $$props;
10994
+ let { content } = $$props;
10995
+ let { appliance } = $$props;
10996
+ let { theme = "light" } = $$props;
10997
+ function click_handler(event) {
10998
+ bubble.call(this, $$self, event);
10999
+ }
11000
+ $$self.$$set = ($$props2) => {
11001
+ if ("btn_props" in $$props2)
11002
+ $$invalidate(0, btn_props = $$props2.btn_props);
11003
+ if ("content" in $$props2)
11004
+ $$invalidate(1, content = $$props2.content);
11005
+ if ("appliance" in $$props2)
11006
+ $$invalidate(2, appliance = $$props2.appliance);
11007
+ if ("theme" in $$props2)
11008
+ $$invalidate(3, theme = $$props2.theme);
11009
+ };
11010
+ return [btn_props, content, appliance, theme, click_handler];
11011
+ }
11012
+ var Eraser2 = class extends SvelteComponent {
11013
+ constructor(options) {
11014
+ super();
11015
+ init(this, options, instance67, create_fragment67, safe_not_equal, {
11016
+ btn_props: 0,
11017
+ content: 1,
11018
+ appliance: 2,
11019
+ theme: 3
11020
+ });
11021
+ }
11022
+ };
11023
+ var Eraser_default2 = Eraser2;
11024
+
11025
+ // src/components/Toolbar/definitions/Clear.svelte
11026
+ function create_default_slot10(ctx) {
11027
+ let icons_clear;
11028
+ let current;
11029
+ icons_clear = new Icons_default.Clear({ props: { theme: (
10544
11030
  /*theme*/
10545
11031
  ctx[2]
10546
11032
  ) } });
@@ -10575,7 +11061,7 @@ function create_default_slot10(ctx) {
10575
11061
  }
10576
11062
  };
10577
11063
  }
10578
- function create_fragment66(ctx) {
11064
+ function create_fragment68(ctx) {
10579
11065
  let button;
10580
11066
  let current;
10581
11067
  const button_spread_levels = [
@@ -10644,7 +11130,7 @@ function create_fragment66(ctx) {
10644
11130
  }
10645
11131
  };
10646
11132
  }
10647
- function instance66($$self, $$props, $$invalidate) {
11133
+ function instance68($$self, $$props, $$invalidate) {
10648
11134
  let { btn_props = {} } = $$props;
10649
11135
  let { content } = $$props;
10650
11136
  let { theme = "light" } = $$props;
@@ -10664,7 +11150,7 @@ function instance66($$self, $$props, $$invalidate) {
10664
11150
  var Clear2 = class extends SvelteComponent {
10665
11151
  constructor(options) {
10666
11152
  super();
10667
- init(this, options, instance66, create_fragment66, safe_not_equal, { btn_props: 0, content: 1, theme: 2 });
11153
+ init(this, options, instance68, create_fragment68, safe_not_equal, { btn_props: 0, content: 1, theme: 2 });
10668
11154
  }
10669
11155
  };
10670
11156
  var Clear_default2 = Clear2;
@@ -10814,7 +11300,7 @@ function create_default_slot11(ctx) {
10814
11300
  }
10815
11301
  };
10816
11302
  }
10817
- function create_fragment67(ctx) {
11303
+ function create_fragment69(ctx) {
10818
11304
  let button;
10819
11305
  let current;
10820
11306
  const button_spread_levels = [
@@ -10883,7 +11369,7 @@ function create_fragment67(ctx) {
10883
11369
  }
10884
11370
  };
10885
11371
  }
10886
- function instance67($$self, $$props, $$invalidate) {
11372
+ function instance69($$self, $$props, $$invalidate) {
10887
11373
  let { btn_props = {} } = $$props;
10888
11374
  let { content } = $$props;
10889
11375
  let { appliance } = $$props;
@@ -10906,7 +11392,7 @@ function instance67($$self, $$props, $$invalidate) {
10906
11392
  var Hand = class extends SvelteComponent {
10907
11393
  constructor(options) {
10908
11394
  super();
10909
- init(this, options, instance67, create_fragment67, safe_not_equal, {
11395
+ init(this, options, instance69, create_fragment69, safe_not_equal, {
10910
11396
  btn_props: 0,
10911
11397
  content: 1,
10912
11398
  appliance: 2,
@@ -11061,7 +11547,7 @@ function create_default_slot12(ctx) {
11061
11547
  }
11062
11548
  };
11063
11549
  }
11064
- function create_fragment68(ctx) {
11550
+ function create_fragment70(ctx) {
11065
11551
  let button;
11066
11552
  let current;
11067
11553
  const button_spread_levels = [
@@ -11130,7 +11616,7 @@ function create_fragment68(ctx) {
11130
11616
  }
11131
11617
  };
11132
11618
  }
11133
- function instance68($$self, $$props, $$invalidate) {
11619
+ function instance70($$self, $$props, $$invalidate) {
11134
11620
  let { btn_props = {} } = $$props;
11135
11621
  let { content } = $$props;
11136
11622
  let { appliance } = $$props;
@@ -11153,7 +11639,7 @@ function instance68($$self, $$props, $$invalidate) {
11153
11639
  var Laser2 = class extends SvelteComponent {
11154
11640
  constructor(options) {
11155
11641
  super();
11156
- init(this, options, instance68, create_fragment68, safe_not_equal, {
11642
+ init(this, options, instance70, create_fragment70, safe_not_equal, {
11157
11643
  btn_props: 0,
11158
11644
  content: 1,
11159
11645
  appliance: 2,
@@ -11166,42 +11652,42 @@ var Laser_default2 = Laser2;
11166
11652
  // src/components/Toolbar/components/Contents.svelte
11167
11653
  function get_each_context4(ctx, list, i) {
11168
11654
  const child_ctx = ctx.slice();
11169
- child_ctx[47] = list[i];
11655
+ child_ctx[51] = list[i];
11170
11656
  const constants_0 = (
11171
11657
  /*netless_app*/
11172
- child_ctx[47]
11658
+ child_ctx[51]
11173
11659
  );
11174
- child_ctx[48] = constants_0.icon;
11175
- child_ctx[49] = constants_0.label;
11176
- child_ctx[50] = constants_0.kind;
11177
- child_ctx[51] = constants_0.onClick;
11660
+ child_ctx[52] = constants_0.icon;
11661
+ child_ctx[53] = constants_0.label;
11662
+ child_ctx[54] = constants_0.kind;
11663
+ child_ctx[55] = constants_0.onClick;
11178
11664
  const constants_1 = (
11179
11665
  /*$status*/
11180
11666
  child_ctx[22] && /*$status*/
11181
11667
  child_ctx[22][
11182
11668
  /*kind*/
11183
- child_ctx[50]
11669
+ child_ctx[54]
11184
11670
  ]
11185
11671
  );
11186
- child_ctx[52] = constants_1;
11672
+ child_ctx[56] = constants_1;
11187
11673
  const constants_2 = function func() {
11188
11674
  return (
11189
11675
  /*func*/
11190
- ctx[43](
11676
+ ctx[47](
11191
11677
  /*onClick*/
11192
- child_ctx[51]
11678
+ child_ctx[55]
11193
11679
  )
11194
11680
  );
11195
11681
  };
11196
- child_ctx[53] = constants_2;
11682
+ child_ctx[57] = constants_2;
11197
11683
  return child_ctx;
11198
11684
  }
11199
11685
  function get_each_context_1(ctx, list, i) {
11200
11686
  const child_ctx = ctx.slice();
11201
- child_ctx[56] = list[i];
11687
+ child_ctx[60] = list[i];
11202
11688
  return child_ctx;
11203
11689
  }
11204
- function create_if_block_13(ctx) {
11690
+ function create_if_block_18(ctx) {
11205
11691
  let button;
11206
11692
  let current;
11207
11693
  const button_spread_levels = [
@@ -11210,7 +11696,7 @@ function create_if_block_13(ctx) {
11210
11696
  ctx[15]
11211
11697
  ];
11212
11698
  let button_props = {
11213
- $$slots: { default: [create_default_slot_6] },
11699
+ $$slots: { default: [create_default_slot_8] },
11214
11700
  $$scope: { ctx }
11215
11701
  };
11216
11702
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -11237,8 +11723,8 @@ function create_if_block_13(ctx) {
11237
11723
  ctx2[15]
11238
11724
  )]) : {};
11239
11725
  if (dirty[0] & /*theme*/
11240
- 2 | dirty[1] & /*$$scope*/
11241
- 268435456) {
11726
+ 2 | dirty[2] & /*$$scope*/
11727
+ 2) {
11242
11728
  button_changes.$$scope = { dirty, ctx: ctx2 };
11243
11729
  }
11244
11730
  button.$set(button_changes);
@@ -11258,7 +11744,7 @@ function create_if_block_13(ctx) {
11258
11744
  }
11259
11745
  };
11260
11746
  }
11261
- function create_default_slot_6(ctx) {
11747
+ function create_default_slot_8(ctx) {
11262
11748
  let icons_up;
11263
11749
  let current;
11264
11750
  icons_up = new Icons_default.Up({ props: { theme: (
@@ -11296,14 +11782,14 @@ function create_default_slot_6(ctx) {
11296
11782
  }
11297
11783
  };
11298
11784
  }
11299
- function create_if_block_122(ctx) {
11785
+ function create_if_block_17(ctx) {
11300
11786
  let laser;
11301
11787
  let current;
11302
11788
  laser = new Laser_default2({
11303
11789
  props: {
11304
11790
  appliance: (
11305
11791
  /*appliance*/
11306
- ctx[18]
11792
+ ctx[17]
11307
11793
  ),
11308
11794
  theme: (
11309
11795
  /*theme*/
@@ -11335,9 +11821,9 @@ function create_if_block_122(ctx) {
11335
11821
  p(ctx2, dirty) {
11336
11822
  const laser_changes = {};
11337
11823
  if (dirty[0] & /*appliance*/
11338
- 262144)
11824
+ 131072)
11339
11825
  laser_changes.appliance = /*appliance*/
11340
- ctx2[18];
11826
+ ctx2[17];
11341
11827
  if (dirty[0] & /*theme*/
11342
11828
  2)
11343
11829
  laser_changes.theme = /*theme*/
@@ -11367,14 +11853,14 @@ function create_if_block_122(ctx) {
11367
11853
  }
11368
11854
  };
11369
11855
  }
11370
- function create_if_block_11(ctx) {
11856
+ function create_if_block_16(ctx) {
11371
11857
  let hand_1;
11372
11858
  let current;
11373
11859
  hand_1 = new Hand_default({
11374
11860
  props: {
11375
11861
  appliance: (
11376
11862
  /*appliance*/
11377
- ctx[18]
11863
+ ctx[17]
11378
11864
  ),
11379
11865
  theme: (
11380
11866
  /*theme*/
@@ -11406,9 +11892,9 @@ function create_if_block_11(ctx) {
11406
11892
  p(ctx2, dirty) {
11407
11893
  const hand_1_changes = {};
11408
11894
  if (dirty[0] & /*appliance*/
11409
- 262144)
11895
+ 131072)
11410
11896
  hand_1_changes.appliance = /*appliance*/
11411
- ctx2[18];
11897
+ ctx2[17];
11412
11898
  if (dirty[0] & /*theme*/
11413
11899
  2)
11414
11900
  hand_1_changes.theme = /*theme*/
@@ -11438,7 +11924,7 @@ function create_if_block_11(ctx) {
11438
11924
  }
11439
11925
  };
11440
11926
  }
11441
- function create_if_block_10(ctx) {
11927
+ function create_if_block_15(ctx) {
11442
11928
  let clear_1;
11443
11929
  let current;
11444
11930
  clear_1 = new Clear_default2({
@@ -11501,14 +11987,14 @@ function create_if_block_10(ctx) {
11501
11987
  }
11502
11988
  };
11503
11989
  }
11504
- function create_if_block_9(ctx) {
11990
+ function create_if_block_14(ctx) {
11505
11991
  let eraser_1;
11506
11992
  let current;
11507
11993
  eraser_1 = new Eraser_default2({
11508
11994
  props: {
11509
11995
  appliance: (
11510
11996
  /*appliance*/
11511
- ctx[18]
11997
+ ctx[17]
11512
11998
  ),
11513
11999
  theme: (
11514
12000
  /*theme*/
@@ -11540,9 +12026,9 @@ function create_if_block_9(ctx) {
11540
12026
  p(ctx2, dirty) {
11541
12027
  const eraser_1_changes = {};
11542
12028
  if (dirty[0] & /*appliance*/
11543
- 262144)
12029
+ 131072)
11544
12030
  eraser_1_changes.appliance = /*appliance*/
11545
- ctx2[18];
12031
+ ctx2[17];
11546
12032
  if (dirty[0] & /*theme*/
11547
12033
  2)
11548
12034
  eraser_1_changes.theme = /*theme*/
@@ -11572,7 +12058,7 @@ function create_if_block_9(ctx) {
11572
12058
  }
11573
12059
  };
11574
12060
  }
11575
- function create_if_block_8(ctx) {
12061
+ function create_if_block_13(ctx) {
11576
12062
  let shapes2;
11577
12063
  let current;
11578
12064
  shapes2 = new Shapes_default({
@@ -11583,7 +12069,7 @@ function create_if_block_8(ctx) {
11583
12069
  ),
11584
12070
  appliance: (
11585
12071
  /*appliance*/
11586
- ctx[18]
12072
+ ctx[17]
11587
12073
  ),
11588
12074
  theme: (
11589
12075
  /*theme*/
@@ -11618,9 +12104,9 @@ function create_if_block_8(ctx) {
11618
12104
  shapes_changes.app = /*app*/
11619
12105
  ctx2[0];
11620
12106
  if (dirty[0] & /*appliance*/
11621
- 262144)
12107
+ 131072)
11622
12108
  shapes_changes.appliance = /*appliance*/
11623
- ctx2[18];
12109
+ ctx2[17];
11624
12110
  if (dirty[0] & /*theme*/
11625
12111
  2)
11626
12112
  shapes_changes.theme = /*theme*/
@@ -11654,14 +12140,14 @@ function create_if_block_8(ctx) {
11654
12140
  }
11655
12141
  };
11656
12142
  }
11657
- function create_if_block_7(ctx) {
12143
+ function create_if_block_122(ctx) {
11658
12144
  let text_1;
11659
12145
  let current;
11660
12146
  text_1 = new Text_default2({
11661
12147
  props: {
11662
12148
  appliance: (
11663
12149
  /*appliance*/
11664
- ctx[18]
12150
+ ctx[17]
11665
12151
  ),
11666
12152
  theme: (
11667
12153
  /*theme*/
@@ -11697,9 +12183,9 @@ function create_if_block_7(ctx) {
11697
12183
  p(ctx2, dirty) {
11698
12184
  const text_1_changes = {};
11699
12185
  if (dirty[0] & /*appliance*/
11700
- 262144)
12186
+ 131072)
11701
12187
  text_1_changes.appliance = /*appliance*/
11702
- ctx2[18];
12188
+ ctx2[17];
11703
12189
  if (dirty[0] & /*theme*/
11704
12190
  2)
11705
12191
  text_1_changes.theme = /*theme*/
@@ -11733,18 +12219,18 @@ function create_if_block_7(ctx) {
11733
12219
  }
11734
12220
  };
11735
12221
  }
11736
- function create_if_block_6(ctx) {
12222
+ function create_if_block_11(ctx) {
11737
12223
  let pencil_1;
11738
12224
  let current;
11739
12225
  pencil_1 = new Pencil_default2({
11740
12226
  props: {
11741
- hasUseLaserPen: (
11742
- /*hasUseLaserPen*/
12227
+ pencilType: (
12228
+ /*pencilType*/
11743
12229
  ctx[16]
11744
12230
  ),
11745
12231
  appliance: (
11746
12232
  /*appliance*/
11747
- ctx[18]
12233
+ ctx[17]
11748
12234
  ),
11749
12235
  theme: (
11750
12236
  /*theme*/
@@ -11779,14 +12265,14 @@ function create_if_block_6(ctx) {
11779
12265
  },
11780
12266
  p(ctx2, dirty) {
11781
12267
  const pencil_1_changes = {};
11782
- if (dirty[0] & /*hasUseLaserPen*/
12268
+ if (dirty[0] & /*pencilType*/
11783
12269
  65536)
11784
- pencil_1_changes.hasUseLaserPen = /*hasUseLaserPen*/
12270
+ pencil_1_changes.pencilType = /*pencilType*/
11785
12271
  ctx2[16];
11786
12272
  if (dirty[0] & /*appliance*/
11787
- 262144)
12273
+ 131072)
11788
12274
  pencil_1_changes.appliance = /*appliance*/
11789
- ctx2[18];
12275
+ ctx2[17];
11790
12276
  if (dirty[0] & /*theme*/
11791
12277
  2)
11792
12278
  pencil_1_changes.theme = /*theme*/
@@ -11820,14 +12306,14 @@ function create_if_block_6(ctx) {
11820
12306
  }
11821
12307
  };
11822
12308
  }
11823
- function create_if_block_5(ctx) {
12309
+ function create_if_block_10(ctx) {
11824
12310
  let selector_1;
11825
12311
  let current;
11826
12312
  selector_1 = new Selector_default2({
11827
12313
  props: {
11828
12314
  appliance: (
11829
12315
  /*appliance*/
11830
- ctx[18]
12316
+ ctx[17]
11831
12317
  ),
11832
12318
  theme: (
11833
12319
  /*theme*/
@@ -11859,9 +12345,9 @@ function create_if_block_5(ctx) {
11859
12345
  p(ctx2, dirty) {
11860
12346
  const selector_1_changes = {};
11861
12347
  if (dirty[0] & /*appliance*/
11862
- 262144)
12348
+ 131072)
11863
12349
  selector_1_changes.appliance = /*appliance*/
11864
- ctx2[18];
12350
+ ctx2[17];
11865
12351
  if (dirty[0] & /*theme*/
11866
12352
  2)
11867
12353
  selector_1_changes.theme = /*theme*/
@@ -11891,14 +12377,14 @@ function create_if_block_5(ctx) {
11891
12377
  }
11892
12378
  };
11893
12379
  }
11894
- function create_if_block_4(ctx) {
12380
+ function create_if_block_9(ctx) {
11895
12381
  let clicker_1;
11896
12382
  let current;
11897
12383
  clicker_1 = new Clicker_default({
11898
12384
  props: {
11899
12385
  appliance: (
11900
12386
  /*appliance*/
11901
- ctx[18]
12387
+ ctx[17]
11902
12388
  ),
11903
12389
  theme: (
11904
12390
  /*theme*/
@@ -11930,9 +12416,9 @@ function create_if_block_4(ctx) {
11930
12416
  p(ctx2, dirty) {
11931
12417
  const clicker_1_changes = {};
11932
12418
  if (dirty[0] & /*appliance*/
11933
- 262144)
12419
+ 131072)
11934
12420
  clicker_1_changes.appliance = /*appliance*/
11935
- ctx2[18];
12421
+ ctx2[17];
11936
12422
  if (dirty[0] & /*theme*/
11937
12423
  2)
11938
12424
  clicker_1_changes.theme = /*theme*/
@@ -11968,61 +12454,61 @@ function create_each_block_1(ctx) {
11968
12454
  let if_block_anchor;
11969
12455
  let current;
11970
12456
  const if_block_creators = [
11971
- create_if_block_4,
11972
- create_if_block_5,
11973
- create_if_block_6,
11974
- create_if_block_7,
11975
- create_if_block_8,
11976
12457
  create_if_block_9,
11977
12458
  create_if_block_10,
11978
12459
  create_if_block_11,
11979
- create_if_block_122
12460
+ create_if_block_122,
12461
+ create_if_block_13,
12462
+ create_if_block_14,
12463
+ create_if_block_15,
12464
+ create_if_block_16,
12465
+ create_if_block_17
11980
12466
  ];
11981
12467
  const if_blocks = [];
11982
12468
  function select_block_type(ctx2, dirty) {
11983
12469
  if (
11984
12470
  /*item*/
11985
- ctx2[56] === "clicker"
12471
+ ctx2[60] === "clicker"
11986
12472
  )
11987
12473
  return 0;
11988
12474
  if (
11989
12475
  /*item*/
11990
- ctx2[56] === "selector"
12476
+ ctx2[60] === "selector"
11991
12477
  )
11992
12478
  return 1;
11993
12479
  if (
11994
12480
  /*item*/
11995
- ctx2[56] === "pencil"
12481
+ ctx2[60] === "pencil"
11996
12482
  )
11997
12483
  return 2;
11998
12484
  if (
11999
12485
  /*item*/
12000
- ctx2[56] === "text"
12486
+ ctx2[60] === "text"
12001
12487
  )
12002
12488
  return 3;
12003
12489
  if (
12004
12490
  /*item*/
12005
- ctx2[56] === "shapes"
12491
+ ctx2[60] === "shapes"
12006
12492
  )
12007
12493
  return 4;
12008
12494
  if (
12009
12495
  /*item*/
12010
- ctx2[56] === "eraser"
12496
+ ctx2[60] === "eraser"
12011
12497
  )
12012
12498
  return 5;
12013
12499
  if (
12014
12500
  /*item*/
12015
- ctx2[56] === "clear"
12501
+ ctx2[60] === "clear"
12016
12502
  )
12017
12503
  return 6;
12018
12504
  if (
12019
12505
  /*item*/
12020
- ctx2[56] === "hand"
12506
+ ctx2[60] === "hand"
12021
12507
  )
12022
12508
  return 7;
12023
12509
  if (
12024
12510
  /*item*/
12025
- ctx2[56] === "laserPointer"
12511
+ ctx2[60] === "laserPointer"
12026
12512
  )
12027
12513
  return 8;
12028
12514
  return -1;
@@ -12092,7 +12578,7 @@ function create_each_block_1(ctx) {
12092
12578
  }
12093
12579
  };
12094
12580
  }
12095
- function create_if_block_3(ctx) {
12581
+ function create_if_block_8(ctx) {
12096
12582
  let button;
12097
12583
  let current;
12098
12584
  const button_spread_levels = [
@@ -12115,7 +12601,7 @@ function create_if_block_3(ctx) {
12115
12601
  }
12116
12602
  ];
12117
12603
  let button_props = {
12118
- $$slots: { default: [create_default_slot_53] },
12604
+ $$slots: { default: [create_default_slot_7] },
12119
12605
  $$scope: { ctx }
12120
12606
  };
12121
12607
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -12158,8 +12644,478 @@ function create_if_block_3(ctx) {
12158
12644
  }
12159
12645
  ]) : {};
12160
12646
  if (dirty[0] & /*theme*/
12161
- 2 | dirty[1] & /*$$scope*/
12162
- 268435456) {
12647
+ 2 | dirty[2] & /*$$scope*/
12648
+ 2) {
12649
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12650
+ }
12651
+ button.$set(button_changes);
12652
+ },
12653
+ i(local) {
12654
+ if (current)
12655
+ return;
12656
+ transition_in(button.$$.fragment, local);
12657
+ current = true;
12658
+ },
12659
+ o(local) {
12660
+ transition_out(button.$$.fragment, local);
12661
+ current = false;
12662
+ },
12663
+ d(detaching) {
12664
+ destroy_component(button, detaching);
12665
+ }
12666
+ };
12667
+ }
12668
+ function create_default_slot_7(ctx) {
12669
+ let icons_apps;
12670
+ let current;
12671
+ icons_apps = new Icons_default.Apps({ props: { theme: (
12672
+ /*theme*/
12673
+ ctx[1]
12674
+ ) } });
12675
+ return {
12676
+ c() {
12677
+ create_component(icons_apps.$$.fragment);
12678
+ },
12679
+ m(target, anchor) {
12680
+ mount_component(icons_apps, target, anchor);
12681
+ current = true;
12682
+ },
12683
+ p(ctx2, dirty) {
12684
+ const icons_apps_changes = {};
12685
+ if (dirty[0] & /*theme*/
12686
+ 2)
12687
+ icons_apps_changes.theme = /*theme*/
12688
+ ctx2[1];
12689
+ icons_apps.$set(icons_apps_changes);
12690
+ },
12691
+ i(local) {
12692
+ if (current)
12693
+ return;
12694
+ transition_in(icons_apps.$$.fragment, local);
12695
+ current = true;
12696
+ },
12697
+ o(local) {
12698
+ transition_out(icons_apps.$$.fragment, local);
12699
+ current = false;
12700
+ },
12701
+ d(detaching) {
12702
+ destroy_component(icons_apps, detaching);
12703
+ }
12704
+ };
12705
+ }
12706
+ function create_if_block_7(ctx) {
12707
+ let button;
12708
+ let current;
12709
+ button = new Button_default({
12710
+ props: {
12711
+ class: "scroll-down",
12712
+ name: name5,
12713
+ theme: (
12714
+ /*theme*/
12715
+ ctx[1]
12716
+ ),
12717
+ disabled: (
12718
+ /*disabled*/
12719
+ ctx[3]
12720
+ ),
12721
+ $$slots: { default: [create_default_slot_6] },
12722
+ $$scope: { ctx }
12723
+ }
12724
+ });
12725
+ button.$on(
12726
+ "click",
12727
+ /*scroll_down*/
12728
+ ctx[25]
12729
+ );
12730
+ return {
12731
+ c() {
12732
+ create_component(button.$$.fragment);
12733
+ },
12734
+ m(target, anchor) {
12735
+ mount_component(button, target, anchor);
12736
+ current = true;
12737
+ },
12738
+ p(ctx2, dirty) {
12739
+ const button_changes = {};
12740
+ if (dirty[0] & /*theme*/
12741
+ 2)
12742
+ button_changes.theme = /*theme*/
12743
+ ctx2[1];
12744
+ if (dirty[0] & /*disabled*/
12745
+ 8)
12746
+ button_changes.disabled = /*disabled*/
12747
+ ctx2[3];
12748
+ if (dirty[0] & /*theme*/
12749
+ 2 | dirty[2] & /*$$scope*/
12750
+ 2) {
12751
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12752
+ }
12753
+ button.$set(button_changes);
12754
+ },
12755
+ i(local) {
12756
+ if (current)
12757
+ return;
12758
+ transition_in(button.$$.fragment, local);
12759
+ current = true;
12760
+ },
12761
+ o(local) {
12762
+ transition_out(button.$$.fragment, local);
12763
+ current = false;
12764
+ },
12765
+ d(detaching) {
12766
+ destroy_component(button, detaching);
12767
+ }
12768
+ };
12769
+ }
12770
+ function create_default_slot_6(ctx) {
12771
+ let icons_down;
12772
+ let current;
12773
+ icons_down = new Icons_default.Down({ props: { theme: (
12774
+ /*theme*/
12775
+ ctx[1]
12776
+ ) } });
12777
+ return {
12778
+ c() {
12779
+ create_component(icons_down.$$.fragment);
12780
+ },
12781
+ m(target, anchor) {
12782
+ mount_component(icons_down, target, anchor);
12783
+ current = true;
12784
+ },
12785
+ p(ctx2, dirty) {
12786
+ const icons_down_changes = {};
12787
+ if (dirty[0] & /*theme*/
12788
+ 2)
12789
+ icons_down_changes.theme = /*theme*/
12790
+ ctx2[1];
12791
+ icons_down.$set(icons_down_changes);
12792
+ },
12793
+ i(local) {
12794
+ if (current)
12795
+ return;
12796
+ transition_in(icons_down.$$.fragment, local);
12797
+ current = true;
12798
+ },
12799
+ o(local) {
12800
+ transition_out(icons_down.$$.fragment, local);
12801
+ current = false;
12802
+ },
12803
+ d(detaching) {
12804
+ destroy_component(icons_down, detaching);
12805
+ }
12806
+ };
12807
+ }
12808
+ function create_if_block14(ctx) {
12809
+ let current_block_type_index;
12810
+ let if_block0;
12811
+ let t0;
12812
+ let current_block_type_index_1;
12813
+ let if_block1;
12814
+ let t1;
12815
+ let current_block_type_index_2;
12816
+ let if_block2;
12817
+ let if_block2_anchor;
12818
+ let current;
12819
+ const if_block_creators = [create_if_block_52, create_if_block_6];
12820
+ const if_blocks = [];
12821
+ function select_block_type_1(ctx2, dirty) {
12822
+ if (
12823
+ /*pencilType*/
12824
+ ctx2[16] !== "pencil"
12825
+ )
12826
+ return 0;
12827
+ if (
12828
+ /*pencilType*/
12829
+ ctx2[16] === "pencil"
12830
+ )
12831
+ return 1;
12832
+ return -1;
12833
+ }
12834
+ if (~(current_block_type_index = select_block_type_1(ctx))) {
12835
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
12836
+ }
12837
+ const if_block_creators_1 = [create_if_block_32, create_if_block_42];
12838
+ const if_blocks_1 = [];
12839
+ function select_block_type_2(ctx2, dirty) {
12840
+ if (
12841
+ /*pencilType*/
12842
+ ctx2[16] === "laser"
12843
+ )
12844
+ return 0;
12845
+ if (
12846
+ /*pencilType*/
12847
+ ctx2[16] !== "laser"
12848
+ )
12849
+ return 1;
12850
+ return -1;
12851
+ }
12852
+ if (~(current_block_type_index_1 = select_block_type_2(ctx))) {
12853
+ if_block1 = if_blocks_1[current_block_type_index_1] = if_block_creators_1[current_block_type_index_1](ctx);
12854
+ }
12855
+ const if_block_creators_2 = [create_if_block_19, create_if_block_22];
12856
+ const if_blocks_2 = [];
12857
+ function select_block_type_3(ctx2, dirty) {
12858
+ if (
12859
+ /*pencilType*/
12860
+ ctx2[16] === "mark"
12861
+ )
12862
+ return 0;
12863
+ if (
12864
+ /*pencilType*/
12865
+ ctx2[16] !== "mark"
12866
+ )
12867
+ return 1;
12868
+ return -1;
12869
+ }
12870
+ if (~(current_block_type_index_2 = select_block_type_3(ctx))) {
12871
+ if_block2 = if_blocks_2[current_block_type_index_2] = if_block_creators_2[current_block_type_index_2](ctx);
12872
+ }
12873
+ return {
12874
+ c() {
12875
+ if (if_block0)
12876
+ if_block0.c();
12877
+ t0 = space();
12878
+ if (if_block1)
12879
+ if_block1.c();
12880
+ t1 = space();
12881
+ if (if_block2)
12882
+ if_block2.c();
12883
+ if_block2_anchor = empty();
12884
+ },
12885
+ m(target, anchor) {
12886
+ if (~current_block_type_index) {
12887
+ if_blocks[current_block_type_index].m(target, anchor);
12888
+ }
12889
+ insert(target, t0, anchor);
12890
+ if (~current_block_type_index_1) {
12891
+ if_blocks_1[current_block_type_index_1].m(target, anchor);
12892
+ }
12893
+ insert(target, t1, anchor);
12894
+ if (~current_block_type_index_2) {
12895
+ if_blocks_2[current_block_type_index_2].m(target, anchor);
12896
+ }
12897
+ insert(target, if_block2_anchor, anchor);
12898
+ current = true;
12899
+ },
12900
+ p(ctx2, dirty) {
12901
+ let previous_block_index = current_block_type_index;
12902
+ current_block_type_index = select_block_type_1(ctx2);
12903
+ if (current_block_type_index === previous_block_index) {
12904
+ if (~current_block_type_index) {
12905
+ if_blocks[current_block_type_index].p(ctx2, dirty);
12906
+ }
12907
+ } else {
12908
+ if (if_block0) {
12909
+ group_outros();
12910
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
12911
+ if_blocks[previous_block_index] = null;
12912
+ });
12913
+ check_outros();
12914
+ }
12915
+ if (~current_block_type_index) {
12916
+ if_block0 = if_blocks[current_block_type_index];
12917
+ if (!if_block0) {
12918
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
12919
+ if_block0.c();
12920
+ } else {
12921
+ if_block0.p(ctx2, dirty);
12922
+ }
12923
+ transition_in(if_block0, 1);
12924
+ if_block0.m(t0.parentNode, t0);
12925
+ } else {
12926
+ if_block0 = null;
12927
+ }
12928
+ }
12929
+ let previous_block_index_1 = current_block_type_index_1;
12930
+ current_block_type_index_1 = select_block_type_2(ctx2);
12931
+ if (current_block_type_index_1 === previous_block_index_1) {
12932
+ if (~current_block_type_index_1) {
12933
+ if_blocks_1[current_block_type_index_1].p(ctx2, dirty);
12934
+ }
12935
+ } else {
12936
+ if (if_block1) {
12937
+ group_outros();
12938
+ transition_out(if_blocks_1[previous_block_index_1], 1, 1, () => {
12939
+ if_blocks_1[previous_block_index_1] = null;
12940
+ });
12941
+ check_outros();
12942
+ }
12943
+ if (~current_block_type_index_1) {
12944
+ if_block1 = if_blocks_1[current_block_type_index_1];
12945
+ if (!if_block1) {
12946
+ if_block1 = if_blocks_1[current_block_type_index_1] = if_block_creators_1[current_block_type_index_1](ctx2);
12947
+ if_block1.c();
12948
+ } else {
12949
+ if_block1.p(ctx2, dirty);
12950
+ }
12951
+ transition_in(if_block1, 1);
12952
+ if_block1.m(t1.parentNode, t1);
12953
+ } else {
12954
+ if_block1 = null;
12955
+ }
12956
+ }
12957
+ let previous_block_index_2 = current_block_type_index_2;
12958
+ current_block_type_index_2 = select_block_type_3(ctx2);
12959
+ if (current_block_type_index_2 === previous_block_index_2) {
12960
+ if (~current_block_type_index_2) {
12961
+ if_blocks_2[current_block_type_index_2].p(ctx2, dirty);
12962
+ }
12963
+ } else {
12964
+ if (if_block2) {
12965
+ group_outros();
12966
+ transition_out(if_blocks_2[previous_block_index_2], 1, 1, () => {
12967
+ if_blocks_2[previous_block_index_2] = null;
12968
+ });
12969
+ check_outros();
12970
+ }
12971
+ if (~current_block_type_index_2) {
12972
+ if_block2 = if_blocks_2[current_block_type_index_2];
12973
+ if (!if_block2) {
12974
+ if_block2 = if_blocks_2[current_block_type_index_2] = if_block_creators_2[current_block_type_index_2](ctx2);
12975
+ if_block2.c();
12976
+ } else {
12977
+ if_block2.p(ctx2, dirty);
12978
+ }
12979
+ transition_in(if_block2, 1);
12980
+ if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
12981
+ } else {
12982
+ if_block2 = null;
12983
+ }
12984
+ }
12985
+ },
12986
+ i(local) {
12987
+ if (current)
12988
+ return;
12989
+ transition_in(if_block0);
12990
+ transition_in(if_block1);
12991
+ transition_in(if_block2);
12992
+ current = true;
12993
+ },
12994
+ o(local) {
12995
+ transition_out(if_block0);
12996
+ transition_out(if_block1);
12997
+ transition_out(if_block2);
12998
+ current = false;
12999
+ },
13000
+ d(detaching) {
13001
+ if (~current_block_type_index) {
13002
+ if_blocks[current_block_type_index].d(detaching);
13003
+ }
13004
+ if (detaching)
13005
+ detach(t0);
13006
+ if (~current_block_type_index_1) {
13007
+ if_blocks_1[current_block_type_index_1].d(detaching);
13008
+ }
13009
+ if (detaching)
13010
+ detach(t1);
13011
+ if (~current_block_type_index_2) {
13012
+ if_blocks_2[current_block_type_index_2].d(detaching);
13013
+ }
13014
+ if (detaching)
13015
+ detach(if_block2_anchor);
13016
+ }
13017
+ };
13018
+ }
13019
+ function create_if_block_6(ctx) {
13020
+ let button;
13021
+ let current;
13022
+ const button_spread_levels = [
13023
+ { class: name5 + "-panel-switch-btn" },
13024
+ /*btn_props*/
13025
+ ctx[15]
13026
+ ];
13027
+ let button_props = {
13028
+ $$slots: { default: [create_default_slot_53] },
13029
+ $$scope: { ctx }
13030
+ };
13031
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13032
+ button_props = assign(button_props, button_spread_levels[i]);
13033
+ }
13034
+ button = new Button_default({ props: button_props });
13035
+ return {
13036
+ c() {
13037
+ create_component(button.$$.fragment);
13038
+ },
13039
+ m(target, anchor) {
13040
+ mount_component(button, target, anchor);
13041
+ current = true;
13042
+ },
13043
+ p(ctx2, dirty) {
13044
+ const button_changes = dirty[0] & /*btn_props*/
13045
+ 32768 ? get_spread_update(button_spread_levels, [
13046
+ dirty & /*name*/
13047
+ 0 && { class: name5 + "-panel-switch-btn" },
13048
+ dirty[0] & /*btn_props*/
13049
+ 32768 && get_spread_object(
13050
+ /*btn_props*/
13051
+ ctx2[15]
13052
+ )
13053
+ ]) : {};
13054
+ if (dirty[0] & /*theme*/
13055
+ 2 | dirty[2] & /*$$scope*/
13056
+ 2) {
13057
+ button_changes.$$scope = { dirty, ctx: ctx2 };
13058
+ }
13059
+ button.$set(button_changes);
13060
+ },
13061
+ i(local) {
13062
+ if (current)
13063
+ return;
13064
+ transition_in(button.$$.fragment, local);
13065
+ current = true;
13066
+ },
13067
+ o(local) {
13068
+ transition_out(button.$$.fragment, local);
13069
+ current = false;
13070
+ },
13071
+ d(detaching) {
13072
+ destroy_component(button, detaching);
13073
+ }
13074
+ };
13075
+ }
13076
+ function create_if_block_52(ctx) {
13077
+ let button;
13078
+ let current;
13079
+ const button_spread_levels = [
13080
+ { class: name5 + "-panel-switch-btn" },
13081
+ /*btn_props*/
13082
+ ctx[15]
13083
+ ];
13084
+ let button_props = {
13085
+ $$slots: { default: [create_default_slot_43] },
13086
+ $$scope: { ctx }
13087
+ };
13088
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13089
+ button_props = assign(button_props, button_spread_levels[i]);
13090
+ }
13091
+ button = new Button_default({ props: button_props });
13092
+ button.$on(
13093
+ "click",
13094
+ /*usePencil*/
13095
+ ctx[34]
13096
+ );
13097
+ return {
13098
+ c() {
13099
+ create_component(button.$$.fragment);
13100
+ },
13101
+ m(target, anchor) {
13102
+ mount_component(button, target, anchor);
13103
+ current = true;
13104
+ },
13105
+ p(ctx2, dirty) {
13106
+ const button_changes = dirty[0] & /*btn_props*/
13107
+ 32768 ? get_spread_update(button_spread_levels, [
13108
+ dirty & /*name*/
13109
+ 0 && { class: name5 + "-panel-switch-btn" },
13110
+ dirty[0] & /*btn_props*/
13111
+ 32768 && get_spread_object(
13112
+ /*btn_props*/
13113
+ ctx2[15]
13114
+ )
13115
+ ]) : {};
13116
+ if (dirty[0] & /*theme*/
13117
+ 2 | dirty[2] & /*$$scope*/
13118
+ 2) {
12163
13119
  button_changes.$$scope = { dirty, ctx: ctx2 };
12164
13120
  }
12165
13121
  button.$set(button_changes);
@@ -12180,212 +13136,115 @@ function create_if_block_3(ctx) {
12180
13136
  };
12181
13137
  }
12182
13138
  function create_default_slot_53(ctx) {
12183
- let icons_apps;
12184
- let current;
12185
- icons_apps = new Icons_default.Apps({ props: { theme: (
12186
- /*theme*/
12187
- ctx[1]
12188
- ) } });
12189
- return {
12190
- c() {
12191
- create_component(icons_apps.$$.fragment);
12192
- },
12193
- m(target, anchor) {
12194
- mount_component(icons_apps, target, anchor);
12195
- current = true;
12196
- },
12197
- p(ctx2, dirty) {
12198
- const icons_apps_changes = {};
12199
- if (dirty[0] & /*theme*/
12200
- 2)
12201
- icons_apps_changes.theme = /*theme*/
12202
- ctx2[1];
12203
- icons_apps.$set(icons_apps_changes);
12204
- },
12205
- i(local) {
12206
- if (current)
12207
- return;
12208
- transition_in(icons_apps.$$.fragment, local);
12209
- current = true;
12210
- },
12211
- o(local) {
12212
- transition_out(icons_apps.$$.fragment, local);
12213
- current = false;
12214
- },
12215
- d(detaching) {
12216
- destroy_component(icons_apps, detaching);
12217
- }
12218
- };
12219
- }
12220
- function create_if_block_2(ctx) {
12221
- let button;
13139
+ let icons_pencilfilled;
12222
13140
  let current;
12223
- button = new Button_default({
12224
- props: {
12225
- class: "scroll-down",
12226
- name: name5,
12227
- theme: (
12228
- /*theme*/
12229
- ctx[1]
12230
- ),
12231
- disabled: (
12232
- /*disabled*/
12233
- ctx[3]
12234
- ),
12235
- $$slots: { default: [create_default_slot_43] },
12236
- $$scope: { ctx }
12237
- }
13141
+ icons_pencilfilled = new Icons_default.PencilFilled({
13142
+ props: { theme: (
13143
+ /*theme*/
13144
+ ctx[1]
13145
+ ), active: true }
12238
13146
  });
12239
- button.$on(
12240
- "click",
12241
- /*scroll_down*/
12242
- ctx[25]
12243
- );
12244
13147
  return {
12245
13148
  c() {
12246
- create_component(button.$$.fragment);
13149
+ create_component(icons_pencilfilled.$$.fragment);
12247
13150
  },
12248
13151
  m(target, anchor) {
12249
- mount_component(button, target, anchor);
13152
+ mount_component(icons_pencilfilled, target, anchor);
12250
13153
  current = true;
12251
13154
  },
12252
13155
  p(ctx2, dirty) {
12253
- const button_changes = {};
13156
+ const icons_pencilfilled_changes = {};
12254
13157
  if (dirty[0] & /*theme*/
12255
13158
  2)
12256
- button_changes.theme = /*theme*/
13159
+ icons_pencilfilled_changes.theme = /*theme*/
12257
13160
  ctx2[1];
12258
- if (dirty[0] & /*disabled*/
12259
- 8)
12260
- button_changes.disabled = /*disabled*/
12261
- ctx2[3];
12262
- if (dirty[0] & /*theme*/
12263
- 2 | dirty[1] & /*$$scope*/
12264
- 268435456) {
12265
- button_changes.$$scope = { dirty, ctx: ctx2 };
12266
- }
12267
- button.$set(button_changes);
13161
+ icons_pencilfilled.$set(icons_pencilfilled_changes);
12268
13162
  },
12269
13163
  i(local) {
12270
13164
  if (current)
12271
13165
  return;
12272
- transition_in(button.$$.fragment, local);
13166
+ transition_in(icons_pencilfilled.$$.fragment, local);
12273
13167
  current = true;
12274
13168
  },
12275
13169
  o(local) {
12276
- transition_out(button.$$.fragment, local);
13170
+ transition_out(icons_pencilfilled.$$.fragment, local);
12277
13171
  current = false;
12278
13172
  },
12279
13173
  d(detaching) {
12280
- destroy_component(button, detaching);
13174
+ destroy_component(icons_pencilfilled, detaching);
12281
13175
  }
12282
13176
  };
12283
13177
  }
12284
13178
  function create_default_slot_43(ctx) {
12285
- let icons_down;
13179
+ let icons_pencil;
12286
13180
  let current;
12287
- icons_down = new Icons_default.Down({ props: { theme: (
13181
+ icons_pencil = new Icons_default.Pencil({ props: { theme: (
12288
13182
  /*theme*/
12289
13183
  ctx[1]
12290
13184
  ) } });
12291
13185
  return {
12292
13186
  c() {
12293
- create_component(icons_down.$$.fragment);
13187
+ create_component(icons_pencil.$$.fragment);
12294
13188
  },
12295
13189
  m(target, anchor) {
12296
- mount_component(icons_down, target, anchor);
13190
+ mount_component(icons_pencil, target, anchor);
12297
13191
  current = true;
12298
13192
  },
12299
13193
  p(ctx2, dirty) {
12300
- const icons_down_changes = {};
13194
+ const icons_pencil_changes = {};
12301
13195
  if (dirty[0] & /*theme*/
12302
13196
  2)
12303
- icons_down_changes.theme = /*theme*/
13197
+ icons_pencil_changes.theme = /*theme*/
12304
13198
  ctx2[1];
12305
- icons_down.$set(icons_down_changes);
13199
+ icons_pencil.$set(icons_pencil_changes);
12306
13200
  },
12307
13201
  i(local) {
12308
13202
  if (current)
12309
13203
  return;
12310
- transition_in(icons_down.$$.fragment, local);
13204
+ transition_in(icons_pencil.$$.fragment, local);
12311
13205
  current = true;
12312
13206
  },
12313
13207
  o(local) {
12314
- transition_out(icons_down.$$.fragment, local);
13208
+ transition_out(icons_pencil.$$.fragment, local);
12315
13209
  current = false;
12316
13210
  },
12317
13211
  d(detaching) {
12318
- destroy_component(icons_down, detaching);
13212
+ destroy_component(icons_pencil, detaching);
12319
13213
  }
12320
13214
  };
12321
13215
  }
12322
- function create_if_block_14(ctx) {
12323
- let button0;
12324
- let t_1;
12325
- let button1;
13216
+ function create_if_block_42(ctx) {
13217
+ let button;
12326
13218
  let current;
12327
- const button0_spread_levels = [
13219
+ const button_spread_levels = [
12328
13220
  { class: name5 + "-panel-switch-btn" },
12329
13221
  /*btn_props*/
12330
13222
  ctx[15]
12331
13223
  ];
12332
- let button0_props = {
13224
+ let button_props = {
12333
13225
  $$slots: { default: [create_default_slot_34] },
12334
13226
  $$scope: { ctx }
12335
13227
  };
12336
- for (let i = 0; i < button0_spread_levels.length; i += 1) {
12337
- button0_props = assign(button0_props, button0_spread_levels[i]);
12338
- }
12339
- button0 = new Button_default({ props: button0_props });
12340
- const button1_spread_levels = [
12341
- { class: name5 + "-panel-switch-btn" },
12342
- /*btn_props*/
12343
- ctx[15]
12344
- ];
12345
- let button1_props = {
12346
- $$slots: { default: [create_default_slot_24] },
12347
- $$scope: { ctx }
12348
- };
12349
- for (let i = 0; i < button1_spread_levels.length; i += 1) {
12350
- button1_props = assign(button1_props, button1_spread_levels[i]);
13228
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13229
+ button_props = assign(button_props, button_spread_levels[i]);
12351
13230
  }
12352
- button1 = new Button_default({ props: button1_props });
12353
- button1.$on(
13231
+ button = new Button_default({ props: button_props });
13232
+ button.$on(
12354
13233
  "click",
12355
13234
  /*useLaserPen*/
12356
- ctx[34]
13235
+ ctx[35]
12357
13236
  );
12358
13237
  return {
12359
13238
  c() {
12360
- create_component(button0.$$.fragment);
12361
- t_1 = space();
12362
- create_component(button1.$$.fragment);
13239
+ create_component(button.$$.fragment);
12363
13240
  },
12364
13241
  m(target, anchor) {
12365
- mount_component(button0, target, anchor);
12366
- insert(target, t_1, anchor);
12367
- mount_component(button1, target, anchor);
13242
+ mount_component(button, target, anchor);
12368
13243
  current = true;
12369
13244
  },
12370
13245
  p(ctx2, dirty) {
12371
- const button0_changes = dirty[0] & /*btn_props*/
12372
- 32768 ? get_spread_update(button0_spread_levels, [
12373
- dirty & /*name*/
12374
- 0 && { class: name5 + "-panel-switch-btn" },
12375
- dirty[0] & /*btn_props*/
12376
- 32768 && get_spread_object(
12377
- /*btn_props*/
12378
- ctx2[15]
12379
- )
12380
- ]) : {};
12381
- if (dirty[0] & /*theme*/
12382
- 2 | dirty[1] & /*$$scope*/
12383
- 268435456) {
12384
- button0_changes.$$scope = { dirty, ctx: ctx2 };
12385
- }
12386
- button0.$set(button0_changes);
12387
- const button1_changes = dirty[0] & /*btn_props*/
12388
- 32768 ? get_spread_update(button1_spread_levels, [
13246
+ const button_changes = dirty[0] & /*btn_props*/
13247
+ 32768 ? get_spread_update(button_spread_levels, [
12389
13248
  dirty & /*name*/
12390
13249
  0 && { class: name5 + "-panel-switch-btn" },
12391
13250
  dirty[0] & /*btn_props*/
@@ -12395,83 +13254,54 @@ function create_if_block_14(ctx) {
12395
13254
  )
12396
13255
  ]) : {};
12397
13256
  if (dirty[0] & /*theme*/
12398
- 2 | dirty[1] & /*$$scope*/
12399
- 268435456) {
12400
- button1_changes.$$scope = { dirty, ctx: ctx2 };
13257
+ 2 | dirty[2] & /*$$scope*/
13258
+ 2) {
13259
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12401
13260
  }
12402
- button1.$set(button1_changes);
13261
+ button.$set(button_changes);
12403
13262
  },
12404
13263
  i(local) {
12405
13264
  if (current)
12406
13265
  return;
12407
- transition_in(button0.$$.fragment, local);
12408
- transition_in(button1.$$.fragment, local);
13266
+ transition_in(button.$$.fragment, local);
12409
13267
  current = true;
12410
13268
  },
12411
13269
  o(local) {
12412
- transition_out(button0.$$.fragment, local);
12413
- transition_out(button1.$$.fragment, local);
13270
+ transition_out(button.$$.fragment, local);
12414
13271
  current = false;
12415
13272
  },
12416
13273
  d(detaching) {
12417
- destroy_component(button0, detaching);
12418
- if (detaching)
12419
- detach(t_1);
12420
- destroy_component(button1, detaching);
13274
+ destroy_component(button, detaching);
12421
13275
  }
12422
13276
  };
12423
13277
  }
12424
- function create_if_block14(ctx) {
12425
- let button0;
12426
- let t_1;
12427
- let button1;
13278
+ function create_if_block_32(ctx) {
13279
+ let button;
12428
13280
  let current;
12429
- const button0_spread_levels = [
12430
- { class: name5 + "-panel-switch-btn" },
12431
- /*btn_props*/
12432
- ctx[15]
12433
- ];
12434
- let button0_props = {
12435
- $$slots: { default: [create_default_slot_14] },
12436
- $$scope: { ctx }
12437
- };
12438
- for (let i = 0; i < button0_spread_levels.length; i += 1) {
12439
- button0_props = assign(button0_props, button0_spread_levels[i]);
12440
- }
12441
- button0 = new Button_default({ props: button0_props });
12442
- button0.$on(
12443
- "click",
12444
- /*pencil*/
12445
- ctx[28]
12446
- );
12447
- const button1_spread_levels = [
13281
+ const button_spread_levels = [
12448
13282
  { class: name5 + "-panel-switch-btn" },
12449
13283
  /*btn_props*/
12450
13284
  ctx[15]
12451
13285
  ];
12452
- let button1_props = {
12453
- $$slots: { default: [create_default_slot13] },
13286
+ let button_props = {
13287
+ $$slots: { default: [create_default_slot_24] },
12454
13288
  $$scope: { ctx }
12455
13289
  };
12456
- for (let i = 0; i < button1_spread_levels.length; i += 1) {
12457
- button1_props = assign(button1_props, button1_spread_levels[i]);
13290
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13291
+ button_props = assign(button_props, button_spread_levels[i]);
12458
13292
  }
12459
- button1 = new Button_default({ props: button1_props });
13293
+ button = new Button_default({ props: button_props });
12460
13294
  return {
12461
13295
  c() {
12462
- create_component(button0.$$.fragment);
12463
- t_1 = space();
12464
- create_component(button1.$$.fragment);
13296
+ create_component(button.$$.fragment);
12465
13297
  },
12466
13298
  m(target, anchor) {
12467
- mount_component(button0, target, anchor);
12468
- insert(target, t_1, anchor);
12469
- mount_component(button1, target, anchor);
13299
+ mount_component(button, target, anchor);
12470
13300
  current = true;
12471
13301
  },
12472
13302
  p(ctx2, dirty) {
12473
- const button0_changes = dirty[0] & /*btn_props*/
12474
- 32768 ? get_spread_update(button0_spread_levels, [
13303
+ const button_changes = dirty[0] & /*btn_props*/
13304
+ 32768 ? get_spread_update(button_spread_levels, [
12475
13305
  dirty & /*name*/
12476
13306
  0 && { class: name5 + "-panel-switch-btn" },
12477
13307
  dirty[0] & /*btn_props*/
@@ -12481,52 +13311,69 @@ function create_if_block14(ctx) {
12481
13311
  )
12482
13312
  ]) : {};
12483
13313
  if (dirty[0] & /*theme*/
12484
- 2 | dirty[1] & /*$$scope*/
12485
- 268435456) {
12486
- button0_changes.$$scope = { dirty, ctx: ctx2 };
13314
+ 2 | dirty[2] & /*$$scope*/
13315
+ 2) {
13316
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12487
13317
  }
12488
- button0.$set(button0_changes);
12489
- const button1_changes = dirty[0] & /*btn_props*/
12490
- 32768 ? get_spread_update(button1_spread_levels, [
12491
- dirty & /*name*/
12492
- 0 && { class: name5 + "-panel-switch-btn" },
12493
- dirty[0] & /*btn_props*/
12494
- 32768 && get_spread_object(
12495
- /*btn_props*/
12496
- ctx2[15]
12497
- )
12498
- ]) : {};
13318
+ button.$set(button_changes);
13319
+ },
13320
+ i(local) {
13321
+ if (current)
13322
+ return;
13323
+ transition_in(button.$$.fragment, local);
13324
+ current = true;
13325
+ },
13326
+ o(local) {
13327
+ transition_out(button.$$.fragment, local);
13328
+ current = false;
13329
+ },
13330
+ d(detaching) {
13331
+ destroy_component(button, detaching);
13332
+ }
13333
+ };
13334
+ }
13335
+ function create_default_slot_34(ctx) {
13336
+ let icons_laserpen;
13337
+ let current;
13338
+ icons_laserpen = new Icons_default.LaserPen({ props: { theme: (
13339
+ /*theme*/
13340
+ ctx[1]
13341
+ ) } });
13342
+ return {
13343
+ c() {
13344
+ create_component(icons_laserpen.$$.fragment);
13345
+ },
13346
+ m(target, anchor) {
13347
+ mount_component(icons_laserpen, target, anchor);
13348
+ current = true;
13349
+ },
13350
+ p(ctx2, dirty) {
13351
+ const icons_laserpen_changes = {};
12499
13352
  if (dirty[0] & /*theme*/
12500
- 2 | dirty[1] & /*$$scope*/
12501
- 268435456) {
12502
- button1_changes.$$scope = { dirty, ctx: ctx2 };
12503
- }
12504
- button1.$set(button1_changes);
13353
+ 2)
13354
+ icons_laserpen_changes.theme = /*theme*/
13355
+ ctx2[1];
13356
+ icons_laserpen.$set(icons_laserpen_changes);
12505
13357
  },
12506
13358
  i(local) {
12507
13359
  if (current)
12508
13360
  return;
12509
- transition_in(button0.$$.fragment, local);
12510
- transition_in(button1.$$.fragment, local);
13361
+ transition_in(icons_laserpen.$$.fragment, local);
12511
13362
  current = true;
12512
13363
  },
12513
13364
  o(local) {
12514
- transition_out(button0.$$.fragment, local);
12515
- transition_out(button1.$$.fragment, local);
13365
+ transition_out(icons_laserpen.$$.fragment, local);
12516
13366
  current = false;
12517
13367
  },
12518
13368
  d(detaching) {
12519
- destroy_component(button0, detaching);
12520
- if (detaching)
12521
- detach(t_1);
12522
- destroy_component(button1, detaching);
13369
+ destroy_component(icons_laserpen, detaching);
12523
13370
  }
12524
13371
  };
12525
13372
  }
12526
- function create_default_slot_34(ctx) {
12527
- let icons_pencilfilled;
13373
+ function create_default_slot_24(ctx) {
13374
+ let icons_laserpenfilled;
12528
13375
  let current;
12529
- icons_pencilfilled = new Icons_default.PencilFilled({
13376
+ icons_laserpenfilled = new Icons_default.LaserPenFilled({
12530
13377
  props: { theme: (
12531
13378
  /*theme*/
12532
13379
  ctx[1]
@@ -12534,115 +13381,196 @@ function create_default_slot_34(ctx) {
12534
13381
  });
12535
13382
  return {
12536
13383
  c() {
12537
- create_component(icons_pencilfilled.$$.fragment);
13384
+ create_component(icons_laserpenfilled.$$.fragment);
12538
13385
  },
12539
13386
  m(target, anchor) {
12540
- mount_component(icons_pencilfilled, target, anchor);
13387
+ mount_component(icons_laserpenfilled, target, anchor);
12541
13388
  current = true;
12542
13389
  },
12543
13390
  p(ctx2, dirty) {
12544
- const icons_pencilfilled_changes = {};
13391
+ const icons_laserpenfilled_changes = {};
12545
13392
  if (dirty[0] & /*theme*/
12546
13393
  2)
12547
- icons_pencilfilled_changes.theme = /*theme*/
13394
+ icons_laserpenfilled_changes.theme = /*theme*/
12548
13395
  ctx2[1];
12549
- icons_pencilfilled.$set(icons_pencilfilled_changes);
13396
+ icons_laserpenfilled.$set(icons_laserpenfilled_changes);
12550
13397
  },
12551
13398
  i(local) {
12552
13399
  if (current)
12553
13400
  return;
12554
- transition_in(icons_pencilfilled.$$.fragment, local);
13401
+ transition_in(icons_laserpenfilled.$$.fragment, local);
12555
13402
  current = true;
12556
13403
  },
12557
13404
  o(local) {
12558
- transition_out(icons_pencilfilled.$$.fragment, local);
13405
+ transition_out(icons_laserpenfilled.$$.fragment, local);
12559
13406
  current = false;
12560
13407
  },
12561
13408
  d(detaching) {
12562
- destroy_component(icons_pencilfilled, detaching);
13409
+ destroy_component(icons_laserpenfilled, detaching);
12563
13410
  }
12564
13411
  };
12565
13412
  }
12566
- function create_default_slot_24(ctx) {
12567
- let icons_laserpen;
13413
+ function create_if_block_22(ctx) {
13414
+ let button;
12568
13415
  let current;
12569
- icons_laserpen = new Icons_default.LaserPen({ props: { theme: (
12570
- /*theme*/
12571
- ctx[1]
12572
- ) } });
13416
+ const button_spread_levels = [
13417
+ { class: name5 + "-panel-switch-btn" },
13418
+ /*btn_props*/
13419
+ ctx[15]
13420
+ ];
13421
+ let button_props = {
13422
+ $$slots: { default: [create_default_slot_14] },
13423
+ $$scope: { ctx }
13424
+ };
13425
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13426
+ button_props = assign(button_props, button_spread_levels[i]);
13427
+ }
13428
+ button = new Button_default({ props: button_props });
13429
+ button.$on(
13430
+ "click",
13431
+ /*useMarkPen*/
13432
+ ctx[36]
13433
+ );
12573
13434
  return {
12574
13435
  c() {
12575
- create_component(icons_laserpen.$$.fragment);
13436
+ create_component(button.$$.fragment);
12576
13437
  },
12577
13438
  m(target, anchor) {
12578
- mount_component(icons_laserpen, target, anchor);
13439
+ mount_component(button, target, anchor);
12579
13440
  current = true;
12580
13441
  },
12581
13442
  p(ctx2, dirty) {
12582
- const icons_laserpen_changes = {};
13443
+ const button_changes = dirty[0] & /*btn_props*/
13444
+ 32768 ? get_spread_update(button_spread_levels, [
13445
+ dirty & /*name*/
13446
+ 0 && { class: name5 + "-panel-switch-btn" },
13447
+ dirty[0] & /*btn_props*/
13448
+ 32768 && get_spread_object(
13449
+ /*btn_props*/
13450
+ ctx2[15]
13451
+ )
13452
+ ]) : {};
12583
13453
  if (dirty[0] & /*theme*/
12584
- 2)
12585
- icons_laserpen_changes.theme = /*theme*/
12586
- ctx2[1];
12587
- icons_laserpen.$set(icons_laserpen_changes);
13454
+ 2 | dirty[2] & /*$$scope*/
13455
+ 2) {
13456
+ button_changes.$$scope = { dirty, ctx: ctx2 };
13457
+ }
13458
+ button.$set(button_changes);
12588
13459
  },
12589
13460
  i(local) {
12590
13461
  if (current)
12591
13462
  return;
12592
- transition_in(icons_laserpen.$$.fragment, local);
13463
+ transition_in(button.$$.fragment, local);
12593
13464
  current = true;
12594
13465
  },
12595
13466
  o(local) {
12596
- transition_out(icons_laserpen.$$.fragment, local);
13467
+ transition_out(button.$$.fragment, local);
12597
13468
  current = false;
12598
13469
  },
12599
13470
  d(detaching) {
12600
- destroy_component(icons_laserpen, detaching);
13471
+ destroy_component(button, detaching);
13472
+ }
13473
+ };
13474
+ }
13475
+ function create_if_block_19(ctx) {
13476
+ let button;
13477
+ let current;
13478
+ const button_spread_levels = [
13479
+ { class: name5 + "-panel-switch-btn" },
13480
+ /*btn_props*/
13481
+ ctx[15]
13482
+ ];
13483
+ let button_props = {
13484
+ $$slots: { default: [create_default_slot13] },
13485
+ $$scope: { ctx }
13486
+ };
13487
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13488
+ button_props = assign(button_props, button_spread_levels[i]);
13489
+ }
13490
+ button = new Button_default({ props: button_props });
13491
+ return {
13492
+ c() {
13493
+ create_component(button.$$.fragment);
13494
+ },
13495
+ m(target, anchor) {
13496
+ mount_component(button, target, anchor);
13497
+ current = true;
13498
+ },
13499
+ p(ctx2, dirty) {
13500
+ const button_changes = dirty[0] & /*btn_props*/
13501
+ 32768 ? get_spread_update(button_spread_levels, [
13502
+ dirty & /*name*/
13503
+ 0 && { class: name5 + "-panel-switch-btn" },
13504
+ dirty[0] & /*btn_props*/
13505
+ 32768 && get_spread_object(
13506
+ /*btn_props*/
13507
+ ctx2[15]
13508
+ )
13509
+ ]) : {};
13510
+ if (dirty[0] & /*theme*/
13511
+ 2 | dirty[2] & /*$$scope*/
13512
+ 2) {
13513
+ button_changes.$$scope = { dirty, ctx: ctx2 };
13514
+ }
13515
+ button.$set(button_changes);
13516
+ },
13517
+ i(local) {
13518
+ if (current)
13519
+ return;
13520
+ transition_in(button.$$.fragment, local);
13521
+ current = true;
13522
+ },
13523
+ o(local) {
13524
+ transition_out(button.$$.fragment, local);
13525
+ current = false;
13526
+ },
13527
+ d(detaching) {
13528
+ destroy_component(button, detaching);
12601
13529
  }
12602
13530
  };
12603
13531
  }
12604
13532
  function create_default_slot_14(ctx) {
12605
- let icons_pencil;
13533
+ let icons_markpen;
12606
13534
  let current;
12607
- icons_pencil = new Icons_default.Pencil({ props: { theme: (
13535
+ icons_markpen = new Icons_default.MarkPen({ props: { theme: (
12608
13536
  /*theme*/
12609
13537
  ctx[1]
12610
13538
  ) } });
12611
13539
  return {
12612
13540
  c() {
12613
- create_component(icons_pencil.$$.fragment);
13541
+ create_component(icons_markpen.$$.fragment);
12614
13542
  },
12615
13543
  m(target, anchor) {
12616
- mount_component(icons_pencil, target, anchor);
13544
+ mount_component(icons_markpen, target, anchor);
12617
13545
  current = true;
12618
13546
  },
12619
13547
  p(ctx2, dirty) {
12620
- const icons_pencil_changes = {};
13548
+ const icons_markpen_changes = {};
12621
13549
  if (dirty[0] & /*theme*/
12622
13550
  2)
12623
- icons_pencil_changes.theme = /*theme*/
13551
+ icons_markpen_changes.theme = /*theme*/
12624
13552
  ctx2[1];
12625
- icons_pencil.$set(icons_pencil_changes);
13553
+ icons_markpen.$set(icons_markpen_changes);
12626
13554
  },
12627
13555
  i(local) {
12628
13556
  if (current)
12629
13557
  return;
12630
- transition_in(icons_pencil.$$.fragment, local);
13558
+ transition_in(icons_markpen.$$.fragment, local);
12631
13559
  current = true;
12632
13560
  },
12633
13561
  o(local) {
12634
- transition_out(icons_pencil.$$.fragment, local);
13562
+ transition_out(icons_markpen.$$.fragment, local);
12635
13563
  current = false;
12636
13564
  },
12637
13565
  d(detaching) {
12638
- destroy_component(icons_pencil, detaching);
13566
+ destroy_component(icons_markpen, detaching);
12639
13567
  }
12640
13568
  };
12641
13569
  }
12642
13570
  function create_default_slot13(ctx) {
12643
- let icons_laserpenfilled;
13571
+ let icons_markpenfilled;
12644
13572
  let current;
12645
- icons_laserpenfilled = new Icons_default.LaserPenFilled({
13573
+ icons_markpenfilled = new Icons_default.MarkPenFilled({
12646
13574
  props: { theme: (
12647
13575
  /*theme*/
12648
13576
  ctx[1]
@@ -12650,32 +13578,32 @@ function create_default_slot13(ctx) {
12650
13578
  });
12651
13579
  return {
12652
13580
  c() {
12653
- create_component(icons_laserpenfilled.$$.fragment);
13581
+ create_component(icons_markpenfilled.$$.fragment);
12654
13582
  },
12655
13583
  m(target, anchor) {
12656
- mount_component(icons_laserpenfilled, target, anchor);
13584
+ mount_component(icons_markpenfilled, target, anchor);
12657
13585
  current = true;
12658
13586
  },
12659
13587
  p(ctx2, dirty) {
12660
- const icons_laserpenfilled_changes = {};
13588
+ const icons_markpenfilled_changes = {};
12661
13589
  if (dirty[0] & /*theme*/
12662
13590
  2)
12663
- icons_laserpenfilled_changes.theme = /*theme*/
13591
+ icons_markpenfilled_changes.theme = /*theme*/
12664
13592
  ctx2[1];
12665
- icons_laserpenfilled.$set(icons_laserpenfilled_changes);
13593
+ icons_markpenfilled.$set(icons_markpenfilled_changes);
12666
13594
  },
12667
13595
  i(local) {
12668
13596
  if (current)
12669
13597
  return;
12670
- transition_in(icons_laserpenfilled.$$.fragment, local);
13598
+ transition_in(icons_markpenfilled.$$.fragment, local);
12671
13599
  current = true;
12672
13600
  },
12673
13601
  o(local) {
12674
- transition_out(icons_laserpenfilled.$$.fragment, local);
13602
+ transition_out(icons_markpenfilled.$$.fragment, local);
12675
13603
  current = false;
12676
13604
  },
12677
13605
  d(detaching) {
12678
- destroy_component(icons_laserpenfilled, detaching);
13606
+ destroy_component(icons_markpenfilled, detaching);
12679
13607
  }
12680
13608
  };
12681
13609
  }
@@ -12690,7 +13618,7 @@ function create_each_block4(ctx) {
12690
13618
  let span;
12691
13619
  let t1_value = (
12692
13620
  /*label*/
12693
- ctx[49] + ""
13621
+ ctx[53] + ""
12694
13622
  );
12695
13623
  let t1;
12696
13624
  let span_class_value;
@@ -12712,40 +13640,40 @@ function create_each_block4(ctx) {
12712
13640
  attr(img, "class", img_class_value = name5 + "-app-btn-icon " + /*theme*/
12713
13641
  ctx[1]);
12714
13642
  if (!src_url_equal(img.src, img_src_value = /*icon*/
12715
- ctx[48]))
13643
+ ctx[52]))
12716
13644
  attr(img, "src", img_src_value);
12717
13645
  attr(img, "alt", img_alt_value = /*kind*/
12718
- ctx[50]);
13646
+ ctx[54]);
12719
13647
  attr(img, "title", img_title_value = /*label*/
12720
- ctx[49]);
13648
+ ctx[53]);
12721
13649
  attr(span, "class", span_class_value = name5 + "-app-btn-text " + /*theme*/
12722
13650
  ctx[1]);
12723
13651
  attr(button, "class", button_class_value = name5 + "-app-btn " + /*kind*/
12724
- ctx[50] + " " + /*theme*/
13652
+ ctx[54] + " " + /*theme*/
12725
13653
  ctx[1]);
12726
13654
  attr(button, "title", button_title_value = /*label*/
12727
- ctx[49] + /*state*/
12728
- (ctx[52] && /*state*/
12729
- ctx[52].reason ? ": " + /*state*/
12730
- ctx[52].reason : ""));
13655
+ ctx[53] + /*state*/
13656
+ (ctx[56] && /*state*/
13657
+ ctx[56].reason ? ": " + /*state*/
13658
+ ctx[56].reason : ""));
12731
13659
  attr(button, "data-app-kind", button_data_app_kind_value = /*netless_app*/
12732
- ctx[47].kind);
13660
+ ctx[51].kind);
12733
13661
  button.disabled = button_disabled_value = /*state*/
12734
- ctx[52] && /*state*/
12735
- ctx[52].status !== "idle";
13662
+ ctx[56] && /*state*/
13663
+ ctx[56].status !== "idle";
12736
13664
  toggle_class(
12737
13665
  button,
12738
13666
  "is-loading",
12739
13667
  /*state*/
12740
- ctx[52] && /*state*/
12741
- ctx[52].status === "loading"
13668
+ ctx[56] && /*state*/
13669
+ ctx[56].status === "loading"
12742
13670
  );
12743
13671
  toggle_class(
12744
13672
  button,
12745
13673
  "is-failed",
12746
13674
  /*state*/
12747
- ctx[52] && /*state*/
12748
- ctx[52].status === "failed"
13675
+ ctx[56] && /*state*/
13676
+ ctx[56].status === "failed"
12749
13677
  );
12750
13678
  },
12751
13679
  m(target, anchor) {
@@ -12759,9 +13687,9 @@ function create_each_block4(ctx) {
12759
13687
  dispose = listen(button, "click", function() {
12760
13688
  if (is_function(
12761
13689
  /*on_click*/
12762
- ctx[53]
13690
+ ctx[57]
12763
13691
  ))
12764
- ctx[53].apply(this, arguments);
13692
+ ctx[57].apply(this, arguments);
12765
13693
  });
12766
13694
  mounted = true;
12767
13695
  }
@@ -12775,22 +13703,22 @@ function create_each_block4(ctx) {
12775
13703
  }
12776
13704
  if (dirty[0] & /*$apps*/
12777
13705
  2097152 && !src_url_equal(img.src, img_src_value = /*icon*/
12778
- ctx[48])) {
13706
+ ctx[52])) {
12779
13707
  attr(img, "src", img_src_value);
12780
13708
  }
12781
13709
  if (dirty[0] & /*$apps*/
12782
13710
  2097152 && img_alt_value !== (img_alt_value = /*kind*/
12783
- ctx[50])) {
13711
+ ctx[54])) {
12784
13712
  attr(img, "alt", img_alt_value);
12785
13713
  }
12786
13714
  if (dirty[0] & /*$apps*/
12787
13715
  2097152 && img_title_value !== (img_title_value = /*label*/
12788
- ctx[49])) {
13716
+ ctx[53])) {
12789
13717
  attr(img, "title", img_title_value);
12790
13718
  }
12791
13719
  if (dirty[0] & /*$apps*/
12792
13720
  2097152 && t1_value !== (t1_value = /*label*/
12793
- ctx[49] + ""))
13721
+ ctx[53] + ""))
12794
13722
  set_data(t1, t1_value);
12795
13723
  if (dirty[0] & /*theme*/
12796
13724
  2 && span_class_value !== (span_class_value = name5 + "-app-btn-text " + /*theme*/
@@ -12799,27 +13727,27 @@ function create_each_block4(ctx) {
12799
13727
  }
12800
13728
  if (dirty[0] & /*$apps, theme*/
12801
13729
  2097154 && button_class_value !== (button_class_value = name5 + "-app-btn " + /*kind*/
12802
- ctx[50] + " " + /*theme*/
13730
+ ctx[54] + " " + /*theme*/
12803
13731
  ctx[1])) {
12804
13732
  attr(button, "class", button_class_value);
12805
13733
  }
12806
13734
  if (dirty[0] & /*$apps, $status*/
12807
13735
  6291456 && button_title_value !== (button_title_value = /*label*/
12808
- ctx[49] + /*state*/
12809
- (ctx[52] && /*state*/
12810
- ctx[52].reason ? ": " + /*state*/
12811
- ctx[52].reason : ""))) {
13736
+ ctx[53] + /*state*/
13737
+ (ctx[56] && /*state*/
13738
+ ctx[56].reason ? ": " + /*state*/
13739
+ ctx[56].reason : ""))) {
12812
13740
  attr(button, "title", button_title_value);
12813
13741
  }
12814
13742
  if (dirty[0] & /*$apps*/
12815
13743
  2097152 && button_data_app_kind_value !== (button_data_app_kind_value = /*netless_app*/
12816
- ctx[47].kind)) {
13744
+ ctx[51].kind)) {
12817
13745
  attr(button, "data-app-kind", button_data_app_kind_value);
12818
13746
  }
12819
13747
  if (dirty[0] & /*$status, $apps*/
12820
13748
  6291456 && button_disabled_value !== (button_disabled_value = /*state*/
12821
- ctx[52] && /*state*/
12822
- ctx[52].status !== "idle")) {
13749
+ ctx[56] && /*state*/
13750
+ ctx[56].status !== "idle")) {
12823
13751
  button.disabled = button_disabled_value;
12824
13752
  }
12825
13753
  if (dirty[0] & /*$apps, theme, $status, $apps*/
@@ -12828,8 +13756,8 @@ function create_each_block4(ctx) {
12828
13756
  button,
12829
13757
  "is-loading",
12830
13758
  /*state*/
12831
- ctx[52] && /*state*/
12832
- ctx[52].status === "loading"
13759
+ ctx[56] && /*state*/
13760
+ ctx[56].status === "loading"
12833
13761
  );
12834
13762
  }
12835
13763
  if (dirty[0] & /*$apps, theme, $status, $apps*/
@@ -12838,8 +13766,8 @@ function create_each_block4(ctx) {
12838
13766
  button,
12839
13767
  "is-failed",
12840
13768
  /*state*/
12841
- ctx[52] && /*state*/
12842
- ctx[52].status === "failed"
13769
+ ctx[56] && /*state*/
13770
+ ctx[56].status === "failed"
12843
13771
  );
12844
13772
  }
12845
13773
  },
@@ -12851,7 +13779,8 @@ function create_each_block4(ctx) {
12851
13779
  }
12852
13780
  };
12853
13781
  }
12854
- function create_fragment69(ctx) {
13782
+ function create_fragment71(ctx) {
13783
+ var _a;
12855
13784
  let t0;
12856
13785
  let div0;
12857
13786
  let t1;
@@ -12861,8 +13790,6 @@ function create_fragment69(ctx) {
12861
13790
  let div9;
12862
13791
  let div3;
12863
13792
  let div1;
12864
- let current_block_type_index;
12865
- let if_block3;
12866
13793
  let t4;
12867
13794
  let strokewidth0;
12868
13795
  let t5;
@@ -12890,7 +13817,7 @@ function create_fragment69(ctx) {
12890
13817
  let dispose;
12891
13818
  let if_block0 = (
12892
13819
  /*scrollable*/
12893
- ctx[5] && create_if_block_13(ctx)
13820
+ ctx[5] && create_if_block_18(ctx)
12894
13821
  );
12895
13822
  let each_value_1 = (
12896
13823
  /*items*/
@@ -12904,27 +13831,13 @@ function create_fragment69(ctx) {
12904
13831
  each_blocks_1[i] = null;
12905
13832
  });
12906
13833
  let if_block1 = !/*hide_apps*/
12907
- ctx[8] && create_if_block_3(ctx);
13834
+ ctx[8] && create_if_block_8(ctx);
12908
13835
  let if_block2 = (
12909
13836
  /*scrollable*/
12910
- ctx[5] && create_if_block_2(ctx)
13837
+ ctx[5] && create_if_block_7(ctx)
12911
13838
  );
12912
- const if_block_creators = [create_if_block14, create_if_block_14];
12913
- const if_blocks = [];
12914
- function select_block_type_1(ctx2, dirty) {
12915
- var _a, _b;
12916
- if (!!/*app*/
12917
- ((_a = ctx2[0]) == null ? void 0 : _a.appliancePlugin) && /*hasUseLaserPen*/
12918
- ctx2[16])
12919
- return 0;
12920
- if (!!/*app*/
12921
- ((_b = ctx2[0]) == null ? void 0 : _b.appliancePlugin))
12922
- return 1;
12923
- return -1;
12924
- }
12925
- if (~(current_block_type_index = select_block_type_1(ctx))) {
12926
- if_block3 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
12927
- }
13839
+ let if_block3 = !!/*app*/
13840
+ ((_a = ctx[0]) == null ? void 0 : _a.appliancePlugin) && create_if_block14(ctx);
12928
13841
  strokewidth0 = new StrokeWidth_default({
12929
13842
  props: {
12930
13843
  app: (
@@ -13135,20 +14048,19 @@ function create_fragment69(ctx) {
13135
14048
  insert(target, div9, anchor);
13136
14049
  append(div9, div3);
13137
14050
  append(div3, div1);
13138
- if (~current_block_type_index) {
13139
- if_blocks[current_block_type_index].m(div1, null);
13140
- }
14051
+ if (if_block3)
14052
+ if_block3.m(div1, null);
13141
14053
  append(div3, t4);
13142
14054
  mount_component(strokewidth0, div3, null);
13143
14055
  append(div3, t5);
13144
14056
  append(div3, div2);
13145
14057
  append(div3, t6);
13146
14058
  mount_component(strokecolor0, div3, null);
13147
- ctx[40](div3);
14059
+ ctx[44](div3);
13148
14060
  append(div9, t7);
13149
14061
  append(div9, div4);
13150
14062
  mount_component(textcolor, div4, null);
13151
- ctx[41](div4);
14063
+ ctx[45](div4);
13152
14064
  append(div9, t8);
13153
14065
  append(div9, div7);
13154
14066
  mount_component(selectshapes, div7, null);
@@ -13160,7 +14072,7 @@ function create_fragment69(ctx) {
13160
14072
  append(div7, div6);
13161
14073
  append(div7, t12);
13162
14074
  mount_component(strokecolor1, div7, null);
13163
- ctx[42](div7);
14075
+ ctx[46](div7);
13164
14076
  append(div9, t13);
13165
14077
  append(div9, div8);
13166
14078
  for (let i = 0; i < each_blocks.length; i += 1) {
@@ -13168,7 +14080,7 @@ function create_fragment69(ctx) {
13168
14080
  each_blocks[i].m(div8, null);
13169
14081
  }
13170
14082
  }
13171
- ctx[44](div8);
14083
+ ctx[48](div8);
13172
14084
  current = true;
13173
14085
  if (!mounted) {
13174
14086
  dispose = [
@@ -13189,6 +14101,7 @@ function create_fragment69(ctx) {
13189
14101
  }
13190
14102
  },
13191
14103
  p(ctx2, dirty) {
14104
+ var _a2;
13192
14105
  if (
13193
14106
  /*scrollable*/
13194
14107
  ctx2[5]
@@ -13200,7 +14113,7 @@ function create_fragment69(ctx) {
13200
14113
  transition_in(if_block0, 1);
13201
14114
  }
13202
14115
  } else {
13203
- if_block0 = create_if_block_13(ctx2);
14116
+ if_block0 = create_if_block_18(ctx2);
13204
14117
  if_block0.c();
13205
14118
  transition_in(if_block0, 1);
13206
14119
  if_block0.m(t0.parentNode, t0);
@@ -13212,8 +14125,8 @@ function create_fragment69(ctx) {
13212
14125
  });
13213
14126
  check_outros();
13214
14127
  }
13215
- if (dirty[0] & /*appliance, theme, btn_props, c, clicker, items, selector, hasUseLaserPen, pencil_panel, pencil, text_panel, text, app, t, shapes_panel, eraser*/
13216
- 2081799299 | dirty[1] & /*clear, hand, laserPointer*/
14128
+ if (dirty[0] & /*appliance, theme, btn_props, c, clicker, items, selector, pencilType, pencil_panel, pencil, text_panel, text, app, t, shapes_panel, eraser*/
14129
+ 2081668227 | dirty[1] & /*clear, hand, laserPointer*/
13217
14130
  7) {
13218
14131
  each_value_1 = /*items*/
13219
14132
  ctx2[7];
@@ -13245,7 +14158,7 @@ function create_fragment69(ctx) {
13245
14158
  transition_in(if_block1, 1);
13246
14159
  }
13247
14160
  } else {
13248
- if_block1 = create_if_block_3(ctx2);
14161
+ if_block1 = create_if_block_8(ctx2);
13249
14162
  if_block1.c();
13250
14163
  transition_in(if_block1, 1);
13251
14164
  if_block1.m(div0, null);
@@ -13284,7 +14197,7 @@ function create_fragment69(ctx) {
13284
14197
  transition_in(if_block2, 1);
13285
14198
  }
13286
14199
  } else {
13287
- if_block2 = create_if_block_2(ctx2);
14200
+ if_block2 = create_if_block_7(ctx2);
13288
14201
  if_block2.c();
13289
14202
  transition_in(if_block2, 1);
13290
14203
  if_block2.m(t3.parentNode, t3);
@@ -13296,33 +14209,26 @@ function create_fragment69(ctx) {
13296
14209
  });
13297
14210
  check_outros();
13298
14211
  }
13299
- let previous_block_index = current_block_type_index;
13300
- current_block_type_index = select_block_type_1(ctx2);
13301
- if (current_block_type_index === previous_block_index) {
13302
- if (~current_block_type_index) {
13303
- if_blocks[current_block_type_index].p(ctx2, dirty);
13304
- }
13305
- } else {
14212
+ if (!!/*app*/
14213
+ ((_a2 = ctx2[0]) == null ? void 0 : _a2.appliancePlugin)) {
13306
14214
  if (if_block3) {
13307
- group_outros();
13308
- transition_out(if_blocks[previous_block_index], 1, 1, () => {
13309
- if_blocks[previous_block_index] = null;
13310
- });
13311
- check_outros();
13312
- }
13313
- if (~current_block_type_index) {
13314
- if_block3 = if_blocks[current_block_type_index];
13315
- if (!if_block3) {
13316
- if_block3 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
13317
- if_block3.c();
13318
- } else {
13319
- if_block3.p(ctx2, dirty);
14215
+ if_block3.p(ctx2, dirty);
14216
+ if (dirty[0] & /*app*/
14217
+ 1) {
14218
+ transition_in(if_block3, 1);
13320
14219
  }
14220
+ } else {
14221
+ if_block3 = create_if_block14(ctx2);
14222
+ if_block3.c();
13321
14223
  transition_in(if_block3, 1);
13322
14224
  if_block3.m(div1, null);
13323
- } else {
13324
- if_block3 = null;
13325
14225
  }
14226
+ } else if (if_block3) {
14227
+ group_outros();
14228
+ transition_out(if_block3, 1, 1, () => {
14229
+ if_block3 = null;
14230
+ });
14231
+ check_outros();
13326
14232
  }
13327
14233
  const strokewidth0_changes = {};
13328
14234
  if (dirty[0] & /*app*/
@@ -13507,27 +14413,26 @@ function create_fragment69(ctx) {
13507
14413
  detach(t3);
13508
14414
  if (detaching)
13509
14415
  detach(div9);
13510
- if (~current_block_type_index) {
13511
- if_blocks[current_block_type_index].d();
13512
- }
14416
+ if (if_block3)
14417
+ if_block3.d();
13513
14418
  destroy_component(strokewidth0);
13514
14419
  destroy_component(strokecolor0);
13515
- ctx[40](null);
14420
+ ctx[44](null);
13516
14421
  destroy_component(textcolor);
13517
- ctx[41](null);
14422
+ ctx[45](null);
13518
14423
  destroy_component(selectshapes);
13519
14424
  destroy_component(strokewidth1);
13520
14425
  destroy_component(strokecolor1);
13521
- ctx[42](null);
14426
+ ctx[46](null);
13522
14427
  destroy_each(each_blocks, detaching);
13523
- ctx[44](null);
14428
+ ctx[48](null);
13524
14429
  mounted = false;
13525
14430
  run_all(dispose);
13526
14431
  }
13527
14432
  };
13528
14433
  }
13529
14434
  var name5 = "fastboard-toolbar";
13530
- function instance69($$self, $$props, $$invalidate) {
14435
+ function instance71($$self, $$props, $$invalidate) {
13531
14436
  let t;
13532
14437
  let hotkeys;
13533
14438
  let c;
@@ -13537,9 +14442,11 @@ function instance69($$self, $$props, $$invalidate) {
13537
14442
  let max_scroll;
13538
14443
  let hasAppliancePlugin;
13539
14444
  let hasUseLaserPen;
14445
+ let hasUseMarkPen;
14446
+ let pencilType;
13540
14447
  let $top;
13541
- let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(38, $memberState = $$value)), memberState);
13542
- 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);
14448
+ let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(42, $memberState = $$value)), memberState);
14449
+ 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);
13543
14450
  let $apps;
13544
14451
  let $status, $$unsubscribe_status = noop, $$subscribe_status = () => ($$unsubscribe_status(), $$unsubscribe_status = subscribe(status, ($$value) => $$invalidate(22, $status = $$value)), status);
13545
14452
  component_subscribe($$self, apps, ($$value) => $$invalidate(21, $apps = $$value));
@@ -13564,7 +14471,7 @@ function instance69($$self, $$props, $$invalidate) {
13564
14471
  let apps_panel;
13565
14472
  let btn_props;
13566
14473
  let top = writable(0);
13567
- component_subscribe($$self, top, (value) => $$invalidate(46, $top = value));
14474
+ component_subscribe($$self, top, (value) => $$invalidate(50, $top = value));
13568
14475
  function scroll_up() {
13569
14476
  set_store_value(top, $top = clamp($top - 32 - 4, 0, max_scroll), $top);
13570
14477
  }
@@ -13578,7 +14485,19 @@ function instance69($$self, $$props, $$invalidate) {
13578
14485
  app == null ? void 0 : app.setAppliance("selector");
13579
14486
  }
13580
14487
  function pencil() {
13581
- app == null ? void 0 : app.setAppliance("pencil");
14488
+ if (hasAppliancePlugin) {
14489
+ if (appliance !== "pencil") {
14490
+ if (pencilType === "mark") {
14491
+ useMarkPen();
14492
+ } else if (pencilType === "laser") {
14493
+ useLaserPen();
14494
+ } else {
14495
+ usePencil();
14496
+ }
14497
+ }
14498
+ } else {
14499
+ usePencil();
14500
+ }
13582
14501
  }
13583
14502
  function text2() {
13584
14503
  app == null ? void 0 : app.setAppliance("text");
@@ -13595,8 +14514,33 @@ function instance69($$self, $$props, $$invalidate) {
13595
14514
  function clear() {
13596
14515
  app == null ? void 0 : app.cleanCurrentScene();
13597
14516
  }
14517
+ function usePencil() {
14518
+ var _a;
14519
+ if (hasAppliancePlugin) {
14520
+ (_a = app == null ? void 0 : app.appliancePlugin) == null ? void 0 : _a.setMemberState({
14521
+ currentApplianceName: "pencil",
14522
+ useLaserPen: false,
14523
+ strokeOpacity: 1
14524
+ });
14525
+ } else {
14526
+ app == null ? void 0 : app.setAppliance("pencil");
14527
+ }
14528
+ }
13598
14529
  function useLaserPen() {
13599
- app == null ? void 0 : app.setAppliance("laserPen");
14530
+ var _a;
14531
+ (_a = app == null ? void 0 : app.appliancePlugin) == null ? void 0 : _a.setMemberState({
14532
+ currentApplianceName: "laserPen",
14533
+ useLaserPen: true,
14534
+ strokeOpacity: 1
14535
+ });
14536
+ }
14537
+ function useMarkPen() {
14538
+ var _a;
14539
+ (_a = app == null ? void 0 : app.appliancePlugin) == null ? void 0 : _a.setMemberState({
14540
+ currentApplianceName: "pencil",
14541
+ useLaserPen: false,
14542
+ strokeOpacity: 0.5
14543
+ });
13600
14544
  }
13601
14545
  function div3_binding($$value) {
13602
14546
  binding_callbacks[$$value ? "unshift" : "push"](() => {
@@ -13638,7 +14582,7 @@ function instance69($$self, $$props, $$invalidate) {
13638
14582
  if ("scroll_height" in $$props2)
13639
14583
  $$subscribe_scroll_height($$invalidate(4, scroll_height = $$props2.scroll_height));
13640
14584
  if ("computed_height" in $$props2)
13641
- $$invalidate(35, computed_height = $$props2.computed_height);
14585
+ $$invalidate(37, computed_height = $$props2.computed_height);
13642
14586
  if ("scrollable" in $$props2)
13643
14587
  $$invalidate(5, scrollable = $$props2.scrollable);
13644
14588
  if ("placement" in $$props2)
@@ -13667,11 +14611,11 @@ function instance69($$self, $$props, $$invalidate) {
13667
14611
  }
13668
14612
  if ($$self.$$.dirty[0] & /*app*/
13669
14613
  1) {
13670
- $$invalidate(37, hotkeys = app == null ? void 0 : app.hotKeys);
14614
+ $$invalidate(41, hotkeys = app == null ? void 0 : app.hotKeys);
13671
14615
  }
13672
14616
  if ($$self.$$.dirty[0] & /*t*/
13673
14617
  1024 | $$self.$$.dirty[1] & /*hotkeys*/
13674
- 64) {
14618
+ 1024) {
13675
14619
  $$invalidate(20, c = {
13676
14620
  clicker: tooltip(t.clicker, hotkeys == null ? void 0 : hotkeys.changeToClick),
13677
14621
  selector: tooltip(t.selector, hotkeys == null ? void 0 : hotkeys.changeToSelector),
@@ -13687,25 +14631,33 @@ function instance69($$self, $$props, $$invalidate) {
13687
14631
  $$subscribe_memberState($$invalidate(19, memberState = app == null ? void 0 : app.memberState));
13688
14632
  }
13689
14633
  if ($$self.$$.dirty[1] & /*$memberState*/
13690
- 128) {
13691
- $$invalidate(18, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
14634
+ 2048) {
14635
+ $$invalidate(17, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
13692
14636
  }
13693
14637
  if ($$self.$$.dirty[0] & /*app*/
13694
14638
  1) {
13695
- $$subscribe_status($$invalidate(17, status = app == null ? void 0 : app.appsStatus));
14639
+ $$subscribe_status($$invalidate(18, status = app == null ? void 0 : app.appsStatus));
13696
14640
  }
13697
14641
  if ($$self.$$.dirty[0] & /*scrollable*/
13698
14642
  32 | $$self.$$.dirty[1] & /*$scroll_height, computed_height*/
13699
- 272) {
14643
+ 4160) {
13700
14644
  max_scroll = scrollable ? $scroll_height + (32 + 8) * 2 - computed_height : 0;
13701
14645
  }
13702
14646
  if ($$self.$$.dirty[0] & /*app*/
13703
14647
  1) {
13704
- $$invalidate(36, hasAppliancePlugin = !!(app == null ? void 0 : app.appliancePlugin));
14648
+ $$invalidate(38, hasAppliancePlugin = !!(app == null ? void 0 : app.appliancePlugin));
14649
+ }
14650
+ if ($$self.$$.dirty[1] & /*hasAppliancePlugin, $memberState*/
14651
+ 2176) {
14652
+ $$invalidate(40, hasUseLaserPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.useLaserPen) || false);
13705
14653
  }
13706
14654
  if ($$self.$$.dirty[1] & /*hasAppliancePlugin, $memberState*/
13707
- 160) {
13708
- $$invalidate(16, hasUseLaserPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.useLaserPen) || false);
14655
+ 2176) {
14656
+ $$invalidate(39, hasUseMarkPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.strokeOpacity) === 0.5 || false);
14657
+ }
14658
+ if ($$self.$$.dirty[1] & /*hasUseLaserPen, hasUseMarkPen*/
14659
+ 768) {
14660
+ $$invalidate(16, pencilType = hasUseLaserPen ? "laser" : hasUseMarkPen ? "mark" : "pencil");
13709
14661
  }
13710
14662
  };
13711
14663
  return [
@@ -13725,9 +14677,9 @@ function instance69($$self, $$props, $$invalidate) {
13725
14677
  shapes_panel,
13726
14678
  apps_panel,
13727
14679
  btn_props,
13728
- hasUseLaserPen,
13729
- status,
14680
+ pencilType,
13730
14681
  appliance,
14682
+ status,
13731
14683
  memberState,
13732
14684
  c,
13733
14685
  $apps,
@@ -13743,9 +14695,13 @@ function instance69($$self, $$props, $$invalidate) {
13743
14695
  hand,
13744
14696
  laserPointer,
13745
14697
  clear,
14698
+ usePencil,
13746
14699
  useLaserPen,
14700
+ useMarkPen,
13747
14701
  computed_height,
13748
14702
  hasAppliancePlugin,
14703
+ hasUseMarkPen,
14704
+ hasUseLaserPen,
13749
14705
  hotkeys,
13750
14706
  $memberState,
13751
14707
  $scroll_height,
@@ -13762,8 +14718,8 @@ var Contents = class extends SvelteComponent {
13762
14718
  init(
13763
14719
  this,
13764
14720
  options,
13765
- instance69,
13766
- create_fragment69,
14721
+ instance71,
14722
+ create_fragment71,
13767
14723
  safe_not_equal,
13768
14724
  {
13769
14725
  app: 0,
@@ -13771,7 +14727,7 @@ var Contents = class extends SvelteComponent {
13771
14727
  language: 2,
13772
14728
  disabled: 3,
13773
14729
  scroll_height: 4,
13774
- computed_height: 35,
14730
+ computed_height: 37,
13775
14731
  scrollable: 5,
13776
14732
  placement: 6,
13777
14733
  items: 7,
@@ -13779,7 +14735,7 @@ var Contents = class extends SvelteComponent {
13779
14735
  colors: 9
13780
14736
  },
13781
14737
  null,
13782
- [-1, -1]
14738
+ [-1, -1, -1]
13783
14739
  );
13784
14740
  }
13785
14741
  };
@@ -13842,7 +14798,7 @@ function create_if_block15(ctx) {
13842
14798
  }
13843
14799
  };
13844
14800
  }
13845
- function create_fragment70(ctx) {
14801
+ function create_fragment72(ctx) {
13846
14802
  let div1;
13847
14803
  let div0;
13848
14804
  let contents;
@@ -14112,7 +15068,7 @@ function create_fragment70(ctx) {
14112
15068
  };
14113
15069
  }
14114
15070
  var name6 = "fastboard-toolbar";
14115
- function instance70($$self, $$props, $$invalidate) {
15071
+ function instance72($$self, $$props, $$invalidate) {
14116
15072
  let writable2;
14117
15073
  let phase;
14118
15074
  let disabled;
@@ -14231,7 +15187,7 @@ function instance70($$self, $$props, $$invalidate) {
14231
15187
  var Toolbar = class extends SvelteComponent {
14232
15188
  constructor(options) {
14233
15189
  super();
14234
- init(this, options, instance70, create_fragment70, safe_not_equal, {
15190
+ init(this, options, instance72, create_fragment72, safe_not_equal, {
14235
15191
  app: 1,
14236
15192
  theme: 2,
14237
15193
  language: 3,
@@ -14248,7 +15204,7 @@ function get_each_context5(ctx, list, i) {
14248
15204
  child_ctx[25] = list[i];
14249
15205
  return child_ctx;
14250
15206
  }
14251
- function create_else_block_12(ctx) {
15207
+ function create_else_block_13(ctx) {
14252
15208
  var _a;
14253
15209
  let icon;
14254
15210
  let current;
@@ -14305,7 +15261,7 @@ function create_else_block_12(ctx) {
14305
15261
  }
14306
15262
  };
14307
15263
  }
14308
- function create_if_block_22(ctx) {
15264
+ function create_if_block_23(ctx) {
14309
15265
  var _a;
14310
15266
  let icon;
14311
15267
  let current;
@@ -14362,7 +15318,7 @@ function create_if_block_22(ctx) {
14362
15318
  }
14363
15319
  };
14364
15320
  }
14365
- function create_if_block_15(ctx) {
15321
+ function create_if_block_110(ctx) {
14366
15322
  var _a;
14367
15323
  let icon;
14368
15324
  let current;
@@ -14538,7 +15494,7 @@ function create_default_slot_25(ctx) {
14538
15494
  let if_block;
14539
15495
  let if_block_anchor;
14540
15496
  let current;
14541
- const if_block_creators = [create_if_block_15, create_if_block_22, create_else_block_12];
15497
+ const if_block_creators = [create_if_block_110, create_if_block_23, create_else_block_13];
14542
15498
  const if_blocks = [];
14543
15499
  function select_block_type(ctx2, dirty) {
14544
15500
  if (
@@ -14915,7 +15871,7 @@ function create_each_block5(key_1, ctx) {
14915
15871
  }
14916
15872
  };
14917
15873
  }
14918
- function create_fragment71(ctx) {
15874
+ function create_fragment73(ctx) {
14919
15875
  let div0;
14920
15876
  let button0;
14921
15877
  let t0;
@@ -15192,7 +16148,7 @@ function format(ms) {
15192
16148
  return String(m).padStart(2, "0") + ":" + String(s % 60).padStart(2, "0");
15193
16149
  }
15194
16150
  var name7 = "fastboard-player-control";
15195
- function instance71($$self, $$props, $$invalidate) {
16151
+ function instance73($$self, $$props, $$invalidate) {
15196
16152
  let t;
15197
16153
  let canPlay;
15198
16154
  let disabled;
@@ -15337,7 +16293,7 @@ function instance71($$self, $$props, $$invalidate) {
15337
16293
  var PlayerControl = class extends SvelteComponent {
15338
16294
  constructor(options) {
15339
16295
  super();
15340
- init(this, options, instance71, create_fragment71, safe_not_equal, {
16296
+ init(this, options, instance73, create_fragment73, safe_not_equal, {
15341
16297
  player: 19,
15342
16298
  theme: 0,
15343
16299
  language: 20,
@@ -15406,7 +16362,7 @@ function create_if_block17(ctx) {
15406
16362
  }
15407
16363
  };
15408
16364
  }
15409
- function create_fragment72(ctx) {
16365
+ function create_fragment74(ctx) {
15410
16366
  var _a;
15411
16367
  let div2;
15412
16368
  let div0;
@@ -15506,7 +16462,7 @@ function create_fragment72(ctx) {
15506
16462
  };
15507
16463
  }
15508
16464
  var name8 = "fastboard";
15509
- function instance72($$self, $$props, $$invalidate) {
16465
+ function instance74($$self, $$props, $$invalidate) {
15510
16466
  let { player = null } = $$props;
15511
16467
  let { theme = "light" } = $$props;
15512
16468
  let { language = "en" } = $$props;
@@ -15581,7 +16537,7 @@ function instance72($$self, $$props, $$invalidate) {
15581
16537
  var ReplayFastboard = class extends SvelteComponent {
15582
16538
  constructor(options) {
15583
16539
  super();
15584
- init(this, options, instance72, create_fragment72, not_equal, {
16540
+ init(this, options, instance74, create_fragment74, not_equal, {
15585
16541
  player: 0,
15586
16542
  theme: 1,
15587
16543
  language: 2,
@@ -15593,7 +16549,7 @@ var ReplayFastboard = class extends SvelteComponent {
15593
16549
  var ReplayFastboard_default = ReplayFastboard;
15594
16550
 
15595
16551
  // src/components/Fastboard/Fastboard.svelte
15596
- function create_if_block_32(ctx) {
16552
+ function create_if_block_33(ctx) {
15597
16553
  let toolbar;
15598
16554
  let current;
15599
16555
  toolbar = new Toolbar_default({
@@ -15659,7 +16615,7 @@ function create_if_block_32(ctx) {
15659
16615
  }
15660
16616
  };
15661
16617
  }
15662
- function create_if_block_23(ctx) {
16618
+ function create_if_block_24(ctx) {
15663
16619
  let redoundo;
15664
16620
  let current;
15665
16621
  redoundo = new RedoUndo_default({
@@ -15717,7 +16673,7 @@ function create_if_block_23(ctx) {
15717
16673
  }
15718
16674
  };
15719
16675
  }
15720
- function create_if_block_16(ctx) {
16676
+ function create_if_block_111(ctx) {
15721
16677
  let zoomcontrol;
15722
16678
  let current;
15723
16679
  zoomcontrol = new ZoomControl_default({
@@ -15833,7 +16789,7 @@ function create_if_block18(ctx) {
15833
16789
  }
15834
16790
  };
15835
16791
  }
15836
- function create_fragment73(ctx) {
16792
+ function create_fragment75(ctx) {
15837
16793
  var _a, _b, _c, _d;
15838
16794
  let div4;
15839
16795
  let div0;
@@ -15850,15 +16806,15 @@ function create_fragment73(ctx) {
15850
16806
  let dispose;
15851
16807
  let if_block0 = (
15852
16808
  /*config*/
15853
- ((_a = ctx[3].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_32(ctx)
16809
+ ((_a = ctx[3].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_33(ctx)
15854
16810
  );
15855
16811
  let if_block1 = (
15856
16812
  /*config*/
15857
- ((_b = ctx[3].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_23(ctx)
16813
+ ((_b = ctx[3].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_24(ctx)
15858
16814
  );
15859
16815
  let if_block2 = (
15860
16816
  /*config*/
15861
- ((_c = ctx[3].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_16(ctx)
16817
+ ((_c = ctx[3].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_111(ctx)
15862
16818
  );
15863
16819
  let if_block3 = (
15864
16820
  /*config*/
@@ -15953,7 +16909,7 @@ function create_fragment73(ctx) {
15953
16909
  transition_in(if_block0, 1);
15954
16910
  }
15955
16911
  } else {
15956
- if_block0 = create_if_block_32(ctx2);
16912
+ if_block0 = create_if_block_33(ctx2);
15957
16913
  if_block0.c();
15958
16914
  transition_in(if_block0, 1);
15959
16915
  if_block0.m(div1, null);
@@ -15988,7 +16944,7 @@ function create_fragment73(ctx) {
15988
16944
  transition_in(if_block1, 1);
15989
16945
  }
15990
16946
  } else {
15991
- if_block1 = create_if_block_23(ctx2);
16947
+ if_block1 = create_if_block_24(ctx2);
15992
16948
  if_block1.c();
15993
16949
  transition_in(if_block1, 1);
15994
16950
  if_block1.m(div2, t2);
@@ -16011,7 +16967,7 @@ function create_fragment73(ctx) {
16011
16967
  transition_in(if_block2, 1);
16012
16968
  }
16013
16969
  } else {
16014
- if_block2 = create_if_block_16(ctx2);
16970
+ if_block2 = create_if_block_111(ctx2);
16015
16971
  if_block2.c();
16016
16972
  transition_in(if_block2, 1);
16017
16973
  if_block2.m(div2, null);
@@ -16104,7 +17060,7 @@ function create_fragment73(ctx) {
16104
17060
  };
16105
17061
  }
16106
17062
  var name9 = "fastboard";
16107
- function instance73($$self, $$props, $$invalidate) {
17063
+ function instance75($$self, $$props, $$invalidate) {
16108
17064
  let writable2;
16109
17065
  let boxState;
16110
17066
  let focusedApp;
@@ -16229,7 +17185,7 @@ function instance73($$self, $$props, $$invalidate) {
16229
17185
  var Fastboard = class extends SvelteComponent {
16230
17186
  constructor(options) {
16231
17187
  super();
16232
- init(this, options, instance73, create_fragment73, not_equal, {
17188
+ init(this, options, instance75, create_fragment75, not_equal, {
16233
17189
  app: 0,
16234
17190
  theme: 1,
16235
17191
  language: 2,