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

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

@@ -11,26 +11,44 @@ import { d as defineDimensionsProps } from "../../../composables/useDimensions/u
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsExpandablePanelTitleProps = propsFactory(
   {
-    /** Иконка раскрытия панели */
+    /**
+     * Иконка раскрытия панели
+     * @en Icon shown when the panel is collapsed and can be expanded
+     */
     expandIcon: {
       type: IconValue,
       default: "chevron-down"
     },
-    /** Иконка сворачивания панели */
+    /**
+     * Иконка сворачивания панели
+     * @en Icon shown when the panel is expanded and can be collapsed
+     */
     collapseIcon: {
       type: IconValue,
       default: "chevron-up"
     },
-    /** Скрыть иконку раскрытия/сворачивания */
+    /**
+     * Скрыть иконку раскрытия/сворачивания
+     * @en Hides the expand/collapse icon
+     */
     hideActions: Boolean,
-    /** Подсвечивать заголовок фоном при наведении курсора */
+    /**
+     * Подсвечивать заголовок фоном при наведении курсора
+     * @en Highlights the title with a background on hover
+     */
     hover: {
       type: Boolean,
       default: true
     },
-    /** Подсвечивать заголовок фоном при фокусе */
+    /**
+     * Подсвечивать заголовок фоном при фокусе
+     * @en Highlights the title with a background on focus
+     */
     focusable: Boolean,
-    /** Отключить анимацию заголовка */
+    /**
+     * Отключить анимацию заголовка
+     * @en Turns off the animation of the title
+     */
     static: Boolean,
     ...defineComponentProps(),
     ...defineDimensionsProps(),
@@ -47,9 +65,15 @@ const defineCdsExpandablePanelContentProps = propsFactory(
 );
 const defineCdsExpandablePanelProps = propsFactory(
   {
-    /** Текст заголовка панели */
+    /**
+     * Текст заголовка панели
+     * @en Text of the panel title
+     */
     title: String,
-    /** Текст раскрываемого содержимого панели */
+    /**
+     * Текст раскрываемого содержимого панели
+     * @en Text of the expandable content of the panel
+     */
     text: String,
     ...defineCdsExpandablePanelTitleProps(),
     ...defineCdsExpandablePanelContentProps(),
@@ -63,6 +87,7 @@ const defineCdsExpandablePanelsProps = propsFactory(
   {
     /**
      * Вариант отображения группы панелей
+     * @en Display variant of the panel group
      * @values default, accordion
      */
     variant: {
@@ -72,6 +97,7 @@ const defineCdsExpandablePanelsProps = propsFactory(
     },
     /**
      * Внешний вид панелей
+     * @en Appearance of the panels
      * @values primary, secondary, transparent
      */
     appearance: {
@@ -79,7 +105,10 @@ const defineCdsExpandablePanelsProps = propsFactory(
       default: "primary",
       validator: (value) => CdsExpandablePanelsConstants.appearances.includes(value)
     },
-    /** Отступ между панелями */
+    /**
+     * Отступ между панелями
+     * @en Spacing between the panels
+     */
     gap: [Number, String],
     ...pick(defineCdsExpandablePanelProps(), [
       "collapseIcon",

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

@@ -1 +1 @@
-{"version":3,"file":"CdsExpandablePanel.props.js","sources":["../../../../../../src/components/CdsExpandablePanel/api/CdsExpandablePanel.props.ts"],"sourcesContent":["import { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineGroupItemProps, defineGroupProps } from '@cds/composables/useGroup';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLazyProps } from '@cds/composables/useLazy';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\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 {\n  CdsExpandablePanelConstants,\n  CdsExpandablePanelContentConstants,\n  type CdsExpandablePanelsAppearance,\n  CdsExpandablePanelsConstants,\n  type CdsExpandablePanelsVariant,\n  CdsExpandablePanelTitleConstants\n} from './CdsExpandablePanel.constants';\n\nexport const defineCdsExpandablePanelTitleProps = propsFactory(\n  {\n    /** Иконка раскрытия панели */\n    expandIcon: {\n      type: IconValue,\n      default: 'chevron-down'\n    },\n    /** Иконка сворачивания панели */\n    collapseIcon: {\n      type: IconValue,\n      default: 'chevron-up'\n    },\n    /** Скрыть иконку раскрытия/сворачивания */\n    hideActions: Boolean,\n    /** Подсвечивать заголовок фоном при наведении курсора */\n    hover: {\n      type: Boolean,\n      default: true\n    },\n    /** Подсвечивать заголовок фоном при фокусе */\n    focusable: Boolean,\n    /** Отключить анимацию заголовка */\n    static: Boolean,\n\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineReadonlyProps()\n  },\n  CdsExpandablePanelTitleConstants.name\n);\n\nexport const defineCdsExpandablePanelContentProps = propsFactory(\n  {\n    ...defineComponentProps(),\n    ...defineLazyProps()\n  },\n  CdsExpandablePanelContentConstants.name\n);\n\nexport const defineCdsExpandablePanelProps = propsFactory(\n  {\n    /** Текст заголовка панели */\n    title: String,\n    /** Текст раскрываемого содержимого панели */\n    text: String,\n\n    ...defineCdsExpandablePanelTitleProps(),\n    ...defineCdsExpandablePanelContentProps(),\n    ...defineGroupItemProps(),\n    ...defineTagProps(),\n    ...defineComponentProps()\n  },\n  CdsExpandablePanelConstants.name\n);\n\nexport const defineCdsExpandablePanelsProps = propsFactory(\n  {\n    /**\n     * Вариант отображения группы панелей\n     * @values default, accordion\n     */\n    variant: {\n      type: String as PropType<CdsExpandablePanelsVariant>,\n      default: 'default',\n      validator: (value: CdsExpandablePanelsVariant) => CdsExpandablePanelsConstants.variants.includes(value)\n    },\n    /**\n     * Внешний вид панелей\n     * @values primary, secondary, transparent\n     */\n    appearance: {\n      type: String as PropType<CdsExpandablePanelsAppearance>,\n      default: 'primary',\n      validator: (value: CdsExpandablePanelsAppearance) => CdsExpandablePanelsConstants.appearances.includes(value)\n    },\n    /** Отступ между панелями */\n    gap: [Number, String],\n\n    ...pick(defineCdsExpandablePanelProps(), [\n      'collapseIcon',\n      'eager',\n      'expandIcon',\n      'focusable',\n      'hideActions',\n      'hover',\n      'readonly',\n      'static'\n    ]),\n    ...defineGroupProps(),\n    ...defineThemeProps(),\n    ...defineTagProps(),\n    ...defineComponentProps()\n  },\n  CdsExpandablePanelsConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAmBO,MAAM,qCAAqC;AAAA,EAChD;AAAA;AAAA,IAEE,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,aAAa;AAAA;AAAA,IAEb,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,WAAW;AAAA;AAAA,IAEX,QAAQ;AAAA,IAER,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,EAAoB;AAAA,EAEzB,iCAAiC;AACnC;AAEO,MAAM,uCAAuC;AAAA,EAClD;AAAA,IACE,GAAG,qBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,EAAgB;AAAA,EAErB,mCAAmC;AACrC;AAEO,MAAM,gCAAgC;AAAA,EAC3C;AAAA;AAAA,IAEE,OAAO;AAAA;AAAA,IAEP,MAAM;AAAA,IAEN,GAAG,mCAAA;AAAA,IACH,GAAG,qCAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,4BAA4B;AAC9B;AAEO,MAAM,iCAAiC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAsC,6BAA6B,SAAS,SAAS,KAAK;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxG,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAyC,6BAA6B,YAAY,SAAS,KAAK;AAAA,IAAA;AAAA;AAAA,IAG9G,KAAK,CAAC,QAAQ,MAAM;AAAA,IAEpB,GAAG,KAAK,iCAAiC;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,IACD,GAAG,iBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,6BAA6B;AAC/B;"}
+{"version":3,"file":"CdsExpandablePanel.props.js","sources":["../../../../../../src/components/CdsExpandablePanel/api/CdsExpandablePanel.props.ts"],"sourcesContent":["import { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineGroupItemProps, defineGroupProps } from '@cds/composables/useGroup';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLazyProps } from '@cds/composables/useLazy';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\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 {\n  CdsExpandablePanelConstants,\n  CdsExpandablePanelContentConstants,\n  type CdsExpandablePanelsAppearance,\n  CdsExpandablePanelsConstants,\n  type CdsExpandablePanelsVariant,\n  CdsExpandablePanelTitleConstants\n} from './CdsExpandablePanel.constants';\n\nexport const defineCdsExpandablePanelTitleProps = propsFactory(\n  {\n    /**\n     * Иконка раскрытия панели\n     * @en Icon shown when the panel is collapsed and can be expanded\n     */\n    expandIcon: {\n      type: IconValue,\n      default: 'chevron-down'\n    },\n    /**\n     * Иконка сворачивания панели\n     * @en Icon shown when the panel is expanded and can be collapsed\n     */\n    collapseIcon: {\n      type: IconValue,\n      default: 'chevron-up'\n    },\n    /**\n     * Скрыть иконку раскрытия/сворачивания\n     * @en Hides the expand/collapse icon\n     */\n    hideActions: Boolean,\n    /**\n     * Подсвечивать заголовок фоном при наведении курсора\n     * @en Highlights the title with a background on hover\n     */\n    hover: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Подсвечивать заголовок фоном при фокусе\n     * @en Highlights the title with a background on focus\n     */\n    focusable: Boolean,\n    /**\n     * Отключить анимацию заголовка\n     * @en Turns off the animation of the title\n     */\n    static: Boolean,\n\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineReadonlyProps()\n  },\n  CdsExpandablePanelTitleConstants.name\n);\n\nexport const defineCdsExpandablePanelContentProps = propsFactory(\n  {\n    ...defineComponentProps(),\n    ...defineLazyProps()\n  },\n  CdsExpandablePanelContentConstants.name\n);\n\nexport const defineCdsExpandablePanelProps = propsFactory(\n  {\n    /**\n     * Текст заголовка панели\n     * @en Text of the panel title\n     */\n    title: String,\n    /**\n     * Текст раскрываемого содержимого панели\n     * @en Text of the expandable content of the panel\n     */\n    text: String,\n\n    ...defineCdsExpandablePanelTitleProps(),\n    ...defineCdsExpandablePanelContentProps(),\n    ...defineGroupItemProps(),\n    ...defineTagProps(),\n    ...defineComponentProps()\n  },\n  CdsExpandablePanelConstants.name\n);\n\nexport const defineCdsExpandablePanelsProps = propsFactory(\n  {\n    /**\n     * Вариант отображения группы панелей\n     * @en Display variant of the panel group\n     * @values default, accordion\n     */\n    variant: {\n      type: String as PropType<CdsExpandablePanelsVariant>,\n      default: 'default',\n      validator: (value: CdsExpandablePanelsVariant) => CdsExpandablePanelsConstants.variants.includes(value)\n    },\n    /**\n     * Внешний вид панелей\n     * @en Appearance of the panels\n     * @values primary, secondary, transparent\n     */\n    appearance: {\n      type: String as PropType<CdsExpandablePanelsAppearance>,\n      default: 'primary',\n      validator: (value: CdsExpandablePanelsAppearance) => CdsExpandablePanelsConstants.appearances.includes(value)\n    },\n    /**\n     * Отступ между панелями\n     * @en Spacing between the panels\n     */\n    gap: [Number, String],\n\n    ...pick(defineCdsExpandablePanelProps(), [\n      'collapseIcon',\n      'eager',\n      'expandIcon',\n      'focusable',\n      'hideActions',\n      'hover',\n      'readonly',\n      'static'\n    ]),\n    ...defineGroupProps(),\n    ...defineThemeProps(),\n    ...defineTagProps(),\n    ...defineComponentProps()\n  },\n  CdsExpandablePanelsConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAmBO,MAAM,qCAAqC;AAAA,EAChD;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,QAAQ;AAAA,IAER,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,EAAoB;AAAA,EAEzB,iCAAiC;AACnC;AAEO,MAAM,uCAAuC;AAAA,EAClD;AAAA,IACE,GAAG,qBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,EAAgB;AAAA,EAErB,mCAAmC;AACrC;AAEO,MAAM,gCAAgC;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,MAAM;AAAA,IAEN,GAAG,mCAAA;AAAA,IACH,GAAG,qCAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,4BAA4B;AAC9B;AAEO,MAAM,iCAAiC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAME,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAsC,6BAA6B,SAAS,SAAS,KAAK;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOxG,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAyC,6BAA6B,YAAY,SAAS,KAAK;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM9G,KAAK,CAAC,QAAQ,MAAM;AAAA,IAEpB,GAAG,KAAK,iCAAiC;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,IACD,GAAG,iBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,6BAA6B;AAC/B;"}

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

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

@@ -23,10 +23,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     ...defineCdsFieldProps(),
     id: String,
+    /**
+     * Резервирует место под подсказки и сообщения об ошибках под полем
+     * @en Reserves the space for hints and error messages under the field
+     */
     details: Boolean,
     ...defineFocusProps()
   },
-  emits: ["update:focused", "update:modelValue"],
+  emits: ["update:focused", "update:modelValue", "click:clear"],
   setup(__props, {
     expose: __expose
   }) {
@@ -96,9 +100,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
-      /** Ref-ссылка на контролл поля ввода */
+      /**
+       * Ref-ссылка на контролл поля ввода
+       * @en Ref to the control of the input
+       */
       controlRef,
-      /** Цвет иконки */
+      /**
+       * Цвет иконки
+       * @en Icon color
+       */
       fieldIconColor: iconColor
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsField.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsField/CdsField.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsField.scss';\n\nimport type { CdsInputDefaultSlot } from '@cds/components/CdsInput/api/CdsInput.types';\nimport { useInputIcon } from '@cds/components/CdsInput/CdsInputIcon';\nimport { useBackgroundColor, useShadowBorderColor, useTextColor } from '@cds/composables/useColor';\nimport { defineFocusProps, useFocus } from '@cds/composables/useFocus';\nimport { LoaderSlot, useLoader } from '@cds/composables/useLoader';\nimport { useRtl } from '@cds/composables/useLocale';\nimport { useSize } from '@cds/composables/useSize';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { CdsTransitionExpandX } from '@cds/transitions';\nimport { classNames } from '@cds/utils';\nimport { computed, ref, toRef, unref, useAttrs, useId } from 'vue';\n\nimport { CdsDefaultsProvider } from '../CdsDefaultsProvider';\nimport { CdsProgressCircle } from '../CdsProgressCircle';\nimport { CdsFieldConstants } from './api/CdsField.constants';\nimport { defineCdsFieldProps } from './api/CdsField.props';\nimport type { CdsFieldEvents, CdsFieldSlots } from './api/CdsField.types';\n\ndefineOptions({\n  name: CdsFieldConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({\n  ...defineCdsFieldProps(),\n  id: String,\n  details: Boolean,\n  ...defineFocusProps()\n});\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsFieldSlots>();\nconst attrs = useAttrs();\ndefineEmits([\"update:focused\", \"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { loaderClasses } = useLoader(props);\nconst { focusClasses, isFocused, focus, blur } = useFocus(props);\nconst { sizeClasses, sizeStyles } = useSize(props);\nconst { rtlClasses } = useRtl();\nconst { CdsInputIcon } = useInputIcon(props);\n\nconst controlRef = ref<HTMLElement>();\n\nconst uid = useId();\nconst inputId = computed(() => props.id || `input-${uid}`);\nconst messagesId = toRef(() => (!props.details ? undefined : `${unref(inputId)}-messages`));\nconst isActive = toRef(() => props.dirty || props.active);\n\nconst color = computed(() => {\n  return props.error || props.disabled\n    ? undefined\n    : unref(isActive) && unref(isFocused)\n      ? props.activeColor\n      : props.color;\n});\nconst iconColor = computed(() => {\n  if (!props.iconColor) return undefined;\n  return props.iconColor === true ? unref(color) : props.iconColor;\n});\n\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.bgColor);\nconst { textColorClasses, textColorStyles } = useTextColor(color);\nconst { shadowBorderColorClasses, shadowBorderColorStyles } = useShadowBorderColor(color);\n\nconst size = computed(() => props.size || 'md');\n\nconst slotProps = computed<CdsInputDefaultSlot>(() => ({\n  isActive,\n  isFocused,\n  controlRef,\n  iconColor,\n  size,\n  blur,\n  focus\n}));\n\nfunction onClick(event: MouseEvent) {\n  if (event.target !== document.activeElement) {\n    event.preventDefault();\n  }\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsFieldConstants;\n\n  const hasClear = !!(props.clearable || slots.clear) && !props.disabled;\n  const hasCircleLoader = !!props.loading && props.loading === 'circle';\n  const hasPrepend = !!(slots['prepend-inner'] || props.prependInnerIcon);\n  const hasAppend = !!(slots['append-inner'] || props.appendInnerIcon || hasClear);\n\n  const loadingColor = props.error\n    ? 'status-danger-line'\n    : props.focused\n      ? props.activeColor\n        ? props.activeColor\n        : 'line-focus'\n      : typeof props.loading === 'string'\n        ? props.loading\n        : props.color;\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--active`]: unref(isActive),\n          [`${rootClass}--prepended`]: hasPrepend,\n          [`${rootClass}--appended`]: hasAppend,\n          [`${rootClass}--disabled`]: props.disabled,\n          [`${rootClass}--readonly`]: props.readonly,\n          [`${rootClass}--loading`]: props.loading,\n          [`${rootClass}--error`]: props.error,\n          [`${rootClass}--dirty`]: props.dirty,\n          [`${rootClass}--has-background`]: !!props.bgColor,\n          [`${rootClass}--persistent-clearable`]: props.persistentClearable,\n          [`${rootClass}--reverse`]: props.reverse,\n          [`${rootClass}--center-affix`]: props.centerAffix\n        },\n        unref(themeClasses),\n        unref(backgroundColorClasses),\n        unref(textColorClasses),\n        unref(shadowBorderColorClasses),\n        unref(focusClasses),\n        unref(loaderClasses),\n        unref(sizeClasses),\n        unref(rtlClasses),\n        props.class\n      )}\n      style={[\n        unref(backgroundColorStyles),\n        unref(textColorStyles),\n        unref(shadowBorderColorStyles),\n        unref(sizeStyles),\n        props.style\n      ]}\n      onClick={onClick}\n      {...attrs}\n    >\n      {!hasCircleLoader && (\n        <LoaderSlot\n          name={rootClass}\n          active={!!props.loading}\n          color={loadingColor}\n          size={unref(size)}\n          v-slots={{ default: slots.loader }}\n        />\n      )}\n\n      {hasPrepend && (\n        <div key=\"prepend\" class={`${rootClass}__prepend-inner`}>\n          {slots['prepend-inner']\n            ? slots['prepend-inner'](unref(slotProps))\n            : props.prependInnerIcon && (\n                <CdsInputIcon key=\"prepend-icon\" name=\"prependInner\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n\n      <div class={`${rootClass}__field`} data-no-activator=\"\">\n        {slots.default?.({\n          ...unref(slotProps),\n          props: {\n            id: unref(inputId),\n            class: `${rootClass}__input`,\n            'aria-describedby': unref(messagesId)\n          },\n          focus,\n          blur\n        }) ?? <div id={unref(inputId)} class={`${rootClass}__input`} aria-describedby={unref(messagesId)} />}\n      </div>\n\n      {hasClear && (\n        <CdsTransitionExpandX key=\"clear\">\n          <div\n            class={`${rootClass}__clearable`}\n            v-show={props.dirty}\n            onMousedown={(event: MouseEvent) => {\n              event.preventDefault();\n              event.stopPropagation();\n            }}\n          >\n            <CdsDefaultsProvider\n              defaults={{\n                CdsIcon: {\n                  icon: props.clearIcon,\n                  size: props.size\n                }\n              }}\n            >\n              {slots.clear ? (\n                slots.clear({\n                  ...unref(slotProps),\n                  props: {\n                    onFocus: focus,\n                    onBlur: blur,\n                    onClick: props['onClick:clear'],\n                    tabindex: -1\n                  }\n                })\n              ) : (\n                <CdsInputIcon name=\"clear\" size={unref(size)} onFocus={focus} onBlur={blur} tabindex={-1} />\n              )}\n            </CdsDefaultsProvider>\n          </div>\n        </CdsTransitionExpandX>\n      )}\n\n      {hasCircleLoader && (\n        <CdsTransitionExpandX key=\"loader\">\n          <div class={`${rootClass}__loader-circle`} v-show={props.loading}>\n            <CdsProgressCircle color={loadingColor} size={unref(size)} indeterminate width=\"2\" />\n          </div>\n        </CdsTransitionExpandX>\n      )}\n\n      {hasAppend && (\n        <div key=\"append\" class={`${rootClass}__append-inner`}>\n          {slots['append-inner']\n            ? slots['append-inner'](unref(slotProps))\n            : props.appendInnerIcon && (\n                <CdsInputIcon key=\"append-icon\" name=\"appendInner\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n    </div>\n  );\n});\n\ndefineExpose({\n  /** Ref-ссылка на контролл поля ввода */\n  controlRef,\n  /** Цвет иконки */\n  fieldIconColor: iconColor\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","themeClasses","provideTheme","loaderClasses","useLoader","focusClasses","isFocused","focus","blur","useFocus","sizeClasses","sizeStyles","useSize","rtlClasses","useRtl","CdsInputIcon","useInputIcon","controlRef","ref","uid","useId","inputId","computed","id","messagesId","toRef","details","undefined","unref","isActive","dirty","active","color","error","disabled","activeColor","iconColor","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","bgColor","textColorClasses","textColorStyles","useTextColor","shadowBorderColorClasses","shadowBorderColorStyles","useShadowBorderColor","size","slotProps","onClick","event","target","document","activeElement","preventDefault","__expose","fieldIconColor","rootClass","CdsFieldConstants","hasClear","clearable","clear","hasCircleLoader","loading","hasPrepend","prependInnerIcon","hasAppend","appendInnerIcon","loadingColor","focused","_createVNode","_mergeProps","classNames","readonly","persistentClearable","reverse","centerAffix","class","style","LoaderSlot","default","loader","CdsTransitionExpandX","_withDirectives","stopPropagation","CdsDefaultsProvider","CdsIcon","icon","clearIcon","onFocus","onBlur","tabindex","_vShow","CdsProgressCircle"],"mappings":"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"}
+{"version":3,"file":"CdsField.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsField/CdsField.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsField.scss';\n\nimport type { CdsInputDefaultSlot } from '@cds/components/CdsInput/api/CdsInput.types';\nimport { useInputIcon } from '@cds/components/CdsInput/CdsInputIcon';\nimport { useBackgroundColor, useShadowBorderColor, useTextColor } from '@cds/composables/useColor';\nimport { defineFocusProps, useFocus } from '@cds/composables/useFocus';\nimport { LoaderSlot, useLoader } from '@cds/composables/useLoader';\nimport { useRtl } from '@cds/composables/useLocale';\nimport { useSize } from '@cds/composables/useSize';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { CdsTransitionExpandX } from '@cds/transitions';\nimport { classNames } from '@cds/utils';\nimport { computed, ref, toRef, unref, useAttrs, useId } from 'vue';\n\nimport { CdsDefaultsProvider } from '../CdsDefaultsProvider';\nimport { CdsProgressCircle } from '../CdsProgressCircle';\nimport { CdsFieldConstants } from './api/CdsField.constants';\nimport { defineCdsFieldProps } from './api/CdsField.props';\nimport type { CdsFieldEvents, CdsFieldSlots } from './api/CdsField.types';\n\ndefineOptions({\n  name: CdsFieldConstants.name,\n  inheritAttrs: false\n});\n\nconst _props = defineProps({\n  ...defineCdsFieldProps(),\n  id: String,\n  /**\n   * Резервирует место под подсказки и сообщения об ошибках под полем\n   * @en Reserves the space for hints and error messages under the field\n   */\n  details: Boolean,\n  ...defineFocusProps()\n});\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsFieldSlots>();\nconst attrs = useAttrs();\ndefineEmits([\"update:focused\", \"update:modelValue\", \"click:clear\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { loaderClasses } = useLoader(props);\nconst { focusClasses, isFocused, focus, blur } = useFocus(props);\nconst { sizeClasses, sizeStyles } = useSize(props);\nconst { rtlClasses } = useRtl();\nconst { CdsInputIcon } = useInputIcon(props);\n\nconst controlRef = ref<HTMLElement>();\n\nconst uid = useId();\nconst inputId = computed(() => props.id || `input-${uid}`);\nconst messagesId = toRef(() => (!props.details ? undefined : `${unref(inputId)}-messages`));\nconst isActive = toRef(() => props.dirty || props.active);\n\nconst color = computed(() => {\n  return props.error || props.disabled\n    ? undefined\n    : unref(isActive) && unref(isFocused)\n      ? props.activeColor\n      : props.color;\n});\nconst iconColor = computed(() => {\n  if (!props.iconColor) return undefined;\n  return props.iconColor === true ? unref(color) : props.iconColor;\n});\n\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.bgColor);\nconst { textColorClasses, textColorStyles } = useTextColor(color);\nconst { shadowBorderColorClasses, shadowBorderColorStyles } = useShadowBorderColor(color);\n\nconst size = computed(() => props.size || 'md');\n\nconst slotProps = computed<CdsInputDefaultSlot>(() => ({\n  isActive,\n  isFocused,\n  controlRef,\n  iconColor,\n  size,\n  blur,\n  focus\n}));\n\nfunction onClick(event: MouseEvent) {\n  if (event.target !== document.activeElement) {\n    event.preventDefault();\n  }\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsFieldConstants;\n\n  const hasClear = !!(props.clearable || slots.clear) && !props.disabled;\n  const hasCircleLoader = !!props.loading && props.loading === 'circle';\n  const hasPrepend = !!(slots['prepend-inner'] || props.prependInnerIcon);\n  const hasAppend = !!(slots['append-inner'] || props.appendInnerIcon || hasClear);\n\n  const loadingColor = props.error\n    ? 'status-danger-line'\n    : props.focused\n      ? props.activeColor\n        ? props.activeColor\n        : 'line-focus'\n      : typeof props.loading === 'string'\n        ? props.loading\n        : props.color;\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--active`]: unref(isActive),\n          [`${rootClass}--prepended`]: hasPrepend,\n          [`${rootClass}--appended`]: hasAppend,\n          [`${rootClass}--disabled`]: props.disabled,\n          [`${rootClass}--readonly`]: props.readonly,\n          [`${rootClass}--loading`]: props.loading,\n          [`${rootClass}--error`]: props.error,\n          [`${rootClass}--dirty`]: props.dirty,\n          [`${rootClass}--has-background`]: !!props.bgColor,\n          [`${rootClass}--persistent-clearable`]: props.persistentClearable,\n          [`${rootClass}--reverse`]: props.reverse,\n          [`${rootClass}--center-affix`]: props.centerAffix\n        },\n        unref(themeClasses),\n        unref(backgroundColorClasses),\n        unref(textColorClasses),\n        unref(shadowBorderColorClasses),\n        unref(focusClasses),\n        unref(loaderClasses),\n        unref(sizeClasses),\n        unref(rtlClasses),\n        props.class\n      )}\n      style={[\n        unref(backgroundColorStyles),\n        unref(textColorStyles),\n        unref(shadowBorderColorStyles),\n        unref(sizeStyles),\n        props.style\n      ]}\n      onClick={onClick}\n      {...attrs}\n    >\n      {!hasCircleLoader && (\n        <LoaderSlot\n          name={rootClass}\n          active={!!props.loading}\n          color={loadingColor}\n          size={unref(size)}\n          v-slots={{ default: slots.loader }}\n        />\n      )}\n\n      {hasPrepend && (\n        <div key=\"prepend\" class={`${rootClass}__prepend-inner`}>\n          {slots['prepend-inner']\n            ? slots['prepend-inner'](unref(slotProps))\n            : props.prependInnerIcon && (\n                <CdsInputIcon key=\"prepend-icon\" name=\"prependInner\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n\n      <div class={`${rootClass}__field`} data-no-activator=\"\">\n        {slots.default?.({\n          ...unref(slotProps),\n          props: {\n            id: unref(inputId),\n            class: `${rootClass}__input`,\n            'aria-describedby': unref(messagesId)\n          },\n          focus,\n          blur\n        }) ?? <div id={unref(inputId)} class={`${rootClass}__input`} aria-describedby={unref(messagesId)} />}\n      </div>\n\n      {hasClear && (\n        <CdsTransitionExpandX key=\"clear\">\n          <div\n            class={`${rootClass}__clearable`}\n            v-show={props.dirty}\n            onMousedown={(event: MouseEvent) => {\n              event.preventDefault();\n              event.stopPropagation();\n            }}\n          >\n            <CdsDefaultsProvider\n              defaults={{\n                CdsIcon: {\n                  icon: props.clearIcon,\n                  size: props.size\n                }\n              }}\n            >\n              {slots.clear ? (\n                slots.clear({\n                  ...unref(slotProps),\n                  props: {\n                    onFocus: focus,\n                    onBlur: blur,\n                    onClick: props['onClick:clear'],\n                    tabindex: -1\n                  }\n                })\n              ) : (\n                <CdsInputIcon name=\"clear\" size={unref(size)} onFocus={focus} onBlur={blur} tabindex={-1} />\n              )}\n            </CdsDefaultsProvider>\n          </div>\n        </CdsTransitionExpandX>\n      )}\n\n      {hasCircleLoader && (\n        <CdsTransitionExpandX key=\"loader\">\n          <div class={`${rootClass}__loader-circle`} v-show={props.loading}>\n            <CdsProgressCircle color={loadingColor} size={unref(size)} indeterminate width=\"2\" />\n          </div>\n        </CdsTransitionExpandX>\n      )}\n\n      {hasAppend && (\n        <div key=\"append\" class={`${rootClass}__append-inner`}>\n          {slots['append-inner']\n            ? slots['append-inner'](unref(slotProps))\n            : props.appendInnerIcon && (\n                <CdsInputIcon key=\"append-icon\" name=\"appendInner\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n    </div>\n  );\n});\n\ndefineExpose({\n  /**\n   * Ref-ссылка на контролл поля ввода\n   * @en Ref to the control of the input\n   */\n  controlRef,\n  /**\n   * Цвет иконки\n   * @en Icon color\n   */\n  fieldIconColor: iconColor\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","themeClasses","provideTheme","loaderClasses","useLoader","focusClasses","isFocused","focus","blur","useFocus","sizeClasses","sizeStyles","useSize","rtlClasses","useRtl","CdsInputIcon","useInputIcon","controlRef","ref","uid","useId","inputId","computed","id","messagesId","toRef","details","undefined","unref","isActive","dirty","active","color","error","disabled","activeColor","iconColor","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","bgColor","textColorClasses","textColorStyles","useTextColor","shadowBorderColorClasses","shadowBorderColorStyles","useShadowBorderColor","size","slotProps","onClick","event","target","document","activeElement","preventDefault","__expose","fieldIconColor","rootClass","CdsFieldConstants","hasClear","clearable","clear","hasCircleLoader","loading","hasPrepend","prependInnerIcon","hasAppend","appendInnerIcon","loadingColor","focused","_createVNode","_mergeProps","classNames","readonly","persistentClearable","reverse","centerAffix","class","style","LoaderSlot","default","loader","CdsTransitionExpandX","_withDirectives","stopPropagation","CdsDefaultsProvider","CdsIcon","icon","clearIcon","onFocus","onBlur","tabindex","_vShow","CdsProgressCircle"],"mappings":"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"}

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

@@ -11,39 +11,81 @@ import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsFieldProps = propsFactory(
   {
-    /** Активное состояние поля */
+    /**
+     * Активное состояние поля
+     * @en Active state of the field
+     */
     active: Boolean,
-    /** Состояние ошибки */
+    /**
+     * Состояние ошибки
+     * @en Error state
+     */
     error: Boolean,
-    /** Признак того, что значение поля было изменено пользователем */
+    /**
+     * Признак того, что значение поля было изменено пользователем
+     * @en Marks that the value of the field was changed by the user
+     */
     dirty: Boolean,
-    /** Обратный порядок расположения элементов внутри поля */
+    /**
+     * Обратный порядок расположения элементов внутри поля
+     * @en Reverses the order of the elements inside the field
+     */
     reverse: Boolean,
-    /** Отображать кнопку очистки значения */
+    /**
+     * Отображать кнопку очистки значения
+     * @en Shows the clear button
+     */
     clearable: Boolean,
-    /** Всегда отображать кнопку очистки, а не только при наведении или фокусе */
+    /**
+     * Всегда отображать кнопку очистки, а не только при наведении или фокусе
+     * @en Always show the clear button, not only on hover or focus
+     */
     persistentClearable: Boolean,
-    /** Цвет иконки. Принимает булево значение или строку с цветом */
+    /**
+     * Цвет иконки. Принимает булево значение или строку с цветом
+     * @en Icon color. Accepts a boolean or a color string
+     */
     iconColor: [Boolean, String],
-    /** Иконка во внутреннем слоте prepend перед содержимым поля */
+    /**
+     * Иконка во внутреннем слоте prepend перед содержимым поля
+     * @en Icon in the inner prepend slot, before the content of the field
+     */
     prependInnerIcon: IconValue,
-    /** Иконка во внутреннем слоте append после содержимого поля */
+    /**
+     * Иконка во внутреннем слоте append после содержимого поля
+     * @en Icon in the inner append slot, after the content of the field
+     */
     appendInnerIcon: IconValue,
-    /** Иконка кнопки очистки */
+    /**
+     * Иконка кнопки очистки
+     * @en Icon of the clear button
+     */
     clearIcon: {
       type: IconValue,
       default: "remove"
     },
-    /** Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру. */
+    /**
+     * Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру.
+     * @en Vertically center the appendInner, prependInner, clearIcon and label elements.
+     */
     centerAffix: {
       type: Boolean,
       default: void 0
     },
-    /** Обработчик клика по кнопке очистки */
+    /**
+     * Обработчик клика по кнопке очистки
+     * @en Handler for a click on the clear button
+     */
     "onClick:clear": EventProp(),
-    /** Обработчик клика по внутренней иконке append */
+    /**
+     * Обработчик клика по внутренней иконке append
+     * @en Handler for a click on the inner append icon
+     */
     "onClick:appendInner": EventProp(),
-    /** Обработчик клика по внутренней иконке prepend */
+    /**
+     * Обработчик клика по внутренней иконке prepend
+     * @en Handler for a click on the inner prepend icon
+     */
     "onClick:prependInner": EventProp(),
     ...defineComponentProps(),
     ...defineDisabledProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsField.props.js","sources":["../../../../../../src/components/CdsField/api/CdsField.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLoaderProps } from '@cds/composables/useLoader';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { EventProp } from '@cds/utils';\n\nimport { CdsFieldConstants } from './CdsField.constants';\n\nexport const defineCdsFieldProps = propsFactory(\n  {\n    /** Активное состояние поля */\n    active: Boolean,\n    /** Состояние ошибки */\n    error: Boolean,\n    /** Признак того, что значение поля было изменено пользователем */\n    dirty: Boolean,\n    /** Обратный порядок расположения элементов внутри поля */\n    reverse: Boolean,\n    /** Отображать кнопку очистки значения */\n    clearable: Boolean,\n    /** Всегда отображать кнопку очистки, а не только при наведении или фокусе */\n    persistentClearable: Boolean,\n    /** Цвет иконки. Принимает булево значение или строку с цветом */\n    iconColor: [Boolean, String],\n    /** Иконка во внутреннем слоте prepend перед содержимым поля */\n    prependInnerIcon: IconValue,\n    /** Иконка во внутреннем слоте append после содержимого поля */\n    appendInnerIcon: IconValue,\n    /** Иконка кнопки очистки */\n    clearIcon: {\n      type: IconValue,\n      default: 'remove'\n    },\n    /** Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру. */\n    centerAffix: {\n      type: Boolean,\n      default: undefined\n    },\n\n    /** Обработчик клика по кнопке очистки */\n    'onClick:clear': EventProp<[MouseEvent]>(),\n    /** Обработчик клика по внутренней иконке append */\n    'onClick:appendInner': EventProp<[MouseEvent]>(),\n    /** Обработчик клика по внутренней иконке prepend */\n    'onClick:prependInner': EventProp<[MouseEvent]>(),\n\n    ...defineComponentProps(),\n    ...defineDisabledProps(),\n    ...defineReadonlyProps(),\n    ...defineLoaderProps(),\n    ...defineColorProps(),\n    ...defineSizeProps(),\n    ...defineThemeProps()\n  },\n  CdsFieldConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,IAEE,QAAQ;AAAA;AAAA,IAER,OAAO;AAAA;AAAA,IAEP,OAAO;AAAA;AAAA,IAEP,SAAS;AAAA;AAAA,IAET,WAAW;AAAA;AAAA,IAEX,qBAAqB;AAAA;AAAA,IAErB,WAAW,CAAC,SAAS,MAAM;AAAA;AAAA,IAE3B,kBAAkB;AAAA;AAAA,IAElB,iBAAiB;AAAA;AAAA,IAEjB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAIX,iBAAiB,UAAA;AAAA;AAAA,IAEjB,uBAAuB,UAAA;AAAA;AAAA,IAEvB,wBAAwB,UAAA;AAAA,IAExB,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;"}
+{"version":3,"file":"CdsField.props.js","sources":["../../../../../../src/components/CdsField/api/CdsField.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLoaderProps } from '@cds/composables/useLoader';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { EventProp } from '@cds/utils';\n\nimport { CdsFieldConstants } from './CdsField.constants';\n\nexport const defineCdsFieldProps = propsFactory(\n  {\n    /**\n     * Активное состояние поля\n     * @en Active state of the field\n     */\n    active: Boolean,\n    /**\n     * Состояние ошибки\n     * @en Error state\n     */\n    error: Boolean,\n    /**\n     * Признак того, что значение поля было изменено пользователем\n     * @en Marks that the value of the field was changed by the user\n     */\n    dirty: Boolean,\n    /**\n     * Обратный порядок расположения элементов внутри поля\n     * @en Reverses the order of the elements inside the field\n     */\n    reverse: Boolean,\n    /**\n     * Отображать кнопку очистки значения\n     * @en Shows the clear button\n     */\n    clearable: Boolean,\n    /**\n     * Всегда отображать кнопку очистки, а не только при наведении или фокусе\n     * @en Always show the clear button, not only on hover or focus\n     */\n    persistentClearable: Boolean,\n    /**\n     * Цвет иконки. Принимает булево значение или строку с цветом\n     * @en Icon color. Accepts a boolean or a color string\n     */\n    iconColor: [Boolean, String],\n    /**\n     * Иконка во внутреннем слоте prepend перед содержимым поля\n     * @en Icon in the inner prepend slot, before the content of the field\n     */\n    prependInnerIcon: IconValue,\n    /**\n     * Иконка во внутреннем слоте append после содержимого поля\n     * @en Icon in the inner append slot, after the content of the field\n     */\n    appendInnerIcon: IconValue,\n    /**\n     * Иконка кнопки очистки\n     * @en Icon of the clear button\n     */\n    clearIcon: {\n      type: IconValue,\n      default: 'remove'\n    },\n    /**\n     * Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру.\n     * @en Vertically center the appendInner, prependInner, clearIcon and label elements.\n     */\n    centerAffix: {\n      type: Boolean,\n      default: undefined\n    },\n\n    /**\n     * Обработчик клика по кнопке очистки\n     * @en Handler for a click on the clear button\n     */\n    'onClick:clear': EventProp<[MouseEvent]>(),\n    /**\n     * Обработчик клика по внутренней иконке append\n     * @en Handler for a click on the inner append icon\n     */\n    'onClick:appendInner': EventProp<[MouseEvent]>(),\n    /**\n     * Обработчик клика по внутренней иконке prepend\n     * @en Handler for a click on the inner prepend icon\n     */\n    'onClick:prependInner': EventProp<[MouseEvent]>(),\n\n    ...defineComponentProps(),\n    ...defineDisabledProps(),\n    ...defineReadonlyProps(),\n    ...defineLoaderProps(),\n    ...defineColorProps(),\n    ...defineSizeProps(),\n    ...defineThemeProps()\n  },\n  CdsFieldConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrB,WAAW,CAAC,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3B,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,iBAAiB,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjB,uBAAuB,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKvB,wBAAwB,UAAA;AAAA,IAExB,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;"}

package/dist/es/src/components/CdsField/composables/useAutocomplete.js

@@ -6,6 +6,7 @@ const defineAutocompleteProps = propsFactory(
      * Помогает влиять на предложения браузера.
      * Значение «suppress» изменяет атрибут name полей, а значение «off» полагается на то, что браузер по собственной инициативе перестанет предлагать значения.
      * Любое другое значение передается встроенной функции автозаполнения для соответствующего элемента.
+     * @en Helps to influence browser suggestions. The `suppress` value changes the name attribute of the fields, and `off` relies on the browser to stop suggesting values on its own. Any other value is passed to the built-in autocomplete of the corresponding element.
      */
     autocomplete: String
   },

package/dist/es/src/components/CdsField/composables/useAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutocomplete.js","sources":["../../../../../../src/components/CdsField/composables/useAutocomplete.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport { type ExtractPublicPropTypes, type PropType, shallowRef, toRef, useId } from 'vue';\n\nexport const defineAutocompleteProps = propsFactory(\n  {\n    /**\n     * Помогает влиять на предложения браузера.\n     * Значение «suppress» изменяет атрибут name полей, а значение «off» полагается на то, что браузер по собственной инициативе перестанет предлагать значения.\n     * Любое другое значение передается встроенной функции автозаполнения для соответствующего элемента.\n     */\n    autocomplete: String as PropType<'suppress' | string>\n  },\n  'autocomplete'\n);\n\nexport interface InputAutocompleteProps extends ExtractPublicPropTypes<ReturnType<typeof defineAutocompleteProps>> {\n  name?: string;\n}\n\nexport function useAutocomplete(props: InputAutocompleteProps) {\n  const uniqueId = useId();\n  const reloadTrigger = shallowRef(0);\n\n  const isSuppressing = toRef(() => props.autocomplete === 'suppress');\n\n  const fieldName = toRef(() => {\n    if (!props.name) return undefined;\n\n    return isSuppressing.value ? `${props.name}-${uniqueId}-${reloadTrigger.value}` : props.name;\n  });\n\n  const fieldAutocomplete = toRef(() => {\n    return isSuppressing.value ? 'off' : props.autocomplete;\n  });\n\n  return {\n    isSuppressing,\n    fieldAutocomplete,\n    fieldName,\n    update: () => (reloadTrigger.value = new Date().getTime())\n  };\n}\n"],"names":[],"mappings":";;AAGO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAME,cAAc;AAAA,EAAA;AAAA,EAEhB;AACF;AAMO,SAAS,gBAAgB,OAA+B;AAC7D,QAAM,WAAW,MAAA;AACjB,QAAM,gBAAgB,WAAW,CAAC;AAElC,QAAM,gBAAgB,MAAM,MAAM,MAAM,iBAAiB,UAAU;AAEnE,QAAM,YAAY,MAAM,MAAM;AAC5B,QAAI,CAAC,MAAM,KAAM,QAAO;AAExB,WAAO,cAAc,QAAQ,GAAG,MAAM,IAAI,IAAI,QAAQ,IAAI,cAAc,KAAK,KAAK,MAAM;AAAA,EAC1F,CAAC;AAED,QAAM,oBAAoB,MAAM,MAAM;AACpC,WAAO,cAAc,QAAQ,QAAQ,MAAM;AAAA,EAC7C,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,MAAO,cAAc,SAAQ,oBAAI,KAAA,GAAO,QAAA;AAAA,EAAQ;AAE5D;"}
+{"version":3,"file":"useAutocomplete.js","sources":["../../../../../../src/components/CdsField/composables/useAutocomplete.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport { type ExtractPublicPropTypes, type PropType, shallowRef, toRef, useId } from 'vue';\n\nexport const defineAutocompleteProps = propsFactory(\n  {\n    /**\n     * Помогает влиять на предложения браузера.\n     * Значение «suppress» изменяет атрибут name полей, а значение «off» полагается на то, что браузер по собственной инициативе перестанет предлагать значения.\n     * Любое другое значение передается встроенной функции автозаполнения для соответствующего элемента.\n     * @en Helps to influence browser suggestions. The `suppress` value changes the name attribute of the fields, and `off` relies on the browser to stop suggesting values on its own. Any other value is passed to the built-in autocomplete of the corresponding element.\n     */\n    autocomplete: String as PropType<'suppress' | string>\n  },\n  'autocomplete'\n);\n\nexport interface InputAutocompleteProps extends ExtractPublicPropTypes<ReturnType<typeof defineAutocompleteProps>> {\n  name?: string;\n}\n\nexport function useAutocomplete(props: InputAutocompleteProps) {\n  const uniqueId = useId();\n  const reloadTrigger = shallowRef(0);\n\n  const isSuppressing = toRef(() => props.autocomplete === 'suppress');\n\n  const fieldName = toRef(() => {\n    if (!props.name) return undefined;\n\n    return isSuppressing.value ? `${props.name}-${uniqueId}-${reloadTrigger.value}` : props.name;\n  });\n\n  const fieldAutocomplete = toRef(() => {\n    return isSuppressing.value ? 'off' : props.autocomplete;\n  });\n\n  return {\n    isSuppressing,\n    fieldAutocomplete,\n    fieldName,\n    update: () => (reloadTrigger.value = new Date().getTime())\n  };\n}\n"],"names":[],"mappings":";;AAGO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOE,cAAc;AAAA,EAAA;AAAA,EAEhB;AACF;AAMO,SAAS,gBAAgB,OAA+B;AAC7D,QAAM,WAAW,MAAA;AACjB,QAAM,gBAAgB,WAAW,CAAC;AAElC,QAAM,gBAAgB,MAAM,MAAM,MAAM,iBAAiB,UAAU;AAEnE,QAAM,YAAY,MAAM,MAAM;AAC5B,QAAI,CAAC,MAAM,KAAM,QAAO;AAExB,WAAO,cAAc,QAAQ,GAAG,MAAM,IAAI,IAAI,QAAQ,IAAI,cAAc,KAAK,KAAK,MAAM;AAAA,EAC1F,CAAC;AAED,QAAM,oBAAoB,MAAM,MAAM;AACpC,WAAO,cAAc,QAAQ,QAAQ,MAAM;AAAA,EAC7C,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,MAAO,cAAc,SAAQ,oBAAI,KAAA,GAAO,QAAA;AAAA,EAAQ;AAE5D;"}

package/dist/es/src/components/CdsFileInput/CdsFileInput.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-file-input--hide.cds-input .cds-field,
   .cds-file-input--hide.cds-input .cds-input__control,

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

@@ -6,27 +6,51 @@ import { d as defineFileFilterProps } from "../composables/useFileFilter.js";
 import { C as CdsFileInputConstants } from "./CdsFileInput.constants.js";
 const defineCdsFileInputProps = propsFactory(
   {
-    /** Отображать выбранные файлы в виде тегов (CdsTag) вместо списка имён. */
+    /**
+     * Отображать выбранные файлы в виде тегов (CdsTag) вместо списка имён.
+     * @en Show the chosen files as tags (CdsTag) instead of a list of names.
+     */
     chips: Boolean,
-    /** Отображать счётчик количества (и, при `showSize`, суммарного размера) выбранных файлов. */
+    /**
+     * Отображать счётчик количества (и, при `showSize`, суммарного размера) выбранных файлов.
+     * @en Show a counter of the number (and, with `showSize`, of the total size) of the chosen files.
+     */
     counter: Boolean,
-    /** Ключ локализации для текста счётчика с размером файлов. */
+    /**
+     * Ключ локализации для текста счётчика с размером файлов.
+     * @en Localization key for the text of the counter with the file size.
+     */
     counterSizeString: {
       type: String,
       default: "$cds.fileInput.counterSize"
     },
-    /** Ключ локализации для текста счётчика количества файлов. */
+    /**
+     * Ключ локализации для текста счётчика количества файлов.
+     * @en Localization key for the text of the file count counter.
+     */
     counterString: {
       type: String,
       default: "$cds.fileInput.counter"
     },
-    /** Скрыть поле ввода, оставив только иконку prepend (например, для использования как кнопки). */
+    /**
+     * Скрыть поле ввода, оставив только иконку prepend (например, для использования как кнопки).
+     * @en Hide the field, leaving only the prepend icon (to use it as a button, for example).
+     */
     hideInput: Boolean,
-    /** Текст-заполнитель, отображаемый в пустом поле (когда файлы ещё не выбраны). */
+    /**
+     * Текст-заполнитель, отображаемый в пустом поле (когда файлы ещё не выбраны).
+     * @en Placeholder text shown in an empty field (while no files are chosen yet).
+     */
     placeholder: String,
-    /** Разрешить выбор нескольких файлов. */
+    /**
+     * Разрешить выбор нескольких файлов.
+     * @en Allow selecting several files.
+     */
     multiple: Boolean,
-    /** Отображать размер выбранных файлов. Булево значение или основание счисления: 1000 (kB) или 1024 (KiB). */
+    /**
+     * Отображать размер выбранных файлов. Булево значение или основание счисления: 1000 (kB) или 1024 (KiB).
+     * @en Show the size of the chosen files. A boolean or the base: 1000 (kB) or 1024 (KiB).
+     */
     showSize: {
       type: [Boolean, Number, String],
       default: false,
@@ -34,12 +58,18 @@ const defineCdsFileInputProps = propsFactory(
         return typeof value === "boolean" || [1e3, 1024].includes(Number(value));
       }
     },
-    /** Максимальная длина имени файла до усечения (символы в начале и конце сохраняются). */
+    /**
+     * Максимальная длина имени файла до усечения (символы в начале и конце сохраняются).
+     * @en Maximum length of a file name before it is truncated (the characters at the start and at the end are kept).
+     */
     truncateLength: {
       type: [Number, String],
       default: 22
     },
-    /** Значение модели: массив файлов (при `multiple`), один файл или `null`. */
+    /**
+     * Значение модели: массив файлов (при `multiple`), один файл или `null`.
+     * @en Value of the model: an array of files (with `multiple`), a single file or `null`.
+     */
     modelValue: {
       type: [Array, Object],
       default: (props) => props.multiple ? [] : null,

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

@@ -1 +1 @@
-{"version":3,"file":"CdsFileInput.props.js","sources":["../../../../../../src/components/CdsFileInput/api/CdsFileInput.props.ts"],"sourcesContent":["import { defineCdsFieldProps } from '@cds/components/CdsField/api/CdsField.props';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { propsFactory } from '@cds/core';\nimport { omit, wrapInArray } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { defineFileFilterProps } from '../composables/useFileFilter';\nimport { CdsFileInputConstants } from './CdsFileInput.constants';\n\nexport const defineCdsFileInputProps = propsFactory(\n  {\n    /** Отображать выбранные файлы в виде тегов (CdsTag) вместо списка имён. */\n    chips: Boolean,\n    /** Отображать счётчик количества (и, при `showSize`, суммарного размера) выбранных файлов. */\n    counter: Boolean,\n    /** Ключ локализации для текста счётчика с размером файлов. */\n    counterSizeString: {\n      type: String,\n      default: '$cds.fileInput.counterSize'\n    },\n    /** Ключ локализации для текста счётчика количества файлов. */\n    counterString: {\n      type: String,\n      default: '$cds.fileInput.counter'\n    },\n    /** Скрыть поле ввода, оставив только иконку prepend (например, для использования как кнопки). */\n    hideInput: Boolean,\n    /** Текст-заполнитель, отображаемый в пустом поле (когда файлы ещё не выбраны). */\n    placeholder: String,\n    /** Разрешить выбор нескольких файлов. */\n    multiple: Boolean,\n    /** Отображать размер выбранных файлов. Булево значение или основание счисления: 1000 (kB) или 1024 (KiB). */\n    showSize: {\n      type: [Boolean, Number, String] as PropType<boolean | 1000 | 1024>,\n      default: false,\n      validator: (value: boolean | number) => {\n        return typeof value === 'boolean' || [1000, 1024].includes(Number(value));\n      }\n    },\n    /** Максимальная длина имени файла до усечения (символы в начале и конце сохраняются). */\n    truncateLength: {\n      type: [Number, String],\n      default: 22\n    },\n\n    /** Значение модели: массив файлов (при `multiple`), один файл или `null`. */\n    modelValue: {\n      type: [Array, Object] as PropType<File[] | File | null>,\n      default: (props: any) => (props.multiple ? [] : null),\n      validator: (value: any) => {\n        return wrapInArray(value).every((file) => file != null && typeof file === 'object');\n      }\n    },\n\n    ...defineFileFilterProps(),\n    ...omit(defineCdsInputProps({ prependIcon: 'upload' }), ['direction', 'modelValue']),\n    ...defineCdsFieldProps({ clearable: true })\n  },\n  CdsFileInputConstants.name\n);\n"],"names":[],"mappings":";;;;;;AASO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA,IAEE,OAAO;AAAA;AAAA,IAEP,SAAS;AAAA;AAAA,IAET,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,WAAW;AAAA;AAAA,IAEX,aAAa;AAAA;AAAA,IAEb,UAAU;AAAA;AAAA,IAEV,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,MAC9B,SAAS;AAAA,MACT,WAAW,CAAC,UAA4B;AACtC,eAAO,OAAO,UAAU,aAAa,CAAC,KAAM,IAAI,EAAE,SAAS,OAAO,KAAK,CAAC;AAAA,MAC1E;AAAA,IAAA;AAAA;AAAA,IAGF,gBAAgB;AAAA,MACd,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAIX,YAAY;AAAA,MACV,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS,CAAC,UAAgB,MAAM,WAAW,CAAA,IAAK;AAAA,MAChD,WAAW,CAAC,UAAe;AACzB,eAAO,YAAY,KAAK,EAAE,MAAM,CAAC,SAAS,QAAQ,QAAQ,OAAO,SAAS,QAAQ;AAAA,MACpF;AAAA,IAAA;AAAA,IAGF,GAAG,sBAAA;AAAA,IACH,GAAG,KAAK,oBAAoB,EAAE,aAAa,SAAA,CAAU,GAAG,CAAC,aAAa,YAAY,CAAC;AAAA,IACnF,GAAG,oBAAoB,EAAE,WAAW,MAAM;AAAA,EAAA;AAAA,EAE5C,sBAAsB;AACxB;"}
+{"version":3,"file":"CdsFileInput.props.js","sources":["../../../../../../src/components/CdsFileInput/api/CdsFileInput.props.ts"],"sourcesContent":["import { defineCdsFieldProps } from '@cds/components/CdsField/api/CdsField.props';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { propsFactory } from '@cds/core';\nimport { omit, wrapInArray } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { defineFileFilterProps } from '../composables/useFileFilter';\nimport { CdsFileInputConstants } from './CdsFileInput.constants';\n\nexport const defineCdsFileInputProps = propsFactory(\n  {\n    /**\n     * Отображать выбранные файлы в виде тегов (CdsTag) вместо списка имён.\n     * @en Show the chosen files as tags (CdsTag) instead of a list of names.\n     */\n    chips: Boolean,\n    /**\n     * Отображать счётчик количества (и, при `showSize`, суммарного размера) выбранных файлов.\n     * @en Show a counter of the number (and, with `showSize`, of the total size) of the chosen files.\n     */\n    counter: Boolean,\n    /**\n     * Ключ локализации для текста счётчика с размером файлов.\n     * @en Localization key for the text of the counter with the file size.\n     */\n    counterSizeString: {\n      type: String,\n      default: '$cds.fileInput.counterSize'\n    },\n    /**\n     * Ключ локализации для текста счётчика количества файлов.\n     * @en Localization key for the text of the file count counter.\n     */\n    counterString: {\n      type: String,\n      default: '$cds.fileInput.counter'\n    },\n    /**\n     * Скрыть поле ввода, оставив только иконку prepend (например, для использования как кнопки).\n     * @en Hide the field, leaving only the prepend icon (to use it as a button, for example).\n     */\n    hideInput: Boolean,\n    /**\n     * Текст-заполнитель, отображаемый в пустом поле (когда файлы ещё не выбраны).\n     * @en Placeholder text shown in an empty field (while no files are chosen yet).\n     */\n    placeholder: String,\n    /**\n     * Разрешить выбор нескольких файлов.\n     * @en Allow selecting several files.\n     */\n    multiple: Boolean,\n    /**\n     * Отображать размер выбранных файлов. Булево значение или основание счисления: 1000 (kB) или 1024 (KiB).\n     * @en Show the size of the chosen files. A boolean or the base: 1000 (kB) or 1024 (KiB).\n     */\n    showSize: {\n      type: [Boolean, Number, String] as PropType<boolean | 1000 | 1024>,\n      default: false,\n      validator: (value: boolean | number) => {\n        return typeof value === 'boolean' || [1000, 1024].includes(Number(value));\n      }\n    },\n    /**\n     * Максимальная длина имени файла до усечения (символы в начале и конце сохраняются).\n     * @en Maximum length of a file name before it is truncated (the characters at the start and at the end are kept).\n     */\n    truncateLength: {\n      type: [Number, String],\n      default: 22\n    },\n\n    /**\n     * Значение модели: массив файлов (при `multiple`), один файл или `null`.\n     * @en Value of the model: an array of files (with `multiple`), a single file or `null`.\n     */\n    modelValue: {\n      type: [Array, Object] as PropType<File[] | File | null>,\n      default: (props: any) => (props.multiple ? [] : null),\n      validator: (value: any) => {\n        return wrapInArray(value).every((file) => file != null && typeof file === 'object');\n      }\n    },\n\n    ...defineFileFilterProps(),\n    ...omit(defineCdsInputProps({ prependIcon: 'upload' }), ['direction', 'modelValue']),\n    ...defineCdsFieldProps({ clearable: true })\n  },\n  CdsFileInputConstants.name\n);\n"],"names":[],"mappings":";;;;;;AASO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,MAC9B,SAAS;AAAA,MACT,WAAW,CAAC,UAA4B;AACtC,eAAO,OAAO,UAAU,aAAa,CAAC,KAAM,IAAI,EAAE,SAAS,OAAO,KAAK,CAAC;AAAA,MAC1E;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMF,gBAAgB;AAAA,MACd,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,YAAY;AAAA,MACV,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS,CAAC,UAAgB,MAAM,WAAW,CAAA,IAAK;AAAA,MAChD,WAAW,CAAC,UAAe;AACzB,eAAO,YAAY,KAAK,EAAE,MAAM,CAAC,SAAS,QAAQ,QAAQ,OAAO,SAAS,QAAQ;AAAA,MACpF;AAAA,IAAA;AAAA,IAGF,GAAG,sBAAA;AAAA,IACH,GAAG,KAAK,oBAAoB,EAAE,aAAa,SAAA,CAAU,GAAG,CAAC,aAAa,YAAY,CAAC;AAAA,IACnF,GAAG,oBAAoB,EAAE,WAAW,MAAM;AAAA,EAAA;AAAA,EAE5C,sBAAsB;AACxB;"}

package/dist/es/src/components/CdsFileInput/composables/useFileFilter.js

@@ -2,7 +2,10 @@ import { p as propsFactory } from "../../../core/propsFactory.js";
 import { computed } from "vue";
 const defineFileFilterProps = propsFactory(
   {
-    /** Фильтрация файлов по MIME-типу или расширению (например `image/*,.pdf`). Отклонённые файлы не попадают в модель. */
+    /**
+     * Фильтрация файлов по MIME-типу или расширению (например `image/*,.pdf`). Отклонённые файлы не попадают в модель.
+     * @en Filtering of files by MIME type or extension (`image/*,.pdf`, for example). The rejected files do not get into the model.
+     */
     filterByType: String
   },
   "file-filter"

package/dist/es/src/components/CdsFileInput/composables/useFileFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileFilter.js","sources":["../../../../../../src/components/CdsFileInput/composables/useFileFilter.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport { computed } from 'vue';\n\nexport interface FileFilterProps {\n  filterByType?: string;\n}\n\nexport interface FileFilterResult {\n  accepted: File[];\n  rejected: File[];\n}\n\nexport const defineFileFilterProps = propsFactory(\n  {\n    /** Фильтрация файлов по MIME-типу или расширению (например `image/*,.pdf`). Отклонённые файлы не попадают в модель. */\n    filterByType: String\n  },\n  'file-filter'\n);\n\n/**\n * Фильтрует список файлов по MIME-типам, wildcard-типам (`image/*`) и расширениям (`.pdf`),\n * переданным в `filterByType`. Возвращает функцию, разделяющую файлы на принятые и отклонённые.\n */\nexport function useFileFilter(props: FileFilterProps) {\n  const fileFilter = computed(() => (props.filterByType ? createFilter(props.filterByType) : null));\n\n  function filterAccepted(files: File[]): FileFilterResult {\n    if (fileFilter.value) {\n      const accepted = files.filter(fileFilter.value);\n\n      return {\n        accepted,\n        rejected: files.filter((file) => !accepted.includes(file))\n      };\n    }\n\n    return {\n      accepted: files,\n      rejected: []\n    };\n  }\n\n  return {\n    filterAccepted\n  };\n}\n\nfunction createFilter(value: string): (file: File) => boolean {\n  const types = value.split(',').map((type) => type.trim().toLowerCase());\n  const extensionsToMatch = types.filter((type) => type.startsWith('.'));\n  const wildcards = types.filter((type) => type.endsWith('/*'));\n  const typesToMatch = types.filter((type) => !extensionsToMatch.includes(type) && !wildcards.includes(type));\n\n  return (file: File): boolean => {\n    const extension = file.name.split('.').at(-1)?.toLowerCase() ?? '';\n    const typeGroup = file.type.split('/').at(0)?.toLowerCase() ?? '';\n\n    return (\n      typesToMatch.includes(file.type) ||\n      extensionsToMatch.includes(`.${extension}`) ||\n      wildcards.includes(`${typeGroup}/*`)\n    );\n  };\n}\n"],"names":[],"mappings":";;AAYO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA,IAEE,cAAc;AAAA,EAAA;AAAA,EAEhB;AACF;AAMO,SAAS,cAAc,OAAwB;AACpD,QAAM,aAAa,SAAS,MAAO,MAAM,eAAe,aAAa,MAAM,YAAY,IAAI,IAAK;AAEhG,WAAS,eAAe,OAAiC;AACvD,QAAI,WAAW,OAAO;AACpB,YAAM,WAAW,MAAM,OAAO,WAAW,KAAK;AAE9C,aAAO;AAAA,QACL;AAAA,QACA,UAAU,MAAM,OAAO,CAAC,SAAS,CAAC,SAAS,SAAS,IAAI,CAAC;AAAA,MAAA;AAAA,IAE7D;AAEA,WAAO;AAAA,MACL,UAAU;AAAA,MACV,UAAU,CAAA;AAAA,IAAC;AAAA,EAEf;AAEA,SAAO;AAAA,IACL;AAAA,EAAA;AAEJ;AAEA,SAAS,aAAa,OAAwC;AAC5D,QAAM,QAAQ,MAAM,MAAM,GAAG,EAAE,IAAI,CAAC,SAAS,KAAK,KAAA,EAAO,YAAA,CAAa;AACtE,QAAM,oBAAoB,MAAM,OAAO,CAAC,SAAS,KAAK,WAAW,GAAG,CAAC;AACrE,QAAM,YAAY,MAAM,OAAO,CAAC,SAAS,KAAK,SAAS,IAAI,CAAC;AAC5D,QAAM,eAAe,MAAM,OAAO,CAAC,SAAS,CAAC,kBAAkB,SAAS,IAAI,KAAK,CAAC,UAAU,SAAS,IAAI,CAAC;AAE1G,SAAO,CAAC,SAAwB;;AAC9B,UAAM,cAAY,UAAK,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE,MAA1B,mBAA6B,kBAAiB;AAChE,UAAM,cAAY,UAAK,KAAK,MAAM,GAAG,EAAE,GAAG,CAAC,MAAzB,mBAA4B,kBAAiB;AAE/D,WACE,aAAa,SAAS,KAAK,IAAI,KAC/B,kBAAkB,SAAS,IAAI,SAAS,EAAE,KAC1C,UAAU,SAAS,GAAG,SAAS,IAAI;AAAA,EAEvC;AACF;"}
+{"version":3,"file":"useFileFilter.js","sources":["../../../../../../src/components/CdsFileInput/composables/useFileFilter.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport { computed } from 'vue';\n\nexport interface FileFilterProps {\n  filterByType?: string;\n}\n\nexport interface FileFilterResult {\n  accepted: File[];\n  rejected: File[];\n}\n\nexport const defineFileFilterProps = propsFactory(\n  {\n    /**\n     * Фильтрация файлов по MIME-типу или расширению (например `image/*,.pdf`). Отклонённые файлы не попадают в модель.\n     * @en Filtering of files by MIME type or extension (`image/*,.pdf`, for example). The rejected files do not get into the model.\n     */\n    filterByType: String\n  },\n  'file-filter'\n);\n\n/**\n * Фильтрует список файлов по MIME-типам, wildcard-типам (`image/*`) и расширениям (`.pdf`),\n * переданным в `filterByType`. Возвращает функцию, разделяющую файлы на принятые и отклонённые.\n */\nexport function useFileFilter(props: FileFilterProps) {\n  const fileFilter = computed(() => (props.filterByType ? createFilter(props.filterByType) : null));\n\n  function filterAccepted(files: File[]): FileFilterResult {\n    if (fileFilter.value) {\n      const accepted = files.filter(fileFilter.value);\n\n      return {\n        accepted,\n        rejected: files.filter((file) => !accepted.includes(file))\n      };\n    }\n\n    return {\n      accepted: files,\n      rejected: []\n    };\n  }\n\n  return {\n    filterAccepted\n  };\n}\n\nfunction createFilter(value: string): (file: File) => boolean {\n  const types = value.split(',').map((type) => type.trim().toLowerCase());\n  const extensionsToMatch = types.filter((type) => type.startsWith('.'));\n  const wildcards = types.filter((type) => type.endsWith('/*'));\n  const typesToMatch = types.filter((type) => !extensionsToMatch.includes(type) && !wildcards.includes(type));\n\n  return (file: File): boolean => {\n    const extension = file.name.split('.').at(-1)?.toLowerCase() ?? '';\n    const typeGroup = file.type.split('/').at(0)?.toLowerCase() ?? '';\n\n    return (\n      typesToMatch.includes(file.type) ||\n      extensionsToMatch.includes(`.${extension}`) ||\n      wildcards.includes(`${typeGroup}/*`)\n    );\n  };\n}\n"],"names":[],"mappings":";;AAYO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,cAAc;AAAA,EAAA;AAAA,EAEhB;AACF;AAMO,SAAS,cAAc,OAAwB;AACpD,QAAM,aAAa,SAAS,MAAO,MAAM,eAAe,aAAa,MAAM,YAAY,IAAI,IAAK;AAEhG,WAAS,eAAe,OAAiC;AACvD,QAAI,WAAW,OAAO;AACpB,YAAM,WAAW,MAAM,OAAO,WAAW,KAAK;AAE9C,aAAO;AAAA,QACL;AAAA,QACA,UAAU,MAAM,OAAO,CAAC,SAAS,CAAC,SAAS,SAAS,IAAI,CAAC;AAAA,MAAA;AAAA,IAE7D;AAEA,WAAO;AAAA,MACL,UAAU;AAAA,MACV,UAAU,CAAA;AAAA,IAAC;AAAA,EAEf;AAEA,SAAO;AAAA,IACL;AAAA,EAAA;AAEJ;AAEA,SAAS,aAAa,OAAwC;AAC5D,QAAM,QAAQ,MAAM,MAAM,GAAG,EAAE,IAAI,CAAC,SAAS,KAAK,KAAA,EAAO,YAAA,CAAa;AACtE,QAAM,oBAAoB,MAAM,OAAO,CAAC,SAAS,KAAK,WAAW,GAAG,CAAC;AACrE,QAAM,YAAY,MAAM,OAAO,CAAC,SAAS,KAAK,SAAS,IAAI,CAAC;AAC5D,QAAM,eAAe,MAAM,OAAO,CAAC,SAAS,CAAC,kBAAkB,SAAS,IAAI,KAAK,CAAC,UAAU,SAAS,IAAI,CAAC;AAE1G,SAAO,CAAC,SAAwB;;AAC9B,UAAM,cAAY,UAAK,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE,MAA1B,mBAA6B,kBAAiB;AAChE,UAAM,cAAY,UAAK,KAAK,MAAM,GAAG,EAAE,GAAG,CAAC,MAAzB,mBAA4B,kBAAiB;AAE/D,WACE,aAAa,SAAS,KAAK,IAAI,KAC/B,kBAAkB,SAAS,IAAI,SAAS,EAAE,KAC1C,UAAU,SAAS,GAAG,SAAS,IAAI;AAAA,EAEvC;AACF;"}

package/dist/es/src/components/CdsFileUpload/CdsFileUpload.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-file-upload .cds-input__control {
     flex-direction: column;

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

@@ -125,6 +125,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       unref(inputRef).value = "";
     }
     __expose(forwardRefs({
+      /**
+       * Ссылка на нативный элемент `input[type=file]` — для программного открытия диалога выбора файлов.
+       * @en Ref to the native `input[type=file]` element — for opening the file dialog programmatically.
+       */
       controlRef: inputRef
     }, cdsInputRef, dropzoneRef));
     return () => {