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

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/CdsToolbar.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsToolbarConstants } from "./api/CdsToolbar.constants.js";
 import { d as defineCdsToolbarProps } from "./api/CdsToolbar.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -1,27 +1,39 @@
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsToolbarConstants, a as CdsToolbarTitleConstants } from "./CdsToolbar.constants.js";
+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

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, useAttrs, ref, computed, unref, h } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { f as filterEmpty } from "../../utils/use/flattenChildren.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -8,6 +7,7 @@ import { d as defineCdsTreeProps } from "./api/CdsTree.props.js";
 import { D as DropIndicator } from "./components/DropIndicator.js";
 import { r as renderSwitcherIcon } from "./components/SwitcherIcon.js";
 import { T as TreeProvider } from "./components/TreeProvider.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTreeConstants.name,
@@ -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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"}

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

@@ -1,7 +1,7 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsTreeConstants } from "./CdsTree.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { m as makeTreeEventsProps } from "../composable/events.js";
 import { m as makeTreeProps } from "../composable/tree.js";
 const defineCdsTreeProps = propsFactory(

package/dist/es/src/components/CdsTree/composable/tree.js

@@ -4,6 +4,7 @@ const makeTreeProps = propsFactory(
   {
     /**
      * Данные дерева
+     * @en Data of the tree
      */
     treeData: {
       type: Array,
@@ -11,6 +12,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Выбираемые узлы дерева
+     * @en Makes the tree nodes selectable
      */
     selectable: {
       type: Boolean,
@@ -18,6 +20,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Множественный выбор узлов дерева
+     * @en Allows selecting several tree nodes
      */
     multiple: {
       type: Boolean,
@@ -25,6 +28,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Добавляет checkbox перед узлами дерева
+     * @en Adds a checkbox before the tree nodes
      */
     checkable: {
       type: Boolean,
@@ -32,6 +36,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Разрешает перетаскивание узлов дерева
+     * @en Allows dragging the tree nodes
      */
     draggable: {
       type: [Object, Boolean],
@@ -42,6 +47,7 @@ const makeTreeProps = propsFactory(
      * Когда указан ключ узла дерева, который также является родительским узлом дерева, все дочерние узлы дерева будут checked;
      * и наоборот, когда указан ключ узла дерева, который является дочерним узлом дерева, его родительский узел дерева также будет checked.
      * Когда checkable и checkStrictly равны true, объект имеет свойство checked и halfChecked. Независимо от того, проверяется ли дочерний или родительский узел дерева, они не будут влиять друг на друга.
+     * @en (v-model) Keys of the checked tree nodes. When the key of a parent node is given, all its child nodes become checked; and the other way around, when the key of a child node is given, its parent node becomes checked too. When `checkable` and `checkStrictly` are both true, the object has the `checked` and `halfChecked` fields, and checking a child or a parent node no longer affects the other.
      */
     checkedKeys: {
       type: [Object, Array],
@@ -49,6 +55,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * (v-model) Определяет ключи раскрытых узлов дерева.
+     * @en (v-model) Keys of the expanded tree nodes.
      */
     expandedKeys: {
       type: Array,
@@ -56,6 +63,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * (v-model) Определяет ключи выбранных узлов дерева.
+     * @en (v-model) Keys of the selected tree nodes.
      */
     selectedKeys: {
       type: Array,
@@ -63,6 +71,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Автоматически раскрывать родительский узел
+     * @en Expands the parent node automatically
      */
     autoExpandParent: {
       type: Boolean,
@@ -70,6 +79,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Раскрывать все узлы по умолчанию
+     * @en Expands all the nodes by default
      */
     defaultExpandedKeys: {
       type: Array,
@@ -77,6 +87,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Раскрывать родительские узлы по умолчанию
+     * @en Expands the parent nodes by default
      */
     defaultExpandParent: {
       type: Boolean,
@@ -84,6 +95,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Раскрывать все узлы по умолчанию
+     * @en Expands all the nodes by default
      */
     defaultExpandAll: {
       type: Boolean,
@@ -91,6 +103,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Выбранные узлы дерева по умолчанию
+     * @en Tree nodes selected by default
      */
     defaultSelectedKeys: {
       type: Array,
@@ -98,6 +111,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Действие, которое будет раскрывать/скрывать узлы дерева
+     * @en Action that expands or collapses the tree nodes
      */
     expandAction: {
       type: [Boolean, String],
@@ -105,6 +119,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Выбирает только родительский узел.
+     * @en Checks only the node itself, without its parents and children.
      */
     checkStrictly: {
       type: Boolean,
@@ -112,6 +127,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Разрешает сброс на узле
+     * @en Decides whether a node accepts a drop
      */
     allowDrop: {
       type: Function,
@@ -119,6 +135,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Узел дерева заполняет все оставшееся горизонтальное пространство
+     * @en The tree node fills all the remaining horizontal space
      */
     blockNode: {
       type: Boolean,
@@ -126,6 +143,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Заменяет поля title, key и children в treeNode на соответствующие поля в treeData
+     * @en Maps the title, key and children fields of a tree node to the matching fields of treeData
      */
     fieldNames: {
       type: Object,
@@ -133,6 +151,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Показывает линии между узлами дерева
+     * @en Shows the lines between the tree nodes
      */
     showLine: {
       type: [Boolean, Object],
@@ -140,6 +159,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Показывает иконку узла дерева
+     * @en Shows the icon of the tree node
      */
     showIcon: {
       type: Boolean,
@@ -147,6 +167,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Функция для фильтрации (выделения) узлов дерева. Когда функция возвращает true, узел дерева будет выделен.
+     * @en Function that filters (highlights) the tree nodes. When it returns true, the node is highlighted.
      */
     filterTreeNode: {
       type: Function,
@@ -154,6 +175,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Загружает данные для узла дерева асинхронно
+     * @en Loads the data of a tree node asynchronously
      */
     loadData: {
       type: Function,
@@ -161,6 +183,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Загруженные узлы дерева. Необходимо для работы с loadData
+     * @en Keys of the already loaded tree nodes. Required to work with loadData
      */
     loadedKeys: {
       type: Array,
@@ -168,6 +191,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Иконка узла дерева (также доступно через slot#icon)
+     * @en Icon of the tree node (also available through slot#icon)
      */
     icon: {
       type: Function,
@@ -175,6 +199,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Иконка открытия/закрытия узла дерева (также доступно через slot#switcherIcon)
+     * @en Icon of the expand/collapse switcher (also available through slot#switcherIcon)
      */
     switcherIcon: {
       type: Function,
@@ -182,6 +207,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Функция анимации открытия/закрытия узла дерева
+     * @en Animation function for expanding and collapsing a tree node
      */
     openAnimation: {
       type: Function,
@@ -190,6 +216,7 @@ const makeTreeProps = propsFactory(
     // Virtual List
     /**
      * Включает виртуальную прокрутку списка в дереве, по-умолчанию включено
+     * @en Enables virtual scrolling of the list inside the tree; enabled by default
      */
     virtual: {
       type: Boolean,
@@ -197,6 +224,7 @@ const makeTreeProps = propsFactory(
     },
     /**
      * Высота виртуального списка для прокрутки
+     * @en Height of the virtual scrolling list
      */
     height: {
       type: Number,

package/dist/es/src/components/CdsTree/composable/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","sources":["../../../../../../src/components/CdsTree/composable/tree.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport type { ExtractPropTypes, PropType, ShallowRef } from 'vue';\nimport { ref, shallowRef, watchEffect } from 'vue';\n\nimport type { SwitcherIconProps } from '../components/SwitcherIcon';\nimport type { NTree, TCdsIconsName } from '../interface';\n\nexport const makeTreeProps = propsFactory(\n  {\n    /**\n     * Данные дерева\n     */\n    treeData: {\n      type: Array as PropType<NTree.IDataNode[]>,\n      default: undefined\n    },\n    /**\n     * Выбираемые узлы дерева\n     */\n    selectable: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Множественный выбор узлов дерева\n     */\n    multiple: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Добавляет checkbox перед узлами дерева\n     */\n    checkable: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Разрешает перетаскивание узлов дерева\n     */\n    draggable: {\n      type: [Object, Boolean] as PropType<NTree.TDraggableConfig | boolean>,\n      default: false\n    },\n    /**\n     * (v-model) Определяет ключи выбранных узлов дерева.\n     * Когда указан ключ узла дерева, который также является родительским узлом дерева, все дочерние узлы дерева будут checked;\n     * и наоборот, когда указан ключ узла дерева, который является дочерним узлом дерева, его родительский узел дерева также будет checked.\n     * Когда checkable и checkStrictly равны true, объект имеет свойство checked и halfChecked. Независимо от того, проверяется ли дочерний или родительский узел дерева, они не будут влиять друг на друга.\n     */\n    checkedKeys: {\n      type: [Object, Array] as PropType<NTree.TKey[] | { checked: NTree.TKey[]; halfChecked: NTree.TKey[] }>,\n      default: undefined\n    },\n    /**\n     * (v-model) Определяет ключи раскрытых узлов дерева.\n     */\n    expandedKeys: {\n      type: Array as PropType<NTree.TKey[]>,\n      default: undefined\n    },\n    /**\n     * (v-model) Определяет ключи выбранных узлов дерева.\n     */\n    selectedKeys: {\n      type: Array as PropType<NTree.TKey[]>,\n      default: undefined\n    },\n    /**\n     * Автоматически раскрывать родительский узел\n     */\n    autoExpandParent: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Раскрывать все узлы по умолчанию\n     */\n    defaultExpandedKeys: {\n      type: Array as PropType<NTree.TKey[]>,\n      default: () => []\n    },\n    /**\n     * Раскрывать родительские узлы по умолчанию\n     */\n    defaultExpandParent: {\n      type: Boolean as PropType<boolean>,\n      default: true\n    },\n    /**\n     * Раскрывать все узлы по умолчанию\n     */\n    defaultExpandAll: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Выбранные узлы дерева по умолчанию\n     */\n    defaultSelectedKeys: {\n      type: Array as PropType<NTree.TKey[]>,\n      default: undefined\n    },\n    /**\n     * Действие, которое будет раскрывать/скрывать узлы дерева\n     */\n    expandAction: {\n      type: [Boolean, String] as PropType<NTree.TExpandAction>,\n      default: undefined\n    },\n    /**\n     * Выбирает только родительский узел.\n     */\n    checkStrictly: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Разрешает сброс на узле\n     */\n    allowDrop: {\n      type: Function as PropType<NTree.TAllowDrop>,\n      default: () => true\n    },\n    /**\n     * Узел дерева заполняет все оставшееся горизонтальное пространство\n     */\n    blockNode: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Заменяет поля title, key и children в treeNode на соответствующие поля в treeData\n     */\n    fieldNames: {\n      type: Object as PropType<NTree.IFieldNames>,\n      default: undefined\n    },\n    /**\n     * Показывает линии между узлами дерева\n     */\n    showLine: {\n      type: [Boolean, Object] as PropType<boolean | { showLeafIcon: boolean | TCdsIconsName }>,\n      default: undefined\n    },\n    /**\n     * Показывает иконку узла дерева\n     */\n    showIcon: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Функция для фильтрации (выделения) узлов дерева. Когда функция возвращает true, узел дерева будет выделен.\n     */\n    filterTreeNode: {\n      type: Function as PropType<(treeNode: NTree.IEventDataNode) => boolean>,\n      default: undefined\n    },\n    /**\n     * Загружает данные для узла дерева асинхронно\n     */\n    loadData: {\n      type: Function as PropType<(treeNode: NTree.IEventDataNode) => Promise<any>>,\n      default: undefined\n    },\n    /**\n     * Загруженные узлы дерева. Необходимо для работы с loadData\n     */\n    loadedKeys: {\n      type: Array as PropType<NTree.TKey[]>,\n      default: () => []\n    },\n    /**\n     * Иконка узла дерева (также доступно через slot#icon)\n     */\n    icon: {\n      type: Function as PropType<(nodeProps: NTree.ITreeNodeAttribute) => any>,\n      default: undefined\n    },\n    /**\n     * Иконка открытия/закрытия узла дерева (также доступно через slot#switcherIcon)\n     */\n    switcherIcon: {\n      type: Function as PropType<(nodeProps: SwitcherIconProps) => any>,\n      default: undefined\n    },\n    /**\n     * Функция анимации открытия/закрытия узла дерева\n     */\n    openAnimation: {\n      type: Function,\n      default: undefined\n    },\n\n    // Virtual List\n    /**\n     * Включает виртуальную прокрутку списка в дереве, по-умолчанию включено\n     */\n    virtual: {\n      type: Boolean as PropType<boolean>,\n      default: true\n    },\n    /**\n     * Высота виртуального списка для прокрутки\n     */\n    height: {\n      type: Number as PropType<number>,\n      default: undefined\n    }\n  },\n  'tree'\n);\n\nexport interface ITreeProps extends Partial<ExtractPropTypes<ReturnType<typeof makeTreeProps>>> {\n  onLoad?: (loadedKeys: NTree.TKey[], info: { event: 'load'; node: NTree.IEventDataNode }) => void;\n  onDragenter?: (info: NTree.TNodeDragEventParams & { expandedKeys: NTree.TKey[] }) => void;\n  onDragstart?: (info: NTree.TNodeDragEventParams) => void;\n  onDragover?: (info: NTree.TNodeDragEventParams) => void;\n  onDragleave?: (info: NTree.TNodeDragEventParams) => void;\n  onDragend?: (info: NTree.TNodeDragEventParams) => void;\n  onDrop?: (\n    info: NTree.TNodeDragEventParams & {\n      dragNode: NTree.IEventDataNode | null;\n      dragNodesKeys: NTree.TKey[];\n      dropPosition: number;\n      dropToGap: boolean;\n    }\n  ) => void;\n  onCheck?: (\n    checked: { checked: NTree.TKey[]; halfChecked: NTree.TKey[] } | NTree.TKey[],\n    info: NTree.ICheckInfo\n  ) => void;\n  onExpand?: (\n    expandedKeys: NTree.TKey[],\n    info: { node: NTree.IEventDataNode; expanded: boolean; nativeEvent: MouseEvent }\n  ) => void;\n  onSelect?: (\n    selectedKeys: NTree.TKey[],\n    info: {\n      event: 'select';\n      selected: boolean;\n      node: NTree.IEventDataNode;\n      selectedNodes: NTree.IDataNode[];\n      nativeEvent: MouseEvent;\n    }\n  ) => void;\n}\n\nexport function useMaxLevel<TreeDataType extends NTree.IBasicDataNode = NTree.IDataNode>(\n  keyEntities: ShallowRef<Record<NTree.TKey, NTree.IDataEntity>>\n) {\n  const maxLevel = ref(0);\n  const levelEntities = shallowRef<Map<number, Set<NTree.IDataEntity<TreeDataType>>>>();\n\n  watchEffect(() => {\n    const newLevelEntities = new Map<number, Set<NTree.IDataEntity<TreeDataType>>>();\n    const keyEntitiesValue = keyEntities.value || {};\n\n    let newMaxLevel = 0;\n\n    for (const key in keyEntitiesValue) {\n      if (Object.prototype.hasOwnProperty.call(keyEntitiesValue, key)) {\n        const entity = keyEntitiesValue[key];\n        const { level } = entity;\n\n        let levelSet: Set<NTree.IDataEntity<TreeDataType>> | undefined = newLevelEntities.get(level!);\n\n        if (!levelSet) {\n          levelSet = new Set();\n          newLevelEntities.set(level!, levelSet);\n        }\n\n        levelSet.add(entity as unknown as NTree.IDataEntity<TreeDataType>);\n\n        newMaxLevel = Math.max(newMaxLevel, level!);\n      }\n    }\n\n    maxLevel.value = newMaxLevel;\n    levelEntities.value = newLevelEntities;\n  });\n\n  return { maxLevel, levelEntities };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tree.js","sources":["../../../../../../src/components/CdsTree/composable/tree.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport type { ExtractPropTypes, PropType, ShallowRef } from 'vue';\nimport { ref, shallowRef, watchEffect } from 'vue';\n\nimport type { SwitcherIconProps } from '../components/SwitcherIcon';\nimport type { NTree, TCdsIconsName } from '../interface';\n\nexport const makeTreeProps = propsFactory(\n  {\n    /**\n     * Данные дерева\n     * @en Data of the tree\n     */\n    treeData: {\n      type: Array as PropType<NTree.IDataNode[]>,\n      default: undefined\n    },\n    /**\n     * Выбираемые узлы дерева\n     * @en Makes the tree nodes selectable\n     */\n    selectable: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Множественный выбор узлов дерева\n     * @en Allows selecting several tree nodes\n     */\n    multiple: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Добавляет checkbox перед узлами дерева\n     * @en Adds a checkbox before the tree nodes\n     */\n    checkable: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Разрешает перетаскивание узлов дерева\n     * @en Allows dragging the tree nodes\n     */\n    draggable: {\n      type: [Object, Boolean] as PropType<NTree.TDraggableConfig | boolean>,\n      default: false\n    },\n    /**\n     * (v-model) Определяет ключи выбранных узлов дерева.\n     * Когда указан ключ узла дерева, который также является родительским узлом дерева, все дочерние узлы дерева будут checked;\n     * и наоборот, когда указан ключ узла дерева, который является дочерним узлом дерева, его родительский узел дерева также будет checked.\n     * Когда checkable и checkStrictly равны true, объект имеет свойство checked и halfChecked. Независимо от того, проверяется ли дочерний или родительский узел дерева, они не будут влиять друг на друга.\n     * @en (v-model) Keys of the checked tree nodes. When the key of a parent node is given, all its child nodes become checked; and the other way around, when the key of a child node is given, its parent node becomes checked too. When `checkable` and `checkStrictly` are both true, the object has the `checked` and `halfChecked` fields, and checking a child or a parent node no longer affects the other.\n     */\n    checkedKeys: {\n      type: [Object, Array] as PropType<NTree.TKey[] | { checked: NTree.TKey[]; halfChecked: NTree.TKey[] }>,\n      default: undefined\n    },\n    /**\n     * (v-model) Определяет ключи раскрытых узлов дерева.\n     * @en (v-model) Keys of the expanded tree nodes.\n     */\n    expandedKeys: {\n      type: Array as PropType<NTree.TKey[]>,\n      default: undefined\n    },\n    /**\n     * (v-model) Определяет ключи выбранных узлов дерева.\n     * @en (v-model) Keys of the selected tree nodes.\n     */\n    selectedKeys: {\n      type: Array as PropType<NTree.TKey[]>,\n      default: undefined\n    },\n    /**\n     * Автоматически раскрывать родительский узел\n     * @en Expands the parent node automatically\n     */\n    autoExpandParent: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Раскрывать все узлы по умолчанию\n     * @en Expands all the nodes by default\n     */\n    defaultExpandedKeys: {\n      type: Array as PropType<NTree.TKey[]>,\n      default: () => []\n    },\n    /**\n     * Раскрывать родительские узлы по умолчанию\n     * @en Expands the parent nodes by default\n     */\n    defaultExpandParent: {\n      type: Boolean as PropType<boolean>,\n      default: true\n    },\n    /**\n     * Раскрывать все узлы по умолчанию\n     * @en Expands all the nodes by default\n     */\n    defaultExpandAll: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Выбранные узлы дерева по умолчанию\n     * @en Tree nodes selected by default\n     */\n    defaultSelectedKeys: {\n      type: Array as PropType<NTree.TKey[]>,\n      default: undefined\n    },\n    /**\n     * Действие, которое будет раскрывать/скрывать узлы дерева\n     * @en Action that expands or collapses the tree nodes\n     */\n    expandAction: {\n      type: [Boolean, String] as PropType<NTree.TExpandAction>,\n      default: undefined\n    },\n    /**\n     * Выбирает только родительский узел.\n     * @en Checks only the node itself, without its parents and children.\n     */\n    checkStrictly: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Разрешает сброс на узле\n     * @en Decides whether a node accepts a drop\n     */\n    allowDrop: {\n      type: Function as PropType<NTree.TAllowDrop>,\n      default: () => true\n    },\n    /**\n     * Узел дерева заполняет все оставшееся горизонтальное пространство\n     * @en The tree node fills all the remaining horizontal space\n     */\n    blockNode: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Заменяет поля title, key и children в treeNode на соответствующие поля в treeData\n     * @en Maps the title, key and children fields of a tree node to the matching fields of treeData\n     */\n    fieldNames: {\n      type: Object as PropType<NTree.IFieldNames>,\n      default: undefined\n    },\n    /**\n     * Показывает линии между узлами дерева\n     * @en Shows the lines between the tree nodes\n     */\n    showLine: {\n      type: [Boolean, Object] as PropType<boolean | { showLeafIcon: boolean | TCdsIconsName }>,\n      default: undefined\n    },\n    /**\n     * Показывает иконку узла дерева\n     * @en Shows the icon of the tree node\n     */\n    showIcon: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Функция для фильтрации (выделения) узлов дерева. Когда функция возвращает true, узел дерева будет выделен.\n     * @en Function that filters (highlights) the tree nodes. When it returns true, the node is highlighted.\n     */\n    filterTreeNode: {\n      type: Function as PropType<(treeNode: NTree.IEventDataNode) => boolean>,\n      default: undefined\n    },\n    /**\n     * Загружает данные для узла дерева асинхронно\n     * @en Loads the data of a tree node asynchronously\n     */\n    loadData: {\n      type: Function as PropType<(treeNode: NTree.IEventDataNode) => Promise<any>>,\n      default: undefined\n    },\n    /**\n     * Загруженные узлы дерева. Необходимо для работы с loadData\n     * @en Keys of the already loaded tree nodes. Required to work with loadData\n     */\n    loadedKeys: {\n      type: Array as PropType<NTree.TKey[]>,\n      default: () => []\n    },\n    /**\n     * Иконка узла дерева (также доступно через slot#icon)\n     * @en Icon of the tree node (also available through slot#icon)\n     */\n    icon: {\n      type: Function as PropType<(nodeProps: NTree.ITreeNodeAttribute) => any>,\n      default: undefined\n    },\n    /**\n     * Иконка открытия/закрытия узла дерева (также доступно через slot#switcherIcon)\n     * @en Icon of the expand/collapse switcher (also available through slot#switcherIcon)\n     */\n    switcherIcon: {\n      type: Function as PropType<(nodeProps: SwitcherIconProps) => any>,\n      default: undefined\n    },\n    /**\n     * Функция анимации открытия/закрытия узла дерева\n     * @en Animation function for expanding and collapsing a tree node\n     */\n    openAnimation: {\n      type: Function,\n      default: undefined\n    },\n\n    // Virtual List\n    /**\n     * Включает виртуальную прокрутку списка в дереве, по-умолчанию включено\n     * @en Enables virtual scrolling of the list inside the tree; enabled by default\n     */\n    virtual: {\n      type: Boolean as PropType<boolean>,\n      default: true\n    },\n    /**\n     * Высота виртуального списка для прокрутки\n     * @en Height of the virtual scrolling list\n     */\n    height: {\n      type: Number as PropType<number>,\n      default: undefined\n    }\n  },\n  'tree'\n);\n\nexport interface ITreeProps extends Partial<ExtractPropTypes<ReturnType<typeof makeTreeProps>>> {\n  onLoad?: (loadedKeys: NTree.TKey[], info: { event: 'load'; node: NTree.IEventDataNode }) => void;\n  onDragenter?: (info: NTree.TNodeDragEventParams & { expandedKeys: NTree.TKey[] }) => void;\n  onDragstart?: (info: NTree.TNodeDragEventParams) => void;\n  onDragover?: (info: NTree.TNodeDragEventParams) => void;\n  onDragleave?: (info: NTree.TNodeDragEventParams) => void;\n  onDragend?: (info: NTree.TNodeDragEventParams) => void;\n  onDrop?: (\n    info: NTree.TNodeDragEventParams & {\n      dragNode: NTree.IEventDataNode | null;\n      dragNodesKeys: NTree.TKey[];\n      dropPosition: number;\n      dropToGap: boolean;\n    }\n  ) => void;\n  onCheck?: (\n    checked: { checked: NTree.TKey[]; halfChecked: NTree.TKey[] } | NTree.TKey[],\n    info: NTree.ICheckInfo\n  ) => void;\n  onExpand?: (\n    expandedKeys: NTree.TKey[],\n    info: {\n      node: NTree.IEventDataNode;\n      expanded: boolean;\n      nativeEvent: MouseEvent;\n    }\n  ) => void;\n  onSelect?: (\n    selectedKeys: NTree.TKey[],\n    info: {\n      event: 'select';\n      selected: boolean;\n      node: NTree.IEventDataNode;\n      selectedNodes: NTree.IDataNode[];\n      nativeEvent: MouseEvent;\n    }\n  ) => void;\n}\n\nexport function useMaxLevel<TreeDataType extends NTree.IBasicDataNode = NTree.IDataNode>(\n  keyEntities: ShallowRef<Record<NTree.TKey, NTree.IDataEntity>>\n) {\n  const maxLevel = ref(0);\n  const levelEntities = shallowRef<Map<number, Set<NTree.IDataEntity<TreeDataType>>>>();\n\n  watchEffect(() => {\n    const newLevelEntities = new Map<number, Set<NTree.IDataEntity<TreeDataType>>>();\n    const keyEntitiesValue = keyEntities.value || {};\n\n    let newMaxLevel = 0;\n\n    for (const key in keyEntitiesValue) {\n      if (Object.prototype.hasOwnProperty.call(keyEntitiesValue, key)) {\n        const entity = keyEntitiesValue[key];\n        const { level } = entity;\n\n        let levelSet: Set<NTree.IDataEntity<TreeDataType>> | undefined = newLevelEntities.get(level!);\n\n        if (!levelSet) {\n          levelSet = new Set();\n          newLevelEntities.set(level!, levelSet);\n        }\n\n        levelSet.add(entity as unknown as NTree.IDataEntity<TreeDataType>);\n\n        newMaxLevel = Math.max(newMaxLevel, level!);\n      }\n    }\n\n    maxLevel.value = newMaxLevel;\n    levelEntities.value = newLevelEntities;\n  });\n\n  return { maxLevel, levelEntities };\n}\n"],"names":[],"mappings":"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"}