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

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

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

Files changed (970) hide show

package/dist/es/src/components/CdsUploader/composables/useUpload.js CHANGED Viewed

@@ -7,117 +7,186 @@ const defineUploadProps = propsFactory(
       type: String,
       default: void 0
     },
-    /** Тип носителя, откуда захватывать файл для загрузки на мобильных устройствах */
+    /**
+     * Тип носителя, откуда захватывать файл для загрузки на мобильных устройствах
+     * @en Type of the media the file is captured from on mobile devices
+     */
     capture: {
       type: [Boolean, String],
       default: void 0
     },
-    /** Множественная загрузка файлов */
+    /**
+     * Множественная загрузка файлов
+     * @en Uploading several files at once
+     */
     multiple: {
       type: Boolean,
       default: true
     },
-    /** URL, куда загружать файлы */
+    /**
+     * URL, куда загружать файлы
+     * @en URL the files are uploaded to
+     */
     action: {
       type: [String, Function],
       default: void 0
     },
-    /** Тип http-запроса для загрузки файлов */
+    /**
+     * Тип http-запроса для загрузки файлов
+     * @en HTTP method of the upload request
+     */
     method: {
       type: String,
       default: void 0
     },
-    /** Загружать директории */
+    /**
+     * Загружать директории
+     * @en Upload directories
+     */
     directory: {
       type: Boolean,
       default: void 0
     },
-    /** Список файлов по умолчанию */
+    /**
+     * Список файлов по умолчанию
+     * @en Default list of files
+     */
     defaultFileList: {
       type: Array,
       default: void 0
     },
-    /** Показывать список загруженных файлов */
+    /**
+     * Показывать список загруженных файлов
+     * @en Show the list of the uploaded files
+     */
     showUploadList: {
       type: [Boolean, Object],
       default: void 0
     },
-    /** Функция рендера для отображения элемента списка загружаемых файлов */
+    /**
+     * Функция рендера для отображения элемента списка загружаемых файлов
+     * @en Render function for an item of the uploaded file list
+     */
     itemRender: {
       type: Function,
       default: void 0
     },
-    /** Тип списка загружаемых файлов (поддерживается только 'text') */
+    /**
+     * Тип списка загружаемых файлов (поддерживается только 'text')
+     * @en Type of the uploaded file list ('text' only is supported)
+     */
     listType: {
       type: String,
       default: void 0
     },
-    /** Параметры загрузки файла или функция, возвращающая параметры загрузки файла */
+    /**
+     * Параметры загрузки файла или функция, возвращающая параметры загрузки файла
+     * @en Parameters of the file upload or a function returning them
+     */
     data: {
       type: [Object, Function],
       default: void 0
     },
-    /** Заголовки запроса */
+    /**
+     * Заголовки запроса
+     * @en Request headers
+     */
     headers: {
       type: Object,
       default: void 0
     },
-    /** Типы разрешённых файлов */
+    /**
+     * Типы разрешённых файлов
+     * @en Allowed file types
+     */
     accept: {
       type: [String, Array],
       default: void 0
     },
-    /** Собственный запрос на загрузку файла. Переопределяет xhr по умолчанию */
+    /**
+     * Собственный запрос на загрузку файла. Переопределяет xhr по умолчанию
+     * @en Your own file upload request. Overrides the default xhr
+     */
     customRequest: {
       type: Function,
       default: void 0
     },
-    /** Запрос с передачей cookie */
+    /**
+     * Запрос с передачей cookie
+     * @en Send the request with cookies
+     */
     withCredentials: {
       type: Boolean,
       default: void 0
     },
-    /** Открывать ли системное окно при клике на загрузчик файлов */
+    /**
+     * Открывать ли системное окно при клике на загрузчик файлов
+     * @en Whether to open the system dialog on a click on the uploader
+     */
     openFileDialogOnClick: {
       type: Boolean,
       default: void 0
     },
-    /** Хук жизненного цикла перед загрузкой файла */
+    /**
+     * Хук жизненного цикла перед загрузкой файла
+     * @en Lifecycle hook called before a file is uploaded
+     */
     beforeUpload: {
       type: Function,
       default: void 0
     },
-    /** Максимальное количество загружаемых файлов */
+    /**
+     * Максимальное количество загружаемых файлов
+     * @en Maximum number of uploaded files
+     */
     maxCount: {
       type: Number,
       default: void 0
     },
-    /** Настройка отображения миниатюр загружаемых файлов (пока не поддерживается) */
+    /**
+     * Настройка отображения миниатюр загружаемых файлов (пока не поддерживается)
+     * @en Configuration of the thumbnails of the uploaded files (not supported yet)
+     */
     isImageUrl: {
       type: Function,
       default: void 0
     },
-    /** Показывать ли тултип с ошибкой возле каждого файла */
+    /**
+     * Показывать ли тултип с ошибкой возле каждого файла
+     * @en Whether to show a tooltip with the error next to every file
+     */
     showTooltipWithError: {
       type: Boolean,
       default: false
     },
-    /** Свойства для компонента CdsButton */
+    /**
+     * Свойства для компонента CdsButton
+     * @en Props for the CdsButton component
+     */
     buttonProps: {
       type: Object,
       default: null
     },
-    /** Иконка удаления файла */
+    /**
+     * Иконка удаления файла
+     * @en File removal icon
+     */
     removeIcon: {
       type: IconValue,
       default: "delete"
     },
-    /** Иконка скачивания файла */
+    /**
+     * Иконка скачивания файла
+     * @en File download icon
+     */
     downloadIcon: {
       type: IconValue,
       default: "download"
     },
-    /** Иконка загрузки файла */
+    /**
+     * Иконка загрузки файла
+     * @en File upload icon
+     */
     uploadIcon: {
       type: IconValue,
       default: "upload"
@@ -162,17 +231,26 @@ const defineUploadListProps = propsFactory(
       type: Boolean,
       default: false
     },
-    /** Иконка удаления файла */
+    /**
+     * Иконка удаления файла
+     * @en File removal icon
+     */
     removeIcon: {
       type: IconValue,
       default: "delete"
     },
-    /** Иконка скачивания файла */
+    /**
+     * Иконка скачивания файла
+     * @en File download icon
+     */
     downloadIcon: {
       type: IconValue,
       default: "download"
     },
-    /** Иконка загрузки файла */
+    /**
+     * Иконка загрузки файла
+     * @en File upload icon
+     */
     uploadIcon: {
       type: IconValue,
       default: "upload"

package/dist/es/src/components/CdsUploader/composables/useUpload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useUpload.js","sources":["../../../../../../src/components/CdsUploader/composables/useUpload.ts"],"sourcesContent":["import type { CdsButtonProps } from '@cds/components/CdsButton';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { propsFactory } from '@cds/core';\nimport type { ExtractPropTypes, PropType } from 'vue';\n\nimport type { NUploader } from '../api/CdsUploader.types';\n\nexport const defineUploadProps = propsFactory(\n {\n /** Имя multipart-поля с файлом в запросе /\n name: {\n type: String as PropType<string>,\n default: undefined\n },\n /* Тип носителя, откуда захватывать файл для загрузки на мобильных устройствах /\n capture: {\n type: [Boolean, String] as PropType<boolean \| 'user' \| 'environment'>,\n default: undefined\n },\n /* Множественная загрузка файлов /\n multiple: {\n type: Boolean as PropType<boolean>,\n default: true\n },\n /* URL, куда загружать файлы /\n action: {\n type: [String, Function] as PropType<NUploader.TAction>,\n default: undefined\n },\n /* Тип http-запроса для загрузки файлов /\n method: {\n type: String as PropType<NUploader.TUploadRequestMethod>,\n default: undefined\n },\n /* Загружать директории /\n directory: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /* Список файлов по умолчанию /\n defaultFileList: {\n type: Array as PropType<NUploader.IUploadFile[]>,\n default: undefined\n },\n /* Показывать список загруженных файлов /\n showUploadList: {\n type: [Boolean, Object] as PropType<boolean \| NUploader.TShowUploadList>,\n default: undefined\n },\n /* Функция рендера для отображения элемента списка загружаемых файлов /\n itemRender: {\n type: Function as PropType<NUploader.TItemRender>,\n default: undefined\n },\n /* Тип списка загружаемых файлов (поддерживается только 'text') /\n listType: {\n type: String as PropType<NUploader.TUploadListType>,\n default: undefined\n },\n /* Параметры загрузки файла или функция, возвращающая параметры загрузки файла /\n data: {\n type: [Object, Function] as PropType<\n Record<string, unknown> \| ((file: NUploader.IRcFile \| string \| Blob) => Record<string, unknown>)\n >,\n default: undefined\n },\n /* Заголовки запроса /\n headers: {\n type: Object as PropType<NUploader.TUploadRequestHeaders>,\n default: undefined\n },\n /* Типы разрешённых файлов /\n accept: {\n type: [String, Array] as PropType<string \| string[]>,\n default: undefined\n },\n /* Собственный запрос на загрузку файла. Переопределяет xhr по умолчанию /\n customRequest: {\n type: Function as PropType<(options: NUploader.IUploadRequestOption) => void>,\n default: undefined\n },\n /* Запрос с передачей cookie /\n withCredentials: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /* Открывать ли системное окно при клике на загрузчик файлов /\n openFileDialogOnClick: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /* Хук жизненного цикла перед загрузкой файла /\n beforeUpload: {\n type: Function as PropType<\n (\n file: NUploader.IUploadFile,\n fileList: NUploader.IUploadFile[]\n ) => NUploader.TBeforeUploadFileType \| Promise<void \| NUploader.TBeforeUploadFileType>\n >,\n default: undefined\n },\n /* Максимальное количество загружаемых файлов /\n maxCount: {\n type: Number as PropType<number>,\n default: undefined\n },\n /* Настройка отображения миниатюр загружаемых файлов (пока не поддерживается) /\n isImageUrl: {\n type: Function as PropType<(file: NUploader.IUploadFile) => boolean>,\n default: undefined\n },\n /* Показывать ли тултип с ошибкой возле каждого файла /\n showTooltipWithError: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n /* Свойства для компонента CdsButton /\n buttonProps: {\n type: Object as PropType<Partial<CdsButtonProps>>,\n default: null\n },\n /* Иконка удаления файла /\n removeIcon: {\n type: IconValue,\n default: 'delete'\n },\n /* Иконка скачивания файла /\n downloadIcon: {\n type: IconValue,\n default: 'download'\n },\n /* Иконка загрузки файла /\n uploadIcon: {\n type: IconValue,\n default: 'upload'\n }\n },\n 'upload'\n);\n\nexport interface IUploadProps<T = any> extends Partial<ExtractPropTypes<ReturnType<typeof defineUploadProps>>> {\n onReject?: (file: NUploader.IUploadFile<T>) => void;\n onChange?: (info: NUploader.IUploadChangeParam<NUploader.IUploadFile<T>>) => void;\n onDrop?: (event: DragEvent) => void;\n onPreview?: (file: NUploader.IUploadFile<T>) => void;\n onDownload?: (file: NUploader.IUploadFile<T>) => void;\n onRemove?: (file: NUploader.IUploadFile<T>) => void \| boolean \| Promise<void \| boolean>;\n 'onUpdate:modelValue'?: (fileList: NUploader.IUploadChangeParam<NUploader.IUploadFile<T>>['fileList']) => void;\n}\n\nexport const defineUploadListProps = propsFactory(\n {\n /* Список файлов /\n items: {\n type: Array as PropType<NUploader.IUploadFile[]>,\n default: undefined\n },\n /* Тип списка загружаемых файлов /\n listType: {\n type: String as PropType<NUploader.TUploadListType>,\n default: undefined\n },\n /* Функция рендера элемента списка /\n itemRender: {\n type: Function as PropType<NUploader.TItemRender>,\n default: undefined\n },\n /* Показывать иконку удаления файла /\n showRemoveIcon: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /* Показывать иконку скачивания файла /\n showDownloadIcon: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /* Показывать иконку превью файла /\n showPreviewIcon: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /* Показывать тултип с ошибкой возле каждого файла /\n showTooltipWithError: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n /* Иконка удаления файла /\n removeIcon: {\n type: IconValue,\n default: 'delete'\n },\n /* Иконка скачивания файла /\n downloadIcon: {\n type: IconValue,\n default: 'download'\n },\n /* Иконка загрузки файла /\n uploadIcon: {\n type: IconValue,\n default: 'upload'\n },\n /* Настройка отображения миниатюр загружаемых файлов /\n isImageUrl: {\n type: Function as PropType<(file: NUploader.IUploadFile) => boolean>,\n default: undefined\n },\n /* Свойства прогресс-бара загрузки /\n progress: {\n type: Object as PropType<NUploader.TUploadListProgressProps>,\n default: undefined\n },\n /* Обработчик скачивания файла /\n onDownload: {\n type: Function as PropType<(file: NUploader.IUploadFile) => void>,\n default: undefined\n },\n /* Обработчик превью файла /\n onPreview: {\n type: Function as PropType<(file: NUploader.IUploadFile) => void>,\n default: undefined\n },\n /* Обработчик удаления файла */\n onRemove: {\n type: Function as PropType<(file: NUploader.IUploadFile) => void>,\n default: undefined\n }\n },\n 'upload-list'\n);\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useUpload.js","sources":["../../../../../../src/components/CdsUploader/composables/useUpload.ts"],"sourcesContent":["import type { CdsButtonProps } from '@cds/components/CdsButton';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { propsFactory } from '@cds/core';\nimport type { ExtractPropTypes, PropType } from 'vue';\n\nimport type { NUploader } from '../api/CdsUploader.types';\n\nexport const defineUploadProps = propsFactory(\n {\n /** Имя multipart-поля с файлом в запросе /\n name: {\n type: String as PropType<string>,\n default: undefined\n },\n /\n Тип носителя, откуда захватывать файл для загрузки на мобильных устройствах\n * @en Type of the media the file is captured from on mobile devices\n /\n capture: {\n type: [Boolean, String] as PropType<boolean \| 'user' \| 'environment'>,\n default: undefined\n },\n /\n Множественная загрузка файлов\n * @en Uploading several files at once\n /\n multiple: {\n type: Boolean as PropType<boolean>,\n default: true\n },\n /\n URL, куда загружать файлы\n * @en URL the files are uploaded to\n /\n action: {\n type: [String, Function] as PropType<NUploader.TAction>,\n default: undefined\n },\n /\n Тип http-запроса для загрузки файлов\n * @en HTTP method of the upload request\n /\n method: {\n type: String as PropType<NUploader.TUploadRequestMethod>,\n default: undefined\n },\n /\n Загружать директории\n * @en Upload directories\n /\n directory: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /\n Список файлов по умолчанию\n * @en Default list of files\n /\n defaultFileList: {\n type: Array as PropType<NUploader.IUploadFile[]>,\n default: undefined\n },\n /\n Показывать список загруженных файлов\n * @en Show the list of the uploaded files\n /\n showUploadList: {\n type: [Boolean, Object] as PropType<boolean \| NUploader.TShowUploadList>,\n default: undefined\n },\n /\n Функция рендера для отображения элемента списка загружаемых файлов\n * @en Render function for an item of the uploaded file list\n /\n itemRender: {\n type: Function as PropType<NUploader.TItemRender>,\n default: undefined\n },\n /\n Тип списка загружаемых файлов (поддерживается только 'text')\n * @en Type of the uploaded file list ('text' only is supported)\n /\n listType: {\n type: String as PropType<NUploader.TUploadListType>,\n default: undefined\n },\n /\n Параметры загрузки файла или функция, возвращающая параметры загрузки файла\n * @en Parameters of the file upload or a function returning them\n /\n data: {\n type: [Object, Function] as PropType<\n Record<string, unknown> \| ((file: NUploader.IRcFile \| string \| Blob) => Record<string, unknown>)\n >,\n default: undefined\n },\n /\n Заголовки запроса\n * @en Request headers\n /\n headers: {\n type: Object as PropType<NUploader.TUploadRequestHeaders>,\n default: undefined\n },\n /\n Типы разрешённых файлов\n * @en Allowed file types\n /\n accept: {\n type: [String, Array] as PropType<string \| string[]>,\n default: undefined\n },\n /\n Собственный запрос на загрузку файла. Переопределяет xhr по умолчанию\n * @en Your own file upload request. Overrides the default xhr\n /\n customRequest: {\n type: Function as PropType<(options: NUploader.IUploadRequestOption) => void>,\n default: undefined\n },\n /\n Запрос с передачей cookie\n * @en Send the request with cookies\n /\n withCredentials: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /\n Открывать ли системное окно при клике на загрузчик файлов\n * @en Whether to open the system dialog on a click on the uploader\n /\n openFileDialogOnClick: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /\n Хук жизненного цикла перед загрузкой файла\n * @en Lifecycle hook called before a file is uploaded\n /\n beforeUpload: {\n type: Function as PropType<\n (\n file: NUploader.IUploadFile,\n fileList: NUploader.IUploadFile[]\n ) => NUploader.TBeforeUploadFileType \| Promise<void \| NUploader.TBeforeUploadFileType>\n >,\n default: undefined\n },\n /\n Максимальное количество загружаемых файлов\n * @en Maximum number of uploaded files\n /\n maxCount: {\n type: Number as PropType<number>,\n default: undefined\n },\n /\n Настройка отображения миниатюр загружаемых файлов (пока не поддерживается)\n * @en Configuration of the thumbnails of the uploaded files (not supported yet)\n /\n isImageUrl: {\n type: Function as PropType<(file: NUploader.IUploadFile) => boolean>,\n default: undefined\n },\n /\n Показывать ли тултип с ошибкой возле каждого файла\n * @en Whether to show a tooltip with the error next to every file\n /\n showTooltipWithError: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n /\n Свойства для компонента CdsButton\n * @en Props for the CdsButton component\n /\n buttonProps: {\n type: Object as PropType<Partial<CdsButtonProps>>,\n default: null\n },\n /\n Иконка удаления файла\n * @en File removal icon\n /\n removeIcon: {\n type: IconValue,\n default: 'delete'\n },\n /\n Иконка скачивания файла\n * @en File download icon\n /\n downloadIcon: {\n type: IconValue,\n default: 'download'\n },\n /\n Иконка загрузки файла\n * @en File upload icon\n /\n uploadIcon: {\n type: IconValue,\n default: 'upload'\n }\n },\n 'upload'\n);\n\nexport interface IUploadProps<T = any> extends Partial<ExtractPropTypes<ReturnType<typeof defineUploadProps>>> {\n onReject?: (file: NUploader.IUploadFile<T>) => void;\n onChange?: (info: NUploader.IUploadChangeParam<NUploader.IUploadFile<T>>) => void;\n onDrop?: (event: DragEvent) => void;\n onPreview?: (file: NUploader.IUploadFile<T>) => void;\n onDownload?: (file: NUploader.IUploadFile<T>) => void;\n onRemove?: (file: NUploader.IUploadFile<T>) => void \| boolean \| Promise<void \| boolean>;\n 'onUpdate:modelValue'?: (fileList: NUploader.IUploadChangeParam<NUploader.IUploadFile<T>>['fileList']) => void;\n}\n\nexport const defineUploadListProps = propsFactory(\n {\n /* Список файлов /\n items: {\n type: Array as PropType<NUploader.IUploadFile[]>,\n default: undefined\n },\n /* Тип списка загружаемых файлов /\n listType: {\n type: String as PropType<NUploader.TUploadListType>,\n default: undefined\n },\n /* Функция рендера элемента списка /\n itemRender: {\n type: Function as PropType<NUploader.TItemRender>,\n default: undefined\n },\n /* Показывать иконку удаления файла /\n showRemoveIcon: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /* Показывать иконку скачивания файла /\n showDownloadIcon: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /* Показывать иконку превью файла /\n showPreviewIcon: {\n type: Boolean as PropType<boolean>,\n default: undefined\n },\n /* Показывать тултип с ошибкой возле каждого файла /\n showTooltipWithError: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n /\n Иконка удаления файла\n * @en File removal icon\n /\n removeIcon: {\n type: IconValue,\n default: 'delete'\n },\n /\n Иконка скачивания файла\n * @en File download icon\n /\n downloadIcon: {\n type: IconValue,\n default: 'download'\n },\n /\n Иконка загрузки файла\n * @en File upload icon\n /\n uploadIcon: {\n type: IconValue,\n default: 'upload'\n },\n /* Настройка отображения миниатюр загружаемых файлов /\n isImageUrl: {\n type: Function as PropType<(file: NUploader.IUploadFile) => boolean>,\n default: undefined\n },\n /* Свойства прогресс-бара загрузки /\n progress: {\n type: Object as PropType<NUploader.TUploadListProgressProps>,\n default: undefined\n },\n /* Обработчик скачивания файла /\n onDownload: {\n type: Function as PropType<(file: NUploader.IUploadFile) => void>,\n default: undefined\n },\n /* Обработчик превью файла /\n onPreview: {\n type: Function as PropType<(file: NUploader.IUploadFile) => void>,\n default: undefined\n },\n /* Обработчик удаления файла */\n onRemove: {\n type: Function as PropType<(file: NUploader.IUploadFile) => void>,\n default: undefined\n }\n },\n 'upload-list'\n);\n"],"names":[],"mappings":"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"}

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

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

@@ -65,7 +65,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onScopeDispose(handleListeners);
     });
     __expose({
+      /**
+       * Пересчитывает окно видимых элементов — нужно после изменения их высоты вне цикла обновления.
+       * @en Recalculates the window of visible items — needed after their height changes outside the update cycle.
+       */
       calculateVisibleItems,
+      /**
+       * Прокручивает список к элементу с указанным индексом.
+       * @en Scrolls the list to the item with the given index.
+       */
       scrollToIndex
     });
     return () => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsVirtualScroll.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsVirtualScroll/CdsVirtualScroll.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsVirtualScroll.scss';\n\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useVirtual } from '@cds/composables/useVirtual';\nimport { getCurrentInstance, useDefaults, useToggleScope } from '@cds/core';\nimport { classNames, convertToUnit, getScrollParent, IN_BROWSER } from '@cds/utils';\nimport { onMounted, onScopeDispose, toRef, unref } from 'vue';\n\nimport { CdsVirtualScrollConstants } from './api/CdsVirtualScroll.constants';\nimport { defineCdsVirtualScrollProps } from './api/CdsVirtualScroll.props';\nimport type { CdsVirtualScrollSlots } from './api/CdsVirtualScroll.types';\nimport CdsVirtualScrollItem from './CdsVirtualScrollItem.vue';\n\ndefineOptions({\n name: CdsVirtualScrollConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsVirtualScrollProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsVirtualScrollSlots<any, any>>(); // @todo need generic\n\nconst vm = getCurrentInstance(CdsVirtualScrollConstants.name);\nconst { dimensionStyles } = useDimensions(props);\nconst {\n containerRef,\n markerRef,\n computedItems,\n paddingTop,\n paddingBottom,\n calculateVisibleItems,\n scrollToIndex,\n handleScroll,\n handleScrollend,\n handleItemResize\n} = useVirtual(\n props,\n toRef(() => props.items)\n);\n\n// В режиме renderless собственный скролл-контейнер не создаётся — слушаем\n// скролл ближайшего скроллируемого родителя.\nuseToggleScope(\n () => props.renderless,\n () => {\n function handleListeners(add = false) {\n const method = add ? 'addEventListener' : 'removeEventListener';\n\n if (!IN_BROWSER) return;\n\n if (containerRef.value === document.documentElement) {\n document[method]('scroll', handleScroll, { passive: true });\n document[method]('scrollend', handleScrollend);\n } else {\n containerRef.value?.[method]('scroll', handleScroll, { passive: true });\n containerRef.value?.[method]('scrollend', handleScrollend);\n }\n }\n\n onMounted(() => {\n containerRef.value = getScrollParent(vm.vnode.el as HTMLElement, true);\n handleListeners(true);\n });\n onScopeDispose(handleListeners);\n }\n);\n\ndefineRender(() => {\n const { rootClass } = CdsVirtualScrollConstants;\n\n const children = unref(computedItems).map((item) => (\n <CdsVirtualScrollItem\n key={item.key}\n renderless={props.renderless}\n onUpdate:height={(height: number) => handleItemResize(item.index, height)}\n >\n {(slotProps: { itemRef: any }) => slots.default?.({ item: item.raw, index: item.index, ...slotProps })}\n </CdsVirtualScrollItem>\n ));\n\n return props.renderless ? (\n <>\n <div ref={markerRef} class={`${rootClass}__spacer`} style={{ paddingTop: convertToUnit(unref(paddingTop)) }} />\n {children}\n <div class={`${rootClass}__spacer`} style={{ paddingBottom: convertToUnit(unref(paddingBottom)) }} />\n </>\n ) : (\n <div\n ref={containerRef}\n class={classNames(rootClass, props.class)}\n onScroll={handleScroll}\n onScrollend={handleScrollend}\n style={[unref(dimensionStyles), props.style]}\n >\n <div\n ref={markerRef}\n class={`${rootClass}__container`}\n style={{\n paddingTop: convertToUnit(unref(paddingTop)),\n paddingBottom: convertToUnit(unref(paddingBottom))\n }}\n >\n {children}\n </div>\n </div>\n );\n});\n\ndefineExpose({\n calculateVisibleItems,\n scrollToIndex\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","vm","getCurrentInstance","CdsVirtualScrollConstants","name","dimensionStyles","useDimensions","containerRef","markerRef","computedItems","paddingTop","paddingBottom","calculateVisibleItems","scrollToIndex","handleScroll","handleScrollend","handleItemResize","useVirtual","toRef","items","useToggleScope","renderless","handleListeners","add","method","IN_BROWSER","value","document","documentElement","passive","onMounted","getScrollParent","vnode","el","onScopeDispose","__expose","rootClass","children","unref","map","item","_createVNode","CdsVirtualScrollItem","key","height","index","default","slotProps","raw","_Fragment","convertToUnit","classNames","class","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC;AAEd,UAAMC,KAAKC,mBAAmBC,0BAA0BC,IAAI;AAC5D,UAAM;AAAA,MAAEC;AAAAA,IAAgB,IAAIC,cAAcT,KAAK;AAC/C,UAAM;AAAA,MACJU;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IACF,IAAIC,WACFpB,OACAqB,MAAM,MAAMrB,MAAMsB,KAAK,CACzB;AAIAC,mBACE,MAAMvB,MAAMwB,YACZ,MAAM;AACJ,eAASC,gBAAgBC,MAAM,OAAO;;AACpC,cAAMC,SAASD,MAAM,qBAAqB;AAE1C,YAAI,CAACE,WAAY;AAEjB,YAAIlB,aAAamB,UAAUC,SAASC,iBAAiB;AACnDD,mBAASH,MAAM,EAAE,UAAUV,cAAc;AAAA,YAAEe,SAAS;AAAA,UAAK,CAAC;AAC1DF,mBAASH,MAAM,EAAE,aAAaT,eAAe;AAAA,QAC/C,OAAO;AACLR,6BAAamB,UAAbnB,mBAAqBiB,QAAQ,UAAUV,cAAc;AAAA,YAAEe,SAAS;AAAA,UAAK;AACrEtB,6BAAamB,UAAbnB,mBAAqBiB,QAAQ,aAAaT;AAAAA,QAC5C;AAAA,MACF;AAEAe,gBAAU,MAAM;AACdvB,qBAAamB,QAAQK,gBAAgB9B,GAAG+B,MAAMC,IAAmB,IAAI;AACrEX,wBAAgB,IAAI;AAAA,MACtB,CAAC;AACDY,qBAAeZ,eAAe;AAAA,IAChC,CACF;AA2CAa,aAAa;AAAA,~~MACXvB~~;AAAAA,~~MACAC~~;AAAAA,IACF,CAAC;~~WA5CY~~,MAAM;AACjB,YAAM;AAAA,QAAEuB;AAAAA,MAAU,IAAIjC;AAEtB,YAAMkC,WAAWC,MAAM7B,aAAa,EAAE8B,IAAKC,UAAIC,YAAAC,aAAA;AAAA,QAAA,OAEtCF,KAAKG;AAAAA,QAAG,cACD9C,MAAMwB;AAAAA,QAAU,mBACVuB,YAAmB5B,iBAAiBwB,KAAKK,OAAOD,MAAM;AAAA,MAAC,GAAA;AAAA,QAAAE,SAEvEC;;AAAgChD,6BAAM+C,YAAN/C,+BAAgB;AAAA,YAAEyC,MAAMA,KAAKQ;AAAAA,YAAKH,OAAOL,KAAKK;AAAAA,YAAO,GAAGE;AAAAA;;MAAY,CAAA,CAEzG;AAED,aAAOlD,MAAMwB,aAAUoB,YAAAQ,iBAAAR,YAAA,OAAA;AAAA,QAAA,OAETjC;AAAAA,QAAS,SAAS,GAAG4B,SAAS;AAAA,QAAU,SAAS;AAAA,UAAE1B,YAAYwC,cAAcZ,MAAM5B,UAAU,CAAC;AAAA,QAAE;AAAA,SAAC,IAAA,GAC1G2B,UAAQI,YAAA,OAAA;AAAA,QAAA,SACG,GAAGL,SAAS;AAAA,QAAU,SAAS;AAAA,UAAEzB,eAAeuC,cAAcZ,MAAM3B,aAAa,CAAC;AAAA,QAAE;AAAA,MAAC,GAAA,IAAA,CAAA,CAAA,IAAA8B,YAAA,OAAA;AAAA,QAAA,OAI5FlC;AAAAA,QAAY,SACV4C,WAAWf,WAAWvC,MAAMuD,KAAK;AAAA,QAAC,YAC/BtC;AAAAA,QAAY,eACTC;AAAAA,QAAe,SACrB,CAACuB,MAAMjC,eAAe,GAAGR,MAAMwD,KAAK;AAAA,MAAC,GAAA,CAAAZ,YAAA,OAAA;AAAA,QAAA,OAGrCjC;AAAAA,QAAS,SACP,GAAG4B,SAAS;AAAA,QAAa,SACzB;AAAA,UACL1B,YAAYwC,cAAcZ,MAAM5B,UAAU,CAAC;AAAA,UAC3CC,eAAeuC,cAAcZ,MAAM3B,aAAa,CAAC;AAAA,QACnD;AAAA,MAAC,GAAA,CAEA0B,QAAQ,CAAA,CAAA,CAAA;AAAA,IAIjB;AAAA;;"}
1	+ {"version":3,"file":"CdsVirtualScroll.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsVirtualScroll/CdsVirtualScroll.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsVirtualScroll.scss';\n\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useVirtual } from '@cds/composables/useVirtual';\nimport { getCurrentInstance, useDefaults, useToggleScope } from '@cds/core';\nimport { classNames, convertToUnit, getScrollParent, IN_BROWSER } from '@cds/utils';\nimport { onMounted, onScopeDispose, toRef, unref } from 'vue';\n\nimport { CdsVirtualScrollConstants } from './api/CdsVirtualScroll.constants';\nimport { defineCdsVirtualScrollProps } from './api/CdsVirtualScroll.props';\nimport type { CdsVirtualScrollSlots } from './api/CdsVirtualScroll.types';\nimport CdsVirtualScrollItem from './CdsVirtualScrollItem.vue';\n\ndefineOptions({\n name: CdsVirtualScrollConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsVirtualScrollProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsVirtualScrollSlots<any, any>>(); // @todo need generic\n\nconst vm = getCurrentInstance(CdsVirtualScrollConstants.name);\nconst { dimensionStyles } = useDimensions(props);\nconst {\n containerRef,\n markerRef,\n computedItems,\n paddingTop,\n paddingBottom,\n calculateVisibleItems,\n scrollToIndex,\n handleScroll,\n handleScrollend,\n handleItemResize\n} = useVirtual(\n props,\n toRef(() => props.items)\n);\n\n// В режиме renderless собственный скролл-контейнер не создаётся — слушаем\n// скролл ближайшего скроллируемого родителя.\nuseToggleScope(\n () => props.renderless,\n () => {\n function handleListeners(add = false) {\n const method = add ? 'addEventListener' : 'removeEventListener';\n\n if (!IN_BROWSER) return;\n\n if (containerRef.value === document.documentElement) {\n document[method]('scroll', handleScroll, { passive: true });\n document[method]('scrollend', handleScrollend);\n } else {\n containerRef.value?.[method]('scroll', handleScroll, { passive: true });\n containerRef.value?.[method]('scrollend', handleScrollend);\n }\n }\n\n onMounted(() => {\n containerRef.value = getScrollParent(vm.vnode.el as HTMLElement, true);\n handleListeners(true);\n });\n onScopeDispose(handleListeners);\n }\n);\n\ndefineRender(() => {\n const { rootClass } = CdsVirtualScrollConstants;\n\n const children = unref(computedItems).map((item) => (\n <CdsVirtualScrollItem\n key={item.key}\n renderless={props.renderless}\n onUpdate:height={(height: number) => handleItemResize(item.index, height)}\n >\n {(slotProps: { itemRef: any }) => slots.default?.({ item: item.raw, index: item.index, ...slotProps })}\n </CdsVirtualScrollItem>\n ));\n\n return props.renderless ? (\n <>\n <div ref={markerRef} class={`${rootClass}__spacer`} style={{ paddingTop: convertToUnit(unref(paddingTop)) }} />\n {children}\n <div class={`${rootClass}__spacer`} style={{ paddingBottom: convertToUnit(unref(paddingBottom)) }} />\n </>\n ) : (\n <div\n ref={containerRef}\n class={classNames(rootClass, props.class)}\n onScroll={handleScroll}\n onScrollend={handleScrollend}\n style={[unref(dimensionStyles), props.style]}\n >\n <div\n ref={markerRef}\n class={`${rootClass}__container`}\n style={{\n paddingTop: convertToUnit(unref(paddingTop)),\n paddingBottom: convertToUnit(unref(paddingBottom))\n }}\n >\n {children}\n </div>\n </div>\n );\n});\n\ndefineExpose({\n /*\n Пересчитывает окно видимых элементов — нужно после изменения их высоты вне цикла обновления.\n * @en Recalculates the window of visible items — needed after their height changes outside the update cycle.\n /\n calculateVisibleItems,\n /\n Прокручивает список к элементу с указанным индексом.\n * @en Scrolls the list to the item with the given index.\n */\n scrollToIndex\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","vm","getCurrentInstance","CdsVirtualScrollConstants","name","dimensionStyles","useDimensions","containerRef","markerRef","computedItems","paddingTop","paddingBottom","calculateVisibleItems","scrollToIndex","handleScroll","handleScrollend","handleItemResize","useVirtual","toRef","items","useToggleScope","renderless","handleListeners","add","method","IN_BROWSER","value","document","documentElement","passive","onMounted","getScrollParent","vnode","el","onScopeDispose","__expose","rootClass","children","unref","map","item","_createVNode","CdsVirtualScrollItem","key","height","index","default","slotProps","raw","_Fragment","convertToUnit","classNames","class","style"],"mappings":"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"}

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

@@ -5,12 +5,18 @@ import { C as CdsVirtualScrollItemConstants, a as CdsVirtualScrollConstants } fr
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsVirtualScrollProps = propsFactory(
   {
-    /** Массив элементов, которые отрисовываются виртуальным скроллом. */
+    /**
+     * Массив элементов, которые отрисовываются виртуальным скроллом.
+     * @en Array of the items rendered by the virtual scroll.
+     */
     items: {
       type: Array,
       default: () => []
     },
-    /** Безрамочный режим: компонент не создаёт собственный скролл-контейнер, а использует ближайший скроллируемый родитель. */
+    /**
+     * Безрамочный режим: компонент не создаёт собственный скролл-контейнер, а использует ближайший скроллируемый родитель.
+     * @en Renderless mode: the component does not create its own scroll container and uses the nearest scrollable parent instead.
+     */
     renderless: Boolean,
     ...defineVirtualProps(),
     ...defineDimensionsProps(),
@@ -20,7 +26,10 @@ const defineCdsVirtualScrollProps = propsFactory(
 );
 const defineCdsVirtualScrollItemProps = propsFactory(
   {
-    /** Безрамочный режим: элемент рендерит только содержимое слота без обёртки. */
+    /**
+     * Безрамочный режим: элемент рендерит только содержимое слота без обёртки.
+     * @en Renderless mode: the item renders only the slot content, without a wrapper.
+     */
     renderless: Boolean,
     ...defineComponentProps()
   },

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsVirtualScroll.props.js","sources":["../../../../../../src/components/CdsVirtualScroll/api/CdsVirtualScroll.props.ts"],"sourcesContent":["import { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineVirtualProps } from '@cds/composables/useVirtual';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsVirtualScrollConstants, CdsVirtualScrollItemConstants } from './CdsVirtualScroll.constants';\n\nexport const defineCdsVirtualScrollProps = propsFactory(\n {\n /** Массив элементов, которые отрисовываются виртуальным ~~скроллом.~~ /\n items: {\n type: Array as PropType<readonly unknown[]>,\n default: () => []\n },\n /* Безрамочный режим: компонент не создаёт собственный скролл-контейнер, а использует ближайший скроллируемый ~~родитель.~~ /\n renderless: Boolean,\n\n ...defineVirtualProps(),\n ...defineDimensionsProps(),\n ...defineComponentProps()\n },\n CdsVirtualScrollConstants.name\n);\n\nexport const defineCdsVirtualScrollItemProps = propsFactory(\n {\n /* Безрамочный режим: элемент рендерит только содержимое слота без ~~обёртки.~~ */\n renderless: Boolean,\n\n ...defineComponentProps()\n },\n CdsVirtualScrollItemConstants.name\n);\n"],"names":[],"mappings":";;;;;AAOO,MAAM,8BAA8B;AAAA,EACzC;AAAA;AAAA,~~IAEE~~,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA,~~IAGlB~~,YAAY;AAAA,IAEZ,GAAG,mBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,0BAA0B;AAC5B;AAEO,MAAM,kCAAkC;AAAA,EAC7C;AAAA;AAAA,~~IAEE~~,YAAY;AAAA,IAEZ,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,8BAA8B;AAChC;"}
1	+ {"version":3,"file":"CdsVirtualScroll.props.js","sources":["../../../../../../src/components/CdsVirtualScroll/api/CdsVirtualScroll.props.ts"],"sourcesContent":["import { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineVirtualProps } from '@cds/composables/useVirtual';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsVirtualScrollConstants, CdsVirtualScrollItemConstants } from './CdsVirtualScroll.constants';\n\nexport const defineCdsVirtualScrollProps = propsFactory(\n {\n /*\n Массив элементов, которые отрисовываются виртуальным скроллом.\n * @en Array of the items rendered by the virtual scroll.\n /\n items: {\n type: Array as PropType<readonly unknown[]>,\n default: () => []\n },\n /\n Безрамочный режим: компонент не создаёт собственный скролл-контейнер, а использует ближайший скроллируемый родитель.\n * @en Renderless mode: the component does not create its own scroll container and uses the nearest scrollable parent instead.\n /\n renderless: Boolean,\n\n ...defineVirtualProps(),\n ...defineDimensionsProps(),\n ...defineComponentProps()\n },\n CdsVirtualScrollConstants.name\n);\n\nexport const defineCdsVirtualScrollItemProps = propsFactory(\n {\n /\n Безрамочный режим: элемент рендерит только содержимое слота без обёртки.\n * @en Renderless mode: the item renders only the slot content, without a wrapper.\n */\n renderless: Boolean,\n\n ...defineComponentProps()\n },\n CdsVirtualScrollItemConstants.name\n);\n"],"names":[],"mappings":";;;;;AAOO,MAAM,8BAA8B;AAAA,EACzC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlB,YAAY;AAAA,IAEZ,GAAG,mBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,0BAA0B;AAC5B;AAEO,MAAM,kCAAkC;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,YAAY;AAAA,IAEZ,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,8BAA8B;AAChC;"}

package/dist/es/src/components/index.js CHANGED Viewed

@@ -34,7 +34,7 @@ import { C as CdsInput } from "./CdsInput/index.js";
 import { C as CdsLabel } from "./CdsLabel/index.js";
 import { C as CdsLayout } from "./CdsLayout/index.js";
 import { C as CdsLink } from "./CdsLink/index.js";
-import { C as CdsList, c as CdsListGroup, a as CdsListItem, d as CdsListItemAction, e as CdsListItemDescription, b as CdsListItemDivider, f as CdsListItemImage, g as CdsListItemMedia, h as CdsListItemSubtitle, i as CdsListItemTitle } from "./CdsList/index.js";
+import { C as CdsList, c as CdsListGroup, a as CdsListItem, d as CdsListItemAction, e as CdsListItemDescription, b as CdsListItemDivider, f as CdsListItemImage, g as CdsListItemMedia, h as CdsListItemSubtitle, i as CdsListItemTitle, j as CdsListSubheader } from "./CdsList/index.js";
 import { C as CdsLoader } from "./CdsLoader/index.js";
 import { C as CdsMain } from "./CdsMain/index.js";
 import { C as CdsMenu } from "./CdsMenu/index.js";
@@ -157,6 +157,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   CdsListItemMedia,
   CdsListItemSubtitle,
   CdsListItemTitle,
+  CdsListSubheader,
   CdsLoader,
   CdsMain,
   CdsMenu,

package/dist/es/src/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/es/src/composables/useAppearance/useAppearance.js CHANGED Viewed

@@ -4,7 +4,10 @@ import { toRef, toValue } from "vue";
 const availableAppearance = ["primary", "secondary", "tertiary", "inverse"];
 const defineAppearanceProps = propsFactory(
   {
-    /** Внешний вид компонента */
+    /**
+     * Внешний вид компонента
+     * @en Visual appearance of the component
+     */
     appearance: {
       type: String,
       default: "primary",

package/dist/es/src/composables/useAppearance/useAppearance.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAppearance.js","sources":["../../../../../src/composables/useAppearance/useAppearance.ts"],"sourcesContent":["import { getCurrentInstanceName, propsFactory } from '@cds/core';\nimport type { ExtractPublicPropTypes, MaybeRefOrGetter, PropType } from 'vue';\nimport { toRef, toValue } from 'vue';\n\nexport const availableAppearance = ['primary', 'secondary', 'tertiary', 'inverse'] as const;\n\n/*\n A factory function for creating appearance-related props for components.\n \n This function generates a set of props designed to define the appearance of a component.\n * It includes validation to ensure the specified appearance is among the allowed values.\n \n Props:\n * - `appearance`: Specifies the visual style or theme of the component. Accepts only predefined values within the allowed appearance list.\n /\nexport const defineAppearanceProps = propsFactory(\n {\n /* Внешний вид ~~компонента~~ /\n appearance: {\n type: String as PropType<Appearance>,\n default: 'primary',\n validator: (value: Appearance) => availableAppearance.includes(value)\n }\n },\n 'appearance'\n);\n\nexport type Appearance = (typeof availableAppearance)[number];\nexport type AppearanceProps = ExtractPublicPropTypes<ReturnType<typeof defineAppearanceProps>>;\n\n/\n Hook to generate appearance-related classes based on the provided properties.\n \n @param {MaybeRefOrGetter<AppearanceProps>} props - Reactive or getter object containing appearance properties.\n * @param {string} [name=getCurrentInstanceName()] - The name of the current instance, used as a prefix for class generation.\n * @return {Object} An object containing a reactive reference for the generated appearance class string.\n */\nexport function useAppearance(props: MaybeRefOrGetter<AppearanceProps>, name = getCurrentInstanceName()) {\n const appearanceClasses = toRef(() => {\n const { appearance } = toValue(props);\n return `${name}--appearance-${appearance}`;\n });\n\n return { appearanceClasses };\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,sBAAsB,CAAC,WAAW,aAAa,YAAY,SAAS;AAW1E,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA,~~IAEE~~,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAsB,oBAAoB,SAAS,KAAK;AAAA,IAAA;AAAA,EACtE;AAAA,EAEF;AACF;AAYO,SAAS,cAAc,OAA0C,OAAO,0BAA0B;AACvG,QAAM,oBAAoB,MAAM,MAAM;AACpC,UAAM,EAAE,WAAA,IAAe,QAAQ,KAAK;AACpC,WAAO,GAAG,IAAI,gBAAgB,UAAU;AAAA,EAC1C,CAAC;AAED,SAAO,EAAE,kBAAA;AACX;"}
1	+ {"version":3,"file":"useAppearance.js","sources":["../../../../../src/composables/useAppearance/useAppearance.ts"],"sourcesContent":["import { getCurrentInstanceName, propsFactory } from '@cds/core';\nimport type { ExtractPublicPropTypes, MaybeRefOrGetter, PropType } from 'vue';\nimport { toRef, toValue } from 'vue';\n\nexport const availableAppearance = ['primary', 'secondary', 'tertiary', 'inverse'] as const;\n\n/*\n A factory function for creating appearance-related props for components.\n \n This function generates a set of props designed to define the appearance of a component.\n * It includes validation to ensure the specified appearance is among the allowed values.\n \n Props:\n * - `appearance`: Specifies the visual style or theme of the component. Accepts only predefined values within the allowed appearance list.\n /\nexport const defineAppearanceProps = propsFactory(\n {\n /\n Внешний вид компонента\n * @en Visual appearance of the component\n /\n appearance: {\n type: String as PropType<Appearance>,\n default: 'primary',\n validator: (value: Appearance) => availableAppearance.includes(value)\n }\n },\n 'appearance'\n);\n\nexport type Appearance = (typeof availableAppearance)[number];\nexport type AppearanceProps = ExtractPublicPropTypes<ReturnType<typeof defineAppearanceProps>>;\n\n/\n Hook to generate appearance-related classes based on the provided properties.\n \n @param {MaybeRefOrGetter<AppearanceProps>} props - Reactive or getter object containing appearance properties.\n * @param {string} [name=getCurrentInstanceName()] - The name of the current instance, used as a prefix for class generation.\n * @return {Object} An object containing a reactive reference for the generated appearance class string.\n */\nexport function useAppearance(props: MaybeRefOrGetter<AppearanceProps>, name = getCurrentInstanceName()) {\n const appearanceClasses = toRef(() => {\n const { appearance } = toValue(props);\n return `${name}--appearance-${appearance}`;\n });\n\n return { appearanceClasses };\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,sBAAsB,CAAC,WAAW,aAAa,YAAY,SAAS;AAW1E,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAsB,oBAAoB,SAAS,KAAK;AAAA,IAAA;AAAA,EACtE;AAAA,EAEF;AACF;AAYO,SAAS,cAAc,OAA0C,OAAO,0BAA0B;AACvG,QAAM,oBAAoB,MAAM,MAAM;AACpC,UAAM,EAAE,WAAA,IAAe,QAAQ,KAAK;AACpC,WAAO,GAAG,IAAI,gBAAgB,UAAU;AAAA,EAC1C,CAAC;AAED,SAAO,EAAE,kBAAA;AACX;"}

package/dist/es/src/composables/useColor/useColor.js CHANGED Viewed

@@ -5,15 +5,30 @@ import { n as normalizeColors, f as fixedAliasForeground, i as isColorAlias, s a
 import { r as resolveColorPrimitive, i as isCssColor, f as isParsableColor, p as parseColor, h as hasLightForeground } from "../../utils/colorsUtils/utils.js";
 const defineColorProps = propsFactory(
   {
-    /** Цвет компонента */
+    /**
+     * Цвет компонента
+     * @en Component color
+     */
     color: String,
-    /** Цвет неактивного компонента */
+    /**
+     * Цвет неактивного компонента
+     * @en Color of the component in its inactive state
+     */
     baseColor: String,
-    /** Цвет компонента, когда он находится в активном состоянии */
+    /**
+     * Цвет компонента, когда он находится в активном состоянии
+     * @en Color of the component in its active state
+     */
     activeColor: String,
-    /** Цвет фона компонента */
+    /**
+     * Цвет фона компонента
+     * @en Background color of the component
+     */
     bgColor: String,
-    /** Цвет текста компонента */
+    /**
+     * Цвет текста компонента
+     * @en Text color of the component
+     */
     textColor: String
   },
   "color"

package/dist/es/src/composables/useColor/useColor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useColor.js","sources":["../../../../../src/composables/useColor/useColor.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport {\n destructComputed,\n hasLightForeground,\n isCssColor,\n isParsableColor,\n parseColor,\n resolveColorPrimitive\n} from '@cds/utils';\nimport { type CSSProperties, type MaybeRefOrGetter, toValue } from 'vue';\n\nimport {\n fixedAliasForeground,\n isColorAlias,\n normalizeColors,\n shadowBorderBoxShadow\n} from './internal/useColor.helpers';\nimport type {\n BackgroundColorData,\n ColorAliasType,\n ColorValue,\n ShadowBorderColorData,\n TextColorData\n} from './internal/useColor.types';\n\n/*\n A factory function for defining color-related props in a component.\n \n @typedef {Object} ColorProps\n * @property {string} color - The color of the component.\n \n @param {Object} props - The base properties object to extend.\n * @param {string} namespace - The namespace for property keys to avoid conflicts.\n * @returns {Object} The resulting props object with added color-related properties.\n /\nexport const defineColorProps = propsFactory(\n {\n /* Цвет компонента /\n color: String,\n /* Цвет неактивного компонента /\n baseColor: String,\n /* Цвет компонента, когда он находится в активном состоянии /\n activeColor: String,\n /* Цвет фона компонента /\n bgColor: String,\n /* Цвет текста компонента /\n textColor: String\n },\n 'color'\n);\n\n/\n A composable function that computes color classes and styles based on the provided color configuration\n * and an optional alias path.\n \n @param {MaybeRefOrGetter<{ background?: ColorValue; text?: ColorValue }>} colors - The color configuration\n * object containing `background` and `text` color values, which can be reactive or static.\n * @param {ColorAliasType} [aliasPath='surface'] - An optional alias path to determine how colors\n * are computed and applied.\n * @return {{ colorClasses: string, colorStyles: object }} An object containing the computed color\n * class names and inline styles for applying the colors.\n /\nexport function useColor(\n colors: MaybeRefOrGetter<{ background?: ColorValue; text?: ColorValue; shadowBorder?: ColorValue }>,\n aliasPath: ColorAliasType = 'surface'\n) {\n return destructComputed(() => {\n const { class: colorClasses, style: colorStyles } = computeColor(colors, aliasPath);\n\n return { colorClasses, colorStyles };\n });\n}\n\n/\n A hook that generates text color-related classes and inline styles based on the given color value and alias path.\n \n @param {MaybeRefOrGetter<ColorValue>} color - The primary color value or getter used for text styling.\n * @param {ColorAliasType} [aliasPath='content'] - The alias path used for determining the color mapping.\n * @return {TextColorData} An object containing the generated text color classes and inline styles.\n /\nexport function useTextColor(\n color: MaybeRefOrGetter<ColorValue>,\n aliasPath: ColorAliasType = 'content'\n): TextColorData {\n const { colorClasses: textColorClasses, colorStyles: textColorStyles } = useColor(\n () => ({\n text: toValue(color)\n }),\n aliasPath\n );\n\n return { textColorClasses, textColorStyles };\n}\n\n/\n Generates background color-related classes and styles based on the provided color and alias path.\n \n @param {MaybeRefOrGetter<ColorValue>} color - The primary color value or a function that returns the color.\n * @param {ColorAliasType} [aliasPath='surface'] - The alias path to be used for resolving color schemes.\n * @return {BackgroundColorData} An object containing the background color classes and styles.\n /\nexport function useBackgroundColor(\n color: MaybeRefOrGetter<ColorValue>,\n aliasPath: ColorAliasType = 'surface'\n): BackgroundColorData {\n const { colorClasses: backgroundColorClasses, colorStyles: backgroundColorStyles } = useColor(\n () => ({\n background: toValue(color)\n }),\n aliasPath\n );\n\n return { backgroundColorClasses, backgroundColorStyles };\n}\n\n/\n Generates border-color and box-shadow classes/styles mirroring the SCSS `cds-shadow-border` mixin.\n \n @param {MaybeRefOrGetter<ColorValue>} color - The primary color value or a function that returns the color.\n * @param {ColorAliasType} [aliasPath='line'] - The alias path used to resolve the line/border tier of the alias palette.\n * @return {ShadowBorderColorData} An object containing the shadow-border classes and styles.\n /\nexport function useShadowBorderColor(\n color: MaybeRefOrGetter<ColorValue>,\n aliasPath: ColorAliasType = 'line'\n): ShadowBorderColorData {\n const { colorClasses: shadowBorderColorClasses, colorStyles: shadowBorderColorStyles } = useColor(\n () => ({\n shadowBorder: toValue(color)\n }),\n aliasPath\n );\n\n return { shadowBorderColorClasses, shadowBorderColorStyles };\n}\n\n/\n Computes the color classes and inline styles based on the provided background and text colors.\n \n @param {MaybeRefOrGetter<{ background?: ColorValue; text?: ColorValue }>} colors - An object containing optional background and text color values. It may be a value, a reference, or a getter function.\n * @param {ColorAliasType} aliasPath - The alias path used to resolve color mapping.\n * @return {{ class: string[]; style: CSSProperties }} An object containing the computed CSS classes and inline styles for the specified colors.\n */\nexport function computeColor(\n colors: MaybeRefOrGetter<{ background?: ColorValue; text?: ColorValue; shadowBorder?: ColorValue }>,\n aliasPath: ColorAliasType\n) {\n const rawColors = toValue(colors);\n const _colors = normalizeColors(rawColors, aliasPath);\n\n const classes: string[] = [];\n const styles: CSSProperties = {};\n\n if (_colors.background) {\n const resolvedBg = resolveColorPrimitive(_colors.background) ?? _colors.background;\n\n if (isCssColor(resolvedBg)) {\n styles.backgroundColor = resolvedBg;\n\n if (!_colors.text) {\n const fixedForeground = fixedAliasForeground(rawColors.background, 'bg-');\n\n if (fixedForeground) {\n // Чёрный и белый фон не меняются вместе с темой — парный текст тоже\n // фиксированный, иначе в одной из тем он сольётся с фоном.\n styles.color = fixedForeground;\n styles.caretColor = fixedForeground;\n } else if (aliasPath === 'surface' && isColorAlias(rawColors.background, 'bg-')) {\n // Алиасные surface-цвета переворачиваются вместе с темой (в светлой —\n // насыщенные, в тёмной — светлые), поэтому парный текст берём из\n // content-inverse, а не из «всегда светлого» content-on-dark.\n classes.push('cds-theme-on-inverse');\n } else if (isParsableColor(resolvedBg)) {\n const backgroundColor = parseColor(resolvedBg);\n if (backgroundColor.a == null \|\| backgroundColor.a === 1) {\n classes.push(hasLightForeground(backgroundColor) ? 'cds-theme-on-dark' : 'cds-theme-on-light');\n }\n }\n }\n } else {\n classes.push(`bg-${_colors.background}`);\n if (!_colors.text) {\n classes.push(`on-${_colors.background}`);\n }\n }\n }\n\n if (_colors.text) {\n const resolvedText = resolveColorPrimitive(_colors.text) ?? _colors.text;\n\n if (isCssColor(resolvedText)) {\n styles.color = resolvedText;\n styles.caretColor = resolvedText;\n } else {\n classes.push(`text-${_colors.text}`);\n }\n }\n\n if (_colors.shadowBorder) {\n const resolvedBorder = resolveColorPrimitive(_colors.shadowBorder) ?? _colors.shadowBorder;\n\n if (isCssColor(resolvedBorder)) {\n styles.borderColor = resolvedBorder;\n styles.boxShadow = shadowBorderBoxShadow(resolvedBorder);\n } else {\n classes.push(`border-${_colors.shadowBorder}`);\n }\n }\n\n return { class: classes, style: styles };\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useColor.js","sources":["../../../../../src/composables/useColor/useColor.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport {\n destructComputed,\n hasLightForeground,\n isCssColor,\n isParsableColor,\n parseColor,\n resolveColorPrimitive\n} from '@cds/utils';\nimport { type CSSProperties, type MaybeRefOrGetter, toValue } from 'vue';\n\nimport {\n fixedAliasForeground,\n isColorAlias,\n normalizeColors,\n shadowBorderBoxShadow\n} from './internal/useColor.helpers';\nimport type {\n BackgroundColorData,\n ColorAliasType,\n ColorValue,\n ShadowBorderColorData,\n TextColorData\n} from './internal/useColor.types';\n\n/*\n A factory function for defining color-related props in a component.\n \n @typedef {Object} ColorProps\n * @property {string} color - The color of the component.\n \n @param {Object} props - The base properties object to extend.\n * @param {string} namespace - The namespace for property keys to avoid conflicts.\n * @returns {Object} The resulting props object with added color-related properties.\n /\nexport const defineColorProps = propsFactory(\n {\n /\n Цвет компонента\n * @en Component color\n /\n color: String,\n /\n Цвет неактивного компонента\n * @en Color of the component in its inactive state\n /\n baseColor: String,\n /\n Цвет компонента, когда он находится в активном состоянии\n * @en Color of the component in its active state\n /\n activeColor: String,\n /\n Цвет фона компонента\n * @en Background color of the component\n /\n bgColor: String,\n /\n Цвет текста компонента\n * @en Text color of the component\n /\n textColor: String\n },\n 'color'\n);\n\n/\n A composable function that computes color classes and styles based on the provided color configuration\n * and an optional alias path.\n \n @param {MaybeRefOrGetter<{ background?: ColorValue; text?: ColorValue }>} colors - The color configuration\n * object containing `background` and `text` color values, which can be reactive or static.\n * @param {ColorAliasType} [aliasPath='surface'] - An optional alias path to determine how colors\n * are computed and applied.\n * @return {{ colorClasses: string, colorStyles: object }} An object containing the computed color\n * class names and inline styles for applying the colors.\n /\nexport function useColor(\n colors: MaybeRefOrGetter<{ background?: ColorValue; text?: ColorValue; shadowBorder?: ColorValue }>,\n aliasPath: ColorAliasType = 'surface'\n) {\n return destructComputed(() => {\n const { class: colorClasses, style: colorStyles } = computeColor(colors, aliasPath);\n\n return { colorClasses, colorStyles };\n });\n}\n\n/\n A hook that generates text color-related classes and inline styles based on the given color value and alias path.\n \n @param {MaybeRefOrGetter<ColorValue>} color - The primary color value or getter used for text styling.\n * @param {ColorAliasType} [aliasPath='content'] - The alias path used for determining the color mapping.\n * @return {TextColorData} An object containing the generated text color classes and inline styles.\n /\nexport function useTextColor(\n color: MaybeRefOrGetter<ColorValue>,\n aliasPath: ColorAliasType = 'content'\n): TextColorData {\n const { colorClasses: textColorClasses, colorStyles: textColorStyles } = useColor(\n () => ({\n text: toValue(color)\n }),\n aliasPath\n );\n\n return { textColorClasses, textColorStyles };\n}\n\n/\n Generates background color-related classes and styles based on the provided color and alias path.\n \n @param {MaybeRefOrGetter<ColorValue>} color - The primary color value or a function that returns the color.\n * @param {ColorAliasType} [aliasPath='surface'] - The alias path to be used for resolving color schemes.\n * @return {BackgroundColorData} An object containing the background color classes and styles.\n /\nexport function useBackgroundColor(\n color: MaybeRefOrGetter<ColorValue>,\n aliasPath: ColorAliasType = 'surface'\n): BackgroundColorData {\n const { colorClasses: backgroundColorClasses, colorStyles: backgroundColorStyles } = useColor(\n () => ({\n background: toValue(color)\n }),\n aliasPath\n );\n\n return { backgroundColorClasses, backgroundColorStyles };\n}\n\n/\n Generates border-color and box-shadow classes/styles mirroring the SCSS `cds-shadow-border` mixin.\n \n @param {MaybeRefOrGetter<ColorValue>} color - The primary color value or a function that returns the color.\n * @param {ColorAliasType} [aliasPath='line'] - The alias path used to resolve the line/border tier of the alias palette.\n * @return {ShadowBorderColorData} An object containing the shadow-border classes and styles.\n /\nexport function useShadowBorderColor(\n color: MaybeRefOrGetter<ColorValue>,\n aliasPath: ColorAliasType = 'line'\n): ShadowBorderColorData {\n const { colorClasses: shadowBorderColorClasses, colorStyles: shadowBorderColorStyles } = useColor(\n () => ({\n shadowBorder: toValue(color)\n }),\n aliasPath\n );\n\n return { shadowBorderColorClasses, shadowBorderColorStyles };\n}\n\n/\n Computes the color classes and inline styles based on the provided background and text colors.\n \n @param {MaybeRefOrGetter<{ background?: ColorValue; text?: ColorValue }>} colors - An object containing optional background and text color values. It may be a value, a reference, or a getter function.\n * @param {ColorAliasType} aliasPath - The alias path used to resolve color mapping.\n * @return {{ class: string[]; style: CSSProperties }} An object containing the computed CSS classes and inline styles for the specified colors.\n */\nexport function computeColor(\n colors: MaybeRefOrGetter<{ background?: ColorValue; text?: ColorValue; shadowBorder?: ColorValue }>,\n aliasPath: ColorAliasType\n) {\n const rawColors = toValue(colors);\n const _colors = normalizeColors(rawColors, aliasPath);\n\n const classes: string[] = [];\n const styles: CSSProperties = {};\n\n if (_colors.background) {\n const resolvedBg = resolveColorPrimitive(_colors.background) ?? _colors.background;\n\n if (isCssColor(resolvedBg)) {\n styles.backgroundColor = resolvedBg;\n\n if (!_colors.text) {\n const fixedForeground = fixedAliasForeground(rawColors.background, 'bg-');\n\n if (fixedForeground) {\n // Чёрный и белый фон не меняются вместе с темой — парный текст тоже\n // фиксированный, иначе в одной из тем он сольётся с фоном.\n styles.color = fixedForeground;\n styles.caretColor = fixedForeground;\n } else if (aliasPath === 'surface' && isColorAlias(rawColors.background, 'bg-')) {\n // Алиасные surface-цвета переворачиваются вместе с темой (в светлой —\n // насыщенные, в тёмной — светлые), поэтому парный текст берём из\n // content-inverse, а не из «всегда светлого» content-on-dark.\n classes.push('cds-theme-on-inverse');\n } else if (isParsableColor(resolvedBg)) {\n const backgroundColor = parseColor(resolvedBg);\n if (backgroundColor.a == null \|\| backgroundColor.a === 1) {\n classes.push(hasLightForeground(backgroundColor) ? 'cds-theme-on-dark' : 'cds-theme-on-light');\n }\n }\n }\n } else {\n classes.push(`bg-${_colors.background}`);\n if (!_colors.text) {\n classes.push(`on-${_colors.background}`);\n }\n }\n }\n\n if (_colors.text) {\n const resolvedText = resolveColorPrimitive(_colors.text) ?? _colors.text;\n\n if (isCssColor(resolvedText)) {\n styles.color = resolvedText;\n styles.caretColor = resolvedText;\n } else {\n classes.push(`text-${_colors.text}`);\n }\n }\n\n if (_colors.shadowBorder) {\n const resolvedBorder = resolveColorPrimitive(_colors.shadowBorder) ?? _colors.shadowBorder;\n\n if (isCssColor(resolvedBorder)) {\n styles.borderColor = resolvedBorder;\n styles.boxShadow = shadowBorderBoxShadow(resolvedBorder);\n } else {\n classes.push(`border-${_colors.shadowBorder}`);\n }\n }\n\n return { class: classes, style: styles };\n}\n"],"names":[],"mappings":"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"}

package/dist/es/src/composables/useDatetime/useDatetime.js CHANGED Viewed

@@ -8,6 +8,7 @@ const defineDatetimeProps = propsFactory(
   {
     /**
      * Значение модели
+     * @en Value of the model
      */
     modelValue: {
       type: [String, Array, Object],
@@ -15,6 +16,7 @@ const defineDatetimeProps = propsFactory(
     },
     /**
      * Формат даты/времени
+     * @en Date/time format
      */
     mask: {
       type: String,
@@ -23,6 +25,7 @@ const defineDatetimeProps = propsFactory(
     /**
      * Локаль для дат. Имя локали ('ru' | 'en') или объект `TDateLocale`.
      * По умолчанию берётся текущая локаль из `useLocale`, иначе `ru`.
+     * @en Locale for the dates. A locale name ('ru' | 'en') or a `TDateLocale` object. The current locale from `useLocale` is taken by default, otherwise `ru`.
      */
     locale: {
       type: [String, Object],

package/dist/es/src/composables/useDatetime/useDatetime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDatetime.js","sources":["../../../../../src/composables/useDatetime/useDatetime.ts"],"sourcesContent":["import { useLocale } from '@cds/composables/useLocale';\nimport { propsFactory } from '@cds/core';\nimport { dateLocales, DEFAULT_DATE_LOCALE } from '@cds/locales/date';\nimport type { IRawDate, TDateLocale } from '@cds/utils';\nimport { pad, splitDate } from '@cds/utils';\nimport type { ComputedRef, PropType } from 'vue';\nimport { computed, unref } from 'vue';\n\nexport type TDatetimeValueRange = { from: string \| IRawDate; to: string \| IRawDate; target?: string \| IRawDate };\n\nexport interface DatetimeProps {\n modelValue?: string \| TDatetimeValueRange \| Array<string \| TDatetimeValueRange> \| null;\n mask: string;\n locale?: string \| TDateLocale;\n readonly?: boolean \| null;\n disabled?: boolean \| null;\n}\n\nexport interface UseDatetime {\n editable: ComputedRef<boolean>;\n tabindex: ComputedRef<number>;\n getCurrentDate: (dateOnly?: boolean) => IRawDate;\n getShortDate: (date: IRawDate) => Partial<IRawDate>;\n getLocale: () => TDateLocale;\n getMask: () => string;\n decodeString: (date: string) => IRawDate;\n}\n\n/*\n Фабрика пропсов для работы с датой/временем.\n /\nexport const defineDatetimeProps = propsFactory(\n {\n /\n Значение модели\n /\n modelValue: {\n type: [String, Array, Object] as PropType<string \| TDatetimeValueRange \| Array<string \| TDatetimeValueRange>>,\n default: null\n },\n /\n Формат даты/времени\n /\n mask: {\n type: String as PropType<string>,\n default: 'DD.MM.YYYY'\n },\n /\n Локаль для дат. Имя локали ('ru' \| 'en') или объект `TDateLocale`.\n * По умолчанию берётся текущая локаль из `useLocale`, иначе `ru`.\n /\n locale: {\n type: [String, Object] as PropType<string \| TDateLocale>,\n default: undefined\n }\n },\n 'datetime'\n);\n\n/\n Композабл для работы с датой/временем: парсинг, форматирование и резолв date-локали.\n * @param props\n /\nexport function useDatetime(props: DatetimeProps): UseDatetime {\n const i18n = useLocale();\n\n const editable = computed(() => !props.disabled && !props.readonly);\n const tabindex = computed(() => (editable.value ? 0 : -1));\n\n function getCurrentDate(dateOnly?: boolean): IRawDate {\n const date = new Date();\n const timeFill = dateOnly ? null : 0;\n\n return {\n year: date.getFullYear(),\n month: date.getMonth() + 1,\n day: date.getDate(),\n hour: timeFill as unknown as number,\n minute: timeFill as unknown as number,\n second: timeFill as unknown as number,\n millisecond: timeFill as unknown as number\n };\n }\n\n function getShortDate(date: IRawDate): Partial<IRawDate> {\n return { year: date.year, month: date.month, day: date.day };\n }\n\n function getLocale(): TDateLocale {\n const locale = props.locale;\n\n if (locale && typeof locale === 'object') return locale;\n\n const name = (typeof locale === 'string' && locale) \|\| unref(i18n.current) \|\| DEFAULT_DATE_LOCALE;\n\n return dateLocales[name] ?? dateLocales[DEFAULT_DATE_LOCALE];\n }\n\n function getMask() {\n return props.mask;\n }\n\n function decodeString(date: string): IRawDate {\n return splitDate(date, props.mask, getLocale(), {\n hour: 0,\n minute: 0,\n second: 0,\n millisecond: 0\n });\n }\n\n return {\n editable,\n tabindex,\n getCurrentDate,\n getShortDate,\n getLocale,\n getMask,\n decodeString\n };\n}\n\n/\n Возвращает хэш дня в формате YYYY/MM/DD.\n * @param date\n */\nexport function getDayHash(date: IRawDate): string {\n return date.year + '/' + pad(date.month as number) + '/' + pad(date.day as number);\n}\n"],"names":[],"mappings":";;;;;;AA+BO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,~~IAIE~~,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,~~IAKX~~,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~IAMX~~,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;AAMO,SAAS,YAAY,OAAmC;AAC7D,QAAM,OAAO,UAAA;AAEb,QAAM,WAAW,SAAS,MAAM,CAAC,MAAM,YAAY,CAAC,MAAM,QAAQ;AAClE,QAAM,WAAW,SAAS,MAAO,SAAS,QAAQ,IAAI,EAAG;AAEzD,WAAS,eAAe,UAA8B;AACpD,UAAM,2BAAW,KAAA;AACjB,UAAM,WAAW,WAAW,OAAO;AAEnC,WAAO;AAAA,MACL,MAAM,KAAK,YAAA;AAAA,MACX,OAAO,KAAK,SAAA,IAAa;AAAA,MACzB,KAAK,KAAK,QAAA;AAAA,MACV,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,EAEjB;AAEA,WAAS,aAAa,MAAmC;AACvD,WAAO,EAAE,MAAM,KAAK,MAAM,OAAO,KAAK,OAAO,KAAK,KAAK,IAAA;AAAA,EACzD;AAEA,WAAS,YAAyB;AAChC,UAAM,SAAS,MAAM;AAErB,QAAI,UAAU,OAAO,WAAW,SAAU,QAAO;AAEjD,UAAM,OAAQ,OAAO,WAAW,YAAY,UAAW,MAAM,KAAK,OAAO,KAAK;AAE9E,WAAO,YAAY,IAAI,KAAK,YAAY,mBAAmB;AAAA,EAC7D;AAEA,WAAS,UAAU;AACjB,WAAO,MAAM;AAAA,EACf;AAEA,WAAS,aAAa,MAAwB;AAC5C,WAAO,UAAU,MAAM,MAAM,MAAM,aAAa;AAAA,MAC9C,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA,CACd;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;AAMO,SAAS,WAAW,MAAwB;AACjD,SAAO,KAAK,OAAO,MAAM,IAAI,KAAK,KAAe,IAAI,MAAM,IAAI,KAAK,GAAa;AACnF;"}
1	+ {"version":3,"file":"useDatetime.js","sources":["../../../../../src/composables/useDatetime/useDatetime.ts"],"sourcesContent":["import { useLocale } from '@cds/composables/useLocale';\nimport { propsFactory } from '@cds/core';\nimport { dateLocales, DEFAULT_DATE_LOCALE } from '@cds/locales/date';\nimport type { IRawDate, TDateLocale } from '@cds/utils';\nimport { pad, splitDate } from '@cds/utils';\nimport type { ComputedRef, PropType } from 'vue';\nimport { computed, unref } from 'vue';\n\nexport type TDatetimeValueRange = { from: string \| IRawDate; to: string \| IRawDate; target?: string \| IRawDate };\n\nexport interface DatetimeProps {\n modelValue?: string \| TDatetimeValueRange \| Array<string \| TDatetimeValueRange> \| null;\n mask: string;\n locale?: string \| TDateLocale;\n readonly?: boolean \| null;\n disabled?: boolean \| null;\n}\n\nexport interface UseDatetime {\n editable: ComputedRef<boolean>;\n tabindex: ComputedRef<number>;\n getCurrentDate: (dateOnly?: boolean) => IRawDate;\n getShortDate: (date: IRawDate) => Partial<IRawDate>;\n getLocale: () => TDateLocale;\n getMask: () => string;\n decodeString: (date: string) => IRawDate;\n}\n\n/*\n Фабрика пропсов для работы с датой/временем.\n /\nexport const defineDatetimeProps = propsFactory(\n {\n /\n Значение модели\n * @en Value of the model\n /\n modelValue: {\n type: [String, Array, Object] as PropType<string \| TDatetimeValueRange \| Array<string \| TDatetimeValueRange>>,\n default: null\n },\n /\n Формат даты/времени\n * @en Date/time format\n /\n mask: {\n type: String as PropType<string>,\n default: 'DD.MM.YYYY'\n },\n /\n Локаль для дат. Имя локали ('ru' \| 'en') или объект `TDateLocale`.\n * По умолчанию берётся текущая локаль из `useLocale`, иначе `ru`.\n * @en Locale for the dates. A locale name ('ru' \| 'en') or a `TDateLocale` object. The current locale from `useLocale` is taken by default, otherwise `ru`.\n /\n locale: {\n type: [String, Object] as PropType<string \| TDateLocale>,\n default: undefined\n }\n },\n 'datetime'\n);\n\n/\n Композабл для работы с датой/временем: парсинг, форматирование и резолв date-локали.\n * @param props\n /\nexport function useDatetime(props: DatetimeProps): UseDatetime {\n const i18n = useLocale();\n\n const editable = computed(() => !props.disabled && !props.readonly);\n const tabindex = computed(() => (editable.value ? 0 : -1));\n\n function getCurrentDate(dateOnly?: boolean): IRawDate {\n const date = new Date();\n const timeFill = dateOnly ? null : 0;\n\n return {\n year: date.getFullYear(),\n month: date.getMonth() + 1,\n day: date.getDate(),\n hour: timeFill as unknown as number,\n minute: timeFill as unknown as number,\n second: timeFill as unknown as number,\n millisecond: timeFill as unknown as number\n };\n }\n\n function getShortDate(date: IRawDate): Partial<IRawDate> {\n return { year: date.year, month: date.month, day: date.day };\n }\n\n function getLocale(): TDateLocale {\n const locale = props.locale;\n\n if (locale && typeof locale === 'object') return locale;\n\n const name = (typeof locale === 'string' && locale) \|\| unref(i18n.current) \|\| DEFAULT_DATE_LOCALE;\n\n return dateLocales[name] ?? dateLocales[DEFAULT_DATE_LOCALE];\n }\n\n function getMask() {\n return props.mask;\n }\n\n function decodeString(date: string): IRawDate {\n return splitDate(date, props.mask, getLocale(), {\n hour: 0,\n minute: 0,\n second: 0,\n millisecond: 0\n });\n }\n\n return {\n editable,\n tabindex,\n getCurrentDate,\n getShortDate,\n getLocale,\n getMask,\n decodeString\n };\n}\n\n/\n Возвращает хэш дня в формате YYYY/MM/DD.\n * @param date\n */\nexport function getDayHash(date: IRawDate): string {\n return date.year + '/' + pad(date.month as number) + '/' + pad(date.day as number);\n}\n"],"names":[],"mappings":";;;;;;AA+BO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;AAMO,SAAS,YAAY,OAAmC;AAC7D,QAAM,OAAO,UAAA;AAEb,QAAM,WAAW,SAAS,MAAM,CAAC,MAAM,YAAY,CAAC,MAAM,QAAQ;AAClE,QAAM,WAAW,SAAS,MAAO,SAAS,QAAQ,IAAI,EAAG;AAEzD,WAAS,eAAe,UAA8B;AACpD,UAAM,2BAAW,KAAA;AACjB,UAAM,WAAW,WAAW,OAAO;AAEnC,WAAO;AAAA,MACL,MAAM,KAAK,YAAA;AAAA,MACX,OAAO,KAAK,SAAA,IAAa;AAAA,MACzB,KAAK,KAAK,QAAA;AAAA,MACV,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,EAEjB;AAEA,WAAS,aAAa,MAAmC;AACvD,WAAO,EAAE,MAAM,KAAK,MAAM,OAAO,KAAK,OAAO,KAAK,KAAK,IAAA;AAAA,EACzD;AAEA,WAAS,YAAyB;AAChC,UAAM,SAAS,MAAM;AAErB,QAAI,UAAU,OAAO,WAAW,SAAU,QAAO;AAEjD,UAAM,OAAQ,OAAO,WAAW,YAAY,UAAW,MAAM,KAAK,OAAO,KAAK;AAE9E,WAAO,YAAY,IAAI,KAAK,YAAY,mBAAmB;AAAA,EAC7D;AAEA,WAAS,UAAU;AACjB,WAAO,MAAM;AAAA,EACf;AAEA,WAAS,aAAa,MAAwB;AAC5C,WAAO,UAAU,MAAM,MAAM,MAAM,aAAa;AAAA,MAC9C,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA,CACd;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;AAMO,SAAS,WAAW,MAAwB;AACjD,SAAO,KAAK,OAAO,MAAM,IAAI,KAAK,KAAe,IAAI,MAAM,IAAI,KAAK,GAAa;AACnF;"}