@central-design-system/components 3.0.0-alpha.9 → 3.0.0-beta.10

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

@@ -0,0 +1,458 @@
+import type { PropType, Component } from 'vue';
+export declare const componentName = "CdsModal";
+declare const _sfc_main: import("vue").DefineComponent<{
+    transition: Omit<{
+        type: PropType<string | boolean | (import("vue").TransitionProps & {
+            component?: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (value: unknown) => boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | boolean | (import("vue").TransitionProps & {
+            component?: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })> | {
+            component: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        }>;
+        default: NonNullable<string | boolean | (import("vue").TransitionProps & {
+            component?: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })> | {
+            component: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        };
+    };
+    scrollStrategy: Omit<{
+        type: PropType<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
+        default: string;
+        validator: (value: any) => boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>>;
+        default: NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
+    };
+    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;
+        } | undefined)>;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    location: {
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    };
+    origin: Omit<{
+        type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<import('../../utils').TAnchor | "auto" | "overlap">>;
+        default: NonNullable<import('../../utils').TAnchor | "auto" | "overlap">;
+    };
+    offset: {
+        type: PropType<string | number | number[]>;
+        default: null;
+    };
+    attach: {
+        type: PropType<string | boolean | Element>;
+        default: boolean;
+    };
+    contained: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    persistent: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    scrim: {
+        type: PropType<string | boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    closeOnBack: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    zIndex: Omit<{
+        type: PropType<string | number>;
+        default: number;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | number>>;
+        default: NonNullable<string | number>;
+    };
+    contentClasses: {
+        type: PropType<string | string[] | Record<string, boolean>>;
+        default: null;
+    };
+    contentProps: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    noClickAnimation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
+    size: {
+        type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+        default: string;
+        available: readonly ["xs", "sm", "md", "lg", "xl"];
+        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+    };
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    closeDelay: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    openDelay: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    activator: {
+        type: PropType<string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element>;
+        default: null;
+    };
+    activatorProps: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    openOnClick: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    openOnHover: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    openOnFocus: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    closeOnContentClick: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Модальное окно на весь экран
+     */
+    fullscreen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Модальное окно с прокруткой
+     */
+    scrollable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Сохранять фокус внутри модального окна, по-умолчанию true.
+     * Его можно отключить, если необходимо использовать собственный элемент для фокусировки
+     */
+    retainFocus: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Показывать кнопку закрытия модального окна (или слот dismissBtn)
+     */
+    dismissBtn: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Событие изменения состояния модального окна
+     * @param value
+     */
+    'update:modelValue': (value: boolean) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    transition: Omit<{
+        type: PropType<string | boolean | (import("vue").TransitionProps & {
+            component?: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (value: unknown) => boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | boolean | (import("vue").TransitionProps & {
+            component?: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })> | {
+            component: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        }>;
+        default: NonNullable<string | boolean | (import("vue").TransitionProps & {
+            component?: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })> | {
+            component: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        };
+    };
+    scrollStrategy: Omit<{
+        type: PropType<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
+        default: string;
+        validator: (value: any) => boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>>;
+        default: NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
+    };
+    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;
+        } | undefined)>;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    location: {
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    };
+    origin: Omit<{
+        type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<import('../../utils').TAnchor | "auto" | "overlap">>;
+        default: NonNullable<import('../../utils').TAnchor | "auto" | "overlap">;
+    };
+    offset: {
+        type: PropType<string | number | number[]>;
+        default: null;
+    };
+    attach: {
+        type: PropType<string | boolean | Element>;
+        default: boolean;
+    };
+    contained: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    persistent: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    scrim: {
+        type: PropType<string | boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    closeOnBack: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    zIndex: Omit<{
+        type: PropType<string | number>;
+        default: number;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | number>>;
+        default: NonNullable<string | number>;
+    };
+    contentClasses: {
+        type: PropType<string | string[] | Record<string, boolean>>;
+        default: null;
+    };
+    contentProps: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    noClickAnimation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
+    size: {
+        type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+        default: string;
+        available: readonly ["xs", "sm", "md", "lg", "xl"];
+        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+    };
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    closeDelay: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    openDelay: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    activator: {
+        type: PropType<string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element>;
+        default: null;
+    };
+    activatorProps: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    openOnClick: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    openOnHover: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    openOnFocus: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    closeOnContentClick: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Модальное окно на весь экран
+     */
+    fullscreen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Модальное окно с прокруткой
+     */
+    scrollable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Сохранять фокус внутри модального окна, по-умолчанию true.
+     * Его можно отключить, если необходимо использовать собственный элемент для фокусировки
+     */
+    retainFocus: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Показывать кнопку закрытия модального окна (или слот dismissBtn)
+     */
+    dismissBtn: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    disabled: boolean;
+    theme: string;
+    location: import('../../utils').TAnchor;
+    modelValue: boolean;
+    eager: boolean;
+    loading: boolean;
+    transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
+        component?: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+    })> | {
+        component: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    };
+    attach: string | boolean | Element;
+    contained: boolean;
+    persistent: boolean;
+    scrim: string | boolean;
+    closeOnBack: boolean;
+    zIndex: NonNullable<string | number>;
+    contentClasses: string | string[] | Record<string, boolean>;
+    contentProps: Record<string, unknown>;
+    noClickAnimation: boolean;
+    activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
+    activatorProps: Record<string, any>;
+    openOnClick: boolean | undefined;
+    openOnHover: boolean;
+    openOnFocus: boolean | undefined;
+    closeOnContentClick: boolean;
+    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;
+    } | undefined);
+    origin: NonNullable<import('../../utils').TAnchor | "auto" | "overlap">;
+    offset: string | number | number[];
+    scrollStrategy: NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/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;
+    fullscreen: boolean;
+    scrollable: boolean;
+    retainFocus: boolean;
+    dismissBtn: boolean;
+}>;
+export default _sfc_main;

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

@@ -0,0 +1 @@
+export { default as CdsModal } from './CdsModal.vue';