@plaidev/karte-action-sdk 1.1.227 → 1.1.228

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. package/dist/hydrate/index.es.d.ts +7 -0
  2. package/dist/hydrate/index.es.js +3108 -230
  3. package/dist/index.es.d.ts +7 -0
  4. package/dist/index.es.js +2679 -233
  5. package/meta/karte-action-sdk.api.json +2 -2
  6. package/package.json +1 -1
  7. package/dist/karte-action-sdk.d.ts +0 -2671
  8. package/dist/tsdoc-metadata.json +0 -11
package/dist/hydrate/index.es.js CHANGED
@@ -2812,7 +2812,7 @@ const LAYOUT_COMPONENT_NAMES = [
2812
2812
 
2813
2813
  /* src/components/Header.svelte generated by Svelte v3.53.1 */
2814
2814
 
2815
- function create_if_block$9(ctx) {
2815
+ function create_if_block$d(ctx) {
2816
2816
  let link;
2817
2817
 
2818
2818
  return {
@@ -2843,9 +2843,9 @@ function create_if_block$9(ctx) {
2843
2843
  };
2844
2844
  }
2845
2845
 
2846
- function create_fragment$A(ctx) {
2846
+ function create_fragment$15(ctx) {
2847
2847
  let head;
2848
- let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$9(ctx);
2848
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
2849
2849
 
2850
2850
  return {
2851
2851
  c() {
@@ -2867,7 +2867,7 @@ function create_fragment$A(ctx) {
2867
2867
  if (if_block) {
2868
2868
  if_block.p(ctx, dirty);
2869
2869
  } else {
2870
- if_block = create_if_block$9(ctx);
2870
+ if_block = create_if_block$d(ctx);
2871
2871
  if_block.c();
2872
2872
  if_block.m(head, null);
2873
2873
  }
@@ -2885,7 +2885,7 @@ function create_fragment$A(ctx) {
2885
2885
  };
2886
2886
  }
2887
2887
 
2888
- function instance$A($$self, $$props, $$invalidate) {
2888
+ function instance$15($$self, $$props, $$invalidate) {
2889
2889
  let $fonts;
2890
2890
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2891
2891
  let googleFontUrl = '';
@@ -2915,13 +2915,13 @@ function instance$A($$self, $$props, $$invalidate) {
2915
2915
  class Header extends SvelteComponent {
2916
2916
  constructor(options) {
2917
2917
  super();
2918
- init(this, options, instance$A, create_fragment$A, safe_not_equal, {});
2918
+ init(this, options, instance$15, create_fragment$15, safe_not_equal, {});
2919
2919
  }
2920
2920
  }
2921
2921
 
2922
2922
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2923
2923
 
2924
- function create_fragment$z(ctx) {
2924
+ function create_fragment$14(ctx) {
2925
2925
  let header;
2926
2926
  let t;
2927
2927
  let current;
@@ -2985,7 +2985,7 @@ function create_fragment$z(ctx) {
2985
2985
  };
2986
2986
  }
2987
2987
 
2988
- function instance$z($$self, $$props, $$invalidate) {
2988
+ function instance$14($$self, $$props, $$invalidate) {
2989
2989
  let { $$slots: slots = {}, $$scope } = $$props;
2990
2990
 
2991
2991
  $$self.$$set = $$props => {
@@ -2998,18 +2998,18 @@ function instance$z($$self, $$props, $$invalidate) {
2998
2998
  class State extends SvelteComponent {
2999
2999
  constructor(options) {
3000
3000
  super();
3001
- init(this, options, instance$z, create_fragment$z, safe_not_equal, {});
3001
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, {});
3002
3002
  }
3003
3003
  }
3004
3004
 
3005
3005
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3006
3006
 
3007
- function add_css$v(target) {
3007
+ function add_css$w(target) {
3008
3008
  append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3009
3009
  }
3010
3010
 
3011
3011
  // (23:0) {#if $state === path}
3012
- function create_if_block$8(ctx) {
3012
+ function create_if_block$c(ctx) {
3013
3013
  let div;
3014
3014
  let t;
3015
3015
  let current;
@@ -3081,10 +3081,10 @@ function create_if_block$8(ctx) {
3081
3081
  };
3082
3082
  }
3083
3083
 
3084
- function create_fragment$y(ctx) {
3084
+ function create_fragment$13(ctx) {
3085
3085
  let if_block_anchor;
3086
3086
  let current;
3087
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$8(ctx);
3087
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
3088
3088
 
3089
3089
  return {
3090
3090
  c() {
@@ -3109,7 +3109,7 @@ function create_fragment$y(ctx) {
3109
3109
  transition_in(if_block, 1);
3110
3110
  }
3111
3111
  } else {
3112
- if_block = create_if_block$8(ctx);
3112
+ if_block = create_if_block$c(ctx);
3113
3113
  if_block.c();
3114
3114
  transition_in(if_block, 1);
3115
3115
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3146,7 +3146,7 @@ function getStateItemContext() {
3146
3146
  return getContext(STATE_ITEM_CONTEXT_KEY);
3147
3147
  }
3148
3148
 
3149
- function instance$y($$self, $$props, $$invalidate) {
3149
+ function instance$13($$self, $$props, $$invalidate) {
3150
3150
  let $state;
3151
3151
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3152
3152
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3172,7 +3172,7 @@ function instance$y($$self, $$props, $$invalidate) {
3172
3172
  class StateItem extends SvelteComponent {
3173
3173
  constructor(options) {
3174
3174
  super();
3175
- init(this, options, instance$y, create_fragment$y, safe_not_equal, { path: 0 }, add_css$v);
3175
+ init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$w);
3176
3176
  }
3177
3177
  }
3178
3178
 
@@ -3298,12 +3298,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3298
3298
 
3299
3299
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3300
3300
 
3301
- function add_css$u(target) {
3301
+ function add_css$v(target) {
3302
3302
  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}");
3303
3303
  }
3304
3304
 
3305
3305
  // (14:0) {#if backgroundOverlay}
3306
- function create_if_block$7(ctx) {
3306
+ function create_if_block$b(ctx) {
3307
3307
  let div;
3308
3308
  let div_class_value;
3309
3309
  let mounted;
@@ -3343,9 +3343,9 @@ function create_if_block$7(ctx) {
3343
3343
  };
3344
3344
  }
3345
3345
 
3346
- function create_fragment$x(ctx) {
3346
+ function create_fragment$12(ctx) {
3347
3347
  let if_block_anchor;
3348
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$7(ctx);
3348
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
3349
3349
 
3350
3350
  return {
3351
3351
  c() {
@@ -3365,7 +3365,7 @@ function create_fragment$x(ctx) {
3365
3365
  if (if_block) {
3366
3366
  if_block.p(ctx, dirty);
3367
3367
  } else {
3368
- if_block = create_if_block$7(ctx);
3368
+ if_block = create_if_block$b(ctx);
3369
3369
  if_block.c();
3370
3370
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
3371
3371
  }
@@ -3383,7 +3383,7 @@ function create_fragment$x(ctx) {
3383
3383
  };
3384
3384
  }
3385
3385
 
3386
- function instance$x($$self, $$props, $$invalidate) {
3386
+ function instance$12($$self, $$props, $$invalidate) {
3387
3387
  let { backgroundOverlay = false } = $$props;
3388
3388
  let { class: className = undefined } = $$props;
3389
3389
  const dispatch = createEventDispatcher();
@@ -3400,7 +3400,7 @@ function instance$x($$self, $$props, $$invalidate) {
3400
3400
  class BackgroundOverlay extends SvelteComponent {
3401
3401
  constructor(options) {
3402
3402
  super();
3403
- init(this, options, instance$x, create_fragment$x, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$u);
3403
+ init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$v);
3404
3404
  }
3405
3405
  }
3406
3406
 
@@ -3440,7 +3440,7 @@ function checkStopPropagation(eventName, handler) {
3440
3440
 
3441
3441
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3442
3442
 
3443
- function add_css$t(target) {
3443
+ function add_css$u(target) {
3444
3444
  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}");
3445
3445
  }
3446
3446
 
@@ -3723,7 +3723,7 @@ function create_if_block_1$2(ctx) {
3723
3723
  }
3724
3724
 
3725
3725
  // (31:0) {#if disabled}
3726
- function create_if_block$6(ctx) {
3726
+ function create_if_block$a(ctx) {
3727
3727
  let div;
3728
3728
  let current;
3729
3729
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3791,12 +3791,12 @@ function create_if_block$6(ctx) {
3791
3791
  };
3792
3792
  }
3793
3793
 
3794
- function create_fragment$w(ctx) {
3794
+ function create_fragment$11(ctx) {
3795
3795
  let current_block_type_index;
3796
3796
  let if_block;
3797
3797
  let if_block_anchor;
3798
3798
  let current;
3799
- const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3799
+ const if_block_creators = [create_if_block$a, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3800
3800
  const if_blocks = [];
3801
3801
 
3802
3802
  function select_block_type(ctx, dirty) {
@@ -3868,7 +3868,7 @@ function create_fragment$w(ctx) {
3868
3868
 
3869
3869
  const BUTTON_CLASS = 'button';
3870
3870
 
3871
- function instance$w($$self, $$props, $$invalidate) {
3871
+ function instance$11($$self, $$props, $$invalidate) {
3872
3872
  let disabled;
3873
3873
  let $valuesAreValid;
3874
3874
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3927,15 +3927,15 @@ function instance$w($$self, $$props, $$invalidate) {
3927
3927
  ];
3928
3928
  }
3929
3929
 
3930
- class Button extends SvelteComponent {
3930
+ let Button$1 = class Button extends SvelteComponent {
3931
3931
  constructor(options) {
3932
3932
  super();
3933
3933
 
3934
3934
  init(
3935
3935
  this,
3936
3936
  options,
3937
- instance$w,
3938
- create_fragment$w,
3937
+ instance$11,
3938
+ create_fragment$11,
3939
3939
  safe_not_equal,
3940
3940
  {
3941
3941
  onClick: 0,
@@ -3943,18 +3943,18 @@ class Button extends SvelteComponent {
3943
3943
  eventValue: 6,
3944
3944
  style: 1
3945
3945
  },
3946
- add_css$t
3946
+ add_css$u
3947
3947
  );
3948
3948
  }
3949
- }
3949
+ };
3950
3950
 
3951
3951
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3952
3952
 
3953
- function add_css$s(target) {
3953
+ function add_css$t(target) {
3954
3954
  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}}");
3955
3955
  }
3956
3956
 
3957
- // (278:0) {:else}
3957
+ // (277:0) {:else}
3958
3958
  function create_else_block$3(ctx) {
3959
3959
  let backgroundoverlay;
3960
3960
  let current;
@@ -4001,7 +4001,7 @@ function create_else_block$3(ctx) {
4001
4001
  };
4002
4002
  }
4003
4003
 
4004
- // (267:24)
4004
+ // (266:24)
4005
4005
  function create_if_block_3(ctx) {
4006
4006
  let backgroundoverlay0;
4007
4007
  let t;
@@ -4075,7 +4075,7 @@ function create_if_block_3(ctx) {
4075
4075
  };
4076
4076
  }
4077
4077
 
4078
- // (265:0) {#if isPreview()}
4078
+ // (264:0) {#if isPreview()}
4079
4079
  function create_if_block_2(ctx) {
4080
4080
  return {
4081
4081
  c: noop,
@@ -4088,15 +4088,15 @@ function create_if_block_2(ctx) {
4088
4088
  };
4089
4089
  }
4090
4090
 
4091
- // (281:0) {#if visible}
4092
- function create_if_block$5(ctx) {
4091
+ // (280:0) {#if visible}
4092
+ function create_if_block$9(ctx) {
4093
4093
  let div;
4094
4094
  let button;
4095
4095
  let div_class_value;
4096
4096
  let div_intro;
4097
4097
  let current;
4098
4098
 
4099
- button = new Button({
4099
+ button = new Button$1({
4100
4100
  props: {
4101
4101
  onClick: /*onClick*/ ctx[0],
4102
4102
  eventName: /*clickEventName*/ ctx[1],
@@ -4183,13 +4183,13 @@ function create_if_block$5(ctx) {
4183
4183
  };
4184
4184
  }
4185
4185
 
4186
- // (294:6) {#if closable}
4186
+ // (293:6) {#if closable}
4187
4187
  function create_if_block_1$1(ctx) {
4188
4188
  let div;
4189
4189
  let button;
4190
4190
  let current;
4191
4191
 
4192
- button = new Button({
4192
+ button = new Button$1({
4193
4193
  props: {
4194
4194
  onClick: /*onClose*/ ctx[6],
4195
4195
  style: /*_closeStyle*/ ctx[10],
@@ -4255,7 +4255,7 @@ function create_if_block_1$1(ctx) {
4255
4255
  };
4256
4256
  }
4257
4257
 
4258
- // (296:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4258
+ // (295:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4259
4259
  function create_default_slot_1$1(ctx) {
4260
4260
  let svg;
4261
4261
  let path;
@@ -4312,7 +4312,7 @@ function create_default_slot_1$1(ctx) {
4312
4312
  };
4313
4313
  }
4314
4314
 
4315
- // (293:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4315
+ // (292:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4316
4316
  function create_default_slot$6(ctx) {
4317
4317
  let t;
4318
4318
  let div;
@@ -4416,7 +4416,7 @@ function create_default_slot$6(ctx) {
4416
4416
  };
4417
4417
  }
4418
4418
 
4419
- function create_fragment$v(ctx) {
4419
+ function create_fragment$10(ctx) {
4420
4420
  let show_if;
4421
4421
  let current_block_type_index;
4422
4422
  let if_block0;
@@ -4437,7 +4437,7 @@ function create_fragment$v(ctx) {
4437
4437
 
4438
4438
  current_block_type_index = select_block_type(ctx);
4439
4439
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4440
- let if_block1 = /*visible*/ ctx[16] && create_if_block$5(ctx);
4440
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$9(ctx);
4441
4441
 
4442
4442
  return {
4443
4443
  c() {
@@ -4503,7 +4503,7 @@ function create_fragment$v(ctx) {
4503
4503
  transition_in(if_block1, 1);
4504
4504
  }
4505
4505
  } else {
4506
- if_block1 = create_if_block$5(ctx);
4506
+ if_block1 = create_if_block$9(ctx);
4507
4507
  if_block1.c();
4508
4508
  transition_in(if_block1, 1);
4509
4509
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4540,7 +4540,7 @@ function create_fragment$v(ctx) {
4540
4540
  };
4541
4541
  }
4542
4542
 
4543
- function instance$v($$self, $$props, $$invalidate) {
4543
+ function instance$10($$self, $$props, $$invalidate) {
4544
4544
  let close;
4545
4545
  let closable;
4546
4546
  let backgroundClick;
@@ -4822,8 +4822,8 @@ class Modal extends SvelteComponent {
4822
4822
  init(
4823
4823
  this,
4824
4824
  options,
4825
- instance$v,
4826
- create_fragment$v,
4825
+ instance$10,
4826
+ create_fragment$10,
4827
4827
  safe_not_equal,
4828
4828
  {
4829
4829
  onClick: 0,
@@ -4841,7 +4841,7 @@ class Modal extends SvelteComponent {
4841
4841
  closeButtonColor: 9,
4842
4842
  _closeStyle: 10
4843
4843
  },
4844
- add_css$s,
4844
+ add_css$t,
4845
4845
  [-1, -1]
4846
4846
  );
4847
4847
  }
@@ -4849,7 +4849,7 @@ class Modal extends SvelteComponent {
4849
4849
 
4850
4850
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4851
4851
 
4852
- function create_fragment$u(ctx) {
4852
+ function create_fragment$$(ctx) {
4853
4853
  let div;
4854
4854
  let current;
4855
4855
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4917,7 +4917,7 @@ function create_fragment$u(ctx) {
4917
4917
  };
4918
4918
  }
4919
4919
 
4920
- function instance$u($$self, $$props, $$invalidate) {
4920
+ function instance$$($$self, $$props, $$invalidate) {
4921
4921
  let _style;
4922
4922
  let { $$slots: slots = {}, $$scope } = $$props;
4923
4923
  let { width = '512px' } = $$props;
@@ -4962,7 +4962,7 @@ class Grid extends SvelteComponent {
4962
4962
  constructor(options) {
4963
4963
  super();
4964
4964
 
4965
- init(this, options, instance$u, create_fragment$u, safe_not_equal, {
4965
+ init(this, options, instance$$, create_fragment$$, safe_not_equal, {
4966
4966
  width: 1,
4967
4967
  height: 2,
4968
4968
  rows: 3,
@@ -4975,11 +4975,11 @@ class Grid extends SvelteComponent {
4975
4975
 
4976
4976
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4977
4977
 
4978
- function add_css$r(target) {
4978
+ function add_css$s(target) {
4979
4979
  append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4980
4980
  }
4981
4981
 
4982
- function create_fragment$t(ctx) {
4982
+ function create_fragment$_(ctx) {
4983
4983
  let div1;
4984
4984
  let div0;
4985
4985
  let current;
@@ -5072,7 +5072,7 @@ function create_fragment$t(ctx) {
5072
5072
 
5073
5073
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5074
5074
 
5075
- function instance$t($$self, $$props, $$invalidate) {
5075
+ function instance$_($$self, $$props, $$invalidate) {
5076
5076
  let _style;
5077
5077
  let { $$slots: slots = {}, $$scope } = $$props;
5078
5078
  let { x1 } = $$props;
@@ -5121,8 +5121,8 @@ class GridItem extends SvelteComponent {
5121
5121
  init(
5122
5122
  this,
5123
5123
  options,
5124
- instance$t,
5125
- create_fragment$t,
5124
+ instance$_,
5125
+ create_fragment$_,
5126
5126
  safe_not_equal,
5127
5127
  {
5128
5128
  x1: 2,
@@ -5133,7 +5133,7 @@ class GridItem extends SvelteComponent {
5133
5133
  background: 7,
5134
5134
  gridItemId: 0
5135
5135
  },
5136
- add_css$r
5136
+ add_css$s
5137
5137
  );
5138
5138
  }
5139
5139
  }
@@ -5171,7 +5171,7 @@ function create_else_block$2(ctx) {
5171
5171
  }
5172
5172
 
5173
5173
  // (11:2) {#if item.match(regexp)}
5174
- function create_if_block$4(ctx) {
5174
+ function create_if_block$8(ctx) {
5175
5175
  let br;
5176
5176
 
5177
5177
  return {
@@ -5199,7 +5199,7 @@ function create_each_block$6(ctx) {
5199
5199
  function select_block_type(ctx, dirty) {
5200
5200
  if (dirty & /*items*/ 1) show_if = null;
5201
5201
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5202
- if (show_if) return create_if_block$4;
5202
+ if (show_if) return create_if_block$8;
5203
5203
  return create_else_block$2;
5204
5204
  }
5205
5205
 
@@ -5239,7 +5239,7 @@ function create_each_block$6(ctx) {
5239
5239
  };
5240
5240
  }
5241
5241
 
5242
- function create_fragment$s(ctx) {
5242
+ function create_fragment$Z(ctx) {
5243
5243
  let each_1_anchor;
5244
5244
  let each_value = /*items*/ ctx[0];
5245
5245
  let each_blocks = [];
@@ -5305,7 +5305,7 @@ function create_fragment$s(ctx) {
5305
5305
 
5306
5306
  const regexp = /(\r?\n)/;
5307
5307
 
5308
- function instance$s($$self, $$props, $$invalidate) {
5308
+ function instance$Z($$self, $$props, $$invalidate) {
5309
5309
  let items;
5310
5310
  let { text = 'サンプルSample' } = $$props;
5311
5311
 
@@ -5326,13 +5326,13 @@ function instance$s($$self, $$props, $$invalidate) {
5326
5326
  class RenderText extends SvelteComponent {
5327
5327
  constructor(options) {
5328
5328
  super();
5329
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { text: 1 });
5329
+ init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { text: 1 });
5330
5330
  }
5331
5331
  }
5332
5332
 
5333
5333
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5334
5334
 
5335
- function add_css$q(target) {
5335
+ function add_css$r(target) {
5336
5336
  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}");
5337
5337
  }
5338
5338
 
@@ -5403,7 +5403,7 @@ function create_else_block$1(ctx) {
5403
5403
  }
5404
5404
 
5405
5405
  // (80:2) {#if enableCopy}
5406
- function create_if_block$3(ctx) {
5406
+ function create_if_block$7(ctx) {
5407
5407
  let a;
5408
5408
  let div0;
5409
5409
  let rendertext;
@@ -5516,12 +5516,12 @@ function create_if_block$3(ctx) {
5516
5516
  };
5517
5517
  }
5518
5518
 
5519
- function create_fragment$r(ctx) {
5519
+ function create_fragment$Y(ctx) {
5520
5520
  let div;
5521
5521
  let current_block_type_index;
5522
5522
  let if_block;
5523
5523
  let current;
5524
- const if_block_creators = [create_if_block$3, create_else_block$1];
5524
+ const if_block_creators = [create_if_block$7, create_else_block$1];
5525
5525
  const if_blocks = [];
5526
5526
 
5527
5527
  function select_block_type(ctx, dirty) {
@@ -5596,7 +5596,7 @@ function create_fragment$r(ctx) {
5596
5596
  };
5597
5597
  }
5598
5598
 
5599
- function instance$r($$self, $$props, $$invalidate) {
5599
+ function instance$Y($$self, $$props, $$invalidate) {
5600
5600
  let style;
5601
5601
  let { text = 'テキストのコンテンツ' } = $$props;
5602
5602
  let { font = SYSTEM_FONT } = $$props;
@@ -5692,8 +5692,8 @@ class TextElement extends SvelteComponent {
5692
5692
  init(
5693
5693
  this,
5694
5694
  options,
5695
- instance$r,
5696
- create_fragment$r,
5695
+ instance$Y,
5696
+ create_fragment$Y,
5697
5697
  safe_not_equal,
5698
5698
  {
5699
5699
  text: 0,
@@ -5704,14 +5704,14 @@ class TextElement extends SvelteComponent {
5704
5704
  enableCopy: 2,
5705
5705
  eventName: 10
5706
5706
  },
5707
- add_css$q
5707
+ add_css$r
5708
5708
  );
5709
5709
  }
5710
5710
  }
5711
5711
 
5712
5712
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5713
5713
 
5714
- function add_css$p(target) {
5714
+ function add_css$q(target) {
5715
5715
  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)}");
5716
5716
  }
5717
5717
 
@@ -5752,12 +5752,12 @@ function create_default_slot$5(ctx) {
5752
5752
  };
5753
5753
  }
5754
5754
 
5755
- function create_fragment$q(ctx) {
5755
+ function create_fragment$X(ctx) {
5756
5756
  let div;
5757
5757
  let button;
5758
5758
  let current;
5759
5759
 
5760
- button = new Button({
5760
+ button = new Button$1({
5761
5761
  props: {
5762
5762
  onClick: /*onClick*/ ctx[1],
5763
5763
  style: /*style*/ ctx[3],
@@ -5816,7 +5816,7 @@ function create_fragment$q(ctx) {
5816
5816
  };
5817
5817
  }
5818
5818
 
5819
- function instance$q($$self, $$props, $$invalidate) {
5819
+ function instance$X($$self, $$props, $$invalidate) {
5820
5820
  let style;
5821
5821
  let { text = 'ボタンのラベル' } = $$props;
5822
5822
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5854,8 +5854,8 @@ class TextButtonElement extends SvelteComponent {
5854
5854
  init(
5855
5855
  this,
5856
5856
  options,
5857
- instance$q,
5858
- create_fragment$q,
5857
+ instance$X,
5858
+ create_fragment$X,
5859
5859
  safe_not_equal,
5860
5860
  {
5861
5861
  text: 0,
@@ -5865,14 +5865,14 @@ class TextButtonElement extends SvelteComponent {
5865
5865
  _buttonStyle: 5,
5866
5866
  _style: 6
5867
5867
  },
5868
- add_css$p
5868
+ add_css$q
5869
5869
  );
5870
5870
  }
5871
5871
  }
5872
5872
 
5873
5873
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5874
5874
 
5875
- function add_css$o(target) {
5875
+ function add_css$p(target) {
5876
5876
  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%}");
5877
5877
  }
5878
5878
 
@@ -5943,13 +5943,13 @@ function create_default_slot$4(ctx) {
5943
5943
  };
5944
5944
  }
5945
5945
 
5946
- function create_fragment$p(ctx) {
5946
+ function create_fragment$W(ctx) {
5947
5947
  let div;
5948
5948
  let button;
5949
5949
  let div_class_value;
5950
5950
  let current;
5951
5951
 
5952
- button = new Button({
5952
+ button = new Button$1({
5953
5953
  props: {
5954
5954
  onClick: /*onClick*/ ctx[4],
5955
5955
  style: /*_style*/ ctx[7],
@@ -6012,7 +6012,7 @@ function create_fragment$p(ctx) {
6012
6012
  };
6013
6013
  }
6014
6014
 
6015
- function instance$p($$self, $$props, $$invalidate) {
6015
+ function instance$W($$self, $$props, $$invalidate) {
6016
6016
  let { src = '' } = $$props;
6017
6017
  let { alt = '画像の説明' } = $$props;
6018
6018
  let { transport = false } = $$props;
@@ -6043,8 +6043,8 @@ class ImageElement extends SvelteComponent {
6043
6043
  init(
6044
6044
  this,
6045
6045
  options,
6046
- instance$p,
6047
- create_fragment$p,
6046
+ instance$W,
6047
+ create_fragment$W,
6048
6048
  safe_not_equal,
6049
6049
  {
6050
6050
  src: 0,
@@ -6056,18 +6056,18 @@ class ImageElement extends SvelteComponent {
6056
6056
  _imageStyle: 6,
6057
6057
  _style: 7
6058
6058
  },
6059
- add_css$o
6059
+ add_css$p
6060
6060
  );
6061
6061
  }
6062
6062
  }
6063
6063
 
6064
6064
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6065
6065
 
6066
- function add_css$n(target) {
6066
+ function add_css$o(target) {
6067
6067
  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}");
6068
6068
  }
6069
6069
 
6070
- function create_fragment$o(ctx) {
6070
+ function create_fragment$V(ctx) {
6071
6071
  let div;
6072
6072
  let current;
6073
6073
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6137,7 +6137,7 @@ function create_fragment$o(ctx) {
6137
6137
 
6138
6138
  const LIST_CONTEXT_KEY = Symbol();
6139
6139
 
6140
- function instance$o($$self, $$props, $$invalidate) {
6140
+ function instance$V($$self, $$props, $$invalidate) {
6141
6141
  let style;
6142
6142
  let { $$slots: slots = {}, $$scope } = $$props;
6143
6143
  let { direction = 'vertical' } = $$props;
@@ -6204,8 +6204,8 @@ class List extends SvelteComponent {
6204
6204
  init(
6205
6205
  this,
6206
6206
  options,
6207
- instance$o,
6208
- create_fragment$o,
6207
+ instance$V,
6208
+ create_fragment$V,
6209
6209
  safe_not_equal,
6210
6210
  {
6211
6211
  direction: 1,
@@ -6213,14 +6213,14 @@ class List extends SvelteComponent {
6213
6213
  background: 3,
6214
6214
  _style: 4
6215
6215
  },
6216
- add_css$n
6216
+ add_css$o
6217
6217
  );
6218
6218
  }
6219
6219
  }
6220
6220
 
6221
6221
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6222
6222
 
6223
- function add_css$m(target) {
6223
+ function add_css$n(target) {
6224
6224
  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}");
6225
6225
  }
6226
6226
 
@@ -6275,12 +6275,12 @@ function create_default_slot$3(ctx) {
6275
6275
  };
6276
6276
  }
6277
6277
 
6278
- function create_fragment$n(ctx) {
6278
+ function create_fragment$U(ctx) {
6279
6279
  let div;
6280
6280
  let button;
6281
6281
  let current;
6282
6282
 
6283
- button = new Button({
6283
+ button = new Button$1({
6284
6284
  props: {
6285
6285
  onClick: /*onClick*/ ctx[0],
6286
6286
  style: /*_style*/ ctx[2],
@@ -6344,7 +6344,7 @@ function create_fragment$n(ctx) {
6344
6344
  };
6345
6345
  }
6346
6346
 
6347
- function instance$n($$self, $$props, $$invalidate) {
6347
+ function instance$U($$self, $$props, $$invalidate) {
6348
6348
  let listItemStyle;
6349
6349
  let { $$slots: slots = {}, $$scope } = $$props;
6350
6350
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6423,17 +6423,17 @@ function instance$n($$self, $$props, $$invalidate) {
6423
6423
  class ListItem extends SvelteComponent {
6424
6424
  constructor(options) {
6425
6425
  super();
6426
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$m);
6426
+ init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$n);
6427
6427
  }
6428
6428
  }
6429
6429
 
6430
6430
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6431
6431
 
6432
- function add_css$l(target) {
6432
+ function add_css$m(target) {
6433
6433
  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}");
6434
6434
  }
6435
6435
 
6436
- function create_fragment$m(ctx) {
6436
+ function create_fragment$T(ctx) {
6437
6437
  let div;
6438
6438
 
6439
6439
  return {
@@ -6469,7 +6469,7 @@ function create_fragment$m(ctx) {
6469
6469
  };
6470
6470
  }
6471
6471
 
6472
- function instance$m($$self, $$props, $$invalidate) {
6472
+ function instance$T($$self, $$props, $$invalidate) {
6473
6473
  let { code } = $$props;
6474
6474
  let { _style = '' } = $$props;
6475
6475
 
@@ -6484,17 +6484,17 @@ function instance$m($$self, $$props, $$invalidate) {
6484
6484
  class EmbedElement extends SvelteComponent {
6485
6485
  constructor(options) {
6486
6486
  super();
6487
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { code: 0, _style: 1 }, add_css$l);
6487
+ init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$m);
6488
6488
  }
6489
6489
  }
6490
6490
 
6491
6491
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6492
6492
 
6493
- function add_css$k(target) {
6493
+ function add_css$l(target) {
6494
6494
  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%}");
6495
6495
  }
6496
6496
 
6497
- function create_fragment$l(ctx) {
6497
+ function create_fragment$S(ctx) {
6498
6498
  let div1;
6499
6499
  let div0;
6500
6500
 
@@ -6546,7 +6546,7 @@ function _setValue(obj, key, value) {
6546
6546
  }
6547
6547
  }
6548
6548
 
6549
- function instance$l($$self, $$props, $$invalidate) {
6549
+ function instance$S($$self, $$props, $$invalidate) {
6550
6550
  let $system;
6551
6551
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6552
6552
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6817,8 +6817,8 @@ class MovieYouTubeElement extends SvelteComponent {
6817
6817
  init(
6818
6818
  this,
6819
6819
  options,
6820
- instance$l,
6821
- create_fragment$l,
6820
+ instance$S,
6821
+ create_fragment$S,
6822
6822
  safe_not_equal,
6823
6823
  {
6824
6824
  videoId: 2,
@@ -6847,7 +6847,7 @@ class MovieYouTubeElement extends SvelteComponent {
6847
6847
  mute: 25,
6848
6848
  _style: 0
6849
6849
  },
6850
- add_css$k,
6850
+ add_css$l,
6851
6851
  [-1, -1]
6852
6852
  );
6853
6853
  }
@@ -6855,11 +6855,11 @@ class MovieYouTubeElement extends SvelteComponent {
6855
6855
 
6856
6856
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6857
6857
 
6858
- function add_css$j(target) {
6858
+ function add_css$k(target) {
6859
6859
  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%}");
6860
6860
  }
6861
6861
 
6862
- function create_fragment$k(ctx) {
6862
+ function create_fragment$R(ctx) {
6863
6863
  let div1;
6864
6864
  let div0;
6865
6865
 
@@ -6901,7 +6901,7 @@ function create_fragment$k(ctx) {
6901
6901
  };
6902
6902
  }
6903
6903
 
6904
- function instance$k($$self, $$props, $$invalidate) {
6904
+ function instance$R($$self, $$props, $$invalidate) {
6905
6905
  let $system;
6906
6906
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6907
6907
  let { videoId = "201239468" } = $$props;
@@ -7044,8 +7044,8 @@ class MovieVimeoElement extends SvelteComponent {
7044
7044
  init(
7045
7045
  this,
7046
7046
  options,
7047
- instance$k,
7048
- create_fragment$k,
7047
+ instance$R,
7048
+ create_fragment$R,
7049
7049
  safe_not_equal,
7050
7050
  {
7051
7051
  videoId: 2,
@@ -7055,18 +7055,18 @@ class MovieVimeoElement extends SvelteComponent {
7055
7055
  mute: 6,
7056
7056
  _style: 0
7057
7057
  },
7058
- add_css$j
7058
+ add_css$k
7059
7059
  );
7060
7060
  }
7061
7061
  }
7062
7062
 
7063
7063
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7064
7064
 
7065
- function add_css$i(target) {
7065
+ function add_css$j(target) {
7066
7066
  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}");
7067
7067
  }
7068
7068
 
7069
- function create_fragment$j(ctx) {
7069
+ function create_fragment$Q(ctx) {
7070
7070
  let div;
7071
7071
  let textarea;
7072
7072
  let mounted;
@@ -7141,7 +7141,7 @@ function create_fragment$j(ctx) {
7141
7141
  };
7142
7142
  }
7143
7143
 
7144
- function instance$j($$self, $$props, $$invalidate) {
7144
+ function instance$Q($$self, $$props, $$invalidate) {
7145
7145
  let style;
7146
7146
  let styleVariables;
7147
7147
  let $value;
@@ -7229,8 +7229,8 @@ class FormTextarea extends SvelteComponent {
7229
7229
  init(
7230
7230
  this,
7231
7231
  options,
7232
- instance$j,
7233
- create_fragment$j,
7232
+ instance$Q,
7233
+ create_fragment$Q,
7234
7234
  safe_not_equal,
7235
7235
  {
7236
7236
  name: 7,
@@ -7242,14 +7242,14 @@ class FormTextarea extends SvelteComponent {
7242
7242
  _textStyle: 11,
7243
7243
  _placeholderStyle: 12
7244
7244
  },
7245
- add_css$i
7245
+ add_css$j
7246
7246
  );
7247
7247
  }
7248
7248
  }
7249
7249
 
7250
7250
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7251
7251
 
7252
- function add_css$h(target) {
7252
+ function add_css$i(target) {
7253
7253
  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}");
7254
7254
  }
7255
7255
 
@@ -7362,7 +7362,7 @@ function create_each_block$5(ctx) {
7362
7362
  };
7363
7363
  }
7364
7364
 
7365
- function create_fragment$i(ctx) {
7365
+ function create_fragment$P(ctx) {
7366
7366
  let div;
7367
7367
  let each_value = /*_options*/ ctx[4];
7368
7368
  let each_blocks = [];
@@ -7440,7 +7440,7 @@ function create_fragment$i(ctx) {
7440
7440
  };
7441
7441
  }
7442
7442
 
7443
- function instance$i($$self, $$props, $$invalidate) {
7443
+ function instance$P($$self, $$props, $$invalidate) {
7444
7444
  let _options;
7445
7445
  let buttonStyle;
7446
7446
  let _value;
@@ -7540,8 +7540,8 @@ class FormRadioButtons extends SvelteComponent {
7540
7540
  init(
7541
7541
  this,
7542
7542
  options,
7543
- instance$i,
7544
- create_fragment$i,
7543
+ instance$P,
7544
+ create_fragment$P,
7545
7545
  safe_not_equal,
7546
7546
  {
7547
7547
  name: 0,
@@ -7554,14 +7554,14 @@ class FormRadioButtons extends SvelteComponent {
7554
7554
  buttonColor: 13,
7555
7555
  buttonColorActive: 14
7556
7556
  },
7557
- add_css$h
7557
+ add_css$i
7558
7558
  );
7559
7559
  }
7560
7560
  }
7561
7561
 
7562
7562
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7563
7563
 
7564
- function add_css$g(target) {
7564
+ function add_css$h(target) {
7565
7565
  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}");
7566
7566
  }
7567
7567
 
@@ -7596,7 +7596,7 @@ function create_else_block(ctx) {
7596
7596
  }
7597
7597
 
7598
7598
  // (105:10) {#if option}
7599
- function create_if_block$2(ctx) {
7599
+ function create_if_block$6(ctx) {
7600
7600
  let t_value = /*option*/ ctx[19] + "";
7601
7601
  let t;
7602
7602
 
@@ -7627,7 +7627,7 @@ function create_each_block$4(ctx) {
7627
7627
  let option_selected_value;
7628
7628
 
7629
7629
  function select_block_type(ctx, dirty) {
7630
- if (/*option*/ ctx[19]) return create_if_block$2;
7630
+ if (/*option*/ ctx[19]) return create_if_block$6;
7631
7631
  return create_else_block;
7632
7632
  }
7633
7633
 
@@ -7688,7 +7688,7 @@ function create_each_block$4(ctx) {
7688
7688
  };
7689
7689
  }
7690
7690
 
7691
- function create_fragment$h(ctx) {
7691
+ function create_fragment$O(ctx) {
7692
7692
  let div1;
7693
7693
  let select;
7694
7694
  let t;
@@ -7798,7 +7798,7 @@ function create_fragment$h(ctx) {
7798
7798
  };
7799
7799
  }
7800
7800
 
7801
- function instance$h($$self, $$props, $$invalidate) {
7801
+ function instance$O($$self, $$props, $$invalidate) {
7802
7802
  let _options;
7803
7803
  let style;
7804
7804
  let styleVariables;
@@ -7914,8 +7914,8 @@ class FormSelect extends SvelteComponent {
7914
7914
  init(
7915
7915
  this,
7916
7916
  options,
7917
- instance$h,
7918
- create_fragment$h,
7917
+ instance$O,
7918
+ create_fragment$O,
7919
7919
  safe_not_equal,
7920
7920
  {
7921
7921
  name: 7,
@@ -7930,14 +7930,14 @@ class FormSelect extends SvelteComponent {
7930
7930
  iconColor: 15,
7931
7931
  iconSize: 16
7932
7932
  },
7933
- add_css$g
7933
+ add_css$h
7934
7934
  );
7935
7935
  }
7936
7936
  }
7937
7937
 
7938
7938
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7939
7939
 
7940
- function add_css$f(target) {
7940
+ function add_css$g(target) {
7941
7941
  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}");
7942
7942
  }
7943
7943
 
@@ -8066,7 +8066,7 @@ function create_each_block$3(ctx) {
8066
8066
  };
8067
8067
  }
8068
8068
 
8069
- function create_fragment$g(ctx) {
8069
+ function create_fragment$N(ctx) {
8070
8070
  let div;
8071
8071
  let each_value = /*_options*/ ctx[3];
8072
8072
  let each_blocks = [];
@@ -8144,7 +8144,7 @@ function create_fragment$g(ctx) {
8144
8144
  };
8145
8145
  }
8146
8146
 
8147
- function instance$g($$self, $$props, $$invalidate) {
8147
+ function instance$N($$self, $$props, $$invalidate) {
8148
8148
  let _options;
8149
8149
  let styleVariables;
8150
8150
  let isCheckedArray;
@@ -8250,8 +8250,8 @@ class FormCheckBoxes extends SvelteComponent {
8250
8250
  init(
8251
8251
  this,
8252
8252
  options,
8253
- instance$g,
8254
- create_fragment$g,
8253
+ instance$N,
8254
+ create_fragment$N,
8255
8255
  safe_not_equal,
8256
8256
  {
8257
8257
  name: 0,
@@ -8264,14 +8264,14 @@ class FormCheckBoxes extends SvelteComponent {
8264
8264
  buttonColor: 13,
8265
8265
  buttonColorActive: 14
8266
8266
  },
8267
- add_css$f
8267
+ add_css$g
8268
8268
  );
8269
8269
  }
8270
8270
  }
8271
8271
 
8272
8272
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8273
8273
 
8274
- function add_css$e(target) {
8274
+ function add_css$f(target) {
8275
8275
  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}");
8276
8276
  }
8277
8277
 
@@ -8339,7 +8339,7 @@ function create_each_block$2(ctx) {
8339
8339
  };
8340
8340
  }
8341
8341
 
8342
- function create_fragment$f(ctx) {
8342
+ function create_fragment$M(ctx) {
8343
8343
  let div;
8344
8344
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8345
8345
  let each_blocks = [];
@@ -8412,7 +8412,7 @@ function create_fragment$f(ctx) {
8412
8412
  };
8413
8413
  }
8414
8414
 
8415
- function instance$f($$self, $$props, $$invalidate) {
8415
+ function instance$M($$self, $$props, $$invalidate) {
8416
8416
  let _value;
8417
8417
  let $value;
8418
8418
  let { name = '' } = $$props;
@@ -8494,8 +8494,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8494
8494
  init(
8495
8495
  this,
8496
8496
  options,
8497
- instance$f,
8498
- create_fragment$f,
8497
+ instance$M,
8498
+ create_fragment$M,
8499
8499
  safe_not_equal,
8500
8500
  {
8501
8501
  name: 6,
@@ -8506,14 +8506,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
8506
8506
  buttonStyle: 9,
8507
8507
  buttonActiveStyle: 10
8508
8508
  },
8509
- add_css$e
8509
+ add_css$f
8510
8510
  );
8511
8511
  }
8512
8512
  }
8513
8513
 
8514
8514
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8515
8515
 
8516
- function add_css$d(target) {
8516
+ function add_css$e(target) {
8517
8517
  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%)}");
8518
8518
  }
8519
8519
 
@@ -8584,7 +8584,7 @@ function create_each_block$1(ctx) {
8584
8584
  };
8585
8585
  }
8586
8586
 
8587
- function create_fragment$e(ctx) {
8587
+ function create_fragment$L(ctx) {
8588
8588
  let div;
8589
8589
  let each_value = [...Array(count).keys()].reverse().map(func);
8590
8590
  let each_blocks = [];
@@ -8660,7 +8660,7 @@ function create_fragment$e(ctx) {
8660
8660
  const count = 5;
8661
8661
  const func = i => i + 1;
8662
8662
 
8663
- function instance$e($$self, $$props, $$invalidate) {
8663
+ function instance$L($$self, $$props, $$invalidate) {
8664
8664
  let _value;
8665
8665
  let buttonStyle;
8666
8666
  let $value;
@@ -8716,17 +8716,17 @@ function instance$e($$self, $$props, $$invalidate) {
8716
8716
  class FormRatingButtonsFace extends SvelteComponent {
8717
8717
  constructor(options) {
8718
8718
  super();
8719
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$d);
8719
+ init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$e);
8720
8720
  }
8721
8721
  }
8722
8722
 
8723
8723
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8724
8724
 
8725
- function add_css$c(target) {
8725
+ function add_css$d(target) {
8726
8726
  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}");
8727
8727
  }
8728
8728
 
8729
- function create_fragment$d(ctx) {
8729
+ function create_fragment$K(ctx) {
8730
8730
  let div;
8731
8731
  let input;
8732
8732
  let input_class_value;
@@ -8807,7 +8807,7 @@ function create_fragment$d(ctx) {
8807
8807
  };
8808
8808
  }
8809
8809
 
8810
- function instance$d($$self, $$props, $$invalidate) {
8810
+ function instance$K($$self, $$props, $$invalidate) {
8811
8811
  let style;
8812
8812
  let styleVariables;
8813
8813
  let isValidForUI;
@@ -8938,8 +8938,8 @@ class FormIdentifyInput extends SvelteComponent {
8938
8938
  init(
8939
8939
  this,
8940
8940
  options,
8941
- instance$d,
8942
- create_fragment$d,
8941
+ instance$K,
8942
+ create_fragment$K,
8943
8943
  safe_not_equal,
8944
8944
  {
8945
8945
  field: 9,
@@ -8953,18 +8953,18 @@ class FormIdentifyInput extends SvelteComponent {
8953
8953
  _textStyle: 15,
8954
8954
  _placeholderStyle: 16
8955
8955
  },
8956
- add_css$c
8956
+ add_css$d
8957
8957
  );
8958
8958
  }
8959
8959
  }
8960
8960
 
8961
8961
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8962
8962
 
8963
- function add_css$b(target) {
8963
+ function add_css$c(target) {
8964
8964
  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}");
8965
8965
  }
8966
8966
 
8967
- function create_fragment$c(ctx) {
8967
+ function create_fragment$J(ctx) {
8968
8968
  let div;
8969
8969
  let label0;
8970
8970
  let input0;
@@ -9105,7 +9105,7 @@ function create_fragment$c(ctx) {
9105
9105
  };
9106
9106
  }
9107
9107
 
9108
- function instance$c($$self, $$props, $$invalidate) {
9108
+ function instance$J($$self, $$props, $$invalidate) {
9109
9109
  let buttonStyle;
9110
9110
  let $value;
9111
9111
  let { field = 'subscription' } = $$props;
@@ -9187,8 +9187,8 @@ class FormIdentifyChoices extends SvelteComponent {
9187
9187
  init(
9188
9188
  this,
9189
9189
  options,
9190
- instance$c,
9191
- create_fragment$c,
9190
+ instance$J,
9191
+ create_fragment$J,
9192
9192
  safe_not_equal,
9193
9193
  {
9194
9194
  field: 6,
@@ -9200,14 +9200,14 @@ class FormIdentifyChoices extends SvelteComponent {
9200
9200
  buttonColor: 10,
9201
9201
  buttonColorActive: 11
9202
9202
  },
9203
- add_css$b
9203
+ add_css$c
9204
9204
  );
9205
9205
  }
9206
9206
  }
9207
9207
 
9208
9208
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9209
9209
 
9210
- function add_css$a(target) {
9210
+ function add_css$b(target) {
9211
9211
  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%}");
9212
9212
  }
9213
9213
 
@@ -9287,7 +9287,7 @@ function create_if_block_1(ctx) {
9287
9287
  }
9288
9288
 
9289
9289
  // (380:2) {#if isVisibleNextButton}
9290
- function create_if_block$1(ctx) {
9290
+ function create_if_block$5(ctx) {
9291
9291
  let div;
9292
9292
  let button;
9293
9293
  let svg;
@@ -9418,7 +9418,7 @@ function create_each_block(ctx) {
9418
9418
  };
9419
9419
  }
9420
9420
 
9421
- function create_fragment$b(ctx) {
9421
+ function create_fragment$I(ctx) {
9422
9422
  let div3;
9423
9423
  let div1;
9424
9424
  let div0;
@@ -9431,7 +9431,7 @@ function create_fragment$b(ctx) {
9431
9431
  const default_slot_template = /*#slots*/ ctx[32].default;
9432
9432
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
9433
9433
  let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
9434
- let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$1(ctx);
9434
+ let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
9435
9435
  let each_value = /*items*/ ctx[1];
9436
9436
  let each_blocks = [];
9437
9437
 
@@ -9570,7 +9570,7 @@ function create_fragment$b(ctx) {
9570
9570
  if (if_block1) {
9571
9571
  if_block1.p(ctx, dirty);
9572
9572
  } else {
9573
- if_block1 = create_if_block$1(ctx);
9573
+ if_block1 = create_if_block$5(ctx);
9574
9574
  if_block1.c();
9575
9575
  if_block1.m(div3, t2);
9576
9576
  }
@@ -9642,7 +9642,7 @@ function calcPositionIndex(shift, index, length) {
9642
9642
  }
9643
9643
  }
9644
9644
 
9645
- function instance$b($$self, $$props, $$invalidate) {
9645
+ function instance$I($$self, $$props, $$invalidate) {
9646
9646
  let slideStyle;
9647
9647
  let slideClass;
9648
9648
  let _loop;
@@ -10095,8 +10095,8 @@ class Slide extends SvelteComponent {
10095
10095
  init(
10096
10096
  this,
10097
10097
  options,
10098
- instance$b,
10099
- create_fragment$b,
10098
+ instance$I,
10099
+ create_fragment$I,
10100
10100
  safe_not_equal,
10101
10101
  {
10102
10102
  loop: 18,
@@ -10110,7 +10110,7 @@ class Slide extends SvelteComponent {
10110
10110
  navigationButton: 25,
10111
10111
  navigationEdgePosition: 26
10112
10112
  },
10113
- add_css$a,
10113
+ add_css$b,
10114
10114
  [-1, -1, -1]
10115
10115
  );
10116
10116
  }
@@ -10118,11 +10118,11 @@ class Slide extends SvelteComponent {
10118
10118
 
10119
10119
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10120
10120
 
10121
- function add_css$9(target) {
10121
+ function add_css$a(target) {
10122
10122
  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}");
10123
10123
  }
10124
10124
 
10125
- function create_fragment$a(ctx) {
10125
+ function create_fragment$H(ctx) {
10126
10126
  let div1;
10127
10127
  let div0;
10128
10128
  let current;
@@ -10202,7 +10202,7 @@ function create_fragment$a(ctx) {
10202
10202
  };
10203
10203
  }
10204
10204
 
10205
- function instance$a($$self, $$props, $$invalidate) {
10205
+ function instance$H($$self, $$props, $$invalidate) {
10206
10206
  let itemStyle;
10207
10207
  let { $$slots: slots = {}, $$scope } = $$props;
10208
10208
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10268,20 +10268,20 @@ function instance$a($$self, $$props, $$invalidate) {
10268
10268
  class SlideItem extends SvelteComponent {
10269
10269
  constructor(options) {
10270
10270
  super();
10271
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { _style: 0 }, add_css$9);
10271
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$a);
10272
10272
  }
10273
10273
  }
10274
10274
 
10275
10275
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10276
10276
 
10277
- function add_css$8(target) {
10277
+ function add_css$9(target) {
10278
10278
  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}");
10279
10279
  }
10280
10280
 
10281
10281
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10282
10282
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
10283
10283
 
10284
- function create_fragment$9(ctx) {
10284
+ function create_fragment$G(ctx) {
10285
10285
  let div1;
10286
10286
  let div0;
10287
10287
  let current;
@@ -10374,7 +10374,7 @@ function formatTimeDiff(ms) {
10374
10374
  };
10375
10375
  }
10376
10376
 
10377
- function instance$9($$self, $$props, $$invalidate) {
10377
+ function instance$G($$self, $$props, $$invalidate) {
10378
10378
  let countdown;
10379
10379
  let { $$slots: slots = {}, $$scope } = $$props;
10380
10380
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10431,13 +10431,13 @@ function instance$9($$self, $$props, $$invalidate) {
10431
10431
  class Countdown extends SvelteComponent {
10432
10432
  constructor(options) {
10433
10433
  super();
10434
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$8);
10434
+ init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$9);
10435
10435
  }
10436
10436
  }
10437
10437
 
10438
10438
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10439
10439
 
10440
- function add_css$7(target) {
10440
+ function add_css$8(target) {
10441
10441
  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}");
10442
10442
  }
10443
10443
 
@@ -10492,12 +10492,12 @@ function create_default_slot$2(ctx) {
10492
10492
  };
10493
10493
  }
10494
10494
 
10495
- function create_fragment$8(ctx) {
10495
+ function create_fragment$F(ctx) {
10496
10496
  let div;
10497
10497
  let button;
10498
10498
  let current;
10499
10499
 
10500
- button = new Button({
10500
+ button = new Button$1({
10501
10501
  props: {
10502
10502
  onClick: /*onClick*/ ctx[0],
10503
10503
  style: /*_style*/ ctx[2],
@@ -10556,7 +10556,7 @@ function create_fragment$8(ctx) {
10556
10556
  };
10557
10557
  }
10558
10558
 
10559
- function instance$8($$self, $$props, $$invalidate) {
10559
+ function instance$F($$self, $$props, $$invalidate) {
10560
10560
  let { $$slots: slots = {}, $$scope } = $$props;
10561
10561
  let { onClick = { operation: 'none', args: [] } } = $$props;
10562
10562
  let { eventName = '' } = $$props;
@@ -10575,18 +10575,18 @@ function instance$8($$self, $$props, $$invalidate) {
10575
10575
  class Box extends SvelteComponent {
10576
10576
  constructor(options) {
10577
10577
  super();
10578
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$7);
10578
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$8);
10579
10579
  }
10580
10580
  }
10581
10581
 
10582
10582
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10583
10583
 
10584
- function add_css$6(target) {
10584
+ function add_css$7(target) {
10585
10585
  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)}");
10586
10586
  }
10587
10587
 
10588
10588
  // (56:4) {#if svg}
10589
- function create_if_block(ctx) {
10589
+ function create_if_block$4(ctx) {
10590
10590
  let html_tag;
10591
10591
  let html_anchor;
10592
10592
 
@@ -10621,7 +10621,7 @@ function create_if_block(ctx) {
10621
10621
  // (55:2) <Button {onClick} {style} {eventName}>
10622
10622
  function create_default_slot$1(ctx) {
10623
10623
  let if_block_anchor;
10624
- let if_block = /*svg*/ ctx[3] && create_if_block(ctx);
10624
+ let if_block = /*svg*/ ctx[3] && create_if_block$4(ctx);
10625
10625
 
10626
10626
  return {
10627
10627
  c() {
@@ -10641,7 +10641,7 @@ function create_default_slot$1(ctx) {
10641
10641
  if (if_block) {
10642
10642
  if_block.p(ctx, dirty);
10643
10643
  } else {
10644
- if_block = create_if_block(ctx);
10644
+ if_block = create_if_block$4(ctx);
10645
10645
  if_block.c();
10646
10646
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
10647
10647
  }
@@ -10657,12 +10657,12 @@ function create_default_slot$1(ctx) {
10657
10657
  };
10658
10658
  }
10659
10659
 
10660
- function create_fragment$7(ctx) {
10660
+ function create_fragment$E(ctx) {
10661
10661
  let div;
10662
10662
  let button;
10663
10663
  let current;
10664
10664
 
10665
- button = new Button({
10665
+ button = new Button$1({
10666
10666
  props: {
10667
10667
  onClick: /*onClick*/ ctx[0],
10668
10668
  style: /*style*/ ctx[2],
@@ -10728,7 +10728,7 @@ function parseData(dataUrl) {
10728
10728
  return decodeURIComponent(data).replaceAll('\'', '"');
10729
10729
  }
10730
10730
 
10731
- function instance$7($$self, $$props, $$invalidate) {
10731
+ function instance$E($$self, $$props, $$invalidate) {
10732
10732
  let svg;
10733
10733
  let styleVariables;
10734
10734
  let style;
@@ -10776,8 +10776,8 @@ class IconElement extends SvelteComponent {
10776
10776
  init(
10777
10777
  this,
10778
10778
  options,
10779
- instance$7,
10780
- create_fragment$7,
10779
+ instance$E,
10780
+ create_fragment$E,
10781
10781
  safe_not_equal,
10782
10782
  {
10783
10783
  icon: 4,
@@ -10787,18 +10787,18 @@ class IconElement extends SvelteComponent {
10787
10787
  color: 6,
10788
10788
  _style: 7
10789
10789
  },
10790
- add_css$6
10790
+ add_css$7
10791
10791
  );
10792
10792
  }
10793
10793
  }
10794
10794
 
10795
10795
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10796
10796
 
10797
- function add_css$5(target) {
10797
+ function add_css$6(target) {
10798
10798
  append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10799
10799
  }
10800
10800
 
10801
- function create_fragment$6(ctx) {
10801
+ function create_fragment$D(ctx) {
10802
10802
  let div;
10803
10803
  let switch_instance;
10804
10804
  let current;
@@ -10888,7 +10888,7 @@ function create_fragment$6(ctx) {
10888
10888
  };
10889
10889
  }
10890
10890
 
10891
- function instance$6($$self, $$props, $$invalidate) {
10891
+ function instance$D($$self, $$props, $$invalidate) {
10892
10892
  let $data,
10893
10893
  $$unsubscribe_data = noop,
10894
10894
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10913,17 +10913,17 @@ function instance$6($$self, $$props, $$invalidate) {
10913
10913
  class CodeElement extends SvelteComponent {
10914
10914
  constructor(options) {
10915
10915
  super();
10916
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$5);
10916
+ init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$6);
10917
10917
  }
10918
10918
  }
10919
10919
 
10920
10920
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10921
10921
 
10922
- function add_css$4(target) {
10922
+ function add_css$5(target) {
10923
10923
  append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10924
10924
  }
10925
10925
 
10926
- function create_fragment$5(ctx) {
10926
+ function create_fragment$C(ctx) {
10927
10927
  let div;
10928
10928
  let div_style_value;
10929
10929
  let current;
@@ -10998,7 +10998,7 @@ function getFlexContext() {
10998
10998
  return getContext(FlexContextKey);
10999
10999
  }
11000
11000
 
11001
- function instance$5($$self, $$props, $$invalidate) {
11001
+ function instance$C($$self, $$props, $$invalidate) {
11002
11002
  let { $$slots: slots = {}, $$scope } = $$props;
11003
11003
  let { direction = 'row' } = $$props;
11004
11004
  let { width = '100%' } = $$props;
@@ -11024,8 +11024,8 @@ class Flex extends SvelteComponent {
11024
11024
  init(
11025
11025
  this,
11026
11026
  options,
11027
- instance$5,
11028
- create_fragment$5,
11027
+ instance$C,
11028
+ create_fragment$C,
11029
11029
  safe_not_equal,
11030
11030
  {
11031
11031
  direction: 0,
@@ -11033,18 +11033,18 @@ class Flex extends SvelteComponent {
11033
11033
  height: 2,
11034
11034
  _style: 3
11035
11035
  },
11036
- add_css$4
11036
+ add_css$5
11037
11037
  );
11038
11038
  }
11039
11039
  }
11040
11040
 
11041
11041
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11042
11042
 
11043
- function add_css$3(target) {
11043
+ function add_css$4(target) {
11044
11044
  append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11045
11045
  }
11046
11046
 
11047
- function create_fragment$4(ctx) {
11047
+ function create_fragment$B(ctx) {
11048
11048
  let div;
11049
11049
  let current;
11050
11050
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11112,7 +11112,7 @@ function create_fragment$4(ctx) {
11112
11112
  };
11113
11113
  }
11114
11114
 
11115
- function instance$4($$self, $$props, $$invalidate) {
11115
+ function instance$B($$self, $$props, $$invalidate) {
11116
11116
  let { $$slots: slots = {}, $$scope } = $$props;
11117
11117
  let { length } = $$props;
11118
11118
  let { _style = '' } = $$props;
@@ -11155,7 +11155,7 @@ function instance$4($$self, $$props, $$invalidate) {
11155
11155
  class FlexItem extends SvelteComponent {
11156
11156
  constructor(options) {
11157
11157
  super();
11158
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { length: 1, _style: 2 }, add_css$3);
11158
+ init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$4);
11159
11159
  }
11160
11160
  }
11161
11161
 
@@ -11339,7 +11339,7 @@ function create_default_slot(ctx) {
11339
11339
  };
11340
11340
  }
11341
11341
 
11342
- function create_fragment$3(ctx) {
11342
+ function create_fragment$A(ctx) {
11343
11343
  let stateitem;
11344
11344
  let current;
11345
11345
 
@@ -11387,7 +11387,7 @@ function create_fragment$3(ctx) {
11387
11387
  };
11388
11388
  }
11389
11389
 
11390
- function instance$3($$self, $$props, $$invalidate) {
11390
+ function instance$A($$self, $$props, $$invalidate) {
11391
11391
  let { $$slots: slots = {}, $$scope } = $$props;
11392
11392
  let { path } = $$props;
11393
11393
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11458,7 +11458,7 @@ class GridModalState extends SvelteComponent {
11458
11458
  constructor(options) {
11459
11459
  super();
11460
11460
 
11461
- init(this, options, instance$3, create_fragment$3, safe_not_equal, {
11461
+ init(this, options, instance$A, create_fragment$A, safe_not_equal, {
11462
11462
  path: 0,
11463
11463
  onClick: 1,
11464
11464
  clickEventName: 2,
@@ -11483,11 +11483,11 @@ class GridModalState extends SvelteComponent {
11483
11483
 
11484
11484
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11485
11485
 
11486
- function add_css$2(target) {
11486
+ function add_css$3(target) {
11487
11487
  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%}");
11488
11488
  }
11489
11489
 
11490
- function create_fragment$2(ctx) {
11490
+ function create_fragment$z(ctx) {
11491
11491
  let div1;
11492
11492
  let div0;
11493
11493
  let rendertext;
@@ -11552,7 +11552,7 @@ function create_fragment$2(ctx) {
11552
11552
  };
11553
11553
  }
11554
11554
 
11555
- function instance$2($$self, $$props, $$invalidate) {
11555
+ function instance$z($$self, $$props, $$invalidate) {
11556
11556
  let style;
11557
11557
  let { text = 'サンプルSample' } = $$props;
11558
11558
  let { font = SYSTEM_FONT } = $$props;
@@ -11588,8 +11588,8 @@ class TextBlock extends SvelteComponent {
11588
11588
  init(
11589
11589
  this,
11590
11590
  options,
11591
- instance$2,
11592
- create_fragment$2,
11591
+ instance$z,
11592
+ create_fragment$z,
11593
11593
  safe_not_equal,
11594
11594
  {
11595
11595
  text: 0,
@@ -11598,18 +11598,18 @@ class TextBlock extends SvelteComponent {
11598
11598
  textDirection: 1,
11599
11599
  _style: 5
11600
11600
  },
11601
- add_css$2
11601
+ add_css$3
11602
11602
  );
11603
11603
  }
11604
11604
  }
11605
11605
 
11606
11606
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11607
11607
 
11608
- function add_css$1(target) {
11608
+ function add_css$2(target) {
11609
11609
  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)}");
11610
11610
  }
11611
11611
 
11612
- function create_fragment$1(ctx) {
11612
+ function create_fragment$y(ctx) {
11613
11613
  let div;
11614
11614
  let button;
11615
11615
  let rendertext;
@@ -11683,7 +11683,7 @@ function create_fragment$1(ctx) {
11683
11683
  };
11684
11684
  }
11685
11685
 
11686
- function instance$1($$self, $$props, $$invalidate) {
11686
+ function instance$y($$self, $$props, $$invalidate) {
11687
11687
  let { text = 'ボタンラベル' } = $$props;
11688
11688
  let { onClick = { operation: 'none', args: [] } } = $$props;
11689
11689
 
@@ -11725,8 +11725,8 @@ class TextButtonBlock extends SvelteComponent {
11725
11725
  init(
11726
11726
  this,
11727
11727
  options,
11728
- instance$1,
11729
- create_fragment$1,
11728
+ instance$y,
11729
+ create_fragment$y,
11730
11730
  safe_not_equal,
11731
11731
  {
11732
11732
  text: 0,
@@ -11736,18 +11736,18 @@ class TextButtonBlock extends SvelteComponent {
11736
11736
  _buttonStyle: 1,
11737
11737
  _style: 2
11738
11738
  },
11739
- add_css$1
11739
+ add_css$2
11740
11740
  );
11741
11741
  }
11742
11742
  }
11743
11743
 
11744
11744
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11745
11745
 
11746
- function add_css(target) {
11746
+ function add_css$1(target) {
11747
11747
  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)}");
11748
11748
  }
11749
11749
 
11750
- function create_fragment(ctx) {
11750
+ function create_fragment$x(ctx) {
11751
11751
  let div;
11752
11752
  let img;
11753
11753
  let img_style_value;
@@ -11830,7 +11830,7 @@ function create_fragment(ctx) {
11830
11830
  };
11831
11831
  }
11832
11832
 
11833
- function instance($$self, $$props, $$invalidate) {
11833
+ function instance$x($$self, $$props, $$invalidate) {
11834
11834
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11835
11835
  let { alt = 'No Image' } = $$props;
11836
11836
  let { transport = false } = $$props;
@@ -11870,8 +11870,8 @@ class ImageBlock extends SvelteComponent {
11870
11870
  init(
11871
11871
  this,
11872
11872
  options,
11873
- instance,
11874
- create_fragment,
11873
+ instance$x,
11874
+ create_fragment$x,
11875
11875
  safe_not_equal,
11876
11876
  {
11877
11877
  src: 0,
@@ -11883,9 +11883,2887 @@ class ImageBlock extends SvelteComponent {
11883
11883
  _imageStyle: 4,
11884
11884
  _style: 5
11885
11885
  },
11886
- add_css
11886
+ add_css$1
11887
11887
  );
11888
11888
  }
11889
11889
  }
11890
11890
 
11891
- 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, 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 };
11891
+ /* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11892
+
11893
+ function create_fragment$w(ctx) {
11894
+ let svg;
11895
+ let path;
11896
+
11897
+ return {
11898
+ c() {
11899
+ svg = svg_element("svg");
11900
+ path = svg_element("path");
11901
+ this.h();
11902
+ },
11903
+ l(nodes) {
11904
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
11905
+ var svg_nodes = children(svg);
11906
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
11907
+ children(path).forEach(detach);
11908
+ svg_nodes.forEach(detach);
11909
+ this.h();
11910
+ },
11911
+ h() {
11912
+ attr(path, "fill", /*color*/ ctx[0]);
11913
+ attr(path, "d", "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z");
11914
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11915
+ set_style(svg, "width", "100%");
11916
+ set_style(svg, "height", "100%");
11917
+ attr(svg, "viewBox", "0 0 384 512");
11918
+ },
11919
+ m(target, anchor) {
11920
+ insert_hydration(target, svg, anchor);
11921
+ append_hydration(svg, path);
11922
+ },
11923
+ p(ctx, [dirty]) {
11924
+ if (dirty & /*color*/ 1) {
11925
+ attr(path, "fill", /*color*/ ctx[0]);
11926
+ }
11927
+ },
11928
+ i: noop,
11929
+ o: noop,
11930
+ d(detaching) {
11931
+ if (detaching) detach(svg);
11932
+ }
11933
+ };
11934
+ }
11935
+
11936
+ function instance$w($$self, $$props, $$invalidate) {
11937
+ let { color } = $$props;
11938
+
11939
+ $$self.$$set = $$props => {
11940
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11941
+ };
11942
+
11943
+ return [color];
11944
+ }
11945
+
11946
+ class IconArrowDown extends SvelteComponent {
11947
+ constructor(options) {
11948
+ super();
11949
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
11950
+ }
11951
+ }
11952
+
11953
+ /* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
11954
+
11955
+ function create_fragment$v(ctx) {
11956
+ let svg;
11957
+ let path;
11958
+
11959
+ return {
11960
+ c() {
11961
+ svg = svg_element("svg");
11962
+ path = svg_element("path");
11963
+ this.h();
11964
+ },
11965
+ l(nodes) {
11966
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
11967
+ var svg_nodes = children(svg);
11968
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
11969
+ children(path).forEach(detach);
11970
+ svg_nodes.forEach(detach);
11971
+ this.h();
11972
+ },
11973
+ h() {
11974
+ attr(path, "fill", /*color*/ ctx[0]);
11975
+ attr(path, "d", "M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z");
11976
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11977
+ set_style(svg, "width", "100%");
11978
+ set_style(svg, "height", "100%");
11979
+ attr(svg, "viewBox", "0 0 384 512");
11980
+ },
11981
+ m(target, anchor) {
11982
+ insert_hydration(target, svg, anchor);
11983
+ append_hydration(svg, path);
11984
+ },
11985
+ p(ctx, [dirty]) {
11986
+ if (dirty & /*color*/ 1) {
11987
+ attr(path, "fill", /*color*/ ctx[0]);
11988
+ }
11989
+ },
11990
+ i: noop,
11991
+ o: noop,
11992
+ d(detaching) {
11993
+ if (detaching) detach(svg);
11994
+ }
11995
+ };
11996
+ }
11997
+
11998
+ function instance$v($$self, $$props, $$invalidate) {
11999
+ let { color } = $$props;
12000
+
12001
+ $$self.$$set = $$props => {
12002
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12003
+ };
12004
+
12005
+ return [color];
12006
+ }
12007
+
12008
+ class IconArrowUp extends SvelteComponent {
12009
+ constructor(options) {
12010
+ super();
12011
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
12012
+ }
12013
+ }
12014
+
12015
+ /* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12016
+
12017
+ function create_fragment$u(ctx) {
12018
+ let svg;
12019
+ let path;
12020
+
12021
+ return {
12022
+ c() {
12023
+ svg = svg_element("svg");
12024
+ path = svg_element("path");
12025
+ this.h();
12026
+ },
12027
+ l(nodes) {
12028
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12029
+ var svg_nodes = children(svg);
12030
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12031
+ children(path).forEach(detach);
12032
+ svg_nodes.forEach(detach);
12033
+ this.h();
12034
+ },
12035
+ h() {
12036
+ attr(path, "fill", /*color*/ ctx[0]);
12037
+ attr(path, "d", "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z");
12038
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12039
+ set_style(svg, "width", "100%");
12040
+ set_style(svg, "height", "100%");
12041
+ attr(svg, "viewBox", "0 0 640 512");
12042
+ },
12043
+ m(target, anchor) {
12044
+ insert_hydration(target, svg, anchor);
12045
+ append_hydration(svg, path);
12046
+ },
12047
+ p(ctx, [dirty]) {
12048
+ if (dirty & /*color*/ 1) {
12049
+ attr(path, "fill", /*color*/ ctx[0]);
12050
+ }
12051
+ },
12052
+ i: noop,
12053
+ o: noop,
12054
+ d(detaching) {
12055
+ if (detaching) detach(svg);
12056
+ }
12057
+ };
12058
+ }
12059
+
12060
+ function instance$u($$self, $$props, $$invalidate) {
12061
+ let { color } = $$props;
12062
+
12063
+ $$self.$$set = $$props => {
12064
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12065
+ };
12066
+
12067
+ return [color];
12068
+ }
12069
+
12070
+ class IconUsers extends SvelteComponent {
12071
+ constructor(options) {
12072
+ super();
12073
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
12074
+ }
12075
+ }
12076
+
12077
+ /* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12078
+
12079
+ function create_fragment$t(ctx) {
12080
+ let svg;
12081
+ let path;
12082
+
12083
+ return {
12084
+ c() {
12085
+ svg = svg_element("svg");
12086
+ path = svg_element("path");
12087
+ this.h();
12088
+ },
12089
+ l(nodes) {
12090
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12091
+ var svg_nodes = children(svg);
12092
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12093
+ children(path).forEach(detach);
12094
+ svg_nodes.forEach(detach);
12095
+ this.h();
12096
+ },
12097
+ h() {
12098
+ attr(path, "fill", /*color*/ ctx[0]);
12099
+ attr(path, "d", "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z");
12100
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12101
+ set_style(svg, "width", "100%");
12102
+ set_style(svg, "height", "100%");
12103
+ attr(svg, "viewBox", "0 0 448 512");
12104
+ },
12105
+ m(target, anchor) {
12106
+ insert_hydration(target, svg, anchor);
12107
+ append_hydration(svg, path);
12108
+ },
12109
+ p(ctx, [dirty]) {
12110
+ if (dirty & /*color*/ 1) {
12111
+ attr(path, "fill", /*color*/ ctx[0]);
12112
+ }
12113
+ },
12114
+ i: noop,
12115
+ o: noop,
12116
+ d(detaching) {
12117
+ if (detaching) detach(svg);
12118
+ }
12119
+ };
12120
+ }
12121
+
12122
+ function instance$t($$self, $$props, $$invalidate) {
12123
+ let { color } = $$props;
12124
+
12125
+ $$self.$$set = $$props => {
12126
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12127
+ };
12128
+
12129
+ return [color];
12130
+ }
12131
+
12132
+ class IconArrowLeft extends SvelteComponent {
12133
+ constructor(options) {
12134
+ super();
12135
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
12136
+ }
12137
+ }
12138
+
12139
+ /* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
12140
+
12141
+ function create_fragment$s(ctx) {
12142
+ let svg;
12143
+ let path;
12144
+
12145
+ return {
12146
+ c() {
12147
+ svg = svg_element("svg");
12148
+ path = svg_element("path");
12149
+ this.h();
12150
+ },
12151
+ l(nodes) {
12152
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12153
+ var svg_nodes = children(svg);
12154
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12155
+ children(path).forEach(detach);
12156
+ svg_nodes.forEach(detach);
12157
+ this.h();
12158
+ },
12159
+ h() {
12160
+ attr(path, "fill", /*color*/ ctx[0]);
12161
+ attr(path, "d", "M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z");
12162
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12163
+ set_style(svg, "width", "100%");
12164
+ set_style(svg, "height", "100%");
12165
+ attr(svg, "viewBox", "0 0 448 512");
12166
+ },
12167
+ m(target, anchor) {
12168
+ insert_hydration(target, svg, anchor);
12169
+ append_hydration(svg, path);
12170
+ },
12171
+ p(ctx, [dirty]) {
12172
+ if (dirty & /*color*/ 1) {
12173
+ attr(path, "fill", /*color*/ ctx[0]);
12174
+ }
12175
+ },
12176
+ i: noop,
12177
+ o: noop,
12178
+ d(detaching) {
12179
+ if (detaching) detach(svg);
12180
+ }
12181
+ };
12182
+ }
12183
+
12184
+ function instance$s($$self, $$props, $$invalidate) {
12185
+ let { color } = $$props;
12186
+
12187
+ $$self.$$set = $$props => {
12188
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12189
+ };
12190
+
12191
+ return [color];
12192
+ }
12193
+
12194
+ class IconArrowRight extends SvelteComponent {
12195
+ constructor(options) {
12196
+ super();
12197
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
12198
+ }
12199
+ }
12200
+
12201
+ /* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
12202
+
12203
+ function create_fragment$r(ctx) {
12204
+ let svg;
12205
+ let path;
12206
+
12207
+ return {
12208
+ c() {
12209
+ svg = svg_element("svg");
12210
+ path = svg_element("path");
12211
+ this.h();
12212
+ },
12213
+ l(nodes) {
12214
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12215
+ var svg_nodes = children(svg);
12216
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12217
+ children(path).forEach(detach);
12218
+ svg_nodes.forEach(detach);
12219
+ this.h();
12220
+ },
12221
+ h() {
12222
+ attr(path, "fill", /*color*/ ctx[0]);
12223
+ attr(path, "d", "M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416H416c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3 319.2 384 273.9 384 226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7z");
12224
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12225
+ set_style(svg, "width", "100%");
12226
+ set_style(svg, "height", "100%");
12227
+ attr(svg, "viewBox", "0 0 448 512");
12228
+ },
12229
+ m(target, anchor) {
12230
+ insert_hydration(target, svg, anchor);
12231
+ append_hydration(svg, path);
12232
+ },
12233
+ p(ctx, [dirty]) {
12234
+ if (dirty & /*color*/ 1) {
12235
+ attr(path, "fill", /*color*/ ctx[0]);
12236
+ }
12237
+ },
12238
+ i: noop,
12239
+ o: noop,
12240
+ d(detaching) {
12241
+ if (detaching) detach(svg);
12242
+ }
12243
+ };
12244
+ }
12245
+
12246
+ function instance$r($$self, $$props, $$invalidate) {
12247
+ let { color } = $$props;
12248
+
12249
+ $$self.$$set = $$props => {
12250
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12251
+ };
12252
+
12253
+ return [color];
12254
+ }
12255
+
12256
+ class IconBell extends SvelteComponent {
12257
+ constructor(options) {
12258
+ super();
12259
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
12260
+ }
12261
+ }
12262
+
12263
+ /* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
12264
+
12265
+ function create_fragment$q(ctx) {
12266
+ let svg;
12267
+ let path;
12268
+
12269
+ return {
12270
+ c() {
12271
+ svg = svg_element("svg");
12272
+ path = svg_element("path");
12273
+ this.h();
12274
+ },
12275
+ l(nodes) {
12276
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12277
+ var svg_nodes = children(svg);
12278
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12279
+ children(path).forEach(detach);
12280
+ svg_nodes.forEach(detach);
12281
+ this.h();
12282
+ },
12283
+ h() {
12284
+ attr(path, "fill", /*color*/ ctx[0]);
12285
+ attr(path, "d", "M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z");
12286
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12287
+ set_style(svg, "width", "100%");
12288
+ set_style(svg, "height", "100%");
12289
+ attr(svg, "viewBox", "0 0 512 512");
12290
+ },
12291
+ m(target, anchor) {
12292
+ insert_hydration(target, svg, anchor);
12293
+ append_hydration(svg, path);
12294
+ },
12295
+ p(ctx, [dirty]) {
12296
+ if (dirty & /*color*/ 1) {
12297
+ attr(path, "fill", /*color*/ ctx[0]);
12298
+ }
12299
+ },
12300
+ i: noop,
12301
+ o: noop,
12302
+ d(detaching) {
12303
+ if (detaching) detach(svg);
12304
+ }
12305
+ };
12306
+ }
12307
+
12308
+ function instance$q($$self, $$props, $$invalidate) {
12309
+ let { color } = $$props;
12310
+
12311
+ $$self.$$set = $$props => {
12312
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12313
+ };
12314
+
12315
+ return [color];
12316
+ }
12317
+
12318
+ class IconArrowUpFromSquare extends SvelteComponent {
12319
+ constructor(options) {
12320
+ super();
12321
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
12322
+ }
12323
+ }
12324
+
12325
+ /* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
12326
+
12327
+ function create_fragment$p(ctx) {
12328
+ let svg;
12329
+ let path;
12330
+
12331
+ return {
12332
+ c() {
12333
+ svg = svg_element("svg");
12334
+ path = svg_element("path");
12335
+ this.h();
12336
+ },
12337
+ l(nodes) {
12338
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12339
+ var svg_nodes = children(svg);
12340
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12341
+ children(path).forEach(detach);
12342
+ svg_nodes.forEach(detach);
12343
+ this.h();
12344
+ },
12345
+ h() {
12346
+ attr(path, "fill", /*color*/ ctx[0]);
12347
+ attr(path, "d", "M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z");
12348
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12349
+ set_style(svg, "width", "100%");
12350
+ set_style(svg, "height", "100%");
12351
+ attr(svg, "viewBox", "0 0 576 512");
12352
+ },
12353
+ m(target, anchor) {
12354
+ insert_hydration(target, svg, anchor);
12355
+ append_hydration(svg, path);
12356
+ },
12357
+ p(ctx, [dirty]) {
12358
+ if (dirty & /*color*/ 1) {
12359
+ attr(path, "fill", /*color*/ ctx[0]);
12360
+ }
12361
+ },
12362
+ i: noop,
12363
+ o: noop,
12364
+ d(detaching) {
12365
+ if (detaching) detach(svg);
12366
+ }
12367
+ };
12368
+ }
12369
+
12370
+ function instance$p($$self, $$props, $$invalidate) {
12371
+ let { color } = $$props;
12372
+
12373
+ $$self.$$set = $$props => {
12374
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12375
+ };
12376
+
12377
+ return [color];
12378
+ }
12379
+
12380
+ class IconTicket extends SvelteComponent {
12381
+ constructor(options) {
12382
+ super();
12383
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
12384
+ }
12385
+ }
12386
+
12387
+ /* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
12388
+
12389
+ function create_fragment$o(ctx) {
12390
+ let svg;
12391
+ let path;
12392
+
12393
+ return {
12394
+ c() {
12395
+ svg = svg_element("svg");
12396
+ path = svg_element("path");
12397
+ this.h();
12398
+ },
12399
+ l(nodes) {
12400
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12401
+ var svg_nodes = children(svg);
12402
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12403
+ children(path).forEach(detach);
12404
+ svg_nodes.forEach(detach);
12405
+ this.h();
12406
+ },
12407
+ h() {
12408
+ attr(path, "fill", /*color*/ ctx[0]);
12409
+ attr(path, "d", "M48 0C21.5 0 0 21.5 0 48V368c0 26.5 21.5 48 48 48H64c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V288 256 237.3c0-17-6.7-33.3-18.7-45.3L512 114.7c-12-12-28.3-18.7-45.3-18.7H416V48c0-26.5-21.5-48-48-48H48zM416 160h50.7L544 237.3V256H416V160zM112 416a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm368-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z");
12410
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12411
+ set_style(svg, "width", "100%");
12412
+ set_style(svg, "height", "100%");
12413
+ attr(svg, "viewBox", "0 0 640 512");
12414
+ },
12415
+ m(target, anchor) {
12416
+ insert_hydration(target, svg, anchor);
12417
+ append_hydration(svg, path);
12418
+ },
12419
+ p(ctx, [dirty]) {
12420
+ if (dirty & /*color*/ 1) {
12421
+ attr(path, "fill", /*color*/ ctx[0]);
12422
+ }
12423
+ },
12424
+ i: noop,
12425
+ o: noop,
12426
+ d(detaching) {
12427
+ if (detaching) detach(svg);
12428
+ }
12429
+ };
12430
+ }
12431
+
12432
+ function instance$o($$self, $$props, $$invalidate) {
12433
+ let { color } = $$props;
12434
+
12435
+ $$self.$$set = $$props => {
12436
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12437
+ };
12438
+
12439
+ return [color];
12440
+ }
12441
+
12442
+ class IconTrack extends SvelteComponent {
12443
+ constructor(options) {
12444
+ super();
12445
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
12446
+ }
12447
+ }
12448
+
12449
+ /* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
12450
+
12451
+ function create_fragment$n(ctx) {
12452
+ let svg;
12453
+ let path;
12454
+
12455
+ return {
12456
+ c() {
12457
+ svg = svg_element("svg");
12458
+ path = svg_element("path");
12459
+ this.h();
12460
+ },
12461
+ l(nodes) {
12462
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12463
+ var svg_nodes = children(svg);
12464
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12465
+ children(path).forEach(detach);
12466
+ svg_nodes.forEach(detach);
12467
+ this.h();
12468
+ },
12469
+ h() {
12470
+ attr(path, "fill", /*color*/ ctx[0]);
12471
+ attr(path, "d", "M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z");
12472
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12473
+ set_style(svg, "width", "100%");
12474
+ set_style(svg, "height", "100%");
12475
+ attr(svg, "viewBox", "0 0 576 512");
12476
+ },
12477
+ m(target, anchor) {
12478
+ insert_hydration(target, svg, anchor);
12479
+ append_hydration(svg, path);
12480
+ },
12481
+ p(ctx, [dirty]) {
12482
+ if (dirty & /*color*/ 1) {
12483
+ attr(path, "fill", /*color*/ ctx[0]);
12484
+ }
12485
+ },
12486
+ i: noop,
12487
+ o: noop,
12488
+ d(detaching) {
12489
+ if (detaching) detach(svg);
12490
+ }
12491
+ };
12492
+ }
12493
+
12494
+ function instance$n($$self, $$props, $$invalidate) {
12495
+ let { color } = $$props;
12496
+
12497
+ $$self.$$set = $$props => {
12498
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12499
+ };
12500
+
12501
+ return [color];
12502
+ }
12503
+
12504
+ class IconCartShopping extends SvelteComponent {
12505
+ constructor(options) {
12506
+ super();
12507
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
12508
+ }
12509
+ }
12510
+
12511
+ /* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
12512
+
12513
+ function create_fragment$m(ctx) {
12514
+ let svg;
12515
+ let path;
12516
+
12517
+ return {
12518
+ c() {
12519
+ svg = svg_element("svg");
12520
+ path = svg_element("path");
12521
+ this.h();
12522
+ },
12523
+ l(nodes) {
12524
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12525
+ var svg_nodes = children(svg);
12526
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12527
+ children(path).forEach(detach);
12528
+ svg_nodes.forEach(detach);
12529
+ this.h();
12530
+ },
12531
+ h() {
12532
+ attr(path, "fill", /*color*/ ctx[0]);
12533
+ attr(path, "d", "M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512z");
12534
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12535
+ set_style(svg, "width", "100%");
12536
+ set_style(svg, "height", "100%");
12537
+ attr(svg, "viewBox", "0 0 512 512");
12538
+ },
12539
+ m(target, anchor) {
12540
+ insert_hydration(target, svg, anchor);
12541
+ append_hydration(svg, path);
12542
+ },
12543
+ p(ctx, [dirty]) {
12544
+ if (dirty & /*color*/ 1) {
12545
+ attr(path, "fill", /*color*/ ctx[0]);
12546
+ }
12547
+ },
12548
+ i: noop,
12549
+ o: noop,
12550
+ d(detaching) {
12551
+ if (detaching) detach(svg);
12552
+ }
12553
+ };
12554
+ }
12555
+
12556
+ function instance$m($$self, $$props, $$invalidate) {
12557
+ let { color } = $$props;
12558
+
12559
+ $$self.$$set = $$props => {
12560
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12561
+ };
12562
+
12563
+ return [color];
12564
+ }
12565
+
12566
+ class IconCircle extends SvelteComponent {
12567
+ constructor(options) {
12568
+ super();
12569
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
12570
+ }
12571
+ }
12572
+
12573
+ /* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12574
+
12575
+ function create_fragment$l(ctx) {
12576
+ let svg;
12577
+ let path;
12578
+
12579
+ return {
12580
+ c() {
12581
+ svg = svg_element("svg");
12582
+ path = svg_element("path");
12583
+ this.h();
12584
+ },
12585
+ l(nodes) {
12586
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12587
+ var svg_nodes = children(svg);
12588
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12589
+ children(path).forEach(detach);
12590
+ svg_nodes.forEach(detach);
12591
+ this.h();
12592
+ },
12593
+ h() {
12594
+ attr(path, "fill", /*color*/ ctx[0]);
12595
+ attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z");
12596
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12597
+ set_style(svg, "width", "100%");
12598
+ set_style(svg, "height", "100%");
12599
+ attr(svg, "viewBox", "0 0 512 512");
12600
+ },
12601
+ m(target, anchor) {
12602
+ insert_hydration(target, svg, anchor);
12603
+ append_hydration(svg, path);
12604
+ },
12605
+ p(ctx, [dirty]) {
12606
+ if (dirty & /*color*/ 1) {
12607
+ attr(path, "fill", /*color*/ ctx[0]);
12608
+ }
12609
+ },
12610
+ i: noop,
12611
+ o: noop,
12612
+ d(detaching) {
12613
+ if (detaching) detach(svg);
12614
+ }
12615
+ };
12616
+ }
12617
+
12618
+ function instance$l($$self, $$props, $$invalidate) {
12619
+ let { color } = $$props;
12620
+
12621
+ $$self.$$set = $$props => {
12622
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12623
+ };
12624
+
12625
+ return [color];
12626
+ }
12627
+
12628
+ class IconCircleQuestion extends SvelteComponent {
12629
+ constructor(options) {
12630
+ super();
12631
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12632
+ }
12633
+ }
12634
+
12635
+ /* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12636
+
12637
+ function create_fragment$k(ctx) {
12638
+ let svg;
12639
+ let path;
12640
+
12641
+ return {
12642
+ c() {
12643
+ svg = svg_element("svg");
12644
+ path = svg_element("path");
12645
+ this.h();
12646
+ },
12647
+ l(nodes) {
12648
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12649
+ var svg_nodes = children(svg);
12650
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12651
+ children(path).forEach(detach);
12652
+ svg_nodes.forEach(detach);
12653
+ this.h();
12654
+ },
12655
+ h() {
12656
+ attr(path, "fill", /*color*/ ctx[0]);
12657
+ attr(path, "d", "M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z");
12658
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12659
+ set_style(svg, "width", "100%");
12660
+ set_style(svg, "height", "100%");
12661
+ attr(svg, "viewBox", "0 0 512 512");
12662
+ },
12663
+ m(target, anchor) {
12664
+ insert_hydration(target, svg, anchor);
12665
+ append_hydration(svg, path);
12666
+ },
12667
+ p(ctx, [dirty]) {
12668
+ if (dirty & /*color*/ 1) {
12669
+ attr(path, "fill", /*color*/ ctx[0]);
12670
+ }
12671
+ },
12672
+ i: noop,
12673
+ o: noop,
12674
+ d(detaching) {
12675
+ if (detaching) detach(svg);
12676
+ }
12677
+ };
12678
+ }
12679
+
12680
+ function instance$k($$self, $$props, $$invalidate) {
12681
+ let { color } = $$props;
12682
+
12683
+ $$self.$$set = $$props => {
12684
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12685
+ };
12686
+
12687
+ return [color];
12688
+ }
12689
+
12690
+ class IconCheck extends SvelteComponent {
12691
+ constructor(options) {
12692
+ super();
12693
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12694
+ }
12695
+ }
12696
+
12697
+ /* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12698
+
12699
+ function create_fragment$j(ctx) {
12700
+ let svg;
12701
+ let path;
12702
+
12703
+ return {
12704
+ c() {
12705
+ svg = svg_element("svg");
12706
+ path = svg_element("path");
12707
+ this.h();
12708
+ },
12709
+ l(nodes) {
12710
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12711
+ var svg_nodes = children(svg);
12712
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12713
+ children(path).forEach(detach);
12714
+ svg_nodes.forEach(detach);
12715
+ this.h();
12716
+ },
12717
+ h() {
12718
+ attr(path, "fill", /*color*/ ctx[0]);
12719
+ attr(path, "d", "M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z");
12720
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12721
+ set_style(svg, "width", "100%");
12722
+ set_style(svg, "height", "100%");
12723
+ attr(svg, "viewBox", "0 0 320 512");
12724
+ },
12725
+ m(target, anchor) {
12726
+ insert_hydration(target, svg, anchor);
12727
+ append_hydration(svg, path);
12728
+ },
12729
+ p(ctx, [dirty]) {
12730
+ if (dirty & /*color*/ 1) {
12731
+ attr(path, "fill", /*color*/ ctx[0]);
12732
+ }
12733
+ },
12734
+ i: noop,
12735
+ o: noop,
12736
+ d(detaching) {
12737
+ if (detaching) detach(svg);
12738
+ }
12739
+ };
12740
+ }
12741
+
12742
+ function instance$j($$self, $$props, $$invalidate) {
12743
+ let { color } = $$props;
12744
+
12745
+ $$self.$$set = $$props => {
12746
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12747
+ };
12748
+
12749
+ return [color];
12750
+ }
12751
+
12752
+ class IconXMark extends SvelteComponent {
12753
+ constructor(options) {
12754
+ super();
12755
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
12756
+ }
12757
+ }
12758
+
12759
+ /* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
12760
+
12761
+ function create_fragment$i(ctx) {
12762
+ let svg;
12763
+ let path;
12764
+
12765
+ return {
12766
+ c() {
12767
+ svg = svg_element("svg");
12768
+ path = svg_element("path");
12769
+ this.h();
12770
+ },
12771
+ l(nodes) {
12772
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12773
+ var svg_nodes = children(svg);
12774
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12775
+ children(path).forEach(detach);
12776
+ svg_nodes.forEach(detach);
12777
+ this.h();
12778
+ },
12779
+ h() {
12780
+ attr(path, "fill", /*color*/ ctx[0]);
12781
+ attr(path, "d", "M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z");
12782
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12783
+ set_style(svg, "width", "100%");
12784
+ set_style(svg, "height", "100%");
12785
+ attr(svg, "viewBox", "0 0 512 512");
12786
+ },
12787
+ m(target, anchor) {
12788
+ insert_hydration(target, svg, anchor);
12789
+ append_hydration(svg, path);
12790
+ },
12791
+ p(ctx, [dirty]) {
12792
+ if (dirty & /*color*/ 1) {
12793
+ attr(path, "fill", /*color*/ ctx[0]);
12794
+ }
12795
+ },
12796
+ i: noop,
12797
+ o: noop,
12798
+ d(detaching) {
12799
+ if (detaching) detach(svg);
12800
+ }
12801
+ };
12802
+ }
12803
+
12804
+ function instance$i($$self, $$props, $$invalidate) {
12805
+ let { color } = $$props;
12806
+
12807
+ $$self.$$set = $$props => {
12808
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12809
+ };
12810
+
12811
+ return [color];
12812
+ }
12813
+
12814
+ class IconPaperPlane extends SvelteComponent {
12815
+ constructor(options) {
12816
+ super();
12817
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
12818
+ }
12819
+ }
12820
+
12821
+ /* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
12822
+
12823
+ function create_fragment$h(ctx) {
12824
+ let svg;
12825
+ let path;
12826
+
12827
+ return {
12828
+ c() {
12829
+ svg = svg_element("svg");
12830
+ path = svg_element("path");
12831
+ this.h();
12832
+ },
12833
+ l(nodes) {
12834
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12835
+ var svg_nodes = children(svg);
12836
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12837
+ children(path).forEach(detach);
12838
+ svg_nodes.forEach(detach);
12839
+ this.h();
12840
+ },
12841
+ h() {
12842
+ attr(path, "fill", /*color*/ ctx[0]);
12843
+ attr(path, "d", "M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z");
12844
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12845
+ set_style(svg, "width", "100%");
12846
+ set_style(svg, "height", "100%");
12847
+ attr(svg, "viewBox", "0 0 512 512");
12848
+ },
12849
+ m(target, anchor) {
12850
+ insert_hydration(target, svg, anchor);
12851
+ append_hydration(svg, path);
12852
+ },
12853
+ p(ctx, [dirty]) {
12854
+ if (dirty & /*color*/ 1) {
12855
+ attr(path, "fill", /*color*/ ctx[0]);
12856
+ }
12857
+ },
12858
+ i: noop,
12859
+ o: noop,
12860
+ d(detaching) {
12861
+ if (detaching) detach(svg);
12862
+ }
12863
+ };
12864
+ }
12865
+
12866
+ function instance$h($$self, $$props, $$invalidate) {
12867
+ let { color } = $$props;
12868
+
12869
+ $$self.$$set = $$props => {
12870
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12871
+ };
12872
+
12873
+ return [color];
12874
+ }
12875
+
12876
+ class IconCopy extends SvelteComponent {
12877
+ constructor(options) {
12878
+ super();
12879
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
12880
+ }
12881
+ }
12882
+
12883
+ /* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
12884
+
12885
+ function create_fragment$g(ctx) {
12886
+ let svg;
12887
+ let path;
12888
+
12889
+ return {
12890
+ c() {
12891
+ svg = svg_element("svg");
12892
+ path = svg_element("path");
12893
+ this.h();
12894
+ },
12895
+ l(nodes) {
12896
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12897
+ var svg_nodes = children(svg);
12898
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12899
+ children(path).forEach(detach);
12900
+ svg_nodes.forEach(detach);
12901
+ this.h();
12902
+ },
12903
+ h() {
12904
+ attr(path, "fill", /*color*/ ctx[0]);
12905
+ attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z");
12906
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12907
+ set_style(svg, "width", "100%");
12908
+ set_style(svg, "height", "100%");
12909
+ attr(svg, "viewBox", "0 0 512 512");
12910
+ },
12911
+ m(target, anchor) {
12912
+ insert_hydration(target, svg, anchor);
12913
+ append_hydration(svg, path);
12914
+ },
12915
+ p(ctx, [dirty]) {
12916
+ if (dirty & /*color*/ 1) {
12917
+ attr(path, "fill", /*color*/ ctx[0]);
12918
+ }
12919
+ },
12920
+ i: noop,
12921
+ o: noop,
12922
+ d(detaching) {
12923
+ if (detaching) detach(svg);
12924
+ }
12925
+ };
12926
+ }
12927
+
12928
+ function instance$g($$self, $$props, $$invalidate) {
12929
+ let { color } = $$props;
12930
+
12931
+ $$self.$$set = $$props => {
12932
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12933
+ };
12934
+
12935
+ return [color];
12936
+ }
12937
+
12938
+ class IconCircleXMark extends SvelteComponent {
12939
+ constructor(options) {
12940
+ super();
12941
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
12942
+ }
12943
+ }
12944
+
12945
+ /* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
12946
+
12947
+ function create_fragment$f(ctx) {
12948
+ let svg;
12949
+ let path;
12950
+
12951
+ return {
12952
+ c() {
12953
+ svg = svg_element("svg");
12954
+ path = svg_element("path");
12955
+ this.h();
12956
+ },
12957
+ l(nodes) {
12958
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
12959
+ var svg_nodes = children(svg);
12960
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
12961
+ children(path).forEach(detach);
12962
+ svg_nodes.forEach(detach);
12963
+ this.h();
12964
+ },
12965
+ h() {
12966
+ attr(path, "fill", /*color*/ ctx[0]);
12967
+ attr(path, "d", "M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z");
12968
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12969
+ set_style(svg, "width", "100%");
12970
+ set_style(svg, "height", "100%");
12971
+ attr(svg, "viewBox", "0 0 512 512");
12972
+ },
12973
+ m(target, anchor) {
12974
+ insert_hydration(target, svg, anchor);
12975
+ append_hydration(svg, path);
12976
+ },
12977
+ p(ctx, [dirty]) {
12978
+ if (dirty & /*color*/ 1) {
12979
+ attr(path, "fill", /*color*/ ctx[0]);
12980
+ }
12981
+ },
12982
+ i: noop,
12983
+ o: noop,
12984
+ d(detaching) {
12985
+ if (detaching) detach(svg);
12986
+ }
12987
+ };
12988
+ }
12989
+
12990
+ function instance$f($$self, $$props, $$invalidate) {
12991
+ let { color } = $$props;
12992
+
12993
+ $$self.$$set = $$props => {
12994
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12995
+ };
12996
+
12997
+ return [color];
12998
+ }
12999
+
13000
+ class IconHeart extends SvelteComponent {
13001
+ constructor(options) {
13002
+ super();
13003
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
13004
+ }
13005
+ }
13006
+
13007
+ /* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13008
+
13009
+ function create_fragment$e(ctx) {
13010
+ let svg;
13011
+ let path;
13012
+
13013
+ return {
13014
+ c() {
13015
+ svg = svg_element("svg");
13016
+ path = svg_element("path");
13017
+ this.h();
13018
+ },
13019
+ l(nodes) {
13020
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
13021
+ var svg_nodes = children(svg);
13022
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
13023
+ children(path).forEach(detach);
13024
+ svg_nodes.forEach(detach);
13025
+ this.h();
13026
+ },
13027
+ h() {
13028
+ attr(path, "fill", /*color*/ ctx[0]);
13029
+ attr(path, "d", "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z");
13030
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13031
+ set_style(svg, "width", "100%");
13032
+ set_style(svg, "height", "100%");
13033
+ attr(svg, "viewBox", "0 0 512 512");
13034
+ },
13035
+ m(target, anchor) {
13036
+ insert_hydration(target, svg, anchor);
13037
+ append_hydration(svg, path);
13038
+ },
13039
+ p(ctx, [dirty]) {
13040
+ if (dirty & /*color*/ 1) {
13041
+ attr(path, "fill", /*color*/ ctx[0]);
13042
+ }
13043
+ },
13044
+ i: noop,
13045
+ o: noop,
13046
+ d(detaching) {
13047
+ if (detaching) detach(svg);
13048
+ }
13049
+ };
13050
+ }
13051
+
13052
+ function instance$e($$self, $$props, $$invalidate) {
13053
+ let { color } = $$props;
13054
+
13055
+ $$self.$$set = $$props => {
13056
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
13057
+ };
13058
+
13059
+ return [color];
13060
+ }
13061
+
13062
+ class IconMagnifyingGrass extends SvelteComponent {
13063
+ constructor(options) {
13064
+ super();
13065
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
13066
+ }
13067
+ }
13068
+
13069
+ /* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13070
+
13071
+ function create_fragment$d(ctx) {
13072
+ let svg;
13073
+ let path;
13074
+
13075
+ return {
13076
+ c() {
13077
+ svg = svg_element("svg");
13078
+ path = svg_element("path");
13079
+ this.h();
13080
+ },
13081
+ l(nodes) {
13082
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
13083
+ var svg_nodes = children(svg);
13084
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
13085
+ children(path).forEach(detach);
13086
+ svg_nodes.forEach(detach);
13087
+ this.h();
13088
+ },
13089
+ h() {
13090
+ attr(path, "fill", /*color*/ ctx[0]);
13091
+ attr(path, "d", "M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z");
13092
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13093
+ set_style(svg, "width", "100%");
13094
+ set_style(svg, "height", "100%");
13095
+ attr(svg, "viewBox", "0 0 576 512");
13096
+ },
13097
+ m(target, anchor) {
13098
+ insert_hydration(target, svg, anchor);
13099
+ append_hydration(svg, path);
13100
+ },
13101
+ p(ctx, [dirty]) {
13102
+ if (dirty & /*color*/ 1) {
13103
+ attr(path, "fill", /*color*/ ctx[0]);
13104
+ }
13105
+ },
13106
+ i: noop,
13107
+ o: noop,
13108
+ d(detaching) {
13109
+ if (detaching) detach(svg);
13110
+ }
13111
+ };
13112
+ }
13113
+
13114
+ function instance$d($$self, $$props, $$invalidate) {
13115
+ let { color } = $$props;
13116
+
13117
+ $$self.$$set = $$props => {
13118
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
13119
+ };
13120
+
13121
+ return [color];
13122
+ }
13123
+
13124
+ class IconStar extends SvelteComponent {
13125
+ constructor(options) {
13126
+ super();
13127
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
13128
+ }
13129
+ }
13130
+
13131
+ /* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
13132
+
13133
+ function create_fragment$c(ctx) {
13134
+ let svg;
13135
+ let path;
13136
+
13137
+ return {
13138
+ c() {
13139
+ svg = svg_element("svg");
13140
+ path = svg_element("path");
13141
+ this.h();
13142
+ },
13143
+ l(nodes) {
13144
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
13145
+ var svg_nodes = children(svg);
13146
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
13147
+ children(path).forEach(detach);
13148
+ svg_nodes.forEach(detach);
13149
+ this.h();
13150
+ },
13151
+ h() {
13152
+ attr(path, "fill", /*color*/ ctx[0]);
13153
+ attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z");
13154
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13155
+ set_style(svg, "width", "100%");
13156
+ set_style(svg, "height", "100%");
13157
+ attr(svg, "viewBox", "0 0 512 512");
13158
+ },
13159
+ m(target, anchor) {
13160
+ insert_hydration(target, svg, anchor);
13161
+ append_hydration(svg, path);
13162
+ },
13163
+ p(ctx, [dirty]) {
13164
+ if (dirty & /*color*/ 1) {
13165
+ attr(path, "fill", /*color*/ ctx[0]);
13166
+ }
13167
+ },
13168
+ i: noop,
13169
+ o: noop,
13170
+ d(detaching) {
13171
+ if (detaching) detach(svg);
13172
+ }
13173
+ };
13174
+ }
13175
+
13176
+ function instance$c($$self, $$props, $$invalidate) {
13177
+ let { color } = $$props;
13178
+
13179
+ $$self.$$set = $$props => {
13180
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
13181
+ };
13182
+
13183
+ return [color];
13184
+ }
13185
+
13186
+ class IconCircleInfo extends SvelteComponent {
13187
+ constructor(options) {
13188
+ super();
13189
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
13190
+ }
13191
+ }
13192
+
13193
+ /* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
13194
+
13195
+ function create_fragment$b(ctx) {
13196
+ let svg;
13197
+ let path;
13198
+
13199
+ return {
13200
+ c() {
13201
+ svg = svg_element("svg");
13202
+ path = svg_element("path");
13203
+ this.h();
13204
+ },
13205
+ l(nodes) {
13206
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
13207
+ var svg_nodes = children(svg);
13208
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
13209
+ children(path).forEach(detach);
13210
+ svg_nodes.forEach(detach);
13211
+ this.h();
13212
+ },
13213
+ h() {
13214
+ attr(path, "fill", /*color*/ ctx[0]);
13215
+ attr(path, "d", "M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z");
13216
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13217
+ set_style(svg, "width", "100%");
13218
+ set_style(svg, "height", "100%");
13219
+ attr(svg, "viewBox", "0 0 512 512");
13220
+ },
13221
+ m(target, anchor) {
13222
+ insert_hydration(target, svg, anchor);
13223
+ append_hydration(svg, path);
13224
+ },
13225
+ p(ctx, [dirty]) {
13226
+ if (dirty & /*color*/ 1) {
13227
+ attr(path, "fill", /*color*/ ctx[0]);
13228
+ }
13229
+ },
13230
+ i: noop,
13231
+ o: noop,
13232
+ d(detaching) {
13233
+ if (detaching) detach(svg);
13234
+ }
13235
+ };
13236
+ }
13237
+
13238
+ function instance$b($$self, $$props, $$invalidate) {
13239
+ let { color } = $$props;
13240
+
13241
+ $$self.$$set = $$props => {
13242
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
13243
+ };
13244
+
13245
+ return [color];
13246
+ }
13247
+
13248
+ class IconEnvelope extends SvelteComponent {
13249
+ constructor(options) {
13250
+ super();
13251
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
13252
+ }
13253
+ }
13254
+
13255
+ /* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
13256
+
13257
+ function create_fragment$a(ctx) {
13258
+ let svg;
13259
+ let path;
13260
+
13261
+ return {
13262
+ c() {
13263
+ svg = svg_element("svg");
13264
+ path = svg_element("path");
13265
+ this.h();
13266
+ },
13267
+ l(nodes) {
13268
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
13269
+ var svg_nodes = children(svg);
13270
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
13271
+ children(path).forEach(detach);
13272
+ svg_nodes.forEach(detach);
13273
+ this.h();
13274
+ },
13275
+ h() {
13276
+ attr(path, "fill", /*color*/ ctx[0]);
13277
+ attr(path, "d", "M190.5 68.8L225.3 128H224 152c-22.1 0-40-17.9-40-40s17.9-40 40-40h2.2c14.9 0 28.8 7.9 36.3 20.8zM64 88c0 14.4 3.5 28 9.6 40H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32H438.4c6.1-12 9.6-25.6 9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9 0-61.5 16.9-77.7 44.4L256 85.5l-24.1-41C215.7 16.9 186.1 0 154.2 0H152C103.4 0 64 39.4 64 88zm336 0c0 22.1-17.9 40-40 40H288h-1.3l34.8-59.2C329.1 55.9 342.9 48 357.8 48H360c22.1 0 40 17.9 40 40zM32 288V464c0 26.5 21.5 48 48 48H224V288H32zM288 512H432c26.5 0 48-21.5 48-48V288H288V512z");
13278
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13279
+ set_style(svg, "width", "100%");
13280
+ set_style(svg, "height", "100%");
13281
+ attr(svg, "viewBox", "0 0 512 512");
13282
+ },
13283
+ m(target, anchor) {
13284
+ insert_hydration(target, svg, anchor);
13285
+ append_hydration(svg, path);
13286
+ },
13287
+ p(ctx, [dirty]) {
13288
+ if (dirty & /*color*/ 1) {
13289
+ attr(path, "fill", /*color*/ ctx[0]);
13290
+ }
13291
+ },
13292
+ i: noop,
13293
+ o: noop,
13294
+ d(detaching) {
13295
+ if (detaching) detach(svg);
13296
+ }
13297
+ };
13298
+ }
13299
+
13300
+ function instance$a($$self, $$props, $$invalidate) {
13301
+ let { color } = $$props;
13302
+
13303
+ $$self.$$set = $$props => {
13304
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
13305
+ };
13306
+
13307
+ return [color];
13308
+ }
13309
+
13310
+ class IconGift extends SvelteComponent {
13311
+ constructor(options) {
13312
+ super();
13313
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
13314
+ }
13315
+ }
13316
+
13317
+ /* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
13318
+
13319
+ function create_fragment$9(ctx) {
13320
+ let svg;
13321
+ let path;
13322
+
13323
+ return {
13324
+ c() {
13325
+ svg = svg_element("svg");
13326
+ path = svg_element("path");
13327
+ this.h();
13328
+ },
13329
+ l(nodes) {
13330
+ svg = claim_svg_element(nodes, "svg", {
13331
+ xmlns: true,
13332
+ width: true,
13333
+ height: true,
13334
+ viewBox: true
13335
+ });
13336
+
13337
+ var svg_nodes = children(svg);
13338
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
13339
+ children(path).forEach(detach);
13340
+ svg_nodes.forEach(detach);
13341
+ this.h();
13342
+ },
13343
+ h() {
13344
+ attr(path, "fill", /*color*/ ctx[0]);
13345
+ attr(path, "d", "M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z");
13346
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13347
+ attr(svg, "width", "100%");
13348
+ attr(svg, "height", "100%");
13349
+ attr(svg, "viewBox", "0 0 448 512");
13350
+ },
13351
+ m(target, anchor) {
13352
+ insert_hydration(target, svg, anchor);
13353
+ append_hydration(svg, path);
13354
+ },
13355
+ p(ctx, [dirty]) {
13356
+ if (dirty & /*color*/ 1) {
13357
+ attr(path, "fill", /*color*/ ctx[0]);
13358
+ }
13359
+ },
13360
+ i: noop,
13361
+ o: noop,
13362
+ d(detaching) {
13363
+ if (detaching) detach(svg);
13364
+ }
13365
+ };
13366
+ }
13367
+
13368
+ function instance$9($$self, $$props, $$invalidate) {
13369
+ let { color } = $$props;
13370
+
13371
+ $$self.$$set = $$props => {
13372
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
13373
+ };
13374
+
13375
+ return [color];
13376
+ }
13377
+
13378
+ class IconPaperclip extends SvelteComponent {
13379
+ constructor(options) {
13380
+ super();
13381
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
13382
+ }
13383
+ }
13384
+
13385
+ /* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
13386
+
13387
+ function create_fragment$8(ctx) {
13388
+ let svg;
13389
+ let path;
13390
+
13391
+ return {
13392
+ c() {
13393
+ svg = svg_element("svg");
13394
+ path = svg_element("path");
13395
+ this.h();
13396
+ },
13397
+ l(nodes) {
13398
+ svg = claim_svg_element(nodes, "svg", {
13399
+ xmlns: true,
13400
+ width: true,
13401
+ height: true,
13402
+ viewBox: true
13403
+ });
13404
+
13405
+ var svg_nodes = children(svg);
13406
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
13407
+ children(path).forEach(detach);
13408
+ svg_nodes.forEach(detach);
13409
+ this.h();
13410
+ },
13411
+ h() {
13412
+ attr(path, "fill", /*color*/ ctx[0]);
13413
+ attr(path, "d", "M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z");
13414
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13415
+ attr(svg, "width", "100%");
13416
+ attr(svg, "height", "100%");
13417
+ attr(svg, "viewBox", "0 0 448 512");
13418
+ },
13419
+ m(target, anchor) {
13420
+ insert_hydration(target, svg, anchor);
13421
+ append_hydration(svg, path);
13422
+ },
13423
+ p(ctx, [dirty]) {
13424
+ if (dirty & /*color*/ 1) {
13425
+ attr(path, "fill", /*color*/ ctx[0]);
13426
+ }
13427
+ },
13428
+ i: noop,
13429
+ o: noop,
13430
+ d(detaching) {
13431
+ if (detaching) detach(svg);
13432
+ }
13433
+ };
13434
+ }
13435
+
13436
+ function instance$8($$self, $$props, $$invalidate) {
13437
+ let { color } = $$props;
13438
+
13439
+ $$self.$$set = $$props => {
13440
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
13441
+ };
13442
+
13443
+ return [color];
13444
+ }
13445
+
13446
+ class IconFire extends SvelteComponent {
13447
+ constructor(options) {
13448
+ super();
13449
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
13450
+ }
13451
+ }
13452
+
13453
+ /* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
13454
+
13455
+ function create_fragment$7(ctx) {
13456
+ let svg;
13457
+ let path;
13458
+
13459
+ return {
13460
+ c() {
13461
+ svg = svg_element("svg");
13462
+ path = svg_element("path");
13463
+ this.h();
13464
+ },
13465
+ l(nodes) {
13466
+ svg = claim_svg_element(nodes, "svg", {
13467
+ xmlns: true,
13468
+ width: true,
13469
+ height: true,
13470
+ viewBox: true
13471
+ });
13472
+
13473
+ var svg_nodes = children(svg);
13474
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
13475
+ children(path).forEach(detach);
13476
+ svg_nodes.forEach(detach);
13477
+ this.h();
13478
+ },
13479
+ h() {
13480
+ attr(path, "fill", /*color*/ ctx[0]);
13481
+ attr(path, "d", "M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z");
13482
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13483
+ attr(svg, "width", "100%");
13484
+ attr(svg, "height", "100%");
13485
+ attr(svg, "viewBox", "0 0 640 512");
13486
+ },
13487
+ m(target, anchor) {
13488
+ insert_hydration(target, svg, anchor);
13489
+ append_hydration(svg, path);
13490
+ },
13491
+ p(ctx, [dirty]) {
13492
+ if (dirty & /*color*/ 1) {
13493
+ attr(path, "fill", /*color*/ ctx[0]);
13494
+ }
13495
+ },
13496
+ i: noop,
13497
+ o: noop,
13498
+ d(detaching) {
13499
+ if (detaching) detach(svg);
13500
+ }
13501
+ };
13502
+ }
13503
+
13504
+ function instance$7($$self, $$props, $$invalidate) {
13505
+ let { color } = $$props;
13506
+
13507
+ $$self.$$set = $$props => {
13508
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
13509
+ };
13510
+
13511
+ return [color];
13512
+ }
13513
+
13514
+ class IconLink extends SvelteComponent {
13515
+ constructor(options) {
13516
+ super();
13517
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { color: 0 });
13518
+ }
13519
+ }
13520
+
13521
+ const ICON_SIZE = {
13522
+ x_small: {
13523
+ label: 'X Small',
13524
+ value: '12px',
13525
+ },
13526
+ small: {
13527
+ label: 'Small',
13528
+ value: '16px',
13529
+ },
13530
+ medium: {
13531
+ label: 'Medium',
13532
+ value: '20px',
13533
+ },
13534
+ large: {
13535
+ label: 'Large',
13536
+ value: '24px',
13537
+ },
13538
+ x_large: {
13539
+ label: 'X Large',
13540
+ value: '32px',
13541
+ },
13542
+ x2_large: {
13543
+ label: '2X Large',
13544
+ value: '40px',
13545
+ },
13546
+ x3_large: {
13547
+ label: '3X Large',
13548
+ value: '48px',
13549
+ },
13550
+ };
13551
+ const ICON_VARIANTS = {
13552
+ arrow_down: IconArrowDown,
13553
+ arrow_up: IconArrowUp,
13554
+ arrow_left: IconArrowLeft,
13555
+ arrow_right: IconArrowRight,
13556
+ arrow_up_from_square: IconArrowUpFromSquare,
13557
+ bell: IconBell,
13558
+ cart_shopping: IconCartShopping,
13559
+ check: IconCheck,
13560
+ circle: IconCircle,
13561
+ circle_info: IconCircleInfo,
13562
+ circle_question: IconCircleQuestion,
13563
+ circle_x_mark: IconCircleXMark,
13564
+ copy: IconCopy,
13565
+ envelope: IconEnvelope,
13566
+ // facebook: IconFacebook,
13567
+ fire: IconFire,
13568
+ gift: IconGift,
13569
+ heart: IconHeart,
13570
+ link: IconLink,
13571
+ magnifying_grass: IconMagnifyingGrass,
13572
+ paperclip: IconPaperclip,
13573
+ paper_plane: IconPaperPlane,
13574
+ star: IconStar,
13575
+ ticket: IconTicket,
13576
+ truck: IconTrack,
13577
+ users: IconUsers,
13578
+ x_mark: IconXMark,
13579
+ };
13580
+ // @ts-ignore
13581
+ [
13582
+ {
13583
+ id: 'variant',
13584
+ name: 'アイコン',
13585
+ type: 'icon',
13586
+ },
13587
+ {
13588
+ id: 'color',
13589
+ name: 'カラー',
13590
+ type: 'color',
13591
+ },
13592
+ {
13593
+ id: 'size',
13594
+ name: 'サイズ',
13595
+ type: 'select',
13596
+ options: Object.keys(ICON_SIZE).map(key => ({
13597
+ label: ICON_SIZE[key].label,
13598
+ value: ICON_SIZE[key].value,
13599
+ })),
13600
+ },
13601
+ ];
13602
+
13603
+ const toHyphenCase = (str) => {
13604
+ let result = str.replace(/_/g, '-');
13605
+ result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
13606
+ return result;
13607
+ };
13608
+ const objToStyle = (obj) => {
13609
+ const styles = Object.entries(obj)
13610
+ .map(([key, value]) => {
13611
+ if (value === undefined)
13612
+ return '';
13613
+ return `${toHyphenCase(key)}: ${value};`;
13614
+ })
13615
+ .filter(v => v !== '');
13616
+ return styles.join(' ');
13617
+ };
13618
+
13619
+ /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
13620
+
13621
+ function create_if_block$3(ctx) {
13622
+ let div;
13623
+ let switch_instance;
13624
+ let div_style_value;
13625
+ let current;
13626
+ var switch_value = /*IconComponent*/ ctx[3];
13627
+
13628
+ function switch_props(ctx) {
13629
+ return {
13630
+ props: { color: /*props*/ ctx[1].color ?? '#333' }
13631
+ };
13632
+ }
13633
+
13634
+ if (switch_value) {
13635
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
13636
+ }
13637
+
13638
+ return {
13639
+ c() {
13640
+ div = element("div");
13641
+ if (switch_instance) create_component(switch_instance.$$.fragment);
13642
+ this.h();
13643
+ },
13644
+ l(nodes) {
13645
+ div = claim_element(nodes, "DIV", {
13646
+ "data-layer-id": true,
13647
+ "data-component-id": true,
13648
+ style: true
13649
+ });
13650
+
13651
+ var div_nodes = children(div);
13652
+ if (switch_instance) claim_component(switch_instance.$$.fragment, div_nodes);
13653
+ div_nodes.forEach(detach);
13654
+ this.h();
13655
+ },
13656
+ h() {
13657
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13658
+ attr(div, "data-component-id", "icon");
13659
+ attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
13660
+ },
13661
+ m(target, anchor) {
13662
+ insert_hydration(target, div, anchor);
13663
+ if (switch_instance) mount_component(switch_instance, div, null);
13664
+ current = true;
13665
+ },
13666
+ p(ctx, dirty) {
13667
+ const switch_instance_changes = {};
13668
+ if (dirty & /*props*/ 2) switch_instance_changes.color = /*props*/ ctx[1].color ?? '#333';
13669
+
13670
+ if (switch_value !== (switch_value = /*IconComponent*/ ctx[3])) {
13671
+ if (switch_instance) {
13672
+ group_outros();
13673
+ const old_component = switch_instance;
13674
+
13675
+ transition_out(old_component.$$.fragment, 1, 0, () => {
13676
+ destroy_component(old_component, 1);
13677
+ });
13678
+
13679
+ check_outros();
13680
+ }
13681
+
13682
+ if (switch_value) {
13683
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
13684
+ create_component(switch_instance.$$.fragment);
13685
+ transition_in(switch_instance.$$.fragment, 1);
13686
+ mount_component(switch_instance, div, null);
13687
+ } else {
13688
+ switch_instance = null;
13689
+ }
13690
+ } else if (switch_value) {
13691
+ switch_instance.$set(switch_instance_changes);
13692
+ }
13693
+
13694
+ if (!current || dirty & /*layerId*/ 1) {
13695
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13696
+ }
13697
+
13698
+ if (!current || dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
13699
+ attr(div, "style", div_style_value);
13700
+ }
13701
+ },
13702
+ i(local) {
13703
+ if (current) return;
13704
+ if (switch_instance) transition_in(switch_instance.$$.fragment, local);
13705
+ current = true;
13706
+ },
13707
+ o(local) {
13708
+ if (switch_instance) transition_out(switch_instance.$$.fragment, local);
13709
+ current = false;
13710
+ },
13711
+ d(detaching) {
13712
+ if (detaching) detach(div);
13713
+ if (switch_instance) destroy_component(switch_instance);
13714
+ }
13715
+ };
13716
+ }
13717
+
13718
+ function create_fragment$6(ctx) {
13719
+ let if_block_anchor;
13720
+ let current;
13721
+ let if_block = /*IconComponent*/ ctx[3] && create_if_block$3(ctx);
13722
+
13723
+ return {
13724
+ c() {
13725
+ if (if_block) if_block.c();
13726
+ if_block_anchor = empty();
13727
+ },
13728
+ l(nodes) {
13729
+ if (if_block) if_block.l(nodes);
13730
+ if_block_anchor = empty();
13731
+ },
13732
+ m(target, anchor) {
13733
+ if (if_block) if_block.m(target, anchor);
13734
+ insert_hydration(target, if_block_anchor, anchor);
13735
+ current = true;
13736
+ },
13737
+ p(ctx, [dirty]) {
13738
+ if (/*IconComponent*/ ctx[3]) {
13739
+ if (if_block) {
13740
+ if_block.p(ctx, dirty);
13741
+
13742
+ if (dirty & /*IconComponent*/ 8) {
13743
+ transition_in(if_block, 1);
13744
+ }
13745
+ } else {
13746
+ if_block = create_if_block$3(ctx);
13747
+ if_block.c();
13748
+ transition_in(if_block, 1);
13749
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
13750
+ }
13751
+ } else if (if_block) {
13752
+ group_outros();
13753
+
13754
+ transition_out(if_block, 1, 1, () => {
13755
+ if_block = null;
13756
+ });
13757
+
13758
+ check_outros();
13759
+ }
13760
+ },
13761
+ i(local) {
13762
+ if (current) return;
13763
+ transition_in(if_block);
13764
+ current = true;
13765
+ },
13766
+ o(local) {
13767
+ transition_out(if_block);
13768
+ current = false;
13769
+ },
13770
+ d(detaching) {
13771
+ if (if_block) if_block.d(detaching);
13772
+ if (detaching) detach(if_block_anchor);
13773
+ }
13774
+ };
13775
+ }
13776
+
13777
+ function instance$6($$self, $$props, $$invalidate) {
13778
+ let style;
13779
+ let IconComponent;
13780
+ let { layerId } = $$props;
13781
+ let { props } = $$props;
13782
+ let { overrideStyle } = $$props;
13783
+
13784
+ $$self.$$set = $$props => {
13785
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13786
+ if ('props' in $$props) $$invalidate(1, props = $$props.props);
13787
+ if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
13788
+ };
13789
+
13790
+ $$self.$$.update = () => {
13791
+ if ($$self.$$.dirty & /*props*/ 2) {
13792
+ $$invalidate(4, style = objToStyle({
13793
+ display: 'inline-flex',
13794
+ alignItems: 'center',
13795
+ overflow: 'hidden',
13796
+ width: 'auto',
13797
+ minWidth: props.size,
13798
+ height: props.size
13799
+ }));
13800
+ }
13801
+
13802
+ if ($$self.$$.dirty & /*props*/ 2) {
13803
+ $$invalidate(3, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
13804
+ }
13805
+ };
13806
+
13807
+ return [layerId, props, overrideStyle, IconComponent, style];
13808
+ }
13809
+
13810
+ class Icon extends SvelteComponent {
13811
+ constructor(options) {
13812
+ super();
13813
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
13814
+ }
13815
+ }
13816
+
13817
+ /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
13818
+
13819
+ function add_css(target) {
13820
+ 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}");
13821
+ }
13822
+
13823
+ // (116:2) {#if (props.isIcon && props.iconVariant)}
13824
+ function create_if_block$2(ctx) {
13825
+ let div;
13826
+ let icon;
13827
+ let current;
13828
+
13829
+ icon = new Icon({
13830
+ props: {
13831
+ layerId: undefined,
13832
+ overrideStyle: undefined,
13833
+ props: {
13834
+ variant: /*props*/ ctx[1].iconVariant,
13835
+ size: '1em',
13836
+ color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
13837
+ }
13838
+ }
13839
+ });
13840
+
13841
+ return {
13842
+ c() {
13843
+ div = element("div");
13844
+ create_component(icon.$$.fragment);
13845
+ this.h();
13846
+ },
13847
+ l(nodes) {
13848
+ div = claim_element(nodes, "DIV", { class: true });
13849
+ var div_nodes = children(div);
13850
+ claim_component(icon.$$.fragment, div_nodes);
13851
+ div_nodes.forEach(detach);
13852
+ this.h();
13853
+ },
13854
+ h() {
13855
+ attr(div, "class", "v2-button-icon svelte-1uf4vt5");
13856
+ },
13857
+ m(target, anchor) {
13858
+ insert_hydration(target, div, anchor);
13859
+ mount_component(icon, div, null);
13860
+ current = true;
13861
+ },
13862
+ p(ctx, dirty) {
13863
+ const icon_changes = {};
13864
+
13865
+ if (dirty & /*props*/ 2) icon_changes.props = {
13866
+ variant: /*props*/ ctx[1].iconVariant,
13867
+ size: '1em',
13868
+ color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
13869
+ };
13870
+
13871
+ icon.$set(icon_changes);
13872
+ },
13873
+ i(local) {
13874
+ if (current) return;
13875
+ transition_in(icon.$$.fragment, local);
13876
+ current = true;
13877
+ },
13878
+ o(local) {
13879
+ transition_out(icon.$$.fragment, local);
13880
+ current = false;
13881
+ },
13882
+ d(detaching) {
13883
+ if (detaching) detach(div);
13884
+ destroy_component(icon);
13885
+ }
13886
+ };
13887
+ }
13888
+
13889
+ function create_fragment$5(ctx) {
13890
+ let button;
13891
+ let t0;
13892
+ let span;
13893
+ let t1_value = /*props*/ ctx[1].label + "";
13894
+ let t1;
13895
+ let button_style_value;
13896
+ let current;
13897
+ let if_block = /*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant && create_if_block$2(ctx);
13898
+
13899
+ return {
13900
+ c() {
13901
+ button = element("button");
13902
+ if (if_block) if_block.c();
13903
+ t0 = space();
13904
+ span = element("span");
13905
+ t1 = text(t1_value);
13906
+ this.h();
13907
+ },
13908
+ l(nodes) {
13909
+ button = claim_element(nodes, "BUTTON", {
13910
+ "data-layer-id": true,
13911
+ style: true,
13912
+ class: true
13913
+ });
13914
+
13915
+ var button_nodes = children(button);
13916
+ if (if_block) if_block.l(button_nodes);
13917
+ t0 = claim_space(button_nodes);
13918
+ span = claim_element(button_nodes, "SPAN", {});
13919
+ var span_nodes = children(span);
13920
+ t1 = claim_text(span_nodes, t1_value);
13921
+ span_nodes.forEach(detach);
13922
+ button_nodes.forEach(detach);
13923
+ this.h();
13924
+ },
13925
+ h() {
13926
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13927
+ attr(button, "style", button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '));
13928
+ attr(button, "class", "v2-button svelte-1uf4vt5");
13929
+ },
13930
+ m(target, anchor) {
13931
+ insert_hydration(target, button, anchor);
13932
+ if (if_block) if_block.m(button, null);
13933
+ append_hydration(button, t0);
13934
+ append_hydration(button, span);
13935
+ append_hydration(span, t1);
13936
+ current = true;
13937
+ },
13938
+ p(ctx, [dirty]) {
13939
+ if (/*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant) {
13940
+ if (if_block) {
13941
+ if_block.p(ctx, dirty);
13942
+
13943
+ if (dirty & /*props*/ 2) {
13944
+ transition_in(if_block, 1);
13945
+ }
13946
+ } else {
13947
+ if_block = create_if_block$2(ctx);
13948
+ if_block.c();
13949
+ transition_in(if_block, 1);
13950
+ if_block.m(button, t0);
13951
+ }
13952
+ } else if (if_block) {
13953
+ group_outros();
13954
+
13955
+ transition_out(if_block, 1, 1, () => {
13956
+ if_block = null;
13957
+ });
13958
+
13959
+ check_outros();
13960
+ }
13961
+
13962
+ if ((!current || dirty & /*props*/ 2) && t1_value !== (t1_value = /*props*/ ctx[1].label + "")) set_data(t1, t1_value);
13963
+
13964
+ if (!current || dirty & /*layerId*/ 1) {
13965
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13966
+ }
13967
+
13968
+ if (!current || dirty & /*style, overrideStyle*/ 12 && button_style_value !== (button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '))) {
13969
+ attr(button, "style", button_style_value);
13970
+ }
13971
+ },
13972
+ i(local) {
13973
+ if (current) return;
13974
+ transition_in(if_block);
13975
+ current = true;
13976
+ },
13977
+ o(local) {
13978
+ transition_out(if_block);
13979
+ current = false;
13980
+ },
13981
+ d(detaching) {
13982
+ if (detaching) detach(button);
13983
+ if (if_block) if_block.d();
13984
+ }
13985
+ };
13986
+ }
13987
+
13988
+ function instance$5($$self, $$props, $$invalidate) {
13989
+ let style;
13990
+
13991
+ const VARIANTS = {
13992
+ size: {
13993
+ extra_small: {
13994
+ minHeight: '32px',
13995
+ paddingInline: '12px',
13996
+ fontSize: '12px',
13997
+ paddingBlock: '8px',
13998
+ lineHeight: 1.5,
13999
+ borderRadius: '4px'
14000
+ },
14001
+ small: {
14002
+ minHeight: '36px',
14003
+ paddingInline: '16px',
14004
+ fontSize: '13px',
14005
+ paddingBlock: '8px',
14006
+ lineHeight: 1.5,
14007
+ borderRadius: '4px'
14008
+ },
14009
+ // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
14010
+ medium: {
14011
+ minHeight: '40px',
14012
+ paddingInline: '24px',
14013
+ fontSize: '14px',
14014
+ paddingBlock: '8px',
14015
+ lineHeight: 1.5,
14016
+ borderRadius: '4px'
14017
+ },
14018
+ // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
14019
+ large: {
14020
+ minHeight: '48px',
14021
+ paddingInline: '32px',
14022
+ fontSize: '16px',
14023
+ paddingBlock: '10px',
14024
+ lineHeight: 1.5,
14025
+ borderRadius: '4px'
14026
+ },
14027
+ extra_large: {
14028
+ minHeight: '56px',
14029
+ paddingInline: '40px',
14030
+ fontSize: '17px',
14031
+ paddingBlock: '12px',
14032
+ lineHeight: 1.5,
14033
+ borderRadius: '4px'
14034
+ }
14035
+ },
14036
+ color: {
14037
+ theme: {
14038
+ backgroundColor: 'rgba(18,160,160,1)',
14039
+ color: '#FFFFFF',
14040
+ fontWeight: 'bold'
14041
+ },
14042
+ default: {
14043
+ backgroundColor: '#33403e',
14044
+ color: '#FFFFFF',
14045
+ fontWeight: 'bold'
14046
+ }, // 'bg-action-default hover:bg-action-default-hover text-default'
14047
+ transparent: {
14048
+ backgroundColor: 'rgba(255, 255, 255, 0)',
14049
+ color: '#00100ea1',
14050
+ fontWeight: 'bold'
14051
+ }, // 'bg-action-default hover:bg-action-default-hover text-default'
14052
+ alert: {
14053
+ backgroundColor: 'rgb(242,83,32,1)',
14054
+ color: '#FFFFFF',
14055
+ fontWeight: 'bold'
14056
+ }, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
14057
+
14058
+ },
14059
+ round: {
14060
+ none: { borderRadius: 0 },
14061
+ default: {},
14062
+ fulled: { borderRadius: '56px' }
14063
+ },
14064
+ wrap: {
14065
+ nowrap: { whiteSpace: 'nowrap' },
14066
+ wrap: { whiteSpace: 'pre-wrap' }
14067
+ }
14068
+ };
14069
+
14070
+ let { layerId } = $$props;
14071
+ let { props } = $$props;
14072
+ let { overrideStyle } = $$props;
14073
+
14074
+ $$self.$$set = $$props => {
14075
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14076
+ if ('props' in $$props) $$invalidate(1, props = $$props.props);
14077
+ if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
14078
+ };
14079
+
14080
+ $$self.$$.update = () => {
14081
+ if ($$self.$$.dirty & /*props*/ 2) {
14082
+ $$invalidate(3, style = objToStyle({
14083
+ ...{
14084
+ display: 'inline-flex',
14085
+ gap: '0.65em',
14086
+ alignItems: 'center',
14087
+ justifyContent: 'center',
14088
+ outline: 0,
14089
+ border: 0,
14090
+ transition: 'background-color 0.12s, border-color 0.12s, color 0.12s'
14091
+ },
14092
+ width: props.width,
14093
+ ...VARIANTS.size[props.size ?? 'medium'],
14094
+ ...VARIANTS.color[props.color ?? 'default'],
14095
+ ...VARIANTS.wrap[props.wrap ?? 'nowrap'],
14096
+ ...VARIANTS.round[props.round ?? 'default'],
14097
+ ...props.iconAngle
14098
+ ? { flexDirection: props.iconAngle }
14099
+ : {}
14100
+ }));
14101
+ }
14102
+ };
14103
+
14104
+ return [layerId, props, overrideStyle, style, VARIANTS];
14105
+ }
14106
+
14107
+ class Button extends SvelteComponent {
14108
+ constructor(options) {
14109
+ super();
14110
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 }, add_css);
14111
+ }
14112
+ }
14113
+
14114
+ const toCssBorder = (p) => {
14115
+ return {
14116
+ borderStyle: p?.style,
14117
+ borderColor: p?.color,
14118
+ borderWidth: p ? `${p.size}px` : undefined,
14119
+ };
14120
+ };
14121
+ const toCssPosition = (p) => {
14122
+ return {
14123
+ position: p?.position ?? 'static',
14124
+ top: p?.top,
14125
+ left: p?.left,
14126
+ bottom: p?.bottom,
14127
+ right: p?.right,
14128
+ };
14129
+ };
14130
+
14131
+ /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
14132
+
14133
+ function create_fragment$4(ctx) {
14134
+ let div;
14135
+ let current;
14136
+ const default_slot_template = /*#slots*/ ctx[4].default;
14137
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
14138
+
14139
+ return {
14140
+ c() {
14141
+ div = element("div");
14142
+ if (default_slot) default_slot.c();
14143
+ this.h();
14144
+ },
14145
+ l(nodes) {
14146
+ div = claim_element(nodes, "DIV", {
14147
+ "data-layer-id": true,
14148
+ "data-component-name": true,
14149
+ style: true
14150
+ });
14151
+
14152
+ var div_nodes = children(div);
14153
+ if (default_slot) default_slot.l(div_nodes);
14154
+ div_nodes.forEach(detach);
14155
+ this.h();
14156
+ },
14157
+ h() {
14158
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14159
+ attr(div, "data-component-name", "layout");
14160
+ attr(div, "style", /*style*/ ctx[1]);
14161
+ },
14162
+ m(target, anchor) {
14163
+ insert_hydration(target, div, anchor);
14164
+
14165
+ if (default_slot) {
14166
+ default_slot.m(div, null);
14167
+ }
14168
+
14169
+ current = true;
14170
+ },
14171
+ p(ctx, [dirty]) {
14172
+ if (default_slot) {
14173
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
14174
+ update_slot_base(
14175
+ default_slot,
14176
+ default_slot_template,
14177
+ ctx,
14178
+ /*$$scope*/ ctx[3],
14179
+ !current
14180
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
14181
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
14182
+ null
14183
+ );
14184
+ }
14185
+ }
14186
+
14187
+ if (!current || dirty & /*layerId*/ 1) {
14188
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14189
+ }
14190
+
14191
+ if (!current || dirty & /*style*/ 2) {
14192
+ attr(div, "style", /*style*/ ctx[1]);
14193
+ }
14194
+ },
14195
+ i(local) {
14196
+ if (current) return;
14197
+ transition_in(default_slot, local);
14198
+ current = true;
14199
+ },
14200
+ o(local) {
14201
+ transition_out(default_slot, local);
14202
+ current = false;
14203
+ },
14204
+ d(detaching) {
14205
+ if (detaching) detach(div);
14206
+ if (default_slot) default_slot.d(detaching);
14207
+ }
14208
+ };
14209
+ }
14210
+
14211
+ function instance$4($$self, $$props, $$invalidate) {
14212
+ let style;
14213
+ let { $$slots: slots = {}, $$scope } = $$props;
14214
+ let { layerId = undefined } = $$props;
14215
+ let { props = {} } = $$props;
14216
+
14217
+ $$self.$$set = $$props => {
14218
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14219
+ if ('props' in $$props) $$invalidate(2, props = $$props.props);
14220
+ if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
14221
+ };
14222
+
14223
+ $$self.$$.update = () => {
14224
+ if ($$self.$$.dirty & /*props*/ 4) {
14225
+ $$invalidate(1, style = objToStyle({
14226
+ display: props.display ?? 'flex',
14227
+ flexDirection: props.direction,
14228
+ alignItems: props.align,
14229
+ justifyContent: props.justify,
14230
+ rowGap: props.rowGap,
14231
+ columnGap: props.columnGap,
14232
+ backgroundColor: props.backgroundColor,
14233
+ boxShadow: props.shadow,
14234
+ paddingTop: props.paddingTop,
14235
+ paddingLeft: props.paddingLeft,
14236
+ paddingRight: props.paddingRight,
14237
+ paddingBottom: props.paddingBottom,
14238
+ borderRadius: props.borderRadius,
14239
+ width: props.width,
14240
+ ...toCssPosition(props),
14241
+ ...toCssBorder(props.border),
14242
+ ...props.backgroundImage && {
14243
+ backgroundImage: `url(${props.backgroundImage})`,
14244
+ backgroundSize: 'cover'
14245
+ }
14246
+ }));
14247
+ }
14248
+ };
14249
+
14250
+ return [layerId, style, props, $$scope, slots];
14251
+ }
14252
+
14253
+ class Layout extends SvelteComponent {
14254
+ constructor(options) {
14255
+ super();
14256
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { layerId: 0, props: 2 });
14257
+ }
14258
+ }
14259
+
14260
+ /* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
14261
+
14262
+ function create_fragment$3(ctx) {
14263
+ let p;
14264
+
14265
+ return {
14266
+ c() {
14267
+ p = element("p");
14268
+ this.h();
14269
+ },
14270
+ l(nodes) {
14271
+ p = claim_element(nodes, "P", { "data-layer-id": true, style: true });
14272
+ var p_nodes = children(p);
14273
+ p_nodes.forEach(detach);
14274
+ this.h();
14275
+ },
14276
+ h() {
14277
+ attr(p, "data-layer-id", /*layerId*/ ctx[0]);
14278
+ attr(p, "style", /*style*/ ctx[1]);
14279
+ },
14280
+ m(target, anchor) {
14281
+ insert_hydration(target, p, anchor);
14282
+ p.innerHTML = /*escapedHTML*/ ctx[2];
14283
+ },
14284
+ p(ctx, [dirty]) {
14285
+ if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
14286
+ if (dirty & /*layerId*/ 1) {
14287
+ attr(p, "data-layer-id", /*layerId*/ ctx[0]);
14288
+ }
14289
+
14290
+ if (dirty & /*style*/ 2) {
14291
+ attr(p, "style", /*style*/ ctx[1]);
14292
+ }
14293
+ },
14294
+ i: noop,
14295
+ o: noop,
14296
+ d(detaching) {
14297
+ if (detaching) detach(p);
14298
+ }
14299
+ };
14300
+ }
14301
+
14302
+ function instance$3($$self, $$props, $$invalidate) {
14303
+ let escapedHTML;
14304
+ let style;
14305
+ let { layerId } = $$props;
14306
+ let { props } = $$props;
14307
+
14308
+ $$self.$$set = $$props => {
14309
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14310
+ if ('props' in $$props) $$invalidate(3, props = $$props.props);
14311
+ };
14312
+
14313
+ $$self.$$.update = () => {
14314
+ if ($$self.$$.dirty & /*props*/ 8) {
14315
+ $$invalidate(2, escapedHTML = props.content.replace(/&/g, '&lt;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\n/g, '<br />'));
14316
+ }
14317
+
14318
+ if ($$self.$$.dirty & /*props*/ 8) {
14319
+ $$invalidate(1, style = objToStyle({
14320
+ margin: 0,
14321
+ position: props?.position ?? 'static',
14322
+ fontWeight: props.fontWeight,
14323
+ fontSize: props.fontSize,
14324
+ textAlign: props.align,
14325
+ wordBreak: 'break-all',
14326
+ backgroundColor: props.backgroundColor,
14327
+ paddingTop: props.paddingTop,
14328
+ paddingLeft: props.paddingLeft,
14329
+ paddingRight: props.paddingRight,
14330
+ paddingBottom: props.paddingBottom,
14331
+ borderRadius: props.borderRadius,
14332
+ width: props.width,
14333
+ ...toCssPosition(props)
14334
+ }));
14335
+ }
14336
+ };
14337
+
14338
+ return [layerId, style, escapedHTML, props];
14339
+ }
14340
+
14341
+ class Text extends SvelteComponent {
14342
+ constructor(options) {
14343
+ super();
14344
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 3 });
14345
+ }
14346
+ }
14347
+
14348
+ /* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
14349
+
14350
+ function create_if_block$1(ctx) {
14351
+ let div;
14352
+ let img;
14353
+ let img_src_value;
14354
+ let div_style_value;
14355
+
14356
+ return {
14357
+ c() {
14358
+ div = element("div");
14359
+ img = element("img");
14360
+ this.h();
14361
+ },
14362
+ l(nodes) {
14363
+ div = claim_element(nodes, "DIV", {
14364
+ "data-layer-id": true,
14365
+ "data-component-id": true,
14366
+ style: true
14367
+ });
14368
+
14369
+ var div_nodes = children(div);
14370
+ img = claim_element(div_nodes, "IMG", { src: true, alt: true, style: true });
14371
+ div_nodes.forEach(detach);
14372
+ this.h();
14373
+ },
14374
+ h() {
14375
+ if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
14376
+ attr(img, "alt", "");
14377
+ attr(img, "style", /*imgStyle*/ ctx[3]);
14378
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14379
+ attr(div, "data-component-id", "avatar");
14380
+ attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
14381
+ },
14382
+ m(target, anchor) {
14383
+ insert_hydration(target, div, anchor);
14384
+ append_hydration(div, img);
14385
+ },
14386
+ p(ctx, dirty) {
14387
+ if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
14388
+ attr(img, "src", img_src_value);
14389
+ }
14390
+
14391
+ if (dirty & /*imgStyle*/ 8) {
14392
+ attr(img, "style", /*imgStyle*/ ctx[3]);
14393
+ }
14394
+
14395
+ if (dirty & /*layerId*/ 1) {
14396
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14397
+ }
14398
+
14399
+ if (dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
14400
+ attr(div, "style", div_style_value);
14401
+ }
14402
+ },
14403
+ d(detaching) {
14404
+ if (detaching) detach(div);
14405
+ }
14406
+ };
14407
+ }
14408
+
14409
+ function create_fragment$2(ctx) {
14410
+ let if_block_anchor;
14411
+ let if_block = /*props*/ ctx[1].image && create_if_block$1(ctx);
14412
+
14413
+ return {
14414
+ c() {
14415
+ if (if_block) if_block.c();
14416
+ if_block_anchor = empty();
14417
+ },
14418
+ l(nodes) {
14419
+ if (if_block) if_block.l(nodes);
14420
+ if_block_anchor = empty();
14421
+ },
14422
+ m(target, anchor) {
14423
+ if (if_block) if_block.m(target, anchor);
14424
+ insert_hydration(target, if_block_anchor, anchor);
14425
+ },
14426
+ p(ctx, [dirty]) {
14427
+ if (/*props*/ ctx[1].image) {
14428
+ if (if_block) {
14429
+ if_block.p(ctx, dirty);
14430
+ } else {
14431
+ if_block = create_if_block$1(ctx);
14432
+ if_block.c();
14433
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
14434
+ }
14435
+ } else if (if_block) {
14436
+ if_block.d(1);
14437
+ if_block = null;
14438
+ }
14439
+ },
14440
+ i: noop,
14441
+ o: noop,
14442
+ d(detaching) {
14443
+ if (if_block) if_block.d(detaching);
14444
+ if (detaching) detach(if_block_anchor);
14445
+ }
14446
+ };
14447
+ }
14448
+
14449
+ function instance$2($$self, $$props, $$invalidate) {
14450
+ let style;
14451
+ let imgStyle;
14452
+ let { layerId } = $$props;
14453
+ let { props } = $$props;
14454
+ let { overrideStyle } = $$props;
14455
+
14456
+ const VARIANTS = {
14457
+ shape: {
14458
+ circle: { borderRadius: '100%' },
14459
+ square: { borderRadius: '4px' }
14460
+ }
14461
+ };
14462
+
14463
+ const size = props.size ?? 64;
14464
+
14465
+ $$self.$$set = $$props => {
14466
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14467
+ if ('props' in $$props) $$invalidate(1, props = $$props.props);
14468
+ if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
14469
+ };
14470
+
14471
+ $$self.$$.update = () => {
14472
+ if ($$self.$$.dirty & /*props*/ 2) {
14473
+ $$invalidate(4, style = objToStyle({
14474
+ display: 'flex',
14475
+ alignItems: 'center',
14476
+ overflow: 'hidden',
14477
+ flexShrink: 0,
14478
+ width: `${size}px`,
14479
+ height: `${size}px`,
14480
+ ...VARIANTS.shape[props.shape ?? 'square'],
14481
+ ...props.bordered && { border: `1px solid #dbdbdb` }
14482
+ }));
14483
+ }
14484
+ };
14485
+
14486
+ $$invalidate(3, imgStyle = objToStyle({
14487
+ width: '100%',
14488
+ height: '100%',
14489
+ objectFit: 'cover'
14490
+ }));
14491
+
14492
+ return [layerId, props, overrideStyle, imgStyle, style];
14493
+ }
14494
+
14495
+ class Avatar extends SvelteComponent {
14496
+ constructor(options) {
14497
+ super();
14498
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
14499
+ }
14500
+ }
14501
+
14502
+ /* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
14503
+
14504
+ function create_if_block(ctx) {
14505
+ let div;
14506
+ let object;
14507
+ let img;
14508
+ let img_src_value;
14509
+ let div_style_value;
14510
+
14511
+ return {
14512
+ c() {
14513
+ div = element("div");
14514
+ object = element("object");
14515
+ img = element("img");
14516
+ this.h();
14517
+ },
14518
+ l(nodes) {
14519
+ div = claim_element(nodes, "DIV", { "data-layer-id": true, style: true });
14520
+ var div_nodes = children(div);
14521
+ object = claim_element(div_nodes, "OBJECT", { style: true, title: true });
14522
+ var object_nodes = children(object);
14523
+ img = claim_element(object_nodes, "IMG", { src: true, alt: true, style: true });
14524
+ object_nodes.forEach(detach);
14525
+ div_nodes.forEach(detach);
14526
+ this.h();
14527
+ },
14528
+ h() {
14529
+ if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
14530
+ attr(img, "alt", "");
14531
+ attr(img, "style", /*imgStyle*/ ctx[3]);
14532
+ attr(object, "style", /*objectStyle*/ ctx[4]);
14533
+ attr(object, "title", "");
14534
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14535
+ attr(div, "style", div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '));
14536
+ },
14537
+ m(target, anchor) {
14538
+ insert_hydration(target, div, anchor);
14539
+ append_hydration(div, object);
14540
+ append_hydration(object, img);
14541
+ },
14542
+ p(ctx, dirty) {
14543
+ if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
14544
+ attr(img, "src", img_src_value);
14545
+ }
14546
+
14547
+ if (dirty & /*imgStyle*/ 8) {
14548
+ attr(img, "style", /*imgStyle*/ ctx[3]);
14549
+ }
14550
+
14551
+ if (dirty & /*objectStyle*/ 16) {
14552
+ attr(object, "style", /*objectStyle*/ ctx[4]);
14553
+ }
14554
+
14555
+ if (dirty & /*layerId*/ 1) {
14556
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14557
+ }
14558
+
14559
+ if (dirty & /*style, overrideStyle*/ 36 && div_style_value !== (div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '))) {
14560
+ attr(div, "style", div_style_value);
14561
+ }
14562
+ },
14563
+ d(detaching) {
14564
+ if (detaching) detach(div);
14565
+ }
14566
+ };
14567
+ }
14568
+
14569
+ function create_fragment$1(ctx) {
14570
+ let if_block_anchor;
14571
+ let if_block = /*props*/ ctx[1].image && create_if_block(ctx);
14572
+
14573
+ return {
14574
+ c() {
14575
+ if (if_block) if_block.c();
14576
+ if_block_anchor = empty();
14577
+ },
14578
+ l(nodes) {
14579
+ if (if_block) if_block.l(nodes);
14580
+ if_block_anchor = empty();
14581
+ },
14582
+ m(target, anchor) {
14583
+ if (if_block) if_block.m(target, anchor);
14584
+ insert_hydration(target, if_block_anchor, anchor);
14585
+ },
14586
+ p(ctx, [dirty]) {
14587
+ if (/*props*/ ctx[1].image) {
14588
+ if (if_block) {
14589
+ if_block.p(ctx, dirty);
14590
+ } else {
14591
+ if_block = create_if_block(ctx);
14592
+ if_block.c();
14593
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
14594
+ }
14595
+ } else if (if_block) {
14596
+ if_block.d(1);
14597
+ if_block = null;
14598
+ }
14599
+ },
14600
+ i: noop,
14601
+ o: noop,
14602
+ d(detaching) {
14603
+ if (if_block) if_block.d(detaching);
14604
+ if (detaching) detach(if_block_anchor);
14605
+ }
14606
+ };
14607
+ }
14608
+
14609
+ function instance$1($$self, $$props, $$invalidate) {
14610
+ let style;
14611
+ let objectStyle;
14612
+ let imgStyle;
14613
+ let { layerId } = $$props;
14614
+ let { props } = $$props;
14615
+ let { overrideStyle } = $$props;
14616
+
14617
+ $$self.$$set = $$props => {
14618
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14619
+ if ('props' in $$props) $$invalidate(1, props = $$props.props);
14620
+ if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
14621
+ };
14622
+
14623
+ $$self.$$.update = () => {
14624
+ if ($$self.$$.dirty & /*props*/ 2) {
14625
+ $$invalidate(5, style = objToStyle({
14626
+ width: props.width,
14627
+ display: 'flex',
14628
+ maxWidth: '100%',
14629
+ alignItems: 'center',
14630
+ justifyContent: 'center',
14631
+ overflow: 'hidden',
14632
+ wordBreak: 'break-all'
14633
+ }));
14634
+ }
14635
+
14636
+ if ($$self.$$.dirty & /*props*/ 2) {
14637
+ $$invalidate(4, objectStyle = objToStyle({
14638
+ width: '100%',
14639
+ aspectRatio: props.aspect,
14640
+ overflow: 'hidden'
14641
+ }));
14642
+ }
14643
+ };
14644
+
14645
+ $$invalidate(3, imgStyle = objToStyle({
14646
+ width: '100%',
14647
+ height: '100%',
14648
+ objectFit: 'cover',
14649
+ userSelect: 'none'
14650
+ }));
14651
+
14652
+ return [layerId, props, overrideStyle, imgStyle, objectStyle, style];
14653
+ }
14654
+
14655
+ class Image extends SvelteComponent {
14656
+ constructor(options) {
14657
+ super();
14658
+ init(this, options, instance$1, create_fragment$1, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
14659
+ }
14660
+ }
14661
+
14662
+ /* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14663
+
14664
+ function create_fragment(ctx) {
14665
+ let button;
14666
+ let svg;
14667
+ let path;
14668
+ let button_style_value;
14669
+
14670
+ return {
14671
+ c() {
14672
+ button = element("button");
14673
+ svg = svg_element("svg");
14674
+ path = svg_element("path");
14675
+ this.h();
14676
+ },
14677
+ l(nodes) {
14678
+ button = claim_element(nodes, "BUTTON", { "data-layer-id": true, style: true });
14679
+ var button_nodes = children(button);
14680
+
14681
+ svg = claim_svg_element(button_nodes, "svg", {
14682
+ xmlns: true,
14683
+ style: true,
14684
+ viewBox: true,
14685
+ fill: true
14686
+ });
14687
+
14688
+ var svg_nodes = children(svg);
14689
+ path = claim_svg_element(svg_nodes, "path", { d: true });
14690
+ children(path).forEach(detach);
14691
+ svg_nodes.forEach(detach);
14692
+ button_nodes.forEach(detach);
14693
+ this.h();
14694
+ },
14695
+ h() {
14696
+ 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");
14697
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
14698
+ set_style(svg, "width", "75%");
14699
+ set_style(svg, "height", "75%");
14700
+ attr(svg, "viewBox", "0 0 50 50");
14701
+ attr(svg, "fill", "#666666");
14702
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14703
+ attr(button, "style", button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '));
14704
+ },
14705
+ m(target, anchor) {
14706
+ insert_hydration(target, button, anchor);
14707
+ append_hydration(button, svg);
14708
+ append_hydration(svg, path);
14709
+ },
14710
+ p(ctx, [dirty]) {
14711
+ if (dirty & /*layerId*/ 1) {
14712
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14713
+ }
14714
+
14715
+ if (dirty & /*style, overrideStyle*/ 6 && button_style_value !== (button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '))) {
14716
+ attr(button, "style", button_style_value);
14717
+ }
14718
+ },
14719
+ i: noop,
14720
+ o: noop,
14721
+ d(detaching) {
14722
+ if (detaching) detach(button);
14723
+ }
14724
+ };
14725
+ }
14726
+
14727
+ function instance($$self, $$props, $$invalidate) {
14728
+ let style;
14729
+ let { layerId } = $$props;
14730
+ let { props } = $$props;
14731
+ let { overrideStyle } = $$props;
14732
+ const size = props.size ?? 24;
14733
+
14734
+ $$self.$$set = $$props => {
14735
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14736
+ if ('props' in $$props) $$invalidate(3, props = $$props.props);
14737
+ if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
14738
+ };
14739
+
14740
+ $$self.$$.update = () => {
14741
+ if ($$self.$$.dirty & /*props*/ 8) {
14742
+ $$invalidate(2, style = objToStyle({
14743
+ display: 'inline-flex',
14744
+ alignItems: 'center',
14745
+ justifyContent: 'center',
14746
+ borderRadius: '100%',
14747
+ background: 'none',
14748
+ border: 0,
14749
+ outline: 0,
14750
+ transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
14751
+ width: `${size}px`,
14752
+ height: `${size}px`,
14753
+ ...props.bordered && { border: '1px solid #666' },
14754
+ ...toCssPosition(props)
14755
+ }));
14756
+ }
14757
+ };
14758
+
14759
+ return [layerId, overrideStyle, style, props];
14760
+ }
14761
+
14762
+ class CloseButton extends SvelteComponent {
14763
+ constructor(options) {
14764
+ super();
14765
+ init(this, options, instance, create_fragment, safe_not_equal, { layerId: 0, props: 3, overrideStyle: 1 });
14766
+ }
14767
+ }
14768
+
14769
+ 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 };