@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.js CHANGED
@@ -510,7 +510,7 @@ function make_dirty(component, i) {
510
510
  }
511
511
  component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
512
512
  }
513
- function init(component, options, instance74, create_fragment74, not_equal2, props, append_styles, dirty = [-1]) {
513
+ function init(component, options, instance76, create_fragment76, not_equal2, props, append_styles, dirty = [-1]) {
514
514
  const parent_component = current_component;
515
515
  set_current_component(component);
516
516
  const $$ = component.$$ = {
@@ -536,7 +536,7 @@ function init(component, options, instance74, create_fragment74, not_equal2, pro
536
536
  };
537
537
  append_styles && append_styles($$.root);
538
538
  let ready = false;
539
- $$.ctx = instance74 ? instance74(component, options.props || {}, (i, ret, ...rest) => {
539
+ $$.ctx = instance76 ? instance76(component, options.props || {}, (i, ret, ...rest) => {
540
540
  const value = rest.length ? rest[0] : ret;
541
541
  if ($$.ctx && not_equal2($$.ctx[i], $$.ctx[i] = value)) {
542
542
  if (!$$.skip_bound && $$.bound[i])
@@ -549,7 +549,7 @@ function init(component, options, instance74, create_fragment74, not_equal2, pro
549
549
  $$.update();
550
550
  ready = true;
551
551
  run_all($$.before_update);
552
- $$.fragment = create_fragment74 ? create_fragment74($$.ctx) : false;
552
+ $$.fragment = create_fragment76 ? create_fragment76($$.ctx) : false;
553
553
  if (options.target) {
554
554
  if (options.hydrate) {
555
555
  const nodes = children(options.target);
@@ -4516,6 +4516,158 @@ var LaserPenFilled = class extends SvelteComponent {
4516
4516
  };
4517
4517
  var LaserPenFilled_default = LaserPenFilled;
4518
4518
 
4519
+ // src/components/Icons/MarkPen.svelte
4520
+ function create_fragment51(ctx) {
4521
+ let svg;
4522
+ let g;
4523
+ let path;
4524
+ let svg_class_value;
4525
+ return {
4526
+ c() {
4527
+ svg = svg_element("svg");
4528
+ g = svg_element("g");
4529
+ path = svg_element("path");
4530
+ attr(path, "class", "fastboard-icon-stroke-color");
4531
+ 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");
4532
+ attr(g, "stroke-width", "1");
4533
+ attr(g, "stroke-linecap", "round");
4534
+ attr(g, "stroke-linejoin", "round");
4535
+ attr(g, "transform", "scale(0.85 0.9) translate(2, 0)");
4536
+ attr(svg, "fill", "none");
4537
+ attr(svg, "viewBox", "0 0 24 24");
4538
+ attr(svg, "class", svg_class_value = "fastboard-icon " + /*theme*/
4539
+ ctx[0]);
4540
+ toggle_class(
4541
+ svg,
4542
+ "is-active",
4543
+ /*active*/
4544
+ ctx[1]
4545
+ );
4546
+ },
4547
+ m(target, anchor) {
4548
+ insert(target, svg, anchor);
4549
+ append(svg, g);
4550
+ append(g, path);
4551
+ },
4552
+ p(ctx2, [dirty]) {
4553
+ if (dirty & /*theme*/
4554
+ 1 && svg_class_value !== (svg_class_value = "fastboard-icon " + /*theme*/
4555
+ ctx2[0])) {
4556
+ attr(svg, "class", svg_class_value);
4557
+ }
4558
+ if (dirty & /*theme, active*/
4559
+ 3) {
4560
+ toggle_class(
4561
+ svg,
4562
+ "is-active",
4563
+ /*active*/
4564
+ ctx2[1]
4565
+ );
4566
+ }
4567
+ },
4568
+ i: noop,
4569
+ o: noop,
4570
+ d(detaching) {
4571
+ if (detaching)
4572
+ detach(svg);
4573
+ }
4574
+ };
4575
+ }
4576
+ function instance51($$self, $$props, $$invalidate) {
4577
+ let { theme = "light" } = $$props;
4578
+ let { active = false } = $$props;
4579
+ $$self.$$set = ($$props2) => {
4580
+ if ("theme" in $$props2)
4581
+ $$invalidate(0, theme = $$props2.theme);
4582
+ if ("active" in $$props2)
4583
+ $$invalidate(1, active = $$props2.active);
4584
+ };
4585
+ return [theme, active];
4586
+ }
4587
+ var MarkPen = class extends SvelteComponent {
4588
+ constructor(options) {
4589
+ super();
4590
+ init(this, options, instance51, create_fragment51, safe_not_equal, { theme: 0, active: 1 });
4591
+ }
4592
+ };
4593
+ var MarkPen_default = MarkPen;
4594
+
4595
+ // src/components/Icons/MarkPenFilled.svelte
4596
+ function create_fragment52(ctx) {
4597
+ let svg;
4598
+ let g;
4599
+ let path;
4600
+ let svg_class_value;
4601
+ return {
4602
+ c() {
4603
+ svg = svg_element("svg");
4604
+ g = svg_element("g");
4605
+ path = svg_element("path");
4606
+ attr(path, "class", "fastboard-icon-fill-color");
4607
+ 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");
4608
+ attr(g, "stroke-width", "1");
4609
+ attr(g, "stroke-linecap", "round");
4610
+ attr(g, "stroke-linejoin", "round");
4611
+ attr(g, "transform", "scale(0.85 0.9) translate(2, 0)");
4612
+ attr(svg, "fill", "none");
4613
+ attr(svg, "viewBox", "0 0 24 24");
4614
+ attr(svg, "class", svg_class_value = "fastboard-icon " + /*theme*/
4615
+ ctx[0]);
4616
+ toggle_class(
4617
+ svg,
4618
+ "is-active",
4619
+ /*active*/
4620
+ ctx[1]
4621
+ );
4622
+ },
4623
+ m(target, anchor) {
4624
+ insert(target, svg, anchor);
4625
+ append(svg, g);
4626
+ append(g, path);
4627
+ },
4628
+ p(ctx2, [dirty]) {
4629
+ if (dirty & /*theme*/
4630
+ 1 && svg_class_value !== (svg_class_value = "fastboard-icon " + /*theme*/
4631
+ ctx2[0])) {
4632
+ attr(svg, "class", svg_class_value);
4633
+ }
4634
+ if (dirty & /*theme, active*/
4635
+ 3) {
4636
+ toggle_class(
4637
+ svg,
4638
+ "is-active",
4639
+ /*active*/
4640
+ ctx2[1]
4641
+ );
4642
+ }
4643
+ },
4644
+ i: noop,
4645
+ o: noop,
4646
+ d(detaching) {
4647
+ if (detaching)
4648
+ detach(svg);
4649
+ }
4650
+ };
4651
+ }
4652
+ function instance52($$self, $$props, $$invalidate) {
4653
+ let { theme = "light" } = $$props;
4654
+ let { active = false } = $$props;
4655
+ $$self.$$set = ($$props2) => {
4656
+ if ("theme" in $$props2)
4657
+ $$invalidate(0, theme = $$props2.theme);
4658
+ if ("active" in $$props2)
4659
+ $$invalidate(1, active = $$props2.active);
4660
+ };
4661
+ return [theme, active];
4662
+ }
4663
+ var MarkPenFilled = class extends SvelteComponent {
4664
+ constructor(options) {
4665
+ super();
4666
+ init(this, options, instance52, create_fragment52, safe_not_equal, { theme: 0, active: 1 });
4667
+ }
4668
+ };
4669
+ var MarkPenFilled_default = MarkPenFilled;
4670
+
4519
4671
  // src/components/Icons/index.ts
4520
4672
  var Icons = {
4521
4673
  Apps: Apps_default,
@@ -4566,7 +4718,9 @@ var Icons = {
4566
4718
  Pause: Pause_default,
4567
4719
  Loading: Loading_default,
4568
4720
  LaserPen: LaserPen_default,
4569
- LaserPenFilled: LaserPenFilled_default
4721
+ LaserPenFilled: LaserPenFilled_default,
4722
+ MarkPen: MarkPen_default,
4723
+ MarkPenFilled: MarkPenFilled_default
4570
4724
  };
4571
4725
  var Icons_default = Icons;
4572
4726
  if (typeof window !== "undefined") {
@@ -4579,12 +4733,12 @@ if (typeof window !== "undefined") {
4579
4733
  {
4580
4734
  name: "className",
4581
4735
  defaultValue: "",
4582
- fn(instance74) {
4736
+ fn(instance76) {
4583
4737
  function add() {
4584
- const el = instance74.popper.firstElementChild;
4738
+ const el = instance76.popper.firstElementChild;
4585
4739
  if (el) {
4586
4740
  el.classList.add("fastboard-tip");
4587
- const extra = (instance74.props.className || "").trim();
4741
+ const extra = (instance76.props.className || "").trim();
4588
4742
  if (extra) {
4589
4743
  el.classList.add(extra);
4590
4744
  }
@@ -4592,7 +4746,7 @@ if (typeof window !== "undefined") {
4592
4746
  }
4593
4747
  function remove() {
4594
4748
  var _a;
4595
- (_a = instance74.popper.firstElementChild) == null ? void 0 : _a.classList.remove("fastboard-tip");
4749
+ (_a = instance76.popper.firstElementChild) == null ? void 0 : _a.classList.remove("fastboard-tip");
4596
4750
  }
4597
4751
  return {
4598
4752
  onCreate: add,
@@ -4605,21 +4759,21 @@ if (typeof window !== "undefined") {
4605
4759
  });
4606
4760
  }
4607
4761
  var tippy = function(node, props) {
4608
- const instance74 = Tippy__default.default(node, props);
4762
+ const instance76 = Tippy__default.default(node, props);
4609
4763
  return {
4610
4764
  update(props2) {
4611
- instance74.setProps(props2);
4765
+ instance76.setProps(props2);
4612
4766
  },
4613
4767
  destroy() {
4614
- instance74.destroy();
4768
+ instance76.destroy();
4615
4769
  }
4616
4770
  };
4617
4771
  };
4618
4772
  function tippy_hide_all() {
4619
4773
  document.querySelectorAll("[data-tippy-root]").forEach((el) => {
4620
- const instance74 = el._tippy;
4621
- if (instance74)
4622
- instance74.hide();
4774
+ const instance76 = el._tippy;
4775
+ if (instance76)
4776
+ instance76.hide();
4623
4777
  });
4624
4778
  }
4625
4779
  var tippy_menu = {
@@ -5133,7 +5287,7 @@ function create_if_block_1(ctx) {
5133
5287
  }
5134
5288
  };
5135
5289
  }
5136
- function create_fragment51(ctx) {
5290
+ function create_fragment53(ctx) {
5137
5291
  let current_block_type_index;
5138
5292
  let if_block;
5139
5293
  let if_block_anchor;
@@ -5199,7 +5353,7 @@ function create_fragment51(ctx) {
5199
5353
  }
5200
5354
  };
5201
5355
  }
5202
- function instance51($$self, $$props, $$invalidate) {
5356
+ function instance53($$self, $$props, $$invalidate) {
5203
5357
  let { $$slots: slots = {}, $$scope } = $$props;
5204
5358
  let { class: className = "" } = $$props;
5205
5359
  let { name: name10 = "fastboard-ui" } = $$props;
@@ -5257,7 +5411,7 @@ function instance51($$self, $$props, $$invalidate) {
5257
5411
  var Button = class extends SvelteComponent {
5258
5412
  constructor(options) {
5259
5413
  super();
5260
- init(this, options, instance51, create_fragment51, safe_not_equal, {
5414
+ init(this, options, instance53, create_fragment53, safe_not_equal, {
5261
5415
  class: 0,
5262
5416
  name: 1,
5263
5417
  theme: 2,
@@ -5462,7 +5616,7 @@ function create_default_slot(ctx) {
5462
5616
  }
5463
5617
  };
5464
5618
  }
5465
- function create_fragment52(ctx) {
5619
+ function create_fragment54(ctx) {
5466
5620
  let div;
5467
5621
  let button0;
5468
5622
  let t_1;
@@ -5603,7 +5757,7 @@ var i18n = {
5603
5757
  "zh-CN": { redo: "\u91CD\u505A", undo: "\u64A4\u9500" }
5604
5758
  };
5605
5759
  var name = "fastboard-redo-undo";
5606
- function instance52($$self, $$props, $$invalidate) {
5760
+ function instance54($$self, $$props, $$invalidate) {
5607
5761
  let writable2;
5608
5762
  let phase;
5609
5763
  let disabled;
@@ -5704,7 +5858,7 @@ function instance52($$self, $$props, $$invalidate) {
5704
5858
  var RedoUndo = class extends SvelteComponent {
5705
5859
  constructor(options) {
5706
5860
  super();
5707
- init(this, options, instance52, create_fragment52, safe_not_equal, {
5861
+ init(this, options, instance54, create_fragment54, safe_not_equal, {
5708
5862
  app: 12,
5709
5863
  theme: 0,
5710
5864
  language: 13,
@@ -6061,7 +6215,7 @@ function create_default_slot2(ctx) {
6061
6215
  }
6062
6216
  };
6063
6217
  }
6064
- function create_fragment53(ctx) {
6218
+ function create_fragment55(ctx) {
6065
6219
  let div;
6066
6220
  let button0;
6067
6221
  let t0;
@@ -6296,7 +6450,7 @@ var i18n2 = {
6296
6450
  "zh-CN": { prev: "\u4E0A\u4E00\u9875", next: "\u4E0B\u4E00\u9875", add: "\u6DFB\u52A0\u9875\u9762" }
6297
6451
  };
6298
6452
  var name2 = "fastboard-page-control";
6299
- function instance53($$self, $$props, $$invalidate) {
6453
+ function instance55($$self, $$props, $$invalidate) {
6300
6454
  let writable2;
6301
6455
  let phase;
6302
6456
  let disabled;
@@ -6402,7 +6556,7 @@ function instance53($$self, $$props, $$invalidate) {
6402
6556
  var PageControl = class extends SvelteComponent {
6403
6557
  constructor(options) {
6404
6558
  super();
6405
- init(this, options, instance53, create_fragment53, safe_not_equal, {
6559
+ init(this, options, instance55, create_fragment55, safe_not_equal, {
6406
6560
  app: 16,
6407
6561
  theme: 0,
6408
6562
  language: 17,
@@ -6751,7 +6905,7 @@ function create_default_slot3(ctx) {
6751
6905
  }
6752
6906
  };
6753
6907
  }
6754
- function create_fragment54(ctx) {
6908
+ function create_fragment56(ctx) {
6755
6909
  let div;
6756
6910
  let button0;
6757
6911
  let t0;
@@ -7014,7 +7168,7 @@ function next_scale(scale, delta) {
7014
7168
  return 1;
7015
7169
  }
7016
7170
  var name3 = "fastboard-zoom-control";
7017
- function instance54($$self, $$props, $$invalidate) {
7171
+ function instance56($$self, $$props, $$invalidate) {
7018
7172
  let writable2;
7019
7173
  let phase;
7020
7174
  let disabled;
@@ -7125,7 +7279,7 @@ function instance54($$self, $$props, $$invalidate) {
7125
7279
  var ZoomControl = class extends SvelteComponent {
7126
7280
  constructor(options) {
7127
7281
  super();
7128
- init(this, options, instance54, create_fragment54, safe_not_equal, {
7282
+ init(this, options, instance56, create_fragment56, safe_not_equal, {
7129
7283
  app: 15,
7130
7284
  theme: 0,
7131
7285
  language: 16,
@@ -7427,7 +7581,7 @@ function hexToRgb(hex) {
7427
7581
  }
7428
7582
 
7429
7583
  // src/components/Toolbar/components/Slider.svelte
7430
- function create_fragment55(ctx) {
7584
+ function create_fragment57(ctx) {
7431
7585
  let div;
7432
7586
  let input;
7433
7587
  let input_class_value;
@@ -7642,7 +7796,7 @@ function create_fragment55(ctx) {
7642
7796
  };
7643
7797
  }
7644
7798
  var name4 = "fastboard-slider";
7645
- function instance55($$self, $$props, $$invalidate) {
7799
+ function instance57($$self, $$props, $$invalidate) {
7646
7800
  let percent;
7647
7801
  const dispatch = createEventDispatcher();
7648
7802
  let { class: className = "" } = $$props;
@@ -7713,7 +7867,7 @@ function instance55($$self, $$props, $$invalidate) {
7713
7867
  var Slider = class extends SvelteComponent {
7714
7868
  constructor(options) {
7715
7869
  super();
7716
- init(this, options, instance55, create_fragment55, safe_not_equal, {
7870
+ init(this, options, instance57, create_fragment57, safe_not_equal, {
7717
7871
  class: 1,
7718
7872
  theme: 2,
7719
7873
  min: 3,
@@ -7727,7 +7881,7 @@ var Slider = class extends SvelteComponent {
7727
7881
  var Slider_default = Slider;
7728
7882
 
7729
7883
  // src/components/Toolbar/components/StrokeWidth.svelte
7730
- function create_fragment56(ctx) {
7884
+ function create_fragment58(ctx) {
7731
7885
  let slider;
7732
7886
  let current;
7733
7887
  const slider_spread_levels = [
@@ -7783,7 +7937,7 @@ function create_fragment56(ctx) {
7783
7937
  }
7784
7938
  };
7785
7939
  }
7786
- function instance56($$self, $$props, $$invalidate) {
7940
+ function instance58($$self, $$props, $$invalidate) {
7787
7941
  let memberState;
7788
7942
  let value;
7789
7943
  let props;
@@ -7832,7 +7986,7 @@ function instance56($$self, $$props, $$invalidate) {
7832
7986
  var StrokeWidth = class extends SvelteComponent {
7833
7987
  constructor(options) {
7834
7988
  super();
7835
- init(this, options, instance56, create_fragment56, safe_not_equal, { app: 3, theme: 4, disabled: 5 });
7989
+ init(this, options, instance58, create_fragment58, safe_not_equal, { app: 3, theme: 4, disabled: 5 });
7836
7990
  }
7837
7991
  };
7838
7992
  var StrokeWidth_default = StrokeWidth;
@@ -7936,7 +8090,7 @@ function create_each_block(ctx) {
7936
8090
  }
7937
8091
  };
7938
8092
  }
7939
- function create_fragment57(ctx) {
8093
+ function create_fragment59(ctx) {
7940
8094
  let div;
7941
8095
  let div_class_value;
7942
8096
  let mounted;
@@ -8016,7 +8170,7 @@ function create_fragment57(ctx) {
8016
8170
  function is_equal_color(a, b) {
8017
8171
  return a && b && a.every((v, i) => v === b[i]);
8018
8172
  }
8019
- function instance57($$self, $$props, $$invalidate) {
8173
+ function instance59($$self, $$props, $$invalidate) {
8020
8174
  let memberState;
8021
8175
  let strokeColor;
8022
8176
  let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(7, $memberState = $$value)), memberState);
@@ -8068,7 +8222,7 @@ function instance57($$self, $$props, $$invalidate) {
8068
8222
  var StrokeColor = class extends SvelteComponent {
8069
8223
  constructor(options) {
8070
8224
  super();
8071
- init(this, options, instance57, create_fragment57, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
8225
+ init(this, options, instance59, create_fragment59, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
8072
8226
  }
8073
8227
  };
8074
8228
  var StrokeColor_default = StrokeColor;
@@ -8172,7 +8326,7 @@ function create_each_block2(ctx) {
8172
8326
  }
8173
8327
  };
8174
8328
  }
8175
- function create_fragment58(ctx) {
8329
+ function create_fragment60(ctx) {
8176
8330
  let div;
8177
8331
  let div_class_value;
8178
8332
  let mounted;
@@ -8252,7 +8406,7 @@ function create_fragment58(ctx) {
8252
8406
  function is_equal_color2(a, b) {
8253
8407
  return a && b && a.every((v, i) => v === b[i]);
8254
8408
  }
8255
- function instance58($$self, $$props, $$invalidate) {
8409
+ function instance60($$self, $$props, $$invalidate) {
8256
8410
  let memberState;
8257
8411
  let textColor;
8258
8412
  let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(7, $memberState = $$value)), memberState);
@@ -8304,7 +8458,7 @@ function instance58($$self, $$props, $$invalidate) {
8304
8458
  var TextColor = class extends SvelteComponent {
8305
8459
  constructor(options) {
8306
8460
  super();
8307
- init(this, options, instance58, create_fragment58, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
8461
+ init(this, options, instance60, create_fragment60, safe_not_equal, { app: 6, theme: 0, disabled: 1, colors: 2 });
8308
8462
  }
8309
8463
  };
8310
8464
  var TextColor_default = TextColor;
@@ -8635,7 +8789,7 @@ function create_each_block3(key_1, ctx) {
8635
8789
  }
8636
8790
  };
8637
8791
  }
8638
- function create_fragment59(ctx) {
8792
+ function create_fragment61(ctx) {
8639
8793
  let div;
8640
8794
  let each_blocks = [];
8641
8795
  let each_1_lookup = /* @__PURE__ */ new Map();
@@ -8741,7 +8895,7 @@ var i18n5 = {
8741
8895
  speechBalloon: "\u6C14\u6CE1"
8742
8896
  }
8743
8897
  };
8744
- function instance59($$self, $$props, $$invalidate) {
8898
+ function instance61($$self, $$props, $$invalidate) {
8745
8899
  let t;
8746
8900
  let memberState;
8747
8901
  let appliance;
@@ -8826,7 +8980,7 @@ function instance59($$self, $$props, $$invalidate) {
8826
8980
  var SelectShapes = class extends SvelteComponent {
8827
8981
  constructor(options) {
8828
8982
  super();
8829
- init(this, options, instance59, create_fragment59, safe_not_equal, {
8983
+ init(this, options, instance61, create_fragment61, safe_not_equal, {
8830
8984
  app: 8,
8831
8985
  theme: 0,
8832
8986
  language: 9,
@@ -8981,7 +9135,7 @@ function create_default_slot4(ctx) {
8981
9135
  }
8982
9136
  };
8983
9137
  }
8984
- function create_fragment60(ctx) {
9138
+ function create_fragment62(ctx) {
8985
9139
  let button;
8986
9140
  let current;
8987
9141
  const button_spread_levels = [
@@ -9050,7 +9204,7 @@ function create_fragment60(ctx) {
9050
9204
  }
9051
9205
  };
9052
9206
  }
9053
- function instance60($$self, $$props, $$invalidate) {
9207
+ function instance62($$self, $$props, $$invalidate) {
9054
9208
  let { btn_props = {} } = $$props;
9055
9209
  let { content } = $$props;
9056
9210
  let { appliance } = $$props;
@@ -9073,7 +9227,7 @@ function instance60($$self, $$props, $$invalidate) {
9073
9227
  var Clicker = class extends SvelteComponent {
9074
9228
  constructor(options) {
9075
9229
  super();
9076
- init(this, options, instance60, create_fragment60, safe_not_equal, {
9230
+ init(this, options, instance62, create_fragment62, safe_not_equal, {
9077
9231
  btn_props: 0,
9078
9232
  content: 1,
9079
9233
  appliance: 2,
@@ -9228,7 +9382,7 @@ function create_default_slot5(ctx) {
9228
9382
  }
9229
9383
  };
9230
9384
  }
9231
- function create_fragment61(ctx) {
9385
+ function create_fragment63(ctx) {
9232
9386
  let button;
9233
9387
  let current;
9234
9388
  const button_spread_levels = [
@@ -9297,7 +9451,7 @@ function create_fragment61(ctx) {
9297
9451
  }
9298
9452
  };
9299
9453
  }
9300
- function instance61($$self, $$props, $$invalidate) {
9454
+ function instance63($$self, $$props, $$invalidate) {
9301
9455
  let { btn_props = {} } = $$props;
9302
9456
  let { content } = $$props;
9303
9457
  let { appliance } = $$props;
@@ -9320,7 +9474,7 @@ function instance61($$self, $$props, $$invalidate) {
9320
9474
  var Selector2 = class extends SvelteComponent {
9321
9475
  constructor(options) {
9322
9476
  super();
9323
- init(this, options, instance61, create_fragment61, safe_not_equal, {
9477
+ init(this, options, instance63, create_fragment63, safe_not_equal, {
9324
9478
  btn_props: 0,
9325
9479
  content: 1,
9326
9480
  appliance: 2,
@@ -9331,146 +9485,154 @@ var Selector2 = class extends SvelteComponent {
9331
9485
  var Selector_default2 = Selector2;
9332
9486
 
9333
9487
  // src/components/Toolbar/definitions/Pencil.svelte
9334
- function create_else_block8(ctx) {
9335
- let icons_pencil;
9488
+ function create_if_block_4(ctx) {
9489
+ let current_block_type_index;
9490
+ let if_block;
9491
+ let if_block_anchor;
9336
9492
  let current;
9337
- icons_pencil = new Icons_default.Pencil({ props: { theme: (
9338
- /*theme*/
9339
- ctx[4]
9340
- ) } });
9493
+ const if_block_creators = [create_if_block_5, create_else_block_2];
9494
+ const if_blocks = [];
9495
+ function select_block_type_3(ctx2, dirty) {
9496
+ if (
9497
+ /*appliance*/
9498
+ ctx2[3] === "pencil"
9499
+ )
9500
+ return 0;
9501
+ return 1;
9502
+ }
9503
+ current_block_type_index = select_block_type_3(ctx);
9504
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9341
9505
  return {
9342
9506
  c() {
9343
- create_component(icons_pencil.$$.fragment);
9507
+ if_block.c();
9508
+ if_block_anchor = empty();
9344
9509
  },
9345
9510
  m(target, anchor) {
9346
- mount_component(icons_pencil, target, anchor);
9511
+ if_blocks[current_block_type_index].m(target, anchor);
9512
+ insert(target, if_block_anchor, anchor);
9347
9513
  current = true;
9348
9514
  },
9349
9515
  p(ctx2, dirty) {
9350
- const icons_pencil_changes = {};
9351
- if (dirty & /*theme*/
9352
- 16)
9353
- icons_pencil_changes.theme = /*theme*/
9354
- ctx2[4];
9355
- icons_pencil.$set(icons_pencil_changes);
9516
+ let previous_block_index = current_block_type_index;
9517
+ current_block_type_index = select_block_type_3(ctx2);
9518
+ if (current_block_type_index === previous_block_index) {
9519
+ if_blocks[current_block_type_index].p(ctx2, dirty);
9520
+ } else {
9521
+ group_outros();
9522
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
9523
+ if_blocks[previous_block_index] = null;
9524
+ });
9525
+ check_outros();
9526
+ if_block = if_blocks[current_block_type_index];
9527
+ if (!if_block) {
9528
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
9529
+ if_block.c();
9530
+ } else {
9531
+ if_block.p(ctx2, dirty);
9532
+ }
9533
+ transition_in(if_block, 1);
9534
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
9535
+ }
9356
9536
  },
9357
9537
  i(local) {
9358
9538
  if (current)
9359
9539
  return;
9360
- transition_in(icons_pencil.$$.fragment, local);
9540
+ transition_in(if_block);
9361
9541
  current = true;
9362
9542
  },
9363
9543
  o(local) {
9364
- transition_out(icons_pencil.$$.fragment, local);
9544
+ transition_out(if_block);
9365
9545
  current = false;
9366
9546
  },
9367
9547
  d(detaching) {
9368
- destroy_component(icons_pencil, detaching);
9548
+ if_blocks[current_block_type_index].d(detaching);
9549
+ if (detaching)
9550
+ detach(if_block_anchor);
9369
9551
  }
9370
9552
  };
9371
9553
  }
9372
- function create_if_block_12(ctx) {
9373
- let icons_pencilfilled;
9554
+ function create_if_block_2(ctx) {
9555
+ let current_block_type_index;
9556
+ let if_block;
9557
+ let if_block_anchor;
9374
9558
  let current;
9375
- icons_pencilfilled = new Icons_default.PencilFilled({
9376
- props: { theme: (
9377
- /*theme*/
9378
- ctx[4]
9379
- ), active: true }
9380
- });
9559
+ const if_block_creators = [create_if_block_3, create_else_block_12];
9560
+ const if_blocks = [];
9561
+ function select_block_type_2(ctx2, dirty) {
9562
+ if (
9563
+ /*appliance*/
9564
+ ctx2[3] === "pencil"
9565
+ )
9566
+ return 0;
9567
+ return 1;
9568
+ }
9569
+ current_block_type_index = select_block_type_2(ctx);
9570
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9381
9571
  return {
9382
9572
  c() {
9383
- create_component(icons_pencilfilled.$$.fragment);
9573
+ if_block.c();
9574
+ if_block_anchor = empty();
9384
9575
  },
9385
9576
  m(target, anchor) {
9386
- mount_component(icons_pencilfilled, target, anchor);
9577
+ if_blocks[current_block_type_index].m(target, anchor);
9578
+ insert(target, if_block_anchor, anchor);
9387
9579
  current = true;
9388
9580
  },
9389
9581
  p(ctx2, dirty) {
9390
- const icons_pencilfilled_changes = {};
9391
- if (dirty & /*theme*/
9392
- 16)
9393
- icons_pencilfilled_changes.theme = /*theme*/
9394
- ctx2[4];
9395
- icons_pencilfilled.$set(icons_pencilfilled_changes);
9582
+ let previous_block_index = current_block_type_index;
9583
+ current_block_type_index = select_block_type_2(ctx2);
9584
+ if (current_block_type_index === previous_block_index) {
9585
+ if_blocks[current_block_type_index].p(ctx2, dirty);
9586
+ } else {
9587
+ group_outros();
9588
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
9589
+ if_blocks[previous_block_index] = null;
9590
+ });
9591
+ check_outros();
9592
+ if_block = if_blocks[current_block_type_index];
9593
+ if (!if_block) {
9594
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
9595
+ if_block.c();
9596
+ } else {
9597
+ if_block.p(ctx2, dirty);
9598
+ }
9599
+ transition_in(if_block, 1);
9600
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
9601
+ }
9396
9602
  },
9397
9603
  i(local) {
9398
9604
  if (current)
9399
9605
  return;
9400
- transition_in(icons_pencilfilled.$$.fragment, local);
9606
+ transition_in(if_block);
9401
9607
  current = true;
9402
9608
  },
9403
9609
  o(local) {
9404
- transition_out(icons_pencilfilled.$$.fragment, local);
9610
+ transition_out(if_block);
9405
9611
  current = false;
9406
9612
  },
9407
9613
  d(detaching) {
9408
- destroy_component(icons_pencilfilled, detaching);
9614
+ if_blocks[current_block_type_index].d(detaching);
9615
+ if (detaching)
9616
+ detach(if_block_anchor);
9409
9617
  }
9410
9618
  };
9411
9619
  }
9412
9620
  function create_if_block8(ctx) {
9413
- let icons_laserpenfilled;
9414
- let current;
9415
- icons_laserpenfilled = new Icons_default.LaserPenFilled({
9416
- props: { theme: (
9417
- /*theme*/
9418
- ctx[4]
9419
- ), active: true }
9420
- });
9421
- return {
9422
- c() {
9423
- create_component(icons_laserpenfilled.$$.fragment);
9424
- },
9425
- m(target, anchor) {
9426
- mount_component(icons_laserpenfilled, target, anchor);
9427
- current = true;
9428
- },
9429
- p(ctx2, dirty) {
9430
- const icons_laserpenfilled_changes = {};
9431
- if (dirty & /*theme*/
9432
- 16)
9433
- icons_laserpenfilled_changes.theme = /*theme*/
9434
- ctx2[4];
9435
- icons_laserpenfilled.$set(icons_laserpenfilled_changes);
9436
- },
9437
- i(local) {
9438
- if (current)
9439
- return;
9440
- transition_in(icons_laserpenfilled.$$.fragment, local);
9441
- current = true;
9442
- },
9443
- o(local) {
9444
- transition_out(icons_laserpenfilled.$$.fragment, local);
9445
- current = false;
9446
- },
9447
- d(detaching) {
9448
- destroy_component(icons_laserpenfilled, detaching);
9449
- }
9450
- };
9451
- }
9452
- function create_default_slot6(ctx) {
9453
9621
  let current_block_type_index;
9454
9622
  let if_block;
9455
9623
  let if_block_anchor;
9456
9624
  let current;
9457
- const if_block_creators = [create_if_block8, create_if_block_12, create_else_block8];
9625
+ const if_block_creators = [create_if_block_12, create_else_block8];
9458
9626
  const if_blocks = [];
9459
- function select_block_type(ctx2, dirty) {
9460
- if (
9461
- /*appliance*/
9462
- ctx2[3] === "pencil" && /*hasUseLaserPen*/
9463
- ctx2[5]
9464
- )
9465
- return 0;
9627
+ function select_block_type_1(ctx2, dirty) {
9466
9628
  if (
9467
9629
  /*appliance*/
9468
9630
  ctx2[3] === "pencil"
9469
9631
  )
9470
- return 1;
9471
- return 2;
9632
+ return 0;
9633
+ return 1;
9472
9634
  }
9473
- current_block_type_index = select_block_type(ctx);
9635
+ current_block_type_index = select_block_type_1(ctx);
9474
9636
  if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9475
9637
  return {
9476
9638
  c() {
@@ -9484,7 +9646,7 @@ function create_default_slot6(ctx) {
9484
9646
  },
9485
9647
  p(ctx2, dirty) {
9486
9648
  let previous_block_index = current_block_type_index;
9487
- current_block_type_index = select_block_type(ctx2);
9649
+ current_block_type_index = select_block_type_1(ctx2);
9488
9650
  if (current_block_type_index === previous_block_index) {
9489
9651
  if_blocks[current_block_type_index].p(ctx2, dirty);
9490
9652
  } else {
@@ -9521,228 +9683,278 @@ function create_default_slot6(ctx) {
9521
9683
  }
9522
9684
  };
9523
9685
  }
9524
- function create_fragment62(ctx) {
9525
- let button;
9686
+ function create_else_block_2(ctx) {
9687
+ let icons_pencil;
9526
9688
  let current;
9527
- const button_spread_levels = [
9528
- { class: "pencil" },
9529
- /*btn_props*/
9530
- ctx[0],
9531
- { content: (
9532
- /*content*/
9533
- ctx[1]
9534
- ) },
9535
- { menu: (
9536
- /*menu*/
9537
- ctx[2]
9538
- ) }
9539
- ];
9540
- let button_props = {
9541
- $$slots: { default: [create_default_slot6] },
9542
- $$scope: { ctx }
9543
- };
9544
- for (let i = 0; i < button_spread_levels.length; i += 1) {
9545
- button_props = assign(button_props, button_spread_levels[i]);
9546
- }
9547
- button = new Button_default({ props: button_props });
9548
- button.$on(
9549
- "click",
9550
- /*click_handler*/
9551
- ctx[6]
9552
- );
9689
+ icons_pencil = new Icons_default.Pencil({ props: { theme: (
9690
+ /*theme*/
9691
+ ctx[4]
9692
+ ) } });
9553
9693
  return {
9554
9694
  c() {
9555
- create_component(button.$$.fragment);
9695
+ create_component(icons_pencil.$$.fragment);
9556
9696
  },
9557
9697
  m(target, anchor) {
9558
- mount_component(button, target, anchor);
9698
+ mount_component(icons_pencil, target, anchor);
9559
9699
  current = true;
9560
9700
  },
9561
- p(ctx2, [dirty]) {
9562
- const button_changes = dirty & /*btn_props, content, menu*/
9563
- 7 ? get_spread_update(button_spread_levels, [
9564
- button_spread_levels[0],
9565
- dirty & /*btn_props*/
9566
- 1 && get_spread_object(
9567
- /*btn_props*/
9568
- ctx2[0]
9569
- ),
9570
- dirty & /*content*/
9571
- 2 && { content: (
9572
- /*content*/
9573
- ctx2[1]
9574
- ) },
9575
- dirty & /*menu*/
9576
- 4 && { menu: (
9577
- /*menu*/
9578
- ctx2[2]
9579
- ) }
9580
- ]) : {};
9581
- if (dirty & /*$$scope, theme, appliance, hasUseLaserPen*/
9582
- 184) {
9583
- button_changes.$$scope = { dirty, ctx: ctx2 };
9584
- }
9585
- button.$set(button_changes);
9701
+ p(ctx2, dirty) {
9702
+ const icons_pencil_changes = {};
9703
+ if (dirty & /*theme*/
9704
+ 16)
9705
+ icons_pencil_changes.theme = /*theme*/
9706
+ ctx2[4];
9707
+ icons_pencil.$set(icons_pencil_changes);
9586
9708
  },
9587
9709
  i(local) {
9588
9710
  if (current)
9589
9711
  return;
9590
- transition_in(button.$$.fragment, local);
9712
+ transition_in(icons_pencil.$$.fragment, local);
9591
9713
  current = true;
9592
9714
  },
9593
9715
  o(local) {
9594
- transition_out(button.$$.fragment, local);
9716
+ transition_out(icons_pencil.$$.fragment, local);
9595
9717
  current = false;
9596
9718
  },
9597
9719
  d(detaching) {
9598
- destroy_component(button, detaching);
9720
+ destroy_component(icons_pencil, detaching);
9599
9721
  }
9600
9722
  };
9601
9723
  }
9602
- function instance62($$self, $$props, $$invalidate) {
9603
- let { btn_props = {} } = $$props;
9604
- let { content } = $$props;
9605
- let { menu } = $$props;
9606
- let { appliance } = $$props;
9607
- let { theme = "light" } = $$props;
9608
- let { hasUseLaserPen = false } = $$props;
9609
- function click_handler(event) {
9610
- bubble.call(this, $$self, event);
9611
- }
9612
- $$self.$$set = ($$props2) => {
9613
- if ("btn_props" in $$props2)
9614
- $$invalidate(0, btn_props = $$props2.btn_props);
9615
- if ("content" in $$props2)
9616
- $$invalidate(1, content = $$props2.content);
9617
- if ("menu" in $$props2)
9618
- $$invalidate(2, menu = $$props2.menu);
9619
- if ("appliance" in $$props2)
9620
- $$invalidate(3, appliance = $$props2.appliance);
9621
- if ("theme" in $$props2)
9622
- $$invalidate(4, theme = $$props2.theme);
9623
- if ("hasUseLaserPen" in $$props2)
9624
- $$invalidate(5, hasUseLaserPen = $$props2.hasUseLaserPen);
9625
- };
9626
- return [btn_props, content, menu, appliance, theme, hasUseLaserPen, click_handler];
9627
- }
9628
- var Pencil2 = class extends SvelteComponent {
9629
- constructor(options) {
9630
- super();
9631
- init(this, options, instance62, create_fragment62, safe_not_equal, {
9632
- btn_props: 0,
9633
- content: 1,
9634
- menu: 2,
9635
- appliance: 3,
9636
- theme: 4,
9637
- hasUseLaserPen: 5
9638
- });
9639
- }
9640
- };
9641
- var Pencil_default2 = Pencil2;
9642
-
9643
- // src/components/Toolbar/definitions/Text.svelte
9644
- function create_else_block9(ctx) {
9645
- let icons_text;
9724
+ function create_if_block_5(ctx) {
9725
+ let icons_pencilfilled;
9646
9726
  let current;
9647
- icons_text = new Icons_default.Text({ props: { theme: (
9648
- /*theme*/
9649
- ctx[4]
9650
- ) } });
9727
+ icons_pencilfilled = new Icons_default.PencilFilled({
9728
+ props: { theme: (
9729
+ /*theme*/
9730
+ ctx[4]
9731
+ ), active: true }
9732
+ });
9651
9733
  return {
9652
9734
  c() {
9653
- create_component(icons_text.$$.fragment);
9735
+ create_component(icons_pencilfilled.$$.fragment);
9654
9736
  },
9655
9737
  m(target, anchor) {
9656
- mount_component(icons_text, target, anchor);
9738
+ mount_component(icons_pencilfilled, target, anchor);
9657
9739
  current = true;
9658
9740
  },
9659
9741
  p(ctx2, dirty) {
9660
- const icons_text_changes = {};
9742
+ const icons_pencilfilled_changes = {};
9661
9743
  if (dirty & /*theme*/
9662
9744
  16)
9663
- icons_text_changes.theme = /*theme*/
9745
+ icons_pencilfilled_changes.theme = /*theme*/
9664
9746
  ctx2[4];
9665
- icons_text.$set(icons_text_changes);
9747
+ icons_pencilfilled.$set(icons_pencilfilled_changes);
9666
9748
  },
9667
9749
  i(local) {
9668
9750
  if (current)
9669
9751
  return;
9670
- transition_in(icons_text.$$.fragment, local);
9752
+ transition_in(icons_pencilfilled.$$.fragment, local);
9671
9753
  current = true;
9672
9754
  },
9673
9755
  o(local) {
9674
- transition_out(icons_text.$$.fragment, local);
9756
+ transition_out(icons_pencilfilled.$$.fragment, local);
9675
9757
  current = false;
9676
9758
  },
9677
9759
  d(detaching) {
9678
- destroy_component(icons_text, detaching);
9760
+ destroy_component(icons_pencilfilled, detaching);
9679
9761
  }
9680
9762
  };
9681
9763
  }
9682
- function create_if_block9(ctx) {
9683
- let icons_textfilled;
9764
+ function create_else_block_12(ctx) {
9765
+ let icons_laserpen;
9684
9766
  let current;
9685
- icons_textfilled = new Icons_default.TextFilled({
9686
- props: { theme: (
9687
- /*theme*/
9688
- ctx[4]
9689
- ), active: true }
9767
+ icons_laserpen = new Icons_default.LaserPen({ props: { theme: (
9768
+ /*theme*/
9769
+ ctx[4]
9770
+ ) } });
9771
+ return {
9772
+ c() {
9773
+ create_component(icons_laserpen.$$.fragment);
9774
+ },
9775
+ m(target, anchor) {
9776
+ mount_component(icons_laserpen, target, anchor);
9777
+ current = true;
9778
+ },
9779
+ p(ctx2, dirty) {
9780
+ const icons_laserpen_changes = {};
9781
+ if (dirty & /*theme*/
9782
+ 16)
9783
+ icons_laserpen_changes.theme = /*theme*/
9784
+ ctx2[4];
9785
+ icons_laserpen.$set(icons_laserpen_changes);
9786
+ },
9787
+ i(local) {
9788
+ if (current)
9789
+ return;
9790
+ transition_in(icons_laserpen.$$.fragment, local);
9791
+ current = true;
9792
+ },
9793
+ o(local) {
9794
+ transition_out(icons_laserpen.$$.fragment, local);
9795
+ current = false;
9796
+ },
9797
+ d(detaching) {
9798
+ destroy_component(icons_laserpen, detaching);
9799
+ }
9800
+ };
9801
+ }
9802
+ function create_if_block_3(ctx) {
9803
+ let icons_laserpenfilled;
9804
+ let current;
9805
+ icons_laserpenfilled = new Icons_default.LaserPenFilled({
9806
+ props: { theme: (
9807
+ /*theme*/
9808
+ ctx[4]
9809
+ ), active: true }
9690
9810
  });
9691
9811
  return {
9692
9812
  c() {
9693
- create_component(icons_textfilled.$$.fragment);
9813
+ create_component(icons_laserpenfilled.$$.fragment);
9694
9814
  },
9695
9815
  m(target, anchor) {
9696
- mount_component(icons_textfilled, target, anchor);
9816
+ mount_component(icons_laserpenfilled, target, anchor);
9697
9817
  current = true;
9698
9818
  },
9699
9819
  p(ctx2, dirty) {
9700
- const icons_textfilled_changes = {};
9820
+ const icons_laserpenfilled_changes = {};
9701
9821
  if (dirty & /*theme*/
9702
9822
  16)
9703
- icons_textfilled_changes.theme = /*theme*/
9823
+ icons_laserpenfilled_changes.theme = /*theme*/
9704
9824
  ctx2[4];
9705
- icons_textfilled.$set(icons_textfilled_changes);
9825
+ icons_laserpenfilled.$set(icons_laserpenfilled_changes);
9706
9826
  },
9707
9827
  i(local) {
9708
9828
  if (current)
9709
9829
  return;
9710
- transition_in(icons_textfilled.$$.fragment, local);
9830
+ transition_in(icons_laserpenfilled.$$.fragment, local);
9711
9831
  current = true;
9712
9832
  },
9713
9833
  o(local) {
9714
- transition_out(icons_textfilled.$$.fragment, local);
9834
+ transition_out(icons_laserpenfilled.$$.fragment, local);
9715
9835
  current = false;
9716
9836
  },
9717
9837
  d(detaching) {
9718
- destroy_component(icons_textfilled, detaching);
9838
+ destroy_component(icons_laserpenfilled, detaching);
9719
9839
  }
9720
9840
  };
9721
9841
  }
9722
- function create_default_slot7(ctx) {
9842
+ function create_else_block8(ctx) {
9843
+ let icons_markpen;
9844
+ let current;
9845
+ icons_markpen = new Icons_default.MarkPen({ props: { theme: (
9846
+ /*theme*/
9847
+ ctx[4]
9848
+ ) } });
9849
+ return {
9850
+ c() {
9851
+ create_component(icons_markpen.$$.fragment);
9852
+ },
9853
+ m(target, anchor) {
9854
+ mount_component(icons_markpen, target, anchor);
9855
+ current = true;
9856
+ },
9857
+ p(ctx2, dirty) {
9858
+ const icons_markpen_changes = {};
9859
+ if (dirty & /*theme*/
9860
+ 16)
9861
+ icons_markpen_changes.theme = /*theme*/
9862
+ ctx2[4];
9863
+ icons_markpen.$set(icons_markpen_changes);
9864
+ },
9865
+ i(local) {
9866
+ if (current)
9867
+ return;
9868
+ transition_in(icons_markpen.$$.fragment, local);
9869
+ current = true;
9870
+ },
9871
+ o(local) {
9872
+ transition_out(icons_markpen.$$.fragment, local);
9873
+ current = false;
9874
+ },
9875
+ d(detaching) {
9876
+ destroy_component(icons_markpen, detaching);
9877
+ }
9878
+ };
9879
+ }
9880
+ function create_if_block_12(ctx) {
9881
+ let icons_markpenfilled;
9882
+ let current;
9883
+ icons_markpenfilled = new Icons_default.MarkPenFilled({
9884
+ props: { theme: (
9885
+ /*theme*/
9886
+ ctx[4]
9887
+ ), active: true }
9888
+ });
9889
+ return {
9890
+ c() {
9891
+ create_component(icons_markpenfilled.$$.fragment);
9892
+ },
9893
+ m(target, anchor) {
9894
+ mount_component(icons_markpenfilled, target, anchor);
9895
+ current = true;
9896
+ },
9897
+ p(ctx2, dirty) {
9898
+ const icons_markpenfilled_changes = {};
9899
+ if (dirty & /*theme*/
9900
+ 16)
9901
+ icons_markpenfilled_changes.theme = /*theme*/
9902
+ ctx2[4];
9903
+ icons_markpenfilled.$set(icons_markpenfilled_changes);
9904
+ },
9905
+ i(local) {
9906
+ if (current)
9907
+ return;
9908
+ transition_in(icons_markpenfilled.$$.fragment, local);
9909
+ current = true;
9910
+ },
9911
+ o(local) {
9912
+ transition_out(icons_markpenfilled.$$.fragment, local);
9913
+ current = false;
9914
+ },
9915
+ d(detaching) {
9916
+ destroy_component(icons_markpenfilled, detaching);
9917
+ }
9918
+ };
9919
+ }
9920
+ function create_default_slot6(ctx) {
9723
9921
  let current_block_type_index;
9724
9922
  let if_block;
9725
9923
  let if_block_anchor;
9726
9924
  let current;
9727
- const if_block_creators = [create_if_block9, create_else_block9];
9925
+ const if_block_creators = [create_if_block8, create_if_block_2, create_if_block_4];
9728
9926
  const if_blocks = [];
9729
9927
  function select_block_type(ctx2, dirty) {
9730
9928
  if (
9731
- /*appliance*/
9732
- ctx2[3] === "text"
9929
+ /*pencilType*/
9930
+ ctx2[5] === "mark"
9733
9931
  )
9734
9932
  return 0;
9735
- return 1;
9933
+ if (
9934
+ /*pencilType*/
9935
+ ctx2[5] === "laser"
9936
+ )
9937
+ return 1;
9938
+ if (
9939
+ /*pencilType*/
9940
+ ctx2[5] === "pencil"
9941
+ )
9942
+ return 2;
9943
+ return -1;
9944
+ }
9945
+ if (~(current_block_type_index = select_block_type(ctx))) {
9946
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9736
9947
  }
9737
- current_block_type_index = select_block_type(ctx);
9738
- if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
9739
9948
  return {
9740
9949
  c() {
9741
- if_block.c();
9950
+ if (if_block)
9951
+ if_block.c();
9742
9952
  if_block_anchor = empty();
9743
9953
  },
9744
9954
  m(target, anchor) {
9745
- if_blocks[current_block_type_index].m(target, anchor);
9955
+ if (~current_block_type_index) {
9956
+ if_blocks[current_block_type_index].m(target, anchor);
9957
+ }
9746
9958
  insert(target, if_block_anchor, anchor);
9747
9959
  current = true;
9748
9960
  },
@@ -9750,22 +9962,30 @@ function create_default_slot7(ctx) {
9750
9962
  let previous_block_index = current_block_type_index;
9751
9963
  current_block_type_index = select_block_type(ctx2);
9752
9964
  if (current_block_type_index === previous_block_index) {
9753
- if_blocks[current_block_type_index].p(ctx2, dirty);
9965
+ if (~current_block_type_index) {
9966
+ if_blocks[current_block_type_index].p(ctx2, dirty);
9967
+ }
9754
9968
  } else {
9755
- group_outros();
9756
- transition_out(if_blocks[previous_block_index], 1, 1, () => {
9757
- if_blocks[previous_block_index] = null;
9758
- });
9759
- check_outros();
9760
- if_block = if_blocks[current_block_type_index];
9761
- if (!if_block) {
9762
- if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
9763
- if_block.c();
9969
+ if (if_block) {
9970
+ group_outros();
9971
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
9972
+ if_blocks[previous_block_index] = null;
9973
+ });
9974
+ check_outros();
9975
+ }
9976
+ if (~current_block_type_index) {
9977
+ if_block = if_blocks[current_block_type_index];
9978
+ if (!if_block) {
9979
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
9980
+ if_block.c();
9981
+ } else {
9982
+ if_block.p(ctx2, dirty);
9983
+ }
9984
+ transition_in(if_block, 1);
9985
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
9764
9986
  } else {
9765
- if_block.p(ctx2, dirty);
9987
+ if_block = null;
9766
9988
  }
9767
- transition_in(if_block, 1);
9768
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
9769
9989
  }
9770
9990
  },
9771
9991
  i(local) {
@@ -9779,17 +9999,19 @@ function create_default_slot7(ctx) {
9779
9999
  current = false;
9780
10000
  },
9781
10001
  d(detaching) {
9782
- if_blocks[current_block_type_index].d(detaching);
10002
+ if (~current_block_type_index) {
10003
+ if_blocks[current_block_type_index].d(detaching);
10004
+ }
9783
10005
  if (detaching)
9784
10006
  detach(if_block_anchor);
9785
10007
  }
9786
10008
  };
9787
10009
  }
9788
- function create_fragment63(ctx) {
10010
+ function create_fragment64(ctx) {
9789
10011
  let button;
9790
10012
  let current;
9791
10013
  const button_spread_levels = [
9792
- { class: "text" },
10014
+ { class: "pencil" },
9793
10015
  /*btn_props*/
9794
10016
  ctx[0],
9795
10017
  { content: (
@@ -9802,7 +10024,7 @@ function create_fragment63(ctx) {
9802
10024
  ) }
9803
10025
  ];
9804
10026
  let button_props = {
9805
- $$slots: { default: [create_default_slot7] },
10027
+ $$slots: { default: [create_default_slot6] },
9806
10028
  $$scope: { ctx }
9807
10029
  };
9808
10030
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -9812,7 +10034,7 @@ function create_fragment63(ctx) {
9812
10034
  button.$on(
9813
10035
  "click",
9814
10036
  /*click_handler*/
9815
- ctx[5]
10037
+ ctx[6]
9816
10038
  );
9817
10039
  return {
9818
10040
  c() {
@@ -9842,8 +10064,8 @@ function create_fragment63(ctx) {
9842
10064
  ctx2[2]
9843
10065
  ) }
9844
10066
  ]) : {};
9845
- if (dirty & /*$$scope, theme, appliance*/
9846
- 88) {
10067
+ if (dirty & /*$$scope, theme, appliance, pencilType*/
10068
+ 184) {
9847
10069
  button_changes.$$scope = { dirty, ctx: ctx2 };
9848
10070
  }
9849
10071
  button.$set(button_changes);
@@ -9863,12 +10085,13 @@ function create_fragment63(ctx) {
9863
10085
  }
9864
10086
  };
9865
10087
  }
9866
- function instance63($$self, $$props, $$invalidate) {
10088
+ function instance64($$self, $$props, $$invalidate) {
9867
10089
  let { btn_props = {} } = $$props;
9868
10090
  let { content } = $$props;
9869
10091
  let { menu } = $$props;
9870
10092
  let { appliance } = $$props;
9871
10093
  let { theme = "light" } = $$props;
10094
+ let { pencilType = "pencil" } = $$props;
9872
10095
  function click_handler(event) {
9873
10096
  bubble.call(this, $$self, event);
9874
10097
  }
@@ -9883,201 +10106,116 @@ function instance63($$self, $$props, $$invalidate) {
9883
10106
  $$invalidate(3, appliance = $$props2.appliance);
9884
10107
  if ("theme" in $$props2)
9885
10108
  $$invalidate(4, theme = $$props2.theme);
10109
+ if ("pencilType" in $$props2)
10110
+ $$invalidate(5, pencilType = $$props2.pencilType);
9886
10111
  };
9887
- return [btn_props, content, menu, appliance, theme, click_handler];
10112
+ return [btn_props, content, menu, appliance, theme, pencilType, click_handler];
9888
10113
  }
9889
- var Text2 = class extends SvelteComponent {
10114
+ var Pencil2 = class extends SvelteComponent {
9890
10115
  constructor(options) {
9891
10116
  super();
9892
- init(this, options, instance63, create_fragment63, safe_not_equal, {
10117
+ init(this, options, instance64, create_fragment64, safe_not_equal, {
9893
10118
  btn_props: 0,
9894
10119
  content: 1,
9895
10120
  menu: 2,
9896
10121
  appliance: 3,
9897
- theme: 4
10122
+ theme: 4,
10123
+ pencilType: 5
9898
10124
  });
9899
10125
  }
9900
10126
  };
9901
- var Text_default2 = Text2;
10127
+ var Pencil_default2 = Pencil2;
9902
10128
 
9903
- // src/components/Toolbar/definitions/Shapes.svelte
9904
- function create_else_block10(ctx) {
9905
- let switch_instance;
9906
- let switch_instance_anchor;
10129
+ // src/components/Toolbar/definitions/Text.svelte
10130
+ function create_else_block9(ctx) {
10131
+ let icons_text;
9907
10132
  let current;
9908
- var switch_value = shapesIcon[
9909
- /*last_shape*/
9910
- ctx[6]
9911
- ];
9912
- function switch_props(ctx2) {
9913
- return { props: { theme: (
9914
- /*theme*/
9915
- ctx2[4]
9916
- ) } };
9917
- }
9918
- if (switch_value) {
9919
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
9920
- }
10133
+ icons_text = new Icons_default.Text({ props: { theme: (
10134
+ /*theme*/
10135
+ ctx[4]
10136
+ ) } });
9921
10137
  return {
9922
10138
  c() {
9923
- if (switch_instance)
9924
- create_component(switch_instance.$$.fragment);
9925
- switch_instance_anchor = empty();
10139
+ create_component(icons_text.$$.fragment);
9926
10140
  },
9927
10141
  m(target, anchor) {
9928
- if (switch_instance)
9929
- mount_component(switch_instance, target, anchor);
9930
- insert(target, switch_instance_anchor, anchor);
10142
+ mount_component(icons_text, target, anchor);
9931
10143
  current = true;
9932
10144
  },
9933
10145
  p(ctx2, dirty) {
9934
- const switch_instance_changes = {};
10146
+ const icons_text_changes = {};
9935
10147
  if (dirty & /*theme*/
9936
10148
  16)
9937
- switch_instance_changes.theme = /*theme*/
10149
+ icons_text_changes.theme = /*theme*/
9938
10150
  ctx2[4];
9939
- if (dirty & /*last_shape*/
9940
- 64 && switch_value !== (switch_value = shapesIcon[
9941
- /*last_shape*/
9942
- ctx2[6]
9943
- ])) {
9944
- if (switch_instance) {
9945
- group_outros();
9946
- const old_component = switch_instance;
9947
- transition_out(old_component.$$.fragment, 1, 0, () => {
9948
- destroy_component(old_component, 1);
9949
- });
9950
- check_outros();
9951
- }
9952
- if (switch_value) {
9953
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
9954
- create_component(switch_instance.$$.fragment);
9955
- transition_in(switch_instance.$$.fragment, 1);
9956
- mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
9957
- } else {
9958
- switch_instance = null;
9959
- }
9960
- } else if (switch_value) {
9961
- switch_instance.$set(switch_instance_changes);
9962
- }
10151
+ icons_text.$set(icons_text_changes);
9963
10152
  },
9964
10153
  i(local) {
9965
10154
  if (current)
9966
10155
  return;
9967
- if (switch_instance)
9968
- transition_in(switch_instance.$$.fragment, local);
10156
+ transition_in(icons_text.$$.fragment, local);
9969
10157
  current = true;
9970
10158
  },
9971
10159
  o(local) {
9972
- if (switch_instance)
9973
- transition_out(switch_instance.$$.fragment, local);
10160
+ transition_out(icons_text.$$.fragment, local);
9974
10161
  current = false;
9975
10162
  },
9976
10163
  d(detaching) {
9977
- if (detaching)
9978
- detach(switch_instance_anchor);
9979
- if (switch_instance)
9980
- destroy_component(switch_instance, detaching);
10164
+ destroy_component(icons_text, detaching);
9981
10165
  }
9982
10166
  };
9983
10167
  }
9984
- function create_if_block10(ctx) {
9985
- let switch_instance;
9986
- let switch_instance_anchor;
10168
+ function create_if_block9(ctx) {
10169
+ let icons_textfilled;
9987
10170
  let current;
9988
- var switch_value = shapesIconActive[
9989
- /*last_shape*/
9990
- ctx[6]
9991
- ];
9992
- function switch_props(ctx2) {
9993
- return {
9994
- props: { theme: (
9995
- /*theme*/
9996
- ctx2[4]
9997
- ), active: true }
9998
- };
9999
- }
10000
- if (switch_value) {
10001
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
10002
- }
10171
+ icons_textfilled = new Icons_default.TextFilled({
10172
+ props: { theme: (
10173
+ /*theme*/
10174
+ ctx[4]
10175
+ ), active: true }
10176
+ });
10003
10177
  return {
10004
10178
  c() {
10005
- if (switch_instance)
10006
- create_component(switch_instance.$$.fragment);
10007
- switch_instance_anchor = empty();
10179
+ create_component(icons_textfilled.$$.fragment);
10008
10180
  },
10009
10181
  m(target, anchor) {
10010
- if (switch_instance)
10011
- mount_component(switch_instance, target, anchor);
10012
- insert(target, switch_instance_anchor, anchor);
10182
+ mount_component(icons_textfilled, target, anchor);
10013
10183
  current = true;
10014
10184
  },
10015
10185
  p(ctx2, dirty) {
10016
- const switch_instance_changes = {};
10186
+ const icons_textfilled_changes = {};
10017
10187
  if (dirty & /*theme*/
10018
10188
  16)
10019
- switch_instance_changes.theme = /*theme*/
10189
+ icons_textfilled_changes.theme = /*theme*/
10020
10190
  ctx2[4];
10021
- if (dirty & /*last_shape*/
10022
- 64 && switch_value !== (switch_value = shapesIconActive[
10023
- /*last_shape*/
10024
- ctx2[6]
10025
- ])) {
10026
- if (switch_instance) {
10027
- group_outros();
10028
- const old_component = switch_instance;
10029
- transition_out(old_component.$$.fragment, 1, 0, () => {
10030
- destroy_component(old_component, 1);
10031
- });
10032
- check_outros();
10033
- }
10034
- if (switch_value) {
10035
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
10036
- create_component(switch_instance.$$.fragment);
10037
- transition_in(switch_instance.$$.fragment, 1);
10038
- mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
10039
- } else {
10040
- switch_instance = null;
10041
- }
10042
- } else if (switch_value) {
10043
- switch_instance.$set(switch_instance_changes);
10044
- }
10191
+ icons_textfilled.$set(icons_textfilled_changes);
10045
10192
  },
10046
10193
  i(local) {
10047
10194
  if (current)
10048
10195
  return;
10049
- if (switch_instance)
10050
- transition_in(switch_instance.$$.fragment, local);
10196
+ transition_in(icons_textfilled.$$.fragment, local);
10051
10197
  current = true;
10052
10198
  },
10053
10199
  o(local) {
10054
- if (switch_instance)
10055
- transition_out(switch_instance.$$.fragment, local);
10200
+ transition_out(icons_textfilled.$$.fragment, local);
10056
10201
  current = false;
10057
10202
  },
10058
10203
  d(detaching) {
10059
- if (detaching)
10060
- detach(switch_instance_anchor);
10061
- if (switch_instance)
10062
- destroy_component(switch_instance, detaching);
10204
+ destroy_component(icons_textfilled, detaching);
10063
10205
  }
10064
10206
  };
10065
10207
  }
10066
- function create_default_slot8(ctx) {
10208
+ function create_default_slot7(ctx) {
10067
10209
  let current_block_type_index;
10068
10210
  let if_block;
10069
10211
  let if_block_anchor;
10070
10212
  let current;
10071
- const if_block_creators = [create_if_block10, create_else_block10];
10213
+ const if_block_creators = [create_if_block9, create_else_block9];
10072
10214
  const if_blocks = [];
10073
10215
  function select_block_type(ctx2, dirty) {
10074
10216
  if (
10075
10217
  /*appliance*/
10076
- ctx2[0] === /*last_shape*/
10077
- ctx2[6] || /*appliance*/
10078
- ctx2[0] === "shape" && /*shape*/
10079
- ctx2[5] === /*last_shape*/
10080
- ctx2[6]
10218
+ ctx2[3] === "text"
10081
10219
  )
10082
10220
  return 0;
10083
10221
  return 1;
@@ -10133,24 +10271,24 @@ function create_default_slot8(ctx) {
10133
10271
  }
10134
10272
  };
10135
10273
  }
10136
- function create_fragment64(ctx) {
10274
+ function create_fragment65(ctx) {
10137
10275
  let button;
10138
10276
  let current;
10139
10277
  const button_spread_levels = [
10140
- { class: "shapes" },
10278
+ { class: "text" },
10141
10279
  /*btn_props*/
10142
- ctx[1],
10280
+ ctx[0],
10143
10281
  { content: (
10144
10282
  /*content*/
10145
- ctx[2]
10283
+ ctx[1]
10146
10284
  ) },
10147
10285
  { menu: (
10148
10286
  /*menu*/
10149
- ctx[3]
10287
+ ctx[2]
10150
10288
  ) }
10151
10289
  ];
10152
10290
  let button_props = {
10153
- $$slots: { default: [create_default_slot8] },
10291
+ $$slots: { default: [create_default_slot7] },
10154
10292
  $$scope: { ctx }
10155
10293
  };
10156
10294
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -10159,8 +10297,8 @@ function create_fragment64(ctx) {
10159
10297
  button = new Button_default({ props: button_props });
10160
10298
  button.$on(
10161
10299
  "click",
10162
- /*select_last_shape*/
10163
- ctx[8]
10300
+ /*click_handler*/
10301
+ ctx[5]
10164
10302
  );
10165
10303
  return {
10166
10304
  c() {
@@ -10172,26 +10310,26 @@ function create_fragment64(ctx) {
10172
10310
  },
10173
10311
  p(ctx2, [dirty]) {
10174
10312
  const button_changes = dirty & /*btn_props, content, menu*/
10175
- 14 ? get_spread_update(button_spread_levels, [
10313
+ 7 ? get_spread_update(button_spread_levels, [
10176
10314
  button_spread_levels[0],
10177
10315
  dirty & /*btn_props*/
10178
- 2 && get_spread_object(
10316
+ 1 && get_spread_object(
10179
10317
  /*btn_props*/
10180
- ctx2[1]
10318
+ ctx2[0]
10181
10319
  ),
10182
10320
  dirty & /*content*/
10183
- 4 && { content: (
10321
+ 2 && { content: (
10184
10322
  /*content*/
10185
- ctx2[2]
10323
+ ctx2[1]
10186
10324
  ) },
10187
10325
  dirty & /*menu*/
10188
- 8 && { menu: (
10326
+ 4 && { menu: (
10189
10327
  /*menu*/
10190
- ctx2[3]
10328
+ ctx2[2]
10191
10329
  ) }
10192
10330
  ]) : {};
10193
- if (dirty & /*$$scope, last_shape, theme, appliance, shape*/
10194
- 2161) {
10331
+ if (dirty & /*$$scope, theme, appliance*/
10332
+ 88) {
10195
10333
  button_changes.$$scope = { dirty, ctx: ctx2 };
10196
10334
  }
10197
10335
  button.$set(button_changes);
@@ -10211,180 +10349,221 @@ function create_fragment64(ctx) {
10211
10349
  }
10212
10350
  };
10213
10351
  }
10214
- function instance64($$self, $$props, $$invalidate) {
10215
- let memberState;
10216
- let shape;
10217
- let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(10, $memberState = $$value)), memberState);
10218
- $$self.$$.on_destroy.push(() => $$unsubscribe_memberState());
10219
- let { app = null } = $$props;
10352
+ function instance65($$self, $$props, $$invalidate) {
10220
10353
  let { btn_props = {} } = $$props;
10221
10354
  let { content } = $$props;
10222
10355
  let { menu } = $$props;
10223
10356
  let { appliance } = $$props;
10224
10357
  let { theme = "light" } = $$props;
10225
- let last_shape = "rectangle";
10226
- function select_last_shape() {
10227
- if (applianceShapes.includes(last_shape)) {
10228
- app == null ? void 0 : app.setAppliance(last_shape);
10229
- } else {
10230
- app == null ? void 0 : app.setAppliance("shape", last_shape);
10231
- }
10358
+ function click_handler(event) {
10359
+ bubble.call(this, $$self, event);
10232
10360
  }
10233
10361
  $$self.$$set = ($$props2) => {
10234
- if ("app" in $$props2)
10235
- $$invalidate(9, app = $$props2.app);
10236
10362
  if ("btn_props" in $$props2)
10237
- $$invalidate(1, btn_props = $$props2.btn_props);
10363
+ $$invalidate(0, btn_props = $$props2.btn_props);
10238
10364
  if ("content" in $$props2)
10239
- $$invalidate(2, content = $$props2.content);
10365
+ $$invalidate(1, content = $$props2.content);
10240
10366
  if ("menu" in $$props2)
10241
- $$invalidate(3, menu = $$props2.menu);
10367
+ $$invalidate(2, menu = $$props2.menu);
10242
10368
  if ("appliance" in $$props2)
10243
- $$invalidate(0, appliance = $$props2.appliance);
10369
+ $$invalidate(3, appliance = $$props2.appliance);
10244
10370
  if ("theme" in $$props2)
10245
10371
  $$invalidate(4, theme = $$props2.theme);
10246
10372
  };
10247
- $$self.$$.update = () => {
10248
- if ($$self.$$.dirty & /*app*/
10249
- 512) {
10250
- $$subscribe_memberState($$invalidate(7, memberState = app == null ? void 0 : app.memberState));
10251
- }
10252
- if ($$self.$$.dirty & /*$memberState*/
10253
- 1024) {
10254
- $$invalidate(0, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
10255
- }
10256
- if ($$self.$$.dirty & /*$memberState*/
10257
- 1024) {
10258
- $$invalidate(5, shape = $memberState == null ? void 0 : $memberState.shapeType);
10259
- }
10260
- if ($$self.$$.dirty & /*appliance, shape*/
10261
- 33) {
10262
- if (applianceShapes.includes(appliance)) {
10263
- $$invalidate(6, last_shape = appliance);
10264
- } else if (shape) {
10265
- $$invalidate(6, last_shape = shape);
10266
- }
10267
- }
10268
- };
10269
- return [
10270
- appliance,
10271
- btn_props,
10272
- content,
10273
- menu,
10274
- theme,
10275
- shape,
10276
- last_shape,
10277
- memberState,
10278
- select_last_shape,
10279
- app,
10280
- $memberState
10281
- ];
10373
+ return [btn_props, content, menu, appliance, theme, click_handler];
10282
10374
  }
10283
- var Shapes = class extends SvelteComponent {
10375
+ var Text2 = class extends SvelteComponent {
10284
10376
  constructor(options) {
10285
10377
  super();
10286
- init(this, options, instance64, create_fragment64, safe_not_equal, {
10287
- app: 9,
10288
- btn_props: 1,
10289
- content: 2,
10290
- menu: 3,
10291
- appliance: 0,
10378
+ init(this, options, instance65, create_fragment65, safe_not_equal, {
10379
+ btn_props: 0,
10380
+ content: 1,
10381
+ menu: 2,
10382
+ appliance: 3,
10292
10383
  theme: 4
10293
10384
  });
10294
10385
  }
10295
10386
  };
10296
- var Shapes_default = Shapes;
10387
+ var Text_default2 = Text2;
10297
10388
 
10298
- // src/components/Toolbar/definitions/Eraser.svelte
10299
- function create_else_block11(ctx) {
10300
- let icons_eraser;
10389
+ // src/components/Toolbar/definitions/Shapes.svelte
10390
+ function create_else_block10(ctx) {
10391
+ let switch_instance;
10392
+ let switch_instance_anchor;
10301
10393
  let current;
10302
- icons_eraser = new Icons_default.Eraser({ props: { theme: (
10303
- /*theme*/
10304
- ctx[3]
10305
- ) } });
10394
+ var switch_value = shapesIcon[
10395
+ /*last_shape*/
10396
+ ctx[6]
10397
+ ];
10398
+ function switch_props(ctx2) {
10399
+ return { props: { theme: (
10400
+ /*theme*/
10401
+ ctx2[4]
10402
+ ) } };
10403
+ }
10404
+ if (switch_value) {
10405
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
10406
+ }
10306
10407
  return {
10307
10408
  c() {
10308
- create_component(icons_eraser.$$.fragment);
10409
+ if (switch_instance)
10410
+ create_component(switch_instance.$$.fragment);
10411
+ switch_instance_anchor = empty();
10309
10412
  },
10310
10413
  m(target, anchor) {
10311
- mount_component(icons_eraser, target, anchor);
10414
+ if (switch_instance)
10415
+ mount_component(switch_instance, target, anchor);
10416
+ insert(target, switch_instance_anchor, anchor);
10312
10417
  current = true;
10313
10418
  },
10314
10419
  p(ctx2, dirty) {
10315
- const icons_eraser_changes = {};
10420
+ const switch_instance_changes = {};
10316
10421
  if (dirty & /*theme*/
10317
- 8)
10318
- icons_eraser_changes.theme = /*theme*/
10319
- ctx2[3];
10320
- icons_eraser.$set(icons_eraser_changes);
10321
- },
10322
- i(local) {
10323
- if (current)
10324
- return;
10325
- transition_in(icons_eraser.$$.fragment, local);
10422
+ 16)
10423
+ switch_instance_changes.theme = /*theme*/
10424
+ ctx2[4];
10425
+ if (dirty & /*last_shape*/
10426
+ 64 && switch_value !== (switch_value = shapesIcon[
10427
+ /*last_shape*/
10428
+ ctx2[6]
10429
+ ])) {
10430
+ if (switch_instance) {
10431
+ group_outros();
10432
+ const old_component = switch_instance;
10433
+ transition_out(old_component.$$.fragment, 1, 0, () => {
10434
+ destroy_component(old_component, 1);
10435
+ });
10436
+ check_outros();
10437
+ }
10438
+ if (switch_value) {
10439
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
10440
+ create_component(switch_instance.$$.fragment);
10441
+ transition_in(switch_instance.$$.fragment, 1);
10442
+ mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
10443
+ } else {
10444
+ switch_instance = null;
10445
+ }
10446
+ } else if (switch_value) {
10447
+ switch_instance.$set(switch_instance_changes);
10448
+ }
10449
+ },
10450
+ i(local) {
10451
+ if (current)
10452
+ return;
10453
+ if (switch_instance)
10454
+ transition_in(switch_instance.$$.fragment, local);
10326
10455
  current = true;
10327
10456
  },
10328
10457
  o(local) {
10329
- transition_out(icons_eraser.$$.fragment, local);
10458
+ if (switch_instance)
10459
+ transition_out(switch_instance.$$.fragment, local);
10330
10460
  current = false;
10331
10461
  },
10332
10462
  d(detaching) {
10333
- destroy_component(icons_eraser, detaching);
10463
+ if (detaching)
10464
+ detach(switch_instance_anchor);
10465
+ if (switch_instance)
10466
+ destroy_component(switch_instance, detaching);
10334
10467
  }
10335
10468
  };
10336
10469
  }
10337
- function create_if_block11(ctx) {
10338
- let icons_eraserfilled;
10470
+ function create_if_block10(ctx) {
10471
+ let switch_instance;
10472
+ let switch_instance_anchor;
10339
10473
  let current;
10340
- icons_eraserfilled = new Icons_default.EraserFilled({
10341
- props: { theme: (
10342
- /*theme*/
10343
- ctx[3]
10344
- ), active: true }
10345
- });
10474
+ var switch_value = shapesIconActive[
10475
+ /*last_shape*/
10476
+ ctx[6]
10477
+ ];
10478
+ function switch_props(ctx2) {
10479
+ return {
10480
+ props: { theme: (
10481
+ /*theme*/
10482
+ ctx2[4]
10483
+ ), active: true }
10484
+ };
10485
+ }
10486
+ if (switch_value) {
10487
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
10488
+ }
10346
10489
  return {
10347
10490
  c() {
10348
- create_component(icons_eraserfilled.$$.fragment);
10491
+ if (switch_instance)
10492
+ create_component(switch_instance.$$.fragment);
10493
+ switch_instance_anchor = empty();
10349
10494
  },
10350
10495
  m(target, anchor) {
10351
- mount_component(icons_eraserfilled, target, anchor);
10496
+ if (switch_instance)
10497
+ mount_component(switch_instance, target, anchor);
10498
+ insert(target, switch_instance_anchor, anchor);
10352
10499
  current = true;
10353
10500
  },
10354
10501
  p(ctx2, dirty) {
10355
- const icons_eraserfilled_changes = {};
10502
+ const switch_instance_changes = {};
10356
10503
  if (dirty & /*theme*/
10357
- 8)
10358
- icons_eraserfilled_changes.theme = /*theme*/
10359
- ctx2[3];
10360
- icons_eraserfilled.$set(icons_eraserfilled_changes);
10504
+ 16)
10505
+ switch_instance_changes.theme = /*theme*/
10506
+ ctx2[4];
10507
+ if (dirty & /*last_shape*/
10508
+ 64 && switch_value !== (switch_value = shapesIconActive[
10509
+ /*last_shape*/
10510
+ ctx2[6]
10511
+ ])) {
10512
+ if (switch_instance) {
10513
+ group_outros();
10514
+ const old_component = switch_instance;
10515
+ transition_out(old_component.$$.fragment, 1, 0, () => {
10516
+ destroy_component(old_component, 1);
10517
+ });
10518
+ check_outros();
10519
+ }
10520
+ if (switch_value) {
10521
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
10522
+ create_component(switch_instance.$$.fragment);
10523
+ transition_in(switch_instance.$$.fragment, 1);
10524
+ mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
10525
+ } else {
10526
+ switch_instance = null;
10527
+ }
10528
+ } else if (switch_value) {
10529
+ switch_instance.$set(switch_instance_changes);
10530
+ }
10361
10531
  },
10362
10532
  i(local) {
10363
10533
  if (current)
10364
10534
  return;
10365
- transition_in(icons_eraserfilled.$$.fragment, local);
10535
+ if (switch_instance)
10536
+ transition_in(switch_instance.$$.fragment, local);
10366
10537
  current = true;
10367
10538
  },
10368
10539
  o(local) {
10369
- transition_out(icons_eraserfilled.$$.fragment, local);
10540
+ if (switch_instance)
10541
+ transition_out(switch_instance.$$.fragment, local);
10370
10542
  current = false;
10371
10543
  },
10372
10544
  d(detaching) {
10373
- destroy_component(icons_eraserfilled, detaching);
10545
+ if (detaching)
10546
+ detach(switch_instance_anchor);
10547
+ if (switch_instance)
10548
+ destroy_component(switch_instance, detaching);
10374
10549
  }
10375
10550
  };
10376
10551
  }
10377
- function create_default_slot9(ctx) {
10552
+ function create_default_slot8(ctx) {
10378
10553
  let current_block_type_index;
10379
10554
  let if_block;
10380
10555
  let if_block_anchor;
10381
10556
  let current;
10382
- const if_block_creators = [create_if_block11, create_else_block11];
10557
+ const if_block_creators = [create_if_block10, create_else_block10];
10383
10558
  const if_blocks = [];
10384
10559
  function select_block_type(ctx2, dirty) {
10385
10560
  if (
10386
10561
  /*appliance*/
10387
- ctx2[2] === "eraser"
10562
+ ctx2[0] === /*last_shape*/
10563
+ ctx2[6] || /*appliance*/
10564
+ ctx2[0] === "shape" && /*shape*/
10565
+ ctx2[5] === /*last_shape*/
10566
+ ctx2[6]
10388
10567
  )
10389
10568
  return 0;
10390
10569
  return 1;
@@ -10440,20 +10619,24 @@ function create_default_slot9(ctx) {
10440
10619
  }
10441
10620
  };
10442
10621
  }
10443
- function create_fragment65(ctx) {
10622
+ function create_fragment66(ctx) {
10444
10623
  let button;
10445
10624
  let current;
10446
10625
  const button_spread_levels = [
10447
- { class: "eraser" },
10626
+ { class: "shapes" },
10448
10627
  /*btn_props*/
10449
- ctx[0],
10628
+ ctx[1],
10450
10629
  { content: (
10451
10630
  /*content*/
10452
- ctx[1]
10631
+ ctx[2]
10632
+ ) },
10633
+ { menu: (
10634
+ /*menu*/
10635
+ ctx[3]
10453
10636
  ) }
10454
10637
  ];
10455
10638
  let button_props = {
10456
- $$slots: { default: [create_default_slot9] },
10639
+ $$slots: { default: [create_default_slot8] },
10457
10640
  $$scope: { ctx }
10458
10641
  };
10459
10642
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -10462,8 +10645,8 @@ function create_fragment65(ctx) {
10462
10645
  button = new Button_default({ props: button_props });
10463
10646
  button.$on(
10464
10647
  "click",
10465
- /*click_handler*/
10466
- ctx[4]
10648
+ /*select_last_shape*/
10649
+ ctx[8]
10467
10650
  );
10468
10651
  return {
10469
10652
  c() {
@@ -10474,22 +10657,27 @@ function create_fragment65(ctx) {
10474
10657
  current = true;
10475
10658
  },
10476
10659
  p(ctx2, [dirty]) {
10477
- const button_changes = dirty & /*btn_props, content*/
10478
- 3 ? get_spread_update(button_spread_levels, [
10660
+ const button_changes = dirty & /*btn_props, content, menu*/
10661
+ 14 ? get_spread_update(button_spread_levels, [
10479
10662
  button_spread_levels[0],
10480
10663
  dirty & /*btn_props*/
10481
- 1 && get_spread_object(
10664
+ 2 && get_spread_object(
10482
10665
  /*btn_props*/
10483
- ctx2[0]
10666
+ ctx2[1]
10484
10667
  ),
10485
10668
  dirty & /*content*/
10486
- 2 && { content: (
10669
+ 4 && { content: (
10487
10670
  /*content*/
10488
- ctx2[1]
10671
+ ctx2[2]
10672
+ ) },
10673
+ dirty & /*menu*/
10674
+ 8 && { menu: (
10675
+ /*menu*/
10676
+ ctx2[3]
10489
10677
  ) }
10490
10678
  ]) : {};
10491
- if (dirty & /*$$scope, theme, appliance*/
10492
- 44) {
10679
+ if (dirty & /*$$scope, last_shape, theme, appliance, shape*/
10680
+ 2161) {
10493
10681
  button_changes.$$scope = { dirty, ctx: ctx2 };
10494
10682
  }
10495
10683
  button.$set(button_changes);
@@ -10509,44 +10697,342 @@ function create_fragment65(ctx) {
10509
10697
  }
10510
10698
  };
10511
10699
  }
10512
- function instance65($$self, $$props, $$invalidate) {
10700
+ function instance66($$self, $$props, $$invalidate) {
10701
+ let memberState;
10702
+ let shape;
10703
+ let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(10, $memberState = $$value)), memberState);
10704
+ $$self.$$.on_destroy.push(() => $$unsubscribe_memberState());
10705
+ let { app = null } = $$props;
10513
10706
  let { btn_props = {} } = $$props;
10514
10707
  let { content } = $$props;
10708
+ let { menu } = $$props;
10515
10709
  let { appliance } = $$props;
10516
10710
  let { theme = "light" } = $$props;
10517
- function click_handler(event) {
10518
- bubble.call(this, $$self, event);
10711
+ let last_shape = "rectangle";
10712
+ function select_last_shape() {
10713
+ if (applianceShapes.includes(last_shape)) {
10714
+ app == null ? void 0 : app.setAppliance(last_shape);
10715
+ } else {
10716
+ app == null ? void 0 : app.setAppliance("shape", last_shape);
10717
+ }
10519
10718
  }
10520
10719
  $$self.$$set = ($$props2) => {
10720
+ if ("app" in $$props2)
10721
+ $$invalidate(9, app = $$props2.app);
10521
10722
  if ("btn_props" in $$props2)
10522
- $$invalidate(0, btn_props = $$props2.btn_props);
10723
+ $$invalidate(1, btn_props = $$props2.btn_props);
10523
10724
  if ("content" in $$props2)
10524
- $$invalidate(1, content = $$props2.content);
10725
+ $$invalidate(2, content = $$props2.content);
10726
+ if ("menu" in $$props2)
10727
+ $$invalidate(3, menu = $$props2.menu);
10525
10728
  if ("appliance" in $$props2)
10526
- $$invalidate(2, appliance = $$props2.appliance);
10729
+ $$invalidate(0, appliance = $$props2.appliance);
10527
10730
  if ("theme" in $$props2)
10528
- $$invalidate(3, theme = $$props2.theme);
10731
+ $$invalidate(4, theme = $$props2.theme);
10529
10732
  };
10530
- return [btn_props, content, appliance, theme, click_handler];
10733
+ $$self.$$.update = () => {
10734
+ if ($$self.$$.dirty & /*app*/
10735
+ 512) {
10736
+ $$subscribe_memberState($$invalidate(7, memberState = app == null ? void 0 : app.memberState));
10737
+ }
10738
+ if ($$self.$$.dirty & /*$memberState*/
10739
+ 1024) {
10740
+ $$invalidate(0, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
10741
+ }
10742
+ if ($$self.$$.dirty & /*$memberState*/
10743
+ 1024) {
10744
+ $$invalidate(5, shape = $memberState == null ? void 0 : $memberState.shapeType);
10745
+ }
10746
+ if ($$self.$$.dirty & /*appliance, shape*/
10747
+ 33) {
10748
+ if (applianceShapes.includes(appliance)) {
10749
+ $$invalidate(6, last_shape = appliance);
10750
+ } else if (shape) {
10751
+ $$invalidate(6, last_shape = shape);
10752
+ }
10753
+ }
10754
+ };
10755
+ return [
10756
+ appliance,
10757
+ btn_props,
10758
+ content,
10759
+ menu,
10760
+ theme,
10761
+ shape,
10762
+ last_shape,
10763
+ memberState,
10764
+ select_last_shape,
10765
+ app,
10766
+ $memberState
10767
+ ];
10531
10768
  }
10532
- var Eraser2 = class extends SvelteComponent {
10769
+ var Shapes = class extends SvelteComponent {
10533
10770
  constructor(options) {
10534
10771
  super();
10535
- init(this, options, instance65, create_fragment65, safe_not_equal, {
10536
- btn_props: 0,
10537
- content: 1,
10538
- appliance: 2,
10539
- theme: 3
10772
+ init(this, options, instance66, create_fragment66, safe_not_equal, {
10773
+ app: 9,
10774
+ btn_props: 1,
10775
+ content: 2,
10776
+ menu: 3,
10777
+ appliance: 0,
10778
+ theme: 4
10540
10779
  });
10541
10780
  }
10542
10781
  };
10543
- var Eraser_default2 = Eraser2;
10782
+ var Shapes_default = Shapes;
10544
10783
 
10545
- // src/components/Toolbar/definitions/Clear.svelte
10546
- function create_default_slot10(ctx) {
10547
- let icons_clear;
10784
+ // src/components/Toolbar/definitions/Eraser.svelte
10785
+ function create_else_block11(ctx) {
10786
+ let icons_eraser;
10548
10787
  let current;
10549
- icons_clear = new Icons_default.Clear({ props: { theme: (
10788
+ icons_eraser = new Icons_default.Eraser({ props: { theme: (
10789
+ /*theme*/
10790
+ ctx[3]
10791
+ ) } });
10792
+ return {
10793
+ c() {
10794
+ create_component(icons_eraser.$$.fragment);
10795
+ },
10796
+ m(target, anchor) {
10797
+ mount_component(icons_eraser, target, anchor);
10798
+ current = true;
10799
+ },
10800
+ p(ctx2, dirty) {
10801
+ const icons_eraser_changes = {};
10802
+ if (dirty & /*theme*/
10803
+ 8)
10804
+ icons_eraser_changes.theme = /*theme*/
10805
+ ctx2[3];
10806
+ icons_eraser.$set(icons_eraser_changes);
10807
+ },
10808
+ i(local) {
10809
+ if (current)
10810
+ return;
10811
+ transition_in(icons_eraser.$$.fragment, local);
10812
+ current = true;
10813
+ },
10814
+ o(local) {
10815
+ transition_out(icons_eraser.$$.fragment, local);
10816
+ current = false;
10817
+ },
10818
+ d(detaching) {
10819
+ destroy_component(icons_eraser, detaching);
10820
+ }
10821
+ };
10822
+ }
10823
+ function create_if_block11(ctx) {
10824
+ let icons_eraserfilled;
10825
+ let current;
10826
+ icons_eraserfilled = new Icons_default.EraserFilled({
10827
+ props: { theme: (
10828
+ /*theme*/
10829
+ ctx[3]
10830
+ ), active: true }
10831
+ });
10832
+ return {
10833
+ c() {
10834
+ create_component(icons_eraserfilled.$$.fragment);
10835
+ },
10836
+ m(target, anchor) {
10837
+ mount_component(icons_eraserfilled, target, anchor);
10838
+ current = true;
10839
+ },
10840
+ p(ctx2, dirty) {
10841
+ const icons_eraserfilled_changes = {};
10842
+ if (dirty & /*theme*/
10843
+ 8)
10844
+ icons_eraserfilled_changes.theme = /*theme*/
10845
+ ctx2[3];
10846
+ icons_eraserfilled.$set(icons_eraserfilled_changes);
10847
+ },
10848
+ i(local) {
10849
+ if (current)
10850
+ return;
10851
+ transition_in(icons_eraserfilled.$$.fragment, local);
10852
+ current = true;
10853
+ },
10854
+ o(local) {
10855
+ transition_out(icons_eraserfilled.$$.fragment, local);
10856
+ current = false;
10857
+ },
10858
+ d(detaching) {
10859
+ destroy_component(icons_eraserfilled, detaching);
10860
+ }
10861
+ };
10862
+ }
10863
+ function create_default_slot9(ctx) {
10864
+ let current_block_type_index;
10865
+ let if_block;
10866
+ let if_block_anchor;
10867
+ let current;
10868
+ const if_block_creators = [create_if_block11, create_else_block11];
10869
+ const if_blocks = [];
10870
+ function select_block_type(ctx2, dirty) {
10871
+ if (
10872
+ /*appliance*/
10873
+ ctx2[2] === "eraser"
10874
+ )
10875
+ return 0;
10876
+ return 1;
10877
+ }
10878
+ current_block_type_index = select_block_type(ctx);
10879
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
10880
+ return {
10881
+ c() {
10882
+ if_block.c();
10883
+ if_block_anchor = empty();
10884
+ },
10885
+ m(target, anchor) {
10886
+ if_blocks[current_block_type_index].m(target, anchor);
10887
+ insert(target, if_block_anchor, anchor);
10888
+ current = true;
10889
+ },
10890
+ p(ctx2, dirty) {
10891
+ let previous_block_index = current_block_type_index;
10892
+ current_block_type_index = select_block_type(ctx2);
10893
+ if (current_block_type_index === previous_block_index) {
10894
+ if_blocks[current_block_type_index].p(ctx2, dirty);
10895
+ } else {
10896
+ group_outros();
10897
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
10898
+ if_blocks[previous_block_index] = null;
10899
+ });
10900
+ check_outros();
10901
+ if_block = if_blocks[current_block_type_index];
10902
+ if (!if_block) {
10903
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
10904
+ if_block.c();
10905
+ } else {
10906
+ if_block.p(ctx2, dirty);
10907
+ }
10908
+ transition_in(if_block, 1);
10909
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
10910
+ }
10911
+ },
10912
+ i(local) {
10913
+ if (current)
10914
+ return;
10915
+ transition_in(if_block);
10916
+ current = true;
10917
+ },
10918
+ o(local) {
10919
+ transition_out(if_block);
10920
+ current = false;
10921
+ },
10922
+ d(detaching) {
10923
+ if_blocks[current_block_type_index].d(detaching);
10924
+ if (detaching)
10925
+ detach(if_block_anchor);
10926
+ }
10927
+ };
10928
+ }
10929
+ function create_fragment67(ctx) {
10930
+ let button;
10931
+ let current;
10932
+ const button_spread_levels = [
10933
+ { class: "eraser" },
10934
+ /*btn_props*/
10935
+ ctx[0],
10936
+ { content: (
10937
+ /*content*/
10938
+ ctx[1]
10939
+ ) }
10940
+ ];
10941
+ let button_props = {
10942
+ $$slots: { default: [create_default_slot9] },
10943
+ $$scope: { ctx }
10944
+ };
10945
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
10946
+ button_props = assign(button_props, button_spread_levels[i]);
10947
+ }
10948
+ button = new Button_default({ props: button_props });
10949
+ button.$on(
10950
+ "click",
10951
+ /*click_handler*/
10952
+ ctx[4]
10953
+ );
10954
+ return {
10955
+ c() {
10956
+ create_component(button.$$.fragment);
10957
+ },
10958
+ m(target, anchor) {
10959
+ mount_component(button, target, anchor);
10960
+ current = true;
10961
+ },
10962
+ p(ctx2, [dirty]) {
10963
+ const button_changes = dirty & /*btn_props, content*/
10964
+ 3 ? get_spread_update(button_spread_levels, [
10965
+ button_spread_levels[0],
10966
+ dirty & /*btn_props*/
10967
+ 1 && get_spread_object(
10968
+ /*btn_props*/
10969
+ ctx2[0]
10970
+ ),
10971
+ dirty & /*content*/
10972
+ 2 && { content: (
10973
+ /*content*/
10974
+ ctx2[1]
10975
+ ) }
10976
+ ]) : {};
10977
+ if (dirty & /*$$scope, theme, appliance*/
10978
+ 44) {
10979
+ button_changes.$$scope = { dirty, ctx: ctx2 };
10980
+ }
10981
+ button.$set(button_changes);
10982
+ },
10983
+ i(local) {
10984
+ if (current)
10985
+ return;
10986
+ transition_in(button.$$.fragment, local);
10987
+ current = true;
10988
+ },
10989
+ o(local) {
10990
+ transition_out(button.$$.fragment, local);
10991
+ current = false;
10992
+ },
10993
+ d(detaching) {
10994
+ destroy_component(button, detaching);
10995
+ }
10996
+ };
10997
+ }
10998
+ function instance67($$self, $$props, $$invalidate) {
10999
+ let { btn_props = {} } = $$props;
11000
+ let { content } = $$props;
11001
+ let { appliance } = $$props;
11002
+ let { theme = "light" } = $$props;
11003
+ function click_handler(event) {
11004
+ bubble.call(this, $$self, event);
11005
+ }
11006
+ $$self.$$set = ($$props2) => {
11007
+ if ("btn_props" in $$props2)
11008
+ $$invalidate(0, btn_props = $$props2.btn_props);
11009
+ if ("content" in $$props2)
11010
+ $$invalidate(1, content = $$props2.content);
11011
+ if ("appliance" in $$props2)
11012
+ $$invalidate(2, appliance = $$props2.appliance);
11013
+ if ("theme" in $$props2)
11014
+ $$invalidate(3, theme = $$props2.theme);
11015
+ };
11016
+ return [btn_props, content, appliance, theme, click_handler];
11017
+ }
11018
+ var Eraser2 = class extends SvelteComponent {
11019
+ constructor(options) {
11020
+ super();
11021
+ init(this, options, instance67, create_fragment67, safe_not_equal, {
11022
+ btn_props: 0,
11023
+ content: 1,
11024
+ appliance: 2,
11025
+ theme: 3
11026
+ });
11027
+ }
11028
+ };
11029
+ var Eraser_default2 = Eraser2;
11030
+
11031
+ // src/components/Toolbar/definitions/Clear.svelte
11032
+ function create_default_slot10(ctx) {
11033
+ let icons_clear;
11034
+ let current;
11035
+ icons_clear = new Icons_default.Clear({ props: { theme: (
10550
11036
  /*theme*/
10551
11037
  ctx[2]
10552
11038
  ) } });
@@ -10581,7 +11067,7 @@ function create_default_slot10(ctx) {
10581
11067
  }
10582
11068
  };
10583
11069
  }
10584
- function create_fragment66(ctx) {
11070
+ function create_fragment68(ctx) {
10585
11071
  let button;
10586
11072
  let current;
10587
11073
  const button_spread_levels = [
@@ -10650,7 +11136,7 @@ function create_fragment66(ctx) {
10650
11136
  }
10651
11137
  };
10652
11138
  }
10653
- function instance66($$self, $$props, $$invalidate) {
11139
+ function instance68($$self, $$props, $$invalidate) {
10654
11140
  let { btn_props = {} } = $$props;
10655
11141
  let { content } = $$props;
10656
11142
  let { theme = "light" } = $$props;
@@ -10670,7 +11156,7 @@ function instance66($$self, $$props, $$invalidate) {
10670
11156
  var Clear2 = class extends SvelteComponent {
10671
11157
  constructor(options) {
10672
11158
  super();
10673
- init(this, options, instance66, create_fragment66, safe_not_equal, { btn_props: 0, content: 1, theme: 2 });
11159
+ init(this, options, instance68, create_fragment68, safe_not_equal, { btn_props: 0, content: 1, theme: 2 });
10674
11160
  }
10675
11161
  };
10676
11162
  var Clear_default2 = Clear2;
@@ -10820,7 +11306,7 @@ function create_default_slot11(ctx) {
10820
11306
  }
10821
11307
  };
10822
11308
  }
10823
- function create_fragment67(ctx) {
11309
+ function create_fragment69(ctx) {
10824
11310
  let button;
10825
11311
  let current;
10826
11312
  const button_spread_levels = [
@@ -10889,7 +11375,7 @@ function create_fragment67(ctx) {
10889
11375
  }
10890
11376
  };
10891
11377
  }
10892
- function instance67($$self, $$props, $$invalidate) {
11378
+ function instance69($$self, $$props, $$invalidate) {
10893
11379
  let { btn_props = {} } = $$props;
10894
11380
  let { content } = $$props;
10895
11381
  let { appliance } = $$props;
@@ -10912,7 +11398,7 @@ function instance67($$self, $$props, $$invalidate) {
10912
11398
  var Hand = class extends SvelteComponent {
10913
11399
  constructor(options) {
10914
11400
  super();
10915
- init(this, options, instance67, create_fragment67, safe_not_equal, {
11401
+ init(this, options, instance69, create_fragment69, safe_not_equal, {
10916
11402
  btn_props: 0,
10917
11403
  content: 1,
10918
11404
  appliance: 2,
@@ -11067,7 +11553,7 @@ function create_default_slot12(ctx) {
11067
11553
  }
11068
11554
  };
11069
11555
  }
11070
- function create_fragment68(ctx) {
11556
+ function create_fragment70(ctx) {
11071
11557
  let button;
11072
11558
  let current;
11073
11559
  const button_spread_levels = [
@@ -11136,7 +11622,7 @@ function create_fragment68(ctx) {
11136
11622
  }
11137
11623
  };
11138
11624
  }
11139
- function instance68($$self, $$props, $$invalidate) {
11625
+ function instance70($$self, $$props, $$invalidate) {
11140
11626
  let { btn_props = {} } = $$props;
11141
11627
  let { content } = $$props;
11142
11628
  let { appliance } = $$props;
@@ -11159,7 +11645,7 @@ function instance68($$self, $$props, $$invalidate) {
11159
11645
  var Laser2 = class extends SvelteComponent {
11160
11646
  constructor(options) {
11161
11647
  super();
11162
- init(this, options, instance68, create_fragment68, safe_not_equal, {
11648
+ init(this, options, instance70, create_fragment70, safe_not_equal, {
11163
11649
  btn_props: 0,
11164
11650
  content: 1,
11165
11651
  appliance: 2,
@@ -11172,42 +11658,42 @@ var Laser_default2 = Laser2;
11172
11658
  // src/components/Toolbar/components/Contents.svelte
11173
11659
  function get_each_context4(ctx, list, i) {
11174
11660
  const child_ctx = ctx.slice();
11175
- child_ctx[47] = list[i];
11661
+ child_ctx[51] = list[i];
11176
11662
  const constants_0 = (
11177
11663
  /*netless_app*/
11178
- child_ctx[47]
11664
+ child_ctx[51]
11179
11665
  );
11180
- child_ctx[48] = constants_0.icon;
11181
- child_ctx[49] = constants_0.label;
11182
- child_ctx[50] = constants_0.kind;
11183
- child_ctx[51] = constants_0.onClick;
11666
+ child_ctx[52] = constants_0.icon;
11667
+ child_ctx[53] = constants_0.label;
11668
+ child_ctx[54] = constants_0.kind;
11669
+ child_ctx[55] = constants_0.onClick;
11184
11670
  const constants_1 = (
11185
11671
  /*$status*/
11186
11672
  child_ctx[22] && /*$status*/
11187
11673
  child_ctx[22][
11188
11674
  /*kind*/
11189
- child_ctx[50]
11675
+ child_ctx[54]
11190
11676
  ]
11191
11677
  );
11192
- child_ctx[52] = constants_1;
11678
+ child_ctx[56] = constants_1;
11193
11679
  const constants_2 = function func() {
11194
11680
  return (
11195
11681
  /*func*/
11196
- ctx[43](
11682
+ ctx[47](
11197
11683
  /*onClick*/
11198
- child_ctx[51]
11684
+ child_ctx[55]
11199
11685
  )
11200
11686
  );
11201
11687
  };
11202
- child_ctx[53] = constants_2;
11688
+ child_ctx[57] = constants_2;
11203
11689
  return child_ctx;
11204
11690
  }
11205
11691
  function get_each_context_1(ctx, list, i) {
11206
11692
  const child_ctx = ctx.slice();
11207
- child_ctx[56] = list[i];
11693
+ child_ctx[60] = list[i];
11208
11694
  return child_ctx;
11209
11695
  }
11210
- function create_if_block_13(ctx) {
11696
+ function create_if_block_18(ctx) {
11211
11697
  let button;
11212
11698
  let current;
11213
11699
  const button_spread_levels = [
@@ -11216,7 +11702,7 @@ function create_if_block_13(ctx) {
11216
11702
  ctx[15]
11217
11703
  ];
11218
11704
  let button_props = {
11219
- $$slots: { default: [create_default_slot_6] },
11705
+ $$slots: { default: [create_default_slot_8] },
11220
11706
  $$scope: { ctx }
11221
11707
  };
11222
11708
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -11243,8 +11729,8 @@ function create_if_block_13(ctx) {
11243
11729
  ctx2[15]
11244
11730
  )]) : {};
11245
11731
  if (dirty[0] & /*theme*/
11246
- 2 | dirty[1] & /*$$scope*/
11247
- 268435456) {
11732
+ 2 | dirty[2] & /*$$scope*/
11733
+ 2) {
11248
11734
  button_changes.$$scope = { dirty, ctx: ctx2 };
11249
11735
  }
11250
11736
  button.$set(button_changes);
@@ -11264,7 +11750,7 @@ function create_if_block_13(ctx) {
11264
11750
  }
11265
11751
  };
11266
11752
  }
11267
- function create_default_slot_6(ctx) {
11753
+ function create_default_slot_8(ctx) {
11268
11754
  let icons_up;
11269
11755
  let current;
11270
11756
  icons_up = new Icons_default.Up({ props: { theme: (
@@ -11302,14 +11788,14 @@ function create_default_slot_6(ctx) {
11302
11788
  }
11303
11789
  };
11304
11790
  }
11305
- function create_if_block_122(ctx) {
11791
+ function create_if_block_17(ctx) {
11306
11792
  let laser;
11307
11793
  let current;
11308
11794
  laser = new Laser_default2({
11309
11795
  props: {
11310
11796
  appliance: (
11311
11797
  /*appliance*/
11312
- ctx[18]
11798
+ ctx[17]
11313
11799
  ),
11314
11800
  theme: (
11315
11801
  /*theme*/
@@ -11341,9 +11827,9 @@ function create_if_block_122(ctx) {
11341
11827
  p(ctx2, dirty) {
11342
11828
  const laser_changes = {};
11343
11829
  if (dirty[0] & /*appliance*/
11344
- 262144)
11830
+ 131072)
11345
11831
  laser_changes.appliance = /*appliance*/
11346
- ctx2[18];
11832
+ ctx2[17];
11347
11833
  if (dirty[0] & /*theme*/
11348
11834
  2)
11349
11835
  laser_changes.theme = /*theme*/
@@ -11373,14 +11859,14 @@ function create_if_block_122(ctx) {
11373
11859
  }
11374
11860
  };
11375
11861
  }
11376
- function create_if_block_11(ctx) {
11862
+ function create_if_block_16(ctx) {
11377
11863
  let hand_1;
11378
11864
  let current;
11379
11865
  hand_1 = new Hand_default({
11380
11866
  props: {
11381
11867
  appliance: (
11382
11868
  /*appliance*/
11383
- ctx[18]
11869
+ ctx[17]
11384
11870
  ),
11385
11871
  theme: (
11386
11872
  /*theme*/
@@ -11412,9 +11898,9 @@ function create_if_block_11(ctx) {
11412
11898
  p(ctx2, dirty) {
11413
11899
  const hand_1_changes = {};
11414
11900
  if (dirty[0] & /*appliance*/
11415
- 262144)
11901
+ 131072)
11416
11902
  hand_1_changes.appliance = /*appliance*/
11417
- ctx2[18];
11903
+ ctx2[17];
11418
11904
  if (dirty[0] & /*theme*/
11419
11905
  2)
11420
11906
  hand_1_changes.theme = /*theme*/
@@ -11444,7 +11930,7 @@ function create_if_block_11(ctx) {
11444
11930
  }
11445
11931
  };
11446
11932
  }
11447
- function create_if_block_10(ctx) {
11933
+ function create_if_block_15(ctx) {
11448
11934
  let clear_1;
11449
11935
  let current;
11450
11936
  clear_1 = new Clear_default2({
@@ -11507,14 +11993,14 @@ function create_if_block_10(ctx) {
11507
11993
  }
11508
11994
  };
11509
11995
  }
11510
- function create_if_block_9(ctx) {
11996
+ function create_if_block_14(ctx) {
11511
11997
  let eraser_1;
11512
11998
  let current;
11513
11999
  eraser_1 = new Eraser_default2({
11514
12000
  props: {
11515
12001
  appliance: (
11516
12002
  /*appliance*/
11517
- ctx[18]
12003
+ ctx[17]
11518
12004
  ),
11519
12005
  theme: (
11520
12006
  /*theme*/
@@ -11546,9 +12032,9 @@ function create_if_block_9(ctx) {
11546
12032
  p(ctx2, dirty) {
11547
12033
  const eraser_1_changes = {};
11548
12034
  if (dirty[0] & /*appliance*/
11549
- 262144)
12035
+ 131072)
11550
12036
  eraser_1_changes.appliance = /*appliance*/
11551
- ctx2[18];
12037
+ ctx2[17];
11552
12038
  if (dirty[0] & /*theme*/
11553
12039
  2)
11554
12040
  eraser_1_changes.theme = /*theme*/
@@ -11578,7 +12064,7 @@ function create_if_block_9(ctx) {
11578
12064
  }
11579
12065
  };
11580
12066
  }
11581
- function create_if_block_8(ctx) {
12067
+ function create_if_block_13(ctx) {
11582
12068
  let shapes2;
11583
12069
  let current;
11584
12070
  shapes2 = new Shapes_default({
@@ -11589,7 +12075,7 @@ function create_if_block_8(ctx) {
11589
12075
  ),
11590
12076
  appliance: (
11591
12077
  /*appliance*/
11592
- ctx[18]
12078
+ ctx[17]
11593
12079
  ),
11594
12080
  theme: (
11595
12081
  /*theme*/
@@ -11624,9 +12110,9 @@ function create_if_block_8(ctx) {
11624
12110
  shapes_changes.app = /*app*/
11625
12111
  ctx2[0];
11626
12112
  if (dirty[0] & /*appliance*/
11627
- 262144)
12113
+ 131072)
11628
12114
  shapes_changes.appliance = /*appliance*/
11629
- ctx2[18];
12115
+ ctx2[17];
11630
12116
  if (dirty[0] & /*theme*/
11631
12117
  2)
11632
12118
  shapes_changes.theme = /*theme*/
@@ -11660,14 +12146,14 @@ function create_if_block_8(ctx) {
11660
12146
  }
11661
12147
  };
11662
12148
  }
11663
- function create_if_block_7(ctx) {
12149
+ function create_if_block_122(ctx) {
11664
12150
  let text_1;
11665
12151
  let current;
11666
12152
  text_1 = new Text_default2({
11667
12153
  props: {
11668
12154
  appliance: (
11669
12155
  /*appliance*/
11670
- ctx[18]
12156
+ ctx[17]
11671
12157
  ),
11672
12158
  theme: (
11673
12159
  /*theme*/
@@ -11703,9 +12189,9 @@ function create_if_block_7(ctx) {
11703
12189
  p(ctx2, dirty) {
11704
12190
  const text_1_changes = {};
11705
12191
  if (dirty[0] & /*appliance*/
11706
- 262144)
12192
+ 131072)
11707
12193
  text_1_changes.appliance = /*appliance*/
11708
- ctx2[18];
12194
+ ctx2[17];
11709
12195
  if (dirty[0] & /*theme*/
11710
12196
  2)
11711
12197
  text_1_changes.theme = /*theme*/
@@ -11739,18 +12225,18 @@ function create_if_block_7(ctx) {
11739
12225
  }
11740
12226
  };
11741
12227
  }
11742
- function create_if_block_6(ctx) {
12228
+ function create_if_block_11(ctx) {
11743
12229
  let pencil_1;
11744
12230
  let current;
11745
12231
  pencil_1 = new Pencil_default2({
11746
12232
  props: {
11747
- hasUseLaserPen: (
11748
- /*hasUseLaserPen*/
12233
+ pencilType: (
12234
+ /*pencilType*/
11749
12235
  ctx[16]
11750
12236
  ),
11751
12237
  appliance: (
11752
12238
  /*appliance*/
11753
- ctx[18]
12239
+ ctx[17]
11754
12240
  ),
11755
12241
  theme: (
11756
12242
  /*theme*/
@@ -11785,14 +12271,14 @@ function create_if_block_6(ctx) {
11785
12271
  },
11786
12272
  p(ctx2, dirty) {
11787
12273
  const pencil_1_changes = {};
11788
- if (dirty[0] & /*hasUseLaserPen*/
12274
+ if (dirty[0] & /*pencilType*/
11789
12275
  65536)
11790
- pencil_1_changes.hasUseLaserPen = /*hasUseLaserPen*/
12276
+ pencil_1_changes.pencilType = /*pencilType*/
11791
12277
  ctx2[16];
11792
12278
  if (dirty[0] & /*appliance*/
11793
- 262144)
12279
+ 131072)
11794
12280
  pencil_1_changes.appliance = /*appliance*/
11795
- ctx2[18];
12281
+ ctx2[17];
11796
12282
  if (dirty[0] & /*theme*/
11797
12283
  2)
11798
12284
  pencil_1_changes.theme = /*theme*/
@@ -11826,14 +12312,14 @@ function create_if_block_6(ctx) {
11826
12312
  }
11827
12313
  };
11828
12314
  }
11829
- function create_if_block_5(ctx) {
12315
+ function create_if_block_10(ctx) {
11830
12316
  let selector_1;
11831
12317
  let current;
11832
12318
  selector_1 = new Selector_default2({
11833
12319
  props: {
11834
12320
  appliance: (
11835
12321
  /*appliance*/
11836
- ctx[18]
12322
+ ctx[17]
11837
12323
  ),
11838
12324
  theme: (
11839
12325
  /*theme*/
@@ -11865,9 +12351,9 @@ function create_if_block_5(ctx) {
11865
12351
  p(ctx2, dirty) {
11866
12352
  const selector_1_changes = {};
11867
12353
  if (dirty[0] & /*appliance*/
11868
- 262144)
12354
+ 131072)
11869
12355
  selector_1_changes.appliance = /*appliance*/
11870
- ctx2[18];
12356
+ ctx2[17];
11871
12357
  if (dirty[0] & /*theme*/
11872
12358
  2)
11873
12359
  selector_1_changes.theme = /*theme*/
@@ -11897,14 +12383,14 @@ function create_if_block_5(ctx) {
11897
12383
  }
11898
12384
  };
11899
12385
  }
11900
- function create_if_block_4(ctx) {
12386
+ function create_if_block_9(ctx) {
11901
12387
  let clicker_1;
11902
12388
  let current;
11903
12389
  clicker_1 = new Clicker_default({
11904
12390
  props: {
11905
12391
  appliance: (
11906
12392
  /*appliance*/
11907
- ctx[18]
12393
+ ctx[17]
11908
12394
  ),
11909
12395
  theme: (
11910
12396
  /*theme*/
@@ -11936,9 +12422,9 @@ function create_if_block_4(ctx) {
11936
12422
  p(ctx2, dirty) {
11937
12423
  const clicker_1_changes = {};
11938
12424
  if (dirty[0] & /*appliance*/
11939
- 262144)
12425
+ 131072)
11940
12426
  clicker_1_changes.appliance = /*appliance*/
11941
- ctx2[18];
12427
+ ctx2[17];
11942
12428
  if (dirty[0] & /*theme*/
11943
12429
  2)
11944
12430
  clicker_1_changes.theme = /*theme*/
@@ -11974,61 +12460,61 @@ function create_each_block_1(ctx) {
11974
12460
  let if_block_anchor;
11975
12461
  let current;
11976
12462
  const if_block_creators = [
11977
- create_if_block_4,
11978
- create_if_block_5,
11979
- create_if_block_6,
11980
- create_if_block_7,
11981
- create_if_block_8,
11982
12463
  create_if_block_9,
11983
12464
  create_if_block_10,
11984
12465
  create_if_block_11,
11985
- create_if_block_122
12466
+ create_if_block_122,
12467
+ create_if_block_13,
12468
+ create_if_block_14,
12469
+ create_if_block_15,
12470
+ create_if_block_16,
12471
+ create_if_block_17
11986
12472
  ];
11987
12473
  const if_blocks = [];
11988
12474
  function select_block_type(ctx2, dirty) {
11989
12475
  if (
11990
12476
  /*item*/
11991
- ctx2[56] === "clicker"
12477
+ ctx2[60] === "clicker"
11992
12478
  )
11993
12479
  return 0;
11994
12480
  if (
11995
12481
  /*item*/
11996
- ctx2[56] === "selector"
12482
+ ctx2[60] === "selector"
11997
12483
  )
11998
12484
  return 1;
11999
12485
  if (
12000
12486
  /*item*/
12001
- ctx2[56] === "pencil"
12487
+ ctx2[60] === "pencil"
12002
12488
  )
12003
12489
  return 2;
12004
12490
  if (
12005
12491
  /*item*/
12006
- ctx2[56] === "text"
12492
+ ctx2[60] === "text"
12007
12493
  )
12008
12494
  return 3;
12009
12495
  if (
12010
12496
  /*item*/
12011
- ctx2[56] === "shapes"
12497
+ ctx2[60] === "shapes"
12012
12498
  )
12013
12499
  return 4;
12014
12500
  if (
12015
12501
  /*item*/
12016
- ctx2[56] === "eraser"
12502
+ ctx2[60] === "eraser"
12017
12503
  )
12018
12504
  return 5;
12019
12505
  if (
12020
12506
  /*item*/
12021
- ctx2[56] === "clear"
12507
+ ctx2[60] === "clear"
12022
12508
  )
12023
12509
  return 6;
12024
12510
  if (
12025
12511
  /*item*/
12026
- ctx2[56] === "hand"
12512
+ ctx2[60] === "hand"
12027
12513
  )
12028
12514
  return 7;
12029
12515
  if (
12030
12516
  /*item*/
12031
- ctx2[56] === "laserPointer"
12517
+ ctx2[60] === "laserPointer"
12032
12518
  )
12033
12519
  return 8;
12034
12520
  return -1;
@@ -12098,7 +12584,7 @@ function create_each_block_1(ctx) {
12098
12584
  }
12099
12585
  };
12100
12586
  }
12101
- function create_if_block_3(ctx) {
12587
+ function create_if_block_8(ctx) {
12102
12588
  let button;
12103
12589
  let current;
12104
12590
  const button_spread_levels = [
@@ -12121,7 +12607,7 @@ function create_if_block_3(ctx) {
12121
12607
  }
12122
12608
  ];
12123
12609
  let button_props = {
12124
- $$slots: { default: [create_default_slot_53] },
12610
+ $$slots: { default: [create_default_slot_7] },
12125
12611
  $$scope: { ctx }
12126
12612
  };
12127
12613
  for (let i = 0; i < button_spread_levels.length; i += 1) {
@@ -12164,8 +12650,478 @@ function create_if_block_3(ctx) {
12164
12650
  }
12165
12651
  ]) : {};
12166
12652
  if (dirty[0] & /*theme*/
12167
- 2 | dirty[1] & /*$$scope*/
12168
- 268435456) {
12653
+ 2 | dirty[2] & /*$$scope*/
12654
+ 2) {
12655
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12656
+ }
12657
+ button.$set(button_changes);
12658
+ },
12659
+ i(local) {
12660
+ if (current)
12661
+ return;
12662
+ transition_in(button.$$.fragment, local);
12663
+ current = true;
12664
+ },
12665
+ o(local) {
12666
+ transition_out(button.$$.fragment, local);
12667
+ current = false;
12668
+ },
12669
+ d(detaching) {
12670
+ destroy_component(button, detaching);
12671
+ }
12672
+ };
12673
+ }
12674
+ function create_default_slot_7(ctx) {
12675
+ let icons_apps;
12676
+ let current;
12677
+ icons_apps = new Icons_default.Apps({ props: { theme: (
12678
+ /*theme*/
12679
+ ctx[1]
12680
+ ) } });
12681
+ return {
12682
+ c() {
12683
+ create_component(icons_apps.$$.fragment);
12684
+ },
12685
+ m(target, anchor) {
12686
+ mount_component(icons_apps, target, anchor);
12687
+ current = true;
12688
+ },
12689
+ p(ctx2, dirty) {
12690
+ const icons_apps_changes = {};
12691
+ if (dirty[0] & /*theme*/
12692
+ 2)
12693
+ icons_apps_changes.theme = /*theme*/
12694
+ ctx2[1];
12695
+ icons_apps.$set(icons_apps_changes);
12696
+ },
12697
+ i(local) {
12698
+ if (current)
12699
+ return;
12700
+ transition_in(icons_apps.$$.fragment, local);
12701
+ current = true;
12702
+ },
12703
+ o(local) {
12704
+ transition_out(icons_apps.$$.fragment, local);
12705
+ current = false;
12706
+ },
12707
+ d(detaching) {
12708
+ destroy_component(icons_apps, detaching);
12709
+ }
12710
+ };
12711
+ }
12712
+ function create_if_block_7(ctx) {
12713
+ let button;
12714
+ let current;
12715
+ button = new Button_default({
12716
+ props: {
12717
+ class: "scroll-down",
12718
+ name: name5,
12719
+ theme: (
12720
+ /*theme*/
12721
+ ctx[1]
12722
+ ),
12723
+ disabled: (
12724
+ /*disabled*/
12725
+ ctx[3]
12726
+ ),
12727
+ $$slots: { default: [create_default_slot_6] },
12728
+ $$scope: { ctx }
12729
+ }
12730
+ });
12731
+ button.$on(
12732
+ "click",
12733
+ /*scroll_down*/
12734
+ ctx[25]
12735
+ );
12736
+ return {
12737
+ c() {
12738
+ create_component(button.$$.fragment);
12739
+ },
12740
+ m(target, anchor) {
12741
+ mount_component(button, target, anchor);
12742
+ current = true;
12743
+ },
12744
+ p(ctx2, dirty) {
12745
+ const button_changes = {};
12746
+ if (dirty[0] & /*theme*/
12747
+ 2)
12748
+ button_changes.theme = /*theme*/
12749
+ ctx2[1];
12750
+ if (dirty[0] & /*disabled*/
12751
+ 8)
12752
+ button_changes.disabled = /*disabled*/
12753
+ ctx2[3];
12754
+ if (dirty[0] & /*theme*/
12755
+ 2 | dirty[2] & /*$$scope*/
12756
+ 2) {
12757
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12758
+ }
12759
+ button.$set(button_changes);
12760
+ },
12761
+ i(local) {
12762
+ if (current)
12763
+ return;
12764
+ transition_in(button.$$.fragment, local);
12765
+ current = true;
12766
+ },
12767
+ o(local) {
12768
+ transition_out(button.$$.fragment, local);
12769
+ current = false;
12770
+ },
12771
+ d(detaching) {
12772
+ destroy_component(button, detaching);
12773
+ }
12774
+ };
12775
+ }
12776
+ function create_default_slot_6(ctx) {
12777
+ let icons_down;
12778
+ let current;
12779
+ icons_down = new Icons_default.Down({ props: { theme: (
12780
+ /*theme*/
12781
+ ctx[1]
12782
+ ) } });
12783
+ return {
12784
+ c() {
12785
+ create_component(icons_down.$$.fragment);
12786
+ },
12787
+ m(target, anchor) {
12788
+ mount_component(icons_down, target, anchor);
12789
+ current = true;
12790
+ },
12791
+ p(ctx2, dirty) {
12792
+ const icons_down_changes = {};
12793
+ if (dirty[0] & /*theme*/
12794
+ 2)
12795
+ icons_down_changes.theme = /*theme*/
12796
+ ctx2[1];
12797
+ icons_down.$set(icons_down_changes);
12798
+ },
12799
+ i(local) {
12800
+ if (current)
12801
+ return;
12802
+ transition_in(icons_down.$$.fragment, local);
12803
+ current = true;
12804
+ },
12805
+ o(local) {
12806
+ transition_out(icons_down.$$.fragment, local);
12807
+ current = false;
12808
+ },
12809
+ d(detaching) {
12810
+ destroy_component(icons_down, detaching);
12811
+ }
12812
+ };
12813
+ }
12814
+ function create_if_block14(ctx) {
12815
+ let current_block_type_index;
12816
+ let if_block0;
12817
+ let t0;
12818
+ let current_block_type_index_1;
12819
+ let if_block1;
12820
+ let t1;
12821
+ let current_block_type_index_2;
12822
+ let if_block2;
12823
+ let if_block2_anchor;
12824
+ let current;
12825
+ const if_block_creators = [create_if_block_52, create_if_block_6];
12826
+ const if_blocks = [];
12827
+ function select_block_type_1(ctx2, dirty) {
12828
+ if (
12829
+ /*pencilType*/
12830
+ ctx2[16] !== "pencil"
12831
+ )
12832
+ return 0;
12833
+ if (
12834
+ /*pencilType*/
12835
+ ctx2[16] === "pencil"
12836
+ )
12837
+ return 1;
12838
+ return -1;
12839
+ }
12840
+ if (~(current_block_type_index = select_block_type_1(ctx))) {
12841
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
12842
+ }
12843
+ const if_block_creators_1 = [create_if_block_32, create_if_block_42];
12844
+ const if_blocks_1 = [];
12845
+ function select_block_type_2(ctx2, dirty) {
12846
+ if (
12847
+ /*pencilType*/
12848
+ ctx2[16] === "laser"
12849
+ )
12850
+ return 0;
12851
+ if (
12852
+ /*pencilType*/
12853
+ ctx2[16] !== "laser"
12854
+ )
12855
+ return 1;
12856
+ return -1;
12857
+ }
12858
+ if (~(current_block_type_index_1 = select_block_type_2(ctx))) {
12859
+ if_block1 = if_blocks_1[current_block_type_index_1] = if_block_creators_1[current_block_type_index_1](ctx);
12860
+ }
12861
+ const if_block_creators_2 = [create_if_block_19, create_if_block_22];
12862
+ const if_blocks_2 = [];
12863
+ function select_block_type_3(ctx2, dirty) {
12864
+ if (
12865
+ /*pencilType*/
12866
+ ctx2[16] === "mark"
12867
+ )
12868
+ return 0;
12869
+ if (
12870
+ /*pencilType*/
12871
+ ctx2[16] !== "mark"
12872
+ )
12873
+ return 1;
12874
+ return -1;
12875
+ }
12876
+ if (~(current_block_type_index_2 = select_block_type_3(ctx))) {
12877
+ if_block2 = if_blocks_2[current_block_type_index_2] = if_block_creators_2[current_block_type_index_2](ctx);
12878
+ }
12879
+ return {
12880
+ c() {
12881
+ if (if_block0)
12882
+ if_block0.c();
12883
+ t0 = space();
12884
+ if (if_block1)
12885
+ if_block1.c();
12886
+ t1 = space();
12887
+ if (if_block2)
12888
+ if_block2.c();
12889
+ if_block2_anchor = empty();
12890
+ },
12891
+ m(target, anchor) {
12892
+ if (~current_block_type_index) {
12893
+ if_blocks[current_block_type_index].m(target, anchor);
12894
+ }
12895
+ insert(target, t0, anchor);
12896
+ if (~current_block_type_index_1) {
12897
+ if_blocks_1[current_block_type_index_1].m(target, anchor);
12898
+ }
12899
+ insert(target, t1, anchor);
12900
+ if (~current_block_type_index_2) {
12901
+ if_blocks_2[current_block_type_index_2].m(target, anchor);
12902
+ }
12903
+ insert(target, if_block2_anchor, anchor);
12904
+ current = true;
12905
+ },
12906
+ p(ctx2, dirty) {
12907
+ let previous_block_index = current_block_type_index;
12908
+ current_block_type_index = select_block_type_1(ctx2);
12909
+ if (current_block_type_index === previous_block_index) {
12910
+ if (~current_block_type_index) {
12911
+ if_blocks[current_block_type_index].p(ctx2, dirty);
12912
+ }
12913
+ } else {
12914
+ if (if_block0) {
12915
+ group_outros();
12916
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
12917
+ if_blocks[previous_block_index] = null;
12918
+ });
12919
+ check_outros();
12920
+ }
12921
+ if (~current_block_type_index) {
12922
+ if_block0 = if_blocks[current_block_type_index];
12923
+ if (!if_block0) {
12924
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
12925
+ if_block0.c();
12926
+ } else {
12927
+ if_block0.p(ctx2, dirty);
12928
+ }
12929
+ transition_in(if_block0, 1);
12930
+ if_block0.m(t0.parentNode, t0);
12931
+ } else {
12932
+ if_block0 = null;
12933
+ }
12934
+ }
12935
+ let previous_block_index_1 = current_block_type_index_1;
12936
+ current_block_type_index_1 = select_block_type_2(ctx2);
12937
+ if (current_block_type_index_1 === previous_block_index_1) {
12938
+ if (~current_block_type_index_1) {
12939
+ if_blocks_1[current_block_type_index_1].p(ctx2, dirty);
12940
+ }
12941
+ } else {
12942
+ if (if_block1) {
12943
+ group_outros();
12944
+ transition_out(if_blocks_1[previous_block_index_1], 1, 1, () => {
12945
+ if_blocks_1[previous_block_index_1] = null;
12946
+ });
12947
+ check_outros();
12948
+ }
12949
+ if (~current_block_type_index_1) {
12950
+ if_block1 = if_blocks_1[current_block_type_index_1];
12951
+ if (!if_block1) {
12952
+ if_block1 = if_blocks_1[current_block_type_index_1] = if_block_creators_1[current_block_type_index_1](ctx2);
12953
+ if_block1.c();
12954
+ } else {
12955
+ if_block1.p(ctx2, dirty);
12956
+ }
12957
+ transition_in(if_block1, 1);
12958
+ if_block1.m(t1.parentNode, t1);
12959
+ } else {
12960
+ if_block1 = null;
12961
+ }
12962
+ }
12963
+ let previous_block_index_2 = current_block_type_index_2;
12964
+ current_block_type_index_2 = select_block_type_3(ctx2);
12965
+ if (current_block_type_index_2 === previous_block_index_2) {
12966
+ if (~current_block_type_index_2) {
12967
+ if_blocks_2[current_block_type_index_2].p(ctx2, dirty);
12968
+ }
12969
+ } else {
12970
+ if (if_block2) {
12971
+ group_outros();
12972
+ transition_out(if_blocks_2[previous_block_index_2], 1, 1, () => {
12973
+ if_blocks_2[previous_block_index_2] = null;
12974
+ });
12975
+ check_outros();
12976
+ }
12977
+ if (~current_block_type_index_2) {
12978
+ if_block2 = if_blocks_2[current_block_type_index_2];
12979
+ if (!if_block2) {
12980
+ if_block2 = if_blocks_2[current_block_type_index_2] = if_block_creators_2[current_block_type_index_2](ctx2);
12981
+ if_block2.c();
12982
+ } else {
12983
+ if_block2.p(ctx2, dirty);
12984
+ }
12985
+ transition_in(if_block2, 1);
12986
+ if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
12987
+ } else {
12988
+ if_block2 = null;
12989
+ }
12990
+ }
12991
+ },
12992
+ i(local) {
12993
+ if (current)
12994
+ return;
12995
+ transition_in(if_block0);
12996
+ transition_in(if_block1);
12997
+ transition_in(if_block2);
12998
+ current = true;
12999
+ },
13000
+ o(local) {
13001
+ transition_out(if_block0);
13002
+ transition_out(if_block1);
13003
+ transition_out(if_block2);
13004
+ current = false;
13005
+ },
13006
+ d(detaching) {
13007
+ if (~current_block_type_index) {
13008
+ if_blocks[current_block_type_index].d(detaching);
13009
+ }
13010
+ if (detaching)
13011
+ detach(t0);
13012
+ if (~current_block_type_index_1) {
13013
+ if_blocks_1[current_block_type_index_1].d(detaching);
13014
+ }
13015
+ if (detaching)
13016
+ detach(t1);
13017
+ if (~current_block_type_index_2) {
13018
+ if_blocks_2[current_block_type_index_2].d(detaching);
13019
+ }
13020
+ if (detaching)
13021
+ detach(if_block2_anchor);
13022
+ }
13023
+ };
13024
+ }
13025
+ function create_if_block_6(ctx) {
13026
+ let button;
13027
+ let current;
13028
+ const button_spread_levels = [
13029
+ { class: name5 + "-panel-switch-btn" },
13030
+ /*btn_props*/
13031
+ ctx[15]
13032
+ ];
13033
+ let button_props = {
13034
+ $$slots: { default: [create_default_slot_53] },
13035
+ $$scope: { ctx }
13036
+ };
13037
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13038
+ button_props = assign(button_props, button_spread_levels[i]);
13039
+ }
13040
+ button = new Button_default({ props: button_props });
13041
+ return {
13042
+ c() {
13043
+ create_component(button.$$.fragment);
13044
+ },
13045
+ m(target, anchor) {
13046
+ mount_component(button, target, anchor);
13047
+ current = true;
13048
+ },
13049
+ p(ctx2, dirty) {
13050
+ const button_changes = dirty[0] & /*btn_props*/
13051
+ 32768 ? get_spread_update(button_spread_levels, [
13052
+ dirty & /*name*/
13053
+ 0 && { class: name5 + "-panel-switch-btn" },
13054
+ dirty[0] & /*btn_props*/
13055
+ 32768 && get_spread_object(
13056
+ /*btn_props*/
13057
+ ctx2[15]
13058
+ )
13059
+ ]) : {};
13060
+ if (dirty[0] & /*theme*/
13061
+ 2 | dirty[2] & /*$$scope*/
13062
+ 2) {
13063
+ button_changes.$$scope = { dirty, ctx: ctx2 };
13064
+ }
13065
+ button.$set(button_changes);
13066
+ },
13067
+ i(local) {
13068
+ if (current)
13069
+ return;
13070
+ transition_in(button.$$.fragment, local);
13071
+ current = true;
13072
+ },
13073
+ o(local) {
13074
+ transition_out(button.$$.fragment, local);
13075
+ current = false;
13076
+ },
13077
+ d(detaching) {
13078
+ destroy_component(button, detaching);
13079
+ }
13080
+ };
13081
+ }
13082
+ function create_if_block_52(ctx) {
13083
+ let button;
13084
+ let current;
13085
+ const button_spread_levels = [
13086
+ { class: name5 + "-panel-switch-btn" },
13087
+ /*btn_props*/
13088
+ ctx[15]
13089
+ ];
13090
+ let button_props = {
13091
+ $$slots: { default: [create_default_slot_43] },
13092
+ $$scope: { ctx }
13093
+ };
13094
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13095
+ button_props = assign(button_props, button_spread_levels[i]);
13096
+ }
13097
+ button = new Button_default({ props: button_props });
13098
+ button.$on(
13099
+ "click",
13100
+ /*usePencil*/
13101
+ ctx[34]
13102
+ );
13103
+ return {
13104
+ c() {
13105
+ create_component(button.$$.fragment);
13106
+ },
13107
+ m(target, anchor) {
13108
+ mount_component(button, target, anchor);
13109
+ current = true;
13110
+ },
13111
+ p(ctx2, dirty) {
13112
+ const button_changes = dirty[0] & /*btn_props*/
13113
+ 32768 ? get_spread_update(button_spread_levels, [
13114
+ dirty & /*name*/
13115
+ 0 && { class: name5 + "-panel-switch-btn" },
13116
+ dirty[0] & /*btn_props*/
13117
+ 32768 && get_spread_object(
13118
+ /*btn_props*/
13119
+ ctx2[15]
13120
+ )
13121
+ ]) : {};
13122
+ if (dirty[0] & /*theme*/
13123
+ 2 | dirty[2] & /*$$scope*/
13124
+ 2) {
12169
13125
  button_changes.$$scope = { dirty, ctx: ctx2 };
12170
13126
  }
12171
13127
  button.$set(button_changes);
@@ -12186,212 +13142,115 @@ function create_if_block_3(ctx) {
12186
13142
  };
12187
13143
  }
12188
13144
  function create_default_slot_53(ctx) {
12189
- let icons_apps;
12190
- let current;
12191
- icons_apps = new Icons_default.Apps({ props: { theme: (
12192
- /*theme*/
12193
- ctx[1]
12194
- ) } });
12195
- return {
12196
- c() {
12197
- create_component(icons_apps.$$.fragment);
12198
- },
12199
- m(target, anchor) {
12200
- mount_component(icons_apps, target, anchor);
12201
- current = true;
12202
- },
12203
- p(ctx2, dirty) {
12204
- const icons_apps_changes = {};
12205
- if (dirty[0] & /*theme*/
12206
- 2)
12207
- icons_apps_changes.theme = /*theme*/
12208
- ctx2[1];
12209
- icons_apps.$set(icons_apps_changes);
12210
- },
12211
- i(local) {
12212
- if (current)
12213
- return;
12214
- transition_in(icons_apps.$$.fragment, local);
12215
- current = true;
12216
- },
12217
- o(local) {
12218
- transition_out(icons_apps.$$.fragment, local);
12219
- current = false;
12220
- },
12221
- d(detaching) {
12222
- destroy_component(icons_apps, detaching);
12223
- }
12224
- };
12225
- }
12226
- function create_if_block_2(ctx) {
12227
- let button;
13145
+ let icons_pencilfilled;
12228
13146
  let current;
12229
- button = new Button_default({
12230
- props: {
12231
- class: "scroll-down",
12232
- name: name5,
12233
- theme: (
12234
- /*theme*/
12235
- ctx[1]
12236
- ),
12237
- disabled: (
12238
- /*disabled*/
12239
- ctx[3]
12240
- ),
12241
- $$slots: { default: [create_default_slot_43] },
12242
- $$scope: { ctx }
12243
- }
13147
+ icons_pencilfilled = new Icons_default.PencilFilled({
13148
+ props: { theme: (
13149
+ /*theme*/
13150
+ ctx[1]
13151
+ ), active: true }
12244
13152
  });
12245
- button.$on(
12246
- "click",
12247
- /*scroll_down*/
12248
- ctx[25]
12249
- );
12250
13153
  return {
12251
13154
  c() {
12252
- create_component(button.$$.fragment);
13155
+ create_component(icons_pencilfilled.$$.fragment);
12253
13156
  },
12254
13157
  m(target, anchor) {
12255
- mount_component(button, target, anchor);
13158
+ mount_component(icons_pencilfilled, target, anchor);
12256
13159
  current = true;
12257
13160
  },
12258
13161
  p(ctx2, dirty) {
12259
- const button_changes = {};
13162
+ const icons_pencilfilled_changes = {};
12260
13163
  if (dirty[0] & /*theme*/
12261
13164
  2)
12262
- button_changes.theme = /*theme*/
13165
+ icons_pencilfilled_changes.theme = /*theme*/
12263
13166
  ctx2[1];
12264
- if (dirty[0] & /*disabled*/
12265
- 8)
12266
- button_changes.disabled = /*disabled*/
12267
- ctx2[3];
12268
- if (dirty[0] & /*theme*/
12269
- 2 | dirty[1] & /*$$scope*/
12270
- 268435456) {
12271
- button_changes.$$scope = { dirty, ctx: ctx2 };
12272
- }
12273
- button.$set(button_changes);
13167
+ icons_pencilfilled.$set(icons_pencilfilled_changes);
12274
13168
  },
12275
13169
  i(local) {
12276
13170
  if (current)
12277
13171
  return;
12278
- transition_in(button.$$.fragment, local);
13172
+ transition_in(icons_pencilfilled.$$.fragment, local);
12279
13173
  current = true;
12280
13174
  },
12281
13175
  o(local) {
12282
- transition_out(button.$$.fragment, local);
13176
+ transition_out(icons_pencilfilled.$$.fragment, local);
12283
13177
  current = false;
12284
13178
  },
12285
13179
  d(detaching) {
12286
- destroy_component(button, detaching);
13180
+ destroy_component(icons_pencilfilled, detaching);
12287
13181
  }
12288
13182
  };
12289
13183
  }
12290
13184
  function create_default_slot_43(ctx) {
12291
- let icons_down;
13185
+ let icons_pencil;
12292
13186
  let current;
12293
- icons_down = new Icons_default.Down({ props: { theme: (
13187
+ icons_pencil = new Icons_default.Pencil({ props: { theme: (
12294
13188
  /*theme*/
12295
13189
  ctx[1]
12296
13190
  ) } });
12297
13191
  return {
12298
13192
  c() {
12299
- create_component(icons_down.$$.fragment);
13193
+ create_component(icons_pencil.$$.fragment);
12300
13194
  },
12301
13195
  m(target, anchor) {
12302
- mount_component(icons_down, target, anchor);
13196
+ mount_component(icons_pencil, target, anchor);
12303
13197
  current = true;
12304
13198
  },
12305
13199
  p(ctx2, dirty) {
12306
- const icons_down_changes = {};
13200
+ const icons_pencil_changes = {};
12307
13201
  if (dirty[0] & /*theme*/
12308
13202
  2)
12309
- icons_down_changes.theme = /*theme*/
13203
+ icons_pencil_changes.theme = /*theme*/
12310
13204
  ctx2[1];
12311
- icons_down.$set(icons_down_changes);
13205
+ icons_pencil.$set(icons_pencil_changes);
12312
13206
  },
12313
13207
  i(local) {
12314
13208
  if (current)
12315
13209
  return;
12316
- transition_in(icons_down.$$.fragment, local);
13210
+ transition_in(icons_pencil.$$.fragment, local);
12317
13211
  current = true;
12318
13212
  },
12319
13213
  o(local) {
12320
- transition_out(icons_down.$$.fragment, local);
13214
+ transition_out(icons_pencil.$$.fragment, local);
12321
13215
  current = false;
12322
13216
  },
12323
13217
  d(detaching) {
12324
- destroy_component(icons_down, detaching);
13218
+ destroy_component(icons_pencil, detaching);
12325
13219
  }
12326
13220
  };
12327
13221
  }
12328
- function create_if_block_14(ctx) {
12329
- let button0;
12330
- let t_1;
12331
- let button1;
13222
+ function create_if_block_42(ctx) {
13223
+ let button;
12332
13224
  let current;
12333
- const button0_spread_levels = [
13225
+ const button_spread_levels = [
12334
13226
  { class: name5 + "-panel-switch-btn" },
12335
13227
  /*btn_props*/
12336
13228
  ctx[15]
12337
13229
  ];
12338
- let button0_props = {
13230
+ let button_props = {
12339
13231
  $$slots: { default: [create_default_slot_34] },
12340
13232
  $$scope: { ctx }
12341
13233
  };
12342
- for (let i = 0; i < button0_spread_levels.length; i += 1) {
12343
- button0_props = assign(button0_props, button0_spread_levels[i]);
12344
- }
12345
- button0 = new Button_default({ props: button0_props });
12346
- const button1_spread_levels = [
12347
- { class: name5 + "-panel-switch-btn" },
12348
- /*btn_props*/
12349
- ctx[15]
12350
- ];
12351
- let button1_props = {
12352
- $$slots: { default: [create_default_slot_24] },
12353
- $$scope: { ctx }
12354
- };
12355
- for (let i = 0; i < button1_spread_levels.length; i += 1) {
12356
- button1_props = assign(button1_props, button1_spread_levels[i]);
13234
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13235
+ button_props = assign(button_props, button_spread_levels[i]);
12357
13236
  }
12358
- button1 = new Button_default({ props: button1_props });
12359
- button1.$on(
13237
+ button = new Button_default({ props: button_props });
13238
+ button.$on(
12360
13239
  "click",
12361
13240
  /*useLaserPen*/
12362
- ctx[34]
13241
+ ctx[35]
12363
13242
  );
12364
13243
  return {
12365
13244
  c() {
12366
- create_component(button0.$$.fragment);
12367
- t_1 = space();
12368
- create_component(button1.$$.fragment);
13245
+ create_component(button.$$.fragment);
12369
13246
  },
12370
13247
  m(target, anchor) {
12371
- mount_component(button0, target, anchor);
12372
- insert(target, t_1, anchor);
12373
- mount_component(button1, target, anchor);
13248
+ mount_component(button, target, anchor);
12374
13249
  current = true;
12375
13250
  },
12376
13251
  p(ctx2, dirty) {
12377
- const button0_changes = dirty[0] & /*btn_props*/
12378
- 32768 ? get_spread_update(button0_spread_levels, [
12379
- dirty & /*name*/
12380
- 0 && { class: name5 + "-panel-switch-btn" },
12381
- dirty[0] & /*btn_props*/
12382
- 32768 && get_spread_object(
12383
- /*btn_props*/
12384
- ctx2[15]
12385
- )
12386
- ]) : {};
12387
- if (dirty[0] & /*theme*/
12388
- 2 | dirty[1] & /*$$scope*/
12389
- 268435456) {
12390
- button0_changes.$$scope = { dirty, ctx: ctx2 };
12391
- }
12392
- button0.$set(button0_changes);
12393
- const button1_changes = dirty[0] & /*btn_props*/
12394
- 32768 ? get_spread_update(button1_spread_levels, [
13252
+ const button_changes = dirty[0] & /*btn_props*/
13253
+ 32768 ? get_spread_update(button_spread_levels, [
12395
13254
  dirty & /*name*/
12396
13255
  0 && { class: name5 + "-panel-switch-btn" },
12397
13256
  dirty[0] & /*btn_props*/
@@ -12401,83 +13260,54 @@ function create_if_block_14(ctx) {
12401
13260
  )
12402
13261
  ]) : {};
12403
13262
  if (dirty[0] & /*theme*/
12404
- 2 | dirty[1] & /*$$scope*/
12405
- 268435456) {
12406
- button1_changes.$$scope = { dirty, ctx: ctx2 };
13263
+ 2 | dirty[2] & /*$$scope*/
13264
+ 2) {
13265
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12407
13266
  }
12408
- button1.$set(button1_changes);
13267
+ button.$set(button_changes);
12409
13268
  },
12410
13269
  i(local) {
12411
13270
  if (current)
12412
13271
  return;
12413
- transition_in(button0.$$.fragment, local);
12414
- transition_in(button1.$$.fragment, local);
13272
+ transition_in(button.$$.fragment, local);
12415
13273
  current = true;
12416
13274
  },
12417
13275
  o(local) {
12418
- transition_out(button0.$$.fragment, local);
12419
- transition_out(button1.$$.fragment, local);
13276
+ transition_out(button.$$.fragment, local);
12420
13277
  current = false;
12421
13278
  },
12422
13279
  d(detaching) {
12423
- destroy_component(button0, detaching);
12424
- if (detaching)
12425
- detach(t_1);
12426
- destroy_component(button1, detaching);
13280
+ destroy_component(button, detaching);
12427
13281
  }
12428
13282
  };
12429
13283
  }
12430
- function create_if_block14(ctx) {
12431
- let button0;
12432
- let t_1;
12433
- let button1;
13284
+ function create_if_block_32(ctx) {
13285
+ let button;
12434
13286
  let current;
12435
- const button0_spread_levels = [
12436
- { class: name5 + "-panel-switch-btn" },
12437
- /*btn_props*/
12438
- ctx[15]
12439
- ];
12440
- let button0_props = {
12441
- $$slots: { default: [create_default_slot_14] },
12442
- $$scope: { ctx }
12443
- };
12444
- for (let i = 0; i < button0_spread_levels.length; i += 1) {
12445
- button0_props = assign(button0_props, button0_spread_levels[i]);
12446
- }
12447
- button0 = new Button_default({ props: button0_props });
12448
- button0.$on(
12449
- "click",
12450
- /*pencil*/
12451
- ctx[28]
12452
- );
12453
- const button1_spread_levels = [
13287
+ const button_spread_levels = [
12454
13288
  { class: name5 + "-panel-switch-btn" },
12455
13289
  /*btn_props*/
12456
13290
  ctx[15]
12457
13291
  ];
12458
- let button1_props = {
12459
- $$slots: { default: [create_default_slot13] },
13292
+ let button_props = {
13293
+ $$slots: { default: [create_default_slot_24] },
12460
13294
  $$scope: { ctx }
12461
13295
  };
12462
- for (let i = 0; i < button1_spread_levels.length; i += 1) {
12463
- button1_props = assign(button1_props, button1_spread_levels[i]);
13296
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13297
+ button_props = assign(button_props, button_spread_levels[i]);
12464
13298
  }
12465
- button1 = new Button_default({ props: button1_props });
13299
+ button = new Button_default({ props: button_props });
12466
13300
  return {
12467
13301
  c() {
12468
- create_component(button0.$$.fragment);
12469
- t_1 = space();
12470
- create_component(button1.$$.fragment);
13302
+ create_component(button.$$.fragment);
12471
13303
  },
12472
13304
  m(target, anchor) {
12473
- mount_component(button0, target, anchor);
12474
- insert(target, t_1, anchor);
12475
- mount_component(button1, target, anchor);
13305
+ mount_component(button, target, anchor);
12476
13306
  current = true;
12477
13307
  },
12478
13308
  p(ctx2, dirty) {
12479
- const button0_changes = dirty[0] & /*btn_props*/
12480
- 32768 ? get_spread_update(button0_spread_levels, [
13309
+ const button_changes = dirty[0] & /*btn_props*/
13310
+ 32768 ? get_spread_update(button_spread_levels, [
12481
13311
  dirty & /*name*/
12482
13312
  0 && { class: name5 + "-panel-switch-btn" },
12483
13313
  dirty[0] & /*btn_props*/
@@ -12487,52 +13317,69 @@ function create_if_block14(ctx) {
12487
13317
  )
12488
13318
  ]) : {};
12489
13319
  if (dirty[0] & /*theme*/
12490
- 2 | dirty[1] & /*$$scope*/
12491
- 268435456) {
12492
- button0_changes.$$scope = { dirty, ctx: ctx2 };
13320
+ 2 | dirty[2] & /*$$scope*/
13321
+ 2) {
13322
+ button_changes.$$scope = { dirty, ctx: ctx2 };
12493
13323
  }
12494
- button0.$set(button0_changes);
12495
- const button1_changes = dirty[0] & /*btn_props*/
12496
- 32768 ? get_spread_update(button1_spread_levels, [
12497
- dirty & /*name*/
12498
- 0 && { class: name5 + "-panel-switch-btn" },
12499
- dirty[0] & /*btn_props*/
12500
- 32768 && get_spread_object(
12501
- /*btn_props*/
12502
- ctx2[15]
12503
- )
12504
- ]) : {};
13324
+ button.$set(button_changes);
13325
+ },
13326
+ i(local) {
13327
+ if (current)
13328
+ return;
13329
+ transition_in(button.$$.fragment, local);
13330
+ current = true;
13331
+ },
13332
+ o(local) {
13333
+ transition_out(button.$$.fragment, local);
13334
+ current = false;
13335
+ },
13336
+ d(detaching) {
13337
+ destroy_component(button, detaching);
13338
+ }
13339
+ };
13340
+ }
13341
+ function create_default_slot_34(ctx) {
13342
+ let icons_laserpen;
13343
+ let current;
13344
+ icons_laserpen = new Icons_default.LaserPen({ props: { theme: (
13345
+ /*theme*/
13346
+ ctx[1]
13347
+ ) } });
13348
+ return {
13349
+ c() {
13350
+ create_component(icons_laserpen.$$.fragment);
13351
+ },
13352
+ m(target, anchor) {
13353
+ mount_component(icons_laserpen, target, anchor);
13354
+ current = true;
13355
+ },
13356
+ p(ctx2, dirty) {
13357
+ const icons_laserpen_changes = {};
12505
13358
  if (dirty[0] & /*theme*/
12506
- 2 | dirty[1] & /*$$scope*/
12507
- 268435456) {
12508
- button1_changes.$$scope = { dirty, ctx: ctx2 };
12509
- }
12510
- button1.$set(button1_changes);
13359
+ 2)
13360
+ icons_laserpen_changes.theme = /*theme*/
13361
+ ctx2[1];
13362
+ icons_laserpen.$set(icons_laserpen_changes);
12511
13363
  },
12512
13364
  i(local) {
12513
13365
  if (current)
12514
13366
  return;
12515
- transition_in(button0.$$.fragment, local);
12516
- transition_in(button1.$$.fragment, local);
13367
+ transition_in(icons_laserpen.$$.fragment, local);
12517
13368
  current = true;
12518
13369
  },
12519
13370
  o(local) {
12520
- transition_out(button0.$$.fragment, local);
12521
- transition_out(button1.$$.fragment, local);
13371
+ transition_out(icons_laserpen.$$.fragment, local);
12522
13372
  current = false;
12523
13373
  },
12524
13374
  d(detaching) {
12525
- destroy_component(button0, detaching);
12526
- if (detaching)
12527
- detach(t_1);
12528
- destroy_component(button1, detaching);
13375
+ destroy_component(icons_laserpen, detaching);
12529
13376
  }
12530
13377
  };
12531
13378
  }
12532
- function create_default_slot_34(ctx) {
12533
- let icons_pencilfilled;
13379
+ function create_default_slot_24(ctx) {
13380
+ let icons_laserpenfilled;
12534
13381
  let current;
12535
- icons_pencilfilled = new Icons_default.PencilFilled({
13382
+ icons_laserpenfilled = new Icons_default.LaserPenFilled({
12536
13383
  props: { theme: (
12537
13384
  /*theme*/
12538
13385
  ctx[1]
@@ -12540,115 +13387,196 @@ function create_default_slot_34(ctx) {
12540
13387
  });
12541
13388
  return {
12542
13389
  c() {
12543
- create_component(icons_pencilfilled.$$.fragment);
13390
+ create_component(icons_laserpenfilled.$$.fragment);
12544
13391
  },
12545
13392
  m(target, anchor) {
12546
- mount_component(icons_pencilfilled, target, anchor);
13393
+ mount_component(icons_laserpenfilled, target, anchor);
12547
13394
  current = true;
12548
13395
  },
12549
13396
  p(ctx2, dirty) {
12550
- const icons_pencilfilled_changes = {};
13397
+ const icons_laserpenfilled_changes = {};
12551
13398
  if (dirty[0] & /*theme*/
12552
13399
  2)
12553
- icons_pencilfilled_changes.theme = /*theme*/
13400
+ icons_laserpenfilled_changes.theme = /*theme*/
12554
13401
  ctx2[1];
12555
- icons_pencilfilled.$set(icons_pencilfilled_changes);
13402
+ icons_laserpenfilled.$set(icons_laserpenfilled_changes);
12556
13403
  },
12557
13404
  i(local) {
12558
13405
  if (current)
12559
13406
  return;
12560
- transition_in(icons_pencilfilled.$$.fragment, local);
13407
+ transition_in(icons_laserpenfilled.$$.fragment, local);
12561
13408
  current = true;
12562
13409
  },
12563
13410
  o(local) {
12564
- transition_out(icons_pencilfilled.$$.fragment, local);
13411
+ transition_out(icons_laserpenfilled.$$.fragment, local);
12565
13412
  current = false;
12566
13413
  },
12567
13414
  d(detaching) {
12568
- destroy_component(icons_pencilfilled, detaching);
13415
+ destroy_component(icons_laserpenfilled, detaching);
12569
13416
  }
12570
13417
  };
12571
13418
  }
12572
- function create_default_slot_24(ctx) {
12573
- let icons_laserpen;
13419
+ function create_if_block_22(ctx) {
13420
+ let button;
12574
13421
  let current;
12575
- icons_laserpen = new Icons_default.LaserPen({ props: { theme: (
12576
- /*theme*/
12577
- ctx[1]
12578
- ) } });
13422
+ const button_spread_levels = [
13423
+ { class: name5 + "-panel-switch-btn" },
13424
+ /*btn_props*/
13425
+ ctx[15]
13426
+ ];
13427
+ let button_props = {
13428
+ $$slots: { default: [create_default_slot_14] },
13429
+ $$scope: { ctx }
13430
+ };
13431
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13432
+ button_props = assign(button_props, button_spread_levels[i]);
13433
+ }
13434
+ button = new Button_default({ props: button_props });
13435
+ button.$on(
13436
+ "click",
13437
+ /*useMarkPen*/
13438
+ ctx[36]
13439
+ );
12579
13440
  return {
12580
13441
  c() {
12581
- create_component(icons_laserpen.$$.fragment);
13442
+ create_component(button.$$.fragment);
12582
13443
  },
12583
13444
  m(target, anchor) {
12584
- mount_component(icons_laserpen, target, anchor);
13445
+ mount_component(button, target, anchor);
12585
13446
  current = true;
12586
13447
  },
12587
13448
  p(ctx2, dirty) {
12588
- const icons_laserpen_changes = {};
13449
+ const button_changes = dirty[0] & /*btn_props*/
13450
+ 32768 ? get_spread_update(button_spread_levels, [
13451
+ dirty & /*name*/
13452
+ 0 && { class: name5 + "-panel-switch-btn" },
13453
+ dirty[0] & /*btn_props*/
13454
+ 32768 && get_spread_object(
13455
+ /*btn_props*/
13456
+ ctx2[15]
13457
+ )
13458
+ ]) : {};
12589
13459
  if (dirty[0] & /*theme*/
12590
- 2)
12591
- icons_laserpen_changes.theme = /*theme*/
12592
- ctx2[1];
12593
- icons_laserpen.$set(icons_laserpen_changes);
13460
+ 2 | dirty[2] & /*$$scope*/
13461
+ 2) {
13462
+ button_changes.$$scope = { dirty, ctx: ctx2 };
13463
+ }
13464
+ button.$set(button_changes);
12594
13465
  },
12595
13466
  i(local) {
12596
13467
  if (current)
12597
13468
  return;
12598
- transition_in(icons_laserpen.$$.fragment, local);
13469
+ transition_in(button.$$.fragment, local);
12599
13470
  current = true;
12600
13471
  },
12601
13472
  o(local) {
12602
- transition_out(icons_laserpen.$$.fragment, local);
13473
+ transition_out(button.$$.fragment, local);
12603
13474
  current = false;
12604
13475
  },
12605
13476
  d(detaching) {
12606
- destroy_component(icons_laserpen, detaching);
13477
+ destroy_component(button, detaching);
13478
+ }
13479
+ };
13480
+ }
13481
+ function create_if_block_19(ctx) {
13482
+ let button;
13483
+ let current;
13484
+ const button_spread_levels = [
13485
+ { class: name5 + "-panel-switch-btn" },
13486
+ /*btn_props*/
13487
+ ctx[15]
13488
+ ];
13489
+ let button_props = {
13490
+ $$slots: { default: [create_default_slot13] },
13491
+ $$scope: { ctx }
13492
+ };
13493
+ for (let i = 0; i < button_spread_levels.length; i += 1) {
13494
+ button_props = assign(button_props, button_spread_levels[i]);
13495
+ }
13496
+ button = new Button_default({ props: button_props });
13497
+ return {
13498
+ c() {
13499
+ create_component(button.$$.fragment);
13500
+ },
13501
+ m(target, anchor) {
13502
+ mount_component(button, target, anchor);
13503
+ current = true;
13504
+ },
13505
+ p(ctx2, dirty) {
13506
+ const button_changes = dirty[0] & /*btn_props*/
13507
+ 32768 ? get_spread_update(button_spread_levels, [
13508
+ dirty & /*name*/
13509
+ 0 && { class: name5 + "-panel-switch-btn" },
13510
+ dirty[0] & /*btn_props*/
13511
+ 32768 && get_spread_object(
13512
+ /*btn_props*/
13513
+ ctx2[15]
13514
+ )
13515
+ ]) : {};
13516
+ if (dirty[0] & /*theme*/
13517
+ 2 | dirty[2] & /*$$scope*/
13518
+ 2) {
13519
+ button_changes.$$scope = { dirty, ctx: ctx2 };
13520
+ }
13521
+ button.$set(button_changes);
13522
+ },
13523
+ i(local) {
13524
+ if (current)
13525
+ return;
13526
+ transition_in(button.$$.fragment, local);
13527
+ current = true;
13528
+ },
13529
+ o(local) {
13530
+ transition_out(button.$$.fragment, local);
13531
+ current = false;
13532
+ },
13533
+ d(detaching) {
13534
+ destroy_component(button, detaching);
12607
13535
  }
12608
13536
  };
12609
13537
  }
12610
13538
  function create_default_slot_14(ctx) {
12611
- let icons_pencil;
13539
+ let icons_markpen;
12612
13540
  let current;
12613
- icons_pencil = new Icons_default.Pencil({ props: { theme: (
13541
+ icons_markpen = new Icons_default.MarkPen({ props: { theme: (
12614
13542
  /*theme*/
12615
13543
  ctx[1]
12616
13544
  ) } });
12617
13545
  return {
12618
13546
  c() {
12619
- create_component(icons_pencil.$$.fragment);
13547
+ create_component(icons_markpen.$$.fragment);
12620
13548
  },
12621
13549
  m(target, anchor) {
12622
- mount_component(icons_pencil, target, anchor);
13550
+ mount_component(icons_markpen, target, anchor);
12623
13551
  current = true;
12624
13552
  },
12625
13553
  p(ctx2, dirty) {
12626
- const icons_pencil_changes = {};
13554
+ const icons_markpen_changes = {};
12627
13555
  if (dirty[0] & /*theme*/
12628
13556
  2)
12629
- icons_pencil_changes.theme = /*theme*/
13557
+ icons_markpen_changes.theme = /*theme*/
12630
13558
  ctx2[1];
12631
- icons_pencil.$set(icons_pencil_changes);
13559
+ icons_markpen.$set(icons_markpen_changes);
12632
13560
  },
12633
13561
  i(local) {
12634
13562
  if (current)
12635
13563
  return;
12636
- transition_in(icons_pencil.$$.fragment, local);
13564
+ transition_in(icons_markpen.$$.fragment, local);
12637
13565
  current = true;
12638
13566
  },
12639
13567
  o(local) {
12640
- transition_out(icons_pencil.$$.fragment, local);
13568
+ transition_out(icons_markpen.$$.fragment, local);
12641
13569
  current = false;
12642
13570
  },
12643
13571
  d(detaching) {
12644
- destroy_component(icons_pencil, detaching);
13572
+ destroy_component(icons_markpen, detaching);
12645
13573
  }
12646
13574
  };
12647
13575
  }
12648
13576
  function create_default_slot13(ctx) {
12649
- let icons_laserpenfilled;
13577
+ let icons_markpenfilled;
12650
13578
  let current;
12651
- icons_laserpenfilled = new Icons_default.LaserPenFilled({
13579
+ icons_markpenfilled = new Icons_default.MarkPenFilled({
12652
13580
  props: { theme: (
12653
13581
  /*theme*/
12654
13582
  ctx[1]
@@ -12656,32 +13584,32 @@ function create_default_slot13(ctx) {
12656
13584
  });
12657
13585
  return {
12658
13586
  c() {
12659
- create_component(icons_laserpenfilled.$$.fragment);
13587
+ create_component(icons_markpenfilled.$$.fragment);
12660
13588
  },
12661
13589
  m(target, anchor) {
12662
- mount_component(icons_laserpenfilled, target, anchor);
13590
+ mount_component(icons_markpenfilled, target, anchor);
12663
13591
  current = true;
12664
13592
  },
12665
13593
  p(ctx2, dirty) {
12666
- const icons_laserpenfilled_changes = {};
13594
+ const icons_markpenfilled_changes = {};
12667
13595
  if (dirty[0] & /*theme*/
12668
13596
  2)
12669
- icons_laserpenfilled_changes.theme = /*theme*/
13597
+ icons_markpenfilled_changes.theme = /*theme*/
12670
13598
  ctx2[1];
12671
- icons_laserpenfilled.$set(icons_laserpenfilled_changes);
13599
+ icons_markpenfilled.$set(icons_markpenfilled_changes);
12672
13600
  },
12673
13601
  i(local) {
12674
13602
  if (current)
12675
13603
  return;
12676
- transition_in(icons_laserpenfilled.$$.fragment, local);
13604
+ transition_in(icons_markpenfilled.$$.fragment, local);
12677
13605
  current = true;
12678
13606
  },
12679
13607
  o(local) {
12680
- transition_out(icons_laserpenfilled.$$.fragment, local);
13608
+ transition_out(icons_markpenfilled.$$.fragment, local);
12681
13609
  current = false;
12682
13610
  },
12683
13611
  d(detaching) {
12684
- destroy_component(icons_laserpenfilled, detaching);
13612
+ destroy_component(icons_markpenfilled, detaching);
12685
13613
  }
12686
13614
  };
12687
13615
  }
@@ -12696,7 +13624,7 @@ function create_each_block4(ctx) {
12696
13624
  let span;
12697
13625
  let t1_value = (
12698
13626
  /*label*/
12699
- ctx[49] + ""
13627
+ ctx[53] + ""
12700
13628
  );
12701
13629
  let t1;
12702
13630
  let span_class_value;
@@ -12718,40 +13646,40 @@ function create_each_block4(ctx) {
12718
13646
  attr(img, "class", img_class_value = name5 + "-app-btn-icon " + /*theme*/
12719
13647
  ctx[1]);
12720
13648
  if (!src_url_equal(img.src, img_src_value = /*icon*/
12721
- ctx[48]))
13649
+ ctx[52]))
12722
13650
  attr(img, "src", img_src_value);
12723
13651
  attr(img, "alt", img_alt_value = /*kind*/
12724
- ctx[50]);
13652
+ ctx[54]);
12725
13653
  attr(img, "title", img_title_value = /*label*/
12726
- ctx[49]);
13654
+ ctx[53]);
12727
13655
  attr(span, "class", span_class_value = name5 + "-app-btn-text " + /*theme*/
12728
13656
  ctx[1]);
12729
13657
  attr(button, "class", button_class_value = name5 + "-app-btn " + /*kind*/
12730
- ctx[50] + " " + /*theme*/
13658
+ ctx[54] + " " + /*theme*/
12731
13659
  ctx[1]);
12732
13660
  attr(button, "title", button_title_value = /*label*/
12733
- ctx[49] + /*state*/
12734
- (ctx[52] && /*state*/
12735
- ctx[52].reason ? ": " + /*state*/
12736
- ctx[52].reason : ""));
13661
+ ctx[53] + /*state*/
13662
+ (ctx[56] && /*state*/
13663
+ ctx[56].reason ? ": " + /*state*/
13664
+ ctx[56].reason : ""));
12737
13665
  attr(button, "data-app-kind", button_data_app_kind_value = /*netless_app*/
12738
- ctx[47].kind);
13666
+ ctx[51].kind);
12739
13667
  button.disabled = button_disabled_value = /*state*/
12740
- ctx[52] && /*state*/
12741
- ctx[52].status !== "idle";
13668
+ ctx[56] && /*state*/
13669
+ ctx[56].status !== "idle";
12742
13670
  toggle_class(
12743
13671
  button,
12744
13672
  "is-loading",
12745
13673
  /*state*/
12746
- ctx[52] && /*state*/
12747
- ctx[52].status === "loading"
13674
+ ctx[56] && /*state*/
13675
+ ctx[56].status === "loading"
12748
13676
  );
12749
13677
  toggle_class(
12750
13678
  button,
12751
13679
  "is-failed",
12752
13680
  /*state*/
12753
- ctx[52] && /*state*/
12754
- ctx[52].status === "failed"
13681
+ ctx[56] && /*state*/
13682
+ ctx[56].status === "failed"
12755
13683
  );
12756
13684
  },
12757
13685
  m(target, anchor) {
@@ -12765,9 +13693,9 @@ function create_each_block4(ctx) {
12765
13693
  dispose = listen(button, "click", function() {
12766
13694
  if (is_function(
12767
13695
  /*on_click*/
12768
- ctx[53]
13696
+ ctx[57]
12769
13697
  ))
12770
- ctx[53].apply(this, arguments);
13698
+ ctx[57].apply(this, arguments);
12771
13699
  });
12772
13700
  mounted = true;
12773
13701
  }
@@ -12781,22 +13709,22 @@ function create_each_block4(ctx) {
12781
13709
  }
12782
13710
  if (dirty[0] & /*$apps*/
12783
13711
  2097152 && !src_url_equal(img.src, img_src_value = /*icon*/
12784
- ctx[48])) {
13712
+ ctx[52])) {
12785
13713
  attr(img, "src", img_src_value);
12786
13714
  }
12787
13715
  if (dirty[0] & /*$apps*/
12788
13716
  2097152 && img_alt_value !== (img_alt_value = /*kind*/
12789
- ctx[50])) {
13717
+ ctx[54])) {
12790
13718
  attr(img, "alt", img_alt_value);
12791
13719
  }
12792
13720
  if (dirty[0] & /*$apps*/
12793
13721
  2097152 && img_title_value !== (img_title_value = /*label*/
12794
- ctx[49])) {
13722
+ ctx[53])) {
12795
13723
  attr(img, "title", img_title_value);
12796
13724
  }
12797
13725
  if (dirty[0] & /*$apps*/
12798
13726
  2097152 && t1_value !== (t1_value = /*label*/
12799
- ctx[49] + ""))
13727
+ ctx[53] + ""))
12800
13728
  set_data(t1, t1_value);
12801
13729
  if (dirty[0] & /*theme*/
12802
13730
  2 && span_class_value !== (span_class_value = name5 + "-app-btn-text " + /*theme*/
@@ -12805,27 +13733,27 @@ function create_each_block4(ctx) {
12805
13733
  }
12806
13734
  if (dirty[0] & /*$apps, theme*/
12807
13735
  2097154 && button_class_value !== (button_class_value = name5 + "-app-btn " + /*kind*/
12808
- ctx[50] + " " + /*theme*/
13736
+ ctx[54] + " " + /*theme*/
12809
13737
  ctx[1])) {
12810
13738
  attr(button, "class", button_class_value);
12811
13739
  }
12812
13740
  if (dirty[0] & /*$apps, $status*/
12813
13741
  6291456 && button_title_value !== (button_title_value = /*label*/
12814
- ctx[49] + /*state*/
12815
- (ctx[52] && /*state*/
12816
- ctx[52].reason ? ": " + /*state*/
12817
- ctx[52].reason : ""))) {
13742
+ ctx[53] + /*state*/
13743
+ (ctx[56] && /*state*/
13744
+ ctx[56].reason ? ": " + /*state*/
13745
+ ctx[56].reason : ""))) {
12818
13746
  attr(button, "title", button_title_value);
12819
13747
  }
12820
13748
  if (dirty[0] & /*$apps*/
12821
13749
  2097152 && button_data_app_kind_value !== (button_data_app_kind_value = /*netless_app*/
12822
- ctx[47].kind)) {
13750
+ ctx[51].kind)) {
12823
13751
  attr(button, "data-app-kind", button_data_app_kind_value);
12824
13752
  }
12825
13753
  if (dirty[0] & /*$status, $apps*/
12826
13754
  6291456 && button_disabled_value !== (button_disabled_value = /*state*/
12827
- ctx[52] && /*state*/
12828
- ctx[52].status !== "idle")) {
13755
+ ctx[56] && /*state*/
13756
+ ctx[56].status !== "idle")) {
12829
13757
  button.disabled = button_disabled_value;
12830
13758
  }
12831
13759
  if (dirty[0] & /*$apps, theme, $status, $apps*/
@@ -12834,8 +13762,8 @@ function create_each_block4(ctx) {
12834
13762
  button,
12835
13763
  "is-loading",
12836
13764
  /*state*/
12837
- ctx[52] && /*state*/
12838
- ctx[52].status === "loading"
13765
+ ctx[56] && /*state*/
13766
+ ctx[56].status === "loading"
12839
13767
  );
12840
13768
  }
12841
13769
  if (dirty[0] & /*$apps, theme, $status, $apps*/
@@ -12844,8 +13772,8 @@ function create_each_block4(ctx) {
12844
13772
  button,
12845
13773
  "is-failed",
12846
13774
  /*state*/
12847
- ctx[52] && /*state*/
12848
- ctx[52].status === "failed"
13775
+ ctx[56] && /*state*/
13776
+ ctx[56].status === "failed"
12849
13777
  );
12850
13778
  }
12851
13779
  },
@@ -12857,7 +13785,8 @@ function create_each_block4(ctx) {
12857
13785
  }
12858
13786
  };
12859
13787
  }
12860
- function create_fragment69(ctx) {
13788
+ function create_fragment71(ctx) {
13789
+ var _a;
12861
13790
  let t0;
12862
13791
  let div0;
12863
13792
  let t1;
@@ -12867,8 +13796,6 @@ function create_fragment69(ctx) {
12867
13796
  let div9;
12868
13797
  let div3;
12869
13798
  let div1;
12870
- let current_block_type_index;
12871
- let if_block3;
12872
13799
  let t4;
12873
13800
  let strokewidth0;
12874
13801
  let t5;
@@ -12896,7 +13823,7 @@ function create_fragment69(ctx) {
12896
13823
  let dispose;
12897
13824
  let if_block0 = (
12898
13825
  /*scrollable*/
12899
- ctx[5] && create_if_block_13(ctx)
13826
+ ctx[5] && create_if_block_18(ctx)
12900
13827
  );
12901
13828
  let each_value_1 = (
12902
13829
  /*items*/
@@ -12910,27 +13837,13 @@ function create_fragment69(ctx) {
12910
13837
  each_blocks_1[i] = null;
12911
13838
  });
12912
13839
  let if_block1 = !/*hide_apps*/
12913
- ctx[8] && create_if_block_3(ctx);
13840
+ ctx[8] && create_if_block_8(ctx);
12914
13841
  let if_block2 = (
12915
13842
  /*scrollable*/
12916
- ctx[5] && create_if_block_2(ctx)
13843
+ ctx[5] && create_if_block_7(ctx)
12917
13844
  );
12918
- const if_block_creators = [create_if_block14, create_if_block_14];
12919
- const if_blocks = [];
12920
- function select_block_type_1(ctx2, dirty) {
12921
- var _a, _b;
12922
- if (!!/*app*/
12923
- ((_a = ctx2[0]) == null ? void 0 : _a.appliancePlugin) && /*hasUseLaserPen*/
12924
- ctx2[16])
12925
- return 0;
12926
- if (!!/*app*/
12927
- ((_b = ctx2[0]) == null ? void 0 : _b.appliancePlugin))
12928
- return 1;
12929
- return -1;
12930
- }
12931
- if (~(current_block_type_index = select_block_type_1(ctx))) {
12932
- if_block3 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
12933
- }
13845
+ let if_block3 = !!/*app*/
13846
+ ((_a = ctx[0]) == null ? void 0 : _a.appliancePlugin) && create_if_block14(ctx);
12934
13847
  strokewidth0 = new StrokeWidth_default({
12935
13848
  props: {
12936
13849
  app: (
@@ -13141,20 +14054,19 @@ function create_fragment69(ctx) {
13141
14054
  insert(target, div9, anchor);
13142
14055
  append(div9, div3);
13143
14056
  append(div3, div1);
13144
- if (~current_block_type_index) {
13145
- if_blocks[current_block_type_index].m(div1, null);
13146
- }
14057
+ if (if_block3)
14058
+ if_block3.m(div1, null);
13147
14059
  append(div3, t4);
13148
14060
  mount_component(strokewidth0, div3, null);
13149
14061
  append(div3, t5);
13150
14062
  append(div3, div2);
13151
14063
  append(div3, t6);
13152
14064
  mount_component(strokecolor0, div3, null);
13153
- ctx[40](div3);
14065
+ ctx[44](div3);
13154
14066
  append(div9, t7);
13155
14067
  append(div9, div4);
13156
14068
  mount_component(textcolor, div4, null);
13157
- ctx[41](div4);
14069
+ ctx[45](div4);
13158
14070
  append(div9, t8);
13159
14071
  append(div9, div7);
13160
14072
  mount_component(selectshapes, div7, null);
@@ -13166,7 +14078,7 @@ function create_fragment69(ctx) {
13166
14078
  append(div7, div6);
13167
14079
  append(div7, t12);
13168
14080
  mount_component(strokecolor1, div7, null);
13169
- ctx[42](div7);
14081
+ ctx[46](div7);
13170
14082
  append(div9, t13);
13171
14083
  append(div9, div8);
13172
14084
  for (let i = 0; i < each_blocks.length; i += 1) {
@@ -13174,7 +14086,7 @@ function create_fragment69(ctx) {
13174
14086
  each_blocks[i].m(div8, null);
13175
14087
  }
13176
14088
  }
13177
- ctx[44](div8);
14089
+ ctx[48](div8);
13178
14090
  current = true;
13179
14091
  if (!mounted) {
13180
14092
  dispose = [
@@ -13195,6 +14107,7 @@ function create_fragment69(ctx) {
13195
14107
  }
13196
14108
  },
13197
14109
  p(ctx2, dirty) {
14110
+ var _a2;
13198
14111
  if (
13199
14112
  /*scrollable*/
13200
14113
  ctx2[5]
@@ -13206,7 +14119,7 @@ function create_fragment69(ctx) {
13206
14119
  transition_in(if_block0, 1);
13207
14120
  }
13208
14121
  } else {
13209
- if_block0 = create_if_block_13(ctx2);
14122
+ if_block0 = create_if_block_18(ctx2);
13210
14123
  if_block0.c();
13211
14124
  transition_in(if_block0, 1);
13212
14125
  if_block0.m(t0.parentNode, t0);
@@ -13218,8 +14131,8 @@ function create_fragment69(ctx) {
13218
14131
  });
13219
14132
  check_outros();
13220
14133
  }
13221
- if (dirty[0] & /*appliance, theme, btn_props, c, clicker, items, selector, hasUseLaserPen, pencil_panel, pencil, text_panel, text, app, t, shapes_panel, eraser*/
13222
- 2081799299 | dirty[1] & /*clear, hand, laserPointer*/
14134
+ if (dirty[0] & /*appliance, theme, btn_props, c, clicker, items, selector, pencilType, pencil_panel, pencil, text_panel, text, app, t, shapes_panel, eraser*/
14135
+ 2081668227 | dirty[1] & /*clear, hand, laserPointer*/
13223
14136
  7) {
13224
14137
  each_value_1 = /*items*/
13225
14138
  ctx2[7];
@@ -13251,7 +14164,7 @@ function create_fragment69(ctx) {
13251
14164
  transition_in(if_block1, 1);
13252
14165
  }
13253
14166
  } else {
13254
- if_block1 = create_if_block_3(ctx2);
14167
+ if_block1 = create_if_block_8(ctx2);
13255
14168
  if_block1.c();
13256
14169
  transition_in(if_block1, 1);
13257
14170
  if_block1.m(div0, null);
@@ -13290,7 +14203,7 @@ function create_fragment69(ctx) {
13290
14203
  transition_in(if_block2, 1);
13291
14204
  }
13292
14205
  } else {
13293
- if_block2 = create_if_block_2(ctx2);
14206
+ if_block2 = create_if_block_7(ctx2);
13294
14207
  if_block2.c();
13295
14208
  transition_in(if_block2, 1);
13296
14209
  if_block2.m(t3.parentNode, t3);
@@ -13302,33 +14215,26 @@ function create_fragment69(ctx) {
13302
14215
  });
13303
14216
  check_outros();
13304
14217
  }
13305
- let previous_block_index = current_block_type_index;
13306
- current_block_type_index = select_block_type_1(ctx2);
13307
- if (current_block_type_index === previous_block_index) {
13308
- if (~current_block_type_index) {
13309
- if_blocks[current_block_type_index].p(ctx2, dirty);
13310
- }
13311
- } else {
14218
+ if (!!/*app*/
14219
+ ((_a2 = ctx2[0]) == null ? void 0 : _a2.appliancePlugin)) {
13312
14220
  if (if_block3) {
13313
- group_outros();
13314
- transition_out(if_blocks[previous_block_index], 1, 1, () => {
13315
- if_blocks[previous_block_index] = null;
13316
- });
13317
- check_outros();
13318
- }
13319
- if (~current_block_type_index) {
13320
- if_block3 = if_blocks[current_block_type_index];
13321
- if (!if_block3) {
13322
- if_block3 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
13323
- if_block3.c();
13324
- } else {
13325
- if_block3.p(ctx2, dirty);
14221
+ if_block3.p(ctx2, dirty);
14222
+ if (dirty[0] & /*app*/
14223
+ 1) {
14224
+ transition_in(if_block3, 1);
13326
14225
  }
14226
+ } else {
14227
+ if_block3 = create_if_block14(ctx2);
14228
+ if_block3.c();
13327
14229
  transition_in(if_block3, 1);
13328
14230
  if_block3.m(div1, null);
13329
- } else {
13330
- if_block3 = null;
13331
14231
  }
14232
+ } else if (if_block3) {
14233
+ group_outros();
14234
+ transition_out(if_block3, 1, 1, () => {
14235
+ if_block3 = null;
14236
+ });
14237
+ check_outros();
13332
14238
  }
13333
14239
  const strokewidth0_changes = {};
13334
14240
  if (dirty[0] & /*app*/
@@ -13513,27 +14419,26 @@ function create_fragment69(ctx) {
13513
14419
  detach(t3);
13514
14420
  if (detaching)
13515
14421
  detach(div9);
13516
- if (~current_block_type_index) {
13517
- if_blocks[current_block_type_index].d();
13518
- }
14422
+ if (if_block3)
14423
+ if_block3.d();
13519
14424
  destroy_component(strokewidth0);
13520
14425
  destroy_component(strokecolor0);
13521
- ctx[40](null);
14426
+ ctx[44](null);
13522
14427
  destroy_component(textcolor);
13523
- ctx[41](null);
14428
+ ctx[45](null);
13524
14429
  destroy_component(selectshapes);
13525
14430
  destroy_component(strokewidth1);
13526
14431
  destroy_component(strokecolor1);
13527
- ctx[42](null);
14432
+ ctx[46](null);
13528
14433
  destroy_each(each_blocks, detaching);
13529
- ctx[44](null);
14434
+ ctx[48](null);
13530
14435
  mounted = false;
13531
14436
  run_all(dispose);
13532
14437
  }
13533
14438
  };
13534
14439
  }
13535
14440
  var name5 = "fastboard-toolbar";
13536
- function instance69($$self, $$props, $$invalidate) {
14441
+ function instance71($$self, $$props, $$invalidate) {
13537
14442
  let t;
13538
14443
  let hotkeys;
13539
14444
  let c;
@@ -13543,9 +14448,11 @@ function instance69($$self, $$props, $$invalidate) {
13543
14448
  let max_scroll;
13544
14449
  let hasAppliancePlugin;
13545
14450
  let hasUseLaserPen;
14451
+ let hasUseMarkPen;
14452
+ let pencilType;
13546
14453
  let $top;
13547
- let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(38, $memberState = $$value)), memberState);
13548
- 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);
14454
+ let $memberState, $$unsubscribe_memberState = noop, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe(memberState, ($$value) => $$invalidate(42, $memberState = $$value)), memberState);
14455
+ 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);
13549
14456
  let $apps;
13550
14457
  let $status, $$unsubscribe_status = noop, $$subscribe_status = () => ($$unsubscribe_status(), $$unsubscribe_status = subscribe(status, ($$value) => $$invalidate(22, $status = $$value)), status);
13551
14458
  component_subscribe($$self, apps, ($$value) => $$invalidate(21, $apps = $$value));
@@ -13570,7 +14477,7 @@ function instance69($$self, $$props, $$invalidate) {
13570
14477
  let apps_panel;
13571
14478
  let btn_props;
13572
14479
  let top = writable(0);
13573
- component_subscribe($$self, top, (value) => $$invalidate(46, $top = value));
14480
+ component_subscribe($$self, top, (value) => $$invalidate(50, $top = value));
13574
14481
  function scroll_up() {
13575
14482
  set_store_value(top, $top = clamp($top - 32 - 4, 0, max_scroll), $top);
13576
14483
  }
@@ -13584,7 +14491,19 @@ function instance69($$self, $$props, $$invalidate) {
13584
14491
  app == null ? void 0 : app.setAppliance("selector");
13585
14492
  }
13586
14493
  function pencil() {
13587
- app == null ? void 0 : app.setAppliance("pencil");
14494
+ if (hasAppliancePlugin) {
14495
+ if (appliance !== "pencil") {
14496
+ if (pencilType === "mark") {
14497
+ useMarkPen();
14498
+ } else if (pencilType === "laser") {
14499
+ useLaserPen();
14500
+ } else {
14501
+ usePencil();
14502
+ }
14503
+ }
14504
+ } else {
14505
+ usePencil();
14506
+ }
13588
14507
  }
13589
14508
  function text2() {
13590
14509
  app == null ? void 0 : app.setAppliance("text");
@@ -13601,8 +14520,33 @@ function instance69($$self, $$props, $$invalidate) {
13601
14520
  function clear() {
13602
14521
  app == null ? void 0 : app.cleanCurrentScene();
13603
14522
  }
14523
+ function usePencil() {
14524
+ var _a;
14525
+ if (hasAppliancePlugin) {
14526
+ (_a = app == null ? void 0 : app.appliancePlugin) == null ? void 0 : _a.setMemberState({
14527
+ currentApplianceName: "pencil",
14528
+ useLaserPen: false,
14529
+ strokeOpacity: 1
14530
+ });
14531
+ } else {
14532
+ app == null ? void 0 : app.setAppliance("pencil");
14533
+ }
14534
+ }
13604
14535
  function useLaserPen() {
13605
- app == null ? void 0 : app.setAppliance("laserPen");
14536
+ var _a;
14537
+ (_a = app == null ? void 0 : app.appliancePlugin) == null ? void 0 : _a.setMemberState({
14538
+ currentApplianceName: "laserPen",
14539
+ useLaserPen: true,
14540
+ strokeOpacity: 1
14541
+ });
14542
+ }
14543
+ function useMarkPen() {
14544
+ var _a;
14545
+ (_a = app == null ? void 0 : app.appliancePlugin) == null ? void 0 : _a.setMemberState({
14546
+ currentApplianceName: "pencil",
14547
+ useLaserPen: false,
14548
+ strokeOpacity: 0.5
14549
+ });
13606
14550
  }
13607
14551
  function div3_binding($$value) {
13608
14552
  binding_callbacks[$$value ? "unshift" : "push"](() => {
@@ -13644,7 +14588,7 @@ function instance69($$self, $$props, $$invalidate) {
13644
14588
  if ("scroll_height" in $$props2)
13645
14589
  $$subscribe_scroll_height($$invalidate(4, scroll_height = $$props2.scroll_height));
13646
14590
  if ("computed_height" in $$props2)
13647
- $$invalidate(35, computed_height = $$props2.computed_height);
14591
+ $$invalidate(37, computed_height = $$props2.computed_height);
13648
14592
  if ("scrollable" in $$props2)
13649
14593
  $$invalidate(5, scrollable = $$props2.scrollable);
13650
14594
  if ("placement" in $$props2)
@@ -13673,11 +14617,11 @@ function instance69($$self, $$props, $$invalidate) {
13673
14617
  }
13674
14618
  if ($$self.$$.dirty[0] & /*app*/
13675
14619
  1) {
13676
- $$invalidate(37, hotkeys = app == null ? void 0 : app.hotKeys);
14620
+ $$invalidate(41, hotkeys = app == null ? void 0 : app.hotKeys);
13677
14621
  }
13678
14622
  if ($$self.$$.dirty[0] & /*t*/
13679
14623
  1024 | $$self.$$.dirty[1] & /*hotkeys*/
13680
- 64) {
14624
+ 1024) {
13681
14625
  $$invalidate(20, c = {
13682
14626
  clicker: tooltip(t.clicker, hotkeys == null ? void 0 : hotkeys.changeToClick),
13683
14627
  selector: tooltip(t.selector, hotkeys == null ? void 0 : hotkeys.changeToSelector),
@@ -13693,25 +14637,33 @@ function instance69($$self, $$props, $$invalidate) {
13693
14637
  $$subscribe_memberState($$invalidate(19, memberState = app == null ? void 0 : app.memberState));
13694
14638
  }
13695
14639
  if ($$self.$$.dirty[1] & /*$memberState*/
13696
- 128) {
13697
- $$invalidate(18, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
14640
+ 2048) {
14641
+ $$invalidate(17, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
13698
14642
  }
13699
14643
  if ($$self.$$.dirty[0] & /*app*/
13700
14644
  1) {
13701
- $$subscribe_status($$invalidate(17, status = app == null ? void 0 : app.appsStatus));
14645
+ $$subscribe_status($$invalidate(18, status = app == null ? void 0 : app.appsStatus));
13702
14646
  }
13703
14647
  if ($$self.$$.dirty[0] & /*scrollable*/
13704
14648
  32 | $$self.$$.dirty[1] & /*$scroll_height, computed_height*/
13705
- 272) {
14649
+ 4160) {
13706
14650
  max_scroll = scrollable ? $scroll_height + (32 + 8) * 2 - computed_height : 0;
13707
14651
  }
13708
14652
  if ($$self.$$.dirty[0] & /*app*/
13709
14653
  1) {
13710
- $$invalidate(36, hasAppliancePlugin = !!(app == null ? void 0 : app.appliancePlugin));
14654
+ $$invalidate(38, hasAppliancePlugin = !!(app == null ? void 0 : app.appliancePlugin));
14655
+ }
14656
+ if ($$self.$$.dirty[1] & /*hasAppliancePlugin, $memberState*/
14657
+ 2176) {
14658
+ $$invalidate(40, hasUseLaserPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.useLaserPen) || false);
13711
14659
  }
13712
14660
  if ($$self.$$.dirty[1] & /*hasAppliancePlugin, $memberState*/
13713
- 160) {
13714
- $$invalidate(16, hasUseLaserPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.useLaserPen) || false);
14661
+ 2176) {
14662
+ $$invalidate(39, hasUseMarkPen = hasAppliancePlugin && ($memberState == null ? void 0 : $memberState.strokeOpacity) === 0.5 || false);
14663
+ }
14664
+ if ($$self.$$.dirty[1] & /*hasUseLaserPen, hasUseMarkPen*/
14665
+ 768) {
14666
+ $$invalidate(16, pencilType = hasUseLaserPen ? "laser" : hasUseMarkPen ? "mark" : "pencil");
13715
14667
  }
13716
14668
  };
13717
14669
  return [
@@ -13731,9 +14683,9 @@ function instance69($$self, $$props, $$invalidate) {
13731
14683
  shapes_panel,
13732
14684
  apps_panel,
13733
14685
  btn_props,
13734
- hasUseLaserPen,
13735
- status,
14686
+ pencilType,
13736
14687
  appliance,
14688
+ status,
13737
14689
  memberState,
13738
14690
  c,
13739
14691
  $apps,
@@ -13749,9 +14701,13 @@ function instance69($$self, $$props, $$invalidate) {
13749
14701
  hand,
13750
14702
  laserPointer,
13751
14703
  clear,
14704
+ usePencil,
13752
14705
  useLaserPen,
14706
+ useMarkPen,
13753
14707
  computed_height,
13754
14708
  hasAppliancePlugin,
14709
+ hasUseMarkPen,
14710
+ hasUseLaserPen,
13755
14711
  hotkeys,
13756
14712
  $memberState,
13757
14713
  $scroll_height,
@@ -13768,8 +14724,8 @@ var Contents = class extends SvelteComponent {
13768
14724
  init(
13769
14725
  this,
13770
14726
  options,
13771
- instance69,
13772
- create_fragment69,
14727
+ instance71,
14728
+ create_fragment71,
13773
14729
  safe_not_equal,
13774
14730
  {
13775
14731
  app: 0,
@@ -13777,7 +14733,7 @@ var Contents = class extends SvelteComponent {
13777
14733
  language: 2,
13778
14734
  disabled: 3,
13779
14735
  scroll_height: 4,
13780
- computed_height: 35,
14736
+ computed_height: 37,
13781
14737
  scrollable: 5,
13782
14738
  placement: 6,
13783
14739
  items: 7,
@@ -13785,7 +14741,7 @@ var Contents = class extends SvelteComponent {
13785
14741
  colors: 9
13786
14742
  },
13787
14743
  null,
13788
- [-1, -1]
14744
+ [-1, -1, -1]
13789
14745
  );
13790
14746
  }
13791
14747
  };
@@ -13848,7 +14804,7 @@ function create_if_block15(ctx) {
13848
14804
  }
13849
14805
  };
13850
14806
  }
13851
- function create_fragment70(ctx) {
14807
+ function create_fragment72(ctx) {
13852
14808
  let div1;
13853
14809
  let div0;
13854
14810
  let contents;
@@ -14118,7 +15074,7 @@ function create_fragment70(ctx) {
14118
15074
  };
14119
15075
  }
14120
15076
  var name6 = "fastboard-toolbar";
14121
- function instance70($$self, $$props, $$invalidate) {
15077
+ function instance72($$self, $$props, $$invalidate) {
14122
15078
  let writable2;
14123
15079
  let phase;
14124
15080
  let disabled;
@@ -14237,7 +15193,7 @@ function instance70($$self, $$props, $$invalidate) {
14237
15193
  var Toolbar = class extends SvelteComponent {
14238
15194
  constructor(options) {
14239
15195
  super();
14240
- init(this, options, instance70, create_fragment70, safe_not_equal, {
15196
+ init(this, options, instance72, create_fragment72, safe_not_equal, {
14241
15197
  app: 1,
14242
15198
  theme: 2,
14243
15199
  language: 3,
@@ -14254,7 +15210,7 @@ function get_each_context5(ctx, list, i) {
14254
15210
  child_ctx[25] = list[i];
14255
15211
  return child_ctx;
14256
15212
  }
14257
- function create_else_block_12(ctx) {
15213
+ function create_else_block_13(ctx) {
14258
15214
  var _a;
14259
15215
  let icon;
14260
15216
  let current;
@@ -14311,7 +15267,7 @@ function create_else_block_12(ctx) {
14311
15267
  }
14312
15268
  };
14313
15269
  }
14314
- function create_if_block_22(ctx) {
15270
+ function create_if_block_23(ctx) {
14315
15271
  var _a;
14316
15272
  let icon;
14317
15273
  let current;
@@ -14368,7 +15324,7 @@ function create_if_block_22(ctx) {
14368
15324
  }
14369
15325
  };
14370
15326
  }
14371
- function create_if_block_15(ctx) {
15327
+ function create_if_block_110(ctx) {
14372
15328
  var _a;
14373
15329
  let icon;
14374
15330
  let current;
@@ -14544,7 +15500,7 @@ function create_default_slot_25(ctx) {
14544
15500
  let if_block;
14545
15501
  let if_block_anchor;
14546
15502
  let current;
14547
- const if_block_creators = [create_if_block_15, create_if_block_22, create_else_block_12];
15503
+ const if_block_creators = [create_if_block_110, create_if_block_23, create_else_block_13];
14548
15504
  const if_blocks = [];
14549
15505
  function select_block_type(ctx2, dirty) {
14550
15506
  if (
@@ -14921,7 +15877,7 @@ function create_each_block5(key_1, ctx) {
14921
15877
  }
14922
15878
  };
14923
15879
  }
14924
- function create_fragment71(ctx) {
15880
+ function create_fragment73(ctx) {
14925
15881
  let div0;
14926
15882
  let button0;
14927
15883
  let t0;
@@ -15198,7 +16154,7 @@ function format(ms) {
15198
16154
  return String(m).padStart(2, "0") + ":" + String(s % 60).padStart(2, "0");
15199
16155
  }
15200
16156
  var name7 = "fastboard-player-control";
15201
- function instance71($$self, $$props, $$invalidate) {
16157
+ function instance73($$self, $$props, $$invalidate) {
15202
16158
  let t;
15203
16159
  let canPlay;
15204
16160
  let disabled;
@@ -15343,7 +16299,7 @@ function instance71($$self, $$props, $$invalidate) {
15343
16299
  var PlayerControl = class extends SvelteComponent {
15344
16300
  constructor(options) {
15345
16301
  super();
15346
- init(this, options, instance71, create_fragment71, safe_not_equal, {
16302
+ init(this, options, instance73, create_fragment73, safe_not_equal, {
15347
16303
  player: 19,
15348
16304
  theme: 0,
15349
16305
  language: 20,
@@ -15412,7 +16368,7 @@ function create_if_block17(ctx) {
15412
16368
  }
15413
16369
  };
15414
16370
  }
15415
- function create_fragment72(ctx) {
16371
+ function create_fragment74(ctx) {
15416
16372
  var _a;
15417
16373
  let div2;
15418
16374
  let div0;
@@ -15512,7 +16468,7 @@ function create_fragment72(ctx) {
15512
16468
  };
15513
16469
  }
15514
16470
  var name8 = "fastboard";
15515
- function instance72($$self, $$props, $$invalidate) {
16471
+ function instance74($$self, $$props, $$invalidate) {
15516
16472
  let { player = null } = $$props;
15517
16473
  let { theme = "light" } = $$props;
15518
16474
  let { language = "en" } = $$props;
@@ -15587,7 +16543,7 @@ function instance72($$self, $$props, $$invalidate) {
15587
16543
  var ReplayFastboard = class extends SvelteComponent {
15588
16544
  constructor(options) {
15589
16545
  super();
15590
- init(this, options, instance72, create_fragment72, not_equal, {
16546
+ init(this, options, instance74, create_fragment74, not_equal, {
15591
16547
  player: 0,
15592
16548
  theme: 1,
15593
16549
  language: 2,
@@ -15599,7 +16555,7 @@ var ReplayFastboard = class extends SvelteComponent {
15599
16555
  var ReplayFastboard_default = ReplayFastboard;
15600
16556
 
15601
16557
  // src/components/Fastboard/Fastboard.svelte
15602
- function create_if_block_32(ctx) {
16558
+ function create_if_block_33(ctx) {
15603
16559
  let toolbar;
15604
16560
  let current;
15605
16561
  toolbar = new Toolbar_default({
@@ -15665,7 +16621,7 @@ function create_if_block_32(ctx) {
15665
16621
  }
15666
16622
  };
15667
16623
  }
15668
- function create_if_block_23(ctx) {
16624
+ function create_if_block_24(ctx) {
15669
16625
  let redoundo;
15670
16626
  let current;
15671
16627
  redoundo = new RedoUndo_default({
@@ -15723,7 +16679,7 @@ function create_if_block_23(ctx) {
15723
16679
  }
15724
16680
  };
15725
16681
  }
15726
- function create_if_block_16(ctx) {
16682
+ function create_if_block_111(ctx) {
15727
16683
  let zoomcontrol;
15728
16684
  let current;
15729
16685
  zoomcontrol = new ZoomControl_default({
@@ -15839,7 +16795,7 @@ function create_if_block18(ctx) {
15839
16795
  }
15840
16796
  };
15841
16797
  }
15842
- function create_fragment73(ctx) {
16798
+ function create_fragment75(ctx) {
15843
16799
  var _a, _b, _c, _d;
15844
16800
  let div4;
15845
16801
  let div0;
@@ -15856,15 +16812,15 @@ function create_fragment73(ctx) {
15856
16812
  let dispose;
15857
16813
  let if_block0 = (
15858
16814
  /*config*/
15859
- ((_a = ctx[3].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_32(ctx)
16815
+ ((_a = ctx[3].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_33(ctx)
15860
16816
  );
15861
16817
  let if_block1 = (
15862
16818
  /*config*/
15863
- ((_b = ctx[3].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_23(ctx)
16819
+ ((_b = ctx[3].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_24(ctx)
15864
16820
  );
15865
16821
  let if_block2 = (
15866
16822
  /*config*/
15867
- ((_c = ctx[3].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_16(ctx)
16823
+ ((_c = ctx[3].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_111(ctx)
15868
16824
  );
15869
16825
  let if_block3 = (
15870
16826
  /*config*/
@@ -15959,7 +16915,7 @@ function create_fragment73(ctx) {
15959
16915
  transition_in(if_block0, 1);
15960
16916
  }
15961
16917
  } else {
15962
- if_block0 = create_if_block_32(ctx2);
16918
+ if_block0 = create_if_block_33(ctx2);
15963
16919
  if_block0.c();
15964
16920
  transition_in(if_block0, 1);
15965
16921
  if_block0.m(div1, null);
@@ -15994,7 +16950,7 @@ function create_fragment73(ctx) {
15994
16950
  transition_in(if_block1, 1);
15995
16951
  }
15996
16952
  } else {
15997
- if_block1 = create_if_block_23(ctx2);
16953
+ if_block1 = create_if_block_24(ctx2);
15998
16954
  if_block1.c();
15999
16955
  transition_in(if_block1, 1);
16000
16956
  if_block1.m(div2, t2);
@@ -16017,7 +16973,7 @@ function create_fragment73(ctx) {
16017
16973
  transition_in(if_block2, 1);
16018
16974
  }
16019
16975
  } else {
16020
- if_block2 = create_if_block_16(ctx2);
16976
+ if_block2 = create_if_block_111(ctx2);
16021
16977
  if_block2.c();
16022
16978
  transition_in(if_block2, 1);
16023
16979
  if_block2.m(div2, null);
@@ -16110,7 +17066,7 @@ function create_fragment73(ctx) {
16110
17066
  };
16111
17067
  }
16112
17068
  var name9 = "fastboard";
16113
- function instance73($$self, $$props, $$invalidate) {
17069
+ function instance75($$self, $$props, $$invalidate) {
16114
17070
  let writable2;
16115
17071
  let boxState;
16116
17072
  let focusedApp;
@@ -16235,7 +17191,7 @@ function instance73($$self, $$props, $$invalidate) {
16235
17191
  var Fastboard = class extends SvelteComponent {
16236
17192
  constructor(options) {
16237
17193
  super();
16238
- init(this, options, instance73, create_fragment73, not_equal, {
17194
+ init(this, options, instance75, create_fragment75, not_equal, {
16239
17195
  app: 0,
16240
17196
  theme: 1,
16241
17197
  language: 2,