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

package/dist/es/src/components/CdsExpandablePanel/CdsExpandablePanels.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-expandable-panels {
     position: relative;

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, toRef, createVNode, unref } from "vue";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { c as CdsExpandablePanelsConstants, e as CdsExpandablePanelsSymbol, b as CdsExpandablePanelConstants } from "./api/CdsExpandablePanel.constants.js";
 import { c as defineCdsExpandablePanelsProps } from "./api/CdsExpandablePanel.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelsConstants.name
@@ -41,9 +41,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
-      /** Раскрыть предыдущую панель */
+      /**
+       * Раскрыть предыдущую панель
+       * @en Expands the previous panel
+       */
       prev,
-      /** Раскрыть следующую панель */
+      /**
+       * Раскрыть следующую панель
+       * @en Expands the next panel
+       */
       next
     });
     return () => {

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

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

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

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

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

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

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

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

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

@@ -4,7 +4,6 @@ import { u as useFocus, d as defineFocusProps } from "../../composables/useFocus
 import { L as LoaderSlot } from "../../composables/useLoader/LoaderSlot.js";
 import { u as useLoader } from "../../composables/useLoader/useLoader.js";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { a as CdsTransitionExpandX } from "../../transitions/index.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -12,6 +11,7 @@ import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
 import { C as CdsProgressCircle } from "../CdsProgressCircle/index.js";
 import { C as CdsFieldConstants } from "./api/CdsField.constants.js";
 import { d as defineCdsFieldProps } from "./api/CdsField.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 import { a as useBackgroundColor, u as useTextColor, c as useShadowBorderColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -23,10 +23,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     ...defineCdsFieldProps(),
     id: String,
+    /**
+     * Резервирует место под подсказки и сообщения об ошибках под полем
+     * @en Reserves the space for hints and error messages under the field
+     */
     details: Boolean,
     ...defineFocusProps()
   },
-  emits: ["update:focused", "update:modelValue"],
+  emits: ["update:focused", "update:modelValue", "click:clear"],
   setup(__props, {
     expose: __expose
   }) {
@@ -96,9 +100,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
-      /** Ref-ссылка на контролл поля ввода */
+      /**
+       * Ref-ссылка на контролл поля ввода
+       * @en Ref to the control of the input
+       */
       controlRef,
-      /** Цвет иконки */
+      /**
+       * Цвет иконки
+       * @en Icon color
+       */
       fieldIconColor: iconColor
     });
     return () => {

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

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

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

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

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

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

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

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

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

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

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

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