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

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

@@ -1,12 +1,15 @@
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 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

@@ -1,6 +1,5 @@
 import { defineComponent, useSlots, useAttrs, useId, toRef, watch, unref, createVNode } from "vue";
 import { b as useNested } from "../../composables/useNested/useNested.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.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";
@@ -8,6 +7,7 @@ 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";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -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

@@ -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

@@ -5,7 +5,6 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { u as useList } from "./composables/useList.js";
 import { a as useNestedItem } from "../../composables/useNested/useNested.js";
 import { u as useLink } from "../../composables/useRouter/useRouter.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.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";
@@ -14,6 +13,7 @@ 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";
 import { _ as _sfc_main$1 } from "./CdsListItemTitle.vue_vue_type_script_lang.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -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 () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsListItem.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListItem.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsListItem.scss';\n\nimport { CdsAvatar } from '@cds/components/CdsAvatar';\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { CdsIcon } from '@cds/components/CdsIcon';\nimport { useList } from '@cds/components/CdsList/composables/useList';\nimport { useBackgroundColor, useTextColor } from '@cds/composables/useColor';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useNestedItem } from '@cds/composables/useNested';\nimport { useLink } from '@cds/composables/useRouter';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames, convertToUnit, keyNames } from '@cds/utils';\nimport { computed, nextTick, onBeforeMount, ref, toDisplayString, toRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsListConstants, CdsListItemConstants } from './api/CdsList.constants';\nimport { defineCdsListItemProps } from './api/CdsList.props';\nimport type { CdsListItemEvents, CdsListItemSlots, ListItemSlot } from './api/CdsList.types';\nimport CdsListItemDescription from './CdsListItemDescription.vue';\nimport CdsListItemSubtitle from './CdsListItemSubtitle.vue';\nimport CdsListItemTitle from './CdsListItemTitle.vue';\n\ndefineOptions({\n  name: CdsListItemConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsListItemProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsListItemSlots>();\nconst emit = defineEmits([\"click\"]);\nconst attrs = useAttrs();\n\nconst list = useList();\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\n\nconst link = useLink(props, attrs);\nconst id = computed(() => (props.value === undefined ? unref(link.href) : props.value));\nconst {\n  activate,\n  isActivated,\n  select,\n  isOpen,\n  isSelected,\n  isIndeterminate,\n  isGroupActivator,\n  root,\n  parent,\n  openOnSelect,\n  scrollToActive,\n  id: uid\n} = useNestedItem(id, () => !!props.disabled, false);\n\nconst isActive = computed(\n  () =>\n    props.active !== false &&\n    (props.active || unref?.(link.isActive) || (unref(root.activatable) ? unref(isActivated) : unref(isSelected)))\n);\nconst isLink = toRef(() => props.link !== false && unref(link.isLink));\nconst isSelectable = computed(\n  () => !!list && (unref(root.selectable) || unref(root.activatable) || props.value != null)\n);\nconst isClickable = computed(\n  () => !props.disabled && props.link !== false && (props.link || unref(link.isClickable) || unref(isSelectable))\n);\nconst isTracked = computed(\n  () =>\n    list &&\n    unref(list.navigationStrategy) === 'track' &&\n    props.index !== undefined &&\n    unref(list.trackingIndex) === props.index\n);\nconst role = computed(() =>\n  list ? (unref(isLink) ? 'link' : unref(isSelectable) ? 'option' : 'listitem') : undefined\n);\nconst ariaSelected = computed(() => {\n  if (!unref(isSelectable)) return undefined;\n  return unref(root.activatable) ? unref(isActivated) : unref(root.selectable) ? unref(isSelected) : unref(isActive);\n});\n\nconst color = toRef(() => props.color ?? props.activeColor);\nconst { textColorStyles, textColorClasses } = useTextColor(() =>\n  unref(isActive) ? (unref(color) ?? props.baseColor) : props.baseColor\n);\nconst { backgroundColorStyles, backgroundColorClasses } = useBackgroundColor(() =>\n  unref(isActive) ? (unref(color) ?? props.baseColor) : props.baseColor\n);\n\nconst rootEl = ref<HTMLElement>();\n\nwatch(\n  () => link.isActive?.value,\n  (val) => {\n    if (!val) return;\n    handleActiveLink();\n  }\n);\nwatch(isActivated, (val) => {\n  if (!val || !scrollToActive) return;\n  unref(rootEl)?.scrollIntoView({ block: 'nearest', behavior: 'instant' });\n});\nwatch(isTracked, (val) => {\n  if (!val) return;\n  unref(rootEl)?.scrollIntoView({ block: 'nearest', behavior: 'instant' });\n});\nonBeforeMount(() => {\n  if (link.isActive?.value) {\n    nextTick(() => handleActiveLink());\n  }\n});\n\nfunction handleActiveLink() {\n  if (parent.value != null) {\n    root.open(parent.value, true);\n  }\n  openOnSelect(true);\n}\n\nconst lineClasses = toRef(() => (props.lines ? `${CdsListItemConstants.rootClass}--${props.lines}-line` : undefined));\n\nconst slotProps = computed(\n  () =>\n    ({\n      isActive: unref(isActive),\n      select,\n      isOpen: unref(isOpen),\n      isSelected: unref(isSelected),\n      isIndeterminate: unref(isIndeterminate),\n      isDisabled: !!props.disabled\n    }) satisfies ListItemSlot\n);\n\nfunction onClick(e: MouseEvent) {\n  emit('click', e);\n  if (['INPUT', 'TEXTAREA'].includes((e.target as Element)?.tagName)) return;\n\n  if (!unref(isClickable)) return;\n\n  link.navigate.value?.(e);\n\n  if (isGroupActivator) return;\n\n  if (unref(root.activatable)) {\n    activate(!unref(isActivated), e);\n  } else if (unref(root.selectable)) {\n    select(!unref(isSelected), e);\n  } else if (props.value != null && !unref(isLink)) {\n    select(!unref(isSelected), e);\n  }\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  const target = e.target as HTMLElement;\n\n  if (['INPUT', 'TEXTAREA'].includes(target.tagName)) return;\n\n  if (e.key === keyNames.enter || (e.key === keyNames.space && !list?.filterable)) {\n    e.preventDefault();\n    e.stopPropagation();\n    e.target!.dispatchEvent(new MouseEvent('click', e));\n  }\n}\n\ndefineRender(() => {\n  const Tag = unref(isLink) ? 'a' : props.tag;\n  const { rootClass } = CdsListItemConstants;\n\n  const hasTitle = slots.title || props.title != null;\n  const hasSubtitle = slots.subtitle || props.subtitle != null;\n  const hasDescription = slots.description || props.description != null;\n  const hasAppendMedia = !!(props.appendAvatar || props.appendIcon);\n  const hasAppend = !!(hasAppendMedia || slots.append);\n  const hasPrependMedia = !!(props.prependAvatar || props.prependIcon);\n  const hasPrepend = !!(hasPrependMedia || slots.prepend);\n\n  list?.updateHasPrepend(hasPrepend);\n\n  return (\n    <Tag\n      {...link.linkProps}\n      ref={rootEl}\n      id={props.index !== undefined && list ? `${rootClass}-${list.uid}-${props.index}` : undefined}\n      role={unref(role)}\n      tabindex={props.tabindex ?? (unref(isClickable) ? (list ? -2 : 0) : undefined)}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--active`]: unref(isActive),\n          [`${rootClass}--disabled`]: !!props.disabled,\n          [`${rootClass}--link`]: unref(isClickable),\n          [`${rootClass}--nav`]: props.nav,\n          [`${rootClass}--slim`]: props.slim,\n          [`${rootClass}--focus-visible`]: unref(isTracked),\n          [`${rootClass}--prepend`]: !hasPrepend && unref(list?.hasPrepend),\n          [`${props.activeClass}`]: props.activeClass && unref(isActive)\n        },\n        unref(textColorClasses),\n        unref(backgroundColorClasses),\n        unref(themeClasses),\n        unref(lineClasses),\n        props.class\n      )}\n      style={[\n        {\n          [`--${CdsListConstants.rootClass}-prepend-gap`]: convertToUnit(props.prependGap)\n        },\n        unref(dimensionStyles),\n        unref(textColorStyles),\n        unref(backgroundColorStyles),\n        props.style\n      ]}\n      aria-selected={unref(ariaSelected)}\n      onClick={onClick}\n      onKeydown={unref(isClickable) && !unref(isLink) && onKeyDown}\n    >\n      {hasPrepend && (\n        <div key=\"prepend\" class={classNames(`${rootClass}__prepend`)}>\n          {!slots.prepend ? (\n            <>\n              {props.prependAvatar && <CdsAvatar key=\"prepend-avatar\" image={props.prependAvatar} />}\n              {props.prependIcon && <CdsIcon key=\"prepend-icon\" icon={props.prependIcon} />}\n            </>\n          ) : (\n            <CdsDefaultsProvider\n              key=\"prepend-defaults\"\n              defaults={{\n                CdsAvatar: {\n                  image: props.prependAvatar\n                },\n                CdsIcon: {\n                  icon: props.prependIcon\n                },\n                CdsListItemAction: {\n                  start: true\n                }\n              }}\n            >\n              {slots.prepend?.(unref(slotProps))}\n            </CdsDefaultsProvider>\n          )}\n\n          <div class={classNames(`${rootClass}__spacer`)} />\n        </div>\n      )}\n\n      <div class={classNames(`${rootClass}__content`)} data-no-activator=\"\">\n        {hasTitle && (\n          <CdsListItemTitle key=\"title\">\n            {slots.title?.({ title: props.title }) ?? toDisplayString(props.title)}\n          </CdsListItemTitle>\n        )}\n\n        {hasSubtitle && (\n          <CdsListItemSubtitle key=\"subtitle\">\n            {slots.subtitle?.({ subtitle: props.subtitle }) ?? toDisplayString(props.subtitle)}\n          </CdsListItemSubtitle>\n        )}\n\n        {hasDescription && (\n          <CdsListItemDescription key=\"description\">\n            {slots.description?.({ description: props.description }) ?? toDisplayString(props.description)}\n          </CdsListItemDescription>\n        )}\n\n        {slots.default?.(unref(slotProps))}\n      </div>\n\n      {hasAppend && (\n        <div key=\"append\" class={classNames(`${rootClass}__append`)}>\n          {!slots.append ? (\n            <>\n              {props.appendIcon && <CdsIcon key=\"append-icon\" icon={props.appendIcon} />}\n              {props.appendAvatar && <CdsAvatar key=\"append-avatar\" image={props.appendAvatar} />}\n            </>\n          ) : (\n            <CdsDefaultsProvider\n              key=\"append-defaults\"\n              defaults={{\n                CdsAvatar: {\n                  image: props.appendAvatar\n                },\n                CdsIcon: {\n                  icon: props.appendIcon\n                },\n                CdsListItemAction: {\n                  end: true\n                }\n              }}\n            >\n              {slots.append?.(unref(slotProps))}\n            </CdsDefaultsProvider>\n          )}\n\n          <div class={classNames(`${rootClass}__spacer`)} />\n        </div>\n      )}\n    </Tag>\n  );\n});\n\ndefineExpose({\n  /** Уникальный идентификатор элемента во вложенной структуре */\n  id: uid,\n  /** Корневой контекст вложенности (root) родительского списка */\n  root,\n  /** Контекст ссылки (useLink): href, isActive, navigate и т.д. */\n  link,\n  /** Контекст родительского списка (CdsList) */\n  list,\n  /** Признак того, что элемент находится в активном состоянии */\n  isActivated,\n  /** Признак того, что элемент является активатором группы */\n  isGroupActivator,\n  /** Признак того, что элемент выбран */\n  isSelected,\n  /** Активирует или деактивирует элемент */\n  activate,\n  /** Выбирает или снимает выбор с элемента */\n  select\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","list","useList","themeClasses","provideTheme","dimensionStyles","useDimensions","link","useLink","id","computed","value","undefined","unref","href","activate","isActivated","select","isOpen","isSelected","isIndeterminate","isGroupActivator","root","parent","openOnSelect","scrollToActive","uid","useNestedItem","disabled","isActive","active","activatable","isLink","toRef","isSelectable","selectable","isClickable","isTracked","navigationStrategy","index","trackingIndex","role","ariaSelected","color","activeColor","textColorStyles","textColorClasses","useTextColor","baseColor","backgroundColorStyles","backgroundColorClasses","useBackgroundColor","rootEl","ref","watch","val","handleActiveLink","scrollIntoView","block","behavior","onBeforeMount","nextTick","open","lineClasses","lines","CdsListItemConstants","rootClass","slotProps","isDisabled","onClick","e","includes","target","tagName","navigate","onKeyDown","key","keyNames","enter","space","filterable","preventDefault","stopPropagation","dispatchEvent","MouseEvent","__expose","Tag","tag","hasTitle","title","hasSubtitle","subtitle","hasDescription","description","hasAppendMedia","appendAvatar","appendIcon","hasAppend","append","hasPrependMedia","prependAvatar","prependIcon","hasPrepend","prepend","updateHasPrepend","_createVNode","_mergeProps","linkProps","tabindex","classNames","nav","slim","activeClass","class","CdsListConstants","convertToUnit","prependGap","style","default","_Fragment","CdsAvatar","CdsIcon","CdsDefaultsProvider","image","icon","CdsListItemAction","start","CdsListItemTitle","toDisplayString","CdsListItemSubtitle","CdsListItemDescription","end"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AACd,UAAMC,OAAOC;AACb,UAAMC,QAAQC,SAAQ;AAEtB,UAAMC,OAAOC,QAAO;AACpB,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaX,KAAK;AAC3C,UAAM;AAAA,MAAEY;AAAAA,IAAgB,IAAIC,cAAcb,KAAK;AAE/C,UAAMc,OAAOC,QAAQf,OAAOM,KAAK;AACjC,UAAMU,KAAKC,SAAS,MAAOjB,MAAMkB,UAAUC,SAAYC,MAAMN,KAAKO,IAAI,IAAIrB,MAAMkB,KAAM;AACtF,UAAM;AAAA,MACJI;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAhB,IAAIiB;AAAAA,IACN,IAAIC,cAAclB,IAAI,MAAM,CAAC,CAAChB,MAAMmC,UAAU,KAAK;AAEnD,UAAMC,WAAWnB,SACf,MAAA;;AACEjB,mBAAMqC,WAAW,UAChBrC,MAAMqC,YAAUjB,kCAAQN,KAAKsB,eAAchB,MAAMS,KAAKS,WAAW,IAAIlB,MAAMG,WAAW,IAAIH,MAAMM,UAAU;AAAA,KAC/G;AACA,UAAMa,SAASC,MAAM,MAAMxC,MAAMc,SAAS,SAASM,MAAMN,KAAKyB,MAAM,CAAC;AACrE,UAAME,eAAexB,SACnB,MAAM,CAAC,CAACT,SAASY,MAAMS,KAAKa,UAAU,KAAKtB,MAAMS,KAAKS,WAAW,KAAKtC,MAAMkB,SAAS,KACvF;AACA,UAAMyB,cAAc1B,SAClB,MAAM,CAACjB,MAAMmC,YAAYnC,MAAMc,SAAS,UAAUd,MAAMc,QAAQM,MAAMN,KAAK6B,WAAW,KAAKvB,MAAMqB,YAAY,EAC/G;AACA,UAAMG,YAAY3B,SAChB,MACET,QACAY,MAAMZ,KAAKqC,kBAAkB,MAAM,WACnC7C,MAAM8C,UAAU3B,UAChBC,MAAMZ,KAAKuC,aAAa,MAAM/C,MAAM8C,KACxC;AACA,UAAME,OAAO/B,SAAS,MACpBT,OAAQY,MAAMmB,MAAM,IAAI,SAASnB,MAAMqB,YAAY,IAAI,WAAW,aAActB,MAClF;AACA,UAAM8B,eAAehC,SAAS,MAAM;AAClC,UAAI,CAACG,MAAMqB,YAAY,EAAG,QAAOtB;AACjC,aAAOC,MAAMS,KAAKS,WAAW,IAAIlB,MAAMG,WAAW,IAAIH,MAAMS,KAAKa,UAAU,IAAItB,MAAMM,UAAU,IAAIN,MAAMgB,QAAQ;AAAA,IACnH,CAAC;AAED,UAAMc,QAAQV,MAAM,MAAMxC,MAAMkD,SAASlD,MAAMmD,WAAW;AAC1D,UAAM;AAAA,MAAEC;AAAAA,MAAiBC;AAAAA,QAAqBC,aAAa,MACzDlC,MAAMgB,QAAQ,IAAKhB,MAAM8B,KAAK,KAAKlD,MAAMuD,YAAavD,MAAMuD,SAC9D;AACA,UAAM;AAAA,MAAEC;AAAAA,MAAuBC;AAAAA,QAA2BC,mBAAmB,MAC3EtC,MAAMgB,QAAQ,IAAKhB,MAAM8B,KAAK,KAAKlD,MAAMuD,YAAavD,MAAMuD,SAC9D;AAEA,UAAMI,SAASC,IAAG;AAElBC,UACE,MAAA;;AAAM/C,wBAAKsB,aAALtB,mBAAeI;AAAAA,OACpB4C,SAAQ;AACP,UAAI,CAACA,IAAK;AACVC,uBAAgB;AAAA,IAClB,CACF;AACAF,UAAMtC,aAAcuC,SAAQ;;AAC1B,UAAI,CAACA,OAAO,CAAC9B,eAAgB;AAC7BZ,kBAAMuC,MAAM,MAAZvC,mBAAe4C,eAAe;AAAA,QAAEC,OAAO;AAAA,QAAWC,UAAU;AAAA,MAAU;AAAA,IACxE,CAAC;AACDL,UAAMjB,WAAYkB,SAAQ;;AACxB,UAAI,CAACA,IAAK;AACV1C,kBAAMuC,MAAM,MAAZvC,mBAAe4C,eAAe;AAAA,QAAEC,OAAO;AAAA,QAAWC,UAAU;AAAA,MAAU;AAAA,IACxE,CAAC;AACDC,kBAAc,MAAM;;AAClB,WAAIrD,UAAKsB,aAALtB,mBAAeI,OAAO;AACxBkD,iBAAS,MAAML,kBAAkB;AAAA,MACnC;AAAA,IACF,CAAC;AAED,aAASA,mBAAmB;AAC1B,UAAIjC,OAAOZ,SAAS,MAAM;AACxBW,aAAKwC,KAAKvC,OAAOZ,OAAO,IAAI;AAAA,MAC9B;AACAa,mBAAa,IAAI;AAAA,IACnB;AAEA,UAAMuC,cAAc9B,MAAM,MAAOxC,MAAMuE,QAAQ,GAAGC,qBAAqBC,SAAS,KAAKzE,MAAMuE,KAAK,UAAUpD,MAAU;AAEpH,UAAMuD,YAAYzD,SAChB,OACG;AAAA,MACCmB,UAAUhB,MAAMgB,QAAQ;AAAA,MACxBZ;AAAAA,MACAC,QAAQL,MAAMK,MAAM;AAAA,MACpBC,YAAYN,MAAMM,UAAU;AAAA,MAC5BC,iBAAiBP,MAAMO,eAAe;AAAA,MACtCgD,YAAY,CAAC,CAAC3E,MAAMmC;AAAAA,IACtB,EACJ;AAEA,aAASyC,QAAQC,GAAe;;AAC9BzE,WAAK,SAASyE,CAAC;AACf,UAAI,CAAC,SAAS,UAAU,EAAEC,UAAUD,OAAEE,WAAFF,mBAAsBG,OAAO,EAAG;AAEpE,UAAI,CAAC5D,MAAMuB,WAAW,EAAG;AAEzB7B,uBAAKmE,UAAS/D,UAAdJ,4BAAsB+D;AAEtB,UAAIjD,iBAAkB;AAEtB,UAAIR,MAAMS,KAAKS,WAAW,GAAG;AAC3BhB,iBAAS,CAACF,MAAMG,WAAW,GAAGsD,CAAC;AAAA,MACjC,WAAWzD,MAAMS,KAAKa,UAAU,GAAG;AACjClB,eAAO,CAACJ,MAAMM,UAAU,GAAGmD,CAAC;AAAA,MAC9B,WAAW7E,MAAMkB,SAAS,QAAQ,CAACE,MAAMmB,MAAM,GAAG;AAChDf,eAAO,CAACJ,MAAMM,UAAU,GAAGmD,CAAC;AAAA,MAC9B;AAAA,IACF;AAEA,aAASK,UAAUL,GAAkB;AACnC,YAAME,SAASF,EAAEE;AAEjB,UAAI,CAAC,SAAS,UAAU,EAAED,SAASC,OAAOC,OAAO,EAAG;AAEpD,UAAIH,EAAEM,QAAQC,SAASC,SAAUR,EAAEM,QAAQC,SAASE,SAAS,EAAC9E,6BAAM+E,aAAa;AAC/EV,UAAEW,eAAc;AAChBX,UAAEY,gBAAe;AACjBZ,UAAEE,OAAQW,cAAc,IAAIC,WAAW,SAASd,CAAC,CAAC;AAAA,MACpD;AAAA,IACF;AA2IAe,aAAa;AAAA;AAAA,MAEX5E,IAAIiB;AAAAA;AAAAA,MAEJJ;AAAAA;AAAAA,MAEAf;AAAAA;AAAAA,MAEAN;AAAAA;AAAAA,MAEAe;AAAAA;AAAAA,MAEAK;AAAAA;AAAAA,MAEAF;AAAAA;AAAAA,MAEAJ;AAAAA;AAAAA,MAEAE;AAAAA,IACF,CAAC;WA5JY,MAAM;AACjB,YAAMqE,MAAMzE,MAAMmB,MAAM,IAAI,MAAMvC,MAAM8F;AACxC,YAAM;AAAA,QAAErB;AAAAA,MAAU,IAAID;AAEtB,YAAMuB,WAAW7F,MAAM8F,SAAShG,MAAMgG,SAAS;AAC/C,YAAMC,cAAc/F,MAAMgG,YAAYlG,MAAMkG,YAAY;AACxD,YAAMC,iBAAiBjG,MAAMkG,eAAepG,MAAMoG,eAAe;AACjE,YAAMC,iBAAiB,CAAC,EAAErG,MAAMsG,gBAAgBtG,MAAMuG;AACtD,YAAMC,YAAY,CAAC,EAAEH,kBAAkBnG,MAAMuG;AAC7C,YAAMC,kBAAkB,CAAC,EAAE1G,MAAM2G,iBAAiB3G,MAAM4G;AACxD,YAAMC,aAAa,CAAC,EAAEH,mBAAmBxG,MAAM4G;AAE/CtG,mCAAMuG,iBAAiBF;AAEvB,aAAAG,YAAAnB,KAAAoB,WAEQnG,KAAKoG,WAAS;AAAA,QAAA,OACbvD;AAAAA,QAAM,MACP3D,MAAM8C,UAAU3B,UAAaX,OAAO,GAAGiE,SAAS,IAAIjE,KAAKyB,GAAG,IAAIjC,MAAM8C,KAAK,KAAK3B;AAAAA,QAAS,QACvFC,MAAM4B,IAAI;AAAA,QAAC,YACPhD,MAAMmH,aAAa/F,MAAMuB,WAAW,IAAKnC,OAAO,KAAK,IAAKW;AAAAA,QAAU,SACvEiG,WACL3C,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,UAAU,GAAGrD,MAAMgB,QAAQ;AAAA,UACxC,CAAC,GAAGqC,SAAS,YAAY,GAAG,CAAC,CAACzE,MAAMmC;AAAAA,UACpC,CAAC,GAAGsC,SAAS,QAAQ,GAAGrD,MAAMuB,WAAW;AAAA,UACzC,CAAC,GAAG8B,SAAS,OAAO,GAAGzE,MAAMqH;AAAAA,UAC7B,CAAC,GAAG5C,SAAS,QAAQ,GAAGzE,MAAMsH;AAAAA,UAC9B,CAAC,GAAG7C,SAAS,iBAAiB,GAAGrD,MAAMwB,SAAS;AAAA,UAChD,CAAC,GAAG6B,SAAS,WAAW,GAAG,CAACoC,cAAczF,MAAMZ,6BAAMqG,UAAU;AAAA,UAChE,CAAC,GAAG7G,MAAMuH,WAAW,EAAE,GAAGvH,MAAMuH,eAAenG,MAAMgB,QAAQ;AAAA,WAE/DhB,MAAMiC,gBAAgB,GACtBjC,MAAMqC,sBAAsB,GAC5BrC,MAAMV,YAAY,GAClBU,MAAMkD,WAAW,GACjBtE,MAAMwH,KACR;AAAA,QAAC,SACM,CACL;AAAA,UACE,CAAC,KAAKC,iBAAiBhD,SAAS,cAAc,GAAGiD,cAAc1H,MAAM2H,UAAU;AAAA,QACjF,GACAvG,MAAMR,eAAe,GACrBQ,MAAMgC,eAAe,GACrBhC,MAAMoC,qBAAqB,GAC3BxD,MAAM4H,KAAI;AAAA,QACX,iBACcxG,MAAM6B,YAAY;AAAA,QAAC,WACzB2B;AAAAA,QAAO,aACLxD,MAAMuB,WAAW,KAAK,CAACvB,MAAMmB,MAAM,KAAK2C;AAAAA,MAAS,CAAA,GAAA;AAAA,QAAA2C,SAAAA,MAAAA;;AAAA,kBAE3DhB,cAAUG,YAAA,OAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SACiBI,WAAW,GAAG3C,SAAS,WAAW;AAAA,UAAC,GAAA,CAC1D,CAACvE,MAAM4G,UAAOE,YAAAc,UAAA,MAAA,CAEV9H,MAAM2G,iBAAaK,YAAAe,WAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SAA2C/H,MAAM2G;AAAAA,UAAa,GAAA,IAAA,GACjF3G,MAAM4G,eAAWI,YAAAgB,SAAA;AAAA,YAAA,OAAA;AAAA,YAAA,QAAsChI,MAAM4G;AAAAA,aAAW,IAAA,CAAI,CAAA,IAAAI,YAAAiB,qBAAA;AAAA,YAAA,OAAA;AAAA,YAAA,YAKnE;AAAA,cACRF,WAAW;AAAA,gBACTG,OAAOlI,MAAM2G;AAAAA;cAEfqB,SAAS;AAAA,gBACPG,MAAMnI,MAAM4G;AAAAA;cAEdwB,mBAAmB;AAAA,gBACjBC,OAAO;AAAA,cACT;AAAA,YACF;AAAA,UAAC,GAAA;AAAA,YAAAR,SAAAA,MAAAA;;AAAA,uBAEA3H,MAAAA,MAAM4G,YAAN5G,gBAAAA,IAAAA,YAAgBkB,MAAMsD,SAAS,EAAE;AAAA;AAAA,UAAA,CAAA,GAErCsC,YAAA,OAAA;AAAA,YAAA,SAEWI,WAAW,GAAG3C,SAAS,UAAU;AAAA,UAAC,GAAA,IAAA,CAAA,CAAA,GAEjDuC,YAAA,OAAA;AAAA,YAAA,SAEWI,WAAW,GAAG3C,SAAS,WAAW;AAAA,YAAC,qBAAA;AAAA,UAAA,GAAA,CAC5CsB,YAAQiB,YAAAsB,aAAA;AAAA,YAAA,OAAA;AAAA,UAAA,GAAA;AAAA,YAAAT,SAAAA,MAAAA;;AAAA,wBAEJ3H,MAAAA,MAAM8F,UAAN9F,gBAAAA,IAAAA,YAAc;AAAA,gBAAE8F,OAAOhG,MAAMgG;AAAAA,cAAM,OAAMuC,gBAAgBvI,MAAMgG,KAAK,CAAC;AAAA;AAAA,UAAA,CAAA,GAIzEC,eAAWe,YAAAwB,aAAA;AAAA,YAAA,OAAA;AAAA,UAAA,GAAA;AAAA,YAAAX,SAAAA,MAAAA;;AAAA,wBAEP3H,MAAAA,MAAMgG,aAANhG,gBAAAA,IAAAA,YAAiB;AAAA,gBAAEgG,UAAUlG,MAAMkG;AAAAA,cAAS,OAAMqC,gBAAgBvI,MAAMkG,QAAQ,CAAC;AAAA;AAAA,UAAA,CAAA,GAIrFC,kBAAca,YAAAyB,aAAA;AAAA,YAAA,OAAA;AAAA,UAAA,GAAA;AAAA,YAAAZ,SAAAA,MAAAA;;AAAA,wBAEV3H,MAAAA,MAAMkG,gBAANlG,gBAAAA,IAAAA,YAAoB;AAAA,gBAAEkG,aAAapG,MAAMoG;AAAAA,cAAY,OAAMmC,gBAAgBvI,MAAMoG,WAAW,CAAC;AAAA;AAAA,UAAA,CAAA,IAIjGlG,WAAM2H,YAAN3H,+BAAgBkB,MAAMsD,SAAS,EAAE,CAAA,GAGnC8B,aAASQ,YAAA,OAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SACiBI,WAAW,GAAG3C,SAAS,UAAU;AAAA,UAAC,GAAA,CACxD,CAACvE,MAAMuG,SAAMO,YAAAc,UAAA,MAAA,CAET9H,MAAMuG,cAAUS,YAAAgB,SAAA;AAAA,YAAA,OAAA;AAAA,YAAA,QAAqChI,MAAMuG;AAAAA,UAAU,GAAA,IAAA,GACrEvG,MAAMsG,gBAAYU,YAAAe,WAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SAA0C/H,MAAMsG;AAAAA,aAAY,IAAA,CAAI,CAAA,IAAAU,YAAAiB,qBAAA;AAAA,YAAA,OAAA;AAAA,YAAA,YAKzE;AAAA,cACRF,WAAW;AAAA,gBACTG,OAAOlI,MAAMsG;AAAAA;cAEf0B,SAAS;AAAA,gBACPG,MAAMnI,MAAMuG;AAAAA;cAEd6B,mBAAmB;AAAA,gBACjBM,KAAK;AAAA,cACP;AAAA,YACF;AAAA,UAAC,GAAA;AAAA,YAAAb,SAAAA,MAAAA;;AAAA,uBAEA3H,MAAAA,MAAMuG,WAANvG,gBAAAA,IAAAA,YAAekB,MAAMsD,SAAS,EAAE;AAAA;AAAA,UAAA,CAAA,GAEpCsC,YAAA,OAAA;AAAA,YAAA,SAEWI,WAAW,GAAG3C,SAAS,UAAU;AAAA,aAAC,IAAA,CAAA,CAAA,CAEjD;AAAA;AAAA,MAAA,CAAA;AAAA,IAGP;AAAA;;"}
+{"version":3,"file":"CdsListItem.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListItem.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsListItem.scss';\n\nimport { CdsAvatar } from '@cds/components/CdsAvatar';\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { CdsIcon } from '@cds/components/CdsIcon';\nimport { useList } from '@cds/components/CdsList/composables/useList';\nimport { useBackgroundColor, useTextColor } from '@cds/composables/useColor';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useNestedItem } from '@cds/composables/useNested';\nimport { useLink } from '@cds/composables/useRouter';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames, convertToUnit, keyNames } from '@cds/utils';\nimport { computed, nextTick, onBeforeMount, ref, toDisplayString, toRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsListConstants, CdsListItemConstants } from './api/CdsList.constants';\nimport { defineCdsListItemProps } from './api/CdsList.props';\nimport type { CdsListItemEvents, CdsListItemSlots, ListItemSlot } from './api/CdsList.types';\nimport CdsListItemDescription from './CdsListItemDescription.vue';\nimport CdsListItemSubtitle from './CdsListItemSubtitle.vue';\nimport CdsListItemTitle from './CdsListItemTitle.vue';\n\ndefineOptions({\n  name: CdsListItemConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsListItemProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsListItemSlots>();\nconst emit = defineEmits([\"click\"]);\nconst attrs = useAttrs();\n\nconst list = useList();\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\n\nconst link = useLink(props, attrs);\nconst id = computed(() => (props.value === undefined ? unref(link.href) : props.value));\nconst {\n  activate,\n  isActivated,\n  select,\n  isOpen,\n  isSelected,\n  isIndeterminate,\n  isGroupActivator,\n  root,\n  parent,\n  openOnSelect,\n  scrollToActive,\n  id: uid\n} = useNestedItem(id, () => !!props.disabled, false);\n\nconst isActive = computed(\n  () =>\n    props.active !== false &&\n    (props.active || unref?.(link.isActive) || (unref(root.activatable) ? unref(isActivated) : unref(isSelected)))\n);\nconst isLink = toRef(() => props.link !== false && unref(link.isLink));\nconst isSelectable = computed(\n  () => !!list && (unref(root.selectable) || unref(root.activatable) || props.value != null)\n);\nconst isClickable = computed(\n  () => !props.disabled && props.link !== false && (props.link || unref(link.isClickable) || unref(isSelectable))\n);\nconst isTracked = computed(\n  () =>\n    list &&\n    unref(list.navigationStrategy) === 'track' &&\n    props.index !== undefined &&\n    unref(list.trackingIndex) === props.index\n);\nconst role = computed(() =>\n  list ? (unref(isLink) ? 'link' : unref(isSelectable) ? 'option' : 'listitem') : undefined\n);\nconst ariaSelected = computed(() => {\n  if (!unref(isSelectable)) return undefined;\n  return unref(root.activatable) ? unref(isActivated) : unref(root.selectable) ? unref(isSelected) : unref(isActive);\n});\n\nconst color = toRef(() => props.color ?? props.activeColor);\nconst { textColorStyles, textColorClasses } = useTextColor(() =>\n  unref(isActive) ? (unref(color) ?? props.baseColor) : props.baseColor\n);\nconst { backgroundColorStyles, backgroundColorClasses } = useBackgroundColor(() =>\n  unref(isActive) ? (unref(color) ?? props.baseColor) : props.baseColor\n);\n\nconst rootEl = ref<HTMLElement>();\n\nwatch(\n  () => link.isActive?.value,\n  (val) => {\n    if (!val) return;\n    handleActiveLink();\n  }\n);\nwatch(isActivated, (val) => {\n  if (!val || !scrollToActive) return;\n  unref(rootEl)?.scrollIntoView({ block: 'nearest', behavior: 'instant' });\n});\nwatch(isTracked, (val) => {\n  if (!val) return;\n  unref(rootEl)?.scrollIntoView({ block: 'nearest', behavior: 'instant' });\n});\nonBeforeMount(() => {\n  if (link.isActive?.value) {\n    nextTick(() => handleActiveLink());\n  }\n});\n\nfunction handleActiveLink() {\n  if (parent.value != null) {\n    root.open(parent.value, true);\n  }\n  openOnSelect(true);\n}\n\nconst lineClasses = toRef(() => (props.lines ? `${CdsListItemConstants.rootClass}--${props.lines}-line` : undefined));\n\nconst slotProps = computed(\n  () =>\n    ({\n      isActive: unref(isActive),\n      select,\n      isOpen: unref(isOpen),\n      isSelected: unref(isSelected),\n      isIndeterminate: unref(isIndeterminate),\n      isDisabled: !!props.disabled\n    }) satisfies ListItemSlot\n);\n\nfunction onClick(e: MouseEvent) {\n  emit('click', e);\n  if (['INPUT', 'TEXTAREA'].includes((e.target as Element)?.tagName)) return;\n\n  if (!unref(isClickable)) return;\n\n  link.navigate.value?.(e);\n\n  if (isGroupActivator) return;\n\n  if (unref(root.activatable)) {\n    activate(!unref(isActivated), e);\n  } else if (unref(root.selectable)) {\n    select(!unref(isSelected), e);\n  } else if (props.value != null && !unref(isLink)) {\n    select(!unref(isSelected), e);\n  }\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  const target = e.target as HTMLElement;\n\n  if (['INPUT', 'TEXTAREA'].includes(target.tagName)) return;\n\n  if (e.key === keyNames.enter || (e.key === keyNames.space && !list?.filterable)) {\n    e.preventDefault();\n    e.stopPropagation();\n    e.target!.dispatchEvent(new MouseEvent('click', e));\n  }\n}\n\ndefineRender(() => {\n  const Tag = unref(isLink) ? 'a' : props.tag;\n  const { rootClass } = CdsListItemConstants;\n\n  const hasTitle = slots.title || props.title != null;\n  const hasSubtitle = slots.subtitle || props.subtitle != null;\n  const hasDescription = slots.description || props.description != null;\n  const hasAppendMedia = !!(props.appendAvatar || props.appendIcon);\n  const hasAppend = !!(hasAppendMedia || slots.append);\n  const hasPrependMedia = !!(props.prependAvatar || props.prependIcon);\n  const hasPrepend = !!(hasPrependMedia || slots.prepend);\n\n  list?.updateHasPrepend(hasPrepend);\n\n  return (\n    <Tag\n      {...link.linkProps}\n      ref={rootEl}\n      id={props.index !== undefined && list ? `${rootClass}-${list.uid}-${props.index}` : undefined}\n      role={unref(role)}\n      tabindex={props.tabindex ?? (unref(isClickable) ? (list ? -2 : 0) : undefined)}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--active`]: unref(isActive),\n          [`${rootClass}--disabled`]: !!props.disabled,\n          [`${rootClass}--link`]: unref(isClickable),\n          [`${rootClass}--nav`]: props.nav,\n          [`${rootClass}--slim`]: props.slim,\n          [`${rootClass}--focus-visible`]: unref(isTracked),\n          [`${rootClass}--prepend`]: !hasPrepend && unref(list?.hasPrepend),\n          [`${props.activeClass}`]: props.activeClass && unref(isActive)\n        },\n        unref(textColorClasses),\n        unref(backgroundColorClasses),\n        unref(themeClasses),\n        unref(lineClasses),\n        props.class\n      )}\n      style={[\n        {\n          [`--${CdsListConstants.rootClass}-prepend-gap`]: convertToUnit(props.prependGap)\n        },\n        unref(dimensionStyles),\n        unref(textColorStyles),\n        unref(backgroundColorStyles),\n        props.style\n      ]}\n      aria-selected={unref(ariaSelected)}\n      onClick={onClick}\n      onKeydown={unref(isClickable) && !unref(isLink) && onKeyDown}\n    >\n      {hasPrepend && (\n        <div key=\"prepend\" class={classNames(`${rootClass}__prepend`)}>\n          {!slots.prepend ? (\n            <>\n              {props.prependAvatar && <CdsAvatar key=\"prepend-avatar\" image={props.prependAvatar} />}\n              {props.prependIcon && <CdsIcon key=\"prepend-icon\" icon={props.prependIcon} />}\n            </>\n          ) : (\n            <CdsDefaultsProvider\n              key=\"prepend-defaults\"\n              defaults={{\n                CdsAvatar: {\n                  image: props.prependAvatar\n                },\n                CdsIcon: {\n                  icon: props.prependIcon\n                },\n                CdsListItemAction: {\n                  start: true\n                }\n              }}\n            >\n              {slots.prepend?.(unref(slotProps))}\n            </CdsDefaultsProvider>\n          )}\n\n          <div class={classNames(`${rootClass}__spacer`)} />\n        </div>\n      )}\n\n      <div class={classNames(`${rootClass}__content`)} data-no-activator=\"\">\n        {hasTitle && (\n          <CdsListItemTitle key=\"title\">\n            {slots.title?.({ title: props.title }) ?? toDisplayString(props.title)}\n          </CdsListItemTitle>\n        )}\n\n        {hasSubtitle && (\n          <CdsListItemSubtitle key=\"subtitle\">\n            {slots.subtitle?.({ subtitle: props.subtitle }) ?? toDisplayString(props.subtitle)}\n          </CdsListItemSubtitle>\n        )}\n\n        {hasDescription && (\n          <CdsListItemDescription key=\"description\">\n            {slots.description?.({ description: props.description }) ?? toDisplayString(props.description)}\n          </CdsListItemDescription>\n        )}\n\n        {slots.default?.(unref(slotProps))}\n      </div>\n\n      {hasAppend && (\n        <div key=\"append\" class={classNames(`${rootClass}__append`)}>\n          {!slots.append ? (\n            <>\n              {props.appendIcon && <CdsIcon key=\"append-icon\" icon={props.appendIcon} />}\n              {props.appendAvatar && <CdsAvatar key=\"append-avatar\" image={props.appendAvatar} />}\n            </>\n          ) : (\n            <CdsDefaultsProvider\n              key=\"append-defaults\"\n              defaults={{\n                CdsAvatar: {\n                  image: props.appendAvatar\n                },\n                CdsIcon: {\n                  icon: props.appendIcon\n                },\n                CdsListItemAction: {\n                  end: true\n                }\n              }}\n            >\n              {slots.append?.(unref(slotProps))}\n            </CdsDefaultsProvider>\n          )}\n\n          <div class={classNames(`${rootClass}__spacer`)} />\n        </div>\n      )}\n    </Tag>\n  );\n});\n\ndefineExpose({\n  /** Уникальный идентификатор элемента во вложенной структуре */\n  id: uid,\n  /**\n   * Корневой контекст вложенности (root) родительского списка\n   * @en Root nesting context of the parent list\n   */\n  root,\n  /** Контекст ссылки (useLink): href, isActive, navigate и т.д. */\n  link,\n  /**\n   * Контекст родительского списка (CdsList)\n   * @en Context of the parent list (CdsList)\n   */\n  list,\n  /**\n   * Признак того, что элемент находится в активном состоянии\n   * @en Whether the item is in the active state\n   */\n  isActivated,\n  /**\n   * Признак того, что элемент является активатором группы\n   * @en Whether the item is a group activator\n   */\n  isGroupActivator,\n  /**\n   * Признак того, что элемент выбран\n   * @en Whether the item is selected\n   */\n  isSelected,\n  /**\n   * Активирует или деактивирует элемент\n   * @en Activates or deactivates the item\n   */\n  activate,\n  /**\n   * Выбирает или снимает выбор с элемента\n   * @en Selects or deselects the item\n   */\n  select\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","list","useList","themeClasses","provideTheme","dimensionStyles","useDimensions","link","useLink","id","computed","value","undefined","unref","href","activate","isActivated","select","isOpen","isSelected","isIndeterminate","isGroupActivator","root","parent","openOnSelect","scrollToActive","uid","useNestedItem","disabled","isActive","active","activatable","isLink","toRef","isSelectable","selectable","isClickable","isTracked","navigationStrategy","index","trackingIndex","role","ariaSelected","color","activeColor","textColorStyles","textColorClasses","useTextColor","baseColor","backgroundColorStyles","backgroundColorClasses","useBackgroundColor","rootEl","ref","watch","val","handleActiveLink","scrollIntoView","block","behavior","onBeforeMount","nextTick","open","lineClasses","lines","CdsListItemConstants","rootClass","slotProps","isDisabled","onClick","e","includes","target","tagName","navigate","onKeyDown","key","keyNames","enter","space","filterable","preventDefault","stopPropagation","dispatchEvent","MouseEvent","__expose","Tag","tag","hasTitle","title","hasSubtitle","subtitle","hasDescription","description","hasAppendMedia","appendAvatar","appendIcon","hasAppend","append","hasPrependMedia","prependAvatar","prependIcon","hasPrepend","prepend","updateHasPrepend","_createVNode","_mergeProps","linkProps","tabindex","classNames","nav","slim","activeClass","class","CdsListConstants","convertToUnit","prependGap","style","default","_Fragment","CdsAvatar","CdsIcon","CdsDefaultsProvider","image","icon","CdsListItemAction","start","CdsListItemTitle","toDisplayString","CdsListItemSubtitle","CdsListItemDescription","end"],"mappings":"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"}

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

@@ -9,9 +9,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "CdsListItemAction",
   props: {
-    /** Размещает действие в начале элемента списка (перед контентом) */
+    /**
+     * Размещает действие в начале элемента списка (перед контентом)
+     * @en Places the action at the start of the list item (before the content)
+     */
     start: Boolean,
-    /** Размещает действие в конце элемента списка (после контента) */
+    /**
+     * Размещает действие в конце элемента списка (после контента)
+     * @en Places the action at the end of the list item (after the content)
+     */
     end: Boolean,
     ...defineComponentProps(),
     ...defineTagProps()

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

@@ -1 +1 @@
-{"version":3,"file":"CdsListItemAction.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListItemAction.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { defineComponentProps, defineTagProps, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\n\nimport { CdsListItemActionConstants } from './api/CdsList.constants';\n\ndefineOptions({\n  name: CdsListItemActionConstants.name\n});\n\nconst _props = defineProps({\n  /** Размещает действие в начале элемента списка (перед контентом) */\n  start: Boolean,\n  /** Размещает действие в конце элемента списка (после контента) */\n  end: Boolean,\n\n  ...defineComponentProps(),\n  ...defineTagProps()\n});\nconst props = useDefaults(_props);\nconst slots = defineSlots<{\n  /** Контент действия по умолчанию */\n  default: () => any;\n}>();\n\ndefineRender(() => {\n  const { rootClass } = CdsListItemActionConstants;\n\n  return (\n    <props.tag\n      className={classNames(\n        rootClass,\n        {\n          [`${rootClass}--start`]: props.start,\n          [`${rootClass}--end`]: props.end\n        },\n        props.class\n      )}\n      style={props.style}\n      v-slots={slots}\n    />\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","rootClass","CdsListItemActionConstants","_createVNode","tag","classNames","start","end","class","style"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,UAAMA,SAASC;AASf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;WAKD,MAAM;AACjB,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIC;AAEtB,aAAAC,YAAAN,MAAAO,KAAA;AAAA,QAAA,aAEeC,WACTJ,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,SAAS,GAAGJ,MAAMS;AAAAA,UAC/B,CAAC,GAAGL,SAAS,OAAO,GAAGJ,MAAMU;AAAAA,QAC/B,GACAV,MAAMW,KACR;AAAA,QAAC,SACMX,MAAMY;AAAAA,MAAK,GACTV,KAAK;AAAA,IAGpB;AAAA;;"}
+{"version":3,"file":"CdsListItemAction.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListItemAction.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { defineComponentProps, defineTagProps, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\n\nimport { CdsListItemActionConstants } from './api/CdsList.constants';\n\ndefineOptions({\n  name: CdsListItemActionConstants.name\n});\n\nconst _props = defineProps({\n  /**\n   * Размещает действие в начале элемента списка (перед контентом)\n   * @en Places the action at the start of the list item (before the content)\n   */\n  start: Boolean,\n  /**\n   * Размещает действие в конце элемента списка (после контента)\n   * @en Places the action at the end of the list item (after the content)\n   */\n  end: Boolean,\n\n  ...defineComponentProps(),\n  ...defineTagProps()\n});\nconst props = useDefaults(_props);\nconst slots = defineSlots<{\n  /**\n   * Контент действия по умолчанию\n   * @en Default content of the action\n   */\n  default: () => any;\n}>();\n\ndefineRender(() => {\n  const { rootClass } = CdsListItemActionConstants;\n\n  return (\n    <props.tag\n      className={classNames(\n        rootClass,\n        {\n          [`${rootClass}--start`]: props.start,\n          [`${rootClass}--end`]: props.end\n        },\n        props.class\n      )}\n      style={props.style}\n      v-slots={slots}\n    />\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","rootClass","CdsListItemActionConstants","_createVNode","tag","classNames","start","end","class","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,SAASC;AAef,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;WAQD,MAAM;AACjB,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIC;AAEtB,aAAAC,YAAAN,MAAAO,KAAA;AAAA,QAAA,aAEeC,WACTJ,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,SAAS,GAAGJ,MAAMS;AAAAA,UAC/B,CAAC,GAAGL,SAAS,OAAO,GAAGJ,MAAMU;AAAAA,QAC/B,GACAV,MAAMW,KACR;AAAA,QAAC,SACMX,MAAMY;AAAAA,MAAK,GACTV,KAAK;AAAA,IAGpB;AAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CdsListItemDivider.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListItemDivider.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsDivider } from '@cds/components';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\n\nimport { CdsListItemDividerConstants } from './api/CdsList.constants';\nimport { defineCdsListItemDividerProps } from './api/CdsList.props';\n\ndefineOptions({\n  name: CdsListItemDividerConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsListItemDividerProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<{ default?: () => any }>();\n\ndefineRender(() => (\n  <CdsDivider {...props} class={classNames(CdsListItemDividerConstants.rootClass, props.class)} v-slots={slots} />\n));\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","_createVNode","CdsDivider","_mergeProps","classNames","CdsListItemDividerConstants","rootClass","class"],"mappings":";;;;;;;;;;;;;;;AAYA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;WAED,MAAAC,YAAAC,YAAAC,WACKN,OAAK;AAAA,MAAA,SAASO,WAAWC,4BAA4BC,WAAWT,MAAMU,KAAK;AAAA,KAAC,GAAWR,KAAK;AAAA;;"}
+{"version":3,"file":"CdsListItemDivider.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListItemDivider.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsDivider } from '@cds/components';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\n\nimport { CdsListItemDividerConstants } from './api/CdsList.constants';\nimport { defineCdsListItemDividerProps } from './api/CdsList.props';\n\ndefineOptions({\n  name: CdsListItemDividerConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsListItemDividerProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<{\n  /**\n   * Текст или контент в разрыве разделителя\n   * @en Text or content placed in the gap of the divider\n   */\n  default?: () => any;\n}>();\n\ndefineRender(() => (\n  <CdsDivider {...props} class={classNames(CdsListItemDividerConstants.rootClass, props.class)} v-slots={slots} />\n));\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","_createVNode","CdsDivider","_mergeProps","classNames","CdsListItemDividerConstants","rootClass","class"],"mappings":";;;;;;;;;;;;;;;AAYA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;WAQD,MAAAC,YAAAC,YAAAC,WACKN,OAAK;AAAA,MAAA,SAASO,WAAWC,4BAA4BC,WAAWT,MAAMU,KAAK;AAAA,KAAC,GAAWR,KAAK;AAAA;;"}

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

@@ -9,9 +9,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "CdsListItemMedia",
   props: {
-    /** Размещает медиа в начале элемента списка (перед контентом) */
+    /**
+     * Размещает медиа в начале элемента списка (перед контентом)
+     * @en Places the media at the start of the list item (before the content)
+     */
     start: Boolean,
-    /** Размещает медиа в конце элемента списка (после контента) */
+    /**
+     * Размещает медиа в конце элемента списка (после контента)
+     * @en Places the media at the end of the list item (after the content)
+     */
     end: Boolean,
     ...defineComponentProps(),
     ...defineTagProps()

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

@@ -1 +1 @@
-{"version":3,"file":"CdsListItemMedia.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListItemMedia.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { defineComponentProps, defineTagProps, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\n\nimport { CdsListItemMediaConstants } from './api/CdsList.constants';\n\ndefineOptions({\n  name: CdsListItemMediaConstants.name\n});\n\nconst _props = defineProps({\n  /** Размещает медиа в начале элемента списка (перед контентом) */\n  start: Boolean,\n  /** Размещает медиа в конце элемента списка (после контента) */\n  end: Boolean,\n\n  ...defineComponentProps(),\n  ...defineTagProps()\n});\nconst props = useDefaults(_props);\nconst slots = defineSlots<{\n  /** Контент медиа по умолчанию */\n  default: () => any;\n}>();\n\ndefineRender(() => {\n  const { rootClass } = CdsListItemMediaConstants;\n\n  return (\n    <props.tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--start`]: props.start,\n          [`${rootClass}--end`]: props.end\n        },\n        props.class\n      )}\n      style={props.style}\n      v-slots={slots}\n    />\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","rootClass","CdsListItemMediaConstants","_createVNode","tag","classNames","start","end","class","style"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,UAAMA,SAASC;AASf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;WAKD,MAAM;AACjB,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIC;AAEtB,aAAAC,YAAAN,MAAAO,KAAA;AAAA,QAAA,SAEWC,WACLJ,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,SAAS,GAAGJ,MAAMS;AAAAA,UAC/B,CAAC,GAAGL,SAAS,OAAO,GAAGJ,MAAMU;AAAAA,QAC/B,GACAV,MAAMW,KACR;AAAA,QAAC,SACMX,MAAMY;AAAAA,MAAK,GACTV,KAAK;AAAA,IAGpB;AAAA;;"}
+{"version":3,"file":"CdsListItemMedia.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListItemMedia.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { defineComponentProps, defineTagProps, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\n\nimport { CdsListItemMediaConstants } from './api/CdsList.constants';\n\ndefineOptions({\n  name: CdsListItemMediaConstants.name\n});\n\nconst _props = defineProps({\n  /**\n   * Размещает медиа в начале элемента списка (перед контентом)\n   * @en Places the media at the start of the list item (before the content)\n   */\n  start: Boolean,\n  /**\n   * Размещает медиа в конце элемента списка (после контента)\n   * @en Places the media at the end of the list item (after the content)\n   */\n  end: Boolean,\n\n  ...defineComponentProps(),\n  ...defineTagProps()\n});\nconst props = useDefaults(_props);\nconst slots = defineSlots<{\n  /**\n   * Контент медиа по умолчанию\n   * @en Default content of the media\n   */\n  default: () => any;\n}>();\n\ndefineRender(() => {\n  const { rootClass } = CdsListItemMediaConstants;\n\n  return (\n    <props.tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--start`]: props.start,\n          [`${rootClass}--end`]: props.end\n        },\n        props.class\n      )}\n      style={props.style}\n      v-slots={slots}\n    />\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","rootClass","CdsListItemMediaConstants","_createVNode","tag","classNames","start","end","class","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,SAASC;AAef,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;WAQD,MAAM;AACjB,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIC;AAEtB,aAAAC,YAAAN,MAAAO,KAAA;AAAA,QAAA,SAEWC,WACLJ,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,SAAS,GAAGJ,MAAMS;AAAAA,UAC/B,CAAC,GAAGL,SAAS,OAAO,GAAGJ,MAAMU;AAAAA,QAC/B,GACAV,MAAMW,KACR;AAAA,QAAC,SACMX,MAAMY;AAAAA,MAAK,GACTV,KAAK;AAAA,IAGpB;AAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CdsListSubheader.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListSubheader.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { useTextColor } from '@cds/composables/useColor';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { unref } from 'vue';\n\nimport { CdsListSubheaderConstants } from './api/CdsList.constants';\nimport { defineCdsListSubheaderProps } from './api/CdsList.props';\n\ndefineOptions({\n  name: CdsListSubheaderConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsListSubheaderProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<{\n  /** Контент подзаголовка по умолчанию (переопределяет проп `title`) */\n  default: () => any;\n}>();\n\nconst { textColorClasses, textColorStyles } = useTextColor(() => props.color);\n\ndefineRender(() => {\n  const hasText = !!(slots.default || props.title);\n  const { rootClass } = CdsListSubheaderConstants;\n\n  return (\n    <props.tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--inset`]: props.inset,\n          [`${rootClass}--sticky`]: props.sticky\n        },\n        unref(textColorClasses),\n        props.class\n      )}\n      style={[unref(textColorStyles), props.style]}\n    >\n      {hasText && <div class={classNames(`${rootClass}__text`)}>{slots.default?.() ?? props.title}</div>}\n    </props.tag>\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","textColorClasses","textColorStyles","useTextColor","color","hasText","default","title","rootClass","CdsListSubheaderConstants","_createVNode","tag","classNames","inset","sticky","unref","class","style"],"mappings":";;;;;;;;;;;;;;;AAaA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAKd,UAAM;AAAA,MAAEC;AAAAA,MAAkBC;AAAAA,IAAgB,IAAIC,aAAa,MAAMN,MAAMO,KAAK;WAE/D,MAAM;AACjB,YAAMC,UAAU,CAAC,EAAEN,MAAMO,WAAWT,MAAMU;AAC1C,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIC;AAEtB,aAAAC,YAAAb,MAAAc,KAAA;AAAA,QAAA,SAEWC,WACLJ,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,SAAS,GAAGX,MAAMgB;AAAAA,UAC/B,CAAC,GAAGL,SAAS,UAAU,GAAGX,MAAMiB;AAAAA,WAElCC,MAAMd,gBAAgB,GACtBJ,MAAMmB,KACR;AAAA,QAAC,SACM,CAACD,MAAMb,eAAe,GAAGL,MAAMoB,KAAK;AAAA,MAAC,GAAA;AAAA,QAAAX,SAAAA,MAAAA;;AAAA,kBAE3CD,WAAOK,YAAA,OAAA;AAAA,YAAA,SAAgBE,WAAW,GAAGJ,SAAS,QAAQ;AAAA,aAAC,GAAGT,WAAMO,YAANP,mCAAqBF,MAAMU,KAAK,CAAA,CAAO;AAAA;AAAA,MAAA,CAAA;AAAA,IAGxG;AAAA;;"}
+{"version":3,"file":"CdsListSubheader.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsList/CdsListSubheader.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { useTextColor } from '@cds/composables/useColor';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { unref } from 'vue';\n\nimport { CdsListSubheaderConstants } from './api/CdsList.constants';\nimport { defineCdsListSubheaderProps } from './api/CdsList.props';\n\ndefineOptions({\n  name: CdsListSubheaderConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsListSubheaderProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<{\n  /**\n   * Контент подзаголовка по умолчанию (переопределяет проп `title`)\n   * @en Default content of the subheader (overrides the `title` prop)\n   */\n  default: () => any;\n}>();\n\nconst { textColorClasses, textColorStyles } = useTextColor(() => props.color);\n\ndefineRender(() => {\n  const hasText = !!(slots.default || props.title);\n  const { rootClass } = CdsListSubheaderConstants;\n\n  return (\n    <props.tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--inset`]: props.inset,\n          [`${rootClass}--sticky`]: props.sticky\n        },\n        unref(textColorClasses),\n        props.class\n      )}\n      style={[unref(textColorStyles), props.style]}\n    >\n      {hasText && <div class={classNames(`${rootClass}__text`)}>{slots.default?.() ?? props.title}</div>}\n    </props.tag>\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","textColorClasses","textColorStyles","useTextColor","color","hasText","default","title","rootClass","CdsListSubheaderConstants","_createVNode","tag","classNames","inset","sticky","unref","class","style"],"mappings":";;;;;;;;;;;;;;;AAaA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAQd,UAAM;AAAA,MAAEC;AAAAA,MAAkBC;AAAAA,IAAgB,IAAIC,aAAa,MAAMN,MAAMO,KAAK;WAE/D,MAAM;AACjB,YAAMC,UAAU,CAAC,EAAEN,MAAMO,WAAWT,MAAMU;AAC1C,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIC;AAEtB,aAAAC,YAAAb,MAAAc,KAAA;AAAA,QAAA,SAEWC,WACLJ,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,SAAS,GAAGX,MAAMgB;AAAAA,UAC/B,CAAC,GAAGL,SAAS,UAAU,GAAGX,MAAMiB;AAAAA,WAElCC,MAAMd,gBAAgB,GACtBJ,MAAMmB,KACR;AAAA,QAAC,SACM,CAACD,MAAMb,eAAe,GAAGL,MAAMoB,KAAK;AAAA,MAAC,GAAA;AAAA,QAAAX,SAAAA,MAAAA;;AAAA,kBAE3CD,WAAOK,YAAA,OAAA;AAAA,YAAA,SAAgBE,WAAW,GAAGJ,SAAS,QAAQ;AAAA,aAAC,GAAGT,WAAMO,YAANP,mCAAqBF,MAAMU,KAAK,CAAA,CAAO;AAAA;AAAA,MAAA,CAAA;AAAA,IAGxG;AAAA;;"}