npm - @central-design-system/components - Versions diffs - 4.0.0-alpha.4 → 4.0.0-alpha.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (970) hide show

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

	@@ -1 +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;;"}
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<{\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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 Длина разделителя. Единица измерения по умолчанию — пиксели.\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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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({\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 CHANGED Viewed

@@ -7,42 +7,66 @@ 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 CHANGED Viewed

	@@ -1 +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;"}
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 /*\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 CHANGED Viewed

@@ -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/api/CdsEmptyState.props.js CHANGED Viewed

@@ -11,30 +11,55 @@ import { d as defineDimensionsProps } from "../../../composables/useDimensions/u
 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 CHANGED Viewed

	@@ -1 +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;"}
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 Текст кнопки действия. При указании рендерится кнопка под контентом.\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;"}
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 Панель раскрыта\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;"}
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 Панель раскрыта\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;;"}

package/dist/es/src/components/CdsExpandablePanel/CdsExpandablePanels.css CHANGED Viewed

@@ -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-expandable-panels {
     position: relative;

package/dist/es/src/components/CdsExpandablePanel/CdsExpandablePanels.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -41,9 +41,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
-      /** Раскрыть предыдущую панель */
+      /**
+       * Раскрыть предыдущую панель
+       * @en Expands the previous panel
+       */
       prev,
-      /** Раскрыть следующую панель */
+      /**
+       * Раскрыть следующую панель
+       * @en Expands the next panel
+       */
       next
     });
     return () => {

package/dist/es/src/components/CdsExpandablePanel/CdsExpandablePanels.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsExpandablePanels.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsExpandablePanel/CdsExpandablePanels.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsExpandablePanel.scss';\n\nimport { useGroup } from '@cds/composables/useGroup';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { provideDefaults, useDefaults } from '@cds/core';\nimport { classNames, convertToUnit } from '@cds/utils';\nimport { toRef, unref } from 'vue';\n\nimport {\n CdsExpandablePanelConstants,\n CdsExpandablePanelsConstants,\n CdsExpandablePanelsSymbol\n} from './api/CdsExpandablePanel.constants';\nimport { defineCdsExpandablePanelsProps } from './api/CdsExpandablePanel.props';\nimport type { CdsExpandablePanelsEvents, CdsExpandablePanelsSlots } from './api/CdsExpandablePanel.types';\n\ndefineOptions({\n name: CdsExpandablePanelsConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsExpandablePanelsProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsExpandablePanelsSlots>();\n\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { next, prev } = useGroup(props, CdsExpandablePanelsSymbol);\n\nprovideDefaults({\n [CdsExpandablePanelConstants.name]: {\n collapseIcon: toRef(() => props.collapseIcon),\n eager: toRef(() => props.eager),\n expandIcon: toRef(() => props.expandIcon),\n focusable: toRef(() => props.focusable),\n hideActions: toRef(() => props.hideActions),\n hover: toRef(() => props.hover),\n readonly: toRef(() => props.readonly),\n static: toRef(() => props.static)\n }\n});\n\ndefineRender(() => {\n const { rootClass } = CdsExpandablePanelsConstants;\n const Tag = props.tag;\n\n return (\n <Tag\n class={classNames(\n rootClass,\n `${rootClass}--variant-${props.variant}`,\n `${rootClass}--appearance-${props.appearance}`,\n unref(themeClasses),\n props.class\n )}\n style={[\n {\n [`--${rootClass}-gap`]: convertToUnit(props.gap)\n },\n props.style\n ]}\n >\n {slots.default?.({ next, prev })}\n </Tag>\n );\n});\n\ndefineExpose({\n /** Раскрыть предыдущую ~~панель~~ /\n prev,\n /* Раскрыть следующую ~~панель~~ */\n next\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","next","prev","useGroup","CdsExpandablePanelsSymbol","provideDefaults","CdsExpandablePanelConstants","name","collapseIcon","toRef","eager","expandIcon","focusable","hideActions","hover","readonly","static","__expose","rootClass","CdsExpandablePanelsConstants","Tag","tag","_createVNode","classNames","variant","appearance","unref","class","convertToUnit","gap","style","default"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAId,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAC3C,UAAM;AAAA,MAAEM;AAAAA,MAAMC;AAAAA,IAAK,IAAIC,SAASR,OAAOS,yBAAyB;AAEhEC,oBAAgB;AAAA,MACd,CAACC,4BAA4BC,IAAI,GAAG;AAAA,QAClCC,cAAcC,MAAM,MAAMd,MAAMa,YAAY;AAAA,QAC5CE,OAAOD,MAAM,MAAMd,MAAMe,KAAK;AAAA,QAC9BC,YAAYF,MAAM,MAAMd,MAAMgB,UAAU;AAAA,QACxCC,WAAWH,MAAM,MAAMd,MAAMiB,SAAS;AAAA,QACtCC,aAAaJ,MAAM,MAAMd,MAAMkB,WAAW;AAAA,QAC1CC,OAAOL,MAAM,MAAMd,MAAMmB,KAAK;AAAA,QAC9BC,UAAUN,MAAM,MAAMd,MAAMoB,QAAQ;AAAA,QACpCC,QAAQP,MAAM,MAAMd,MAAMqB,MAAM;AAAA,MAClC;AAAA,IACF,CAAC;AA2BDC,aAAa;AAAA;AAAA,~~MAEXf~~;AAAAA;AAAAA,~~MAEAD~~;AAAAA,IACF,CAAC;~~WA9BY~~,MAAM;AACjB,YAAM;AAAA,QAAEiB;AAAAA,MAAU,IAAIC;AACtB,YAAMC,MAAMzB,MAAM0B;AAElB,aAAAC,YAAAF,KAAA;AAAA,QAAA,SAEWG,WACLL,WACA,GAAGA,SAAS,aAAavB,MAAM6B,OAAO,IACtC,GAAGN,SAAS,gBAAgBvB,MAAM8B,UAAU,IAC5CC,MAAM3B,YAAY,GAClBJ,MAAMgC,KACR;AAAA,QAAC,SACM,CACL;AAAA,UACE,CAAC,KAAKT,SAAS,MAAM,GAAGU,cAAcjC,MAAMkC,GAAG;AAAA,WAEjDlC,MAAMmC,KAAI;AAAA,MACX,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,mBAEAlC,WAAMkC,YAANlC,+BAAgB;AAAA,YAAEI;AAAAA,YAAMC;AAAAA,UAAK,EAAE;AAAA;AAAA,MAAA,CAAA;AAAA,IAGtC;AAAA;;"}
1	+ {"version":3,"file":"CdsExpandablePanels.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsExpandablePanel/CdsExpandablePanels.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsExpandablePanel.scss';\n\nimport { useGroup } from '@cds/composables/useGroup';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { provideDefaults, useDefaults } from '@cds/core';\nimport { classNames, convertToUnit } from '@cds/utils';\nimport { toRef, unref } from 'vue';\n\nimport {\n CdsExpandablePanelConstants,\n CdsExpandablePanelsConstants,\n CdsExpandablePanelsSymbol\n} from './api/CdsExpandablePanel.constants';\nimport { defineCdsExpandablePanelsProps } from './api/CdsExpandablePanel.props';\nimport type { CdsExpandablePanelsEvents, CdsExpandablePanelsSlots } from './api/CdsExpandablePanel.types';\n\ndefineOptions({\n name: CdsExpandablePanelsConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsExpandablePanelsProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsExpandablePanelsSlots>();\n\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { next, prev } = useGroup(props, CdsExpandablePanelsSymbol);\n\nprovideDefaults({\n [CdsExpandablePanelConstants.name]: {\n collapseIcon: toRef(() => props.collapseIcon),\n eager: toRef(() => props.eager),\n expandIcon: toRef(() => props.expandIcon),\n focusable: toRef(() => props.focusable),\n hideActions: toRef(() => props.hideActions),\n hover: toRef(() => props.hover),\n readonly: toRef(() => props.readonly),\n static: toRef(() => props.static)\n }\n});\n\ndefineRender(() => {\n const { rootClass } = CdsExpandablePanelsConstants;\n const Tag = props.tag;\n\n return (\n <Tag\n class={classNames(\n rootClass,\n `${rootClass}--variant-${props.variant}`,\n `${rootClass}--appearance-${props.appearance}`,\n unref(themeClasses),\n props.class\n )}\n style={[\n {\n [`--${rootClass}-gap`]: convertToUnit(props.gap)\n },\n props.style\n ]}\n >\n {slots.default?.({ next, prev })}\n </Tag>\n );\n});\n\ndefineExpose({\n /*\n Раскрыть предыдущую панель\n * @en Expands the previous panel\n /\n prev,\n /\n Раскрыть следующую панель\n * @en Expands the next panel\n */\n next\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","next","prev","useGroup","CdsExpandablePanelsSymbol","provideDefaults","CdsExpandablePanelConstants","name","collapseIcon","toRef","eager","expandIcon","focusable","hideActions","hover","readonly","static","__expose","rootClass","CdsExpandablePanelsConstants","Tag","tag","_createVNode","classNames","variant","appearance","unref","class","convertToUnit","gap","style","default"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAId,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAC3C,UAAM;AAAA,MAAEM;AAAAA,MAAMC;AAAAA,IAAK,IAAIC,SAASR,OAAOS,yBAAyB;AAEhEC,oBAAgB;AAAA,MACd,CAACC,4BAA4BC,IAAI,GAAG;AAAA,QAClCC,cAAcC,MAAM,MAAMd,MAAMa,YAAY;AAAA,QAC5CE,OAAOD,MAAM,MAAMd,MAAMe,KAAK;AAAA,QAC9BC,YAAYF,MAAM,MAAMd,MAAMgB,UAAU;AAAA,QACxCC,WAAWH,MAAM,MAAMd,MAAMiB,SAAS;AAAA,QACtCC,aAAaJ,MAAM,MAAMd,MAAMkB,WAAW;AAAA,QAC1CC,OAAOL,MAAM,MAAMd,MAAMmB,KAAK;AAAA,QAC9BC,UAAUN,MAAM,MAAMd,MAAMoB,QAAQ;AAAA,QACpCC,QAAQP,MAAM,MAAMd,MAAMqB,MAAM;AAAA,MAClC;AAAA,IACF,CAAC;AA2BDC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXf;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAD;AAAAA,IACF,CAAC;WApCY,MAAM;AACjB,YAAM;AAAA,QAAEiB;AAAAA,MAAU,IAAIC;AACtB,YAAMC,MAAMzB,MAAM0B;AAElB,aAAAC,YAAAF,KAAA;AAAA,QAAA,SAEWG,WACLL,WACA,GAAGA,SAAS,aAAavB,MAAM6B,OAAO,IACtC,GAAGN,SAAS,gBAAgBvB,MAAM8B,UAAU,IAC5CC,MAAM3B,YAAY,GAClBJ,MAAMgC,KACR;AAAA,QAAC,SACM,CACL;AAAA,UACE,CAAC,KAAKT,SAAS,MAAM,GAAGU,cAAcjC,MAAMkC,GAAG;AAAA,WAEjDlC,MAAMmC,KAAI;AAAA,MACX,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,mBAEAlC,WAAMkC,YAANlC,+BAAgB;AAAA,YAAEI;AAAAA,YAAMC;AAAAA,UAAK,EAAE;AAAA;AAAA,MAAA,CAAA;AAAA,IAGtC;AAAA;;"}