@sectile/dom 0.2.0 → 0.2.1

package/dist/menu-button.d.ts

@@ -0,0 +1,10 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import { type MenuControl, type MenuControlOptions } from './internal/menu-control.js';
+export type MenuButtonOptions<ID extends StableID = StableID> = Omit<MenuControlOptions<ID>, 'kind'> & {
+    readonly trigger: HTMLElement;
+};
+export type MenuButtonConnection<ID extends StableID = StableID> = MenuControl<ID>;
+export declare function createMenuButton<ID extends StableID>(options: MenuButtonOptions<ID>): FacadeConnection<MenuButtonConnection<ID>>;
+export declare function tryCreateMenuButton<ID extends StableID>(options: MenuButtonOptions<ID>): Result<FacadeConnection<MenuButtonConnection<ID>>>;
+//# sourceMappingURL=menu-button.d.ts.map

package/dist/menu-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../src/menu-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAAC,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAAC,MAAM,MAAM,iBAAiB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,GAAG;IAAE,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAA;CAAE,CAAC;AAAC,MAAM,MAAM,oBAAoB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAAC,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,iBAAiB,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAEhgB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,iBAAiB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAC,CAE3I"}

package/dist/menu-button.js

@@ -0,0 +1,11 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { createMenuControl } from './internal/menu-control.js';
+export function createMenuButton(options) {
+    return unwrap(tryCreateMenuButton(options));
+}
+export function tryCreateMenuButton(options) {
+    return createFacadeConnection(options, (options) => tryCreateMenuButtonConnection(options));
+}
+function tryCreateMenuButtonConnection(options) { return createMenuControl({ ...options, kind: 'menu-button' }); }
+//# sourceMappingURL=menu-button.js.map

package/dist/menu-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.js","sourceRoot":"","sources":["../src/menu-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACS,OAAO,EAAE,iBAAiB,EAA6C,MAAM,4BAA4B,CAAC;AAA+N,MAAM,UAAU,gBAAgB,CAAsB,OAA8B;IACld,OAAO,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAsB,OAA8B;IACrF,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,6BAA6B,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9F,CAAC;AAED,SAAS,6BAA6B,CAAsB,OAA8B,IAAsC,OAAO,iBAAiB,CAAC,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC"}

package/dist/menu.d.ts

@@ -0,0 +1,10 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import { type MenuControl, type MenuControlOptions } from './internal/menu-control.js';
+export type MenuOptions<ID extends StableID = StableID> = Omit<MenuControlOptions<ID>, 'kind'>;
+export type MenuConnection<ID extends StableID = StableID> = MenuControl<ID>;
+export declare function createMenu<ID extends StableID>(options: MenuOptions<ID>): FacadeConnection<MenuConnection<ID>>;
+export type { MenuPolicies } from '@sectile/core/menu';
+export type { TreeNodeInput as MenuItemDefinition } from '@sectile/core/tree';
+export declare function tryCreateMenu<ID extends StableID>(options: MenuOptions<ID>): Result<FacadeConnection<MenuConnection<ID>>>;
+//# sourceMappingURL=menu.d.ts.map

package/dist/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../src/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAAC,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAAC,MAAM,MAAM,WAAW,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAAC,MAAM,MAAM,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAAC,wBAAgB,UAAU,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAE9b;AACD,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,YAAY,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE9E,wBAAgB,aAAa,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAEzH"}

package/dist/menu.js

@@ -0,0 +1,11 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { createMenuControl } from './internal/menu-control.js';
+export function createMenu(options) {
+    return unwrap(tryCreateMenu(options));
+}
+export function tryCreateMenu(options) {
+    return createFacadeConnection(options, (options) => tryCreateMenuConnection(options));
+}
+function tryCreateMenuConnection(options) { return createMenuControl({ ...options, kind: 'menu' }); }
+//# sourceMappingURL=menu.js.map

package/dist/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../src/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACS,OAAO,EAAE,iBAAiB,EAA6C,MAAM,4BAA4B,CAAC;AAA+K,MAAM,UAAU,UAAU,CAAsB,OAAwB;IACtZ,OAAO,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AACxC,CAAC;AAID,MAAM,UAAU,aAAa,CAAsB,OAAwB;IACzE,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;AACxF,CAAC;AAED,SAAS,uBAAuB,CAAsB,OAAwB,IAAgC,OAAO,iBAAiB,CAAC,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC"}

package/dist/menubar.d.ts

@@ -0,0 +1,8 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import { type MenuControl, type MenuControlOptions } from './internal/menu-control.js';
+export type MenubarOptions<ID extends StableID = StableID> = Omit<MenuControlOptions<ID>, 'kind'>;
+export type MenubarConnection<ID extends StableID = StableID> = MenuControl<ID>;
+export declare function createMenubar<ID extends StableID>(options: MenubarOptions<ID>): FacadeConnection<MenubarConnection<ID>>;
+export declare function tryCreateMenubar<ID extends StableID>(options: MenubarOptions<ID>): Result<FacadeConnection<MenubarConnection<ID>>>;
+//# sourceMappingURL=menubar.d.ts.map

package/dist/menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../src/menubar.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAAC,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAAC,MAAM,MAAM,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAAC,MAAM,MAAM,iBAAiB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAAC,wBAAgB,aAAa,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAE7c;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAElI"}

package/dist/menubar.js

@@ -0,0 +1,11 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { createMenuControl } from './internal/menu-control.js';
+export function createMenubar(options) {
+    return unwrap(tryCreateMenubar(options));
+}
+export function tryCreateMenubar(options) {
+    return createFacadeConnection(options, (options) => tryCreateMenubarConnection(options));
+}
+function tryCreateMenubarConnection(options) { return createMenuControl({ ...options, kind: 'menubar' }); }
+//# sourceMappingURL=menubar.js.map

package/dist/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../src/menubar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACS,OAAO,EAAE,iBAAiB,EAA6C,MAAM,4BAA4B,CAAC;AAAqL,MAAM,UAAU,aAAa,CAAsB,OAA2B;IACla,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAsB,OAA2B;IAC/E,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3F,CAAC;AAED,SAAS,0BAA0B,CAAsB,OAA2B,IAAmC,OAAO,iBAAiB,CAAC,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC"}

package/dist/month-picker.d.ts

@@ -0,0 +1,5 @@
+export { createDatePicker as createMonthPicker, tryCreateDatePicker as tryCreateMonthPicker, } from './date-picker.js';
+export type { DatePickerConnection as MonthPickerConnection, DatePickerControlledValues as MonthPickerControlledValues, DatePickerOptions as MonthPickerOptions, } from './date-picker.js';
+export { createDatePickerYear as createMonthPickerYear } from './date-picker.js';
+export type { DatePickerMonthValue as MonthPickerValue } from './date-picker.js';
+//# sourceMappingURL=month-picker.d.ts.map

package/dist/month-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-picker.d.ts","sourceRoot":"","sources":["../src/month-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,iBAAiB,EACrC,mBAAmB,IAAI,oBAAoB,GAC5C,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,oBAAoB,IAAI,qBAAqB,EAC7C,0BAA0B,IAAI,2BAA2B,EACzD,iBAAiB,IAAI,kBAAkB,GACxC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACjF,YAAY,EAAE,oBAAoB,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/month-picker.js

@@ -0,0 +1,3 @@
+export { createDatePicker as createMonthPicker, tryCreateDatePicker as tryCreateMonthPicker, } from './date-picker.js';
+export { createDatePickerYear as createMonthPickerYear } from './date-picker.js';
+//# sourceMappingURL=month-picker.js.map

package/dist/month-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-picker.js","sourceRoot":"","sources":["../src/month-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,iBAAiB,EACrC,mBAAmB,IAAI,oBAAoB,GAC5C,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/month-range-picker.d.ts

@@ -0,0 +1,4 @@
+export { createDateRangePicker as createMonthRangePicker, tryCreateDateRangePicker as tryCreateMonthRangePicker, } from './date-range-picker.js';
+export type { DateRangePickerConnection as MonthRangePickerConnection, DateRangePickerControlledValues as MonthRangePickerControlledValues, DateRangePickerOptions as MonthRangePickerOptions, } from './date-range-picker.js';
+export { createDatePickerYear as createMonthRangePickerYear } from './date-picker.js';
+//# sourceMappingURL=month-range-picker.d.ts.map

package/dist/month-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-range-picker.d.ts","sourceRoot":"","sources":["../src/month-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,IAAI,sBAAsB,EAC/C,wBAAwB,IAAI,yBAAyB,GACtD,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,yBAAyB,IAAI,0BAA0B,EACvD,+BAA+B,IAAI,gCAAgC,EACnE,sBAAsB,IAAI,uBAAuB,GAClD,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,oBAAoB,IAAI,0BAA0B,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/month-range-picker.js

@@ -0,0 +1,3 @@
+export { createDateRangePicker as createMonthRangePicker, tryCreateDateRangePicker as tryCreateMonthRangePicker, } from './date-range-picker.js';
+export { createDatePickerYear as createMonthRangePickerYear } from './date-picker.js';
+//# sourceMappingURL=month-range-picker.js.map

package/dist/month-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-range-picker.js","sourceRoot":"","sources":["../src/month-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,IAAI,sBAAsB,EAC/C,wBAAwB,IAAI,yBAAyB,GACtD,MAAM,wBAAwB,CAAC;AAMhC,OAAO,EAAE,oBAAoB,IAAI,0BAA0B,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/multi-thumb-slider.d.ts

@@ -0,0 +1,43 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import { type BoundedRangeInput, type QuantizedRange } from '@sectile/core/range';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type MultiThumbSliderEvent, type MultiThumbSliderPolicies, type MultiThumbSliderState } from '@sectile/core/multi-thumb-slider';
+export type { MultiThumbSliderPolicies } from '@sectile/core/multi-thumb-slider';
+export interface MultiThumbSliderOptions<ID extends StableID = StableID> extends BoundedRangeInput {
+    readonly root: HTMLElement;
+    readonly track?: HTMLElement;
+    readonly thumbs: readonly ID[];
+    readonly values?: readonly number[];
+    readonly defaultValues?: readonly number[];
+    readonly defaultHighlightedValue?: ID | null;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly policies?: MultiThumbSliderPolicies;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly label?: string;
+    readonly getThumbLabel?: (id: ID) => string;
+    readonly formatValue?: (value: string, id: ID) => string;
+    readonly onValuesChange?: (ticks: readonly number[]) => void;
+    readonly onUpdate?: () => void;
+}
+export type MultiThumbSliderThumbLabelResolver<ID extends StableID = StableID> = NonNullable<MultiThumbSliderOptions<ID>['getThumbLabel']>;
+export type MultiThumbSliderValueFormatter<ID extends StableID = StableID> = NonNullable<MultiThumbSliderOptions<ID>['formatValue']>;
+export type MultiThumbSliderValuesChangeHandler<ID extends StableID = StableID> = NonNullable<MultiThumbSliderOptions<ID>['onValuesChange']>;
+export type MultiThumbSliderUpdateHandler<ID extends StableID = StableID> = NonNullable<MultiThumbSliderOptions<ID>['onUpdate']>;
+export interface MultiThumbSliderControlledValues<ID extends StableID = StableID> {
+    readonly values: readonly number[];
+    readonly highlightedValue?: ID | null;
+}
+export interface MultiThumbSliderConnection<ID extends StableID = StableID> {
+    readonly range: QuantizedRange;
+    getSnapshot(): RevisionSnapshot<MultiThumbSliderState<ID>>;
+    getValues(): readonly string[];
+    syncControlledValues(values: MultiThumbSliderControlledValues<ID>): Result<RevisionSnapshot<MultiThumbSliderState<ID>>>;
+    setThumbAttributes(element: HTMLElement, id: ID): void;
+    handleEvent(event: MultiThumbSliderEvent<ID>): boolean;
+    disconnect(): void;
+}
+export declare function createMultiThumbSlider<ID extends StableID>(options: MultiThumbSliderOptions<ID>): FacadeConnection<MultiThumbSliderConnection<ID>>;
+export declare function tryCreateMultiThumbSlider<ID extends StableID>(options: MultiThumbSliderOptions<ID>): Result<FacadeConnection<MultiThumbSliderConnection<ID>>>;
+//# sourceMappingURL=multi-thumb-slider.d.ts.map

package/dist/multi-thumb-slider.d.ts.map

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

package/dist/multi-thumb-slider.js

@@ -0,0 +1,190 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { tryCreateBoundedRange } from '@sectile/core/range';
+import { tryCreateSequence } from '@sectile/core/sequence';
+import { applyMultiThumbSliderEvent, tryCreateMultiThumbSliderState } from '@sectile/core/multi-thumb-slider';
+import { createSemanticController } from './internal/semantic-controller.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+export function createMultiThumbSlider(options) {
+    return unwrap(tryCreateMultiThumbSlider(options));
+}
+export function tryCreateMultiThumbSlider(options) {
+    return createFacadeConnection(options, (options) => tryCreateMultiThumbSliderConnection(options));
+}
+function tryCreateMultiThumbSliderConnection(options) {
+    const thumbs = tryCreateSequence(options.thumbs);
+    if (!thumbs.ok)
+        return thumbs;
+    const range = tryCreateBoundedRange(options);
+    if (!range.ok)
+        return range;
+    const controlled = options.values !== undefined;
+    const runtime = createSemanticController({
+        initial: tryCreateMultiThumbSliderState(thumbs.value, range.value, options.values ?? options.defaultValues ?? options.thumbs.map(() => 0), options.defaultHighlightedValue ?? options.thumbs[0] ?? null, options.policies),
+        reducer: (state, event) => applyMultiThumbSliderEvent(thumbs.value, range.value, state, event, options.policies),
+        reconcile: (previous, proposed) => tryCreateMultiThumbSliderState(thumbs.value, range.value, controlled ? previous.ticks : proposed.ticks, proposed.cursor.current, options.policies),
+        notify: (previous, proposed) => {
+            if (previous.ticks.some((tick, index) => tick !== proposed.ticks[index]))
+                options.onValuesChange?.(proposed.ticks);
+        },
+        toEffect: (command) => command,
+        interaction: options,
+        interactionIntent: multiThumbIntent,
+    });
+    if (!runtime.ok)
+        return runtime;
+    return { ok: true, value: new DOMMultiThumbSlider(options, thumbs.value, range.value, runtime.value) };
+}
+class DOMMultiThumbSlider {
+    range;
+    #options;
+    #thumbs;
+    #runtime;
+    #elements = new Map();
+    #handleKeydown;
+    #handlePointer;
+    #handlePointerUp;
+    #handleFocus;
+    #draggingThumb = null;
+    constructor(options, thumbs, range, runtime) {
+        this.#options = options;
+        this.#thumbs = thumbs;
+        this.range = range;
+        this.#runtime = runtime;
+        this.#handleKeydown = (event) => {
+            const semantic = toMultiThumbSliderEvent(event);
+            if (semantic !== null && this.handleEvent(semantic))
+                event.preventDefault();
+        };
+        this.#handlePointer = (event) => {
+            const rect = (options.track ?? options.root).getBoundingClientRect();
+            const orientation = options.orientation ?? 'horizontal';
+            const extent = orientation === 'horizontal' ? rect.width : rect.height;
+            if (extent <= 0)
+                return;
+            const rawRatio = orientation === 'horizontal'
+                ? (event.clientX - rect.left) / rect.width
+                : (rect.bottom - event.clientY) / rect.height;
+            const ratio = Math.max(0, Math.min(1, rawRatio));
+            const tick = Math.round(ratio * range.count);
+            if (event.type === 'pointerdown') {
+                const id = this.#thumbForTarget(event.target) ?? this.#nearestThumb(tick);
+                if (id === null)
+                    return;
+                this.#draggingThumb = id;
+                (options.track ?? options.root).setPointerCapture?.(event.pointerId);
+                this.#elements.get(id)?.focus();
+            }
+            else if (this.#draggingThumb === null) {
+                return;
+            }
+            if (this.#draggingThumb !== null && this.handleEvent({ type: 'set-tick', id: this.#draggingThumb, tick }))
+                event.preventDefault();
+        };
+        this.#handlePointerUp = (event) => {
+            if (this.#draggingThumb === null)
+                return;
+            this.#draggingThumb = null;
+            (options.track ?? options.root).releasePointerCapture?.(event.pointerId);
+        };
+        this.#handleFocus = (event) => {
+            for (const [id, element] of this.#elements)
+                if (event.target === element) {
+                    this.handleEvent({ type: 'focus', id });
+                    return;
+                }
+        };
+        options.root.addEventListener('keydown', this.#handleKeydown);
+        options.root.addEventListener('focusin', this.#handleFocus);
+        (options.track ?? options.root).addEventListener('pointerdown', this.#handlePointer);
+        (options.track ?? options.root).addEventListener('pointermove', this.#handlePointer);
+        (options.track ?? options.root).addEventListener('pointerup', this.#handlePointerUp);
+        (options.track ?? options.root).addEventListener('pointercancel', this.#handlePointerUp);
+        options.root.setAttribute('role', 'group');
+        setInteractionAttributes(options.root, options);
+        if (options.label !== undefined)
+            options.root.setAttribute('aria-label', options.label);
+    }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    getValues() { return Object.freeze(this.getSnapshot().state.ticks.map((tick) => this.range.valueAt(tick))); }
+    syncControlledValues(values) {
+        if (this.#options.values === undefined)
+            return { ok: false, error: { class: 'construction', code: 'not-controlled', message: 'Only a controlled multi-thumb slider can be synchronized.' } };
+        const result = this.#runtime.replace(tryCreateMultiThumbSliderState(this.#thumbs, this.range, values.values, values.highlightedValue ?? this.getSnapshot().state.cursor.current, this.#options.policies));
+        if (result.ok)
+            this.#refreshAttributes();
+        return result;
+    }
+    setThumbAttributes(element, id) { if (this.#thumbs.indexOf(id) !== null) {
+        this.#elements.set(id, element);
+        this.#refreshAttributes();
+    } }
+    handleEvent(event) { const result = this.#runtime.handle(event); if (result.ok) {
+        this.#refreshAttributes();
+        this.#options.onUpdate?.();
+    } return result.ok; }
+    disconnect() { this.#options.root.removeEventListener('keydown', this.#handleKeydown); this.#options.root.removeEventListener('focusin', this.#handleFocus); (this.#options.track ?? this.#options.root).removeEventListener('pointerdown', this.#handlePointer); (this.#options.track ?? this.#options.root).removeEventListener('pointermove', this.#handlePointer); (this.#options.track ?? this.#options.root).removeEventListener('pointerup', this.#handlePointerUp); (this.#options.track ?? this.#options.root).removeEventListener('pointercancel', this.#handlePointerUp); this.#elements.clear(); }
+    #thumbForTarget(target) {
+        for (const [id, element] of this.#elements)
+            if (element === target)
+                return id;
+        return null;
+    }
+    #nearestThumb(tick) {
+        const state = this.getSnapshot().state;
+        let nearest = state.cursor.current;
+        let distance = nearest === null ? Number.POSITIVE_INFINITY : Math.abs(state.ticks[this.#thumbs.indexOf(nearest)] - tick);
+        for (let index = 0; index < state.ticks.length; index += 1) {
+            const candidateDistance = Math.abs(state.ticks[index] - tick);
+            if (candidateDistance >= distance)
+                continue;
+            nearest = this.#thumbs.at(index);
+            distance = candidateDistance;
+        }
+        return nearest;
+    }
+    #refreshAttributes() {
+        const state = this.getSnapshot().state;
+        for (const [id, element] of this.#elements) {
+            const index = this.#thumbs.indexOf(id);
+            if (index === null)
+                continue;
+            const tick = state.ticks[index];
+            const gap = this.#options.policies?.minGap ?? 0;
+            const lowerTick = this.#options.policies?.allowCross || index === 0
+                ? 0
+                : state.ticks[index - 1] + gap;
+            const upperTick = this.#options.policies?.allowCross || index === state.ticks.length - 1
+                ? this.range.count
+                : state.ticks[index + 1] - gap;
+            const value = this.range.valueAt(tick);
+            element.setAttribute('role', 'slider');
+            setInteractionAttributes(element, this.#options, { readOnly: true });
+            element.setAttribute('aria-valuemin', this.range.valueAt(lowerTick));
+            element.setAttribute('aria-valuemax', this.range.valueAt(upperTick));
+            element.setAttribute('aria-valuenow', value);
+            element.setAttribute('aria-valuetext', this.#options.formatValue?.(value, id) ?? value);
+            element.setAttribute('aria-orientation', this.#options.orientation ?? 'horizontal');
+            const label = this.#options.getThumbLabel?.(id);
+            if (label !== undefined)
+                element.setAttribute('aria-label', label);
+            element.tabIndex = 0;
+        }
+    }
+}
+function multiThumbIntent(event) { if (typeof event === 'object')
+    return event.type === 'focus' ? 'navigate' : 'mutate'; return event === 'next-thumb' || event === 'previous-thumb' ? 'navigate' : 'mutate'; }
+function toMultiThumbSliderEvent(event) {
+    if (event.altKey || event.ctrlKey || event.metaKey)
+        return null;
+    if (event.key === 'ArrowRight' || event.key === 'ArrowUp')
+        return 'increment';
+    if (event.key === 'ArrowLeft' || event.key === 'ArrowDown')
+        return 'decrement';
+    if (event.key === 'Home')
+        return 'home';
+    if (event.key === 'End')
+        return 'end';
+    return null;
+}
+//# sourceMappingURL=multi-thumb-slider.js.map

package/dist/multi-thumb-slider.js.map

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

package/dist/navigation-menu.d.ts

@@ -0,0 +1,8 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import { type MenuControl, type MenuControlOptions } from './internal/menu-control.js';
+export type NavigationMenuOptions<ID extends StableID = StableID> = Omit<MenuControlOptions<ID>, 'kind' | 'trigger' | 'open' | 'defaultOpen'>;
+export type NavigationMenuConnection<ID extends StableID = StableID> = MenuControl<ID>;
+export declare function createNavigationMenu<ID extends StableID>(options: NavigationMenuOptions<ID>): FacadeConnection<NavigationMenuConnection<ID>>;
+export declare function tryCreateNavigationMenu<ID extends StableID>(options: NavigationMenuOptions<ID>): Result<FacadeConnection<NavigationMenuConnection<ID>>>;
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../src/navigation-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE1G,MAAM,MAAM,qBAAqB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAC,CAAC;AAC9I,MAAM,MAAM,wBAAwB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAEvF,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,qBAAqB,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,wBAAwB,CAAC,EAAE,CAAC,CAAC,CAE5I;AAED,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,qBAAqB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,EAAE,CAAC,CAAC,CAAC,CAEvJ"}

package/dist/navigation-menu.js

@@ -0,0 +1,10 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { createMenuControl } from './internal/menu-control.js';
+export function createNavigationMenu(options) {
+    return unwrap(tryCreateNavigationMenu(options));
+}
+export function tryCreateNavigationMenu(options) {
+    return createFacadeConnection(options, (resolved) => createMenuControl({ ...resolved, kind: 'navigation-menu' }));
+}
+//# sourceMappingURL=navigation-menu.js.map

package/dist/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../src/navigation-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAA6C,MAAM,4BAA4B,CAAC;AAK1G,MAAM,UAAU,oBAAoB,CAAsB,OAAkC;IAC1F,OAAO,MAAM,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAsB,OAAkC;IAC7F,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC;AACpH,CAAC"}

package/dist/number-field.d.ts

@@ -0,0 +1,48 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import type { TextEditingState } from '@sectile/core/text';
+import { type NumberFieldEvent, type NumberFieldPolicies, type NumberFieldState } from '@sectile/core/number-field';
+export interface NumberFieldValueChangeDetails {
+    readonly value: string | null;
+    readonly expression: string;
+}
+export interface NumberFieldInputStateChangeDetails {
+    readonly value: TextEditingState;
+    readonly previousValue: TextEditingState;
+}
+export interface NumberFieldOptions {
+    readonly input: HTMLInputElement;
+    readonly policies?: NumberFieldPolicies;
+    readonly value?: string | null;
+    readonly defaultValue?: string | null;
+    readonly inputState?: TextEditingState;
+    readonly defaultInputState?: TextEditingState;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly label?: string;
+    readonly inputMode?: 'decimal' | 'text';
+    readonly onValueChange?: (details: NumberFieldValueChangeDetails) => void;
+    readonly onInputStateChange?: (details: NumberFieldInputStateChangeDetails) => void;
+    readonly onUpdate?: () => void;
+}
+export type NumberFieldValueChangeHandler = NonNullable<NumberFieldOptions['onValueChange']>;
+export type NumberFieldInputStateChangeHandler = NonNullable<NumberFieldOptions['onInputStateChange']>;
+export type NumberFieldUpdateHandler = NonNullable<NumberFieldOptions['onUpdate']>;
+export interface NumberFieldControlledValues {
+    readonly value?: string | null;
+    readonly inputState?: TextEditingState;
+}
+export interface NumberFieldConnection {
+    getSnapshot(): RevisionSnapshot<NumberFieldState>;
+    getText(): string;
+    getValue(): string | null;
+    syncControlledValues(values: NumberFieldControlledValues): Result<RevisionSnapshot<NumberFieldState>>;
+    handleEvent(event: NumberFieldEvent): boolean;
+    refresh(): void;
+    disconnect(): void;
+}
+export declare function createNumberField(options: NumberFieldOptions): FacadeConnection<NumberFieldConnection>;
+export declare function tryCreateNumberField(options: NumberFieldOptions): Result<FacadeConnection<NumberFieldConnection>>;
+//# sourceMappingURL=number-field.d.ts.map

package/dist/number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../src/number-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACtB,MAAM,4BAA4B,CAAC;AAMpC,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,kCAAkC;IACjD,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC;CAC1C;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IACvC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;IAC9C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC1E,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,kCAAkC,KAAK,IAAI,CAAC;IACpF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,6BAA6B,GAAG,WAAW,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC,CAAC;AAC7F,MAAM,MAAM,kCAAkC,GAAG,WAAW,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,CAAC,CAAC;AACvG,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC;AAEnF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CACxC;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,IAAI,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAClD,OAAO,IAAI,MAAM,CAAC;IAClB,QAAQ,IAAI,MAAM,GAAG,IAAI,CAAC;IAC1B,oBAAoB,CAAC,MAAM,EAAE,2BAA2B,GAAG,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACtG,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC;IAC9C,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,CAEtG;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAEjH"}

package/dist/number-field.js

@@ -0,0 +1,138 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { applyNumberFieldEvent, tryCreateNumberFieldState, } from '@sectile/core/number-field';
+import { createSemanticController } from './internal/semantic-controller.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+import { DOMTextElementBinding } from './internal/text-element.js';
+import { toTextEvent } from './text.js';
+export function createNumberField(options) {
+    return unwrap(tryCreateNumberField(options));
+}
+export function tryCreateNumberField(options) {
+    return createFacadeConnection(options, (options) => tryCreateNumberFieldConnection(options));
+}
+function tryCreateNumberFieldConnection(options) {
+    const valueControlled = options.value !== undefined;
+    const inputControlled = options.inputState !== undefined;
+    const required = options.required ?? options.policies?.required;
+    const policies = Object.freeze({
+        ...options.policies,
+        ...(required === undefined ? {} : { required }),
+    });
+    const runtime = createSemanticController({
+        initial: tryCreateNumberFieldState(options.value !== undefined ? options.value : options.defaultValue ?? null, options.inputState !== undefined ? options.inputState : options.defaultInputState),
+        reducer: (state, event) => applyNumberFieldEvent(state, event, policies),
+        reconcile: (previous, proposed) => tryCreateNumberFieldState(valueControlled ? previous.value : proposed.value, inputControlled ? previous.inputState : proposed.inputState),
+        notify: (previous, proposed) => {
+            if (!sameInputState(previous.inputState, proposed.inputState)) {
+                options.onInputStateChange?.(Object.freeze({
+                    value: proposed.inputState,
+                    previousValue: previous.inputState,
+                }));
+            }
+        },
+        toEffect: (command) => command,
+        interaction: options,
+    });
+    return runtime.ok
+        ? { ok: true, value: new DOMNumberField(options, runtime.value, valueControlled, inputControlled) }
+        : runtime;
+}
+class DOMNumberField {
+    #options;
+    #runtime;
+    #valueControlled;
+    #inputControlled;
+    #binding;
+    #keydown = (event) => {
+        if (this.#binding.isComposing || event.isComposing)
+            return;
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            this.handleEvent('commit');
+        }
+        else if (event.key === 'Escape') {
+            event.preventDefault();
+            this.handleEvent('cancel');
+        }
+    };
+    #blur = () => {
+        if (this.#binding.isComposing)
+            return;
+        if (!this.handleEvent('commit'))
+            this.handleEvent('cancel');
+    };
+    constructor(options, runtime, valueControlled, inputControlled) {
+        this.#options = options;
+        this.#runtime = runtime;
+        this.#valueControlled = valueControlled;
+        this.#inputControlled = inputControlled;
+        this.#binding = new DOMTextElementBinding({
+            element: options.input,
+            getState: () => this.getSnapshot().state.inputState,
+            dispatch: (input) => this.#handleTextInput(input),
+        });
+        options.input.addEventListener('keydown', this.#keydown);
+        options.input.addEventListener('blur', this.#blur);
+        this.refresh();
+    }
+    getSnapshot() {
+        return this.#runtime.getSnapshot();
+    }
+    getText() {
+        return this.getSnapshot().state.inputState.snapshot.text;
+    }
+    getValue() {
+        return this.getSnapshot().state.value;
+    }
+    syncControlledValues(values) {
+        if (this.#valueControlled !== (values.value !== undefined)
+            || this.#inputControlled !== (values.inputState !== undefined)) {
+            return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled number field values must preserve their construction-time shape.' } };
+        }
+        const state = this.getSnapshot().state;
+        const result = this.#runtime.replace(tryCreateNumberFieldState(this.#valueControlled ? values.value : state.value, this.#inputControlled ? values.inputState : state.inputState));
+        if (result.ok) {
+            this.refresh();
+            this.#options.onUpdate?.();
+        }
+        return result;
+    }
+    handleEvent(event) {
+        const result = this.#runtime.handle(event);
+        this.#options.input.setAttribute('aria-invalid', String(!result.ok && event === 'commit'));
+        if (result.ok) {
+            for (const command of result.commands) {
+                if (command.type === 'value-committed') {
+                    this.#options.onValueChange?.(Object.freeze({ value: command.value, expression: command.expression }));
+                }
+            }
+            this.refresh();
+            this.#options.onUpdate?.();
+        }
+        return result.ok;
+    }
+    refresh() {
+        const input = this.#options.input;
+        input.type = 'text';
+        input.inputMode = this.#options.inputMode ?? 'decimal';
+        input.required = this.#options.required ?? this.#options.policies?.required ?? false;
+        setInteractionAttributes(input, this.#options, { native: true, readOnly: true });
+        if (this.#options.label !== undefined)
+            input.setAttribute('aria-label', this.#options.label);
+        this.#binding.render();
+    }
+    disconnect() {
+        this.#binding.disconnect();
+        this.#options.input.removeEventListener('keydown', this.#keydown);
+        this.#options.input.removeEventListener('blur', this.#blur);
+    }
+    #handleTextInput(input) {
+        const event = toTextEvent(input);
+        return event !== null && this.handleEvent({ type: 'text', event });
+    }
+}
+function sameInputState(left, right) {
+    return JSON.stringify(left) === JSON.stringify(right);
+}
+//# sourceMappingURL=number-field.js.map