| | |
| | | import { RendererOptions, BaseTransitionProps, FunctionalComponent, ObjectDirective, Directive, SetupContext, RenderFunction, ComponentOptions, App, ComponentCustomElementInterface, ConcreteComponent, CreateAppFunction, ComponentObjectPropsOptions, EmitsOptions, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentInjectOptions, SlotsType, Component, ComponentProvideOptions, ExtractPropTypes, EmitsToProps, ComponentOptionsBase, CreateComponentPublicInstanceWithMixins, ComponentPublicInstance, DefineComponent, VNodeRef, RootRenderFunction, RootHydrateFunction } from '@vue/runtime-core'; |
| | | import { RendererOptions, BaseTransitionProps, FunctionalComponent, ObjectDirective, Directive, VNodeRef, App, ComponentCustomElementInterface, ConcreteComponent, CreateAppFunction, SetupContext, RenderFunction, ComponentOptions, ComponentObjectPropsOptions, EmitsOptions, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentInjectOptions, SlotsType, Component, ComponentProvideOptions, ExtractPropTypes, EmitsToProps, ComponentOptionsBase, CreateComponentPublicInstanceWithMixins, ComponentPublicInstance, DefineComponent, RootHydrateFunction, RootRenderFunction } from '@vue/runtime-core'; |
| | | export * from '@vue/runtime-core'; |
| | | import * as CSS from 'csstype'; |
| | | |
| | |
| | | export declare const vModelSelect: ModelDirective<HTMLSelectElement, 'number'>; |
| | | export declare const vModelDynamic: ObjectDirective<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>; |
| | | type VModelDirective = typeof vModelText | typeof vModelCheckbox | typeof vModelSelect | typeof vModelRadio | typeof vModelDynamic; |
| | | |
| | | export type VueElementConstructor<P = {}> = { |
| | | new (initialProps?: Record<string, any>): VueElement & P; |
| | | }; |
| | | export interface CustomElementOptions { |
| | | styles?: string[]; |
| | | shadowRoot?: boolean; |
| | | shadowRootOptions?: Omit<ShadowRootInit, 'mode'>; |
| | | nonce?: string; |
| | | configureApp?: (app: App) => void; |
| | | } |
| | | export declare function defineCustomElement<Props, RawBindings = object>(setup: (props: Props, ctx: SetupContext) => RawBindings | RenderFunction, options?: Pick<ComponentOptions, 'name' | 'inheritAttrs' | 'emits'> & CustomElementOptions & { |
| | | props?: (keyof Props)[]; |
| | | }): VueElementConstructor<Props>; |
| | | export declare function defineCustomElement<Props, RawBindings = object>(setup: (props: Props, ctx: SetupContext) => RawBindings | RenderFunction, options?: Pick<ComponentOptions, 'name' | 'inheritAttrs' | 'emits'> & CustomElementOptions & { |
| | | props?: ComponentObjectPropsOptions<Props>; |
| | | }): VueElementConstructor<Props>; |
| | | export declare function defineCustomElement<RuntimePropsOptions extends ComponentObjectPropsOptions = ComponentObjectPropsOptions, PropsKeys extends string = string, RuntimeEmitsOptions extends EmitsOptions = {}, EmitsKeys extends string = string, Data = {}, SetupBindings = {}, Computed extends ComputedOptions = {}, Methods extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, InjectOptions extends ComponentInjectOptions = {}, InjectKeys extends string = string, Slots extends SlotsType = {}, LocalComponents extends Record<string, Component> = {}, Directives extends Record<string, Directive> = {}, Exposed extends string = string, Provide extends ComponentProvideOptions = ComponentProvideOptions, InferredProps = string extends PropsKeys ? ComponentObjectPropsOptions extends RuntimePropsOptions ? {} : ExtractPropTypes<RuntimePropsOptions> : { |
| | | [key in PropsKeys]?: any; |
| | | }, ResolvedProps = InferredProps & EmitsToProps<RuntimeEmitsOptions>>(options: CustomElementOptions & { |
| | | props?: (RuntimePropsOptions & ThisType<void>) | PropsKeys[]; |
| | | } & ComponentOptionsBase<ResolvedProps, SetupBindings, Data, Computed, Methods, Mixin, Extends, RuntimeEmitsOptions, EmitsKeys, {}, // Defaults |
| | | InjectOptions, InjectKeys, Slots, LocalComponents, Directives, Exposed, Provide> & ThisType<CreateComponentPublicInstanceWithMixins<Readonly<ResolvedProps>, SetupBindings, Data, Computed, Methods, Mixin, Extends, RuntimeEmitsOptions, EmitsKeys, {}, false, InjectOptions, Slots, LocalComponents, Directives, Exposed>>, extraOptions?: CustomElementOptions): VueElementConstructor<ResolvedProps>; |
| | | export declare function defineCustomElement<T extends { |
| | | new (...args: any[]): ComponentPublicInstance<any>; |
| | | }>(options: T, extraOptions?: CustomElementOptions): VueElementConstructor<T extends DefineComponent<infer P, any, any, any> ? P : unknown>; |
| | | export declare const defineSSRCustomElement: typeof defineCustomElement; |
| | | declare const BaseClass: typeof HTMLElement; |
| | | type InnerComponentDef = ConcreteComponent & CustomElementOptions; |
| | | export declare class VueElement extends BaseClass implements ComponentCustomElementInterface { |
| | | /** |
| | | * Component def - note this may be an AsyncWrapper, and this._def will |
| | | * be overwritten by the inner component when resolved. |
| | | */ |
| | | private _def; |
| | | private _props; |
| | | private _createApp; |
| | | _isVueCE: boolean; |
| | | private _connected; |
| | | private _resolved; |
| | | private _patching; |
| | | private _dirty; |
| | | private _numberProps; |
| | | private _styleChildren; |
| | | private _pendingResolve; |
| | | private _parent; |
| | | /** |
| | | * dev only |
| | | */ |
| | | private _styles?; |
| | | /** |
| | | * dev only |
| | | */ |
| | | private _childStyles?; |
| | | private _ob?; |
| | | private _slots?; |
| | | constructor( |
| | | /** |
| | | * Component def - note this may be an AsyncWrapper, and this._def will |
| | | * be overwritten by the inner component when resolved. |
| | | */ |
| | | _def: InnerComponentDef, _props?: Record<string, any>, _createApp?: CreateAppFunction<Element>); |
| | | connectedCallback(): void; |
| | | private _setParent; |
| | | private _inheritParentContext; |
| | | disconnectedCallback(): void; |
| | | private _processMutations; |
| | | /** |
| | | * resolve inner component definition (handle possible async component) |
| | | */ |
| | | private _resolveDef; |
| | | private _mount; |
| | | private _resolveProps; |
| | | protected _setAttr(key: string): void; |
| | | private _update; |
| | | private _createVNode; |
| | | private _applyStyles; |
| | | /** |
| | | * Only called when shadowRoot is false |
| | | */ |
| | | private _parseSlots; |
| | | /** |
| | | * Only called when shadowRoot is false |
| | | */ |
| | | private _renderSlots; |
| | | } |
| | | export declare function useHost(caller?: string): VueElement | null; |
| | | /** |
| | | * Retrieve the shadowRoot of the current custom element. Only usable in setup() |
| | | * of a `defineCustomElement` component. |
| | | */ |
| | | export declare function useShadowRoot(): ShadowRoot | null; |
| | | |
| | | export declare function useCssModule(name?: string): Record<string, string>; |
| | | |
| | | /** |
| | | * Runtime helper for SFC's CSS variable injection feature. |
| | | * @private |
| | | */ |
| | | export declare function useCssVars(getter: (ctx: any) => Record<string, unknown>): void; |
| | | |
| | | export interface CSSProperties extends CSS.Properties<string | number>, CSS.PropertiesHyphen<string | number> { |
| | | /** |
| | |
| | | 'aria-valuetext'?: string | undefined; |
| | | } |
| | | export type StyleValue = false | null | undefined | string | CSSProperties | Array<StyleValue>; |
| | | export type ClassValue = false | null | undefined | string | Record<string, any> | Array<ClassValue>; |
| | | export interface HTMLAttributes extends AriaAttributes, EventHandlers<Events> { |
| | | innerHTML?: string | undefined; |
| | | class?: any; |
| | | class?: ClassValue | undefined; |
| | | style?: StyleValue | undefined; |
| | | accesskey?: string | undefined; |
| | | contenteditable?: Booleanish | 'inherit' | 'plaintext-only' | undefined; |
| | |
| | | datetime?: string | undefined; |
| | | } |
| | | export type InputTypeHTMLAttribute = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' | (string & {}); |
| | | type AutoFillAddressKind = 'billing' | 'shipping'; |
| | | type AutoFillBase = '' | 'off' | 'on'; |
| | | type AutoFillContactField = 'email' | 'tel' | 'tel-area-code' | 'tel-country-code' | 'tel-extension' | 'tel-local' | 'tel-local-prefix' | 'tel-local-suffix' | 'tel-national'; |
| | | type AutoFillContactKind = 'home' | 'mobile' | 'work'; |
| | | type AutoFillCredentialField = 'webauthn'; |
| | | type AutoFillNormalField = 'additional-name' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'address-line1' | 'address-line2' | 'address-line3' | 'bday-day' | 'bday-month' | 'bday-year' | 'cc-csc' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-family-name' | 'cc-given-name' | 'cc-name' | 'cc-number' | 'cc-type' | 'country' | 'country-name' | 'current-password' | 'family-name' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'name' | 'new-password' | 'one-time-code' | 'organization' | 'postal-code' | 'street-address' | 'transaction-amount' | 'transaction-currency' | 'username'; |
| | | type OptionalPrefixToken<T extends string> = `${T} ` | ''; |
| | | type OptionalPostfixToken<T extends string> = ` ${T}` | ''; |
| | | type AutoFillField = AutoFillNormalField | `${OptionalPrefixToken<AutoFillContactKind>}${AutoFillContactField}`; |
| | | type AutoFillSection = `section-${string}`; |
| | | type AutoFill = AutoFillBase | `${OptionalPrefixToken<AutoFillSection>}${OptionalPrefixToken<AutoFillAddressKind>}${AutoFillField}${OptionalPostfixToken<AutoFillCredentialField>}`; |
| | | export type InputAutoCompleteAttribute = AutoFill | (string & {}); |
| | | export interface InputHTMLAttributes extends HTMLAttributes { |
| | | accept?: string | undefined; |
| | | alt?: string | undefined; |
| | | autocomplete?: string | undefined; |
| | | autocomplete?: InputAutoCompleteAttribute | undefined; |
| | | autofocus?: Booleanish | undefined; |
| | | capture?: boolean | 'user' | 'environment' | undefined; |
| | | checked?: Booleanish | any[] | Set<any> | undefined; |
| | |
| | | * SVG Styling Attributes |
| | | * @see https://www.w3.org/TR/SVG/styling.html#ElementSpecificStyling |
| | | */ |
| | | class?: any; |
| | | class?: ClassValue | undefined; |
| | | style?: StyleValue | undefined; |
| | | color?: string | undefined; |
| | | height?: Numberish | undefined; |
| | |
| | | [K in keyof IntrinsicElementAttributes]: IntrinsicElementAttributes[K] & ReservedProps; |
| | | }; |
| | | |
| | | export type VueElementConstructor<P = {}> = { |
| | | new (initialProps?: Record<string, any>): VueElement & P; |
| | | }; |
| | | export interface CustomElementOptions { |
| | | styles?: string[]; |
| | | shadowRoot?: boolean; |
| | | shadowRootOptions?: Omit<ShadowRootInit, 'mode'>; |
| | | nonce?: string; |
| | | configureApp?: (app: App) => void; |
| | | } |
| | | export declare function defineCustomElement<Props, RawBindings = object>(setup: (props: Props, ctx: SetupContext) => RawBindings | RenderFunction, options?: Pick<ComponentOptions, 'name' | 'inheritAttrs' | 'emits'> & CustomElementOptions & { |
| | | props?: (keyof Props)[]; |
| | | }): VueElementConstructor<Props>; |
| | | export declare function defineCustomElement<Props, RawBindings = object>(setup: (props: Props, ctx: SetupContext) => RawBindings | RenderFunction, options?: Pick<ComponentOptions, 'name' | 'inheritAttrs' | 'emits'> & CustomElementOptions & { |
| | | props?: ComponentObjectPropsOptions<Props>; |
| | | }): VueElementConstructor<Props>; |
| | | export declare function defineCustomElement<RuntimePropsOptions extends ComponentObjectPropsOptions = ComponentObjectPropsOptions, PropsKeys extends string = string, RuntimeEmitsOptions extends EmitsOptions = {}, EmitsKeys extends string = string, Data = {}, SetupBindings = {}, Computed extends ComputedOptions = {}, Methods extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, InjectOptions extends ComponentInjectOptions = {}, InjectKeys extends string = string, Slots extends SlotsType = {}, LocalComponents extends Record<string, Component> = {}, Directives extends Record<string, Directive> = {}, Exposed extends string = string, Provide extends ComponentProvideOptions = ComponentProvideOptions, InferredProps = string extends PropsKeys ? ComponentObjectPropsOptions extends RuntimePropsOptions ? {} : ExtractPropTypes<RuntimePropsOptions> : { |
| | | [key in PropsKeys]?: any; |
| | | }, ResolvedProps = InferredProps & EmitsToProps<RuntimeEmitsOptions>>(options: CustomElementOptions & { |
| | | props?: (RuntimePropsOptions & ThisType<void>) | PropsKeys[]; |
| | | } & ComponentOptionsBase<ResolvedProps, SetupBindings, Data, Computed, Methods, Mixin, Extends, RuntimeEmitsOptions, EmitsKeys, {}, // Defaults |
| | | InjectOptions, InjectKeys, Slots, LocalComponents, Directives, Exposed, Provide> & ThisType<CreateComponentPublicInstanceWithMixins<Readonly<ResolvedProps>, SetupBindings, Data, Computed, Methods, Mixin, Extends, RuntimeEmitsOptions, EmitsKeys, {}, false, InjectOptions, Slots, LocalComponents, Directives, Exposed>>, extraOptions?: CustomElementOptions): VueElementConstructor<ResolvedProps>; |
| | | export declare function defineCustomElement<T extends { |
| | | new (...args: any[]): ComponentPublicInstance<any>; |
| | | }>(options: T, extraOptions?: CustomElementOptions): VueElementConstructor<T extends DefineComponent<infer P, any, any, any> ? P : unknown>; |
| | | export declare const defineSSRCustomElement: typeof defineCustomElement; |
| | | declare const BaseClass: typeof HTMLElement; |
| | | type InnerComponentDef = ConcreteComponent & CustomElementOptions; |
| | | export declare class VueElement extends BaseClass implements ComponentCustomElementInterface { |
| | | /** |
| | | * Component def - note this may be an AsyncWrapper, and this._def will |
| | | * be overwritten by the inner component when resolved. |
| | | */ |
| | | private _def; |
| | | private _props; |
| | | private _createApp; |
| | | _isVueCE: boolean; |
| | | private _connected; |
| | | private _resolved; |
| | | private _patching; |
| | | private _dirty; |
| | | private _numberProps; |
| | | private _styleChildren; |
| | | private _pendingResolve; |
| | | private _parent; |
| | | private _styleAnchors; |
| | | /** |
| | | * dev only |
| | | */ |
| | | private _styles?; |
| | | /** |
| | | * dev only |
| | | */ |
| | | private _childStyles?; |
| | | private _ob?; |
| | | private _slots?; |
| | | constructor( |
| | | /** |
| | | * Component def - note this may be an AsyncWrapper, and this._def will |
| | | * be overwritten by the inner component when resolved. |
| | | */ |
| | | _def: InnerComponentDef, _props?: Record<string, any>, _createApp?: CreateAppFunction<Element>); |
| | | connectedCallback(): void; |
| | | private _setParent; |
| | | private _inheritParentContext; |
| | | disconnectedCallback(): void; |
| | | private _processMutations; |
| | | /** |
| | | * resolve inner component definition (handle possible async component) |
| | | */ |
| | | private _resolveDef; |
| | | private _mount; |
| | | private _resolveProps; |
| | | protected _setAttr(key: string): void; |
| | | private _update; |
| | | private _createVNode; |
| | | private _applyStyles; |
| | | private _getStyleAnchor; |
| | | private _getRootStyleInsertionAnchor; |
| | | /** |
| | | * Only called when shadowRoot is false |
| | | */ |
| | | private _parseSlots; |
| | | /** |
| | | * Only called when shadowRoot is false |
| | | */ |
| | | private _renderSlots; |
| | | } |
| | | export declare function useHost(caller?: string): VueElement | null; |
| | | /** |
| | | * Retrieve the shadowRoot of the current custom element. Only usable in setup() |
| | | * of a `defineCustomElement` component. |
| | | */ |
| | | export declare function useShadowRoot(): ShadowRoot | null; |
| | | |
| | | export declare function useCssModule(name?: string): Record<string, string>; |
| | | |
| | | /** |
| | | * Runtime helper for SFC's CSS variable injection feature. |
| | | * @private |
| | | */ |
| | | export declare function useCssVars(getter: (ctx: any) => Record<string, unknown>): void; |
| | | |
| | | /** |
| | | * This is a stub implementation to prevent the need to use dom types. |
| | | * |
| | |
| | | } |
| | | } |
| | | declare module '@vue/runtime-core' { |
| | | interface AllowedAttrs { |
| | | class?: ClassValue; |
| | | style?: StyleValue; |
| | | } |
| | | interface GlobalComponents { |
| | | Transition: DefineComponent<TransitionProps>; |
| | | TransitionGroup: DefineComponent<TransitionGroupProps>; |