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

package/dist/types/components/CdsTag/api/CdsTag.types.d.ts

@@ -3,41 +3,89 @@ import type { defineCdsTagProps } from './CdsTag.props';
 export interface CdsTagProps extends ExtractPublicPropTypes<ReturnType<typeof defineCdsTagProps>> {
 }
 export interface CdsTagEvents {
-    /** Клик по тегу (мышью или с клавиатуры). */
+    /**
+     * Клик по тегу (мышью или с клавиатуры).
+     * @en Click on the tag (with a mouse or from the keyboard).
+     */
     (event: 'click', e: MouseEvent | KeyboardEvent): void;
-    /** Клик по кнопке закрытия тега. */
+    /**
+     * Клик по кнопке закрытия тега.
+     * @en Click on the close button of the tag.
+     */
     (event: 'click:close', e: MouseEvent): void;
-    /** Изменение видимости тега (v-model). */
+    /**
+     * Изменение видимости тега (v-model).
+     * @en Change of the tag visibility (v-model).
+     */
     (event: 'update:modelValue', value: boolean): void;
-    /** Изменение состояния выбора тега в составе группы. */
+    /**
+     * Изменение состояния выбора тега в составе группы.
+     * @en Change of the tag selection state inside a group.
+     */
     (event: 'group:selected', value: {
         value: boolean;
     }): void;
 }
 export interface CdsTagSlots {
-    /** Контент тега по умолчанию. В аргументах слота доступно состояние группы (выбор, переключение). */
+    /**
+     * Контент тега по умолчанию. В аргументах слота доступно состояние группы (выбор, переключение).
+     * @en Default content of the tag. The slot props expose the group state (selection, toggling).
+     */
     default?: (props: {
-        /** Выбран ли тег в составе группы. */
+        /**
+         * Выбран ли тег в составе группы.
+         * @en Whether the tag is selected inside a group.
+         */
         isSelected: boolean | undefined;
-        /** CSS-класс выбранного состояния группы. */
+        /**
+         * CSS-класс выбранного состояния группы.
+         * @en CSS class of the selected state in the group.
+         */
         selectedClass: boolean | (string | undefined)[] | undefined;
-        /** Явно установить выбор тега в группе. */
+        /**
+         * Явно установить выбор тега в группе.
+         * @en Set the selection of the tag in the group explicitly.
+         */
         select: ((value: boolean) => void) | undefined;
-        /** Переключить выбор тега в группе. */
+        /**
+         * Переключить выбор тега в группе.
+         * @en Toggle the selection of the tag in the group.
+         */
         toggle: (() => void) | undefined;
-        /** Значение тега в группе. */
+        /**
+         * Значение тега в группе.
+         * @en Value of the tag inside the group.
+         */
         value: unknown;
-        /** Заблокирован ли тег. */
+        /**
+         * Заблокирован ли тег.
+         * @en Whether the tag is disabled.
+         */
         disabled: boolean;
     }) => any;
-    /** Контент метки тега. */
+    /**
+     * Контент метки тега.
+     * @en Content of the tag label.
+     */
     label?: () => any;
-    /** Кастомный контент кнопки закрытия. */
+    /**
+     * Кастомный контент кнопки закрытия.
+     * @en Custom content of the close button.
+     */
     close?: () => any;
-    /** Контент перед основным содержимым (на месте prepend-иконки/аватара). */
+    /**
+     * Контент перед основным содержимым (на месте prepend-иконки/аватара).
+     * @en Content before the main content (in place of the prepend icon/avatar).
+     */
     prepend?: () => any;
-    /** Контент после основного содержимого (на месте append-иконки/аватара). */
+    /**
+     * Контент после основного содержимого (на месте append-иконки/аватара).
+     * @en Content after the main content (in place of the append icon/avatar).
+     */
     append?: () => any;
-    /** Кастомный контент индикатора выбора (актуально вместе с `filter`). */
+    /**
+     * Кастомный контент индикатора выбора (актуально вместе с `filter`).
+     * @en Custom content of the selection indicator (relevant together with `filter`).
+     */
     filter?: () => any;
 }

package/dist/types/components/CdsTag/index.d.ts

@@ -31,7 +31,7 @@ export declare const CdsTag: {
             default: undefined;
         };
         to: {
-            type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+            type: import("vue").PropType<import("../../composables/useRouter/useRouter.ts").LinkTo>;
             default: undefined;
         };
         exact: {
@@ -105,7 +105,7 @@ export declare const CdsTag: {
         draggable: boolean;
         disabled: boolean | null;
         size: number | "xs" | "sm" | "md" | "lg" | "xl";
-        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
+        to: import("../../composables/useRouter/useRouter.ts").LinkTo;
         href: string;
         tag: string | import("../../core").JSXComponent<any>;
         theme: string;
@@ -155,7 +155,7 @@ export declare const CdsTag: {
             default: undefined;
         };
         to: {
-            type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+            type: import("vue").PropType<import("../../composables/useRouter/useRouter.ts").LinkTo>;
             default: undefined;
         };
         exact: {
@@ -222,7 +222,7 @@ export declare const CdsTag: {
         draggable: boolean;
         disabled: boolean | null;
         size: number | "xs" | "sm" | "md" | "lg" | "xl";
-        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
+        to: import("../../composables/useRouter/useRouter.ts").LinkTo;
         href: string;
         tag: string | import("../../core").JSXComponent<any>;
         theme: string;
@@ -269,7 +269,7 @@ export declare const CdsTag: {
         default: undefined;
     };
     to: {
-        type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        type: import("vue").PropType<import("../../composables/useRouter/useRouter.ts").LinkTo>;
         default: undefined;
     };
     exact: {
@@ -343,7 +343,7 @@ export declare const CdsTag: {
     draggable: boolean;
     disabled: boolean | null;
     size: number | "xs" | "sm" | "md" | "lg" | "xl";
-    to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
+    to: import("../../composables/useRouter/useRouter.ts").LinkTo;
     href: string;
     tag: string | import("../../core").JSXComponent<any>;
     theme: string;

package/dist/types/components/CdsTagGroup/CdsTagGroup.vue.d.ts

@@ -75,15 +75,30 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     column: BooleanConstructor;
     filter: BooleanConstructor;
 }>, {
-    /** Идентификаторы выбранных тегов */
+    /**
+     * Идентификаторы выбранных тегов
+     * @en Ids of the selected tags
+     */
     selected: import("vue").Ref<readonly string[], readonly string[]>;
-    /** Выбрать тег по id */
+    /**
+     * Выбрать тег по id
+     * @en Select a tag by id
+     */
     select: (id: string, value: boolean) => void;
-    /** Проверить, выбран ли тег по id */
+    /**
+     * Проверить, выбран ли тег по id
+     * @en Check whether a tag with the given id is selected
+     */
     isSelected: (id: string) => boolean;
-    /** Выбрать предыдущий тег */
+    /**
+     * Выбрать предыдущий тег
+     * @en Select the previous tag
+     */
     prev: () => void;
-    /** Выбрать следующий тег */
+    /**
+     * Выбрать следующий тег
+     * @en Select the next tag
+     */
     next: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: unknown) => any;

package/dist/types/components/CdsTagGroup/api/CdsTagGroup.types.d.ts

@@ -6,10 +6,16 @@ export interface CdsTagGroupProps extends ExtractPublicPropTypes<ReturnType<type
 export interface CdsTagGroupSlotProps extends Pick<GroupProvide, 'isSelected' | 'select' | 'selected' | 'next' | 'prev'> {
 }
 export interface CdsTagGroupSlots {
-    /** Теги группы. В аргументах слота доступно состояние группы (выбор, навигация). */
+    /**
+     * Теги группы. В аргументах слота доступно состояние группы (выбор, навигация).
+     * @en Tags of the group. The slot props expose the group state (selection, navigation).
+     */
     default?: (props: CdsTagGroupSlotProps) => any;
 }
 export interface CdsTagGroupEvents {
-    /** Срабатывает при изменении выбранного значения. */
+    /**
+     * Срабатывает при изменении выбранного значения.
+     * @en Fires when the selected value changes.
+     */
     (event: 'update:modelValue', value: unknown): void;
 }

package/dist/types/components/CdsTextArea/CdsTextArea.vue.d.ts

@@ -75,6 +75,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => never[];
     };
     modelValue: null;
+    focused: BooleanConstructor;
+    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
     appendIcon: import("vue").PropType<import("../../composables/useIcons").IconValue>;
     prependIcon: import("vue").PropType<import("../../composables/useIcons").IconValue>;
     'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
@@ -94,8 +96,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    focused: BooleanConstructor;
-    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
     validateOn: import("vue").PropType<import("../../composables/useValidation").ValidateOn>;
     hideMessages: BooleanConstructor;
     hideDetails: import("vue").PropType<boolean | "auto">;
@@ -139,12 +139,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly: boolean | null;
         messages: string | readonly string[];
         theme: string;
+        focused: boolean;
         persistentHint: boolean;
         centerAffix: boolean;
         rules: readonly import("../../composables/useValidation").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
     }> & Omit<{
         readonly error: boolean;
@@ -154,12 +154,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly size: number | "xs" | "sm" | "md" | "lg" | "xl";
         readonly readonly: boolean | null;
         readonly messages: string | readonly string[];
+        readonly focused: boolean;
         readonly persistentHint: boolean;
         readonly centerAffix: boolean;
         readonly rules: readonly import("../../composables/useValidation").ValidationRule[];
         readonly errorMessages: string | readonly string[] | null;
         readonly maxErrors: string | number;
-        readonly focused: boolean;
         readonly hideMessages: boolean;
         readonly name?: string | undefined;
         readonly id?: string | undefined;
@@ -176,6 +176,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly bgColor?: string | undefined;
         readonly textColor?: string | undefined;
         readonly modelValue?: any;
+        readonly 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         readonly appendIcon?: import("../../composables/useIcons").IconValue | undefined;
         readonly prependIcon?: import("../../composables/useIcons").IconValue | undefined;
         readonly 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -183,11 +184,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly iconColor?: string | boolean | undefined;
         readonly hint?: string | undefined;
         readonly validationValue?: any;
-        readonly 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         readonly validateOn?: import("../../composables/useValidation").ValidateOn | undefined;
         readonly hideDetails?: boolean | "auto" | undefined;
         readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -314,12 +314,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly: boolean | null;
         messages: string | readonly string[];
         theme: string;
+        focused: boolean;
         persistentHint: boolean;
         centerAffix: boolean;
         rules: readonly import("../../composables/useValidation").ValidationRule[];
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        focused: boolean;
         hideMessages: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -353,12 +353,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     readonly: boolean | null;
     messages: string | readonly string[];
     theme: string;
+    focused: boolean;
     persistentHint: boolean;
     centerAffix: boolean;
     rules: readonly import("../../composables/useValidation").ValidationRule[];
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    focused: boolean;
     hideMessages: boolean;
 }> & Omit<Readonly<import("vue").ExtractPropTypes<{
     theme: {
@@ -446,7 +446,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-}>, "id" | "reset" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages")> & import("vue").ShallowUnwrapRef<{
+}>, "id" | "reset" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages")> & import("vue").ShallowUnwrapRef<{
     id: import("vue").ComputedRef<string>;
     isDirty: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
@@ -460,7 +460,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     validate: (silent?: boolean) => Promise<string[]>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: import("../CdsInput").CdsInputSlots;
-}, "name" | "key" | "id" | "color" | "translate" | "hidden" | "label" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "description" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onSubmit" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onError" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onProgress" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScroll" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "modelValue" | "appendIcon" | "prependIcon" | "onClick:append" | "onClick:prepend" | "iconColor" | "hint" | "validationValue" | "onUpdate:focused" | "validateOn" | "hideDetails" | "onUpdate:modelValue" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages")>, `$${any}`> & Omit<Omit<{
+}, "name" | "key" | "id" | "color" | "translate" | "hidden" | "label" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "description" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "modelValue" | "onUpdate:focused" | "appendIcon" | "prependIcon" | "onClick:append" | "onClick:prepend" | "iconColor" | "hint" | "validationValue" | "validateOn" | "hideDetails" | "onUpdate:modelValue" | ("error" | "width" | "direction" | "maxWidth" | "minWidth" | "style" | "disabled" | "size" | "readonly" | "messages" | "theme" | "focused" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "hideMessages")>, `$${any}`> & Omit<Omit<{
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -474,9 +474,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         size: number | "xs" | "sm" | "md" | "lg" | "xl";
         readonly: boolean | null;
         theme: string;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons").IconValue;
         centerAffix: boolean;
-        focused: boolean;
         dirty: boolean;
         clearable: boolean;
         persistentClearable: boolean;
@@ -489,8 +489,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly disabled: boolean | null;
         readonly size: number | "xs" | "sm" | "md" | "lg" | "xl";
         readonly readonly: boolean | null;
-        readonly clearIcon: import("../../composables/useIcons").IconValue;
         readonly focused: boolean;
+        readonly clearIcon: import("../../composables/useIcons").IconValue;
         readonly dirty: boolean;
         readonly clearable: boolean;
         readonly persistentClearable: boolean;
@@ -503,16 +503,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly activeColor?: string | undefined;
         readonly bgColor?: string | undefined;
         readonly textColor?: string | undefined;
+        readonly 'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
         readonly appendInnerIcon?: import("../../composables/useIcons").IconValue | undefined;
         readonly prependInnerIcon?: import("../../composables/useIcons").IconValue | undefined;
-        readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+        readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
         readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         readonly iconColor?: string | boolean | undefined;
         readonly centerAffix?: boolean | undefined;
-        readonly 'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
         readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -525,7 +525,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+    $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         focused: BooleanConstructor;
@@ -586,12 +586,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, {
         controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         fieldIconColor: import("vue").ComputedRef<string | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:modelValue": (value: any) => any;
         "update:focused": (focused: boolean) => any;
+        "click:clear": (e: MouseEvent) => any;
     }, string, {
         reverse: boolean;
         error: boolean;
@@ -603,9 +605,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         size: number | "xs" | "sm" | "md" | "lg" | "xl";
         readonly: boolean | null;
         theme: string;
+        focused: boolean;
         clearIcon: import("../../composables/useIcons").IconValue;
         centerAffix: boolean;
-        focused: boolean;
         dirty: boolean;
         clearable: boolean;
         persistentClearable: boolean;
@@ -640,9 +642,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     size: number | "xs" | "sm" | "md" | "lg" | "xl";
     readonly: boolean | null;
     theme: string;
+    focused: boolean;
     clearIcon: import("../../composables/useIcons").IconValue;
     centerAffix: boolean;
-    focused: boolean;
     dirty: boolean;
     clearable: boolean;
     persistentClearable: boolean;
@@ -705,12 +707,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-}>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
+    "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
+}>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
     controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     fieldIconColor: import("vue").ComputedRef<string | undefined>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: import("../CdsField").CdsFieldSlots;
-}, "key" | "id" | "color" | "translate" | "hidden" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onSubmit" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onError" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onProgress" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScroll" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "iconColor" | "onUpdate:focused" | "onUpdate:modelValue" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")>, `$${any}`> & HTMLTextAreaElement & {
+}, "key" | "id" | "color" | "translate" | "hidden" | "title" | "dir" | "contextmenu" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "lang" | "spellcheck" | "innerHTML" | "part" | "prefix" | "role" | "enterKeyHint" | "class" | "ref" | "placeholder" | "onCopy" | "onCut" | "onPaste" | "onCompositionend" | "onCompositionstart" | "onCompositionupdate" | "onDrag" | "onDragend" | "onDragenter" | "onDragexit" | "onDragleave" | "onDragover" | "onDragstart" | "onDrop" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onFormdata" | "onInput" | "onReset" | "onInvalid" | "onFullscreenchange" | "onFullscreenerror" | "onLoad" | "onKeydown" | "onKeypress" | "onKeyup" | "onDblclick" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onAbort" | "onCanplay" | "onCanplaythrough" | "onDurationchange" | "onEmptied" | "onEncrypted" | "onEnded" | "onLoadeddata" | "onLoadedmetadata" | "onLoadstart" | "onPause" | "onPlay" | "onPlaying" | "onRatechange" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeupdate" | "onVolumechange" | "onWaiting" | "onSelect" | "onScrollend" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onAuxclick" | "onClick" | "onContextmenu" | "onGotpointercapture" | "onLostpointercapture" | "onPointerdown" | "onPointermove" | "onPointerup" | "onPointercancel" | "onPointerenter" | "onPointerleave" | "onPointerover" | "onPointerout" | "onBeforetoggle" | "onToggle" | "onWheel" | "onAnimationcancel" | "onAnimationstart" | "onAnimationend" | "onAnimationiteration" | "onSecuritypolicyviolation" | "onTransitioncancel" | "onTransitionend" | "onTransitionrun" | "onTransitionstart" | "accesskey" | "contenteditable" | "enterkeyhint" | "tabindex" | "radiogroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autosave" | "itemprop" | "itemscope" | "itemtype" | "itemid" | "itemref" | "results" | "security" | "unselectable" | "inputmode" | "is" | "exportparts" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "baseColor" | "activeColor" | "bgColor" | "textColor" | "onUpdate:focused" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "iconColor" | "onUpdate:modelValue" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "focused" | "clearIcon" | "centerAffix" | "dirty" | "clearable" | "persistentClearable")>, `$${any}`> & HTMLTextAreaElement & {
     _allExposed: {
         id: import("vue").ComputedRef<string>;
         isDirty: import("vue").ComputedRef<boolean>;
@@ -806,6 +809,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => never[];
     };
     modelValue: null;
+    focused: BooleanConstructor;
+    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
     appendIcon: import("vue").PropType<import("../../composables/useIcons").IconValue>;
     prependIcon: import("vue").PropType<import("../../composables/useIcons").IconValue>;
     'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
@@ -825,8 +830,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    focused: BooleanConstructor;
-    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
     validateOn: import("vue").PropType<import("../../composables/useValidation").ValidateOn>;
     hideMessages: BooleanConstructor;
     hideDetails: import("vue").PropType<boolean | "auto">;
@@ -876,6 +879,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     readonly: boolean | null;
     messages: string | readonly string[];
     theme: string;
+    focused: boolean;
     clearIcon: import("../../composables/useIcons").IconValue;
     persistentPlaceholder: boolean;
     persistentCounter: boolean;
@@ -884,7 +888,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     rules: readonly import("../../composables/useValidation").ValidationRule[];
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    focused: boolean;
     hideMessages: boolean;
     dirty: boolean;
     clearable: boolean;

package/dist/types/components/CdsTextArea/api/CdsTextArea.props.d.ts

@@ -35,6 +35,8 @@ export declare const defineCdsTextAreaProps: <Defaults extends {
     description?: unknown;
     messages?: unknown;
     modelValue?: unknown;
+    focused?: unknown;
+    'onUpdate:focused'?: unknown;
     appendIcon?: unknown;
     prependIcon?: unknown;
     'onClick:append'?: unknown;
@@ -45,8 +47,6 @@ export declare const defineCdsTextAreaProps: <Defaults extends {
     validationValue?: unknown;
     errorMessages?: unknown;
     maxErrors?: unknown;
-    focused?: unknown;
-    'onUpdate:focused'?: unknown;
     validateOn?: unknown;
     hideMessages?: unknown;
     hideDetails?: unknown;
@@ -280,6 +280,14 @@ export declare const defineCdsTextAreaProps: <Defaults extends {
         type: PropType<unknown extends Defaults["modelValue"] ? any : any>;
         default: unknown extends Defaults["modelValue"] ? any : any;
     };
+    focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]>;
+        default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"];
+    };
+    'onUpdate:focused': unknown extends Defaults["onUpdate:focused"] ? PropType<(args_0: boolean) => void> : {
+        type: PropType<unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"]>;
+        default: unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"];
+    };
     appendIcon: unknown extends Defaults["appendIcon"] ? PropType<import("../../../composables/useIcons").IconValue> : {
         type: PropType<unknown extends Defaults["appendIcon"] ? import("../../../composables/useIcons").IconValue : import("../../../composables/useIcons").IconValue | Defaults["appendIcon"]>;
         default: unknown extends Defaults["appendIcon"] ? import("../../../composables/useIcons").IconValue : NonNullable<import("../../../composables/useIcons").IconValue> | Defaults["appendIcon"];
@@ -338,14 +346,6 @@ export declare const defineCdsTextAreaProps: <Defaults extends {
         type: PropType<unknown extends Defaults["maxErrors"] ? string | number : string | number | Defaults["maxErrors"]>;
         default: unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"];
     };
-    focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
-        type: PropType<unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]>;
-        default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"];
-    };
-    'onUpdate:focused': unknown extends Defaults["onUpdate:focused"] ? PropType<(args_0: boolean) => void> : {
-        type: PropType<unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"]>;
-        default: unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"];
-    };
     validateOn: unknown extends Defaults["validateOn"] ? PropType<import("../../../composables/useValidation").ValidateOn> : {
         type: PropType<unknown extends Defaults["validateOn"] ? import("../../../composables/useValidation").ValidateOn : import("../../../composables/useValidation").ValidateOn | Defaults["validateOn"]>;
         default: unknown extends Defaults["validateOn"] ? import("../../../composables/useValidation").ValidateOn : NonNullable<import("../../../composables/useValidation").ValidateOn> | Defaults["validateOn"];

package/dist/types/components/CdsTextArea/api/CdsTextArea.types.d.ts

@@ -5,18 +5,36 @@ import type { ExtractPublicPropTypes } from 'vue';
 import type { defineCdsTextAreaProps } from './CdsTextArea.props';
 export type CdsTextAreaProps = ExtractPublicPropTypes<ReturnType<typeof defineCdsTextAreaProps>>;
 export interface CdsTextAreaEvents {
-    /** Событие, возникающее при клике в основной области контрола */
+    /**
+     * Событие, возникающее при клике в основной области контрола
+     * @en Fires on a click in the main area of the control
+     */
     (event: 'click:control', e: MouseEvent): void;
-    /** Событие, которое срабатывает при нажатии кнопки мыши в основной области контрола */
+    /**
+     * Событие, которое срабатывает при нажатии кнопки мыши в основной области контрола
+     * @en Fires on a mouse button press in the main area of the control
+     */
     (event: 'mousedown:control', e: MouseEvent): void;
-    /** Вызывается при переходе фокуса на элемент или при его потере */
+    /**
+     * Вызывается при переходе фокуса на элемент или при его потере
+     * @en Fires when the element gains or loses focus
+     */
     (event: 'update:focused', focused: boolean): void;
-    /** Событие, которое срабатывает при изменении модели компонента */
+    /**
+     * Событие, которое срабатывает при изменении модели компонента
+     * @en Fires when the model of the component changes
+     */
     (event: 'update:modelValue', value: string): void;
-    /** Событие изменения вычисленного количества строк при автоматическом увеличении высоты */
+    /**
+     * Событие изменения вычисленного количества строк при автоматическом увеличении высоты
+     * @en Fires when the computed number of rows changes while the height grows automatically
+     */
     (event: 'update:rows', rows: number): void;
 }
 export interface CdsTextAreaSlots extends Omit<CdsInputSlots & CdsFieldSlots, 'default'> {
-    /** Слот для ввода пользовательского счетчика */
+    /**
+     * Слот для ввода пользовательского счетчика
+     * @en Slot for a custom counter
+     */
     counter?: (props: CdsCounterSlot) => any;
 }