@plaidev/karte-action-sdk 1.1.254-28798933.053f5e5d → 1.1.254-28804623.48423d98

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.
@@ -3035,7 +3035,7 @@ class State extends SvelteComponent {
3035
3035
 
3036
3036
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3037
3037
 
3038
- function add_css$I(target) {
3038
+ function add_css$J(target) {
3039
3039
  append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3040
3040
  }
3041
3041
 
@@ -3203,7 +3203,7 @@ function instance$1f($$self, $$props, $$invalidate) {
3203
3203
  class StateItem extends SvelteComponent {
3204
3204
  constructor(options) {
3205
3205
  super();
3206
- init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$I);
3206
+ init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$J);
3207
3207
  }
3208
3208
  }
3209
3209
 
@@ -3329,7 +3329,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3329
3329
 
3330
3330
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3331
3331
 
3332
- function add_css$H(target) {
3332
+ function add_css$I(target) {
3333
3333
  append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3334
3334
  }
3335
3335
 
@@ -3431,7 +3431,7 @@ function instance$1e($$self, $$props, $$invalidate) {
3431
3431
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3432
3432
  constructor(options) {
3433
3433
  super();
3434
- init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$H);
3434
+ init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$I);
3435
3435
  }
3436
3436
  };
3437
3437
 
@@ -3471,7 +3471,7 @@ function checkStopPropagation(eventName, handler) {
3471
3471
 
3472
3472
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3473
3473
 
3474
- function add_css$G(target) {
3474
+ function add_css$H(target) {
3475
3475
  append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
3476
3476
  }
3477
3477
 
@@ -3974,14 +3974,14 @@ let Button$1 = class Button extends SvelteComponent {
3974
3974
  eventValue: 6,
3975
3975
  style: 1
3976
3976
  },
3977
- add_css$G
3977
+ add_css$H
3978
3978
  );
3979
3979
  }
3980
3980
  };
3981
3981
 
3982
3982
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3983
3983
 
3984
- function add_css$F(target) {
3984
+ function add_css$G(target) {
3985
3985
  append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
3986
3986
  }
3987
3987
 
@@ -4873,7 +4873,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4873
4873
  closeButtonColor: 9,
4874
4874
  _closeStyle: 10
4875
4875
  },
4876
- add_css$F,
4876
+ add_css$G,
4877
4877
  [-1, -1]
4878
4878
  );
4879
4879
  }
@@ -5007,7 +5007,7 @@ class Grid extends SvelteComponent {
5007
5007
 
5008
5008
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5009
5009
 
5010
- function add_css$E(target) {
5010
+ function add_css$F(target) {
5011
5011
  append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5012
5012
  }
5013
5013
 
@@ -5165,7 +5165,7 @@ class GridItem extends SvelteComponent {
5165
5165
  background: 7,
5166
5166
  gridItemId: 0
5167
5167
  },
5168
- add_css$E
5168
+ add_css$F
5169
5169
  );
5170
5170
  }
5171
5171
  }
@@ -5364,7 +5364,7 @@ class RenderText extends SvelteComponent {
5364
5364
 
5365
5365
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5366
5366
 
5367
- function add_css$D(target) {
5367
+ function add_css$E(target) {
5368
5368
  append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
5369
5369
  }
5370
5370
 
@@ -5736,14 +5736,14 @@ class TextElement extends SvelteComponent {
5736
5736
  enableCopy: 2,
5737
5737
  eventName: 10
5738
5738
  },
5739
- add_css$D
5739
+ add_css$E
5740
5740
  );
5741
5741
  }
5742
5742
  }
5743
5743
 
5744
5744
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5745
5745
 
5746
- function add_css$C(target) {
5746
+ function add_css$D(target) {
5747
5747
  append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5748
5748
  }
5749
5749
 
@@ -5897,14 +5897,14 @@ class TextButtonElement extends SvelteComponent {
5897
5897
  _buttonStyle: 5,
5898
5898
  _style: 6
5899
5899
  },
5900
- add_css$C
5900
+ add_css$D
5901
5901
  );
5902
5902
  }
5903
5903
  }
5904
5904
 
5905
5905
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5906
5906
 
5907
- function add_css$B(target) {
5907
+ function add_css$C(target) {
5908
5908
  append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
5909
5909
  }
5910
5910
 
@@ -6088,14 +6088,14 @@ class ImageElement extends SvelteComponent {
6088
6088
  _imageStyle: 6,
6089
6089
  _style: 7
6090
6090
  },
6091
- add_css$B
6091
+ add_css$C
6092
6092
  );
6093
6093
  }
6094
6094
  }
6095
6095
 
6096
6096
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6097
6097
 
6098
- function add_css$A(target) {
6098
+ function add_css$B(target) {
6099
6099
  append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
6100
6100
  }
6101
6101
 
@@ -6245,14 +6245,14 @@ class List extends SvelteComponent {
6245
6245
  background: 3,
6246
6246
  _style: 4
6247
6247
  },
6248
- add_css$A
6248
+ add_css$B
6249
6249
  );
6250
6250
  }
6251
6251
  }
6252
6252
 
6253
6253
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6254
6254
 
6255
- function add_css$z(target) {
6255
+ function add_css$A(target) {
6256
6256
  append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6257
6257
  }
6258
6258
 
@@ -6455,13 +6455,13 @@ function instance$14($$self, $$props, $$invalidate) {
6455
6455
  class ListItem extends SvelteComponent {
6456
6456
  constructor(options) {
6457
6457
  super();
6458
- init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$z);
6458
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$A);
6459
6459
  }
6460
6460
  }
6461
6461
 
6462
6462
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6463
6463
 
6464
- function add_css$y(target) {
6464
+ function add_css$z(target) {
6465
6465
  append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6466
6466
  }
6467
6467
 
@@ -6516,13 +6516,13 @@ function instance$13($$self, $$props, $$invalidate) {
6516
6516
  class EmbedElement extends SvelteComponent {
6517
6517
  constructor(options) {
6518
6518
  super();
6519
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$y);
6519
+ init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$z);
6520
6520
  }
6521
6521
  }
6522
6522
 
6523
6523
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6524
6524
 
6525
- function add_css$x(target) {
6525
+ function add_css$y(target) {
6526
6526
  append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6527
6527
  }
6528
6528
 
@@ -6879,7 +6879,7 @@ class MovieYouTubeElement extends SvelteComponent {
6879
6879
  mute: 25,
6880
6880
  _style: 0
6881
6881
  },
6882
- add_css$x,
6882
+ add_css$y,
6883
6883
  [-1, -1]
6884
6884
  );
6885
6885
  }
@@ -6887,7 +6887,7 @@ class MovieYouTubeElement extends SvelteComponent {
6887
6887
 
6888
6888
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6889
6889
 
6890
- function add_css$w(target) {
6890
+ function add_css$x(target) {
6891
6891
  append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6892
6892
  }
6893
6893
 
@@ -7087,14 +7087,14 @@ class MovieVimeoElement extends SvelteComponent {
7087
7087
  mute: 6,
7088
7088
  _style: 0
7089
7089
  },
7090
- add_css$w
7090
+ add_css$x
7091
7091
  );
7092
7092
  }
7093
7093
  }
7094
7094
 
7095
7095
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7096
7096
 
7097
- function add_css$v(target) {
7097
+ function add_css$w(target) {
7098
7098
  append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
7099
7099
  }
7100
7100
 
@@ -7274,14 +7274,14 @@ class FormTextarea extends SvelteComponent {
7274
7274
  _textStyle: 11,
7275
7275
  _placeholderStyle: 12
7276
7276
  },
7277
- add_css$v
7277
+ add_css$w
7278
7278
  );
7279
7279
  }
7280
7280
  }
7281
7281
 
7282
7282
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7283
7283
 
7284
- function add_css$u(target) {
7284
+ function add_css$v(target) {
7285
7285
  append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
7286
7286
  }
7287
7287
 
@@ -7586,14 +7586,14 @@ class FormRadioButtons extends SvelteComponent {
7586
7586
  buttonColor: 13,
7587
7587
  buttonColorActive: 14
7588
7588
  },
7589
- add_css$u
7589
+ add_css$v
7590
7590
  );
7591
7591
  }
7592
7592
  }
7593
7593
 
7594
7594
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7595
7595
 
7596
- function add_css$t(target) {
7596
+ function add_css$u(target) {
7597
7597
  append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
7598
7598
  }
7599
7599
 
@@ -7962,14 +7962,14 @@ class FormSelect extends SvelteComponent {
7962
7962
  iconColor: 15,
7963
7963
  iconSize: 16
7964
7964
  },
7965
- add_css$t
7965
+ add_css$u
7966
7966
  );
7967
7967
  }
7968
7968
  }
7969
7969
 
7970
7970
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7971
7971
 
7972
- function add_css$s(target) {
7972
+ function add_css$t(target) {
7973
7973
  append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7974
7974
  }
7975
7975
 
@@ -8296,14 +8296,14 @@ class FormCheckBoxes extends SvelteComponent {
8296
8296
  buttonColor: 13,
8297
8297
  buttonColorActive: 14
8298
8298
  },
8299
- add_css$s
8299
+ add_css$t
8300
8300
  );
8301
8301
  }
8302
8302
  }
8303
8303
 
8304
8304
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8305
8305
 
8306
- function add_css$r(target) {
8306
+ function add_css$s(target) {
8307
8307
  append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
8308
8308
  }
8309
8309
 
@@ -8538,14 +8538,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
8538
8538
  buttonStyle: 9,
8539
8539
  buttonActiveStyle: 10
8540
8540
  },
8541
- add_css$r
8541
+ add_css$s
8542
8542
  );
8543
8543
  }
8544
8544
  }
8545
8545
 
8546
8546
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8547
8547
 
8548
- function add_css$q(target) {
8548
+ function add_css$r(target) {
8549
8549
  append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
8550
8550
  }
8551
8551
 
@@ -8748,13 +8748,13 @@ function instance$X($$self, $$props, $$invalidate) {
8748
8748
  class FormRatingButtonsFace extends SvelteComponent {
8749
8749
  constructor(options) {
8750
8750
  super();
8751
- init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$q);
8751
+ init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$r);
8752
8752
  }
8753
8753
  }
8754
8754
 
8755
8755
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8756
8756
 
8757
- function add_css$p(target) {
8757
+ function add_css$q(target) {
8758
8758
  append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8759
8759
  }
8760
8760
 
@@ -8985,14 +8985,14 @@ class FormIdentifyInput extends SvelteComponent {
8985
8985
  _textStyle: 15,
8986
8986
  _placeholderStyle: 16
8987
8987
  },
8988
- add_css$p
8988
+ add_css$q
8989
8989
  );
8990
8990
  }
8991
8991
  }
8992
8992
 
8993
8993
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8994
8994
 
8995
- function add_css$o(target) {
8995
+ function add_css$p(target) {
8996
8996
  append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
8997
8997
  }
8998
8998
 
@@ -9232,14 +9232,14 @@ class FormIdentifyChoices extends SvelteComponent {
9232
9232
  buttonColor: 10,
9233
9233
  buttonColorActive: 11
9234
9234
  },
9235
- add_css$o
9235
+ add_css$p
9236
9236
  );
9237
9237
  }
9238
9238
  }
9239
9239
 
9240
9240
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9241
9241
 
9242
- function add_css$n(target) {
9242
+ function add_css$o(target) {
9243
9243
  append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
9244
9244
  }
9245
9245
 
@@ -10142,7 +10142,7 @@ class Slide extends SvelteComponent {
10142
10142
  navigationButton: 25,
10143
10143
  navigationEdgePosition: 26
10144
10144
  },
10145
- add_css$n,
10145
+ add_css$o,
10146
10146
  [-1, -1, -1]
10147
10147
  );
10148
10148
  }
@@ -10150,7 +10150,7 @@ class Slide extends SvelteComponent {
10150
10150
 
10151
10151
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10152
10152
 
10153
- function add_css$m(target) {
10153
+ function add_css$n(target) {
10154
10154
  append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
10155
10155
  }
10156
10156
 
@@ -10300,13 +10300,13 @@ function instance$T($$self, $$props, $$invalidate) {
10300
10300
  class SlideItem extends SvelteComponent {
10301
10301
  constructor(options) {
10302
10302
  super();
10303
- init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$m);
10303
+ init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$n);
10304
10304
  }
10305
10305
  }
10306
10306
 
10307
10307
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10308
10308
 
10309
- function add_css$l(target) {
10309
+ function add_css$m(target) {
10310
10310
  append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
10311
10311
  }
10312
10312
 
@@ -10463,13 +10463,13 @@ function instance$S($$self, $$props, $$invalidate) {
10463
10463
  class Countdown extends SvelteComponent {
10464
10464
  constructor(options) {
10465
10465
  super();
10466
- init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$l);
10466
+ init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$m);
10467
10467
  }
10468
10468
  }
10469
10469
 
10470
10470
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10471
10471
 
10472
- function add_css$k(target) {
10472
+ function add_css$l(target) {
10473
10473
  append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
10474
10474
  }
10475
10475
 
@@ -10607,13 +10607,13 @@ function instance$R($$self, $$props, $$invalidate) {
10607
10607
  class Box extends SvelteComponent {
10608
10608
  constructor(options) {
10609
10609
  super();
10610
- init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$k);
10610
+ init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$l);
10611
10611
  }
10612
10612
  }
10613
10613
 
10614
10614
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10615
10615
 
10616
- function add_css$j(target) {
10616
+ function add_css$k(target) {
10617
10617
  append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
10618
10618
  }
10619
10619
 
@@ -10819,14 +10819,14 @@ class IconElement extends SvelteComponent {
10819
10819
  color: 6,
10820
10820
  _style: 7
10821
10821
  },
10822
- add_css$j
10822
+ add_css$k
10823
10823
  );
10824
10824
  }
10825
10825
  }
10826
10826
 
10827
10827
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10828
10828
 
10829
- function add_css$i(target) {
10829
+ function add_css$j(target) {
10830
10830
  append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10831
10831
  }
10832
10832
 
@@ -10945,13 +10945,13 @@ function instance$P($$self, $$props, $$invalidate) {
10945
10945
  class CodeElement extends SvelteComponent {
10946
10946
  constructor(options) {
10947
10947
  super();
10948
- init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$i);
10948
+ init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$j);
10949
10949
  }
10950
10950
  }
10951
10951
 
10952
10952
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10953
10953
 
10954
- function add_css$h(target) {
10954
+ function add_css$i(target) {
10955
10955
  append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10956
10956
  }
10957
10957
 
@@ -11065,14 +11065,14 @@ class Flex extends SvelteComponent {
11065
11065
  height: 2,
11066
11066
  _style: 3
11067
11067
  },
11068
- add_css$h
11068
+ add_css$i
11069
11069
  );
11070
11070
  }
11071
11071
  }
11072
11072
 
11073
11073
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11074
11074
 
11075
- function add_css$g(target) {
11075
+ function add_css$h(target) {
11076
11076
  append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11077
11077
  }
11078
11078
 
@@ -11187,7 +11187,7 @@ function instance$N($$self, $$props, $$invalidate) {
11187
11187
  class FlexItem extends SvelteComponent {
11188
11188
  constructor(options) {
11189
11189
  super();
11190
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$g);
11190
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$h);
11191
11191
  }
11192
11192
  }
11193
11193
 
@@ -11515,7 +11515,7 @@ class GridModalState extends SvelteComponent {
11515
11515
 
11516
11516
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11517
11517
 
11518
- function add_css$f(target) {
11518
+ function add_css$g(target) {
11519
11519
  append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
11520
11520
  }
11521
11521
 
@@ -11630,14 +11630,14 @@ class TextBlock extends SvelteComponent {
11630
11630
  textDirection: 1,
11631
11631
  _style: 5
11632
11632
  },
11633
- add_css$f
11633
+ add_css$g
11634
11634
  );
11635
11635
  }
11636
11636
  }
11637
11637
 
11638
11638
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11639
11639
 
11640
- function add_css$e(target) {
11640
+ function add_css$f(target) {
11641
11641
  append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
11642
11642
  }
11643
11643
 
@@ -11768,14 +11768,14 @@ class TextButtonBlock extends SvelteComponent {
11768
11768
  _buttonStyle: 1,
11769
11769
  _style: 2
11770
11770
  },
11771
- add_css$e
11771
+ add_css$f
11772
11772
  );
11773
11773
  }
11774
11774
  }
11775
11775
 
11776
11776
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11777
11777
 
11778
- function add_css$d(target) {
11778
+ function add_css$e(target) {
11779
11779
  append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
11780
11780
  }
11781
11781
 
@@ -11915,7 +11915,7 @@ class ImageBlock extends SvelteComponent {
11915
11915
  _imageStyle: 4,
11916
11916
  _style: 5
11917
11917
  },
11918
- add_css$d
11918
+ add_css$e
11919
11919
  );
11920
11920
  }
11921
11921
  }
@@ -11992,6 +11992,7 @@ const toCssBackgroundImage = (p) => {
11992
11992
  return {
11993
11993
  backgroundImage: url ? `url(${url})` : undefined,
11994
11994
  backgroundSize: url ? 'cover' : undefined,
11995
+ backgroundPosition: 'center',
11995
11996
  };
11996
11997
  };
11997
11998
  const toCssBackgroundColor = (p) => {
@@ -12069,13 +12070,32 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
12069
12070
  };
12070
12071
  };
12071
12072
 
12073
+ const useInjectCustomizeCss = (props) => {
12074
+ function injectCss() {
12075
+ const style = document.createElement('style');
12076
+ style.textContent = props.customizeCss;
12077
+ document.head.appendChild(style);
12078
+ return () => {
12079
+ document.head.removeChild(style);
12080
+ };
12081
+ }
12082
+ onMount$1(() => {
12083
+ if (!props.isCustomizeCss)
12084
+ return;
12085
+ const removeCss = injectCss();
12086
+ return () => {
12087
+ removeCss();
12088
+ };
12089
+ });
12090
+ };
12091
+
12072
12092
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12073
12093
 
12074
- function add_css$c(target) {
12094
+ function add_css$d(target) {
12075
12095
  append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
12076
12096
  }
12077
12097
 
12078
- // (33:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
12098
+ // (35:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
12079
12099
  function create_dynamic_element$8(ctx) {
12080
12100
  let svelte_element;
12081
12101
  let img;
@@ -12234,6 +12254,7 @@ function instance$I($$self, $$props, $$invalidate) {
12234
12254
  let imgStyle;
12235
12255
  let { props = {} } = $$props;
12236
12256
  let { layerId = '' } = $$props;
12257
+ useInjectCustomizeCss(props);
12237
12258
  const { attributes, element, handleClick } = useClickable(props);
12238
12259
 
12239
12260
  const VARIANTS = {
@@ -12274,7 +12295,7 @@ function instance$I($$self, $$props, $$invalidate) {
12274
12295
  class Avatar extends SvelteComponent {
12275
12296
  constructor(options) {
12276
12297
  super();
12277
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
12298
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$d);
12278
12299
  }
12279
12300
  }
12280
12301
 
@@ -14335,11 +14356,11 @@ const ICON_VARIANTS = {
14335
14356
 
14336
14357
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
14337
14358
 
14338
- function add_css$b(target) {
14359
+ function add_css$c(target) {
14339
14360
  append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
14340
14361
  }
14341
14362
 
14342
- // (22:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
14363
+ // (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
14343
14364
  function create_dynamic_element$7(ctx) {
14344
14365
  let svelte_element;
14345
14366
  let switch_instance;
@@ -14526,6 +14547,7 @@ function instance$c($$self, $$props, $$invalidate) {
14526
14547
  let IconComponent;
14527
14548
  let { props = {} } = $$props;
14528
14549
  let { layerId = '' } = $$props;
14550
+ useInjectCustomizeCss(props);
14529
14551
  const { attributes, element, handleClick } = useClickable(props);
14530
14552
 
14531
14553
  const getSizeCss = () => {
@@ -14563,7 +14585,7 @@ function instance$c($$self, $$props, $$invalidate) {
14563
14585
  class Icon extends SvelteComponent {
14564
14586
  constructor(options) {
14565
14587
  super();
14566
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
14588
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
14567
14589
  }
14568
14590
  }
14569
14591
 
@@ -14730,11 +14752,11 @@ function darkenColor(color, percent) {
14730
14752
 
14731
14753
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14732
14754
 
14733
- function add_css$a(target) {
14755
+ function add_css$b(target) {
14734
14756
  append_styles(target, "svelte-1ix4ul", ".button.svelte-1ix4ul{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1ix4ul:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1ix4ul{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14735
14757
  }
14736
14758
 
14737
- // (47:2) {#if props.isIcon && props.iconVariant}
14759
+ // (49:2) {#if props.isIcon && props.iconVariant}
14738
14760
  function create_if_block$6(ctx) {
14739
14761
  let div;
14740
14762
  let icon;
@@ -14800,7 +14822,7 @@ function create_if_block$6(ctx) {
14800
14822
  };
14801
14823
  }
14802
14824
 
14803
- // (39:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
14825
+ // (41:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
14804
14826
  function create_dynamic_element$6(ctx) {
14805
14827
  let svelte_element;
14806
14828
  let t0;
@@ -14989,6 +15011,7 @@ function instance$b($$self, $$props, $$invalidate) {
14989
15011
  let style;
14990
15012
  let { props = {} } = $$props;
14991
15013
  let { layerId = '' } = $$props;
15014
+ useInjectCustomizeCss(props);
14992
15015
  const { attributes, element, handleClick } = useClickable(props);
14993
15016
  const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
14994
15017
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
@@ -15043,7 +15066,7 @@ function instance$b($$self, $$props, $$invalidate) {
15043
15066
  class Button extends SvelteComponent {
15044
15067
  constructor(options) {
15045
15068
  super();
15046
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
15069
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
15047
15070
  }
15048
15071
  }
15049
15072
 
@@ -15140,11 +15163,11 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
15140
15163
 
15141
15164
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
15142
15165
 
15143
- function add_css$9(target) {
15166
+ function add_css$a(target) {
15144
15167
  append_styles(target, "svelte-b990ec", ".button-outlined.svelte-b990ec{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:#ffffff}.button-outlined.svelte-b990ec:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-b990ec{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
15145
15168
  }
15146
15169
 
15147
- // (42:2) {#if props.isIcon && props.iconVariant}
15170
+ // (44:2) {#if props.isIcon && props.iconVariant}
15148
15171
  function create_if_block$5(ctx) {
15149
15172
  let div;
15150
15173
  let icon;
@@ -15210,7 +15233,7 @@ function create_if_block$5(ctx) {
15210
15233
  };
15211
15234
  }
15212
15235
 
15213
- // (34:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
15236
+ // (36:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
15214
15237
  function create_dynamic_element$5(ctx) {
15215
15238
  let svelte_element;
15216
15239
  let t0;
@@ -15398,6 +15421,7 @@ function instance$a($$self, $$props, $$invalidate) {
15398
15421
  let style;
15399
15422
  let { props = {} } = $$props;
15400
15423
  let { layerId = '' } = $$props;
15424
+ useInjectCustomizeCss(props);
15401
15425
  const { attributes, element, handleClick } = useClickable(props);
15402
15426
  const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
15403
15427
  const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
@@ -15436,7 +15460,7 @@ function instance$a($$self, $$props, $$invalidate) {
15436
15460
  class ButtonOutlined extends SvelteComponent {
15437
15461
  constructor(options) {
15438
15462
  super();
15439
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
15463
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
15440
15464
  }
15441
15465
  }
15442
15466
 
@@ -15497,11 +15521,11 @@ const BUTTON_TEXT_THEME_STYLES = {
15497
15521
 
15498
15522
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
15499
15523
 
15500
- function add_css$8(target) {
15524
+ function add_css$9(target) {
15501
15525
  append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
15502
15526
  }
15503
15527
 
15504
- // (44:2) {#if props.isIcon && props.iconVariant}
15528
+ // (46:2) {#if props.isIcon && props.iconVariant}
15505
15529
  function create_if_block$4(ctx) {
15506
15530
  let div;
15507
15531
  let icon;
@@ -15567,7 +15591,7 @@ function create_if_block$4(ctx) {
15567
15591
  };
15568
15592
  }
15569
15593
 
15570
- // (36:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
15594
+ // (38:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
15571
15595
  function create_dynamic_element$4(ctx) {
15572
15596
  let svelte_element;
15573
15597
  let t0;
@@ -15756,6 +15780,7 @@ function instance$9($$self, $$props, $$invalidate) {
15756
15780
  let style;
15757
15781
  let { props = {} } = $$props;
15758
15782
  let { layerId = '' } = $$props;
15783
+ useInjectCustomizeCss(props);
15759
15784
  const { attributes, element, handleClick } = useClickable(props);
15760
15785
  const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
15761
15786
  const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
@@ -15807,7 +15832,7 @@ function instance$9($$self, $$props, $$invalidate) {
15807
15832
  class ButtonText extends SvelteComponent {
15808
15833
  constructor(options) {
15809
15834
  super();
15810
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
15835
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
15811
15836
  }
15812
15837
  }
15813
15838
 
@@ -15845,11 +15870,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
15845
15870
 
15846
15871
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
15847
15872
 
15848
- function add_css$7(target) {
15873
+ function add_css$8(target) {
15849
15874
  append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
15850
15875
  }
15851
15876
 
15852
- // (89:2) {#if hasLabel}
15877
+ // (91:2) {#if hasLabel}
15853
15878
  function create_if_block$3(ctx) {
15854
15879
  let span;
15855
15880
  let t;
@@ -15889,7 +15914,7 @@ function create_if_block$3(ctx) {
15889
15914
  };
15890
15915
  }
15891
15916
 
15892
- // (70:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
15917
+ // (72:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
15893
15918
  function create_dynamic_element$3(ctx) {
15894
15919
  let svelte_element;
15895
15920
  let span;
@@ -16087,6 +16112,7 @@ function instance$8($$self, $$props, $$invalidate) {
16087
16112
  let { layerId = '' } = $$props;
16088
16113
  let { eventName = '' } = $$props;
16089
16114
  let { eventValue = undefined } = $$props;
16115
+ useInjectCustomizeCss(props);
16090
16116
 
16091
16117
  const { attributes, element, handleClick } = useClickable({
16092
16118
  onClick: { operation: 'closeApp', args: ['button'] },
@@ -16183,18 +16209,18 @@ class CloseButton extends SvelteComponent {
16183
16209
  eventName: 12,
16184
16210
  eventValue: 13
16185
16211
  },
16186
- add_css$7
16212
+ add_css$8
16187
16213
  );
16188
16214
  }
16189
16215
  }
16190
16216
 
16191
16217
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
16192
16218
 
16193
- function add_css$6(target) {
16219
+ function add_css$7(target) {
16194
16220
  append_styles(target, "svelte-1jfwn73", ".image.svelte-1jfwn73{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1jfwn73{width:100%;overflow:hidden}.image-img.svelte-1jfwn73{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
16195
16221
  }
16196
16222
 
16197
- // (17:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
16223
+ // (19:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
16198
16224
  function create_dynamic_element$2(ctx) {
16199
16225
  let svelte_element;
16200
16226
  let object;
@@ -16353,6 +16379,7 @@ function instance$7($$self, $$props, $$invalidate) {
16353
16379
  let objectStyle;
16354
16380
  let { props = {} } = $$props;
16355
16381
  let { layerId = '' } = $$props;
16382
+ useInjectCustomizeCss(props);
16356
16383
  const { attributes, element, handleClick } = useClickable(props);
16357
16384
 
16358
16385
  $$self.$$set = $$props => {
@@ -16380,17 +16407,17 @@ function instance$7($$self, $$props, $$invalidate) {
16380
16407
  class Image extends SvelteComponent {
16381
16408
  constructor(options) {
16382
16409
  super();
16383
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$6);
16410
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
16384
16411
  }
16385
16412
  }
16386
16413
 
16387
16414
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
16388
16415
 
16389
- function add_css$5(target) {
16416
+ function add_css$6(target) {
16390
16417
  append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
16391
16418
  }
16392
16419
 
16393
- // (27:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
16420
+ // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
16394
16421
  function create_dynamic_element$1(ctx) {
16395
16422
  let svelte_element;
16396
16423
  let current;
@@ -16561,6 +16588,7 @@ function instance$6($$self, $$props, $$invalidate) {
16561
16588
  let { $$slots: slots = {}, $$scope } = $$props;
16562
16589
  let { props = {} } = $$props;
16563
16590
  let { layerId = '' } = $$props;
16591
+ useInjectCustomizeCss(props);
16564
16592
  const { attributes, element, handleClick } = useClickable(props);
16565
16593
 
16566
16594
  $$self.$$set = $$props => {
@@ -16597,7 +16625,7 @@ function instance$6($$self, $$props, $$invalidate) {
16597
16625
  class Layout extends SvelteComponent {
16598
16626
  constructor(options) {
16599
16627
  super();
16600
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$5);
16628
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$6);
16601
16629
  }
16602
16630
  }
16603
16631
 
@@ -16608,7 +16636,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
16608
16636
 
16609
16637
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
16610
16638
 
16611
- function add_css$4(target) {
16639
+ function add_css$5(target) {
16612
16640
  append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
16613
16641
  }
16614
16642
 
@@ -17061,7 +17089,7 @@ function instance$5($$self, $$props, $$invalidate) {
17061
17089
  class Slider extends SvelteComponent {
17062
17090
  constructor(options) {
17063
17091
  super();
17064
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$4, [-1, -1]);
17092
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$5, [-1, -1]);
17065
17093
  }
17066
17094
  }
17067
17095
 
@@ -17149,7 +17177,7 @@ const TEXT_THEME_STYLES = {
17149
17177
 
17150
17178
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
17151
17179
 
17152
- function add_css$3(target) {
17180
+ function add_css$4(target) {
17153
17181
  append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
17154
17182
  }
17155
17183
 
@@ -17204,6 +17232,7 @@ function instance$4($$self, $$props, $$invalidate) {
17204
17232
  let style;
17205
17233
  let { props = { content: '' } } = $$props;
17206
17234
  let { layerId = '' } = $$props;
17235
+ useInjectCustomizeCss(props);
17207
17236
 
17208
17237
  if (props.fontFamily) {
17209
17238
  addFont(props.fontFamily);
@@ -17253,7 +17282,7 @@ function instance$4($$self, $$props, $$invalidate) {
17253
17282
  class Text extends SvelteComponent {
17254
17283
  constructor(options) {
17255
17284
  super();
17256
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$3);
17285
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$4);
17257
17286
  }
17258
17287
  }
17259
17288
 
@@ -17321,11 +17350,11 @@ const TEXT_LINK_THEME_STYLES = {
17321
17350
 
17322
17351
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
17323
17352
 
17324
- function add_css$2(target) {
17353
+ function add_css$3(target) {
17325
17354
  append_styles(target, "svelte-1gi0ms6", ".link.svelte-1gi0ms6,.link.svelte-1gi0ms6:visited,.link.svelte-1gi0ms6:link{color:var(--color)}.link.svelte-1gi0ms6:hover{color:var(--hover-color)}.link.svelte-1gi0ms6:active{color:var(--active-color)}.link.underline-hover-on.svelte-1gi0ms6{text-decoration:none}.link.underline-hover-on.svelte-1gi0ms6:hover{text-decoration:underline}.link.underline-hover-off.svelte-1gi0ms6{text-decoration:underline}.link.underline-hover-off.svelte-1gi0ms6:hover{text-decoration:none}.link.underline-on.svelte-1gi0ms6{text-decoration:underline}.link.underline-off.svelte-1gi0ms6{text-decoration:none}");
17326
17355
  }
17327
17356
 
17328
- // (67:2) {#if props.isIcon && props.iconVariant}
17357
+ // (69:2) {#if props.isIcon && props.iconVariant}
17329
17358
  function create_if_block$2(ctx) {
17330
17359
  let icon;
17331
17360
  let current;
@@ -17379,7 +17408,7 @@ function create_if_block$2(ctx) {
17379
17408
  };
17380
17409
  }
17381
17410
 
17382
- // (59:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
17411
+ // (61:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
17383
17412
  function create_dynamic_element(ctx) {
17384
17413
  let svelte_element;
17385
17414
  let t;
@@ -17565,6 +17594,7 @@ function instance$3($$self, $$props, $$invalidate) {
17565
17594
  let style;
17566
17595
  let { props = { label: '' } } = $$props;
17567
17596
  let { layerId = '' } = $$props;
17597
+ useInjectCustomizeCss(props);
17568
17598
  const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
17569
17599
  const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
17570
17600
  const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
@@ -17635,7 +17665,7 @@ function instance$3($$self, $$props, $$invalidate) {
17635
17665
  class TextLink extends SvelteComponent {
17636
17666
  constructor(options) {
17637
17667
  super();
17638
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$2);
17668
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
17639
17669
  }
17640
17670
  }
17641
17671
 
@@ -17661,7 +17691,7 @@ const TEXT_LINK_UNDERLINE = {
17661
17691
 
17662
17692
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
17663
17693
 
17664
- function add_css$1(target) {
17694
+ function add_css$2(target) {
17665
17695
  append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
17666
17696
  }
17667
17697
 
@@ -17763,13 +17793,13 @@ function instance$2($$self, $$props, $$invalidate) {
17763
17793
  class BackgroundOverlay extends SvelteComponent {
17764
17794
  constructor(options) {
17765
17795
  super();
17766
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
17796
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$2);
17767
17797
  }
17768
17798
  }
17769
17799
 
17770
17800
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
17771
17801
 
17772
- function add_css(target) {
17802
+ function add_css$1(target) {
17773
17803
  append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
17774
17804
  }
17775
17805
 
@@ -18393,13 +18423,17 @@ class Modal extends SvelteComponent {
18393
18423
  closeEventName: 16,
18394
18424
  closeEventValue: 17
18395
18425
  },
18396
- add_css
18426
+ add_css$1
18397
18427
  );
18398
18428
  }
18399
18429
  }
18400
18430
 
18401
18431
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
18402
18432
 
18433
+ function add_css(target) {
18434
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
18435
+ }
18436
+
18403
18437
  function create_fragment(ctx) {
18404
18438
  let div;
18405
18439
  let raw_value = /*props*/ ctx[0].rawHtml + "";
@@ -18407,18 +18441,28 @@ function create_fragment(ctx) {
18407
18441
  return {
18408
18442
  c() {
18409
18443
  div = element("div");
18444
+ this.h();
18410
18445
  },
18411
18446
  l(nodes) {
18412
- div = claim_element(nodes, "DIV", {});
18447
+ div = claim_element(nodes, "DIV", { class: true, "data-layer-id": true });
18413
18448
  var div_nodes = children(div);
18414
18449
  div_nodes.forEach(detach);
18450
+ this.h();
18451
+ },
18452
+ h() {
18453
+ attr(div, "class", "code svelte-igivoz");
18454
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
18415
18455
  },
18416
18456
  m(target, anchor) {
18417
18457
  insert_hydration(target, div, anchor);
18418
18458
  div.innerHTML = raw_value;
18419
18459
  },
18420
18460
  p(ctx, [dirty]) {
18421
- if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value; },
18461
+ if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
18462
+ if (dirty & /*layerId*/ 2) {
18463
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
18464
+ }
18465
+ },
18422
18466
  i: noop,
18423
18467
  o: noop,
18424
18468
  d(detaching) {
@@ -18427,46 +18471,59 @@ function create_fragment(ctx) {
18427
18471
  };
18428
18472
  }
18429
18473
 
18474
+ function unescapeBraces(str) {
18475
+ if (!str) return str;
18476
+ return str.replace(/\\([{}])/g, '$1');
18477
+ }
18478
+
18430
18479
  function instance($$self, $$props, $$invalidate) {
18431
18480
  let { props = {} } = $$props;
18481
+ let { layerId = '' } = $$props;
18432
18482
 
18433
- // JavaScriptの実行を安全に行う関数
18434
18483
  function injectJavaScript() {
18435
18484
  const script = document.createElement('script');
18436
- script.textContent = props.rawScript;
18437
-
18438
- // 動的に作成したスクリプトを挿入
18485
+ script.type = 'text/javascript';
18486
+ script.textContent = unescapeBraces(props.rawScript);
18439
18487
  document.body.appendChild(script);
18440
18488
 
18441
- // スクリプトの削除
18442
18489
  return () => {
18443
18490
  document.body.removeChild(script);
18444
18491
  };
18445
18492
  }
18446
18493
 
18447
- // コンポーネントがマウントされた時にJavaScriptを実行
18494
+ function injectCss() {
18495
+ const style = document.createElement('style');
18496
+ style.textContent = props.rawCss;
18497
+ document.head.appendChild(style);
18498
+
18499
+ return () => {
18500
+ document.head.removeChild(style);
18501
+ };
18502
+ }
18503
+
18448
18504
  onMount$1(() => {
18449
- if (props.rawScript) {
18450
- const removeScript = injectJavaScript();
18505
+ const removeScript = injectJavaScript();
18506
+ const removeCss = injectCss();
18451
18507
 
18452
- // コンポーネントが破棄された時にスクリプトも削除
18453
- return () => {
18454
- removeScript();
18455
- };
18456
- }
18508
+ // コンポーネントが破棄された時にスクリプトも削除
18509
+ return () => {
18510
+ removeScript();
18511
+ removeCss();
18512
+ };
18457
18513
  });
18458
18514
 
18459
18515
  $$self.$$set = $$props => {
18460
18516
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
18517
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
18461
18518
  };
18462
18519
 
18463
- return [props];
18520
+ return [props, layerId];
18464
18521
  }
18465
18522
 
18466
18523
  class Code extends SvelteComponent {
18467
18524
  constructor(options) {
18468
18525
  super();
18469
- init(this, options, instance, create_fragment, safe_not_equal, { props: 0 });
18526
+ init(this, options, instance, create_fragment, safe_not_equal, { props: 0, layerId: 1 }, add_css);
18470
18527
  }
18471
18528
  }
18472
18529