@plaidev/karte-action-sdk 1.1.262 → 1.1.263

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/hydrate/index.es.d.ts +145 -104
  2. package/dist/hydrate/index.es.js +1159 -534
  3. package/dist/index.es.d.ts +145 -104
  4. package/dist/index.es.js +1111 -530
  5. package/dist/templates.cjs.js +3 -0
  6. package/dist/templates.js +3 -0
  7. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { writable, get } from 'svelte/store';
2
2
  import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, getContext, setContext, createEventDispatcher } from 'svelte';
3
- import { SvelteComponent, init, safe_not_equal, element, insert, noop, detach, component_subscribe, attr, create_slot, create_component, space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, null_to_empty, listen, assign, set_attributes, toggle_class, get_spread_update, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, append, destroy_each, text, set_data, src_url_equal, set_store_value, run_all, HtmlTag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
3
+ import { SvelteComponent, init, safe_not_equal, empty, append, noop, detach, component_subscribe, element, attr, insert, create_slot, create_component, space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, group_outros, check_outros, null_to_empty, listen, assign, set_attributes, toggle_class, get_spread_update, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, destroy_each, text, set_data, src_url_equal, set_store_value, run_all, HtmlTag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
4
4
  import { linear, elasticOut, cubicOut } from 'svelte/easing';
5
5
 
6
6
  var sdk = /*#__PURE__*/Object.freeze({
@@ -26,7 +26,7 @@ var sdk = /*#__PURE__*/Object.freeze({
26
26
  get BUTTON_TEXT_SIZE_STYLES () { return BUTTON_TEXT_SIZE_STYLES; },
27
27
  get BUTTON_TEXT_THEME () { return BUTTON_TEXT_THEME; },
28
28
  get BUTTON_THEME () { return BUTTON_THEME; },
29
- get BUTTON_THEME_STYLES () { return BUTTON_THEME_STYLES; },
29
+ get BUTTON_VARIANT () { return BUTTON_VARIANT; },
30
30
  get BUTTON_WRAP_STYLES () { return BUTTON_WRAP_STYLES; },
31
31
  get BackgroundSizes () { return BackgroundSizes; },
32
32
  get Box () { return Box; },
@@ -59,13 +59,17 @@ var sdk = /*#__PURE__*/Object.freeze({
59
59
  get EmbedElement () { return EmbedElement; },
60
60
  get FONT_FAMILY_VARIANT () { return FONT_FAMILY_VARIANT; },
61
61
  get FONT_FAMILY_VARIANTS () { return FONT_FAMILY_VARIANTS; },
62
+ get FONT_FAMILY_VARIANT_GROUPS () { return FONT_FAMILY_VARIANT_GROUPS; },
62
63
  get Flex () { return Flex; },
63
64
  get FlexAvatar () { return Avatar; },
64
65
  get FlexButton () { return Button; },
65
66
  get FlexButtonOutlined () { return ButtonOutlined; },
66
67
  get FlexButtonText () { return ButtonText; },
68
+ get FlexClipCopy () { return ClipCopy; },
67
69
  get FlexCloseButton () { return CloseButton; },
68
70
  get FlexCode () { return Code; },
71
+ get FlexCountDown () { return CountDown; },
72
+ get FlexCountDownValue () { return CountDownValue; },
69
73
  get FlexDirections () { return FlexDirections; },
70
74
  get FlexIcon () { return Icon; },
71
75
  get FlexImage () { return Image; },
@@ -478,7 +482,7 @@ function makeGoogleFontUrl(fonts, texts) {
478
482
  if (texts) {
479
483
  texts.forEach(text => params.push(`text=${text}`));
480
484
  }
481
- fonts.forEach(font => params.push(`family=${font.replace(/['"]/g, '').replace(/ /g, '+')}`));
485
+ fonts.forEach(font => params.push(`family=${font.replace(/['"]/g, '').replace(/ /g, '+')}:wght@400;700`));
482
486
  return `https://fonts.googleapis.com/css2?${params.join('&')}`;
483
487
  }
484
488
  /**
@@ -1113,10 +1117,18 @@ const addFont = (font) => {
1113
1117
  if (font === SYSTEM_FONT) {
1114
1118
  return;
1115
1119
  }
1120
+ const SYSTEM_FONTS = SYSTEM_FONT.split(',').map(v => v.trim());
1121
+ const _fonts = font.split(', ');
1116
1122
  fonts.update(current => {
1117
- if (!current.includes(font)) {
1118
- current.push(font);
1119
- }
1123
+ _fonts.forEach(_f => {
1124
+ const name = _f.replace(/["']/g, '');
1125
+ if (SYSTEM_FONTS.some(v => v === name)) {
1126
+ return;
1127
+ }
1128
+ if (!current.includes(name)) {
1129
+ current.push(name);
1130
+ }
1131
+ });
1120
1132
  return current;
1121
1133
  });
1122
1134
  };
@@ -3166,18 +3178,18 @@ function create_if_block$h(ctx) {
3166
3178
  };
3167
3179
  }
3168
3180
 
3169
- function create_fragment$1p(ctx) {
3170
- let head;
3181
+ function create_fragment$1s(ctx) {
3182
+ let if_block_anchor;
3171
3183
  let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$h(ctx);
3172
3184
 
3173
3185
  return {
3174
3186
  c() {
3175
- head = element("head");
3176
3187
  if (if_block) if_block.c();
3188
+ if_block_anchor = empty();
3177
3189
  },
3178
3190
  m(target, anchor) {
3179
- insert(target, head, anchor);
3180
- if (if_block) if_block.m(head, null);
3191
+ if (if_block) if_block.m(document.head, null);
3192
+ append(document.head, if_block_anchor);
3181
3193
  },
3182
3194
  p(ctx, [dirty]) {
3183
3195
  if (/*googleFontUrl*/ ctx[0]) {
@@ -3186,7 +3198,7 @@ function create_fragment$1p(ctx) {
3186
3198
  } else {
3187
3199
  if_block = create_if_block$h(ctx);
3188
3200
  if_block.c();
3189
- if_block.m(head, null);
3201
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
3190
3202
  }
3191
3203
  } else if (if_block) {
3192
3204
  if_block.d(1);
@@ -3196,13 +3208,13 @@ function create_fragment$1p(ctx) {
3196
3208
  i: noop,
3197
3209
  o: noop,
3198
3210
  d(detaching) {
3199
- if (detaching) detach(head);
3200
- if (if_block) if_block.d();
3211
+ if (if_block) if_block.d(detaching);
3212
+ detach(if_block_anchor);
3201
3213
  }
3202
3214
  };
3203
3215
  }
3204
3216
 
3205
- function instance$1p($$self, $$props, $$invalidate) {
3217
+ function instance$1s($$self, $$props, $$invalidate) {
3206
3218
  let $fonts;
3207
3219
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
3208
3220
  let googleFontUrl = '';
@@ -3231,7 +3243,7 @@ function instance$1p($$self, $$props, $$invalidate) {
3231
3243
  class Header extends SvelteComponent {
3232
3244
  constructor(options) {
3233
3245
  super();
3234
- init(this, options, instance$1p, create_fragment$1p, safe_not_equal, {});
3246
+ init(this, options, instance$1s, create_fragment$1s, safe_not_equal, {});
3235
3247
  }
3236
3248
  }
3237
3249
 
@@ -3269,7 +3281,7 @@ const useBrandKit = () => {
3269
3281
 
3270
3282
  /* src/components/State.svelte generated by Svelte v3.53.1 */
3271
3283
 
3272
- function create_fragment$1o(ctx) {
3284
+ function create_fragment$1r(ctx) {
3273
3285
  let header;
3274
3286
  let t;
3275
3287
  let current;
@@ -3328,7 +3340,7 @@ function create_fragment$1o(ctx) {
3328
3340
  };
3329
3341
  }
3330
3342
 
3331
- function instance$1o($$self, $$props, $$invalidate) {
3343
+ function instance$1r($$self, $$props, $$invalidate) {
3332
3344
  let { $$slots: slots = {}, $$scope } = $$props;
3333
3345
  let { customBrandKit = undefined } = $$props;
3334
3346
  setContext('brandKit', getBrandKit(customBrandKit));
@@ -3344,13 +3356,13 @@ function instance$1o($$self, $$props, $$invalidate) {
3344
3356
  class State extends SvelteComponent {
3345
3357
  constructor(options) {
3346
3358
  super();
3347
- init(this, options, instance$1o, create_fragment$1o, safe_not_equal, { customBrandKit: 0 });
3359
+ init(this, options, instance$1r, create_fragment$1r, safe_not_equal, { customBrandKit: 0 });
3348
3360
  }
3349
3361
  }
3350
3362
 
3351
3363
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3352
3364
 
3353
- function add_css$Q(target) {
3365
+ function add_css$S(target) {
3354
3366
  append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3355
3367
  }
3356
3368
 
@@ -3417,7 +3429,7 @@ function create_if_block$g(ctx) {
3417
3429
  };
3418
3430
  }
3419
3431
 
3420
- function create_fragment$1n(ctx) {
3432
+ function create_fragment$1q(ctx) {
3421
3433
  let if_block_anchor;
3422
3434
  let current;
3423
3435
  let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$g(ctx);
@@ -3478,7 +3490,7 @@ function getStateItemContext() {
3478
3490
  return getContext(STATE_ITEM_CONTEXT_KEY);
3479
3491
  }
3480
3492
 
3481
- function instance$1n($$self, $$props, $$invalidate) {
3493
+ function instance$1q($$self, $$props, $$invalidate) {
3482
3494
  let $state;
3483
3495
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3484
3496
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3504,7 +3516,7 @@ function instance$1n($$self, $$props, $$invalidate) {
3504
3516
  class StateItem extends SvelteComponent {
3505
3517
  constructor(options) {
3506
3518
  super();
3507
- init(this, options, instance$1n, create_fragment$1n, safe_not_equal, { path: 0 }, add_css$Q);
3519
+ init(this, options, instance$1q, create_fragment$1q, safe_not_equal, { path: 0 }, add_css$S);
3508
3520
  }
3509
3521
  }
3510
3522
 
@@ -3689,7 +3701,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3689
3701
 
3690
3702
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3691
3703
 
3692
- function add_css$P(target) {
3704
+ function add_css$R(target) {
3693
3705
  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}");
3694
3706
  }
3695
3707
 
@@ -3726,7 +3738,7 @@ function create_if_block$f(ctx) {
3726
3738
  };
3727
3739
  }
3728
3740
 
3729
- function create_fragment$1m(ctx) {
3741
+ function create_fragment$1p(ctx) {
3730
3742
  let if_block_anchor;
3731
3743
  let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$f(ctx);
3732
3744
 
@@ -3762,7 +3774,7 @@ function create_fragment$1m(ctx) {
3762
3774
  };
3763
3775
  }
3764
3776
 
3765
- function instance$1m($$self, $$props, $$invalidate) {
3777
+ function instance$1p($$self, $$props, $$invalidate) {
3766
3778
  let { backgroundOverlay = false } = $$props;
3767
3779
  let { class: className = undefined } = $$props;
3768
3780
  const dispatch = createEventDispatcher();
@@ -3779,7 +3791,7 @@ function instance$1m($$self, $$props, $$invalidate) {
3779
3791
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3780
3792
  constructor(options) {
3781
3793
  super();
3782
- init(this, options, instance$1m, create_fragment$1m, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$P);
3794
+ init(this, options, instance$1p, create_fragment$1p, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$R);
3783
3795
  }
3784
3796
  };
3785
3797
 
@@ -3819,7 +3831,7 @@ function checkStopPropagation(eventName, handler) {
3819
3831
 
3820
3832
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3821
3833
 
3822
- function add_css$O(target) {
3834
+ function add_css$Q(target) {
3823
3835
  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}");
3824
3836
  }
3825
3837
 
@@ -4124,7 +4136,7 @@ function create_if_block$e(ctx) {
4124
4136
  };
4125
4137
  }
4126
4138
 
4127
- function create_fragment$1l(ctx) {
4139
+ function create_fragment$1o(ctx) {
4128
4140
  let current_block_type_index;
4129
4141
  let if_block;
4130
4142
  let if_block_anchor;
@@ -4197,7 +4209,7 @@ function create_fragment$1l(ctx) {
4197
4209
 
4198
4210
  const BUTTON_CLASS = 'button';
4199
4211
 
4200
- function instance$1l($$self, $$props, $$invalidate) {
4212
+ function instance$1o($$self, $$props, $$invalidate) {
4201
4213
  let disabled;
4202
4214
  let $valuesAreValid;
4203
4215
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -4267,8 +4279,8 @@ let Button$1 = class Button extends SvelteComponent {
4267
4279
  init(
4268
4280
  this,
4269
4281
  options,
4270
- instance$1l,
4271
- create_fragment$1l,
4282
+ instance$1o,
4283
+ create_fragment$1o,
4272
4284
  safe_not_equal,
4273
4285
  {
4274
4286
  onClick: 0,
@@ -4277,14 +4289,14 @@ let Button$1 = class Button extends SvelteComponent {
4277
4289
  style: 1,
4278
4290
  isModalCloseButton: 7
4279
4291
  },
4280
- add_css$O
4292
+ add_css$Q
4281
4293
  );
4282
4294
  }
4283
4295
  };
4284
4296
 
4285
4297
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4286
4298
 
4287
- function add_css$N(target) {
4299
+ function add_css$P(target) {
4288
4300
  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}}");
4289
4301
  }
4290
4302
 
@@ -4680,7 +4692,7 @@ function create_default_slot$7(ctx) {
4680
4692
  };
4681
4693
  }
4682
4694
 
4683
- function create_fragment$1k(ctx) {
4695
+ function create_fragment$1n(ctx) {
4684
4696
  let show_if;
4685
4697
  let current_block_type_index;
4686
4698
  let if_block0;
@@ -4798,7 +4810,7 @@ function create_fragment$1k(ctx) {
4798
4810
  };
4799
4811
  }
4800
4812
 
4801
- function instance$1k($$self, $$props, $$invalidate) {
4813
+ function instance$1n($$self, $$props, $$invalidate) {
4802
4814
  let close;
4803
4815
  let closable;
4804
4816
  let backgroundClick;
@@ -5110,8 +5122,8 @@ let Modal$1 = class Modal extends SvelteComponent {
5110
5122
  init(
5111
5123
  this,
5112
5124
  options,
5113
- instance$1k,
5114
- create_fragment$1k,
5125
+ instance$1n,
5126
+ create_fragment$1n,
5115
5127
  safe_not_equal,
5116
5128
  {
5117
5129
  onClick: 0,
@@ -5129,7 +5141,7 @@ let Modal$1 = class Modal extends SvelteComponent {
5129
5141
  closeButtonColor: 9,
5130
5142
  _closeStyle: 10
5131
5143
  },
5132
- add_css$N,
5144
+ add_css$P,
5133
5145
  [-1, -1]
5134
5146
  );
5135
5147
  }
@@ -5137,7 +5149,7 @@ let Modal$1 = class Modal extends SvelteComponent {
5137
5149
 
5138
5150
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
5139
5151
 
5140
- function create_fragment$1j(ctx) {
5152
+ function create_fragment$1m(ctx) {
5141
5153
  let div;
5142
5154
  let current;
5143
5155
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -5195,7 +5207,7 @@ function create_fragment$1j(ctx) {
5195
5207
  };
5196
5208
  }
5197
5209
 
5198
- function instance$1j($$self, $$props, $$invalidate) {
5210
+ function instance$1m($$self, $$props, $$invalidate) {
5199
5211
  let _style;
5200
5212
  let { $$slots: slots = {}, $$scope } = $$props;
5201
5213
  let { width = '512px' } = $$props;
@@ -5240,7 +5252,7 @@ class Grid extends SvelteComponent {
5240
5252
  constructor(options) {
5241
5253
  super();
5242
5254
 
5243
- init(this, options, instance$1j, create_fragment$1j, safe_not_equal, {
5255
+ init(this, options, instance$1m, create_fragment$1m, safe_not_equal, {
5244
5256
  width: 1,
5245
5257
  height: 2,
5246
5258
  rows: 3,
@@ -5253,11 +5265,11 @@ class Grid extends SvelteComponent {
5253
5265
 
5254
5266
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5255
5267
 
5256
- function add_css$M(target) {
5268
+ function add_css$O(target) {
5257
5269
  append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
5258
5270
  }
5259
5271
 
5260
- function create_fragment$1i(ctx) {
5272
+ function create_fragment$1l(ctx) {
5261
5273
  let div1;
5262
5274
  let div0;
5263
5275
  let current;
@@ -5331,7 +5343,7 @@ function create_fragment$1i(ctx) {
5331
5343
 
5332
5344
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5333
5345
 
5334
- function instance$1i($$self, $$props, $$invalidate) {
5346
+ function instance$1l($$self, $$props, $$invalidate) {
5335
5347
  let _style;
5336
5348
  let { $$slots: slots = {}, $$scope } = $$props;
5337
5349
  let { x1 } = $$props;
@@ -5380,8 +5392,8 @@ class GridItem extends SvelteComponent {
5380
5392
  init(
5381
5393
  this,
5382
5394
  options,
5383
- instance$1i,
5384
- create_fragment$1i,
5395
+ instance$1l,
5396
+ create_fragment$1l,
5385
5397
  safe_not_equal,
5386
5398
  {
5387
5399
  x1: 2,
@@ -5392,7 +5404,7 @@ class GridItem extends SvelteComponent {
5392
5404
  background: 7,
5393
5405
  gridItemId: 0
5394
5406
  },
5395
- add_css$M
5407
+ add_css$O
5396
5408
  );
5397
5409
  }
5398
5410
  }
@@ -5488,7 +5500,7 @@ function create_each_block$8(ctx) {
5488
5500
  };
5489
5501
  }
5490
5502
 
5491
- function create_fragment$1h(ctx) {
5503
+ function create_fragment$1k(ctx) {
5492
5504
  let each_1_anchor;
5493
5505
  let each_value = /*items*/ ctx[0];
5494
5506
  let each_blocks = [];
@@ -5547,7 +5559,7 @@ function create_fragment$1h(ctx) {
5547
5559
 
5548
5560
  const regexp = /(\r?\n)/;
5549
5561
 
5550
- function instance$1h($$self, $$props, $$invalidate) {
5562
+ function instance$1k($$self, $$props, $$invalidate) {
5551
5563
  let items;
5552
5564
  let { text = 'サンプルSample' } = $$props;
5553
5565
 
@@ -5568,13 +5580,13 @@ function instance$1h($$self, $$props, $$invalidate) {
5568
5580
  class RenderText extends SvelteComponent {
5569
5581
  constructor(options) {
5570
5582
  super();
5571
- init(this, options, instance$1h, create_fragment$1h, safe_not_equal, { text: 1 });
5583
+ init(this, options, instance$1k, create_fragment$1k, safe_not_equal, { text: 1 });
5572
5584
  }
5573
5585
  }
5574
5586
 
5575
5587
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5576
5588
 
5577
- function add_css$L(target) {
5589
+ function add_css$N(target) {
5578
5590
  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}");
5579
5591
  }
5580
5592
 
@@ -5718,7 +5730,7 @@ function create_if_block$b(ctx) {
5718
5730
  };
5719
5731
  }
5720
5732
 
5721
- function create_fragment$1g(ctx) {
5733
+ function create_fragment$1j(ctx) {
5722
5734
  let div;
5723
5735
  let current_block_type_index;
5724
5736
  let if_block;
@@ -5788,7 +5800,7 @@ function create_fragment$1g(ctx) {
5788
5800
  };
5789
5801
  }
5790
5802
 
5791
- function instance$1g($$self, $$props, $$invalidate) {
5803
+ function instance$1j($$self, $$props, $$invalidate) {
5792
5804
  let style;
5793
5805
  let { text = 'テキストのコンテンツ' } = $$props;
5794
5806
  let { font = SYSTEM_FONT } = $$props;
@@ -5884,8 +5896,8 @@ class TextElement extends SvelteComponent {
5884
5896
  init(
5885
5897
  this,
5886
5898
  options,
5887
- instance$1g,
5888
- create_fragment$1g,
5899
+ instance$1j,
5900
+ create_fragment$1j,
5889
5901
  safe_not_equal,
5890
5902
  {
5891
5903
  text: 0,
@@ -5896,14 +5908,14 @@ class TextElement extends SvelteComponent {
5896
5908
  enableCopy: 2,
5897
5909
  eventName: 10
5898
5910
  },
5899
- add_css$L
5911
+ add_css$N
5900
5912
  );
5901
5913
  }
5902
5914
  }
5903
5915
 
5904
5916
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5905
5917
 
5906
- function add_css$K(target) {
5918
+ function add_css$M(target) {
5907
5919
  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)}");
5908
5920
  }
5909
5921
 
@@ -5941,7 +5953,7 @@ function create_default_slot$6(ctx) {
5941
5953
  };
5942
5954
  }
5943
5955
 
5944
- function create_fragment$1f(ctx) {
5956
+ function create_fragment$1i(ctx) {
5945
5957
  let div;
5946
5958
  let button;
5947
5959
  let current;
@@ -5995,7 +6007,7 @@ function create_fragment$1f(ctx) {
5995
6007
  };
5996
6008
  }
5997
6009
 
5998
- function instance$1f($$self, $$props, $$invalidate) {
6010
+ function instance$1i($$self, $$props, $$invalidate) {
5999
6011
  let style;
6000
6012
  let { text = 'ボタンのラベル' } = $$props;
6001
6013
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -6033,8 +6045,8 @@ class TextButtonElement extends SvelteComponent {
6033
6045
  init(
6034
6046
  this,
6035
6047
  options,
6036
- instance$1f,
6037
- create_fragment$1f,
6048
+ instance$1i,
6049
+ create_fragment$1i,
6038
6050
  safe_not_equal,
6039
6051
  {
6040
6052
  text: 0,
@@ -6044,14 +6056,14 @@ class TextButtonElement extends SvelteComponent {
6044
6056
  _buttonStyle: 5,
6045
6057
  _style: 6
6046
6058
  },
6047
- add_css$K
6059
+ add_css$M
6048
6060
  );
6049
6061
  }
6050
6062
  }
6051
6063
 
6052
6064
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
6053
6065
 
6054
- function add_css$J(target) {
6066
+ function add_css$L(target) {
6055
6067
  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%}");
6056
6068
  }
6057
6069
 
@@ -6106,7 +6118,7 @@ function create_default_slot$5(ctx) {
6106
6118
  };
6107
6119
  }
6108
6120
 
6109
- function create_fragment$1e(ctx) {
6121
+ function create_fragment$1h(ctx) {
6110
6122
  let div;
6111
6123
  let button;
6112
6124
  let div_class_value;
@@ -6165,7 +6177,7 @@ function create_fragment$1e(ctx) {
6165
6177
  };
6166
6178
  }
6167
6179
 
6168
- function instance$1e($$self, $$props, $$invalidate) {
6180
+ function instance$1h($$self, $$props, $$invalidate) {
6169
6181
  let { src = '' } = $$props;
6170
6182
  let { alt = '画像の説明' } = $$props;
6171
6183
  let { transport = false } = $$props;
@@ -6196,8 +6208,8 @@ class ImageElement extends SvelteComponent {
6196
6208
  init(
6197
6209
  this,
6198
6210
  options,
6199
- instance$1e,
6200
- create_fragment$1e,
6211
+ instance$1h,
6212
+ create_fragment$1h,
6201
6213
  safe_not_equal,
6202
6214
  {
6203
6215
  src: 0,
@@ -6209,18 +6221,18 @@ class ImageElement extends SvelteComponent {
6209
6221
  _imageStyle: 6,
6210
6222
  _style: 7
6211
6223
  },
6212
- add_css$J
6224
+ add_css$L
6213
6225
  );
6214
6226
  }
6215
6227
  }
6216
6228
 
6217
6229
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6218
6230
 
6219
- function add_css$I(target) {
6231
+ function add_css$K(target) {
6220
6232
  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}");
6221
6233
  }
6222
6234
 
6223
- function create_fragment$1d(ctx) {
6235
+ function create_fragment$1g(ctx) {
6224
6236
  let div;
6225
6237
  let current;
6226
6238
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6280,7 +6292,7 @@ function create_fragment$1d(ctx) {
6280
6292
 
6281
6293
  const LIST_CONTEXT_KEY = Symbol();
6282
6294
 
6283
- function instance$1d($$self, $$props, $$invalidate) {
6295
+ function instance$1g($$self, $$props, $$invalidate) {
6284
6296
  let style;
6285
6297
  let { $$slots: slots = {}, $$scope } = $$props;
6286
6298
  let { direction = 'vertical' } = $$props;
@@ -6347,8 +6359,8 @@ let List$1 = class List extends SvelteComponent {
6347
6359
  init(
6348
6360
  this,
6349
6361
  options,
6350
- instance$1d,
6351
- create_fragment$1d,
6362
+ instance$1g,
6363
+ create_fragment$1g,
6352
6364
  safe_not_equal,
6353
6365
  {
6354
6366
  direction: 1,
@@ -6356,14 +6368,14 @@ let List$1 = class List extends SvelteComponent {
6356
6368
  background: 3,
6357
6369
  _style: 4
6358
6370
  },
6359
- add_css$I
6371
+ add_css$K
6360
6372
  );
6361
6373
  }
6362
6374
  };
6363
6375
 
6364
6376
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6365
6377
 
6366
- function add_css$H(target) {
6378
+ function add_css$J(target) {
6367
6379
  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}");
6368
6380
  }
6369
6381
 
@@ -6415,7 +6427,7 @@ function create_default_slot$4(ctx) {
6415
6427
  };
6416
6428
  }
6417
6429
 
6418
- function create_fragment$1c(ctx) {
6430
+ function create_fragment$1f(ctx) {
6419
6431
  let div;
6420
6432
  let button;
6421
6433
  let current;
@@ -6474,7 +6486,7 @@ function create_fragment$1c(ctx) {
6474
6486
  };
6475
6487
  }
6476
6488
 
6477
- function instance$1c($$self, $$props, $$invalidate) {
6489
+ function instance$1f($$self, $$props, $$invalidate) {
6478
6490
  let listItemStyle;
6479
6491
  let { $$slots: slots = {}, $$scope } = $$props;
6480
6492
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6553,17 +6565,17 @@ function instance$1c($$self, $$props, $$invalidate) {
6553
6565
  let ListItem$1 = class ListItem extends SvelteComponent {
6554
6566
  constructor(options) {
6555
6567
  super();
6556
- init(this, options, instance$1c, create_fragment$1c, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$H);
6568
+ init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$J);
6557
6569
  }
6558
6570
  };
6559
6571
 
6560
6572
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6561
6573
 
6562
- function add_css$G(target) {
6574
+ function add_css$I(target) {
6563
6575
  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}");
6564
6576
  }
6565
6577
 
6566
- function create_fragment$1b(ctx) {
6578
+ function create_fragment$1e(ctx) {
6567
6579
  let div;
6568
6580
 
6569
6581
  return {
@@ -6590,7 +6602,7 @@ function create_fragment$1b(ctx) {
6590
6602
  };
6591
6603
  }
6592
6604
 
6593
- function instance$1b($$self, $$props, $$invalidate) {
6605
+ function instance$1e($$self, $$props, $$invalidate) {
6594
6606
  let { code } = $$props;
6595
6607
  let { _style = '' } = $$props;
6596
6608
 
@@ -6605,17 +6617,17 @@ function instance$1b($$self, $$props, $$invalidate) {
6605
6617
  class EmbedElement extends SvelteComponent {
6606
6618
  constructor(options) {
6607
6619
  super();
6608
- init(this, options, instance$1b, create_fragment$1b, safe_not_equal, { code: 0, _style: 1 }, add_css$G);
6620
+ init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { code: 0, _style: 1 }, add_css$I);
6609
6621
  }
6610
6622
  }
6611
6623
 
6612
6624
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6613
6625
 
6614
- function add_css$F(target) {
6626
+ function add_css$H(target) {
6615
6627
  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%}");
6616
6628
  }
6617
6629
 
6618
- function create_fragment$1a(ctx) {
6630
+ function create_fragment$1d(ctx) {
6619
6631
  let div1;
6620
6632
  let div0;
6621
6633
 
@@ -6656,7 +6668,7 @@ function _setValue(obj, key, value) {
6656
6668
  }
6657
6669
  }
6658
6670
 
6659
- function instance$1a($$self, $$props, $$invalidate) {
6671
+ function instance$1d($$self, $$props, $$invalidate) {
6660
6672
  let $system;
6661
6673
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6662
6674
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6927,8 +6939,8 @@ class MovieYouTubeElement extends SvelteComponent {
6927
6939
  init(
6928
6940
  this,
6929
6941
  options,
6930
- instance$1a,
6931
- create_fragment$1a,
6942
+ instance$1d,
6943
+ create_fragment$1d,
6932
6944
  safe_not_equal,
6933
6945
  {
6934
6946
  videoId: 2,
@@ -6957,7 +6969,7 @@ class MovieYouTubeElement extends SvelteComponent {
6957
6969
  mute: 25,
6958
6970
  _style: 0
6959
6971
  },
6960
- add_css$F,
6972
+ add_css$H,
6961
6973
  [-1, -1]
6962
6974
  );
6963
6975
  }
@@ -6965,11 +6977,11 @@ class MovieYouTubeElement extends SvelteComponent {
6965
6977
 
6966
6978
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6967
6979
 
6968
- function add_css$E(target) {
6980
+ function add_css$G(target) {
6969
6981
  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%}");
6970
6982
  }
6971
6983
 
6972
- function create_fragment$19(ctx) {
6984
+ function create_fragment$1c(ctx) {
6973
6985
  let div1;
6974
6986
  let div0;
6975
6987
 
@@ -7000,7 +7012,7 @@ function create_fragment$19(ctx) {
7000
7012
  };
7001
7013
  }
7002
7014
 
7003
- function instance$19($$self, $$props, $$invalidate) {
7015
+ function instance$1c($$self, $$props, $$invalidate) {
7004
7016
  let $system;
7005
7017
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
7006
7018
  let { videoId = "201239468" } = $$props;
@@ -7143,8 +7155,8 @@ class MovieVimeoElement extends SvelteComponent {
7143
7155
  init(
7144
7156
  this,
7145
7157
  options,
7146
- instance$19,
7147
- create_fragment$19,
7158
+ instance$1c,
7159
+ create_fragment$1c,
7148
7160
  safe_not_equal,
7149
7161
  {
7150
7162
  videoId: 2,
@@ -7154,18 +7166,18 @@ class MovieVimeoElement extends SvelteComponent {
7154
7166
  mute: 6,
7155
7167
  _style: 0
7156
7168
  },
7157
- add_css$E
7169
+ add_css$G
7158
7170
  );
7159
7171
  }
7160
7172
  }
7161
7173
 
7162
7174
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7163
7175
 
7164
- function add_css$D(target) {
7176
+ function add_css$F(target) {
7165
7177
  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}");
7166
7178
  }
7167
7179
 
7168
- function create_fragment$18(ctx) {
7180
+ function create_fragment$1b(ctx) {
7169
7181
  let div;
7170
7182
  let textarea;
7171
7183
  let mounted;
@@ -7223,7 +7235,7 @@ function create_fragment$18(ctx) {
7223
7235
  };
7224
7236
  }
7225
7237
 
7226
- function instance$18($$self, $$props, $$invalidate) {
7238
+ function instance$1b($$self, $$props, $$invalidate) {
7227
7239
  let style;
7228
7240
  let styleVariables;
7229
7241
  let $value;
@@ -7311,8 +7323,8 @@ class FormTextarea extends SvelteComponent {
7311
7323
  init(
7312
7324
  this,
7313
7325
  options,
7314
- instance$18,
7315
- create_fragment$18,
7326
+ instance$1b,
7327
+ create_fragment$1b,
7316
7328
  safe_not_equal,
7317
7329
  {
7318
7330
  name: 7,
@@ -7324,14 +7336,14 @@ class FormTextarea extends SvelteComponent {
7324
7336
  _textStyle: 11,
7325
7337
  _placeholderStyle: 12
7326
7338
  },
7327
- add_css$D
7339
+ add_css$F
7328
7340
  );
7329
7341
  }
7330
7342
  }
7331
7343
 
7332
7344
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7333
7345
 
7334
- function add_css$C(target) {
7346
+ function add_css$E(target) {
7335
7347
  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}");
7336
7348
  }
7337
7349
 
@@ -7421,7 +7433,7 @@ function create_each_block$7(ctx) {
7421
7433
  };
7422
7434
  }
7423
7435
 
7424
- function create_fragment$17(ctx) {
7436
+ function create_fragment$1a(ctx) {
7425
7437
  let div;
7426
7438
  let each_value = /*_options*/ ctx[4];
7427
7439
  let each_blocks = [];
@@ -7485,7 +7497,7 @@ function create_fragment$17(ctx) {
7485
7497
  };
7486
7498
  }
7487
7499
 
7488
- function instance$17($$self, $$props, $$invalidate) {
7500
+ function instance$1a($$self, $$props, $$invalidate) {
7489
7501
  let _options;
7490
7502
  let buttonStyle;
7491
7503
  let _value;
@@ -7585,8 +7597,8 @@ class FormRadioButtons extends SvelteComponent {
7585
7597
  init(
7586
7598
  this,
7587
7599
  options,
7588
- instance$17,
7589
- create_fragment$17,
7600
+ instance$1a,
7601
+ create_fragment$1a,
7590
7602
  safe_not_equal,
7591
7603
  {
7592
7604
  name: 0,
@@ -7599,14 +7611,14 @@ class FormRadioButtons extends SvelteComponent {
7599
7611
  buttonColor: 13,
7600
7612
  buttonColorActive: 14
7601
7613
  },
7602
- add_css$C
7614
+ add_css$E
7603
7615
  );
7604
7616
  }
7605
7617
  }
7606
7618
 
7607
7619
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7608
7620
 
7609
- function add_css$B(target) {
7621
+ function add_css$D(target) {
7610
7622
  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}");
7611
7623
  }
7612
7624
 
@@ -7716,7 +7728,7 @@ function create_each_block$6(ctx) {
7716
7728
  };
7717
7729
  }
7718
7730
 
7719
- function create_fragment$16(ctx) {
7731
+ function create_fragment$19(ctx) {
7720
7732
  let div1;
7721
7733
  let select;
7722
7734
  let t;
@@ -7806,7 +7818,7 @@ function create_fragment$16(ctx) {
7806
7818
  };
7807
7819
  }
7808
7820
 
7809
- function instance$16($$self, $$props, $$invalidate) {
7821
+ function instance$19($$self, $$props, $$invalidate) {
7810
7822
  let _options;
7811
7823
  let style;
7812
7824
  let styleVariables;
@@ -7922,8 +7934,8 @@ class FormSelect extends SvelteComponent {
7922
7934
  init(
7923
7935
  this,
7924
7936
  options,
7925
- instance$16,
7926
- create_fragment$16,
7937
+ instance$19,
7938
+ create_fragment$19,
7927
7939
  safe_not_equal,
7928
7940
  {
7929
7941
  name: 7,
@@ -7938,14 +7950,14 @@ class FormSelect extends SvelteComponent {
7938
7950
  iconColor: 15,
7939
7951
  iconSize: 16
7940
7952
  },
7941
- add_css$B
7953
+ add_css$D
7942
7954
  );
7943
7955
  }
7944
7956
  }
7945
7957
 
7946
7958
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7947
7959
 
7948
- function add_css$A(target) {
7960
+ function add_css$C(target) {
7949
7961
  append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7950
7962
  }
7951
7963
 
@@ -8051,7 +8063,7 @@ function create_each_block$5(ctx) {
8051
8063
  };
8052
8064
  }
8053
8065
 
8054
- function create_fragment$15(ctx) {
8066
+ function create_fragment$18(ctx) {
8055
8067
  let div;
8056
8068
  let each_value = /*_options*/ ctx[3];
8057
8069
  let each_blocks = [];
@@ -8115,7 +8127,7 @@ function create_fragment$15(ctx) {
8115
8127
  };
8116
8128
  }
8117
8129
 
8118
- function instance$15($$self, $$props, $$invalidate) {
8130
+ function instance$18($$self, $$props, $$invalidate) {
8119
8131
  let _options;
8120
8132
  let styleVariables;
8121
8133
  let isCheckedArray;
@@ -8221,8 +8233,8 @@ class FormCheckBoxes extends SvelteComponent {
8221
8233
  init(
8222
8234
  this,
8223
8235
  options,
8224
- instance$15,
8225
- create_fragment$15,
8236
+ instance$18,
8237
+ create_fragment$18,
8226
8238
  safe_not_equal,
8227
8239
  {
8228
8240
  name: 0,
@@ -8235,14 +8247,14 @@ class FormCheckBoxes extends SvelteComponent {
8235
8247
  buttonColor: 13,
8236
8248
  buttonColorActive: 14
8237
8249
  },
8238
- add_css$A
8250
+ add_css$C
8239
8251
  );
8240
8252
  }
8241
8253
  }
8242
8254
 
8243
8255
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8244
8256
 
8245
- function add_css$z(target) {
8257
+ function add_css$B(target) {
8246
8258
  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}");
8247
8259
  }
8248
8260
 
@@ -8299,7 +8311,7 @@ function create_each_block$4(ctx) {
8299
8311
  };
8300
8312
  }
8301
8313
 
8302
- function create_fragment$14(ctx) {
8314
+ function create_fragment$17(ctx) {
8303
8315
  let div;
8304
8316
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8305
8317
  let each_blocks = [];
@@ -8358,7 +8370,7 @@ function create_fragment$14(ctx) {
8358
8370
  };
8359
8371
  }
8360
8372
 
8361
- function instance$14($$self, $$props, $$invalidate) {
8373
+ function instance$17($$self, $$props, $$invalidate) {
8362
8374
  let _value;
8363
8375
  let $value;
8364
8376
  let { name = '' } = $$props;
@@ -8440,8 +8452,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8440
8452
  init(
8441
8453
  this,
8442
8454
  options,
8443
- instance$14,
8444
- create_fragment$14,
8455
+ instance$17,
8456
+ create_fragment$17,
8445
8457
  safe_not_equal,
8446
8458
  {
8447
8459
  name: 6,
@@ -8452,14 +8464,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
8452
8464
  buttonStyle: 9,
8453
8465
  buttonActiveStyle: 10
8454
8466
  },
8455
- add_css$z
8467
+ add_css$B
8456
8468
  );
8457
8469
  }
8458
8470
  }
8459
8471
 
8460
8472
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8461
8473
 
8462
- function add_css$y(target) {
8474
+ function add_css$A(target) {
8463
8475
  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%)}");
8464
8476
  }
8465
8477
 
@@ -8519,7 +8531,7 @@ function create_each_block$3(ctx) {
8519
8531
  };
8520
8532
  }
8521
8533
 
8522
- function create_fragment$13(ctx) {
8534
+ function create_fragment$16(ctx) {
8523
8535
  let div;
8524
8536
  let each_value = [...Array(count).keys()].reverse().map(func);
8525
8537
  let each_blocks = [];
@@ -8581,7 +8593,7 @@ function create_fragment$13(ctx) {
8581
8593
  const count = 5;
8582
8594
  const func = i => i + 1;
8583
8595
 
8584
- function instance$13($$self, $$props, $$invalidate) {
8596
+ function instance$16($$self, $$props, $$invalidate) {
8585
8597
  let _value;
8586
8598
  let buttonStyle;
8587
8599
  let $value;
@@ -8637,17 +8649,17 @@ function instance$13($$self, $$props, $$invalidate) {
8637
8649
  class FormRatingButtonsFace extends SvelteComponent {
8638
8650
  constructor(options) {
8639
8651
  super();
8640
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$y);
8652
+ init(this, options, instance$16, create_fragment$16, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$A);
8641
8653
  }
8642
8654
  }
8643
8655
 
8644
8656
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8645
8657
 
8646
- function add_css$x(target) {
8658
+ function add_css$z(target) {
8647
8659
  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}");
8648
8660
  }
8649
8661
 
8650
- function create_fragment$12(ctx) {
8662
+ function create_fragment$15(ctx) {
8651
8663
  let div;
8652
8664
  let input;
8653
8665
  let input_class_value;
@@ -8711,7 +8723,7 @@ function create_fragment$12(ctx) {
8711
8723
  };
8712
8724
  }
8713
8725
 
8714
- function instance$12($$self, $$props, $$invalidate) {
8726
+ function instance$15($$self, $$props, $$invalidate) {
8715
8727
  let style;
8716
8728
  let styleVariables;
8717
8729
  let isValidForUI;
@@ -8842,8 +8854,8 @@ class FormIdentifyInput extends SvelteComponent {
8842
8854
  init(
8843
8855
  this,
8844
8856
  options,
8845
- instance$12,
8846
- create_fragment$12,
8857
+ instance$15,
8858
+ create_fragment$15,
8847
8859
  safe_not_equal,
8848
8860
  {
8849
8861
  field: 9,
@@ -8857,18 +8869,18 @@ class FormIdentifyInput extends SvelteComponent {
8857
8869
  _textStyle: 15,
8858
8870
  _placeholderStyle: 16
8859
8871
  },
8860
- add_css$x
8872
+ add_css$z
8861
8873
  );
8862
8874
  }
8863
8875
  }
8864
8876
 
8865
8877
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8866
8878
 
8867
- function add_css$w(target) {
8879
+ function add_css$y(target) {
8868
8880
  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}");
8869
8881
  }
8870
8882
 
8871
- function create_fragment$11(ctx) {
8883
+ function create_fragment$14(ctx) {
8872
8884
  let div;
8873
8885
  let label0;
8874
8886
  let input0;
@@ -8981,7 +8993,7 @@ function create_fragment$11(ctx) {
8981
8993
  };
8982
8994
  }
8983
8995
 
8984
- function instance$11($$self, $$props, $$invalidate) {
8996
+ function instance$14($$self, $$props, $$invalidate) {
8985
8997
  let buttonStyle;
8986
8998
  let $value;
8987
8999
  let { field = 'subscription' } = $$props;
@@ -9063,8 +9075,8 @@ class FormIdentifyChoices extends SvelteComponent {
9063
9075
  init(
9064
9076
  this,
9065
9077
  options,
9066
- instance$11,
9067
- create_fragment$11,
9078
+ instance$14,
9079
+ create_fragment$14,
9068
9080
  safe_not_equal,
9069
9081
  {
9070
9082
  field: 6,
@@ -9076,14 +9088,14 @@ class FormIdentifyChoices extends SvelteComponent {
9076
9088
  buttonColor: 10,
9077
9089
  buttonColorActive: 11
9078
9090
  },
9079
- add_css$w
9091
+ add_css$y
9080
9092
  );
9081
9093
  }
9082
9094
  }
9083
9095
 
9084
9096
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9085
9097
 
9086
- function add_css$v(target) {
9098
+ function add_css$x(target) {
9087
9099
  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%}");
9088
9100
  }
9089
9101
 
@@ -9248,7 +9260,7 @@ function create_each_block$2(ctx) {
9248
9260
  };
9249
9261
  }
9250
9262
 
9251
- function create_fragment$10(ctx) {
9263
+ function create_fragment$13(ctx) {
9252
9264
  let div3;
9253
9265
  let div1;
9254
9266
  let div0;
@@ -9443,7 +9455,7 @@ function calcPositionIndex(shift, index, length) {
9443
9455
  }
9444
9456
  }
9445
9457
 
9446
- function instance$10($$self, $$props, $$invalidate) {
9458
+ function instance$13($$self, $$props, $$invalidate) {
9447
9459
  let slideStyle;
9448
9460
  let slideClass;
9449
9461
  let _loop;
@@ -9896,8 +9908,8 @@ class Slide extends SvelteComponent {
9896
9908
  init(
9897
9909
  this,
9898
9910
  options,
9899
- instance$10,
9900
- create_fragment$10,
9911
+ instance$13,
9912
+ create_fragment$13,
9901
9913
  safe_not_equal,
9902
9914
  {
9903
9915
  loop: 18,
@@ -9911,7 +9923,7 @@ class Slide extends SvelteComponent {
9911
9923
  navigationButton: 25,
9912
9924
  navigationEdgePosition: 26
9913
9925
  },
9914
- add_css$v,
9926
+ add_css$x,
9915
9927
  [-1, -1, -1]
9916
9928
  );
9917
9929
  }
@@ -9919,11 +9931,11 @@ class Slide extends SvelteComponent {
9919
9931
 
9920
9932
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9921
9933
 
9922
- function add_css$u(target) {
9934
+ function add_css$w(target) {
9923
9935
  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}");
9924
9936
  }
9925
9937
 
9926
- function create_fragment$$(ctx) {
9938
+ function create_fragment$12(ctx) {
9927
9939
  let div1;
9928
9940
  let div0;
9929
9941
  let current;
@@ -9990,7 +10002,7 @@ function create_fragment$$(ctx) {
9990
10002
  };
9991
10003
  }
9992
10004
 
9993
- function instance$$($$self, $$props, $$invalidate) {
10005
+ function instance$12($$self, $$props, $$invalidate) {
9994
10006
  let itemStyle;
9995
10007
  let { $$slots: slots = {}, $$scope } = $$props;
9996
10008
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10056,25 +10068,25 @@ function instance$$($$self, $$props, $$invalidate) {
10056
10068
  class SlideItem extends SvelteComponent {
10057
10069
  constructor(options) {
10058
10070
  super();
10059
- init(this, options, instance$$, create_fragment$$, safe_not_equal, { _style: 0 }, add_css$u);
10071
+ init(this, options, instance$12, create_fragment$12, safe_not_equal, { _style: 0 }, add_css$w);
10060
10072
  }
10061
10073
  }
10062
10074
 
10063
10075
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10064
10076
 
10065
- function add_css$t(target) {
10077
+ function add_css$v(target) {
10066
10078
  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}");
10067
10079
  }
10068
10080
 
10069
- const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10070
- const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
10081
+ const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10082
+ const get_default_slot_context$1 = ctx => ({ countdown: /*countdown*/ ctx[1] });
10071
10083
 
10072
- function create_fragment$_(ctx) {
10084
+ function create_fragment$11(ctx) {
10073
10085
  let div1;
10074
10086
  let div0;
10075
10087
  let current;
10076
10088
  const default_slot_template = /*#slots*/ ctx[6].default;
10077
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], get_default_slot_context);
10089
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], get_default_slot_context$1);
10078
10090
 
10079
10091
  return {
10080
10092
  c() {
@@ -10105,8 +10117,8 @@ function create_fragment$_(ctx) {
10105
10117
  /*$$scope*/ ctx[5],
10106
10118
  !current
10107
10119
  ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
10108
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, get_default_slot_changes),
10109
- get_default_slot_context
10120
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, get_default_slot_changes$1),
10121
+ get_default_slot_context$1
10110
10122
  );
10111
10123
  }
10112
10124
  }
@@ -10131,11 +10143,11 @@ function create_fragment$_(ctx) {
10131
10143
  };
10132
10144
  }
10133
10145
 
10134
- function calcRemainingTime(limit) {
10146
+ function calcRemainingTime$1(limit) {
10135
10147
  return limit - new Date().getTime();
10136
10148
  }
10137
10149
 
10138
- function formatTimeDiff(ms) {
10150
+ function formatTimeDiff$1(ms) {
10139
10151
  const diffDay = Math.floor(ms / 1000 / 60 / 60 / 24);
10140
10152
  const diffHour = Math.floor(ms / 1000 / 60 / 60) % 24;
10141
10153
  const diffMin = Math.floor(ms / 1000 / 60) % 60;
@@ -10149,7 +10161,7 @@ function formatTimeDiff(ms) {
10149
10161
  };
10150
10162
  }
10151
10163
 
10152
- function instance$_($$self, $$props, $$invalidate) {
10164
+ function instance$11($$self, $$props, $$invalidate) {
10153
10165
  let countdown;
10154
10166
  let { $$slots: slots = {}, $$scope } = $$props;
10155
10167
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10158,12 +10170,12 @@ function instance$_($$self, $$props, $$invalidate) {
10158
10170
  let remainingTime;
10159
10171
 
10160
10172
  function onEachSecond() {
10161
- const _remainingTime = calcRemainingTime(new Date(timeLimit).getTime());
10173
+ const _remainingTime = calcRemainingTime$1(new Date(timeLimit).getTime());
10162
10174
 
10163
10175
  if (_remainingTime > 0) {
10164
- $$invalidate(4, remainingTime = formatTimeDiff(_remainingTime));
10176
+ $$invalidate(4, remainingTime = formatTimeDiff$1(_remainingTime));
10165
10177
  } else {
10166
- $$invalidate(4, remainingTime = formatTimeDiff(0));
10178
+ $$invalidate(4, remainingTime = formatTimeDiff$1(0));
10167
10179
 
10168
10180
  {
10169
10181
  setState$1(stateOnEnd);
@@ -10210,13 +10222,13 @@ function instance$_($$self, $$props, $$invalidate) {
10210
10222
  class Countdown extends SvelteComponent {
10211
10223
  constructor(options) {
10212
10224
  super();
10213
- init(this, options, instance$_, create_fragment$_, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$t);
10225
+ init(this, options, instance$11, create_fragment$11, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$v);
10214
10226
  }
10215
10227
  }
10216
10228
 
10217
10229
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10218
10230
 
10219
- function add_css$s(target) {
10231
+ function add_css$u(target) {
10220
10232
  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}");
10221
10233
  }
10222
10234
 
@@ -10268,7 +10280,7 @@ function create_default_slot$3(ctx) {
10268
10280
  };
10269
10281
  }
10270
10282
 
10271
- function create_fragment$Z(ctx) {
10283
+ function create_fragment$10(ctx) {
10272
10284
  let div;
10273
10285
  let button;
10274
10286
  let current;
@@ -10322,7 +10334,7 @@ function create_fragment$Z(ctx) {
10322
10334
  };
10323
10335
  }
10324
10336
 
10325
- function instance$Z($$self, $$props, $$invalidate) {
10337
+ function instance$10($$self, $$props, $$invalidate) {
10326
10338
  let { $$slots: slots = {}, $$scope } = $$props;
10327
10339
  let { onClick = { operation: 'none', args: [] } } = $$props;
10328
10340
  let { eventName = '' } = $$props;
@@ -10341,13 +10353,13 @@ function instance$Z($$self, $$props, $$invalidate) {
10341
10353
  class Box extends SvelteComponent {
10342
10354
  constructor(options) {
10343
10355
  super();
10344
- init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$s);
10356
+ init(this, options, instance$10, create_fragment$10, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$u);
10345
10357
  }
10346
10358
  }
10347
10359
 
10348
10360
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10349
10361
 
10350
- function add_css$r(target) {
10362
+ function add_css$t(target) {
10351
10363
  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)}");
10352
10364
  }
10353
10365
 
@@ -10411,7 +10423,7 @@ function create_default_slot$2(ctx) {
10411
10423
  };
10412
10424
  }
10413
10425
 
10414
- function create_fragment$Y(ctx) {
10426
+ function create_fragment$$(ctx) {
10415
10427
  let div;
10416
10428
  let button;
10417
10429
  let current;
@@ -10472,7 +10484,7 @@ function parseData(dataUrl) {
10472
10484
  return decodeURIComponent(data).replaceAll('\'', '"');
10473
10485
  }
10474
10486
 
10475
- function instance$Y($$self, $$props, $$invalidate) {
10487
+ function instance$$($$self, $$props, $$invalidate) {
10476
10488
  let svg;
10477
10489
  let styleVariables;
10478
10490
  let style;
@@ -10520,8 +10532,8 @@ class IconElement extends SvelteComponent {
10520
10532
  init(
10521
10533
  this,
10522
10534
  options,
10523
- instance$Y,
10524
- create_fragment$Y,
10535
+ instance$$,
10536
+ create_fragment$$,
10525
10537
  safe_not_equal,
10526
10538
  {
10527
10539
  icon: 4,
@@ -10531,18 +10543,18 @@ class IconElement extends SvelteComponent {
10531
10543
  color: 6,
10532
10544
  _style: 7
10533
10545
  },
10534
- add_css$r
10546
+ add_css$t
10535
10547
  );
10536
10548
  }
10537
10549
  }
10538
10550
 
10539
10551
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10540
10552
 
10541
- function add_css$q(target) {
10553
+ function add_css$s(target) {
10542
10554
  append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10543
10555
  }
10544
10556
 
10545
- function create_fragment$X(ctx) {
10557
+ function create_fragment$_(ctx) {
10546
10558
  let div;
10547
10559
  let switch_instance;
10548
10560
  let current;
@@ -10622,7 +10634,7 @@ function create_fragment$X(ctx) {
10622
10634
  };
10623
10635
  }
10624
10636
 
10625
- function instance$X($$self, $$props, $$invalidate) {
10637
+ function instance$_($$self, $$props, $$invalidate) {
10626
10638
  let $data,
10627
10639
  $$unsubscribe_data = noop,
10628
10640
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10647,17 +10659,17 @@ function instance$X($$self, $$props, $$invalidate) {
10647
10659
  class CodeElement extends SvelteComponent {
10648
10660
  constructor(options) {
10649
10661
  super();
10650
- init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$q);
10662
+ init(this, options, instance$_, create_fragment$_, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$s);
10651
10663
  }
10652
10664
  }
10653
10665
 
10654
10666
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10655
10667
 
10656
- function add_css$p(target) {
10668
+ function add_css$r(target) {
10657
10669
  append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10658
10670
  }
10659
10671
 
10660
- function create_fragment$W(ctx) {
10672
+ function create_fragment$Z(ctx) {
10661
10673
  let div;
10662
10674
  let div_style_value;
10663
10675
  let current;
@@ -10722,7 +10734,7 @@ function getFlexContext() {
10722
10734
  return getContext(FlexContextKey);
10723
10735
  }
10724
10736
 
10725
- function instance$W($$self, $$props, $$invalidate) {
10737
+ function instance$Z($$self, $$props, $$invalidate) {
10726
10738
  let { $$slots: slots = {}, $$scope } = $$props;
10727
10739
  let { direction = 'row' } = $$props;
10728
10740
  let { width = '100%' } = $$props;
@@ -10748,8 +10760,8 @@ class Flex extends SvelteComponent {
10748
10760
  init(
10749
10761
  this,
10750
10762
  options,
10751
- instance$W,
10752
- create_fragment$W,
10763
+ instance$Z,
10764
+ create_fragment$Z,
10753
10765
  safe_not_equal,
10754
10766
  {
10755
10767
  direction: 0,
@@ -10757,18 +10769,18 @@ class Flex extends SvelteComponent {
10757
10769
  height: 2,
10758
10770
  _style: 3
10759
10771
  },
10760
- add_css$p
10772
+ add_css$r
10761
10773
  );
10762
10774
  }
10763
10775
  }
10764
10776
 
10765
10777
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10766
10778
 
10767
- function add_css$o(target) {
10779
+ function add_css$q(target) {
10768
10780
  append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10769
10781
  }
10770
10782
 
10771
- function create_fragment$V(ctx) {
10783
+ function create_fragment$Y(ctx) {
10772
10784
  let div;
10773
10785
  let current;
10774
10786
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -10826,7 +10838,7 @@ function create_fragment$V(ctx) {
10826
10838
  };
10827
10839
  }
10828
10840
 
10829
- function instance$V($$self, $$props, $$invalidate) {
10841
+ function instance$Y($$self, $$props, $$invalidate) {
10830
10842
  let { $$slots: slots = {}, $$scope } = $$props;
10831
10843
  let { length } = $$props;
10832
10844
  let { _style = '' } = $$props;
@@ -10869,7 +10881,7 @@ function instance$V($$self, $$props, $$invalidate) {
10869
10881
  class FlexItem extends SvelteComponent {
10870
10882
  constructor(options) {
10871
10883
  super();
10872
- init(this, options, instance$V, create_fragment$V, safe_not_equal, { length: 1, _style: 2 }, add_css$o);
10884
+ init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { length: 1, _style: 2 }, add_css$q);
10873
10885
  }
10874
10886
  }
10875
10887
 
@@ -11044,7 +11056,7 @@ function create_default_slot$1(ctx) {
11044
11056
  };
11045
11057
  }
11046
11058
 
11047
- function create_fragment$U(ctx) {
11059
+ function create_fragment$X(ctx) {
11048
11060
  let stateitem;
11049
11061
  let current;
11050
11062
 
@@ -11089,7 +11101,7 @@ function create_fragment$U(ctx) {
11089
11101
  };
11090
11102
  }
11091
11103
 
11092
- function instance$U($$self, $$props, $$invalidate) {
11104
+ function instance$X($$self, $$props, $$invalidate) {
11093
11105
  let { $$slots: slots = {}, $$scope } = $$props;
11094
11106
  let { path } = $$props;
11095
11107
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11160,7 +11172,7 @@ class GridModalState extends SvelteComponent {
11160
11172
  constructor(options) {
11161
11173
  super();
11162
11174
 
11163
- init(this, options, instance$U, create_fragment$U, safe_not_equal, {
11175
+ init(this, options, instance$X, create_fragment$X, safe_not_equal, {
11164
11176
  path: 0,
11165
11177
  onClick: 1,
11166
11178
  clickEventName: 2,
@@ -11185,11 +11197,11 @@ class GridModalState extends SvelteComponent {
11185
11197
 
11186
11198
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11187
11199
 
11188
- function add_css$n(target) {
11200
+ function add_css$p(target) {
11189
11201
  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%}");
11190
11202
  }
11191
11203
 
11192
- function create_fragment$T(ctx) {
11204
+ function create_fragment$W(ctx) {
11193
11205
  let div1;
11194
11206
  let div0;
11195
11207
  let rendertext;
@@ -11241,7 +11253,7 @@ function create_fragment$T(ctx) {
11241
11253
  };
11242
11254
  }
11243
11255
 
11244
- function instance$T($$self, $$props, $$invalidate) {
11256
+ function instance$W($$self, $$props, $$invalidate) {
11245
11257
  let style;
11246
11258
  let { text = 'サンプルSample' } = $$props;
11247
11259
  let { font = SYSTEM_FONT } = $$props;
@@ -11277,8 +11289,8 @@ class TextBlock extends SvelteComponent {
11277
11289
  init(
11278
11290
  this,
11279
11291
  options,
11280
- instance$T,
11281
- create_fragment$T,
11292
+ instance$W,
11293
+ create_fragment$W,
11282
11294
  safe_not_equal,
11283
11295
  {
11284
11296
  text: 0,
@@ -11287,18 +11299,18 @@ class TextBlock extends SvelteComponent {
11287
11299
  textDirection: 1,
11288
11300
  _style: 5
11289
11301
  },
11290
- add_css$n
11302
+ add_css$p
11291
11303
  );
11292
11304
  }
11293
11305
  }
11294
11306
 
11295
11307
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11296
11308
 
11297
- function add_css$m(target) {
11309
+ function add_css$o(target) {
11298
11310
  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)}");
11299
11311
  }
11300
11312
 
11301
- function create_fragment$S(ctx) {
11313
+ function create_fragment$V(ctx) {
11302
11314
  let div;
11303
11315
  let button;
11304
11316
  let rendertext;
@@ -11359,7 +11371,7 @@ function create_fragment$S(ctx) {
11359
11371
  };
11360
11372
  }
11361
11373
 
11362
- function instance$S($$self, $$props, $$invalidate) {
11374
+ function instance$V($$self, $$props, $$invalidate) {
11363
11375
  let { text = 'ボタンラベル' } = $$props;
11364
11376
  let { onClick = { operation: 'none', args: [] } } = $$props;
11365
11377
 
@@ -11401,8 +11413,8 @@ class TextButtonBlock extends SvelteComponent {
11401
11413
  init(
11402
11414
  this,
11403
11415
  options,
11404
- instance$S,
11405
- create_fragment$S,
11416
+ instance$V,
11417
+ create_fragment$V,
11406
11418
  safe_not_equal,
11407
11419
  {
11408
11420
  text: 0,
@@ -11412,18 +11424,18 @@ class TextButtonBlock extends SvelteComponent {
11412
11424
  _buttonStyle: 1,
11413
11425
  _style: 2
11414
11426
  },
11415
- add_css$m
11427
+ add_css$o
11416
11428
  );
11417
11429
  }
11418
11430
  }
11419
11431
 
11420
11432
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11421
11433
 
11422
- function add_css$l(target) {
11434
+ function add_css$n(target) {
11423
11435
  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)}");
11424
11436
  }
11425
11437
 
11426
- function create_fragment$R(ctx) {
11438
+ function create_fragment$U(ctx) {
11427
11439
  let div;
11428
11440
  let img;
11429
11441
  let img_style_value;
@@ -11486,7 +11498,7 @@ function create_fragment$R(ctx) {
11486
11498
  };
11487
11499
  }
11488
11500
 
11489
- function instance$R($$self, $$props, $$invalidate) {
11501
+ function instance$U($$self, $$props, $$invalidate) {
11490
11502
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11491
11503
  let { alt = 'No Image' } = $$props;
11492
11504
  let { transport = false } = $$props;
@@ -11526,8 +11538,8 @@ class ImageBlock extends SvelteComponent {
11526
11538
  init(
11527
11539
  this,
11528
11540
  options,
11529
- instance$R,
11530
- create_fragment$R,
11541
+ instance$U,
11542
+ create_fragment$U,
11531
11543
  safe_not_equal,
11532
11544
  {
11533
11545
  src: 0,
@@ -11539,7 +11551,7 @@ class ImageBlock extends SvelteComponent {
11539
11551
  _imageStyle: 4,
11540
11552
  _style: 5
11541
11553
  },
11542
- add_css$l
11554
+ add_css$n
11543
11555
  );
11544
11556
  }
11545
11557
  }
@@ -11648,12 +11660,13 @@ const ASPECT_VARIANT = {
11648
11660
  },
11649
11661
  };
11650
11662
  const ASPECT_VARIANTS = toVariantArray(ASPECT_VARIANT);
11651
- // ================================
11652
- // FontFamily
11653
- // ================================
11654
- const createFontVariant = (font) => {
11663
+ const createFontVariant = (font, lang, type) => {
11655
11664
  return {
11656
11665
  name: font,
11666
+ meta: {
11667
+ lang,
11668
+ type,
11669
+ },
11657
11670
  getProps: () => ({
11658
11671
  fontFamily: font,
11659
11672
  }),
@@ -11662,31 +11675,57 @@ const createFontVariant = (font) => {
11662
11675
  const FONT_FAMILY_VARIANT = {
11663
11676
  default: {
11664
11677
  name: `デフォルト`,
11678
+ meta: {
11679
+ type: 'kaku',
11680
+ lang: 'ja',
11681
+ },
11665
11682
  getProps: brandKit => ({
11666
11683
  fontFamily: brandKit?.font_family ?? SYSTEM_FONT,
11667
11684
  }),
11668
11685
  },
11669
- noto_sans_jp: createFontVariant('Noto Sans JP'),
11670
- sawarabi_gothic: createFontVariant('Sawarabi Gothic'),
11671
- zen_kaku_gothic: createFontVariant('Zen Maru Gothic'),
11672
- kosugi: createFontVariant('Kosugi'),
11673
- biz_udp_gothic: createFontVariant('BIZ UDPGothic'),
11674
- open_sans: createFontVariant('Open Sans'),
11675
- m_plus_rounded_1c: createFontVariant('M PLUS Rounded 1c'),
11676
- m_plus_1p: createFontVariant('M PLUS 1p'),
11677
- zen_maru_gothic: createFontVariant('Zen Maru Gothic'),
11678
- kosugi_maru: createFontVariant('Kosugi Maru'),
11679
- noto_serif_jp: createFontVariant('Noto Serif JP'),
11680
- shippori_micho: createFontVariant('Shippori Mincho'),
11681
- biz_udp_micho: createFontVariant('BIZ UDPMincho'),
11682
- roboto: createFontVariant('Roboto'),
11683
- lato: createFontVariant('Lato'),
11684
- poppins: createFontVariant('Poppins'),
11685
- raleway: createFontVariant('Raleway'),
11686
- nunito: createFontVariant('Nunito'),
11687
- lora: createFontVariant('Lora'),
11686
+ noto_sans_jp: createFontVariant('Noto Sans JP', 'ja', 'kaku'),
11687
+ sawarabi_gothic: createFontVariant('Sawarabi Gothic', 'ja', 'kaku'),
11688
+ zen_kaku_gothic: createFontVariant('Zen Kaku Gothic', 'ja', 'kaku'),
11689
+ kosugi: createFontVariant('Kosugi', 'ja', 'kaku'),
11690
+ biz_udp_gothic: createFontVariant('BIZ UDPGothic', 'ja', 'kaku'),
11691
+ open_sans: createFontVariant('Open Sans', 'ja', 'kaku'),
11692
+ sans_serif: createFontVariant('sans-serif', 'ja', 'kaku'),
11693
+ m_plus_rounded_1c: createFontVariant('M PLUS Rounded 1c', 'ja', 'maru'),
11694
+ m_plus_1p: createFontVariant('M PLUS 1p', 'ja', 'maru'),
11695
+ zen_maru_gothic: createFontVariant('Zen Maru Gothic', 'ja', 'maru'),
11696
+ kosugi_maru: createFontVariant('Kosugi Maru', 'ja', 'maru'),
11697
+ noto_serif_jp: createFontVariant('Noto Serif JP', 'ja', 'min'),
11698
+ shippori_micho: createFontVariant('Shippori Mincho', 'ja', 'min'),
11699
+ biz_udp_micho: createFontVariant('BIZ UDPMincho', 'ja', 'min'),
11700
+ serif: createFontVariant('serif', 'ja', 'min'),
11701
+ roboto: createFontVariant('Roboto', 'en', 'kaku'),
11702
+ lato: createFontVariant('Lato', 'en', 'kaku'),
11703
+ poppins: createFontVariant('Poppins', 'en', 'kaku'),
11704
+ raleway: createFontVariant('Raleway', 'en', 'kaku'),
11705
+ nunito: createFontVariant('Nunito', 'en', 'kaku'),
11706
+ lora: createFontVariant('Lora', 'en', 'kaku'),
11707
+ monospace: createFontVariant('monospace', 'en', 'kaku'),
11708
+ system_ui: createFontVariant('system-ui', 'en', 'kaku'),
11688
11709
  };
11689
11710
  const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
11711
+ const FONT_FAMILY_VARIANT_GROUPS = [
11712
+ {
11713
+ label: '日本語 / 角ゴシック',
11714
+ variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'ja' && v.meta?.type === 'kaku'),
11715
+ },
11716
+ {
11717
+ label: '日本語 / 丸ゴシック',
11718
+ variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'ja' && v.meta?.type === 'maru'),
11719
+ },
11720
+ {
11721
+ label: '日本語 / 明朝',
11722
+ variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'ja' && v.meta?.type === 'min'),
11723
+ },
11724
+ {
11725
+ label: '英語',
11726
+ variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'en'),
11727
+ },
11728
+ ];
11690
11729
  // ================================
11691
11730
  // Shadow
11692
11731
  // ================================
@@ -11894,7 +11933,7 @@ const AVATAR_SIZE_STYLES = {
11894
11933
 
11895
11934
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11896
11935
 
11897
- function add_css$k(target) {
11936
+ function add_css$m(target) {
11898
11937
  append_styles(target, "svelte-apww0t", ".avatar.svelte-apww0t{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
11899
11938
  }
11900
11939
 
@@ -11982,7 +12021,7 @@ function create_dynamic_element$b(ctx) {
11982
12021
  };
11983
12022
  }
11984
12023
 
11985
- function create_fragment$Q(ctx) {
12024
+ function create_fragment$T(ctx) {
11986
12025
  let previous_tag = /*element*/ ctx[5];
11987
12026
  let svelte_element_anchor;
11988
12027
  let svelte_element = /*element*/ ctx[5] && create_dynamic_element$b(ctx);
@@ -12026,7 +12065,7 @@ function create_fragment$Q(ctx) {
12026
12065
  };
12027
12066
  }
12028
12067
 
12029
- function instance$Q($$self, $$props, $$invalidate) {
12068
+ function instance$T($$self, $$props, $$invalidate) {
12030
12069
  let style;
12031
12070
  let imgStyle;
12032
12071
  let { props = {} } = $$props;
@@ -12078,25 +12117,33 @@ function instance$Q($$self, $$props, $$invalidate) {
12078
12117
  class Avatar extends SvelteComponent {
12079
12118
  constructor(options) {
12080
12119
  super();
12081
- init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { props: 0, layerId: 1 }, add_css$k);
12120
+ init(this, options, instance$T, create_fragment$T, safe_not_equal, { props: 0, layerId: 1 }, add_css$m);
12082
12121
  }
12083
12122
  }
12084
12123
 
12085
12124
  const BUTTON_SIZE = {
12086
- extra_small: 'XSmall',
12087
- small: 'Small',
12088
- medium: 'Medium',
12089
- large: 'Large',
12090
- extra_large: 'XLarge',
12125
+ extra_small: 'エクストラ スモール',
12126
+ small: 'スモール',
12127
+ medium: 'ミディアム',
12128
+ large: 'ラージ',
12129
+ extra_large: 'エクストラ ラージ',
12091
12130
  };
12092
12131
  const BUTTON_THEME = {
12093
- default: 'Default',
12094
- general: 'General',
12095
- success: 'Success',
12096
- warning: 'Warning',
12097
- danger: 'Dander',
12098
- info: 'Info',
12099
- white: 'White',
12132
+ default: 'ノーマル / ブランド',
12133
+ general: 'ノーマル / ジェネラル',
12134
+ danger: 'ノーマル / アラート',
12135
+ white: 'ノーマル / ホワイト',
12136
+ default_outline: 'アウトライン / ブランド',
12137
+ general_outline: 'アウトライン / ジェネラル',
12138
+ danger_outline: 'アウトライン / アラート',
12139
+ default_text: 'テキスト / ブランド',
12140
+ general_text: 'テキスト / ジェネラル',
12141
+ danger_text: 'テキスト / アラート',
12142
+ };
12143
+ const BUTTON_VARIANT = {
12144
+ normal: 'ノーマル',
12145
+ outline: 'アウトライン',
12146
+ text: 'テキスト',
12100
12147
  };
12101
12148
  const BUTTON_ROUND = {
12102
12149
  default: 'デフォルト',
@@ -12122,7 +12169,7 @@ const buttonPropsDefault = {
12122
12169
 
12123
12170
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12124
12171
 
12125
- function create_fragment$P(ctx) {
12172
+ function create_fragment$S(ctx) {
12126
12173
  let svg;
12127
12174
  let path;
12128
12175
 
@@ -12154,7 +12201,7 @@ function create_fragment$P(ctx) {
12154
12201
  };
12155
12202
  }
12156
12203
 
12157
- function instance$P($$self, $$props, $$invalidate) {
12204
+ function instance$S($$self, $$props, $$invalidate) {
12158
12205
  let { color } = $$props;
12159
12206
 
12160
12207
  $$self.$$set = $$props => {
@@ -12167,13 +12214,13 @@ function instance$P($$self, $$props, $$invalidate) {
12167
12214
  class IconArrowDown extends SvelteComponent {
12168
12215
  constructor(options) {
12169
12216
  super();
12170
- init(this, options, instance$P, create_fragment$P, safe_not_equal, { color: 0 });
12217
+ init(this, options, instance$S, create_fragment$S, safe_not_equal, { color: 0 });
12171
12218
  }
12172
12219
  }
12173
12220
 
12174
12221
  /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
12175
12222
 
12176
- function create_fragment$O(ctx) {
12223
+ function create_fragment$R(ctx) {
12177
12224
  let svg;
12178
12225
  let path;
12179
12226
 
@@ -12205,7 +12252,7 @@ function create_fragment$O(ctx) {
12205
12252
  };
12206
12253
  }
12207
12254
 
12208
- function instance$O($$self, $$props, $$invalidate) {
12255
+ function instance$R($$self, $$props, $$invalidate) {
12209
12256
  let { color } = $$props;
12210
12257
 
12211
12258
  $$self.$$set = $$props => {
@@ -12218,13 +12265,13 @@ function instance$O($$self, $$props, $$invalidate) {
12218
12265
  class IconArrowUp extends SvelteComponent {
12219
12266
  constructor(options) {
12220
12267
  super();
12221
- init(this, options, instance$O, create_fragment$O, safe_not_equal, { color: 0 });
12268
+ init(this, options, instance$R, create_fragment$R, safe_not_equal, { color: 0 });
12222
12269
  }
12223
12270
  }
12224
12271
 
12225
12272
  /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12226
12273
 
12227
- function create_fragment$N(ctx) {
12274
+ function create_fragment$Q(ctx) {
12228
12275
  let svg;
12229
12276
  let path;
12230
12277
 
@@ -12256,7 +12303,7 @@ function create_fragment$N(ctx) {
12256
12303
  };
12257
12304
  }
12258
12305
 
12259
- function instance$N($$self, $$props, $$invalidate) {
12306
+ function instance$Q($$self, $$props, $$invalidate) {
12260
12307
  let { color } = $$props;
12261
12308
 
12262
12309
  $$self.$$set = $$props => {
@@ -12269,13 +12316,13 @@ function instance$N($$self, $$props, $$invalidate) {
12269
12316
  class IconUsers extends SvelteComponent {
12270
12317
  constructor(options) {
12271
12318
  super();
12272
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { color: 0 });
12319
+ init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { color: 0 });
12273
12320
  }
12274
12321
  }
12275
12322
 
12276
12323
  /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12277
12324
 
12278
- function create_fragment$M(ctx) {
12325
+ function create_fragment$P(ctx) {
12279
12326
  let svg;
12280
12327
  let path;
12281
12328
 
@@ -12307,7 +12354,7 @@ function create_fragment$M(ctx) {
12307
12354
  };
12308
12355
  }
12309
12356
 
12310
- function instance$M($$self, $$props, $$invalidate) {
12357
+ function instance$P($$self, $$props, $$invalidate) {
12311
12358
  let { color } = $$props;
12312
12359
 
12313
12360
  $$self.$$set = $$props => {
@@ -12320,13 +12367,13 @@ function instance$M($$self, $$props, $$invalidate) {
12320
12367
  class IconArrowLeft extends SvelteComponent {
12321
12368
  constructor(options) {
12322
12369
  super();
12323
- init(this, options, instance$M, create_fragment$M, safe_not_equal, { color: 0 });
12370
+ init(this, options, instance$P, create_fragment$P, safe_not_equal, { color: 0 });
12324
12371
  }
12325
12372
  }
12326
12373
 
12327
12374
  /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
12328
12375
 
12329
- function create_fragment$L(ctx) {
12376
+ function create_fragment$O(ctx) {
12330
12377
  let svg;
12331
12378
  let path;
12332
12379
 
@@ -12358,7 +12405,7 @@ function create_fragment$L(ctx) {
12358
12405
  };
12359
12406
  }
12360
12407
 
12361
- function instance$L($$self, $$props, $$invalidate) {
12408
+ function instance$O($$self, $$props, $$invalidate) {
12362
12409
  let { color } = $$props;
12363
12410
 
12364
12411
  $$self.$$set = $$props => {
@@ -12371,13 +12418,13 @@ function instance$L($$self, $$props, $$invalidate) {
12371
12418
  class IconArrowRight extends SvelteComponent {
12372
12419
  constructor(options) {
12373
12420
  super();
12374
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { color: 0 });
12421
+ init(this, options, instance$O, create_fragment$O, safe_not_equal, { color: 0 });
12375
12422
  }
12376
12423
  }
12377
12424
 
12378
12425
  /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
12379
12426
 
12380
- function create_fragment$K(ctx) {
12427
+ function create_fragment$N(ctx) {
12381
12428
  let svg;
12382
12429
  let path;
12383
12430
 
@@ -12409,7 +12456,7 @@ function create_fragment$K(ctx) {
12409
12456
  };
12410
12457
  }
12411
12458
 
12412
- function instance$K($$self, $$props, $$invalidate) {
12459
+ function instance$N($$self, $$props, $$invalidate) {
12413
12460
  let { color } = $$props;
12414
12461
 
12415
12462
  $$self.$$set = $$props => {
@@ -12422,13 +12469,13 @@ function instance$K($$self, $$props, $$invalidate) {
12422
12469
  class IconBell extends SvelteComponent {
12423
12470
  constructor(options) {
12424
12471
  super();
12425
- init(this, options, instance$K, create_fragment$K, safe_not_equal, { color: 0 });
12472
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { color: 0 });
12426
12473
  }
12427
12474
  }
12428
12475
 
12429
12476
  /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
12430
12477
 
12431
- function create_fragment$J(ctx) {
12478
+ function create_fragment$M(ctx) {
12432
12479
  let svg;
12433
12480
  let path;
12434
12481
 
@@ -12460,7 +12507,7 @@ function create_fragment$J(ctx) {
12460
12507
  };
12461
12508
  }
12462
12509
 
12463
- function instance$J($$self, $$props, $$invalidate) {
12510
+ function instance$M($$self, $$props, $$invalidate) {
12464
12511
  let { color } = $$props;
12465
12512
 
12466
12513
  $$self.$$set = $$props => {
@@ -12473,13 +12520,13 @@ function instance$J($$self, $$props, $$invalidate) {
12473
12520
  class IconArrowUpFromSquare extends SvelteComponent {
12474
12521
  constructor(options) {
12475
12522
  super();
12476
- init(this, options, instance$J, create_fragment$J, safe_not_equal, { color: 0 });
12523
+ init(this, options, instance$M, create_fragment$M, safe_not_equal, { color: 0 });
12477
12524
  }
12478
12525
  }
12479
12526
 
12480
12527
  /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
12481
12528
 
12482
- function create_fragment$I(ctx) {
12529
+ function create_fragment$L(ctx) {
12483
12530
  let svg;
12484
12531
  let path;
12485
12532
 
@@ -12511,7 +12558,7 @@ function create_fragment$I(ctx) {
12511
12558
  };
12512
12559
  }
12513
12560
 
12514
- function instance$I($$self, $$props, $$invalidate) {
12561
+ function instance$L($$self, $$props, $$invalidate) {
12515
12562
  let { color } = $$props;
12516
12563
 
12517
12564
  $$self.$$set = $$props => {
@@ -12524,13 +12571,13 @@ function instance$I($$self, $$props, $$invalidate) {
12524
12571
  class IconTicket extends SvelteComponent {
12525
12572
  constructor(options) {
12526
12573
  super();
12527
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { color: 0 });
12574
+ init(this, options, instance$L, create_fragment$L, safe_not_equal, { color: 0 });
12528
12575
  }
12529
12576
  }
12530
12577
 
12531
12578
  /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
12532
12579
 
12533
- function create_fragment$H(ctx) {
12580
+ function create_fragment$K(ctx) {
12534
12581
  let svg;
12535
12582
  let path;
12536
12583
 
@@ -12562,7 +12609,7 @@ function create_fragment$H(ctx) {
12562
12609
  };
12563
12610
  }
12564
12611
 
12565
- function instance$H($$self, $$props, $$invalidate) {
12612
+ function instance$K($$self, $$props, $$invalidate) {
12566
12613
  let { color } = $$props;
12567
12614
 
12568
12615
  $$self.$$set = $$props => {
@@ -12575,13 +12622,13 @@ function instance$H($$self, $$props, $$invalidate) {
12575
12622
  class IconTrack extends SvelteComponent {
12576
12623
  constructor(options) {
12577
12624
  super();
12578
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { color: 0 });
12625
+ init(this, options, instance$K, create_fragment$K, safe_not_equal, { color: 0 });
12579
12626
  }
12580
12627
  }
12581
12628
 
12582
12629
  /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
12583
12630
 
12584
- function create_fragment$G(ctx) {
12631
+ function create_fragment$J(ctx) {
12585
12632
  let svg;
12586
12633
  let path;
12587
12634
 
@@ -12613,7 +12660,7 @@ function create_fragment$G(ctx) {
12613
12660
  };
12614
12661
  }
12615
12662
 
12616
- function instance$G($$self, $$props, $$invalidate) {
12663
+ function instance$J($$self, $$props, $$invalidate) {
12617
12664
  let { color } = $$props;
12618
12665
 
12619
12666
  $$self.$$set = $$props => {
@@ -12626,13 +12673,13 @@ function instance$G($$self, $$props, $$invalidate) {
12626
12673
  class IconCartShopping extends SvelteComponent {
12627
12674
  constructor(options) {
12628
12675
  super();
12629
- init(this, options, instance$G, create_fragment$G, safe_not_equal, { color: 0 });
12676
+ init(this, options, instance$J, create_fragment$J, safe_not_equal, { color: 0 });
12630
12677
  }
12631
12678
  }
12632
12679
 
12633
12680
  /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
12634
12681
 
12635
- function create_fragment$F(ctx) {
12682
+ function create_fragment$I(ctx) {
12636
12683
  let svg;
12637
12684
  let path;
12638
12685
 
@@ -12664,7 +12711,7 @@ function create_fragment$F(ctx) {
12664
12711
  };
12665
12712
  }
12666
12713
 
12667
- function instance$F($$self, $$props, $$invalidate) {
12714
+ function instance$I($$self, $$props, $$invalidate) {
12668
12715
  let { color } = $$props;
12669
12716
 
12670
12717
  $$self.$$set = $$props => {
@@ -12677,13 +12724,13 @@ function instance$F($$self, $$props, $$invalidate) {
12677
12724
  class IconCircle extends SvelteComponent {
12678
12725
  constructor(options) {
12679
12726
  super();
12680
- init(this, options, instance$F, create_fragment$F, safe_not_equal, { color: 0 });
12727
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { color: 0 });
12681
12728
  }
12682
12729
  }
12683
12730
 
12684
12731
  /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12685
12732
 
12686
- function create_fragment$E(ctx) {
12733
+ function create_fragment$H(ctx) {
12687
12734
  let svg;
12688
12735
  let path;
12689
12736
 
@@ -12715,7 +12762,7 @@ function create_fragment$E(ctx) {
12715
12762
  };
12716
12763
  }
12717
12764
 
12718
- function instance$E($$self, $$props, $$invalidate) {
12765
+ function instance$H($$self, $$props, $$invalidate) {
12719
12766
  let { color } = $$props;
12720
12767
 
12721
12768
  $$self.$$set = $$props => {
@@ -12728,13 +12775,13 @@ function instance$E($$self, $$props, $$invalidate) {
12728
12775
  class IconCircleQuestion extends SvelteComponent {
12729
12776
  constructor(options) {
12730
12777
  super();
12731
- init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
12778
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { color: 0 });
12732
12779
  }
12733
12780
  }
12734
12781
 
12735
12782
  /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12736
12783
 
12737
- function create_fragment$D(ctx) {
12784
+ function create_fragment$G(ctx) {
12738
12785
  let svg;
12739
12786
  let path;
12740
12787
 
@@ -12766,7 +12813,7 @@ function create_fragment$D(ctx) {
12766
12813
  };
12767
12814
  }
12768
12815
 
12769
- function instance$D($$self, $$props, $$invalidate) {
12816
+ function instance$G($$self, $$props, $$invalidate) {
12770
12817
  let { color } = $$props;
12771
12818
 
12772
12819
  $$self.$$set = $$props => {
@@ -12779,13 +12826,13 @@ function instance$D($$self, $$props, $$invalidate) {
12779
12826
  class IconCheck extends SvelteComponent {
12780
12827
  constructor(options) {
12781
12828
  super();
12782
- init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
12829
+ init(this, options, instance$G, create_fragment$G, safe_not_equal, { color: 0 });
12783
12830
  }
12784
12831
  }
12785
12832
 
12786
12833
  /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12787
12834
 
12788
- function create_fragment$C(ctx) {
12835
+ function create_fragment$F(ctx) {
12789
12836
  let svg;
12790
12837
  let path;
12791
12838
 
@@ -12817,7 +12864,7 @@ function create_fragment$C(ctx) {
12817
12864
  };
12818
12865
  }
12819
12866
 
12820
- function instance$C($$self, $$props, $$invalidate) {
12867
+ function instance$F($$self, $$props, $$invalidate) {
12821
12868
  let { color } = $$props;
12822
12869
 
12823
12870
  $$self.$$set = $$props => {
@@ -12830,13 +12877,13 @@ function instance$C($$self, $$props, $$invalidate) {
12830
12877
  class IconXMark extends SvelteComponent {
12831
12878
  constructor(options) {
12832
12879
  super();
12833
- init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
12880
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, { color: 0 });
12834
12881
  }
12835
12882
  }
12836
12883
 
12837
12884
  /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
12838
12885
 
12839
- function create_fragment$B(ctx) {
12886
+ function create_fragment$E(ctx) {
12840
12887
  let svg;
12841
12888
  let path;
12842
12889
 
@@ -12868,7 +12915,7 @@ function create_fragment$B(ctx) {
12868
12915
  };
12869
12916
  }
12870
12917
 
12871
- function instance$B($$self, $$props, $$invalidate) {
12918
+ function instance$E($$self, $$props, $$invalidate) {
12872
12919
  let { color } = $$props;
12873
12920
 
12874
12921
  $$self.$$set = $$props => {
@@ -12881,13 +12928,13 @@ function instance$B($$self, $$props, $$invalidate) {
12881
12928
  class IconPaperPlane extends SvelteComponent {
12882
12929
  constructor(options) {
12883
12930
  super();
12884
- init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
12931
+ init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
12885
12932
  }
12886
12933
  }
12887
12934
 
12888
12935
  /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
12889
12936
 
12890
- function create_fragment$A(ctx) {
12937
+ function create_fragment$D(ctx) {
12891
12938
  let svg;
12892
12939
  let path;
12893
12940
 
@@ -12919,7 +12966,7 @@ function create_fragment$A(ctx) {
12919
12966
  };
12920
12967
  }
12921
12968
 
12922
- function instance$A($$self, $$props, $$invalidate) {
12969
+ function instance$D($$self, $$props, $$invalidate) {
12923
12970
  let { color } = $$props;
12924
12971
 
12925
12972
  $$self.$$set = $$props => {
@@ -12932,13 +12979,13 @@ function instance$A($$self, $$props, $$invalidate) {
12932
12979
  class IconCopy extends SvelteComponent {
12933
12980
  constructor(options) {
12934
12981
  super();
12935
- init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
12982
+ init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
12936
12983
  }
12937
12984
  }
12938
12985
 
12939
12986
  /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
12940
12987
 
12941
- function create_fragment$z(ctx) {
12988
+ function create_fragment$C(ctx) {
12942
12989
  let svg;
12943
12990
  let path;
12944
12991
 
@@ -12970,7 +13017,7 @@ function create_fragment$z(ctx) {
12970
13017
  };
12971
13018
  }
12972
13019
 
12973
- function instance$z($$self, $$props, $$invalidate) {
13020
+ function instance$C($$self, $$props, $$invalidate) {
12974
13021
  let { color } = $$props;
12975
13022
 
12976
13023
  $$self.$$set = $$props => {
@@ -12983,13 +13030,13 @@ function instance$z($$self, $$props, $$invalidate) {
12983
13030
  class IconCircleXMark extends SvelteComponent {
12984
13031
  constructor(options) {
12985
13032
  super();
12986
- init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
13033
+ init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
12987
13034
  }
12988
13035
  }
12989
13036
 
12990
13037
  /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
12991
13038
 
12992
- function create_fragment$y(ctx) {
13039
+ function create_fragment$B(ctx) {
12993
13040
  let svg;
12994
13041
  let path;
12995
13042
 
@@ -13021,7 +13068,7 @@ function create_fragment$y(ctx) {
13021
13068
  };
13022
13069
  }
13023
13070
 
13024
- function instance$y($$self, $$props, $$invalidate) {
13071
+ function instance$B($$self, $$props, $$invalidate) {
13025
13072
  let { color } = $$props;
13026
13073
 
13027
13074
  $$self.$$set = $$props => {
@@ -13034,13 +13081,13 @@ function instance$y($$self, $$props, $$invalidate) {
13034
13081
  class IconHeart extends SvelteComponent {
13035
13082
  constructor(options) {
13036
13083
  super();
13037
- init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
13084
+ init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
13038
13085
  }
13039
13086
  }
13040
13087
 
13041
13088
  /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13042
13089
 
13043
- function create_fragment$x(ctx) {
13090
+ function create_fragment$A(ctx) {
13044
13091
  let svg;
13045
13092
  let path;
13046
13093
 
@@ -13072,7 +13119,7 @@ function create_fragment$x(ctx) {
13072
13119
  };
13073
13120
  }
13074
13121
 
13075
- function instance$x($$self, $$props, $$invalidate) {
13122
+ function instance$A($$self, $$props, $$invalidate) {
13076
13123
  let { color } = $$props;
13077
13124
 
13078
13125
  $$self.$$set = $$props => {
@@ -13085,13 +13132,13 @@ function instance$x($$self, $$props, $$invalidate) {
13085
13132
  class IconMagnifyingGrass extends SvelteComponent {
13086
13133
  constructor(options) {
13087
13134
  super();
13088
- init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
13135
+ init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
13089
13136
  }
13090
13137
  }
13091
13138
 
13092
13139
  /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13093
13140
 
13094
- function create_fragment$w(ctx) {
13141
+ function create_fragment$z(ctx) {
13095
13142
  let svg;
13096
13143
  let path;
13097
13144
 
@@ -13123,7 +13170,7 @@ function create_fragment$w(ctx) {
13123
13170
  };
13124
13171
  }
13125
13172
 
13126
- function instance$w($$self, $$props, $$invalidate) {
13173
+ function instance$z($$self, $$props, $$invalidate) {
13127
13174
  let { color } = $$props;
13128
13175
 
13129
13176
  $$self.$$set = $$props => {
@@ -13136,13 +13183,13 @@ function instance$w($$self, $$props, $$invalidate) {
13136
13183
  class IconStar extends SvelteComponent {
13137
13184
  constructor(options) {
13138
13185
  super();
13139
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
13186
+ init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
13140
13187
  }
13141
13188
  }
13142
13189
 
13143
13190
  /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
13144
13191
 
13145
- function create_fragment$v(ctx) {
13192
+ function create_fragment$y(ctx) {
13146
13193
  let svg;
13147
13194
  let path;
13148
13195
 
@@ -13174,7 +13221,7 @@ function create_fragment$v(ctx) {
13174
13221
  };
13175
13222
  }
13176
13223
 
13177
- function instance$v($$self, $$props, $$invalidate) {
13224
+ function instance$y($$self, $$props, $$invalidate) {
13178
13225
  let { color } = $$props;
13179
13226
 
13180
13227
  $$self.$$set = $$props => {
@@ -13187,13 +13234,13 @@ function instance$v($$self, $$props, $$invalidate) {
13187
13234
  class IconCircleInfo extends SvelteComponent {
13188
13235
  constructor(options) {
13189
13236
  super();
13190
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
13237
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
13191
13238
  }
13192
13239
  }
13193
13240
 
13194
13241
  /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
13195
13242
 
13196
- function create_fragment$u(ctx) {
13243
+ function create_fragment$x(ctx) {
13197
13244
  let svg;
13198
13245
  let path;
13199
13246
 
@@ -13225,7 +13272,7 @@ function create_fragment$u(ctx) {
13225
13272
  };
13226
13273
  }
13227
13274
 
13228
- function instance$u($$self, $$props, $$invalidate) {
13275
+ function instance$x($$self, $$props, $$invalidate) {
13229
13276
  let { color } = $$props;
13230
13277
 
13231
13278
  $$self.$$set = $$props => {
@@ -13238,13 +13285,13 @@ function instance$u($$self, $$props, $$invalidate) {
13238
13285
  class IconEnvelope extends SvelteComponent {
13239
13286
  constructor(options) {
13240
13287
  super();
13241
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
13288
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
13242
13289
  }
13243
13290
  }
13244
13291
 
13245
13292
  /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
13246
13293
 
13247
- function create_fragment$t(ctx) {
13294
+ function create_fragment$w(ctx) {
13248
13295
  let svg;
13249
13296
  let path;
13250
13297
 
@@ -13276,7 +13323,7 @@ function create_fragment$t(ctx) {
13276
13323
  };
13277
13324
  }
13278
13325
 
13279
- function instance$t($$self, $$props, $$invalidate) {
13326
+ function instance$w($$self, $$props, $$invalidate) {
13280
13327
  let { color } = $$props;
13281
13328
 
13282
13329
  $$self.$$set = $$props => {
@@ -13289,13 +13336,13 @@ function instance$t($$self, $$props, $$invalidate) {
13289
13336
  class IconGift extends SvelteComponent {
13290
13337
  constructor(options) {
13291
13338
  super();
13292
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
13339
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
13293
13340
  }
13294
13341
  }
13295
13342
 
13296
13343
  /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
13297
13344
 
13298
- function create_fragment$s(ctx) {
13345
+ function create_fragment$v(ctx) {
13299
13346
  let svg;
13300
13347
  let path;
13301
13348
 
@@ -13327,7 +13374,7 @@ function create_fragment$s(ctx) {
13327
13374
  };
13328
13375
  }
13329
13376
 
13330
- function instance$s($$self, $$props, $$invalidate) {
13377
+ function instance$v($$self, $$props, $$invalidate) {
13331
13378
  let { color } = $$props;
13332
13379
 
13333
13380
  $$self.$$set = $$props => {
@@ -13340,13 +13387,13 @@ function instance$s($$self, $$props, $$invalidate) {
13340
13387
  class IconPaperclip extends SvelteComponent {
13341
13388
  constructor(options) {
13342
13389
  super();
13343
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
13390
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
13344
13391
  }
13345
13392
  }
13346
13393
 
13347
13394
  /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
13348
13395
 
13349
- function create_fragment$r(ctx) {
13396
+ function create_fragment$u(ctx) {
13350
13397
  let svg;
13351
13398
  let path;
13352
13399
 
@@ -13378,7 +13425,7 @@ function create_fragment$r(ctx) {
13378
13425
  };
13379
13426
  }
13380
13427
 
13381
- function instance$r($$self, $$props, $$invalidate) {
13428
+ function instance$u($$self, $$props, $$invalidate) {
13382
13429
  let { color } = $$props;
13383
13430
 
13384
13431
  $$self.$$set = $$props => {
@@ -13391,13 +13438,13 @@ function instance$r($$self, $$props, $$invalidate) {
13391
13438
  class IconFire extends SvelteComponent {
13392
13439
  constructor(options) {
13393
13440
  super();
13394
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
13441
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
13395
13442
  }
13396
13443
  }
13397
13444
 
13398
13445
  /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
13399
13446
 
13400
- function create_fragment$q(ctx) {
13447
+ function create_fragment$t(ctx) {
13401
13448
  let svg;
13402
13449
  let path;
13403
13450
 
@@ -13429,7 +13476,7 @@ function create_fragment$q(ctx) {
13429
13476
  };
13430
13477
  }
13431
13478
 
13432
- function instance$q($$self, $$props, $$invalidate) {
13479
+ function instance$t($$self, $$props, $$invalidate) {
13433
13480
  let { color } = $$props;
13434
13481
 
13435
13482
  $$self.$$set = $$props => {
@@ -13442,13 +13489,13 @@ function instance$q($$self, $$props, $$invalidate) {
13442
13489
  class IconLink extends SvelteComponent {
13443
13490
  constructor(options) {
13444
13491
  super();
13445
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
13492
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
13446
13493
  }
13447
13494
  }
13448
13495
 
13449
13496
  /* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
13450
13497
 
13451
- function create_fragment$p(ctx) {
13498
+ function create_fragment$s(ctx) {
13452
13499
  let svg;
13453
13500
  let path;
13454
13501
 
@@ -13480,7 +13527,7 @@ function create_fragment$p(ctx) {
13480
13527
  };
13481
13528
  }
13482
13529
 
13483
- function instance$p($$self, $$props, $$invalidate) {
13530
+ function instance$s($$self, $$props, $$invalidate) {
13484
13531
  let { color } = $$props;
13485
13532
 
13486
13533
  $$self.$$set = $$props => {
@@ -13493,13 +13540,13 @@ function instance$p($$self, $$props, $$invalidate) {
13493
13540
  class IconBuildings extends SvelteComponent {
13494
13541
  constructor(options) {
13495
13542
  super();
13496
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
13543
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
13497
13544
  }
13498
13545
  }
13499
13546
 
13500
13547
  /* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
13501
13548
 
13502
- function create_fragment$o(ctx) {
13549
+ function create_fragment$r(ctx) {
13503
13550
  let svg;
13504
13551
  let path;
13505
13552
 
@@ -13531,7 +13578,7 @@ function create_fragment$o(ctx) {
13531
13578
  };
13532
13579
  }
13533
13580
 
13534
- function instance$o($$self, $$props, $$invalidate) {
13581
+ function instance$r($$self, $$props, $$invalidate) {
13535
13582
  let { color } = $$props;
13536
13583
 
13537
13584
  $$self.$$set = $$props => {
@@ -13544,13 +13591,13 @@ function instance$o($$self, $$props, $$invalidate) {
13544
13591
  class IconChevronsRight extends SvelteComponent {
13545
13592
  constructor(options) {
13546
13593
  super();
13547
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
13594
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
13548
13595
  }
13549
13596
  }
13550
13597
 
13551
13598
  /* src/components-flex/icon/variants/IconChevronRight.svelte generated by Svelte v3.53.1 */
13552
13599
 
13553
- function create_fragment$n(ctx) {
13600
+ function create_fragment$q(ctx) {
13554
13601
  let svg;
13555
13602
  let path;
13556
13603
 
@@ -13582,7 +13629,7 @@ function create_fragment$n(ctx) {
13582
13629
  };
13583
13630
  }
13584
13631
 
13585
- function instance$n($$self, $$props, $$invalidate) {
13632
+ function instance$q($$self, $$props, $$invalidate) {
13586
13633
  let { color } = $$props;
13587
13634
 
13588
13635
  $$self.$$set = $$props => {
@@ -13595,13 +13642,13 @@ function instance$n($$self, $$props, $$invalidate) {
13595
13642
  class IconChevronRight extends SvelteComponent {
13596
13643
  constructor(options) {
13597
13644
  super();
13598
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
13645
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
13599
13646
  }
13600
13647
  }
13601
13648
 
13602
13649
  /* src/components-flex/icon/variants/IconPhone.svelte generated by Svelte v3.53.1 */
13603
13650
 
13604
- function create_fragment$m(ctx) {
13651
+ function create_fragment$p(ctx) {
13605
13652
  let svg;
13606
13653
  let path;
13607
13654
 
@@ -13633,7 +13680,7 @@ function create_fragment$m(ctx) {
13633
13680
  };
13634
13681
  }
13635
13682
 
13636
- function instance$m($$self, $$props, $$invalidate) {
13683
+ function instance$p($$self, $$props, $$invalidate) {
13637
13684
  let { color } = $$props;
13638
13685
 
13639
13686
  $$self.$$set = $$props => {
@@ -13646,13 +13693,13 @@ function instance$m($$self, $$props, $$invalidate) {
13646
13693
  class IconPhone extends SvelteComponent {
13647
13694
  constructor(options) {
13648
13695
  super();
13649
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
13696
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
13650
13697
  }
13651
13698
  }
13652
13699
 
13653
13700
  /* src/components-flex/icon/variants/IconLocationDot.svelte generated by Svelte v3.53.1 */
13654
13701
 
13655
- function create_fragment$l(ctx) {
13702
+ function create_fragment$o(ctx) {
13656
13703
  let svg;
13657
13704
  let path;
13658
13705
 
@@ -13684,7 +13731,7 @@ function create_fragment$l(ctx) {
13684
13731
  };
13685
13732
  }
13686
13733
 
13687
- function instance$l($$self, $$props, $$invalidate) {
13734
+ function instance$o($$self, $$props, $$invalidate) {
13688
13735
  let { color } = $$props;
13689
13736
 
13690
13737
  $$self.$$set = $$props => {
@@ -13697,7 +13744,7 @@ function instance$l($$self, $$props, $$invalidate) {
13697
13744
  class IconLocationDot extends SvelteComponent {
13698
13745
  constructor(options) {
13699
13746
  super();
13700
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
13747
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
13701
13748
  }
13702
13749
  }
13703
13750
 
@@ -13768,7 +13815,7 @@ const ICON_VARIANTS = {
13768
13815
 
13769
13816
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13770
13817
 
13771
- function add_css$j(target) {
13818
+ function add_css$l(target) {
13772
13819
  append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13773
13820
  }
13774
13821
 
@@ -13890,7 +13937,7 @@ function create_dynamic_element$a(ctx) {
13890
13937
  };
13891
13938
  }
13892
13939
 
13893
- function create_fragment$k(ctx) {
13940
+ function create_fragment$n(ctx) {
13894
13941
  let previous_tag = /*element*/ ctx[5];
13895
13942
  let svelte_element_anchor;
13896
13943
  let svelte_element = /*element*/ ctx[5] && create_dynamic_element$a(ctx);
@@ -13936,7 +13983,7 @@ function create_fragment$k(ctx) {
13936
13983
  };
13937
13984
  }
13938
13985
 
13939
- function instance$k($$self, $$props, $$invalidate) {
13986
+ function instance$n($$self, $$props, $$invalidate) {
13940
13987
  let style;
13941
13988
  let IconComponent;
13942
13989
  let { props = {} } = $$props;
@@ -13979,7 +14026,7 @@ function instance$k($$self, $$props, $$invalidate) {
13979
14026
  class Icon extends SvelteComponent {
13980
14027
  constructor(options) {
13981
14028
  super();
13982
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { props: 0, layerId: 1 }, add_css$j);
14029
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { props: 0, layerId: 1 }, add_css$l);
13983
14030
  }
13984
14031
  }
13985
14032
 
@@ -13992,35 +14039,72 @@ const getPropStyles = (callback) => {
13992
14039
 
13993
14040
  const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
13994
14041
  default: {
14042
+ variant: 'normal',
13995
14043
  backgroundColor: brandKit.color_brand,
13996
14044
  color: '#FFFFFF',
13997
14045
  },
13998
14046
  general: {
14047
+ variant: 'normal',
13999
14048
  backgroundColor: '#e8e8e8',
14000
14049
  color: 'rgba(0, 16, 14, 0.7)',
14001
14050
  },
14002
- success: {
14003
- backgroundColor: brandKit.color_success,
14004
- color: '#ffffff',
14005
- },
14006
- warning: {
14007
- backgroundColor: brandKit.color_warning,
14008
- color: '#ffffff',
14009
- },
14051
+ // success: {
14052
+ // backgroundColor: brandKit.color_success,
14053
+ // color: '#ffffff',
14054
+ // },
14055
+ // warning: {
14056
+ // backgroundColor: brandKit.color_warning,
14057
+ // color: '#ffffff',
14058
+ // },
14010
14059
  danger: {
14060
+ variant: 'normal',
14011
14061
  backgroundColor: brandKit.color_danger,
14012
14062
  color: '#FFFFFF',
14013
14063
  },
14014
- info: {
14015
- backgroundColor: brandKit.color_info,
14016
- color: '#FFFFFF',
14017
- },
14064
+ // info: {
14065
+ // backgroundColor: brandKit.color_info,
14066
+ // color: '#FFFFFF',
14067
+ // },
14018
14068
  white: {
14069
+ variant: 'normal',
14019
14070
  backgroundColor: '#FFFFFF',
14020
14071
  color: brandKit.color_text_primary,
14021
14072
  },
14022
- }));
14023
- const BUTTON_SIZE_STYLES = {
14073
+ default_outline: {
14074
+ variant: 'outline',
14075
+ color: brandKit.color_brand,
14076
+ borderColor: brandKit.color_brand,
14077
+ backgroundColor: 'rgba(255, 255, 255, 0)',
14078
+ },
14079
+ general_outline: {
14080
+ variant: 'outline',
14081
+ color: brandKit.color_text_secondary,
14082
+ borderColor: brandKit.color_text_secondary,
14083
+ backgroundColor: 'rgba(255, 255, 255, 0)',
14084
+ },
14085
+ danger_outline: {
14086
+ variant: 'outline',
14087
+ color: brandKit.color_danger,
14088
+ borderColor: brandKit.color_danger,
14089
+ backgroundColor: 'rgba(255, 255, 255, 0)',
14090
+ },
14091
+ default_text: {
14092
+ variant: 'text',
14093
+ backgroundColor: 'rgba(255, 255, 255, 0)',
14094
+ color: brandKit.color_brand,
14095
+ },
14096
+ general_text: {
14097
+ variant: 'text',
14098
+ backgroundColor: 'rgba(255, 255, 255, 0)',
14099
+ color: brandKit.color_text_primary,
14100
+ },
14101
+ danger_text: {
14102
+ variant: 'text',
14103
+ backgroundColor: 'rgba(255, 255, 255, 0)',
14104
+ color: brandKit.color_danger,
14105
+ },
14106
+ }));
14107
+ const BUTTON_SIZE_STYLES = {
14024
14108
  extra_small: {
14025
14109
  height: '32px',
14026
14110
  paddingLeft: '12px',
@@ -14052,38 +14136,6 @@ const BUTTON_SIZE_STYLES = {
14052
14136
  fontSize: '16px',
14053
14137
  },
14054
14138
  };
14055
- const BUTTON_THEME_STYLES = () => {
14056
- return {
14057
- default: {
14058
- backgroundColor: getBrandKit().color_brand,
14059
- color: '#FFFFFF',
14060
- },
14061
- general: {
14062
- backgroundColor: '#e8e8e8',
14063
- color: 'rgba(0, 16, 14, 0.7)',
14064
- },
14065
- success: {
14066
- backgroundColor: getBrandKit().color_success,
14067
- color: '#ffffff',
14068
- },
14069
- warning: {
14070
- backgroundColor: getBrandKit().color_warning,
14071
- color: '#ffffff',
14072
- },
14073
- danger: {
14074
- backgroundColor: getBrandKit().color_danger,
14075
- color: '#FFFFFF',
14076
- },
14077
- info: {
14078
- backgroundColor: getBrandKit().color_info,
14079
- color: '#FFFFFF',
14080
- },
14081
- white: {
14082
- backgroundColor: '#FFFFFF',
14083
- color: getBrandKit().color_text_primary,
14084
- },
14085
- };
14086
- };
14087
14139
  const BUTTON_ROUND_STYLES = {
14088
14140
  none: {
14089
14141
  borderRadius: 0,
@@ -14152,11 +14204,11 @@ function darkenColor(color, percent) {
14152
14204
 
14153
14205
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14154
14206
 
14155
- function add_css$i(target) {
14156
- append_styles(target, "svelte-1hls9tk", ".button.svelte-1hls9tk{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1hls9tk:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1hls9tk{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14207
+ function add_css$k(target) {
14208
+ append_styles(target, "svelte-brd6e9", ".button.svelte-brd6e9{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-brd6e9:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-brd6e9{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14157
14209
  }
14158
14210
 
14159
- // (52:2) {#if props.isIcon && props.iconVariant}
14211
+ // (86:2) {#if props.isIcon && props.iconVariant}
14160
14212
  function create_if_block$7(ctx) {
14161
14213
  let div;
14162
14214
  let icon;
@@ -14177,7 +14229,7 @@ function create_if_block$7(ctx) {
14177
14229
  c() {
14178
14230
  div = element("div");
14179
14231
  create_component(icon.$$.fragment);
14180
- attr(div, "class", "button-icon svelte-1hls9tk");
14232
+ attr(div, "class", "button-icon svelte-brd6e9");
14181
14233
  },
14182
14234
  m(target, anchor) {
14183
14235
  insert(target, div, anchor);
@@ -14212,7 +14264,7 @@ function create_if_block$7(ctx) {
14212
14264
  };
14213
14265
  }
14214
14266
 
14215
- // (44:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
14267
+ // (77:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} data-variant={variant} on:click={handleClick} >
14216
14268
  function create_dynamic_element$9(ctx) {
14217
14269
  let svelte_element;
14218
14270
  let t0;
@@ -14228,7 +14280,8 @@ function create_dynamic_element$9(ctx) {
14228
14280
  /*attributes*/ ctx[3],
14229
14281
  { class: "button" },
14230
14282
  { style: /*style*/ ctx[2] },
14231
- { "data-layer-id": /*layerId*/ ctx[1] }
14283
+ { "data-layer-id": /*layerId*/ ctx[1] },
14284
+ { "data-variant": /*variant*/ ctx[7] }
14232
14285
  ];
14233
14286
 
14234
14287
  let svelte_element_data = {};
@@ -14244,7 +14297,7 @@ function create_dynamic_element$9(ctx) {
14244
14297
  t0 = space();
14245
14298
  span = element("span");
14246
14299
  t1 = text(t1_value);
14247
- attr(span, "class", "button-label svelte-1hls9tk");
14300
+ attr(span, "class", "button-label");
14248
14301
 
14249
14302
  if ((/-/).test(/*element*/ ctx[4])) {
14250
14303
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14252,7 +14305,7 @@ function create_dynamic_element$9(ctx) {
14252
14305
  set_attributes(svelte_element, svelte_element_data);
14253
14306
  }
14254
14307
 
14255
- toggle_class(svelte_element, "svelte-1hls9tk", true);
14308
+ toggle_class(svelte_element, "svelte-brd6e9", true);
14256
14309
  },
14257
14310
  m(target, anchor) {
14258
14311
  insert(target, svelte_element, anchor);
@@ -14297,7 +14350,8 @@ function create_dynamic_element$9(ctx) {
14297
14350
  /*attributes*/ ctx[3],
14298
14351
  { class: "button" },
14299
14352
  (!current || dirty & /*style*/ 4) && { style: /*style*/ ctx[2] },
14300
- (!current || dirty & /*layerId*/ 2) && { "data-layer-id": /*layerId*/ ctx[1] }
14353
+ (!current || dirty & /*layerId*/ 2) && { "data-layer-id": /*layerId*/ ctx[1] },
14354
+ { "data-variant": /*variant*/ ctx[7] }
14301
14355
  ]);
14302
14356
 
14303
14357
  if ((/-/).test(/*element*/ ctx[4])) {
@@ -14306,7 +14360,7 @@ function create_dynamic_element$9(ctx) {
14306
14360
  set_attributes(svelte_element, svelte_element_data);
14307
14361
  }
14308
14362
 
14309
- toggle_class(svelte_element, "svelte-1hls9tk", true);
14363
+ toggle_class(svelte_element, "svelte-brd6e9", true);
14310
14364
  },
14311
14365
  i(local) {
14312
14366
  if (current) return;
@@ -14326,7 +14380,7 @@ function create_dynamic_element$9(ctx) {
14326
14380
  };
14327
14381
  }
14328
14382
 
14329
- function create_fragment$j(ctx) {
14383
+ function create_fragment$m(ctx) {
14330
14384
  let previous_tag = /*element*/ ctx[4];
14331
14385
  let svelte_element_anchor;
14332
14386
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$9(ctx);
@@ -14372,7 +14426,7 @@ function create_fragment$j(ctx) {
14372
14426
  };
14373
14427
  }
14374
14428
 
14375
- function instance$j($$self, $$props, $$invalidate) {
14429
+ function instance$m($$self, $$props, $$invalidate) {
14376
14430
  let variables;
14377
14431
  let style;
14378
14432
  let { props = {} } = $$props;
@@ -14382,6 +14436,16 @@ function instance$j($$self, $$props, $$invalidate) {
14382
14436
  const { brandKit } = useBrandKit();
14383
14437
  const buttonThemeStyles = getButtonThemeStyles(brandKit);
14384
14438
  const buttonThemeStyle = buttonThemeStyles[props.theme] || buttonThemeStyles[buttonPropsDefault.theme];
14439
+
14440
+ const variant = (() => {
14441
+ switch (props.variant ?? buttonThemeStyle?.variant) {
14442
+ case 'outline':
14443
+ return 'outline';
14444
+ case 'text':
14445
+ return 'text';
14446
+ }
14447
+ })();
14448
+
14385
14449
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
14386
14450
 
14387
14451
  $$self.$$set = $$props => {
@@ -14391,16 +14455,39 @@ function instance$j($$self, $$props, $$invalidate) {
14391
14455
 
14392
14456
  $$self.$$.update = () => {
14393
14457
  if ($$self.$$.dirty & /*props*/ 1) {
14394
- $$invalidate(7, variables = {
14395
- '--bg-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
14396
- '--hover-bg-color': darkenColor(props.backgroundColor ?? buttonThemeStyle.backgroundColor, 0.16)
14397
- });
14458
+ $$invalidate(8, variables = (() => {
14459
+ switch (variant) {
14460
+ case "outline":
14461
+ return {
14462
+ '--color': props.color ?? buttonThemeStyle.color,
14463
+ '--border-color': props.borderColor ?? props.color ?? buttonThemeStyle.borderColor,
14464
+ '--bg-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
14465
+ '--hover-border-color': props.borderColor ?? props.color ?? buttonThemeStyle.borderColor,
14466
+ '--hover-bg-color': '#f3f4f6'
14467
+ };
14468
+ case 'text':
14469
+ return {
14470
+ '--color': props.color ?? buttonThemeStyle.color,
14471
+ '--border-color': 'rgba(255,255,255,0)',
14472
+ '--bg-color': 'rgba(255,255,255,0)',
14473
+ '--hover-border-color': '#f3f4f6',
14474
+ '--hover-bg-color': '#f3f4f6'
14475
+ };
14476
+ default:
14477
+ return {
14478
+ '--color': props.color ?? buttonThemeStyle.color,
14479
+ '--border-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
14480
+ '--bg-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
14481
+ '--hover-border-color': darkenColor(props.backgroundColor ?? buttonThemeStyle.backgroundColor, 0.16),
14482
+ '--hover-bg-color': darkenColor(props.backgroundColor ?? buttonThemeStyle.backgroundColor, 0.16)
14483
+ };
14484
+ }
14485
+ })());
14398
14486
  }
14399
14487
 
14400
- if ($$self.$$.dirty & /*props, variables*/ 129) {
14488
+ if ($$self.$$.dirty & /*props, variables*/ 257) {
14401
14489
  $$invalidate(2, style = objToStyle({
14402
14490
  width: props.width,
14403
- color: props.color ?? buttonThemeStyle.color,
14404
14491
  fontWeight: props.fontWeight ?? 'bold',
14405
14492
  ...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
14406
14493
  ...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
@@ -14427,6 +14514,7 @@ function instance$j($$self, $$props, $$invalidate) {
14427
14514
  element,
14428
14515
  handleClick,
14429
14516
  buttonThemeStyle,
14517
+ variant,
14430
14518
  variables
14431
14519
  ];
14432
14520
  }
@@ -14434,7 +14522,7 @@ function instance$j($$self, $$props, $$invalidate) {
14434
14522
  class Button extends SvelteComponent {
14435
14523
  constructor(options) {
14436
14524
  super();
14437
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { props: 0, layerId: 1 }, add_css$i);
14525
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { props: 0, layerId: 1 }, add_css$k);
14438
14526
  }
14439
14527
  }
14440
14528
 
@@ -14538,7 +14626,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
14538
14626
 
14539
14627
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
14540
14628
 
14541
- function add_css$h(target) {
14629
+ function add_css$j(target) {
14542
14630
  append_styles(target, "svelte-ypshn1", ".button-outlined.svelte-ypshn1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-ypshn1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-ypshn1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14543
14631
  }
14544
14632
 
@@ -14712,7 +14800,7 @@ function create_dynamic_element$8(ctx) {
14712
14800
  };
14713
14801
  }
14714
14802
 
14715
- function create_fragment$i(ctx) {
14803
+ function create_fragment$l(ctx) {
14716
14804
  let previous_tag = /*element*/ ctx[4];
14717
14805
  let svelte_element_anchor;
14718
14806
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$8(ctx);
@@ -14758,7 +14846,7 @@ function create_fragment$i(ctx) {
14758
14846
  };
14759
14847
  }
14760
14848
 
14761
- function instance$i($$self, $$props, $$invalidate) {
14849
+ function instance$l($$self, $$props, $$invalidate) {
14762
14850
  let variables;
14763
14851
  let style;
14764
14852
  let { props = {} } = $$props;
@@ -14821,7 +14909,7 @@ function instance$i($$self, $$props, $$invalidate) {
14821
14909
  class ButtonOutlined extends SvelteComponent {
14822
14910
  constructor(options) {
14823
14911
  super();
14824
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { props: 0, layerId: 1 }, add_css$h);
14912
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { props: 0, layerId: 1 }, add_css$j);
14825
14913
  }
14826
14914
  }
14827
14915
 
@@ -14882,7 +14970,7 @@ const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
14882
14970
 
14883
14971
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
14884
14972
 
14885
- function add_css$g(target) {
14973
+ function add_css$i(target) {
14886
14974
  append_styles(target, "svelte-lted9r", ".button-text.svelte-lted9r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-lted9r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-lted9r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14887
14975
  }
14888
14976
 
@@ -15056,7 +15144,7 @@ function create_dynamic_element$7(ctx) {
15056
15144
  };
15057
15145
  }
15058
15146
 
15059
- function create_fragment$h(ctx) {
15147
+ function create_fragment$k(ctx) {
15060
15148
  let previous_tag = /*element*/ ctx[4];
15061
15149
  let svelte_element_anchor;
15062
15150
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$7(ctx);
@@ -15102,7 +15190,7 @@ function create_fragment$h(ctx) {
15102
15190
  };
15103
15191
  }
15104
15192
 
15105
- function instance$h($$self, $$props, $$invalidate) {
15193
+ function instance$k($$self, $$props, $$invalidate) {
15106
15194
  let variables;
15107
15195
  let style;
15108
15196
  let { props = {} } = $$props;
@@ -15161,7 +15249,7 @@ function instance$h($$self, $$props, $$invalidate) {
15161
15249
  class ButtonText extends SvelteComponent {
15162
15250
  constructor(options) {
15163
15251
  super();
15164
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 0, layerId: 1 }, add_css$g);
15252
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { props: 0, layerId: 1 }, add_css$i);
15165
15253
  }
15166
15254
  }
15167
15255
 
@@ -15199,7 +15287,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
15199
15287
 
15200
15288
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
15201
15289
 
15202
- function add_css$f(target) {
15290
+ function add_css$h(target) {
15203
15291
  append_styles(target, "svelte-3133h2", ".close-button.svelte-3133h2.svelte-3133h2{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3133h2 svg.svelte-3133h2{transition:transform 0.12s}.close-button.svelte-3133h2:hover svg.svelte-3133h2{transform:rotate(90deg)}.close-button-order-one.svelte-3133h2.svelte-3133h2{order:1}.close-button-order-two.svelte-3133h2.svelte-3133h2{order:2}");
15204
15292
  }
15205
15293
 
@@ -15342,7 +15430,7 @@ function create_dynamic_element$6(ctx) {
15342
15430
  };
15343
15431
  }
15344
15432
 
15345
- function create_fragment$g(ctx) {
15433
+ function create_fragment$j(ctx) {
15346
15434
  let previous_tag = /*element*/ ctx[6];
15347
15435
  let svelte_element_anchor;
15348
15436
  let svelte_element = /*element*/ ctx[6] && create_dynamic_element$6(ctx);
@@ -15386,7 +15474,7 @@ function create_fragment$g(ctx) {
15386
15474
  };
15387
15475
  }
15388
15476
 
15389
- function instance$g($$self, $$props, $$invalidate) {
15477
+ function instance$j($$self, $$props, $$invalidate) {
15390
15478
  let hasLabel;
15391
15479
  let style;
15392
15480
  let labelStyle;
@@ -15483,8 +15571,8 @@ class CloseButton extends SvelteComponent {
15483
15571
  init(
15484
15572
  this,
15485
15573
  options,
15486
- instance$g,
15487
- create_fragment$g,
15574
+ instance$j,
15575
+ create_fragment$j,
15488
15576
  safe_not_equal,
15489
15577
  {
15490
15578
  props: 11,
@@ -15492,7 +15580,7 @@ class CloseButton extends SvelteComponent {
15492
15580
  eventName: 12,
15493
15581
  eventValue: 13
15494
15582
  },
15495
- add_css$f
15583
+ add_css$h
15496
15584
  );
15497
15585
  }
15498
15586
  }
@@ -15530,7 +15618,7 @@ const ICON_SIZE_STYLES = {
15530
15618
 
15531
15619
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
15532
15620
 
15533
- function add_css$e(target) {
15621
+ function add_css$g(target) {
15534
15622
  append_styles(target, "svelte-1y7kpsc", ".image.svelte-1y7kpsc{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-1y7kpsc{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
15535
15623
  }
15536
15624
 
@@ -15613,7 +15701,7 @@ function create_dynamic_element$5(ctx) {
15613
15701
  };
15614
15702
  }
15615
15703
 
15616
- function create_fragment$f(ctx) {
15704
+ function create_fragment$i(ctx) {
15617
15705
  let previous_tag = /*element*/ ctx[4];
15618
15706
  let svelte_element_anchor;
15619
15707
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$5(ctx);
@@ -15657,7 +15745,7 @@ function create_fragment$f(ctx) {
15657
15745
  };
15658
15746
  }
15659
15747
 
15660
- function instance$f($$self, $$props, $$invalidate) {
15748
+ function instance$i($$self, $$props, $$invalidate) {
15661
15749
  let style;
15662
15750
  let { props = {} } = $$props;
15663
15751
  let { layerId = '' } = $$props;
@@ -15697,7 +15785,7 @@ function instance$f($$self, $$props, $$invalidate) {
15697
15785
  class Image extends SvelteComponent {
15698
15786
  constructor(options) {
15699
15787
  super();
15700
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { props: 0, layerId: 1 }, add_css$e);
15788
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { props: 0, layerId: 1 }, add_css$g);
15701
15789
  }
15702
15790
  }
15703
15791
 
@@ -15721,7 +15809,7 @@ const IMAGE_ASPECT_VARIANTS = {
15721
15809
 
15722
15810
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15723
15811
 
15724
- function add_css$d(target) {
15812
+ function add_css$f(target) {
15725
15813
  append_styles(target, "svelte-1tjo4al", ".layout.svelte-1tjo4al{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-1tjo4al{cursor:pointer}.layout[data-clickable=true].svelte-1tjo4al:hover{opacity:0.8}");
15726
15814
  }
15727
15815
 
@@ -15823,7 +15911,7 @@ function create_dynamic_element$4(ctx) {
15823
15911
  };
15824
15912
  }
15825
15913
 
15826
- function create_fragment$e(ctx) {
15914
+ function create_fragment$h(ctx) {
15827
15915
  let previous_tag = "div";
15828
15916
  let svelte_element_anchor;
15829
15917
  let current;
@@ -15873,7 +15961,7 @@ function create_fragment$e(ctx) {
15873
15961
  };
15874
15962
  }
15875
15963
 
15876
- function instance$e($$self, $$props, $$invalidate) {
15964
+ function instance$h($$self, $$props, $$invalidate) {
15877
15965
  let style;
15878
15966
  let { $$slots: slots = {}, $$scope } = $$props;
15879
15967
  let { props = {} } = $$props;
@@ -15915,7 +16003,7 @@ function instance$e($$self, $$props, $$invalidate) {
15915
16003
  class Layout extends SvelteComponent {
15916
16004
  constructor(options) {
15917
16005
  super();
15918
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { props: 4, layerId: 0 }, add_css$d);
16006
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 4, layerId: 0 }, add_css$f);
15919
16007
  }
15920
16008
  }
15921
16009
 
@@ -15926,7 +16014,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
15926
16014
 
15927
16015
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
15928
16016
 
15929
- function add_css$c(target) {
16017
+ function add_css$e(target) {
15930
16018
  append_styles(target, "svelte-1k4xkut", ".slider-list.svelte-1k4xkut{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
15931
16019
  }
15932
16020
 
@@ -15937,7 +16025,7 @@ function get_each_context$1(ctx, list, i) {
15937
16025
  return child_ctx;
15938
16026
  }
15939
16027
 
15940
- // (173:4) {#each indicators ?? [] as indicator, i}
16028
+ // (175:4) {#each indicators ?? [] as indicator, i}
15941
16029
  function create_each_block$1(ctx) {
15942
16030
  let button;
15943
16031
  let i_1;
@@ -15999,7 +16087,7 @@ function create_each_block$1(ctx) {
15999
16087
  };
16000
16088
  }
16001
16089
 
16002
- function create_fragment$d(ctx) {
16090
+ function create_fragment$g(ctx) {
16003
16091
  let div1;
16004
16092
  let ul;
16005
16093
  let ul_style_value;
@@ -16138,7 +16226,7 @@ function create_fragment$d(ctx) {
16138
16226
  };
16139
16227
  }
16140
16228
 
16141
- function instance$d($$self, $$props, $$invalidate) {
16229
+ function instance$g($$self, $$props, $$invalidate) {
16142
16230
  let indicators;
16143
16231
  let itemWidthPercentage;
16144
16232
  let style;
@@ -16149,6 +16237,7 @@ function instance$d($$self, $$props, $$invalidate) {
16149
16237
  let { layerId } = $$props;
16150
16238
  let { props } = $$props;
16151
16239
  let { overrideStyle } = $$props;
16240
+ useInjectCustomizeCss(props);
16152
16241
  let slotElement;
16153
16242
  let currentIndex = 0;
16154
16243
  let isDragging = false;
@@ -16378,13 +16467,13 @@ function instance$d($$self, $$props, $$invalidate) {
16378
16467
  class Slider extends SvelteComponent {
16379
16468
  constructor(options) {
16380
16469
  super();
16381
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$c, [-1, -1]);
16470
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$e, [-1, -1]);
16382
16471
  }
16383
16472
  }
16384
16473
 
16385
16474
  /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
16386
16475
 
16387
- function add_css$b(target) {
16476
+ function add_css$d(target) {
16388
16477
  append_styles(target, "svelte-j5pon4", ".slider-item.svelte-j5pon4{overflow:hidden}.slider-item-inner.svelte-j5pon4{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
16389
16478
  }
16390
16479
 
@@ -16474,7 +16563,7 @@ function create_dynamic_element$3(ctx) {
16474
16563
  };
16475
16564
  }
16476
16565
 
16477
- function create_fragment$c(ctx) {
16566
+ function create_fragment$f(ctx) {
16478
16567
  let li;
16479
16568
  let previous_tag = /*element*/ ctx[2];
16480
16569
  let current;
@@ -16533,7 +16622,7 @@ function create_fragment$c(ctx) {
16533
16622
  };
16534
16623
  }
16535
16624
 
16536
- function instance$c($$self, $$props, $$invalidate) {
16625
+ function instance$f($$self, $$props, $$invalidate) {
16537
16626
  let { $$slots: slots = {}, $$scope } = $$props;
16538
16627
  let { layerId } = $$props;
16539
16628
  let { props } = $$props;
@@ -16552,7 +16641,7 @@ function instance$c($$self, $$props, $$invalidate) {
16552
16641
  class SliderItem extends SvelteComponent {
16553
16642
  constructor(options) {
16554
16643
  super();
16555
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { layerId: 0, props: 4 }, add_css$b);
16644
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { layerId: 0, props: 4 }, add_css$d);
16556
16645
  }
16557
16646
  }
16558
16647
 
@@ -16585,11 +16674,11 @@ const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
16585
16674
 
16586
16675
  const TEXT_VARIANTS = {
16587
16676
  size: {
16588
- extra_small: {
16589
- fontSize: '10px',
16590
- lineHeight: 1.7,
16591
- fontWeight: 'normal',
16592
- },
16677
+ // extra_small: {
16678
+ // fontSize: '10px',
16679
+ // lineHeight: 1.7,
16680
+ // fontWeight: 'normal',
16681
+ // },
16593
16682
  small: {
16594
16683
  fontSize: '12px',
16595
16684
  lineHeight: 1.7,
@@ -16605,11 +16694,11 @@ const TEXT_VARIANTS = {
16605
16694
  lineHeight: 1.7,
16606
16695
  fontWeight: 'normal',
16607
16696
  },
16608
- extra_large: {
16609
- fontSize: '18px',
16610
- lineHeight: 1.7,
16611
- fontWeight: 'normal',
16612
- },
16697
+ // extra_large: {
16698
+ // fontSize: '18px',
16699
+ // lineHeight: 1.7,
16700
+ // fontWeight: 'normal',
16701
+ // },
16613
16702
  heading_extra_small: {
16614
16703
  fontSize: '14px',
16615
16704
  lineHeight: 1.5,
@@ -16630,29 +16719,29 @@ const TEXT_VARIANTS = {
16630
16719
  lineHeight: 1.5,
16631
16720
  fontWeight: 'bold',
16632
16721
  },
16633
- heading_extra_large: {
16634
- fontSize: '22px',
16635
- lineHeight: 1.5,
16636
- fontWeight: 'bold',
16637
- },
16722
+ // heading_extra_large: {
16723
+ // fontSize: '22px',
16724
+ // lineHeight: 1.5,
16725
+ // fontWeight: 'bold',
16726
+ // },
16638
16727
  },
16639
16728
  };
16640
16729
 
16641
16730
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
16642
16731
 
16643
- function add_css$a(target) {
16732
+ function add_css$c(target) {
16644
16733
  append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
16645
16734
  }
16646
16735
 
16647
- function create_fragment$b(ctx) {
16736
+ function create_fragment$e(ctx) {
16648
16737
  let p;
16649
16738
 
16650
16739
  return {
16651
16740
  c() {
16652
16741
  p = element("p");
16653
16742
  attr(p, "class", "text svelte-14kt34i");
16654
- attr(p, "style", /*style*/ ctx[1]);
16655
16743
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
16744
+ attr(p, "style", /*style*/ ctx[1]);
16656
16745
  },
16657
16746
  m(target, anchor) {
16658
16747
  insert(target, p, anchor);
@@ -16660,13 +16749,13 @@ function create_fragment$b(ctx) {
16660
16749
  },
16661
16750
  p(ctx, [dirty]) {
16662
16751
  if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
16663
- if (dirty & /*style*/ 2) {
16664
- attr(p, "style", /*style*/ ctx[1]);
16665
- }
16666
-
16667
16752
  if (dirty & /*layerId*/ 1) {
16668
16753
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
16669
16754
  }
16755
+
16756
+ if (dirty & /*style*/ 2) {
16757
+ attr(p, "style", /*style*/ ctx[1]);
16758
+ }
16670
16759
  },
16671
16760
  i: noop,
16672
16761
  o: noop,
@@ -16676,7 +16765,7 @@ function create_fragment$b(ctx) {
16676
16765
  };
16677
16766
  }
16678
16767
 
16679
- function instance$b($$self, $$props, $$invalidate) {
16768
+ function instance$e($$self, $$props, $$invalidate) {
16680
16769
  let escapedHTML;
16681
16770
  let style;
16682
16771
  let { props = { content: '' } } = $$props;
@@ -16742,13 +16831,14 @@ function instance$b($$self, $$props, $$invalidate) {
16742
16831
  position: props?.position ?? 'static',
16743
16832
  textAlign: props.align,
16744
16833
  width: props.width,
16745
- fontFamily: `"${fontFamily}"`,
16834
+ fontFamily,
16746
16835
  color: getColor(),
16747
16836
  ...getCssSize(),
16748
16837
  ...toCssRadius(props),
16749
16838
  ...toCssBackgroundColor(props),
16750
16839
  ...toCssCommon(props),
16751
16840
  ...toCssPosition(props),
16841
+ ...toCssPadding(props),
16752
16842
  ...toCssBorder(props)
16753
16843
  }));
16754
16844
  }
@@ -16760,17 +16850,17 @@ function instance$b($$self, $$props, $$invalidate) {
16760
16850
  class Text extends SvelteComponent {
16761
16851
  constructor(options) {
16762
16852
  super();
16763
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 3, layerId: 0 }, add_css$a);
16853
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { props: 3, layerId: 0 }, add_css$c);
16764
16854
  }
16765
16855
  }
16766
16856
 
16767
16857
  /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
16768
16858
 
16769
- function add_css$9(target) {
16859
+ function add_css$b(target) {
16770
16860
  append_styles(target, "svelte-mq7h73", ".rich-text.svelte-mq7h73 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-mq7h73 p + p{margin-top:0.75em}");
16771
16861
  }
16772
16862
 
16773
- function create_fragment$a(ctx) {
16863
+ function create_fragment$d(ctx) {
16774
16864
  let div;
16775
16865
  let raw_value = /*props*/ ctx[0].content + "";
16776
16866
 
@@ -16803,7 +16893,7 @@ function create_fragment$a(ctx) {
16803
16893
  };
16804
16894
  }
16805
16895
 
16806
- function instance$a($$self, $$props, $$invalidate) {
16896
+ function instance$d($$self, $$props, $$invalidate) {
16807
16897
  let style;
16808
16898
  let { props = { content: '' } } = $$props;
16809
16899
  let { layerId = '' } = $$props;
@@ -16879,31 +16969,32 @@ function instance$a($$self, $$props, $$invalidate) {
16879
16969
  class RichText extends SvelteComponent {
16880
16970
  constructor(options) {
16881
16971
  super();
16882
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
16972
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
16883
16973
  }
16884
16974
  }
16885
16975
 
16886
16976
  const LAYER_TEXT_SIZE = {
16887
- extra_small: 'ExtraSmall',
16888
- small: 'Small',
16889
- medium: 'Medium',
16890
- large: 'Large',
16891
- extra_large: 'ExtraLarge',
16892
- heading_extra_small: 'HeadingExtraSmall',
16893
- heading_small: 'HeadingSmall',
16894
- heading_medium: 'HeadingMedium',
16895
- heading_large: 'HeadingLarge',
16896
- heading_extra_large: 'HeadingExtraLarge',
16977
+ // extra_small: 'ExtraSmall',
16978
+ small: '本文 / スモール',
16979
+ medium: '本文 / ミディアム',
16980
+ large: '本文 / ラージ',
16981
+ // extra_large: 'ExtraLarge'
16982
+ // MEMO(curtis): 後から調整した関係で見出しは命名と実体を一つずらしている
16983
+ heading_extra_small: '見出し / スモール',
16984
+ heading_small: '見出し / ミディアム',
16985
+ heading_medium: '見出し / ラージ',
16986
+ heading_large: '見出し / エクストララージ',
16987
+ // heading_extra_large: 'HeadingExtraLarge',
16897
16988
  };
16898
16989
  const TEXT_THEME = {
16899
- default: 'Default',
16900
- gray: 'Gray',
16901
- brand: 'Brand',
16902
- success: 'Success',
16903
- warning: 'Warning',
16904
- danger: 'Danger',
16905
- info: 'Info',
16906
- white: 'White',
16990
+ default: 'デフォルト',
16991
+ gray: 'グレー',
16992
+ brand: 'ブランド',
16993
+ success: 'サクセス',
16994
+ warning: 'ワーニング',
16995
+ danger: 'アラート',
16996
+ info: 'インフォ',
16997
+ white: 'ホワイト',
16907
16998
  };
16908
16999
  const TEXT_STYLE = {
16909
17000
  normal: 'normal',
@@ -16947,7 +17038,7 @@ const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
16947
17038
 
16948
17039
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
16949
17040
 
16950
- function add_css$8(target) {
17041
+ function add_css$a(target) {
16951
17042
  append_styles(target, "svelte-1qyhpm7", ".link.svelte-1qyhpm7{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-1qyhpm7,.link.svelte-1qyhpm7:visited,.link.svelte-1qyhpm7:link{color:var(--color)}.link.svelte-1qyhpm7:hover{color:var(--hover-color)}.link.svelte-1qyhpm7:active{color:var(--active-color)}.link.underline-hover-on.svelte-1qyhpm7{text-decoration:none}.link.underline-hover-on.svelte-1qyhpm7:hover{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7:hover{text-decoration:none}.link.underline-on.svelte-1qyhpm7{text-decoration:underline}.link.underline-off.svelte-1qyhpm7{text-decoration:none}");
16952
17043
  }
16953
17044
 
@@ -17114,7 +17205,7 @@ function create_dynamic_element$2(ctx) {
17114
17205
  };
17115
17206
  }
17116
17207
 
17117
- function create_fragment$9(ctx) {
17208
+ function create_fragment$c(ctx) {
17118
17209
  let previous_tag = /*element*/ ctx[5];
17119
17210
  let svelte_element_anchor;
17120
17211
  let svelte_element = /*element*/ ctx[5] && create_dynamic_element$2(ctx);
@@ -17160,7 +17251,7 @@ function create_fragment$9(ctx) {
17160
17251
  };
17161
17252
  }
17162
17253
 
17163
- function instance$9($$self, $$props, $$invalidate) {
17254
+ function instance$c($$self, $$props, $$invalidate) {
17164
17255
  let escapedHTML;
17165
17256
  let variables;
17166
17257
  let style;
@@ -17250,7 +17341,7 @@ function instance$9($$self, $$props, $$invalidate) {
17250
17341
  class TextLink extends SvelteComponent {
17251
17342
  constructor(options) {
17252
17343
  super();
17253
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
17344
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
17254
17345
  }
17255
17346
  }
17256
17347
 
@@ -17276,7 +17367,7 @@ const TEXT_LINK_UNDERLINE = {
17276
17367
 
17277
17368
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
17278
17369
 
17279
- function add_css$7(target) {
17370
+ function add_css$9(target) {
17280
17371
  append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
17281
17372
  }
17282
17373
 
@@ -17313,7 +17404,7 @@ function create_if_block$2(ctx) {
17313
17404
  };
17314
17405
  }
17315
17406
 
17316
- function create_fragment$8(ctx) {
17407
+ function create_fragment$b(ctx) {
17317
17408
  let if_block_anchor;
17318
17409
  let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$2(ctx);
17319
17410
 
@@ -17349,7 +17440,7 @@ function create_fragment$8(ctx) {
17349
17440
  };
17350
17441
  }
17351
17442
 
17352
- function instance$8($$self, $$props, $$invalidate) {
17443
+ function instance$b($$self, $$props, $$invalidate) {
17353
17444
  let { backgroundOverlay = false } = $$props;
17354
17445
  let { class: className = undefined } = $$props;
17355
17446
  const dispatch = createEventDispatcher();
@@ -17366,13 +17457,13 @@ function instance$8($$self, $$props, $$invalidate) {
17366
17457
  class BackgroundOverlay extends SvelteComponent {
17367
17458
  constructor(options) {
17368
17459
  super();
17369
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$7);
17460
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$9);
17370
17461
  }
17371
17462
  }
17372
17463
 
17373
17464
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
17374
17465
 
17375
- function add_css$6(target) {
17466
+ function add_css$8(target) {
17376
17467
  append_styles(target, "svelte-15b58xm", "*{box-sizing:border-box}.modal.svelte-15b58xm{position:fixed;z-index:2147483647;display:flex}.modal.svelte-15b58xm > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-15b58xm{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-15b58xm{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}}");
17377
17468
  }
17378
17469
 
@@ -17585,7 +17676,7 @@ function create_if_block$1(ctx) {
17585
17676
  };
17586
17677
  }
17587
17678
 
17588
- function create_fragment$7(ctx) {
17679
+ function create_fragment$a(ctx) {
17589
17680
  let show_if;
17590
17681
  let current_block_type_index;
17591
17682
  let if_block0;
@@ -17703,7 +17794,7 @@ function create_fragment$7(ctx) {
17703
17794
  };
17704
17795
  }
17705
17796
 
17706
- function instance$7($$self, $$props, $$invalidate) {
17797
+ function instance$a($$self, $$props, $$invalidate) {
17707
17798
  let close;
17708
17799
  let backgroundClick;
17709
17800
  let backgroundClickPC;
@@ -17995,8 +18086,8 @@ class Modal extends SvelteComponent {
17995
18086
  init(
17996
18087
  this,
17997
18088
  options,
17998
- instance$7,
17999
- create_fragment$7,
18089
+ instance$a,
18090
+ create_fragment$a,
18000
18091
  safe_not_equal,
18001
18092
  {
18002
18093
  useBreakPoint: 0,
@@ -18008,18 +18099,18 @@ class Modal extends SvelteComponent {
18008
18099
  closeEventValue: 18,
18009
18100
  layerId: 2
18010
18101
  },
18011
- add_css$6
18102
+ add_css$8
18012
18103
  );
18013
18104
  }
18014
18105
  }
18015
18106
 
18016
18107
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
18017
18108
 
18018
- function add_css$5(target) {
18109
+ function add_css$7(target) {
18019
18110
  append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
18020
18111
  }
18021
18112
 
18022
- function create_fragment$6(ctx) {
18113
+ function create_fragment$9(ctx) {
18023
18114
  let div;
18024
18115
  let raw_value = /*props*/ ctx[0].rawHtml + "";
18025
18116
 
@@ -18052,7 +18143,7 @@ function unescapeBraces(str) {
18052
18143
  return str.replace(/\\([{}])/g, '$1');
18053
18144
  }
18054
18145
 
18055
- function instance$6($$self, $$props, $$invalidate) {
18146
+ function instance$9($$self, $$props, $$invalidate) {
18056
18147
  let { props = {} } = $$props;
18057
18148
  let { layerId = '' } = $$props;
18058
18149
 
@@ -18099,7 +18190,7 @@ function instance$6($$self, $$props, $$invalidate) {
18099
18190
  class Code extends SvelteComponent {
18100
18191
  constructor(options) {
18101
18192
  super();
18102
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 0, layerId: 1 }, add_css$5);
18193
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
18103
18194
  }
18104
18195
  }
18105
18196
 
@@ -18107,11 +18198,11 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
18107
18198
 
18108
18199
  /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
18109
18200
 
18110
- function add_css$4(target) {
18201
+ function add_css$6(target) {
18111
18202
  append_styles(target, "svelte-5g0mcl", ".list.svelte-5g0mcl{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
18112
18203
  }
18113
18204
 
18114
- function create_fragment$5(ctx) {
18205
+ function create_fragment$8(ctx) {
18115
18206
  let ul;
18116
18207
  let current;
18117
18208
  const default_slot_template = /*#slots*/ ctx[5].default;
@@ -18174,13 +18265,13 @@ function create_fragment$5(ctx) {
18174
18265
  };
18175
18266
  }
18176
18267
 
18177
- function instance$5($$self, $$props, $$invalidate) {
18268
+ function instance$8($$self, $$props, $$invalidate) {
18178
18269
  let variables;
18179
18270
  let style;
18180
18271
  let { $$slots: slots = {}, $$scope } = $$props;
18181
18272
  let { layerId } = $$props;
18182
18273
  let { props } = $$props;
18183
- console.log('List.svelte', 'props', props);
18274
+ useInjectCustomizeCss(props);
18184
18275
 
18185
18276
  setContext(LIST_ITEM_CONTEXT_KEY, {
18186
18277
  paddingTop: props.itemPaddingTop,
@@ -18227,13 +18318,13 @@ function instance$5($$self, $$props, $$invalidate) {
18227
18318
  class List extends SvelteComponent {
18228
18319
  constructor(options) {
18229
18320
  super();
18230
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 2 }, add_css$4);
18321
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { layerId: 0, props: 2 }, add_css$6);
18231
18322
  }
18232
18323
  }
18233
18324
 
18234
18325
  /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
18235
18326
 
18236
- function add_css$3(target) {
18327
+ function add_css$5(target) {
18237
18328
  append_styles(target, "svelte-1e6dn58", ".list-item.svelte-1e6dn58{margin:0;padding:0}.list-item-inner.svelte-1e6dn58{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1e6dn58:hover{opacity:0.8}.list-item.svelte-1e6dn58:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
18238
18329
  }
18239
18330
 
@@ -18333,7 +18424,7 @@ function create_dynamic_element$1(ctx) {
18333
18424
  };
18334
18425
  }
18335
18426
 
18336
- function create_fragment$4(ctx) {
18427
+ function create_fragment$7(ctx) {
18337
18428
  let li;
18338
18429
  let previous_tag = /*element*/ ctx[4];
18339
18430
  let current;
@@ -18397,7 +18488,7 @@ function create_fragment$4(ctx) {
18397
18488
  };
18398
18489
  }
18399
18490
 
18400
- function instance$4($$self, $$props, $$invalidate) {
18491
+ function instance$7($$self, $$props, $$invalidate) {
18401
18492
  let variables;
18402
18493
  let style;
18403
18494
  let innerStyle;
@@ -18455,7 +18546,7 @@ function instance$4($$self, $$props, $$invalidate) {
18455
18546
  class ListItem extends SvelteComponent {
18456
18547
  constructor(options) {
18457
18548
  super();
18458
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { layerId: 0, props: 6 }, add_css$3);
18549
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { layerId: 0, props: 6 }, add_css$5);
18459
18550
  }
18460
18551
  }
18461
18552
 
@@ -18485,11 +18576,11 @@ function splitNumberAndUnit(value) {
18485
18576
 
18486
18577
  /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
18487
18578
 
18488
- function add_css$2(target) {
18579
+ function add_css$4(target) {
18489
18580
  append_styles(target, "svelte-1csavnh", ".list.svelte-1csavnh{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
18490
18581
  }
18491
18582
 
18492
- function create_fragment$3(ctx) {
18583
+ function create_fragment$6(ctx) {
18493
18584
  let ul;
18494
18585
  let current;
18495
18586
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -18552,11 +18643,12 @@ function create_fragment$3(ctx) {
18552
18643
  };
18553
18644
  }
18554
18645
 
18555
- function instance$3($$self, $$props, $$invalidate) {
18646
+ function instance$6($$self, $$props, $$invalidate) {
18556
18647
  let style;
18557
18648
  let { $$slots: slots = {}, $$scope } = $$props;
18558
18649
  let { layerId } = $$props;
18559
18650
  let { props } = $$props;
18651
+ useInjectCustomizeCss(props);
18560
18652
 
18561
18653
  let listGap = (() => {
18562
18654
  if (!props.gap) return '0';
@@ -18604,17 +18696,17 @@ function instance$3($$self, $$props, $$invalidate) {
18604
18696
  class MultiColumn extends SvelteComponent {
18605
18697
  constructor(options) {
18606
18698
  super();
18607
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 2 }, add_css$2);
18699
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 2 }, add_css$4);
18608
18700
  }
18609
18701
  }
18610
18702
 
18611
18703
  /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
18612
18704
 
18613
- function add_css$1(target) {
18705
+ function add_css$3(target) {
18614
18706
  append_styles(target, "svelte-1mk0qj6", ".multi-column-item.svelte-1mk0qj6{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1mk0qj6{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1mk0qj6:hover{opacity:0.8}.multi-column-item.svelte-1mk0qj6:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
18615
18707
  }
18616
18708
 
18617
- // (30:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
18709
+ // (29:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
18618
18710
  function create_dynamic_element(ctx) {
18619
18711
  let svelte_element;
18620
18712
  let current;
@@ -18700,7 +18792,7 @@ function create_dynamic_element(ctx) {
18700
18792
  };
18701
18793
  }
18702
18794
 
18703
- function create_fragment$2(ctx) {
18795
+ function create_fragment$5(ctx) {
18704
18796
  let li;
18705
18797
  let previous_tag = /*element*/ ctx[3];
18706
18798
  let current;
@@ -18764,7 +18856,7 @@ function create_fragment$2(ctx) {
18764
18856
  };
18765
18857
  }
18766
18858
 
18767
- function instance$2($$self, $$props, $$invalidate) {
18859
+ function instance$5($$self, $$props, $$invalidate) {
18768
18860
  let variables;
18769
18861
  let style;
18770
18862
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -18819,17 +18911,17 @@ function instance$2($$self, $$props, $$invalidate) {
18819
18911
  class MultiColumnItem extends SvelteComponent {
18820
18912
  constructor(options) {
18821
18913
  super();
18822
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 5 }, add_css$1);
18914
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 5 }, add_css$3);
18823
18915
  }
18824
18916
  }
18825
18917
 
18826
18918
  /* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
18827
18919
 
18828
- function add_css(target) {
18920
+ function add_css$2(target) {
18829
18921
  append_styles(target, "svelte-1bgnrue", ".youtube.svelte-1bgnrue{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-1bgnrue iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
18830
18922
  }
18831
18923
 
18832
- function create_fragment$1(ctx) {
18924
+ function create_fragment$4(ctx) {
18833
18925
  let div1;
18834
18926
  let div0;
18835
18927
 
@@ -18873,10 +18965,11 @@ function onPlayerStateChange(event) {
18873
18965
  }
18874
18966
  }
18875
18967
 
18876
- function instance$1($$self, $$props, $$invalidate) {
18968
+ function instance$4($$self, $$props, $$invalidate) {
18877
18969
  let style;
18878
18970
  let { props = {} } = $$props;
18879
18971
  let { layerId = '' } = $$props;
18972
+ useInjectCustomizeCss(props);
18880
18973
 
18881
18974
  // @ts-ignore
18882
18975
  if (!window.YT) {
@@ -18976,7 +19069,495 @@ function instance$1($$self, $$props, $$invalidate) {
18976
19069
  class Youtube extends SvelteComponent {
18977
19070
  constructor(options) {
18978
19071
  super();
18979
- init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 3, layerId: 0 }, add_css);
19072
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
19073
+ }
19074
+ }
19075
+
19076
+ /* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
19077
+
19078
+ function add_css$1(target) {
19079
+ append_styles(target, "svelte-1eft5i1", ".countdown.svelte-1eft5i1{display:flex;align-items:center;gap:4px}");
19080
+ }
19081
+
19082
+ const get_default_slot_changes = dirty => ({
19083
+ day: dirty & /*day*/ 16,
19084
+ hour: dirty & /*hour*/ 8,
19085
+ min: dirty & /*min*/ 4,
19086
+ sec: dirty & /*sec*/ 2
19087
+ });
19088
+
19089
+ const get_default_slot_context = ctx => ({
19090
+ day: /*day*/ ctx[4],
19091
+ hour: /*hour*/ ctx[3],
19092
+ min: /*min*/ ctx[2],
19093
+ sec: /*sec*/ ctx[1]
19094
+ });
19095
+
19096
+ function create_fragment$3(ctx) {
19097
+ let div;
19098
+ let current;
19099
+ const default_slot_template = /*#slots*/ ctx[8].default;
19100
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], get_default_slot_context);
19101
+
19102
+ return {
19103
+ c() {
19104
+ div = element("div");
19105
+ if (default_slot) default_slot.c();
19106
+ attr(div, "class", "countdown svelte-1eft5i1");
19107
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
19108
+ },
19109
+ m(target, anchor) {
19110
+ insert(target, div, anchor);
19111
+
19112
+ if (default_slot) {
19113
+ default_slot.m(div, null);
19114
+ }
19115
+
19116
+ current = true;
19117
+ },
19118
+ p(ctx, [dirty]) {
19119
+ if (default_slot) {
19120
+ if (default_slot.p && (!current || dirty & /*$$scope, day, hour, min, sec*/ 158)) {
19121
+ update_slot_base(
19122
+ default_slot,
19123
+ default_slot_template,
19124
+ ctx,
19125
+ /*$$scope*/ ctx[7],
19126
+ !current
19127
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[7])
19128
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[7], dirty, get_default_slot_changes),
19129
+ get_default_slot_context
19130
+ );
19131
+ }
19132
+ }
19133
+
19134
+ if (!current || dirty & /*layerId*/ 1) {
19135
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
19136
+ }
19137
+ },
19138
+ i(local) {
19139
+ if (current) return;
19140
+ transition_in(default_slot, local);
19141
+ current = true;
19142
+ },
19143
+ o(local) {
19144
+ transition_out(default_slot, local);
19145
+ current = false;
19146
+ },
19147
+ d(detaching) {
19148
+ if (detaching) detach(div);
19149
+ if (default_slot) default_slot.d(detaching);
19150
+ }
19151
+ };
19152
+ }
19153
+
19154
+ function calcRemainingTime(limit) {
19155
+ return limit - new Date().getTime();
19156
+ }
19157
+
19158
+ function formatTimeDiff(ms) {
19159
+ const diffDay = Math.floor(ms / 1000 / 60 / 60 / 24);
19160
+ const diffHour = Math.floor(ms / 1000 / 60 / 60) % 24;
19161
+ const diffMin = Math.floor(ms / 1000 / 60) % 60;
19162
+ const diffSec = Math.floor(ms / 1000) % 60;
19163
+
19164
+ return {
19165
+ day: diffDay.toString(),
19166
+ hour: diffHour.toString(),
19167
+ min: diffMin.toString(),
19168
+ sec: diffSec.toString()
19169
+ };
19170
+ }
19171
+
19172
+ function instance$3($$self, $$props, $$invalidate) {
19173
+ let day;
19174
+ let hour;
19175
+ let min;
19176
+ let sec;
19177
+ let { $$slots: slots = {}, $$scope } = $$props;
19178
+ let { props = {} } = $$props;
19179
+ let { layerId = '' } = $$props;
19180
+ useInjectCustomizeCss(props);
19181
+ let remainingTime;
19182
+ let timeLimit = props.timeLimit ? new Date(props.timeLimit) : new Date();
19183
+
19184
+ function onEachSecond() {
19185
+ console.log({
19186
+ timeLimit: timeLimit.getTime(),
19187
+ now: new Date().getTime(),
19188
+ calced: calcRemainingTime(timeLimit.getTime())
19189
+ });
19190
+
19191
+ const _remainingTime = calcRemainingTime(timeLimit.getTime());
19192
+
19193
+ if (_remainingTime > 0) {
19194
+ $$invalidate(6, remainingTime = formatTimeDiff(_remainingTime));
19195
+ } else {
19196
+ $$invalidate(6, remainingTime = formatTimeDiff(0));
19197
+
19198
+ if (props.onEnd) {
19199
+ execOnClickOperation(props.onEnd);
19200
+ }
19201
+ }
19202
+
19203
+ console.log(remainingTime);
19204
+ }
19205
+
19206
+ onMount$1(() => {
19207
+ const timerId = setInterval(
19208
+ () => {
19209
+ onEachSecond();
19210
+ },
19211
+ 1000
19212
+ );
19213
+
19214
+ return () => {
19215
+ clearInterval(timerId);
19216
+ };
19217
+ });
19218
+
19219
+ onEachSecond();
19220
+
19221
+ $$self.$$set = $$props => {
19222
+ if ('props' in $$props) $$invalidate(5, props = $$props.props);
19223
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
19224
+ if ('$$scope' in $$props) $$invalidate(7, $$scope = $$props.$$scope);
19225
+ };
19226
+
19227
+ $$self.$$.update = () => {
19228
+ if ($$self.$$.dirty & /*remainingTime*/ 64) {
19229
+ $$invalidate(4, day = remainingTime.day);
19230
+ }
19231
+
19232
+ if ($$self.$$.dirty & /*remainingTime*/ 64) {
19233
+ $$invalidate(3, hour = remainingTime.hour);
19234
+ }
19235
+
19236
+ if ($$self.$$.dirty & /*remainingTime*/ 64) {
19237
+ $$invalidate(2, min = remainingTime.min);
19238
+ }
19239
+
19240
+ if ($$self.$$.dirty & /*remainingTime*/ 64) {
19241
+ $$invalidate(1, sec = remainingTime.sec);
19242
+ }
19243
+ };
19244
+
19245
+ return [layerId, sec, min, hour, day, props, remainingTime, $$scope, slots];
19246
+ }
19247
+
19248
+ class CountDown extends SvelteComponent {
19249
+ constructor(options) {
19250
+ super();
19251
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 5, layerId: 0 }, add_css$1);
19252
+ }
19253
+ }
19254
+
19255
+ const useText = (props) => {
19256
+ useInjectCustomizeCss(props);
19257
+ const { brandKit } = useBrandKit();
19258
+ const themeStyles = getTextThemeStyles(brandKit);
19259
+ const fontFamilyStyles = props.fontFamilyVariant in FONT_FAMILY_VARIANT
19260
+ ? FONT_FAMILY_VARIANT[props.fontFamilyVariant].getProps(brandKit)
19261
+ : FONT_FAMILY_VARIANT.default.getProps(brandKit);
19262
+ const fontFamily = props.fontFamily ?? fontFamilyStyles.fontFamily;
19263
+ if (fontFamily) {
19264
+ addFont(fontFamily);
19265
+ }
19266
+ const getColor = () => {
19267
+ if (props.color)
19268
+ return props.color;
19269
+ if (props.theme)
19270
+ return themeStyles[props.theme].color;
19271
+ return undefined;
19272
+ };
19273
+ const getCssSize = () => {
19274
+ const getFontSize = () => {
19275
+ if (props.fontSize)
19276
+ return props.fontSize;
19277
+ if (props.size)
19278
+ return TEXT_VARIANTS.size[props.size].fontSize;
19279
+ return undefined;
19280
+ };
19281
+ const getLineHeight = () => {
19282
+ if (props.lineHeight)
19283
+ return props.lineHeight;
19284
+ if (props.size)
19285
+ return TEXT_VARIANTS.size[props.size].lineHeight;
19286
+ return undefined;
19287
+ };
19288
+ const getFontWeight = () => {
19289
+ if (props.fontWeight)
19290
+ return props.fontWeight;
19291
+ if (props.size)
19292
+ return TEXT_VARIANTS.size[props.size].fontWeight;
19293
+ return undefined;
19294
+ };
19295
+ return {
19296
+ fontSize: getFontSize(),
19297
+ lineHeight: getLineHeight(),
19298
+ fontWeight: getFontWeight(),
19299
+ };
19300
+ };
19301
+ const escapedHTML = props.content
19302
+ .replace(/&/g, '&lt;')
19303
+ .replace(/</g, '&lt;')
19304
+ .replace(/>/g, '&gt;')
19305
+ .replace(/"/g, '&quot;')
19306
+ .replace(/'/g, '&#x27;')
19307
+ .replace(/\n/g, '<br />');
19308
+ const style = objToStyle({
19309
+ position: props?.position ?? 'static',
19310
+ textAlign: props.align,
19311
+ width: props.width,
19312
+ fontFamily: `"${fontFamily}"`,
19313
+ color: getColor(),
19314
+ ...getCssSize(),
19315
+ ...toCssRadius(props),
19316
+ ...toCssBackgroundColor(props),
19317
+ ...toCssCommon(props),
19318
+ ...toCssPosition(props),
19319
+ ...toCssPadding(props),
19320
+ ...toCssBorder(props),
19321
+ });
19322
+ return {
19323
+ escapedHTML,
19324
+ style,
19325
+ };
19326
+ };
19327
+
19328
+ /* src/components-flex/count-down/CountDownValue.svelte generated by Svelte v3.53.1 */
19329
+
19330
+ function create_fragment$2(ctx) {
19331
+ let span;
19332
+ let t;
19333
+
19334
+ return {
19335
+ c() {
19336
+ span = element("span");
19337
+ t = text(/*value*/ ctx[1]);
19338
+ attr(span, "class", "count-down-value");
19339
+ attr(span, "data-layer-id", /*layerId*/ ctx[0]);
19340
+ attr(span, "style", /*style*/ ctx[3]);
19341
+ },
19342
+ m(target, anchor) {
19343
+ insert(target, span, anchor);
19344
+ append(span, t);
19345
+ },
19346
+ p(ctx, [dirty]) {
19347
+ if (dirty & /*value*/ 2) set_data(t, /*value*/ ctx[1]);
19348
+
19349
+ if (dirty & /*layerId*/ 1) {
19350
+ attr(span, "data-layer-id", /*layerId*/ ctx[0]);
19351
+ }
19352
+ },
19353
+ i: noop,
19354
+ o: noop,
19355
+ d(detaching) {
19356
+ if (detaching) detach(span);
19357
+ }
19358
+ };
19359
+ }
19360
+
19361
+ function instance$2($$self, $$props, $$invalidate) {
19362
+ let value;
19363
+ let $countdownStore;
19364
+ let { props = {} } = $$props;
19365
+ let { layerId = '' } = $$props;
19366
+ let countdownStore = getContext('countdownStore');
19367
+ component_subscribe($$self, countdownStore, value => $$invalidate(5, $countdownStore = value));
19368
+ console.log(countdownStore);
19369
+ let { style } = useText(props);
19370
+ console.log(value);
19371
+
19372
+ $$self.$$set = $$props => {
19373
+ if ('props' in $$props) $$invalidate(4, props = $$props.props);
19374
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
19375
+ };
19376
+
19377
+ $$self.$$.update = () => {
19378
+ if ($$self.$$.dirty & /*$countdownStore, props*/ 48) {
19379
+ $$invalidate(1, value = (() => {
19380
+ const { day, hour, min, sec } = $countdownStore;
19381
+
19382
+ switch (props.type) {
19383
+ case "day":
19384
+ return day?.toString().padStart(2, '0') ?? '';
19385
+ case "hour":
19386
+ return hour?.toString().padStart(2, '0') ?? '';
19387
+ case "minute":
19388
+ return min?.toString().padStart(2, '0') ?? '';
19389
+ case "second":
19390
+ return sec?.toString().padStart(2, '0') ?? '';
19391
+ default:
19392
+ return '';
19393
+ }
19394
+ })());
19395
+ }
19396
+ };
19397
+
19398
+ return [layerId, value, countdownStore, style, props, $countdownStore];
19399
+ }
19400
+
19401
+ class CountDownValue extends SvelteComponent {
19402
+ constructor(options) {
19403
+ super();
19404
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 4, layerId: 0 });
19405
+ }
19406
+ }
19407
+
19408
+ /* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
19409
+
19410
+ function add_css(target) {
19411
+ append_styles(target, "svelte-1z01gne", ".clipboard.svelte-1z01gne{position:relative;display:inline-flex}.clipboard-button.svelte-1z01gne{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-1z01gne:hover{opacity:0.8}.clipboard-button.svelte-1z01gne:active{opacity:0.6}.clipboard-tooltip.svelte-1z01gne{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-1z01gne:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-1z01gne{opacity:0;transform:translate(-50%, -80%)}");
19412
+ }
19413
+
19414
+ function create_fragment$1(ctx) {
19415
+ let div;
19416
+ let button;
19417
+ let t0;
19418
+ let span;
19419
+ let t1;
19420
+ let span_aria_hidden_value;
19421
+ let current;
19422
+ let mounted;
19423
+ let dispose;
19424
+ const default_slot_template = /*#slots*/ ctx[6].default;
19425
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
19426
+
19427
+ return {
19428
+ c() {
19429
+ div = element("div");
19430
+ button = element("button");
19431
+ if (default_slot) default_slot.c();
19432
+ t0 = space();
19433
+ span = element("span");
19434
+ t1 = text("コピーしました");
19435
+ attr(button, "class", "clipboard-button svelte-1z01gne");
19436
+ attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
19437
+ attr(span, "class", "clipboard-tooltip svelte-1z01gne");
19438
+ attr(div, "class", "clipboard svelte-1z01gne");
19439
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
19440
+ },
19441
+ m(target, anchor) {
19442
+ insert(target, div, anchor);
19443
+ append(div, button);
19444
+
19445
+ if (default_slot) {
19446
+ default_slot.m(button, null);
19447
+ }
19448
+
19449
+ /*button_binding*/ ctx[7](button);
19450
+ append(div, t0);
19451
+ append(div, span);
19452
+ append(span, t1);
19453
+ current = true;
19454
+
19455
+ if (!mounted) {
19456
+ dispose = listen(button, "click", /*handleClick*/ ctx[3]);
19457
+ mounted = true;
19458
+ }
19459
+ },
19460
+ p(ctx, [dirty]) {
19461
+ if (default_slot) {
19462
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
19463
+ update_slot_base(
19464
+ default_slot,
19465
+ default_slot_template,
19466
+ ctx,
19467
+ /*$$scope*/ ctx[5],
19468
+ !current
19469
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
19470
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
19471
+ null
19472
+ );
19473
+ }
19474
+ }
19475
+
19476
+ if (!current || dirty & /*showTooltip*/ 4 && span_aria_hidden_value !== (span_aria_hidden_value = !/*showTooltip*/ ctx[2])) {
19477
+ attr(span, "aria-hidden", span_aria_hidden_value);
19478
+ }
19479
+
19480
+ if (!current || dirty & /*layerId*/ 1) {
19481
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
19482
+ }
19483
+ },
19484
+ i(local) {
19485
+ if (current) return;
19486
+ transition_in(default_slot, local);
19487
+ current = true;
19488
+ },
19489
+ o(local) {
19490
+ transition_out(default_slot, local);
19491
+ current = false;
19492
+ },
19493
+ d(detaching) {
19494
+ if (detaching) detach(div);
19495
+ if (default_slot) default_slot.d(detaching);
19496
+ /*button_binding*/ ctx[7](null);
19497
+ mounted = false;
19498
+ dispose();
19499
+ }
19500
+ };
19501
+ }
19502
+
19503
+ function instance$1($$self, $$props, $$invalidate) {
19504
+ let { $$slots: slots = {}, $$scope } = $$props;
19505
+ let { props = {} } = $$props;
19506
+ let { layerId = '' } = $$props;
19507
+ useInjectCustomizeCss(props);
19508
+ let buttonElement;
19509
+ let showTooltip = false;
19510
+
19511
+ const handleClick = e => {
19512
+ e.preventDefault();
19513
+ const targetText = props.content ?? buttonElement?.innerText ?? '';
19514
+ console.log(targetText);
19515
+ navigator.clipboard.writeText(targetText);
19516
+ send_event('_click_copy', { text: targetText });
19517
+
19518
+ if (props.copiedEventName) {
19519
+ send_event(props.copiedEventName, { text: targetText });
19520
+ }
19521
+
19522
+ $$invalidate(2, showTooltip = true);
19523
+
19524
+ setTimeout(
19525
+ () => {
19526
+ $$invalidate(2, showTooltip = false);
19527
+ },
19528
+ 3000
19529
+ );
19530
+ };
19531
+
19532
+ function button_binding($$value) {
19533
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
19534
+ buttonElement = $$value;
19535
+ $$invalidate(1, buttonElement);
19536
+ });
19537
+ }
19538
+
19539
+ $$self.$$set = $$props => {
19540
+ if ('props' in $$props) $$invalidate(4, props = $$props.props);
19541
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
19542
+ if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
19543
+ };
19544
+
19545
+ return [
19546
+ layerId,
19547
+ buttonElement,
19548
+ showTooltip,
19549
+ handleClick,
19550
+ props,
19551
+ $$scope,
19552
+ slots,
19553
+ button_binding
19554
+ ];
19555
+ }
19556
+
19557
+ class ClipCopy extends SvelteComponent {
19558
+ constructor(options) {
19559
+ super();
19560
+ init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 4, layerId: 0 }, add_css);
18980
19561
  }
18981
19562
  }
18982
19563
 
@@ -19372,4 +19953,4 @@ const ROUND_STYLES = {
19372
19953
  },
19373
19954
  };
19374
19955
 
19375
- export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, CloseButton as FlexCloseButton, Code as FlexCode, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, 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, useBrandKit, variables, widget };
19956
+ export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, ClipCopy as FlexClipCopy, CloseButton as FlexCloseButton, Code as FlexCode, CountDown as FlexCountDown, CountDownValue as FlexCountDownValue, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, 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, useBrandKit, variables, widget };