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

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

@@ -1 +1 @@
-{"version":3,"file":"CdsStages.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsStages/CdsStages.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsStages.scss';\n\nimport type { ListItem } from '@cds/composables/useItems';\nimport { useItems } from '@cds/composables/useItems';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, unref } from 'vue';\n\nimport { CdsStagesConstants } from './api/CdsStages.constants';\nimport { defineCdsStagesProps } from './api/CdsStages.props';\n\ndefineOptions({\n  name: CdsStagesConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsStagesProps() });\nconst props = useDefaults(_props);\n\nconst { items } = useItems(props);\nconst { themeClasses } = provideTheme(props);\n\nconst currentStageIndex = computed(() => {\n  return unref(items).findIndex((item) => String(item.value) === String(props.current));\n});\n\nconst gridStyles = computed(() => ({\n  gridTemplateColumns: `repeat(${unref(items).length}, 1fr)`\n}));\n\nconst isFinished = computed(() => {\n  return props.finished || String(props.current) === '0';\n});\n\nconst isCurrent = (idx: number) => {\n  return idx === unref(currentStageIndex);\n};\n\nconst getStageClasses = (item: ListItem, idx: number) => {\n  const { rootClass } = CdsStagesConstants;\n\n  return {\n    [`${rootClass}__stage--active`]: !unref(isFinished) && String(item.value) === String(props.current),\n    [`${rootClass}__stage--invalid`]: item.props?.error && idx <= unref(currentStageIndex),\n    [`${rootClass}__stage--checked`]: unref(isFinished) || idx < unref(currentStageIndex)\n  };\n};\n\ndefineExpose({\n  isCurrent,\n  isFinished\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsStagesConstants;\n\n  return (\n    <ul class={classNames(rootClass, unref(themeClasses), props.class)} style={[unref(gridStyles), props.style]}>\n      {unref(items).map((item, idx) => (\n        <li key={item.value} class={classNames(`${rootClass}__stage`, getStageClasses(item, idx))}>\n          <span class={classNames(`${rootClass}__text`)}>{item.title}</span>\n\n          {idx !== unref(items).length - 1 && (\n            <svg\n              width=\"16\"\n              height=\"40\"\n              viewBox=\"0 0 16 40\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={classNames(`${rootClass}__arrow`)}\n            >\n              <path d=\"M0 0L4.19048 7.27177e-06L13 20L4.19048 40L0 40V0Z\" />\n              <path d=\"M0 39H4.51263L14 20L4.51263 1H0\" />\n            </svg>\n          )}\n        </li>\n      ))}\n    </ul>\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","items","useItems","themeClasses","provideTheme","currentStageIndex","computed","unref","findIndex","item","String","value","current","gridStyles","gridTemplateColumns","length","isFinished","finished","isCurrent","idx","getStageClasses","rootClass","CdsStagesConstants","error","__expose","_createVNode","classNames","class","style","map","title"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAEhC,UAAM;AAAA,MAAEI;AAAAA,IAAM,IAAIC,SAASH,KAAK;AAChC,UAAM;AAAA,MAAEI;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAE3C,UAAMM,oBAAoBC,SAAS,MAAM;AACvC,aAAOC,MAAMN,KAAK,EAAEO,UAAWC,UAASC,OAAOD,KAAKE,KAAK,MAAMD,OAAOX,MAAMa,OAAO,CAAC;AAAA,IACtF,CAAC;AAED,UAAMC,aAAaP,SAAS,OAAO;AAAA,MACjCQ,qBAAqB,UAAUP,MAAMN,KAAK,EAAEc,MAAM;AAAA,IACpD,EAAE;AAEF,UAAMC,aAAaV,SAAS,MAAM;AAChC,aAAOP,MAAMkB,YAAYP,OAAOX,MAAMa,OAAO,MAAM;AAAA,IACrD,CAAC;AAED,UAAMM,YAAaC,SAAgB;AACjC,aAAOA,QAAQZ,MAAMF,iBAAiB;AAAA,IACxC;AAEA,UAAMe,kBAAkBA,CAACX,MAAgBU,QAAgB;;AACvD,YAAM;AAAA,QAAEE;AAAAA,MAAU,IAAIC;AAEtB,aAAO;AAAA,QACL,CAAC,GAAGD,SAAS,iBAAiB,GAAG,CAACd,MAAMS,UAAU,KAAKN,OAAOD,KAAKE,KAAK,MAAMD,OAAOX,MAAMa,OAAO;AAAA,QAClG,CAAC,GAAGS,SAAS,kBAAkB,KAAGZ,UAAKV,UAALU,mBAAYc,UAASJ,OAAOZ,MAAMF,iBAAiB;AAAA,QACrF,CAAC,GAAGgB,SAAS,kBAAkB,GAAGd,MAAMS,UAAU,KAAKG,MAAMZ,MAAMF,iBAAiB;AAAA;IAExF;AAEAmB,aAAa;AAAA,MACXN;AAAAA,MACAF;AAAAA,IACF,CAAC;WAEY,MAAM;AACjB,YAAM;AAAA,QAAEK;AAAAA,MAAU,IAAIC;AAEtB,aAAAG,YAAA,MAAA;AAAA,QAAA,SACaC,WAAWL,WAAWd,MAAMJ,YAAY,GAAGJ,MAAM4B,KAAK;AAAA,QAAC,SAAS,CAACpB,MAAMM,UAAU,GAAGd,MAAM6B,KAAK;AAAA,MAAC,GAAA,CACxGrB,MAAMN,KAAK,EAAE4B,IAAI,CAACpB,MAAMU,QAAGM,YAAA,MAAA;AAAA,QAAA,OACjBhB,KAAKE;AAAAA,QAAK,SAASe,WAAW,GAAGL,SAAS,WAAWD,gBAAgBX,MAAMU,GAAG,CAAC;AAAA,MAAC,GAAA,CAAAM,YAAA,QAAA;AAAA,QAAA,SAC1EC,WAAW,GAAGL,SAAS,QAAQ;AAAA,MAAC,GAAA,CAAGZ,KAAKqB,KAAK,CAAA,GAEzDX,QAAQZ,MAAMN,KAAK,EAAEc,SAAS,KAACU,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,UAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAMrBC,WAAW,GAAGL,SAAS,SAAS;AAAA,MAAC,GAAA,CAAAI,YAAA,QAAA;AAAA,QAAA,KAAA;AAAA,MAAA,GAAA,IAAA,GAAAA,YAAA,QAAA;AAAA,QAAA,KAAA;AAAA,MAAA,GAAA,IAAA,CAAA,CAAA,CAK3C,EAEJ,CAAC,CAAA;AAAA,IAGR;AAAA;;"}
+{"version":3,"file":"CdsStages.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsStages/CdsStages.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsStages.scss';\n\nimport type { ListItem } from '@cds/composables/useItems';\nimport { useItems } from '@cds/composables/useItems';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, unref } from 'vue';\n\nimport { CdsStagesConstants } from './api/CdsStages.constants';\nimport { defineCdsStagesProps } from './api/CdsStages.props';\n\ndefineOptions({\n  name: CdsStagesConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsStagesProps() });\nconst props = useDefaults(_props);\n\nconst { items } = useItems(props);\nconst { themeClasses } = provideTheme(props);\n\nconst currentStageIndex = computed(() => {\n  return unref(items).findIndex((item) => String(item.value) === String(props.current));\n});\n\nconst gridStyles = computed(() => ({\n  gridTemplateColumns: `repeat(${unref(items).length}, 1fr)`\n}));\n\nconst isFinished = computed(() => {\n  return props.finished || String(props.current) === '0';\n});\n\nconst isCurrent = (idx: number) => {\n  return idx === unref(currentStageIndex);\n};\n\nconst getStageClasses = (item: ListItem, idx: number) => {\n  const { rootClass } = CdsStagesConstants;\n\n  return {\n    [`${rootClass}__stage--active`]: !unref(isFinished) && String(item.value) === String(props.current),\n    [`${rootClass}__stage--invalid`]: item.props?.error && idx <= unref(currentStageIndex),\n    [`${rootClass}__stage--checked`]: unref(isFinished) || idx < unref(currentStageIndex)\n  };\n};\n\ndefineExpose({\n  /**\n   * Проверяет, является ли этап с указанным индексом текущим.\n   * @en Checks whether the stage with the given index is the current one.\n   */\n  isCurrent,\n  /**\n   * Пройдены ли все этапы.\n   * @en Whether all the stages are passed.\n   */\n  isFinished\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsStagesConstants;\n\n  return (\n    <ul class={classNames(rootClass, unref(themeClasses), props.class)} style={[unref(gridStyles), props.style]}>\n      {unref(items).map((item, idx) => (\n        <li key={item.value} class={classNames(`${rootClass}__stage`, getStageClasses(item, idx))}>\n          <span class={classNames(`${rootClass}__text`)}>{item.title}</span>\n\n          {idx !== unref(items).length - 1 && (\n            <svg\n              width=\"16\"\n              height=\"40\"\n              viewBox=\"0 0 16 40\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={classNames(`${rootClass}__arrow`)}\n            >\n              <path d=\"M0 0L4.19048 7.27177e-06L13 20L4.19048 40L0 40V0Z\" />\n              <path d=\"M0 39H4.51263L14 20L4.51263 1H0\" />\n            </svg>\n          )}\n        </li>\n      ))}\n    </ul>\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","items","useItems","themeClasses","provideTheme","currentStageIndex","computed","unref","findIndex","item","String","value","current","gridStyles","gridTemplateColumns","length","isFinished","finished","isCurrent","idx","getStageClasses","rootClass","CdsStagesConstants","error","__expose","_createVNode","classNames","class","style","map","title"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAEhC,UAAM;AAAA,MAAEI;AAAAA,IAAM,IAAIC,SAASH,KAAK;AAChC,UAAM;AAAA,MAAEI;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAE3C,UAAMM,oBAAoBC,SAAS,MAAM;AACvC,aAAOC,MAAMN,KAAK,EAAEO,UAAWC,UAASC,OAAOD,KAAKE,KAAK,MAAMD,OAAOX,MAAMa,OAAO,CAAC;AAAA,IACtF,CAAC;AAED,UAAMC,aAAaP,SAAS,OAAO;AAAA,MACjCQ,qBAAqB,UAAUP,MAAMN,KAAK,EAAEc,MAAM;AAAA,IACpD,EAAE;AAEF,UAAMC,aAAaV,SAAS,MAAM;AAChC,aAAOP,MAAMkB,YAAYP,OAAOX,MAAMa,OAAO,MAAM;AAAA,IACrD,CAAC;AAED,UAAMM,YAAaC,SAAgB;AACjC,aAAOA,QAAQZ,MAAMF,iBAAiB;AAAA,IACxC;AAEA,UAAMe,kBAAkBA,CAACX,MAAgBU,QAAgB;;AACvD,YAAM;AAAA,QAAEE;AAAAA,MAAU,IAAIC;AAEtB,aAAO;AAAA,QACL,CAAC,GAAGD,SAAS,iBAAiB,GAAG,CAACd,MAAMS,UAAU,KAAKN,OAAOD,KAAKE,KAAK,MAAMD,OAAOX,MAAMa,OAAO;AAAA,QAClG,CAAC,GAAGS,SAAS,kBAAkB,KAAGZ,UAAKV,UAALU,mBAAYc,UAASJ,OAAOZ,MAAMF,iBAAiB;AAAA,QACrF,CAAC,GAAGgB,SAAS,kBAAkB,GAAGd,MAAMS,UAAU,KAAKG,MAAMZ,MAAMF,iBAAiB;AAAA;IAExF;AAEAmB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXN;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAF;AAAAA,IACF,CAAC;WAEY,MAAM;AACjB,YAAM;AAAA,QAAEK;AAAAA,MAAU,IAAIC;AAEtB,aAAAG,YAAA,MAAA;AAAA,QAAA,SACaC,WAAWL,WAAWd,MAAMJ,YAAY,GAAGJ,MAAM4B,KAAK;AAAA,QAAC,SAAS,CAACpB,MAAMM,UAAU,GAAGd,MAAM6B,KAAK;AAAA,MAAC,GAAA,CACxGrB,MAAMN,KAAK,EAAE4B,IAAI,CAACpB,MAAMU,QAAGM,YAAA,MAAA;AAAA,QAAA,OACjBhB,KAAKE;AAAAA,QAAK,SAASe,WAAW,GAAGL,SAAS,WAAWD,gBAAgBX,MAAMU,GAAG,CAAC;AAAA,MAAC,GAAA,CAAAM,YAAA,QAAA;AAAA,QAAA,SAC1EC,WAAW,GAAGL,SAAS,QAAQ;AAAA,MAAC,GAAA,CAAGZ,KAAKqB,KAAK,CAAA,GAEzDX,QAAQZ,MAAMN,KAAK,EAAEc,SAAS,KAACU,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,UAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAMrBC,WAAW,GAAGL,SAAS,SAAS;AAAA,MAAC,GAAA,CAAAI,YAAA,QAAA;AAAA,QAAA,KAAA;AAAA,MAAA,GAAA,IAAA,GAAAA,YAAA,QAAA;AAAA,QAAA,KAAA;AAAA,MAAA,GAAA,IAAA,CAAA,CAAA,CAK3C,EAEJ,CAAC,CAAA;AAAA,IAGR;AAAA;;"}

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

@@ -1,16 +1,22 @@
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsStagesConstants } from "./CdsStages.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStagesProps = propsFactory(
   {
-    /** Текущий этап */
+    /**
+     * Текущий этап
+     * @en Current stage
+     */
     current: {
       type: [String, Number],
       default: null
     },
-    /** Завершены все этапы */
+    /**
+     * Завершены все этапы
+     * @en All stages are finished
+     */
     finished: Boolean,
     ...defineItemsProps(),
     ...defineComponentProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsStages.props.js","sources":["../../../../../../src/components/CdsStages/api/CdsStages.props.ts"],"sourcesContent":["import { defineItemsProps } from '@cds/composables/useItems';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsStagesConstants } from './CdsStages.constants';\n\nexport const defineCdsStagesProps = propsFactory(\n  {\n    /** Текущий этап */\n    current: {\n      type: [String, Number] as PropType<string | number | null>,\n      default: null\n    },\n    /** Завершены все этапы */\n    finished: Boolean,\n\n    ...defineItemsProps(),\n    ...defineComponentProps(),\n    ...defineThemeProps()\n  },\n  CdsStagesConstants.name\n);\n"],"names":[],"mappings":";;;;;AAOO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,IAEE,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,IAEV,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,mBAAmB;AACrB;"}
+{"version":3,"file":"CdsStages.props.js","sources":["../../../../../../src/components/CdsStages/api/CdsStages.props.ts"],"sourcesContent":["import { defineItemsProps } from '@cds/composables/useItems';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsStagesConstants } from './CdsStages.constants';\n\nexport const defineCdsStagesProps = propsFactory(\n  {\n    /**\n     * Текущий этап\n     * @en Current stage\n     */\n    current: {\n      type: [String, Number] as PropType<string | number | null>,\n      default: null\n    },\n    /**\n     * Завершены все этапы\n     * @en All stages are finished\n     */\n    finished: Boolean,\n\n    ...defineItemsProps(),\n    ...defineComponentProps(),\n    ...defineThemeProps()\n  },\n  CdsStagesConstants.name\n);\n"],"names":[],"mappings":";;;;;AAOO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,IAEV,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,mBAAmB;AACrB;"}

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

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
 import { u as useStatus } from "../../composables/useStatus/useStatus.js";
 import { u as useText } from "../../composables/useText/useText.js";
-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 CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsStatusConstants } from "./api/CdsStatus.constants.js";
 import { d as defineCdsStatusProps } from "./api/CdsStatus.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStatusConstants.name

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

@@ -1,13 +1,16 @@
 import { d as defineStatusProps } from "../../../composables/useStatus/useStatus.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsStatusConstants } from "./CdsStatus.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStatusProps = propsFactory(
   {
     ...defineStatusProps(),
-    /** Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса. */
+    /**
+     * Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса.
+     * @en Display mode: `fill` — a filled badge without an icon; `text` — a transparent background with a colored status icon.
+     */
     variant: {
       type: String,
       default: "fill"

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

@@ -1 +1 @@
-{"version":3,"file":"CdsStatus.props.js","sources":["../../../../../../src/components/CdsStatus/api/CdsStatus.props.ts"],"sourcesContent":["import { defineStatusProps } from '@cds/composables/useStatus';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsStatusConstants, type CdsStatusVariant } from './CdsStatus.constants';\n\nexport const defineCdsStatusProps = propsFactory(\n  {\n    ...defineStatusProps(),\n\n    /** Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса. */\n    variant: {\n      type: String as PropType<CdsStatusVariant>,\n      default: 'fill'\n    },\n\n    ...defineTextProps(),\n    ...defineThemeProps(),\n    ...defineComponentProps()\n  },\n  CdsStatusConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,uBAAuB;AAAA,EAClC;AAAA,IACE,GAAG,kBAAA;AAAA;AAAA,IAGH,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,gBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,mBAAmB;AACrB;"}
+{"version":3,"file":"CdsStatus.props.js","sources":["../../../../../../src/components/CdsStatus/api/CdsStatus.props.ts"],"sourcesContent":["import { defineStatusProps } from '@cds/composables/useStatus';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsStatusConstants, type CdsStatusVariant } from './CdsStatus.constants';\n\nexport const defineCdsStatusProps = propsFactory(\n  {\n    ...defineStatusProps(),\n\n    /**\n     * Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса.\n     * @en Display mode: `fill` — a filled badge without an icon; `text` — a transparent background with a colored status icon.\n     */\n    variant: {\n      type: String as PropType<CdsStatusVariant>,\n      default: 'fill'\n    },\n\n    ...defineTextProps(),\n    ...defineThemeProps(),\n    ...defineComponentProps()\n  },\n  CdsStatusConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,uBAAuB;AAAA,EAClC;AAAA,IACE,GAAG,kBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMH,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,gBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,mBAAmB;AACrB;"}

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

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

@@ -71,7 +71,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
+      /**
+       * Переходит к предыдущему шагу.
+       * @en Moves to the previous step.
+       */
       prev,
+      /**
+       * Переходит к следующему шагу.
+       * @en Moves to the next step.
+       */
       next
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSteps.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSteps/CdsSteps.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsSteps.scss';\n\nimport { provideTheme } from '@cds/composables';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { provideDefaults, useDefaults } from '@cds/core';\nimport { classNames, getPropertyFromItem } from '@cds/utils';\nimport { computed, toRef, unref } from 'vue';\n\nimport { CdsStepsConstants, CdsStepsSymbol } from './api/CdsSteps.constants';\nimport { defineCdsStepsProps } from './api/CdsSteps.props';\nimport type { CdsStepsEvents, CdsStepsSlots } from './api/CdsSteps.types';\nimport CdsStepsActions from './CdsStepsActions.vue';\nimport CdsStepsItem from './CdsStepsItem.vue';\nimport CdsStepsView from './CdsStepsView.vue';\nimport CdsStepsViewItem from './CdsStepsViewItem.vue';\n\ndefineOptions({\n  name: CdsStepsConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsStepsProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsStepsSlots>();\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { items: groupItems, next, prev, selected } = useGroup(props, CdsStepsSymbol);\n\nconst items = computed(() =>\n  props.items.map((item, index) => {\n    const title = getPropertyFromItem(item, props.itemTitle, item);\n    const text = getPropertyFromItem(item, props.itemText);\n    const value = getPropertyFromItem(item, props.itemValue, index + 1);\n    const itemProps = props.itemProps === true ? item : getPropertyFromItem(item, props.itemProps);\n\n    const _itemProps = {\n      title,\n      text,\n      value,\n      ...itemProps\n    };\n\n    return {\n      title: _itemProps.title,\n      value: _itemProps.value,\n      props: _itemProps,\n      raw: item\n    };\n  })\n);\n\nconst activeIndex = computed(() => unref(groupItems).findIndex((item) => unref(selected).includes(item.id)));\nconst actionsDisabled = computed<boolean | 'prev' | 'next'>(() => {\n  if (props.disabled) return true;\n  if (activeIndex.value === 0) return 'prev';\n  if (activeIndex.value === unref(groupItems).length - 1) return 'next';\n\n  return false;\n});\n\nprovideDefaults({\n  CdsStepsItem: {\n    interactive: toRef(props, 'interactive'),\n    readonly: toRef(props, 'readonly')\n  },\n  CdsStepsActions: {\n    disabled: actionsDisabled,\n    prevText: toRef(props, 'prevText'),\n    nextText: toRef(props, 'nextText')\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsStepsConstants;\n\n  const hasHeader = !!(slots.default || items.value.length);\n  const hasView = items.value.length > 0;\n  const hasActions = !props.hideActions && !!(hasView || slots.actions);\n\n  return (\n    <props.tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--vertical`]: props.vertical,\n          [`${rootClass}--interactive`]: props.interactive\n        },\n        unref(themeClasses),\n        props.class\n      )}\n      style={props.style}\n    >\n      {hasHeader && (\n        <ul key=\"steps-header\" class={`${rootClass}__header`}>\n          {items.value.length\n            ? items.value.map((item) => (\n                <CdsStepsItem\n                  {...item.props}\n                  v-slots={{\n                    default: slots[`header-item.${item.value}`] ?? slots['header-item'],\n                    title: slots.title,\n                    text: slots.text\n                  }}\n                />\n              ))\n            : slots.default?.({ prev, next })}\n        </ul>\n      )}\n\n      {hasView && (\n        <CdsStepsView key=\"steps-view\" class={`${rootClass}__view`}>\n          {items.value.map((item) => (\n            <CdsStepsViewItem\n              value={item.value}\n              v-slots={{\n                default: () => slots[`item.${item.value}`]?.(item) ?? slots.item?.(item)\n              }}\n            />\n          ))}\n        </CdsStepsView>\n      )}\n\n      {hasActions &&\n        (slots.actions?.({ prev, next }) ?? (\n          <CdsStepsActions\n            key=\"steps-actions\"\n            onClick:prev={prev}\n            onClick:next={next}\n            v-slots={{ prev: slots.prev, next: slots.next }}\n          />\n        ))}\n    </props.tag>\n  );\n});\n\ndefineExpose({ prev, next });\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","items","groupItems","next","prev","selected","useGroup","CdsStepsSymbol","computed","map","item","index","title","getPropertyFromItem","itemTitle","text","itemText","value","itemValue","itemProps","_itemProps","raw","activeIndex","unref","findIndex","includes","id","actionsDisabled","disabled","length","provideDefaults","CdsStepsItem","interactive","toRef","readonly","CdsStepsActions","prevText","nextText","__expose","rootClass","CdsStepsConstants","hasHeader","default","hasView","hasActions","hideActions","actions","_createVNode","tag","classNames","vertical","class","style","CdsStepsView","CdsStepsViewItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAGd,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAC3C,UAAM;AAAA,MAAEM,OAAOC;AAAAA,MAAYC;AAAAA,MAAMC;AAAAA,MAAMC;AAAAA,IAAS,IAAIC,SAASX,OAAOY,cAAc;AAElF,UAAMN,QAAQO,SAAS,MACrBb,MAAMM,MAAMQ,IAAI,CAACC,MAAMC,UAAU;AAC/B,YAAMC,QAAQC,oBAAoBH,MAAMf,MAAMmB,WAAWJ,IAAI;AAC7D,YAAMK,OAAOF,oBAAoBH,MAAMf,MAAMqB,QAAQ;AACrD,YAAMC,QAAQJ,oBAAoBH,MAAMf,MAAMuB,WAAWP,QAAQ,CAAC;AAClE,YAAMQ,YAAYxB,MAAMwB,cAAc,OAAOT,OAAOG,oBAAoBH,MAAMf,MAAMwB,SAAS;AAE7F,YAAMC,aAAa;AAAA,QACjBR;AAAAA,QACAG;AAAAA,QACAE;AAAAA,QACA,GAAGE;AAAAA;AAGL,aAAO;AAAA,QACLP,OAAOQ,WAAWR;AAAAA,QAClBK,OAAOG,WAAWH;AAAAA,QAClBtB,OAAOyB;AAAAA,QACPC,KAAKX;AAAAA;IAET,CAAC,CACH;AAEA,UAAMY,cAAcd,SAAS,MAAMe,MAAMrB,UAAU,EAAEsB,UAAWd,UAASa,MAAMlB,QAAQ,EAAEoB,SAASf,KAAKgB,EAAE,CAAC,CAAC;AAC3G,UAAMC,kBAAkBnB,SAAoC,MAAM;AAChE,UAAIb,MAAMiC,SAAU,QAAO;AAC3B,UAAIN,YAAYL,UAAU,EAAG,QAAO;AACpC,UAAIK,YAAYL,UAAUM,MAAMrB,UAAU,EAAE2B,SAAS,EAAG,QAAO;AAE/D,aAAO;AAAA,IACT,CAAC;AAEDC,oBAAgB;AAAA,MACdC,cAAc;AAAA,QACZC,aAAaC,MAAMtC,OAAO,aAAa;AAAA,QACvCuC,UAAUD,MAAMtC,OAAO,UAAU;AAAA;MAEnCwC,iBAAiB;AAAA,QACfP,UAAUD;AAAAA,QACVS,UAAUH,MAAMtC,OAAO,UAAU;AAAA,QACjC0C,UAAUJ,MAAMtC,OAAO,UAAU;AAAA,MACnC;AAAA,IACF,CAAC;AAiED2C,aAAa;AAAA,MAAElC;AAAAA,MAAMD;AAAAA,IAAK,CAAC;WA/Dd,MAAM;AACjB,YAAM;AAAA,QAAEoC;AAAAA,MAAU,IAAIC;AAEtB,YAAMC,YAAY,CAAC,EAAE5C,MAAM6C,WAAWzC,MAAMgB,MAAMY;AAClD,YAAMc,UAAU1C,MAAMgB,MAAMY,SAAS;AACrC,YAAMe,aAAa,CAACjD,MAAMkD,eAAe,CAAC,EAAEF,WAAW9C,MAAMiD;AAE7D,aAAAC,YAAApD,MAAAqD,KAAA;AAAA,QAAA,SAEWC,WACLV,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,YAAY,GAAG5C,MAAMuD;AAAAA,UAClC,CAAC,GAAGX,SAAS,eAAe,GAAG5C,MAAMqC;AAAAA,WAEvCT,MAAMxB,YAAY,GAClBJ,MAAMwD,KACR;AAAA,QAAC,SACMxD,MAAMyD;AAAAA,MAAK,GAAA;AAAA,QAAAV,SAAAA,MAAAA;;AAAA,kBAEjBD,aAASM,YAAA,MAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SACsB,GAAGR,SAAS;AAAA,aAAU,CACjDtC,MAAMgB,MAAMY,SACT5B,MAAMgB,MAAMR,IAAKC,UAAIqC,YAAAhB,aAEbrB,KAAKf,OACA;AAAA,YACP+C,SAAS7C,MAAM,eAAea,KAAKO,KAAK,EAAE,KAAKpB,MAAM,aAAa;AAAA,YAClEe,OAAOf,MAAMe;AAAAA,YACbG,MAAMlB,MAAMkB;AAAAA,UACd,CAAC,CAEJ,KACDlB,WAAM6C,YAAN7C,+BAAgB;AAAA,YAAEO;AAAAA,YAAMD;AAAAA,UAAK,EAAE,CAAA,GAItCwC,WAAOI,YAAAM,aAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SACgC,GAAGd,SAAS;AAAA,UAAQ,GAAA;AAAA,YAAAG,SAAAA,MAAA,CACvDzC,MAAMgB,MAAMR,IAAKC,UAAIqC,YAAAO,aAAA;AAAA,cAAA,SAEX5C,KAAKO;AAAAA,eACH;AAAA,cACPyB,SAASA,MAAAA;;AAAM7C,yBAAAA,MAAAA,MAAM,QAAQa,KAAKO,KAAK,QAAxBpB,gBAAAA,IAAAA,YAA8Ba,YAASb,MAAAA,MAAMa,SAANb,gBAAAA,IAAAA,YAAaa;AAAAA;AAAAA,YACrE,CAAC,CAEJ,CAAC;AAAA,UAAA,CAAA,GAILkC,iBACE/C,WAAMiD,YAANjD,+BAAgB;AAAA,YAAEO;AAAAA,YAAMD;AAAAA,UAAK,OAAE4C,YAAAZ,aAAA;AAAA,YAAA,OAAA;AAAA,YAAA,gBAGd/B;AAAAA,YAAI,gBACJD;AAAAA,aACL;AAAA,YAAEC,MAAMP,MAAMO;AAAAA,YAAMD,MAAMN,MAAMM;AAAAA,UAAK,CAAC,EAEjD;AAAA;AAAA,MAAA,CAAA;AAAA,IAGV;AAAA;;"}
+{"version":3,"file":"CdsSteps.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSteps/CdsSteps.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsSteps.scss';\n\nimport { provideTheme } from '@cds/composables';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { provideDefaults, useDefaults } from '@cds/core';\nimport { classNames, getPropertyFromItem } from '@cds/utils';\nimport { computed, toRef, unref } from 'vue';\n\nimport { CdsStepsConstants, CdsStepsSymbol } from './api/CdsSteps.constants';\nimport { defineCdsStepsProps } from './api/CdsSteps.props';\nimport type { CdsStepsEvents, CdsStepsSlots } from './api/CdsSteps.types';\nimport CdsStepsActions from './CdsStepsActions.vue';\nimport CdsStepsItem from './CdsStepsItem.vue';\nimport CdsStepsView from './CdsStepsView.vue';\nimport CdsStepsViewItem from './CdsStepsViewItem.vue';\n\ndefineOptions({\n  name: CdsStepsConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsStepsProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsStepsSlots>();\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { items: groupItems, next, prev, selected } = useGroup(props, CdsStepsSymbol);\n\nconst items = computed(() =>\n  props.items.map((item, index) => {\n    const title = getPropertyFromItem(item, props.itemTitle, item);\n    const text = getPropertyFromItem(item, props.itemText);\n    const value = getPropertyFromItem(item, props.itemValue, index + 1);\n    const itemProps = props.itemProps === true ? item : getPropertyFromItem(item, props.itemProps);\n\n    const _itemProps = {\n      title,\n      text,\n      value,\n      ...itemProps\n    };\n\n    return {\n      title: _itemProps.title,\n      value: _itemProps.value,\n      props: _itemProps,\n      raw: item\n    };\n  })\n);\n\nconst activeIndex = computed(() => unref(groupItems).findIndex((item) => unref(selected).includes(item.id)));\nconst actionsDisabled = computed<boolean | 'prev' | 'next'>(() => {\n  if (props.disabled) return true;\n  if (activeIndex.value === 0) return 'prev';\n  if (activeIndex.value === unref(groupItems).length - 1) return 'next';\n\n  return false;\n});\n\nprovideDefaults({\n  CdsStepsItem: {\n    interactive: toRef(props, 'interactive'),\n    readonly: toRef(props, 'readonly')\n  },\n  CdsStepsActions: {\n    disabled: actionsDisabled,\n    prevText: toRef(props, 'prevText'),\n    nextText: toRef(props, 'nextText')\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsStepsConstants;\n\n  const hasHeader = !!(slots.default || items.value.length);\n  const hasView = items.value.length > 0;\n  const hasActions = !props.hideActions && !!(hasView || slots.actions);\n\n  return (\n    <props.tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--vertical`]: props.vertical,\n          [`${rootClass}--interactive`]: props.interactive\n        },\n        unref(themeClasses),\n        props.class\n      )}\n      style={props.style}\n    >\n      {hasHeader && (\n        <ul key=\"steps-header\" class={`${rootClass}__header`}>\n          {items.value.length\n            ? items.value.map((item) => (\n                <CdsStepsItem\n                  {...item.props}\n                  v-slots={{\n                    default: slots[`header-item.${item.value}`] ?? slots['header-item'],\n                    title: slots.title,\n                    text: slots.text\n                  }}\n                />\n              ))\n            : slots.default?.({ prev, next })}\n        </ul>\n      )}\n\n      {hasView && (\n        <CdsStepsView key=\"steps-view\" class={`${rootClass}__view`}>\n          {items.value.map((item) => (\n            <CdsStepsViewItem\n              value={item.value}\n              v-slots={{\n                default: () => slots[`item.${item.value}`]?.(item) ?? slots.item?.(item)\n              }}\n            />\n          ))}\n        </CdsStepsView>\n      )}\n\n      {hasActions &&\n        (slots.actions?.({ prev, next }) ?? (\n          <CdsStepsActions\n            key=\"steps-actions\"\n            onClick:prev={prev}\n            onClick:next={next}\n            v-slots={{ prev: slots.prev, next: slots.next }}\n          />\n        ))}\n    </props.tag>\n  );\n});\n\ndefineExpose({\n  /**\n   * Переходит к предыдущему шагу.\n   * @en Moves to the previous step.\n   */\n  prev,\n  /**\n   * Переходит к следующему шагу.\n   * @en Moves to the next step.\n   */\n  next\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","items","groupItems","next","prev","selected","useGroup","CdsStepsSymbol","computed","map","item","index","title","getPropertyFromItem","itemTitle","text","itemText","value","itemValue","itemProps","_itemProps","raw","activeIndex","unref","findIndex","includes","id","actionsDisabled","disabled","length","provideDefaults","CdsStepsItem","interactive","toRef","readonly","CdsStepsActions","prevText","nextText","__expose","rootClass","CdsStepsConstants","hasHeader","default","hasView","hasActions","hideActions","actions","_createVNode","tag","classNames","vertical","class","style","CdsStepsView","CdsStepsViewItem"],"mappings":"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"}

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

@@ -3,22 +3,37 @@ import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.js";
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a3 as omit, a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsStepsActionsConstants, a as CdsStepsItemConstants, b as CdsStepsViewConstants, c as CdsStepsViewItemConstants, d as CdsStepsConstants } from "./CdsSteps.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStepsItemProps = propsFactory(
   {
-    /** Заголовок шага */
+    /**
+     * Заголовок шага
+     * @en Step title
+     */
     title: String,
-    /** Описание шага */
+    /**
+     * Описание шага
+     * @en Step description
+     */
     text: String,
-    /** Шаг завершен с ошибкой */
+    /**
+     * Шаг завершен с ошибкой
+     * @en The step finished with an error
+     */
     error: Boolean,
-    /** Шаг требует внимания */
+    /**
+     * Шаг требует внимания
+     * @en The step needs attention
+     */
     warning: Boolean,
-    /** Возможность перехода на шаг по клику */
+    /**
+     * Возможность перехода на шаг по клику
+     * @en Allows jumping to a step by click
+     */
     interactive: Boolean,
     ...defineGroupItemProps(),
     ...defineReadonlyProps(),
@@ -28,17 +43,26 @@ const defineCdsStepsItemProps = propsFactory(
 );
 const defineCdsStepsActionsProps = propsFactory(
   {
-    /** Блокировка кнопок навигации: обеих или конкретной */
+    /**
+     * Блокировка кнопок навигации: обеих или конкретной
+     * @en Disables the navigation buttons: both or a specific one
+     */
     disabled: {
       type: [Boolean, String],
       default: false
     },
-    /** Текст кнопки перехода на предыдущий шаг */
+    /**
+     * Текст кнопки перехода на предыдущий шаг
+     * @en Text of the previous step button
+     */
     prevText: {
       type: String,
       default: "$cds.steps.prev"
     },
-    /** Текст кнопки перехода на следующий шаг */
+    /**
+     * Текст кнопки перехода на следующий шаг
+     * @en Text of the next step button
+     */
     nextText: {
       type: String,
       default: "$cds.steps.next"
@@ -49,11 +73,20 @@ const defineCdsStepsActionsProps = propsFactory(
 );
 const defineCdsStepsProps = propsFactory(
   {
-    /** Вертикальное отображение */
+    /**
+     * Вертикальное отображение
+     * @en Vertical layout
+     */
     vertical: Boolean,
-    /** Скрыть кнопки навигации по шагам */
+    /**
+     * Скрыть кнопки навигации по шагам
+     * @en Hides the step navigation buttons
+     */
     hideActions: Boolean,
-    /** Ключ описания шага в объекте элемента items */
+    /**
+     * Ключ описания шага в объекте элемента items
+     * @en Key of the step description in an items element object
+     */
     itemText: {
       type: [String, Array, Function],
       default: "text"

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSteps.props.js","sources":["../../../../../../src/components/CdsSteps/api/CdsSteps.props.ts"],"sourcesContent":["import {\n  defineCdsSlideViewItemProps,\n  defineCdsSlideViewProps\n} from '@cds/components/CdsSlideView/api/CdsSlideView.props';\nimport { defineGroupItemProps, defineGroupProps } from '@cds/composables/useGroup';\nimport { defineItemsProps } from '@cds/composables/useItems';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly/useReadonly';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { omit, pick, type SelectItemKey } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport {\n  CdsStepsActionsConstants,\n  CdsStepsConstants,\n  CdsStepsItemConstants,\n  CdsStepsViewConstants,\n  CdsStepsViewItemConstants\n} from './CdsSteps.constants';\n\nexport const defineCdsStepsItemProps = propsFactory(\n  {\n    /** Заголовок шага */\n    title: String,\n    /** Описание шага */\n    text: String,\n    /** Шаг завершен с ошибкой */\n    error: Boolean,\n    /** Шаг требует внимания */\n    warning: Boolean,\n    /** Возможность перехода на шаг по клику */\n    interactive: Boolean,\n\n    ...defineGroupItemProps(),\n    ...defineReadonlyProps(),\n    ...defineComponentProps()\n  },\n  CdsStepsItemConstants.name\n);\n\nexport const defineCdsStepsActionsProps = propsFactory(\n  {\n    /** Блокировка кнопок навигации: обеих или конкретной */\n    disabled: {\n      type: [Boolean, String] as PropType<boolean | 'next' | 'prev'>,\n      default: false\n    },\n    /** Текст кнопки перехода на предыдущий шаг */\n    prevText: {\n      type: String,\n      default: '$cds.steps.prev'\n    },\n    /** Текст кнопки перехода на следующий шаг */\n    nextText: {\n      type: String,\n      default: '$cds.steps.next'\n    },\n\n    ...defineComponentProps()\n  },\n  CdsStepsActionsConstants.name\n);\n\nexport const defineCdsStepsProps = propsFactory(\n  {\n    /** Вертикальное отображение */\n    vertical: Boolean,\n    /** Скрыть кнопки навигации по шагам */\n    hideActions: Boolean,\n    /** Ключ описания шага в объекте элемента items */\n    itemText: {\n      type: [String, Array, Function] as PropType<SelectItemKey>,\n      default: 'text'\n    },\n\n    ...pick(defineItemsProps(), ['items', 'itemTitle', 'itemValue', 'itemProps']),\n    ...pick(defineCdsStepsItemProps(), ['interactive']),\n    ...pick(defineCdsStepsActionsProps(), ['prevText', 'nextText']),\n    ...defineGroupProps({\n      mandatory: 'force' as const,\n      required: 'force' as const,\n      selectedClass: `${CdsStepsItemConstants.rootClass}--current`\n    }),\n    ...defineReadonlyProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsStepsConstants.name\n);\n\nexport const defineCdsStepsViewProps = propsFactory(\n  {\n    ...omit(defineCdsSlideViewProps(), [\n      'continuous',\n      'nextIcon',\n      'prevIcon',\n      'showArrows',\n      'touch',\n      'mandatory',\n      'required'\n    ])\n  },\n  CdsStepsViewConstants.name\n);\n\nexport const defineCdsStepsViewItemProps = propsFactory(\n  {\n    ...defineCdsSlideViewItemProps()\n  },\n  CdsStepsViewItemConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA,IAEE,OAAO;AAAA;AAAA,IAEP,MAAM;AAAA;AAAA,IAEN,OAAO;AAAA;AAAA,IAEP,SAAS;AAAA;AAAA,IAET,aAAa;AAAA,IAEb,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,sBAAsB;AACxB;AAEO,MAAM,6BAA6B;AAAA,EACxC;AAAA;AAAA,IAEE,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,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,IAGX,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,yBAAyB;AAC3B;AAEO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,IAEE,UAAU;AAAA;AAAA,IAEV,aAAa;AAAA;AAAA,IAEb,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,oBAAoB,CAAC,SAAS,aAAa,aAAa,WAAW,CAAC;AAAA,IAC5E,GAAG,KAAK,2BAA2B,CAAC,aAAa,CAAC;AAAA,IAClD,GAAG,KAAK,2BAAA,GAA8B,CAAC,YAAY,UAAU,CAAC;AAAA,IAC9D,GAAG,iBAAiB;AAAA,MAClB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,eAAe,GAAG,sBAAsB,SAAS;AAAA,IAAA,CAClD;AAAA,IACD,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,GAAG,KAAK,2BAA2B;AAAA,MACjC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EAAA;AAAA,EAEH,sBAAsB;AACxB;AAEO,MAAM,8BAA8B;AAAA,EACzC;AAAA,IACE,GAAG,4BAAA;AAAA,EAA4B;AAAA,EAEjC,0BAA0B;AAC5B;"}
+{"version":3,"file":"CdsSteps.props.js","sources":["../../../../../../src/components/CdsSteps/api/CdsSteps.props.ts"],"sourcesContent":["import {\n  defineCdsSlideViewItemProps,\n  defineCdsSlideViewProps\n} from '@cds/components/CdsSlideView/api/CdsSlideView.props';\nimport { defineGroupItemProps, defineGroupProps } from '@cds/composables/useGroup';\nimport { defineItemsProps } from '@cds/composables/useItems';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly/useReadonly';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { omit, pick, type SelectItemKey } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport {\n  CdsStepsActionsConstants,\n  CdsStepsConstants,\n  CdsStepsItemConstants,\n  CdsStepsViewConstants,\n  CdsStepsViewItemConstants\n} from './CdsSteps.constants';\n\nexport const defineCdsStepsItemProps = propsFactory(\n  {\n    /**\n     * Заголовок шага\n     * @en Step title\n     */\n    title: String,\n    /**\n     * Описание шага\n     * @en Step description\n     */\n    text: String,\n    /**\n     * Шаг завершен с ошибкой\n     * @en The step finished with an error\n     */\n    error: Boolean,\n    /**\n     * Шаг требует внимания\n     * @en The step needs attention\n     */\n    warning: Boolean,\n    /**\n     * Возможность перехода на шаг по клику\n     * @en Allows jumping to a step by click\n     */\n    interactive: Boolean,\n\n    ...defineGroupItemProps(),\n    ...defineReadonlyProps(),\n    ...defineComponentProps()\n  },\n  CdsStepsItemConstants.name\n);\n\nexport const defineCdsStepsActionsProps = propsFactory(\n  {\n    /**\n     * Блокировка кнопок навигации: обеих или конкретной\n     * @en Disables the navigation buttons: both or a specific one\n     */\n    disabled: {\n      type: [Boolean, String] as PropType<boolean | 'next' | 'prev'>,\n      default: false\n    },\n    /**\n     * Текст кнопки перехода на предыдущий шаг\n     * @en Text of the previous step button\n     */\n    prevText: {\n      type: String,\n      default: '$cds.steps.prev'\n    },\n    /**\n     * Текст кнопки перехода на следующий шаг\n     * @en Text of the next step button\n     */\n    nextText: {\n      type: String,\n      default: '$cds.steps.next'\n    },\n\n    ...defineComponentProps()\n  },\n  CdsStepsActionsConstants.name\n);\n\nexport const defineCdsStepsProps = propsFactory(\n  {\n    /**\n     * Вертикальное отображение\n     * @en Vertical layout\n     */\n    vertical: Boolean,\n    /**\n     * Скрыть кнопки навигации по шагам\n     * @en Hides the step navigation buttons\n     */\n    hideActions: Boolean,\n    /**\n     * Ключ описания шага в объекте элемента items\n     * @en Key of the step description in an items element object\n     */\n    itemText: {\n      type: [String, Array, Function] as PropType<SelectItemKey>,\n      default: 'text'\n    },\n\n    ...pick(defineItemsProps(), ['items', 'itemTitle', 'itemValue', 'itemProps']),\n    ...pick(defineCdsStepsItemProps(), ['interactive']),\n    ...pick(defineCdsStepsActionsProps(), ['prevText', 'nextText']),\n    ...defineGroupProps({\n      mandatory: 'force' as const,\n      required: 'force' as const,\n      selectedClass: `${CdsStepsItemConstants.rootClass}--current`\n    }),\n    ...defineReadonlyProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsStepsConstants.name\n);\n\nexport const defineCdsStepsViewProps = propsFactory(\n  {\n    ...omit(defineCdsSlideViewProps(), [\n      'continuous',\n      'nextIcon',\n      'prevIcon',\n      'showArrows',\n      'touch',\n      'mandatory',\n      'required'\n    ])\n  },\n  CdsStepsViewConstants.name\n);\n\nexport const defineCdsStepsViewItemProps = propsFactory(\n  {\n    ...defineCdsSlideViewItemProps()\n  },\n  CdsStepsViewItemConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,aAAa;AAAA,IAEb,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,sBAAsB;AACxB;AAEO,MAAM,6BAA6B;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,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,IAGX,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,yBAAyB;AAC3B;AAEO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,oBAAoB,CAAC,SAAS,aAAa,aAAa,WAAW,CAAC;AAAA,IAC5E,GAAG,KAAK,2BAA2B,CAAC,aAAa,CAAC;AAAA,IAClD,GAAG,KAAK,2BAAA,GAA8B,CAAC,YAAY,UAAU,CAAC;AAAA,IAC9D,GAAG,iBAAiB;AAAA,MAClB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,eAAe,GAAG,sBAAsB,SAAS;AAAA,IAAA,CAClD;AAAA,IACD,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,GAAG,KAAK,2BAA2B;AAAA,MACjC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EAAA;AAAA,EAEH,sBAAsB;AACxB;AAEO,MAAM,8BAA8B;AAAA,EACzC;AAAA,IACE,GAAG,4BAAA;AAAA,EAA4B;AAAA,EAEjC,0BAA0B;AAC5B;"}

package/dist/es/src/components/CdsSurface/CdsSurface.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-surface {
     display: block;

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useLocation } from "../../composables/useLocation/useLocation.js";
 import { u as usePosition } from "../../composables/usePosition/usePosition.js";
-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 CdsSurfaceConstants } from "./api/CdsSurface.constants.js";
 import { d as defineCdsSurfaceProps } from "./api/CdsSurface.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,13 +1,16 @@
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.js";
 import { d as definePositionProps } from "../../../composables/usePosition/usePosition.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsSurfaceConstants } from "./CdsSurface.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsSurfaceProps = propsFactory(
   {
-    /** Цвет фона поверхности */
+    /**
+     * Цвет фона поверхности
+     * @en Background color of the surface
+     */
     color: String,
     ...defineComponentProps(),
     ...defineDimensionsProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSurface.props.js","sources":["../../../../../../src/components/CdsSurface/api/CdsSurface.props.ts"],"sourcesContent":["import { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineLocationProps } from '@cds/composables/useLocation';\nimport { definePositionProps } from '@cds/composables/usePosition';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\n\nimport { CdsSurfaceConstants } from './CdsSurface.constants';\n\nexport const defineCdsSurfaceProps = propsFactory(\n  {\n    /** Цвет фона поверхности */\n    color: String,\n\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineLocationProps(),\n    ...definePositionProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsSurfaceConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA,IAEE,OAAO;AAAA,IAEP,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,oBAAoB;AACtB;"}
+{"version":3,"file":"CdsSurface.props.js","sources":["../../../../../../src/components/CdsSurface/api/CdsSurface.props.ts"],"sourcesContent":["import { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineLocationProps } from '@cds/composables/useLocation';\nimport { definePositionProps } from '@cds/composables/usePosition';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\n\nimport { CdsSurfaceConstants } from './CdsSurface.constants';\n\nexport const defineCdsSurfaceProps = propsFactory(\n  {\n    /**\n     * Цвет фона поверхности\n     * @en Background color of the surface\n     */\n    color: String,\n\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineLocationProps(),\n    ...definePositionProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsSurfaceConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA,IAEP,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,oBAAoB;AACtB;"}

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

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

@@ -25,6 +25,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const table = ref();
     __expose({
+      /**
+       * Ссылка на внутренний экземпляр таблицы — даёт доступ к её методам и состоянию.
+       * @en Reference to the internal table instance — gives access to its methods and state.
+       */
       table
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTable.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTable/CdsTable.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTable.scss';\n\nimport { useDefaults } from '@cds/core';\nimport { h, ref, useAttrs } from 'vue';\n\nimport { CdsTableConstants } from './api/CdsTable.constants';\nimport { defineCdsTableProps } from './api/CdsTable.props';\nimport type { CdsTableEvents, CdsTableSlots } from './api/CdsTable.types';\nimport TableProvider from './components/TableProvider';\nimport type { NTable } from './interface';\nimport { convertChildrenToColumn } from './utils';\n\ndefineOptions({\n  name: CdsTableConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsTableProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTableSlots>();\nconst emit = defineEmits([\"change\", \"expand\", \"expandedRowsChange\", \"resizeColumn\", \"rowReorder\", \"columnReorder\", \"update:expandedRowKeys\"]);\nconst attrs = useAttrs();\n\n// Инстанс TableProvider публикует selectedKeySet через expose()\nconst table = ref();\n\ndefineExpose({ table });\n\ndefineRender(() => {\n  const columns = props.columns || convertChildrenToColumn(slots.default?.());\n\n  return h(\n    TableProvider,\n    {\n      ref: table,\n      ...attrs,\n      ...props,\n      columns: columns || [],\n      expandedRowRender: (slots.expandedRowRender ||\n        props.expandedRowRender) as NTable.NExpand.TExpandedRowRender<NTable.TDefaultRecord>,\n      contextSlots: { ...slots },\n      'onUpdate:expandedRowKeys': (expandedKeys: NTable.TKey[]) => emit('update:expandedRowKeys', expandedKeys)\n    } as any,\n    { ...slots }\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","table","ref","__expose","columns","convertChildrenToColumn","default","h","TableProvider","expandedRowRender","contextSlots","expandedKeys"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AACd,UAAMC,OAAOC;AACb,UAAMC,QAAQC,SAAQ;AAGtB,UAAMC,QAAQC,IAAG;AAEjBC,aAAa;AAAA,MAAEF;AAAAA,IAAM,CAAC;WAET,MAAM;;AACjB,YAAMG,UAAUX,MAAMW,WAAWC,yBAAwBV,WAAMW,YAANX,8BAAiB;AAE1E,aAAOY,EACLC,eACA;AAAA,QACEN,KAAKD;AAAAA,QACL,GAAGF;AAAAA,QACH,GAAGN;AAAAA,QACHW,SAASA,WAAW,CAAA;AAAA,QACpBK,mBAAoBd,MAAMc,qBACxBhB,MAAMgB;AAAAA,QACRC,cAAc;AAAA,UAAE,GAAGf;AAAAA;QACnB,4BAA6BgB,kBAAgCd,KAAK,0BAA0Bc,YAAY;AAAA,MAC1G,GACA;AAAA,QAAE,GAAGhB;AAAAA,MAAM,CACb;AAAA,IACF;AAAA;;"}
+{"version":3,"file":"CdsTable.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTable/CdsTable.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTable.scss';\n\nimport { useDefaults } from '@cds/core';\nimport { h, ref, useAttrs } from 'vue';\n\nimport { CdsTableConstants } from './api/CdsTable.constants';\nimport { defineCdsTableProps } from './api/CdsTable.props';\nimport type { CdsTableEvents, CdsTableSlots } from './api/CdsTable.types';\nimport TableProvider from './components/TableProvider';\nimport type { NTable } from './interface';\nimport { convertChildrenToColumn } from './utils';\n\ndefineOptions({\n  name: CdsTableConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsTableProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTableSlots>();\nconst emit = defineEmits([\"change\", \"expand\", \"expandedRowsChange\", \"resizeColumn\", \"rowReorder\", \"columnReorder\", \"update:expandedRowKeys\"]);\nconst attrs = useAttrs();\n\n// Инстанс TableProvider публикует selectedKeySet через expose()\nconst table = ref();\n\ndefineExpose({\n  /**\n   * Ссылка на внутренний экземпляр таблицы — даёт доступ к её методам и состоянию.\n   * @en Reference to the internal table instance — gives access to its methods and state.\n   */\n  table\n});\n\ndefineRender(() => {\n  const columns = props.columns || convertChildrenToColumn(slots.default?.());\n\n  return h(\n    TableProvider,\n    {\n      ref: table,\n      ...attrs,\n      ...props,\n      columns: columns || [],\n      expandedRowRender: (slots.expandedRowRender ||\n        props.expandedRowRender) as NTable.NExpand.TExpandedRowRender<NTable.TDefaultRecord>,\n      contextSlots: { ...slots },\n      'onUpdate:expandedRowKeys': (expandedKeys: NTable.TKey[]) => emit('update:expandedRowKeys', expandedKeys)\n    } as any,\n    { ...slots }\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","table","ref","__expose","columns","convertChildrenToColumn","default","h","TableProvider","expandedRowRender","contextSlots","expandedKeys"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AACd,UAAMC,OAAOC;AACb,UAAMC,QAAQC,SAAQ;AAGtB,UAAMC,QAAQC,IAAG;AAEjBC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXF;AAAAA,IACF,CAAC;WAEY,MAAM;;AACjB,YAAMG,UAAUX,MAAMW,WAAWC,yBAAwBV,WAAMW,YAANX,8BAAiB;AAE1E,aAAOY,EACLC,eACA;AAAA,QACEN,KAAKD;AAAAA,QACL,GAAGF;AAAAA,QACH,GAAGN;AAAAA,QACHW,SAASA,WAAW,CAAA;AAAA,QACpBK,mBAAoBd,MAAMc,qBACxBhB,MAAMgB;AAAAA,QACRC,cAAc;AAAA,UAAE,GAAGf;AAAAA;QACnB,4BAA6BgB,kBAAgCd,KAAK,0BAA0Bc,YAAY;AAAA,MAC1G,GACA;AAAA,QAAE,GAAGhB;AAAAA,MAAM,CACb;AAAA,IACF;AAAA;;"}

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

@@ -1,8 +1,8 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsTableConstants } from "./CdsTable.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { m as makeTableProps } from "../composable/table.js";
 const defineCdsTableProps = propsFactory(

package/dist/es/src/components/CdsTable/components/TableProvider.js

@@ -1,8 +1,6 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
-import { u as useDisplay } from "../../../composables/useDisplay/useDisplay.js";
 import { a as useLocale } from "../../../composables/useLocale/useLocale.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
-import { p as provideTheme, d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a3 as omit } from "../../../utils/helpers.js";
 import { c as classNames } from "../../../utils/dom/classNames.js";
 import { w as warn } from "../../../utils/dom/console.js";
@@ -12,8 +10,10 @@ import { C as CdsLoader } from "../../CdsLoader/index.js";
 import { T as TABLE_INDENT_SIZE, b as INTERNAL_HOOKS } from "../constants.js";
 import { r as renderExpandIcon } from "./Icons/ExpandIcon.js";
 import { I as InternalTable } from "./Table/InternalTable.js";
+import { p as provideTheme, d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as useProvideSlots } from "../context/slots.js";
 import { c as useProvideTableContext } from "../context/table.js";
+import { u as useDisplay } from "../../../composables/useDisplay/useDisplay.js";
 import { u as useLazyKVMap, m as makeTableProps } from "../composable/table.js";
 import { u as useTableDrag } from "../composable/drag.js";
 import { a as useProvideTableDrag } from "../context/drag.js";