@fieldia/widgets 0.2.0 → 0.4.0

package/src/lib/numbers.d.mts

@@ -0,0 +1,8 @@
+import type { Locale } from '@fieldia/core';
+/** A number at rest: "1,850,000.50", "1.850.000,50". */
+export declare function formatNumber(value: number, decimals: number, locale?: Locale): string;
+/**
+ * Typed text as a number in JavaScript's own spelling ("1234.5"), or the text
+ * unchanged when it is not one. Arabic-Indic digits are read as digits.
+ */
+export declare function normalizeNumber(text: string, locale?: Locale): string;

package/src/lib/numbers.d.ts

@@ -0,0 +1,8 @@
+import type { Locale } from '@fieldia/core';
+/** A number at rest: "1,850,000.50", "1.850.000,50". */
+export declare function formatNumber(value: number, decimals: number, locale?: Locale): string;
+/**
+ * Typed text as a number in JavaScript's own spelling ("1234.5"), or the text
+ * unchanged when it is not one. Arabic-Indic digits are read as digits.
+ */
+export declare function normalizeNumber(text: string, locale?: Locale): string;

package/src/lib/numbers.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatNumber = formatNumber;
+exports.normalizeNumber = normalizeNumber;
+/**
+ * Numbers as a reader of the page's language writes them: grouped, with a
+ * field's decimals, in Latin digits (as business software in Arabic shows
+ * them), and read back the same way. Shared by the number widget, the lines
+ * grid and totals.
+ */
+const formats = new Map();
+function format(locale, decimals) {
+    const key = `${locale}:${decimals}`;
+    let found = formats.get(key);
+    if (!found) {
+        found = new Intl.NumberFormat(locale, { numberingSystem: 'latn', minimumFractionDigits: decimals, maximumFractionDigits: decimals });
+        formats.set(key, found);
+    }
+    return found;
+}
+/** The language's grouping and decimal marks. */
+function marks(locale) {
+    const parts = format(locale, 1).formatToParts(12345.6);
+    return { group: parts.find((p) => p.type === 'group')?.value ?? ',', decimal: parts.find((p) => p.type === 'decimal')?.value ?? '.' };
+}
+/** A number at rest: "1,850,000.50", "1.850.000,50". */
+function formatNumber(value, decimals, locale = 'en') {
+    return format(locale, decimals).format(value);
+}
+/**
+ * Typed text as a number in JavaScript's own spelling ("1234.5"), or the text
+ * unchanged when it is not one. Arabic-Indic digits are read as digits.
+ */
+function normalizeNumber(text, locale = 'en') {
+    const { group, decimal } = marks(locale);
+    let out = text
+        .replace(/[٠-٩]/g, (d) => String(d.charCodeAt(0) - 0x0660))
+        .replace(/[۰-۹]/g, (d) => String(d.charCodeAt(0) - 0x06f0))
+        .replace(/٫/g, decimal)
+        .replace(/٬/g, group);
+    // Spaces of any width group digits too (French uses a narrow no-break space).
+    out = out.replace(/[\s\u00a0\u202f]/g, '');
+    if (group.trim())
+        out = out.split(group).join('');
+    return decimal === '.' ? out : out.split(decimal).join('.');
+}
+//# sourceMappingURL=numbers.js.map

package/src/lib/numbers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbers.js","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/numbers.ts"],"names":[],"mappings":";;AA2BA,oCAEC;AAMD,0CAWC;AA5CD;;;;;GAKG;AAEH,MAAM,OAAO,GAAG,IAAI,GAAG,EAA6B,CAAC;AACrD,SAAS,MAAM,CAAC,MAAc,EAAE,QAAgB;IAC9C,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,QAAQ,EAAE,CAAC;IACpC,IAAI,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,KAAK,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,qBAAqB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,CAAC;QACrI,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,iDAAiD;AACjD,SAAS,KAAK,CAAC,MAAc;IAC3B,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACvD,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,EAAE,KAAK,IAAI,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,EAAE,KAAK,IAAI,GAAG,EAAE,CAAC;AACxI,CAAC;AAED,wDAAwD;AACxD,SAAgB,YAAY,CAAC,KAAa,EAAE,QAAgB,EAAE,SAAiB,IAAI;IACjF,OAAO,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChD,CAAC;AAED;;;GAGG;AACH,SAAgB,eAAe,CAAC,IAAY,EAAE,SAAiB,IAAI;IACjE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,GAAG,GAAG,IAAI;SACX,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;SAC1D,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;SAC1D,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACxB,8EAA8E;IAC9E,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAC3C,IAAI,KAAK,CAAC,IAAI,EAAE;QAAE,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAClD,OAAO,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC9D,CAAC"}

package/src/lib/numbers.mjs

@@ -0,0 +1,43 @@
+/**
+ * Numbers as a reader of the page's language writes them: grouped, with a
+ * field's decimals, in Latin digits (as business software in Arabic shows
+ * them), and read back the same way. Shared by the number widget, the lines
+ * grid and totals.
+ */
+const formats = new Map();
+function format(locale, decimals) {
+    const key = `${locale}:${decimals}`;
+    let found = formats.get(key);
+    if (!found) {
+        found = new Intl.NumberFormat(locale, { numberingSystem: 'latn', minimumFractionDigits: decimals, maximumFractionDigits: decimals });
+        formats.set(key, found);
+    }
+    return found;
+}
+/** The language's grouping and decimal marks. */
+function marks(locale) {
+    const parts = format(locale, 1).formatToParts(12345.6);
+    return { group: parts.find((p) => p.type === 'group')?.value ?? ',', decimal: parts.find((p) => p.type === 'decimal')?.value ?? '.' };
+}
+/** A number at rest: "1,850,000.50", "1.850.000,50". */
+export function formatNumber(value, decimals, locale = 'en') {
+    return format(locale, decimals).format(value);
+}
+/**
+ * Typed text as a number in JavaScript's own spelling ("1234.5"), or the text
+ * unchanged when it is not one. Arabic-Indic digits are read as digits.
+ */
+export function normalizeNumber(text, locale = 'en') {
+    const { group, decimal } = marks(locale);
+    let out = text
+        .replace(/[٠-٩]/g, (d) => String(d.charCodeAt(0) - 0x0660))
+        .replace(/[۰-۹]/g, (d) => String(d.charCodeAt(0) - 0x06f0))
+        .replace(/٫/g, decimal)
+        .replace(/٬/g, group);
+    // Spaces of any width group digits too (French uses a narrow no-break space).
+    out = out.replace(/[\s\u00a0\u202f]/g, '');
+    if (group.trim())
+        out = out.split(group).join('');
+    return decimal === '.' ? out : out.split(decimal).join('.');
+}
+//# sourceMappingURL=numbers.mjs.map

package/src/lib/numbers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbers.mjs","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/numbers.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,MAAM,OAAO,GAAG,IAAI,GAAG,EAA6B,CAAC;AACrD,SAAS,MAAM,CAAC,MAAc,EAAE,QAAgB;IAC9C,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,QAAQ,EAAE,CAAC;IACpC,IAAI,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,KAAK,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,qBAAqB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC,CAAC;QACrI,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,iDAAiD;AACjD,SAAS,KAAK,CAAC,MAAc;IAC3B,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACvD,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,EAAE,KAAK,IAAI,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,EAAE,KAAK,IAAI,GAAG,EAAE,CAAC;AACxI,CAAC;AAED,wDAAwD;AACxD,MAAM,UAAU,YAAY,CAAC,KAAa,EAAE,QAAgB,EAAE,SAAiB,IAAI;IACjF,OAAO,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,IAAY,EAAE,SAAiB,IAAI;IACjE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,GAAG,GAAG,IAAI;SACX,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;SAC1D,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;SAC1D,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACxB,8EAA8E;IAC9E,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAC3C,IAAI,KAAK,CAAC,IAAI,EAAE;QAAE,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAClD,OAAO,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC9D,CAAC"}

package/src/lib/preferences.d.mts

@@ -0,0 +1,14 @@
+import type { JsonValue } from '@fieldia/core';
+/**
+ * Where a person's choices about how a page looks are kept between visits:
+ * a table's column widths, their order, which columns show. Never data, and
+ * never anything a page needs to work: a store that forgets is fine.
+ */
+export interface PreferenceStore {
+    get(key: string): JsonValue | null;
+    set(key: string, value: JsonValue): void;
+}
+/** Preferences in the browser's local storage, under `fieldia:`. A browser that refuses storage just forgets. */
+export declare function browserPreferences(storage?: Storage): PreferenceStore;
+/** Preferences that last as long as the page: for tests, and apps that keep nothing. */
+export declare function memoryPreferences(): PreferenceStore;

package/src/lib/preferences.d.ts

@@ -0,0 +1,14 @@
+import type { JsonValue } from '@fieldia/core';
+/**
+ * Where a person's choices about how a page looks are kept between visits:
+ * a table's column widths, their order, which columns show. Never data, and
+ * never anything a page needs to work: a store that forgets is fine.
+ */
+export interface PreferenceStore {
+    get(key: string): JsonValue | null;
+    set(key: string, value: JsonValue): void;
+}
+/** Preferences in the browser's local storage, under `fieldia:`. A browser that refuses storage just forgets. */
+export declare function browserPreferences(storage?: Storage): PreferenceStore;
+/** Preferences that last as long as the page: for tests, and apps that keep nothing. */
+export declare function memoryPreferences(): PreferenceStore;

package/src/lib/preferences.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.browserPreferences = browserPreferences;
+exports.memoryPreferences = memoryPreferences;
+/** Preferences in the browser's local storage, under `fieldia:`. A browser that refuses storage just forgets. */
+function browserPreferences(storage) {
+    const area = () => {
+        try {
+            return storage ?? globalThis.localStorage ?? null;
+        }
+        catch {
+            return null; // reading localStorage itself throws where site data is blocked
+        }
+    };
+    return {
+        get(key) {
+            try {
+                const text = area()?.getItem(`fieldia:${key}`);
+                return text == null ? null : JSON.parse(text);
+            }
+            catch {
+                return null;
+            }
+        },
+        set(key, value) {
+            try {
+                area()?.setItem(`fieldia:${key}`, JSON.stringify(value));
+            }
+            catch {
+                // Full, private or blocked: the choice lasts until the page closes.
+            }
+        },
+    };
+}
+/** Preferences that last as long as the page: for tests, and apps that keep nothing. */
+function memoryPreferences() {
+    const values = new Map();
+    return {
+        get: (key) => (values.has(key) ? structuredCloneSafe(values.get(key)) : null),
+        set: (key, value) => void values.set(key, structuredCloneSafe(value)),
+    };
+}
+const structuredCloneSafe = (value) => JSON.parse(JSON.stringify(value));
+//# sourceMappingURL=preferences.js.map

package/src/lib/preferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.js","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/preferences.ts"],"names":[],"mappings":";;AAaA,gDAyBC;AAGD,8CAMC;AAnCD,iHAAiH;AACjH,SAAgB,kBAAkB,CAAC,OAAiB;IAClD,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,IAAI,CAAC;YACH,OAAO,OAAO,IAAI,UAAU,CAAC,YAAY,IAAI,IAAI,CAAC;QACpD,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,CAAC,CAAC,gEAAgE;QAC/E,CAAC;IACH,CAAC,CAAC;IACF,OAAO;QACL,GAAG,CAAC,GAAG;YACL,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,IAAI,EAAE,EAAE,OAAO,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC;gBAC/C,OAAO,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAe,CAAC;YAC/D,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,GAAG,CAAC,GAAG,EAAE,KAAK;YACZ,IAAI,CAAC;gBACH,IAAI,EAAE,EAAE,OAAO,CAAC,WAAW,GAAG,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3D,CAAC;YAAC,MAAM,CAAC;gBACP,oEAAoE;YACtE,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AAED,wFAAwF;AACxF,SAAgB,iBAAiB;IAC/B,MAAM,MAAM,GAAG,IAAI,GAAG,EAAqB,CAAC;IAC5C,OAAO;QACL,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1F,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;KACtE,CAAC;AACJ,CAAC;AAED,MAAM,mBAAmB,GAAG,CAAC,KAAgB,EAAa,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAc,CAAC"}

package/src/lib/preferences.mjs

@@ -0,0 +1,40 @@
+/** Preferences in the browser's local storage, under `fieldia:`. A browser that refuses storage just forgets. */
+export function browserPreferences(storage) {
+    const area = () => {
+        try {
+            return storage ?? globalThis.localStorage ?? null;
+        }
+        catch {
+            return null; // reading localStorage itself throws where site data is blocked
+        }
+    };
+    return {
+        get(key) {
+            try {
+                const text = area()?.getItem(`fieldia:${key}`);
+                return text == null ? null : JSON.parse(text);
+            }
+            catch {
+                return null;
+            }
+        },
+        set(key, value) {
+            try {
+                area()?.setItem(`fieldia:${key}`, JSON.stringify(value));
+            }
+            catch {
+                // Full, private or blocked: the choice lasts until the page closes.
+            }
+        },
+    };
+}
+/** Preferences that last as long as the page: for tests, and apps that keep nothing. */
+export function memoryPreferences() {
+    const values = new Map();
+    return {
+        get: (key) => (values.has(key) ? structuredCloneSafe(values.get(key)) : null),
+        set: (key, value) => void values.set(key, structuredCloneSafe(value)),
+    };
+}
+const structuredCloneSafe = (value) => JSON.parse(JSON.stringify(value));
+//# sourceMappingURL=preferences.mjs.map

package/src/lib/preferences.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.mjs","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/preferences.ts"],"names":[],"mappings":"AAYA,iHAAiH;AACjH,MAAM,UAAU,kBAAkB,CAAC,OAAiB;IAClD,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,IAAI,CAAC;YACH,OAAO,OAAO,IAAI,UAAU,CAAC,YAAY,IAAI,IAAI,CAAC;QACpD,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,CAAC,CAAC,gEAAgE;QAC/E,CAAC;IACH,CAAC,CAAC;IACF,OAAO;QACL,GAAG,CAAC,GAAG;YACL,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,IAAI,EAAE,EAAE,OAAO,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC;gBAC/C,OAAO,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAe,CAAC;YAC/D,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,GAAG,CAAC,GAAG,EAAE,KAAK;YACZ,IAAI,CAAC;gBACH,IAAI,EAAE,EAAE,OAAO,CAAC,WAAW,GAAG,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3D,CAAC;YAAC,MAAM,CAAC;gBACP,oEAAoE;YACtE,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,iBAAiB;IAC/B,MAAM,MAAM,GAAG,IAAI,GAAG,EAAqB,CAAC;IAC5C,OAAO;QACL,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1F,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;KACtE,CAAC;AACJ,CAAC;AAED,MAAM,mBAAmB,GAAG,CAAC,KAAgB,EAAa,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAc,CAAC"}

package/src/lib/progress.d.mts

@@ -0,0 +1,2 @@
+import { type WidgetFactory } from './widgets.mjs';
+export declare const progressbarWidget: WidgetFactory;

package/src/lib/progress.d.ts

@@ -0,0 +1,2 @@
+import { type WidgetFactory } from './widgets';
+export declare const progressbarWidget: WidgetFactory;

package/src/lib/progress.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.progressbarWidget = void 0;
+const widgets_1 = require("./widgets");
+/**
+ * A number shown as a bar that fills towards a maximum, coloured by how far
+ * it has come: red under 30 %, yellow under 70 %, green from there. Options:
+ *
+ *   max        the maximum, 100 by default (min 0)
+ *   maxField   a number field that holds the maximum instead
+ *   color      "auto", or always "success", "warning", "danger" or "info"
+ *   showPercent  false to leave the percentage off the bar
+ *   editable   true for a box beside the bar to type the value in
+ */
+const percents = new Map();
+function percent(value, locale) {
+    let format = percents.get(locale);
+    if (!format) {
+        format = new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 0, numberingSystem: 'latn' });
+        percents.set(locale, format);
+    }
+    return format.format(value / 100);
+}
+const progressbarWidget = (context) => {
+    const { node, id, document, locale = 'en' } = context;
+    const options = node.options ?? {};
+    const min = typeof options['min'] === 'number' ? options['min'] : 0;
+    const fixedMax = typeof options['max'] === 'number' ? options['max'] : 100;
+    const maxField = typeof options['maxField'] === 'string' ? options['maxField'] : null;
+    const color = typeof options['color'] === 'string' ? options['color'] : 'auto';
+    const showPercent = options['showPercent'] !== false;
+    const bar = document.createElement('div');
+    bar.className = 'fd-progressbar';
+    bar.setAttribute('role', 'progressbar');
+    const fill = document.createElement('div');
+    fill.className = 'fd-progressbar-fill';
+    const text = document.createElement('span');
+    text.className = 'fd-progressbar-text';
+    bar.append(fill, text);
+    // Editable: the field's own number box takes the value; the bar beside it only shows it.
+    let box = null;
+    let element = bar;
+    if (options['editable'] === true) {
+        box = (0, widgets_1.createWidget)({ ...context, node: { ...node, widget: undefined } });
+        bar.setAttribute('aria-hidden', 'true');
+        element = document.createElement('div');
+        element.className = 'fd-progressbar-edit';
+        element.append(bar, box.element);
+    }
+    else {
+        bar.id = id;
+    }
+    return {
+        element,
+        focus: () => box?.focus(),
+        update(state) {
+            const value = typeof state.value === 'number' ? state.value : 0;
+            const max = maxField ? Number(state.values[maxField] ?? 0) : fixedMax;
+            const share = max > min ? Math.min(100, Math.max(0, ((value - min) / (max - min)) * 100)) : 0;
+            const rounded = Math.round(share * 10) / 10;
+            fill.style.width = `${rounded}%`;
+            bar.setAttribute('aria-valuenow', String(value));
+            bar.setAttribute('aria-valuemin', String(min));
+            bar.setAttribute('aria-valuemax', String(max));
+            bar.setAttribute('aria-valuetext', percent(share, locale));
+            text.textContent = showPercent ? percent(share, locale) : '';
+            bar.dataset['tone'] = color !== 'auto' ? color : share < 30 ? 'danger' : share < 70 ? 'warning' : 'success';
+            box?.update(state);
+        },
+    };
+};
+exports.progressbarWidget = progressbarWidget;
+//# sourceMappingURL=progress.js.map

package/src/lib/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/progress.ts"],"names":[],"mappings":"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"}

package/src/lib/progress.mjs

@@ -0,0 +1,69 @@
+import { createWidget } from './widgets.mjs';
+/**
+ * A number shown as a bar that fills towards a maximum, coloured by how far
+ * it has come: red under 30 %, yellow under 70 %, green from there. Options:
+ *
+ *   max        the maximum, 100 by default (min 0)
+ *   maxField   a number field that holds the maximum instead
+ *   color      "auto", or always "success", "warning", "danger" or "info"
+ *   showPercent  false to leave the percentage off the bar
+ *   editable   true for a box beside the bar to type the value in
+ */
+const percents = new Map();
+function percent(value, locale) {
+    let format = percents.get(locale);
+    if (!format) {
+        format = new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 0, numberingSystem: 'latn' });
+        percents.set(locale, format);
+    }
+    return format.format(value / 100);
+}
+export const progressbarWidget = (context) => {
+    const { node, id, document, locale = 'en' } = context;
+    const options = node.options ?? {};
+    const min = typeof options['min'] === 'number' ? options['min'] : 0;
+    const fixedMax = typeof options['max'] === 'number' ? options['max'] : 100;
+    const maxField = typeof options['maxField'] === 'string' ? options['maxField'] : null;
+    const color = typeof options['color'] === 'string' ? options['color'] : 'auto';
+    const showPercent = options['showPercent'] !== false;
+    const bar = document.createElement('div');
+    bar.className = 'fd-progressbar';
+    bar.setAttribute('role', 'progressbar');
+    const fill = document.createElement('div');
+    fill.className = 'fd-progressbar-fill';
+    const text = document.createElement('span');
+    text.className = 'fd-progressbar-text';
+    bar.append(fill, text);
+    // Editable: the field's own number box takes the value; the bar beside it only shows it.
+    let box = null;
+    let element = bar;
+    if (options['editable'] === true) {
+        box = createWidget({ ...context, node: { ...node, widget: undefined } });
+        bar.setAttribute('aria-hidden', 'true');
+        element = document.createElement('div');
+        element.className = 'fd-progressbar-edit';
+        element.append(bar, box.element);
+    }
+    else {
+        bar.id = id;
+    }
+    return {
+        element,
+        focus: () => box?.focus(),
+        update(state) {
+            const value = typeof state.value === 'number' ? state.value : 0;
+            const max = maxField ? Number(state.values[maxField] ?? 0) : fixedMax;
+            const share = max > min ? Math.min(100, Math.max(0, ((value - min) / (max - min)) * 100)) : 0;
+            const rounded = Math.round(share * 10) / 10;
+            fill.style.width = `${rounded}%`;
+            bar.setAttribute('aria-valuenow', String(value));
+            bar.setAttribute('aria-valuemin', String(min));
+            bar.setAttribute('aria-valuemax', String(max));
+            bar.setAttribute('aria-valuetext', percent(share, locale));
+            text.textContent = showPercent ? percent(share, locale) : '';
+            bar.dataset['tone'] = color !== 'auto' ? color : share < 30 ? 'danger' : share < 70 ? 'warning' : 'success';
+            box?.update(state);
+        },
+    };
+};
+//# sourceMappingURL=progress.mjs.map

package/src/lib/progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.mjs","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/progress.ts"],"names":[],"mappings":"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"}

package/src/lib/properties.d.mts

@@ -0,0 +1,2 @@
+import { type WidgetFactory } from './widgets.mjs';
+export declare const propertiesWidget: WidgetFactory;

package/src/lib/properties.d.ts

@@ -0,0 +1,2 @@
+import { type WidgetFactory } from './widgets';
+export declare const propertiesWidget: WidgetFactory;

package/src/lib/properties.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.propertiesWidget = void 0;
+const widgets_1 = require("./widgets");
+/**
+ * A properties field, one row per property, each edited with the widget for
+ * its type: text, numbers, yes/no, a choice, a date. The field's `definitions`
+ * say which properties there are; without them, each property is worked out
+ * from its value. The properties stay one value: an object by property name.
+ */
+/** "lift_access" → "Lift access". */
+const humanize = (name) => {
+    const words = name.replace(/_/g, ' ').trim();
+    return words.charAt(0).toUpperCase() + words.slice(1);
+};
+/** A property's type, from what it holds. */
+function guess(name, value) {
+    const label = humanize(name);
+    if (typeof value === 'boolean')
+        return { name, label, type: 'boolean' };
+    if (typeof value === 'number')
+        return { name, label, type: Number.isInteger(value) ? 'integer' : 'float' };
+    if (typeof value === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(value))
+        return { name, label, type: 'date' };
+    return { name, label, type: 'char' };
+}
+const propertiesWidget = (context) => {
+    const { form, name, field, node, id, document } = context;
+    const declared = field.type === 'properties' ? field.definitions : undefined;
+    const current = () => {
+        const value = form.getState().values[name];
+        return value && typeof value === 'object' && !Array.isArray(value) ? value : {};
+    };
+    // Each property's widget sees the properties as its record, and writes into them.
+    const properties = {
+        ...form,
+        getState: () => ({ ...form.getState(), values: current() }),
+        // Property values are plain JSON: text, numbers, yes/no, a choice, a date.
+        setValue: (property, value) => form.setValue(name, { ...current(), [property]: value }),
+    };
+    const element = document.createElement('div');
+    element.className = 'fd-properties';
+    element.setAttribute('role', 'group');
+    let rows = [];
+    let drawn = '';
+    function draw(definitions) {
+        for (const row of rows)
+            row.widget.destroy?.();
+        rows = definitions.map((definition) => {
+            const rowId = `${id}-${definition.name}`;
+            const propertyField = { type: definition.type, label: definition.label, ...(definition.options ? { options: definition.options } : {}) };
+            const propertyNode = { type: 'field', id: `${node.id}.${definition.name}`, field: definition.name };
+            const widget = (0, widgets_1.createWidget)({ ...context, form: properties, name: definition.name, field: propertyField, node: propertyNode, id: rowId });
+            return { definition, widget };
+        });
+        element.replaceChildren(...rows.map(({ definition, widget }) => {
+            const row = document.createElement('div');
+            row.className = 'fd-property';
+            row.dataset['type'] = definition.type;
+            const label = document.createElement('label');
+            label.htmlFor = `${id}-${definition.name}`;
+            label.textContent = definition.label;
+            row.append(label, widget.element);
+            return row;
+        }));
+    }
+    return {
+        element,
+        focus: () => rows[0]?.widget.focus(),
+        destroy: () => rows.forEach((row) => row.widget.destroy?.()),
+        update(state) {
+            const values = current();
+            const definitions = declared ?? Object.keys(values).map((key) => guess(key, values[key]));
+            const key = JSON.stringify(definitions);
+            if (key !== drawn) {
+                drawn = key;
+                draw(definitions);
+            }
+            for (const { definition, widget } of rows) {
+                widget.update({ value: values[definition.name] ?? null, values, readonly: state.readonly, required: false, invalid: false });
+            }
+        },
+    };
+};
+exports.propertiesWidget = propertiesWidget;
+//# sourceMappingURL=properties.js.map

package/src/lib/properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties.js","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/properties.ts"],"names":[],"mappings":"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"}

package/src/lib/properties.mjs

@@ -0,0 +1,82 @@
+import { createWidget } from './widgets.mjs';
+/**
+ * A properties field, one row per property, each edited with the widget for
+ * its type: text, numbers, yes/no, a choice, a date. The field's `definitions`
+ * say which properties there are; without them, each property is worked out
+ * from its value. The properties stay one value: an object by property name.
+ */
+/** "lift_access" → "Lift access". */
+const humanize = (name) => {
+    const words = name.replace(/_/g, ' ').trim();
+    return words.charAt(0).toUpperCase() + words.slice(1);
+};
+/** A property's type, from what it holds. */
+function guess(name, value) {
+    const label = humanize(name);
+    if (typeof value === 'boolean')
+        return { name, label, type: 'boolean' };
+    if (typeof value === 'number')
+        return { name, label, type: Number.isInteger(value) ? 'integer' : 'float' };
+    if (typeof value === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(value))
+        return { name, label, type: 'date' };
+    return { name, label, type: 'char' };
+}
+export const propertiesWidget = (context) => {
+    const { form, name, field, node, id, document } = context;
+    const declared = field.type === 'properties' ? field.definitions : undefined;
+    const current = () => {
+        const value = form.getState().values[name];
+        return value && typeof value === 'object' && !Array.isArray(value) ? value : {};
+    };
+    // Each property's widget sees the properties as its record, and writes into them.
+    const properties = {
+        ...form,
+        getState: () => ({ ...form.getState(), values: current() }),
+        // Property values are plain JSON: text, numbers, yes/no, a choice, a date.
+        setValue: (property, value) => form.setValue(name, { ...current(), [property]: value }),
+    };
+    const element = document.createElement('div');
+    element.className = 'fd-properties';
+    element.setAttribute('role', 'group');
+    let rows = [];
+    let drawn = '';
+    function draw(definitions) {
+        for (const row of rows)
+            row.widget.destroy?.();
+        rows = definitions.map((definition) => {
+            const rowId = `${id}-${definition.name}`;
+            const propertyField = { type: definition.type, label: definition.label, ...(definition.options ? { options: definition.options } : {}) };
+            const propertyNode = { type: 'field', id: `${node.id}.${definition.name}`, field: definition.name };
+            const widget = createWidget({ ...context, form: properties, name: definition.name, field: propertyField, node: propertyNode, id: rowId });
+            return { definition, widget };
+        });
+        element.replaceChildren(...rows.map(({ definition, widget }) => {
+            const row = document.createElement('div');
+            row.className = 'fd-property';
+            row.dataset['type'] = definition.type;
+            const label = document.createElement('label');
+            label.htmlFor = `${id}-${definition.name}`;
+            label.textContent = definition.label;
+            row.append(label, widget.element);
+            return row;
+        }));
+    }
+    return {
+        element,
+        focus: () => rows[0]?.widget.focus(),
+        destroy: () => rows.forEach((row) => row.widget.destroy?.()),
+        update(state) {
+            const values = current();
+            const definitions = declared ?? Object.keys(values).map((key) => guess(key, values[key]));
+            const key = JSON.stringify(definitions);
+            if (key !== drawn) {
+                drawn = key;
+                draw(definitions);
+            }
+            for (const { definition, widget } of rows) {
+                widget.update({ value: values[definition.name] ?? null, values, readonly: state.readonly, required: false, invalid: false });
+            }
+        },
+    };
+};
+//# sourceMappingURL=properties.mjs.map

package/src/lib/properties.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties.mjs","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/properties.ts"],"names":[],"mappings":"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"}

package/src/lib/relations.d.mts

@@ -1,6 +1,13 @@
 import type { WidgetFactory } from './widgets.mjs';
 export declare const many2oneWidget: WidgetFactory;
 export declare const tagsWidget: WidgetFactory;
+/**
+ * Free-text tags on a text field, kept as "oak, glass": Enter or a comma adds
+ * what was typed, Backspace in an empty box takes the last one away, and the
+ * node's `options.suggestions` are offered as you type. `options.separator`
+ * is "," unless set.
+ */
+export declare const charTagsWidget: WidgetFactory;
 /** Every record as a checkbox. For short lists: it loads up to 50. */
 export declare const linkCheckboxesWidget: WidgetFactory;
 export declare const referenceWidget: WidgetFactory;