@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.
- package/dist/components-flex/avatar/types.d.ts +2 -2
- package/dist/components-flex/close-button/types.d.ts +4 -4
- package/dist/components-flex/image/types.d.ts +2 -2
- package/dist/components-flex/layout/types.d.ts +1 -0
- package/dist/components-flex/list/types.d.ts +2 -5
- package/dist/components-flex/multi-column/types.d.ts +2 -5
- package/dist/components-flex/props.d.ts +18 -11
- package/dist/components-flex/utils/prop-to-style.d.ts +3 -2
- package/dist/components-flex/variants.d.ts +8 -2
- package/dist/hydrate/components-flex/avatar/types.d.ts +2 -2
- package/dist/hydrate/components-flex/close-button/types.d.ts +4 -4
- package/dist/hydrate/components-flex/image/types.d.ts +2 -2
- package/dist/hydrate/components-flex/layout/types.d.ts +1 -0
- package/dist/hydrate/components-flex/list/types.d.ts +2 -5
- package/dist/hydrate/components-flex/multi-column/types.d.ts +2 -5
- package/dist/hydrate/components-flex/props.d.ts +18 -11
- package/dist/hydrate/components-flex/utils/prop-to-style.d.ts +3 -2
- package/dist/hydrate/components-flex/variants.d.ts +8 -2
- package/dist/hydrate/index.es.js +304 -181
- package/dist/index.es.js +300 -178
- package/dist/svelte5/components-flex/avatar/types.d.ts +2 -2
- package/dist/svelte5/components-flex/close-button/types.d.ts +4 -4
- package/dist/svelte5/components-flex/image/types.d.ts +2 -2
- package/dist/svelte5/components-flex/layout/types.d.ts +1 -0
- package/dist/svelte5/components-flex/list/types.d.ts +2 -5
- package/dist/svelte5/components-flex/multi-column/types.d.ts +2 -5
- package/dist/svelte5/components-flex/props.d.ts +18 -11
- package/dist/svelte5/components-flex/utils/prop-to-style.d.ts +3 -2
- package/dist/svelte5/components-flex/variants.d.ts +8 -2
- package/dist/svelte5/hydrate/components-flex/avatar/types.d.ts +2 -2
- package/dist/svelte5/hydrate/components-flex/close-button/types.d.ts +4 -4
- package/dist/svelte5/hydrate/components-flex/image/types.d.ts +2 -2
- package/dist/svelte5/hydrate/components-flex/layout/types.d.ts +1 -0
- package/dist/svelte5/hydrate/components-flex/list/types.d.ts +2 -5
- package/dist/svelte5/hydrate/components-flex/multi-column/types.d.ts +2 -5
- package/dist/svelte5/hydrate/components-flex/props.d.ts +18 -11
- package/dist/svelte5/hydrate/components-flex/utils/prop-to-style.d.ts +3 -2
- package/dist/svelte5/hydrate/components-flex/variants.d.ts +8 -2
- package/dist/svelte5/hydrate/index.es.js +206 -93
- package/dist/svelte5/index.es.js +206 -93
- package/dist/svelte5/index.front2.es.js +209 -92
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
8672
|
-
attr(div1, "class", "select svelte-
|
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-
|
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-
|
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-
|
8924
|
-
attr(span1, "class", span1_class_value = null_to_empty(`check-box-check${ctx[4][ctx[19]] ? " _checked" : ""}`) + " svelte-
|
8925
|
-
attr(span2, "class", "check-box-text svelte-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
9886
|
+
attr(label0, "class", "radio-button svelte-152kveg");
|
9887
9887
|
attr(input1, "type", "radio");
|
9888
|
-
attr(input1, "class", "radio-button-input svelte-
|
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-
|
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-
|
9899
|
-
attr(div, "class", "radio-buttons svelte-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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
|
-
|
12912
|
-
|
12913
|
-
|
12914
|
-
|
12915
|
-
|
12916
|
-
|
12917
|
-
|
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-
|
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-
|
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-
|
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-
|
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(
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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(
|
17359
|
-
...props.bordered && {
|
17360
|
-
|
17361
|
-
|
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
|
-
|
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: "
|
17470
|
-
borderTopRightRadius: "
|
17471
|
-
borderBottomLeftRadius: "
|
17472
|
-
borderBottomRightRadius: "
|
17570
|
+
borderTopLeftRadius: "8px",
|
17571
|
+
borderTopRightRadius: "8px",
|
17572
|
+
borderBottomLeftRadius: "8px",
|
17573
|
+
borderBottomRightRadius: "8px"
|
17473
17574
|
},
|
17474
17575
|
circle: {
|
17475
|
-
borderTopLeftRadius: "
|
17476
|
-
borderTopRightRadius: "
|
17477
|
-
borderBottomLeftRadius: "
|
17478
|
-
borderBottomRightRadius: "
|
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[
|
17596
|
+
ctx[4],
|
17496
17597
|
{ class: "image" },
|
17497
|
-
{ style: ctx[
|
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[
|
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[
|
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[
|
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[
|
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[
|
17668
|
+
ctx$1[4],
|
17555
17669
|
{ class: "image" },
|
17556
|
-
dirty &
|
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[
|
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[
|
17688
|
+
let previous_tag = ctx[5];
|
17575
17689
|
let svelte_element_anchor;
|
17576
|
-
let svelte_element = 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[
|
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[
|
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[
|
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(
|
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-
|
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-
|
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-
|
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:
|
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-
|
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-
|
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-
|
21468
|
-
attr(div, "class", "clipboard svelte-
|
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-
|
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 };
|