@central-design-system/components 3.0.0-alpha.0 → 3.0.0-alpha.1

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

@@ -0,0 +1,592 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsMenu";
+declare const _sfc_main: import("vue").DefineComponent<{
+    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: 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;
+        } | 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;
+        } | 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;
+        } | undefined)>;
+    };
+    location: {
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    };
+    origin: {
+        type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
+        default: string;
+    };
+    offset: {
+        type: PropType<string | number | number[]>;
+        default: null;
+    };
+    closeDelay: Omit<{
+        type: PropType<string | number>;
+        default: null;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | number>>;
+        default: NonNullable<string | number>;
+    };
+    openDelay: Omit<{
+        type: PropType<string | number>;
+        default: null;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | number>>;
+        default: NonNullable<string | number>;
+    };
+    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: Omit<{
+        type: PropType<boolean>;
+        default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    attach: {
+        type: PropType<string | boolean | Element>;
+        default: boolean;
+    };
+    contained: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    persistent: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    scrim: Omit<{
+        type: PropType<string | boolean>;
+        default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | boolean>>;
+        default: NonNullable<string | boolean>;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    zIndex: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    contentClasses: {
+        type: PropType<string | string[] | Record<string, boolean>>;
+        default: null;
+    };
+    contentProps: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    id: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, {
+    overlay: import("vue").Ref<import("vue").DefineComponent<{
+        transition: {
+            type: PropType<string | boolean | (import("vue").TransitionProps & {
+                component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+            })>;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        scrollStrategy: {
+            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;
+        };
+        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: {
+            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
+            default: string;
+        };
+        offset: {
+            type: PropType<string | number | number[]>;
+            default: null;
+        };
+        height: {
+            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;
+        };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
+        closeDelay: {
+            type: PropType<string | number>;
+            default: null;
+        };
+        openDelay: {
+            type: PropType<string | number>;
+            default: null;
+        };
+        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;
+        };
+        attach: {
+            type: PropType<string | boolean | Element>;
+            default: boolean;
+        };
+        contained: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        eager: {
+            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;
+        };
+        zIndex: {
+            type: PropType<string | number>;
+            default: number;
+        };
+        contentClasses: {
+            type: PropType<string | string[] | Record<string, boolean>>;
+            default: null;
+        };
+        contentProps: {
+            type: PropType<Record<string, unknown>>;
+            default: () => {};
+        };
+        absolute: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }, {
+        activatorEl: import("vue").Ref<HTMLElement | undefined>;
+        contentEl: import("vue").Ref<HTMLElement | undefined>;
+        globalTop: Readonly<import("vue").Ref<boolean>>;
+        localTop: import("vue").ComputedRef<boolean>;
+        updateLocation: import("vue").Ref<((event: Event) => void) | undefined>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "click:outside" | "afterLeave")[], "update:modelValue" | "click:outside" | "afterLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        transition: {
+            type: PropType<string | boolean | (import("vue").TransitionProps & {
+                component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+            })>;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        scrollStrategy: {
+            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;
+        };
+        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: {
+            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
+            default: string;
+        };
+        offset: {
+            type: PropType<string | number | number[]>;
+            default: null;
+        };
+        height: {
+            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;
+        };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
+        closeDelay: {
+            type: PropType<string | number>;
+            default: null;
+        };
+        openDelay: {
+            type: PropType<string | number>;
+            default: null;
+        };
+        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;
+        };
+        attach: {
+            type: PropType<string | boolean | Element>;
+            default: boolean;
+        };
+        contained: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        eager: {
+            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;
+        };
+        zIndex: {
+            type: PropType<string | number>;
+            default: number;
+        };
+        contentClasses: {
+            type: PropType<string | string[] | Record<string, boolean>>;
+            default: null;
+        };
+        contentProps: {
+            type: PropType<Record<string, unknown>>;
+            default: () => {};
+        };
+        absolute: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onAfterLeave?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onClick:outside"?: ((...args: any[]) => any) | undefined;
+    }, {
+        location: import('../../utils').TAnchor;
+        disabled: boolean;
+        transition: string | boolean | (import("vue").TransitionProps & {
+            component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        });
+        origin: import('../../utils').TAnchor | "auto" | "overlap";
+        modelValue: boolean;
+        activatorProps: Record<string, any>;
+        attach: string | boolean | Element;
+        contained: boolean;
+        eager: boolean;
+        persistent: boolean;
+        scrim: string | boolean;
+        zIndex: string | number;
+        contentClasses: string | string[] | Record<string, boolean>;
+        contentProps: Record<string, unknown>;
+        activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
+        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);
+        offset: string | number | number[];
+        scrollStrategy: "none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void);
+        height: string | number;
+        maxHeight: string | number;
+        maxWidth: string | number;
+        minHeight: string | number;
+        minWidth: string | number;
+        width: string | number;
+        absolute: boolean;
+    }> | undefined>;
+    openChildren: import("vue").Ref<number>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    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: 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;
+        } | 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;
+        } | 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;
+        } | undefined)>;
+    };
+    location: {
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    };
+    origin: {
+        type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
+        default: string;
+    };
+    offset: {
+        type: PropType<string | number | number[]>;
+        default: null;
+    };
+    closeDelay: Omit<{
+        type: PropType<string | number>;
+        default: null;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | number>>;
+        default: NonNullable<string | number>;
+    };
+    openDelay: Omit<{
+        type: PropType<string | number>;
+        default: null;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | number>>;
+        default: NonNullable<string | number>;
+    };
+    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: Omit<{
+        type: PropType<boolean>;
+        default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    attach: {
+        type: PropType<string | boolean | Element>;
+        default: boolean;
+    };
+    contained: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    persistent: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    scrim: Omit<{
+        type: PropType<string | boolean>;
+        default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | boolean>>;
+        default: NonNullable<string | boolean>;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    zIndex: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    contentClasses: {
+        type: PropType<string | string[] | Record<string, boolean>>;
+        default: null;
+    };
+    contentProps: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    id: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    location: import('../../utils').TAnchor;
+    disabled: boolean;
+    origin: import('../../utils').TAnchor | "auto" | "overlap";
+    id: string;
+    modelValue: boolean;
+    activatorProps: Record<string, any>;
+    attach: string | boolean | Element;
+    contained: boolean;
+    eager: boolean;
+    persistent: boolean;
+    scrim: NonNullable<string | boolean>;
+    zIndex: string | number;
+    contentClasses: string | string[] | Record<string, boolean>;
+    contentProps: Record<string, unknown>;
+    activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
+    openOnClick: boolean | undefined;
+    openOnHover: boolean;
+    openOnFocus: boolean | undefined;
+    closeOnContentClick: boolean;
+    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;
+    } | undefined)>;
+    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)>;
+}>;
+export default _sfc_main;

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

@@ -0,0 +1,10 @@
+import type { InjectionKey } from 'vue';
+interface IMenuProvider {
+    register(): void;
+    unregister(): void;
+    closeParents(): void;
+}
+export declare const CdsMenuSymbol: InjectionKey<IMenuProvider>;
+export declare const MENU_OPEN_DELAY = 300;
+export declare const MENU_CLOSE_DELAY = 250;
+export {};