@happyvertical/smrt-ui 0.57.19 → 0.57.21

package/dist/components/forms/numeric-keypad-logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-keypad-logic.d.ts","sourceRoot":"","sources":["../../../src/components/forms/numeric-keypad-logic.ts"],"names":[],"mappings":"AAUA,+BAA+B;AAC/B,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtB,gEAAgE;AAChE,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,uEAAuE;IACvE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gEAAgE;IAChE,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,2CAA2C;AAC3C,MAAM,WAAW,UAAU;IACzB,4DAA4D;IAC5D,WAAW,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,4DAA4D;AAC5D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAE3E,kCAAkC;AAClC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAIrC,yEAAyE;AACzE,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,QAAQ,SAAI,GACX,MAAM,CAMR;AAED,6EAA6E;AAC7E,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAM7D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EACvC,KAAK,EAAE,UAAU,GAChB,MAAM,CAeR;AASD,gFAAgF;AAChF,wBAAgB,QAAQ,CACtB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,UAAU,GAChB,MAAM,CAsBR;AAED,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAItD;AAED,qEAAqE;AACrE,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GACrC,aAAa,CAQf;AAED,2EAA2E;AAC3E,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAIzE;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GACf,MAAM,GAAG,IAAI,CAWf;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GAC/B,MAAM,GAAG,IAAI,CASf"}

package/dist/components/forms/numeric-keypad-logic.js

@@ -0,0 +1,157 @@
+/**
+ * Pure entry logic for `NumericKeypad` (smrt#3463): key press to next text,
+ * range validation, and typed text <-> integer minor units. Svelte-free and
+ * DOM-free so it unit-tests without rendering.
+ *
+ * Money never goes through a float: text converts to and from integer minor
+ * units with string arithmetic, so `0.1 + 0.2` style drift cannot appear.
+ */
+import { ISO_4217_MINOR_UNITS } from '../display/currency-metadata.js';
+/** Default longest typed text. */
+export const DEFAULT_MAX_LENGTH = 12;
+const TEXT_PATTERN = /^\d*(\.\d*)?$/;
+/** Minor-unit exponent of an ISO 4217 currency (USD 2, JPY 0, KWD 3). */
+export function minorUnitExponent(currency, fallback = 2) {
+    if (!currency)
+        return fallback;
+    const exponent = ISO_4217_MINOR_UNITS.get(currency.toUpperCase());
+    if (exponent === undefined)
+        return fallback;
+    // Funds and metals have no minor unit: whole units only.
+    return exponent === null ? 0 : exponent;
+}
+/** Map a hardware `KeyboardEvent.key` to a keypad key; `,` types a point. */
+export function keyFromKeyboard(key) {
+    if (/^[0-9]$/.test(key))
+        return { kind: 'digit', digit: key };
+    if (key === '.' || key === ',')
+        return { kind: 'decimal' };
+    if (key === 'Backspace')
+        return { kind: 'backspace' };
+    if (key === 'Delete')
+        return { kind: 'clear' };
+    return null;
+}
+/**
+ * Coerce an outside value (a bound string, a number, junk) to well-formed
+ * typed text under `rules`; anything unrepresentable becomes `''`.
+ */
+export function normalizeText(raw, rules) {
+    if (raw === null || raw === undefined)
+        return '';
+    let text = typeof raw === 'number' ? numberToPlainText(raw) : raw.trim();
+    if (text === '')
+        return '';
+    text = text.replace(',', '.');
+    if (!TEXT_PATTERN.test(text))
+        return '';
+    let [whole = '', fraction] = text.split('.');
+    whole = whole.replace(/^0+(?=\d)/, '');
+    if (whole === '' && fraction !== undefined)
+        whole = '0';
+    if (fraction === undefined || rules.maxDecimals <= 0) {
+        text = whole;
+    }
+    else {
+        text = `${whole}.${fraction.slice(0, rules.maxDecimals)}`;
+    }
+    return text.length > rules.maxLength ? '' : text;
+}
+function numberToPlainText(value) {
+    if (!Number.isFinite(value) || value < 0)
+        return '';
+    // Exponent forms ("1e21") are not typeable text.
+    const text = String(value);
+    return /e/i.test(text) ? '' : text;
+}
+/** The text after pressing `key`; the same string when the press is refused. */
+export function applyKey(text, key, rules) {
+    switch (key.kind) {
+        case 'clear':
+            return '';
+        case 'backspace':
+            return text.slice(0, -1);
+        case 'decimal': {
+            if (rules.maxDecimals <= 0 || text.includes('.'))
+                return text;
+            const next = text === '' ? '0.' : `${text}.`;
+            return next.length > rules.maxLength ? text : next;
+        }
+        case 'digit': {
+            if (!/^[0-9]$/.test(key.digit))
+                return text;
+            const point = text.indexOf('.');
+            if (point >= 0 && text.length - point - 1 >= rules.maxDecimals) {
+                return text;
+            }
+            // A lone leading zero is replaced, so "05" never exists.
+            const next = text === '0' ? key.digit : `${text}${key.digit}`;
+            return next.length > rules.maxLength ? text : next;
+        }
+    }
+}
+/** Number value of typed text, or `null` when empty. Display and range use only. */
+export function parseEntry(text) {
+    if (text === '' || text === '.')
+        return null;
+    const value = Number(text);
+    return Number.isFinite(value) ? value : null;
+}
+/** Check typed text against optional `min` / `max` (major units). */
+export function validateEntry(text, limits) {
+    if (text === '')
+        return 'empty';
+    if (!TEXT_PATTERN.test(text))
+        return 'invalid';
+    const value = parseEntry(text);
+    if (value === null)
+        return 'invalid';
+    if (limits.min !== undefined && value < limits.min)
+        return 'below';
+    if (limits.max !== undefined && value > limits.max)
+        return 'above';
+    return 'ok';
+}
+/** True when `text` is above `max`: the entry the "clamp" mode refuses. */
+export function exceedsMax(text, max) {
+    if (max === undefined)
+        return false;
+    const value = parseEntry(text);
+    return value !== null && value > max;
+}
+/**
+ * Typed text to integer minor units (`"12.5"` with exponent 2 is `1250`).
+ * `null` for empty or malformed text, more decimals than `exponent`, or a
+ * result beyond `Number.MAX_SAFE_INTEGER`.
+ */
+export function textToMinorUnits(text, exponent) {
+    if (!Number.isInteger(exponent) || exponent < 0)
+        return null;
+    if (text === '' || text === '.' || !TEXT_PATTERN.test(text))
+        return null;
+    const [whole = '', fraction = ''] = text.split('.');
+    if (fraction.length > exponent)
+        return null;
+    const digits = `${whole}${fraction.padEnd(exponent, '0')}`.replace(/^0+(?=\d)/, '');
+    const minor = Number(digits === '' ? '0' : digits);
+    return Number.isSafeInteger(minor) ? minor : null;
+}
+/**
+ * Integer minor units to typed text (`1250`, exponent 2 -> `"12.5"`). With
+ * `trim: false` the fraction is padded to `exponent` (`"12.50"`). `null` for a
+ * non-integer, negative, or unsafe amount.
+ */
+export function minorUnitsToText(minor, exponent, options = {}) {
+    if (!Number.isSafeInteger(minor) || minor < 0)
+        return null;
+    if (!Number.isInteger(exponent) || exponent < 0)
+        return null;
+    if (exponent === 0)
+        return String(minor);
+    const padded = String(minor).padStart(exponent + 1, '0');
+    const whole = padded.slice(0, -exponent);
+    let fraction = padded.slice(-exponent);
+    if (options.trim !== false)
+        fraction = fraction.replace(/0+$/, '');
+    return fraction === '' ? whole : `${whole}.${fraction}`;
+}

package/dist/components/forms/types.d.ts

@@ -52,6 +52,23 @@ export interface SignaturePadLabels {
     useSignature: string;
     committed: string;
 }
+/** Text overrides for `NumericKeypad`; defaults come from the `ui` i18n catalog. */
+export interface NumericKeypadLabels {
+    /** Accessible name of the keypad group. */
+    region: string;
+    /** Accessible name of the display line. */
+    display: string;
+    decimal: string;
+    backspace: string;
+    clear: string;
+    submit: string;
+    /** Template with `{min}`. */
+    belowMin: string;
+    /** Template with `{max}`. */
+    aboveMax: string;
+    /** The amount cannot be represented as safe integer minor units. */
+    invalidAmount: string;
+}
 /** A searchable relation target for the RelationInput component */
 export interface RelationOption {
     /** Record id; this is the value the form posts. */

package/dist/components/forms/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/forms/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,mEAAmE;AACnE,MAAM,WAAW,aAAa;IAC5B,wEAAwE;IACxE,IAAI,EAAE,IAAI,CAAC;IACX,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,iFAAiF;AACjF,MAAM,MAAM,kBAAkB,GAC1B,KAAK,GACL,UAAU,GACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,mBAAmB,GACnB,WAAW,GACX,aAAa,GACb,OAAO,GACP,UAAU,CAAC;AAEf,oFAAoF;AACpF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,gFAAgF;AAChF,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEjE,mFAAmF;AACnF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,mEAAmE;AACnE,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/forms/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,mEAAmE;AACnE,MAAM,WAAW,aAAa;IAC5B,wEAAwE;IACxE,IAAI,EAAE,IAAI,CAAC;IACX,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,iFAAiF;AACjF,MAAM,MAAM,kBAAkB,GAC1B,KAAK,GACL,UAAU,GACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,mBAAmB,GACnB,WAAW,GACX,aAAa,GACb,OAAO,GACP,UAAU,CAAC;AAEf,oFAAoF;AACpF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,gFAAgF;AAChF,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEjE,mFAAmF;AACnF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,oFAAoF;AACpF,MAAM,WAAW,mBAAmB;IAClC,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,mEAAmE;AACnE,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/i18n/strings.ui.d.ts

@@ -107,6 +107,29 @@ export declare const M: {
     readonly 'ui.signature_pad.clear': "ui.signature_pad.clear";
     readonly 'ui.signature_pad.use_signature': "ui.signature_pad.use_signature";
     readonly 'ui.signature_pad.committed': "ui.signature_pad.committed";
+    readonly 'ui.numeric_keypad.region': "ui.numeric_keypad.region";
+    readonly 'ui.numeric_keypad.display': "ui.numeric_keypad.display";
+    readonly 'ui.numeric_keypad.decimal': "ui.numeric_keypad.decimal";
+    readonly 'ui.numeric_keypad.backspace': "ui.numeric_keypad.backspace";
+    readonly 'ui.numeric_keypad.clear': "ui.numeric_keypad.clear";
+    readonly 'ui.numeric_keypad.submit': "ui.numeric_keypad.submit";
+    readonly 'ui.numeric_keypad.below_min': "ui.numeric_keypad.below_min";
+    readonly 'ui.numeric_keypad.above_max': "ui.numeric_keypad.above_max";
+    readonly 'ui.numeric_keypad.invalid_amount': "ui.numeric_keypad.invalid_amount";
+    readonly 'ui.document_viewer.region': "ui.document_viewer.region";
+    readonly 'ui.document_viewer.pages': "ui.document_viewer.pages";
+    readonly 'ui.document_viewer.zoom': "ui.document_viewer.zoom";
+    readonly 'ui.document_viewer.previous_page': "ui.document_viewer.previous_page";
+    readonly 'ui.document_viewer.next_page': "ui.document_viewer.next_page";
+    readonly 'ui.document_viewer.page_of': "ui.document_viewer.page_of";
+    readonly 'ui.document_viewer.page_label': "ui.document_viewer.page_label";
+    readonly 'ui.document_viewer.zoom_out': "ui.document_viewer.zoom_out";
+    readonly 'ui.document_viewer.zoom_in': "ui.document_viewer.zoom_in";
+    readonly 'ui.document_viewer.fit': "ui.document_viewer.fit";
+    readonly 'ui.document_viewer.loading': "ui.document_viewer.loading";
+    readonly 'ui.document_viewer.failed': "ui.document_viewer.failed";
+    readonly 'ui.document_viewer.retry': "ui.document_viewer.retry";
+    readonly 'ui.document_viewer.unsupported': "ui.document_viewer.unsupported";
     readonly 'ui.staged_control_review.region': "ui.staged_control_review.region";
     readonly 'ui.staged_control_review.heading': "ui.staged_control_review.heading";
     readonly 'ui.staged_control_review.description': "ui.staged_control_review.description";

package/dist/i18n/strings.ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"strings.ui.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.ui.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6KZ,CAAC"}
+{"version":3,"file":"strings.ui.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.ui.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2MZ,CAAC"}

package/dist/i18n/strings.ui.js

@@ -126,6 +126,31 @@ export const M = defineMessages({
     'ui.signature_pad.clear': 'Clear',
     'ui.signature_pad.use_signature': 'Use signature',
     'ui.signature_pad.committed': 'Signature attached.',
+    // forms/NumericKeypad.svelte
+    'ui.numeric_keypad.region': 'Number keypad',
+    'ui.numeric_keypad.display': 'Entered amount',
+    'ui.numeric_keypad.decimal': 'Decimal point',
+    'ui.numeric_keypad.backspace': 'Delete last character',
+    'ui.numeric_keypad.clear': 'Clear',
+    'ui.numeric_keypad.submit': 'Confirm',
+    'ui.numeric_keypad.below_min': 'Must be at least {min}.',
+    'ui.numeric_keypad.above_max': 'Must be at most {max}.',
+    'ui.numeric_keypad.invalid_amount': 'Enter an amount within the supported range.',
+    // display/DocumentViewer.svelte
+    'ui.document_viewer.region': 'Document',
+    'ui.document_viewer.pages': 'Pages',
+    'ui.document_viewer.zoom': 'Zoom',
+    'ui.document_viewer.previous_page': 'Previous page',
+    'ui.document_viewer.next_page': 'Next page',
+    'ui.document_viewer.page_of': 'Page {page} of {pages}',
+    'ui.document_viewer.page_label': '{label}, page {page}',
+    'ui.document_viewer.zoom_out': 'Zoom out',
+    'ui.document_viewer.zoom_in': 'Zoom in',
+    'ui.document_viewer.fit': 'Fit',
+    'ui.document_viewer.loading': 'Loading the document…',
+    'ui.document_viewer.failed': 'This document could not be opened. Check the network and try again.',
+    'ui.document_viewer.retry': 'Try again',
+    'ui.document_viewer.unsupported': 'This kind of file cannot be shown here. Use a PDF or a picture.',
     // forms/StagedControlReview.svelte
     'ui.staged_control_review.region': 'Review proposed changes',
     'ui.staged_control_review.heading': 'Proposed changes',

package/dist/svelte/playground/TouchToolsPreview.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+import DocumentViewer from '../../components/display/DocumentViewer.svelte';
+import NumericKeypad from '../../components/forms/NumericKeypad.svelte';
+import type { NumericKeypadDetail } from '../../components/forms/numeric-keypad-logic.js';
+
+let quantity = $state('');
+let amount = $state('');
+let lastMoney = $state<NumericKeypadDetail | null>(null);
+
+// A drawn sheet served from memory, so the preview needs no network or pdf.js.
+const sheet = `<svg xmlns="http://www.w3.org/2000/svg" width="800" height="1000" viewBox="0 0 800 1000"><rect width="800" height="1000" fill="#fff"/><rect x="40" y="40" width="720" height="920" fill="none" stroke="#111" stroke-width="4"/><text x="80" y="130" font-family="sans-serif" font-size="48" fill="#111">Sample shop print</text><path d="M80 220h640M80 300h440M80 380h560M80 460h300" stroke="#555" stroke-width="6"/></svg>`;
+const previewFetch: typeof fetch = async () =>
+  new Response(sheet, { headers: { 'content-type': 'image/svg+xml' } });
+</script>
+
+<div class="workbench">
+  <header>
+    <p class="eyebrow">Touch density</p>
+    <h4>Keypad and document viewer</h4>
+    <p>Every key and control is at least 4rem. Money is carried as integer minor units; the viewer reads through an injected fetch and never points an element at the API.</p>
+  </header>
+  <section>
+    <h5>Quantity</h5>
+    <NumericKeypad bind:value={quantity} min={1} max={500} unit="pcs" />
+  </section>
+  <section>
+    <h5>Money (USD)</h5>
+    <NumericKeypad bind:value={amount} mode="money" currency="USD" prefix="$" onChange={(detail) => (lastMoney = detail)} onSubmit={(detail) => (lastMoney = detail)} />
+    <p class="posted" role="status">{lastMoney?.minorUnits == null ? 'Type an amount.' : `${lastMoney.minorUnits} minor units`}</p>
+  </section>
+  <section>
+    <h5>Document</h5>
+    <DocumentViewer src="/preview/sheet.svg" mimeType="image/svg+xml" label="Sample shop print" fetch={previewFetch} />
+  </section>
+</div>
+
+<style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+  .workbench { display: grid; gap: var(--smrt-spacing-5); color: var(--smrt-color-on-surface); }
+  header, section { display: grid; gap: var(--smrt-spacing-3); min-width: 0; }
+  h4, h5, p { margin: 0; } h4 { font: var(--smrt-typography-headline-small-font); }
+  h5 { font: var(--smrt-typography-title-medium-font); }
+  header p:not(.eyebrow), .posted { color: var(--smrt-color-on-surface-variant); }
+  .eyebrow { color: var(--smrt-color-primary); font: var(--smrt-typography-label-small-font); letter-spacing: .1em; text-transform: uppercase; }
+}
+</style>

package/dist/svelte/playground/TouchToolsPreview.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const TouchToolsPreview: import("svelte").Component<Record<string, never>, {}, "">;
+type TouchToolsPreview = ReturnType<typeof TouchToolsPreview>;
+export default TouchToolsPreview;
+//# sourceMappingURL=TouchToolsPreview.svelte.d.ts.map

package/dist/svelte/playground/TouchToolsPreview.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchToolsPreview.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/playground/TouchToolsPreview.svelte.ts"],"names":[],"mappings":"AA+CA,QAAA,MAAM,iBAAiB,2DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/svelte/playground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../src/svelte/playground.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,wBAmHE"}
+{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../src/svelte/playground.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,wBA6HE"}

package/dist/svelte/playground.js

@@ -5,6 +5,7 @@ const loadFeedback = () => import('./playground/FeedbackPreview.svelte');
 const loadCollections = () => import('./playground/CollectionsPreview.svelte');
 const loadCalendar = () => import('./playground/CalendarPreview.svelte');
 const loadCapture = () => import('./playground/CapturePreview.svelte');
+const loadTouchTools = () => import('./playground/TouchToolsPreview.svelte');
 const loadPermissionPicker = () => import('./playground/PermissionPickerPreview.svelte');
 const loadStyleless = () => import('./playground/StylelessPreview.svelte');
 export default {
@@ -110,5 +111,14 @@ export default {
             tags: ['styling', 'styleless', 'layers', 'restyling'],
             modes: { mock: { label: 'Interactive' } },
         },
+        {
+            id: 'touch-tools',
+            title: 'Touch Keypad & Document Viewer',
+            description: 'Glove-sized number/money keypad with integer minor units, and a pinch-zoom document viewer that reads files through an injected fetch.',
+            loadComponent: loadTouchTools,
+            order: 11,
+            tags: ['forms', 'touch', 'keypad', 'money', 'pdf', 'viewer'],
+            modes: { mock: { label: 'Interactive' } },
+        },
     ],
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-ui",
-  "version": "0.57.19",
+  "version": "0.57.21",
   "smrtJsdoc": "strict",
   "description": "Domain-agnostic Svelte 5 UI runtime for SMRT: primitives, i18n client, theme system, and module UI registry",
   "type": "module",
@@ -24,6 +24,12 @@
       "import": "./dist/components/ui/index.js",
       "default": "./dist/components/ui/index.js"
     },
+    "./display": {
+      "types": "./dist/components/display/index.d.ts",
+      "svelte": "./dist/components/display/index.js",
+      "import": "./dist/components/display/index.js",
+      "default": "./dist/components/display/index.js"
+    },
     "./feedback": {
       "types": "./dist/components/feedback/index.d.ts",
       "svelte": "./dist/components/feedback/index.js",
@@ -164,17 +170,21 @@
     "access": "public"
   },
   "dependencies": {
-    "@happyvertical/smrt-types": "0.57.19",
+    "@happyvertical/smrt-types": "0.57.21",
     "esm-env": "^1.2.2"
   },
   "peerDependencies": {
     "@happyvertical/speech": ">=0.102.5",
+    "pdfjs-dist": ">=5.0.0",
     "svelte": "^5.57.0"
   },
   "peerDependenciesMeta": {
     "@happyvertical/speech": {
       "optional": true
     },
+    "pdfjs-dist": {
+      "optional": true
+    },
     "svelte": {
       "optional": true
     }
@@ -188,6 +198,7 @@
     "@testing-library/user-event": "^14.6.7",
     "@types/node": "24.13.6",
     "axe-core": "^4.13.0",
+    "pdfjs-dist": "^6.2.108",
     "svelte": "^5.57.1",
     "svelte-check": "^4.7.6",
     "typescript": "6.0.3",