@empathyco/x-components 5.0.0-alpha.21 → 5.0.0-alpha.23

package/report/x-components.api.md

@@ -611,45 +611,57 @@ export class BaseKeyboardNavigation extends Vue_2 {
     triggerNavigation(eventPayload: ArrowKey, metadata: WireMetadata): void;
 }
 
-// Warning: (ae-forgotten-export) The symbol "BaseModal_base" needs to be exported by the entry point index.d.ts
-//
 // @public
-export class BaseModal extends BaseModal_base {
-    // (undocumented)
-    $refs: {
-        modal: HTMLDivElement;
-        modalContent: HTMLDivElement;
-    };
-    // @internal
-    protected addBodyListeners(): void;
-    animation: Vue_2 | string;
-    // @internal
-    protected disableScroll(): void;
-    // @internal
-    protected emitFocusInBody(event: FocusEvent): void;
-    // @internal
-    protected emitOverlayClicked(event: MouseEvent): void;
-    // @internal
-    protected enableScroll(): void;
-    focusOnOpen: boolean;
-    protected isWaitingForLeave: boolean;
-    // (undocumented)
-    protected mounted(): void;
-    open: boolean;
-    overlayAnimation: Vue_2 | string;
-    protected previousBodyOverflow: string;
-    protected previousHTMLOverflow: string;
-    protected referenceElement: HTMLElement;
-    referenceSelector?: string;
-    // @internal
-    protected removeBodyListeners(): void;
-    // @internal
-    protected setFocus(): void;
-    // @internal
-    protected syncBody(isOpen: boolean): void;
-    // @internal
-    updatePosition(): void;
-}
+export const BaseModal: DefineComponent<    {
+open: {
+type: BooleanConstructor;
+required: true;
+};
+focusOnOpen: {
+type: BooleanConstructor;
+default: boolean;
+};
+referenceSelector: StringConstructor;
+animation: {
+type: PropType<string | VueConstructor<Vue_2<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue_2<Record<string, any>, Record<string, any>, never, never, any>>>>;
+default: () => DefineComponent<    {}, () => VNode | VNode[], {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
+};
+overlayAnimation: {
+type: PropType<string | VueConstructor<Vue_2<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue_2<Record<string, any>, Record<string, any>, never, never, any>>>>;
+default: () => VueConstructor<Vue_2<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue_2<Record<string, any>, Record<string, any>, never, never, any>>>;
+};
+contentClass: StringConstructor;
+overlayClass: StringConstructor;
+}, {
+emitOverlayClicked: (event: MouseEvent) => void;
+isWaitingForLeave: Ref<boolean>;
+modalContentRef: Ref<HTMLDivElement | undefined>;
+modalRef: Ref<HTMLDivElement | undefined>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("click:overlay" | "focusin:body")[], string, Readonly<ExtractPropTypes<    {
+open: {
+type: BooleanConstructor;
+required: true;
+};
+focusOnOpen: {
+type: BooleanConstructor;
+default: boolean;
+};
+referenceSelector: StringConstructor;
+animation: {
+type: PropType<string | VueConstructor<Vue_2<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue_2<Record<string, any>, Record<string, any>, never, never, any>>>>;
+default: () => DefineComponent<    {}, () => VNode | VNode[], {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
+};
+overlayAnimation: {
+type: PropType<string | VueConstructor<Vue_2<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue_2<Record<string, any>, Record<string, any>, never, never, any>>>>;
+default: () => VueConstructor<Vue_2<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue_2<Record<string, any>, Record<string, any>, never, never, any>>>;
+};
+contentClass: StringConstructor;
+overlayClass: StringConstructor;
+}>>, {
+focusOnOpen: boolean;
+animation: string | VueConstructor<Vue_2<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue_2<Record<string, any>, Record<string, any>, never, never, any>>>;
+overlayAnimation: string | VueConstructor<Vue_2<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue_2<Record<string, any>, Record<string, any>, never, never, any>>>;
+}>;
 
 // @public (undocumented)
 export const BasePlaceholderImage: {};
@@ -1065,18 +1077,35 @@ props: {};
 }>;
 
 // @public
-export class BaseVariableColumnGrid extends Vue_2 {
-    protected animation: Vue_2 | string;
-    // @internal
-    protected columns: number;
-    // @internal
-    protected get columnsToRender(): number;
-    protected items?: ListItem[];
-    // @internal
-    protected providedColumns: number | null;
-    // @internal
-    setColumns(newColumns: number): void;
-}
+export const BaseVariableColumnGrid: DefineComponent<    {
+animation: {
+type: PropType<string | DefineComponent<    {}, {}, {}, ComponentComputedOptions, ComponentMethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>>;
+default: string;
+};
+items: PropType<ListItem[]>;
+columns: {
+type: NumberConstructor;
+default: number;
+};
+}, {
+columnsToRender: ComputedRef<number>;
+slots: Slots;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
+animation: {
+type: PropType<string | DefineComponent<    {}, {}, {}, ComponentComputedOptions, ComponentMethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>>;
+default: string;
+};
+items: PropType<ListItem[]>;
+columns: {
+type: NumberConstructor;
+default: number;
+};
+}>>, {
+animation: string | DefineComponent<    {}, {}, {}, ComponentComputedOptions, ComponentMethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}> | (ComponentPublicInstanceConstructor<Vue3Instance<    {}, Readonly<ExtractPropTypes<    {}>>, Readonly<ExtractPropTypes<    {}>>, {}, {}, true, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<ExtractPropTypes<    {}>>> & ShallowUnwrapRef<    {}> & ExtractComputedReturns<ComponentComputedOptions> & ComponentMethodOptions & ComponentCustomProperties & Readonly<ExtractPropTypes<    {}>>, any, any, any, ComponentComputedOptions, ComponentMethodOptions> & ComponentOptionsBase<Readonly<ExtractPropTypes<    {}>>, {}, {}, ComponentComputedOptions, ComponentMethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}> & {
+props: {};
+});
+columns: number;
+}>;
 
 // @public
 export class BaseXAPI implements XAPI {
@@ -5871,38 +5900,52 @@ required: true;
 buttonClass: StringConstructor;
 }>>, {}>;
 
-// Warning: (ae-forgotten-export) The symbol "SlidingPanel_base" needs to be exported by the entry point index.d.ts
-//
 // @public
-export class SlidingPanel extends SlidingPanel_base {
-    // @internal
-    $refs: {
-        scrollContainer: HTMLElement;
-    };
-    // @internal
-    protected get cssClasses(): VueCSSClasses;
-    // @internal
-    debouncedUpdateScrollPosition(): void;
-    // @internal
-    protected isScrollAtEnd: boolean;
-    // @internal
-    protected isScrollAtStart: boolean;
-    // @internal
-    mounted(): void;
-    resetOnContentChange: boolean;
-    // @internal
-    restoreAndUpdateScroll(): void;
-    scrollFactor: number;
-    // @internal
-    protected scrollLeft(): void;
-    // @internal
-    protected scrollRight(): void;
-    // @internal
-    protected scrollTo(scrollValue: number): void;
-    showButtons: boolean;
-    // @internal
-    protected updateScrollPosition(): void;
-}
+export const SlidingPanel: DefineComponent<    {
+scrollFactor: {
+type: NumberConstructor;
+default: number;
+};
+showButtons: {
+type: BooleanConstructor;
+default: boolean;
+};
+resetOnContentChange: {
+type: BooleanConstructor;
+default: boolean;
+};
+buttonClass: StringConstructor;
+scrollContainerClass: StringConstructor;
+}, {
+cssClasses: ComputedRef<    {
+'x-sliding-panel-at-start': boolean;
+'x-sliding-panel-at-end': boolean;
+}>;
+debouncedUpdateScroll: DebouncedFunction<[]>;
+scrollContainerRef: Ref<HTMLDivElement | undefined>;
+scrollLeft: () => void;
+scrollRight: () => void;
+slots: Slots;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
+scrollFactor: {
+type: NumberConstructor;
+default: number;
+};
+showButtons: {
+type: BooleanConstructor;
+default: boolean;
+};
+resetOnContentChange: {
+type: BooleanConstructor;
+default: boolean;
+};
+buttonClass: StringConstructor;
+scrollContainerClass: StringConstructor;
+}>>, {
+scrollFactor: number;
+showButtons: boolean;
+resetOnContentChange: boolean;
+}>;
 
 // @public
 export const SnippetCallbacks: DefineComponent<    {}, {

package/types/components/base-variable-column-grid.vue.d.ts

@@ -1,4 +1,4 @@
-import Vue from 'vue';
+import { PropType } from 'vue';
 import { ListItem } from '../utils/types';
 /**
  * The `BaseVariableColumnGrid` component is a wrapper of the `BaseGrid` component that listens to
@@ -8,13 +8,16 @@ import { ListItem } from '../utils/types';
  *
  * @public
  */
-export default class BaseVariableColumnGrid extends Vue {
+declare const _default: import("vue").DefineComponent<{
     /**
      * Animation component that will be used to animate the grid.
      *
      * @public
      */
-    protected animation: Vue | string;
+    animation: {
+        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        default: string;
+    };
     /**
      * The list of items to be rendered.
      *
@@ -22,35 +25,53 @@ export default class BaseVariableColumnGrid extends Vue {
      *
      * @public
      */
-    protected items?: ListItem[];
+    items: PropType<ListItem[]>;
     /**
      * The columns to render by default in the grid. This property is used when the user has not
      * selected any value in the column picker.
      *
      * @internal
      */
-    protected columns: number;
+    columns: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    columnsToRender: import("vue").ComputedRef<number>;
+    slots: import("vue/types/v3-setup-context").Slots;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * The number of columns provided by a user interaction.
+     * Animation component that will be used to animate the grid.
      *
-     * @internal
+     * @public
      */
-    protected providedColumns: number | null;
+    animation: {
+        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        default: string;
+    };
     /**
-     * The number of columns to render in the grid.
+     * The list of items to be rendered.
      *
-     * @returns The number of columns.
+     * @remarks The items must have an id property.
      *
-     * @internal
+     * @public
      */
-    protected get columnsToRender(): number;
+    items: PropType<ListItem[]>;
     /**
-     * Handler to update the number of columns when the user selects a new value.
-     *
-     * @param newColumns - The new columns value.
+     * The columns to render by default in the grid. This property is used when the user has not
+     * selected any value in the column picker.
      *
      * @internal
      */
-    setColumns(newColumns: number): void;
-}
+    columns: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}> | (import("vue/types/v3-component-public-instance").ComponentPublicInstanceConstructor<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{}>>, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{}>>> & import("vue").ShallowUnwrapRef<{}> & import("vue/types/v3-component-options").ExtractComputedReturns<import("vue").ComponentComputedOptions> & import("vue").ComponentMethodOptions & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{}>>, any, any, any, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions> & import("vue/types/v3-component-options").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, {}> & {
+        props: {};
+    });
+    columns: number;
+}>;
+export default _default;
 //# sourceMappingURL=base-variable-column-grid.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/base-variable-column-grid.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-variable-column-grid.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../src/components/base-variable-column-grid.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAcE,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI1C;;;;;;;GAOG;AAMH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,GAAG;IACrD;;;;OAIG;IAEH,SAAS,CAAC,SAAS,EAAG,GAAG,GAAG,MAAM,CAAC;IAEnC;;;;;;OAMG;IAEH,SAAS,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IAE7B;;;;;OAKG;IAEH,SAAS,CAAC,OAAO,EAAG,MAAM,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhD;;;;;;OAMG;IACH,SAAS,KAAK,eAAe,IAAI,MAAM,CAEtC;IAED;;;;;;OAMG;IAEH,UAAU,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;CAGrC"}
+{"version":3,"file":"base-variable-column-grid.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../src/components/base-variable-column-grid.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAcE,OAAO,EAA6B,QAAQ,EAAO,MAAM,KAAK,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAK1C;;;;;;;GAOG;;IAOC;;;;OAIG;;;;;IAKH;;;;;;OAMG;;IAEH;;;;;OAKG;;;;;;;;;IAtBH;;;;OAIG;;;;;IAKH;;;;;;OAMG;;IAEH;;;;;OAKG;;;;;;;;;;;AA5BP,wBAsEG"}

package/types/components/dynamic-props.mixin.d.ts

@@ -17,7 +17,7 @@ import { ExtendedVue } from 'vue/types/vue';
  *   }
  * ```
  * @returns Mixin for the component.
- *
+ * @deprecated Use props.
  */
 export declare function dynamicPropsMixin<PropNames extends string>(propNames: PropNames[]): ExtendedVue<Vue, unknown, unknown, unknown, Partial<Record<PropNames, string>>>;
 //# sourceMappingURL=dynamic-props.mixin.d.ts.map

package/types/components/modals/base-modal.vue.d.ts

@@ -1,122 +1,93 @@
-import Vue from 'vue';
-declare const BaseModal_base: import("vue-class-component/lib/declarations").VueClass<object & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & Record<never, any> & Partial<Record<"contentClass" | "overlayClass", string>> & import("vue").ShallowUnwrapRef<{}>>;
+import Vue, { PropType } from 'vue';
 /**
  * Base component with no XPlugin dependencies that serves as a utility for constructing more
  * complex modals.
  *
  * @public
  */
-export default class BaseModal extends BaseModal_base {
-    /**
-     * Animation to use for opening/closing the modal. This animation only affects the content.
-     */
-    animation: Vue | string;
-    /**
-     * Animation to use for the overlay (backdrop) part of the modal. By default, it uses
-     * a fade transition.
-     */
-    overlayAnimation: Vue | string;
-    /**
-     * Determines if the modal is open or not.
-     */
-    open: boolean;
+declare const _default: import("vue").DefineComponent<{
+    /** Determines if the modal is open or not. */
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
     /**
      * Determines if the focused element changes to one inside the modal when it opens. Either the
      * first element with a positive tabindex or just the first focusable element.
      */
-    focusOnOpen: boolean;
+    focusOnOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * The reference selector of a DOM element to use as reference to position the modal.
      * This selector can be an ID or a class, if it is a class, it will use the first
      * element that matches.
      */
-    referenceSelector?: string;
-    /**
-     * The previous value of the body overflow style.
-     */
-    protected previousBodyOverflow: string;
-    /**
-     * The previous value of the HTML element overflow style.
-     */
-    protected previousHTMLOverflow: string;
-    /**
-     * Boolean to delay the leave animation until it has completed.
-     */
-    protected isWaitingForLeave: boolean;
-    /**
-     * The reference element to use to find the modal's position.
-     */
-    protected referenceElement: HTMLElement;
-    $refs: {
-        /**
-         * Reference to the modal element in the DOM.
-         */
-        modal: HTMLDivElement;
-        /**
-         * Reference to the modal content element in the DOM.
-         */
-        modalContent: HTMLDivElement;
+    referenceSelector: StringConstructor;
+    /** Animation to use for opening/closing the modal.This animation only affects the content. */
+    animation: {
+        type: PropType<string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>>;
+        default: () => import("vue").DefineComponent<{}, () => import("vue").VNode | import("vue").VNode[], {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     };
-    protected mounted(): void;
-    /**
-     * Updates the position of the modal setting the top of the element depending
-     * on the selector. The modal will be placed under this selector.
-     *
-     * @internal
-     */
-    updatePosition(): void;
-    /**
-     * Syncs the body to the open state of the modal, adding or removing styles and listeners.
-     *
-     * @param isOpen - True when the modal is opened.
-     * @internal
-     */
-    protected syncBody(isOpen: boolean): void;
-    /**
-     * Disables the scroll of both the body and the window.
-     *
-     * @internal
-     */
-    protected disableScroll(): void;
     /**
-     * Restores the scroll of both the body and the window.
-     *
-     * @internal
-     */
-    protected enableScroll(): void;
-    /**
-     * Adds listeners to the body element ot detect if the modal should be closed.
-     *
-     * @internal
-     */
-    protected addBodyListeners(): void;
-    /**
-     * Removes the body listeners.
-     *
-     * @internal
+     * Animation to use for the overlay (backdrop) part of the modal. By default, it uses
+     * a fade transition.
      */
-    protected removeBodyListeners(): void;
+    overlayAnimation: {
+        type: PropType<string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>>;
+        default: () => import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>;
+    };
+    /** Class inherited by content element. */
+    contentClass: StringConstructor;
+    /** Class inherited by overlay element. */
+    overlayClass: StringConstructor;
+}, {
+    emitOverlayClicked: (event: MouseEvent) => void;
+    isWaitingForLeave: import("vue").Ref<boolean>;
+    modalContentRef: import("vue").Ref<HTMLDivElement | undefined>;
+    modalRef: import("vue").Ref<HTMLDivElement | undefined>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click:overlay" | "focusin:body")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /** Determines if the modal is open or not. */
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
     /**
-     * Emits the `click:overlay` event if the click has been triggered in the overlay layer.
-     *
-     * @param event - The click event.
-     * @internal
+     * Determines if the focused element changes to one inside the modal when it opens. Either the
+     * first element with a positive tabindex or just the first focusable element.
      */
-    protected emitOverlayClicked(event: MouseEvent): void;
+    focusOnOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
-     * Emits the `focusin:body` event if a focus event has been triggered outside the modal.
-     *
-     * @param event - The focusin event.
-     * @internal
+     * The reference selector of a DOM element to use as reference to position the modal.
+     * This selector can be an ID or a class, if it is a class, it will use the first
+     * element that matches.
      */
-    protected emitFocusInBody(event: FocusEvent): void;
+    referenceSelector: StringConstructor;
+    /** Animation to use for opening/closing the modal.This animation only affects the content. */
+    animation: {
+        type: PropType<string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>>;
+        default: () => import("vue").DefineComponent<{}, () => import("vue").VNode | import("vue").VNode[], {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    };
     /**
-     * Sets the focused element to the first element either the first element with a positive
-     * tabindex or, if there isn't any, the first focusable element inside the modal.
-     *
-     * @internal
+     * Animation to use for the overlay (backdrop) part of the modal. By default, it uses
+     * a fade transition.
      */
-    protected setFocus(): void;
-}
-export {};
+    overlayAnimation: {
+        type: PropType<string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>>;
+        default: () => import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>;
+    };
+    /** Class inherited by content element. */
+    contentClass: StringConstructor;
+    /** Class inherited by overlay element. */
+    overlayClass: StringConstructor;
+}>>, {
+    focusOnOpen: boolean;
+    animation: string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>;
+    overlayAnimation: string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>;
+}>;
+export default _default;
 //# sourceMappingURL=base-modal.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/modals/base-modal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-modal.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/base-modal.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAiCE,OAAO,GAAG,MAAM,KAAK,CAAC;;AAStB;;;;;GAKG;AAEH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,cAEtC;IACC;;OAEG;IAEI,SAAS,EAAG,GAAG,GAAG,MAAM,CAAC;IAEhC;;;OAGG;IAEI,gBAAgB,EAAG,GAAG,GAAG,MAAM,CAAC;IAEvC;;OAEG;IAEI,IAAI,EAAG,OAAO,CAAC;IAEtB;;;OAGG;IAEI,WAAW,EAAG,OAAO,CAAC;IAE7B;;;;OAIG;IAEI,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,oBAAoB,SAAM;IACpC;;OAEG;IACH,SAAS,CAAC,oBAAoB,SAAM;IACpC;;OAEG;IACH,SAAS,CAAC,iBAAiB,UAAS;IACpC;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAG,WAAW,CAAC;IAElC,KAAK,EAAG;QACb;;WAEG;QACH,KAAK,EAAE,cAAc,CAAC;QACtB;;WAEG;QACH,YAAY,EAAE,cAAc,CAAC;KAC9B,CAAC;IAEF,SAAS,CAAC,OAAO,IAAI,IAAI;IA8BzB;;;;;OAKG;IAEH,cAAc,IAAI,IAAI;IAOtB;;;;;OAKG;IACH,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAqBzC;;;;OAIG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAM/B;;;;OAIG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;IAK9B;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAalC;;;;OAIG;IACH,SAAS,CAAC,mBAAmB,IAAI,IAAI;IAMrC;;;;;OAKG;IACH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAIrD;;;;;OAKG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAMlD;;;;;OAKG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;CAU3B"}
+{"version":3,"file":"base-modal.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/base-modal.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAiCE,OAAO,GAAG,EAAE,EAKV,QAAQ,EAGT,MAAM,KAAK,CAAC;AAOb;;;;;GAKG;;IAKC,8CAA8C;;;;;IAK9C;;;OAGG;;;;;IAKH;;;;OAIG;;IAEH,8FAA8F;;;;;IAK9F;;;OAGG;;;;;IAKH,0CAA0C;;IAE1C,0CAA0C;;;gCAqCP,UAAU;;;;;IAvE7C,8CAA8C;;;;;IAK9C;;;OAGG;;;;;IAKH;;;;OAIG;;IAEH,8FAA8F;;;;;IAK9F;;;OAGG;;;;;IAKH,0CAA0C;;IAE1C,0CAA0C;;;;;;;AAtC9C,wBAiMG"}