@plaidev/karte-action-sdk 1.1.243-28734079.0a250704 → 1.1.243-28734213.1776baf6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/dist/hydrate/index.es.d.ts +7 -1
  2. package/dist/hydrate/index.es.js +781 -486
  3. package/dist/index.es.d.ts +7 -1
  4. package/dist/index.es.js +738 -448
  5. package/dist/templates.cjs.js +1 -0
  6. package/dist/templates.js +1 -0
  7. package/package.json +1 -1
package/dist/hydrate/index.es.js CHANGED
@@ -2874,7 +2874,7 @@ function create_if_block$g(ctx) {
2874
2874
  };
2875
2875
  }
2876
2876
 
2877
- function create_fragment$1b(ctx) {
2877
+ function create_fragment$1c(ctx) {
2878
2878
  let head;
2879
2879
  let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$g(ctx);
2880
2880
 
@@ -2916,7 +2916,7 @@ function create_fragment$1b(ctx) {
2916
2916
  };
2917
2917
  }
2918
2918
 
2919
- function instance$1b($$self, $$props, $$invalidate) {
2919
+ function instance$1c($$self, $$props, $$invalidate) {
2920
2920
  let $fonts;
2921
2921
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2922
2922
  let googleFontUrl = '';
@@ -2946,13 +2946,13 @@ function instance$1b($$self, $$props, $$invalidate) {
2946
2946
  class Header extends SvelteComponent {
2947
2947
  constructor(options) {
2948
2948
  super();
2949
- init(this, options, instance$1b, create_fragment$1b, safe_not_equal, {});
2949
+ init(this, options, instance$1c, create_fragment$1c, safe_not_equal, {});
2950
2950
  }
2951
2951
  }
2952
2952
 
2953
2953
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2954
2954
 
2955
- function create_fragment$1a(ctx) {
2955
+ function create_fragment$1b(ctx) {
2956
2956
  let header;
2957
2957
  let t;
2958
2958
  let current;
@@ -3016,7 +3016,7 @@ function create_fragment$1a(ctx) {
3016
3016
  };
3017
3017
  }
3018
3018
 
3019
- function instance$1a($$self, $$props, $$invalidate) {
3019
+ function instance$1b($$self, $$props, $$invalidate) {
3020
3020
  let { $$slots: slots = {}, $$scope } = $$props;
3021
3021
 
3022
3022
  $$self.$$set = $$props => {
@@ -3029,13 +3029,13 @@ function instance$1a($$self, $$props, $$invalidate) {
3029
3029
  class State extends SvelteComponent {
3030
3030
  constructor(options) {
3031
3031
  super();
3032
- init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {});
3032
+ init(this, options, instance$1b, create_fragment$1b, safe_not_equal, {});
3033
3033
  }
3034
3034
  }
3035
3035
 
3036
3036
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3037
3037
 
3038
- function add_css$F(target) {
3038
+ function add_css$D(target) {
3039
3039
  append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3040
3040
  }
3041
3041
 
@@ -3112,7 +3112,7 @@ function create_if_block$f(ctx) {
3112
3112
  };
3113
3113
  }
3114
3114
 
3115
- function create_fragment$19(ctx) {
3115
+ function create_fragment$1a(ctx) {
3116
3116
  let if_block_anchor;
3117
3117
  let current;
3118
3118
  let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$f(ctx);
@@ -3177,7 +3177,7 @@ function getStateItemContext() {
3177
3177
  return getContext(STATE_ITEM_CONTEXT_KEY);
3178
3178
  }
3179
3179
 
3180
- function instance$19($$self, $$props, $$invalidate) {
3180
+ function instance$1a($$self, $$props, $$invalidate) {
3181
3181
  let $state;
3182
3182
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3183
3183
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3203,7 +3203,7 @@ function instance$19($$self, $$props, $$invalidate) {
3203
3203
  class StateItem extends SvelteComponent {
3204
3204
  constructor(options) {
3205
3205
  super();
3206
- init(this, options, instance$19, create_fragment$19, safe_not_equal, { path: 0 }, add_css$F);
3206
+ init(this, options, instance$1a, create_fragment$1a, safe_not_equal, { path: 0 }, add_css$D);
3207
3207
  }
3208
3208
  }
3209
3209
 
@@ -3329,7 +3329,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3329
3329
 
3330
3330
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3331
3331
 
3332
- function add_css$E(target) {
3332
+ function add_css$C(target) {
3333
3333
  append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3334
3334
  }
3335
3335
 
@@ -3374,7 +3374,7 @@ function create_if_block$e(ctx) {
3374
3374
  };
3375
3375
  }
3376
3376
 
3377
- function create_fragment$18(ctx) {
3377
+ function create_fragment$19(ctx) {
3378
3378
  let if_block_anchor;
3379
3379
  let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$e(ctx);
3380
3380
 
@@ -3414,7 +3414,7 @@ function create_fragment$18(ctx) {
3414
3414
  };
3415
3415
  }
3416
3416
 
3417
- function instance$18($$self, $$props, $$invalidate) {
3417
+ function instance$19($$self, $$props, $$invalidate) {
3418
3418
  let { backgroundOverlay = false } = $$props;
3419
3419
  let { class: className = undefined } = $$props;
3420
3420
  const dispatch = createEventDispatcher();
@@ -3431,7 +3431,7 @@ function instance$18($$self, $$props, $$invalidate) {
3431
3431
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3432
3432
  constructor(options) {
3433
3433
  super();
3434
- init(this, options, instance$18, create_fragment$18, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
3434
+ init(this, options, instance$19, create_fragment$19, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$C);
3435
3435
  }
3436
3436
  };
3437
3437
 
@@ -3471,7 +3471,7 @@ function checkStopPropagation(eventName, handler) {
3471
3471
 
3472
3472
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3473
3473
 
3474
- function add_css$D(target) {
3474
+ function add_css$B(target) {
3475
3475
  append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
3476
3476
  }
3477
3477
 
@@ -3822,7 +3822,7 @@ function create_if_block$d(ctx) {
3822
3822
  };
3823
3823
  }
3824
3824
 
3825
- function create_fragment$17(ctx) {
3825
+ function create_fragment$18(ctx) {
3826
3826
  let current_block_type_index;
3827
3827
  let if_block;
3828
3828
  let if_block_anchor;
@@ -3899,7 +3899,7 @@ function create_fragment$17(ctx) {
3899
3899
 
3900
3900
  const BUTTON_CLASS = 'button';
3901
3901
 
3902
- function instance$17($$self, $$props, $$invalidate) {
3902
+ function instance$18($$self, $$props, $$invalidate) {
3903
3903
  let disabled;
3904
3904
  let $valuesAreValid;
3905
3905
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3965,8 +3965,8 @@ let Button$1 = class Button extends SvelteComponent {
3965
3965
  init(
3966
3966
  this,
3967
3967
  options,
3968
- instance$17,
3969
- create_fragment$17,
3968
+ instance$18,
3969
+ create_fragment$18,
3970
3970
  safe_not_equal,
3971
3971
  {
3972
3972
  onClick: 0,
@@ -3974,14 +3974,14 @@ let Button$1 = class Button extends SvelteComponent {
3974
3974
  eventValue: 6,
3975
3975
  style: 1
3976
3976
  },
3977
- add_css$D
3977
+ add_css$B
3978
3978
  );
3979
3979
  }
3980
3980
  };
3981
3981
 
3982
3982
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3983
3983
 
3984
- function add_css$C(target) {
3984
+ function add_css$A(target) {
3985
3985
  append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .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-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{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-1ijkyzl{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-1ijkyzl{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}}");
3986
3986
  }
3987
3987
 
@@ -4447,7 +4447,7 @@ function create_default_slot$b(ctx) {
4447
4447
  };
4448
4448
  }
4449
4449
 
4450
- function create_fragment$16(ctx) {
4450
+ function create_fragment$17(ctx) {
4451
4451
  let show_if;
4452
4452
  let current_block_type_index;
4453
4453
  let if_block0;
@@ -4571,7 +4571,7 @@ function create_fragment$16(ctx) {
4571
4571
  };
4572
4572
  }
4573
4573
 
4574
- function instance$16($$self, $$props, $$invalidate) {
4574
+ function instance$17($$self, $$props, $$invalidate) {
4575
4575
  let close;
4576
4576
  let closable;
4577
4577
  let backgroundClick;
@@ -4853,8 +4853,8 @@ let Modal$1 = class Modal extends SvelteComponent {
4853
4853
  init(
4854
4854
  this,
4855
4855
  options,
4856
- instance$16,
4857
- create_fragment$16,
4856
+ instance$17,
4857
+ create_fragment$17,
4858
4858
  safe_not_equal,
4859
4859
  {
4860
4860
  onClick: 0,
@@ -4872,7 +4872,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4872
4872
  closeButtonColor: 9,
4873
4873
  _closeStyle: 10
4874
4874
  },
4875
- add_css$C,
4875
+ add_css$A,
4876
4876
  [-1, -1]
4877
4877
  );
4878
4878
  }
@@ -4880,7 +4880,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4880
4880
 
4881
4881
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4882
4882
 
4883
- function create_fragment$15(ctx) {
4883
+ function create_fragment$16(ctx) {
4884
4884
  let div;
4885
4885
  let current;
4886
4886
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4948,7 +4948,7 @@ function create_fragment$15(ctx) {
4948
4948
  };
4949
4949
  }
4950
4950
 
4951
- function instance$15($$self, $$props, $$invalidate) {
4951
+ function instance$16($$self, $$props, $$invalidate) {
4952
4952
  let _style;
4953
4953
  let { $$slots: slots = {}, $$scope } = $$props;
4954
4954
  let { width = '512px' } = $$props;
@@ -4993,7 +4993,7 @@ class Grid extends SvelteComponent {
4993
4993
  constructor(options) {
4994
4994
  super();
4995
4995
 
4996
- init(this, options, instance$15, create_fragment$15, safe_not_equal, {
4996
+ init(this, options, instance$16, create_fragment$16, safe_not_equal, {
4997
4997
  width: 1,
4998
4998
  height: 2,
4999
4999
  rows: 3,
@@ -5006,11 +5006,11 @@ class Grid extends SvelteComponent {
5006
5006
 
5007
5007
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5008
5008
 
5009
- function add_css$B(target) {
5009
+ function add_css$z(target) {
5010
5010
  append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5011
5011
  }
5012
5012
 
5013
- function create_fragment$14(ctx) {
5013
+ function create_fragment$15(ctx) {
5014
5014
  let div1;
5015
5015
  let div0;
5016
5016
  let current;
@@ -5103,7 +5103,7 @@ function create_fragment$14(ctx) {
5103
5103
 
5104
5104
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5105
5105
 
5106
- function instance$14($$self, $$props, $$invalidate) {
5106
+ function instance$15($$self, $$props, $$invalidate) {
5107
5107
  let _style;
5108
5108
  let { $$slots: slots = {}, $$scope } = $$props;
5109
5109
  let { x1 } = $$props;
@@ -5152,8 +5152,8 @@ class GridItem extends SvelteComponent {
5152
5152
  init(
5153
5153
  this,
5154
5154
  options,
5155
- instance$14,
5156
- create_fragment$14,
5155
+ instance$15,
5156
+ create_fragment$15,
5157
5157
  safe_not_equal,
5158
5158
  {
5159
5159
  x1: 2,
@@ -5164,14 +5164,14 @@ class GridItem extends SvelteComponent {
5164
5164
  background: 7,
5165
5165
  gridItemId: 0
5166
5166
  },
5167
- add_css$B
5167
+ add_css$z
5168
5168
  );
5169
5169
  }
5170
5170
  }
5171
5171
 
5172
5172
  /* src/components/RenderText.svelte generated by Svelte v3.53.1 */
5173
5173
 
5174
- function get_each_context$6(ctx, list, i) {
5174
+ function get_each_context$7(ctx, list, i) {
5175
5175
  const child_ctx = ctx.slice();
5176
5176
  child_ctx[2] = list[i];
5177
5177
  return child_ctx;
@@ -5223,7 +5223,7 @@ function create_if_block$b(ctx) {
5223
5223
  }
5224
5224
 
5225
5225
  // (10:0) {#each items as item}
5226
- function create_each_block$6(ctx) {
5226
+ function create_each_block$7(ctx) {
5227
5227
  let show_if;
5228
5228
  let if_block_anchor;
5229
5229
 
@@ -5270,13 +5270,13 @@ function create_each_block$6(ctx) {
5270
5270
  };
5271
5271
  }
5272
5272
 
5273
- function create_fragment$13(ctx) {
5273
+ function create_fragment$14(ctx) {
5274
5274
  let each_1_anchor;
5275
5275
  let each_value = /*items*/ ctx[0];
5276
5276
  let each_blocks = [];
5277
5277
 
5278
5278
  for (let i = 0; i < each_value.length; i += 1) {
5279
- each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
5279
+ each_blocks[i] = create_each_block$7(get_each_context$7(ctx, each_value, i));
5280
5280
  }
5281
5281
 
5282
5282
  return {
@@ -5307,12 +5307,12 @@ function create_fragment$13(ctx) {
5307
5307
  let i;
5308
5308
 
5309
5309
  for (i = 0; i < each_value.length; i += 1) {
5310
- const child_ctx = get_each_context$6(ctx, each_value, i);
5310
+ const child_ctx = get_each_context$7(ctx, each_value, i);
5311
5311
 
5312
5312
  if (each_blocks[i]) {
5313
5313
  each_blocks[i].p(child_ctx, dirty);
5314
5314
  } else {
5315
- each_blocks[i] = create_each_block$6(child_ctx);
5315
+ each_blocks[i] = create_each_block$7(child_ctx);
5316
5316
  each_blocks[i].c();
5317
5317
  each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
5318
5318
  }
@@ -5336,7 +5336,7 @@ function create_fragment$13(ctx) {
5336
5336
 
5337
5337
  const regexp = /(\r?\n)/;
5338
5338
 
5339
- function instance$13($$self, $$props, $$invalidate) {
5339
+ function instance$14($$self, $$props, $$invalidate) {
5340
5340
  let items;
5341
5341
  let { text = 'サンプルSample' } = $$props;
5342
5342
 
@@ -5357,13 +5357,13 @@ function instance$13($$self, $$props, $$invalidate) {
5357
5357
  class RenderText extends SvelteComponent {
5358
5358
  constructor(options) {
5359
5359
  super();
5360
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { text: 1 });
5360
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { text: 1 });
5361
5361
  }
5362
5362
  }
5363
5363
 
5364
5364
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5365
5365
 
5366
- function add_css$A(target) {
5366
+ function add_css$y(target) {
5367
5367
  append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{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-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{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-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
5368
5368
  }
5369
5369
 
@@ -5547,7 +5547,7 @@ function create_if_block$a(ctx) {
5547
5547
  };
5548
5548
  }
5549
5549
 
5550
- function create_fragment$12(ctx) {
5550
+ function create_fragment$13(ctx) {
5551
5551
  let div;
5552
5552
  let current_block_type_index;
5553
5553
  let if_block;
@@ -5627,7 +5627,7 @@ function create_fragment$12(ctx) {
5627
5627
  };
5628
5628
  }
5629
5629
 
5630
- function instance$12($$self, $$props, $$invalidate) {
5630
+ function instance$13($$self, $$props, $$invalidate) {
5631
5631
  let style;
5632
5632
  let { text = 'テキストのコンテンツ' } = $$props;
5633
5633
  let { font = SYSTEM_FONT } = $$props;
@@ -5723,8 +5723,8 @@ class TextElement extends SvelteComponent {
5723
5723
  init(
5724
5724
  this,
5725
5725
  options,
5726
- instance$12,
5727
- create_fragment$12,
5726
+ instance$13,
5727
+ create_fragment$13,
5728
5728
  safe_not_equal,
5729
5729
  {
5730
5730
  text: 0,
@@ -5735,14 +5735,14 @@ class TextElement extends SvelteComponent {
5735
5735
  enableCopy: 2,
5736
5736
  eventName: 10
5737
5737
  },
5738
- add_css$A
5738
+ add_css$y
5739
5739
  );
5740
5740
  }
5741
5741
  }
5742
5742
 
5743
5743
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5744
5744
 
5745
- function add_css$z(target) {
5745
+ function add_css$x(target) {
5746
5746
  append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .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-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5747
5747
  }
5748
5748
 
@@ -5783,7 +5783,7 @@ function create_default_slot$a(ctx) {
5783
5783
  };
5784
5784
  }
5785
5785
 
5786
- function create_fragment$11(ctx) {
5786
+ function create_fragment$12(ctx) {
5787
5787
  let div;
5788
5788
  let button;
5789
5789
  let current;
@@ -5847,7 +5847,7 @@ function create_fragment$11(ctx) {
5847
5847
  };
5848
5848
  }
5849
5849
 
5850
- function instance$11($$self, $$props, $$invalidate) {
5850
+ function instance$12($$self, $$props, $$invalidate) {
5851
5851
  let style;
5852
5852
  let { text = 'ボタンのラベル' } = $$props;
5853
5853
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5885,8 +5885,8 @@ class TextButtonElement extends SvelteComponent {
5885
5885
  init(
5886
5886
  this,
5887
5887
  options,
5888
- instance$11,
5889
- create_fragment$11,
5888
+ instance$12,
5889
+ create_fragment$12,
5890
5890
  safe_not_equal,
5891
5891
  {
5892
5892
  text: 0,
@@ -5896,14 +5896,14 @@ class TextButtonElement extends SvelteComponent {
5896
5896
  _buttonStyle: 5,
5897
5897
  _style: 6
5898
5898
  },
5899
- add_css$z
5899
+ add_css$x
5900
5900
  );
5901
5901
  }
5902
5902
  }
5903
5903
 
5904
5904
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5905
5905
 
5906
- function add_css$y(target) {
5906
+ function add_css$w(target) {
5907
5907
  append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .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-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .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-t6tu0e{width:100%;height:100%}");
5908
5908
  }
5909
5909
 
@@ -5974,7 +5974,7 @@ function create_default_slot$9(ctx) {
5974
5974
  };
5975
5975
  }
5976
5976
 
5977
- function create_fragment$10(ctx) {
5977
+ function create_fragment$11(ctx) {
5978
5978
  let div;
5979
5979
  let button;
5980
5980
  let div_class_value;
@@ -6043,7 +6043,7 @@ function create_fragment$10(ctx) {
6043
6043
  };
6044
6044
  }
6045
6045
 
6046
- function instance$10($$self, $$props, $$invalidate) {
6046
+ function instance$11($$self, $$props, $$invalidate) {
6047
6047
  let { src = '' } = $$props;
6048
6048
  let { alt = '画像の説明' } = $$props;
6049
6049
  let { transport = false } = $$props;
@@ -6074,8 +6074,8 @@ class ImageElement extends SvelteComponent {
6074
6074
  init(
6075
6075
  this,
6076
6076
  options,
6077
- instance$10,
6078
- create_fragment$10,
6077
+ instance$11,
6078
+ create_fragment$11,
6079
6079
  safe_not_equal,
6080
6080
  {
6081
6081
  src: 0,
@@ -6087,18 +6087,18 @@ class ImageElement extends SvelteComponent {
6087
6087
  _imageStyle: 6,
6088
6088
  _style: 7
6089
6089
  },
6090
- add_css$y
6090
+ add_css$w
6091
6091
  );
6092
6092
  }
6093
6093
  }
6094
6094
 
6095
6095
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6096
6096
 
6097
- function add_css$x(target) {
6097
+ function add_css$v(target) {
6098
6098
  append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
6099
6099
  }
6100
6100
 
6101
- function create_fragment$$(ctx) {
6101
+ function create_fragment$10(ctx) {
6102
6102
  let div;
6103
6103
  let current;
6104
6104
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6168,7 +6168,7 @@ function create_fragment$$(ctx) {
6168
6168
 
6169
6169
  const LIST_CONTEXT_KEY = Symbol();
6170
6170
 
6171
- function instance$$($$self, $$props, $$invalidate) {
6171
+ function instance$10($$self, $$props, $$invalidate) {
6172
6172
  let style;
6173
6173
  let { $$slots: slots = {}, $$scope } = $$props;
6174
6174
  let { direction = 'vertical' } = $$props;
@@ -6235,8 +6235,8 @@ class List extends SvelteComponent {
6235
6235
  init(
6236
6236
  this,
6237
6237
  options,
6238
- instance$$,
6239
- create_fragment$$,
6238
+ instance$10,
6239
+ create_fragment$10,
6240
6240
  safe_not_equal,
6241
6241
  {
6242
6242
  direction: 1,
@@ -6244,14 +6244,14 @@ class List extends SvelteComponent {
6244
6244
  background: 3,
6245
6245
  _style: 4
6246
6246
  },
6247
- add_css$x
6247
+ add_css$v
6248
6248
  );
6249
6249
  }
6250
6250
  }
6251
6251
 
6252
6252
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6253
6253
 
6254
- function add_css$w(target) {
6254
+ function add_css$u(target) {
6255
6255
  append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6256
6256
  }
6257
6257
 
@@ -6306,7 +6306,7 @@ function create_default_slot$8(ctx) {
6306
6306
  };
6307
6307
  }
6308
6308
 
6309
- function create_fragment$_(ctx) {
6309
+ function create_fragment$$(ctx) {
6310
6310
  let div;
6311
6311
  let button;
6312
6312
  let current;
@@ -6375,7 +6375,7 @@ function create_fragment$_(ctx) {
6375
6375
  };
6376
6376
  }
6377
6377
 
6378
- function instance$_($$self, $$props, $$invalidate) {
6378
+ function instance$$($$self, $$props, $$invalidate) {
6379
6379
  let listItemStyle;
6380
6380
  let { $$slots: slots = {}, $$scope } = $$props;
6381
6381
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6454,17 +6454,17 @@ function instance$_($$self, $$props, $$invalidate) {
6454
6454
  class ListItem extends SvelteComponent {
6455
6455
  constructor(options) {
6456
6456
  super();
6457
- init(this, options, instance$_, create_fragment$_, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
6457
+ init(this, options, instance$$, create_fragment$$, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$u);
6458
6458
  }
6459
6459
  }
6460
6460
 
6461
6461
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6462
6462
 
6463
- function add_css$v(target) {
6463
+ function add_css$t(target) {
6464
6464
  append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6465
6465
  }
6466
6466
 
6467
- function create_fragment$Z(ctx) {
6467
+ function create_fragment$_(ctx) {
6468
6468
  let div;
6469
6469
 
6470
6470
  return {
@@ -6500,7 +6500,7 @@ function create_fragment$Z(ctx) {
6500
6500
  };
6501
6501
  }
6502
6502
 
6503
- function instance$Z($$self, $$props, $$invalidate) {
6503
+ function instance$_($$self, $$props, $$invalidate) {
6504
6504
  let { code } = $$props;
6505
6505
  let { _style = '' } = $$props;
6506
6506
 
@@ -6515,17 +6515,17 @@ function instance$Z($$self, $$props, $$invalidate) {
6515
6515
  class EmbedElement extends SvelteComponent {
6516
6516
  constructor(options) {
6517
6517
  super();
6518
- init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
6518
+ init(this, options, instance$_, create_fragment$_, safe_not_equal, { code: 0, _style: 1 }, add_css$t);
6519
6519
  }
6520
6520
  }
6521
6521
 
6522
6522
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6523
6523
 
6524
- function add_css$u(target) {
6524
+ function add_css$s(target) {
6525
6525
  append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{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-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6526
6526
  }
6527
6527
 
6528
- function create_fragment$Y(ctx) {
6528
+ function create_fragment$Z(ctx) {
6529
6529
  let div1;
6530
6530
  let div0;
6531
6531
 
@@ -6577,7 +6577,7 @@ function _setValue(obj, key, value) {
6577
6577
  }
6578
6578
  }
6579
6579
 
6580
- function instance$Y($$self, $$props, $$invalidate) {
6580
+ function instance$Z($$self, $$props, $$invalidate) {
6581
6581
  let $system;
6582
6582
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6583
6583
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6848,8 +6848,8 @@ class MovieYouTubeElement extends SvelteComponent {
6848
6848
  init(
6849
6849
  this,
6850
6850
  options,
6851
- instance$Y,
6852
- create_fragment$Y,
6851
+ instance$Z,
6852
+ create_fragment$Z,
6853
6853
  safe_not_equal,
6854
6854
  {
6855
6855
  videoId: 2,
@@ -6878,7 +6878,7 @@ class MovieYouTubeElement extends SvelteComponent {
6878
6878
  mute: 25,
6879
6879
  _style: 0
6880
6880
  },
6881
- add_css$u,
6881
+ add_css$s,
6882
6882
  [-1, -1]
6883
6883
  );
6884
6884
  }
@@ -6886,11 +6886,11 @@ class MovieYouTubeElement extends SvelteComponent {
6886
6886
 
6887
6887
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6888
6888
 
6889
- function add_css$t(target) {
6889
+ function add_css$r(target) {
6890
6890
  append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{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-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6891
6891
  }
6892
6892
 
6893
- function create_fragment$X(ctx) {
6893
+ function create_fragment$Y(ctx) {
6894
6894
  let div1;
6895
6895
  let div0;
6896
6896
 
@@ -6932,7 +6932,7 @@ function create_fragment$X(ctx) {
6932
6932
  };
6933
6933
  }
6934
6934
 
6935
- function instance$X($$self, $$props, $$invalidate) {
6935
+ function instance$Y($$self, $$props, $$invalidate) {
6936
6936
  let $system;
6937
6937
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6938
6938
  let { videoId = "201239468" } = $$props;
@@ -7075,8 +7075,8 @@ class MovieVimeoElement extends SvelteComponent {
7075
7075
  init(
7076
7076
  this,
7077
7077
  options,
7078
- instance$X,
7079
- create_fragment$X,
7078
+ instance$Y,
7079
+ create_fragment$Y,
7080
7080
  safe_not_equal,
7081
7081
  {
7082
7082
  videoId: 2,
@@ -7086,18 +7086,18 @@ class MovieVimeoElement extends SvelteComponent {
7086
7086
  mute: 6,
7087
7087
  _style: 0
7088
7088
  },
7089
- add_css$t
7089
+ add_css$r
7090
7090
  );
7091
7091
  }
7092
7092
  }
7093
7093
 
7094
7094
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7095
7095
 
7096
- function add_css$s(target) {
7096
+ function add_css$q(target) {
7097
7097
  append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{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-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
7098
7098
  }
7099
7099
 
7100
- function create_fragment$W(ctx) {
7100
+ function create_fragment$X(ctx) {
7101
7101
  let div;
7102
7102
  let textarea;
7103
7103
  let mounted;
@@ -7172,7 +7172,7 @@ function create_fragment$W(ctx) {
7172
7172
  };
7173
7173
  }
7174
7174
 
7175
- function instance$W($$self, $$props, $$invalidate) {
7175
+ function instance$X($$self, $$props, $$invalidate) {
7176
7176
  let style;
7177
7177
  let styleVariables;
7178
7178
  let $value;
@@ -7260,8 +7260,8 @@ class FormTextarea extends SvelteComponent {
7260
7260
  init(
7261
7261
  this,
7262
7262
  options,
7263
- instance$W,
7264
- create_fragment$W,
7263
+ instance$X,
7264
+ create_fragment$X,
7265
7265
  safe_not_equal,
7266
7266
  {
7267
7267
  name: 7,
@@ -7273,18 +7273,18 @@ class FormTextarea extends SvelteComponent {
7273
7273
  _textStyle: 11,
7274
7274
  _placeholderStyle: 12
7275
7275
  },
7276
- add_css$s
7276
+ add_css$q
7277
7277
  );
7278
7278
  }
7279
7279
  }
7280
7280
 
7281
7281
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7282
7282
 
7283
- function add_css$r(target) {
7283
+ function add_css$p(target) {
7284
7284
  append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{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-17s08g: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-17s08g{margin-left:0.5em}");
7285
7285
  }
7286
7286
 
7287
- function get_each_context$5(ctx, list, i) {
7287
+ function get_each_context$6(ctx, list, i) {
7288
7288
  const child_ctx = ctx.slice();
7289
7289
  child_ctx[17] = list[i];
7290
7290
  child_ctx[19] = i;
@@ -7292,7 +7292,7 @@ function get_each_context$5(ctx, list, i) {
7292
7292
  }
7293
7293
 
7294
7294
  // (99:2) {#each _options as option, i}
7295
- function create_each_block$5(ctx) {
7295
+ function create_each_block$6(ctx) {
7296
7296
  let label;
7297
7297
  let input;
7298
7298
  let input_value_value;
@@ -7393,13 +7393,13 @@ function create_each_block$5(ctx) {
7393
7393
  };
7394
7394
  }
7395
7395
 
7396
- function create_fragment$V(ctx) {
7396
+ function create_fragment$W(ctx) {
7397
7397
  let div;
7398
7398
  let each_value = /*_options*/ ctx[4];
7399
7399
  let each_blocks = [];
7400
7400
 
7401
7401
  for (let i = 0; i < each_value.length; i += 1) {
7402
- each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
7402
+ each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
7403
7403
  }
7404
7404
 
7405
7405
  return {
@@ -7440,12 +7440,12 @@ function create_fragment$V(ctx) {
7440
7440
  let i;
7441
7441
 
7442
7442
  for (i = 0; i < each_value.length; i += 1) {
7443
- const child_ctx = get_each_context$5(ctx, each_value, i);
7443
+ const child_ctx = get_each_context$6(ctx, each_value, i);
7444
7444
 
7445
7445
  if (each_blocks[i]) {
7446
7446
  each_blocks[i].p(child_ctx, dirty);
7447
7447
  } else {
7448
- each_blocks[i] = create_each_block$5(child_ctx);
7448
+ each_blocks[i] = create_each_block$6(child_ctx);
7449
7449
  each_blocks[i].c();
7450
7450
  each_blocks[i].m(div, null);
7451
7451
  }
@@ -7471,7 +7471,7 @@ function create_fragment$V(ctx) {
7471
7471
  };
7472
7472
  }
7473
7473
 
7474
- function instance$V($$self, $$props, $$invalidate) {
7474
+ function instance$W($$self, $$props, $$invalidate) {
7475
7475
  let _options;
7476
7476
  let buttonStyle;
7477
7477
  let _value;
@@ -7571,8 +7571,8 @@ class FormRadioButtons extends SvelteComponent {
7571
7571
  init(
7572
7572
  this,
7573
7573
  options,
7574
- instance$V,
7575
- create_fragment$V,
7574
+ instance$W,
7575
+ create_fragment$W,
7576
7576
  safe_not_equal,
7577
7577
  {
7578
7578
  name: 0,
@@ -7585,18 +7585,18 @@ class FormRadioButtons extends SvelteComponent {
7585
7585
  buttonColor: 13,
7586
7586
  buttonColorActive: 14
7587
7587
  },
7588
- add_css$r
7588
+ add_css$p
7589
7589
  );
7590
7590
  }
7591
7591
  }
7592
7592
 
7593
7593
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7594
7594
 
7595
- function add_css$q(target) {
7595
+ function add_css$o(target) {
7596
7596
  append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{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-t9ynyj: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-t9ynyj{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}");
7597
7597
  }
7598
7598
 
7599
- function get_each_context$4(ctx, list, i) {
7599
+ function get_each_context$5(ctx, list, i) {
7600
7600
  const child_ctx = ctx.slice();
7601
7601
  child_ctx[19] = list[i];
7602
7602
  child_ctx[21] = i;
@@ -7651,7 +7651,7 @@ function create_if_block$9(ctx) {
7651
7651
  }
7652
7652
 
7653
7653
  // (103:6) {#each _options as option, i}
7654
- function create_each_block$4(ctx) {
7654
+ function create_each_block$5(ctx) {
7655
7655
  let option;
7656
7656
  let t;
7657
7657
  let option_value_value;
@@ -7719,7 +7719,7 @@ function create_each_block$4(ctx) {
7719
7719
  };
7720
7720
  }
7721
7721
 
7722
- function create_fragment$U(ctx) {
7722
+ function create_fragment$V(ctx) {
7723
7723
  let div1;
7724
7724
  let select;
7725
7725
  let t;
@@ -7730,7 +7730,7 @@ function create_fragment$U(ctx) {
7730
7730
  let each_blocks = [];
7731
7731
 
7732
7732
  for (let i = 0; i < each_value.length; i += 1) {
7733
- each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
7733
+ each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
7734
7734
  }
7735
7735
 
7736
7736
  return {
@@ -7792,12 +7792,12 @@ function create_fragment$U(ctx) {
7792
7792
  let i;
7793
7793
 
7794
7794
  for (i = 0; i < each_value.length; i += 1) {
7795
- const child_ctx = get_each_context$4(ctx, each_value, i);
7795
+ const child_ctx = get_each_context$5(ctx, each_value, i);
7796
7796
 
7797
7797
  if (each_blocks[i]) {
7798
7798
  each_blocks[i].p(child_ctx, dirty);
7799
7799
  } else {
7800
- each_blocks[i] = create_each_block$4(child_ctx);
7800
+ each_blocks[i] = create_each_block$5(child_ctx);
7801
7801
  each_blocks[i].c();
7802
7802
  each_blocks[i].m(select, null);
7803
7803
  }
@@ -7829,7 +7829,7 @@ function create_fragment$U(ctx) {
7829
7829
  };
7830
7830
  }
7831
7831
 
7832
- function instance$U($$self, $$props, $$invalidate) {
7832
+ function instance$V($$self, $$props, $$invalidate) {
7833
7833
  let _options;
7834
7834
  let style;
7835
7835
  let styleVariables;
@@ -7945,8 +7945,8 @@ class FormSelect extends SvelteComponent {
7945
7945
  init(
7946
7946
  this,
7947
7947
  options,
7948
- instance$U,
7949
- create_fragment$U,
7948
+ instance$V,
7949
+ create_fragment$V,
7950
7950
  safe_not_equal,
7951
7951
  {
7952
7952
  name: 7,
@@ -7961,18 +7961,18 @@ class FormSelect extends SvelteComponent {
7961
7961
  iconColor: 15,
7962
7962
  iconSize: 16
7963
7963
  },
7964
- add_css$q
7964
+ add_css$o
7965
7965
  );
7966
7966
  }
7967
7967
  }
7968
7968
 
7969
7969
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7970
7970
 
7971
- function add_css$p(target) {
7971
+ function add_css$n(target) {
7972
7972
  append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{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-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8: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-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7973
7973
  }
7974
7974
 
7975
- function get_each_context$3(ctx, list, i) {
7975
+ function get_each_context$4(ctx, list, i) {
7976
7976
  const child_ctx = ctx.slice();
7977
7977
  child_ctx[17] = list[i];
7978
7978
  child_ctx[19] = i;
@@ -7980,7 +7980,7 @@ function get_each_context$3(ctx, list, i) {
7980
7980
  }
7981
7981
 
7982
7982
  // (105:2) {#each _options as option, i}
7983
- function create_each_block$3(ctx) {
7983
+ function create_each_block$4(ctx) {
7984
7984
  let label;
7985
7985
  let input;
7986
7986
  let input_checked_value;
@@ -8097,13 +8097,13 @@ function create_each_block$3(ctx) {
8097
8097
  };
8098
8098
  }
8099
8099
 
8100
- function create_fragment$T(ctx) {
8100
+ function create_fragment$U(ctx) {
8101
8101
  let div;
8102
8102
  let each_value = /*_options*/ ctx[3];
8103
8103
  let each_blocks = [];
8104
8104
 
8105
8105
  for (let i = 0; i < each_value.length; i += 1) {
8106
- each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
8106
+ each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
8107
8107
  }
8108
8108
 
8109
8109
  return {
@@ -8144,12 +8144,12 @@ function create_fragment$T(ctx) {
8144
8144
  let i;
8145
8145
 
8146
8146
  for (i = 0; i < each_value.length; i += 1) {
8147
- const child_ctx = get_each_context$3(ctx, each_value, i);
8147
+ const child_ctx = get_each_context$4(ctx, each_value, i);
8148
8148
 
8149
8149
  if (each_blocks[i]) {
8150
8150
  each_blocks[i].p(child_ctx, dirty);
8151
8151
  } else {
8152
- each_blocks[i] = create_each_block$3(child_ctx);
8152
+ each_blocks[i] = create_each_block$4(child_ctx);
8153
8153
  each_blocks[i].c();
8154
8154
  each_blocks[i].m(div, null);
8155
8155
  }
@@ -8175,7 +8175,7 @@ function create_fragment$T(ctx) {
8175
8175
  };
8176
8176
  }
8177
8177
 
8178
- function instance$T($$self, $$props, $$invalidate) {
8178
+ function instance$U($$self, $$props, $$invalidate) {
8179
8179
  let _options;
8180
8180
  let styleVariables;
8181
8181
  let isCheckedArray;
@@ -8281,8 +8281,8 @@ class FormCheckBoxes extends SvelteComponent {
8281
8281
  init(
8282
8282
  this,
8283
8283
  options,
8284
- instance$T,
8285
- create_fragment$T,
8284
+ instance$U,
8285
+ create_fragment$U,
8286
8286
  safe_not_equal,
8287
8287
  {
8288
8288
  name: 0,
@@ -8295,25 +8295,25 @@ class FormCheckBoxes extends SvelteComponent {
8295
8295
  buttonColor: 13,
8296
8296
  buttonColorActive: 14
8297
8297
  },
8298
- add_css$p
8298
+ add_css$n
8299
8299
  );
8300
8300
  }
8301
8301
  }
8302
8302
 
8303
8303
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8304
8304
 
8305
- function add_css$o(target) {
8305
+ function add_css$m(target) {
8306
8306
  append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{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}");
8307
8307
  }
8308
8308
 
8309
- function get_each_context$2(ctx, list, i) {
8309
+ function get_each_context$3(ctx, list, i) {
8310
8310
  const child_ctx = ctx.slice();
8311
8311
  child_ctx[14] = list[i];
8312
8312
  return child_ctx;
8313
8313
  }
8314
8314
 
8315
8315
  // (68:2) {#each [...Array(count).keys()].map(i => i + startingNumber) as i}
8316
- function create_each_block$2(ctx) {
8316
+ function create_each_block$3(ctx) {
8317
8317
  let button;
8318
8318
  let t0_value = /*i*/ ctx[14] + "";
8319
8319
  let t0;
@@ -8370,13 +8370,13 @@ function create_each_block$2(ctx) {
8370
8370
  };
8371
8371
  }
8372
8372
 
8373
- function create_fragment$S(ctx) {
8373
+ function create_fragment$T(ctx) {
8374
8374
  let div;
8375
8375
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8376
8376
  let each_blocks = [];
8377
8377
 
8378
8378
  for (let i = 0; i < each_value.length; i += 1) {
8379
- each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
8379
+ each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
8380
8380
  }
8381
8381
 
8382
8382
  return {
@@ -8416,12 +8416,12 @@ function create_fragment$S(ctx) {
8416
8416
  let i;
8417
8417
 
8418
8418
  for (i = 0; i < each_value.length; i += 1) {
8419
- const child_ctx = get_each_context$2(ctx, each_value, i);
8419
+ const child_ctx = get_each_context$3(ctx, each_value, i);
8420
8420
 
8421
8421
  if (each_blocks[i]) {
8422
8422
  each_blocks[i].p(child_ctx, dirty);
8423
8423
  } else {
8424
- each_blocks[i] = create_each_block$2(child_ctx);
8424
+ each_blocks[i] = create_each_block$3(child_ctx);
8425
8425
  each_blocks[i].c();
8426
8426
  each_blocks[i].m(div, null);
8427
8427
  }
@@ -8443,7 +8443,7 @@ function create_fragment$S(ctx) {
8443
8443
  };
8444
8444
  }
8445
8445
 
8446
- function instance$S($$self, $$props, $$invalidate) {
8446
+ function instance$T($$self, $$props, $$invalidate) {
8447
8447
  let _value;
8448
8448
  let $value;
8449
8449
  let { name = '' } = $$props;
@@ -8525,8 +8525,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8525
8525
  init(
8526
8526
  this,
8527
8527
  options,
8528
- instance$S,
8529
- create_fragment$S,
8528
+ instance$T,
8529
+ create_fragment$T,
8530
8530
  safe_not_equal,
8531
8531
  {
8532
8532
  name: 6,
@@ -8537,25 +8537,25 @@ class FormRatingButtonsNumber extends SvelteComponent {
8537
8537
  buttonStyle: 9,
8538
8538
  buttonActiveStyle: 10
8539
8539
  },
8540
- add_css$o
8540
+ add_css$m
8541
8541
  );
8542
8542
  }
8543
8543
  }
8544
8544
 
8545
8545
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8546
8546
 
8547
- function add_css$n(target) {
8547
+ function add_css$l(target) {
8548
8548
  append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
8549
8549
  }
8550
8550
 
8551
- function get_each_context$1(ctx, list, i) {
8551
+ function get_each_context$2(ctx, list, i) {
8552
8552
  const child_ctx = ctx.slice();
8553
8553
  child_ctx[10] = list[i];
8554
8554
  return child_ctx;
8555
8555
  }
8556
8556
 
8557
8557
  // (42:2) {#each [...Array(count).keys()].reverse().map(i => i + 1) as i}
8558
- function create_each_block$1(ctx) {
8558
+ function create_each_block$2(ctx) {
8559
8559
  let button;
8560
8560
  let img;
8561
8561
  let img_src_value;
@@ -8615,13 +8615,13 @@ function create_each_block$1(ctx) {
8615
8615
  };
8616
8616
  }
8617
8617
 
8618
- function create_fragment$R(ctx) {
8618
+ function create_fragment$S(ctx) {
8619
8619
  let div;
8620
8620
  let each_value = [...Array(count).keys()].reverse().map(func);
8621
8621
  let each_blocks = [];
8622
8622
 
8623
8623
  for (let i = 0; i < each_value.length; i += 1) {
8624
- each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
8624
+ each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
8625
8625
  }
8626
8626
 
8627
8627
  return {
@@ -8661,12 +8661,12 @@ function create_fragment$R(ctx) {
8661
8661
  let i;
8662
8662
 
8663
8663
  for (i = 0; i < each_value.length; i += 1) {
8664
- const child_ctx = get_each_context$1(ctx, each_value, i);
8664
+ const child_ctx = get_each_context$2(ctx, each_value, i);
8665
8665
 
8666
8666
  if (each_blocks[i]) {
8667
8667
  each_blocks[i].p(child_ctx, dirty);
8668
8668
  } else {
8669
- each_blocks[i] = create_each_block$1(child_ctx);
8669
+ each_blocks[i] = create_each_block$2(child_ctx);
8670
8670
  each_blocks[i].c();
8671
8671
  each_blocks[i].m(div, null);
8672
8672
  }
@@ -8691,7 +8691,7 @@ function create_fragment$R(ctx) {
8691
8691
  const count = 5;
8692
8692
  const func = i => i + 1;
8693
8693
 
8694
- function instance$R($$self, $$props, $$invalidate) {
8694
+ function instance$S($$self, $$props, $$invalidate) {
8695
8695
  let _value;
8696
8696
  let buttonStyle;
8697
8697
  let $value;
@@ -8747,17 +8747,17 @@ function instance$R($$self, $$props, $$invalidate) {
8747
8747
  class FormRatingButtonsFace extends SvelteComponent {
8748
8748
  constructor(options) {
8749
8749
  super();
8750
- init(this, options, instance$R, create_fragment$R, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
8750
+ init(this, options, instance$S, create_fragment$S, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$l);
8751
8751
  }
8752
8752
  }
8753
8753
 
8754
8754
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8755
8755
 
8756
- function add_css$m(target) {
8756
+ function add_css$k(target) {
8757
8757
  append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{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-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx: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-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8758
8758
  }
8759
8759
 
8760
- function create_fragment$Q(ctx) {
8760
+ function create_fragment$R(ctx) {
8761
8761
  let div;
8762
8762
  let input;
8763
8763
  let input_class_value;
@@ -8838,7 +8838,7 @@ function create_fragment$Q(ctx) {
8838
8838
  };
8839
8839
  }
8840
8840
 
8841
- function instance$Q($$self, $$props, $$invalidate) {
8841
+ function instance$R($$self, $$props, $$invalidate) {
8842
8842
  let style;
8843
8843
  let styleVariables;
8844
8844
  let isValidForUI;
@@ -8969,8 +8969,8 @@ class FormIdentifyInput extends SvelteComponent {
8969
8969
  init(
8970
8970
  this,
8971
8971
  options,
8972
- instance$Q,
8973
- create_fragment$Q,
8972
+ instance$R,
8973
+ create_fragment$R,
8974
8974
  safe_not_equal,
8975
8975
  {
8976
8976
  field: 9,
@@ -8984,18 +8984,18 @@ class FormIdentifyInput extends SvelteComponent {
8984
8984
  _textStyle: 15,
8985
8985
  _placeholderStyle: 16
8986
8986
  },
8987
- add_css$m
8987
+ add_css$k
8988
8988
  );
8989
8989
  }
8990
8990
  }
8991
8991
 
8992
8992
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8993
8993
 
8994
- function add_css$l(target) {
8994
+ function add_css$j(target) {
8995
8995
  append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{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-8zbmyo: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-8zbmyo{margin-left:0.5em}");
8996
8996
  }
8997
8997
 
8998
- function create_fragment$P(ctx) {
8998
+ function create_fragment$Q(ctx) {
8999
8999
  let div;
9000
9000
  let label0;
9001
9001
  let input0;
@@ -9136,7 +9136,7 @@ function create_fragment$P(ctx) {
9136
9136
  };
9137
9137
  }
9138
9138
 
9139
- function instance$P($$self, $$props, $$invalidate) {
9139
+ function instance$Q($$self, $$props, $$invalidate) {
9140
9140
  let buttonStyle;
9141
9141
  let $value;
9142
9142
  let { field = 'subscription' } = $$props;
@@ -9218,8 +9218,8 @@ class FormIdentifyChoices extends SvelteComponent {
9218
9218
  init(
9219
9219
  this,
9220
9220
  options,
9221
- instance$P,
9222
- create_fragment$P,
9221
+ instance$Q,
9222
+ create_fragment$Q,
9223
9223
  safe_not_equal,
9224
9224
  {
9225
9225
  field: 6,
@@ -9231,18 +9231,18 @@ class FormIdentifyChoices extends SvelteComponent {
9231
9231
  buttonColor: 10,
9232
9232
  buttonColorActive: 11
9233
9233
  },
9234
- add_css$l
9234
+ add_css$j
9235
9235
  );
9236
9236
  }
9237
9237
  }
9238
9238
 
9239
9239
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9240
9240
 
9241
- function add_css$k(target) {
9241
+ function add_css$i(target) {
9242
9242
  append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
9243
9243
  }
9244
9244
 
9245
- function get_each_context(ctx, list, i) {
9245
+ function get_each_context$1(ctx, list, i) {
9246
9246
  const child_ctx = ctx.slice();
9247
9247
  child_ctx[61] = list[i];
9248
9248
  child_ctx[63] = i;
@@ -9386,7 +9386,7 @@ function create_if_block$8(ctx) {
9386
9386
  }
9387
9387
 
9388
9388
  // (393:4) {#each items as _, i}
9389
- function create_each_block(ctx) {
9389
+ function create_each_block$1(ctx) {
9390
9390
  let button;
9391
9391
  let div;
9392
9392
  let div_style_value;
@@ -9449,7 +9449,7 @@ function create_each_block(ctx) {
9449
9449
  };
9450
9450
  }
9451
9451
 
9452
- function create_fragment$O(ctx) {
9452
+ function create_fragment$P(ctx) {
9453
9453
  let div3;
9454
9454
  let div1;
9455
9455
  let div0;
@@ -9467,7 +9467,7 @@ function create_fragment$O(ctx) {
9467
9467
  let each_blocks = [];
9468
9468
 
9469
9469
  for (let i = 0; i < each_value.length; i += 1) {
9470
- each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
9470
+ each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
9471
9471
  }
9472
9472
 
9473
9473
  let div3_levels = [{ class: "root" }, dataAttrStopPropagation('click')];
@@ -9615,12 +9615,12 @@ function create_fragment$O(ctx) {
9615
9615
  let i;
9616
9616
 
9617
9617
  for (i = 0; i < each_value.length; i += 1) {
9618
- const child_ctx = get_each_context(ctx, each_value, i);
9618
+ const child_ctx = get_each_context$1(ctx, each_value, i);
9619
9619
 
9620
9620
  if (each_blocks[i]) {
9621
9621
  each_blocks[i].p(child_ctx, dirty);
9622
9622
  } else {
9623
- each_blocks[i] = create_each_block(child_ctx);
9623
+ each_blocks[i] = create_each_block$1(child_ctx);
9624
9624
  each_blocks[i].c();
9625
9625
  each_blocks[i].m(div2, null);
9626
9626
  }
@@ -9673,7 +9673,7 @@ function calcPositionIndex(shift, index, length) {
9673
9673
  }
9674
9674
  }
9675
9675
 
9676
- function instance$O($$self, $$props, $$invalidate) {
9676
+ function instance$P($$self, $$props, $$invalidate) {
9677
9677
  let slideStyle;
9678
9678
  let slideClass;
9679
9679
  let _loop;
@@ -10126,8 +10126,8 @@ class Slide extends SvelteComponent {
10126
10126
  init(
10127
10127
  this,
10128
10128
  options,
10129
- instance$O,
10130
- create_fragment$O,
10129
+ instance$P,
10130
+ create_fragment$P,
10131
10131
  safe_not_equal,
10132
10132
  {
10133
10133
  loop: 18,
@@ -10141,7 +10141,7 @@ class Slide extends SvelteComponent {
10141
10141
  navigationButton: 25,
10142
10142
  navigationEdgePosition: 26
10143
10143
  },
10144
- add_css$k,
10144
+ add_css$i,
10145
10145
  [-1, -1, -1]
10146
10146
  );
10147
10147
  }
@@ -10149,11 +10149,11 @@ class Slide extends SvelteComponent {
10149
10149
 
10150
10150
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10151
10151
 
10152
- function add_css$j(target) {
10152
+ function add_css$h(target) {
10153
10153
  append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
10154
10154
  }
10155
10155
 
10156
- function create_fragment$N(ctx) {
10156
+ function create_fragment$O(ctx) {
10157
10157
  let div1;
10158
10158
  let div0;
10159
10159
  let current;
@@ -10233,7 +10233,7 @@ function create_fragment$N(ctx) {
10233
10233
  };
10234
10234
  }
10235
10235
 
10236
- function instance$N($$self, $$props, $$invalidate) {
10236
+ function instance$O($$self, $$props, $$invalidate) {
10237
10237
  let itemStyle;
10238
10238
  let { $$slots: slots = {}, $$scope } = $$props;
10239
10239
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10299,20 +10299,20 @@ function instance$N($$self, $$props, $$invalidate) {
10299
10299
  class SlideItem extends SvelteComponent {
10300
10300
  constructor(options) {
10301
10301
  super();
10302
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { _style: 0 }, add_css$j);
10302
+ init(this, options, instance$O, create_fragment$O, safe_not_equal, { _style: 0 }, add_css$h);
10303
10303
  }
10304
10304
  }
10305
10305
 
10306
10306
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10307
10307
 
10308
- function add_css$i(target) {
10308
+ function add_css$g(target) {
10309
10309
  append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
10310
10310
  }
10311
10311
 
10312
10312
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10313
10313
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
10314
10314
 
10315
- function create_fragment$M(ctx) {
10315
+ function create_fragment$N(ctx) {
10316
10316
  let div1;
10317
10317
  let div0;
10318
10318
  let current;
@@ -10405,7 +10405,7 @@ function formatTimeDiff(ms) {
10405
10405
  };
10406
10406
  }
10407
10407
 
10408
- function instance$M($$self, $$props, $$invalidate) {
10408
+ function instance$N($$self, $$props, $$invalidate) {
10409
10409
  let countdown;
10410
10410
  let { $$slots: slots = {}, $$scope } = $$props;
10411
10411
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10462,13 +10462,13 @@ function instance$M($$self, $$props, $$invalidate) {
10462
10462
  class Countdown extends SvelteComponent {
10463
10463
  constructor(options) {
10464
10464
  super();
10465
- init(this, options, instance$M, create_fragment$M, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
10465
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$g);
10466
10466
  }
10467
10467
  }
10468
10468
 
10469
10469
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10470
10470
 
10471
- function add_css$h(target) {
10471
+ function add_css$f(target) {
10472
10472
  append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
10473
10473
  }
10474
10474
 
@@ -10523,7 +10523,7 @@ function create_default_slot$7(ctx) {
10523
10523
  };
10524
10524
  }
10525
10525
 
10526
- function create_fragment$L(ctx) {
10526
+ function create_fragment$M(ctx) {
10527
10527
  let div;
10528
10528
  let button;
10529
10529
  let current;
@@ -10587,7 +10587,7 @@ function create_fragment$L(ctx) {
10587
10587
  };
10588
10588
  }
10589
10589
 
10590
- function instance$L($$self, $$props, $$invalidate) {
10590
+ function instance$M($$self, $$props, $$invalidate) {
10591
10591
  let { $$slots: slots = {}, $$scope } = $$props;
10592
10592
  let { onClick = { operation: 'none', args: [] } } = $$props;
10593
10593
  let { eventName = '' } = $$props;
@@ -10606,13 +10606,13 @@ function instance$L($$self, $$props, $$invalidate) {
10606
10606
  class Box extends SvelteComponent {
10607
10607
  constructor(options) {
10608
10608
  super();
10609
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
10609
+ init(this, options, instance$M, create_fragment$M, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$f);
10610
10610
  }
10611
10611
  }
10612
10612
 
10613
10613
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10614
10614
 
10615
- function add_css$g(target) {
10615
+ function add_css$e(target) {
10616
10616
  append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .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-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
10617
10617
  }
10618
10618
 
@@ -10688,7 +10688,7 @@ function create_default_slot$6(ctx) {
10688
10688
  };
10689
10689
  }
10690
10690
 
10691
- function create_fragment$K(ctx) {
10691
+ function create_fragment$L(ctx) {
10692
10692
  let div;
10693
10693
  let button;
10694
10694
  let current;
@@ -10759,7 +10759,7 @@ function parseData(dataUrl) {
10759
10759
  return decodeURIComponent(data).replaceAll('\'', '"');
10760
10760
  }
10761
10761
 
10762
- function instance$K($$self, $$props, $$invalidate) {
10762
+ function instance$L($$self, $$props, $$invalidate) {
10763
10763
  let svg;
10764
10764
  let styleVariables;
10765
10765
  let style;
@@ -10807,8 +10807,8 @@ class IconElement extends SvelteComponent {
10807
10807
  init(
10808
10808
  this,
10809
10809
  options,
10810
- instance$K,
10811
- create_fragment$K,
10810
+ instance$L,
10811
+ create_fragment$L,
10812
10812
  safe_not_equal,
10813
10813
  {
10814
10814
  icon: 4,
@@ -10818,18 +10818,18 @@ class IconElement extends SvelteComponent {
10818
10818
  color: 6,
10819
10819
  _style: 7
10820
10820
  },
10821
- add_css$g
10821
+ add_css$e
10822
10822
  );
10823
10823
  }
10824
10824
  }
10825
10825
 
10826
10826
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10827
10827
 
10828
- function add_css$f(target) {
10828
+ function add_css$d(target) {
10829
10829
  append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10830
10830
  }
10831
10831
 
10832
- function create_fragment$J(ctx) {
10832
+ function create_fragment$K(ctx) {
10833
10833
  let div;
10834
10834
  let switch_instance;
10835
10835
  let current;
@@ -10919,7 +10919,7 @@ function create_fragment$J(ctx) {
10919
10919
  };
10920
10920
  }
10921
10921
 
10922
- function instance$J($$self, $$props, $$invalidate) {
10922
+ function instance$K($$self, $$props, $$invalidate) {
10923
10923
  let $data,
10924
10924
  $$unsubscribe_data = noop,
10925
10925
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10944,17 +10944,17 @@ function instance$J($$self, $$props, $$invalidate) {
10944
10944
  class CodeElement extends SvelteComponent {
10945
10945
  constructor(options) {
10946
10946
  super();
10947
- init(this, options, instance$J, create_fragment$J, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
10947
+ init(this, options, instance$K, create_fragment$K, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$d);
10948
10948
  }
10949
10949
  }
10950
10950
 
10951
10951
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10952
10952
 
10953
- function add_css$e(target) {
10953
+ function add_css$c(target) {
10954
10954
  append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10955
10955
  }
10956
10956
 
10957
- function create_fragment$I(ctx) {
10957
+ function create_fragment$J(ctx) {
10958
10958
  let div;
10959
10959
  let div_style_value;
10960
10960
  let current;
@@ -11029,7 +11029,7 @@ function getFlexContext() {
11029
11029
  return getContext(FlexContextKey);
11030
11030
  }
11031
11031
 
11032
- function instance$I($$self, $$props, $$invalidate) {
11032
+ function instance$J($$self, $$props, $$invalidate) {
11033
11033
  let { $$slots: slots = {}, $$scope } = $$props;
11034
11034
  let { direction = 'row' } = $$props;
11035
11035
  let { width = '100%' } = $$props;
@@ -11055,8 +11055,8 @@ class Flex extends SvelteComponent {
11055
11055
  init(
11056
11056
  this,
11057
11057
  options,
11058
- instance$I,
11059
- create_fragment$I,
11058
+ instance$J,
11059
+ create_fragment$J,
11060
11060
  safe_not_equal,
11061
11061
  {
11062
11062
  direction: 0,
@@ -11064,18 +11064,18 @@ class Flex extends SvelteComponent {
11064
11064
  height: 2,
11065
11065
  _style: 3
11066
11066
  },
11067
- add_css$e
11067
+ add_css$c
11068
11068
  );
11069
11069
  }
11070
11070
  }
11071
11071
 
11072
11072
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11073
11073
 
11074
- function add_css$d(target) {
11074
+ function add_css$b(target) {
11075
11075
  append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11076
11076
  }
11077
11077
 
11078
- function create_fragment$H(ctx) {
11078
+ function create_fragment$I(ctx) {
11079
11079
  let div;
11080
11080
  let current;
11081
11081
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11143,7 +11143,7 @@ function create_fragment$H(ctx) {
11143
11143
  };
11144
11144
  }
11145
11145
 
11146
- function instance$H($$self, $$props, $$invalidate) {
11146
+ function instance$I($$self, $$props, $$invalidate) {
11147
11147
  let { $$slots: slots = {}, $$scope } = $$props;
11148
11148
  let { length } = $$props;
11149
11149
  let { _style = '' } = $$props;
@@ -11186,7 +11186,7 @@ function instance$H($$self, $$props, $$invalidate) {
11186
11186
  class FlexItem extends SvelteComponent {
11187
11187
  constructor(options) {
11188
11188
  super();
11189
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
11189
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { length: 1, _style: 2 }, add_css$b);
11190
11190
  }
11191
11191
  }
11192
11192
 
@@ -11370,7 +11370,7 @@ function create_default_slot$5(ctx) {
11370
11370
  };
11371
11371
  }
11372
11372
 
11373
- function create_fragment$G(ctx) {
11373
+ function create_fragment$H(ctx) {
11374
11374
  let stateitem;
11375
11375
  let current;
11376
11376
 
@@ -11418,7 +11418,7 @@ function create_fragment$G(ctx) {
11418
11418
  };
11419
11419
  }
11420
11420
 
11421
- function instance$G($$self, $$props, $$invalidate) {
11421
+ function instance$H($$self, $$props, $$invalidate) {
11422
11422
  let { $$slots: slots = {}, $$scope } = $$props;
11423
11423
  let { path } = $$props;
11424
11424
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11489,7 +11489,7 @@ class GridModalState extends SvelteComponent {
11489
11489
  constructor(options) {
11490
11490
  super();
11491
11491
 
11492
- init(this, options, instance$G, create_fragment$G, safe_not_equal, {
11492
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, {
11493
11493
  path: 0,
11494
11494
  onClick: 1,
11495
11495
  clickEventName: 2,
@@ -11514,11 +11514,11 @@ class GridModalState extends SvelteComponent {
11514
11514
 
11515
11515
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11516
11516
 
11517
- function add_css$c(target) {
11517
+ function add_css$a(target) {
11518
11518
  append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
11519
11519
  }
11520
11520
 
11521
- function create_fragment$F(ctx) {
11521
+ function create_fragment$G(ctx) {
11522
11522
  let div1;
11523
11523
  let div0;
11524
11524
  let rendertext;
@@ -11583,7 +11583,7 @@ function create_fragment$F(ctx) {
11583
11583
  };
11584
11584
  }
11585
11585
 
11586
- function instance$F($$self, $$props, $$invalidate) {
11586
+ function instance$G($$self, $$props, $$invalidate) {
11587
11587
  let style;
11588
11588
  let { text = 'サンプルSample' } = $$props;
11589
11589
  let { font = SYSTEM_FONT } = $$props;
@@ -11619,8 +11619,8 @@ class TextBlock extends SvelteComponent {
11619
11619
  init(
11620
11620
  this,
11621
11621
  options,
11622
- instance$F,
11623
- create_fragment$F,
11622
+ instance$G,
11623
+ create_fragment$G,
11624
11624
  safe_not_equal,
11625
11625
  {
11626
11626
  text: 0,
@@ -11629,18 +11629,18 @@ class TextBlock extends SvelteComponent {
11629
11629
  textDirection: 1,
11630
11630
  _style: 5
11631
11631
  },
11632
- add_css$c
11632
+ add_css$a
11633
11633
  );
11634
11634
  }
11635
11635
  }
11636
11636
 
11637
11637
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11638
11638
 
11639
- function add_css$b(target) {
11639
+ function add_css$9(target) {
11640
11640
  append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{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-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
11641
11641
  }
11642
11642
 
11643
- function create_fragment$E(ctx) {
11643
+ function create_fragment$F(ctx) {
11644
11644
  let div;
11645
11645
  let button;
11646
11646
  let rendertext;
@@ -11714,7 +11714,7 @@ function create_fragment$E(ctx) {
11714
11714
  };
11715
11715
  }
11716
11716
 
11717
- function instance$E($$self, $$props, $$invalidate) {
11717
+ function instance$F($$self, $$props, $$invalidate) {
11718
11718
  let { text = 'ボタンラベル' } = $$props;
11719
11719
  let { onClick = { operation: 'none', args: [] } } = $$props;
11720
11720
 
@@ -11756,8 +11756,8 @@ class TextButtonBlock extends SvelteComponent {
11756
11756
  init(
11757
11757
  this,
11758
11758
  options,
11759
- instance$E,
11760
- create_fragment$E,
11759
+ instance$F,
11760
+ create_fragment$F,
11761
11761
  safe_not_equal,
11762
11762
  {
11763
11763
  text: 0,
@@ -11767,18 +11767,18 @@ class TextButtonBlock extends SvelteComponent {
11767
11767
  _buttonStyle: 1,
11768
11768
  _style: 2
11769
11769
  },
11770
- add_css$b
11770
+ add_css$9
11771
11771
  );
11772
11772
  }
11773
11773
  }
11774
11774
 
11775
11775
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11776
11776
 
11777
- function add_css$a(target) {
11777
+ function add_css$8(target) {
11778
11778
  append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{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-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
11779
11779
  }
11780
11780
 
11781
- function create_fragment$D(ctx) {
11781
+ function create_fragment$E(ctx) {
11782
11782
  let div;
11783
11783
  let img;
11784
11784
  let img_style_value;
@@ -11861,7 +11861,7 @@ function create_fragment$D(ctx) {
11861
11861
  };
11862
11862
  }
11863
11863
 
11864
- function instance$D($$self, $$props, $$invalidate) {
11864
+ function instance$E($$self, $$props, $$invalidate) {
11865
11865
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11866
11866
  let { alt = 'No Image' } = $$props;
11867
11867
  let { transport = false } = $$props;
@@ -11901,8 +11901,8 @@ class ImageBlock extends SvelteComponent {
11901
11901
  init(
11902
11902
  this,
11903
11903
  options,
11904
- instance$D,
11905
- create_fragment$D,
11904
+ instance$E,
11905
+ create_fragment$E,
11906
11906
  safe_not_equal,
11907
11907
  {
11908
11908
  src: 0,
@@ -11914,7 +11914,7 @@ class ImageBlock extends SvelteComponent {
11914
11914
  _imageStyle: 4,
11915
11915
  _style: 5
11916
11916
  },
11917
- add_css$a
11917
+ add_css$8
11918
11918
  );
11919
11919
  }
11920
11920
  }
@@ -11957,6 +11957,7 @@ const toCssPosition = (p) => {
11957
11957
  left: p?.left,
11958
11958
  bottom: p?.bottom,
11959
11959
  right: p?.right,
11960
+ transform: p?.transform,
11960
11961
  };
11961
11962
  };
11962
11963
  const toCssCommon = (p) => {
@@ -11965,7 +11966,6 @@ const toCssCommon = (p) => {
11965
11966
  };
11966
11967
  };
11967
11968
  const toCssBorder = (p) => {
11968
- console.log(p);
11969
11969
  const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
11970
11970
  if (borderWidth === null)
11971
11971
  return {};
@@ -12014,7 +12014,7 @@ const toCssShadow = (p) => {
12014
12014
 
12015
12015
  /* src/components-flex/shared/elements/Clickable.svelte generated by Svelte v3.53.1 */
12016
12016
 
12017
- function add_css$9(target) {
12017
+ function add_css$7(target) {
12018
12018
  append_styles(target, "svelte-1agjjit", ".clickable.svelte-1agjjit:link,.clickable.svelte-1agjjit:visited,.clickable.svelte-1agjjit:active,.clickable.svelte-1agjjit:hover{color:inherit}.clickable.svelte-1agjjit{cursor:pointer;text-decoration:none}");
12019
12019
  }
12020
12020
 
@@ -12321,7 +12321,7 @@ function create_if_block$6(ctx) {
12321
12321
  };
12322
12322
  }
12323
12323
 
12324
- function create_fragment$C(ctx) {
12324
+ function create_fragment$D(ctx) {
12325
12325
  let current_block_type_index;
12326
12326
  let if_block;
12327
12327
  let if_block_anchor;
@@ -12397,7 +12397,7 @@ function create_fragment$C(ctx) {
12397
12397
 
12398
12398
  const CLICKABLE_CLASS = 'clickable';
12399
12399
 
12400
- function instance$C($$self, $$props, $$invalidate) {
12400
+ function instance$D($$self, $$props, $$invalidate) {
12401
12401
  let fixedClass;
12402
12402
  let { $$slots: slots = {}, $$scope } = $$props;
12403
12403
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -12452,8 +12452,8 @@ class Clickable extends SvelteComponent {
12452
12452
  init(
12453
12453
  this,
12454
12454
  options,
12455
- instance$C,
12456
- create_fragment$C,
12455
+ instance$D,
12456
+ create_fragment$D,
12457
12457
  safe_not_equal,
12458
12458
  {
12459
12459
  onClick: 0,
@@ -12463,18 +12463,13 @@ class Clickable extends SvelteComponent {
12463
12463
  layerId: 2,
12464
12464
  className: 7
12465
12465
  },
12466
- add_css$9
12466
+ add_css$7
12467
12467
  );
12468
12468
  }
12469
12469
  }
12470
12470
 
12471
12471
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12472
12472
 
12473
- function add_css$8(target) {
12474
- append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
12475
- }
12476
-
12477
- // (34:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue} >
12478
12473
  function create_default_slot$4(ctx) {
12479
12474
  let img;
12480
12475
  let img_src_value;
@@ -12516,13 +12511,14 @@ function create_default_slot$4(ctx) {
12516
12511
  };
12517
12512
  }
12518
12513
 
12519
- function create_fragment$B(ctx) {
12520
- let div;
12514
+ function create_fragment$C(ctx) {
12521
12515
  let clickable;
12522
12516
  let current;
12523
12517
 
12524
12518
  clickable = new Clickable({
12525
12519
  props: {
12520
+ layerId: /*layerId*/ ctx[1],
12521
+ style: /*style*/ ctx[3],
12526
12522
  onClick: /*props*/ ctx[0].onClick,
12527
12523
  eventName: /*props*/ ctx[0].eventName,
12528
12524
  eventValue: /*props*/ ctx[0].eventValue,
@@ -12533,34 +12529,19 @@ function create_fragment$B(ctx) {
12533
12529
 
12534
12530
  return {
12535
12531
  c() {
12536
- div = element("div");
12537
12532
  create_component(clickable.$$.fragment);
12538
- this.h();
12539
12533
  },
12540
12534
  l(nodes) {
12541
- div = claim_element(nodes, "DIV", {
12542
- class: true,
12543
- "data-layer-id": true,
12544
- style: true
12545
- });
12546
-
12547
- var div_nodes = children(div);
12548
- claim_component(clickable.$$.fragment, div_nodes);
12549
- div_nodes.forEach(detach);
12550
- this.h();
12551
- },
12552
- h() {
12553
- attr(div, "class", "avatar svelte-17xar9h");
12554
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12555
- attr(div, "style", /*style*/ ctx[3]);
12535
+ claim_component(clickable.$$.fragment, nodes);
12556
12536
  },
12557
12537
  m(target, anchor) {
12558
- insert_hydration(target, div, anchor);
12559
- mount_component(clickable, div, null);
12538
+ mount_component(clickable, target, anchor);
12560
12539
  current = true;
12561
12540
  },
12562
12541
  p(ctx, [dirty]) {
12563
12542
  const clickable_changes = {};
12543
+ if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
12544
+ if (dirty & /*style*/ 8) clickable_changes.style = /*style*/ ctx[3];
12564
12545
  if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
12565
12546
  if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
12566
12547
  if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
@@ -12570,14 +12551,6 @@ function create_fragment$B(ctx) {
12570
12551
  }
12571
12552
 
12572
12553
  clickable.$set(clickable_changes);
12573
-
12574
- if (!current || dirty & /*layerId*/ 2) {
12575
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12576
- }
12577
-
12578
- if (!current || dirty & /*style*/ 8) {
12579
- attr(div, "style", /*style*/ ctx[3]);
12580
- }
12581
12554
  },
12582
12555
  i(local) {
12583
12556
  if (current) return;
@@ -12589,13 +12562,12 @@ function create_fragment$B(ctx) {
12589
12562
  current = false;
12590
12563
  },
12591
12564
  d(detaching) {
12592
- if (detaching) detach(div);
12593
- destroy_component(clickable);
12565
+ destroy_component(clickable, detaching);
12594
12566
  }
12595
12567
  };
12596
12568
  }
12597
12569
 
12598
- function instance$B($$self, $$props, $$invalidate) {
12570
+ function instance$C($$self, $$props, $$invalidate) {
12599
12571
  let style;
12600
12572
  let imgStyle;
12601
12573
  let { props = {} } = $$props;
@@ -12618,6 +12590,11 @@ function instance$B($$self, $$props, $$invalidate) {
12618
12590
  $$self.$$.update = () => {
12619
12591
  if ($$self.$$.dirty & /*props*/ 1) {
12620
12592
  $$invalidate(3, style = objToStyle({
12593
+ display: 'flex',
12594
+ alignItems: 'center',
12595
+ justifyContent: 'center',
12596
+ overflow: 'hidden',
12597
+ flexShrink: 0,
12621
12598
  width: `${size}px`,
12622
12599
  height: `${size}px`,
12623
12600
  ...VARIANTS.shape[props.shape ?? 'square'],
@@ -12639,7 +12616,7 @@ function instance$B($$self, $$props, $$invalidate) {
12639
12616
  class Avatar extends SvelteComponent {
12640
12617
  constructor(options) {
12641
12618
  super();
12642
- init(this, options, instance$B, create_fragment$B, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
12619
+ init(this, options, instance$C, create_fragment$C, safe_not_equal, { props: 0, layerId: 1 });
12643
12620
  }
12644
12621
  }
12645
12622
 
@@ -12692,7 +12669,7 @@ const buttonPropsDefault = {
12692
12669
 
12693
12670
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12694
12671
 
12695
- function create_fragment$A(ctx) {
12672
+ function create_fragment$B(ctx) {
12696
12673
  let svg;
12697
12674
  let path;
12698
12675
 
@@ -12735,7 +12712,7 @@ function create_fragment$A(ctx) {
12735
12712
  };
12736
12713
  }
12737
12714
 
12738
- function instance$A($$self, $$props, $$invalidate) {
12715
+ function instance$B($$self, $$props, $$invalidate) {
12739
12716
  let { color } = $$props;
12740
12717
 
12741
12718
  $$self.$$set = $$props => {
@@ -12748,13 +12725,13 @@ function instance$A($$self, $$props, $$invalidate) {
12748
12725
  class IconArrowDown extends SvelteComponent {
12749
12726
  constructor(options) {
12750
12727
  super();
12751
- init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
12728
+ init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
12752
12729
  }
12753
12730
  }
12754
12731
 
12755
12732
  /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
12756
12733
 
12757
- function create_fragment$z(ctx) {
12734
+ function create_fragment$A(ctx) {
12758
12735
  let svg;
12759
12736
  let path;
12760
12737
 
@@ -12797,7 +12774,7 @@ function create_fragment$z(ctx) {
12797
12774
  };
12798
12775
  }
12799
12776
 
12800
- function instance$z($$self, $$props, $$invalidate) {
12777
+ function instance$A($$self, $$props, $$invalidate) {
12801
12778
  let { color } = $$props;
12802
12779
 
12803
12780
  $$self.$$set = $$props => {
@@ -12810,13 +12787,13 @@ function instance$z($$self, $$props, $$invalidate) {
12810
12787
  class IconArrowUp extends SvelteComponent {
12811
12788
  constructor(options) {
12812
12789
  super();
12813
- init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
12790
+ init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
12814
12791
  }
12815
12792
  }
12816
12793
 
12817
12794
  /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12818
12795
 
12819
- function create_fragment$y(ctx) {
12796
+ function create_fragment$z(ctx) {
12820
12797
  let svg;
12821
12798
  let path;
12822
12799
 
@@ -12859,7 +12836,7 @@ function create_fragment$y(ctx) {
12859
12836
  };
12860
12837
  }
12861
12838
 
12862
- function instance$y($$self, $$props, $$invalidate) {
12839
+ function instance$z($$self, $$props, $$invalidate) {
12863
12840
  let { color } = $$props;
12864
12841
 
12865
12842
  $$self.$$set = $$props => {
@@ -12872,13 +12849,13 @@ function instance$y($$self, $$props, $$invalidate) {
12872
12849
  class IconUsers extends SvelteComponent {
12873
12850
  constructor(options) {
12874
12851
  super();
12875
- init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
12852
+ init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
12876
12853
  }
12877
12854
  }
12878
12855
 
12879
12856
  /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12880
12857
 
12881
- function create_fragment$x(ctx) {
12858
+ function create_fragment$y(ctx) {
12882
12859
  let svg;
12883
12860
  let path;
12884
12861
 
@@ -12921,7 +12898,7 @@ function create_fragment$x(ctx) {
12921
12898
  };
12922
12899
  }
12923
12900
 
12924
- function instance$x($$self, $$props, $$invalidate) {
12901
+ function instance$y($$self, $$props, $$invalidate) {
12925
12902
  let { color } = $$props;
12926
12903
 
12927
12904
  $$self.$$set = $$props => {
@@ -12934,13 +12911,13 @@ function instance$x($$self, $$props, $$invalidate) {
12934
12911
  class IconArrowLeft extends SvelteComponent {
12935
12912
  constructor(options) {
12936
12913
  super();
12937
- init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
12914
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
12938
12915
  }
12939
12916
  }
12940
12917
 
12941
12918
  /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
12942
12919
 
12943
- function create_fragment$w(ctx) {
12920
+ function create_fragment$x(ctx) {
12944
12921
  let svg;
12945
12922
  let path;
12946
12923
 
@@ -12983,7 +12960,7 @@ function create_fragment$w(ctx) {
12983
12960
  };
12984
12961
  }
12985
12962
 
12986
- function instance$w($$self, $$props, $$invalidate) {
12963
+ function instance$x($$self, $$props, $$invalidate) {
12987
12964
  let { color } = $$props;
12988
12965
 
12989
12966
  $$self.$$set = $$props => {
@@ -12996,13 +12973,13 @@ function instance$w($$self, $$props, $$invalidate) {
12996
12973
  class IconArrowRight extends SvelteComponent {
12997
12974
  constructor(options) {
12998
12975
  super();
12999
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
12976
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
13000
12977
  }
13001
12978
  }
13002
12979
 
13003
12980
  /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
13004
12981
 
13005
- function create_fragment$v(ctx) {
12982
+ function create_fragment$w(ctx) {
13006
12983
  let svg;
13007
12984
  let path;
13008
12985
 
@@ -13045,7 +13022,7 @@ function create_fragment$v(ctx) {
13045
13022
  };
13046
13023
  }
13047
13024
 
13048
- function instance$v($$self, $$props, $$invalidate) {
13025
+ function instance$w($$self, $$props, $$invalidate) {
13049
13026
  let { color } = $$props;
13050
13027
 
13051
13028
  $$self.$$set = $$props => {
@@ -13058,13 +13035,13 @@ function instance$v($$self, $$props, $$invalidate) {
13058
13035
  class IconBell extends SvelteComponent {
13059
13036
  constructor(options) {
13060
13037
  super();
13061
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
13038
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
13062
13039
  }
13063
13040
  }
13064
13041
 
13065
13042
  /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
13066
13043
 
13067
- function create_fragment$u(ctx) {
13044
+ function create_fragment$v(ctx) {
13068
13045
  let svg;
13069
13046
  let path;
13070
13047
 
@@ -13107,7 +13084,7 @@ function create_fragment$u(ctx) {
13107
13084
  };
13108
13085
  }
13109
13086
 
13110
- function instance$u($$self, $$props, $$invalidate) {
13087
+ function instance$v($$self, $$props, $$invalidate) {
13111
13088
  let { color } = $$props;
13112
13089
 
13113
13090
  $$self.$$set = $$props => {
@@ -13120,13 +13097,13 @@ function instance$u($$self, $$props, $$invalidate) {
13120
13097
  class IconArrowUpFromSquare extends SvelteComponent {
13121
13098
  constructor(options) {
13122
13099
  super();
13123
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
13100
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
13124
13101
  }
13125
13102
  }
13126
13103
 
13127
13104
  /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
13128
13105
 
13129
- function create_fragment$t(ctx) {
13106
+ function create_fragment$u(ctx) {
13130
13107
  let svg;
13131
13108
  let path;
13132
13109
 
@@ -13169,7 +13146,7 @@ function create_fragment$t(ctx) {
13169
13146
  };
13170
13147
  }
13171
13148
 
13172
- function instance$t($$self, $$props, $$invalidate) {
13149
+ function instance$u($$self, $$props, $$invalidate) {
13173
13150
  let { color } = $$props;
13174
13151
 
13175
13152
  $$self.$$set = $$props => {
@@ -13182,13 +13159,13 @@ function instance$t($$self, $$props, $$invalidate) {
13182
13159
  class IconTicket extends SvelteComponent {
13183
13160
  constructor(options) {
13184
13161
  super();
13185
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
13162
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
13186
13163
  }
13187
13164
  }
13188
13165
 
13189
13166
  /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
13190
13167
 
13191
- function create_fragment$s(ctx) {
13168
+ function create_fragment$t(ctx) {
13192
13169
  let svg;
13193
13170
  let path;
13194
13171
 
@@ -13231,7 +13208,7 @@ function create_fragment$s(ctx) {
13231
13208
  };
13232
13209
  }
13233
13210
 
13234
- function instance$s($$self, $$props, $$invalidate) {
13211
+ function instance$t($$self, $$props, $$invalidate) {
13235
13212
  let { color } = $$props;
13236
13213
 
13237
13214
  $$self.$$set = $$props => {
@@ -13244,13 +13221,13 @@ function instance$s($$self, $$props, $$invalidate) {
13244
13221
  class IconTrack extends SvelteComponent {
13245
13222
  constructor(options) {
13246
13223
  super();
13247
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
13224
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
13248
13225
  }
13249
13226
  }
13250
13227
 
13251
13228
  /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
13252
13229
 
13253
- function create_fragment$r(ctx) {
13230
+ function create_fragment$s(ctx) {
13254
13231
  let svg;
13255
13232
  let path;
13256
13233
 
@@ -13293,7 +13270,7 @@ function create_fragment$r(ctx) {
13293
13270
  };
13294
13271
  }
13295
13272
 
13296
- function instance$r($$self, $$props, $$invalidate) {
13273
+ function instance$s($$self, $$props, $$invalidate) {
13297
13274
  let { color } = $$props;
13298
13275
 
13299
13276
  $$self.$$set = $$props => {
@@ -13306,13 +13283,13 @@ function instance$r($$self, $$props, $$invalidate) {
13306
13283
  class IconCartShopping extends SvelteComponent {
13307
13284
  constructor(options) {
13308
13285
  super();
13309
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
13286
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
13310
13287
  }
13311
13288
  }
13312
13289
 
13313
13290
  /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
13314
13291
 
13315
- function create_fragment$q(ctx) {
13292
+ function create_fragment$r(ctx) {
13316
13293
  let svg;
13317
13294
  let path;
13318
13295
 
@@ -13355,7 +13332,7 @@ function create_fragment$q(ctx) {
13355
13332
  };
13356
13333
  }
13357
13334
 
13358
- function instance$q($$self, $$props, $$invalidate) {
13335
+ function instance$r($$self, $$props, $$invalidate) {
13359
13336
  let { color } = $$props;
13360
13337
 
13361
13338
  $$self.$$set = $$props => {
@@ -13368,13 +13345,13 @@ function instance$q($$self, $$props, $$invalidate) {
13368
13345
  class IconCircle extends SvelteComponent {
13369
13346
  constructor(options) {
13370
13347
  super();
13371
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
13348
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
13372
13349
  }
13373
13350
  }
13374
13351
 
13375
13352
  /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
13376
13353
 
13377
- function create_fragment$p(ctx) {
13354
+ function create_fragment$q(ctx) {
13378
13355
  let svg;
13379
13356
  let path;
13380
13357
 
@@ -13417,7 +13394,7 @@ function create_fragment$p(ctx) {
13417
13394
  };
13418
13395
  }
13419
13396
 
13420
- function instance$p($$self, $$props, $$invalidate) {
13397
+ function instance$q($$self, $$props, $$invalidate) {
13421
13398
  let { color } = $$props;
13422
13399
 
13423
13400
  $$self.$$set = $$props => {
@@ -13430,13 +13407,13 @@ function instance$p($$self, $$props, $$invalidate) {
13430
13407
  class IconCircleQuestion extends SvelteComponent {
13431
13408
  constructor(options) {
13432
13409
  super();
13433
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
13410
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
13434
13411
  }
13435
13412
  }
13436
13413
 
13437
13414
  /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
13438
13415
 
13439
- function create_fragment$o(ctx) {
13416
+ function create_fragment$p(ctx) {
13440
13417
  let svg;
13441
13418
  let path;
13442
13419
 
@@ -13479,7 +13456,7 @@ function create_fragment$o(ctx) {
13479
13456
  };
13480
13457
  }
13481
13458
 
13482
- function instance$o($$self, $$props, $$invalidate) {
13459
+ function instance$p($$self, $$props, $$invalidate) {
13483
13460
  let { color } = $$props;
13484
13461
 
13485
13462
  $$self.$$set = $$props => {
@@ -13492,13 +13469,13 @@ function instance$o($$self, $$props, $$invalidate) {
13492
13469
  class IconCheck extends SvelteComponent {
13493
13470
  constructor(options) {
13494
13471
  super();
13495
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
13472
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
13496
13473
  }
13497
13474
  }
13498
13475
 
13499
13476
  /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
13500
13477
 
13501
- function create_fragment$n(ctx) {
13478
+ function create_fragment$o(ctx) {
13502
13479
  let svg;
13503
13480
  let path;
13504
13481
 
@@ -13541,7 +13518,7 @@ function create_fragment$n(ctx) {
13541
13518
  };
13542
13519
  }
13543
13520
 
13544
- function instance$n($$self, $$props, $$invalidate) {
13521
+ function instance$o($$self, $$props, $$invalidate) {
13545
13522
  let { color } = $$props;
13546
13523
 
13547
13524
  $$self.$$set = $$props => {
@@ -13554,13 +13531,13 @@ function instance$n($$self, $$props, $$invalidate) {
13554
13531
  class IconXMark extends SvelteComponent {
13555
13532
  constructor(options) {
13556
13533
  super();
13557
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
13534
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
13558
13535
  }
13559
13536
  }
13560
13537
 
13561
13538
  /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
13562
13539
 
13563
- function create_fragment$m(ctx) {
13540
+ function create_fragment$n(ctx) {
13564
13541
  let svg;
13565
13542
  let path;
13566
13543
 
@@ -13603,7 +13580,7 @@ function create_fragment$m(ctx) {
13603
13580
  };
13604
13581
  }
13605
13582
 
13606
- function instance$m($$self, $$props, $$invalidate) {
13583
+ function instance$n($$self, $$props, $$invalidate) {
13607
13584
  let { color } = $$props;
13608
13585
 
13609
13586
  $$self.$$set = $$props => {
@@ -13616,13 +13593,13 @@ function instance$m($$self, $$props, $$invalidate) {
13616
13593
  class IconPaperPlane extends SvelteComponent {
13617
13594
  constructor(options) {
13618
13595
  super();
13619
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
13596
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
13620
13597
  }
13621
13598
  }
13622
13599
 
13623
13600
  /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
13624
13601
 
13625
- function create_fragment$l(ctx) {
13602
+ function create_fragment$m(ctx) {
13626
13603
  let svg;
13627
13604
  let path;
13628
13605
 
@@ -13665,7 +13642,7 @@ function create_fragment$l(ctx) {
13665
13642
  };
13666
13643
  }
13667
13644
 
13668
- function instance$l($$self, $$props, $$invalidate) {
13645
+ function instance$m($$self, $$props, $$invalidate) {
13669
13646
  let { color } = $$props;
13670
13647
 
13671
13648
  $$self.$$set = $$props => {
@@ -13678,13 +13655,13 @@ function instance$l($$self, $$props, $$invalidate) {
13678
13655
  class IconCopy extends SvelteComponent {
13679
13656
  constructor(options) {
13680
13657
  super();
13681
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
13658
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
13682
13659
  }
13683
13660
  }
13684
13661
 
13685
13662
  /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
13686
13663
 
13687
- function create_fragment$k(ctx) {
13664
+ function create_fragment$l(ctx) {
13688
13665
  let svg;
13689
13666
  let path;
13690
13667
 
@@ -13727,7 +13704,7 @@ function create_fragment$k(ctx) {
13727
13704
  };
13728
13705
  }
13729
13706
 
13730
- function instance$k($$self, $$props, $$invalidate) {
13707
+ function instance$l($$self, $$props, $$invalidate) {
13731
13708
  let { color } = $$props;
13732
13709
 
13733
13710
  $$self.$$set = $$props => {
@@ -13740,13 +13717,13 @@ function instance$k($$self, $$props, $$invalidate) {
13740
13717
  class IconCircleXMark extends SvelteComponent {
13741
13718
  constructor(options) {
13742
13719
  super();
13743
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
13720
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
13744
13721
  }
13745
13722
  }
13746
13723
 
13747
13724
  /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
13748
13725
 
13749
- function create_fragment$j(ctx) {
13726
+ function create_fragment$k(ctx) {
13750
13727
  let svg;
13751
13728
  let path;
13752
13729
 
@@ -13789,7 +13766,7 @@ function create_fragment$j(ctx) {
13789
13766
  };
13790
13767
  }
13791
13768
 
13792
- function instance$j($$self, $$props, $$invalidate) {
13769
+ function instance$k($$self, $$props, $$invalidate) {
13793
13770
  let { color } = $$props;
13794
13771
 
13795
13772
  $$self.$$set = $$props => {
@@ -13802,13 +13779,13 @@ function instance$j($$self, $$props, $$invalidate) {
13802
13779
  class IconHeart extends SvelteComponent {
13803
13780
  constructor(options) {
13804
13781
  super();
13805
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
13782
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
13806
13783
  }
13807
13784
  }
13808
13785
 
13809
13786
  /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13810
13787
 
13811
- function create_fragment$i(ctx) {
13788
+ function create_fragment$j(ctx) {
13812
13789
  let svg;
13813
13790
  let path;
13814
13791
 
@@ -13851,7 +13828,7 @@ function create_fragment$i(ctx) {
13851
13828
  };
13852
13829
  }
13853
13830
 
13854
- function instance$i($$self, $$props, $$invalidate) {
13831
+ function instance$j($$self, $$props, $$invalidate) {
13855
13832
  let { color } = $$props;
13856
13833
 
13857
13834
  $$self.$$set = $$props => {
@@ -13864,13 +13841,13 @@ function instance$i($$self, $$props, $$invalidate) {
13864
13841
  class IconMagnifyingGrass extends SvelteComponent {
13865
13842
  constructor(options) {
13866
13843
  super();
13867
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
13844
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
13868
13845
  }
13869
13846
  }
13870
13847
 
13871
13848
  /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13872
13849
 
13873
- function create_fragment$h(ctx) {
13850
+ function create_fragment$i(ctx) {
13874
13851
  let svg;
13875
13852
  let path;
13876
13853
 
@@ -13913,7 +13890,7 @@ function create_fragment$h(ctx) {
13913
13890
  };
13914
13891
  }
13915
13892
 
13916
- function instance$h($$self, $$props, $$invalidate) {
13893
+ function instance$i($$self, $$props, $$invalidate) {
13917
13894
  let { color } = $$props;
13918
13895
 
13919
13896
  $$self.$$set = $$props => {
@@ -13926,13 +13903,13 @@ function instance$h($$self, $$props, $$invalidate) {
13926
13903
  class IconStar extends SvelteComponent {
13927
13904
  constructor(options) {
13928
13905
  super();
13929
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
13906
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
13930
13907
  }
13931
13908
  }
13932
13909
 
13933
13910
  /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
13934
13911
 
13935
- function create_fragment$g(ctx) {
13912
+ function create_fragment$h(ctx) {
13936
13913
  let svg;
13937
13914
  let path;
13938
13915
 
@@ -13975,7 +13952,7 @@ function create_fragment$g(ctx) {
13975
13952
  };
13976
13953
  }
13977
13954
 
13978
- function instance$g($$self, $$props, $$invalidate) {
13955
+ function instance$h($$self, $$props, $$invalidate) {
13979
13956
  let { color } = $$props;
13980
13957
 
13981
13958
  $$self.$$set = $$props => {
@@ -13988,13 +13965,13 @@ function instance$g($$self, $$props, $$invalidate) {
13988
13965
  class IconCircleInfo extends SvelteComponent {
13989
13966
  constructor(options) {
13990
13967
  super();
13991
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
13968
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
13992
13969
  }
13993
13970
  }
13994
13971
 
13995
13972
  /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
13996
13973
 
13997
- function create_fragment$f(ctx) {
13974
+ function create_fragment$g(ctx) {
13998
13975
  let svg;
13999
13976
  let path;
14000
13977
 
@@ -14037,7 +14014,7 @@ function create_fragment$f(ctx) {
14037
14014
  };
14038
14015
  }
14039
14016
 
14040
- function instance$f($$self, $$props, $$invalidate) {
14017
+ function instance$g($$self, $$props, $$invalidate) {
14041
14018
  let { color } = $$props;
14042
14019
 
14043
14020
  $$self.$$set = $$props => {
@@ -14050,13 +14027,13 @@ function instance$f($$self, $$props, $$invalidate) {
14050
14027
  class IconEnvelope extends SvelteComponent {
14051
14028
  constructor(options) {
14052
14029
  super();
14053
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
14030
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
14054
14031
  }
14055
14032
  }
14056
14033
 
14057
14034
  /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
14058
14035
 
14059
- function create_fragment$e(ctx) {
14036
+ function create_fragment$f(ctx) {
14060
14037
  let svg;
14061
14038
  let path;
14062
14039
 
@@ -14099,7 +14076,7 @@ function create_fragment$e(ctx) {
14099
14076
  };
14100
14077
  }
14101
14078
 
14102
- function instance$e($$self, $$props, $$invalidate) {
14079
+ function instance$f($$self, $$props, $$invalidate) {
14103
14080
  let { color } = $$props;
14104
14081
 
14105
14082
  $$self.$$set = $$props => {
@@ -14112,13 +14089,13 @@ function instance$e($$self, $$props, $$invalidate) {
14112
14089
  class IconGift extends SvelteComponent {
14113
14090
  constructor(options) {
14114
14091
  super();
14115
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
14092
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
14116
14093
  }
14117
14094
  }
14118
14095
 
14119
14096
  /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
14120
14097
 
14121
- function create_fragment$d(ctx) {
14098
+ function create_fragment$e(ctx) {
14122
14099
  let svg;
14123
14100
  let path;
14124
14101
 
@@ -14167,7 +14144,7 @@ function create_fragment$d(ctx) {
14167
14144
  };
14168
14145
  }
14169
14146
 
14170
- function instance$d($$self, $$props, $$invalidate) {
14147
+ function instance$e($$self, $$props, $$invalidate) {
14171
14148
  let { color } = $$props;
14172
14149
 
14173
14150
  $$self.$$set = $$props => {
@@ -14180,13 +14157,13 @@ function instance$d($$self, $$props, $$invalidate) {
14180
14157
  class IconPaperclip extends SvelteComponent {
14181
14158
  constructor(options) {
14182
14159
  super();
14183
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
14160
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
14184
14161
  }
14185
14162
  }
14186
14163
 
14187
14164
  /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
14188
14165
 
14189
- function create_fragment$c(ctx) {
14166
+ function create_fragment$d(ctx) {
14190
14167
  let svg;
14191
14168
  let path;
14192
14169
 
@@ -14235,7 +14212,7 @@ function create_fragment$c(ctx) {
14235
14212
  };
14236
14213
  }
14237
14214
 
14238
- function instance$c($$self, $$props, $$invalidate) {
14215
+ function instance$d($$self, $$props, $$invalidate) {
14239
14216
  let { color } = $$props;
14240
14217
 
14241
14218
  $$self.$$set = $$props => {
@@ -14248,13 +14225,13 @@ function instance$c($$self, $$props, $$invalidate) {
14248
14225
  class IconFire extends SvelteComponent {
14249
14226
  constructor(options) {
14250
14227
  super();
14251
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
14228
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
14252
14229
  }
14253
14230
  }
14254
14231
 
14255
14232
  /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
14256
14233
 
14257
- function create_fragment$b(ctx) {
14234
+ function create_fragment$c(ctx) {
14258
14235
  let svg;
14259
14236
  let path;
14260
14237
 
@@ -14303,7 +14280,7 @@ function create_fragment$b(ctx) {
14303
14280
  };
14304
14281
  }
14305
14282
 
14306
- function instance$b($$self, $$props, $$invalidate) {
14283
+ function instance$c($$self, $$props, $$invalidate) {
14307
14284
  let { color } = $$props;
14308
14285
 
14309
14286
  $$self.$$set = $$props => {
@@ -14316,13 +14293,13 @@ function instance$b($$self, $$props, $$invalidate) {
14316
14293
  class IconLink extends SvelteComponent {
14317
14294
  constructor(options) {
14318
14295
  super();
14319
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
14296
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
14320
14297
  }
14321
14298
  }
14322
14299
 
14323
14300
  /* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
14324
14301
 
14325
- function create_fragment$a(ctx) {
14302
+ function create_fragment$b(ctx) {
14326
14303
  let svg;
14327
14304
  let path;
14328
14305
 
@@ -14365,7 +14342,7 @@ function create_fragment$a(ctx) {
14365
14342
  };
14366
14343
  }
14367
14344
 
14368
- function instance$a($$self, $$props, $$invalidate) {
14345
+ function instance$b($$self, $$props, $$invalidate) {
14369
14346
  let { color } = $$props;
14370
14347
 
14371
14348
  $$self.$$set = $$props => {
@@ -14378,13 +14355,13 @@ function instance$a($$self, $$props, $$invalidate) {
14378
14355
  class IconBuildings extends SvelteComponent {
14379
14356
  constructor(options) {
14380
14357
  super();
14381
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
14358
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
14382
14359
  }
14383
14360
  }
14384
14361
 
14385
14362
  /* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
14386
14363
 
14387
- function create_fragment$9(ctx) {
14364
+ function create_fragment$a(ctx) {
14388
14365
  let svg;
14389
14366
  let path;
14390
14367
 
@@ -14427,7 +14404,7 @@ function create_fragment$9(ctx) {
14427
14404
  };
14428
14405
  }
14429
14406
 
14430
- function instance$9($$self, $$props, $$invalidate) {
14407
+ function instance$a($$self, $$props, $$invalidate) {
14431
14408
  let { color } = $$props;
14432
14409
 
14433
14410
  $$self.$$set = $$props => {
@@ -14440,7 +14417,7 @@ function instance$9($$self, $$props, $$invalidate) {
14440
14417
  class IconChevronsRight extends SvelteComponent {
14441
14418
  constructor(options) {
14442
14419
  super();
14443
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
14420
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
14444
14421
  }
14445
14422
  }
14446
14423
 
@@ -14508,18 +14485,14 @@ const ICON_VARIANTS = {
14508
14485
 
14509
14486
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
14510
14487
 
14511
- function add_css$7(target) {
14512
- append_styles(target, "svelte-1ou0ruz", ".icon.svelte-1ou0ruz{display:flex;align-items:center;overflow:hidden;width:auto}");
14513
- }
14514
-
14515
- // (21:0) {#if (IconComponent)}
14516
14488
  function create_if_block$5(ctx) {
14517
- let div;
14518
14489
  let clickable;
14519
14490
  let current;
14520
14491
 
14521
14492
  clickable = new Clickable({
14522
14493
  props: {
14494
+ layerId: /*layerId*/ ctx[1],
14495
+ style: /*style*/ ctx[3],
14523
14496
  onClick: /*props*/ ctx[0].onClick,
14524
14497
  eventName: /*props*/ ctx[0].eventName,
14525
14498
  eventValue: /*props*/ ctx[0].eventValue,
@@ -14530,34 +14503,19 @@ function create_if_block$5(ctx) {
14530
14503
 
14531
14504
  return {
14532
14505
  c() {
14533
- div = element("div");
14534
14506
  create_component(clickable.$$.fragment);
14535
- this.h();
14536
14507
  },
14537
14508
  l(nodes) {
14538
- div = claim_element(nodes, "DIV", {
14539
- "data-layer-id": true,
14540
- class: true,
14541
- style: true
14542
- });
14543
-
14544
- var div_nodes = children(div);
14545
- claim_component(clickable.$$.fragment, div_nodes);
14546
- div_nodes.forEach(detach);
14547
- this.h();
14548
- },
14549
- h() {
14550
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14551
- attr(div, "class", "icon svelte-1ou0ruz");
14552
- attr(div, "style", /*style*/ ctx[3]);
14509
+ claim_component(clickable.$$.fragment, nodes);
14553
14510
  },
14554
14511
  m(target, anchor) {
14555
- insert_hydration(target, div, anchor);
14556
- mount_component(clickable, div, null);
14512
+ mount_component(clickable, target, anchor);
14557
14513
  current = true;
14558
14514
  },
14559
14515
  p(ctx, dirty) {
14560
14516
  const clickable_changes = {};
14517
+ if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
14518
+ if (dirty & /*style*/ 8) clickable_changes.style = /*style*/ ctx[3];
14561
14519
  if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
14562
14520
  if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
14563
14521
  if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
@@ -14567,14 +14525,6 @@ function create_if_block$5(ctx) {
14567
14525
  }
14568
14526
 
14569
14527
  clickable.$set(clickable_changes);
14570
-
14571
- if (!current || dirty & /*layerId*/ 2) {
14572
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14573
- }
14574
-
14575
- if (!current || dirty & /*style*/ 8) {
14576
- attr(div, "style", /*style*/ ctx[3]);
14577
- }
14578
14528
  },
14579
14529
  i(local) {
14580
14530
  if (current) return;
@@ -14586,13 +14536,12 @@ function create_if_block$5(ctx) {
14586
14536
  current = false;
14587
14537
  },
14588
14538
  d(detaching) {
14589
- if (detaching) detach(div);
14590
- destroy_component(clickable);
14539
+ destroy_component(clickable, detaching);
14591
14540
  }
14592
14541
  };
14593
14542
  }
14594
14543
 
14595
- // (23:4) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
14544
+ // (26:2) <CLICKABLE layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
14596
14545
  function create_default_slot$3(ctx) {
14597
14546
  let switch_instance;
14598
14547
  let switch_instance_anchor;
@@ -14669,7 +14618,7 @@ function create_default_slot$3(ctx) {
14669
14618
  };
14670
14619
  }
14671
14620
 
14672
- function create_fragment$8(ctx) {
14621
+ function create_fragment$9(ctx) {
14673
14622
  let if_block_anchor;
14674
14623
  let current;
14675
14624
  let if_block = /*IconComponent*/ ctx[2] && create_if_block$5(ctx);
@@ -14728,7 +14677,7 @@ function create_fragment$8(ctx) {
14728
14677
  };
14729
14678
  }
14730
14679
 
14731
- function instance$8($$self, $$props, $$invalidate) {
14680
+ function instance$9($$self, $$props, $$invalidate) {
14732
14681
  let style;
14733
14682
  let IconComponent;
14734
14683
  let { props = {} } = $$props;
@@ -14755,7 +14704,14 @@ function instance$8($$self, $$props, $$invalidate) {
14755
14704
 
14756
14705
  $$self.$$.update = () => {
14757
14706
  if ($$self.$$.dirty & /*props*/ 1) {
14758
- $$invalidate(3, style = objToStyle({ ...getSizeCss(), ...toCssCommon(props) }));
14707
+ $$invalidate(3, style = objToStyle({
14708
+ display: 'flex',
14709
+ alignItems: 'center',
14710
+ overflow: 'hidden',
14711
+ width: 'auto',
14712
+ ...getSizeCss(),
14713
+ ...toCssCommon(props)
14714
+ }));
14759
14715
  }
14760
14716
 
14761
14717
  if ($$self.$$.dirty & /*props*/ 1) {
@@ -14769,7 +14725,7 @@ function instance$8($$self, $$props, $$invalidate) {
14769
14725
  class Icon extends SvelteComponent {
14770
14726
  constructor(options) {
14771
14727
  super();
14772
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
14728
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 });
14773
14729
  }
14774
14730
  }
14775
14731
 
@@ -15087,7 +15043,7 @@ function create_default_slot$2(ctx) {
15087
15043
  };
15088
15044
  }
15089
15045
 
15090
- function create_fragment$7(ctx) {
15046
+ function create_fragment$8(ctx) {
15091
15047
  let clickable;
15092
15048
  let current;
15093
15049
 
@@ -15144,7 +15100,7 @@ function create_fragment$7(ctx) {
15144
15100
  };
15145
15101
  }
15146
15102
 
15147
- function instance$7($$self, $$props, $$invalidate) {
15103
+ function instance$8($$self, $$props, $$invalidate) {
15148
15104
  let style;
15149
15105
  let { props = {} } = $$props;
15150
15106
  let { layerId = '' } = $$props;
@@ -15187,7 +15143,7 @@ function instance$7($$self, $$props, $$invalidate) {
15187
15143
  class Button extends SvelteComponent {
15188
15144
  constructor(options) {
15189
15145
  super();
15190
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$6);
15146
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0, layerId: 1 }, add_css$6);
15191
15147
  }
15192
15148
  }
15193
15149
 
@@ -15259,7 +15215,7 @@ function create_if_block$3(ctx) {
15259
15215
  };
15260
15216
  }
15261
15217
 
15262
- function create_fragment$6(ctx) {
15218
+ function create_fragment$7(ctx) {
15263
15219
  let button;
15264
15220
  let t0;
15265
15221
  let span;
@@ -15366,7 +15322,7 @@ function create_fragment$6(ctx) {
15366
15322
  };
15367
15323
  }
15368
15324
 
15369
- function instance$6($$self, $$props, $$invalidate) {
15325
+ function instance$7($$self, $$props, $$invalidate) {
15370
15326
  let style;
15371
15327
  let { onClick = { operation: 'none', args: [] } } = $$props;
15372
15328
  let { eventName = '' } = $$props;
@@ -15476,8 +15432,8 @@ class TextButton extends SvelteComponent {
15476
15432
  init(
15477
15433
  this,
15478
15434
  options,
15479
- instance$6,
15480
- create_fragment$6,
15435
+ instance$7,
15436
+ create_fragment$7,
15481
15437
  safe_not_equal,
15482
15438
  {
15483
15439
  onClick: 5,
@@ -15536,10 +15492,10 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
15536
15492
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
15537
15493
 
15538
15494
  function add_css$4(target) {
15539
- append_styles(target, "svelte-vq43u1", ".close.svelte-vq43u1{position:absolute;top:8px;right:8px}.close-button-row.svelte-vq43u1{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-vq43u1{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-vq43u1:hover{transform:rotate(90deg)}.close-button-order-one.svelte-vq43u1{order:1}.close-button-order-two.svelte-vq43u1{order:2}");
15495
+ append_styles(target, "svelte-12v1h9t", ".close-button.svelte-12v1h9t{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, transform 0.12s}.close-button.svelte-12v1h9t:hover{transform:rotate(90deg)}.close-button-order-one.svelte-12v1h9t{order:1}.close-button-order-two.svelte-12v1h9t{order:2}");
15540
15496
  }
15541
15497
 
15542
- // (102:4) {#if hasLabel}
15498
+ // (93:2) {#if hasLabel}
15543
15499
  function create_if_block$2(ctx) {
15544
15500
  let span;
15545
15501
  let t;
@@ -15558,19 +15514,19 @@ function create_if_block$2(ctx) {
15558
15514
  this.h();
15559
15515
  },
15560
15516
  h() {
15561
- attr(span, "style", /*labelStyle*/ ctx[1]);
15517
+ attr(span, "style", /*labelStyle*/ ctx[2]);
15562
15518
 
15563
15519
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
15564
15520
  ? 'close-button-order-one'
15565
- : '') + " svelte-vq43u1");
15521
+ : '') + " svelte-12v1h9t");
15566
15522
  },
15567
15523
  m(target, anchor) {
15568
15524
  insert_hydration(target, span, anchor);
15569
15525
  append_hydration(span, t);
15570
15526
  },
15571
15527
  p(ctx, dirty) {
15572
- if (dirty & /*labelStyle*/ 2) {
15573
- attr(span, "style", /*labelStyle*/ ctx[1]);
15528
+ if (dirty & /*labelStyle*/ 4) {
15529
+ attr(span, "style", /*labelStyle*/ ctx[2]);
15574
15530
  }
15575
15531
  },
15576
15532
  d(detaching) {
@@ -15579,16 +15535,16 @@ function create_if_block$2(ctx) {
15579
15535
  };
15580
15536
  }
15581
15537
 
15582
- function create_fragment$5(ctx) {
15583
- let div1;
15584
- let div0;
15538
+ function create_fragment$6(ctx) {
15585
15539
  let button;
15540
+ let span;
15586
15541
  let svg;
15587
15542
  let path;
15588
- let button_class_value;
15589
15543
  let t;
15544
+ let button_class_value;
15590
15545
  let mounted;
15591
15546
  let dispose;
15547
+ let if_block = /*hasLabel*/ ctx[4] && create_if_block$2(ctx);
15592
15548
 
15593
15549
  let button_levels = [
15594
15550
  { "data-layer-id": /*layerId*/ ctx[0] },
@@ -15597,7 +15553,7 @@ function create_fragment$5(ctx) {
15597
15553
  ? 'close-button-order-two'
15598
15554
  : '')
15599
15555
  },
15600
- { style: /*style*/ ctx[2] },
15556
+ { style: /*style*/ ctx[3] },
15601
15557
  dataAttrStopPropagation('click')
15602
15558
  ];
15603
15559
 
@@ -15607,13 +15563,10 @@ function create_fragment$5(ctx) {
15607
15563
  button_data = assign(button_data, button_levels[i]);
15608
15564
  }
15609
15565
 
15610
- let if_block = /*hasLabel*/ ctx[4] && create_if_block$2(ctx);
15611
-
15612
15566
  return {
15613
15567
  c() {
15614
- div1 = element("div");
15615
- div0 = element("div");
15616
15568
  button = element("button");
15569
+ span = element("span");
15617
15570
  svg = svg_element("svg");
15618
15571
  path = svg_element("path");
15619
15572
  t = space();
@@ -15621,23 +15574,20 @@ function create_fragment$5(ctx) {
15621
15574
  this.h();
15622
15575
  },
15623
15576
  l(nodes) {
15624
- div1 = claim_element(nodes, "DIV", { class: true, style: true });
15625
- var div1_nodes = children(div1);
15626
- div0 = claim_element(div1_nodes, "DIV", { class: true });
15627
- var div0_nodes = children(div0);
15628
-
15629
- button = claim_element(div0_nodes, "BUTTON", {
15577
+ button = claim_element(nodes, "BUTTON", {
15630
15578
  "data-layer-id": true,
15631
15579
  class: true,
15632
15580
  style: true
15633
15581
  });
15634
15582
 
15635
15583
  var button_nodes = children(button);
15584
+ span = claim_element(button_nodes, "SPAN", { style: true });
15585
+ var span_nodes = children(span);
15636
15586
 
15637
- svg = claim_svg_element(button_nodes, "svg", {
15587
+ svg = claim_svg_element(span_nodes, "svg", {
15638
15588
  xmlns: true,
15639
- style: true,
15640
15589
  viewBox: true,
15590
+ style: true,
15641
15591
  fill: true
15642
15592
  });
15643
15593
 
@@ -15645,35 +15595,31 @@ function create_fragment$5(ctx) {
15645
15595
  path = claim_svg_element(svg_nodes, "path", { d: true });
15646
15596
  children(path).forEach(detach);
15647
15597
  svg_nodes.forEach(detach);
15598
+ span_nodes.forEach(detach);
15599
+ t = claim_space(button_nodes);
15600
+ if (if_block) if_block.l(button_nodes);
15648
15601
  button_nodes.forEach(detach);
15649
- t = claim_space(div0_nodes);
15650
- if (if_block) if_block.l(div0_nodes);
15651
- div0_nodes.forEach(detach);
15652
- div1_nodes.forEach(detach);
15653
15602
  this.h();
15654
15603
  },
15655
15604
  h() {
15656
15605
  attr(path, "d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z");
15657
15606
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
15658
- set_style(svg, "width", "75%");
15659
- set_style(svg, "height", "75%");
15660
15607
  attr(svg, "viewBox", "0 0 384 512");
15608
+ set_style(svg, "width", "100%");
15609
+ set_style(svg, "height", "100%");
15661
15610
  attr(svg, "fill", /*color*/ ctx[6]);
15611
+ attr(span, "style", /*iconStyle*/ ctx[1]);
15662
15612
  set_attributes(button, button_data);
15663
- toggle_class(button, "svelte-vq43u1", true);
15664
- attr(div0, "class", "close-button-row svelte-vq43u1");
15665
- attr(div1, "class", "close svelte-vq43u1");
15666
- attr(div1, "style", /*rootStyle*/ ctx[3]);
15613
+ toggle_class(button, "svelte-12v1h9t", true);
15667
15614
  },
15668
15615
  m(target, anchor) {
15669
- insert_hydration(target, div1, anchor);
15670
- append_hydration(div1, div0);
15671
- append_hydration(div0, button);
15672
- append_hydration(button, svg);
15616
+ insert_hydration(target, button, anchor);
15617
+ append_hydration(button, span);
15618
+ append_hydration(span, svg);
15673
15619
  append_hydration(svg, path);
15620
+ append_hydration(button, t);
15621
+ if (if_block) if_block.m(button, null);
15674
15622
  if (button.autofocus) button.focus();
15675
- append_hydration(div0, t);
15676
- if (if_block) if_block.m(div0, null);
15677
15623
 
15678
15624
  if (!mounted) {
15679
15625
  dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[5])));
@@ -15681,14 +15627,9 @@ function create_fragment$5(ctx) {
15681
15627
  }
15682
15628
  },
15683
15629
  p(ctx, [dirty]) {
15684
- set_attributes(button, button_data = get_spread_update(button_levels, [
15685
- dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
15686
- { class: button_class_value },
15687
- dirty & /*style*/ 4 && { style: /*style*/ ctx[2] },
15688
- dataAttrStopPropagation('click')
15689
- ]));
15690
-
15691
- toggle_class(button, "svelte-vq43u1", true);
15630
+ if (dirty & /*iconStyle*/ 2) {
15631
+ attr(span, "style", /*iconStyle*/ ctx[1]);
15632
+ }
15692
15633
 
15693
15634
  if (/*hasLabel*/ ctx[4]) {
15694
15635
  if (if_block) {
@@ -15696,21 +15637,26 @@ function create_fragment$5(ctx) {
15696
15637
  } else {
15697
15638
  if_block = create_if_block$2(ctx);
15698
15639
  if_block.c();
15699
- if_block.m(div0, null);
15640
+ if_block.m(button, null);
15700
15641
  }
15701
15642
  } else if (if_block) {
15702
15643
  if_block.d(1);
15703
15644
  if_block = null;
15704
15645
  }
15705
15646
 
15706
- if (dirty & /*rootStyle*/ 8) {
15707
- attr(div1, "style", /*rootStyle*/ ctx[3]);
15708
- }
15647
+ set_attributes(button, button_data = get_spread_update(button_levels, [
15648
+ dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
15649
+ { class: button_class_value },
15650
+ dirty & /*style*/ 8 && { style: /*style*/ ctx[3] },
15651
+ dataAttrStopPropagation('click')
15652
+ ]));
15653
+
15654
+ toggle_class(button, "svelte-12v1h9t", true);
15709
15655
  },
15710
15656
  i: noop,
15711
15657
  o: noop,
15712
15658
  d(detaching) {
15713
- if (detaching) detach(div1);
15659
+ if (detaching) detach(button);
15714
15660
  if (if_block) if_block.d();
15715
15661
  mounted = false;
15716
15662
  dispose();
@@ -15718,13 +15664,11 @@ function create_fragment$5(ctx) {
15718
15664
  };
15719
15665
  }
15720
15666
 
15721
- function instance$5($$self, $$props, $$invalidate) {
15667
+ function instance$6($$self, $$props, $$invalidate) {
15722
15668
  let hasLabel;
15723
- let rootStyle;
15724
15669
  let style;
15725
15670
  let labelStyle;
15726
- let $maximumZindex;
15727
- component_subscribe($$self, maximumZindex, $$value => $$invalidate(12, $maximumZindex = $$value));
15671
+ let iconStyle;
15728
15672
  let { props = {} } = $$props;
15729
15673
  let { layerId = '' } = $$props;
15730
15674
  let { eventName = '' } = $$props;
@@ -15759,15 +15703,6 @@ function instance$5($$self, $$props, $$invalidate) {
15759
15703
  const label = props.label;
15760
15704
  const isLeftLabelPlacement = props.labelPlacement === 'left';
15761
15705
 
15762
- const getCssPlacement = () => {
15763
- return {
15764
- top: props.top ?? VARIANTS.placement[props.placement ?? 'topRight'].top,
15765
- right: props.right ?? VARIANTS.placement[props.placement ?? 'topRight'].right,
15766
- left: props.left ?? VARIANTS.placement[props.placement ?? 'topRight'].left,
15767
- bottom: props.bottom ?? VARIANTS.placement[props.placement ?? 'topRight'].bottom
15768
- };
15769
- };
15770
-
15771
15706
  $$self.$$set = $$props => {
15772
15707
  if ('props' in $$props) $$invalidate(9, props = $$props.props);
15773
15708
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -15776,18 +15711,12 @@ function instance$5($$self, $$props, $$invalidate) {
15776
15711
  };
15777
15712
 
15778
15713
  $$self.$$.update = () => {
15779
- if ($$self.$$.dirty & /*$maximumZindex*/ 4096) {
15780
- $$invalidate(3, rootStyle = objToStyle({
15781
- ...getCssPlacement(),
15782
- zIndex: $maximumZindex + 1
15783
- }));
15784
- }
15785
-
15786
15714
  if ($$self.$$.dirty & /*props*/ 512) {
15787
- $$invalidate(2, style = objToStyle({
15788
- width: `${size}px`,
15789
- height: `${size}px`,
15715
+ $$invalidate(3, style = objToStyle({
15790
15716
  ...props.bordered && { border: '1px solid #666' },
15717
+ height: `${size}px`,
15718
+ boxSizing: 'border-box',
15719
+ padding: '6px',
15791
15720
  backgroundColor: props.backgroundColor ?? 'transparent',
15792
15721
  ...VARIANTS.round[props.round ?? 'default'],
15793
15722
  ...toCssCommon(props),
@@ -15796,7 +15725,7 @@ function instance$5($$self, $$props, $$invalidate) {
15796
15725
  }
15797
15726
 
15798
15727
  if ($$self.$$.dirty & /*props*/ 512) {
15799
- $$invalidate(1, labelStyle = objToStyle({
15728
+ $$invalidate(2, labelStyle = objToStyle({
15800
15729
  color: props.labelColor ?? color,
15801
15730
  fontSize: `${size / 2.1}px`
15802
15731
  }));
@@ -15805,11 +15734,16 @@ function instance$5($$self, $$props, $$invalidate) {
15805
15734
 
15806
15735
  $$invalidate(4, hasLabel = label !== undefined && label !== '');
15807
15736
 
15737
+ $$invalidate(1, iconStyle = objToStyle({
15738
+ width: `${size - 12}px`,
15739
+ height: `${size - 12}px`
15740
+ }));
15741
+
15808
15742
  return [
15809
15743
  layerId,
15744
+ iconStyle,
15810
15745
  labelStyle,
15811
15746
  style,
15812
- rootStyle,
15813
15747
  hasLabel,
15814
15748
  handleClick,
15815
15749
  color,
@@ -15817,8 +15751,7 @@ function instance$5($$self, $$props, $$invalidate) {
15817
15751
  isLeftLabelPlacement,
15818
15752
  props,
15819
15753
  eventName,
15820
- eventValue,
15821
- $maximumZindex
15754
+ eventValue
15822
15755
  ];
15823
15756
  }
15824
15757
 
@@ -15829,8 +15762,8 @@ class CloseButton extends SvelteComponent {
15829
15762
  init(
15830
15763
  this,
15831
15764
  options,
15832
- instance$5,
15833
- create_fragment$5,
15765
+ instance$6,
15766
+ create_fragment$6,
15834
15767
  safe_not_equal,
15835
15768
  {
15836
15769
  props: 9,
@@ -15899,7 +15832,7 @@ function create_default_slot$1(ctx) {
15899
15832
  };
15900
15833
  }
15901
15834
 
15902
- function create_fragment$4(ctx) {
15835
+ function create_fragment$5(ctx) {
15903
15836
  let div;
15904
15837
  let clickable;
15905
15838
  let current;
@@ -15978,7 +15911,7 @@ function create_fragment$4(ctx) {
15978
15911
  };
15979
15912
  }
15980
15913
 
15981
- function instance$4($$self, $$props, $$invalidate) {
15914
+ function instance$5($$self, $$props, $$invalidate) {
15982
15915
  let style;
15983
15916
  let objectStyle;
15984
15917
  let { props = {} } = $$props;
@@ -16008,7 +15941,7 @@ function instance$4($$self, $$props, $$invalidate) {
16008
15941
  class Image extends SvelteComponent {
16009
15942
  constructor(options) {
16010
15943
  super();
16011
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
15944
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
16012
15945
  }
16013
15946
  }
16014
15947
 
@@ -16064,7 +15997,7 @@ function create_default_slot(ctx) {
16064
15997
  };
16065
15998
  }
16066
15999
 
16067
- function create_fragment$3(ctx) {
16000
+ function create_fragment$4(ctx) {
16068
16001
  let clickable;
16069
16002
  let current;
16070
16003
 
@@ -16121,7 +16054,7 @@ function create_fragment$3(ctx) {
16121
16054
  };
16122
16055
  }
16123
16056
 
16124
- function instance$3($$self, $$props, $$invalidate) {
16057
+ function instance$4($$self, $$props, $$invalidate) {
16125
16058
  let style;
16126
16059
  let { $$slots: slots = {}, $$scope } = $$props;
16127
16060
  let { props = {} } = $$props;
@@ -16161,7 +16094,7 @@ function instance$3($$self, $$props, $$invalidate) {
16161
16094
  class Layout extends SvelteComponent {
16162
16095
  constructor(options) {
16163
16096
  super();
16164
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 });
16097
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 });
16165
16098
  }
16166
16099
  }
16167
16100
 
@@ -16170,6 +16103,368 @@ const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
16170
16103
  const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
16171
16104
  const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
16172
16105
 
16106
+ /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
16107
+
16108
+ function get_each_context(ctx, list, i) {
16109
+ const child_ctx = ctx.slice();
16110
+ child_ctx[19] = list[i];
16111
+ child_ctx[21] = i;
16112
+ return child_ctx;
16113
+ }
16114
+
16115
+ // (87:4) {#each indicators ?? [] as indicator, i}
16116
+ function create_each_block(ctx) {
16117
+ let button;
16118
+ let i_1;
16119
+ let i_1_style_value;
16120
+ let t;
16121
+ let mounted;
16122
+ let dispose;
16123
+
16124
+ function click_handler() {
16125
+ return /*click_handler*/ ctx[16](/*i*/ ctx[21]);
16126
+ }
16127
+
16128
+ return {
16129
+ c() {
16130
+ button = element("button");
16131
+ i_1 = element("i");
16132
+ t = space();
16133
+ this.h();
16134
+ },
16135
+ l(nodes) {
16136
+ button = claim_element(nodes, "BUTTON", { style: true });
16137
+ var button_nodes = children(button);
16138
+ i_1 = claim_element(button_nodes, "I", { style: true });
16139
+ children(i_1).forEach(detach);
16140
+ t = claim_space(button_nodes);
16141
+ button_nodes.forEach(detach);
16142
+ this.h();
16143
+ },
16144
+ h() {
16145
+ attr(i_1, "style", i_1_style_value = objToStyle({
16146
+ .../*indicatorItemStyle*/ ctx[3],
16147
+ ...{
16148
+ background: /*indicator*/ ctx[19].isActive ? '#555555' : '#AAAAAA'
16149
+ }
16150
+ }));
16151
+
16152
+ attr(button, "style", objToStyle({ padding: '4px' }));
16153
+ },
16154
+ m(target, anchor) {
16155
+ insert_hydration(target, button, anchor);
16156
+ append_hydration(button, i_1);
16157
+ append_hydration(button, t);
16158
+
16159
+ if (!mounted) {
16160
+ dispose = listen(button, "click", click_handler);
16161
+ mounted = true;
16162
+ }
16163
+ },
16164
+ p(new_ctx, dirty) {
16165
+ ctx = new_ctx;
16166
+
16167
+ if (dirty & /*indicatorItemStyle, indicators*/ 136 && i_1_style_value !== (i_1_style_value = objToStyle({
16168
+ .../*indicatorItemStyle*/ ctx[3],
16169
+ ...{
16170
+ background: /*indicator*/ ctx[19].isActive ? '#555555' : '#AAAAAA'
16171
+ }
16172
+ }))) {
16173
+ attr(i_1, "style", i_1_style_value);
16174
+ }
16175
+ },
16176
+ d(detaching) {
16177
+ if (detaching) detach(button);
16178
+ mounted = false;
16179
+ dispose();
16180
+ }
16181
+ };
16182
+ }
16183
+
16184
+ function create_fragment$3(ctx) {
16185
+ let div2;
16186
+ let div0;
16187
+ let div0_style_value;
16188
+ let t;
16189
+ let div1;
16190
+ let current;
16191
+ const default_slot_template = /*#slots*/ ctx[14].default;
16192
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[13], null);
16193
+ let each_value = /*indicators*/ ctx[7] ?? [];
16194
+ let each_blocks = [];
16195
+
16196
+ for (let i = 0; i < each_value.length; i += 1) {
16197
+ each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
16198
+ }
16199
+
16200
+ return {
16201
+ c() {
16202
+ div2 = element("div");
16203
+ div0 = element("div");
16204
+ if (default_slot) default_slot.c();
16205
+ t = space();
16206
+ div1 = element("div");
16207
+
16208
+ for (let i = 0; i < each_blocks.length; i += 1) {
16209
+ each_blocks[i].c();
16210
+ }
16211
+
16212
+ this.h();
16213
+ },
16214
+ l(nodes) {
16215
+ div2 = claim_element(nodes, "DIV", { "data-layer-id": true, style: true });
16216
+ var div2_nodes = children(div2);
16217
+ div0 = claim_element(div2_nodes, "DIV", { style: true });
16218
+ var div0_nodes = children(div0);
16219
+ if (default_slot) default_slot.l(div0_nodes);
16220
+ div0_nodes.forEach(detach);
16221
+ t = claim_space(div2_nodes);
16222
+ div1 = claim_element(div2_nodes, "DIV", { style: true });
16223
+ var div1_nodes = children(div1);
16224
+
16225
+ for (let i = 0; i < each_blocks.length; i += 1) {
16226
+ each_blocks[i].l(div1_nodes);
16227
+ }
16228
+
16229
+ div1_nodes.forEach(detach);
16230
+ div2_nodes.forEach(detach);
16231
+ this.h();
16232
+ },
16233
+ h() {
16234
+ attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
16235
+ attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
16236
+ attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
16237
+ attr(div2, "style", /*style*/ ctx[6]);
16238
+ },
16239
+ m(target, anchor) {
16240
+ insert_hydration(target, div2, anchor);
16241
+ append_hydration(div2, div0);
16242
+
16243
+ if (default_slot) {
16244
+ default_slot.m(div0, null);
16245
+ }
16246
+
16247
+ /*div0_binding*/ ctx[15](div0);
16248
+ append_hydration(div2, t);
16249
+ append_hydration(div2, div1);
16250
+
16251
+ for (let i = 0; i < each_blocks.length; i += 1) {
16252
+ each_blocks[i].m(div1, null);
16253
+ }
16254
+
16255
+ current = true;
16256
+ },
16257
+ p(ctx, [dirty]) {
16258
+ if (default_slot) {
16259
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 8192)) {
16260
+ update_slot_base(
16261
+ default_slot,
16262
+ default_slot_template,
16263
+ ctx,
16264
+ /*$$scope*/ ctx[13],
16265
+ !current
16266
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[13])
16267
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[13], dirty, null),
16268
+ null
16269
+ );
16270
+ }
16271
+ }
16272
+
16273
+ if (!current || dirty & /*containerStyle, overrideStyle*/ 34 && div0_style_value !== (div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '))) {
16274
+ attr(div0, "style", div0_style_value);
16275
+ }
16276
+
16277
+ if (dirty & /*objToStyle, handleClickIndicator, indicatorItemStyle, indicators*/ 392) {
16278
+ each_value = /*indicators*/ ctx[7] ?? [];
16279
+ let i;
16280
+
16281
+ for (i = 0; i < each_value.length; i += 1) {
16282
+ const child_ctx = get_each_context(ctx, each_value, i);
16283
+
16284
+ if (each_blocks[i]) {
16285
+ each_blocks[i].p(child_ctx, dirty);
16286
+ } else {
16287
+ each_blocks[i] = create_each_block(child_ctx);
16288
+ each_blocks[i].c();
16289
+ each_blocks[i].m(div1, null);
16290
+ }
16291
+ }
16292
+
16293
+ for (; i < each_blocks.length; i += 1) {
16294
+ each_blocks[i].d(1);
16295
+ }
16296
+
16297
+ each_blocks.length = each_value.length;
16298
+ }
16299
+
16300
+ if (!current || dirty & /*indicatorListStyle*/ 16) {
16301
+ attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
16302
+ }
16303
+
16304
+ if (!current || dirty & /*layerId*/ 1) {
16305
+ attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
16306
+ }
16307
+
16308
+ if (!current || dirty & /*style*/ 64) {
16309
+ attr(div2, "style", /*style*/ ctx[6]);
16310
+ }
16311
+ },
16312
+ i(local) {
16313
+ if (current) return;
16314
+ transition_in(default_slot, local);
16315
+ current = true;
16316
+ },
16317
+ o(local) {
16318
+ transition_out(default_slot, local);
16319
+ current = false;
16320
+ },
16321
+ d(detaching) {
16322
+ if (detaching) detach(div2);
16323
+ if (default_slot) default_slot.d(detaching);
16324
+ /*div0_binding*/ ctx[15](null);
16325
+ destroy_each(each_blocks, detaching);
16326
+ }
16327
+ };
16328
+ }
16329
+
16330
+ function instance$3($$self, $$props, $$invalidate) {
16331
+ let indicators;
16332
+ let itemWidthPercentage;
16333
+ let style;
16334
+ let containerStyle;
16335
+ let indicatorListStyle;
16336
+ let indicatorItemStyle;
16337
+ let { $$slots: slots = {}, $$scope } = $$props;
16338
+ let { layerId } = $$props;
16339
+ let { props } = $$props;
16340
+ let { overrideStyle } = $$props;
16341
+ let slotElement;
16342
+ let currentIndex = 0;
16343
+ let childCount = slotElement?.children?.length ?? 0;
16344
+
16345
+ const calcTransformX = (index, itemCount) => {
16346
+ if (index === 0) return undefined;
16347
+
16348
+ const movingX = (() => {
16349
+ let result = 0;
16350
+ const itemWidth = itemWidthPercentage;
16351
+ const itemMargin = (100 - itemWidthPercentage) / 2;
16352
+
16353
+ const movingMap = [...Array(currentIndex + 1)].map((_, index) => {
16354
+ if (index === 0) return 0;
16355
+ if (index === 1 || index === itemCount - 1) return itemWidth - itemMargin;
16356
+ return itemWidth;
16357
+ });
16358
+
16359
+ movingMap.forEach(value => result += value);
16360
+ return result;
16361
+ })();
16362
+
16363
+ return `translateX(calc(-${movingX}% - ${(props.gap ?? 0) * index}px))`;
16364
+ };
16365
+
16366
+ const handleClickIndicator = index => {
16367
+ $$invalidate(10, currentIndex = index);
16368
+ };
16369
+
16370
+ const setChildCount = () => {
16371
+ const count = slotElement?.children?.length ?? 0;
16372
+
16373
+ if (count !== childCount) {
16374
+ $$invalidate(11, childCount = slotElement?.children?.length ?? 0);
16375
+ }
16376
+ };
16377
+
16378
+ onMount$1(() => {
16379
+ setChildCount();
16380
+ setInterval(setChildCount, 500);
16381
+ });
16382
+
16383
+ function div0_binding($$value) {
16384
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16385
+ slotElement = $$value;
16386
+ $$invalidate(2, slotElement);
16387
+ });
16388
+ }
16389
+
16390
+ const click_handler = i => handleClickIndicator(i);
16391
+
16392
+ $$self.$$set = $$props => {
16393
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
16394
+ if ('props' in $$props) $$invalidate(9, props = $$props.props);
16395
+ if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
16396
+ if ('$$scope' in $$props) $$invalidate(13, $$scope = $$props.$$scope);
16397
+ };
16398
+
16399
+ $$self.$$.update = () => {
16400
+ if ($$self.$$.dirty & /*childCount, currentIndex*/ 3072) {
16401
+ $$invalidate(7, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
16402
+ }
16403
+
16404
+ if ($$self.$$.dirty & /*props*/ 512) {
16405
+ $$invalidate(12, itemWidthPercentage = props.itemWidthPercentage ?? 100);
16406
+ }
16407
+
16408
+ if ($$self.$$.dirty & /*props, itemWidthPercentage, currentIndex, childCount*/ 7680) {
16409
+ $$invalidate(5, containerStyle = objToStyle({
16410
+ display: 'grid',
16411
+ // marginInline: `-${props.gap}px`,
16412
+ gap: `${props.gap}px`,
16413
+ gridTemplateColumns: `repeat(auto-fill, minmax(${itemWidthPercentage}%, 1fr))`,
16414
+ gridAutoFlow: 'column',
16415
+ gridAutoColumns: `minmax(${itemWidthPercentage}%, 1fr)`,
16416
+ flexShrink: 0,
16417
+ transition: 'transform 0.5s',
16418
+ transform: calcTransformX(currentIndex, childCount)
16419
+ }));
16420
+ }
16421
+ };
16422
+
16423
+ $$invalidate(6, style = objToStyle({ overflow: 'auto', width: '100%' }));
16424
+
16425
+ $$invalidate(4, indicatorListStyle = objToStyle({
16426
+ display: 'flex',
16427
+ justifyContent: 'center',
16428
+ gap: '4px',
16429
+ marginTop: '12px'
16430
+ }));
16431
+
16432
+ $$invalidate(3, indicatorItemStyle = {
16433
+ width: '8px',
16434
+ height: '8px',
16435
+ borderRadius: '100%',
16436
+ display: 'block',
16437
+ background: '#AAAAAA'
16438
+ });
16439
+
16440
+ return [
16441
+ layerId,
16442
+ overrideStyle,
16443
+ slotElement,
16444
+ indicatorItemStyle,
16445
+ indicatorListStyle,
16446
+ containerStyle,
16447
+ style,
16448
+ indicators,
16449
+ handleClickIndicator,
16450
+ props,
16451
+ currentIndex,
16452
+ childCount,
16453
+ itemWidthPercentage,
16454
+ $$scope,
16455
+ slots,
16456
+ div0_binding,
16457
+ click_handler
16458
+ ];
16459
+ }
16460
+
16461
+ class Slider extends SvelteComponent {
16462
+ constructor(options) {
16463
+ super();
16464
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 9, overrideStyle: 1 });
16465
+ }
16466
+ }
16467
+
16173
16468
  const TEXT_VARIANTS = {
16174
16469
  size: {
16175
16470
  extra_small: {
@@ -17144,4 +17439,4 @@ const ROUND_STYLES = {
17144
17439
  },
17145
17440
  };
17146
17441
 
17147
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, 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, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
17442
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, 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, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };