@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/hydrate/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, claim_element, children, detach, insert_hydration, noop, component_subscribe, attr, create_slot, create_component, space, claim_component, claim_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, claim_svg_element, append_hydration, destroy_each, text, claim_text, set_data, src_url_equal, set_store_value, run_all, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
3
+ import { SvelteComponent, init, safe_not_equal, empty, head_selector, detach, append_hydration, noop, component_subscribe, element, claim_element, attr, insert_hydration, create_slot, create_component, space, claim_component, claim_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, children, 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, claim_svg_element, destroy_each, text, claim_text, set_data, src_url_equal, set_store_value, run_all, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
4
4
  import '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; },
@@ -469,7 +473,7 @@ function makeGoogleFontUrl(fonts, texts) {
469
473
  if (texts) {
470
474
  texts.forEach(text => params.push(`text=${text}`));
471
475
  }
472
- fonts.forEach(font => params.push(`family=${font.replace(/['"]/g, '').replace(/ /g, '+')}`));
476
+ fonts.forEach(font => params.push(`family=${font.replace(/['"]/g, '').replace(/ /g, '+')}:wght@400;700`));
473
477
  return `https://fonts.googleapis.com/css2?${params.join('&')}`;
474
478
  }
475
479
  /**
@@ -1106,10 +1110,18 @@ const addFont = (font) => {
1106
1110
  if (font === SYSTEM_FONT) {
1107
1111
  return;
1108
1112
  }
1113
+ const SYSTEM_FONTS = SYSTEM_FONT.split(',').map(v => v.trim());
1114
+ const _fonts = font.split(', ');
1109
1115
  fonts.update(current => {
1110
- if (!current.includes(font)) {
1111
- current.push(font);
1112
- }
1116
+ _fonts.forEach(_f => {
1117
+ const name = _f.replace(/["']/g, '');
1118
+ if (SYSTEM_FONTS.some(v => v === name)) {
1119
+ return;
1120
+ }
1121
+ if (!current.includes(name)) {
1122
+ current.push(name);
1123
+ }
1124
+ });
1113
1125
  return current;
1114
1126
  });
1115
1127
  };
@@ -3111,24 +3123,24 @@ function create_if_block$h(ctx) {
3111
3123
  };
3112
3124
  }
3113
3125
 
3114
- function create_fragment$1p(ctx) {
3115
- let head;
3126
+ function create_fragment$1s(ctx) {
3127
+ let if_block_anchor;
3116
3128
  let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$h(ctx);
3117
3129
 
3118
3130
  return {
3119
3131
  c() {
3120
- head = element("head");
3121
3132
  if (if_block) if_block.c();
3133
+ if_block_anchor = empty();
3122
3134
  },
3123
3135
  l(nodes) {
3124
- head = claim_element(nodes, "HEAD", {});
3125
- var head_nodes = children(head);
3136
+ const head_nodes = head_selector('svelte-16cot5i', document.head);
3126
3137
  if (if_block) if_block.l(head_nodes);
3138
+ if_block_anchor = empty();
3127
3139
  head_nodes.forEach(detach);
3128
3140
  },
3129
3141
  m(target, anchor) {
3130
- insert_hydration(target, head, anchor);
3131
- if (if_block) if_block.m(head, null);
3142
+ if (if_block) if_block.m(document.head, null);
3143
+ append_hydration(document.head, if_block_anchor);
3132
3144
  },
3133
3145
  p(ctx, [dirty]) {
3134
3146
  if (/*googleFontUrl*/ ctx[0]) {
@@ -3137,7 +3149,7 @@ function create_fragment$1p(ctx) {
3137
3149
  } else {
3138
3150
  if_block = create_if_block$h(ctx);
3139
3151
  if_block.c();
3140
- if_block.m(head, null);
3152
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
3141
3153
  }
3142
3154
  } else if (if_block) {
3143
3155
  if_block.d(1);
@@ -3147,13 +3159,13 @@ function create_fragment$1p(ctx) {
3147
3159
  i: noop,
3148
3160
  o: noop,
3149
3161
  d(detaching) {
3150
- if (detaching) detach(head);
3151
- if (if_block) if_block.d();
3162
+ if (if_block) if_block.d(detaching);
3163
+ detach(if_block_anchor);
3152
3164
  }
3153
3165
  };
3154
3166
  }
3155
3167
 
3156
- function instance$1p($$self, $$props, $$invalidate) {
3168
+ function instance$1s($$self, $$props, $$invalidate) {
3157
3169
  let $fonts;
3158
3170
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
3159
3171
  let googleFontUrl = '';
@@ -3183,7 +3195,7 @@ function instance$1p($$self, $$props, $$invalidate) {
3183
3195
  class Header extends SvelteComponent {
3184
3196
  constructor(options) {
3185
3197
  super();
3186
- init(this, options, instance$1p, create_fragment$1p, safe_not_equal, {});
3198
+ init(this, options, instance$1s, create_fragment$1s, safe_not_equal, {});
3187
3199
  }
3188
3200
  }
3189
3201
 
@@ -3221,7 +3233,7 @@ const useBrandKit = () => {
3221
3233
 
3222
3234
  /* src/components/State.svelte generated by Svelte v3.53.1 */
3223
3235
 
3224
- function create_fragment$1o(ctx) {
3236
+ function create_fragment$1r(ctx) {
3225
3237
  let header;
3226
3238
  let t;
3227
3239
  let current;
@@ -3285,7 +3297,7 @@ function create_fragment$1o(ctx) {
3285
3297
  };
3286
3298
  }
3287
3299
 
3288
- function instance$1o($$self, $$props, $$invalidate) {
3300
+ function instance$1r($$self, $$props, $$invalidate) {
3289
3301
  let { $$slots: slots = {}, $$scope } = $$props;
3290
3302
  let { customBrandKit = undefined } = $$props;
3291
3303
  setContext('brandKit', getBrandKit(customBrandKit));
@@ -3301,13 +3313,13 @@ function instance$1o($$self, $$props, $$invalidate) {
3301
3313
  class State extends SvelteComponent {
3302
3314
  constructor(options) {
3303
3315
  super();
3304
- init(this, options, instance$1o, create_fragment$1o, safe_not_equal, { customBrandKit: 0 });
3316
+ init(this, options, instance$1r, create_fragment$1r, safe_not_equal, { customBrandKit: 0 });
3305
3317
  }
3306
3318
  }
3307
3319
 
3308
3320
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3309
3321
 
3310
- function add_css$Q(target) {
3322
+ function add_css$S(target) {
3311
3323
  append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3312
3324
  }
3313
3325
 
@@ -3384,7 +3396,7 @@ function create_if_block$g(ctx) {
3384
3396
  };
3385
3397
  }
3386
3398
 
3387
- function create_fragment$1n(ctx) {
3399
+ function create_fragment$1q(ctx) {
3388
3400
  let if_block_anchor;
3389
3401
  let current;
3390
3402
  let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$g(ctx);
@@ -3449,7 +3461,7 @@ function getStateItemContext() {
3449
3461
  return getContext(STATE_ITEM_CONTEXT_KEY);
3450
3462
  }
3451
3463
 
3452
- function instance$1n($$self, $$props, $$invalidate) {
3464
+ function instance$1q($$self, $$props, $$invalidate) {
3453
3465
  let $state;
3454
3466
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3455
3467
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3475,7 +3487,7 @@ function instance$1n($$self, $$props, $$invalidate) {
3475
3487
  class StateItem extends SvelteComponent {
3476
3488
  constructor(options) {
3477
3489
  super();
3478
- init(this, options, instance$1n, create_fragment$1n, safe_not_equal, { path: 0 }, add_css$Q);
3490
+ init(this, options, instance$1q, create_fragment$1q, safe_not_equal, { path: 0 }, add_css$S);
3479
3491
  }
3480
3492
  }
3481
3493
 
@@ -3601,7 +3613,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3601
3613
 
3602
3614
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3603
3615
 
3604
- function add_css$P(target) {
3616
+ function add_css$R(target) {
3605
3617
  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}");
3606
3618
  }
3607
3619
 
@@ -3646,7 +3658,7 @@ function create_if_block$f(ctx) {
3646
3658
  };
3647
3659
  }
3648
3660
 
3649
- function create_fragment$1m(ctx) {
3661
+ function create_fragment$1p(ctx) {
3650
3662
  let if_block_anchor;
3651
3663
  let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$f(ctx);
3652
3664
 
@@ -3686,7 +3698,7 @@ function create_fragment$1m(ctx) {
3686
3698
  };
3687
3699
  }
3688
3700
 
3689
- function instance$1m($$self, $$props, $$invalidate) {
3701
+ function instance$1p($$self, $$props, $$invalidate) {
3690
3702
  let { backgroundOverlay = false } = $$props;
3691
3703
  let { class: className = undefined } = $$props;
3692
3704
  const dispatch = createEventDispatcher();
@@ -3703,7 +3715,7 @@ function instance$1m($$self, $$props, $$invalidate) {
3703
3715
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3704
3716
  constructor(options) {
3705
3717
  super();
3706
- init(this, options, instance$1m, create_fragment$1m, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$P);
3718
+ init(this, options, instance$1p, create_fragment$1p, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$R);
3707
3719
  }
3708
3720
  };
3709
3721
 
@@ -3743,7 +3755,7 @@ function checkStopPropagation(eventName, handler) {
3743
3755
 
3744
3756
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3745
3757
 
3746
- function add_css$O(target) {
3758
+ function add_css$Q(target) {
3747
3759
  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}");
3748
3760
  }
3749
3761
 
@@ -4094,7 +4106,7 @@ function create_if_block$e(ctx) {
4094
4106
  };
4095
4107
  }
4096
4108
 
4097
- function create_fragment$1l(ctx) {
4109
+ function create_fragment$1o(ctx) {
4098
4110
  let current_block_type_index;
4099
4111
  let if_block;
4100
4112
  let if_block_anchor;
@@ -4171,7 +4183,7 @@ function create_fragment$1l(ctx) {
4171
4183
 
4172
4184
  const BUTTON_CLASS = 'button';
4173
4185
 
4174
- function instance$1l($$self, $$props, $$invalidate) {
4186
+ function instance$1o($$self, $$props, $$invalidate) {
4175
4187
  let disabled;
4176
4188
  let $valuesAreValid;
4177
4189
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -4241,8 +4253,8 @@ let Button$1 = class Button extends SvelteComponent {
4241
4253
  init(
4242
4254
  this,
4243
4255
  options,
4244
- instance$1l,
4245
- create_fragment$1l,
4256
+ instance$1o,
4257
+ create_fragment$1o,
4246
4258
  safe_not_equal,
4247
4259
  {
4248
4260
  onClick: 0,
@@ -4251,14 +4263,14 @@ let Button$1 = class Button extends SvelteComponent {
4251
4263
  style: 1,
4252
4264
  isModalCloseButton: 7
4253
4265
  },
4254
- add_css$O
4266
+ add_css$Q
4255
4267
  );
4256
4268
  }
4257
4269
  };
4258
4270
 
4259
4271
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4260
4272
 
4261
- function add_css$N(target) {
4273
+ function add_css$P(target) {
4262
4274
  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}}");
4263
4275
  }
4264
4276
 
@@ -4725,7 +4737,7 @@ function create_default_slot$7(ctx) {
4725
4737
  };
4726
4738
  }
4727
4739
 
4728
- function create_fragment$1k(ctx) {
4740
+ function create_fragment$1n(ctx) {
4729
4741
  let show_if;
4730
4742
  let current_block_type_index;
4731
4743
  let if_block0;
@@ -4849,7 +4861,7 @@ function create_fragment$1k(ctx) {
4849
4861
  };
4850
4862
  }
4851
4863
 
4852
- function instance$1k($$self, $$props, $$invalidate) {
4864
+ function instance$1n($$self, $$props, $$invalidate) {
4853
4865
  let close;
4854
4866
  let closable;
4855
4867
  let backgroundClick;
@@ -5132,8 +5144,8 @@ let Modal$1 = class Modal extends SvelteComponent {
5132
5144
  init(
5133
5145
  this,
5134
5146
  options,
5135
- instance$1k,
5136
- create_fragment$1k,
5147
+ instance$1n,
5148
+ create_fragment$1n,
5137
5149
  safe_not_equal,
5138
5150
  {
5139
5151
  onClick: 0,
@@ -5151,7 +5163,7 @@ let Modal$1 = class Modal extends SvelteComponent {
5151
5163
  closeButtonColor: 9,
5152
5164
  _closeStyle: 10
5153
5165
  },
5154
- add_css$N,
5166
+ add_css$P,
5155
5167
  [-1, -1]
5156
5168
  );
5157
5169
  }
@@ -5159,7 +5171,7 @@ let Modal$1 = class Modal extends SvelteComponent {
5159
5171
 
5160
5172
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
5161
5173
 
5162
- function create_fragment$1j(ctx) {
5174
+ function create_fragment$1m(ctx) {
5163
5175
  let div;
5164
5176
  let current;
5165
5177
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -5227,7 +5239,7 @@ function create_fragment$1j(ctx) {
5227
5239
  };
5228
5240
  }
5229
5241
 
5230
- function instance$1j($$self, $$props, $$invalidate) {
5242
+ function instance$1m($$self, $$props, $$invalidate) {
5231
5243
  let _style;
5232
5244
  let { $$slots: slots = {}, $$scope } = $$props;
5233
5245
  let { width = '512px' } = $$props;
@@ -5272,7 +5284,7 @@ class Grid extends SvelteComponent {
5272
5284
  constructor(options) {
5273
5285
  super();
5274
5286
 
5275
- init(this, options, instance$1j, create_fragment$1j, safe_not_equal, {
5287
+ init(this, options, instance$1m, create_fragment$1m, safe_not_equal, {
5276
5288
  width: 1,
5277
5289
  height: 2,
5278
5290
  rows: 3,
@@ -5285,11 +5297,11 @@ class Grid extends SvelteComponent {
5285
5297
 
5286
5298
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5287
5299
 
5288
- function add_css$M(target) {
5300
+ function add_css$O(target) {
5289
5301
  append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
5290
5302
  }
5291
5303
 
5292
- function create_fragment$1i(ctx) {
5304
+ function create_fragment$1l(ctx) {
5293
5305
  let div1;
5294
5306
  let div0;
5295
5307
  let current;
@@ -5382,7 +5394,7 @@ function create_fragment$1i(ctx) {
5382
5394
 
5383
5395
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5384
5396
 
5385
- function instance$1i($$self, $$props, $$invalidate) {
5397
+ function instance$1l($$self, $$props, $$invalidate) {
5386
5398
  let _style;
5387
5399
  let { $$slots: slots = {}, $$scope } = $$props;
5388
5400
  let { x1 } = $$props;
@@ -5431,8 +5443,8 @@ class GridItem extends SvelteComponent {
5431
5443
  init(
5432
5444
  this,
5433
5445
  options,
5434
- instance$1i,
5435
- create_fragment$1i,
5446
+ instance$1l,
5447
+ create_fragment$1l,
5436
5448
  safe_not_equal,
5437
5449
  {
5438
5450
  x1: 2,
@@ -5443,7 +5455,7 @@ class GridItem extends SvelteComponent {
5443
5455
  background: 7,
5444
5456
  gridItemId: 0
5445
5457
  },
5446
- add_css$M
5458
+ add_css$O
5447
5459
  );
5448
5460
  }
5449
5461
  }
@@ -5549,7 +5561,7 @@ function create_each_block$8(ctx) {
5549
5561
  };
5550
5562
  }
5551
5563
 
5552
- function create_fragment$1h(ctx) {
5564
+ function create_fragment$1k(ctx) {
5553
5565
  let each_1_anchor;
5554
5566
  let each_value = /*items*/ ctx[0];
5555
5567
  let each_blocks = [];
@@ -5615,7 +5627,7 @@ function create_fragment$1h(ctx) {
5615
5627
 
5616
5628
  const regexp = /(\r?\n)/;
5617
5629
 
5618
- function instance$1h($$self, $$props, $$invalidate) {
5630
+ function instance$1k($$self, $$props, $$invalidate) {
5619
5631
  let items;
5620
5632
  let { text = 'サンプルSample' } = $$props;
5621
5633
 
@@ -5636,13 +5648,13 @@ function instance$1h($$self, $$props, $$invalidate) {
5636
5648
  class RenderText extends SvelteComponent {
5637
5649
  constructor(options) {
5638
5650
  super();
5639
- init(this, options, instance$1h, create_fragment$1h, safe_not_equal, { text: 1 });
5651
+ init(this, options, instance$1k, create_fragment$1k, safe_not_equal, { text: 1 });
5640
5652
  }
5641
5653
  }
5642
5654
 
5643
5655
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5644
5656
 
5645
- function add_css$L(target) {
5657
+ function add_css$N(target) {
5646
5658
  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}");
5647
5659
  }
5648
5660
 
@@ -5826,7 +5838,7 @@ function create_if_block$b(ctx) {
5826
5838
  };
5827
5839
  }
5828
5840
 
5829
- function create_fragment$1g(ctx) {
5841
+ function create_fragment$1j(ctx) {
5830
5842
  let div;
5831
5843
  let current_block_type_index;
5832
5844
  let if_block;
@@ -5906,7 +5918,7 @@ function create_fragment$1g(ctx) {
5906
5918
  };
5907
5919
  }
5908
5920
 
5909
- function instance$1g($$self, $$props, $$invalidate) {
5921
+ function instance$1j($$self, $$props, $$invalidate) {
5910
5922
  let style;
5911
5923
  let { text = 'テキストのコンテンツ' } = $$props;
5912
5924
  let { font = SYSTEM_FONT } = $$props;
@@ -6002,8 +6014,8 @@ class TextElement extends SvelteComponent {
6002
6014
  init(
6003
6015
  this,
6004
6016
  options,
6005
- instance$1g,
6006
- create_fragment$1g,
6017
+ instance$1j,
6018
+ create_fragment$1j,
6007
6019
  safe_not_equal,
6008
6020
  {
6009
6021
  text: 0,
@@ -6014,14 +6026,14 @@ class TextElement extends SvelteComponent {
6014
6026
  enableCopy: 2,
6015
6027
  eventName: 10
6016
6028
  },
6017
- add_css$L
6029
+ add_css$N
6018
6030
  );
6019
6031
  }
6020
6032
  }
6021
6033
 
6022
6034
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
6023
6035
 
6024
- function add_css$K(target) {
6036
+ function add_css$M(target) {
6025
6037
  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)}");
6026
6038
  }
6027
6039
 
@@ -6062,7 +6074,7 @@ function create_default_slot$6(ctx) {
6062
6074
  };
6063
6075
  }
6064
6076
 
6065
- function create_fragment$1f(ctx) {
6077
+ function create_fragment$1i(ctx) {
6066
6078
  let div;
6067
6079
  let button;
6068
6080
  let current;
@@ -6126,7 +6138,7 @@ function create_fragment$1f(ctx) {
6126
6138
  };
6127
6139
  }
6128
6140
 
6129
- function instance$1f($$self, $$props, $$invalidate) {
6141
+ function instance$1i($$self, $$props, $$invalidate) {
6130
6142
  let style;
6131
6143
  let { text = 'ボタンのラベル' } = $$props;
6132
6144
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -6164,8 +6176,8 @@ class TextButtonElement extends SvelteComponent {
6164
6176
  init(
6165
6177
  this,
6166
6178
  options,
6167
- instance$1f,
6168
- create_fragment$1f,
6179
+ instance$1i,
6180
+ create_fragment$1i,
6169
6181
  safe_not_equal,
6170
6182
  {
6171
6183
  text: 0,
@@ -6175,14 +6187,14 @@ class TextButtonElement extends SvelteComponent {
6175
6187
  _buttonStyle: 5,
6176
6188
  _style: 6
6177
6189
  },
6178
- add_css$K
6190
+ add_css$M
6179
6191
  );
6180
6192
  }
6181
6193
  }
6182
6194
 
6183
6195
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
6184
6196
 
6185
- function add_css$J(target) {
6197
+ function add_css$L(target) {
6186
6198
  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%}");
6187
6199
  }
6188
6200
 
@@ -6253,7 +6265,7 @@ function create_default_slot$5(ctx) {
6253
6265
  };
6254
6266
  }
6255
6267
 
6256
- function create_fragment$1e(ctx) {
6268
+ function create_fragment$1h(ctx) {
6257
6269
  let div;
6258
6270
  let button;
6259
6271
  let div_class_value;
@@ -6322,7 +6334,7 @@ function create_fragment$1e(ctx) {
6322
6334
  };
6323
6335
  }
6324
6336
 
6325
- function instance$1e($$self, $$props, $$invalidate) {
6337
+ function instance$1h($$self, $$props, $$invalidate) {
6326
6338
  let { src = '' } = $$props;
6327
6339
  let { alt = '画像の説明' } = $$props;
6328
6340
  let { transport = false } = $$props;
@@ -6353,8 +6365,8 @@ class ImageElement extends SvelteComponent {
6353
6365
  init(
6354
6366
  this,
6355
6367
  options,
6356
- instance$1e,
6357
- create_fragment$1e,
6368
+ instance$1h,
6369
+ create_fragment$1h,
6358
6370
  safe_not_equal,
6359
6371
  {
6360
6372
  src: 0,
@@ -6366,18 +6378,18 @@ class ImageElement extends SvelteComponent {
6366
6378
  _imageStyle: 6,
6367
6379
  _style: 7
6368
6380
  },
6369
- add_css$J
6381
+ add_css$L
6370
6382
  );
6371
6383
  }
6372
6384
  }
6373
6385
 
6374
6386
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6375
6387
 
6376
- function add_css$I(target) {
6388
+ function add_css$K(target) {
6377
6389
  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}");
6378
6390
  }
6379
6391
 
6380
- function create_fragment$1d(ctx) {
6392
+ function create_fragment$1g(ctx) {
6381
6393
  let div;
6382
6394
  let current;
6383
6395
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6447,7 +6459,7 @@ function create_fragment$1d(ctx) {
6447
6459
 
6448
6460
  const LIST_CONTEXT_KEY = Symbol();
6449
6461
 
6450
- function instance$1d($$self, $$props, $$invalidate) {
6462
+ function instance$1g($$self, $$props, $$invalidate) {
6451
6463
  let style;
6452
6464
  let { $$slots: slots = {}, $$scope } = $$props;
6453
6465
  let { direction = 'vertical' } = $$props;
@@ -6514,8 +6526,8 @@ let List$1 = class List extends SvelteComponent {
6514
6526
  init(
6515
6527
  this,
6516
6528
  options,
6517
- instance$1d,
6518
- create_fragment$1d,
6529
+ instance$1g,
6530
+ create_fragment$1g,
6519
6531
  safe_not_equal,
6520
6532
  {
6521
6533
  direction: 1,
@@ -6523,14 +6535,14 @@ let List$1 = class List extends SvelteComponent {
6523
6535
  background: 3,
6524
6536
  _style: 4
6525
6537
  },
6526
- add_css$I
6538
+ add_css$K
6527
6539
  );
6528
6540
  }
6529
6541
  };
6530
6542
 
6531
6543
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6532
6544
 
6533
- function add_css$H(target) {
6545
+ function add_css$J(target) {
6534
6546
  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}");
6535
6547
  }
6536
6548
 
@@ -6585,7 +6597,7 @@ function create_default_slot$4(ctx) {
6585
6597
  };
6586
6598
  }
6587
6599
 
6588
- function create_fragment$1c(ctx) {
6600
+ function create_fragment$1f(ctx) {
6589
6601
  let div;
6590
6602
  let button;
6591
6603
  let current;
@@ -6654,7 +6666,7 @@ function create_fragment$1c(ctx) {
6654
6666
  };
6655
6667
  }
6656
6668
 
6657
- function instance$1c($$self, $$props, $$invalidate) {
6669
+ function instance$1f($$self, $$props, $$invalidate) {
6658
6670
  let listItemStyle;
6659
6671
  let { $$slots: slots = {}, $$scope } = $$props;
6660
6672
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6733,17 +6745,17 @@ function instance$1c($$self, $$props, $$invalidate) {
6733
6745
  let ListItem$1 = class ListItem extends SvelteComponent {
6734
6746
  constructor(options) {
6735
6747
  super();
6736
- init(this, options, instance$1c, create_fragment$1c, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$H);
6748
+ init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$J);
6737
6749
  }
6738
6750
  };
6739
6751
 
6740
6752
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6741
6753
 
6742
- function add_css$G(target) {
6754
+ function add_css$I(target) {
6743
6755
  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}");
6744
6756
  }
6745
6757
 
6746
- function create_fragment$1b(ctx) {
6758
+ function create_fragment$1e(ctx) {
6747
6759
  let div;
6748
6760
 
6749
6761
  return {
@@ -6779,7 +6791,7 @@ function create_fragment$1b(ctx) {
6779
6791
  };
6780
6792
  }
6781
6793
 
6782
- function instance$1b($$self, $$props, $$invalidate) {
6794
+ function instance$1e($$self, $$props, $$invalidate) {
6783
6795
  let { code } = $$props;
6784
6796
  let { _style = '' } = $$props;
6785
6797
 
@@ -6794,17 +6806,17 @@ function instance$1b($$self, $$props, $$invalidate) {
6794
6806
  class EmbedElement extends SvelteComponent {
6795
6807
  constructor(options) {
6796
6808
  super();
6797
- init(this, options, instance$1b, create_fragment$1b, safe_not_equal, { code: 0, _style: 1 }, add_css$G);
6809
+ init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { code: 0, _style: 1 }, add_css$I);
6798
6810
  }
6799
6811
  }
6800
6812
 
6801
6813
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6802
6814
 
6803
- function add_css$F(target) {
6815
+ function add_css$H(target) {
6804
6816
  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%}");
6805
6817
  }
6806
6818
 
6807
- function create_fragment$1a(ctx) {
6819
+ function create_fragment$1d(ctx) {
6808
6820
  let div1;
6809
6821
  let div0;
6810
6822
 
@@ -6856,7 +6868,7 @@ function _setValue(obj, key, value) {
6856
6868
  }
6857
6869
  }
6858
6870
 
6859
- function instance$1a($$self, $$props, $$invalidate) {
6871
+ function instance$1d($$self, $$props, $$invalidate) {
6860
6872
  let $system;
6861
6873
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6862
6874
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -7127,8 +7139,8 @@ class MovieYouTubeElement extends SvelteComponent {
7127
7139
  init(
7128
7140
  this,
7129
7141
  options,
7130
- instance$1a,
7131
- create_fragment$1a,
7142
+ instance$1d,
7143
+ create_fragment$1d,
7132
7144
  safe_not_equal,
7133
7145
  {
7134
7146
  videoId: 2,
@@ -7157,7 +7169,7 @@ class MovieYouTubeElement extends SvelteComponent {
7157
7169
  mute: 25,
7158
7170
  _style: 0
7159
7171
  },
7160
- add_css$F,
7172
+ add_css$H,
7161
7173
  [-1, -1]
7162
7174
  );
7163
7175
  }
@@ -7165,11 +7177,11 @@ class MovieYouTubeElement extends SvelteComponent {
7165
7177
 
7166
7178
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
7167
7179
 
7168
- function add_css$E(target) {
7180
+ function add_css$G(target) {
7169
7181
  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%}");
7170
7182
  }
7171
7183
 
7172
- function create_fragment$19(ctx) {
7184
+ function create_fragment$1c(ctx) {
7173
7185
  let div1;
7174
7186
  let div0;
7175
7187
 
@@ -7211,7 +7223,7 @@ function create_fragment$19(ctx) {
7211
7223
  };
7212
7224
  }
7213
7225
 
7214
- function instance$19($$self, $$props, $$invalidate) {
7226
+ function instance$1c($$self, $$props, $$invalidate) {
7215
7227
  let $system;
7216
7228
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
7217
7229
  let { videoId = "201239468" } = $$props;
@@ -7354,8 +7366,8 @@ class MovieVimeoElement extends SvelteComponent {
7354
7366
  init(
7355
7367
  this,
7356
7368
  options,
7357
- instance$19,
7358
- create_fragment$19,
7369
+ instance$1c,
7370
+ create_fragment$1c,
7359
7371
  safe_not_equal,
7360
7372
  {
7361
7373
  videoId: 2,
@@ -7365,18 +7377,18 @@ class MovieVimeoElement extends SvelteComponent {
7365
7377
  mute: 6,
7366
7378
  _style: 0
7367
7379
  },
7368
- add_css$E
7380
+ add_css$G
7369
7381
  );
7370
7382
  }
7371
7383
  }
7372
7384
 
7373
7385
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7374
7386
 
7375
- function add_css$D(target) {
7387
+ function add_css$F(target) {
7376
7388
  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}");
7377
7389
  }
7378
7390
 
7379
- function create_fragment$18(ctx) {
7391
+ function create_fragment$1b(ctx) {
7380
7392
  let div;
7381
7393
  let textarea;
7382
7394
  let mounted;
@@ -7451,7 +7463,7 @@ function create_fragment$18(ctx) {
7451
7463
  };
7452
7464
  }
7453
7465
 
7454
- function instance$18($$self, $$props, $$invalidate) {
7466
+ function instance$1b($$self, $$props, $$invalidate) {
7455
7467
  let style;
7456
7468
  let styleVariables;
7457
7469
  let $value;
@@ -7539,8 +7551,8 @@ class FormTextarea extends SvelteComponent {
7539
7551
  init(
7540
7552
  this,
7541
7553
  options,
7542
- instance$18,
7543
- create_fragment$18,
7554
+ instance$1b,
7555
+ create_fragment$1b,
7544
7556
  safe_not_equal,
7545
7557
  {
7546
7558
  name: 7,
@@ -7552,14 +7564,14 @@ class FormTextarea extends SvelteComponent {
7552
7564
  _textStyle: 11,
7553
7565
  _placeholderStyle: 12
7554
7566
  },
7555
- add_css$D
7567
+ add_css$F
7556
7568
  );
7557
7569
  }
7558
7570
  }
7559
7571
 
7560
7572
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7561
7573
 
7562
- function add_css$C(target) {
7574
+ function add_css$E(target) {
7563
7575
  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}");
7564
7576
  }
7565
7577
 
@@ -7672,7 +7684,7 @@ function create_each_block$7(ctx) {
7672
7684
  };
7673
7685
  }
7674
7686
 
7675
- function create_fragment$17(ctx) {
7687
+ function create_fragment$1a(ctx) {
7676
7688
  let div;
7677
7689
  let each_value = /*_options*/ ctx[4];
7678
7690
  let each_blocks = [];
@@ -7750,7 +7762,7 @@ function create_fragment$17(ctx) {
7750
7762
  };
7751
7763
  }
7752
7764
 
7753
- function instance$17($$self, $$props, $$invalidate) {
7765
+ function instance$1a($$self, $$props, $$invalidate) {
7754
7766
  let _options;
7755
7767
  let buttonStyle;
7756
7768
  let _value;
@@ -7850,8 +7862,8 @@ class FormRadioButtons extends SvelteComponent {
7850
7862
  init(
7851
7863
  this,
7852
7864
  options,
7853
- instance$17,
7854
- create_fragment$17,
7865
+ instance$1a,
7866
+ create_fragment$1a,
7855
7867
  safe_not_equal,
7856
7868
  {
7857
7869
  name: 0,
@@ -7864,14 +7876,14 @@ class FormRadioButtons extends SvelteComponent {
7864
7876
  buttonColor: 13,
7865
7877
  buttonColorActive: 14
7866
7878
  },
7867
- add_css$C
7879
+ add_css$E
7868
7880
  );
7869
7881
  }
7870
7882
  }
7871
7883
 
7872
7884
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7873
7885
 
7874
- function add_css$B(target) {
7886
+ function add_css$D(target) {
7875
7887
  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}");
7876
7888
  }
7877
7889
 
@@ -7998,7 +8010,7 @@ function create_each_block$6(ctx) {
7998
8010
  };
7999
8011
  }
8000
8012
 
8001
- function create_fragment$16(ctx) {
8013
+ function create_fragment$19(ctx) {
8002
8014
  let div1;
8003
8015
  let select;
8004
8016
  let t;
@@ -8108,7 +8120,7 @@ function create_fragment$16(ctx) {
8108
8120
  };
8109
8121
  }
8110
8122
 
8111
- function instance$16($$self, $$props, $$invalidate) {
8123
+ function instance$19($$self, $$props, $$invalidate) {
8112
8124
  let _options;
8113
8125
  let style;
8114
8126
  let styleVariables;
@@ -8224,8 +8236,8 @@ class FormSelect extends SvelteComponent {
8224
8236
  init(
8225
8237
  this,
8226
8238
  options,
8227
- instance$16,
8228
- create_fragment$16,
8239
+ instance$19,
8240
+ create_fragment$19,
8229
8241
  safe_not_equal,
8230
8242
  {
8231
8243
  name: 7,
@@ -8240,14 +8252,14 @@ class FormSelect extends SvelteComponent {
8240
8252
  iconColor: 15,
8241
8253
  iconSize: 16
8242
8254
  },
8243
- add_css$B
8255
+ add_css$D
8244
8256
  );
8245
8257
  }
8246
8258
  }
8247
8259
 
8248
8260
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
8249
8261
 
8250
- function add_css$A(target) {
8262
+ function add_css$C(target) {
8251
8263
  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}");
8252
8264
  }
8253
8265
 
@@ -8376,7 +8388,7 @@ function create_each_block$5(ctx) {
8376
8388
  };
8377
8389
  }
8378
8390
 
8379
- function create_fragment$15(ctx) {
8391
+ function create_fragment$18(ctx) {
8380
8392
  let div;
8381
8393
  let each_value = /*_options*/ ctx[3];
8382
8394
  let each_blocks = [];
@@ -8454,7 +8466,7 @@ function create_fragment$15(ctx) {
8454
8466
  };
8455
8467
  }
8456
8468
 
8457
- function instance$15($$self, $$props, $$invalidate) {
8469
+ function instance$18($$self, $$props, $$invalidate) {
8458
8470
  let _options;
8459
8471
  let styleVariables;
8460
8472
  let isCheckedArray;
@@ -8560,8 +8572,8 @@ class FormCheckBoxes extends SvelteComponent {
8560
8572
  init(
8561
8573
  this,
8562
8574
  options,
8563
- instance$15,
8564
- create_fragment$15,
8575
+ instance$18,
8576
+ create_fragment$18,
8565
8577
  safe_not_equal,
8566
8578
  {
8567
8579
  name: 0,
@@ -8574,14 +8586,14 @@ class FormCheckBoxes extends SvelteComponent {
8574
8586
  buttonColor: 13,
8575
8587
  buttonColorActive: 14
8576
8588
  },
8577
- add_css$A
8589
+ add_css$C
8578
8590
  );
8579
8591
  }
8580
8592
  }
8581
8593
 
8582
8594
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8583
8595
 
8584
- function add_css$z(target) {
8596
+ function add_css$B(target) {
8585
8597
  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}");
8586
8598
  }
8587
8599
 
@@ -8649,7 +8661,7 @@ function create_each_block$4(ctx) {
8649
8661
  };
8650
8662
  }
8651
8663
 
8652
- function create_fragment$14(ctx) {
8664
+ function create_fragment$17(ctx) {
8653
8665
  let div;
8654
8666
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8655
8667
  let each_blocks = [];
@@ -8722,7 +8734,7 @@ function create_fragment$14(ctx) {
8722
8734
  };
8723
8735
  }
8724
8736
 
8725
- function instance$14($$self, $$props, $$invalidate) {
8737
+ function instance$17($$self, $$props, $$invalidate) {
8726
8738
  let _value;
8727
8739
  let $value;
8728
8740
  let { name = '' } = $$props;
@@ -8804,8 +8816,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8804
8816
  init(
8805
8817
  this,
8806
8818
  options,
8807
- instance$14,
8808
- create_fragment$14,
8819
+ instance$17,
8820
+ create_fragment$17,
8809
8821
  safe_not_equal,
8810
8822
  {
8811
8823
  name: 6,
@@ -8816,14 +8828,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
8816
8828
  buttonStyle: 9,
8817
8829
  buttonActiveStyle: 10
8818
8830
  },
8819
- add_css$z
8831
+ add_css$B
8820
8832
  );
8821
8833
  }
8822
8834
  }
8823
8835
 
8824
8836
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8825
8837
 
8826
- function add_css$y(target) {
8838
+ function add_css$A(target) {
8827
8839
  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%)}");
8828
8840
  }
8829
8841
 
@@ -8894,7 +8906,7 @@ function create_each_block$3(ctx) {
8894
8906
  };
8895
8907
  }
8896
8908
 
8897
- function create_fragment$13(ctx) {
8909
+ function create_fragment$16(ctx) {
8898
8910
  let div;
8899
8911
  let each_value = [...Array(count).keys()].reverse().map(func);
8900
8912
  let each_blocks = [];
@@ -8970,7 +8982,7 @@ function create_fragment$13(ctx) {
8970
8982
  const count = 5;
8971
8983
  const func = i => i + 1;
8972
8984
 
8973
- function instance$13($$self, $$props, $$invalidate) {
8985
+ function instance$16($$self, $$props, $$invalidate) {
8974
8986
  let _value;
8975
8987
  let buttonStyle;
8976
8988
  let $value;
@@ -9026,17 +9038,17 @@ function instance$13($$self, $$props, $$invalidate) {
9026
9038
  class FormRatingButtonsFace extends SvelteComponent {
9027
9039
  constructor(options) {
9028
9040
  super();
9029
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$y);
9041
+ init(this, options, instance$16, create_fragment$16, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$A);
9030
9042
  }
9031
9043
  }
9032
9044
 
9033
9045
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
9034
9046
 
9035
- function add_css$x(target) {
9047
+ function add_css$z(target) {
9036
9048
  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}");
9037
9049
  }
9038
9050
 
9039
- function create_fragment$12(ctx) {
9051
+ function create_fragment$15(ctx) {
9040
9052
  let div;
9041
9053
  let input;
9042
9054
  let input_class_value;
@@ -9117,7 +9129,7 @@ function create_fragment$12(ctx) {
9117
9129
  };
9118
9130
  }
9119
9131
 
9120
- function instance$12($$self, $$props, $$invalidate) {
9132
+ function instance$15($$self, $$props, $$invalidate) {
9121
9133
  let style;
9122
9134
  let styleVariables;
9123
9135
  let isValidForUI;
@@ -9248,8 +9260,8 @@ class FormIdentifyInput extends SvelteComponent {
9248
9260
  init(
9249
9261
  this,
9250
9262
  options,
9251
- instance$12,
9252
- create_fragment$12,
9263
+ instance$15,
9264
+ create_fragment$15,
9253
9265
  safe_not_equal,
9254
9266
  {
9255
9267
  field: 9,
@@ -9263,18 +9275,18 @@ class FormIdentifyInput extends SvelteComponent {
9263
9275
  _textStyle: 15,
9264
9276
  _placeholderStyle: 16
9265
9277
  },
9266
- add_css$x
9278
+ add_css$z
9267
9279
  );
9268
9280
  }
9269
9281
  }
9270
9282
 
9271
9283
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
9272
9284
 
9273
- function add_css$w(target) {
9285
+ function add_css$y(target) {
9274
9286
  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}");
9275
9287
  }
9276
9288
 
9277
- function create_fragment$11(ctx) {
9289
+ function create_fragment$14(ctx) {
9278
9290
  let div;
9279
9291
  let label0;
9280
9292
  let input0;
@@ -9415,7 +9427,7 @@ function create_fragment$11(ctx) {
9415
9427
  };
9416
9428
  }
9417
9429
 
9418
- function instance$11($$self, $$props, $$invalidate) {
9430
+ function instance$14($$self, $$props, $$invalidate) {
9419
9431
  let buttonStyle;
9420
9432
  let $value;
9421
9433
  let { field = 'subscription' } = $$props;
@@ -9497,8 +9509,8 @@ class FormIdentifyChoices extends SvelteComponent {
9497
9509
  init(
9498
9510
  this,
9499
9511
  options,
9500
- instance$11,
9501
- create_fragment$11,
9512
+ instance$14,
9513
+ create_fragment$14,
9502
9514
  safe_not_equal,
9503
9515
  {
9504
9516
  field: 6,
@@ -9510,14 +9522,14 @@ class FormIdentifyChoices extends SvelteComponent {
9510
9522
  buttonColor: 10,
9511
9523
  buttonColorActive: 11
9512
9524
  },
9513
- add_css$w
9525
+ add_css$y
9514
9526
  );
9515
9527
  }
9516
9528
  }
9517
9529
 
9518
9530
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9519
9531
 
9520
- function add_css$v(target) {
9532
+ function add_css$x(target) {
9521
9533
  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%}");
9522
9534
  }
9523
9535
 
@@ -9728,7 +9740,7 @@ function create_each_block$2(ctx) {
9728
9740
  };
9729
9741
  }
9730
9742
 
9731
- function create_fragment$10(ctx) {
9743
+ function create_fragment$13(ctx) {
9732
9744
  let div3;
9733
9745
  let div1;
9734
9746
  let div0;
@@ -9952,7 +9964,7 @@ function calcPositionIndex(shift, index, length) {
9952
9964
  }
9953
9965
  }
9954
9966
 
9955
- function instance$10($$self, $$props, $$invalidate) {
9967
+ function instance$13($$self, $$props, $$invalidate) {
9956
9968
  let slideStyle;
9957
9969
  let slideClass;
9958
9970
  let _loop;
@@ -10405,8 +10417,8 @@ class Slide extends SvelteComponent {
10405
10417
  init(
10406
10418
  this,
10407
10419
  options,
10408
- instance$10,
10409
- create_fragment$10,
10420
+ instance$13,
10421
+ create_fragment$13,
10410
10422
  safe_not_equal,
10411
10423
  {
10412
10424
  loop: 18,
@@ -10420,7 +10432,7 @@ class Slide extends SvelteComponent {
10420
10432
  navigationButton: 25,
10421
10433
  navigationEdgePosition: 26
10422
10434
  },
10423
- add_css$v,
10435
+ add_css$x,
10424
10436
  [-1, -1, -1]
10425
10437
  );
10426
10438
  }
@@ -10428,11 +10440,11 @@ class Slide extends SvelteComponent {
10428
10440
 
10429
10441
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10430
10442
 
10431
- function add_css$u(target) {
10443
+ function add_css$w(target) {
10432
10444
  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}");
10433
10445
  }
10434
10446
 
10435
- function create_fragment$$(ctx) {
10447
+ function create_fragment$12(ctx) {
10436
10448
  let div1;
10437
10449
  let div0;
10438
10450
  let current;
@@ -10512,7 +10524,7 @@ function create_fragment$$(ctx) {
10512
10524
  };
10513
10525
  }
10514
10526
 
10515
- function instance$$($$self, $$props, $$invalidate) {
10527
+ function instance$12($$self, $$props, $$invalidate) {
10516
10528
  let itemStyle;
10517
10529
  let { $$slots: slots = {}, $$scope } = $$props;
10518
10530
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10578,25 +10590,25 @@ function instance$$($$self, $$props, $$invalidate) {
10578
10590
  class SlideItem extends SvelteComponent {
10579
10591
  constructor(options) {
10580
10592
  super();
10581
- init(this, options, instance$$, create_fragment$$, safe_not_equal, { _style: 0 }, add_css$u);
10593
+ init(this, options, instance$12, create_fragment$12, safe_not_equal, { _style: 0 }, add_css$w);
10582
10594
  }
10583
10595
  }
10584
10596
 
10585
10597
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10586
10598
 
10587
- function add_css$t(target) {
10599
+ function add_css$v(target) {
10588
10600
  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}");
10589
10601
  }
10590
10602
 
10591
- const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10592
- const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
10603
+ const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10604
+ const get_default_slot_context$1 = ctx => ({ countdown: /*countdown*/ ctx[1] });
10593
10605
 
10594
- function create_fragment$_(ctx) {
10606
+ function create_fragment$11(ctx) {
10595
10607
  let div1;
10596
10608
  let div0;
10597
10609
  let current;
10598
10610
  const default_slot_template = /*#slots*/ ctx[6].default;
10599
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], get_default_slot_context);
10611
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], get_default_slot_context$1);
10600
10612
 
10601
10613
  return {
10602
10614
  c() {
@@ -10640,8 +10652,8 @@ function create_fragment$_(ctx) {
10640
10652
  /*$$scope*/ ctx[5],
10641
10653
  !current
10642
10654
  ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
10643
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, get_default_slot_changes),
10644
- get_default_slot_context
10655
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, get_default_slot_changes$1),
10656
+ get_default_slot_context$1
10645
10657
  );
10646
10658
  }
10647
10659
  }
@@ -10666,11 +10678,11 @@ function create_fragment$_(ctx) {
10666
10678
  };
10667
10679
  }
10668
10680
 
10669
- function calcRemainingTime(limit) {
10681
+ function calcRemainingTime$1(limit) {
10670
10682
  return limit - new Date().getTime();
10671
10683
  }
10672
10684
 
10673
- function formatTimeDiff(ms) {
10685
+ function formatTimeDiff$1(ms) {
10674
10686
  const diffDay = Math.floor(ms / 1000 / 60 / 60 / 24);
10675
10687
  const diffHour = Math.floor(ms / 1000 / 60 / 60) % 24;
10676
10688
  const diffMin = Math.floor(ms / 1000 / 60) % 60;
@@ -10684,7 +10696,7 @@ function formatTimeDiff(ms) {
10684
10696
  };
10685
10697
  }
10686
10698
 
10687
- function instance$_($$self, $$props, $$invalidate) {
10699
+ function instance$11($$self, $$props, $$invalidate) {
10688
10700
  let countdown;
10689
10701
  let { $$slots: slots = {}, $$scope } = $$props;
10690
10702
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10693,12 +10705,12 @@ function instance$_($$self, $$props, $$invalidate) {
10693
10705
  let remainingTime;
10694
10706
 
10695
10707
  function onEachSecond() {
10696
- const _remainingTime = calcRemainingTime(new Date(timeLimit).getTime());
10708
+ const _remainingTime = calcRemainingTime$1(new Date(timeLimit).getTime());
10697
10709
 
10698
10710
  if (_remainingTime > 0) {
10699
- $$invalidate(4, remainingTime = formatTimeDiff(_remainingTime));
10711
+ $$invalidate(4, remainingTime = formatTimeDiff$1(_remainingTime));
10700
10712
  } else {
10701
- $$invalidate(4, remainingTime = formatTimeDiff(0));
10713
+ $$invalidate(4, remainingTime = formatTimeDiff$1(0));
10702
10714
  }
10703
10715
  }
10704
10716
 
@@ -10741,13 +10753,13 @@ function instance$_($$self, $$props, $$invalidate) {
10741
10753
  class Countdown extends SvelteComponent {
10742
10754
  constructor(options) {
10743
10755
  super();
10744
- init(this, options, instance$_, create_fragment$_, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$t);
10756
+ init(this, options, instance$11, create_fragment$11, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$v);
10745
10757
  }
10746
10758
  }
10747
10759
 
10748
10760
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10749
10761
 
10750
- function add_css$s(target) {
10762
+ function add_css$u(target) {
10751
10763
  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}");
10752
10764
  }
10753
10765
 
@@ -10802,7 +10814,7 @@ function create_default_slot$3(ctx) {
10802
10814
  };
10803
10815
  }
10804
10816
 
10805
- function create_fragment$Z(ctx) {
10817
+ function create_fragment$10(ctx) {
10806
10818
  let div;
10807
10819
  let button;
10808
10820
  let current;
@@ -10866,7 +10878,7 @@ function create_fragment$Z(ctx) {
10866
10878
  };
10867
10879
  }
10868
10880
 
10869
- function instance$Z($$self, $$props, $$invalidate) {
10881
+ function instance$10($$self, $$props, $$invalidate) {
10870
10882
  let { $$slots: slots = {}, $$scope } = $$props;
10871
10883
  let { onClick = { operation: 'none', args: [] } } = $$props;
10872
10884
  let { eventName = '' } = $$props;
@@ -10885,13 +10897,13 @@ function instance$Z($$self, $$props, $$invalidate) {
10885
10897
  class Box extends SvelteComponent {
10886
10898
  constructor(options) {
10887
10899
  super();
10888
- init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$s);
10900
+ init(this, options, instance$10, create_fragment$10, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$u);
10889
10901
  }
10890
10902
  }
10891
10903
 
10892
10904
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10893
10905
 
10894
- function add_css$r(target) {
10906
+ function add_css$t(target) {
10895
10907
  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)}");
10896
10908
  }
10897
10909
 
@@ -10967,7 +10979,7 @@ function create_default_slot$2(ctx) {
10967
10979
  };
10968
10980
  }
10969
10981
 
10970
- function create_fragment$Y(ctx) {
10982
+ function create_fragment$$(ctx) {
10971
10983
  let div;
10972
10984
  let button;
10973
10985
  let current;
@@ -11038,7 +11050,7 @@ function parseData(dataUrl) {
11038
11050
  return decodeURIComponent(data).replaceAll('\'', '"');
11039
11051
  }
11040
11052
 
11041
- function instance$Y($$self, $$props, $$invalidate) {
11053
+ function instance$$($$self, $$props, $$invalidate) {
11042
11054
  let svg;
11043
11055
  let styleVariables;
11044
11056
  let style;
@@ -11086,8 +11098,8 @@ class IconElement extends SvelteComponent {
11086
11098
  init(
11087
11099
  this,
11088
11100
  options,
11089
- instance$Y,
11090
- create_fragment$Y,
11101
+ instance$$,
11102
+ create_fragment$$,
11091
11103
  safe_not_equal,
11092
11104
  {
11093
11105
  icon: 4,
@@ -11097,18 +11109,18 @@ class IconElement extends SvelteComponent {
11097
11109
  color: 6,
11098
11110
  _style: 7
11099
11111
  },
11100
- add_css$r
11112
+ add_css$t
11101
11113
  );
11102
11114
  }
11103
11115
  }
11104
11116
 
11105
11117
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
11106
11118
 
11107
- function add_css$q(target) {
11119
+ function add_css$s(target) {
11108
11120
  append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
11109
11121
  }
11110
11122
 
11111
- function create_fragment$X(ctx) {
11123
+ function create_fragment$_(ctx) {
11112
11124
  let div;
11113
11125
  let switch_instance;
11114
11126
  let current;
@@ -11198,7 +11210,7 @@ function create_fragment$X(ctx) {
11198
11210
  };
11199
11211
  }
11200
11212
 
11201
- function instance$X($$self, $$props, $$invalidate) {
11213
+ function instance$_($$self, $$props, $$invalidate) {
11202
11214
  let $data,
11203
11215
  $$unsubscribe_data = noop,
11204
11216
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -11223,17 +11235,17 @@ function instance$X($$self, $$props, $$invalidate) {
11223
11235
  class CodeElement extends SvelteComponent {
11224
11236
  constructor(options) {
11225
11237
  super();
11226
- init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$q);
11238
+ init(this, options, instance$_, create_fragment$_, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$s);
11227
11239
  }
11228
11240
  }
11229
11241
 
11230
11242
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
11231
11243
 
11232
- function add_css$p(target) {
11244
+ function add_css$r(target) {
11233
11245
  append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
11234
11246
  }
11235
11247
 
11236
- function create_fragment$W(ctx) {
11248
+ function create_fragment$Z(ctx) {
11237
11249
  let div;
11238
11250
  let div_style_value;
11239
11251
  let current;
@@ -11308,7 +11320,7 @@ function getFlexContext() {
11308
11320
  return getContext(FlexContextKey);
11309
11321
  }
11310
11322
 
11311
- function instance$W($$self, $$props, $$invalidate) {
11323
+ function instance$Z($$self, $$props, $$invalidate) {
11312
11324
  let { $$slots: slots = {}, $$scope } = $$props;
11313
11325
  let { direction = 'row' } = $$props;
11314
11326
  let { width = '100%' } = $$props;
@@ -11334,8 +11346,8 @@ class Flex extends SvelteComponent {
11334
11346
  init(
11335
11347
  this,
11336
11348
  options,
11337
- instance$W,
11338
- create_fragment$W,
11349
+ instance$Z,
11350
+ create_fragment$Z,
11339
11351
  safe_not_equal,
11340
11352
  {
11341
11353
  direction: 0,
@@ -11343,18 +11355,18 @@ class Flex extends SvelteComponent {
11343
11355
  height: 2,
11344
11356
  _style: 3
11345
11357
  },
11346
- add_css$p
11358
+ add_css$r
11347
11359
  );
11348
11360
  }
11349
11361
  }
11350
11362
 
11351
11363
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11352
11364
 
11353
- function add_css$o(target) {
11365
+ function add_css$q(target) {
11354
11366
  append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11355
11367
  }
11356
11368
 
11357
- function create_fragment$V(ctx) {
11369
+ function create_fragment$Y(ctx) {
11358
11370
  let div;
11359
11371
  let current;
11360
11372
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11422,7 +11434,7 @@ function create_fragment$V(ctx) {
11422
11434
  };
11423
11435
  }
11424
11436
 
11425
- function instance$V($$self, $$props, $$invalidate) {
11437
+ function instance$Y($$self, $$props, $$invalidate) {
11426
11438
  let { $$slots: slots = {}, $$scope } = $$props;
11427
11439
  let { length } = $$props;
11428
11440
  let { _style = '' } = $$props;
@@ -11465,7 +11477,7 @@ function instance$V($$self, $$props, $$invalidate) {
11465
11477
  class FlexItem extends SvelteComponent {
11466
11478
  constructor(options) {
11467
11479
  super();
11468
- init(this, options, instance$V, create_fragment$V, safe_not_equal, { length: 1, _style: 2 }, add_css$o);
11480
+ init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { length: 1, _style: 2 }, add_css$q);
11469
11481
  }
11470
11482
  }
11471
11483
 
@@ -11649,7 +11661,7 @@ function create_default_slot$1(ctx) {
11649
11661
  };
11650
11662
  }
11651
11663
 
11652
- function create_fragment$U(ctx) {
11664
+ function create_fragment$X(ctx) {
11653
11665
  let stateitem;
11654
11666
  let current;
11655
11667
 
@@ -11697,7 +11709,7 @@ function create_fragment$U(ctx) {
11697
11709
  };
11698
11710
  }
11699
11711
 
11700
- function instance$U($$self, $$props, $$invalidate) {
11712
+ function instance$X($$self, $$props, $$invalidate) {
11701
11713
  let { $$slots: slots = {}, $$scope } = $$props;
11702
11714
  let { path } = $$props;
11703
11715
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11768,7 +11780,7 @@ class GridModalState extends SvelteComponent {
11768
11780
  constructor(options) {
11769
11781
  super();
11770
11782
 
11771
- init(this, options, instance$U, create_fragment$U, safe_not_equal, {
11783
+ init(this, options, instance$X, create_fragment$X, safe_not_equal, {
11772
11784
  path: 0,
11773
11785
  onClick: 1,
11774
11786
  clickEventName: 2,
@@ -11793,11 +11805,11 @@ class GridModalState extends SvelteComponent {
11793
11805
 
11794
11806
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11795
11807
 
11796
- function add_css$n(target) {
11808
+ function add_css$p(target) {
11797
11809
  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%}");
11798
11810
  }
11799
11811
 
11800
- function create_fragment$T(ctx) {
11812
+ function create_fragment$W(ctx) {
11801
11813
  let div1;
11802
11814
  let div0;
11803
11815
  let rendertext;
@@ -11862,7 +11874,7 @@ function create_fragment$T(ctx) {
11862
11874
  };
11863
11875
  }
11864
11876
 
11865
- function instance$T($$self, $$props, $$invalidate) {
11877
+ function instance$W($$self, $$props, $$invalidate) {
11866
11878
  let style;
11867
11879
  let { text = 'サンプルSample' } = $$props;
11868
11880
  let { font = SYSTEM_FONT } = $$props;
@@ -11898,8 +11910,8 @@ class TextBlock extends SvelteComponent {
11898
11910
  init(
11899
11911
  this,
11900
11912
  options,
11901
- instance$T,
11902
- create_fragment$T,
11913
+ instance$W,
11914
+ create_fragment$W,
11903
11915
  safe_not_equal,
11904
11916
  {
11905
11917
  text: 0,
@@ -11908,18 +11920,18 @@ class TextBlock extends SvelteComponent {
11908
11920
  textDirection: 1,
11909
11921
  _style: 5
11910
11922
  },
11911
- add_css$n
11923
+ add_css$p
11912
11924
  );
11913
11925
  }
11914
11926
  }
11915
11927
 
11916
11928
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11917
11929
 
11918
- function add_css$m(target) {
11930
+ function add_css$o(target) {
11919
11931
  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)}");
11920
11932
  }
11921
11933
 
11922
- function create_fragment$S(ctx) {
11934
+ function create_fragment$V(ctx) {
11923
11935
  let div;
11924
11936
  let button;
11925
11937
  let rendertext;
@@ -11993,7 +12005,7 @@ function create_fragment$S(ctx) {
11993
12005
  };
11994
12006
  }
11995
12007
 
11996
- function instance$S($$self, $$props, $$invalidate) {
12008
+ function instance$V($$self, $$props, $$invalidate) {
11997
12009
  let { text = 'ボタンラベル' } = $$props;
11998
12010
  let { onClick = { operation: 'none', args: [] } } = $$props;
11999
12011
 
@@ -12035,8 +12047,8 @@ class TextButtonBlock extends SvelteComponent {
12035
12047
  init(
12036
12048
  this,
12037
12049
  options,
12038
- instance$S,
12039
- create_fragment$S,
12050
+ instance$V,
12051
+ create_fragment$V,
12040
12052
  safe_not_equal,
12041
12053
  {
12042
12054
  text: 0,
@@ -12046,18 +12058,18 @@ class TextButtonBlock extends SvelteComponent {
12046
12058
  _buttonStyle: 1,
12047
12059
  _style: 2
12048
12060
  },
12049
- add_css$m
12061
+ add_css$o
12050
12062
  );
12051
12063
  }
12052
12064
  }
12053
12065
 
12054
12066
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
12055
12067
 
12056
- function add_css$l(target) {
12068
+ function add_css$n(target) {
12057
12069
  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)}");
12058
12070
  }
12059
12071
 
12060
- function create_fragment$R(ctx) {
12072
+ function create_fragment$U(ctx) {
12061
12073
  let div;
12062
12074
  let img;
12063
12075
  let img_style_value;
@@ -12140,7 +12152,7 @@ function create_fragment$R(ctx) {
12140
12152
  };
12141
12153
  }
12142
12154
 
12143
- function instance$R($$self, $$props, $$invalidate) {
12155
+ function instance$U($$self, $$props, $$invalidate) {
12144
12156
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
12145
12157
  let { alt = 'No Image' } = $$props;
12146
12158
  let { transport = false } = $$props;
@@ -12180,8 +12192,8 @@ class ImageBlock extends SvelteComponent {
12180
12192
  init(
12181
12193
  this,
12182
12194
  options,
12183
- instance$R,
12184
- create_fragment$R,
12195
+ instance$U,
12196
+ create_fragment$U,
12185
12197
  safe_not_equal,
12186
12198
  {
12187
12199
  src: 0,
@@ -12193,7 +12205,7 @@ class ImageBlock extends SvelteComponent {
12193
12205
  _imageStyle: 4,
12194
12206
  _style: 5
12195
12207
  },
12196
- add_css$l
12208
+ add_css$n
12197
12209
  );
12198
12210
  }
12199
12211
  }
@@ -12302,12 +12314,13 @@ const ASPECT_VARIANT = {
12302
12314
  },
12303
12315
  };
12304
12316
  const ASPECT_VARIANTS = toVariantArray(ASPECT_VARIANT);
12305
- // ================================
12306
- // FontFamily
12307
- // ================================
12308
- const createFontVariant = (font) => {
12317
+ const createFontVariant = (font, lang, type) => {
12309
12318
  return {
12310
12319
  name: font,
12320
+ meta: {
12321
+ lang,
12322
+ type,
12323
+ },
12311
12324
  getProps: () => ({
12312
12325
  fontFamily: font,
12313
12326
  }),
@@ -12316,31 +12329,57 @@ const createFontVariant = (font) => {
12316
12329
  const FONT_FAMILY_VARIANT = {
12317
12330
  default: {
12318
12331
  name: `デフォルト`,
12332
+ meta: {
12333
+ type: 'kaku',
12334
+ lang: 'ja',
12335
+ },
12319
12336
  getProps: brandKit => ({
12320
12337
  fontFamily: brandKit?.font_family ?? SYSTEM_FONT,
12321
12338
  }),
12322
12339
  },
12323
- noto_sans_jp: createFontVariant('Noto Sans JP'),
12324
- sawarabi_gothic: createFontVariant('Sawarabi Gothic'),
12325
- zen_kaku_gothic: createFontVariant('Zen Maru Gothic'),
12326
- kosugi: createFontVariant('Kosugi'),
12327
- biz_udp_gothic: createFontVariant('BIZ UDPGothic'),
12328
- open_sans: createFontVariant('Open Sans'),
12329
- m_plus_rounded_1c: createFontVariant('M PLUS Rounded 1c'),
12330
- m_plus_1p: createFontVariant('M PLUS 1p'),
12331
- zen_maru_gothic: createFontVariant('Zen Maru Gothic'),
12332
- kosugi_maru: createFontVariant('Kosugi Maru'),
12333
- noto_serif_jp: createFontVariant('Noto Serif JP'),
12334
- shippori_micho: createFontVariant('Shippori Mincho'),
12335
- biz_udp_micho: createFontVariant('BIZ UDPMincho'),
12336
- roboto: createFontVariant('Roboto'),
12337
- lato: createFontVariant('Lato'),
12338
- poppins: createFontVariant('Poppins'),
12339
- raleway: createFontVariant('Raleway'),
12340
- nunito: createFontVariant('Nunito'),
12341
- lora: createFontVariant('Lora'),
12340
+ noto_sans_jp: createFontVariant('Noto Sans JP', 'ja', 'kaku'),
12341
+ sawarabi_gothic: createFontVariant('Sawarabi Gothic', 'ja', 'kaku'),
12342
+ zen_kaku_gothic: createFontVariant('Zen Kaku Gothic', 'ja', 'kaku'),
12343
+ kosugi: createFontVariant('Kosugi', 'ja', 'kaku'),
12344
+ biz_udp_gothic: createFontVariant('BIZ UDPGothic', 'ja', 'kaku'),
12345
+ open_sans: createFontVariant('Open Sans', 'ja', 'kaku'),
12346
+ sans_serif: createFontVariant('sans-serif', 'ja', 'kaku'),
12347
+ m_plus_rounded_1c: createFontVariant('M PLUS Rounded 1c', 'ja', 'maru'),
12348
+ m_plus_1p: createFontVariant('M PLUS 1p', 'ja', 'maru'),
12349
+ zen_maru_gothic: createFontVariant('Zen Maru Gothic', 'ja', 'maru'),
12350
+ kosugi_maru: createFontVariant('Kosugi Maru', 'ja', 'maru'),
12351
+ noto_serif_jp: createFontVariant('Noto Serif JP', 'ja', 'min'),
12352
+ shippori_micho: createFontVariant('Shippori Mincho', 'ja', 'min'),
12353
+ biz_udp_micho: createFontVariant('BIZ UDPMincho', 'ja', 'min'),
12354
+ serif: createFontVariant('serif', 'ja', 'min'),
12355
+ roboto: createFontVariant('Roboto', 'en', 'kaku'),
12356
+ lato: createFontVariant('Lato', 'en', 'kaku'),
12357
+ poppins: createFontVariant('Poppins', 'en', 'kaku'),
12358
+ raleway: createFontVariant('Raleway', 'en', 'kaku'),
12359
+ nunito: createFontVariant('Nunito', 'en', 'kaku'),
12360
+ lora: createFontVariant('Lora', 'en', 'kaku'),
12361
+ monospace: createFontVariant('monospace', 'en', 'kaku'),
12362
+ system_ui: createFontVariant('system-ui', 'en', 'kaku'),
12342
12363
  };
12343
12364
  const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
12365
+ const FONT_FAMILY_VARIANT_GROUPS = [
12366
+ {
12367
+ label: '日本語 / 角ゴシック',
12368
+ variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'ja' && v.meta?.type === 'kaku'),
12369
+ },
12370
+ {
12371
+ label: '日本語 / 丸ゴシック',
12372
+ variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'ja' && v.meta?.type === 'maru'),
12373
+ },
12374
+ {
12375
+ label: '日本語 / 明朝',
12376
+ variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'ja' && v.meta?.type === 'min'),
12377
+ },
12378
+ {
12379
+ label: '英語',
12380
+ variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'en'),
12381
+ },
12382
+ ];
12344
12383
  // ================================
12345
12384
  // Shadow
12346
12385
  // ================================
@@ -12548,7 +12587,7 @@ const AVATAR_SIZE_STYLES = {
12548
12587
 
12549
12588
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12550
12589
 
12551
- function add_css$k(target) {
12590
+ function add_css$m(target) {
12552
12591
  append_styles(target, "svelte-apww0t", ".avatar.svelte-apww0t{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
12553
12592
  }
12554
12593
 
@@ -12658,7 +12697,7 @@ function create_dynamic_element$b(ctx) {
12658
12697
  };
12659
12698
  }
12660
12699
 
12661
- function create_fragment$Q(ctx) {
12700
+ function create_fragment$T(ctx) {
12662
12701
  let previous_tag = /*element*/ ctx[5];
12663
12702
  let svelte_element_anchor;
12664
12703
  let svelte_element = /*element*/ ctx[5] && create_dynamic_element$b(ctx);
@@ -12706,7 +12745,7 @@ function create_fragment$Q(ctx) {
12706
12745
  };
12707
12746
  }
12708
12747
 
12709
- function instance$Q($$self, $$props, $$invalidate) {
12748
+ function instance$T($$self, $$props, $$invalidate) {
12710
12749
  let style;
12711
12750
  let imgStyle;
12712
12751
  let { props = {} } = $$props;
@@ -12758,25 +12797,33 @@ function instance$Q($$self, $$props, $$invalidate) {
12758
12797
  class Avatar extends SvelteComponent {
12759
12798
  constructor(options) {
12760
12799
  super();
12761
- init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { props: 0, layerId: 1 }, add_css$k);
12800
+ init(this, options, instance$T, create_fragment$T, safe_not_equal, { props: 0, layerId: 1 }, add_css$m);
12762
12801
  }
12763
12802
  }
12764
12803
 
12765
12804
  const BUTTON_SIZE = {
12766
- extra_small: 'XSmall',
12767
- small: 'Small',
12768
- medium: 'Medium',
12769
- large: 'Large',
12770
- extra_large: 'XLarge',
12805
+ extra_small: 'エクストラ スモール',
12806
+ small: 'スモール',
12807
+ medium: 'ミディアム',
12808
+ large: 'ラージ',
12809
+ extra_large: 'エクストラ ラージ',
12771
12810
  };
12772
12811
  const BUTTON_THEME = {
12773
- default: 'Default',
12774
- general: 'General',
12775
- success: 'Success',
12776
- warning: 'Warning',
12777
- danger: 'Dander',
12778
- info: 'Info',
12779
- white: 'White',
12812
+ default: 'ノーマル / ブランド',
12813
+ general: 'ノーマル / ジェネラル',
12814
+ danger: 'ノーマル / アラート',
12815
+ white: 'ノーマル / ホワイト',
12816
+ default_outline: 'アウトライン / ブランド',
12817
+ general_outline: 'アウトライン / ジェネラル',
12818
+ danger_outline: 'アウトライン / アラート',
12819
+ default_text: 'テキスト / ブランド',
12820
+ general_text: 'テキスト / ジェネラル',
12821
+ danger_text: 'テキスト / アラート',
12822
+ };
12823
+ const BUTTON_VARIANT = {
12824
+ normal: 'ノーマル',
12825
+ outline: 'アウトライン',
12826
+ text: 'テキスト',
12780
12827
  };
12781
12828
  const BUTTON_ROUND = {
12782
12829
  default: 'デフォルト',
@@ -12802,7 +12849,7 @@ const buttonPropsDefault = {
12802
12849
 
12803
12850
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12804
12851
 
12805
- function create_fragment$P(ctx) {
12852
+ function create_fragment$S(ctx) {
12806
12853
  let svg;
12807
12854
  let path;
12808
12855
 
@@ -12845,7 +12892,7 @@ function create_fragment$P(ctx) {
12845
12892
  };
12846
12893
  }
12847
12894
 
12848
- function instance$P($$self, $$props, $$invalidate) {
12895
+ function instance$S($$self, $$props, $$invalidate) {
12849
12896
  let { color } = $$props;
12850
12897
 
12851
12898
  $$self.$$set = $$props => {
@@ -12858,13 +12905,13 @@ function instance$P($$self, $$props, $$invalidate) {
12858
12905
  class IconArrowDown extends SvelteComponent {
12859
12906
  constructor(options) {
12860
12907
  super();
12861
- init(this, options, instance$P, create_fragment$P, safe_not_equal, { color: 0 });
12908
+ init(this, options, instance$S, create_fragment$S, safe_not_equal, { color: 0 });
12862
12909
  }
12863
12910
  }
12864
12911
 
12865
12912
  /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
12866
12913
 
12867
- function create_fragment$O(ctx) {
12914
+ function create_fragment$R(ctx) {
12868
12915
  let svg;
12869
12916
  let path;
12870
12917
 
@@ -12907,7 +12954,7 @@ function create_fragment$O(ctx) {
12907
12954
  };
12908
12955
  }
12909
12956
 
12910
- function instance$O($$self, $$props, $$invalidate) {
12957
+ function instance$R($$self, $$props, $$invalidate) {
12911
12958
  let { color } = $$props;
12912
12959
 
12913
12960
  $$self.$$set = $$props => {
@@ -12920,13 +12967,13 @@ function instance$O($$self, $$props, $$invalidate) {
12920
12967
  class IconArrowUp extends SvelteComponent {
12921
12968
  constructor(options) {
12922
12969
  super();
12923
- init(this, options, instance$O, create_fragment$O, safe_not_equal, { color: 0 });
12970
+ init(this, options, instance$R, create_fragment$R, safe_not_equal, { color: 0 });
12924
12971
  }
12925
12972
  }
12926
12973
 
12927
12974
  /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12928
12975
 
12929
- function create_fragment$N(ctx) {
12976
+ function create_fragment$Q(ctx) {
12930
12977
  let svg;
12931
12978
  let path;
12932
12979
 
@@ -12969,7 +13016,7 @@ function create_fragment$N(ctx) {
12969
13016
  };
12970
13017
  }
12971
13018
 
12972
- function instance$N($$self, $$props, $$invalidate) {
13019
+ function instance$Q($$self, $$props, $$invalidate) {
12973
13020
  let { color } = $$props;
12974
13021
 
12975
13022
  $$self.$$set = $$props => {
@@ -12982,13 +13029,13 @@ function instance$N($$self, $$props, $$invalidate) {
12982
13029
  class IconUsers extends SvelteComponent {
12983
13030
  constructor(options) {
12984
13031
  super();
12985
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { color: 0 });
13032
+ init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { color: 0 });
12986
13033
  }
12987
13034
  }
12988
13035
 
12989
13036
  /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12990
13037
 
12991
- function create_fragment$M(ctx) {
13038
+ function create_fragment$P(ctx) {
12992
13039
  let svg;
12993
13040
  let path;
12994
13041
 
@@ -13031,7 +13078,7 @@ function create_fragment$M(ctx) {
13031
13078
  };
13032
13079
  }
13033
13080
 
13034
- function instance$M($$self, $$props, $$invalidate) {
13081
+ function instance$P($$self, $$props, $$invalidate) {
13035
13082
  let { color } = $$props;
13036
13083
 
13037
13084
  $$self.$$set = $$props => {
@@ -13044,13 +13091,13 @@ function instance$M($$self, $$props, $$invalidate) {
13044
13091
  class IconArrowLeft extends SvelteComponent {
13045
13092
  constructor(options) {
13046
13093
  super();
13047
- init(this, options, instance$M, create_fragment$M, safe_not_equal, { color: 0 });
13094
+ init(this, options, instance$P, create_fragment$P, safe_not_equal, { color: 0 });
13048
13095
  }
13049
13096
  }
13050
13097
 
13051
13098
  /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
13052
13099
 
13053
- function create_fragment$L(ctx) {
13100
+ function create_fragment$O(ctx) {
13054
13101
  let svg;
13055
13102
  let path;
13056
13103
 
@@ -13093,7 +13140,7 @@ function create_fragment$L(ctx) {
13093
13140
  };
13094
13141
  }
13095
13142
 
13096
- function instance$L($$self, $$props, $$invalidate) {
13143
+ function instance$O($$self, $$props, $$invalidate) {
13097
13144
  let { color } = $$props;
13098
13145
 
13099
13146
  $$self.$$set = $$props => {
@@ -13106,13 +13153,13 @@ function instance$L($$self, $$props, $$invalidate) {
13106
13153
  class IconArrowRight extends SvelteComponent {
13107
13154
  constructor(options) {
13108
13155
  super();
13109
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { color: 0 });
13156
+ init(this, options, instance$O, create_fragment$O, safe_not_equal, { color: 0 });
13110
13157
  }
13111
13158
  }
13112
13159
 
13113
13160
  /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
13114
13161
 
13115
- function create_fragment$K(ctx) {
13162
+ function create_fragment$N(ctx) {
13116
13163
  let svg;
13117
13164
  let path;
13118
13165
 
@@ -13155,7 +13202,7 @@ function create_fragment$K(ctx) {
13155
13202
  };
13156
13203
  }
13157
13204
 
13158
- function instance$K($$self, $$props, $$invalidate) {
13205
+ function instance$N($$self, $$props, $$invalidate) {
13159
13206
  let { color } = $$props;
13160
13207
 
13161
13208
  $$self.$$set = $$props => {
@@ -13168,13 +13215,13 @@ function instance$K($$self, $$props, $$invalidate) {
13168
13215
  class IconBell extends SvelteComponent {
13169
13216
  constructor(options) {
13170
13217
  super();
13171
- init(this, options, instance$K, create_fragment$K, safe_not_equal, { color: 0 });
13218
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { color: 0 });
13172
13219
  }
13173
13220
  }
13174
13221
 
13175
13222
  /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
13176
13223
 
13177
- function create_fragment$J(ctx) {
13224
+ function create_fragment$M(ctx) {
13178
13225
  let svg;
13179
13226
  let path;
13180
13227
 
@@ -13217,7 +13264,7 @@ function create_fragment$J(ctx) {
13217
13264
  };
13218
13265
  }
13219
13266
 
13220
- function instance$J($$self, $$props, $$invalidate) {
13267
+ function instance$M($$self, $$props, $$invalidate) {
13221
13268
  let { color } = $$props;
13222
13269
 
13223
13270
  $$self.$$set = $$props => {
@@ -13230,13 +13277,13 @@ function instance$J($$self, $$props, $$invalidate) {
13230
13277
  class IconArrowUpFromSquare extends SvelteComponent {
13231
13278
  constructor(options) {
13232
13279
  super();
13233
- init(this, options, instance$J, create_fragment$J, safe_not_equal, { color: 0 });
13280
+ init(this, options, instance$M, create_fragment$M, safe_not_equal, { color: 0 });
13234
13281
  }
13235
13282
  }
13236
13283
 
13237
13284
  /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
13238
13285
 
13239
- function create_fragment$I(ctx) {
13286
+ function create_fragment$L(ctx) {
13240
13287
  let svg;
13241
13288
  let path;
13242
13289
 
@@ -13279,7 +13326,7 @@ function create_fragment$I(ctx) {
13279
13326
  };
13280
13327
  }
13281
13328
 
13282
- function instance$I($$self, $$props, $$invalidate) {
13329
+ function instance$L($$self, $$props, $$invalidate) {
13283
13330
  let { color } = $$props;
13284
13331
 
13285
13332
  $$self.$$set = $$props => {
@@ -13292,13 +13339,13 @@ function instance$I($$self, $$props, $$invalidate) {
13292
13339
  class IconTicket extends SvelteComponent {
13293
13340
  constructor(options) {
13294
13341
  super();
13295
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { color: 0 });
13342
+ init(this, options, instance$L, create_fragment$L, safe_not_equal, { color: 0 });
13296
13343
  }
13297
13344
  }
13298
13345
 
13299
13346
  /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
13300
13347
 
13301
- function create_fragment$H(ctx) {
13348
+ function create_fragment$K(ctx) {
13302
13349
  let svg;
13303
13350
  let path;
13304
13351
 
@@ -13341,7 +13388,7 @@ function create_fragment$H(ctx) {
13341
13388
  };
13342
13389
  }
13343
13390
 
13344
- function instance$H($$self, $$props, $$invalidate) {
13391
+ function instance$K($$self, $$props, $$invalidate) {
13345
13392
  let { color } = $$props;
13346
13393
 
13347
13394
  $$self.$$set = $$props => {
@@ -13354,13 +13401,13 @@ function instance$H($$self, $$props, $$invalidate) {
13354
13401
  class IconTrack extends SvelteComponent {
13355
13402
  constructor(options) {
13356
13403
  super();
13357
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { color: 0 });
13404
+ init(this, options, instance$K, create_fragment$K, safe_not_equal, { color: 0 });
13358
13405
  }
13359
13406
  }
13360
13407
 
13361
13408
  /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
13362
13409
 
13363
- function create_fragment$G(ctx) {
13410
+ function create_fragment$J(ctx) {
13364
13411
  let svg;
13365
13412
  let path;
13366
13413
 
@@ -13403,7 +13450,7 @@ function create_fragment$G(ctx) {
13403
13450
  };
13404
13451
  }
13405
13452
 
13406
- function instance$G($$self, $$props, $$invalidate) {
13453
+ function instance$J($$self, $$props, $$invalidate) {
13407
13454
  let { color } = $$props;
13408
13455
 
13409
13456
  $$self.$$set = $$props => {
@@ -13416,13 +13463,13 @@ function instance$G($$self, $$props, $$invalidate) {
13416
13463
  class IconCartShopping extends SvelteComponent {
13417
13464
  constructor(options) {
13418
13465
  super();
13419
- init(this, options, instance$G, create_fragment$G, safe_not_equal, { color: 0 });
13466
+ init(this, options, instance$J, create_fragment$J, safe_not_equal, { color: 0 });
13420
13467
  }
13421
13468
  }
13422
13469
 
13423
13470
  /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
13424
13471
 
13425
- function create_fragment$F(ctx) {
13472
+ function create_fragment$I(ctx) {
13426
13473
  let svg;
13427
13474
  let path;
13428
13475
 
@@ -13465,7 +13512,7 @@ function create_fragment$F(ctx) {
13465
13512
  };
13466
13513
  }
13467
13514
 
13468
- function instance$F($$self, $$props, $$invalidate) {
13515
+ function instance$I($$self, $$props, $$invalidate) {
13469
13516
  let { color } = $$props;
13470
13517
 
13471
13518
  $$self.$$set = $$props => {
@@ -13478,13 +13525,13 @@ function instance$F($$self, $$props, $$invalidate) {
13478
13525
  class IconCircle extends SvelteComponent {
13479
13526
  constructor(options) {
13480
13527
  super();
13481
- init(this, options, instance$F, create_fragment$F, safe_not_equal, { color: 0 });
13528
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { color: 0 });
13482
13529
  }
13483
13530
  }
13484
13531
 
13485
13532
  /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
13486
13533
 
13487
- function create_fragment$E(ctx) {
13534
+ function create_fragment$H(ctx) {
13488
13535
  let svg;
13489
13536
  let path;
13490
13537
 
@@ -13527,7 +13574,7 @@ function create_fragment$E(ctx) {
13527
13574
  };
13528
13575
  }
13529
13576
 
13530
- function instance$E($$self, $$props, $$invalidate) {
13577
+ function instance$H($$self, $$props, $$invalidate) {
13531
13578
  let { color } = $$props;
13532
13579
 
13533
13580
  $$self.$$set = $$props => {
@@ -13540,13 +13587,13 @@ function instance$E($$self, $$props, $$invalidate) {
13540
13587
  class IconCircleQuestion extends SvelteComponent {
13541
13588
  constructor(options) {
13542
13589
  super();
13543
- init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
13590
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { color: 0 });
13544
13591
  }
13545
13592
  }
13546
13593
 
13547
13594
  /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
13548
13595
 
13549
- function create_fragment$D(ctx) {
13596
+ function create_fragment$G(ctx) {
13550
13597
  let svg;
13551
13598
  let path;
13552
13599
 
@@ -13589,7 +13636,7 @@ function create_fragment$D(ctx) {
13589
13636
  };
13590
13637
  }
13591
13638
 
13592
- function instance$D($$self, $$props, $$invalidate) {
13639
+ function instance$G($$self, $$props, $$invalidate) {
13593
13640
  let { color } = $$props;
13594
13641
 
13595
13642
  $$self.$$set = $$props => {
@@ -13602,13 +13649,13 @@ function instance$D($$self, $$props, $$invalidate) {
13602
13649
  class IconCheck extends SvelteComponent {
13603
13650
  constructor(options) {
13604
13651
  super();
13605
- init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
13652
+ init(this, options, instance$G, create_fragment$G, safe_not_equal, { color: 0 });
13606
13653
  }
13607
13654
  }
13608
13655
 
13609
13656
  /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
13610
13657
 
13611
- function create_fragment$C(ctx) {
13658
+ function create_fragment$F(ctx) {
13612
13659
  let svg;
13613
13660
  let path;
13614
13661
 
@@ -13651,7 +13698,7 @@ function create_fragment$C(ctx) {
13651
13698
  };
13652
13699
  }
13653
13700
 
13654
- function instance$C($$self, $$props, $$invalidate) {
13701
+ function instance$F($$self, $$props, $$invalidate) {
13655
13702
  let { color } = $$props;
13656
13703
 
13657
13704
  $$self.$$set = $$props => {
@@ -13664,13 +13711,13 @@ function instance$C($$self, $$props, $$invalidate) {
13664
13711
  class IconXMark extends SvelteComponent {
13665
13712
  constructor(options) {
13666
13713
  super();
13667
- init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
13714
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, { color: 0 });
13668
13715
  }
13669
13716
  }
13670
13717
 
13671
13718
  /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
13672
13719
 
13673
- function create_fragment$B(ctx) {
13720
+ function create_fragment$E(ctx) {
13674
13721
  let svg;
13675
13722
  let path;
13676
13723
 
@@ -13713,7 +13760,7 @@ function create_fragment$B(ctx) {
13713
13760
  };
13714
13761
  }
13715
13762
 
13716
- function instance$B($$self, $$props, $$invalidate) {
13763
+ function instance$E($$self, $$props, $$invalidate) {
13717
13764
  let { color } = $$props;
13718
13765
 
13719
13766
  $$self.$$set = $$props => {
@@ -13726,13 +13773,13 @@ function instance$B($$self, $$props, $$invalidate) {
13726
13773
  class IconPaperPlane extends SvelteComponent {
13727
13774
  constructor(options) {
13728
13775
  super();
13729
- init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
13776
+ init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
13730
13777
  }
13731
13778
  }
13732
13779
 
13733
13780
  /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
13734
13781
 
13735
- function create_fragment$A(ctx) {
13782
+ function create_fragment$D(ctx) {
13736
13783
  let svg;
13737
13784
  let path;
13738
13785
 
@@ -13775,7 +13822,7 @@ function create_fragment$A(ctx) {
13775
13822
  };
13776
13823
  }
13777
13824
 
13778
- function instance$A($$self, $$props, $$invalidate) {
13825
+ function instance$D($$self, $$props, $$invalidate) {
13779
13826
  let { color } = $$props;
13780
13827
 
13781
13828
  $$self.$$set = $$props => {
@@ -13788,13 +13835,13 @@ function instance$A($$self, $$props, $$invalidate) {
13788
13835
  class IconCopy extends SvelteComponent {
13789
13836
  constructor(options) {
13790
13837
  super();
13791
- init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
13838
+ init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
13792
13839
  }
13793
13840
  }
13794
13841
 
13795
13842
  /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
13796
13843
 
13797
- function create_fragment$z(ctx) {
13844
+ function create_fragment$C(ctx) {
13798
13845
  let svg;
13799
13846
  let path;
13800
13847
 
@@ -13837,7 +13884,7 @@ function create_fragment$z(ctx) {
13837
13884
  };
13838
13885
  }
13839
13886
 
13840
- function instance$z($$self, $$props, $$invalidate) {
13887
+ function instance$C($$self, $$props, $$invalidate) {
13841
13888
  let { color } = $$props;
13842
13889
 
13843
13890
  $$self.$$set = $$props => {
@@ -13850,13 +13897,13 @@ function instance$z($$self, $$props, $$invalidate) {
13850
13897
  class IconCircleXMark extends SvelteComponent {
13851
13898
  constructor(options) {
13852
13899
  super();
13853
- init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
13900
+ init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
13854
13901
  }
13855
13902
  }
13856
13903
 
13857
13904
  /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
13858
13905
 
13859
- function create_fragment$y(ctx) {
13906
+ function create_fragment$B(ctx) {
13860
13907
  let svg;
13861
13908
  let path;
13862
13909
 
@@ -13899,7 +13946,7 @@ function create_fragment$y(ctx) {
13899
13946
  };
13900
13947
  }
13901
13948
 
13902
- function instance$y($$self, $$props, $$invalidate) {
13949
+ function instance$B($$self, $$props, $$invalidate) {
13903
13950
  let { color } = $$props;
13904
13951
 
13905
13952
  $$self.$$set = $$props => {
@@ -13912,13 +13959,13 @@ function instance$y($$self, $$props, $$invalidate) {
13912
13959
  class IconHeart extends SvelteComponent {
13913
13960
  constructor(options) {
13914
13961
  super();
13915
- init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
13962
+ init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
13916
13963
  }
13917
13964
  }
13918
13965
 
13919
13966
  /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13920
13967
 
13921
- function create_fragment$x(ctx) {
13968
+ function create_fragment$A(ctx) {
13922
13969
  let svg;
13923
13970
  let path;
13924
13971
 
@@ -13961,7 +14008,7 @@ function create_fragment$x(ctx) {
13961
14008
  };
13962
14009
  }
13963
14010
 
13964
- function instance$x($$self, $$props, $$invalidate) {
14011
+ function instance$A($$self, $$props, $$invalidate) {
13965
14012
  let { color } = $$props;
13966
14013
 
13967
14014
  $$self.$$set = $$props => {
@@ -13974,13 +14021,13 @@ function instance$x($$self, $$props, $$invalidate) {
13974
14021
  class IconMagnifyingGrass extends SvelteComponent {
13975
14022
  constructor(options) {
13976
14023
  super();
13977
- init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
14024
+ init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
13978
14025
  }
13979
14026
  }
13980
14027
 
13981
14028
  /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13982
14029
 
13983
- function create_fragment$w(ctx) {
14030
+ function create_fragment$z(ctx) {
13984
14031
  let svg;
13985
14032
  let path;
13986
14033
 
@@ -14023,7 +14070,7 @@ function create_fragment$w(ctx) {
14023
14070
  };
14024
14071
  }
14025
14072
 
14026
- function instance$w($$self, $$props, $$invalidate) {
14073
+ function instance$z($$self, $$props, $$invalidate) {
14027
14074
  let { color } = $$props;
14028
14075
 
14029
14076
  $$self.$$set = $$props => {
@@ -14036,13 +14083,13 @@ function instance$w($$self, $$props, $$invalidate) {
14036
14083
  class IconStar extends SvelteComponent {
14037
14084
  constructor(options) {
14038
14085
  super();
14039
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
14086
+ init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
14040
14087
  }
14041
14088
  }
14042
14089
 
14043
14090
  /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
14044
14091
 
14045
- function create_fragment$v(ctx) {
14092
+ function create_fragment$y(ctx) {
14046
14093
  let svg;
14047
14094
  let path;
14048
14095
 
@@ -14085,7 +14132,7 @@ function create_fragment$v(ctx) {
14085
14132
  };
14086
14133
  }
14087
14134
 
14088
- function instance$v($$self, $$props, $$invalidate) {
14135
+ function instance$y($$self, $$props, $$invalidate) {
14089
14136
  let { color } = $$props;
14090
14137
 
14091
14138
  $$self.$$set = $$props => {
@@ -14098,13 +14145,13 @@ function instance$v($$self, $$props, $$invalidate) {
14098
14145
  class IconCircleInfo extends SvelteComponent {
14099
14146
  constructor(options) {
14100
14147
  super();
14101
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
14148
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
14102
14149
  }
14103
14150
  }
14104
14151
 
14105
14152
  /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
14106
14153
 
14107
- function create_fragment$u(ctx) {
14154
+ function create_fragment$x(ctx) {
14108
14155
  let svg;
14109
14156
  let path;
14110
14157
 
@@ -14147,7 +14194,7 @@ function create_fragment$u(ctx) {
14147
14194
  };
14148
14195
  }
14149
14196
 
14150
- function instance$u($$self, $$props, $$invalidate) {
14197
+ function instance$x($$self, $$props, $$invalidate) {
14151
14198
  let { color } = $$props;
14152
14199
 
14153
14200
  $$self.$$set = $$props => {
@@ -14160,13 +14207,13 @@ function instance$u($$self, $$props, $$invalidate) {
14160
14207
  class IconEnvelope extends SvelteComponent {
14161
14208
  constructor(options) {
14162
14209
  super();
14163
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
14210
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
14164
14211
  }
14165
14212
  }
14166
14213
 
14167
14214
  /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
14168
14215
 
14169
- function create_fragment$t(ctx) {
14216
+ function create_fragment$w(ctx) {
14170
14217
  let svg;
14171
14218
  let path;
14172
14219
 
@@ -14209,7 +14256,7 @@ function create_fragment$t(ctx) {
14209
14256
  };
14210
14257
  }
14211
14258
 
14212
- function instance$t($$self, $$props, $$invalidate) {
14259
+ function instance$w($$self, $$props, $$invalidate) {
14213
14260
  let { color } = $$props;
14214
14261
 
14215
14262
  $$self.$$set = $$props => {
@@ -14222,13 +14269,13 @@ function instance$t($$self, $$props, $$invalidate) {
14222
14269
  class IconGift extends SvelteComponent {
14223
14270
  constructor(options) {
14224
14271
  super();
14225
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
14272
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
14226
14273
  }
14227
14274
  }
14228
14275
 
14229
14276
  /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
14230
14277
 
14231
- function create_fragment$s(ctx) {
14278
+ function create_fragment$v(ctx) {
14232
14279
  let svg;
14233
14280
  let path;
14234
14281
 
@@ -14277,7 +14324,7 @@ function create_fragment$s(ctx) {
14277
14324
  };
14278
14325
  }
14279
14326
 
14280
- function instance$s($$self, $$props, $$invalidate) {
14327
+ function instance$v($$self, $$props, $$invalidate) {
14281
14328
  let { color } = $$props;
14282
14329
 
14283
14330
  $$self.$$set = $$props => {
@@ -14290,13 +14337,13 @@ function instance$s($$self, $$props, $$invalidate) {
14290
14337
  class IconPaperclip extends SvelteComponent {
14291
14338
  constructor(options) {
14292
14339
  super();
14293
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
14340
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
14294
14341
  }
14295
14342
  }
14296
14343
 
14297
14344
  /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
14298
14345
 
14299
- function create_fragment$r(ctx) {
14346
+ function create_fragment$u(ctx) {
14300
14347
  let svg;
14301
14348
  let path;
14302
14349
 
@@ -14345,7 +14392,7 @@ function create_fragment$r(ctx) {
14345
14392
  };
14346
14393
  }
14347
14394
 
14348
- function instance$r($$self, $$props, $$invalidate) {
14395
+ function instance$u($$self, $$props, $$invalidate) {
14349
14396
  let { color } = $$props;
14350
14397
 
14351
14398
  $$self.$$set = $$props => {
@@ -14358,13 +14405,13 @@ function instance$r($$self, $$props, $$invalidate) {
14358
14405
  class IconFire extends SvelteComponent {
14359
14406
  constructor(options) {
14360
14407
  super();
14361
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
14408
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
14362
14409
  }
14363
14410
  }
14364
14411
 
14365
14412
  /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
14366
14413
 
14367
- function create_fragment$q(ctx) {
14414
+ function create_fragment$t(ctx) {
14368
14415
  let svg;
14369
14416
  let path;
14370
14417
 
@@ -14413,7 +14460,7 @@ function create_fragment$q(ctx) {
14413
14460
  };
14414
14461
  }
14415
14462
 
14416
- function instance$q($$self, $$props, $$invalidate) {
14463
+ function instance$t($$self, $$props, $$invalidate) {
14417
14464
  let { color } = $$props;
14418
14465
 
14419
14466
  $$self.$$set = $$props => {
@@ -14426,13 +14473,13 @@ function instance$q($$self, $$props, $$invalidate) {
14426
14473
  class IconLink extends SvelteComponent {
14427
14474
  constructor(options) {
14428
14475
  super();
14429
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
14476
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
14430
14477
  }
14431
14478
  }
14432
14479
 
14433
14480
  /* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
14434
14481
 
14435
- function create_fragment$p(ctx) {
14482
+ function create_fragment$s(ctx) {
14436
14483
  let svg;
14437
14484
  let path;
14438
14485
 
@@ -14475,7 +14522,7 @@ function create_fragment$p(ctx) {
14475
14522
  };
14476
14523
  }
14477
14524
 
14478
- function instance$p($$self, $$props, $$invalidate) {
14525
+ function instance$s($$self, $$props, $$invalidate) {
14479
14526
  let { color } = $$props;
14480
14527
 
14481
14528
  $$self.$$set = $$props => {
@@ -14488,13 +14535,13 @@ function instance$p($$self, $$props, $$invalidate) {
14488
14535
  class IconBuildings extends SvelteComponent {
14489
14536
  constructor(options) {
14490
14537
  super();
14491
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
14538
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
14492
14539
  }
14493
14540
  }
14494
14541
 
14495
14542
  /* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
14496
14543
 
14497
- function create_fragment$o(ctx) {
14544
+ function create_fragment$r(ctx) {
14498
14545
  let svg;
14499
14546
  let path;
14500
14547
 
@@ -14537,7 +14584,7 @@ function create_fragment$o(ctx) {
14537
14584
  };
14538
14585
  }
14539
14586
 
14540
- function instance$o($$self, $$props, $$invalidate) {
14587
+ function instance$r($$self, $$props, $$invalidate) {
14541
14588
  let { color } = $$props;
14542
14589
 
14543
14590
  $$self.$$set = $$props => {
@@ -14550,13 +14597,13 @@ function instance$o($$self, $$props, $$invalidate) {
14550
14597
  class IconChevronsRight extends SvelteComponent {
14551
14598
  constructor(options) {
14552
14599
  super();
14553
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
14600
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
14554
14601
  }
14555
14602
  }
14556
14603
 
14557
14604
  /* src/components-flex/icon/variants/IconChevronRight.svelte generated by Svelte v3.53.1 */
14558
14605
 
14559
- function create_fragment$n(ctx) {
14606
+ function create_fragment$q(ctx) {
14560
14607
  let svg;
14561
14608
  let path;
14562
14609
 
@@ -14599,7 +14646,7 @@ function create_fragment$n(ctx) {
14599
14646
  };
14600
14647
  }
14601
14648
 
14602
- function instance$n($$self, $$props, $$invalidate) {
14649
+ function instance$q($$self, $$props, $$invalidate) {
14603
14650
  let { color } = $$props;
14604
14651
 
14605
14652
  $$self.$$set = $$props => {
@@ -14612,13 +14659,13 @@ function instance$n($$self, $$props, $$invalidate) {
14612
14659
  class IconChevronRight extends SvelteComponent {
14613
14660
  constructor(options) {
14614
14661
  super();
14615
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
14662
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
14616
14663
  }
14617
14664
  }
14618
14665
 
14619
14666
  /* src/components-flex/icon/variants/IconPhone.svelte generated by Svelte v3.53.1 */
14620
14667
 
14621
- function create_fragment$m(ctx) {
14668
+ function create_fragment$p(ctx) {
14622
14669
  let svg;
14623
14670
  let path;
14624
14671
 
@@ -14661,7 +14708,7 @@ function create_fragment$m(ctx) {
14661
14708
  };
14662
14709
  }
14663
14710
 
14664
- function instance$m($$self, $$props, $$invalidate) {
14711
+ function instance$p($$self, $$props, $$invalidate) {
14665
14712
  let { color } = $$props;
14666
14713
 
14667
14714
  $$self.$$set = $$props => {
@@ -14674,13 +14721,13 @@ function instance$m($$self, $$props, $$invalidate) {
14674
14721
  class IconPhone extends SvelteComponent {
14675
14722
  constructor(options) {
14676
14723
  super();
14677
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
14724
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
14678
14725
  }
14679
14726
  }
14680
14727
 
14681
14728
  /* src/components-flex/icon/variants/IconLocationDot.svelte generated by Svelte v3.53.1 */
14682
14729
 
14683
- function create_fragment$l(ctx) {
14730
+ function create_fragment$o(ctx) {
14684
14731
  let svg;
14685
14732
  let path;
14686
14733
 
@@ -14723,7 +14770,7 @@ function create_fragment$l(ctx) {
14723
14770
  };
14724
14771
  }
14725
14772
 
14726
- function instance$l($$self, $$props, $$invalidate) {
14773
+ function instance$o($$self, $$props, $$invalidate) {
14727
14774
  let { color } = $$props;
14728
14775
 
14729
14776
  $$self.$$set = $$props => {
@@ -14736,7 +14783,7 @@ function instance$l($$self, $$props, $$invalidate) {
14736
14783
  class IconLocationDot extends SvelteComponent {
14737
14784
  constructor(options) {
14738
14785
  super();
14739
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
14786
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
14740
14787
  }
14741
14788
  }
14742
14789
 
@@ -14807,7 +14854,7 @@ const ICON_VARIANTS = {
14807
14854
 
14808
14855
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
14809
14856
 
14810
- function add_css$j(target) {
14857
+ function add_css$l(target) {
14811
14858
  append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
14812
14859
  }
14813
14860
 
@@ -14943,7 +14990,7 @@ function create_dynamic_element$a(ctx) {
14943
14990
  };
14944
14991
  }
14945
14992
 
14946
- function create_fragment$k(ctx) {
14993
+ function create_fragment$n(ctx) {
14947
14994
  let previous_tag = /*element*/ ctx[5];
14948
14995
  let svelte_element_anchor;
14949
14996
  let svelte_element = /*element*/ ctx[5] && create_dynamic_element$a(ctx);
@@ -14993,7 +15040,7 @@ function create_fragment$k(ctx) {
14993
15040
  };
14994
15041
  }
14995
15042
 
14996
- function instance$k($$self, $$props, $$invalidate) {
15043
+ function instance$n($$self, $$props, $$invalidate) {
14997
15044
  let style;
14998
15045
  let IconComponent;
14999
15046
  let { props = {} } = $$props;
@@ -15036,7 +15083,7 @@ function instance$k($$self, $$props, $$invalidate) {
15036
15083
  class Icon extends SvelteComponent {
15037
15084
  constructor(options) {
15038
15085
  super();
15039
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { props: 0, layerId: 1 }, add_css$j);
15086
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { props: 0, layerId: 1 }, add_css$l);
15040
15087
  }
15041
15088
  }
15042
15089
 
@@ -15049,34 +15096,71 @@ const getPropStyles = (callback) => {
15049
15096
 
15050
15097
  const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
15051
15098
  default: {
15099
+ variant: 'normal',
15052
15100
  backgroundColor: brandKit.color_brand,
15053
15101
  color: '#FFFFFF',
15054
15102
  },
15055
15103
  general: {
15104
+ variant: 'normal',
15056
15105
  backgroundColor: '#e8e8e8',
15057
15106
  color: 'rgba(0, 16, 14, 0.7)',
15058
15107
  },
15059
- success: {
15060
- backgroundColor: brandKit.color_success,
15061
- color: '#ffffff',
15062
- },
15063
- warning: {
15064
- backgroundColor: brandKit.color_warning,
15065
- color: '#ffffff',
15066
- },
15108
+ // success: {
15109
+ // backgroundColor: brandKit.color_success,
15110
+ // color: '#ffffff',
15111
+ // },
15112
+ // warning: {
15113
+ // backgroundColor: brandKit.color_warning,
15114
+ // color: '#ffffff',
15115
+ // },
15067
15116
  danger: {
15117
+ variant: 'normal',
15068
15118
  backgroundColor: brandKit.color_danger,
15069
15119
  color: '#FFFFFF',
15070
15120
  },
15071
- info: {
15072
- backgroundColor: brandKit.color_info,
15073
- color: '#FFFFFF',
15074
- },
15121
+ // info: {
15122
+ // backgroundColor: brandKit.color_info,
15123
+ // color: '#FFFFFF',
15124
+ // },
15075
15125
  white: {
15126
+ variant: 'normal',
15076
15127
  backgroundColor: '#FFFFFF',
15077
15128
  color: brandKit.color_text_primary,
15078
15129
  },
15079
- }));
15130
+ default_outline: {
15131
+ variant: 'outline',
15132
+ color: brandKit.color_brand,
15133
+ borderColor: brandKit.color_brand,
15134
+ backgroundColor: 'rgba(255, 255, 255, 0)',
15135
+ },
15136
+ general_outline: {
15137
+ variant: 'outline',
15138
+ color: brandKit.color_text_secondary,
15139
+ borderColor: brandKit.color_text_secondary,
15140
+ backgroundColor: 'rgba(255, 255, 255, 0)',
15141
+ },
15142
+ danger_outline: {
15143
+ variant: 'outline',
15144
+ color: brandKit.color_danger,
15145
+ borderColor: brandKit.color_danger,
15146
+ backgroundColor: 'rgba(255, 255, 255, 0)',
15147
+ },
15148
+ default_text: {
15149
+ variant: 'text',
15150
+ backgroundColor: 'rgba(255, 255, 255, 0)',
15151
+ color: brandKit.color_brand,
15152
+ },
15153
+ general_text: {
15154
+ variant: 'text',
15155
+ backgroundColor: 'rgba(255, 255, 255, 0)',
15156
+ color: brandKit.color_text_primary,
15157
+ },
15158
+ danger_text: {
15159
+ variant: 'text',
15160
+ backgroundColor: 'rgba(255, 255, 255, 0)',
15161
+ color: brandKit.color_danger,
15162
+ },
15163
+ }));
15080
15164
  const BUTTON_SIZE_STYLES = {
15081
15165
  extra_small: {
15082
15166
  height: '32px',
@@ -15109,38 +15193,6 @@ const BUTTON_SIZE_STYLES = {
15109
15193
  fontSize: '16px',
15110
15194
  },
15111
15195
  };
15112
- const BUTTON_THEME_STYLES = () => {
15113
- return {
15114
- default: {
15115
- backgroundColor: getBrandKit().color_brand,
15116
- color: '#FFFFFF',
15117
- },
15118
- general: {
15119
- backgroundColor: '#e8e8e8',
15120
- color: 'rgba(0, 16, 14, 0.7)',
15121
- },
15122
- success: {
15123
- backgroundColor: getBrandKit().color_success,
15124
- color: '#ffffff',
15125
- },
15126
- warning: {
15127
- backgroundColor: getBrandKit().color_warning,
15128
- color: '#ffffff',
15129
- },
15130
- danger: {
15131
- backgroundColor: getBrandKit().color_danger,
15132
- color: '#FFFFFF',
15133
- },
15134
- info: {
15135
- backgroundColor: getBrandKit().color_info,
15136
- color: '#FFFFFF',
15137
- },
15138
- white: {
15139
- backgroundColor: '#FFFFFF',
15140
- color: getBrandKit().color_text_primary,
15141
- },
15142
- };
15143
- };
15144
15196
  const BUTTON_ROUND_STYLES = {
15145
15197
  none: {
15146
15198
  borderRadius: 0,
@@ -15209,11 +15261,11 @@ function darkenColor(color, percent) {
15209
15261
 
15210
15262
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
15211
15263
 
15212
- function add_css$i(target) {
15213
- 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}");
15264
+ function add_css$k(target) {
15265
+ 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}");
15214
15266
  }
15215
15267
 
15216
- // (52:2) {#if props.isIcon && props.iconVariant}
15268
+ // (86:2) {#if props.isIcon && props.iconVariant}
15217
15269
  function create_if_block$7(ctx) {
15218
15270
  let div;
15219
15271
  let icon;
@@ -15244,7 +15296,7 @@ function create_if_block$7(ctx) {
15244
15296
  this.h();
15245
15297
  },
15246
15298
  h() {
15247
- attr(div, "class", "button-icon svelte-1hls9tk");
15299
+ attr(div, "class", "button-icon svelte-brd6e9");
15248
15300
  },
15249
15301
  m(target, anchor) {
15250
15302
  insert_hydration(target, div, anchor);
@@ -15279,7 +15331,7 @@ function create_if_block$7(ctx) {
15279
15331
  };
15280
15332
  }
15281
15333
 
15282
- // (44:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
15334
+ // (77:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} data-variant={variant} on:click={handleClick} >
15283
15335
  function create_dynamic_element$9(ctx) {
15284
15336
  let svelte_element;
15285
15337
  let t0;
@@ -15295,7 +15347,8 @@ function create_dynamic_element$9(ctx) {
15295
15347
  /*attributes*/ ctx[3],
15296
15348
  { class: "button" },
15297
15349
  { style: /*style*/ ctx[2] },
15298
- { "data-layer-id": /*layerId*/ ctx[1] }
15350
+ { "data-layer-id": /*layerId*/ ctx[1] },
15351
+ { "data-variant": /*variant*/ ctx[7] }
15299
15352
  ];
15300
15353
 
15301
15354
  let svelte_element_data = {};
@@ -15317,7 +15370,8 @@ function create_dynamic_element$9(ctx) {
15317
15370
  svelte_element = claim_element(nodes, (/*element*/ ctx[4] || 'null').toUpperCase(), {
15318
15371
  class: true,
15319
15372
  style: true,
15320
- "data-layer-id": true
15373
+ "data-layer-id": true,
15374
+ "data-variant": true
15321
15375
  });
15322
15376
 
15323
15377
  var svelte_element_nodes = children(svelte_element);
@@ -15331,7 +15385,7 @@ function create_dynamic_element$9(ctx) {
15331
15385
  this.h();
15332
15386
  },
15333
15387
  h() {
15334
- attr(span, "class", "button-label svelte-1hls9tk");
15388
+ attr(span, "class", "button-label");
15335
15389
 
15336
15390
  if ((/-/).test(/*element*/ ctx[4])) {
15337
15391
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15339,7 +15393,7 @@ function create_dynamic_element$9(ctx) {
15339
15393
  set_attributes(svelte_element, svelte_element_data);
15340
15394
  }
15341
15395
 
15342
- toggle_class(svelte_element, "svelte-1hls9tk", true);
15396
+ toggle_class(svelte_element, "svelte-brd6e9", true);
15343
15397
  },
15344
15398
  m(target, anchor) {
15345
15399
  insert_hydration(target, svelte_element, anchor);
@@ -15384,7 +15438,8 @@ function create_dynamic_element$9(ctx) {
15384
15438
  /*attributes*/ ctx[3],
15385
15439
  { class: "button" },
15386
15440
  (!current || dirty & /*style*/ 4) && { style: /*style*/ ctx[2] },
15387
- (!current || dirty & /*layerId*/ 2) && { "data-layer-id": /*layerId*/ ctx[1] }
15441
+ (!current || dirty & /*layerId*/ 2) && { "data-layer-id": /*layerId*/ ctx[1] },
15442
+ { "data-variant": /*variant*/ ctx[7] }
15388
15443
  ]);
15389
15444
 
15390
15445
  if ((/-/).test(/*element*/ ctx[4])) {
@@ -15393,7 +15448,7 @@ function create_dynamic_element$9(ctx) {
15393
15448
  set_attributes(svelte_element, svelte_element_data);
15394
15449
  }
15395
15450
 
15396
- toggle_class(svelte_element, "svelte-1hls9tk", true);
15451
+ toggle_class(svelte_element, "svelte-brd6e9", true);
15397
15452
  },
15398
15453
  i(local) {
15399
15454
  if (current) return;
@@ -15413,7 +15468,7 @@ function create_dynamic_element$9(ctx) {
15413
15468
  };
15414
15469
  }
15415
15470
 
15416
- function create_fragment$j(ctx) {
15471
+ function create_fragment$m(ctx) {
15417
15472
  let previous_tag = /*element*/ ctx[4];
15418
15473
  let svelte_element_anchor;
15419
15474
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$9(ctx);
@@ -15463,7 +15518,7 @@ function create_fragment$j(ctx) {
15463
15518
  };
15464
15519
  }
15465
15520
 
15466
- function instance$j($$self, $$props, $$invalidate) {
15521
+ function instance$m($$self, $$props, $$invalidate) {
15467
15522
  let variables;
15468
15523
  let style;
15469
15524
  let { props = {} } = $$props;
@@ -15473,6 +15528,16 @@ function instance$j($$self, $$props, $$invalidate) {
15473
15528
  const { brandKit } = useBrandKit();
15474
15529
  const buttonThemeStyles = getButtonThemeStyles(brandKit);
15475
15530
  const buttonThemeStyle = buttonThemeStyles[props.theme] || buttonThemeStyles[buttonPropsDefault.theme];
15531
+
15532
+ const variant = (() => {
15533
+ switch (props.variant ?? buttonThemeStyle?.variant) {
15534
+ case 'outline':
15535
+ return 'outline';
15536
+ case 'text':
15537
+ return 'text';
15538
+ }
15539
+ })();
15540
+
15476
15541
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
15477
15542
 
15478
15543
  $$self.$$set = $$props => {
@@ -15482,16 +15547,39 @@ function instance$j($$self, $$props, $$invalidate) {
15482
15547
 
15483
15548
  $$self.$$.update = () => {
15484
15549
  if ($$self.$$.dirty & /*props*/ 1) {
15485
- $$invalidate(7, variables = {
15486
- '--bg-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
15487
- '--hover-bg-color': darkenColor(props.backgroundColor ?? buttonThemeStyle.backgroundColor, 0.16)
15488
- });
15550
+ $$invalidate(8, variables = (() => {
15551
+ switch (variant) {
15552
+ case "outline":
15553
+ return {
15554
+ '--color': props.color ?? buttonThemeStyle.color,
15555
+ '--border-color': props.borderColor ?? props.color ?? buttonThemeStyle.borderColor,
15556
+ '--bg-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
15557
+ '--hover-border-color': props.borderColor ?? props.color ?? buttonThemeStyle.borderColor,
15558
+ '--hover-bg-color': '#f3f4f6'
15559
+ };
15560
+ case 'text':
15561
+ return {
15562
+ '--color': props.color ?? buttonThemeStyle.color,
15563
+ '--border-color': 'rgba(255,255,255,0)',
15564
+ '--bg-color': 'rgba(255,255,255,0)',
15565
+ '--hover-border-color': '#f3f4f6',
15566
+ '--hover-bg-color': '#f3f4f6'
15567
+ };
15568
+ default:
15569
+ return {
15570
+ '--color': props.color ?? buttonThemeStyle.color,
15571
+ '--border-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
15572
+ '--bg-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
15573
+ '--hover-border-color': darkenColor(props.backgroundColor ?? buttonThemeStyle.backgroundColor, 0.16),
15574
+ '--hover-bg-color': darkenColor(props.backgroundColor ?? buttonThemeStyle.backgroundColor, 0.16)
15575
+ };
15576
+ }
15577
+ })());
15489
15578
  }
15490
15579
 
15491
- if ($$self.$$.dirty & /*props, variables*/ 129) {
15580
+ if ($$self.$$.dirty & /*props, variables*/ 257) {
15492
15581
  $$invalidate(2, style = objToStyle({
15493
15582
  width: props.width,
15494
- color: props.color ?? buttonThemeStyle.color,
15495
15583
  fontWeight: props.fontWeight ?? 'bold',
15496
15584
  ...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
15497
15585
  ...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
@@ -15518,6 +15606,7 @@ function instance$j($$self, $$props, $$invalidate) {
15518
15606
  element,
15519
15607
  handleClick,
15520
15608
  buttonThemeStyle,
15609
+ variant,
15521
15610
  variables
15522
15611
  ];
15523
15612
  }
@@ -15525,7 +15614,7 @@ function instance$j($$self, $$props, $$invalidate) {
15525
15614
  class Button extends SvelteComponent {
15526
15615
  constructor(options) {
15527
15616
  super();
15528
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { props: 0, layerId: 1 }, add_css$i);
15617
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { props: 0, layerId: 1 }, add_css$k);
15529
15618
  }
15530
15619
  }
15531
15620
 
@@ -15629,7 +15718,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
15629
15718
 
15630
15719
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
15631
15720
 
15632
- function add_css$h(target) {
15721
+ function add_css$j(target) {
15633
15722
  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}");
15634
15723
  }
15635
15724
 
@@ -15833,7 +15922,7 @@ function create_dynamic_element$8(ctx) {
15833
15922
  };
15834
15923
  }
15835
15924
 
15836
- function create_fragment$i(ctx) {
15925
+ function create_fragment$l(ctx) {
15837
15926
  let previous_tag = /*element*/ ctx[4];
15838
15927
  let svelte_element_anchor;
15839
15928
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$8(ctx);
@@ -15883,7 +15972,7 @@ function create_fragment$i(ctx) {
15883
15972
  };
15884
15973
  }
15885
15974
 
15886
- function instance$i($$self, $$props, $$invalidate) {
15975
+ function instance$l($$self, $$props, $$invalidate) {
15887
15976
  let variables;
15888
15977
  let style;
15889
15978
  let { props = {} } = $$props;
@@ -15946,7 +16035,7 @@ function instance$i($$self, $$props, $$invalidate) {
15946
16035
  class ButtonOutlined extends SvelteComponent {
15947
16036
  constructor(options) {
15948
16037
  super();
15949
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { props: 0, layerId: 1 }, add_css$h);
16038
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { props: 0, layerId: 1 }, add_css$j);
15950
16039
  }
15951
16040
  }
15952
16041
 
@@ -16007,7 +16096,7 @@ const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
16007
16096
 
16008
16097
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
16009
16098
 
16010
- function add_css$g(target) {
16099
+ function add_css$i(target) {
16011
16100
  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}");
16012
16101
  }
16013
16102
 
@@ -16211,7 +16300,7 @@ function create_dynamic_element$7(ctx) {
16211
16300
  };
16212
16301
  }
16213
16302
 
16214
- function create_fragment$h(ctx) {
16303
+ function create_fragment$k(ctx) {
16215
16304
  let previous_tag = /*element*/ ctx[4];
16216
16305
  let svelte_element_anchor;
16217
16306
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$7(ctx);
@@ -16261,7 +16350,7 @@ function create_fragment$h(ctx) {
16261
16350
  };
16262
16351
  }
16263
16352
 
16264
- function instance$h($$self, $$props, $$invalidate) {
16353
+ function instance$k($$self, $$props, $$invalidate) {
16265
16354
  let variables;
16266
16355
  let style;
16267
16356
  let { props = {} } = $$props;
@@ -16320,7 +16409,7 @@ function instance$h($$self, $$props, $$invalidate) {
16320
16409
  class ButtonText extends SvelteComponent {
16321
16410
  constructor(options) {
16322
16411
  super();
16323
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 0, layerId: 1 }, add_css$g);
16412
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { props: 0, layerId: 1 }, add_css$i);
16324
16413
  }
16325
16414
  }
16326
16415
 
@@ -16358,7 +16447,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
16358
16447
 
16359
16448
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
16360
16449
 
16361
- function add_css$f(target) {
16450
+ function add_css$h(target) {
16362
16451
  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}");
16363
16452
  }
16364
16453
 
@@ -16543,7 +16632,7 @@ function create_dynamic_element$6(ctx) {
16543
16632
  };
16544
16633
  }
16545
16634
 
16546
- function create_fragment$g(ctx) {
16635
+ function create_fragment$j(ctx) {
16547
16636
  let previous_tag = /*element*/ ctx[6];
16548
16637
  let svelte_element_anchor;
16549
16638
  let svelte_element = /*element*/ ctx[6] && create_dynamic_element$6(ctx);
@@ -16591,7 +16680,7 @@ function create_fragment$g(ctx) {
16591
16680
  };
16592
16681
  }
16593
16682
 
16594
- function instance$g($$self, $$props, $$invalidate) {
16683
+ function instance$j($$self, $$props, $$invalidate) {
16595
16684
  let hasLabel;
16596
16685
  let style;
16597
16686
  let labelStyle;
@@ -16688,8 +16777,8 @@ class CloseButton extends SvelteComponent {
16688
16777
  init(
16689
16778
  this,
16690
16779
  options,
16691
- instance$g,
16692
- create_fragment$g,
16780
+ instance$j,
16781
+ create_fragment$j,
16693
16782
  safe_not_equal,
16694
16783
  {
16695
16784
  props: 11,
@@ -16697,7 +16786,7 @@ class CloseButton extends SvelteComponent {
16697
16786
  eventName: 12,
16698
16787
  eventValue: 13
16699
16788
  },
16700
- add_css$f
16789
+ add_css$h
16701
16790
  );
16702
16791
  }
16703
16792
  }
@@ -16735,7 +16824,7 @@ const ICON_SIZE_STYLES = {
16735
16824
 
16736
16825
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
16737
16826
 
16738
- function add_css$e(target) {
16827
+ function add_css$g(target) {
16739
16828
  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}");
16740
16829
  }
16741
16830
 
@@ -16833,7 +16922,7 @@ function create_dynamic_element$5(ctx) {
16833
16922
  };
16834
16923
  }
16835
16924
 
16836
- function create_fragment$f(ctx) {
16925
+ function create_fragment$i(ctx) {
16837
16926
  let previous_tag = /*element*/ ctx[4];
16838
16927
  let svelte_element_anchor;
16839
16928
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$5(ctx);
@@ -16881,7 +16970,7 @@ function create_fragment$f(ctx) {
16881
16970
  };
16882
16971
  }
16883
16972
 
16884
- function instance$f($$self, $$props, $$invalidate) {
16973
+ function instance$i($$self, $$props, $$invalidate) {
16885
16974
  let style;
16886
16975
  let { props = {} } = $$props;
16887
16976
  let { layerId = '' } = $$props;
@@ -16921,7 +17010,7 @@ function instance$f($$self, $$props, $$invalidate) {
16921
17010
  class Image extends SvelteComponent {
16922
17011
  constructor(options) {
16923
17012
  super();
16924
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { props: 0, layerId: 1 }, add_css$e);
17013
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { props: 0, layerId: 1 }, add_css$g);
16925
17014
  }
16926
17015
  }
16927
17016
 
@@ -16945,7 +17034,7 @@ const IMAGE_ASPECT_VARIANTS = {
16945
17034
 
16946
17035
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
16947
17036
 
16948
- function add_css$d(target) {
17037
+ function add_css$f(target) {
16949
17038
  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}");
16950
17039
  }
16951
17040
 
@@ -17061,7 +17150,7 @@ function create_dynamic_element$4(ctx) {
17061
17150
  };
17062
17151
  }
17063
17152
 
17064
- function create_fragment$e(ctx) {
17153
+ function create_fragment$h(ctx) {
17065
17154
  let previous_tag = "div";
17066
17155
  let svelte_element_anchor;
17067
17156
  let current;
@@ -17115,7 +17204,7 @@ function create_fragment$e(ctx) {
17115
17204
  };
17116
17205
  }
17117
17206
 
17118
- function instance$e($$self, $$props, $$invalidate) {
17207
+ function instance$h($$self, $$props, $$invalidate) {
17119
17208
  let style;
17120
17209
  let { $$slots: slots = {}, $$scope } = $$props;
17121
17210
  let { props = {} } = $$props;
@@ -17157,7 +17246,7 @@ function instance$e($$self, $$props, $$invalidate) {
17157
17246
  class Layout extends SvelteComponent {
17158
17247
  constructor(options) {
17159
17248
  super();
17160
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { props: 4, layerId: 0 }, add_css$d);
17249
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 4, layerId: 0 }, add_css$f);
17161
17250
  }
17162
17251
  }
17163
17252
 
@@ -17168,7 +17257,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
17168
17257
 
17169
17258
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
17170
17259
 
17171
- function add_css$c(target) {
17260
+ function add_css$e(target) {
17172
17261
  append_styles(target, "svelte-1k4xkut", ".slider-list.svelte-1k4xkut{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
17173
17262
  }
17174
17263
 
@@ -17179,7 +17268,7 @@ function get_each_context$1(ctx, list, i) {
17179
17268
  return child_ctx;
17180
17269
  }
17181
17270
 
17182
- // (173:4) {#each indicators ?? [] as indicator, i}
17271
+ // (175:4) {#each indicators ?? [] as indicator, i}
17183
17272
  function create_each_block$1(ctx) {
17184
17273
  let button;
17185
17274
  let i_1;
@@ -17252,7 +17341,7 @@ function create_each_block$1(ctx) {
17252
17341
  };
17253
17342
  }
17254
17343
 
17255
- function create_fragment$d(ctx) {
17344
+ function create_fragment$g(ctx) {
17256
17345
  let div1;
17257
17346
  let ul;
17258
17347
  let ul_style_value;
@@ -17418,7 +17507,7 @@ function create_fragment$d(ctx) {
17418
17507
  };
17419
17508
  }
17420
17509
 
17421
- function instance$d($$self, $$props, $$invalidate) {
17510
+ function instance$g($$self, $$props, $$invalidate) {
17422
17511
  let indicators;
17423
17512
  let itemWidthPercentage;
17424
17513
  let style;
@@ -17429,6 +17518,7 @@ function instance$d($$self, $$props, $$invalidate) {
17429
17518
  let { layerId } = $$props;
17430
17519
  let { props } = $$props;
17431
17520
  let { overrideStyle } = $$props;
17521
+ useInjectCustomizeCss(props);
17432
17522
  let slotElement;
17433
17523
  let currentIndex = 0;
17434
17524
  let isDragging = false;
@@ -17658,13 +17748,13 @@ function instance$d($$self, $$props, $$invalidate) {
17658
17748
  class Slider extends SvelteComponent {
17659
17749
  constructor(options) {
17660
17750
  super();
17661
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$c, [-1, -1]);
17751
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$e, [-1, -1]);
17662
17752
  }
17663
17753
  }
17664
17754
 
17665
17755
  /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
17666
17756
 
17667
- function add_css$b(target) {
17757
+ function add_css$d(target) {
17668
17758
  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}");
17669
17759
  }
17670
17760
 
@@ -17763,7 +17853,7 @@ function create_dynamic_element$3(ctx) {
17763
17853
  };
17764
17854
  }
17765
17855
 
17766
- function create_fragment$c(ctx) {
17856
+ function create_fragment$f(ctx) {
17767
17857
  let li;
17768
17858
  let previous_tag = /*element*/ ctx[2];
17769
17859
  let current;
@@ -17832,7 +17922,7 @@ function create_fragment$c(ctx) {
17832
17922
  };
17833
17923
  }
17834
17924
 
17835
- function instance$c($$self, $$props, $$invalidate) {
17925
+ function instance$f($$self, $$props, $$invalidate) {
17836
17926
  let { $$slots: slots = {}, $$scope } = $$props;
17837
17927
  let { layerId } = $$props;
17838
17928
  let { props } = $$props;
@@ -17851,7 +17941,7 @@ function instance$c($$self, $$props, $$invalidate) {
17851
17941
  class SliderItem extends SvelteComponent {
17852
17942
  constructor(options) {
17853
17943
  super();
17854
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { layerId: 0, props: 4 }, add_css$b);
17944
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { layerId: 0, props: 4 }, add_css$d);
17855
17945
  }
17856
17946
  }
17857
17947
 
@@ -17884,11 +17974,11 @@ const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
17884
17974
 
17885
17975
  const TEXT_VARIANTS = {
17886
17976
  size: {
17887
- extra_small: {
17888
- fontSize: '10px',
17889
- lineHeight: 1.7,
17890
- fontWeight: 'normal',
17891
- },
17977
+ // extra_small: {
17978
+ // fontSize: '10px',
17979
+ // lineHeight: 1.7,
17980
+ // fontWeight: 'normal',
17981
+ // },
17892
17982
  small: {
17893
17983
  fontSize: '12px',
17894
17984
  lineHeight: 1.7,
@@ -17904,11 +17994,11 @@ const TEXT_VARIANTS = {
17904
17994
  lineHeight: 1.7,
17905
17995
  fontWeight: 'normal',
17906
17996
  },
17907
- extra_large: {
17908
- fontSize: '18px',
17909
- lineHeight: 1.7,
17910
- fontWeight: 'normal',
17911
- },
17997
+ // extra_large: {
17998
+ // fontSize: '18px',
17999
+ // lineHeight: 1.7,
18000
+ // fontWeight: 'normal',
18001
+ // },
17912
18002
  heading_extra_small: {
17913
18003
  fontSize: '14px',
17914
18004
  lineHeight: 1.5,
@@ -17929,21 +18019,21 @@ const TEXT_VARIANTS = {
17929
18019
  lineHeight: 1.5,
17930
18020
  fontWeight: 'bold',
17931
18021
  },
17932
- heading_extra_large: {
17933
- fontSize: '22px',
17934
- lineHeight: 1.5,
17935
- fontWeight: 'bold',
17936
- },
18022
+ // heading_extra_large: {
18023
+ // fontSize: '22px',
18024
+ // lineHeight: 1.5,
18025
+ // fontWeight: 'bold',
18026
+ // },
17937
18027
  },
17938
18028
  };
17939
18029
 
17940
18030
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
17941
18031
 
17942
- function add_css$a(target) {
18032
+ function add_css$c(target) {
17943
18033
  append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
17944
18034
  }
17945
18035
 
17946
- function create_fragment$b(ctx) {
18036
+ function create_fragment$e(ctx) {
17947
18037
  let p;
17948
18038
 
17949
18039
  return {
@@ -17954,8 +18044,8 @@ function create_fragment$b(ctx) {
17954
18044
  l(nodes) {
17955
18045
  p = claim_element(nodes, "P", {
17956
18046
  class: true,
17957
- style: true,
17958
- "data-layer-id": true
18047
+ "data-layer-id": true,
18048
+ style: true
17959
18049
  });
17960
18050
 
17961
18051
  var p_nodes = children(p);
@@ -17964,8 +18054,8 @@ function create_fragment$b(ctx) {
17964
18054
  },
17965
18055
  h() {
17966
18056
  attr(p, "class", "text svelte-14kt34i");
17967
- attr(p, "style", /*style*/ ctx[1]);
17968
18057
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
18058
+ attr(p, "style", /*style*/ ctx[1]);
17969
18059
  },
17970
18060
  m(target, anchor) {
17971
18061
  insert_hydration(target, p, anchor);
@@ -17973,13 +18063,13 @@ function create_fragment$b(ctx) {
17973
18063
  },
17974
18064
  p(ctx, [dirty]) {
17975
18065
  if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
17976
- if (dirty & /*style*/ 2) {
17977
- attr(p, "style", /*style*/ ctx[1]);
17978
- }
17979
-
17980
18066
  if (dirty & /*layerId*/ 1) {
17981
18067
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
17982
18068
  }
18069
+
18070
+ if (dirty & /*style*/ 2) {
18071
+ attr(p, "style", /*style*/ ctx[1]);
18072
+ }
17983
18073
  },
17984
18074
  i: noop,
17985
18075
  o: noop,
@@ -17989,7 +18079,7 @@ function create_fragment$b(ctx) {
17989
18079
  };
17990
18080
  }
17991
18081
 
17992
- function instance$b($$self, $$props, $$invalidate) {
18082
+ function instance$e($$self, $$props, $$invalidate) {
17993
18083
  let escapedHTML;
17994
18084
  let style;
17995
18085
  let { props = { content: '' } } = $$props;
@@ -18055,13 +18145,14 @@ function instance$b($$self, $$props, $$invalidate) {
18055
18145
  position: props?.position ?? 'static',
18056
18146
  textAlign: props.align,
18057
18147
  width: props.width,
18058
- fontFamily: `"${fontFamily}"`,
18148
+ fontFamily,
18059
18149
  color: getColor(),
18060
18150
  ...getCssSize(),
18061
18151
  ...toCssRadius(props),
18062
18152
  ...toCssBackgroundColor(props),
18063
18153
  ...toCssCommon(props),
18064
18154
  ...toCssPosition(props),
18155
+ ...toCssPadding(props),
18065
18156
  ...toCssBorder(props)
18066
18157
  }));
18067
18158
  }
@@ -18073,17 +18164,17 @@ function instance$b($$self, $$props, $$invalidate) {
18073
18164
  class Text extends SvelteComponent {
18074
18165
  constructor(options) {
18075
18166
  super();
18076
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 3, layerId: 0 }, add_css$a);
18167
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { props: 3, layerId: 0 }, add_css$c);
18077
18168
  }
18078
18169
  }
18079
18170
 
18080
18171
  /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
18081
18172
 
18082
- function add_css$9(target) {
18173
+ function add_css$b(target) {
18083
18174
  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}");
18084
18175
  }
18085
18176
 
18086
- function create_fragment$a(ctx) {
18177
+ function create_fragment$d(ctx) {
18087
18178
  let div;
18088
18179
  let raw_value = /*props*/ ctx[0].content + "";
18089
18180
 
@@ -18130,7 +18221,7 @@ function create_fragment$a(ctx) {
18130
18221
  };
18131
18222
  }
18132
18223
 
18133
- function instance$a($$self, $$props, $$invalidate) {
18224
+ function instance$d($$self, $$props, $$invalidate) {
18134
18225
  let style;
18135
18226
  let { props = { content: '' } } = $$props;
18136
18227
  let { layerId = '' } = $$props;
@@ -18206,31 +18297,32 @@ function instance$a($$self, $$props, $$invalidate) {
18206
18297
  class RichText extends SvelteComponent {
18207
18298
  constructor(options) {
18208
18299
  super();
18209
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
18300
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
18210
18301
  }
18211
18302
  }
18212
18303
 
18213
18304
  const LAYER_TEXT_SIZE = {
18214
- extra_small: 'ExtraSmall',
18215
- small: 'Small',
18216
- medium: 'Medium',
18217
- large: 'Large',
18218
- extra_large: 'ExtraLarge',
18219
- heading_extra_small: 'HeadingExtraSmall',
18220
- heading_small: 'HeadingSmall',
18221
- heading_medium: 'HeadingMedium',
18222
- heading_large: 'HeadingLarge',
18223
- heading_extra_large: 'HeadingExtraLarge',
18305
+ // extra_small: 'ExtraSmall',
18306
+ small: '本文 / スモール',
18307
+ medium: '本文 / ミディアム',
18308
+ large: '本文 / ラージ',
18309
+ // extra_large: 'ExtraLarge'
18310
+ // MEMO(curtis): 後から調整した関係で見出しは命名と実体を一つずらしている
18311
+ heading_extra_small: '見出し / スモール',
18312
+ heading_small: '見出し / ミディアム',
18313
+ heading_medium: '見出し / ラージ',
18314
+ heading_large: '見出し / エクストララージ',
18315
+ // heading_extra_large: 'HeadingExtraLarge',
18224
18316
  };
18225
18317
  const TEXT_THEME = {
18226
- default: 'Default',
18227
- gray: 'Gray',
18228
- brand: 'Brand',
18229
- success: 'Success',
18230
- warning: 'Warning',
18231
- danger: 'Danger',
18232
- info: 'Info',
18233
- white: 'White',
18318
+ default: 'デフォルト',
18319
+ gray: 'グレー',
18320
+ brand: 'ブランド',
18321
+ success: 'サクセス',
18322
+ warning: 'ワーニング',
18323
+ danger: 'アラート',
18324
+ info: 'インフォ',
18325
+ white: 'ホワイト',
18234
18326
  };
18235
18327
  const TEXT_STYLE = {
18236
18328
  normal: 'normal',
@@ -18274,7 +18366,7 @@ const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
18274
18366
 
18275
18367
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
18276
18368
 
18277
- function add_css$8(target) {
18369
+ function add_css$a(target) {
18278
18370
  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}");
18279
18371
  }
18280
18372
 
@@ -18462,7 +18554,7 @@ function create_dynamic_element$2(ctx) {
18462
18554
  };
18463
18555
  }
18464
18556
 
18465
- function create_fragment$9(ctx) {
18557
+ function create_fragment$c(ctx) {
18466
18558
  let previous_tag = /*element*/ ctx[5];
18467
18559
  let svelte_element_anchor;
18468
18560
  let svelte_element = /*element*/ ctx[5] && create_dynamic_element$2(ctx);
@@ -18512,7 +18604,7 @@ function create_fragment$9(ctx) {
18512
18604
  };
18513
18605
  }
18514
18606
 
18515
- function instance$9($$self, $$props, $$invalidate) {
18607
+ function instance$c($$self, $$props, $$invalidate) {
18516
18608
  let escapedHTML;
18517
18609
  let variables;
18518
18610
  let style;
@@ -18602,7 +18694,7 @@ function instance$9($$self, $$props, $$invalidate) {
18602
18694
  class TextLink extends SvelteComponent {
18603
18695
  constructor(options) {
18604
18696
  super();
18605
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
18697
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
18606
18698
  }
18607
18699
  }
18608
18700
 
@@ -18628,7 +18720,7 @@ const TEXT_LINK_UNDERLINE = {
18628
18720
 
18629
18721
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
18630
18722
 
18631
- function add_css$7(target) {
18723
+ function add_css$9(target) {
18632
18724
  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}");
18633
18725
  }
18634
18726
 
@@ -18673,7 +18765,7 @@ function create_if_block$2(ctx) {
18673
18765
  };
18674
18766
  }
18675
18767
 
18676
- function create_fragment$8(ctx) {
18768
+ function create_fragment$b(ctx) {
18677
18769
  let if_block_anchor;
18678
18770
  let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$2(ctx);
18679
18771
 
@@ -18713,7 +18805,7 @@ function create_fragment$8(ctx) {
18713
18805
  };
18714
18806
  }
18715
18807
 
18716
- function instance$8($$self, $$props, $$invalidate) {
18808
+ function instance$b($$self, $$props, $$invalidate) {
18717
18809
  let { backgroundOverlay = false } = $$props;
18718
18810
  let { class: className = undefined } = $$props;
18719
18811
  const dispatch = createEventDispatcher();
@@ -18730,13 +18822,13 @@ function instance$8($$self, $$props, $$invalidate) {
18730
18822
  class BackgroundOverlay extends SvelteComponent {
18731
18823
  constructor(options) {
18732
18824
  super();
18733
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$7);
18825
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$9);
18734
18826
  }
18735
18827
  }
18736
18828
 
18737
18829
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
18738
18830
 
18739
- function add_css$6(target) {
18831
+ function add_css$8(target) {
18740
18832
  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}}");
18741
18833
  }
18742
18834
 
@@ -18975,7 +19067,7 @@ function create_if_block$1(ctx) {
18975
19067
  };
18976
19068
  }
18977
19069
 
18978
- function create_fragment$7(ctx) {
19070
+ function create_fragment$a(ctx) {
18979
19071
  let show_if;
18980
19072
  let current_block_type_index;
18981
19073
  let if_block0;
@@ -19099,7 +19191,7 @@ function create_fragment$7(ctx) {
19099
19191
  };
19100
19192
  }
19101
19193
 
19102
- function instance$7($$self, $$props, $$invalidate) {
19194
+ function instance$a($$self, $$props, $$invalidate) {
19103
19195
  let close;
19104
19196
  let backgroundClick;
19105
19197
  let backgroundClickPC;
@@ -19362,8 +19454,8 @@ class Modal extends SvelteComponent {
19362
19454
  init(
19363
19455
  this,
19364
19456
  options,
19365
- instance$7,
19366
- create_fragment$7,
19457
+ instance$a,
19458
+ create_fragment$a,
19367
19459
  safe_not_equal,
19368
19460
  {
19369
19461
  useBreakPoint: 0,
@@ -19375,18 +19467,18 @@ class Modal extends SvelteComponent {
19375
19467
  closeEventValue: 18,
19376
19468
  layerId: 2
19377
19469
  },
19378
- add_css$6
19470
+ add_css$8
19379
19471
  );
19380
19472
  }
19381
19473
  }
19382
19474
 
19383
19475
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
19384
19476
 
19385
- function add_css$5(target) {
19477
+ function add_css$7(target) {
19386
19478
  append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
19387
19479
  }
19388
19480
 
19389
- function create_fragment$6(ctx) {
19481
+ function create_fragment$9(ctx) {
19390
19482
  let div;
19391
19483
  let raw_value = /*props*/ ctx[0].rawHtml + "";
19392
19484
 
@@ -19428,7 +19520,7 @@ function unescapeBraces(str) {
19428
19520
  return str.replace(/\\([{}])/g, '$1');
19429
19521
  }
19430
19522
 
19431
- function instance$6($$self, $$props, $$invalidate) {
19523
+ function instance$9($$self, $$props, $$invalidate) {
19432
19524
  let { props = {} } = $$props;
19433
19525
  let { layerId = '' } = $$props;
19434
19526
 
@@ -19475,7 +19567,7 @@ function instance$6($$self, $$props, $$invalidate) {
19475
19567
  class Code extends SvelteComponent {
19476
19568
  constructor(options) {
19477
19569
  super();
19478
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 0, layerId: 1 }, add_css$5);
19570
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
19479
19571
  }
19480
19572
  }
19481
19573
 
@@ -19483,11 +19575,11 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
19483
19575
 
19484
19576
  /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
19485
19577
 
19486
- function add_css$4(target) {
19578
+ function add_css$6(target) {
19487
19579
  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)}");
19488
19580
  }
19489
19581
 
19490
- function create_fragment$5(ctx) {
19582
+ function create_fragment$8(ctx) {
19491
19583
  let ul;
19492
19584
  let current;
19493
19585
  const default_slot_template = /*#slots*/ ctx[5].default;
@@ -19565,13 +19657,13 @@ function create_fragment$5(ctx) {
19565
19657
  };
19566
19658
  }
19567
19659
 
19568
- function instance$5($$self, $$props, $$invalidate) {
19660
+ function instance$8($$self, $$props, $$invalidate) {
19569
19661
  let variables;
19570
19662
  let style;
19571
19663
  let { $$slots: slots = {}, $$scope } = $$props;
19572
19664
  let { layerId } = $$props;
19573
19665
  let { props } = $$props;
19574
- console.log('List.svelte', 'props', props);
19666
+ useInjectCustomizeCss(props);
19575
19667
 
19576
19668
  setContext(LIST_ITEM_CONTEXT_KEY, {
19577
19669
  paddingTop: props.itemPaddingTop,
@@ -19618,13 +19710,13 @@ function instance$5($$self, $$props, $$invalidate) {
19618
19710
  class List extends SvelteComponent {
19619
19711
  constructor(options) {
19620
19712
  super();
19621
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 2 }, add_css$4);
19713
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { layerId: 0, props: 2 }, add_css$6);
19622
19714
  }
19623
19715
  }
19624
19716
 
19625
19717
  /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
19626
19718
 
19627
- function add_css$3(target) {
19719
+ function add_css$5(target) {
19628
19720
  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)}");
19629
19721
  }
19630
19722
 
@@ -19733,7 +19825,7 @@ function create_dynamic_element$1(ctx) {
19733
19825
  };
19734
19826
  }
19735
19827
 
19736
- function create_fragment$4(ctx) {
19828
+ function create_fragment$7(ctx) {
19737
19829
  let li;
19738
19830
  let previous_tag = /*element*/ ctx[4];
19739
19831
  let current;
@@ -19812,7 +19904,7 @@ function create_fragment$4(ctx) {
19812
19904
  };
19813
19905
  }
19814
19906
 
19815
- function instance$4($$self, $$props, $$invalidate) {
19907
+ function instance$7($$self, $$props, $$invalidate) {
19816
19908
  let variables;
19817
19909
  let style;
19818
19910
  let innerStyle;
@@ -19870,7 +19962,7 @@ function instance$4($$self, $$props, $$invalidate) {
19870
19962
  class ListItem extends SvelteComponent {
19871
19963
  constructor(options) {
19872
19964
  super();
19873
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { layerId: 0, props: 6 }, add_css$3);
19965
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { layerId: 0, props: 6 }, add_css$5);
19874
19966
  }
19875
19967
  }
19876
19968
 
@@ -19900,11 +19992,11 @@ function splitNumberAndUnit(value) {
19900
19992
 
19901
19993
  /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
19902
19994
 
19903
- function add_css$2(target) {
19995
+ function add_css$4(target) {
19904
19996
  append_styles(target, "svelte-1csavnh", ".list.svelte-1csavnh{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
19905
19997
  }
19906
19998
 
19907
- function create_fragment$3(ctx) {
19999
+ function create_fragment$6(ctx) {
19908
20000
  let ul;
19909
20001
  let current;
19910
20002
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -19982,11 +20074,12 @@ function create_fragment$3(ctx) {
19982
20074
  };
19983
20075
  }
19984
20076
 
19985
- function instance$3($$self, $$props, $$invalidate) {
20077
+ function instance$6($$self, $$props, $$invalidate) {
19986
20078
  let style;
19987
20079
  let { $$slots: slots = {}, $$scope } = $$props;
19988
20080
  let { layerId } = $$props;
19989
20081
  let { props } = $$props;
20082
+ useInjectCustomizeCss(props);
19990
20083
 
19991
20084
  let listGap = (() => {
19992
20085
  if (!props.gap) return '0';
@@ -20034,17 +20127,17 @@ function instance$3($$self, $$props, $$invalidate) {
20034
20127
  class MultiColumn extends SvelteComponent {
20035
20128
  constructor(options) {
20036
20129
  super();
20037
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 2 }, add_css$2);
20130
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 2 }, add_css$4);
20038
20131
  }
20039
20132
  }
20040
20133
 
20041
20134
  /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
20042
20135
 
20043
- function add_css$1(target) {
20136
+ function add_css$3(target) {
20044
20137
  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)}");
20045
20138
  }
20046
20139
 
20047
- // (30:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
20140
+ // (29:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
20048
20141
  function create_dynamic_element(ctx) {
20049
20142
  let svelte_element;
20050
20143
  let current;
@@ -20139,7 +20232,7 @@ function create_dynamic_element(ctx) {
20139
20232
  };
20140
20233
  }
20141
20234
 
20142
- function create_fragment$2(ctx) {
20235
+ function create_fragment$5(ctx) {
20143
20236
  let li;
20144
20237
  let previous_tag = /*element*/ ctx[3];
20145
20238
  let current;
@@ -20218,7 +20311,7 @@ function create_fragment$2(ctx) {
20218
20311
  };
20219
20312
  }
20220
20313
 
20221
- function instance$2($$self, $$props, $$invalidate) {
20314
+ function instance$5($$self, $$props, $$invalidate) {
20222
20315
  let variables;
20223
20316
  let style;
20224
20317
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -20273,17 +20366,17 @@ function instance$2($$self, $$props, $$invalidate) {
20273
20366
  class MultiColumnItem extends SvelteComponent {
20274
20367
  constructor(options) {
20275
20368
  super();
20276
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 5 }, add_css$1);
20369
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 5 }, add_css$3);
20277
20370
  }
20278
20371
  }
20279
20372
 
20280
20373
  /* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
20281
20374
 
20282
- function add_css(target) {
20375
+ function add_css$2(target) {
20283
20376
  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}");
20284
20377
  }
20285
20378
 
20286
- function create_fragment$1(ctx) {
20379
+ function create_fragment$4(ctx) {
20287
20380
  let div1;
20288
20381
  let div0;
20289
20382
 
@@ -20343,10 +20436,11 @@ function onPlayerStateChange(event) {
20343
20436
  }
20344
20437
  }
20345
20438
 
20346
- function instance$1($$self, $$props, $$invalidate) {
20439
+ function instance$4($$self, $$props, $$invalidate) {
20347
20440
  let style;
20348
20441
  let { props = {} } = $$props;
20349
20442
  let { layerId = '' } = $$props;
20443
+ useInjectCustomizeCss(props);
20350
20444
 
20351
20445
  // @ts-ignore
20352
20446
  if (!window.YT) {
@@ -20446,7 +20540,538 @@ function instance$1($$self, $$props, $$invalidate) {
20446
20540
  class Youtube extends SvelteComponent {
20447
20541
  constructor(options) {
20448
20542
  super();
20449
- init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 3, layerId: 0 }, add_css);
20543
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
20544
+ }
20545
+ }
20546
+
20547
+ /* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
20548
+
20549
+ function add_css$1(target) {
20550
+ append_styles(target, "svelte-1eft5i1", ".countdown.svelte-1eft5i1{display:flex;align-items:center;gap:4px}");
20551
+ }
20552
+
20553
+ const get_default_slot_changes = dirty => ({
20554
+ day: dirty & /*day*/ 16,
20555
+ hour: dirty & /*hour*/ 8,
20556
+ min: dirty & /*min*/ 4,
20557
+ sec: dirty & /*sec*/ 2
20558
+ });
20559
+
20560
+ const get_default_slot_context = ctx => ({
20561
+ day: /*day*/ ctx[4],
20562
+ hour: /*hour*/ ctx[3],
20563
+ min: /*min*/ ctx[2],
20564
+ sec: /*sec*/ ctx[1]
20565
+ });
20566
+
20567
+ function create_fragment$3(ctx) {
20568
+ let div;
20569
+ let current;
20570
+ const default_slot_template = /*#slots*/ ctx[8].default;
20571
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], get_default_slot_context);
20572
+
20573
+ return {
20574
+ c() {
20575
+ div = element("div");
20576
+ if (default_slot) default_slot.c();
20577
+ this.h();
20578
+ },
20579
+ l(nodes) {
20580
+ div = claim_element(nodes, "DIV", { class: true, "data-layer-id": true });
20581
+ var div_nodes = children(div);
20582
+ if (default_slot) default_slot.l(div_nodes);
20583
+ div_nodes.forEach(detach);
20584
+ this.h();
20585
+ },
20586
+ h() {
20587
+ attr(div, "class", "countdown svelte-1eft5i1");
20588
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
20589
+ },
20590
+ m(target, anchor) {
20591
+ insert_hydration(target, div, anchor);
20592
+
20593
+ if (default_slot) {
20594
+ default_slot.m(div, null);
20595
+ }
20596
+
20597
+ current = true;
20598
+ },
20599
+ p(ctx, [dirty]) {
20600
+ if (default_slot) {
20601
+ if (default_slot.p && (!current || dirty & /*$$scope, day, hour, min, sec*/ 158)) {
20602
+ update_slot_base(
20603
+ default_slot,
20604
+ default_slot_template,
20605
+ ctx,
20606
+ /*$$scope*/ ctx[7],
20607
+ !current
20608
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[7])
20609
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[7], dirty, get_default_slot_changes),
20610
+ get_default_slot_context
20611
+ );
20612
+ }
20613
+ }
20614
+
20615
+ if (!current || dirty & /*layerId*/ 1) {
20616
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
20617
+ }
20618
+ },
20619
+ i(local) {
20620
+ if (current) return;
20621
+ transition_in(default_slot, local);
20622
+ current = true;
20623
+ },
20624
+ o(local) {
20625
+ transition_out(default_slot, local);
20626
+ current = false;
20627
+ },
20628
+ d(detaching) {
20629
+ if (detaching) detach(div);
20630
+ if (default_slot) default_slot.d(detaching);
20631
+ }
20632
+ };
20633
+ }
20634
+
20635
+ function calcRemainingTime(limit) {
20636
+ return limit - new Date().getTime();
20637
+ }
20638
+
20639
+ function formatTimeDiff(ms) {
20640
+ const diffDay = Math.floor(ms / 1000 / 60 / 60 / 24);
20641
+ const diffHour = Math.floor(ms / 1000 / 60 / 60) % 24;
20642
+ const diffMin = Math.floor(ms / 1000 / 60) % 60;
20643
+ const diffSec = Math.floor(ms / 1000) % 60;
20644
+
20645
+ return {
20646
+ day: diffDay.toString(),
20647
+ hour: diffHour.toString(),
20648
+ min: diffMin.toString(),
20649
+ sec: diffSec.toString()
20650
+ };
20651
+ }
20652
+
20653
+ function instance$3($$self, $$props, $$invalidate) {
20654
+ let day;
20655
+ let hour;
20656
+ let min;
20657
+ let sec;
20658
+ let { $$slots: slots = {}, $$scope } = $$props;
20659
+ let { props = {} } = $$props;
20660
+ let { layerId = '' } = $$props;
20661
+ useInjectCustomizeCss(props);
20662
+ let remainingTime;
20663
+ let timeLimit = props.timeLimit ? new Date(props.timeLimit) : new Date();
20664
+
20665
+ function onEachSecond() {
20666
+ console.log({
20667
+ timeLimit: timeLimit.getTime(),
20668
+ now: new Date().getTime(),
20669
+ calced: calcRemainingTime(timeLimit.getTime())
20670
+ });
20671
+
20672
+ const _remainingTime = calcRemainingTime(timeLimit.getTime());
20673
+
20674
+ if (_remainingTime > 0) {
20675
+ $$invalidate(6, remainingTime = formatTimeDiff(_remainingTime));
20676
+ } else {
20677
+ $$invalidate(6, remainingTime = formatTimeDiff(0));
20678
+
20679
+ if (props.onEnd) {
20680
+ execOnClickOperation(props.onEnd);
20681
+ }
20682
+ }
20683
+
20684
+ console.log(remainingTime);
20685
+ }
20686
+
20687
+ onMount$1(() => {
20688
+ const timerId = setInterval(
20689
+ () => {
20690
+ onEachSecond();
20691
+ },
20692
+ 1000
20693
+ );
20694
+
20695
+ return () => {
20696
+ clearInterval(timerId);
20697
+ };
20698
+ });
20699
+
20700
+ onEachSecond();
20701
+
20702
+ $$self.$$set = $$props => {
20703
+ if ('props' in $$props) $$invalidate(5, props = $$props.props);
20704
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
20705
+ if ('$$scope' in $$props) $$invalidate(7, $$scope = $$props.$$scope);
20706
+ };
20707
+
20708
+ $$self.$$.update = () => {
20709
+ if ($$self.$$.dirty & /*remainingTime*/ 64) {
20710
+ $$invalidate(4, day = remainingTime.day);
20711
+ }
20712
+
20713
+ if ($$self.$$.dirty & /*remainingTime*/ 64) {
20714
+ $$invalidate(3, hour = remainingTime.hour);
20715
+ }
20716
+
20717
+ if ($$self.$$.dirty & /*remainingTime*/ 64) {
20718
+ $$invalidate(2, min = remainingTime.min);
20719
+ }
20720
+
20721
+ if ($$self.$$.dirty & /*remainingTime*/ 64) {
20722
+ $$invalidate(1, sec = remainingTime.sec);
20723
+ }
20724
+ };
20725
+
20726
+ return [layerId, sec, min, hour, day, props, remainingTime, $$scope, slots];
20727
+ }
20728
+
20729
+ class CountDown extends SvelteComponent {
20730
+ constructor(options) {
20731
+ super();
20732
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 5, layerId: 0 }, add_css$1);
20733
+ }
20734
+ }
20735
+
20736
+ const useText = (props) => {
20737
+ useInjectCustomizeCss(props);
20738
+ const { brandKit } = useBrandKit();
20739
+ const themeStyles = getTextThemeStyles(brandKit);
20740
+ const fontFamilyStyles = props.fontFamilyVariant in FONT_FAMILY_VARIANT
20741
+ ? FONT_FAMILY_VARIANT[props.fontFamilyVariant].getProps(brandKit)
20742
+ : FONT_FAMILY_VARIANT.default.getProps(brandKit);
20743
+ const fontFamily = props.fontFamily ?? fontFamilyStyles.fontFamily;
20744
+ if (fontFamily) {
20745
+ addFont(fontFamily);
20746
+ }
20747
+ const getColor = () => {
20748
+ if (props.color)
20749
+ return props.color;
20750
+ if (props.theme)
20751
+ return themeStyles[props.theme].color;
20752
+ return undefined;
20753
+ };
20754
+ const getCssSize = () => {
20755
+ const getFontSize = () => {
20756
+ if (props.fontSize)
20757
+ return props.fontSize;
20758
+ if (props.size)
20759
+ return TEXT_VARIANTS.size[props.size].fontSize;
20760
+ return undefined;
20761
+ };
20762
+ const getLineHeight = () => {
20763
+ if (props.lineHeight)
20764
+ return props.lineHeight;
20765
+ if (props.size)
20766
+ return TEXT_VARIANTS.size[props.size].lineHeight;
20767
+ return undefined;
20768
+ };
20769
+ const getFontWeight = () => {
20770
+ if (props.fontWeight)
20771
+ return props.fontWeight;
20772
+ if (props.size)
20773
+ return TEXT_VARIANTS.size[props.size].fontWeight;
20774
+ return undefined;
20775
+ };
20776
+ return {
20777
+ fontSize: getFontSize(),
20778
+ lineHeight: getLineHeight(),
20779
+ fontWeight: getFontWeight(),
20780
+ };
20781
+ };
20782
+ const escapedHTML = props.content
20783
+ .replace(/&/g, '&lt;')
20784
+ .replace(/</g, '&lt;')
20785
+ .replace(/>/g, '&gt;')
20786
+ .replace(/"/g, '&quot;')
20787
+ .replace(/'/g, '&#x27;')
20788
+ .replace(/\n/g, '<br />');
20789
+ const style = objToStyle({
20790
+ position: props?.position ?? 'static',
20791
+ textAlign: props.align,
20792
+ width: props.width,
20793
+ fontFamily: `"${fontFamily}"`,
20794
+ color: getColor(),
20795
+ ...getCssSize(),
20796
+ ...toCssRadius(props),
20797
+ ...toCssBackgroundColor(props),
20798
+ ...toCssCommon(props),
20799
+ ...toCssPosition(props),
20800
+ ...toCssPadding(props),
20801
+ ...toCssBorder(props),
20802
+ });
20803
+ return {
20804
+ escapedHTML,
20805
+ style,
20806
+ };
20807
+ };
20808
+
20809
+ /* src/components-flex/count-down/CountDownValue.svelte generated by Svelte v3.53.1 */
20810
+
20811
+ function create_fragment$2(ctx) {
20812
+ let span;
20813
+ let t;
20814
+
20815
+ return {
20816
+ c() {
20817
+ span = element("span");
20818
+ t = text(/*value*/ ctx[1]);
20819
+ this.h();
20820
+ },
20821
+ l(nodes) {
20822
+ span = claim_element(nodes, "SPAN", {
20823
+ class: true,
20824
+ "data-layer-id": true,
20825
+ style: true
20826
+ });
20827
+
20828
+ var span_nodes = children(span);
20829
+ t = claim_text(span_nodes, /*value*/ ctx[1]);
20830
+ span_nodes.forEach(detach);
20831
+ this.h();
20832
+ },
20833
+ h() {
20834
+ attr(span, "class", "count-down-value");
20835
+ attr(span, "data-layer-id", /*layerId*/ ctx[0]);
20836
+ attr(span, "style", /*style*/ ctx[3]);
20837
+ },
20838
+ m(target, anchor) {
20839
+ insert_hydration(target, span, anchor);
20840
+ append_hydration(span, t);
20841
+ },
20842
+ p(ctx, [dirty]) {
20843
+ if (dirty & /*value*/ 2) set_data(t, /*value*/ ctx[1]);
20844
+
20845
+ if (dirty & /*layerId*/ 1) {
20846
+ attr(span, "data-layer-id", /*layerId*/ ctx[0]);
20847
+ }
20848
+ },
20849
+ i: noop,
20850
+ o: noop,
20851
+ d(detaching) {
20852
+ if (detaching) detach(span);
20853
+ }
20854
+ };
20855
+ }
20856
+
20857
+ function instance$2($$self, $$props, $$invalidate) {
20858
+ let value;
20859
+ let $countdownStore;
20860
+ let { props = {} } = $$props;
20861
+ let { layerId = '' } = $$props;
20862
+ let countdownStore = getContext('countdownStore');
20863
+ component_subscribe($$self, countdownStore, value => $$invalidate(5, $countdownStore = value));
20864
+ console.log(countdownStore);
20865
+ let { style } = useText(props);
20866
+ console.log(value);
20867
+
20868
+ $$self.$$set = $$props => {
20869
+ if ('props' in $$props) $$invalidate(4, props = $$props.props);
20870
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
20871
+ };
20872
+
20873
+ $$self.$$.update = () => {
20874
+ if ($$self.$$.dirty & /*$countdownStore, props*/ 48) {
20875
+ $$invalidate(1, value = (() => {
20876
+ const { day, hour, min, sec } = $countdownStore;
20877
+
20878
+ switch (props.type) {
20879
+ case "day":
20880
+ return day?.toString().padStart(2, '0') ?? '';
20881
+ case "hour":
20882
+ return hour?.toString().padStart(2, '0') ?? '';
20883
+ case "minute":
20884
+ return min?.toString().padStart(2, '0') ?? '';
20885
+ case "second":
20886
+ return sec?.toString().padStart(2, '0') ?? '';
20887
+ default:
20888
+ return '';
20889
+ }
20890
+ })());
20891
+ }
20892
+ };
20893
+
20894
+ return [layerId, value, countdownStore, style, props, $countdownStore];
20895
+ }
20896
+
20897
+ class CountDownValue extends SvelteComponent {
20898
+ constructor(options) {
20899
+ super();
20900
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 4, layerId: 0 });
20901
+ }
20902
+ }
20903
+
20904
+ /* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
20905
+
20906
+ function add_css(target) {
20907
+ 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%)}");
20908
+ }
20909
+
20910
+ function create_fragment$1(ctx) {
20911
+ let div;
20912
+ let button;
20913
+ let t0;
20914
+ let span;
20915
+ let t1;
20916
+ let span_aria_hidden_value;
20917
+ let current;
20918
+ let mounted;
20919
+ let dispose;
20920
+ const default_slot_template = /*#slots*/ ctx[6].default;
20921
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
20922
+
20923
+ return {
20924
+ c() {
20925
+ div = element("div");
20926
+ button = element("button");
20927
+ if (default_slot) default_slot.c();
20928
+ t0 = space();
20929
+ span = element("span");
20930
+ t1 = text("コピーしました");
20931
+ this.h();
20932
+ },
20933
+ l(nodes) {
20934
+ div = claim_element(nodes, "DIV", { class: true, "data-layer-id": true });
20935
+ var div_nodes = children(div);
20936
+ button = claim_element(div_nodes, "BUTTON", { class: true });
20937
+ var button_nodes = children(button);
20938
+ if (default_slot) default_slot.l(button_nodes);
20939
+ button_nodes.forEach(detach);
20940
+ t0 = claim_space(div_nodes);
20941
+ span = claim_element(div_nodes, "SPAN", { "aria-hidden": true, class: true });
20942
+ var span_nodes = children(span);
20943
+ t1 = claim_text(span_nodes, "コピーしました");
20944
+ span_nodes.forEach(detach);
20945
+ div_nodes.forEach(detach);
20946
+ this.h();
20947
+ },
20948
+ h() {
20949
+ attr(button, "class", "clipboard-button svelte-1z01gne");
20950
+ attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
20951
+ attr(span, "class", "clipboard-tooltip svelte-1z01gne");
20952
+ attr(div, "class", "clipboard svelte-1z01gne");
20953
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
20954
+ },
20955
+ m(target, anchor) {
20956
+ insert_hydration(target, div, anchor);
20957
+ append_hydration(div, button);
20958
+
20959
+ if (default_slot) {
20960
+ default_slot.m(button, null);
20961
+ }
20962
+
20963
+ /*button_binding*/ ctx[7](button);
20964
+ append_hydration(div, t0);
20965
+ append_hydration(div, span);
20966
+ append_hydration(span, t1);
20967
+ current = true;
20968
+
20969
+ if (!mounted) {
20970
+ dispose = listen(button, "click", /*handleClick*/ ctx[3]);
20971
+ mounted = true;
20972
+ }
20973
+ },
20974
+ p(ctx, [dirty]) {
20975
+ if (default_slot) {
20976
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
20977
+ update_slot_base(
20978
+ default_slot,
20979
+ default_slot_template,
20980
+ ctx,
20981
+ /*$$scope*/ ctx[5],
20982
+ !current
20983
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
20984
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
20985
+ null
20986
+ );
20987
+ }
20988
+ }
20989
+
20990
+ if (!current || dirty & /*showTooltip*/ 4 && span_aria_hidden_value !== (span_aria_hidden_value = !/*showTooltip*/ ctx[2])) {
20991
+ attr(span, "aria-hidden", span_aria_hidden_value);
20992
+ }
20993
+
20994
+ if (!current || dirty & /*layerId*/ 1) {
20995
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
20996
+ }
20997
+ },
20998
+ i(local) {
20999
+ if (current) return;
21000
+ transition_in(default_slot, local);
21001
+ current = true;
21002
+ },
21003
+ o(local) {
21004
+ transition_out(default_slot, local);
21005
+ current = false;
21006
+ },
21007
+ d(detaching) {
21008
+ if (detaching) detach(div);
21009
+ if (default_slot) default_slot.d(detaching);
21010
+ /*button_binding*/ ctx[7](null);
21011
+ mounted = false;
21012
+ dispose();
21013
+ }
21014
+ };
21015
+ }
21016
+
21017
+ function instance$1($$self, $$props, $$invalidate) {
21018
+ let { $$slots: slots = {}, $$scope } = $$props;
21019
+ let { props = {} } = $$props;
21020
+ let { layerId = '' } = $$props;
21021
+ useInjectCustomizeCss(props);
21022
+ let buttonElement;
21023
+ let showTooltip = false;
21024
+
21025
+ const handleClick = e => {
21026
+ e.preventDefault();
21027
+ const targetText = props.content ?? buttonElement?.innerText ?? '';
21028
+ console.log(targetText);
21029
+ navigator.clipboard.writeText(targetText);
21030
+ send_event('_click_copy', { text: targetText });
21031
+
21032
+ if (props.copiedEventName) {
21033
+ send_event(props.copiedEventName, { text: targetText });
21034
+ }
21035
+
21036
+ $$invalidate(2, showTooltip = true);
21037
+
21038
+ setTimeout(
21039
+ () => {
21040
+ $$invalidate(2, showTooltip = false);
21041
+ },
21042
+ 3000
21043
+ );
21044
+ };
21045
+
21046
+ function button_binding($$value) {
21047
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
21048
+ buttonElement = $$value;
21049
+ $$invalidate(1, buttonElement);
21050
+ });
21051
+ }
21052
+
21053
+ $$self.$$set = $$props => {
21054
+ if ('props' in $$props) $$invalidate(4, props = $$props.props);
21055
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
21056
+ if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
21057
+ };
21058
+
21059
+ return [
21060
+ layerId,
21061
+ buttonElement,
21062
+ showTooltip,
21063
+ handleClick,
21064
+ props,
21065
+ $$scope,
21066
+ slots,
21067
+ button_binding
21068
+ ];
21069
+ }
21070
+
21071
+ class ClipCopy extends SvelteComponent {
21072
+ constructor(options) {
21073
+ super();
21074
+ init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 4, layerId: 0 }, add_css);
20450
21075
  }
20451
21076
  }
20452
21077
 
@@ -20864,4 +21489,4 @@ const ROUND_STYLES = {
20864
21489
  },
20865
21490
  };
20866
21491
 
20867
- 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 };
21492
+ 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 };