@plaidev/karte-action-sdk 1.1.241 → 1.1.242-28708542.18985484

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/dist/hydrate/index.es.d.ts +28 -43
  2. package/dist/hydrate/index.es.js +379 -250
  3. package/dist/index.es.d.ts +28 -43
  4. package/dist/index.es.js +379 -250
  5. package/package.json +1 -1
  6. package/meta/karte-action-sdk.api.json +0 -8155
package/dist/index.es.js CHANGED
@@ -3072,7 +3072,7 @@ class State extends SvelteComponent {
3072
3072
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3073
3073
 
3074
3074
  function add_css$F(target) {
3075
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3075
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3076
3076
  }
3077
3077
 
3078
3078
  // (23:0) {#if $state === path}
@@ -3089,7 +3089,7 @@ function create_if_block$e(ctx) {
3089
3089
  t = space();
3090
3090
  if (default_slot) default_slot.c();
3091
3091
  attr(div, "data-state-path", /*path*/ ctx[0]);
3092
- attr(div, "class", "state-item svelte-1amihue");
3092
+ attr(div, "class", "state-item svelte-2qb6dm");
3093
3093
  },
3094
3094
  m(target, anchor) {
3095
3095
  insert(target, div, anchor);
@@ -3411,7 +3411,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3411
3411
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3412
3412
 
3413
3413
  function add_css$E(target) {
3414
- append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3414
+ 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}");
3415
3415
  }
3416
3416
 
3417
3417
  // (14:0) {#if backgroundOverlay}
@@ -3424,7 +3424,7 @@ function create_if_block$d(ctx) {
3424
3424
  return {
3425
3425
  c() {
3426
3426
  div = element("div");
3427
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3427
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3428
3428
  },
3429
3429
  m(target, anchor) {
3430
3430
  insert(target, div, anchor);
@@ -3435,7 +3435,7 @@ function create_if_block$d(ctx) {
3435
3435
  }
3436
3436
  },
3437
3437
  p(ctx, dirty) {
3438
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3438
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3439
3439
  attr(div, "class", div_class_value);
3440
3440
  }
3441
3441
  },
@@ -3541,7 +3541,7 @@ function checkStopPropagation(eventName, handler) {
3541
3541
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3542
3542
 
3543
3543
  function add_css$D(target) {
3544
- append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
3544
+ 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}");
3545
3545
  }
3546
3546
 
3547
3547
  // (50:0) {:else}
@@ -3570,7 +3570,7 @@ function create_else_block$5(ctx) {
3570
3570
  button = element("button");
3571
3571
  if (default_slot) default_slot.c();
3572
3572
  set_attributes(button, button_data);
3573
- toggle_class(button, "svelte-1kmu8zp", true);
3573
+ toggle_class(button, "svelte-15k4deh", true);
3574
3574
  },
3575
3575
  m(target, anchor) {
3576
3576
  insert(target, button, anchor);
@@ -3609,7 +3609,7 @@ function create_else_block$5(ctx) {
3609
3609
  dataAttrStopPropagation('click')
3610
3610
  ]));
3611
3611
 
3612
- toggle_class(button, "svelte-1kmu8zp", true);
3612
+ toggle_class(button, "svelte-15k4deh", true);
3613
3613
  },
3614
3614
  i(local) {
3615
3615
  if (current) return;
@@ -3640,7 +3640,7 @@ function create_if_block_2$2(ctx) {
3640
3640
  c() {
3641
3641
  div = element("div");
3642
3642
  if (default_slot) default_slot.c();
3643
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3643
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3644
3644
  attr(div, "style", /*style*/ ctx[1]);
3645
3645
  },
3646
3646
  m(target, anchor) {
@@ -3724,7 +3724,7 @@ function create_if_block_1$3(ctx) {
3724
3724
  a = element("a");
3725
3725
  if (default_slot) default_slot.c();
3726
3726
  set_attributes(a, a_data);
3727
- toggle_class(a, "svelte-1kmu8zp", true);
3727
+ toggle_class(a, "svelte-15k4deh", true);
3728
3728
  },
3729
3729
  m(target, anchor) {
3730
3730
  insert(target, a, anchor);
@@ -3766,7 +3766,7 @@ function create_if_block_1$3(ctx) {
3766
3766
  dataAttrStopPropagation('click')
3767
3767
  ]));
3768
3768
 
3769
- toggle_class(a, "svelte-1kmu8zp", true);
3769
+ toggle_class(a, "svelte-15k4deh", true);
3770
3770
  },
3771
3771
  i(local) {
3772
3772
  if (current) return;
@@ -3797,7 +3797,7 @@ function create_if_block$c(ctx) {
3797
3797
  c() {
3798
3798
  div = element("div");
3799
3799
  if (default_slot) default_slot.c();
3800
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3800
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3801
3801
  attr(div, "style", /*style*/ ctx[1]);
3802
3802
  },
3803
3803
  m(target, anchor) {
@@ -4001,7 +4001,7 @@ let Button$1 = class Button extends SvelteComponent {
4001
4001
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4002
4002
 
4003
4003
  function add_css$C(target) {
4004
- append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .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-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{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-1i2vo31{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-1i2vo31{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}}");
4004
+ 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}}");
4005
4005
  }
4006
4006
 
4007
4007
  // (277:0) {:else}
@@ -4151,7 +4151,7 @@ function create_if_block$b(ctx) {
4151
4151
  c() {
4152
4152
  div = element("div");
4153
4153
  create_component(button.$$.fragment);
4154
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4154
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4155
4155
  attr(div, "role", "dialog");
4156
4156
  attr(div, "aria-modal", "true");
4157
4157
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4175,7 +4175,7 @@ function create_if_block$b(ctx) {
4175
4175
 
4176
4176
  button.$set(button_changes);
4177
4177
 
4178
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4178
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4179
4179
  attr(div, "class", div_class_value);
4180
4180
  }
4181
4181
  },
@@ -4229,7 +4229,7 @@ function create_if_block_1$2(ctx) {
4229
4229
  c() {
4230
4230
  div = element("div");
4231
4231
  create_component(button.$$.fragment);
4232
- attr(div, "class", "close svelte-1i2vo31");
4232
+ attr(div, "class", "close svelte-1ijkyzl");
4233
4233
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4234
4234
  },
4235
4235
  m(target, anchor) {
@@ -4318,7 +4318,7 @@ function create_default_slot$6(ctx) {
4318
4318
  t = space();
4319
4319
  div = element("div");
4320
4320
  if (default_slot) default_slot.c();
4321
- attr(div, "class", "modal-content svelte-1i2vo31");
4321
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4322
4322
  attr(div, "style", /*_style*/ ctx[5]);
4323
4323
  },
4324
4324
  m(target, anchor) {
@@ -4968,7 +4968,7 @@ class Grid extends SvelteComponent {
4968
4968
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4969
4969
 
4970
4970
  function add_css$B(target) {
4971
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4971
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4972
4972
  }
4973
4973
 
4974
4974
  function create_fragment$13(ctx) {
@@ -4983,8 +4983,8 @@ function create_fragment$13(ctx) {
4983
4983
  div1 = element("div");
4984
4984
  div0 = element("div");
4985
4985
  if (default_slot) default_slot.c();
4986
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4987
- attr(div1, "class", "grid-item svelte-1cryhmb");
4986
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4987
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4988
4988
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4989
4989
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4990
4990
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5289,7 +5289,7 @@ class RenderText extends SvelteComponent {
5289
5289
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5290
5290
 
5291
5291
  function add_css$A(target) {
5292
- append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{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-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{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-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
5292
+ 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}");
5293
5293
  }
5294
5294
 
5295
5295
  // (94:2) {:else}
@@ -5306,8 +5306,8 @@ function create_else_block$2(ctx) {
5306
5306
  div1 = element("div");
5307
5307
  div0 = element("div");
5308
5308
  create_component(rendertext.$$.fragment);
5309
- attr(div0, "class", "text-element-inner svelte-vz6867");
5310
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5309
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5310
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5311
5311
  attr(div1, "style", /*style*/ ctx[5]);
5312
5312
  },
5313
5313
  m(target, anchor) {
@@ -5321,7 +5321,7 @@ function create_else_block$2(ctx) {
5321
5321
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5322
5322
  rendertext.$set(rendertext_changes);
5323
5323
 
5324
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5324
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5325
5325
  attr(div1, "class", div1_class_value);
5326
5326
  }
5327
5327
 
@@ -5371,12 +5371,12 @@ function create_if_block$9(ctx) {
5371
5371
  t2 = space();
5372
5372
  div2 = element("div");
5373
5373
  div2.textContent = "コピーできませんでした";
5374
- attr(div0, "class", "text-element-inner svelte-vz6867");
5374
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5375
5375
  attr(a, "href", '');
5376
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5376
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5377
5377
  attr(a, "style", /*style*/ ctx[5]);
5378
- attr(div1, "class", "tooltip svelte-vz6867");
5379
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5378
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5379
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5380
5380
  },
5381
5381
  m(target, anchor) {
5382
5382
  insert(target, a, anchor);
@@ -5400,7 +5400,7 @@ function create_if_block$9(ctx) {
5400
5400
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5401
5401
  rendertext.$set(rendertext_changes);
5402
5402
 
5403
- if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5403
+ if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5404
5404
  attr(a, "class", a_class_value);
5405
5405
  }
5406
5406
 
@@ -5452,7 +5452,7 @@ function create_fragment$11(ctx) {
5452
5452
  c() {
5453
5453
  div = element("div");
5454
5454
  if_block.c();
5455
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5455
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5456
5456
  },
5457
5457
  m(target, anchor) {
5458
5458
  insert(target, div, anchor);
@@ -5618,7 +5618,7 @@ class TextElement extends SvelteComponent {
5618
5618
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5619
5619
 
5620
5620
  function add_css$z(target) {
5621
- append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .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-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5621
+ 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)}");
5622
5622
  }
5623
5623
 
5624
5624
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5674,7 +5674,7 @@ function create_fragment$10(ctx) {
5674
5674
  c() {
5675
5675
  div = element("div");
5676
5676
  create_component(button.$$.fragment);
5677
- attr(div, "class", "text-button-element svelte-ujdxfc");
5677
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5678
5678
  },
5679
5679
  m(target, anchor) {
5680
5680
  insert(target, div, anchor);
@@ -5766,7 +5766,7 @@ class TextButtonElement extends SvelteComponent {
5766
5766
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5767
5767
 
5768
5768
  function add_css$y(target) {
5769
- append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .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-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .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-1alkh1m{width:100%;height:100%}");
5769
+ 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%}");
5770
5770
  }
5771
5771
 
5772
5772
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5778,7 +5778,7 @@ function create_default_slot$4(ctx) {
5778
5778
  return {
5779
5779
  c() {
5780
5780
  img = element("img");
5781
- attr(img, "class", "image svelte-1alkh1m");
5781
+ attr(img, "class", "image svelte-t6tu0e");
5782
5782
  attr(img, "loading", "lazy");
5783
5783
  attr(img, "width", "auto");
5784
5784
  attr(img, "height", "auto");
@@ -5840,7 +5840,7 @@ function create_fragment$$(ctx) {
5840
5840
  c() {
5841
5841
  div = element("div");
5842
5842
  create_component(button.$$.fragment);
5843
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5843
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5844
5844
  },
5845
5845
  m(target, anchor) {
5846
5846
  insert(target, div, anchor);
@@ -5859,7 +5859,7 @@ function create_fragment$$(ctx) {
5859
5859
 
5860
5860
  button.$set(button_changes);
5861
5861
 
5862
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5862
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5863
5863
  attr(div, "class", div_class_value);
5864
5864
  }
5865
5865
  },
@@ -5931,7 +5931,7 @@ class ImageElement extends SvelteComponent {
5931
5931
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5932
5932
 
5933
5933
  function add_css$x(target) {
5934
- append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5934
+ 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}");
5935
5935
  }
5936
5936
 
5937
5937
  function create_fragment$_(ctx) {
@@ -5944,7 +5944,7 @@ function create_fragment$_(ctx) {
5944
5944
  c() {
5945
5945
  div = element("div");
5946
5946
  if (default_slot) default_slot.c();
5947
- attr(div, "class", "list svelte-1t8r9z");
5947
+ attr(div, "class", "list svelte-aquv6z");
5948
5948
  attr(div, "style", /*style*/ ctx[0]);
5949
5949
  },
5950
5950
  m(target, anchor) {
@@ -6078,7 +6078,7 @@ class List extends SvelteComponent {
6078
6078
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6079
6079
 
6080
6080
  function add_css$w(target) {
6081
- append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6081
+ 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}");
6082
6082
  }
6083
6083
 
6084
6084
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6148,7 +6148,7 @@ function create_fragment$Z(ctx) {
6148
6148
  c() {
6149
6149
  div = element("div");
6150
6150
  create_component(button.$$.fragment);
6151
- attr(div, "class", "list-item svelte-1lbw8v2");
6151
+ attr(div, "class", "list-item svelte-9n97pe");
6152
6152
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6153
6153
  },
6154
6154
  m(target, anchor) {
@@ -6274,7 +6274,7 @@ class ListItem extends SvelteComponent {
6274
6274
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6275
6275
 
6276
6276
  function add_css$v(target) {
6277
- append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6277
+ 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}");
6278
6278
  }
6279
6279
 
6280
6280
  function create_fragment$Y(ctx) {
@@ -6283,7 +6283,7 @@ function create_fragment$Y(ctx) {
6283
6283
  return {
6284
6284
  c() {
6285
6285
  div = element("div");
6286
- attr(div, "class", "embed svelte-w6jkzh");
6286
+ attr(div, "class", "embed svelte-wocq4p");
6287
6287
  attr(div, "style", /*_style*/ ctx[1]);
6288
6288
  },
6289
6289
  m(target, anchor) {
@@ -6326,7 +6326,7 @@ class EmbedElement extends SvelteComponent {
6326
6326
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6327
6327
 
6328
6328
  function add_css$u(target) {
6329
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{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-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6329
+ 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%}");
6330
6330
  }
6331
6331
 
6332
6332
  function create_fragment$X(ctx) {
@@ -6338,7 +6338,7 @@ function create_fragment$X(ctx) {
6338
6338
  div1 = element("div");
6339
6339
  div0 = element("div");
6340
6340
  attr(div0, "class", "karte-player");
6341
- attr(div1, "class", "embed svelte-ljxq7x");
6341
+ attr(div1, "class", "embed svelte-vikz49");
6342
6342
  attr(div1, "style", /*_style*/ ctx[0]);
6343
6343
  },
6344
6344
  m(target, anchor) {
@@ -6680,7 +6680,7 @@ class MovieYouTubeElement extends SvelteComponent {
6680
6680
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6681
6681
 
6682
6682
  function add_css$t(target) {
6683
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{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-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6683
+ 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%}");
6684
6684
  }
6685
6685
 
6686
6686
  function create_fragment$W(ctx) {
@@ -6692,7 +6692,7 @@ function create_fragment$W(ctx) {
6692
6692
  div1 = element("div");
6693
6693
  div0 = element("div");
6694
6694
  attr(div0, "class", "karte-player");
6695
- attr(div1, "class", "embed svelte-ljxq7x");
6695
+ attr(div1, "class", "embed svelte-vikz49");
6696
6696
  attr(div1, "style", /*_style*/ ctx[0]);
6697
6697
  },
6698
6698
  m(target, anchor) {
@@ -6876,7 +6876,7 @@ class MovieVimeoElement extends SvelteComponent {
6876
6876
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6877
6877
 
6878
6878
  function add_css$s(target) {
6879
- append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{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-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
6879
+ 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}");
6880
6880
  }
6881
6881
 
6882
6882
  function create_fragment$V(ctx) {
@@ -6889,12 +6889,12 @@ function create_fragment$V(ctx) {
6889
6889
  c() {
6890
6890
  div = element("div");
6891
6891
  textarea = element("textarea");
6892
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6892
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6893
6893
  textarea.value = /*$value*/ ctx[4];
6894
6894
  textarea.required = /*required*/ ctx[1];
6895
6895
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6896
6896
  attr(textarea, "style", /*style*/ ctx[3]);
6897
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6897
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6898
6898
  attr(div, "style", /*styleVariables*/ ctx[2]);
6899
6899
  },
6900
6900
  m(target, anchor) {
@@ -7046,7 +7046,7 @@ class FormTextarea extends SvelteComponent {
7046
7046
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7047
7047
 
7048
7048
  function add_css$r(target) {
7049
- append_styles(target, "svelte-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{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-1ntb6j8: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-1ntb6j8{margin-left:0.5em}");
7049
+ 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}");
7050
7050
  }
7051
7051
 
7052
7052
  function get_each_context$5(ctx, list, i) {
@@ -7080,14 +7080,14 @@ function create_each_block$5(ctx) {
7080
7080
  t1 = text(t1_value);
7081
7081
  t2 = space();
7082
7082
  attr(input, "type", "radio");
7083
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7083
+ attr(input, "class", "radio-button-input svelte-17s08g");
7084
7084
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7085
7085
  attr(input, "name", /*name*/ ctx[0]);
7086
7086
  input.value = input_value_value = /*option*/ ctx[17];
7087
7087
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7088
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7088
+ attr(span, "class", "radio-button-text svelte-17s08g");
7089
7089
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7090
- attr(label, "class", "radio-button svelte-1ntb6j8");
7090
+ attr(label, "class", "radio-button svelte-17s08g");
7091
7091
  },
7092
7092
  m(target, anchor) {
7093
7093
  insert(target, label, anchor);
@@ -7152,7 +7152,7 @@ function create_fragment$U(ctx) {
7152
7152
  each_blocks[i].c();
7153
7153
  }
7154
7154
 
7155
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7155
+ attr(div, "class", "radio-buttons svelte-17s08g");
7156
7156
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7157
7157
  },
7158
7158
  m(target, anchor) {
@@ -7321,7 +7321,7 @@ class FormRadioButtons extends SvelteComponent {
7321
7321
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7322
7322
 
7323
7323
  function add_css$q(target) {
7324
- append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{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-iejizj: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-iejizj{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}");
7324
+ 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}");
7325
7325
  }
7326
7326
 
7327
7327
  function get_each_context$4(ctx, list, i) {
@@ -7455,10 +7455,10 @@ function create_fragment$T(ctx) {
7455
7455
 
7456
7456
  t = space();
7457
7457
  div0 = element("div");
7458
- attr(select, "class", "select-select svelte-iejizj");
7458
+ attr(select, "class", "select-select svelte-t9ynyj");
7459
7459
  attr(select, "style", /*style*/ ctx[3]);
7460
- attr(div0, "class", "select-icon svelte-iejizj");
7461
- attr(div1, "class", "select svelte-iejizj");
7460
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7461
+ attr(div1, "class", "select svelte-t9ynyj");
7462
7462
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7463
7463
  },
7464
7464
  m(target, anchor) {
@@ -7660,7 +7660,7 @@ class FormSelect extends SvelteComponent {
7660
7660
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7661
7661
 
7662
7662
  function add_css$p(target) {
7663
- append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{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-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us: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-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7663
+ 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}");
7664
7664
  }
7665
7665
 
7666
7666
  function get_each_context$3(ctx, list, i) {
@@ -7699,19 +7699,19 @@ function create_each_block$3(ctx) {
7699
7699
  span2 = element("span");
7700
7700
  t2 = text(t2_value);
7701
7701
  t3 = space();
7702
- attr(input, "class", "check-box-input svelte-2pz1us");
7702
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7703
7703
  attr(input, "type", "checkbox");
7704
7704
  attr(input, "name", /*name*/ ctx[0]);
7705
7705
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7706
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7706
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7707
7707
 
7708
7708
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7709
7709
  ? ' _checked'
7710
- : ''}`) + " svelte-2pz1us"));
7710
+ : ''}`) + " svelte-1p65cg8"));
7711
7711
 
7712
- attr(span2, "class", "check-box-text svelte-2pz1us");
7712
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7713
7713
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7714
- attr(label, "class", "check-box svelte-2pz1us");
7714
+ attr(label, "class", "check-box svelte-1p65cg8");
7715
7715
  attr(label, "style", /*styleVariables*/ ctx[5]);
7716
7716
  },
7717
7717
  m(target, anchor) {
@@ -7743,7 +7743,7 @@ function create_each_block$3(ctx) {
7743
7743
 
7744
7744
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7745
7745
  ? ' _checked'
7746
- : ''}`) + " svelte-2pz1us"))) {
7746
+ : ''}`) + " svelte-1p65cg8"))) {
7747
7747
  attr(span1, "class", span1_class_value);
7748
7748
  }
7749
7749
 
@@ -7782,7 +7782,7 @@ function create_fragment$S(ctx) {
7782
7782
  each_blocks[i].c();
7783
7783
  }
7784
7784
 
7785
- attr(div, "class", "check-boxes svelte-2pz1us");
7785
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7786
7786
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7787
7787
  },
7788
7788
  m(target, anchor) {
@@ -7957,7 +7957,7 @@ class FormCheckBoxes extends SvelteComponent {
7957
7957
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7958
7958
 
7959
7959
  function add_css$o(target) {
7960
- append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{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}");
7960
+ 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}");
7961
7961
  }
7962
7962
 
7963
7963
  function get_each_context$2(ctx, list, i) {
@@ -7981,7 +7981,7 @@ function create_each_block$2(ctx) {
7981
7981
  button = element("button");
7982
7982
  t0 = text(t0_value);
7983
7983
  t1 = space();
7984
- attr(button, "class", "rating-button svelte-9idbf1");
7984
+ attr(button, "class", "rating-button svelte-1iqf36p");
7985
7985
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
7986
7986
  },
7987
7987
  m(target, anchor) {
@@ -8030,7 +8030,7 @@ function create_fragment$R(ctx) {
8030
8030
  each_blocks[i].c();
8031
8031
  }
8032
8032
 
8033
- attr(div, "class", "rating-buttons svelte-9idbf1");
8033
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8034
8034
  },
8035
8035
  m(target, anchor) {
8036
8036
  insert(target, div, anchor);
@@ -8174,7 +8174,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8174
8174
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8175
8175
 
8176
8176
  function add_css$n(target) {
8177
- append_styles(target, "svelte-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw:not(._active){filter:grayscale(100%)}");
8177
+ 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%)}");
8178
8178
  }
8179
8179
 
8180
8180
  function get_each_context$1(ctx, list, i) {
@@ -8199,9 +8199,9 @@ function create_each_block$1(ctx) {
8199
8199
  img = element("img");
8200
8200
  t = space();
8201
8201
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8202
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8202
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8203
8203
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8204
- attr(button, "class", "rating-button svelte-1b5dvzw");
8204
+ attr(button, "class", "rating-button svelte-tbunko");
8205
8205
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8206
8206
  },
8207
8207
  m(target, anchor) {
@@ -8217,7 +8217,7 @@ function create_each_block$1(ctx) {
8217
8217
  p(new_ctx, dirty) {
8218
8218
  ctx = new_ctx;
8219
8219
 
8220
- if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"))) {
8220
+ if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
8221
8221
  attr(img, "class", img_class_value);
8222
8222
  }
8223
8223
 
@@ -8250,7 +8250,7 @@ function create_fragment$Q(ctx) {
8250
8250
  each_blocks[i].c();
8251
8251
  }
8252
8252
 
8253
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8253
+ attr(div, "class", "rating-buttons svelte-tbunko");
8254
8254
  },
8255
8255
  m(target, anchor) {
8256
8256
  insert(target, div, anchor);
@@ -8358,7 +8358,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8358
8358
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8359
8359
 
8360
8360
  function add_css$m(target) {
8361
- append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{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-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5: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-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8361
+ 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}");
8362
8362
  }
8363
8363
 
8364
8364
  function create_fragment$P(ctx) {
@@ -8372,13 +8372,13 @@ function create_fragment$P(ctx) {
8372
8372
  c() {
8373
8373
  div = element("div");
8374
8374
  input = element("input");
8375
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8375
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8376
8376
  attr(input, "type", "text");
8377
8377
  input.value = /*$value*/ ctx[2];
8378
8378
  input.required = /*required*/ ctx[0];
8379
8379
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8380
8380
  attr(input, "style", /*style*/ ctx[5]);
8381
- attr(div, "class", "input-wrapper svelte-f14zo5");
8381
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8382
8382
  attr(div, "style", /*styleVariables*/ ctx[4]);
8383
8383
  },
8384
8384
  m(target, anchor) {
@@ -8391,7 +8391,7 @@ function create_fragment$P(ctx) {
8391
8391
  }
8392
8392
  },
8393
8393
  p(ctx, [dirty]) {
8394
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8394
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8395
8395
  attr(input, "class", input_class_value);
8396
8396
  }
8397
8397
 
@@ -8579,7 +8579,7 @@ class FormIdentifyInput extends SvelteComponent {
8579
8579
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8580
8580
 
8581
8581
  function add_css$l(target) {
8582
- append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{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-pzrwlo: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-pzrwlo{margin-left:0.5em}");
8582
+ 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}");
8583
8583
  }
8584
8584
 
8585
8585
  function create_fragment$O(ctx) {
@@ -8617,20 +8617,20 @@ function create_fragment$O(ctx) {
8617
8617
  span1 = element("span");
8618
8618
  t4 = text("いいえ");
8619
8619
  attr(input0, "type", "radio");
8620
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8620
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8621
8621
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8622
8622
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8623
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8623
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8624
8624
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8625
- attr(label0, "class", "radio-button svelte-pzrwlo");
8625
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8626
8626
  attr(input1, "type", "radio");
8627
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8627
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8628
8628
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8629
8629
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8630
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8630
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8631
8631
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8632
- attr(label1, "class", "radio-button svelte-pzrwlo");
8633
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8632
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8633
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8634
8634
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8635
8635
  },
8636
8636
  m(target, anchor) {
@@ -8798,7 +8798,7 @@ class FormIdentifyChoices extends SvelteComponent {
8798
8798
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8799
8799
 
8800
8800
  function add_css$k(target) {
8801
- append_styles(target, "svelte-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{border-radius:51%}");
8801
+ 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%}");
8802
8802
  }
8803
8803
 
8804
8804
  function get_each_context(ctx, list, i) {
@@ -8827,9 +8827,9 @@ function create_if_block_1$1(ctx) {
8827
8827
  attr(svg, "viewBox", "0 0 10 16");
8828
8828
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8829
8829
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8830
- attr(button, "class", "move-button svelte-1qfq79t");
8830
+ attr(button, "class", "move-button svelte-ji1fh");
8831
8831
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8832
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8832
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8833
8833
  },
8834
8834
  m(target, anchor) {
8835
8835
  insert(target, div, anchor);
@@ -8878,9 +8878,9 @@ function create_if_block$7(ctx) {
8878
8878
  attr(svg, "viewBox", "0 0 10 16");
8879
8879
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8880
8880
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8881
- attr(button, "class", "move-button svelte-1qfq79t");
8881
+ attr(button, "class", "move-button svelte-ji1fh");
8882
8882
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8883
- attr(div, "class", "next-button-container svelte-1qfq79t");
8883
+ attr(div, "class", "next-button-container svelte-ji1fh");
8884
8884
  },
8885
8885
  m(target, anchor) {
8886
8886
  insert(target, div, anchor);
@@ -8928,9 +8928,9 @@ function create_each_block(ctx) {
8928
8928
  button = element("button");
8929
8929
  div = element("div");
8930
8930
  t = space();
8931
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8931
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8932
8932
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8933
- attr(button, "class", "navigation-item svelte-1qfq79t");
8933
+ attr(button, "class", "navigation-item svelte-ji1fh");
8934
8934
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8935
8935
  },
8936
8936
  m(target, anchor) {
@@ -9007,14 +9007,14 @@ function create_fragment$N(ctx) {
9007
9007
  each_blocks[i].c();
9008
9008
  }
9009
9009
 
9010
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9010
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9011
9011
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9012
- attr(div1, "class", "container svelte-1qfq79t");
9012
+ attr(div1, "class", "container svelte-ji1fh");
9013
9013
  attr(div1, "style", /*_style*/ ctx[0]);
9014
- attr(div2, "class", "navigation svelte-1qfq79t");
9014
+ attr(div2, "class", "navigation svelte-ji1fh");
9015
9015
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9016
9016
  set_attributes(div3, div3_data);
9017
- toggle_class(div3, "svelte-1qfq79t", true);
9017
+ toggle_class(div3, "svelte-ji1fh", true);
9018
9018
  },
9019
9019
  m(target, anchor) {
9020
9020
  insert(target, div3, anchor);
@@ -9056,7 +9056,7 @@ function create_fragment$N(ctx) {
9056
9056
  }
9057
9057
  }
9058
9058
 
9059
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9059
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9060
9060
  attr(div0, "class", div0_class_value);
9061
9061
  }
9062
9062
 
@@ -9122,7 +9122,7 @@ function create_fragment$N(ctx) {
9122
9122
  }
9123
9123
 
9124
9124
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9125
- toggle_class(div3, "svelte-1qfq79t", true);
9125
+ toggle_class(div3, "svelte-ji1fh", true);
9126
9126
  },
9127
9127
  i(local) {
9128
9128
  if (current) return;
@@ -9634,7 +9634,7 @@ class Slide extends SvelteComponent {
9634
9634
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9635
9635
 
9636
9636
  function add_css$j(target) {
9637
- append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
9637
+ 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}");
9638
9638
  }
9639
9639
 
9640
9640
  function create_fragment$M(ctx) {
@@ -9649,9 +9649,9 @@ function create_fragment$M(ctx) {
9649
9649
  div1 = element("div");
9650
9650
  div0 = element("div");
9651
9651
  if (default_slot) default_slot.c();
9652
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9652
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9653
9653
  attr(div0, "style", /*_style*/ ctx[0]);
9654
- attr(div1, "class", "item svelte-1rv0qgo");
9654
+ attr(div1, "class", "item svelte-9ygf1w");
9655
9655
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9656
9656
  },
9657
9657
  m(target, anchor) {
@@ -9777,7 +9777,7 @@ class SlideItem extends SvelteComponent {
9777
9777
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9778
9778
 
9779
9779
  function add_css$i(target) {
9780
- append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9780
+ 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}");
9781
9781
  }
9782
9782
 
9783
9783
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9795,9 +9795,9 @@ function create_fragment$L(ctx) {
9795
9795
  div1 = element("div");
9796
9796
  div0 = element("div");
9797
9797
  if (default_slot) default_slot.c();
9798
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9798
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9799
9799
  attr(div0, "style", /*_style*/ ctx[0]);
9800
- attr(div1, "class", "countdown svelte-t87l6f");
9800
+ attr(div1, "class", "countdown svelte-rroxiz");
9801
9801
  },
9802
9802
  m(target, anchor) {
9803
9803
  insert(target, div1, anchor);
@@ -9931,7 +9931,7 @@ class Countdown extends SvelteComponent {
9931
9931
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9932
9932
 
9933
9933
  function add_css$h(target) {
9934
- append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9934
+ 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}");
9935
9935
  }
9936
9936
 
9937
9937
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10001,7 +10001,7 @@ function create_fragment$K(ctx) {
10001
10001
  c() {
10002
10002
  div = element("div");
10003
10003
  create_component(button.$$.fragment);
10004
- attr(div, "class", "box svelte-1c91vpe");
10004
+ attr(div, "class", "box svelte-1ccydfy");
10005
10005
  },
10006
10006
  m(target, anchor) {
10007
10007
  insert(target, div, anchor);
@@ -10062,7 +10062,7 @@ class Box extends SvelteComponent {
10062
10062
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10063
10063
 
10064
10064
  function add_css$g(target) {
10065
- append_styles(target, "svelte-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .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-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
10065
+ 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)}");
10066
10066
  }
10067
10067
 
10068
10068
  // (56:4) {#if svg}
@@ -10144,7 +10144,7 @@ function create_fragment$J(ctx) {
10144
10144
  c() {
10145
10145
  div = element("div");
10146
10146
  create_component(button.$$.fragment);
10147
- attr(div, "class", "icon svelte-1mk6wi4");
10147
+ attr(div, "class", "icon svelte-1mkvcuo");
10148
10148
  },
10149
10149
  m(target, anchor) {
10150
10150
  insert(target, div, anchor);
@@ -10253,7 +10253,7 @@ class IconElement extends SvelteComponent {
10253
10253
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10254
10254
 
10255
10255
  function add_css$f(target) {
10256
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10256
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10257
10257
  }
10258
10258
 
10259
10259
  function create_fragment$I(ctx) {
@@ -10279,7 +10279,7 @@ function create_fragment$I(ctx) {
10279
10279
  c() {
10280
10280
  div = element("div");
10281
10281
  if (switch_instance) create_component(switch_instance.$$.fragment);
10282
- attr(div, "class", "codeElement svelte-1ng2n51");
10282
+ attr(div, "class", "codeElement svelte-ymsb9l");
10283
10283
  attr(div, "style", /*style*/ ctx[3]);
10284
10284
  },
10285
10285
  m(target, anchor) {
@@ -10368,7 +10368,7 @@ class CodeElement extends SvelteComponent {
10368
10368
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10369
10369
 
10370
10370
  function add_css$e(target) {
10371
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10371
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10372
10372
  }
10373
10373
 
10374
10374
  function create_fragment$H(ctx) {
@@ -10382,7 +10382,7 @@ function create_fragment$H(ctx) {
10382
10382
  c() {
10383
10383
  div = element("div");
10384
10384
  if (default_slot) default_slot.c();
10385
- attr(div, "class", "flex svelte-9v2qdg");
10385
+ attr(div, "class", "flex svelte-1e71ejc");
10386
10386
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10387
10387
  },
10388
10388
  m(target, anchor) {
@@ -10479,7 +10479,7 @@ class Flex extends SvelteComponent {
10479
10479
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10480
10480
 
10481
10481
  function add_css$d(target) {
10482
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10482
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10483
10483
  }
10484
10484
 
10485
10485
  function create_fragment$G(ctx) {
@@ -10492,7 +10492,7 @@ function create_fragment$G(ctx) {
10492
10492
  c() {
10493
10493
  div = element("div");
10494
10494
  if (default_slot) default_slot.c();
10495
- attr(div, "class", "flex-item svelte-164ah5d");
10495
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10496
10496
  attr(div, "style", /*style*/ ctx[0]);
10497
10497
  },
10498
10498
  m(target, anchor) {
@@ -10900,7 +10900,7 @@ class GridModalState extends SvelteComponent {
10900
10900
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10901
10901
 
10902
10902
  function add_css$c(target) {
10903
- append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
10903
+ 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%}");
10904
10904
  }
10905
10905
 
10906
10906
  function create_fragment$E(ctx) {
@@ -10916,8 +10916,8 @@ function create_fragment$E(ctx) {
10916
10916
  div1 = element("div");
10917
10917
  div0 = element("div");
10918
10918
  create_component(rendertext.$$.fragment);
10919
- attr(div0, "class", "text-block-inner svelte-akic2e");
10920
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10919
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10920
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10921
10921
  attr(div1, "style", /*style*/ ctx[2]);
10922
10922
  },
10923
10923
  m(target, anchor) {
@@ -10931,7 +10931,7 @@ function create_fragment$E(ctx) {
10931
10931
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10932
10932
  rendertext.$set(rendertext_changes);
10933
10933
 
10934
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10934
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10935
10935
  attr(div1, "class", div1_class_value);
10936
10936
  }
10937
10937
 
@@ -11009,7 +11009,7 @@ class TextBlock extends SvelteComponent {
11009
11009
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11010
11010
 
11011
11011
  function add_css$b(target) {
11012
- append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{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-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
11012
+ 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)}");
11013
11013
  }
11014
11014
 
11015
11015
  function create_fragment$D(ctx) {
@@ -11026,9 +11026,9 @@ function create_fragment$D(ctx) {
11026
11026
  div = element("div");
11027
11027
  button = element("button");
11028
11028
  create_component(rendertext.$$.fragment);
11029
- attr(button, "class", "text-button svelte-1c34p4n");
11029
+ attr(button, "class", "text-button svelte-ff0k6r");
11030
11030
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11031
- attr(div, "class", "text-button-block svelte-1c34p4n");
11031
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11032
11032
  attr(div, "style", /*_style*/ ctx[2]);
11033
11033
  },
11034
11034
  m(target, anchor) {
@@ -11134,7 +11134,7 @@ class TextButtonBlock extends SvelteComponent {
11134
11134
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11135
11135
 
11136
11136
  function add_css$a(target) {
11137
- append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{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-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
11137
+ 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)}");
11138
11138
  }
11139
11139
 
11140
11140
  function create_fragment$C(ctx) {
@@ -11150,14 +11150,14 @@ function create_fragment$C(ctx) {
11150
11150
  c() {
11151
11151
  div = element("div");
11152
11152
  img = element("img");
11153
- attr(img, "class", "image svelte-1jus6sx");
11153
+ attr(img, "class", "image svelte-1pdw891");
11154
11154
  attr(img, "loading", "lazy");
11155
11155
  attr(img, "width", "auto");
11156
11156
  attr(img, "height", "auto");
11157
11157
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11158
11158
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11159
11159
  attr(img, "alt", /*alt*/ ctx[1]);
11160
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11160
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11161
11161
  attr(div, "style", /*_style*/ ctx[5]);
11162
11162
  },
11163
11163
  m(target, anchor) {
@@ -11182,7 +11182,7 @@ function create_fragment$C(ctx) {
11182
11182
  attr(img, "alt", /*alt*/ ctx[1]);
11183
11183
  }
11184
11184
 
11185
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11185
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11186
11186
  attr(div, "class", div_class_value);
11187
11187
  }
11188
11188
 
@@ -11258,19 +11258,19 @@ class ImageBlock extends SvelteComponent {
11258
11258
  }
11259
11259
  }
11260
11260
 
11261
- const COMPONENT_PARAMETER_TYPES = {
11262
- TEXT: 'text',
11263
- MULTILINE_TEXT: 'multiline_text',
11264
- SELECT: 'select',
11265
- RADIO: 'radio',
11266
- CHECKBOX: 'checkbox',
11267
- BOOLEAN: 'boolean',
11268
- IMAGE: 'image',
11269
- NUMBER: 'number',
11270
- WIDTH: 'width',
11271
- ASPECT: 'aspect',
11272
- COLOR: 'color',
11273
- ICON: 'icon',
11261
+ const SHADOW_VARIANT = {
11262
+ extra_small: 'XSmall',
11263
+ small: 'Small',
11264
+ medium: 'Medium',
11265
+ large: 'Large',
11266
+ };
11267
+ const ROUND_VARIANT = {
11268
+ extra_small: 'XSmall (2px)',
11269
+ small: 'Small (4px)',
11270
+ medium: 'Medium (8px)',
11271
+ large: 'Large (16px)',
11272
+ extra_large: 'Large (24px)',
11273
+ fulled: 'Full (100%)',
11274
11274
  };
11275
11275
 
11276
11276
  const toHyphenCase = (str) => {
@@ -11304,6 +11304,7 @@ const toCssCommon = (p) => {
11304
11304
  };
11305
11305
  };
11306
11306
  const toCssBorder = (p) => {
11307
+ console.log(p);
11307
11308
  const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
11308
11309
  if (borderWidth === null)
11309
11310
  return {};
@@ -11353,7 +11354,7 @@ const toCssShadow = (p) => {
11353
11354
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11354
11355
 
11355
11356
  function add_css$9(target) {
11356
- append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11357
+ append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11357
11358
  }
11358
11359
 
11359
11360
  function create_fragment$B(ctx) {
@@ -11369,7 +11370,7 @@ function create_fragment$B(ctx) {
11369
11370
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11370
11371
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11371
11372
  attr(img, "style", /*imgStyle*/ ctx[2]);
11372
- attr(div, "class", "avatar svelte-jnsixl");
11373
+ attr(div, "class", "avatar svelte-17xar9h");
11373
11374
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11374
11375
  attr(div, "style", /*style*/ ctx[3]);
11375
11376
  },
@@ -11466,6 +11467,41 @@ const AVATAR_SHAPE = {
11466
11467
  square: 'スクエア',
11467
11468
  };
11468
11469
 
11470
+ const BUTTON_SIZE = {
11471
+ extra_small: 'XSmall',
11472
+ small: 'Small',
11473
+ medium: 'Medium',
11474
+ large: 'Large',
11475
+ extra_large: 'XLarge',
11476
+ };
11477
+ const BUTTON_THEME = {
11478
+ default: 'デフォルト',
11479
+ theme: 'テーマカラー',
11480
+ alert: 'アラート',
11481
+ transparent: '背景なし',
11482
+ };
11483
+ const BUTTON_ROUND = {
11484
+ default: 'デフォルト',
11485
+ none: 'なし',
11486
+ fulled: '円形',
11487
+ };
11488
+ const BUTTON_LINK_TARGET = {
11489
+ _self: '画面内遷移',
11490
+ _blank: '別タブで開く',
11491
+ };
11492
+ const BUTTON_ICON_ANGLE = {
11493
+ row: '左側',
11494
+ 'row-reverse': '右側',
11495
+ };
11496
+ const buttonPropsDefault = {
11497
+ label: 'ボタン',
11498
+ size: 'medium',
11499
+ theme: 'default',
11500
+ round: 'default',
11501
+ width: 'auto',
11502
+ wrap: 'nowrap',
11503
+ };
11504
+
11469
11505
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11470
11506
 
11471
11507
  function create_fragment$A(ctx) {
@@ -12955,36 +12991,14 @@ const ICON_VARIANTS = {
12955
12991
  users: IconUsers,
12956
12992
  x_mark: IconXMark,
12957
12993
  };
12958
- // @ts-ignore
12959
- const ICON_PARAMS = [
12960
- {
12961
- id: 'variant',
12962
- name: 'アイコン',
12963
- type: 'icon',
12964
- },
12965
- {
12966
- id: 'color',
12967
- name: 'カラー',
12968
- type: 'color',
12969
- },
12970
- {
12971
- id: 'size',
12972
- name: 'サイズ',
12973
- type: 'select',
12974
- options: Object.keys(ICON_SIZE).map(key => ({
12975
- label: ICON_SIZE[key].label,
12976
- value: ICON_SIZE[key].value,
12977
- })),
12978
- },
12979
- ];
12980
12994
 
12981
12995
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
12982
12996
 
12983
12997
  function add_css$8(target) {
12984
- append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12998
+ append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12985
12999
  }
12986
13000
 
12987
- // (20:0) {#if (IconComponent)}
13001
+ // (21:0) {#if (IconComponent)}
12988
13002
  function create_if_block$5(ctx) {
12989
13003
  let div;
12990
13004
  let switch_instance;
@@ -13006,7 +13020,7 @@ function create_if_block$5(ctx) {
13006
13020
  div = element("div");
13007
13021
  if (switch_instance) create_component(switch_instance.$$.fragment);
13008
13022
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13009
- attr(div, "class", "icon svelte-u5222d");
13023
+ attr(div, "class", "icon svelte-1mx2edd");
13010
13024
  attr(div, "style", /*style*/ ctx[3]);
13011
13025
  },
13012
13026
  m(target, anchor) {
@@ -13141,6 +13155,8 @@ function instance$8($$self, $$props, $$invalidate) {
13141
13155
  };
13142
13156
  };
13143
13157
 
13158
+ console.log(props.color);
13159
+
13144
13160
  $$self.$$set = $$props => {
13145
13161
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13146
13162
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
@@ -13166,6 +13182,87 @@ class Icon extends SvelteComponent {
13166
13182
  }
13167
13183
  }
13168
13184
 
13185
+ const BUTTON_SIZE_STYLES = {
13186
+ extra_small: {
13187
+ minHeight: '32px',
13188
+ paddingInline: '12px',
13189
+ fontSize: '12px',
13190
+ paddingBlock: '8px',
13191
+ lineHeight: 1.5,
13192
+ borderRadius: '4px',
13193
+ },
13194
+ small: {
13195
+ minHeight: '36px',
13196
+ paddingInline: '16px',
13197
+ fontSize: '13px',
13198
+ paddingBlock: '8px',
13199
+ lineHeight: 1.5,
13200
+ borderRadius: '4px',
13201
+ },
13202
+ medium: {
13203
+ minHeight: '40px',
13204
+ paddingInline: '24px',
13205
+ fontSize: '14px',
13206
+ paddingBlock: '8px',
13207
+ lineHeight: 1.5,
13208
+ borderRadius: '4px',
13209
+ },
13210
+ large: {
13211
+ minHeight: '48px',
13212
+ paddingInline: '32px',
13213
+ fontSize: '14px',
13214
+ paddingBlock: '10px',
13215
+ lineHeight: 1.5,
13216
+ borderRadius: '4px',
13217
+ },
13218
+ extra_large: {
13219
+ minHeight: '56px',
13220
+ paddingInline: '40px',
13221
+ fontSize: '17px',
13222
+ paddingBlock: '12px',
13223
+ lineHeight: 1.5,
13224
+ borderRadius: '4px',
13225
+ },
13226
+ };
13227
+ const BUTTON_THEME_STYLES = {
13228
+ theme: {
13229
+ backgroundColor: 'rgba(18,160,160,1)',
13230
+ color: '#FFFFFF',
13231
+ fontWeight: 'bold',
13232
+ },
13233
+ default: {
13234
+ backgroundColor: '#33403e',
13235
+ color: '#FFFFFF',
13236
+ fontWeight: 'bold',
13237
+ },
13238
+ transparent: {
13239
+ backgroundColor: 'rgba(255, 255, 255, 0)',
13240
+ color: '#00100ea1',
13241
+ fontWeight: 'bold',
13242
+ },
13243
+ alert: {
13244
+ backgroundColor: 'rgb(242,83,32,1)',
13245
+ color: '#FFFFFF',
13246
+ fontWeight: 'bold',
13247
+ },
13248
+ };
13249
+ const BUTTON_ROUND_STYLES = {
13250
+ none: {
13251
+ borderRadius: 0,
13252
+ },
13253
+ default: {},
13254
+ fulled: {
13255
+ borderRadius: '56px',
13256
+ },
13257
+ };
13258
+ const BUTTON_WRAP_STYLES = {
13259
+ nowrap: {
13260
+ whiteSpace: 'nowrap',
13261
+ },
13262
+ wrap: {
13263
+ whiteSpace: 'pre-wrap',
13264
+ },
13265
+ };
13169
13266
  const BUTTON_VARIANTS = {
13170
13267
  size: {
13171
13268
  extra_small: {
@@ -13184,7 +13281,6 @@ const BUTTON_VARIANTS = {
13184
13281
  lineHeight: 1.5,
13185
13282
  borderRadius: '4px',
13186
13283
  },
13187
- // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
13188
13284
  medium: {
13189
13285
  minHeight: '40px',
13190
13286
  paddingInline: '24px',
@@ -13193,7 +13289,6 @@ const BUTTON_VARIANTS = {
13193
13289
  lineHeight: 1.5,
13194
13290
  borderRadius: '4px',
13195
13291
  },
13196
- // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
13197
13292
  large: {
13198
13293
  minHeight: '48px',
13199
13294
  paddingInline: '32px',
@@ -13258,10 +13353,10 @@ const BUTTON_VARIANTS = {
13258
13353
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13259
13354
 
13260
13355
  function add_css$7(target) {
13261
- append_styles(target, "svelte-15m50q3", ".button.svelte-15m50q3{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-15m50q3{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13356
+ append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13262
13357
  }
13263
13358
 
13264
- // (47:2) {#if (props.isIcon && props.iconVariant)}
13359
+ // (45:2) {#if (props.isIcon && props.iconVariant)}
13265
13360
  function create_if_block$4(ctx) {
13266
13361
  let div;
13267
13362
  let icon;
@@ -13271,7 +13366,7 @@ function create_if_block$4(ctx) {
13271
13366
  props: {
13272
13367
  props: {
13273
13368
  variant: /*props*/ ctx[0].iconVariant,
13274
- color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
13369
+ color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
13275
13370
  }
13276
13371
  }
13277
13372
  });
@@ -13280,7 +13375,7 @@ function create_if_block$4(ctx) {
13280
13375
  c() {
13281
13376
  div = element("div");
13282
13377
  create_component(icon.$$.fragment);
13283
- attr(div, "class", "button-icon svelte-15m50q3");
13378
+ attr(div, "class", "button-icon svelte-bo01kn");
13284
13379
  },
13285
13380
  m(target, anchor) {
13286
13381
  insert(target, div, anchor);
@@ -13292,7 +13387,7 @@ function create_if_block$4(ctx) {
13292
13387
 
13293
13388
  if (dirty & /*props*/ 1) icon_changes.props = {
13294
13389
  variant: /*props*/ ctx[0].iconVariant,
13295
- color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
13390
+ color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
13296
13391
  };
13297
13392
 
13298
13393
  icon.$set(icon_changes);
@@ -13317,7 +13412,7 @@ function create_fragment$7(ctx) {
13317
13412
  let button;
13318
13413
  let t0;
13319
13414
  let span;
13320
- let t1_value = /*props*/ ctx[0].label + "";
13415
+ let t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "";
13321
13416
  let t1;
13322
13417
  let current;
13323
13418
  let mounted;
@@ -13333,7 +13428,7 @@ function create_fragment$7(ctx) {
13333
13428
  t1 = text(t1_value);
13334
13429
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13335
13430
  attr(button, "style", /*style*/ ctx[2]);
13336
- attr(button, "class", "button svelte-15m50q3");
13431
+ attr(button, "class", "button svelte-bo01kn");
13337
13432
  },
13338
13433
  m(target, anchor) {
13339
13434
  insert(target, button, anchor);
@@ -13344,7 +13439,7 @@ function create_fragment$7(ctx) {
13344
13439
  current = true;
13345
13440
 
13346
13441
  if (!mounted) {
13347
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
13442
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
13348
13443
  mounted = true;
13349
13444
  }
13350
13445
  },
@@ -13372,7 +13467,7 @@ function create_fragment$7(ctx) {
13372
13467
  check_outros();
13373
13468
  }
13374
13469
 
13375
- if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
13470
+ if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "")) set_data(t1, t1_value);
13376
13471
 
13377
13472
  if (!current || dirty & /*layerId*/ 2) {
13378
13473
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
@@ -13407,14 +13502,7 @@ function instance$7($$self, $$props, $$invalidate) {
13407
13502
  let { eventValue = undefined } = $$props;
13408
13503
  let { props = {} } = $$props;
13409
13504
  let { layerId = '' } = $$props;
13410
-
13411
- const getCssVariantTheme = () => {
13412
- return {
13413
- backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
13414
- color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
13415
- fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight
13416
- };
13417
- };
13505
+ const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
13418
13506
 
13419
13507
  function handleClick() {
13420
13508
  if (eventName) {
@@ -13425,9 +13513,9 @@ function instance$7($$self, $$props, $$invalidate) {
13425
13513
  }
13426
13514
 
13427
13515
  $$self.$$set = $$props => {
13428
- if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
13429
- if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
13430
- if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
13516
+ if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
13517
+ if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
13518
+ if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
13431
13519
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13432
13520
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13433
13521
  };
@@ -13443,19 +13531,31 @@ function instance$7($$self, $$props, $$invalidate) {
13443
13531
  border: 0,
13444
13532
  transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
13445
13533
  width: props.width,
13446
- ...BUTTON_VARIANTS.size[props.size ?? 'medium'],
13447
- ...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
13448
- ...BUTTON_VARIANTS.round[props.round ?? 'default'],
13534
+ backgroundColor: props.backgroundColor ?? buttonThemeStyle.backgroundColor,
13535
+ color: props.color ?? buttonThemeStyle.color,
13536
+ fontWeight: props.fontWeight ?? buttonThemeStyle.fontWeight,
13537
+ ...BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size],
13538
+ ...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
13539
+ ...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
13449
13540
  ...props.iconAngle
13450
13541
  ? { flexDirection: props.iconAngle }
13451
13542
  : {},
13452
- ...getCssVariantTheme(),
13453
- ...toCssCommon(props)
13543
+ ...toCssCommon(props),
13544
+ ...toCssBorder(props)
13454
13545
  }));
13455
13546
  }
13456
13547
  };
13457
13548
 
13458
- return [props, layerId, style, handleClick, onClick, eventName, eventValue];
13549
+ return [
13550
+ props,
13551
+ layerId,
13552
+ style,
13553
+ buttonThemeStyle,
13554
+ handleClick,
13555
+ onClick,
13556
+ eventName,
13557
+ eventValue
13558
+ ];
13459
13559
  }
13460
13560
 
13461
13561
  class Button extends SvelteComponent {
@@ -13469,9 +13569,9 @@ class Button extends SvelteComponent {
13469
13569
  create_fragment$7,
13470
13570
  safe_not_equal,
13471
13571
  {
13472
- onClick: 4,
13473
- eventName: 5,
13474
- eventValue: 6,
13572
+ onClick: 5,
13573
+ eventName: 6,
13574
+ eventValue: 7,
13475
13575
  props: 0,
13476
13576
  layerId: 1
13477
13577
  },
@@ -13480,37 +13580,10 @@ class Button extends SvelteComponent {
13480
13580
  }
13481
13581
  }
13482
13582
 
13483
- const BUTTON_SIZE = {
13484
- extra_small: 'XSmall',
13485
- small: 'Small',
13486
- medium: 'Medium',
13487
- large: 'Large',
13488
- extra_large: 'XLarge',
13489
- };
13490
- const BUTTON_THEME = {
13491
- default: 'デフォルト',
13492
- theme: 'テーマカラー',
13493
- alert: 'アラート',
13494
- transparent: '背景なし',
13495
- };
13496
- const BUTTON_ROUND = {
13497
- default: 'デフォルト',
13498
- none: 'なし',
13499
- fulled: '円形',
13500
- };
13501
- const BUTTON_LINK_TARGET = {
13502
- _self: '画面内遷移',
13503
- _blank: '別タブで開く',
13504
- };
13505
- const BUTTON_ICON_ANGLE = {
13506
- row: '左側',
13507
- 'row-reverse': '右側',
13508
- };
13509
-
13510
13583
  /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
13511
13584
 
13512
13585
  function add_css$6(target) {
13513
- append_styles(target, "svelte-11jxyiz", ".flex-text-button.svelte-11jxyiz{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-11jxyiz:hover{text-decoration:none}.flex-text-button-icon.svelte-11jxyiz{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13586
+ append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13514
13587
  }
13515
13588
 
13516
13589
  // (103:4) {#if props.isIcon && props.iconVariant}
@@ -13532,7 +13605,7 @@ function create_if_block$3(ctx) {
13532
13605
  c() {
13533
13606
  div = element("div");
13534
13607
  create_component(icon.$$.fragment);
13535
- attr(div, "class", "flex-text-button-icon svelte-11jxyiz");
13608
+ attr(div, "class", "flex-text-button-icon svelte-2imv7z");
13536
13609
  },
13537
13610
  m(target, anchor) {
13538
13611
  insert(target, div, anchor);
@@ -13585,7 +13658,7 @@ function create_fragment$6(ctx) {
13585
13658
  t1 = text(t1_value);
13586
13659
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13587
13660
  attr(button, "style", /*style*/ ctx[2]);
13588
- attr(button, "class", "flex-text-button svelte-11jxyiz");
13661
+ attr(button, "class", "flex-text-button svelte-2imv7z");
13589
13662
  },
13590
13663
  m(target, anchor) {
13591
13664
  insert(target, button, anchor);
@@ -13822,7 +13895,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
13822
13895
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13823
13896
 
13824
13897
  function add_css$5(target) {
13825
- append_styles(target, "svelte-3fbvvp", ".close.svelte-3fbvvp{position:absolute;top:8px;right:8px}.close-button-row.svelte-3fbvvp{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-3fbvvp{display:inline-flex;align-items:center;justify-content:center;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-3fbvvp:hover{transform:rotate(90deg)}.close-button-order-one.svelte-3fbvvp{order:1}.close-button-order-two.svelte-3fbvvp{order:2}.close-button-label.svelte-3fbvvp{color:var(--close-button-label-color, '#ccc')}");
13898
+ append_styles(target, "svelte-1l8m1e9", ".close.svelte-1l8m1e9{position:absolute;top:8px;right:8px}.close-button-row.svelte-1l8m1e9{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-1l8m1e9{display:inline-flex;align-items:center;justify-content:center;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-1l8m1e9:hover{transform:rotate(90deg)}.close-button-order-one.svelte-1l8m1e9{order:1}.close-button-order-two.svelte-1l8m1e9{order:2}.close-button-label.svelte-1l8m1e9{color:var(--close-button-label-color, '#ccc')}");
13826
13899
  }
13827
13900
 
13828
13901
  // (99:4) {#if hasLabel}
@@ -13838,7 +13911,7 @@ function create_if_block$2(ctx) {
13838
13911
 
13839
13912
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
13840
13913
  ? 'close-button-order-one'
13841
- : '') + " svelte-3fbvvp");
13914
+ : '') + " svelte-1l8m1e9");
13842
13915
  },
13843
13916
  m(target, anchor) {
13844
13917
  insert(target, span, anchor);
@@ -13901,9 +13974,9 @@ function create_fragment$5(ctx) {
13901
13974
  attr(svg, "viewBox", "0 0 50 50");
13902
13975
  attr(svg, "fill", /*color*/ ctx[6]);
13903
13976
  set_attributes(button, button_data);
13904
- toggle_class(button, "svelte-3fbvvp", true);
13905
- attr(div0, "class", "close-button-row svelte-3fbvvp");
13906
- attr(div1, "class", "close svelte-3fbvvp");
13977
+ toggle_class(button, "svelte-1l8m1e9", true);
13978
+ attr(div0, "class", "close-button-row svelte-1l8m1e9");
13979
+ attr(div1, "class", "close svelte-1l8m1e9");
13907
13980
  attr(div1, "style", /*rootStyle*/ ctx[3]);
13908
13981
  },
13909
13982
  m(target, anchor) {
@@ -13929,7 +14002,7 @@ function create_fragment$5(ctx) {
13929
14002
  dataAttrStopPropagation('click')
13930
14003
  ]));
13931
14004
 
13932
- toggle_class(button, "svelte-3fbvvp", true);
14005
+ toggle_class(button, "svelte-1l8m1e9", true);
13933
14006
 
13934
14007
  if (/*hasLabel*/ ctx[4]) {
13935
14008
  if (if_block) {
@@ -14080,7 +14153,7 @@ class CloseButton extends SvelteComponent {
14080
14153
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
14081
14154
 
14082
14155
  function add_css$4(target) {
14083
- append_styles(target, "svelte-1wv9v10", ".image.svelte-1wv9v10{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-1wv9v10{width:100%;overflow:hidden}.image-img.svelte-1wv9v10{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
14156
+ append_styles(target, "svelte-52a988", ".image.svelte-52a988{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-52a988{width:100%;overflow:hidden}.image-img.svelte-52a988{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
14084
14157
  }
14085
14158
 
14086
14159
  function create_fragment$4(ctx) {
@@ -14097,11 +14170,11 @@ function create_fragment$4(ctx) {
14097
14170
  img = element("img");
14098
14171
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
14099
14172
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
14100
- attr(img, "class", "image-img svelte-1wv9v10");
14173
+ attr(img, "class", "image-img svelte-52a988");
14101
14174
  attr(object, "style", /*objectStyle*/ ctx[2]);
14102
- attr(object, "class", "image-object svelte-1wv9v10");
14175
+ attr(object, "class", "image-object svelte-52a988");
14103
14176
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14104
- attr(div, "class", "image svelte-1wv9v10");
14177
+ attr(div, "class", "image svelte-52a988");
14105
14178
  attr(div, "style", /*style*/ ctx[3]);
14106
14179
  },
14107
14180
  m(target, anchor) {
@@ -14175,7 +14248,7 @@ class Image extends SvelteComponent {
14175
14248
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
14176
14249
 
14177
14250
  function add_css$3(target) {
14178
- append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
14251
+ append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
14179
14252
  }
14180
14253
 
14181
14254
  function create_fragment$3(ctx) {
@@ -14189,7 +14262,7 @@ function create_fragment$3(ctx) {
14189
14262
  div = element("div");
14190
14263
  if (default_slot) default_slot.c();
14191
14264
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14192
- attr(div, "class", "layout svelte-19rjtwm");
14265
+ attr(div, "class", "layout svelte-1g6q4hu");
14193
14266
  attr(div, "style", /*style*/ ctx[1]);
14194
14267
  },
14195
14268
  m(target, anchor) {
@@ -14294,22 +14367,27 @@ const TEXT_VARIANTS = {
14294
14367
  extra_small: {
14295
14368
  fontSize: '10px',
14296
14369
  lineHeight: 1.7,
14370
+ fontWeight: 'normal',
14297
14371
  },
14298
14372
  small: {
14299
14373
  fontSize: '12px',
14300
14374
  lineHeight: 1.7,
14375
+ fontWeight: 'normal',
14301
14376
  },
14302
14377
  medium: {
14303
14378
  fontSize: '14px',
14304
14379
  lineHeight: 1.7,
14380
+ fontWeight: 'normal',
14305
14381
  },
14306
14382
  large: {
14307
14383
  fontSize: '16px',
14308
14384
  lineHeight: 1.7,
14385
+ fontWeight: 'normal',
14309
14386
  },
14310
14387
  extra_large: {
14311
14388
  fontSize: '18px',
14312
14389
  lineHeight: 1.7,
14390
+ fontWeight: 'normal',
14313
14391
  },
14314
14392
  heading_extra_small: {
14315
14393
  fontSize: '14px',
@@ -14342,7 +14420,7 @@ const TEXT_VARIANTS = {
14342
14420
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
14343
14421
 
14344
14422
  function add_css$2(target) {
14345
- append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
14423
+ append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
14346
14424
  }
14347
14425
 
14348
14426
  function create_fragment$2(ctx) {
@@ -14352,7 +14430,7 @@ function create_fragment$2(ctx) {
14352
14430
  c() {
14353
14431
  p = element("p");
14354
14432
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
14355
- attr(p, "class", "text svelte-18qq8cj");
14433
+ attr(p, "class", "text svelte-1vl0c87");
14356
14434
  attr(p, "style", /*style*/ ctx[1]);
14357
14435
  },
14358
14436
  m(target, anchor) {
@@ -14428,8 +14506,6 @@ class Text extends SvelteComponent {
14428
14506
  }
14429
14507
  }
14430
14508
 
14431
- const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
14432
- const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
14433
14509
  const LAYER_TEXT_SIZE = {
14434
14510
  extra_small: 'ExtraSmall',
14435
14511
  small: 'Small',
@@ -14446,7 +14522,7 @@ const LAYER_TEXT_SIZE = {
14446
14522
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
14447
14523
 
14448
14524
  function add_css$1(target) {
14449
- append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
14525
+ 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}");
14450
14526
  }
14451
14527
 
14452
14528
  // (14:0) {#if backgroundOverlay}
@@ -14459,7 +14535,7 @@ function create_if_block$1(ctx) {
14459
14535
  return {
14460
14536
  c() {
14461
14537
  div = element("div");
14462
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
14538
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
14463
14539
  },
14464
14540
  m(target, anchor) {
14465
14541
  insert(target, div, anchor);
@@ -14470,7 +14546,7 @@ function create_if_block$1(ctx) {
14470
14546
  }
14471
14547
  },
14472
14548
  p(ctx, dirty) {
14473
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
14549
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
14474
14550
  attr(div, "class", div_class_value);
14475
14551
  }
14476
14552
  },
@@ -14542,7 +14618,7 @@ class BackgroundOverlay extends SvelteComponent {
14542
14618
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
14543
14619
 
14544
14620
  function add_css(target) {
14545
- append_styles(target, "svelte-1kg29ce", ".modal.svelte-1kg29ce{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1kg29ce > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-1kg29ce{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-1kg29ce{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}}");
14621
+ append_styles(target, "svelte-5997yi", ".modal.svelte-5997yi{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-5997yi > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-5997yi{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-5997yi{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}}");
14546
14622
  }
14547
14623
 
14548
14624
  // (253:0) {:else}
@@ -14683,7 +14759,7 @@ function create_if_block(ctx) {
14683
14759
  c() {
14684
14760
  div = element("div");
14685
14761
  if (default_slot) default_slot.c();
14686
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1kg29ce"));
14762
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-5997yi"));
14687
14763
  attr(div, "role", "dialog");
14688
14764
  attr(div, "aria-modal", "true");
14689
14765
  attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
@@ -14716,7 +14792,7 @@ function create_if_block(ctx) {
14716
14792
  }
14717
14793
  }
14718
14794
 
14719
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1kg29ce"))) {
14795
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-5997yi"))) {
14720
14796
  attr(div, "class", div_class_value);
14721
14797
  }
14722
14798
  },
@@ -15179,4 +15255,57 @@ class Modal extends SvelteComponent {
15179
15255
  }
15180
15256
  }
15181
15257
 
15182
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
15258
+ const SHADOW_STYLES = {
15259
+ extra_small: {
15260
+ boxShadow: '0 1px 2px 0 rgba(0,0,0,0.1)',
15261
+ },
15262
+ small: {
15263
+ boxShadow: '0 2px 4px 1px rgba(0,0,0,0.1)',
15264
+ },
15265
+ medium: {
15266
+ boxShadow: '0px 4px 8px 2px rgba(0,0,0,0.1)',
15267
+ },
15268
+ large: {
15269
+ boxShadow: '0px 8px 16px 4px rgba(0,0,0,0.1)',
15270
+ },
15271
+ };
15272
+ const ROUND_STYLES = {
15273
+ extra_small: {
15274
+ borderTopLeftRadius: '2px',
15275
+ borderTopRightRadius: '2px',
15276
+ borderBottomLeftRadius: '2px',
15277
+ borderBottomRightRadius: '2px',
15278
+ },
15279
+ small: {
15280
+ borderTopLeftRadius: '4px',
15281
+ borderTopRightRadius: '4px',
15282
+ borderBottomLeftRadius: '4px',
15283
+ borderBottomRightRadius: '4px',
15284
+ },
15285
+ medium: {
15286
+ borderTopLeftRadius: '8px',
15287
+ borderTopRightRadius: '8px',
15288
+ borderBottomLeftRadius: '8px',
15289
+ borderBottomRightRadius: '8px',
15290
+ },
15291
+ large: {
15292
+ borderTopLeftRadius: '16px',
15293
+ borderTopRightRadius: '16px',
15294
+ borderBottomLeftRadius: '16px',
15295
+ borderBottomRightRadius: '16px',
15296
+ },
15297
+ extra_large: {
15298
+ borderTopLeftRadius: '24px',
15299
+ borderTopRightRadius: '24px',
15300
+ borderBottomLeftRadius: '24px',
15301
+ borderBottomRightRadius: '24px',
15302
+ },
15303
+ fulled: {
15304
+ borderTopLeftRadius: '100%',
15305
+ borderTopRightRadius: '100%',
15306
+ borderBottomLeftRadius: '100%',
15307
+ borderBottomRightRadius: '100%',
15308
+ },
15309
+ };
15310
+
15311
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };