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

@central-design-system/components 4.0.0-alpha.3 → 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 (1190) hide show

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

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

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

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

	@@ -1 +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;"}
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 /*\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 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-file-upload .cds-input__control {
     flex-direction: column;

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

@@ -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 () => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsFileUpload.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsFileUpload/CdsFileUpload.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsFileUpload.scss';\n\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { useFileFilter } from '@cds/components/CdsFileInput/composables/useFileFilter';\nimport { CdsInput } from '@cds/components/CdsInput';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { useFocus } from '@cds/composables/useFocus';\nimport { useForm } from '@cds/composables/useForm';\nimport { LoaderSlot, useLoader } from '@cds/composables/useLoader';\nimport { filterProps, forwardRefs, useDefaults, useProxyModel } from '@cds/core';\nimport { classNames, filterInputAttrs, omit, wrapInArray } from '@cds/utils';\nimport { computed, provide, ref, shallowRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsFileUploadConstants, CdsFileUploadSymbol } from './api/CdsFileUpload.constants';\nimport { defineCdsFileUploadDropzoneProps, defineCdsFileUploadProps } from './api/CdsFileUpload.props';\nimport type { CdsFileUploadEvents, CdsFileUploadSlots } from './api/CdsFileUpload.types';\nimport CdsFileUploadDropzone from './CdsFileUploadDropzone.vue';\nimport CdsFileUploadList from './CdsFileUploadList.vue';\n\ndefineOptions({\n name: CdsFileUploadConstants.name,\n inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsFileUploadProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsFileUploadSlots>();\nconst emit = defineEmits([\"update:modelValue\", \"update:focused\", \"rejected\"]);\nconst attrs = useAttrs();\n\nconst { filterAccepted } = useFileFilter(props);\nconst { isFocused } = useFocus(props);\nconst { loaderClasses } = useLoader(props);\nconst form = useForm(props);\n\nconst model = useProxyModel(\n props,\n 'modelValue',\n props.modelValue,\n (value) => wrapInArray(value),\n (value) => (props.multiple \|\| Array.isArray(props.modelValue) ? value : value[0])\n);\n\nconst cdsInputRef = ref<InstanceType<typeof CdsInput>>();\nconst dropzoneRef = ref<InstanceType<typeof CdsFileUploadDropzone>>();\nconst inputRef = ref<HTMLInputElement>();\nconst loadingColor = shallowRef<string>();\n\nconst isError = computed(() => unref(cdsInputRef)?.isValid === false);\nconst isInteractive = computed(() => !unref(form.isDisabled) && !unref(form.isReadonly));\n\nwatch(\n () => props.loading,\n (value, old) => {\n loadingColor.value = !value && typeof old === 'string' ? old : typeof value === 'boolean' ? undefined : value;\n },\n { immediate: true }\n);\n\nprovide(CdsFileUploadSymbol, {\n files: model,\n disabled: form.isDisabled,\n readonly: form.isReadonly,\n error: isError,\n onDrop,\n onClickBrowse: onClick,\n onClickRemove\n});\n\nwatch(model, (newValue) => {\n const hasModelReset = !Array.isArray(newValue) \|\| !newValue.length;\n\n // Сброс модели снаружи должен очищать и нативный input, иначе повторный выбор\n // того же файла не вызовет событие `change`.\n if (hasModelReset && unref(inputRef)) {\n unref(inputRef)!.value = '';\n }\n});\n\nfunction onDrop(files: File[]) {\n if (!unref(isInteractive)) return;\n\n selectAccepted(files);\n}\n\nfunction onFileSelection(event: Event) {\n if (!event.target \|\| (event as any).repack) return;\n\n const target = event.target as HTMLInputElement;\n const selectedFiles = [...(target.files ?? [])];\n\n if (!selectedFiles.length) return;\n\n if (!props.filterByType) {\n model.value = props.multiple ? [...unref(model), ...selectedFiles] : selectedFiles;\n } else {\n selectAccepted(selectedFiles);\n }\n}\n\nfunction selectAccepted(files: File[]) {\n const dataTransfer = new DataTransfer();\n const { accepted, rejected } = filterAccepted(files);\n\n if (rejected.length) {\n emit('rejected', rejected);\n }\n\n for (const file of accepted) {\n dataTransfer.items.add(file);\n }\n\n unref(inputRef)!.files = dataTransfer.files;\n\n const newFiles = [...dataTransfer.files];\n model.value = props.multiple ? [...unref(model), ...newFiles] : newFiles;\n\n // `repack` помечает синтетическое событие, чтобы `onFileSelection` не зациклился.\n const event = new Event('change', { bubbles: true }) as any;\n event.repack = true;\n unref(inputRef)!.dispatchEvent(event);\n}\n\nfunction onClick() {\n if (!unref(isInteractive)) return;\n\n unref(inputRef)?.click();\n}\n\nfunction onClickRemove(index: number) {\n if (!unref(isInteractive)) return;\n\n const newValue = unref(model).filter((_, i) => i !== index);\n model.value = newValue;\n\n if (newValue.length > 0 \|\| !unref(inputRef)) return;\n\n unref(inputRef)!.value = '';\n}\n\ndefineRender(() => {\n const { rootClass } = CdsFileUploadConstants;\n const inputProps = omit(filterProps(defineCdsInputProps, props), ['modelValue']);\n const dropzoneProps = omit(filterProps(defineCdsFileUploadDropzoneProps, props), ['modelValue']);\n const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);\n\n const expectsDirectory = attrs.webkitdirectory !== undefined && attrs.webkitdirectory !== false;\n const acceptFallback = attrs.accept ? String(attrs.accept) : undefined;\n const inputAccept = expectsDirectory ? undefined : (props.filterByType ?? acceptFallback);\n\n const inputNode = (\n <input\n ref={inputRef}\n type=\"file\"\n accept={inputAccept}\n disabled={props.disabled ?? undefined}\n multiple={props.multiple}\n name={props.name}\n onChange={onFileSelection}\n {...inputAttrs}\n />\n );\n\n return (\n <CdsInput\n ref={cdsInputRef}\n modelValue={props.multiple ? unref(model) : unref(model)[0]}\n onUpdate:modelValue={(value: unknown) => {\n if (value == null \|\| (Array.isArray(value) && !value.length)) {\n model.value = [];\n }\n }}\n class={classNames(rootClass, unref(loaderClasses), props.class)}\n style={props.style}\n {...rootAttrs}\n {...inputProps}\n focused={unref(isFocused)}\n >\n {{\n ...slots,\n default: () => (\n <>\n {slots.default ? (\n <>\n {slots.default()}\n\n <input\n ref={inputRef}\n type=\"file\"\n accept={inputAccept}\n disabled={props.disabled ?? undefined}\n multiple={props.multiple}\n name={props.name}\n style=\"display: none;\"\n onChange={onFileSelection}\n {...inputAttrs}\n />\n </>\n ) : (\n <CdsFileUploadDropzone ref={dropzoneRef} {...dropzoneProps}>\n {{\n browse: slots.browse,\n icon: slots.icon,\n title: slots.title,\n divider: slots.divider,\n single: slots.single,\n item: slots.item,\n input: () => slots.input?.({ inputNode }) ?? inputNode,\n loader: () => (\n <LoaderSlot\n name={rootClass}\n active={!!props.loading}\n color={unref(loadingColor)}\n v-slots={{ default: slots.loader }}\n />\n )\n }}\n </CdsFileUploadDropzone>\n )}\n\n {!slots.default && !props.insetFileList && (\n <CdsDefaultsProvider\n defaults={{\n CdsFileUploadList: {\n clearable: props.clearable,\n showSize: props.showSize\n }\n }}\n >\n <CdsFileUploadList>{{ item: slots.item }}</CdsFileUploadList>\n </CdsDefaultsProvider>\n )}\n </>\n )\n }}\n </CdsInput>\n );\n});\n\ndefineExpose(forwardRefs({ controlRef: inputRef }, cdsInputRef, dropzoneRef));\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","filterAccepted","useFileFilter","isFocused","useFocus","loaderClasses","useLoader","form","useForm","model","useProxyModel","modelValue","value","wrapInArray","multiple","Array","isArray","cdsInputRef","ref","dropzoneRef","inputRef","loadingColor","shallowRef","isError","computed","unref","isValid","isInteractive","isDisabled","isReadonly","watch","loading","old","undefined","immediate","provide","CdsFileUploadSymbol","files","disabled","readonly","error","onDrop","onClickBrowse","onClick","onClickRemove","newValue","hasModelReset","length","selectAccepted","onFileSelection","event","target","repack","selectedFiles","filterByType","dataTransfer","DataTransfer","accepted","rejected","file","items","add","newFiles","Event","bubbles","dispatchEvent","click","index","filter","_","i","__expose","forwardRefs","controlRef","rootClass","CdsFileUploadConstants","inputProps","omit","filterProps","defineCdsInputProps","dropzoneProps","defineCdsFileUploadDropzoneProps","rootAttrs","inputAttrs","filterInputAttrs","expectsDirectory","webkitdirectory","acceptFallback","accept","String","inputAccept","inputNode","_createVNode","_mergeProps","name","CdsInput","classNames","class","style","default","_Fragment","CdsFileUploadDropzone","browse","icon","title","divider","single","item","input","loader","LoaderSlot","insetFileList","CdsDefaultsProvider","CdsFileUploadList","clearable","showSize"],"mappings":"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"}
1	+ {"version":3,"file":"CdsFileUpload.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsFileUpload/CdsFileUpload.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsFileUpload.scss';\n\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { useFileFilter } from '@cds/components/CdsFileInput/composables/useFileFilter';\nimport { CdsInput } from '@cds/components/CdsInput';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { useFocus } from '@cds/composables/useFocus';\nimport { useForm } from '@cds/composables/useForm';\nimport { LoaderSlot, useLoader } from '@cds/composables/useLoader';\nimport { filterProps, forwardRefs, useDefaults, useProxyModel } from '@cds/core';\nimport { classNames, filterInputAttrs, omit, wrapInArray } from '@cds/utils';\nimport { computed, provide, ref, shallowRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsFileUploadConstants, CdsFileUploadSymbol } from './api/CdsFileUpload.constants';\nimport { defineCdsFileUploadDropzoneProps, defineCdsFileUploadProps } from './api/CdsFileUpload.props';\nimport type { CdsFileUploadEvents, CdsFileUploadSlots } from './api/CdsFileUpload.types';\nimport CdsFileUploadDropzone from './CdsFileUploadDropzone.vue';\nimport CdsFileUploadList from './CdsFileUploadList.vue';\n\ndefineOptions({\n name: CdsFileUploadConstants.name,\n inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsFileUploadProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsFileUploadSlots>();\nconst emit = defineEmits([\"update:modelValue\", \"update:focused\", \"rejected\"]);\nconst attrs = useAttrs();\n\nconst { filterAccepted } = useFileFilter(props);\nconst { isFocused } = useFocus(props);\nconst { loaderClasses } = useLoader(props);\nconst form = useForm(props);\n\nconst model = useProxyModel(\n props,\n 'modelValue',\n props.modelValue,\n (value) => wrapInArray(value),\n (value) => (props.multiple \|\| Array.isArray(props.modelValue) ? value : value[0])\n);\n\nconst cdsInputRef = ref<InstanceType<typeof CdsInput>>();\nconst dropzoneRef = ref<InstanceType<typeof CdsFileUploadDropzone>>();\nconst inputRef = ref<HTMLInputElement>();\nconst loadingColor = shallowRef<string>();\n\nconst isError = computed(() => unref(cdsInputRef)?.isValid === false);\nconst isInteractive = computed(() => !unref(form.isDisabled) && !unref(form.isReadonly));\n\nwatch(\n () => props.loading,\n (value, old) => {\n loadingColor.value = !value && typeof old === 'string' ? old : typeof value === 'boolean' ? undefined : value;\n },\n { immediate: true }\n);\n\nprovide(CdsFileUploadSymbol, {\n files: model,\n disabled: form.isDisabled,\n readonly: form.isReadonly,\n error: isError,\n onDrop,\n onClickBrowse: onClick,\n onClickRemove\n});\n\nwatch(model, (newValue) => {\n const hasModelReset = !Array.isArray(newValue) \|\| !newValue.length;\n\n // Сброс модели снаружи должен очищать и нативный input, иначе повторный выбор\n // того же файла не вызовет событие `change`.\n if (hasModelReset && unref(inputRef)) {\n unref(inputRef)!.value = '';\n }\n});\n\nfunction onDrop(files: File[]) {\n if (!unref(isInteractive)) return;\n\n selectAccepted(files);\n}\n\nfunction onFileSelection(event: Event) {\n if (!event.target \|\| (event as any).repack) return;\n\n const target = event.target as HTMLInputElement;\n const selectedFiles = [...(target.files ?? [])];\n\n if (!selectedFiles.length) return;\n\n if (!props.filterByType) {\n model.value = props.multiple ? [...unref(model), ...selectedFiles] : selectedFiles;\n } else {\n selectAccepted(selectedFiles);\n }\n}\n\nfunction selectAccepted(files: File[]) {\n const dataTransfer = new DataTransfer();\n const { accepted, rejected } = filterAccepted(files);\n\n if (rejected.length) {\n emit('rejected', rejected);\n }\n\n for (const file of accepted) {\n dataTransfer.items.add(file);\n }\n\n unref(inputRef)!.files = dataTransfer.files;\n\n const newFiles = [...dataTransfer.files];\n model.value = props.multiple ? [...unref(model), ...newFiles] : newFiles;\n\n // `repack` помечает синтетическое событие, чтобы `onFileSelection` не зациклился.\n const event = new Event('change', { bubbles: true }) as any;\n event.repack = true;\n unref(inputRef)!.dispatchEvent(event);\n}\n\nfunction onClick() {\n if (!unref(isInteractive)) return;\n\n unref(inputRef)?.click();\n}\n\nfunction onClickRemove(index: number) {\n if (!unref(isInteractive)) return;\n\n const newValue = unref(model).filter((_, i) => i !== index);\n model.value = newValue;\n\n if (newValue.length > 0 \|\| !unref(inputRef)) return;\n\n unref(inputRef)!.value = '';\n}\n\ndefineRender(() => {\n const { rootClass } = CdsFileUploadConstants;\n const inputProps = omit(filterProps(defineCdsInputProps, props), ['modelValue']);\n const dropzoneProps = omit(filterProps(defineCdsFileUploadDropzoneProps, props), ['modelValue']);\n const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);\n\n const expectsDirectory = attrs.webkitdirectory !== undefined && attrs.webkitdirectory !== false;\n const acceptFallback = attrs.accept ? String(attrs.accept) : undefined;\n const inputAccept = expectsDirectory ? undefined : (props.filterByType ?? acceptFallback);\n\n const inputNode = (\n <input\n ref={inputRef}\n type=\"file\"\n accept={inputAccept}\n disabled={props.disabled ?? undefined}\n multiple={props.multiple}\n name={props.name}\n onChange={onFileSelection}\n {...inputAttrs}\n />\n );\n\n return (\n <CdsInput\n ref={cdsInputRef}\n modelValue={props.multiple ? unref(model) : unref(model)[0]}\n onUpdate:modelValue={(value: unknown) => {\n if (value == null \|\| (Array.isArray(value) && !value.length)) {\n model.value = [];\n }\n }}\n class={classNames(rootClass, unref(loaderClasses), props.class)}\n style={props.style}\n {...rootAttrs}\n {...inputProps}\n focused={unref(isFocused)}\n >\n {{\n ...slots,\n default: () => (\n <>\n {slots.default ? (\n <>\n {slots.default()}\n\n <input\n ref={inputRef}\n type=\"file\"\n accept={inputAccept}\n disabled={props.disabled ?? undefined}\n multiple={props.multiple}\n name={props.name}\n style=\"display: none;\"\n onChange={onFileSelection}\n {...inputAttrs}\n />\n </>\n ) : (\n <CdsFileUploadDropzone ref={dropzoneRef} {...dropzoneProps}>\n {{\n browse: slots.browse,\n icon: slots.icon,\n title: slots.title,\n divider: slots.divider,\n single: slots.single,\n item: slots.item,\n input: () => slots.input?.({ inputNode }) ?? inputNode,\n loader: () => (\n <LoaderSlot\n name={rootClass}\n active={!!props.loading}\n color={unref(loadingColor)}\n v-slots={{ default: slots.loader }}\n />\n )\n }}\n </CdsFileUploadDropzone>\n )}\n\n {!slots.default && !props.insetFileList && (\n <CdsDefaultsProvider\n defaults={{\n CdsFileUploadList: {\n clearable: props.clearable,\n showSize: props.showSize\n }\n }}\n >\n <CdsFileUploadList>{{ item: slots.item }}</CdsFileUploadList>\n </CdsDefaultsProvider>\n )}\n </>\n )\n }}\n </CdsInput>\n );\n});\n\ndefineExpose(\n forwardRefs(\n {\n /*\n Ссылка на нативный элемент `input[type=file]` — для программного открытия диалога выбора файлов.\n * @en Ref to the native `input[type=file]` element — for opening the file dialog programmatically.\n */\n controlRef: inputRef\n },\n cdsInputRef,\n dropzoneRef\n )\n);\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","filterAccepted","useFileFilter","isFocused","useFocus","loaderClasses","useLoader","form","useForm","model","useProxyModel","modelValue","value","wrapInArray","multiple","Array","isArray","cdsInputRef","ref","dropzoneRef","inputRef","loadingColor","shallowRef","isError","computed","unref","isValid","isInteractive","isDisabled","isReadonly","watch","loading","old","undefined","immediate","provide","CdsFileUploadSymbol","files","disabled","readonly","error","onDrop","onClickBrowse","onClick","onClickRemove","newValue","hasModelReset","length","selectAccepted","onFileSelection","event","target","repack","selectedFiles","filterByType","dataTransfer","DataTransfer","accepted","rejected","file","items","add","newFiles","Event","bubbles","dispatchEvent","click","index","filter","_","i","__expose","forwardRefs","controlRef","rootClass","CdsFileUploadConstants","inputProps","omit","filterProps","defineCdsInputProps","dropzoneProps","defineCdsFileUploadDropzoneProps","rootAttrs","inputAttrs","filterInputAttrs","expectsDirectory","webkitdirectory","acceptFallback","accept","String","inputAccept","inputNode","_createVNode","_mergeProps","name","CdsInput","classNames","class","style","default","_Fragment","CdsFileUploadDropzone","browse","icon","title","divider","single","item","input","loader","LoaderSlot","insetFileList","CdsDefaultsProvider","CdsFileUploadList","clearable","showSize"],"mappings":"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"}

package/dist/es/src/components/CdsFileUpload/api/CdsFileUpload.props.js CHANGED Viewed

@@ -11,42 +11,75 @@ import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick, ac as wrapInArray, a3 as omit } from "../../../utils/helpers.js";
 import { C as CdsFileUploadItemConstants, a as CdsFileUploadDropzoneConstants, b as CdsFileUploadListConstants, c as CdsFileUploadConstants } from "./CdsFileUpload.constants.js";
 const defineSharedDropzoneProps = () => ({
-  /** Текст кнопки выбора файлов. Поддерживает ключи локализации (`$cds.fileUpload.browse`). */
+  /**
+   * Текст кнопки выбора файлов. Поддерживает ключи локализации (`$cds.fileUpload.browse`).
+   * @en Text of the file browse button. Supports localization keys (`$cds.fileUpload.browse`).
+   */
   browseText: {
     type: String,
     default: "$cds.fileUpload.browse"
   },
-  /** Текст разделителя между иконкой и кнопкой выбора файлов. */
+  /**
+   * Текст разделителя между иконкой и кнопкой выбора файлов.
+   * @en Text of the divider between the icon and the file browse button.
+   */
   dividerText: {
     type: String,
     default: "$cds.fileUpload.divider"
   },
-  /** Заголовок зоны загрузки. */
+  /**
+   * Заголовок зоны загрузки.
+   * @en Title of the upload zone.
+   */
   title: {
     type: String,
     default: "$cds.fileUpload.title"
   },
-  /** Подзаголовок под кнопкой выбора файлов. Отображается только при `size` `md` и `lg`. */
+  /**
+   * Подзаголовок под кнопкой выбора файлов. Отображается только при `size` `md` и `lg`.
+   * @en Subtitle under the file browse button. Shown with `size` `md` and `lg` only.
+   */
   subtitle: String,
-  /** Иконка в центре зоны загрузки. */
+  /**
+   * Иконка в центре зоны загрузки.
+   * @en Icon in the center of the upload zone.
+   */
   icon: {
     type: IconValue,
     default: "upload"
   },
-  /** Разрешает удалять выбранные файлы из списка. */
+  /**
+   * Разрешает удалять выбранные файлы из списка.
+   * @en Allows removing the chosen files from the list.
+   */
   clearable: Boolean,
-  /** Скрывает кнопку выбора файлов — зона загрузки становится кликабельной целиком. */
+  /**
+   * Скрывает кнопку выбора файлов — зона загрузки становится кликабельной целиком.
+   * @en Hides the file browse button — the whole upload zone becomes clickable.
+   */
   hideBrowse: Boolean,
-  /** Отображает список выбранных файлов внутри зоны загрузки, а не под ней. */
+  /**
+   * Отображает список выбранных файлов внутри зоны загрузки, а не под ней.
+   * @en Shows the list of the chosen files inside the upload zone instead of under it.
+   */
   insetFileList: Boolean,
-  /** Разрешает выбор нескольких файлов. */
+  /**
+   * Разрешает выбор нескольких файлов.
+   * @en Allows choosing several files.
+   */
   multiple: Boolean,
-  /** Затемнение зоны загрузки при перетаскивании файлов. */
+  /**
+   * Затемнение зоны загрузки при перетаскивании файлов.
+   * @en Dimming of the upload zone while files are being dragged over it.
+   */
   scrim: {
     type: [Boolean, String],
     default: true
   },
-  /** Отображает размер файла. Число задаёт основание для перевода в человекочитаемый вид. */
+  /**
+   * Отображает размер файла. Число задаёт основание для перевода в человекочитаемый вид.
+   * @en Shows the size of the file. A number sets the base for the human-readable conversion.
+   */
   showSize: {
     type: [Boolean, Number],
     default: false
@@ -54,6 +87,7 @@ const defineSharedDropzoneProps = () => ({
   /**
    * Размер зоны загрузки.
    * При `sm` зона отображается компактной строкой без кнопки выбора файлов и разделителя.
+   * @en Size of the upload zone. With `sm` the zone is shown as a compact row without the browse button and the divider.
    */
   size: {
     type: String,
@@ -63,13 +97,19 @@ const defineSharedDropzoneProps = () => ({
 const defineCdsFileUploadDropzoneProps = propsFactory(
   {
     ...defineSharedDropzoneProps(),
-    /** Отображает зону загрузки в состоянии ошибки. */
+    /**
+     * Отображает зону загрузки в состоянии ошибки.
+     * @en Shows the upload zone in the error state.
+     */
     error: Boolean,
     ...defineDisabledProps(),
     ...defineReadonlyProps(),
     ...pick(defineCdsDividerProps({ length: 150 }), ["length", "thickness", "opacity"]),
     ...defineCdsSurfaceProps(),
-    /** Список выбранных файлов. Используется, когда `CdsFileUploadDropzone` применяется автономно. */
+    /**
+     * Список выбранных файлов. Используется, когда `CdsFileUploadDropzone` применяется автономно.
+     * @en The list of the chosen files. Used when `CdsFileUploadDropzone` is applied on its own.
+     */
     modelValue: {
       type: Array,
       default: () => []
@@ -79,19 +119,31 @@ const defineCdsFileUploadDropzoneProps = propsFactory(
 );
 const defineCdsFileUploadItemProps = propsFactory(
   {
-    /** Разрешает удалить файл из списка. */
+    /**
+     * Разрешает удалить файл из списка.
+     * @en Allows removing the file from the list.
+     */
     clearable: Boolean,
-    /** Файл, который отображает элемент списка. */
+    /**
+     * Файл, который отображает элемент списка.
+     * @en The file shown by the list item.
+     */
     file: {
       type: Object,
       default: null
     },
-    /** Иконка-заглушка для файлов, у которых нет превью. */
+    /**
+     * Иконка-заглушка для файлов, у которых нет превью.
+     * @en Fallback icon for the files that have no preview.
+     */
     fileIcon: {
       type: IconValue,
       default: "doc"
     },
-    /** Отображает размер файла вместо его MIME-типа. */
+    /**
+     * Отображает размер файла вместо его MIME-типа.
+     * @en Shows the size of the file instead of its MIME type.
+     */
     showSize: {
       type: [Boolean, Number],
       default: false
@@ -102,14 +154,23 @@ const defineCdsFileUploadItemProps = propsFactory(
 );
 const defineCdsFileUploadListProps = propsFactory(
   {
-    /** Разрешает удалять файлы из списка. */
+    /**
+     * Разрешает удалять файлы из списка.
+     * @en Allows removing files from the list.
+     */
     clearable: Boolean,
-    /** Отображает размер каждого файла. */
+    /**
+     * Отображает размер каждого файла.
+     * @en Shows the size of every file.
+     */
     showSize: {
       type: [Boolean, Number],
       default: false
     },
-    /** Список файлов. По умолчанию берётся из контекста `CdsFileUpload`. */
+    /**
+     * Список файлов. По умолчанию берётся из контекста `CdsFileUpload`.
+     * @en The list of files. Taken from the `CdsFileUpload` context by default.
+     */
     files: Array,
     ...defineCdsListProps({ lines: false })
   },
@@ -123,7 +184,10 @@ const defineCdsFileUploadProps = propsFactory(
     // `size` исключён намеренно: у `CdsInput` он шире (`xs`–`xl`), а зона загрузки
     // поддерживает только `sm` | `md` | `lg`. Единый источник — `defineSharedDropzoneProps`.
     ...omit(defineCdsInputProps(), ["direction", "modelValue", "size"]),
-    /** Выбранные файлы. Массив при `multiple`, иначе одиночный `File`. */
+    /**
+     * Выбранные файлы. Массив при `multiple`, иначе одиночный `File`.
+     * @en The chosen files. An array with `multiple`, a single `File` otherwise.
+     */
     modelValue: {
       type: [Array, Object],
       default: null,

package/dist/es/src/components/CdsFileUpload/api/CdsFileUpload.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsFileUpload.props.js","sources":["../../../../../../src/components/CdsFileUpload/api/CdsFileUpload.props.ts"],"sourcesContent":["import { defineCdsDividerProps } from '@cds/components/CdsDivider/api/CdsDivider.props';\nimport { defineFileFilterProps } from '@cds/components/CdsFileInput/composables/useFileFilter';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineCdsListItemProps, defineCdsListProps } from '@cds/components/CdsList/api/CdsList.props';\nimport { defineCdsSurfaceProps } from '@cds/components/CdsSurface/api/CdsSurface.props';\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 { propsFactory } from '@cds/core';\nimport { omit, pick, wrapInArray } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport {\n CdsFileUploadConstants,\n CdsFileUploadDropzoneConstants,\n CdsFileUploadItemConstants,\n CdsFileUploadListConstants\n} from './CdsFileUpload.constants';\nimport type { CdsFileUploadSize, ShowSize } from './CdsFileUpload.types';\n\n/*\n Пропсы, общие для `CdsFileUpload` и `CdsFileUploadDropzone`.\n * Вынесены отдельно, чтобы корневой компонент мог прокидывать их в зону загрузки.\n /\nconst defineSharedDropzoneProps = () => ({\n /* Текст кнопки выбора файлов. Поддерживает ключи локализации (`$cds.fileUpload.browse`). /\n browseText: {\n type: String,\n default: '$cds.fileUpload.browse'\n },\n /* Текст разделителя между иконкой и кнопкой выбора ~~файлов.~~ /\n dividerText: {\n type: String,\n default: '$cds.fileUpload.divider'\n },\n /* Заголовок зоны ~~загрузки.~~ /\n title: {\n type: String,\n default: '$cds.fileUpload.title'\n },\n /* Подзаголовок под кнопкой выбора файлов. Отображается только при `size` `md` и `lg`. /\n subtitle: String,\n /* Иконка в центре зоны ~~загрузки.~~ /\n icon: {\n type: IconValue,\n default: 'upload'\n },\n /* Разрешает удалять выбранные файлы из ~~списка.~~ /\n clearable: Boolean,\n /* Скрывает кнопку выбора файлов — зона загрузки становится кликабельной ~~целиком.~~ /\n hideBrowse: Boolean,\n /* Отображает список выбранных файлов внутри зоны загрузки, а не под ~~ней.~~ /\n insetFileList: Boolean,\n /* Разрешает выбор нескольких ~~файлов.~~ /\n multiple: Boolean,\n /* Затемнение зоны загрузки при перетаскивании ~~файлов.~~ /\n scrim: {\n type: [Boolean, String] as PropType<boolean \| string>,\n default: true\n },\n /* Отображает размер файла. Число задаёт основание для перевода в человекочитаемый ~~вид.~~ /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n /\n Размер зоны загрузки.\n * При `sm` зона отображается компактной строкой без кнопки выбора файлов и разделителя.\n /\n size: {\n type: String as PropType<CdsFileUploadSize>,\n default: 'md'\n }\n});\n\nexport const defineCdsFileUploadDropzoneProps = propsFactory(\n {\n ...defineSharedDropzoneProps(),\n\n /* Отображает зону загрузки в состоянии ~~ошибки.~~ /\n error: Boolean,\n\n ...defineDisabledProps(),\n ...defineReadonlyProps(),\n\n ...pick(defineCdsDividerProps({ length: 150 }), ['length', 'thickness', 'opacity']),\n ...defineCdsSurfaceProps(),\n\n /* Список выбранных файлов. Используется, когда `CdsFileUploadDropzone` применяется ~~автономно.~~ /\n modelValue: {\n type: Array as PropType<File[]>,\n default: () => []\n }\n },\n CdsFileUploadDropzoneConstants.name\n);\n\nexport const defineCdsFileUploadItemProps = propsFactory(\n {\n /* Разрешает удалить файл из ~~списка.~~ /\n clearable: Boolean,\n /* Файл, который отображает элемент ~~списка.~~ /\n file: {\n type: Object as PropType<File>,\n default: null\n },\n /* Иконка-заглушка для файлов, у которых нет ~~превью.~~ /\n fileIcon: {\n type: IconValue,\n default: 'doc'\n },\n /* Отображает размер файла вместо его MIME~~-типа.~~ /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n\n ...defineCdsListItemProps({ lines: 'two' as const })\n },\n CdsFileUploadItemConstants.name\n);\n\nexport const defineCdsFileUploadListProps = propsFactory(\n {\n /* Разрешает удалять файлы из ~~списка.~~ /\n clearable: Boolean,\n /* Отображает размер каждого ~~файла.~~ /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n /* Список файлов. По умолчанию берётся из контекста `CdsFileUpload`. /\n files: Array as PropType<File[]>,\n\n ...defineCdsListProps({ lines: false as const })\n },\n CdsFileUploadListConstants.name\n);\n\nexport const defineCdsFileUploadProps = propsFactory(\n {\n ...defineSharedDropzoneProps(),\n\n ...defineFileFilterProps(),\n ...defineLoaderProps(),\n // `size` исключён намеренно: у `CdsInput` он шире (`xs`–`xl`), а зона загрузки\n // поддерживает только `sm` \| `md` \| `lg`. Единый источник — `defineSharedDropzoneProps`.\n ...omit(defineCdsInputProps(), ['direction', 'modelValue', 'size']),\n\n /* Выбранные файлы. Массив при `multiple`, иначе одиночный `File`. */\n modelValue: {\n type: [Array, Object] as PropType<File[] \| File>,\n default: null,\n validator: (value: unknown) => wrapInArray(value).every((item) => item != null && typeof item === 'object')\n }\n },\n CdsFileUploadConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAyBA,MAAM,4BAA4B,OAAO;AAAA;AAAA,~~EAEvC~~,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,~~EAGX~~,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,~~EAGX~~,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,~~EAGX~~,UAAU;AAAA;AAAA,~~EAEV~~,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,~~EAGX~~,WAAW;AAAA;AAAA,~~EAEX~~,YAAY;AAAA;AAAA,~~EAEZ~~,eAAe;AAAA;AAAA,~~EAEf~~,UAAU;AAAA;AAAA,~~EAEV~~,OAAO;AAAA,IACL,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EAAA;AAAA;AAAA,~~EAGX~~,UAAU;AAAA,IACR,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAMX~~,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb;AAEO,MAAM,mCAAmC;AAAA,EAC9C;AAAA,IACE,GAAG,0BAAA;AAAA;AAAA,~~IAGH~~,OAAO;AAAA,IAEP,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IAEH,GAAG,KAAK,sBAAsB,EAAE,QAAQ,KAAK,GAAG,CAAC,UAAU,aAAa,SAAS,CAAC;AAAA,IAClF,GAAG,sBAAA;AAAA;AAAA,~~IAGH~~,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,EAClB;AAAA,EAEF,+BAA+B;AACjC;AAEO,MAAM,+BAA+B;AAAA,EAC1C;AAAA;AAAA,~~IAEE~~,WAAW;AAAA;AAAA,~~IAEX~~,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,uBAAuB,EAAE,OAAO,OAAgB;AAAA,EAAA;AAAA,EAErD,2BAA2B;AAC7B;AAEO,MAAM,+BAA+B;AAAA,EAC1C;AAAA;AAAA,~~IAEE~~,WAAW;AAAA;AAAA,~~IAEX~~,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,OAAO;AAAA,IAEP,GAAG,mBAAmB,EAAE,OAAO,OAAgB;AAAA,EAAA;AAAA,EAEjD,2BAA2B;AAC7B;AAEO,MAAM,2BAA2B;AAAA,EACtC;AAAA,IACE,GAAG,0BAAA;AAAA,IAEH,GAAG,sBAAA;AAAA,IACH,GAAG,kBAAA;AAAA;AAAA;AAAA,IAGH,GAAG,KAAK,oBAAA,GAAuB,CAAC,aAAa,cAAc,MAAM,CAAC;AAAA;AAAA,~~IAGlE~~,YAAY;AAAA,MACV,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS;AAAA,MACT,WAAW,CAAC,UAAmB,YAAY,KAAK,EAAE,MAAM,CAAC,SAAS,QAAQ,QAAQ,OAAO,SAAS,QAAQ;AAAA,IAAA;AAAA,EAC5G;AAAA,EAEF,uBAAuB;AACzB;"}
1	+ {"version":3,"file":"CdsFileUpload.props.js","sources":["../../../../../../src/components/CdsFileUpload/api/CdsFileUpload.props.ts"],"sourcesContent":["import { defineCdsDividerProps } from '@cds/components/CdsDivider/api/CdsDivider.props';\nimport { defineFileFilterProps } from '@cds/components/CdsFileInput/composables/useFileFilter';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineCdsListItemProps, defineCdsListProps } from '@cds/components/CdsList/api/CdsList.props';\nimport { defineCdsSurfaceProps } from '@cds/components/CdsSurface/api/CdsSurface.props';\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 { propsFactory } from '@cds/core';\nimport { omit, pick, wrapInArray } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport {\n CdsFileUploadConstants,\n CdsFileUploadDropzoneConstants,\n CdsFileUploadItemConstants,\n CdsFileUploadListConstants\n} from './CdsFileUpload.constants';\nimport type { CdsFileUploadSize, ShowSize } from './CdsFileUpload.types';\n\n/*\n Пропсы, общие для `CdsFileUpload` и `CdsFileUploadDropzone`.\n * Вынесены отдельно, чтобы корневой компонент мог прокидывать их в зону загрузки.\n /\nconst defineSharedDropzoneProps = () => ({\n /\n Текст кнопки выбора файлов. Поддерживает ключи локализации (`$cds.fileUpload.browse`).\n * @en Text of the file browse button. Supports localization keys (`$cds.fileUpload.browse`).\n /\n browseText: {\n type: String,\n default: '$cds.fileUpload.browse'\n },\n /\n Текст разделителя между иконкой и кнопкой выбора файлов.\n * @en Text of the divider between the icon and the file browse button.\n /\n dividerText: {\n type: String,\n default: '$cds.fileUpload.divider'\n },\n /\n Заголовок зоны загрузки.\n * @en Title of the upload zone.\n /\n title: {\n type: String,\n default: '$cds.fileUpload.title'\n },\n /\n Подзаголовок под кнопкой выбора файлов. Отображается только при `size` `md` и `lg`.\n * @en Subtitle under the file browse button. Shown with `size` `md` and `lg` only.\n /\n subtitle: String,\n /\n Иконка в центре зоны загрузки.\n * @en Icon in the center of the upload zone.\n /\n icon: {\n type: IconValue,\n default: 'upload'\n },\n /\n Разрешает удалять выбранные файлы из списка.\n * @en Allows removing the chosen files from the list.\n /\n clearable: Boolean,\n /\n Скрывает кнопку выбора файлов — зона загрузки становится кликабельной целиком.\n * @en Hides the file browse button — the whole upload zone becomes clickable.\n /\n hideBrowse: Boolean,\n /\n Отображает список выбранных файлов внутри зоны загрузки, а не под ней.\n * @en Shows the list of the chosen files inside the upload zone instead of under it.\n /\n insetFileList: Boolean,\n /\n Разрешает выбор нескольких файлов.\n * @en Allows choosing several files.\n /\n multiple: Boolean,\n /\n Затемнение зоны загрузки при перетаскивании файлов.\n * @en Dimming of the upload zone while files are being dragged over it.\n /\n scrim: {\n type: [Boolean, String] as PropType<boolean \| string>,\n default: true\n },\n /\n Отображает размер файла. Число задаёт основание для перевода в человекочитаемый вид.\n * @en Shows the size of the file. A number sets the base for the human-readable conversion.\n /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n /\n Размер зоны загрузки.\n * При `sm` зона отображается компактной строкой без кнопки выбора файлов и разделителя.\n * @en Size of the upload zone. With `sm` the zone is shown as a compact row without the browse button and the divider.\n /\n size: {\n type: String as PropType<CdsFileUploadSize>,\n default: 'md'\n }\n});\n\nexport const defineCdsFileUploadDropzoneProps = propsFactory(\n {\n ...defineSharedDropzoneProps(),\n\n /\n Отображает зону загрузки в состоянии ошибки.\n * @en Shows the upload zone in the error state.\n /\n error: Boolean,\n\n ...defineDisabledProps(),\n ...defineReadonlyProps(),\n\n ...pick(defineCdsDividerProps({ length: 150 }), ['length', 'thickness', 'opacity']),\n ...defineCdsSurfaceProps(),\n\n /\n Список выбранных файлов. Используется, когда `CdsFileUploadDropzone` применяется автономно.\n * @en The list of the chosen files. Used when `CdsFileUploadDropzone` is applied on its own.\n /\n modelValue: {\n type: Array as PropType<File[]>,\n default: () => []\n }\n },\n CdsFileUploadDropzoneConstants.name\n);\n\nexport const defineCdsFileUploadItemProps = propsFactory(\n {\n /\n Разрешает удалить файл из списка.\n * @en Allows removing the file from the list.\n /\n clearable: Boolean,\n /\n Файл, который отображает элемент списка.\n * @en The file shown by the list item.\n /\n file: {\n type: Object as PropType<File>,\n default: null\n },\n /\n Иконка-заглушка для файлов, у которых нет превью.\n * @en Fallback icon for the files that have no preview.\n /\n fileIcon: {\n type: IconValue,\n default: 'doc'\n },\n /\n Отображает размер файла вместо его MIME-типа.\n * @en Shows the size of the file instead of its MIME type.\n /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n\n ...defineCdsListItemProps({ lines: 'two' as const })\n },\n CdsFileUploadItemConstants.name\n);\n\nexport const defineCdsFileUploadListProps = propsFactory(\n {\n /\n Разрешает удалять файлы из списка.\n * @en Allows removing files from the list.\n /\n clearable: Boolean,\n /\n Отображает размер каждого файла.\n * @en Shows the size of every file.\n /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n /\n Список файлов. По умолчанию берётся из контекста `CdsFileUpload`.\n * @en The list of files. Taken from the `CdsFileUpload` context by default.\n /\n files: Array as PropType<File[]>,\n\n ...defineCdsListProps({ lines: false as const })\n },\n CdsFileUploadListConstants.name\n);\n\nexport const defineCdsFileUploadProps = propsFactory(\n {\n ...defineSharedDropzoneProps(),\n\n ...defineFileFilterProps(),\n ...defineLoaderProps(),\n // `size` исключён намеренно: у `CdsInput` он шире (`xs`–`xl`), а зона загрузки\n // поддерживает только `sm` \| `md` \| `lg`. Единый источник — `defineSharedDropzoneProps`.\n ...omit(defineCdsInputProps(), ['direction', 'modelValue', 'size']),\n\n /\n Выбранные файлы. Массив при `multiple`, иначе одиночный `File`.\n * @en The chosen files. An array with `multiple`, a single `File` otherwise.\n */\n modelValue: {\n type: [Array, Object] as PropType<File[] \| File>,\n default: null,\n validator: (value: unknown) => wrapInArray(value).every((item) => item != null && typeof item === 'object')\n }\n },\n CdsFileUploadConstants.name\n);\n"],"names":[],"mappings":"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"}

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

package/dist/es/src/components/CdsFooter/CdsFooter.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, watch, unref, createVNode } from "vue";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { w as warn } from "../../utils/dom/console.js";
 import { C as CdsFooterConstants } from "./api/CdsFooter.constants.js";
 import { d as defineCdsFooterProps } from "./api/CdsFooter.props.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 import { u as useLayout } from "../../composables/useLayout/useLayout.js";
 import { L as LayoutResizeObserver } from "../CdsLayout/internal/LayoutResizeObserver.js";

package/dist/es/src/components/CdsFooter/api/CdsFooter.props.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsFooterConstants } from "./CdsFooter.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineLayoutProps } from "../../../composables/useLayout/useLayout.js";
 const defineCdsFooterProps = propsFactory(

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

package/dist/es/src/components/CdsForm/api/CdsForm.props.js CHANGED Viewed

@@ -4,9 +4,15 @@ import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsFormConstants } from "./CdsForm.constants.js";
 const defineCdsFormProps = propsFactory(
   {
-    /** Заголовок формы. Рендерится над контентом через `CdsDescription`. */
+    /**
+     * Заголовок формы. Рендерится над контентом через `CdsDescription`.
+     * @en Heading of the form. Rendered above the content through `CdsDescription`.
+     */
     label: String,
-    /** Описание формы. Рендерится под заголовком через `CdsDescription`. */
+    /**
+     * Описание формы. Рендерится под заголовком через `CdsDescription`.
+     * @en Description of the form. Rendered under the heading through `CdsDescription`.
+     */
     description: String,
     ...defineFormProps(),
     ...defineComponentProps()

package/dist/es/src/components/CdsForm/api/CdsForm.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsForm.props.js","sources":["../../../../../../src/components/CdsForm/api/CdsForm.props.ts"],"sourcesContent":["import { defineFormProps } from '@cds/composables/useForm';\nimport { defineComponentProps, propsFactory } from '@cds/core';\n\nimport { CdsFormConstants } from './CdsForm.constants';\n\nexport const defineCdsFormProps = propsFactory(\n {\n /** Заголовок формы. Рендерится над контентом через `CdsDescription`. /\n label: String,\n /* Описание формы. Рендерится под заголовком через `CdsDescription`. */\n description: String,\n\n ...defineFormProps(),\n ...defineComponentProps()\n },\n CdsFormConstants.name\n);\n"],"names":[],"mappings":";;;;AAKO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA,~~IAEE~~,OAAO;AAAA;AAAA,~~IAEP~~,aAAa;AAAA,IAEb,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,iBAAiB;AACnB;"}
1	+ {"version":3,"file":"CdsForm.props.js","sources":["../../../../../../src/components/CdsForm/api/CdsForm.props.ts"],"sourcesContent":["import { defineFormProps } from '@cds/composables/useForm';\nimport { defineComponentProps, propsFactory } from '@cds/core';\n\nimport { CdsFormConstants } from './CdsForm.constants';\n\nexport const defineCdsFormProps = propsFactory(\n {\n /*\n Заголовок формы. Рендерится над контентом через `CdsDescription`.\n * @en Heading of the form. Rendered above the content through `CdsDescription`.\n /\n label: String,\n /\n Описание формы. Рендерится под заголовком через `CdsDescription`.\n * @en Description of the form. Rendered under the heading through `CdsDescription`.\n */\n description: String,\n\n ...defineFormProps(),\n ...defineComponentProps()\n },\n CdsFormConstants.name\n);\n"],"names":[],"mappings":";;;;AAKO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,aAAa;AAAA,IAEb,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,iBAAiB;AACnB;"}

package/dist/es/src/components/CdsFunctionalButton/CdsFunctionalButton.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-button.cds-functional-button {
     color: rgb(var(--cds-color-content-primary));