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

package/README.md

@@ -43,7 +43,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.1.4.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.3.0-beta.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue-pro.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue-pro`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue-pro`

package/dist/components/button/CButton.d.ts

@@ -59,6 +59,18 @@ export declare const CButton: import("vue").DefineComponent<{
         required: false;
         validator: (value: string) => boolean;
     };
+    /**
+     * Specifies the type of button. Always specify the type attribute for the `<button>` element.
+     * Different browsers may use different default types for the `<button>` element.
+     *
+     * @values 'button', 'submit', 'reset'
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
     /**
      * Set the button variant to an outlined button or a ghost button.
      *
@@ -72,7 +84,7 @@ export declare const CButton: 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<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Toggle the active state for the component.
      */
@@ -133,6 +145,18 @@ export declare const CButton: import("vue").DefineComponent<{
         required: false;
         validator: (value: string) => boolean;
     };
+    /**
+     * Specifies the type of button. Always specify the type attribute for the `<button>` element.
+     * Different browsers may use different default types for the `<button>` element.
+     *
+     * @values 'button', 'submit', 'reset'
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
     /**
      * Set the button variant to an outlined button or a ghost button.
      *
@@ -144,7 +168,10 @@ export declare const CButton: import("vue").DefineComponent<{
         required: false;
         validator: (value: string) => boolean;
     };
-}>>, {
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
     disabled: boolean;
     variant: string;
     component: string;

package/dist/components/calendar/CCalendar.d.ts

@@ -0,0 +1,185 @@
+import { PropType } from 'vue';
+declare const CCalendar: import("vue").DefineComponent<{
+    /**
+     * Default date of the component
+     */
+    calendarDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Specify the list of dates that cannot be selected.
+     */
+    disabledDates: {
+        type: PropType<Date[] | Date[][]>;
+    };
+    /**
+     * Initial selected to date (range).
+     */
+    endDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * 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;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Allow range selection.
+     */
+    range: BooleanConstructor;
+    /**
+     * Toggle select mode between start and end date.
+     */
+    selectEndDate: BooleanConstructor;
+    /**
+     * Initial selected date.
+     */
+    startDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * 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, ("calendar-cell-hover" | "calendar-date-change" | "start-date-change" | "end-date-change")[], "calendar-cell-hover" | "calendar-date-change" | "start-date-change" | "end-date-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Default date of the component
+     */
+    calendarDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Specify the list of dates that cannot be selected.
+     */
+    disabledDates: {
+        type: PropType<Date[] | Date[][]>;
+    };
+    /**
+     * Initial selected to date (range).
+     */
+    endDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * 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;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Allow range selection.
+     */
+    range: BooleanConstructor;
+    /**
+     * Toggle select mode between start and end date.
+     */
+    selectEndDate: BooleanConstructor;
+    /**
+     * Initial selected date.
+     */
+    startDate: {
+        type: (StringConstructor | DateConstructor)[];
+    };
+    /**
+     * Set length or format of day name.
+     *
+     * @type  number | 'long' | 'narrow' | 'short'
+     */
+    weekdayFormat: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (value: string | number) => boolean;
+    };
+}>> & {
+    "onCalendar-cell-hover"?: ((...args: any[]) => any) | undefined;
+    "onCalendar-date-change"?: ((...args: any[]) => any) | undefined;
+    "onStart-date-change"?: ((...args: any[]) => any) | undefined;
+    "onEnd-date-change"?: ((...args: any[]) => any) | undefined;
+}, {
+    firstDayOfWeek: number;
+    locale: string;
+    navigation: boolean;
+    range: boolean;
+    selectEndDate: boolean;
+    weekdayFormat: string | number;
+}>;
+export { CCalendar };

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

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

package/dist/components/date-picker/CDatePicker.d.ts

@@ -0,0 +1,406 @@
+import { PropType } from 'vue';
+declare const CDatePicker: import("vue").DefineComponent<{
+    /**
+     * 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 date.
+     */
+    date: {
+        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: StringConstructor;
+        default: string;
+    };
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 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<{
+    /**
+     * 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 date.
+     */
+    date: {
+        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: StringConstructor;
+        default: string;
+    };
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 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;
+    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;
+    timepicker: boolean;
+}>;
+export { CDatePicker };

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

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