@plaidev/karte-action-sdk 1.1.232 → 1.1.233

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. package/dist/hydrate/index.es.d.ts +274 -8
  2. package/dist/hydrate/index.es.js +1659 -795
  3. package/dist/index.es.d.ts +274 -8
  4. package/dist/index.es.js +1582 -754
  5. package/dist/templates.cjs.d.ts +1 -2
  6. package/dist/templates.cjs.js +8 -8
  7. package/dist/templates.d.ts +1 -2
  8. package/dist/templates.js +8 -8
  9. package/package.json +1 -1
package/dist/hydrate/index.es.js CHANGED
@@ -1786,7 +1786,14 @@ function createModal(App, options = {
1786
1786
  if (!app) {
1787
1787
  return NOOP;
1788
1788
  }
1789
- options.send('message_close', { trigger, state: getState$1() });
1789
+ if (trigger !== 'auto') {
1790
+ options.send('message_close', { trigger, state: getState$1() });
1791
+ }
1792
+ options.send('_message_state_changed', {
1793
+ trigger,
1794
+ oldState: getState$1(),
1795
+ newState: '',
1796
+ });
1790
1797
  setOpened(false);
1791
1798
  setClosed(true); // deprecated
1792
1799
  const { onCloseHandlers } = getInternalHandlers();
@@ -1822,7 +1829,14 @@ function createModal(App, options = {
1822
1829
  if (!result.success)
1823
1830
  return;
1824
1831
  }
1825
- options.send('message_open', { state: getState$1() });
1832
+ if (trigger !== 'auto') {
1833
+ options.send('message_open', { state: getState$1() });
1834
+ }
1835
+ options.send('_message_state_changed', {
1836
+ trigger,
1837
+ oldState: '',
1838
+ newState: getState$1(),
1839
+ });
1826
1840
  setOpened(true);
1827
1841
  setClosed(false); // deprecated
1828
1842
  // 非同期処理中にappが初期化されている可能性がある
@@ -2849,7 +2863,7 @@ function create_if_block$d(ctx) {
2849
2863
  };
2850
2864
  }
2851
2865
 
2852
- function create_fragment$15(ctx) {
2866
+ function create_fragment$17(ctx) {
2853
2867
  let head;
2854
2868
  let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
2855
2869
 
@@ -2891,7 +2905,7 @@ function create_fragment$15(ctx) {
2891
2905
  };
2892
2906
  }
2893
2907
 
2894
- function instance$15($$self, $$props, $$invalidate) {
2908
+ function instance$17($$self, $$props, $$invalidate) {
2895
2909
  let $fonts;
2896
2910
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2897
2911
  let googleFontUrl = '';
@@ -2921,13 +2935,13 @@ function instance$15($$self, $$props, $$invalidate) {
2921
2935
  class Header extends SvelteComponent {
2922
2936
  constructor(options) {
2923
2937
  super();
2924
- init(this, options, instance$15, create_fragment$15, safe_not_equal, {});
2938
+ init(this, options, instance$17, create_fragment$17, safe_not_equal, {});
2925
2939
  }
2926
2940
  }
2927
2941
 
2928
2942
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2929
2943
 
2930
- function create_fragment$14(ctx) {
2944
+ function create_fragment$16(ctx) {
2931
2945
  let header;
2932
2946
  let t;
2933
2947
  let current;
@@ -2991,7 +3005,7 @@ function create_fragment$14(ctx) {
2991
3005
  };
2992
3006
  }
2993
3007
 
2994
- function instance$14($$self, $$props, $$invalidate) {
3008
+ function instance$16($$self, $$props, $$invalidate) {
2995
3009
  let { $$slots: slots = {}, $$scope } = $$props;
2996
3010
 
2997
3011
  $$self.$$set = $$props => {
@@ -3004,13 +3018,13 @@ function instance$14($$self, $$props, $$invalidate) {
3004
3018
  class State extends SvelteComponent {
3005
3019
  constructor(options) {
3006
3020
  super();
3007
- init(this, options, instance$14, create_fragment$14, safe_not_equal, {});
3021
+ init(this, options, instance$16, create_fragment$16, safe_not_equal, {});
3008
3022
  }
3009
3023
  }
3010
3024
 
3011
3025
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3012
3026
 
3013
- function add_css$w(target) {
3027
+ function add_css$E(target) {
3014
3028
  append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3015
3029
  }
3016
3030
 
@@ -3087,7 +3101,7 @@ function create_if_block$c(ctx) {
3087
3101
  };
3088
3102
  }
3089
3103
 
3090
- function create_fragment$13(ctx) {
3104
+ function create_fragment$15(ctx) {
3091
3105
  let if_block_anchor;
3092
3106
  let current;
3093
3107
  let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
@@ -3152,7 +3166,7 @@ function getStateItemContext() {
3152
3166
  return getContext(STATE_ITEM_CONTEXT_KEY);
3153
3167
  }
3154
3168
 
3155
- function instance$13($$self, $$props, $$invalidate) {
3169
+ function instance$15($$self, $$props, $$invalidate) {
3156
3170
  let $state;
3157
3171
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3158
3172
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3178,7 +3192,7 @@ function instance$13($$self, $$props, $$invalidate) {
3178
3192
  class StateItem extends SvelteComponent {
3179
3193
  constructor(options) {
3180
3194
  super();
3181
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$w);
3195
+ init(this, options, instance$15, create_fragment$15, safe_not_equal, { path: 0 }, add_css$E);
3182
3196
  }
3183
3197
  }
3184
3198
 
@@ -3304,7 +3318,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3304
3318
 
3305
3319
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3306
3320
 
3307
- function add_css$v(target) {
3321
+ function add_css$D(target) {
3308
3322
  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}");
3309
3323
  }
3310
3324
 
@@ -3349,7 +3363,7 @@ function create_if_block$b(ctx) {
3349
3363
  };
3350
3364
  }
3351
3365
 
3352
- function create_fragment$12(ctx) {
3366
+ function create_fragment$14(ctx) {
3353
3367
  let if_block_anchor;
3354
3368
  let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
3355
3369
 
@@ -3389,7 +3403,7 @@ function create_fragment$12(ctx) {
3389
3403
  };
3390
3404
  }
3391
3405
 
3392
- function instance$12($$self, $$props, $$invalidate) {
3406
+ function instance$14($$self, $$props, $$invalidate) {
3393
3407
  let { backgroundOverlay = false } = $$props;
3394
3408
  let { class: className = undefined } = $$props;
3395
3409
  const dispatch = createEventDispatcher();
@@ -3403,12 +3417,12 @@ function instance$12($$self, $$props, $$invalidate) {
3403
3417
  return [backgroundOverlay, className, dispatch, click_handler];
3404
3418
  }
3405
3419
 
3406
- class BackgroundOverlay extends SvelteComponent {
3420
+ let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3407
3421
  constructor(options) {
3408
3422
  super();
3409
- init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$v);
3423
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$D);
3410
3424
  }
3411
- }
3425
+ };
3412
3426
 
3413
3427
  /**
3414
3428
  * data属性とカスタムのイベントハンドラによるstopPropagation。
@@ -3446,12 +3460,12 @@ function checkStopPropagation(eventName, handler) {
3446
3460
 
3447
3461
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3448
3462
 
3449
- function add_css$u(target) {
3463
+ function add_css$C(target) {
3450
3464
  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}");
3451
3465
  }
3452
3466
 
3453
3467
  // (50:0) {:else}
3454
- function create_else_block$4(ctx) {
3468
+ function create_else_block$5(ctx) {
3455
3469
  let button;
3456
3470
  let current;
3457
3471
  let mounted;
@@ -3546,7 +3560,7 @@ function create_else_block$4(ctx) {
3546
3560
  }
3547
3561
 
3548
3562
  // (46:39)
3549
- function create_if_block_2$1(ctx) {
3563
+ function create_if_block_2$2(ctx) {
3550
3564
  let div;
3551
3565
  let current;
3552
3566
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3615,7 +3629,7 @@ function create_if_block_2$1(ctx) {
3615
3629
  }
3616
3630
 
3617
3631
  // (35:41)
3618
- function create_if_block_1$2(ctx) {
3632
+ function create_if_block_1$3(ctx) {
3619
3633
  let a;
3620
3634
  let a_href_value;
3621
3635
  let a_target_value;
@@ -3797,12 +3811,12 @@ function create_if_block$a(ctx) {
3797
3811
  };
3798
3812
  }
3799
3813
 
3800
- function create_fragment$11(ctx) {
3814
+ function create_fragment$13(ctx) {
3801
3815
  let current_block_type_index;
3802
3816
  let if_block;
3803
3817
  let if_block_anchor;
3804
3818
  let current;
3805
- const if_block_creators = [create_if_block$a, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3819
+ const if_block_creators = [create_if_block$a, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
3806
3820
  const if_blocks = [];
3807
3821
 
3808
3822
  function select_block_type(ctx, dirty) {
@@ -3874,7 +3888,7 @@ function create_fragment$11(ctx) {
3874
3888
 
3875
3889
  const BUTTON_CLASS = 'button';
3876
3890
 
3877
- function instance$11($$self, $$props, $$invalidate) {
3891
+ function instance$13($$self, $$props, $$invalidate) {
3878
3892
  let disabled;
3879
3893
  let $valuesAreValid;
3880
3894
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3940,8 +3954,8 @@ let Button$1 = class Button extends SvelteComponent {
3940
3954
  init(
3941
3955
  this,
3942
3956
  options,
3943
- instance$11,
3944
- create_fragment$11,
3957
+ instance$13,
3958
+ create_fragment$13,
3945
3959
  safe_not_equal,
3946
3960
  {
3947
3961
  onClick: 0,
@@ -3949,23 +3963,23 @@ let Button$1 = class Button extends SvelteComponent {
3949
3963
  eventValue: 6,
3950
3964
  style: 1
3951
3965
  },
3952
- add_css$u
3966
+ add_css$C
3953
3967
  );
3954
3968
  }
3955
3969
  };
3956
3970
 
3957
3971
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3958
3972
 
3959
- function add_css$t(target) {
3973
+ function add_css$B(target) {
3960
3974
  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}}");
3961
3975
  }
3962
3976
 
3963
3977
  // (277:0) {:else}
3964
- function create_else_block$3(ctx) {
3978
+ function create_else_block$4(ctx) {
3965
3979
  let backgroundoverlay;
3966
3980
  let current;
3967
3981
 
3968
- backgroundoverlay = new BackgroundOverlay({
3982
+ backgroundoverlay = new BackgroundOverlay$1({
3969
3983
  props: {
3970
3984
  backgroundOverlay: /*backgroundOverlay*/ ctx[12]
3971
3985
  }
@@ -4008,13 +4022,13 @@ function create_else_block$3(ctx) {
4008
4022
  }
4009
4023
 
4010
4024
  // (266:24)
4011
- function create_if_block_3(ctx) {
4025
+ function create_if_block_3$1(ctx) {
4012
4026
  let backgroundoverlay0;
4013
4027
  let t;
4014
4028
  let backgroundoverlay1;
4015
4029
  let current;
4016
4030
 
4017
- backgroundoverlay0 = new BackgroundOverlay({
4031
+ backgroundoverlay0 = new BackgroundOverlay$1({
4018
4032
  props: {
4019
4033
  class: "background-bp-pc",
4020
4034
  backgroundOverlay: /*backgroundOverlayPC*/ ctx[13]
@@ -4025,7 +4039,7 @@ function create_if_block_3(ctx) {
4025
4039
  if (is_function(/*backgroundClickPC*/ ctx[19])) /*backgroundClickPC*/ ctx[19].apply(this, arguments);
4026
4040
  });
4027
4041
 
4028
- backgroundoverlay1 = new BackgroundOverlay({
4042
+ backgroundoverlay1 = new BackgroundOverlay$1({
4029
4043
  props: {
4030
4044
  class: "background-bp-sp ",
4031
4045
  backgroundOverlay: /*backgroundOverlaySP*/ ctx[14]
@@ -4082,7 +4096,7 @@ function create_if_block_3(ctx) {
4082
4096
  }
4083
4097
 
4084
4098
  // (264:0) {#if isPreview()}
4085
- function create_if_block_2(ctx) {
4099
+ function create_if_block_2$1(ctx) {
4086
4100
  return {
4087
4101
  c: noop,
4088
4102
  l: noop,
@@ -4190,7 +4204,7 @@ function create_if_block$9(ctx) {
4190
4204
  }
4191
4205
 
4192
4206
  // (293:6) {#if closable}
4193
- function create_if_block_1$1(ctx) {
4207
+ function create_if_block_1$2(ctx) {
4194
4208
  let div;
4195
4209
  let button;
4196
4210
  let current;
@@ -4323,7 +4337,7 @@ function create_default_slot$6(ctx) {
4323
4337
  let t;
4324
4338
  let div;
4325
4339
  let current;
4326
- let if_block = /*closable*/ ctx[21] && create_if_block_1$1(ctx);
4340
+ let if_block = /*closable*/ ctx[21] && create_if_block_1$2(ctx);
4327
4341
  const default_slot_template = /*#slots*/ ctx[31].default;
4328
4342
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
4329
4343
 
@@ -4368,7 +4382,7 @@ function create_default_slot$6(ctx) {
4368
4382
  transition_in(if_block, 1);
4369
4383
  }
4370
4384
  } else {
4371
- if_block = create_if_block_1$1(ctx);
4385
+ if_block = create_if_block_1$2(ctx);
4372
4386
  if_block.c();
4373
4387
  transition_in(if_block, 1);
4374
4388
  if_block.m(t.parentNode, t);
@@ -4422,7 +4436,7 @@ function create_default_slot$6(ctx) {
4422
4436
  };
4423
4437
  }
4424
4438
 
4425
- function create_fragment$10(ctx) {
4439
+ function create_fragment$12(ctx) {
4426
4440
  let show_if;
4427
4441
  let current_block_type_index;
4428
4442
  let if_block0;
@@ -4431,7 +4445,7 @@ function create_fragment$10(ctx) {
4431
4445
  let current;
4432
4446
  let mounted;
4433
4447
  let dispose;
4434
- const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block$3];
4448
+ const if_block_creators = [create_if_block_2$1, create_if_block_3$1, create_else_block$4];
4435
4449
  const if_blocks = [];
4436
4450
 
4437
4451
  function select_block_type(ctx, dirty) {
@@ -4546,7 +4560,7 @@ function create_fragment$10(ctx) {
4546
4560
  };
4547
4561
  }
4548
4562
 
4549
- function instance$10($$self, $$props, $$invalidate) {
4563
+ function instance$12($$self, $$props, $$invalidate) {
4550
4564
  let close;
4551
4565
  let closable;
4552
4566
  let backgroundClick;
@@ -4821,15 +4835,15 @@ function instance$10($$self, $$props, $$invalidate) {
4821
4835
  ];
4822
4836
  }
4823
4837
 
4824
- class Modal extends SvelteComponent {
4838
+ let Modal$1 = class Modal extends SvelteComponent {
4825
4839
  constructor(options) {
4826
4840
  super();
4827
4841
 
4828
4842
  init(
4829
4843
  this,
4830
4844
  options,
4831
- instance$10,
4832
- create_fragment$10,
4845
+ instance$12,
4846
+ create_fragment$12,
4833
4847
  safe_not_equal,
4834
4848
  {
4835
4849
  onClick: 0,
@@ -4847,15 +4861,15 @@ class Modal extends SvelteComponent {
4847
4861
  closeButtonColor: 9,
4848
4862
  _closeStyle: 10
4849
4863
  },
4850
- add_css$t,
4864
+ add_css$B,
4851
4865
  [-1, -1]
4852
4866
  );
4853
4867
  }
4854
- }
4868
+ };
4855
4869
 
4856
4870
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4857
4871
 
4858
- function create_fragment$$(ctx) {
4872
+ function create_fragment$11(ctx) {
4859
4873
  let div;
4860
4874
  let current;
4861
4875
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4923,7 +4937,7 @@ function create_fragment$$(ctx) {
4923
4937
  };
4924
4938
  }
4925
4939
 
4926
- function instance$$($$self, $$props, $$invalidate) {
4940
+ function instance$11($$self, $$props, $$invalidate) {
4927
4941
  let _style;
4928
4942
  let { $$slots: slots = {}, $$scope } = $$props;
4929
4943
  let { width = '512px' } = $$props;
@@ -4968,7 +4982,7 @@ class Grid extends SvelteComponent {
4968
4982
  constructor(options) {
4969
4983
  super();
4970
4984
 
4971
- init(this, options, instance$$, create_fragment$$, safe_not_equal, {
4985
+ init(this, options, instance$11, create_fragment$11, safe_not_equal, {
4972
4986
  width: 1,
4973
4987
  height: 2,
4974
4988
  rows: 3,
@@ -4981,11 +4995,11 @@ class Grid extends SvelteComponent {
4981
4995
 
4982
4996
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4983
4997
 
4984
- function add_css$s(target) {
4998
+ function add_css$A(target) {
4985
4999
  append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4986
5000
  }
4987
5001
 
4988
- function create_fragment$_(ctx) {
5002
+ function create_fragment$10(ctx) {
4989
5003
  let div1;
4990
5004
  let div0;
4991
5005
  let current;
@@ -5078,7 +5092,7 @@ function create_fragment$_(ctx) {
5078
5092
 
5079
5093
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5080
5094
 
5081
- function instance$_($$self, $$props, $$invalidate) {
5095
+ function instance$10($$self, $$props, $$invalidate) {
5082
5096
  let _style;
5083
5097
  let { $$slots: slots = {}, $$scope } = $$props;
5084
5098
  let { x1 } = $$props;
@@ -5127,8 +5141,8 @@ class GridItem extends SvelteComponent {
5127
5141
  init(
5128
5142
  this,
5129
5143
  options,
5130
- instance$_,
5131
- create_fragment$_,
5144
+ instance$10,
5145
+ create_fragment$10,
5132
5146
  safe_not_equal,
5133
5147
  {
5134
5148
  x1: 2,
@@ -5139,7 +5153,7 @@ class GridItem extends SvelteComponent {
5139
5153
  background: 7,
5140
5154
  gridItemId: 0
5141
5155
  },
5142
- add_css$s
5156
+ add_css$A
5143
5157
  );
5144
5158
  }
5145
5159
  }
@@ -5153,7 +5167,7 @@ function get_each_context$6(ctx, list, i) {
5153
5167
  }
5154
5168
 
5155
5169
  // (13:2) {:else}
5156
- function create_else_block$2(ctx) {
5170
+ function create_else_block$3(ctx) {
5157
5171
  let t_value = /*item*/ ctx[2] + "";
5158
5172
  let t;
5159
5173
 
@@ -5206,7 +5220,7 @@ function create_each_block$6(ctx) {
5206
5220
  if (dirty & /*items*/ 1) show_if = null;
5207
5221
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5208
5222
  if (show_if) return create_if_block$8;
5209
- return create_else_block$2;
5223
+ return create_else_block$3;
5210
5224
  }
5211
5225
 
5212
5226
  let current_block_type = select_block_type(ctx, -1);
@@ -5245,7 +5259,7 @@ function create_each_block$6(ctx) {
5245
5259
  };
5246
5260
  }
5247
5261
 
5248
- function create_fragment$Z(ctx) {
5262
+ function create_fragment$$(ctx) {
5249
5263
  let each_1_anchor;
5250
5264
  let each_value = /*items*/ ctx[0];
5251
5265
  let each_blocks = [];
@@ -5311,7 +5325,7 @@ function create_fragment$Z(ctx) {
5311
5325
 
5312
5326
  const regexp = /(\r?\n)/;
5313
5327
 
5314
- function instance$Z($$self, $$props, $$invalidate) {
5328
+ function instance$$($$self, $$props, $$invalidate) {
5315
5329
  let items;
5316
5330
  let { text = 'サンプルSample' } = $$props;
5317
5331
 
@@ -5332,18 +5346,18 @@ function instance$Z($$self, $$props, $$invalidate) {
5332
5346
  class RenderText extends SvelteComponent {
5333
5347
  constructor(options) {
5334
5348
  super();
5335
- init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { text: 1 });
5349
+ init(this, options, instance$$, create_fragment$$, safe_not_equal, { text: 1 });
5336
5350
  }
5337
5351
  }
5338
5352
 
5339
5353
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5340
5354
 
5341
- function add_css$r(target) {
5355
+ function add_css$z(target) {
5342
5356
  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}");
5343
5357
  }
5344
5358
 
5345
5359
  // (94:2) {:else}
5346
- function create_else_block$1(ctx) {
5360
+ function create_else_block$2(ctx) {
5347
5361
  let div1;
5348
5362
  let div0;
5349
5363
  let rendertext;
@@ -5522,12 +5536,12 @@ function create_if_block$7(ctx) {
5522
5536
  };
5523
5537
  }
5524
5538
 
5525
- function create_fragment$Y(ctx) {
5539
+ function create_fragment$_(ctx) {
5526
5540
  let div;
5527
5541
  let current_block_type_index;
5528
5542
  let if_block;
5529
5543
  let current;
5530
- const if_block_creators = [create_if_block$7, create_else_block$1];
5544
+ const if_block_creators = [create_if_block$7, create_else_block$2];
5531
5545
  const if_blocks = [];
5532
5546
 
5533
5547
  function select_block_type(ctx, dirty) {
@@ -5602,7 +5616,7 @@ function create_fragment$Y(ctx) {
5602
5616
  };
5603
5617
  }
5604
5618
 
5605
- function instance$Y($$self, $$props, $$invalidate) {
5619
+ function instance$_($$self, $$props, $$invalidate) {
5606
5620
  let style;
5607
5621
  let { text = 'テキストのコンテンツ' } = $$props;
5608
5622
  let { font = SYSTEM_FONT } = $$props;
@@ -5698,8 +5712,8 @@ class TextElement extends SvelteComponent {
5698
5712
  init(
5699
5713
  this,
5700
5714
  options,
5701
- instance$Y,
5702
- create_fragment$Y,
5715
+ instance$_,
5716
+ create_fragment$_,
5703
5717
  safe_not_equal,
5704
5718
  {
5705
5719
  text: 0,
@@ -5710,14 +5724,14 @@ class TextElement extends SvelteComponent {
5710
5724
  enableCopy: 2,
5711
5725
  eventName: 10
5712
5726
  },
5713
- add_css$r
5727
+ add_css$z
5714
5728
  );
5715
5729
  }
5716
5730
  }
5717
5731
 
5718
5732
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5719
5733
 
5720
- function add_css$q(target) {
5734
+ function add_css$y(target) {
5721
5735
  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)}");
5722
5736
  }
5723
5737
 
@@ -5758,7 +5772,7 @@ function create_default_slot$5(ctx) {
5758
5772
  };
5759
5773
  }
5760
5774
 
5761
- function create_fragment$X(ctx) {
5775
+ function create_fragment$Z(ctx) {
5762
5776
  let div;
5763
5777
  let button;
5764
5778
  let current;
@@ -5822,7 +5836,7 @@ function create_fragment$X(ctx) {
5822
5836
  };
5823
5837
  }
5824
5838
 
5825
- function instance$X($$self, $$props, $$invalidate) {
5839
+ function instance$Z($$self, $$props, $$invalidate) {
5826
5840
  let style;
5827
5841
  let { text = 'ボタンのラベル' } = $$props;
5828
5842
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5860,8 +5874,8 @@ class TextButtonElement extends SvelteComponent {
5860
5874
  init(
5861
5875
  this,
5862
5876
  options,
5863
- instance$X,
5864
- create_fragment$X,
5877
+ instance$Z,
5878
+ create_fragment$Z,
5865
5879
  safe_not_equal,
5866
5880
  {
5867
5881
  text: 0,
@@ -5871,14 +5885,14 @@ class TextButtonElement extends SvelteComponent {
5871
5885
  _buttonStyle: 5,
5872
5886
  _style: 6
5873
5887
  },
5874
- add_css$q
5888
+ add_css$y
5875
5889
  );
5876
5890
  }
5877
5891
  }
5878
5892
 
5879
5893
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5880
5894
 
5881
- function add_css$p(target) {
5895
+ function add_css$x(target) {
5882
5896
  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%}");
5883
5897
  }
5884
5898
 
@@ -5949,7 +5963,7 @@ function create_default_slot$4(ctx) {
5949
5963
  };
5950
5964
  }
5951
5965
 
5952
- function create_fragment$W(ctx) {
5966
+ function create_fragment$Y(ctx) {
5953
5967
  let div;
5954
5968
  let button;
5955
5969
  let div_class_value;
@@ -6018,7 +6032,7 @@ function create_fragment$W(ctx) {
6018
6032
  };
6019
6033
  }
6020
6034
 
6021
- function instance$W($$self, $$props, $$invalidate) {
6035
+ function instance$Y($$self, $$props, $$invalidate) {
6022
6036
  let { src = '' } = $$props;
6023
6037
  let { alt = '画像の説明' } = $$props;
6024
6038
  let { transport = false } = $$props;
@@ -6049,8 +6063,8 @@ class ImageElement extends SvelteComponent {
6049
6063
  init(
6050
6064
  this,
6051
6065
  options,
6052
- instance$W,
6053
- create_fragment$W,
6066
+ instance$Y,
6067
+ create_fragment$Y,
6054
6068
  safe_not_equal,
6055
6069
  {
6056
6070
  src: 0,
@@ -6062,18 +6076,18 @@ class ImageElement extends SvelteComponent {
6062
6076
  _imageStyle: 6,
6063
6077
  _style: 7
6064
6078
  },
6065
- add_css$p
6079
+ add_css$x
6066
6080
  );
6067
6081
  }
6068
6082
  }
6069
6083
 
6070
6084
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6071
6085
 
6072
- function add_css$o(target) {
6086
+ function add_css$w(target) {
6073
6087
  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}");
6074
6088
  }
6075
6089
 
6076
- function create_fragment$V(ctx) {
6090
+ function create_fragment$X(ctx) {
6077
6091
  let div;
6078
6092
  let current;
6079
6093
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6143,7 +6157,7 @@ function create_fragment$V(ctx) {
6143
6157
 
6144
6158
  const LIST_CONTEXT_KEY = Symbol();
6145
6159
 
6146
- function instance$V($$self, $$props, $$invalidate) {
6160
+ function instance$X($$self, $$props, $$invalidate) {
6147
6161
  let style;
6148
6162
  let { $$slots: slots = {}, $$scope } = $$props;
6149
6163
  let { direction = 'vertical' } = $$props;
@@ -6210,8 +6224,8 @@ class List extends SvelteComponent {
6210
6224
  init(
6211
6225
  this,
6212
6226
  options,
6213
- instance$V,
6214
- create_fragment$V,
6227
+ instance$X,
6228
+ create_fragment$X,
6215
6229
  safe_not_equal,
6216
6230
  {
6217
6231
  direction: 1,
@@ -6219,14 +6233,14 @@ class List extends SvelteComponent {
6219
6233
  background: 3,
6220
6234
  _style: 4
6221
6235
  },
6222
- add_css$o
6236
+ add_css$w
6223
6237
  );
6224
6238
  }
6225
6239
  }
6226
6240
 
6227
6241
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6228
6242
 
6229
- function add_css$n(target) {
6243
+ function add_css$v(target) {
6230
6244
  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}");
6231
6245
  }
6232
6246
 
@@ -6281,7 +6295,7 @@ function create_default_slot$3(ctx) {
6281
6295
  };
6282
6296
  }
6283
6297
 
6284
- function create_fragment$U(ctx) {
6298
+ function create_fragment$W(ctx) {
6285
6299
  let div;
6286
6300
  let button;
6287
6301
  let current;
@@ -6350,7 +6364,7 @@ function create_fragment$U(ctx) {
6350
6364
  };
6351
6365
  }
6352
6366
 
6353
- function instance$U($$self, $$props, $$invalidate) {
6367
+ function instance$W($$self, $$props, $$invalidate) {
6354
6368
  let listItemStyle;
6355
6369
  let { $$slots: slots = {}, $$scope } = $$props;
6356
6370
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6429,17 +6443,17 @@ function instance$U($$self, $$props, $$invalidate) {
6429
6443
  class ListItem extends SvelteComponent {
6430
6444
  constructor(options) {
6431
6445
  super();
6432
- init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$n);
6446
+ init(this, options, instance$W, create_fragment$W, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$v);
6433
6447
  }
6434
6448
  }
6435
6449
 
6436
6450
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6437
6451
 
6438
- function add_css$m(target) {
6452
+ function add_css$u(target) {
6439
6453
  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}");
6440
6454
  }
6441
6455
 
6442
- function create_fragment$T(ctx) {
6456
+ function create_fragment$V(ctx) {
6443
6457
  let div;
6444
6458
 
6445
6459
  return {
@@ -6475,7 +6489,7 @@ function create_fragment$T(ctx) {
6475
6489
  };
6476
6490
  }
6477
6491
 
6478
- function instance$T($$self, $$props, $$invalidate) {
6492
+ function instance$V($$self, $$props, $$invalidate) {
6479
6493
  let { code } = $$props;
6480
6494
  let { _style = '' } = $$props;
6481
6495
 
@@ -6490,17 +6504,17 @@ function instance$T($$self, $$props, $$invalidate) {
6490
6504
  class EmbedElement extends SvelteComponent {
6491
6505
  constructor(options) {
6492
6506
  super();
6493
- init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$m);
6507
+ init(this, options, instance$V, create_fragment$V, safe_not_equal, { code: 0, _style: 1 }, add_css$u);
6494
6508
  }
6495
6509
  }
6496
6510
 
6497
6511
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6498
6512
 
6499
- function add_css$l(target) {
6513
+ function add_css$t(target) {
6500
6514
  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%}");
6501
6515
  }
6502
6516
 
6503
- function create_fragment$S(ctx) {
6517
+ function create_fragment$U(ctx) {
6504
6518
  let div1;
6505
6519
  let div0;
6506
6520
 
@@ -6552,7 +6566,7 @@ function _setValue(obj, key, value) {
6552
6566
  }
6553
6567
  }
6554
6568
 
6555
- function instance$S($$self, $$props, $$invalidate) {
6569
+ function instance$U($$self, $$props, $$invalidate) {
6556
6570
  let $system;
6557
6571
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6558
6572
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6823,8 +6837,8 @@ class MovieYouTubeElement extends SvelteComponent {
6823
6837
  init(
6824
6838
  this,
6825
6839
  options,
6826
- instance$S,
6827
- create_fragment$S,
6840
+ instance$U,
6841
+ create_fragment$U,
6828
6842
  safe_not_equal,
6829
6843
  {
6830
6844
  videoId: 2,
@@ -6853,7 +6867,7 @@ class MovieYouTubeElement extends SvelteComponent {
6853
6867
  mute: 25,
6854
6868
  _style: 0
6855
6869
  },
6856
- add_css$l,
6870
+ add_css$t,
6857
6871
  [-1, -1]
6858
6872
  );
6859
6873
  }
@@ -6861,11 +6875,11 @@ class MovieYouTubeElement extends SvelteComponent {
6861
6875
 
6862
6876
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6863
6877
 
6864
- function add_css$k(target) {
6878
+ function add_css$s(target) {
6865
6879
  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%}");
6866
6880
  }
6867
6881
 
6868
- function create_fragment$R(ctx) {
6882
+ function create_fragment$T(ctx) {
6869
6883
  let div1;
6870
6884
  let div0;
6871
6885
 
@@ -6907,7 +6921,7 @@ function create_fragment$R(ctx) {
6907
6921
  };
6908
6922
  }
6909
6923
 
6910
- function instance$R($$self, $$props, $$invalidate) {
6924
+ function instance$T($$self, $$props, $$invalidate) {
6911
6925
  let $system;
6912
6926
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6913
6927
  let { videoId = "201239468" } = $$props;
@@ -7050,8 +7064,8 @@ class MovieVimeoElement extends SvelteComponent {
7050
7064
  init(
7051
7065
  this,
7052
7066
  options,
7053
- instance$R,
7054
- create_fragment$R,
7067
+ instance$T,
7068
+ create_fragment$T,
7055
7069
  safe_not_equal,
7056
7070
  {
7057
7071
  videoId: 2,
@@ -7061,18 +7075,18 @@ class MovieVimeoElement extends SvelteComponent {
7061
7075
  mute: 6,
7062
7076
  _style: 0
7063
7077
  },
7064
- add_css$k
7078
+ add_css$s
7065
7079
  );
7066
7080
  }
7067
7081
  }
7068
7082
 
7069
7083
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7070
7084
 
7071
- function add_css$j(target) {
7085
+ function add_css$r(target) {
7072
7086
  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}");
7073
7087
  }
7074
7088
 
7075
- function create_fragment$Q(ctx) {
7089
+ function create_fragment$S(ctx) {
7076
7090
  let div;
7077
7091
  let textarea;
7078
7092
  let mounted;
@@ -7147,7 +7161,7 @@ function create_fragment$Q(ctx) {
7147
7161
  };
7148
7162
  }
7149
7163
 
7150
- function instance$Q($$self, $$props, $$invalidate) {
7164
+ function instance$S($$self, $$props, $$invalidate) {
7151
7165
  let style;
7152
7166
  let styleVariables;
7153
7167
  let $value;
@@ -7235,8 +7249,8 @@ class FormTextarea extends SvelteComponent {
7235
7249
  init(
7236
7250
  this,
7237
7251
  options,
7238
- instance$Q,
7239
- create_fragment$Q,
7252
+ instance$S,
7253
+ create_fragment$S,
7240
7254
  safe_not_equal,
7241
7255
  {
7242
7256
  name: 7,
@@ -7248,14 +7262,14 @@ class FormTextarea extends SvelteComponent {
7248
7262
  _textStyle: 11,
7249
7263
  _placeholderStyle: 12
7250
7264
  },
7251
- add_css$j
7265
+ add_css$r
7252
7266
  );
7253
7267
  }
7254
7268
  }
7255
7269
 
7256
7270
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7257
7271
 
7258
- function add_css$i(target) {
7272
+ function add_css$q(target) {
7259
7273
  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}");
7260
7274
  }
7261
7275
 
@@ -7368,7 +7382,7 @@ function create_each_block$5(ctx) {
7368
7382
  };
7369
7383
  }
7370
7384
 
7371
- function create_fragment$P(ctx) {
7385
+ function create_fragment$R(ctx) {
7372
7386
  let div;
7373
7387
  let each_value = /*_options*/ ctx[4];
7374
7388
  let each_blocks = [];
@@ -7446,7 +7460,7 @@ function create_fragment$P(ctx) {
7446
7460
  };
7447
7461
  }
7448
7462
 
7449
- function instance$P($$self, $$props, $$invalidate) {
7463
+ function instance$R($$self, $$props, $$invalidate) {
7450
7464
  let _options;
7451
7465
  let buttonStyle;
7452
7466
  let _value;
@@ -7546,8 +7560,8 @@ class FormRadioButtons extends SvelteComponent {
7546
7560
  init(
7547
7561
  this,
7548
7562
  options,
7549
- instance$P,
7550
- create_fragment$P,
7563
+ instance$R,
7564
+ create_fragment$R,
7551
7565
  safe_not_equal,
7552
7566
  {
7553
7567
  name: 0,
@@ -7560,14 +7574,14 @@ class FormRadioButtons extends SvelteComponent {
7560
7574
  buttonColor: 13,
7561
7575
  buttonColorActive: 14
7562
7576
  },
7563
- add_css$i
7577
+ add_css$q
7564
7578
  );
7565
7579
  }
7566
7580
  }
7567
7581
 
7568
7582
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7569
7583
 
7570
- function add_css$h(target) {
7584
+ function add_css$p(target) {
7571
7585
  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}");
7572
7586
  }
7573
7587
 
@@ -7579,7 +7593,7 @@ function get_each_context$4(ctx, list, i) {
7579
7593
  }
7580
7594
 
7581
7595
  // (107:10) {:else}
7582
- function create_else_block(ctx) {
7596
+ function create_else_block$1(ctx) {
7583
7597
  let t;
7584
7598
 
7585
7599
  return {
@@ -7634,7 +7648,7 @@ function create_each_block$4(ctx) {
7634
7648
 
7635
7649
  function select_block_type(ctx, dirty) {
7636
7650
  if (/*option*/ ctx[19]) return create_if_block$6;
7637
- return create_else_block;
7651
+ return create_else_block$1;
7638
7652
  }
7639
7653
 
7640
7654
  let current_block_type = select_block_type(ctx);
@@ -7694,7 +7708,7 @@ function create_each_block$4(ctx) {
7694
7708
  };
7695
7709
  }
7696
7710
 
7697
- function create_fragment$O(ctx) {
7711
+ function create_fragment$Q(ctx) {
7698
7712
  let div1;
7699
7713
  let select;
7700
7714
  let t;
@@ -7804,7 +7818,7 @@ function create_fragment$O(ctx) {
7804
7818
  };
7805
7819
  }
7806
7820
 
7807
- function instance$O($$self, $$props, $$invalidate) {
7821
+ function instance$Q($$self, $$props, $$invalidate) {
7808
7822
  let _options;
7809
7823
  let style;
7810
7824
  let styleVariables;
@@ -7920,8 +7934,8 @@ class FormSelect extends SvelteComponent {
7920
7934
  init(
7921
7935
  this,
7922
7936
  options,
7923
- instance$O,
7924
- create_fragment$O,
7937
+ instance$Q,
7938
+ create_fragment$Q,
7925
7939
  safe_not_equal,
7926
7940
  {
7927
7941
  name: 7,
@@ -7936,14 +7950,14 @@ class FormSelect extends SvelteComponent {
7936
7950
  iconColor: 15,
7937
7951
  iconSize: 16
7938
7952
  },
7939
- add_css$h
7953
+ add_css$p
7940
7954
  );
7941
7955
  }
7942
7956
  }
7943
7957
 
7944
7958
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7945
7959
 
7946
- function add_css$g(target) {
7960
+ function add_css$o(target) {
7947
7961
  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}");
7948
7962
  }
7949
7963
 
@@ -8072,7 +8086,7 @@ function create_each_block$3(ctx) {
8072
8086
  };
8073
8087
  }
8074
8088
 
8075
- function create_fragment$N(ctx) {
8089
+ function create_fragment$P(ctx) {
8076
8090
  let div;
8077
8091
  let each_value = /*_options*/ ctx[3];
8078
8092
  let each_blocks = [];
@@ -8150,7 +8164,7 @@ function create_fragment$N(ctx) {
8150
8164
  };
8151
8165
  }
8152
8166
 
8153
- function instance$N($$self, $$props, $$invalidate) {
8167
+ function instance$P($$self, $$props, $$invalidate) {
8154
8168
  let _options;
8155
8169
  let styleVariables;
8156
8170
  let isCheckedArray;
@@ -8256,8 +8270,8 @@ class FormCheckBoxes extends SvelteComponent {
8256
8270
  init(
8257
8271
  this,
8258
8272
  options,
8259
- instance$N,
8260
- create_fragment$N,
8273
+ instance$P,
8274
+ create_fragment$P,
8261
8275
  safe_not_equal,
8262
8276
  {
8263
8277
  name: 0,
@@ -8270,14 +8284,14 @@ class FormCheckBoxes extends SvelteComponent {
8270
8284
  buttonColor: 13,
8271
8285
  buttonColorActive: 14
8272
8286
  },
8273
- add_css$g
8287
+ add_css$o
8274
8288
  );
8275
8289
  }
8276
8290
  }
8277
8291
 
8278
8292
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8279
8293
 
8280
- function add_css$f(target) {
8294
+ function add_css$n(target) {
8281
8295
  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}");
8282
8296
  }
8283
8297
 
@@ -8345,7 +8359,7 @@ function create_each_block$2(ctx) {
8345
8359
  };
8346
8360
  }
8347
8361
 
8348
- function create_fragment$M(ctx) {
8362
+ function create_fragment$O(ctx) {
8349
8363
  let div;
8350
8364
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8351
8365
  let each_blocks = [];
@@ -8418,7 +8432,7 @@ function create_fragment$M(ctx) {
8418
8432
  };
8419
8433
  }
8420
8434
 
8421
- function instance$M($$self, $$props, $$invalidate) {
8435
+ function instance$O($$self, $$props, $$invalidate) {
8422
8436
  let _value;
8423
8437
  let $value;
8424
8438
  let { name = '' } = $$props;
@@ -8500,8 +8514,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8500
8514
  init(
8501
8515
  this,
8502
8516
  options,
8503
- instance$M,
8504
- create_fragment$M,
8517
+ instance$O,
8518
+ create_fragment$O,
8505
8519
  safe_not_equal,
8506
8520
  {
8507
8521
  name: 6,
@@ -8512,14 +8526,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
8512
8526
  buttonStyle: 9,
8513
8527
  buttonActiveStyle: 10
8514
8528
  },
8515
- add_css$f
8529
+ add_css$n
8516
8530
  );
8517
8531
  }
8518
8532
  }
8519
8533
 
8520
8534
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8521
8535
 
8522
- function add_css$e(target) {
8536
+ function add_css$m(target) {
8523
8537
  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%)}");
8524
8538
  }
8525
8539
 
@@ -8590,7 +8604,7 @@ function create_each_block$1(ctx) {
8590
8604
  };
8591
8605
  }
8592
8606
 
8593
- function create_fragment$L(ctx) {
8607
+ function create_fragment$N(ctx) {
8594
8608
  let div;
8595
8609
  let each_value = [...Array(count).keys()].reverse().map(func);
8596
8610
  let each_blocks = [];
@@ -8666,7 +8680,7 @@ function create_fragment$L(ctx) {
8666
8680
  const count = 5;
8667
8681
  const func = i => i + 1;
8668
8682
 
8669
- function instance$L($$self, $$props, $$invalidate) {
8683
+ function instance$N($$self, $$props, $$invalidate) {
8670
8684
  let _value;
8671
8685
  let buttonStyle;
8672
8686
  let $value;
@@ -8722,17 +8736,17 @@ function instance$L($$self, $$props, $$invalidate) {
8722
8736
  class FormRatingButtonsFace extends SvelteComponent {
8723
8737
  constructor(options) {
8724
8738
  super();
8725
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$e);
8739
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$m);
8726
8740
  }
8727
8741
  }
8728
8742
 
8729
8743
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8730
8744
 
8731
- function add_css$d(target) {
8745
+ function add_css$l(target) {
8732
8746
  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}");
8733
8747
  }
8734
8748
 
8735
- function create_fragment$K(ctx) {
8749
+ function create_fragment$M(ctx) {
8736
8750
  let div;
8737
8751
  let input;
8738
8752
  let input_class_value;
@@ -8813,7 +8827,7 @@ function create_fragment$K(ctx) {
8813
8827
  };
8814
8828
  }
8815
8829
 
8816
- function instance$K($$self, $$props, $$invalidate) {
8830
+ function instance$M($$self, $$props, $$invalidate) {
8817
8831
  let style;
8818
8832
  let styleVariables;
8819
8833
  let isValidForUI;
@@ -8944,8 +8958,8 @@ class FormIdentifyInput extends SvelteComponent {
8944
8958
  init(
8945
8959
  this,
8946
8960
  options,
8947
- instance$K,
8948
- create_fragment$K,
8961
+ instance$M,
8962
+ create_fragment$M,
8949
8963
  safe_not_equal,
8950
8964
  {
8951
8965
  field: 9,
@@ -8959,18 +8973,18 @@ class FormIdentifyInput extends SvelteComponent {
8959
8973
  _textStyle: 15,
8960
8974
  _placeholderStyle: 16
8961
8975
  },
8962
- add_css$d
8976
+ add_css$l
8963
8977
  );
8964
8978
  }
8965
8979
  }
8966
8980
 
8967
8981
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8968
8982
 
8969
- function add_css$c(target) {
8983
+ function add_css$k(target) {
8970
8984
  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}");
8971
8985
  }
8972
8986
 
8973
- function create_fragment$J(ctx) {
8987
+ function create_fragment$L(ctx) {
8974
8988
  let div;
8975
8989
  let label0;
8976
8990
  let input0;
@@ -9111,7 +9125,7 @@ function create_fragment$J(ctx) {
9111
9125
  };
9112
9126
  }
9113
9127
 
9114
- function instance$J($$self, $$props, $$invalidate) {
9128
+ function instance$L($$self, $$props, $$invalidate) {
9115
9129
  let buttonStyle;
9116
9130
  let $value;
9117
9131
  let { field = 'subscription' } = $$props;
@@ -9193,8 +9207,8 @@ class FormIdentifyChoices extends SvelteComponent {
9193
9207
  init(
9194
9208
  this,
9195
9209
  options,
9196
- instance$J,
9197
- create_fragment$J,
9210
+ instance$L,
9211
+ create_fragment$L,
9198
9212
  safe_not_equal,
9199
9213
  {
9200
9214
  field: 6,
@@ -9206,14 +9220,14 @@ class FormIdentifyChoices extends SvelteComponent {
9206
9220
  buttonColor: 10,
9207
9221
  buttonColorActive: 11
9208
9222
  },
9209
- add_css$c
9223
+ add_css$k
9210
9224
  );
9211
9225
  }
9212
9226
  }
9213
9227
 
9214
9228
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9215
9229
 
9216
- function add_css$b(target) {
9230
+ function add_css$j(target) {
9217
9231
  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%}");
9218
9232
  }
9219
9233
 
@@ -9225,7 +9239,7 @@ function get_each_context(ctx, list, i) {
9225
9239
  }
9226
9240
 
9227
9241
  // (371:2) {#if isVisiblePrevButton}
9228
- function create_if_block_1(ctx) {
9242
+ function create_if_block_1$1(ctx) {
9229
9243
  let div;
9230
9244
  let button;
9231
9245
  let svg;
@@ -9424,7 +9438,7 @@ function create_each_block(ctx) {
9424
9438
  };
9425
9439
  }
9426
9440
 
9427
- function create_fragment$I(ctx) {
9441
+ function create_fragment$K(ctx) {
9428
9442
  let div3;
9429
9443
  let div1;
9430
9444
  let div0;
@@ -9436,7 +9450,7 @@ function create_fragment$I(ctx) {
9436
9450
  let current;
9437
9451
  const default_slot_template = /*#slots*/ ctx[32].default;
9438
9452
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
9439
- let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
9453
+ let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
9440
9454
  let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
9441
9455
  let each_value = /*items*/ ctx[1];
9442
9456
  let each_blocks = [];
@@ -9563,7 +9577,7 @@ function create_fragment$I(ctx) {
9563
9577
  if (if_block0) {
9564
9578
  if_block0.p(ctx, dirty);
9565
9579
  } else {
9566
- if_block0 = create_if_block_1(ctx);
9580
+ if_block0 = create_if_block_1$1(ctx);
9567
9581
  if_block0.c();
9568
9582
  if_block0.m(div3, t1);
9569
9583
  }
@@ -9648,7 +9662,7 @@ function calcPositionIndex(shift, index, length) {
9648
9662
  }
9649
9663
  }
9650
9664
 
9651
- function instance$I($$self, $$props, $$invalidate) {
9665
+ function instance$K($$self, $$props, $$invalidate) {
9652
9666
  let slideStyle;
9653
9667
  let slideClass;
9654
9668
  let _loop;
@@ -10101,8 +10115,8 @@ class Slide extends SvelteComponent {
10101
10115
  init(
10102
10116
  this,
10103
10117
  options,
10104
- instance$I,
10105
- create_fragment$I,
10118
+ instance$K,
10119
+ create_fragment$K,
10106
10120
  safe_not_equal,
10107
10121
  {
10108
10122
  loop: 18,
@@ -10116,7 +10130,7 @@ class Slide extends SvelteComponent {
10116
10130
  navigationButton: 25,
10117
10131
  navigationEdgePosition: 26
10118
10132
  },
10119
- add_css$b,
10133
+ add_css$j,
10120
10134
  [-1, -1, -1]
10121
10135
  );
10122
10136
  }
@@ -10124,11 +10138,11 @@ class Slide extends SvelteComponent {
10124
10138
 
10125
10139
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10126
10140
 
10127
- function add_css$a(target) {
10141
+ function add_css$i(target) {
10128
10142
  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}");
10129
10143
  }
10130
10144
 
10131
- function create_fragment$H(ctx) {
10145
+ function create_fragment$J(ctx) {
10132
10146
  let div1;
10133
10147
  let div0;
10134
10148
  let current;
@@ -10208,7 +10222,7 @@ function create_fragment$H(ctx) {
10208
10222
  };
10209
10223
  }
10210
10224
 
10211
- function instance$H($$self, $$props, $$invalidate) {
10225
+ function instance$J($$self, $$props, $$invalidate) {
10212
10226
  let itemStyle;
10213
10227
  let { $$slots: slots = {}, $$scope } = $$props;
10214
10228
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10274,20 +10288,20 @@ function instance$H($$self, $$props, $$invalidate) {
10274
10288
  class SlideItem extends SvelteComponent {
10275
10289
  constructor(options) {
10276
10290
  super();
10277
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$a);
10291
+ init(this, options, instance$J, create_fragment$J, safe_not_equal, { _style: 0 }, add_css$i);
10278
10292
  }
10279
10293
  }
10280
10294
 
10281
10295
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10282
10296
 
10283
- function add_css$9(target) {
10297
+ function add_css$h(target) {
10284
10298
  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}");
10285
10299
  }
10286
10300
 
10287
10301
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10288
10302
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
10289
10303
 
10290
- function create_fragment$G(ctx) {
10304
+ function create_fragment$I(ctx) {
10291
10305
  let div1;
10292
10306
  let div0;
10293
10307
  let current;
@@ -10380,7 +10394,7 @@ function formatTimeDiff(ms) {
10380
10394
  };
10381
10395
  }
10382
10396
 
10383
- function instance$G($$self, $$props, $$invalidate) {
10397
+ function instance$I($$self, $$props, $$invalidate) {
10384
10398
  let countdown;
10385
10399
  let { $$slots: slots = {}, $$scope } = $$props;
10386
10400
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10437,13 +10451,13 @@ function instance$G($$self, $$props, $$invalidate) {
10437
10451
  class Countdown extends SvelteComponent {
10438
10452
  constructor(options) {
10439
10453
  super();
10440
- init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$9);
10454
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$h);
10441
10455
  }
10442
10456
  }
10443
10457
 
10444
10458
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10445
10459
 
10446
- function add_css$8(target) {
10460
+ function add_css$g(target) {
10447
10461
  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}");
10448
10462
  }
10449
10463
 
@@ -10498,7 +10512,7 @@ function create_default_slot$2(ctx) {
10498
10512
  };
10499
10513
  }
10500
10514
 
10501
- function create_fragment$F(ctx) {
10515
+ function create_fragment$H(ctx) {
10502
10516
  let div;
10503
10517
  let button;
10504
10518
  let current;
@@ -10562,7 +10576,7 @@ function create_fragment$F(ctx) {
10562
10576
  };
10563
10577
  }
10564
10578
 
10565
- function instance$F($$self, $$props, $$invalidate) {
10579
+ function instance$H($$self, $$props, $$invalidate) {
10566
10580
  let { $$slots: slots = {}, $$scope } = $$props;
10567
10581
  let { onClick = { operation: 'none', args: [] } } = $$props;
10568
10582
  let { eventName = '' } = $$props;
@@ -10581,13 +10595,13 @@ function instance$F($$self, $$props, $$invalidate) {
10581
10595
  class Box extends SvelteComponent {
10582
10596
  constructor(options) {
10583
10597
  super();
10584
- init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$8);
10598
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$g);
10585
10599
  }
10586
10600
  }
10587
10601
 
10588
10602
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10589
10603
 
10590
- function add_css$7(target) {
10604
+ function add_css$f(target) {
10591
10605
  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)}");
10592
10606
  }
10593
10607
 
@@ -10663,7 +10677,7 @@ function create_default_slot$1(ctx) {
10663
10677
  };
10664
10678
  }
10665
10679
 
10666
- function create_fragment$E(ctx) {
10680
+ function create_fragment$G(ctx) {
10667
10681
  let div;
10668
10682
  let button;
10669
10683
  let current;
@@ -10734,7 +10748,7 @@ function parseData(dataUrl) {
10734
10748
  return decodeURIComponent(data).replaceAll('\'', '"');
10735
10749
  }
10736
10750
 
10737
- function instance$E($$self, $$props, $$invalidate) {
10751
+ function instance$G($$self, $$props, $$invalidate) {
10738
10752
  let svg;
10739
10753
  let styleVariables;
10740
10754
  let style;
@@ -10782,8 +10796,8 @@ class IconElement extends SvelteComponent {
10782
10796
  init(
10783
10797
  this,
10784
10798
  options,
10785
- instance$E,
10786
- create_fragment$E,
10799
+ instance$G,
10800
+ create_fragment$G,
10787
10801
  safe_not_equal,
10788
10802
  {
10789
10803
  icon: 4,
@@ -10793,18 +10807,18 @@ class IconElement extends SvelteComponent {
10793
10807
  color: 6,
10794
10808
  _style: 7
10795
10809
  },
10796
- add_css$7
10810
+ add_css$f
10797
10811
  );
10798
10812
  }
10799
10813
  }
10800
10814
 
10801
10815
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10802
10816
 
10803
- function add_css$6(target) {
10817
+ function add_css$e(target) {
10804
10818
  append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10805
10819
  }
10806
10820
 
10807
- function create_fragment$D(ctx) {
10821
+ function create_fragment$F(ctx) {
10808
10822
  let div;
10809
10823
  let switch_instance;
10810
10824
  let current;
@@ -10894,7 +10908,7 @@ function create_fragment$D(ctx) {
10894
10908
  };
10895
10909
  }
10896
10910
 
10897
- function instance$D($$self, $$props, $$invalidate) {
10911
+ function instance$F($$self, $$props, $$invalidate) {
10898
10912
  let $data,
10899
10913
  $$unsubscribe_data = noop,
10900
10914
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10919,17 +10933,17 @@ function instance$D($$self, $$props, $$invalidate) {
10919
10933
  class CodeElement extends SvelteComponent {
10920
10934
  constructor(options) {
10921
10935
  super();
10922
- init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$6);
10936
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$e);
10923
10937
  }
10924
10938
  }
10925
10939
 
10926
10940
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10927
10941
 
10928
- function add_css$5(target) {
10942
+ function add_css$d(target) {
10929
10943
  append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10930
10944
  }
10931
10945
 
10932
- function create_fragment$C(ctx) {
10946
+ function create_fragment$E(ctx) {
10933
10947
  let div;
10934
10948
  let div_style_value;
10935
10949
  let current;
@@ -11004,7 +11018,7 @@ function getFlexContext() {
11004
11018
  return getContext(FlexContextKey);
11005
11019
  }
11006
11020
 
11007
- function instance$C($$self, $$props, $$invalidate) {
11021
+ function instance$E($$self, $$props, $$invalidate) {
11008
11022
  let { $$slots: slots = {}, $$scope } = $$props;
11009
11023
  let { direction = 'row' } = $$props;
11010
11024
  let { width = '100%' } = $$props;
@@ -11030,8 +11044,8 @@ class Flex extends SvelteComponent {
11030
11044
  init(
11031
11045
  this,
11032
11046
  options,
11033
- instance$C,
11034
- create_fragment$C,
11047
+ instance$E,
11048
+ create_fragment$E,
11035
11049
  safe_not_equal,
11036
11050
  {
11037
11051
  direction: 0,
@@ -11039,18 +11053,18 @@ class Flex extends SvelteComponent {
11039
11053
  height: 2,
11040
11054
  _style: 3
11041
11055
  },
11042
- add_css$5
11056
+ add_css$d
11043
11057
  );
11044
11058
  }
11045
11059
  }
11046
11060
 
11047
11061
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11048
11062
 
11049
- function add_css$4(target) {
11063
+ function add_css$c(target) {
11050
11064
  append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11051
11065
  }
11052
11066
 
11053
- function create_fragment$B(ctx) {
11067
+ function create_fragment$D(ctx) {
11054
11068
  let div;
11055
11069
  let current;
11056
11070
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11118,7 +11132,7 @@ function create_fragment$B(ctx) {
11118
11132
  };
11119
11133
  }
11120
11134
 
11121
- function instance$B($$self, $$props, $$invalidate) {
11135
+ function instance$D($$self, $$props, $$invalidate) {
11122
11136
  let { $$slots: slots = {}, $$scope } = $$props;
11123
11137
  let { length } = $$props;
11124
11138
  let { _style = '' } = $$props;
@@ -11161,7 +11175,7 @@ function instance$B($$self, $$props, $$invalidate) {
11161
11175
  class FlexItem extends SvelteComponent {
11162
11176
  constructor(options) {
11163
11177
  super();
11164
- init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$4);
11178
+ init(this, options, instance$D, create_fragment$D, safe_not_equal, { length: 1, _style: 2 }, add_css$c);
11165
11179
  }
11166
11180
  }
11167
11181
 
@@ -11281,7 +11295,7 @@ function create_default_slot(ctx) {
11281
11295
  let modal;
11282
11296
  let current;
11283
11297
 
11284
- modal = new Modal({
11298
+ modal = new Modal$1({
11285
11299
  props: {
11286
11300
  placement: /*placement*/ ctx[4],
11287
11301
  animation: /*animation*/ ctx[5],
@@ -11345,7 +11359,7 @@ function create_default_slot(ctx) {
11345
11359
  };
11346
11360
  }
11347
11361
 
11348
- function create_fragment$A(ctx) {
11362
+ function create_fragment$C(ctx) {
11349
11363
  let stateitem;
11350
11364
  let current;
11351
11365
 
@@ -11393,7 +11407,7 @@ function create_fragment$A(ctx) {
11393
11407
  };
11394
11408
  }
11395
11409
 
11396
- function instance$A($$self, $$props, $$invalidate) {
11410
+ function instance$C($$self, $$props, $$invalidate) {
11397
11411
  let { $$slots: slots = {}, $$scope } = $$props;
11398
11412
  let { path } = $$props;
11399
11413
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11464,7 +11478,7 @@ class GridModalState extends SvelteComponent {
11464
11478
  constructor(options) {
11465
11479
  super();
11466
11480
 
11467
- init(this, options, instance$A, create_fragment$A, safe_not_equal, {
11481
+ init(this, options, instance$C, create_fragment$C, safe_not_equal, {
11468
11482
  path: 0,
11469
11483
  onClick: 1,
11470
11484
  clickEventName: 2,
@@ -11489,11 +11503,11 @@ class GridModalState extends SvelteComponent {
11489
11503
 
11490
11504
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11491
11505
 
11492
- function add_css$3(target) {
11506
+ function add_css$b(target) {
11493
11507
  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%}");
11494
11508
  }
11495
11509
 
11496
- function create_fragment$z(ctx) {
11510
+ function create_fragment$B(ctx) {
11497
11511
  let div1;
11498
11512
  let div0;
11499
11513
  let rendertext;
@@ -11558,7 +11572,7 @@ function create_fragment$z(ctx) {
11558
11572
  };
11559
11573
  }
11560
11574
 
11561
- function instance$z($$self, $$props, $$invalidate) {
11575
+ function instance$B($$self, $$props, $$invalidate) {
11562
11576
  let style;
11563
11577
  let { text = 'サンプルSample' } = $$props;
11564
11578
  let { font = SYSTEM_FONT } = $$props;
@@ -11594,8 +11608,8 @@ class TextBlock extends SvelteComponent {
11594
11608
  init(
11595
11609
  this,
11596
11610
  options,
11597
- instance$z,
11598
- create_fragment$z,
11611
+ instance$B,
11612
+ create_fragment$B,
11599
11613
  safe_not_equal,
11600
11614
  {
11601
11615
  text: 0,
@@ -11604,18 +11618,18 @@ class TextBlock extends SvelteComponent {
11604
11618
  textDirection: 1,
11605
11619
  _style: 5
11606
11620
  },
11607
- add_css$3
11621
+ add_css$b
11608
11622
  );
11609
11623
  }
11610
11624
  }
11611
11625
 
11612
11626
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11613
11627
 
11614
- function add_css$2(target) {
11628
+ function add_css$a(target) {
11615
11629
  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)}");
11616
11630
  }
11617
11631
 
11618
- function create_fragment$y(ctx) {
11632
+ function create_fragment$A(ctx) {
11619
11633
  let div;
11620
11634
  let button;
11621
11635
  let rendertext;
@@ -11689,7 +11703,7 @@ function create_fragment$y(ctx) {
11689
11703
  };
11690
11704
  }
11691
11705
 
11692
- function instance$y($$self, $$props, $$invalidate) {
11706
+ function instance$A($$self, $$props, $$invalidate) {
11693
11707
  let { text = 'ボタンラベル' } = $$props;
11694
11708
  let { onClick = { operation: 'none', args: [] } } = $$props;
11695
11709
 
@@ -11731,8 +11745,8 @@ class TextButtonBlock extends SvelteComponent {
11731
11745
  init(
11732
11746
  this,
11733
11747
  options,
11734
- instance$y,
11735
- create_fragment$y,
11748
+ instance$A,
11749
+ create_fragment$A,
11736
11750
  safe_not_equal,
11737
11751
  {
11738
11752
  text: 0,
@@ -11742,18 +11756,18 @@ class TextButtonBlock extends SvelteComponent {
11742
11756
  _buttonStyle: 1,
11743
11757
  _style: 2
11744
11758
  },
11745
- add_css$2
11759
+ add_css$a
11746
11760
  );
11747
11761
  }
11748
11762
  }
11749
11763
 
11750
11764
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11751
11765
 
11752
- function add_css$1(target) {
11766
+ function add_css$9(target) {
11753
11767
  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)}");
11754
11768
  }
11755
11769
 
11756
- function create_fragment$x(ctx) {
11770
+ function create_fragment$z(ctx) {
11757
11771
  let div;
11758
11772
  let img;
11759
11773
  let img_style_value;
@@ -11836,7 +11850,7 @@ function create_fragment$x(ctx) {
11836
11850
  };
11837
11851
  }
11838
11852
 
11839
- function instance$x($$self, $$props, $$invalidate) {
11853
+ function instance$z($$self, $$props, $$invalidate) {
11840
11854
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11841
11855
  let { alt = 'No Image' } = $$props;
11842
11856
  let { transport = false } = $$props;
@@ -11876,8 +11890,8 @@ class ImageBlock extends SvelteComponent {
11876
11890
  init(
11877
11891
  this,
11878
11892
  options,
11879
- instance$x,
11880
- create_fragment$x,
11893
+ instance$z,
11894
+ create_fragment$z,
11881
11895
  safe_not_equal,
11882
11896
  {
11883
11897
  src: 0,
@@ -11889,14 +11903,237 @@ class ImageBlock extends SvelteComponent {
11889
11903
  _imageStyle: 4,
11890
11904
  _style: 5
11891
11905
  },
11892
- add_css$1
11906
+ add_css$9
11893
11907
  );
11894
11908
  }
11895
11909
  }
11896
11910
 
11897
- /* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11911
+ const COMPONENT_PARAMETER_TYPES = {
11912
+ TEXT: 'text',
11913
+ MULTILINE_TEXT: 'multiline_text',
11914
+ SELECT: 'select',
11915
+ RADIO: 'radio',
11916
+ CHECKBOX: 'checkbox',
11917
+ BOOLEAN: 'boolean',
11918
+ IMAGE: 'image',
11919
+ NUMBER: 'number',
11920
+ WIDTH: 'width',
11921
+ ASPECT: 'aspect',
11922
+ COLOR: 'color',
11923
+ ICON: 'icon',
11924
+ };
11898
11925
 
11899
- function create_fragment$w(ctx) {
11926
+ const toHyphenCase = (str) => {
11927
+ let result = str.replace(/_/g, '-');
11928
+ result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
11929
+ return result;
11930
+ };
11931
+ const objToStyle = (obj) => {
11932
+ const styles = Object.entries(obj)
11933
+ .map(([key, value]) => {
11934
+ if (value === undefined)
11935
+ return '';
11936
+ return `${toHyphenCase(key)}: ${value};`;
11937
+ })
11938
+ .filter(v => v !== '');
11939
+ return styles.join(' ');
11940
+ };
11941
+
11942
+ const toCssPosition = (p) => {
11943
+ return {
11944
+ position: p?.position ?? 'static',
11945
+ top: p?.top,
11946
+ left: p?.left,
11947
+ bottom: p?.bottom,
11948
+ right: p?.right,
11949
+ };
11950
+ };
11951
+ const toCssCommon = (p) => {
11952
+ return {
11953
+ ...toCssPosition(p),
11954
+ };
11955
+ };
11956
+ const toCssBorder = (p) => {
11957
+ const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
11958
+ if (borderWidth === null)
11959
+ return {};
11960
+ return {
11961
+ borderColor: p?.borderColor,
11962
+ borderStyle: 'solid',
11963
+ borderTopWidth: p?.borderTopWidth,
11964
+ borderLeftWidth: p?.borderLeftWidth,
11965
+ borderRightWidth: p?.borderRightWidth,
11966
+ borderBottomWidth: p?.borderBottomWidth,
11967
+ };
11968
+ };
11969
+ const toCssPadding = (p) => {
11970
+ return {
11971
+ paddingTop: p?.paddingTop,
11972
+ paddingLeft: p?.paddingLeft,
11973
+ paddingRight: p?.paddingRight,
11974
+ paddingBottom: p?.paddingBottom,
11975
+ };
11976
+ };
11977
+ const toCssBackgroundImage = (p) => {
11978
+ const url = p?.backgroundImageUrl;
11979
+ return {
11980
+ backgroundImage: url ? `url(${url})` : undefined,
11981
+ backgroundSize: url ? 'cover' : undefined,
11982
+ };
11983
+ };
11984
+ const toCssBackgroundColor = (p) => {
11985
+ return {
11986
+ backgroundColor: p?.backgroundColor,
11987
+ };
11988
+ };
11989
+ const toCssRadius = (p) => {
11990
+ return {
11991
+ borderTopLeftRadius: p?.borderTopLeftRadius,
11992
+ borderTopRightRadius: p?.borderTopRightRadius,
11993
+ borderBottomLeftRadius: p?.borderBottomLeftRadius,
11994
+ borderBottomRightRadius: p?.borderBottomRightRadius,
11995
+ };
11996
+ };
11997
+ const toCssShadow = (p) => {
11998
+ return {
11999
+ boxShadow: p?.shadow,
12000
+ };
12001
+ };
12002
+
12003
+ /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12004
+
12005
+ function add_css$8(target) {
12006
+ append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
12007
+ }
12008
+
12009
+ function create_fragment$y(ctx) {
12010
+ let div;
12011
+ let img;
12012
+ let img_src_value;
12013
+ let img_alt_value;
12014
+
12015
+ return {
12016
+ c() {
12017
+ div = element("div");
12018
+ img = element("img");
12019
+ this.h();
12020
+ },
12021
+ l(nodes) {
12022
+ div = claim_element(nodes, "DIV", {
12023
+ class: true,
12024
+ "data-layer-id": true,
12025
+ style: true
12026
+ });
12027
+
12028
+ var div_nodes = children(div);
12029
+ img = claim_element(div_nodes, "IMG", { src: true, alt: true, style: true });
12030
+ div_nodes.forEach(detach);
12031
+ this.h();
12032
+ },
12033
+ h() {
12034
+ if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
12035
+ attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
12036
+ attr(img, "style", /*imgStyle*/ ctx[2]);
12037
+ attr(div, "class", "avatar svelte-jnsixl");
12038
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12039
+ attr(div, "style", /*style*/ ctx[3]);
12040
+ },
12041
+ m(target, anchor) {
12042
+ insert_hydration(target, div, anchor);
12043
+ append_hydration(div, img);
12044
+ },
12045
+ p(ctx, [dirty]) {
12046
+ if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
12047
+ attr(img, "src", img_src_value);
12048
+ }
12049
+
12050
+ if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
12051
+ attr(img, "alt", img_alt_value);
12052
+ }
12053
+
12054
+ if (dirty & /*imgStyle*/ 4) {
12055
+ attr(img, "style", /*imgStyle*/ ctx[2]);
12056
+ }
12057
+
12058
+ if (dirty & /*layerId*/ 2) {
12059
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12060
+ }
12061
+
12062
+ if (dirty & /*style*/ 8) {
12063
+ attr(div, "style", /*style*/ ctx[3]);
12064
+ }
12065
+ },
12066
+ i: noop,
12067
+ o: noop,
12068
+ d(detaching) {
12069
+ if (detaching) detach(div);
12070
+ }
12071
+ };
12072
+ }
12073
+
12074
+ function instance$y($$self, $$props, $$invalidate) {
12075
+ let style;
12076
+ let imgStyle;
12077
+ let { props = {} } = $$props;
12078
+ let { layerId = '' } = $$props;
12079
+
12080
+ const VARIANTS = {
12081
+ shape: {
12082
+ circle: { borderRadius: '100%' },
12083
+ square: { borderRadius: '4px' }
12084
+ }
12085
+ };
12086
+
12087
+ const size = props.size ?? 64;
12088
+
12089
+ $$self.$$set = $$props => {
12090
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
12091
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
12092
+ };
12093
+
12094
+ $$self.$$.update = () => {
12095
+ if ($$self.$$.dirty & /*props*/ 1) {
12096
+ $$invalidate(3, style = objToStyle({
12097
+ width: `${size}px`,
12098
+ height: `${size}px`,
12099
+ ...VARIANTS.shape[props.shape ?? 'square'],
12100
+ ...props.bordered && { border: `1px solid #dbdbdb` },
12101
+ ...toCssCommon(props)
12102
+ }));
12103
+ }
12104
+ };
12105
+
12106
+ $$invalidate(2, imgStyle = objToStyle({
12107
+ width: '100%',
12108
+ height: '100%',
12109
+ objectFit: 'cover'
12110
+ }));
12111
+
12112
+ return [props, layerId, imgStyle, style];
12113
+ }
12114
+
12115
+ class Avatar extends SvelteComponent {
12116
+ constructor(options) {
12117
+ super();
12118
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
12119
+ }
12120
+ }
12121
+
12122
+ const AVATAR_SIZE = {
12123
+ extra_small: 'XS（48 x 48）',
12124
+ small: 'S（64 x 64）',
12125
+ medium: 'M（88 x 88）',
12126
+ large: 'L（108 x 108）',
12127
+ extra_large: 'XL（128 x 128）',
12128
+ };
12129
+ const AVATAR_SHAPE = {
12130
+ circle: 'サークル',
12131
+ square: 'スクエア',
12132
+ };
12133
+
12134
+ /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12135
+
12136
+ function create_fragment$x(ctx) {
11900
12137
  let svg;
11901
12138
  let path;
11902
12139
 
@@ -11939,7 +12176,7 @@ function create_fragment$w(ctx) {
11939
12176
  };
11940
12177
  }
11941
12178
 
11942
- function instance$w($$self, $$props, $$invalidate) {
12179
+ function instance$x($$self, $$props, $$invalidate) {
11943
12180
  let { color } = $$props;
11944
12181
 
11945
12182
  $$self.$$set = $$props => {
@@ -11952,13 +12189,13 @@ function instance$w($$self, $$props, $$invalidate) {
11952
12189
  class IconArrowDown extends SvelteComponent {
11953
12190
  constructor(options) {
11954
12191
  super();
11955
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
12192
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
11956
12193
  }
11957
12194
  }
11958
12195
 
11959
- /* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
12196
+ /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
11960
12197
 
11961
- function create_fragment$v(ctx) {
12198
+ function create_fragment$w(ctx) {
11962
12199
  let svg;
11963
12200
  let path;
11964
12201
 
@@ -12001,7 +12238,7 @@ function create_fragment$v(ctx) {
12001
12238
  };
12002
12239
  }
12003
12240
 
12004
- function instance$v($$self, $$props, $$invalidate) {
12241
+ function instance$w($$self, $$props, $$invalidate) {
12005
12242
  let { color } = $$props;
12006
12243
 
12007
12244
  $$self.$$set = $$props => {
@@ -12014,13 +12251,13 @@ function instance$v($$self, $$props, $$invalidate) {
12014
12251
  class IconArrowUp extends SvelteComponent {
12015
12252
  constructor(options) {
12016
12253
  super();
12017
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
12254
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
12018
12255
  }
12019
12256
  }
12020
12257
 
12021
- /* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12258
+ /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12022
12259
 
12023
- function create_fragment$u(ctx) {
12260
+ function create_fragment$v(ctx) {
12024
12261
  let svg;
12025
12262
  let path;
12026
12263
 
@@ -12063,7 +12300,7 @@ function create_fragment$u(ctx) {
12063
12300
  };
12064
12301
  }
12065
12302
 
12066
- function instance$u($$self, $$props, $$invalidate) {
12303
+ function instance$v($$self, $$props, $$invalidate) {
12067
12304
  let { color } = $$props;
12068
12305
 
12069
12306
  $$self.$$set = $$props => {
@@ -12076,13 +12313,13 @@ function instance$u($$self, $$props, $$invalidate) {
12076
12313
  class IconUsers extends SvelteComponent {
12077
12314
  constructor(options) {
12078
12315
  super();
12079
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
12316
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
12080
12317
  }
12081
12318
  }
12082
12319
 
12083
- /* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12320
+ /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12084
12321
 
12085
- function create_fragment$t(ctx) {
12322
+ function create_fragment$u(ctx) {
12086
12323
  let svg;
12087
12324
  let path;
12088
12325
 
@@ -12125,7 +12362,7 @@ function create_fragment$t(ctx) {
12125
12362
  };
12126
12363
  }
12127
12364
 
12128
- function instance$t($$self, $$props, $$invalidate) {
12365
+ function instance$u($$self, $$props, $$invalidate) {
12129
12366
  let { color } = $$props;
12130
12367
 
12131
12368
  $$self.$$set = $$props => {
@@ -12138,13 +12375,13 @@ function instance$t($$self, $$props, $$invalidate) {
12138
12375
  class IconArrowLeft extends SvelteComponent {
12139
12376
  constructor(options) {
12140
12377
  super();
12141
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
12378
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
12142
12379
  }
12143
12380
  }
12144
12381
 
12145
- /* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
12382
+ /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
12146
12383
 
12147
- function create_fragment$s(ctx) {
12384
+ function create_fragment$t(ctx) {
12148
12385
  let svg;
12149
12386
  let path;
12150
12387
 
@@ -12187,7 +12424,7 @@ function create_fragment$s(ctx) {
12187
12424
  };
12188
12425
  }
12189
12426
 
12190
- function instance$s($$self, $$props, $$invalidate) {
12427
+ function instance$t($$self, $$props, $$invalidate) {
12191
12428
  let { color } = $$props;
12192
12429
 
12193
12430
  $$self.$$set = $$props => {
@@ -12200,13 +12437,13 @@ function instance$s($$self, $$props, $$invalidate) {
12200
12437
  class IconArrowRight extends SvelteComponent {
12201
12438
  constructor(options) {
12202
12439
  super();
12203
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
12440
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
12204
12441
  }
12205
12442
  }
12206
12443
 
12207
- /* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
12444
+ /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
12208
12445
 
12209
- function create_fragment$r(ctx) {
12446
+ function create_fragment$s(ctx) {
12210
12447
  let svg;
12211
12448
  let path;
12212
12449
 
@@ -12249,7 +12486,7 @@ function create_fragment$r(ctx) {
12249
12486
  };
12250
12487
  }
12251
12488
 
12252
- function instance$r($$self, $$props, $$invalidate) {
12489
+ function instance$s($$self, $$props, $$invalidate) {
12253
12490
  let { color } = $$props;
12254
12491
 
12255
12492
  $$self.$$set = $$props => {
@@ -12262,13 +12499,13 @@ function instance$r($$self, $$props, $$invalidate) {
12262
12499
  class IconBell extends SvelteComponent {
12263
12500
  constructor(options) {
12264
12501
  super();
12265
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
12502
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
12266
12503
  }
12267
12504
  }
12268
12505
 
12269
- /* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
12506
+ /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
12270
12507
 
12271
- function create_fragment$q(ctx) {
12508
+ function create_fragment$r(ctx) {
12272
12509
  let svg;
12273
12510
  let path;
12274
12511
 
@@ -12311,7 +12548,7 @@ function create_fragment$q(ctx) {
12311
12548
  };
12312
12549
  }
12313
12550
 
12314
- function instance$q($$self, $$props, $$invalidate) {
12551
+ function instance$r($$self, $$props, $$invalidate) {
12315
12552
  let { color } = $$props;
12316
12553
 
12317
12554
  $$self.$$set = $$props => {
@@ -12324,13 +12561,13 @@ function instance$q($$self, $$props, $$invalidate) {
12324
12561
  class IconArrowUpFromSquare extends SvelteComponent {
12325
12562
  constructor(options) {
12326
12563
  super();
12327
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
12564
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
12328
12565
  }
12329
12566
  }
12330
12567
 
12331
- /* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
12568
+ /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
12332
12569
 
12333
- function create_fragment$p(ctx) {
12570
+ function create_fragment$q(ctx) {
12334
12571
  let svg;
12335
12572
  let path;
12336
12573
 
@@ -12373,7 +12610,7 @@ function create_fragment$p(ctx) {
12373
12610
  };
12374
12611
  }
12375
12612
 
12376
- function instance$p($$self, $$props, $$invalidate) {
12613
+ function instance$q($$self, $$props, $$invalidate) {
12377
12614
  let { color } = $$props;
12378
12615
 
12379
12616
  $$self.$$set = $$props => {
@@ -12386,13 +12623,13 @@ function instance$p($$self, $$props, $$invalidate) {
12386
12623
  class IconTicket extends SvelteComponent {
12387
12624
  constructor(options) {
12388
12625
  super();
12389
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
12626
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
12390
12627
  }
12391
12628
  }
12392
12629
 
12393
- /* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
12630
+ /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
12394
12631
 
12395
- function create_fragment$o(ctx) {
12632
+ function create_fragment$p(ctx) {
12396
12633
  let svg;
12397
12634
  let path;
12398
12635
 
@@ -12435,7 +12672,7 @@ function create_fragment$o(ctx) {
12435
12672
  };
12436
12673
  }
12437
12674
 
12438
- function instance$o($$self, $$props, $$invalidate) {
12675
+ function instance$p($$self, $$props, $$invalidate) {
12439
12676
  let { color } = $$props;
12440
12677
 
12441
12678
  $$self.$$set = $$props => {
@@ -12448,13 +12685,13 @@ function instance$o($$self, $$props, $$invalidate) {
12448
12685
  class IconTrack extends SvelteComponent {
12449
12686
  constructor(options) {
12450
12687
  super();
12451
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
12688
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
12452
12689
  }
12453
12690
  }
12454
12691
 
12455
- /* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
12692
+ /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
12456
12693
 
12457
- function create_fragment$n(ctx) {
12694
+ function create_fragment$o(ctx) {
12458
12695
  let svg;
12459
12696
  let path;
12460
12697
 
@@ -12497,7 +12734,7 @@ function create_fragment$n(ctx) {
12497
12734
  };
12498
12735
  }
12499
12736
 
12500
- function instance$n($$self, $$props, $$invalidate) {
12737
+ function instance$o($$self, $$props, $$invalidate) {
12501
12738
  let { color } = $$props;
12502
12739
 
12503
12740
  $$self.$$set = $$props => {
@@ -12510,13 +12747,13 @@ function instance$n($$self, $$props, $$invalidate) {
12510
12747
  class IconCartShopping extends SvelteComponent {
12511
12748
  constructor(options) {
12512
12749
  super();
12513
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
12750
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
12514
12751
  }
12515
12752
  }
12516
12753
 
12517
- /* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
12754
+ /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
12518
12755
 
12519
- function create_fragment$m(ctx) {
12756
+ function create_fragment$n(ctx) {
12520
12757
  let svg;
12521
12758
  let path;
12522
12759
 
@@ -12559,7 +12796,7 @@ function create_fragment$m(ctx) {
12559
12796
  };
12560
12797
  }
12561
12798
 
12562
- function instance$m($$self, $$props, $$invalidate) {
12799
+ function instance$n($$self, $$props, $$invalidate) {
12563
12800
  let { color } = $$props;
12564
12801
 
12565
12802
  $$self.$$set = $$props => {
@@ -12572,13 +12809,13 @@ function instance$m($$self, $$props, $$invalidate) {
12572
12809
  class IconCircle extends SvelteComponent {
12573
12810
  constructor(options) {
12574
12811
  super();
12575
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
12812
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
12576
12813
  }
12577
12814
  }
12578
12815
 
12579
- /* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12816
+ /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12580
12817
 
12581
- function create_fragment$l(ctx) {
12818
+ function create_fragment$m(ctx) {
12582
12819
  let svg;
12583
12820
  let path;
12584
12821
 
@@ -12621,7 +12858,7 @@ function create_fragment$l(ctx) {
12621
12858
  };
12622
12859
  }
12623
12860
 
12624
- function instance$l($$self, $$props, $$invalidate) {
12861
+ function instance$m($$self, $$props, $$invalidate) {
12625
12862
  let { color } = $$props;
12626
12863
 
12627
12864
  $$self.$$set = $$props => {
@@ -12634,13 +12871,13 @@ function instance$l($$self, $$props, $$invalidate) {
12634
12871
  class IconCircleQuestion extends SvelteComponent {
12635
12872
  constructor(options) {
12636
12873
  super();
12637
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12874
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
12638
12875
  }
12639
12876
  }
12640
12877
 
12641
- /* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12878
+ /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12642
12879
 
12643
- function create_fragment$k(ctx) {
12880
+ function create_fragment$l(ctx) {
12644
12881
  let svg;
12645
12882
  let path;
12646
12883
 
@@ -12683,7 +12920,7 @@ function create_fragment$k(ctx) {
12683
12920
  };
12684
12921
  }
12685
12922
 
12686
- function instance$k($$self, $$props, $$invalidate) {
12923
+ function instance$l($$self, $$props, $$invalidate) {
12687
12924
  let { color } = $$props;
12688
12925
 
12689
12926
  $$self.$$set = $$props => {
@@ -12696,13 +12933,13 @@ function instance$k($$self, $$props, $$invalidate) {
12696
12933
  class IconCheck extends SvelteComponent {
12697
12934
  constructor(options) {
12698
12935
  super();
12699
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12936
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12700
12937
  }
12701
12938
  }
12702
12939
 
12703
- /* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12940
+ /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12704
12941
 
12705
- function create_fragment$j(ctx) {
12942
+ function create_fragment$k(ctx) {
12706
12943
  let svg;
12707
12944
  let path;
12708
12945
 
@@ -12745,7 +12982,7 @@ function create_fragment$j(ctx) {
12745
12982
  };
12746
12983
  }
12747
12984
 
12748
- function instance$j($$self, $$props, $$invalidate) {
12985
+ function instance$k($$self, $$props, $$invalidate) {
12749
12986
  let { color } = $$props;
12750
12987
 
12751
12988
  $$self.$$set = $$props => {
@@ -12758,13 +12995,13 @@ function instance$j($$self, $$props, $$invalidate) {
12758
12995
  class IconXMark extends SvelteComponent {
12759
12996
  constructor(options) {
12760
12997
  super();
12761
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
12998
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12762
12999
  }
12763
13000
  }
12764
13001
 
12765
- /* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
13002
+ /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
12766
13003
 
12767
- function create_fragment$i(ctx) {
13004
+ function create_fragment$j(ctx) {
12768
13005
  let svg;
12769
13006
  let path;
12770
13007
 
@@ -12807,7 +13044,7 @@ function create_fragment$i(ctx) {
12807
13044
  };
12808
13045
  }
12809
13046
 
12810
- function instance$i($$self, $$props, $$invalidate) {
13047
+ function instance$j($$self, $$props, $$invalidate) {
12811
13048
  let { color } = $$props;
12812
13049
 
12813
13050
  $$self.$$set = $$props => {
@@ -12820,13 +13057,13 @@ function instance$i($$self, $$props, $$invalidate) {
12820
13057
  class IconPaperPlane extends SvelteComponent {
12821
13058
  constructor(options) {
12822
13059
  super();
12823
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
13060
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
12824
13061
  }
12825
13062
  }
12826
13063
 
12827
- /* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
13064
+ /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
12828
13065
 
12829
- function create_fragment$h(ctx) {
13066
+ function create_fragment$i(ctx) {
12830
13067
  let svg;
12831
13068
  let path;
12832
13069
 
@@ -12869,7 +13106,7 @@ function create_fragment$h(ctx) {
12869
13106
  };
12870
13107
  }
12871
13108
 
12872
- function instance$h($$self, $$props, $$invalidate) {
13109
+ function instance$i($$self, $$props, $$invalidate) {
12873
13110
  let { color } = $$props;
12874
13111
 
12875
13112
  $$self.$$set = $$props => {
@@ -12882,13 +13119,13 @@ function instance$h($$self, $$props, $$invalidate) {
12882
13119
  class IconCopy extends SvelteComponent {
12883
13120
  constructor(options) {
12884
13121
  super();
12885
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
13122
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
12886
13123
  }
12887
13124
  }
12888
13125
 
12889
- /* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
13126
+ /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
12890
13127
 
12891
- function create_fragment$g(ctx) {
13128
+ function create_fragment$h(ctx) {
12892
13129
  let svg;
12893
13130
  let path;
12894
13131
 
@@ -12931,7 +13168,7 @@ function create_fragment$g(ctx) {
12931
13168
  };
12932
13169
  }
12933
13170
 
12934
- function instance$g($$self, $$props, $$invalidate) {
13171
+ function instance$h($$self, $$props, $$invalidate) {
12935
13172
  let { color } = $$props;
12936
13173
 
12937
13174
  $$self.$$set = $$props => {
@@ -12944,13 +13181,13 @@ function instance$g($$self, $$props, $$invalidate) {
12944
13181
  class IconCircleXMark extends SvelteComponent {
12945
13182
  constructor(options) {
12946
13183
  super();
12947
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
13184
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
12948
13185
  }
12949
13186
  }
12950
13187
 
12951
- /* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
13188
+ /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
12952
13189
 
12953
- function create_fragment$f(ctx) {
13190
+ function create_fragment$g(ctx) {
12954
13191
  let svg;
12955
13192
  let path;
12956
13193
 
@@ -12993,7 +13230,7 @@ function create_fragment$f(ctx) {
12993
13230
  };
12994
13231
  }
12995
13232
 
12996
- function instance$f($$self, $$props, $$invalidate) {
13233
+ function instance$g($$self, $$props, $$invalidate) {
12997
13234
  let { color } = $$props;
12998
13235
 
12999
13236
  $$self.$$set = $$props => {
@@ -13006,13 +13243,13 @@ function instance$f($$self, $$props, $$invalidate) {
13006
13243
  class IconHeart extends SvelteComponent {
13007
13244
  constructor(options) {
13008
13245
  super();
13009
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
13246
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
13010
13247
  }
13011
13248
  }
13012
13249
 
13013
- /* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13250
+ /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13014
13251
 
13015
- function create_fragment$e(ctx) {
13252
+ function create_fragment$f(ctx) {
13016
13253
  let svg;
13017
13254
  let path;
13018
13255
 
@@ -13055,7 +13292,7 @@ function create_fragment$e(ctx) {
13055
13292
  };
13056
13293
  }
13057
13294
 
13058
- function instance$e($$self, $$props, $$invalidate) {
13295
+ function instance$f($$self, $$props, $$invalidate) {
13059
13296
  let { color } = $$props;
13060
13297
 
13061
13298
  $$self.$$set = $$props => {
@@ -13068,13 +13305,13 @@ function instance$e($$self, $$props, $$invalidate) {
13068
13305
  class IconMagnifyingGrass extends SvelteComponent {
13069
13306
  constructor(options) {
13070
13307
  super();
13071
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
13308
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
13072
13309
  }
13073
13310
  }
13074
13311
 
13075
- /* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13312
+ /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13076
13313
 
13077
- function create_fragment$d(ctx) {
13314
+ function create_fragment$e(ctx) {
13078
13315
  let svg;
13079
13316
  let path;
13080
13317
 
@@ -13117,7 +13354,7 @@ function create_fragment$d(ctx) {
13117
13354
  };
13118
13355
  }
13119
13356
 
13120
- function instance$d($$self, $$props, $$invalidate) {
13357
+ function instance$e($$self, $$props, $$invalidate) {
13121
13358
  let { color } = $$props;
13122
13359
 
13123
13360
  $$self.$$set = $$props => {
@@ -13130,13 +13367,13 @@ function instance$d($$self, $$props, $$invalidate) {
13130
13367
  class IconStar extends SvelteComponent {
13131
13368
  constructor(options) {
13132
13369
  super();
13133
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
13370
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
13134
13371
  }
13135
13372
  }
13136
13373
 
13137
- /* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
13374
+ /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
13138
13375
 
13139
- function create_fragment$c(ctx) {
13376
+ function create_fragment$d(ctx) {
13140
13377
  let svg;
13141
13378
  let path;
13142
13379
 
@@ -13179,7 +13416,7 @@ function create_fragment$c(ctx) {
13179
13416
  };
13180
13417
  }
13181
13418
 
13182
- function instance$c($$self, $$props, $$invalidate) {
13419
+ function instance$d($$self, $$props, $$invalidate) {
13183
13420
  let { color } = $$props;
13184
13421
 
13185
13422
  $$self.$$set = $$props => {
@@ -13192,13 +13429,13 @@ function instance$c($$self, $$props, $$invalidate) {
13192
13429
  class IconCircleInfo extends SvelteComponent {
13193
13430
  constructor(options) {
13194
13431
  super();
13195
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
13432
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
13196
13433
  }
13197
13434
  }
13198
13435
 
13199
- /* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
13436
+ /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
13200
13437
 
13201
- function create_fragment$b(ctx) {
13438
+ function create_fragment$c(ctx) {
13202
13439
  let svg;
13203
13440
  let path;
13204
13441
 
@@ -13241,7 +13478,7 @@ function create_fragment$b(ctx) {
13241
13478
  };
13242
13479
  }
13243
13480
 
13244
- function instance$b($$self, $$props, $$invalidate) {
13481
+ function instance$c($$self, $$props, $$invalidate) {
13245
13482
  let { color } = $$props;
13246
13483
 
13247
13484
  $$self.$$set = $$props => {
@@ -13254,13 +13491,13 @@ function instance$b($$self, $$props, $$invalidate) {
13254
13491
  class IconEnvelope extends SvelteComponent {
13255
13492
  constructor(options) {
13256
13493
  super();
13257
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
13494
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
13258
13495
  }
13259
13496
  }
13260
13497
 
13261
- /* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
13498
+ /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
13262
13499
 
13263
- function create_fragment$a(ctx) {
13500
+ function create_fragment$b(ctx) {
13264
13501
  let svg;
13265
13502
  let path;
13266
13503
 
@@ -13303,7 +13540,7 @@ function create_fragment$a(ctx) {
13303
13540
  };
13304
13541
  }
13305
13542
 
13306
- function instance$a($$self, $$props, $$invalidate) {
13543
+ function instance$b($$self, $$props, $$invalidate) {
13307
13544
  let { color } = $$props;
13308
13545
 
13309
13546
  $$self.$$set = $$props => {
@@ -13316,13 +13553,13 @@ function instance$a($$self, $$props, $$invalidate) {
13316
13553
  class IconGift extends SvelteComponent {
13317
13554
  constructor(options) {
13318
13555
  super();
13319
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
13556
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
13320
13557
  }
13321
13558
  }
13322
13559
 
13323
- /* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
13560
+ /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
13324
13561
 
13325
- function create_fragment$9(ctx) {
13562
+ function create_fragment$a(ctx) {
13326
13563
  let svg;
13327
13564
  let path;
13328
13565
 
@@ -13371,7 +13608,7 @@ function create_fragment$9(ctx) {
13371
13608
  };
13372
13609
  }
13373
13610
 
13374
- function instance$9($$self, $$props, $$invalidate) {
13611
+ function instance$a($$self, $$props, $$invalidate) {
13375
13612
  let { color } = $$props;
13376
13613
 
13377
13614
  $$self.$$set = $$props => {
@@ -13384,13 +13621,13 @@ function instance$9($$self, $$props, $$invalidate) {
13384
13621
  class IconPaperclip extends SvelteComponent {
13385
13622
  constructor(options) {
13386
13623
  super();
13387
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
13624
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
13388
13625
  }
13389
13626
  }
13390
13627
 
13391
- /* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
13628
+ /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
13392
13629
 
13393
- function create_fragment$8(ctx) {
13630
+ function create_fragment$9(ctx) {
13394
13631
  let svg;
13395
13632
  let path;
13396
13633
 
@@ -13439,7 +13676,7 @@ function create_fragment$8(ctx) {
13439
13676
  };
13440
13677
  }
13441
13678
 
13442
- function instance$8($$self, $$props, $$invalidate) {
13679
+ function instance$9($$self, $$props, $$invalidate) {
13443
13680
  let { color } = $$props;
13444
13681
 
13445
13682
  $$self.$$set = $$props => {
@@ -13452,13 +13689,13 @@ function instance$8($$self, $$props, $$invalidate) {
13452
13689
  class IconFire extends SvelteComponent {
13453
13690
  constructor(options) {
13454
13691
  super();
13455
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
13692
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
13456
13693
  }
13457
13694
  }
13458
13695
 
13459
- /* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
13696
+ /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
13460
13697
 
13461
- function create_fragment$7(ctx) {
13698
+ function create_fragment$8(ctx) {
13462
13699
  let svg;
13463
13700
  let path;
13464
13701
 
@@ -13507,7 +13744,7 @@ function create_fragment$7(ctx) {
13507
13744
  };
13508
13745
  }
13509
13746
 
13510
- function instance$7($$self, $$props, $$invalidate) {
13747
+ function instance$8($$self, $$props, $$invalidate) {
13511
13748
  let { color } = $$props;
13512
13749
 
13513
13750
  $$self.$$set = $$props => {
@@ -13520,7 +13757,7 @@ function instance$7($$self, $$props, $$invalidate) {
13520
13757
  class IconLink extends SvelteComponent {
13521
13758
  constructor(options) {
13522
13759
  super();
13523
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { color: 0 });
13760
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
13524
13761
  }
13525
13762
  }
13526
13763
 
@@ -13584,7 +13821,7 @@ const ICON_VARIANTS = {
13584
13821
  x_mark: IconXMark,
13585
13822
  };
13586
13823
  // @ts-ignore
13587
- [
13824
+ const ICON_PARAMS = [
13588
13825
  {
13589
13826
  id: 'variant',
13590
13827
  name: 'アイコン',
@@ -13606,95 +13843,22 @@ const ICON_VARIANTS = {
13606
13843
  },
13607
13844
  ];
13608
13845
 
13609
- const toHyphenCase = (str) => {
13610
- let result = str.replace(/_/g, '-');
13611
- result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
13612
- return result;
13613
- };
13614
- const objToStyle = (obj) => {
13615
- const styles = Object.entries(obj)
13616
- .map(([key, value]) => {
13617
- if (value === undefined)
13618
- return '';
13619
- return `${toHyphenCase(key)}: ${value};`;
13620
- })
13621
- .filter(v => v !== '');
13622
- return styles.join(' ');
13623
- };
13624
-
13625
- const toCssPosition = (p) => {
13626
- return {
13627
- position: p?.position ?? 'static',
13628
- top: p?.top,
13629
- left: p?.left,
13630
- bottom: p?.bottom,
13631
- right: p?.right,
13632
- };
13633
- };
13634
- const toCssCommon = (p) => {
13635
- return {
13636
- ...toCssPosition(p),
13637
- };
13638
- };
13639
- const toCssBorder = (p) => {
13640
- const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
13641
- if (borderWidth === null)
13642
- return {};
13643
- return {
13644
- borderColor: p?.borderColor,
13645
- borderStyle: 'solid',
13646
- borderTopWidth: p?.borderTopWidth,
13647
- borderLeftWidth: p?.borderLeftWidth,
13648
- borderRightWidth: p?.borderRightWidth,
13649
- borderBottomWidth: p?.borderBottomWidth,
13650
- };
13651
- };
13652
- const toCssPadding = (p) => {
13653
- return {
13654
- paddingTop: p?.paddingTop,
13655
- paddingLeft: p?.paddingLeft,
13656
- paddingRight: p?.paddingRight,
13657
- paddingBottom: p?.paddingBottom,
13658
- };
13659
- };
13660
- const toCssBackgroundImage = (p) => {
13661
- const url = p?.backgroundImageUrl;
13662
- return {
13663
- backgroundImage: url ? `url(${url})` : undefined,
13664
- backgroundSize: url ? 'cover' : undefined,
13665
- };
13666
- };
13667
- const toCssBackgroundColor = (p) => {
13668
- return {
13669
- backgroundColor: p?.backgroundColor,
13670
- };
13671
- };
13672
- const toCssRadius = (p) => {
13673
- return {
13674
- borderTopLeftRadius: p?.borderTopLeftRadius,
13675
- borderTopRightRadius: p?.borderTopRightRadius,
13676
- borderBottomLeftRadius: p?.borderBottomLeftRadius,
13677
- borderBottomRightRadius: p?.borderBottomRightRadius,
13678
- };
13679
- };
13680
- const toCssShadow = (p) => {
13681
- return {
13682
- boxShadow: p?.shadow,
13683
- };
13684
- };
13846
+ /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13685
13847
 
13686
- /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
13848
+ function add_css$7(target) {
13849
+ append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
13850
+ }
13687
13851
 
13852
+ // (15:0) {#if (IconComponent)}
13688
13853
  function create_if_block$3(ctx) {
13689
13854
  let div;
13690
13855
  let switch_instance;
13691
- let div_style_value;
13692
13856
  let current;
13693
- var switch_value = /*IconComponent*/ ctx[3];
13857
+ var switch_value = /*IconComponent*/ ctx[2];
13694
13858
 
13695
13859
  function switch_props(ctx) {
13696
13860
  return {
13697
- props: { color: /*props*/ ctx[1].color ?? '#333' }
13861
+ props: { color: /*props*/ ctx[0].color ?? '#333' }
13698
13862
  };
13699
13863
  }
13700
13864
 
@@ -13711,7 +13875,7 @@ function create_if_block$3(ctx) {
13711
13875
  l(nodes) {
13712
13876
  div = claim_element(nodes, "DIV", {
13713
13877
  "data-layer-id": true,
13714
- "data-component-id": true,
13878
+ class: true,
13715
13879
  style: true
13716
13880
  });
13717
13881
 
@@ -13721,9 +13885,9 @@ function create_if_block$3(ctx) {
13721
13885
  this.h();
13722
13886
  },
13723
13887
  h() {
13724
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13725
- attr(div, "data-component-id", "icon");
13726
- attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
13888
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13889
+ attr(div, "class", "icon svelte-u5222d");
13890
+ attr(div, "style", /*style*/ ctx[3]);
13727
13891
  },
13728
13892
  m(target, anchor) {
13729
13893
  insert_hydration(target, div, anchor);
@@ -13732,9 +13896,9 @@ function create_if_block$3(ctx) {
13732
13896
  },
13733
13897
  p(ctx, dirty) {
13734
13898
  const switch_instance_changes = {};
13735
- if (dirty & /*props*/ 2) switch_instance_changes.color = /*props*/ ctx[1].color ?? '#333';
13899
+ if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
13736
13900
 
13737
- if (switch_value !== (switch_value = /*IconComponent*/ ctx[3])) {
13901
+ if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
13738
13902
  if (switch_instance) {
13739
13903
  group_outros();
13740
13904
  const old_component = switch_instance;
@@ -13758,12 +13922,12 @@ function create_if_block$3(ctx) {
13758
13922
  switch_instance.$set(switch_instance_changes);
13759
13923
  }
13760
13924
 
13761
- if (!current || dirty & /*layerId*/ 1) {
13762
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13925
+ if (!current || dirty & /*layerId*/ 2) {
13926
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13763
13927
  }
13764
13928
 
13765
- if (!current || dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
13766
- attr(div, "style", div_style_value);
13929
+ if (!current || dirty & /*style*/ 8) {
13930
+ attr(div, "style", /*style*/ ctx[3]);
13767
13931
  }
13768
13932
  },
13769
13933
  i(local) {
@@ -13782,10 +13946,10 @@ function create_if_block$3(ctx) {
13782
13946
  };
13783
13947
  }
13784
13948
 
13785
- function create_fragment$6(ctx) {
13949
+ function create_fragment$7(ctx) {
13786
13950
  let if_block_anchor;
13787
13951
  let current;
13788
- let if_block = /*IconComponent*/ ctx[3] && create_if_block$3(ctx);
13952
+ let if_block = /*IconComponent*/ ctx[2] && create_if_block$3(ctx);
13789
13953
 
13790
13954
  return {
13791
13955
  c() {
@@ -13802,11 +13966,11 @@ function create_fragment$6(ctx) {
13802
13966
  current = true;
13803
13967
  },
13804
13968
  p(ctx, [dirty]) {
13805
- if (/*IconComponent*/ ctx[3]) {
13969
+ if (/*IconComponent*/ ctx[2]) {
13806
13970
  if (if_block) {
13807
13971
  if_block.p(ctx, dirty);
13808
13972
 
13809
- if (dirty & /*IconComponent*/ 8) {
13973
+ if (dirty & /*IconComponent*/ 4) {
13810
13974
  transition_in(if_block, 1);
13811
13975
  }
13812
13976
  } else {
@@ -13841,54 +14005,49 @@ function create_fragment$6(ctx) {
13841
14005
  };
13842
14006
  }
13843
14007
 
13844
- function instance$6($$self, $$props, $$invalidate) {
14008
+ function instance$7($$self, $$props, $$invalidate) {
13845
14009
  let style;
13846
14010
  let IconComponent;
13847
- let { layerId } = $$props;
13848
14011
  let { props = {} } = $$props;
13849
- let { overrideStyle } = $$props;
14012
+ let { layerId = '' } = $$props;
13850
14013
 
13851
14014
  $$self.$$set = $$props => {
13852
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13853
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
13854
- if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
14015
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
14016
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13855
14017
  };
13856
14018
 
13857
14019
  $$self.$$.update = () => {
13858
- if ($$self.$$.dirty & /*props*/ 2) {
13859
- $$invalidate(4, style = objToStyle({
13860
- display: 'inline-flex',
13861
- alignItems: 'center',
13862
- overflow: 'hidden',
13863
- width: 'auto',
14020
+ if ($$self.$$.dirty & /*props*/ 1) {
14021
+ $$invalidate(3, style = objToStyle({
13864
14022
  minWidth: props.size,
14023
+ width: props.size,
13865
14024
  height: props.size,
13866
14025
  ...toCssCommon(props)
13867
14026
  }));
13868
14027
  }
13869
14028
 
13870
- if ($$self.$$.dirty & /*props*/ 2) {
13871
- $$invalidate(3, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
14029
+ if ($$self.$$.dirty & /*props*/ 1) {
14030
+ $$invalidate(2, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
13872
14031
  }
13873
14032
  };
13874
14033
 
13875
- return [layerId, props, overrideStyle, IconComponent, style];
14034
+ return [props, layerId, IconComponent, style];
13876
14035
  }
13877
14036
 
13878
14037
  class Icon extends SvelteComponent {
13879
14038
  constructor(options) {
13880
14039
  super();
13881
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
14040
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
13882
14041
  }
13883
14042
  }
13884
14043
 
13885
- /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
14044
+ /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13886
14045
 
13887
- function add_css(target) {
13888
- append_styles(target, "svelte-1uf4vt5", ".v2-button.svelte-1uf4vt5{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-1uf4vt5{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14046
+ function add_css$6(target) {
14047
+ append_styles(target, "svelte-ogjuh5", ".v2-button.svelte-ogjuh5{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}.v2-button-icon.svelte-ogjuh5{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13889
14048
  }
13890
14049
 
13891
- // (128:2) {#if (props.isIcon && props.iconVariant)}
14050
+ // (127:2) {#if (props.isIcon && props.iconVariant)}
13892
14051
  function create_if_block$2(ctx) {
13893
14052
  let div;
13894
14053
  let icon;
@@ -13896,12 +14055,10 @@ function create_if_block$2(ctx) {
13896
14055
 
13897
14056
  icon = new Icon({
13898
14057
  props: {
13899
- layerId: undefined,
13900
- overrideStyle: undefined,
13901
14058
  props: {
13902
- variant: /*props*/ ctx[1].iconVariant,
14059
+ variant: /*props*/ ctx[0].iconVariant,
13903
14060
  size: '1em',
13904
- color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
14061
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
13905
14062
  }
13906
14063
  }
13907
14064
  });
@@ -13920,7 +14077,7 @@ function create_if_block$2(ctx) {
13920
14077
  this.h();
13921
14078
  },
13922
14079
  h() {
13923
- attr(div, "class", "v2-button-icon svelte-1uf4vt5");
14080
+ attr(div, "class", "v2-button-icon svelte-ogjuh5");
13924
14081
  },
13925
14082
  m(target, anchor) {
13926
14083
  insert_hydration(target, div, anchor);
@@ -13930,10 +14087,10 @@ function create_if_block$2(ctx) {
13930
14087
  p(ctx, dirty) {
13931
14088
  const icon_changes = {};
13932
14089
 
13933
- if (dirty & /*props*/ 2) icon_changes.props = {
13934
- variant: /*props*/ ctx[1].iconVariant,
14090
+ if (dirty & /*props*/ 1) icon_changes.props = {
14091
+ variant: /*props*/ ctx[0].iconVariant,
13935
14092
  size: '1em',
13936
- color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
14093
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
13937
14094
  };
13938
14095
 
13939
14096
  icon.$set(icon_changes);
@@ -13954,17 +14111,16 @@ function create_if_block$2(ctx) {
13954
14111
  };
13955
14112
  }
13956
14113
 
13957
- function create_fragment$5(ctx) {
14114
+ function create_fragment$6(ctx) {
13958
14115
  let button;
13959
14116
  let t0;
13960
14117
  let span;
13961
- let t1_value = /*props*/ ctx[1].label + "";
14118
+ let t1_value = /*props*/ ctx[0].label + "";
13962
14119
  let t1;
13963
- let button_style_value;
13964
14120
  let current;
13965
14121
  let mounted;
13966
14122
  let dispose;
13967
- let if_block = /*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant && create_if_block$2(ctx);
14123
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$2(ctx);
13968
14124
 
13969
14125
  return {
13970
14126
  c() {
@@ -13993,9 +14149,9 @@ function create_fragment$5(ctx) {
13993
14149
  this.h();
13994
14150
  },
13995
14151
  h() {
13996
- attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13997
- attr(button, "style", button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '));
13998
- attr(button, "class", "v2-button svelte-1uf4vt5");
14152
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
14153
+ attr(button, "style", /*style*/ ctx[2]);
14154
+ attr(button, "class", "v2-button svelte-ogjuh5");
13999
14155
  },
14000
14156
  m(target, anchor) {
14001
14157
  insert_hydration(target, button, anchor);
@@ -14006,16 +14162,16 @@ function create_fragment$5(ctx) {
14006
14162
  current = true;
14007
14163
 
14008
14164
  if (!mounted) {
14009
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[5]));
14165
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
14010
14166
  mounted = true;
14011
14167
  }
14012
14168
  },
14013
14169
  p(ctx, [dirty]) {
14014
- if (/*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant) {
14170
+ if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
14015
14171
  if (if_block) {
14016
14172
  if_block.p(ctx, dirty);
14017
14173
 
14018
- if (dirty & /*props*/ 2) {
14174
+ if (dirty & /*props*/ 1) {
14019
14175
  transition_in(if_block, 1);
14020
14176
  }
14021
14177
  } else {
@@ -14034,14 +14190,14 @@ function create_fragment$5(ctx) {
14034
14190
  check_outros();
14035
14191
  }
14036
14192
 
14037
- if ((!current || dirty & /*props*/ 2) && t1_value !== (t1_value = /*props*/ ctx[1].label + "")) set_data(t1, t1_value);
14193
+ if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
14038
14194
 
14039
- if (!current || dirty & /*layerId*/ 1) {
14040
- attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14195
+ if (!current || dirty & /*layerId*/ 2) {
14196
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
14041
14197
  }
14042
14198
 
14043
- if (!current || dirty & /*style, overrideStyle*/ 12 && button_style_value !== (button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '))) {
14044
- attr(button, "style", button_style_value);
14199
+ if (!current || dirty & /*style*/ 4) {
14200
+ attr(button, "style", /*style*/ ctx[2]);
14045
14201
  }
14046
14202
  },
14047
14203
  i(local) {
@@ -14062,14 +14218,13 @@ function create_fragment$5(ctx) {
14062
14218
  };
14063
14219
  }
14064
14220
 
14065
- function instance$5($$self, $$props, $$invalidate) {
14221
+ function instance$6($$self, $$props, $$invalidate) {
14066
14222
  let style;
14067
- let { layerId = '' } = $$props;
14068
14223
  let { onClick = { operation: 'none', args: [] } } = $$props;
14069
14224
  let { eventName = '' } = $$props;
14070
14225
  let { eventValue = undefined } = $$props;
14071
14226
  let { props = {} } = $$props;
14072
- let { overrideStyle } = $$props;
14227
+ let { layerId = '' } = $$props;
14073
14228
 
14074
14229
  const VARIANTS = {
14075
14230
  size: {
@@ -14102,7 +14257,7 @@ function instance$5($$self, $$props, $$invalidate) {
14102
14257
  large: {
14103
14258
  minHeight: '48px',
14104
14259
  paddingInline: '32px',
14105
- fontSize: '16px',
14260
+ fontSize: '14px',
14106
14261
  paddingBlock: '10px',
14107
14262
  lineHeight: 1.5,
14108
14263
  borderRadius: '4px'
@@ -14159,17 +14314,16 @@ function instance$5($$self, $$props, $$invalidate) {
14159
14314
  }
14160
14315
 
14161
14316
  $$self.$$set = $$props => {
14162
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14163
- if ('onClick' in $$props) $$invalidate(6, onClick = $$props.onClick);
14164
- if ('eventName' in $$props) $$invalidate(7, eventName = $$props.eventName);
14165
- if ('eventValue' in $$props) $$invalidate(8, eventValue = $$props.eventValue);
14166
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
14167
- if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
14317
+ if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
14318
+ if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
14319
+ if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
14320
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
14321
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
14168
14322
  };
14169
14323
 
14170
14324
  $$self.$$.update = () => {
14171
- if ($$self.$$.dirty & /*props*/ 2) {
14172
- $$invalidate(3, style = objToStyle({
14325
+ if ($$self.$$.dirty & /*props*/ 1) {
14326
+ $$invalidate(2, style = objToStyle({
14173
14327
  display: 'inline-flex',
14174
14328
  gap: '0.65em',
14175
14329
  alignItems: 'center',
@@ -14190,17 +14344,7 @@ function instance$5($$self, $$props, $$invalidate) {
14190
14344
  }
14191
14345
  };
14192
14346
 
14193
- return [
14194
- layerId,
14195
- props,
14196
- overrideStyle,
14197
- style,
14198
- VARIANTS,
14199
- handleClick,
14200
- onClick,
14201
- eventName,
14202
- eventValue
14203
- ];
14347
+ return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
14204
14348
  }
14205
14349
 
14206
14350
  class Button extends SvelteComponent {
@@ -14210,40 +14354,289 @@ class Button extends SvelteComponent {
14210
14354
  init(
14211
14355
  this,
14212
14356
  options,
14213
- instance$5,
14214
- create_fragment$5,
14357
+ instance$6,
14358
+ create_fragment$6,
14215
14359
  safe_not_equal,
14216
14360
  {
14217
- layerId: 0,
14218
- onClick: 6,
14219
- eventName: 7,
14220
- eventValue: 8,
14221
- props: 1,
14222
- overrideStyle: 2
14361
+ onClick: 5,
14362
+ eventName: 6,
14363
+ eventValue: 7,
14364
+ props: 0,
14365
+ layerId: 1
14223
14366
  },
14224
- add_css
14367
+ add_css$6
14225
14368
  );
14226
14369
  }
14227
14370
  }
14228
14371
 
14229
- /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
14372
+ const BUTTON_SIZE = {
14373
+ extra_small: 'XSmall',
14374
+ small: 'Small',
14375
+ medium: 'Medium',
14376
+ large: 'Large',
14377
+ extra_large: 'XLarge',
14378
+ };
14379
+ const BUTTON_COLOR = {
14380
+ default: 'デフォルト',
14381
+ theme: 'テーマカラー',
14382
+ alert: 'アラート',
14383
+ transparent: '背景なし',
14384
+ };
14385
+ const BUTTON_ROUND = {
14386
+ default: 'デフォルト',
14387
+ none: 'なし',
14388
+ fulled: '円形',
14389
+ };
14390
+ const BUTTON_LINK_TARGET = {
14391
+ _self: '画面内遷移',
14392
+ _blank: '別タブで開く',
14393
+ };
14394
+ const BUTTON_ICON_ANGLE = {
14395
+ row: '左側',
14396
+ 'row-reverse': '右側',
14397
+ };
14230
14398
 
14231
- function create_fragment$4(ctx) {
14232
- let div;
14233
- let current;
14234
- const default_slot_template = /*#slots*/ ctx[4].default;
14235
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
14399
+ /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14236
14400
 
14237
- return {
14238
- c() {
14239
- div = element("div");
14401
+ function add_css$5(target) {
14402
+ append_styles(target, "svelte-1ae0xnq", ".close-button.svelte-1ae0xnq{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}");
14403
+ }
14404
+
14405
+ function create_fragment$5(ctx) {
14406
+ let button;
14407
+ let svg;
14408
+ let path;
14409
+
14410
+ return {
14411
+ c() {
14412
+ button = element("button");
14413
+ svg = svg_element("svg");
14414
+ path = svg_element("path");
14415
+ this.h();
14416
+ },
14417
+ l(nodes) {
14418
+ button = claim_element(nodes, "BUTTON", {
14419
+ "data-layer-id": true,
14420
+ class: true,
14421
+ style: true
14422
+ });
14423
+
14424
+ var button_nodes = children(button);
14425
+
14426
+ svg = claim_svg_element(button_nodes, "svg", {
14427
+ xmlns: true,
14428
+ style: true,
14429
+ viewBox: true,
14430
+ fill: true
14431
+ });
14432
+
14433
+ var svg_nodes = children(svg);
14434
+ path = claim_svg_element(svg_nodes, "path", { d: true });
14435
+ children(path).forEach(detach);
14436
+ svg_nodes.forEach(detach);
14437
+ button_nodes.forEach(detach);
14438
+ this.h();
14439
+ },
14440
+ h() {
14441
+ attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
14442
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
14443
+ set_style(svg, "width", "75%");
14444
+ set_style(svg, "height", "75%");
14445
+ attr(svg, "viewBox", "0 0 50 50");
14446
+ attr(svg, "fill", "#666666");
14447
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14448
+ attr(button, "class", "close-button svelte-1ae0xnq");
14449
+ attr(button, "style", /*style*/ ctx[1]);
14450
+ },
14451
+ m(target, anchor) {
14452
+ insert_hydration(target, button, anchor);
14453
+ append_hydration(button, svg);
14454
+ append_hydration(svg, path);
14455
+ },
14456
+ p(ctx, [dirty]) {
14457
+ if (dirty & /*layerId*/ 1) {
14458
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14459
+ }
14460
+
14461
+ if (dirty & /*style*/ 2) {
14462
+ attr(button, "style", /*style*/ ctx[1]);
14463
+ }
14464
+ },
14465
+ i: noop,
14466
+ o: noop,
14467
+ d(detaching) {
14468
+ if (detaching) detach(button);
14469
+ }
14470
+ };
14471
+ }
14472
+
14473
+ function instance$5($$self, $$props, $$invalidate) {
14474
+ let style;
14475
+ let { props = {} } = $$props;
14476
+ let { layerId = '' } = $$props;
14477
+ const size = props.size ?? 24;
14478
+
14479
+ $$self.$$set = $$props => {
14480
+ if ('props' in $$props) $$invalidate(2, props = $$props.props);
14481
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14482
+ };
14483
+
14484
+ $$self.$$.update = () => {
14485
+ if ($$self.$$.dirty & /*props*/ 4) {
14486
+ $$invalidate(1, style = objToStyle({
14487
+ width: `${size}px`,
14488
+ height: `${size}px`,
14489
+ ...props.bordered && { border: '1px solid #666' },
14490
+ ...toCssCommon(props)
14491
+ }));
14492
+ }
14493
+ };
14494
+
14495
+ return [layerId, style, props];
14496
+ }
14497
+
14498
+ class CloseButton extends SvelteComponent {
14499
+ constructor(options) {
14500
+ super();
14501
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 2, layerId: 0 }, add_css$5);
14502
+ }
14503
+ }
14504
+
14505
+ /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
14506
+
14507
+ function add_css$4(target) {
14508
+ 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}");
14509
+ }
14510
+
14511
+ function create_fragment$4(ctx) {
14512
+ let div;
14513
+ let object;
14514
+ let img;
14515
+ let img_src_value;
14516
+ let img_alt_value;
14517
+
14518
+ return {
14519
+ c() {
14520
+ div = element("div");
14521
+ object = element("object");
14522
+ img = element("img");
14523
+ this.h();
14524
+ },
14525
+ l(nodes) {
14526
+ div = claim_element(nodes, "DIV", {
14527
+ "data-layer-id": true,
14528
+ class: true,
14529
+ style: true
14530
+ });
14531
+
14532
+ var div_nodes = children(div);
14533
+ object = claim_element(div_nodes, "OBJECT", { style: true, class: true });
14534
+ var object_nodes = children(object);
14535
+ img = claim_element(object_nodes, "IMG", { src: true, alt: true, class: true });
14536
+ object_nodes.forEach(detach);
14537
+ div_nodes.forEach(detach);
14538
+ this.h();
14539
+ },
14540
+ h() {
14541
+ if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
14542
+ attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
14543
+ attr(img, "class", "image-img svelte-1wv9v10");
14544
+ attr(object, "style", /*objectStyle*/ ctx[2]);
14545
+ attr(object, "class", "image-object svelte-1wv9v10");
14546
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14547
+ attr(div, "class", "image svelte-1wv9v10");
14548
+ attr(div, "style", /*style*/ ctx[3]);
14549
+ },
14550
+ m(target, anchor) {
14551
+ insert_hydration(target, div, anchor);
14552
+ append_hydration(div, object);
14553
+ append_hydration(object, img);
14554
+ },
14555
+ p(ctx, [dirty]) {
14556
+ if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
14557
+ attr(img, "src", img_src_value);
14558
+ }
14559
+
14560
+ if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
14561
+ attr(img, "alt", img_alt_value);
14562
+ }
14563
+
14564
+ if (dirty & /*objectStyle*/ 4) {
14565
+ attr(object, "style", /*objectStyle*/ ctx[2]);
14566
+ }
14567
+
14568
+ if (dirty & /*layerId*/ 2) {
14569
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14570
+ }
14571
+
14572
+ if (dirty & /*style*/ 8) {
14573
+ attr(div, "style", /*style*/ ctx[3]);
14574
+ }
14575
+ },
14576
+ i: noop,
14577
+ o: noop,
14578
+ d(detaching) {
14579
+ if (detaching) detach(div);
14580
+ }
14581
+ };
14582
+ }
14583
+
14584
+ function instance$4($$self, $$props, $$invalidate) {
14585
+ let style;
14586
+ let objectStyle;
14587
+ let { props = {} } = $$props;
14588
+ let { layerId = '' } = $$props;
14589
+
14590
+ $$self.$$set = $$props => {
14591
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
14592
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
14593
+ };
14594
+
14595
+ $$self.$$.update = () => {
14596
+ if ($$self.$$.dirty & /*props*/ 1) {
14597
+ $$invalidate(3, style = objToStyle({
14598
+ width: props.width ?? '100%',
14599
+ ...toCssCommon(props)
14600
+ }));
14601
+ }
14602
+
14603
+ if ($$self.$$.dirty & /*props*/ 1) {
14604
+ $$invalidate(2, objectStyle = objToStyle({ aspectRatio: props.aspect }));
14605
+ }
14606
+ };
14607
+
14608
+ return [props, layerId, objectStyle, style];
14609
+ }
14610
+
14611
+ class Image extends SvelteComponent {
14612
+ constructor(options) {
14613
+ super();
14614
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 }, add_css$4);
14615
+ }
14616
+ }
14617
+
14618
+ /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
14619
+
14620
+ function add_css$3(target) {
14621
+ append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
14622
+ }
14623
+
14624
+ function create_fragment$3(ctx) {
14625
+ let div;
14626
+ let current;
14627
+ const default_slot_template = /*#slots*/ ctx[4].default;
14628
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
14629
+
14630
+ return {
14631
+ c() {
14632
+ div = element("div");
14240
14633
  if (default_slot) default_slot.c();
14241
14634
  this.h();
14242
14635
  },
14243
14636
  l(nodes) {
14244
14637
  div = claim_element(nodes, "DIV", {
14245
14638
  "data-layer-id": true,
14246
- "data-component-name": true,
14639
+ class: true,
14247
14640
  style: true
14248
14641
  });
14249
14642
 
@@ -14254,7 +14647,7 @@ function create_fragment$4(ctx) {
14254
14647
  },
14255
14648
  h() {
14256
14649
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14257
- attr(div, "data-component-name", "layout");
14650
+ attr(div, "class", "layout svelte-19rjtwm");
14258
14651
  attr(div, "style", /*style*/ ctx[1]);
14259
14652
  },
14260
14653
  m(target, anchor) {
@@ -14306,15 +14699,15 @@ function create_fragment$4(ctx) {
14306
14699
  };
14307
14700
  }
14308
14701
 
14309
- function instance$4($$self, $$props, $$invalidate) {
14702
+ function instance$3($$self, $$props, $$invalidate) {
14310
14703
  let style;
14311
14704
  let { $$slots: slots = {}, $$scope } = $$props;
14312
- let { layerId = undefined } = $$props;
14313
14705
  let { props = {} } = $$props;
14706
+ let { layerId = '' } = $$props;
14314
14707
 
14315
14708
  $$self.$$set = $$props => {
14316
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14317
14709
  if ('props' in $$props) $$invalidate(2, props = $$props.props);
14710
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14318
14711
  if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
14319
14712
  };
14320
14713
 
@@ -14330,7 +14723,7 @@ function instance$4($$self, $$props, $$invalidate) {
14330
14723
  width: props.width,
14331
14724
  ...toCssShadow(props),
14332
14725
  ...toCssRadius(props),
14333
- ...toCssBackgroundImage(props.backgroundImage),
14726
+ ...toCssBackgroundImage(props),
14334
14727
  ...toCssBackgroundColor(props),
14335
14728
  ...toCssCommon(props),
14336
14729
  ...toCssPadding(props),
@@ -14345,13 +14738,22 @@ function instance$4($$self, $$props, $$invalidate) {
14345
14738
  class Layout extends SvelteComponent {
14346
14739
  constructor(options) {
14347
14740
  super();
14348
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { layerId: 0, props: 2 });
14741
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 2, layerId: 0 }, add_css$3);
14349
14742
  }
14350
14743
  }
14351
14744
 
14352
- /* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
14745
+ const LAYOUT_DISPLAY_TYPE = ['inline-flex', 'flex', 'block'];
14746
+ const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
14747
+ const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
14748
+ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
14353
14749
 
14354
- function create_fragment$3(ctx) {
14750
+ /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
14751
+
14752
+ function add_css$2(target) {
14753
+ append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
14754
+ }
14755
+
14756
+ function create_fragment$2(ctx) {
14355
14757
  let p;
14356
14758
 
14357
14759
  return {
@@ -14360,13 +14762,19 @@ function create_fragment$3(ctx) {
14360
14762
  this.h();
14361
14763
  },
14362
14764
  l(nodes) {
14363
- p = claim_element(nodes, "P", { "data-layer-id": true, style: true });
14765
+ p = claim_element(nodes, "P", {
14766
+ "data-layer-id": true,
14767
+ class: true,
14768
+ style: true
14769
+ });
14770
+
14364
14771
  var p_nodes = children(p);
14365
14772
  p_nodes.forEach(detach);
14366
14773
  this.h();
14367
14774
  },
14368
14775
  h() {
14369
14776
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
14777
+ attr(p, "class", "text svelte-18qq8cj");
14370
14778
  attr(p, "style", /*style*/ ctx[1]);
14371
14779
  },
14372
14780
  m(target, anchor) {
@@ -14391,15 +14799,24 @@ function create_fragment$3(ctx) {
14391
14799
  };
14392
14800
  }
14393
14801
 
14394
- function instance$3($$self, $$props, $$invalidate) {
14802
+ function instance$2($$self, $$props, $$invalidate) {
14395
14803
  let escapedHTML;
14396
14804
  let style;
14397
- let { layerId } = $$props;
14398
14805
  let { props = { content: '' } } = $$props;
14806
+ let { layerId = '' } = $$props;
14807
+
14808
+ const VARIANTS = {
14809
+ size: {
14810
+ small: { fontSize: '10px', lineHeight: 1.5 },
14811
+ medium: { fontSize: '12px', lineHeight: 2.0 },
14812
+ large: { fontSize: '14px', lineHeight: 2.0 },
14813
+ extra_large: { fontSize: '16px', lineHeight: 2.0 }
14814
+ }
14815
+ };
14399
14816
 
14400
14817
  $$self.$$set = $$props => {
14401
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14402
14818
  if ('props' in $$props) $$invalidate(3, props = $$props.props);
14819
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14403
14820
  };
14404
14821
 
14405
14822
  $$self.$$.update = () => {
@@ -14409,14 +14826,12 @@ function instance$3($$self, $$props, $$invalidate) {
14409
14826
 
14410
14827
  if ($$self.$$.dirty & /*props*/ 8) {
14411
14828
  $$invalidate(1, style = objToStyle({
14412
- margin: 0,
14413
14829
  position: props?.position ?? 'static',
14414
14830
  fontWeight: props.fontWeight,
14415
- fontSize: props.fontSize,
14416
14831
  color: props.color,
14417
14832
  textAlign: props.align,
14418
- wordBreak: 'break-all',
14419
14833
  width: props.width,
14834
+ ...VARIANTS.size[props.size ?? 'medium'],
14420
14835
  ...toCssRadius(props),
14421
14836
  ...toCssBackgroundColor(props),
14422
14837
  ...toCssCommon(props),
@@ -14432,74 +14847,69 @@ function instance$3($$self, $$props, $$invalidate) {
14432
14847
  class Text extends SvelteComponent {
14433
14848
  constructor(options) {
14434
14849
  super();
14435
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 3 });
14850
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
14436
14851
  }
14437
14852
  }
14438
14853
 
14439
- /* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
14854
+ const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
14855
+ const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
14856
+ const LAYER_TEXT_SIZE = {
14857
+ small: 'Small',
14858
+ medium: 'Medium',
14859
+ large: 'Large',
14860
+ extra_large: 'XLarge',
14861
+ };
14862
+
14863
+ /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
14864
+
14865
+ function add_css$1(target) {
14866
+ 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}");
14867
+ }
14440
14868
 
14869
+ // (14:0) {#if backgroundOverlay}
14441
14870
  function create_if_block$1(ctx) {
14442
14871
  let div;
14443
- let img;
14444
- let img_src_value;
14445
- let div_style_value;
14872
+ let div_class_value;
14873
+ let mounted;
14874
+ let dispose;
14446
14875
 
14447
14876
  return {
14448
14877
  c() {
14449
14878
  div = element("div");
14450
- img = element("img");
14451
14879
  this.h();
14452
14880
  },
14453
14881
  l(nodes) {
14454
- div = claim_element(nodes, "DIV", {
14455
- "data-layer-id": true,
14456
- "data-component-id": true,
14457
- style: true
14458
- });
14459
-
14460
- var div_nodes = children(div);
14461
- img = claim_element(div_nodes, "IMG", { src: true, alt: true, style: true });
14462
- div_nodes.forEach(detach);
14882
+ div = claim_element(nodes, "DIV", { class: true });
14883
+ children(div).forEach(detach);
14463
14884
  this.h();
14464
14885
  },
14465
14886
  h() {
14466
- if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
14467
- attr(img, "alt", "");
14468
- attr(img, "style", /*imgStyle*/ ctx[3]);
14469
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14470
- attr(div, "data-component-id", "avatar");
14471
- attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
14887
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
14472
14888
  },
14473
14889
  m(target, anchor) {
14474
14890
  insert_hydration(target, div, anchor);
14475
- append_hydration(div, img);
14891
+
14892
+ if (!mounted) {
14893
+ dispose = listen(div, "click", /*click_handler*/ ctx[3]);
14894
+ mounted = true;
14895
+ }
14476
14896
  },
14477
14897
  p(ctx, dirty) {
14478
- if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
14479
- attr(img, "src", img_src_value);
14480
- }
14481
-
14482
- if (dirty & /*imgStyle*/ 8) {
14483
- attr(img, "style", /*imgStyle*/ ctx[3]);
14484
- }
14485
-
14486
- if (dirty & /*layerId*/ 1) {
14487
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14488
- }
14489
-
14490
- if (dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
14491
- attr(div, "style", div_style_value);
14898
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
14899
+ attr(div, "class", div_class_value);
14492
14900
  }
14493
14901
  },
14494
14902
  d(detaching) {
14495
14903
  if (detaching) detach(div);
14904
+ mounted = false;
14905
+ dispose();
14496
14906
  }
14497
14907
  };
14498
14908
  }
14499
14909
 
14500
- function create_fragment$2(ctx) {
14910
+ function create_fragment$1(ctx) {
14501
14911
  let if_block_anchor;
14502
- let if_block = /*props*/ ctx[1].image && create_if_block$1(ctx);
14912
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$1(ctx);
14503
14913
 
14504
14914
  return {
14505
14915
  c() {
@@ -14515,7 +14925,7 @@ function create_fragment$2(ctx) {
14515
14925
  insert_hydration(target, if_block_anchor, anchor);
14516
14926
  },
14517
14927
  p(ctx, [dirty]) {
14518
- if (/*props*/ ctx[1].image) {
14928
+ if (/*backgroundOverlay*/ ctx[0]) {
14519
14929
  if (if_block) {
14520
14930
  if_block.p(ctx, dirty);
14521
14931
  } else {
@@ -14537,326 +14947,780 @@ function create_fragment$2(ctx) {
14537
14947
  };
14538
14948
  }
14539
14949
 
14540
- function instance$2($$self, $$props, $$invalidate) {
14541
- let style;
14542
- let imgStyle;
14543
- let { layerId = '' } = $$props;
14544
- let { props = {} } = $$props;
14545
- let { overrideStyle } = $$props;
14546
-
14547
- const VARIANTS = {
14548
- shape: {
14549
- circle: { borderRadius: '100%' },
14550
- square: { borderRadius: '4px' }
14551
- }
14552
- };
14553
-
14554
- const size = props.size ?? 64;
14950
+ function instance$1($$self, $$props, $$invalidate) {
14951
+ let { backgroundOverlay = false } = $$props;
14952
+ let { class: className = undefined } = $$props;
14953
+ const dispatch = createEventDispatcher();
14954
+ const click_handler = () => dispatch('click');
14555
14955
 
14556
14956
  $$self.$$set = $$props => {
14557
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14558
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
14559
- if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
14560
- };
14561
-
14562
- $$self.$$.update = () => {
14563
- if ($$self.$$.dirty & /*props*/ 2) {
14564
- $$invalidate(4, style = objToStyle({
14565
- display: 'flex',
14566
- alignItems: 'center',
14567
- overflow: 'hidden',
14568
- flexShrink: 0,
14569
- width: `${size}px`,
14570
- height: `${size}px`,
14571
- ...VARIANTS.shape[props.shape ?? 'square'],
14572
- ...props.bordered && { border: `1px solid #dbdbdb` },
14573
- ...toCssCommon(props)
14574
- }));
14575
- }
14957
+ if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
14958
+ if ('class' in $$props) $$invalidate(1, className = $$props.class);
14576
14959
  };
14577
14960
 
14578
- $$invalidate(3, imgStyle = objToStyle({
14579
- width: '100%',
14580
- height: '100%',
14581
- objectFit: 'cover'
14582
- }));
14583
-
14584
- return [layerId, props, overrideStyle, imgStyle, style];
14961
+ return [backgroundOverlay, className, dispatch, click_handler];
14585
14962
  }
14586
14963
 
14587
- class Avatar extends SvelteComponent {
14964
+ class BackgroundOverlay extends SvelteComponent {
14588
14965
  constructor(options) {
14589
14966
  super();
14590
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
14967
+ init(this, options, instance$1, create_fragment$1, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
14591
14968
  }
14592
14969
  }
14593
14970
 
14594
- /* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
14971
+ /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
14595
14972
 
14596
- function create_if_block(ctx) {
14597
- let div;
14598
- let object;
14599
- let img;
14600
- let img_src_value;
14601
- let div_style_value;
14973
+ function add_css(target) {
14974
+ append_styles(target, "svelte-q9l1ox", ".v2-modal.svelte-q9l1ox{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.v2-modal.svelte-q9l1ox > .button{flex:auto;display:flex}.v2-close.svelte-q9l1ox{position:absolute;top:8px;right:8px}.v2-close.svelte-q9l1ox > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.v2-close.svelte-q9l1ox > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.v2-modal-bp.svelte-q9l1ox{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}.v2-background-bp-pc{display:block}.v2-background-bp-sp{display:none}}@media screen and (max-width: 640px){.v2-modal-bp.svelte-q9l1ox{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}.v2-background-bp-pc{display:none}.v2-background-bp-sp{display:block}}");
14975
+ }
14976
+
14977
+ // (264:0) {:else}
14978
+ function create_else_block(ctx) {
14979
+ let backgroundoverlay;
14980
+ let current;
14981
+
14982
+ backgroundoverlay = new BackgroundOverlay({
14983
+ props: {
14984
+ backgroundOverlay: /*backgroundOverlay*/ ctx[4]
14985
+ }
14986
+ });
14987
+
14988
+ backgroundoverlay.$on("click", function () {
14989
+ if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
14990
+ });
14602
14991
 
14603
14992
  return {
14604
14993
  c() {
14605
- div = element("div");
14606
- object = element("object");
14607
- img = element("img");
14608
- this.h();
14994
+ create_component(backgroundoverlay.$$.fragment);
14609
14995
  },
14610
14996
  l(nodes) {
14611
- div = claim_element(nodes, "DIV", { "data-layer-id": true, style: true });
14612
- var div_nodes = children(div);
14613
- object = claim_element(div_nodes, "OBJECT", { style: true, title: true });
14614
- var object_nodes = children(object);
14615
- img = claim_element(object_nodes, "IMG", { src: true, alt: true, style: true });
14616
- object_nodes.forEach(detach);
14617
- div_nodes.forEach(detach);
14618
- this.h();
14619
- },
14620
- h() {
14621
- if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
14622
- attr(img, "alt", "");
14623
- attr(img, "style", /*imgStyle*/ ctx[3]);
14624
- attr(object, "style", /*objectStyle*/ ctx[4]);
14625
- attr(object, "title", "");
14626
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14627
- attr(div, "style", div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '));
14997
+ claim_component(backgroundoverlay.$$.fragment, nodes);
14628
14998
  },
14629
14999
  m(target, anchor) {
14630
- insert_hydration(target, div, anchor);
14631
- append_hydration(div, object);
14632
- append_hydration(object, img);
15000
+ mount_component(backgroundoverlay, target, anchor);
15001
+ current = true;
14633
15002
  },
14634
- p(ctx, dirty) {
14635
- if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
14636
- attr(img, "src", img_src_value);
14637
- }
15003
+ p(new_ctx, dirty) {
15004
+ ctx = new_ctx;
15005
+ const backgroundoverlay_changes = {};
15006
+ if (dirty[0] & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
15007
+ backgroundoverlay.$set(backgroundoverlay_changes);
15008
+ },
15009
+ i(local) {
15010
+ if (current) return;
15011
+ transition_in(backgroundoverlay.$$.fragment, local);
15012
+ current = true;
15013
+ },
15014
+ o(local) {
15015
+ transition_out(backgroundoverlay.$$.fragment, local);
15016
+ current = false;
15017
+ },
15018
+ d(detaching) {
15019
+ destroy_component(backgroundoverlay, detaching);
15020
+ }
15021
+ };
15022
+ }
14638
15023
 
14639
- if (dirty & /*imgStyle*/ 8) {
14640
- attr(img, "style", /*imgStyle*/ ctx[3]);
14641
- }
15024
+ // (253:24)
15025
+ function create_if_block_3(ctx) {
15026
+ let backgroundoverlay0;
15027
+ let t;
15028
+ let backgroundoverlay1;
15029
+ let current;
14642
15030
 
14643
- if (dirty & /*objectStyle*/ 16) {
14644
- attr(object, "style", /*objectStyle*/ ctx[4]);
15031
+ backgroundoverlay0 = new BackgroundOverlay({
15032
+ props: {
15033
+ class: "v2-background-bp-pc",
15034
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
14645
15035
  }
15036
+ });
14646
15037
 
14647
- if (dirty & /*layerId*/ 1) {
14648
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14649
- }
15038
+ backgroundoverlay0.$on("click", function () {
15039
+ if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
15040
+ });
14650
15041
 
14651
- if (dirty & /*style, overrideStyle*/ 36 && div_style_value !== (div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '))) {
14652
- attr(div, "style", div_style_value);
15042
+ backgroundoverlay1 = new BackgroundOverlay({
15043
+ props: {
15044
+ class: "v2-background-bp-sp ",
15045
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
14653
15046
  }
14654
- },
14655
- d(detaching) {
14656
- if (detaching) detach(div);
14657
- }
14658
- };
14659
- }
15047
+ });
14660
15048
 
14661
- function create_fragment$1(ctx) {
14662
- let if_block_anchor;
14663
- let if_block = /*props*/ ctx[1].image && create_if_block(ctx);
15049
+ backgroundoverlay1.$on("click", function () {
15050
+ if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
15051
+ });
14664
15052
 
14665
15053
  return {
14666
15054
  c() {
14667
- if (if_block) if_block.c();
14668
- if_block_anchor = empty();
15055
+ create_component(backgroundoverlay0.$$.fragment);
15056
+ t = space();
15057
+ create_component(backgroundoverlay1.$$.fragment);
14669
15058
  },
14670
15059
  l(nodes) {
14671
- if (if_block) if_block.l(nodes);
14672
- if_block_anchor = empty();
15060
+ claim_component(backgroundoverlay0.$$.fragment, nodes);
15061
+ t = claim_space(nodes);
15062
+ claim_component(backgroundoverlay1.$$.fragment, nodes);
14673
15063
  },
14674
15064
  m(target, anchor) {
14675
- if (if_block) if_block.m(target, anchor);
14676
- insert_hydration(target, if_block_anchor, anchor);
15065
+ mount_component(backgroundoverlay0, target, anchor);
15066
+ insert_hydration(target, t, anchor);
15067
+ mount_component(backgroundoverlay1, target, anchor);
15068
+ current = true;
14677
15069
  },
14678
- p(ctx, [dirty]) {
14679
- if (/*props*/ ctx[1].image) {
14680
- if (if_block) {
14681
- if_block.p(ctx, dirty);
14682
- } else {
14683
- if_block = create_if_block(ctx);
14684
- if_block.c();
14685
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
14686
- }
14687
- } else if (if_block) {
14688
- if_block.d(1);
14689
- if_block = null;
14690
- }
15070
+ p(new_ctx, dirty) {
15071
+ ctx = new_ctx;
15072
+ const backgroundoverlay0_changes = {};
15073
+ if (dirty[0] & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
15074
+ backgroundoverlay0.$set(backgroundoverlay0_changes);
15075
+ const backgroundoverlay1_changes = {};
15076
+ if (dirty[0] & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
15077
+ backgroundoverlay1.$set(backgroundoverlay1_changes);
15078
+ },
15079
+ i(local) {
15080
+ if (current) return;
15081
+ transition_in(backgroundoverlay0.$$.fragment, local);
15082
+ transition_in(backgroundoverlay1.$$.fragment, local);
15083
+ current = true;
15084
+ },
15085
+ o(local) {
15086
+ transition_out(backgroundoverlay0.$$.fragment, local);
15087
+ transition_out(backgroundoverlay1.$$.fragment, local);
15088
+ current = false;
14691
15089
  },
14692
- i: noop,
14693
- o: noop,
14694
15090
  d(detaching) {
14695
- if (if_block) if_block.d(detaching);
14696
- if (detaching) detach(if_block_anchor);
15091
+ destroy_component(backgroundoverlay0, detaching);
15092
+ if (detaching) detach(t);
15093
+ destroy_component(backgroundoverlay1, detaching);
14697
15094
  }
14698
15095
  };
14699
15096
  }
14700
15097
 
14701
- function instance$1($$self, $$props, $$invalidate) {
14702
- let style;
14703
- let objectStyle;
14704
- let imgStyle;
14705
- let { layerId } = $$props;
14706
- let { props = {} } = $$props;
14707
- let { overrideStyle } = $$props;
14708
-
14709
- $$self.$$set = $$props => {
14710
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14711
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
14712
- if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
14713
- };
14714
-
14715
- $$self.$$.update = () => {
14716
- if ($$self.$$.dirty & /*props*/ 2) {
14717
- $$invalidate(5, style = objToStyle({
14718
- width: props.width,
14719
- display: 'flex',
14720
- maxWidth: '100%',
14721
- alignItems: 'center',
14722
- justifyContent: 'center',
14723
- overflow: 'hidden',
14724
- wordBreak: 'break-all',
14725
- ...toCssCommon(props)
14726
- }));
14727
- }
14728
-
14729
- if ($$self.$$.dirty & /*props*/ 2) {
14730
- $$invalidate(4, objectStyle = objToStyle({
14731
- width: '100%',
14732
- aspectRatio: props.aspect,
14733
- overflow: 'hidden'
14734
- }));
14735
- }
15098
+ // (251:0) {#if isPreview()}
15099
+ function create_if_block_2(ctx) {
15100
+ return {
15101
+ c: noop,
15102
+ l: noop,
15103
+ m: noop,
15104
+ p: noop,
15105
+ i: noop,
15106
+ o: noop,
15107
+ d: noop
14736
15108
  };
14737
-
14738
- $$invalidate(3, imgStyle = objToStyle({
14739
- width: '100%',
14740
- height: '100%',
14741
- objectFit: 'cover',
14742
- userSelect: 'none'
14743
- }));
14744
-
14745
- return [layerId, props, overrideStyle, imgStyle, objectStyle, style];
14746
- }
14747
-
14748
- class Image extends SvelteComponent {
14749
- constructor(options) {
14750
- super();
14751
- init(this, options, instance$1, create_fragment$1, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
14752
- }
14753
15109
  }
14754
15110
 
14755
- /* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14756
-
14757
- function create_fragment(ctx) {
14758
- let button;
14759
- let svg;
14760
- let path;
14761
- let button_style_value;
15111
+ // (267:0) {#if visible}
15112
+ function create_if_block(ctx) {
15113
+ let div1;
15114
+ let t;
15115
+ let div0;
15116
+ let div1_class_value;
15117
+ let div1_intro;
15118
+ let current;
15119
+ let if_block = /*closable*/ ctx[13] && create_if_block_1(ctx);
15120
+ const default_slot_template = /*#slots*/ ctx[30].default;
15121
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
14762
15122
 
14763
15123
  return {
14764
15124
  c() {
14765
- button = element("button");
14766
- svg = svg_element("svg");
14767
- path = svg_element("path");
15125
+ div1 = element("div");
15126
+ if (if_block) if_block.c();
15127
+ t = space();
15128
+ div0 = element("div");
15129
+ if (default_slot) default_slot.c();
14768
15130
  this.h();
14769
15131
  },
14770
15132
  l(nodes) {
14771
- button = claim_element(nodes, "BUTTON", { "data-layer-id": true, style: true });
14772
- var button_nodes = children(button);
14773
-
14774
- svg = claim_svg_element(button_nodes, "svg", {
14775
- xmlns: true,
14776
- style: true,
14777
- viewBox: true,
14778
- fill: true
15133
+ div1 = claim_element(nodes, "DIV", {
15134
+ class: true,
15135
+ role: true,
15136
+ "aria-modal": true,
15137
+ style: true
14779
15138
  });
14780
15139
 
14781
- var svg_nodes = children(svg);
14782
- path = claim_svg_element(svg_nodes, "path", { d: true });
14783
- children(path).forEach(detach);
14784
- svg_nodes.forEach(detach);
14785
- button_nodes.forEach(detach);
15140
+ var div1_nodes = children(div1);
15141
+ if (if_block) if_block.l(div1_nodes);
15142
+ t = claim_space(div1_nodes);
15143
+ div0 = claim_element(div1_nodes, "DIV", {});
15144
+ var div0_nodes = children(div0);
15145
+ if (default_slot) default_slot.l(div0_nodes);
15146
+ div0_nodes.forEach(detach);
15147
+ div1_nodes.forEach(detach);
14786
15148
  this.h();
14787
15149
  },
14788
15150
  h() {
14789
- attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
14790
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
14791
- set_style(svg, "width", "75%");
14792
- set_style(svg, "height", "75%");
14793
- attr(svg, "viewBox", "0 0 50 50");
14794
- attr(svg, "fill", "#666666");
14795
- attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14796
- attr(button, "style", button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '));
15151
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-q9l1ox"));
15152
+ attr(div1, "role", "dialog");
15153
+ attr(div1, "aria-modal", "true");
15154
+ attr(div1, "style", Array.from(/*modalStyles*/ ctx[15]).join(';'));
14797
15155
  },
14798
15156
  m(target, anchor) {
14799
- insert_hydration(target, button, anchor);
14800
- append_hydration(button, svg);
14801
- append_hydration(svg, path);
15157
+ insert_hydration(target, div1, anchor);
15158
+ if (if_block) if_block.m(div1, null);
15159
+ append_hydration(div1, t);
15160
+ append_hydration(div1, div0);
15161
+
15162
+ if (default_slot) {
15163
+ default_slot.m(div0, null);
15164
+ }
15165
+
15166
+ /*div1_binding*/ ctx[31](div1);
15167
+ current = true;
14802
15168
  },
14803
- p(ctx, [dirty]) {
14804
- if (dirty & /*layerId*/ 1) {
14805
- attr(button, "data-layer-id", /*layerId*/ ctx[0]);
15169
+ p(new_ctx, dirty) {
15170
+ ctx = new_ctx;
15171
+
15172
+ if (/*closable*/ ctx[13]) {
15173
+ if (if_block) {
15174
+ if_block.p(ctx, dirty);
15175
+
15176
+ if (dirty[0] & /*closable*/ 8192) {
15177
+ transition_in(if_block, 1);
15178
+ }
15179
+ } else {
15180
+ if_block = create_if_block_1(ctx);
15181
+ if_block.c();
15182
+ transition_in(if_block, 1);
15183
+ if_block.m(div1, t);
15184
+ }
15185
+ } else if (if_block) {
15186
+ group_outros();
15187
+
15188
+ transition_out(if_block, 1, 1, () => {
15189
+ if_block = null;
15190
+ });
15191
+
15192
+ check_outros();
14806
15193
  }
14807
15194
 
14808
- if (dirty & /*style, overrideStyle*/ 6 && button_style_value !== (button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '))) {
14809
- attr(button, "style", button_style_value);
15195
+ if (default_slot) {
15196
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 536870912)) {
15197
+ update_slot_base(
15198
+ default_slot,
15199
+ default_slot_template,
15200
+ ctx,
15201
+ /*$$scope*/ ctx[29],
15202
+ !current
15203
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
15204
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
15205
+ null
15206
+ );
15207
+ }
15208
+ }
15209
+
15210
+ if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-q9l1ox"))) {
15211
+ attr(div1, "class", div1_class_value);
14810
15212
  }
14811
15213
  },
14812
- i: noop,
14813
- o: noop,
15214
+ i(local) {
15215
+ if (current) return;
15216
+ transition_in(if_block);
15217
+ transition_in(default_slot, local);
15218
+
15219
+ if (!div1_intro) {
15220
+ add_render_callback(() => {
15221
+ div1_intro = create_in_transition(div1, customAnimation, {
15222
+ transforms: /*transforms*/ ctx[3],
15223
+ animationStyle: /*animation*/ ctx[1]
15224
+ });
15225
+
15226
+ div1_intro.start();
15227
+ });
15228
+ }
15229
+
15230
+ current = true;
15231
+ },
15232
+ o(local) {
15233
+ transition_out(if_block);
15234
+ transition_out(default_slot, local);
15235
+ current = false;
15236
+ },
14814
15237
  d(detaching) {
14815
- if (detaching) detach(button);
15238
+ if (detaching) detach(div1);
15239
+ if (if_block) if_block.d();
15240
+ if (default_slot) default_slot.d(detaching);
15241
+ /*div1_binding*/ ctx[31](null);
15242
+ }
15243
+ };
15244
+ }
15245
+
15246
+ // (279:4) {#if closable}
15247
+ function create_if_block_1(ctx) {
15248
+ let div;
15249
+ let closebutton;
15250
+ let current;
15251
+
15252
+ closebutton = new CloseButton({
15253
+ props: { props: /*closeButtonProps*/ ctx[2] }
15254
+ });
15255
+
15256
+ return {
15257
+ c() {
15258
+ div = element("div");
15259
+ create_component(closebutton.$$.fragment);
15260
+ this.h();
15261
+ },
15262
+ l(nodes) {
15263
+ div = claim_element(nodes, "DIV", { class: true, style: true });
15264
+ var div_nodes = children(div);
15265
+ claim_component(closebutton.$$.fragment, div_nodes);
15266
+ div_nodes.forEach(detach);
15267
+ this.h();
15268
+ },
15269
+ h() {
15270
+ attr(div, "class", "v2-close svelte-q9l1ox");
15271
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
15272
+ },
15273
+ m(target, anchor) {
15274
+ insert_hydration(target, div, anchor);
15275
+ mount_component(closebutton, div, null);
15276
+ current = true;
15277
+ },
15278
+ p(ctx, dirty) {
15279
+ const closebutton_changes = {};
15280
+ if (dirty[0] & /*closeButtonProps*/ 4) closebutton_changes.props = /*closeButtonProps*/ ctx[2];
15281
+ closebutton.$set(closebutton_changes);
15282
+
15283
+ if (!current || dirty[0] & /*$maximumZindex*/ 16384) {
15284
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
15285
+ }
15286
+ },
15287
+ i(local) {
15288
+ if (current) return;
15289
+ transition_in(closebutton.$$.fragment, local);
15290
+ current = true;
15291
+ },
15292
+ o(local) {
15293
+ transition_out(closebutton.$$.fragment, local);
15294
+ current = false;
15295
+ },
15296
+ d(detaching) {
15297
+ if (detaching) detach(div);
15298
+ destroy_component(closebutton);
15299
+ }
15300
+ };
15301
+ }
15302
+
15303
+ function create_fragment(ctx) {
15304
+ let show_if;
15305
+ let current_block_type_index;
15306
+ let if_block0;
15307
+ let t;
15308
+ let if_block1_anchor;
15309
+ let current;
15310
+ let mounted;
15311
+ let dispose;
15312
+ const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block];
15313
+ const if_blocks = [];
15314
+
15315
+ function select_block_type(ctx, dirty) {
15316
+ if (show_if == null) show_if = !!isPreview();
15317
+ if (show_if) return 0;
15318
+ if (/*useBreakPoint*/ ctx[0]) return 1;
15319
+ return 2;
15320
+ }
15321
+
15322
+ current_block_type_index = select_block_type(ctx);
15323
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
15324
+ let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
15325
+
15326
+ return {
15327
+ c() {
15328
+ if_block0.c();
15329
+ t = space();
15330
+ if (if_block1) if_block1.c();
15331
+ if_block1_anchor = empty();
15332
+ },
15333
+ l(nodes) {
15334
+ if_block0.l(nodes);
15335
+ t = claim_space(nodes);
15336
+ if (if_block1) if_block1.l(nodes);
15337
+ if_block1_anchor = empty();
15338
+ },
15339
+ m(target, anchor) {
15340
+ if_blocks[current_block_type_index].m(target, anchor);
15341
+ insert_hydration(target, t, anchor);
15342
+ if (if_block1) if_block1.m(target, anchor);
15343
+ insert_hydration(target, if_block1_anchor, anchor);
15344
+ current = true;
15345
+
15346
+ if (!mounted) {
15347
+ dispose = listen(window, "keydown", function () {
15348
+ if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
15349
+ });
15350
+
15351
+ mounted = true;
15352
+ }
15353
+ },
15354
+ p(new_ctx, dirty) {
15355
+ ctx = new_ctx;
15356
+ let previous_block_index = current_block_type_index;
15357
+ current_block_type_index = select_block_type(ctx);
15358
+
15359
+ if (current_block_type_index === previous_block_index) {
15360
+ if_blocks[current_block_type_index].p(ctx, dirty);
15361
+ } else {
15362
+ group_outros();
15363
+
15364
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
15365
+ if_blocks[previous_block_index] = null;
15366
+ });
15367
+
15368
+ check_outros();
15369
+ if_block0 = if_blocks[current_block_type_index];
15370
+
15371
+ if (!if_block0) {
15372
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
15373
+ if_block0.c();
15374
+ } else {
15375
+ if_block0.p(ctx, dirty);
15376
+ }
15377
+
15378
+ transition_in(if_block0, 1);
15379
+ if_block0.m(t.parentNode, t);
15380
+ }
15381
+
15382
+ if (/*visible*/ ctx[8]) {
15383
+ if (if_block1) {
15384
+ if_block1.p(ctx, dirty);
15385
+
15386
+ if (dirty[0] & /*visible*/ 256) {
15387
+ transition_in(if_block1, 1);
15388
+ }
15389
+ } else {
15390
+ if_block1 = create_if_block(ctx);
15391
+ if_block1.c();
15392
+ transition_in(if_block1, 1);
15393
+ if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
15394
+ }
15395
+ } else if (if_block1) {
15396
+ group_outros();
15397
+
15398
+ transition_out(if_block1, 1, 1, () => {
15399
+ if_block1 = null;
15400
+ });
15401
+
15402
+ check_outros();
15403
+ }
15404
+ },
15405
+ i(local) {
15406
+ if (current) return;
15407
+ transition_in(if_block0);
15408
+ transition_in(if_block1);
15409
+ current = true;
15410
+ },
15411
+ o(local) {
15412
+ transition_out(if_block0);
15413
+ transition_out(if_block1);
15414
+ current = false;
15415
+ },
15416
+ d(detaching) {
15417
+ if_blocks[current_block_type_index].d(detaching);
15418
+ if (detaching) detach(t);
15419
+ if (if_block1) if_block1.d(detaching);
15420
+ if (detaching) detach(if_block1_anchor);
15421
+ mounted = false;
15422
+ dispose();
14816
15423
  }
14817
15424
  };
14818
15425
  }
14819
15426
 
14820
15427
  function instance($$self, $$props, $$invalidate) {
14821
- let style;
14822
- let { layerId } = $$props;
14823
- let { props = {} } = $$props;
14824
- let { overrideStyle } = $$props;
14825
- const size = props.size ?? 24;
15428
+ let close;
15429
+ let closable;
15430
+ let backgroundClick;
15431
+ let backgroundClickPC;
15432
+ let backgroundClickSP;
15433
+ let handle_keydown;
15434
+ let visible;
15435
+ let $maximumZindex;
15436
+ component_subscribe($$self, maximumZindex, $$value => $$invalidate(14, $maximumZindex = $$value));
15437
+ let { $$slots: slots = {}, $$scope } = $$props;
15438
+ let { onClick = { operation: 'none', args: [] } } = $$props;
15439
+ let { clickEventName = '' } = $$props;
15440
+ let { clickEventValue = null } = $$props;
15441
+ let { useBreakPoint = false } = $$props;
15442
+ let { placement } = $$props;
15443
+ let { breakPoint } = $$props;
15444
+ let { elasticity } = $$props;
15445
+ let { animation = 'none' } = $$props;
15446
+ let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
15447
+ let { closeEventName = '' } = $$props;
15448
+ let { closeEventValue = null } = $$props;
15449
+ let { closeButtonProps = {} } = $$props;
15450
+
15451
+ // モーダル背景の設定
15452
+ let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
15453
+
15454
+ let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
15455
+ let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
15456
+
15457
+ // モーダル背景のクリック動作の設定
15458
+ let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
15459
+
15460
+ let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
15461
+ let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
15462
+ let modalStyles = new Set([]);
15463
+ let transforms = [{ query: null, ...getTransform('center') }];
15464
+ let modal;
15465
+
15466
+ onMount$1(() => {
15467
+ $$invalidate(8, visible = true);
15468
+ });
15469
+
15470
+ onDestroy$1(() => setPreviousFocus());
15471
+
15472
+ function div1_binding($$value) {
15473
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
15474
+ modal = $$value;
15475
+ $$invalidate(7, modal);
15476
+ });
15477
+ }
14826
15478
 
14827
15479
  $$self.$$set = $$props => {
14828
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14829
- if ('props' in $$props) $$invalidate(3, props = $$props.props);
14830
- if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
15480
+ if ('onClick' in $$props) $$invalidate(16, onClick = $$props.onClick);
15481
+ if ('clickEventName' in $$props) $$invalidate(17, clickEventName = $$props.clickEventName);
15482
+ if ('clickEventValue' in $$props) $$invalidate(18, clickEventValue = $$props.clickEventValue);
15483
+ if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
15484
+ if ('placement' in $$props) $$invalidate(19, placement = $$props.placement);
15485
+ if ('breakPoint' in $$props) $$invalidate(20, breakPoint = $$props.breakPoint);
15486
+ if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
15487
+ if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
15488
+ if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
15489
+ if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
15490
+ if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
15491
+ if ('closeButtonProps' in $$props) $$invalidate(2, closeButtonProps = $$props.closeButtonProps);
15492
+ if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
14831
15493
  };
14832
15494
 
14833
15495
  $$self.$$.update = () => {
14834
- if ($$self.$$.dirty & /*props*/ 8) {
14835
- $$invalidate(2, style = objToStyle({
14836
- display: 'inline-flex',
14837
- alignItems: 'center',
14838
- justifyContent: 'center',
14839
- borderRadius: '100%',
14840
- background: 'none',
14841
- border: 0,
14842
- outline: 0,
14843
- transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
14844
- width: `${size}px`,
14845
- height: `${size}px`,
14846
- ...props.bordered && { border: '1px solid #666' },
14847
- ...toCssCommon(props)
14848
- }));
15496
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 29360128) {
15497
+ $$invalidate(28, close = () => {
15498
+ if (closeEventName) {
15499
+ send_event(closeEventName, closeEventValue);
15500
+ }
15501
+
15502
+ execOnClickOperation(onClose);
15503
+ });
15504
+ }
15505
+
15506
+ if ($$self.$$.dirty[0] & /*onClose*/ 4194304) {
15507
+ $$invalidate(13, closable = haveFunction(onClose));
15508
+ }
15509
+
15510
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
15511
+ {
15512
+
15513
+ if (useBreakPoint) {
15514
+ const pc = breakPoint?.PC?.placement?.backgroundOverlay;
15515
+ $$invalidate(5, backgroundOverlayPC = pc ?? false);
15516
+ const sp = breakPoint?.SP?.placement?.backgroundOverlay;
15517
+ $$invalidate(6, backgroundOverlaySP = sp ?? false);
15518
+ }
15519
+ }
15520
+ }
15521
+
15522
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
15523
+ {
15524
+ if (placement && placement.backgroundClick) {
15525
+ $$invalidate(25, backgroundClickFunction = placement.backgroundClick);
15526
+ }
15527
+
15528
+ if (useBreakPoint) {
15529
+ const pc = breakPoint?.PC?.placement?.backgroundClick;
15530
+
15531
+ if (pc) {
15532
+ $$invalidate(26, backgroundClickFunctionPC = pc);
15533
+ }
15534
+
15535
+ const sp = breakPoint?.SP?.placement?.backgroundClick;
15536
+
15537
+ if (sp) {
15538
+ $$invalidate(27, backgroundClickFunctionSP = sp);
15539
+ }
15540
+ }
15541
+ }
15542
+ }
15543
+
15544
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 58720256) {
15545
+ $$invalidate(12, backgroundClick = () => {
15546
+ if (closeEventName) {
15547
+ send_event(closeEventName, closeEventValue);
15548
+ }
15549
+
15550
+ execOnClickOperation(backgroundClickFunction);
15551
+ });
15552
+ }
15553
+
15554
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 92274688) {
15555
+ $$invalidate(11, backgroundClickPC = () => {
15556
+ if (closeEventName) {
15557
+ send_event(closeEventName, closeEventValue);
15558
+ }
15559
+
15560
+ execOnClickOperation(backgroundClickFunctionPC);
15561
+ });
15562
+ }
15563
+
15564
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 159383552) {
15565
+ $$invalidate(10, backgroundClickSP = () => {
15566
+ if (closeEventName) {
15567
+ send_event(closeEventName, closeEventValue);
15568
+ }
15569
+
15570
+ execOnClickOperation(backgroundClickFunctionSP);
15571
+ });
15572
+ }
15573
+
15574
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 1572873) {
15575
+ // 表示位置のスタイルとアニメーションの動きを設定
15576
+ {
15577
+ // 表示位置のスタイルの設定
15578
+ let position = DefaultModalPlacement.position;
15579
+
15580
+ let positionStyle = getPositionStyle(position);
15581
+
15582
+ if (!useBreakPoint) {
15583
+ modalStyles.add(positionStyle);
15584
+ }
15585
+
15586
+ $$invalidate(3, transforms = []);
15587
+
15588
+ DEVICE_IDS.forEach(deviceId => {
15589
+
15590
+ const positionVariables = stringifyStyleObj(formatObjectKey({
15591
+ obj: parseStyle(positionStyle),
15592
+ prefix: '--modal-bp-',
15593
+ suffix: `-${deviceId.toLowerCase()}`
15594
+ }));
15595
+
15596
+ modalStyles.add(positionVariables);
15597
+ });
15598
+
15599
+ // アニメーションの動きの設定
15600
+ transforms.push({ query: null, ...getTransform(position) });
15601
+ }
15602
+ }
15603
+
15604
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
15605
+ // 表示位置の調整のスタイルを設定
15606
+ {
15607
+ let margin = DefaultModalPlacement.margin;
15608
+
15609
+ let marginStyle = getMarginStyle(margin);
15610
+
15611
+ if (!useBreakPoint) {
15612
+ modalStyles.add(marginStyle);
15613
+ }
15614
+
15615
+ DEVICE_IDS.forEach(deviceId => {
15616
+
15617
+ const marginVariables = stringifyStyleObj(formatObjectKey({
15618
+ obj: parseStyle(marginStyle),
15619
+ prefix: '--modal-bp-',
15620
+ suffix: `-${deviceId.toLowerCase()}`
15621
+ }));
15622
+
15623
+ modalStyles.add(marginVariables);
15624
+ });
15625
+ }
15626
+ }
15627
+
15628
+ if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 3145729) {
15629
+ // 拡大方法のスタイルを設定
15630
+ {
15631
+ let elasticStyle = ElasticityStyle['none' ];
15632
+
15633
+ if (!useBreakPoint) {
15634
+ modalStyles.add(elasticStyle);
15635
+ }
15636
+
15637
+ DEVICE_IDS.forEach(deviceId => {
15638
+
15639
+ const elasticityVariables = stringifyStyleObj(formatObjectKey({
15640
+ obj: parseStyle(elasticStyle),
15641
+ prefix: '--modal-bp-',
15642
+ suffix: `-${deviceId.toLowerCase()}`
15643
+ }));
15644
+
15645
+ modalStyles.add(elasticityVariables);
15646
+ });
15647
+ }
15648
+ }
15649
+
15650
+ if ($$self.$$.dirty[0] & /*close*/ 268435456) {
15651
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
14849
15652
  }
14850
15653
  };
14851
15654
 
14852
- return [layerId, overrideStyle, style, props];
15655
+ $$invalidate(7, modal = null);
15656
+
15657
+ // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
15658
+ $$invalidate(8, visible = false);
15659
+
15660
+ return [
15661
+ useBreakPoint,
15662
+ animation,
15663
+ closeButtonProps,
15664
+ transforms,
15665
+ backgroundOverlay,
15666
+ backgroundOverlayPC,
15667
+ backgroundOverlaySP,
15668
+ modal,
15669
+ visible,
15670
+ handle_keydown,
15671
+ backgroundClickSP,
15672
+ backgroundClickPC,
15673
+ backgroundClick,
15674
+ closable,
15675
+ $maximumZindex,
15676
+ modalStyles,
15677
+ onClick,
15678
+ clickEventName,
15679
+ clickEventValue,
15680
+ placement,
15681
+ breakPoint,
15682
+ elasticity,
15683
+ onClose,
15684
+ closeEventName,
15685
+ closeEventValue,
15686
+ backgroundClickFunction,
15687
+ backgroundClickFunctionPC,
15688
+ backgroundClickFunctionSP,
15689
+ close,
15690
+ $$scope,
15691
+ slots,
15692
+ div1_binding
15693
+ ];
14853
15694
  }
14854
15695
 
14855
- class CloseButton extends SvelteComponent {
15696
+ class Modal extends SvelteComponent {
14856
15697
  constructor(options) {
14857
15698
  super();
14858
- init(this, options, instance, create_fragment, safe_not_equal, { layerId: 0, props: 3, overrideStyle: 1 });
15699
+
15700
+ init(
15701
+ this,
15702
+ options,
15703
+ instance,
15704
+ create_fragment,
15705
+ safe_not_equal,
15706
+ {
15707
+ onClick: 16,
15708
+ clickEventName: 17,
15709
+ clickEventValue: 18,
15710
+ useBreakPoint: 0,
15711
+ placement: 19,
15712
+ breakPoint: 20,
15713
+ elasticity: 21,
15714
+ animation: 1,
15715
+ onClose: 22,
15716
+ closeEventName: 23,
15717
+ closeEventValue: 24,
15718
+ closeButtonProps: 2
15719
+ },
15720
+ add_css,
15721
+ [-1, -1]
15722
+ );
14859
15723
  }
14860
15724
  }
14861
15725
 
14862
- export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, 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, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, Avatar as V2Avatar, Button as V2Button, CloseButton as V2CloseButton, Icon as V2Icon, Image as V2Image, Layout as V2Layout, Text as V2Text, 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 };
15726
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, 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, 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, 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 };