@coreui/vue-pro 4.1.4 → 4.3.0-beta.1

package/dist/components/date-range-picker/CDateRangePicker.d.ts

@@ -0,0 +1,480 @@
+import { PropType } from 'vue';
+declare const CDateRangePicker: import("vue").DefineComponent<{
+    /**
+     * The number of calendars that render on desktop devices.
+     */
+    calendars: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Default date of the component
+     */
+    calendarDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Toggle visibility or set the content of cancel button.
+     */
+    cancelButton: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    /**
+     * Sets the color context of the cancel button to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    cancelButtonColor: {
+        default: string;
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Size the cancel button small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    cancelButtonSize: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set the cancel button variant to an outlined button or a ghost button.
+     *
+     * @values 'ghost', 'outline'
+     */
+    cancelButtonVariant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Toggle visibility of the cleaner button.
+     */
+    cleaner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Toggle visibility or set the content of confirm button.
+     */
+    confirmButton: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    /**
+     * Sets the color context of the confirm button to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    confirmButtonColor: {
+        default: string;
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Size the confirm button small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    confirmButtonSize: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set the confirm button variant to an outlined button or a ghost button.
+     *
+     * @values 'ghost', 'outline'
+     */
+    confirmButtonVariant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Specify the list of dates that cannot be selected.
+     */
+    disabledDates: {
+        type: PropType<Date[] | Date[][]>;
+    };
+    /**
+     * Initial selected to date (range).
+     */
+    endDate: {
+        type: (StringConstructor | DateConstructor)[];
+        required: false;
+    };
+    /**
+     * Sets the day of start week.
+     * - 0 - Sunday,
+     * - 1 - Monday,
+     * - 2 - Tuesday,
+     * - 3 - Wednesday,
+     * - 4 - Thursday,
+     * - 5 - Friday,
+     * - 6 - Saturday,
+     * - 7 - Sunday
+     */
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Toggle visibility of footer element or set the content of footer.
+     */
+    footer: BooleanConstructor;
+    /**
+     * Toggle visibility or set the content of the input indicator.
+     */
+    indicator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Toggle the readonly state for the component.
+     */
+    inputReadOnly: BooleanConstructor;
+    /**
+     * Sets the default locale for components. If not set, it is inherited from the navigator.language.
+     */
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Max selectable date.
+     */
+    maxDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Min selectable date.
+     */
+    minDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Show arrows navigation.
+     */
+    navigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Specifies a short hint that is visible in the input.
+     */
+    placeholder: {
+        type: PropType<String | String[]>;
+        default: () => string[];
+    };
+    /**
+     * @ignore
+     */
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Predefined date ranges the user can select from.
+     */
+    ranges: ObjectConstructor;
+    /**
+     * Toggle select mode between start and end date.
+     */
+    selectEndDate: BooleanConstructor;
+    /**
+     * Default icon or character character that separates two dates.
+     */
+    separator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Initial selected date.
+     */
+    startDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Provide an additional time selection by adding select boxes to choose times.
+     */
+    timepicker: BooleanConstructor;
+    /**
+     * Set length or format of day name.
+     *
+     * @type  number | 'long' | 'narrow' | 'short'
+     */
+    weekdayFormat: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (value: string | number) => boolean;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The number of calendars that render on desktop devices.
+     */
+    calendars: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Default date of the component
+     */
+    calendarDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Toggle visibility or set the content of cancel button.
+     */
+    cancelButton: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    /**
+     * Sets the color context of the cancel button to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    cancelButtonColor: {
+        default: string;
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Size the cancel button small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    cancelButtonSize: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set the cancel button variant to an outlined button or a ghost button.
+     *
+     * @values 'ghost', 'outline'
+     */
+    cancelButtonVariant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Toggle visibility of the cleaner button.
+     */
+    cleaner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Toggle visibility or set the content of confirm button.
+     */
+    confirmButton: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    /**
+     * Sets the color context of the confirm button to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    confirmButtonColor: {
+        default: string;
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Size the confirm button small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    confirmButtonSize: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set the confirm button variant to an outlined button or a ghost button.
+     *
+     * @values 'ghost', 'outline'
+     */
+    confirmButtonVariant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Specify the list of dates that cannot be selected.
+     */
+    disabledDates: {
+        type: PropType<Date[] | Date[][]>;
+    };
+    /**
+     * Initial selected to date (range).
+     */
+    endDate: {
+        type: (StringConstructor | DateConstructor)[];
+        required: false;
+    };
+    /**
+     * Sets the day of start week.
+     * - 0 - Sunday,
+     * - 1 - Monday,
+     * - 2 - Tuesday,
+     * - 3 - Wednesday,
+     * - 4 - Thursday,
+     * - 5 - Friday,
+     * - 6 - Saturday,
+     * - 7 - Sunday
+     */
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Toggle visibility of footer element or set the content of footer.
+     */
+    footer: BooleanConstructor;
+    /**
+     * Toggle visibility or set the content of the input indicator.
+     */
+    indicator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Toggle the readonly state for the component.
+     */
+    inputReadOnly: BooleanConstructor;
+    /**
+     * Sets the default locale for components. If not set, it is inherited from the navigator.language.
+     */
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Max selectable date.
+     */
+    maxDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Min selectable date.
+     */
+    minDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Show arrows navigation.
+     */
+    navigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Specifies a short hint that is visible in the input.
+     */
+    placeholder: {
+        type: PropType<String | String[]>;
+        default: () => string[];
+    };
+    /**
+     * @ignore
+     */
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Predefined date ranges the user can select from.
+     */
+    ranges: ObjectConstructor;
+    /**
+     * Toggle select mode between start and end date.
+     */
+    selectEndDate: BooleanConstructor;
+    /**
+     * Default icon or character character that separates two dates.
+     */
+    separator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Initial selected date.
+     */
+    startDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Provide an additional time selection by adding select boxes to choose times.
+     */
+    timepicker: BooleanConstructor;
+    /**
+     * Set length or format of day name.
+     *
+     * @type  number | 'long' | 'narrow' | 'short'
+     */
+    weekdayFormat: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (value: string | number) => boolean;
+    };
+}>>, {
+    disabled: boolean;
+    firstDayOfWeek: number;
+    locale: string;
+    navigation: boolean;
+    range: boolean;
+    selectEndDate: boolean;
+    weekdayFormat: string | number;
+    cancelButton: string | boolean;
+    cancelButtonColor: string;
+    cancelButtonSize: string;
+    cancelButtonVariant: string;
+    confirmButton: string | boolean;
+    confirmButtonColor: string;
+    confirmButtonSize: string;
+    footer: boolean;
+    cleaner: boolean;
+    indicator: boolean;
+    inputReadOnly: boolean;
+    placeholder: String | String[];
+    calendars: number;
+    separator: boolean;
+    timepicker: boolean;
+}>;
+export { CDateRangePicker };

package/dist/components/date-range-picker/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { CDateRangePicker } from './CDateRangePicker';
+declare const CDateRangePickerPlugin: {
+    install: (app: App) => void;
+};
+export { CDateRangePickerPlugin, CDateRangePicker };

package/dist/components/dropdown/CDropdown.d.ts

@@ -12,6 +12,18 @@ declare const CDropdown: import("vue").DefineComponent<{
         required: false;
         validator: (value: string | any) => boolean;
     };
+    /**
+     * Configure the auto close behavior of the dropdown:
+     * - `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.
+     * - `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)
+     * - `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.
+     * - `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu.
+     */
+    autoClose: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: boolean | string) => boolean;
+    };
     /**
      * Sets a darker color scheme to match a dark navbar.
      */
@@ -97,6 +109,18 @@ declare const CDropdown: import("vue").DefineComponent<{
         required: false;
         validator: (value: string | any) => boolean;
     };
+    /**
+     * Configure the auto close behavior of the dropdown:
+     * - `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.
+     * - `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)
+     * - `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.
+     * - `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu.
+     */
+    autoClose: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: boolean | string) => boolean;
+    };
     /**
      * Sets a darker color scheme to match a dark navbar.
      */
@@ -176,6 +200,7 @@ declare const CDropdown: import("vue").DefineComponent<{
     variant: string;
     direction: string;
     alignment: string | Record<string, any>;
+    autoClose: string | boolean;
     placement: Placement;
     popper: boolean;
     trigger: string | unknown[];

package/dist/components/dropdown/CDropdownToggle.d.ts

@@ -1,3 +1,5 @@
+import { PropType } from 'vue';
+import { Triggers } from '../Types';
 declare const CDropdownToggle: import("vue").DefineComponent<{
     /**
      * Toggle the active state for the component.
@@ -32,6 +34,10 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
         default: string;
         require: boolean;
     };
+    /**
+     * Create a custom toggler which accepts any content.
+     */
+    custom: BooleanConstructor;
     /**
      * Toggle the disabled state for the component.
      */
@@ -64,6 +70,16 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @type 'hover' | 'focus' | 'click'
+     */
+    trigger: {
+        type: PropType<Triggers>;
+        default: string;
+        required: false;
+    };
     /**
      * Set the button variant to an outlined button or a ghost button.
      *
@@ -77,7 +93,9 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Toggle the active state for the component.
      */
@@ -111,6 +129,10 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
         default: string;
         require: boolean;
     };
+    /**
+     * Create a custom toggler which accepts any content.
+     */
+    custom: BooleanConstructor;
     /**
      * Toggle the disabled state for the component.
      */
@@ -143,6 +165,16 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @type 'hover' | 'focus' | 'click'
+     */
+    trigger: {
+        type: PropType<Triggers>;
+        default: string;
+        required: false;
+    };
     /**
      * Set the button variant to an outlined button or a ghost button.
      *
@@ -161,6 +193,8 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
     component: string;
     size: string;
     active: boolean;
+    trigger: Triggers;
     caret: boolean;
+    custom: boolean;
 }>;
 export { CDropdownToggle };

package/dist/components/index.d.ts

@@ -6,11 +6,14 @@ export * from './badge';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
+export * from './calendar';
 export * from './callout';
 export * from './card';
 export * from './carousel';
 export * from './close-button';
 export * from './collapse';
+export * from './date-picker';
+export * from './date-range-picker';
 export * from './dropdown';
 export * from './element-cover';
 export * from './footer';
@@ -27,6 +30,7 @@ export * from './nav';
 export * from './navbar';
 export * from './offcanvas';
 export * from './pagination';
+export * from './picker';
 export * from './placeholder';
 export * from './progress';
 export * from './popover';
@@ -35,6 +39,7 @@ export * from './smart-table';
 export * from './spinner';
 export * from './table';
 export * from './tabs';
+export * from './time-picker';
 export * from './toast';
 export * from './tooltip';
 export * from './widgets';

package/dist/components/multi-select/CMultiSelect.d.ts

@@ -275,13 +275,13 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     visible: boolean;
     multiple: boolean;
     options: Option[];
+    cleaner: boolean;
+    placeholder: string;
     optionsMaxHeight: string | number;
     optionsStyle: string;
     searchNoResultsLabel: string;
     selectionType: string;
     selectionTypeCounterText: string;
-    cleaner: boolean;
-    placeholder: string;
     selectAll: boolean;
     selectAllLabel: string;
 }>;

package/dist/components/picker/CPicker.d.ts

@@ -0,0 +1,11 @@
+declare const CPicker: import("vue").DefineComponent<any, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show" | "cancel" | "confirm")[], "hide" | "show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any> & {
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {} | {
+    [x: string]: any;
+}>;
+export { CPicker };

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

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { CPicker } from './CPicker';
+declare const CPickerPlugin: {
+    install: (app: App) => void;
+};
+export { CPicker, CPickerPlugin };

package/dist/components/popover/CPopover.d.ts

@@ -107,9 +107,9 @@ declare const CPopover: import("vue").DefineComponent<{
     onShow?: ((...args: any[]) => any) | undefined;
 }, {
     visible: boolean;
+    title: string;
     placement: Placement;
     trigger: string | string[];
-    title: string;
     content: string;
     offset: unknown[];
 }>;

package/dist/components/sidebar/CSidebar.d.ts

@@ -122,9 +122,9 @@ declare const CSidebar: import("vue").DefineComponent<{
     visible: boolean;
     size: string;
     position: string;
+    narrow: boolean;
     placement: string;
     colorScheme: string;
-    narrow: boolean;
     overlaid: boolean;
     unfoldable: boolean;
 }>;