@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.
package/dist/index.es.js CHANGED
@@ -1827,7 +1827,14 @@ function createModal(App, options = {
1827
1827
  if (!app) {
1828
1828
  return NOOP;
1829
1829
  }
1830
- options.send('message_close', { trigger, state: getState$1() });
1830
+ if (trigger !== 'auto') {
1831
+ options.send('message_close', { trigger, state: getState$1() });
1832
+ }
1833
+ options.send('_message_state_changed', {
1834
+ trigger,
1835
+ oldState: getState$1(),
1836
+ newState: '',
1837
+ });
1831
1838
  setOpened(false);
1832
1839
  setClosed(true); // deprecated
1833
1840
  const { onCloseHandlers } = getInternalHandlers();
@@ -1860,7 +1867,14 @@ function createModal(App, options = {
1860
1867
  if (!result.success)
1861
1868
  return;
1862
1869
  }
1863
- options.send('message_open', { state: getState$1() });
1870
+ if (trigger !== 'auto') {
1871
+ options.send('message_open', { state: getState$1() });
1872
+ }
1873
+ options.send('_message_state_changed', {
1874
+ trigger,
1875
+ oldState: '',
1876
+ newState: getState$1(),
1877
+ });
1864
1878
  setOpened(true);
1865
1879
  setClosed(false); // deprecated
1866
1880
  // 非同期処理中にappが初期化されている可能性がある
@@ -2904,7 +2918,7 @@ function create_if_block$d(ctx) {
2904
2918
  };
2905
2919
  }
2906
2920
 
2907
- function create_fragment$15(ctx) {
2921
+ function create_fragment$17(ctx) {
2908
2922
  let head;
2909
2923
  let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
2910
2924
 
@@ -2940,7 +2954,7 @@ function create_fragment$15(ctx) {
2940
2954
  };
2941
2955
  }
2942
2956
 
2943
- function instance$15($$self, $$props, $$invalidate) {
2957
+ function instance$17($$self, $$props, $$invalidate) {
2944
2958
  let $fonts;
2945
2959
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2946
2960
  let googleFontUrl = '';
@@ -2969,13 +2983,13 @@ function instance$15($$self, $$props, $$invalidate) {
2969
2983
  class Header extends SvelteComponent {
2970
2984
  constructor(options) {
2971
2985
  super();
2972
- init(this, options, instance$15, create_fragment$15, safe_not_equal, {});
2986
+ init(this, options, instance$17, create_fragment$17, safe_not_equal, {});
2973
2987
  }
2974
2988
  }
2975
2989
 
2976
2990
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2977
2991
 
2978
- function create_fragment$14(ctx) {
2992
+ function create_fragment$16(ctx) {
2979
2993
  let header;
2980
2994
  let t;
2981
2995
  let current;
@@ -3034,7 +3048,7 @@ function create_fragment$14(ctx) {
3034
3048
  };
3035
3049
  }
3036
3050
 
3037
- function instance$14($$self, $$props, $$invalidate) {
3051
+ function instance$16($$self, $$props, $$invalidate) {
3038
3052
  let { $$slots: slots = {}, $$scope } = $$props;
3039
3053
 
3040
3054
  $$self.$$set = $$props => {
@@ -3047,13 +3061,13 @@ function instance$14($$self, $$props, $$invalidate) {
3047
3061
  class State extends SvelteComponent {
3048
3062
  constructor(options) {
3049
3063
  super();
3050
- init(this, options, instance$14, create_fragment$14, safe_not_equal, {});
3064
+ init(this, options, instance$16, create_fragment$16, safe_not_equal, {});
3051
3065
  }
3052
3066
  }
3053
3067
 
3054
3068
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3055
3069
 
3056
- function add_css$w(target) {
3070
+ function add_css$E(target) {
3057
3071
  append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3058
3072
  }
3059
3073
 
@@ -3120,7 +3134,7 @@ function create_if_block$c(ctx) {
3120
3134
  };
3121
3135
  }
3122
3136
 
3123
- function create_fragment$13(ctx) {
3137
+ function create_fragment$15(ctx) {
3124
3138
  let if_block_anchor;
3125
3139
  let current;
3126
3140
  let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
@@ -3181,7 +3195,7 @@ function getStateItemContext() {
3181
3195
  return getContext(STATE_ITEM_CONTEXT_KEY);
3182
3196
  }
3183
3197
 
3184
- function instance$13($$self, $$props, $$invalidate) {
3198
+ function instance$15($$self, $$props, $$invalidate) {
3185
3199
  let $state;
3186
3200
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3187
3201
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3207,7 +3221,7 @@ function instance$13($$self, $$props, $$invalidate) {
3207
3221
  class StateItem extends SvelteComponent {
3208
3222
  constructor(options) {
3209
3223
  super();
3210
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$w);
3224
+ init(this, options, instance$15, create_fragment$15, safe_not_equal, { path: 0 }, add_css$E);
3211
3225
  }
3212
3226
  }
3213
3227
 
@@ -3392,7 +3406,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3392
3406
 
3393
3407
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3394
3408
 
3395
- function add_css$v(target) {
3409
+ function add_css$D(target) {
3396
3410
  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}");
3397
3411
  }
3398
3412
 
@@ -3429,7 +3443,7 @@ function create_if_block$b(ctx) {
3429
3443
  };
3430
3444
  }
3431
3445
 
3432
- function create_fragment$12(ctx) {
3446
+ function create_fragment$14(ctx) {
3433
3447
  let if_block_anchor;
3434
3448
  let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
3435
3449
 
@@ -3465,7 +3479,7 @@ function create_fragment$12(ctx) {
3465
3479
  };
3466
3480
  }
3467
3481
 
3468
- function instance$12($$self, $$props, $$invalidate) {
3482
+ function instance$14($$self, $$props, $$invalidate) {
3469
3483
  let { backgroundOverlay = false } = $$props;
3470
3484
  let { class: className = undefined } = $$props;
3471
3485
  const dispatch = createEventDispatcher();
@@ -3479,12 +3493,12 @@ function instance$12($$self, $$props, $$invalidate) {
3479
3493
  return [backgroundOverlay, className, dispatch, click_handler];
3480
3494
  }
3481
3495
 
3482
- class BackgroundOverlay extends SvelteComponent {
3496
+ let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3483
3497
  constructor(options) {
3484
3498
  super();
3485
- init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$v);
3499
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$D);
3486
3500
  }
3487
- }
3501
+ };
3488
3502
 
3489
3503
  /**
3490
3504
  * data属性とカスタムのイベントハンドラによるstopPropagation。
@@ -3522,12 +3536,12 @@ function checkStopPropagation(eventName, handler) {
3522
3536
 
3523
3537
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3524
3538
 
3525
- function add_css$u(target) {
3539
+ function add_css$C(target) {
3526
3540
  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}");
3527
3541
  }
3528
3542
 
3529
3543
  // (50:0) {:else}
3530
- function create_else_block$4(ctx) {
3544
+ function create_else_block$5(ctx) {
3531
3545
  let button;
3532
3546
  let current;
3533
3547
  let mounted;
@@ -3612,7 +3626,7 @@ function create_else_block$4(ctx) {
3612
3626
  }
3613
3627
 
3614
3628
  // (46:39)
3615
- function create_if_block_2$1(ctx) {
3629
+ function create_if_block_2$2(ctx) {
3616
3630
  let div;
3617
3631
  let current;
3618
3632
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3671,7 +3685,7 @@ function create_if_block_2$1(ctx) {
3671
3685
  }
3672
3686
 
3673
3687
  // (35:41)
3674
- function create_if_block_1$2(ctx) {
3688
+ function create_if_block_1$3(ctx) {
3675
3689
  let a;
3676
3690
  let a_href_value;
3677
3691
  let a_target_value;
@@ -3827,12 +3841,12 @@ function create_if_block$a(ctx) {
3827
3841
  };
3828
3842
  }
3829
3843
 
3830
- function create_fragment$11(ctx) {
3844
+ function create_fragment$13(ctx) {
3831
3845
  let current_block_type_index;
3832
3846
  let if_block;
3833
3847
  let if_block_anchor;
3834
3848
  let current;
3835
- const if_block_creators = [create_if_block$a, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3849
+ const if_block_creators = [create_if_block$a, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
3836
3850
  const if_blocks = [];
3837
3851
 
3838
3852
  function select_block_type(ctx, dirty) {
@@ -3900,7 +3914,7 @@ function create_fragment$11(ctx) {
3900
3914
 
3901
3915
  const BUTTON_CLASS = 'button';
3902
3916
 
3903
- function instance$11($$self, $$props, $$invalidate) {
3917
+ function instance$13($$self, $$props, $$invalidate) {
3904
3918
  let disabled;
3905
3919
  let $valuesAreValid;
3906
3920
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3966,8 +3980,8 @@ let Button$1 = class Button extends SvelteComponent {
3966
3980
  init(
3967
3981
  this,
3968
3982
  options,
3969
- instance$11,
3970
- create_fragment$11,
3983
+ instance$13,
3984
+ create_fragment$13,
3971
3985
  safe_not_equal,
3972
3986
  {
3973
3987
  onClick: 0,
@@ -3975,23 +3989,23 @@ let Button$1 = class Button extends SvelteComponent {
3975
3989
  eventValue: 6,
3976
3990
  style: 1
3977
3991
  },
3978
- add_css$u
3992
+ add_css$C
3979
3993
  );
3980
3994
  }
3981
3995
  };
3982
3996
 
3983
3997
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3984
3998
 
3985
- function add_css$t(target) {
3999
+ function add_css$B(target) {
3986
4000
  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}}");
3987
4001
  }
3988
4002
 
3989
4003
  // (277:0) {:else}
3990
- function create_else_block$3(ctx) {
4004
+ function create_else_block$4(ctx) {
3991
4005
  let backgroundoverlay;
3992
4006
  let current;
3993
4007
 
3994
- backgroundoverlay = new BackgroundOverlay({
4008
+ backgroundoverlay = new BackgroundOverlay$1({
3995
4009
  props: {
3996
4010
  backgroundOverlay: /*backgroundOverlay*/ ctx[12]
3997
4011
  }
@@ -4031,13 +4045,13 @@ function create_else_block$3(ctx) {
4031
4045
  }
4032
4046
 
4033
4047
  // (266:24)
4034
- function create_if_block_3(ctx) {
4048
+ function create_if_block_3$1(ctx) {
4035
4049
  let backgroundoverlay0;
4036
4050
  let t;
4037
4051
  let backgroundoverlay1;
4038
4052
  let current;
4039
4053
 
4040
- backgroundoverlay0 = new BackgroundOverlay({
4054
+ backgroundoverlay0 = new BackgroundOverlay$1({
4041
4055
  props: {
4042
4056
  class: "background-bp-pc",
4043
4057
  backgroundOverlay: /*backgroundOverlayPC*/ ctx[13]
@@ -4048,7 +4062,7 @@ function create_if_block_3(ctx) {
4048
4062
  if (is_function(/*backgroundClickPC*/ ctx[19])) /*backgroundClickPC*/ ctx[19].apply(this, arguments);
4049
4063
  });
4050
4064
 
4051
- backgroundoverlay1 = new BackgroundOverlay({
4065
+ backgroundoverlay1 = new BackgroundOverlay$1({
4052
4066
  props: {
4053
4067
  class: "background-bp-sp ",
4054
4068
  backgroundOverlay: /*backgroundOverlaySP*/ ctx[14]
@@ -4100,7 +4114,7 @@ function create_if_block_3(ctx) {
4100
4114
  }
4101
4115
 
4102
4116
  // (264:0) {#if isPreview()}
4103
- function create_if_block_2(ctx) {
4117
+ function create_if_block_2$1(ctx) {
4104
4118
  return {
4105
4119
  c: noop,
4106
4120
  m: noop,
@@ -4191,7 +4205,7 @@ function create_if_block$9(ctx) {
4191
4205
  }
4192
4206
 
4193
4207
  // (293:6) {#if closable}
4194
- function create_if_block_1$1(ctx) {
4208
+ function create_if_block_1$2(ctx) {
4195
4209
  let div;
4196
4210
  let button;
4197
4211
  let current;
@@ -4290,7 +4304,7 @@ function create_default_slot$6(ctx) {
4290
4304
  let t;
4291
4305
  let div;
4292
4306
  let current;
4293
- let if_block = /*closable*/ ctx[21] && create_if_block_1$1(ctx);
4307
+ let if_block = /*closable*/ ctx[21] && create_if_block_1$2(ctx);
4294
4308
  const default_slot_template = /*#slots*/ ctx[31].default;
4295
4309
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
4296
4310
 
@@ -4323,7 +4337,7 @@ function create_default_slot$6(ctx) {
4323
4337
  transition_in(if_block, 1);
4324
4338
  }
4325
4339
  } else {
4326
- if_block = create_if_block_1$1(ctx);
4340
+ if_block = create_if_block_1$2(ctx);
4327
4341
  if_block.c();
4328
4342
  transition_in(if_block, 1);
4329
4343
  if_block.m(t.parentNode, t);
@@ -4377,7 +4391,7 @@ function create_default_slot$6(ctx) {
4377
4391
  };
4378
4392
  }
4379
4393
 
4380
- function create_fragment$10(ctx) {
4394
+ function create_fragment$12(ctx) {
4381
4395
  let show_if;
4382
4396
  let current_block_type_index;
4383
4397
  let if_block0;
@@ -4386,7 +4400,7 @@ function create_fragment$10(ctx) {
4386
4400
  let current;
4387
4401
  let mounted;
4388
4402
  let dispose;
4389
- const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block$3];
4403
+ const if_block_creators = [create_if_block_2$1, create_if_block_3$1, create_else_block$4];
4390
4404
  const if_blocks = [];
4391
4405
 
4392
4406
  function select_block_type(ctx, dirty) {
@@ -4495,7 +4509,7 @@ function create_fragment$10(ctx) {
4495
4509
  };
4496
4510
  }
4497
4511
 
4498
- function instance$10($$self, $$props, $$invalidate) {
4512
+ function instance$12($$self, $$props, $$invalidate) {
4499
4513
  let close;
4500
4514
  let closable;
4501
4515
  let backgroundClick;
@@ -4799,15 +4813,15 @@ function instance$10($$self, $$props, $$invalidate) {
4799
4813
  ];
4800
4814
  }
4801
4815
 
4802
- class Modal extends SvelteComponent {
4816
+ let Modal$1 = class Modal extends SvelteComponent {
4803
4817
  constructor(options) {
4804
4818
  super();
4805
4819
 
4806
4820
  init(
4807
4821
  this,
4808
4822
  options,
4809
- instance$10,
4810
- create_fragment$10,
4823
+ instance$12,
4824
+ create_fragment$12,
4811
4825
  safe_not_equal,
4812
4826
  {
4813
4827
  onClick: 0,
@@ -4825,15 +4839,15 @@ class Modal extends SvelteComponent {
4825
4839
  closeButtonColor: 9,
4826
4840
  _closeStyle: 10
4827
4841
  },
4828
- add_css$t,
4842
+ add_css$B,
4829
4843
  [-1, -1]
4830
4844
  );
4831
4845
  }
4832
- }
4846
+ };
4833
4847
 
4834
4848
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4835
4849
 
4836
- function create_fragment$$(ctx) {
4850
+ function create_fragment$11(ctx) {
4837
4851
  let div;
4838
4852
  let current;
4839
4853
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4891,7 +4905,7 @@ function create_fragment$$(ctx) {
4891
4905
  };
4892
4906
  }
4893
4907
 
4894
- function instance$$($$self, $$props, $$invalidate) {
4908
+ function instance$11($$self, $$props, $$invalidate) {
4895
4909
  let _style;
4896
4910
  let { $$slots: slots = {}, $$scope } = $$props;
4897
4911
  let { width = '512px' } = $$props;
@@ -4936,7 +4950,7 @@ class Grid extends SvelteComponent {
4936
4950
  constructor(options) {
4937
4951
  super();
4938
4952
 
4939
- init(this, options, instance$$, create_fragment$$, safe_not_equal, {
4953
+ init(this, options, instance$11, create_fragment$11, safe_not_equal, {
4940
4954
  width: 1,
4941
4955
  height: 2,
4942
4956
  rows: 3,
@@ -4949,11 +4963,11 @@ class Grid extends SvelteComponent {
4949
4963
 
4950
4964
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4951
4965
 
4952
- function add_css$s(target) {
4966
+ function add_css$A(target) {
4953
4967
  append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4954
4968
  }
4955
4969
 
4956
- function create_fragment$_(ctx) {
4970
+ function create_fragment$10(ctx) {
4957
4971
  let div1;
4958
4972
  let div0;
4959
4973
  let current;
@@ -5027,7 +5041,7 @@ function create_fragment$_(ctx) {
5027
5041
 
5028
5042
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5029
5043
 
5030
- function instance$_($$self, $$props, $$invalidate) {
5044
+ function instance$10($$self, $$props, $$invalidate) {
5031
5045
  let _style;
5032
5046
  let { $$slots: slots = {}, $$scope } = $$props;
5033
5047
  let { x1 } = $$props;
@@ -5076,8 +5090,8 @@ class GridItem extends SvelteComponent {
5076
5090
  init(
5077
5091
  this,
5078
5092
  options,
5079
- instance$_,
5080
- create_fragment$_,
5093
+ instance$10,
5094
+ create_fragment$10,
5081
5095
  safe_not_equal,
5082
5096
  {
5083
5097
  x1: 2,
@@ -5088,7 +5102,7 @@ class GridItem extends SvelteComponent {
5088
5102
  background: 7,
5089
5103
  gridItemId: 0
5090
5104
  },
5091
- add_css$s
5105
+ add_css$A
5092
5106
  );
5093
5107
  }
5094
5108
  }
@@ -5102,7 +5116,7 @@ function get_each_context$6(ctx, list, i) {
5102
5116
  }
5103
5117
 
5104
5118
  // (13:2) {:else}
5105
- function create_else_block$2(ctx) {
5119
+ function create_else_block$3(ctx) {
5106
5120
  let t_value = /*item*/ ctx[2] + "";
5107
5121
  let t;
5108
5122
 
@@ -5149,7 +5163,7 @@ function create_each_block$6(ctx) {
5149
5163
  if (dirty & /*items*/ 1) show_if = null;
5150
5164
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5151
5165
  if (show_if) return create_if_block$8;
5152
- return create_else_block$2;
5166
+ return create_else_block$3;
5153
5167
  }
5154
5168
 
5155
5169
  let current_block_type = select_block_type(ctx, -1);
@@ -5184,7 +5198,7 @@ function create_each_block$6(ctx) {
5184
5198
  };
5185
5199
  }
5186
5200
 
5187
- function create_fragment$Z(ctx) {
5201
+ function create_fragment$$(ctx) {
5188
5202
  let each_1_anchor;
5189
5203
  let each_value = /*items*/ ctx[0];
5190
5204
  let each_blocks = [];
@@ -5243,7 +5257,7 @@ function create_fragment$Z(ctx) {
5243
5257
 
5244
5258
  const regexp = /(\r?\n)/;
5245
5259
 
5246
- function instance$Z($$self, $$props, $$invalidate) {
5260
+ function instance$$($$self, $$props, $$invalidate) {
5247
5261
  let items;
5248
5262
  let { text = 'サンプルSample' } = $$props;
5249
5263
 
@@ -5264,18 +5278,18 @@ function instance$Z($$self, $$props, $$invalidate) {
5264
5278
  class RenderText extends SvelteComponent {
5265
5279
  constructor(options) {
5266
5280
  super();
5267
- init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { text: 1 });
5281
+ init(this, options, instance$$, create_fragment$$, safe_not_equal, { text: 1 });
5268
5282
  }
5269
5283
  }
5270
5284
 
5271
5285
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5272
5286
 
5273
- function add_css$r(target) {
5287
+ function add_css$z(target) {
5274
5288
  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}");
5275
5289
  }
5276
5290
 
5277
5291
  // (94:2) {:else}
5278
- function create_else_block$1(ctx) {
5292
+ function create_else_block$2(ctx) {
5279
5293
  let div1;
5280
5294
  let div0;
5281
5295
  let rendertext;
@@ -5414,12 +5428,12 @@ function create_if_block$7(ctx) {
5414
5428
  };
5415
5429
  }
5416
5430
 
5417
- function create_fragment$Y(ctx) {
5431
+ function create_fragment$_(ctx) {
5418
5432
  let div;
5419
5433
  let current_block_type_index;
5420
5434
  let if_block;
5421
5435
  let current;
5422
- const if_block_creators = [create_if_block$7, create_else_block$1];
5436
+ const if_block_creators = [create_if_block$7, create_else_block$2];
5423
5437
  const if_blocks = [];
5424
5438
 
5425
5439
  function select_block_type(ctx, dirty) {
@@ -5484,7 +5498,7 @@ function create_fragment$Y(ctx) {
5484
5498
  };
5485
5499
  }
5486
5500
 
5487
- function instance$Y($$self, $$props, $$invalidate) {
5501
+ function instance$_($$self, $$props, $$invalidate) {
5488
5502
  let style;
5489
5503
  let { text = 'テキストのコンテンツ' } = $$props;
5490
5504
  let { font = SYSTEM_FONT } = $$props;
@@ -5580,8 +5594,8 @@ class TextElement extends SvelteComponent {
5580
5594
  init(
5581
5595
  this,
5582
5596
  options,
5583
- instance$Y,
5584
- create_fragment$Y,
5597
+ instance$_,
5598
+ create_fragment$_,
5585
5599
  safe_not_equal,
5586
5600
  {
5587
5601
  text: 0,
@@ -5592,14 +5606,14 @@ class TextElement extends SvelteComponent {
5592
5606
  enableCopy: 2,
5593
5607
  eventName: 10
5594
5608
  },
5595
- add_css$r
5609
+ add_css$z
5596
5610
  );
5597
5611
  }
5598
5612
  }
5599
5613
 
5600
5614
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5601
5615
 
5602
- function add_css$q(target) {
5616
+ function add_css$y(target) {
5603
5617
  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)}");
5604
5618
  }
5605
5619
 
@@ -5637,7 +5651,7 @@ function create_default_slot$5(ctx) {
5637
5651
  };
5638
5652
  }
5639
5653
 
5640
- function create_fragment$X(ctx) {
5654
+ function create_fragment$Z(ctx) {
5641
5655
  let div;
5642
5656
  let button;
5643
5657
  let current;
@@ -5691,7 +5705,7 @@ function create_fragment$X(ctx) {
5691
5705
  };
5692
5706
  }
5693
5707
 
5694
- function instance$X($$self, $$props, $$invalidate) {
5708
+ function instance$Z($$self, $$props, $$invalidate) {
5695
5709
  let style;
5696
5710
  let { text = 'ボタンのラベル' } = $$props;
5697
5711
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5729,8 +5743,8 @@ class TextButtonElement extends SvelteComponent {
5729
5743
  init(
5730
5744
  this,
5731
5745
  options,
5732
- instance$X,
5733
- create_fragment$X,
5746
+ instance$Z,
5747
+ create_fragment$Z,
5734
5748
  safe_not_equal,
5735
5749
  {
5736
5750
  text: 0,
@@ -5740,14 +5754,14 @@ class TextButtonElement extends SvelteComponent {
5740
5754
  _buttonStyle: 5,
5741
5755
  _style: 6
5742
5756
  },
5743
- add_css$q
5757
+ add_css$y
5744
5758
  );
5745
5759
  }
5746
5760
  }
5747
5761
 
5748
5762
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5749
5763
 
5750
- function add_css$p(target) {
5764
+ function add_css$x(target) {
5751
5765
  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%}");
5752
5766
  }
5753
5767
 
@@ -5802,7 +5816,7 @@ function create_default_slot$4(ctx) {
5802
5816
  };
5803
5817
  }
5804
5818
 
5805
- function create_fragment$W(ctx) {
5819
+ function create_fragment$Y(ctx) {
5806
5820
  let div;
5807
5821
  let button;
5808
5822
  let div_class_value;
@@ -5861,7 +5875,7 @@ function create_fragment$W(ctx) {
5861
5875
  };
5862
5876
  }
5863
5877
 
5864
- function instance$W($$self, $$props, $$invalidate) {
5878
+ function instance$Y($$self, $$props, $$invalidate) {
5865
5879
  let { src = '' } = $$props;
5866
5880
  let { alt = '画像の説明' } = $$props;
5867
5881
  let { transport = false } = $$props;
@@ -5892,8 +5906,8 @@ class ImageElement extends SvelteComponent {
5892
5906
  init(
5893
5907
  this,
5894
5908
  options,
5895
- instance$W,
5896
- create_fragment$W,
5909
+ instance$Y,
5910
+ create_fragment$Y,
5897
5911
  safe_not_equal,
5898
5912
  {
5899
5913
  src: 0,
@@ -5905,18 +5919,18 @@ class ImageElement extends SvelteComponent {
5905
5919
  _imageStyle: 6,
5906
5920
  _style: 7
5907
5921
  },
5908
- add_css$p
5922
+ add_css$x
5909
5923
  );
5910
5924
  }
5911
5925
  }
5912
5926
 
5913
5927
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5914
5928
 
5915
- function add_css$o(target) {
5929
+ function add_css$w(target) {
5916
5930
  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}");
5917
5931
  }
5918
5932
 
5919
- function create_fragment$V(ctx) {
5933
+ function create_fragment$X(ctx) {
5920
5934
  let div;
5921
5935
  let current;
5922
5936
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -5976,7 +5990,7 @@ function create_fragment$V(ctx) {
5976
5990
 
5977
5991
  const LIST_CONTEXT_KEY = Symbol();
5978
5992
 
5979
- function instance$V($$self, $$props, $$invalidate) {
5993
+ function instance$X($$self, $$props, $$invalidate) {
5980
5994
  let style;
5981
5995
  let { $$slots: slots = {}, $$scope } = $$props;
5982
5996
  let { direction = 'vertical' } = $$props;
@@ -6043,8 +6057,8 @@ class List extends SvelteComponent {
6043
6057
  init(
6044
6058
  this,
6045
6059
  options,
6046
- instance$V,
6047
- create_fragment$V,
6060
+ instance$X,
6061
+ create_fragment$X,
6048
6062
  safe_not_equal,
6049
6063
  {
6050
6064
  direction: 1,
@@ -6052,14 +6066,14 @@ class List extends SvelteComponent {
6052
6066
  background: 3,
6053
6067
  _style: 4
6054
6068
  },
6055
- add_css$o
6069
+ add_css$w
6056
6070
  );
6057
6071
  }
6058
6072
  }
6059
6073
 
6060
6074
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6061
6075
 
6062
- function add_css$n(target) {
6076
+ function add_css$v(target) {
6063
6077
  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}");
6064
6078
  }
6065
6079
 
@@ -6111,7 +6125,7 @@ function create_default_slot$3(ctx) {
6111
6125
  };
6112
6126
  }
6113
6127
 
6114
- function create_fragment$U(ctx) {
6128
+ function create_fragment$W(ctx) {
6115
6129
  let div;
6116
6130
  let button;
6117
6131
  let current;
@@ -6170,7 +6184,7 @@ function create_fragment$U(ctx) {
6170
6184
  };
6171
6185
  }
6172
6186
 
6173
- function instance$U($$self, $$props, $$invalidate) {
6187
+ function instance$W($$self, $$props, $$invalidate) {
6174
6188
  let listItemStyle;
6175
6189
  let { $$slots: slots = {}, $$scope } = $$props;
6176
6190
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6249,17 +6263,17 @@ function instance$U($$self, $$props, $$invalidate) {
6249
6263
  class ListItem extends SvelteComponent {
6250
6264
  constructor(options) {
6251
6265
  super();
6252
- init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$n);
6266
+ init(this, options, instance$W, create_fragment$W, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$v);
6253
6267
  }
6254
6268
  }
6255
6269
 
6256
6270
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6257
6271
 
6258
- function add_css$m(target) {
6272
+ function add_css$u(target) {
6259
6273
  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}");
6260
6274
  }
6261
6275
 
6262
- function create_fragment$T(ctx) {
6276
+ function create_fragment$V(ctx) {
6263
6277
  let div;
6264
6278
 
6265
6279
  return {
@@ -6286,7 +6300,7 @@ function create_fragment$T(ctx) {
6286
6300
  };
6287
6301
  }
6288
6302
 
6289
- function instance$T($$self, $$props, $$invalidate) {
6303
+ function instance$V($$self, $$props, $$invalidate) {
6290
6304
  let { code } = $$props;
6291
6305
  let { _style = '' } = $$props;
6292
6306
 
@@ -6301,17 +6315,17 @@ function instance$T($$self, $$props, $$invalidate) {
6301
6315
  class EmbedElement extends SvelteComponent {
6302
6316
  constructor(options) {
6303
6317
  super();
6304
- init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$m);
6318
+ init(this, options, instance$V, create_fragment$V, safe_not_equal, { code: 0, _style: 1 }, add_css$u);
6305
6319
  }
6306
6320
  }
6307
6321
 
6308
6322
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6309
6323
 
6310
- function add_css$l(target) {
6324
+ function add_css$t(target) {
6311
6325
  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%}");
6312
6326
  }
6313
6327
 
6314
- function create_fragment$S(ctx) {
6328
+ function create_fragment$U(ctx) {
6315
6329
  let div1;
6316
6330
  let div0;
6317
6331
 
@@ -6352,7 +6366,7 @@ function _setValue(obj, key, value) {
6352
6366
  }
6353
6367
  }
6354
6368
 
6355
- function instance$S($$self, $$props, $$invalidate) {
6369
+ function instance$U($$self, $$props, $$invalidate) {
6356
6370
  let $system;
6357
6371
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6358
6372
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6623,8 +6637,8 @@ class MovieYouTubeElement extends SvelteComponent {
6623
6637
  init(
6624
6638
  this,
6625
6639
  options,
6626
- instance$S,
6627
- create_fragment$S,
6640
+ instance$U,
6641
+ create_fragment$U,
6628
6642
  safe_not_equal,
6629
6643
  {
6630
6644
  videoId: 2,
@@ -6653,7 +6667,7 @@ class MovieYouTubeElement extends SvelteComponent {
6653
6667
  mute: 25,
6654
6668
  _style: 0
6655
6669
  },
6656
- add_css$l,
6670
+ add_css$t,
6657
6671
  [-1, -1]
6658
6672
  );
6659
6673
  }
@@ -6661,11 +6675,11 @@ class MovieYouTubeElement extends SvelteComponent {
6661
6675
 
6662
6676
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6663
6677
 
6664
- function add_css$k(target) {
6678
+ function add_css$s(target) {
6665
6679
  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%}");
6666
6680
  }
6667
6681
 
6668
- function create_fragment$R(ctx) {
6682
+ function create_fragment$T(ctx) {
6669
6683
  let div1;
6670
6684
  let div0;
6671
6685
 
@@ -6696,7 +6710,7 @@ function create_fragment$R(ctx) {
6696
6710
  };
6697
6711
  }
6698
6712
 
6699
- function instance$R($$self, $$props, $$invalidate) {
6713
+ function instance$T($$self, $$props, $$invalidate) {
6700
6714
  let $system;
6701
6715
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6702
6716
  let { videoId = "201239468" } = $$props;
@@ -6839,8 +6853,8 @@ class MovieVimeoElement extends SvelteComponent {
6839
6853
  init(
6840
6854
  this,
6841
6855
  options,
6842
- instance$R,
6843
- create_fragment$R,
6856
+ instance$T,
6857
+ create_fragment$T,
6844
6858
  safe_not_equal,
6845
6859
  {
6846
6860
  videoId: 2,
@@ -6850,18 +6864,18 @@ class MovieVimeoElement extends SvelteComponent {
6850
6864
  mute: 6,
6851
6865
  _style: 0
6852
6866
  },
6853
- add_css$k
6867
+ add_css$s
6854
6868
  );
6855
6869
  }
6856
6870
  }
6857
6871
 
6858
6872
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6859
6873
 
6860
- function add_css$j(target) {
6874
+ function add_css$r(target) {
6861
6875
  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}");
6862
6876
  }
6863
6877
 
6864
- function create_fragment$Q(ctx) {
6878
+ function create_fragment$S(ctx) {
6865
6879
  let div;
6866
6880
  let textarea;
6867
6881
  let mounted;
@@ -6919,7 +6933,7 @@ function create_fragment$Q(ctx) {
6919
6933
  };
6920
6934
  }
6921
6935
 
6922
- function instance$Q($$self, $$props, $$invalidate) {
6936
+ function instance$S($$self, $$props, $$invalidate) {
6923
6937
  let style;
6924
6938
  let styleVariables;
6925
6939
  let $value;
@@ -7007,8 +7021,8 @@ class FormTextarea extends SvelteComponent {
7007
7021
  init(
7008
7022
  this,
7009
7023
  options,
7010
- instance$Q,
7011
- create_fragment$Q,
7024
+ instance$S,
7025
+ create_fragment$S,
7012
7026
  safe_not_equal,
7013
7027
  {
7014
7028
  name: 7,
@@ -7020,14 +7034,14 @@ class FormTextarea extends SvelteComponent {
7020
7034
  _textStyle: 11,
7021
7035
  _placeholderStyle: 12
7022
7036
  },
7023
- add_css$j
7037
+ add_css$r
7024
7038
  );
7025
7039
  }
7026
7040
  }
7027
7041
 
7028
7042
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7029
7043
 
7030
- function add_css$i(target) {
7044
+ function add_css$q(target) {
7031
7045
  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}");
7032
7046
  }
7033
7047
 
@@ -7117,7 +7131,7 @@ function create_each_block$5(ctx) {
7117
7131
  };
7118
7132
  }
7119
7133
 
7120
- function create_fragment$P(ctx) {
7134
+ function create_fragment$R(ctx) {
7121
7135
  let div;
7122
7136
  let each_value = /*_options*/ ctx[4];
7123
7137
  let each_blocks = [];
@@ -7181,7 +7195,7 @@ function create_fragment$P(ctx) {
7181
7195
  };
7182
7196
  }
7183
7197
 
7184
- function instance$P($$self, $$props, $$invalidate) {
7198
+ function instance$R($$self, $$props, $$invalidate) {
7185
7199
  let _options;
7186
7200
  let buttonStyle;
7187
7201
  let _value;
@@ -7281,8 +7295,8 @@ class FormRadioButtons extends SvelteComponent {
7281
7295
  init(
7282
7296
  this,
7283
7297
  options,
7284
- instance$P,
7285
- create_fragment$P,
7298
+ instance$R,
7299
+ create_fragment$R,
7286
7300
  safe_not_equal,
7287
7301
  {
7288
7302
  name: 0,
@@ -7295,14 +7309,14 @@ class FormRadioButtons extends SvelteComponent {
7295
7309
  buttonColor: 13,
7296
7310
  buttonColorActive: 14
7297
7311
  },
7298
- add_css$i
7312
+ add_css$q
7299
7313
  );
7300
7314
  }
7301
7315
  }
7302
7316
 
7303
7317
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7304
7318
 
7305
- function add_css$h(target) {
7319
+ function add_css$p(target) {
7306
7320
  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}");
7307
7321
  }
7308
7322
 
@@ -7314,7 +7328,7 @@ function get_each_context$4(ctx, list, i) {
7314
7328
  }
7315
7329
 
7316
7330
  // (107:10) {:else}
7317
- function create_else_block(ctx) {
7331
+ function create_else_block$1(ctx) {
7318
7332
  let t;
7319
7333
 
7320
7334
  return {
@@ -7363,7 +7377,7 @@ function create_each_block$4(ctx) {
7363
7377
 
7364
7378
  function select_block_type(ctx, dirty) {
7365
7379
  if (/*option*/ ctx[19]) return create_if_block$6;
7366
- return create_else_block;
7380
+ return create_else_block$1;
7367
7381
  }
7368
7382
 
7369
7383
  let current_block_type = select_block_type(ctx);
@@ -7412,7 +7426,7 @@ function create_each_block$4(ctx) {
7412
7426
  };
7413
7427
  }
7414
7428
 
7415
- function create_fragment$O(ctx) {
7429
+ function create_fragment$Q(ctx) {
7416
7430
  let div1;
7417
7431
  let select;
7418
7432
  let t;
@@ -7502,7 +7516,7 @@ function create_fragment$O(ctx) {
7502
7516
  };
7503
7517
  }
7504
7518
 
7505
- function instance$O($$self, $$props, $$invalidate) {
7519
+ function instance$Q($$self, $$props, $$invalidate) {
7506
7520
  let _options;
7507
7521
  let style;
7508
7522
  let styleVariables;
@@ -7618,8 +7632,8 @@ class FormSelect extends SvelteComponent {
7618
7632
  init(
7619
7633
  this,
7620
7634
  options,
7621
- instance$O,
7622
- create_fragment$O,
7635
+ instance$Q,
7636
+ create_fragment$Q,
7623
7637
  safe_not_equal,
7624
7638
  {
7625
7639
  name: 7,
@@ -7634,14 +7648,14 @@ class FormSelect extends SvelteComponent {
7634
7648
  iconColor: 15,
7635
7649
  iconSize: 16
7636
7650
  },
7637
- add_css$h
7651
+ add_css$p
7638
7652
  );
7639
7653
  }
7640
7654
  }
7641
7655
 
7642
7656
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7643
7657
 
7644
- function add_css$g(target) {
7658
+ function add_css$o(target) {
7645
7659
  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}");
7646
7660
  }
7647
7661
 
@@ -7747,7 +7761,7 @@ function create_each_block$3(ctx) {
7747
7761
  };
7748
7762
  }
7749
7763
 
7750
- function create_fragment$N(ctx) {
7764
+ function create_fragment$P(ctx) {
7751
7765
  let div;
7752
7766
  let each_value = /*_options*/ ctx[3];
7753
7767
  let each_blocks = [];
@@ -7811,7 +7825,7 @@ function create_fragment$N(ctx) {
7811
7825
  };
7812
7826
  }
7813
7827
 
7814
- function instance$N($$self, $$props, $$invalidate) {
7828
+ function instance$P($$self, $$props, $$invalidate) {
7815
7829
  let _options;
7816
7830
  let styleVariables;
7817
7831
  let isCheckedArray;
@@ -7917,8 +7931,8 @@ class FormCheckBoxes extends SvelteComponent {
7917
7931
  init(
7918
7932
  this,
7919
7933
  options,
7920
- instance$N,
7921
- create_fragment$N,
7934
+ instance$P,
7935
+ create_fragment$P,
7922
7936
  safe_not_equal,
7923
7937
  {
7924
7938
  name: 0,
@@ -7931,14 +7945,14 @@ class FormCheckBoxes extends SvelteComponent {
7931
7945
  buttonColor: 13,
7932
7946
  buttonColorActive: 14
7933
7947
  },
7934
- add_css$g
7948
+ add_css$o
7935
7949
  );
7936
7950
  }
7937
7951
  }
7938
7952
 
7939
7953
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7940
7954
 
7941
- function add_css$f(target) {
7955
+ function add_css$n(target) {
7942
7956
  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}");
7943
7957
  }
7944
7958
 
@@ -7995,7 +8009,7 @@ function create_each_block$2(ctx) {
7995
8009
  };
7996
8010
  }
7997
8011
 
7998
- function create_fragment$M(ctx) {
8012
+ function create_fragment$O(ctx) {
7999
8013
  let div;
8000
8014
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8001
8015
  let each_blocks = [];
@@ -8054,7 +8068,7 @@ function create_fragment$M(ctx) {
8054
8068
  };
8055
8069
  }
8056
8070
 
8057
- function instance$M($$self, $$props, $$invalidate) {
8071
+ function instance$O($$self, $$props, $$invalidate) {
8058
8072
  let _value;
8059
8073
  let $value;
8060
8074
  let { name = '' } = $$props;
@@ -8136,8 +8150,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8136
8150
  init(
8137
8151
  this,
8138
8152
  options,
8139
- instance$M,
8140
- create_fragment$M,
8153
+ instance$O,
8154
+ create_fragment$O,
8141
8155
  safe_not_equal,
8142
8156
  {
8143
8157
  name: 6,
@@ -8148,14 +8162,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
8148
8162
  buttonStyle: 9,
8149
8163
  buttonActiveStyle: 10
8150
8164
  },
8151
- add_css$f
8165
+ add_css$n
8152
8166
  );
8153
8167
  }
8154
8168
  }
8155
8169
 
8156
8170
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8157
8171
 
8158
- function add_css$e(target) {
8172
+ function add_css$m(target) {
8159
8173
  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%)}");
8160
8174
  }
8161
8175
 
@@ -8215,7 +8229,7 @@ function create_each_block$1(ctx) {
8215
8229
  };
8216
8230
  }
8217
8231
 
8218
- function create_fragment$L(ctx) {
8232
+ function create_fragment$N(ctx) {
8219
8233
  let div;
8220
8234
  let each_value = [...Array(count).keys()].reverse().map(func);
8221
8235
  let each_blocks = [];
@@ -8277,7 +8291,7 @@ function create_fragment$L(ctx) {
8277
8291
  const count = 5;
8278
8292
  const func = i => i + 1;
8279
8293
 
8280
- function instance$L($$self, $$props, $$invalidate) {
8294
+ function instance$N($$self, $$props, $$invalidate) {
8281
8295
  let _value;
8282
8296
  let buttonStyle;
8283
8297
  let $value;
@@ -8333,17 +8347,17 @@ function instance$L($$self, $$props, $$invalidate) {
8333
8347
  class FormRatingButtonsFace extends SvelteComponent {
8334
8348
  constructor(options) {
8335
8349
  super();
8336
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$e);
8350
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$m);
8337
8351
  }
8338
8352
  }
8339
8353
 
8340
8354
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8341
8355
 
8342
- function add_css$d(target) {
8356
+ function add_css$l(target) {
8343
8357
  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}");
8344
8358
  }
8345
8359
 
8346
- function create_fragment$K(ctx) {
8360
+ function create_fragment$M(ctx) {
8347
8361
  let div;
8348
8362
  let input;
8349
8363
  let input_class_value;
@@ -8407,7 +8421,7 @@ function create_fragment$K(ctx) {
8407
8421
  };
8408
8422
  }
8409
8423
 
8410
- function instance$K($$self, $$props, $$invalidate) {
8424
+ function instance$M($$self, $$props, $$invalidate) {
8411
8425
  let style;
8412
8426
  let styleVariables;
8413
8427
  let isValidForUI;
@@ -8538,8 +8552,8 @@ class FormIdentifyInput extends SvelteComponent {
8538
8552
  init(
8539
8553
  this,
8540
8554
  options,
8541
- instance$K,
8542
- create_fragment$K,
8555
+ instance$M,
8556
+ create_fragment$M,
8543
8557
  safe_not_equal,
8544
8558
  {
8545
8559
  field: 9,
@@ -8553,18 +8567,18 @@ class FormIdentifyInput extends SvelteComponent {
8553
8567
  _textStyle: 15,
8554
8568
  _placeholderStyle: 16
8555
8569
  },
8556
- add_css$d
8570
+ add_css$l
8557
8571
  );
8558
8572
  }
8559
8573
  }
8560
8574
 
8561
8575
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8562
8576
 
8563
- function add_css$c(target) {
8577
+ function add_css$k(target) {
8564
8578
  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}");
8565
8579
  }
8566
8580
 
8567
- function create_fragment$J(ctx) {
8581
+ function create_fragment$L(ctx) {
8568
8582
  let div;
8569
8583
  let label0;
8570
8584
  let input0;
@@ -8677,7 +8691,7 @@ function create_fragment$J(ctx) {
8677
8691
  };
8678
8692
  }
8679
8693
 
8680
- function instance$J($$self, $$props, $$invalidate) {
8694
+ function instance$L($$self, $$props, $$invalidate) {
8681
8695
  let buttonStyle;
8682
8696
  let $value;
8683
8697
  let { field = 'subscription' } = $$props;
@@ -8759,8 +8773,8 @@ class FormIdentifyChoices extends SvelteComponent {
8759
8773
  init(
8760
8774
  this,
8761
8775
  options,
8762
- instance$J,
8763
- create_fragment$J,
8776
+ instance$L,
8777
+ create_fragment$L,
8764
8778
  safe_not_equal,
8765
8779
  {
8766
8780
  field: 6,
@@ -8772,14 +8786,14 @@ class FormIdentifyChoices extends SvelteComponent {
8772
8786
  buttonColor: 10,
8773
8787
  buttonColorActive: 11
8774
8788
  },
8775
- add_css$c
8789
+ add_css$k
8776
8790
  );
8777
8791
  }
8778
8792
  }
8779
8793
 
8780
8794
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8781
8795
 
8782
- function add_css$b(target) {
8796
+ function add_css$j(target) {
8783
8797
  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%}");
8784
8798
  }
8785
8799
 
@@ -8791,7 +8805,7 @@ function get_each_context(ctx, list, i) {
8791
8805
  }
8792
8806
 
8793
8807
  // (371:2) {#if isVisiblePrevButton}
8794
- function create_if_block_1(ctx) {
8808
+ function create_if_block_1$1(ctx) {
8795
8809
  let div;
8796
8810
  let button;
8797
8811
  let svg;
@@ -8944,7 +8958,7 @@ function create_each_block(ctx) {
8944
8958
  };
8945
8959
  }
8946
8960
 
8947
- function create_fragment$I(ctx) {
8961
+ function create_fragment$K(ctx) {
8948
8962
  let div3;
8949
8963
  let div1;
8950
8964
  let div0;
@@ -8956,7 +8970,7 @@ function create_fragment$I(ctx) {
8956
8970
  let current;
8957
8971
  const default_slot_template = /*#slots*/ ctx[32].default;
8958
8972
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
8959
- let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
8973
+ let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
8960
8974
  let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
8961
8975
  let each_value = /*items*/ ctx[1];
8962
8976
  let each_blocks = [];
@@ -9054,7 +9068,7 @@ function create_fragment$I(ctx) {
9054
9068
  if (if_block0) {
9055
9069
  if_block0.p(ctx, dirty);
9056
9070
  } else {
9057
- if_block0 = create_if_block_1(ctx);
9071
+ if_block0 = create_if_block_1$1(ctx);
9058
9072
  if_block0.c();
9059
9073
  if_block0.m(div3, t1);
9060
9074
  }
@@ -9139,7 +9153,7 @@ function calcPositionIndex(shift, index, length) {
9139
9153
  }
9140
9154
  }
9141
9155
 
9142
- function instance$I($$self, $$props, $$invalidate) {
9156
+ function instance$K($$self, $$props, $$invalidate) {
9143
9157
  let slideStyle;
9144
9158
  let slideClass;
9145
9159
  let _loop;
@@ -9592,8 +9606,8 @@ class Slide extends SvelteComponent {
9592
9606
  init(
9593
9607
  this,
9594
9608
  options,
9595
- instance$I,
9596
- create_fragment$I,
9609
+ instance$K,
9610
+ create_fragment$K,
9597
9611
  safe_not_equal,
9598
9612
  {
9599
9613
  loop: 18,
@@ -9607,7 +9621,7 @@ class Slide extends SvelteComponent {
9607
9621
  navigationButton: 25,
9608
9622
  navigationEdgePosition: 26
9609
9623
  },
9610
- add_css$b,
9624
+ add_css$j,
9611
9625
  [-1, -1, -1]
9612
9626
  );
9613
9627
  }
@@ -9615,11 +9629,11 @@ class Slide extends SvelteComponent {
9615
9629
 
9616
9630
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9617
9631
 
9618
- function add_css$a(target) {
9632
+ function add_css$i(target) {
9619
9633
  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}");
9620
9634
  }
9621
9635
 
9622
- function create_fragment$H(ctx) {
9636
+ function create_fragment$J(ctx) {
9623
9637
  let div1;
9624
9638
  let div0;
9625
9639
  let current;
@@ -9686,7 +9700,7 @@ function create_fragment$H(ctx) {
9686
9700
  };
9687
9701
  }
9688
9702
 
9689
- function instance$H($$self, $$props, $$invalidate) {
9703
+ function instance$J($$self, $$props, $$invalidate) {
9690
9704
  let itemStyle;
9691
9705
  let { $$slots: slots = {}, $$scope } = $$props;
9692
9706
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -9752,20 +9766,20 @@ function instance$H($$self, $$props, $$invalidate) {
9752
9766
  class SlideItem extends SvelteComponent {
9753
9767
  constructor(options) {
9754
9768
  super();
9755
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$a);
9769
+ init(this, options, instance$J, create_fragment$J, safe_not_equal, { _style: 0 }, add_css$i);
9756
9770
  }
9757
9771
  }
9758
9772
 
9759
9773
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9760
9774
 
9761
- function add_css$9(target) {
9775
+ function add_css$h(target) {
9762
9776
  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}");
9763
9777
  }
9764
9778
 
9765
9779
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
9766
9780
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
9767
9781
 
9768
- function create_fragment$G(ctx) {
9782
+ function create_fragment$I(ctx) {
9769
9783
  let div1;
9770
9784
  let div0;
9771
9785
  let current;
@@ -9845,7 +9859,7 @@ function formatTimeDiff(ms) {
9845
9859
  };
9846
9860
  }
9847
9861
 
9848
- function instance$G($$self, $$props, $$invalidate) {
9862
+ function instance$I($$self, $$props, $$invalidate) {
9849
9863
  let countdown;
9850
9864
  let { $$slots: slots = {}, $$scope } = $$props;
9851
9865
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -9906,13 +9920,13 @@ function instance$G($$self, $$props, $$invalidate) {
9906
9920
  class Countdown extends SvelteComponent {
9907
9921
  constructor(options) {
9908
9922
  super();
9909
- init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$9);
9923
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$h);
9910
9924
  }
9911
9925
  }
9912
9926
 
9913
9927
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9914
9928
 
9915
- function add_css$8(target) {
9929
+ function add_css$g(target) {
9916
9930
  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}");
9917
9931
  }
9918
9932
 
@@ -9964,7 +9978,7 @@ function create_default_slot$2(ctx) {
9964
9978
  };
9965
9979
  }
9966
9980
 
9967
- function create_fragment$F(ctx) {
9981
+ function create_fragment$H(ctx) {
9968
9982
  let div;
9969
9983
  let button;
9970
9984
  let current;
@@ -10018,7 +10032,7 @@ function create_fragment$F(ctx) {
10018
10032
  };
10019
10033
  }
10020
10034
 
10021
- function instance$F($$self, $$props, $$invalidate) {
10035
+ function instance$H($$self, $$props, $$invalidate) {
10022
10036
  let { $$slots: slots = {}, $$scope } = $$props;
10023
10037
  let { onClick = { operation: 'none', args: [] } } = $$props;
10024
10038
  let { eventName = '' } = $$props;
@@ -10037,13 +10051,13 @@ function instance$F($$self, $$props, $$invalidate) {
10037
10051
  class Box extends SvelteComponent {
10038
10052
  constructor(options) {
10039
10053
  super();
10040
- init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$8);
10054
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$g);
10041
10055
  }
10042
10056
  }
10043
10057
 
10044
10058
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10045
10059
 
10046
- function add_css$7(target) {
10060
+ function add_css$f(target) {
10047
10061
  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)}");
10048
10062
  }
10049
10063
 
@@ -10107,7 +10121,7 @@ function create_default_slot$1(ctx) {
10107
10121
  };
10108
10122
  }
10109
10123
 
10110
- function create_fragment$E(ctx) {
10124
+ function create_fragment$G(ctx) {
10111
10125
  let div;
10112
10126
  let button;
10113
10127
  let current;
@@ -10168,7 +10182,7 @@ function parseData(dataUrl) {
10168
10182
  return decodeURIComponent(data).replaceAll('\'', '"');
10169
10183
  }
10170
10184
 
10171
- function instance$E($$self, $$props, $$invalidate) {
10185
+ function instance$G($$self, $$props, $$invalidate) {
10172
10186
  let svg;
10173
10187
  let styleVariables;
10174
10188
  let style;
@@ -10216,8 +10230,8 @@ class IconElement extends SvelteComponent {
10216
10230
  init(
10217
10231
  this,
10218
10232
  options,
10219
- instance$E,
10220
- create_fragment$E,
10233
+ instance$G,
10234
+ create_fragment$G,
10221
10235
  safe_not_equal,
10222
10236
  {
10223
10237
  icon: 4,
@@ -10227,18 +10241,18 @@ class IconElement extends SvelteComponent {
10227
10241
  color: 6,
10228
10242
  _style: 7
10229
10243
  },
10230
- add_css$7
10244
+ add_css$f
10231
10245
  );
10232
10246
  }
10233
10247
  }
10234
10248
 
10235
10249
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10236
10250
 
10237
- function add_css$6(target) {
10251
+ function add_css$e(target) {
10238
10252
  append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10239
10253
  }
10240
10254
 
10241
- function create_fragment$D(ctx) {
10255
+ function create_fragment$F(ctx) {
10242
10256
  let div;
10243
10257
  let switch_instance;
10244
10258
  let current;
@@ -10318,7 +10332,7 @@ function create_fragment$D(ctx) {
10318
10332
  };
10319
10333
  }
10320
10334
 
10321
- function instance$D($$self, $$props, $$invalidate) {
10335
+ function instance$F($$self, $$props, $$invalidate) {
10322
10336
  let $data,
10323
10337
  $$unsubscribe_data = noop,
10324
10338
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10343,17 +10357,17 @@ function instance$D($$self, $$props, $$invalidate) {
10343
10357
  class CodeElement extends SvelteComponent {
10344
10358
  constructor(options) {
10345
10359
  super();
10346
- init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$6);
10360
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$e);
10347
10361
  }
10348
10362
  }
10349
10363
 
10350
10364
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10351
10365
 
10352
- function add_css$5(target) {
10366
+ function add_css$d(target) {
10353
10367
  append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10354
10368
  }
10355
10369
 
10356
- function create_fragment$C(ctx) {
10370
+ function create_fragment$E(ctx) {
10357
10371
  let div;
10358
10372
  let div_style_value;
10359
10373
  let current;
@@ -10418,7 +10432,7 @@ function getFlexContext() {
10418
10432
  return getContext(FlexContextKey);
10419
10433
  }
10420
10434
 
10421
- function instance$C($$self, $$props, $$invalidate) {
10435
+ function instance$E($$self, $$props, $$invalidate) {
10422
10436
  let { $$slots: slots = {}, $$scope } = $$props;
10423
10437
  let { direction = 'row' } = $$props;
10424
10438
  let { width = '100%' } = $$props;
@@ -10444,8 +10458,8 @@ class Flex extends SvelteComponent {
10444
10458
  init(
10445
10459
  this,
10446
10460
  options,
10447
- instance$C,
10448
- create_fragment$C,
10461
+ instance$E,
10462
+ create_fragment$E,
10449
10463
  safe_not_equal,
10450
10464
  {
10451
10465
  direction: 0,
@@ -10453,18 +10467,18 @@ class Flex extends SvelteComponent {
10453
10467
  height: 2,
10454
10468
  _style: 3
10455
10469
  },
10456
- add_css$5
10470
+ add_css$d
10457
10471
  );
10458
10472
  }
10459
10473
  }
10460
10474
 
10461
10475
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10462
10476
 
10463
- function add_css$4(target) {
10477
+ function add_css$c(target) {
10464
10478
  append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10465
10479
  }
10466
10480
 
10467
- function create_fragment$B(ctx) {
10481
+ function create_fragment$D(ctx) {
10468
10482
  let div;
10469
10483
  let current;
10470
10484
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -10522,7 +10536,7 @@ function create_fragment$B(ctx) {
10522
10536
  };
10523
10537
  }
10524
10538
 
10525
- function instance$B($$self, $$props, $$invalidate) {
10539
+ function instance$D($$self, $$props, $$invalidate) {
10526
10540
  let { $$slots: slots = {}, $$scope } = $$props;
10527
10541
  let { length } = $$props;
10528
10542
  let { _style = '' } = $$props;
@@ -10565,7 +10579,7 @@ function instance$B($$self, $$props, $$invalidate) {
10565
10579
  class FlexItem extends SvelteComponent {
10566
10580
  constructor(options) {
10567
10581
  super();
10568
- init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$4);
10582
+ init(this, options, instance$D, create_fragment$D, safe_not_equal, { length: 1, _style: 2 }, add_css$c);
10569
10583
  }
10570
10584
  }
10571
10585
 
@@ -10679,7 +10693,7 @@ function create_default_slot(ctx) {
10679
10693
  let modal;
10680
10694
  let current;
10681
10695
 
10682
- modal = new Modal({
10696
+ modal = new Modal$1({
10683
10697
  props: {
10684
10698
  placement: /*placement*/ ctx[4],
10685
10699
  animation: /*animation*/ ctx[5],
@@ -10740,7 +10754,7 @@ function create_default_slot(ctx) {
10740
10754
  };
10741
10755
  }
10742
10756
 
10743
- function create_fragment$A(ctx) {
10757
+ function create_fragment$C(ctx) {
10744
10758
  let stateitem;
10745
10759
  let current;
10746
10760
 
@@ -10785,7 +10799,7 @@ function create_fragment$A(ctx) {
10785
10799
  };
10786
10800
  }
10787
10801
 
10788
- function instance$A($$self, $$props, $$invalidate) {
10802
+ function instance$C($$self, $$props, $$invalidate) {
10789
10803
  let { $$slots: slots = {}, $$scope } = $$props;
10790
10804
  let { path } = $$props;
10791
10805
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -10856,7 +10870,7 @@ class GridModalState extends SvelteComponent {
10856
10870
  constructor(options) {
10857
10871
  super();
10858
10872
 
10859
- init(this, options, instance$A, create_fragment$A, safe_not_equal, {
10873
+ init(this, options, instance$C, create_fragment$C, safe_not_equal, {
10860
10874
  path: 0,
10861
10875
  onClick: 1,
10862
10876
  clickEventName: 2,
@@ -10881,11 +10895,11 @@ class GridModalState extends SvelteComponent {
10881
10895
 
10882
10896
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10883
10897
 
10884
- function add_css$3(target) {
10898
+ function add_css$b(target) {
10885
10899
  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%}");
10886
10900
  }
10887
10901
 
10888
- function create_fragment$z(ctx) {
10902
+ function create_fragment$B(ctx) {
10889
10903
  let div1;
10890
10904
  let div0;
10891
10905
  let rendertext;
@@ -10937,7 +10951,7 @@ function create_fragment$z(ctx) {
10937
10951
  };
10938
10952
  }
10939
10953
 
10940
- function instance$z($$self, $$props, $$invalidate) {
10954
+ function instance$B($$self, $$props, $$invalidate) {
10941
10955
  let style;
10942
10956
  let { text = 'サンプルSample' } = $$props;
10943
10957
  let { font = SYSTEM_FONT } = $$props;
@@ -10973,8 +10987,8 @@ class TextBlock extends SvelteComponent {
10973
10987
  init(
10974
10988
  this,
10975
10989
  options,
10976
- instance$z,
10977
- create_fragment$z,
10990
+ instance$B,
10991
+ create_fragment$B,
10978
10992
  safe_not_equal,
10979
10993
  {
10980
10994
  text: 0,
@@ -10983,18 +10997,18 @@ class TextBlock extends SvelteComponent {
10983
10997
  textDirection: 1,
10984
10998
  _style: 5
10985
10999
  },
10986
- add_css$3
11000
+ add_css$b
10987
11001
  );
10988
11002
  }
10989
11003
  }
10990
11004
 
10991
11005
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10992
11006
 
10993
- function add_css$2(target) {
11007
+ function add_css$a(target) {
10994
11008
  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)}");
10995
11009
  }
10996
11010
 
10997
- function create_fragment$y(ctx) {
11011
+ function create_fragment$A(ctx) {
10998
11012
  let div;
10999
11013
  let button;
11000
11014
  let rendertext;
@@ -11055,7 +11069,7 @@ function create_fragment$y(ctx) {
11055
11069
  };
11056
11070
  }
11057
11071
 
11058
- function instance$y($$self, $$props, $$invalidate) {
11072
+ function instance$A($$self, $$props, $$invalidate) {
11059
11073
  let { text = 'ボタンラベル' } = $$props;
11060
11074
  let { onClick = { operation: 'none', args: [] } } = $$props;
11061
11075
 
@@ -11097,8 +11111,8 @@ class TextButtonBlock extends SvelteComponent {
11097
11111
  init(
11098
11112
  this,
11099
11113
  options,
11100
- instance$y,
11101
- create_fragment$y,
11114
+ instance$A,
11115
+ create_fragment$A,
11102
11116
  safe_not_equal,
11103
11117
  {
11104
11118
  text: 0,
@@ -11108,18 +11122,18 @@ class TextButtonBlock extends SvelteComponent {
11108
11122
  _buttonStyle: 1,
11109
11123
  _style: 2
11110
11124
  },
11111
- add_css$2
11125
+ add_css$a
11112
11126
  );
11113
11127
  }
11114
11128
  }
11115
11129
 
11116
11130
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11117
11131
 
11118
- function add_css$1(target) {
11132
+ function add_css$9(target) {
11119
11133
  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)}");
11120
11134
  }
11121
11135
 
11122
- function create_fragment$x(ctx) {
11136
+ function create_fragment$z(ctx) {
11123
11137
  let div;
11124
11138
  let img;
11125
11139
  let img_style_value;
@@ -11182,7 +11196,7 @@ function create_fragment$x(ctx) {
11182
11196
  };
11183
11197
  }
11184
11198
 
11185
- function instance$x($$self, $$props, $$invalidate) {
11199
+ function instance$z($$self, $$props, $$invalidate) {
11186
11200
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11187
11201
  let { alt = 'No Image' } = $$props;
11188
11202
  let { transport = false } = $$props;
@@ -11222,8 +11236,8 @@ class ImageBlock extends SvelteComponent {
11222
11236
  init(
11223
11237
  this,
11224
11238
  options,
11225
- instance$x,
11226
- create_fragment$x,
11239
+ instance$z,
11240
+ create_fragment$z,
11227
11241
  safe_not_equal,
11228
11242
  {
11229
11243
  src: 0,
@@ -11235,14 +11249,222 @@ class ImageBlock extends SvelteComponent {
11235
11249
  _imageStyle: 4,
11236
11250
  _style: 5
11237
11251
  },
11238
- add_css$1
11252
+ add_css$9
11239
11253
  );
11240
11254
  }
11241
11255
  }
11242
11256
 
11243
- /* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11257
+ const COMPONENT_PARAMETER_TYPES = {
11258
+ TEXT: 'text',
11259
+ MULTILINE_TEXT: 'multiline_text',
11260
+ SELECT: 'select',
11261
+ RADIO: 'radio',
11262
+ CHECKBOX: 'checkbox',
11263
+ BOOLEAN: 'boolean',
11264
+ IMAGE: 'image',
11265
+ NUMBER: 'number',
11266
+ WIDTH: 'width',
11267
+ ASPECT: 'aspect',
11268
+ COLOR: 'color',
11269
+ ICON: 'icon',
11270
+ };
11244
11271
 
11245
- function create_fragment$w(ctx) {
11272
+ const toHyphenCase = (str) => {
11273
+ let result = str.replace(/_/g, '-');
11274
+ result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
11275
+ return result;
11276
+ };
11277
+ const objToStyle = (obj) => {
11278
+ const styles = Object.entries(obj)
11279
+ .map(([key, value]) => {
11280
+ if (value === undefined)
11281
+ return '';
11282
+ return `${toHyphenCase(key)}: ${value};`;
11283
+ })
11284
+ .filter(v => v !== '');
11285
+ return styles.join(' ');
11286
+ };
11287
+
11288
+ const toCssPosition = (p) => {
11289
+ return {
11290
+ position: p?.position ?? 'static',
11291
+ top: p?.top,
11292
+ left: p?.left,
11293
+ bottom: p?.bottom,
11294
+ right: p?.right,
11295
+ };
11296
+ };
11297
+ const toCssCommon = (p) => {
11298
+ return {
11299
+ ...toCssPosition(p),
11300
+ };
11301
+ };
11302
+ const toCssBorder = (p) => {
11303
+ const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
11304
+ if (borderWidth === null)
11305
+ return {};
11306
+ return {
11307
+ borderColor: p?.borderColor,
11308
+ borderStyle: 'solid',
11309
+ borderTopWidth: p?.borderTopWidth,
11310
+ borderLeftWidth: p?.borderLeftWidth,
11311
+ borderRightWidth: p?.borderRightWidth,
11312
+ borderBottomWidth: p?.borderBottomWidth,
11313
+ };
11314
+ };
11315
+ const toCssPadding = (p) => {
11316
+ return {
11317
+ paddingTop: p?.paddingTop,
11318
+ paddingLeft: p?.paddingLeft,
11319
+ paddingRight: p?.paddingRight,
11320
+ paddingBottom: p?.paddingBottom,
11321
+ };
11322
+ };
11323
+ const toCssBackgroundImage = (p) => {
11324
+ const url = p?.backgroundImageUrl;
11325
+ return {
11326
+ backgroundImage: url ? `url(${url})` : undefined,
11327
+ backgroundSize: url ? 'cover' : undefined,
11328
+ };
11329
+ };
11330
+ const toCssBackgroundColor = (p) => {
11331
+ return {
11332
+ backgroundColor: p?.backgroundColor,
11333
+ };
11334
+ };
11335
+ const toCssRadius = (p) => {
11336
+ return {
11337
+ borderTopLeftRadius: p?.borderTopLeftRadius,
11338
+ borderTopRightRadius: p?.borderTopRightRadius,
11339
+ borderBottomLeftRadius: p?.borderBottomLeftRadius,
11340
+ borderBottomRightRadius: p?.borderBottomRightRadius,
11341
+ };
11342
+ };
11343
+ const toCssShadow = (p) => {
11344
+ return {
11345
+ boxShadow: p?.shadow,
11346
+ };
11347
+ };
11348
+
11349
+ /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11350
+
11351
+ function add_css$8(target) {
11352
+ append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11353
+ }
11354
+
11355
+ function create_fragment$y(ctx) {
11356
+ let div;
11357
+ let img;
11358
+ let img_src_value;
11359
+ let img_alt_value;
11360
+
11361
+ return {
11362
+ c() {
11363
+ div = element("div");
11364
+ img = element("img");
11365
+ if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11366
+ attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11367
+ attr(img, "style", /*imgStyle*/ ctx[2]);
11368
+ attr(div, "class", "avatar svelte-jnsixl");
11369
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11370
+ attr(div, "style", /*style*/ ctx[3]);
11371
+ },
11372
+ m(target, anchor) {
11373
+ insert(target, div, anchor);
11374
+ append(div, img);
11375
+ },
11376
+ p(ctx, [dirty]) {
11377
+ if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
11378
+ attr(img, "src", img_src_value);
11379
+ }
11380
+
11381
+ if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
11382
+ attr(img, "alt", img_alt_value);
11383
+ }
11384
+
11385
+ if (dirty & /*imgStyle*/ 4) {
11386
+ attr(img, "style", /*imgStyle*/ ctx[2]);
11387
+ }
11388
+
11389
+ if (dirty & /*layerId*/ 2) {
11390
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11391
+ }
11392
+
11393
+ if (dirty & /*style*/ 8) {
11394
+ attr(div, "style", /*style*/ ctx[3]);
11395
+ }
11396
+ },
11397
+ i: noop,
11398
+ o: noop,
11399
+ d(detaching) {
11400
+ if (detaching) detach(div);
11401
+ }
11402
+ };
11403
+ }
11404
+
11405
+ function instance$y($$self, $$props, $$invalidate) {
11406
+ let style;
11407
+ let imgStyle;
11408
+ let { props = {} } = $$props;
11409
+ let { layerId = '' } = $$props;
11410
+
11411
+ const VARIANTS = {
11412
+ shape: {
11413
+ circle: { borderRadius: '100%' },
11414
+ square: { borderRadius: '4px' }
11415
+ }
11416
+ };
11417
+
11418
+ const size = props.size ?? 64;
11419
+
11420
+ $$self.$$set = $$props => {
11421
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
11422
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
11423
+ };
11424
+
11425
+ $$self.$$.update = () => {
11426
+ if ($$self.$$.dirty & /*props*/ 1) {
11427
+ $$invalidate(3, style = objToStyle({
11428
+ width: `${size}px`,
11429
+ height: `${size}px`,
11430
+ ...VARIANTS.shape[props.shape ?? 'square'],
11431
+ ...props.bordered && { border: `1px solid #dbdbdb` },
11432
+ ...toCssCommon(props)
11433
+ }));
11434
+ }
11435
+ };
11436
+
11437
+ $$invalidate(2, imgStyle = objToStyle({
11438
+ width: '100%',
11439
+ height: '100%',
11440
+ objectFit: 'cover'
11441
+ }));
11442
+
11443
+ return [props, layerId, imgStyle, style];
11444
+ }
11445
+
11446
+ class Avatar extends SvelteComponent {
11447
+ constructor(options) {
11448
+ super();
11449
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
11450
+ }
11451
+ }
11452
+
11453
+ const AVATAR_SIZE = {
11454
+ extra_small: 'XS(48 x 48)',
11455
+ small: 'S(64 x 64)',
11456
+ medium: 'M(88 x 88)',
11457
+ large: 'L(108 x 108)',
11458
+ extra_large: 'XL(128 x 128)',
11459
+ };
11460
+ const AVATAR_SHAPE = {
11461
+ circle: 'サークル',
11462
+ square: 'スクエア',
11463
+ };
11464
+
11465
+ /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11466
+
11467
+ function create_fragment$x(ctx) {
11246
11468
  let svg;
11247
11469
  let path;
11248
11470
 
@@ -11274,7 +11496,7 @@ function create_fragment$w(ctx) {
11274
11496
  };
11275
11497
  }
11276
11498
 
11277
- function instance$w($$self, $$props, $$invalidate) {
11499
+ function instance$x($$self, $$props, $$invalidate) {
11278
11500
  let { color } = $$props;
11279
11501
 
11280
11502
  $$self.$$set = $$props => {
@@ -11287,13 +11509,13 @@ function instance$w($$self, $$props, $$invalidate) {
11287
11509
  class IconArrowDown extends SvelteComponent {
11288
11510
  constructor(options) {
11289
11511
  super();
11290
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
11512
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
11291
11513
  }
11292
11514
  }
11293
11515
 
11294
- /* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
11516
+ /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
11295
11517
 
11296
- function create_fragment$v(ctx) {
11518
+ function create_fragment$w(ctx) {
11297
11519
  let svg;
11298
11520
  let path;
11299
11521
 
@@ -11325,7 +11547,7 @@ function create_fragment$v(ctx) {
11325
11547
  };
11326
11548
  }
11327
11549
 
11328
- function instance$v($$self, $$props, $$invalidate) {
11550
+ function instance$w($$self, $$props, $$invalidate) {
11329
11551
  let { color } = $$props;
11330
11552
 
11331
11553
  $$self.$$set = $$props => {
@@ -11338,13 +11560,13 @@ function instance$v($$self, $$props, $$invalidate) {
11338
11560
  class IconArrowUp extends SvelteComponent {
11339
11561
  constructor(options) {
11340
11562
  super();
11341
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
11563
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
11342
11564
  }
11343
11565
  }
11344
11566
 
11345
- /* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
11567
+ /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
11346
11568
 
11347
- function create_fragment$u(ctx) {
11569
+ function create_fragment$v(ctx) {
11348
11570
  let svg;
11349
11571
  let path;
11350
11572
 
@@ -11376,7 +11598,7 @@ function create_fragment$u(ctx) {
11376
11598
  };
11377
11599
  }
11378
11600
 
11379
- function instance$u($$self, $$props, $$invalidate) {
11601
+ function instance$v($$self, $$props, $$invalidate) {
11380
11602
  let { color } = $$props;
11381
11603
 
11382
11604
  $$self.$$set = $$props => {
@@ -11389,13 +11611,13 @@ function instance$u($$self, $$props, $$invalidate) {
11389
11611
  class IconUsers extends SvelteComponent {
11390
11612
  constructor(options) {
11391
11613
  super();
11392
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
11614
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
11393
11615
  }
11394
11616
  }
11395
11617
 
11396
- /* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
11618
+ /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
11397
11619
 
11398
- function create_fragment$t(ctx) {
11620
+ function create_fragment$u(ctx) {
11399
11621
  let svg;
11400
11622
  let path;
11401
11623
 
@@ -11427,7 +11649,7 @@ function create_fragment$t(ctx) {
11427
11649
  };
11428
11650
  }
11429
11651
 
11430
- function instance$t($$self, $$props, $$invalidate) {
11652
+ function instance$u($$self, $$props, $$invalidate) {
11431
11653
  let { color } = $$props;
11432
11654
 
11433
11655
  $$self.$$set = $$props => {
@@ -11440,13 +11662,13 @@ function instance$t($$self, $$props, $$invalidate) {
11440
11662
  class IconArrowLeft extends SvelteComponent {
11441
11663
  constructor(options) {
11442
11664
  super();
11443
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
11665
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
11444
11666
  }
11445
11667
  }
11446
11668
 
11447
- /* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
11669
+ /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
11448
11670
 
11449
- function create_fragment$s(ctx) {
11671
+ function create_fragment$t(ctx) {
11450
11672
  let svg;
11451
11673
  let path;
11452
11674
 
@@ -11478,7 +11700,7 @@ function create_fragment$s(ctx) {
11478
11700
  };
11479
11701
  }
11480
11702
 
11481
- function instance$s($$self, $$props, $$invalidate) {
11703
+ function instance$t($$self, $$props, $$invalidate) {
11482
11704
  let { color } = $$props;
11483
11705
 
11484
11706
  $$self.$$set = $$props => {
@@ -11491,13 +11713,13 @@ function instance$s($$self, $$props, $$invalidate) {
11491
11713
  class IconArrowRight extends SvelteComponent {
11492
11714
  constructor(options) {
11493
11715
  super();
11494
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
11716
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
11495
11717
  }
11496
11718
  }
11497
11719
 
11498
- /* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
11720
+ /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
11499
11721
 
11500
- function create_fragment$r(ctx) {
11722
+ function create_fragment$s(ctx) {
11501
11723
  let svg;
11502
11724
  let path;
11503
11725
 
@@ -11529,7 +11751,7 @@ function create_fragment$r(ctx) {
11529
11751
  };
11530
11752
  }
11531
11753
 
11532
- function instance$r($$self, $$props, $$invalidate) {
11754
+ function instance$s($$self, $$props, $$invalidate) {
11533
11755
  let { color } = $$props;
11534
11756
 
11535
11757
  $$self.$$set = $$props => {
@@ -11542,13 +11764,13 @@ function instance$r($$self, $$props, $$invalidate) {
11542
11764
  class IconBell extends SvelteComponent {
11543
11765
  constructor(options) {
11544
11766
  super();
11545
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
11767
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
11546
11768
  }
11547
11769
  }
11548
11770
 
11549
- /* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
11771
+ /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
11550
11772
 
11551
- function create_fragment$q(ctx) {
11773
+ function create_fragment$r(ctx) {
11552
11774
  let svg;
11553
11775
  let path;
11554
11776
 
@@ -11580,7 +11802,7 @@ function create_fragment$q(ctx) {
11580
11802
  };
11581
11803
  }
11582
11804
 
11583
- function instance$q($$self, $$props, $$invalidate) {
11805
+ function instance$r($$self, $$props, $$invalidate) {
11584
11806
  let { color } = $$props;
11585
11807
 
11586
11808
  $$self.$$set = $$props => {
@@ -11593,13 +11815,13 @@ function instance$q($$self, $$props, $$invalidate) {
11593
11815
  class IconArrowUpFromSquare extends SvelteComponent {
11594
11816
  constructor(options) {
11595
11817
  super();
11596
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
11818
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
11597
11819
  }
11598
11820
  }
11599
11821
 
11600
- /* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
11822
+ /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
11601
11823
 
11602
- function create_fragment$p(ctx) {
11824
+ function create_fragment$q(ctx) {
11603
11825
  let svg;
11604
11826
  let path;
11605
11827
 
@@ -11631,7 +11853,7 @@ function create_fragment$p(ctx) {
11631
11853
  };
11632
11854
  }
11633
11855
 
11634
- function instance$p($$self, $$props, $$invalidate) {
11856
+ function instance$q($$self, $$props, $$invalidate) {
11635
11857
  let { color } = $$props;
11636
11858
 
11637
11859
  $$self.$$set = $$props => {
@@ -11644,13 +11866,13 @@ function instance$p($$self, $$props, $$invalidate) {
11644
11866
  class IconTicket extends SvelteComponent {
11645
11867
  constructor(options) {
11646
11868
  super();
11647
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
11869
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
11648
11870
  }
11649
11871
  }
11650
11872
 
11651
- /* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
11873
+ /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
11652
11874
 
11653
- function create_fragment$o(ctx) {
11875
+ function create_fragment$p(ctx) {
11654
11876
  let svg;
11655
11877
  let path;
11656
11878
 
@@ -11682,7 +11904,7 @@ function create_fragment$o(ctx) {
11682
11904
  };
11683
11905
  }
11684
11906
 
11685
- function instance$o($$self, $$props, $$invalidate) {
11907
+ function instance$p($$self, $$props, $$invalidate) {
11686
11908
  let { color } = $$props;
11687
11909
 
11688
11910
  $$self.$$set = $$props => {
@@ -11695,13 +11917,13 @@ function instance$o($$self, $$props, $$invalidate) {
11695
11917
  class IconTrack extends SvelteComponent {
11696
11918
  constructor(options) {
11697
11919
  super();
11698
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
11920
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
11699
11921
  }
11700
11922
  }
11701
11923
 
11702
- /* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
11924
+ /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
11703
11925
 
11704
- function create_fragment$n(ctx) {
11926
+ function create_fragment$o(ctx) {
11705
11927
  let svg;
11706
11928
  let path;
11707
11929
 
@@ -11733,7 +11955,7 @@ function create_fragment$n(ctx) {
11733
11955
  };
11734
11956
  }
11735
11957
 
11736
- function instance$n($$self, $$props, $$invalidate) {
11958
+ function instance$o($$self, $$props, $$invalidate) {
11737
11959
  let { color } = $$props;
11738
11960
 
11739
11961
  $$self.$$set = $$props => {
@@ -11746,13 +11968,13 @@ function instance$n($$self, $$props, $$invalidate) {
11746
11968
  class IconCartShopping extends SvelteComponent {
11747
11969
  constructor(options) {
11748
11970
  super();
11749
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
11971
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
11750
11972
  }
11751
11973
  }
11752
11974
 
11753
- /* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
11975
+ /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
11754
11976
 
11755
- function create_fragment$m(ctx) {
11977
+ function create_fragment$n(ctx) {
11756
11978
  let svg;
11757
11979
  let path;
11758
11980
 
@@ -11784,7 +12006,7 @@ function create_fragment$m(ctx) {
11784
12006
  };
11785
12007
  }
11786
12008
 
11787
- function instance$m($$self, $$props, $$invalidate) {
12009
+ function instance$n($$self, $$props, $$invalidate) {
11788
12010
  let { color } = $$props;
11789
12011
 
11790
12012
  $$self.$$set = $$props => {
@@ -11797,13 +12019,13 @@ function instance$m($$self, $$props, $$invalidate) {
11797
12019
  class IconCircle extends SvelteComponent {
11798
12020
  constructor(options) {
11799
12021
  super();
11800
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
12022
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
11801
12023
  }
11802
12024
  }
11803
12025
 
11804
- /* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12026
+ /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
11805
12027
 
11806
- function create_fragment$l(ctx) {
12028
+ function create_fragment$m(ctx) {
11807
12029
  let svg;
11808
12030
  let path;
11809
12031
 
@@ -11835,7 +12057,7 @@ function create_fragment$l(ctx) {
11835
12057
  };
11836
12058
  }
11837
12059
 
11838
- function instance$l($$self, $$props, $$invalidate) {
12060
+ function instance$m($$self, $$props, $$invalidate) {
11839
12061
  let { color } = $$props;
11840
12062
 
11841
12063
  $$self.$$set = $$props => {
@@ -11848,13 +12070,13 @@ function instance$l($$self, $$props, $$invalidate) {
11848
12070
  class IconCircleQuestion extends SvelteComponent {
11849
12071
  constructor(options) {
11850
12072
  super();
11851
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12073
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
11852
12074
  }
11853
12075
  }
11854
12076
 
11855
- /* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12077
+ /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
11856
12078
 
11857
- function create_fragment$k(ctx) {
12079
+ function create_fragment$l(ctx) {
11858
12080
  let svg;
11859
12081
  let path;
11860
12082
 
@@ -11886,7 +12108,7 @@ function create_fragment$k(ctx) {
11886
12108
  };
11887
12109
  }
11888
12110
 
11889
- function instance$k($$self, $$props, $$invalidate) {
12111
+ function instance$l($$self, $$props, $$invalidate) {
11890
12112
  let { color } = $$props;
11891
12113
 
11892
12114
  $$self.$$set = $$props => {
@@ -11899,13 +12121,13 @@ function instance$k($$self, $$props, $$invalidate) {
11899
12121
  class IconCheck extends SvelteComponent {
11900
12122
  constructor(options) {
11901
12123
  super();
11902
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12124
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
11903
12125
  }
11904
12126
  }
11905
12127
 
11906
- /* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12128
+ /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
11907
12129
 
11908
- function create_fragment$j(ctx) {
12130
+ function create_fragment$k(ctx) {
11909
12131
  let svg;
11910
12132
  let path;
11911
12133
 
@@ -11937,7 +12159,7 @@ function create_fragment$j(ctx) {
11937
12159
  };
11938
12160
  }
11939
12161
 
11940
- function instance$j($$self, $$props, $$invalidate) {
12162
+ function instance$k($$self, $$props, $$invalidate) {
11941
12163
  let { color } = $$props;
11942
12164
 
11943
12165
  $$self.$$set = $$props => {
@@ -11950,13 +12172,13 @@ function instance$j($$self, $$props, $$invalidate) {
11950
12172
  class IconXMark extends SvelteComponent {
11951
12173
  constructor(options) {
11952
12174
  super();
11953
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
12175
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
11954
12176
  }
11955
12177
  }
11956
12178
 
11957
- /* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
12179
+ /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
11958
12180
 
11959
- function create_fragment$i(ctx) {
12181
+ function create_fragment$j(ctx) {
11960
12182
  let svg;
11961
12183
  let path;
11962
12184
 
@@ -11988,7 +12210,7 @@ function create_fragment$i(ctx) {
11988
12210
  };
11989
12211
  }
11990
12212
 
11991
- function instance$i($$self, $$props, $$invalidate) {
12213
+ function instance$j($$self, $$props, $$invalidate) {
11992
12214
  let { color } = $$props;
11993
12215
 
11994
12216
  $$self.$$set = $$props => {
@@ -12001,13 +12223,13 @@ function instance$i($$self, $$props, $$invalidate) {
12001
12223
  class IconPaperPlane extends SvelteComponent {
12002
12224
  constructor(options) {
12003
12225
  super();
12004
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
12226
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
12005
12227
  }
12006
12228
  }
12007
12229
 
12008
- /* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
12230
+ /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
12009
12231
 
12010
- function create_fragment$h(ctx) {
12232
+ function create_fragment$i(ctx) {
12011
12233
  let svg;
12012
12234
  let path;
12013
12235
 
@@ -12039,7 +12261,7 @@ function create_fragment$h(ctx) {
12039
12261
  };
12040
12262
  }
12041
12263
 
12042
- function instance$h($$self, $$props, $$invalidate) {
12264
+ function instance$i($$self, $$props, $$invalidate) {
12043
12265
  let { color } = $$props;
12044
12266
 
12045
12267
  $$self.$$set = $$props => {
@@ -12052,13 +12274,13 @@ function instance$h($$self, $$props, $$invalidate) {
12052
12274
  class IconCopy extends SvelteComponent {
12053
12275
  constructor(options) {
12054
12276
  super();
12055
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
12277
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
12056
12278
  }
12057
12279
  }
12058
12280
 
12059
- /* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
12281
+ /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
12060
12282
 
12061
- function create_fragment$g(ctx) {
12283
+ function create_fragment$h(ctx) {
12062
12284
  let svg;
12063
12285
  let path;
12064
12286
 
@@ -12090,7 +12312,7 @@ function create_fragment$g(ctx) {
12090
12312
  };
12091
12313
  }
12092
12314
 
12093
- function instance$g($$self, $$props, $$invalidate) {
12315
+ function instance$h($$self, $$props, $$invalidate) {
12094
12316
  let { color } = $$props;
12095
12317
 
12096
12318
  $$self.$$set = $$props => {
@@ -12103,13 +12325,13 @@ function instance$g($$self, $$props, $$invalidate) {
12103
12325
  class IconCircleXMark extends SvelteComponent {
12104
12326
  constructor(options) {
12105
12327
  super();
12106
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
12328
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
12107
12329
  }
12108
12330
  }
12109
12331
 
12110
- /* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
12332
+ /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
12111
12333
 
12112
- function create_fragment$f(ctx) {
12334
+ function create_fragment$g(ctx) {
12113
12335
  let svg;
12114
12336
  let path;
12115
12337
 
@@ -12141,7 +12363,7 @@ function create_fragment$f(ctx) {
12141
12363
  };
12142
12364
  }
12143
12365
 
12144
- function instance$f($$self, $$props, $$invalidate) {
12366
+ function instance$g($$self, $$props, $$invalidate) {
12145
12367
  let { color } = $$props;
12146
12368
 
12147
12369
  $$self.$$set = $$props => {
@@ -12154,13 +12376,13 @@ function instance$f($$self, $$props, $$invalidate) {
12154
12376
  class IconHeart extends SvelteComponent {
12155
12377
  constructor(options) {
12156
12378
  super();
12157
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
12379
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
12158
12380
  }
12159
12381
  }
12160
12382
 
12161
- /* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
12383
+ /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
12162
12384
 
12163
- function create_fragment$e(ctx) {
12385
+ function create_fragment$f(ctx) {
12164
12386
  let svg;
12165
12387
  let path;
12166
12388
 
@@ -12192,7 +12414,7 @@ function create_fragment$e(ctx) {
12192
12414
  };
12193
12415
  }
12194
12416
 
12195
- function instance$e($$self, $$props, $$invalidate) {
12417
+ function instance$f($$self, $$props, $$invalidate) {
12196
12418
  let { color } = $$props;
12197
12419
 
12198
12420
  $$self.$$set = $$props => {
@@ -12205,13 +12427,13 @@ function instance$e($$self, $$props, $$invalidate) {
12205
12427
  class IconMagnifyingGrass extends SvelteComponent {
12206
12428
  constructor(options) {
12207
12429
  super();
12208
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
12430
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
12209
12431
  }
12210
12432
  }
12211
12433
 
12212
- /* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
12434
+ /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
12213
12435
 
12214
- function create_fragment$d(ctx) {
12436
+ function create_fragment$e(ctx) {
12215
12437
  let svg;
12216
12438
  let path;
12217
12439
 
@@ -12243,7 +12465,7 @@ function create_fragment$d(ctx) {
12243
12465
  };
12244
12466
  }
12245
12467
 
12246
- function instance$d($$self, $$props, $$invalidate) {
12468
+ function instance$e($$self, $$props, $$invalidate) {
12247
12469
  let { color } = $$props;
12248
12470
 
12249
12471
  $$self.$$set = $$props => {
@@ -12256,13 +12478,13 @@ function instance$d($$self, $$props, $$invalidate) {
12256
12478
  class IconStar extends SvelteComponent {
12257
12479
  constructor(options) {
12258
12480
  super();
12259
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
12481
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
12260
12482
  }
12261
12483
  }
12262
12484
 
12263
- /* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
12485
+ /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
12264
12486
 
12265
- function create_fragment$c(ctx) {
12487
+ function create_fragment$d(ctx) {
12266
12488
  let svg;
12267
12489
  let path;
12268
12490
 
@@ -12294,7 +12516,7 @@ function create_fragment$c(ctx) {
12294
12516
  };
12295
12517
  }
12296
12518
 
12297
- function instance$c($$self, $$props, $$invalidate) {
12519
+ function instance$d($$self, $$props, $$invalidate) {
12298
12520
  let { color } = $$props;
12299
12521
 
12300
12522
  $$self.$$set = $$props => {
@@ -12307,13 +12529,13 @@ function instance$c($$self, $$props, $$invalidate) {
12307
12529
  class IconCircleInfo extends SvelteComponent {
12308
12530
  constructor(options) {
12309
12531
  super();
12310
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
12532
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
12311
12533
  }
12312
12534
  }
12313
12535
 
12314
- /* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
12536
+ /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
12315
12537
 
12316
- function create_fragment$b(ctx) {
12538
+ function create_fragment$c(ctx) {
12317
12539
  let svg;
12318
12540
  let path;
12319
12541
 
@@ -12345,7 +12567,7 @@ function create_fragment$b(ctx) {
12345
12567
  };
12346
12568
  }
12347
12569
 
12348
- function instance$b($$self, $$props, $$invalidate) {
12570
+ function instance$c($$self, $$props, $$invalidate) {
12349
12571
  let { color } = $$props;
12350
12572
 
12351
12573
  $$self.$$set = $$props => {
@@ -12358,13 +12580,13 @@ function instance$b($$self, $$props, $$invalidate) {
12358
12580
  class IconEnvelope extends SvelteComponent {
12359
12581
  constructor(options) {
12360
12582
  super();
12361
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
12583
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
12362
12584
  }
12363
12585
  }
12364
12586
 
12365
- /* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
12587
+ /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
12366
12588
 
12367
- function create_fragment$a(ctx) {
12589
+ function create_fragment$b(ctx) {
12368
12590
  let svg;
12369
12591
  let path;
12370
12592
 
@@ -12396,7 +12618,7 @@ function create_fragment$a(ctx) {
12396
12618
  };
12397
12619
  }
12398
12620
 
12399
- function instance$a($$self, $$props, $$invalidate) {
12621
+ function instance$b($$self, $$props, $$invalidate) {
12400
12622
  let { color } = $$props;
12401
12623
 
12402
12624
  $$self.$$set = $$props => {
@@ -12409,13 +12631,13 @@ function instance$a($$self, $$props, $$invalidate) {
12409
12631
  class IconGift extends SvelteComponent {
12410
12632
  constructor(options) {
12411
12633
  super();
12412
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
12634
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
12413
12635
  }
12414
12636
  }
12415
12637
 
12416
- /* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
12638
+ /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
12417
12639
 
12418
- function create_fragment$9(ctx) {
12640
+ function create_fragment$a(ctx) {
12419
12641
  let svg;
12420
12642
  let path;
12421
12643
 
@@ -12447,7 +12669,7 @@ function create_fragment$9(ctx) {
12447
12669
  };
12448
12670
  }
12449
12671
 
12450
- function instance$9($$self, $$props, $$invalidate) {
12672
+ function instance$a($$self, $$props, $$invalidate) {
12451
12673
  let { color } = $$props;
12452
12674
 
12453
12675
  $$self.$$set = $$props => {
@@ -12460,13 +12682,13 @@ function instance$9($$self, $$props, $$invalidate) {
12460
12682
  class IconPaperclip extends SvelteComponent {
12461
12683
  constructor(options) {
12462
12684
  super();
12463
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
12685
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
12464
12686
  }
12465
12687
  }
12466
12688
 
12467
- /* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
12689
+ /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
12468
12690
 
12469
- function create_fragment$8(ctx) {
12691
+ function create_fragment$9(ctx) {
12470
12692
  let svg;
12471
12693
  let path;
12472
12694
 
@@ -12498,7 +12720,7 @@ function create_fragment$8(ctx) {
12498
12720
  };
12499
12721
  }
12500
12722
 
12501
- function instance$8($$self, $$props, $$invalidate) {
12723
+ function instance$9($$self, $$props, $$invalidate) {
12502
12724
  let { color } = $$props;
12503
12725
 
12504
12726
  $$self.$$set = $$props => {
@@ -12511,13 +12733,13 @@ function instance$8($$self, $$props, $$invalidate) {
12511
12733
  class IconFire extends SvelteComponent {
12512
12734
  constructor(options) {
12513
12735
  super();
12514
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
12736
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
12515
12737
  }
12516
12738
  }
12517
12739
 
12518
- /* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
12740
+ /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
12519
12741
 
12520
- function create_fragment$7(ctx) {
12742
+ function create_fragment$8(ctx) {
12521
12743
  let svg;
12522
12744
  let path;
12523
12745
 
@@ -12549,7 +12771,7 @@ function create_fragment$7(ctx) {
12549
12771
  };
12550
12772
  }
12551
12773
 
12552
- function instance$7($$self, $$props, $$invalidate) {
12774
+ function instance$8($$self, $$props, $$invalidate) {
12553
12775
  let { color } = $$props;
12554
12776
 
12555
12777
  $$self.$$set = $$props => {
@@ -12562,7 +12784,7 @@ function instance$7($$self, $$props, $$invalidate) {
12562
12784
  class IconLink extends SvelteComponent {
12563
12785
  constructor(options) {
12564
12786
  super();
12565
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { color: 0 });
12787
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
12566
12788
  }
12567
12789
  }
12568
12790
 
@@ -12626,7 +12848,7 @@ const ICON_VARIANTS = {
12626
12848
  x_mark: IconXMark,
12627
12849
  };
12628
12850
  // @ts-ignore
12629
- [
12851
+ const ICON_PARAMS = [
12630
12852
  {
12631
12853
  id: 'variant',
12632
12854
  name: 'アイコン',
@@ -12648,95 +12870,22 @@ const ICON_VARIANTS = {
12648
12870
  },
12649
12871
  ];
12650
12872
 
12651
- const toHyphenCase = (str) => {
12652
- let result = str.replace(/_/g, '-');
12653
- result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
12654
- return result;
12655
- };
12656
- const objToStyle = (obj) => {
12657
- const styles = Object.entries(obj)
12658
- .map(([key, value]) => {
12659
- if (value === undefined)
12660
- return '';
12661
- return `${toHyphenCase(key)}: ${value};`;
12662
- })
12663
- .filter(v => v !== '');
12664
- return styles.join(' ');
12665
- };
12666
-
12667
- const toCssPosition = (p) => {
12668
- return {
12669
- position: p?.position ?? 'static',
12670
- top: p?.top,
12671
- left: p?.left,
12672
- bottom: p?.bottom,
12673
- right: p?.right,
12674
- };
12675
- };
12676
- const toCssCommon = (p) => {
12677
- return {
12678
- ...toCssPosition(p),
12679
- };
12680
- };
12681
- const toCssBorder = (p) => {
12682
- const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
12683
- if (borderWidth === null)
12684
- return {};
12685
- return {
12686
- borderColor: p?.borderColor,
12687
- borderStyle: 'solid',
12688
- borderTopWidth: p?.borderTopWidth,
12689
- borderLeftWidth: p?.borderLeftWidth,
12690
- borderRightWidth: p?.borderRightWidth,
12691
- borderBottomWidth: p?.borderBottomWidth,
12692
- };
12693
- };
12694
- const toCssPadding = (p) => {
12695
- return {
12696
- paddingTop: p?.paddingTop,
12697
- paddingLeft: p?.paddingLeft,
12698
- paddingRight: p?.paddingRight,
12699
- paddingBottom: p?.paddingBottom,
12700
- };
12701
- };
12702
- const toCssBackgroundImage = (p) => {
12703
- const url = p?.backgroundImageUrl;
12704
- return {
12705
- backgroundImage: url ? `url(${url})` : undefined,
12706
- backgroundSize: url ? 'cover' : undefined,
12707
- };
12708
- };
12709
- const toCssBackgroundColor = (p) => {
12710
- return {
12711
- backgroundColor: p?.backgroundColor,
12712
- };
12713
- };
12714
- const toCssRadius = (p) => {
12715
- return {
12716
- borderTopLeftRadius: p?.borderTopLeftRadius,
12717
- borderTopRightRadius: p?.borderTopRightRadius,
12718
- borderBottomLeftRadius: p?.borderBottomLeftRadius,
12719
- borderBottomRightRadius: p?.borderBottomRightRadius,
12720
- };
12721
- };
12722
- const toCssShadow = (p) => {
12723
- return {
12724
- boxShadow: p?.shadow,
12725
- };
12726
- };
12873
+ /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
12727
12874
 
12728
- /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
12875
+ function add_css$7(target) {
12876
+ append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12877
+ }
12729
12878
 
12879
+ // (15:0) {#if (IconComponent)}
12730
12880
  function create_if_block$3(ctx) {
12731
12881
  let div;
12732
12882
  let switch_instance;
12733
- let div_style_value;
12734
12883
  let current;
12735
- var switch_value = /*IconComponent*/ ctx[3];
12884
+ var switch_value = /*IconComponent*/ ctx[2];
12736
12885
 
12737
12886
  function switch_props(ctx) {
12738
12887
  return {
12739
- props: { color: /*props*/ ctx[1].color ?? '#333' }
12888
+ props: { color: /*props*/ ctx[0].color ?? '#333' }
12740
12889
  };
12741
12890
  }
12742
12891
 
@@ -12748,9 +12897,9 @@ function create_if_block$3(ctx) {
12748
12897
  c() {
12749
12898
  div = element("div");
12750
12899
  if (switch_instance) create_component(switch_instance.$$.fragment);
12751
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
12752
- attr(div, "data-component-id", "icon");
12753
- attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
12900
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12901
+ attr(div, "class", "icon svelte-u5222d");
12902
+ attr(div, "style", /*style*/ ctx[3]);
12754
12903
  },
12755
12904
  m(target, anchor) {
12756
12905
  insert(target, div, anchor);
@@ -12759,9 +12908,9 @@ function create_if_block$3(ctx) {
12759
12908
  },
12760
12909
  p(ctx, dirty) {
12761
12910
  const switch_instance_changes = {};
12762
- if (dirty & /*props*/ 2) switch_instance_changes.color = /*props*/ ctx[1].color ?? '#333';
12911
+ if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
12763
12912
 
12764
- if (switch_value !== (switch_value = /*IconComponent*/ ctx[3])) {
12913
+ if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
12765
12914
  if (switch_instance) {
12766
12915
  group_outros();
12767
12916
  const old_component = switch_instance;
@@ -12785,12 +12934,12 @@ function create_if_block$3(ctx) {
12785
12934
  switch_instance.$set(switch_instance_changes);
12786
12935
  }
12787
12936
 
12788
- if (!current || dirty & /*layerId*/ 1) {
12789
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
12937
+ if (!current || dirty & /*layerId*/ 2) {
12938
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12790
12939
  }
12791
12940
 
12792
- if (!current || dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
12793
- attr(div, "style", div_style_value);
12941
+ if (!current || dirty & /*style*/ 8) {
12942
+ attr(div, "style", /*style*/ ctx[3]);
12794
12943
  }
12795
12944
  },
12796
12945
  i(local) {
@@ -12809,10 +12958,10 @@ function create_if_block$3(ctx) {
12809
12958
  };
12810
12959
  }
12811
12960
 
12812
- function create_fragment$6(ctx) {
12961
+ function create_fragment$7(ctx) {
12813
12962
  let if_block_anchor;
12814
12963
  let current;
12815
- let if_block = /*IconComponent*/ ctx[3] && create_if_block$3(ctx);
12964
+ let if_block = /*IconComponent*/ ctx[2] && create_if_block$3(ctx);
12816
12965
 
12817
12966
  return {
12818
12967
  c() {
@@ -12825,11 +12974,11 @@ function create_fragment$6(ctx) {
12825
12974
  current = true;
12826
12975
  },
12827
12976
  p(ctx, [dirty]) {
12828
- if (/*IconComponent*/ ctx[3]) {
12977
+ if (/*IconComponent*/ ctx[2]) {
12829
12978
  if (if_block) {
12830
12979
  if_block.p(ctx, dirty);
12831
12980
 
12832
- if (dirty & /*IconComponent*/ 8) {
12981
+ if (dirty & /*IconComponent*/ 4) {
12833
12982
  transition_in(if_block, 1);
12834
12983
  }
12835
12984
  } else {
@@ -12864,54 +13013,49 @@ function create_fragment$6(ctx) {
12864
13013
  };
12865
13014
  }
12866
13015
 
12867
- function instance$6($$self, $$props, $$invalidate) {
13016
+ function instance$7($$self, $$props, $$invalidate) {
12868
13017
  let style;
12869
13018
  let IconComponent;
12870
- let { layerId } = $$props;
12871
13019
  let { props = {} } = $$props;
12872
- let { overrideStyle } = $$props;
13020
+ let { layerId = '' } = $$props;
12873
13021
 
12874
13022
  $$self.$$set = $$props => {
12875
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
12876
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
12877
- if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
13023
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
13024
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
12878
13025
  };
12879
13026
 
12880
13027
  $$self.$$.update = () => {
12881
- if ($$self.$$.dirty & /*props*/ 2) {
12882
- $$invalidate(4, style = objToStyle({
12883
- display: 'inline-flex',
12884
- alignItems: 'center',
12885
- overflow: 'hidden',
12886
- width: 'auto',
13028
+ if ($$self.$$.dirty & /*props*/ 1) {
13029
+ $$invalidate(3, style = objToStyle({
12887
13030
  minWidth: props.size,
13031
+ width: props.size,
12888
13032
  height: props.size,
12889
13033
  ...toCssCommon(props)
12890
13034
  }));
12891
13035
  }
12892
13036
 
12893
- if ($$self.$$.dirty & /*props*/ 2) {
12894
- $$invalidate(3, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
13037
+ if ($$self.$$.dirty & /*props*/ 1) {
13038
+ $$invalidate(2, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
12895
13039
  }
12896
13040
  };
12897
13041
 
12898
- return [layerId, props, overrideStyle, IconComponent, style];
13042
+ return [props, layerId, IconComponent, style];
12899
13043
  }
12900
13044
 
12901
13045
  class Icon extends SvelteComponent {
12902
13046
  constructor(options) {
12903
13047
  super();
12904
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
13048
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
12905
13049
  }
12906
13050
  }
12907
13051
 
12908
- /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
13052
+ /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
12909
13053
 
12910
- function add_css(target) {
12911
- 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}");
13054
+ function add_css$6(target) {
13055
+ 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}");
12912
13056
  }
12913
13057
 
12914
- // (128:2) {#if (props.isIcon && props.iconVariant)}
13058
+ // (127:2) {#if (props.isIcon && props.iconVariant)}
12915
13059
  function create_if_block$2(ctx) {
12916
13060
  let div;
12917
13061
  let icon;
@@ -12919,12 +13063,10 @@ function create_if_block$2(ctx) {
12919
13063
 
12920
13064
  icon = new Icon({
12921
13065
  props: {
12922
- layerId: undefined,
12923
- overrideStyle: undefined,
12924
13066
  props: {
12925
- variant: /*props*/ ctx[1].iconVariant,
13067
+ variant: /*props*/ ctx[0].iconVariant,
12926
13068
  size: '1em',
12927
- color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
13069
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
12928
13070
  }
12929
13071
  }
12930
13072
  });
@@ -12933,7 +13075,7 @@ function create_if_block$2(ctx) {
12933
13075
  c() {
12934
13076
  div = element("div");
12935
13077
  create_component(icon.$$.fragment);
12936
- attr(div, "class", "v2-button-icon svelte-1uf4vt5");
13078
+ attr(div, "class", "v2-button-icon svelte-ogjuh5");
12937
13079
  },
12938
13080
  m(target, anchor) {
12939
13081
  insert(target, div, anchor);
@@ -12943,10 +13085,10 @@ function create_if_block$2(ctx) {
12943
13085
  p(ctx, dirty) {
12944
13086
  const icon_changes = {};
12945
13087
 
12946
- if (dirty & /*props*/ 2) icon_changes.props = {
12947
- variant: /*props*/ ctx[1].iconVariant,
13088
+ if (dirty & /*props*/ 1) icon_changes.props = {
13089
+ variant: /*props*/ ctx[0].iconVariant,
12948
13090
  size: '1em',
12949
- color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
13091
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
12950
13092
  };
12951
13093
 
12952
13094
  icon.$set(icon_changes);
@@ -12967,17 +13109,16 @@ function create_if_block$2(ctx) {
12967
13109
  };
12968
13110
  }
12969
13111
 
12970
- function create_fragment$5(ctx) {
13112
+ function create_fragment$6(ctx) {
12971
13113
  let button;
12972
13114
  let t0;
12973
13115
  let span;
12974
- let t1_value = /*props*/ ctx[1].label + "";
13116
+ let t1_value = /*props*/ ctx[0].label + "";
12975
13117
  let t1;
12976
- let button_style_value;
12977
13118
  let current;
12978
13119
  let mounted;
12979
13120
  let dispose;
12980
- let if_block = /*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant && create_if_block$2(ctx);
13121
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$2(ctx);
12981
13122
 
12982
13123
  return {
12983
13124
  c() {
@@ -12986,9 +13127,9 @@ function create_fragment$5(ctx) {
12986
13127
  t0 = space();
12987
13128
  span = element("span");
12988
13129
  t1 = text(t1_value);
12989
- attr(button, "data-layer-id", /*layerId*/ ctx[0]);
12990
- attr(button, "style", button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '));
12991
- attr(button, "class", "v2-button svelte-1uf4vt5");
13130
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13131
+ attr(button, "style", /*style*/ ctx[2]);
13132
+ attr(button, "class", "v2-button svelte-ogjuh5");
12992
13133
  },
12993
13134
  m(target, anchor) {
12994
13135
  insert(target, button, anchor);
@@ -12999,16 +13140,16 @@ function create_fragment$5(ctx) {
12999
13140
  current = true;
13000
13141
 
13001
13142
  if (!mounted) {
13002
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[5]));
13143
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
13003
13144
  mounted = true;
13004
13145
  }
13005
13146
  },
13006
13147
  p(ctx, [dirty]) {
13007
- if (/*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant) {
13148
+ if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
13008
13149
  if (if_block) {
13009
13150
  if_block.p(ctx, dirty);
13010
13151
 
13011
- if (dirty & /*props*/ 2) {
13152
+ if (dirty & /*props*/ 1) {
13012
13153
  transition_in(if_block, 1);
13013
13154
  }
13014
13155
  } else {
@@ -13027,14 +13168,14 @@ function create_fragment$5(ctx) {
13027
13168
  check_outros();
13028
13169
  }
13029
13170
 
13030
- if ((!current || dirty & /*props*/ 2) && t1_value !== (t1_value = /*props*/ ctx[1].label + "")) set_data(t1, t1_value);
13171
+ if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
13031
13172
 
13032
- if (!current || dirty & /*layerId*/ 1) {
13033
- attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13173
+ if (!current || dirty & /*layerId*/ 2) {
13174
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13034
13175
  }
13035
13176
 
13036
- if (!current || dirty & /*style, overrideStyle*/ 12 && button_style_value !== (button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '))) {
13037
- attr(button, "style", button_style_value);
13177
+ if (!current || dirty & /*style*/ 4) {
13178
+ attr(button, "style", /*style*/ ctx[2]);
13038
13179
  }
13039
13180
  },
13040
13181
  i(local) {
@@ -13055,14 +13196,13 @@ function create_fragment$5(ctx) {
13055
13196
  };
13056
13197
  }
13057
13198
 
13058
- function instance$5($$self, $$props, $$invalidate) {
13199
+ function instance$6($$self, $$props, $$invalidate) {
13059
13200
  let style;
13060
- let { layerId = '' } = $$props;
13061
13201
  let { onClick = { operation: 'none', args: [] } } = $$props;
13062
13202
  let { eventName = '' } = $$props;
13063
13203
  let { eventValue = undefined } = $$props;
13064
13204
  let { props = {} } = $$props;
13065
- let { overrideStyle } = $$props;
13205
+ let { layerId = '' } = $$props;
13066
13206
 
13067
13207
  const VARIANTS = {
13068
13208
  size: {
@@ -13095,7 +13235,7 @@ function instance$5($$self, $$props, $$invalidate) {
13095
13235
  large: {
13096
13236
  minHeight: '48px',
13097
13237
  paddingInline: '32px',
13098
- fontSize: '16px',
13238
+ fontSize: '14px',
13099
13239
  paddingBlock: '10px',
13100
13240
  lineHeight: 1.5,
13101
13241
  borderRadius: '4px'
@@ -13152,17 +13292,16 @@ function instance$5($$self, $$props, $$invalidate) {
13152
13292
  }
13153
13293
 
13154
13294
  $$self.$$set = $$props => {
13155
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13156
- if ('onClick' in $$props) $$invalidate(6, onClick = $$props.onClick);
13157
- if ('eventName' in $$props) $$invalidate(7, eventName = $$props.eventName);
13158
- if ('eventValue' in $$props) $$invalidate(8, eventValue = $$props.eventValue);
13159
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
13160
- if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
13295
+ if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
13296
+ if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
13297
+ if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
13298
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
13299
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13161
13300
  };
13162
13301
 
13163
13302
  $$self.$$.update = () => {
13164
- if ($$self.$$.dirty & /*props*/ 2) {
13165
- $$invalidate(3, style = objToStyle({
13303
+ if ($$self.$$.dirty & /*props*/ 1) {
13304
+ $$invalidate(2, style = objToStyle({
13166
13305
  display: 'inline-flex',
13167
13306
  gap: '0.65em',
13168
13307
  alignItems: 'center',
@@ -13183,17 +13322,7 @@ function instance$5($$self, $$props, $$invalidate) {
13183
13322
  }
13184
13323
  };
13185
13324
 
13186
- return [
13187
- layerId,
13188
- props,
13189
- overrideStyle,
13190
- style,
13191
- VARIANTS,
13192
- handleClick,
13193
- onClick,
13194
- eventName,
13195
- eventValue
13196
- ];
13325
+ return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
13197
13326
  }
13198
13327
 
13199
13328
  class Button extends SvelteComponent {
@@ -13203,46 +13332,251 @@ class Button extends SvelteComponent {
13203
13332
  init(
13204
13333
  this,
13205
13334
  options,
13206
- instance$5,
13207
- create_fragment$5,
13335
+ instance$6,
13336
+ create_fragment$6,
13208
13337
  safe_not_equal,
13209
13338
  {
13210
- layerId: 0,
13211
- onClick: 6,
13212
- eventName: 7,
13213
- eventValue: 8,
13214
- props: 1,
13215
- overrideStyle: 2
13339
+ onClick: 5,
13340
+ eventName: 6,
13341
+ eventValue: 7,
13342
+ props: 0,
13343
+ layerId: 1
13216
13344
  },
13217
- add_css
13345
+ add_css$6
13218
13346
  );
13219
13347
  }
13220
13348
  }
13221
13349
 
13222
- /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
13350
+ const BUTTON_SIZE = {
13351
+ extra_small: 'XSmall',
13352
+ small: 'Small',
13353
+ medium: 'Medium',
13354
+ large: 'Large',
13355
+ extra_large: 'XLarge',
13356
+ };
13357
+ const BUTTON_COLOR = {
13358
+ default: 'デフォルト',
13359
+ theme: 'テーマカラー',
13360
+ alert: 'アラート',
13361
+ transparent: '背景なし',
13362
+ };
13363
+ const BUTTON_ROUND = {
13364
+ default: 'デフォルト',
13365
+ none: 'なし',
13366
+ fulled: '円形',
13367
+ };
13368
+ const BUTTON_LINK_TARGET = {
13369
+ _self: '画面内遷移',
13370
+ _blank: '別タブで開く',
13371
+ };
13372
+ const BUTTON_ICON_ANGLE = {
13373
+ row: '左側',
13374
+ 'row-reverse': '右側',
13375
+ };
13223
13376
 
13224
- function create_fragment$4(ctx) {
13225
- let div;
13226
- let current;
13227
- const default_slot_template = /*#slots*/ ctx[4].default;
13228
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
13377
+ /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13229
13378
 
13230
- return {
13231
- c() {
13232
- div = element("div");
13233
- if (default_slot) default_slot.c();
13234
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13235
- attr(div, "data-component-name", "layout");
13236
- attr(div, "style", /*style*/ ctx[1]);
13237
- },
13238
- m(target, anchor) {
13239
- insert(target, div, anchor);
13379
+ function add_css$5(target) {
13380
+ 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}");
13381
+ }
13240
13382
 
13241
- if (default_slot) {
13242
- default_slot.m(div, null);
13243
- }
13383
+ function create_fragment$5(ctx) {
13384
+ let button;
13385
+ let svg;
13386
+ let path;
13244
13387
 
13245
- current = true;
13388
+ return {
13389
+ c() {
13390
+ button = element("button");
13391
+ svg = svg_element("svg");
13392
+ path = svg_element("path");
13393
+ 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");
13394
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13395
+ set_style(svg, "width", "75%");
13396
+ set_style(svg, "height", "75%");
13397
+ attr(svg, "viewBox", "0 0 50 50");
13398
+ attr(svg, "fill", "#666666");
13399
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13400
+ attr(button, "class", "close-button svelte-1ae0xnq");
13401
+ attr(button, "style", /*style*/ ctx[1]);
13402
+ },
13403
+ m(target, anchor) {
13404
+ insert(target, button, anchor);
13405
+ append(button, svg);
13406
+ append(svg, path);
13407
+ },
13408
+ p(ctx, [dirty]) {
13409
+ if (dirty & /*layerId*/ 1) {
13410
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13411
+ }
13412
+
13413
+ if (dirty & /*style*/ 2) {
13414
+ attr(button, "style", /*style*/ ctx[1]);
13415
+ }
13416
+ },
13417
+ i: noop,
13418
+ o: noop,
13419
+ d(detaching) {
13420
+ if (detaching) detach(button);
13421
+ }
13422
+ };
13423
+ }
13424
+
13425
+ function instance$5($$self, $$props, $$invalidate) {
13426
+ let style;
13427
+ let { props = {} } = $$props;
13428
+ let { layerId = '' } = $$props;
13429
+ const size = props.size ?? 24;
13430
+
13431
+ $$self.$$set = $$props => {
13432
+ if ('props' in $$props) $$invalidate(2, props = $$props.props);
13433
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13434
+ };
13435
+
13436
+ $$self.$$.update = () => {
13437
+ if ($$self.$$.dirty & /*props*/ 4) {
13438
+ $$invalidate(1, style = objToStyle({
13439
+ width: `${size}px`,
13440
+ height: `${size}px`,
13441
+ ...props.bordered && { border: '1px solid #666' },
13442
+ ...toCssCommon(props)
13443
+ }));
13444
+ }
13445
+ };
13446
+
13447
+ return [layerId, style, props];
13448
+ }
13449
+
13450
+ class CloseButton extends SvelteComponent {
13451
+ constructor(options) {
13452
+ super();
13453
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 2, layerId: 0 }, add_css$5);
13454
+ }
13455
+ }
13456
+
13457
+ /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
13458
+
13459
+ function add_css$4(target) {
13460
+ 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}");
13461
+ }
13462
+
13463
+ function create_fragment$4(ctx) {
13464
+ let div;
13465
+ let object;
13466
+ let img;
13467
+ let img_src_value;
13468
+ let img_alt_value;
13469
+
13470
+ return {
13471
+ c() {
13472
+ div = element("div");
13473
+ object = element("object");
13474
+ img = element("img");
13475
+ if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
13476
+ attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
13477
+ attr(img, "class", "image-img svelte-1wv9v10");
13478
+ attr(object, "style", /*objectStyle*/ ctx[2]);
13479
+ attr(object, "class", "image-object svelte-1wv9v10");
13480
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13481
+ attr(div, "class", "image svelte-1wv9v10");
13482
+ attr(div, "style", /*style*/ ctx[3]);
13483
+ },
13484
+ m(target, anchor) {
13485
+ insert(target, div, anchor);
13486
+ append(div, object);
13487
+ append(object, img);
13488
+ },
13489
+ p(ctx, [dirty]) {
13490
+ if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
13491
+ attr(img, "src", img_src_value);
13492
+ }
13493
+
13494
+ if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
13495
+ attr(img, "alt", img_alt_value);
13496
+ }
13497
+
13498
+ if (dirty & /*objectStyle*/ 4) {
13499
+ attr(object, "style", /*objectStyle*/ ctx[2]);
13500
+ }
13501
+
13502
+ if (dirty & /*layerId*/ 2) {
13503
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13504
+ }
13505
+
13506
+ if (dirty & /*style*/ 8) {
13507
+ attr(div, "style", /*style*/ ctx[3]);
13508
+ }
13509
+ },
13510
+ i: noop,
13511
+ o: noop,
13512
+ d(detaching) {
13513
+ if (detaching) detach(div);
13514
+ }
13515
+ };
13516
+ }
13517
+
13518
+ function instance$4($$self, $$props, $$invalidate) {
13519
+ let style;
13520
+ let objectStyle;
13521
+ let { props = {} } = $$props;
13522
+ let { layerId = '' } = $$props;
13523
+
13524
+ $$self.$$set = $$props => {
13525
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
13526
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13527
+ };
13528
+
13529
+ $$self.$$.update = () => {
13530
+ if ($$self.$$.dirty & /*props*/ 1) {
13531
+ $$invalidate(3, style = objToStyle({
13532
+ width: props.width ?? '100%',
13533
+ ...toCssCommon(props)
13534
+ }));
13535
+ }
13536
+
13537
+ if ($$self.$$.dirty & /*props*/ 1) {
13538
+ $$invalidate(2, objectStyle = objToStyle({ aspectRatio: props.aspect }));
13539
+ }
13540
+ };
13541
+
13542
+ return [props, layerId, objectStyle, style];
13543
+ }
13544
+
13545
+ class Image extends SvelteComponent {
13546
+ constructor(options) {
13547
+ super();
13548
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 }, add_css$4);
13549
+ }
13550
+ }
13551
+
13552
+ /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
13553
+
13554
+ function add_css$3(target) {
13555
+ append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
13556
+ }
13557
+
13558
+ function create_fragment$3(ctx) {
13559
+ let div;
13560
+ let current;
13561
+ const default_slot_template = /*#slots*/ ctx[4].default;
13562
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
13563
+
13564
+ return {
13565
+ c() {
13566
+ div = element("div");
13567
+ if (default_slot) default_slot.c();
13568
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13569
+ attr(div, "class", "layout svelte-19rjtwm");
13570
+ attr(div, "style", /*style*/ ctx[1]);
13571
+ },
13572
+ m(target, anchor) {
13573
+ insert(target, div, anchor);
13574
+
13575
+ if (default_slot) {
13576
+ default_slot.m(div, null);
13577
+ }
13578
+
13579
+ current = true;
13246
13580
  },
13247
13581
  p(ctx, [dirty]) {
13248
13582
  if (default_slot) {
@@ -13284,15 +13618,15 @@ function create_fragment$4(ctx) {
13284
13618
  };
13285
13619
  }
13286
13620
 
13287
- function instance$4($$self, $$props, $$invalidate) {
13621
+ function instance$3($$self, $$props, $$invalidate) {
13288
13622
  let style;
13289
13623
  let { $$slots: slots = {}, $$scope } = $$props;
13290
- let { layerId = undefined } = $$props;
13291
13624
  let { props = {} } = $$props;
13625
+ let { layerId = '' } = $$props;
13292
13626
 
13293
13627
  $$self.$$set = $$props => {
13294
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13295
13628
  if ('props' in $$props) $$invalidate(2, props = $$props.props);
13629
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13296
13630
  if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
13297
13631
  };
13298
13632
 
@@ -13308,7 +13642,7 @@ function instance$4($$self, $$props, $$invalidate) {
13308
13642
  width: props.width,
13309
13643
  ...toCssShadow(props),
13310
13644
  ...toCssRadius(props),
13311
- ...toCssBackgroundImage(props.backgroundImage),
13645
+ ...toCssBackgroundImage(props),
13312
13646
  ...toCssBackgroundColor(props),
13313
13647
  ...toCssCommon(props),
13314
13648
  ...toCssPadding(props),
@@ -13323,19 +13657,29 @@ function instance$4($$self, $$props, $$invalidate) {
13323
13657
  class Layout extends SvelteComponent {
13324
13658
  constructor(options) {
13325
13659
  super();
13326
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { layerId: 0, props: 2 });
13660
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 2, layerId: 0 }, add_css$3);
13327
13661
  }
13328
13662
  }
13329
13663
 
13330
- /* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
13664
+ const LAYOUT_DISPLAY_TYPE = ['inline-flex', 'flex', 'block'];
13665
+ const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
13666
+ const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
13667
+ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
13331
13668
 
13332
- function create_fragment$3(ctx) {
13669
+ /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
13670
+
13671
+ function add_css$2(target) {
13672
+ append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
13673
+ }
13674
+
13675
+ function create_fragment$2(ctx) {
13333
13676
  let p;
13334
13677
 
13335
13678
  return {
13336
13679
  c() {
13337
13680
  p = element("p");
13338
13681
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
13682
+ attr(p, "class", "text svelte-18qq8cj");
13339
13683
  attr(p, "style", /*style*/ ctx[1]);
13340
13684
  },
13341
13685
  m(target, anchor) {
@@ -13360,15 +13704,24 @@ function create_fragment$3(ctx) {
13360
13704
  };
13361
13705
  }
13362
13706
 
13363
- function instance$3($$self, $$props, $$invalidate) {
13707
+ function instance$2($$self, $$props, $$invalidate) {
13364
13708
  let escapedHTML;
13365
13709
  let style;
13366
- let { layerId } = $$props;
13367
13710
  let { props = { content: '' } } = $$props;
13711
+ let { layerId = '' } = $$props;
13712
+
13713
+ const VARIANTS = {
13714
+ size: {
13715
+ small: { fontSize: '10px', lineHeight: 1.5 },
13716
+ medium: { fontSize: '12px', lineHeight: 2.0 },
13717
+ large: { fontSize: '14px', lineHeight: 2.0 },
13718
+ extra_large: { fontSize: '16px', lineHeight: 2.0 }
13719
+ }
13720
+ };
13368
13721
 
13369
13722
  $$self.$$set = $$props => {
13370
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13371
13723
  if ('props' in $$props) $$invalidate(3, props = $$props.props);
13724
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13372
13725
  };
13373
13726
 
13374
13727
  $$self.$$.update = () => {
@@ -13378,14 +13731,12 @@ function instance$3($$self, $$props, $$invalidate) {
13378
13731
 
13379
13732
  if ($$self.$$.dirty & /*props*/ 8) {
13380
13733
  $$invalidate(1, style = objToStyle({
13381
- margin: 0,
13382
13734
  position: props?.position ?? 'static',
13383
13735
  fontWeight: props.fontWeight,
13384
- fontSize: props.fontSize,
13385
13736
  color: props.color,
13386
13737
  textAlign: props.align,
13387
- wordBreak: 'break-all',
13388
13738
  width: props.width,
13739
+ ...VARIANTS.size[props.size ?? 'medium'],
13389
13740
  ...toCssRadius(props),
13390
13741
  ...toCssBackgroundColor(props),
13391
13742
  ...toCssCommon(props),
@@ -13401,59 +13752,61 @@ function instance$3($$self, $$props, $$invalidate) {
13401
13752
  class Text extends SvelteComponent {
13402
13753
  constructor(options) {
13403
13754
  super();
13404
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 3 });
13755
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
13405
13756
  }
13406
13757
  }
13407
13758
 
13408
- /* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
13759
+ const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
13760
+ const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
13761
+ const LAYER_TEXT_SIZE = {
13762
+ small: 'Small',
13763
+ medium: 'Medium',
13764
+ large: 'Large',
13765
+ extra_large: 'XLarge',
13766
+ };
13767
+
13768
+ /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
13769
+
13770
+ function add_css$1(target) {
13771
+ 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}");
13772
+ }
13409
13773
 
13774
+ // (14:0) {#if backgroundOverlay}
13410
13775
  function create_if_block$1(ctx) {
13411
13776
  let div;
13412
- let img;
13413
- let img_src_value;
13414
- let div_style_value;
13777
+ let div_class_value;
13778
+ let mounted;
13779
+ let dispose;
13415
13780
 
13416
13781
  return {
13417
13782
  c() {
13418
13783
  div = element("div");
13419
- img = element("img");
13420
- if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
13421
- attr(img, "alt", "");
13422
- attr(img, "style", /*imgStyle*/ ctx[3]);
13423
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13424
- attr(div, "data-component-id", "avatar");
13425
- attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
13784
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
13426
13785
  },
13427
13786
  m(target, anchor) {
13428
13787
  insert(target, div, anchor);
13429
- append(div, img);
13430
- },
13431
- p(ctx, dirty) {
13432
- if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
13433
- attr(img, "src", img_src_value);
13434
- }
13435
13788
 
13436
- if (dirty & /*imgStyle*/ 8) {
13437
- attr(img, "style", /*imgStyle*/ ctx[3]);
13438
- }
13439
-
13440
- if (dirty & /*layerId*/ 1) {
13441
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13789
+ if (!mounted) {
13790
+ dispose = listen(div, "click", /*click_handler*/ ctx[3]);
13791
+ mounted = true;
13442
13792
  }
13443
-
13444
- if (dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
13445
- attr(div, "style", div_style_value);
13793
+ },
13794
+ p(ctx, dirty) {
13795
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
13796
+ attr(div, "class", div_class_value);
13446
13797
  }
13447
13798
  },
13448
13799
  d(detaching) {
13449
13800
  if (detaching) detach(div);
13801
+ mounted = false;
13802
+ dispose();
13450
13803
  }
13451
13804
  };
13452
13805
  }
13453
13806
 
13454
- function create_fragment$2(ctx) {
13807
+ function create_fragment$1(ctx) {
13455
13808
  let if_block_anchor;
13456
- let if_block = /*props*/ ctx[1].image && create_if_block$1(ctx);
13809
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$1(ctx);
13457
13810
 
13458
13811
  return {
13459
13812
  c() {
@@ -13465,7 +13818,7 @@ function create_fragment$2(ctx) {
13465
13818
  insert(target, if_block_anchor, anchor);
13466
13819
  },
13467
13820
  p(ctx, [dirty]) {
13468
- if (/*props*/ ctx[1].image) {
13821
+ if (/*backgroundOverlay*/ ctx[0]) {
13469
13822
  if (if_block) {
13470
13823
  if_block.p(ctx, dirty);
13471
13824
  } else {
@@ -13487,288 +13840,763 @@ function create_fragment$2(ctx) {
13487
13840
  };
13488
13841
  }
13489
13842
 
13490
- function instance$2($$self, $$props, $$invalidate) {
13491
- let style;
13492
- let imgStyle;
13493
- let { layerId = '' } = $$props;
13494
- let { props = {} } = $$props;
13495
- let { overrideStyle } = $$props;
13496
-
13497
- const VARIANTS = {
13498
- shape: {
13499
- circle: { borderRadius: '100%' },
13500
- square: { borderRadius: '4px' }
13501
- }
13502
- };
13503
-
13504
- const size = props.size ?? 64;
13843
+ function instance$1($$self, $$props, $$invalidate) {
13844
+ let { backgroundOverlay = false } = $$props;
13845
+ let { class: className = undefined } = $$props;
13846
+ const dispatch = createEventDispatcher();
13847
+ const click_handler = () => dispatch('click');
13505
13848
 
13506
13849
  $$self.$$set = $$props => {
13507
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13508
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
13509
- if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
13510
- };
13511
-
13512
- $$self.$$.update = () => {
13513
- if ($$self.$$.dirty & /*props*/ 2) {
13514
- $$invalidate(4, style = objToStyle({
13515
- display: 'flex',
13516
- alignItems: 'center',
13517
- overflow: 'hidden',
13518
- flexShrink: 0,
13519
- width: `${size}px`,
13520
- height: `${size}px`,
13521
- ...VARIANTS.shape[props.shape ?? 'square'],
13522
- ...props.bordered && { border: `1px solid #dbdbdb` },
13523
- ...toCssCommon(props)
13524
- }));
13525
- }
13850
+ if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
13851
+ if ('class' in $$props) $$invalidate(1, className = $$props.class);
13526
13852
  };
13527
13853
 
13528
- $$invalidate(3, imgStyle = objToStyle({
13529
- width: '100%',
13530
- height: '100%',
13531
- objectFit: 'cover'
13532
- }));
13533
-
13534
- return [layerId, props, overrideStyle, imgStyle, style];
13854
+ return [backgroundOverlay, className, dispatch, click_handler];
13535
13855
  }
13536
13856
 
13537
- class Avatar extends SvelteComponent {
13857
+ class BackgroundOverlay extends SvelteComponent {
13538
13858
  constructor(options) {
13539
13859
  super();
13540
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
13860
+ init(this, options, instance$1, create_fragment$1, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
13541
13861
  }
13542
13862
  }
13543
13863
 
13544
- /* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
13864
+ /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
13545
13865
 
13546
- function create_if_block(ctx) {
13547
- let div;
13548
- let object;
13549
- let img;
13550
- let img_src_value;
13551
- let div_style_value;
13866
+ function add_css(target) {
13867
+ 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}}");
13868
+ }
13869
+
13870
+ // (264:0) {:else}
13871
+ function create_else_block(ctx) {
13872
+ let backgroundoverlay;
13873
+ let current;
13874
+
13875
+ backgroundoverlay = new BackgroundOverlay({
13876
+ props: {
13877
+ backgroundOverlay: /*backgroundOverlay*/ ctx[4]
13878
+ }
13879
+ });
13880
+
13881
+ backgroundoverlay.$on("click", function () {
13882
+ if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
13883
+ });
13552
13884
 
13553
13885
  return {
13554
13886
  c() {
13555
- div = element("div");
13556
- object = element("object");
13557
- img = element("img");
13558
- if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
13559
- attr(img, "alt", "");
13560
- attr(img, "style", /*imgStyle*/ ctx[3]);
13561
- attr(object, "style", /*objectStyle*/ ctx[4]);
13562
- attr(object, "title", "");
13563
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13564
- attr(div, "style", div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '));
13887
+ create_component(backgroundoverlay.$$.fragment);
13565
13888
  },
13566
13889
  m(target, anchor) {
13567
- insert(target, div, anchor);
13568
- append(div, object);
13569
- append(object, img);
13890
+ mount_component(backgroundoverlay, target, anchor);
13891
+ current = true;
13570
13892
  },
13571
- p(ctx, dirty) {
13572
- if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
13573
- attr(img, "src", img_src_value);
13574
- }
13893
+ p(new_ctx, dirty) {
13894
+ ctx = new_ctx;
13895
+ const backgroundoverlay_changes = {};
13896
+ if (dirty[0] & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
13897
+ backgroundoverlay.$set(backgroundoverlay_changes);
13898
+ },
13899
+ i(local) {
13900
+ if (current) return;
13901
+ transition_in(backgroundoverlay.$$.fragment, local);
13902
+ current = true;
13903
+ },
13904
+ o(local) {
13905
+ transition_out(backgroundoverlay.$$.fragment, local);
13906
+ current = false;
13907
+ },
13908
+ d(detaching) {
13909
+ destroy_component(backgroundoverlay, detaching);
13910
+ }
13911
+ };
13912
+ }
13575
13913
 
13576
- if (dirty & /*imgStyle*/ 8) {
13577
- attr(img, "style", /*imgStyle*/ ctx[3]);
13578
- }
13914
+ // (253:24)
13915
+ function create_if_block_3(ctx) {
13916
+ let backgroundoverlay0;
13917
+ let t;
13918
+ let backgroundoverlay1;
13919
+ let current;
13579
13920
 
13580
- if (dirty & /*objectStyle*/ 16) {
13581
- attr(object, "style", /*objectStyle*/ ctx[4]);
13921
+ backgroundoverlay0 = new BackgroundOverlay({
13922
+ props: {
13923
+ class: "v2-background-bp-pc",
13924
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
13582
13925
  }
13926
+ });
13583
13927
 
13584
- if (dirty & /*layerId*/ 1) {
13585
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13586
- }
13928
+ backgroundoverlay0.$on("click", function () {
13929
+ if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
13930
+ });
13587
13931
 
13588
- if (dirty & /*style, overrideStyle*/ 36 && div_style_value !== (div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '))) {
13589
- attr(div, "style", div_style_value);
13932
+ backgroundoverlay1 = new BackgroundOverlay({
13933
+ props: {
13934
+ class: "v2-background-bp-sp ",
13935
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
13590
13936
  }
13937
+ });
13938
+
13939
+ backgroundoverlay1.$on("click", function () {
13940
+ if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
13941
+ });
13942
+
13943
+ return {
13944
+ c() {
13945
+ create_component(backgroundoverlay0.$$.fragment);
13946
+ t = space();
13947
+ create_component(backgroundoverlay1.$$.fragment);
13948
+ },
13949
+ m(target, anchor) {
13950
+ mount_component(backgroundoverlay0, target, anchor);
13951
+ insert(target, t, anchor);
13952
+ mount_component(backgroundoverlay1, target, anchor);
13953
+ current = true;
13954
+ },
13955
+ p(new_ctx, dirty) {
13956
+ ctx = new_ctx;
13957
+ const backgroundoverlay0_changes = {};
13958
+ if (dirty[0] & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
13959
+ backgroundoverlay0.$set(backgroundoverlay0_changes);
13960
+ const backgroundoverlay1_changes = {};
13961
+ if (dirty[0] & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
13962
+ backgroundoverlay1.$set(backgroundoverlay1_changes);
13963
+ },
13964
+ i(local) {
13965
+ if (current) return;
13966
+ transition_in(backgroundoverlay0.$$.fragment, local);
13967
+ transition_in(backgroundoverlay1.$$.fragment, local);
13968
+ current = true;
13969
+ },
13970
+ o(local) {
13971
+ transition_out(backgroundoverlay0.$$.fragment, local);
13972
+ transition_out(backgroundoverlay1.$$.fragment, local);
13973
+ current = false;
13591
13974
  },
13592
13975
  d(detaching) {
13593
- if (detaching) detach(div);
13976
+ destroy_component(backgroundoverlay0, detaching);
13977
+ if (detaching) detach(t);
13978
+ destroy_component(backgroundoverlay1, detaching);
13594
13979
  }
13595
13980
  };
13596
13981
  }
13597
13982
 
13598
- function create_fragment$1(ctx) {
13599
- let if_block_anchor;
13600
- let if_block = /*props*/ ctx[1].image && create_if_block(ctx);
13983
+ // (251:0) {#if isPreview()}
13984
+ function create_if_block_2(ctx) {
13985
+ return {
13986
+ c: noop,
13987
+ m: noop,
13988
+ p: noop,
13989
+ i: noop,
13990
+ o: noop,
13991
+ d: noop
13992
+ };
13993
+ }
13994
+
13995
+ // (267:0) {#if visible}
13996
+ function create_if_block(ctx) {
13997
+ let div1;
13998
+ let t;
13999
+ let div0;
14000
+ let div1_class_value;
14001
+ let div1_intro;
14002
+ let current;
14003
+ let if_block = /*closable*/ ctx[13] && create_if_block_1(ctx);
14004
+ const default_slot_template = /*#slots*/ ctx[30].default;
14005
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
13601
14006
 
13602
14007
  return {
13603
14008
  c() {
14009
+ div1 = element("div");
13604
14010
  if (if_block) if_block.c();
13605
- if_block_anchor = empty();
14011
+ t = space();
14012
+ div0 = element("div");
14013
+ if (default_slot) default_slot.c();
14014
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-q9l1ox"));
14015
+ attr(div1, "role", "dialog");
14016
+ attr(div1, "aria-modal", "true");
14017
+ attr(div1, "style", Array.from(/*modalStyles*/ ctx[15]).join(';'));
13606
14018
  },
13607
14019
  m(target, anchor) {
13608
- if (if_block) if_block.m(target, anchor);
13609
- insert(target, if_block_anchor, anchor);
14020
+ insert(target, div1, anchor);
14021
+ if (if_block) if_block.m(div1, null);
14022
+ append(div1, t);
14023
+ append(div1, div0);
14024
+
14025
+ if (default_slot) {
14026
+ default_slot.m(div0, null);
14027
+ }
14028
+
14029
+ /*div1_binding*/ ctx[31](div1);
14030
+ current = true;
13610
14031
  },
13611
- p(ctx, [dirty]) {
13612
- if (/*props*/ ctx[1].image) {
14032
+ p(new_ctx, dirty) {
14033
+ ctx = new_ctx;
14034
+
14035
+ if (/*closable*/ ctx[13]) {
13613
14036
  if (if_block) {
13614
14037
  if_block.p(ctx, dirty);
14038
+
14039
+ if (dirty[0] & /*closable*/ 8192) {
14040
+ transition_in(if_block, 1);
14041
+ }
13615
14042
  } else {
13616
- if_block = create_if_block(ctx);
14043
+ if_block = create_if_block_1(ctx);
13617
14044
  if_block.c();
13618
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
14045
+ transition_in(if_block, 1);
14046
+ if_block.m(div1, t);
13619
14047
  }
13620
14048
  } else if (if_block) {
13621
- if_block.d(1);
13622
- if_block = null;
13623
- }
13624
- },
13625
- i: noop,
13626
- o: noop,
13627
- d(detaching) {
13628
- if (if_block) if_block.d(detaching);
13629
- if (detaching) detach(if_block_anchor);
13630
- }
13631
- };
13632
- }
14049
+ group_outros();
13633
14050
 
13634
- function instance$1($$self, $$props, $$invalidate) {
13635
- let style;
13636
- let objectStyle;
13637
- let imgStyle;
13638
- let { layerId } = $$props;
13639
- let { props = {} } = $$props;
13640
- let { overrideStyle } = $$props;
14051
+ transition_out(if_block, 1, 1, () => {
14052
+ if_block = null;
14053
+ });
13641
14054
 
13642
- $$self.$$set = $$props => {
13643
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13644
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
13645
- if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
13646
- };
14055
+ check_outros();
14056
+ }
13647
14057
 
13648
- $$self.$$.update = () => {
13649
- if ($$self.$$.dirty & /*props*/ 2) {
13650
- $$invalidate(5, style = objToStyle({
13651
- width: props.width,
13652
- display: 'flex',
13653
- maxWidth: '100%',
13654
- alignItems: 'center',
13655
- justifyContent: 'center',
13656
- overflow: 'hidden',
13657
- wordBreak: 'break-all',
13658
- ...toCssCommon(props)
13659
- }));
13660
- }
14058
+ if (default_slot) {
14059
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 536870912)) {
14060
+ update_slot_base(
14061
+ default_slot,
14062
+ default_slot_template,
14063
+ ctx,
14064
+ /*$$scope*/ ctx[29],
14065
+ !current
14066
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
14067
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
14068
+ null
14069
+ );
14070
+ }
14071
+ }
13661
14072
 
13662
- if ($$self.$$.dirty & /*props*/ 2) {
13663
- $$invalidate(4, objectStyle = objToStyle({
13664
- width: '100%',
13665
- aspectRatio: props.aspect,
13666
- overflow: 'hidden'
13667
- }));
13668
- }
13669
- };
14073
+ 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"))) {
14074
+ attr(div1, "class", div1_class_value);
14075
+ }
14076
+ },
14077
+ i(local) {
14078
+ if (current) return;
14079
+ transition_in(if_block);
14080
+ transition_in(default_slot, local);
13670
14081
 
13671
- $$invalidate(3, imgStyle = objToStyle({
13672
- width: '100%',
13673
- height: '100%',
13674
- objectFit: 'cover',
13675
- userSelect: 'none'
13676
- }));
14082
+ if (!div1_intro) {
14083
+ add_render_callback(() => {
14084
+ div1_intro = create_in_transition(div1, customAnimation, {
14085
+ transforms: /*transforms*/ ctx[3],
14086
+ animationStyle: /*animation*/ ctx[1]
14087
+ });
13677
14088
 
13678
- return [layerId, props, overrideStyle, imgStyle, objectStyle, style];
13679
- }
14089
+ div1_intro.start();
14090
+ });
14091
+ }
13680
14092
 
13681
- class Image extends SvelteComponent {
13682
- constructor(options) {
13683
- super();
13684
- init(this, options, instance$1, create_fragment$1, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
13685
- }
14093
+ current = true;
14094
+ },
14095
+ o(local) {
14096
+ transition_out(if_block);
14097
+ transition_out(default_slot, local);
14098
+ current = false;
14099
+ },
14100
+ d(detaching) {
14101
+ if (detaching) detach(div1);
14102
+ if (if_block) if_block.d();
14103
+ if (default_slot) default_slot.d(detaching);
14104
+ /*div1_binding*/ ctx[31](null);
14105
+ }
14106
+ };
13686
14107
  }
13687
14108
 
13688
- /* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14109
+ // (279:4) {#if closable}
14110
+ function create_if_block_1(ctx) {
14111
+ let div;
14112
+ let closebutton;
14113
+ let current;
13689
14114
 
13690
- function create_fragment(ctx) {
13691
- let button;
13692
- let svg;
13693
- let path;
13694
- let button_style_value;
14115
+ closebutton = new CloseButton({
14116
+ props: { props: /*closeButtonProps*/ ctx[2] }
14117
+ });
13695
14118
 
13696
14119
  return {
13697
14120
  c() {
13698
- button = element("button");
13699
- svg = svg_element("svg");
13700
- path = svg_element("path");
13701
- 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");
13702
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13703
- set_style(svg, "width", "75%");
13704
- set_style(svg, "height", "75%");
13705
- attr(svg, "viewBox", "0 0 50 50");
13706
- attr(svg, "fill", "#666666");
13707
- attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13708
- attr(button, "style", button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '));
14121
+ div = element("div");
14122
+ create_component(closebutton.$$.fragment);
14123
+ attr(div, "class", "v2-close svelte-q9l1ox");
14124
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
13709
14125
  },
13710
14126
  m(target, anchor) {
13711
- insert(target, button, anchor);
13712
- append(button, svg);
13713
- append(svg, path);
14127
+ insert(target, div, anchor);
14128
+ mount_component(closebutton, div, null);
14129
+ current = true;
13714
14130
  },
13715
- p(ctx, [dirty]) {
13716
- if (dirty & /*layerId*/ 1) {
13717
- attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14131
+ p(ctx, dirty) {
14132
+ const closebutton_changes = {};
14133
+ if (dirty[0] & /*closeButtonProps*/ 4) closebutton_changes.props = /*closeButtonProps*/ ctx[2];
14134
+ closebutton.$set(closebutton_changes);
14135
+
14136
+ if (!current || dirty[0] & /*$maximumZindex*/ 16384) {
14137
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
13718
14138
  }
14139
+ },
14140
+ i(local) {
14141
+ if (current) return;
14142
+ transition_in(closebutton.$$.fragment, local);
14143
+ current = true;
14144
+ },
14145
+ o(local) {
14146
+ transition_out(closebutton.$$.fragment, local);
14147
+ current = false;
14148
+ },
14149
+ d(detaching) {
14150
+ if (detaching) detach(div);
14151
+ destroy_component(closebutton);
14152
+ }
14153
+ };
14154
+ }
13719
14155
 
13720
- if (dirty & /*style, overrideStyle*/ 6 && button_style_value !== (button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '))) {
13721
- attr(button, "style", button_style_value);
14156
+ function create_fragment(ctx) {
14157
+ let show_if;
14158
+ let current_block_type_index;
14159
+ let if_block0;
14160
+ let t;
14161
+ let if_block1_anchor;
14162
+ let current;
14163
+ let mounted;
14164
+ let dispose;
14165
+ const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block];
14166
+ const if_blocks = [];
14167
+
14168
+ function select_block_type(ctx, dirty) {
14169
+ if (show_if == null) show_if = !!isPreview();
14170
+ if (show_if) return 0;
14171
+ if (/*useBreakPoint*/ ctx[0]) return 1;
14172
+ return 2;
14173
+ }
14174
+
14175
+ current_block_type_index = select_block_type(ctx);
14176
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
14177
+ let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
14178
+
14179
+ return {
14180
+ c() {
14181
+ if_block0.c();
14182
+ t = space();
14183
+ if (if_block1) if_block1.c();
14184
+ if_block1_anchor = empty();
14185
+ },
14186
+ m(target, anchor) {
14187
+ if_blocks[current_block_type_index].m(target, anchor);
14188
+ insert(target, t, anchor);
14189
+ if (if_block1) if_block1.m(target, anchor);
14190
+ insert(target, if_block1_anchor, anchor);
14191
+ current = true;
14192
+
14193
+ if (!mounted) {
14194
+ dispose = listen(window, "keydown", function () {
14195
+ if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
14196
+ });
14197
+
14198
+ mounted = true;
13722
14199
  }
13723
14200
  },
13724
- i: noop,
13725
- o: noop,
14201
+ p(new_ctx, dirty) {
14202
+ ctx = new_ctx;
14203
+ let previous_block_index = current_block_type_index;
14204
+ current_block_type_index = select_block_type(ctx);
14205
+
14206
+ if (current_block_type_index === previous_block_index) {
14207
+ if_blocks[current_block_type_index].p(ctx, dirty);
14208
+ } else {
14209
+ group_outros();
14210
+
14211
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
14212
+ if_blocks[previous_block_index] = null;
14213
+ });
14214
+
14215
+ check_outros();
14216
+ if_block0 = if_blocks[current_block_type_index];
14217
+
14218
+ if (!if_block0) {
14219
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
14220
+ if_block0.c();
14221
+ } else {
14222
+ if_block0.p(ctx, dirty);
14223
+ }
14224
+
14225
+ transition_in(if_block0, 1);
14226
+ if_block0.m(t.parentNode, t);
14227
+ }
14228
+
14229
+ if (/*visible*/ ctx[8]) {
14230
+ if (if_block1) {
14231
+ if_block1.p(ctx, dirty);
14232
+
14233
+ if (dirty[0] & /*visible*/ 256) {
14234
+ transition_in(if_block1, 1);
14235
+ }
14236
+ } else {
14237
+ if_block1 = create_if_block(ctx);
14238
+ if_block1.c();
14239
+ transition_in(if_block1, 1);
14240
+ if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
14241
+ }
14242
+ } else if (if_block1) {
14243
+ group_outros();
14244
+
14245
+ transition_out(if_block1, 1, 1, () => {
14246
+ if_block1 = null;
14247
+ });
14248
+
14249
+ check_outros();
14250
+ }
14251
+ },
14252
+ i(local) {
14253
+ if (current) return;
14254
+ transition_in(if_block0);
14255
+ transition_in(if_block1);
14256
+ current = true;
14257
+ },
14258
+ o(local) {
14259
+ transition_out(if_block0);
14260
+ transition_out(if_block1);
14261
+ current = false;
14262
+ },
13726
14263
  d(detaching) {
13727
- if (detaching) detach(button);
14264
+ if_blocks[current_block_type_index].d(detaching);
14265
+ if (detaching) detach(t);
14266
+ if (if_block1) if_block1.d(detaching);
14267
+ if (detaching) detach(if_block1_anchor);
14268
+ mounted = false;
14269
+ dispose();
13728
14270
  }
13729
14271
  };
13730
14272
  }
13731
14273
 
13732
14274
  function instance($$self, $$props, $$invalidate) {
13733
- let style;
13734
- let { layerId } = $$props;
13735
- let { props = {} } = $$props;
13736
- let { overrideStyle } = $$props;
13737
- const size = props.size ?? 24;
14275
+ let close;
14276
+ let closable;
14277
+ let backgroundClick;
14278
+ let backgroundClickPC;
14279
+ let backgroundClickSP;
14280
+ let handle_keydown;
14281
+ let visible;
14282
+ let $maximumZindex;
14283
+ component_subscribe($$self, maximumZindex, $$value => $$invalidate(14, $maximumZindex = $$value));
14284
+ let { $$slots: slots = {}, $$scope } = $$props;
14285
+ let { onClick = { operation: 'none', args: [] } } = $$props;
14286
+ let { clickEventName = '' } = $$props;
14287
+ let { clickEventValue = null } = $$props;
14288
+ let { useBreakPoint = false } = $$props;
14289
+ let { placement } = $$props;
14290
+ let { breakPoint } = $$props;
14291
+ let { elasticity } = $$props;
14292
+ let { animation = 'none' } = $$props;
14293
+ let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
14294
+ let { closeEventName = '' } = $$props;
14295
+ let { closeEventValue = null } = $$props;
14296
+ let { closeButtonProps = {} } = $$props;
14297
+
14298
+ // モーダル背景の設定
14299
+ let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
14300
+
14301
+ let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
14302
+ let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
14303
+
14304
+ // モーダル背景のクリック動作の設定
14305
+ let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
14306
+
14307
+ let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
14308
+ let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
14309
+ let modalStyles = new Set([]);
14310
+ let transforms = [{ query: null, ...getTransform('center') }];
14311
+ let modal;
14312
+
14313
+ onMount$1(() => {
14314
+ $$invalidate(8, visible = true);
14315
+ });
14316
+
14317
+ onDestroy$1(() => setPreviousFocus());
14318
+
14319
+ function div1_binding($$value) {
14320
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
14321
+ modal = $$value;
14322
+ $$invalidate(7, modal);
14323
+ });
14324
+ }
13738
14325
 
13739
14326
  $$self.$$set = $$props => {
13740
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13741
- if ('props' in $$props) $$invalidate(3, props = $$props.props);
13742
- if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
14327
+ if ('onClick' in $$props) $$invalidate(16, onClick = $$props.onClick);
14328
+ if ('clickEventName' in $$props) $$invalidate(17, clickEventName = $$props.clickEventName);
14329
+ if ('clickEventValue' in $$props) $$invalidate(18, clickEventValue = $$props.clickEventValue);
14330
+ if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
14331
+ if ('placement' in $$props) $$invalidate(19, placement = $$props.placement);
14332
+ if ('breakPoint' in $$props) $$invalidate(20, breakPoint = $$props.breakPoint);
14333
+ if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
14334
+ if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
14335
+ if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
14336
+ if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
14337
+ if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
14338
+ if ('closeButtonProps' in $$props) $$invalidate(2, closeButtonProps = $$props.closeButtonProps);
14339
+ if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
13743
14340
  };
13744
14341
 
13745
14342
  $$self.$$.update = () => {
13746
- if ($$self.$$.dirty & /*props*/ 8) {
13747
- $$invalidate(2, style = objToStyle({
13748
- display: 'inline-flex',
13749
- alignItems: 'center',
13750
- justifyContent: 'center',
13751
- borderRadius: '100%',
13752
- background: 'none',
13753
- border: 0,
13754
- outline: 0,
13755
- transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
13756
- width: `${size}px`,
13757
- height: `${size}px`,
13758
- ...props.bordered && { border: '1px solid #666' },
13759
- ...toCssCommon(props)
13760
- }));
14343
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 29360128) {
14344
+ $$invalidate(28, close = () => {
14345
+ if (closeEventName) {
14346
+ send_event(closeEventName, closeEventValue);
14347
+ }
14348
+
14349
+ execOnClickOperation(onClose);
14350
+ });
14351
+ }
14352
+
14353
+ if ($$self.$$.dirty[0] & /*onClose*/ 4194304) {
14354
+ $$invalidate(13, closable = haveFunction(onClose));
14355
+ }
14356
+
14357
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
14358
+ {
14359
+ if (placement && placement.backgroundOverlay) {
14360
+ $$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
14361
+ }
14362
+
14363
+ if (useBreakPoint) {
14364
+ const pc = breakPoint?.PC?.placement?.backgroundOverlay;
14365
+ $$invalidate(5, backgroundOverlayPC = pc ?? false);
14366
+ const sp = breakPoint?.SP?.placement?.backgroundOverlay;
14367
+ $$invalidate(6, backgroundOverlaySP = sp ?? false);
14368
+ }
14369
+ }
14370
+ }
14371
+
14372
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
14373
+ {
14374
+ if (placement && placement.backgroundClick) {
14375
+ $$invalidate(25, backgroundClickFunction = placement.backgroundClick);
14376
+ }
14377
+
14378
+ if (useBreakPoint) {
14379
+ const pc = breakPoint?.PC?.placement?.backgroundClick;
14380
+
14381
+ if (pc) {
14382
+ $$invalidate(26, backgroundClickFunctionPC = pc);
14383
+ }
14384
+
14385
+ const sp = breakPoint?.SP?.placement?.backgroundClick;
14386
+
14387
+ if (sp) {
14388
+ $$invalidate(27, backgroundClickFunctionSP = sp);
14389
+ }
14390
+ }
14391
+ }
14392
+ }
14393
+
14394
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 58720256) {
14395
+ $$invalidate(12, backgroundClick = () => {
14396
+ if (closeEventName) {
14397
+ send_event(closeEventName, closeEventValue);
14398
+ }
14399
+
14400
+ execOnClickOperation(backgroundClickFunction);
14401
+ });
14402
+ }
14403
+
14404
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 92274688) {
14405
+ $$invalidate(11, backgroundClickPC = () => {
14406
+ if (closeEventName) {
14407
+ send_event(closeEventName, closeEventValue);
14408
+ }
14409
+
14410
+ execOnClickOperation(backgroundClickFunctionPC);
14411
+ });
14412
+ }
14413
+
14414
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 159383552) {
14415
+ $$invalidate(10, backgroundClickSP = () => {
14416
+ if (closeEventName) {
14417
+ send_event(closeEventName, closeEventValue);
14418
+ }
14419
+
14420
+ execOnClickOperation(backgroundClickFunctionSP);
14421
+ });
14422
+ }
14423
+
14424
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 1572873) {
14425
+ // 表示位置のスタイルとアニメーションの動きを設定
14426
+ {
14427
+ // 表示位置のスタイルの設定
14428
+ let position = DefaultModalPlacement.position;
14429
+
14430
+ if (placement && placement.position !== null) {
14431
+ position = placement.position;
14432
+ }
14433
+
14434
+ let positionStyle = getPositionStyle(position);
14435
+
14436
+ if (!useBreakPoint) {
14437
+ modalStyles.add(positionStyle);
14438
+ }
14439
+
14440
+ $$invalidate(3, transforms = []);
14441
+
14442
+ DEVICE_IDS.forEach(deviceId => {
14443
+ if (useBreakPoint) {
14444
+ const positionWithBp = breakPoint[deviceId]?.placement?.position;
14445
+
14446
+ transforms.push({
14447
+ query: DEVICE_QUERIES[deviceId],
14448
+ ...getTransform(positionWithBp)
14449
+ });
14450
+
14451
+ positionStyle = getPositionStyle(positionWithBp);
14452
+ }
14453
+
14454
+ const positionVariables = stringifyStyleObj(formatObjectKey({
14455
+ obj: parseStyle(positionStyle),
14456
+ prefix: '--modal-bp-',
14457
+ suffix: `-${deviceId.toLowerCase()}`
14458
+ }));
14459
+
14460
+ modalStyles.add(positionVariables);
14461
+ });
14462
+
14463
+ // アニメーションの動きの設定
14464
+ transforms.push({ query: null, ...getTransform(position) });
14465
+ }
14466
+ }
14467
+
14468
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
14469
+ // 表示位置の調整のスタイルを設定
14470
+ {
14471
+ let margin = DefaultModalPlacement.margin;
14472
+
14473
+ if (placement && placement.margin !== null) {
14474
+ margin = placement.margin;
14475
+ }
14476
+
14477
+ let marginStyle = getMarginStyle(margin);
14478
+
14479
+ if (!useBreakPoint) {
14480
+ modalStyles.add(marginStyle);
14481
+ }
14482
+
14483
+ DEVICE_IDS.forEach(deviceId => {
14484
+ if (useBreakPoint) {
14485
+ const marginWithBp = breakPoint[deviceId]?.placement?.margin;
14486
+ marginStyle = getMarginStyle(marginWithBp);
14487
+ }
14488
+
14489
+ const marginVariables = stringifyStyleObj(formatObjectKey({
14490
+ obj: parseStyle(marginStyle),
14491
+ prefix: '--modal-bp-',
14492
+ suffix: `-${deviceId.toLowerCase()}`
14493
+ }));
14494
+
14495
+ modalStyles.add(marginVariables);
14496
+ });
14497
+ }
14498
+ }
14499
+
14500
+ if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 3145729) {
14501
+ // 拡大方法のスタイルを設定
14502
+ {
14503
+ let elasticStyle = ElasticityStyle[elasticity];
14504
+
14505
+ if (!useBreakPoint) {
14506
+ modalStyles.add(elasticStyle);
14507
+ }
14508
+
14509
+ DEVICE_IDS.forEach(deviceId => {
14510
+ if (useBreakPoint) {
14511
+ const elasticityWithBp = breakPoint[deviceId]?.elasticity;
14512
+ elasticStyle = ElasticityStyle[elasticityWithBp];
14513
+ }
14514
+
14515
+ const elasticityVariables = stringifyStyleObj(formatObjectKey({
14516
+ obj: parseStyle(elasticStyle),
14517
+ prefix: '--modal-bp-',
14518
+ suffix: `-${deviceId.toLowerCase()}`
14519
+ }));
14520
+
14521
+ modalStyles.add(elasticityVariables);
14522
+ });
14523
+ }
14524
+ }
14525
+
14526
+ if ($$self.$$.dirty[0] & /*close*/ 268435456) {
14527
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
13761
14528
  }
13762
14529
  };
13763
14530
 
13764
- return [layerId, overrideStyle, style, props];
14531
+ $$invalidate(7, modal = null);
14532
+
14533
+ // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
14534
+ $$invalidate(8, visible = false);
14535
+
14536
+ return [
14537
+ useBreakPoint,
14538
+ animation,
14539
+ closeButtonProps,
14540
+ transforms,
14541
+ backgroundOverlay,
14542
+ backgroundOverlayPC,
14543
+ backgroundOverlaySP,
14544
+ modal,
14545
+ visible,
14546
+ handle_keydown,
14547
+ backgroundClickSP,
14548
+ backgroundClickPC,
14549
+ backgroundClick,
14550
+ closable,
14551
+ $maximumZindex,
14552
+ modalStyles,
14553
+ onClick,
14554
+ clickEventName,
14555
+ clickEventValue,
14556
+ placement,
14557
+ breakPoint,
14558
+ elasticity,
14559
+ onClose,
14560
+ closeEventName,
14561
+ closeEventValue,
14562
+ backgroundClickFunction,
14563
+ backgroundClickFunctionPC,
14564
+ backgroundClickFunctionSP,
14565
+ close,
14566
+ $$scope,
14567
+ slots,
14568
+ div1_binding
14569
+ ];
13765
14570
  }
13766
14571
 
13767
- class CloseButton extends SvelteComponent {
14572
+ class Modal extends SvelteComponent {
13768
14573
  constructor(options) {
13769
14574
  super();
13770
- init(this, options, instance, create_fragment, safe_not_equal, { layerId: 0, props: 3, overrideStyle: 1 });
14575
+
14576
+ init(
14577
+ this,
14578
+ options,
14579
+ instance,
14580
+ create_fragment,
14581
+ safe_not_equal,
14582
+ {
14583
+ onClick: 16,
14584
+ clickEventName: 17,
14585
+ clickEventValue: 18,
14586
+ useBreakPoint: 0,
14587
+ placement: 19,
14588
+ breakPoint: 20,
14589
+ elasticity: 21,
14590
+ animation: 1,
14591
+ onClose: 22,
14592
+ closeEventName: 23,
14593
+ closeEventValue: 24,
14594
+ closeButtonProps: 2
14595
+ },
14596
+ add_css,
14597
+ [-1, -1]
14598
+ );
13771
14599
  }
13772
14600
  }
13773
14601
 
13774
- 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 };
14602
+ 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 };