@neovici/cosmoz-form 3.5.0 → 4.1.0

package/dist/render/styles.js

@@ -2,15 +2,17 @@ import { tagged as css } from '@neovici/cosmoz-utils';
 export const styles = css `
 	.headers {
 		display: flex;
-		border-bottom: solid 1px #ccc;
-		font-weight: 400;
-		font-size: 16px;
-		padding: 10px 0 10px 0;
+		border-bottom: solid 1px var(--cz-color-border-primary);
+		font-size: var(--cz-text-base);
+		line-height: var(--cz-text-base-line-height);
+		font-weight: var(--cz-font-weight-regular);
+		color: var(--cz-color-text-secondary);
+		padding-block: calc(var(--cz-spacing) * 2.5);
 		width: 100%;
 	}
 	.header {
 		flex: auto;
-		margin: 0 4px;
+		margin-inline: var(--cz-spacing);
 		flex: 1 1 0px;
 	}
 	.items {
@@ -28,44 +30,25 @@ export const styles = css `
 		flex: 1 1 0px;
 	}
 	.item > .input {
-		margin: 0 4px;
-	}
-	.item cosmoz-input::part(error),
-	.item cosmoz-autocomplete::part(input-error) {
-		position: static;
-		margin-bottom: -10px;
+		margin: var(--cz-spacing);
 	}
+
 	.input-basic {
-		font-size: 16px;
-		line-height: 24px;
-		border-bottom: 2px solid var(--secondary-text-color, #737373);
-		margin: 8px 4px;
+		font-size: var(--cz-text-base);
+		line-height: var(--cz-text-base-line-height);
+		border-bottom: 2px solid var(--cz-color-border-primary);
+		margin: var(--cz-spacing);
 	}
-	.remove {
-		display: inline-flex;
+	cosmoz-button {
+		margin-inline: var(--cz-spacing);
 		align-items: center;
-		justify-content: center;
-		background: none;
-		border: none;
-		outline: none;
-		cursor: pointer;
-		width: 24px;
-		height: 24px;
-		align-self: center;
-		flex: none;
-		margin: 0 8px;
-		padding: 0;
-	}
-	.remove[disabled] {
-		opacity: 0;
-		pointer-events: none;
 	}
 	/* Empty stand-in matching the remove button's footprint, so rows without a
 	   remove button (the header row and the add row) keep their columns aligned
 	   with the removable rows. */
 	.remove-placeholder {
 		flex: none;
-		width: 24px;
+		width: 36px;
 		margin: 0 8px;
 	}
 `;

package/dist/styles/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":";AAEA,wBAkGE"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":";AAEA,wBAoFE"}

package/dist/styles/button.js

@@ -1,56 +1,42 @@
 import { tagged as css } from '@neovici/cosmoz-utils';
 export default css `
-	.button {
-		font-family: inherit;
-	}
-	.button:not([slot='bottom-bar-menu']),
 	.file::-webkit-file-upload-button,
 	.file::file-selector-button {
-		background: var(--cosmoz-button-bg-color, #101010);
-		color: var(--cosmoz-button-color, #fff);
+		background: var(--cz-color-bg-overlay);
+		color: var(--cz-color-text-on-brand);
 		box-sizing: border-box;
 		cursor: pointer;
 		outline: none;
 		flex: none;
 		border: none;
-		padding: 0 18px;
-		border-radius: 6px;
+		padding-inline: calc(var(--cz-spacing) * 4);
+		border-radius: var(--cz-radius-md);
 		min-height: 40px;
 		min-width: 78px;
 		font-family: inherit;
-		font-size: 14px;
-		font-weight: 500;
-		line-height: 40px;
+		font-size: var(--cz-text-sm);
+		line-height: var(--cz-text-sm-line-height);
+		font-weight: var(--cz-font-weight-medium);
 		text-overflow: ellipsis;
 		white-space: nowrap;
 	}
-	.button:not([slot='bottom-bar-menu']):hover,
-	.button:not([slot='bottom-bar-menu']):active,
+
 	.file::-webkit-file-upload-button:hover,
 	.file::file-selector-button:hover {
-		background: var(--cosmoz-button-hover-bg-color, #3a3f44);
-	}
-	.button[disabled],
-	.button:disabled {
-		opacity: var(--cosmoz-button-disabled-opacity, 0.15);
-		pointer-events: none;
-	}
-	.button:active {
-		background: hsl(
-			from var(--cosmoz-button-hover-bg-color, #3a3f44) h s calc(l + 10)
-		);
-	}
-	a.button {
-		text-decoration: none;
+		opacity: 0.8;
 	}
+
 	.buttons {
 		display: flex;
 		justify-content: flex-end;
-		padding: 8px 8px 8px 24px;
-	}
-	.buttons .button {
-		margin: 0 4px;
+		padding-block: calc(var(--cz-spacing) * 5.5);
+		gap: calc(var(--cz-spacing) * 2);
+
+		& cosmoz-button {
+			flex: 1;
+		}
 	}
+
 	.button-ricon {
 		border: none;
 		border-radius: 50%;

package/dist/test/form-dialog.test.d.ts

@@ -0,0 +1,2 @@
+import '../form-dialog/form-dialog.js';
+//# sourceMappingURL=form-dialog.test.d.ts.map

package/dist/test/form-dialog.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-dialog.test.d.ts","sourceRoot":"","sources":["../../src/test/form-dialog.test.ts"],"names":[],"mappings":"AAGA,OAAO,+BAA+B,CAAC"}

package/dist/test/form-dialog.test.js

@@ -0,0 +1,64 @@
+import { assert, fixture, waitUntil } from '@open-wc/testing';
+import { html } from 'lit-html';
+import '../form-dialog/form-dialog.js';
+// design tokens the alert-card chrome relies on; applied via inline style on
+// the host so they inherit into its shadow root (the app loads them globally)
+const tokenStyle = '--cz-color-bg-error: #fef3f2; --cz-color-border-error-subtle: #fda29b; --cz-radius-lg: 0.625rem; --cz-spacing: 0.25rem; --cz-color-text-error: #d92d20;';
+const LONG_ERROR = Array.from({ length: 8 }, (_, i) => `Row ${1078 + i}: Category 'Sheeeesh' is not valid.`).join(' ');
+const openFailingDialog = async (onSave) => {
+    const el = (await fixture(html `
+		<cosmoz-form-dialog
+			heading="Test"
+			style=${tokenStyle}
+			.fields=${[]}
+			.initial=${{}}
+			.onSave=${onSave}
+		></cosmoz-form-dialog>
+	`));
+    const root = el.shadowRoot;
+    const save = root.querySelector('.buttons .save');
+    assert.ok(save, 'save button rendered');
+    save.click();
+    await waitUntil(() => root.querySelector('.failure') != null);
+    return { el, root };
+};
+suite('cosmoz-form-dialog failure rendering', () => {
+    test('failure renders above the footer, not inside the buttons row', async () => {
+        const { root } = await openFailingDialog(() => Promise.reject(new Error('Short failure')));
+        const failure = root.querySelector('.failure'), buttons = root.querySelector('.buttons');
+        assert.include(failure.textContent ?? '', 'Short failure');
+        assert.isNull(buttons.querySelector('.failure'), 'footer must contain only buttons');
+        assert.isTrue(failure.compareDocumentPosition(buttons) ===
+            Node.DOCUMENT_POSITION_FOLLOWING, 'failure block precedes the footer');
+    });
+    test('long failure is capped and scrollable', async () => {
+        const { root } = await openFailingDialog(() => Promise.reject(new Error(LONG_ERROR)));
+        const failure = root.querySelector('.failure');
+        const style = getComputedStyle(failure);
+        assert.equal(style.overflowY, 'auto');
+        // 40vh resolves to a px value; assert it is a bounded, finite cap
+        assert.isTrue(style.maxHeight.endsWith('px'));
+        assert.isBelow(Number.parseFloat(style.maxHeight), 500);
+        assert.equal(style.whiteSpace, 'pre-wrap');
+    });
+    test('failure renders as an error alert card', async () => {
+        const { root } = await openFailingDialog(() => Promise.reject(new Error(LONG_ERROR)));
+        const style = getComputedStyle(root.querySelector('.failure'));
+        assert.notEqual(style.backgroundColor, 'rgba(0, 0, 0, 0)', 'has a tinted background');
+        assert.notEqual(style.borderWidth, '0px', 'has a border');
+        assert.notEqual(style.borderRadius, '0px', 'is rounded');
+    });
+    test('rich failure content (e.content) renders instead of the message', async () => {
+        const { root } = await openFailingDialog(() => {
+            const err = new Error('The file contains 3 errors');
+            err.content = html `
+				<div><b>The file contains 3 errors</b></div>
+				<div name="row-1">Row 1078: Category 'Sheeeesh' is not valid.</div>
+			`;
+            return Promise.reject(err);
+        });
+        const failure = root.querySelector('.failure');
+        assert.equal(failure.querySelector('b')?.textContent, 'The file contains 3 errors');
+        assert.include(failure.querySelector('[name="row-1"]')?.textContent ?? '', 'Row 1078: Category \'Sheeeesh\' is not valid.');
+    });
+});

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+import type { DatepickerMode } from '@neovici/cosmoz-datepicker';
 import { AutocompleteProps, CommonFieldProps, FileProps, TextareaProps } from '../inputs';
 import { DatepickerProps } from '../inputs/datepicker';
 import { ReadOnlyNumberProps } from '../inputs/read-only-number';
@@ -31,14 +32,14 @@ export type Codec<T extends object, K extends keyof T, V extends T[K], C extends
     Invoked<T, Field<T, K, V, C>, V, unknown, C>,
     Invoked<T, Field<T, K, V, C>, unknown, V, C>
 ];
-export interface Field<T extends object, K extends keyof T, V extends T[K] = T[K], C extends object = object> extends CommonFieldProps<T, K, V, C>, TextareaProps, AutocompleteProps<T, K, V, C>, FileProps<T, K, V>, DatepickerProps, ReadOnlyNumberProps {
+export interface Field<T extends object, K extends keyof T, V extends T[K] = T[K], C extends object = object> extends CommonFieldProps<T, K, V, C>, TextareaProps, Omit<AutocompleteProps<T, K, V, C>, 'mode'>, FileProps<T, K, V>, Omit<DatepickerProps, 'mode'>, ReadOnlyNumberProps {
+    mode?: 'select' | DatepickerMode;
     id: K;
     path?: keyof T;
     label?: Invokable<T, Field<T, K, V, C>, V, string, C>;
     description?: string;
     placeholder?: Invokable<T, Field<T, K, V, C>, V, string, C>;
     validate?: Validate<T, K, V, C>;
-    mandatory?: Invokable<T, Field<T, K, V, C>, V, boolean, C>;
     disabled?: Invokable<T, Field<T, K, V, C>, V, boolean, C>;
     hidden?: Invokable<T, Field<T, K, V, C>, V, boolean, C>;
     warning?: Invokable<T, Field<T, K, V, C>, V, Renderable, C>;

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,CAC5D,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KACP,CAAC,CAAC;AAEP,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IACxD,CAAC,GACD,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAE1B,MAAM,MAAM,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,EAAE,GAAG,EAAE,IAC/C,CAAC,GACD,WAAW,CAAC,CAAC,CAAC,GACd,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAExC,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,EAC/C,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,KACJ,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;AAEjC,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,EAC/C,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,KACJ,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;AAErC,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAC/B,MAAM,EAAE,CACP,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,EAChD,OAAO,CAAC,EAAE,OAAO,KACb,IAAI,EACT,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,KACL,IAAI,CAAC;AAEV,MAAM,MAAM,IAAI,CACf,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,EACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACd,CAAC,SAAS,MAAM,GAAG,MAAM,IACtB,CACH,KAAK,EAAE,CAAC,EACR,MAAM,CAAC,EAAE,CAAC,EACV,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACzB,OAAO,CAAC,EAAE,CAAC,KACP,KAAK,GAAG,MAAM,CAAC;AAEpB,MAAM,MAAM,MAAM,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,QAAQ,CACnB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,EACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACd,CAAC,SAAS,MAAM,GAAG,MAAM,IACtB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAE1C,MAAM,MAAM,UAAU,GACnB,IAAI,GACJ,SAAS,GACT;IAAE,QAAQ,IAAI,MAAM,CAAA;CAAE,GACtB,aAAa,CAAC,UAAU,CAAC,CAAC;AAE7B,MAAM,WAAW,UAAU,CAC1B,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,EACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACd,CAAC,SAAS,MAAM,GAAG,MAAM,CACxB,SAAQ,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACzB,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CACjB;AAGD,MAAM,WAAW,KAAK,CACrB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,EACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACd,CAAC,SAAS,MAAM,GAAG,MAAM;IAEzB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC;CAC3C;AAED,MAAM,MAAM,KAAK,CAChB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,EACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACd,CAAC,SAAS,MAAM,GAAG,MAAM,IACtB,SAAS;IACZ,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC5C,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,WAAW,KAAK,CACrB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,EACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACrB,CAAC,SAAS,MAAM,GAAG,MAAM,CAGzB,SACC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAC5B,aAAa,EACb,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAC7B,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAClB,eAAe,EACf,mBAAmB;IACpB,EAAE,EAAE,CAAC,CAAC;IACN,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAE3D,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;CAC1B;AAED,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,SAAS;KACzE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAChD,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;AAEb,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}

package/dist/use-async-form-core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-async-form-core.d.ts","sourceRoot":"","sources":["../src/use-async-form-core.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,cAAc,CAAC;AAE/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAU/C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAC3E,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,EACnB,YAAY,SAAS,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EACtD,OAAO;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAA;CAAE,KACpE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAqEvC,CAAC"}
+{"version":3,"file":"use-async-form-core.d.ts","sourceRoot":"","sources":["../src/use-async-form-core.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,cAAc,CAAC;AAE/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAU/C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAC3E,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,EACnB,YAAY,SAAS,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EACtD,OAAO;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAA;CAAE,KACpE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CA+EvC,CAAC"}

package/dist/use-async-form-core.js

@@ -27,9 +27,14 @@ export const useAsyncFormCore = (form, asyncRules, opts) => {
     // processing state is updated only on 0→1 and 1→0 transitions.
     const pendingCount = useRef(0);
     const [processing, setProcessing] = useState(false);
+    // Refs are initialized synchronously, so `.current` is defined for the
+    // lifetime of the hook; pion's Ref typing models lazy initialization.
+    const runners = runnersRef;
+    const prevDeps = prevDepsRef;
+    const pending = pendingCount;
     // Cleanup: cancel all in-flight rules on unmount
     useEffect(() => () => {
-        for (const runner of runnersRef.current.values())
+        for (const runner of runners.current.values())
             runner.cancel();
     }, []);
     // Dep-check + rule dispatch: runs after every values or context change
@@ -39,19 +44,19 @@ export const useAsyncFormCore = (form, asyncRules, opts) => {
         const context = form.context;
         for (const rule of asyncRules) {
             const [ruleFn, depsFn, runnerFactory = makeTakeLatestRunner] = rule;
-            if (!runnersRef.current.has(rule)) {
-                runnersRef.current.set(rule, runnerFactory());
+            if (!runners.current.has(rule)) {
+                runners.current.set(rule, runnerFactory());
             }
             const deps = depsFn(form.values, undefined, context);
-            const prev = prevDepsRef.current.get(rule);
+            const prev = prevDeps.current.get(rule);
             // Skip if deps unchanged (Object.is per element, same as applyRules)
             if (prev != null && !changed(deps, prev)) {
                 continue;
             }
-            prevDepsRef.current.set(rule, deps);
-            const runner = runnersRef.current.get(rule);
-            pendingCount.current++;
-            if (pendingCount.current === 1)
+            prevDeps.current.set(rule, deps);
+            const runner = runners.current.get(rule);
+            pending.current++;
+            if (pending.current === 1)
                 setProcessing(true);
             runner
                 .run(ruleFn, form.values, (patch) => form.onChange(patch, false), // intermediate: no touch
@@ -63,8 +68,8 @@ export const useAsyncFormCore = (form, asyncRules, opts) => {
             })
                 .catch((err) => onError(err, rule))
                 .finally(() => {
-                pendingCount.current--;
-                if (pendingCount.current === 0)
+                pending.current--;
+                if (pending.current === 0)
                     setProcessing(false);
             });
         }

package/dist/use-items/use-async-rules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-async-rules.d.ts","sourceRoot":"","sources":["../../src/use-items/use-async-rules.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,eAAe,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA6BhD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EACxE,OAAO,CAAC,EAAE,EACV,YAAY,SAAS,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EACtD,QAAQ,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjC,OAAO;IACN,OAAO,CAAC,EAAE,CAAC,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3E,KACC;IAAE,UAAU,EAAE,OAAO,CAAA;CA2EvB,CAAC"}
+{"version":3,"file":"use-async-rules.d.ts","sourceRoot":"","sources":["../../src/use-items/use-async-rules.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,eAAe,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA6BhD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EACxE,OAAO,CAAC,EAAE,EACV,YAAY,SAAS,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EACtD,QAAQ,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjC,OAAO;IACN,OAAO,CAAC,EAAE,CAAC,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3E,KACC;IAAE,UAAU,EAAE,OAAO,CAAA;CAiFvB,CAAC"}

package/dist/use-items/use-async-rules.js

@@ -5,11 +5,11 @@ const DEFAULT_ON_ERROR = (err) => {
     // eslint-disable-next-line no-console
     console.error('[cosmoz-form] async rule error:', err);
 };
-const ensureRuleTracking = (rule, runnersRef, prevDepsRef) => {
-    if (runnersRef.current.has(rule))
+const ensureRuleTracking = (rule, runners, prevDeps) => {
+    if (runners.current.has(rule))
         return;
-    runnersRef.current.set(rule, new Map());
-    prevDepsRef.current.set(rule, new Map());
+    runners.current.set(rule, new Map());
+    prevDeps.current.set(rule, new Map());
 };
 /**
  * Composes with useItemsCore / useItems to add async rules.
@@ -27,9 +27,14 @@ export const useAsyncRules = (items, asyncRules, update, opts) => {
     const [processing, setProcessing] = useState(false);
     const runnersRef = useRef(new Map());
     const prevDepsRef = useRef(new Map());
+    // Refs are initialized synchronously, so `.current` is defined for the
+    // lifetime of the hook; pion's Ref typing models lazy initialization.
+    const runners = runnersRef;
+    const prevDeps = prevDepsRef;
+    const pending = pendingCount;
     // Cleanup on unmount
     useEffect(() => () => {
-        for (const perItem of runnersRef.current.values()) {
+        for (const perItem of runners.current.values()) {
             for (const runner of perItem.values()) {
                 runner.cancel();
             }
@@ -42,21 +47,21 @@ export const useAsyncRules = (items, asyncRules, update, opts) => {
         }
         for (const rule of asyncRules) {
             const [ruleFn, depsFn, runnerFactory = makeTakeLatestRunner] = rule;
-            ensureRuleTracking(rule, runnersRef, prevDepsRef);
+            ensureRuleTracking(rule, runners, prevDeps);
             for (const [idx, item] of items.entries()) {
-                const runnersForRule = runnersRef.current.get(rule);
+                const runnersForRule = runners.current.get(rule);
                 if (!runnersForRule.has(idx)) {
                     runnersForRule.set(idx, runnerFactory());
                 }
                 const deps = depsFn(item, idx, context);
-                const prev = prevDepsRef.current.get(rule).get(idx);
+                const prev = prevDeps.current.get(rule).get(idx);
                 if (prev != null && !changed(deps, prev)) {
                     continue;
                 }
-                prevDepsRef.current.get(rule).set(idx, deps);
+                prevDeps.current.get(rule).set(idx, deps);
                 const runner = runnersForRule.get(idx);
-                pendingCount.current++;
-                if (pendingCount.current === 1)
+                pending.current++;
+                if (pending.current === 1)
                     setProcessing(true);
                 runner
                     .run(ruleFn, item, (patch) => update(idx, patch), // intermediate: no touch
@@ -68,8 +73,8 @@ export const useAsyncRules = (items, asyncRules, update, opts) => {
                 })
                     .catch((err) => onError(err, rule, idx))
                     .finally(() => {
-                    pendingCount.current--;
-                    if (pendingCount.current === 0)
+                    pending.current--;
+                    if (pending.current === 0)
                         setProcessing(false);
                 });
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-form",
-  "version": "3.5.0",
+  "version": "4.1.0",
   "description": "A pionjs component",
   "keywords": [
     "web-components",
@@ -50,16 +50,19 @@
   },
   "dependencies": {
     "@lit-labs/virtualizer": "^2.1.1",
-    "@neovici/cosmoz-autocomplete": "^10.10.4 || ^11.0.0 || ^12.0.0 || ^13.0.0",
+    "@neovici/cosmoz-autocomplete": "^14.0.0",
+    "@neovici/cosmoz-button": "^1.1.0",
     "@neovici/cosmoz-datepicker": "^1.0.3",
-    "@neovici/cosmoz-dialog": "^4.0.0 || ^5.0.0",
+    "@neovici/cosmoz-dialog": "^6.0.0",
+    "@neovici/cosmoz-dropdown": "^8.0.0",
     "@neovici/cosmoz-icons": "^1.4.0",
-    "@neovici/cosmoz-input": "^5.5.0",
+    "@neovici/cosmoz-input": "^6.0.0",
     "@neovici/cosmoz-spinner": "^1.0.2",
+    "@neovici/cosmoz-tokens": "^3.4.0",
     "@neovici/cosmoz-utils": "^6.22.0",
-    "@pionjs/pion": "^2.5.2",
+    "@pionjs/pion": "^2.13.0",
     "date-fns": "^4.1.0",
-    "i18next": ">=23.0.0 <27.0.0",
+    "i18next": "^26.4.2",
     "lit-html": "^3.3.1"
   },
   "devDependencies": {
@@ -70,7 +73,7 @@
     "@neovici/testing": "^2.0.0",
     "@open-wc/testing": "^4.0.0",
     "@open-wc/testing-helpers": "^3.0.1",
-    "@playwright/test": "1.60.0",
+    "@playwright/test": "^1.60.0",
     "@storybook/addon-docs": "^10.2.17",
     "@storybook/addon-links": "^10.2.17",
     "@storybook/web-components": "^10.2.17",
@@ -84,8 +87,5 @@
     "lint-staged": "^15.4.3",
     "sinon": "^19.0.0",
     "storybook": "^10.0.0"
-  },
-  "overrides": {
-    "conventional-changelog-conventionalcommits": ">= 8.0.0"
   }
 }

package/dist/controls/cz-toggle.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=cz-toggle.d.ts.map

package/dist/controls/cz-toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cz-toggle.d.ts","sourceRoot":"","sources":["../../src/controls/cz-toggle.ts"],"names":[],"mappings":""}

package/dist/controls/cz-toggle.js

@@ -1,40 +0,0 @@
-import { css, sheet } from '@neovici/cosmoz-utils';
-import { component, html, useCallback } from '@pionjs/pion';
-import { live } from 'lit-html/directives/live.js';
-import { when } from 'lit-html/directives/when.js';
-import toggleStyles from '../styles/toggle';
-const CzToggle = (host) => {
-    const { label, value, disabled, error } = host;
-    const onChange = useCallback((e) => host.dispatchEvent(new CustomEvent('change', {
-        detail: e.target.checked,
-    })), []);
-    return html `<input
-			id="toggle"
-			class="toggle"
-			part="toggle"
-			type="checkbox"
-			.checked=${live(!!value)}
-			?disabled=${disabled}
-			@change=${onChange}
-		/>
-		${when(label, () => html `<label for="toggle">${label}</label>`)}
-		<slot name="suffix"></slot>
-		${when(error, (error) => html `<div class="failure">${error}</div>`)} `;
-};
-const style = css `
-	${toggleStyles}
-
-	:host {
-		display: block;
-	}
-
-	:host > * {
-		vertical-align: middle;
-		line-height: 0px;
-	}
-
-	::slotted(*) {
-		margin-left: 5px;
-	}
-`;
-customElements.define('cz-toggle', component(CzToggle, { styleSheets: [sheet(style)] }));

package/dist/styles/toggle.d.ts

@@ -1,3 +0,0 @@
-declare const _default: string;
-export default _default;
-//# sourceMappingURL=toggle.d.ts.map

package/dist/styles/toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/styles/toggle.ts"],"names":[],"mappings":";AAEA,wBA4CE"}

package/dist/styles/toggle.js

@@ -1,46 +0,0 @@
-import { tagged as css } from '@neovici/cosmoz-utils';
-export default css `
-	.toggle {
-		appearance: none;
-		width: 35px;
-		height: 18px;
-		display: inline-block;
-		position: relative;
-		border-radius: 18px;
-		overflow: hidden;
-		outline: none;
-		border: none;
-		cursor: pointer;
-		background: var(--cz-toggle-color, #101010);
-		transition: background-color ease 0.25s;
-		margin: 0;
-	}
-	.toggle::before {
-		content: '';
-		display: block;
-		position: absolute;
-		z-index: 2;
-		width: 14px;
-		height: 14px;
-		background: var(--cz-toggle-thumb-color, #15b0d3);
-		left: 2px;
-		top: 2px;
-		border-radius: 50%;
-		transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.25s;
-	}
-	.toggle:checked {
-		background: var(--cz-toggle-checked-color, #66d7f0);
-	}
-	.toggle:checked::before {
-		left: 19px;
-	}
-	.toggle + label {
-		padding-left: 16px;
-		font-size: 14px;
-		line-height: 18px;
-		cursor: pointer;
-	}
-	.toggle[disabled] {
-		opacity: 0.6;
-	}
-`;