@plaidev/karte-action-sdk 1.1.214 → 1.1.216
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/hydrate/index.es.js +36 -28
- package/dist/index.es.js +36 -28
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
|
@@ -7010,7 +7010,7 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
|
7010
7010
|
let $value;
|
|
7011
7011
|
let { name = '' } = $$props;
|
|
7012
7012
|
let { placeholder = '回答を入力してください' } = $$props;
|
|
7013
|
-
let { required =
|
|
7013
|
+
let { required = false } = $$props;
|
|
7014
7014
|
let { _style = '' } = $$props;
|
|
7015
7015
|
let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
|
|
7016
7016
|
let { font = SYSTEM_FONT } = $$props;
|
|
@@ -8135,7 +8135,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
8135
8135
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
8136
8136
|
|
|
8137
8137
|
function add_css$e(target) {
|
|
8138
|
-
append_styles(target, "svelte-
|
|
8138
|
+
append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{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}");
|
|
8139
8139
|
}
|
|
8140
8140
|
|
|
8141
8141
|
function get_each_context$2(ctx, list, i) {
|
|
@@ -8144,7 +8144,7 @@ function get_each_context$2(ctx, list, i) {
|
|
|
8144
8144
|
return child_ctx;
|
|
8145
8145
|
}
|
|
8146
8146
|
|
|
8147
|
-
// (
|
|
8147
|
+
// (64:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
|
|
8148
8148
|
function create_each_block$2(ctx) {
|
|
8149
8149
|
let button;
|
|
8150
8150
|
let t0_value = /*i*/ ctx[12] + "";
|
|
@@ -8170,7 +8170,7 @@ function create_each_block$2(ctx) {
|
|
|
8170
8170
|
this.h();
|
|
8171
8171
|
},
|
|
8172
8172
|
h() {
|
|
8173
|
-
attr(button, "class", "rating-button svelte-
|
|
8173
|
+
attr(button, "class", "rating-button svelte-9idbf1");
|
|
8174
8174
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
|
|
8175
8175
|
},
|
|
8176
8176
|
m(target, anchor) {
|
|
@@ -8233,7 +8233,7 @@ function create_fragment$f(ctx) {
|
|
|
8233
8233
|
this.h();
|
|
8234
8234
|
},
|
|
8235
8235
|
h() {
|
|
8236
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8236
|
+
attr(div, "class", "rating-buttons svelte-9idbf1");
|
|
8237
8237
|
},
|
|
8238
8238
|
m(target, anchor) {
|
|
8239
8239
|
insert_hydration(target, div, anchor);
|
|
@@ -8308,7 +8308,7 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
8308
8308
|
return [
|
|
8309
8309
|
...buttonStyle.split(';'),
|
|
8310
8310
|
`font-family:${font}`,
|
|
8311
|
-
...isActive ? buttonActiveStyle : []
|
|
8311
|
+
...isActive ? buttonActiveStyle.split(';') : []
|
|
8312
8312
|
].join(';');
|
|
8313
8313
|
}
|
|
8314
8314
|
|
|
@@ -8581,7 +8581,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
|
8581
8581
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8582
8582
|
|
|
8583
8583
|
function add_css$c(target) {
|
|
8584
|
-
append_styles(target, "svelte-
|
|
8584
|
+
append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
|
|
8585
8585
|
}
|
|
8586
8586
|
|
|
8587
8587
|
function create_fragment$d(ctx) {
|
|
@@ -8612,14 +8612,14 @@ function create_fragment$d(ctx) {
|
|
|
8612
8612
|
this.h();
|
|
8613
8613
|
},
|
|
8614
8614
|
h() {
|
|
8615
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input',
|
|
8615
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
|
|
8616
8616
|
attr(input, "type", "text");
|
|
8617
|
-
input.value = /*$value*/ ctx[
|
|
8617
|
+
input.value = /*$value*/ ctx[2];
|
|
8618
8618
|
input.required = /*required*/ ctx[0];
|
|
8619
8619
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8620
|
-
attr(input, "style", /*style*/ ctx[
|
|
8621
|
-
attr(div, "class", "input-wrapper svelte-
|
|
8622
|
-
attr(div, "style", /*styleVariables*/ ctx[
|
|
8620
|
+
attr(input, "style", /*style*/ ctx[5]);
|
|
8621
|
+
attr(div, "class", "input-wrapper svelte-f14zo5");
|
|
8622
|
+
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8623
8623
|
},
|
|
8624
8624
|
m(target, anchor) {
|
|
8625
8625
|
insert_hydration(target, div, anchor);
|
|
@@ -8631,12 +8631,12 @@ function create_fragment$d(ctx) {
|
|
|
8631
8631
|
}
|
|
8632
8632
|
},
|
|
8633
8633
|
p(ctx, [dirty]) {
|
|
8634
|
-
if (dirty &
|
|
8634
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
|
|
8635
8635
|
attr(input, "class", input_class_value);
|
|
8636
8636
|
}
|
|
8637
8637
|
|
|
8638
|
-
if (dirty & /*$value*/
|
|
8639
|
-
input.value = /*$value*/ ctx[
|
|
8638
|
+
if (dirty & /*$value*/ 4 && input.value !== /*$value*/ ctx[2]) {
|
|
8639
|
+
input.value = /*$value*/ ctx[2];
|
|
8640
8640
|
}
|
|
8641
8641
|
|
|
8642
8642
|
if (dirty & /*required*/ 1) {
|
|
@@ -8647,12 +8647,12 @@ function create_fragment$d(ctx) {
|
|
|
8647
8647
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8648
8648
|
}
|
|
8649
8649
|
|
|
8650
|
-
if (dirty & /*style*/
|
|
8651
|
-
attr(input, "style", /*style*/ ctx[
|
|
8650
|
+
if (dirty & /*style*/ 32) {
|
|
8651
|
+
attr(input, "style", /*style*/ ctx[5]);
|
|
8652
8652
|
}
|
|
8653
8653
|
|
|
8654
|
-
if (dirty & /*styleVariables*/
|
|
8655
|
-
attr(div, "style", /*styleVariables*/ ctx[
|
|
8654
|
+
if (dirty & /*styleVariables*/ 16) {
|
|
8655
|
+
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8656
8656
|
}
|
|
8657
8657
|
},
|
|
8658
8658
|
i: noop,
|
|
@@ -8668,8 +8668,9 @@ function create_fragment$d(ctx) {
|
|
|
8668
8668
|
function instance$d($$self, $$props, $$invalidate) {
|
|
8669
8669
|
let style;
|
|
8670
8670
|
let styleVariables;
|
|
8671
|
-
let
|
|
8671
|
+
let isValidForUI;
|
|
8672
8672
|
let $isValid;
|
|
8673
|
+
let $value;
|
|
8673
8674
|
let { field = 'email' } = $$props;
|
|
8674
8675
|
|
|
8675
8676
|
let { validation = {
|
|
@@ -8680,7 +8681,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
8680
8681
|
flags: ''
|
|
8681
8682
|
} } = $$props;
|
|
8682
8683
|
|
|
8683
|
-
let { required =
|
|
8684
|
+
let { required = false } = $$props;
|
|
8684
8685
|
let { placeholder = 'メールアドレスを入力' } = $$props;
|
|
8685
8686
|
let { _style = '' } = $$props;
|
|
8686
8687
|
let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
|
|
@@ -8713,8 +8714,8 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
8713
8714
|
}
|
|
8714
8715
|
});
|
|
8715
8716
|
|
|
8716
|
-
component_subscribe($$self, value, value => $$invalidate(
|
|
8717
|
-
component_subscribe($$self, isValid, value => $$invalidate(
|
|
8717
|
+
component_subscribe($$self, value, value => $$invalidate(2, $value = value));
|
|
8718
|
+
component_subscribe($$self, isValid, value => $$invalidate(17, $isValid = value));
|
|
8718
8719
|
|
|
8719
8720
|
function stringInputHandler(event) {
|
|
8720
8721
|
set_store_value(value, $value = event.target.value, $value);
|
|
@@ -8739,11 +8740,11 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
8739
8740
|
}
|
|
8740
8741
|
|
|
8741
8742
|
if ($$self.$$.dirty & /*_style, _textStyle, font*/ 51200) {
|
|
8742
|
-
$$invalidate(
|
|
8743
|
+
$$invalidate(5, style = [..._style.split(';'), ..._textStyle.split(';'), `font-family:${font}`].join(';'));
|
|
8743
8744
|
}
|
|
8744
8745
|
|
|
8745
8746
|
if ($$self.$$.dirty & /*_focusStyle, _errorStyle, _placeholderStyle*/ 77824) {
|
|
8746
|
-
$$invalidate(
|
|
8747
|
+
$$invalidate(4, styleVariables = (() => {
|
|
8747
8748
|
const variables = {};
|
|
8748
8749
|
const focusStyleObj = parseStyle(_focusStyle);
|
|
8749
8750
|
const errorStyleObj = parseStyle(_errorStyle);
|
|
@@ -8758,15 +8759,21 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
8758
8759
|
return stringifyStyleObj(variables);
|
|
8759
8760
|
})());
|
|
8760
8761
|
}
|
|
8762
|
+
|
|
8763
|
+
if ($$self.$$.dirty & /*$value, $isValid*/ 131076) {
|
|
8764
|
+
$$invalidate(3, isValidForUI = (() => {
|
|
8765
|
+
return $value === '' || $isValid;
|
|
8766
|
+
})());
|
|
8767
|
+
}
|
|
8761
8768
|
};
|
|
8762
8769
|
|
|
8763
8770
|
return [
|
|
8764
8771
|
required,
|
|
8765
8772
|
placeholder,
|
|
8773
|
+
$value,
|
|
8774
|
+
isValidForUI,
|
|
8766
8775
|
styleVariables,
|
|
8767
8776
|
style,
|
|
8768
|
-
$value,
|
|
8769
|
-
$isValid,
|
|
8770
8777
|
value,
|
|
8771
8778
|
isValid,
|
|
8772
8779
|
stringInputHandler,
|
|
@@ -8777,7 +8784,8 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
8777
8784
|
_errorStyle,
|
|
8778
8785
|
font,
|
|
8779
8786
|
_textStyle,
|
|
8780
|
-
_placeholderStyle
|
|
8787
|
+
_placeholderStyle,
|
|
8788
|
+
$isValid
|
|
8781
8789
|
];
|
|
8782
8790
|
}
|
|
8783
8791
|
|
package/dist/index.es.js
CHANGED
|
@@ -6764,7 +6764,7 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
|
6764
6764
|
let $value;
|
|
6765
6765
|
let { name = '' } = $$props;
|
|
6766
6766
|
let { placeholder = '回答を入力してください' } = $$props;
|
|
6767
|
-
let { required =
|
|
6767
|
+
let { required = false } = $$props;
|
|
6768
6768
|
let { _style = '' } = $$props;
|
|
6769
6769
|
let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
|
|
6770
6770
|
let { font = SYSTEM_FONT } = $$props;
|
|
@@ -7778,7 +7778,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
7778
7778
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
7779
7779
|
|
|
7780
7780
|
function add_css$e(target) {
|
|
7781
|
-
append_styles(target, "svelte-
|
|
7781
|
+
append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{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}");
|
|
7782
7782
|
}
|
|
7783
7783
|
|
|
7784
7784
|
function get_each_context$2(ctx, list, i) {
|
|
@@ -7787,7 +7787,7 @@ function get_each_context$2(ctx, list, i) {
|
|
|
7787
7787
|
return child_ctx;
|
|
7788
7788
|
}
|
|
7789
7789
|
|
|
7790
|
-
// (
|
|
7790
|
+
// (64:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
|
|
7791
7791
|
function create_each_block$2(ctx) {
|
|
7792
7792
|
let button;
|
|
7793
7793
|
let t0_value = /*i*/ ctx[12] + "";
|
|
@@ -7802,7 +7802,7 @@ function create_each_block$2(ctx) {
|
|
|
7802
7802
|
button = element("button");
|
|
7803
7803
|
t0 = text(t0_value);
|
|
7804
7804
|
t1 = space();
|
|
7805
|
-
attr(button, "class", "rating-button svelte-
|
|
7805
|
+
attr(button, "class", "rating-button svelte-9idbf1");
|
|
7806
7806
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
|
|
7807
7807
|
},
|
|
7808
7808
|
m(target, anchor) {
|
|
@@ -7851,7 +7851,7 @@ function create_fragment$f(ctx) {
|
|
|
7851
7851
|
each_blocks[i].c();
|
|
7852
7852
|
}
|
|
7853
7853
|
|
|
7854
|
-
attr(div, "class", "rating-buttons svelte-
|
|
7854
|
+
attr(div, "class", "rating-buttons svelte-9idbf1");
|
|
7855
7855
|
},
|
|
7856
7856
|
m(target, anchor) {
|
|
7857
7857
|
insert(target, div, anchor);
|
|
@@ -7926,7 +7926,7 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
7926
7926
|
return [
|
|
7927
7927
|
...buttonStyle.split(';'),
|
|
7928
7928
|
`font-family:${font}`,
|
|
7929
|
-
...isActive ? buttonActiveStyle : []
|
|
7929
|
+
...isActive ? buttonActiveStyle.split(';') : []
|
|
7930
7930
|
].join(';');
|
|
7931
7931
|
}
|
|
7932
7932
|
|
|
@@ -8174,7 +8174,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
|
8174
8174
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8175
8175
|
|
|
8176
8176
|
function add_css$c(target) {
|
|
8177
|
-
append_styles(target, "svelte-
|
|
8177
|
+
append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
|
|
8178
8178
|
}
|
|
8179
8179
|
|
|
8180
8180
|
function create_fragment$d(ctx) {
|
|
@@ -8188,14 +8188,14 @@ function create_fragment$d(ctx) {
|
|
|
8188
8188
|
c() {
|
|
8189
8189
|
div = element("div");
|
|
8190
8190
|
input = element("input");
|
|
8191
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input',
|
|
8191
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
|
|
8192
8192
|
attr(input, "type", "text");
|
|
8193
|
-
input.value = /*$value*/ ctx[
|
|
8193
|
+
input.value = /*$value*/ ctx[2];
|
|
8194
8194
|
input.required = /*required*/ ctx[0];
|
|
8195
8195
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8196
|
-
attr(input, "style", /*style*/ ctx[
|
|
8197
|
-
attr(div, "class", "input-wrapper svelte-
|
|
8198
|
-
attr(div, "style", /*styleVariables*/ ctx[
|
|
8196
|
+
attr(input, "style", /*style*/ ctx[5]);
|
|
8197
|
+
attr(div, "class", "input-wrapper svelte-f14zo5");
|
|
8198
|
+
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8199
8199
|
},
|
|
8200
8200
|
m(target, anchor) {
|
|
8201
8201
|
insert(target, div, anchor);
|
|
@@ -8207,12 +8207,12 @@ function create_fragment$d(ctx) {
|
|
|
8207
8207
|
}
|
|
8208
8208
|
},
|
|
8209
8209
|
p(ctx, [dirty]) {
|
|
8210
|
-
if (dirty &
|
|
8210
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
|
|
8211
8211
|
attr(input, "class", input_class_value);
|
|
8212
8212
|
}
|
|
8213
8213
|
|
|
8214
|
-
if (dirty & /*$value*/
|
|
8215
|
-
input.value = /*$value*/ ctx[
|
|
8214
|
+
if (dirty & /*$value*/ 4 && input.value !== /*$value*/ ctx[2]) {
|
|
8215
|
+
input.value = /*$value*/ ctx[2];
|
|
8216
8216
|
}
|
|
8217
8217
|
|
|
8218
8218
|
if (dirty & /*required*/ 1) {
|
|
@@ -8223,12 +8223,12 @@ function create_fragment$d(ctx) {
|
|
|
8223
8223
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8224
8224
|
}
|
|
8225
8225
|
|
|
8226
|
-
if (dirty & /*style*/
|
|
8227
|
-
attr(input, "style", /*style*/ ctx[
|
|
8226
|
+
if (dirty & /*style*/ 32) {
|
|
8227
|
+
attr(input, "style", /*style*/ ctx[5]);
|
|
8228
8228
|
}
|
|
8229
8229
|
|
|
8230
|
-
if (dirty & /*styleVariables*/
|
|
8231
|
-
attr(div, "style", /*styleVariables*/ ctx[
|
|
8230
|
+
if (dirty & /*styleVariables*/ 16) {
|
|
8231
|
+
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8232
8232
|
}
|
|
8233
8233
|
},
|
|
8234
8234
|
i: noop,
|
|
@@ -8244,8 +8244,9 @@ function create_fragment$d(ctx) {
|
|
|
8244
8244
|
function instance$d($$self, $$props, $$invalidate) {
|
|
8245
8245
|
let style;
|
|
8246
8246
|
let styleVariables;
|
|
8247
|
-
let
|
|
8247
|
+
let isValidForUI;
|
|
8248
8248
|
let $isValid;
|
|
8249
|
+
let $value;
|
|
8249
8250
|
let { field = 'email' } = $$props;
|
|
8250
8251
|
|
|
8251
8252
|
let { validation = {
|
|
@@ -8256,7 +8257,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
8256
8257
|
flags: ''
|
|
8257
8258
|
} } = $$props;
|
|
8258
8259
|
|
|
8259
|
-
let { required =
|
|
8260
|
+
let { required = false } = $$props;
|
|
8260
8261
|
let { placeholder = 'メールアドレスを入力' } = $$props;
|
|
8261
8262
|
let { _style = '' } = $$props;
|
|
8262
8263
|
let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
|
|
@@ -8289,8 +8290,8 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
8289
8290
|
}
|
|
8290
8291
|
});
|
|
8291
8292
|
|
|
8292
|
-
component_subscribe($$self, value, value => $$invalidate(
|
|
8293
|
-
component_subscribe($$self, isValid, value => $$invalidate(
|
|
8293
|
+
component_subscribe($$self, value, value => $$invalidate(2, $value = value));
|
|
8294
|
+
component_subscribe($$self, isValid, value => $$invalidate(17, $isValid = value));
|
|
8294
8295
|
|
|
8295
8296
|
function stringInputHandler(event) {
|
|
8296
8297
|
set_store_value(value, $value = event.target.value, $value);
|
|
@@ -8315,11 +8316,11 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
8315
8316
|
}
|
|
8316
8317
|
|
|
8317
8318
|
if ($$self.$$.dirty & /*_style, _textStyle, font*/ 51200) {
|
|
8318
|
-
$$invalidate(
|
|
8319
|
+
$$invalidate(5, style = [..._style.split(';'), ..._textStyle.split(';'), `font-family:${font}`].join(';'));
|
|
8319
8320
|
}
|
|
8320
8321
|
|
|
8321
8322
|
if ($$self.$$.dirty & /*_focusStyle, _errorStyle, _placeholderStyle*/ 77824) {
|
|
8322
|
-
$$invalidate(
|
|
8323
|
+
$$invalidate(4, styleVariables = (() => {
|
|
8323
8324
|
const variables = {};
|
|
8324
8325
|
const focusStyleObj = parseStyle(_focusStyle);
|
|
8325
8326
|
const errorStyleObj = parseStyle(_errorStyle);
|
|
@@ -8334,15 +8335,21 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
8334
8335
|
return stringifyStyleObj(variables);
|
|
8335
8336
|
})());
|
|
8336
8337
|
}
|
|
8338
|
+
|
|
8339
|
+
if ($$self.$$.dirty & /*$value, $isValid*/ 131076) {
|
|
8340
|
+
$$invalidate(3, isValidForUI = (() => {
|
|
8341
|
+
return $value === '' || $isValid;
|
|
8342
|
+
})());
|
|
8343
|
+
}
|
|
8337
8344
|
};
|
|
8338
8345
|
|
|
8339
8346
|
return [
|
|
8340
8347
|
required,
|
|
8341
8348
|
placeholder,
|
|
8349
|
+
$value,
|
|
8350
|
+
isValidForUI,
|
|
8342
8351
|
styleVariables,
|
|
8343
8352
|
style,
|
|
8344
|
-
$value,
|
|
8345
|
-
$isValid,
|
|
8346
8353
|
value,
|
|
8347
8354
|
isValid,
|
|
8348
8355
|
stringInputHandler,
|
|
@@ -8353,7 +8360,8 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
8353
8360
|
_errorStyle,
|
|
8354
8361
|
font,
|
|
8355
8362
|
_textStyle,
|
|
8356
|
-
_placeholderStyle
|
|
8363
|
+
_placeholderStyle,
|
|
8364
|
+
$isValid
|
|
8357
8365
|
];
|
|
8358
8366
|
}
|
|
8359
8367
|
|