@central-design-system/components 3.0.0-beta.22 → 3.0.0-beta.24

package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts

@@ -1272,6 +1272,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<Record<string, any>>;
             default: () => {};
         };
+        target: {
+            type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+            default: undefined;
+        };
         openOnClick: {
             type: PropType<boolean | undefined>;
             default: undefined;
@@ -1338,6 +1342,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<boolean>;
             default: boolean;
         };
+        opacity: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
         id: {
             type: PropType<string>;
             default: undefined;
@@ -1443,6 +1451,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<Record<string, any>>;
             default: () => {};
         };
+        target: {
+            type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+            default: undefined;
+        };
         openOnClick: {
             type: PropType<boolean | undefined>;
             default: undefined;
@@ -1509,6 +1521,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<boolean>;
             default: boolean;
         };
+        opacity: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
         id: {
             type: PropType<string>;
             default: undefined;
@@ -1534,8 +1550,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         contentClasses: string | string[] | Record<string, boolean>;
         contentProps: Record<string, unknown>;
         noClickAnimation: boolean;
+        opacity: string | number;
         activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
         activatorProps: Record<string, any>;
+        target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
         openOnClick: boolean | undefined;
         openOnHover: boolean;
         openOnFocus: boolean | undefined;

package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts

@@ -1201,6 +1201,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: import("vue").PropType<Record<string, any>>;
             default: () => {};
         };
+        target: {
+            type: import("vue").PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+            default: undefined;
+        };
         openOnClick: {
             type: import("vue").PropType<boolean | undefined>;
             default: undefined;
@@ -1248,7 +1252,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: boolean;
         };
         closeOnBack: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean>; /**
+             * Событие выбора всех элементов
+             * @type { boolean }
+             */
             default: boolean;
         };
         zIndex: {
@@ -1267,6 +1274,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        opacity: {
+            type: import("vue").PropType<string | number>;
+            default: undefined;
+        };
         id: {
             type: import("vue").PropType<string>;
             default: undefined;
@@ -1370,6 +1381,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: import("vue").PropType<Record<string, any>>;
             default: () => {};
         };
+        target: {
+            type: import("vue").PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+            default: undefined;
+        };
         openOnClick: {
             type: import("vue").PropType<boolean | undefined>;
             default: undefined;
@@ -1417,7 +1432,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: boolean;
         };
         closeOnBack: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean>; /**
+             * Событие выбора всех элементов
+             * @type { boolean }
+             */
             default: boolean;
         };
         zIndex: {
@@ -1436,6 +1454,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        opacity: {
+            type: import("vue").PropType<string | number>;
+            default: undefined;
+        };
         id: {
             type: import("vue").PropType<string>;
             default: undefined;
@@ -1461,8 +1483,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         contentClasses: string | string[] | Record<string, boolean>;
         contentProps: Record<string, unknown>;
         noClickAnimation: boolean;
+        opacity: string | number;
         activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
         activatorProps: Record<string, any>;
+        target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
         openOnClick: boolean | undefined;
         openOnHover: boolean;
         openOnFocus: boolean | undefined;

package/dist/components/CdsMenu/CdsMenu.vue.d.ts

@@ -97,6 +97,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    target: {
+        type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     openOnClick: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -163,6 +167,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    opacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
     /**
      * Уникальный идентификатор
      */
@@ -273,6 +281,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    target: {
+        type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     openOnClick: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -339,6 +351,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    opacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
     /**
      * Уникальный идентификатор
      */
@@ -367,8 +383,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     contentClasses: string | string[] | Record<string, boolean>;
     contentProps: Record<string, unknown>;
     noClickAnimation: boolean;
+    opacity: string | number;
     activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
     activatorProps: Record<string, any>;
+    target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
     openOnClick: boolean | undefined;
     openOnHover: boolean;
     openOnFocus: boolean | undefined;

package/dist/components/CdsModal/CdsModal.vue.d.ts

@@ -54,7 +54,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     contained: {
-        type: PropType<boolean>;
+        type: PropType<boolean>; /**
+         * Модальное окно с прокруткой
+         */
         default: boolean;
     };
     disabled: {
@@ -96,6 +98,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    opacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
     theme: {
         type: PropType<string>;
         available: readonly ["cds", "b2b", "promo", "dark"];
@@ -155,6 +161,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    target: {
+        type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     openOnClick: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -260,7 +270,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     contained: {
-        type: PropType<boolean>;
+        type: PropType<boolean>; /**
+         * Модальное окно с прокруткой
+         */
         default: boolean;
     };
     disabled: {
@@ -302,6 +314,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    opacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
     theme: {
         type: PropType<string>;
         available: readonly ["cds", "b2b", "promo", "dark"];
@@ -361,6 +377,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    target: {
+        type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     openOnClick: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -430,8 +450,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     contentClasses: string | string[] | Record<string, boolean>;
     contentProps: Record<string, unknown>;
     noClickAnimation: boolean;
+    opacity: string | number;
     activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
     activatorProps: Record<string, any>;
+    target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
     openOnClick: boolean | undefined;
     openOnHover: boolean;
     openOnFocus: boolean | undefined;

package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts

@@ -86,6 +86,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    target: {
+        type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     openOnClick: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -146,6 +150,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    opacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
     locale: {
         type: PropType<"ru" | "en" | import("../../locale").ILocale>;
         default: undefined;
@@ -292,6 +300,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    target: {
+        type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     openOnClick: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -352,6 +364,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    opacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
     locale: {
         type: PropType<"ru" | "en" | import("../../locale").ILocale>;
         default: undefined;
@@ -435,8 +451,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     contentClasses: string | string[] | Record<string, boolean>;
     contentProps: Record<string, unknown>;
     noClickAnimation: boolean;
+    opacity: string | number;
     activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
     activatorProps: Record<string, any>;
+    target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
     openOnClick: boolean | undefined;
     openOnHover: boolean;
     openOnFocus: boolean | undefined;

package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts

@@ -1,6 +1,10 @@
 import type { PropType } from 'vue';
 export declare const componentName = "CdsOverlay";
 declare const _sfc_main: import("vue").DefineComponent<{
+    _disableGlobalStack: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     transition: {
         type: PropType<string | boolean | (import("vue").TransitionProps & {
             component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
@@ -76,6 +80,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    target: {
+        type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     openOnClick: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -106,10 +114,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     persistent: {
         type: PropType<boolean>;
-        default: boolean; /**
-         * Событие при изменении значения (v-model)
-         * @type { boolean }
-         */
+        default: boolean;
     };
     scrim: {
         type: PropType<string | boolean>;
@@ -139,6 +144,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    opacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
     /**
      * Применяет position: absolute к содержимому оверлея
      */
@@ -156,11 +165,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * Событие, которое срабатывает при клике вне оверлея.
      */
     'click:outside': (event: MouseEvent) => true;
+    /**
+     * Событие после появления оверлея
+     */
+    afterEnter: () => true;
     /**
      * Событие после исчезновения оверлея
      */
     afterLeave: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    _disableGlobalStack: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     transition: {
         type: PropType<string | boolean | (import("vue").TransitionProps & {
             component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
@@ -236,6 +253,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    target: {
+        type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     openOnClick: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -266,10 +287,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     persistent: {
         type: PropType<boolean>;
-        default: boolean; /**
-         * Событие при изменении значения (v-model)
-         * @type { boolean }
-         */
+        default: boolean;
     };
     scrim: {
         type: PropType<string | boolean>;
@@ -299,6 +317,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    opacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
     /**
      * Применяет position: absolute к содержимому оверлея
      */
@@ -308,6 +330,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onAfterEnter?: (() => any) | undefined;
     onAfterLeave?: (() => any) | undefined;
     "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
 }, {
@@ -327,8 +350,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     contentClasses: string | string[] | Record<string, boolean>;
     contentProps: Record<string, unknown>;
     noClickAnimation: boolean;
+    opacity: string | number;
     activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
     activatorProps: Record<string, any>;
+    target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
     openOnClick: boolean | undefined;
     openOnHover: boolean;
     openOnFocus: boolean | undefined;
@@ -348,5 +373,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     minHeight: string | number;
     minWidth: string | number;
     absolute: boolean;
+    _disableGlobalStack: boolean;
 }>;
 export default _sfc_main;

package/dist/components/CdsOverlay/composable/activator.d.ts

@@ -4,6 +4,7 @@ import type { ComponentPublicInstance, PropType, Ref } from 'vue';
 export interface IActivatorProps extends IDelayProps {
     activator: 'parent' | string | Element | ComponentPublicInstance;
     activatorProps: Record<string, any>;
+    target: 'parent' | 'cursor' | (string & {}) | Element | ComponentPublicInstance | [x: number, y: number] | undefined;
     openOnClick: boolean | undefined;
     openOnHover: boolean;
     openOnFocus: boolean | undefined;
@@ -12,20 +13,24 @@ export interface IActivatorProps extends IDelayProps {
 export interface IUseActivator {
     activatorEl: Ref<HTMLElement | undefined>;
     activatorRef: Ref<HTMLElement | undefined>;
+    target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
+    targetEl: ComputedRef<HTMLElement | undefined>;
+    targetRef: Ref<HTMLElement | undefined>;
     activatorEvents: ComputedRef<Partial<TAvailableEvents>>;
     contentEvents: ComputedRef<Partial<TAvailableEvents>>;
     scrimEvents: ComputedRef<Partial<TAvailableEvents>>;
 }
 declare type TAvailableEvents = {
-    click: (event: MouseEvent) => void;
-    mouseenter: (event: MouseEvent) => void;
-    mouseleave: (event: MouseEvent) => void;
-    focus: (event: FocusEvent) => void;
-    blur: (event: FocusEvent) => void;
+    onClick: (event: MouseEvent) => void;
+    onMouseenter: (event: MouseEvent) => void;
+    onMouseleave: (event: MouseEvent) => void;
+    onFocus: (event: FocusEvent) => void;
+    onBlur: (event: FocusEvent) => void;
 };
 export declare const makeActivatorProps: <Defaults extends {
     activator?: unknown;
     activatorProps?: unknown;
+    target?: unknown;
     openOnClick?: unknown;
     openOnHover?: unknown;
     openOnFocus?: unknown;
@@ -45,6 +50,14 @@ export declare const makeActivatorProps: <Defaults extends {
         type: PropType<Record<string, any>>;
         default: () => {};
     };
+    /**
+     * Для locationStrategy="connected" укажите элемент или массив координат x,y, относительно которого должен позиционироваться оверлей.
+     * По умолчанию это будет элемент активатора.
+     */
+    target: {
+        type: PropType<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+        default: undefined;
+    };
     /**
      * Показать компонент по клику на активатор
      */

package/dist/components/CdsOverlay/composable/locationStrategies.d.ts

@@ -3,6 +3,7 @@ import { Box, TAnchor } from '../../../utils';
 import type { PropType, Ref } from 'vue';
 export interface ILocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
+    target: Ref<HTMLElement | [x: number, y: number] | undefined>;
     activatorEl: Ref<HTMLElement | undefined>;
     isActive: Ref<boolean>;
 }

package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts

@@ -2,7 +2,7 @@ import type { EffectScope, PropType, Ref } from 'vue';
 export interface IScrollStrategyData {
     root: Ref<HTMLElement | undefined>;
     contentEl: Ref<HTMLElement | undefined>;
-    activatorEl: Ref<HTMLElement | undefined>;
+    targetEl: Ref<HTMLElement | undefined>;
     isActive: Ref<boolean>;
     updateLocation: Ref<((event: Event) => void) | undefined>;
 }

package/dist/components/CdsOverlay/composable/teleport.d.ts

@@ -1,6 +1,25 @@
-import { ComputedRef } from 'vue';
+import { ComputedRef, InjectionKey } from 'vue';
 import type { Ref } from 'vue';
 export interface IUseTeleport {
     teleportTarget: ComputedRef<Element | undefined>;
 }
+export interface ITeleportOptions {
+    /**
+     * Указывает, к какому DOM элементу будут прикреплены компоненты использующие телепорт.
+     * По-умолчанию прикрепляется к body.
+     */
+    target: Element;
+    /**
+     * Указывает, что все всплывающие компоненты будут прикреплены к родительскому элементу-активатору автоматически.
+     * Игнорирует переданный target во всех случаях.
+     * ВНИМАНИЕ! Возможны проблемы с позиционированием элементов вложенных в другие плавающие элементы в DOM.
+     * Используйте только если вы уверены, что это необходимо. В противном случае используйте свойства attach и contained непосредственно в самих компонентах.
+     */
+    contained: boolean;
+    /**
+     * Класс контейнера для компонентов телепорта.
+     */
+    containerClassName: string;
+}
+export declare const TeleportSymbol: InjectionKey<ITeleportOptions>;
 export declare function useTeleport(target: Ref<boolean | string | Element>, overlayContainerClassName: string): IUseTeleport;

package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts

@@ -34,7 +34,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * Тип скелета
      */
     type: {
-        type: PropType<"text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}) | readonly ("text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}))[]>;
+        type: PropType<"text" | "button" | (string & {}) | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | readonly ("text" | "button" | (string & {}) | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot")[]>;
         default: string;
     };
     /**
@@ -92,7 +92,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * Тип скелета
      */
     type: {
-        type: PropType<"text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}) | readonly ("text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}))[]>;
+        type: PropType<"text" | "button" | (string & {}) | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | readonly ("text" | "button" | (string & {}) | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot")[]>;
         default: string;
     };
     /**
@@ -118,7 +118,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>>, {
     theme: string;
-    type: "text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}) | readonly ("text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}))[];
+    type: "text" | "button" | (string & {}) | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | readonly ("text" | "button" | (string & {}) | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot")[];
     loading: boolean;
     height: string | number;
     width: string | number;