Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
package.lib.components.VOverlay.index.d.mts Maven / Gradle / Ivy
import * as vue from 'vue';
import { ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, Ref, EffectScope, PropType } from 'vue';
declare const block: readonly ["top", "bottom"];
declare const inline: readonly ["start", "end", "left", "right"];
type Tblock = typeof block[number];
type Tinline = typeof inline[number];
type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
declare class Box {
x: number;
y: number;
width: number;
height: number;
constructor({ x, y, width, height }: {
x: number;
y: number;
width: number;
height: number;
});
get top(): number;
get bottom(): number;
get left(): number;
get right(): number;
}
interface FilterPropsOptions, Props = ExtractPropTypes> {
filterProps, U extends Exclude>>(props: T): Partial>;
}
type TemplateRef = {
(target: Element | ComponentPublicInstance | null): void;
value: HTMLElement | ComponentPublicInstance | null | undefined;
readonly el: HTMLElement | undefined;
};
interface LocationStrategyData {
contentEl: Ref;
target: Ref;
isActive: Ref;
isRtl: Ref;
}
type LocationStrategyFn = (data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => undefined | {
updateLocation: (e?: Event) => void;
};
declare const locationStrategies: {
static: typeof staticLocationStrategy;
connected: typeof connectedLocationStrategy;
};
interface StrategyProps$1 {
locationStrategy: keyof typeof locationStrategies | LocationStrategyFn;
location: Anchor;
origin: Anchor | 'auto' | 'overlap';
offset?: number | string | number[];
maxHeight?: number | string;
maxWidth?: number | string;
minHeight?: number | string;
minWidth?: number | string;
}
declare function staticLocationStrategy(): void;
declare function connectedLocationStrategy(data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>): {
updateLocation: () => {
available: {
x: number;
y: number;
};
contentBox: Box;
} | undefined;
};
interface ScrollStrategyData {
root: Ref;
contentEl: Ref;
targetEl: Ref;
isActive: Ref;
updateLocation: Ref<((e: Event) => void) | undefined>;
}
type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps, scope: EffectScope) => void;
declare const scrollStrategies: {
none: null;
close: typeof closeScrollStrategy;
block: typeof blockScrollStrategy;
reposition: typeof repositionScrollStrategy;
};
interface StrategyProps {
scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn;
contained: boolean | undefined;
}
declare function closeScrollStrategy(data: ScrollStrategyData): void;
declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps): void;
declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps, scope: EffectScope): void;
declare const VOverlay: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref;
scrimEl: Ref;
target: vue.ComputedRef;
animateClick: () => void;
contentEl: Ref;
globalTop: Readonly>;
localTop: vue.ComputedRef;
updateLocation: Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterEnter: () => true;
afterLeave: () => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, true, {}, vue.SlotsType;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref;
scrimEl: Ref;
target: vue.ComputedRef;
animateClick: () => void;
contentEl: Ref;
globalTop: Readonly>;
localTop: vue.ComputedRef;
updateLocation: Ref<((e: Event) => void) | undefined>;
}, {}, {}, {}, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref;
scrimEl: Ref;
target: vue.ComputedRef;
animateClick: () => void;
contentEl: Ref;
globalTop: Readonly>;
localTop: vue.ComputedRef;
updateLocation: Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: {
type: PropType;
default: string;
validator: (val: unknown) => boolean;
};
theme: StringConstructor;
scrollStrategy: {
type: PropType<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
};
locationStrategy: {
type: PropType<"static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected">;
default: string;
validator: (val: any) => boolean;
};
location: {
type: PropType;
default: string;
};
origin: {
type: PropType;
default: string;
};
offset: PropType;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType;
style: {
type: PropType;
default: null;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
target: PropType;
activator: PropType;
activatorProps: {
type: PropType>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
absolute: BooleanConstructor;
attach: PropType;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentClass: null;
contentProps: null;
disabled: BooleanConstructor;
opacity: (StringConstructor | NumberConstructor)[];
noClickAnimation: BooleanConstructor;
modelValue: BooleanConstructor;
persistent: BooleanConstructor;
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
zIndex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
_disableGlobalStack: BooleanConstructor;
}, vue.ExtractPropTypes<{
transition: {
type: PropType;
default: string;
validator: (val: unknown) => boolean;
};
theme: StringConstructor;
scrollStrategy: {
type: PropType<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
};
locationStrategy: {
type: PropType<"static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected">;
default: string;
validator: (val: any) => boolean;
};
location: {
type: PropType;
default: string;
};
origin: {
type: PropType;
default: string;
};
offset: PropType;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType;
style: {
type: PropType;
default: null;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
target: PropType;
activator: PropType;
activatorProps: {
type: PropType>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
absolute: BooleanConstructor;
attach: PropType;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentClass: null;
contentProps: null;
disabled: BooleanConstructor;
opacity: (StringConstructor | NumberConstructor)[];
noClickAnimation: BooleanConstructor;
modelValue: BooleanConstructor;
persistent: BooleanConstructor;
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
zIndex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
_disableGlobalStack: BooleanConstructor;
}>>;
type VOverlay = InstanceType;
export { VOverlay };
