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

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

@@ -1 +1 @@
-{"version":3,"file":"CdsToastQueue.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsToastQueue/CdsToastQueue.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsButton } from '@cds/components/CdsButton';\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { CdsToast } from '@cds/components/CdsToast';\nimport { defineCdsToastProps } from '@cds/components/CdsToast/api/CdsToast.props';\nimport { useDelay } from '@cds/composables/useDelay';\nimport { useLocale } from '@cds/composables/useLocale';\nimport { filterProps, useDefaults } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport { computed, mergeProps, ref, shallowRef, toRef, triggerRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsToastQueueConstants } from './api/CdsToastQueue.constants';\nimport { defineCdsToastQueueProps } from './api/CdsToastQueue.props';\nimport type {\n  CdsToastQueueEvents,\n  CdsToastQueueSlots,\n  ToastMessage,\n  ToastMessageDismissType,\n  ToastQueueItem\n} from './api/CdsToastQueue.types';\nimport { useDocumentVisibility } from './composables/useDocumentVisibility';\nimport { useToastQueue } from './composables/useToastQueue';\n\ndefineOptions({\n  name: CdsToastQueueConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsToastQueueProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsToastQueueSlots>();\nconst emit = defineEmits([\"update:modelValue\"]);\nconst attrs = useAttrs();\n\nconst { t } = useLocale();\nconst documentVisibility = useDocumentVisibility();\nconst queue = useToastQueue(props);\n\nconst isHovered = shallowRef(false);\nconst { runOpenDelay, runCloseDelay } = useDelay({ openDelay: 0, closeDelay: 500 }, (val) => {\n  isHovered.value = val;\n  updateDynamicProps();\n});\n\nlet _lastId = 0;\nconst visibleItems = ref<ToastQueueItem[]>([]);\nconst limit = toRef(() => Number(props.totalVisible));\n\nwatch(() => props.modelValue.length, showNext);\n\nfunction removeItem(id: number) {\n  visibleItems.value = visibleItems.value.filter((x) => x.id !== id);\n  if (visibleItems.value.length === 0) {\n    isHovered.value = false;\n  }\n  showNext();\n}\n\nfunction showNext() {\n  if (!props.modelValue.length) return;\n\n  const activeCount = visibleItems.value.filter((x) => x.active).length;\n  if (activeCount >= unref(limit)) {\n    if (props.displayStrategy !== 'overflow') return;\n\n    // Закрываем самые старые активные тосты, освобождая место\n    visibleItems.value\n      .filter((x) => x.active)\n      .slice(unref(limit) - 1)\n      .forEach((item) => {\n        item.active = false;\n        item.onDismiss?.('overflow');\n      });\n  }\n\n  const [next, ...rest] = props.modelValue;\n  emit('update:modelValue', rest);\n\n  const item = typeof next === 'string' ? { text: next } : next;\n  const { promise, success, error, onDismiss, ...itemProps } = item;\n\n  const newItem: ToastQueueItem = {\n    id: _lastId++,\n    item: {\n      ...(promise ? { timeout: -1, loading: true } : {}),\n      ...itemProps\n    },\n    active: true,\n    onDismiss\n  };\n  visibleItems.value.unshift(newItem);\n  updateDynamicProps();\n\n  promise?.then(\n    (data: any) => {\n      if (!newItem.active) return;\n      newItem.item = success?.(data) ?? { ...newItem.item, timeout: 1 };\n      updateDynamicProps();\n      triggerRef(visibleItems);\n    },\n    (data: any) => {\n      if (!newItem.active) return;\n      newItem.item = error?.(data) ?? { ...newItem.item, timeout: 1 };\n      updateDynamicProps();\n      triggerRef(visibleItems);\n    }\n  );\n}\n\nfunction dismiss(id: number, reason: ToastMessageDismissType) {\n  const item = visibleItems.value.find((x) => x.id === id);\n  if (!item) return;\n  item.active = false;\n  item.onDismiss?.(reason);\n  updateDynamicProps();\n}\n\nfunction clear() {\n  emit('update:modelValue', []);\n  [...visibleItems.value].reverse().forEach((item, i) =>\n    setTimeout(() => {\n      item.active = false;\n      item.onDismiss?.('cleared');\n    }, 100 * i)\n  );\n}\n\nconst btnProps = computed(() => ({\n  color: typeof props.closable === 'string' ? props.closable : undefined,\n  text: t(props.closeText)\n}));\n\nfunction updateDynamicProps() {\n  let activeIndex = 0;\n  visibleItems.value.forEach(({ item, active }) => {\n    item.queueIndex = activeIndex;\n    if (active) activeIndex++;\n  });\n\n  if (!props.collapsed || isHovered.value) {\n    visibleItems.value.forEach(({ item }) => (item.collapsed = undefined));\n    return;\n  }\n\n  for (const { item } of visibleItems.value) {\n    item.collapsed =\n      item.queueIndex! > 0\n        ? {\n            width: queue.lastItemSize.value.width,\n            height: queue.lastItemSize.value.height\n          }\n        : undefined;\n  }\n}\n\nwatch(queue.lastItemSize, updateDynamicProps);\nwatch(() => props.collapsed, updateDynamicProps);\n\ndefineRender(() => {\n  const hasActions = !!(props.closable || slots.actions);\n  const toastProps = omit(filterProps(defineCdsToastProps, props), ['modelValue', 'collapsed']);\n  const pauseAll = documentVisibility.value === 'hidden' || (props.collapsed && isHovered.value);\n\n  return (\n    <>\n      {visibleItems.value.map(({ id, item, active }) =>\n        slots.item ? (\n          <CdsDefaultsProvider defaults={{ CdsToast: item }}>\n            {slots.item({ item: item as ToastMessage })}\n          </CdsDefaultsProvider>\n        ) : (\n          <CdsToast\n            key={id}\n            {...attrs}\n            {...toastProps}\n            {...item}\n            {...(pauseAll ? { timeout: -1 } : {})}\n            queueGap={Number(props.gap)}\n            contentProps={mergeProps(toastProps.contentProps ?? {}, {\n              onMouseenter: runOpenDelay,\n              onMouseleave: () => runCloseDelay()\n            })}\n            modelValue={active}\n            onUpdate:modelValue={() => dismiss(id, 'auto')}\n            onAfterLeave={() => removeItem(id)}\n          >\n            {{\n              header: slots.header ? () => slots.header?.({ item: item as ToastMessage }) : undefined,\n              text: slots.text ? () => slots.text?.({ item: item as ToastMessage }) : undefined,\n              actions: hasActions\n                ? () => (\n                    <>\n                      {!slots.actions ? (\n                        <CdsButton {...unref(btnProps)} onClick={() => dismiss(id, 'dismissed')} />\n                      ) : (\n                        <CdsDefaultsProvider defaults={{ CdsButton: unref(btnProps) }}>\n                          {slots.actions({\n                            item: item as ToastMessage,\n                            props: { onClick: () => dismiss(id, 'dismissed') }\n                          })}\n                        </CdsDefaultsProvider>\n                      )}\n                    </>\n                  )\n                : undefined\n            }}\n          </CdsToast>\n        )\n      )}\n    </>\n  );\n});\n\ndefineExpose({\n  /** Очищает очередь и закрывает все видимые тосты. */\n  clear\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","t","useLocale","documentVisibility","useDocumentVisibility","queue","useToastQueue","isHovered","shallowRef","runOpenDelay","runCloseDelay","useDelay","openDelay","closeDelay","val","value","updateDynamicProps","_lastId","visibleItems","ref","limit","toRef","Number","totalVisible","watch","modelValue","length","showNext","removeItem","id","filter","x","activeCount","active","unref","displayStrategy","slice","forEach","item","onDismiss","next","rest","text","promise","success","error","itemProps","newItem","timeout","loading","unshift","then","data","triggerRef","dismiss","reason","find","clear","reverse","i","setTimeout","btnProps","computed","color","closable","undefined","closeText","activeIndex","queueIndex","collapsed","width","lastItemSize","height","__expose","hasActions","actions","toastProps","omit","filterProps","defineCdsToastProps","pauseAll","_createVNode","_Fragment","map","CdsDefaultsProvider","CdsToast","default","_mergeProps","gap","mergeProps","contentProps","onMouseenter","onMouseleave","onUpdate:modelValue","onAfterLeave","header","CdsButton","onClick"],"mappings":"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"}
+{"version":3,"file":"CdsToastQueue.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsToastQueue/CdsToastQueue.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsButton } from '@cds/components/CdsButton';\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { CdsToast } from '@cds/components/CdsToast';\nimport { defineCdsToastProps } from '@cds/components/CdsToast/api/CdsToast.props';\nimport { useDelay } from '@cds/composables/useDelay';\nimport { useLocale } from '@cds/composables/useLocale';\nimport { filterProps, useDefaults } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport { computed, mergeProps, ref, shallowRef, toRef, triggerRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsToastQueueConstants } from './api/CdsToastQueue.constants';\nimport { defineCdsToastQueueProps } from './api/CdsToastQueue.props';\nimport type {\n  CdsToastQueueEvents,\n  CdsToastQueueSlots,\n  ToastMessage,\n  ToastMessageDismissType,\n  ToastQueueItem\n} from './api/CdsToastQueue.types';\nimport { useDocumentVisibility } from './composables/useDocumentVisibility';\nimport { useToastQueue } from './composables/useToastQueue';\n\ndefineOptions({\n  name: CdsToastQueueConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsToastQueueProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsToastQueueSlots>();\nconst emit = defineEmits([\"update:modelValue\"]);\nconst attrs = useAttrs();\n\nconst { t } = useLocale();\nconst documentVisibility = useDocumentVisibility();\nconst queue = useToastQueue(props);\n\nconst isHovered = shallowRef(false);\nconst { runOpenDelay, runCloseDelay } = useDelay({ openDelay: 0, closeDelay: 500 }, (val) => {\n  isHovered.value = val;\n  updateDynamicProps();\n});\n\nlet _lastId = 0;\nconst visibleItems = ref<ToastQueueItem[]>([]);\nconst limit = toRef(() => Number(props.totalVisible));\n\nwatch(() => props.modelValue.length, showNext);\n\nfunction removeItem(id: number) {\n  visibleItems.value = visibleItems.value.filter((x) => x.id !== id);\n  if (visibleItems.value.length === 0) {\n    isHovered.value = false;\n  }\n  showNext();\n}\n\nfunction showNext() {\n  if (!props.modelValue.length) return;\n\n  const activeCount = visibleItems.value.filter((x) => x.active).length;\n  if (activeCount >= unref(limit)) {\n    if (props.displayStrategy !== 'overflow') return;\n\n    // Закрываем самые старые активные тосты, освобождая место\n    visibleItems.value\n      .filter((x) => x.active)\n      .slice(unref(limit) - 1)\n      .forEach((item) => {\n        item.active = false;\n        item.onDismiss?.('overflow');\n      });\n  }\n\n  const [next, ...rest] = props.modelValue;\n  emit('update:modelValue', rest);\n\n  const item = typeof next === 'string' ? { text: next } : next;\n  const { promise, success, error, onDismiss, ...itemProps } = item;\n\n  const newItem: ToastQueueItem = {\n    id: _lastId++,\n    item: {\n      ...(promise ? { timeout: -1, loading: true } : {}),\n      ...itemProps\n    },\n    active: true,\n    onDismiss\n  };\n  visibleItems.value.unshift(newItem);\n  updateDynamicProps();\n\n  promise?.then(\n    (data: any) => {\n      if (!newItem.active) return;\n      newItem.item = success?.(data) ?? { ...newItem.item, timeout: 1 };\n      updateDynamicProps();\n      triggerRef(visibleItems);\n    },\n    (data: any) => {\n      if (!newItem.active) return;\n      newItem.item = error?.(data) ?? { ...newItem.item, timeout: 1 };\n      updateDynamicProps();\n      triggerRef(visibleItems);\n    }\n  );\n}\n\nfunction dismiss(id: number, reason: ToastMessageDismissType) {\n  const item = visibleItems.value.find((x) => x.id === id);\n  if (!item) return;\n  item.active = false;\n  item.onDismiss?.(reason);\n  updateDynamicProps();\n}\n\nfunction clear() {\n  emit('update:modelValue', []);\n  [...visibleItems.value].reverse().forEach((item, i) =>\n    setTimeout(() => {\n      item.active = false;\n      item.onDismiss?.('cleared');\n    }, 100 * i)\n  );\n}\n\nconst btnProps = computed(() => ({\n  color: typeof props.closable === 'string' ? props.closable : undefined,\n  text: t(props.closeText)\n}));\n\nfunction updateDynamicProps() {\n  let activeIndex = 0;\n  visibleItems.value.forEach(({ item, active }) => {\n    item.queueIndex = activeIndex;\n    if (active) activeIndex++;\n  });\n\n  if (!props.collapsed || isHovered.value) {\n    visibleItems.value.forEach(({ item }) => (item.collapsed = undefined));\n    return;\n  }\n\n  for (const { item } of visibleItems.value) {\n    item.collapsed =\n      item.queueIndex! > 0\n        ? {\n            width: queue.lastItemSize.value.width,\n            height: queue.lastItemSize.value.height\n          }\n        : undefined;\n  }\n}\n\nwatch(queue.lastItemSize, updateDynamicProps);\nwatch(() => props.collapsed, updateDynamicProps);\n\ndefineRender(() => {\n  const hasActions = !!(props.closable || slots.actions);\n  const toastProps = omit(filterProps(defineCdsToastProps, props), ['modelValue', 'collapsed']);\n  const pauseAll = documentVisibility.value === 'hidden' || (props.collapsed && isHovered.value);\n\n  return (\n    <>\n      {visibleItems.value.map(({ id, item, active }) =>\n        slots.item ? (\n          <CdsDefaultsProvider defaults={{ CdsToast: item }}>\n            {slots.item({ item: item as ToastMessage })}\n          </CdsDefaultsProvider>\n        ) : (\n          <CdsToast\n            key={id}\n            {...attrs}\n            {...toastProps}\n            {...item}\n            {...(pauseAll ? { timeout: -1 } : {})}\n            queueGap={Number(props.gap)}\n            contentProps={mergeProps(toastProps.contentProps ?? {}, {\n              onMouseenter: runOpenDelay,\n              onMouseleave: () => runCloseDelay()\n            })}\n            modelValue={active}\n            onUpdate:modelValue={() => dismiss(id, 'auto')}\n            onAfterLeave={() => removeItem(id)}\n          >\n            {{\n              header: slots.header ? () => slots.header?.({ item: item as ToastMessage }) : undefined,\n              text: slots.text ? () => slots.text?.({ item: item as ToastMessage }) : undefined,\n              actions: hasActions\n                ? () => (\n                    <>\n                      {!slots.actions ? (\n                        <CdsButton {...unref(btnProps)} onClick={() => dismiss(id, 'dismissed')} />\n                      ) : (\n                        <CdsDefaultsProvider defaults={{ CdsButton: unref(btnProps) }}>\n                          {slots.actions({\n                            item: item as ToastMessage,\n                            props: { onClick: () => dismiss(id, 'dismissed') }\n                          })}\n                        </CdsDefaultsProvider>\n                      )}\n                    </>\n                  )\n                : undefined\n            }}\n          </CdsToast>\n        )\n      )}\n    </>\n  );\n});\n\ndefineExpose({\n  /**\n   * Очищает очередь и закрывает все видимые тосты.\n   * @en Empties the queue and closes all the visible toasts.\n   */\n  clear\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","t","useLocale","documentVisibility","useDocumentVisibility","queue","useToastQueue","isHovered","shallowRef","runOpenDelay","runCloseDelay","useDelay","openDelay","closeDelay","val","value","updateDynamicProps","_lastId","visibleItems","ref","limit","toRef","Number","totalVisible","watch","modelValue","length","showNext","removeItem","id","filter","x","activeCount","active","unref","displayStrategy","slice","forEach","item","onDismiss","next","rest","text","promise","success","error","itemProps","newItem","timeout","loading","unshift","then","data","triggerRef","dismiss","reason","find","clear","reverse","i","setTimeout","btnProps","computed","color","closable","undefined","closeText","activeIndex","queueIndex","collapsed","width","lastItemSize","height","__expose","hasActions","actions","toastProps","omit","filterProps","defineCdsToastProps","pauseAll","_createVNode","_Fragment","map","CdsDefaultsProvider","CdsToast","default","_mergeProps","gap","mergeProps","contentProps","onMouseenter","onMouseleave","onUpdate:modelValue","onAfterLeave","header","CdsButton","onClick"],"mappings":"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"}

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

@@ -4,31 +4,52 @@ import { a3 as omit } from "../../../utils/helpers.js";
 import { a as CdsToastQueueConstants } from "./CdsToastQueue.constants.js";
 const defineCdsToastQueueProps = propsFactory(
   {
-    /** Добавляет кнопку закрытия каждому тосту. Строковое значение задаёт цвет кнопки. */
+    /**
+     * Добавляет кнопку закрытия каждому тосту. Строковое значение задаёт цвет кнопки.
+     * @en Adds a close button to every toast. A string value sets the color of the button.
+     */
     closable: [Boolean, String],
-    /** Текст кнопки закрытия. */
+    /**
+     * Текст кнопки закрытия.
+     * @en Text of the close button.
+     */
     closeText: {
       type: String,
       default: "$cds.dismiss"
     },
-    /** Сворачивает неактивные тосты в стопку под последним видимым. */
+    /**
+     * Сворачивает неактивные тосты в стопку под последним видимым.
+     * @en Folds the inactive toasts into a stack under the last visible one.
+     */
     collapsed: Boolean,
-    /** Стратегия при превышении `totalVisible`: `hold` — ждать закрытия, `overflow` — вытеснять самые старые. */
+    /**
+     * Стратегия при превышении `totalVisible`: `hold` — ждать закрытия, `overflow` — вытеснять самые старые.
+     * @en Strategy when `totalVisible` is exceeded: `hold` — wait until a toast closes, `overflow` — push the oldest ones out.
+     */
     displayStrategy: {
       type: String,
       default: "hold"
     },
-    /** Очередь сообщений (v-model). Строка или объект с пропсами тоста. */
+    /**
+     * Очередь сообщений (v-model). Строка или объект с пропсами тоста.
+     * @en The queue of messages (v-model). A string or an object with toast props.
+     */
     modelValue: {
       type: Array,
       default: () => []
     },
-    /** Максимальное количество одновременно видимых тостов. */
+    /**
+     * Максимальное количество одновременно видимых тостов.
+     * @en Maximum number of simultaneously visible toasts.
+     */
     totalVisible: {
       type: [Number, String],
       default: 1
     },
-    /** Отступ между тостами в пикселях. */
+    /**
+     * Отступ между тостами в пикселях.
+     * @en Gap between the toasts, in pixels.
+     */
     gap: {
       type: [Number, String],
       default: 8

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

@@ -1 +1 @@
-{"version":3,"file":"CdsToastQueue.props.js","sources":["../../../../../../src/components/CdsToastQueue/api/CdsToastQueue.props.ts"],"sourcesContent":["import { defineCdsToastProps } from '@cds/components/CdsToast/api/CdsToast.props';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToastQueueConstants } from './CdsToastQueue.constants';\nimport type { ToastMessage } from './CdsToastQueue.types';\n\nexport const defineCdsToastQueueProps = propsFactory(\n  {\n    /** Добавляет кнопку закрытия каждому тосту. Строковое значение задаёт цвет кнопки. */\n    closable: [Boolean, String],\n    /** Текст кнопки закрытия. */\n    closeText: {\n      type: String,\n      default: '$cds.dismiss'\n    },\n    /** Сворачивает неактивные тосты в стопку под последним видимым. */\n    collapsed: Boolean,\n    /** Стратегия при превышении `totalVisible`: `hold` — ждать закрытия, `overflow` — вытеснять самые старые. */\n    displayStrategy: {\n      type: String as PropType<'overflow' | 'hold'>,\n      default: 'hold'\n    },\n    /** Очередь сообщений (v-model). Строка или объект с пропсами тоста. */\n    modelValue: {\n      type: Array as PropType<readonly ToastMessage[]>,\n      default: () => []\n    },\n    /** Максимальное количество одновременно видимых тостов. */\n    totalVisible: {\n      type: [Number, String],\n      default: 1\n    },\n    /** Отступ между тостами в пикселях. */\n    gap: {\n      type: [Number, String],\n      default: 8\n    },\n\n    ...omit(defineCdsToastProps(), ['modelValue', 'collapsed', 'queueIndex', 'queueGap'])\n  },\n  CdsToastQueueConstants.name\n);\n"],"names":[],"mappings":";;;;AAQO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA,IAEE,UAAU,CAAC,SAAS,MAAM;AAAA;AAAA,IAE1B,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,WAAW;AAAA;AAAA,IAEX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA,IAGlB,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,uBAAuB,CAAC,cAAc,aAAa,cAAc,UAAU,CAAC;AAAA,EAAA;AAAA,EAEtF,uBAAuB;AACzB;"}
+{"version":3,"file":"CdsToastQueue.props.js","sources":["../../../../../../src/components/CdsToastQueue/api/CdsToastQueue.props.ts"],"sourcesContent":["import { defineCdsToastProps } from '@cds/components/CdsToast/api/CdsToast.props';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToastQueueConstants } from './CdsToastQueue.constants';\nimport type { ToastMessage } from './CdsToastQueue.types';\n\nexport const defineCdsToastQueueProps = propsFactory(\n  {\n    /**\n     * Добавляет кнопку закрытия каждому тосту. Строковое значение задаёт цвет кнопки.\n     * @en Adds a close button to every toast. A string value sets the color of the button.\n     */\n    closable: [Boolean, String],\n    /**\n     * Текст кнопки закрытия.\n     * @en Text of the close button.\n     */\n    closeText: {\n      type: String,\n      default: '$cds.dismiss'\n    },\n    /**\n     * Сворачивает неактивные тосты в стопку под последним видимым.\n     * @en Folds the inactive toasts into a stack under the last visible one.\n     */\n    collapsed: Boolean,\n    /**\n     * Стратегия при превышении `totalVisible`: `hold` — ждать закрытия, `overflow` — вытеснять самые старые.\n     * @en Strategy when `totalVisible` is exceeded: `hold` — wait until a toast closes, `overflow` — push the oldest ones out.\n     */\n    displayStrategy: {\n      type: String as PropType<'overflow' | 'hold'>,\n      default: 'hold'\n    },\n    /**\n     * Очередь сообщений (v-model). Строка или объект с пропсами тоста.\n     * @en The queue of messages (v-model). A string or an object with toast props.\n     */\n    modelValue: {\n      type: Array as PropType<readonly ToastMessage[]>,\n      default: () => []\n    },\n    /**\n     * Максимальное количество одновременно видимых тостов.\n     * @en Maximum number of simultaneously visible toasts.\n     */\n    totalVisible: {\n      type: [Number, String],\n      default: 1\n    },\n    /**\n     * Отступ между тостами в пикселях.\n     * @en Gap between the toasts, in pixels.\n     */\n    gap: {\n      type: [Number, String],\n      default: 8\n    },\n\n    ...omit(defineCdsToastProps(), ['modelValue', 'collapsed', 'queueIndex', 'queueGap'])\n  },\n  CdsToastQueueConstants.name\n);\n"],"names":[],"mappings":";;;;AAQO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU,CAAC,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK1B,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlB,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,uBAAuB,CAAC,cAAc,aAAa,cAAc,UAAU,CAAC;AAAA,EAAA;AAAA,EAEtF,uBAAuB;AACzB;"}

package/dist/es/src/components/CdsToggle/CdsToggle.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-toggle {
     --cds-toggle-track-height: calc(24px / var(--cds-base-unit) * 1rem);

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

@@ -6,14 +6,23 @@ import { C as CdsToggleConstants } from "./CdsToggle.constants.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsToggleProps = propsFactory(
   {
-    /** Неопределённое состояние переключателя. */
+    /**
+     * Неопределённое состояние переключателя.
+     * @en Indeterminate state of the toggle.
+     */
     indeterminate: Boolean,
-    /** Индикатор загрузки. Принимает булево значение или строку с цветом загрузчика. */
+    /**
+     * Индикатор загрузки. Принимает булево значение или строку с цветом загрузчика.
+     * @en Loading indicator. Accepts a boolean or a string with the color of the loader.
+     */
     loading: {
       type: [Boolean, String],
       default: false
     },
-    /** Цвет бегунка. */
+    /**
+     * Цвет бегунка.
+     * @en Color of the thumb.
+     */
     thumbColor: String,
     ...omit(defineCdsInputProps(), ["bgColor", "textColor", "activeColor"]),
     ...omit(defineCdsSelectionControlProps(), ["bgColor", "textColor", "activeColor"]),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsToggle.props.js","sources":["../../../../../../src/components/CdsToggle/api/CdsToggle.props.ts"],"sourcesContent":["import { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineCdsSelectionControlProps } from '@cds/components/CdsSelectionControl/api/CdsSelectionControl.props';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToggleConstants } from './CdsToggle.constants';\n\nexport const defineCdsToggleProps = propsFactory(\n  {\n    /** Неопределённое состояние переключателя. */\n    indeterminate: Boolean,\n    /** Индикатор загрузки. Принимает булево значение или строку с цветом загрузчика. */\n    loading: {\n      type: [Boolean, String] as PropType<boolean | string>,\n      default: false\n    },\n    /** Цвет бегунка. */\n    thumbColor: String,\n\n    ...omit(defineCdsInputProps(), ['bgColor', 'textColor', 'activeColor']),\n    ...omit(defineCdsSelectionControlProps(), ['bgColor', 'textColor', 'activeColor']),\n    ...defineSizeProps()\n  },\n  CdsToggleConstants.name\n);\n"],"names":[],"mappings":";;;;;;AASO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,IAEE,eAAe;AAAA;AAAA,IAEf,SAAS;AAAA,MACP,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,IAEZ,GAAG,KAAK,oBAAA,GAAuB,CAAC,WAAW,aAAa,aAAa,CAAC;AAAA,IACtE,GAAG,KAAK,+BAAA,GAAkC,CAAC,WAAW,aAAa,aAAa,CAAC;AAAA,IACjF,GAAG,gBAAA;AAAA,EAAgB;AAAA,EAErB,mBAAmB;AACrB;"}
+{"version":3,"file":"CdsToggle.props.js","sources":["../../../../../../src/components/CdsToggle/api/CdsToggle.props.ts"],"sourcesContent":["import { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineCdsSelectionControlProps } from '@cds/components/CdsSelectionControl/api/CdsSelectionControl.props';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToggleConstants } from './CdsToggle.constants';\n\nexport const defineCdsToggleProps = propsFactory(\n  {\n    /**\n     * Неопределённое состояние переключателя.\n     * @en Indeterminate state of the toggle.\n     */\n    indeterminate: Boolean,\n    /**\n     * Индикатор загрузки. Принимает булево значение или строку с цветом загрузчика.\n     * @en Loading indicator. Accepts a boolean or a string with the color of the loader.\n     */\n    loading: {\n      type: [Boolean, String] as PropType<boolean | string>,\n      default: false\n    },\n    /**\n     * Цвет бегунка.\n     * @en Color of the thumb.\n     */\n    thumbColor: String,\n\n    ...omit(defineCdsInputProps(), ['bgColor', 'textColor', 'activeColor']),\n    ...omit(defineCdsSelectionControlProps(), ['bgColor', 'textColor', 'activeColor']),\n    ...defineSizeProps()\n  },\n  CdsToggleConstants.name\n);\n"],"names":[],"mappings":";;;;;;AASO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,IAKf,SAAS;AAAA,MACP,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,IAEZ,GAAG,KAAK,oBAAA,GAAuB,CAAC,WAAW,aAAa,aAAa,CAAC;AAAA,IACtE,GAAG,KAAK,+BAAA,GAAkC,CAAC,WAAW,aAAa,aAAa,CAAC;AAAA,IACjF,GAAG,gBAAA;AAAA,EAAgB;AAAA,EAErB,mBAAmB;AACrB;"}

package/dist/es/src/components/CdsToolbar/CdsToolbar.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-toolbar {
     position: relative;

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

@@ -6,22 +6,34 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsToolbarProps = propsFactory(
   {
-    /** Вложенный тулбар (отступ слева). */
+    /**
+     * Вложенный тулбар (отступ слева).
+     * @en Nested toolbar (indented from the left).
+     */
     inset: {
       type: Boolean,
       default: false
     },
-    /** Показать нижнюю границу. */
+    /**
+     * Показать нижнюю границу.
+     * @en Shows the bottom border.
+     */
     bordered: {
       type: Boolean,
       default: false
     },
-    /** Убрать отступ с одной стороны: `start` или `end`. */
+    /**
+     * Убрать отступ с одной стороны: `start` или `end`.
+     * @en Removes the padding on one side: `start` or `end`.
+     */
     noGutter: {
       type: String,
       default: void 0
     },
-    /** Убрать все внутренние отступы. */
+    /**
+     * Убрать все внутренние отступы.
+     * @en Removes all inner paddings.
+     */
     noGutters: {
       type: Boolean,
       default: false
@@ -34,7 +46,10 @@ const defineCdsToolbarProps = propsFactory(
 );
 const defineCdsToolbarTitleProps = propsFactory(
   {
-    /** Сжимать заголовок по содержимому вместо растягивания. */
+    /**
+     * Сжимать заголовок по содержимому вместо растягивания.
+     * @en Shrinks the title to its content instead of stretching it.
+     */
     shrink: {
       type: Boolean,
       default: false

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

@@ -1 +1 @@
-{"version":3,"file":"CdsToolbar.props.js","sources":["../../../../../../src/components/CdsToolbar/api/CdsToolbar.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToolbarConstants, CdsToolbarTitleConstants } from './CdsToolbar.constants';\n\nexport const defineCdsToolbarProps = propsFactory(\n  {\n    /** Вложенный тулбар (отступ слева). */\n    inset: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Показать нижнюю границу. */\n    bordered: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Убрать отступ с одной стороны: `start` или `end`. */\n    noGutter: {\n      type: String as PropType<'start' | 'end'>,\n      default: undefined\n    },\n    /** Убрать все внутренние отступы. */\n    noGutters: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    ...pick(defineColorProps(), ['color', 'bgColor']),\n    ...defineThemeProps(),\n    ...defineComponentProps()\n  },\n  CdsToolbarConstants.name\n);\n\nexport const defineCdsToolbarTitleProps = propsFactory(\n  {\n    /** Сжимать заголовок по содержимому вместо растягивания. */\n    shrink: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    ...defineComponentProps()\n  },\n  CdsToolbarTitleConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA,IAEE,OAAO;AAAA,MACL,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,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,SAAS,CAAC;AAAA,IAChD,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,oBAAoB;AACtB;AAEO,MAAM,6BAA6B;AAAA,EACxC;AAAA;AAAA,IAEE,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,yBAAyB;AAC3B;"}
+{"version":3,"file":"CdsToolbar.props.js","sources":["../../../../../../src/components/CdsToolbar/api/CdsToolbar.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToolbarConstants, CdsToolbarTitleConstants } from './CdsToolbar.constants';\n\nexport const defineCdsToolbarProps = propsFactory(\n  {\n    /**\n     * Вложенный тулбар (отступ слева).\n     * @en Nested toolbar (indented from the left).\n     */\n    inset: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Показать нижнюю границу.\n     * @en Shows the bottom border.\n     */\n    bordered: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Убрать отступ с одной стороны: `start` или `end`.\n     * @en Removes the padding on one side: `start` or `end`.\n     */\n    noGutter: {\n      type: String as PropType<'start' | 'end'>,\n      default: undefined\n    },\n    /**\n     * Убрать все внутренние отступы.\n     * @en Removes all inner paddings.\n     */\n    noGutters: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    ...pick(defineColorProps(), ['color', 'bgColor']),\n    ...defineThemeProps(),\n    ...defineComponentProps()\n  },\n  CdsToolbarConstants.name\n);\n\nexport const defineCdsToolbarTitleProps = propsFactory(\n  {\n    /**\n     * Сжимать заголовок по содержимому вместо растягивания.\n     * @en Shrinks the title to its content instead of stretching it.\n     */\n    shrink: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    ...defineComponentProps()\n  },\n  CdsToolbarTitleConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,SAAS,CAAC;AAAA,IAChD,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,oBAAoB;AACtB;AAEO,MAAM,6BAA6B;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,yBAAyB;AAC3B;"}

package/dist/es/src/components/CdsTooltip/CdsTooltip.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-tooltip > .cds-overlay__content {
     display: inline-block;

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

@@ -4,15 +4,30 @@ import { a3 as omit } from "../../../utils/helpers.js";
 import { C as CdsTooltipConstants } from "./CdsTooltip.constants.js";
 const defineCdsTooltipProps = propsFactory(
   {
-    /** Уникальный идентификатор для связывания подсказки с её активатором. Если не указано, будет сгенерирован автоматически. */
+    /**
+     * Уникальный идентификатор для связывания подсказки с её активатором. Если не указано, будет сгенерирован автоматически.
+     * @en Unique id that links the tooltip to its activator. Generated automatically when omitted.
+     */
     id: String,
-    /** Разрешает взаимодействие с содержимым подсказки: наведение курсора на контент не закрывает её. */
+    /**
+     * Разрешает взаимодействие с содержимым подсказки: наведение курсора на контент не закрывает её.
+     * @en Allows interaction with the tooltip content: hovering the content does not close it.
+     */
     interactive: Boolean,
-    /** Скрывает стрелку-указатель, направленную на активатор. По умолчанию стрелка отображается. */
+    /**
+     * Скрывает стрелку-указатель, направленную на активатор. По умолчанию стрелка отображается.
+     * @en Hides the arrow pointing at the activator. The arrow is shown by default.
+     */
     hideArrow: Boolean,
-    /** Текст всплывающей подсказки. Используется, если не передан слот default. */
+    /**
+     * Текст всплывающей подсказки. Используется, если не передан слот default.
+     * @en Text of the tooltip. Used when the default slot is not passed.
+     */
     text: String,
-    /** Цвет фона подсказки. */
+    /**
+     * Цвет фона подсказки.
+     * @en Background color of the tooltip.
+     */
     color: String,
     ...omit(
       defineCdsOverlayProps({

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTooltip.props.js","sources":["../../../../../../src/components/CdsTooltip/api/CdsTooltip.props.ts"],"sourcesContent":["import { defineCdsOverlayProps } from '@cds/components/CdsOverlay/api/CdsOverlay.props';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\n\nimport { CdsTooltipConstants } from './CdsTooltip.constants';\n\nexport const defineCdsTooltipProps = propsFactory(\n  {\n    /** Уникальный идентификатор для связывания подсказки с её активатором. Если не указано, будет сгенерирован автоматически. */\n    id: String,\n    /** Разрешает взаимодействие с содержимым подсказки: наведение курсора на контент не закрывает её. */\n    interactive: Boolean,\n    /** Скрывает стрелку-указатель, направленную на активатор. По умолчанию стрелка отображается. */\n    hideArrow: Boolean,\n    /** Текст всплывающей подсказки. Используется, если не передан слот default. */\n    text: String,\n    /** Цвет фона подсказки. */\n    color: String,\n\n    ...omit(\n      defineCdsOverlayProps({\n        closeOnBack: false,\n        location: 'top' as const,\n        locationStrategy: 'connected' as const,\n        eager: true,\n        minWidth: 0,\n        offset: CdsTooltipConstants.offset,\n        openOnClick: false,\n        openOnHover: true,\n        origin: 'auto' as const,\n        scrim: false,\n        scrollStrategy: 'reposition' as const,\n        transition: null\n      }),\n      ['absolute', 'retainFocus', 'captureFocus']\n    )\n  },\n  CdsTooltipConstants.name\n);\n"],"names":[],"mappings":";;;;AAMO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA,IAEE,IAAI;AAAA;AAAA,IAEJ,aAAa;AAAA;AAAA,IAEb,WAAW;AAAA;AAAA,IAEX,MAAM;AAAA;AAAA,IAEN,OAAO;AAAA,IAEP,GAAG;AAAA,MACD,sBAAsB;AAAA,QACpB,aAAa;AAAA,QACb,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ,oBAAoB;AAAA,QAC5B,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,YAAY;AAAA,MAAA,CACb;AAAA,MACD,CAAC,YAAY,eAAe,cAAc;AAAA,IAAA;AAAA,EAC5C;AAAA,EAEF,oBAAoB;AACtB;"}
+{"version":3,"file":"CdsTooltip.props.js","sources":["../../../../../../src/components/CdsTooltip/api/CdsTooltip.props.ts"],"sourcesContent":["import { defineCdsOverlayProps } from '@cds/components/CdsOverlay/api/CdsOverlay.props';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\n\nimport { CdsTooltipConstants } from './CdsTooltip.constants';\n\nexport const defineCdsTooltipProps = propsFactory(\n  {\n    /**\n     * Уникальный идентификатор для связывания подсказки с её активатором. Если не указано, будет сгенерирован автоматически.\n     * @en Unique id that links the tooltip to its activator. Generated automatically when omitted.\n     */\n    id: String,\n    /**\n     * Разрешает взаимодействие с содержимым подсказки: наведение курсора на контент не закрывает её.\n     * @en Allows interaction with the tooltip content: hovering the content does not close it.\n     */\n    interactive: Boolean,\n    /**\n     * Скрывает стрелку-указатель, направленную на активатор. По умолчанию стрелка отображается.\n     * @en Hides the arrow pointing at the activator. The arrow is shown by default.\n     */\n    hideArrow: Boolean,\n    /**\n     * Текст всплывающей подсказки. Используется, если не передан слот default.\n     * @en Text of the tooltip. Used when the default slot is not passed.\n     */\n    text: String,\n    /**\n     * Цвет фона подсказки.\n     * @en Background color of the tooltip.\n     */\n    color: String,\n\n    ...omit(\n      defineCdsOverlayProps({\n        closeOnBack: false,\n        location: 'top' as const,\n        locationStrategy: 'connected' as const,\n        eager: true,\n        minWidth: 0,\n        offset: CdsTooltipConstants.offset,\n        openOnClick: false,\n        openOnHover: true,\n        origin: 'auto' as const,\n        scrim: false,\n        scrollStrategy: 'reposition' as const,\n        transition: null\n      }),\n      ['absolute', 'retainFocus', 'captureFocus']\n    )\n  },\n  CdsTooltipConstants.name\n);\n"],"names":[],"mappings":";;;;AAMO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,IAKJ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,OAAO;AAAA,IAEP,GAAG;AAAA,MACD,sBAAsB;AAAA,QACpB,aAAa;AAAA,QACb,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ,oBAAoB;AAAA,QAC5B,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,YAAY;AAAA,MAAA,CACb;AAAA,MACD,CAAC,YAAY,eAAe,cAAc;AAAA,IAAA;AAAA,EAC5C;AAAA,EAEF,oBAAoB;AACtB;"}

package/dist/es/src/components/CdsTree/CdsTree.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-tree {
     font-family: inherit;

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

@@ -66,11 +66,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("select", selectedKeys, eventObj);
     };
     __expose({
+      /**
+       * Ссылка на внутренний экземпляр дерева.
+       * @en Reference to the internal tree instance.
+       */
       treeRef,
       onNodeExpand: (...args) => {
         var _a;
         (_a = unref(treeRef)) == null ? void 0 : _a.onNodeExpand(...args);
       },
+      /**
+       * Прокручивает дерево к узлу по ключу или к указанной позиции.
+       * @en Scrolls the tree to a node by its key or to a given position.
+       */
       scrollTo,
       selectedKeys: computed(() => {
         var _a;
@@ -80,6 +88,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         var _a;
         return (_a = unref(treeRef)) == null ? void 0 : _a.checkedKeys;
       }),
+      /**
+       * Ключи узлов с частично отмеченными потомками — состояние «наполовину выбран».
+       * @en Keys of the nodes with partially checked children — the “half checked” state.
+       */
       halfCheckedKeys: computed(() => {
         var _a;
         return (_a = unref(treeRef)) == null ? void 0 : _a.halfCheckedKeys;
@@ -88,6 +100,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         var _a;
         return (_a = unref(treeRef)) == null ? void 0 : _a.expandedKeys;
       }),
+      /**
+       * Ключи узлов, для которых сейчас идёт ленивая подгрузка потомков.
+       * @en Keys of the nodes whose children are being lazily loaded right now.
+       */
       loadingKeys: computed(() => {
         var _a;
         return (_a = unref(treeRef)) == null ? void 0 : _a.loadingKeys;

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTree.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTree/CdsTree.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTree.scss';\n\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames, filterEmpty } from '@cds/utils';\nimport { computed, h, ref, unref, useAttrs } from 'vue';\n\nimport { CdsTreeConstants } from './api/CdsTree.constants';\nimport { defineCdsTreeProps } from './api/CdsTree.props';\nimport type { CdsTreeEvents, CdsTreeSlots } from './api/CdsTree.types';\nimport DropIndicator from './components/DropIndicator';\nimport type { SwitcherIconProps } from './components/SwitcherIcon';\nimport { renderSwitcherIcon } from './components/SwitcherIcon';\nimport TreeProvider from './components/TreeProvider';\nimport type { ScrollTo } from './components/VirtualList';\nimport type { ITreeProps } from './composable';\nimport type { NTree } from './interface';\n\ndefineOptions({\n  name: CdsTreeConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsTreeProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTreeSlots>();\nconst emit = defineEmits([\"update:selectedKeys\", \"update:checkedKeys\", \"update:expandedKeys\", \"click\", \"check\", \"dragstart\", \"dragend\", \"dragenter\", \"dragleave\", \"dragover\", \"drop\", \"expand\", \"select\", \"load\", \"rightClick\", \"dblclick\", \"doubleclick\"]);\nconst attrs = useAttrs();\n\nconst { rootClass } = CdsTreeConstants;\n\n// Инстанс TreeProvider публикует методы через expose() (scrollTo, onNodeExpand,\n// *Keys) — они недоступны в выводимом типе инстанса, поэтому ref типизируем как any.\nconst treeRef = ref<any>();\nconst { themeClasses } = provideTheme(props);\n\nconst scrollTo: ScrollTo = (scroll) => {\n  unref(treeRef)?.scrollTo(scroll);\n};\n\nconst handleClick = (event: MouseEvent, node: NTree.IEventDataNode) => {\n  if (props.expandAction === 'click') {\n    unref(treeRef)?.onNodeExpand(event, node);\n  }\n\n  emit('click', event, node);\n};\n\nconst handleDoubleClick = (event: MouseEvent, node: NTree.IEventDataNode) => {\n  if (props.expandAction === 'dblclick' || props.expandAction === 'doubleclick') {\n    unref(treeRef)?.onNodeExpand(event, node);\n  }\n\n  emit('dblclick', event, node);\n  emit('doubleclick', event, node);\n};\n\nconst handleCheck: ITreeProps['onCheck'] = (checkedObjOrKeys, eventObj) => {\n  emit('update:checkedKeys', checkedObjOrKeys);\n  emit('check', checkedObjOrKeys, eventObj);\n};\n\nconst handleExpand: ITreeProps['onExpand'] = (expandedKeys, eventObj) => {\n  emit('update:expandedKeys', expandedKeys);\n  emit('expand', expandedKeys, eventObj);\n};\n\nconst handleSelect: ITreeProps['onSelect'] = (selectedKeys, eventObj) => {\n  emit('update:selectedKeys', selectedKeys);\n  emit('select', selectedKeys, eventObj);\n};\n\ndefineExpose({\n  treeRef,\n  onNodeExpand: (...args: any[]) => {\n    unref(treeRef)?.onNodeExpand(...args);\n  },\n  scrollTo,\n  selectedKeys: computed(() => unref(treeRef)?.selectedKeys),\n  checkedKeys: computed(() => unref(treeRef)?.checkedKeys),\n  halfCheckedKeys: computed(() => unref(treeRef)?.halfCheckedKeys),\n  expandedKeys: computed(() => unref(treeRef)?.expandedKeys),\n  loadingKeys: computed(() => unref(treeRef)?.loadingKeys),\n  loadedKeys: computed(() => unref(treeRef)?.loadedKeys)\n});\n\ndefineRender(() => {\n  const {\n    showIcon,\n    showLine,\n    blockNode,\n    checkable,\n    selectable,\n    fieldNames,\n    openAnimation,\n    virtual,\n    icon = slots.icon,\n    switcherIcon = slots.switcherIcon\n  } = props;\n\n  const children = slots.default ? filterEmpty(slots.default()) : undefined;\n\n  return h(\n    TreeProvider,\n    {\n      ...attrs,\n      ...props,\n      ref: treeRef,\n      showLine: !!showLine,\n      fieldNames,\n      icon,\n      virtual,\n      openAnimation,\n      checkable,\n      selectable,\n      children,\n      class: classNames(\n        {\n          [`${rootClass}--icon-hide`]: !showIcon,\n          [`${rootClass}--block-node`]: blockNode,\n          [`${rootClass}--unselectable`]: !selectable,\n          [`${rootClass}--uncheckable`]: !checkable,\n          [`${rootClass}--clickable-node`]: !!props.expandAction\n        },\n        unref(themeClasses),\n        attrs.class\n      ),\n      dropIndicatorRender: DropIndicator,\n      switcherIcon: (nodeProps: SwitcherIconProps) => renderSwitcherIcon(switcherIcon, showLine, nodeProps),\n      onClick: handleClick,\n      onCheck: handleCheck,\n      onExpand: handleExpand,\n      onSelect: handleSelect,\n      onDblclick: handleDoubleClick\n    },\n    {\n      ...slots,\n      checkable: () => h('span', { class: classNames(`${rootClass}__checkbox-inner`) })\n    }\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","rootClass","CdsTreeConstants","treeRef","ref","themeClasses","provideTheme","scrollTo","scroll","unref","handleClick","event","node","expandAction","onNodeExpand","handleDoubleClick","handleCheck","checkedObjOrKeys","eventObj","handleExpand","expandedKeys","handleSelect","selectedKeys","__expose","args","computed","checkedKeys","halfCheckedKeys","loadingKeys","loadedKeys","showIcon","showLine","blockNode","checkable","selectable","fieldNames","openAnimation","virtual","icon","switcherIcon","children","default","filterEmpty","undefined","h","TreeProvider","class","classNames","dropIndicatorRender","DropIndicator","nodeProps","renderSwitcherIcon","onClick","onCheck","onExpand","onSelect","onDblclick"],"mappings":"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"}
+{"version":3,"file":"CdsTree.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTree/CdsTree.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTree.scss';\n\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames, filterEmpty } from '@cds/utils';\nimport { computed, h, ref, unref, useAttrs } from 'vue';\n\nimport { CdsTreeConstants } from './api/CdsTree.constants';\nimport { defineCdsTreeProps } from './api/CdsTree.props';\nimport type { CdsTreeEvents, CdsTreeSlots } from './api/CdsTree.types';\nimport DropIndicator from './components/DropIndicator';\nimport type { SwitcherIconProps } from './components/SwitcherIcon';\nimport { renderSwitcherIcon } from './components/SwitcherIcon';\nimport TreeProvider from './components/TreeProvider';\nimport type { ScrollTo } from './components/VirtualList';\nimport type { ITreeProps } from './composable';\nimport type { NTree } from './interface';\n\ndefineOptions({\n  name: CdsTreeConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsTreeProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTreeSlots>();\nconst emit = defineEmits([\"update:selectedKeys\", \"update:checkedKeys\", \"update:expandedKeys\", \"click\", \"check\", \"dragstart\", \"dragend\", \"dragenter\", \"dragleave\", \"dragover\", \"drop\", \"expand\", \"select\", \"load\", \"rightClick\", \"dblclick\", \"doubleclick\"]);\nconst attrs = useAttrs();\n\nconst { rootClass } = CdsTreeConstants;\n\n// Инстанс TreeProvider публикует методы через expose() (scrollTo, onNodeExpand,\n// *Keys) — они недоступны в выводимом типе инстанса, поэтому ref типизируем как any.\nconst treeRef = ref<any>();\nconst { themeClasses } = provideTheme(props);\n\nconst scrollTo: ScrollTo = (scroll) => {\n  unref(treeRef)?.scrollTo(scroll);\n};\n\nconst handleClick = (event: MouseEvent, node: NTree.IEventDataNode) => {\n  if (props.expandAction === 'click') {\n    unref(treeRef)?.onNodeExpand(event, node);\n  }\n\n  emit('click', event, node);\n};\n\nconst handleDoubleClick = (event: MouseEvent, node: NTree.IEventDataNode) => {\n  if (props.expandAction === 'dblclick' || props.expandAction === 'doubleclick') {\n    unref(treeRef)?.onNodeExpand(event, node);\n  }\n\n  emit('dblclick', event, node);\n  emit('doubleclick', event, node);\n};\n\nconst handleCheck: ITreeProps['onCheck'] = (checkedObjOrKeys, eventObj) => {\n  emit('update:checkedKeys', checkedObjOrKeys);\n  emit('check', checkedObjOrKeys, eventObj);\n};\n\nconst handleExpand: ITreeProps['onExpand'] = (expandedKeys, eventObj) => {\n  emit('update:expandedKeys', expandedKeys);\n  emit('expand', expandedKeys, eventObj);\n};\n\nconst handleSelect: ITreeProps['onSelect'] = (selectedKeys, eventObj) => {\n  emit('update:selectedKeys', selectedKeys);\n  emit('select', selectedKeys, eventObj);\n};\n\ndefineExpose({\n  /**\n   * Ссылка на внутренний экземпляр дерева.\n   * @en Reference to the internal tree instance.\n   */\n  treeRef,\n  onNodeExpand: (...args: any[]) => {\n    unref(treeRef)?.onNodeExpand(...args);\n  },\n  /**\n   * Прокручивает дерево к узлу по ключу или к указанной позиции.\n   * @en Scrolls the tree to a node by its key or to a given position.\n   */\n  scrollTo,\n  selectedKeys: computed(() => unref(treeRef)?.selectedKeys),\n  checkedKeys: computed(() => unref(treeRef)?.checkedKeys),\n  /**\n   * Ключи узлов с частично отмеченными потомками — состояние «наполовину выбран».\n   * @en Keys of the nodes with partially checked children — the “half checked” state.\n   */\n  halfCheckedKeys: computed(() => unref(treeRef)?.halfCheckedKeys),\n  expandedKeys: computed(() => unref(treeRef)?.expandedKeys),\n  /**\n   * Ключи узлов, для которых сейчас идёт ленивая подгрузка потомков.\n   * @en Keys of the nodes whose children are being lazily loaded right now.\n   */\n  loadingKeys: computed(() => unref(treeRef)?.loadingKeys),\n  loadedKeys: computed(() => unref(treeRef)?.loadedKeys)\n});\n\ndefineRender(() => {\n  const {\n    showIcon,\n    showLine,\n    blockNode,\n    checkable,\n    selectable,\n    fieldNames,\n    openAnimation,\n    virtual,\n    icon = slots.icon,\n    switcherIcon = slots.switcherIcon\n  } = props;\n\n  const children = slots.default ? filterEmpty(slots.default()) : undefined;\n\n  return h(\n    TreeProvider,\n    {\n      ...attrs,\n      ...props,\n      ref: treeRef,\n      showLine: !!showLine,\n      fieldNames,\n      icon,\n      virtual,\n      openAnimation,\n      checkable,\n      selectable,\n      children,\n      class: classNames(\n        {\n          [`${rootClass}--icon-hide`]: !showIcon,\n          [`${rootClass}--block-node`]: blockNode,\n          [`${rootClass}--unselectable`]: !selectable,\n          [`${rootClass}--uncheckable`]: !checkable,\n          [`${rootClass}--clickable-node`]: !!props.expandAction\n        },\n        unref(themeClasses),\n        attrs.class\n      ),\n      dropIndicatorRender: DropIndicator,\n      switcherIcon: (nodeProps: SwitcherIconProps) => renderSwitcherIcon(switcherIcon, showLine, nodeProps),\n      onClick: handleClick,\n      onCheck: handleCheck,\n      onExpand: handleExpand,\n      onSelect: handleSelect,\n      onDblclick: handleDoubleClick\n    },\n    {\n      ...slots,\n      checkable: () => h('span', { class: classNames(`${rootClass}__checkbox-inner`) })\n    }\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","rootClass","CdsTreeConstants","treeRef","ref","themeClasses","provideTheme","scrollTo","scroll","unref","handleClick","event","node","expandAction","onNodeExpand","handleDoubleClick","handleCheck","checkedObjOrKeys","eventObj","handleExpand","expandedKeys","handleSelect","selectedKeys","__expose","args","computed","checkedKeys","halfCheckedKeys","loadingKeys","loadedKeys","showIcon","showLine","blockNode","checkable","selectable","fieldNames","openAnimation","virtual","icon","switcherIcon","children","default","filterEmpty","undefined","h","TreeProvider","class","classNames","dropIndicatorRender","DropIndicator","nodeProps","renderSwitcherIcon","onClick","onCheck","onExpand","onSelect","onDblclick"],"mappings":"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"}