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

package/dist/esm-node/src/components/CdsOverlay/CdsOverlay.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-overlay-container {
     position: absolute;

package/dist/esm-node/src/components/CdsOverlay/CdsOverlay.vue_vue_type_script_setup_true_lang.mjs

@@ -7,17 +7,11 @@ import { a as useRouter, b as useBackButton } from "../../composables/useRouter/
 import { u as useScopeId } from "../../composables/useScopeId/useScopeId.mjs";
 import { u as useStack } from "../../composables/useStack/useStack.mjs";
 import { u as useTeleport } from "../../composables/useTeleport/useTeleport.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { s as standardEasing, M as MaybeTransition } from "../../composables/useTransition/useTransition.mjs";
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
 import { u as useToggleScope } from "../../core/useToggleScope.mjs";
-import { u as convertToUnit } from "../../utils/helpers.mjs";
-import { a as animate } from "../../utils/dom/animation.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { c as getScrollParent } from "../../utils/dom/getScrollParent.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { C as CdsOverlayConstants } from "./api/CdsOverlay.constants.mjs";
 import { d as defineCdsOverlayProps } from "./api/CdsOverlay.props.mjs";
 import { S as Scrim } from "./components/Scrim.mjs";
@@ -25,8 +19,14 @@ import { u as useActivator } from "./composables/useActivator.mjs";
 import { u as useLocationStrategies } from "./composables/useLocationStrategies.mjs";
 import { u as useScrollStrategies } from "./composables/useScrollStrategies.mjs";
 import { C as ClickOutside } from "../../directives/click-outside/index.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
+import { c as getScrollParent } from "../../utils/dom/getScrollParent.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
+import { a as animate } from "../../utils/dom/animation.mjs";
+import { u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsOverlayConstants.name,
@@ -216,27 +216,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("afterLeave");
     }
     __expose({
-      /** Корневой DOM-элемент оверлея. */
+      /**
+       * Корневой DOM-элемент оверлея.
+       * @en The root DOM element of the overlay.
+       */
       rootEl: root,
-      /** DOM-элемент подложки (scrim), затемняющей страницу. */
+      /**
+       * DOM-элемент подложки (scrim), затемняющей страницу.
+       * @en The DOM element of the scrim that dims the page.
+       */
       scrimEl,
-      /** DOM-элемент контента оверлея. */
+      /**
+       * DOM-элемент контента оверлея.
+       * @en The DOM element of the overlay content.
+       */
       contentEl,
-      /** DOM-элемент активатора. */
+      /**
+       * DOM-элемент активатора.
+       * @en The DOM element of the activator.
+       */
       activatorEl,
-      /** Template ref для назначения активатора вручную. */
+      /**
+       * Template ref для назначения активатора вручную.
+       * @en Template ref for assigning the activator manually.
+       */
       activatorRef,
-      /** DOM-элемент цели позиционирования. */
+      /**
+       * DOM-элемент цели позиционирования.
+       * @en The DOM element of the positioning target.
+       */
       targetEl,
-      /** Template ref для назначения цели позиционирования вручную. */
+      /**
+       * Template ref для назначения цели позиционирования вручную.
+       * @en Template ref for assigning the positioning target manually.
+       */
       targetRef,
-      /** Текущая цель позиционирования: элемент либо координаты `[x, y]`. */
+      /**
+       * Текущая цель позиционирования: элемент либо координаты `[x, y]`.
+       * @en The current positioning target: an element or the `[x, y]` coordinates.
+       */
       target,
-      /** Является ли оверлей верхним в глобальном стеке открытых оверлеев. */
+      /**
+       * Является ли оверлей верхним в глобальном стеке открытых оверлеев.
+       * @en Whether the overlay is the top one in the global stack of open overlays.
+       */
       globalTop,
-      /** Пересчитывает позицию контента относительно цели. */
+      /**
+       * Пересчитывает позицию контента относительно цели.
+       * @en Recalculates the position of the content relative to the target.
+       */
       updateLocation,
-      /** Запускает bounce-анимацию контента — как при клике мимо `persistent`-оверлея. */
+      /**
+       * Запускает bounce-анимацию контента — как при клике мимо `persistent`-оверлея.
+       * @en Runs the bounce animation of the content — the same as on a click outside a `persistent` overlay.
+       */
       animateClick
     });
     return () => {

package/dist/esm-node/src/components/CdsOverlay/api/CdsOverlay.props.mjs

@@ -3,58 +3,86 @@ import { d as defineScrollStrategiesProps } from "../composables/useScrollStrate
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.mjs";
 import { d as defineFocusTrapProps } from "../../../composables/useFocus/useFocusTrap.mjs";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.mjs";
 import { d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { d as defineActivatorProps } from "../composables/useActivator.mjs";
 import { C as CdsOverlayConstants } from "./CdsOverlay.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 const defineCdsOverlayProps = propsFactory(
   {
-    /** Указывает, что элемент должен быть позиционирован абсолютно, а не фиксированно. Это может быть полезно для оверлеев, которые должны быть ограничены определенной областью, например, внутри контейнера с `position: relative`. */
+    /**
+     * Указывает, что элемент должен быть позиционирован абсолютно, а не фиксированно. Это может быть полезно для оверлеев, которые должны быть ограничены определенной областью, например, внутри контейнера с `position: relative`.
+     * @en Positions the element absolutely instead of fixed. This is useful for overlays that must stay inside a certain area, for example inside a container with `position: relative`.
+     */
     absolute: Boolean,
     /**
      * Указывает, в какой элемент DOM следует переместить содержимое overlay.
      * Может быть прямой ссылкой на элемент, строкой querySelector или значением true для отключения перемещения.
      * По умолчанию используется элемент body.
      * Как правило, не рекомендуется изменять это свойство, за исключением крайних случаев: алгоритм позиционирования по умолчанию должен справляться с большинством сценариев лучше, чем это возможно без перемещения, и может возникнуть непредвиденное поведение, если меню окажется дочерним элементом своего активатора.
+     * @en Sets the DOM element the overlay content is moved to. It accepts a direct element reference, a querySelector string, or true to disable moving. By default the body element is used. Changing this prop is usually not recommended except for edge cases: the default positioning algorithm handles most scenarios better than it can without moving, and unexpected behavior may appear if the menu ends up being a child of its activator.
      */
     attach: [Boolean, String, Object],
     /**
      * Ограничивает размер компонента и сетки в соответствии с его смещенным родительским элементом.
      * Подразумевает использование свойств `absolute` и `attach`. (Примечание: родительский элемент должен иметь свойство `position: relative`.)
+     * @en Limits the size of the component and of its grid to the offset parent. Implies the `absolute` and `attach` props. (Note: the parent element must have `position: relative`.)
      */
     contained: Boolean,
     /**
      * Применяет пользовательский класс к отдельному элементу.
      * Это удобно, поскольку содержимое перемещается в начало компонента cds-app (если не указан параметр `attach`) и не может быть выделено с помощью классов, переданных непосредственно в компонент.
+     * @en Applies a custom class to the content element. This is handy because the content is moved to the beginning of the cds-app component (unless `attach` is set) and cannot be selected with classes passed to the component directly.
      */
     contentClass: null,
-    /** Применяет кастомные свойства (props) к перемещаемому контенту */
+    /**
+     * Применяет кастомные свойства (props) к перемещаемому контенту
+     * @en Applies custom props to the moved content
+     */
     contentProps: null,
-    /** Прозрачность элемента «scrim». Применяется только в том случае, если св-во `scrim=true`. */
+    /**
+     * Прозрачность элемента «scrim». Применяется только в том случае, если св-во `scrim=true`.
+     * @en Opacity of the scrim element. Applies only when `scrim=true`.
+     */
     opacity: [Number, String],
-    /** Значение компонента v-model. Если компонент поддерживает свойство **multiple**, по умолчанию используется пустой массив. */
+    /**
+     * Значение компонента v-model. Если компонент поддерживает свойство **multiple**, по умолчанию используется пустой массив.
+     * @en The v-model value of the component. If the component supports the **multiple** prop, an empty array is used by default.
+     */
     modelValue: Boolean,
-    /** Клик за пределами элемента или нажатие клавиши Esc не приведет к его закрытию. */
+    /**
+     * Клик за пределами элемента или нажатие клавиши Esc не приведет к его закрытию.
+     * @en A click outside the element or the Esc key does not close it.
+     */
     persistent: Boolean,
-    /** Отключает эффект bounce при нажатии за пределами элемента контента при использовании атрибута persistent. */
+    /**
+     * Отключает эффект bounce при нажатии за пределами элемента контента при использовании атрибута persistent.
+     * @en Disables the bounce effect on a click outside the content element when `persistent` is set.
+     */
     noClickAnimation: Boolean,
     /**
      * Закрывает содержимое оверлея при нажатии кнопки «Назад» в браузере или вызове $router.back(), отменяя исходную навигацию.
      * `persistent` оверлеи отменяют навигацию и анимируются так, как будто по ним щелкнули за пределами оверлея, вместо того чтобы закрываться.
+     * @en Closes the overlay content when the browser Back button is pressed or $router.back() is called, cancelling the original navigation. `persistent` overlays cancel the navigation and animate as if they were clicked outside instead of closing.
      */
     closeOnBack: {
       type: Boolean,
       default: true
     },
-    /** Фон при активации overlay. Принимает значения true/false для включения фона и строку для определения цвета. */
+    /**
+     * Фон при активации overlay. Принимает значения true/false для включения фона и строку для определения цвета.
+     * @en Backdrop shown while the overlay is active. Accepts true/false to toggle the backdrop and a string to set its color.
+     */
     scrim: {
       type: [Boolean, String],
       default: true
     },
-    /** Значение z-index для компонента. */
+    /**
+     * Значение z-index для компонента.
+     * @en The z-index value of the component.
+     */
     zIndex: {
       type: [Number, String],
       default: 2e3

package/dist/esm-node/src/components/CdsOverlay/components/Scrim.mjs

@@ -1,7 +1,7 @@
 import { createVNode, Transition, mergeProps, unref } from "vue";
+import { C as CdsOverlayConstants } from "../api/CdsOverlay.constants.mjs";
 import { a3 as omit } from "../../../utils/helpers.mjs";
 import { c as classNames } from "../../../utils/dom/classNames.mjs";
-import { C as CdsOverlayConstants } from "../api/CdsOverlay.constants.mjs";
 function Scrim(props) {
   const restProps = omit(props, ["modelValue", "color"]);
   return createVNode(Transition, {

package/dist/esm-node/src/components/CdsOverlay/composables/useActivator.mjs

@@ -2,14 +2,20 @@ import { C as CdsMenuSymbol } from "../../CdsMenu/api/CdsMenu.constants.mjs";
 import { d as defineDelayProps, u as useDelay } from "../../../composables/useDelay/useDelay.mjs";
 import { g as getCurrentInstance } from "../../../core/getCurrentInstance.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
+import { ref, computed, unref, inject, watch, watchEffect, nextTick, effectScope, onScopeDispose, mergeProps } from "vue";
 import { ab as templateRef, a0 as matchesSelector } from "../../../utils/helpers.mjs";
-import { b as bindProps, u as unbindProps } from "../../../utils/dom/bindProps.mjs";
 import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
-import { ref, computed, unref, inject, watch, watchEffect, nextTick, effectScope, onScopeDispose, mergeProps } from "vue";
+import { b as bindProps, u as unbindProps } from "../../../utils/dom/bindProps.mjs";
 const defineActivatorProps = propsFactory({
-  /** Элемент, который будет активировать компонент */
+  /**
+   * Элемент, который будет активировать компонент
+   * @en The element that activates the component
+   */
   activator: [String, Object],
-  /** Свойства для элемента активатора */
+  /**
+   * Свойства для элемента активатора
+   * @en Props for the activator element
+   */
   activatorProps: {
     type: Object,
     default: () => ({})
@@ -17,21 +23,34 @@ const defineActivatorProps = propsFactory({
   /**
    * Если для параметра locationStrategy задано значение «connected», необходимо указать элемент или массив координат x, y, относительно которых должен располагаться оверлей.
    * По умолчанию в качестве такого элемента используется элемент-активатор.
+   * @en When `locationStrategy` is set to "connected", specify the element or the array of x, y coordinates the overlay is positioned against. By default the activator element is used.
    */
   target: [String, Object],
-  /** Показать компонент по клику на активатор */
+  /**
+   * Показать компонент по клику на активатор
+   * @en Show the component on a click on the activator
+   */
   openOnClick: {
     type: Boolean,
     default: void 0
   },
-  /** Показать компонент по наведению на активатор */
+  /**
+   * Показать компонент по наведению на активатор
+   * @en Show the component on hover over the activator
+   */
   openOnHover: Boolean,
-  /** Показать компонент по фокусу на активатор */
+  /**
+   * Показать компонент по фокусу на активатор
+   * @en Show the component when the activator gets focus
+   */
   openOnFocus: {
     type: Boolean,
     default: void 0
   },
-  /** Скрыть компонент по клику на контент */
+  /**
+   * Скрыть компонент по клику на контент
+   * @en Hide the component on a click on the content
+   */
   closeOnContentClick: Boolean,
   ...defineDelayProps()
 }, "activator");

package/dist/esm-node/src/components/CdsOverlay/composables/useLocationStrategies.mjs

@@ -1,14 +1,14 @@
 import { a as anchorToPoint, g as getOffset } from "../utils/point.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { u as useToggleScope } from "../../../core/useToggleScope.mjs";
+import { unref, computed, watch, onScopeDispose, nextTick, ref } from "vue";
 import { Q as isFixedPosition, z as destructComputed, x as deepEqual, u as convertToUnit, c as clamp, C as CircularBuffer } from "../../../utils/helpers.mjs";
 import { p as parseAnchor, b as flipSide, f as flipAlign, a as flipCorner, g as getAxis } from "../../../utils/dom/anchor.mjs";
-import { n as nullifyTransforms } from "../../../utils/dom/animation.mjs";
 import { B as Box, b as getTargetBox, g as getElementBox, a as getOverflow } from "../../../utils/dom/box.mjs";
-import { e as error } from "../../../utils/dom/console.mjs";
 import { d as getScrollParents } from "../../../utils/dom/getScrollParent.mjs";
+import { e as error } from "../../../utils/dom/console.mjs";
+import { n as nullifyTransforms } from "../../../utils/dom/animation.mjs";
 import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
-import { unref, computed, watch, onScopeDispose, nextTick, ref } from "vue";
 const locationStrategies = {
   static: staticLocationStrategy,
   // specific viewport position, usually centered
@@ -20,13 +20,17 @@ const defineLocationStrategiesProps = propsFactory(
     /**
      * Определяет способ позиционирования содержимого оверлея. По умолчанию используется значение static, при котором содержимое центрируется в контейнере.
      * Используйте connected для привязки к элементу-активатору.
+     * @en Sets the way the overlay content is positioned. By default static is used, which centers the content in its container. Use connected to attach the content to the activator element.
      */
     locationStrategy: {
       type: [String, Function],
       default: "static",
       validator: (val) => typeof val === "function" || val in locationStrategies
     },
-    /** Указывает точку привязки для позиционирования компонента с использованием ориентиров для выравнивания по горизонтали, по вертикали или по обоим направлениям */
+    /**
+     * Указывает точку привязки для позиционирования компонента с использованием ориентиров для выравнивания по горизонтали, по вертикали или по обоим направлениям
+     * @en Sets the anchor point used to position the component, aligning it horizontally, vertically or in both directions
+     */
     location: {
       type: String,
       default: "bottom"
@@ -36,16 +40,26 @@ const defineLocationStrategiesProps = propsFactory(
      * При значении «auto» используется противоположная сторона точки «location».
      * При значении «overlap» используется та же точка привязки, в результате чего наложение перекрывает объект-цель.
      * Также задает значение CSS-свойства `transform-origin` для transitions enter/leave.
+     * @en Sets the anchor point of the overlay content that is aligned with the `location` anchor of the target. With "auto" the opposite side of the `location` point is used. With "overlap" the same anchor point is used, so the overlay overlaps the target. It also sets the CSS `transform-origin` property for the enter/leave transitions.
      */
     origin: {
       type: String,
       default: "auto"
     },
-    /** Увеличивает расстояние до цели. Если передать два числа, второе значение смещает анкер вбок и в сторону от цели. */
+    /**
+     * Увеличивает расстояние до цели. Если передать два числа, второе значение смещает анкер вбок и в сторону от цели.
+     * @en Increases the distance to the target. If two numbers are passed, the second one shifts the anchor sideways, away from the target.
+     */
     offset: [Number, String, Array],
-    /** Позволяет контенту наложения выходить за пределы экрана при прокрутке. */
+    /**
+     * Позволяет контенту наложения выходить за пределы экрана при прокрутке.
+     * @en Lets the overlay content go off screen while scrolling.
+     */
     stickToTarget: Boolean,
-    /** Устанавливает пользовательские viewport margin для содержимого наложения */
+    /**
+     * Устанавливает пользовательские viewport margin для содержимого наложения
+     * @en Sets a custom viewport margin for the overlay content
+     */
     viewportMargin: {
       type: [Number, String],
       default: 12

package/dist/esm-node/src/components/CdsOverlay/composables/useScrollStrategies.mjs

@@ -1,9 +1,9 @@
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { u as convertToUnit } from "../../../utils/helpers.mjs";
-import { d as getScrollParents, j as hasScrollbar } from "../../../utils/dom/getScrollParent.mjs";
-import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 import { onScopeDispose, watchEffect, effectScope } from "vue";
 import { r as requestNewFrame } from "../utils/requestNewFrame.mjs";
+import { d as getScrollParents, j as hasScrollbar } from "../../../utils/dom/getScrollParent.mjs";
+import { u as convertToUnit } from "../../../utils/helpers.mjs";
+import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 const scrollStrategies = {
   none: null,
   close: closeScrollStrategy,
@@ -12,7 +12,10 @@ const scrollStrategies = {
 };
 const defineScrollStrategiesProps = propsFactory(
   {
-    /** Стратегия, применяемая при активации компонента и прокрутке страницы пользователем. */
+    /**
+     * Стратегия, применяемая при активации компонента и прокрутке страницы пользователем.
+     * @en Strategy applied when the component is active and the user scrolls the page.
+     */
     scrollStrategy: {
       type: [String, Function],
       default: "block",

package/dist/esm-node/src/components/CdsPage/CdsPage.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-page--padding {
     padding: var(--cds-spacing-400);

package/dist/esm-node/src/components/CdsPage/CdsPage.vue_vue_type_script_setup_true_lang.mjs

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { w as warn } from "../../utils/dom/console.mjs";
 import { u as useInjectMain } from "../CdsMain/context.mjs";
 import { C as CdsPageConstants } from "./api/CdsPage.constants.mjs";
 import { d as defineCdsPageProps } from "./api/CdsPage.props.mjs";
 import { u as useInjectLayout } from "../../composables/useLayout/context.mjs";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
+import { w as warn } from "../../utils/dom/console.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsPageConstants.name

package/dist/esm-node/src/components/CdsPage/api/CdsPage.props.mjs

@@ -3,7 +3,10 @@ import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { C as CdsPageConstants } from "./CdsPage.constants.mjs";
 const defineCdsPageProps = propsFactory(
   {
-    /** Добавляет внутренние отступы странице. */
+    /**
+     * Добавляет внутренние отступы странице.
+     * @en Adds paddings to the page.
+     */
     padding: {
       type: Boolean,
       default: false
@@ -11,6 +14,7 @@ const defineCdsPageProps = propsFactory(
     /**
      * Функция вычисления стилей страницы. Получает суммарный offset
      * (header + footer) и высоту области, возвращает строку стилей.
+     * @en Function that computes the styles of the page. It receives the total offset (header + footer) and the height of the area, and returns a style string.
      */
     styleFn: {
       type: Function,

package/dist/esm-node/src/components/CdsPagination/CdsPagination.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-pagination__list {
     display: flex;

package/dist/esm-node/src/components/CdsPagination/CdsPagination.vue_vue_type_script_setup_true_lang.mjs

@@ -1,17 +1,17 @@
 import { defineComponent, useSlots, shallowRef, ref, computed, unref, createVNode, nextTick } from "vue";
 import { u as useDisabled } from "../../composables/useDisabled/useDisabled.mjs";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
 import { a as useLocale, u as useRtl } from "../../composables/useLocale/useLocale.mjs";
 import { u as useResizeObserver } from "../../composables/useResizeObserver/useResizeObserver.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { v as createRange, _ as keyNames } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.mjs";
 import { C as CdsTextInput } from "../CdsTextInput/index.mjs";
 import { C as CdsPaginationConstants } from "./api/CdsPagination.constants.mjs";
 import { d as defineCdsPaginationProps } from "./api/CdsPagination.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
+import { v as createRange, _ as keyNames } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsPaginationConstants.name
@@ -185,9 +185,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       inputPageModel.value = "";
     }
     __expose({
+      /**
+       * Переходит на первую страницу.
+       * @en Jumps to the first page.
+       */
       setFirst: () => setValue(unref(start), "first"),
+      /**
+       * Переходит на последнюю страницу.
+       * @en Jumps to the last page.
+       */
       setLast: () => setValue(unref(start) + unref(length) - 1, "last"),
+      /**
+       * Переходит на следующую страницу.
+       * @en Jumps to the next page.
+       */
       setNext: () => setValue(unref(page) + 1, "next"),
+      /**
+       * Переходит на предыдущую страницу.
+       * @en Jumps to the previous page.
+       */
       setPrev: () => setValue(unref(page) - 1, "prev")
     });
     return () => {