@cloudscape-design/components 3.0.0

package/internal/components/masked-input/keyboard-handler.js

@@ -0,0 +1,73 @@
+/**
+ * Handles character removal
+ *
+ * @param initialValue Current value of input
+ * @param format MaskFormat object
+ * @param selectionStart Starting index value of selection cursor
+ * @param selectionEnd Ending Index value of selection cursor
+ */
+export var backspaceHandler = function (initialValue, format, selectionStart, selectionEnd) {
+    var multiCharDelete = selectionStart !== selectionEnd;
+    if (multiCharDelete) {
+        var isCursorAtEnd = selectionEnd === initialValue.length;
+        if (!isCursorAtEnd) {
+            return format.replaceDigitsWithZeroes(initialValue, selectionStart, selectionEnd);
+        }
+        return {
+            value: initialValue.slice(0, selectionStart),
+            position: selectionStart
+        };
+    }
+    var isSeparator = format.isSegmentStart(selectionStart);
+    var atEnd = selectionStart === initialValue.length;
+    if (!atEnd) {
+        if (isSeparator) {
+            return format.deleteSeparator(initialValue, selectionStart);
+        }
+        else {
+            return format.deleteDigit(initialValue, selectionStart);
+        }
+    }
+    if (isSeparator) {
+        return {
+            value: initialValue.slice(0, selectionStart - 2),
+            position: selectionStart - 2
+        };
+    }
+    return {
+        value: initialValue.slice(0, selectionStart - 1),
+        position: selectionStart - 1
+    };
+};
+/**
+ * Handle key down events
+ *
+ * @param initialValue Current value of input
+ * @param key Key that was pressed
+ * @param format MaskFormat object
+ * @param selectionStart Starting index value of selection cursor
+ * @param selectionEnd Ending Index value of selection cursor
+ */
+export var keyHandler = function (initialValue, key, format, selectionStart, selectionEnd) {
+    var value = initialValue;
+    var position = selectionStart;
+    // return if no more digits can be added at the end
+    if (selectionStart === value.length && value.length === format.getMaxLength()) {
+        return { value: value, position: position };
+    }
+    // if range is selected to the end, remove all of that selection first
+    if (selectionStart !== value.length && selectionEnd === value.length) {
+        var sliceEnd = format.isCursorAtSeparator(selectionStart) ? selectionStart + 1 : selectionStart;
+        value = initialValue.slice(0, sliceEnd);
+    }
+    if (format.isCursorAtSeparator(position)) {
+        return { value: value, position: position + 1 };
+    }
+    return format.processKey(value, key, position);
+};
+export var enterHandler = function (value, format) {
+    var autoCompletedValue = format.autoComplete(value);
+    var position = autoCompletedValue.length;
+    return { value: autoCompletedValue, position: position };
+};
+//# sourceMappingURL=keyboard-handler.js.map

package/internal/components/masked-input/keyboard-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-handler.js","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/keyboard-handler.ts"],"names":[],"mappings":"AASA;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAC9B,YAAoB,EACpB,MAAkB,EAClB,cAAsB,EACtB,YAAoB;IAEpB,IAAM,eAAe,GAAG,cAAc,KAAK,YAAY,CAAC;IACxD,IAAI,eAAe,EAAE;QACnB,IAAM,aAAa,GAAG,YAAY,KAAK,YAAY,CAAC,MAAM,CAAC;QAC3D,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,MAAM,CAAC,uBAAuB,CAAC,YAAY,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;SACnF;QAED,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC;YAC5C,QAAQ,EAAE,cAAc;SACzB,CAAC;KACH;IAED,IAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1D,IAAM,KAAK,GAAG,cAAc,KAAK,YAAY,CAAC,MAAM,CAAC;IAErD,IAAI,CAAC,KAAK,EAAE;QACV,IAAI,WAAW,EAAE;YACf,OAAO,MAAM,CAAC,eAAe,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;SAC7D;aAAM;YACL,OAAO,MAAM,CAAC,WAAW,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;SACzD;KACF;IAED,IAAI,WAAW,EAAE;QACf,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,GAAG,CAAC,CAAC;YAChD,QAAQ,EAAE,cAAc,GAAG,CAAC;SAC7B,CAAC;KACH;IAED,OAAO;QACL,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,GAAG,CAAC,CAAC;QAChD,QAAQ,EAAE,cAAc,GAAG,CAAC;KAC7B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,UACxB,YAAoB,EACpB,GAAW,EACX,MAAkB,EAClB,cAAsB,EACtB,YAAoB;IAEpB,IAAI,KAAK,GAAG,YAAY,CAAC;IACzB,IAAM,QAAQ,GAAG,cAAc,CAAC;IAEhC,mDAAmD;IACnD,IAAI,cAAc,KAAK,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,YAAY,EAAE,EAAE;QAC7E,OAAO,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;KAC5B;IAED,sEAAsE;IACtE,IAAI,cAAc,KAAK,KAAK,CAAC,MAAM,IAAI,YAAY,KAAK,KAAK,CAAC,MAAM,EAAE;QACpE,IAAM,QAAQ,GAAG,MAAM,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;QAClG,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;KACzC;IAED,IAAI,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE;QACxC,OAAO,EAAE,KAAK,OAAA,EAAE,QAAQ,EAAE,QAAQ,GAAG,CAAC,EAAE,CAAC;KAC1C;IAED,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,MAAkB;IAC5D,IAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACtD,IAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC;IAC3C,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,UAAA,EAAE,CAAC;AACjD,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport MaskFormat from './utils/mask-format';\n\nexport interface HandlerResult {\n  position: number;\n  value: string;\n}\n\n/**\n * Handles character removal\n *\n * @param initialValue Current value of input\n * @param format MaskFormat object\n * @param selectionStart Starting index value of selection cursor\n * @param selectionEnd Ending Index value of selection cursor\n */\nexport const backspaceHandler = (\n  initialValue: string,\n  format: MaskFormat,\n  selectionStart: number,\n  selectionEnd: number\n): HandlerResult => {\n  const multiCharDelete = selectionStart !== selectionEnd;\n  if (multiCharDelete) {\n    const isCursorAtEnd = selectionEnd === initialValue.length;\n    if (!isCursorAtEnd) {\n      return format.replaceDigitsWithZeroes(initialValue, selectionStart, selectionEnd);\n    }\n\n    return {\n      value: initialValue.slice(0, selectionStart),\n      position: selectionStart,\n    };\n  }\n\n  const isSeparator = format.isSegmentStart(selectionStart);\n  const atEnd = selectionStart === initialValue.length;\n\n  if (!atEnd) {\n    if (isSeparator) {\n      return format.deleteSeparator(initialValue, selectionStart);\n    } else {\n      return format.deleteDigit(initialValue, selectionStart);\n    }\n  }\n\n  if (isSeparator) {\n    return {\n      value: initialValue.slice(0, selectionStart - 2),\n      position: selectionStart - 2,\n    };\n  }\n\n  return {\n    value: initialValue.slice(0, selectionStart - 1),\n    position: selectionStart - 1,\n  };\n};\n\n/**\n * Handle key down events\n *\n * @param initialValue Current value of input\n * @param key Key that was pressed\n * @param format MaskFormat object\n * @param selectionStart Starting index value of selection cursor\n * @param selectionEnd Ending Index value of selection cursor\n */\nexport const keyHandler = (\n  initialValue: string,\n  key: string,\n  format: MaskFormat,\n  selectionStart: number,\n  selectionEnd: number\n): HandlerResult => {\n  let value = initialValue;\n  const position = selectionStart;\n\n  // return if no more digits can be added at the end\n  if (selectionStart === value.length && value.length === format.getMaxLength()) {\n    return { value, position };\n  }\n\n  // if range is selected to the end, remove all of that selection first\n  if (selectionStart !== value.length && selectionEnd === value.length) {\n    const sliceEnd = format.isCursorAtSeparator(selectionStart) ? selectionStart + 1 : selectionStart;\n    value = initialValue.slice(0, sliceEnd);\n  }\n\n  if (format.isCursorAtSeparator(position)) {\n    return { value, position: position + 1 };\n  }\n\n  return format.processKey(value, key, position);\n};\n\nexport const enterHandler = (value: string, format: MaskFormat): HandlerResult => {\n  const autoCompletedValue = format.autoComplete(value);\n  const position = autoCompletedValue.length;\n  return { value: autoCompletedValue, position };\n};\n"]}

package/internal/components/masked-input/use-mask.d.ts

@@ -0,0 +1,25 @@
+import { RefObject } from 'react';
+import { InputProps } from '../../../input/interfaces';
+import { NonCancelableEventHandler, CancelableEventHandler } from '../../events';
+import MaskFormat from './utils/mask-format';
+interface UseMaskHook {
+    value: string;
+    onChange: NonCancelableEventHandler<InputProps.ChangeDetail>;
+    onKeyDown: CancelableEventHandler<InputProps.KeyDetail>;
+    onBlur: NonCancelableEventHandler<null>;
+    onPaste: (event: ClipboardEvent) => void;
+}
+interface UseMaskProps {
+    value: string;
+    onChange: (value: string) => void;
+    onKeyDown?: (event: CustomEvent) => void;
+    onBlur?: () => void;
+    format: MaskFormat;
+    autofix?: boolean;
+    inputRef: RefObject<HTMLInputElement>;
+    disableAutocompleteOnBlur?: boolean;
+    setPosition: (position: number | null) => void;
+}
+declare const useMask: ({ value, onBlur, onChange, onKeyDown, format, inputRef, autofix, disableAutocompleteOnBlur, setPosition, }: UseMaskProps) => UseMaskHook;
+export default useMask;
+//# sourceMappingURL=use-mask.d.ts.map

package/internal/components/masked-input/use-mask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mask.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/use-mask.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAMjF,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAG7C,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7D,SAAS,EAAE,sBAAsB,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IACxD,MAAM,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IACxC,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C;AAED,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAgBD,QAAA,MAAM,OAAO,+GAUV,YAAY,KAAG,WAiEjB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/internal/components/masked-input/use-mask.js

@@ -0,0 +1,81 @@
+import { KeyCode } from '../../keycode';
+import * as logger from '../../logging';
+import { isCommand, isDigit } from './utils/keys';
+import { backspaceHandler, keyHandler, enterHandler } from './keyboard-handler';
+var onAutoComplete = function (value, onChange, maskFormat) {
+    // Do not autocomplete if input is empty
+    if (!value) {
+        return;
+    }
+    var autoCompletedValue = maskFormat.autoComplete(value);
+    if (autoCompletedValue !== value) {
+        onChange(autoCompletedValue);
+    }
+};
+var preventDefault = function (event, result) { return result && event.preventDefault(); };
+var useMask = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? '' : _b, onBlur = _a.onBlur, onChange = _a.onChange, onKeyDown = _a.onKeyDown, format = _a.format, inputRef = _a.inputRef, _c = _a.autofix, autofix = _c === void 0 ? false : _c, _d = _a.disableAutocompleteOnBlur, disableAutocompleteOnBlur = _d === void 0 ? false : _d, setPosition = _a.setPosition;
+    if (!format.isValid(value)) {
+        logger.warnOnce('useMask', "Invalid string \"".concat(value, "\" provided"));
+    }
+    var onMaskChange = function (updatedValue) {
+        var autofixedUpdatedValue = autofix ? format.correctMinMaxValues(updatedValue) : updatedValue;
+        if (autofixedUpdatedValue === value || !format.isValid(autofixedUpdatedValue)) {
+            return;
+        }
+        onChange(autofixedUpdatedValue);
+    };
+    var initialValue = autofix ? format.correctMinMaxValues(value) : value;
+    var maskedValue = format.getValidValue(initialValue);
+    return {
+        value: maskedValue,
+        onKeyDown: function (event) {
+            var _a, _b;
+            var selectionStart = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) || 0;
+            var selectionEnd = ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionEnd) || 0;
+            var result;
+            var _c = event.detail, keyCode = _c.keyCode, key = _c.key, ctrlKey = _c.ctrlKey, metaKey = _c.metaKey;
+            if (isDigit(key) || format.isSeparator(key)) {
+                result = keyHandler(maskedValue, key, format, selectionStart, selectionEnd);
+                preventDefault(event, result);
+            }
+            else if (keyCode === KeyCode.backspace) {
+                result = backspaceHandler(maskedValue, format, selectionStart, selectionEnd);
+                preventDefault(event, result);
+            }
+            else if (keyCode === KeyCode.enter) {
+                result = enterHandler(maskedValue, format);
+            }
+            else if (!isCommand(keyCode, ctrlKey, metaKey)) {
+                event.preventDefault();
+            }
+            if (result) {
+                var value_1 = result.value, position = result.position;
+                onMaskChange(value_1);
+                setPosition(position);
+            }
+            // Proxy original event
+            onKeyDown && onKeyDown(event);
+        },
+        onChange: function (_a) {
+            var detail = _a.detail;
+            return onMaskChange(detail.value);
+        },
+        onBlur: function () {
+            if (!disableAutocompleteOnBlur) {
+                onAutoComplete(maskedValue, onChange, format);
+            }
+            onBlur && onBlur();
+        },
+        onPaste: function (event) {
+            var _a, _b;
+            var text = (event.clipboardData || window.clipboardData).getData('text');
+            var selectionStart = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) || 0;
+            var selectionEnd = ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionEnd) || 0;
+            var formattedText = format.formatPastedText(text, maskedValue, selectionStart, selectionEnd);
+            onMaskChange(formattedText);
+        }
+    };
+};
+export default useMask;
+//# sourceMappingURL=use-mask.js.map

package/internal/components/masked-input/use-mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mask.js","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/use-mask.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { RefObject } from 'react';\nimport { InputProps } from '../../../input/interfaces';\nimport { NonCancelableEventHandler, CancelableEventHandler } from '../../events';\nimport { KeyCode } from '../../keycode';\n\nimport * as logger from '../../logging';\nimport { isCommand, isDigit } from './utils/keys';\n\nimport MaskFormat from './utils/mask-format';\nimport { backspaceHandler, HandlerResult, keyHandler, enterHandler } from './keyboard-handler';\n\ninterface UseMaskHook {\n  value: string;\n  onChange: NonCancelableEventHandler<InputProps.ChangeDetail>;\n  onKeyDown: CancelableEventHandler<InputProps.KeyDetail>;\n  onBlur: NonCancelableEventHandler<null>;\n  onPaste: (event: ClipboardEvent) => void;\n}\n\ninterface UseMaskProps {\n  value: string;\n  onChange: (value: string) => void;\n  onKeyDown?: (event: CustomEvent) => void;\n  onBlur?: () => void;\n  format: MaskFormat;\n  autofix?: boolean;\n  inputRef: RefObject<HTMLInputElement>;\n  disableAutocompleteOnBlur?: boolean;\n  setPosition: (position: number | null) => void;\n}\n\nconst onAutoComplete = (value: string, onChange: UseMaskProps['onChange'], maskFormat: MaskFormat) => {\n  // Do not autocomplete if input is empty\n  if (!value) {\n    return;\n  }\n\n  const autoCompletedValue = maskFormat.autoComplete(value);\n  if (autoCompletedValue !== value) {\n    onChange(autoCompletedValue);\n  }\n};\n\nconst preventDefault = (event: CustomEvent, result?: HandlerResult | null) => result && event.preventDefault();\n\nconst useMask = ({\n  value = '',\n  onBlur,\n  onChange,\n  onKeyDown,\n  format,\n  inputRef,\n  autofix = false,\n  disableAutocompleteOnBlur = false,\n  setPosition,\n}: UseMaskProps): UseMaskHook => {\n  if (!format.isValid(value)) {\n    logger.warnOnce('useMask', `Invalid string \"${value}\" provided`);\n  }\n\n  const onMaskChange = (updatedValue: string) => {\n    const autofixedUpdatedValue = autofix ? format.correctMinMaxValues(updatedValue) : updatedValue;\n    if (autofixedUpdatedValue === value || !format.isValid(autofixedUpdatedValue)) {\n      return;\n    }\n\n    onChange(autofixedUpdatedValue);\n  };\n\n  const initialValue = autofix ? format.correctMinMaxValues(value) : value;\n  const maskedValue = format.getValidValue(initialValue);\n\n  return {\n    value: maskedValue,\n    onKeyDown: (event: CustomEvent) => {\n      const selectionStart = inputRef.current?.selectionStart || 0;\n      const selectionEnd = inputRef.current?.selectionEnd || 0;\n\n      let result: HandlerResult | undefined;\n      const { keyCode, key, ctrlKey, metaKey } = event.detail;\n      if (isDigit(key) || format.isSeparator(key)) {\n        result = keyHandler(maskedValue, key, format, selectionStart, selectionEnd);\n        preventDefault(event, result);\n      } else if (keyCode === KeyCode.backspace) {\n        result = backspaceHandler(maskedValue, format, selectionStart, selectionEnd);\n        preventDefault(event, result);\n      } else if (keyCode === KeyCode.enter) {\n        result = enterHandler(maskedValue, format);\n      } else if (!isCommand(keyCode, ctrlKey, metaKey)) {\n        event.preventDefault();\n      }\n\n      if (result) {\n        const { value, position } = result;\n\n        onMaskChange(value);\n        setPosition(position);\n      }\n\n      // Proxy original event\n      onKeyDown && onKeyDown(event);\n    },\n    onChange: ({ detail }) => onMaskChange(detail.value),\n    onBlur: () => {\n      if (!disableAutocompleteOnBlur) {\n        onAutoComplete(maskedValue, onChange, format);\n      }\n\n      onBlur && onBlur();\n    },\n    onPaste: (event: ClipboardEvent) => {\n      const text = (event.clipboardData || (window as any).clipboardData).getData('text');\n\n      const selectionStart = inputRef.current?.selectionStart || 0;\n      const selectionEnd = inputRef.current?.selectionEnd || 0;\n\n      const formattedText = format.formatPastedText(text, maskedValue, selectionStart, selectionEnd);\n      onMaskChange(formattedText);\n    },\n  };\n};\n\nexport default useMask;\n"]}

package/internal/components/masked-input/utils/keys.d.ts

@@ -0,0 +1,3 @@
+export declare const isCommand: (keyCode: number, ctrlKey: boolean, metaKey: boolean) => boolean;
+export declare const isDigit: (char: string) => boolean;
+//# sourceMappingURL=keys.d.ts.map

package/internal/components/masked-input/utils/keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/masked-input/utils/keys.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS,YAAa,MAAM,WAAW,OAAO,WAAW,OAAO,KAAG,OACb,CAAC;AACpE,eAAO,MAAM,OAAO,SAAU,MAAM,KAAG,OAAqC,CAAC"}

package/internal/components/masked-input/utils/keys.js

@@ -0,0 +1,12 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { KeyCode } from '../../../keycode';
+var isSpecialCommand = function (keyCode) {
+    return keyCode > 7 && keyCode < 47 && keyCode !== KeyCode.space;
+};
+var isClipboardCommand = function (ctrlKey, metaKey) { return ctrlKey || metaKey; };
+export var isCommand = function (keyCode, ctrlKey, metaKey) {
+    return isSpecialCommand(keyCode) || isClipboardCommand(ctrlKey, metaKey);
+};
+export var isDigit = function (char) { return !isNaN(parseInt(char, 10)); };
+//# sourceMappingURL=keys.js.map

package/internal/components/masked-input/utils/keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../../../../../src/internal/components/masked-input/utils/keys.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,IAAM,gBAAgB,GAAG,UAAC,OAAe;IACvC,OAAO,OAAO,GAAG,CAAC,IAAI,OAAO,GAAG,EAAE,IAAI,OAAO,KAAK,OAAO,CAAC,KAAK,CAAC;AAClE,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAC,OAAgB,EAAE,OAAgB,IAAc,OAAA,OAAO,IAAI,OAAO,EAAlB,CAAkB,CAAC;AAE/F,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,OAAe,EAAE,OAAgB,EAAE,OAAgB;IAC3E,OAAA,gBAAgB,CAAC,OAAO,CAAC,IAAI,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC;AAAjE,CAAiE,CAAC;AACpE,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,IAAY,IAAc,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAA1B,CAA0B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyCode } from '../../../keycode';\n\nconst isSpecialCommand = (keyCode: number): boolean => {\n  return keyCode > 7 && keyCode < 47 && keyCode !== KeyCode.space;\n};\n\nconst isClipboardCommand = (ctrlKey: boolean, metaKey: boolean): boolean => ctrlKey || metaKey;\n\nexport const isCommand = (keyCode: number, ctrlKey: boolean, metaKey: boolean): boolean =>\n  isSpecialCommand(keyCode) || isClipboardCommand(ctrlKey, metaKey);\nexport const isDigit = (char: string): boolean => !isNaN(parseInt(char, 10));\n"]}

package/internal/components/masked-input/utils/mask-format.d.ts

@@ -0,0 +1,47 @@
+interface FormatSegment {
+    min: number;
+    max: number | ((value: string) => number);
+    length: number;
+    default?: number;
+}
+export interface MaskArgs {
+    separator: string;
+    inputSeparators?: Array<string>;
+    segments: Array<FormatSegment>;
+}
+export interface ChangeResult {
+    value: string;
+    position: number;
+}
+declare class MaskFormat {
+    separator: string;
+    private inputSeparators;
+    private segments;
+    private positionFormats;
+    constructor({ separator, inputSeparators, segments }: MaskArgs);
+    tryAppendSeparator(value: string): string;
+    isSeparator(key: string): boolean;
+    isValid(value: string): boolean;
+    getValidValue(value: string): string;
+    autoComplete(value: string): string;
+    getSegmentValueWithAddition(position: number, value: string, enteredDigit: string): number;
+    replaceDigitsWithZeroes(value: string, cursorStart: number, cursorEnd: number): ChangeResult;
+    handleSeparatorInput(value: string, position: number): ChangeResult | void;
+    isCursorAtSeparator(position: number): boolean;
+    isSegmentStart(position: number): boolean;
+    getSegmentMaxValue(value: string, position: number): number;
+    getSegmentMinValue(value: string, position: number): number;
+    getMaxLength(): number;
+    deleteSeparator(value: string, position: number): ChangeResult;
+    deleteDigit(value: string, position: number): ChangeResult;
+    correctMinMaxValues(value: string): string;
+    formatPastedText(text: string, value: string, cursorStart: number, cursorEnd: number): string;
+    processKey(initialValue: string, key: string, initialPosition: number): {
+        value: string;
+        position: number;
+    };
+    private padWithDefaultValue;
+    private enrichSegmentDefinitions;
+}
+export default MaskFormat;
+//# sourceMappingURL=mask-format.d.ts.map

package/internal/components/masked-input/utils/mask-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-format.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/masked-input/utils/mask-format.ts"],"names":[],"mappings":"AAIA,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAQD,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,cAAM,UAAU;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,eAAe,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,eAAe,CAAqC;gBAEhD,EAAE,SAAS,EAAE,eAAoB,EAAE,QAAQ,EAAE,EAAE,QAAQ;IASnE,kBAAkB,CAAC,KAAK,EAAE,MAAM;IAKhC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAIjC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IA8C/B,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAcpC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAsBnC,2BAA2B,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;IAQjF,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,YAAY;IAoC5F,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI;IAc1E,mBAAmB,CAAC,QAAQ,EAAE,MAAM;IAIpC,cAAc,CAAC,QAAQ,EAAE,MAAM;IAI/B,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;IAI3D,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;IAI3D,YAAY;IAKZ,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,YAAY;IAS9D,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,YAAY;IAe1D,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAkB1C,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM;IAyB7F,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM;;;;IAqDrE,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,wBAAwB;CAqBjC;AAED,eAAe,UAAU,CAAC"}

package/internal/components/masked-input/utils/mask-format.js

@@ -0,0 +1,290 @@
+import { __assign, __spreadArray } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { padLeftZeros, insertAt } from './strings';
+var MaskFormat = /** @class */ (function () {
+    function MaskFormat(_a) {
+        var separator = _a.separator, _b = _a.inputSeparators, inputSeparators = _b === void 0 ? [] : _b, segments = _a.segments;
+        this.positionFormats = {};
+        this.segments = [];
+        this.separator = separator;
+        this.inputSeparators = __spreadArray(__spreadArray([], inputSeparators, true), [separator], false);
+        this.enrichSegmentDefinitions(segments);
+    }
+    MaskFormat.prototype.tryAppendSeparator = function (value) {
+        var withSeparator = "".concat(value).concat(this.separator);
+        return this.isValid(withSeparator) ? withSeparator : value;
+    };
+    MaskFormat.prototype.isSeparator = function (key) {
+        return this.inputSeparators.indexOf(key) !== -1;
+    };
+    MaskFormat.prototype.isValid = function (value) {
+        var _this = this;
+        var inputSegments = value.split(this.separator);
+        if (inputSegments.length > this.segments.length) {
+            return false;
+        }
+        return inputSegments.every(function (segmentValue, i) {
+            var segment = _this.segments[i];
+            // disallow empty segments
+            if (segmentValue === '') {
+                // except empty last segment (e.g. trailing separator "12:")
+                if (i === inputSegments.length - 1) {
+                    return true;
+                }
+                else {
+                    return false;
+                }
+            }
+            // only allow numerals
+            if (!segmentValue.match(/^\d+$/)) {
+                return false;
+            }
+            // disallow incomplete segments, except at end
+            if (segmentValue.length < segment.length && i !== inputSegments.length - 1) {
+                return false;
+            }
+            // limit numerical value
+            var intValue = parseInt(segmentValue, 10);
+            // Handles values padded with 0s that are lost during parsing
+            if (segmentValue.length > segment.length) {
+                return false;
+            }
+            if (intValue < segment.min || intValue > segment.max(value)) {
+                // allow incomplete segments in final position
+                if (i === inputSegments.length - 1 && segmentValue.length < segment.length) {
+                    return true;
+                }
+                return false;
+            }
+            return true;
+        });
+    };
+    MaskFormat.prototype.getValidValue = function (value) {
+        var validValue = value;
+        do {
+            if (this.isValid(validValue)) {
+                return this.tryAppendSeparator(validValue);
+            }
+            validValue = validValue.substring(0, validValue.length - 1);
+        } while (validValue.length > 0);
+        return '';
+    };
+    MaskFormat.prototype.autoComplete = function (value) {
+        // aka [...completeSegments, lastSegment] = value.split(':')
+        // but that's not valid :/
+        var _a = value.split(this.separator).reverse(), lastSegmentValue = _a[0], completeSegmentValues = _a.slice(1);
+        var lastSegment = this.segments[completeSegmentValues.length];
+        // if the last segment isn't complete, pad it with a preceding 0
+        // e.g. 10:1 -> 10:01
+        var paddedLastSegmentValue = this.padWithDefaultValue(lastSegmentValue, lastSegment);
+        // recombine, and pad with extra segments for the full format
+        var partial = __spreadArray(__spreadArray([], completeSegmentValues.reverse(), true), [paddedLastSegmentValue], false);
+        while (partial.length < this.segments.length) {
+            var nextSegment = this.segments[partial.length];
+            var segmentValue = this.padWithDefaultValue('', nextSegment);
+            partial.push(segmentValue);
+        }
+        value = partial.join(this.separator);
+        value = this.correctMinMaxValues(value);
+        return value;
+    };
+    MaskFormat.prototype.getSegmentValueWithAddition = function (position, value, enteredDigit) {
+        var segment = this.positionFormats[position];
+        var segmentValue = value.substr(segment.start, segment.length);
+        var segmentPosition = position - segment.start;
+        var newValue = insertAt(segmentValue, enteredDigit, segmentPosition, segmentPosition + 1);
+        return parseInt(newValue, 10);
+    };
+    MaskFormat.prototype.replaceDigitsWithZeroes = function (value, cursorStart, cursorEnd) {
+        var position = this.isCursorAtSeparator(cursorStart) ? cursorStart + 1 : cursorStart;
+        // move selection forwards if it starts with a separator
+        if (this.isCursorAtSeparator(cursorStart)) {
+            cursorStart++;
+        }
+        // first, insert zeros in a partial segment at beginning of selection
+        if (!this.isSegmentStart(cursorStart)) {
+            var segment = this.positionFormats[cursorStart];
+            value = insertAt(value, padLeftZeros('', segment.end - cursorStart), cursorStart, segment.end);
+            cursorStart = segment.end + 1;
+        }
+        // then loop through remaining segments, filling with zeros
+        var currentSegment;
+        while (cursorStart < cursorEnd && (currentSegment = this.positionFormats[cursorStart + 1])) {
+            var insertionEnd = Math.min(cursorEnd, currentSegment.end);
+            value = insertAt(value, padLeftZeros('', insertionEnd - currentSegment.start), currentSegment.start, insertionEnd);
+            cursorStart = insertionEnd + 1;
+        }
+        value = this.correctMinMaxValues(value);
+        return {
+            value: value,
+            position: position
+        };
+    };
+    MaskFormat.prototype.handleSeparatorInput = function (value, position) {
+        if (position === value.length && !this.isSegmentStart(position)) {
+            var segment = this.positionFormats[position];
+            var segmentValue = value.substr(segment.start, segment.length);
+            segmentValue = this.padWithDefaultValue(segmentValue, segment);
+            value = insertAt(value, segmentValue, segment.start, segment.end);
+            value = this.correctMinMaxValues(value);
+            return {
+                value: value,
+                position: value.length
+            };
+        }
+    };
+    MaskFormat.prototype.isCursorAtSeparator = function (position) {
+        return 0 < position && position < this.getMaxLength() && this.positionFormats[position] === undefined;
+    };
+    MaskFormat.prototype.isSegmentStart = function (position) {
+        return position === 0 || this.isCursorAtSeparator(position - 1);
+    };
+    MaskFormat.prototype.getSegmentMaxValue = function (value, position) {
+        return this.positionFormats[position].max(value);
+    };
+    MaskFormat.prototype.getSegmentMinValue = function (value, position) {
+        return this.positionFormats[position].min;
+    };
+    MaskFormat.prototype.getMaxLength = function () {
+        var last = this.segments[this.segments.length - 1];
+        return last.start + last.length;
+    };
+    MaskFormat.prototype.deleteSeparator = function (value, position) {
+        value = insertAt(value, '0', position - 2, position - 1);
+        return {
+            value: this.correctMinMaxValues(value),
+            position: position - 2
+        };
+    };
+    MaskFormat.prototype.deleteDigit = function (value, position) {
+        value = insertAt(value, '0', position - 1, position);
+        // 23:59|: => backspace => 23:5|
+        var length = value.length;
+        if (value.slice(length - 2) === '0:') {
+            value = value.slice(0, length - 2);
+        }
+        return {
+            value: this.correctMinMaxValues(value),
+            position: position - 1
+        };
+    };
+    MaskFormat.prototype.correctMinMaxValues = function (value) {
+        var segment = this.positionFormats[0];
+        while (segment && value.length >= segment.end) {
+            var segmentValue = parseInt(value.substr(segment.start, segment.length), 10);
+            var segmentMax = segment.max(value);
+            if (segmentValue < segment.min) {
+                var toInsert = segment.min.toFixed();
+                toInsert = padLeftZeros(toInsert, segment.length);
+                value = insertAt(value, toInsert, segment.start, segment.end);
+            }
+            if (segmentValue > segmentMax) {
+                value = insertAt(value, segmentMax.toFixed(), segment.start, segment.end);
+            }
+            segment = this.positionFormats[segment.end + 1];
+        }
+        return value.substr(0, this.segments[this.segments.length - 1].end);
+    };
+    MaskFormat.prototype.formatPastedText = function (text, value, cursorStart, cursorEnd) {
+        var keyArr = text.trim().split('');
+        var position = cursorStart;
+        var formattedValue = value;
+        // if a selection range captures the end of the current value
+        // we replace it with the value in buffer even if the value in buffer is shorter
+        if (cursorEnd > cursorStart && cursorEnd === value.length) {
+            formattedValue = value.slice(0, cursorStart);
+        }
+        for (var _i = 0, keyArr_1 = keyArr; _i < keyArr_1.length; _i++) {
+            var key = keyArr_1[_i];
+            if (position >= this.getMaxLength()) {
+                break;
+            }
+            var result = this.processKey(formattedValue, key, position);
+            formattedValue = result.value;
+            position = result.position;
+        }
+        return this.tryAppendSeparator(formattedValue);
+    };
+    MaskFormat.prototype.processKey = function (initialValue, key, initialPosition) {
+        var value = initialValue;
+        var position = initialPosition;
+        if (this.isSeparator(key)) {
+            var result = this.handleSeparatorInput(value, position);
+            if (result) {
+                value = result.value;
+                position = result.position;
+            }
+        }
+        else {
+            var isCursorAtEnd = position === value.length;
+            var segmentValue = this.getSegmentValueWithAddition(position, value, key);
+            var segmentMaxValue = this.getSegmentMaxValue(value, position);
+            var segmentMinValue = this.getSegmentMinValue(value, position);
+            var firstDigitGreater = parseInt(key, 10) > parseInt(segmentMaxValue.toFixed()[0], 10);
+            var isValidPosition = isCursorAtEnd || segmentValue.toFixed().length === 1;
+            var exceedsMaxAtSegmentStart = this.isSegmentStart(position) && isValidPosition && firstDigitGreater;
+            if (exceedsMaxAtSegmentStart) {
+                // 22:| => Enter '9' => 22:09|
+                // |1 => Enter '9' => 09|
+                value = insertAt(value, "0".concat(key), position, position + 2);
+                position += 2;
+            }
+            else if (segmentValue > segmentMaxValue && this.isSegmentStart(position)) {
+                // 22:|22 => Enter '9' => 22:59|
+                value = insertAt(value, segmentMaxValue.toFixed(), position, position + segmentMaxValue.toFixed().length);
+                position += segmentMaxValue.toFixed().length;
+            }
+            else if (segmentValue > segmentMaxValue) {
+                // 2|2:22 => Enter '9' => 23:|22
+                value = insertAt(value, segmentMaxValue.toFixed(), position - 1, position + 1);
+                position += 1;
+            }
+            else if (segmentValue < segmentMinValue && !this.isSegmentStart(position)) {
+                // 0| => enter '0' => 01:
+                value = insertAt(value, segmentMinValue.toFixed(), position, position + 1);
+                position += 1;
+            }
+            else {
+                // 22:| => Enter '5' => 23:5|
+                value = insertAt(value, key, position, position + 1);
+                position += 1;
+            }
+        }
+        value = this.tryAppendSeparator(value);
+        // Move cursor in front of separator if behind after overwriting a character
+        if (this.isCursorAtSeparator(position)) {
+            position++;
+        }
+        return { value: value, position: position };
+    };
+    MaskFormat.prototype.padWithDefaultValue = function (segmentValue, segment) {
+        var defaultValue = (segment["default"] || segment.min).toFixed();
+        defaultValue = padLeftZeros(defaultValue, segment.length);
+        return insertAt(defaultValue, segmentValue, segment.length - segmentValue.length, segment.length);
+    };
+    MaskFormat.prototype.enrichSegmentDefinitions = function (segments) {
+        this.positionFormats = {};
+        this.segments = [];
+        var position = 0;
+        var _loop_1 = function (segment) {
+            var max = segment.max;
+            var fullSegment = __assign(__assign({}, segment), { max: typeof max === 'number' ? function () { return max; } : max, start: position, end: position + segment.length });
+            this_1.segments.push(fullSegment);
+            // insert this format segment for every char in the max value
+            for (var j = 0; j < fullSegment.length; j++) {
+                this_1.positionFormats[position++] = fullSegment;
+            }
+            // skip a position for separator
+            position++;
+        };
+        var this_1 = this;
+        for (var _i = 0, segments_1 = segments; _i < segments_1.length; _i++) {
+            var segment = segments_1[_i];
+            _loop_1(segment);
+        }
+    };
+    return MaskFormat;
+}());
+export default MaskFormat;
+//# sourceMappingURL=mask-format.js.map

package/internal/components/masked-input/utils/mask-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-format.js","sourceRoot":"","sources":["../../../../../../src/internal/components/masked-input/utils/mask-format.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { padLeftZeros, insertAt } from './strings';\n\ninterface FormatSegment {\n  min: number;\n  max: number | ((value: string) => number);\n  length: number;\n  default?: number;\n}\n\ninterface FormatSegmentFull extends FormatSegment {\n  start: number;\n  max(value: string): number;\n  end: number;\n}\n\nexport interface MaskArgs {\n  separator: string;\n  inputSeparators?: Array<string>;\n  segments: Array<FormatSegment>;\n}\n\nexport interface ChangeResult {\n  value: string;\n  position: number;\n}\n\nclass MaskFormat {\n  separator: string;\n  private inputSeparators: Array<string>;\n  private segments: Array<FormatSegmentFull>;\n  private positionFormats: { [x: number]: FormatSegmentFull };\n\n  constructor({ separator, inputSeparators = [], segments }: MaskArgs) {\n    this.positionFormats = {};\n    this.segments = [];\n    this.separator = separator;\n\n    this.inputSeparators = [...inputSeparators, separator];\n    this.enrichSegmentDefinitions(segments);\n  }\n\n  tryAppendSeparator(value: string) {\n    const withSeparator = `${value}${this.separator}`;\n    return this.isValid(withSeparator) ? withSeparator : value;\n  }\n\n  isSeparator(key: string): boolean {\n    return this.inputSeparators.indexOf(key) !== -1;\n  }\n\n  isValid(value: string): boolean {\n    const inputSegments = value.split(this.separator);\n\n    if (inputSegments.length > this.segments.length) {\n      return false;\n    }\n\n    return inputSegments.every((segmentValue, i) => {\n      const segment = this.segments[i];\n\n      // disallow empty segments\n      if (segmentValue === '') {\n        // except empty last segment (e.g. trailing separator \"12:\")\n        if (i === inputSegments.length - 1) {\n          return true;\n        } else {\n          return false;\n        }\n      }\n      // only allow numerals\n      if (!segmentValue.match(/^\\d+$/)) {\n        return false;\n      }\n      // disallow incomplete segments, except at end\n      if (segmentValue.length < segment.length && i !== inputSegments.length - 1) {\n        return false;\n      }\n      // limit numerical value\n      const intValue = parseInt(segmentValue, 10);\n\n      // Handles values padded with 0s that are lost during parsing\n      if (segmentValue.length > segment.length) {\n        return false;\n      }\n\n      if (intValue < segment.min || intValue > segment.max(value)) {\n        // allow incomplete segments in final position\n        if (i === inputSegments.length - 1 && segmentValue.length < segment.length) {\n          return true;\n        }\n        return false;\n      }\n      return true;\n    });\n  }\n\n  getValidValue(value: string): string {\n    let validValue = value;\n\n    do {\n      if (this.isValid(validValue)) {\n        return this.tryAppendSeparator(validValue);\n      }\n\n      validValue = validValue.substring(0, validValue.length - 1);\n    } while (validValue.length > 0);\n\n    return '';\n  }\n\n  autoComplete(value: string): string {\n    // aka [...completeSegments, lastSegment] = value.split(':')\n    // but that's not valid :/\n    const [lastSegmentValue, ...completeSegmentValues] = value.split(this.separator).reverse();\n    const lastSegment = this.segments[completeSegmentValues.length];\n\n    // if the last segment isn't complete, pad it with a preceding 0\n    // e.g. 10:1 -> 10:01\n    const paddedLastSegmentValue = this.padWithDefaultValue(lastSegmentValue, lastSegment);\n\n    // recombine, and pad with extra segments for the full format\n    const partial = [...completeSegmentValues.reverse(), paddedLastSegmentValue];\n    while (partial.length < this.segments.length) {\n      const nextSegment = this.segments[partial.length];\n      const segmentValue = this.padWithDefaultValue('', nextSegment);\n      partial.push(segmentValue);\n    }\n    value = partial.join(this.separator);\n    value = this.correctMinMaxValues(value);\n    return value;\n  }\n\n  getSegmentValueWithAddition(position: number, value: string, enteredDigit: string) {\n    const segment = this.positionFormats[position];\n    const segmentValue = value.substr(segment.start, segment.length);\n    const segmentPosition = position - segment.start;\n    const newValue = insertAt(segmentValue, enteredDigit, segmentPosition, segmentPosition + 1);\n    return parseInt(newValue, 10);\n  }\n\n  replaceDigitsWithZeroes(value: string, cursorStart: number, cursorEnd: number): ChangeResult {\n    const position = this.isCursorAtSeparator(cursorStart) ? cursorStart + 1 : cursorStart;\n\n    // move selection forwards if it starts with a separator\n    if (this.isCursorAtSeparator(cursorStart)) {\n      cursorStart++;\n    }\n\n    // first, insert zeros in a partial segment at beginning of selection\n    if (!this.isSegmentStart(cursorStart)) {\n      const segment = this.positionFormats[cursorStart];\n      value = insertAt(value, padLeftZeros('', segment.end - cursorStart), cursorStart, segment.end);\n      cursorStart = segment.end + 1;\n    }\n\n    // then loop through remaining segments, filling with zeros\n    let currentSegment: FormatSegmentFull;\n    while (cursorStart < cursorEnd && (currentSegment = this.positionFormats[cursorStart + 1])) {\n      const insertionEnd = Math.min(cursorEnd, currentSegment.end);\n      value = insertAt(\n        value,\n        padLeftZeros('', insertionEnd - currentSegment.start),\n        currentSegment.start,\n        insertionEnd\n      );\n      cursorStart = insertionEnd + 1;\n    }\n\n    value = this.correctMinMaxValues(value);\n\n    return {\n      value,\n      position,\n    };\n  }\n\n  handleSeparatorInput(value: string, position: number): ChangeResult | void {\n    if (position === value.length && !this.isSegmentStart(position)) {\n      const segment = this.positionFormats[position];\n      let segmentValue = value.substr(segment.start, segment.length);\n      segmentValue = this.padWithDefaultValue(segmentValue, segment);\n      value = insertAt(value, segmentValue, segment.start, segment.end);\n      value = this.correctMinMaxValues(value);\n      return {\n        value,\n        position: value.length,\n      };\n    }\n  }\n\n  isCursorAtSeparator(position: number) {\n    return 0 < position && position < this.getMaxLength() && this.positionFormats[position] === undefined;\n  }\n\n  isSegmentStart(position: number) {\n    return position === 0 || this.isCursorAtSeparator(position - 1);\n  }\n\n  getSegmentMaxValue(value: string, position: number): number {\n    return this.positionFormats[position].max(value);\n  }\n\n  getSegmentMinValue(value: string, position: number): number {\n    return this.positionFormats[position].min;\n  }\n\n  getMaxLength() {\n    const last = this.segments[this.segments.length - 1];\n    return last.start + last.length;\n  }\n\n  deleteSeparator(value: string, position: number): ChangeResult {\n    value = insertAt(value, '0', position - 2, position - 1);\n\n    return {\n      value: this.correctMinMaxValues(value),\n      position: position - 2,\n    };\n  }\n\n  deleteDigit(value: string, position: number): ChangeResult {\n    value = insertAt(value, '0', position - 1, position);\n\n    // 23:59|: => backspace => 23:5|\n    const length = value.length;\n    if (value.slice(length - 2) === '0:') {\n      value = value.slice(0, length - 2);\n    }\n\n    return {\n      value: this.correctMinMaxValues(value),\n      position: position - 1,\n    };\n  }\n\n  correctMinMaxValues(value: string): string {\n    let segment = this.positionFormats[0];\n    while (segment && value.length >= segment.end) {\n      const segmentValue = parseInt(value.substr(segment.start, segment.length), 10);\n      const segmentMax = segment.max(value);\n      if (segmentValue < segment.min) {\n        let toInsert = segment.min.toFixed();\n        toInsert = padLeftZeros(toInsert, segment.length);\n        value = insertAt(value, toInsert, segment.start, segment.end);\n      }\n      if (segmentValue > segmentMax) {\n        value = insertAt(value, segmentMax.toFixed(), segment.start, segment.end);\n      }\n      segment = this.positionFormats[segment.end + 1];\n    }\n    return value.substr(0, this.segments[this.segments.length - 1].end);\n  }\n\n  formatPastedText(text: string, value: string, cursorStart: number, cursorEnd: number): string {\n    const keyArr = text.trim().split('');\n\n    let position = cursorStart;\n\n    let formattedValue = value;\n    // if a selection range captures the end of the current value\n    // we replace it with the value in buffer even if the value in buffer is shorter\n    if (cursorEnd > cursorStart && cursorEnd === value.length) {\n      formattedValue = value.slice(0, cursorStart);\n    }\n\n    for (const key of keyArr) {\n      if (position >= this.getMaxLength()) {\n        break;\n      }\n\n      const result = this.processKey(formattedValue, key, position);\n      formattedValue = result.value;\n      position = result.position;\n    }\n\n    return this.tryAppendSeparator(formattedValue);\n  }\n\n  processKey(initialValue: string, key: string, initialPosition: number) {\n    let value = initialValue;\n    let position = initialPosition;\n\n    if (this.isSeparator(key)) {\n      const result = this.handleSeparatorInput(value, position);\n      if (result) {\n        value = result.value;\n        position = result.position;\n      }\n    } else {\n      const isCursorAtEnd = position === value.length;\n      const segmentValue = this.getSegmentValueWithAddition(position, value, key);\n      const segmentMaxValue = this.getSegmentMaxValue(value, position);\n      const segmentMinValue = this.getSegmentMinValue(value, position);\n      const firstDigitGreater = parseInt(key, 10) > parseInt(segmentMaxValue.toFixed()[0], 10);\n      const isValidPosition = isCursorAtEnd || segmentValue.toFixed().length === 1;\n      const exceedsMaxAtSegmentStart = this.isSegmentStart(position) && isValidPosition && firstDigitGreater;\n\n      if (exceedsMaxAtSegmentStart) {\n        // 22:| => Enter '9' => 22:09|\n        // |1 => Enter '9' => 09|\n        value = insertAt(value, `0${key}`, position, position + 2);\n        position += 2;\n      } else if (segmentValue > segmentMaxValue && this.isSegmentStart(position)) {\n        // 22:|22 => Enter '9' => 22:59|\n        value = insertAt(value, segmentMaxValue.toFixed(), position, position + segmentMaxValue.toFixed().length);\n        position += segmentMaxValue.toFixed().length;\n      } else if (segmentValue > segmentMaxValue) {\n        // 2|2:22 => Enter '9' => 23:|22\n        value = insertAt(value, segmentMaxValue.toFixed(), position - 1, position + 1);\n        position += 1;\n      } else if (segmentValue < segmentMinValue && !this.isSegmentStart(position)) {\n        // 0| => enter '0' => 01:\n        value = insertAt(value, segmentMinValue.toFixed(), position, position + 1);\n        position += 1;\n      } else {\n        // 22:| => Enter '5' => 23:5|\n        value = insertAt(value, key, position, position + 1);\n        position += 1;\n      }\n    }\n\n    value = this.tryAppendSeparator(value);\n\n    // Move cursor in front of separator if behind after overwriting a character\n    if (this.isCursorAtSeparator(position)) {\n      position++;\n    }\n\n    return { value, position };\n  }\n\n  private padWithDefaultValue(segmentValue: string, segment: FormatSegmentFull) {\n    let defaultValue = (segment.default || segment.min).toFixed();\n    defaultValue = padLeftZeros(defaultValue, segment.length);\n    return insertAt(defaultValue, segmentValue, segment.length - segmentValue.length, segment.length);\n  }\n\n  private enrichSegmentDefinitions(segments: FormatSegment[]) {\n    this.positionFormats = {};\n    this.segments = [];\n    let position = 0;\n    for (const segment of segments) {\n      const max = segment.max;\n      const fullSegment: FormatSegmentFull = {\n        ...segment,\n        max: typeof max === 'number' ? () => max : max,\n        start: position,\n        end: position + segment.length,\n      };\n      this.segments.push(fullSegment);\n      // insert this format segment for every char in the max value\n      for (let j = 0; j < fullSegment.length; j++) {\n        this.positionFormats[position++] = fullSegment;\n      }\n      // skip a position for separator\n      position++;\n    }\n  }\n}\n\nexport default MaskFormat;\n"]}