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

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

@@ -1,32 +1,62 @@
 import { d as defineCdsResponsiveProps } from "../../CdsResponsive/api/CdsResponsive.props.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsImageConstants } from "./CdsImage.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsImageProps = propsFactory(
   {
-    /** Позиционирует изображение как `position: absolute`, заполняя родителя. */
+    /**
+     * Позиционирует изображение как `position: absolute`, заполняя родителя.
+     * @en Positions the image with `position: absolute`, filling its parent.
+     */
     absolute: Boolean,
-    /** Альтернативный текст изображения (атрибут `alt`). */
+    /**
+     * Альтернативный текст изображения (атрибут `alt`).
+     * @en Alternative text of the image (the `alt` attribute).
+     */
     alt: String,
-    /** Масштабирует изображение, чтобы оно полностью закрывало контейнер (`object-fit: cover`). */
+    /**
+     * Масштабирует изображение, чтобы оно полностью закрывало контейнер (`object-fit: cover`).
+     * @en Scales the image so that it covers the whole container (`object-fit: cover`).
+     */
     cover: Boolean,
-    /** Цвет фона-плейсхолдера, отображаемого во время загрузки. */
+    /**
+     * Цвет фона-плейсхолдера, отображаемого во время загрузки.
+     * @en Background color of the placeholder shown while loading.
+     */
     color: String,
-    /** Управляет возможностью перетаскивания изображения (атрибут `draggable`). */
+    /**
+     * Управляет возможностью перетаскивания изображения (атрибут `draggable`).
+     * @en Controls whether the image can be dragged (the `draggable` attribute).
+     */
     draggable: {
       type: [Boolean, String],
       default: void 0
     },
-    /** Принудительно загружает изображение сразу, не дожидаясь появления в области видимости. */
+    /**
+     * Принудительно загружает изображение сразу, не дожидаясь появления в области видимости.
+     * @en Loads the image immediately instead of waiting for it to enter the viewport.
+     */
     eager: Boolean,
-    /** CSS-градиент, накладываемый поверх изображения. Например `'to top, rgba(0,0,0,.4), transparent'`. */
+    /**
+     * CSS-градиент, накладываемый поверх изображения. Например `'to top, rgba(0,0,0,.4), transparent'`.
+     * @en CSS gradient laid over the image. For example `'to top, rgba(0,0,0,.4), transparent'`.
+     */
     gradient: String,
-    /** CSS-класс, применяемый к внутреннему элементу `<img>`. */
+    /**
+     * CSS-класс, применяемый к внутреннему элементу `<img>`.
+     * @en CSS class applied to the inner `<img>` element.
+     */
     imageClass: [String, Array, Object],
-    /** Источник изображения-заглушки низкого качества, показываемого до загрузки основного. */
+    /**
+     * Источник изображения-заглушки низкого качества, показываемого до загрузки основного.
+     * @en Source of the low-quality placeholder image shown until the main one loads.
+     */
     lazySrc: String,
-    /** Опции `IntersectionObserver` для ленивой загрузки. */
+    /**
+     * Опции `IntersectionObserver` для ленивой загрузки.
+     * @en `IntersectionObserver` options for lazy loading.
+     */
     options: {
       type: Object,
       default: () => ({
@@ -35,20 +65,38 @@ const defineCdsImageProps = propsFactory(
         threshold: void 0
       })
     },
-    /** Значение атрибута `sizes` для адаптивных изображений. */
+    /**
+     * Значение атрибута `sizes` для адаптивных изображений.
+     * @en Value of the `sizes` attribute for responsive images.
+     */
     sizes: String,
-    /** Источник изображения. Строка или объект с `src`/`srcset`/`lazySrc`/`aspect`. */
+    /**
+     * Источник изображения. Строка или объект с `src`/`srcset`/`lazySrc`/`aspect`.
+     * @en Image source. A string or an object with `src`/`srcset`/`lazySrc`/`aspect`.
+     */
     src: {
       type: [String, Object],
       default: ""
     },
-    /** Значение атрибута `crossorigin`. */
+    /**
+     * Значение атрибута `crossorigin`.
+     * @en Value of the `crossorigin` attribute.
+     */
     crossorigin: String,
-    /** Значение атрибута `referrerpolicy`. */
+    /**
+     * Значение атрибута `referrerpolicy`.
+     * @en Value of the `referrerpolicy` attribute.
+     */
     referrerpolicy: String,
-    /** Набор источников изображения для разных разрешений (атрибут `srcset`). */
+    /**
+     * Набор источников изображения для разных разрешений (атрибут `srcset`).
+     * @en Set of image sources for different resolutions (the `srcset` attribute).
+     */
     srcset: String,
-    /** Значение `object-position` для позиционирования изображения внутри контейнера. */
+    /**
+     * Значение `object-position` для позиционирования изображения внутри контейнера.
+     * @en Value of `object-position` that places the image inside the container.
+     */
     position: String,
     ...defineCdsResponsiveProps(),
     ...defineTransitionProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsImage.props.js","sources":["../../../../../../src/components/CdsImage/api/CdsImage.props.ts"],"sourcesContent":["import { defineCdsResponsiveProps } from '@cds/components/CdsResponsive/api/CdsResponsive.props';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineTransitionProps } from '@cds/composables/useTransition';\nimport { type ClassValue, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsImageConstants } from './CdsImage.constants';\n\n/** Объект источника изображения (например, передаётся сборщиком). */\nexport interface CdsImageSrcObject {\n  src?: string;\n  srcset?: string;\n  lazySrc?: string;\n  aspect: number;\n}\n\nexport const defineCdsImageProps = propsFactory(\n  {\n    /** Позиционирует изображение как `position: absolute`, заполняя родителя. */\n    absolute: Boolean,\n    /** Альтернативный текст изображения (атрибут `alt`). */\n    alt: String,\n    /** Масштабирует изображение, чтобы оно полностью закрывало контейнер (`object-fit: cover`). */\n    cover: Boolean,\n    /** Цвет фона-плейсхолдера, отображаемого во время загрузки. */\n    color: String,\n    /** Управляет возможностью перетаскивания изображения (атрибут `draggable`). */\n    draggable: {\n      type: [Boolean, String] as PropType<boolean | 'true' | 'false'>,\n      default: undefined\n    },\n    /** Принудительно загружает изображение сразу, не дожидаясь появления в области видимости. */\n    eager: Boolean,\n    /** CSS-градиент, накладываемый поверх изображения. Например `'to top, rgba(0,0,0,.4), transparent'`. */\n    gradient: String,\n    /** CSS-класс, применяемый к внутреннему элементу `<img>`. */\n    imageClass: [String, Array, Object] as PropType<ClassValue>,\n    /** Источник изображения-заглушки низкого качества, показываемого до загрузки основного. */\n    lazySrc: String,\n    /** Опции `IntersectionObserver` для ленивой загрузки. */\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined\n      })\n    },\n    /** Значение атрибута `sizes` для адаптивных изображений. */\n    sizes: String,\n    /** Источник изображения. Строка или объект с `src`/`srcset`/`lazySrc`/`aspect`. */\n    src: {\n      type: [String, Object] as PropType<string | CdsImageSrcObject>,\n      default: ''\n    },\n    /** Значение атрибута `crossorigin`. */\n    crossorigin: String as PropType<'' | 'anonymous' | 'use-credentials'>,\n    /** Значение атрибута `referrerpolicy`. */\n    referrerpolicy: String as PropType<\n      | 'no-referrer'\n      | 'no-referrer-when-downgrade'\n      | 'origin'\n      | 'origin-when-cross-origin'\n      | 'same-origin'\n      | 'strict-origin'\n      | 'strict-origin-when-cross-origin'\n      | 'unsafe-url'\n    >,\n    /** Набор источников изображения для разных разрешений (атрибут `srcset`). */\n    srcset: String,\n    /** Значение `object-position` для позиционирования изображения внутри контейнера. */\n    position: String,\n\n    ...defineCdsResponsiveProps(),\n\n    ...defineTransitionProps(),\n    ...defineThemeProps()\n  },\n  CdsImageConstants.name\n);\n"],"names":[],"mappings":";;;;;AAgBO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,IAEE,UAAU;AAAA;AAAA,IAEV,KAAK;AAAA;AAAA,IAEL,OAAO;AAAA;AAAA,IAEP,OAAO;AAAA;AAAA,IAEP,WAAW;AAAA,MACT,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,OAAO;AAAA;AAAA,IAEP,UAAU;AAAA;AAAA,IAEV,YAAY,CAAC,QAAQ,OAAO,MAAM;AAAA;AAAA,IAElC,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,IACb;AAAA;AAAA,IAGF,OAAO;AAAA;AAAA,IAEP,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,aAAa;AAAA;AAAA,IAEb,gBAAgB;AAAA;AAAA,IAWhB,QAAQ;AAAA;AAAA,IAER,UAAU;AAAA,IAEV,GAAG,yBAAA;AAAA,IAEH,GAAG,sBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;"}
+{"version":3,"file":"CdsImage.props.js","sources":["../../../../../../src/components/CdsImage/api/CdsImage.props.ts"],"sourcesContent":["import { defineCdsResponsiveProps } from '@cds/components/CdsResponsive/api/CdsResponsive.props';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineTransitionProps } from '@cds/composables/useTransition';\nimport { type ClassValue, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsImageConstants } from './CdsImage.constants';\n\n/**\n * Объект источника изображения (например, передаётся сборщиком).\n * @en Image source object (passed by a bundler, for example).\n */\nexport interface CdsImageSrcObject {\n  src?: string;\n  srcset?: string;\n  lazySrc?: string;\n  aspect: number;\n}\n\nexport const defineCdsImageProps = propsFactory(\n  {\n    /**\n     * Позиционирует изображение как `position: absolute`, заполняя родителя.\n     * @en Positions the image with `position: absolute`, filling its parent.\n     */\n    absolute: Boolean,\n    /**\n     * Альтернативный текст изображения (атрибут `alt`).\n     * @en Alternative text of the image (the `alt` attribute).\n     */\n    alt: String,\n    /**\n     * Масштабирует изображение, чтобы оно полностью закрывало контейнер (`object-fit: cover`).\n     * @en Scales the image so that it covers the whole container (`object-fit: cover`).\n     */\n    cover: Boolean,\n    /**\n     * Цвет фона-плейсхолдера, отображаемого во время загрузки.\n     * @en Background color of the placeholder shown while loading.\n     */\n    color: String,\n    /**\n     * Управляет возможностью перетаскивания изображения (атрибут `draggable`).\n     * @en Controls whether the image can be dragged (the `draggable` attribute).\n     */\n    draggable: {\n      type: [Boolean, String] as PropType<boolean | 'true' | 'false'>,\n      default: undefined\n    },\n    /**\n     * Принудительно загружает изображение сразу, не дожидаясь появления в области видимости.\n     * @en Loads the image immediately instead of waiting for it to enter the viewport.\n     */\n    eager: Boolean,\n    /**\n     * CSS-градиент, накладываемый поверх изображения. Например `'to top, rgba(0,0,0,.4), transparent'`.\n     * @en CSS gradient laid over the image. For example `'to top, rgba(0,0,0,.4), transparent'`.\n     */\n    gradient: String,\n    /**\n     * CSS-класс, применяемый к внутреннему элементу `<img>`.\n     * @en CSS class applied to the inner `<img>` element.\n     */\n    imageClass: [String, Array, Object] as PropType<ClassValue>,\n    /**\n     * Источник изображения-заглушки низкого качества, показываемого до загрузки основного.\n     * @en Source of the low-quality placeholder image shown until the main one loads.\n     */\n    lazySrc: String,\n    /**\n     * Опции `IntersectionObserver` для ленивой загрузки.\n     * @en `IntersectionObserver` options for lazy loading.\n     */\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined\n      })\n    },\n    /**\n     * Значение атрибута `sizes` для адаптивных изображений.\n     * @en Value of the `sizes` attribute for responsive images.\n     */\n    sizes: String,\n    /**\n     * Источник изображения. Строка или объект с `src`/`srcset`/`lazySrc`/`aspect`.\n     * @en Image source. A string or an object with `src`/`srcset`/`lazySrc`/`aspect`.\n     */\n    src: {\n      type: [String, Object] as PropType<string | CdsImageSrcObject>,\n      default: ''\n    },\n    /**\n     * Значение атрибута `crossorigin`.\n     * @en Value of the `crossorigin` attribute.\n     */\n    crossorigin: String as PropType<'' | 'anonymous' | 'use-credentials'>,\n    /**\n     * Значение атрибута `referrerpolicy`.\n     * @en Value of the `referrerpolicy` attribute.\n     */\n    referrerpolicy: String as PropType<\n      | 'no-referrer'\n      | 'no-referrer-when-downgrade'\n      | 'origin'\n      | 'origin-when-cross-origin'\n      | 'same-origin'\n      | 'strict-origin'\n      | 'strict-origin-when-cross-origin'\n      | 'unsafe-url'\n    >,\n    /**\n     * Набор источников изображения для разных разрешений (атрибут `srcset`).\n     * @en Set of image sources for different resolutions (the `srcset` attribute).\n     */\n    srcset: String,\n    /**\n     * Значение `object-position` для позиционирования изображения внутри контейнера.\n     * @en Value of `object-position` that places the image inside the container.\n     */\n    position: String,\n\n    ...defineCdsResponsiveProps(),\n\n    ...defineTransitionProps(),\n    ...defineThemeProps()\n  },\n  CdsImageConstants.name\n);\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,WAAW;AAAA,MACT,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,YAAY,CAAC,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,IACb;AAAA;AAAA;AAAA;AAAA;AAAA,IAMF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAchB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,UAAU;AAAA,IAEV,GAAG,yBAAA;AAAA,IAEH,GAAG,sBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;"}

package/dist/es/src/components/CdsInput/CdsInput.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-input {
     display: grid;

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

@@ -1,7 +1,6 @@
 import { defineComponent, useSlots, useId, computed, toRef, unref, createVNode } from "vue";
 import { u as useDirection } from "../../composables/useDirection/useDirection.js";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useValidation } from "../../composables/useValidation/useValidation.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -11,6 +10,7 @@ import { C as CdsMessages } from "../CdsMessages/index.js";
 import { C as CdsInputConstants } from "./api/CdsInput.constants.js";
 import { d as defineCdsInputProps } from "./api/CdsInput.props.js";
 import { u as useInputIcon } from "./CdsInputIcon.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -101,27 +101,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       CdsInputIcon
     } = useInputIcon(props);
     __expose({
-      /** ID поля ввода */
+      /**
+       * ID поля ввода
+       * @en ID of the input
+       */
       id,
-      /** Является ли поле ввода "грязным" */
+      /**
+       * Является ли поле ввода "грязным"
+       * @en Whether the input is dirty
+       */
       isDirty,
-      /** Является ли поле ввода заблокированным */
+      /**
+       * Является ли поле ввода заблокированным
+       * @en Whether the input is disabled
+       */
       isDisabled,
-      /** Является ли поле ввода только для чтения */
+      /**
+       * Является ли поле ввода только для чтения
+       * @en Whether the input is read-only
+       */
       isReadonly,
-      /** Является ли поле ввода "чистым" */
+      /**
+       * Является ли поле ввода "чистым"
+       * @en Whether the input is pure
+       */
       isPure,
-      /** Является ли поле ввода валидным */
+      /**
+       * Является ли поле ввода валидным
+       * @en Whether the input is valid
+       */
       isValid,
-      /** Является ли поле ввода в процессе валидации */
+      /**
+       * Является ли поле ввода в процессе валидации
+       * @en Whether the input is being validated
+       */
       isValidating,
-      /** Сообщения об ошибках валидации */
+      /**
+       * Сообщения об ошибках валидации
+       * @en Validation error messages
+       */
       errorMessages,
-      /** Функция сброса поля ввода в исходное состояние */
+      /**
+       * Функция сброса поля ввода в исходное состояние
+       * @en Resets the input to its initial state
+       */
       reset,
-      /** Функция сброса валидации поля ввода */
+      /**
+       * Функция сброса валидации поля ввода
+       * @en Resets the validation of the input
+       */
       resetValidation,
-      /** Функция валидации поля ввода */
+      /**
+       * Функция валидации поля ввода
+       * @en Validates the input
+       */
       validate
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsInput.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsInput/CdsInput.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsInput.scss';\n\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useDirection } from '@cds/composables/useDirection';\nimport { useRtl } from '@cds/composables/useLocale';\nimport { useSize } from '@cds/composables/useSize';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useValidation } from '@cds/composables/useValidation';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, toRef, unref, useId } from 'vue';\n\nimport { CdsDescription } from '../CdsDescription';\nimport { CdsLabel } from '../CdsLabel';\nimport { CdsMessages } from '../CdsMessages';\nimport { CdsInputConstants } from './api/CdsInput.constants';\nimport { defineCdsInputProps } from './api/CdsInput.props';\nimport type { CdsInputEvents, CdsInputSlot, CdsInputSlots } from './api/CdsInput.types';\nimport { useInputIcon } from './CdsInputIcon';\n\ndefineOptions({\n  name: CdsInputConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsInputProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsInputSlots>();\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { rtlClasses } = useRtl();\nconst { sizeClasses, sizeStyles } = useSize(props);\nconst { directionClasses } = useDirection(props);\n\nconst uid = useId();\nconst id = computed(() => props.id || `input-${uid}`);\nconst size = computed(() => props.size || 'md');\n\nconst hasLabel = toRef(() => !!(props.label || slots.label));\nconst hasDescription = toRef(() => !!(props.description || slots.description));\n\nconst {\n  errorMessages,\n  isDirty,\n  isPure,\n  isDisabled,\n  isReadonly,\n  isValid,\n  isValidating,\n  validationClasses,\n  validate,\n  reset,\n  resetValidation\n} = useValidation(props, CdsInputConstants.rootClass, id);\n\nconst messages = computed(() => {\n  if (props.errorMessages?.length || (!unref(isPure) && unref(errorMessages).length)) {\n    return unref(errorMessages);\n  } else if (props.hint && (props.persistentHint || props.focused)) {\n    return props.hint;\n  } else {\n    return props.messages;\n  }\n});\n\nconst hasMessages = toRef(() => !!slots.messages || (!!unref(messages) && unref(messages)!.length > 0));\n\nconst hasDetails = toRef(\n  () =>\n    (!props.hideDetails && !props.hideMessages) ||\n    (props.hideDetails === 'auto' && (unref(hasMessages) || !!slots.details || !!slots.messages))\n);\n\nconst messagesId = computed(() => (unref(hasDetails) ? `${unref(id)}-messages` : undefined));\n\nconst slotProps = computed<CdsInputSlot>(() => ({\n  id,\n  messagesId,\n  isDirty,\n  isDisabled,\n  isReadonly,\n  isPure,\n  isValid,\n  isValidating,\n  hasDetails,\n  size,\n  reset,\n  resetValidation,\n  validate\n}));\n\nconst color = toRef(() => {\n  return props.error || props.disabled ? undefined : props.focused ? props.activeColor : props.color;\n});\n\nconst iconColor = toRef(() => {\n  if (!props.iconColor) return undefined;\n\n  return props.iconColor === true ? unref(color) : props.iconColor;\n});\n\nconst { CdsInputIcon } = useInputIcon(props);\n\ndefineRender(() => {\n  const { rootClass } = CdsInputConstants;\n  const hasPrepend = !!(slots.prepend || props.prependIcon);\n  const hasAppend = !!(slots.append || props.appendIcon);\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--focused`]: props.focused,\n          [`${rootClass}--center-affix`]: props.centerAffix\n        },\n        unref(directionClasses),\n        unref(sizeClasses),\n        unref(validationClasses),\n        unref(themeClasses),\n        unref(rtlClasses),\n        props.class\n      )}\n      style={[unref(dimensionStyles), unref(sizeStyles), props.style]}\n    >\n      {unref(hasLabel) && (\n        <CdsLabel\n          key=\"label\"\n          for={unref(id)}\n          id={`${unref(id)}-label`}\n          disabled={props.disabled}\n          readonly={props.readonly}\n          class={`${rootClass}__label`}\n        >\n          {slots.label\n            ? slots.label({\n                label: props.label,\n                props: { for: unref(id), id: `${unref(id)}-label`, disabled: props.disabled, readonly: props.readonly }\n              })\n            : props.label}\n        </CdsLabel>\n      )}\n\n      {unref(hasDescription) && (\n        <CdsDescription key=\"description\" id={`${unref(id)}-description`} class={`${rootClass}__description`}>\n          {slots.description\n            ? slots.description({\n                description: props.description,\n                props: { id: `${unref(id)}-description` }\n              })\n            : props.description}\n        </CdsDescription>\n      )}\n\n      {hasPrepend && (\n        <div key=\"prepend\" class={classNames(`${rootClass}__prepend`)}>\n          {slots.prepend\n            ? slots.prepend(unref(slotProps))\n            : props.prependIcon && (\n                <CdsInputIcon key=\"prepend-icon\" name=\"prepend\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n\n      {slots.default && <div class={classNames(`${rootClass}__control`)}>{slots.default?.(unref(slotProps))}</div>}\n\n      {hasAppend && (\n        <div key=\"append\" class={classNames(`${rootClass}__append`)}>\n          {slots.append\n            ? slots.append(unref(slotProps))\n            : props.appendIcon && (\n                <CdsInputIcon key=\"append-icon\" name=\"append\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n\n      {unref(hasDetails) && (\n        <div id={unref(messagesId)} role=\"alert\" aria-live=\"polite\" class={classNames(`${rootClass}__details`)}>\n          <CdsMessages\n            active={unref(hasMessages)}\n            messages={unref(messages)}\n            v-slots={{ message: slots.message, default: slots.messages }}\n          />\n\n          {slots.details?.(unref(slotProps))}\n        </div>\n      )}\n    </div>\n  );\n});\n\ndefineExpose({\n  /** ID поля ввода */\n  id,\n  /** Является ли поле ввода \"грязным\" */\n  isDirty,\n  /** Является ли поле ввода заблокированным */\n  isDisabled,\n  /** Является ли поле ввода только для чтения */\n  isReadonly,\n  /** Является ли поле ввода \"чистым\" */\n  isPure,\n  /** Является ли поле ввода валидным */\n  isValid,\n  /** Является ли поле ввода в процессе валидации */\n  isValidating,\n  /** Сообщения об ошибках валидации */\n  errorMessages,\n  /** Функция сброса поля ввода в исходное состояние */\n  reset,\n  /** Функция сброса валидации поля ввода */\n  resetValidation,\n  /** Функция валидации поля ввода */\n  validate\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","dimensionStyles","useDimensions","rtlClasses","useRtl","sizeClasses","sizeStyles","useSize","directionClasses","useDirection","uid","useId","id","computed","size","hasLabel","toRef","label","hasDescription","description","errorMessages","isDirty","isPure","isDisabled","isReadonly","isValid","isValidating","validationClasses","validate","reset","resetValidation","useValidation","CdsInputConstants","rootClass","messages","length","unref","hint","persistentHint","focused","hasMessages","hasDetails","hideDetails","hideMessages","details","messagesId","undefined","slotProps","color","error","disabled","activeColor","iconColor","CdsInputIcon","useInputIcon","__expose","hasPrepend","prepend","prependIcon","hasAppend","append","appendIcon","_createVNode","classNames","centerAffix","class","style","CdsLabel","readonly","default","for","CdsDescription","CdsMessages","message"],"mappings":"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"}
+{"version":3,"file":"CdsInput.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsInput/CdsInput.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsInput.scss';\n\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useDirection } from '@cds/composables/useDirection';\nimport { useRtl } from '@cds/composables/useLocale';\nimport { useSize } from '@cds/composables/useSize';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useValidation } from '@cds/composables/useValidation';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, toRef, unref, useId } from 'vue';\n\nimport { CdsDescription } from '../CdsDescription';\nimport { CdsLabel } from '../CdsLabel';\nimport { CdsMessages } from '../CdsMessages';\nimport { CdsInputConstants } from './api/CdsInput.constants';\nimport { defineCdsInputProps } from './api/CdsInput.props';\nimport type { CdsInputEvents, CdsInputSlot, CdsInputSlots } from './api/CdsInput.types';\nimport { useInputIcon } from './CdsInputIcon';\n\ndefineOptions({\n  name: CdsInputConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsInputProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsInputSlots>();\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { rtlClasses } = useRtl();\nconst { sizeClasses, sizeStyles } = useSize(props);\nconst { directionClasses } = useDirection(props);\n\nconst uid = useId();\nconst id = computed(() => props.id || `input-${uid}`);\nconst size = computed(() => props.size || 'md');\n\nconst hasLabel = toRef(() => !!(props.label || slots.label));\nconst hasDescription = toRef(() => !!(props.description || slots.description));\n\nconst {\n  errorMessages,\n  isDirty,\n  isPure,\n  isDisabled,\n  isReadonly,\n  isValid,\n  isValidating,\n  validationClasses,\n  validate,\n  reset,\n  resetValidation\n} = useValidation(props, CdsInputConstants.rootClass, id);\n\nconst messages = computed(() => {\n  if (props.errorMessages?.length || (!unref(isPure) && unref(errorMessages).length)) {\n    return unref(errorMessages);\n  } else if (props.hint && (props.persistentHint || props.focused)) {\n    return props.hint;\n  } else {\n    return props.messages;\n  }\n});\n\nconst hasMessages = toRef(() => !!slots.messages || (!!unref(messages) && unref(messages)!.length > 0));\n\nconst hasDetails = toRef(\n  () =>\n    (!props.hideDetails && !props.hideMessages) ||\n    (props.hideDetails === 'auto' && (unref(hasMessages) || !!slots.details || !!slots.messages))\n);\n\nconst messagesId = computed(() => (unref(hasDetails) ? `${unref(id)}-messages` : undefined));\n\nconst slotProps = computed<CdsInputSlot>(() => ({\n  id,\n  messagesId,\n  isDirty,\n  isDisabled,\n  isReadonly,\n  isPure,\n  isValid,\n  isValidating,\n  hasDetails,\n  size,\n  reset,\n  resetValidation,\n  validate\n}));\n\nconst color = toRef(() => {\n  return props.error || props.disabled ? undefined : props.focused ? props.activeColor : props.color;\n});\n\nconst iconColor = toRef(() => {\n  if (!props.iconColor) return undefined;\n\n  return props.iconColor === true ? unref(color) : props.iconColor;\n});\n\nconst { CdsInputIcon } = useInputIcon(props);\n\ndefineRender(() => {\n  const { rootClass } = CdsInputConstants;\n  const hasPrepend = !!(slots.prepend || props.prependIcon);\n  const hasAppend = !!(slots.append || props.appendIcon);\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--focused`]: props.focused,\n          [`${rootClass}--center-affix`]: props.centerAffix\n        },\n        unref(directionClasses),\n        unref(sizeClasses),\n        unref(validationClasses),\n        unref(themeClasses),\n        unref(rtlClasses),\n        props.class\n      )}\n      style={[unref(dimensionStyles), unref(sizeStyles), props.style]}\n    >\n      {unref(hasLabel) && (\n        <CdsLabel\n          key=\"label\"\n          for={unref(id)}\n          id={`${unref(id)}-label`}\n          disabled={props.disabled}\n          readonly={props.readonly}\n          class={`${rootClass}__label`}\n        >\n          {slots.label\n            ? slots.label({\n                label: props.label,\n                props: { for: unref(id), id: `${unref(id)}-label`, disabled: props.disabled, readonly: props.readonly }\n              })\n            : props.label}\n        </CdsLabel>\n      )}\n\n      {unref(hasDescription) && (\n        <CdsDescription key=\"description\" id={`${unref(id)}-description`} class={`${rootClass}__description`}>\n          {slots.description\n            ? slots.description({\n                description: props.description,\n                props: { id: `${unref(id)}-description` }\n              })\n            : props.description}\n        </CdsDescription>\n      )}\n\n      {hasPrepend && (\n        <div key=\"prepend\" class={classNames(`${rootClass}__prepend`)}>\n          {slots.prepend\n            ? slots.prepend(unref(slotProps))\n            : props.prependIcon && (\n                <CdsInputIcon key=\"prepend-icon\" name=\"prepend\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n\n      {slots.default && <div class={classNames(`${rootClass}__control`)}>{slots.default?.(unref(slotProps))}</div>}\n\n      {hasAppend && (\n        <div key=\"append\" class={classNames(`${rootClass}__append`)}>\n          {slots.append\n            ? slots.append(unref(slotProps))\n            : props.appendIcon && (\n                <CdsInputIcon key=\"append-icon\" name=\"append\" color={unref(iconColor)} size={unref(size)} />\n              )}\n        </div>\n      )}\n\n      {unref(hasDetails) && (\n        <div id={unref(messagesId)} role=\"alert\" aria-live=\"polite\" class={classNames(`${rootClass}__details`)}>\n          <CdsMessages\n            active={unref(hasMessages)}\n            messages={unref(messages)}\n            v-slots={{ message: slots.message, default: slots.messages }}\n          />\n\n          {slots.details?.(unref(slotProps))}\n        </div>\n      )}\n    </div>\n  );\n});\n\ndefineExpose({\n  /**\n   * ID поля ввода\n   * @en ID of the input\n   */\n  id,\n  /**\n   * Является ли поле ввода \"грязным\"\n   * @en Whether the input is dirty\n   */\n  isDirty,\n  /**\n   * Является ли поле ввода заблокированным\n   * @en Whether the input is disabled\n   */\n  isDisabled,\n  /**\n   * Является ли поле ввода только для чтения\n   * @en Whether the input is read-only\n   */\n  isReadonly,\n  /**\n   * Является ли поле ввода \"чистым\"\n   * @en Whether the input is pure\n   */\n  isPure,\n  /**\n   * Является ли поле ввода валидным\n   * @en Whether the input is valid\n   */\n  isValid,\n  /**\n   * Является ли поле ввода в процессе валидации\n   * @en Whether the input is being validated\n   */\n  isValidating,\n  /**\n   * Сообщения об ошибках валидации\n   * @en Validation error messages\n   */\n  errorMessages,\n  /**\n   * Функция сброса поля ввода в исходное состояние\n   * @en Resets the input to its initial state\n   */\n  reset,\n  /**\n   * Функция сброса валидации поля ввода\n   * @en Resets the validation of the input\n   */\n  resetValidation,\n  /**\n   * Функция валидации поля ввода\n   * @en Validates the input\n   */\n  validate\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","dimensionStyles","useDimensions","rtlClasses","useRtl","sizeClasses","sizeStyles","useSize","directionClasses","useDirection","uid","useId","id","computed","size","hasLabel","toRef","label","hasDescription","description","errorMessages","isDirty","isPure","isDisabled","isReadonly","isValid","isValidating","validationClasses","validate","reset","resetValidation","useValidation","CdsInputConstants","rootClass","messages","length","unref","hint","persistentHint","focused","hasMessages","hasDetails","hideDetails","hideMessages","details","messagesId","undefined","slotProps","color","error","disabled","activeColor","iconColor","CdsInputIcon","useInputIcon","__expose","hasPrepend","prepend","prependIcon","hasAppend","append","appendIcon","_createVNode","classNames","centerAffix","class","style","CdsLabel","readonly","default","for","CdsDescription","CdsMessages","message"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAGd,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAC3C,UAAM;AAAA,MAAEM;AAAAA,IAAgB,IAAIC,cAAcP,KAAK;AAC/C,UAAM;AAAA,MAAEQ;AAAAA,QAAeC,OAAM;AAC7B,UAAM;AAAA,MAAEC;AAAAA,MAAaC;AAAAA,IAAW,IAAIC,QAAQZ,KAAK;AACjD,UAAM;AAAA,MAAEa;AAAAA,IAAiB,IAAIC,aAAad,KAAK;AAE/C,UAAMe,MAAMC,MAAK;AACjB,UAAMC,KAAKC,SAAS,MAAMlB,MAAMiB,MAAM,SAASF,GAAG,EAAE;AACpD,UAAMI,OAAOD,SAAS,MAAMlB,MAAMmB,QAAQ,IAAI;AAE9C,UAAMC,WAAWC,MAAM,MAAM,CAAC,EAAErB,MAAMsB,SAASpB,MAAMoB,MAAM;AAC3D,UAAMC,iBAAiBF,MAAM,MAAM,CAAC,EAAErB,MAAMwB,eAAetB,MAAMsB,YAAY;AAE7E,UAAM;AAAA,MACJC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,QACEC,cAAcpC,OAAOqC,kBAAkBC,WAAWrB,EAAE;AAExD,UAAMsB,WAAWrB,SAAS,MAAM;;AAC9B,YAAIlB,WAAMyB,kBAANzB,mBAAqBwC,WAAW,CAACC,MAAMd,MAAM,KAAKc,MAAMhB,aAAa,EAAEe,QAAS;AAClF,eAAOC,MAAMhB,aAAa;AAAA,MAC5B,WAAWzB,MAAM0C,SAAS1C,MAAM2C,kBAAkB3C,MAAM4C,UAAU;AAChE,eAAO5C,MAAM0C;AAAAA,MACf,OAAO;AACL,eAAO1C,MAAMuC;AAAAA,MACf;AAAA,IACF,CAAC;AAED,UAAMM,cAAcxB,MAAM,MAAM,CAAC,CAACnB,MAAMqC,YAAa,CAAC,CAACE,MAAMF,QAAQ,KAAKE,MAAMF,QAAQ,EAAGC,SAAS,CAAE;AAEtG,UAAMM,aAAazB,MACjB,MACG,CAACrB,MAAM+C,eAAe,CAAC/C,MAAMgD,gBAC7BhD,MAAM+C,gBAAgB,WAAWN,MAAMI,WAAW,KAAK,CAAC,CAAC3C,MAAM+C,WAAW,CAAC,CAAC/C,MAAMqC,SACvF;AAEA,UAAMW,aAAahC,SAAS,MAAOuB,MAAMK,UAAU,IAAI,GAAGL,MAAMxB,EAAE,CAAC,cAAckC,MAAU;AAE3F,UAAMC,YAAYlC,SAAuB,OAAO;AAAA,MAC9CD;AAAAA,MACAiC;AAAAA,MACAxB;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAF;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAe;AAAAA,MACA3B;AAAAA,MACAe;AAAAA,MACAC;AAAAA,MACAF;AAAAA,IACF,EAAE;AAEF,UAAMoB,QAAQhC,MAAM,MAAM;AACxB,aAAOrB,MAAMsD,SAAStD,MAAMuD,WAAWJ,SAAYnD,MAAM4C,UAAU5C,MAAMwD,cAAcxD,MAAMqD;AAAAA,IAC/F,CAAC;AAED,UAAMI,YAAYpC,MAAM,MAAM;AAC5B,UAAI,CAACrB,MAAMyD,UAAW,QAAON;AAE7B,aAAOnD,MAAMyD,cAAc,OAAOhB,MAAMY,KAAK,IAAIrD,MAAMyD;AAAAA,IACzD,CAAC;AAED,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAa3D,KAAK;AA0F3C4D,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKX3C;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAS;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAF;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAN;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAS;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAF;AAAAA,IACF,CAAC;WAhJY,MAAM;;AACjB,YAAM;AAAA,QAAEK;AAAAA,MAAU,IAAID;AACtB,YAAMwB,aAAa,CAAC,EAAE3D,MAAM4D,WAAW9D,MAAM+D;AAC7C,YAAMC,YAAY,CAAC,EAAE9D,MAAM+D,UAAUjE,MAAMkE;AAE3C,aAAAC,YAAA,OAAA;AAAA,QAAA,SAEWC,WACL9B,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,WAAW,GAAGtC,MAAM4C;AAAAA,UACjC,CAAC,GAAGN,SAAS,gBAAgB,GAAGtC,MAAMqE;AAAAA,QACxC,GACA5B,MAAM5B,gBAAgB,GACtB4B,MAAM/B,WAAW,GACjB+B,MAAMT,iBAAiB,GACvBS,MAAMrC,YAAY,GAClBqC,MAAMjC,UAAU,GAChBR,MAAMsE,KACR;AAAA,QAAC,SACM,CAAC7B,MAAMnC,eAAe,GAAGmC,MAAM9B,UAAU,GAAGX,MAAMuE,KAAK;AAAA,MAAC,GAAA,CAE9D9B,MAAMrB,QAAQ,KAAC+C,YAAAK,UAAA;AAAA,QAAA,OAAA;AAAA,QAAA,OAGP/B,MAAMxB,EAAE;AAAA,QAAC,MACV,GAAGwB,MAAMxB,EAAE,CAAC;AAAA,QAAQ,YACdjB,MAAMuD;AAAAA,QAAQ,YACdvD,MAAMyE;AAAAA,QAAQ,SACjB,GAAGnC,SAAS;AAAA,MAAS,GAAA;AAAA,QAAAoC,SAAAA,MAAA,CAE3BxE,MAAMoB,QACHpB,MAAMoB,MAAM;AAAA,UACVA,OAAOtB,MAAMsB;AAAAA,UACbtB,OAAO;AAAA,YAAE2E,KAAKlC,MAAMxB,EAAE;AAAA,YAAGA,IAAI,GAAGwB,MAAMxB,EAAE,CAAC;AAAA,YAAUsC,UAAUvD,MAAMuD;AAAAA,YAAUkB,UAAUzE,MAAMyE;AAAAA,UAAS;AAAA,QACxG,CAAC,IACDzE,MAAMsB,KAAK;AAAA,OAAA,GAIlBmB,MAAMlB,cAAc,KAAC4C,YAAAS,gBAAA;AAAA,QAAA,OAAA;AAAA,QAAA,MACkB,GAAGnC,MAAMxB,EAAE,CAAC;AAAA,QAAc,SAAS,GAAGqB,SAAS;AAAA,MAAe,GAAA;AAAA,QAAAoC,SAAAA,MAAA,CACjGxE,MAAMsB,cACHtB,MAAMsB,YAAY;AAAA,UAChBA,aAAaxB,MAAMwB;AAAAA,UACnBxB,OAAO;AAAA,YAAEiB,IAAI,GAAGwB,MAAMxB,EAAE,CAAC;AAAA,UAAe;AAAA,QAC1C,CAAC,IACDjB,MAAMwB,WAAW;AAAA,OAAA,GAIxBqC,cAAUM,YAAA,OAAA;AAAA,QAAA,OAAA;AAAA,QAAA,SACiBC,WAAW,GAAG9B,SAAS,WAAW;AAAA,SAAC,CAC1DpC,MAAM4D,UACH5D,MAAM4D,QAAQrB,MAAMW,SAAS,CAAC,IAC9BpD,MAAM+D,eAAWI,YAAAT,cAAA;AAAA,QAAA,OAAA;AAAA,QAAA,QAAA;AAAA,QAAA,SACwCjB,MAAMgB,SAAS;AAAA,QAAC,QAAQhB,MAAMtB,IAAI;AAAA,MAAC,GAAA,IAAA,CAC3F,IAIRjB,MAAMwE,WAAOP,YAAA,OAAA;AAAA,QAAA,SAAgBC,WAAW,GAAG9B,SAAS,WAAW;AAAA,MAAC,GAAA,EAAGpC,WAAMwE,YAANxE,+BAAgBuC,MAAMW,SAAS,EAAE,CAAA,GAEpGY,aAASG,YAAA,OAAA;AAAA,QAAA,OAAA;AAAA,QAAA,SACiBC,WAAW,GAAG9B,SAAS,UAAU;AAAA,SAAC,CACxDpC,MAAM+D,SACH/D,MAAM+D,OAAOxB,MAAMW,SAAS,CAAC,IAC7BpD,MAAMkE,cAAUC,YAAAT,cAAA;AAAA,QAAA,OAAA;AAAA,QAAA,QAAA;AAAA,QAAA,SACuCjB,MAAMgB,SAAS;AAAA,QAAC,QAAQhB,MAAMtB,IAAI;AAAA,MAAC,GAAA,IAAA,CACzF,IAIRsB,MAAMK,UAAU,KAACqB,YAAA,OAAA;AAAA,QAAA,MACP1B,MAAMS,UAAU;AAAA,QAAC,QAAA;AAAA,QAAA,aAAA;AAAA,QAAA,SAAyCkB,WAAW,GAAG9B,SAAS,WAAW;AAAA,SAAC,CAAA6B,YAAAU,aAAA;AAAA,QAAA,UAE1FpC,MAAMI,WAAW;AAAA,QAAC,YAChBJ,MAAMF,QAAQ;AAAA,SACf;AAAA,QAAEuC,SAAS5E,MAAM4E;AAAAA,QAASJ,SAASxE,MAAMqC;AAAAA,OAAU,IAG7DrC,WAAM+C,YAAN/C,+BAAgBuC,MAAMW,SAAS,EAAE,CAAA,CAErC,CAAA;AAAA,IAGP;AAAA;;"}

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

@@ -1,43 +1,79 @@
 import { d as defineCdsMessagesProps } from "../../CdsMessages/api/CdsMessages.props.js";
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.js";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineValidationProps } from "../../../composables/useValidation/useValidation.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick, E as EventProp } from "../../../utils/helpers.js";
 import { C as CdsInputConstants } from "./CdsInput.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsInputProps = propsFactory(
   {
-    /** Уникальный идентификатор компонента */
+    /**
+     * Уникальный идентификатор компонента
+     * @en Unique identifier of the component
+     */
     id: String,
-    /** Текст метки (label) компонента */
+    /**
+     * Текст метки (label) компонента
+     * @en Label text of the component
+     */
     label: String,
-    /** Описание компонента, отображаемое под меткой */
+    /**
+     * Описание компонента, отображаемое под меткой
+     * @en Description of the component, shown under the label
+     */
     description: String,
-    /** Иконка в слоте append после контента */
+    /**
+     * Иконка в слоте append после контента
+     * @en Icon in the append slot, after the content
+     */
     appendIcon: IconValue,
-    /** Иконка в слоте prepend перед контентом */
+    /**
+     * Иконка в слоте prepend перед контентом
+     * @en Icon in the prepend slot, before the content
+     */
     prependIcon: IconValue,
-    /** Цвет иконки. Принимает булево значение или строку с цветом */
+    /**
+     * Цвет иконки. Принимает булево значение или строку с цветом
+     * @en Icon color. Accepts a boolean or a color string
+     */
     iconColor: [Boolean, String],
-    /** Текст подсказки, отображаемый под полем ввода */
+    /**
+     * Текст подсказки, отображаемый под полем ввода
+     * @en Hint text shown under the input
+     */
     hint: String,
-    /** Всегда отображать подсказку, а не только при фокусе */
+    /**
+     * Всегда отображать подсказку, а не только при фокусе
+     * @en Always show the hint, not only on focus
+     */
     persistentHint: Boolean,
-    /** Скрытие блока с деталями (сообщениями и подсказками). При значении 'auto' блок скрывается, если нет сообщений */
+    /**
+     * Скрытие блока с деталями (сообщениями и подсказками). При значении 'auto' блок скрывается, если нет сообщений
+     * @en Hides the details block (messages and hints). With the 'auto' value the block is hidden when there are no messages
+     */
     hideDetails: [Boolean, String],
-    /** Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру. */
+    /**
+     * Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру.
+     * @en Vertically center the appendInner, prependInner, clearIcon and label elements.
+     */
     centerAffix: {
       type: Boolean,
       default: true
     },
-    /** Обработчик клика в слоте prepend */
+    /**
+     * Обработчик клика в слоте prepend
+     * @en Handler for a click in the prepend slot
+     */
     "onClick:prepend": EventProp(),
-    /** Обработчик клика в слоте append */
+    /**
+     * Обработчик клика в слоте append
+     * @en Handler for a click in the append slot
+     */
     "onClick:append": EventProp(),
     ...defineComponentProps(),
     ...defineValidationProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsInput.props.js","sources":["../../../../../../src/components/CdsInput/api/CdsInput.props.ts"],"sourcesContent":["import { defineCdsMessagesProps } from '@cds/components/CdsMessages/api/CdsMessages.props';\nimport { defineSizeProps } from '@cds/composables';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineDirectionProps } from '@cds/composables/useDirection';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineValidationProps } from '@cds/composables/useValidation';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { EventProp, pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsInputConstants } from './CdsInput.constants';\n\nexport const defineCdsInputProps = propsFactory(\n  {\n    /** Уникальный идентификатор компонента */\n    id: String,\n    /** Текст метки (label) компонента */\n    label: String,\n    /** Описание компонента, отображаемое под меткой */\n    description: String,\n    /** Иконка в слоте append после контента */\n    appendIcon: IconValue,\n    /** Иконка в слоте prepend перед контентом */\n    prependIcon: IconValue,\n    /** Цвет иконки. Принимает булево значение или строку с цветом */\n    iconColor: [Boolean, String],\n    /** Текст подсказки, отображаемый под полем ввода */\n    hint: String,\n    /** Всегда отображать подсказку, а не только при фокусе */\n    persistentHint: Boolean,\n    /** Скрытие блока с деталями (сообщениями и подсказками). При значении 'auto' блок скрывается, если нет сообщений */\n    hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n    /** Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру. */\n    centerAffix: {\n      type: Boolean,\n      default: true\n    },\n\n    /** Обработчик клика в слоте prepend */\n    'onClick:prepend': EventProp<[MouseEvent]>(),\n    /** Обработчик клика в слоте append */\n    'onClick:append': EventProp<[MouseEvent]>(),\n\n    ...defineComponentProps(),\n    ...defineValidationProps(),\n    ...defineColorProps(),\n    ...defineSizeProps(),\n    ...defineDirectionProps(),\n    ...pick(defineDimensionsProps(), ['maxWidth', 'minWidth', 'width']),\n    ...pick(defineCdsMessagesProps(), ['messages', 'hideMessages']),\n    ...defineThemeProps()\n  },\n  CdsInputConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAcO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,IAEE,IAAI;AAAA;AAAA,IAEJ,OAAO;AAAA;AAAA,IAEP,aAAa;AAAA;AAAA,IAEb,YAAY;AAAA;AAAA,IAEZ,aAAa;AAAA;AAAA,IAEb,WAAW,CAAC,SAAS,MAAM;AAAA;AAAA,IAE3B,MAAM;AAAA;AAAA,IAEN,gBAAgB;AAAA;AAAA,IAEhB,aAAa,CAAC,SAAS,MAAM;AAAA;AAAA,IAE7B,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAIX,mBAAmB,UAAA;AAAA;AAAA,IAEnB,kBAAkB,UAAA;AAAA,IAElB,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,KAAK,sBAAA,GAAyB,CAAC,YAAY,YAAY,OAAO,CAAC;AAAA,IAClE,GAAG,KAAK,uBAAA,GAA0B,CAAC,YAAY,cAAc,CAAC;AAAA,IAC9D,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;"}
+{"version":3,"file":"CdsInput.props.js","sources":["../../../../../../src/components/CdsInput/api/CdsInput.props.ts"],"sourcesContent":["import { defineCdsMessagesProps } from '@cds/components/CdsMessages/api/CdsMessages.props';\nimport { defineSizeProps } from '@cds/composables';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineDirectionProps } from '@cds/composables/useDirection';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineValidationProps } from '@cds/composables/useValidation';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { EventProp, pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsInputConstants } from './CdsInput.constants';\n\nexport const defineCdsInputProps = propsFactory(\n  {\n    /**\n     * Уникальный идентификатор компонента\n     * @en Unique identifier of the component\n     */\n    id: String,\n    /**\n     * Текст метки (label) компонента\n     * @en Label text of the component\n     */\n    label: String,\n    /**\n     * Описание компонента, отображаемое под меткой\n     * @en Description of the component, shown under the label\n     */\n    description: String,\n    /**\n     * Иконка в слоте append после контента\n     * @en Icon in the append slot, after the content\n     */\n    appendIcon: IconValue,\n    /**\n     * Иконка в слоте prepend перед контентом\n     * @en Icon in the prepend slot, before the content\n     */\n    prependIcon: IconValue,\n    /**\n     * Цвет иконки. Принимает булево значение или строку с цветом\n     * @en Icon color. Accepts a boolean or a color string\n     */\n    iconColor: [Boolean, String],\n    /**\n     * Текст подсказки, отображаемый под полем ввода\n     * @en Hint text shown under the input\n     */\n    hint: String,\n    /**\n     * Всегда отображать подсказку, а не только при фокусе\n     * @en Always show the hint, not only on focus\n     */\n    persistentHint: Boolean,\n    /**\n     * Скрытие блока с деталями (сообщениями и подсказками). При значении 'auto' блок скрывается, если нет сообщений\n     * @en Hides the details block (messages and hints). With the 'auto' value the block is hidden when there are no messages\n     */\n    hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n    /**\n     * Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру.\n     * @en Vertically center the appendInner, prependInner, clearIcon and label elements.\n     */\n    centerAffix: {\n      type: Boolean,\n      default: true\n    },\n\n    /**\n     * Обработчик клика в слоте prepend\n     * @en Handler for a click in the prepend slot\n     */\n    'onClick:prepend': EventProp<[MouseEvent]>(),\n    /**\n     * Обработчик клика в слоте append\n     * @en Handler for a click in the append slot\n     */\n    'onClick:append': EventProp<[MouseEvent]>(),\n\n    ...defineComponentProps(),\n    ...defineValidationProps(),\n    ...defineColorProps(),\n    ...defineSizeProps(),\n    ...defineDirectionProps(),\n    ...pick(defineDimensionsProps(), ['maxWidth', 'minWidth', 'width']),\n    ...pick(defineCdsMessagesProps(), ['messages', 'hideMessages']),\n    ...defineThemeProps()\n  },\n  CdsInputConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAcO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,IAKJ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,WAAW,CAAC,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3B,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhB,aAAa,CAAC,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK7B,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,mBAAmB,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnB,kBAAkB,UAAA;AAAA,IAElB,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,KAAK,sBAAA,GAAyB,CAAC,YAAY,YAAY,OAAO,CAAC;AAAA,IAClE,GAAG,KAAK,uBAAA,GAA0B,CAAC,YAAY,cAAc,CAAC;AAAA,IAC9D,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,kBAAkB;AACpB;"}

package/dist/es/src/components/CdsLabel/CdsLabel.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-label {
     display: flex;

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

@@ -8,6 +8,10 @@ import { C as CdsLabelConstants } from "./CdsLabel.constants.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsLabelProps = propsFactory(
   {
+    /**
+     * Идентификатор поля, к которому относится подпись — значение HTML-атрибута `for`
+     * @en Identifier of the field the label belongs to — the value of the `for` HTML attribute
+     */
     for: String,
     onClick: EventProp(),
     ...defineTextProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsLabel.props.js","sources":["../../../../../../src/components/CdsLabel/api/CdsLabel.props.ts"],"sourcesContent":["import { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { EventProp } from '@cds/utils';\n\nimport { CdsLabelConstants } from './CdsLabel.constants';\n\nexport const defineCdsLabelProps = propsFactory(\n  {\n    for: String,\n    onClick: EventProp<[MouseEvent]>(),\n\n    ...defineTextProps(),\n    ...defineDisabledProps(),\n    ...defineReadonlyProps(),\n    ...defineSizeProps(),\n    ...defineComponentProps()\n  },\n  CdsLabelConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,sBAAsB;AAAA,EACjC;AAAA,IACE,KAAK;AAAA,IACL,SAAS,UAAA;AAAA,IAET,GAAG,gBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,kBAAkB;AACpB;"}
+{"version":3,"file":"CdsLabel.props.js","sources":["../../../../../../src/components/CdsLabel/api/CdsLabel.props.ts"],"sourcesContent":["import { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport { EventProp } from '@cds/utils';\n\nimport { CdsLabelConstants } from './CdsLabel.constants';\n\nexport const defineCdsLabelProps = propsFactory(\n  {\n    /**\n     * Идентификатор поля, к которому относится подпись — значение HTML-атрибута `for`\n     * @en Identifier of the field the label belongs to — the value of the `for` HTML attribute\n     */\n    for: String,\n    onClick: EventProp<[MouseEvent]>(),\n\n    ...defineTextProps(),\n    ...defineDisabledProps(),\n    ...defineReadonlyProps(),\n    ...defineSizeProps(),\n    ...defineComponentProps()\n  },\n  CdsLabelConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,KAAK;AAAA,IACL,SAAS,UAAA;AAAA,IAET,GAAG,gBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,kBAAkB;AACpB;"}

package/dist/es/src/components/CdsLayout/CdsLayout.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-layout {
     position: relative;

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, ref, unref, computed, reactive, watch, onUnmounted, createVNode, Fragment } 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 { b as getScrollBarSize, i as hasPreventedScroll } from "../../utils/dom/getScrollParent.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsLayoutConstants, a as CDS_DRAWER_WIDTH } from "./api/CdsLayout.constants.js";
 import { d as defineCdsLayoutProps } from "./api/CdsLayout.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { p as provideLayout } from "../../composables/useLayout/context.js";
 import { L as LayoutScrollObserver } from "./internal/LayoutScrollObserver.js";
 import { L as LayoutResizeObserver } from "./internal/LayoutResizeObserver.js";

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

@@ -1,10 +1,13 @@
-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 { C as CdsLayoutConstants } from "./CdsLayout.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsLayoutProps = propsFactory(
   {
-    /** Контейнерный режим: макет скроллится внутри себя, а не страницы. */
+    /**
+     * Контейнерный режим: макет скроллится внутри себя, а не страницы.
+     * @en Container mode: the layout scrolls inside itself instead of scrolling the page.
+     */
     container: {
       type: Boolean,
       default: false
@@ -12,6 +15,7 @@ const defineCdsLayoutProps = propsFactory(
     /**
      * Схема макета из трёх строк: верх (header), середина (left-page-right),
      * низ (footer). Например `'hhh lpr fff'`.
+     * @en Layout scheme of three strings: top (header), middle (left-page-right), bottom (footer). For example `'hhh lpr fff'`.
      */
     view: {
       type: String,

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

@@ -1 +1 @@
-{"version":3,"file":"CdsLayout.props.js","sources":["../../../../../../src/components/CdsLayout/api/CdsLayout.props.ts"],"sourcesContent":["import { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsLayoutConstants } from './CdsLayout.constants';\n\nexport const defineCdsLayoutProps = propsFactory(\n  {\n    /** Контейнерный режим: макет скроллится внутри себя, а не страницы. */\n    container: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Схема макета из трёх строк: верх (header), середина (left-page-right),\n     * низ (footer). Например `'hhh lpr fff'`.\n     */\n    view: {\n      type: String as PropType<string>,\n      default: 'hhh lpr fff',\n      validator: (value: string) => /^(h|l)h(h|r) lpr (f|l)f(f|r)$/.test(value.toLowerCase())\n    },\n    ...defineThemeProps(),\n    ...defineComponentProps()\n  },\n  CdsLayoutConstants.name\n);\n"],"names":[],"mappings":";;;;AAMO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,IAEE,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAkB,gCAAgC,KAAK,MAAM,aAAa;AAAA,IAAA;AAAA,IAExF,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,mBAAmB;AACrB;"}
+{"version":3,"file":"CdsLayout.props.js","sources":["../../../../../../src/components/CdsLayout/api/CdsLayout.props.ts"],"sourcesContent":["import { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsLayoutConstants } from './CdsLayout.constants';\n\nexport const defineCdsLayoutProps = propsFactory(\n  {\n    /**\n     * Контейнерный режим: макет скроллится внутри себя, а не страницы.\n     * @en Container mode: the layout scrolls inside itself instead of scrolling the page.\n     */\n    container: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Схема макета из трёх строк: верх (header), середина (left-page-right),\n     * низ (footer). Например `'hhh lpr fff'`.\n     * @en Layout scheme of three strings: top (header), middle (left-page-right), bottom (footer). For example `'hhh lpr fff'`.\n     */\n    view: {\n      type: String as PropType<string>,\n      default: 'hhh lpr fff',\n      validator: (value: string) => /^(h|l)h(h|r) lpr (f|l)f(f|r)$/.test(value.toLowerCase())\n    },\n    ...defineThemeProps(),\n    ...defineComponentProps()\n  },\n  CdsLayoutConstants.name\n);\n"],"names":[],"mappings":";;;;AAMO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAkB,gCAAgC,KAAK,MAAM,aAAa;AAAA,IAAA;AAAA,IAExF,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,mBAAmB;AACrB;"}

package/dist/es/src/components/CdsLink/CdsLink.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-link {
     color: rgb(var(--cds-color-content-link));

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, useAttrs, createVNode, mergeProps, unref } from "vue";
 import { u as useLink } from "../../composables/useRouter/useRouter.js";
 import { u as useText } from "../../composables/useText/useText.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 { C as CdsLinkConstants } from "./api/CdsLink.constants.js";
 import { d as defineCdsLinkProps } from "./api/CdsLink.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsLinkConstants.name