@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.
package/dist/index.es.js CHANGED
@@ -3078,7 +3078,7 @@ class State extends SvelteComponent {
3078
3078
 
3079
3079
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3080
3080
 
3081
- function add_css$I(target) {
3081
+ function add_css$J(target) {
3082
3082
  append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3083
3083
  }
3084
3084
 
@@ -3232,7 +3232,7 @@ function instance$1f($$self, $$props, $$invalidate) {
3232
3232
  class StateItem extends SvelteComponent {
3233
3233
  constructor(options) {
3234
3234
  super();
3235
- init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$I);
3235
+ init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$J);
3236
3236
  }
3237
3237
  }
3238
3238
 
@@ -3417,7 +3417,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3417
3417
 
3418
3418
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3419
3419
 
3420
- function add_css$H(target) {
3420
+ function add_css$I(target) {
3421
3421
  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}");
3422
3422
  }
3423
3423
 
@@ -3507,7 +3507,7 @@ function instance$1e($$self, $$props, $$invalidate) {
3507
3507
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3508
3508
  constructor(options) {
3509
3509
  super();
3510
- init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$H);
3510
+ init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$I);
3511
3511
  }
3512
3512
  };
3513
3513
 
@@ -3547,7 +3547,7 @@ function checkStopPropagation(eventName, handler) {
3547
3547
 
3548
3548
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3549
3549
 
3550
- function add_css$G(target) {
3550
+ function add_css$H(target) {
3551
3551
  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}");
3552
3552
  }
3553
3553
 
@@ -4000,14 +4000,14 @@ let Button$1 = class Button extends SvelteComponent {
4000
4000
  eventValue: 6,
4001
4001
  style: 1
4002
4002
  },
4003
- add_css$G
4003
+ add_css$H
4004
4004
  );
4005
4005
  }
4006
4006
  };
4007
4007
 
4008
4008
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4009
4009
 
4010
- function add_css$F(target) {
4010
+ function add_css$G(target) {
4011
4011
  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}}");
4012
4012
  }
4013
4013
 
@@ -4851,7 +4851,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4851
4851
  closeButtonColor: 9,
4852
4852
  _closeStyle: 10
4853
4853
  },
4854
- add_css$F,
4854
+ add_css$G,
4855
4855
  [-1, -1]
4856
4856
  );
4857
4857
  }
@@ -4975,7 +4975,7 @@ class Grid extends SvelteComponent {
4975
4975
 
4976
4976
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4977
4977
 
4978
- function add_css$E(target) {
4978
+ function add_css$F(target) {
4979
4979
  append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4980
4980
  }
4981
4981
 
@@ -5114,7 +5114,7 @@ class GridItem extends SvelteComponent {
5114
5114
  background: 7,
5115
5115
  gridItemId: 0
5116
5116
  },
5117
- add_css$E
5117
+ add_css$F
5118
5118
  );
5119
5119
  }
5120
5120
  }
@@ -5296,7 +5296,7 @@ class RenderText extends SvelteComponent {
5296
5296
 
5297
5297
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5298
5298
 
5299
- function add_css$D(target) {
5299
+ function add_css$E(target) {
5300
5300
  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}");
5301
5301
  }
5302
5302
 
@@ -5618,14 +5618,14 @@ class TextElement extends SvelteComponent {
5618
5618
  enableCopy: 2,
5619
5619
  eventName: 10
5620
5620
  },
5621
- add_css$D
5621
+ add_css$E
5622
5622
  );
5623
5623
  }
5624
5624
  }
5625
5625
 
5626
5626
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5627
5627
 
5628
- function add_css$C(target) {
5628
+ function add_css$D(target) {
5629
5629
  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)}");
5630
5630
  }
5631
5631
 
@@ -5766,14 +5766,14 @@ class TextButtonElement extends SvelteComponent {
5766
5766
  _buttonStyle: 5,
5767
5767
  _style: 6
5768
5768
  },
5769
- add_css$C
5769
+ add_css$D
5770
5770
  );
5771
5771
  }
5772
5772
  }
5773
5773
 
5774
5774
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5775
5775
 
5776
- function add_css$B(target) {
5776
+ function add_css$C(target) {
5777
5777
  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%}");
5778
5778
  }
5779
5779
 
@@ -5931,14 +5931,14 @@ class ImageElement extends SvelteComponent {
5931
5931
  _imageStyle: 6,
5932
5932
  _style: 7
5933
5933
  },
5934
- add_css$B
5934
+ add_css$C
5935
5935
  );
5936
5936
  }
5937
5937
  }
5938
5938
 
5939
5939
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5940
5940
 
5941
- function add_css$A(target) {
5941
+ function add_css$B(target) {
5942
5942
  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}");
5943
5943
  }
5944
5944
 
@@ -6078,14 +6078,14 @@ class List extends SvelteComponent {
6078
6078
  background: 3,
6079
6079
  _style: 4
6080
6080
  },
6081
- add_css$A
6081
+ add_css$B
6082
6082
  );
6083
6083
  }
6084
6084
  }
6085
6085
 
6086
6086
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6087
6087
 
6088
- function add_css$z(target) {
6088
+ function add_css$A(target) {
6089
6089
  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}");
6090
6090
  }
6091
6091
 
@@ -6275,13 +6275,13 @@ function instance$14($$self, $$props, $$invalidate) {
6275
6275
  class ListItem extends SvelteComponent {
6276
6276
  constructor(options) {
6277
6277
  super();
6278
- init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$z);
6278
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$A);
6279
6279
  }
6280
6280
  }
6281
6281
 
6282
6282
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6283
6283
 
6284
- function add_css$y(target) {
6284
+ function add_css$z(target) {
6285
6285
  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}");
6286
6286
  }
6287
6287
 
@@ -6327,13 +6327,13 @@ function instance$13($$self, $$props, $$invalidate) {
6327
6327
  class EmbedElement extends SvelteComponent {
6328
6328
  constructor(options) {
6329
6329
  super();
6330
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$y);
6330
+ init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$z);
6331
6331
  }
6332
6332
  }
6333
6333
 
6334
6334
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6335
6335
 
6336
- function add_css$x(target) {
6336
+ function add_css$y(target) {
6337
6337
  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%}");
6338
6338
  }
6339
6339
 
@@ -6679,7 +6679,7 @@ class MovieYouTubeElement extends SvelteComponent {
6679
6679
  mute: 25,
6680
6680
  _style: 0
6681
6681
  },
6682
- add_css$x,
6682
+ add_css$y,
6683
6683
  [-1, -1]
6684
6684
  );
6685
6685
  }
@@ -6687,7 +6687,7 @@ class MovieYouTubeElement extends SvelteComponent {
6687
6687
 
6688
6688
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6689
6689
 
6690
- function add_css$w(target) {
6690
+ function add_css$x(target) {
6691
6691
  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%}");
6692
6692
  }
6693
6693
 
@@ -6876,14 +6876,14 @@ class MovieVimeoElement extends SvelteComponent {
6876
6876
  mute: 6,
6877
6877
  _style: 0
6878
6878
  },
6879
- add_css$w
6879
+ add_css$x
6880
6880
  );
6881
6881
  }
6882
6882
  }
6883
6883
 
6884
6884
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6885
6885
 
6886
- function add_css$v(target) {
6886
+ function add_css$w(target) {
6887
6887
  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}");
6888
6888
  }
6889
6889
 
@@ -7046,14 +7046,14 @@ class FormTextarea extends SvelteComponent {
7046
7046
  _textStyle: 11,
7047
7047
  _placeholderStyle: 12
7048
7048
  },
7049
- add_css$v
7049
+ add_css$w
7050
7050
  );
7051
7051
  }
7052
7052
  }
7053
7053
 
7054
7054
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7055
7055
 
7056
- function add_css$u(target) {
7056
+ function add_css$v(target) {
7057
7057
  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}");
7058
7058
  }
7059
7059
 
@@ -7321,14 +7321,14 @@ class FormRadioButtons extends SvelteComponent {
7321
7321
  buttonColor: 13,
7322
7322
  buttonColorActive: 14
7323
7323
  },
7324
- add_css$u
7324
+ add_css$v
7325
7325
  );
7326
7326
  }
7327
7327
  }
7328
7328
 
7329
7329
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7330
7330
 
7331
- function add_css$t(target) {
7331
+ function add_css$u(target) {
7332
7332
  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}");
7333
7333
  }
7334
7334
 
@@ -7660,14 +7660,14 @@ class FormSelect extends SvelteComponent {
7660
7660
  iconColor: 15,
7661
7661
  iconSize: 16
7662
7662
  },
7663
- add_css$t
7663
+ add_css$u
7664
7664
  );
7665
7665
  }
7666
7666
  }
7667
7667
 
7668
7668
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7669
7669
 
7670
- function add_css$s(target) {
7670
+ function add_css$t(target) {
7671
7671
  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}");
7672
7672
  }
7673
7673
 
@@ -7957,14 +7957,14 @@ class FormCheckBoxes extends SvelteComponent {
7957
7957
  buttonColor: 13,
7958
7958
  buttonColorActive: 14
7959
7959
  },
7960
- add_css$s
7960
+ add_css$t
7961
7961
  );
7962
7962
  }
7963
7963
  }
7964
7964
 
7965
7965
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7966
7966
 
7967
- function add_css$r(target) {
7967
+ function add_css$s(target) {
7968
7968
  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}");
7969
7969
  }
7970
7970
 
@@ -8174,14 +8174,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
8174
8174
  buttonStyle: 9,
8175
8175
  buttonActiveStyle: 10
8176
8176
  },
8177
- add_css$r
8177
+ add_css$s
8178
8178
  );
8179
8179
  }
8180
8180
  }
8181
8181
 
8182
8182
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8183
8183
 
8184
- function add_css$q(target) {
8184
+ function add_css$r(target) {
8185
8185
  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%)}");
8186
8186
  }
8187
8187
 
@@ -8359,13 +8359,13 @@ function instance$X($$self, $$props, $$invalidate) {
8359
8359
  class FormRatingButtonsFace extends SvelteComponent {
8360
8360
  constructor(options) {
8361
8361
  super();
8362
- init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$q);
8362
+ init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$r);
8363
8363
  }
8364
8364
  }
8365
8365
 
8366
8366
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8367
8367
 
8368
- function add_css$p(target) {
8368
+ function add_css$q(target) {
8369
8369
  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}");
8370
8370
  }
8371
8371
 
@@ -8579,14 +8579,14 @@ class FormIdentifyInput extends SvelteComponent {
8579
8579
  _textStyle: 15,
8580
8580
  _placeholderStyle: 16
8581
8581
  },
8582
- add_css$p
8582
+ add_css$q
8583
8583
  );
8584
8584
  }
8585
8585
  }
8586
8586
 
8587
8587
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8588
8588
 
8589
- function add_css$o(target) {
8589
+ function add_css$p(target) {
8590
8590
  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}");
8591
8591
  }
8592
8592
 
@@ -8798,14 +8798,14 @@ class FormIdentifyChoices extends SvelteComponent {
8798
8798
  buttonColor: 10,
8799
8799
  buttonColorActive: 11
8800
8800
  },
8801
- add_css$o
8801
+ add_css$p
8802
8802
  );
8803
8803
  }
8804
8804
  }
8805
8805
 
8806
8806
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8807
8807
 
8808
- function add_css$n(target) {
8808
+ function add_css$o(target) {
8809
8809
  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%}");
8810
8810
  }
8811
8811
 
@@ -9633,7 +9633,7 @@ class Slide extends SvelteComponent {
9633
9633
  navigationButton: 25,
9634
9634
  navigationEdgePosition: 26
9635
9635
  },
9636
- add_css$n,
9636
+ add_css$o,
9637
9637
  [-1, -1, -1]
9638
9638
  );
9639
9639
  }
@@ -9641,7 +9641,7 @@ class Slide extends SvelteComponent {
9641
9641
 
9642
9642
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9643
9643
 
9644
- function add_css$m(target) {
9644
+ function add_css$n(target) {
9645
9645
  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}");
9646
9646
  }
9647
9647
 
@@ -9778,13 +9778,13 @@ function instance$T($$self, $$props, $$invalidate) {
9778
9778
  class SlideItem extends SvelteComponent {
9779
9779
  constructor(options) {
9780
9780
  super();
9781
- init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$m);
9781
+ init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$n);
9782
9782
  }
9783
9783
  }
9784
9784
 
9785
9785
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9786
9786
 
9787
- function add_css$l(target) {
9787
+ function add_css$m(target) {
9788
9788
  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}");
9789
9789
  }
9790
9790
 
@@ -9932,13 +9932,13 @@ function instance$S($$self, $$props, $$invalidate) {
9932
9932
  class Countdown extends SvelteComponent {
9933
9933
  constructor(options) {
9934
9934
  super();
9935
- init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$l);
9935
+ init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$m);
9936
9936
  }
9937
9937
  }
9938
9938
 
9939
9939
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9940
9940
 
9941
- function add_css$k(target) {
9941
+ function add_css$l(target) {
9942
9942
  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}");
9943
9943
  }
9944
9944
 
@@ -10063,13 +10063,13 @@ function instance$R($$self, $$props, $$invalidate) {
10063
10063
  class Box extends SvelteComponent {
10064
10064
  constructor(options) {
10065
10065
  super();
10066
- init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$k);
10066
+ init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$l);
10067
10067
  }
10068
10068
  }
10069
10069
 
10070
10070
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10071
10071
 
10072
- function add_css$j(target) {
10072
+ function add_css$k(target) {
10073
10073
  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)}");
10074
10074
  }
10075
10075
 
@@ -10253,14 +10253,14 @@ class IconElement extends SvelteComponent {
10253
10253
  color: 6,
10254
10254
  _style: 7
10255
10255
  },
10256
- add_css$j
10256
+ add_css$k
10257
10257
  );
10258
10258
  }
10259
10259
  }
10260
10260
 
10261
10261
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10262
10262
 
10263
- function add_css$i(target) {
10263
+ function add_css$j(target) {
10264
10264
  append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10265
10265
  }
10266
10266
 
@@ -10369,13 +10369,13 @@ function instance$P($$self, $$props, $$invalidate) {
10369
10369
  class CodeElement extends SvelteComponent {
10370
10370
  constructor(options) {
10371
10371
  super();
10372
- init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$i);
10372
+ init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$j);
10373
10373
  }
10374
10374
  }
10375
10375
 
10376
10376
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10377
10377
 
10378
- function add_css$h(target) {
10378
+ function add_css$i(target) {
10379
10379
  append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10380
10380
  }
10381
10381
 
@@ -10479,14 +10479,14 @@ class Flex extends SvelteComponent {
10479
10479
  height: 2,
10480
10480
  _style: 3
10481
10481
  },
10482
- add_css$h
10482
+ add_css$i
10483
10483
  );
10484
10484
  }
10485
10485
  }
10486
10486
 
10487
10487
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10488
10488
 
10489
- function add_css$g(target) {
10489
+ function add_css$h(target) {
10490
10490
  append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10491
10491
  }
10492
10492
 
@@ -10591,7 +10591,7 @@ function instance$N($$self, $$props, $$invalidate) {
10591
10591
  class FlexItem extends SvelteComponent {
10592
10592
  constructor(options) {
10593
10593
  super();
10594
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$g);
10594
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$h);
10595
10595
  }
10596
10596
  }
10597
10597
 
@@ -10907,7 +10907,7 @@ class GridModalState extends SvelteComponent {
10907
10907
 
10908
10908
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10909
10909
 
10910
- function add_css$f(target) {
10910
+ function add_css$g(target) {
10911
10911
  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%}");
10912
10912
  }
10913
10913
 
@@ -11009,14 +11009,14 @@ class TextBlock extends SvelteComponent {
11009
11009
  textDirection: 1,
11010
11010
  _style: 5
11011
11011
  },
11012
- add_css$f
11012
+ add_css$g
11013
11013
  );
11014
11014
  }
11015
11015
  }
11016
11016
 
11017
11017
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11018
11018
 
11019
- function add_css$e(target) {
11019
+ function add_css$f(target) {
11020
11020
  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)}");
11021
11021
  }
11022
11022
 
@@ -11134,14 +11134,14 @@ class TextButtonBlock extends SvelteComponent {
11134
11134
  _buttonStyle: 1,
11135
11135
  _style: 2
11136
11136
  },
11137
- add_css$e
11137
+ add_css$f
11138
11138
  );
11139
11139
  }
11140
11140
  }
11141
11141
 
11142
11142
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11143
11143
 
11144
- function add_css$d(target) {
11144
+ function add_css$e(target) {
11145
11145
  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)}");
11146
11146
  }
11147
11147
 
@@ -11261,7 +11261,7 @@ class ImageBlock extends SvelteComponent {
11261
11261
  _imageStyle: 4,
11262
11262
  _style: 5
11263
11263
  },
11264
- add_css$d
11264
+ add_css$e
11265
11265
  );
11266
11266
  }
11267
11267
  }
@@ -11416,13 +11416,32 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
11416
11416
  };
11417
11417
  };
11418
11418
 
11419
+ const useInjectCustomizeCss = (props) => {
11420
+ function injectCss() {
11421
+ const style = document.createElement('style');
11422
+ style.textContent = props.customizeCss;
11423
+ document.head.appendChild(style);
11424
+ return () => {
11425
+ document.head.removeChild(style);
11426
+ };
11427
+ }
11428
+ onMount$1(() => {
11429
+ if (!props.isCustomizeCss)
11430
+ return;
11431
+ const removeCss = injectCss();
11432
+ return () => {
11433
+ removeCss();
11434
+ };
11435
+ });
11436
+ };
11437
+
11419
11438
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11420
11439
 
11421
- function add_css$c(target) {
11440
+ function add_css$d(target) {
11422
11441
  append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
11423
11442
  }
11424
11443
 
11425
- // (33:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
11444
+ // (35:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
11426
11445
  function create_dynamic_element$8(ctx) {
11427
11446
  let svelte_element;
11428
11447
  let img;
@@ -11555,6 +11574,7 @@ function instance$I($$self, $$props, $$invalidate) {
11555
11574
  let imgStyle;
11556
11575
  let { props = {} } = $$props;
11557
11576
  let { layerId = '' } = $$props;
11577
+ useInjectCustomizeCss(props);
11558
11578
  const { attributes, element, handleClick } = useClickable(props);
11559
11579
 
11560
11580
  const VARIANTS = {
@@ -11595,7 +11615,7 @@ function instance$I($$self, $$props, $$invalidate) {
11595
11615
  class Avatar extends SvelteComponent {
11596
11616
  constructor(options) {
11597
11617
  super();
11598
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
11618
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$d);
11599
11619
  }
11600
11620
  }
11601
11621
 
@@ -13297,11 +13317,11 @@ const ICON_VARIANTS = {
13297
13317
 
13298
13318
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13299
13319
 
13300
- function add_css$b(target) {
13320
+ function add_css$c(target) {
13301
13321
  append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13302
13322
  }
13303
13323
 
13304
- // (22:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
13324
+ // (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
13305
13325
  function create_dynamic_element$7(ctx) {
13306
13326
  let svelte_element;
13307
13327
  let switch_instance;
@@ -13470,6 +13490,7 @@ function instance$c($$self, $$props, $$invalidate) {
13470
13490
  let IconComponent;
13471
13491
  let { props = {} } = $$props;
13472
13492
  let { layerId = '' } = $$props;
13493
+ useInjectCustomizeCss(props);
13473
13494
  const { attributes, element, handleClick } = useClickable(props);
13474
13495
 
13475
13496
  const getSizeCss = () => {
@@ -13507,7 +13528,7 @@ function instance$c($$self, $$props, $$invalidate) {
13507
13528
  class Icon extends SvelteComponent {
13508
13529
  constructor(options) {
13509
13530
  super();
13510
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
13531
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
13511
13532
  }
13512
13533
  }
13513
13534
 
@@ -13674,11 +13695,11 @@ function darkenColor(color, percent) {
13674
13695
 
13675
13696
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13676
13697
 
13677
- function add_css$a(target) {
13698
+ function add_css$b(target) {
13678
13699
  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}");
13679
13700
  }
13680
13701
 
13681
- // (47:2) {#if props.isIcon && props.iconVariant}
13702
+ // (49:2) {#if props.isIcon && props.iconVariant}
13682
13703
  function create_if_block$6(ctx) {
13683
13704
  let div;
13684
13705
  let icon;
@@ -13734,7 +13755,7 @@ function create_if_block$6(ctx) {
13734
13755
  };
13735
13756
  }
13736
13757
 
13737
- // (39:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
13758
+ // (41:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
13738
13759
  function create_dynamic_element$6(ctx) {
13739
13760
  let svelte_element;
13740
13761
  let t0;
@@ -13899,6 +13920,7 @@ function instance$b($$self, $$props, $$invalidate) {
13899
13920
  let style;
13900
13921
  let { props = {} } = $$props;
13901
13922
  let { layerId = '' } = $$props;
13923
+ useInjectCustomizeCss(props);
13902
13924
  const { attributes, element, handleClick } = useClickable(props);
13903
13925
  const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
13904
13926
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
@@ -13953,7 +13975,7 @@ function instance$b($$self, $$props, $$invalidate) {
13953
13975
  class Button extends SvelteComponent {
13954
13976
  constructor(options) {
13955
13977
  super();
13956
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
13978
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
13957
13979
  }
13958
13980
  }
13959
13981
 
@@ -14050,11 +14072,11 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
14050
14072
 
14051
14073
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
14052
14074
 
14053
- function add_css$9(target) {
14075
+ function add_css$a(target) {
14054
14076
  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}");
14055
14077
  }
14056
14078
 
14057
- // (42:2) {#if props.isIcon && props.iconVariant}
14079
+ // (44:2) {#if props.isIcon && props.iconVariant}
14058
14080
  function create_if_block$5(ctx) {
14059
14081
  let div;
14060
14082
  let icon;
@@ -14110,7 +14132,7 @@ function create_if_block$5(ctx) {
14110
14132
  };
14111
14133
  }
14112
14134
 
14113
- // (34:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
14135
+ // (36:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
14114
14136
  function create_dynamic_element$5(ctx) {
14115
14137
  let svelte_element;
14116
14138
  let t0;
@@ -14274,6 +14296,7 @@ function instance$a($$self, $$props, $$invalidate) {
14274
14296
  let style;
14275
14297
  let { props = {} } = $$props;
14276
14298
  let { layerId = '' } = $$props;
14299
+ useInjectCustomizeCss(props);
14277
14300
  const { attributes, element, handleClick } = useClickable(props);
14278
14301
  const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
14279
14302
  const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
@@ -14312,7 +14335,7 @@ function instance$a($$self, $$props, $$invalidate) {
14312
14335
  class ButtonOutlined extends SvelteComponent {
14313
14336
  constructor(options) {
14314
14337
  super();
14315
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
14338
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
14316
14339
  }
14317
14340
  }
14318
14341
 
@@ -14373,11 +14396,11 @@ const BUTTON_TEXT_THEME_STYLES = {
14373
14396
 
14374
14397
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
14375
14398
 
14376
- function add_css$8(target) {
14399
+ function add_css$9(target) {
14377
14400
  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}");
14378
14401
  }
14379
14402
 
14380
- // (44:2) {#if props.isIcon && props.iconVariant}
14403
+ // (46:2) {#if props.isIcon && props.iconVariant}
14381
14404
  function create_if_block$4(ctx) {
14382
14405
  let div;
14383
14406
  let icon;
@@ -14433,7 +14456,7 @@ function create_if_block$4(ctx) {
14433
14456
  };
14434
14457
  }
14435
14458
 
14436
- // (36:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
14459
+ // (38:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
14437
14460
  function create_dynamic_element$4(ctx) {
14438
14461
  let svelte_element;
14439
14462
  let t0;
@@ -14598,6 +14621,7 @@ function instance$9($$self, $$props, $$invalidate) {
14598
14621
  let style;
14599
14622
  let { props = {} } = $$props;
14600
14623
  let { layerId = '' } = $$props;
14624
+ useInjectCustomizeCss(props);
14601
14625
  const { attributes, element, handleClick } = useClickable(props);
14602
14626
  const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
14603
14627
  const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
@@ -14649,7 +14673,7 @@ function instance$9($$self, $$props, $$invalidate) {
14649
14673
  class ButtonText extends SvelteComponent {
14650
14674
  constructor(options) {
14651
14675
  super();
14652
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
14676
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
14653
14677
  }
14654
14678
  }
14655
14679
 
@@ -14687,11 +14711,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
14687
14711
 
14688
14712
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14689
14713
 
14690
- function add_css$7(target) {
14714
+ function add_css$8(target) {
14691
14715
  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}");
14692
14716
  }
14693
14717
 
14694
- // (89:2) {#if hasLabel}
14718
+ // (91:2) {#if hasLabel}
14695
14719
  function create_if_block$3(ctx) {
14696
14720
  let span;
14697
14721
  let t;
@@ -14721,7 +14745,7 @@ function create_if_block$3(ctx) {
14721
14745
  };
14722
14746
  }
14723
14747
 
14724
- // (70:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
14748
+ // (72:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
14725
14749
  function create_dynamic_element$3(ctx) {
14726
14750
  let svelte_element;
14727
14751
  let span;
@@ -14883,6 +14907,7 @@ function instance$8($$self, $$props, $$invalidate) {
14883
14907
  let { layerId = '' } = $$props;
14884
14908
  let { eventName = '' } = $$props;
14885
14909
  let { eventValue = undefined } = $$props;
14910
+ useInjectCustomizeCss(props);
14886
14911
 
14887
14912
  const { attributes, element, handleClick } = useClickable({
14888
14913
  onClick: { operation: 'closeApp', args: ['button'] },
@@ -14979,18 +15004,18 @@ class CloseButton extends SvelteComponent {
14979
15004
  eventName: 12,
14980
15005
  eventValue: 13
14981
15006
  },
14982
- add_css$7
15007
+ add_css$8
14983
15008
  );
14984
15009
  }
14985
15010
  }
14986
15011
 
14987
15012
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
14988
15013
 
14989
- function add_css$6(target) {
15014
+ function add_css$7(target) {
14990
15015
  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}");
14991
15016
  }
14992
15017
 
14993
- // (17:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
15018
+ // (19:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
14994
15019
  function create_dynamic_element$2(ctx) {
14995
15020
  let svelte_element;
14996
15021
  let object;
@@ -15127,6 +15152,7 @@ function instance$7($$self, $$props, $$invalidate) {
15127
15152
  let objectStyle;
15128
15153
  let { props = {} } = $$props;
15129
15154
  let { layerId = '' } = $$props;
15155
+ useInjectCustomizeCss(props);
15130
15156
  const { attributes, element, handleClick } = useClickable(props);
15131
15157
 
15132
15158
  $$self.$$set = $$props => {
@@ -15154,17 +15180,17 @@ function instance$7($$self, $$props, $$invalidate) {
15154
15180
  class Image extends SvelteComponent {
15155
15181
  constructor(options) {
15156
15182
  super();
15157
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$6);
15183
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
15158
15184
  }
15159
15185
  }
15160
15186
 
15161
15187
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15162
15188
 
15163
- function add_css$5(target) {
15189
+ function add_css$6(target) {
15164
15190
  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}");
15165
15191
  }
15166
15192
 
15167
- // (27:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
15193
+ // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
15168
15194
  function create_dynamic_element$1(ctx) {
15169
15195
  let svelte_element;
15170
15196
  let current;
@@ -15317,6 +15343,7 @@ function instance$6($$self, $$props, $$invalidate) {
15317
15343
  let { $$slots: slots = {}, $$scope } = $$props;
15318
15344
  let { props = {} } = $$props;
15319
15345
  let { layerId = '' } = $$props;
15346
+ useInjectCustomizeCss(props);
15320
15347
  const { attributes, element, handleClick } = useClickable(props);
15321
15348
 
15322
15349
  $$self.$$set = $$props => {
@@ -15353,7 +15380,7 @@ function instance$6($$self, $$props, $$invalidate) {
15353
15380
  class Layout extends SvelteComponent {
15354
15381
  constructor(options) {
15355
15382
  super();
15356
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$5);
15383
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$6);
15357
15384
  }
15358
15385
  }
15359
15386
 
@@ -15364,7 +15391,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
15364
15391
 
15365
15392
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
15366
15393
 
15367
- function add_css$4(target) {
15394
+ function add_css$5(target) {
15368
15395
  append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
15369
15396
  }
15370
15397
 
@@ -15784,7 +15811,7 @@ function instance$5($$self, $$props, $$invalidate) {
15784
15811
  class Slider extends SvelteComponent {
15785
15812
  constructor(options) {
15786
15813
  super();
15787
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$4, [-1, -1]);
15814
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$5, [-1, -1]);
15788
15815
  }
15789
15816
  }
15790
15817
 
@@ -15872,7 +15899,7 @@ const TEXT_THEME_STYLES = {
15872
15899
 
15873
15900
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
15874
15901
 
15875
- function add_css$3(target) {
15902
+ function add_css$4(target) {
15876
15903
  append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
15877
15904
  }
15878
15905
 
@@ -15913,6 +15940,7 @@ function instance$4($$self, $$props, $$invalidate) {
15913
15940
  let style;
15914
15941
  let { props = { content: '' } } = $$props;
15915
15942
  let { layerId = '' } = $$props;
15943
+ useInjectCustomizeCss(props);
15916
15944
 
15917
15945
  if (props.fontFamily) {
15918
15946
  addFont(props.fontFamily);
@@ -15962,7 +15990,7 @@ function instance$4($$self, $$props, $$invalidate) {
15962
15990
  class Text extends SvelteComponent {
15963
15991
  constructor(options) {
15964
15992
  super();
15965
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$3);
15993
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$4);
15966
15994
  }
15967
15995
  }
15968
15996
 
@@ -16030,11 +16058,11 @@ const TEXT_LINK_THEME_STYLES = {
16030
16058
 
16031
16059
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
16032
16060
 
16033
- function add_css$2(target) {
16034
- 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}");
16061
+ function add_css$3(target) {
16062
+ 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}");
16035
16063
  }
16036
16064
 
16037
- // (67:2) {#if props.isIcon && props.iconVariant}
16065
+ // (69:2) {#if props.isIcon && props.iconVariant}
16038
16066
  function create_if_block$2(ctx) {
16039
16067
  let icon;
16040
16068
  let current;
@@ -16085,7 +16113,7 @@ function create_if_block$2(ctx) {
16085
16113
  };
16086
16114
  }
16087
16115
 
16088
- // (59:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
16116
+ // (61:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
16089
16117
  function create_dynamic_element(ctx) {
16090
16118
  let svelte_element;
16091
16119
  let t;
@@ -16124,7 +16152,7 @@ function create_dynamic_element(ctx) {
16124
16152
  set_attributes(svelte_element, svelte_element_data);
16125
16153
  }
16126
16154
 
16127
- toggle_class(svelte_element, "svelte-1gi0ms6", true);
16155
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
16128
16156
  },
16129
16157
  m(target, anchor) {
16130
16158
  insert(target, svelte_element, anchor);
@@ -16177,7 +16205,7 @@ function create_dynamic_element(ctx) {
16177
16205
  set_attributes(svelte_element, svelte_element_data);
16178
16206
  }
16179
16207
 
16180
- toggle_class(svelte_element, "svelte-1gi0ms6", true);
16208
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
16181
16209
  },
16182
16210
  i(local) {
16183
16211
  if (current) return;
@@ -16249,6 +16277,7 @@ function instance$3($$self, $$props, $$invalidate) {
16249
16277
  let style;
16250
16278
  let { props = { label: '' } } = $$props;
16251
16279
  let { layerId = '' } = $$props;
16280
+ useInjectCustomizeCss(props);
16252
16281
  const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
16253
16282
  const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
16254
16283
  const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
@@ -16319,7 +16348,7 @@ function instance$3($$self, $$props, $$invalidate) {
16319
16348
  class TextLink extends SvelteComponent {
16320
16349
  constructor(options) {
16321
16350
  super();
16322
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$2);
16351
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
16323
16352
  }
16324
16353
  }
16325
16354
 
@@ -16345,7 +16374,7 @@ const TEXT_LINK_UNDERLINE = {
16345
16374
 
16346
16375
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
16347
16376
 
16348
- function add_css$1(target) {
16377
+ function add_css$2(target) {
16349
16378
  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}");
16350
16379
  }
16351
16380
 
@@ -16435,13 +16464,13 @@ function instance$2($$self, $$props, $$invalidate) {
16435
16464
  class BackgroundOverlay extends SvelteComponent {
16436
16465
  constructor(options) {
16437
16466
  super();
16438
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
16467
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$2);
16439
16468
  }
16440
16469
  }
16441
16470
 
16442
16471
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
16443
16472
 
16444
- function add_css(target) {
16473
+ function add_css$1(target) {
16445
16474
  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}}");
16446
16475
  }
16447
16476
 
@@ -17063,13 +17092,17 @@ class Modal extends SvelteComponent {
17063
17092
  closeEventName: 16,
17064
17093
  closeEventValue: 17
17065
17094
  },
17066
- add_css
17095
+ add_css$1
17067
17096
  );
17068
17097
  }
17069
17098
  }
17070
17099
 
17071
17100
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
17072
17101
 
17102
+ function add_css(target) {
17103
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
17104
+ }
17105
+
17073
17106
  function create_fragment(ctx) {
17074
17107
  let div;
17075
17108
  let raw_value = /*props*/ ctx[0].rawHtml + "";
@@ -17077,13 +17110,19 @@ function create_fragment(ctx) {
17077
17110
  return {
17078
17111
  c() {
17079
17112
  div = element("div");
17113
+ attr(div, "class", "code svelte-igivoz");
17114
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17080
17115
  },
17081
17116
  m(target, anchor) {
17082
17117
  insert(target, div, anchor);
17083
17118
  div.innerHTML = raw_value;
17084
17119
  },
17085
17120
  p(ctx, [dirty]) {
17086
- if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value; },
17121
+ if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
17122
+ if (dirty & /*layerId*/ 2) {
17123
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17124
+ }
17125
+ },
17087
17126
  i: noop,
17088
17127
  o: noop,
17089
17128
  d(detaching) {
@@ -17092,46 +17131,59 @@ function create_fragment(ctx) {
17092
17131
  };
17093
17132
  }
17094
17133
 
17134
+ function unescapeBraces(str) {
17135
+ if (!str) return str;
17136
+ return str.replace(/\\([{}])/g, '$1');
17137
+ }
17138
+
17095
17139
  function instance($$self, $$props, $$invalidate) {
17096
17140
  let { props = {} } = $$props;
17141
+ let { layerId = '' } = $$props;
17097
17142
 
17098
- // JavaScriptの実行を安全に行う関数
17099
17143
  function injectJavaScript() {
17100
17144
  const script = document.createElement('script');
17101
- script.textContent = props.rawScript;
17102
-
17103
- // 動的に作成したスクリプトを挿入
17145
+ script.type = 'text/javascript';
17146
+ script.textContent = unescapeBraces(props.rawScript);
17104
17147
  document.body.appendChild(script);
17105
17148
 
17106
- // スクリプトの削除
17107
17149
  return () => {
17108
17150
  document.body.removeChild(script);
17109
17151
  };
17110
17152
  }
17111
17153
 
17112
- // コンポーネントがマウントされた時にJavaScriptを実行
17154
+ function injectCss() {
17155
+ const style = document.createElement('style');
17156
+ style.textContent = props.rawCss;
17157
+ document.head.appendChild(style);
17158
+
17159
+ return () => {
17160
+ document.head.removeChild(style);
17161
+ };
17162
+ }
17163
+
17113
17164
  onMount$1(() => {
17114
- if (props.rawScript) {
17115
- const removeScript = injectJavaScript();
17165
+ const removeScript = injectJavaScript();
17166
+ const removeCss = injectCss();
17116
17167
 
17117
- // コンポーネントが破棄された時にスクリプトも削除
17118
- return () => {
17119
- removeScript();
17120
- };
17121
- }
17168
+ // コンポーネントが破棄された時にスクリプトも削除
17169
+ return () => {
17170
+ removeScript();
17171
+ removeCss();
17172
+ };
17122
17173
  });
17123
17174
 
17124
17175
  $$self.$$set = $$props => {
17125
17176
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
17177
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
17126
17178
  };
17127
17179
 
17128
- return [props];
17180
+ return [props, layerId];
17129
17181
  }
17130
17182
 
17131
17183
  class Code extends SvelteComponent {
17132
17184
  constructor(options) {
17133
17185
  super();
17134
- init(this, options, instance, create_fragment, safe_not_equal, { props: 0 });
17186
+ init(this, options, instance, create_fragment, safe_not_equal, { props: 0, layerId: 1 }, add_css);
17135
17187
  }
17136
17188
  }
17137
17189