@verbb/formie-browser 1.0.8 → 1.0.9
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/CHANGELOG.md +12 -0
- package/dist/chunks/_survey-presentations-RbSqcQph.js +4 -0
- package/dist/chunks/{address-state-BQ0xGV9n.js → address-state-BwE01m2_.js} +1 -1
- package/dist/chunks/{api-C8wyLC-s.js → api-BYe9YPko.js} +10 -3
- package/dist/chunks/{bpoint-CwSw_p7A.js → bpoint-C0VOftX9.js} +1 -1
- package/dist/chunks/{combobox-D-2b42wn.js → combobox-C0EuExSI.js} +1 -1
- package/dist/chunks/{eway-B30BMlDp.js → eway-CS6Y1Yvo.js} +1 -1
- package/dist/chunks/{file-upload-D49m8-DR.js → file-upload-rqfZNqlH.js} +1 -1
- package/dist/chunks/{go-cardless-BiF3iLel.js → go-cardless-BTPD668l.js} +1 -1
- package/dist/chunks/{mollie-D__SwtcH.js → mollie-CXgBwvo6.js} +1 -1
- package/dist/chunks/{moneris-KJS1BKx7.js → moneris-B6oLu7nj.js} +1 -1
- package/dist/chunks/{opayo-A_LIkc-v.js → opayo-DPUA5CKr.js} +1 -1
- package/dist/chunks/{paddle-BjbOOb0m.js → paddle-GRlsm5mm.js} +1 -1
- package/dist/chunks/{paypal-CyjHIV8v.js → paypal-CdcZnf6r.js} +2 -2
- package/dist/chunks/{payway-a_cyrr3j.js → payway-CfmYOS__.js} +2 -2
- package/dist/chunks/{repeater-B5leVxZU.js → repeater-BVnPUqTj.js} +1 -1
- package/dist/chunks/rich-text-Bg_--4TG.js +349 -0
- package/dist/chunks/{square-Bga6WXHV.js → square-BY--5M-X.js} +1 -1
- package/dist/chunks/{stripe-BlqVocl3.js → stripe-uusYjWty.js} +2 -2
- package/dist/chunks/{survey-likert-DmJ3klhP.js → survey-likert-DkE6bR7B.js} +1 -1
- package/dist/chunks/{survey-rank-DeUenftw.js → survey-rank-DN6x4IZM.js} +1 -1
- package/dist/chunks/{survey-rating-BPUYDgBJ.js → survey-rating-BnsNL9U5.js} +1 -1
- package/dist/chunks/{table-C-lkQN6I.js → table-CAjCJHrL.js} +1 -1
- package/dist/chunks/{upload-manager-BpqWSHmU.js → upload-manager-W-QDgxKD.js} +1 -1
- package/dist/css/theme/_tokens.css +10 -5
- package/dist/css/theme/fields/_check-radio.css +1 -1
- package/dist/css/theme/fields/_combobox.css +1 -1
- package/dist/css/theme/fields/_file.css +3 -3
- package/dist/css/theme/fields/_input.css +1 -1
- package/dist/css/theme/fields/_repeater.css +1 -1
- package/dist/css/theme/fields/_rich-text.css +1 -1
- package/dist/css/theme/fields/_select.css +1 -1
- package/dist/css/theme/fields/_survey-presentations.css +1 -1
- package/dist/css/theme/fields/_table.css +1 -1
- package/dist/css/theme/fields/_upload-manager.css +3 -3
- package/dist/css/theme/integrations/_paypal.css +1 -1
- package/dist/css/theme/integrations/_payway.css +1 -1
- package/dist/css/theme/integrations/_stripe.css +1 -1
- package/dist/index.js +510 -492
- package/dist/js/core/submit-flow.d.ts.map +1 -1
- package/dist/js/core/submit-result-state.d.ts.map +1 -1
- package/dist/js/core/submit-result-ui.d.ts +1 -0
- package/dist/js/core/submit-result-ui.d.ts.map +1 -1
- package/dist/js/utils/fields.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/css/theme/_tokens.css +10 -5
- package/src/css/theme/fields/_check-radio.css +1 -1
- package/src/css/theme/fields/_combobox.css +1 -1
- package/src/css/theme/fields/_file.css +3 -3
- package/src/css/theme/fields/_input.css +1 -1
- package/src/css/theme/fields/_repeater.css +1 -1
- package/src/css/theme/fields/_rich-text.css +1 -1
- package/src/css/theme/fields/_select.css +1 -1
- package/src/css/theme/fields/_survey-presentations.css +1 -1
- package/src/css/theme/fields/_table.css +1 -1
- package/src/css/theme/fields/_upload-manager.css +3 -3
- package/src/css/theme/integrations/_paypal.css +1 -1
- package/src/css/theme/integrations/_payway.css +1 -1
- package/src/css/theme/integrations/_stripe.css +1 -1
- package/src/js/core/submit-flow.ts +3 -1
- package/src/js/core/submit-result-state.ts +12 -0
- package/src/js/core/submit-result-ui.ts +47 -9
- package/src/js/utils/fields.ts +14 -2
- package/dist/chunks/_survey-presentations-CFsgToRT.js +0 -4
- package/dist/chunks/rich-text-D0sb8bmX.js +0 -349
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"submit-flow.d.ts","sourceRoot":"","sources":["../../../src/js/core/submit-flow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAYxD,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAMhF;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,GAAG,OAAO,CAchF;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAK/D;AAED,wBAAsB,qBAAqB,CAAC,MAAM,EAAE;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,eAAe,CAAC;IACtB,GAAG,EAAE,QAAQ,CAAC;IACd,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,0BAA0B,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC5D,GAAG,OAAO,CAAC,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"submit-flow.d.ts","sourceRoot":"","sources":["../../../src/js/core/submit-flow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAYxD,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAMhF;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,GAAG,OAAO,CAchF;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAK/D;AAED,wBAAsB,qBAAqB,CAAC,MAAM,EAAE;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,eAAe,CAAC;IACtB,GAAG,EAAE,QAAQ,CAAC;IACd,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,0BAA0B,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC5D,GAAG,OAAO,CAAC,gBAAgB,CAAC,CA6D5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"submit-result-state.d.ts","sourceRoot":"","sources":["../../../src/js/core/submit-result-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA6H1D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAqB/E;AA4GD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CA0B5F;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CA0B9D;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"submit-result-state.d.ts","sourceRoot":"","sources":["../../../src/js/core/submit-result-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA6H1D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAqB/E;AA4GD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CA0B5F;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CA0B9D;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAoE9E;AAkKD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,CAsGhH"}
|
|
@@ -5,6 +5,7 @@ export declare function clearFormSuccess(form: HTMLFormElement): void;
|
|
|
5
5
|
export declare function clearAriaInvalid(form: HTMLFormElement): void;
|
|
6
6
|
export declare function renderFieldErrors(form: HTMLFormElement, fieldErrors: Record<string, string[]>): void;
|
|
7
7
|
export declare function renderFormErrors(form: HTMLFormElement, formErrors: string[]): void;
|
|
8
|
+
export declare function renderFormNotice(form: HTMLFormElement, message: string): void;
|
|
8
9
|
export declare function renderFormSuccess(form: HTMLFormElement, message: string): void;
|
|
9
10
|
export declare function applySubmitResultUi(form: HTMLFormElement, result: FormSubmitResult): void;
|
|
10
11
|
//# sourceMappingURL=submit-result-ui.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"submit-result-ui.d.ts","sourceRoot":"","sources":["../../../src/js/core/submit-result-ui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA+L1D,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAqC5D;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAmB3D;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CA6B5D;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAI5D;AAaD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,CAoDpG;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAclF;AAgBD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAmC9E;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"submit-result-ui.d.ts","sourceRoot":"","sources":["../../../src/js/core/submit-result-ui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA+L1D,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAqC5D;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAmB3D;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CA6B5D;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAI5D;AAaD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,CAoDpG;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAclF;AAaD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAY7E;AAgBD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAmC9E;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAsCzF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../src/js/utils/fields.ts"],"names":[],"mappings":"AAYA,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,CAQ7E;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAatE;AAED,wBAAgB,eAAe,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../src/js/utils/fields.ts"],"names":[],"mappings":"AAYA,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,CAQ7E;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAatE;AAED,wBAAgB,eAAe,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CA4B9D"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@verbb/formie-browser",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.9",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"@placekit/autocomplete-js": "^2.2.1",
|
|
71
71
|
"@uppy/core": "^5.2.0",
|
|
72
72
|
"@uppy/xhr-upload": "^5.2.0",
|
|
73
|
-
"@verbb/formie-core": "1.0.
|
|
73
|
+
"@verbb/formie-core": "1.0.9",
|
|
74
74
|
"expression-language": "^2.5.4",
|
|
75
75
|
"flatpickr": "^4.6.13",
|
|
76
76
|
"friendly-challenge": "^0.9.19",
|
|
@@ -52,6 +52,8 @@
|
|
|
52
52
|
--formie-neutral-200: #e2e8f0;
|
|
53
53
|
--formie-neutral-300: #cbd5e1;
|
|
54
54
|
--formie-neutral-400: #94a3b8;
|
|
55
|
+
/* Lightest slate step that meets ~3:1 non-text contrast on white (WCAG 1.4.11). */
|
|
56
|
+
--formie-neutral-450: #8796ac;
|
|
55
57
|
--formie-neutral-500: #64748b;
|
|
56
58
|
--formie-neutral-600: #475569;
|
|
57
59
|
--formie-neutral-700: #334155;
|
|
@@ -101,16 +103,19 @@
|
|
|
101
103
|
--formie-color-surface-subtle: var(--formie-neutral-50);
|
|
102
104
|
--formie-color-surface-muted: var(--formie-neutral-100);
|
|
103
105
|
--formie-color-text: var(--formie-neutral-700);
|
|
104
|
-
--formie-color-text-muted: var(--formie-neutral-
|
|
106
|
+
--formie-color-text-muted: var(--formie-neutral-600);
|
|
105
107
|
--formie-color-heading: var(--formie-neutral-900);
|
|
108
|
+
/* Structural chrome: tabs, groups, dividers. */
|
|
106
109
|
--formie-color-border: var(--formie-neutral-300);
|
|
110
|
+
/* Interactive controls: inputs, selects, checkboxes. Border-only; use focus ring for interaction contrast. */
|
|
111
|
+
--formie-color-border-control: var(--formie-neutral-400);
|
|
107
112
|
--formie-color-border-soft: var(--formie-neutral-200);
|
|
108
113
|
--formie-color-primary: var(--formie-primary-400);
|
|
109
114
|
--formie-color-primary-hover: var(--formie-primary-500);
|
|
110
115
|
--formie-color-primary-border: var(--formie-primary-500);
|
|
111
116
|
--formie-color-primary-soft: var(--formie-primary-100);
|
|
112
117
|
--formie-color-focus-ring: var(--formie-primary-300);
|
|
113
|
-
--formie-color-danger: var(--formie-danger-
|
|
118
|
+
--formie-color-danger: var(--formie-danger-600);
|
|
114
119
|
--formie-color-danger-soft: var(--formie-danger-50);
|
|
115
120
|
--formie-color-danger-dark: var(--formie-danger-900);
|
|
116
121
|
--formie-color-success: var(--formie-success-500);
|
|
@@ -158,8 +163,8 @@
|
|
|
158
163
|
--formie-button-icon-border-radius: var(--formie-radius-full);
|
|
159
164
|
--formie-button-icon-background: var(--formie-neutral-100);
|
|
160
165
|
--formie-button-icon-background-hover: var(--formie-neutral-200);
|
|
161
|
-
--formie-button-icon-border: var(--formie-border-width) solid var(--formie-
|
|
162
|
-
--formie-button-icon-border-hover: var(--formie-border-width) solid var(--formie-neutral-
|
|
166
|
+
--formie-button-icon-border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
167
|
+
--formie-button-icon-border-hover: var(--formie-border-width) solid var(--formie-neutral-450);
|
|
163
168
|
--formie-button-icon-color: var(--formie-neutral-950);
|
|
164
169
|
--formie-button-opacity-disabled: 0.7;
|
|
165
170
|
--formie-button-shadow-focus: 0 0 0 3px var(--formie-color-border-soft);
|
|
@@ -273,7 +278,7 @@
|
|
|
273
278
|
--formie-signature-width: 100%;
|
|
274
279
|
--formie-signature-height: 8rem;
|
|
275
280
|
--formie-signature-background: var(--formie-color-surface-subtle);
|
|
276
|
-
--formie-signature-border: 1px solid var(--formie-color-border);
|
|
281
|
+
--formie-signature-border: 1px solid var(--formie-color-border-control);
|
|
277
282
|
--formie-signature-border-radius: var(--formie-radius-sm);
|
|
278
283
|
|
|
279
284
|
--formie-signature-remove-button-top: 0;
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
height: var(--formie-check-size);
|
|
52
52
|
content: "";
|
|
53
53
|
cursor: pointer;
|
|
54
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
54
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
55
55
|
background-color: var(--formie-check-label-background-color);
|
|
56
56
|
background-repeat: no-repeat;
|
|
57
57
|
background-position: center center;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
overflow: hidden;
|
|
33
33
|
z-index: 1;
|
|
34
34
|
width: 100%;
|
|
35
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
35
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
36
36
|
border-radius: var(--formie-radius-sm);
|
|
37
37
|
background-color: var(--formie-color-surface);
|
|
38
38
|
background-image: none;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
margin-inline-end: var(--formie-space-2);
|
|
13
13
|
padding: calc(var(--formie-control-padding-y) - 1px) var(--formie-space-2);
|
|
14
14
|
min-height: calc(var(--formie-control-height) - (var(--formie-space-1) * 2));
|
|
15
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
15
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
16
16
|
border-radius: calc(var(--formie-radius-sm) - 1px);
|
|
17
17
|
background: var(--formie-color-surface-subtle);
|
|
18
18
|
color: var(--formie-color-heading);
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
.formie-file-input:hover::file-selector-button,
|
|
28
28
|
.formie-file-input:hover::-webkit-file-upload-button {
|
|
29
|
-
border-color: color-mix(in srgb, var(--formie-color-border) 70%, var(--formie-color-heading) 30%);
|
|
29
|
+
border-color: color-mix(in srgb, var(--formie-color-border-control) 70%, var(--formie-color-heading) 30%);
|
|
30
30
|
background: var(--formie-color-surface-muted);
|
|
31
31
|
}
|
|
32
32
|
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
.formie-file-summary {
|
|
48
48
|
padding: var(--formie-file-summary-padding);
|
|
49
49
|
gap: var(--formie-gap-file-summary);
|
|
50
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
50
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
51
51
|
border-radius: var(--formie-radius-sm);
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.formie-input,
|
|
4
4
|
.formie-textarea {
|
|
5
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
5
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
6
6
|
border-radius: var(--formie-radius-sm);
|
|
7
7
|
background: var(--formie-color-surface);
|
|
8
8
|
transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
display: grid;
|
|
10
10
|
gap: var(--formie-space-4);
|
|
11
11
|
padding: var(--formie-space-4);
|
|
12
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
12
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
13
13
|
border-radius: var(--formie-radius-md);
|
|
14
14
|
transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
|
|
15
15
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@layer formie-theme {
|
|
2
2
|
.formie-rich-text {
|
|
3
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
3
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
4
4
|
border-radius: var(--formie-radius-sm);
|
|
5
5
|
background: var(--formie-color-surface);
|
|
6
6
|
box-sizing: border-box;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@layer formie-theme {
|
|
2
2
|
.formie-select {
|
|
3
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
3
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
4
4
|
border-radius: var(--formie-radius-sm);
|
|
5
5
|
background: var(--formie-color-surface);
|
|
6
6
|
transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
|
|
@@ -263,7 +263,7 @@
|
|
|
263
263
|
gap: var(--formie-space-2);
|
|
264
264
|
margin: 0;
|
|
265
265
|
padding: var(--formie-space-2) var(--formie-space-3);
|
|
266
|
-
border: var(--formie-border-width) solid var(--formie-survey-rank-item-border-color, var(--formie-color-border));
|
|
266
|
+
border: var(--formie-border-width) solid var(--formie-survey-rank-item-border-color, var(--formie-color-border-control));
|
|
267
267
|
border-radius: var(--formie-border-radius);
|
|
268
268
|
background: var(--formie-survey-rank-item-background, var(--formie-color-surface));
|
|
269
269
|
cursor: move;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
text-align: var(--formie-table-th-text-align);
|
|
18
18
|
font-size: var(--formie-table-th-font-size);
|
|
19
19
|
font-weight: var(--formie-table-th-font-weight);
|
|
20
|
-
color: var(--formie-table-th-color, var(--formie-
|
|
20
|
+
color: var(--formie-table-th-color, var(--formie-color-text-muted));
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.formie-table th,
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
gap: var(--formie-space-2);
|
|
14
14
|
padding: var(--formie-space-4);
|
|
15
15
|
min-height: calc(var(--formie-control-height) * 3);
|
|
16
|
-
border: var(--formie-border-width) dashed var(--formie-color-border);
|
|
16
|
+
border: var(--formie-border-width) dashed var(--formie-color-border-control);
|
|
17
17
|
border-radius: var(--formie-radius-sm);
|
|
18
18
|
background: var(--formie-color-surface-subtle);
|
|
19
19
|
color: var(--formie-color-text);
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
align-items: center;
|
|
62
62
|
gap: var(--formie-space-2);
|
|
63
63
|
padding: var(--formie-space-2) var(--formie-space-3);
|
|
64
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
64
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
65
65
|
border-radius: var(--formie-radius-sm);
|
|
66
66
|
background: var(--formie-color-surface);
|
|
67
67
|
}
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
.formie-upload-manager-item.is-upload-complete .formie-upload-manager-progress-label {
|
|
153
|
-
color: var(--formie-color-success, var(--formie-color-primary));
|
|
153
|
+
color: var(--formie-color-success-dark, var(--formie-color-primary));
|
|
154
154
|
font-weight: var(--formie-font-weight-medium);
|
|
155
155
|
}
|
|
156
156
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@layer formie-theme {
|
|
2
2
|
.formie-paypal-button {
|
|
3
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
3
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
4
4
|
border-radius: var(--formie-radius-sm);
|
|
5
5
|
background: var(--formie-color-surface);
|
|
6
6
|
box-sizing: border-box;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@layer formie-theme {
|
|
2
2
|
.formie-payway-button {
|
|
3
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
3
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
4
4
|
border-radius: var(--formie-radius-sm);
|
|
5
5
|
background: var(--formie-color-surface);
|
|
6
6
|
box-sizing: border-box;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
min-height: 12rem;
|
|
11
11
|
width: 100%;
|
|
12
12
|
padding: var(--formie-space-4);
|
|
13
|
-
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
13
|
+
border: var(--formie-border-width) solid var(--formie-color-border-control);
|
|
14
14
|
border-radius: var(--formie-radius-sm);
|
|
15
15
|
background: var(--formie-color-surface);
|
|
16
16
|
color: var(--formie-color-text-muted);
|
|
@@ -90,11 +90,13 @@ export async function executeAjaxSubmitFlow(params: {
|
|
|
90
90
|
validateOnSubmit,
|
|
91
91
|
});
|
|
92
92
|
applySubmitResultUi(form, result);
|
|
93
|
+
// Let captcha modules refresh one-time tokens before payment follow-up
|
|
94
|
+
// handlers (e.g. Stripe confirm) trigger an internal resubmit.
|
|
95
|
+
dispatchSubmitResult(result);
|
|
93
96
|
applySubmitResultState(form, result, action);
|
|
94
97
|
if (shouldRefreshTokensAfterSubmit(result)) {
|
|
95
98
|
await onRefreshTokensAfterSubmit(result);
|
|
96
99
|
}
|
|
97
|
-
dispatchSubmitResult(result);
|
|
98
100
|
} catch (error) {
|
|
99
101
|
result = {
|
|
100
102
|
ok: false,
|
|
@@ -335,6 +335,18 @@ export function applyPageState(form: HTMLFormElement, nextPageId: string): void
|
|
|
335
335
|
toggleThemeClasses(tab, form, 'tabCurrent', isCurrent);
|
|
336
336
|
toggleThemeClasses(tab, form, 'tabComplete', isComplete);
|
|
337
337
|
|
|
338
|
+
const tabLink = tab.querySelector('[data-formie-tab-link]');
|
|
339
|
+
|
|
340
|
+
if (tabLink) {
|
|
341
|
+
toggleThemeClasses(tabLink, form, 'tabLinkCurrent', isCurrent);
|
|
342
|
+
|
|
343
|
+
if (isCurrent) {
|
|
344
|
+
removeThemeClasses(tabLink, form, 'tabLinkInactive');
|
|
345
|
+
} else {
|
|
346
|
+
addThemeClasses(tabLink, form, 'tabLinkInactive');
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
|
|
338
350
|
if (isCurrent) {
|
|
339
351
|
tab.setAttribute('aria-current', 'page');
|
|
340
352
|
} else {
|
|
@@ -367,6 +367,31 @@ export function renderFormErrors(form: HTMLFormElement, formErrors: string[]): v
|
|
|
367
367
|
});
|
|
368
368
|
}
|
|
369
369
|
|
|
370
|
+
function isPaymentFollowUpResult(result: FormSubmitResult): boolean {
|
|
371
|
+
if (result.ok || result.keepSubmitLoading !== true) {
|
|
372
|
+
return false;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
const meta = (result.meta || {}) as Record<string, unknown>;
|
|
376
|
+
const paymentStatus = String(meta.paymentStatus || '');
|
|
377
|
+
|
|
378
|
+
return paymentStatus === 'actionRequired' || paymentStatus === 'pending';
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
export function renderFormNotice(form: HTMLFormElement, message: string): void {
|
|
382
|
+
const container = ensureFormErrorContainer(form);
|
|
383
|
+
const messageContainer = ensureFormErrorMessageContainer(form, container);
|
|
384
|
+
|
|
385
|
+
addThemeClasses(container, form, 'errors');
|
|
386
|
+
|
|
387
|
+
const noticeNode = document.createElement('div');
|
|
388
|
+
noticeNode.setAttribute('data-formie-notice', 'true');
|
|
389
|
+
noticeNode.setAttribute('role', 'status');
|
|
390
|
+
addThemeClasses(noticeNode, form, 'message');
|
|
391
|
+
noticeNode.textContent = message;
|
|
392
|
+
messageContainer.appendChild(noticeNode);
|
|
393
|
+
}
|
|
394
|
+
|
|
370
395
|
function shouldRenderSuccessMessage(form: HTMLFormElement, result: FormSubmitResult): boolean {
|
|
371
396
|
if (!result.message || result.nextPage || result.redirect) {
|
|
372
397
|
// Page changes and redirects are transitional outcomes, not terminal
|
|
@@ -432,15 +457,28 @@ export function applySubmitResultUi(form: HTMLFormElement, result: FormSubmitRes
|
|
|
432
457
|
return;
|
|
433
458
|
}
|
|
434
459
|
|
|
435
|
-
if (result.
|
|
436
|
-
|
|
437
|
-
|
|
460
|
+
if (!result.ok) {
|
|
461
|
+
if (isPaymentFollowUpResult(result)) {
|
|
462
|
+
const meta = (result.meta || {}) as Record<string, unknown>;
|
|
463
|
+
const message = String(meta.paymentMessage || '').trim();
|
|
438
464
|
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
465
|
+
if (message) {
|
|
466
|
+
renderFormNotice(form, message);
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
return;
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
if (result.fieldErrors) {
|
|
473
|
+
renderFieldErrors(form, result.fieldErrors);
|
|
474
|
+
}
|
|
444
475
|
|
|
445
|
-
|
|
476
|
+
if (result.formErrors?.length) {
|
|
477
|
+
renderFormErrors(form, result.formErrors);
|
|
478
|
+
} else if (!result.fieldErrors && result.message) {
|
|
479
|
+
renderFormErrors(form, [result.message]);
|
|
480
|
+
}
|
|
481
|
+
|
|
482
|
+
focusFirstValidationError(form);
|
|
483
|
+
}
|
|
446
484
|
}
|
package/src/js/utils/fields.ts
CHANGED
|
@@ -47,9 +47,21 @@ export function currencyToFloat(currencyString: string): number {
|
|
|
47
47
|
// Accept both "1,234.56" and "1.234,56" style inputs so calculations can
|
|
48
48
|
// operate on locale-formatted values emitted by other field modules.
|
|
49
49
|
if (hasComma && hasDot) {
|
|
50
|
-
|
|
50
|
+
if (sanitized.lastIndexOf(',') > sanitized.lastIndexOf('.')) {
|
|
51
|
+
// EU style: 1.234,56
|
|
52
|
+
sanitized = sanitized.replace(/\./g, '').replace(',', '.');
|
|
53
|
+
} else {
|
|
54
|
+
// US style: 1,234.56
|
|
55
|
+
sanitized = sanitized.replace(/,/g, '');
|
|
56
|
+
}
|
|
51
57
|
} else if (hasComma && !hasDot) {
|
|
52
|
-
|
|
58
|
+
const parts = sanitized.split(',');
|
|
59
|
+
|
|
60
|
+
if (parts.length === 2 && parts[1].length === 3 && /^\d+$/.test(parts[0]) && /^\d+$/.test(parts[1])) {
|
|
61
|
+
sanitized = parts[0] + parts[1];
|
|
62
|
+
} else {
|
|
63
|
+
sanitized = sanitized.replace(',', '.');
|
|
64
|
+
}
|
|
53
65
|
} else {
|
|
54
66
|
sanitized = sanitized.replace(/,/g, '');
|
|
55
67
|
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
//#region src/css/theme/fields/_survey-presentations.css?inline
|
|
2
|
-
var e = "@layer formie-theme{.formie-likert-field-layout{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;display:table}.formie-likert-field-layout thead{display:table-header-group}.formie-likert-field-layout tbody{display:table-row-group}.formie-likert-field-layout tr{display:table-row}.formie-likert-field-layout th,.formie-likert-field-layout td{display:table-cell}.formie-likert-column-label{text-align:center;color:var(--formie-survey-likert-label-color,var(--formie-color-heading));word-break:break-word;vertical-align:bottom;font-size:var(--formie-survey-likert-column-label-font-size,.875rem);padding:0 .35rem .5rem;line-height:1.3}[data-formie-field-control]:has(>[data-formie-likert-multiple-rows]){-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width>=40rem){.formie-likert-field-layout[data-formie-likert-multiple-rows]{width:max-content;min-width:100%}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-column-label,.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-option{min-width:var(--formie-survey-likert-column-min-width,5.5rem)}}.formie-likert-row-label-header,.formie-likert-row-label{text-align:left;color:var(--formie-survey-likert-label-color,var(--formie-color-heading));word-break:break-word;vertical-align:middle;font-weight:var(--formie-font-weight-medium);padding:.65rem .75rem .65rem 0}.formie-likert-row-label-header{font-weight:var(--formie-font-weight-normal);padding-bottom:.5rem}.formie-likert-field-layout[data-formie-likert-multiple-rows]{table-layout:auto}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-row-label-header,.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-row-label{white-space:nowrap;width:1%;padding-right:1rem}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-row-label{border-top-left-radius:var(--formie-border-radius);border-bottom-left-radius:var(--formie-border-radius)}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-option:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.formie-likert-inputs-row--alt .formie-likert-row-label,.formie-likert-inputs-row--alt .formie-likert-option{background-color:var(--formie-survey-likert-option-background-alt,var(--formie-color-surface))}.formie-likert-option{text-align:center;vertical-align:middle;background-color:var(--formie-survey-likert-option-background,var(--formie-color-surface-muted));padding:.65rem .35rem}.formie-likert-inputs-row .formie-likert-option:first-child{border-top-left-radius:var(--formie-border-radius);border-bottom-left-radius:var(--formie-border-radius)}.formie-likert-inputs-row .formie-likert-option:last-child{border-top-right-radius:var(--formie-border-radius);border-bottom-right-radius:var(--formie-border-radius)}.formie-likert-option .formie-radio-option-label{width:var(--formie-check-size);height:var(--formie-check-size);line-height:var(--formie-check-size);padding-left:0;overflow:hidden}.formie-likert-option .formie-likert-option-label-text{display:none}.formie-likert-option .formie-radio-option-label:before{top:0;left:0}@media (width<=39.999rem){[data-formie-field-control]:has(>[data-formie-likert-field-layout]){overflow-x:visible}.formie-likert-field-layout{table-layout:auto;background-color:#0000;border-radius:0;width:100%;padding:0;display:block}.formie-likert-column-labels{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.formie-likert-field-layout thead,.formie-likert-field-layout tbody,.formie-likert-field-layout tr,.formie-likert-field-layout th,.formie-likert-field-layout td{width:100%;display:block}.formie-likert-inputs-row{margin:0 0 var(--formie-space-2);padding:var(--formie-space-2) var(--formie-space-3);border-radius:var(--formie-border-radius);background-color:var(--formie-survey-likert-option-background,var(--formie-color-surface-muted))}.formie-likert-inputs-row:last-child{margin-bottom:0}.formie-likert-inputs-row--alt{background-color:var(--formie-survey-likert-option-background-alt,var(--formie-color-surface))}.formie-likert-option{padding:var(--formie-space-2) 0;text-align:left;background-color:#0000;border-radius:0;min-width:0;display:block}.formie-likert-option:first-child{padding-top:0}.formie-likert-option:last-child{padding-bottom:0}.formie-likert-option .formie-radio-option-label{width:auto;height:auto;padding-left:var(--formie-check-label-padding-left);line-height:var(--formie-check-line-height);font-weight:var(--formie-font-weight-normal);color:var(--formie-color-text);overflow:visible}.formie-likert-option .formie-likert-option-label-text{display:inline}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-row-label{width:100%;padding:0 0 var(--formie-space-2);font-weight:var(--formie-font-weight-medium);white-space:normal;background-color:#0000;display:block}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row{border-top:0}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-row-label,.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-option:first-child,.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-option:last-child{border-radius:0}}.formie-rank-field-layout{width:100%}.formie-rank-list,.formie-rank-field-layout .formie-rank-list.formie-field-options{margin:var(--formie-space-1) 0 0;gap:var(--formie-survey-rank-list-gap,var(--formie-space-2));flex-flow:column;padding:0;list-style:none;display:flex}.formie-rank-list[data-formie-rank-sorting=true]{-webkit-user-select:none;user-select:none}.formie-rank-item{align-items:center;gap:var(--formie-space-2);padding:var(--formie-space-2) var(--formie-space-3);border:var(--formie-border-width) solid var(--formie-survey-rank-item-border-color,var(--formie-color-border));border-radius:var(--formie-border-radius);background:var(--formie-survey-rank-item-background,var(--formie-color-surface));cursor:move;touch-action:none;margin:0;display:flex}.formie-rank-placeholder{box-sizing:border-box;background:0 0;border:0;margin:0;padding:0;list-style:none}.formie-rank-handle{width:.875rem;height:1.125rem;color:var(--formie-survey-rank-handle-color,var(--formie-color-text-muted));opacity:.6;cursor:move;pointer-events:none;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.formie-rank-handle:before{content:\"\";background:currentColor;width:13px;height:.875rem;display:block;-webkit-mask:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M288 128C288 92.7 259.3 64 224 64C188.7 64 160 92.7 160 128C160 163.3 188.7 192 224 192C259.3 192 288 163.3 288 128zM288 320C288 284.7 259.3 256 224 256C188.7 256 160 284.7 160 320C160 355.3 188.7 384 224 384C259.3 384 288 355.3 288 320zM160 512C160 547.3 188.7 576 224 576C259.3 576 288 547.3 288 512C288 476.7 259.3 448 224 448C188.7 448 160 476.7 160 512zM480 128C480 92.7 451.3 64 416 64C380.7 64 352 92.7 352 128C352 163.3 380.7 192 416 192C451.3 192 480 163.3 480 128zM352 320C352 355.3 380.7 384 416 384C451.3 384 480 355.3 480 320C480 284.7 451.3 256 416 256C380.7 256 352 284.7 352 320zM480 512C480 476.7 451.3 448 416 448C380.7 448 352 476.7 352 512C352 547.3 380.7 576 416 576C451.3 576 480 547.3 480 512z'/%3E%3C/svg%3E\") 50%/contain no-repeat;mask:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M288 128C288 92.7 259.3 64 224 64C188.7 64 160 92.7 160 128C160 163.3 188.7 192 224 192C259.3 192 288 163.3 288 128zM288 320C288 284.7 259.3 256 224 256C188.7 256 160 284.7 160 320C160 355.3 188.7 384 224 384C259.3 384 288 355.3 288 320zM160 512C160 547.3 188.7 576 224 576C259.3 576 288 547.3 288 512C288 476.7 259.3 448 224 448C188.7 448 160 476.7 160 512zM480 128C480 92.7 451.3 64 416 64C380.7 64 352 92.7 352 128C352 163.3 380.7 192 416 192C451.3 192 480 163.3 480 128zM352 320C352 355.3 380.7 384 416 384C451.3 384 480 355.3 480 320C480 284.7 451.3 256 416 256C380.7 256 352 284.7 352 320zM480 512C480 476.7 451.3 448 416 448C380.7 448 352 476.7 352 512C352 547.3 380.7 576 416 576C451.3 576 480 547.3 480 512z'/%3E%3C/svg%3E\") 50%/contain no-repeat}.formie-rank-option-label{font-size:var(--formie-check-font-size);line-height:var(--formie-check-line-height);flex:auto}.formie-rank-input{display:none}.formie-rating-field-layout{width:100%}.formie-rating-stars,.formie-rating-field-layout .formie-rating-stars.formie-field-options{padding:var(--formie-space-2) 0;--formie-survey-rating-star-size:26px;--formie-survey-rating-star-spacing:var(--formie-space-1);--formie-survey-rating-star-outline:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2023%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22.2%208.05333L15.7466%207.49333L13.2266%201.56C12.7733%200.48%2011.2266%200.48%2010.7733%201.56L8.25331%207.50667L1.81331%208.05333C0.639975%208.14667%200.159975%209.61333%201.05331%2010.3867L5.94664%2014.6267L4.47998%2020.92C4.21331%2022.0667%205.45331%2022.9733%206.46664%2022.36L12%2019.0267L17.5333%2022.3733C18.5466%2022.9867%2019.7866%2022.08%2019.52%2020.9333L18.0533%2014.6267L22.9466%2010.3867C23.84%209.61333%2023.3733%208.14667%2022.2%208.05333ZM12%2016.5333L6.98664%2019.56L8.31998%2013.8533L3.89331%2010.0133L9.73331%209.50667L12%204.13333L14.28%209.52L20.12%2010.0267L15.6933%2013.8667L17.0266%2019.5733L12%2016.5333Z%22%20fill%3D%22%23E27730%22%2F%3E%3C%2Fsvg%3E);--formie-survey-rating-star-filled:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2023%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%2019.0267L17.5333%2022.3733C18.5466%2022.9867%2019.7866%2022.08%2019.52%2020.9333L18.0533%2014.64L22.9466%2010.4C23.84%209.62667%2023.36%208.16%2022.1866%208.06667L15.7466%207.52L13.2266%201.57334C12.7733%200.493336%2011.2266%200.493336%2010.7733%201.57334L8.25331%207.50667L1.81331%208.05334C0.639975%208.14667%200.159975%209.61334%201.05331%2010.3867L5.94664%2014.6267L4.47997%2020.92C4.21331%2022.0667%205.45331%2022.9733%206.46664%2022.36L12%2019.0267Z%22%20fill%3D%22%23E27730%22%2F%3E%3C%2Fsvg%3E);flex-wrap:nowrap;align-items:center;gap:0;display:inline-flex}.formie-rating-option{cursor:pointer;align-items:center;gap:0;margin:0;position:relative}.formie-rating-input{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.formie-rating-option-label{cursor:pointer;padding-inline:calc(var(--formie-survey-rating-star-spacing,var(--formie-space-1)) / 2);display:inline-flex}.formie-rating-star{width:var(--formie-survey-rating-star-size,26px);height:var(--formie-survey-rating-star-size,26px);background:50%/contain no-repeat;background-image:var(--formie-survey-rating-star-outline);display:block}.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"1\"] .formie-rating-option:nth-child(-n+1) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"2\"] .formie-rating-option:nth-child(-n+2) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"3\"] .formie-rating-option:nth-child(-n+3) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"4\"] .formie-rating-option:nth-child(-n+4) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"5\"] .formie-rating-option:nth-child(-n+5) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"6\"] .formie-rating-option:nth-child(-n+6) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"7\"] .formie-rating-option:nth-child(-n+7) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"8\"] .formie-rating-option:nth-child(-n+8) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"9\"] .formie-rating-option:nth-child(-n+9) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"10\"] .formie-rating-option:nth-child(-n+10) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"1\"] .formie-rating-option:nth-child(-n+1) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"2\"] .formie-rating-option:nth-child(-n+2) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"3\"] .formie-rating-option:nth-child(-n+3) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"4\"] .formie-rating-option:nth-child(-n+4) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"5\"] .formie-rating-option:nth-child(-n+5) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"6\"] .formie-rating-option:nth-child(-n+6) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"7\"] .formie-rating-option:nth-child(-n+7) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"8\"] .formie-rating-option:nth-child(-n+8) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"9\"] .formie-rating-option:nth-child(-n+9) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"10\"] .formie-rating-option:nth-child(-n+10) .formie-rating-star{background-image:var(--formie-survey-rating-star-filled)}.formie-rating-input:focus-visible+.formie-rating-option-label .formie-rating-star{outline:2px solid var(--formie-color-focus-ring);outline-offset:2px}}";
|
|
3
|
-
//#endregion
|
|
4
|
-
export { e as t };
|