@plaidev/karte-action-sdk 1.1.182-28042985.fb2e7905 → 1.1.182-28044595.2da1f16a

Sign up to get free protection for your applications and to get access to all the features.
@@ -95,6 +95,10 @@ const getMarginStyle = (margin) => {
95
95
  return `margin: ${margin?.top ?? 0} ${margin?.right ?? 0} ${margin?.bottom ?? 0} ${margin?.left ?? 0};`;
96
96
  };
97
97
  /** @internal */
98
+ const parseStyle = (style) => {
99
+ return Object.fromEntries(style.split(';').map(attr => attr.split(':').map(str => str.trim())));
100
+ };
101
+ /** @internal */
98
102
  const stringifyStyleObj = (styleObj) => {
99
103
  return Object.entries(styleObj)
100
104
  .map(([key, value]) => `${key}:${value}`)
@@ -6960,7 +6964,7 @@ class FormSelect extends SvelteComponent {
6960
6964
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
6961
6965
 
6962
6966
  function add_css$d(target) {
6963
- append_styles(target, "svelte-o1ztcf", ".check-boxes.svelte-o1ztcf.svelte-o1ztcf{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-o1ztcf.svelte-o1ztcf{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-o1ztcf.svelte-o1ztcf{width:0;height:0;margin:0}.check-box-check.svelte-o1ztcf.svelte-o1ztcf{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-o1ztcf.svelte-o1ztcf{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-o1ztcf.svelte-o1ztcf: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-o1ztcf.svelte-o1ztcf{background-color:var(--color-main-active)}.check-box-check._checked.svelte-o1ztcf .check-box-icon.svelte-o1ztcf:after{border-color:var(--color-sub-active)}.check-box-text.svelte-o1ztcf.svelte-o1ztcf{margin-left:0.5em}");
6967
+ append_styles(target, "svelte-p15pvn", ".check-boxes.svelte-p15pvn.svelte-p15pvn{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-p15pvn.svelte-p15pvn{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-p15pvn.svelte-p15pvn{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-p15pvn.svelte-p15pvn{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-p15pvn.svelte-p15pvn{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-p15pvn.svelte-p15pvn: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-p15pvn.svelte-p15pvn{background-color:var(--color-main-active)}.check-box-check._checked.svelte-p15pvn .check-box-icon.svelte-p15pvn:after{border-color:var(--color-sub-active)}.check-box-text.svelte-p15pvn.svelte-p15pvn{margin-left:0.5em}");
6964
6968
  }
6965
6969
 
6966
6970
  function get_each_context$3(ctx, list, i) {
@@ -7001,11 +7005,11 @@ function create_each_block$3(ctx) {
7001
7005
  this.h();
7002
7006
  },
7003
7007
  l(nodes) {
7004
- label = claim_element(nodes, "LABEL", { class: true });
7008
+ label = claim_element(nodes, "LABEL", { class: true, style: true });
7005
7009
  var label_nodes = children(label);
7006
7010
  input = claim_element(label_nodes, "INPUT", { class: true, type: true, name: true });
7007
7011
  t0 = claim_space(label_nodes);
7008
- span1 = claim_element(label_nodes, "SPAN", { class: true, style: true });
7012
+ span1 = claim_element(label_nodes, "SPAN", { class: true });
7009
7013
  var span1_nodes = children(span1);
7010
7014
  span0 = claim_element(span1_nodes, "SPAN", { class: true });
7011
7015
  var span0_nodes = children(span0);
@@ -7021,20 +7025,20 @@ function create_each_block$3(ctx) {
7021
7025
  this.h();
7022
7026
  },
7023
7027
  h() {
7024
- attr(input, "class", "check-box-input svelte-o1ztcf");
7028
+ attr(input, "class", "check-box-input svelte-p15pvn");
7025
7029
  attr(input, "type", "checkbox");
7026
7030
  attr(input, "name", /*name*/ ctx[0]);
7027
7031
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7028
- attr(span0, "class", "check-box-icon svelte-o1ztcf");
7032
+ attr(span0, "class", "check-box-icon svelte-p15pvn");
7029
7033
 
7030
7034
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7031
7035
  ? ' _checked'
7032
- : ''}`) + " svelte-o1ztcf"));
7036
+ : ''}`) + " svelte-p15pvn"));
7033
7037
 
7034
- attr(span1, "style", /*styleVariables*/ ctx[5]);
7035
- attr(span2, "class", "check-box-text svelte-o1ztcf");
7038
+ attr(span2, "class", "check-box-text svelte-p15pvn");
7036
7039
  attr(span2, "style", /*_textStyle*/ ctx[2]);
7037
- attr(label, "class", "check-box svelte-o1ztcf");
7040
+ attr(label, "class", "check-box svelte-p15pvn");
7041
+ attr(label, "style", /*styleVariables*/ ctx[5]);
7038
7042
  },
7039
7043
  m(target, anchor) {
7040
7044
  insert_hydration(target, label, anchor);
@@ -7065,19 +7069,19 @@ function create_each_block$3(ctx) {
7065
7069
 
7066
7070
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7067
7071
  ? ' _checked'
7068
- : ''}`) + " svelte-o1ztcf"))) {
7072
+ : ''}`) + " svelte-p15pvn"))) {
7069
7073
  attr(span1, "class", span1_class_value);
7070
7074
  }
7071
7075
 
7072
- if (dirty & /*styleVariables*/ 32) {
7073
- attr(span1, "style", /*styleVariables*/ ctx[5]);
7074
- }
7075
-
7076
7076
  if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[17] + "")) set_data(t2, t2_value);
7077
7077
 
7078
7078
  if (dirty & /*_textStyle*/ 4) {
7079
7079
  attr(span2, "style", /*_textStyle*/ ctx[2]);
7080
7080
  }
7081
+
7082
+ if (dirty & /*styleVariables*/ 32) {
7083
+ attr(label, "style", /*styleVariables*/ ctx[5]);
7084
+ }
7081
7085
  },
7082
7086
  d(detaching) {
7083
7087
  if (detaching) detach(label);
@@ -7118,7 +7122,7 @@ function create_fragment$e(ctx) {
7118
7122
  this.h();
7119
7123
  },
7120
7124
  h() {
7121
- attr(div, "class", "check-boxes svelte-o1ztcf");
7125
+ attr(div, "class", "check-boxes svelte-p15pvn");
7122
7126
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7123
7127
  },
7124
7128
  m(target, anchor) {
@@ -7129,7 +7133,7 @@ function create_fragment$e(ctx) {
7129
7133
  }
7130
7134
  },
7131
7135
  p(ctx, [dirty]) {
7132
- if (dirty & /*_textStyle, _options, isCheckedArray, styleVariables, name, handleChange*/ 189) {
7136
+ if (dirty & /*styleVariables, _textStyle, _options, isCheckedArray, name, handleChange*/ 189) {
7133
7137
  each_value = /*_options*/ ctx[3];
7134
7138
  let i;
7135
7139
 
@@ -7292,7 +7296,7 @@ class FormCheckBoxes extends SvelteComponent {
7292
7296
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7293
7297
 
7294
7298
  function add_css$c(target) {
7295
- append_styles(target, "svelte-176k37j", ".rating-buttons.svelte-176k37j{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-176k37j{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s}");
7299
+ append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{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}");
7296
7300
  }
7297
7301
 
7298
7302
  function get_each_context$2(ctx, list, i) {
@@ -7303,40 +7307,40 @@ function get_each_context$2(ctx, list, i) {
7303
7307
 
7304
7308
  // (60:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
7305
7309
  function create_each_block$2(ctx) {
7306
- let div;
7310
+ let button;
7307
7311
  let t0_value = /*i*/ ctx[12] + "";
7308
7312
  let t0;
7309
7313
  let t1;
7310
- let div_style_value;
7314
+ let button_style_value;
7311
7315
  let mounted;
7312
7316
  let dispose;
7313
7317
 
7314
7318
  return {
7315
7319
  c() {
7316
- div = element("div");
7320
+ button = element("button");
7317
7321
  t0 = text(t0_value);
7318
7322
  t1 = space();
7319
7323
  this.h();
7320
7324
  },
7321
7325
  l(nodes) {
7322
- div = claim_element(nodes, "DIV", { class: true, style: true });
7323
- var div_nodes = children(div);
7324
- t0 = claim_text(div_nodes, t0_value);
7325
- t1 = claim_space(div_nodes);
7326
- div_nodes.forEach(detach);
7326
+ button = claim_element(nodes, "BUTTON", { class: true, style: true });
7327
+ var button_nodes = children(button);
7328
+ t0 = claim_text(button_nodes, t0_value);
7329
+ t1 = claim_space(button_nodes);
7330
+ button_nodes.forEach(detach);
7327
7331
  this.h();
7328
7332
  },
7329
7333
  h() {
7330
- attr(div, "class", "rating-button svelte-176k37j");
7331
- attr(div, "style", div_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7334
+ attr(button, "class", "rating-button svelte-zy2va9");
7335
+ attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7332
7336
  },
7333
7337
  m(target, anchor) {
7334
- insert_hydration(target, div, anchor);
7335
- append_hydration(div, t0);
7336
- append_hydration(div, t1);
7338
+ insert_hydration(target, button, anchor);
7339
+ append_hydration(button, t0);
7340
+ append_hydration(button, t1);
7337
7341
 
7338
7342
  if (!mounted) {
7339
- dispose = listen(div, "click", function () {
7343
+ dispose = listen(button, "click", function () {
7340
7344
  if (is_function(/*handleClick*/ ctx[3](/*i*/ ctx[12]))) /*handleClick*/ ctx[3](/*i*/ ctx[12]).apply(this, arguments);
7341
7345
  });
7342
7346
 
@@ -7347,12 +7351,12 @@ function create_each_block$2(ctx) {
7347
7351
  ctx = new_ctx;
7348
7352
  if (dirty & /*count*/ 1 && t0_value !== (t0_value = /*i*/ ctx[12] + "")) set_data(t0, t0_value);
7349
7353
 
7350
- if (dirty & /*count, _value*/ 3 && div_style_value !== (div_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
7351
- attr(div, "style", div_style_value);
7354
+ if (dirty & /*count, _value*/ 3 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
7355
+ attr(button, "style", button_style_value);
7352
7356
  }
7353
7357
  },
7354
7358
  d(detaching) {
7355
- if (detaching) detach(div);
7359
+ if (detaching) detach(button);
7356
7360
  mounted = false;
7357
7361
  dispose();
7358
7362
  }
@@ -7390,7 +7394,7 @@ function create_fragment$d(ctx) {
7390
7394
  this.h();
7391
7395
  },
7392
7396
  h() {
7393
- attr(div, "class", "rating-buttons svelte-176k37j");
7397
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7394
7398
  },
7395
7399
  m(target, anchor) {
7396
7400
  insert_hydration(target, div, anchor);
@@ -7527,7 +7531,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7527
7531
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7528
7532
 
7529
7533
  function add_css$b(target) {
7530
- append_styles(target, "svelte-12ew9od", ".rating-buttons.svelte-12ew9od{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-12ew9od{cursor:pointer;user-select:none;-webkit-user-drag:none}.rating-button.svelte-12ew9od:not(._active){filter:grayscale(100%)}");
7534
+ 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%)}");
7531
7535
  }
7532
7536
 
7533
7537
  function get_each_context$1(ctx, list, i) {
@@ -7538,54 +7542,59 @@ function get_each_context$1(ctx, list, i) {
7538
7542
 
7539
7543
  // (42:2) {#each [...Array(count).keys()].reverse().map(i => i + 1) as i}
7540
7544
  function create_each_block$1(ctx) {
7545
+ let button;
7541
7546
  let img;
7542
7547
  let img_src_value;
7543
7548
  let img_class_value;
7549
+ let t;
7544
7550
  let mounted;
7545
7551
  let dispose;
7546
7552
 
7547
7553
  return {
7548
7554
  c() {
7555
+ button = element("button");
7549
7556
  img = element("img");
7557
+ t = space();
7550
7558
  this.h();
7551
7559
  },
7552
7560
  l(nodes) {
7553
- img = claim_element(nodes, "IMG", {
7554
- src: true,
7555
- class: true,
7556
- style: true,
7557
- alt: true
7558
- });
7559
-
7561
+ button = claim_element(nodes, "BUTTON", { class: true, style: true });
7562
+ var button_nodes = children(button);
7563
+ img = claim_element(button_nodes, "IMG", { src: true, class: true, alt: true });
7564
+ t = claim_space(button_nodes);
7565
+ button_nodes.forEach(detach);
7560
7566
  this.h();
7561
7567
  },
7562
7568
  h() {
7563
7569
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7564
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-12ew9od"));
7565
- attr(img, "style", /*buttonStyle*/ ctx[0]);
7570
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7566
7571
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7572
+ attr(button, "class", "rating-button svelte-tbunko");
7573
+ attr(button, "style", /*buttonStyle*/ ctx[0]);
7567
7574
  },
7568
7575
  m(target, anchor) {
7569
- insert_hydration(target, img, anchor);
7576
+ insert_hydration(target, button, anchor);
7577
+ append_hydration(button, img);
7578
+ append_hydration(button, t);
7570
7579
 
7571
7580
  if (!mounted) {
7572
- dispose = listen(img, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
7581
+ dispose = listen(button, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
7573
7582
  mounted = true;
7574
7583
  }
7575
7584
  },
7576
7585
  p(new_ctx, dirty) {
7577
7586
  ctx = new_ctx;
7578
7587
 
7579
- if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-12ew9od"))) {
7588
+ if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
7580
7589
  attr(img, "class", img_class_value);
7581
7590
  }
7582
7591
 
7583
7592
  if (dirty & /*buttonStyle*/ 1) {
7584
- attr(img, "style", /*buttonStyle*/ ctx[0]);
7593
+ attr(button, "style", /*buttonStyle*/ ctx[0]);
7585
7594
  }
7586
7595
  },
7587
7596
  d(detaching) {
7588
- if (detaching) detach(img);
7597
+ if (detaching) detach(button);
7589
7598
  mounted = false;
7590
7599
  dispose();
7591
7600
  }
@@ -7623,7 +7632,7 @@ function create_fragment$c(ctx) {
7623
7632
  this.h();
7624
7633
  },
7625
7634
  h() {
7626
- attr(div, "class", "rating-buttons svelte-12ew9od");
7635
+ attr(div, "class", "rating-buttons svelte-tbunko");
7627
7636
  },
7628
7637
  m(target, anchor) {
7629
7638
  insert_hydration(target, div, anchor);
@@ -7633,7 +7642,7 @@ function create_fragment$c(ctx) {
7633
7642
  }
7634
7643
  },
7635
7644
  p(ctx, [dirty]) {
7636
- if (dirty & /*ICONS, Array, count, _value, buttonStyle, handleClick*/ 23) {
7645
+ if (dirty & /*buttonStyle, handleClick, Array, count, ICONS, _value*/ 23) {
7637
7646
  each_value = [...Array(count).keys()].reverse().map(func);
7638
7647
  let i;
7639
7648
 
@@ -7731,7 +7740,7 @@ class FormRatingButtonsFace extends SvelteComponent {
7731
7740
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
7732
7741
 
7733
7742
  function add_css$a(target) {
7734
- append_styles(target, "svelte-1wlcw5a", ".root.svelte-1wlcw5a{width:100%;height:100%;position:relative}.container.svelte-1wlcw5a{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.slide.svelte-1wlcw5a{height:100%;position:absolute;display:flex}.transition.svelte-1wlcw5a{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1wlcw5a{height:100%;flex:none}.prev-button.svelte-1wlcw5a,.next-button.svelte-1wlcw5a{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button.svelte-1wlcw5a{left:0}.next-button.svelte-1wlcw5a{right:0}.button-container.svelte-1wlcw5a{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.navigation.svelte-1wlcw5a{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1wlcw5a{flex-shrink:0;cursor:pointer}.navigation-item-inner.circle.svelte-1wlcw5a{border-radius:51%}");
7743
+ append_styles(target, "svelte-re6e5", ".root.svelte-re6e5{width:100%;height:100%;position:relative}.container.svelte-re6e5{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.slide.svelte-re6e5{height:100%;position:absolute;display:flex}.transition.svelte-re6e5{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-re6e5{height:100%;flex:none}.prev-button-container.svelte-re6e5,.next-button-container.svelte-re6e5{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-re6e5{left:0}.next-button-container.svelte-re6e5{right:0}.move-button.svelte-re6e5{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-re6e5{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-re6e5{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-re6e5{border-radius:51%}");
7735
7744
  }
7736
7745
 
7737
7746
  function get_each_context(ctx, list, i) {
@@ -7743,8 +7752,8 @@ function get_each_context(ctx, list, i) {
7743
7752
 
7744
7753
  // (371:2) {#if isVisiblePrevButton}
7745
7754
  function create_if_block_1(ctx) {
7746
- let div1;
7747
- let div0;
7755
+ let div;
7756
+ let button;
7748
7757
  let svg;
7749
7758
  let polygon;
7750
7759
  let mounted;
@@ -7752,24 +7761,24 @@ function create_if_block_1(ctx) {
7752
7761
 
7753
7762
  return {
7754
7763
  c() {
7755
- div1 = element("div");
7756
- div0 = element("div");
7764
+ div = element("div");
7765
+ button = element("button");
7757
7766
  svg = svg_element("svg");
7758
7767
  polygon = svg_element("polygon");
7759
7768
  this.h();
7760
7769
  },
7761
7770
  l(nodes) {
7762
- div1 = claim_element(nodes, "DIV", { class: true });
7763
- var div1_nodes = children(div1);
7764
- div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
7765
- var div0_nodes = children(div0);
7766
- svg = claim_svg_element(div0_nodes, "svg", { viewBox: true, xmlns: true, style: true });
7771
+ div = claim_element(nodes, "DIV", { class: true });
7772
+ var div_nodes = children(div);
7773
+ button = claim_element(div_nodes, "BUTTON", { class: true, style: true });
7774
+ var button_nodes = children(button);
7775
+ svg = claim_svg_element(button_nodes, "svg", { viewBox: true, xmlns: true, style: true });
7767
7776
  var svg_nodes = children(svg);
7768
7777
  polygon = claim_svg_element(svg_nodes, "polygon", { points: true });
7769
7778
  children(polygon).forEach(detach);
7770
7779
  svg_nodes.forEach(detach);
7771
- div0_nodes.forEach(detach);
7772
- div1_nodes.forEach(detach);
7780
+ button_nodes.forEach(detach);
7781
+ div_nodes.forEach(detach);
7773
7782
  this.h();
7774
7783
  },
7775
7784
  h() {
@@ -7777,18 +7786,18 @@ function create_if_block_1(ctx) {
7777
7786
  attr(svg, "viewBox", "0 0 10 16");
7778
7787
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7779
7788
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
7780
- attr(div0, "class", "button-container svelte-1wlcw5a");
7781
- attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7782
- attr(div1, "class", "prev-button svelte-1wlcw5a");
7789
+ attr(button, "class", "move-button svelte-re6e5");
7790
+ attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7791
+ attr(div, "class", "prev-button-container svelte-re6e5");
7783
7792
  },
7784
7793
  m(target, anchor) {
7785
- insert_hydration(target, div1, anchor);
7786
- append_hydration(div1, div0);
7787
- append_hydration(div0, svg);
7794
+ insert_hydration(target, div, anchor);
7795
+ append_hydration(div, button);
7796
+ append_hydration(button, svg);
7788
7797
  append_hydration(svg, polygon);
7789
7798
 
7790
7799
  if (!mounted) {
7791
- dispose = listen(div1, "click", /*prev*/ ctx[15]);
7800
+ dispose = listen(button, "click", /*prev*/ ctx[15]);
7792
7801
  mounted = true;
7793
7802
  }
7794
7803
  },
@@ -7798,11 +7807,11 @@ function create_if_block_1(ctx) {
7798
7807
  }
7799
7808
 
7800
7809
  if (dirty[0] & /*_prevButtonContainerStyle*/ 512) {
7801
- attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7810
+ attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7802
7811
  }
7803
7812
  },
7804
7813
  d(detaching) {
7805
- if (detaching) detach(div1);
7814
+ if (detaching) detach(div);
7806
7815
  mounted = false;
7807
7816
  dispose();
7808
7817
  }
@@ -7811,8 +7820,8 @@ function create_if_block_1(ctx) {
7811
7820
 
7812
7821
  // (380:2) {#if isVisibleNextButton}
7813
7822
  function create_if_block$1(ctx) {
7814
- let div1;
7815
- let div0;
7823
+ let div;
7824
+ let button;
7816
7825
  let svg;
7817
7826
  let polygon;
7818
7827
  let mounted;
@@ -7820,24 +7829,24 @@ function create_if_block$1(ctx) {
7820
7829
 
7821
7830
  return {
7822
7831
  c() {
7823
- div1 = element("div");
7824
- div0 = element("div");
7832
+ div = element("div");
7833
+ button = element("button");
7825
7834
  svg = svg_element("svg");
7826
7835
  polygon = svg_element("polygon");
7827
7836
  this.h();
7828
7837
  },
7829
7838
  l(nodes) {
7830
- div1 = claim_element(nodes, "DIV", { class: true });
7831
- var div1_nodes = children(div1);
7832
- div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
7833
- var div0_nodes = children(div0);
7834
- svg = claim_svg_element(div0_nodes, "svg", { viewBox: true, xmlns: true, style: true });
7839
+ div = claim_element(nodes, "DIV", { class: true });
7840
+ var div_nodes = children(div);
7841
+ button = claim_element(div_nodes, "BUTTON", { class: true, style: true });
7842
+ var button_nodes = children(button);
7843
+ svg = claim_svg_element(button_nodes, "svg", { viewBox: true, xmlns: true, style: true });
7835
7844
  var svg_nodes = children(svg);
7836
7845
  polygon = claim_svg_element(svg_nodes, "polygon", { points: true });
7837
7846
  children(polygon).forEach(detach);
7838
7847
  svg_nodes.forEach(detach);
7839
- div0_nodes.forEach(detach);
7840
- div1_nodes.forEach(detach);
7848
+ button_nodes.forEach(detach);
7849
+ div_nodes.forEach(detach);
7841
7850
  this.h();
7842
7851
  },
7843
7852
  h() {
@@ -7845,18 +7854,18 @@ function create_if_block$1(ctx) {
7845
7854
  attr(svg, "viewBox", "0 0 10 16");
7846
7855
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7847
7856
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
7848
- attr(div0, "class", "button-container svelte-1wlcw5a");
7849
- attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7850
- attr(div1, "class", "next-button svelte-1wlcw5a");
7857
+ attr(button, "class", "move-button svelte-re6e5");
7858
+ attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7859
+ attr(div, "class", "next-button-container svelte-re6e5");
7851
7860
  },
7852
7861
  m(target, anchor) {
7853
- insert_hydration(target, div1, anchor);
7854
- append_hydration(div1, div0);
7855
- append_hydration(div0, svg);
7862
+ insert_hydration(target, div, anchor);
7863
+ append_hydration(div, button);
7864
+ append_hydration(button, svg);
7856
7865
  append_hydration(svg, polygon);
7857
7866
 
7858
7867
  if (!mounted) {
7859
- dispose = listen(div1, "click", /*next*/ ctx[16]);
7868
+ dispose = listen(button, "click", /*next*/ ctx[16]);
7860
7869
  mounted = true;
7861
7870
  }
7862
7871
  },
@@ -7866,11 +7875,11 @@ function create_if_block$1(ctx) {
7866
7875
  }
7867
7876
 
7868
7877
  if (dirty[0] & /*_nextButtonContainerStyle*/ 128) {
7869
- attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7878
+ attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7870
7879
  }
7871
7880
  },
7872
7881
  d(detaching) {
7873
- if (detaching) detach(div1);
7882
+ if (detaching) detach(div);
7874
7883
  mounted = false;
7875
7884
  dispose();
7876
7885
  }
@@ -7879,9 +7888,9 @@ function create_if_block$1(ctx) {
7879
7888
 
7880
7889
  // (393:4) {#each items as _, i}
7881
7890
  function create_each_block(ctx) {
7882
- let div1;
7883
- let div0;
7884
- let div0_style_value;
7891
+ let button;
7892
+ let div;
7893
+ let div_style_value;
7885
7894
  let t;
7886
7895
  let mounted;
7887
7896
  let dispose;
@@ -7892,49 +7901,49 @@ function create_each_block(ctx) {
7892
7901
 
7893
7902
  return {
7894
7903
  c() {
7895
- div1 = element("div");
7896
- div0 = element("div");
7904
+ button = element("button");
7905
+ div = element("div");
7897
7906
  t = space();
7898
7907
  this.h();
7899
7908
  },
7900
7909
  l(nodes) {
7901
- div1 = claim_element(nodes, "DIV", { class: true, style: true });
7902
- var div1_nodes = children(div1);
7903
- div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
7904
- children(div0).forEach(detach);
7905
- t = claim_space(div1_nodes);
7906
- div1_nodes.forEach(detach);
7910
+ button = claim_element(nodes, "BUTTON", { class: true, style: true });
7911
+ var button_nodes = children(button);
7912
+ div = claim_element(button_nodes, "DIV", { class: true, style: true });
7913
+ children(div).forEach(detach);
7914
+ t = claim_space(button_nodes);
7915
+ button_nodes.forEach(detach);
7907
7916
  this.h();
7908
7917
  },
7909
7918
  h() {
7910
- attr(div0, "class", "navigation-item-inner circle svelte-1wlcw5a");
7911
- attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
7912
- attr(div1, "class", "navigation-item svelte-1wlcw5a");
7913
- attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
7919
+ attr(div, "class", "navigation-item-inner circle svelte-re6e5");
7920
+ attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
7921
+ attr(button, "class", "navigation-item svelte-re6e5");
7922
+ attr(button, "style", /*navigationItemStyle*/ ctx[6]);
7914
7923
  },
7915
7924
  m(target, anchor) {
7916
- insert_hydration(target, div1, anchor);
7917
- append_hydration(div1, div0);
7918
- append_hydration(div1, t);
7925
+ insert_hydration(target, button, anchor);
7926
+ append_hydration(button, div);
7927
+ append_hydration(button, t);
7919
7928
 
7920
7929
  if (!mounted) {
7921
- dispose = listen(div1, "click", click_handler);
7930
+ dispose = listen(button, "click", click_handler);
7922
7931
  mounted = true;
7923
7932
  }
7924
7933
  },
7925
7934
  p(new_ctx, dirty) {
7926
7935
  ctx = new_ctx;
7927
7936
 
7928
- if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
7929
- attr(div0, "style", div0_style_value);
7937
+ if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div_style_value !== (div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
7938
+ attr(div, "style", div_style_value);
7930
7939
  }
7931
7940
 
7932
7941
  if (dirty[0] & /*navigationItemStyle*/ 64) {
7933
- attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
7942
+ attr(button, "style", /*navigationItemStyle*/ ctx[6]);
7934
7943
  }
7935
7944
  },
7936
7945
  d(detaching) {
7937
- if (detaching) detach(div1);
7946
+ if (detaching) detach(button);
7938
7947
  mounted = false;
7939
7948
  dispose();
7940
7949
  }
@@ -8015,14 +8024,14 @@ function create_fragment$b(ctx) {
8015
8024
  this.h();
8016
8025
  },
8017
8026
  h() {
8018
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1wlcw5a"));
8027
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"));
8019
8028
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8020
- attr(div1, "class", "container svelte-1wlcw5a");
8029
+ attr(div1, "class", "container svelte-re6e5");
8021
8030
  attr(div1, "style", /*_style*/ ctx[0]);
8022
- attr(div2, "class", "navigation svelte-1wlcw5a");
8031
+ attr(div2, "class", "navigation svelte-re6e5");
8023
8032
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8024
8033
  set_attributes(div3, div3_data);
8025
- toggle_class(div3, "svelte-1wlcw5a", true);
8034
+ toggle_class(div3, "svelte-re6e5", true);
8026
8035
  },
8027
8036
  m(target, anchor) {
8028
8037
  insert_hydration(target, div3, anchor);
@@ -8064,7 +8073,7 @@ function create_fragment$b(ctx) {
8064
8073
  }
8065
8074
  }
8066
8075
 
8067
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1wlcw5a"))) {
8076
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"))) {
8068
8077
  attr(div0, "class", div0_class_value);
8069
8078
  }
8070
8079
 
@@ -8130,7 +8139,7 @@ function create_fragment$b(ctx) {
8130
8139
  }
8131
8140
 
8132
8141
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
8133
- toggle_class(div3, "svelte-1wlcw5a", true);
8142
+ toggle_class(div3, "svelte-re6e5", true);
8134
8143
  },
8135
8144
  i(local) {
8136
8145
  if (current) return;
package/dist/index.es.js CHANGED
@@ -95,6 +95,10 @@ const getMarginStyle = (margin) => {
95
95
  return `margin: ${margin?.top ?? 0} ${margin?.right ?? 0} ${margin?.bottom ?? 0} ${margin?.left ?? 0};`;
96
96
  };
97
97
  /** @internal */
98
+ const parseStyle = (style) => {
99
+ return Object.fromEntries(style.split(';').map(attr => attr.split(':').map(str => str.trim())));
100
+ };
101
+ /** @internal */
98
102
  const stringifyStyleObj = (styleObj) => {
99
103
  return Object.entries(styleObj)
100
104
  .map(([key, value]) => `${key}:${value}`)
@@ -6623,7 +6627,7 @@ class FormSelect extends SvelteComponent {
6623
6627
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
6624
6628
 
6625
6629
  function add_css$d(target) {
6626
- append_styles(target, "svelte-o1ztcf", ".check-boxes.svelte-o1ztcf.svelte-o1ztcf{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-o1ztcf.svelte-o1ztcf{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-o1ztcf.svelte-o1ztcf{width:0;height:0;margin:0}.check-box-check.svelte-o1ztcf.svelte-o1ztcf{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-o1ztcf.svelte-o1ztcf{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-o1ztcf.svelte-o1ztcf: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-o1ztcf.svelte-o1ztcf{background-color:var(--color-main-active)}.check-box-check._checked.svelte-o1ztcf .check-box-icon.svelte-o1ztcf:after{border-color:var(--color-sub-active)}.check-box-text.svelte-o1ztcf.svelte-o1ztcf{margin-left:0.5em}");
6630
+ append_styles(target, "svelte-p15pvn", ".check-boxes.svelte-p15pvn.svelte-p15pvn{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-p15pvn.svelte-p15pvn{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-p15pvn.svelte-p15pvn{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-p15pvn.svelte-p15pvn{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-p15pvn.svelte-p15pvn{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-p15pvn.svelte-p15pvn: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-p15pvn.svelte-p15pvn{background-color:var(--color-main-active)}.check-box-check._checked.svelte-p15pvn .check-box-icon.svelte-p15pvn:after{border-color:var(--color-sub-active)}.check-box-text.svelte-p15pvn.svelte-p15pvn{margin-left:0.5em}");
6627
6631
  }
6628
6632
 
6629
6633
  function get_each_context$3(ctx, list, i) {
@@ -6661,20 +6665,20 @@ function create_each_block$3(ctx) {
6661
6665
  span2 = element("span");
6662
6666
  t2 = text(t2_value);
6663
6667
  t3 = space();
6664
- attr(input, "class", "check-box-input svelte-o1ztcf");
6668
+ attr(input, "class", "check-box-input svelte-p15pvn");
6665
6669
  attr(input, "type", "checkbox");
6666
6670
  attr(input, "name", /*name*/ ctx[0]);
6667
6671
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
6668
- attr(span0, "class", "check-box-icon svelte-o1ztcf");
6672
+ attr(span0, "class", "check-box-icon svelte-p15pvn");
6669
6673
 
6670
6674
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
6671
6675
  ? ' _checked'
6672
- : ''}`) + " svelte-o1ztcf"));
6676
+ : ''}`) + " svelte-p15pvn"));
6673
6677
 
6674
- attr(span1, "style", /*styleVariables*/ ctx[5]);
6675
- attr(span2, "class", "check-box-text svelte-o1ztcf");
6678
+ attr(span2, "class", "check-box-text svelte-p15pvn");
6676
6679
  attr(span2, "style", /*_textStyle*/ ctx[2]);
6677
- attr(label, "class", "check-box svelte-o1ztcf");
6680
+ attr(label, "class", "check-box svelte-p15pvn");
6681
+ attr(label, "style", /*styleVariables*/ ctx[5]);
6678
6682
  },
6679
6683
  m(target, anchor) {
6680
6684
  insert(target, label, anchor);
@@ -6705,19 +6709,19 @@ function create_each_block$3(ctx) {
6705
6709
 
6706
6710
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
6707
6711
  ? ' _checked'
6708
- : ''}`) + " svelte-o1ztcf"))) {
6712
+ : ''}`) + " svelte-p15pvn"))) {
6709
6713
  attr(span1, "class", span1_class_value);
6710
6714
  }
6711
6715
 
6712
- if (dirty & /*styleVariables*/ 32) {
6713
- attr(span1, "style", /*styleVariables*/ ctx[5]);
6714
- }
6715
-
6716
6716
  if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[17] + "")) set_data(t2, t2_value);
6717
6717
 
6718
6718
  if (dirty & /*_textStyle*/ 4) {
6719
6719
  attr(span2, "style", /*_textStyle*/ ctx[2]);
6720
6720
  }
6721
+
6722
+ if (dirty & /*styleVariables*/ 32) {
6723
+ attr(label, "style", /*styleVariables*/ ctx[5]);
6724
+ }
6721
6725
  },
6722
6726
  d(detaching) {
6723
6727
  if (detaching) detach(label);
@@ -6744,7 +6748,7 @@ function create_fragment$e(ctx) {
6744
6748
  each_blocks[i].c();
6745
6749
  }
6746
6750
 
6747
- attr(div, "class", "check-boxes svelte-o1ztcf");
6751
+ attr(div, "class", "check-boxes svelte-p15pvn");
6748
6752
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6749
6753
  },
6750
6754
  m(target, anchor) {
@@ -6755,7 +6759,7 @@ function create_fragment$e(ctx) {
6755
6759
  }
6756
6760
  },
6757
6761
  p(ctx, [dirty]) {
6758
- if (dirty & /*_textStyle, _options, isCheckedArray, styleVariables, name, handleChange*/ 189) {
6762
+ if (dirty & /*styleVariables, _textStyle, _options, isCheckedArray, name, handleChange*/ 189) {
6759
6763
  each_value = /*_options*/ ctx[3];
6760
6764
  let i;
6761
6765
 
@@ -6918,7 +6922,7 @@ class FormCheckBoxes extends SvelteComponent {
6918
6922
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
6919
6923
 
6920
6924
  function add_css$c(target) {
6921
- append_styles(target, "svelte-176k37j", ".rating-buttons.svelte-176k37j{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-176k37j{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s}");
6925
+ append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{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}");
6922
6926
  }
6923
6927
 
6924
6928
  function get_each_context$2(ctx, list, i) {
@@ -6929,29 +6933,29 @@ function get_each_context$2(ctx, list, i) {
6929
6933
 
6930
6934
  // (60:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
6931
6935
  function create_each_block$2(ctx) {
6932
- let div;
6936
+ let button;
6933
6937
  let t0_value = /*i*/ ctx[12] + "";
6934
6938
  let t0;
6935
6939
  let t1;
6936
- let div_style_value;
6940
+ let button_style_value;
6937
6941
  let mounted;
6938
6942
  let dispose;
6939
6943
 
6940
6944
  return {
6941
6945
  c() {
6942
- div = element("div");
6946
+ button = element("button");
6943
6947
  t0 = text(t0_value);
6944
6948
  t1 = space();
6945
- attr(div, "class", "rating-button svelte-176k37j");
6946
- attr(div, "style", div_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
6949
+ attr(button, "class", "rating-button svelte-zy2va9");
6950
+ attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
6947
6951
  },
6948
6952
  m(target, anchor) {
6949
- insert(target, div, anchor);
6950
- append(div, t0);
6951
- append(div, t1);
6953
+ insert(target, button, anchor);
6954
+ append(button, t0);
6955
+ append(button, t1);
6952
6956
 
6953
6957
  if (!mounted) {
6954
- dispose = listen(div, "click", function () {
6958
+ dispose = listen(button, "click", function () {
6955
6959
  if (is_function(/*handleClick*/ ctx[3](/*i*/ ctx[12]))) /*handleClick*/ ctx[3](/*i*/ ctx[12]).apply(this, arguments);
6956
6960
  });
6957
6961
 
@@ -6962,12 +6966,12 @@ function create_each_block$2(ctx) {
6962
6966
  ctx = new_ctx;
6963
6967
  if (dirty & /*count*/ 1 && t0_value !== (t0_value = /*i*/ ctx[12] + "")) set_data(t0, t0_value);
6964
6968
 
6965
- if (dirty & /*count, _value*/ 3 && div_style_value !== (div_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
6966
- attr(div, "style", div_style_value);
6969
+ if (dirty & /*count, _value*/ 3 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
6970
+ attr(button, "style", button_style_value);
6967
6971
  }
6968
6972
  },
6969
6973
  d(detaching) {
6970
- if (detaching) detach(div);
6974
+ if (detaching) detach(button);
6971
6975
  mounted = false;
6972
6976
  dispose();
6973
6977
  }
@@ -6991,7 +6995,7 @@ function create_fragment$d(ctx) {
6991
6995
  each_blocks[i].c();
6992
6996
  }
6993
6997
 
6994
- attr(div, "class", "rating-buttons svelte-176k37j");
6998
+ attr(div, "class", "rating-buttons svelte-zy2va9");
6995
6999
  },
6996
7000
  m(target, anchor) {
6997
7001
  insert(target, div, anchor);
@@ -7128,7 +7132,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7128
7132
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7129
7133
 
7130
7134
  function add_css$b(target) {
7131
- append_styles(target, "svelte-12ew9od", ".rating-buttons.svelte-12ew9od{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-12ew9od{cursor:pointer;user-select:none;-webkit-user-drag:none}.rating-button.svelte-12ew9od:not(._active){filter:grayscale(100%)}");
7135
+ 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%)}");
7132
7136
  }
7133
7137
 
7134
7138
  function get_each_context$1(ctx, list, i) {
@@ -7139,41 +7143,48 @@ function get_each_context$1(ctx, list, i) {
7139
7143
 
7140
7144
  // (42:2) {#each [...Array(count).keys()].reverse().map(i => i + 1) as i}
7141
7145
  function create_each_block$1(ctx) {
7146
+ let button;
7142
7147
  let img;
7143
7148
  let img_src_value;
7144
7149
  let img_class_value;
7150
+ let t;
7145
7151
  let mounted;
7146
7152
  let dispose;
7147
7153
 
7148
7154
  return {
7149
7155
  c() {
7156
+ button = element("button");
7150
7157
  img = element("img");
7158
+ t = space();
7151
7159
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7152
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-12ew9od"));
7153
- attr(img, "style", /*buttonStyle*/ ctx[0]);
7160
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7154
7161
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7162
+ attr(button, "class", "rating-button svelte-tbunko");
7163
+ attr(button, "style", /*buttonStyle*/ ctx[0]);
7155
7164
  },
7156
7165
  m(target, anchor) {
7157
- insert(target, img, anchor);
7166
+ insert(target, button, anchor);
7167
+ append(button, img);
7168
+ append(button, t);
7158
7169
 
7159
7170
  if (!mounted) {
7160
- dispose = listen(img, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
7171
+ dispose = listen(button, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
7161
7172
  mounted = true;
7162
7173
  }
7163
7174
  },
7164
7175
  p(new_ctx, dirty) {
7165
7176
  ctx = new_ctx;
7166
7177
 
7167
- if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-12ew9od"))) {
7178
+ if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
7168
7179
  attr(img, "class", img_class_value);
7169
7180
  }
7170
7181
 
7171
7182
  if (dirty & /*buttonStyle*/ 1) {
7172
- attr(img, "style", /*buttonStyle*/ ctx[0]);
7183
+ attr(button, "style", /*buttonStyle*/ ctx[0]);
7173
7184
  }
7174
7185
  },
7175
7186
  d(detaching) {
7176
- if (detaching) detach(img);
7187
+ if (detaching) detach(button);
7177
7188
  mounted = false;
7178
7189
  dispose();
7179
7190
  }
@@ -7197,7 +7208,7 @@ function create_fragment$c(ctx) {
7197
7208
  each_blocks[i].c();
7198
7209
  }
7199
7210
 
7200
- attr(div, "class", "rating-buttons svelte-12ew9od");
7211
+ attr(div, "class", "rating-buttons svelte-tbunko");
7201
7212
  },
7202
7213
  m(target, anchor) {
7203
7214
  insert(target, div, anchor);
@@ -7207,7 +7218,7 @@ function create_fragment$c(ctx) {
7207
7218
  }
7208
7219
  },
7209
7220
  p(ctx, [dirty]) {
7210
- if (dirty & /*ICONS, Array, count, _value, buttonStyle, handleClick*/ 23) {
7221
+ if (dirty & /*buttonStyle, handleClick, Array, count, ICONS, _value*/ 23) {
7211
7222
  each_value = [...Array(count).keys()].reverse().map(func);
7212
7223
  let i;
7213
7224
 
@@ -7305,7 +7316,7 @@ class FormRatingButtonsFace extends SvelteComponent {
7305
7316
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
7306
7317
 
7307
7318
  function add_css$a(target) {
7308
- append_styles(target, "svelte-1wlcw5a", ".root.svelte-1wlcw5a{width:100%;height:100%;position:relative}.container.svelte-1wlcw5a{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.slide.svelte-1wlcw5a{height:100%;position:absolute;display:flex}.transition.svelte-1wlcw5a{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1wlcw5a{height:100%;flex:none}.prev-button.svelte-1wlcw5a,.next-button.svelte-1wlcw5a{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button.svelte-1wlcw5a{left:0}.next-button.svelte-1wlcw5a{right:0}.button-container.svelte-1wlcw5a{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.navigation.svelte-1wlcw5a{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1wlcw5a{flex-shrink:0;cursor:pointer}.navigation-item-inner.circle.svelte-1wlcw5a{border-radius:51%}");
7319
+ append_styles(target, "svelte-re6e5", ".root.svelte-re6e5{width:100%;height:100%;position:relative}.container.svelte-re6e5{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.slide.svelte-re6e5{height:100%;position:absolute;display:flex}.transition.svelte-re6e5{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-re6e5{height:100%;flex:none}.prev-button-container.svelte-re6e5,.next-button-container.svelte-re6e5{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-re6e5{left:0}.next-button-container.svelte-re6e5{right:0}.move-button.svelte-re6e5{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-re6e5{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-re6e5{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-re6e5{border-radius:51%}");
7309
7320
  }
7310
7321
 
7311
7322
  function get_each_context(ctx, list, i) {
@@ -7317,8 +7328,8 @@ function get_each_context(ctx, list, i) {
7317
7328
 
7318
7329
  // (371:2) {#if isVisiblePrevButton}
7319
7330
  function create_if_block_1(ctx) {
7320
- let div1;
7321
- let div0;
7331
+ let div;
7332
+ let button;
7322
7333
  let svg;
7323
7334
  let polygon;
7324
7335
  let mounted;
@@ -7326,26 +7337,26 @@ function create_if_block_1(ctx) {
7326
7337
 
7327
7338
  return {
7328
7339
  c() {
7329
- div1 = element("div");
7330
- div0 = element("div");
7340
+ div = element("div");
7341
+ button = element("button");
7331
7342
  svg = svg_element("svg");
7332
7343
  polygon = svg_element("polygon");
7333
7344
  attr(polygon, "points", "8,0 10,2 4,8 10,14 8,16 0,8");
7334
7345
  attr(svg, "viewBox", "0 0 10 16");
7335
7346
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7336
7347
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
7337
- attr(div0, "class", "button-container svelte-1wlcw5a");
7338
- attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7339
- attr(div1, "class", "prev-button svelte-1wlcw5a");
7348
+ attr(button, "class", "move-button svelte-re6e5");
7349
+ attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7350
+ attr(div, "class", "prev-button-container svelte-re6e5");
7340
7351
  },
7341
7352
  m(target, anchor) {
7342
- insert(target, div1, anchor);
7343
- append(div1, div0);
7344
- append(div0, svg);
7353
+ insert(target, div, anchor);
7354
+ append(div, button);
7355
+ append(button, svg);
7345
7356
  append(svg, polygon);
7346
7357
 
7347
7358
  if (!mounted) {
7348
- dispose = listen(div1, "click", /*prev*/ ctx[15]);
7359
+ dispose = listen(button, "click", /*prev*/ ctx[15]);
7349
7360
  mounted = true;
7350
7361
  }
7351
7362
  },
@@ -7355,11 +7366,11 @@ function create_if_block_1(ctx) {
7355
7366
  }
7356
7367
 
7357
7368
  if (dirty[0] & /*_prevButtonContainerStyle*/ 512) {
7358
- attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7369
+ attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7359
7370
  }
7360
7371
  },
7361
7372
  d(detaching) {
7362
- if (detaching) detach(div1);
7373
+ if (detaching) detach(div);
7363
7374
  mounted = false;
7364
7375
  dispose();
7365
7376
  }
@@ -7368,8 +7379,8 @@ function create_if_block_1(ctx) {
7368
7379
 
7369
7380
  // (380:2) {#if isVisibleNextButton}
7370
7381
  function create_if_block$1(ctx) {
7371
- let div1;
7372
- let div0;
7382
+ let div;
7383
+ let button;
7373
7384
  let svg;
7374
7385
  let polygon;
7375
7386
  let mounted;
@@ -7377,26 +7388,26 @@ function create_if_block$1(ctx) {
7377
7388
 
7378
7389
  return {
7379
7390
  c() {
7380
- div1 = element("div");
7381
- div0 = element("div");
7391
+ div = element("div");
7392
+ button = element("button");
7382
7393
  svg = svg_element("svg");
7383
7394
  polygon = svg_element("polygon");
7384
7395
  attr(polygon, "points", "2,0 10,8 2,16 0,14 6,8 0,2");
7385
7396
  attr(svg, "viewBox", "0 0 10 16");
7386
7397
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7387
7398
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
7388
- attr(div0, "class", "button-container svelte-1wlcw5a");
7389
- attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7390
- attr(div1, "class", "next-button svelte-1wlcw5a");
7399
+ attr(button, "class", "move-button svelte-re6e5");
7400
+ attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7401
+ attr(div, "class", "next-button-container svelte-re6e5");
7391
7402
  },
7392
7403
  m(target, anchor) {
7393
- insert(target, div1, anchor);
7394
- append(div1, div0);
7395
- append(div0, svg);
7404
+ insert(target, div, anchor);
7405
+ append(div, button);
7406
+ append(button, svg);
7396
7407
  append(svg, polygon);
7397
7408
 
7398
7409
  if (!mounted) {
7399
- dispose = listen(div1, "click", /*next*/ ctx[16]);
7410
+ dispose = listen(button, "click", /*next*/ ctx[16]);
7400
7411
  mounted = true;
7401
7412
  }
7402
7413
  },
@@ -7406,11 +7417,11 @@ function create_if_block$1(ctx) {
7406
7417
  }
7407
7418
 
7408
7419
  if (dirty[0] & /*_nextButtonContainerStyle*/ 128) {
7409
- attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7420
+ attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7410
7421
  }
7411
7422
  },
7412
7423
  d(detaching) {
7413
- if (detaching) detach(div1);
7424
+ if (detaching) detach(div);
7414
7425
  mounted = false;
7415
7426
  dispose();
7416
7427
  }
@@ -7419,9 +7430,9 @@ function create_if_block$1(ctx) {
7419
7430
 
7420
7431
  // (393:4) {#each items as _, i}
7421
7432
  function create_each_block(ctx) {
7422
- let div1;
7423
- let div0;
7424
- let div0_style_value;
7433
+ let button;
7434
+ let div;
7435
+ let div_style_value;
7425
7436
  let t;
7426
7437
  let mounted;
7427
7438
  let dispose;
@@ -7432,37 +7443,37 @@ function create_each_block(ctx) {
7432
7443
 
7433
7444
  return {
7434
7445
  c() {
7435
- div1 = element("div");
7436
- div0 = element("div");
7446
+ button = element("button");
7447
+ div = element("div");
7437
7448
  t = space();
7438
- attr(div0, "class", "navigation-item-inner circle svelte-1wlcw5a");
7439
- attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
7440
- attr(div1, "class", "navigation-item svelte-1wlcw5a");
7441
- attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
7449
+ attr(div, "class", "navigation-item-inner circle svelte-re6e5");
7450
+ attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
7451
+ attr(button, "class", "navigation-item svelte-re6e5");
7452
+ attr(button, "style", /*navigationItemStyle*/ ctx[6]);
7442
7453
  },
7443
7454
  m(target, anchor) {
7444
- insert(target, div1, anchor);
7445
- append(div1, div0);
7446
- append(div1, t);
7455
+ insert(target, button, anchor);
7456
+ append(button, div);
7457
+ append(button, t);
7447
7458
 
7448
7459
  if (!mounted) {
7449
- dispose = listen(div1, "click", click_handler);
7460
+ dispose = listen(button, "click", click_handler);
7450
7461
  mounted = true;
7451
7462
  }
7452
7463
  },
7453
7464
  p(new_ctx, dirty) {
7454
7465
  ctx = new_ctx;
7455
7466
 
7456
- if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
7457
- attr(div0, "style", div0_style_value);
7467
+ if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div_style_value !== (div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
7468
+ attr(div, "style", div_style_value);
7458
7469
  }
7459
7470
 
7460
7471
  if (dirty[0] & /*navigationItemStyle*/ 64) {
7461
- attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
7472
+ attr(button, "style", /*navigationItemStyle*/ ctx[6]);
7462
7473
  }
7463
7474
  },
7464
7475
  d(detaching) {
7465
- if (detaching) detach(div1);
7476
+ if (detaching) detach(button);
7466
7477
  mounted = false;
7467
7478
  dispose();
7468
7479
  }
@@ -7514,14 +7525,14 @@ function create_fragment$b(ctx) {
7514
7525
  each_blocks[i].c();
7515
7526
  }
7516
7527
 
7517
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1wlcw5a"));
7528
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"));
7518
7529
  attr(div0, "style", /*slideStyle*/ ctx[14]);
7519
- attr(div1, "class", "container svelte-1wlcw5a");
7530
+ attr(div1, "class", "container svelte-re6e5");
7520
7531
  attr(div1, "style", /*_style*/ ctx[0]);
7521
- attr(div2, "class", "navigation svelte-1wlcw5a");
7532
+ attr(div2, "class", "navigation svelte-re6e5");
7522
7533
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
7523
7534
  set_attributes(div3, div3_data);
7524
- toggle_class(div3, "svelte-1wlcw5a", true);
7535
+ toggle_class(div3, "svelte-re6e5", true);
7525
7536
  },
7526
7537
  m(target, anchor) {
7527
7538
  insert(target, div3, anchor);
@@ -7563,7 +7574,7 @@ function create_fragment$b(ctx) {
7563
7574
  }
7564
7575
  }
7565
7576
 
7566
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1wlcw5a"))) {
7577
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"))) {
7567
7578
  attr(div0, "class", div0_class_value);
7568
7579
  }
7569
7580
 
@@ -7629,7 +7640,7 @@ function create_fragment$b(ctx) {
7629
7640
  }
7630
7641
 
7631
7642
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
7632
- toggle_class(div3, "svelte-1wlcw5a", true);
7643
+ toggle_class(div3, "svelte-re6e5", true);
7633
7644
  },
7634
7645
  i(local) {
7635
7646
  if (current) return;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.182-28042985.fb2e7905",
3
+ "version": "1.1.182-28044595.2da1f16a",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",