@plaidev/karte-action-sdk 1.1.181 → 1.1.182-28044595.2da1f16a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/hydrate/index.es.js +131 -122
  2. package/dist/index.es.js +99 -88
  3. package/package.json +1 -1
package/dist/hydrate/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}`)
@@ -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.181",
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",