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

package/dist/es/src/components/CdsSelect/composables/useSelect.js

@@ -5,57 +5,109 @@ import { C as CdsSelectConstants } from "../api/CdsSelect.constants.js";
 import { d as defineMenuActivatorProps } from "./useMenuActivator.js";
 const defineSelectProps = propsFactory(
   {
-    /** Разрешает выбор нескольких значений. Выбранные элементы отображаются чипами или списком. */
+    /**
+     * Разрешает выбор нескольких значений. Выбранные элементы отображаются чипами или списком.
+     * @en Allows selecting several values. The selected items are shown as chips or as a list.
+     */
     multiple: Boolean,
     /**
      * Добавляет первым элементом списка пункт «Выбрать все» (только для `multiple`).
      * `true` использует надпись по умолчанию `$cds.selectAll`, строка задаёт собственную надпись.
+     * @en Adds a "select all" entry as the first item of the list (for `multiple` only). `true` uses the default `$cds.selectAll` caption, a string sets your own caption.
      */
     isSelectAll: {
       type: [Boolean, String],
       default: false
     },
-    /** В режиме multiple удерживает выбранные значения в одну строку с многоточием */
+    /**
+     * В режиме multiple удерживает выбранные значения в одну строку с многоточием
+     * @en In multiple mode keeps the selected values on a single line with an ellipsis
+     */
     ellipsis: Boolean,
-    /** Отображает нативный HTML-select вместо кастомного выпадающего меню (CdsMenu) */
+    /**
+     * Отображает нативный HTML-select вместо кастомного выпадающего меню (CdsMenu)
+     * @en Renders a native HTML select instead of the custom dropdown menu (CdsMenu)
+     */
     nativeSelect: Boolean,
-    /** Отображает выбранные значения в виде удаляемых чипов (CdsTag). */
+    /**
+     * Отображает выбранные значения в виде удаляемых чипов (CdsTag).
+     * @en Shows the selected values as removable chips (CdsTag).
+     */
     chips: Boolean,
-    /** Добавляет чипам кнопку удаления (актуально вместе с `chips`). */
+    /**
+     * Добавляет чипам кнопку удаления (актуально вместе с `chips`).
+     * @en Adds a remove button to the chips (relevant together with `chips`).
+     */
     closableChips: Boolean,
-    /** Управляет состоянием открытия выпадающего меню (v-model:menu). */
+    /**
+     * Управляет состоянием открытия выпадающего меню (v-model:menu).
+     * @en Controls the open state of the dropdown menu (v-model:menu).
+     */
     menu: Boolean,
-    /** Рендерит контент меню заранее, не дожидаясь первого открытия. */
+    /**
+     * Рендерит контент меню заранее, не дожидаясь первого открытия.
+     * @en Renders the menu content upfront, without waiting for the first opening.
+     */
     eager: Boolean,
-    /** Скрывает меню и плейсхолдер «нет данных», когда список элементов пуст. */
+    /**
+     * Скрывает меню и плейсхолдер «нет данных», когда список элементов пуст.
+     * @en Hides the menu and the "no data" placeholder when the item list is empty.
+     */
     hideNoData: Boolean,
-    /** Скрывает уже выбранные элементы из списка меню. */
+    /**
+     * Скрывает уже выбранные элементы из списка меню.
+     * @en Hides the already selected items from the menu list.
+     */
     hideSelected: Boolean,
-    /** Открывает меню после очистки значения. */
+    /**
+     * Открывает меню после очистки значения.
+     * @en Opens the menu after the value is cleared.
+     */
     openOnClear: Boolean,
-    /** Отключает автоматическую прокрутку меню к выбранному элементу при открытии. */
+    /**
+     * Отключает автоматическую прокрутку меню к выбранному элементу при открытии.
+     * @en Turns off the automatic scrolling of the menu to the selected item on opening.
+     */
     noAutoScroll: Boolean,
-    /** Цвет выбранных элементов в списке меню. По умолчанию используется `color`. */
+    /**
+     * Цвет выбранных элементов в списке меню. По умолчанию используется `color`.
+     * @en Color of the selected items in the menu list. `color` is used by default.
+     */
     itemColor: String,
-    /** Иконка-индикатор раскрытия меню. */
+    /**
+     * Иконка-индикатор раскрытия меню.
+     * @en Icon indicating that the menu can be expanded.
+     */
     menuIcon: {
       type: IconValue,
       default: "chevron-down"
     },
-    /** Пропсы, прокидываемые во внутренний компонент CdsMenu. */
+    /**
+     * Пропсы, прокидываемые во внутренний компонент CdsMenu.
+     * @en Props passed through to the inner CdsMenu component.
+     */
     menuProps: {
       type: Object
     },
-    /** Максимальная высота выпадающего меню. */
+    /**
+     * Максимальная высота выпадающего меню.
+     * @en Maximum height of the dropdown menu.
+     */
     menuHeight: {
       type: [String, Number],
       default: CdsSelectConstants.menuHeight
     },
-    /** Пропсы, прокидываемые во внутренний компонент CdsList. */
+    /**
+     * Пропсы, прокидываемые во внутренний компонент CdsList.
+     * @en Props passed through to the inner CdsList component.
+     */
     listProps: {
       type: Object
     },
-    /** Текст, отображаемый в меню, когда список элементов пуст. */
+    /**
+     * Текст, отображаемый в меню, когда список элементов пуст.
+     * @en Text shown in the menu when the item list is empty.
+     */
     noDataText: {
       type: String,
       default: "$cds.noDataText"

package/dist/es/src/components/CdsSelect/composables/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelect.js","sources":["../../../../../../src/components/CdsSelect/composables/useSelect.ts"],"sourcesContent":["import type { CdsListProps, CdsMenuProps } from '@cds/components';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineItemsProps } from '@cds/composables/useItems';\nimport { propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsSelectConstants } from '../api/CdsSelect.constants';\nimport { defineMenuActivatorProps } from './useMenuActivator';\n\nexport const defineSelectProps = propsFactory(\n  {\n    /** Разрешает выбор нескольких значений. Выбранные элементы отображаются чипами или списком. */\n    multiple: Boolean,\n    /**\n     * Добавляет первым элементом списка пункт «Выбрать все» (только для `multiple`).\n     * `true` использует надпись по умолчанию `$cds.selectAll`, строка задаёт собственную надпись.\n     */\n    isSelectAll: {\n      type: [Boolean, String] as PropType<boolean | string>,\n      default: false\n    },\n    /** В режиме multiple удерживает выбранные значения в одну строку с многоточием */\n    ellipsis: Boolean,\n    /** Отображает нативный HTML-select вместо кастомного выпадающего меню (CdsMenu) */\n    nativeSelect: Boolean,\n    /** Отображает выбранные значения в виде удаляемых чипов (CdsTag). */\n    chips: Boolean,\n    /** Добавляет чипам кнопку удаления (актуально вместе с `chips`). */\n    closableChips: Boolean,\n    /** Управляет состоянием открытия выпадающего меню (v-model:menu). */\n    menu: Boolean,\n    /** Рендерит контент меню заранее, не дожидаясь первого открытия. */\n    eager: Boolean,\n    /** Скрывает меню и плейсхолдер «нет данных», когда список элементов пуст. */\n    hideNoData: Boolean,\n    /** Скрывает уже выбранные элементы из списка меню. */\n    hideSelected: Boolean,\n    /** Открывает меню после очистки значения. */\n    openOnClear: Boolean,\n    /** Отключает автоматическую прокрутку меню к выбранному элементу при открытии. */\n    noAutoScroll: Boolean,\n    /** Цвет выбранных элементов в списке меню. По умолчанию используется `color`. */\n    itemColor: String,\n    /** Иконка-индикатор раскрытия меню. */\n    menuIcon: {\n      type: IconValue,\n      default: 'chevron-down'\n    },\n    /** Пропсы, прокидываемые во внутренний компонент CdsMenu. */\n    menuProps: {\n      type: Object as PropType<CdsMenuProps>\n    },\n    /** Максимальная высота выпадающего меню. */\n    menuHeight: {\n      type: [String, Number] as PropType<string | number>,\n      default: CdsSelectConstants.menuHeight\n    },\n    /** Пропсы, прокидываемые во внутренний компонент CdsList. */\n    listProps: {\n      type: Object as PropType<CdsListProps>\n    },\n    /** Текст, отображаемый в меню, когда список элементов пуст. */\n    noDataText: {\n      type: String,\n      default: '$cds.noDataText'\n    },\n\n    ...defineMenuActivatorProps(),\n    ...defineItemsProps({ itemChildren: false })\n  },\n  CdsSelectConstants.name\n);\n"],"names":[],"mappings":";;;;;AASO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA,IAEE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,aAAa;AAAA,MACX,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA;AAAA,IAEV,cAAc;AAAA;AAAA,IAEd,OAAO;AAAA;AAAA,IAEP,eAAe;AAAA;AAAA,IAEf,MAAM;AAAA;AAAA,IAEN,OAAO;AAAA;AAAA,IAEP,YAAY;AAAA;AAAA,IAEZ,cAAc;AAAA;AAAA,IAEd,aAAa;AAAA;AAAA,IAEb,cAAc;AAAA;AAAA,IAEd,WAAW;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,WAAW;AAAA,MACT,MAAM;AAAA,IAAA;AAAA;AAAA,IAGR,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS,mBAAmB;AAAA,IAAA;AAAA;AAAA,IAG9B,WAAW;AAAA,MACT,MAAM;AAAA,IAAA;AAAA;AAAA,IAGR,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,yBAAA;AAAA,IACH,GAAG,iBAAiB,EAAE,cAAc,OAAO;AAAA,EAAA;AAAA,EAE7C,mBAAmB;AACrB;"}
+{"version":3,"file":"useSelect.js","sources":["../../../../../../src/components/CdsSelect/composables/useSelect.ts"],"sourcesContent":["import type { CdsListProps, CdsMenuProps } from '@cds/components';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineItemsProps } from '@cds/composables/useItems';\nimport { propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsSelectConstants } from '../api/CdsSelect.constants';\nimport { defineMenuActivatorProps } from './useMenuActivator';\n\nexport const defineSelectProps = propsFactory(\n  {\n    /**\n     * Разрешает выбор нескольких значений. Выбранные элементы отображаются чипами или списком.\n     * @en Allows selecting several values. The selected items are shown as chips or as a list.\n     */\n    multiple: Boolean,\n    /**\n     * Добавляет первым элементом списка пункт «Выбрать все» (только для `multiple`).\n     * `true` использует надпись по умолчанию `$cds.selectAll`, строка задаёт собственную надпись.\n     * @en Adds a \"select all\" entry as the first item of the list (for `multiple` only). `true` uses the default `$cds.selectAll` caption, a string sets your own caption.\n     */\n    isSelectAll: {\n      type: [Boolean, String] as PropType<boolean | string>,\n      default: false\n    },\n    /**\n     * В режиме multiple удерживает выбранные значения в одну строку с многоточием\n     * @en In multiple mode keeps the selected values on a single line with an ellipsis\n     */\n    ellipsis: Boolean,\n    /**\n     * Отображает нативный HTML-select вместо кастомного выпадающего меню (CdsMenu)\n     * @en Renders a native HTML select instead of the custom dropdown menu (CdsMenu)\n     */\n    nativeSelect: Boolean,\n    /**\n     * Отображает выбранные значения в виде удаляемых чипов (CdsTag).\n     * @en Shows the selected values as removable chips (CdsTag).\n     */\n    chips: Boolean,\n    /**\n     * Добавляет чипам кнопку удаления (актуально вместе с `chips`).\n     * @en Adds a remove button to the chips (relevant together with `chips`).\n     */\n    closableChips: Boolean,\n    /**\n     * Управляет состоянием открытия выпадающего меню (v-model:menu).\n     * @en Controls the open state of the dropdown menu (v-model:menu).\n     */\n    menu: Boolean,\n    /**\n     * Рендерит контент меню заранее, не дожидаясь первого открытия.\n     * @en Renders the menu content upfront, without waiting for the first opening.\n     */\n    eager: Boolean,\n    /**\n     * Скрывает меню и плейсхолдер «нет данных», когда список элементов пуст.\n     * @en Hides the menu and the \"no data\" placeholder when the item list is empty.\n     */\n    hideNoData: Boolean,\n    /**\n     * Скрывает уже выбранные элементы из списка меню.\n     * @en Hides the already selected items from the menu list.\n     */\n    hideSelected: Boolean,\n    /**\n     * Открывает меню после очистки значения.\n     * @en Opens the menu after the value is cleared.\n     */\n    openOnClear: Boolean,\n    /**\n     * Отключает автоматическую прокрутку меню к выбранному элементу при открытии.\n     * @en Turns off the automatic scrolling of the menu to the selected item on opening.\n     */\n    noAutoScroll: Boolean,\n    /**\n     * Цвет выбранных элементов в списке меню. По умолчанию используется `color`.\n     * @en Color of the selected items in the menu list. `color` is used by default.\n     */\n    itemColor: String,\n    /**\n     * Иконка-индикатор раскрытия меню.\n     * @en Icon indicating that the menu can be expanded.\n     */\n    menuIcon: {\n      type: IconValue,\n      default: 'chevron-down'\n    },\n    /**\n     * Пропсы, прокидываемые во внутренний компонент CdsMenu.\n     * @en Props passed through to the inner CdsMenu component.\n     */\n    menuProps: {\n      type: Object as PropType<CdsMenuProps>\n    },\n    /**\n     * Максимальная высота выпадающего меню.\n     * @en Maximum height of the dropdown menu.\n     */\n    menuHeight: {\n      type: [String, Number] as PropType<string | number>,\n      default: CdsSelectConstants.menuHeight\n    },\n    /**\n     * Пропсы, прокидываемые во внутренний компонент CdsList.\n     * @en Props passed through to the inner CdsList component.\n     */\n    listProps: {\n      type: Object as PropType<CdsListProps>\n    },\n    /**\n     * Текст, отображаемый в меню, когда список элементов пуст.\n     * @en Text shown in the menu when the item list is empty.\n     */\n    noDataText: {\n      type: String,\n      default: '$cds.noDataText'\n    },\n\n    ...defineMenuActivatorProps(),\n    ...defineItemsProps({ itemChildren: false })\n  },\n  CdsSelectConstants.name\n);\n"],"names":[],"mappings":";;;;;AASO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMV,aAAa;AAAA,MACX,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,IAKf,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA,MACT,MAAM;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMR,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS,mBAAmB;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM9B,WAAW;AAAA,MACT,MAAM;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMR,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,yBAAA;AAAA,IACH,GAAG,iBAAiB,EAAE,cAAc,OAAO;AAAA,EAAA;AAAA,EAE7C,mBAAmB;AACrB;"}

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

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

@@ -69,7 +69,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       model.value = e.target.checked;
     }
     __expose({
+      /**
+       * Находится ли элемент управления в фокусе.
+       * @en Whether the control is focused.
+       */
       isFocused,
+      /**
+       * Ссылка на нативный элемент `input` — чекбокс или радиокнопку.
+       * @en Ref to the native `input` element — a checkbox or a radio button.
+       */
       input
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSelectionControl.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSelectionControl/CdsSelectionControl.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsSelectionControl.scss';\n\nimport { useDefaults } from '@cds/core';\nimport { classNames, filterInputAttrs, matchesSelector } from '@cds/utils';\nimport { nextTick, ref, shallowRef, toRef, unref, useAttrs, useId } from 'vue';\n\nimport { CdsDescription } from '../CdsDescription';\nimport { CdsIcon } from '../CdsIcon';\nimport { CdsLabel } from '../CdsLabel';\nimport { CdsSelectionControlConstants } from './api/CdsSelectionControl.constants';\nimport { defineCdsSelectionControlProps } from './api/CdsSelectionControl.props';\nimport type {\n  CdsSelectionControlEvents,\n  CdsSelectionControlSlots,\n  SelectionControlSlot\n} from './api/CdsSelectionControl.types';\nimport { useSelectionControl } from './composables/useSelectionControl';\n\ndefineOptions({\n  name: CdsSelectionControlConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsSelectionControlProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsSelectionControlSlots>();\nconst attrs = useAttrs();\n\ndefineEmits([\"update:modelValue\"]);\n\nconst {\n  group,\n  icon,\n  model,\n  textColorClasses,\n  textColorStyles,\n  backgroundColorClasses,\n  backgroundColorStyles,\n  trueValue\n} = useSelectionControl(props);\n\nconst uid = useId();\nconst isFocused = shallowRef(false);\nconst isFocusVisible = shallowRef(false);\nconst input = ref<HTMLInputElement>();\nconst id = toRef(() => props.id || `input-${uid}`);\nconst isInteractive = toRef(() => !props.disabled && !props.readonly);\n\nconst hasLabel = toRef(() => !!(props.label || slots.label));\nconst hasDescription = toRef(() => !!(props.description || slots.description));\n\ngroup?.onForceUpdate(() => {\n  if (input.value) input.value.checked = model.value;\n});\n\nfunction onFocus(e: FocusEvent) {\n  if (!isInteractive.value) return;\n\n  isFocused.value = true;\n  if (matchesSelector(e.target as HTMLElement, ':focus-visible') !== false) {\n    isFocusVisible.value = true;\n  }\n}\n\nfunction onBlur() {\n  isFocused.value = false;\n  isFocusVisible.value = false;\n}\n\nfunction onClickLabel(e: Event) {\n  e.stopPropagation();\n}\n\nfunction onInput(e: Event) {\n  if (!isInteractive.value) {\n    if (input.value) input.value.checked = model.value;\n    return;\n  }\n\n  if (props.readonly && group) nextTick(() => group.forceUpdate());\n\n  model.value = (e.target as HTMLInputElement).checked;\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsSelectionControlConstants;\n  const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);\n\n  const inputNode = (\n    <input\n      ref={input}\n      checked={model.value}\n      disabled={!!props.disabled}\n      id={unref(id)}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onInput={onInput}\n      aria-disabled={!!props.disabled}\n      aria-label={props.label}\n      type={props.type}\n      value={unref(trueValue)}\n      name={props.name}\n      aria-checked={props.type === 'checkbox' ? model.value : undefined}\n      {...inputAttrs}\n    />\n  );\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--dirty`]: model.value,\n          [`${rootClass}--disabled`]: props.disabled,\n          [`${rootClass}--error`]: props.error,\n          [`${rootClass}--inline`]: props.inline,\n          [`${rootClass}--focused`]: unref(isFocused),\n          [`${rootClass}--focus-visible`]: unref(isFocusVisible)\n        },\n        props.class\n      )}\n      {...rootAttrs}\n      style={props.style}\n    >\n      <div class={classNames(`${rootClass}__wrapper`, unref(textColorClasses))} style={unref(textColorStyles)}>\n        {slots.default?.({\n          backgroundColorClasses,\n          backgroundColorStyles\n        })}\n\n        <div class={classNames(`${rootClass}__input`)}>\n          {slots.input?.({\n            model,\n            textColorClasses,\n            textColorStyles,\n            backgroundColorClasses,\n            backgroundColorStyles,\n            inputNode,\n            icon: unref(icon),\n            props: {\n              onFocus,\n              onBlur,\n              id: unref(id)\n            }\n          } satisfies SelectionControlSlot) ?? (\n            <>\n              <div class={classNames(`${rootClass}__icon`)}>\n                {unref(icon) && <CdsIcon key=\"icon\" icon={unref(icon)} />}\n              </div>\n\n              {inputNode}\n            </>\n          )}\n        </div>\n      </div>\n\n      {unref(hasLabel) && (\n        <CdsLabel\n          key=\"label\"\n          for={unref(id)}\n          id={`${unref(id)}-label`}\n          disabled={props.disabled}\n          readonly={props.readonly}\n          class={`${rootClass}__label`}\n          onClick={onClickLabel}\n        >\n          {slots.label\n            ? slots.label({\n                label: props.label,\n                props: { for: unref(id), id: `${unref(id)}-label`, disabled: props.disabled, readonly: props.readonly }\n              })\n            : props.label}\n        </CdsLabel>\n      )}\n\n      {unref(hasDescription) && (\n        <CdsDescription key=\"description\" id={`${unref(id)}-description`} class={`${rootClass}__description`}>\n          {slots.description\n            ? slots.description({\n                description: props.description,\n                props: { id: `${unref(id)}-description` }\n              })\n            : props.description}\n        </CdsDescription>\n      )}\n    </div>\n  );\n});\n\ndefineExpose({\n  isFocused,\n  input\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","group","icon","model","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","trueValue","useSelectionControl","uid","useId","isFocused","shallowRef","isFocusVisible","input","ref","id","toRef","isInteractive","disabled","readonly","hasLabel","label","hasDescription","description","onForceUpdate","value","checked","onFocus","e","matchesSelector","target","onBlur","onClickLabel","stopPropagation","onInput","nextTick","forceUpdate","__expose","rootClass","CdsSelectionControlConstants","rootAttrs","inputAttrs","filterInputAttrs","inputNode","_createVNode","_mergeProps","unref","type","name","undefined","classNames","error","inline","class","style","default","_Fragment","CdsIcon","CdsLabel","for","CdsDescription"],"mappings":"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"}
+{"version":3,"file":"CdsSelectionControl.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSelectionControl/CdsSelectionControl.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsSelectionControl.scss';\n\nimport { useDefaults } from '@cds/core';\nimport { classNames, filterInputAttrs, matchesSelector } from '@cds/utils';\nimport { nextTick, ref, shallowRef, toRef, unref, useAttrs, useId } from 'vue';\n\nimport { CdsDescription } from '../CdsDescription';\nimport { CdsIcon } from '../CdsIcon';\nimport { CdsLabel } from '../CdsLabel';\nimport { CdsSelectionControlConstants } from './api/CdsSelectionControl.constants';\nimport { defineCdsSelectionControlProps } from './api/CdsSelectionControl.props';\nimport type {\n  CdsSelectionControlEvents,\n  CdsSelectionControlSlots,\n  SelectionControlSlot\n} from './api/CdsSelectionControl.types';\nimport { useSelectionControl } from './composables/useSelectionControl';\n\ndefineOptions({\n  name: CdsSelectionControlConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsSelectionControlProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsSelectionControlSlots>();\nconst attrs = useAttrs();\n\ndefineEmits([\"update:modelValue\"]);\n\nconst {\n  group,\n  icon,\n  model,\n  textColorClasses,\n  textColorStyles,\n  backgroundColorClasses,\n  backgroundColorStyles,\n  trueValue\n} = useSelectionControl(props);\n\nconst uid = useId();\nconst isFocused = shallowRef(false);\nconst isFocusVisible = shallowRef(false);\nconst input = ref<HTMLInputElement>();\nconst id = toRef(() => props.id || `input-${uid}`);\nconst isInteractive = toRef(() => !props.disabled && !props.readonly);\n\nconst hasLabel = toRef(() => !!(props.label || slots.label));\nconst hasDescription = toRef(() => !!(props.description || slots.description));\n\ngroup?.onForceUpdate(() => {\n  if (input.value) input.value.checked = model.value;\n});\n\nfunction onFocus(e: FocusEvent) {\n  if (!isInteractive.value) return;\n\n  isFocused.value = true;\n  if (matchesSelector(e.target as HTMLElement, ':focus-visible') !== false) {\n    isFocusVisible.value = true;\n  }\n}\n\nfunction onBlur() {\n  isFocused.value = false;\n  isFocusVisible.value = false;\n}\n\nfunction onClickLabel(e: Event) {\n  e.stopPropagation();\n}\n\nfunction onInput(e: Event) {\n  if (!isInteractive.value) {\n    if (input.value) input.value.checked = model.value;\n    return;\n  }\n\n  if (props.readonly && group) nextTick(() => group.forceUpdate());\n\n  model.value = (e.target as HTMLInputElement).checked;\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsSelectionControlConstants;\n  const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);\n\n  const inputNode = (\n    <input\n      ref={input}\n      checked={model.value}\n      disabled={!!props.disabled}\n      id={unref(id)}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onInput={onInput}\n      aria-disabled={!!props.disabled}\n      aria-label={props.label}\n      type={props.type}\n      value={unref(trueValue)}\n      name={props.name}\n      aria-checked={props.type === 'checkbox' ? model.value : undefined}\n      {...inputAttrs}\n    />\n  );\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--dirty`]: model.value,\n          [`${rootClass}--disabled`]: props.disabled,\n          [`${rootClass}--error`]: props.error,\n          [`${rootClass}--inline`]: props.inline,\n          [`${rootClass}--focused`]: unref(isFocused),\n          [`${rootClass}--focus-visible`]: unref(isFocusVisible)\n        },\n        props.class\n      )}\n      {...rootAttrs}\n      style={props.style}\n    >\n      <div class={classNames(`${rootClass}__wrapper`, unref(textColorClasses))} style={unref(textColorStyles)}>\n        {slots.default?.({\n          backgroundColorClasses,\n          backgroundColorStyles\n        })}\n\n        <div class={classNames(`${rootClass}__input`)}>\n          {slots.input?.({\n            model,\n            textColorClasses,\n            textColorStyles,\n            backgroundColorClasses,\n            backgroundColorStyles,\n            inputNode,\n            icon: unref(icon),\n            props: {\n              onFocus,\n              onBlur,\n              id: unref(id)\n            }\n          } satisfies SelectionControlSlot) ?? (\n            <>\n              <div class={classNames(`${rootClass}__icon`)}>\n                {unref(icon) && <CdsIcon key=\"icon\" icon={unref(icon)} />}\n              </div>\n\n              {inputNode}\n            </>\n          )}\n        </div>\n      </div>\n\n      {unref(hasLabel) && (\n        <CdsLabel\n          key=\"label\"\n          for={unref(id)}\n          id={`${unref(id)}-label`}\n          disabled={props.disabled}\n          readonly={props.readonly}\n          class={`${rootClass}__label`}\n          onClick={onClickLabel}\n        >\n          {slots.label\n            ? slots.label({\n                label: props.label,\n                props: { for: unref(id), id: `${unref(id)}-label`, disabled: props.disabled, readonly: props.readonly }\n              })\n            : props.label}\n        </CdsLabel>\n      )}\n\n      {unref(hasDescription) && (\n        <CdsDescription key=\"description\" id={`${unref(id)}-description`} class={`${rootClass}__description`}>\n          {slots.description\n            ? slots.description({\n                description: props.description,\n                props: { id: `${unref(id)}-description` }\n              })\n            : props.description}\n        </CdsDescription>\n      )}\n    </div>\n  );\n});\n\ndefineExpose({\n  /**\n   * Находится ли элемент управления в фокусе.\n   * @en Whether the control is focused.\n   */\n  isFocused,\n  /**\n   * Ссылка на нативный элемент `input` — чекбокс или радиокнопку.\n   * @en Ref to the native `input` element — a checkbox or a radio button.\n   */\n  input\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","group","icon","model","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","trueValue","useSelectionControl","uid","useId","isFocused","shallowRef","isFocusVisible","input","ref","id","toRef","isInteractive","disabled","readonly","hasLabel","label","hasDescription","description","onForceUpdate","value","checked","onFocus","e","matchesSelector","target","onBlur","onClickLabel","stopPropagation","onInput","nextTick","forceUpdate","__expose","rootClass","CdsSelectionControlConstants","rootAttrs","inputAttrs","filterInputAttrs","inputNode","_createVNode","_mergeProps","unref","type","name","undefined","classNames","error","inline","class","style","default","_Fragment","CdsIcon","CdsLabel","for","CdsDescription"],"mappings":"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"}

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

@@ -6,11 +6,20 @@ import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsSelectionControlConstants } from "./CdsSelectionControl.constants.js";
 const defineCdsSelectionControlProps = propsFactory(
   {
-    /** Значение для true состояния. */
+    /**
+     * Значение для true состояния.
+     * @en Value for the true state.
+     */
     trueValue: null,
-    /** Значение для false состояния. */
+    /**
+     * Значение для false состояния.
+     * @en Value for the false state.
+     */
     falseValue: null,
-    /** Значение, используемое при выборе компонента в группе. Если оно не указано, будет использоваться уникальный идентификатор. */
+    /**
+     * Значение, используемое при выборе компонента в группе. Если оно не указано, будет использоваться уникальный идентификатор.
+     * @en Value used when the component is selected inside a group. When it is not set, a unique identifier is used.
+     */
     value: null,
     ...pick(defineCdsInputProps(), ["label", "description"]),
     ...defineComponentProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSelectionControl.props.js","sources":["../../../../../../src/components/CdsSelectionControl/api/CdsSelectionControl.props.ts"],"sourcesContent":["import { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineCdsSelectionControlGroupProps } from '@cds/components/CdsSelectionControlGroup/api/CdsSelectionControlGroup.props';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\n\nimport { CdsSelectionControlConstants } from './CdsSelectionControl.constants';\n\nexport const defineCdsSelectionControlProps = propsFactory(\n  {\n    /** Значение для true состояния. */\n    trueValue: null,\n    /** Значение для false состояния. */\n    falseValue: null,\n    /** Значение, используемое при выборе компонента в группе. Если оно не указано, будет использоваться уникальный идентификатор. */\n    value: null,\n\n    ...pick(defineCdsInputProps(), ['label', 'description']),\n    ...defineComponentProps(),\n    ...defineCdsSelectionControlGroupProps()\n  },\n  CdsSelectionControlConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,iCAAiC;AAAA,EAC5C;AAAA;AAAA,IAEE,WAAW;AAAA;AAAA,IAEX,YAAY;AAAA;AAAA,IAEZ,OAAO;AAAA,IAEP,GAAG,KAAK,oBAAA,GAAuB,CAAC,SAAS,aAAa,CAAC;AAAA,IACvD,GAAG,qBAAA;AAAA,IACH,GAAG,oCAAA;AAAA,EAAoC;AAAA,EAEzC,6BAA6B;AAC/B;"}
+{"version":3,"file":"CdsSelectionControl.props.js","sources":["../../../../../../src/components/CdsSelectionControl/api/CdsSelectionControl.props.ts"],"sourcesContent":["import { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineCdsSelectionControlGroupProps } from '@cds/components/CdsSelectionControlGroup/api/CdsSelectionControlGroup.props';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\n\nimport { CdsSelectionControlConstants } from './CdsSelectionControl.constants';\n\nexport const defineCdsSelectionControlProps = propsFactory(\n  {\n    /**\n     * Значение для true состояния.\n     * @en Value for the true state.\n     */\n    trueValue: null,\n    /**\n     * Значение для false состояния.\n     * @en Value for the false state.\n     */\n    falseValue: null,\n    /**\n     * Значение, используемое при выборе компонента в группе. Если оно не указано, будет использоваться уникальный идентификатор.\n     * @en Value used when the component is selected inside a group. When it is not set, a unique identifier is used.\n     */\n    value: null,\n\n    ...pick(defineCdsInputProps(), ['label', 'description']),\n    ...defineComponentProps(),\n    ...defineCdsSelectionControlGroupProps()\n  },\n  CdsSelectionControlConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,iCAAiC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,OAAO;AAAA,IAEP,GAAG,KAAK,oBAAA,GAAuB,CAAC,SAAS,aAAa,CAAC;AAAA,IACvD,GAAG,qBAAA;AAAA,IACH,GAAG,oCAAA;AAAA,EAAoC;AAAA,EAEzC,6BAA6B;AAC/B;"}

package/dist/es/src/components/CdsSelectionControlGroup/CdsSelectionControlGroup.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-selection-control-group {
     display: flex;

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

@@ -10,30 +10,63 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsSelectionControlGroupProps = propsFactory(
   {
-    /** Уникальный идентификатор компонента */
+    /**
+     * Уникальный идентификатор компонента
+     * @en Unique identifier of the component
+     */
     id: String,
-    /** Тип нативного элемента input — например, `radio` или `checkbox` */
+    /**
+     * Тип нативного элемента input — например, `radio` или `checkbox`
+     * @en Type of the native input element — `radio` or `checkbox`, for example
+     */
     type: String,
-    /** Имя дочернего компонента, которому пробрасываются значения пропсов группы по умолчанию */
+    /**
+     * Имя дочернего компонента, которому пробрасываются значения пропсов группы по умолчанию
+     * @en Name of the child component the group prop values are passed to as defaults
+     */
     defaultsTarget: String,
-    /** Атрибут `name` нативного элемента input. В группе одно имя объединяет все вложенные контролы */
+    /**
+     * Атрибут `name` нативного элемента input. В группе одно имя объединяет все вложенные контролы
+     * @en The `name` attribute of the native input element. In a group one name joins all the nested controls
+     */
     name: String,
-    /** Отображает контрол как inline-элемент — контейнер не растягивается на всю ширину */
+    /**
+     * Отображает контрол как inline-элемент — контейнер не растягивается на всю ширину
+     * @en Renders the control as an inline element — the container does not stretch to the full width
+     */
     inline: Boolean,
-    /** Переводит компонент в визуальное состояние ошибки */
+    /**
+     * Переводит компонент в визуальное состояние ошибки
+     * @en Puts the component into the visual error state
+     */
     error: Boolean,
-    /** Значение компонента (v-model). В группе — значение выбранного контрола, при `multiple` — массив выбранных значений */
+    /**
+     * Значение компонента (v-model). В группе — значение выбранного контрола, при `multiple` — массив выбранных значений
+     * @en Value of the component (v-model). In a group it is the value of the selected control, with `multiple` — an array of the selected values
+     */
     modelValue: null,
-    /** Иконка невыбранного состояния */
+    /**
+     * Иконка невыбранного состояния
+     * @en Icon of the unselected state
+     */
     falseIcon: IconValue,
-    /** Иконка выбранного состояния */
+    /**
+     * Иконка выбранного состояния
+     * @en Icon of the selected state
+     */
     trueIcon: IconValue,
-    /** Разрешает выбор нескольких значений — модель становится массивом. Включается автоматически, если в `modelValue` передан массив */
+    /**
+     * Разрешает выбор нескольких значений — модель становится массивом. Включается автоматически, если в `modelValue` передан массив
+     * @en Allows selecting several values — the model becomes an array. Turns on automatically when an array is passed to `modelValue`
+     */
     multiple: {
       type: Boolean,
       default: null
     },
-    /** Функция сравнения значения модели со значением `value` контрола. По умолчанию — глубокое сравнение */
+    /**
+     * Функция сравнения значения модели со значением `value` контрола. По умолчанию — глубокое сравнение
+     * @en Function comparing the model value with the `value` of the control. Deep comparison by default
+     */
     valueComparator: {
       type: Function,
       default: deepEqual

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSelectionControlGroup.props.js","sources":["../../../../../../src/components/CdsSelectionControlGroup/api/CdsSelectionControlGroup.props.ts"],"sourcesContent":["import { defineColorProps, defineThemeProps } from '@cds/composables';\nimport { defineDirectionProps } from '@cds/composables/useDirection';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { deepEqual, type ValueComparator } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsSelectionControlGroupConstants } from './CdsSelectionControlGroup.constants';\n\nexport const defineCdsSelectionControlGroupProps = propsFactory(\n  {\n    /** Уникальный идентификатор компонента */\n    id: String,\n    /** Тип нативного элемента input — например, `radio` или `checkbox` */\n    type: String,\n    /** Имя дочернего компонента, которому пробрасываются значения пропсов группы по умолчанию */\n    defaultsTarget: String,\n    /** Атрибут `name` нативного элемента input. В группе одно имя объединяет все вложенные контролы */\n    name: String,\n    /** Отображает контрол как inline-элемент — контейнер не растягивается на всю ширину */\n    inline: Boolean,\n    /** Переводит компонент в визуальное состояние ошибки */\n    error: Boolean,\n    /** Значение компонента (v-model). В группе — значение выбранного контрола, при `multiple` — массив выбранных значений */\n    modelValue: null,\n    /** Иконка невыбранного состояния */\n    falseIcon: IconValue,\n    /** Иконка выбранного состояния */\n    trueIcon: IconValue,\n    /** Разрешает выбор нескольких значений — модель становится массивом. Включается автоматически, если в `modelValue` передан массив */\n    multiple: {\n      type: Boolean as PropType<boolean | null>,\n      default: null\n    },\n    /** Функция сравнения значения модели со значением `value` контрола. По умолчанию — глубокое сравнение */\n    valueComparator: {\n      type: Function as PropType<ValueComparator>,\n      default: deepEqual\n    },\n\n    ...defineDirectionProps(),\n    ...defineColorProps(),\n    ...defineDisabledProps(),\n    ...defineReadonlyProps(),\n    ...defineComponentProps(),\n    ...defineThemeProps()\n  },\n  CdsSelectionControlGroupConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAWO,MAAM,sCAAsC;AAAA,EACjD;AAAA;AAAA,IAEE,IAAI;AAAA;AAAA,IAEJ,MAAM;AAAA;AAAA,IAEN,gBAAgB;AAAA;AAAA,IAEhB,MAAM;AAAA;AAAA,IAEN,QAAQ;AAAA;AAAA,IAER,OAAO;AAAA;AAAA,IAEP,YAAY;AAAA;AAAA,IAEZ,WAAW;AAAA;AAAA,IAEX,UAAU;AAAA;AAAA,IAEV,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kCAAkC;AACpC;"}
+{"version":3,"file":"CdsSelectionControlGroup.props.js","sources":["../../../../../../src/components/CdsSelectionControlGroup/api/CdsSelectionControlGroup.props.ts"],"sourcesContent":["import { defineColorProps, defineThemeProps } from '@cds/composables';\nimport { defineDirectionProps } from '@cds/composables/useDirection';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { deepEqual, type ValueComparator } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsSelectionControlGroupConstants } from './CdsSelectionControlGroup.constants';\n\nexport const defineCdsSelectionControlGroupProps = propsFactory(\n  {\n    /**\n     * Уникальный идентификатор компонента\n     * @en Unique identifier of the component\n     */\n    id: String,\n    /**\n     * Тип нативного элемента input — например, `radio` или `checkbox`\n     * @en Type of the native input element — `radio` or `checkbox`, for example\n     */\n    type: String,\n    /**\n     * Имя дочернего компонента, которому пробрасываются значения пропсов группы по умолчанию\n     * @en Name of the child component the group prop values are passed to as defaults\n     */\n    defaultsTarget: String,\n    /**\n     * Атрибут `name` нативного элемента input. В группе одно имя объединяет все вложенные контролы\n     * @en The `name` attribute of the native input element. In a group one name joins all the nested controls\n     */\n    name: String,\n    /**\n     * Отображает контрол как inline-элемент — контейнер не растягивается на всю ширину\n     * @en Renders the control as an inline element — the container does not stretch to the full width\n     */\n    inline: Boolean,\n    /**\n     * Переводит компонент в визуальное состояние ошибки\n     * @en Puts the component into the visual error state\n     */\n    error: Boolean,\n    /**\n     * Значение компонента (v-model). В группе — значение выбранного контрола, при `multiple` — массив выбранных значений\n     * @en Value of the component (v-model). In a group it is the value of the selected control, with `multiple` — an array of the selected values\n     */\n    modelValue: null,\n    /**\n     * Иконка невыбранного состояния\n     * @en Icon of the unselected state\n     */\n    falseIcon: IconValue,\n    /**\n     * Иконка выбранного состояния\n     * @en Icon of the selected state\n     */\n    trueIcon: IconValue,\n    /**\n     * Разрешает выбор нескольких значений — модель становится массивом. Включается автоматически, если в `modelValue` передан массив\n     * @en Allows selecting several values — the model becomes an array. Turns on automatically when an array is passed to `modelValue`\n     */\n    multiple: {\n      type: Boolean as PropType<boolean | null>,\n      default: null\n    },\n    /**\n     * Функция сравнения значения модели со значением `value` контрола. По умолчанию — глубокое сравнение\n     * @en Function comparing the model value with the `value` of the control. Deep comparison by default\n     */\n    valueComparator: {\n      type: Function as PropType<ValueComparator>,\n      default: deepEqual\n    },\n\n    ...defineDirectionProps(),\n    ...defineColorProps(),\n    ...defineDisabledProps(),\n    ...defineReadonlyProps(),\n    ...defineComponentProps(),\n    ...defineThemeProps()\n  },\n  CdsSelectionControlGroupConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAWO,MAAM,sCAAsC;AAAA,EACjD;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,IAKJ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kCAAkC;AACpC;"}

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

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

@@ -5,22 +5,34 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsSkeletonLoaderProps = propsFactory(
   {
-    /** Тип скелета: предопределённый пресет либо произвольная строка (или массив строк) структуры. */
+    /**
+     * Тип скелета: предопределённый пресет либо произвольная строка (или массив строк) структуры.
+     * @en Skeleton type: a predefined preset or an arbitrary structure string (or an array of strings).
+     */
     type: {
       type: [String, Array],
       default: "block"
     },
-    /** Показывать скелет вместо контента слота во время загрузки. */
+    /**
+     * Показывать скелет вместо контента слота во время загрузки.
+     * @en Shows the skeleton instead of the slot content while loading.
+     */
     loading: {
       type: Boolean,
       default: false
     },
-    /** Текст для `aria-label` во время загрузки. */
+    /**
+     * Текст для `aria-label` во время загрузки.
+     * @en Text for the `aria-label` while loading.
+     */
     loadingText: {
       type: String,
       default: void 0
     },
-    /** Режим заготовки: отключает анимацию мерцания (для прототипирования). */
+    /**
+     * Режим заготовки: отключает анимацию мерцания (для прототипирования).
+     * @en Boilerplate mode: turns the shimmer animation off (for prototyping).
+     */
     boilerplate: {
       type: Boolean,
       default: false

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSkeletonLoader.props.js","sources":["../../../../../../src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.props.ts"],"sourcesContent":["import { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsSkeletonLoaderConstants } from './CdsSkeletonLoader.constants';\nimport type { CdsSkeletonLoaderType } from './CdsSkeletonLoader.types';\n\nexport const defineCdsSkeletonLoaderProps = propsFactory(\n  {\n    /** Тип скелета: предопределённый пресет либо произвольная строка (или массив строк) структуры. */\n    type: {\n      type: [String, Array] as PropType<\n        CdsSkeletonLoaderType | (string & {}) | ReadonlyArray<CdsSkeletonLoaderType | (string & {})>\n      >,\n      default: 'block'\n    },\n    /** Показывать скелет вместо контента слота во время загрузки. */\n    loading: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Текст для `aria-label` во время загрузки. */\n    loadingText: {\n      type: String as PropType<string>,\n      default: undefined\n    },\n    /** Режим заготовки: отключает анимацию мерцания (для прототипирования). */\n    boilerplate: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineThemeProps()\n  },\n  CdsSkeletonLoaderConstants.name\n);\n"],"names":[],"mappings":";;;;;AAQO,MAAM,+BAA+B;AAAA,EAC1C;AAAA;AAAA,IAEE,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,KAAK;AAAA,MAGpB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,2BAA2B;AAC7B;"}
+{"version":3,"file":"CdsSkeletonLoader.props.js","sources":["../../../../../../src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.props.ts"],"sourcesContent":["import { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsSkeletonLoaderConstants } from './CdsSkeletonLoader.constants';\nimport type { CdsSkeletonLoaderType } from './CdsSkeletonLoader.types';\n\nexport const defineCdsSkeletonLoaderProps = propsFactory(\n  {\n    /**\n     * Тип скелета: предопределённый пресет либо произвольная строка (или массив строк) структуры.\n     * @en Skeleton type: a predefined preset or an arbitrary structure string (or an array of strings).\n     */\n    type: {\n      type: [String, Array] as PropType<\n        CdsSkeletonLoaderType | (string & {}) | ReadonlyArray<CdsSkeletonLoaderType | (string & {})>\n      >,\n      default: 'block'\n    },\n    /**\n     * Показывать скелет вместо контента слота во время загрузки.\n     * @en Shows the skeleton instead of the slot content while loading.\n     */\n    loading: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Текст для `aria-label` во время загрузки.\n     * @en Text for the `aria-label` while loading.\n     */\n    loadingText: {\n      type: String as PropType<string>,\n      default: undefined\n    },\n    /**\n     * Режим заготовки: отключает анимацию мерцания (для прототипирования).\n     * @en Boilerplate mode: turns the shimmer animation off (for prototyping).\n     */\n    boilerplate: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineThemeProps()\n  },\n  CdsSkeletonLoaderConstants.name\n);\n"],"names":[],"mappings":";;;;;AAQO,MAAM,+BAA+B;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,KAAK;AAAA,MAGpB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,2BAA2B;AAC7B;"}

package/dist/es/src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsSkeletonLoader.types.js","sources":["../../../../../../src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.types.ts"],"sourcesContent":["import type { ExtractPublicPropTypes, VNode } from 'vue';\n\nimport type { defineCdsSkeletonLoaderProps } from './CdsSkeletonLoader.props';\n\ntype CdsSkeletonBone<T> = T | CdsSkeletonBone<T>[];\n\n/** Рекурсивная структура «косточек» (bones) скелета. */\nexport type CdsSkeletonBones = CdsSkeletonBone<VNode>;\n\n/**\n * Карта допустимых типов скелета: имя типа → строковое описание его структуры.\n *\n * Структура читается рекурсивно:\n * - `,` — перечисление вложенных типов (`heading, paragraph`);\n * - `@N` — повторение типа N раз (`text@3`).\n */\nexport const allowedTypes = {\n  actions: 'button@2',\n  article: 'heading, paragraph',\n  avatar: 'avatar',\n  button: 'button',\n  card: 'block, heading',\n  'card-avatar': 'block, list-item-avatar',\n  chip: 'chip',\n  'date-picker': 'date-picker-options, date-picker-days, list-item',\n  'date-picker-options': 'actions',\n  'date-picker-days': 'avatar@42',\n  divider: 'divider',\n  heading: 'heading',\n  block: 'block',\n  'list-item': 'text',\n  'list-item-avatar': 'avatar, text',\n  'list-item-two-line': 'sentences',\n  'list-item-avatar-two-line': 'avatar, sentences',\n  'list-item-three-line': 'paragraph',\n  'list-item-avatar-three-line': 'avatar, paragraph',\n  paragraph: 'text@3',\n  sentences: 'text@2',\n  subtitle: 'text',\n  table: 'table-heading, table-thead, table-tbody, table-tfoot',\n  'table-heading': 'chip, text',\n  'table-thead': 'heading@6',\n  'table-tbody': 'table-row-divider@6',\n  'table-row-divider': 'table-row, divider',\n  'table-row': 'text@6',\n  'table-tfoot': 'text@2, actions',\n  text: 'text'\n} as const;\n\n/** Допустимые типы скелета. */\nexport type CdsSkeletonLoaderType = keyof typeof allowedTypes;\n\nexport interface CdsSkeletonLoaderProps extends ExtractPublicPropTypes<\n  ReturnType<typeof defineCdsSkeletonLoaderProps>\n> {}\n\nexport interface CdsSkeletonLoaderSlots {\n  /** Контент, отображаемый вместо скелета после завершения загрузки. */\n  default?: () => any;\n}\n"],"names":[],"mappings":"AAgBO,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,MAAM;AAAA,EACN,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,6BAA6B;AAAA,EAC7B,wBAAwB;AAAA,EACxB,+BAA+B;AAAA,EAC/B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,MAAM;AACR;"}
+{"version":3,"file":"CdsSkeletonLoader.types.js","sources":["../../../../../../src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.types.ts"],"sourcesContent":["import type { ExtractPublicPropTypes, VNode } from 'vue';\n\nimport type { defineCdsSkeletonLoaderProps } from './CdsSkeletonLoader.props';\n\ntype CdsSkeletonBone<T> = T | CdsSkeletonBone<T>[];\n\n/** Рекурсивная структура «косточек» (bones) скелета. */\nexport type CdsSkeletonBones = CdsSkeletonBone<VNode>;\n\n/**\n * Карта допустимых типов скелета: имя типа → строковое описание его структуры.\n *\n * Структура читается рекурсивно:\n * - `,` — перечисление вложенных типов (`heading, paragraph`);\n * - `@N` — повторение типа N раз (`text@3`).\n */\nexport const allowedTypes = {\n  actions: 'button@2',\n  article: 'heading, paragraph',\n  avatar: 'avatar',\n  button: 'button',\n  card: 'block, heading',\n  'card-avatar': 'block, list-item-avatar',\n  chip: 'chip',\n  'date-picker': 'date-picker-options, date-picker-days, list-item',\n  'date-picker-options': 'actions',\n  'date-picker-days': 'avatar@42',\n  divider: 'divider',\n  heading: 'heading',\n  block: 'block',\n  'list-item': 'text',\n  'list-item-avatar': 'avatar, text',\n  'list-item-two-line': 'sentences',\n  'list-item-avatar-two-line': 'avatar, sentences',\n  'list-item-three-line': 'paragraph',\n  'list-item-avatar-three-line': 'avatar, paragraph',\n  paragraph: 'text@3',\n  sentences: 'text@2',\n  subtitle: 'text',\n  table: 'table-heading, table-thead, table-tbody, table-tfoot',\n  'table-heading': 'chip, text',\n  'table-thead': 'heading@6',\n  'table-tbody': 'table-row-divider@6',\n  'table-row-divider': 'table-row, divider',\n  'table-row': 'text@6',\n  'table-tfoot': 'text@2, actions',\n  text: 'text'\n} as const;\n\n/** Допустимые типы скелета. */\nexport type CdsSkeletonLoaderType = keyof typeof allowedTypes;\n\nexport interface CdsSkeletonLoaderProps extends ExtractPublicPropTypes<\n  ReturnType<typeof defineCdsSkeletonLoaderProps>\n> {}\n\nexport interface CdsSkeletonLoaderSlots {\n  /**\n   * Контент, отображаемый вместо скелета после завершения загрузки.\n   * @en Content rendered instead of the skeleton once the loading is done.\n   */\n  default?: () => any;\n}\n"],"names":[],"mappings":"AAgBO,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,MAAM;AAAA,EACN,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,6BAA6B;AAAA,EAC7B,wBAAwB;AAAA,EACxB,+BAA+B;AAAA,EAC/B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,MAAM;AACR;"}

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

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

@@ -255,17 +255,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       scrollToPosition(newPosition);
     }
     __expose({
-      /** Получить индекс выбранного элемента */
+      /**
+       * Получить индекс выбранного элемента
+       * @en Returns the index of the selected element
+       */
       selected: group.selected,
-      /** Получить скролл элемента */
+      /**
+       * Получить скролл элемента
+       * @en Returns the scroll offset of the element
+       */
       scrollOffset,
-      /** Возвращает значение true, если перед текущим индексом есть элементы. */
+      /**
+       * Возвращает значение true, если перед текущим индексом есть элементы.
+       * @en Returns true if there are elements before the current index.
+       */
       hasPrev,
-      /** Возвращает значение true, если после текущего индекса есть элементы. */
+      /**
+       * Возвращает значение true, если после текущего индекса есть элементы.
+       * @en Returns true if there are elements after the current index.
+       */
       hasNext,
-      /** Зафокусить компонента */
+      /**
+       * Зафокусить компонента
+       * @en Focuses the component
+       */
       focus,
-      /** Проскроллить к элементу по индексу */
+      /**
+       * Проскроллить к элементу по индексу
+       * @en Scrolls to the element by its index
+       */
       scrollTo
     });
     return () => {