@coreui/vue-pro 4.8.0-next.1 → 4.8.1

package/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap

@@ -1,10 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsE component renders correctly 1`] = `
-"<div class=\\"card\\">
-  <div class=\\"card-body text-center\\">
-    <div class=\\"text-muted small text-uppercase font-weight-bold\\">title</div>
-    <div class=\\"h2 py-3\\">value</div>chartdefault
+"<div class="card">
+  <div class="card-body text-center">
+    <div class="text-muted small text-uppercase font-weight-bold">title</div>
+    <div class="h2 py-3">value</div>chartdefault
   </div>
 </div>"
 `;

package/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap

@@ -1,14 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsF component renders correctly 1`] = `
-"<div class=\\"card\\">
-  <div class=\\"card-body d-flex align-items-center\\">
-    <div class=\\"me-3 text-white bg-warning p-3\\">default</div>
+"<div class="card">
+  <div class="card-body d-flex align-items-center">
+    <div class="me-3 text-white bg-warning p-3">default</div>
     <div>
-      <div class=\\"fs-6 fw-semibold text-warning\\">75</div>
-      <div class=\\"text-medium-emphasis text-uppercase fw-semibold small\\">title</div>
+      <div class="fs-6 fw-semibold text-warning">75</div>
+      <div class="text-medium-emphasis text-uppercase fw-semibold small">title</div>
     </div>
   </div>
-  <div class=\\"card-footer\\">footer</div>
+  <div class="card-footer">footer</div>
 </div>"
 `;

package/src/props.ts

@@ -0,0 +1,88 @@
+export const Shape = {
+  type: String,
+  validator: (value: string): boolean => {
+    // The value must match one of these strings
+    return [
+      'rounded',
+      'rounded-top',
+      'rounded-end',
+      'rounded-bottom',
+      'rounded-start',
+      'rounded-circle',
+      'rounded-pill',
+      'rounded-0',
+      'rounded-1',
+      'rounded-2',
+      'rounded-3',
+    ].includes(value)
+  },
+}
+
+export const Align = {
+  type: String,
+  validator: (value: string): boolean => {
+    // The value must match one of these strings
+    return ['', 'left', 'center', 'right'].includes(value)
+  },
+}
+
+export const Color = {
+  type: String,
+  validator: (value: string): boolean => {
+    // The value must match one of these strings
+    return [
+      'primary',
+      'secondary',
+      'success',
+      'danger',
+      'warning',
+      'info',
+      'dark',
+      'light',
+      'link',
+      'transparent',
+      'primary-gradient',
+      'secondary-gradient',
+      'success-gradient',
+      'danger-gradient',
+      'warning-gradient',
+      'info-gradient',
+      'dark-gradient',
+      'light-gradient',
+    ].includes(value)
+  },
+}
+
+export const TextColor = {
+  type: String,
+  validator: (value: string): boolean => {
+    return [
+      'primary',
+      'secondary',
+      'success',
+      'danger',
+      'warning',
+      'info',
+      'dark',
+      'light',
+      'white',
+      'muted',
+      'high-emphasis',
+      'medium-emphasis',
+      'disabled',
+      'high-emphasis-inverse',
+      'medium-emphasis-inverse',
+      'disabled-inverse',
+    ].includes(value)
+  },
+}
+
+export const Breakpoint = {
+  validator: (value: boolean | number): boolean => {
+    if (typeof value == 'boolean' || typeof value == 'number') {
+      return true
+    } else {
+      return false
+    }
+  },
+}

package/src/types.ts

@@ -0,0 +1,54 @@
+export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
+
+export type Colors =
+  | 'primary'
+  | 'secondary'
+  | 'success'
+  | 'danger'
+  | 'warning'
+  | 'info'
+  | 'dark'
+  | 'light'
+  | 'primary-gradient'
+  | 'secondary-gradient'
+  | 'success-gradient'
+  | 'danger-gradient'
+  | 'warning-gradient'
+  | 'info-gradient'
+  | 'dark-gradient'
+  | 'light-gradient'
+  | string
+
+export type Placements =
+  | 'auto'
+  | 'auto-start'
+  | 'auto-end'
+  | 'top-end'
+  | 'top'
+  | 'top-start'
+  | 'bottom-end'
+  | 'bottom'
+  | 'bottom-start'
+  | 'right-start'
+  | 'right'
+  | 'right-end'
+  | 'left-start'
+  | 'left'
+  | 'left-end'
+  | undefined
+
+export type Shapes =
+  | 'rounded'
+  | 'rounded-top'
+  | 'rounded-end'
+  | 'rounded-bottom'
+  | 'rounded-start'
+  | 'rounded-circle'
+  | 'rounded-pill'
+  | 'rounded-0'
+  | 'rounded-1'
+  | 'rounded-2'
+  | 'rounded-3'
+  | string
+
+export type Triggers = 'hover' | 'focus' | 'click'

package/dist/components/accordion/CAccordionCollapse.d.ts

@@ -1,22 +0,0 @@
-declare const CAccordionCollapse: import("vue").DefineComponent<{
-    /**
-     * Toggle the visibility of component.
-     */
-    visible: {
-        type: BooleanConstructor;
-        required: false;
-    };
-}, () => 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<{
-    /**
-     * Toggle the visibility of component.
-     */
-    visible: {
-        type: BooleanConstructor;
-        required: false;
-    };
-}>>, {
-    visible: boolean;
-}>;
-export { CAccordionCollapse };

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

@@ -1,305 +0,0 @@
-import { PropType } from 'vue';
-export interface Option {
-    disabled?: boolean;
-    label?: string;
-    options?: Option[];
-    order?: number;
-    selected?: boolean;
-    text: string;
-    value: number | string;
-}
-declare const CMultiSelect: import("vue").DefineComponent<{
-    /**
-     * Enables selection cleaner element.
-     *
-     * @default true
-     */
-    cleaner: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Toggle the disabled state for the component.
-     */
-    disabled: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * It specifies that multiple options can be selected at once.
-     *
-     * @default true
-     */
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-        required: false;
-    };
-    /**
-     * List of option elements.
-     */
-    options: {
-        type: PropType<Option[]>;
-        default: () => never[];
-        required: false;
-    };
-    /**
-     * Sets maxHeight of options list.
-     *
-     * @default 'auto'
-     */
-    optionsMaxHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-        required: false;
-    };
-    /**
-     * Sets option style.
-     *
-     * @values 'checkbox', 'text'
-     * @default 'checkbox'
-     */
-    optionsStyle: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Specifies a short hint that is visible in the search input.
-     *
-     * @default 'Select...''
-     */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-    };
-    /**
-     * Enables search input element.
-     */
-    search: {
-        type: BooleanConstructor;
-        default: boolean;
-        required: false;
-    };
-    /**
-     * Sets the label for no results when filtering.
-     */
-    searchNoResultsLabel: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-    };
-    /**
-     * Enables select all button.
-     *
-     * @default true
-     */
-    selectAll: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Sets the select all button label.
-     *
-     * @default 'Select all options'
-     */
-    selectAllLabel: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /**
-     * Sets the selection style.
-     *
-     * @values 'counter', 'tags', 'text'
-     * @default 'tags'
-     */
-    selectionType: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Sets the counter selection label.
-     *
-     * @default 'item(s) selected'
-     */
-    selectionTypeCounterText: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-    };
-    /**
-     * Toggle the visibility of multi select dropdown.
-     *
-     * @default false
-     */
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-        required: false;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Enables selection cleaner element.
-     *
-     * @default true
-     */
-    cleaner: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Toggle the disabled state for the component.
-     */
-    disabled: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * It specifies that multiple options can be selected at once.
-     *
-     * @default true
-     */
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-        required: false;
-    };
-    /**
-     * List of option elements.
-     */
-    options: {
-        type: PropType<Option[]>;
-        default: () => never[];
-        required: false;
-    };
-    /**
-     * Sets maxHeight of options list.
-     *
-     * @default 'auto'
-     */
-    optionsMaxHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-        required: false;
-    };
-    /**
-     * Sets option style.
-     *
-     * @values 'checkbox', 'text'
-     * @default 'checkbox'
-     */
-    optionsStyle: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Specifies a short hint that is visible in the search input.
-     *
-     * @default 'Select...''
-     */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-    };
-    /**
-     * Enables search input element.
-     */
-    search: {
-        type: BooleanConstructor;
-        default: boolean;
-        required: false;
-    };
-    /**
-     * Sets the label for no results when filtering.
-     */
-    searchNoResultsLabel: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-    };
-    /**
-     * Enables select all button.
-     *
-     * @default true
-     */
-    selectAll: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Sets the select all button label.
-     *
-     * @default 'Select all options'
-     */
-    selectAllLabel: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /**
-     * Sets the selection style.
-     *
-     * @values 'counter', 'tags', 'text'
-     * @default 'tags'
-     */
-    selectionType: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Sets the counter selection label.
-     *
-     * @default 'item(s) selected'
-     */
-    selectionTypeCounterText: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-    };
-    /**
-     * Toggle the visibility of multi select dropdown.
-     *
-     * @default false
-     */
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-        required: false;
-    };
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-}, {
-    search: boolean;
-    visible: boolean;
-    disabled: boolean;
-    multiple: boolean;
-    options: Option[];
-    cleaner: boolean;
-    placeholder: string;
-    optionsMaxHeight: string | number;
-    optionsStyle: string;
-    searchNoResultsLabel: string;
-    selectionType: string;
-    selectionTypeCounterText: string;
-    selectAll: boolean;
-    selectAllLabel: string;
-}>;
-export { CMultiSelect };