@skbkontur/react-ui 6.1.4 → 6.1.6-00fed.0

package/components/MaskedInputV2/internal/MaskedInternal.styles.js

@@ -0,0 +1,34 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles, prefix } from '../../../lib/theming/Emotion.js';
+export var globalClasses = prefix('masked-internal')({
+    input: 'input',
+    disabled: 'disabled',
+    selected: 'selected',
+    masked: 'masked',
+    colored: 'colored',
+});
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        input: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color-scheme: ", ";\n\n      &:-internal-autofill-selected {\n        background-color: ", " !important;\n        background-image: none !important;\n        color: ", " !important;\n      }\n\n      &:-webkit-autofill,\n      &:-webkit-autofill:hover,\n      &:-webkit-autofill:focus {\n        -webkit-box-shadow: 0 0 0 1000px ", " inset;\n        box-shadow: 0 0 0 1000px ", " inset;\n        -webkit-text-fill-color: ", " !important;\n        color: ", " !important;\n        /* Chrome \u0438\u043D\u0430\u0447\u0435 \u0441\u043A\u0440\u044B\u0432\u0430\u0435\u0442 caret \u043F\u0440\u0438 autofill (color/currentColor). */\n        caret-color: ", " !important;\n        transition:\n          background-color 0s 600000s,\n          color 0s 600000s !important;\n      }\n\n      &:disabled {\n        color: ", ";\n\n        &:-internal-autofill-selected {\n          background-color: ", " !important;\n        }\n\n        &:-webkit-autofill,\n        &:-webkit-autofill:hover,\n        &:-webkit-autofill:focus {\n          -webkit-box-shadow: 0 0 0 1000px ", " inset;\n          box-shadow: 0 0 0 1000px ", " inset;\n        }\n      }\n\n      &.", " {\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n        caret-color: ", ";\n\n        &::selection {\n          background-color: transparent !important;\n          color: transparent !important;\n          -webkit-text-fill-color: transparent !important;\n        }\n\n        /* \u0422\u0435\u043A\u0441\u0442 \u0440\u0438\u0441\u0443\u0435\u0442 MaskOverlay; \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043F\u0440\u0438 autofill \u043D\u0435 \u0434\u043E\u043B\u0436\u0435\u043D \u043F\u0435\u0440\u0435\u0431\u0438\u0432\u0430\u0442\u044C fill-color. */\n        &:-internal-autofill-selected {\n          color: transparent !important;\n          caret-color: ", " !important;\n        }\n\n        &:-webkit-autofill,\n        &:-webkit-autofill:hover,\n        &:-webkit-autofill:focus {\n          -webkit-text-fill-color: transparent !important;\n          color: transparent !important;\n          /* \u0411\u0435\u0437 \u044D\u0442\u043E\u0433\u043E caret \u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0441\u044F transparent \u0432\u043C\u0435\u0441\u0442\u0435 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C \u0438 \u043D\u0435 \u043C\u0438\u0433\u0430\u0435\u0442. */\n          caret-color: ", " !important;\n        }\n      }\n    "], ["\n      color-scheme: ", ";\n\n      &:-internal-autofill-selected {\n        background-color: ", " !important;\n        background-image: none !important;\n        color: ", " !important;\n      }\n\n      &:-webkit-autofill,\n      &:-webkit-autofill:hover,\n      &:-webkit-autofill:focus {\n        -webkit-box-shadow: 0 0 0 1000px ", " inset;\n        box-shadow: 0 0 0 1000px ", " inset;\n        -webkit-text-fill-color: ", " !important;\n        color: ", " !important;\n        /* Chrome \u0438\u043D\u0430\u0447\u0435 \u0441\u043A\u0440\u044B\u0432\u0430\u0435\u0442 caret \u043F\u0440\u0438 autofill (color/currentColor). */\n        caret-color: ", " !important;\n        transition:\n          background-color 0s 600000s,\n          color 0s 600000s !important;\n      }\n\n      &:disabled {\n        color: ", ";\n\n        &:-internal-autofill-selected {\n          background-color: ", " !important;\n        }\n\n        &:-webkit-autofill,\n        &:-webkit-autofill:hover,\n        &:-webkit-autofill:focus {\n          -webkit-box-shadow: 0 0 0 1000px ", " inset;\n          box-shadow: 0 0 0 1000px ", " inset;\n        }\n      }\n\n      &.", " {\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n        caret-color: ", ";\n\n        &::selection {\n          background-color: transparent !important;\n          color: transparent !important;\n          -webkit-text-fill-color: transparent !important;\n        }\n\n        /* \u0422\u0435\u043A\u0441\u0442 \u0440\u0438\u0441\u0443\u0435\u0442 MaskOverlay; \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043F\u0440\u0438 autofill \u043D\u0435 \u0434\u043E\u043B\u0436\u0435\u043D \u043F\u0435\u0440\u0435\u0431\u0438\u0432\u0430\u0442\u044C fill-color. */\n        &:-internal-autofill-selected {\n          color: transparent !important;\n          caret-color: ", " !important;\n        }\n\n        &:-webkit-autofill,\n        &:-webkit-autofill:hover,\n        &:-webkit-autofill:focus {\n          -webkit-text-fill-color: transparent !important;\n          color: transparent !important;\n          /* \u0411\u0435\u0437 \u044D\u0442\u043E\u0433\u043E caret \u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0441\u044F transparent \u0432\u043C\u0435\u0441\u0442\u0435 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C \u0438 \u043D\u0435 \u043C\u0438\u0433\u0430\u0435\u0442. */\n          caret-color: ", " !important;\n        }\n      }\n    "])), t.inputColorScheme, t.inputBg, t.inputTextColor, t.inputBg, t.inputBg, t.inputTextColor, t.inputTextColor, t.inputTextColor, t.inputTextColorDisabled, t.inputDisabledBg, t.inputDisabledBg, t.inputDisabledBg, globalClasses.masked, t.inputTextColor, t.inputTextColor, t.inputTextColor);
+        },
+        overlay: function () {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      user-select: none;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      z-index: 2;\n    "], ["\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      user-select: none;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      z-index: 2;\n    "])));
+        },
+        typed: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      white-space: pre;\n      color: ", ";\n\n      &.", " {\n        color: ", ";\n      }\n    "], ["\n      white-space: pre;\n      color: ", ";\n\n      &.", " {\n        color: ", ";\n      }\n    "])), t.inputTextColor, globalClasses.disabled, t.inputTextColorDisabled);
+        },
+        mask: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      white-space: pre;\n      color: ", ";\n\n      &.", " {\n        color: ", ";\n      }\n\n      &.", " {\n        color: ", ";\n      }\n    "], ["\n      white-space: pre;\n      color: ", ";\n\n      &.", " {\n        color: ", ";\n      }\n\n      &.", " {\n        color: ", ";\n      }\n    "])), t.inputTextColor, globalClasses.colored, t.inputPlaceholderColor, globalClasses.disabled, t.inputTextColorDisabled);
+        },
+        selectedSegment: function () {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background-color: #3390ff;\n      color: #fff !important;\n      -webkit-text-fill-color: #fff !important;\n    "], ["\n      background-color: #3390ff;\n      color: #fff !important;\n      -webkit-text-fill-color: #fff !important;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=MaskedInternal.styles.js.map

package/components/MaskedInputV2/internal/MaskedInternal.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInternal.styles.js","sourceRoot":"","sources":["MaskedInternal.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG3E,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACrD,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,+9EAAA,wBACQ,EAAkB,wEAGZ,EAAS,2EAEpB,EAAgB,kKAMU,EAAS,4CACjB,EAAS,4CACT,EAAgB,+BAClC,EAAgB,mMAEV,EAAgB,mKAOtB,EAAwB,4EAGX,EAAiB,4KAMF,EAAiB,8CACzB,EAAiB,yCAI5C,EAAoB,uGAGP,EAAgB,mlBAWd,EAAgB,iiBAShB,EAAgB,wCAGpC,KA/DiB,CAAC,CAAC,gBAAgB,EAGZ,CAAC,CAAC,OAAO,EAEpB,CAAC,CAAC,cAAc,EAMU,CAAC,CAAC,OAAO,EACjB,CAAC,CAAC,OAAO,EACT,CAAC,CAAC,cAAc,EAClC,CAAC,CAAC,cAAc,EAEV,CAAC,CAAC,cAAc,EAOtB,CAAC,CAAC,sBAAsB,EAGX,CAAC,CAAC,eAAe,EAMF,CAAC,CAAC,eAAe,EACzB,CAAC,CAAC,eAAe,EAI5C,aAAa,CAAC,MAAM,EAGP,CAAC,CAAC,cAAc,EAWd,CAAC,CAAC,cAAc,EAShB,CAAC,CAAC,cAAc,EAGnC;QACJ,CAAC;QACD,OAAO;YACL,OAAO,GAAG,4QAAA,yMAST,KAAC;QACJ,CAAC;QACD,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,yKAAA,0CAEC,EAAgB,eAErB,EAAsB,qBACf,EAAwB,kBAEpC,KALU,CAAC,CAAC,cAAc,EAErB,aAAa,CAAC,QAAQ,EACf,CAAC,CAAC,sBAAsB,EAEnC;QACJ,CAAC;QACD,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0NAAA,0CAEC,EAAgB,eAErB,EAAqB,qBACd,EAAuB,wBAG9B,EAAsB,qBACf,EAAwB,kBAEpC,KATU,CAAC,CAAC,cAAc,EAErB,aAAa,CAAC,OAAO,EACd,CAAC,CAAC,qBAAqB,EAG9B,aAAa,CAAC,QAAQ,EACf,CAAC,CAAC,sBAAsB,EAEnC;QACJ,CAAC;QACD,eAAe;YACb,OAAO,GAAG,6LAAA,0HAIT,KAAC;QACJ,CAAC;KACF,CAAC;AA/G8D,CA+G9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const globalClasses = prefix('masked-internal')({\n  input: 'input',\n  disabled: 'disabled',\n  selected: 'selected',\n  masked: 'masked',\n  colored: 'colored',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  input(t: Theme) {\n    return css`\n      color-scheme: ${t.inputColorScheme};\n\n      &:-internal-autofill-selected {\n        background-color: ${t.inputBg} !important;\n        background-image: none !important;\n        color: ${t.inputTextColor} !important;\n      }\n\n      &:-webkit-autofill,\n      &:-webkit-autofill:hover,\n      &:-webkit-autofill:focus {\n        -webkit-box-shadow: 0 0 0 1000px ${t.inputBg} inset;\n        box-shadow: 0 0 0 1000px ${t.inputBg} inset;\n        -webkit-text-fill-color: ${t.inputTextColor} !important;\n        color: ${t.inputTextColor} !important;\n        /* Chrome иначе скрывает caret при autofill (color/currentColor). */\n        caret-color: ${t.inputTextColor} !important;\n        transition:\n          background-color 0s 600000s,\n          color 0s 600000s !important;\n      }\n\n      &:disabled {\n        color: ${t.inputTextColorDisabled};\n\n        &:-internal-autofill-selected {\n          background-color: ${t.inputDisabledBg} !important;\n        }\n\n        &:-webkit-autofill,\n        &:-webkit-autofill:hover,\n        &:-webkit-autofill:focus {\n          -webkit-box-shadow: 0 0 0 1000px ${t.inputDisabledBg} inset;\n          box-shadow: 0 0 0 1000px ${t.inputDisabledBg} inset;\n        }\n      }\n\n      &.${globalClasses.masked} {\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n        caret-color: ${t.inputTextColor};\n\n        &::selection {\n          background-color: transparent !important;\n          color: transparent !important;\n          -webkit-text-fill-color: transparent !important;\n        }\n\n        /* Текст рисует MaskOverlay; браузер при autofill не должен перебивать fill-color. */\n        &:-internal-autofill-selected {\n          color: transparent !important;\n          caret-color: ${t.inputTextColor} !important;\n        }\n\n        &:-webkit-autofill,\n        &:-webkit-autofill:hover,\n        &:-webkit-autofill:focus {\n          -webkit-text-fill-color: transparent !important;\n          color: transparent !important;\n          /* Без этого caret становится transparent вместе с текстом и не мигает. */\n          caret-color: ${t.inputTextColor} !important;\n        }\n      }\n    `;\n  },\n  overlay() {\n    return css`\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      user-select: none;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      z-index: 2;\n    `;\n  },\n  typed(t: Theme) {\n    return css`\n      white-space: pre;\n      color: ${t.inputTextColor};\n\n      &.${globalClasses.disabled} {\n        color: ${t.inputTextColorDisabled};\n      }\n    `;\n  },\n  mask(t: Theme) {\n    return css`\n      white-space: pre;\n      color: ${t.inputTextColor};\n\n      &.${globalClasses.colored} {\n        color: ${t.inputPlaceholderColor};\n      }\n\n      &.${globalClasses.disabled} {\n        color: ${t.inputTextColorDisabled};\n      }\n    `;\n  },\n  selectedSegment() {\n    return css`\n      background-color: #3390ff;\n      color: #fff !important;\n      -webkit-text-fill-color: #fff !important;\n    `;\n  },\n}));\n"]}

package/components/MaskedInputV2/internal/buildSlotMap.d.ts

@@ -0,0 +1,11 @@
+import type { MaskedPattern } from '../react-imask/imask/index.js';
+import type { SlotMap } from './types.js';
+/**
+ * Строит карту соответствия позиций displayValue и raw-слотов для текущей маски.
+ * Временно сбрасывает IMask в пустое состояние с `lazy: false`, чтобы получить
+ * полный шаблон с плейсхолдерами (например, `"__.__"` для `mask="99.99"`).
+ *
+ * @param imask — IMask-инстанс с настроенной маской.
+ * @returns карта пользовательских слотов и отображения masked ↔ raw.
+ */
+export declare function buildSlotMap(imask: MaskedPattern): SlotMap;

package/components/MaskedInputV2/internal/buildSlotMap.js

@@ -0,0 +1,37 @@
+/**
+ * Строит карту соответствия позиций displayValue и raw-слотов для текущей маски.
+ * Временно сбрасывает IMask в пустое состояние с `lazy: false`, чтобы получить
+ * полный шаблон с плейсхолдерами (например, `"__.__"` для `mask="99.99"`).
+ *
+ * @param imask — IMask-инстанс с настроенной маской.
+ * @returns карта пользовательских слотов и отображения masked ↔ raw.
+ */
+export function buildSlotMap(imask) {
+    var _a, _b, _c;
+    // Сохраняем состояние
+    var savedRaw = imask.unmaskedValue;
+    var savedLazy = (_c = (_b = (_a = imask._masked) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.lazy) !== null && _c !== void 0 ? _c : true;
+    // Получаем пустой шаблон: "_._._" для mask="99.99"
+    imask.unmaskedValue = '';
+    imask.updateOptions({ lazy: false });
+    var emptyDisplay = imask.displayValue;
+    // Восстанавливаем состояние
+    imask.unmaskedValue = savedRaw;
+    imask.updateOptions({ lazy: savedLazy });
+    var placeholderChar = imask.placeholderChar;
+    var userSlots = [];
+    var maskedToRaw = [];
+    var rawToMasked = [];
+    for (var i = 0; i < emptyDisplay.length; i++) {
+        if (emptyDisplay[i] === placeholderChar) {
+            rawToMasked.push(i);
+            maskedToRaw.push(userSlots.length);
+            userSlots.push(i);
+        }
+        else {
+            maskedToRaw.push(null);
+        }
+    }
+    return { userSlots: userSlots, maskedToRaw: maskedToRaw, rawToMasked: rawToMasked };
+}
+//# sourceMappingURL=buildSlotMap.js.map

package/components/MaskedInputV2/internal/buildSlotMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildSlotMap.js","sourceRoot":"","sources":["buildSlotMap.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,KAAoB;;IAC/C,sBAAsB;IACtB,IAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;IACrC,IAAM,SAAS,GAAG,MAAA,MAAA,MAAC,KAAa,CAAC,OAAO,0CAAE,OAAO,0CAAE,IAAI,mCAAI,IAAI,CAAC;IAEhE,mDAAmD;IACnD,KAAK,CAAC,aAAa,GAAG,EAAE,CAAC;IACzB,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IACrC,IAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;IAExC,4BAA4B;IAC5B,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;IAC/B,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAEzC,IAAM,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC;IAC9C,IAAM,SAAS,GAAa,EAAE,CAAC;IAC/B,IAAM,WAAW,GAAyB,EAAE,CAAC;IAC7C,IAAM,WAAW,GAAa,EAAE,CAAC;IAEjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC7C,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,eAAe,EAAE,CAAC;YACxC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACpB,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACnC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,OAAO,EAAE,SAAS,WAAA,EAAE,WAAW,aAAA,EAAE,WAAW,aAAA,EAAE,CAAC;AACjD,CAAC","sourcesContent":["import type { MaskedPattern } from '../react-imask/imask/index.js';\nimport type { SlotMap } from './types.js';\n\n/**\n * Строит карту соответствия позиций displayValue и raw-слотов для текущей маски.\n * Временно сбрасывает IMask в пустое состояние с `lazy: false`, чтобы получить\n * полный шаблон с плейсхолдерами (например, `\"__.__\"` для `mask=\"99.99\"`).\n *\n * @param imask — IMask-инстанс с настроенной маской.\n * @returns карта пользовательских слотов и отображения masked ↔ raw.\n */\nexport function buildSlotMap(imask: MaskedPattern): SlotMap {\n  // Сохраняем состояние\n  const savedRaw = imask.unmaskedValue;\n  const savedLazy = (imask as any)._masked?.options?.lazy ?? true;\n\n  // Получаем пустой шаблон: \"_._._\" для mask=\"99.99\"\n  imask.unmaskedValue = '';\n  imask.updateOptions({ lazy: false });\n  const emptyDisplay = imask.displayValue;\n\n  // Восстанавливаем состояние\n  imask.unmaskedValue = savedRaw;\n  imask.updateOptions({ lazy: savedLazy });\n\n  const placeholderChar = imask.placeholderChar;\n  const userSlots: number[] = [];\n  const maskedToRaw: Array<number | null> = [];\n  const rawToMasked: number[] = [];\n\n  for (let i = 0; i < emptyDisplay.length; i++) {\n    if (emptyDisplay[i] === placeholderChar) {\n      rawToMasked.push(i);\n      maskedToRaw.push(userSlots.length);\n      userSlots.push(i);\n    } else {\n      maskedToRaw.push(null);\n    }\n  }\n\n  return { userSlots, maskedToRaw, rawToMasked };\n}\n"]}

package/components/MaskedInputV2/internal/computeMaskAlignPadding.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+/** Горизонтальный offset начала текста overlay относительно левого края input. */
+export declare function measureOverlayTextStart(input: HTMLInputElement, overlayContainer: HTMLElement | null): number;
+/** Смещение текста input влево, чтобы каретка совпала с overlay при center/right align. */
+export declare function computeMaskAlignPadding(input: HTMLInputElement, displayValue: string, textAlign?: React.CSSProperties['textAlign'], overlayContainer?: HTMLElement | null): number;
+export declare function needsMaskAlignPadding(textAlign?: React.CSSProperties['textAlign']): boolean;

package/components/MaskedInputV2/internal/computeMaskAlignPadding.js

@@ -0,0 +1,47 @@
+import { getOwnerGlobalObject, isBrowser } from '../../../lib/globalObject.js';
+import { measureInputTextWidth } from './measureInputTextWidth.js';
+/** Горизонтальный offset начала текста overlay относительно левого края input. */
+export function measureOverlayTextStart(input, overlayContainer) {
+    if (!overlayContainer) {
+        return 0;
+    }
+    var textEl = overlayContainer.querySelector('[data-tid="masked-input-overlay"]');
+    if (!(textEl === null || textEl === void 0 ? void 0 : textEl.textContent)) {
+        return 0;
+    }
+    var globalObject = getOwnerGlobalObject(input);
+    if (!isBrowser(globalObject) || !('createRange' in globalObject.document)) {
+        return 0;
+    }
+    var range = globalObject.document.createRange();
+    range.selectNodeContents(textEl);
+    var textRect = range.getBoundingClientRect();
+    var inputRect = input.getBoundingClientRect();
+    return Math.max(0, textRect.left - inputRect.left);
+}
+function computeMaskAlignPaddingFromTextWidth(input, displayValue, textAlign) {
+    var textWidth = measureInputTextWidth(input, displayValue);
+    var availableWidth = input.clientWidth;
+    if (textAlign === 'center') {
+        return Math.max(0, (availableWidth - textWidth) / 2);
+    }
+    return Math.max(0, availableWidth - textWidth);
+}
+/** Смещение текста input влево, чтобы каретка совпала с overlay при center/right align. */
+export function computeMaskAlignPadding(input, displayValue, textAlign, overlayContainer) {
+    if (textAlign !== 'center' && textAlign !== 'right') {
+        return 0;
+    }
+    if (!displayValue) {
+        return 0;
+    }
+    var measuredStart = measureOverlayTextStart(input, overlayContainer !== null && overlayContainer !== void 0 ? overlayContainer : null);
+    if (measuredStart > 0) {
+        return measuredStart;
+    }
+    return computeMaskAlignPaddingFromTextWidth(input, displayValue, textAlign);
+}
+export function needsMaskAlignPadding(textAlign) {
+    return textAlign === 'center' || textAlign === 'right';
+}
+//# sourceMappingURL=computeMaskAlignPadding.js.map

package/components/MaskedInputV2/internal/computeMaskAlignPadding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeMaskAlignPadding.js","sourceRoot":"","sources":["computeMaskAlignPadding.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,kFAAkF;AAClF,MAAM,UAAU,uBAAuB,CAAC,KAAuB,EAAE,gBAAoC;IACnG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAM,MAAM,GAAG,gBAAgB,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC;IACnF,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,CAAA,EAAE,CAAC;QACzB,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACjD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1E,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;IAClD,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACjC,IAAM,QAAQ,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IAC/C,IAAM,SAAS,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IAEhD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AACrD,CAAC;AAED,SAAS,oCAAoC,CAC3C,KAAuB,EACvB,YAAoB,EACpB,SAA6B;IAE7B,IAAM,SAAS,GAAG,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IAC7D,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC;IAEzC,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,cAAc,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC,CAAC;AACjD,CAAC;AAED,2FAA2F;AAC3F,MAAM,UAAU,uBAAuB,CACrC,KAAuB,EACvB,YAAoB,EACpB,SAA4C,EAC5C,gBAAqC;IAErC,IAAI,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QACpD,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAM,aAAa,GAAG,uBAAuB,CAAC,KAAK,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAI,CAAC,CAAC;IAC/E,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;QACtB,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,OAAO,oCAAoC,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AAC9E,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,SAA4C;IAChF,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,OAAO,CAAC;AACzD,CAAC","sourcesContent":["import type React from 'react';\n\nimport { getOwnerGlobalObject, isBrowser } from '../../../lib/globalObject.js';\nimport { measureInputTextWidth } from './measureInputTextWidth.js';\n\n/** Горизонтальный offset начала текста overlay относительно левого края input. */\nexport function measureOverlayTextStart(input: HTMLInputElement, overlayContainer: HTMLElement | null): number {\n  if (!overlayContainer) {\n    return 0;\n  }\n\n  const textEl = overlayContainer.querySelector('[data-tid=\"masked-input-overlay\"]');\n  if (!textEl?.textContent) {\n    return 0;\n  }\n\n  const globalObject = getOwnerGlobalObject(input);\n  if (!isBrowser(globalObject) || !('createRange' in globalObject.document)) {\n    return 0;\n  }\n\n  const range = globalObject.document.createRange();\n  range.selectNodeContents(textEl);\n  const textRect = range.getBoundingClientRect();\n  const inputRect = input.getBoundingClientRect();\n\n  return Math.max(0, textRect.left - inputRect.left);\n}\n\nfunction computeMaskAlignPaddingFromTextWidth(\n  input: HTMLInputElement,\n  displayValue: string,\n  textAlign: 'center' | 'right',\n): number {\n  const textWidth = measureInputTextWidth(input, displayValue);\n  const availableWidth = input.clientWidth;\n\n  if (textAlign === 'center') {\n    return Math.max(0, (availableWidth - textWidth) / 2);\n  }\n\n  return Math.max(0, availableWidth - textWidth);\n}\n\n/** Смещение текста input влево, чтобы каретка совпала с overlay при center/right align. */\nexport function computeMaskAlignPadding(\n  input: HTMLInputElement,\n  displayValue: string,\n  textAlign?: React.CSSProperties['textAlign'],\n  overlayContainer?: HTMLElement | null,\n): number {\n  if (textAlign !== 'center' && textAlign !== 'right') {\n    return 0;\n  }\n\n  if (!displayValue) {\n    return 0;\n  }\n\n  const measuredStart = measureOverlayTextStart(input, overlayContainer ?? null);\n  if (measuredStart > 0) {\n    return measuredStart;\n  }\n\n  return computeMaskAlignPaddingFromTextWidth(input, displayValue, textAlign);\n}\n\nexport function needsMaskAlignPadding(textAlign?: React.CSSProperties['textAlign']): boolean {\n  return textAlign === 'center' || textAlign === 'right';\n}\n"]}

package/components/MaskedInputV2/internal/computePasteMaskedCursor.d.ts

@@ -0,0 +1,3 @@
+import type { SlotMap } from './types.js';
+/** Masked-позиция каретки после вставки в rawCursorPos. */
+export declare function computePasteMaskedCursor(rawBefore: string, rawAfter: string, resultRaw: string, rawCursorPos: number, slotMap: SlotMap, typedLength: number): number;

package/components/MaskedInputV2/internal/computePasteMaskedCursor.js

@@ -0,0 +1,11 @@
+/** Masked-позиция каретки после вставки в rawCursorPos. */
+export function computePasteMaskedCursor(rawBefore, rawAfter, resultRaw, rawCursorPos, slotMap, typedLength) {
+    var _a;
+    var insertedRawLength = resultRaw.length - rawBefore.length - rawAfter.length;
+    var newRawCursorPos = rawCursorPos + Math.max(0, insertedRawLength);
+    if (newRawCursorPos >= slotMap.rawToMasked.length) {
+        return typedLength;
+    }
+    return (_a = slotMap.rawToMasked[newRawCursorPos]) !== null && _a !== void 0 ? _a : typedLength;
+}
+//# sourceMappingURL=computePasteMaskedCursor.js.map

package/components/MaskedInputV2/internal/computePasteMaskedCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computePasteMaskedCursor.js","sourceRoot":"","sources":["computePasteMaskedCursor.ts"],"names":[],"mappings":"AAEA,2DAA2D;AAC3D,MAAM,UAAU,wBAAwB,CACtC,SAAiB,EACjB,QAAgB,EAChB,SAAiB,EACjB,YAAoB,EACpB,OAAgB,EAChB,WAAmB;;IAEnB,IAAM,iBAAiB,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAChF,IAAM,eAAe,GAAG,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC;IAEtE,IAAI,eAAe,IAAI,OAAO,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;QAClD,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,OAAO,MAAA,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,mCAAI,WAAW,CAAC;AAC7D,CAAC","sourcesContent":["import type { SlotMap } from './types.js';\n\n/** Masked-позиция каретки после вставки в rawCursorPos. */\nexport function computePasteMaskedCursor(\n  rawBefore: string,\n  rawAfter: string,\n  resultRaw: string,\n  rawCursorPos: number,\n  slotMap: SlotMap,\n  typedLength: number,\n): number {\n  const insertedRawLength = resultRaw.length - rawBefore.length - rawAfter.length;\n  const newRawCursorPos = rawCursorPos + Math.max(0, insertedRawLength);\n\n  if (newRawCursorPos >= slotMap.rawToMasked.length) {\n    return typedLength;\n  }\n\n  return slotMap.rawToMasked[newRawCursorPos] ?? typedLength;\n}\n"]}

package/components/MaskedInputV2/internal/extractRaw.d.ts

@@ -0,0 +1,10 @@
+import type { MaskEngine } from './types.js';
+/**
+ * Извлекает raw (unmasked) значение из masked или unmasked строки.
+ * Принимает любой формат — IMask сам разберёт.
+ *
+ * @param value — значение из props или буфера обмена (masked/unmasked).
+ * @param engine — движок маски с IMask-инстансом.
+ * @returns строка только из пользовательских символов без литералов маски.
+ */
+export declare function extractRaw(value: string | number | null | undefined, engine: Pick<MaskEngine, 'imask'>): string;

package/components/MaskedInputV2/internal/extractRaw.js

@@ -0,0 +1,16 @@
+/**
+ * Извлекает raw (unmasked) значение из masked или unmasked строки.
+ * Принимает любой формат — IMask сам разберёт.
+ *
+ * @param value — значение из props или буфера обмена (masked/unmasked).
+ * @param engine — движок маски с IMask-инстансом.
+ * @returns строка только из пользовательских символов без литералов маски.
+ */
+export function extractRaw(value, engine) {
+    if (value === null || value === undefined || value === '') {
+        return '';
+    }
+    engine.imask.value = String(value);
+    return engine.imask.rawInputValue;
+}
+//# sourceMappingURL=extractRaw.js.map

package/components/MaskedInputV2/internal/extractRaw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractRaw.js","sourceRoot":"","sources":["extractRaw.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,KAAyC,EAAE,MAAiC;IACrG,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QAC1D,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,OAAO,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC;AACpC,CAAC","sourcesContent":["import type { MaskEngine } from './types.js';\n\n/**\n * Извлекает raw (unmasked) значение из masked или unmasked строки.\n * Принимает любой формат — IMask сам разберёт.\n *\n * @param value — значение из props или буфера обмена (masked/unmasked).\n * @param engine — движок маски с IMask-инстансом.\n * @returns строка только из пользовательских символов без литералов маски.\n */\nexport function extractRaw(value: string | number | null | undefined, engine: Pick<MaskEngine, 'imask'>): string {\n  if (value === null || value === undefined || value === '') {\n    return '';\n  }\n  engine.imask.value = String(value);\n  return engine.imask.rawInputValue;\n}\n"]}

package/components/MaskedInputV2/internal/findNearestRawLeft.d.ts

@@ -0,0 +1,10 @@
+import type { SlotMap } from './types.js';
+/**
+ * Для позиции курсора на фиксированном символе маски ищет позицию вставки
+ * после ближайшего пользовательского слота слева.
+ *
+ * @param maskedPos — позиция курсора в displayValue.
+ * @param slotMap — карта соответствия позиций маски и raw-слотов.
+ * @returns индекс в raw для вставки; `0`, если слева нет пользовательских слотов.
+ */
+export declare function findNearestRawLeft(maskedPos: number, slotMap: SlotMap): number;

package/components/MaskedInputV2/internal/findNearestRawLeft.js

@@ -0,0 +1,18 @@
+/**
+ * Для позиции курсора на фиксированном символе маски ищет позицию вставки
+ * после ближайшего пользовательского слота слева.
+ *
+ * @param maskedPos — позиция курсора в displayValue.
+ * @param slotMap — карта соответствия позиций маски и raw-слотов.
+ * @returns индекс в raw для вставки; `0`, если слева нет пользовательских слотов.
+ */
+export function findNearestRawLeft(maskedPos, slotMap) {
+    for (var i = maskedPos - 1; i >= 0; i--) {
+        var raw = slotMap.maskedToRaw[i];
+        if (raw !== null && raw !== undefined) {
+            return raw + 1;
+        }
+    }
+    return 0;
+}
+//# sourceMappingURL=findNearestRawLeft.js.map

package/components/MaskedInputV2/internal/findNearestRawLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findNearestRawLeft.js","sourceRoot":"","sources":["findNearestRawLeft.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,UAAU,kBAAkB,CAAC,SAAiB,EAAE,OAAgB;IACpE,KAAK,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,IAAM,GAAG,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACnC,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtC,OAAO,GAAG,GAAG,CAAC,CAAC;QACjB,CAAC;IACH,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC","sourcesContent":["import type { SlotMap } from './types.js';\n\n/**\n * Для позиции курсора на фиксированном символе маски ищет позицию вставки\n * после ближайшего пользовательского слота слева.\n *\n * @param maskedPos — позиция курсора в displayValue.\n * @param slotMap — карта соответствия позиций маски и raw-слотов.\n * @returns индекс в raw для вставки; `0`, если слева нет пользовательских слотов.\n */\nexport function findNearestRawLeft(maskedPos: number, slotMap: SlotMap): number {\n  for (let i = maskedPos - 1; i >= 0; i--) {\n    const raw = slotMap.maskedToRaw[i];\n    if (raw !== null && raw !== undefined) {\n      return raw + 1;\n    }\n  }\n  return 0;\n}\n"]}

package/components/MaskedInputV2/internal/helpers.d.ts

@@ -0,0 +1,8 @@
+/** Re-export утилит работы с маской из отдельных модулей. */
+export { buildSlotMap } from './buildSlotMap.js';
+export { computeMaskAlignPadding, needsMaskAlignPadding } from './computeMaskAlignPadding.js';
+export { computePasteMaskedCursor } from './computePasteMaskedCursor.js';
+export { extractRaw } from './extractRaw.js';
+export { findNearestRawLeft } from './findNearestRawLeft.js';
+export { getShowOverlay } from './showOverlay.js';
+export { stripMaskChars } from './stripMaskChars.js';

package/components/MaskedInputV2/internal/helpers.js

@@ -0,0 +1,9 @@
+/** Re-export утилит работы с маской из отдельных модулей. */
+export { buildSlotMap } from './buildSlotMap.js';
+export { computeMaskAlignPadding, needsMaskAlignPadding } from './computeMaskAlignPadding.js';
+export { computePasteMaskedCursor } from './computePasteMaskedCursor.js';
+export { extractRaw } from './extractRaw.js';
+export { findNearestRawLeft } from './findNearestRawLeft.js';
+export { getShowOverlay } from './showOverlay.js';
+export { stripMaskChars } from './stripMaskChars.js';
+//# sourceMappingURL=helpers.js.map

package/components/MaskedInputV2/internal/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["helpers.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC9F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["/** Re-export утилит работы с маской из отдельных модулей. */\nexport { buildSlotMap } from './buildSlotMap.js';\nexport { computeMaskAlignPadding, needsMaskAlignPadding } from './computeMaskAlignPadding.js';\nexport { computePasteMaskedCursor } from './computePasteMaskedCursor.js';\nexport { extractRaw } from './extractRaw.js';\nexport { findNearestRawLeft } from './findNearestRawLeft.js';\nexport { getShowOverlay } from './showOverlay.js';\nexport { stripMaskChars } from './stripMaskChars.js';\n"]}

package/components/MaskedInputV2/internal/maskedCoreClipboard.d.ts

@@ -0,0 +1,37 @@
+import type { SlotMap } from './types.js';
+/**
+ * Возвращает текст для буфера обмена при copy/cut.
+ * В отличие от raw, включает литералы маски из displayValue.
+ *
+ * @param displayValue — полное отображаемое значение маски.
+ * @param start — начало выделения в displayValue.
+ * @param end — конец выделения в displayValue.
+ */
+export declare function getMaskedCopyText(displayValue: string, start: number, end: number): string;
+/** Диапазон пользовательских слотов, попавших в выделение displayValue. */
+export interface SelectionRawRange {
+    rawStart: number;
+    rawEnd: number;
+}
+/**
+ * Находит raw-диапазон `[rawStart, rawEnd)` для выделения в displayValue.
+ * Сканирует весь `[start, end)` — край на литерале маски не должен обнулять диапазон.
+ *
+ * @returns `null`, если в выделении нет пользовательских слотов.
+ */
+export declare function getSelectionRawRange(start: number, end: number, slotMap: SlotMap): SelectionRawRange | null;
+/** Результат cut: новое raw и позиция курсора. */
+export interface MaskedCutResult {
+    newRaw: string;
+    cursorPos: number;
+}
+/**
+ * Удаляет из raw пользовательские символы, попавшие в выделение displayValue.
+ *
+ * @param start — начало выделения в displayValue.
+ * @param end — конец выделения в displayValue.
+ * @param currentRaw — текущее raw-значение.
+ * @param slotMap — карта слотов маски.
+ * @returns новое raw и позицию курсора после cut.
+ */
+export declare function computeMaskedCut(start: number, end: number, currentRaw: string, slotMap: SlotMap): MaskedCutResult;

package/components/MaskedInputV2/internal/maskedCoreClipboard.js

@@ -0,0 +1,52 @@
+/**
+ * Возвращает текст для буфера обмена при copy/cut.
+ * В отличие от raw, включает литералы маски из displayValue.
+ *
+ * @param displayValue — полное отображаемое значение маски.
+ * @param start — начало выделения в displayValue.
+ * @param end — конец выделения в displayValue.
+ */
+export function getMaskedCopyText(displayValue, start, end) {
+    return displayValue.slice(start, end);
+}
+/**
+ * Находит raw-диапазон `[rawStart, rawEnd)` для выделения в displayValue.
+ * Сканирует весь `[start, end)` — край на литерале маски не должен обнулять диапазон.
+ *
+ * @returns `null`, если в выделении нет пользовательских слотов.
+ */
+export function getSelectionRawRange(start, end, slotMap) {
+    var rawStart = Infinity;
+    var rawEnd = -1;
+    for (var i = start; i < end; i++) {
+        var rawPos = slotMap.maskedToRaw[i];
+        if (rawPos !== null && rawPos !== undefined) {
+            rawStart = Math.min(rawStart, rawPos);
+            rawEnd = Math.max(rawEnd, rawPos + 1);
+        }
+    }
+    if (rawEnd === -1) {
+        return null;
+    }
+    return { rawStart: rawStart, rawEnd: rawEnd };
+}
+/**
+ * Удаляет из raw пользовательские символы, попавшие в выделение displayValue.
+ *
+ * @param start — начало выделения в displayValue.
+ * @param end — конец выделения в displayValue.
+ * @param currentRaw — текущее raw-значение.
+ * @param slotMap — карта слотов маски.
+ * @returns новое raw и позицию курсора после cut.
+ */
+export function computeMaskedCut(start, end, currentRaw, slotMap) {
+    var _a;
+    var range = getSelectionRawRange(start, end, slotMap);
+    if (!range) {
+        return { newRaw: currentRaw, cursorPos: start };
+    }
+    var newRaw = currentRaw.slice(0, range.rawStart) + currentRaw.slice(range.rawEnd);
+    var cursorPos = (_a = slotMap.rawToMasked[range.rawStart]) !== null && _a !== void 0 ? _a : start;
+    return { newRaw: newRaw, cursorPos: cursorPos };
+}
+//# sourceMappingURL=maskedCoreClipboard.js.map

package/components/MaskedInputV2/internal/maskedCoreClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maskedCoreClipboard.js","sourceRoot":"","sources":["maskedCoreClipboard.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB,CAAC,YAAoB,EAAE,KAAa,EAAE,GAAW;IAChF,OAAO,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AACxC,CAAC;AAQD;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAa,EAAE,GAAW,EAAE,OAAgB;IAC/E,IAAI,QAAQ,GAAG,QAAQ,CAAC;IACxB,IAAI,MAAM,GAAG,CAAC,CAAC,CAAC;IAEhB,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACjC,IAAM,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YAC5C,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACtC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAED,IAAI,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,EAAE,QAAQ,UAAA,EAAE,MAAM,QAAA,EAAE,CAAC;AAC9B,CAAC;AAQD;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAa,EAAE,GAAW,EAAE,UAAkB,EAAE,OAAgB;;IAC/F,IAAM,KAAK,GAAG,oBAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IACxD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IAClD,CAAC;IAED,IAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpF,IAAM,SAAS,GAAG,MAAA,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,mCAAI,KAAK,CAAC;IAE/D,OAAO,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AAC/B,CAAC","sourcesContent":["import type { SlotMap } from './types.js';\n\n/**\n * Возвращает текст для буфера обмена при copy/cut.\n * В отличие от raw, включает литералы маски из displayValue.\n *\n * @param displayValue — полное отображаемое значение маски.\n * @param start — начало выделения в displayValue.\n * @param end — конец выделения в displayValue.\n */\nexport function getMaskedCopyText(displayValue: string, start: number, end: number): string {\n  return displayValue.slice(start, end);\n}\n\n/** Диапазон пользовательских слотов, попавших в выделение displayValue. */\nexport interface SelectionRawRange {\n  rawStart: number;\n  rawEnd: number;\n}\n\n/**\n * Находит raw-диапазон `[rawStart, rawEnd)` для выделения в displayValue.\n * Сканирует весь `[start, end)` — край на литерале маски не должен обнулять диапазон.\n *\n * @returns `null`, если в выделении нет пользовательских слотов.\n */\nexport function getSelectionRawRange(start: number, end: number, slotMap: SlotMap): SelectionRawRange | null {\n  let rawStart = Infinity;\n  let rawEnd = -1;\n\n  for (let i = start; i < end; i++) {\n    const rawPos = slotMap.maskedToRaw[i];\n    if (rawPos !== null && rawPos !== undefined) {\n      rawStart = Math.min(rawStart, rawPos);\n      rawEnd = Math.max(rawEnd, rawPos + 1);\n    }\n  }\n\n  if (rawEnd === -1) {\n    return null;\n  }\n\n  return { rawStart, rawEnd };\n}\n\n/** Результат cut: новое raw и позиция курсора. */\nexport interface MaskedCutResult {\n  newRaw: string;\n  cursorPos: number;\n}\n\n/**\n * Удаляет из raw пользовательские символы, попавшие в выделение displayValue.\n *\n * @param start — начало выделения в displayValue.\n * @param end — конец выделения в displayValue.\n * @param currentRaw — текущее raw-значение.\n * @param slotMap — карта слотов маски.\n * @returns новое raw и позицию курсора после cut.\n */\nexport function computeMaskedCut(start: number, end: number, currentRaw: string, slotMap: SlotMap): MaskedCutResult {\n  const range = getSelectionRawRange(start, end, slotMap);\n  if (!range) {\n    return { newRaw: currentRaw, cursorPos: start };\n  }\n\n  const newRaw = currentRaw.slice(0, range.rawStart) + currentRaw.slice(range.rawEnd);\n  const cursorPos = slotMap.rawToMasked[range.rawStart] ?? start;\n\n  return { newRaw, cursorPos };\n}\n"]}

package/components/MaskedInputV2/internal/maskedCoreDeletion.d.ts

@@ -0,0 +1,28 @@
+import type { SlotMap } from './types.js';
+/** Параметры удаления через Backspace/Delete. */
+export interface MaskedDeletionParams {
+    /** `true` для Backspace, `false` для Delete. */
+    isBackspace: boolean;
+    /** Начало выделения в displayValue. */
+    selStart: number;
+    /** Конец выделения в displayValue. */
+    selEnd: number;
+    /** Текущее raw-значение. */
+    currentRaw: string;
+    /** Карта слотов маски. */
+    slotMap: SlotMap;
+}
+/** Успешный результат удаления символов маски. */
+export interface MaskedDeletionResult {
+    /** Raw после удаления. */
+    newRaw: string;
+    /** Позиция курсора в displayValue после удаления. */
+    cursorPos: number;
+}
+/**
+ * Вычисляет raw и позицию курсора после Backspace/Delete с учётом фиксированных символов маски.
+ *
+ * @param params — текущее выделение и состояние маски.
+ * @returns новое raw и cursorPos или `null`, если удалять нечего.
+ */
+export declare function computeMaskedDeletion(params: MaskedDeletionParams): MaskedDeletionResult | null;

package/components/MaskedInputV2/internal/maskedCoreDeletion.js

@@ -0,0 +1,70 @@
+/**
+ * Вычисляет raw и позицию курсора после Backspace/Delete с учётом фиксированных символов маски.
+ *
+ * @param params — текущее выделение и состояние маски.
+ * @returns новое raw и cursorPos или `null`, если удалять нечего.
+ */
+export function computeMaskedDeletion(params) {
+    var _a, _b, _c;
+    var isBackspace = params.isBackspace, selStart = params.selStart, selEnd = params.selEnd, currentRaw = params.currentRaw, slotMap = params.slotMap;
+    var rawStart;
+    var rawEnd;
+    var cursorPos;
+    if (selStart === selEnd) {
+        if (isBackspace) {
+            var rawPos = -1;
+            for (var i = selStart - 1; i >= 0; i--) {
+                var r = slotMap.maskedToRaw[i];
+                if (r !== null && r !== undefined) {
+                    rawPos = r;
+                    break;
+                }
+            }
+            if (rawPos === -1 || rawPos >= currentRaw.length) {
+                return null;
+            }
+            rawStart = rawPos;
+            rawEnd = rawPos + 1;
+            cursorPos = (_a = slotMap.rawToMasked[rawPos]) !== null && _a !== void 0 ? _a : 0;
+        }
+        else {
+            var rawPos = -1;
+            for (var i = selStart; i < slotMap.maskedToRaw.length; i++) {
+                var r = slotMap.maskedToRaw[i];
+                if (r !== null && r !== undefined) {
+                    rawPos = r;
+                    break;
+                }
+            }
+            if (rawPos === -1 || rawPos >= currentRaw.length) {
+                return null;
+            }
+            rawStart = rawPos;
+            rawEnd = rawPos + 1;
+            cursorPos = (_b = slotMap.rawToMasked[rawPos]) !== null && _b !== void 0 ? _b : 0;
+        }
+    }
+    else {
+        var rStart = Infinity;
+        var rEnd = -1;
+        for (var i = selStart; i < selEnd; i++) {
+            var r = slotMap.maskedToRaw[i];
+            if (r !== null && r !== undefined) {
+                rStart = Math.min(rStart, r);
+                rEnd = Math.max(rEnd, r + 1);
+            }
+        }
+        if (rEnd === -1) {
+            return null;
+        }
+        rawStart = rStart;
+        rawEnd = rEnd;
+        cursorPos = (_c = slotMap.rawToMasked[rawStart]) !== null && _c !== void 0 ? _c : selStart;
+    }
+    var newRaw = currentRaw.slice(0, rawStart) + currentRaw.slice(rawEnd);
+    if (newRaw === currentRaw) {
+        return null;
+    }
+    return { newRaw: newRaw, cursorPos: cursorPos };
+}
+//# sourceMappingURL=maskedCoreDeletion.js.map

package/components/MaskedInputV2/internal/maskedCoreDeletion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maskedCoreDeletion.js","sourceRoot":"","sources":["maskedCoreDeletion.ts"],"names":[],"mappings":"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","sourcesContent":["import type { SlotMap } from './types.js';\n\n/** Параметры удаления через Backspace/Delete. */\nexport interface MaskedDeletionParams {\n  /** `true` для Backspace, `false` для Delete. */\n  isBackspace: boolean;\n  /** Начало выделения в displayValue. */\n  selStart: number;\n  /** Конец выделения в displayValue. */\n  selEnd: number;\n  /** Текущее raw-значение. */\n  currentRaw: string;\n  /** Карта слотов маски. */\n  slotMap: SlotMap;\n}\n\n/** Успешный результат удаления символов маски. */\nexport interface MaskedDeletionResult {\n  /** Raw после удаления. */\n  newRaw: string;\n  /** Позиция курсора в displayValue после удаления. */\n  cursorPos: number;\n}\n\n/**\n * Вычисляет raw и позицию курсора после Backspace/Delete с учётом фиксированных символов маски.\n *\n * @param params — текущее выделение и состояние маски.\n * @returns новое raw и cursorPos или `null`, если удалять нечего.\n */\nexport function computeMaskedDeletion(params: MaskedDeletionParams): MaskedDeletionResult | null {\n  const { isBackspace, selStart, selEnd, currentRaw, slotMap } = params;\n\n  let rawStart: number;\n  let rawEnd: number;\n  let cursorPos: number;\n\n  if (selStart === selEnd) {\n    if (isBackspace) {\n      let rawPos = -1;\n      for (let i = selStart - 1; i >= 0; i--) {\n        const r = slotMap.maskedToRaw[i];\n        if (r !== null && r !== undefined) {\n          rawPos = r;\n          break;\n        }\n      }\n      if (rawPos === -1 || rawPos >= currentRaw.length) {\n        return null;\n      }\n      rawStart = rawPos;\n      rawEnd = rawPos + 1;\n      cursorPos = slotMap.rawToMasked[rawPos] ?? 0;\n    } else {\n      let rawPos = -1;\n      for (let i = selStart; i < slotMap.maskedToRaw.length; i++) {\n        const r = slotMap.maskedToRaw[i];\n        if (r !== null && r !== undefined) {\n          rawPos = r;\n          break;\n        }\n      }\n      if (rawPos === -1 || rawPos >= currentRaw.length) {\n        return null;\n      }\n      rawStart = rawPos;\n      rawEnd = rawPos + 1;\n      cursorPos = slotMap.rawToMasked[rawPos] ?? 0;\n    }\n  } else {\n    let rStart = Infinity;\n    let rEnd = -1;\n    for (let i = selStart; i < selEnd; i++) {\n      const r = slotMap.maskedToRaw[i];\n      if (r !== null && r !== undefined) {\n        rStart = Math.min(rStart, r);\n        rEnd = Math.max(rEnd, r + 1);\n      }\n    }\n    if (rEnd === -1) {\n      return null;\n    }\n    rawStart = rStart;\n    rawEnd = rEnd;\n    cursorPos = slotMap.rawToMasked[rawStart] ?? selStart;\n  }\n\n  const newRaw = currentRaw.slice(0, rawStart) + currentRaw.slice(rawEnd);\n  if (newRaw === currentRaw) {\n    return null;\n  }\n\n  return { newRaw, cursorPos };\n}\n"]}

package/components/MaskedInputV2/internal/maskedCoreInputChange.d.ts

@@ -0,0 +1,38 @@
+import type { MaskEngine } from './types.js';
+/** Параметры обработки нативного `change` от `<input>`. */
+export interface MaskedInputChangeParams {
+    /** Черновик value, который браузер записал в input. */
+    browserDraft: string;
+    /** Позиция курсора после изменения. */
+    cursorPos: number;
+    /** Текущее typedValue из MaskState. */
+    typedValue: string;
+    /** Текущее raw-значение (источник истины). */
+    currentRaw: string;
+    /** Предыдущее выделение до изменения. */
+    oldSelection: {
+        start: number;
+        end: number;
+    };
+    /** IMask-движок. */
+    engine: Pick<MaskEngine, 'imask'>;
+}
+/** Результат применения пользовательского ввода через IMask. */
+export interface MaskedInputChangeResult {
+    /** Новое raw после splice. */
+    newRaw: string;
+    /** Позиция курсора, которую нужно установить. */
+    cursorPos: number;
+    /** `true`, если символ не был принят (raw не изменился). */
+    rejected: boolean;
+}
+/**
+ * Применяет пользовательский ввод к IMask через `splice` и вычисляет новый raw с позицией курсора.
+ *
+ * Если вставка совпала с литералом маски (`7` в `7 999`) и raw не изменился,
+ * повторяет splice в ближайшем input-слоте справа.
+ *
+ * @param params — состояние input до/после изменения.
+ * @returns новое raw, позицию курсора и флаг отклонённого ввода.
+ */
+export declare function applyMaskedInputChange(params: MaskedInputChangeParams): MaskedInputChangeResult;

package/components/MaskedInputV2/internal/maskedCoreInputChange.js

@@ -0,0 +1,49 @@
+import { ActionDetails } from '../react-imask/imask/core/action-details.js';
+import { DIRECTION } from '../react-imask/imask/core/utils.js';
+var SPLICE_FLAGS = { input: true, raw: true };
+/**
+ * Применяет пользовательский ввод к IMask через `splice` и вычисляет новый raw с позицией курсора.
+ *
+ * Если вставка совпала с литералом маски (`7` в `7 999`) и raw не изменился,
+ * повторяет splice в ближайшем input-слоте справа.
+ *
+ * @param params — состояние input до/после изменения.
+ * @returns новое raw, позицию курсора и флаг отклонённого ввода.
+ */
+export function applyMaskedInputChange(params) {
+    var browserDraft = params.browserDraft, cursorPos = params.cursorPos, typedValue = params.typedValue, currentRaw = params.currentRaw, oldSelection = params.oldSelection, engine = params.engine;
+    var imask = engine.imask;
+    var details = new ActionDetails({
+        value: browserDraft,
+        cursorPos: cursorPos,
+        oldValue: typedValue,
+        oldSelection: oldSelection,
+    });
+    var savedState = imask.state;
+    var oldRawValue = imask.unmaskedValue;
+    var spliceStart = details.startChangePos;
+    var spliceResult = imask.splice(spliceStart, details.removed.length, details.inserted, details.removeDirection, SPLICE_FLAGS);
+    var newRaw = imask.rawInputValue;
+    // Литерал вроде ведущей `7` в `7 999` может поглотить кейстрек без изменения raw.
+    // Тогда пробуем вставить тот же символ в ближайший input-слот справа.
+    if (newRaw === currentRaw && details.inserted.length === 1 && details.removed.length === 0) {
+        imask.state = savedState;
+        var inputPos = imask.nearestInputPos(details.startChangePos, DIRECTION.RIGHT);
+        if (inputPos !== details.startChangePos) {
+            spliceStart = inputPos;
+            spliceResult = imask.splice(inputPos, 0, details.inserted, details.removeDirection, SPLICE_FLAGS);
+            newRaw = imask.rawInputValue;
+        }
+    }
+    var removeDirection = oldRawValue === imask.unmaskedValue ? details.removeDirection : DIRECTION.NONE;
+    var newCursorPos = imask.nearestInputPos(spliceStart + spliceResult.offset, removeDirection);
+    if (removeDirection !== DIRECTION.NONE) {
+        newCursorPos = imask.nearestInputPos(newCursorPos, DIRECTION.NONE);
+    }
+    return {
+        newRaw: newRaw,
+        cursorPos: newCursorPos,
+        rejected: newRaw === currentRaw,
+    };
+}
+//# sourceMappingURL=maskedCoreInputChange.js.map