@soxa-ui/plugins 0.0.0-stage → 0.3.0-beta.1

package/dist/custom/number-input/parts.d.ts

@@ -0,0 +1,21 @@
+import type { INumberInput } from '@soxa-ui/core';
+import type { TNumberInputButton } from './types';
+/**
+ * Узлы поля числа — один поиск на все плагины поля: набор, клавиши, кнопки
+ * шага и сенсорный режим находят ввод и кнопки одинаково.
+ *
+ * Узлы находят по классам владельца (`classes.resolve`), а не строкой в
+ * плагине, и только внутри его корня. Ввод — по своему классу: рядом в корне
+ * лежит скрытое поле формы.
+ */
+/** Ввод поля — `__input` в корне. */
+export declare function inputOf(owner: INumberInput, root: Element): HTMLInputElement | null;
+/** Цель события — ввод этого поля, а не поле в слоте и не кнопка. */
+export declare function isInputOf(owner: INumberInput, root: Element, target: EventTarget | null): target is HTMLInputElement;
+/**
+ * Кнопка шага, в узле которой лежит `target`: «меньше» (`__decrement`) или
+ * «больше» (`__increment`). Не кнопка шага этого поля — `undefined`.
+ */
+export declare function buttonOf(owner: INumberInput, root: Element, target: EventTarget | null): TNumberInputButton | undefined;
+/** Выключена ли кнопка шага в эту сторону — у края, выключенного поля и только для чтения. */
+export declare function isButtonDisabled(owner: INumberInput, direction: 1 | -1): boolean;

package/dist/custom/number-input/parts.js

@@ -0,0 +1,39 @@
+//#region src/custom/number-input/parts.ts
+/**
+* Узлы поля числа — один поиск на все плагины поля: набор, клавиши, кнопки
+* шага и сенсорный режим находят ввод и кнопки одинаково.
+*
+* Узлы находят по классам владельца (`classes.resolve`), а не строкой в
+* плагине, и только внутри его корня. Ввод — по своему классу: рядом в корне
+* лежит скрытое поле формы.
+*/
+/** Ввод поля — `__input` в корне. */
+function inputOf(owner, root) {
+	const input = root.querySelector(owner.classes.resolve("__input", { point: true }));
+	return input instanceof HTMLInputElement ? input : null;
+}
+/** Цель события — ввод этого поля, а не поле в слоте и не кнопка. */
+function isInputOf(owner, root, target) {
+	return target !== null && target === inputOf(owner, root);
+}
+/**
+* Кнопка шага, в узле которой лежит `target`: «меньше» (`__decrement`) или
+* «больше» (`__increment`). Не кнопка шага этого поля — `undefined`.
+*/
+function buttonOf(owner, root, target) {
+	if (!(target instanceof Element)) return void 0;
+	for (const direction of [-1, 1]) {
+		const entry = direction > 0 ? "__increment" : "__decrement";
+		const element = target.closest(owner.classes.resolve(entry, { point: true }));
+		if (element && root.contains(element)) return {
+			direction,
+			element
+		};
+	}
+}
+/** Выключена ли кнопка шага в эту сторону — у края, выключенного поля и только для чтения. */
+function isButtonDisabled(owner, direction) {
+	return direction > 0 ? owner.incrementDisabled : owner.decrementDisabled;
+}
+//#endregion
+export { buttonOf, inputOf, isButtonDisabled, isInputOf };

package/dist/custom/number-input/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './stepper.plugin';

package/dist/custom/number-input/stepper/stepper.plugin.d.ts

@@ -0,0 +1,59 @@
+import type { INumberInput } from '@soxa-ui/core';
+import { TBasePlugin } from '../../../base';
+import type { IPluginContext } from '../../../base';
+import type { INumberInputStepperPluginOptions, TNumberInputStepperPluginEvents } from './types';
+/**
+ * TNumberInputStepperPlugin — кнопки шага «меньше» и «больше»: нажатие,
+ * удержание и активация скринридером.
+ *
+ * **Нажатие** основной кнопкой на включённой кнопке шага гасится
+ * (`preventDefault`): фокус остаётся во вводе, и кольцо поля не гаснет, а
+ * текст не выделяется. Мышь и перо ставят фокус во ввод, если его там не было,
+ * — клавиши продолжают с того же числа; палец — нет. Шаг — сразу, а пока
+ * кнопку держат, через `repeatDelay` он повторяется каждые `repeatInterval`
+ * до края. Пока держат, у кнопки `data-pressed` в её наборе (`incrementDataset`,
+ * `decrementDataset`): удержание видно и там, где браузер у погашенного нажатия
+ * не ставит `:active`.
+ *
+ * **Конец удержания** — отпускание, отмена указателя (палец увёл прокрутку),
+ * уход указателя с кнопки, выключенная кнопка (край, `disabled`, `readonly`) и
+ * снятый узел. Удержание — одно действие: `commit()` в конце, одно событие
+ * `commit` на всю серию шагов.
+ *
+ * **Скринридер** жмёт кнопку без указателя — `click` с `detail === 0`: шаг и
+ * `commit()`. Клик мышью кончает нажатие, уже исполненное, и шага не делает.
+ * Контекстное меню над кнопкой гасится: долгое касание — удержание, а не меню.
+ *
+ * Кнопки — по классам владельца в его корне; слушатели — на корне.
+ */
+export declare class TNumberInputStepperPlugin extends TBasePlugin<INumberInput, TNumberInputStepperPluginEvents> {
+    private _owner;
+    private _root;
+    private _hold;
+    private _repeatDelay;
+    private _repeatInterval;
+    install(ctx: IPluginContext, options?: INumberInputStepperPluginOptions): void;
+    destroy(): void;
+    /** Корень сменился — слушатели переезжают; удержание на снятом узле кончается. */
+    private _bind;
+    private readonly _onPointerDown;
+    private readonly _onPointerUp;
+    /** Указатель ушёл с кнопки — не на её же значок, а наружу. */
+    private readonly _onPointerOut;
+    /** Нажатие без указателя — скринридер или клавиша на кнопке: один шаг. */
+    private readonly _onClick;
+    private readonly _onContextMenu;
+    /** Кнопка выключилась под удержанием — удержание кончено. */
+    private readonly _onLock;
+    /** Нажали: шаг сразу, `data-pressed`, а через задержку — повтор. */
+    private _press;
+    /** Повтор шага, пока держат. */
+    private readonly _repeat;
+    /**
+     * Шаг удержания. Дошёл до края — кнопка выключена, и удержание кончено; край
+     * значения, записанного снаружи, следующий шаг увидит так же.
+     */
+    private _step;
+    /** Отпустили: повтора нет, `data-pressed` снят, действие закрыто — `commit()`. */
+    private _release;
+}

package/dist/custom/number-input/stepper/stepper.plugin.js

@@ -0,0 +1,166 @@
+import { TBasePlugin } from "../../../base/base.class.js";
+import { TElementPlugin } from "../../element/element.plugin.js";
+import { buttonOf, inputOf, isButtonDisabled } from "../parts.js";
+//#region src/custom/number-input/stepper/stepper.plugin.ts
+/** Сколько ждать до повтора, когда кнопку держат, мс, — пока опция не задана. */
+var REPEAT_DELAY = 400;
+/** Шаг повтора, мс, — пока опция не задана. */
+var REPEAT_INTERVAL = 60;
+/**
+* Указатели, нажатие которых ставит фокус во ввод: мышь и перо. Палец — нет:
+* фокус во вводе открыл бы экранную клавиатуру поверх кнопок, которые жмут.
+*/
+var FOCUSING_POINTERS = /* @__PURE__ */ new Set(["mouse", "pen"]);
+/**
+* TNumberInputStepperPlugin — кнопки шага «меньше» и «больше»: нажатие,
+* удержание и активация скринридером.
+*
+* **Нажатие** основной кнопкой на включённой кнопке шага гасится
+* (`preventDefault`): фокус остаётся во вводе, и кольцо поля не гаснет, а
+* текст не выделяется. Мышь и перо ставят фокус во ввод, если его там не было,
+* — клавиши продолжают с того же числа; палец — нет. Шаг — сразу, а пока
+* кнопку держат, через `repeatDelay` он повторяется каждые `repeatInterval`
+* до края. Пока держат, у кнопки `data-pressed` в её наборе (`incrementDataset`,
+* `decrementDataset`): удержание видно и там, где браузер у погашенного нажатия
+* не ставит `:active`.
+*
+* **Конец удержания** — отпускание, отмена указателя (палец увёл прокрутку),
+* уход указателя с кнопки, выключенная кнопка (край, `disabled`, `readonly`) и
+* снятый узел. Удержание — одно действие: `commit()` в конце, одно событие
+* `commit` на всю серию шагов.
+*
+* **Скринридер** жмёт кнопку без указателя — `click` с `detail === 0`: шаг и
+* `commit()`. Клик мышью кончает нажатие, уже исполненное, и шага не делает.
+* Контекстное меню над кнопкой гасится: долгое касание — удержание, а не меню.
+*
+* Кнопки — по классам владельца в его корне; слушатели — на корне.
+*/
+var TNumberInputStepperPlugin = class extends TBasePlugin {
+	_owner = null;
+	_root = null;
+	_hold = null;
+	_repeatDelay = REPEAT_DELAY;
+	_repeatInterval = REPEAT_INTERVAL;
+	install(ctx, options) {
+		super.install(ctx, options);
+		this._repeatDelay = options?.repeatDelay ?? this._repeatDelay;
+		this._repeatInterval = options?.repeatInterval ?? this._repeatInterval;
+		this._owner = ctx.getInstance() ?? null;
+		const elementPlugin = ctx.get(TElementPlugin);
+		elementPlugin?.events.on("ready", (element) => this._bind(element));
+		elementPlugin?.events.on("removed", () => this._bind(null));
+		this._listenTo(this._owner?.events, "change:disabled", this._onLock);
+		this._listenTo(this._owner?.events, "change:readonly", this._onLock);
+	}
+	destroy() {
+		this._bind(null);
+		this._owner = null;
+		super.destroy();
+	}
+	/** Корень сменился — слушатели переезжают; удержание на снятом узле кончается. */
+	_bind(root) {
+		this._release();
+		const previous = this._root;
+		previous?.removeEventListener("pointerdown", this._onPointerDown);
+		previous?.removeEventListener("pointerup", this._onPointerUp);
+		previous?.removeEventListener("pointercancel", this._onPointerUp);
+		previous?.removeEventListener("pointerout", this._onPointerOut);
+		previous?.removeEventListener("click", this._onClick);
+		previous?.removeEventListener("contextmenu", this._onContextMenu);
+		this._root = root;
+		const target = root;
+		target?.addEventListener("pointerdown", this._onPointerDown);
+		target?.addEventListener("pointerup", this._onPointerUp);
+		target?.addEventListener("pointercancel", this._onPointerUp);
+		target?.addEventListener("pointerout", this._onPointerOut);
+		target?.addEventListener("click", this._onClick);
+		target?.addEventListener("contextmenu", this._onContextMenu);
+	}
+	_onPointerDown = (event) => {
+		const owner = this._owner;
+		const root = this._root;
+		if (!owner || !root || event.button !== 0) return;
+		const button = buttonOf(owner, root, event.target);
+		if (!button || isButtonDisabled(owner, button.direction)) return;
+		event.preventDefault();
+		if (FOCUSING_POINTERS.has(event.pointerType)) {
+			const input = inputOf(owner, root);
+			if (input && root.ownerDocument.activeElement !== input) input.focus();
+		}
+		this._press(owner, button);
+	};
+	_onPointerUp = () => {
+		this._release();
+	};
+	/** Указатель ушёл с кнопки — не на её же значок, а наружу. */
+	_onPointerOut = (event) => {
+		const hold = this._hold;
+		const related = event.relatedTarget;
+		if (!hold || related instanceof Node && hold.button.element.contains(related)) return;
+		if (event.target instanceof Node && hold.button.element.contains(event.target)) this._release();
+	};
+	/** Нажатие без указателя — скринридер или клавиша на кнопке: один шаг. */
+	_onClick = (event) => {
+		const owner = this._owner;
+		const root = this._root;
+		if (!owner || !root || event.detail !== 0) return;
+		const button = buttonOf(owner, root, event.target);
+		if (!button || isButtonDisabled(owner, button.direction)) return;
+		owner.shift(button.direction);
+		owner.commit();
+	};
+	_onContextMenu = (event) => {
+		const owner = this._owner;
+		const root = this._root;
+		if (owner && root && buttonOf(owner, root, event.target)) event.preventDefault();
+	};
+	/** Кнопка выключилась под удержанием — удержание кончено. */
+	_onLock = () => {
+		const owner = this._owner;
+		const hold = this._hold;
+		if (owner && hold && isButtonDisabled(owner, hold.button.direction)) this._release();
+	};
+	/** Нажали: шаг сразу, `data-pressed`, а через задержку — повтор. */
+	_press(owner, button) {
+		this._release();
+		this._hold = {
+			button,
+			timer: setTimeout(this._repeat, this._repeatDelay)
+		};
+		datasetOf(owner, button.direction).add("pressed", true);
+		this._step(owner, button.direction);
+	}
+	/** Повтор шага, пока держат. */
+	_repeat = () => {
+		const owner = this._owner;
+		const hold = this._hold;
+		if (!owner || !hold) return;
+		hold.timer = setTimeout(this._repeat, this._repeatInterval);
+		this._step(owner, hold.button.direction);
+	};
+	/**
+	* Шаг удержания. Дошёл до края — кнопка выключена, и удержание кончено; край
+	* значения, записанного снаружи, следующий шаг увидит так же.
+	*/
+	_step(owner, direction) {
+		owner.shift(direction);
+		if (isButtonDisabled(owner, direction)) this._release();
+	}
+	/** Отпустили: повтора нет, `data-pressed` снят, действие закрыто — `commit()`. */
+	_release() {
+		const owner = this._owner;
+		const hold = this._hold;
+		if (!hold) return;
+		this._hold = null;
+		clearTimeout(hold.timer);
+		if (!owner) return;
+		datasetOf(owner, hold.button.direction).add("pressed", null);
+		owner.commit();
+	}
+};
+/** Набор темы кнопки шага в эту сторону. */
+function datasetOf(owner, direction) {
+	return direction > 0 ? owner.incrementDataset : owner.decrementDataset;
+}
+//#endregion
+export { TNumberInputStepperPlugin };

package/dist/custom/number-input/stepper/types.d.ts

@@ -0,0 +1,19 @@
+import type { TPluginEvents } from '../../../base';
+import type { TNumberInputButton } from '../types';
+/**
+ * Своих событий у плагина нет: шаги видны в значении ядра, удержание — в
+ * `data-pressed` набора кнопки, его конец — событием ядра `commit`.
+ */
+export type TNumberInputStepperPluginEvents = TPluginEvents;
+/** Опции установки плагина кнопок шага. */
+export interface INumberInputStepperPluginOptions {
+    /** Сколько держать кнопку до повтора шага, мс; по умолчанию 400 */
+    repeatDelay?: number;
+    /** Шаг повтора, пока кнопку держат, мс; по умолчанию 60 */
+    repeatInterval?: number;
+}
+/** Удержание кнопки шага: какую держат и таймер следующего шага. */
+export type TNumberInputHold = {
+    readonly button: TNumberInputButton;
+    timer: ReturnType<typeof setTimeout>;
+};

package/dist/custom/number-input/touch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './touch.plugin';

package/dist/custom/number-input/touch/touch.plugin.d.ts

@@ -0,0 +1,25 @@
+import type { INumberInput } from '@soxa-ui/core';
+import { TBasePlugin } from '../../../base';
+import type { IPluginContext } from '../../../base';
+import type { TNumberInputTouchPluginEvents } from './types';
+/**
+ * TNumberInputTouchPlugin — поле числа на сенсорных устройствах Apple.
+ *
+ * VoiceOver на iOS счётчик (`spinbutton`) не фокусирует — поле там
+ * `textbox`, и значение звучит его текстом: роль из набора поля
+ * (`inputSets`) снимает `aria-value*` ядра, как у частей поля даты. Минус на
+ * цифровой и десятичной клавиатуре iOS не набрать, поэтому у поля, где он
+ * разрешён (`signed`), клавиатура — текстовая; смена `min` пересчитывает её.
+ *
+ * Устройство плагин узнаёт после `ready`, у документа корня: сервер и прочие
+ * устройства рисуют счётчик с клавиатурой ядра. Записанное в набор уходит
+ * вместе с плагином — набор у поля, а поле переживает монтирование.
+ */
+export declare class TNumberInputTouchPlugin extends TBasePlugin<INumberInput, TNumberInputTouchPluginEvents> {
+    private _owner;
+    /** Сенсорное устройство Apple: роль — `textbox`, клавиатура с минусом — текстовая */
+    private _appleTouch;
+    install(ctx: IPluginContext): void;
+    destroy(): void;
+    private readonly _sync;
+}

package/dist/custom/number-input/touch/touch.plugin.js

@@ -0,0 +1,53 @@
+import { TBasePlugin } from "../../../base/base.class.js";
+import { TElementPlugin } from "../../element/element.plugin.js";
+import { isAppleTouch } from "../../../utils/isAppleTouch.js";
+//#region src/custom/number-input/touch/touch.plugin.ts
+/** Роль поля на сенсорных устройствах Apple: счётчик VoiceOver на iOS не фокусирует. */
+var APPLE_TOUCH_ROLE = "textbox";
+/**
+* Клавиатура поля с минусом на сенсорных устройствах Apple: у цифровой и
+* десятичной клавиатуры iOS минуса нет.
+*/
+var SIGNED_INPUT_MODE = "text";
+/**
+* TNumberInputTouchPlugin — поле числа на сенсорных устройствах Apple.
+*
+* VoiceOver на iOS счётчик (`spinbutton`) не фокусирует — поле там
+* `textbox`, и значение звучит его текстом: роль из набора поля
+* (`inputSets`) снимает `aria-value*` ядра, как у частей поля даты. Минус на
+* цифровой и десятичной клавиатуре iOS не набрать, поэтому у поля, где он
+* разрешён (`signed`), клавиатура — текстовая; смена `min` пересчитывает её.
+*
+* Устройство плагин узнаёт после `ready`, у документа корня: сервер и прочие
+* устройства рисуют счётчик с клавиатурой ядра. Записанное в набор уходит
+* вместе с плагином — набор у поля, а поле переживает монтирование.
+*/
+var TNumberInputTouchPlugin = class extends TBasePlugin {
+	_owner = null;
+	/** Сенсорное устройство Apple: роль — `textbox`, клавиатура с минусом — текстовая */
+	_appleTouch = false;
+	install(ctx) {
+		super.install(ctx);
+		this._owner = ctx.getInstance() ?? null;
+		ctx.get(TElementPlugin)?.events.on("ready", (element) => {
+			this._appleTouch = isAppleTouch(element.ownerDocument.defaultView?.navigator);
+			this._sync();
+		});
+		this._listenTo(this._owner?.events, "change:min", this._sync);
+	}
+	destroy() {
+		this._appleTouch = false;
+		this._sync();
+		this._owner = null;
+		super.destroy();
+	}
+	_sync = () => {
+		const owner = this._owner;
+		if (!owner) return;
+		const apple = this._appleTouch;
+		owner.inputSets.aria.add("role", apple ? APPLE_TOUCH_ROLE : null);
+		owner.inputSets.attrs.add("inputmode", apple && owner.signed ? SIGNED_INPUT_MODE : null);
+	};
+};
+//#endregion
+export { TNumberInputTouchPlugin };

package/dist/custom/number-input/touch/types.d.ts

@@ -0,0 +1,3 @@
+import type { TPluginEvents } from '../../../base';
+/** Своих событий у плагина нет: роль и клавиатура видны в наборе поля (`inputSets`). */
+export type TNumberInputTouchPluginEvents = TPluginEvents;

package/dist/custom/number-input/types.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Кнопка шага поля числа и её узел: `direction` — куда она шагает, `1` —
+ * «больше», `-1` — «меньше».
+ */
+export type TNumberInputButton = {
+    readonly direction: 1 | -1;
+    readonly element: Element;
+};

package/dist/custom/number-input/typing/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './typing.plugin';

package/dist/custom/number-input/typing/types.d.ts

@@ -0,0 +1,6 @@
+import type { TPluginEvents } from '../../../base';
+/**
+ * Своих событий у плагина нет: набранное видно в тексте и значении ядра, конец
+ * набора — событием ядра `commit`.
+ */
+export type TNumberInputTypingPluginEvents = TPluginEvents;

package/dist/custom/number-input/typing/typing.plugin.d.ts

@@ -0,0 +1,47 @@
+import type { INumberInput } from '@soxa-ui/core';
+import { TBasePlugin } from '../../../base';
+import type { IPluginContext } from '../../../base';
+import type { TNumberInputTypingPluginEvents } from './types';
+/**
+ * TNumberInputTypingPlugin — набор в поле числа: что набирается, решает ядро.
+ *
+ * **До правки** (`beforeinput`) плагин считает, каким станет текст, — по типу
+ * правки и выделению, — и спрашивает ядро, годится ли он (`acceptsText`): не
+ * годится — правка гасится, и ни текст, ни каретка не сдвигаются. Так буква,
+ * второй разделитель или минус у поля без отрицательных не встают в поле даже
+ * на миг. Отмена, повтор и перевод строки (Enter отправляет форму) идут мимо.
+ *
+ * **После правки** (`input`) текст поля уходит ядру (`typeText`): пока он
+ * число, ядро пишет значение. Ядро отказало или показывает другое — запись
+ * отменили в `change:value:before`, правку браузер сделал мимо `beforeinput`,
+ * — узел получает текст ядра обратно: фреймворк его не перерисует, если текст
+ * ядра не сменился. Композицию (IME, клавиатуры Android) не погасить: её
+ * текст поле показывает, пока она идёт, а ядру он уходит на `compositionend`.
+ *
+ * **Уход фокуса** с ввода закрывает набор: `commit()` — значение с точностью
+ * формата, текст строкой формата.
+ *
+ * Слушает корень, а берёт только правки самого ввода: у содержимого слотов
+ * свой текст.
+ */
+export declare class TNumberInputTypingPlugin extends TBasePlugin<INumberInput, TNumberInputTypingPluginEvents> {
+    private _owner;
+    private _root;
+    /** Идёт композиция: её текст уйдёт ядру на `compositionend` */
+    private _composing;
+    install(ctx: IPluginContext): void;
+    destroy(): void;
+    /** Корень сменился — слушатели переезжают. */
+    private _bind;
+    /** Правка, текст которой ядро не возьмёт, гасится: поле его не показывает. */
+    private readonly _onBeforeInput;
+    /** Текст поля — ядру; пока идёт композиция, её вернёт `compositionend`. */
+    private readonly _onInput;
+    private readonly _onCompositionStart;
+    private readonly _onCompositionEnd;
+    /**
+     * Фокус ушёл с ввода — набор закончен. Текст формата, который поставит
+     * `commit()`, фреймворк напишет сам: узел до него показывал текст ядра.
+     */
+    private readonly _onFocusOut;
+}

package/dist/custom/number-input/typing/typing.plugin.js

@@ -0,0 +1,149 @@
+import { TBasePlugin } from "../../../base/base.class.js";
+import { TElementPlugin } from "../../element/element.plugin.js";
+import { isInputOf } from "../parts.js";
+//#region src/custom/number-input/typing/typing.plugin.ts
+/**
+* Правки, которые идут мимо проверки: отмена и повтор возвращают текст,
+* который поле уже приняло, а перевод строки — Enter, неявная отправка формы,
+* — текста не меняет.
+*/
+var PASS = /* @__PURE__ */ new Set([
+	"historyUndo",
+	"historyRedo",
+	"insertLineBreak",
+	"insertParagraph"
+]);
+/** Единиц UTF-16 у знака перед `index`: цифра вне BMP — две. */
+function unitsBefore(text, index) {
+	const code = text.charCodeAt(index - 1);
+	return code >= 56320 && code <= 57343 && index > 1 ? 2 : 1;
+}
+/** Единиц UTF-16 у знака с `index`: цифра вне BMP — две. */
+function unitsAfter(text, index) {
+	const code = text.charCodeAt(index);
+	return code >= 55296 && code <= 56319 ? 2 : 1;
+}
+/**
+* Текст поля, если правку пропустить: по типу правки и выделению. Вставка
+* встаёт вместо выделения; удаление снимает выделение, а без него — знак у
+* каретки. Чего по правке не предсказать (удаление слова), — `undefined`:
+* итог проверит `input`.
+*/
+function nextText(input, event) {
+	const { value } = input;
+	const start = input.selectionStart ?? value.length;
+	const end = input.selectionEnd ?? start;
+	const type = event.inputType;
+	if (type.startsWith("insert")) {
+		const data = event.data ?? event.dataTransfer?.getData("text/plain") ?? null;
+		return data === null ? void 0 : value.slice(0, start) + data + value.slice(end);
+	}
+	if (!type.startsWith("delete")) return void 0;
+	if (start !== end) return value.slice(0, start) + value.slice(end);
+	if (type === "deleteContentBackward") return start === 0 ? value : value.slice(0, start - unitsBefore(value, start)) + value.slice(end);
+	if (type === "deleteContentForward") return value.slice(0, start) + value.slice(end + unitsAfter(value, end));
+}
+/**
+* TNumberInputTypingPlugin — набор в поле числа: что набирается, решает ядро.
+*
+* **До правки** (`beforeinput`) плагин считает, каким станет текст, — по типу
+* правки и выделению, — и спрашивает ядро, годится ли он (`acceptsText`): не
+* годится — правка гасится, и ни текст, ни каретка не сдвигаются. Так буква,
+* второй разделитель или минус у поля без отрицательных не встают в поле даже
+* на миг. Отмена, повтор и перевод строки (Enter отправляет форму) идут мимо.
+*
+* **После правки** (`input`) текст поля уходит ядру (`typeText`): пока он
+* число, ядро пишет значение. Ядро отказало или показывает другое — запись
+* отменили в `change:value:before`, правку браузер сделал мимо `beforeinput`,
+* — узел получает текст ядра обратно: фреймворк его не перерисует, если текст
+* ядра не сменился. Композицию (IME, клавиатуры Android) не погасить: её
+* текст поле показывает, пока она идёт, а ядру он уходит на `compositionend`.
+*
+* **Уход фокуса** с ввода закрывает набор: `commit()` — значение с точностью
+* формата, текст строкой формата.
+*
+* Слушает корень, а берёт только правки самого ввода: у содержимого слотов
+* свой текст.
+*/
+var TNumberInputTypingPlugin = class extends TBasePlugin {
+	_owner = null;
+	_root = null;
+	/** Идёт композиция: её текст уйдёт ядру на `compositionend` */
+	_composing = false;
+	install(ctx) {
+		super.install(ctx);
+		this._owner = ctx.getInstance() ?? null;
+		const elementPlugin = ctx.get(TElementPlugin);
+		elementPlugin?.events.on("ready", (element) => this._bind(element));
+		elementPlugin?.events.on("removed", () => this._bind(null));
+	}
+	destroy() {
+		this._bind(null);
+		this._owner = null;
+		super.destroy();
+	}
+	/** Корень сменился — слушатели переезжают. */
+	_bind(root) {
+		const previous = this._root;
+		previous?.removeEventListener("beforeinput", this._onBeforeInput);
+		previous?.removeEventListener("input", this._onInput);
+		previous?.removeEventListener("compositionstart", this._onCompositionStart);
+		previous?.removeEventListener("compositionend", this._onCompositionEnd);
+		previous?.removeEventListener("focusout", this._onFocusOut);
+		this._root = root;
+		this._composing = false;
+		const target = root;
+		target?.addEventListener("beforeinput", this._onBeforeInput);
+		target?.addEventListener("input", this._onInput);
+		target?.addEventListener("compositionstart", this._onCompositionStart);
+		target?.addEventListener("compositionend", this._onCompositionEnd);
+		target?.addEventListener("focusout", this._onFocusOut);
+	}
+	/** Правка, текст которой ядро не возьмёт, гасится: поле его не показывает. */
+	_onBeforeInput = (event) => {
+		const owner = this._owner;
+		const root = this._root;
+		if (!owner || !root || event.defaultPrevented || !isInputOf(owner, root, event.target)) return;
+		if (event.isComposing || event.inputType === "insertCompositionText") return;
+		if (PASS.has(event.inputType)) return;
+		const next = nextText(event.target, event);
+		if (next !== void 0 && !owner.acceptsText(next)) event.preventDefault();
+	};
+	/** Текст поля — ядру; пока идёт композиция, её вернёт `compositionend`. */
+	_onInput = (event) => {
+		const owner = this._owner;
+		const root = this._root;
+		if (!owner || !root || this._composing || !isInputOf(owner, root, event.target)) return;
+		typeText(owner, event.target);
+	};
+	_onCompositionStart = () => {
+		this._composing = true;
+	};
+	_onCompositionEnd = (event) => {
+		this._composing = false;
+		const owner = this._owner;
+		const root = this._root;
+		if (owner && root && isInputOf(owner, root, event.target)) typeText(owner, event.target);
+	};
+	/**
+	* Фокус ушёл с ввода — набор закончен. Текст формата, который поставит
+	* `commit()`, фреймворк напишет сам: узел до него показывал текст ядра.
+	*/
+	_onFocusOut = (event) => {
+		const owner = this._owner;
+		const root = this._root;
+		if (owner && root && isInputOf(owner, root, event.target)) owner.commit();
+	};
+};
+/**
+* Текст узла — ядру. Показывает узел не то, что приняло ядро, — отказ или
+* поправленная запись, — узел получает текст ядра: фреймворк перерисует его,
+* только если текст ядра сменился. Запись того же текста сбросила бы каретку,
+* поэтому — только при расхождении.
+*/
+function typeText(owner, input) {
+	owner.typeText(input.value);
+	if (input.value !== owner.text) input.value = owner.text;
+}
+//#endregion
+export { TNumberInputTypingPlugin };