@plaidev/karte-action-sdk 1.1.214 → 1.1.216
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
|