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

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

@@ -7,7 +7,10 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 const defineCdsStatusProps = propsFactory(
   {
     ...defineStatusProps(),
-    /** Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса. */
+    /**
+     * Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса.
+     * @en Display mode: `fill` — a filled badge without an icon; `text` — a transparent background with a colored status icon.
+     */
     variant: {
       type: String,
       default: "fill"

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

@@ -1 +1 @@
-{"version":3,"file":"CdsStatus.props.js","sources":["../../../../../../src/components/CdsStatus/api/CdsStatus.props.ts"],"sourcesContent":["import { defineStatusProps } from '@cds/composables/useStatus';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsStatusConstants, type CdsStatusVariant } from './CdsStatus.constants';\n\nexport const defineCdsStatusProps = propsFactory(\n  {\n    ...defineStatusProps(),\n\n    /** Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса. */\n    variant: {\n      type: String as PropType<CdsStatusVariant>,\n      default: 'fill'\n    },\n\n    ...defineTextProps(),\n    ...defineThemeProps(),\n    ...defineComponentProps()\n  },\n  CdsStatusConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,uBAAuB;AAAA,EAClC;AAAA,IACE,GAAG,kBAAA;AAAA;AAAA,IAGH,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,gBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,mBAAmB;AACrB;"}
+{"version":3,"file":"CdsStatus.props.js","sources":["../../../../../../src/components/CdsStatus/api/CdsStatus.props.ts"],"sourcesContent":["import { defineStatusProps } from '@cds/composables/useStatus';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsStatusConstants, type CdsStatusVariant } from './CdsStatus.constants';\n\nexport const defineCdsStatusProps = propsFactory(\n  {\n    ...defineStatusProps(),\n\n    /**\n     * Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса.\n     * @en Display mode: `fill` — a filled badge without an icon; `text` — a transparent background with a colored status icon.\n     */\n    variant: {\n      type: String as PropType<CdsStatusVariant>,\n      default: 'fill'\n    },\n\n    ...defineTextProps(),\n    ...defineThemeProps(),\n    ...defineComponentProps()\n  },\n  CdsStatusConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,uBAAuB;AAAA,EAClC;AAAA,IACE,GAAG,kBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMH,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,gBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,mBAAmB;AACrB;"}

package/dist/es/src/components/CdsSteps/CdsSteps.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-steps {
     display: flex;

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

@@ -71,7 +71,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
+      /**
+       * Переходит к предыдущему шагу.
+       * @en Moves to the previous step.
+       */
       prev,
+      /**
+       * Переходит к следующему шагу.
+       * @en Moves to the next step.
+       */
       next
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSteps.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSteps/CdsSteps.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsSteps.scss';\n\nimport { provideTheme } from '@cds/composables';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { provideDefaults, useDefaults } from '@cds/core';\nimport { classNames, getPropertyFromItem } from '@cds/utils';\nimport { computed, toRef, unref } from 'vue';\n\nimport { CdsStepsConstants, CdsStepsSymbol } from './api/CdsSteps.constants';\nimport { defineCdsStepsProps } from './api/CdsSteps.props';\nimport type { CdsStepsEvents, CdsStepsSlots } from './api/CdsSteps.types';\nimport CdsStepsActions from './CdsStepsActions.vue';\nimport CdsStepsItem from './CdsStepsItem.vue';\nimport CdsStepsView from './CdsStepsView.vue';\nimport CdsStepsViewItem from './CdsStepsViewItem.vue';\n\ndefineOptions({\n  name: CdsStepsConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsStepsProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsStepsSlots>();\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { items: groupItems, next, prev, selected } = useGroup(props, CdsStepsSymbol);\n\nconst items = computed(() =>\n  props.items.map((item, index) => {\n    const title = getPropertyFromItem(item, props.itemTitle, item);\n    const text = getPropertyFromItem(item, props.itemText);\n    const value = getPropertyFromItem(item, props.itemValue, index + 1);\n    const itemProps = props.itemProps === true ? item : getPropertyFromItem(item, props.itemProps);\n\n    const _itemProps = {\n      title,\n      text,\n      value,\n      ...itemProps\n    };\n\n    return {\n      title: _itemProps.title,\n      value: _itemProps.value,\n      props: _itemProps,\n      raw: item\n    };\n  })\n);\n\nconst activeIndex = computed(() => unref(groupItems).findIndex((item) => unref(selected).includes(item.id)));\nconst actionsDisabled = computed<boolean | 'prev' | 'next'>(() => {\n  if (props.disabled) return true;\n  if (activeIndex.value === 0) return 'prev';\n  if (activeIndex.value === unref(groupItems).length - 1) return 'next';\n\n  return false;\n});\n\nprovideDefaults({\n  CdsStepsItem: {\n    interactive: toRef(props, 'interactive'),\n    readonly: toRef(props, 'readonly')\n  },\n  CdsStepsActions: {\n    disabled: actionsDisabled,\n    prevText: toRef(props, 'prevText'),\n    nextText: toRef(props, 'nextText')\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsStepsConstants;\n\n  const hasHeader = !!(slots.default || items.value.length);\n  const hasView = items.value.length > 0;\n  const hasActions = !props.hideActions && !!(hasView || slots.actions);\n\n  return (\n    <props.tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--vertical`]: props.vertical,\n          [`${rootClass}--interactive`]: props.interactive\n        },\n        unref(themeClasses),\n        props.class\n      )}\n      style={props.style}\n    >\n      {hasHeader && (\n        <ul key=\"steps-header\" class={`${rootClass}__header`}>\n          {items.value.length\n            ? items.value.map((item) => (\n                <CdsStepsItem\n                  {...item.props}\n                  v-slots={{\n                    default: slots[`header-item.${item.value}`] ?? slots['header-item'],\n                    title: slots.title,\n                    text: slots.text\n                  }}\n                />\n              ))\n            : slots.default?.({ prev, next })}\n        </ul>\n      )}\n\n      {hasView && (\n        <CdsStepsView key=\"steps-view\" class={`${rootClass}__view`}>\n          {items.value.map((item) => (\n            <CdsStepsViewItem\n              value={item.value}\n              v-slots={{\n                default: () => slots[`item.${item.value}`]?.(item) ?? slots.item?.(item)\n              }}\n            />\n          ))}\n        </CdsStepsView>\n      )}\n\n      {hasActions &&\n        (slots.actions?.({ prev, next }) ?? (\n          <CdsStepsActions\n            key=\"steps-actions\"\n            onClick:prev={prev}\n            onClick:next={next}\n            v-slots={{ prev: slots.prev, next: slots.next }}\n          />\n        ))}\n    </props.tag>\n  );\n});\n\ndefineExpose({ prev, next });\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","items","groupItems","next","prev","selected","useGroup","CdsStepsSymbol","computed","map","item","index","title","getPropertyFromItem","itemTitle","text","itemText","value","itemValue","itemProps","_itemProps","raw","activeIndex","unref","findIndex","includes","id","actionsDisabled","disabled","length","provideDefaults","CdsStepsItem","interactive","toRef","readonly","CdsStepsActions","prevText","nextText","__expose","rootClass","CdsStepsConstants","hasHeader","default","hasView","hasActions","hideActions","actions","_createVNode","tag","classNames","vertical","class","style","CdsStepsView","CdsStepsViewItem"],"mappings":"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"}
+{"version":3,"file":"CdsSteps.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSteps/CdsSteps.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsSteps.scss';\n\nimport { provideTheme } from '@cds/composables';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { provideDefaults, useDefaults } from '@cds/core';\nimport { classNames, getPropertyFromItem } from '@cds/utils';\nimport { computed, toRef, unref } from 'vue';\n\nimport { CdsStepsConstants, CdsStepsSymbol } from './api/CdsSteps.constants';\nimport { defineCdsStepsProps } from './api/CdsSteps.props';\nimport type { CdsStepsEvents, CdsStepsSlots } from './api/CdsSteps.types';\nimport CdsStepsActions from './CdsStepsActions.vue';\nimport CdsStepsItem from './CdsStepsItem.vue';\nimport CdsStepsView from './CdsStepsView.vue';\nimport CdsStepsViewItem from './CdsStepsViewItem.vue';\n\ndefineOptions({\n  name: CdsStepsConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsStepsProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsStepsSlots>();\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { items: groupItems, next, prev, selected } = useGroup(props, CdsStepsSymbol);\n\nconst items = computed(() =>\n  props.items.map((item, index) => {\n    const title = getPropertyFromItem(item, props.itemTitle, item);\n    const text = getPropertyFromItem(item, props.itemText);\n    const value = getPropertyFromItem(item, props.itemValue, index + 1);\n    const itemProps = props.itemProps === true ? item : getPropertyFromItem(item, props.itemProps);\n\n    const _itemProps = {\n      title,\n      text,\n      value,\n      ...itemProps\n    };\n\n    return {\n      title: _itemProps.title,\n      value: _itemProps.value,\n      props: _itemProps,\n      raw: item\n    };\n  })\n);\n\nconst activeIndex = computed(() => unref(groupItems).findIndex((item) => unref(selected).includes(item.id)));\nconst actionsDisabled = computed<boolean | 'prev' | 'next'>(() => {\n  if (props.disabled) return true;\n  if (activeIndex.value === 0) return 'prev';\n  if (activeIndex.value === unref(groupItems).length - 1) return 'next';\n\n  return false;\n});\n\nprovideDefaults({\n  CdsStepsItem: {\n    interactive: toRef(props, 'interactive'),\n    readonly: toRef(props, 'readonly')\n  },\n  CdsStepsActions: {\n    disabled: actionsDisabled,\n    prevText: toRef(props, 'prevText'),\n    nextText: toRef(props, 'nextText')\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsStepsConstants;\n\n  const hasHeader = !!(slots.default || items.value.length);\n  const hasView = items.value.length > 0;\n  const hasActions = !props.hideActions && !!(hasView || slots.actions);\n\n  return (\n    <props.tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--vertical`]: props.vertical,\n          [`${rootClass}--interactive`]: props.interactive\n        },\n        unref(themeClasses),\n        props.class\n      )}\n      style={props.style}\n    >\n      {hasHeader && (\n        <ul key=\"steps-header\" class={`${rootClass}__header`}>\n          {items.value.length\n            ? items.value.map((item) => (\n                <CdsStepsItem\n                  {...item.props}\n                  v-slots={{\n                    default: slots[`header-item.${item.value}`] ?? slots['header-item'],\n                    title: slots.title,\n                    text: slots.text\n                  }}\n                />\n              ))\n            : slots.default?.({ prev, next })}\n        </ul>\n      )}\n\n      {hasView && (\n        <CdsStepsView key=\"steps-view\" class={`${rootClass}__view`}>\n          {items.value.map((item) => (\n            <CdsStepsViewItem\n              value={item.value}\n              v-slots={{\n                default: () => slots[`item.${item.value}`]?.(item) ?? slots.item?.(item)\n              }}\n            />\n          ))}\n        </CdsStepsView>\n      )}\n\n      {hasActions &&\n        (slots.actions?.({ prev, next }) ?? (\n          <CdsStepsActions\n            key=\"steps-actions\"\n            onClick:prev={prev}\n            onClick:next={next}\n            v-slots={{ prev: slots.prev, next: slots.next }}\n          />\n        ))}\n    </props.tag>\n  );\n});\n\ndefineExpose({\n  /**\n   * Переходит к предыдущему шагу.\n   * @en Moves to the previous step.\n   */\n  prev,\n  /**\n   * Переходит к следующему шагу.\n   * @en Moves to the next step.\n   */\n  next\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","items","groupItems","next","prev","selected","useGroup","CdsStepsSymbol","computed","map","item","index","title","getPropertyFromItem","itemTitle","text","itemText","value","itemValue","itemProps","_itemProps","raw","activeIndex","unref","findIndex","includes","id","actionsDisabled","disabled","length","provideDefaults","CdsStepsItem","interactive","toRef","readonly","CdsStepsActions","prevText","nextText","__expose","rootClass","CdsStepsConstants","hasHeader","default","hasView","hasActions","hideActions","actions","_createVNode","tag","classNames","vertical","class","style","CdsStepsView","CdsStepsViewItem"],"mappings":"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"}

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

@@ -10,15 +10,30 @@ import { C as CdsStepsActionsConstants, a as CdsStepsItemConstants, b as CdsStep
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStepsItemProps = propsFactory(
   {
-    /** Заголовок шага */
+    /**
+     * Заголовок шага
+     * @en Step title
+     */
     title: String,
-    /** Описание шага */
+    /**
+     * Описание шага
+     * @en Step description
+     */
     text: String,
-    /** Шаг завершен с ошибкой */
+    /**
+     * Шаг завершен с ошибкой
+     * @en The step finished with an error
+     */
     error: Boolean,
-    /** Шаг требует внимания */
+    /**
+     * Шаг требует внимания
+     * @en The step needs attention
+     */
     warning: Boolean,
-    /** Возможность перехода на шаг по клику */
+    /**
+     * Возможность перехода на шаг по клику
+     * @en Allows jumping to a step by click
+     */
     interactive: Boolean,
     ...defineGroupItemProps(),
     ...defineReadonlyProps(),
@@ -28,17 +43,26 @@ const defineCdsStepsItemProps = propsFactory(
 );
 const defineCdsStepsActionsProps = propsFactory(
   {
-    /** Блокировка кнопок навигации: обеих или конкретной */
+    /**
+     * Блокировка кнопок навигации: обеих или конкретной
+     * @en Disables the navigation buttons: both or a specific one
+     */
     disabled: {
       type: [Boolean, String],
       default: false
     },
-    /** Текст кнопки перехода на предыдущий шаг */
+    /**
+     * Текст кнопки перехода на предыдущий шаг
+     * @en Text of the previous step button
+     */
     prevText: {
       type: String,
       default: "$cds.steps.prev"
     },
-    /** Текст кнопки перехода на следующий шаг */
+    /**
+     * Текст кнопки перехода на следующий шаг
+     * @en Text of the next step button
+     */
     nextText: {
       type: String,
       default: "$cds.steps.next"
@@ -49,11 +73,20 @@ const defineCdsStepsActionsProps = propsFactory(
 );
 const defineCdsStepsProps = propsFactory(
   {
-    /** Вертикальное отображение */
+    /**
+     * Вертикальное отображение
+     * @en Vertical layout
+     */
     vertical: Boolean,
-    /** Скрыть кнопки навигации по шагам */
+    /**
+     * Скрыть кнопки навигации по шагам
+     * @en Hides the step navigation buttons
+     */
     hideActions: Boolean,
-    /** Ключ описания шага в объекте элемента items */
+    /**
+     * Ключ описания шага в объекте элемента items
+     * @en Key of the step description in an items element object
+     */
     itemText: {
       type: [String, Array, Function],
       default: "text"

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSteps.props.js","sources":["../../../../../../src/components/CdsSteps/api/CdsSteps.props.ts"],"sourcesContent":["import {\n  defineCdsSlideViewItemProps,\n  defineCdsSlideViewProps\n} from '@cds/components/CdsSlideView/api/CdsSlideView.props';\nimport { defineGroupItemProps, defineGroupProps } from '@cds/composables/useGroup';\nimport { defineItemsProps } from '@cds/composables/useItems';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly/useReadonly';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { omit, pick, type SelectItemKey } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport {\n  CdsStepsActionsConstants,\n  CdsStepsConstants,\n  CdsStepsItemConstants,\n  CdsStepsViewConstants,\n  CdsStepsViewItemConstants\n} from './CdsSteps.constants';\n\nexport const defineCdsStepsItemProps = propsFactory(\n  {\n    /** Заголовок шага */\n    title: String,\n    /** Описание шага */\n    text: String,\n    /** Шаг завершен с ошибкой */\n    error: Boolean,\n    /** Шаг требует внимания */\n    warning: Boolean,\n    /** Возможность перехода на шаг по клику */\n    interactive: Boolean,\n\n    ...defineGroupItemProps(),\n    ...defineReadonlyProps(),\n    ...defineComponentProps()\n  },\n  CdsStepsItemConstants.name\n);\n\nexport const defineCdsStepsActionsProps = propsFactory(\n  {\n    /** Блокировка кнопок навигации: обеих или конкретной */\n    disabled: {\n      type: [Boolean, String] as PropType<boolean | 'next' | 'prev'>,\n      default: false\n    },\n    /** Текст кнопки перехода на предыдущий шаг */\n    prevText: {\n      type: String,\n      default: '$cds.steps.prev'\n    },\n    /** Текст кнопки перехода на следующий шаг */\n    nextText: {\n      type: String,\n      default: '$cds.steps.next'\n    },\n\n    ...defineComponentProps()\n  },\n  CdsStepsActionsConstants.name\n);\n\nexport const defineCdsStepsProps = propsFactory(\n  {\n    /** Вертикальное отображение */\n    vertical: Boolean,\n    /** Скрыть кнопки навигации по шагам */\n    hideActions: Boolean,\n    /** Ключ описания шага в объекте элемента items */\n    itemText: {\n      type: [String, Array, Function] as PropType<SelectItemKey>,\n      default: 'text'\n    },\n\n    ...pick(defineItemsProps(), ['items', 'itemTitle', 'itemValue', 'itemProps']),\n    ...pick(defineCdsStepsItemProps(), ['interactive']),\n    ...pick(defineCdsStepsActionsProps(), ['prevText', 'nextText']),\n    ...defineGroupProps({\n      mandatory: 'force' as const,\n      required: 'force' as const,\n      selectedClass: `${CdsStepsItemConstants.rootClass}--current`\n    }),\n    ...defineReadonlyProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsStepsConstants.name\n);\n\nexport const defineCdsStepsViewProps = propsFactory(\n  {\n    ...omit(defineCdsSlideViewProps(), [\n      'continuous',\n      'nextIcon',\n      'prevIcon',\n      'showArrows',\n      'touch',\n      'mandatory',\n      'required'\n    ])\n  },\n  CdsStepsViewConstants.name\n);\n\nexport const defineCdsStepsViewItemProps = propsFactory(\n  {\n    ...defineCdsSlideViewItemProps()\n  },\n  CdsStepsViewItemConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA,IAEE,OAAO;AAAA;AAAA,IAEP,MAAM;AAAA;AAAA,IAEN,OAAO;AAAA;AAAA,IAEP,SAAS;AAAA;AAAA,IAET,aAAa;AAAA,IAEb,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,sBAAsB;AACxB;AAEO,MAAM,6BAA6B;AAAA,EACxC;AAAA;AAAA,IAEE,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,yBAAyB;AAC3B;AAEO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,IAEE,UAAU;AAAA;AAAA,IAEV,aAAa;AAAA;AAAA,IAEb,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,oBAAoB,CAAC,SAAS,aAAa,aAAa,WAAW,CAAC;AAAA,IAC5E,GAAG,KAAK,2BAA2B,CAAC,aAAa,CAAC;AAAA,IAClD,GAAG,KAAK,2BAAA,GAA8B,CAAC,YAAY,UAAU,CAAC;AAAA,IAC9D,GAAG,iBAAiB;AAAA,MAClB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,eAAe,GAAG,sBAAsB,SAAS;AAAA,IAAA,CAClD;AAAA,IACD,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,GAAG,KAAK,2BAA2B;AAAA,MACjC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EAAA;AAAA,EAEH,sBAAsB;AACxB;AAEO,MAAM,8BAA8B;AAAA,EACzC;AAAA,IACE,GAAG,4BAAA;AAAA,EAA4B;AAAA,EAEjC,0BAA0B;AAC5B;"}
+{"version":3,"file":"CdsSteps.props.js","sources":["../../../../../../src/components/CdsSteps/api/CdsSteps.props.ts"],"sourcesContent":["import {\n  defineCdsSlideViewItemProps,\n  defineCdsSlideViewProps\n} from '@cds/components/CdsSlideView/api/CdsSlideView.props';\nimport { defineGroupItemProps, defineGroupProps } from '@cds/composables/useGroup';\nimport { defineItemsProps } from '@cds/composables/useItems';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly/useReadonly';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { omit, pick, type SelectItemKey } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport {\n  CdsStepsActionsConstants,\n  CdsStepsConstants,\n  CdsStepsItemConstants,\n  CdsStepsViewConstants,\n  CdsStepsViewItemConstants\n} from './CdsSteps.constants';\n\nexport const defineCdsStepsItemProps = propsFactory(\n  {\n    /**\n     * Заголовок шага\n     * @en Step title\n     */\n    title: String,\n    /**\n     * Описание шага\n     * @en Step description\n     */\n    text: String,\n    /**\n     * Шаг завершен с ошибкой\n     * @en The step finished with an error\n     */\n    error: Boolean,\n    /**\n     * Шаг требует внимания\n     * @en The step needs attention\n     */\n    warning: Boolean,\n    /**\n     * Возможность перехода на шаг по клику\n     * @en Allows jumping to a step by click\n     */\n    interactive: Boolean,\n\n    ...defineGroupItemProps(),\n    ...defineReadonlyProps(),\n    ...defineComponentProps()\n  },\n  CdsStepsItemConstants.name\n);\n\nexport const defineCdsStepsActionsProps = propsFactory(\n  {\n    /**\n     * Блокировка кнопок навигации: обеих или конкретной\n     * @en Disables the navigation buttons: both or a specific one\n     */\n    disabled: {\n      type: [Boolean, String] as PropType<boolean | 'next' | 'prev'>,\n      default: false\n    },\n    /**\n     * Текст кнопки перехода на предыдущий шаг\n     * @en Text of the previous step button\n     */\n    prevText: {\n      type: String,\n      default: '$cds.steps.prev'\n    },\n    /**\n     * Текст кнопки перехода на следующий шаг\n     * @en Text of the next step button\n     */\n    nextText: {\n      type: String,\n      default: '$cds.steps.next'\n    },\n\n    ...defineComponentProps()\n  },\n  CdsStepsActionsConstants.name\n);\n\nexport const defineCdsStepsProps = propsFactory(\n  {\n    /**\n     * Вертикальное отображение\n     * @en Vertical layout\n     */\n    vertical: Boolean,\n    /**\n     * Скрыть кнопки навигации по шагам\n     * @en Hides the step navigation buttons\n     */\n    hideActions: Boolean,\n    /**\n     * Ключ описания шага в объекте элемента items\n     * @en Key of the step description in an items element object\n     */\n    itemText: {\n      type: [String, Array, Function] as PropType<SelectItemKey>,\n      default: 'text'\n    },\n\n    ...pick(defineItemsProps(), ['items', 'itemTitle', 'itemValue', 'itemProps']),\n    ...pick(defineCdsStepsItemProps(), ['interactive']),\n    ...pick(defineCdsStepsActionsProps(), ['prevText', 'nextText']),\n    ...defineGroupProps({\n      mandatory: 'force' as const,\n      required: 'force' as const,\n      selectedClass: `${CdsStepsItemConstants.rootClass}--current`\n    }),\n    ...defineReadonlyProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsStepsConstants.name\n);\n\nexport const defineCdsStepsViewProps = propsFactory(\n  {\n    ...omit(defineCdsSlideViewProps(), [\n      'continuous',\n      'nextIcon',\n      'prevIcon',\n      'showArrows',\n      'touch',\n      'mandatory',\n      'required'\n    ])\n  },\n  CdsStepsViewConstants.name\n);\n\nexport const defineCdsStepsViewItemProps = propsFactory(\n  {\n    ...defineCdsSlideViewItemProps()\n  },\n  CdsStepsViewItemConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,aAAa;AAAA,IAEb,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,sBAAsB;AACxB;AAEO,MAAM,6BAA6B;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,yBAAyB;AAC3B;AAEO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,oBAAoB,CAAC,SAAS,aAAa,aAAa,WAAW,CAAC;AAAA,IAC5E,GAAG,KAAK,2BAA2B,CAAC,aAAa,CAAC;AAAA,IAClD,GAAG,KAAK,2BAAA,GAA8B,CAAC,YAAY,UAAU,CAAC;AAAA,IAC9D,GAAG,iBAAiB;AAAA,MAClB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,eAAe,GAAG,sBAAsB,SAAS;AAAA,IAAA,CAClD;AAAA,IACD,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,GAAG,KAAK,2BAA2B;AAAA,MACjC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EAAA;AAAA,EAEH,sBAAsB;AACxB;AAEO,MAAM,8BAA8B;AAAA,EACzC;AAAA,IACE,GAAG,4BAAA;AAAA,EAA4B;AAAA,EAEjC,0BAA0B;AAC5B;"}

package/dist/es/src/components/CdsSurface/CdsSurface.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-surface {
     display: block;

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

@@ -7,7 +7,10 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsSurfaceProps = propsFactory(
   {
-    /** Цвет фона поверхности */
+    /**
+     * Цвет фона поверхности
+     * @en Background color of the surface
+     */
     color: String,
     ...defineComponentProps(),
     ...defineDimensionsProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSurface.props.js","sources":["../../../../../../src/components/CdsSurface/api/CdsSurface.props.ts"],"sourcesContent":["import { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineLocationProps } from '@cds/composables/useLocation';\nimport { definePositionProps } from '@cds/composables/usePosition';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\n\nimport { CdsSurfaceConstants } from './CdsSurface.constants';\n\nexport const defineCdsSurfaceProps = propsFactory(\n  {\n    /** Цвет фона поверхности */\n    color: String,\n\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineLocationProps(),\n    ...definePositionProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsSurfaceConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA,IAEE,OAAO;AAAA,IAEP,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,oBAAoB;AACtB;"}
+{"version":3,"file":"CdsSurface.props.js","sources":["../../../../../../src/components/CdsSurface/api/CdsSurface.props.ts"],"sourcesContent":["import { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineLocationProps } from '@cds/composables/useLocation';\nimport { definePositionProps } from '@cds/composables/usePosition';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\n\nimport { CdsSurfaceConstants } from './CdsSurface.constants';\n\nexport const defineCdsSurfaceProps = propsFactory(\n  {\n    /**\n     * Цвет фона поверхности\n     * @en Background color of the surface\n     */\n    color: String,\n\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineLocationProps(),\n    ...definePositionProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsSurfaceConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA,IAEP,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,oBAAoB;AACtB;"}

package/dist/es/src/components/CdsTable/CdsTable.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-table-wrapper {
     position: relative;

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

@@ -25,6 +25,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const table = ref();
     __expose({
+      /**
+       * Ссылка на внутренний экземпляр таблицы — даёт доступ к её методам и состоянию.
+       * @en Reference to the internal table instance — gives access to its methods and state.
+       */
       table
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTable.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTable/CdsTable.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTable.scss';\n\nimport { useDefaults } from '@cds/core';\nimport { h, ref, useAttrs } from 'vue';\n\nimport { CdsTableConstants } from './api/CdsTable.constants';\nimport { defineCdsTableProps } from './api/CdsTable.props';\nimport type { CdsTableEvents, CdsTableSlots } from './api/CdsTable.types';\nimport TableProvider from './components/TableProvider';\nimport type { NTable } from './interface';\nimport { convertChildrenToColumn } from './utils';\n\ndefineOptions({\n  name: CdsTableConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsTableProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTableSlots>();\nconst emit = defineEmits([\"change\", \"expand\", \"expandedRowsChange\", \"resizeColumn\", \"rowReorder\", \"columnReorder\", \"update:expandedRowKeys\"]);\nconst attrs = useAttrs();\n\n// Инстанс TableProvider публикует selectedKeySet через expose()\nconst table = ref();\n\ndefineExpose({ table });\n\ndefineRender(() => {\n  const columns = props.columns || convertChildrenToColumn(slots.default?.());\n\n  return h(\n    TableProvider,\n    {\n      ref: table,\n      ...attrs,\n      ...props,\n      columns: columns || [],\n      expandedRowRender: (slots.expandedRowRender ||\n        props.expandedRowRender) as NTable.NExpand.TExpandedRowRender<NTable.TDefaultRecord>,\n      contextSlots: { ...slots },\n      'onUpdate:expandedRowKeys': (expandedKeys: NTable.TKey[]) => emit('update:expandedRowKeys', expandedKeys)\n    } as any,\n    { ...slots }\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","table","ref","__expose","columns","convertChildrenToColumn","default","h","TableProvider","expandedRowRender","contextSlots","expandedKeys"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AACd,UAAMC,OAAOC;AACb,UAAMC,QAAQC,SAAQ;AAGtB,UAAMC,QAAQC,IAAG;AAEjBC,aAAa;AAAA,MAAEF;AAAAA,IAAM,CAAC;WAET,MAAM;;AACjB,YAAMG,UAAUX,MAAMW,WAAWC,yBAAwBV,WAAMW,YAANX,8BAAiB;AAE1E,aAAOY,EACLC,eACA;AAAA,QACEN,KAAKD;AAAAA,QACL,GAAGF;AAAAA,QACH,GAAGN;AAAAA,QACHW,SAASA,WAAW,CAAA;AAAA,QACpBK,mBAAoBd,MAAMc,qBACxBhB,MAAMgB;AAAAA,QACRC,cAAc;AAAA,UAAE,GAAGf;AAAAA;QACnB,4BAA6BgB,kBAAgCd,KAAK,0BAA0Bc,YAAY;AAAA,MAC1G,GACA;AAAA,QAAE,GAAGhB;AAAAA,MAAM,CACb;AAAA,IACF;AAAA;;"}
+{"version":3,"file":"CdsTable.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTable/CdsTable.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTable.scss';\n\nimport { useDefaults } from '@cds/core';\nimport { h, ref, useAttrs } from 'vue';\n\nimport { CdsTableConstants } from './api/CdsTable.constants';\nimport { defineCdsTableProps } from './api/CdsTable.props';\nimport type { CdsTableEvents, CdsTableSlots } from './api/CdsTable.types';\nimport TableProvider from './components/TableProvider';\nimport type { NTable } from './interface';\nimport { convertChildrenToColumn } from './utils';\n\ndefineOptions({\n  name: CdsTableConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsTableProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTableSlots>();\nconst emit = defineEmits([\"change\", \"expand\", \"expandedRowsChange\", \"resizeColumn\", \"rowReorder\", \"columnReorder\", \"update:expandedRowKeys\"]);\nconst attrs = useAttrs();\n\n// Инстанс TableProvider публикует selectedKeySet через expose()\nconst table = ref();\n\ndefineExpose({\n  /**\n   * Ссылка на внутренний экземпляр таблицы — даёт доступ к её методам и состоянию.\n   * @en Reference to the internal table instance — gives access to its methods and state.\n   */\n  table\n});\n\ndefineRender(() => {\n  const columns = props.columns || convertChildrenToColumn(slots.default?.());\n\n  return h(\n    TableProvider,\n    {\n      ref: table,\n      ...attrs,\n      ...props,\n      columns: columns || [],\n      expandedRowRender: (slots.expandedRowRender ||\n        props.expandedRowRender) as NTable.NExpand.TExpandedRowRender<NTable.TDefaultRecord>,\n      contextSlots: { ...slots },\n      'onUpdate:expandedRowKeys': (expandedKeys: NTable.TKey[]) => emit('update:expandedRowKeys', expandedKeys)\n    } as any,\n    { ...slots }\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","table","ref","__expose","columns","convertChildrenToColumn","default","h","TableProvider","expandedRowRender","contextSlots","expandedKeys"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AACd,UAAMC,OAAOC;AACb,UAAMC,QAAQC,SAAQ;AAGtB,UAAMC,QAAQC,IAAG;AAEjBC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXF;AAAAA,IACF,CAAC;WAEY,MAAM;;AACjB,YAAMG,UAAUX,MAAMW,WAAWC,yBAAwBV,WAAMW,YAANX,8BAAiB;AAE1E,aAAOY,EACLC,eACA;AAAA,QACEN,KAAKD;AAAAA,QACL,GAAGF;AAAAA,QACH,GAAGN;AAAAA,QACHW,SAASA,WAAW,CAAA;AAAA,QACpBK,mBAAoBd,MAAMc,qBACxBhB,MAAMgB;AAAAA,QACRC,cAAc;AAAA,UAAE,GAAGf;AAAAA;QACnB,4BAA6BgB,kBAAgCd,KAAK,0BAA0Bc,YAAY;AAAA,MAC1G,GACA;AAAA,QAAE,GAAGhB;AAAAA,MAAM,CACb;AAAA,IACF;AAAA;;"}

package/dist/es/src/components/CdsTable/composable/table.js

@@ -5,6 +5,7 @@ const makeTableProps = propsFactory(
   {
     /**
      * Идентификатор таблицы
+     * @en Table identifier
      */
     id: {
       type: String,
@@ -12,6 +13,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Массив данных для отображения в таблице
+     * @en Array of records to show in the table
      */
     data: {
       type: Array,
@@ -19,6 +21,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Колонки таблицы
+     * @en Table columns
      */
     columns: {
       type: Array,
@@ -26,6 +29,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Уникальный ключ строки может быть строкой или функцией возвращающей строку
+     * @en Unique row key — a string or a function returning a string
      */
     rowKey: {
       type: [String, Function],
@@ -33,6 +37,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Классы строки
+     * @en Row classes
      */
     rowClassName: {
       type: [String, Function],
@@ -40,6 +45,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Фиксированный или авто лэйаут
+     * @en Fixed or auto layout
      */
     tableLayout: {
       type: String,
@@ -47,6 +53,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Показывать ли заголовок таблицы
+     * @en Whether to show the table header
      */
     showHeader: {
       type: Boolean,
@@ -54,6 +61,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Sticky для заголовка и скроллбара
+     * @en Sticky behavior for the header and the scrollbar
      */
     sticky: {
       type: [Boolean, Object],
@@ -61,6 +69,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Загрузка таблицы
+     * @en Table loading state
      */
     loading: {
       type: Boolean,
@@ -68,6 +77,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Подсвечивание строки при наведении
+     * @en Highlight the row on hover
      */
     hovered: {
       type: Boolean,
@@ -75,6 +85,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Показывать все границы таблицы
+     * @en Show every table border
      */
     bordered: {
       type: Boolean,
@@ -82,6 +93,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Убрать все границы таблицы
+     * @en Remove every table border
      */
     borderless: {
       type: Boolean,
@@ -89,6 +101,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Рендер заголовка таблицы
+     * @en Render function for the table title
      */
     header: {
       type: Function,
@@ -96,6 +109,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Рендер тулбара таблицы
+     * @en Render function for the table toolbar
      */
     toolbar: {
       type: Function,
@@ -103,6 +117,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Рендер футера таблицы
+     * @en Render function for the table footer
      */
     footer: {
       type: Function,
@@ -110,6 +125,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Переопределить компоненты таблицы по умолчанию
+     * @en Override the default table components
      */
     components: {
       type: Object,
@@ -117,6 +133,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Устанавливает свойства для каждой строки
+     * @en Sets the properties for every row
      */
     customRow: {
       type: Function,
@@ -124,6 +141,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Устанавливает свойства для каждой строки заголовка
+     * @en Sets the properties for every header row
      */
     customHeaderRow: {
       type: Function,
@@ -131,6 +149,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Конфигурация пагинации таблицы
+     * @en Table pagination configuration
      */
     pagination: {
       type: [Object, Boolean],
@@ -138,6 +157,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Можно ли скроллить таблицу
+     * @en Whether the table can be scrolled
      */
     scroll: {
       type: Object,
@@ -145,6 +165,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Сортировка данных в таблице. 'ascend' | 'descend'
+     * @en Sorting of the table data. 'ascend' | 'descend'
      */
     sortDirection: {
       type: Array,
@@ -152,6 +173,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Показывать ли тултипы для сортировки в заголовке. Можно передать объект со свойствами для CdsTooltip.
+     * @en Whether to show sorting tooltips in the header. You can pass an object with CdsTooltip properties.
      */
     showSorterTooltip: {
       type: [Boolean, Object],
@@ -159,6 +181,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Сделать колонку с раскрытием фиксированной (left | right | boolean)
+     * @en Pin the expand column (left | right | boolean)
      */
     expandFixed: {
       type: [Boolean, String],
@@ -166,6 +189,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Ширина колонки с раскрытием
+     * @en Width of the expand column
      */
     expandColumnWidth: {
       type: Number,
@@ -173,6 +197,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Ключи текущих раскрытых строк (поддерживает v-model)
+     * @en Keys of the currently expanded rows (supports v-model)
      */
     expandedRowKeys: {
       type: Array,
@@ -180,6 +205,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Конфигурация для выбора строк
+     * @en Row selection configuration
      */
     rowSelection: {
       type: Object,
@@ -187,6 +213,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Ключи раскрытых строк по умолчанию
+     * @en Keys of the rows expanded by default
      */
     defaultExpandedRowKeys: {
       type: Array,
@@ -194,6 +221,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * По умолчанию все колонки раскрыты
+     * @en All rows are expanded by default
      */
     defaultExpandAllRows: {
       type: Boolean,
@@ -201,6 +229,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Может раскрываться
+     * @en Rows can be expanded
      */
     canExpandable: {
       type: Boolean,
@@ -208,6 +237,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Рендер для каждой раскрытой строки
+     * @en Render function for every expanded row
      */
     expandedRowRender: {
       type: Function,
@@ -215,6 +245,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Раскрытие строки по клику в любое место этой строки
+     * @en Expand the row by clicking anywhere in it
      */
     expandRowByClick: {
       type: Boolean,
@@ -222,6 +253,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Индекс колонки, в которой будет располагаться иконка раскрытия
+     * @en Index of the column that holds the expand icon
      */
     expandIconColumnIndex: {
       type: Number,
@@ -229,6 +261,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Своя иконка раскрытия
+     * @en Custom expand icon
      */
     expandIcon: {
       type: Function,
@@ -236,6 +269,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Размер отступа в пикселях для каждого уровня вложенности
+     * @en Indent size in pixels for each nesting level
      */
     indentSize: {
       type: Number,
@@ -243,6 +277,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Показать раскрытую колонку
+     * @en Show the expand column
      */
     showExpandColumn: {
       type: Boolean,
@@ -250,6 +285,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Классы для строк в раскрытом состоянии
+     * @en Classes for rows in the expanded state
      */
     expandedRowClassName: {
       type: Function,
@@ -257,6 +293,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Названия свойства для дочерних элементов
+     * @en Name of the property holding the child records
      */
     childrenColumnName: {
       type: String,
@@ -264,6 +301,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Строку можно раскрыть
+     * @en Whether the row can be expanded
      */
     rowExpandable: {
       type: Function,
@@ -271,6 +309,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Трансформировать текст в ячейке
+     * @en Transform the text inside a cell
      */
     transformCellText: {
       type: Function,
@@ -278,6 +317,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Контейнер рендеринга выпадающих списков
+     * @en Container that dropdowns are rendered into
      */
     getPopupContainer: {
       type: Function,
@@ -285,6 +325,7 @@ const makeTableProps = propsFactory(
     },
     /**
      * Локализация таблицы (переопределяет строки глобальной локали)
+     * @en Table localization (overrides the strings of the global locale)
      */
     locale: {
       type: Object,
@@ -322,6 +363,9 @@ const makeTableProps = propsFactory(
      * Перетаскивание строк (drag-n-drop). `true` или объект конфигурации
      * `{ icon, disabled, allowDrop }`. Reorder происходит только между соседями
      * одного родителя; порядок меняет потребитель в обработчике `@row-reorder`.
+     * @en Row drag and drop. `true` or a configuration object
+     * `{ icon, disabled, allowDrop }`. Reordering only happens between siblings
+     * of the same parent; the consumer changes the order in the `@row-reorder` handler.
      */
     rowDraggable: {
       type: [Boolean, Object],
@@ -331,6 +375,9 @@ const makeTableProps = propsFactory(
      * Перетаскивание колонок (drag-n-drop). `true` или объект конфигурации
      * `{ icon, disabled, allowDrop }`. Reorder происходит только среди соседей
      * внутри своей группы; порядок меняет потребитель в обработчике `@column-reorder`.
+     * @en Column drag and drop. `true` or a configuration object
+     * `{ icon, disabled, allowDrop }`. Reordering only happens among siblings
+     * inside the same group; the consumer changes the order in the `@column-reorder` handler.
      */
     columnDraggable: {
       type: [Boolean, Object],