@plaidev/karte-action-sdk 1.1.254-28798980.242172ed → 1.1.254-28808969.afd632cb

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
  }
@@ -12070,13 +12070,32 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
12070
12070
  };
12071
12071
  };
12072
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
+
12073
12092
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12074
12093
 
12075
- function add_css$c(target) {
12094
+ function add_css$d(target) {
12076
12095
  append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
12077
12096
  }
12078
12097
 
12079
- // (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} >
12080
12099
  function create_dynamic_element$8(ctx) {
12081
12100
  let svelte_element;
12082
12101
  let img;
@@ -12235,6 +12254,7 @@ function instance$I($$self, $$props, $$invalidate) {
12235
12254
  let imgStyle;
12236
12255
  let { props = {} } = $$props;
12237
12256
  let { layerId = '' } = $$props;
12257
+ useInjectCustomizeCss(props);
12238
12258
  const { attributes, element, handleClick } = useClickable(props);
12239
12259
 
12240
12260
  const VARIANTS = {
@@ -12275,7 +12295,7 @@ function instance$I($$self, $$props, $$invalidate) {
12275
12295
  class Avatar extends SvelteComponent {
12276
12296
  constructor(options) {
12277
12297
  super();
12278
- 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);
12279
12299
  }
12280
12300
  }
12281
12301
 
@@ -14336,11 +14356,11 @@ const ICON_VARIANTS = {
14336
14356
 
14337
14357
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
14338
14358
 
14339
- function add_css$b(target) {
14359
+ function add_css$c(target) {
14340
14360
  append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
14341
14361
  }
14342
14362
 
14343
- // (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} >
14344
14364
  function create_dynamic_element$7(ctx) {
14345
14365
  let svelte_element;
14346
14366
  let switch_instance;
@@ -14527,6 +14547,7 @@ function instance$c($$self, $$props, $$invalidate) {
14527
14547
  let IconComponent;
14528
14548
  let { props = {} } = $$props;
14529
14549
  let { layerId = '' } = $$props;
14550
+ useInjectCustomizeCss(props);
14530
14551
  const { attributes, element, handleClick } = useClickable(props);
14531
14552
 
14532
14553
  const getSizeCss = () => {
@@ -14564,7 +14585,7 @@ function instance$c($$self, $$props, $$invalidate) {
14564
14585
  class Icon extends SvelteComponent {
14565
14586
  constructor(options) {
14566
14587
  super();
14567
- 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);
14568
14589
  }
14569
14590
  }
14570
14591
 
@@ -14731,11 +14752,11 @@ function darkenColor(color, percent) {
14731
14752
 
14732
14753
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14733
14754
 
14734
- function add_css$a(target) {
14755
+ function add_css$b(target) {
14735
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}");
14736
14757
  }
14737
14758
 
14738
- // (47:2) {#if props.isIcon && props.iconVariant}
14759
+ // (49:2) {#if props.isIcon && props.iconVariant}
14739
14760
  function create_if_block$6(ctx) {
14740
14761
  let div;
14741
14762
  let icon;
@@ -14801,7 +14822,7 @@ function create_if_block$6(ctx) {
14801
14822
  };
14802
14823
  }
14803
14824
 
14804
- // (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} >
14805
14826
  function create_dynamic_element$6(ctx) {
14806
14827
  let svelte_element;
14807
14828
  let t0;
@@ -14990,6 +15011,7 @@ function instance$b($$self, $$props, $$invalidate) {
14990
15011
  let style;
14991
15012
  let { props = {} } = $$props;
14992
15013
  let { layerId = '' } = $$props;
15014
+ useInjectCustomizeCss(props);
14993
15015
  const { attributes, element, handleClick } = useClickable(props);
14994
15016
  const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
14995
15017
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
@@ -15044,7 +15066,7 @@ function instance$b($$self, $$props, $$invalidate) {
15044
15066
  class Button extends SvelteComponent {
15045
15067
  constructor(options) {
15046
15068
  super();
15047
- 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);
15048
15070
  }
15049
15071
  }
15050
15072
 
@@ -15141,11 +15163,11 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
15141
15163
 
15142
15164
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
15143
15165
 
15144
- function add_css$9(target) {
15166
+ function add_css$a(target) {
15145
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}");
15146
15168
  }
15147
15169
 
15148
- // (42:2) {#if props.isIcon && props.iconVariant}
15170
+ // (44:2) {#if props.isIcon && props.iconVariant}
15149
15171
  function create_if_block$5(ctx) {
15150
15172
  let div;
15151
15173
  let icon;
@@ -15211,7 +15233,7 @@ function create_if_block$5(ctx) {
15211
15233
  };
15212
15234
  }
15213
15235
 
15214
- // (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} >
15215
15237
  function create_dynamic_element$5(ctx) {
15216
15238
  let svelte_element;
15217
15239
  let t0;
@@ -15399,6 +15421,7 @@ function instance$a($$self, $$props, $$invalidate) {
15399
15421
  let style;
15400
15422
  let { props = {} } = $$props;
15401
15423
  let { layerId = '' } = $$props;
15424
+ useInjectCustomizeCss(props);
15402
15425
  const { attributes, element, handleClick } = useClickable(props);
15403
15426
  const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
15404
15427
  const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
@@ -15437,7 +15460,7 @@ function instance$a($$self, $$props, $$invalidate) {
15437
15460
  class ButtonOutlined extends SvelteComponent {
15438
15461
  constructor(options) {
15439
15462
  super();
15440
- 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);
15441
15464
  }
15442
15465
  }
15443
15466
 
@@ -15498,11 +15521,11 @@ const BUTTON_TEXT_THEME_STYLES = {
15498
15521
 
15499
15522
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
15500
15523
 
15501
- function add_css$8(target) {
15524
+ function add_css$9(target) {
15502
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}");
15503
15526
  }
15504
15527
 
15505
- // (44:2) {#if props.isIcon && props.iconVariant}
15528
+ // (46:2) {#if props.isIcon && props.iconVariant}
15506
15529
  function create_if_block$4(ctx) {
15507
15530
  let div;
15508
15531
  let icon;
@@ -15568,7 +15591,7 @@ function create_if_block$4(ctx) {
15568
15591
  };
15569
15592
  }
15570
15593
 
15571
- // (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} >
15572
15595
  function create_dynamic_element$4(ctx) {
15573
15596
  let svelte_element;
15574
15597
  let t0;
@@ -15757,6 +15780,7 @@ function instance$9($$self, $$props, $$invalidate) {
15757
15780
  let style;
15758
15781
  let { props = {} } = $$props;
15759
15782
  let { layerId = '' } = $$props;
15783
+ useInjectCustomizeCss(props);
15760
15784
  const { attributes, element, handleClick } = useClickable(props);
15761
15785
  const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
15762
15786
  const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
@@ -15808,7 +15832,7 @@ function instance$9($$self, $$props, $$invalidate) {
15808
15832
  class ButtonText extends SvelteComponent {
15809
15833
  constructor(options) {
15810
15834
  super();
15811
- 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);
15812
15836
  }
15813
15837
  }
15814
15838
 
@@ -15846,11 +15870,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
15846
15870
 
15847
15871
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
15848
15872
 
15849
- function add_css$7(target) {
15873
+ function add_css$8(target) {
15850
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}");
15851
15875
  }
15852
15876
 
15853
- // (89:2) {#if hasLabel}
15877
+ // (91:2) {#if hasLabel}
15854
15878
  function create_if_block$3(ctx) {
15855
15879
  let span;
15856
15880
  let t;
@@ -15890,7 +15914,7 @@ function create_if_block$3(ctx) {
15890
15914
  };
15891
15915
  }
15892
15916
 
15893
- // (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} >
15894
15918
  function create_dynamic_element$3(ctx) {
15895
15919
  let svelte_element;
15896
15920
  let span;
@@ -16088,6 +16112,7 @@ function instance$8($$self, $$props, $$invalidate) {
16088
16112
  let { layerId = '' } = $$props;
16089
16113
  let { eventName = '' } = $$props;
16090
16114
  let { eventValue = undefined } = $$props;
16115
+ useInjectCustomizeCss(props);
16091
16116
 
16092
16117
  const { attributes, element, handleClick } = useClickable({
16093
16118
  onClick: { operation: 'closeApp', args: ['button'] },
@@ -16184,18 +16209,18 @@ class CloseButton extends SvelteComponent {
16184
16209
  eventName: 12,
16185
16210
  eventValue: 13
16186
16211
  },
16187
- add_css$7
16212
+ add_css$8
16188
16213
  );
16189
16214
  }
16190
16215
  }
16191
16216
 
16192
16217
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
16193
16218
 
16194
- function add_css$6(target) {
16219
+ function add_css$7(target) {
16195
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}");
16196
16221
  }
16197
16222
 
16198
- // (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} >
16199
16224
  function create_dynamic_element$2(ctx) {
16200
16225
  let svelte_element;
16201
16226
  let object;
@@ -16354,6 +16379,7 @@ function instance$7($$self, $$props, $$invalidate) {
16354
16379
  let objectStyle;
16355
16380
  let { props = {} } = $$props;
16356
16381
  let { layerId = '' } = $$props;
16382
+ useInjectCustomizeCss(props);
16357
16383
  const { attributes, element, handleClick } = useClickable(props);
16358
16384
 
16359
16385
  $$self.$$set = $$props => {
@@ -16381,17 +16407,17 @@ function instance$7($$self, $$props, $$invalidate) {
16381
16407
  class Image extends SvelteComponent {
16382
16408
  constructor(options) {
16383
16409
  super();
16384
- 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);
16385
16411
  }
16386
16412
  }
16387
16413
 
16388
16414
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
16389
16415
 
16390
- function add_css$5(target) {
16416
+ function add_css$6(target) {
16391
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}");
16392
16418
  }
16393
16419
 
16394
- // (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} >
16395
16421
  function create_dynamic_element$1(ctx) {
16396
16422
  let svelte_element;
16397
16423
  let current;
@@ -16562,6 +16588,7 @@ function instance$6($$self, $$props, $$invalidate) {
16562
16588
  let { $$slots: slots = {}, $$scope } = $$props;
16563
16589
  let { props = {} } = $$props;
16564
16590
  let { layerId = '' } = $$props;
16591
+ useInjectCustomizeCss(props);
16565
16592
  const { attributes, element, handleClick } = useClickable(props);
16566
16593
 
16567
16594
  $$self.$$set = $$props => {
@@ -16598,7 +16625,7 @@ function instance$6($$self, $$props, $$invalidate) {
16598
16625
  class Layout extends SvelteComponent {
16599
16626
  constructor(options) {
16600
16627
  super();
16601
- 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);
16602
16629
  }
16603
16630
  }
16604
16631
 
@@ -16609,7 +16636,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
16609
16636
 
16610
16637
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
16611
16638
 
16612
- function add_css$4(target) {
16639
+ function add_css$5(target) {
16613
16640
  append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
16614
16641
  }
16615
16642
 
@@ -17062,7 +17089,7 @@ function instance$5($$self, $$props, $$invalidate) {
17062
17089
  class Slider extends SvelteComponent {
17063
17090
  constructor(options) {
17064
17091
  super();
17065
- 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]);
17066
17093
  }
17067
17094
  }
17068
17095
 
@@ -17150,7 +17177,7 @@ const TEXT_THEME_STYLES = {
17150
17177
 
17151
17178
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
17152
17179
 
17153
- function add_css$3(target) {
17180
+ function add_css$4(target) {
17154
17181
  append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
17155
17182
  }
17156
17183
 
@@ -17205,6 +17232,7 @@ function instance$4($$self, $$props, $$invalidate) {
17205
17232
  let style;
17206
17233
  let { props = { content: '' } } = $$props;
17207
17234
  let { layerId = '' } = $$props;
17235
+ useInjectCustomizeCss(props);
17208
17236
 
17209
17237
  if (props.fontFamily) {
17210
17238
  addFont(props.fontFamily);
@@ -17254,7 +17282,7 @@ function instance$4($$self, $$props, $$invalidate) {
17254
17282
  class Text extends SvelteComponent {
17255
17283
  constructor(options) {
17256
17284
  super();
17257
- 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);
17258
17286
  }
17259
17287
  }
17260
17288
 
@@ -17322,11 +17350,11 @@ const TEXT_LINK_THEME_STYLES = {
17322
17350
 
17323
17351
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
17324
17352
 
17325
- function add_css$2(target) {
17326
- 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}");
17353
+ function add_css$3(target) {
17354
+ append_styles(target, "svelte-1y4hh01", ".link.svelte-1y4hh01{-webkit-appearance:none;border:0;background:none;padding:0}.link.svelte-1y4hh01,.link.svelte-1y4hh01:visited,.link.svelte-1y4hh01:link{color:var(--color)}.link.svelte-1y4hh01:hover{color:var(--hover-color)}.link.svelte-1y4hh01:active{color:var(--active-color)}.link.underline-hover-on.svelte-1y4hh01{text-decoration:none}.link.underline-hover-on.svelte-1y4hh01:hover{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01:hover{text-decoration:none}.link.underline-on.svelte-1y4hh01{text-decoration:underline}.link.underline-off.svelte-1y4hh01{text-decoration:none}");
17327
17355
  }
17328
17356
 
17329
- // (67:2) {#if props.isIcon && props.iconVariant}
17357
+ // (69:2) {#if props.isIcon && props.iconVariant}
17330
17358
  function create_if_block$2(ctx) {
17331
17359
  let icon;
17332
17360
  let current;
@@ -17380,7 +17408,7 @@ function create_if_block$2(ctx) {
17380
17408
  };
17381
17409
  }
17382
17410
 
17383
- // (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} >
17384
17412
  function create_dynamic_element(ctx) {
17385
17413
  let svelte_element;
17386
17414
  let t;
@@ -17437,7 +17465,7 @@ function create_dynamic_element(ctx) {
17437
17465
  set_attributes(svelte_element, svelte_element_data);
17438
17466
  }
17439
17467
 
17440
- toggle_class(svelte_element, "svelte-1gi0ms6", true);
17468
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
17441
17469
  },
17442
17470
  m(target, anchor) {
17443
17471
  insert_hydration(target, svelte_element, anchor);
@@ -17490,7 +17518,7 @@ function create_dynamic_element(ctx) {
17490
17518
  set_attributes(svelte_element, svelte_element_data);
17491
17519
  }
17492
17520
 
17493
- toggle_class(svelte_element, "svelte-1gi0ms6", true);
17521
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
17494
17522
  },
17495
17523
  i(local) {
17496
17524
  if (current) return;
@@ -17566,6 +17594,7 @@ function instance$3($$self, $$props, $$invalidate) {
17566
17594
  let style;
17567
17595
  let { props = { label: '' } } = $$props;
17568
17596
  let { layerId = '' } = $$props;
17597
+ useInjectCustomizeCss(props);
17569
17598
  const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
17570
17599
  const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
17571
17600
  const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
@@ -17636,7 +17665,7 @@ function instance$3($$self, $$props, $$invalidate) {
17636
17665
  class TextLink extends SvelteComponent {
17637
17666
  constructor(options) {
17638
17667
  super();
17639
- 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);
17640
17669
  }
17641
17670
  }
17642
17671
 
@@ -17662,7 +17691,7 @@ const TEXT_LINK_UNDERLINE = {
17662
17691
 
17663
17692
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
17664
17693
 
17665
- function add_css$1(target) {
17694
+ function add_css$2(target) {
17666
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}");
17667
17696
  }
17668
17697
 
@@ -17764,13 +17793,13 @@ function instance$2($$self, $$props, $$invalidate) {
17764
17793
  class BackgroundOverlay extends SvelteComponent {
17765
17794
  constructor(options) {
17766
17795
  super();
17767
- 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);
17768
17797
  }
17769
17798
  }
17770
17799
 
17771
17800
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
17772
17801
 
17773
- function add_css(target) {
17802
+ function add_css$1(target) {
17774
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}}");
17775
17804
  }
17776
17805
 
@@ -18394,13 +18423,17 @@ class Modal extends SvelteComponent {
18394
18423
  closeEventName: 16,
18395
18424
  closeEventValue: 17
18396
18425
  },
18397
- add_css
18426
+ add_css$1
18398
18427
  );
18399
18428
  }
18400
18429
  }
18401
18430
 
18402
18431
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
18403
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
+
18404
18437
  function create_fragment(ctx) {
18405
18438
  let div;
18406
18439
  let raw_value = /*props*/ ctx[0].rawHtml + "";
@@ -18408,18 +18441,28 @@ function create_fragment(ctx) {
18408
18441
  return {
18409
18442
  c() {
18410
18443
  div = element("div");
18444
+ this.h();
18411
18445
  },
18412
18446
  l(nodes) {
18413
- div = claim_element(nodes, "DIV", {});
18447
+ div = claim_element(nodes, "DIV", { class: true, "data-layer-id": true });
18414
18448
  var div_nodes = children(div);
18415
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]);
18416
18455
  },
18417
18456
  m(target, anchor) {
18418
18457
  insert_hydration(target, div, anchor);
18419
18458
  div.innerHTML = raw_value;
18420
18459
  },
18421
18460
  p(ctx, [dirty]) {
18422
- 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
+ },
18423
18466
  i: noop,
18424
18467
  o: noop,
18425
18468
  d(detaching) {
@@ -18428,46 +18471,59 @@ function create_fragment(ctx) {
18428
18471
  };
18429
18472
  }
18430
18473
 
18474
+ function unescapeBraces(str) {
18475
+ if (!str) return str;
18476
+ return str.replace(/\\([{}])/g, '$1');
18477
+ }
18478
+
18431
18479
  function instance($$self, $$props, $$invalidate) {
18432
18480
  let { props = {} } = $$props;
18481
+ let { layerId = '' } = $$props;
18433
18482
 
18434
- // JavaScriptの実行を安全に行う関数
18435
18483
  function injectJavaScript() {
18436
18484
  const script = document.createElement('script');
18437
- script.textContent = props.rawScript;
18438
-
18439
- // 動的に作成したスクリプトを挿入
18485
+ script.type = 'text/javascript';
18486
+ script.textContent = unescapeBraces(props.rawScript);
18440
18487
  document.body.appendChild(script);
18441
18488
 
18442
- // スクリプトの削除
18443
18489
  return () => {
18444
18490
  document.body.removeChild(script);
18445
18491
  };
18446
18492
  }
18447
18493
 
18448
- // コンポーネントがマウントされた時に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
+
18449
18504
  onMount$1(() => {
18450
- if (props.rawScript) {
18451
- const removeScript = injectJavaScript();
18505
+ const removeScript = injectJavaScript();
18506
+ const removeCss = injectCss();
18452
18507
 
18453
- // コンポーネントが破棄された時にスクリプトも削除
18454
- return () => {
18455
- removeScript();
18456
- };
18457
- }
18508
+ // コンポーネントが破棄された時にスクリプトも削除
18509
+ return () => {
18510
+ removeScript();
18511
+ removeCss();
18512
+ };
18458
18513
  });
18459
18514
 
18460
18515
  $$self.$$set = $$props => {
18461
18516
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
18517
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
18462
18518
  };
18463
18519
 
18464
- return [props];
18520
+ return [props, layerId];
18465
18521
  }
18466
18522
 
18467
18523
  class Code extends SvelteComponent {
18468
18524
  constructor(options) {
18469
18525
  super();
18470
- 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);
18471
18527
  }
18472
18528
  }
18473
18529