@central-design-system/components 4.0.0-alpha.3 → 4.0.0-alpha.5

package/dist/es/src/components/CdsMessages/api/CdsMessages.props.js

@@ -6,14 +6,23 @@ import { C as CdsMessagesConstants } from "./CdsMessages.constants.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsMessagesProps = propsFactory(
   {
-    /** Активное состояние */
+    /**
+     * Активное состояние
+     * @en Active state
+     */
     active: Boolean,
-    /** Сообщения для отображения под полем ввода */
+    /**
+     * Сообщения для отображения под полем ввода
+     * @en Messages shown under the input
+     */
     messages: {
       type: [Array, String],
       default: () => []
     },
-    /** Скрыть сообщения под полем ввода */
+    /**
+     * Скрыть сообщения под полем ввода
+     * @en Hide the messages under the input
+     */
     hideMessages: Boolean,
     ...defineColorProps(),
     ...defineComponentProps(),

package/dist/es/src/components/CdsMessages/api/CdsMessages.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsMessages.props.js","sources":["../../../../../../src/components/CdsMessages/api/CdsMessages.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables';\nimport { defineTransitionProps } from '@cds/composables/useTransition';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { CdsTransitionSlideY } from '@cds/transitions';\nimport type { Component, PropType } from 'vue';\n\nimport { CdsMessagesConstants } from './CdsMessages.constants';\n\nexport const defineCdsMessagesProps = propsFactory(\n  {\n    /** Активное состояние */\n    active: Boolean,\n    /** Сообщения для отображения под полем ввода */\n    messages: {\n      type: [Array, String] as PropType<string | readonly string[]>,\n      default: () => []\n    },\n    /** Скрыть сообщения под полем ввода */\n    hideMessages: Boolean,\n\n    ...defineColorProps(),\n    ...defineComponentProps(),\n    ...defineTransitionProps({\n      transition: {\n        component: CdsTransitionSlideY as Component,\n        leaveAbsolute: true,\n        group: true\n      }\n    })\n  },\n  CdsMessagesConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA,IAEE,QAAQ;AAAA;AAAA,IAER,UAAU;AAAA,MACR,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA,IAGlB,cAAc;AAAA,IAEd,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAsB;AAAA,MACvB,YAAY;AAAA,QACV,WAAW;AAAA,QACX,eAAe;AAAA,QACf,OAAO;AAAA,MAAA;AAAA,IACT,CACD;AAAA,EAAA;AAAA,EAEH,qBAAqB;AACvB;"}
+{"version":3,"file":"CdsMessages.props.js","sources":["../../../../../../src/components/CdsMessages/api/CdsMessages.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables';\nimport { defineTransitionProps } from '@cds/composables/useTransition';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { CdsTransitionSlideY } from '@cds/transitions';\nimport type { Component, PropType } from 'vue';\n\nimport { CdsMessagesConstants } from './CdsMessages.constants';\n\nexport const defineCdsMessagesProps = propsFactory(\n  {\n    /**\n     * Активное состояние\n     * @en Active state\n     */\n    active: Boolean,\n    /**\n     * Сообщения для отображения под полем ввода\n     * @en Messages shown under the input\n     */\n    messages: {\n      type: [Array, String] as PropType<string | readonly string[]>,\n      default: () => []\n    },\n    /**\n     * Скрыть сообщения под полем ввода\n     * @en Hide the messages under the input\n     */\n    hideMessages: Boolean,\n\n    ...defineColorProps(),\n    ...defineComponentProps(),\n    ...defineTransitionProps({\n      transition: {\n        component: CdsTransitionSlideY as Component,\n        leaveAbsolute: true,\n        group: true\n      }\n    })\n  },\n  CdsMessagesConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,UAAU;AAAA,MACR,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlB,cAAc;AAAA,IAEd,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAsB;AAAA,MACvB,YAAY;AAAA,QACV,WAAW;AAAA,QACX,eAAe;AAAA,QACf,OAAO;AAAA,MAAA;AAAA,IACT,CACD;AAAA,EAAA;AAAA,EAEH,qBAAqB;AACvB;"}

package/dist/es/src/components/CdsModal/CdsModal.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-modal {
     align-items: center;

package/dist/es/src/components/CdsModal/api/CdsModal.props.js

@@ -5,9 +5,15 @@ import { C as CdsModalTransition } from "../../../transitions/modalTransition.js
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsModalProps = propsFactory(
   {
-    /** Разворачивает модальное окно на весь экран. */
+    /**
+     * Разворачивает модальное окно на весь экран.
+     * @en Expands the modal to the whole screen.
+     */
     fullscreen: Boolean,
-    /** Включает прокрутку контента внутри модального окна. */
+    /**
+     * Включает прокрутку контента внутри модального окна.
+     * @en Enables scrolling of the content inside the modal.
+     */
     scrollable: Boolean,
     ...defineCdsOverlayProps({
       captureFocus: true,

package/dist/es/src/components/CdsModal/api/CdsModal.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsModal.props.js","sources":["../../../../../../src/components/CdsModal/api/CdsModal.props.ts"],"sourcesContent":["import { defineCdsOverlayProps } from '@cds/components/CdsOverlay/api/CdsOverlay.props';\nimport { defineSizeProps } from '@cds/composables';\nimport { propsFactory } from '@cds/core';\nimport { CdsModalTransition } from '@cds/transitions';\n\nimport { CdsModalConstants } from './CdsModal.constants';\n\nexport const defineCdsModalProps = propsFactory(\n  {\n    /** Разворачивает модальное окно на весь экран. */\n    fullscreen: Boolean,\n    /** Включает прокрутку контента внутри модального окна. */\n    scrollable: Boolean,\n\n    ...defineCdsOverlayProps({\n      captureFocus: true,\n      retainFocus: true,\n      location: 'center center' as const,\n      origin: 'center center' as const,\n      scrollStrategy: 'block' as const,\n      transition: { component: CdsModalTransition },\n      zIndex: 2400\n    }),\n    ...defineSizeProps()\n  },\n  CdsModalConstants.name\n);\n"],"names":[],"mappings":";;;;;AAOO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,IAEE,YAAY;AAAA;AAAA,IAEZ,YAAY;AAAA,IAEZ,GAAG,sBAAsB;AAAA,MACvB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,YAAY,EAAE,WAAW,mBAAA;AAAA,MACzB,QAAQ;AAAA,IAAA,CACT;AAAA,IACD,GAAG,gBAAA;AAAA,EAAgB;AAAA,EAErB,kBAAkB;AACpB;"}
+{"version":3,"file":"CdsModal.props.js","sources":["../../../../../../src/components/CdsModal/api/CdsModal.props.ts"],"sourcesContent":["import { defineCdsOverlayProps } from '@cds/components/CdsOverlay/api/CdsOverlay.props';\nimport { defineSizeProps } from '@cds/composables';\nimport { propsFactory } from '@cds/core';\nimport { CdsModalTransition } from '@cds/transitions';\n\nimport { CdsModalConstants } from './CdsModal.constants';\n\nexport const defineCdsModalProps = propsFactory(\n  {\n    /**\n     * Разворачивает модальное окно на весь экран.\n     * @en Expands the modal to the whole screen.\n     */\n    fullscreen: Boolean,\n    /**\n     * Включает прокрутку контента внутри модального окна.\n     * @en Enables scrolling of the content inside the modal.\n     */\n    scrollable: Boolean,\n\n    ...defineCdsOverlayProps({\n      captureFocus: true,\n      retainFocus: true,\n      location: 'center center' as const,\n      origin: 'center center' as const,\n      scrollStrategy: 'block' as const,\n      transition: { component: CdsModalTransition },\n      zIndex: 2400\n    }),\n    ...defineSizeProps()\n  },\n  CdsModalConstants.name\n);\n"],"names":[],"mappings":";;;;;AAOO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,YAAY;AAAA,IAEZ,GAAG,sBAAsB;AAAA,MACvB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,YAAY,EAAE,WAAW,mBAAA;AAAA,MACzB,QAAQ;AAAA,IAAA,CACT;AAAA,IACD,GAAG,gBAAA;AAAA,EAAgB;AAAA,EAErB,kBAAkB;AACpB;"}

package/dist/es/src/components/CdsNotification/CdsNotification.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-notification {
     display: flex;

package/dist/es/src/components/CdsNotification/CdsNotification.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,6 @@ import { defineComponent, useSlots, toRef, unref, createVNode, mergeProps } from
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { u as useStatus } from "../../composables/useStatus/useStatus.js";
 import { u as useText } from "../../composables/useText/useText.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -11,6 +10,7 @@ import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsNotificationConstants, n as notificationStatusIcons } from "./api/CdsNotification.constants.js";
 import { d as defineCdsNotificationProps } from "./api/CdsNotification.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsNotification/api/CdsNotification.props.js

@@ -1,39 +1,60 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineStatusProps } from "../../../composables/useStatus/useStatus.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsNotificationConstants } from "./CdsNotification.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsNotificationProps = propsFactory(
   {
-    /** Заголовок уведомления. */
+    /**
+     * Заголовок уведомления.
+     * @en Notification heading.
+     */
     title: String,
-    /** Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку. */
+    /**
+     * Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку.
+     * @en Icon before the content. Taken from `status` by default; `false` hides the icon.
+     */
     icon: {
       type: [Boolean, String, Function, Object, Array],
       default: null
     },
-    /** Добавляет кнопку закрытия, скрывающую уведомление. */
+    /**
+     * Добавляет кнопку закрытия, скрывающую уведомление.
+     * @en Adds a close button that hides the notification.
+     */
     closable: Boolean,
-    /** Иконка кнопки закрытия. */
+    /**
+     * Иконка кнопки закрытия.
+     * @en Icon of the close button.
+     */
     closeIcon: {
       type: IconValue,
       default: "remove"
     },
-    /** Доступная подпись (aria-label) для кнопки закрытия. */
+    /**
+     * Доступная подпись (aria-label) для кнопки закрытия.
+     * @en Accessible label (aria-label) for the close button.
+     */
     closeLabel: {
       type: String,
       default: "$cds.close"
     },
-    /** Видимость уведомления (v-model). При `false` уведомление не отображается. */
+    /**
+     * Видимость уведомления (v-model). При `false` уведомление не отображается.
+     * @en Visibility of the notification (v-model). When `false`, the notification is not rendered.
+     */
     modelValue: {
       type: Boolean,
       default: true
     },
-    /** Режим отображения: `default` — обычный; `flat` — без рамки; `compact` — однострочный без заголовка; `important` — нейтральный фон и тень, статус задаёт только цвета контента. */
+    /**
+     * Режим отображения: `default` — обычный; `flat` — без рамки; `compact` — однострочный без заголовка; `important` — нейтральный фон и тень, статус задаёт только цвета контента.
+     * @en Display mode: `default` — regular; `flat` — borderless; `compact` — single line without a heading; `important` — neutral background and a shadow, where the status only drives the content colors.
+     */
     variant: {
       type: String,
       default: "default"

package/dist/es/src/components/CdsNotification/api/CdsNotification.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsNotification.props.js","sources":["../../../../../../src/components/CdsNotification/api/CdsNotification.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineStatusProps } from '@cds/composables/useStatus';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsNotificationConstants, type CdsNotificationVariant } from './CdsNotification.constants';\n\nexport const defineCdsNotificationProps = propsFactory(\n  {\n    /** Заголовок уведомления. */\n    title: String,\n    /** Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку. */\n    icon: {\n      type: [Boolean, String, Function, Object, Array] as PropType<false | IconValue>,\n      default: null\n    },\n    /** Добавляет кнопку закрытия, скрывающую уведомление. */\n    closable: Boolean,\n    /** Иконка кнопки закрытия. */\n    closeIcon: {\n      type: IconValue,\n      default: 'remove'\n    },\n    /** Доступная подпись (aria-label) для кнопки закрытия. */\n    closeLabel: {\n      type: String,\n      default: '$cds.close'\n    },\n    /** Видимость уведомления (v-model). При `false` уведомление не отображается. */\n    modelValue: {\n      type: Boolean,\n      default: true\n    },\n    /** Режим отображения: `default` — обычный; `flat` — без рамки; `compact` — однострочный без заголовка; `important` — нейтральный фон и тень, статус задаёт только цвета контента. */\n    variant: {\n      type: String as PropType<CdsNotificationVariant>,\n      default: 'default'\n    },\n\n    ...defineStatusProps(),\n    ...pick(defineColorProps(), ['bgColor', 'textColor']),\n    ...defineTextProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsNotificationConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAWO,MAAM,6BAA6B;AAAA,EACxC;AAAA;AAAA,IAEE,OAAO;AAAA;AAAA,IAEP,MAAM;AAAA,MACJ,MAAM,CAAC,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,MAC/C,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA;AAAA,IAEV,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,kBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,WAAW,WAAW,CAAC;AAAA,IACpD,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,yBAAyB;AAC3B;"}
+{"version":3,"file":"CdsNotification.props.js","sources":["../../../../../../src/components/CdsNotification/api/CdsNotification.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineStatusProps } from '@cds/composables/useStatus';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsNotificationConstants, type CdsNotificationVariant } from './CdsNotification.constants';\n\nexport const defineCdsNotificationProps = propsFactory(\n  {\n    /**\n     * Заголовок уведомления.\n     * @en Notification heading.\n     */\n    title: String,\n    /**\n     * Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку.\n     * @en Icon before the content. Taken from `status` by default; `false` hides the icon.\n     */\n    icon: {\n      type: [Boolean, String, Function, Object, Array] as PropType<false | IconValue>,\n      default: null\n    },\n    /**\n     * Добавляет кнопку закрытия, скрывающую уведомление.\n     * @en Adds a close button that hides the notification.\n     */\n    closable: Boolean,\n    /**\n     * Иконка кнопки закрытия.\n     * @en Icon of the close button.\n     */\n    closeIcon: {\n      type: IconValue,\n      default: 'remove'\n    },\n    /**\n     * Доступная подпись (aria-label) для кнопки закрытия.\n     * @en Accessible label (aria-label) for the close button.\n     */\n    closeLabel: {\n      type: String,\n      default: '$cds.close'\n    },\n    /**\n     * Видимость уведомления (v-model). При `false` уведомление не отображается.\n     * @en Visibility of the notification (v-model). When `false`, the notification is not rendered.\n     */\n    modelValue: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Режим отображения: `default` — обычный; `flat` — без рамки; `compact` — однострочный без заголовка; `important` — нейтральный фон и тень, статус задаёт только цвета контента.\n     * @en Display mode: `default` — regular; `flat` — borderless; `compact` — single line without a heading; `important` — neutral background and a shadow, where the status only drives the content colors.\n     */\n    variant: {\n      type: String as PropType<CdsNotificationVariant>,\n      default: 'default'\n    },\n\n    ...defineStatusProps(),\n    ...pick(defineColorProps(), ['bgColor', 'textColor']),\n    ...defineTextProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsNotificationConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAWO,MAAM,6BAA6B;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,MAAM;AAAA,MACJ,MAAM,CAAC,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,MAC/C,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,kBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,WAAW,WAAW,CAAC;AAAA,IACpD,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,yBAAyB;AAC3B;"}

package/dist/es/src/components/CdsNotificationAlert/CdsNotificationAlert.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-notification-alert {
     z-index: 10000;

package/dist/es/src/components/CdsNotificationAlert/api/CdsNotificationAlert.props.js

@@ -11,31 +11,52 @@ import { C as CdsNotificationAlertConstants } from "./CdsNotificationAlert.const
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsNotificationAlertProps = propsFactory(
   {
-    /** Заголовок уведомления. */
+    /**
+     * Заголовок уведомления.
+     * @en Notification heading.
+     */
     title: String,
-    /** Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку. */
+    /**
+     * Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку.
+     * @en Icon before the content. Taken from `status` by default; `false` hides the icon.
+     */
     icon: {
       type: [Boolean, String, Function, Object, Array],
       default: null
     },
-    /** Добавляет кнопку закрытия, скрывающую уведомление. */
+    /**
+     * Добавляет кнопку закрытия, скрывающую уведомление.
+     * @en Adds a close button that hides the notification.
+     */
     closable: Boolean,
-    /** Иконка кнопки закрытия. */
+    /**
+     * Иконка кнопки закрытия.
+     * @en Icon of the close button.
+     */
     closeIcon: {
       type: IconValue,
       default: "remove"
     },
-    /** Доступная подпись (aria-label) для кнопки закрытия. */
+    /**
+     * Доступная подпись (aria-label) для кнопки закрытия.
+     * @en Accessible label (aria-label) for the close button.
+     */
     closeLabel: {
       type: String,
       default: "$cds.close"
     },
-    /** Внешний вид уведомления. По умолчанию `important` — приподнятая поверхность с тенью (внешний вид CdsNotificationAlert). */
+    /**
+     * Внешний вид уведомления. По умолчанию `important` — приподнятая поверхность с тенью (внешний вид CdsNotificationAlert).
+     * @en Appearance of the notification. `important` by default — an elevated surface with a shadow (the CdsNotificationAlert look).
+     */
     variant: {
       type: String,
       default: "important"
     },
-    /** Время в миллисекундах до автоматического скрытия уведомления. Значения `-1` и `0` отключают автозакрытие. */
+    /**
+     * Время в миллисекундах до автоматического скрытия уведомления. Значения `-1` и `0` отключают автозакрытие.
+     * @en Delay in milliseconds before the notification hides automatically. The values `-1` and `0` turn auto-closing off.
+     */
     timeout: {
       type: [Number, String],
       default: 5e3

package/dist/es/src/components/CdsNotificationAlert/api/CdsNotificationAlert.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsNotificationAlert.props.js","sources":["../../../../../../src/components/CdsNotificationAlert/api/CdsNotificationAlert.props.ts"],"sourcesContent":["import { type CdsNotificationVariant } from '@cds/components/CdsNotification/api/CdsNotification.constants';\nimport { defineCdsOverlayProps } from '@cds/components/CdsOverlay/api/CdsOverlay.props';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLocationProps } from '@cds/composables/useLocation';\nimport { definePositionProps } from '@cds/composables/usePosition';\nimport { defineStatusProps } from '@cds/composables/useStatus';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineTagProps, propsFactory } from '@cds/core';\nimport { omit, pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsNotificationAlertConstants } from './CdsNotificationAlert.constants';\n\nexport const defineCdsNotificationAlertProps = propsFactory(\n  {\n    /** Заголовок уведомления. */\n    title: String,\n    /** Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку. */\n    icon: {\n      type: [Boolean, String, Function, Object, Array] as PropType<false | IconValue>,\n      default: null\n    },\n    /** Добавляет кнопку закрытия, скрывающую уведомление. */\n    closable: Boolean,\n    /** Иконка кнопки закрытия. */\n    closeIcon: {\n      type: IconValue,\n      default: 'remove'\n    },\n    /** Доступная подпись (aria-label) для кнопки закрытия. */\n    closeLabel: {\n      type: String,\n      default: '$cds.close'\n    },\n    /** Внешний вид уведомления. По умолчанию `important` — приподнятая поверхность с тенью (внешний вид CdsNotificationAlert). */\n    variant: {\n      type: String as PropType<CdsNotificationVariant>,\n      default: 'important'\n    },\n    /** Время в миллисекундах до автоматического скрытия уведомления. Значения `-1` и `0` отключают автозакрытие. */\n    timeout: {\n      type: [Number, String],\n      default: 5000\n    },\n\n    ...defineLocationProps({ location: 'top center' } as const),\n    ...definePositionProps(),\n    ...defineStatusProps(),\n    ...pick(defineColorProps(), ['bgColor', 'textColor']),\n    ...defineTextProps(),\n    ...defineTagProps(),\n    ...omit(\n      defineCdsOverlayProps({\n        closeOnBack: false,\n        transition: 'notification-transition'\n      }),\n      [\n        'persistent',\n        'noClickAnimation',\n        'offset',\n        'retainFocus',\n        'captureFocus',\n        'location',\n        'scrim',\n        'scrollStrategy',\n        'stickToTarget',\n        'viewportMargin'\n      ]\n    )\n  },\n  CdsNotificationAlertConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAcO,MAAM,kCAAkC;AAAA,EAC7C;AAAA;AAAA,IAEE,OAAO;AAAA;AAAA,IAEP,MAAM;AAAA,MACJ,MAAM,CAAC,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,MAC/C,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA;AAAA,IAEV,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,oBAAoB,EAAE,UAAU,cAAuB;AAAA,IAC1D,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,WAAW,WAAW,CAAC;AAAA,IACpD,GAAG,gBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG;AAAA,MACD,sBAAsB;AAAA,QACpB,aAAa;AAAA,QACb,YAAY;AAAA,MAAA,CACb;AAAA,MACD;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEF,8BAA8B;AAChC;"}
+{"version":3,"file":"CdsNotificationAlert.props.js","sources":["../../../../../../src/components/CdsNotificationAlert/api/CdsNotificationAlert.props.ts"],"sourcesContent":["import { type CdsNotificationVariant } from '@cds/components/CdsNotification/api/CdsNotification.constants';\nimport { defineCdsOverlayProps } from '@cds/components/CdsOverlay/api/CdsOverlay.props';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLocationProps } from '@cds/composables/useLocation';\nimport { definePositionProps } from '@cds/composables/usePosition';\nimport { defineStatusProps } from '@cds/composables/useStatus';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineTagProps, propsFactory } from '@cds/core';\nimport { omit, pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsNotificationAlertConstants } from './CdsNotificationAlert.constants';\n\nexport const defineCdsNotificationAlertProps = propsFactory(\n  {\n    /**\n     * Заголовок уведомления.\n     * @en Notification heading.\n     */\n    title: String,\n    /**\n     * Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку.\n     * @en Icon before the content. Taken from `status` by default; `false` hides the icon.\n     */\n    icon: {\n      type: [Boolean, String, Function, Object, Array] as PropType<false | IconValue>,\n      default: null\n    },\n    /**\n     * Добавляет кнопку закрытия, скрывающую уведомление.\n     * @en Adds a close button that hides the notification.\n     */\n    closable: Boolean,\n    /**\n     * Иконка кнопки закрытия.\n     * @en Icon of the close button.\n     */\n    closeIcon: {\n      type: IconValue,\n      default: 'remove'\n    },\n    /**\n     * Доступная подпись (aria-label) для кнопки закрытия.\n     * @en Accessible label (aria-label) for the close button.\n     */\n    closeLabel: {\n      type: String,\n      default: '$cds.close'\n    },\n    /**\n     * Внешний вид уведомления. По умолчанию `important` — приподнятая поверхность с тенью (внешний вид CdsNotificationAlert).\n     * @en Appearance of the notification. `important` by default — an elevated surface with a shadow (the CdsNotificationAlert look).\n     */\n    variant: {\n      type: String as PropType<CdsNotificationVariant>,\n      default: 'important'\n    },\n    /**\n     * Время в миллисекундах до автоматического скрытия уведомления. Значения `-1` и `0` отключают автозакрытие.\n     * @en Delay in milliseconds before the notification hides automatically. The values `-1` and `0` turn auto-closing off.\n     */\n    timeout: {\n      type: [Number, String],\n      default: 5000\n    },\n\n    ...defineLocationProps({ location: 'top center' } as const),\n    ...definePositionProps(),\n    ...defineStatusProps(),\n    ...pick(defineColorProps(), ['bgColor', 'textColor']),\n    ...defineTextProps(),\n    ...defineTagProps(),\n    ...omit(\n      defineCdsOverlayProps({\n        closeOnBack: false,\n        transition: 'notification-transition'\n      }),\n      [\n        'persistent',\n        'noClickAnimation',\n        'offset',\n        'retainFocus',\n        'captureFocus',\n        'location',\n        'scrim',\n        'scrollStrategy',\n        'stickToTarget',\n        'viewportMargin'\n      ]\n    )\n  },\n  CdsNotificationAlertConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAcO,MAAM,kCAAkC;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,MAAM;AAAA,MACJ,MAAM,CAAC,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,MAC/C,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,oBAAoB,EAAE,UAAU,cAAuB;AAAA,IAC1D,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,WAAW,WAAW,CAAC;AAAA,IACpD,GAAG,gBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG;AAAA,MACD,sBAAsB;AAAA,QACpB,aAAa;AAAA,QACb,YAAY;AAAA,MAAA,CACb;AAAA,MACD;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEF,8BAA8B;AAChC;"}

package/dist/es/src/components/CdsOtpInput/CdsOtpInput.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-otp-input {
     position: relative;

package/dist/es/src/components/CdsOtpInput/CdsOtpInput.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,6 @@ import { C as CdsOverlay } from "../CdsOverlay/index.js";
 import { C as CdsProgressCircle } from "../CdsProgressCircle/index.js";
 import { u as useFocus, b as useAutofocus } from "../../composables/useFocus/useFocus.js";
 import { a as useLocale, u as useRtl } from "../../composables/useLocale/useLocale.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { D as filterInputAttrs } from "../../utils/helpers.js";
@@ -15,6 +14,7 @@ import { _ as _sfc_main$1 } from "./CdsOtpGroup.vue_vue_type_script_setup_true_l
 import { _ as _sfc_main$3 } from "./CdsOtpSeparator.vue_vue_type_script_setup_true_lang.js";
 import { u as useOtpInput } from "./composables/useOtpInput.js";
 import { I as Intersect } from "../../directives/intersect/index.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -232,15 +232,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       focusAt
     });
     __expose({
-      /** Ref-ссылка на скрытый input, который принимает ввод кода */
+      /**
+       * Ref-ссылка на скрытый input, который принимает ввод кода
+       * @en Ref to the hidden input that receives the code
+       */
       inputRef,
-      /** Состояние фокуса поля */
+      /**
+       * Состояние фокуса поля
+       * @en Focus state of the field
+       */
       isFocused,
-      /** Установить фокус на поле */
+      /**
+       * Установить фокус на поле
+       * @en Set the focus on the field
+       */
       focus,
-      /** Снять фокус с поля */
+      /**
+       * Снять фокус с поля
+       * @en Remove the focus from the field
+       */
       blur,
-      /** Очистить введённый код */
+      /**
+       * Очистить введённый код
+       * @en Clear the entered code
+       */
       reset: otp.reset
     });
     return () => {

package/dist/es/src/components/CdsOtpInput/CdsOtpInput.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsOtpInput.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsOtpInput/CdsOtpInput.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsOtpInput.scss';\n\nimport { CdsOverlay } from '@cds/components/CdsOverlay';\nimport { CdsProgressCircle } from '@cds/components/CdsProgressCircle';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useAutofocus, useFocus } from '@cds/composables/useFocus';\nimport { useLocale, useRtl } from '@cds/composables/useLocale';\nimport { useSize } from '@cds/composables/useSize';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { provideDefaults, useDefaults, useProxyModel } from '@cds/core';\nimport { Intersect as vIntersect } from '@cds/directives';\nimport { classNames, filterInputAttrs } from '@cds/utils';\nimport { provide, ref, toRef, unref, useAttrs, watch, withDirectives } from 'vue';\n\nimport { CdsOtpInputConstants, CdsOtpInputSymbol } from './api/CdsOtpInput.constants';\nimport { defineCdsOtpInputProps } from './api/CdsOtpInput.props';\nimport type { CdsOtpInputEvents, CdsOtpInputSlots } from './api/CdsOtpInput.types';\nimport CdsOtpField from './CdsOtpField.vue';\nimport CdsOtpGroup from './CdsOtpGroup.vue';\nimport CdsOtpSeparator from './CdsOtpSeparator.vue';\nimport { useOtpInput } from './composables/useOtpInput';\n\ndefineOptions({\n  name: CdsOtpInputConstants.name,\n  inheritAttrs: false,\n  directives: { vIntersect }\n});\n\nconst _props = defineProps({ ...defineCdsOtpInputProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsOtpInputSlots>();\nconst emit = defineEmits([\"finish\", \"update:focused\", \"update:modelValue\"]);\nconst attrs = useAttrs();\n\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { sizeClasses } = useSize(props);\nconst { isFocused } = useFocus(props);\nconst { onIntersect } = useAutofocus(props);\nconst { t } = useLocale();\nconst { isRtl } = useRtl();\n\nconst model = useProxyModel(props, 'modelValue', '', (value) => (value == null ? '' : String(value)));\nconst inputRef = ref<HTMLInputElement>();\nconst length = toRef(() => Number(props.length));\n\nlet focusAtPending = false;\n\nconst otp = useOtpInput({\n  value: model,\n  length,\n  pattern: () => props.pattern,\n  type: () => props.type,\n  masked: () => props.masked,\n  placeholder: () => props.placeholder,\n  isFocused\n});\n\nfunction applySelection() {\n  const input = unref(inputRef);\n  const selection = unref(otp.selection);\n\n  if (!input || !selection) return;\n\n  input.setSelectionRange(selection.start, selection.end, selection.direction);\n}\n\nfunction syncDOM() {\n  const input = unref(inputRef);\n\n  if (!input) return;\n  if (input.value !== unref(otp.value)) input.value = unref(otp.value);\n\n  applySelection();\n}\n\nfunction onSelectionChange() {\n  const input = unref(inputRef);\n\n  if (!input) {\n    otp.clearSelection();\n    return;\n  }\n\n  const result = otp.syncSelection({\n    value: input.value,\n    selectionStart: input.selectionStart,\n    selectionEnd: input.selectionEnd,\n    selectionDirection: input.selectionDirection,\n    maxLength: unref(length)\n  });\n\n  if (!result) return;\n\n  if (input.selectionStart !== result.start || input.selectionEnd !== result.end) {\n    input.setSelectionRange(result.start, result.end, result.direction);\n  }\n}\n\nfunction onInput(event: Event) {\n  const inputEvent = event as InputEvent;\n  const target = event.target as HTMLInputElement;\n  const composing = inputEvent.isComposing || unref(otp.isComposing);\n\n  if (composing && otp.isImeText(target.value)) return;\n\n  const next = otp.setValue(target.value);\n\n  if (target.value !== next) target.value = next;\n}\n\nfunction onCompositionstart() {\n  otp.startComposition();\n}\n\nfunction onCompositionupdate(event: CompositionEvent) {\n  otp.updateComposition(event.data ?? '');\n}\n\nfunction onCompositionend(event: CompositionEvent) {\n  otp.endComposition();\n  onInput(event);\n}\n\nfunction onFocus() {\n  isFocused.value = true;\n\n  if (focusAtPending) return;\n  if (!unref(inputRef)) return;\n\n  otp.selectAtEnd();\n  applySelection();\n}\n\nfunction onBlur() {\n  isFocused.value = false;\n  otp.clearSelection();\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.shiftKey && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {\n    const direction = ((event.key === 'ArrowLeft' ? -1 : 1) * (unref(isRtl) ? -1 : 1)) as -1 | 1;\n\n    if (otp.extendSelection(direction)) {\n      event.preventDefault();\n      syncDOM();\n    }\n\n    return;\n  }\n\n  if (event.key !== 'Backspace' && event.key !== 'Delete') return;\n  if (!event.metaKey && !event.ctrlKey && !event.altKey) return;\n\n  event.preventDefault();\n  otp.bulkDelete(event.key === 'Backspace');\n  syncDOM();\n}\n\nfunction onBeforeinput(event: InputEvent) {\n  const pattern = unref(otp.effectivePattern);\n\n  if (event.inputType === 'insertText' && event.data && pattern && !pattern.test(event.data)) {\n    event.preventDefault();\n    return;\n  }\n\n  if (event.inputType === 'deleteContentForward') {\n    event.preventDefault();\n\n    const input = unref(inputRef);\n\n    if (!input) return;\n\n    const selection = unref(otp.selection);\n\n    otp.deleteRange(selection?.start ?? 0, selection?.end ?? input.value.length);\n    syncDOM();\n\n    return;\n  }\n\n  const isBackward = ['deleteWordBackward', 'deleteSoftLineBackward', 'deleteHardLineBackward'].includes(\n    event.inputType\n  );\n  const isForward = ['deleteWordForward', 'deleteSoftLineForward', 'deleteHardLineForward'].includes(event.inputType);\n\n  if (!isBackward && !isForward) return;\n\n  event.preventDefault();\n  otp.bulkDelete(isBackward);\n  syncDOM();\n}\n\nfunction onPaste(event: ClipboardEvent) {\n  event.preventDefault();\n\n  const input = unref(inputRef);\n\n  if (!input) return;\n\n  const text = event.clipboardData?.getData('text/plain').trim() ?? '';\n  const selection = unref(otp.selection);\n\n  otp.insert(text, {\n    start: selection?.start ?? 0,\n    end: selection?.end ?? input.value.length\n  });\n\n  syncDOM();\n}\n\nfunction focusAt(index: number) {\n  const input = unref(inputRef);\n\n  if (!input) return;\n\n  focusAtPending = true;\n  input.focus();\n  focusAtPending = false;\n\n  otp.selectSlot(index);\n  applySelection();\n}\n\nfunction focus() {\n  unref(inputRef)?.focus();\n}\n\nfunction blur() {\n  unref(inputRef)?.blur();\n}\n\nwatch(\n  inputRef,\n  (input, _previous, onCleanup) => {\n    if (!input) return;\n\n    input.addEventListener('selectionchange', onSelectionChange);\n    onCleanup(() => input.removeEventListener('selectionchange', onSelectionChange));\n  },\n  { immediate: true }\n);\n\nwatch(model, (value) => {\n  if (unref(otp.isComposing)) return;\n  if (value.length === unref(length)) emit('finish', value);\n});\n\nprovideDefaults(\n  {\n    CdsField: {\n      color: toRef(() => props.color),\n      baseColor: toRef(() => props.baseColor),\n      activeColor: toRef(() => props.activeColor),\n      bgColor: toRef(() => props.bgColor),\n      disabled: toRef(() => props.disabled),\n      error: toRef(() => props.error),\n      size: toRef(() => props.size)\n    }\n  },\n  { scoped: true }\n);\n\nprovide(CdsOtpInputSymbol, {\n  otpSlots: otp.slots,\n  isFocused,\n  focusAll: toRef(() => props.focusAll),\n  divider: toRef(() => props.divider),\n  merged: toRef(() => props.merged),\n  focusAt\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsOtpInputConstants;\n  const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);\n  const count = unref(length);\n\n  const fields = props.merged ? (\n    <CdsOtpGroup merged>\n      {Array.from({ length: count }, (_, index) => (\n        <CdsOtpField key={index} index={index} />\n      ))}\n    </CdsOtpGroup>\n  ) : (\n    Array.from({ length: count }, (_, index) => (\n      <>\n        {(props.divider || slots.divider) && index !== 0 && (\n          <CdsOtpSeparator key={`divider-${index}`}>\n            {slots.divider?.({ index: index - 1 }) ?? props.divider}\n          </CdsOtpSeparator>\n        )}\n\n        <CdsOtpField key={index} index={index} />\n      </>\n    ))\n  );\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--divided`]: !!props.divider || !!slots.divider,\n          [`${rootClass}--merged`]: props.merged,\n          [`${rootClass}--disabled`]: !!props.disabled,\n          [`${rootClass}--error`]: props.error\n        },\n        unref(themeClasses),\n        unref(sizeClasses),\n        props.class\n      )}\n      style={[props.style]}\n      {...rootAttrs}\n    >\n      <div class={`${rootClass}__content`} style={[unref(dimensionStyles)]} dir={unref(isRtl) ? 'rtl' : 'ltr'}>\n        {slots.fields ? slots.fields() : fields}\n\n        {withDirectives(\n          <input\n            ref={inputRef}\n            class={`${rootClass}__input`}\n            type=\"text\"\n            inputmode={unref(otp.inputMode)}\n            dir={unref(isRtl) ? 'rtl' : 'ltr'}\n            autocomplete=\"one-time-code\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            spellcheck={false}\n            disabled={!!props.disabled}\n            aria-label={t(props.label)}\n            value={unref(model)}\n            {...inputAttrs}\n            onInput={onInput}\n            onKeydown={onKeydown}\n            onBeforeinput={onBeforeinput}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onPaste={onPaste}\n            onCompositionstart={onCompositionstart}\n            onCompositionupdate={onCompositionupdate}\n            onCompositionend={onCompositionend}\n          />,\n          [[vIntersect, onIntersect, null, { once: true }]]\n        )}\n\n        <CdsOverlay contained persistent contentClass={`${rootClass}__loader`} modelValue={!!props.loading}>\n          {slots.loader?.() ?? (\n            <CdsProgressCircle\n              color={typeof props.loading === 'boolean' ? undefined : props.loading}\n              indeterminate\n              size={24}\n              width={2}\n            />\n          )}\n        </CdsOverlay>\n\n        {slots.default?.()}\n      </div>\n    </div>\n  );\n});\n\ndefineExpose({\n  /** Ref-ссылка на скрытый input, который принимает ввод кода */\n  inputRef,\n  /** Состояние фокуса поля */\n  isFocused,\n  /** Установить фокус на поле */\n  focus,\n  /** Снять фокус с поля */\n  blur,\n  /** Очистить введённый код */\n  reset: otp.reset\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","themeClasses","provideTheme","dimensionStyles","useDimensions","sizeClasses","useSize","isFocused","useFocus","onIntersect","useAutofocus","t","useLocale","isRtl","useRtl","model","useProxyModel","value","String","inputRef","ref","length","toRef","Number","focusAtPending","otp","useOtpInput","pattern","type","masked","placeholder","applySelection","input","unref","selection","setSelectionRange","start","end","direction","syncDOM","onSelectionChange","clearSelection","result","syncSelection","selectionStart","selectionEnd","selectionDirection","maxLength","onInput","event","inputEvent","target","composing","isComposing","isImeText","next","setValue","onCompositionstart","startComposition","onCompositionupdate","updateComposition","data","onCompositionend","endComposition","onFocus","selectAtEnd","onBlur","onKeydown","shiftKey","key","extendSelection","preventDefault","metaKey","ctrlKey","altKey","bulkDelete","onBeforeinput","effectivePattern","inputType","test","deleteRange","isBackward","includes","isForward","onPaste","text","clipboardData","getData","trim","insert","focusAt","index","focus","selectSlot","blur","watch","_previous","onCleanup","addEventListener","removeEventListener","immediate","provideDefaults","CdsField","color","baseColor","activeColor","bgColor","disabled","error","size","scoped","provide","CdsOtpInputSymbol","otpSlots","focusAll","divider","merged","__expose","reset","rootClass","CdsOtpInputConstants","rootAttrs","inputAttrs","filterInputAttrs","count","fields","_createVNode","CdsOtpGroup","default","Array","from","_","CdsOtpField","_Fragment","CdsOtpSeparator","_mergeProps","classNames","class","style","withDirectives","inputMode","label","vIntersect","once","CdsOverlay","loading","loader","CdsProgressCircle","undefined"],"mappings":"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"}
+{"version":3,"file":"CdsOtpInput.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsOtpInput/CdsOtpInput.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsOtpInput.scss';\n\nimport { CdsOverlay } from '@cds/components/CdsOverlay';\nimport { CdsProgressCircle } from '@cds/components/CdsProgressCircle';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useAutofocus, useFocus } from '@cds/composables/useFocus';\nimport { useLocale, useRtl } from '@cds/composables/useLocale';\nimport { useSize } from '@cds/composables/useSize';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { provideDefaults, useDefaults, useProxyModel } from '@cds/core';\nimport { Intersect as vIntersect } from '@cds/directives';\nimport { classNames, filterInputAttrs } from '@cds/utils';\nimport { provide, ref, toRef, unref, useAttrs, watch, withDirectives } from 'vue';\n\nimport { CdsOtpInputConstants, CdsOtpInputSymbol } from './api/CdsOtpInput.constants';\nimport { defineCdsOtpInputProps } from './api/CdsOtpInput.props';\nimport type { CdsOtpInputEvents, CdsOtpInputSlots } from './api/CdsOtpInput.types';\nimport CdsOtpField from './CdsOtpField.vue';\nimport CdsOtpGroup from './CdsOtpGroup.vue';\nimport CdsOtpSeparator from './CdsOtpSeparator.vue';\nimport { useOtpInput } from './composables/useOtpInput';\n\ndefineOptions({\n  name: CdsOtpInputConstants.name,\n  inheritAttrs: false,\n  directives: { vIntersect }\n});\n\nconst _props = defineProps({ ...defineCdsOtpInputProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsOtpInputSlots>();\nconst emit = defineEmits([\"finish\", \"update:focused\", \"update:modelValue\"]);\nconst attrs = useAttrs();\n\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { sizeClasses } = useSize(props);\nconst { isFocused } = useFocus(props);\nconst { onIntersect } = useAutofocus(props);\nconst { t } = useLocale();\nconst { isRtl } = useRtl();\n\nconst model = useProxyModel(props, 'modelValue', '', (value) => (value == null ? '' : String(value)));\nconst inputRef = ref<HTMLInputElement>();\nconst length = toRef(() => Number(props.length));\n\nlet focusAtPending = false;\n\nconst otp = useOtpInput({\n  value: model,\n  length,\n  pattern: () => props.pattern,\n  type: () => props.type,\n  masked: () => props.masked,\n  placeholder: () => props.placeholder,\n  isFocused\n});\n\nfunction applySelection() {\n  const input = unref(inputRef);\n  const selection = unref(otp.selection);\n\n  if (!input || !selection) return;\n\n  input.setSelectionRange(selection.start, selection.end, selection.direction);\n}\n\nfunction syncDOM() {\n  const input = unref(inputRef);\n\n  if (!input) return;\n  if (input.value !== unref(otp.value)) input.value = unref(otp.value);\n\n  applySelection();\n}\n\nfunction onSelectionChange() {\n  const input = unref(inputRef);\n\n  if (!input) {\n    otp.clearSelection();\n    return;\n  }\n\n  const result = otp.syncSelection({\n    value: input.value,\n    selectionStart: input.selectionStart,\n    selectionEnd: input.selectionEnd,\n    selectionDirection: input.selectionDirection,\n    maxLength: unref(length)\n  });\n\n  if (!result) return;\n\n  if (input.selectionStart !== result.start || input.selectionEnd !== result.end) {\n    input.setSelectionRange(result.start, result.end, result.direction);\n  }\n}\n\nfunction onInput(event: Event) {\n  const inputEvent = event as InputEvent;\n  const target = event.target as HTMLInputElement;\n  const composing = inputEvent.isComposing || unref(otp.isComposing);\n\n  if (composing && otp.isImeText(target.value)) return;\n\n  const next = otp.setValue(target.value);\n\n  if (target.value !== next) target.value = next;\n}\n\nfunction onCompositionstart() {\n  otp.startComposition();\n}\n\nfunction onCompositionupdate(event: CompositionEvent) {\n  otp.updateComposition(event.data ?? '');\n}\n\nfunction onCompositionend(event: CompositionEvent) {\n  otp.endComposition();\n  onInput(event);\n}\n\nfunction onFocus() {\n  isFocused.value = true;\n\n  if (focusAtPending) return;\n  if (!unref(inputRef)) return;\n\n  otp.selectAtEnd();\n  applySelection();\n}\n\nfunction onBlur() {\n  isFocused.value = false;\n  otp.clearSelection();\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.shiftKey && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {\n    const direction = ((event.key === 'ArrowLeft' ? -1 : 1) * (unref(isRtl) ? -1 : 1)) as -1 | 1;\n\n    if (otp.extendSelection(direction)) {\n      event.preventDefault();\n      syncDOM();\n    }\n\n    return;\n  }\n\n  if (event.key !== 'Backspace' && event.key !== 'Delete') return;\n  if (!event.metaKey && !event.ctrlKey && !event.altKey) return;\n\n  event.preventDefault();\n  otp.bulkDelete(event.key === 'Backspace');\n  syncDOM();\n}\n\nfunction onBeforeinput(event: InputEvent) {\n  const pattern = unref(otp.effectivePattern);\n\n  if (event.inputType === 'insertText' && event.data && pattern && !pattern.test(event.data)) {\n    event.preventDefault();\n    return;\n  }\n\n  if (event.inputType === 'deleteContentForward') {\n    event.preventDefault();\n\n    const input = unref(inputRef);\n\n    if (!input) return;\n\n    const selection = unref(otp.selection);\n\n    otp.deleteRange(selection?.start ?? 0, selection?.end ?? input.value.length);\n    syncDOM();\n\n    return;\n  }\n\n  const isBackward = ['deleteWordBackward', 'deleteSoftLineBackward', 'deleteHardLineBackward'].includes(\n    event.inputType\n  );\n  const isForward = ['deleteWordForward', 'deleteSoftLineForward', 'deleteHardLineForward'].includes(event.inputType);\n\n  if (!isBackward && !isForward) return;\n\n  event.preventDefault();\n  otp.bulkDelete(isBackward);\n  syncDOM();\n}\n\nfunction onPaste(event: ClipboardEvent) {\n  event.preventDefault();\n\n  const input = unref(inputRef);\n\n  if (!input) return;\n\n  const text = event.clipboardData?.getData('text/plain').trim() ?? '';\n  const selection = unref(otp.selection);\n\n  otp.insert(text, {\n    start: selection?.start ?? 0,\n    end: selection?.end ?? input.value.length\n  });\n\n  syncDOM();\n}\n\nfunction focusAt(index: number) {\n  const input = unref(inputRef);\n\n  if (!input) return;\n\n  focusAtPending = true;\n  input.focus();\n  focusAtPending = false;\n\n  otp.selectSlot(index);\n  applySelection();\n}\n\nfunction focus() {\n  unref(inputRef)?.focus();\n}\n\nfunction blur() {\n  unref(inputRef)?.blur();\n}\n\nwatch(\n  inputRef,\n  (input, _previous, onCleanup) => {\n    if (!input) return;\n\n    input.addEventListener('selectionchange', onSelectionChange);\n    onCleanup(() => input.removeEventListener('selectionchange', onSelectionChange));\n  },\n  { immediate: true }\n);\n\nwatch(model, (value) => {\n  if (unref(otp.isComposing)) return;\n  if (value.length === unref(length)) emit('finish', value);\n});\n\nprovideDefaults(\n  {\n    CdsField: {\n      color: toRef(() => props.color),\n      baseColor: toRef(() => props.baseColor),\n      activeColor: toRef(() => props.activeColor),\n      bgColor: toRef(() => props.bgColor),\n      disabled: toRef(() => props.disabled),\n      error: toRef(() => props.error),\n      size: toRef(() => props.size)\n    }\n  },\n  { scoped: true }\n);\n\nprovide(CdsOtpInputSymbol, {\n  otpSlots: otp.slots,\n  isFocused,\n  focusAll: toRef(() => props.focusAll),\n  divider: toRef(() => props.divider),\n  merged: toRef(() => props.merged),\n  focusAt\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsOtpInputConstants;\n  const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);\n  const count = unref(length);\n\n  const fields = props.merged ? (\n    <CdsOtpGroup merged>\n      {Array.from({ length: count }, (_, index) => (\n        <CdsOtpField key={index} index={index} />\n      ))}\n    </CdsOtpGroup>\n  ) : (\n    Array.from({ length: count }, (_, index) => (\n      <>\n        {(props.divider || slots.divider) && index !== 0 && (\n          <CdsOtpSeparator key={`divider-${index}`}>\n            {slots.divider?.({ index: index - 1 }) ?? props.divider}\n          </CdsOtpSeparator>\n        )}\n\n        <CdsOtpField key={index} index={index} />\n      </>\n    ))\n  );\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--divided`]: !!props.divider || !!slots.divider,\n          [`${rootClass}--merged`]: props.merged,\n          [`${rootClass}--disabled`]: !!props.disabled,\n          [`${rootClass}--error`]: props.error\n        },\n        unref(themeClasses),\n        unref(sizeClasses),\n        props.class\n      )}\n      style={[props.style]}\n      {...rootAttrs}\n    >\n      <div class={`${rootClass}__content`} style={[unref(dimensionStyles)]} dir={unref(isRtl) ? 'rtl' : 'ltr'}>\n        {slots.fields ? slots.fields() : fields}\n\n        {withDirectives(\n          <input\n            ref={inputRef}\n            class={`${rootClass}__input`}\n            type=\"text\"\n            inputmode={unref(otp.inputMode)}\n            dir={unref(isRtl) ? 'rtl' : 'ltr'}\n            autocomplete=\"one-time-code\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            spellcheck={false}\n            disabled={!!props.disabled}\n            aria-label={t(props.label)}\n            value={unref(model)}\n            {...inputAttrs}\n            onInput={onInput}\n            onKeydown={onKeydown}\n            onBeforeinput={onBeforeinput}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onPaste={onPaste}\n            onCompositionstart={onCompositionstart}\n            onCompositionupdate={onCompositionupdate}\n            onCompositionend={onCompositionend}\n          />,\n          [[vIntersect, onIntersect, null, { once: true }]]\n        )}\n\n        <CdsOverlay contained persistent contentClass={`${rootClass}__loader`} modelValue={!!props.loading}>\n          {slots.loader?.() ?? (\n            <CdsProgressCircle\n              color={typeof props.loading === 'boolean' ? undefined : props.loading}\n              indeterminate\n              size={24}\n              width={2}\n            />\n          )}\n        </CdsOverlay>\n\n        {slots.default?.()}\n      </div>\n    </div>\n  );\n});\n\ndefineExpose({\n  /**\n   * Ref-ссылка на скрытый input, который принимает ввод кода\n   * @en Ref to the hidden input that receives the code\n   */\n  inputRef,\n  /**\n   * Состояние фокуса поля\n   * @en Focus state of the field\n   */\n  isFocused,\n  /**\n   * Установить фокус на поле\n   * @en Set the focus on the field\n   */\n  focus,\n  /**\n   * Снять фокус с поля\n   * @en Remove the focus from the field\n   */\n  blur,\n  /**\n   * Очистить введённый код\n   * @en Clear the entered code\n   */\n  reset: otp.reset\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","themeClasses","provideTheme","dimensionStyles","useDimensions","sizeClasses","useSize","isFocused","useFocus","onIntersect","useAutofocus","t","useLocale","isRtl","useRtl","model","useProxyModel","value","String","inputRef","ref","length","toRef","Number","focusAtPending","otp","useOtpInput","pattern","type","masked","placeholder","applySelection","input","unref","selection","setSelectionRange","start","end","direction","syncDOM","onSelectionChange","clearSelection","result","syncSelection","selectionStart","selectionEnd","selectionDirection","maxLength","onInput","event","inputEvent","target","composing","isComposing","isImeText","next","setValue","onCompositionstart","startComposition","onCompositionupdate","updateComposition","data","onCompositionend","endComposition","onFocus","selectAtEnd","onBlur","onKeydown","shiftKey","key","extendSelection","preventDefault","metaKey","ctrlKey","altKey","bulkDelete","onBeforeinput","effectivePattern","inputType","test","deleteRange","isBackward","includes","isForward","onPaste","text","clipboardData","getData","trim","insert","focusAt","index","focus","selectSlot","blur","watch","_previous","onCleanup","addEventListener","removeEventListener","immediate","provideDefaults","CdsField","color","baseColor","activeColor","bgColor","disabled","error","size","scoped","provide","CdsOtpInputSymbol","otpSlots","focusAll","divider","merged","__expose","reset","rootClass","CdsOtpInputConstants","rootAttrs","inputAttrs","filterInputAttrs","count","fields","_createVNode","CdsOtpGroup","default","Array","from","_","CdsOtpField","_Fragment","CdsOtpSeparator","_mergeProps","classNames","class","style","withDirectives","inputMode","label","vIntersect","once","CdsOverlay","loading","loader","CdsProgressCircle","undefined"],"mappings":"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"}