@plaidev/karte-action-sdk 1.1.268-29127795.266c63a4 → 1.1.268-29130290.f4c098fe

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 (42) hide show
  1. package/dist/components-flex/avatar/types.d.ts +2 -2
  2. package/dist/components-flex/close-button/types.d.ts +4 -4
  3. package/dist/components-flex/image/types.d.ts +2 -2
  4. package/dist/components-flex/layout/types.d.ts +1 -0
  5. package/dist/components-flex/list/types.d.ts +2 -5
  6. package/dist/components-flex/multi-column/types.d.ts +2 -5
  7. package/dist/components-flex/props.d.ts +18 -11
  8. package/dist/components-flex/utils/prop-to-style.d.ts +3 -2
  9. package/dist/components-flex/variants.d.ts +8 -2
  10. package/dist/hydrate/components-flex/avatar/types.d.ts +2 -2
  11. package/dist/hydrate/components-flex/close-button/types.d.ts +4 -4
  12. package/dist/hydrate/components-flex/image/types.d.ts +2 -2
  13. package/dist/hydrate/components-flex/layout/types.d.ts +1 -0
  14. package/dist/hydrate/components-flex/list/types.d.ts +2 -5
  15. package/dist/hydrate/components-flex/multi-column/types.d.ts +2 -5
  16. package/dist/hydrate/components-flex/props.d.ts +18 -11
  17. package/dist/hydrate/components-flex/utils/prop-to-style.d.ts +3 -2
  18. package/dist/hydrate/components-flex/variants.d.ts +8 -2
  19. package/dist/hydrate/index.es.js +304 -181
  20. package/dist/index.es.js +300 -178
  21. package/dist/svelte5/components-flex/avatar/types.d.ts +2 -2
  22. package/dist/svelte5/components-flex/close-button/types.d.ts +4 -4
  23. package/dist/svelte5/components-flex/image/types.d.ts +2 -2
  24. package/dist/svelte5/components-flex/layout/types.d.ts +1 -0
  25. package/dist/svelte5/components-flex/list/types.d.ts +2 -5
  26. package/dist/svelte5/components-flex/multi-column/types.d.ts +2 -5
  27. package/dist/svelte5/components-flex/props.d.ts +18 -11
  28. package/dist/svelte5/components-flex/utils/prop-to-style.d.ts +3 -2
  29. package/dist/svelte5/components-flex/variants.d.ts +8 -2
  30. package/dist/svelte5/hydrate/components-flex/avatar/types.d.ts +2 -2
  31. package/dist/svelte5/hydrate/components-flex/close-button/types.d.ts +4 -4
  32. package/dist/svelte5/hydrate/components-flex/image/types.d.ts +2 -2
  33. package/dist/svelte5/hydrate/components-flex/layout/types.d.ts +1 -0
  34. package/dist/svelte5/hydrate/components-flex/list/types.d.ts +2 -5
  35. package/dist/svelte5/hydrate/components-flex/multi-column/types.d.ts +2 -5
  36. package/dist/svelte5/hydrate/components-flex/props.d.ts +18 -11
  37. package/dist/svelte5/hydrate/components-flex/utils/prop-to-style.d.ts +3 -2
  38. package/dist/svelte5/hydrate/components-flex/variants.d.ts +8 -2
  39. package/dist/svelte5/hydrate/index.es.js +206 -93
  40. package/dist/svelte5/index.es.js +206 -93
  41. package/dist/svelte5/index.front2.es.js +209 -92
  42. package/package.json +1 -1
@@ -3988,7 +3988,7 @@ function create_fragment$95(ctx) {
3988
3988
  if_block_anchor = empty();
3989
3989
  },
3990
3990
  l(nodes) {
3991
- const head_nodes = head_selector("svelte-16cot5i", document.head);
3991
+ const head_nodes = head_selector("svelte-1xy0775", document.head);
3992
3992
  if (if_block) if_block.l(head_nodes);
3993
3993
  if_block_anchor = empty();
3994
3994
  head_nodes.forEach(detach);
@@ -6946,7 +6946,7 @@ var TextButtonElement_default = TextButtonElement;
6946
6946
  //#endregion
6947
6947
  //#region src/components/ImageElement.svelte
6948
6948
  function add_css$48(target) {
6949
- append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
6949
+ append_styles(target, "svelte-1vf67bu", ".image-element.svelte-1vf67bu{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1vf67bu > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1vf67bu > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1vf67bu > .button:not(._disabled):hover,.image-element.transport.svelte-1vf67bu > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1),\n 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1vf67bu{width:100%;height:100%}");
6950
6950
  }
6951
6951
  function create_default_slot$5(ctx) {
6952
6952
  let img;
@@ -6970,7 +6970,7 @@ function create_default_slot$5(ctx) {
6970
6970
  this.h();
6971
6971
  },
6972
6972
  h() {
6973
- attr(img, "class", "image svelte-t6tu0e");
6973
+ attr(img, "class", "image svelte-1vf67bu");
6974
6974
  attr(img, "loading", "lazy");
6975
6975
  attr(img, "width", "auto");
6976
6976
  attr(img, "height", "auto");
@@ -7027,7 +7027,7 @@ function create_fragment$84(ctx) {
7027
7027
  this.h();
7028
7028
  },
7029
7029
  h() {
7030
- attr(div, "class", div_class_value = "image-element " + (ctx[2] ? " transport" : "") + " svelte-t6tu0e");
7030
+ attr(div, "class", div_class_value = "image-element " + (ctx[2] ? " transport" : "") + " svelte-1vf67bu");
7031
7031
  },
7032
7032
  m(target, anchor) {
7033
7033
  insert_hydration(target, div, anchor);
@@ -7044,7 +7044,7 @@ function create_fragment$84(ctx) {
7044
7044
  ctx: ctx$1
7045
7045
  };
7046
7046
  button.$set(button_changes);
7047
- if (!current || dirty & 4 && div_class_value !== (div_class_value = "image-element " + (ctx$1[2] ? " transport" : "") + " svelte-t6tu0e")) attr(div, "class", div_class_value);
7047
+ if (!current || dirty & 4 && div_class_value !== (div_class_value = "image-element " + (ctx$1[2] ? " transport" : "") + " svelte-1vf67bu")) attr(div, "class", div_class_value);
7048
7048
  },
7049
7049
  i(local) {
7050
7050
  if (current) return;
@@ -7275,7 +7275,7 @@ var List_default$1 = List$1;
7275
7275
  //#endregion
7276
7276
  //#region src/components/ListItem.svelte
7277
7277
  function add_css$46(target) {
7278
- append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
7278
+ append_styles(target, "svelte-r2zttu", ".list-item.svelte-r2zttu{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-r2zttu > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
7279
7279
  }
7280
7280
  function create_default_slot$4(ctx) {
7281
7281
  let current;
@@ -7362,7 +7362,7 @@ function create_fragment$82(ctx) {
7362
7362
  this.h();
7363
7363
  },
7364
7364
  h() {
7365
- attr(div, "class", "list-item svelte-9n97pe");
7365
+ attr(div, "class", "list-item svelte-r2zttu");
7366
7366
  attr(
7367
7367
  div,
7368
7368
  "style",
@@ -7553,7 +7553,7 @@ var EmbedElement_default = EmbedElement;
7553
7553
  //#endregion
7554
7554
  //#region src/components/MovieYouTubeElement.svelte
7555
7555
  function add_css$44(target) {
7556
- append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
7556
+ append_styles(target, "svelte-1fyqoy1", ".embed.svelte-1fyqoy1{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-1fyqoy1 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
7557
7557
  }
7558
7558
  function create_fragment$80(ctx) {
7559
7559
  let div1;
@@ -7577,7 +7577,7 @@ function create_fragment$80(ctx) {
7577
7577
  },
7578
7578
  h() {
7579
7579
  attr(div0, "class", "karte-player");
7580
- attr(div1, "class", "embed svelte-vikz49");
7580
+ attr(div1, "class", "embed svelte-1fyqoy1");
7581
7581
  attr(
7582
7582
  div1,
7583
7583
  "style",
@@ -7856,7 +7856,7 @@ var MovieYouTubeElement_default = MovieYouTubeElement;
7856
7856
  //#endregion
7857
7857
  //#region src/components/MovieVimeoElement.svelte
7858
7858
  function add_css$43(target) {
7859
- append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
7859
+ append_styles(target, "svelte-1fyqoy1", ".embed.svelte-1fyqoy1{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-1fyqoy1 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
7860
7860
  }
7861
7861
  function create_fragment$79(ctx) {
7862
7862
  let div1;
@@ -7880,7 +7880,7 @@ function create_fragment$79(ctx) {
7880
7880
  },
7881
7881
  h() {
7882
7882
  attr(div0, "class", "karte-player");
7883
- attr(div1, "class", "embed svelte-vikz49");
7883
+ attr(div1, "class", "embed svelte-1fyqoy1");
7884
7884
  attr(
7885
7885
  div1,
7886
7886
  "style",
@@ -8034,7 +8034,7 @@ var MovieVimeoElement_default = MovieVimeoElement;
8034
8034
  //#endregion
8035
8035
  //#region src/components/FormTextarea.svelte
8036
8036
  function add_css$42(target) {
8037
- append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
8037
+ append_styles(target, "svelte-augwt8", ".textarea-wrapper.svelte-augwt8{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-augwt8{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-augwt8::placeholder{color:var(--placeholder-color)}.textarea.svelte-augwt8:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
8038
8038
  }
8039
8039
  function create_fragment$78(ctx) {
8040
8040
  let div;
@@ -8063,7 +8063,7 @@ function create_fragment$78(ctx) {
8063
8063
  this.h();
8064
8064
  },
8065
8065
  h() {
8066
- attr(textarea, "class", "textarea svelte-zxvkkc");
8066
+ attr(textarea, "class", "textarea svelte-augwt8");
8067
8067
  textarea.value = ctx[4];
8068
8068
  textarea.required = ctx[1];
8069
8069
  attr(
@@ -8078,7 +8078,7 @@ function create_fragment$78(ctx) {
8078
8078
  /*style*/
8079
8079
  ctx[3]
8080
8080
  );
8081
- attr(div, "class", "textarea-wrapper svelte-zxvkkc");
8081
+ attr(div, "class", "textarea-wrapper svelte-augwt8");
8082
8082
  attr(
8083
8083
  div,
8084
8084
  "style",
@@ -8220,7 +8220,7 @@ var FormTextarea_default = FormTextarea;
8220
8220
  //#endregion
8221
8221
  //#region src/components/FormRadioButtons.svelte
8222
8222
  function add_css$41(target) {
8223
- append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
8223
+ append_styles(target, "svelte-152kveg", ".radio-buttons.svelte-152kveg{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-152kveg{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-152kveg{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-152kveg:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08),\n 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-152kveg{margin-left:0.5em}");
8224
8224
  }
8225
8225
  function get_each_context$7(ctx, list, i) {
8226
8226
  const child_ctx = ctx.slice();
@@ -8274,7 +8274,7 @@ function create_each_block$7(ctx) {
8274
8274
  },
8275
8275
  h() {
8276
8276
  attr(input, "type", "radio");
8277
- attr(input, "class", "radio-button-input svelte-17s08g");
8277
+ attr(input, "class", "radio-button-input svelte-152kveg");
8278
8278
  attr(
8279
8279
  input,
8280
8280
  "style",
@@ -8289,9 +8289,9 @@ function create_each_block$7(ctx) {
8289
8289
  );
8290
8290
  input.value = input_value_value = ctx[17];
8291
8291
  input.checked = input_checked_value = ctx[17] === ctx[3];
8292
- attr(span, "class", "radio-button-text svelte-17s08g");
8292
+ attr(span, "class", "radio-button-text svelte-152kveg");
8293
8293
  attr(span, "style", span_style_value = `${ctx[2]} ${ctx[6]}`);
8294
- attr(label, "class", "radio-button svelte-17s08g");
8294
+ attr(label, "class", "radio-button svelte-152kveg");
8295
8295
  },
8296
8296
  m(target, anchor) {
8297
8297
  insert_hydration(target, label, anchor);
@@ -8361,7 +8361,7 @@ function create_fragment$77(ctx) {
8361
8361
  this.h();
8362
8362
  },
8363
8363
  h() {
8364
- attr(div, "class", "radio-buttons svelte-17s08g");
8364
+ attr(div, "class", "radio-buttons svelte-152kveg");
8365
8365
  attr(
8366
8366
  div,
8367
8367
  "style",
@@ -8504,7 +8504,7 @@ var FormRadioButtons_default = FormRadioButtons;
8504
8504
  //#endregion
8505
8505
  //#region src/components/FormSelect.svelte
8506
8506
  function add_css$40(target) {
8507
- append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
8507
+ append_styles(target, "svelte-163uiff", ".select.svelte-163uiff{width:100%;height:100%}.select-select.svelte-163uiff{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-163uiff:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-163uiff{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
8508
8508
  }
8509
8509
  function get_each_context$6(ctx, list, i) {
8510
8510
  const child_ctx = ctx.slice();
@@ -8661,15 +8661,15 @@ function create_fragment$76(ctx) {
8661
8661
  this.h();
8662
8662
  },
8663
8663
  h() {
8664
- attr(select, "class", "select-select svelte-t9ynyj");
8664
+ attr(select, "class", "select-select svelte-163uiff");
8665
8665
  attr(
8666
8666
  select,
8667
8667
  "style",
8668
8668
  /*style*/
8669
8669
  ctx[3]
8670
8670
  );
8671
- attr(div0, "class", "select-icon svelte-t9ynyj");
8672
- attr(div1, "class", "select svelte-t9ynyj");
8671
+ attr(div0, "class", "select-icon svelte-163uiff");
8672
+ attr(div1, "class", "select svelte-163uiff");
8673
8673
  attr(
8674
8674
  div1,
8675
8675
  "style",
@@ -8843,7 +8843,7 @@ var FormSelect_default = FormSelect;
8843
8843
  //#endregion
8844
8844
  //#region src/components/FormCheckBoxes.svelte
8845
8845
  function add_css$39(target) {
8846
- append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
8846
+ append_styles(target, "svelte-1fqm5oa", ".check-boxes.svelte-1fqm5oa.svelte-1fqm5oa{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1fqm5oa.svelte-1fqm5oa{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1fqm5oa.svelte-1fqm5oa{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1fqm5oa.svelte-1fqm5oa{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-1fqm5oa.svelte-1fqm5oa{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1fqm5oa.svelte-1fqm5oa: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-1fqm5oa.svelte-1fqm5oa{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1fqm5oa .check-box-icon.svelte-1fqm5oa:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1fqm5oa.svelte-1fqm5oa{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
8847
8847
  }
8848
8848
  function get_each_context$5(ctx, list, i) {
8849
8849
  const child_ctx = ctx.slice();
@@ -8911,7 +8911,7 @@ function create_each_block$5(ctx) {
8911
8911
  this.h();
8912
8912
  },
8913
8913
  h() {
8914
- attr(input, "class", "check-box-input svelte-1p65cg8");
8914
+ attr(input, "class", "check-box-input svelte-1fqm5oa");
8915
8915
  attr(input, "type", "checkbox");
8916
8916
  attr(
8917
8917
  input,
@@ -8920,11 +8920,11 @@ function create_each_block$5(ctx) {
8920
8920
  ctx[0]
8921
8921
  );
8922
8922
  input.checked = input_checked_value = ctx[4][ctx[19]];
8923
- attr(span0, "class", "check-box-icon svelte-1p65cg8");
8924
- attr(span1, "class", span1_class_value = null_to_empty(`check-box-check${ctx[4][ctx[19]] ? " _checked" : ""}`) + " svelte-1p65cg8");
8925
- attr(span2, "class", "check-box-text svelte-1p65cg8");
8923
+ attr(span0, "class", "check-box-icon svelte-1fqm5oa");
8924
+ attr(span1, "class", span1_class_value = null_to_empty(`check-box-check${ctx[4][ctx[19]] ? " _checked" : ""}`) + " svelte-1fqm5oa");
8925
+ attr(span2, "class", "check-box-text svelte-1fqm5oa");
8926
8926
  attr(span2, "style", span2_style_value = `${ctx[2]} ${ctx[6]}`);
8927
- attr(label, "class", "check-box svelte-1p65cg8");
8927
+ attr(label, "class", "check-box svelte-1fqm5oa");
8928
8928
  attr(
8929
8929
  label,
8930
8930
  "style",
@@ -8964,7 +8964,7 @@ function create_each_block$5(ctx) {
8964
8964
  ctx[0]
8965
8965
  );
8966
8966
  if (dirty & 16 && input_checked_value !== (input_checked_value = ctx[4][ctx[19]])) input.checked = input_checked_value;
8967
- if (dirty & 16 && span1_class_value !== (span1_class_value = null_to_empty(`check-box-check${ctx[4][ctx[19]] ? " _checked" : ""}`) + " svelte-1p65cg8")) attr(span1, "class", span1_class_value);
8967
+ if (dirty & 16 && span1_class_value !== (span1_class_value = null_to_empty(`check-box-check${ctx[4][ctx[19]] ? " _checked" : ""}`) + " svelte-1fqm5oa")) attr(span1, "class", span1_class_value);
8968
8968
  if (dirty & 8 && t2_value !== (t2_value = ctx[17] + "")) set_data(t2, t2_value);
8969
8969
  if (dirty & 4 && span2_style_value !== (span2_style_value = `${ctx[2]} ${ctx[6]}`)) attr(span2, "style", span2_style_value);
8970
8970
  if (dirty & 32) attr(
@@ -9003,7 +9003,7 @@ function create_fragment$75(ctx) {
9003
9003
  this.h();
9004
9004
  },
9005
9005
  h() {
9006
- attr(div, "class", "check-boxes svelte-1p65cg8");
9006
+ attr(div, "class", "check-boxes svelte-1fqm5oa");
9007
9007
  attr(
9008
9008
  div,
9009
9009
  "style",
@@ -9154,7 +9154,7 @@ var FormCheckBoxes_default = FormCheckBoxes;
9154
9154
  //#endregion
9155
9155
  //#region src/components/FormRatingButtonsNumber.svelte
9156
9156
  function add_css$38(target) {
9157
- append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
9157
+ append_styles(target, "svelte-1b5niix", ".rating-buttons.svelte-1b5niix{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5niix{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s,\n box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
9158
9158
  }
9159
9159
  function get_each_context$4(ctx, list, i) {
9160
9160
  const child_ctx = ctx.slice();
@@ -9188,7 +9188,7 @@ function create_each_block$4(ctx) {
9188
9188
  this.h();
9189
9189
  },
9190
9190
  h() {
9191
- attr(button, "class", "rating-button svelte-1iqf36p");
9191
+ attr(button, "class", "rating-button svelte-1b5niix");
9192
9192
  attr(button, "style", button_style_value = ctx[5](
9193
9193
  /*i*/
9194
9194
  ctx[14] === ctx[2]
@@ -9254,7 +9254,7 @@ function create_fragment$74(ctx) {
9254
9254
  this.h();
9255
9255
  },
9256
9256
  h() {
9257
- attr(div, "class", "rating-buttons svelte-1iqf36p");
9257
+ attr(div, "class", "rating-buttons svelte-1b5niix");
9258
9258
  },
9259
9259
  m(target, anchor) {
9260
9260
  insert_hydration(target, div, anchor);
@@ -9371,7 +9371,7 @@ var FormRatingButtonsNumber_default = FormRatingButtonsNumber;
9371
9371
  //#endregion
9372
9372
  //#region src/components/FormRatingButtonsFace.svelte
9373
9373
  function add_css$37(target) {
9374
- 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%)}");
9374
+ append_styles(target, "svelte-rjdxzu", ".rating-buttons.svelte-rjdxzu{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-rjdxzu{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-rjdxzu{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-rjdxzu:not(._active){filter:grayscale(100%)}");
9375
9375
  }
9376
9376
  function get_each_context$3(ctx, list, i) {
9377
9377
  const child_ctx = ctx.slice();
@@ -9411,9 +9411,9 @@ function create_each_block$3(ctx) {
9411
9411
  },
9412
9412
  h() {
9413
9413
  if (!src_url_equal(img.src, img_src_value = ctx[2][ctx[10]])) attr(img, "src", img_src_value);
9414
- attr(img, "class", img_class_value = null_to_empty(`rating-button-image${ctx[10] === ctx[1] ? " _active" : ""}`) + " svelte-tbunko");
9414
+ attr(img, "class", img_class_value = null_to_empty(`rating-button-image${ctx[10] === ctx[1] ? " _active" : ""}`) + " svelte-rjdxzu");
9415
9415
  attr(img, "alt", img_alt_value = "rate" + ctx[10]);
9416
- attr(button, "class", "rating-button svelte-tbunko");
9416
+ attr(button, "class", "rating-button svelte-rjdxzu");
9417
9417
  attr(
9418
9418
  button,
9419
9419
  "style",
@@ -9440,7 +9440,7 @@ function create_each_block$3(ctx) {
9440
9440
  },
9441
9441
  p(new_ctx, dirty) {
9442
9442
  ctx = new_ctx;
9443
- if (dirty & 2 && img_class_value !== (img_class_value = null_to_empty(`rating-button-image${ctx[10] === ctx[1] ? " _active" : ""}`) + " svelte-tbunko")) attr(img, "class", img_class_value);
9443
+ if (dirty & 2 && img_class_value !== (img_class_value = null_to_empty(`rating-button-image${ctx[10] === ctx[1] ? " _active" : ""}`) + " svelte-rjdxzu")) attr(img, "class", img_class_value);
9444
9444
  if (dirty & 1) attr(
9445
9445
  button,
9446
9446
  "style",
@@ -9474,7 +9474,7 @@ function create_fragment$73(ctx) {
9474
9474
  this.h();
9475
9475
  },
9476
9476
  h() {
9477
- attr(div, "class", "rating-buttons svelte-tbunko");
9477
+ attr(div, "class", "rating-buttons svelte-rjdxzu");
9478
9478
  },
9479
9479
  m(target, anchor) {
9480
9480
  insert_hydration(target, div, anchor);
@@ -9792,7 +9792,7 @@ var FormIdentifyInput_default = FormIdentifyInput;
9792
9792
  //#endregion
9793
9793
  //#region src/components/FormIdentifyChoices.svelte
9794
9794
  function add_css$35(target) {
9795
- append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
9795
+ append_styles(target, "svelte-152kveg", ".radio-buttons.svelte-152kveg{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-152kveg{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-152kveg{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-152kveg:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08),\n 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-152kveg{margin-left:0.5em}");
9796
9796
  }
9797
9797
  function create_fragment$71(ctx) {
9798
9798
  let div;
@@ -9873,7 +9873,7 @@ function create_fragment$71(ctx) {
9873
9873
  },
9874
9874
  h() {
9875
9875
  attr(input0, "type", "radio");
9876
- attr(input0, "class", "radio-button-input svelte-8zbmyo");
9876
+ attr(input0, "class", "radio-button-input svelte-152kveg");
9877
9877
  attr(
9878
9878
  input0,
9879
9879
  "style",
@@ -9881,11 +9881,11 @@ function create_fragment$71(ctx) {
9881
9881
  ctx[2]
9882
9882
  );
9883
9883
  input0.checked = input0_checked_value = ctx[3] === true;
9884
- attr(span0, "class", "radio-button-text svelte-8zbmyo");
9884
+ attr(span0, "class", "radio-button-text svelte-152kveg");
9885
9885
  attr(span0, "style", span0_style_value = `${ctx[1]} ${ctx[4]}`);
9886
- attr(label0, "class", "radio-button svelte-8zbmyo");
9886
+ attr(label0, "class", "radio-button svelte-152kveg");
9887
9887
  attr(input1, "type", "radio");
9888
- attr(input1, "class", "radio-button-input svelte-8zbmyo");
9888
+ attr(input1, "class", "radio-button-input svelte-152kveg");
9889
9889
  attr(
9890
9890
  input1,
9891
9891
  "style",
@@ -9893,10 +9893,10 @@ function create_fragment$71(ctx) {
9893
9893
  ctx[2]
9894
9894
  );
9895
9895
  input1.checked = input1_checked_value = ctx[3] === false;
9896
- attr(span1, "class", "radio-button-text svelte-8zbmyo");
9896
+ attr(span1, "class", "radio-button-text svelte-152kveg");
9897
9897
  attr(span1, "style", span1_style_value = `${ctx[1]} ${ctx[4]}`);
9898
- attr(label1, "class", "radio-button svelte-8zbmyo");
9899
- attr(div, "class", "radio-buttons svelte-8zbmyo");
9898
+ attr(label1, "class", "radio-button svelte-152kveg");
9899
+ attr(div, "class", "radio-buttons svelte-152kveg");
9900
9900
  attr(
9901
9901
  div,
9902
9902
  "style",
@@ -10055,7 +10055,7 @@ var FormIdentifyChoices_default = FormIdentifyChoices;
10055
10055
  //#endregion
10056
10056
  //#region src/components/Slide.svelte
10057
10057
  function add_css$34(target) {
10058
- append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
10058
+ append_styles(target, "svelte-zx7o47", ".root.svelte-zx7o47{width:100%;height:100%;position:relative}.container.svelte-zx7o47{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-zx7o47{height:100%;position:absolute;display:flex}.transition.svelte-zx7o47{transition:left 0.2s cubic-bezier(0.04, 0.67, 0.53, 0.96)}.item.svelte-zx7o47{height:100%;flex:none}.prev-button-container.svelte-zx7o47,.next-button-container.svelte-zx7o47{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-zx7o47{left:0}.next-button-container.svelte-zx7o47{right:0}.move-button.svelte-zx7o47{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-zx7o47{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-zx7o47{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-zx7o47{border-radius:51%}");
10059
10059
  }
10060
10060
  function get_each_context$2(ctx, list, i) {
10061
10061
  const child_ctx = ctx.slice();
@@ -10109,14 +10109,14 @@ function create_if_block_1$2(ctx) {
10109
10109
  /*prevIconStyle*/
10110
10110
  ctx[10]
10111
10111
  );
10112
- attr(button, "class", "move-button svelte-ji1fh");
10112
+ attr(button, "class", "move-button svelte-zx7o47");
10113
10113
  attr(
10114
10114
  button,
10115
10115
  "style",
10116
10116
  /*_prevButtonContainerStyle*/
10117
10117
  ctx[9]
10118
10118
  );
10119
- attr(div, "class", "prev-button-container svelte-ji1fh");
10119
+ attr(div, "class", "prev-button-container svelte-zx7o47");
10120
10120
  },
10121
10121
  m(target, anchor) {
10122
10122
  insert_hydration(target, div, anchor);
@@ -10200,14 +10200,14 @@ function create_if_block$11(ctx) {
10200
10200
  /*nextIconStyle*/
10201
10201
  ctx[8]
10202
10202
  );
10203
- attr(button, "class", "move-button svelte-ji1fh");
10203
+ attr(button, "class", "move-button svelte-zx7o47");
10204
10204
  attr(
10205
10205
  button,
10206
10206
  "style",
10207
10207
  /*_nextButtonContainerStyle*/
10208
10208
  ctx[7]
10209
10209
  );
10210
- attr(div, "class", "next-button-container svelte-ji1fh");
10210
+ attr(div, "class", "next-button-container svelte-zx7o47");
10211
10211
  },
10212
10212
  m(target, anchor) {
10213
10213
  insert_hydration(target, div, anchor);
@@ -10281,12 +10281,12 @@ function create_each_block$2(ctx) {
10281
10281
  this.h();
10282
10282
  },
10283
10283
  h() {
10284
- attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
10284
+ attr(div, "class", "navigation-item-inner circle svelte-zx7o47");
10285
10285
  attr(div, "style", div_style_value = ctx[5](
10286
10286
  /*i*/
10287
10287
  ctx[63]
10288
10288
  ));
10289
- attr(button, "class", "navigation-item svelte-ji1fh");
10289
+ attr(button, "class", "navigation-item svelte-zx7o47");
10290
10290
  attr(
10291
10291
  button,
10292
10292
  "style",
@@ -10399,21 +10399,21 @@ function create_fragment$70(ctx) {
10399
10399
  attr(div0, "class", div0_class_value = null_to_empty(
10400
10400
  /*slideClass*/
10401
10401
  ctx[13]
10402
- ) + " svelte-ji1fh");
10402
+ ) + " svelte-zx7o47");
10403
10403
  attr(
10404
10404
  div0,
10405
10405
  "style",
10406
10406
  /*slideStyle*/
10407
10407
  ctx[14]
10408
10408
  );
10409
- attr(div1, "class", "container svelte-ji1fh");
10409
+ attr(div1, "class", "container svelte-zx7o47");
10410
10410
  attr(
10411
10411
  div1,
10412
10412
  "style",
10413
10413
  /*_style*/
10414
10414
  ctx[0]
10415
10415
  );
10416
- attr(div2, "class", "navigation svelte-ji1fh");
10416
+ attr(div2, "class", "navigation svelte-zx7o47");
10417
10417
  attr(
10418
10418
  div2,
10419
10419
  "style",
@@ -10421,7 +10421,7 @@ function create_fragment$70(ctx) {
10421
10421
  ctx[4]
10422
10422
  );
10423
10423
  set_attributes(div3, div3_data);
10424
- toggle_class(div3, "svelte-ji1fh", true);
10424
+ toggle_class(div3, "svelte-zx7o47", true);
10425
10425
  },
10426
10426
  m(target, anchor) {
10427
10427
  insert_hydration(target, div3, anchor);
@@ -10463,7 +10463,7 @@ function create_fragment$70(ctx) {
10463
10463
  if (!current || dirty[0] & 8192 && div0_class_value !== (div0_class_value = null_to_empty(
10464
10464
  /*slideClass*/
10465
10465
  ctx$1[13]
10466
- ) + " svelte-ji1fh")) attr(div0, "class", div0_class_value);
10466
+ ) + " svelte-zx7o47")) attr(div0, "class", div0_class_value);
10467
10467
  if (!current || dirty[0] & 16384) attr(
10468
10468
  div0,
10469
10469
  "style",
@@ -10518,7 +10518,7 @@ function create_fragment$70(ctx) {
10518
10518
  ctx$1[4]
10519
10519
  );
10520
10520
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation("click")]));
10521
- toggle_class(div3, "svelte-ji1fh", true);
10521
+ toggle_class(div3, "svelte-zx7o47", true);
10522
10522
  },
10523
10523
  i(local) {
10524
10524
  if (current) return;
@@ -10910,7 +10910,7 @@ var Slide_default = Slide;
10910
10910
  //#endregion
10911
10911
  //#region src/components/SlideItem.svelte
10912
10912
  function add_css$33(target) {
10913
- append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
10913
+ append_styles(target, "svelte-18y82pg", ".item.svelte-18y82pg{height:100%;flex:none;position:relative}.item.svelte-18y82pg img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-18y82pg{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
10914
10914
  }
10915
10915
  function create_fragment$69(ctx) {
10916
10916
  let div1;
@@ -10948,14 +10948,14 @@ function create_fragment$69(ctx) {
10948
10948
  this.h();
10949
10949
  },
10950
10950
  h() {
10951
- attr(div0, "class", "item-inner svelte-9ygf1w");
10951
+ attr(div0, "class", "item-inner svelte-18y82pg");
10952
10952
  attr(
10953
10953
  div0,
10954
10954
  "style",
10955
10955
  /*_style*/
10956
10956
  ctx[0]
10957
10957
  );
10958
- attr(div1, "class", "item svelte-9ygf1w");
10958
+ attr(div1, "class", "item svelte-18y82pg");
10959
10959
  attr(
10960
10960
  div1,
10961
10961
  "style",
@@ -11402,7 +11402,7 @@ var Box_default = Box;
11402
11402
  //#endregion
11403
11403
  //#region src/components/IconElement.svelte
11404
11404
  function add_css$30(target) {
11405
- append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
11405
+ append_styles(target, "svelte-1iet6ze", ".icon.svelte-1iet6ze{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1iet6ze > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1iet6ze > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1iet6ze svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
11406
11406
  }
11407
11407
  function create_if_block$10(ctx) {
11408
11408
  let html_tag;
@@ -11501,7 +11501,7 @@ function create_fragment$66(ctx) {
11501
11501
  this.h();
11502
11502
  },
11503
11503
  h() {
11504
- attr(div, "class", "icon svelte-1mkvcuo");
11504
+ attr(div, "class", "icon svelte-1iet6ze");
11505
11505
  },
11506
11506
  m(target, anchor) {
11507
11507
  insert_hydration(target, div, anchor);
@@ -12551,7 +12551,7 @@ var TextButtonBlock_default = TextButtonBlock;
12551
12551
  //#endregion
12552
12552
  //#region src/components/ImageBlock.svelte
12553
12553
  function add_css$24(target) {
12554
- append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
12554
+ append_styles(target, "svelte-1f85nmx", ".image-block.svelte-1f85nmx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1f85nmx{width:100%;height:100%}.transport.svelte-1f85nmx:hover,.transport.svelte-1f85nmx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1),\n 0 8px 28px rgba(0, 0, 0, 0.16)}");
12555
12555
  }
12556
12556
  function create_fragment$59(ctx) {
12557
12557
  let div;
@@ -12586,7 +12586,7 @@ function create_fragment$59(ctx) {
12586
12586
  this.h();
12587
12587
  },
12588
12588
  h() {
12589
- attr(img, "class", "image svelte-1pdw891");
12589
+ attr(img, "class", "image svelte-1f85nmx");
12590
12590
  attr(img, "loading", "lazy");
12591
12591
  attr(img, "width", "auto");
12592
12592
  attr(img, "height", "auto");
@@ -12598,7 +12598,7 @@ function create_fragment$59(ctx) {
12598
12598
  /*alt*/
12599
12599
  ctx[1]
12600
12600
  );
12601
- attr(div, "class", div_class_value = null_to_empty("image-block" + (ctx[2] ? " transport" : "")) + " svelte-1pdw891");
12601
+ attr(div, "class", div_class_value = null_to_empty("image-block" + (ctx[2] ? " transport" : "")) + " svelte-1f85nmx");
12602
12602
  attr(
12603
12603
  div,
12604
12604
  "style",
@@ -12628,7 +12628,7 @@ function create_fragment$59(ctx) {
12628
12628
  /*alt*/
12629
12629
  ctx$1[1]
12630
12630
  );
12631
- if (dirty & 4 && div_class_value !== (div_class_value = null_to_empty("image-block" + (ctx$1[2] ? " transport" : "")) + " svelte-1pdw891")) attr(div, "class", div_class_value);
12631
+ if (dirty & 4 && div_class_value !== (div_class_value = null_to_empty("image-block" + (ctx$1[2] ? " transport" : "")) + " svelte-1f85nmx")) attr(div, "class", div_class_value);
12632
12632
  if (dirty & 32) attr(
12633
12633
  div,
12634
12634
  "style",
@@ -12869,6 +12869,52 @@ const SHADOW_VARIANT = {
12869
12869
  }
12870
12870
  };
12871
12871
  const SHADOW_VARIANTS = toVariantArray(SHADOW_VARIANT);
12872
+ const BACKGROUND_COLOR_VARIANT = {
12873
+ base: {
12874
+ name: "ホワイト",
12875
+ getProps: () => ({ backgroundColor: "#FFFFFF" })
12876
+ },
12877
+ dark: {
12878
+ name: "ブラック",
12879
+ getProps: () => ({ backgroundColor: "#000000" })
12880
+ },
12881
+ gray: {
12882
+ name: "グレー",
12883
+ getProps: () => ({ backgroundColor: "#ECECEC" })
12884
+ },
12885
+ brand: {
12886
+ name: "ブランド",
12887
+ getProps: (kit) => ({ backgroundColor: getBrandKit(kit).color_brand })
12888
+ },
12889
+ danger: {
12890
+ name: "デンジャー",
12891
+ getProps: (kit) => ({ backgroundColor: getBrandKit(kit).color_danger })
12892
+ }
12893
+ };
12894
+ const BACKGROUND_COLOR_VARIANTS = toVariantArray(BACKGROUND_COLOR_VARIANT);
12895
+ const BORDER_COLOR_VARIANT = {
12896
+ black: {
12897
+ name: "ブラック",
12898
+ getProps: () => ({ borderColor: "#000000" })
12899
+ },
12900
+ gray: {
12901
+ name: "グレー",
12902
+ getProps: () => ({ borderColor: "#DBDBDB" })
12903
+ },
12904
+ brand: {
12905
+ name: "ブランド",
12906
+ getProps: (kit) => ({ borderColor: getBrandKit(kit).color_brand })
12907
+ },
12908
+ danger: {
12909
+ name: "デンジャー",
12910
+ getProps: (kit) => ({ borderColor: getBrandKit(kit).color_danger })
12911
+ },
12912
+ base: {
12913
+ name: "ホワイト",
12914
+ getProps: () => ({ borderColor: "#FFFFFF" })
12915
+ }
12916
+ };
12917
+ const BORDER_COLOR_VARIANTS = toVariantArray(BORDER_COLOR_VARIANT);
12872
12918
 
12873
12919
  //#endregion
12874
12920
  //#region src/components-flex/utils/prop-to-style.ts
@@ -12885,11 +12931,12 @@ const toCssPosition = (p) => {
12885
12931
  const toCssCommon = (p) => {
12886
12932
  return { ...toCssPosition(p) };
12887
12933
  };
12888
- const toCssBorder = (p) => {
12934
+ const toCssBorder = (p, brandKit) => {
12889
12935
  const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
12890
12936
  if (borderWidth === null) return {};
12937
+ const variant = BORDER_COLOR_VARIANT[p?.borderColorVariant];
12891
12938
  return {
12892
- borderColor: p?.borderColor,
12939
+ borderColor: p?.borderColor ?? variant?.getProps(brandKit)?.borderColor,
12893
12940
  borderStyle: "solid",
12894
12941
  borderTopWidth: p?.borderTopWidth,
12895
12942
  borderLeftWidth: p?.borderLeftWidth,
@@ -12905,16 +12952,19 @@ const toCssPadding = (p) => {
12905
12952
  paddingBottom: p?.paddingBottom
12906
12953
  };
12907
12954
  };
12908
- const toCssBackground = (p) => {
12955
+ const toCssBackground = (p, brandKit) => {
12909
12956
  const url = p?.backgroundImageUrl;
12957
+ const variant = BACKGROUND_COLOR_VARIANT[p?.backgroundColorVariant];
12910
12958
  return {
12911
- backgroundImage: url ? `url(${url})` : void 0,
12912
- backgroundSize: url ? "cover" : void 0,
12913
- backgroundPositionX: p?.backgroundPositionX ?? "center",
12914
- backgroundPositionY: p?.backgroundPositionY ?? "center",
12915
- backgroundBlendMode: p?.backgroundBlendMode,
12916
- backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
12917
- backgroundRepeat: "no-repeat"
12959
+ backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor ?? variant?.getProps(brandKit)?.backgroundColor,
12960
+ ...url ? {
12961
+ backgroundSize: url ? "cover" : void 0,
12962
+ backgroundImage: url ? `url(${url})` : void 0,
12963
+ backgroundPositionX: p?.backgroundPositionX ?? "center",
12964
+ backgroundPositionY: p?.backgroundPositionY ?? "center",
12965
+ backgroundBlendMode: p?.backgroundBlendMode,
12966
+ backgroundRepeat: "no-repeat"
12967
+ } : {}
12918
12968
  };
12919
12969
  };
12920
12970
  const toCssRadius = (p) => {
@@ -13027,7 +13077,7 @@ const AVATAR_SIZE_STYLES = {
13027
13077
  //#endregion
13028
13078
  //#region src/components-flex/avatar/Avatar.svelte
13029
13079
  function add_css$23(target) {
13030
- append_styles(target, "svelte-3nxn6f", ".avatar.svelte-3nxn6f{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none}");
13080
+ append_styles(target, "svelte-1xhdr99", ".avatar.svelte-1xhdr99{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none}");
13031
13081
  }
13032
13082
  function create_dynamic_element$11(ctx) {
13033
13083
  let svelte_element;
@@ -13071,7 +13121,7 @@ function create_dynamic_element$11(ctx) {
13071
13121
  },
13072
13122
  h() {
13073
13123
  if (!src_url_equal(img.src, img_src_value = ctx[0].image)) attr(img, "src", img_src_value);
13074
- attr(img, "class", "avatar-image svelte-3nxn6f");
13124
+ attr(img, "class", "avatar-image svelte-1xhdr99");
13075
13125
  attr(img, "alt", img_alt_value = ctx[0].alt);
13076
13126
  attr(
13077
13127
  img,
@@ -13084,7 +13134,7 @@ function create_dynamic_element$11(ctx) {
13084
13134
  ctx[5]
13085
13135
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
13086
13136
  else set_attributes(svelte_element, svelte_element_data);
13087
- toggle_class(svelte_element, "svelte-3nxn6f", true);
13137
+ toggle_class(svelte_element, "svelte-1xhdr99", true);
13088
13138
  },
13089
13139
  m(target, anchor) {
13090
13140
  insert_hydration(target, svelte_element, anchor);
@@ -13119,7 +13169,7 @@ function create_dynamic_element$11(ctx) {
13119
13169
  ctx$1[5]
13120
13170
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
13121
13171
  else set_attributes(svelte_element, svelte_element_data);
13122
- toggle_class(svelte_element, "svelte-3nxn6f", true);
13172
+ toggle_class(svelte_element, "svelte-1xhdr99", true);
13123
13173
  },
13124
13174
  d(detaching) {
13125
13175
  if (detaching) detach(svelte_element);
@@ -13175,6 +13225,7 @@ function create_fragment$58(ctx) {
13175
13225
  };
13176
13226
  }
13177
13227
  function instance$58($$self, $$props, $$invalidate) {
13228
+ let styleObj;
13178
13229
  let style;
13179
13230
  let imgStyle;
13180
13231
  let { props = {} } = $$props;
@@ -13190,24 +13241,38 @@ function instance$58($$self, $$props, $$invalidate) {
13190
13241
  square: { borderRadius: "0.25em" },
13191
13242
  rounded: { borderRadius: "1em" }
13192
13243
  } };
13244
+ const calcImgRadius = (parentRadius, borderWidth) => {
13245
+ const radiusSize = parentRadius ? parseInt(parentRadius) : 0;
13246
+ if (radiusSize === 0) return 0;
13247
+ if (parentRadius === "100%") return "100%";
13248
+ return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
13249
+ };
13193
13250
  $$self.$$set = ($$props$1) => {
13194
13251
  if ("props" in $$props$1) $$invalidate(0, props = $$props$1.props);
13195
13252
  if ("layerId" in $$props$1) $$invalidate(1, layerId = $$props$1.layerId);
13196
13253
  };
13197
13254
  $$self.$$.update = () => {
13198
- if ($$self.$$.dirty & 1) $: $$invalidate(3, style = objToStyle({
13255
+ if ($$self.$$.dirty & 1) $: $$invalidate(7, styleObj = {
13199
13256
  ...VARIANTS.shape[props.shape ?? "square"],
13200
13257
  width: props.width ?? avatarSizeStyle.width,
13201
13258
  height: props.height ?? avatarSizeStyle.height,
13202
13259
  ...toCssCommon(props),
13203
- ...toCssBorder(props)
13260
+ ...toCssBorder(props),
13261
+ ...toCssPadding(props)
13262
+ });
13263
+ if ($$self.$$.dirty & 128) $: $$invalidate(3, style = objToStyle(styleObj));
13264
+ if ($$self.$$.dirty & 128) $: $$invalidate(2, imgStyle = objToStyle({
13265
+ width: "100%",
13266
+ height: "100%",
13267
+ objectFit: "cover",
13268
+ ...toCssRadius({
13269
+ borderTopLeftRadius: calcImgRadius(styleObj.borderRadius, styleObj.borderTopWidth),
13270
+ borderTopRightRadius: calcImgRadius(styleObj.borderRadius, styleObj.borderTopWidth),
13271
+ borderBottomLeftRadius: calcImgRadius(styleObj.borderRadius, styleObj.borderTopWidth),
13272
+ borderBottomRightRadius: calcImgRadius(styleObj.borderRadius, styleObj.borderTopWidth)
13273
+ })
13204
13274
  }));
13205
13275
  };
13206
- $: $$invalidate(2, imgStyle = objToStyle({
13207
- width: "100%",
13208
- height: "100%",
13209
- objectFit: "cover"
13210
- }));
13211
13276
  return [
13212
13277
  props,
13213
13278
  layerId,
@@ -13215,7 +13280,8 @@ function instance$58($$self, $$props, $$invalidate) {
13215
13280
  style,
13216
13281
  attributes,
13217
13282
  element$1,
13218
- handleClick
13283
+ handleClick,
13284
+ styleObj
13219
13285
  ];
13220
13286
  }
13221
13287
  var Avatar = class extends SvelteComponent {
@@ -15990,7 +16056,7 @@ function darkenColor(color, percent) {
15990
16056
  //#endregion
15991
16057
  //#region src/components-flex/button/Button.svelte
15992
16058
  function add_css$21(target) {
15993
- append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
16059
+ append_styles(target, "svelte-l0rauj", ".button.svelte-l0rauj{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s,\n border-color 0.12s,\n color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-l0rauj:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-l0rauj{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
15994
16060
  }
15995
16061
  function create_if_block$9(ctx) {
15996
16062
  let div;
@@ -16016,7 +16082,7 @@ function create_if_block$9(ctx) {
16016
16082
  this.h();
16017
16083
  },
16018
16084
  h() {
16019
- attr(div, "class", "button-icon svelte-o2gomt");
16085
+ attr(div, "class", "button-icon svelte-l0rauj");
16020
16086
  },
16021
16087
  m(target, anchor) {
16022
16088
  insert_hydration(target, div, anchor);
@@ -16103,7 +16169,7 @@ function create_dynamic_element$9(ctx) {
16103
16169
  ctx[4]
16104
16170
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
16105
16171
  else set_attributes(svelte_element, svelte_element_data);
16106
- toggle_class(svelte_element, "svelte-o2gomt", true);
16172
+ toggle_class(svelte_element, "svelte-l0rauj", true);
16107
16173
  },
16108
16174
  m(target, anchor) {
16109
16175
  insert_hydration(target, svelte_element, anchor);
@@ -16152,7 +16218,7 @@ function create_dynamic_element$9(ctx) {
16152
16218
  ctx$1[4]
16153
16219
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
16154
16220
  else set_attributes(svelte_element, svelte_element_data);
16155
- toggle_class(svelte_element, "svelte-o2gomt", true);
16221
+ toggle_class(svelte_element, "svelte-l0rauj", true);
16156
16222
  },
16157
16223
  i(local) {
16158
16224
  if (current) return;
@@ -16410,7 +16476,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
16410
16476
  //#endregion
16411
16477
  //#region src/components-flex/button-outlined/ButtonOutlined.svelte
16412
16478
  function add_css$20(target) {
16413
- append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
16479
+ append_styles(target, "svelte-z8gomx", ".button-outlined.svelte-z8gomx{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s,\n border-color 0.12s,\n color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-z8gomx:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-z8gomx{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
16414
16480
  }
16415
16481
  function create_if_block$8(ctx) {
16416
16482
  let div;
@@ -16436,7 +16502,7 @@ function create_if_block$8(ctx) {
16436
16502
  this.h();
16437
16503
  },
16438
16504
  h() {
16439
- attr(div, "class", "button-outlined-icon svelte-38fju1");
16505
+ attr(div, "class", "button-outlined-icon svelte-z8gomx");
16440
16506
  },
16441
16507
  m(target, anchor) {
16442
16508
  insert_hydration(target, div, anchor);
@@ -16515,13 +16581,13 @@ function create_dynamic_element$8(ctx) {
16515
16581
  this.h();
16516
16582
  },
16517
16583
  h() {
16518
- attr(span, "class", "button-outlined-label svelte-38fju1");
16584
+ attr(span, "class", "button-outlined-label svelte-z8gomx");
16519
16585
  if (/-/.test(
16520
16586
  /*element*/
16521
16587
  ctx[4]
16522
16588
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
16523
16589
  else set_attributes(svelte_element, svelte_element_data);
16524
- toggle_class(svelte_element, "svelte-38fju1", true);
16590
+ toggle_class(svelte_element, "svelte-z8gomx", true);
16525
16591
  },
16526
16592
  m(target, anchor) {
16527
16593
  insert_hydration(target, svelte_element, anchor);
@@ -16569,7 +16635,7 @@ function create_dynamic_element$8(ctx) {
16569
16635
  ctx$1[4]
16570
16636
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
16571
16637
  else set_attributes(svelte_element, svelte_element_data);
16572
- toggle_class(svelte_element, "svelte-38fju1", true);
16638
+ toggle_class(svelte_element, "svelte-z8gomx", true);
16573
16639
  },
16574
16640
  i(local) {
16575
16641
  if (current) return;
@@ -16759,7 +16825,7 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
16759
16825
  //#endregion
16760
16826
  //#region src/components-flex/button-text/ButtonText.svelte
16761
16827
  function add_css$19(target) {
16762
- append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
16828
+ append_styles(target, "svelte-l90o4j", ".button-text.svelte-l90o4j{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s,\n border-color 0.12s,\n color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-l90o4j:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-l90o4j{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
16763
16829
  }
16764
16830
  function create_if_block$7(ctx) {
16765
16831
  let div;
@@ -16785,7 +16851,7 @@ function create_if_block$7(ctx) {
16785
16851
  this.h();
16786
16852
  },
16787
16853
  h() {
16788
- attr(div, "class", "button-text-icon svelte-1xgvp8r");
16854
+ attr(div, "class", "button-text-icon svelte-l90o4j");
16789
16855
  },
16790
16856
  m(target, anchor) {
16791
16857
  insert_hydration(target, div, anchor);
@@ -16864,13 +16930,13 @@ function create_dynamic_element$7(ctx) {
16864
16930
  this.h();
16865
16931
  },
16866
16932
  h() {
16867
- attr(span, "class", "button-text-label svelte-1xgvp8r");
16933
+ attr(span, "class", "button-text-label svelte-l90o4j");
16868
16934
  if (/-/.test(
16869
16935
  /*element*/
16870
16936
  ctx[4]
16871
16937
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
16872
16938
  else set_attributes(svelte_element, svelte_element_data);
16873
- toggle_class(svelte_element, "svelte-1xgvp8r", true);
16939
+ toggle_class(svelte_element, "svelte-l90o4j", true);
16874
16940
  },
16875
16941
  m(target, anchor) {
16876
16942
  insert_hydration(target, svelte_element, anchor);
@@ -16918,7 +16984,7 @@ function create_dynamic_element$7(ctx) {
16918
16984
  ctx$1[4]
16919
16985
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
16920
16986
  else set_attributes(svelte_element, svelte_element_data);
16921
- toggle_class(svelte_element, "svelte-1xgvp8r", true);
16987
+ toggle_class(svelte_element, "svelte-l90o4j", true);
16922
16988
  },
16923
16989
  i(local) {
16924
16990
  if (current) return;
@@ -17059,10 +17125,24 @@ const BUTTON_TEXT_THEME = {
17059
17125
  white: "White"
17060
17126
  };
17061
17127
 
17128
+ //#endregion
17129
+ //#region src/components-flex/text/styles.ts
17130
+ const callback$1 = ({ brandKit }) => ({
17131
+ default: { color: brandKit.color_text_primary },
17132
+ gray: { color: brandKit.color_text_secondary },
17133
+ brand: { color: brandKit.color_brand },
17134
+ success: { color: brandKit.color_success },
17135
+ warning: { color: brandKit.color_warning },
17136
+ danger: { color: brandKit.color_danger },
17137
+ info: { color: brandKit.color_info },
17138
+ white: { color: brandKit.color_white }
17139
+ });
17140
+ const getTextThemeStyles = getPropStyles(callback$1);
17141
+
17062
17142
  //#endregion
17063
17143
  //#region src/components-flex/close-button/CloseButton.svelte
17064
17144
  function add_css$18(target) {
17065
- append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
17145
+ append_styles(target, "svelte-18wmfyq", ".close-button.svelte-18wmfyq.svelte-18wmfyq{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;flex-shrink:0;transition:background-color 0.12s,\n border-color 0.12s,\n color 0.12s}.close-button.svelte-18wmfyq svg.svelte-18wmfyq{transition:transform 0.12s}.close-button.svelte-18wmfyq:hover svg.svelte-18wmfyq{transform:rotate(90deg)}.close-button-order-one.svelte-18wmfyq.svelte-18wmfyq{order:1}.close-button-order-two.svelte-18wmfyq.svelte-18wmfyq{order:2}");
17066
17146
  }
17067
17147
  function create_if_block$6(ctx) {
17068
17148
  let span;
@@ -17098,7 +17178,7 @@ function create_if_block$6(ctx) {
17098
17178
  /*labelStyle*/
17099
17179
  ctx[2]
17100
17180
  );
17101
- attr(span, "class", span_class_value = "close-button-label " + (ctx[10] ? "close-button-order-one" : "") + " svelte-3mvsv6");
17181
+ attr(span, "class", span_class_value = "close-button-label " + (ctx[10] ? "close-button-order-one" : "") + " svelte-18wmfyq");
17102
17182
  },
17103
17183
  m(target, anchor) {
17104
17184
  insert_hydration(target, span, anchor);
@@ -17186,7 +17266,7 @@ function create_dynamic_element$6(ctx) {
17186
17266
  /*color*/
17187
17267
  ctx[8]
17188
17268
  );
17189
- attr(svg, "class", "svelte-3mvsv6");
17269
+ attr(svg, "class", "svelte-18wmfyq");
17190
17270
  attr(
17191
17271
  span,
17192
17272
  "style",
@@ -17198,7 +17278,7 @@ function create_dynamic_element$6(ctx) {
17198
17278
  ctx[6]
17199
17279
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
17200
17280
  else set_attributes(svelte_element, svelte_element_data);
17201
- toggle_class(svelte_element, "svelte-3mvsv6", true);
17281
+ toggle_class(svelte_element, "svelte-18wmfyq", true);
17202
17282
  },
17203
17283
  m(target, anchor) {
17204
17284
  insert_hydration(target, svelte_element, anchor);
@@ -17245,7 +17325,7 @@ function create_dynamic_element$6(ctx) {
17245
17325
  ctx$1[6]
17246
17326
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
17247
17327
  else set_attributes(svelte_element, svelte_element_data);
17248
- toggle_class(svelte_element, "svelte-3mvsv6", true);
17328
+ toggle_class(svelte_element, "svelte-18wmfyq", true);
17249
17329
  },
17250
17330
  d(detaching) {
17251
17331
  if (detaching) detach(svelte_element);
@@ -17303,13 +17383,17 @@ function create_fragment$22(ctx) {
17303
17383
  }
17304
17384
  function instance$22($$self, $$props, $$invalidate) {
17305
17385
  let hasLabel;
17386
+ let styleObj;
17306
17387
  let style;
17388
+ let borderWidth;
17389
+ let paddingSize;
17307
17390
  let labelStyle;
17308
17391
  let iconStyle;
17309
17392
  let { props = {} } = $$props;
17310
17393
  let { layerId = "" } = $$props;
17311
17394
  let { eventName = "" } = $$props;
17312
17395
  let { eventValue = void 0 } = $$props;
17396
+ const { brandKit } = useBrandKit();
17313
17397
  useInjectCustomizeCss(props);
17314
17398
  const { attributes, element: element$1, handleClick } = useClickable_default({
17315
17399
  onClick: {
@@ -17345,7 +17429,7 @@ function instance$22($$self, $$props, $$invalidate) {
17345
17429
  }
17346
17430
  };
17347
17431
  const size = props.size ?? 24;
17348
- const color = props.color ?? "#666";
17432
+ const color = props.color ?? getTextThemeStyles(brandKit)[props.colorVariant]?.color ?? "#666";
17349
17433
  const label = props.label;
17350
17434
  const isLeftLabelPlacement = props.labelPlacement === "left";
17351
17435
  $$self.$$set = ($$props$1) => {
@@ -17355,26 +17439,40 @@ function instance$22($$self, $$props, $$invalidate) {
17355
17439
  if ("eventValue" in $$props$1) $$invalidate(13, eventValue = $$props$1.eventValue);
17356
17440
  };
17357
17441
  $$self.$$.update = () => {
17358
- if ($$self.$$.dirty & 2048) $: $$invalidate(3, style = objToStyle({
17359
- ...props.bordered && { border: "1px solid #666" },
17360
- height: `${size}px`,
17361
- boxSizing: "border-box",
17442
+ if ($$self.$$.dirty & 2048) $: $$invalidate(16, styleObj = {
17443
+ ...props.bordered && {
17444
+ borderTopWidth: "1px",
17445
+ borderLeftWidth: "1px",
17446
+ borderRightWidth: "1px",
17447
+ borderBottomWidth: "1px",
17448
+ borderStyle: "solid",
17449
+ borderColor: "#666666"
17450
+ },
17362
17451
  padding: "6px",
17363
- backgroundColor: props.backgroundColor ?? "transparent",
17452
+ boxSizing: "border-box",
17453
+ backgroundColor: toCssBackground(props, brandKit)?.backgroundColor ?? "rgba(255,255,255,0)",
17364
17454
  ...VARIANTS.round[props.round ?? "default"],
17455
+ ...toCssPadding(props),
17365
17456
  ...toCssCommon(props),
17366
17457
  ...toCssBorder(props)
17367
- }));
17458
+ });
17459
+ if ($$self.$$.dirty & 65536) $: $$invalidate(3, style = objToStyle(styleObj));
17460
+ if ($$self.$$.dirty & 65536) $: $$invalidate(14, borderWidth = styleObj.borderTopWidth ? parseInt(styleObj.borderTopWidth) : 0);
17461
+ if ($$self.$$.dirty & 65536) $: $$invalidate(15, paddingSize = styleObj.paddingTop ? parseInt(styleObj.paddingTop) : 6);
17368
17462
  if ($$self.$$.dirty & 2048) $: $$invalidate(2, labelStyle = objToStyle({
17369
- color: props.labelColor ?? color,
17463
+ color: props.labelColor ?? getTextThemeStyles(brandKit)[props.labelColorVariant]?.color ?? color,
17370
17464
  fontSize: `${size / 2.1}px`
17371
17465
  }));
17466
+ if ($$self.$$.dirty & 49152) $: $$invalidate(1, iconStyle = objToStyle({
17467
+ width: `${size - paddingSize * 2 - borderWidth * 2}px`,
17468
+ height: `${size - paddingSize * 2 - borderWidth * 2}px`,
17469
+ display: "flex",
17470
+ alignItems: "center",
17471
+ justifyContent: "center",
17472
+ flexShrink: 0
17473
+ }));
17372
17474
  };
17373
17475
  $: $$invalidate(4, hasLabel = label !== void 0 && label !== "");
17374
- $: $$invalidate(1, iconStyle = objToStyle({
17375
- width: `${size - 12}px`,
17376
- height: `${size - 12}px`
17377
- }));
17378
17476
  return [
17379
17477
  layerId,
17380
17478
  iconStyle,
@@ -17389,7 +17487,10 @@ function instance$22($$self, $$props, $$invalidate) {
17389
17487
  isLeftLabelPlacement,
17390
17488
  props,
17391
17489
  eventName,
17392
- eventValue
17490
+ eventValue,
17491
+ borderWidth,
17492
+ paddingSize,
17493
+ styleObj
17393
17494
  ];
17394
17495
  }
17395
17496
  var CloseButton = class extends SvelteComponent {
@@ -17466,16 +17567,16 @@ const IMAGE_ROUND_STYLES = {
17466
17567
  borderBottomRightRadius: 0
17467
17568
  },
17468
17569
  rounded: {
17469
- borderTopLeftRadius: "0.4em",
17470
- borderTopRightRadius: "0.4em",
17471
- borderBottomLeftRadius: "0.4em",
17472
- borderBottomRightRadius: "0.4em"
17570
+ borderTopLeftRadius: "8px",
17571
+ borderTopRightRadius: "8px",
17572
+ borderBottomLeftRadius: "8px",
17573
+ borderBottomRightRadius: "8px"
17473
17574
  },
17474
17575
  circle: {
17475
- borderTopLeftRadius: "0.8em",
17476
- borderTopRightRadius: "0.8em",
17477
- borderBottomLeftRadius: "0.8em",
17478
- borderBottomRightRadius: "0.8em"
17576
+ borderTopLeftRadius: "16px",
17577
+ borderTopRightRadius: "16px",
17578
+ borderBottomLeftRadius: "16px",
17579
+ borderBottomRightRadius: "16px"
17479
17580
  }
17480
17581
  };
17481
17582
 
@@ -17492,9 +17593,9 @@ function create_dynamic_element$5(ctx) {
17492
17593
  let mounted;
17493
17594
  let dispose;
17494
17595
  let svelte_element_levels = [
17495
- ctx[3],
17596
+ ctx[4],
17496
17597
  { class: "image" },
17497
- { style: ctx[2] },
17598
+ { style: ctx[3] },
17498
17599
  { "data-layer-id": ctx[1] }
17499
17600
  ];
17500
17601
  let svelte_element_data = {};
@@ -17503,13 +17604,13 @@ function create_dynamic_element$5(ctx) {
17503
17604
  c() {
17504
17605
  svelte_element = element(
17505
17606
  /*element*/
17506
- ctx[4]
17607
+ ctx[5]
17507
17608
  );
17508
17609
  img = element("img");
17509
17610
  this.h();
17510
17611
  },
17511
17612
  l(nodes) {
17512
- svelte_element = claim_element(nodes, (ctx[4] || "null").toUpperCase(), {
17613
+ svelte_element = claim_element(nodes, (ctx[5] || "null").toUpperCase(), {
17513
17614
  class: true,
17514
17615
  style: true,
17515
17616
  "data-layer-id": true
@@ -17518,6 +17619,7 @@ function create_dynamic_element$5(ctx) {
17518
17619
  img = claim_element(svelte_element_nodes, "IMG", {
17519
17620
  src: true,
17520
17621
  alt: true,
17622
+ style: true,
17521
17623
  class: true
17522
17624
  });
17523
17625
  svelte_element_nodes.forEach(detach);
@@ -17526,10 +17628,16 @@ function create_dynamic_element$5(ctx) {
17526
17628
  h() {
17527
17629
  if (!src_url_equal(img.src, img_src_value = ctx[0].image)) attr(img, "src", img_src_value);
17528
17630
  attr(img, "alt", img_alt_value = ctx[0].alt);
17631
+ attr(
17632
+ img,
17633
+ "style",
17634
+ /*imgStyle*/
17635
+ ctx[2]
17636
+ );
17529
17637
  attr(img, "class", "image-img svelte-1olvu11");
17530
17638
  if (/-/.test(
17531
17639
  /*element*/
17532
- ctx[4]
17640
+ ctx[5]
17533
17641
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
17534
17642
  else set_attributes(svelte_element, svelte_element_data);
17535
17643
  toggle_class(svelte_element, "svelte-1olvu11", true);
@@ -17542,7 +17650,7 @@ function create_dynamic_element$5(ctx) {
17542
17650
  svelte_element,
17543
17651
  "click",
17544
17652
  /*handleClick*/
17545
- ctx[5]
17653
+ ctx[6]
17546
17654
  );
17547
17655
  mounted = true;
17548
17656
  }
@@ -17550,15 +17658,21 @@ function create_dynamic_element$5(ctx) {
17550
17658
  p(ctx$1, dirty) {
17551
17659
  if (dirty & 1 && !src_url_equal(img.src, img_src_value = ctx$1[0].image)) attr(img, "src", img_src_value);
17552
17660
  if (dirty & 1 && img_alt_value !== (img_alt_value = ctx$1[0].alt)) attr(img, "alt", img_alt_value);
17661
+ if (dirty & 4) attr(
17662
+ img,
17663
+ "style",
17664
+ /*imgStyle*/
17665
+ ctx$1[2]
17666
+ );
17553
17667
  svelte_element_data = get_spread_update(svelte_element_levels, [
17554
- ctx$1[3],
17668
+ ctx$1[4],
17555
17669
  { class: "image" },
17556
- dirty & 4 && { style: ctx$1[2] },
17670
+ dirty & 8 && { style: ctx$1[3] },
17557
17671
  dirty & 2 && { "data-layer-id": ctx$1[1] }
17558
17672
  ]);
17559
17673
  if (/-/.test(
17560
17674
  /*element*/
17561
- ctx$1[4]
17675
+ ctx$1[5]
17562
17676
  )) set_custom_element_data_map(svelte_element, svelte_element_data);
17563
17677
  else set_attributes(svelte_element, svelte_element_data);
17564
17678
  toggle_class(svelte_element, "svelte-1olvu11", true);
@@ -17571,9 +17685,9 @@ function create_dynamic_element$5(ctx) {
17571
17685
  };
17572
17686
  }
17573
17687
  function create_fragment$21(ctx) {
17574
- let previous_tag = ctx[4];
17688
+ let previous_tag = ctx[5];
17575
17689
  let svelte_element_anchor;
17576
- let svelte_element = ctx[4] && create_dynamic_element$5(ctx);
17690
+ let svelte_element = ctx[5] && create_dynamic_element$5(ctx);
17577
17691
  return {
17578
17692
  c() {
17579
17693
  if (svelte_element) svelte_element.c();
@@ -17588,14 +17702,14 @@ function create_fragment$21(ctx) {
17588
17702
  insert_hydration(target, svelte_element_anchor, anchor);
17589
17703
  },
17590
17704
  p(ctx$1, [dirty]) {
17591
- if (ctx$1[4]) if (!previous_tag) {
17705
+ if (ctx$1[5]) if (!previous_tag) {
17592
17706
  svelte_element = create_dynamic_element$5(ctx$1);
17593
17707
  svelte_element.c();
17594
17708
  svelte_element.m(svelte_element_anchor.parentNode, svelte_element_anchor);
17595
17709
  } else if (safe_not_equal(
17596
17710
  previous_tag,
17597
17711
  /*element*/
17598
- ctx$1[4]
17712
+ ctx$1[5]
17599
17713
  )) {
17600
17714
  svelte_element.d(1);
17601
17715
  svelte_element = create_dynamic_element$5(ctx$1);
@@ -17606,7 +17720,7 @@ function create_fragment$21(ctx) {
17606
17720
  svelte_element.d(1);
17607
17721
  svelte_element = null;
17608
17722
  }
17609
- previous_tag = ctx$1[4];
17723
+ previous_tag = ctx$1[5];
17610
17724
  },
17611
17725
  i: noop,
17612
17726
  o: noop,
@@ -17617,35 +17731,53 @@ function create_fragment$21(ctx) {
17617
17731
  };
17618
17732
  }
17619
17733
  function instance$21($$self, $$props, $$invalidate) {
17734
+ let styleObj;
17620
17735
  let style;
17736
+ let imgStyle;
17621
17737
  let { props = {} } = $$props;
17622
17738
  let { layerId = "" } = $$props;
17623
17739
  useInjectCustomizeCss(props);
17624
17740
  const { attributes, element: element$1, handleClick } = useClickable_default(props);
17625
17741
  const aspectVariantStyles = ASPECT_VARIANT[props.aspectVariant]?.getProps();
17626
17742
  const width = props.width ?? "100%";
17743
+ const calcImgRadius = (parentRadius, borderWidth) => {
17744
+ const radiusSize = parentRadius ? parseInt(parentRadius) : 0;
17745
+ if (radiusSize === 0) return 0;
17746
+ if (parentRadius === "100%") return "100%";
17747
+ return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
17748
+ };
17627
17749
  $$self.$$set = ($$props$1) => {
17628
17750
  if ("props" in $$props$1) $$invalidate(0, props = $$props$1.props);
17629
17751
  if ("layerId" in $$props$1) $$invalidate(1, layerId = $$props$1.layerId);
17630
17752
  };
17631
17753
  $$self.$$.update = () => {
17632
- if ($$self.$$.dirty & 1) $: $$invalidate(2, style = objToStyle({
17754
+ if ($$self.$$.dirty & 1) $: $$invalidate(7, styleObj = {
17633
17755
  ...props.borderTopLeftRadius ? toCssRadius(props) : IMAGE_ROUND_STYLES[props.shape ?? "square"],
17634
17756
  width,
17635
17757
  flexShrink: String(width).indexOf("px") !== -1 ? 0 : 1,
17636
17758
  height: props.height ?? "auto",
17637
17759
  aspectRatio: props.aspect ?? aspectVariantStyles?.aspect,
17638
17760
  ...toCssCommon(props),
17639
- ...toCssBorder(props)
17640
- }));
17761
+ ...toCssBorder(props),
17762
+ ...toCssPadding(props)
17763
+ });
17764
+ if ($$self.$$.dirty & 128) $: $$invalidate(3, style = objToStyle(styleObj));
17765
+ if ($$self.$$.dirty & 128) $: $$invalidate(2, imgStyle = objToStyle({ ...toCssRadius({
17766
+ borderTopLeftRadius: calcImgRadius(styleObj.borderTopLeftRadius, styleObj.borderTopWidth),
17767
+ borderTopRightRadius: calcImgRadius(styleObj.borderTopRightRadius, styleObj.borderTopWidth),
17768
+ borderBottomLeftRadius: calcImgRadius(styleObj.borderBottomLeftRadius, styleObj.borderTopWidth),
17769
+ borderBottomRightRadius: calcImgRadius(styleObj.borderBottomRightRadius, styleObj.borderTopWidth)
17770
+ }) }));
17641
17771
  };
17642
17772
  return [
17643
17773
  props,
17644
17774
  layerId,
17775
+ imgStyle,
17645
17776
  style,
17646
17777
  attributes,
17647
17778
  element$1,
17648
- handleClick
17779
+ handleClick,
17780
+ styleObj
17649
17781
  ];
17650
17782
  }
17651
17783
  var Image = class extends SvelteComponent {
@@ -17682,7 +17814,7 @@ const IMAGE_ASPECT_VARIANTS = {
17682
17814
  //#endregion
17683
17815
  //#region src/components-flex/layout/Layout.svelte
17684
17816
  function add_css$16(target) {
17685
- append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
17817
+ append_styles(target, "svelte-1o103hp", ".layout.svelte-1o103hp{text-decoration:none;color:inherit}.layout[data-clickable='true'].svelte-1o103hp{cursor:pointer}.layout[data-clickable='true'].svelte-1o103hp:hover{opacity:0.8}");
17686
17818
  }
17687
17819
  function create_dynamic_element$4(ctx) {
17688
17820
  let svelte_element;
@@ -17725,7 +17857,7 @@ function create_dynamic_element$4(ctx) {
17725
17857
  h() {
17726
17858
  if (/-/.test("div")) set_custom_element_data_map(svelte_element, svelte_element_data);
17727
17859
  else set_attributes(svelte_element, svelte_element_data);
17728
- toggle_class(svelte_element, "svelte-139vx15", true);
17860
+ toggle_class(svelte_element, "svelte-1o103hp", true);
17729
17861
  },
17730
17862
  m(target, anchor) {
17731
17863
  insert_hydration(target, svelte_element, anchor);
@@ -17770,7 +17902,7 @@ function create_dynamic_element$4(ctx) {
17770
17902
  ]);
17771
17903
  if (/-/.test("div")) set_custom_element_data_map(svelte_element, svelte_element_data);
17772
17904
  else set_attributes(svelte_element, svelte_element_data);
17773
- toggle_class(svelte_element, "svelte-139vx15", true);
17905
+ toggle_class(svelte_element, "svelte-1o103hp", true);
17774
17906
  },
17775
17907
  i(local) {
17776
17908
  if (current) return;
@@ -17841,6 +17973,7 @@ function instance$20($$self, $$props, $$invalidate) {
17841
17973
  let { $$slots: slots = {}, $$scope } = $$props;
17842
17974
  let { props = {} } = $$props;
17843
17975
  let { layerId = "" } = $$props;
17976
+ const { brandKit } = useBrandKit();
17844
17977
  useInjectCustomizeCss(props);
17845
17978
  const { attributes, element: element$1, handleClick } = useClickable_default(props);
17846
17979
  $$self.$$set = ($$props$1) => {
@@ -17857,13 +17990,14 @@ function instance$20($$self, $$props, $$invalidate) {
17857
17990
  rowGap: props.rowGap ?? props.gap,
17858
17991
  columnGap: props.columnGap ?? props.gap,
17859
17992
  width: props.width,
17993
+ height: props.height,
17860
17994
  ...toCssOverflow(props),
17861
17995
  ...toCssShadow(props),
17862
17996
  ...toCssRadius(props),
17863
- ...toCssBackground(props),
17997
+ ...toCssBackground(props, brandKit),
17864
17998
  ...toCssCommon(props),
17865
17999
  ...toCssPadding(props),
17866
- ...toCssBorder(props)
18000
+ ...toCssBorder(props, brandKit)
17867
18001
  }));
17868
18002
  };
17869
18003
  return [
@@ -18579,20 +18713,6 @@ var SliderItem = class extends SvelteComponent {
18579
18713
  };
18580
18714
  var SliderItem_default = SliderItem;
18581
18715
 
18582
- //#endregion
18583
- //#region src/components-flex/text/styles.ts
18584
- const callback$1 = ({ brandKit }) => ({
18585
- default: { color: brandKit.color_text_primary },
18586
- gray: { color: brandKit.color_text_secondary },
18587
- brand: { color: brandKit.color_brand },
18588
- success: { color: brandKit.color_success },
18589
- warning: { color: brandKit.color_warning },
18590
- danger: { color: brandKit.color_danger },
18591
- info: { color: brandKit.color_info },
18592
- white: { color: brandKit.color_white }
18593
- });
18594
- const getTextThemeStyles = getPropStyles(callback$1);
18595
-
18596
18716
  //#endregion
18597
18717
  //#region src/components-flex/text/constants.ts
18598
18718
  const TEXT_VARIANTS = { size: {
@@ -20136,11 +20256,9 @@ function instance$11($$self, $$props, $$invalidate) {
20136
20256
  let { $$slots: slots = {}, $$scope } = $$props;
20137
20257
  let { layerId } = $$props;
20138
20258
  let { props } = $$props;
20259
+ const { brandKit } = useBrandKit();
20139
20260
  useInjectCustomizeCss(props);
20140
20261
  const vars = getVariables();
20141
- console.log(vars);
20142
- console.log(props.actionTableKey);
20143
- console.log(vars[props.actionTableKey]);
20144
20262
  setContext(LIST_ITEM_CONTEXT_KEY, {
20145
20263
  paddingTop: props.itemPaddingTop,
20146
20264
  paddingLeft: props.itemPaddingLeft,
@@ -20148,8 +20266,8 @@ function instance$11($$self, $$props, $$invalidate) {
20148
20266
  paddingBottom: props.itemPaddingBottom,
20149
20267
  height: props.itemHeight,
20150
20268
  borderTopWidth: props.borderWidth,
20151
- borderTopColor: props.borderColor,
20152
- borderTopStyle: props.borderStyle,
20269
+ borderTopColor: props.borderColor ?? BORDER_COLOR_VARIANT[props.borderColorVariant]?.getProps(brandKit)?.borderColor,
20270
+ borderTopStyle: "solid",
20153
20271
  gap: props.itemGap
20154
20272
  });
20155
20273
  $$self.$$set = ($$props$1) => {
@@ -20585,6 +20703,7 @@ function instance$9($$self, $$props, $$invalidate) {
20585
20703
  let { $$slots: slots = {}, $$scope } = $$props;
20586
20704
  let { layerId } = $$props;
20587
20705
  let { props } = $$props;
20706
+ const { brandKit } = useBrandKit();
20588
20707
  useInjectCustomizeCss(props);
20589
20708
  let listGap = (() => {
20590
20709
  if (!props.gap) return "0";
@@ -20602,8 +20721,8 @@ function instance$9($$self, $$props, $$invalidate) {
20602
20721
  paddingRight: props.itemPaddingRight,
20603
20722
  paddingBottom: props.itemPaddingBottom,
20604
20723
  borderLeftWidth: props.borderWidth,
20605
- borderLeftColor: props.borderColor,
20606
- borderLeftStyle: props.borderStyle,
20724
+ borderLeftColor: props.borderColor ?? BORDER_COLOR_VARIANT[props.borderColorVariant]?.getProps(brandKit)?.borderColor,
20725
+ borderLeftStyle: props.borderStyle ?? "solid",
20607
20726
  gap: listGap,
20608
20727
  innerGap: props.itemGap
20609
20728
  });
@@ -21410,7 +21529,7 @@ var CountDownValue_default = CountDownValue;
21410
21529
  //#endregion
21411
21530
  //#region src/components-flex/clip-copy/ClipCopy.svelte
21412
21531
  function add_css$1(target) {
21413
- append_styles(target, "svelte-30zd8m", ".clipboard.svelte-30zd8m{position:relative;display:inline-flex}.clipboard-button.svelte-30zd8m{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-30zd8m:hover{opacity:0.8}.clipboard-button.svelte-30zd8m:active{opacity:0.6}.clipboard-tooltip.svelte-30zd8m{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-30zd8m:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-30zd8m{opacity:0;transform:translate(-50%, -80%)}");
21532
+ append_styles(target, "svelte-orhp4c", ".clipboard.svelte-orhp4c{position:relative;display:inline-flex}.clipboard-button.svelte-orhp4c{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-orhp4c:hover{opacity:0.8}.clipboard-button.svelte-orhp4c:active{opacity:0.6}.clipboard-tooltip.svelte-orhp4c{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-orhp4c:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden='true'].svelte-orhp4c{opacity:0;transform:translate(-50%, -80%)}");
21414
21533
  }
21415
21534
  function create_fragment$4(ctx) {
21416
21535
  let div;
@@ -21462,10 +21581,10 @@ function create_fragment$4(ctx) {
21462
21581
  this.h();
21463
21582
  },
21464
21583
  h() {
21465
- attr(button, "class", "clipboard-button svelte-30zd8m");
21584
+ attr(button, "class", "clipboard-button svelte-orhp4c");
21466
21585
  attr(span, "aria-hidden", span_aria_hidden_value = !ctx[2]);
21467
- attr(span, "class", "clipboard-tooltip svelte-30zd8m");
21468
- attr(div, "class", "clipboard svelte-30zd8m");
21586
+ attr(span, "class", "clipboard-tooltip svelte-orhp4c");
21587
+ attr(div, "class", "clipboard svelte-orhp4c");
21469
21588
  attr(
21470
21589
  div,
21471
21590
  "data-layer-id",
@@ -21642,7 +21761,7 @@ function create_fragment$3(ctx) {
21642
21761
  if_block_anchor = empty();
21643
21762
  },
21644
21763
  l(nodes) {
21645
- const head_nodes = head_selector("svelte-16cot5i", document.head);
21764
+ const head_nodes = head_selector("svelte-1xy0775", document.head);
21646
21765
  if (if_block) if_block.l(head_nodes);
21647
21766
  if_block_anchor = empty();
21648
21767
  head_nodes.forEach(detach);
@@ -22180,6 +22299,10 @@ __export(index_svelte5_exports, {
22180
22299
  AVATAR_SIZE_STYLES: () => AVATAR_SIZE_STYLES,
22181
22300
  Alignments: () => Alignments,
22182
22301
  AnimationStyles: () => AnimationStyles,
22302
+ BACKGROUND_COLOR_VARIANT: () => BACKGROUND_COLOR_VARIANT,
22303
+ BACKGROUND_COLOR_VARIANTS: () => BACKGROUND_COLOR_VARIANTS,
22304
+ BORDER_COLOR_VARIANT: () => BORDER_COLOR_VARIANT,
22305
+ BORDER_COLOR_VARIANTS: () => BORDER_COLOR_VARIANTS,
22183
22306
  BUTTON_ICON_ANGLE: () => BUTTON_ICON_ANGLE,
22184
22307
  BUTTON_LINK_TARGET: () => BUTTON_LINK_TARGET,
22185
22308
  BUTTON_OUTLINED_ROUND_STYLES: () => BUTTON_OUTLINED_ROUND_STYLES,
@@ -22680,4 +22803,4 @@ var ThumbnailPreview = class extends SvelteComponent {
22680
22803
  var ThumbnailPreview_default = ThumbnailPreview;
22681
22804
 
22682
22805
  //#endregion
22683
- export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, Box_default as Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement_default as CodeElement, Countdown_default as Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement_default as EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex_default as Flex, Avatar_default as FlexAvatar, Button_default as FlexButton, ButtonOutlined_default as FlexButtonOutlined, ButtonText_default as FlexButtonText, ClipCopy_default as FlexClipCopy, CloseButton_default as FlexCloseButton, Code_default as FlexCode, CountDown_default as FlexCountDown, CountDownValue_default as FlexCountDownValue, FlexDirections, Icon_default as FlexIcon, Image_default as FlexImage, FlexItem_default as FlexItem, Layout_default as FlexLayout, List_default as FlexList, ListItem_default as FlexListItem, Modal_default as FlexModal, MultiColumn_default as FlexMultiColumn, MultiColumnItem_default as FlexMultiColumnItem, RichText_default as FlexRichText, Slider_default as FlexSlider, SliderItem_default as FlexSliderItem, Text_default as FlexText, TextLink_default as FlexTextLink, Youtube_default as FlexYoutube, Fonts, FormCheckBoxes_default as FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices_default as FormIdentifyChoices, FormIdentifyInput_default as FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons_default as FormRadioButtons, FormRatingButtonsFace_default as FormRatingButtonsFace, FormRatingButtonsNumber_default as FormRatingButtonsNumber, FormSelect_default as FormSelect, FormTextarea_default as FormTextarea, Grid_default as Grid, GridItem_default as GridItem, GridModalState_default as GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IMAGE_ROUND_STYLES, IconElement_default as IconElement, ImageBlock_default as ImageBlock, ImageElement_default as ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List_default$1 as List, ListBackgroundTypes, ListDirections, ListItem_default$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal_default$1 as Modal, ModalPositions, MovieVimeoElement_default as MovieVimeoElement, MovieYouTubeElement_default as MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide_default as Slide, SlideItem_default as SlideItem, State_default as State, StateItem_default as StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock_default as TextBlock, TextButtonBlock_default as TextButtonBlock, TextButtonElement_default as TextButtonElement, TextDirections, TextElement_default as TextElement, ThumbnailPreview_default as ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection, create, createApp, createFog, createProp, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, flexComponentSchemes, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget_exports as widget };
22806
+ export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BACKGROUND_COLOR_VARIANT, BACKGROUND_COLOR_VARIANTS, BORDER_COLOR_VARIANT, BORDER_COLOR_VARIANTS, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, Box_default as Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement_default as CodeElement, Countdown_default as Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement_default as EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex_default as Flex, Avatar_default as FlexAvatar, Button_default as FlexButton, ButtonOutlined_default as FlexButtonOutlined, ButtonText_default as FlexButtonText, ClipCopy_default as FlexClipCopy, CloseButton_default as FlexCloseButton, Code_default as FlexCode, CountDown_default as FlexCountDown, CountDownValue_default as FlexCountDownValue, FlexDirections, Icon_default as FlexIcon, Image_default as FlexImage, FlexItem_default as FlexItem, Layout_default as FlexLayout, List_default as FlexList, ListItem_default as FlexListItem, Modal_default as FlexModal, MultiColumn_default as FlexMultiColumn, MultiColumnItem_default as FlexMultiColumnItem, RichText_default as FlexRichText, Slider_default as FlexSlider, SliderItem_default as FlexSliderItem, Text_default as FlexText, TextLink_default as FlexTextLink, Youtube_default as FlexYoutube, Fonts, FormCheckBoxes_default as FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices_default as FormIdentifyChoices, FormIdentifyInput_default as FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons_default as FormRadioButtons, FormRatingButtonsFace_default as FormRatingButtonsFace, FormRatingButtonsNumber_default as FormRatingButtonsNumber, FormSelect_default as FormSelect, FormTextarea_default as FormTextarea, Grid_default as Grid, GridItem_default as GridItem, GridModalState_default as GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IMAGE_ROUND_STYLES, IconElement_default as IconElement, ImageBlock_default as ImageBlock, ImageElement_default as ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List_default$1 as List, ListBackgroundTypes, ListDirections, ListItem_default$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal_default$1 as Modal, ModalPositions, MovieVimeoElement_default as MovieVimeoElement, MovieYouTubeElement_default as MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide_default as Slide, SlideItem_default as SlideItem, State_default as State, StateItem_default as StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock_default as TextBlock, TextButtonBlock_default as TextButtonBlock, TextButtonElement_default as TextButtonElement, TextDirections, TextElement_default as TextElement, ThumbnailPreview_default as ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection, create, createApp, createFog, createProp, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, flexComponentSchemes, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget_exports as widget };