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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
  }
@@ -11338,6 +11338,7 @@ const toCssBackgroundImage = (p) => {
11338
11338
  return {
11339
11339
  backgroundImage: url ? `url(${url})` : undefined,
11340
11340
  backgroundSize: url ? 'cover' : undefined,
11341
+ backgroundPosition: 'center',
11341
11342
  };
11342
11343
  };
11343
11344
  const toCssBackgroundColor = (p) => {
@@ -11415,13 +11416,32 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
11415
11416
  };
11416
11417
  };
11417
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
+
11418
11438
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11419
11439
 
11420
- function add_css$c(target) {
11440
+ function add_css$d(target) {
11421
11441
  append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
11422
11442
  }
11423
11443
 
11424
- // (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} >
11425
11445
  function create_dynamic_element$8(ctx) {
11426
11446
  let svelte_element;
11427
11447
  let img;
@@ -11554,6 +11574,7 @@ function instance$I($$self, $$props, $$invalidate) {
11554
11574
  let imgStyle;
11555
11575
  let { props = {} } = $$props;
11556
11576
  let { layerId = '' } = $$props;
11577
+ useInjectCustomizeCss(props);
11557
11578
  const { attributes, element, handleClick } = useClickable(props);
11558
11579
 
11559
11580
  const VARIANTS = {
@@ -11594,7 +11615,7 @@ function instance$I($$self, $$props, $$invalidate) {
11594
11615
  class Avatar extends SvelteComponent {
11595
11616
  constructor(options) {
11596
11617
  super();
11597
- 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);
11598
11619
  }
11599
11620
  }
11600
11621
 
@@ -13296,11 +13317,11 @@ const ICON_VARIANTS = {
13296
13317
 
13297
13318
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13298
13319
 
13299
- function add_css$b(target) {
13320
+ function add_css$c(target) {
13300
13321
  append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13301
13322
  }
13302
13323
 
13303
- // (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} >
13304
13325
  function create_dynamic_element$7(ctx) {
13305
13326
  let svelte_element;
13306
13327
  let switch_instance;
@@ -13469,6 +13490,7 @@ function instance$c($$self, $$props, $$invalidate) {
13469
13490
  let IconComponent;
13470
13491
  let { props = {} } = $$props;
13471
13492
  let { layerId = '' } = $$props;
13493
+ useInjectCustomizeCss(props);
13472
13494
  const { attributes, element, handleClick } = useClickable(props);
13473
13495
 
13474
13496
  const getSizeCss = () => {
@@ -13506,7 +13528,7 @@ function instance$c($$self, $$props, $$invalidate) {
13506
13528
  class Icon extends SvelteComponent {
13507
13529
  constructor(options) {
13508
13530
  super();
13509
- 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);
13510
13532
  }
13511
13533
  }
13512
13534
 
@@ -13673,11 +13695,11 @@ function darkenColor(color, percent) {
13673
13695
 
13674
13696
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13675
13697
 
13676
- function add_css$a(target) {
13698
+ function add_css$b(target) {
13677
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}");
13678
13700
  }
13679
13701
 
13680
- // (47:2) {#if props.isIcon && props.iconVariant}
13702
+ // (49:2) {#if props.isIcon && props.iconVariant}
13681
13703
  function create_if_block$6(ctx) {
13682
13704
  let div;
13683
13705
  let icon;
@@ -13733,7 +13755,7 @@ function create_if_block$6(ctx) {
13733
13755
  };
13734
13756
  }
13735
13757
 
13736
- // (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} >
13737
13759
  function create_dynamic_element$6(ctx) {
13738
13760
  let svelte_element;
13739
13761
  let t0;
@@ -13898,6 +13920,7 @@ function instance$b($$self, $$props, $$invalidate) {
13898
13920
  let style;
13899
13921
  let { props = {} } = $$props;
13900
13922
  let { layerId = '' } = $$props;
13923
+ useInjectCustomizeCss(props);
13901
13924
  const { attributes, element, handleClick } = useClickable(props);
13902
13925
  const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
13903
13926
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
@@ -13952,7 +13975,7 @@ function instance$b($$self, $$props, $$invalidate) {
13952
13975
  class Button extends SvelteComponent {
13953
13976
  constructor(options) {
13954
13977
  super();
13955
- 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);
13956
13979
  }
13957
13980
  }
13958
13981
 
@@ -14049,11 +14072,11 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
14049
14072
 
14050
14073
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
14051
14074
 
14052
- function add_css$9(target) {
14075
+ function add_css$a(target) {
14053
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}");
14054
14077
  }
14055
14078
 
14056
- // (42:2) {#if props.isIcon && props.iconVariant}
14079
+ // (44:2) {#if props.isIcon && props.iconVariant}
14057
14080
  function create_if_block$5(ctx) {
14058
14081
  let div;
14059
14082
  let icon;
@@ -14109,7 +14132,7 @@ function create_if_block$5(ctx) {
14109
14132
  };
14110
14133
  }
14111
14134
 
14112
- // (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} >
14113
14136
  function create_dynamic_element$5(ctx) {
14114
14137
  let svelte_element;
14115
14138
  let t0;
@@ -14273,6 +14296,7 @@ function instance$a($$self, $$props, $$invalidate) {
14273
14296
  let style;
14274
14297
  let { props = {} } = $$props;
14275
14298
  let { layerId = '' } = $$props;
14299
+ useInjectCustomizeCss(props);
14276
14300
  const { attributes, element, handleClick } = useClickable(props);
14277
14301
  const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
14278
14302
  const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
@@ -14311,7 +14335,7 @@ function instance$a($$self, $$props, $$invalidate) {
14311
14335
  class ButtonOutlined extends SvelteComponent {
14312
14336
  constructor(options) {
14313
14337
  super();
14314
- 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);
14315
14339
  }
14316
14340
  }
14317
14341
 
@@ -14372,11 +14396,11 @@ const BUTTON_TEXT_THEME_STYLES = {
14372
14396
 
14373
14397
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
14374
14398
 
14375
- function add_css$8(target) {
14399
+ function add_css$9(target) {
14376
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}");
14377
14401
  }
14378
14402
 
14379
- // (44:2) {#if props.isIcon && props.iconVariant}
14403
+ // (46:2) {#if props.isIcon && props.iconVariant}
14380
14404
  function create_if_block$4(ctx) {
14381
14405
  let div;
14382
14406
  let icon;
@@ -14432,7 +14456,7 @@ function create_if_block$4(ctx) {
14432
14456
  };
14433
14457
  }
14434
14458
 
14435
- // (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} >
14436
14460
  function create_dynamic_element$4(ctx) {
14437
14461
  let svelte_element;
14438
14462
  let t0;
@@ -14597,6 +14621,7 @@ function instance$9($$self, $$props, $$invalidate) {
14597
14621
  let style;
14598
14622
  let { props = {} } = $$props;
14599
14623
  let { layerId = '' } = $$props;
14624
+ useInjectCustomizeCss(props);
14600
14625
  const { attributes, element, handleClick } = useClickable(props);
14601
14626
  const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
14602
14627
  const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
@@ -14648,7 +14673,7 @@ function instance$9($$self, $$props, $$invalidate) {
14648
14673
  class ButtonText extends SvelteComponent {
14649
14674
  constructor(options) {
14650
14675
  super();
14651
- 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);
14652
14677
  }
14653
14678
  }
14654
14679
 
@@ -14686,11 +14711,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
14686
14711
 
14687
14712
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14688
14713
 
14689
- function add_css$7(target) {
14714
+ function add_css$8(target) {
14690
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}");
14691
14716
  }
14692
14717
 
14693
- // (89:2) {#if hasLabel}
14718
+ // (91:2) {#if hasLabel}
14694
14719
  function create_if_block$3(ctx) {
14695
14720
  let span;
14696
14721
  let t;
@@ -14720,7 +14745,7 @@ function create_if_block$3(ctx) {
14720
14745
  };
14721
14746
  }
14722
14747
 
14723
- // (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} >
14724
14749
  function create_dynamic_element$3(ctx) {
14725
14750
  let svelte_element;
14726
14751
  let span;
@@ -14882,6 +14907,7 @@ function instance$8($$self, $$props, $$invalidate) {
14882
14907
  let { layerId = '' } = $$props;
14883
14908
  let { eventName = '' } = $$props;
14884
14909
  let { eventValue = undefined } = $$props;
14910
+ useInjectCustomizeCss(props);
14885
14911
 
14886
14912
  const { attributes, element, handleClick } = useClickable({
14887
14913
  onClick: { operation: 'closeApp', args: ['button'] },
@@ -14978,18 +15004,18 @@ class CloseButton extends SvelteComponent {
14978
15004
  eventName: 12,
14979
15005
  eventValue: 13
14980
15006
  },
14981
- add_css$7
15007
+ add_css$8
14982
15008
  );
14983
15009
  }
14984
15010
  }
14985
15011
 
14986
15012
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
14987
15013
 
14988
- function add_css$6(target) {
15014
+ function add_css$7(target) {
14989
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}");
14990
15016
  }
14991
15017
 
14992
- // (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} >
14993
15019
  function create_dynamic_element$2(ctx) {
14994
15020
  let svelte_element;
14995
15021
  let object;
@@ -15126,6 +15152,7 @@ function instance$7($$self, $$props, $$invalidate) {
15126
15152
  let objectStyle;
15127
15153
  let { props = {} } = $$props;
15128
15154
  let { layerId = '' } = $$props;
15155
+ useInjectCustomizeCss(props);
15129
15156
  const { attributes, element, handleClick } = useClickable(props);
15130
15157
 
15131
15158
  $$self.$$set = $$props => {
@@ -15153,17 +15180,17 @@ function instance$7($$self, $$props, $$invalidate) {
15153
15180
  class Image extends SvelteComponent {
15154
15181
  constructor(options) {
15155
15182
  super();
15156
- 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);
15157
15184
  }
15158
15185
  }
15159
15186
 
15160
15187
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15161
15188
 
15162
- function add_css$5(target) {
15189
+ function add_css$6(target) {
15163
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}");
15164
15191
  }
15165
15192
 
15166
- // (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} >
15167
15194
  function create_dynamic_element$1(ctx) {
15168
15195
  let svelte_element;
15169
15196
  let current;
@@ -15316,6 +15343,7 @@ function instance$6($$self, $$props, $$invalidate) {
15316
15343
  let { $$slots: slots = {}, $$scope } = $$props;
15317
15344
  let { props = {} } = $$props;
15318
15345
  let { layerId = '' } = $$props;
15346
+ useInjectCustomizeCss(props);
15319
15347
  const { attributes, element, handleClick } = useClickable(props);
15320
15348
 
15321
15349
  $$self.$$set = $$props => {
@@ -15352,7 +15380,7 @@ function instance$6($$self, $$props, $$invalidate) {
15352
15380
  class Layout extends SvelteComponent {
15353
15381
  constructor(options) {
15354
15382
  super();
15355
- 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);
15356
15384
  }
15357
15385
  }
15358
15386
 
@@ -15363,7 +15391,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
15363
15391
 
15364
15392
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
15365
15393
 
15366
- function add_css$4(target) {
15394
+ function add_css$5(target) {
15367
15395
  append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
15368
15396
  }
15369
15397
 
@@ -15783,7 +15811,7 @@ function instance$5($$self, $$props, $$invalidate) {
15783
15811
  class Slider extends SvelteComponent {
15784
15812
  constructor(options) {
15785
15813
  super();
15786
- 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]);
15787
15815
  }
15788
15816
  }
15789
15817
 
@@ -15871,7 +15899,7 @@ const TEXT_THEME_STYLES = {
15871
15899
 
15872
15900
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
15873
15901
 
15874
- function add_css$3(target) {
15902
+ function add_css$4(target) {
15875
15903
  append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
15876
15904
  }
15877
15905
 
@@ -15912,6 +15940,7 @@ function instance$4($$self, $$props, $$invalidate) {
15912
15940
  let style;
15913
15941
  let { props = { content: '' } } = $$props;
15914
15942
  let { layerId = '' } = $$props;
15943
+ useInjectCustomizeCss(props);
15915
15944
 
15916
15945
  if (props.fontFamily) {
15917
15946
  addFont(props.fontFamily);
@@ -15961,7 +15990,7 @@ function instance$4($$self, $$props, $$invalidate) {
15961
15990
  class Text extends SvelteComponent {
15962
15991
  constructor(options) {
15963
15992
  super();
15964
- 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);
15965
15994
  }
15966
15995
  }
15967
15996
 
@@ -16029,11 +16058,11 @@ const TEXT_LINK_THEME_STYLES = {
16029
16058
 
16030
16059
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
16031
16060
 
16032
- function add_css$2(target) {
16061
+ function add_css$3(target) {
16033
16062
  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}");
16034
16063
  }
16035
16064
 
16036
- // (67:2) {#if props.isIcon && props.iconVariant}
16065
+ // (69:2) {#if props.isIcon && props.iconVariant}
16037
16066
  function create_if_block$2(ctx) {
16038
16067
  let icon;
16039
16068
  let current;
@@ -16084,7 +16113,7 @@ function create_if_block$2(ctx) {
16084
16113
  };
16085
16114
  }
16086
16115
 
16087
- // (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} >
16088
16117
  function create_dynamic_element(ctx) {
16089
16118
  let svelte_element;
16090
16119
  let t;
@@ -16248,6 +16277,7 @@ function instance$3($$self, $$props, $$invalidate) {
16248
16277
  let style;
16249
16278
  let { props = { label: '' } } = $$props;
16250
16279
  let { layerId = '' } = $$props;
16280
+ useInjectCustomizeCss(props);
16251
16281
  const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
16252
16282
  const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
16253
16283
  const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
@@ -16318,7 +16348,7 @@ function instance$3($$self, $$props, $$invalidate) {
16318
16348
  class TextLink extends SvelteComponent {
16319
16349
  constructor(options) {
16320
16350
  super();
16321
- 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);
16322
16352
  }
16323
16353
  }
16324
16354
 
@@ -16344,7 +16374,7 @@ const TEXT_LINK_UNDERLINE = {
16344
16374
 
16345
16375
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
16346
16376
 
16347
- function add_css$1(target) {
16377
+ function add_css$2(target) {
16348
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}");
16349
16379
  }
16350
16380
 
@@ -16434,13 +16464,13 @@ function instance$2($$self, $$props, $$invalidate) {
16434
16464
  class BackgroundOverlay extends SvelteComponent {
16435
16465
  constructor(options) {
16436
16466
  super();
16437
- 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);
16438
16468
  }
16439
16469
  }
16440
16470
 
16441
16471
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
16442
16472
 
16443
- function add_css(target) {
16473
+ function add_css$1(target) {
16444
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}}");
16445
16475
  }
16446
16476
 
@@ -17062,13 +17092,17 @@ class Modal extends SvelteComponent {
17062
17092
  closeEventName: 16,
17063
17093
  closeEventValue: 17
17064
17094
  },
17065
- add_css
17095
+ add_css$1
17066
17096
  );
17067
17097
  }
17068
17098
  }
17069
17099
 
17070
17100
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
17071
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
+
17072
17106
  function create_fragment(ctx) {
17073
17107
  let div;
17074
17108
  let raw_value = /*props*/ ctx[0].rawHtml + "";
@@ -17076,13 +17110,19 @@ function create_fragment(ctx) {
17076
17110
  return {
17077
17111
  c() {
17078
17112
  div = element("div");
17113
+ attr(div, "class", "code svelte-igivoz");
17114
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17079
17115
  },
17080
17116
  m(target, anchor) {
17081
17117
  insert(target, div, anchor);
17082
17118
  div.innerHTML = raw_value;
17083
17119
  },
17084
17120
  p(ctx, [dirty]) {
17085
- 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
+ },
17086
17126
  i: noop,
17087
17127
  o: noop,
17088
17128
  d(detaching) {
@@ -17091,46 +17131,59 @@ function create_fragment(ctx) {
17091
17131
  };
17092
17132
  }
17093
17133
 
17134
+ function unescapeBraces(str) {
17135
+ if (!str) return str;
17136
+ return str.replace(/\\([{}])/g, '$1');
17137
+ }
17138
+
17094
17139
  function instance($$self, $$props, $$invalidate) {
17095
17140
  let { props = {} } = $$props;
17141
+ let { layerId = '' } = $$props;
17096
17142
 
17097
- // JavaScriptの実行を安全に行う関数
17098
17143
  function injectJavaScript() {
17099
17144
  const script = document.createElement('script');
17100
- script.textContent = props.rawScript;
17101
-
17102
- // 動的に作成したスクリプトを挿入
17145
+ script.type = 'text/javascript';
17146
+ script.textContent = unescapeBraces(props.rawScript);
17103
17147
  document.body.appendChild(script);
17104
17148
 
17105
- // スクリプトの削除
17106
17149
  return () => {
17107
17150
  document.body.removeChild(script);
17108
17151
  };
17109
17152
  }
17110
17153
 
17111
- // コンポーネントがマウントされた時に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
+
17112
17164
  onMount$1(() => {
17113
- if (props.rawScript) {
17114
- const removeScript = injectJavaScript();
17165
+ const removeScript = injectJavaScript();
17166
+ const removeCss = injectCss();
17115
17167
 
17116
- // コンポーネントが破棄された時にスクリプトも削除
17117
- return () => {
17118
- removeScript();
17119
- };
17120
- }
17168
+ // コンポーネントが破棄された時にスクリプトも削除
17169
+ return () => {
17170
+ removeScript();
17171
+ removeCss();
17172
+ };
17121
17173
  });
17122
17174
 
17123
17175
  $$self.$$set = $$props => {
17124
17176
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
17177
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
17125
17178
  };
17126
17179
 
17127
- return [props];
17180
+ return [props, layerId];
17128
17181
  }
17129
17182
 
17130
17183
  class Code extends SvelteComponent {
17131
17184
  constructor(options) {
17132
17185
  super();
17133
- 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);
17134
17187
  }
17135
17188
  }
17136
17189