@central-design-system/components 3.0.3 → 3.1.0

package/dist/components/CdsOverlay/{CdsOverlay.vue.d.ts → CdsOverlay.d.ts}

@@ -1,13 +1,13 @@
-import type { PropType } from 'vue';
+import { PropType } from 'vue';
 export declare const componentName = "CdsOverlay";
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<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;
+        type: PropType<string | boolean | (import('vue').TransitionProps & {
+            component?: import('vue').Component;
         })>;
         default: string;
         validator: (value: unknown) => boolean;
@@ -17,14 +17,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     scrollStrategy: {
-        type: PropType<"none" | "close" | "block" | "reposition" | ((data: import("./composable").IScrollStrategyData, props: import("./composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
+        type: PropType<("close" | "none" | "block" | "reposition") | ((data: import('./composable').IScrollStrategyData, props: import('./composable').IScrollStrategyProps, scope: import('vue').EffectScope) => void)>;
         default: string;
         validator: (value: any) => boolean;
     };
     locationStrategy: {
-        type: PropType<"static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
+        type: PropType<("static" | "connected") | ((data: import('./composable').ILocationStrategyData, props: import('./composable').ILocationStrategyProps, contentStyles: import('vue').Ref<Record<string, string>>) => undefined | {
             updateLocation: (event: Event | HTMLElement[]) => void;
-        } | undefined)>;
+        })>;
         default: string;
         validator: (value: any) => boolean;
     };
@@ -37,43 +37,43 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     offset: {
-        type: PropType<string | number | number[]>;
+        type: PropType<number | string | number[]>;
         default: null;
     };
     height: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     width: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     maxHeight: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     maxWidth: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     minHeight: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     minWidth: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     closeDelay: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: null;
     };
     openDelay: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: null;
     };
     activator: {
-        type: PropType<string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element>;
+        type: PropType<"parent" | string | Element | import('vue').ComponentPublicInstance>;
         default: null;
     };
     activatorProps: {
@@ -81,7 +81,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         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>;
+        type: PropType<"parent" | "cursor" | (string & {}) | Element | import('vue').ComponentPublicInstance | [x: number, y: number] | undefined>;
         default: undefined;
     };
     openOnClick: {
@@ -101,7 +101,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     attach: {
-        type: PropType<string | boolean | Element>;
+        type: PropType<boolean | string | Element>;
         default: boolean;
     };
     contained: {
@@ -117,7 +117,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     scrim: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
         default: boolean;
     };
     modelValue: {
@@ -129,7 +129,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     zIndex: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
     };
     contentClasses: {
@@ -155,7 +155,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     /**
      * Событие при изменении значения (v-model)
      * @type { boolean }
@@ -173,14 +173,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * Событие после исчезновения оверлея
      */
     afterLeave: () => true;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, 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;
+        type: PropType<string | boolean | (import('vue').TransitionProps & {
+            component?: import('vue').Component;
         })>;
         default: string;
         validator: (value: unknown) => boolean;
@@ -190,14 +190,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     scrollStrategy: {
-        type: PropType<"none" | "close" | "block" | "reposition" | ((data: import("./composable").IScrollStrategyData, props: import("./composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
+        type: PropType<("close" | "none" | "block" | "reposition") | ((data: import('./composable').IScrollStrategyData, props: import('./composable').IScrollStrategyProps, scope: import('vue').EffectScope) => void)>;
         default: string;
         validator: (value: any) => boolean;
     };
     locationStrategy: {
-        type: PropType<"static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
+        type: PropType<("static" | "connected") | ((data: import('./composable').ILocationStrategyData, props: import('./composable').ILocationStrategyProps, contentStyles: import('vue').Ref<Record<string, string>>) => undefined | {
             updateLocation: (event: Event | HTMLElement[]) => void;
-        } | undefined)>;
+        })>;
         default: string;
         validator: (value: any) => boolean;
     };
@@ -210,43 +210,43 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     offset: {
-        type: PropType<string | number | number[]>;
+        type: PropType<number | string | number[]>;
         default: null;
     };
     height: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     width: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     maxHeight: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     maxWidth: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     minHeight: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     minWidth: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     closeDelay: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: null;
     };
     openDelay: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: null;
     };
     activator: {
-        type: PropType<string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element>;
+        type: PropType<"parent" | string | Element | import('vue').ComponentPublicInstance>;
         default: null;
     };
     activatorProps: {
@@ -254,7 +254,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         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>;
+        type: PropType<"parent" | "cursor" | (string & {}) | Element | import('vue').ComponentPublicInstance | [x: number, y: number] | undefined>;
         default: undefined;
     };
     openOnClick: {
@@ -274,7 +274,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     attach: {
-        type: PropType<string | boolean | Element>;
+        type: PropType<boolean | string | Element>;
         default: boolean;
     };
     contained: {
@@ -290,7 +290,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     scrim: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
         default: boolean;
     };
     modelValue: {
@@ -302,7 +302,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     zIndex: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
     };
     contentClasses: {
@@ -328,18 +328,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
     onAfterEnter?: (() => any) | undefined;
     onAfterLeave?: (() => any) | undefined;
-    "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
-}, {
-    disabled: boolean;
+}>, {
     location: import('../../utils').TAnchor;
+    disabled: boolean;
     modelValue: boolean;
-    eager: boolean;
-    transition: string | boolean | (import("vue").TransitionProps & {
-        component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+    transition: string | boolean | (import('vue').TransitionProps & {
+        component?: import('vue').Component;
     });
     attach: string | boolean | Element;
     contained: boolean;
@@ -351,28 +350,34 @@ declare const _sfc_main: import("vue").DefineComponent<{
     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;
-    closeOnContentClick: boolean;
+    eager: boolean;
     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 | HTMLElement[]) => void;
-    } | undefined);
-    origin: import('../../utils').TAnchor | "auto" | "overlap";
-    offset: string | number | number[];
-    scrollStrategy: "none" | "close" | "block" | "reposition" | ((data: import("./composable").IScrollStrategyData, props: import("./composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void);
     height: string | number;
     width: string | number;
     maxHeight: string | number;
     maxWidth: string | number;
     minHeight: string | number;
     minWidth: string | number;
+    activatorProps: Record<string, any>;
+    activator: string | Element | import('vue').ComponentPublicInstance;
+    origin: import('../../utils').TAnchor | "auto" | "overlap";
     absolute: boolean;
+    target: Element | "parent" | (string & {}) | import('vue').ComponentPublicInstance | "cursor" | [x: number, y: number] | undefined;
+    offset: string | number | number[];
+    openOnClick: boolean | undefined;
+    openOnHover: boolean;
+    openOnFocus: boolean | undefined;
+    closeOnContentClick: boolean;
+    locationStrategy: "static" | "connected" | ((data: import('./composable').ILocationStrategyData, props: import('./composable').ILocationStrategyProps, contentStyles: import('vue').Ref<Record<string, string>>) => undefined | {
+        updateLocation: (event: Event | HTMLElement[]) => void;
+    });
+    scrollStrategy: "close" | "none" | "block" | "reposition" | ((data: import('./composable').IScrollStrategyData, props: import('./composable').IScrollStrategyProps, scope: import('vue').EffectScope) => void);
     _disableGlobalStack: boolean;
-}>;
-export default _sfc_main;
+}, {}, {}, {
+    ClickOutside: {
+        mounted(el: HTMLElement, binding: import('../../directives/click-outside').IClickOutsideDirectiveBinding): void;
+        unmounted(el: HTMLElement, binding: import('../../directives/click-outside').IClickOutsideDirectiveBinding): void;
+    };
+}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1,6 +1,5 @@
-import { ComputedRef } from 'vue';
-import type { IDelayProps } from '../../../composable';
-import type { ComponentPublicInstance, PropType, Ref } from 'vue';
+import { IDelayProps } from '../../../composable';
+import { ComponentPublicInstance, PropType, Ref, ComputedRef } from 'vue';
 export interface IActivatorProps extends IDelayProps {
     activator: 'parent' | string | Element | ComponentPublicInstance;
     activatorProps: Record<string, any>;
@@ -20,7 +19,7 @@ export interface IUseActivator {
     contentEvents: ComputedRef<Partial<TAvailableEvents>>;
     scrimEvents: ComputedRef<Partial<TAvailableEvents>>;
 }
-declare type TAvailableEvents = {
+type TAvailableEvents = {
     onClick: (event: MouseEvent) => void;
     onMouseenter: (event: MouseEvent) => void;
     onMouseleave: (event: MouseEvent) => void;
@@ -40,7 +39,7 @@ export declare const makeActivatorProps: <Defaults extends {
      * Элемент, который будет активировать компонент
      */
     activator: {
-        type: PropType<string | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element>;
+        type: PropType<"parent" | string | Element | ComponentPublicInstance>;
         default: null;
     };
     /**
@@ -55,7 +54,7 @@ export declare const makeActivatorProps: <Defaults extends {
      * По умолчанию это будет элемент активатора.
      */
     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>;
+        type: PropType<"parent" | "cursor" | (string & {}) | Element | ComponentPublicInstance | [x: number, y: number] | undefined>;
         default: undefined;
     };
     /**

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

@@ -1,13 +1,12 @@
-import { CSSProperties } from 'vue';
 import { Box, TAnchor } from '../../../utils';
-import type { PropType, Ref } from 'vue';
+import { PropType, Ref, CSSProperties } from 'vue';
 export interface ILocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
     target: Ref<HTMLElement | [x: number, y: number] | undefined>;
     activatorEl: Ref<HTMLElement | undefined>;
     isActive: Ref<boolean>;
 }
-declare type TLocationStrategyFn = (data: ILocationStrategyData, props: ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
+type TLocationStrategyFn = (data: ILocationStrategyData, props: ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
     updateLocation: (event: Event | HTMLElement[]) => void;
 };
 declare const locationStrategies: {
@@ -41,7 +40,7 @@ export declare const makeLocationStrategyProps: <Defaults extends {
      * Стратегия позиционирования компонента
      */
     locationStrategy: {
-        type: PropType<"static" | "connected" | TLocationStrategyFn>;
+        type: PropType<keyof typeof locationStrategies | TLocationStrategyFn>;
         default: string;
         validator: (value: any) => boolean;
     };
@@ -63,7 +62,7 @@ export declare const makeLocationStrategyProps: <Defaults extends {
      * Отступы компонента от активатора
      */
     offset: {
-        type: PropType<string | number | number[]>;
+        type: PropType<number | string | number[]>;
         default: null;
     };
 }, Defaults>;
@@ -80,7 +79,7 @@ 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, observedElement?: string): {
-    locationStyles: import("vue").ComputedRef<CSSProperties>;
+    locationStyles: import('vue').ComputedRef<CSSProperties>;
 };
 declare function staticLocationStrategy(): {
     updateLocation: (elements: HTMLElement[] | Event) => void;

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

@@ -2,7 +2,7 @@ interface IScrimProps {
     [key: string]: unknown;
     modelValue: boolean;
 }
-export declare function CdsScrim(props: IScrimProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare function CdsScrim(props: IScrimProps): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>;
 export {};

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

@@ -1,4 +1,4 @@
-import type { EffectScope, PropType, Ref } from 'vue';
+import { EffectScope, PropType, Ref } from 'vue';
 export interface IScrollStrategyData {
     root: Ref<HTMLElement | undefined>;
     contentEl: Ref<HTMLElement | undefined>;
@@ -6,7 +6,7 @@ export interface IScrollStrategyData {
     isActive: Ref<boolean>;
     updateLocation: Ref<((event: Event) => void) | undefined>;
 }
-declare type TScrollStrategyFn = (data: IScrollStrategyData, props: IScrollStrategyProps, scope: EffectScope) => void;
+type TScrollStrategyFn = (data: IScrollStrategyData, props: IScrollStrategyProps, scope: EffectScope) => void;
 declare const scrollStrategies: {
     none: null;
     close: typeof closeScrollStrategy;
@@ -21,7 +21,7 @@ export declare const makeScrollStrategyProps: <Defaults extends {
     scrollStrategy?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
     scrollStrategy: {
-        type: PropType<"none" | "close" | "block" | "reposition" | TScrollStrategyFn>;
+        type: PropType<keyof typeof scrollStrategies | TScrollStrategyFn>;
         default: string;
         validator: (value: any) => boolean;
     };

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

@@ -1,4 +1,4 @@
-import type { ComputedRef, Ref } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 export interface IUseStack {
     globalTop: Readonly<Ref<boolean>>;
     localTop: ComputedRef<boolean>;

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

@@ -1,5 +1,4 @@
-import { ComputedRef, InjectionKey } from 'vue';
-import type { Ref } from 'vue';
+import { Ref, ComputedRef, InjectionKey } from 'vue';
 export interface IUseTeleport {
     teleportTarget: ComputedRef<Element | undefined>;
 }

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

@@ -1 +1 @@
-export { default as CdsOverlay } from './CdsOverlay.vue';
+export { default as CdsOverlay } from './CdsOverlay';

package/dist/components/CdsOverlay/utils/point.d.ts

@@ -1,14 +1,14 @@
 import { Box, ParsedAnchor } from '../../../utils';
-declare type Point = {
+type Point = {
     x: number;
     y: number;
 };
 declare class As<T extends string> {
     private as;
 }
-declare type ElementPoint = Point & As<'element'>;
-declare type ViewportPoint = Point & As<'viewport'>;
-declare type Offset = Point & As<'offset'>;
+type ElementPoint = Point & As<'element'>;
+type ViewportPoint = Point & As<'viewport'>;
+type Offset = Point & As<'offset'>;
 /** Convert a point in local space to viewport space */
 export declare function elementToViewport(point: ElementPoint, offset: Offset | Box): ViewportPoint;
 /** Convert a point in viewport space to local space */

package/dist/components/CdsPage/{CdsPage.vue.d.ts → CdsPage.d.ts}

@@ -1,6 +1,6 @@
-import type { PropType } from 'vue';
+import { PropType } from 'vue';
 export declare const componentName = "CdsPage";
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     padding: {
         type: PropType<boolean>;
         default: boolean;
@@ -9,7 +9,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<(offset: number, height: number) => string>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     padding: {
         type: PropType<boolean>;
         default: boolean;
@@ -18,8 +18,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<(offset: number, height: number) => string>;
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     padding: boolean;
     styleFn: (offset: number, height: number) => string;
-}>;
-export default _sfc_main;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/CdsPage/index.d.ts

@@ -1 +1 @@
-export { default as CdsPage } from './CdsPage.vue';
+export { default as CdsPage } from './CdsPage';