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

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 +43 -23
  2. package/dist/hydrate/index.es.js +241 -371
  3. package/dist/index.es.d.ts +43 -23
  4. package/dist/index.es.js +241 -371
  5. package/meta/karte-action-sdk.api.json +8155 -0
  6. package/package.json +1 -1
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-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3075
+ append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{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-2qb6dm");
3092
+ attr(div, "class", "state-item svelte-1amihue");
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-1d4fta", ".background.svelte-1d4fta{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-g6ucc2", ".background.svelte-g6ucc2{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-1d4fta"));
3427
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
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-1d4fta"))) {
3438
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
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-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}");
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}");
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-15k4deh", true);
3573
+ toggle_class(button, "svelte-1kmu8zp", 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-15k4deh", true);
3612
+ toggle_class(button, "svelte-1kmu8zp", 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-15k4deh"));
3643
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
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-15k4deh", true);
3727
+ toggle_class(a, "svelte-1kmu8zp", 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-15k4deh", true);
3769
+ toggle_class(a, "svelte-1kmu8zp", 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-15k4deh"));
3800
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
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-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}}");
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}}");
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-1ijkyzl"));
4154
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
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-1ijkyzl"))) {
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"))) {
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-1ijkyzl");
4232
+ attr(div, "class", "close svelte-1i2vo31");
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-1ijkyzl");
4321
+ attr(div, "class", "modal-content svelte-1i2vo31");
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-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
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}");
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-n7kdl3");
4987
- attr(div1, "class", "grid-item svelte-n7kdl3");
4986
+ attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4987
+ attr(div1, "class", "grid-item svelte-1cryhmb");
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-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}");
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}");
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-9ixs0b");
5310
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
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"));
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-9ixs0b"))) {
5324
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
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-9ixs0b");
5374
+ attr(div0, "class", "text-element-inner svelte-vz6867");
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-9ixs0b"));
5376
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5377
5377
  attr(a, "style", /*style*/ ctx[5]);
5378
- attr(div1, "class", "tooltip svelte-9ixs0b");
5379
- attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5378
+ attr(div1, "class", "tooltip svelte-vz6867");
5379
+ attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
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-9ixs0b"))) {
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"))) {
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-9ixs0b");
5455
+ attr(div, "class", "text-element-wrapper svelte-vz6867");
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-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)}");
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)}");
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-1vg84sc");
5677
+ attr(div, "class", "text-button-element svelte-ujdxfc");
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-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%}");
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%}");
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-t6tu0e");
5781
+ attr(img, "class", "image svelte-1alkh1m");
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-t6tu0e");
5843
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
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-t6tu0e")) {
5862
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
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-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
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}");
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-aquv6z");
5947
+ attr(div, "class", "list svelte-1t8r9z");
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-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}");
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}");
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-9n97pe");
6151
+ attr(div, "class", "list-item svelte-1lbw8v2");
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-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}");
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}");
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-wocq4p");
6286
+ attr(div, "class", "embed svelte-w6jkzh");
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-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%}");
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%}");
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-vikz49");
6341
+ attr(div1, "class", "embed svelte-ljxq7x");
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-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%}");
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%}");
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-vikz49");
6695
+ attr(div1, "class", "embed svelte-ljxq7x");
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-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}");
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}");
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-zxvkkc");
6892
+ attr(textarea, "class", "textarea svelte-1fjy5oo");
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-zxvkkc");
6897
+ attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
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-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}");
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}");
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-17s08g");
7083
+ attr(input, "class", "radio-button-input svelte-1ntb6j8");
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-17s08g");
7088
+ attr(span, "class", "radio-button-text svelte-1ntb6j8");
7089
7089
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7090
- attr(label, "class", "radio-button svelte-17s08g");
7090
+ attr(label, "class", "radio-button svelte-1ntb6j8");
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-17s08g");
7155
+ attr(div, "class", "radio-buttons svelte-1ntb6j8");
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-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}");
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}");
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-t9ynyj");
7458
+ attr(select, "class", "select-select svelte-iejizj");
7459
7459
  attr(select, "style", /*style*/ ctx[3]);
7460
- attr(div0, "class", "select-icon svelte-t9ynyj");
7461
- attr(div1, "class", "select svelte-t9ynyj");
7460
+ attr(div0, "class", "select-icon svelte-iejizj");
7461
+ attr(div1, "class", "select svelte-iejizj");
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-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}");
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}");
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-1p65cg8");
7702
+ attr(input, "class", "check-box-input svelte-2pz1us");
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-1p65cg8");
7706
+ attr(span0, "class", "check-box-icon svelte-2pz1us");
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-1p65cg8"));
7710
+ : ''}`) + " svelte-2pz1us"));
7711
7711
 
7712
- attr(span2, "class", "check-box-text svelte-1p65cg8");
7712
+ attr(span2, "class", "check-box-text svelte-2pz1us");
7713
7713
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7714
- attr(label, "class", "check-box svelte-1p65cg8");
7714
+ attr(label, "class", "check-box svelte-2pz1us");
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-1p65cg8"))) {
7746
+ : ''}`) + " svelte-2pz1us"))) {
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-1p65cg8");
7785
+ attr(div, "class", "check-boxes svelte-2pz1us");
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-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}");
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}");
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-1iqf36p");
7984
+ attr(button, "class", "rating-button svelte-9idbf1");
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-1iqf36p");
8033
+ attr(div, "class", "rating-buttons svelte-9idbf1");
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-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%)}");
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%)}");
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-tbunko"));
8202
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8203
8203
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8204
- attr(button, "class", "rating-button svelte-tbunko");
8204
+ attr(button, "class", "rating-button svelte-1b5dvzw");
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-tbunko"))) {
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"))) {
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-tbunko");
8253
+ attr(div, "class", "rating-buttons svelte-1b5dvzw");
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-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}");
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}");
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-h8fqwx"));
8375
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
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-h8fqwx");
8381
+ attr(div, "class", "input-wrapper svelte-f14zo5");
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-h8fqwx"))) {
8394
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
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-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}");
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}");
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-8zbmyo");
8620
+ attr(input0, "class", "radio-button-input svelte-pzrwlo");
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-8zbmyo");
8623
+ attr(span0, "class", "radio-button-text svelte-pzrwlo");
8624
8624
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8625
- attr(label0, "class", "radio-button svelte-8zbmyo");
8625
+ attr(label0, "class", "radio-button svelte-pzrwlo");
8626
8626
  attr(input1, "type", "radio");
8627
- attr(input1, "class", "radio-button-input svelte-8zbmyo");
8627
+ attr(input1, "class", "radio-button-input svelte-pzrwlo");
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-8zbmyo");
8630
+ attr(span1, "class", "radio-button-text svelte-pzrwlo");
8631
8631
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8632
- attr(label1, "class", "radio-button svelte-8zbmyo");
8633
- attr(div, "class", "radio-buttons svelte-8zbmyo");
8632
+ attr(label1, "class", "radio-button svelte-pzrwlo");
8633
+ attr(div, "class", "radio-buttons svelte-pzrwlo");
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-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%}");
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%}");
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-ji1fh");
8830
+ attr(button, "class", "move-button svelte-1qfq79t");
8831
8831
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8832
- attr(div, "class", "prev-button-container svelte-ji1fh");
8832
+ attr(div, "class", "prev-button-container svelte-1qfq79t");
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-ji1fh");
8881
+ attr(button, "class", "move-button svelte-1qfq79t");
8882
8882
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8883
- attr(div, "class", "next-button-container svelte-ji1fh");
8883
+ attr(div, "class", "next-button-container svelte-1qfq79t");
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-ji1fh");
8931
+ attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8932
8932
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8933
- attr(button, "class", "navigation-item svelte-ji1fh");
8933
+ attr(button, "class", "navigation-item svelte-1qfq79t");
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-ji1fh"));
9010
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9011
9011
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9012
- attr(div1, "class", "container svelte-ji1fh");
9012
+ attr(div1, "class", "container svelte-1qfq79t");
9013
9013
  attr(div1, "style", /*_style*/ ctx[0]);
9014
- attr(div2, "class", "navigation svelte-ji1fh");
9014
+ attr(div2, "class", "navigation svelte-1qfq79t");
9015
9015
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9016
9016
  set_attributes(div3, div3_data);
9017
- toggle_class(div3, "svelte-ji1fh", true);
9017
+ toggle_class(div3, "svelte-1qfq79t", 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-ji1fh"))) {
9059
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
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-ji1fh", true);
9125
+ toggle_class(div3, "svelte-1qfq79t", 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-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}");
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}");
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-9ygf1w");
9652
+ attr(div0, "class", "item-inner svelte-1rv0qgo");
9653
9653
  attr(div0, "style", /*_style*/ ctx[0]);
9654
- attr(div1, "class", "item svelte-9ygf1w");
9654
+ attr(div1, "class", "item svelte-1rv0qgo");
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-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}");
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}");
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-rroxiz");
9798
+ attr(div0, "class", "countdown-inner svelte-t87l6f");
9799
9799
  attr(div0, "style", /*_style*/ ctx[0]);
9800
- attr(div1, "class", "countdown svelte-rroxiz");
9800
+ attr(div1, "class", "countdown svelte-t87l6f");
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-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}");
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}");
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-1ccydfy");
10004
+ attr(div, "class", "box svelte-1c91vpe");
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-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)}");
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)}");
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-1mkvcuo");
10147
+ attr(div, "class", "icon svelte-1mk6wi4");
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-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10256
+ append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{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-ymsb9l");
10282
+ attr(div, "class", "codeElement svelte-1ng2n51");
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-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10371
+ append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{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-1e71ejc");
10385
+ attr(div, "class", "flex svelte-9v2qdg");
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-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10482
+ append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{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-1p0bk1x");
10495
+ attr(div, "class", "flex-item svelte-164ah5d");
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-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%}");
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%}");
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-15pej1m");
10920
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
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"));
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-15pej1m"))) {
10934
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
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-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)}");
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)}");
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-ff0k6r");
11029
+ attr(button, "class", "text-button svelte-1c34p4n");
11030
11030
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11031
- attr(div, "class", "text-button-block svelte-ff0k6r");
11031
+ attr(div, "class", "text-button-block svelte-1c34p4n");
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-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)}");
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)}");
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-1pdw891");
11153
+ attr(img, "class", "image svelte-1jus6sx");
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-1pdw891"));
11160
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
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-1pdw891"))) {
11185
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
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 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%)',
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',
11274
11274
  };
11275
11275
 
11276
11276
  const toHyphenCase = (str) => {
@@ -11304,7 +11304,6 @@ const toCssCommon = (p) => {
11304
11304
  };
11305
11305
  };
11306
11306
  const toCssBorder = (p) => {
11307
- console.log(p);
11308
11307
  const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
11309
11308
  if (borderWidth === null)
11310
11309
  return {};
@@ -11354,7 +11353,7 @@ const toCssShadow = (p) => {
11354
11353
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11355
11354
 
11356
11355
  function add_css$9(target) {
11357
- append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11356
+ append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11358
11357
  }
11359
11358
 
11360
11359
  function create_fragment$B(ctx) {
@@ -11370,7 +11369,7 @@ function create_fragment$B(ctx) {
11370
11369
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11371
11370
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11372
11371
  attr(img, "style", /*imgStyle*/ ctx[2]);
11373
- attr(div, "class", "avatar svelte-17xar9h");
11372
+ attr(div, "class", "avatar svelte-jnsixl");
11374
11373
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11375
11374
  attr(div, "style", /*style*/ ctx[3]);
11376
11375
  },
@@ -11467,41 +11466,6 @@ const AVATAR_SHAPE = {
11467
11466
  square: 'スクエア',
11468
11467
  };
11469
11468
 
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
-
11505
11469
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11506
11470
 
11507
11471
  function create_fragment$A(ctx) {
@@ -12991,11 +12955,33 @@ const ICON_VARIANTS = {
12991
12955
  users: IconUsers,
12992
12956
  x_mark: IconXMark,
12993
12957
  };
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
+ ];
12994
12980
 
12995
12981
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
12996
12982
 
12997
12983
  function add_css$8(target) {
12998
- append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12984
+ append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12999
12985
  }
13000
12986
 
13001
12987
  // (21:0) {#if (IconComponent)}
@@ -13020,7 +13006,7 @@ function create_if_block$5(ctx) {
13020
13006
  div = element("div");
13021
13007
  if (switch_instance) create_component(switch_instance.$$.fragment);
13022
13008
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13023
- attr(div, "class", "icon svelte-1mx2edd");
13009
+ attr(div, "class", "icon svelte-u5222d");
13024
13010
  attr(div, "style", /*style*/ ctx[3]);
13025
13011
  },
13026
13012
  m(target, anchor) {
@@ -13182,87 +13168,6 @@ class Icon extends SvelteComponent {
13182
13168
  }
13183
13169
  }
13184
13170
 
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
- };
13266
13171
  const BUTTON_VARIANTS = {
13267
13172
  size: {
13268
13173
  extra_small: {
@@ -13353,10 +13258,10 @@ const BUTTON_VARIANTS = {
13353
13258
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13354
13259
 
13355
13260
  function add_css$7(target) {
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}");
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}");
13357
13262
  }
13358
13263
 
13359
- // (45:2) {#if (props.isIcon && props.iconVariant)}
13264
+ // (49:2) {#if (props.isIcon && props.iconVariant)}
13360
13265
  function create_if_block$4(ctx) {
13361
13266
  let div;
13362
13267
  let icon;
@@ -13366,7 +13271,7 @@ function create_if_block$4(ctx) {
13366
13271
  props: {
13367
13272
  props: {
13368
13273
  variant: /*props*/ ctx[0].iconVariant,
13369
- color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
13274
+ color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
13370
13275
  }
13371
13276
  }
13372
13277
  });
@@ -13375,7 +13280,7 @@ function create_if_block$4(ctx) {
13375
13280
  c() {
13376
13281
  div = element("div");
13377
13282
  create_component(icon.$$.fragment);
13378
- attr(div, "class", "button-icon svelte-bo01kn");
13283
+ attr(div, "class", "button-icon svelte-15m50q3");
13379
13284
  },
13380
13285
  m(target, anchor) {
13381
13286
  insert(target, div, anchor);
@@ -13387,7 +13292,7 @@ function create_if_block$4(ctx) {
13387
13292
 
13388
13293
  if (dirty & /*props*/ 1) icon_changes.props = {
13389
13294
  variant: /*props*/ ctx[0].iconVariant,
13390
- color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
13295
+ color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
13391
13296
  };
13392
13297
 
13393
13298
  icon.$set(icon_changes);
@@ -13412,7 +13317,7 @@ function create_fragment$7(ctx) {
13412
13317
  let button;
13413
13318
  let t0;
13414
13319
  let span;
13415
- let t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "";
13320
+ let t1_value = /*props*/ ctx[0].label + "";
13416
13321
  let t1;
13417
13322
  let current;
13418
13323
  let mounted;
@@ -13428,7 +13333,7 @@ function create_fragment$7(ctx) {
13428
13333
  t1 = text(t1_value);
13429
13334
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13430
13335
  attr(button, "style", /*style*/ ctx[2]);
13431
- attr(button, "class", "button svelte-bo01kn");
13336
+ attr(button, "class", "button svelte-15m50q3");
13432
13337
  },
13433
13338
  m(target, anchor) {
13434
13339
  insert(target, button, anchor);
@@ -13439,7 +13344,7 @@ function create_fragment$7(ctx) {
13439
13344
  current = true;
13440
13345
 
13441
13346
  if (!mounted) {
13442
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
13347
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
13443
13348
  mounted = true;
13444
13349
  }
13445
13350
  },
@@ -13467,7 +13372,7 @@ function create_fragment$7(ctx) {
13467
13372
  check_outros();
13468
13373
  }
13469
13374
 
13470
- if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "")) set_data(t1, t1_value);
13375
+ if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
13471
13376
 
13472
13377
  if (!current || dirty & /*layerId*/ 2) {
13473
13378
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
@@ -13502,7 +13407,6 @@ function instance$7($$self, $$props, $$invalidate) {
13502
13407
  let { eventValue = undefined } = $$props;
13503
13408
  let { props = {} } = $$props;
13504
13409
  let { layerId = '' } = $$props;
13505
- const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
13506
13410
 
13507
13411
  function handleClick() {
13508
13412
  if (eventName) {
@@ -13513,9 +13417,9 @@ function instance$7($$self, $$props, $$invalidate) {
13513
13417
  }
13514
13418
 
13515
13419
  $$self.$$set = $$props => {
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);
13420
+ if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
13421
+ if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
13422
+ if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
13519
13423
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13520
13424
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13521
13425
  };
@@ -13531,31 +13435,21 @@ function instance$7($$self, $$props, $$invalidate) {
13531
13435
  border: 0,
13532
13436
  transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
13533
13437
  width: props.width,
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],
13438
+ backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
13439
+ color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
13440
+ fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight,
13441
+ ...BUTTON_VARIANTS.size[props.size ?? 'medium'],
13442
+ ...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
13443
+ ...BUTTON_VARIANTS.round[props.round ?? 'default'],
13540
13444
  ...props.iconAngle
13541
13445
  ? { flexDirection: props.iconAngle }
13542
13446
  : {},
13543
- ...toCssCommon(props),
13544
- ...toCssBorder(props)
13447
+ ...toCssCommon(props)
13545
13448
  }));
13546
13449
  }
13547
13450
  };
13548
13451
 
13549
- return [
13550
- props,
13551
- layerId,
13552
- style,
13553
- buttonThemeStyle,
13554
- handleClick,
13555
- onClick,
13556
- eventName,
13557
- eventValue
13558
- ];
13452
+ return [props, layerId, style, handleClick, onClick, eventName, eventValue];
13559
13453
  }
13560
13454
 
13561
13455
  class Button extends SvelteComponent {
@@ -13569,9 +13463,9 @@ class Button extends SvelteComponent {
13569
13463
  create_fragment$7,
13570
13464
  safe_not_equal,
13571
13465
  {
13572
- onClick: 5,
13573
- eventName: 6,
13574
- eventValue: 7,
13466
+ onClick: 4,
13467
+ eventName: 5,
13468
+ eventValue: 6,
13575
13469
  props: 0,
13576
13470
  layerId: 1
13577
13471
  },
@@ -13580,10 +13474,37 @@ class Button extends SvelteComponent {
13580
13474
  }
13581
13475
  }
13582
13476
 
13477
+ const BUTTON_SIZE = {
13478
+ extra_small: 'XSmall',
13479
+ small: 'Small',
13480
+ medium: 'Medium',
13481
+ large: 'Large',
13482
+ extra_large: 'XLarge',
13483
+ };
13484
+ const BUTTON_THEME = {
13485
+ default: 'デフォルト',
13486
+ theme: 'テーマカラー',
13487
+ alert: 'アラート',
13488
+ transparent: '背景なし',
13489
+ };
13490
+ const BUTTON_ROUND = {
13491
+ default: 'デフォルト',
13492
+ none: 'なし',
13493
+ fulled: '円形',
13494
+ };
13495
+ const BUTTON_LINK_TARGET = {
13496
+ _self: '画面内遷移',
13497
+ _blank: '別タブで開く',
13498
+ };
13499
+ const BUTTON_ICON_ANGLE = {
13500
+ row: '左側',
13501
+ 'row-reverse': '右側',
13502
+ };
13503
+
13583
13504
  /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
13584
13505
 
13585
13506
  function add_css$6(target) {
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}");
13507
+ 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}");
13587
13508
  }
13588
13509
 
13589
13510
  // (103:4) {#if props.isIcon && props.iconVariant}
@@ -13605,7 +13526,7 @@ function create_if_block$3(ctx) {
13605
13526
  c() {
13606
13527
  div = element("div");
13607
13528
  create_component(icon.$$.fragment);
13608
- attr(div, "class", "flex-text-button-icon svelte-2imv7z");
13529
+ attr(div, "class", "flex-text-button-icon svelte-11jxyiz");
13609
13530
  },
13610
13531
  m(target, anchor) {
13611
13532
  insert(target, div, anchor);
@@ -13658,7 +13579,7 @@ function create_fragment$6(ctx) {
13658
13579
  t1 = text(t1_value);
13659
13580
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13660
13581
  attr(button, "style", /*style*/ ctx[2]);
13661
- attr(button, "class", "flex-text-button svelte-2imv7z");
13582
+ attr(button, "class", "flex-text-button svelte-11jxyiz");
13662
13583
  },
13663
13584
  m(target, anchor) {
13664
13585
  insert(target, button, anchor);
@@ -13895,7 +13816,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
13895
13816
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13896
13817
 
13897
13818
  function add_css$5(target) {
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')}");
13819
+ 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')}");
13899
13820
  }
13900
13821
 
13901
13822
  // (99:4) {#if hasLabel}
@@ -13911,7 +13832,7 @@ function create_if_block$2(ctx) {
13911
13832
 
13912
13833
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
13913
13834
  ? 'close-button-order-one'
13914
- : '') + " svelte-1l8m1e9");
13835
+ : '') + " svelte-3fbvvp");
13915
13836
  },
13916
13837
  m(target, anchor) {
13917
13838
  insert(target, span, anchor);
@@ -13974,9 +13895,9 @@ function create_fragment$5(ctx) {
13974
13895
  attr(svg, "viewBox", "0 0 50 50");
13975
13896
  attr(svg, "fill", /*color*/ ctx[6]);
13976
13897
  set_attributes(button, button_data);
13977
- toggle_class(button, "svelte-1l8m1e9", true);
13978
- attr(div0, "class", "close-button-row svelte-1l8m1e9");
13979
- attr(div1, "class", "close svelte-1l8m1e9");
13898
+ toggle_class(button, "svelte-3fbvvp", true);
13899
+ attr(div0, "class", "close-button-row svelte-3fbvvp");
13900
+ attr(div1, "class", "close svelte-3fbvvp");
13980
13901
  attr(div1, "style", /*rootStyle*/ ctx[3]);
13981
13902
  },
13982
13903
  m(target, anchor) {
@@ -14002,7 +13923,7 @@ function create_fragment$5(ctx) {
14002
13923
  dataAttrStopPropagation('click')
14003
13924
  ]));
14004
13925
 
14005
- toggle_class(button, "svelte-1l8m1e9", true);
13926
+ toggle_class(button, "svelte-3fbvvp", true);
14006
13927
 
14007
13928
  if (/*hasLabel*/ ctx[4]) {
14008
13929
  if (if_block) {
@@ -14153,7 +14074,7 @@ class CloseButton extends SvelteComponent {
14153
14074
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
14154
14075
 
14155
14076
  function add_css$4(target) {
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}");
14077
+ 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}");
14157
14078
  }
14158
14079
 
14159
14080
  function create_fragment$4(ctx) {
@@ -14170,11 +14091,11 @@ function create_fragment$4(ctx) {
14170
14091
  img = element("img");
14171
14092
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
14172
14093
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
14173
- attr(img, "class", "image-img svelte-52a988");
14094
+ attr(img, "class", "image-img svelte-1wv9v10");
14174
14095
  attr(object, "style", /*objectStyle*/ ctx[2]);
14175
- attr(object, "class", "image-object svelte-52a988");
14096
+ attr(object, "class", "image-object svelte-1wv9v10");
14176
14097
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14177
- attr(div, "class", "image svelte-52a988");
14098
+ attr(div, "class", "image svelte-1wv9v10");
14178
14099
  attr(div, "style", /*style*/ ctx[3]);
14179
14100
  },
14180
14101
  m(target, anchor) {
@@ -14248,7 +14169,7 @@ class Image extends SvelteComponent {
14248
14169
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
14249
14170
 
14250
14171
  function add_css$3(target) {
14251
- append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
14172
+ append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
14252
14173
  }
14253
14174
 
14254
14175
  function create_fragment$3(ctx) {
@@ -14262,7 +14183,7 @@ function create_fragment$3(ctx) {
14262
14183
  div = element("div");
14263
14184
  if (default_slot) default_slot.c();
14264
14185
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14265
- attr(div, "class", "layout svelte-1g6q4hu");
14186
+ attr(div, "class", "layout svelte-19rjtwm");
14266
14187
  attr(div, "style", /*style*/ ctx[1]);
14267
14188
  },
14268
14189
  m(target, anchor) {
@@ -14420,7 +14341,7 @@ const TEXT_VARIANTS = {
14420
14341
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
14421
14342
 
14422
14343
  function add_css$2(target) {
14423
- append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
14344
+ append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
14424
14345
  }
14425
14346
 
14426
14347
  function create_fragment$2(ctx) {
@@ -14430,7 +14351,7 @@ function create_fragment$2(ctx) {
14430
14351
  c() {
14431
14352
  p = element("p");
14432
14353
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
14433
- attr(p, "class", "text svelte-1vl0c87");
14354
+ attr(p, "class", "text svelte-18qq8cj");
14434
14355
  attr(p, "style", /*style*/ ctx[1]);
14435
14356
  },
14436
14357
  m(target, anchor) {
@@ -14506,6 +14427,8 @@ class Text extends SvelteComponent {
14506
14427
  }
14507
14428
  }
14508
14429
 
14430
+ const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
14431
+ const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
14509
14432
  const LAYER_TEXT_SIZE = {
14510
14433
  extra_small: 'ExtraSmall',
14511
14434
  small: 'Small',
@@ -14522,7 +14445,7 @@ const LAYER_TEXT_SIZE = {
14522
14445
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
14523
14446
 
14524
14447
  function add_css$1(target) {
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}");
14448
+ 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}");
14526
14449
  }
14527
14450
 
14528
14451
  // (14:0) {#if backgroundOverlay}
@@ -14535,7 +14458,7 @@ function create_if_block$1(ctx) {
14535
14458
  return {
14536
14459
  c() {
14537
14460
  div = element("div");
14538
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
14461
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
14539
14462
  },
14540
14463
  m(target, anchor) {
14541
14464
  insert(target, div, anchor);
@@ -14546,7 +14469,7 @@ function create_if_block$1(ctx) {
14546
14469
  }
14547
14470
  },
14548
14471
  p(ctx, dirty) {
14549
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
14472
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
14550
14473
  attr(div, "class", div_class_value);
14551
14474
  }
14552
14475
  },
@@ -14618,7 +14541,7 @@ class BackgroundOverlay extends SvelteComponent {
14618
14541
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
14619
14542
 
14620
14543
  function add_css(target) {
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}}");
14544
+ 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}}");
14622
14545
  }
14623
14546
 
14624
14547
  // (253:0) {:else}
@@ -14759,7 +14682,7 @@ function create_if_block(ctx) {
14759
14682
  c() {
14760
14683
  div = element("div");
14761
14684
  if (default_slot) default_slot.c();
14762
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-5997yi"));
14685
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1kg29ce"));
14763
14686
  attr(div, "role", "dialog");
14764
14687
  attr(div, "aria-modal", "true");
14765
14688
  attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
@@ -14792,7 +14715,7 @@ function create_if_block(ctx) {
14792
14715
  }
14793
14716
  }
14794
14717
 
14795
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-5997yi"))) {
14718
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1kg29ce"))) {
14796
14719
  attr(div, "class", div_class_value);
14797
14720
  }
14798
14721
  },
@@ -15255,57 +15178,4 @@ class Modal extends SvelteComponent {
15255
15178
  }
15256
15179
  }
15257
15180
 
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 };
15181
+ 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 };