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

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

@@ -1 +1 @@
-{"version":3,"file":"CdsInput.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsInput/CdsInput.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsInput.scss';\n\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useDirection } from '@cds/composables/useDirection';\nimport { useRtl } from '@cds/composables/useLocale';\nimport { useSize } from '@cds/composables/useSize';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useValidation } from '@cds/composables/useValidation';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, toRef, unref, useId } from 'vue';\n\nimport { CdsDescription } from '../CdsDescription';\nimport { CdsLabel } from '../CdsLabel';\nimport { CdsMessages } from '../CdsMessages';\nimport { CdsInputConstants } from './api/CdsInput.constants';\nimport { defineCdsInputProps } from './api/CdsInput.props';\nimport type { CdsInputEvents, CdsInputSlot, CdsInputSlots } from './api/CdsInput.types';\nimport { useInputIcon } from './CdsInputIcon';\n\ndefineOptions({\n  name: CdsInputConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsInputProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsInputSlots>();\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { rtlClasses } = useRtl();\nconst { sizeClasses, sizeStyles } = useSize(props);\nconst { directionClasses } = useDirection(props);\n\nconst uid = useId();\nconst id = computed(() => props.id || `input-${uid}`);\nconst size = computed(() => props.size || 'md');\n\nconst hasLabel = toRef(() => !!(props.label || slots.label));\nconst hasDescription = toRef(() => !!(props.description || slots.description));\n\nconst {\n  errorMessages,\n  isDirty,\n  isPure,\n  isDisabled,\n  isReadonly,\n  isValid,\n  isValidating,\n  validationClasses,\n  validate,\n  reset,\n  resetValidation\n} = useValidation(props, CdsInputConstants.rootClass, id);\n\nconst messages = computed(() => {\n  if (props.errorMessages?.length || (!unref(isPure) && unref(errorMessages).length)) {\n    return unref(errorMessages);\n  } else if (props.hint && (props.persistentHint || props.focused)) {\n    return props.hint;\n  } else {\n    return props.messages;\n  }\n});\n\nconst hasMessages = toRef(() => !!slots.messages || (!!unref(messages) && unref(messages)!.length > 0));\n\nconst hasDetails = toRef(\n  () =>\n    (!props.hideDetails && !props.hideMessages) ||\n    (props.hideDetails === 'auto' && (unref(hasMessages) || !!slots.details || !!slots.messages))\n);\n\nconst messagesId = computed(() => (unref(hasDetails) ? `${unref(id)}-messages` : undefined));\n\nconst slotProps = computed<CdsInputSlot>(() => ({\n  id,\n  messagesId,\n  isDirty,\n  isDisabled,\n  isReadonly,\n  isPure,\n  isValid,\n  isValidating,\n  hasDetails,\n  size,\n  reset,\n  resetValidation,\n  validate\n}));\n\nconst color = toRef(() => {\n  return props.error || props.disabled ? undefined : props.focused ? props.activeColor : props.color;\n});\n\nconst iconColor = toRef(() => {\n  if (!props.iconColor) return undefined;\n\n  return props.iconColor === true ? unref(color) : props.iconColor;\n});\n\nconst { CdsInputIcon } = useInputIcon(props);\n\ndefineRender(() => {\n  const { rootClass } = CdsInputConstants;\n  const hasPrepend = !!(slots.prepend || props.prependIcon);\n  const hasAppend = !!(slots.append || props.appendIcon);\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--focused`]: props.focused,\n          [`${rootClass}--center-affix`]: props.centerAffix\n        },\n        unref(directionClasses),\n        unref(sizeClasses),\n        unref(validationClasses),\n        unref(themeClasses),\n        unref(rtlClasses),\n        props.class\n      )}\n      style={[unref(dimensionStyles), unref(sizeStyles), props.style]}\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        >\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\n      {hasPrepend && (\n        <div key=\"prepend\" class={classNames(`${rootClass}__prepend`)}>\n          {slots.prepend\n            ? slots.prepend(unref(slotProps))\n            : props.prependIcon && (\n                <CdsInputIcon key=\"prepend-icon\" name=\"prepend\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n\n      {slots.default && <div class={classNames(`${rootClass}__control`)}>{slots.default?.(unref(slotProps))}</div>}\n\n      {hasAppend && (\n        <div key=\"append\" class={classNames(`${rootClass}__append`)}>\n          {slots.append\n            ? slots.append(unref(slotProps))\n            : props.appendIcon && (\n                <CdsInputIcon key=\"append-icon\" name=\"append\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n\n      {unref(hasDetails) && (\n        <div id={unref(messagesId)} role=\"alert\" aria-live=\"polite\" class={classNames(`${rootClass}__details`)}>\n          <CdsMessages\n            active={unref(hasMessages)}\n            messages={unref(messages)}\n            v-slots={{ message: slots.message, default: slots.messages }}\n          />\n\n          {slots.details?.(unref(slotProps))}\n        </div>\n      )}\n    </div>\n  );\n});\n\ndefineExpose({\n  /** ID поля ввода */\n  id,\n  /** Является ли поле ввода \"грязным\" */\n  isDirty,\n  /** Является ли поле ввода заблокированным */\n  isDisabled,\n  /** Является ли поле ввода только для чтения */\n  isReadonly,\n  /** Является ли поле ввода \"чистым\" */\n  isPure,\n  /** Является ли поле ввода валидным */\n  isValid,\n  /** Является ли поле ввода в процессе валидации */\n  isValidating,\n  /** Сообщения об ошибках валидации */\n  errorMessages,\n  /** Функция сброса поля ввода в исходное состояние */\n  reset,\n  /** Функция сброса валидации поля ввода */\n  resetValidation,\n  /** Функция валидации поля ввода */\n  validate\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","dimensionStyles","useDimensions","rtlClasses","useRtl","sizeClasses","sizeStyles","useSize","directionClasses","useDirection","uid","useId","id","computed","size","hasLabel","toRef","label","hasDescription","description","errorMessages","isDirty","isPure","isDisabled","isReadonly","isValid","isValidating","validationClasses","validate","reset","resetValidation","useValidation","CdsInputConstants","rootClass","messages","length","unref","hint","persistentHint","focused","hasMessages","hasDetails","hideDetails","hideMessages","details","messagesId","undefined","slotProps","color","error","disabled","activeColor","iconColor","CdsInputIcon","useInputIcon","__expose","hasPrepend","prepend","prependIcon","hasAppend","append","appendIcon","_createVNode","classNames","centerAffix","class","style","CdsLabel","readonly","default","for","CdsDescription","CdsMessages","message"],"mappings":"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"}
+{"version":3,"file":"CdsInput.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsInput/CdsInput.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsInput.scss';\n\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useDirection } from '@cds/composables/useDirection';\nimport { useRtl } from '@cds/composables/useLocale';\nimport { useSize } from '@cds/composables/useSize';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useValidation } from '@cds/composables/useValidation';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, toRef, unref, useId } from 'vue';\n\nimport { CdsDescription } from '../CdsDescription';\nimport { CdsLabel } from '../CdsLabel';\nimport { CdsMessages } from '../CdsMessages';\nimport { CdsInputConstants } from './api/CdsInput.constants';\nimport { defineCdsInputProps } from './api/CdsInput.props';\nimport type { CdsInputEvents, CdsInputSlot, CdsInputSlots } from './api/CdsInput.types';\nimport { useInputIcon } from './CdsInputIcon';\n\ndefineOptions({\n  name: CdsInputConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsInputProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsInputSlots>();\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { rtlClasses } = useRtl();\nconst { sizeClasses, sizeStyles } = useSize(props);\nconst { directionClasses } = useDirection(props);\n\nconst uid = useId();\nconst id = computed(() => props.id || `input-${uid}`);\nconst size = computed(() => props.size || 'md');\n\nconst hasLabel = toRef(() => !!(props.label || slots.label));\nconst hasDescription = toRef(() => !!(props.description || slots.description));\n\nconst {\n  errorMessages,\n  isDirty,\n  isPure,\n  isDisabled,\n  isReadonly,\n  isValid,\n  isValidating,\n  validationClasses,\n  validate,\n  reset,\n  resetValidation\n} = useValidation(props, CdsInputConstants.rootClass, id);\n\nconst messages = computed(() => {\n  if (props.errorMessages?.length || (!unref(isPure) && unref(errorMessages).length)) {\n    return unref(errorMessages);\n  } else if (props.hint && (props.persistentHint || props.focused)) {\n    return props.hint;\n  } else {\n    return props.messages;\n  }\n});\n\nconst hasMessages = toRef(() => !!slots.messages || (!!unref(messages) && unref(messages)!.length > 0));\n\nconst hasDetails = toRef(\n  () =>\n    (!props.hideDetails && !props.hideMessages) ||\n    (props.hideDetails === 'auto' && (unref(hasMessages) || !!slots.details || !!slots.messages))\n);\n\nconst messagesId = computed(() => (unref(hasDetails) ? `${unref(id)}-messages` : undefined));\n\nconst slotProps = computed<CdsInputSlot>(() => ({\n  id,\n  messagesId,\n  isDirty,\n  isDisabled,\n  isReadonly,\n  isPure,\n  isValid,\n  isValidating,\n  hasDetails,\n  size,\n  reset,\n  resetValidation,\n  validate\n}));\n\nconst color = toRef(() => {\n  return props.error || props.disabled ? undefined : props.focused ? props.activeColor : props.color;\n});\n\nconst iconColor = toRef(() => {\n  if (!props.iconColor) return undefined;\n\n  return props.iconColor === true ? unref(color) : props.iconColor;\n});\n\nconst { CdsInputIcon } = useInputIcon(props);\n\ndefineRender(() => {\n  const { rootClass } = CdsInputConstants;\n  const hasPrepend = !!(slots.prepend || props.prependIcon);\n  const hasAppend = !!(slots.append || props.appendIcon);\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--focused`]: props.focused,\n          [`${rootClass}--center-affix`]: props.centerAffix\n        },\n        unref(directionClasses),\n        unref(sizeClasses),\n        unref(validationClasses),\n        unref(themeClasses),\n        unref(rtlClasses),\n        props.class\n      )}\n      style={[unref(dimensionStyles), unref(sizeStyles), props.style]}\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        >\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\n      {hasPrepend && (\n        <div key=\"prepend\" class={classNames(`${rootClass}__prepend`)}>\n          {slots.prepend\n            ? slots.prepend(unref(slotProps))\n            : props.prependIcon && (\n                <CdsInputIcon key=\"prepend-icon\" name=\"prepend\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n\n      {slots.default && <div class={classNames(`${rootClass}__control`)}>{slots.default?.(unref(slotProps))}</div>}\n\n      {hasAppend && (\n        <div key=\"append\" class={classNames(`${rootClass}__append`)}>\n          {slots.append\n            ? slots.append(unref(slotProps))\n            : props.appendIcon && (\n                <CdsInputIcon key=\"append-icon\" name=\"append\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n\n      {unref(hasDetails) && (\n        <div id={unref(messagesId)} role=\"alert\" aria-live=\"polite\" class={classNames(`${rootClass}__details`)}>\n          <CdsMessages\n            active={unref(hasMessages)}\n            messages={unref(messages)}\n            v-slots={{ message: slots.message, default: slots.messages }}\n          />\n\n          {slots.details?.(unref(slotProps))}\n        </div>\n      )}\n    </div>\n  );\n});\n\ndefineExpose({\n  /**\n   * ID поля ввода\n   * @en ID of the input\n   */\n  id,\n  /**\n   * Является ли поле ввода \"грязным\"\n   * @en Whether the input is dirty\n   */\n  isDirty,\n  /**\n   * Является ли поле ввода заблокированным\n   * @en Whether the input is disabled\n   */\n  isDisabled,\n  /**\n   * Является ли поле ввода только для чтения\n   * @en Whether the input is read-only\n   */\n  isReadonly,\n  /**\n   * Является ли поле ввода \"чистым\"\n   * @en Whether the input is pure\n   */\n  isPure,\n  /**\n   * Является ли поле ввода валидным\n   * @en Whether the input is valid\n   */\n  isValid,\n  /**\n   * Является ли поле ввода в процессе валидации\n   * @en Whether the input is being validated\n   */\n  isValidating,\n  /**\n   * Сообщения об ошибках валидации\n   * @en Validation error messages\n   */\n  errorMessages,\n  /**\n   * Функция сброса поля ввода в исходное состояние\n   * @en Resets the input to its initial state\n   */\n  reset,\n  /**\n   * Функция сброса валидации поля ввода\n   * @en Resets the validation of the input\n   */\n  resetValidation,\n  /**\n   * Функция валидации поля ввода\n   * @en Validates the input\n   */\n  validate\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","dimensionStyles","useDimensions","rtlClasses","useRtl","sizeClasses","sizeStyles","useSize","directionClasses","useDirection","uid","useId","id","computed","size","hasLabel","toRef","label","hasDescription","description","errorMessages","isDirty","isPure","isDisabled","isReadonly","isValid","isValidating","validationClasses","validate","reset","resetValidation","useValidation","CdsInputConstants","rootClass","messages","length","unref","hint","persistentHint","focused","hasMessages","hasDetails","hideDetails","hideMessages","details","messagesId","undefined","slotProps","color","error","disabled","activeColor","iconColor","CdsInputIcon","useInputIcon","__expose","hasPrepend","prepend","prependIcon","hasAppend","append","appendIcon","_createVNode","classNames","centerAffix","class","style","CdsLabel","readonly","default","for","CdsDescription","CdsMessages","message"],"mappings":"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"}

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

@@ -12,32 +12,68 @@ import { d as defineColorProps } from "../../../composables/useColor/useColor.js
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsInputProps = propsFactory(
   {
-    /** Уникальный идентификатор компонента */
+    /**
+     * Уникальный идентификатор компонента
+     * @en Unique identifier of the component
+     */
     id: String,
-    /** Текст метки (label) компонента */
+    /**
+     * Текст метки (label) компонента
+     * @en Label text of the component
+     */
     label: String,
-    /** Описание компонента, отображаемое под меткой */
+    /**
+     * Описание компонента, отображаемое под меткой
+     * @en Description of the component, shown under the label
+     */
     description: String,
-    /** Иконка в слоте append после контента */
+    /**
+     * Иконка в слоте append после контента
+     * @en Icon in the append slot, after the content
+     */
     appendIcon: IconValue,
-    /** Иконка в слоте prepend перед контентом */
+    /**
+     * Иконка в слоте prepend перед контентом
+     * @en Icon in the prepend slot, before the content
+     */
     prependIcon: IconValue,
-    /** Цвет иконки. Принимает булево значение или строку с цветом */
+    /**
+     * Цвет иконки. Принимает булево значение или строку с цветом
+     * @en Icon color. Accepts a boolean or a color string
+     */
     iconColor: [Boolean, String],
-    /** Текст подсказки, отображаемый под полем ввода */
+    /**
+     * Текст подсказки, отображаемый под полем ввода
+     * @en Hint text shown under the input
+     */
     hint: String,
-    /** Всегда отображать подсказку, а не только при фокусе */
+    /**
+     * Всегда отображать подсказку, а не только при фокусе
+     * @en Always show the hint, not only on focus
+     */
     persistentHint: Boolean,
-    /** Скрытие блока с деталями (сообщениями и подсказками). При значении 'auto' блок скрывается, если нет сообщений */
+    /**
+     * Скрытие блока с деталями (сообщениями и подсказками). При значении 'auto' блок скрывается, если нет сообщений
+     * @en Hides the details block (messages and hints). With the 'auto' value the block is hidden when there are no messages
+     */
     hideDetails: [Boolean, String],
-    /** Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру. */
+    /**
+     * Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру.
+     * @en Vertically center the appendInner, prependInner, clearIcon and label elements.
+     */
     centerAffix: {
       type: Boolean,
       default: true
     },
-    /** Обработчик клика в слоте prepend */
+    /**
+     * Обработчик клика в слоте prepend
+     * @en Handler for a click in the prepend slot
+     */
     "onClick:prepend": EventProp(),
-    /** Обработчик клика в слоте append */
+    /**
+     * Обработчик клика в слоте append
+     * @en Handler for a click in the append slot
+     */
     "onClick:append": EventProp(),
     ...defineComponentProps(),
     ...defineValidationProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsInput.props.js","sources":["../../../../../../src/components/CdsInput/api/CdsInput.props.ts"],"sourcesContent":["import { defineCdsMessagesProps } from '@cds/components/CdsMessages/api/CdsMessages.props';\nimport { defineSizeProps } from '@cds/composables';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineDirectionProps } from '@cds/composables/useDirection';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineValidationProps } from '@cds/composables/useValidation';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { EventProp, pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsInputConstants } from './CdsInput.constants';\n\nexport const defineCdsInputProps = propsFactory(\n  {\n    /** Уникальный идентификатор компонента */\n    id: String,\n    /** Текст метки (label) компонента */\n    label: String,\n    /** Описание компонента, отображаемое под меткой */\n    description: String,\n    /** Иконка в слоте append после контента */\n    appendIcon: IconValue,\n    /** Иконка в слоте prepend перед контентом */\n    prependIcon: IconValue,\n    /** Цвет иконки. Принимает булево значение или строку с цветом */\n    iconColor: [Boolean, String],\n    /** Текст подсказки, отображаемый под полем ввода */\n    hint: String,\n    /** Всегда отображать подсказку, а не только при фокусе */\n    persistentHint: Boolean,\n    /** Скрытие блока с деталями (сообщениями и подсказками). При значении 'auto' блок скрывается, если нет сообщений */\n    hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n    /** Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру. */\n    centerAffix: {\n      type: Boolean,\n      default: true\n    },\n\n    /** Обработчик клика в слоте prepend */\n    'onClick:prepend': EventProp<[MouseEvent]>(),\n    /** Обработчик клика в слоте append */\n    'onClick:append': EventProp<[MouseEvent]>(),\n\n    ...defineComponentProps(),\n    ...defineValidationProps(),\n    ...defineColorProps(),\n    ...defineSizeProps(),\n    ...defineDirectionProps(),\n    ...pick(defineDimensionsProps(), ['maxWidth', 'minWidth', 'width']),\n    ...pick(defineCdsMessagesProps(), ['messages', 'hideMessages']),\n    ...defineThemeProps()\n  },\n  CdsInputConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAcO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,IAEE,IAAI;AAAA;AAAA,IAEJ,OAAO;AAAA;AAAA,IAEP,aAAa;AAAA;AAAA,IAEb,YAAY;AAAA;AAAA,IAEZ,aAAa;AAAA;AAAA,IAEb,WAAW,CAAC,SAAS,MAAM;AAAA;AAAA,IAE3B,MAAM;AAAA;AAAA,IAEN,gBAAgB;AAAA;AAAA,IAEhB,aAAa,CAAC,SAAS,MAAM;AAAA;AAAA,IAE7B,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAIX,mBAAmB,UAAA;AAAA;AAAA,IAEnB,kBAAkB,UAAA;AAAA,IAElB,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,KAAK,sBAAA,GAAyB,CAAC,YAAY,YAAY,OAAO,CAAC;AAAA,IAClE,GAAG,KAAK,uBAAA,GAA0B,CAAC,YAAY,cAAc,CAAC;AAAA,IAC9D,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;"}
+{"version":3,"file":"CdsInput.props.js","sources":["../../../../../../src/components/CdsInput/api/CdsInput.props.ts"],"sourcesContent":["import { defineCdsMessagesProps } from '@cds/components/CdsMessages/api/CdsMessages.props';\nimport { defineSizeProps } from '@cds/composables';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineDirectionProps } from '@cds/composables/useDirection';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineValidationProps } from '@cds/composables/useValidation';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { EventProp, pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsInputConstants } from './CdsInput.constants';\n\nexport const defineCdsInputProps = propsFactory(\n  {\n    /**\n     * Уникальный идентификатор компонента\n     * @en Unique identifier of the component\n     */\n    id: String,\n    /**\n     * Текст метки (label) компонента\n     * @en Label text of the component\n     */\n    label: String,\n    /**\n     * Описание компонента, отображаемое под меткой\n     * @en Description of the component, shown under the label\n     */\n    description: String,\n    /**\n     * Иконка в слоте append после контента\n     * @en Icon in the append slot, after the content\n     */\n    appendIcon: IconValue,\n    /**\n     * Иконка в слоте prepend перед контентом\n     * @en Icon in the prepend slot, before the content\n     */\n    prependIcon: IconValue,\n    /**\n     * Цвет иконки. Принимает булево значение или строку с цветом\n     * @en Icon color. Accepts a boolean or a color string\n     */\n    iconColor: [Boolean, String],\n    /**\n     * Текст подсказки, отображаемый под полем ввода\n     * @en Hint text shown under the input\n     */\n    hint: String,\n    /**\n     * Всегда отображать подсказку, а не только при фокусе\n     * @en Always show the hint, not only on focus\n     */\n    persistentHint: Boolean,\n    /**\n     * Скрытие блока с деталями (сообщениями и подсказками). При значении 'auto' блок скрывается, если нет сообщений\n     * @en Hides the details block (messages and hints). With the 'auto' value the block is hidden when there are no messages\n     */\n    hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n    /**\n     * Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру.\n     * @en Vertically center the appendInner, prependInner, clearIcon and label elements.\n     */\n    centerAffix: {\n      type: Boolean,\n      default: true\n    },\n\n    /**\n     * Обработчик клика в слоте prepend\n     * @en Handler for a click in the prepend slot\n     */\n    'onClick:prepend': EventProp<[MouseEvent]>(),\n    /**\n     * Обработчик клика в слоте append\n     * @en Handler for a click in the append slot\n     */\n    'onClick:append': EventProp<[MouseEvent]>(),\n\n    ...defineComponentProps(),\n    ...defineValidationProps(),\n    ...defineColorProps(),\n    ...defineSizeProps(),\n    ...defineDirectionProps(),\n    ...pick(defineDimensionsProps(), ['maxWidth', 'minWidth', 'width']),\n    ...pick(defineCdsMessagesProps(), ['messages', 'hideMessages']),\n    ...defineThemeProps()\n  },\n  CdsInputConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAcO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,IAKJ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,WAAW,CAAC,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3B,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhB,aAAa,CAAC,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK7B,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,mBAAmB,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnB,kBAAkB,UAAA;AAAA,IAElB,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,KAAK,sBAAA,GAAyB,CAAC,YAAY,YAAY,OAAO,CAAC;AAAA,IAClE,GAAG,KAAK,uBAAA,GAA0B,CAAC,YAAY,cAAc,CAAC;AAAA,IAC9D,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;"}

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

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

@@ -8,6 +8,10 @@ import { C as CdsLabelConstants } from "./CdsLabel.constants.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsLabelProps = propsFactory(
   {
+    /**
+     * Идентификатор поля, к которому относится подпись — значение HTML-атрибута `for`
+     * @en Identifier of the field the label belongs to — the value of the `for` HTML attribute
+     */
     for: String,
     onClick: EventProp(),
     ...defineTextProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsLabel.props.js","sources":["../../../../../../src/components/CdsLabel/api/CdsLabel.props.ts"],"sourcesContent":["import { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { EventProp } from '@cds/utils';\n\nimport { CdsLabelConstants } from './CdsLabel.constants';\n\nexport const defineCdsLabelProps = propsFactory(\n  {\n    for: String,\n    onClick: EventProp<[MouseEvent]>(),\n\n    ...defineTextProps(),\n    ...defineDisabledProps(),\n    ...defineReadonlyProps(),\n    ...defineSizeProps(),\n    ...defineComponentProps()\n  },\n  CdsLabelConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,sBAAsB;AAAA,EACjC;AAAA,IACE,KAAK;AAAA,IACL,SAAS,UAAA;AAAA,IAET,GAAG,gBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,kBAAkB;AACpB;"}
+{"version":3,"file":"CdsLabel.props.js","sources":["../../../../../../src/components/CdsLabel/api/CdsLabel.props.ts"],"sourcesContent":["import { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { EventProp } from '@cds/utils';\n\nimport { CdsLabelConstants } from './CdsLabel.constants';\n\nexport const defineCdsLabelProps = propsFactory(\n  {\n    /**\n     * Идентификатор поля, к которому относится подпись — значение HTML-атрибута `for`\n     * @en Identifier of the field the label belongs to — the value of the `for` HTML attribute\n     */\n    for: String,\n    onClick: EventProp<[MouseEvent]>(),\n\n    ...defineTextProps(),\n    ...defineDisabledProps(),\n    ...defineReadonlyProps(),\n    ...defineSizeProps(),\n    ...defineComponentProps()\n  },\n  CdsLabelConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,KAAK;AAAA,IACL,SAAS,UAAA;AAAA,IAET,GAAG,gBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,kBAAkB;AACpB;"}

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

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

@@ -4,7 +4,10 @@ import { C as CdsLayoutConstants } from "./CdsLayout.constants.js";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsLayoutProps = propsFactory(
   {
-    /** Контейнерный режим: макет скроллится внутри себя, а не страницы. */
+    /**
+     * Контейнерный режим: макет скроллится внутри себя, а не страницы.
+     * @en Container mode: the layout scrolls inside itself instead of scrolling the page.
+     */
     container: {
       type: Boolean,
       default: false
@@ -12,6 +15,7 @@ const defineCdsLayoutProps = propsFactory(
     /**
      * Схема макета из трёх строк: верх (header), середина (left-page-right),
      * низ (footer). Например `'hhh lpr fff'`.
+     * @en Layout scheme of three strings: top (header), middle (left-page-right), bottom (footer). For example `'hhh lpr fff'`.
      */
     view: {
       type: String,

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

@@ -1 +1 @@
-{"version":3,"file":"CdsLayout.props.js","sources":["../../../../../../src/components/CdsLayout/api/CdsLayout.props.ts"],"sourcesContent":["import { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsLayoutConstants } from './CdsLayout.constants';\n\nexport const defineCdsLayoutProps = propsFactory(\n  {\n    /** Контейнерный режим: макет скроллится внутри себя, а не страницы. */\n    container: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Схема макета из трёх строк: верх (header), середина (left-page-right),\n     * низ (footer). Например `'hhh lpr fff'`.\n     */\n    view: {\n      type: String as PropType<string>,\n      default: 'hhh lpr fff',\n      validator: (value: string) => /^(h|l)h(h|r) lpr (f|l)f(f|r)$/.test(value.toLowerCase())\n    },\n    ...defineThemeProps(),\n    ...defineComponentProps()\n  },\n  CdsLayoutConstants.name\n);\n"],"names":[],"mappings":";;;;AAMO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,IAEE,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAkB,gCAAgC,KAAK,MAAM,aAAa;AAAA,IAAA;AAAA,IAExF,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,mBAAmB;AACrB;"}
+{"version":3,"file":"CdsLayout.props.js","sources":["../../../../../../src/components/CdsLayout/api/CdsLayout.props.ts"],"sourcesContent":["import { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsLayoutConstants } from './CdsLayout.constants';\n\nexport const defineCdsLayoutProps = propsFactory(\n  {\n    /**\n     * Контейнерный режим: макет скроллится внутри себя, а не страницы.\n     * @en Container mode: the layout scrolls inside itself instead of scrolling the page.\n     */\n    container: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Схема макета из трёх строк: верх (header), середина (left-page-right),\n     * низ (footer). Например `'hhh lpr fff'`.\n     * @en Layout scheme of three strings: top (header), middle (left-page-right), bottom (footer). For example `'hhh lpr fff'`.\n     */\n    view: {\n      type: String as PropType<string>,\n      default: 'hhh lpr fff',\n      validator: (value: string) => /^(h|l)h(h|r) lpr (f|l)f(f|r)$/.test(value.toLowerCase())\n    },\n    ...defineThemeProps(),\n    ...defineComponentProps()\n  },\n  CdsLayoutConstants.name\n);\n"],"names":[],"mappings":";;;;AAMO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAkB,gCAAgC,KAAK,MAAM,aAAa;AAAA,IAAA;AAAA,IAExF,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,mBAAmB;AACrB;"}

package/dist/es/src/components/CdsLink/CdsLink.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-link {
     color: rgb(var(--cds-color-content-link));

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

@@ -6,7 +6,10 @@ import { C as CdsLinkConstants } from "./CdsLink.constants.js";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsLinkProps = propsFactory(
   {
-    /** Отключает ссылку: навигация не выполняется, проставляются aria-disabled и tabindex=-1 */
+    /**
+     * Отключает ссылку: навигация не выполняется, проставляются aria-disabled и tabindex=-1
+     * @en Disables the link: no navigation happens, aria-disabled and tabindex=-1 are set
+     */
     disabled: {
       type: Boolean,
       default: void 0

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

@@ -1 +1 @@
-{"version":3,"file":"CdsLink.props.js","sources":["../../../../../../src/components/CdsLink/api/CdsLink.props.ts"],"sourcesContent":["import { defineRouterProps } from '@cds/composables/useRouter/useRouter';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsLinkConstants } from './CdsLink.constants';\n\nexport const defineCdsLinkProps = propsFactory(\n  {\n    /** Отключает ссылку: навигация не выполняется, проставляются aria-disabled и tabindex=-1 */\n    disabled: {\n      type: Boolean as PropType<boolean>,\n      default: undefined\n    },\n\n    ...defineComponentProps(),\n    ...defineTextProps(),\n    ...defineRouterProps(),\n    ...defineThemeProps()\n  },\n  CdsLinkConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA,IAEE,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,iBAAiB;AACnB;"}
+{"version":3,"file":"CdsLink.props.js","sources":["../../../../../../src/components/CdsLink/api/CdsLink.props.ts"],"sourcesContent":["import { defineRouterProps } from '@cds/composables/useRouter/useRouter';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsLinkConstants } from './CdsLink.constants';\n\nexport const defineCdsLinkProps = propsFactory(\n  {\n    /**\n     * Отключает ссылку: навигация не выполняется, проставляются aria-disabled и tabindex=-1\n     * @en Disables the link: no navigation happens, aria-disabled and tabindex=-1 are set\n     */\n    disabled: {\n      type: Boolean as PropType<boolean>,\n      default: undefined\n    },\n\n    ...defineComponentProps(),\n    ...defineTextProps(),\n    ...defineRouterProps(),\n    ...defineThemeProps()\n  },\n  CdsLinkConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,iBAAiB;AACnB;"}

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

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

@@ -3,7 +3,7 @@ import { b as useNested } from "../../composables/useNested/useNested.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
-import { C as CdsListConstants } from "./api/CdsList.constants.js";
+import { c as CdsListConstants } from "./api/CdsList.constants.js";
 import { b as defineCdsListProps } from "./api/CdsList.props.js";
 import { _ as _sfc_main$1 } from "./components/ListChildren.vue_vue_type_script_setup_true_lang.js";
 import { p as provideList, c as createList } from "./composables/useList.js";
@@ -99,17 +99,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       /** Текущий индекс клавиатурной навигации */
       navigationIndex,
-      /** Карта дочерних элементов по идентификаторам родителей */
+      /**
+       * Карта дочерних элементов по идентификаторам родителей
+       * @en Map of child items keyed by the identifiers of their parents
+       */
       children,
-      /** Карта родительских элементов по идентификаторам дочерних */
+      /**
+       * Карта родительских элементов по идентификаторам дочерних
+       * @en Map of parent items keyed by the identifiers of their children
+       */
       parents,
-      /** Возвращает путь (массив идентификаторов) до элемента по его id */
+      /**
+       * Возвращает путь (массив идентификаторов) до элемента по его id
+       * @en Returns the path (an array of identifiers) to an item by its id
+       */
       getPath,
-      /** Раскрывает или сворачивает группу по её идентификатору */
+      /**
+       * Раскрывает или сворачивает группу по её идентификатору
+       * @en Expands or collapses a group by its identifier
+       */
       open,
-      /** Выбирает или снимает выбор с элемента по его идентификатору */
+      /**
+       * Выбирает или снимает выбор с элемента по его идентификатору
+       * @en Selects or deselects an item by its identifier
+       */
       select,
-      /** Устанавливает фокус на элемент списка (по индексу или ключевому слову: `next`, `prev`, `first`, `last`) */
+      /**
+       * Устанавливает фокус на элемент списка (по индексу или ключевому слову: `next`, `prev`, `first`, `last`)
+       * @en Moves the focus to a list item (by index or by a keyword: `next`, `prev`, `first`, `last`)
+       */
       focus
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsList.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsList.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsList.scss';\n\nimport { useBackgroundColor } from '@cds/composables/useColor';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useNested } from '@cds/composables/useNested';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { provideDefaults, useDefaults } from '@cds/core';\nimport { classNames, convertToUnit } from '@cds/utils';\nimport { toRef, unref, useAttrs, useId, watch } from 'vue';\n\nimport { CdsListConstants } from './api/CdsList.constants';\nimport { defineCdsListProps } from './api/CdsList.props';\nimport type { CdsListEvents, CdsListSlots, ItemType } from './api/CdsList.types';\nimport ListChildren from './components/ListChildren.vue';\nimport { createList, provideList } from './composables/useList';\n\ndefineOptions({\n  name: CdsListConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsListProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsListSlots<ItemType<any>>>(); // @todo generic type needed\nconst attrs = useAttrs();\ndefineEmits([\"update:selected\", \"update:activated\", \"update:opened\", \"update:navigationIndex\", \"click:open\", \"click:activate\", \"click:select\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.bgColor);\nconst { dimensionStyles } = useDimensions(props);\nconst { items, contentRef, navigationIndex, onFocusin, onFocusout, onFocus, onBlur, onKeydown, onMousedown, focus } =\n  provideList(props);\n\nconst uid = useId();\n\nconst { children, open, parents, select, getPath } = useNested(props, {\n  items,\n  returnObject: toRef(() => props.returnObject),\n  scrollToActive: toRef(() => props.navigationStrategy === 'track')\n});\n\nconst lineClasses = toRef(() => (props.lines ? `cds-list--${props.lines}-line` : undefined));\nconst activeColor = toRef(() => props.activeColor);\nconst baseColor = toRef(() => props.baseColor);\nconst color = toRef(() => props.color);\nconst isSelectable = toRef(() => props.selectable || props.activatable);\n\ncreateList({\n  filterable: props.filterable,\n  trackingIndex: navigationIndex,\n  navigationStrategy: toRef(() => props.navigationStrategy),\n  uid\n});\n\nwatch(items, () => {\n  if (props.navigationStrategy === 'track') {\n    navigationIndex.value = -1;\n  }\n});\n\nprovideDefaults({\n  CdsListGroup: {\n    activeColor,\n    baseColor,\n    color,\n    expandIcon: toRef(() => props.expandIcon),\n    collapseIcon: toRef(() => props.collapseIcon)\n  },\n  CdsListItem: {\n    activeClass: toRef(() => props.activeClass),\n    activeColor,\n    baseColor,\n    color,\n    disabled: toRef(() => props.disabled),\n    lines: toRef(() => props.lines),\n    nav: toRef(() => props.nav),\n    slim: toRef(() => props.slim),\n    tabindex: toRef(() => (props.navigationStrategy === 'track' ? -1 : undefined))\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsListConstants;\n  const indent = props.indent ?? (props.prependGap ? Number(props.prependGap) + 24 : undefined);\n  const ariaMultiselectable = unref(isSelectable)\n    ? (attrs.ariaMultiselectable ?? !String(props.selectStrategy).startsWith('single-'))\n    : undefined;\n\n  return (\n    <props.tag\n      ref={contentRef}\n      role={unref(isSelectable) ? 'listbox' : 'list'}\n      tabindex={props.disabled ? -1 : 0}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--disabled`]: props.disabled,\n          [`${rootClass}--nav`]: props.nav,\n          [`${rootClass}--slim`]: props.slim\n        },\n        unref(themeClasses),\n        unref(backgroundColorClasses),\n        unref(lineClasses),\n        props.class\n      )}\n      style={[\n        {\n          [`--${rootClass}-indent`]: convertToUnit(indent),\n          [`--${rootClass}-group-prepend`]: indent ? '0px' : undefined,\n          [`--${rootClass}-prepend-gap`]: convertToUnit(props.prependGap)\n        },\n        unref(backgroundColorStyles),\n        unref(dimensionStyles),\n        props.style\n      ]}\n      aria-activedescendant={\n        props.navigationStrategy === 'track' && unref(navigationIndex) >= 0\n          ? `${rootClass}-item-${uid}-${unref(navigationIndex)}`\n          : undefined\n      }\n      aria-multiselectable={ariaMultiselectable}\n      onFocusin={onFocusin}\n      onFocusout={onFocusout}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeydown={onKeydown}\n      onMousedown={onMousedown}\n    >\n      <ListChildren items={unref(items)} returnObject={props.returnObject} v-slots={slots} />\n    </props.tag>\n  );\n});\n\ndefineExpose({\n  /** Текущий индекс клавиатурной навигации */\n  navigationIndex,\n  /** Карта дочерних элементов по идентификаторам родителей */\n  children,\n  /** Карта родительских элементов по идентификаторам дочерних */\n  parents,\n  /** Возвращает путь (массив идентификаторов) до элемента по его id */\n  getPath,\n  /** Раскрывает или сворачивает группу по её идентификатору */\n  open,\n  /** Выбирает или снимает выбор с элемента по его идентификатору */\n  select,\n  /** Устанавливает фокус на элемент списка (по индексу или ключевому слову: `next`, `prev`, `first`, `last`) */\n  focus\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","themeClasses","provideTheme","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","bgColor","dimensionStyles","useDimensions","items","contentRef","navigationIndex","onFocusin","onFocusout","onFocus","onBlur","onKeydown","onMousedown","focus","provideList","uid","useId","children","open","parents","select","getPath","useNested","returnObject","toRef","scrollToActive","navigationStrategy","lineClasses","lines","undefined","activeColor","baseColor","color","isSelectable","selectable","activatable","createList","filterable","trackingIndex","watch","value","provideDefaults","CdsListGroup","expandIcon","collapseIcon","CdsListItem","activeClass","disabled","nav","slim","tabindex","__expose","rootClass","CdsListConstants","indent","prependGap","Number","ariaMultiselectable","unref","String","selectStrategy","startsWith","_createVNode","tag","classNames","class","convertToUnit","style","default","ListChildren"],"mappings":"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"}
+{"version":3,"file":"CdsList.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsList.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsList.scss';\n\nimport { useBackgroundColor } from '@cds/composables/useColor';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useNested } from '@cds/composables/useNested';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { provideDefaults, useDefaults } from '@cds/core';\nimport { classNames, convertToUnit } from '@cds/utils';\nimport { toRef, unref, useAttrs, useId, watch } from 'vue';\n\nimport { CdsListConstants } from './api/CdsList.constants';\nimport { defineCdsListProps } from './api/CdsList.props';\nimport type { CdsListEvents, CdsListSlots, ItemType } from './api/CdsList.types';\nimport ListChildren from './components/ListChildren.vue';\nimport { createList, provideList } from './composables/useList';\n\ndefineOptions({\n  name: CdsListConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsListProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsListSlots<ItemType<any>>>(); // @todo generic type needed\nconst attrs = useAttrs();\ndefineEmits([\"update:selected\", \"update:activated\", \"update:opened\", \"update:navigationIndex\", \"click:open\", \"click:activate\", \"click:select\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.bgColor);\nconst { dimensionStyles } = useDimensions(props);\nconst { items, contentRef, navigationIndex, onFocusin, onFocusout, onFocus, onBlur, onKeydown, onMousedown, focus } =\n  provideList(props);\n\nconst uid = useId();\n\nconst { children, open, parents, select, getPath } = useNested(props, {\n  items,\n  returnObject: toRef(() => props.returnObject),\n  scrollToActive: toRef(() => props.navigationStrategy === 'track')\n});\n\nconst lineClasses = toRef(() => (props.lines ? `cds-list--${props.lines}-line` : undefined));\nconst activeColor = toRef(() => props.activeColor);\nconst baseColor = toRef(() => props.baseColor);\nconst color = toRef(() => props.color);\nconst isSelectable = toRef(() => props.selectable || props.activatable);\n\ncreateList({\n  filterable: props.filterable,\n  trackingIndex: navigationIndex,\n  navigationStrategy: toRef(() => props.navigationStrategy),\n  uid\n});\n\nwatch(items, () => {\n  if (props.navigationStrategy === 'track') {\n    navigationIndex.value = -1;\n  }\n});\n\nprovideDefaults({\n  CdsListGroup: {\n    activeColor,\n    baseColor,\n    color,\n    expandIcon: toRef(() => props.expandIcon),\n    collapseIcon: toRef(() => props.collapseIcon)\n  },\n  CdsListItem: {\n    activeClass: toRef(() => props.activeClass),\n    activeColor,\n    baseColor,\n    color,\n    disabled: toRef(() => props.disabled),\n    lines: toRef(() => props.lines),\n    nav: toRef(() => props.nav),\n    slim: toRef(() => props.slim),\n    tabindex: toRef(() => (props.navigationStrategy === 'track' ? -1 : undefined))\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsListConstants;\n  const indent = props.indent ?? (props.prependGap ? Number(props.prependGap) + 24 : undefined);\n  const ariaMultiselectable = unref(isSelectable)\n    ? (attrs.ariaMultiselectable ?? !String(props.selectStrategy).startsWith('single-'))\n    : undefined;\n\n  return (\n    <props.tag\n      ref={contentRef}\n      role={unref(isSelectable) ? 'listbox' : 'list'}\n      tabindex={props.disabled ? -1 : 0}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--disabled`]: props.disabled,\n          [`${rootClass}--nav`]: props.nav,\n          [`${rootClass}--slim`]: props.slim\n        },\n        unref(themeClasses),\n        unref(backgroundColorClasses),\n        unref(lineClasses),\n        props.class\n      )}\n      style={[\n        {\n          [`--${rootClass}-indent`]: convertToUnit(indent),\n          [`--${rootClass}-group-prepend`]: indent ? '0px' : undefined,\n          [`--${rootClass}-prepend-gap`]: convertToUnit(props.prependGap)\n        },\n        unref(backgroundColorStyles),\n        unref(dimensionStyles),\n        props.style\n      ]}\n      aria-activedescendant={\n        props.navigationStrategy === 'track' && unref(navigationIndex) >= 0\n          ? `${rootClass}-item-${uid}-${unref(navigationIndex)}`\n          : undefined\n      }\n      aria-multiselectable={ariaMultiselectable}\n      onFocusin={onFocusin}\n      onFocusout={onFocusout}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeydown={onKeydown}\n      onMousedown={onMousedown}\n    >\n      <ListChildren items={unref(items)} returnObject={props.returnObject} v-slots={slots} />\n    </props.tag>\n  );\n});\n\ndefineExpose({\n  /** Текущий индекс клавиатурной навигации */\n  navigationIndex,\n  /**\n   * Карта дочерних элементов по идентификаторам родителей\n   * @en Map of child items keyed by the identifiers of their parents\n   */\n  children,\n  /**\n   * Карта родительских элементов по идентификаторам дочерних\n   * @en Map of parent items keyed by the identifiers of their children\n   */\n  parents,\n  /**\n   * Возвращает путь (массив идентификаторов) до элемента по его id\n   * @en Returns the path (an array of identifiers) to an item by its id\n   */\n  getPath,\n  /**\n   * Раскрывает или сворачивает группу по её идентификатору\n   * @en Expands or collapses a group by its identifier\n   */\n  open,\n  /**\n   * Выбирает или снимает выбор с элемента по его идентификатору\n   * @en Selects or deselects an item by its identifier\n   */\n  select,\n  /**\n   * Устанавливает фокус на элемент списка (по индексу или ключевому слову: `next`, `prev`, `first`, `last`)\n   * @en Moves the focus to a list item (by index or by a keyword: `next`, `prev`, `first`, `last`)\n   */\n  focus\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","themeClasses","provideTheme","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","bgColor","dimensionStyles","useDimensions","items","contentRef","navigationIndex","onFocusin","onFocusout","onFocus","onBlur","onKeydown","onMousedown","focus","provideList","uid","useId","children","open","parents","select","getPath","useNested","returnObject","toRef","scrollToActive","navigationStrategy","lineClasses","lines","undefined","activeColor","baseColor","color","isSelectable","selectable","activatable","createList","filterable","trackingIndex","watch","value","provideDefaults","CdsListGroup","expandIcon","collapseIcon","CdsListItem","activeClass","disabled","nav","slim","tabindex","__expose","rootClass","CdsListConstants","indent","prependGap","Number","ariaMultiselectable","unref","String","selectStrategy","startsWith","_createVNode","tag","classNames","class","convertToUnit","style","default","ListChildren"],"mappings":"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"}

package/dist/es/src/components/CdsList/CdsListGroup.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,7 @@ import { M as MaybeTransition } from "../../composables/useTransition/useTransit
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as CdsTransitionExpand } from "../../transitions/index.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
-import { b as CdsListGroupConstants } from "./api/CdsList.constants.js";
+import { a as CdsListGroupConstants } from "./api/CdsList.constants.js";
 import { c as defineCdsListGroupProps } from "./api/CdsList.props.js";
 import { _ as _sfc_main$1 } from "./CdsListSubheader.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$2 } from "./components/ListGroupActivator.vue_vue_type_script_setup_true_lang.js";
@@ -65,7 +65,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       open(!unref(isOpen), e);
     }
     __expose({
-      /** Признак того, что группа раскрыта */
+      /**
+       * Признак того, что группа раскрыта
+       * @en Whether the group is expanded
+       */
       isOpen
     });
     return () => {

package/dist/es/src/components/CdsList/CdsListGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsListGroup.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListGroup.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { useList } from '@cds/components/CdsList/composables/useList';\nimport { CdsNestedSymbol, useNestedItem } from '@cds/composables/useNested';\nimport { useSsrBoot } from '@cds/composables/useSsrBoot';\nimport { MaybeTransition } from '@cds/composables/useTransition';\nimport { useDefaults } from '@cds/core';\nimport { CdsTransitionExpand } from '@cds/transitions';\nimport { classNames } from '@cds/utils';\nimport { computed, inject, toRef, unref } from 'vue';\n\nimport { CdsListGroupConstants } from './api/CdsList.constants';\nimport { defineCdsListGroupProps } from './api/CdsList.props';\nimport type { CdsListGroupSlots } from './api/CdsList.types';\nimport CdsListSubheader from './CdsListSubheader.vue';\nimport ListGroupActivator from './components/ListGroupActivator.vue';\n\ndefineOptions({\n  name: CdsListGroupConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsListGroupProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsListGroupSlots>();\n\nconst list = useList();\nconst { isBooted } = useSsrBoot();\nconst {\n  isOpen,\n  open,\n  id: _id\n} = useNestedItem(\n  () => props.value,\n  () => !!props.disabled,\n  true\n);\nconst id = computed(() => `cds-list-group--id-${String(props.rawId ?? unref(_id))}`);\n\nconst parent = inject(CdsNestedSymbol);\nconst renderWhenClosed = toRef(() => unref(parent?.root?.itemsRegistration) === 'render');\n\nconst activatorProps = computed(() => ({\n  onClick,\n  class: 'cds-list-group__header',\n  id: unref(id)\n}));\n\nconst toggleIcon = computed(() => (unref(isOpen) ? props.collapseIcon : props.expandIcon));\n\nconst activatorDefaults = computed(() => ({\n  CdsListItem: {\n    activeColor: props.activeColor,\n    baseColor: props.baseColor,\n    color: props.color,\n    prependIcon: props.prependIcon || (props.subgroup && unref(toggleIcon)),\n    appendIcon: props.appendIcon || (!props.subgroup && unref(toggleIcon)),\n    title: props.title,\n    value: props.value\n  }\n}));\n\nconst hasSubheader = computed(() => props.subgroup && props.title);\n\nfunction onClick(e: Event) {\n  if (['INPUT', 'TEXTAREA'].includes((e.target as Element)?.tagName)) return;\n  open(!unref(isOpen), e);\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsListGroupConstants;\n\n  return (\n    <props.tag\n      className={classNames(\n        rootClass,\n        {\n          [`${rootClass}--prepend`]: unref(list?.hasPrepend),\n          [`${rootClass}--open`]: unref(isOpen),\n          [`${rootClass}--fluid`]: props.fluid || unref(hasSubheader),\n          [`${rootClass}--subgroup`]: props.subgroup\n        },\n        props.class\n      )}\n      style={props.style}\n    >\n      {unref(hasSubheader) && <CdsListSubheader title={props.title} />}\n\n      {slots.activator && (\n        <CdsDefaultsProvider defaults={unref(activatorDefaults)}>\n          <ListGroupActivator>\n            {slots.activator({ props: unref(activatorProps), isOpen: unref(isOpen) })}\n          </ListGroupActivator>\n        </CdsDefaultsProvider>\n      )}\n\n      <MaybeTransition transition={{ component: CdsTransitionExpand }} disabled={!unref(isBooted)}>\n        {unref(renderWhenClosed) ? (\n          <div\n            v-show={unref(isOpen) || unref(hasSubheader)}\n            role=\"group\"\n            class={classNames(`${rootClass}__items`)}\n            aria-labelledby={unref(id)}\n          >\n            {slots.default?.()}\n          </div>\n        ) : (\n          unref(isOpen) && (\n            <div role=\"group\" class={classNames(`${rootClass}__items`)} aria-labelledby={unref(id)}>\n              {slots.default?.()}\n            </div>\n          )\n        )}\n      </MaybeTransition>\n    </props.tag>\n  );\n});\n\ndefineExpose({\n  /** Признак того, что группа раскрыта */\n  isOpen\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","list","useList","isBooted","useSsrBoot","isOpen","open","id","_id","useNestedItem","value","disabled","computed","String","rawId","unref","parent","inject","CdsNestedSymbol","renderWhenClosed","toRef","root","itemsRegistration","activatorProps","onClick","class","toggleIcon","collapseIcon","expandIcon","activatorDefaults","CdsListItem","activeColor","baseColor","color","prependIcon","subgroup","appendIcon","title","hasSubheader","e","includes","target","tagName","__expose","rootClass","CdsListGroupConstants","_createVNode","tag","classNames","hasPrepend","fluid","style","default","CdsListSubheader","activator","CdsDefaultsProvider","ListGroupActivator","MaybeTransition","component","CdsTransitionExpand","_withDirectives","_vShow"],"mappings":"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"}
+{"version":3,"file":"CdsListGroup.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListGroup.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { useList } from '@cds/components/CdsList/composables/useList';\nimport { CdsNestedSymbol, useNestedItem } from '@cds/composables/useNested';\nimport { useSsrBoot } from '@cds/composables/useSsrBoot';\nimport { MaybeTransition } from '@cds/composables/useTransition';\nimport { useDefaults } from '@cds/core';\nimport { CdsTransitionExpand } from '@cds/transitions';\nimport { classNames } from '@cds/utils';\nimport { computed, inject, toRef, unref } from 'vue';\n\nimport { CdsListGroupConstants } from './api/CdsList.constants';\nimport { defineCdsListGroupProps } from './api/CdsList.props';\nimport type { CdsListGroupSlots } from './api/CdsList.types';\nimport CdsListSubheader from './CdsListSubheader.vue';\nimport ListGroupActivator from './components/ListGroupActivator.vue';\n\ndefineOptions({\n  name: CdsListGroupConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsListGroupProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsListGroupSlots>();\n\nconst list = useList();\nconst { isBooted } = useSsrBoot();\nconst {\n  isOpen,\n  open,\n  id: _id\n} = useNestedItem(\n  () => props.value,\n  () => !!props.disabled,\n  true\n);\nconst id = computed(() => `cds-list-group--id-${String(props.rawId ?? unref(_id))}`);\n\nconst parent = inject(CdsNestedSymbol);\nconst renderWhenClosed = toRef(() => unref(parent?.root?.itemsRegistration) === 'render');\n\nconst activatorProps = computed(() => ({\n  onClick,\n  class: 'cds-list-group__header',\n  id: unref(id)\n}));\n\nconst toggleIcon = computed(() => (unref(isOpen) ? props.collapseIcon : props.expandIcon));\n\nconst activatorDefaults = computed(() => ({\n  CdsListItem: {\n    activeColor: props.activeColor,\n    baseColor: props.baseColor,\n    color: props.color,\n    prependIcon: props.prependIcon || (props.subgroup && unref(toggleIcon)),\n    appendIcon: props.appendIcon || (!props.subgroup && unref(toggleIcon)),\n    title: props.title,\n    value: props.value\n  }\n}));\n\nconst hasSubheader = computed(() => props.subgroup && props.title);\n\nfunction onClick(e: Event) {\n  if (['INPUT', 'TEXTAREA'].includes((e.target as Element)?.tagName)) return;\n  open(!unref(isOpen), e);\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsListGroupConstants;\n\n  return (\n    <props.tag\n      className={classNames(\n        rootClass,\n        {\n          [`${rootClass}--prepend`]: unref(list?.hasPrepend),\n          [`${rootClass}--open`]: unref(isOpen),\n          [`${rootClass}--fluid`]: props.fluid || unref(hasSubheader),\n          [`${rootClass}--subgroup`]: props.subgroup\n        },\n        props.class\n      )}\n      style={props.style}\n    >\n      {unref(hasSubheader) && <CdsListSubheader title={props.title} />}\n\n      {slots.activator && (\n        <CdsDefaultsProvider defaults={unref(activatorDefaults)}>\n          <ListGroupActivator>\n            {slots.activator({ props: unref(activatorProps), isOpen: unref(isOpen) })}\n          </ListGroupActivator>\n        </CdsDefaultsProvider>\n      )}\n\n      <MaybeTransition transition={{ component: CdsTransitionExpand }} disabled={!unref(isBooted)}>\n        {unref(renderWhenClosed) ? (\n          <div\n            v-show={unref(isOpen) || unref(hasSubheader)}\n            role=\"group\"\n            class={classNames(`${rootClass}__items`)}\n            aria-labelledby={unref(id)}\n          >\n            {slots.default?.()}\n          </div>\n        ) : (\n          unref(isOpen) && (\n            <div role=\"group\" class={classNames(`${rootClass}__items`)} aria-labelledby={unref(id)}>\n              {slots.default?.()}\n            </div>\n          )\n        )}\n      </MaybeTransition>\n    </props.tag>\n  );\n});\n\ndefineExpose({\n  /**\n   * Признак того, что группа раскрыта\n   * @en Whether the group is expanded\n   */\n  isOpen\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","list","useList","isBooted","useSsrBoot","isOpen","open","id","_id","useNestedItem","value","disabled","computed","String","rawId","unref","parent","inject","CdsNestedSymbol","renderWhenClosed","toRef","root","itemsRegistration","activatorProps","onClick","class","toggleIcon","collapseIcon","expandIcon","activatorDefaults","CdsListItem","activeColor","baseColor","color","prependIcon","subgroup","appendIcon","title","hasSubheader","e","includes","target","tagName","__expose","rootClass","CdsListGroupConstants","_createVNode","tag","classNames","hasPrepend","fluid","style","default","CdsListSubheader","activator","CdsDefaultsProvider","ListGroupActivator","MaybeTransition","component","CdsTransitionExpand","_withDirectives","_vShow"],"mappings":"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"}

package/dist/es/src/components/CdsList/CdsListItem.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-list-item {
     position: relative;

package/dist/es/src/components/CdsList/CdsListItem.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,7 @@ import { u as useLink } from "../../composables/useRouter/useRouter.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit, _ as keyNames } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
-import { a as CdsListItemConstants, C as CdsListConstants } from "./api/CdsList.constants.js";
+import { b as CdsListItemConstants, c as CdsListConstants } from "./api/CdsList.constants.js";
 import { a as defineCdsListItemProps } from "./api/CdsList.props.js";
 import { _ as _sfc_main$3 } from "./CdsListItemDescription.vue_vue_type_script_lang.js";
 import { _ as _sfc_main$2 } from "./CdsListItemSubtitle.vue_vue_type_script_lang.js";
@@ -151,21 +151,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       /** Уникальный идентификатор элемента во вложенной структуре */
       id: uid,
-      /** Корневой контекст вложенности (root) родительского списка */
+      /**
+       * Корневой контекст вложенности (root) родительского списка
+       * @en Root nesting context of the parent list
+       */
       root,
       /** Контекст ссылки (useLink): href, isActive, navigate и т.д. */
       link,
-      /** Контекст родительского списка (CdsList) */
+      /**
+       * Контекст родительского списка (CdsList)
+       * @en Context of the parent list (CdsList)
+       */
       list,
-      /** Признак того, что элемент находится в активном состоянии */
+      /**
+       * Признак того, что элемент находится в активном состоянии
+       * @en Whether the item is in the active state
+       */
       isActivated,
-      /** Признак того, что элемент является активатором группы */
+      /**
+       * Признак того, что элемент является активатором группы
+       * @en Whether the item is a group activator
+       */
       isGroupActivator,
-      /** Признак того, что элемент выбран */
+      /**
+       * Признак того, что элемент выбран
+       * @en Whether the item is selected
+       */
       isSelected,
-      /** Активирует или деактивирует элемент */
+      /**
+       * Активирует или деактивирует элемент
+       * @en Activates or deactivates the item
+       */
       activate,
-      /** Выбирает или снимает выбор с элемента */
+      /**
+       * Выбирает или снимает выбор с элемента
+       * @en Selects or deselects the item
+       */
       select
     });
     return () => {