@central-design-system/components 3.0.0-beta.16 → 3.0.0-beta.17

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

@@ -167,9 +167,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     active: {
         type: PropType<boolean>;
-        default: boolean; /**
-         * При поиске будет сразу выбирать первый найденный вариант
-         */
+        default: boolean;
     };
     autofocus: {
         type: PropType<boolean>;
@@ -601,9 +599,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     active: {
         type: PropType<boolean>;
-        default: boolean; /**
-         * При поиске будет сразу выбирать первый найденный вариант
-         */
+        default: boolean;
     };
     autofocus: {
         type: PropType<boolean>;

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

@@ -128,6 +128,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     validateOn: {
         type: PropType<"input" | "blur" | "submit">;
+        /**
+         * Событие открытия меню
+         * @type { boolean }
+         */
         default: string;
         available: readonly ["blur", "input", "submit"];
         validator: (value: "input" | "blur" | "submit") => boolean;
@@ -252,10 +256,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     noFilter: {
-        /**
-         * Событие выбора всех элементов
-         * @type { boolean }
-         */
         type: PropType<boolean>;
         default: boolean;
     };
@@ -405,12 +405,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => never[];
     };
+    /**
+     * При поиске будет сразу выбирать первый найденный вариант
+     */
+    autoSelectFirst: {
+        type: PropType<boolean | "exact">;
+        default: undefined;
+    };
 }, {
     model: import("vue").Ref<readonly IInternalItem<any>[]> & {
         readonly externalValue: any;
     };
     search: import("vue").WritableComputedRef<string>;
     internalMenu: import("vue").WritableComputedRef<boolean | undefined>;
+    menuDisabled: import("vue").ComputedRef<boolean | undefined>;
     displayItems: import("vue").ComputedRef<IInternalItem<any>[]>;
     selected: import("vue").ComputedRef<any[]>;
     selectedAll: import("vue").ComputedRef<boolean>;
@@ -420,7 +428,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     selectedIndeterminate: import("vue").ComputedRef<boolean>;
     isFocused: import("vue").Ref<boolean>;
     isDirty: import("vue").ComputedRef<boolean>;
-    isPure: import("vue").Ref<boolean>;
+    isPure: import("vue").ShallowRef<boolean>;
     inputRef: import("vue").Ref<import("vue").DefineComponent<{
         theme: {
             type: PropType<string>;
@@ -493,6 +501,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         validateOn: {
             type: PropType<"input" | "blur" | "submit">;
+            /**
+             * Событие открытия меню
+             * @type { boolean }
+             */
             default: string;
             available: readonly ["blur", "input", "submit"];
             validator: (value: "input" | "blur" | "submit") => boolean;
@@ -651,6 +663,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             };
             validateOn: {
                 type: PropType<"input" | "blur" | "submit">;
+                /**
+                 * Событие открытия меню
+                 * @type { boolean }
+                 */
                 default: string;
                 available: readonly ["blur", "input", "submit"];
                 validator: (value: "input" | "blur" | "submit") => boolean;
@@ -751,6 +767,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             };
             validateOn: {
                 type: PropType<"input" | "blur" | "submit">;
+                /**
+                 * Событие открытия меню
+                 * @type { boolean }
+                 */
                 default: string;
                 available: readonly ["blur", "input", "submit"];
                 validator: (value: "input" | "blur" | "submit") => boolean;
@@ -996,6 +1016,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         validateOn: {
             type: PropType<"input" | "blur" | "submit">;
+            /**
+             * Событие открытия меню
+             * @type { boolean }
+             */
             default: string;
             available: readonly ["blur", "input", "submit"];
             validator: (value: "input" | "blur" | "submit") => boolean;
@@ -1198,16 +1222,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         locationStrategy: Omit<{
             type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
             default: string;
             validator: (value: any) => boolean;
         }, "default" | "type"> & {
             type: PropType<NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>>;
             default: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
         };
         location: {
@@ -1215,10 +1239,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
         origin: {
-            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">; /**
-             * Событие при изменении значения (v-model)
-             * @type { any }
-             */
+            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
             default: string;
         };
         offset: {
@@ -1310,10 +1331,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: () => {};
         };
         noClickAnimation: {
-            type: PropType<boolean>; /**
-             * Событие выбора всех элементов
-             * @type { boolean }
-             */
+            type: PropType<boolean>;
             default: boolean;
         };
         id: {
@@ -1321,7 +1339,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: undefined;
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (value: boolean) => true;
+        'update:modelValue': (value: boolean) => true; /**
+         * При поиске будет сразу выбирать первый найденный вариант
+         */
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         theme: {
             type: PropType<string>;
@@ -1373,16 +1393,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         locationStrategy: Omit<{
             type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
             default: string;
             validator: (value: any) => boolean;
         }, "default" | "type"> & {
             type: PropType<NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>>;
             default: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
         };
         location: {
@@ -1390,10 +1410,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
         origin: {
-            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">; /**
-             * Событие при изменении значения (v-model)
-             * @type { any }
-             */
+            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
             default: string;
         };
         offset: {
@@ -1485,10 +1502,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: () => {};
         };
         noClickAnimation: {
-            type: PropType<boolean>; /**
-             * Событие выбора всех элементов
-             * @type { boolean }
-             */
+            type: PropType<boolean>;
             default: boolean;
         };
         id: {
@@ -1525,7 +1539,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         closeDelay: NonNullable<string | number>;
         openDelay: NonNullable<string | number>;
         locationStrategy: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         origin: import('../../utils').TAnchor | "auto" | "overlap";
         offset: string | number | number[];
@@ -2036,6 +2050,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly appendIcon?: "search" | "link" | "list" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
         readonly 'onClick:prepend'?: ((...args: any[]) => any) | undefined;
         readonly 'onClick:append'?: ((...args: any[]) => any) | undefined;
+        readonly autoSelectFirst?: boolean | "exact" | undefined;
         readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         readonly "onUpdate:menu"?: ((value: boolean) => any) | undefined;
@@ -2075,6 +2090,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onMousedownControl: () => void;
     onMousedownMenuIcon: (event: MouseEvent) => void;
     onInputModelValue: (value: string) => void;
+    onListKeydown: (event: KeyboardEvent) => Promise<void>;
+    onListScroll: (event: Event) => void;
     getMatches: (item: IInternalItem<any>) => Record<string, import("../../composable").TFilterMath> | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
@@ -2228,6 +2245,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     validateOn: {
         type: PropType<"input" | "blur" | "submit">;
+        /**
+         * Событие открытия меню
+         * @type { boolean }
+         */
         default: string;
         available: readonly ["blur", "input", "submit"];
         validator: (value: "input" | "blur" | "submit") => boolean;
@@ -2352,10 +2373,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     noFilter: {
-        /**
-         * Событие выбора всех элементов
-         * @type { boolean }
-         */
         type: PropType<boolean>;
         default: boolean;
     };
@@ -2505,6 +2522,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => never[];
     };
+    /**
+     * При поиске будет сразу выбирать первый найденный вариант
+     */
+    autoSelectFirst: {
+        type: PropType<boolean | "exact">;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:focused"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -2685,5 +2709,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     transition: string | boolean | (import("vue").TransitionProps & {
         component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
     });
+    autoSelectFirst: boolean | "exact";
 }>;
 export default _sfc_main;

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

@@ -1171,16 +1171,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         locationStrategy: Omit<{
             type: import("vue").PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
             default: string;
             validator: (value: any) => boolean;
         }, "default" | "type"> & {
             type: import("vue").PropType<NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>>;
             default: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
         };
         location: {
@@ -1340,16 +1340,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         locationStrategy: Omit<{
             type: import("vue").PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
             default: string;
             validator: (value: any) => boolean;
         }, "default" | "type"> & {
             type: import("vue").PropType<NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>>;
             default: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
         };
         location: {
@@ -1486,7 +1486,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         closeDelay: NonNullable<string | number>;
         openDelay: NonNullable<string | number>;
         locationStrategy: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         origin: import('../../utils').TAnchor | "auto" | "overlap";
         offset: string | number | number[];

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

@@ -51,16 +51,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     locationStrategy: Omit<{
         type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         default: string;
         validator: (value: any) => boolean;
     }, "default" | "type"> & {
         type: PropType<NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>>;
         default: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
     };
     location: {
@@ -227,16 +227,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     locationStrategy: Omit<{
         type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         default: string;
         validator: (value: any) => boolean;
     }, "default" | "type"> & {
         type: PropType<NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>>;
         default: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
     };
     location: {
@@ -376,7 +376,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     closeDelay: NonNullable<string | number>;
     openDelay: NonNullable<string | number>;
     locationStrategy: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-        updateLocation: (event: Event) => void;
+        updateLocation: (event: Event | HTMLElement[]) => void;
     } | undefined)>;
     origin: import('../../utils').TAnchor | "auto" | "overlap";
     offset: string | number | number[];

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

@@ -29,7 +29,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     locationStrategy: {
         type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         default: string;
         validator: (value: any) => boolean;
@@ -235,7 +235,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     locationStrategy: {
         type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         default: string;
         validator: (value: any) => boolean;
@@ -439,7 +439,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     closeDelay: string | number;
     openDelay: string | number;
     locationStrategy: "static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-        updateLocation: (event: Event) => void;
+        updateLocation: (event: Event | HTMLElement[]) => void;
     } | undefined);
     origin: NonNullable<import('../../utils').TAnchor | "auto" | "overlap">;
     offset: string | number | number[];

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

@@ -17,7 +17,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     locationStrategy: {
         type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         default: string;
         validator: (value: any) => boolean;
@@ -223,7 +223,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     locationStrategy: {
         type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         default: string;
         validator: (value: any) => boolean;
@@ -445,7 +445,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     closeDelay: string | number;
     openDelay: string | number;
     locationStrategy: "static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-        updateLocation: (event: Event) => void;
+        updateLocation: (event: Event | HTMLElement[]) => void;
     } | undefined);
     origin: import('../../utils').TAnchor | "auto" | "overlap";
     offset: string | number | number[];

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

@@ -19,7 +19,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     locationStrategy: {
         type: PropType<"static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         default: string;
         validator: (value: any) => boolean;
@@ -179,7 +179,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     locationStrategy: {
         type: PropType<"static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         default: string;
         validator: (value: any) => boolean;
@@ -336,7 +336,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     closeDelay: string | number;
     openDelay: string | number;
     locationStrategy: "static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-        updateLocation: (event: Event) => void;
+        updateLocation: (event: Event | HTMLElement[]) => void;
     } | undefined);
     origin: import('../../utils').TAnchor | "auto" | "overlap";
     offset: string | number | number[];

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

@@ -7,7 +7,7 @@ export interface ILocationStrategyData {
     isActive: Ref<boolean>;
 }
 declare type TLocationStrategyFn = (data: ILocationStrategyData, props: ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
-    updateLocation: (event: Event) => void;
+    updateLocation: (event: Event | HTMLElement[]) => void;
 };
 declare const locationStrategies: {
     static: typeof staticLocationStrategy;
@@ -28,7 +28,7 @@ export interface ILocationProps {
 }
 export interface IUseLocationStrategies {
     contentStyles: Ref<Record<string, string>>;
-    updateLocation: Ref<((event: Event) => void) | undefined>;
+    updateLocation: Ref<((event: Event | HTMLElement[]) => void) | undefined>;
 }
 export declare const makeLocationStrategyProps: <Defaults extends {
     locationStrategy?: unknown;
@@ -78,11 +78,11 @@ export declare const makeLocationProps: <Defaults extends {
     };
 }, Defaults>;
 export declare function useLocationStrategies(props: ILocationStrategyProps, data: ILocationStrategyData): IUseLocationStrategies;
-export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number): {
+export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number, observedElement?: string): {
     locationStyles: import("vue").ComputedRef<CSSProperties>;
 };
 declare function staticLocationStrategy(): {
-    updateLocation: () => void;
+    updateLocation: (elements: HTMLElement[] | Event) => void;
 };
 declare function connectedLocationStrategy(data: ILocationStrategyData, props: ILocationStrategyProps, contentStyles: Ref<Record<string, string>>): {
     updateLocation: () => {

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

@@ -0,0 +1,2 @@
+export declare const NOTIFICATION_MARGIN = 24;
+export declare const VIEWPORT_MARGIN = 12;

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

@@ -136,7 +136,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             closeDelay: string | number;
             openDelay: string | number;
             locationStrategy: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
             origin: NonNullable<import("../../utils").TAnchor | "auto" | "overlap">;
             offset: NonNullable<string | number | number[]>;
@@ -219,16 +219,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
             };
             locationStrategy: Omit<{
                 type: import("vue").PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>;
                 default: string;
                 validator: (value: any) => boolean;
             }, "default" | "type"> & {
                 type: import("vue").PropType<NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>>;
                 default: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>;
             };
             location: Omit<{
@@ -604,7 +604,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             closeDelay: string | number;
             openDelay: string | number;
             locationStrategy: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
             origin: NonNullable<import("../../utils").TAnchor | "auto" | "overlap">;
             offset: NonNullable<string | number | number[]>;
@@ -687,16 +687,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
             };
             locationStrategy: Omit<{
                 type: import("vue").PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>;
                 default: string;
                 validator: (value: any) => boolean;
             }, "default" | "type"> & {
                 type: import("vue").PropType<NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>>;
                 default: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>;
             };
             location: Omit<{
@@ -978,7 +978,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         closeDelay: string | number;
         openDelay: string | number;
         locationStrategy: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         origin: NonNullable<import("../../utils").TAnchor | "auto" | "overlap">;
         offset: NonNullable<string | number | number[]>;
@@ -1061,16 +1061,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         locationStrategy: Omit<{
             type: import("vue").PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
             default: string;
             validator: (value: any) => boolean;
         }, "default" | "type"> & {
             type: import("vue").PropType<NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>>;
             default: NonNullable<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
         };
         location: Omit<{