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

package/dist/es/src/composables/useItems/useItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"useItems.js","sources":["../../../../../src/composables/useItems/useItems.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport {\n  deepEqual,\n  getPropertyFromItem,\n  isPrimitive,\n  omit,\n  pick,\n  type Primitive,\n  type SelectItemKey,\n  type ValueComparator\n} from '@cds/utils';\nimport { computed, type ExtractPublicPropTypes, type PropType, shallowRef, watchEffect } from 'vue';\n\nimport type { ListItem } from './internal/useItems.types';\n\nexport const defineItemsProps = propsFactory(\n  {\n    /** Массив элементов для отображения */\n    items: {\n      type: Array as PropType<any[]>,\n      default: () => []\n    },\n    /** Свойство объекта, используемое как заголовок элемента, либо функция для его получения */\n    itemTitle: {\n      type: [String, Array, Function] as PropType<SelectItemKey>,\n      default: 'title'\n    },\n    /** Свойство объекта, используемое как значение элемента, либо функция для его получения */\n    itemValue: {\n      type: [String, Array, Function] as PropType<SelectItemKey>,\n      default: 'value'\n    },\n    /** Свойство объекта, содержащее дочерние элементы, либо функция для их получения */\n    itemChildren: {\n      type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n      default: 'children'\n    },\n    /** Свойство объекта, содержащее пропсы для элемента, либо функция для их получения */\n    itemProps: {\n      type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n      default: 'props'\n    },\n    /** Свойство объекта, определяющее тип элемента (`item`, `divider`, `subheader`), либо функция для его получения */\n    itemType: {\n      type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n      default: 'type'\n    },\n    /** Возвращать в значении модели объект вместо массива */\n    returnObject: Boolean,\n    /** Функция сравнения значений элементов для определения выбранного состояния */\n    valueComparator: Function as PropType<ValueComparator>\n  },\n  'list-items'\n);\n\nexport interface ItemProps extends ExtractPublicPropTypes<ReturnType<typeof defineItemsProps>> {}\n\nconst itemTypes = new Set(['item', 'divider', 'subheader']);\n\nexport function transformItem(props: Pick<ItemProps, (typeof transformItem.neededProps)[number]>, item: any): ListItem {\n  const title = getPropertyFromItem(item, props.itemTitle, item);\n  const value = getPropertyFromItem(item, props.itemValue, title);\n  const children = getPropertyFromItem(item, props.itemChildren);\n  const itemProps =\n    props.itemProps === true\n      ? typeof item === 'object' && item != null && !Array.isArray(item)\n        ? 'children' in item\n          ? omit(item, ['children'])\n          : item\n        : undefined\n      : getPropertyFromItem(item, props.itemProps);\n\n  let type = getPropertyFromItem(item, props.itemType, 'item');\n  if (!itemTypes.has(type)) {\n    type = 'item';\n  }\n\n  const _props = {\n    title,\n    value,\n    ...itemProps\n  };\n\n  return {\n    type,\n    title: String(_props.title ?? ''),\n    value: _props.value,\n    props: _props,\n    children: type === 'item' && Array.isArray(children) ? transformItems(props, children) : undefined,\n    raw: item\n  };\n}\n\ntransformItem.neededProps = ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'itemType'] as const;\n\nexport function transformItems(\n  props: Pick<ItemProps, (typeof transformItem.neededProps)[number]>,\n  items: ItemProps['items']\n) {\n  // avoid reactive access in the loop\n  const _props = pick(props, [...transformItem.neededProps]);\n\n  const array: ListItem[] = [];\n  for (const item of items ?? []) {\n    array.push(transformItem(_props, item));\n  }\n\n  return array;\n}\n\nexport function useItems(props: ItemProps) {\n  const items = computed(() => transformItems(props, props.items));\n  const hasNullItem = computed(() => items.value.some((item) => item.value === null));\n\n  const itemsMap = shallowRef<Map<Primitive, ListItem[]>>(new Map());\n  const keylessItems = shallowRef<ListItem[]>([]);\n\n  watchEffect(() => {\n    const _items = items.value;\n    const map = new Map();\n    const keyless = [];\n    for (let i = 0; i < _items.length; i++) {\n      const item = _items[i];\n      if (isPrimitive(item.value) || item.value === null) {\n        let values = map.get(item.value);\n        if (!values) {\n          values = [];\n          map.set(item.value, values);\n        }\n        values.push(item);\n      } else {\n        keyless.push(item);\n      }\n    }\n    itemsMap.value = map;\n    keylessItems.value = keyless;\n  });\n\n  function transformIn(value: any[]): ListItem[] {\n    // Cache unrefed values outside the loop,\n    // proxy getters can be slow when you call them a billion times\n    const _items = itemsMap.value;\n    const _allItems = items.value;\n    const _keylessItems = keylessItems.value;\n    const _hasNullItem = hasNullItem.value;\n    const _returnObject = props.returnObject;\n    const hasValueComparator = !!props.valueComparator;\n    const valueComparator = props.valueComparator || deepEqual;\n    const _props = pick(props, [...transformItem.neededProps]);\n\n    const returnValue: ListItem[] = [];\n    main: for (const v of value) {\n      // When the model value is null, return an InternalItem\n      // based on null only if null is one of the items\n      if (!_hasNullItem && v === null) continue;\n\n      // String model value means value is a custom input value from combobox\n      // Don't look up existing items if the model value is a string\n      if (_returnObject && typeof v === 'string') {\n        returnValue.push(transformItem(_props, v));\n        continue;\n      }\n\n      // Fast path, items with primitive values and no\n      // custom valueComparator can use a constant-time\n      // map lookup instead of searching the items array\n      const fastItems = _items.get(v);\n\n      // Slow path, always use valueComparator.\n      // This is O(n^2) so we really don't want to\n      // do it for more than a couple hundred items.\n      if (hasValueComparator || !fastItems) {\n        for (const item of hasValueComparator ? _allItems : _keylessItems) {\n          if (valueComparator(v, item.value)) {\n            returnValue.push(item);\n            continue main;\n          }\n        }\n        returnValue.push(transformItem(_props, v));\n        continue;\n      }\n\n      returnValue.push(...fastItems);\n    }\n\n    return returnValue;\n  }\n\n  function transformOut(value: ListItem[]): any[] {\n    return props.returnObject ? value.map(({ raw }) => raw) : value.map(({ value }) => value);\n  }\n\n  return { items, transformIn, transformOut };\n}\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"useItems.js","sources":["../../../../../src/composables/useItems/useItems.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport {\n  deepEqual,\n  getPropertyFromItem,\n  isPrimitive,\n  omit,\n  pick,\n  type Primitive,\n  type SelectItemKey,\n  type ValueComparator\n} from '@cds/utils';\nimport { computed, type ExtractPublicPropTypes, type PropType, shallowRef, watchEffect } from 'vue';\n\nimport type { ListItem } from './internal/useItems.types';\n\nexport const defineItemsProps = propsFactory(\n  {\n    /**\n     * Массив элементов для отображения\n     * @en Array of items to display\n     */\n    items: {\n      type: Array as PropType<any[]>,\n      default: () => []\n    },\n    /**\n     * Свойство объекта, используемое как заголовок элемента, либо функция для его получения\n     * @en Object field used as the item title, or a function that returns it\n     */\n    itemTitle: {\n      type: [String, Array, Function] as PropType<SelectItemKey>,\n      default: 'title'\n    },\n    /**\n     * Свойство объекта, используемое как значение элемента, либо функция для его получения\n     * @en Object field used as the item value, or a function that returns it\n     */\n    itemValue: {\n      type: [String, Array, Function] as PropType<SelectItemKey>,\n      default: 'value'\n    },\n    /**\n     * Свойство объекта, содержащее дочерние элементы, либо функция для их получения\n     * @en Object field that holds the child items, or a function that returns them\n     */\n    itemChildren: {\n      type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n      default: 'children'\n    },\n    /**\n     * Свойство объекта, содержащее пропсы для элемента, либо функция для их получения\n     * @en Object field that holds the props of the item, or a function that returns them\n     */\n    itemProps: {\n      type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n      default: 'props'\n    },\n    /**\n     * Свойство объекта, определяющее тип элемента (`item`, `divider`, `subheader`), либо функция для его получения\n     * @en Object field that defines the item type (`item`, `divider`, `subheader`), or a function that returns it\n     */\n    itemType: {\n      type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n      default: 'type'\n    },\n    /**\n     * Возвращать в значении модели объект вместо массива\n     * @en Return an object in the model value instead of an array\n     */\n    returnObject: Boolean,\n    /**\n     * Функция сравнения значений элементов для определения выбранного состояния\n     * @en Function that compares item values to determine the selected state\n     */\n    valueComparator: Function as PropType<ValueComparator>\n  },\n  'list-items'\n);\n\nexport interface ItemProps extends ExtractPublicPropTypes<ReturnType<typeof defineItemsProps>> {}\n\nconst itemTypes = new Set(['item', 'divider', 'subheader']);\n\nexport function transformItem(props: Pick<ItemProps, (typeof transformItem.neededProps)[number]>, item: any): ListItem {\n  const title = getPropertyFromItem(item, props.itemTitle, item);\n  const value = getPropertyFromItem(item, props.itemValue, title);\n  const children = getPropertyFromItem(item, props.itemChildren);\n  const itemProps =\n    props.itemProps === true\n      ? typeof item === 'object' && item != null && !Array.isArray(item)\n        ? 'children' in item\n          ? omit(item, ['children'])\n          : item\n        : undefined\n      : getPropertyFromItem(item, props.itemProps);\n\n  let type = getPropertyFromItem(item, props.itemType, 'item');\n  if (!itemTypes.has(type)) {\n    type = 'item';\n  }\n\n  const _props = {\n    title,\n    value,\n    ...itemProps\n  };\n\n  return {\n    type,\n    title: String(_props.title ?? ''),\n    value: _props.value,\n    props: _props,\n    children: type === 'item' && Array.isArray(children) ? transformItems(props, children) : undefined,\n    raw: item\n  };\n}\n\ntransformItem.neededProps = ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'itemType'] as const;\n\nexport function transformItems(\n  props: Pick<ItemProps, (typeof transformItem.neededProps)[number]>,\n  items: ItemProps['items']\n) {\n  // avoid reactive access in the loop\n  const _props = pick(props, [...transformItem.neededProps]);\n\n  const array: ListItem[] = [];\n  for (const item of items ?? []) {\n    array.push(transformItem(_props, item));\n  }\n\n  return array;\n}\n\nexport function useItems(props: ItemProps) {\n  const items = computed(() => transformItems(props, props.items));\n  const hasNullItem = computed(() => items.value.some((item) => item.value === null));\n\n  const itemsMap = shallowRef<Map<Primitive, ListItem[]>>(new Map());\n  const keylessItems = shallowRef<ListItem[]>([]);\n\n  watchEffect(() => {\n    const _items = items.value;\n    const map = new Map();\n    const keyless = [];\n    for (let i = 0; i < _items.length; i++) {\n      const item = _items[i];\n      if (isPrimitive(item.value) || item.value === null) {\n        let values = map.get(item.value);\n        if (!values) {\n          values = [];\n          map.set(item.value, values);\n        }\n        values.push(item);\n      } else {\n        keyless.push(item);\n      }\n    }\n    itemsMap.value = map;\n    keylessItems.value = keyless;\n  });\n\n  function transformIn(value: any[]): ListItem[] {\n    // Cache unrefed values outside the loop,\n    // proxy getters can be slow when you call them a billion times\n    const _items = itemsMap.value;\n    const _allItems = items.value;\n    const _keylessItems = keylessItems.value;\n    const _hasNullItem = hasNullItem.value;\n    const _returnObject = props.returnObject;\n    const hasValueComparator = !!props.valueComparator;\n    const valueComparator = props.valueComparator || deepEqual;\n    const _props = pick(props, [...transformItem.neededProps]);\n\n    const returnValue: ListItem[] = [];\n    main: for (const v of value) {\n      // When the model value is null, return an InternalItem\n      // based on null only if null is one of the items\n      if (!_hasNullItem && v === null) continue;\n\n      // String model value means value is a custom input value from combobox\n      // Don't look up existing items if the model value is a string\n      if (_returnObject && typeof v === 'string') {\n        returnValue.push(transformItem(_props, v));\n        continue;\n      }\n\n      // Fast path, items with primitive values and no\n      // custom valueComparator can use a constant-time\n      // map lookup instead of searching the items array\n      const fastItems = _items.get(v);\n\n      // Slow path, always use valueComparator.\n      // This is O(n^2) so we really don't want to\n      // do it for more than a couple hundred items.\n      if (hasValueComparator || !fastItems) {\n        for (const item of hasValueComparator ? _allItems : _keylessItems) {\n          if (valueComparator(v, item.value)) {\n            returnValue.push(item);\n            continue main;\n          }\n        }\n        returnValue.push(transformItem(_props, v));\n        continue;\n      }\n\n      returnValue.push(...fastItems);\n    }\n\n    return returnValue;\n  }\n\n  function transformOut(value: ListItem[]): any[] {\n    return props.returnObject ? value.map(({ raw }) => raw) : value.map(({ value }) => value);\n  }\n\n  return { items, transformIn, transformOut };\n}\n"],"names":["value"],"mappings":"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"}

package/dist/es/src/composables/useLayout/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/composables/useLayout/context.ts"],"sourcesContent":["import { createContext } from '@cds/hooks/createContext';\nimport type { ComputedRef, Ref } from 'vue';\n\n/**\n * Состояние наблюдателя за скроллом области макета.\n */\nexport interface ScrollObserver {\n  position: {\n    top: number;\n    left: number;\n  };\n  direction: 'up' | 'down' | 'left' | 'right';\n  directionChanged: boolean;\n  delta: {\n    top: number;\n    left: number;\n  };\n  inflectionPoint: {\n    top: number;\n    left: number;\n  };\n}\n\n/**\n * Описание одной части макета (header / footer / left / right).\n */\nexport interface LayoutPart {\n  /** Размер части в пикселях. */\n  size: number;\n  /** Смещение части относительно края макета. */\n  offset: number;\n  /** Резервирует ли часть пространство в потоке. */\n  space: boolean;\n}\n\n/**\n * Контекст макета, предоставляемый `CdsLayout` и потребляемый\n * `CdsHeader`, `CdsFooter`, `CdsDrawer`, `CdsMain`, `CdsPage`.\n */\nexport interface LayoutContext {\n  instances: Record<string, unknown>;\n  view: ComputedRef<string>;\n  isContainer: ComputedRef<boolean>;\n  rootRef: Ref<HTMLElement | undefined>;\n  height: Ref<number>;\n  containerHeight: Ref<number>;\n  scrollbarWidth: Ref<number>;\n  totalWidth: ComputedRef<number>;\n  rows: ComputedRef<{\n    top: string[];\n    middle: string[];\n    bottom: string[];\n  }>;\n  header: LayoutPart;\n  right: LayoutPart;\n  footer: LayoutPart;\n  left: LayoutPart;\n  scroll: Ref<ScrollObserver>;\n  animate: () => void;\n  update: (part: 'header' | 'footer' | 'left' | 'right', prop: keyof LayoutPart, value: number | boolean) => void;\n}\n\nexport const CDS_LAYOUT_CONTEXT_KEY = 'cds:layout';\n\n/**\n * Возвращает контекст макета. Вне `CdsLayout` отдаёт пустой объект —\n * потребители проверяют это и предупреждают разработчика.\n */\nexport const [useInjectLayout, provideLayout] = createContext<LayoutContext>(\n  CDS_LAYOUT_CONTEXT_KEY,\n  {} as LayoutContext\n);\n"],"names":[],"mappings":";AA8DO,MAAM,yBAAyB;AAM/B,MAAM,CAAC,iBAAiB,aAAa,IAAI;AAAA,EAC9C;AAAA,EACA,CAAA;AACF;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/composables/useLayout/context.ts"],"sourcesContent":["import { createContext } from '@cds/hooks/createContext';\nimport type { ComputedRef, Ref } from 'vue';\n\n/**\n * Состояние наблюдателя за скроллом области макета.\n */\nexport interface ScrollObserver {\n  position: {\n    top: number;\n    left: number;\n  };\n  direction: 'up' | 'down' | 'left' | 'right';\n  directionChanged: boolean;\n  delta: {\n    top: number;\n    left: number;\n  };\n  inflectionPoint: {\n    top: number;\n    left: number;\n  };\n}\n\n/**\n * Описание одной части макета (header / footer / left / right).\n */\nexport interface LayoutPart {\n  /** Размер части в пикселях. */\n  size: number;\n  /** Смещение части относительно края макета. */\n  offset: number;\n  /** Резервирует ли часть пространство в потоке. */\n  space: boolean;\n}\n\n/**\n * Контекст макета, предоставляемый `CdsLayout` и потребляемый\n * `CdsHeader`, `CdsFooter`, `CdsDrawer`, `CdsMain`, `CdsPage`.\n */\nexport interface LayoutContext {\n  /**\n   * Зарегистрированные в макете компоненты по идентификаторам — шапка, подвал, панели, контент.\n   * @en Components registered in the layout by their identifiers — the header, the footer, the drawers, the content.\n   */\n  instances: Record<string, unknown>;\n  /** Текущая раскладка макета — какие части занимают верх, низ и бока. */\n  view: ComputedRef<string>;\n  /**\n   * Ограничен ли макет по ширине контейнером (`container`) вместо растягивания на весь экран.\n   * @en Whether the layout is limited in width by a container (`container`) instead of stretching across the whole screen.\n   */\n  isContainer: ComputedRef<boolean>;\n  /**\n   * Ссылка на корневой DOM-элемент макета.\n   * @en Ref to the root DOM element of the layout.\n   */\n  rootRef: Ref<HTMLElement | undefined>;\n  /**\n   * Полная высота макета в пикселях.\n   * @en Full height of the layout in pixels.\n   */\n  height: Ref<number>;\n  /**\n   * Высота области контента без шапки и подвала, в пикселях.\n   * @en Height of the content area without the header and the footer, in pixels.\n   */\n  containerHeight: Ref<number>;\n  /**\n   * Ширина системной полосы прокрутки в пикселях — учитывается при блокировке скролла.\n   * @en Width of the system scrollbar in pixels — taken into account when the scroll is locked.\n   */\n  scrollbarWidth: Ref<number>;\n  /**\n   * Полная ширина макета в пикселях.\n   * @en Full width of the layout in pixels.\n   */\n  totalWidth: ComputedRef<number>;\n  /**\n   * Идентификаторы компонентов, распределённые по рядам макета: сверху, посередине и снизу.\n   * @en Identifiers of the components distributed across the rows of the layout: top, middle and bottom.\n   */\n  rows: ComputedRef<{\n    top: string[];\n    middle: string[];\n    bottom: string[];\n  }>;\n  /**\n   * Размеры и смещение шапки макета.\n   * @en Size and offset of the layout header.\n   */\n  header: LayoutPart;\n  /**\n   * Размеры и смещение правой панели макета.\n   * @en Size and offset of the right drawer of the layout.\n   */\n  right: LayoutPart;\n  /**\n   * Размеры и смещение подвала макета.\n   * @en Size and offset of the layout footer.\n   */\n  footer: LayoutPart;\n  /**\n   * Размеры и смещение левой панели макета.\n   * @en Size and offset of the left drawer of the layout.\n   */\n  left: LayoutPart;\n  /**\n   * Состояние прокрутки макета: позиция, направление и дельта.\n   * @en Scroll state of the layout: position, direction and delta.\n   */\n  scroll: Ref<ScrollObserver>;\n  /**\n   * Включает анимацию перестроения макета на время ближайшего обновления размеров.\n   * @en Turns on the rebuild animation of the layout for the duration of the next size update.\n   */\n  animate: () => void;\n  /**\n   * Обновляет размер, смещение или резервирование места для части макета.\n   * @en Updates the size, the offset or the space reservation for a part of the layout.\n   */\n  update: (part: 'header' | 'footer' | 'left' | 'right', prop: keyof LayoutPart, value: number | boolean) => void;\n}\n\nexport const CDS_LAYOUT_CONTEXT_KEY = 'cds:layout';\n\n/**\n * Возвращает контекст макета. Вне `CdsLayout` отдаёт пустой объект —\n * потребители проверяют это и предупреждают разработчика.\n */\nexport const [useInjectLayout, provideLayout] = createContext<LayoutContext>(\n  CDS_LAYOUT_CONTEXT_KEY,\n  {} as LayoutContext\n);\n"],"names":[],"mappings":";AA2HO,MAAM,yBAAyB;AAM/B,MAAM,CAAC,iBAAiB,aAAa,IAAI;AAAA,EAC9C;AAAA,EACA,CAAA;AACF;"}

package/dist/es/src/composables/useLayout/useLayout.js

@@ -1,36 +1,54 @@
-import { u as useDisplay } from "../useDisplay/useDisplay.js";
 import { p as propsFactory } from "../../core/propsFactory.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { ref, computed, unref, watch, onBeforeUnmount } from "vue";
 import { u as useInjectLayout } from "./context.js";
+import { u as useDisplay } from "../useDisplay/useDisplay.js";
 const defineLayoutProps = propsFactory(
   {
-    /** Видимость элемента в макете. */
+    /**
+     * Видимость элемента в макете.
+     * @en Visibility of the element in the layout.
+     */
     modelValue: {
       type: Boolean,
       default: true
     },
-    /** Плавающий режим: элемент появляется/скрывается при скролле. */
+    /**
+     * Плавающий режим: элемент появляется/скрывается при скролле.
+     * @en Floating mode: the element appears/hides on scroll.
+     */
     reveal: {
       type: Boolean,
       default: false
     },
-    /** Порог скролла (px), до которого плавающий элемент остаётся видимым. */
+    /**
+     * Порог скролла (px), до которого плавающий элемент остаётся видимым.
+     * @en Scroll threshold (px) up to which the floating element stays visible.
+     */
     revealOffset: {
       type: Number,
       default: 250
     },
-    /** Отображение границы. */
+    /**
+     * Отображение границы.
+     * @en Shows the border.
+     */
     bordered: {
       type: Boolean,
       default: false
     },
-    /** Отображение тени. */
+    /**
+     * Отображение тени.
+     * @en Shows the shadow.
+     */
     elevated: {
       type: Boolean,
       default: false
     },
-    /** Высота элемента. */
+    /**
+     * Высота элемента.
+     * @en Height of the element.
+     */
     height: {
       type: [String, Number],
       default: 50

package/dist/es/src/composables/useLayout/useLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayout.js","sources":["../../../../../src/composables/useLayout/useLayout.ts"],"sourcesContent":["import { useDisplay } from '@cds/composables/useDisplay';\nimport { propsFactory } from '@cds/core';\nimport { IN_BROWSER } from '@cds/utils';\nimport {\n  computed,\n  type ComputedRef,\n  type CSSProperties,\n  type ExtractPublicPropTypes,\n  onBeforeUnmount,\n  type PropType,\n  type Ref,\n  ref,\n  unref,\n  watch\n} from 'vue';\n\nimport { type LayoutPart, useInjectLayout } from './context';\n\n/**\n * Фабрика пропсов для частей макета `CdsHeader` / `CdsFooter`.\n */\nexport const defineLayoutProps = propsFactory(\n  {\n    /** Видимость элемента в макете. */\n    modelValue: {\n      type: Boolean as PropType<boolean>,\n      default: true\n    },\n    /** Плавающий режим: элемент появляется/скрывается при скролле. */\n    reveal: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Порог скролла (px), до которого плавающий элемент остаётся видимым. */\n    revealOffset: {\n      type: Number as PropType<number>,\n      default: 250\n    },\n    /** Отображение границы. */\n    bordered: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Отображение тени. */\n    elevated: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Высота элемента. */\n    height: {\n      type: [String, Number] as PropType<string | number>,\n      default: 50\n    }\n  },\n  'layout'\n);\n\nexport interface LayoutProps extends ExtractPublicPropTypes<ReturnType<typeof defineLayoutProps>> {}\n\nexport interface UseLayout {\n  layout: ReturnType<typeof useInjectLayout>;\n  size: Ref<number>;\n  revealed: Ref<boolean>;\n  fixed: ComputedRef<boolean>;\n  windowHeight: Ref<number>;\n  containerHeight: ComputedRef<number>;\n  offset: ComputedRef<number>;\n  hidden: ComputedRef<boolean>;\n  revealOnFocus: ComputedRef<boolean>;\n  classes: ComputedRef<Record<string, boolean>>;\n  style: ComputedRef<CSSProperties>;\n  updateLocal: (prop: Ref, value: unknown) => void;\n  updateRevealed: () => void;\n  onResize: (rect: Pick<DOMRectReadOnly, 'width' | 'height'>) => void;\n}\n\n/**\n * Общая логика частей макета (header/footer): вычисление видимости,\n * плавающего поведения при скролле, классов и стилей, синхронизация\n * размеров с контекстом макета.\n *\n * @param props Пропсы части макета.\n * @param rootClass kebab-class компонента (например `cds-header`).\n * @param view Тип части: `H` — header, `F` — footer.\n */\nexport function useLayout(props: LayoutProps, rootClass: string, view: 'H' | 'F' = 'H'): UseLayout {\n  const isHeader = view === 'H';\n  const isFooter = view === 'F';\n\n  const layout = useInjectLayout();\n  const display = useDisplay();\n  const size = ref(parseInt(props.height as string, 10));\n  const revealed = ref(true);\n\n  const fixed = computed(\n    () =>\n      props.reveal ||\n      unref(layout.view).indexOf(view) > -1 ||\n      (unref(display.platform).ios && unref(layout.isContainer))\n  );\n\n  const windowHeight = ref(!IN_BROWSER || unref(layout.isContainer) ? 0 : window.innerHeight);\n\n  const containerHeight = computed(() =>\n    unref(layout.isContainer) ? unref(layout.containerHeight) : unref(windowHeight)\n  );\n\n  const offset = computed(() => {\n    if (!props.modelValue) return 0;\n    if (unref(fixed)) return unref(revealed) ? unref(size) : 0;\n\n    let offset = 0;\n\n    if (isHeader) {\n      offset = unref(size) - unref(layout.scroll).position.top;\n    }\n\n    if (isFooter) {\n      offset = unref(layout.scroll).position.top + unref(containerHeight) + unref(size) - unref(layout.height);\n    }\n\n    return offset > 0 ? offset : 0;\n  });\n\n  const hidden = computed(() => !props.modelValue || (unref(fixed) && !unref(revealed)));\n\n  const revealOnFocus = computed(() => !!(props.modelValue && unref(hidden) && props.reveal));\n\n  const classes = computed(() => ({\n    [rootClass]: true,\n    [`${rootClass}--fixed`]: unref(fixed),\n    [`${rootClass}--absolute`]: !unref(fixed),\n    [`${rootClass}--hidden`]: unref(hidden),\n    [`${rootClass}--bordered`]: !!props.bordered,\n    [`${rootClass}--elevated`]: !!props.elevated,\n    [`${rootClass}--prevent-focus`]: !props.modelValue\n  }));\n\n  const style = computed(() => {\n    const rows = isHeader ? unref(layout.rows).top : unref(layout.rows).bottom;\n    const css: CSSProperties = {};\n\n    if (rows[0] === 'l' && layout.left.space) {\n      css.left = `${layout.left.size}px`;\n    }\n\n    if (rows[2] === 'r' && layout.right.space) {\n      css.right = `${layout.right.size}px`;\n    }\n\n    return css;\n  });\n\n  function updateLayout(prop: keyof LayoutPart, value: number | boolean) {\n    layout.update(isHeader ? 'header' : 'footer', prop, value);\n  }\n\n  function updateLocal(prop: Ref, value: unknown) {\n    if (unref(prop) !== value) {\n      prop.value = value;\n    }\n  }\n\n  function updateRevealed() {\n    if (!props.reveal) return;\n\n    const { direction, position, inflectionPoint } = unref(layout.scroll);\n\n    updateLocal(\n      revealed,\n      direction === 'up' ||\n        position.top - inflectionPoint.top < 100 ||\n        unref(layout.height) - unref(containerHeight) - position.top - unref(size) < 300\n    );\n  }\n\n  function onResize({ height }: Pick<DOMRectReadOnly, 'width' | 'height'>) {\n    updateLocal(size, height);\n    updateLayout('size', height);\n  }\n\n  watch(\n    () => props.modelValue,\n    (value) => {\n      updateLayout('space', !!value);\n      updateLocal(revealed, true);\n      layout.animate();\n    }\n  );\n\n  watch(offset, (value) => {\n    updateLayout('offset', value);\n  });\n\n  watch(\n    () => props.reveal,\n    (value) => {\n      !value && updateLocal(revealed, props.modelValue);\n    }\n  );\n\n  const instance = {};\n\n  layout.instances[isHeader ? 'header' : 'footer'] = instance;\n  props.modelValue && updateLayout('size', unref(size));\n  updateLayout('space', !!props.modelValue);\n  updateLayout('offset', unref(offset));\n\n  onBeforeUnmount(() => {\n    if (layout.instances[isHeader ? 'header' : 'footer'] === instance) {\n      layout.instances[isHeader ? 'header' : 'footer'] = undefined;\n      updateLayout('size', 0);\n      updateLayout('offset', 0);\n      updateLayout('space', false);\n    }\n  });\n\n  return {\n    layout,\n    size,\n    revealed,\n    fixed,\n    windowHeight,\n    containerHeight,\n    offset,\n    hidden,\n    revealOnFocus,\n    classes,\n    style,\n    updateLocal,\n    updateRevealed,\n    onResize\n  };\n}\n"],"names":["offset"],"mappings":";;;;;AAqBO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA,IAEE,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;AA8BO,SAAS,UAAU,OAAoB,WAAmB,OAAkB,KAAgB;AACjG,QAAM,WAAW,SAAS;AAC1B,QAAM,WAAW,SAAS;AAE1B,QAAM,SAAS,gBAAA;AACf,QAAM,UAAU,WAAA;AAChB,QAAM,OAAO,IAAI,SAAS,MAAM,QAAkB,EAAE,CAAC;AACrD,QAAM,WAAW,IAAI,IAAI;AAEzB,QAAM,QAAQ;AAAA,IACZ,MACE,MAAM,UACN,MAAM,OAAO,IAAI,EAAE,QAAQ,IAAI,IAAI,MAClC,MAAM,QAAQ,QAAQ,EAAE,OAAO,MAAM,OAAO,WAAW;AAAA,EAAA;AAG5D,QAAM,eAAe,IAAI,CAAC,cAAc,MAAM,OAAO,WAAW,IAAI,IAAI,OAAO,WAAW;AAE1F,QAAM,kBAAkB;AAAA,IAAS,MAC/B,MAAM,OAAO,WAAW,IAAI,MAAM,OAAO,eAAe,IAAI,MAAM,YAAY;AAAA,EAAA;AAGhF,QAAM,SAAS,SAAS,MAAM;AAC5B,QAAI,CAAC,MAAM,WAAY,QAAO;AAC9B,QAAI,MAAM,KAAK,EAAG,QAAO,MAAM,QAAQ,IAAI,MAAM,IAAI,IAAI;AAEzD,QAAIA,UAAS;AAEb,QAAI,UAAU;AACZA,gBAAS,MAAM,IAAI,IAAI,MAAM,OAAO,MAAM,EAAE,SAAS;AAAA,IACvD;AAEA,QAAI,UAAU;AACZA,gBAAS,MAAM,OAAO,MAAM,EAAE,SAAS,MAAM,MAAM,eAAe,IAAI,MAAM,IAAI,IAAI,MAAM,OAAO,MAAM;AAAA,IACzG;AAEA,WAAOA,UAAS,IAAIA,UAAS;AAAA,EAC/B,CAAC;AAED,QAAM,SAAS,SAAS,MAAM,CAAC,MAAM,cAAe,MAAM,KAAK,KAAK,CAAC,MAAM,QAAQ,CAAE;AAErF,QAAM,gBAAgB,SAAS,MAAM,CAAC,EAAE,MAAM,cAAc,MAAM,MAAM,KAAK,MAAM,OAAO;AAE1F,QAAM,UAAU,SAAS,OAAO;AAAA,IAC9B,CAAC,SAAS,GAAG;AAAA,IACb,CAAC,GAAG,SAAS,SAAS,GAAG,MAAM,KAAK;AAAA,IACpC,CAAC,GAAG,SAAS,YAAY,GAAG,CAAC,MAAM,KAAK;AAAA,IACxC,CAAC,GAAG,SAAS,UAAU,GAAG,MAAM,MAAM;AAAA,IACtC,CAAC,GAAG,SAAS,YAAY,GAAG,CAAC,CAAC,MAAM;AAAA,IACpC,CAAC,GAAG,SAAS,YAAY,GAAG,CAAC,CAAC,MAAM;AAAA,IACpC,CAAC,GAAG,SAAS,iBAAiB,GAAG,CAAC,MAAM;AAAA,EAAA,EACxC;AAEF,QAAM,QAAQ,SAAS,MAAM;AAC3B,UAAM,OAAO,WAAW,MAAM,OAAO,IAAI,EAAE,MAAM,MAAM,OAAO,IAAI,EAAE;AACpE,UAAM,MAAqB,CAAA;AAE3B,QAAI,KAAK,CAAC,MAAM,OAAO,OAAO,KAAK,OAAO;AACxC,UAAI,OAAO,GAAG,OAAO,KAAK,IAAI;AAAA,IAChC;AAEA,QAAI,KAAK,CAAC,MAAM,OAAO,OAAO,MAAM,OAAO;AACzC,UAAI,QAAQ,GAAG,OAAO,MAAM,IAAI;AAAA,IAClC;AAEA,WAAO;AAAA,EACT,CAAC;AAED,WAAS,aAAa,MAAwB,OAAyB;AACrE,WAAO,OAAO,WAAW,WAAW,UAAU,MAAM,KAAK;AAAA,EAC3D;AAEA,WAAS,YAAY,MAAW,OAAgB;AAC9C,QAAI,MAAM,IAAI,MAAM,OAAO;AACzB,WAAK,QAAQ;AAAA,IACf;AAAA,EACF;AAEA,WAAS,iBAAiB;AACxB,QAAI,CAAC,MAAM,OAAQ;AAEnB,UAAM,EAAE,WAAW,UAAU,oBAAoB,MAAM,OAAO,MAAM;AAEpE;AAAA,MACE;AAAA,MACA,cAAc,QACZ,SAAS,MAAM,gBAAgB,MAAM,OACrC,MAAM,OAAO,MAAM,IAAI,MAAM,eAAe,IAAI,SAAS,MAAM,MAAM,IAAI,IAAI;AAAA,IAAA;AAAA,EAEnF;AAEA,WAAS,SAAS,EAAE,UAAqD;AACvE,gBAAY,MAAM,MAAM;AACxB,iBAAa,QAAQ,MAAM;AAAA,EAC7B;AAEA;AAAA,IACE,MAAM,MAAM;AAAA,IACZ,CAAC,UAAU;AACT,mBAAa,SAAS,CAAC,CAAC,KAAK;AAC7B,kBAAY,UAAU,IAAI;AAC1B,aAAO,QAAA;AAAA,IACT;AAAA,EAAA;AAGF,QAAM,QAAQ,CAAC,UAAU;AACvB,iBAAa,UAAU,KAAK;AAAA,EAC9B,CAAC;AAED;AAAA,IACE,MAAM,MAAM;AAAA,IACZ,CAAC,UAAU;AACT,OAAC,SAAS,YAAY,UAAU,MAAM,UAAU;AAAA,IAClD;AAAA,EAAA;AAGF,QAAM,WAAW,CAAA;AAEjB,SAAO,UAAU,WAAW,WAAW,QAAQ,IAAI;AACnD,QAAM,cAAc,aAAa,QAAQ,MAAM,IAAI,CAAC;AACpD,eAAa,SAAS,CAAC,CAAC,MAAM,UAAU;AACxC,eAAa,UAAU,MAAM,MAAM,CAAC;AAEpC,kBAAgB,MAAM;AACpB,QAAI,OAAO,UAAU,WAAW,WAAW,QAAQ,MAAM,UAAU;AACjE,aAAO,UAAU,WAAW,WAAW,QAAQ,IAAI;AACnD,mBAAa,QAAQ,CAAC;AACtB,mBAAa,UAAU,CAAC;AACxB,mBAAa,SAAS,KAAK;AAAA,IAC7B;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useLayout.js","sources":["../../../../../src/composables/useLayout/useLayout.ts"],"sourcesContent":["import { useDisplay } from '@cds/composables/useDisplay';\nimport { propsFactory } from '@cds/core';\nimport { IN_BROWSER } from '@cds/utils';\nimport {\n  computed,\n  type ComputedRef,\n  type CSSProperties,\n  type ExtractPublicPropTypes,\n  onBeforeUnmount,\n  type PropType,\n  type Ref,\n  ref,\n  unref,\n  watch\n} from 'vue';\n\nimport { type LayoutPart, useInjectLayout } from './context';\n\n/**\n * Фабрика пропсов для частей макета `CdsHeader` / `CdsFooter`.\n */\nexport const defineLayoutProps = propsFactory(\n  {\n    /**\n     * Видимость элемента в макете.\n     * @en Visibility of the element in the layout.\n     */\n    modelValue: {\n      type: Boolean as PropType<boolean>,\n      default: true\n    },\n    /**\n     * Плавающий режим: элемент появляется/скрывается при скролле.\n     * @en Floating mode: the element appears/hides on scroll.\n     */\n    reveal: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Порог скролла (px), до которого плавающий элемент остаётся видимым.\n     * @en Scroll threshold (px) up to which the floating element stays visible.\n     */\n    revealOffset: {\n      type: Number as PropType<number>,\n      default: 250\n    },\n    /**\n     * Отображение границы.\n     * @en Shows the border.\n     */\n    bordered: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Отображение тени.\n     * @en Shows the shadow.\n     */\n    elevated: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Высота элемента.\n     * @en Height of the element.\n     */\n    height: {\n      type: [String, Number] as PropType<string | number>,\n      default: 50\n    }\n  },\n  'layout'\n);\n\nexport interface LayoutProps extends ExtractPublicPropTypes<ReturnType<typeof defineLayoutProps>> {}\n\nexport interface UseLayout {\n  layout: ReturnType<typeof useInjectLayout>;\n  size: Ref<number>;\n  revealed: Ref<boolean>;\n  fixed: ComputedRef<boolean>;\n  windowHeight: Ref<number>;\n  containerHeight: ComputedRef<number>;\n  offset: ComputedRef<number>;\n  hidden: ComputedRef<boolean>;\n  revealOnFocus: ComputedRef<boolean>;\n  classes: ComputedRef<Record<string, boolean>>;\n  style: ComputedRef<CSSProperties>;\n  updateLocal: (prop: Ref, value: unknown) => void;\n  updateRevealed: () => void;\n  onResize: (rect: Pick<DOMRectReadOnly, 'width' | 'height'>) => void;\n}\n\n/**\n * Общая логика частей макета (header/footer): вычисление видимости,\n * плавающего поведения при скролле, классов и стилей, синхронизация\n * размеров с контекстом макета.\n *\n * @param props Пропсы части макета.\n * @param rootClass kebab-class компонента (например `cds-header`).\n * @param view Тип части: `H` — header, `F` — footer.\n */\nexport function useLayout(props: LayoutProps, rootClass: string, view: 'H' | 'F' = 'H'): UseLayout {\n  const isHeader = view === 'H';\n  const isFooter = view === 'F';\n\n  const layout = useInjectLayout();\n  const display = useDisplay();\n  const size = ref(parseInt(props.height as string, 10));\n  const revealed = ref(true);\n\n  const fixed = computed(\n    () =>\n      props.reveal ||\n      unref(layout.view).indexOf(view) > -1 ||\n      (unref(display.platform).ios && unref(layout.isContainer))\n  );\n\n  const windowHeight = ref(!IN_BROWSER || unref(layout.isContainer) ? 0 : window.innerHeight);\n\n  const containerHeight = computed(() =>\n    unref(layout.isContainer) ? unref(layout.containerHeight) : unref(windowHeight)\n  );\n\n  const offset = computed(() => {\n    if (!props.modelValue) return 0;\n    if (unref(fixed)) return unref(revealed) ? unref(size) : 0;\n\n    let offset = 0;\n\n    if (isHeader) {\n      offset = unref(size) - unref(layout.scroll).position.top;\n    }\n\n    if (isFooter) {\n      offset = unref(layout.scroll).position.top + unref(containerHeight) + unref(size) - unref(layout.height);\n    }\n\n    return offset > 0 ? offset : 0;\n  });\n\n  const hidden = computed(() => !props.modelValue || (unref(fixed) && !unref(revealed)));\n\n  const revealOnFocus = computed(() => !!(props.modelValue && unref(hidden) && props.reveal));\n\n  const classes = computed(() => ({\n    [rootClass]: true,\n    [`${rootClass}--fixed`]: unref(fixed),\n    [`${rootClass}--absolute`]: !unref(fixed),\n    [`${rootClass}--hidden`]: unref(hidden),\n    [`${rootClass}--bordered`]: !!props.bordered,\n    [`${rootClass}--elevated`]: !!props.elevated,\n    [`${rootClass}--prevent-focus`]: !props.modelValue\n  }));\n\n  const style = computed(() => {\n    const rows = isHeader ? unref(layout.rows).top : unref(layout.rows).bottom;\n    const css: CSSProperties = {};\n\n    if (rows[0] === 'l' && layout.left.space) {\n      css.left = `${layout.left.size}px`;\n    }\n\n    if (rows[2] === 'r' && layout.right.space) {\n      css.right = `${layout.right.size}px`;\n    }\n\n    return css;\n  });\n\n  function updateLayout(prop: keyof LayoutPart, value: number | boolean) {\n    layout.update(isHeader ? 'header' : 'footer', prop, value);\n  }\n\n  function updateLocal(prop: Ref, value: unknown) {\n    if (unref(prop) !== value) {\n      prop.value = value;\n    }\n  }\n\n  function updateRevealed() {\n    if (!props.reveal) return;\n\n    const { direction, position, inflectionPoint } = unref(layout.scroll);\n\n    updateLocal(\n      revealed,\n      direction === 'up' ||\n        position.top - inflectionPoint.top < 100 ||\n        unref(layout.height) - unref(containerHeight) - position.top - unref(size) < 300\n    );\n  }\n\n  function onResize({ height }: Pick<DOMRectReadOnly, 'width' | 'height'>) {\n    updateLocal(size, height);\n    updateLayout('size', height);\n  }\n\n  watch(\n    () => props.modelValue,\n    (value) => {\n      updateLayout('space', !!value);\n      updateLocal(revealed, true);\n      layout.animate();\n    }\n  );\n\n  watch(offset, (value) => {\n    updateLayout('offset', value);\n  });\n\n  watch(\n    () => props.reveal,\n    (value) => {\n      !value && updateLocal(revealed, props.modelValue);\n    }\n  );\n\n  const instance = {};\n\n  layout.instances[isHeader ? 'header' : 'footer'] = instance;\n  props.modelValue && updateLayout('size', unref(size));\n  updateLayout('space', !!props.modelValue);\n  updateLayout('offset', unref(offset));\n\n  onBeforeUnmount(() => {\n    if (layout.instances[isHeader ? 'header' : 'footer'] === instance) {\n      layout.instances[isHeader ? 'header' : 'footer'] = undefined;\n      updateLayout('size', 0);\n      updateLayout('offset', 0);\n      updateLayout('space', false);\n    }\n  });\n\n  return {\n    layout,\n    size,\n    revealed,\n    fixed,\n    windowHeight,\n    containerHeight,\n    offset,\n    hidden,\n    revealOnFocus,\n    classes,\n    style,\n    updateLocal,\n    updateRevealed,\n    onResize\n  };\n}\n"],"names":["offset"],"mappings":"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"}

package/dist/es/src/composables/useLazy/useLazy.js

@@ -5,6 +5,7 @@ const defineLazyProps = propsFactory(
     /**
      * Принудительно рендерит содержимое компонента при его использовании.
      * Это полезно, если у вас есть контент, который не отображается в DOM, но который необходимо проиндексировать для SEO.
+     * @en Renders the content of the component right away. Useful when you have content that is not in the DOM but has to be indexed for SEO.
      */
     eager: Boolean
   },

package/dist/es/src/composables/useLazy/useLazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLazy.js","sources":["../../../../../src/composables/useLazy/useLazy.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport { type Ref, shallowRef, toRef, unref, watch } from 'vue';\n\n/**\n * A factory-generated configuration object used to define properties\n * with lazy initialization behavior. The resulting properties can\n * optionally be defined as eager using the `eager` option.\n *\n * @type {Object}\n * @property {boolean} eager - Specifies whether the properties should be initialized eagerly.\n */\nexport const defineLazyProps = propsFactory(\n  {\n    /**\n     * Принудительно рендерит содержимое компонента при его использовании.\n     * Это полезно, если у вас есть контент, который не отображается в DOM, но который необходимо проиндексировать для SEO.\n     */\n    eager: Boolean\n  },\n  'lazy'\n);\n\n/**\n * Hook to manage lazy behavior for content rendering.\n *\n * @param {Object} props - The properties object.\n * @param {boolean} props.eager - Determines if the content should be immediately booted.\n * @param {Ref<boolean>} active - A reference that indicates whether the content is active.\n * @return {Object} Returns an object containing reactive states and methods.\n * @return {Ref<boolean>} return.isBooted - A reactive reference indicating if the content has been booted.\n * @return {Ref<boolean>} return.hasContent - A reference indicating if the content is currently available.\n * @return {Function} return.onAfterLeave - A method to call after the content is left to reset its state if necessary.\n */\nexport function useLazy(props: { eager: boolean }, active: Ref<boolean>) {\n  const isBooted = shallowRef(false);\n  const hasContent = toRef(() => unref(isBooted) || props.eager || unref(active));\n\n  watch(active, () => (isBooted.value = true));\n\n  function onAfterLeave() {\n    if (!props.eager) isBooted.value = false;\n  }\n\n  return { isBooted, hasContent, onAfterLeave };\n}\n"],"names":[],"mappings":";;AAWO,MAAM,kBAAkB;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA,EAAA;AAAA,EAET;AACF;AAaO,SAAS,QAAQ,OAA2B,QAAsB;AACvE,QAAM,WAAW,WAAW,KAAK;AACjC,QAAM,aAAa,MAAM,MAAM,MAAM,QAAQ,KAAK,MAAM,SAAS,MAAM,MAAM,CAAC;AAE9E,QAAM,QAAQ,MAAO,SAAS,QAAQ,IAAK;AAE3C,WAAS,eAAe;AACtB,QAAI,CAAC,MAAM,MAAO,UAAS,QAAQ;AAAA,EACrC;AAEA,SAAO,EAAE,UAAU,YAAY,aAAA;AACjC;"}
+{"version":3,"file":"useLazy.js","sources":["../../../../../src/composables/useLazy/useLazy.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport { type Ref, shallowRef, toRef, unref, watch } from 'vue';\n\n/**\n * A factory-generated configuration object used to define properties\n * with lazy initialization behavior. The resulting properties can\n * optionally be defined as eager using the `eager` option.\n *\n * @type {Object}\n * @property {boolean} eager - Specifies whether the properties should be initialized eagerly.\n */\nexport const defineLazyProps = propsFactory(\n  {\n    /**\n     * Принудительно рендерит содержимое компонента при его использовании.\n     * Это полезно, если у вас есть контент, который не отображается в DOM, но который необходимо проиндексировать для SEO.\n     * @en Renders the content of the component right away. Useful when you have content that is not in the DOM but has to be indexed for SEO.\n     */\n    eager: Boolean\n  },\n  'lazy'\n);\n\n/**\n * Hook to manage lazy behavior for content rendering.\n *\n * @param {Object} props - The properties object.\n * @param {boolean} props.eager - Determines if the content should be immediately booted.\n * @param {Ref<boolean>} active - A reference that indicates whether the content is active.\n * @return {Object} Returns an object containing reactive states and methods.\n * @return {Ref<boolean>} return.isBooted - A reactive reference indicating if the content has been booted.\n * @return {Ref<boolean>} return.hasContent - A reference indicating if the content is currently available.\n * @return {Function} return.onAfterLeave - A method to call after the content is left to reset its state if necessary.\n */\nexport function useLazy(props: { eager: boolean }, active: Ref<boolean>) {\n  const isBooted = shallowRef(false);\n  const hasContent = toRef(() => unref(isBooted) || props.eager || unref(active));\n\n  watch(active, () => (isBooted.value = true));\n\n  function onAfterLeave() {\n    if (!props.eager) isBooted.value = false;\n  }\n\n  return { isBooted, hasContent, onAfterLeave };\n}\n"],"names":[],"mappings":";;AAWO,MAAM,kBAAkB;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAME,OAAO;AAAA,EAAA;AAAA,EAET;AACF;AAaO,SAAS,QAAQ,OAA2B,QAAsB;AACvE,QAAM,WAAW,WAAW,KAAK;AACjC,QAAM,aAAa,MAAM,MAAM,MAAM,QAAQ,KAAK,MAAM,SAAS,MAAM,MAAM,CAAC;AAE9E,QAAM,QAAQ,MAAO,SAAS,QAAQ,IAAK;AAE3C,WAAS,eAAe;AACtB,QAAI,CAAC,MAAM,MAAO,UAAS,QAAQ;AAAA,EACrC;AAEA,SAAO,EAAE,UAAU,YAAY,aAAA;AACjC;"}

package/dist/es/src/composables/useLoader/index.js

@@ -1,2 +1,2 @@
-
+import "vue";
 //# sourceMappingURL=index.js.map

package/dist/es/src/composables/useLoader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/es/src/composables/useLoader/useLoader.js

@@ -3,7 +3,10 @@ import { p as propsFactory } from "../../core/propsFactory.js";
 import { toRef, toValue } from "vue";
 const defineLoaderProps = propsFactory(
   {
-    /** Индикатор загрузки для компонента */
+    /**
+     * Индикатор загрузки для компонента
+     * @en Loading indicator for the component
+     */
     loading: {
       type: [Boolean, String],
       default: void 0

package/dist/es/src/composables/useLoader/useLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLoader.js","sources":["../../../../../src/composables/useLoader/useLoader.ts"],"sourcesContent":["import { getCurrentInstanceName, propsFactory } from '@cds/core';\nimport type { ExtractPublicPropTypes, MaybeRefOrGetter, PropType } from 'vue';\nimport { toRef, toValue } from 'vue';\n\nexport interface LoaderSlotProps {\n  color: string | undefined;\n  isActive: boolean;\n}\n\n/**\n * A factory function that defines props for a loader component.\n *\n * The `defineLoaderProps` variable utilizes `propsFactory` to create the `loading` prop,\n * which indicates the loading state of a component.\n *\n * Properties:\n * - `loading`: Accepts `Boolean` or `String` values. Represents the loading state\n *   of the component, with an optional default value of `undefined`.\n *\n * Used for generating consistent props configurations related to loading indicators.\n */\nexport const defineLoaderProps = propsFactory(\n  {\n    /** Индикатор загрузки для компонента */\n    loading: {\n      type: [Boolean, String] as PropType<boolean | string>,\n      default: undefined\n    }\n  },\n  'loader'\n);\n\nexport type LoaderProps = ExtractPublicPropTypes<ReturnType<typeof defineLoaderProps>>;\n\n/**\n * A composable function that provides reactive loader class information\n * based on the loading state defined in the provided properties.\n *\n * @param {MaybeRefOrGetter<LoaderProps>} props - Reactive or non-reactive loader properties that include the loading state.\n * @param {string} [name=getCurrentInstanceName()] - The component or context name to prefix the loader class.\n * @return {Object} An object containing reactive `loaderClasses` which maps the loader class name to its active state.\n */\nexport function useLoader(props: MaybeRefOrGetter<LoaderProps>, name = getCurrentInstanceName()) {\n  const loaderClasses = toRef(() => ({\n    [`${name}--loading`]: toValue(props).loading\n  }));\n\n  return { loaderClasses };\n}\n"],"names":[],"mappings":";;;AAqBO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA,IAEE,SAAS;AAAA,MACP,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;AAYO,SAAS,UAAU,OAAsC,OAAO,0BAA0B;AAC/F,QAAM,gBAAgB,MAAM,OAAO;AAAA,IACjC,CAAC,GAAG,IAAI,WAAW,GAAG,QAAQ,KAAK,EAAE;AAAA,EAAA,EACrC;AAEF,SAAO,EAAE,cAAA;AACX;"}
+{"version":3,"file":"useLoader.js","sources":["../../../../../src/composables/useLoader/useLoader.ts"],"sourcesContent":["import { getCurrentInstanceName, propsFactory } from '@cds/core';\nimport type { ExtractPublicPropTypes, MaybeRefOrGetter, PropType } from 'vue';\nimport { toRef, toValue } from 'vue';\n\nexport interface LoaderSlotProps {\n  color: string | undefined;\n  isActive: boolean;\n}\n\n/**\n * A factory function that defines props for a loader component.\n *\n * The `defineLoaderProps` variable utilizes `propsFactory` to create the `loading` prop,\n * which indicates the loading state of a component.\n *\n * Properties:\n * - `loading`: Accepts `Boolean` or `String` values. Represents the loading state\n *   of the component, with an optional default value of `undefined`.\n *\n * Used for generating consistent props configurations related to loading indicators.\n */\nexport const defineLoaderProps = propsFactory(\n  {\n    /**\n     * Индикатор загрузки для компонента\n     * @en Loading indicator for the component\n     */\n    loading: {\n      type: [Boolean, String] as PropType<boolean | string>,\n      default: undefined\n    }\n  },\n  'loader'\n);\n\nexport type LoaderProps = ExtractPublicPropTypes<ReturnType<typeof defineLoaderProps>>;\n\n/**\n * A composable function that provides reactive loader class information\n * based on the loading state defined in the provided properties.\n *\n * @param {MaybeRefOrGetter<LoaderProps>} props - Reactive or non-reactive loader properties that include the loading state.\n * @param {string} [name=getCurrentInstanceName()] - The component or context name to prefix the loader class.\n * @return {Object} An object containing reactive `loaderClasses` which maps the loader class name to its active state.\n */\nexport function useLoader(props: MaybeRefOrGetter<LoaderProps>, name = getCurrentInstanceName()) {\n  const loaderClasses = toRef(() => ({\n    [`${name}--loading`]: toValue(props).loading\n  }));\n\n  return { loaderClasses };\n}\n"],"names":[],"mappings":";;;AAqBO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,SAAS;AAAA,MACP,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;AAYO,SAAS,UAAU,OAAsC,OAAO,0BAA0B;AAC/F,QAAM,gBAAgB,MAAM,OAAO;AAAA,IACjC,CAAC,GAAG,IAAI,WAAW,GAAG,QAAQ,KAAK,EAAE;AAAA,EAAA,EACrC;AAEF,SAAO,EAAE,cAAA;AACX;"}

package/dist/es/src/composables/useLocation/index.js

@@ -1,2 +1,2 @@
-
+import "vue";
 //# sourceMappingURL=index.js.map

package/dist/es/src/composables/useLocation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/es/src/composables/useLocation/useLocation.js

@@ -11,7 +11,10 @@ const oppositeMap = {
 };
 const defineLocationProps = propsFactory(
   {
-    /** Позиционирование элемента относительно его контейнера. Например, "top left", "center", "bottom right" и т.д. */
+    /**
+     * Позиционирование элемента относительно его контейнера. Например, "top left", "center", "bottom right" и т.д.
+     * @en Position of the element relative to its container, for example "top left", "center", "bottom right".
+     */
     location: String
   },
   "location"

package/dist/es/src/composables/useLocation/useLocation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocation.js","sources":["../../../../../src/composables/useLocation/useLocation.ts"],"sourcesContent":["import { useRtl } from '@cds/composables/useLocale';\nimport { propsFactory } from '@cds/core';\nimport { type Anchor, parseAnchor } from '@cds/utils';\nimport { computed, type CSSProperties, type ExtractPublicPropTypes, type PropType } from 'vue';\n\nconst oppositeMap = {\n  center: 'center',\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left'\n} as const;\n\nexport const defineLocationProps = propsFactory(\n  {\n    /** Позиционирование элемента относительно его контейнера. Например, \"top left\", \"center\", \"bottom right\" и т.д. */\n    location: String as PropType<Anchor | null>\n  },\n  'location'\n);\n\nexport interface LocationProps extends ExtractPublicPropTypes<ReturnType<typeof defineLocationProps>> {}\n\n/**\n * Computes and returns CSS styles based on the specified location, alignment, and offset logic.\n *\n * @param {LocationProps} props - The properties containing the location configuration.\n * @param {boolean} [opposite=false] - Determines whether to apply styles in the opposite direction.\n * @param {function(string): number} [offset] - A function that calculates the offset for a specific side.\n * @return {{ locationStyles: import('vue').ComputedRef<CSSProperties> }} An object containing a computed ref with the calculated CSS properties.\n */\nexport function useLocation(props: LocationProps, opposite = false, offset?: (side: string) => number) {\n  const { isRtl } = useRtl();\n\n  const locationStyles = computed(() => {\n    if (!props.location) return {};\n\n    const { side, align } = parseAnchor(\n      props.location.split(' ').length > 1 ? props.location : (`${props.location} center` as Anchor),\n      isRtl.value\n    );\n\n    function getOffset(side: string) {\n      return offset ? offset(side) : 0;\n    }\n\n    const styles = {} as CSSProperties;\n\n    if (side !== 'center') {\n      if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`;\n      else styles[side] = 0;\n    }\n    if (align !== 'center') {\n      if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`;\n      else styles[align] = 0;\n    } else {\n      if (side === 'center') styles.top = styles.left = '50%';\n      else {\n        styles[\n          (\n            {\n              top: 'left',\n              bottom: 'left',\n              left: 'top',\n              right: 'top'\n            } as const\n          )[side]\n        ] = '50%';\n      }\n      styles.transform = {\n        top: 'translateX(-50%)',\n        bottom: 'translateX(-50%)',\n        left: 'translateY(-50%)',\n        right: 'translateY(-50%)',\n        center: 'translate(-50%, -50%)'\n      }[side];\n    }\n\n    return styles;\n  });\n\n  return { locationStyles };\n}\n"],"names":["side"],"mappings":";;;;AAKA,MAAM,cAAc;AAAA,EAClB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,IAEE,UAAU;AAAA,EAAA;AAAA,EAEZ;AACF;AAYO,SAAS,YAAY,OAAsB,WAAW,OAAO,QAAmC;AACrG,QAAM,EAAE,MAAA,IAAU,OAAA;AAElB,QAAM,iBAAiB,SAAS,MAAM;AACpC,QAAI,CAAC,MAAM,SAAU,QAAO,CAAA;AAE5B,UAAM,EAAE,MAAM,MAAA,IAAU;AAAA,MACtB,MAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IAAI,MAAM,WAAY,GAAG,MAAM,QAAQ;AAAA,MAC1E,MAAM;AAAA,IAAA;AAGR,aAAS,UAAUA,OAAc;AAC/B,aAAO,SAAS,OAAOA,KAAI,IAAI;AAAA,IACjC;AAEA,UAAM,SAAS,CAAA;AAEf,QAAI,SAAS,UAAU;AACrB,UAAI,iBAAiB,YAAY,IAAI,CAAC,IAAI,eAAe,UAAU,IAAI,CAAC;AAAA,UACnE,QAAO,IAAI,IAAI;AAAA,IACtB;AACA,QAAI,UAAU,UAAU;AACtB,UAAI,iBAAiB,YAAY,KAAK,CAAC,IAAI,eAAe,UAAU,KAAK,CAAC;AAAA,UACrE,QAAO,KAAK,IAAI;AAAA,IACvB,OAAO;AACL,UAAI,SAAS,SAAU,QAAO,MAAM,OAAO,OAAO;AAAA,WAC7C;AACH,eAEI;AAAA,UACE,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,QAAA,EAET,IAAI,CACR,IAAI;AAAA,MACN;AACA,aAAO,YAAY;AAAA,QACjB,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA,EACR,IAAI;AAAA,IACR;AAEA,WAAO;AAAA,EACT,CAAC;AAED,SAAO,EAAE,eAAA;AACX;"}
+{"version":3,"file":"useLocation.js","sources":["../../../../../src/composables/useLocation/useLocation.ts"],"sourcesContent":["import { useRtl } from '@cds/composables/useLocale';\nimport { propsFactory } from '@cds/core';\nimport { type Anchor, parseAnchor } from '@cds/utils';\nimport { computed, type CSSProperties, type ExtractPublicPropTypes, type PropType } from 'vue';\n\nconst oppositeMap = {\n  center: 'center',\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left'\n} as const;\n\nexport const defineLocationProps = propsFactory(\n  {\n    /**\n     * Позиционирование элемента относительно его контейнера. Например, \"top left\", \"center\", \"bottom right\" и т.д.\n     * @en Position of the element relative to its container, for example \"top left\", \"center\", \"bottom right\".\n     */\n    location: String as PropType<Anchor | null>\n  },\n  'location'\n);\n\nexport interface LocationProps extends ExtractPublicPropTypes<ReturnType<typeof defineLocationProps>> {}\n\n/**\n * Computes and returns CSS styles based on the specified location, alignment, and offset logic.\n *\n * @param {LocationProps} props - The properties containing the location configuration.\n * @param {boolean} [opposite=false] - Determines whether to apply styles in the opposite direction.\n * @param {function(string): number} [offset] - A function that calculates the offset for a specific side.\n * @return {{ locationStyles: import('vue').ComputedRef<CSSProperties> }} An object containing a computed ref with the calculated CSS properties.\n */\nexport function useLocation(props: LocationProps, opposite = false, offset?: (side: string) => number) {\n  const { isRtl } = useRtl();\n\n  const locationStyles = computed(() => {\n    if (!props.location) return {};\n\n    const { side, align } = parseAnchor(\n      props.location.split(' ').length > 1 ? props.location : (`${props.location} center` as Anchor),\n      isRtl.value\n    );\n\n    function getOffset(side: string) {\n      return offset ? offset(side) : 0;\n    }\n\n    const styles = {} as CSSProperties;\n\n    if (side !== 'center') {\n      if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`;\n      else styles[side] = 0;\n    }\n    if (align !== 'center') {\n      if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`;\n      else styles[align] = 0;\n    } else {\n      if (side === 'center') styles.top = styles.left = '50%';\n      else {\n        styles[\n          (\n            {\n              top: 'left',\n              bottom: 'left',\n              left: 'top',\n              right: 'top'\n            } as const\n          )[side]\n        ] = '50%';\n      }\n      styles.transform = {\n        top: 'translateX(-50%)',\n        bottom: 'translateX(-50%)',\n        left: 'translateY(-50%)',\n        right: 'translateY(-50%)',\n        center: 'translate(-50%, -50%)'\n      }[side];\n    }\n\n    return styles;\n  });\n\n  return { locationStyles };\n}\n"],"names":["side"],"mappings":";;;;AAKA,MAAM,cAAc;AAAA,EAClB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA,EAAA;AAAA,EAEZ;AACF;AAYO,SAAS,YAAY,OAAsB,WAAW,OAAO,QAAmC;AACrG,QAAM,EAAE,MAAA,IAAU,OAAA;AAElB,QAAM,iBAAiB,SAAS,MAAM;AACpC,QAAI,CAAC,MAAM,SAAU,QAAO,CAAA;AAE5B,UAAM,EAAE,MAAM,MAAA,IAAU;AAAA,MACtB,MAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IAAI,MAAM,WAAY,GAAG,MAAM,QAAQ;AAAA,MAC1E,MAAM;AAAA,IAAA;AAGR,aAAS,UAAUA,OAAc;AAC/B,aAAO,SAAS,OAAOA,KAAI,IAAI;AAAA,IACjC;AAEA,UAAM,SAAS,CAAA;AAEf,QAAI,SAAS,UAAU;AACrB,UAAI,iBAAiB,YAAY,IAAI,CAAC,IAAI,eAAe,UAAU,IAAI,CAAC;AAAA,UACnE,QAAO,IAAI,IAAI;AAAA,IACtB;AACA,QAAI,UAAU,UAAU;AACtB,UAAI,iBAAiB,YAAY,KAAK,CAAC,IAAI,eAAe,UAAU,KAAK,CAAC;AAAA,UACrE,QAAO,KAAK,IAAI;AAAA,IACvB,OAAO;AACL,UAAI,SAAS,SAAU,QAAO,MAAM,OAAO,OAAO;AAAA,WAC7C;AACH,eAEI;AAAA,UACE,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,QAAA,EAET,IAAI,CACR,IAAI;AAAA,MACN;AACA,aAAO,YAAY;AAAA,QACjB,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA,EACR,IAAI;AAAA,IACR;AAEA,WAAO;AAAA,EACT,CAAC;AAED,SAAO,EAAE,eAAA;AACX;"}

package/dist/es/src/composables/useNested/useNested.js

@@ -10,27 +10,60 @@ import { m as multipleOpenStrategy, s as singleOpenStrategy, l as listOpenStrate
 import { c as classicSelectStrategy, b as branchSelectStrategy, t as trunkSelectStrategy, i as independentSingleSelectStrategy, a as independentSelectStrategy, l as leafSelectStrategy, d as leafSingleSelectStrategy } from "./strategies/selectStrategies.js";
 const defineNestedProps = propsFactory(
   {
-    /** Разрешает активацию элементов (выделение текущего элемента без режима выбора) */
+    /**
+     * Разрешает активацию элементов (выделение текущего элемента без режима выбора)
+     * @en Allows items to be activated (highlighting the current item without selection mode)
+     */
     activatable: Boolean,
-    /** Разрешает выбор элементов */
+    /**
+     * Разрешает выбор элементов
+     * @en Allows items to be selected
+     */
     selectable: Boolean,
-    /** Стратегия активации элементов (одиночная, множественная и т.д.) */
+    /**
+     * Стратегия активации элементов (одиночная, множественная и т.д.)
+     * @en Activation strategy for items (single, multiple, and so on)
+     */
     activeStrategy: [String, Function, Object],
-    /** Стратегия выбора элементов (`single-leaf`, `leaf`, `independent`, `classic` и т.д.) */
+    /**
+     * Стратегия выбора элементов (`single-leaf`, `leaf`, `independent`, `classic` и т.д.)
+     * @en Selection strategy for items (`single-leaf`, `leaf`, `independent`, `classic`, and so on)
+     */
     selectStrategy: [String, Function, Object],
-    /** Стратегия раскрытия групп (`list`, `single`, `multiple`) */
+    /**
+     * Стратегия раскрытия групп (`list`, `single`, `multiple`)
+     * @en Expansion strategy for groups (`list`, `single`, `multiple`)
+     */
     openStrategy: [String, Object],
-    /** Идентификаторы раскрытых групп (поддерживает v-model через `update:opened`) */
+    /**
+     * Идентификаторы раскрытых групп (поддерживает v-model через `update:opened`)
+     * @en Identifiers of the expanded groups (supports v-model through `update:opened`)
+     */
     opened: null,
-    /** Идентификаторы активных элементов (поддерживает v-model через `update:activated`) */
+    /**
+     * Идентификаторы активных элементов (поддерживает v-model через `update:activated`)
+     * @en Identifiers of the active items (supports v-model through `update:activated`)
+     */
     activated: null,
-    /** Идентификаторы выбранных элементов (поддерживает v-model через `update:selected`) */
+    /**
+     * Идентификаторы выбранных элементов (поддерживает v-model через `update:selected`)
+     * @en Identifiers of the selected items (supports v-model through `update:selected`)
+     */
     selected: null,
-    /** Делает выбор обязательным: запрещает снимать выбор с последнего элемента */
+    /**
+     * Делает выбор обязательным: запрещает снимать выбор с последнего элемента
+     * @en Makes the selection mandatory: forbids clearing the selection of the last item
+     */
     mandatory: Boolean,
-    /** Делает выбор обязательным: запрещает снимать выбор с последнего элемента */
+    /**
+     * Делает выбор обязательным: запрещает снимать выбор с последнего элемента
+     * @en Makes the selection mandatory: forbids clearing the selection of the last item
+     */
     required: Boolean,
-    /** Стратегия регистрации элементов: `render` — по мере рендеринга, иначе единоразово */
+    /**
+     * Стратегия регистрации элементов: `render` — по мере рендеринга, иначе единоразово
+     * @en Item registration strategy: `render` — as they are rendered, otherwise all at once
+     */
     itemsRegistration: {
       type: String,
       default: "render"

package/dist/es/src/composables/useNested/useNested.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNested.js","sources":["../../../../../src/composables/useNested/useNested.ts"],"sourcesContent":["import type { ListItem } from '@cds/composables/useItems';\nimport { getCurrentInstance, propsFactory, useProxyModel } from '@cds/core';\nimport { error, throttle } from '@cds/utils';\nimport {\n  computed,\n  type ExtractPublicPropTypes,\n  inject,\n  type MaybeRefOrGetter,\n  nextTick,\n  onBeforeMount,\n  onBeforeUnmount,\n  type PropType,\n  provide,\n  type Ref,\n  shallowRef,\n  toRaw,\n  toRef,\n  toValue,\n  unref,\n  watch\n} from 'vue';\n\nimport { CdsNestedSymbol, emptyNested } from './internal/useNested.constants';\nimport type {\n  ActiveStrategyProp,\n  ItemsRegistrationType,\n  NestedProvide,\n  OpenStrategyProp,\n  SelectStrategyProp\n} from './internal/useNested.types';\nimport {\n  independentActiveStrategy,\n  independentSingleActiveStrategy,\n  leafActiveStrategy,\n  leafSingleActiveStrategy\n} from './strategies/activeStrategies';\nimport { listOpenStrategy, multipleOpenStrategy, singleOpenStrategy } from './strategies/openStrategies';\nimport {\n  branchSelectStrategy,\n  classicSelectStrategy,\n  independentSelectStrategy,\n  independentSingleSelectStrategy,\n  leafSelectStrategy,\n  leafSingleSelectStrategy,\n  trunkSelectStrategy\n} from './strategies/selectStrategies';\n\nexport const defineNestedProps = propsFactory(\n  {\n    /** Разрешает активацию элементов (выделение текущего элемента без режима выбора) */\n    activatable: Boolean,\n    /** Разрешает выбор элементов */\n    selectable: Boolean,\n    /** Стратегия активации элементов (одиночная, множественная и т.д.) */\n    activeStrategy: [String, Function, Object] as PropType<ActiveStrategyProp>,\n    /** Стратегия выбора элементов (`single-leaf`, `leaf`, `independent`, `classic` и т.д.) */\n    selectStrategy: [String, Function, Object] as PropType<SelectStrategyProp>,\n    /** Стратегия раскрытия групп (`list`, `single`, `multiple`) */\n    openStrategy: [String, Object] as PropType<OpenStrategyProp>,\n    /** Идентификаторы раскрытых групп (поддерживает v-model через `update:opened`) */\n    opened: null,\n    /** Идентификаторы активных элементов (поддерживает v-model через `update:activated`) */\n    activated: null,\n    /** Идентификаторы выбранных элементов (поддерживает v-model через `update:selected`) */\n    selected: null,\n    /** Делает выбор обязательным: запрещает снимать выбор с последнего элемента */\n    mandatory: Boolean,\n    /** Делает выбор обязательным: запрещает снимать выбор с последнего элемента */\n    required: Boolean,\n    /** Стратегия регистрации элементов: `render` — по мере рендеринга, иначе единоразово */\n    itemsRegistration: {\n      type: String as PropType<ItemsRegistrationType>,\n      default: 'render'\n    }\n  },\n  'nested'\n);\n\nexport interface NestedProps extends ExtractPublicPropTypes<ReturnType<typeof defineNestedProps>> {}\n\n/**\n * Provides functionality to manage nested structures of items, including operations like activation, selection,\n * and opening or collapsing sub-items. It handles interactions with hierarchical data structures and maintains\n * internal mappings for children, parents, and disabled states of items.\n *\n * @param {NestedProps} props - Properties that define the nested behavior and configurations.\n * @param {Object} param1 - Additional configuration options.\n * @param {Ref<ListItem[]>} param1.items - Reactive reference to the list of items in the nested structure.\n * @param {MaybeRefOrGetter<boolean>} param1.returnObject - Controls whether the item raw object or its value is returned.\n * @param {MaybeRefOrGetter<boolean>} param1.scrollToActive - Determines if the nested structure should scroll to the active item.\n * @return {NestedProvide} - An object containing methods and properties to manage nested items, including registration,\n * unregistration, and updating states like selection or opening.\n */\nexport function useNested(\n  props: NestedProps,\n  {\n    items,\n    returnObject,\n    scrollToActive\n  }: {\n    items: Ref<ListItem[]>;\n    returnObject: MaybeRefOrGetter<boolean>;\n    scrollToActive: MaybeRefOrGetter<boolean>;\n  }\n) {\n  let isUnmounted = false;\n  const children = shallowRef(new Map<unknown, unknown[]>());\n  const parents = shallowRef(new Map<unknown, unknown>());\n  const disabled = shallowRef(new Set<unknown>());\n\n  const vm = getCurrentInstance('nested');\n\n  const opened = useProxyModel(\n    props,\n    'opened',\n    props.opened,\n    (value) => new Set(Array.isArray(value) ? value.map((item) => toRaw(item)) : value),\n    (value) => [...value.values()]\n  );\n\n  const activeStrategy = computed(() => {\n    if (typeof props.activeStrategy === 'object') return props.activeStrategy;\n    if (typeof props.activeStrategy === 'function') return props.activeStrategy(props.mandatory);\n\n    switch (props.activeStrategy) {\n      case 'leaf':\n        return leafActiveStrategy(props.mandatory);\n      case 'single-leaf':\n        return leafSingleActiveStrategy(props.mandatory);\n      case 'independent':\n        return independentActiveStrategy(props.mandatory);\n      case 'single-independent':\n      default:\n        return independentSingleActiveStrategy(props.mandatory);\n    }\n  });\n\n  const selectStrategy = computed(() => {\n    if (typeof props.selectStrategy === 'object') return props.selectStrategy;\n    if (typeof props.selectStrategy === 'function') return props.selectStrategy(props.mandatory);\n\n    switch (props.selectStrategy) {\n      case 'single-leaf':\n        return leafSingleSelectStrategy(props.mandatory);\n      case 'leaf':\n        return leafSelectStrategy(props.mandatory);\n      case 'independent':\n        return independentSelectStrategy(props.mandatory);\n      case 'single-independent':\n        return independentSingleSelectStrategy(props.mandatory);\n      case 'trunk':\n        return trunkSelectStrategy(props.mandatory);\n      case 'branch':\n        return branchSelectStrategy(props.mandatory);\n      case 'classic':\n      default:\n        return classicSelectStrategy(props.mandatory);\n    }\n  });\n\n  const openStrategy = computed(() => {\n    if (typeof props.openStrategy === 'object') return props.openStrategy;\n\n    switch (props.openStrategy) {\n      case 'list':\n        return listOpenStrategy;\n      case 'single':\n        return singleOpenStrategy;\n      case 'multiple':\n      default:\n        return multipleOpenStrategy;\n    }\n  });\n\n  const activated = useProxyModel(\n    props,\n    'activated',\n    props.activated,\n    (value) => unref(activeStrategy).in(value, unref(children), unref(parents)),\n    (value) => unref(activeStrategy).out(value, unref(children), unref(parents))\n  );\n  const selected = useProxyModel(\n    props,\n    'selected',\n    props.selected,\n    (value) => unref(selectStrategy).in(value, unref(children), unref(parents), unref(disabled)),\n    (value) => unref(selectStrategy).out(value, unref(children), unref(parents))\n  );\n\n  onBeforeUnmount(() => {\n    isUnmounted = true;\n  });\n\n  const nodeIds = new Set<unknown>();\n\n  const itemsUpdatePropagation = throttle(() => {\n    nextTick(() => {\n      children.value = new Map(children.value);\n      parents.value = new Map(parents.value);\n    });\n  }, 100);\n\n  watch(\n    () => [items.value, toValue(returnObject)],\n    () => {\n      if (props.itemsRegistration === 'props') {\n        updateInternalMaps();\n      }\n    },\n    { immediate: true }\n  );\n\n  function getPath(id: unknown) {\n    const path: unknown[] = [];\n    let parent: unknown = toRaw(id);\n\n    while (parent !== undefined) {\n      path.unshift(parent);\n      parent = parents.value.get(parent);\n    }\n\n    return path;\n  }\n\n  function updateInternalMaps() {\n    const _parents = new Map();\n    const _children = new Map();\n    const _disabled = new Set();\n\n    const getValue = toValue(returnObject) ? (item: ListItem) => toRaw(item.raw) : (item: ListItem) => item.value;\n\n    const stack = [...items.value];\n    let i = 0;\n    while (i < stack.length) {\n      const item = stack[i++];\n      const itemValue = getValue(item);\n\n      if (item.children) {\n        const childValues = [];\n        for (const child of item.children) {\n          const childValue = getValue(child);\n          _parents.set(childValue, itemValue);\n          childValues.push(childValue);\n          stack.push(child);\n        }\n        _children.set(itemValue, childValues);\n      }\n\n      if (item.props.disabled) {\n        _disabled.add(itemValue);\n      }\n    }\n\n    children.value = _children;\n    parents.value = _parents;\n    disabled.value = _disabled;\n  }\n\n  const nested: NestedProvide = {\n    id: shallowRef(),\n    root: {\n      opened,\n      activatable: toRef(() => props.activatable),\n      scrollToActive: toRef(() => toValue(scrollToActive)),\n      selectable: toRef(() => props.selectable),\n      activated,\n      selected,\n      selectedValues: computed(() => {\n        const arr = [];\n\n        for (const [key, value] of selected.value.entries()) {\n          if (value === 'on') arr.push(key);\n        }\n\n        return arr;\n      }),\n      itemsRegistration: toRef(() => props.itemsRegistration),\n      register: (id, parentId, isDisabled, isGroup) => {\n        if (nodeIds.has(id)) {\n          const path = getPath(id).map(String).join(' -> ');\n          const newPath = getPath(parentId).concat(id).map(String).join(' -> ');\n          error(`Multiple nodes with the same ID\\n\\t${path}\\n\\t${newPath}`);\n          return;\n        } else {\n          nodeIds.add(id);\n        }\n\n        parentId && id !== parentId && parents.value.set(id, parentId);\n\n        isDisabled && disabled.value.add(id);\n        isGroup && children.value.set(id, []);\n\n        if (parentId != null) {\n          children.value.set(parentId, [...(children.value.get(parentId) || []), id]);\n        }\n        itemsUpdatePropagation();\n      },\n      unregister: (id) => {\n        if (isUnmounted) return;\n\n        nodeIds.delete(id);\n        children.value.delete(id);\n        disabled.value.delete(id);\n        const parent = parents.value.get(id);\n        if (parent) {\n          const list = children.value.get(parent) ?? [];\n          children.value.set(\n            parent,\n            list.filter((child) => child !== id)\n          );\n        }\n        parents.value.delete(id);\n        itemsUpdatePropagation();\n      },\n      updateDisabled: (id, isDisabled) => {\n        if (isDisabled) {\n          disabled.value.add(id);\n        } else {\n          disabled.value.delete(id);\n        }\n        // classic selection requires refresh to re-evaluate on/off/indeterminate but\n        // currently it is only run for selection interactions, so it will set new disabled\n        // to \"off\" and the visual state becomes out of sync\n        // -- selected.value = new Map(selected.value)\n        // it is not clear if the framework should un-select when disabled changed to true\n        // more discussion is needed\n      },\n      open: (id, value, event) => {\n        vm.emit('click:open', { id, value, path: getPath(id), event });\n\n        const newOpened = openStrategy.value.open({\n          id,\n          value,\n          opened: new Set(opened.value),\n          children: children.value,\n          parents: parents.value,\n          event\n        });\n\n        newOpened && (opened.value = newOpened);\n      },\n      openOnSelect: (id, value, event) => {\n        const newOpened = openStrategy.value.select({\n          id,\n          value,\n          selected: new Map(selected.value),\n          opened: new Set(opened.value),\n          children: children.value,\n          parents: parents.value,\n          event\n        });\n        newOpened && (opened.value = newOpened);\n      },\n      select: (id, value, event) => {\n        vm.emit('click:select', { id, value, path: getPath(id), event });\n\n        const newSelected = selectStrategy.value.select({\n          id,\n          value,\n          selected: new Map(selected.value),\n          children: children.value,\n          parents: parents.value,\n          disabled: disabled.value,\n          event\n        });\n        newSelected && (selected.value = newSelected);\n\n        nested.root.openOnSelect(id, value, event);\n      },\n      activate: (id, value, event) => {\n        if (!props.activatable) {\n          return nested.root.select(id, true, event);\n        }\n\n        vm.emit('click:activate', { id, value, path: getPath(id), event });\n\n        const newActivated = activeStrategy.value.activate({\n          id,\n          value,\n          activated: new Set(activated.value),\n          children: children.value,\n          parents: parents.value,\n          event\n        });\n\n        if (newActivated.size !== activated.value.size) {\n          activated.value = newActivated;\n        } else {\n          for (const value of newActivated) {\n            if (!activated.value.has(value)) {\n              activated.value = newActivated;\n              return;\n            }\n          }\n          for (const value of activated.value) {\n            if (!newActivated.has(value)) {\n              activated.value = newActivated;\n              return;\n            }\n          }\n        }\n      },\n      children,\n      parents,\n      disabled,\n      getPath\n    }\n  };\n\n  provide(CdsNestedSymbol, nested);\n\n  return nested.root;\n}\n\n/**\n * Function `useNestedItem` provides a mechanism to manage and interact with a nested item in a hierarchical structure.\n * This function is designed to work within a system dependent on reactivity and provides integration with a parent context.\n *\n * @param {MaybeRefOrGetter<unknown>} id - A unique identifier for the nested item. It can be a reactive reference, a getter, or a raw value.\n * @param {MaybeRefOrGetter<boolean>} isDisabled - A flag indicating whether the nested item is disabled. It supports reactivity.\n * @param {boolean} isGroup - A boolean value specifying if the nested item acts as a group parent.\n * @returns {Object} - Returns an item object containing reactive properties and methods to interact with the nested item and its hierarchy.\n *\n * Reactive State and Methods:\n * - `id`: The unique identifier of the nested item, resolved reactively.\n * - `open(open: boolean, e: Event)`: Toggles the open state for this item.\n * - `openOnSelect(open: boolean, e?: Event)`: Toggles the open state based on selection changes.\n * - `isOpen`: A computed property reflecting whether the item is currently open.\n * - `parent`: A computed property referring to the item's immediate parent in the hierarchy.\n * - `activate(activated: boolean, e?: Event)`: Activates or deactivates the item.\n * - `isActivated`: A computed property reflecting whether the item is currently activated.\n * - `scrollToActive`: Scrolls to the active item in the hierarchy.\n * - `select(selected: boolean, e?: Event)`: Selects or deselects the item.\n * - `isSelected`: A computed property indicating if the item is selected.\n * - `isIndeterminate`: A computed property indicating if the item selection is in an indeterminate state.\n * - `isLeaf`: A computed property indicating if the item is a leaf node (i.e., without children).\n * - `isGroupActivator`: A flag inherited from the parent, used for group-specific activation.\n *\n * Lifecycle Management:\n * - Registers the nested item with its parent context upon mounting unless `isGroupActivator` or specific parent configuration prevents registration.\n * - Unregisters the nested item from its parent context upon unmounting unless `isGroupActivator` or specific parent configuration prevents it.\n * - Tracks updates to `id` or `isDisabled` and notifies the parent context to ensure consistency.\n *\n * Dependency Injection:\n * - Injects a parent context using the symbol `CdsNestedSymbol`.\n * - Provides the current item to descendant contexts if `isGroup` is true.\n */\nexport const useNestedItem = (\n  id: MaybeRefOrGetter<unknown>,\n  isDisabled: MaybeRefOrGetter<boolean>,\n  isGroup: boolean\n) => {\n  const parent = inject(CdsNestedSymbol, emptyNested);\n\n  const uidSymbol = Symbol('nested item');\n  const computedId = computed(() => {\n    const idValue = toRaw(toValue(id));\n    return idValue !== undefined ? idValue : uidSymbol;\n  });\n\n  const item = {\n    ...parent,\n    id: computedId,\n    open: (open: boolean, e: Event) => parent.root.open(computedId.value, open, e),\n    openOnSelect: (open: boolean, e?: Event) => parent.root.openOnSelect(computedId.value, open, e),\n    isOpen: computed(() => parent.root.opened.value.has(computedId.value)),\n    parent: computed(() => parent.root.parents.value.get(computedId.value)),\n    activate: (activated: boolean, e?: Event) => parent.root.activate(computedId.value, activated, e),\n    isActivated: computed(() => parent.root.activated.value.has(computedId.value)),\n    scrollToActive: parent.root.scrollToActive,\n    select: (selected: boolean, e?: Event) => parent.root.select(computedId.value, selected, e),\n    isSelected: computed(() => parent.root.selected.value.get(computedId.value) === 'on'),\n    isIndeterminate: computed(() => parent.root.selected.value.get(computedId.value) === 'indeterminate'),\n    isLeaf: computed(() => !parent.root.children.value.get(computedId.value)),\n    isGroupActivator: parent.isGroupActivator\n  };\n\n  onBeforeMount(() => {\n    if (parent.isGroupActivator || parent.root.itemsRegistration.value === 'props') return;\n    nextTick(() => {\n      parent.root.register(computedId.value, parent.id.value, toValue(isDisabled), isGroup);\n    });\n  });\n\n  onBeforeUnmount(() => {\n    if (parent.isGroupActivator || parent.root.itemsRegistration.value === 'props') return;\n    parent.root.unregister(computedId.value);\n  });\n\n  watch(computedId, (val, oldVal) => {\n    if (parent.isGroupActivator || parent.root.itemsRegistration.value === 'props') return;\n    parent.root.unregister(oldVal);\n    nextTick(() => {\n      parent.root.register(val, parent.id.value, toValue(isDisabled), isGroup);\n    });\n  });\n\n  watch(\n    () => toValue(isDisabled),\n    (val) => {\n      parent.root.updateDisabled(computedId.value, val);\n    }\n  );\n\n  isGroup && provide(CdsNestedSymbol, item);\n\n  return item;\n};\n\n/**\n * A composable function that sets up and provides a nested group activator context.\n *\n * This function injects the current context associated with the CdsNestedSymbol and merges it with a\n * new property `isGroupActivator` set to `true`. The updated context is provided back\n * for nested components to access. This is typically used in hierarchical component structures\n * to activate nested group functionality.\n *\n * Dependencies:\n * - `inject` is used to retrieve the parent context of the CdsNestedSymbol.\n * - `provide` is used to supply the updated context to the component tree.\n *\n * Context Symbols:\n * - `CdsNestedSymbol` represents the unique symbol key used for nested data manipulation.\n * - `emptyNested` is the default context provided when no parent context is available.\n */\nexport const useNestedGroupActivator = () => {\n  const parent = inject(CdsNestedSymbol, emptyNested);\n\n  provide(CdsNestedSymbol, { ...parent, isGroupActivator: true });\n};\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"useNested.js","sources":["../../../../../src/composables/useNested/useNested.ts"],"sourcesContent":["import type { ListItem } from '@cds/composables/useItems';\nimport { getCurrentInstance, propsFactory, useProxyModel } from '@cds/core';\nimport { error, throttle } from '@cds/utils';\nimport {\n  computed,\n  type ExtractPublicPropTypes,\n  inject,\n  type MaybeRefOrGetter,\n  nextTick,\n  onBeforeMount,\n  onBeforeUnmount,\n  type PropType,\n  provide,\n  type Ref,\n  shallowRef,\n  toRaw,\n  toRef,\n  toValue,\n  unref,\n  watch\n} from 'vue';\n\nimport { CdsNestedSymbol, emptyNested } from './internal/useNested.constants';\nimport type {\n  ActiveStrategyProp,\n  ItemsRegistrationType,\n  NestedProvide,\n  OpenStrategyProp,\n  SelectStrategyProp\n} from './internal/useNested.types';\nimport {\n  independentActiveStrategy,\n  independentSingleActiveStrategy,\n  leafActiveStrategy,\n  leafSingleActiveStrategy\n} from './strategies/activeStrategies';\nimport { listOpenStrategy, multipleOpenStrategy, singleOpenStrategy } from './strategies/openStrategies';\nimport {\n  branchSelectStrategy,\n  classicSelectStrategy,\n  independentSelectStrategy,\n  independentSingleSelectStrategy,\n  leafSelectStrategy,\n  leafSingleSelectStrategy,\n  trunkSelectStrategy\n} from './strategies/selectStrategies';\n\nexport const defineNestedProps = propsFactory(\n  {\n    /**\n     * Разрешает активацию элементов (выделение текущего элемента без режима выбора)\n     * @en Allows items to be activated (highlighting the current item without selection mode)\n     */\n    activatable: Boolean,\n    /**\n     * Разрешает выбор элементов\n     * @en Allows items to be selected\n     */\n    selectable: Boolean,\n    /**\n     * Стратегия активации элементов (одиночная, множественная и т.д.)\n     * @en Activation strategy for items (single, multiple, and so on)\n     */\n    activeStrategy: [String, Function, Object] as PropType<ActiveStrategyProp>,\n    /**\n     * Стратегия выбора элементов (`single-leaf`, `leaf`, `independent`, `classic` и т.д.)\n     * @en Selection strategy for items (`single-leaf`, `leaf`, `independent`, `classic`, and so on)\n     */\n    selectStrategy: [String, Function, Object] as PropType<SelectStrategyProp>,\n    /**\n     * Стратегия раскрытия групп (`list`, `single`, `multiple`)\n     * @en Expansion strategy for groups (`list`, `single`, `multiple`)\n     */\n    openStrategy: [String, Object] as PropType<OpenStrategyProp>,\n    /**\n     * Идентификаторы раскрытых групп (поддерживает v-model через `update:opened`)\n     * @en Identifiers of the expanded groups (supports v-model through `update:opened`)\n     */\n    opened: null,\n    /**\n     * Идентификаторы активных элементов (поддерживает v-model через `update:activated`)\n     * @en Identifiers of the active items (supports v-model through `update:activated`)\n     */\n    activated: null,\n    /**\n     * Идентификаторы выбранных элементов (поддерживает v-model через `update:selected`)\n     * @en Identifiers of the selected items (supports v-model through `update:selected`)\n     */\n    selected: null,\n    /**\n     * Делает выбор обязательным: запрещает снимать выбор с последнего элемента\n     * @en Makes the selection mandatory: forbids clearing the selection of the last item\n     */\n    mandatory: Boolean,\n    /**\n     * Делает выбор обязательным: запрещает снимать выбор с последнего элемента\n     * @en Makes the selection mandatory: forbids clearing the selection of the last item\n     */\n    required: Boolean,\n    /**\n     * Стратегия регистрации элементов: `render` — по мере рендеринга, иначе единоразово\n     * @en Item registration strategy: `render` — as they are rendered, otherwise all at once\n     */\n    itemsRegistration: {\n      type: String as PropType<ItemsRegistrationType>,\n      default: 'render'\n    }\n  },\n  'nested'\n);\n\nexport interface NestedProps extends ExtractPublicPropTypes<ReturnType<typeof defineNestedProps>> {}\n\n/**\n * Provides functionality to manage nested structures of items, including operations like activation, selection,\n * and opening or collapsing sub-items. It handles interactions with hierarchical data structures and maintains\n * internal mappings for children, parents, and disabled states of items.\n *\n * @param {NestedProps} props - Properties that define the nested behavior and configurations.\n * @param {Object} param1 - Additional configuration options.\n * @param {Ref<ListItem[]>} param1.items - Reactive reference to the list of items in the nested structure.\n * @param {MaybeRefOrGetter<boolean>} param1.returnObject - Controls whether the item raw object or its value is returned.\n * @param {MaybeRefOrGetter<boolean>} param1.scrollToActive - Determines if the nested structure should scroll to the active item.\n * @return {NestedProvide} - An object containing methods and properties to manage nested items, including registration,\n * unregistration, and updating states like selection or opening.\n */\nexport function useNested(\n  props: NestedProps,\n  {\n    items,\n    returnObject,\n    scrollToActive\n  }: {\n    items: Ref<ListItem[]>;\n    returnObject: MaybeRefOrGetter<boolean>;\n    scrollToActive: MaybeRefOrGetter<boolean>;\n  }\n) {\n  let isUnmounted = false;\n  const children = shallowRef(new Map<unknown, unknown[]>());\n  const parents = shallowRef(new Map<unknown, unknown>());\n  const disabled = shallowRef(new Set<unknown>());\n\n  const vm = getCurrentInstance('nested');\n\n  const opened = useProxyModel(\n    props,\n    'opened',\n    props.opened,\n    (value) => new Set(Array.isArray(value) ? value.map((item) => toRaw(item)) : value),\n    (value) => [...value.values()]\n  );\n\n  const activeStrategy = computed(() => {\n    if (typeof props.activeStrategy === 'object') return props.activeStrategy;\n    if (typeof props.activeStrategy === 'function') return props.activeStrategy(props.mandatory);\n\n    switch (props.activeStrategy) {\n      case 'leaf':\n        return leafActiveStrategy(props.mandatory);\n      case 'single-leaf':\n        return leafSingleActiveStrategy(props.mandatory);\n      case 'independent':\n        return independentActiveStrategy(props.mandatory);\n      case 'single-independent':\n      default:\n        return independentSingleActiveStrategy(props.mandatory);\n    }\n  });\n\n  const selectStrategy = computed(() => {\n    if (typeof props.selectStrategy === 'object') return props.selectStrategy;\n    if (typeof props.selectStrategy === 'function') return props.selectStrategy(props.mandatory);\n\n    switch (props.selectStrategy) {\n      case 'single-leaf':\n        return leafSingleSelectStrategy(props.mandatory);\n      case 'leaf':\n        return leafSelectStrategy(props.mandatory);\n      case 'independent':\n        return independentSelectStrategy(props.mandatory);\n      case 'single-independent':\n        return independentSingleSelectStrategy(props.mandatory);\n      case 'trunk':\n        return trunkSelectStrategy(props.mandatory);\n      case 'branch':\n        return branchSelectStrategy(props.mandatory);\n      case 'classic':\n      default:\n        return classicSelectStrategy(props.mandatory);\n    }\n  });\n\n  const openStrategy = computed(() => {\n    if (typeof props.openStrategy === 'object') return props.openStrategy;\n\n    switch (props.openStrategy) {\n      case 'list':\n        return listOpenStrategy;\n      case 'single':\n        return singleOpenStrategy;\n      case 'multiple':\n      default:\n        return multipleOpenStrategy;\n    }\n  });\n\n  const activated = useProxyModel(\n    props,\n    'activated',\n    props.activated,\n    (value) => unref(activeStrategy).in(value, unref(children), unref(parents)),\n    (value) => unref(activeStrategy).out(value, unref(children), unref(parents))\n  );\n  const selected = useProxyModel(\n    props,\n    'selected',\n    props.selected,\n    (value) => unref(selectStrategy).in(value, unref(children), unref(parents), unref(disabled)),\n    (value) => unref(selectStrategy).out(value, unref(children), unref(parents))\n  );\n\n  onBeforeUnmount(() => {\n    isUnmounted = true;\n  });\n\n  const nodeIds = new Set<unknown>();\n\n  const itemsUpdatePropagation = throttle(() => {\n    nextTick(() => {\n      children.value = new Map(children.value);\n      parents.value = new Map(parents.value);\n    });\n  }, 100);\n\n  watch(\n    () => [items.value, toValue(returnObject)],\n    () => {\n      if (props.itemsRegistration === 'props') {\n        updateInternalMaps();\n      }\n    },\n    { immediate: true }\n  );\n\n  function getPath(id: unknown) {\n    const path: unknown[] = [];\n    let parent: unknown = toRaw(id);\n\n    while (parent !== undefined) {\n      path.unshift(parent);\n      parent = parents.value.get(parent);\n    }\n\n    return path;\n  }\n\n  function updateInternalMaps() {\n    const _parents = new Map();\n    const _children = new Map();\n    const _disabled = new Set();\n\n    const getValue = toValue(returnObject) ? (item: ListItem) => toRaw(item.raw) : (item: ListItem) => item.value;\n\n    const stack = [...items.value];\n    let i = 0;\n    while (i < stack.length) {\n      const item = stack[i++];\n      const itemValue = getValue(item);\n\n      if (item.children) {\n        const childValues = [];\n        for (const child of item.children) {\n          const childValue = getValue(child);\n          _parents.set(childValue, itemValue);\n          childValues.push(childValue);\n          stack.push(child);\n        }\n        _children.set(itemValue, childValues);\n      }\n\n      if (item.props.disabled) {\n        _disabled.add(itemValue);\n      }\n    }\n\n    children.value = _children;\n    parents.value = _parents;\n    disabled.value = _disabled;\n  }\n\n  const nested: NestedProvide = {\n    id: shallowRef(),\n    root: {\n      opened,\n      activatable: toRef(() => props.activatable),\n      scrollToActive: toRef(() => toValue(scrollToActive)),\n      selectable: toRef(() => props.selectable),\n      activated,\n      selected,\n      selectedValues: computed(() => {\n        const arr = [];\n\n        for (const [key, value] of selected.value.entries()) {\n          if (value === 'on') arr.push(key);\n        }\n\n        return arr;\n      }),\n      itemsRegistration: toRef(() => props.itemsRegistration),\n      register: (id, parentId, isDisabled, isGroup) => {\n        if (nodeIds.has(id)) {\n          const path = getPath(id).map(String).join(' -> ');\n          const newPath = getPath(parentId).concat(id).map(String).join(' -> ');\n          error(`Multiple nodes with the same ID\\n\\t${path}\\n\\t${newPath}`);\n          return;\n        } else {\n          nodeIds.add(id);\n        }\n\n        parentId && id !== parentId && parents.value.set(id, parentId);\n\n        isDisabled && disabled.value.add(id);\n        isGroup && children.value.set(id, []);\n\n        if (parentId != null) {\n          children.value.set(parentId, [...(children.value.get(parentId) || []), id]);\n        }\n        itemsUpdatePropagation();\n      },\n      unregister: (id) => {\n        if (isUnmounted) return;\n\n        nodeIds.delete(id);\n        children.value.delete(id);\n        disabled.value.delete(id);\n        const parent = parents.value.get(id);\n        if (parent) {\n          const list = children.value.get(parent) ?? [];\n          children.value.set(\n            parent,\n            list.filter((child) => child !== id)\n          );\n        }\n        parents.value.delete(id);\n        itemsUpdatePropagation();\n      },\n      updateDisabled: (id, isDisabled) => {\n        if (isDisabled) {\n          disabled.value.add(id);\n        } else {\n          disabled.value.delete(id);\n        }\n        // classic selection requires refresh to re-evaluate on/off/indeterminate but\n        // currently it is only run for selection interactions, so it will set new disabled\n        // to \"off\" and the visual state becomes out of sync\n        // -- selected.value = new Map(selected.value)\n        // it is not clear if the framework should un-select when disabled changed to true\n        // more discussion is needed\n      },\n      open: (id, value, event) => {\n        vm.emit('click:open', { id, value, path: getPath(id), event });\n\n        const newOpened = openStrategy.value.open({\n          id,\n          value,\n          opened: new Set(opened.value),\n          children: children.value,\n          parents: parents.value,\n          event\n        });\n\n        newOpened && (opened.value = newOpened);\n      },\n      openOnSelect: (id, value, event) => {\n        const newOpened = openStrategy.value.select({\n          id,\n          value,\n          selected: new Map(selected.value),\n          opened: new Set(opened.value),\n          children: children.value,\n          parents: parents.value,\n          event\n        });\n        newOpened && (opened.value = newOpened);\n      },\n      select: (id, value, event) => {\n        vm.emit('click:select', { id, value, path: getPath(id), event });\n\n        const newSelected = selectStrategy.value.select({\n          id,\n          value,\n          selected: new Map(selected.value),\n          children: children.value,\n          parents: parents.value,\n          disabled: disabled.value,\n          event\n        });\n        newSelected && (selected.value = newSelected);\n\n        nested.root.openOnSelect(id, value, event);\n      },\n      activate: (id, value, event) => {\n        if (!props.activatable) {\n          return nested.root.select(id, true, event);\n        }\n\n        vm.emit('click:activate', { id, value, path: getPath(id), event });\n\n        const newActivated = activeStrategy.value.activate({\n          id,\n          value,\n          activated: new Set(activated.value),\n          children: children.value,\n          parents: parents.value,\n          event\n        });\n\n        if (newActivated.size !== activated.value.size) {\n          activated.value = newActivated;\n        } else {\n          for (const value of newActivated) {\n            if (!activated.value.has(value)) {\n              activated.value = newActivated;\n              return;\n            }\n          }\n          for (const value of activated.value) {\n            if (!newActivated.has(value)) {\n              activated.value = newActivated;\n              return;\n            }\n          }\n        }\n      },\n      children,\n      parents,\n      disabled,\n      getPath\n    }\n  };\n\n  provide(CdsNestedSymbol, nested);\n\n  return nested.root;\n}\n\n/**\n * Function `useNestedItem` provides a mechanism to manage and interact with a nested item in a hierarchical structure.\n * This function is designed to work within a system dependent on reactivity and provides integration with a parent context.\n *\n * @param {MaybeRefOrGetter<unknown>} id - A unique identifier for the nested item. It can be a reactive reference, a getter, or a raw value.\n * @param {MaybeRefOrGetter<boolean>} isDisabled - A flag indicating whether the nested item is disabled. It supports reactivity.\n * @param {boolean} isGroup - A boolean value specifying if the nested item acts as a group parent.\n * @returns {Object} - Returns an item object containing reactive properties and methods to interact with the nested item and its hierarchy.\n *\n * Reactive State and Methods:\n * - `id`: The unique identifier of the nested item, resolved reactively.\n * - `open(open: boolean, e: Event)`: Toggles the open state for this item.\n * - `openOnSelect(open: boolean, e?: Event)`: Toggles the open state based on selection changes.\n * - `isOpen`: A computed property reflecting whether the item is currently open.\n * - `parent`: A computed property referring to the item's immediate parent in the hierarchy.\n * - `activate(activated: boolean, e?: Event)`: Activates or deactivates the item.\n * - `isActivated`: A computed property reflecting whether the item is currently activated.\n * - `scrollToActive`: Scrolls to the active item in the hierarchy.\n * - `select(selected: boolean, e?: Event)`: Selects or deselects the item.\n * - `isSelected`: A computed property indicating if the item is selected.\n * - `isIndeterminate`: A computed property indicating if the item selection is in an indeterminate state.\n * - `isLeaf`: A computed property indicating if the item is a leaf node (i.e., without children).\n * - `isGroupActivator`: A flag inherited from the parent, used for group-specific activation.\n *\n * Lifecycle Management:\n * - Registers the nested item with its parent context upon mounting unless `isGroupActivator` or specific parent configuration prevents registration.\n * - Unregisters the nested item from its parent context upon unmounting unless `isGroupActivator` or specific parent configuration prevents it.\n * - Tracks updates to `id` or `isDisabled` and notifies the parent context to ensure consistency.\n *\n * Dependency Injection:\n * - Injects a parent context using the symbol `CdsNestedSymbol`.\n * - Provides the current item to descendant contexts if `isGroup` is true.\n */\nexport const useNestedItem = (\n  id: MaybeRefOrGetter<unknown>,\n  isDisabled: MaybeRefOrGetter<boolean>,\n  isGroup: boolean\n) => {\n  const parent = inject(CdsNestedSymbol, emptyNested);\n\n  const uidSymbol = Symbol('nested item');\n  const computedId = computed(() => {\n    const idValue = toRaw(toValue(id));\n    return idValue !== undefined ? idValue : uidSymbol;\n  });\n\n  const item = {\n    ...parent,\n    id: computedId,\n    open: (open: boolean, e: Event) => parent.root.open(computedId.value, open, e),\n    openOnSelect: (open: boolean, e?: Event) => parent.root.openOnSelect(computedId.value, open, e),\n    isOpen: computed(() => parent.root.opened.value.has(computedId.value)),\n    parent: computed(() => parent.root.parents.value.get(computedId.value)),\n    activate: (activated: boolean, e?: Event) => parent.root.activate(computedId.value, activated, e),\n    isActivated: computed(() => parent.root.activated.value.has(computedId.value)),\n    scrollToActive: parent.root.scrollToActive,\n    select: (selected: boolean, e?: Event) => parent.root.select(computedId.value, selected, e),\n    isSelected: computed(() => parent.root.selected.value.get(computedId.value) === 'on'),\n    isIndeterminate: computed(() => parent.root.selected.value.get(computedId.value) === 'indeterminate'),\n    isLeaf: computed(() => !parent.root.children.value.get(computedId.value)),\n    isGroupActivator: parent.isGroupActivator\n  };\n\n  onBeforeMount(() => {\n    if (parent.isGroupActivator || parent.root.itemsRegistration.value === 'props') return;\n    nextTick(() => {\n      parent.root.register(computedId.value, parent.id.value, toValue(isDisabled), isGroup);\n    });\n  });\n\n  onBeforeUnmount(() => {\n    if (parent.isGroupActivator || parent.root.itemsRegistration.value === 'props') return;\n    parent.root.unregister(computedId.value);\n  });\n\n  watch(computedId, (val, oldVal) => {\n    if (parent.isGroupActivator || parent.root.itemsRegistration.value === 'props') return;\n    parent.root.unregister(oldVal);\n    nextTick(() => {\n      parent.root.register(val, parent.id.value, toValue(isDisabled), isGroup);\n    });\n  });\n\n  watch(\n    () => toValue(isDisabled),\n    (val) => {\n      parent.root.updateDisabled(computedId.value, val);\n    }\n  );\n\n  isGroup && provide(CdsNestedSymbol, item);\n\n  return item;\n};\n\n/**\n * A composable function that sets up and provides a nested group activator context.\n *\n * This function injects the current context associated with the CdsNestedSymbol and merges it with a\n * new property `isGroupActivator` set to `true`. The updated context is provided back\n * for nested components to access. This is typically used in hierarchical component structures\n * to activate nested group functionality.\n *\n * Dependencies:\n * - `inject` is used to retrieve the parent context of the CdsNestedSymbol.\n * - `provide` is used to supply the updated context to the component tree.\n *\n * Context Symbols:\n * - `CdsNestedSymbol` represents the unique symbol key used for nested data manipulation.\n * - `emptyNested` is the default context provided when no parent context is available.\n */\nexport const useNestedGroupActivator = () => {\n  const parent = inject(CdsNestedSymbol, emptyNested);\n\n  provide(CdsNestedSymbol, { ...parent, isGroupActivator: true });\n};\n"],"names":["value"],"mappings":"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"}

package/dist/es/src/composables/usePosition/usePosition.js

@@ -4,6 +4,10 @@ import { toRef } from "vue";
 const positionValues = ["static", "relative", "fixed", "absolute", "sticky"];
 const definePositionProps = propsFactory(
   {
+    /**
+     * CSS-позиционирование компонента — значение свойства `position`
+     * @en CSS positioning of the component — the value of the `position` property
+     */
     position: {
       type: String,
       validator: (v) => positionValues.includes(v)

package/dist/es/src/composables/usePosition/usePosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePosition.js","sources":["../../../../../src/composables/usePosition/usePosition.ts"],"sourcesContent":["import { getCurrentInstanceName, propsFactory } from '@cds/core';\nimport { type ExtractPublicPropTypes, type PropType, toRef } from 'vue';\n\nconst positionValues = ['static', 'relative', 'fixed', 'absolute', 'sticky'] as const;\ntype Position = (typeof positionValues)[number];\n\n/**\n * A factory function that defines and creates position-related component props.\n *\n * @constant\n * @type {Object}\n *\n * @property {Object} position - Defines the position property for a component.\n * @property {String} position.type - The expected type of the position property.\n * @property {Function} position.validator - Validates if the provided value for the position property\n *                                           is included in the predefined position values.\n */\nexport const definePositionProps = propsFactory(\n  {\n    position: {\n      type: String as PropType<Position>,\n      validator: (v: any) => positionValues.includes(v)\n    }\n  },\n  'position'\n);\n\nexport interface PositionProps extends ExtractPublicPropTypes<ReturnType<typeof definePositionProps>> {}\n\n/**\n * A custom hook that generates CSS class names based on the provided position property.\n *\n * @param {PositionProps} props - The properties object containing the position property.\n * @param {string} [name=getCurrentInstanceName()] - The base name used for generating the CSS class name.\n * @return {Object} An object containing the computed `positionClasses`.\n */\nexport function usePosition(props: PositionProps, name = getCurrentInstanceName()) {\n  const positionClasses = toRef(() => {\n    return props.position ? `${name}--${props.position}` : undefined;\n  });\n\n  return { positionClasses };\n}\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiB,CAAC,UAAU,YAAY,SAAS,YAAY,QAAQ;AAcpE,MAAM,sBAAsB;AAAA,EACjC;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,MACN,WAAW,CAAC,MAAW,eAAe,SAAS,CAAC;AAAA,IAAA;AAAA,EAClD;AAAA,EAEF;AACF;AAWO,SAAS,YAAY,OAAsB,OAAO,0BAA0B;AACjF,QAAM,kBAAkB,MAAM,MAAM;AAClC,WAAO,MAAM,WAAW,GAAG,IAAI,KAAK,MAAM,QAAQ,KAAK;AAAA,EACzD,CAAC;AAED,SAAO,EAAE,gBAAA;AACX;"}
+{"version":3,"file":"usePosition.js","sources":["../../../../../src/composables/usePosition/usePosition.ts"],"sourcesContent":["import { getCurrentInstanceName, propsFactory } from '@cds/core';\nimport { type ExtractPublicPropTypes, type PropType, toRef } from 'vue';\n\nconst positionValues = ['static', 'relative', 'fixed', 'absolute', 'sticky'] as const;\ntype Position = (typeof positionValues)[number];\n\n/**\n * A factory function that defines and creates position-related component props.\n *\n * @constant\n * @type {Object}\n *\n * @property {Object} position - Defines the position property for a component.\n * @property {String} position.type - The expected type of the position property.\n * @property {Function} position.validator - Validates if the provided value for the position property\n *                                           is included in the predefined position values.\n */\nexport const definePositionProps = propsFactory(\n  {\n    /**\n     * CSS-позиционирование компонента — значение свойства `position`\n     * @en CSS positioning of the component — the value of the `position` property\n     */\n    position: {\n      type: String as PropType<Position>,\n      validator: (v: any) => positionValues.includes(v)\n    }\n  },\n  'position'\n);\n\nexport interface PositionProps extends ExtractPublicPropTypes<ReturnType<typeof definePositionProps>> {}\n\n/**\n * A custom hook that generates CSS class names based on the provided position property.\n *\n * @param {PositionProps} props - The properties object containing the position property.\n * @param {string} [name=getCurrentInstanceName()] - The base name used for generating the CSS class name.\n * @return {Object} An object containing the computed `positionClasses`.\n */\nexport function usePosition(props: PositionProps, name = getCurrentInstanceName()) {\n  const positionClasses = toRef(() => {\n    return props.position ? `${name}--${props.position}` : undefined;\n  });\n\n  return { positionClasses };\n}\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiB,CAAC,UAAU,YAAY,SAAS,YAAY,QAAQ;AAcpE,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA,MACR,MAAM;AAAA,MACN,WAAW,CAAC,MAAW,eAAe,SAAS,CAAC;AAAA,IAAA;AAAA,EAClD;AAAA,EAEF;AACF;AAWO,SAAS,YAAY,OAAsB,OAAO,0BAA0B;AACjF,QAAM,kBAAkB,MAAM,MAAM;AAClC,WAAO,MAAM,WAAW,GAAG,IAAI,KAAK,MAAM,QAAQ,KAAK;AAAA,EACzD,CAAC;AAED,SAAO,EAAE,gBAAA;AACX;"}

package/dist/es/src/composables/useReadonly/useReadonly.js

@@ -2,7 +2,10 @@ import { p as propsFactory } from "../../core/propsFactory.js";
 import "vue";
 const defineReadonlyProps = propsFactory(
   {
-    /** Только для чтения */
+    /**
+     * Только для чтения
+     * @en Read-only state
+     */
     readonly: {
       type: Boolean,
       default: null

package/dist/es/src/composables/useReadonly/useReadonly.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReadonly.js","sources":["../../../../../src/composables/useReadonly/useReadonly.ts"],"sourcesContent":["import { getCurrentInstanceName, propsFactory } from '@cds/core';\nimport { type ExtractPublicPropTypes, type PropType, toRef, toValue } from 'vue';\n\n/**\n * A factory-generated configuration object for defining a readonly property within a Vue component.\n * This utility creates a `readonly` prop with a Boolean type and a default value set to `false`.\n *\n * The prop is intended to specify whether a component property should be immutable,\n * allowing only read operations.\n *\n * @constant {Object} defineReadonlyProps\n */\nexport const defineReadonlyProps = propsFactory(\n  {\n    /** Только для чтения */\n    readonly: {\n      type: Boolean as PropType<boolean | null>,\n      default: null\n    }\n  },\n  'readonly'\n);\n\nexport type ReadonlyProps = ExtractPublicPropTypes<ReturnType<typeof defineReadonlyProps>>;\n\nexport function useReadonly(props: ReadonlyProps, name = getCurrentInstanceName()) {\n  const readonlyClasses = toRef(() => ({\n    [`${name}--readonly`]: toValue(props).readonly\n  }));\n\n  return { readonlyClasses };\n}\n"],"names":[],"mappings":";;AAYO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,IAEE,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;"}
+{"version":3,"file":"useReadonly.js","sources":["../../../../../src/composables/useReadonly/useReadonly.ts"],"sourcesContent":["import { getCurrentInstanceName, propsFactory } from '@cds/core';\nimport { type ExtractPublicPropTypes, type PropType, toRef, toValue } from 'vue';\n\n/**\n * A factory-generated configuration object for defining a readonly property within a Vue component.\n * This utility creates a `readonly` prop with a Boolean type and a default value set to `false`.\n *\n * The prop is intended to specify whether a component property should be immutable,\n * allowing only read operations.\n *\n * @constant {Object} defineReadonlyProps\n */\nexport const defineReadonlyProps = propsFactory(\n  {\n    /**\n     * Только для чтения\n     * @en Read-only state\n     */\n    readonly: {\n      type: Boolean as PropType<boolean | null>,\n      default: null\n    }\n  },\n  'readonly'\n);\n\nexport type ReadonlyProps = ExtractPublicPropTypes<ReturnType<typeof defineReadonlyProps>>;\n\nexport function useReadonly(props: ReadonlyProps, name = getCurrentInstanceName()) {\n  const readonlyClasses = toRef(() => ({\n    [`${name}--readonly`]: toValue(props).readonly\n  }));\n\n  return { readonlyClasses };\n}\n"],"names":[],"mappings":";;AAYO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;"}

package/dist/es/src/composables/useReveal/useReveal.js

@@ -2,7 +2,10 @@ import { p as propsFactory } from "../../core/propsFactory.js";
 import { toRef, shallowRef, onMounted } from "vue";
 const defineRevealProps = propsFactory(
   {
-    /** Анимирует индикатор от нуля до текущего значения при появлении компонента. Объект `{ duration }` задаёт длительность анимации в миллисекундах */
+    /**
+     * Анимирует индикатор от нуля до текущего значения при появлении компонента. Объект `{ duration }` задаёт длительность анимации в миллисекундах
+     * @en Animates the indicator from zero to the current value when the component appears. The `{ duration }` object sets the animation duration in milliseconds
+     */
     reveal: {
       type: [Boolean, Object],
       default: false