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

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

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, useAttrs, computed, toRef, createVNode, unref } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsDividerConstants } from "./api/CdsDivider.constants.js";
 import { d as defineCdsDividerProps } from "./api/CdsDivider.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -1 +1 @@
-{"version":3,"file":"CdsDivider.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsDivider/CdsDivider.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsDivider.scss';\n\nimport { useTextColor } from '@cds/composables/useColor';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames, convertToUnit } from '@cds/utils';\nimport { computed, toRef, unref, useAttrs } from 'vue';\n\nimport { CdsDividerConstants } from './api/CdsDivider.constants';\nimport { defineCdsDividerProps } from './api/CdsDivider.props';\n\ndefineOptions({\n  name: CdsDividerConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsDividerProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<{ default?: () => any }>();\nconst attrs = useAttrs();\n\nconst { themeClasses } = provideTheme(props);\nconst { textColorClasses, textColorStyles } = useTextColor(() => props.color);\n\ntype DividerKey = 'borderRightWidth' | 'borderTopWidth' | 'height' | 'width';\ntype DividerStyles = Partial<Record<DividerKey, string>>;\n\nconst dividerStyles = computed(() => {\n  const styles: DividerStyles = {};\n\n  if (props.length) styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);\n  if (props.thickness) styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);\n\n  return styles;\n});\n\nconst contentStyles = toRef(() => {\n  const margin = Array.isArray(props.contentOffset) ? props.contentOffset[0] : props.contentOffset;\n  const shift = Array.isArray(props.contentOffset) ? props.contentOffset[1] : 0;\n\n  return {\n    marginBlock: props.vertical && margin ? convertToUnit(margin) : undefined,\n    marginInline: !props.vertical && margin ? convertToUnit(margin) : undefined,\n    transform: shift ? `translate${props.vertical ? 'X' : 'Y'}(${convertToUnit(shift)})` : undefined\n  };\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsDividerConstants;\n\n  const divider = (\n    <hr\n      role={`${attrs.role || 'separator'}`}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--vertical`]: props.vertical,\n          [`${rootClass}--inset`]: props.inset,\n          [`${rootClass}--gradient`]: props.gradient && !slots.default\n        },\n        unref(themeClasses),\n        unref(textColorClasses),\n        props.class\n      )}\n      style={[\n        unref(dividerStyles),\n        unref(textColorStyles),\n        { '--cds-border-opacity': props.opacity },\n        { 'border-style': props.variant },\n        props.style\n      ]}\n      aria-orientation={\n        !attrs.role || attrs.role === 'separator' ? (props.vertical ? 'vertical' : 'horizontal') : undefined\n      }\n    />\n  );\n\n  if (!slots.default) return divider;\n\n  return (\n    <div\n      class={classNames(`${rootClass}__wrapper`, {\n        [`${rootClass}__wrapper--vertical`]: props.vertical,\n        [`${rootClass}__wrapper--gradient`]: props.gradient,\n        [`${rootClass}__wrapper--inset`]: props.inset\n      })}\n    >\n      {divider}\n\n      <div class={classNames(`${rootClass}__content`)} style={unref(contentStyles)}>\n        {slots.default()}\n      </div>\n\n      {divider}\n    </div>\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","themeClasses","provideTheme","textColorClasses","textColorStyles","useTextColor","color","dividerStyles","computed","styles","length","vertical","convertToUnit","thickness","contentStyles","toRef","margin","Array","isArray","contentOffset","shift","marginBlock","undefined","marginInline","transform","rootClass","CdsDividerConstants","divider","_createVNode","role","classNames","inset","gradient","default","unref","class","opacity","variant","style"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AACd,UAAMC,QAAQC,SAAQ;AAEtB,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaP,KAAK;AAC3C,UAAM;AAAA,MAAEQ;AAAAA,MAAkBC;AAAAA,IAAgB,IAAIC,aAAa,MAAMV,MAAMW,KAAK;AAK5E,UAAMC,gBAAgBC,SAAS,MAAM;AACnC,YAAMC,SAAwB,CAAA;AAE9B,UAAId,MAAMe,OAAQD,QAAOd,MAAMgB,WAAW,WAAW,OAAO,IAAIC,cAAcjB,MAAMe,MAAM;AAC1F,UAAIf,MAAMkB,UAAWJ,QAAOd,MAAMgB,WAAW,qBAAqB,gBAAgB,IAAIC,cAAcjB,MAAMkB,SAAS;AAEnH,aAAOJ;AAAAA,IACT,CAAC;AAED,UAAMK,gBAAgBC,MAAM,MAAM;AAChC,YAAMC,SAASC,MAAMC,QAAQvB,MAAMwB,aAAa,IAAIxB,MAAMwB,cAAc,CAAC,IAAIxB,MAAMwB;AACnF,YAAMC,QAAQH,MAAMC,QAAQvB,MAAMwB,aAAa,IAAIxB,MAAMwB,cAAc,CAAC,IAAI;AAE5E,aAAO;AAAA,QACLE,aAAa1B,MAAMgB,YAAYK,SAASJ,cAAcI,MAAM,IAAIM;AAAAA,QAChEC,cAAc,CAAC5B,MAAMgB,YAAYK,SAASJ,cAAcI,MAAM,IAAIM;AAAAA,QAClEE,WAAWJ,QAAQ,YAAYzB,MAAMgB,WAAW,MAAM,GAAG,IAAIC,cAAcQ,KAAK,CAAC,MAAME;AAAAA;IAE3F,CAAC;WAEY,MAAM;AACjB,YAAM;AAAA,QAAEG;AAAAA,MAAU,IAAIC;AAEtB,YAAMC,UAAOC,YAAA,MAAA;AAAA,QAAA,QAEH,GAAG7B,MAAM8B,QAAQ,WAAW;AAAA,QAAE,SAC7BC,WACLL,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,YAAY,GAAG9B,MAAMgB;AAAAA,UAClC,CAAC,GAAGc,SAAS,SAAS,GAAG9B,MAAMoC;AAAAA,UAC/B,CAAC,GAAGN,SAAS,YAAY,GAAG9B,MAAMqC,YAAY,CAACnC,MAAMoC;AAAAA,QACvD,GACAC,MAAMjC,YAAY,GAClBiC,MAAM/B,gBAAgB,GACtBR,MAAMwC,KACR;AAAA,QAAC,SACM,CACLD,MAAM3B,aAAa,GACnB2B,MAAM9B,eAAe,GACrB;AAAA,UAAE,wBAAwBT,MAAMyC;AAAAA,QAAQ,GACxC;AAAA,UAAE,gBAAgBzC,MAAM0C;AAAAA,QAAQ,GAChC1C,MAAM2C,KAAI;AAAA,QACX,oBAEC,CAACvC,MAAM8B,QAAQ9B,MAAM8B,SAAS,cAAelC,MAAMgB,WAAW,aAAa,eAAgBW;AAAAA,SAAQ,IAAA;AAKzG,UAAI,CAACzB,MAAMoC,QAAS,QAAON;AAE3B,aAAAC,YAAA,OAAA;AAAA,QAAA,SAEWE,WAAW,GAAGL,SAAS,aAAa;AAAA,UACzC,CAAC,GAAGA,SAAS,qBAAqB,GAAG9B,MAAMgB;AAAAA,UAC3C,CAAC,GAAGc,SAAS,qBAAqB,GAAG9B,MAAMqC;AAAAA,UAC3C,CAAC,GAAGP,SAAS,kBAAkB,GAAG9B,MAAMoC;AAAAA,SACzC;AAAA,SAAC,CAEDJ,SAAOC,YAAA,OAAA;AAAA,QAAA,SAEIE,WAAW,GAAGL,SAAS,WAAW;AAAA,QAAC,SAASS,MAAMpB,aAAa;AAAA,MAAC,GAAA,CACzEjB,MAAMoC,QAAO,CAAE,IAGjBN,OAAO,CAAA;AAAA,IAGd;AAAA;;"}
+{"version":3,"file":"CdsDivider.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsDivider/CdsDivider.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsDivider.scss';\n\nimport { useTextColor } from '@cds/composables/useColor';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames, convertToUnit } from '@cds/utils';\nimport { computed, toRef, unref, useAttrs } from 'vue';\n\nimport { CdsDividerConstants } from './api/CdsDivider.constants';\nimport { defineCdsDividerProps } from './api/CdsDivider.props';\n\ndefineOptions({\n  name: CdsDividerConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsDividerProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<{\n  /**\n   * Текст или контент в разрыве разделителя\n   * @en Text or content placed in the gap of the divider\n   */\n  default?: () => any;\n}>();\nconst attrs = useAttrs();\n\nconst { themeClasses } = provideTheme(props);\nconst { textColorClasses, textColorStyles } = useTextColor(() => props.color);\n\ntype DividerKey = 'borderRightWidth' | 'borderTopWidth' | 'height' | 'width';\ntype DividerStyles = Partial<Record<DividerKey, string>>;\n\nconst dividerStyles = computed(() => {\n  const styles: DividerStyles = {};\n\n  if (props.length) styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);\n  if (props.thickness) styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);\n\n  return styles;\n});\n\nconst contentStyles = toRef(() => {\n  const margin = Array.isArray(props.contentOffset) ? props.contentOffset[0] : props.contentOffset;\n  const shift = Array.isArray(props.contentOffset) ? props.contentOffset[1] : 0;\n\n  return {\n    marginBlock: props.vertical && margin ? convertToUnit(margin) : undefined,\n    marginInline: !props.vertical && margin ? convertToUnit(margin) : undefined,\n    transform: shift ? `translate${props.vertical ? 'X' : 'Y'}(${convertToUnit(shift)})` : undefined\n  };\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsDividerConstants;\n\n  const divider = (\n    <hr\n      role={`${attrs.role || 'separator'}`}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--vertical`]: props.vertical,\n          [`${rootClass}--inset`]: props.inset,\n          [`${rootClass}--gradient`]: props.gradient && !slots.default\n        },\n        unref(themeClasses),\n        unref(textColorClasses),\n        props.class\n      )}\n      style={[\n        unref(dividerStyles),\n        unref(textColorStyles),\n        { '--cds-border-opacity': props.opacity },\n        { 'border-style': props.variant },\n        props.style\n      ]}\n      aria-orientation={\n        !attrs.role || attrs.role === 'separator' ? (props.vertical ? 'vertical' : 'horizontal') : undefined\n      }\n    />\n  );\n\n  if (!slots.default) return divider;\n\n  return (\n    <div\n      class={classNames(`${rootClass}__wrapper`, {\n        [`${rootClass}__wrapper--vertical`]: props.vertical,\n        [`${rootClass}__wrapper--gradient`]: props.gradient,\n        [`${rootClass}__wrapper--inset`]: props.inset\n      })}\n    >\n      {divider}\n\n      <div class={classNames(`${rootClass}__content`)} style={unref(contentStyles)}>\n        {slots.default()}\n      </div>\n\n      {divider}\n    </div>\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","themeClasses","provideTheme","textColorClasses","textColorStyles","useTextColor","color","dividerStyles","computed","styles","length","vertical","convertToUnit","thickness","contentStyles","toRef","margin","Array","isArray","contentOffset","shift","marginBlock","undefined","marginInline","transform","rootClass","CdsDividerConstants","divider","_createVNode","role","classNames","inset","gradient","default","unref","class","opacity","variant","style"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAOd,UAAMC,QAAQC,SAAQ;AAEtB,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaP,KAAK;AAC3C,UAAM;AAAA,MAAEQ;AAAAA,MAAkBC;AAAAA,IAAgB,IAAIC,aAAa,MAAMV,MAAMW,KAAK;AAK5E,UAAMC,gBAAgBC,SAAS,MAAM;AACnC,YAAMC,SAAwB,CAAA;AAE9B,UAAId,MAAMe,OAAQD,QAAOd,MAAMgB,WAAW,WAAW,OAAO,IAAIC,cAAcjB,MAAMe,MAAM;AAC1F,UAAIf,MAAMkB,UAAWJ,QAAOd,MAAMgB,WAAW,qBAAqB,gBAAgB,IAAIC,cAAcjB,MAAMkB,SAAS;AAEnH,aAAOJ;AAAAA,IACT,CAAC;AAED,UAAMK,gBAAgBC,MAAM,MAAM;AAChC,YAAMC,SAASC,MAAMC,QAAQvB,MAAMwB,aAAa,IAAIxB,MAAMwB,cAAc,CAAC,IAAIxB,MAAMwB;AACnF,YAAMC,QAAQH,MAAMC,QAAQvB,MAAMwB,aAAa,IAAIxB,MAAMwB,cAAc,CAAC,IAAI;AAE5E,aAAO;AAAA,QACLE,aAAa1B,MAAMgB,YAAYK,SAASJ,cAAcI,MAAM,IAAIM;AAAAA,QAChEC,cAAc,CAAC5B,MAAMgB,YAAYK,SAASJ,cAAcI,MAAM,IAAIM;AAAAA,QAClEE,WAAWJ,QAAQ,YAAYzB,MAAMgB,WAAW,MAAM,GAAG,IAAIC,cAAcQ,KAAK,CAAC,MAAME;AAAAA;IAE3F,CAAC;WAEY,MAAM;AACjB,YAAM;AAAA,QAAEG;AAAAA,MAAU,IAAIC;AAEtB,YAAMC,UAAOC,YAAA,MAAA;AAAA,QAAA,QAEH,GAAG7B,MAAM8B,QAAQ,WAAW;AAAA,QAAE,SAC7BC,WACLL,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,YAAY,GAAG9B,MAAMgB;AAAAA,UAClC,CAAC,GAAGc,SAAS,SAAS,GAAG9B,MAAMoC;AAAAA,UAC/B,CAAC,GAAGN,SAAS,YAAY,GAAG9B,MAAMqC,YAAY,CAACnC,MAAMoC;AAAAA,QACvD,GACAC,MAAMjC,YAAY,GAClBiC,MAAM/B,gBAAgB,GACtBR,MAAMwC,KACR;AAAA,QAAC,SACM,CACLD,MAAM3B,aAAa,GACnB2B,MAAM9B,eAAe,GACrB;AAAA,UAAE,wBAAwBT,MAAMyC;AAAAA,QAAQ,GACxC;AAAA,UAAE,gBAAgBzC,MAAM0C;AAAAA,QAAQ,GAChC1C,MAAM2C,KAAI;AAAA,QACX,oBAEC,CAACvC,MAAM8B,QAAQ9B,MAAM8B,SAAS,cAAelC,MAAMgB,WAAW,aAAa,eAAgBW;AAAAA,SAAQ,IAAA;AAKzG,UAAI,CAACzB,MAAMoC,QAAS,QAAON;AAE3B,aAAAC,YAAA,OAAA;AAAA,QAAA,SAEWE,WAAW,GAAGL,SAAS,aAAa;AAAA,UACzC,CAAC,GAAGA,SAAS,qBAAqB,GAAG9B,MAAMgB;AAAAA,UAC3C,CAAC,GAAGc,SAAS,qBAAqB,GAAG9B,MAAMqC;AAAAA,UAC3C,CAAC,GAAGP,SAAS,kBAAkB,GAAG9B,MAAMoC;AAAAA,SACzC;AAAA,SAAC,CAEDJ,SAAOC,YAAA,OAAA;AAAA,QAAA,SAEIE,WAAW,GAAGL,SAAS,WAAW;AAAA,QAAC,SAASS,MAAMpB,aAAa;AAAA,MAAC,GAAA,CACzEjB,MAAMoC,QAAO,CAAE,IAGjBN,OAAO,CAAA;AAAA,IAGd;AAAA;;"}

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

@@ -4,26 +4,51 @@ import { C as CdsDividerConstants } from "./CdsDivider.constants.js";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsDividerProps = propsFactory(
   {
-    /** Длина разделителя. Единица измерения по умолчанию — пиксели. */
+    /**
+     * Длина разделителя. Единица измерения по умолчанию — пиксели.
+     * @en Length of the divider. Defaults to pixels.
+     */
     length: [Number, String],
-    /** Толщина разделителя. Единица измерения по умолчанию — пиксели. */
+    /**
+     * Толщина разделителя. Единица измерения по умолчанию — пиксели.
+     * @en Thickness of the divider. Defaults to pixels.
+     */
     thickness: [Number, String],
-    /** Прозрачность разделителя. */
+    /**
+     * Прозрачность разделителя.
+     * @en Opacity of the divider.
+     */
     opacity: [Number, String],
     /**
      * Увеличивает интервал между элементами контента и строками.
      * Если передается в виде массива, второе значение смещает содержимое слота вниз (или вправо если vertical = true).
+     * @en Increases the spacing between the content and the lines. When passed as an array, the second value shifts the slot content down (or right when vertical = true).
      */
     contentOffset: [Number, String, Array],
-    /** Цвет разделителя. */
+    /**
+     * Цвет разделителя.
+     * @en Color of the divider.
+     */
     color: String,
-    /** Добавляет эффект затухания с обеих сторон. */
+    /**
+     * Добавляет эффект затухания с обеих сторон.
+     * @en Adds a fade-out effect on both ends.
+     */
     gradient: Boolean,
-    /** Добавляет отступ для обычных разделителей и уменьшает максимальную высоту для вертикальных разделителей. */
+    /**
+     * Добавляет отступ для обычных разделителей и уменьшает максимальную высоту для вертикальных разделителей.
+     * @en Adds an indent to horizontal dividers and reduces the maximum height of vertical ones.
+     */
     inset: Boolean,
-    /** Отображает разделитель вертикально */
+    /**
+     * Отображает разделитель вертикально
+     * @en Renders the divider vertically
+     */
     vertical: Boolean,
-    /** Вариант отображения разделителя */
+    /**
+     * Вариант отображения разделителя
+     * @en Visual variant of the divider
+     */
     variant: {
       type: String,
       default: "solid",

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

@@ -1 +1 @@
-{"version":3,"file":"CdsDivider.props.js","sources":["../../../../../../src/components/CdsDivider/api/CdsDivider.props.ts"],"sourcesContent":["import { defineThemeProps } from '@cds/composables';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsDividerConstants } from './CdsDivider.constants';\n\ntype Variant = (typeof CdsDividerConstants.variants)[number];\n\nexport const defineCdsDividerProps = propsFactory(\n  {\n    /** Длина разделителя. Единица измерения по умолчанию — пиксели. */\n    length: [Number, String],\n    /** Толщина разделителя. Единица измерения по умолчанию — пиксели. */\n    thickness: [Number, String],\n    /** Прозрачность разделителя. */\n    opacity: [Number, String],\n    /**\n     * Увеличивает интервал между элементами контента и строками.\n     * Если передается в виде массива, второе значение смещает содержимое слота вниз (или вправо если vertical = true).\n     */\n    contentOffset: [Number, String, Array] as PropType<number | string | (string | number)[]>,\n    /** Цвет разделителя. */\n    color: String,\n    /** Добавляет эффект затухания с обеих сторон. */\n    gradient: Boolean,\n    /** Добавляет отступ для обычных разделителей и уменьшает максимальную высоту для вертикальных разделителей. */\n    inset: Boolean,\n    /** Отображает разделитель вертикально */\n    vertical: Boolean,\n    /** Вариант отображения разделителя */\n    variant: {\n      type: String as PropType<Variant>,\n      default: 'solid',\n      validator: (v: any) => CdsDividerConstants.variants.includes(v)\n    },\n\n    ...defineComponentProps(),\n    ...defineThemeProps()\n  },\n  CdsDividerConstants.name\n);\n"],"names":[],"mappings":";;;;AAQO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA,IAEE,QAAQ,CAAC,QAAQ,MAAM;AAAA;AAAA,IAEvB,WAAW,CAAC,QAAQ,MAAM;AAAA;AAAA,IAE1B,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,eAAe,CAAC,QAAQ,QAAQ,KAAK;AAAA;AAAA,IAErC,OAAO;AAAA;AAAA,IAEP,UAAU;AAAA;AAAA,IAEV,OAAO;AAAA;AAAA,IAEP,UAAU;AAAA;AAAA,IAEV,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,MAAW,oBAAoB,SAAS,SAAS,CAAC;AAAA,IAAA;AAAA,IAGhE,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,oBAAoB;AACtB;"}
+{"version":3,"file":"CdsDivider.props.js","sources":["../../../../../../src/components/CdsDivider/api/CdsDivider.props.ts"],"sourcesContent":["import { defineThemeProps } from '@cds/composables';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsDividerConstants } from './CdsDivider.constants';\n\ntype Variant = (typeof CdsDividerConstants.variants)[number];\n\nexport const defineCdsDividerProps = propsFactory(\n  {\n    /**\n     * Длина разделителя. Единица измерения по умолчанию — пиксели.\n     * @en Length of the divider. Defaults to pixels.\n     */\n    length: [Number, String],\n    /**\n     * Толщина разделителя. Единица измерения по умолчанию — пиксели.\n     * @en Thickness of the divider. Defaults to pixels.\n     */\n    thickness: [Number, String],\n    /**\n     * Прозрачность разделителя.\n     * @en Opacity of the divider.\n     */\n    opacity: [Number, String],\n    /**\n     * Увеличивает интервал между элементами контента и строками.\n     * Если передается в виде массива, второе значение смещает содержимое слота вниз (или вправо если vertical = true).\n     * @en Increases the spacing between the content and the lines. When passed as an array, the second value shifts the slot content down (or right when vertical = true).\n     */\n    contentOffset: [Number, String, Array] as PropType<number | string | (string | number)[]>,\n    /**\n     * Цвет разделителя.\n     * @en Color of the divider.\n     */\n    color: String,\n    /**\n     * Добавляет эффект затухания с обеих сторон.\n     * @en Adds a fade-out effect on both ends.\n     */\n    gradient: Boolean,\n    /**\n     * Добавляет отступ для обычных разделителей и уменьшает максимальную высоту для вертикальных разделителей.\n     * @en Adds an indent to horizontal dividers and reduces the maximum height of vertical ones.\n     */\n    inset: Boolean,\n    /**\n     * Отображает разделитель вертикально\n     * @en Renders the divider vertically\n     */\n    vertical: Boolean,\n    /**\n     * Вариант отображения разделителя\n     * @en Visual variant of the divider\n     */\n    variant: {\n      type: String as PropType<Variant>,\n      default: 'solid',\n      validator: (v: any) => CdsDividerConstants.variants.includes(v)\n    },\n\n    ...defineComponentProps(),\n    ...defineThemeProps()\n  },\n  CdsDividerConstants.name\n);\n"],"names":[],"mappings":";;;;AAQO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,QAAQ,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKvB,WAAW,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK1B,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxB,eAAe,CAAC,QAAQ,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,MAAW,oBAAoB,SAAS,SAAS,CAAC;AAAA,IAAA;AAAA,IAGhE,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,oBAAoB;AACtB;"}

package/dist/es/src/components/CdsDrawer/CdsDrawer.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-drawer {
     position: absolute;

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

@@ -1,13 +1,13 @@
 import { defineComponent, useSlots, useAttrs, ref, computed, unref, onBeforeMount, onBeforeUnmount, watch, createVNode, Fragment, mergeProps } from "vue";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { _ as keyNames } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsDrawerConstants, a as CDS_DRAWER_Z_INDEX_OUTER, b as CDS_DRAWER_WIDTH_MINIFIED, c as CDS_DRAWER_WIDTH } from "./api/CdsDrawer.constants.js";
 import { d as defineCdsDrawerProps } from "./api/CdsDrawer.props.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -165,6 +165,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isHovering.value = false;
     }
     __expose({
+      /**
+       * Ссылка на корневой DOM-элемент панели.
+       * @en Ref to the root DOM element of the drawer.
+       */
       drawerRef
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsDrawer.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsDrawer/CdsDrawer.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsDrawer.scss';\n\nimport { useBackgroundColor, useTextColor } from '@cds/composables/useColor';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useDisplay } from '@cds/composables/useDisplay';\nimport { useInjectLayout } from '@cds/composables/useLayout';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults, useProxyModel } from '@cds/core';\nimport { classNames, keyNames } from '@cds/utils';\nimport { computed, type CSSProperties, onBeforeMount, onBeforeUnmount, ref, unref, useAttrs, watch } from 'vue';\n\nimport {\n  CDS_DRAWER_WIDTH,\n  CDS_DRAWER_WIDTH_MINIFIED,\n  CDS_DRAWER_Z_INDEX_OUTER,\n  CdsDrawerConstants\n} from './api/CdsDrawer.constants';\nimport { defineCdsDrawerProps } from './api/CdsDrawer.props';\nimport type { CdsDrawerEvents, CdsDrawerSlots } from './api/CdsDrawer.types';\n\ndefineOptions({\n  name: CdsDrawerConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsDrawerProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsDrawerSlots>();\nconst emit = defineEmits([\"opened\", \"closed\", \"update:modelValue\"]);\nconst attrs = useAttrs();\n\nconst drawerRef = ref<HTMLElement>();\nconst isActive = useProxyModel(props, 'modelValue', null, (value) => !!value);\nconst isTemporary = computed(() => !props.permanent && props.temporary);\nconst isHovering = ref(false);\nconst display = useDisplay();\nconst layout = useInjectLayout();\nconst inLayout = ref(!!Object.keys(layout).length);\n\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.bgColor);\nconst { textColorClasses, textColorStyles } = useTextColor(() => props.color);\n\nconst fixed = computed(() => {\n  if (!unref(inLayout)) return props.fixed;\n\n  return (\n    props.fixed ||\n    unref(layout.view).indexOf(props.right ? 'R' : 'L') > -1 ||\n    (unref(display.platform).ios && unref(layout.isContainer))\n  );\n});\n\nconst drawerClasses = computed(() => ({\n  [`${CdsDrawerConstants.rootClass}--active`]: unref(isActive),\n  [`${CdsDrawerConstants.rootClass}--hover`]: unref(isHovering),\n  [`${CdsDrawerConstants.rootClass}--temporary`]: unref(isTemporary),\n  [`${CdsDrawerConstants.rootClass}--minified`]: props.minified,\n  [`${CdsDrawerConstants.rootClass}--right`]: props.right,\n  [`${CdsDrawerConstants.rootClass}--fixed`]: unref(fixed),\n  [`${CdsDrawerConstants.rootClass}--border`]: props.border,\n  [`${CdsDrawerConstants.rootClass}--fixed-slots`]: props.fixedSlots\n}));\n\nconst headerSlot = computed(() => {\n  if (!unref(inLayout)) return false;\n  return props.right ? unref(layout.rows).top[2] === 'r' : unref(layout.rows).top[0] === 'l';\n});\n\nconst footerSlot = computed(() => {\n  if (!unref(inLayout)) return false;\n  return props.right ? unref(layout.rows).bottom[2] === 'r' : unref(layout.rows).bottom[0] === 'l';\n});\n\nconst positionStyles = computed(() => {\n  const css: CSSProperties = {};\n\n  if (unref(inLayout)) {\n    if (layout.header.space && !unref(headerSlot)) {\n      if (unref(fixed)) {\n        css.top = layout.header.offset + 'px';\n        css.height = `calc(100% - ${layout.header.offset}px)`;\n      } else if (layout.header.space) {\n        css.top = layout.header.size + 'px';\n        css.height = `calc(100% - ${layout.header.size}px)`;\n      }\n    }\n\n    if (layout.footer.space && !unref(footerSlot)) {\n      if (unref(fixed)) {\n        css.bottom = layout.footer.offset + 'px';\n        css.height = `calc(100% - ${layout.footer.offset}px - ${layout.header.offset}px)`;\n      } else if (layout.footer.space) {\n        css.bottom = layout.footer.size + 'px';\n        css.height = `calc(100% - ${layout.footer.size}px - ${layout.header.size}px)`;\n      }\n    }\n\n    if (unref(headerSlot) && layout.footer.space) {\n      css.height = `calc(100% - ${layout.footer.size}px)`;\n\n      if (props.minified) {\n        css.zIndex = CDS_DRAWER_Z_INDEX_OUTER;\n      }\n    }\n\n    if (unref(footerSlot) && layout.header.space) {\n      css.height = `calc(100% - ${layout.header.size}px)`;\n\n      if (props.minified) {\n        css.zIndex = CDS_DRAWER_Z_INDEX_OUTER;\n      }\n    }\n\n    if (unref(headerSlot) && unref(footerSlot)) {\n      css.height = '100%';\n      css.zIndex = CDS_DRAWER_Z_INDEX_OUTER;\n    }\n  }\n\n  return css;\n});\n\n// Оверлей перехватывает клик для закрытия и нужен, только когда панель накрывает\n// контент: временная панель либо обычная, открытая на узком экране, где макет не\n// резервирует под неё место (порог совпадает с медиазапросом в CdsDrawer.scss).\n// Постоянную панель закрыть нельзя — оверлей ей не нужен.\nconst hasOverlay = computed(() => {\n  if (!unref(isActive) || props.permanent) return false;\n\n  return unref(isTemporary) || !unref(display.mdUp);\n});\n\nlet activeElement: HTMLElement | null = null;\n\nonBeforeMount(() => {\n  if (props.modelValue !== null || unref(isTemporary)) return;\n  isActive.value = props.permanent;\n});\n\nonBeforeUnmount(() => {\n  if (unref(inLayout)) {\n    layout.update(props.right ? 'right' : 'left', 'space', false);\n  }\n});\n\nwatch(isActive, (value) => {\n  if (value) {\n    activeElement = document.activeElement as HTMLElement;\n    emit('opened', value);\n  } else {\n    activeElement?.focus();\n    emit('closed', value);\n  }\n});\n\nif (unref(inLayout)) {\n  watch(\n    display.mdUp,\n    (value) => {\n      layout.update(props.right ? 'right' : 'left', 'space', props.temporary ? false : value);\n    },\n    { immediate: true }\n  );\n\n  watch(\n    () => props.minified,\n    () => {\n      layout.update(\n        props.right ? 'right' : 'left',\n        'size',\n        props.minified ? CDS_DRAWER_WIDTH_MINIFIED : CDS_DRAWER_WIDTH\n      );\n    },\n    { immediate: true }\n  );\n\n  watch(\n    () => props.temporary,\n    (value) => {\n      layout.update(props.right ? 'right' : 'left', 'space', !value);\n    },\n    { immediate: true }\n  );\n}\n\nfunction onClose() {\n  isActive.value = false;\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.key === keyNames.esc) onClose();\n}\n\nfunction onMouseenter() {\n  isHovering.value = true;\n}\n\nfunction onMouseleave() {\n  isHovering.value = false;\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsDrawerConstants;\n\n  return (\n    <>\n      <props.tag\n        {...attrs}\n        ref={drawerRef}\n        class={classNames(\n          rootClass,\n          unref(drawerClasses),\n          unref(backgroundColorClasses),\n          unref(textColorClasses),\n          unref(themeClasses),\n          props.class\n        )}\n        style={[\n          unref(dimensionStyles),\n          unref(positionStyles),\n          unref(backgroundColorStyles),\n          unref(textColorStyles),\n          props.style\n        ]}\n        tabindex={-1}\n        onKeydown={onKeydown}\n        onMouseenter={onMouseenter}\n        onMouseleave={onMouseleave}\n      >\n        {slots.prepend && <div class={`${rootClass}__prepend`}>{slots.prepend()}</div>}\n        <nav class={`${rootClass}__content`}>{slots.default?.()}</nav>\n        {slots.append && <div class={`${rootClass}__append`}>{slots.append()}</div>}\n      </props.tag>\n      {unref(hasOverlay) && <div class={`${rootClass}__overlay`} onClick={onClose} />}\n    </>\n  );\n});\n\ndefineExpose({ drawerRef });\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","drawerRef","ref","isActive","useProxyModel","value","isTemporary","computed","permanent","temporary","isHovering","display","useDisplay","layout","useInjectLayout","inLayout","Object","keys","length","themeClasses","provideTheme","dimensionStyles","useDimensions","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","bgColor","textColorClasses","textColorStyles","useTextColor","color","fixed","unref","view","indexOf","right","platform","ios","isContainer","drawerClasses","CdsDrawerConstants","rootClass","minified","border","fixedSlots","headerSlot","rows","top","footerSlot","bottom","positionStyles","css","header","space","offset","height","size","footer","zIndex","CDS_DRAWER_Z_INDEX_OUTER","hasOverlay","mdUp","activeElement","onBeforeMount","modelValue","onBeforeUnmount","update","watch","document","focus","immediate","CDS_DRAWER_WIDTH_MINIFIED","CDS_DRAWER_WIDTH","onClose","onKeydown","event","key","keyNames","esc","onMouseenter","onMouseleave","__expose","_createVNode","_Fragment","tag","_mergeProps","classNames","class","style","default","prepend","append"],"mappings":"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"}
+{"version":3,"file":"CdsDrawer.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsDrawer/CdsDrawer.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsDrawer.scss';\n\nimport { useBackgroundColor, useTextColor } from '@cds/composables/useColor';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useDisplay } from '@cds/composables/useDisplay';\nimport { useInjectLayout } from '@cds/composables/useLayout';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults, useProxyModel } from '@cds/core';\nimport { classNames, keyNames } from '@cds/utils';\nimport { computed, type CSSProperties, onBeforeMount, onBeforeUnmount, ref, unref, useAttrs, watch } from 'vue';\n\nimport {\n  CDS_DRAWER_WIDTH,\n  CDS_DRAWER_WIDTH_MINIFIED,\n  CDS_DRAWER_Z_INDEX_OUTER,\n  CdsDrawerConstants\n} from './api/CdsDrawer.constants';\nimport { defineCdsDrawerProps } from './api/CdsDrawer.props';\nimport type { CdsDrawerEvents, CdsDrawerSlots } from './api/CdsDrawer.types';\n\ndefineOptions({\n  name: CdsDrawerConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsDrawerProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsDrawerSlots>();\nconst emit = defineEmits([\"opened\", \"closed\", \"update:modelValue\"]);\nconst attrs = useAttrs();\n\nconst drawerRef = ref<HTMLElement>();\nconst isActive = useProxyModel(props, 'modelValue', null, (value) => !!value);\nconst isTemporary = computed(() => !props.permanent && props.temporary);\nconst isHovering = ref(false);\nconst display = useDisplay();\nconst layout = useInjectLayout();\nconst inLayout = ref(!!Object.keys(layout).length);\n\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.bgColor);\nconst { textColorClasses, textColorStyles } = useTextColor(() => props.color);\n\nconst fixed = computed(() => {\n  if (!unref(inLayout)) return props.fixed;\n\n  return (\n    props.fixed ||\n    unref(layout.view).indexOf(props.right ? 'R' : 'L') > -1 ||\n    (unref(display.platform).ios && unref(layout.isContainer))\n  );\n});\n\nconst drawerClasses = computed(() => ({\n  [`${CdsDrawerConstants.rootClass}--active`]: unref(isActive),\n  [`${CdsDrawerConstants.rootClass}--hover`]: unref(isHovering),\n  [`${CdsDrawerConstants.rootClass}--temporary`]: unref(isTemporary),\n  [`${CdsDrawerConstants.rootClass}--minified`]: props.minified,\n  [`${CdsDrawerConstants.rootClass}--right`]: props.right,\n  [`${CdsDrawerConstants.rootClass}--fixed`]: unref(fixed),\n  [`${CdsDrawerConstants.rootClass}--border`]: props.border,\n  [`${CdsDrawerConstants.rootClass}--fixed-slots`]: props.fixedSlots\n}));\n\nconst headerSlot = computed(() => {\n  if (!unref(inLayout)) return false;\n  return props.right ? unref(layout.rows).top[2] === 'r' : unref(layout.rows).top[0] === 'l';\n});\n\nconst footerSlot = computed(() => {\n  if (!unref(inLayout)) return false;\n  return props.right ? unref(layout.rows).bottom[2] === 'r' : unref(layout.rows).bottom[0] === 'l';\n});\n\nconst positionStyles = computed(() => {\n  const css: CSSProperties = {};\n\n  if (unref(inLayout)) {\n    if (layout.header.space && !unref(headerSlot)) {\n      if (unref(fixed)) {\n        css.top = layout.header.offset + 'px';\n        css.height = `calc(100% - ${layout.header.offset}px)`;\n      } else if (layout.header.space) {\n        css.top = layout.header.size + 'px';\n        css.height = `calc(100% - ${layout.header.size}px)`;\n      }\n    }\n\n    if (layout.footer.space && !unref(footerSlot)) {\n      if (unref(fixed)) {\n        css.bottom = layout.footer.offset + 'px';\n        css.height = `calc(100% - ${layout.footer.offset}px - ${layout.header.offset}px)`;\n      } else if (layout.footer.space) {\n        css.bottom = layout.footer.size + 'px';\n        css.height = `calc(100% - ${layout.footer.size}px - ${layout.header.size}px)`;\n      }\n    }\n\n    if (unref(headerSlot) && layout.footer.space) {\n      css.height = `calc(100% - ${layout.footer.size}px)`;\n\n      if (props.minified) {\n        css.zIndex = CDS_DRAWER_Z_INDEX_OUTER;\n      }\n    }\n\n    if (unref(footerSlot) && layout.header.space) {\n      css.height = `calc(100% - ${layout.header.size}px)`;\n\n      if (props.minified) {\n        css.zIndex = CDS_DRAWER_Z_INDEX_OUTER;\n      }\n    }\n\n    if (unref(headerSlot) && unref(footerSlot)) {\n      css.height = '100%';\n      css.zIndex = CDS_DRAWER_Z_INDEX_OUTER;\n    }\n  }\n\n  return css;\n});\n\n// Оверлей перехватывает клик для закрытия и нужен, только когда панель накрывает\n// контент: временная панель либо обычная, открытая на узком экране, где макет не\n// резервирует под неё место (порог совпадает с медиазапросом в CdsDrawer.scss).\n// Постоянную панель закрыть нельзя — оверлей ей не нужен.\nconst hasOverlay = computed(() => {\n  if (!unref(isActive) || props.permanent) return false;\n\n  return unref(isTemporary) || !unref(display.mdUp);\n});\n\nlet activeElement: HTMLElement | null = null;\n\nonBeforeMount(() => {\n  if (props.modelValue !== null || unref(isTemporary)) return;\n  isActive.value = props.permanent;\n});\n\nonBeforeUnmount(() => {\n  if (unref(inLayout)) {\n    layout.update(props.right ? 'right' : 'left', 'space', false);\n  }\n});\n\nwatch(isActive, (value) => {\n  if (value) {\n    activeElement = document.activeElement as HTMLElement;\n    emit('opened', value);\n  } else {\n    activeElement?.focus();\n    emit('closed', value);\n  }\n});\n\nif (unref(inLayout)) {\n  watch(\n    display.mdUp,\n    (value) => {\n      layout.update(props.right ? 'right' : 'left', 'space', props.temporary ? false : value);\n    },\n    { immediate: true }\n  );\n\n  watch(\n    () => props.minified,\n    () => {\n      layout.update(\n        props.right ? 'right' : 'left',\n        'size',\n        props.minified ? CDS_DRAWER_WIDTH_MINIFIED : CDS_DRAWER_WIDTH\n      );\n    },\n    { immediate: true }\n  );\n\n  watch(\n    () => props.temporary,\n    (value) => {\n      layout.update(props.right ? 'right' : 'left', 'space', !value);\n    },\n    { immediate: true }\n  );\n}\n\nfunction onClose() {\n  isActive.value = false;\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.key === keyNames.esc) onClose();\n}\n\nfunction onMouseenter() {\n  isHovering.value = true;\n}\n\nfunction onMouseleave() {\n  isHovering.value = false;\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsDrawerConstants;\n\n  return (\n    <>\n      <props.tag\n        {...attrs}\n        ref={drawerRef}\n        class={classNames(\n          rootClass,\n          unref(drawerClasses),\n          unref(backgroundColorClasses),\n          unref(textColorClasses),\n          unref(themeClasses),\n          props.class\n        )}\n        style={[\n          unref(dimensionStyles),\n          unref(positionStyles),\n          unref(backgroundColorStyles),\n          unref(textColorStyles),\n          props.style\n        ]}\n        tabindex={-1}\n        onKeydown={onKeydown}\n        onMouseenter={onMouseenter}\n        onMouseleave={onMouseleave}\n      >\n        {slots.prepend && <div class={`${rootClass}__prepend`}>{slots.prepend()}</div>}\n        <nav class={`${rootClass}__content`}>{slots.default?.()}</nav>\n        {slots.append && <div class={`${rootClass}__append`}>{slots.append()}</div>}\n      </props.tag>\n      {unref(hasOverlay) && <div class={`${rootClass}__overlay`} onClick={onClose} />}\n    </>\n  );\n});\n\ndefineExpose({\n  /**\n   * Ссылка на корневой DOM-элемент панели.\n   * @en Ref to the root DOM element of the drawer.\n   */\n  drawerRef\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","drawerRef","ref","isActive","useProxyModel","value","isTemporary","computed","permanent","temporary","isHovering","display","useDisplay","layout","useInjectLayout","inLayout","Object","keys","length","themeClasses","provideTheme","dimensionStyles","useDimensions","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","bgColor","textColorClasses","textColorStyles","useTextColor","color","fixed","unref","view","indexOf","right","platform","ios","isContainer","drawerClasses","CdsDrawerConstants","rootClass","minified","border","fixedSlots","headerSlot","rows","top","footerSlot","bottom","positionStyles","css","header","space","offset","height","size","footer","zIndex","CDS_DRAWER_Z_INDEX_OUTER","hasOverlay","mdUp","activeElement","onBeforeMount","modelValue","onBeforeUnmount","update","watch","document","focus","immediate","CDS_DRAWER_WIDTH_MINIFIED","CDS_DRAWER_WIDTH","onClose","onKeydown","event","key","keyNames","esc","onMouseenter","onMouseleave","__expose","_createVNode","_Fragment","tag","_mergeProps","classNames","class","style","default","prepend","append"],"mappings":"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"}

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

@@ -1,48 +1,72 @@
-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 { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsDrawerConstants } from "./CdsDrawer.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsDrawerProps = propsFactory(
   {
-    /** Показать/скрыть панель (v-model). */
+    /**
+     * Показать/скрыть панель (v-model).
+     * @en Shows/hides the drawer (v-model).
+     */
     modelValue: {
       type: Boolean,
       default: null
     },
-    /** Постоянно видима, независимо от размера экрана. */
+    /**
+     * Постоянно видима, независимо от размера экрана.
+     * @en Always visible, regardless of the screen size.
+     */
     permanent: {
       type: Boolean,
       default: false
     },
-    /** Временная панель: открывается через v-model и закрывается по оверлею. */
+    /**
+     * Временная панель: открывается через v-model и закрывается по оверлею.
+     * @en Temporary drawer: opens through v-model and closes on the overlay.
+     */
     temporary: {
       type: Boolean,
       default: false
     },
-    /** Свёрнутый вид (только иконки) до наведения мыши. */
+    /**
+     * Свёрнутый вид (только иконки) до наведения мыши.
+     * @en Minified look (icons only) until the mouse hovers over it.
+     */
     minified: {
       type: Boolean,
       default: false
     },
-    /** Применяет `position: fixed`. */
+    /**
+     * Применяет `position: fixed`.
+     * @en Applies `position: fixed`.
+     */
     fixed: {
       type: Boolean,
       default: false
     },
-    /** Позиционирование справа. */
+    /**
+     * Позиционирование справа.
+     * @en Positions the drawer on the right.
+     */
     right: {
       type: Boolean,
       default: false
     },
-    /** Добавляет границы между секциями (prepend/append). */
+    /**
+     * Добавляет границы между секциями (prepend/append).
+     * @en Adds borders between the sections (prepend/append).
+     */
     border: {
       type: Boolean,
       default: false
     },
-    /** Использовать внутренний скролл для секции контента. */
+    /**
+     * Использовать внутренний скролл для секции контента.
+     * @en Uses an inner scroll for the content section.
+     */
     fixedSlots: {
       type: Boolean,
       default: false

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

@@ -1 +1 @@
-{"version":3,"file":"CdsDrawer.props.js","sources":["../../../../../../src/components/CdsDrawer/api/CdsDrawer.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsDrawerConstants } from './CdsDrawer.constants';\n\nexport const defineCdsDrawerProps = propsFactory(\n  {\n    /** Показать/скрыть панель (v-model). */\n    modelValue: {\n      type: Boolean as PropType<boolean | null>,\n      default: null\n    },\n    /** Постоянно видима, независимо от размера экрана. */\n    permanent: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Временная панель: открывается через v-model и закрывается по оверлею. */\n    temporary: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Свёрнутый вид (только иконки) до наведения мыши. */\n    minified: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Применяет `position: fixed`. */\n    fixed: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Позиционирование справа. */\n    right: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Добавляет границы между секциями (prepend/append). */\n    border: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Использовать внутренний скролл для секции контента. */\n    fixedSlots: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    ...defineDimensionsProps(),\n    ...pick(defineColorProps(), ['color', 'bgColor']),\n    ...defineThemeProps(),\n    ...defineTagProps({ tag: 'aside' }),\n    ...defineComponentProps()\n  },\n  CdsDrawerConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,IAEE,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,GAAG,sBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,SAAS,CAAC;AAAA,IAChD,GAAG,iBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,SAAS;AAAA,IAClC,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,mBAAmB;AACrB;"}
+{"version":3,"file":"CdsDrawer.props.js","sources":["../../../../../../src/components/CdsDrawer/api/CdsDrawer.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsDrawerConstants } from './CdsDrawer.constants';\n\nexport const defineCdsDrawerProps = propsFactory(\n  {\n    /**\n     * Показать/скрыть панель (v-model).\n     * @en Shows/hides the drawer (v-model).\n     */\n    modelValue: {\n      type: Boolean as PropType<boolean | null>,\n      default: null\n    },\n    /**\n     * Постоянно видима, независимо от размера экрана.\n     * @en Always visible, regardless of the screen size.\n     */\n    permanent: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Временная панель: открывается через v-model и закрывается по оверлею.\n     * @en Temporary drawer: opens through v-model and closes on the overlay.\n     */\n    temporary: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Свёрнутый вид (только иконки) до наведения мыши.\n     * @en Minified look (icons only) until the mouse hovers over it.\n     */\n    minified: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Применяет `position: fixed`.\n     * @en Applies `position: fixed`.\n     */\n    fixed: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Позиционирование справа.\n     * @en Positions the drawer on the right.\n     */\n    right: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Добавляет границы между секциями (prepend/append).\n     * @en Adds borders between the sections (prepend/append).\n     */\n    border: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Использовать внутренний скролл для секции контента.\n     * @en Uses an inner scroll for the content section.\n     */\n    fixedSlots: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    ...defineDimensionsProps(),\n    ...pick(defineColorProps(), ['color', 'bgColor']),\n    ...defineThemeProps(),\n    ...defineTagProps({ tag: 'aside' }),\n    ...defineComponentProps()\n  },\n  CdsDrawerConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA,MACT,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,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,GAAG,sBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,SAAS,CAAC;AAAA,IAChD,GAAG,iBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,SAAS;AAAA,IAClC,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,mBAAmB;AACrB;"}

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

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

@@ -1,6 +1,4 @@
 import { defineComponent, useSlots, resolveDynamicComponent, createVNode, unref } from "vue";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { p as pascalCase } from "../../utils/changeCase.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
@@ -11,8 +9,10 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsImage } from "../CdsImage/index.js";
 import { C as CdsEmptyStateConstants } from "./api/CdsEmptyState.constants.js";
 import { d as defineCdsEmptyStateProps } from "./api/CdsEmptyState.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsEmptyStateConstants.name

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

@@ -1,40 +1,65 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsEmptyStateConstants } from "./CdsEmptyState.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsEmptyStateProps = propsFactory(
   {
-    /** Текст кнопки действия. При указании рендерится кнопка под контентом. */
+    /**
+     * Текст кнопки действия. При указании рендерится кнопка под контентом.
+     * @en Text of the action button. When set, a button is rendered below the content.
+     */
     actionText: String,
-    /** Иконка в медиа-области. */
+    /**
+     * Иконка в медиа-области.
+     * @en Icon in the media area.
+     */
     icon: IconValue,
     /**
      * Legacy-иллюстрация из пакета `@central-design-system/illustrations` (CDS 3):
      * kebab-case имя глобально зарегистрированного компонента, например `rocket`.
      * Иллюстрации регистрируются через опцию `illustrations` в `createCds`.
+     * @en Legacy illustration from the `@central-design-system/illustrations` package (CDS 3): the kebab-case name of a globally registered component, for example `rocket`. Illustrations are registered through the `illustrations` option of `createCds`.
      */
     illustration: String,
-    /** Источник изображения в медиа-области (имеет приоритет над `icon`). */
+    /**
+     * Источник изображения в медиа-области (имеет приоритет над `icon`).
+     * @en Source of the image in the media area (takes priority over `icon`).
+     */
     image: String,
-    /** Горизонтальное выравнивание контента: `start`, `center`, `end`. */
+    /**
+     * Горизонтальное выравнивание контента: `start`, `center`, `end`.
+     * @en Horizontal alignment of the content: `start`, `center`, `end`.
+     */
     justify: {
       type: String,
       default: "center"
     },
-    /** Крупный акцентный заголовок над основным заголовком. */
+    /**
+     * Крупный акцентный заголовок над основным заголовком.
+     * @en Large accent heading above the main heading.
+     */
     headline: String,
-    /** Заголовок. */
+    /**
+     * Заголовок.
+     * @en Heading.
+     */
     title: String,
-    /** Описание */
+    /**
+     * Описание
+     * @en Description
+     */
     description: String,
-    /** Максимальная ширина блока описания. */
+    /**
+     * Максимальная ширина блока описания.
+     * @en Maximum width of the description block.
+     */
     textWidth: {
       type: [Number, String],
       default: 500

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

@@ -1 +1 @@
-{"version":3,"file":"CdsEmptyState.props.js","sources":["../../../../../../src/components/CdsEmptyState/api/CdsEmptyState.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineRouterProps } from '@cds/composables/useRouter/useRouter';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsEmptyStateConstants, type CdsEmptyStateJustify } from './CdsEmptyState.constants';\n\nexport const defineCdsEmptyStateProps = propsFactory(\n  {\n    /** Текст кнопки действия. При указании рендерится кнопка под контентом. */\n    actionText: String,\n    /** Иконка в медиа-области. */\n    icon: IconValue,\n    /**\n     * Legacy-иллюстрация из пакета `@central-design-system/illustrations` (CDS 3):\n     * kebab-case имя глобально зарегистрированного компонента, например `rocket`.\n     * Иллюстрации регистрируются через опцию `illustrations` в `createCds`.\n     */\n    illustration: String,\n    /** Источник изображения в медиа-области (имеет приоритет над `icon`). */\n    image: String,\n    /** Горизонтальное выравнивание контента: `start`, `center`, `end`. */\n    justify: {\n      type: String as PropType<CdsEmptyStateJustify>,\n      default: 'center'\n    },\n    /** Крупный акцентный заголовок над основным заголовком. */\n    headline: String,\n    /** Заголовок. */\n    title: String,\n    /** Описание */\n    description: String,\n    /** Максимальная ширина блока описания. */\n    textWidth: {\n      type: [Number, String] as PropType<number | string>,\n      default: 500\n    },\n\n    ...pick(defineColorProps(), ['bgColor', 'color']),\n    ...pick(defineRouterProps(), ['href', 'to']),\n    ...defineTextProps(),\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineSizeProps({ size: undefined }),\n    ...defineThemeProps()\n  },\n  CdsEmptyStateConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAaO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA,IAEE,YAAY;AAAA;AAAA,IAEZ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMN,cAAc;AAAA;AAAA,IAEd,OAAO;AAAA;AAAA,IAEP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA;AAAA,IAEV,OAAO;AAAA;AAAA,IAEP,aAAa;AAAA;AAAA,IAEb,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,iBAAA,GAAoB,CAAC,WAAW,OAAO,CAAC;AAAA,IAChD,GAAG,KAAK,kBAAA,GAAqB,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC3C,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,gBAAgB,EAAE,MAAM,QAAW;AAAA,IACtC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,uBAAuB;AACzB;"}
+{"version":3,"file":"CdsEmptyState.props.js","sources":["../../../../../../src/components/CdsEmptyState/api/CdsEmptyState.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineRouterProps } from '@cds/composables/useRouter/useRouter';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsEmptyStateConstants, type CdsEmptyStateJustify } from './CdsEmptyState.constants';\n\nexport const defineCdsEmptyStateProps = propsFactory(\n  {\n    /**\n     * Текст кнопки действия. При указании рендерится кнопка под контентом.\n     * @en Text of the action button. When set, a button is rendered below the content.\n     */\n    actionText: String,\n    /**\n     * Иконка в медиа-области.\n     * @en Icon in the media area.\n     */\n    icon: IconValue,\n    /**\n     * Legacy-иллюстрация из пакета `@central-design-system/illustrations` (CDS 3):\n     * kebab-case имя глобально зарегистрированного компонента, например `rocket`.\n     * Иллюстрации регистрируются через опцию `illustrations` в `createCds`.\n     * @en Legacy illustration from the `@central-design-system/illustrations` package (CDS 3): the kebab-case name of a globally registered component, for example `rocket`. Illustrations are registered through the `illustrations` option of `createCds`.\n     */\n    illustration: String,\n    /**\n     * Источник изображения в медиа-области (имеет приоритет над `icon`).\n     * @en Source of the image in the media area (takes priority over `icon`).\n     */\n    image: String,\n    /**\n     * Горизонтальное выравнивание контента: `start`, `center`, `end`.\n     * @en Horizontal alignment of the content: `start`, `center`, `end`.\n     */\n    justify: {\n      type: String as PropType<CdsEmptyStateJustify>,\n      default: 'center'\n    },\n    /**\n     * Крупный акцентный заголовок над основным заголовком.\n     * @en Large accent heading above the main heading.\n     */\n    headline: String,\n    /**\n     * Заголовок.\n     * @en Heading.\n     */\n    title: String,\n    /**\n     * Описание\n     * @en Description\n     */\n    description: String,\n    /**\n     * Максимальная ширина блока описания.\n     * @en Maximum width of the description block.\n     */\n    textWidth: {\n      type: [Number, String] as PropType<number | string>,\n      default: 500\n    },\n\n    ...pick(defineColorProps(), ['bgColor', 'color']),\n    ...pick(defineRouterProps(), ['href', 'to']),\n    ...defineTextProps(),\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineSizeProps({ size: undefined }),\n    ...defineThemeProps()\n  },\n  CdsEmptyStateConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAaO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAON,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,iBAAA,GAAoB,CAAC,WAAW,OAAO,CAAC;AAAA,IAChD,GAAG,KAAK,kBAAA,GAAqB,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC3C,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,gBAAgB,EAAE,MAAM,QAAW;AAAA,IACtC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,uBAAuB;AACzB;"}

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

@@ -26,13 +26,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const groupItem = useGroupItem(props, CdsExpandablePanelsSymbol);
     provide(CdsExpandablePanelSymbol, groupItem);
     __expose({
-      /** Панель раскрыта */
+      /**
+       * Панель раскрыта
+       * @en The panel is expanded
+       */
       isSelected: groupItem.isSelected,
-      /** Панель заблокирована */
+      /**
+       * Панель заблокирована
+       * @en The panel is blocked
+       */
       disabled: groupItem.disabled,
-      /** Переключить раскрытие панели */
+      /**
+       * Переключить раскрытие панели
+       * @en Toggles the expansion of the panel
+       */
       toggle: groupItem.toggle,
-      /** Раскрыть/свернуть панель */
+      /**
+       * Раскрыть/свернуть панель
+       * @en Expands or collapses the panel
+       */
       select: groupItem.select
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsExpandablePanel.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsExpandablePanel/CdsExpandablePanel.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { useGroupItem } from '@cds/composables/useGroup';\nimport { filterProps, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { provide, unref } from 'vue';\n\nimport {\n  CdsExpandablePanelConstants,\n  CdsExpandablePanelContentConstants,\n  CdsExpandablePanelsSymbol,\n  CdsExpandablePanelSymbol,\n  CdsExpandablePanelTitleConstants\n} from './api/CdsExpandablePanel.constants';\nimport {\n  defineCdsExpandablePanelContentProps,\n  defineCdsExpandablePanelProps,\n  defineCdsExpandablePanelTitleProps\n} from './api/CdsExpandablePanel.props';\nimport type { CdsExpandablePanelEvents, CdsExpandablePanelSlots } from './api/CdsExpandablePanel.types';\nimport CdsExpandablePanelContent from './CdsExpandablePanelContent.vue';\nimport CdsExpandablePanelTitle from './CdsExpandablePanelTitle.vue';\n\ndefineOptions({\n  name: CdsExpandablePanelConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsExpandablePanelProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsExpandablePanelSlots>();\n\ndefineEmits([\"group:selected\"]);\n\nconst groupItem = useGroupItem(props, CdsExpandablePanelsSymbol);\n\nprovide(CdsExpandablePanelSymbol, groupItem);\n\ndefineRender(() => {\n  const { rootClass } = CdsExpandablePanelConstants;\n  const Tag = props.tag;\n  const hasTitle = !!(slots.title || props.title);\n  const hasText = !!(slots.text || props.text);\n\n  return (\n    <Tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--selected`]: unref(groupItem.isSelected),\n          [`${rootClass}--disabled`]: unref(groupItem.disabled)\n        },\n        unref(groupItem.selectedClass),\n        props.class\n      )}\n      style={props.style}\n    >\n      <CdsDefaultsProvider\n        defaults={{\n          [CdsExpandablePanelTitleConstants.name]: filterProps(defineCdsExpandablePanelTitleProps, props),\n          [CdsExpandablePanelContentConstants.name]: filterProps(defineCdsExpandablePanelContentProps, props)\n        }}\n      >\n        {hasTitle && <CdsExpandablePanelTitle key=\"title\">{slots.title?.() ?? props.title}</CdsExpandablePanelTitle>}\n\n        {hasText && <CdsExpandablePanelContent key=\"text\">{slots.text?.() ?? props.text}</CdsExpandablePanelContent>}\n\n        {slots.default?.()}\n      </CdsDefaultsProvider>\n    </Tag>\n  );\n});\n\ndefineExpose({\n  /** Панель раскрыта */\n  isSelected: groupItem.isSelected,\n  /** Панель заблокирована */\n  disabled: groupItem.disabled,\n  /** Переключить раскрытие панели */\n  toggle: groupItem.toggle,\n  /** Раскрыть/свернуть панель */\n  select: groupItem.select\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","groupItem","useGroupItem","CdsExpandablePanelsSymbol","provide","CdsExpandablePanelSymbol","__expose","isSelected","disabled","toggle","select","rootClass","CdsExpandablePanelConstants","Tag","tag","hasTitle","title","hasText","text","_createVNode","classNames","unref","selectedClass","class","style","default","CdsDefaultsProvider","CdsExpandablePanelTitleConstants","name","filterProps","defineCdsExpandablePanelTitleProps","CdsExpandablePanelContentConstants","defineCdsExpandablePanelContentProps","CdsExpandablePanelTitle","CdsExpandablePanelContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAId,UAAMC,YAAYC,aAAaL,OAAOM,yBAAyB;AAE/DC,YAAQC,0BAA0BJ,SAAS;AAqC3CK,aAAa;AAAA;AAAA,MAEXC,YAAYN,UAAUM;AAAAA;AAAAA,MAEtBC,UAAUP,UAAUO;AAAAA;AAAAA,MAEpBC,QAAQR,UAAUQ;AAAAA;AAAAA,MAElBC,QAAQT,UAAUS;AAAAA,IACpB,CAAC;WA5CY,MAAM;AACjB,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIC;AACtB,YAAMC,MAAMhB,MAAMiB;AAClB,YAAMC,WAAW,CAAC,EAAEhB,MAAMiB,SAASnB,MAAMmB;AACzC,YAAMC,UAAU,CAAC,EAAElB,MAAMmB,QAAQrB,MAAMqB;AAEvC,aAAAC,YAAAN,KAAA;AAAA,QAAA,SAEWO,WACLT,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,YAAY,GAAGU,MAAMpB,UAAUM,UAAU;AAAA,UACtD,CAAC,GAAGI,SAAS,YAAY,GAAGU,MAAMpB,UAAUO,QAAQ;AAAA,WAEtDa,MAAMpB,UAAUqB,aAAa,GAC7BzB,MAAM0B,KACR;AAAA,QAAC,SACM1B,MAAM2B;AAAAA,MAAK,GAAA;AAAA,QAAAC,SAAAA,MAAA,CAAAN,YAAAO,qBAAA;AAAA,UAAA,YAGN;AAAA,YACR,CAACC,iCAAiCC,IAAI,GAAGC,YAAYC,oCAAoCjC,KAAK;AAAA,YAC9F,CAACkC,mCAAmCH,IAAI,GAAGC,YAAYG,sCAAsCnC,KAAK;AAAA,UACpG;AAAA,QAAC,GAAA;AAAA,UAAA4B,SAAAA,MAAAA;;AAAA,oBAEAV,YAAQI,YAAAc,aAAA;AAAA,cAAA,OAAA;AAAA,YAAA,GAAA;AAAA,cAAAR,SAAAA,MAAAA;;AAAA,0BAA0C1B,MAAAA,MAAMiB,UAANjB,gBAAAA,IAAAA,gBAAmBF,MAAMmB,KAAK;AAAA;AAAA,YAAA,CAAA,GAEhFC,WAAOE,YAAAe,aAAA;AAAA,cAAA,OAAA;AAAA,YAAA,GAAA;AAAA,cAAAT,SAAAA,MAAAA;;AAAA,0BAA2C1B,MAAAA,MAAMmB,SAANnB,gBAAAA,IAAAA,gBAAkBF,MAAMqB,IAAI;AAAA;AAAA,YAAA,CAAA,IAE9EnB,WAAM0B,YAAN1B,8BAAiB;AAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA,IAI1B;AAAA;;"}
+{"version":3,"file":"CdsExpandablePanel.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsExpandablePanel/CdsExpandablePanel.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { useGroupItem } from '@cds/composables/useGroup';\nimport { filterProps, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { provide, unref } from 'vue';\n\nimport {\n  CdsExpandablePanelConstants,\n  CdsExpandablePanelContentConstants,\n  CdsExpandablePanelsSymbol,\n  CdsExpandablePanelSymbol,\n  CdsExpandablePanelTitleConstants\n} from './api/CdsExpandablePanel.constants';\nimport {\n  defineCdsExpandablePanelContentProps,\n  defineCdsExpandablePanelProps,\n  defineCdsExpandablePanelTitleProps\n} from './api/CdsExpandablePanel.props';\nimport type { CdsExpandablePanelEvents, CdsExpandablePanelSlots } from './api/CdsExpandablePanel.types';\nimport CdsExpandablePanelContent from './CdsExpandablePanelContent.vue';\nimport CdsExpandablePanelTitle from './CdsExpandablePanelTitle.vue';\n\ndefineOptions({\n  name: CdsExpandablePanelConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsExpandablePanelProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsExpandablePanelSlots>();\n\ndefineEmits([\"group:selected\"]);\n\nconst groupItem = useGroupItem(props, CdsExpandablePanelsSymbol);\n\nprovide(CdsExpandablePanelSymbol, groupItem);\n\ndefineRender(() => {\n  const { rootClass } = CdsExpandablePanelConstants;\n  const Tag = props.tag;\n  const hasTitle = !!(slots.title || props.title);\n  const hasText = !!(slots.text || props.text);\n\n  return (\n    <Tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--selected`]: unref(groupItem.isSelected),\n          [`${rootClass}--disabled`]: unref(groupItem.disabled)\n        },\n        unref(groupItem.selectedClass),\n        props.class\n      )}\n      style={props.style}\n    >\n      <CdsDefaultsProvider\n        defaults={{\n          [CdsExpandablePanelTitleConstants.name]: filterProps(defineCdsExpandablePanelTitleProps, props),\n          [CdsExpandablePanelContentConstants.name]: filterProps(defineCdsExpandablePanelContentProps, props)\n        }}\n      >\n        {hasTitle && <CdsExpandablePanelTitle key=\"title\">{slots.title?.() ?? props.title}</CdsExpandablePanelTitle>}\n\n        {hasText && <CdsExpandablePanelContent key=\"text\">{slots.text?.() ?? props.text}</CdsExpandablePanelContent>}\n\n        {slots.default?.()}\n      </CdsDefaultsProvider>\n    </Tag>\n  );\n});\n\ndefineExpose({\n  /**\n   * Панель раскрыта\n   * @en The panel is expanded\n   */\n  isSelected: groupItem.isSelected,\n  /**\n   * Панель заблокирована\n   * @en The panel is blocked\n   */\n  disabled: groupItem.disabled,\n  /**\n   * Переключить раскрытие панели\n   * @en Toggles the expansion of the panel\n   */\n  toggle: groupItem.toggle,\n  /**\n   * Раскрыть/свернуть панель\n   * @en Expands or collapses the panel\n   */\n  select: groupItem.select\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","groupItem","useGroupItem","CdsExpandablePanelsSymbol","provide","CdsExpandablePanelSymbol","__expose","isSelected","disabled","toggle","select","rootClass","CdsExpandablePanelConstants","Tag","tag","hasTitle","title","hasText","text","_createVNode","classNames","unref","selectedClass","class","style","default","CdsDefaultsProvider","CdsExpandablePanelTitleConstants","name","filterProps","defineCdsExpandablePanelTitleProps","CdsExpandablePanelContentConstants","defineCdsExpandablePanelContentProps","CdsExpandablePanelTitle","CdsExpandablePanelContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAId,UAAMC,YAAYC,aAAaL,OAAOM,yBAAyB;AAE/DC,YAAQC,0BAA0BJ,SAAS;AAqC3CK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXC,YAAYN,UAAUM;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKtBC,UAAUP,UAAUO;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKpBC,QAAQR,UAAUQ;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKlBC,QAAQT,UAAUS;AAAAA,IACpB,CAAC;WAxDY,MAAM;AACjB,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIC;AACtB,YAAMC,MAAMhB,MAAMiB;AAClB,YAAMC,WAAW,CAAC,EAAEhB,MAAMiB,SAASnB,MAAMmB;AACzC,YAAMC,UAAU,CAAC,EAAElB,MAAMmB,QAAQrB,MAAMqB;AAEvC,aAAAC,YAAAN,KAAA;AAAA,QAAA,SAEWO,WACLT,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,YAAY,GAAGU,MAAMpB,UAAUM,UAAU;AAAA,UACtD,CAAC,GAAGI,SAAS,YAAY,GAAGU,MAAMpB,UAAUO,QAAQ;AAAA,WAEtDa,MAAMpB,UAAUqB,aAAa,GAC7BzB,MAAM0B,KACR;AAAA,QAAC,SACM1B,MAAM2B;AAAAA,MAAK,GAAA;AAAA,QAAAC,SAAAA,MAAA,CAAAN,YAAAO,qBAAA;AAAA,UAAA,YAGN;AAAA,YACR,CAACC,iCAAiCC,IAAI,GAAGC,YAAYC,oCAAoCjC,KAAK;AAAA,YAC9F,CAACkC,mCAAmCH,IAAI,GAAGC,YAAYG,sCAAsCnC,KAAK;AAAA,UACpG;AAAA,QAAC,GAAA;AAAA,UAAA4B,SAAAA,MAAAA;;AAAA,oBAEAV,YAAQI,YAAAc,aAAA;AAAA,cAAA,OAAA;AAAA,YAAA,GAAA;AAAA,cAAAR,SAAAA,MAAAA;;AAAA,0BAA0C1B,MAAAA,MAAMiB,UAANjB,gBAAAA,IAAAA,gBAAmBF,MAAMmB,KAAK;AAAA;AAAA,YAAA,CAAA,GAEhFC,WAAOE,YAAAe,aAAA;AAAA,cAAA,OAAA;AAAA,YAAA,GAAA;AAAA,cAAAT,SAAAA,MAAAA;;AAAA,0BAA2C1B,MAAAA,MAAMmB,SAANnB,gBAAAA,IAAAA,gBAAkBF,MAAMqB,IAAI;AAAA;AAAA,YAAA,CAAA,IAE9EnB,WAAM0B,YAAN1B,8BAAiB;AAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA,IAI1B;AAAA;;"}

package/dist/es/src/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue_vue_type_script_setup_true_lang.js

@@ -34,9 +34,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       readonly: props.readonly
     }));
     __expose({
-      /** Панель раскрыта */
+      /**
+       * Панель раскрыта
+       * @en The panel is expanded
+       */
       isSelected: panel.isSelected,
-      /** Переключить раскрытие панели */
+      /**
+       * Переключить раскрытие панели
+       * @en Toggles the expansion of the panel
+       */
       toggle: panel.toggle
     });
     return () => {

package/dist/es/src/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsExpandablePanelTitle.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsIcon } from '@cds/components/CdsIcon';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, inject, unref } from 'vue';\n\nimport { CdsExpandablePanelSymbol, CdsExpandablePanelTitleConstants } from './api/CdsExpandablePanel.constants';\nimport { defineCdsExpandablePanelTitleProps } from './api/CdsExpandablePanel.props';\nimport type { CdsExpandablePanelTitleSlots } from './api/CdsExpandablePanel.types';\n\ndefineOptions({\n  name: CdsExpandablePanelTitleConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsExpandablePanelTitleProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsExpandablePanelTitleSlots>();\n\nconst panel = inject(CdsExpandablePanelSymbol, null);\n\nif (!panel) {\n  throw new Error(`[CDS] ${CdsExpandablePanelTitleConstants.name} должен использоваться внутри CdsExpandablePanel`);\n}\n\nconst { dimensionStyles } = useDimensions(props);\n\nconst slotProps = computed(() => ({\n  collapseIcon: props.collapseIcon,\n  disabled: unref(panel.disabled),\n  expanded: unref(panel.isSelected),\n  expandIcon: props.expandIcon,\n  readonly: props.readonly\n}));\n\ndefineRender(() => {\n  const { rootClass } = CdsExpandablePanelTitleConstants;\n  const isSelected = unref(panel.isSelected);\n  const isDisabled = unref(panel.disabled);\n\n  return (\n    <button\n      type=\"button\"\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--selected`]: isSelected,\n          [`${rootClass}--disabled`]: isDisabled,\n          [`${rootClass}--readonly`]: props.readonly,\n          [`${rootClass}--focusable`]: props.focusable,\n          [`${rootClass}--hover`]: props.hover,\n          [`${rootClass}--static`]: props.static\n        },\n        props.class\n      )}\n      style={[unref(dimensionStyles), props.style]}\n      tabindex={isDisabled ? -1 : undefined}\n      disabled={isDisabled}\n      aria-expanded={isSelected}\n      onClick={!props.readonly ? panel.toggle : undefined}\n    >\n      {slots.default?.(unref(slotProps))}\n\n      {!props.hideActions && (\n        <span class={`${rootClass}__icon`}>\n          {slots.action?.(unref(slotProps)) ?? <CdsIcon icon={isSelected ? props.collapseIcon : props.expandIcon} />}\n        </span>\n      )}\n    </button>\n  );\n});\n\ndefineExpose({\n  /** Панель раскрыта */\n  isSelected: panel.isSelected,\n  /** Переключить раскрытие панели */\n  toggle: panel.toggle\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","panel","inject","CdsExpandablePanelSymbol","Error","CdsExpandablePanelTitleConstants","name","dimensionStyles","useDimensions","slotProps","computed","collapseIcon","disabled","unref","expanded","isSelected","expandIcon","readonly","__expose","toggle","rootClass","isDisabled","_createVNode","classNames","focusable","hover","static","class","style","undefined","default","hideActions","action","CdsIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAEd,UAAMC,QAAQC,OAAOC,0BAA0B,IAAI;AAEnD,QAAI,CAACF,OAAO;AACV,YAAM,IAAIG,MAAM,SAASC,iCAAiCC,IAAI,kDAAkD;AAAA,IAClH;AAEA,UAAM;AAAA,MAAEC;AAAAA,IAAgB,IAAIC,cAAcX,KAAK;AAE/C,UAAMY,YAAYC,SAAS,OAAO;AAAA,MAChCC,cAAcd,MAAMc;AAAAA,MACpBC,UAAUC,MAAMZ,MAAMW,QAAQ;AAAA,MAC9BE,UAAUD,MAAMZ,MAAMc,UAAU;AAAA,MAChCC,YAAYnB,MAAMmB;AAAAA,MAClBC,UAAUpB,MAAMoB;AAAAA,IAClB,EAAE;AAuCFC,aAAa;AAAA;AAAA,MAEXH,YAAYd,MAAMc;AAAAA;AAAAA,MAElBI,QAAQlB,MAAMkB;AAAAA,IAChB,CAAC;WA1CY,MAAM;;AACjB,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIf;AACtB,YAAMU,aAAaF,MAAMZ,MAAMc,UAAU;AACzC,YAAMM,aAAaR,MAAMZ,MAAMW,QAAQ;AAEvC,aAAAU,YAAA,UAAA;AAAA,QAAA,QAAA;AAAA,QAAA,SAGWC,WACLH,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,YAAY,GAAGL;AAAAA,UAC5B,CAAC,GAAGK,SAAS,YAAY,GAAGC;AAAAA,UAC5B,CAAC,GAAGD,SAAS,YAAY,GAAGvB,MAAMoB;AAAAA,UAClC,CAAC,GAAGG,SAAS,aAAa,GAAGvB,MAAM2B;AAAAA,UACnC,CAAC,GAAGJ,SAAS,SAAS,GAAGvB,MAAM4B;AAAAA,UAC/B,CAAC,GAAGL,SAAS,UAAU,GAAGvB,MAAM6B;AAAAA,QAClC,GACA7B,MAAM8B,KACR;AAAA,QAAC,SACM,CAACd,MAAMN,eAAe,GAAGV,MAAM+B,KAAK;AAAA,QAAC,YAClCP,aAAa,KAAKQ;AAAAA,QAAS,YAC3BR;AAAAA,QAAU,iBACLN;AAAAA,QAAU,WAChB,CAAClB,MAAMoB,WAAWhB,MAAMkB,SAASU;AAAAA,MAAS,GAAA,EAElD9B,WAAM+B,YAAN/B,+BAAgBc,MAAMJ,SAAS,IAE/B,CAACZ,MAAMkC,eAAWT,YAAA,QAAA;AAAA,QAAA,SACJ,GAAGF,SAAS;AAAA,MAAQ,GAAA,GAC9BrB,WAAMiC,WAANjC,+BAAec,MAAMJ,SAAS,OAAEa,YAAAW,SAAA;AAAA,QAAA,QAAmBlB,aAAalB,MAAMc,eAAed,MAAMmB;AAAAA,MAAU,GAAA,IAAA,CAAI,CAAA,CAE7G,CAAA;AAAA,IAGP;AAAA;;"}
+{"version":3,"file":"CdsExpandablePanelTitle.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsIcon } from '@cds/components/CdsIcon';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, inject, unref } from 'vue';\n\nimport { CdsExpandablePanelSymbol, CdsExpandablePanelTitleConstants } from './api/CdsExpandablePanel.constants';\nimport { defineCdsExpandablePanelTitleProps } from './api/CdsExpandablePanel.props';\nimport type { CdsExpandablePanelTitleSlots } from './api/CdsExpandablePanel.types';\n\ndefineOptions({\n  name: CdsExpandablePanelTitleConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsExpandablePanelTitleProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsExpandablePanelTitleSlots>();\n\nconst panel = inject(CdsExpandablePanelSymbol, null);\n\nif (!panel) {\n  throw new Error(`[CDS] ${CdsExpandablePanelTitleConstants.name} должен использоваться внутри CdsExpandablePanel`);\n}\n\nconst { dimensionStyles } = useDimensions(props);\n\nconst slotProps = computed(() => ({\n  collapseIcon: props.collapseIcon,\n  disabled: unref(panel.disabled),\n  expanded: unref(panel.isSelected),\n  expandIcon: props.expandIcon,\n  readonly: props.readonly\n}));\n\ndefineRender(() => {\n  const { rootClass } = CdsExpandablePanelTitleConstants;\n  const isSelected = unref(panel.isSelected);\n  const isDisabled = unref(panel.disabled);\n\n  return (\n    <button\n      type=\"button\"\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--selected`]: isSelected,\n          [`${rootClass}--disabled`]: isDisabled,\n          [`${rootClass}--readonly`]: props.readonly,\n          [`${rootClass}--focusable`]: props.focusable,\n          [`${rootClass}--hover`]: props.hover,\n          [`${rootClass}--static`]: props.static\n        },\n        props.class\n      )}\n      style={[unref(dimensionStyles), props.style]}\n      tabindex={isDisabled ? -1 : undefined}\n      disabled={isDisabled}\n      aria-expanded={isSelected}\n      onClick={!props.readonly ? panel.toggle : undefined}\n    >\n      {slots.default?.(unref(slotProps))}\n\n      {!props.hideActions && (\n        <span class={`${rootClass}__icon`}>\n          {slots.action?.(unref(slotProps)) ?? <CdsIcon icon={isSelected ? props.collapseIcon : props.expandIcon} />}\n        </span>\n      )}\n    </button>\n  );\n});\n\ndefineExpose({\n  /**\n   * Панель раскрыта\n   * @en The panel is expanded\n   */\n  isSelected: panel.isSelected,\n  /**\n   * Переключить раскрытие панели\n   * @en Toggles the expansion of the panel\n   */\n  toggle: panel.toggle\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","panel","inject","CdsExpandablePanelSymbol","Error","CdsExpandablePanelTitleConstants","name","dimensionStyles","useDimensions","slotProps","computed","collapseIcon","disabled","unref","expanded","isSelected","expandIcon","readonly","__expose","toggle","rootClass","isDisabled","_createVNode","classNames","focusable","hover","static","class","style","undefined","default","hideActions","action","CdsIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAEd,UAAMC,QAAQC,OAAOC,0BAA0B,IAAI;AAEnD,QAAI,CAACF,OAAO;AACV,YAAM,IAAIG,MAAM,SAASC,iCAAiCC,IAAI,kDAAkD;AAAA,IAClH;AAEA,UAAM;AAAA,MAAEC;AAAAA,IAAgB,IAAIC,cAAcX,KAAK;AAE/C,UAAMY,YAAYC,SAAS,OAAO;AAAA,MAChCC,cAAcd,MAAMc;AAAAA,MACpBC,UAAUC,MAAMZ,MAAMW,QAAQ;AAAA,MAC9BE,UAAUD,MAAMZ,MAAMc,UAAU;AAAA,MAChCC,YAAYnB,MAAMmB;AAAAA,MAClBC,UAAUpB,MAAMoB;AAAAA,IAClB,EAAE;AAuCFC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXH,YAAYd,MAAMc;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKlBI,QAAQlB,MAAMkB;AAAAA,IAChB,CAAC;WAhDY,MAAM;;AACjB,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIf;AACtB,YAAMU,aAAaF,MAAMZ,MAAMc,UAAU;AACzC,YAAMM,aAAaR,MAAMZ,MAAMW,QAAQ;AAEvC,aAAAU,YAAA,UAAA;AAAA,QAAA,QAAA;AAAA,QAAA,SAGWC,WACLH,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,YAAY,GAAGL;AAAAA,UAC5B,CAAC,GAAGK,SAAS,YAAY,GAAGC;AAAAA,UAC5B,CAAC,GAAGD,SAAS,YAAY,GAAGvB,MAAMoB;AAAAA,UAClC,CAAC,GAAGG,SAAS,aAAa,GAAGvB,MAAM2B;AAAAA,UACnC,CAAC,GAAGJ,SAAS,SAAS,GAAGvB,MAAM4B;AAAAA,UAC/B,CAAC,GAAGL,SAAS,UAAU,GAAGvB,MAAM6B;AAAAA,QAClC,GACA7B,MAAM8B,KACR;AAAA,QAAC,SACM,CAACd,MAAMN,eAAe,GAAGV,MAAM+B,KAAK;AAAA,QAAC,YAClCP,aAAa,KAAKQ;AAAAA,QAAS,YAC3BR;AAAAA,QAAU,iBACLN;AAAAA,QAAU,WAChB,CAAClB,MAAMoB,WAAWhB,MAAMkB,SAASU;AAAAA,MAAS,GAAA,EAElD9B,WAAM+B,YAAN/B,+BAAgBc,MAAMJ,SAAS,IAE/B,CAACZ,MAAMkC,eAAWT,YAAA,QAAA;AAAA,QAAA,SACJ,GAAGF,SAAS;AAAA,MAAQ,GAAA,GAC9BrB,WAAMiC,WAANjC,+BAAec,MAAMJ,SAAS,OAAEa,YAAAW,SAAA;AAAA,QAAA,QAAmBlB,aAAalB,MAAMc,eAAed,MAAMmB;AAAAA,MAAU,GAAA,IAAA,CAAI,CAAA,CAE7G,CAAA;AAAA,IAGP;AAAA;;"}