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

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],

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../../../src/components/CdsTable/composable/table.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport type { ComponentProps } from '@cds/utils';\nimport type { PropType, Ref } from 'vue';\nimport { shallowRef, watch } from 'vue';\n\nimport { CdsTooltip } from '../../CdsTooltip';\nimport { TABLE_INDENT_SIZE } from '../constants';\nimport type { NTable } from '../interface';\n\nexport interface ITableProps<RecordType = NTable.TDefaultRecord> {\n  id?: string;\n  data?: RecordType[];\n  columns?: NTable.NColumn.TColumns<RecordType>;\n  rowKey?: string | NTable.NRow.TGetRowKey<RecordType>;\n  rowClassName?: string | NTable.NRow.TClassName<RecordType>;\n  tableLayout?: NTable.TLayout;\n  showHeader?: boolean;\n  sticky?: boolean | NTable.NSticky.ISticky;\n  loading?: boolean;\n  hovered?: boolean;\n  bordered?: boolean;\n  borderless?: boolean;\n  header?: NTable.NRender.TPanelRender<RecordType>;\n  footer?: NTable.NRender.TPanelRender<RecordType>;\n  components?: NTable.NCustomize.TableComponents<RecordType>;\n  customRow?: NTable.NCustomize.TGetComponentProps<RecordType>;\n  customHeaderRow?: NTable.NCustomize.TGetComponentProps<NTable.NColumn.IColumn<RecordType>[]>;\n  pagination?: false | NTable.NPagination.IProps;\n  scroll?: NTable.TScroll;\n  sortDirections?: NTable.TSortOrder[];\n  showSorterTooltip?: boolean | ComponentProps<typeof CdsTooltip>;\n  expandFixed?: NTable.TFixed;\n  expandColumnWidth?: number;\n  expandedRowKeys?: NTable.TKey[];\n  expandIconColumnIndex?: number;\n  rowSelection?: NTable.NRow.IRowSelection<RecordType>;\n  defaultExpandedRowKeys?: NTable.TKey[];\n  defaultExpandAllRows?: boolean;\n  canExpandable?: boolean;\n  expandedRowRender?: NTable.NExpand.TExpandedRowRender<RecordType>;\n  expandRowByClick?: boolean;\n  expandIcon?: NTable.NExpand.TRenderExpandIcon<RecordType>;\n  indentSize: number;\n  showExpandColumn?: boolean;\n  expandedRowClassName?: NTable.NRow.TClassName<RecordType>;\n  childrenColumnName?: string;\n  rowExpandable?: NTable.NExpand.IExpandable['rowExpandable'];\n  transformCellText?: NTable.NCell.TTransformCellText<RecordType>;\n  getPopupContainer?: NTable.NCustomize.TGetPopupContainer;\n  rowDraggable?: NTable.NDraggable.TRowDraggable<RecordType>;\n  columnDraggable?: NTable.NDraggable.TColumnDraggable<RecordType>;\n\n  // =================================== Events ===================================\n  onChange?: (\n    pagination: NTable.NPagination.IProps,\n    filters: Record<string, NTable.TFilterValue | null>,\n    sorter: NTable.ISorterResult | NTable.ISorterResult[],\n    extra: NTable.ICurrentData\n  ) => void;\n  onExpand?: (expanded: boolean, record: RecordType) => void;\n  onExpandedRowsChange?: (expandedKeys: NTable.TKey[]) => void;\n  onResizeColumn?: (width: number, column: NTable.NColumn.IColumn<RecordType>) => void;\n  onRowReorder?: (info: NTable.NDraggable.IRowReorderInfo<RecordType>) => void;\n  onColumnReorder?: (info: NTable.NDraggable.IColumnReorderInfo<RecordType>) => void;\n\n  // =================================== Internal ===================================\n  /**\n   * @private Internal usage, may remove by refactor. Should always use `columns` instead.\n   *\n   * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!\n   */\n  internalHooks?: string;\n\n  /**\n   * @private Internal usage, may remove by refactor. Should always use `columns` instead.\n   *\n   * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!\n   */\n  // Used for internal table transform column with additional column\n  transformColumns?: (columns: NTable.NColumn.TColumns<RecordType>) => NTable.NColumn.TColumns<RecordType>;\n\n  /**\n   * @private Internal usage, may remove by refactor.\n   *\n   * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!\n   */\n  internalRefs?: {\n    body: HTMLDivElement | null;\n  };\n\n  /**\n   * @private Internal usage, may remove by refactor.\n   *\n   * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!\n   */\n  onUpdateInternalRefs?: (refs: Record<string, any>) => void;\n}\n\nexport const makeTableProps = propsFactory(\n  {\n    /**\n     * Идентификатор таблицы\n     */\n    id: {\n      type: String as PropType<string>,\n      default: undefined\n    },\n    /**\n     * Массив данных для отображения в таблице\n     */\n    data: {\n      type: Array as PropType<NTable.TDefaultRecord[]>,\n      default: undefined\n    },\n    /**\n     * Колонки таблицы\n     */\n    columns: {\n      type: Array as PropType<NTable.NColumn.TColumns<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Уникальный ключ строки может быть строкой или функцией возвращающей строку\n     */\n    rowKey: {\n      type: [String, Function] as PropType<string | NTable.NRow.TGetRowKey<NTable.TDefaultRecord>>,\n      default: 'key'\n    },\n    /**\n     * Классы строки\n     */\n    rowClassName: {\n      type: [String, Function] as PropType<string | NTable.NRow.TClassName<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Фиксированный или авто лэйаут\n     */\n    tableLayout: {\n      type: String as PropType<NTable.TLayout>,\n      default: undefined\n    },\n    /**\n     * Показывать ли заголовок таблицы\n     */\n    showHeader: {\n      type: Boolean as PropType<boolean>,\n      default: undefined\n    },\n    /**\n     * Sticky для заголовка и скроллбара\n     */\n    sticky: {\n      type: [Boolean, Object] as PropType<boolean | NTable.NSticky.ISticky>,\n      default: undefined\n    },\n    /**\n     * Загрузка таблицы\n     */\n    loading: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Подсвечивание строки при наведении\n     */\n    hovered: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Показывать все границы таблицы\n     */\n    bordered: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Убрать все границы таблицы\n     */\n    borderless: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Рендер заголовка таблицы\n     */\n    header: {\n      type: Function as PropType<NTable.NRender.TPanelRender<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Рендер тулбара таблицы\n     */\n    toolbar: {\n      type: Function as PropType<NTable.NRender.TPanelRender<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Рендер футера таблицы\n     */\n    footer: {\n      type: Function as PropType<NTable.NRender.TPanelRender<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Переопределить компоненты таблицы по умолчанию\n     */\n    components: {\n      type: Object as PropType<NTable.NCustomize.TableComponents<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Устанавливает свойства для каждой строки\n     */\n    customRow: {\n      type: Function as PropType<NTable.NCustomize.TGetComponentProps<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Устанавливает свойства для каждой строки заголовка\n     */\n    customHeaderRow: {\n      type: Function as PropType<NTable.NCustomize.TGetComponentProps<NTable.NColumn.IColumn<NTable.TDefaultRecord>[]>>,\n      default: undefined\n    },\n    /**\n     * Конфигурация пагинации таблицы\n     */\n    pagination: {\n      type: [Object, Boolean] as PropType<false | NTable.NPagination.IProps>,\n      default: undefined\n    },\n    /**\n     * Можно ли скроллить таблицу\n     */\n    scroll: {\n      type: Object as PropType<NTable.TScroll & { scrollToFirstRowOnChange?: boolean }>,\n      default: undefined\n    },\n    /**\n     * Сортировка данных в таблице. 'ascend' | 'descend'\n     */\n    sortDirection: {\n      type: Array as PropType<NTable.TSortOrder[]>,\n      default: undefined\n    },\n    /**\n     * Показывать ли тултипы для сортировки в заголовке. Можно передать объект со свойствами для CdsTooltip.\n     */\n    showSorterTooltip: {\n      type: [Boolean, Object] as PropType<boolean | ComponentProps<typeof CdsTooltip>>,\n      default: true\n    },\n    /**\n     * Сделать колонку с раскрытием фиксированной (left | right | boolean)\n     */\n    expandFixed: {\n      type: [Boolean, String] as PropType<NTable.TFixed>,\n      default: undefined\n    },\n    /**\n     * Ширина колонки с раскрытием\n     */\n    expandColumnWidth: {\n      type: Number as PropType<number>,\n      default: undefined\n    },\n    /**\n     * Ключи текущих раскрытых строк (поддерживает v-model)\n     */\n    expandedRowKeys: {\n      type: Array as PropType<NTable.TKey[]>,\n      default: undefined as ITableProps['expandedRowKeys']\n    },\n    /**\n     * Конфигурация для выбора строк\n     */\n    rowSelection: {\n      type: Object as PropType<NTable.NRow.IRowSelection<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Ключи раскрытых строк по умолчанию\n     */\n    defaultExpandedRowKeys: {\n      type: Array as PropType<NTable.TKey[]>,\n      default: undefined as ITableProps['defaultExpandedRowKeys']\n    },\n    /**\n     * По умолчанию все колонки раскрыты\n     */\n    defaultExpandAllRows: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Может раскрываться\n     */\n    canExpandable: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Рендер для каждой раскрытой строки\n     */\n    expandedRowRender: {\n      type: Function as PropType<NTable.NExpand.TExpandedRowRender<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Раскрытие строки по клику в любое место этой строки\n     */\n    expandRowByClick: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Индекс колонки, в которой будет располагаться иконка раскрытия\n     */\n    expandIconColumnIndex: {\n      type: Number as PropType<number>,\n      default: undefined\n    },\n    /**\n     * Своя иконка раскрытия\n     */\n    expandIcon: {\n      type: Function as PropType<NTable.NExpand.TRenderExpandIcon<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Размер отступа в пикселях для каждого уровня вложенности\n     */\n    indentSize: {\n      type: Number as PropType<number>,\n      default: TABLE_INDENT_SIZE\n    },\n    /**\n     * Показать раскрытую колонку\n     */\n    showExpandColumn: {\n      type: Boolean as PropType<boolean>,\n      default: undefined\n    },\n    /**\n     * Классы для строк в раскрытом состоянии\n     */\n    expandedRowClassName: {\n      type: Function as PropType<NTable.NRow.TClassName<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Названия свойства для дочерних элементов\n     */\n    childrenColumnName: {\n      type: String as PropType<string>,\n      default: 'children'\n    },\n    /**\n     * Строку можно раскрыть\n     */\n    rowExpandable: {\n      type: Function as PropType<NTable.NExpand.IExpandable['rowExpandable']>,\n      default: undefined\n    },\n    /**\n     * Трансформировать текст в ячейке\n     */\n    transformCellText: {\n      type: Function as PropType<NTable.NCell.TTransformCellText<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Контейнер рендеринга выпадающих списков\n     */\n    getPopupContainer: {\n      type: Function as PropType<NTable.NCustomize.TGetPopupContainer>,\n      default: undefined\n    },\n    /**\n     * Локализация таблицы (переопределяет строки глобальной локали)\n     */\n    locale: {\n      type: Object as PropType<NTable.ILocale>,\n      default: undefined\n    },\n    /**\n     * Событие при изменении пагинации, фильтров, сортировки\n     */\n    onChange: {\n      type: Function as PropType<\n        (\n          pagination: NTable.NPagination.IProps,\n          filters: Record<string, NTable.TFilterValue | null>,\n          sorters: NTable.ISorterResult | NTable.ISorterResult[],\n          extra: NTable.ICurrentData\n        ) => void\n      >,\n      default: undefined\n    },\n    /**\n     * Событие изменения размера колонки\n     */\n    onResizeColumn: {\n      type: Function as PropType<(width: number, column: NTable.NColumn.IColumn) => void>,\n      default: undefined\n    },\n    /**\n     * Событие при раскрытии строки\n     */\n    onExpand: {\n      type: Function as PropType<(expanded: boolean, record: NTable.TDefaultRecord) => void>,\n      default: undefined\n    },\n    /**\n     * Событие при изменении раскрытых строк\n     */\n    onExpandedRowsChange: {\n      type: Function as PropType<(expandedKeys: NTable.TKey[]) => void>,\n      default: undefined\n    },\n    /**\n     * Перетаскивание строк (drag-n-drop). `true` или объект конфигурации\n     * `{ icon, disabled, allowDrop }`. Reorder происходит только между соседями\n     * одного родителя; порядок меняет потребитель в обработчике `@row-reorder`.\n     */\n    rowDraggable: {\n      type: [Boolean, Object] as PropType<NTable.NDraggable.TRowDraggable>,\n      default: undefined\n    },\n    /**\n     * Перетаскивание колонок (drag-n-drop). `true` или объект конфигурации\n     * `{ icon, disabled, allowDrop }`. Reorder происходит только среди соседей\n     * внутри своей группы; порядок меняет потребитель в обработчике `@column-reorder`.\n     */\n    columnDraggable: {\n      type: [Boolean, Object] as PropType<NTable.NDraggable.TColumnDraggable>,\n      default: undefined\n    },\n    /**\n     * Событие переноса строки (drag-n-drop)\n     */\n    onRowReorder: {\n      type: Function as PropType<(info: NTable.NDraggable.IRowReorderInfo) => void>,\n      default: undefined\n    },\n    /**\n     * Событие переноса колонки (drag-n-drop)\n     */\n    onColumnReorder: {\n      type: Function as PropType<(info: NTable.NDraggable.IColumnReorderInfo) => void>,\n      default: undefined\n    }\n  },\n  'table'\n);\n\ninterface IMapCache<RecordType> {\n  kvMap?: Map<NTable.TKey, RecordType>;\n}\nexport function useLazyKVMap<RecordType>(\n  dataRef: Ref<readonly RecordType[]>,\n  childrenColumnNameRef: Ref<string>,\n  getRowKeyRef: Ref<NTable.NRow.TGetRowKey<RecordType>>\n) {\n  const mapCacheRef = shallowRef<IMapCache<RecordType>>({});\n\n  watch(\n    [dataRef, childrenColumnNameRef, getRowKeyRef],\n    () => {\n      const kvMap = new Map<NTable.TKey, RecordType>();\n      const getRowKey = getRowKeyRef.value;\n      const childrenColumnName = childrenColumnNameRef.value;\n\n      const dig = (records: readonly RecordType[]) => {\n        records.forEach((record, index) => {\n          const rowKey = getRowKey(record, index);\n          kvMap.set(rowKey, record);\n\n          if (record && typeof record === 'object' && childrenColumnName in record) {\n            dig((record as any)[childrenColumnName] || []);\n          }\n        });\n      };\n\n      dig(dataRef.value);\n\n      mapCacheRef.value = { kvMap };\n    },\n    { deep: true, immediate: true }\n  );\n\n  function getRecordByKey(key: NTable.TKey) {\n    return mapCacheRef.value.kvMap!.get(key)!;\n  }\n\n  return { getRecordByKey };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"table.js","sources":["../../../../../../src/components/CdsTable/composable/table.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport type { ComponentProps } from '@cds/utils';\nimport type { PropType, Ref } from 'vue';\nimport { shallowRef, watch } from 'vue';\n\nimport { CdsTooltip } from '../../CdsTooltip';\nimport { TABLE_INDENT_SIZE } from '../constants';\nimport type { NTable } from '../interface';\n\nexport interface ITableProps<RecordType = NTable.TDefaultRecord> {\n  id?: string;\n  data?: RecordType[];\n  columns?: NTable.NColumn.TColumns<RecordType>;\n  rowKey?: string | NTable.NRow.TGetRowKey<RecordType>;\n  rowClassName?: string | NTable.NRow.TClassName<RecordType>;\n  tableLayout?: NTable.TLayout;\n  showHeader?: boolean;\n  sticky?: boolean | NTable.NSticky.ISticky;\n  loading?: boolean;\n  hovered?: boolean;\n  bordered?: boolean;\n  borderless?: boolean;\n  header?: NTable.NRender.TPanelRender<RecordType>;\n  footer?: NTable.NRender.TPanelRender<RecordType>;\n  components?: NTable.NCustomize.TableComponents<RecordType>;\n  customRow?: NTable.NCustomize.TGetComponentProps<RecordType>;\n  customHeaderRow?: NTable.NCustomize.TGetComponentProps<NTable.NColumn.IColumn<RecordType>[]>;\n  pagination?: false | NTable.NPagination.IProps;\n  scroll?: NTable.TScroll;\n  sortDirections?: NTable.TSortOrder[];\n  showSorterTooltip?: boolean | ComponentProps<typeof CdsTooltip>;\n  expandFixed?: NTable.TFixed;\n  expandColumnWidth?: number;\n  expandedRowKeys?: NTable.TKey[];\n  expandIconColumnIndex?: number;\n  rowSelection?: NTable.NRow.IRowSelection<RecordType>;\n  defaultExpandedRowKeys?: NTable.TKey[];\n  defaultExpandAllRows?: boolean;\n  canExpandable?: boolean;\n  expandedRowRender?: NTable.NExpand.TExpandedRowRender<RecordType>;\n  expandRowByClick?: boolean;\n  expandIcon?: NTable.NExpand.TRenderExpandIcon<RecordType>;\n  indentSize: number;\n  showExpandColumn?: boolean;\n  expandedRowClassName?: NTable.NRow.TClassName<RecordType>;\n  childrenColumnName?: string;\n  rowExpandable?: NTable.NExpand.IExpandable['rowExpandable'];\n  transformCellText?: NTable.NCell.TTransformCellText<RecordType>;\n  getPopupContainer?: NTable.NCustomize.TGetPopupContainer;\n  rowDraggable?: NTable.NDraggable.TRowDraggable<RecordType>;\n  columnDraggable?: NTable.NDraggable.TColumnDraggable<RecordType>;\n\n  // =================================== Events ===================================\n  onChange?: (\n    pagination: NTable.NPagination.IProps,\n    filters: Record<string, NTable.TFilterValue | null>,\n    sorter: NTable.ISorterResult | NTable.ISorterResult[],\n    extra: NTable.ICurrentData\n  ) => void;\n  onExpand?: (expanded: boolean, record: RecordType) => void;\n  onExpandedRowsChange?: (expandedKeys: NTable.TKey[]) => void;\n  onResizeColumn?: (width: number, column: NTable.NColumn.IColumn<RecordType>) => void;\n  onRowReorder?: (info: NTable.NDraggable.IRowReorderInfo<RecordType>) => void;\n  onColumnReorder?: (info: NTable.NDraggable.IColumnReorderInfo<RecordType>) => void;\n\n  // =================================== Internal ===================================\n  /**\n   * @private Internal usage, may remove by refactor. Should always use `columns` instead.\n   *\n   * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!\n   */\n  internalHooks?: string;\n\n  /**\n   * @private Internal usage, may remove by refactor. Should always use `columns` instead.\n   *\n   * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!\n   */\n  // Used for internal table transform column with additional column\n  transformColumns?: (columns: NTable.NColumn.TColumns<RecordType>) => NTable.NColumn.TColumns<RecordType>;\n\n  /**\n   * @private Internal usage, may remove by refactor.\n   *\n   * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!\n   */\n  internalRefs?: {\n    body: HTMLDivElement | null;\n  };\n\n  /**\n   * @private Internal usage, may remove by refactor.\n   *\n   * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!\n   */\n  onUpdateInternalRefs?: (refs: Record<string, any>) => void;\n}\n\nexport const makeTableProps = propsFactory(\n  {\n    /**\n     * Идентификатор таблицы\n     * @en Table identifier\n     */\n    id: {\n      type: String as PropType<string>,\n      default: undefined\n    },\n    /**\n     * Массив данных для отображения в таблице\n     * @en Array of records to show in the table\n     */\n    data: {\n      type: Array as PropType<NTable.TDefaultRecord[]>,\n      default: undefined\n    },\n    /**\n     * Колонки таблицы\n     * @en Table columns\n     */\n    columns: {\n      type: Array as PropType<NTable.NColumn.TColumns<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Уникальный ключ строки может быть строкой или функцией возвращающей строку\n     * @en Unique row key — a string or a function returning a string\n     */\n    rowKey: {\n      type: [String, Function] as PropType<string | NTable.NRow.TGetRowKey<NTable.TDefaultRecord>>,\n      default: 'key'\n    },\n    /**\n     * Классы строки\n     * @en Row classes\n     */\n    rowClassName: {\n      type: [String, Function] as PropType<string | NTable.NRow.TClassName<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Фиксированный или авто лэйаут\n     * @en Fixed or auto layout\n     */\n    tableLayout: {\n      type: String as PropType<NTable.TLayout>,\n      default: undefined\n    },\n    /**\n     * Показывать ли заголовок таблицы\n     * @en Whether to show the table header\n     */\n    showHeader: {\n      type: Boolean as PropType<boolean>,\n      default: undefined\n    },\n    /**\n     * Sticky для заголовка и скроллбара\n     * @en Sticky behavior for the header and the scrollbar\n     */\n    sticky: {\n      type: [Boolean, Object] as PropType<boolean | NTable.NSticky.ISticky>,\n      default: undefined\n    },\n    /**\n     * Загрузка таблицы\n     * @en Table loading state\n     */\n    loading: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Подсвечивание строки при наведении\n     * @en Highlight the row on hover\n     */\n    hovered: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Показывать все границы таблицы\n     * @en Show every table border\n     */\n    bordered: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Убрать все границы таблицы\n     * @en Remove every table border\n     */\n    borderless: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Рендер заголовка таблицы\n     * @en Render function for the table title\n     */\n    header: {\n      type: Function as PropType<NTable.NRender.TPanelRender<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Рендер тулбара таблицы\n     * @en Render function for the table toolbar\n     */\n    toolbar: {\n      type: Function as PropType<NTable.NRender.TPanelRender<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Рендер футера таблицы\n     * @en Render function for the table footer\n     */\n    footer: {\n      type: Function as PropType<NTable.NRender.TPanelRender<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Переопределить компоненты таблицы по умолчанию\n     * @en Override the default table components\n     */\n    components: {\n      type: Object as PropType<NTable.NCustomize.TableComponents<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Устанавливает свойства для каждой строки\n     * @en Sets the properties for every row\n     */\n    customRow: {\n      type: Function as PropType<NTable.NCustomize.TGetComponentProps<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Устанавливает свойства для каждой строки заголовка\n     * @en Sets the properties for every header row\n     */\n    customHeaderRow: {\n      type: Function as PropType<NTable.NCustomize.TGetComponentProps<NTable.NColumn.IColumn<NTable.TDefaultRecord>[]>>,\n      default: undefined\n    },\n    /**\n     * Конфигурация пагинации таблицы\n     * @en Table pagination configuration\n     */\n    pagination: {\n      type: [Object, Boolean] as PropType<false | NTable.NPagination.IProps>,\n      default: undefined\n    },\n    /**\n     * Можно ли скроллить таблицу\n     * @en Whether the table can be scrolled\n     */\n    scroll: {\n      type: Object as PropType<NTable.TScroll & { scrollToFirstRowOnChange?: boolean }>,\n      default: undefined\n    },\n    /**\n     * Сортировка данных в таблице. 'ascend' | 'descend'\n     * @en Sorting of the table data. 'ascend' | 'descend'\n     */\n    sortDirection: {\n      type: Array as PropType<NTable.TSortOrder[]>,\n      default: undefined\n    },\n    /**\n     * Показывать ли тултипы для сортировки в заголовке. Можно передать объект со свойствами для CdsTooltip.\n     * @en Whether to show sorting tooltips in the header. You can pass an object with CdsTooltip properties.\n     */\n    showSorterTooltip: {\n      type: [Boolean, Object] as PropType<boolean | ComponentProps<typeof CdsTooltip>>,\n      default: true\n    },\n    /**\n     * Сделать колонку с раскрытием фиксированной (left | right | boolean)\n     * @en Pin the expand column (left | right | boolean)\n     */\n    expandFixed: {\n      type: [Boolean, String] as PropType<NTable.TFixed>,\n      default: undefined\n    },\n    /**\n     * Ширина колонки с раскрытием\n     * @en Width of the expand column\n     */\n    expandColumnWidth: {\n      type: Number as PropType<number>,\n      default: undefined\n    },\n    /**\n     * Ключи текущих раскрытых строк (поддерживает v-model)\n     * @en Keys of the currently expanded rows (supports v-model)\n     */\n    expandedRowKeys: {\n      type: Array as PropType<NTable.TKey[]>,\n      default: undefined as ITableProps['expandedRowKeys']\n    },\n    /**\n     * Конфигурация для выбора строк\n     * @en Row selection configuration\n     */\n    rowSelection: {\n      type: Object as PropType<NTable.NRow.IRowSelection<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Ключи раскрытых строк по умолчанию\n     * @en Keys of the rows expanded by default\n     */\n    defaultExpandedRowKeys: {\n      type: Array as PropType<NTable.TKey[]>,\n      default: undefined as ITableProps['defaultExpandedRowKeys']\n    },\n    /**\n     * По умолчанию все колонки раскрыты\n     * @en All rows are expanded by default\n     */\n    defaultExpandAllRows: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Может раскрываться\n     * @en Rows can be expanded\n     */\n    canExpandable: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Рендер для каждой раскрытой строки\n     * @en Render function for every expanded row\n     */\n    expandedRowRender: {\n      type: Function as PropType<NTable.NExpand.TExpandedRowRender<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Раскрытие строки по клику в любое место этой строки\n     * @en Expand the row by clicking anywhere in it\n     */\n    expandRowByClick: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Индекс колонки, в которой будет располагаться иконка раскрытия\n     * @en Index of the column that holds the expand icon\n     */\n    expandIconColumnIndex: {\n      type: Number as PropType<number>,\n      default: undefined\n    },\n    /**\n     * Своя иконка раскрытия\n     * @en Custom expand icon\n     */\n    expandIcon: {\n      type: Function as PropType<NTable.NExpand.TRenderExpandIcon<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Размер отступа в пикселях для каждого уровня вложенности\n     * @en Indent size in pixels for each nesting level\n     */\n    indentSize: {\n      type: Number as PropType<number>,\n      default: TABLE_INDENT_SIZE\n    },\n    /**\n     * Показать раскрытую колонку\n     * @en Show the expand column\n     */\n    showExpandColumn: {\n      type: Boolean as PropType<boolean>,\n      default: undefined\n    },\n    /**\n     * Классы для строк в раскрытом состоянии\n     * @en Classes for rows in the expanded state\n     */\n    expandedRowClassName: {\n      type: Function as PropType<NTable.NRow.TClassName<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Названия свойства для дочерних элементов\n     * @en Name of the property holding the child records\n     */\n    childrenColumnName: {\n      type: String as PropType<string>,\n      default: 'children'\n    },\n    /**\n     * Строку можно раскрыть\n     * @en Whether the row can be expanded\n     */\n    rowExpandable: {\n      type: Function as PropType<NTable.NExpand.IExpandable['rowExpandable']>,\n      default: undefined\n    },\n    /**\n     * Трансформировать текст в ячейке\n     * @en Transform the text inside a cell\n     */\n    transformCellText: {\n      type: Function as PropType<NTable.NCell.TTransformCellText<NTable.TDefaultRecord>>,\n      default: undefined\n    },\n    /**\n     * Контейнер рендеринга выпадающих списков\n     * @en Container that dropdowns are rendered into\n     */\n    getPopupContainer: {\n      type: Function as PropType<NTable.NCustomize.TGetPopupContainer>,\n      default: undefined\n    },\n    /**\n     * Локализация таблицы (переопределяет строки глобальной локали)\n     * @en Table localization (overrides the strings of the global locale)\n     */\n    locale: {\n      type: Object as PropType<NTable.ILocale>,\n      default: undefined\n    },\n    /**\n     * Событие при изменении пагинации, фильтров, сортировки\n     */\n    onChange: {\n      type: Function as PropType<\n        (\n          pagination: NTable.NPagination.IProps,\n          filters: Record<string, NTable.TFilterValue | null>,\n          sorters: NTable.ISorterResult | NTable.ISorterResult[],\n          extra: NTable.ICurrentData\n        ) => void\n      >,\n      default: undefined\n    },\n    /**\n     * Событие изменения размера колонки\n     */\n    onResizeColumn: {\n      type: Function as PropType<(width: number, column: NTable.NColumn.IColumn) => void>,\n      default: undefined\n    },\n    /**\n     * Событие при раскрытии строки\n     */\n    onExpand: {\n      type: Function as PropType<(expanded: boolean, record: NTable.TDefaultRecord) => void>,\n      default: undefined\n    },\n    /**\n     * Событие при изменении раскрытых строк\n     */\n    onExpandedRowsChange: {\n      type: Function as PropType<(expandedKeys: NTable.TKey[]) => void>,\n      default: undefined\n    },\n    /**\n     * Перетаскивание строк (drag-n-drop). `true` или объект конфигурации\n     * `{ icon, disabled, allowDrop }`. Reorder происходит только между соседями\n     * одного родителя; порядок меняет потребитель в обработчике `@row-reorder`.\n     * @en Row drag and drop. `true` or a configuration object\n     * `{ icon, disabled, allowDrop }`. Reordering only happens between siblings\n     * of the same parent; the consumer changes the order in the `@row-reorder` handler.\n     */\n    rowDraggable: {\n      type: [Boolean, Object] as PropType<NTable.NDraggable.TRowDraggable>,\n      default: undefined\n    },\n    /**\n     * Перетаскивание колонок (drag-n-drop). `true` или объект конфигурации\n     * `{ icon, disabled, allowDrop }`. Reorder происходит только среди соседей\n     * внутри своей группы; порядок меняет потребитель в обработчике `@column-reorder`.\n     * @en Column drag and drop. `true` or a configuration object\n     * `{ icon, disabled, allowDrop }`. Reordering only happens among siblings\n     * inside the same group; the consumer changes the order in the `@column-reorder` handler.\n     */\n    columnDraggable: {\n      type: [Boolean, Object] as PropType<NTable.NDraggable.TColumnDraggable>,\n      default: undefined\n    },\n    /**\n     * Событие переноса строки (drag-n-drop)\n     */\n    onRowReorder: {\n      type: Function as PropType<(info: NTable.NDraggable.IRowReorderInfo) => void>,\n      default: undefined\n    },\n    /**\n     * Событие переноса колонки (drag-n-drop)\n     */\n    onColumnReorder: {\n      type: Function as PropType<(info: NTable.NDraggable.IColumnReorderInfo) => void>,\n      default: undefined\n    }\n  },\n  'table'\n);\n\ninterface IMapCache<RecordType> {\n  kvMap?: Map<NTable.TKey, RecordType>;\n}\nexport function useLazyKVMap<RecordType>(\n  dataRef: Ref<readonly RecordType[]>,\n  childrenColumnNameRef: Ref<string>,\n  getRowKeyRef: Ref<NTable.NRow.TGetRowKey<RecordType>>\n) {\n  const mapCacheRef = shallowRef<IMapCache<RecordType>>({});\n\n  watch(\n    [dataRef, childrenColumnNameRef, getRowKeyRef],\n    () => {\n      const kvMap = new Map<NTable.TKey, RecordType>();\n      const getRowKey = getRowKeyRef.value;\n      const childrenColumnName = childrenColumnNameRef.value;\n\n      const dig = (records: readonly RecordType[]) => {\n        records.forEach((record, index) => {\n          const rowKey = getRowKey(record, index);\n          kvMap.set(rowKey, record);\n\n          if (record && typeof record === 'object' && childrenColumnName in record) {\n            dig((record as any)[childrenColumnName] || []);\n          }\n        });\n      };\n\n      dig(dataRef.value);\n\n      mapCacheRef.value = { kvMap };\n    },\n    { deep: true, immediate: true }\n  );\n\n  function getRecordByKey(key: NTable.TKey) {\n    return mapCacheRef.value.kvMap!.get(key)!;\n  }\n\n  return { getRecordByKey };\n}\n"],"names":[],"mappings":"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"}

package/dist/es/src/components/CdsTabs/CdsTabs.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-tabs {
     gap: var(--cds-spacing-100);

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

@@ -9,9 +9,25 @@ import { C as CdsTabConstants, a as CdsTabsViewConstants, b as CdsTabsViewItemCo
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsTabProps = propsFactory(
   {
+    /**
+     * Фиксирует ширину вкладки, не давая ей растягиваться по длине заголовка
+     * @en Fixes the width of the tab so it does not stretch to the length of its label
+     */
     fixed: Boolean,
+    /**
+     * Анимация подчёркивающего индикатора активной вкладки
+     * @en Animation of the underline indicator of the active tab
+     */
     sliderTransition: String,
+    /**
+     * Длительность анимации индикатора в миллисекундах
+     * @en Duration of the indicator animation in milliseconds
+     */
     sliderTransitionDuration: [String, Number],
+    /**
+     * Скрывает подчёркивающий индикатор активной вкладки
+     * @en Hides the underline indicator of the active tab
+     */
     hideSlider: Boolean,
     ...omit(
       defineCdsButtonProps({
@@ -25,21 +41,61 @@ const defineCdsTabProps = propsFactory(
 );
 const defineCdsTabsProps = propsFactory(
   {
+    /**
+     * Список вкладок. Строка или число — заголовок, объект — вкладка с произвольными пропсами `CdsTab`
+     * @en List of tabs. A string or a number is a label, an object is a tab with arbitrary `CdsTab` props
+     */
     items: {
       type: Array,
       default: () => []
     },
+    /**
+     * Делает все вкладки одинаковой ширины независимо от длины заголовка
+     * @en Makes all tabs the same width regardless of the length of their labels
+     */
     fixedTabs: Boolean,
+    /**
+     * Располагает иконку и заголовок вкладки вертикально — иконка над текстом
+     * @en Lays out the icon and the label of the tab vertically — the icon above the text
+     */
     stacked: Boolean,
+    /**
+     * Растягивает вкладки на всю доступную ширину контейнера
+     * @en Stretches the tabs across the whole available width of the container
+     */
     grow: Boolean,
+    /**
+     * Высота полосы вкладок. Число — в пикселях, строка — с любой CSS-единицей
+     * @en Height of the tab bar. A number is in pixels, a string takes any CSS unit
+     */
     height: {
       type: [Number, String],
       default: void 0
     },
+    /**
+     * Скрывает подчёркивающий индикатор активной вкладки
+     * @en Hides the underline indicator of the active tab
+     */
     hideSlider: Boolean,
+    /**
+     * Вариант оформления с подложкой: активная вкладка выделяется залитой «таблеткой», а не подчёркиванием
+     * @en Styling with a background: the active tab is highlighted with a filled pill instead of an underline
+     */
     inset: Boolean,
+    /**
+     * Внутренний отступ подложки в режиме `inset`. Число — в пикселях, строка — с любой CSS-единицей
+     * @en Padding of the background in `inset` mode. A number is in pixels, a string takes any CSS unit
+     */
     insetPadding: [String, Number],
+    /**
+     * Радиус скругления подложки в режиме `inset`. Число — в пикселях, строка — с любой CSS-единицей
+     * @en Corner radius of the background in `inset` mode. A number is in pixels, a string takes any CSS unit
+     */
     insetRadius: [String, Number],
+    /**
+     * Выравнивание вкладок внутри полосы
+     * @en Alignment of the tabs inside the bar
+     */
     align: {
       type: String,
       default: "start"

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTabs.props.js","sources":["../../../../../../src/components/CdsTabs/api/CdsTabs.props.ts"],"sourcesContent":["import type { TabItem } from '@cds/components';\nimport { defineCdsButtonProps } from '@cds/components/CdsButton/api/CdsButton.props';\nimport { defineCdsSlideGroupProps } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.props';\nimport {\n  defineCdsSlideViewItemProps,\n  defineCdsSlideViewProps\n} from '@cds/components/CdsSlideView/api/CdsSlideView.props';\nimport { defineColorProps } from '@cds/composables';\nimport { defineDirectionProps } from '@cds/composables/useDirection';\nimport { defineTagProps, propsFactory } from '@cds/core';\nimport { omit, pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsTabConstants, CdsTabsConstants, CdsTabsViewConstants, CdsTabsViewItemConstants } from './CdsTabs.constants';\n\nexport const defineCdsTabProps = propsFactory(\n  {\n    fixed: Boolean,\n\n    sliderTransition: String as PropType<'shift' | 'grow' | 'fade'>,\n    sliderTransitionDuration: [String, Number],\n    hideSlider: Boolean,\n\n    ...omit(\n      defineCdsButtonProps({\n        selectedClass: `${CdsTabConstants.rootClass}--selected`\n      }),\n      ['active', 'symbol']\n    ),\n    ...defineDirectionProps()\n  },\n  CdsTabConstants.name\n);\n\nexport const defineCdsTabsProps = propsFactory(\n  {\n    items: {\n      type: Array as PropType<readonly TabItem[]>,\n      default: () => []\n    },\n    fixedTabs: Boolean,\n    stacked: Boolean,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: undefined\n    },\n    hideSlider: Boolean,\n    inset: Boolean,\n    insetPadding: [String, Number],\n    insetRadius: [String, Number],\n    align: {\n      type: String as PropType<'start' | 'title' | 'center' | 'end'>,\n      default: 'start'\n    },\n\n    ...pick(defineCdsTabProps(), ['sliderTransition', 'sliderTransitionDuration', 'spaced']),\n    ...defineCdsSlideGroupProps({\n      mandatory: 'force' as const,\n      required: 'force' as const,\n      selectedClass: `${CdsTabsConstants.rootClass}--selected`\n    }),\n    ...defineColorProps(),\n    ...defineTagProps()\n  },\n  CdsTabsConstants.name\n);\n\nexport const defineCdsTabsView = propsFactory(\n  {\n    ...omit(defineCdsSlideViewProps(), [\n      'continuous',\n      'nextIcon',\n      'prevIcon',\n      'showArrows',\n      'touch',\n      'mandatory',\n      'required'\n    ])\n  },\n  CdsTabsViewConstants.name\n);\n\nexport const defineCdsTabsViewItem = propsFactory(\n  {\n    ...defineCdsSlideViewItemProps()\n  },\n  CdsTabsViewItemConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,oBAAoB;AAAA,EAC/B;AAAA,IACE,OAAO;AAAA,IAEP,kBAAkB;AAAA,IAClB,0BAA0B,CAAC,QAAQ,MAAM;AAAA,IACzC,YAAY;AAAA,IAEZ,GAAG;AAAA,MACD,qBAAqB;AAAA,QACnB,eAAe,GAAG,gBAAgB,SAAS;AAAA,MAAA,CAC5C;AAAA,MACD,CAAC,UAAU,QAAQ;AAAA,IAAA;AAAA,IAErB,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,gBAAgB;AAClB;AAEO,MAAM,qBAAqB;AAAA,EAChC;AAAA,IACE,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAElB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAEX,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,cAAc,CAAC,QAAQ,MAAM;AAAA,IAC7B,aAAa,CAAC,QAAQ,MAAM;AAAA,IAC5B,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,kBAAA,GAAqB,CAAC,oBAAoB,4BAA4B,QAAQ,CAAC;AAAA,IACvF,GAAG,yBAAyB;AAAA,MAC1B,WAAW;AAAA,MACX,UAAU;AAAA,MACV,eAAe,GAAG,iBAAiB,SAAS;AAAA,IAAA,CAC7C;AAAA,IACD,GAAG,iBAAA;AAAA,IACH,GAAG,eAAA;AAAA,EAAe;AAAA,EAEpB,iBAAiB;AACnB;AAEO,MAAM,oBAAoB;AAAA,EAC/B;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,qBAAqB;AACvB;AAEO,MAAM,wBAAwB;AAAA,EACnC;AAAA,IACE,GAAG,4BAAA;AAAA,EAA4B;AAAA,EAEjC,yBAAyB;AAC3B;"}
+{"version":3,"file":"CdsTabs.props.js","sources":["../../../../../../src/components/CdsTabs/api/CdsTabs.props.ts"],"sourcesContent":["import type { TabItem } from '@cds/components';\nimport { defineCdsButtonProps } from '@cds/components/CdsButton/api/CdsButton.props';\nimport { defineCdsSlideGroupProps } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.props';\nimport {\n  defineCdsSlideViewItemProps,\n  defineCdsSlideViewProps\n} from '@cds/components/CdsSlideView/api/CdsSlideView.props';\nimport { defineColorProps } from '@cds/composables';\nimport { defineDirectionProps } from '@cds/composables/useDirection';\nimport { defineTagProps, propsFactory } from '@cds/core';\nimport { omit, pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsTabConstants, CdsTabsConstants, CdsTabsViewConstants, CdsTabsViewItemConstants } from './CdsTabs.constants';\n\nexport const defineCdsTabProps = propsFactory(\n  {\n    /**\n     * Фиксирует ширину вкладки, не давая ей растягиваться по длине заголовка\n     * @en Fixes the width of the tab so it does not stretch to the length of its label\n     */\n    fixed: Boolean,\n\n    /**\n     * Анимация подчёркивающего индикатора активной вкладки\n     * @en Animation of the underline indicator of the active tab\n     */\n    sliderTransition: String as PropType<'shift' | 'grow' | 'fade'>,\n    /**\n     * Длительность анимации индикатора в миллисекундах\n     * @en Duration of the indicator animation in milliseconds\n     */\n    sliderTransitionDuration: [String, Number],\n    /**\n     * Скрывает подчёркивающий индикатор активной вкладки\n     * @en Hides the underline indicator of the active tab\n     */\n    hideSlider: Boolean,\n\n    ...omit(\n      defineCdsButtonProps({\n        selectedClass: `${CdsTabConstants.rootClass}--selected`\n      }),\n      ['active', 'symbol']\n    ),\n    ...defineDirectionProps()\n  },\n  CdsTabConstants.name\n);\n\nexport const defineCdsTabsProps = propsFactory(\n  {\n    /**\n     * Список вкладок. Строка или число — заголовок, объект — вкладка с произвольными пропсами `CdsTab`\n     * @en List of tabs. A string or a number is a label, an object is a tab with arbitrary `CdsTab` props\n     */\n    items: {\n      type: Array as PropType<readonly TabItem[]>,\n      default: () => []\n    },\n    /**\n     * Делает все вкладки одинаковой ширины независимо от длины заголовка\n     * @en Makes all tabs the same width regardless of the length of their labels\n     */\n    fixedTabs: Boolean,\n    /**\n     * Располагает иконку и заголовок вкладки вертикально — иконка над текстом\n     * @en Lays out the icon and the label of the tab vertically — the icon above the text\n     */\n    stacked: Boolean,\n    /**\n     * Растягивает вкладки на всю доступную ширину контейнера\n     * @en Stretches the tabs across the whole available width of the container\n     */\n    grow: Boolean,\n    /**\n     * Высота полосы вкладок. Число — в пикселях, строка — с любой CSS-единицей\n     * @en Height of the tab bar. A number is in pixels, a string takes any CSS unit\n     */\n    height: {\n      type: [Number, String],\n      default: undefined\n    },\n    /**\n     * Скрывает подчёркивающий индикатор активной вкладки\n     * @en Hides the underline indicator of the active tab\n     */\n    hideSlider: Boolean,\n    /**\n     * Вариант оформления с подложкой: активная вкладка выделяется залитой «таблеткой», а не подчёркиванием\n     * @en Styling with a background: the active tab is highlighted with a filled pill instead of an underline\n     */\n    inset: Boolean,\n    /**\n     * Внутренний отступ подложки в режиме `inset`. Число — в пикселях, строка — с любой CSS-единицей\n     * @en Padding of the background in `inset` mode. A number is in pixels, a string takes any CSS unit\n     */\n    insetPadding: [String, Number],\n    /**\n     * Радиус скругления подложки в режиме `inset`. Число — в пикселях, строка — с любой CSS-единицей\n     * @en Corner radius of the background in `inset` mode. A number is in pixels, a string takes any CSS unit\n     */\n    insetRadius: [String, Number],\n    /**\n     * Выравнивание вкладок внутри полосы\n     * @en Alignment of the tabs inside the bar\n     */\n    align: {\n      type: String as PropType<'start' | 'title' | 'center' | 'end'>,\n      default: 'start'\n    },\n\n    ...pick(defineCdsTabProps(), ['sliderTransition', 'sliderTransitionDuration', 'spaced']),\n    ...defineCdsSlideGroupProps({\n      mandatory: 'force' as const,\n      required: 'force' as const,\n      selectedClass: `${CdsTabsConstants.rootClass}--selected`\n    }),\n    ...defineColorProps(),\n    ...defineTagProps()\n  },\n  CdsTabsConstants.name\n);\n\nexport const defineCdsTabsView = propsFactory(\n  {\n    ...omit(defineCdsSlideViewProps(), [\n      'continuous',\n      'nextIcon',\n      'prevIcon',\n      'showArrows',\n      'touch',\n      'mandatory',\n      'required'\n    ])\n  },\n  CdsTabsViewConstants.name\n);\n\nexport const defineCdsTabsViewItem = propsFactory(\n  {\n    ...defineCdsSlideViewItemProps()\n  },\n  CdsTabsViewItemConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAMP,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlB,0BAA0B,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKzC,YAAY;AAAA,IAEZ,GAAG;AAAA,MACD,qBAAqB;AAAA,QACnB,eAAe,GAAG,gBAAgB,SAAS;AAAA,MAAA,CAC5C;AAAA,MACD,CAAC,UAAU,QAAQ;AAAA,IAAA;AAAA,IAErB,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,gBAAgB;AAClB;AAEO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAc,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK7B,aAAa,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK5B,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,kBAAA,GAAqB,CAAC,oBAAoB,4BAA4B,QAAQ,CAAC;AAAA,IACvF,GAAG,yBAAyB;AAAA,MAC1B,WAAW;AAAA,MACX,UAAU;AAAA,MACV,eAAe,GAAG,iBAAiB,SAAS;AAAA,IAAA,CAC7C;AAAA,IACD,GAAG,iBAAA;AAAA,IACH,GAAG,eAAA;AAAA,EAAe;AAAA,EAEpB,iBAAiB;AACnB;AAEO,MAAM,oBAAoB;AAAA,EAC/B;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,qBAAqB;AACvB;AAEO,MAAM,wBAAwB;AAAA,EACnC;AAAA,IACE,GAAG,4BAAA;AAAA,EAA4B;AAAA,EAEjC,yBAAyB;AAC3B;"}

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

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

@@ -4,7 +4,6 @@ import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.js";
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { u as useLink } from "../../composables/useRouter/useRouter.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 { a as CdsTransitionExpandX } from "../../transitions/index.js";
@@ -12,6 +11,7 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTagConstants, a as CdsTagGroupSymbol } from "./api/CdsTag.constants.js";
 import { d as defineCdsTagProps } from "./api/CdsTag.props.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
 import { C as CdsAvatar } from "../CdsAvatar/index.js";