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

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":";;;AAkGO,MAAM,iBAAiB;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA,MACN,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,mBAAmB;AAAA,MACjB,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,aAAa;AAAA,MACX,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,wBAAwB;AAAA,MACtB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKX,UAAU;AAAA,MACR,MAAM;AAAA,MAQN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKX,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUX,cAAc;AAAA,MACZ,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUX,iBAAiB;AAAA,MACf,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;AAKO,SAAS,aACd,SACA,uBACA,cACA;AACA,QAAM,cAAc,WAAkC,EAAE;AAExD;AAAA,IACE,CAAC,SAAS,uBAAuB,YAAY;AAAA,IAC7C,MAAM;AACJ,YAAM,4BAAY,IAAA;AAClB,YAAM,YAAY,aAAa;AAC/B,YAAM,qBAAqB,sBAAsB;AAEjD,YAAM,MAAM,CAAC,YAAmC;AAC9C,gBAAQ,QAAQ,CAAC,QAAQ,UAAU;AACjC,gBAAM,SAAS,UAAU,QAAQ,KAAK;AACtC,gBAAM,IAAI,QAAQ,MAAM;AAExB,cAAI,UAAU,OAAO,WAAW,YAAY,sBAAsB,QAAQ;AACxE,gBAAK,OAAe,kBAAkB,KAAK,EAAE;AAAA,UAC/C;AAAA,QACF,CAAC;AAAA,MACH;AAEA,UAAI,QAAQ,KAAK;AAEjB,kBAAY,QAAQ,EAAE,MAAA;AAAA,IACxB;AAAA,IACA,EAAE,MAAM,MAAM,WAAW,KAAA;AAAA,EAAK;AAGhC,WAAS,eAAe,KAAkB;AACxC,WAAO,YAAY,MAAM,MAAO,IAAI,GAAG;AAAA,EACzC;AAEA,SAAO,EAAE,eAAA;AACX;"}

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/api/CdsTag.props.js

@@ -11,56 +11,110 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsTagProps = propsFactory(
   {
-    /** CSS-класс, применяемый к активной (выбранной) ссылке-тегу. */
+    /**
+     * CSS-класс, применяемый к активной (выбранной) ссылке-тегу.
+     * @en CSS class applied to the active (selected) link tag.
+     */
     activeClass: String,
-    /** Аватар, отображаемый после (справа от) контента тега. */
+    /**
+     * Аватар, отображаемый после (справа от) контента тега.
+     * @en Avatar displayed after (to the right of) the tag content.
+     */
     appendAvatar: String,
-    /** Аватар, отображаемый перед (слева от) контентом тега. */
+    /**
+     * Аватар, отображаемый перед (слева от) контентом тега.
+     * @en Avatar displayed before (to the left of) the tag content.
+     */
     prependAvatar: String,
-    /** Иконка, отображаемая после (справа от) контента тега. */
+    /**
+     * Иконка, отображаемая после (справа от) контента тега.
+     * @en Icon displayed after (to the right of) the tag content.
+     */
     appendIcon: IconValue,
-    /** Иконка, отображаемая перед (слева от) контентом тега. */
+    /**
+     * Иконка, отображаемая перед (слева от) контентом тега.
+     * @en Icon displayed before (to the left of) the tag content.
+     */
     prependIcon: IconValue,
-    /** Добавляет кнопку закрытия, скрывающую тег. */
+    /**
+     * Добавляет кнопку закрытия, скрывающую тег.
+     * @en Adds a close button that hides the tag.
+     */
     closable: Boolean,
-    /** Добавляет кнопку удаления (псевдоним `closable`). */
+    /**
+     * Добавляет кнопку удаления (псевдоним `closable`).
+     * @en Adds a remove button (alias for `closable`).
+     */
     removable: Boolean,
-    /** Делает тег перетаскиваемым (нативный drag-and-drop). */
+    /**
+     * Делает тег перетаскиваемым (нативный drag-and-drop).
+     * @en Makes the tag draggable (native drag-and-drop).
+     */
     draggable: Boolean,
-    /** Отображает иконку-индикатор выбора при использовании тега в группе (CdsTagGroup). */
+    /**
+     * Отображает иконку-индикатор выбора при использовании тега в группе (CdsTagGroup).
+     * @en Shows the selection indicator icon when the tag is used inside a group (CdsTagGroup).
+     */
     filter: Boolean,
-    /** Применяет стиль «label» с уменьшенным скруглением углов. */
+    /**
+     * Применяет стиль «label» с уменьшенным скруглением углов.
+     * @en Applies the “label” style with a smaller corner radius.
+     */
     label: Boolean,
-    /** Делает углы тега полностью скруглёнными. */
+    /**
+     * Делает углы тега полностью скруглёнными.
+     * @en Makes the corners of the tag fully rounded.
+     */
     pill: Boolean,
-    /** Назначает тегу стили и поведение ссылки. */
+    /**
+     * Назначает тегу стили и поведение ссылки.
+     * @en Gives the tag the styles and the behavior of a link.
+     */
     link: {
       type: Boolean,
       default: void 0
     },
-    /** Иконка кнопки закрытия. */
+    /**
+     * Иконка кнопки закрытия.
+     * @en Icon of the close button.
+     */
     closeIcon: {
       type: IconValue,
       default: "remove"
     },
-    /** Доступная подпись (aria-label) для кнопки закрытия. */
+    /**
+     * Доступная подпись (aria-label) для кнопки закрытия.
+     * @en Accessible label (aria-label) for the close button.
+     */
     closeLabel: {
       type: String,
       default: "$cds.close"
     },
-    /** Иконка индикатора выбора (актуально вместе с `filter`). */
+    /**
+     * Иконка индикатора выбора (актуально вместе с `filter`).
+     * @en Icon of the selection indicator (relevant together with `filter`).
+     */
     filterIcon: {
       type: IconValue,
       default: "check-fill"
     },
-    /** Видимость тега (v-model). При `false` тег не отображается. */
+    /**
+     * Видимость тега (v-model). При `false` тег не отображается.
+     * @en Visibility of the tag (v-model). When `false` the tag is not rendered.
+     */
     modelValue: {
       type: Boolean,
       default: true
     },
-    /** Обработчик клика по тегу. */
+    /**
+     * Обработчик клика по тегу.
+     * @en Click handler for the tag.
+     */
     onClick: EventProp(),
-    /** Однократный обработчик клика по тегу. */
+    /**
+     * Однократный обработчик клика по тегу.
+     * @en One-time click handler for the tag.
+     */
     onClickOnce: EventProp(),
     ...defineTextProps(),
     ...pick(defineColorProps(), ["color", "activeColor", "textColor"]),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTag.props.js","sources":["../../../../../../src/components/CdsTag/api/CdsTag.props.ts"],"sourcesContent":["import { defineColorProps, defineSizeProps, defineThemeProps } from '@cds/composables';\nimport { defineGroupItemProps } from '@cds/composables/useGroup';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineRouterProps } from '@cds/composables/useRouter';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { EventProp, pick } from '@cds/utils';\n\nimport { CdsTagConstants } from './CdsTag.constants';\n\nexport const defineCdsTagProps = propsFactory(\n  {\n    /** CSS-класс, применяемый к активной (выбранной) ссылке-тегу. */\n    activeClass: String,\n    /** Аватар, отображаемый после (справа от) контента тега. */\n    appendAvatar: String,\n    /** Аватар, отображаемый перед (слева от) контентом тега. */\n    prependAvatar: String,\n    /** Иконка, отображаемая после (справа от) контента тега. */\n    appendIcon: IconValue,\n    /** Иконка, отображаемая перед (слева от) контентом тега. */\n    prependIcon: IconValue,\n    /** Добавляет кнопку закрытия, скрывающую тег. */\n    closable: Boolean,\n    /** Добавляет кнопку удаления (псевдоним `closable`). */\n    removable: Boolean,\n    /** Делает тег перетаскиваемым (нативный drag-and-drop). */\n    draggable: Boolean,\n    /** Отображает иконку-индикатор выбора при использовании тега в группе (CdsTagGroup). */\n    filter: Boolean,\n    /** Применяет стиль «label» с уменьшенным скруглением углов. */\n    label: Boolean,\n    /** Делает углы тега полностью скруглёнными. */\n    pill: Boolean,\n    /** Назначает тегу стили и поведение ссылки. */\n    link: {\n      type: Boolean,\n      default: undefined\n    },\n    /** Иконка кнопки закрытия. */\n    closeIcon: {\n      type: IconValue,\n      default: 'remove'\n    },\n    /** Доступная подпись (aria-label) для кнопки закрытия. */\n    closeLabel: {\n      type: String,\n      default: '$cds.close'\n    },\n    /** Иконка индикатора выбора (актуально вместе с `filter`). */\n    filterIcon: {\n      type: IconValue,\n      default: 'check-fill'\n    },\n    /** Видимость тега (v-model). При `false` тег не отображается. */\n    modelValue: {\n      type: Boolean,\n      default: true\n    },\n\n    /** Обработчик клика по тегу. */\n    onClick: EventProp<[MouseEvent]>(),\n    /** Однократный обработчик клика по тегу. */\n    onClickOnce: EventProp<[MouseEvent]>(),\n\n    ...defineTextProps(),\n    ...pick(defineColorProps(), ['color', 'activeColor', 'textColor']),\n    ...defineSizeProps(),\n    ...defineRouterProps(),\n    ...defineGroupItemProps(),\n    ...defineComponentProps(),\n    ...defineTagProps({ tag: 'span' }),\n    ...defineThemeProps()\n  },\n  CdsTagConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA,IAEE,aAAa;AAAA;AAAA,IAEb,cAAc;AAAA;AAAA,IAEd,eAAe;AAAA;AAAA,IAEf,YAAY;AAAA;AAAA,IAEZ,aAAa;AAAA;AAAA,IAEb,UAAU;AAAA;AAAA,IAEV,WAAW;AAAA;AAAA,IAEX,WAAW;AAAA;AAAA,IAEX,QAAQ;AAAA;AAAA,IAER,OAAO;AAAA;AAAA,IAEP,MAAM;AAAA;AAAA,IAEN,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAIX,SAAS,UAAA;AAAA;AAAA,IAET,aAAa,UAAA;AAAA,IAEb,GAAG,gBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,eAAe,WAAW,CAAC;AAAA,IACjE,GAAG,gBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,QAAQ;AAAA,IACjC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,gBAAgB;AAClB;"}
+{"version":3,"file":"CdsTag.props.js","sources":["../../../../../../src/components/CdsTag/api/CdsTag.props.ts"],"sourcesContent":["import { defineColorProps, defineSizeProps, defineThemeProps } from '@cds/composables';\nimport { defineGroupItemProps } from '@cds/composables/useGroup';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineRouterProps } from '@cds/composables/useRouter';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { EventProp, pick } from '@cds/utils';\n\nimport { CdsTagConstants } from './CdsTag.constants';\n\nexport const defineCdsTagProps = propsFactory(\n  {\n    /**\n     * CSS-класс, применяемый к активной (выбранной) ссылке-тегу.\n     * @en CSS class applied to the active (selected) link tag.\n     */\n    activeClass: String,\n    /**\n     * Аватар, отображаемый после (справа от) контента тега.\n     * @en Avatar displayed after (to the right of) the tag content.\n     */\n    appendAvatar: String,\n    /**\n     * Аватар, отображаемый перед (слева от) контентом тега.\n     * @en Avatar displayed before (to the left of) the tag content.\n     */\n    prependAvatar: String,\n    /**\n     * Иконка, отображаемая после (справа от) контента тега.\n     * @en Icon displayed after (to the right of) the tag content.\n     */\n    appendIcon: IconValue,\n    /**\n     * Иконка, отображаемая перед (слева от) контентом тега.\n     * @en Icon displayed before (to the left of) the tag content.\n     */\n    prependIcon: IconValue,\n    /**\n     * Добавляет кнопку закрытия, скрывающую тег.\n     * @en Adds a close button that hides the tag.\n     */\n    closable: Boolean,\n    /**\n     * Добавляет кнопку удаления (псевдоним `closable`).\n     * @en Adds a remove button (alias for `closable`).\n     */\n    removable: Boolean,\n    /**\n     * Делает тег перетаскиваемым (нативный drag-and-drop).\n     * @en Makes the tag draggable (native drag-and-drop).\n     */\n    draggable: Boolean,\n    /**\n     * Отображает иконку-индикатор выбора при использовании тега в группе (CdsTagGroup).\n     * @en Shows the selection indicator icon when the tag is used inside a group (CdsTagGroup).\n     */\n    filter: Boolean,\n    /**\n     * Применяет стиль «label» с уменьшенным скруглением углов.\n     * @en Applies the “label” style with a smaller corner radius.\n     */\n    label: Boolean,\n    /**\n     * Делает углы тега полностью скруглёнными.\n     * @en Makes the corners of the tag fully rounded.\n     */\n    pill: Boolean,\n    /**\n     * Назначает тегу стили и поведение ссылки.\n     * @en Gives the tag the styles and the behavior of a link.\n     */\n    link: {\n      type: Boolean,\n      default: undefined\n    },\n    /**\n     * Иконка кнопки закрытия.\n     * @en Icon of the close button.\n     */\n    closeIcon: {\n      type: IconValue,\n      default: 'remove'\n    },\n    /**\n     * Доступная подпись (aria-label) для кнопки закрытия.\n     * @en Accessible label (aria-label) for the close button.\n     */\n    closeLabel: {\n      type: String,\n      default: '$cds.close'\n    },\n    /**\n     * Иконка индикатора выбора (актуально вместе с `filter`).\n     * @en Icon of the selection indicator (relevant together with `filter`).\n     */\n    filterIcon: {\n      type: IconValue,\n      default: 'check-fill'\n    },\n    /**\n     * Видимость тега (v-model). При `false` тег не отображается.\n     * @en Visibility of the tag (v-model). When `false` the tag is not rendered.\n     */\n    modelValue: {\n      type: Boolean,\n      default: true\n    },\n\n    /**\n     * Обработчик клика по тегу.\n     * @en Click handler for the tag.\n     */\n    onClick: EventProp<[MouseEvent]>(),\n    /**\n     * Однократный обработчик клика по тегу.\n     * @en One-time click handler for the tag.\n     */\n    onClickOnce: EventProp<[MouseEvent]>(),\n\n    ...defineTextProps(),\n    ...pick(defineColorProps(), ['color', 'activeColor', 'textColor']),\n    ...defineSizeProps(),\n    ...defineRouterProps(),\n    ...defineGroupItemProps(),\n    ...defineComponentProps(),\n    ...defineTagProps({ tag: 'span' }),\n    ...defineThemeProps()\n  },\n  CdsTagConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,IAKf,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,SAAS,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,aAAa,UAAA;AAAA,IAEb,GAAG,gBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,eAAe,WAAW,CAAC;AAAA,IACjE,GAAG,gBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,QAAQ;AAAA,IACjC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,gBAAgB;AAClB;"}

package/dist/es/src/components/CdsTagGroup/CdsTagGroup.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-group {
     min-width: 0;

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

@@ -43,15 +43,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
-      /** Идентификаторы выбранных тегов */
+      /**
+       * Идентификаторы выбранных тегов
+       * @en Ids of the selected tags
+       */
       selected,
-      /** Выбрать тег по id */
+      /**
+       * Выбрать тег по id
+       * @en Select a tag by id
+       */
       select,
-      /** Проверить, выбран ли тег по id */
+      /**
+       * Проверить, выбран ли тег по id
+       * @en Check whether a tag with the given id is selected
+       */
       isSelected,
-      /** Выбрать предыдущий тег */
+      /**
+       * Выбрать предыдущий тег
+       * @en Select the previous tag
+       */
       prev,
-      /** Выбрать следующий тег */
+      /**
+       * Выбрать следующий тег
+       * @en Select the next tag
+       */
       next
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTagGroup.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTagGroup/CdsTagGroup.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTagGroup.scss';\n\nimport { CdsSlideGroup } from '@cds/components/CdsSlideGroup';\nimport { defineCdsSlideGroupProps } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.props';\nimport { CdsTagConstants } from '@cds/components/CdsTag/api/CdsTag.constants';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { filterProps, provideDefaults, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { toRef, unref } from 'vue';\n\nimport { CdsTagGroupConstants, CdsTagGroupSymbol } from './api/CdsTagGroup.constants';\nimport { defineCdsTagGroupProps } from './api/CdsTagGroup.props';\nimport type { CdsTagGroupEvents, CdsTagGroupSlots } from './api/CdsTagGroup.types';\n\ndefineOptions({\n  name: CdsTagGroupConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsTagGroupProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTagGroupSlots>();\n\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { isSelected, next, prev, select, selected } = useGroup(props, CdsTagGroupSymbol);\n\nprovideDefaults({\n  [CdsTagConstants.name]: {\n    activeColor: toRef(() => props.activeColor),\n    color: toRef(() => props.color),\n    disabled: toRef(() => props.disabled),\n    filter: toRef(() => props.filter)\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsTagGroupConstants;\n  const slideGroupProps = filterProps(defineCdsSlideGroupProps, props);\n\n  return (\n    <CdsSlideGroup\n      {...slideGroupProps}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--column`]: props.column\n        },\n        unref(themeClasses),\n        props.class\n      )}\n      style={props.style}\n    >\n      {slots.default?.({ isSelected, next, prev, select, selected })}\n    </CdsSlideGroup>\n  );\n});\n\ndefineExpose({\n  /** Идентификаторы выбранных тегов */\n  selected,\n  /** Выбрать тег по id */\n  select,\n  /** Проверить, выбран ли тег по id */\n  isSelected,\n  /** Выбрать предыдущий тег */\n  prev,\n  /** Выбрать следующий тег */\n  next\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","isSelected","next","prev","select","selected","useGroup","CdsTagGroupSymbol","provideDefaults","CdsTagConstants","name","activeColor","toRef","color","disabled","filter","__expose","rootClass","CdsTagGroupConstants","slideGroupProps","filterProps","defineCdsSlideGroupProps","_createVNode","CdsSlideGroup","_mergeProps","classNames","column","unref","class","style","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAId,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAC3C,UAAM;AAAA,MAAEM;AAAAA,MAAYC;AAAAA,MAAMC;AAAAA,MAAMC;AAAAA,MAAQC;AAAAA,IAAS,IAAIC,SAASX,OAAOY,iBAAiB;AAEtFC,oBAAgB;AAAA,MACd,CAACC,gBAAgBC,IAAI,GAAG;AAAA,QACtBC,aAAaC,MAAM,MAAMjB,MAAMgB,WAAW;AAAA,QAC1CE,OAAOD,MAAM,MAAMjB,MAAMkB,KAAK;AAAA,QAC9BC,UAAUF,MAAM,MAAMjB,MAAMmB,QAAQ;AAAA,QACpCC,QAAQH,MAAM,MAAMjB,MAAMoB,MAAM;AAAA,MAClC;AAAA,IACF,CAAC;AAwBDC,aAAa;AAAA;AAAA,MAEXX;AAAAA;AAAAA,MAEAD;AAAAA;AAAAA,MAEAH;AAAAA;AAAAA,MAEAE;AAAAA;AAAAA,MAEAD;AAAAA,IACF,CAAC;WAjCY,MAAM;AACjB,YAAM;AAAA,QAAEe;AAAAA,MAAU,IAAIC;AACtB,YAAMC,kBAAkBC,YAAYC,0BAA0B1B,KAAK;AAEnE,aAAA2B,YAAAC,eAAAC,WAEQL,iBAAe;AAAA,QAAA,SACZM,WACLR,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,UAAU,GAAGtB,MAAM+B;AAAAA,WAElCC,MAAM5B,YAAY,GAClBJ,MAAMiC,KACR;AAAA,QAAC,SACMjC,MAAMkC;AAAAA,MAAK,CAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,mBAEjBjC,WAAMiC,YAANjC,+BAAgB;AAAA,YAAEI;AAAAA,YAAYC;AAAAA,YAAMC;AAAAA,YAAMC;AAAAA,YAAQC;AAAAA,UAAS,EAAE;AAAA;AAAA,MAAA,CAAA;AAAA,IAGpE;AAAA;;"}
+{"version":3,"file":"CdsTagGroup.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTagGroup/CdsTagGroup.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTagGroup.scss';\n\nimport { CdsSlideGroup } from '@cds/components/CdsSlideGroup';\nimport { defineCdsSlideGroupProps } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.props';\nimport { CdsTagConstants } from '@cds/components/CdsTag/api/CdsTag.constants';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { filterProps, provideDefaults, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { toRef, unref } from 'vue';\n\nimport { CdsTagGroupConstants, CdsTagGroupSymbol } from './api/CdsTagGroup.constants';\nimport { defineCdsTagGroupProps } from './api/CdsTagGroup.props';\nimport type { CdsTagGroupEvents, CdsTagGroupSlots } from './api/CdsTagGroup.types';\n\ndefineOptions({\n  name: CdsTagGroupConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsTagGroupProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTagGroupSlots>();\n\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { isSelected, next, prev, select, selected } = useGroup(props, CdsTagGroupSymbol);\n\nprovideDefaults({\n  [CdsTagConstants.name]: {\n    activeColor: toRef(() => props.activeColor),\n    color: toRef(() => props.color),\n    disabled: toRef(() => props.disabled),\n    filter: toRef(() => props.filter)\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsTagGroupConstants;\n  const slideGroupProps = filterProps(defineCdsSlideGroupProps, props);\n\n  return (\n    <CdsSlideGroup\n      {...slideGroupProps}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--column`]: props.column\n        },\n        unref(themeClasses),\n        props.class\n      )}\n      style={props.style}\n    >\n      {slots.default?.({ isSelected, next, prev, select, selected })}\n    </CdsSlideGroup>\n  );\n});\n\ndefineExpose({\n  /**\n   * Идентификаторы выбранных тегов\n   * @en Ids of the selected tags\n   */\n  selected,\n  /**\n   * Выбрать тег по id\n   * @en Select a tag by id\n   */\n  select,\n  /**\n   * Проверить, выбран ли тег по id\n   * @en Check whether a tag with the given id is selected\n   */\n  isSelected,\n  /**\n   * Выбрать предыдущий тег\n   * @en Select the previous tag\n   */\n  prev,\n  /**\n   * Выбрать следующий тег\n   * @en Select the next tag\n   */\n  next\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","isSelected","next","prev","select","selected","useGroup","CdsTagGroupSymbol","provideDefaults","CdsTagConstants","name","activeColor","toRef","color","disabled","filter","__expose","rootClass","CdsTagGroupConstants","slideGroupProps","filterProps","defineCdsSlideGroupProps","_createVNode","CdsSlideGroup","_mergeProps","classNames","column","unref","class","style","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAId,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAC3C,UAAM;AAAA,MAAEM;AAAAA,MAAYC;AAAAA,MAAMC;AAAAA,MAAMC;AAAAA,MAAQC;AAAAA,IAAS,IAAIC,SAASX,OAAOY,iBAAiB;AAEtFC,oBAAgB;AAAA,MACd,CAACC,gBAAgBC,IAAI,GAAG;AAAA,QACtBC,aAAaC,MAAM,MAAMjB,MAAMgB,WAAW;AAAA,QAC1CE,OAAOD,MAAM,MAAMjB,MAAMkB,KAAK;AAAA,QAC9BC,UAAUF,MAAM,MAAMjB,MAAMmB,QAAQ;AAAA,QACpCC,QAAQH,MAAM,MAAMjB,MAAMoB,MAAM;AAAA,MAClC;AAAA,IACF,CAAC;AAwBDC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXX;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAD;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAH;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAD;AAAAA,IACF,CAAC;WAhDY,MAAM;AACjB,YAAM;AAAA,QAAEe;AAAAA,MAAU,IAAIC;AACtB,YAAMC,kBAAkBC,YAAYC,0BAA0B1B,KAAK;AAEnE,aAAA2B,YAAAC,eAAAC,WAEQL,iBAAe;AAAA,QAAA,SACZM,WACLR,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,UAAU,GAAGtB,MAAM+B;AAAAA,WAElCC,MAAM5B,YAAY,GAClBJ,MAAMiC,KACR;AAAA,QAAC,SACMjC,MAAMkC;AAAAA,MAAK,CAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,mBAEjBjC,WAAMiC,YAANjC,+BAAgB;AAAA,YAAEI;AAAAA,YAAYC;AAAAA,YAAMC;AAAAA,YAAMC;AAAAA,YAAQC;AAAAA,UAAS,EAAE;AAAA;AAAA,MAAA,CAAA;AAAA,IAGpE;AAAA;;"}

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

@@ -8,13 +8,21 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsTagGroupProps = propsFactory(
   {
-    /** Располагает теги в несколько строк с переносом вместо горизонтальной прокрутки. */
+    /**
+     * Располагает теги в несколько строк с переносом вместо горизонтальной прокрутки.
+     * @en Lays the tags out in several rows with wrapping instead of a horizontal scroll.
+     */
     column: Boolean,
-    /** Показывает у выбранных тегов иконку-галочку (прокидывается в `CdsTag`). */
+    /**
+     * Показывает у выбранных тегов иконку-галочку (прокидывается в `CdsTag`).
+     * @en Shows a check icon on the selected tags (passed down to `CdsTag`).
+     */
     filter: Boolean,
     ...defineCdsSlideGroupProps({ scrollToActive: false }),
     ...pick(defineColorProps(), ["color", "activeColor"]),
-    ...defineGroupProps({ selectedClass: `${CdsTagConstants.rootClass}--selected` }),
+    ...defineGroupProps({
+      selectedClass: `${CdsTagConstants.rootClass}--selected`
+    }),
     ...defineThemeProps()
   },
   CdsTagGroupConstants.name

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTagGroup.props.js","sources":["../../../../../../src/components/CdsTagGroup/api/CdsTagGroup.props.ts"],"sourcesContent":["import { defineCdsSlideGroupProps } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.props';\nimport { CdsTagConstants } from '@cds/components/CdsTag/api/CdsTag.constants';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineGroupProps } from '@cds/composables/useGroup';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\n\nimport { CdsTagGroupConstants } from './CdsTagGroup.constants';\n\nexport const defineCdsTagGroupProps = propsFactory(\n  {\n    /** Располагает теги в несколько строк с переносом вместо горизонтальной прокрутки. */\n    column: Boolean,\n    /** Показывает у выбранных тегов иконку-галочку (прокидывается в `CdsTag`). */\n    filter: Boolean,\n\n    ...defineCdsSlideGroupProps({ scrollToActive: false }),\n    ...pick(defineColorProps(), ['color', 'activeColor']),\n    ...defineGroupProps({ selectedClass: `${CdsTagConstants.rootClass}--selected` }),\n    ...defineThemeProps()\n  },\n  CdsTagGroupConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;AAUO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA,IAEE,QAAQ;AAAA;AAAA,IAER,QAAQ;AAAA,IAER,GAAG,yBAAyB,EAAE,gBAAgB,OAAO;AAAA,IACrD,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,aAAa,CAAC;AAAA,IACpD,GAAG,iBAAiB,EAAE,eAAe,GAAG,gBAAgB,SAAS,cAAc;AAAA,IAC/E,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,qBAAqB;AACvB;"}
+{"version":3,"file":"CdsTagGroup.props.js","sources":["../../../../../../src/components/CdsTagGroup/api/CdsTagGroup.props.ts"],"sourcesContent":["import { defineCdsSlideGroupProps } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.props';\nimport { CdsTagConstants } from '@cds/components/CdsTag/api/CdsTag.constants';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineGroupProps } from '@cds/composables/useGroup';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\n\nimport { CdsTagGroupConstants } from './CdsTagGroup.constants';\n\nexport const defineCdsTagGroupProps = propsFactory(\n  {\n    /**\n     * Располагает теги в несколько строк с переносом вместо горизонтальной прокрутки.\n     * @en Lays the tags out in several rows with wrapping instead of a horizontal scroll.\n     */\n    column: Boolean,\n    /**\n     * Показывает у выбранных тегов иконку-галочку (прокидывается в `CdsTag`).\n     * @en Shows a check icon on the selected tags (passed down to `CdsTag`).\n     */\n    filter: Boolean,\n\n    ...defineCdsSlideGroupProps({ scrollToActive: false }),\n    ...pick(defineColorProps(), ['color', 'activeColor']),\n    ...defineGroupProps({\n      selectedClass: `${CdsTagConstants.rootClass}--selected`\n    }),\n    ...defineThemeProps()\n  },\n  CdsTagGroupConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;AAUO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,QAAQ;AAAA,IAER,GAAG,yBAAyB,EAAE,gBAAgB,OAAO;AAAA,IACrD,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,aAAa,CAAC;AAAA,IACpD,GAAG,iBAAiB;AAAA,MAClB,eAAe,GAAG,gBAAgB,SAAS;AAAA,IAAA,CAC5C;AAAA,IACD,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,qBAAqB;AACvB;"}

package/dist/es/src/components/CdsTextArea/CdsTextArea.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-text-area textarea {
     flex: 1;