@verbb/formie-browser 1.0.7 → 1.0.8

package/dist/js/contracts/schema.d.ts

@@ -40,6 +40,10 @@ export type FormRedirect = {
     url: string;
     target?: 'same-tab' | 'new-tab';
 };
+export type FormClientEvent = {
+    event: string;
+    payload: Record<string, string>;
+};
 export type FormSubmitResult = {
     ok: boolean;
     action?: FormAction;
@@ -55,6 +59,7 @@ export type FormSubmitResult = {
     } | null;
     redirect?: FormRedirect | null;
     submitData?: unknown[];
+    clientEvents?: FormClientEvent[];
     meta?: Record<string, unknown>;
 };
 export type FormEndpointPayload = {

package/dist/js/contracts/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/js/contracts/schema.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/js/contracts/schema.ts"],"names":[],"mappings":"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"}

package/dist/js/core/create-formie-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-formie-client.d.ts","sourceRoot":"","sources":["../../../src/js/core/create-formie-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,YAAY,EAGf,MAAM,mBAAmB,CAAC;AAs1B3B,wBAAgB,kBAAkB,IAAI,YAAY,CA4rBjD"}
+{"version":3,"file":"create-formie-client.d.ts","sourceRoot":"","sources":["../../../src/js/core/create-formie-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,YAAY,EAGf,MAAM,mBAAmB,CAAC;AAs1B3B,wBAAgB,kBAAkB,IAAI,YAAY,CAysBjD"}

package/dist/js/core/page-client-event.d.ts

@@ -1,9 +1,13 @@
+export type ResolvedClientEvent = {
+    event: string;
+    payload: Record<string, string>;
+};
 export declare function resolveSubmittedPageId(form: HTMLFormElement): string | null;
+export declare function dispatchResolvedClientEvents(form: HTMLFormElement, events: ResolvedClientEvent[]): void;
+export declare function dispatchPendingClientEventsFromForm(form: HTMLFormElement): void;
 /**
- * When the builder enables JavaScript events for a page, the theme emits
- * `data-formie-client-event` on that page's section. On each successful
- * **submit** (not back/save), push the configured key/value object to
- * `window.dataLayer` (when present) and dispatch `formie:client-event`.
+ * Legacy static page attribute dispatch. Prefer server-resolved `clientEvents`
+ * from the submit response when available.
  */
 export declare function dispatchPageClientEventForSubmit(form: HTMLFormElement, action: string): void;
 //# sourceMappingURL=page-client-event.d.ts.map

package/dist/js/core/page-client-event.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-client-event.d.ts","sourceRoot":"","sources":["../../../src/js/core/page-client-event.ts"],"names":[],"mappings":"AAkBA,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI,CAkB3E;AAoCD;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAkD5F"}
+{"version":3,"file":"page-client-event.d.ts","sourceRoot":"","sources":["../../../src/js/core/page-client-event.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC,CAAC;AAUF,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI,CAkB3E;AA+DD,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAwBvG;AAED,wBAAgB,mCAAmC,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAmB/E;AAED;;;GAGG;AACH,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAwC5F"}

package/dist/js/core/submit-result-state.d.ts.map

@@ -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,CAwD9E;AAkKD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,CAkGhH"}
+{"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,CAwD9E;AAkKD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,CAsGhH"}

package/dist/js/modules/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CAuB3F,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CA0B3F,CAAC"}

package/dist/js/modules/fields/summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"summary.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/summary.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAkPjE,eAAO,MAAM,aAAa,EAAE,sBA2B3B,CAAC"}
+{"version":3,"file":"summary.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/summary.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAgQjE,eAAO,MAAM,aAAa,EAAE,sBA2B3B,CAAC"}

package/dist/js/modules/fields/survey-likert.d.ts

@@ -0,0 +1,3 @@
+import type { FormieModuleDefinition } from '#contracts/modules';
+export declare const surveyLikertModule: FormieModuleDefinition;
+//# sourceMappingURL=survey-likert.d.ts.map

package/dist/js/modules/fields/survey-likert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"survey-likert.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/survey-likert.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAUjE,eAAO,MAAM,kBAAkB,EAAE,sBAqChC,CAAC"}

package/dist/js/modules/fields/survey-rank.d.ts

@@ -0,0 +1,3 @@
+import type { FormieModuleDefinition } from '#contracts/modules';
+export declare const surveyRankModule: FormieModuleDefinition;
+//# sourceMappingURL=survey-rank.d.ts.map

package/dist/js/modules/fields/survey-rank.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"survey-rank.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/survey-rank.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAkVjE,eAAO,MAAM,gBAAgB,EAAE,sBA4C9B,CAAC"}

package/dist/js/modules/fields/survey-rating.d.ts

@@ -0,0 +1,3 @@
+import type { FormieModuleDefinition } from '#contracts/modules';
+export declare const surveyRatingModule: FormieModuleDefinition;
+//# sourceMappingURL=survey-rating.d.ts.map

package/dist/js/modules/fields/survey-rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"survey-rating.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/survey-rating.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAuIjE,eAAO,MAAM,kBAAkB,EAAE,sBA4ChC,CAAC"}

package/dist/js/transport/forms-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"forms-api.d.ts","sourceRoot":"","sources":["../../../src/js/transport/forms-api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAmH/E,wBAAsB,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAkB/I;AAED,wBAAsB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAsCtJ;AAED,wBAAsB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC,CAmB7I;AAED,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC,CA2CD;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,GAAG,IAAI,CA0CrF;AAED,wBAAsB,UAAU,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAwDrG"}
+{"version":3,"file":"forms-api.d.ts","sourceRoot":"","sources":["../../../src/js/transport/forms-api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAoH/E,wBAAsB,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAkB/I;AAED,wBAAsB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAsCtJ;AAED,wBAAsB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC,CAmB7I;AAED,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC,CA2CD;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,GAAG,IAAI,CA0CrF;AAED,wBAAsB,UAAU,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAwDrG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verbb/formie-browser",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -70,7 +70,7 @@
     "@placekit/autocomplete-js": "^2.2.1",
     "@uppy/core": "^5.2.0",
     "@uppy/xhr-upload": "^5.2.0",
-    "@verbb/formie-core": "1.0.7",
+    "@verbb/formie-core": "1.0.8",
     "expression-language": "^2.5.4",
     "flatpickr": "^4.6.13",
     "friendly-challenge": "^0.9.19",

package/src/css/formie-theme.css

@@ -15,6 +15,7 @@
 @import "./theme/fields/_select.css";
 @import "./theme/fields/_combobox.css";
 @import "./theme/fields/_check-radio.css";
+@import "./theme/fields/_survey-presentations.css";
 @import "./theme/fields/_address.css";
 @import "./theme/fields/_address-state.css";
 @import "./theme/integrations/_payment-modal.css";

package/src/css/theme/fields/_survey-presentations.css

@@ -0,0 +1,396 @@
+@layer formie-theme {
+
+    .formie-likert-field-layout {
+        display: table;
+        width: 100%;
+        table-layout: fixed;
+        border-collapse: collapse;
+        border-spacing: 0;
+    }
+
+    .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;
+        padding: 0 0.35rem 0.5rem;
+        vertical-align: bottom;
+        font-size: var(--formie-survey-likert-column-label-font-size, 0.875rem);
+        line-height: 1.3;
+    }
+
+    [data-formie-field-control]:has(> [data-formie-likert-multiple-rows]) {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+    }
+
+    @media (min-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 {
+            min-width: var(--formie-survey-likert-column-min-width, 5.5rem);
+        }
+
+        .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;
+        padding: 0.65rem 0.75rem 0.65rem 0;
+        vertical-align: middle;
+        font-weight: var(--formie-font-weight-medium);
+    }
+
+    .formie-likert-row-label-header {
+        padding-bottom: 0.5rem;
+        font-weight: var(--formie-font-weight-normal);
+    }
+
+    .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 {
+        width: 1%;
+        white-space: nowrap;
+        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;
+        padding: 0.65rem 0.35rem;
+        background-color: var(--formie-survey-likert-option-background, var(--formie-color-surface-muted));
+    }
+
+    .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 {
+        padding-left: 0;
+        width: var(--formie-check-size);
+        height: var(--formie-check-size);
+        line-height: var(--formie-check-size);
+        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 (max-width: 39.999rem) {
+        [data-formie-field-control]:has(> [data-formie-likert-field-layout]) {
+            overflow-x: visible;
+        }
+
+        .formie-likert-field-layout {
+            display: block;
+            width: 100%;
+            table-layout: auto;
+            border-radius: 0;
+            background-color: transparent;
+            padding: 0;
+        }
+
+        .formie-likert-column-labels {
+            position: absolute;
+            width: 1px;
+            height: 1px;
+            margin: -1px;
+            padding: 0;
+            overflow: hidden;
+            clip: rect(0, 0, 0, 0);
+            clip-path: inset(50%);
+            white-space: nowrap;
+            border: 0;
+        }
+
+        .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 {
+            display: block;
+            width: 100%;
+        }
+
+        .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 {
+            display: block;
+            padding: var(--formie-space-2) 0;
+            text-align: left;
+            background-color: transparent;
+            border-radius: 0;
+            min-width: 0;
+        }
+
+        .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;
+            overflow: visible;
+            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);
+        }
+
+        .formie-likert-option .formie-likert-option-label-text {
+            display: inline;
+        }
+
+        .formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-row-label {
+            display: block;
+            width: 100%;
+            padding: 0 0 var(--formie-space-2);
+            font-weight: var(--formie-font-weight-medium);
+            background-color: transparent;
+            white-space: normal;
+        }
+
+        .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 {
+            border-radius: 0;
+        }
+
+        .formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-option:first-child {
+            border-radius: 0;
+        }
+
+        .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 {
+        list-style: none;
+        margin: var(--formie-space-1) 0 0;
+        padding: 0;
+        display: flex;
+        flex-direction: column;
+        flex-wrap: nowrap;
+        gap: var(--formie-survey-rank-list-gap, var(--formie-space-2));
+    }
+
+    .formie-rank-list[data-formie-rank-sorting="true"] {
+        user-select: none;
+    }
+
+    .formie-rank-item {
+        display: flex;
+        align-items: center;
+        gap: var(--formie-space-2);
+        margin: 0;
+        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;
+    }
+
+    .formie-rank-placeholder {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        border: 0;
+        background: transparent;
+    }
+
+    .formie-rank-handle {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 0.875rem;
+        height: 1.125rem;
+        padding: 0;
+        border: 0;
+        background: transparent;
+        color: var(--formie-survey-rank-handle-color, var(--formie-color-text-muted));
+        opacity: 0.6;
+        cursor: move;
+        flex-shrink: 0;
+        pointer-events: none;
+    }
+
+    .formie-rank-handle::before {
+        display: block;
+        width: 13px;
+        height: 0.875rem;
+        content: "";
+        background: currentColor;
+        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") center / contain no-repeat;
+    }
+
+    .formie-rank-option-label {
+        flex: 1 1 auto;
+        font-size: var(--formie-check-font-size);
+        line-height: var(--formie-check-line-height);
+    }
+
+    .formie-rank-input {
+        display: none;
+    }
+
+    .formie-rating-field-layout {
+        width: 100%;
+    }
+
+    .formie-rating-stars,
+    .formie-rating-field-layout .formie-rating-stars.formie-field-options {
+        display: inline-flex;
+        flex-wrap: nowrap;
+        align-items: center;
+        padding: var(--formie-space-2) 0;
+        gap: 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");
+    }
+
+    .formie-rating-option {
+        position: relative;
+        margin: 0;
+        gap: 0;
+        align-items: center;
+        cursor: pointer;
+    }
+
+    .formie-rating-input {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        margin: -1px;
+        padding: 0;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        clip-path: inset(50%);
+        white-space: nowrap;
+        border: 0;
+    }
+
+    .formie-rating-option-label {
+        display: inline-flex;
+        cursor: pointer;
+        padding-inline: calc(var(--formie-survey-rating-star-spacing, var(--formie-space-1)) / 2);
+    }
+
+    .formie-rating-star {
+        display: block;
+        width: var(--formie-survey-rating-star-size, 26px);
+        height: var(--formie-survey-rating-star-size, 26px);
+        background: center / contain no-repeat;
+        background-image: var(--formie-survey-rating-star-outline);
+    }
+
+    .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;
+    }
+}

package/src/js/contracts/schema.ts

@@ -43,6 +43,11 @@ export type FormRedirect = {
     target?: 'same-tab' | 'new-tab';
 };
 
+export type FormClientEvent = {
+    event: string;
+    payload: Record<string, string>;
+};
+
 export type FormSubmitResult = {
     ok: boolean;
     action?: FormAction;
@@ -56,6 +61,7 @@ export type FormSubmitResult = {
     nextPage?: { id: string } | null;
     redirect?: FormRedirect | null;
     submitData?: unknown[];
+    clientEvents?: FormClientEvent[];
     meta?: Record<string, unknown>;
 };
 

package/src/js/core/create-formie-client.ts

@@ -12,7 +12,7 @@ import type { FormEndpointPayload, FormModuleManifest, FormSubmitResult } from '
 import type { ThemeClassMap } from '#contracts/theme';
 import { dispatchFormieDomEvent } from '#core/dom-events';
 import { getErrorAriaLivePreference } from '#core/error-aria-live';
-import { dispatchPageClientEventForSubmit } from '#core/page-client-event';
+import { dispatchPageClientEventForSubmit, dispatchPendingClientEventsFromForm } from '#core/page-client-event';
 import { syncPageTabErrors } from '#core/page-tab-errors';
 import {
     enhanceServerRenderedFieldErrors,
@@ -1020,6 +1020,14 @@ export function createFormieClient(): FormieClient {
         if (form) {
             ensureFormStartedAt(form);
 
+            if (normalizedOptions.themeConfig && typeof normalizedOptions.themeConfig === 'object') {
+                form.setAttribute('data-formie-theme-config', JSON.stringify(normalizedOptions.themeConfig));
+            }
+
+            if (normalizedOptions.theme && normalizedOptions.theme !== 'formie') {
+                form.setAttribute('data-formie-frontend-theme', normalizedOptions.theme);
+            }
+
             if (renderPayload || normalizedOptions.endpoint || (target as HTMLElement).dataset.formieEndpoint) {
                 normalizeHeadlessManagedUrls(target, form, normalizedOptions);
             }
@@ -1249,6 +1257,11 @@ export function createFormieClient(): FormieClient {
             id,
             mode: normalizedOptions.mode as FormMode,
         });
+
+        if (form instanceof HTMLFormElement) {
+            dispatchPendingClientEventsFromForm(form);
+        }
+
         debug.log('Mount complete.', {
             id,
             target: getTargetDebugLabel(target),