@kubex/zinc 1.1.61 → 1.1.63

package/src/components/toggle/toggle.test.ts

@@ -18,4 +18,33 @@ describe('<zn-toggle>', () => {
     expect(description.textContent).to.include('Receive an email when mentioned.');
     expect(label.nextElementSibling).to.equal(description);
   });
+
+  describe('form submission', () => {
+    it('should submit the value when checked', async () => {
+      const form = await fixture<HTMLFormElement>(html`
+        <form>
+          <zn-toggle name="feature" value="enabled" checked></zn-toggle>
+        </form>`);
+
+      expect(new FormData(form).get('feature')).to.equal('enabled');
+    });
+
+    it('should submit "off" when unchecked', async () => {
+      const form = await fixture<HTMLFormElement>(html`
+        <form>
+          <zn-toggle name="feature" value="enabled"></zn-toggle>
+        </form>`);
+
+      expect(new FormData(form).get('feature')).to.equal('off');
+    });
+
+    it('should submit the fallback value when unchecked', async () => {
+      const form = await fixture<HTMLFormElement>(html`
+        <form>
+          <zn-toggle name="feature" value="enabled" fallback="disabled"></zn-toggle>
+        </form>`);
+
+      expect(new FormData(form).get('feature')).to.equal('disabled');
+    });
+  });
 });

package/src/events/zn-error.ts

@@ -1,4 +1,4 @@
-export type ZnErrorEvent = CustomEvent<{ status?: number }>;
+export type ZnErrorEvent = CustomEvent<{ status?: number; message?: string }>;
 
 declare global {
   interface GlobalEventHandlersEventMap {

package/src/zinc.ts

@@ -109,6 +109,7 @@ export { default as FlowBranchConditions } from './components/flow-builder/modul
 export { default as PageBuilder } from './components/page-builder';
 export { default as PagePaletteItem } from './components/page-builder/modules/page-palette-item';
 export { default as PageSectionCard } from './components/page-builder/modules/page-section-card';
+export { default as PreviewFrame } from './components/preview-frame';
 /* plop:component */
 
 // Base Component