cleek 2.8.10 → 2.9.0

package/dist/types/components/ck-input/ck-input-date.vue.d.ts

@@ -1,10 +1,12 @@
 import { Align, AlignVertical, Color, Icon, WidthBreaks } from '../../types/cleek-options';
 import { IconPack } from '@fortawesome/fontawesome-svg-core';
 
-type stringDate = null | string;
+type DateString = null | string;
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    modelValue: stringDate;
+    modelValue: DateString;
     label?: string;
+    clearable?: boolean;
+    clearValue?: DateString;
     icon?: Icon;
     iconRight?: Icon;
     iconPack?: IconPack;
@@ -13,11 +15,13 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     group?: Align;
     groupVertical?: AlignVertical;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: string) => void;
     "update:modelValue": (modelValue: string) => void;
-    change: (modelValue: string) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: stringDate;
+    modelValue: DateString;
     label?: string;
+    clearable?: boolean;
+    clearValue?: DateString;
     icon?: Icon;
     iconRight?: Icon;
     iconPack?: IconPack;
@@ -26,7 +30,7 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     group?: Align;
     groupVertical?: AlignVertical;
 }>>> & {
-    onChange?: (modelValue: string) => any;
+    onChange?: (value: string) => any;
     "onUpdate:modelValue"?: (modelValue: string) => any;
 }, {}, {}>;
 export default _default;

package/dist/types/components/ck-label.vue.d.ts

@@ -4,11 +4,11 @@ declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    for: string;
+    for?: string;
     align: Align;
     size?: "s" | "m" | "l" | "xl";
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    for: string;
+    for?: string;
     align: Align;
     size?: "s" | "m" | "l" | "xl";
 }>>>, {}, {}>;

package/dist/types/components/ck-popup.vue.d.ts

@@ -1,76 +1,155 @@
-import { Align, Color, Layout, ButtonType } from '../types/cleek-options';
+import { Align, Layout, ButtonType } from '../types/cleek-options';
 
 declare function __VLS_template(): {
     header?(_: {}): any;
     default?(_: {}): any;
     footer?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    modelValue: boolean;
-    title?: string;
-    confirmButtons?: boolean;
-    acceptButton?: boolean;
-    acceptBtnText?: string;
-    acceptBtnType?: ButtonType;
-    cancelButton?: boolean;
-    cancelBtnText?: string;
-    cancelBtnType?: ButtonType;
-    notCloseBtn?: boolean;
-    notCloseByBg?: boolean;
-    notClose?: boolean;
-    preventCloseOnCancel?: boolean;
-    isLoading?: boolean;
-    width?: number;
-    maxWidth?: number;
-    layout?: Layout;
-    textColor?: Color;
-    headerColor?: Color;
-    headerAlign?: Align;
-    backgroundColor?: Color;
-    fontSize?: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => void;
+declare const __VLS_component: import('vue').DefineComponent<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<boolean>;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+    };
+    confirmButtons: {
+        type: import('vue').PropType<boolean>;
+    };
+    acceptButton: {
+        type: import('vue').PropType<boolean>;
+    };
+    acceptBtnText: {
+        type: import('vue').PropType<string>;
+    };
+    acceptBtnType: {
+        type: import('vue').PropType<ButtonType>;
+    };
+    cancelButton: {
+        type: import('vue').PropType<boolean>;
+    };
+    cancelBtnText: {
+        type: import('vue').PropType<string>;
+    };
+    cancelBtnType: {
+        type: import('vue').PropType<ButtonType>;
+    };
+    notCloseBtn: {
+        type: import('vue').PropType<boolean>;
+    };
+    notCloseByBg: {
+        type: import('vue').PropType<boolean>;
+    };
+    notClose: {
+        type: import('vue').PropType<boolean>;
+    };
+    preventCloseOnCancel: {
+        type: import('vue').PropType<boolean>;
+    };
+    isLoading: {
+        type: import('vue').PropType<boolean>;
+    };
+    width: {
+        type: import('vue').PropType<number>;
+    };
+    maxWidth: {
+        type: import('vue').PropType<number>;
+    };
+    layout: {
+        type: import('vue').PropType<Layout>;
+    };
+    textColor: {
+        type: import('vue').PropType<string>;
+    };
+    headerColor: {
+        type: import('vue').PropType<string>;
+    };
+    headerAlign: {
+        type: import('vue').PropType<Align>;
+    };
+    backgroundColor: {
+        type: import('vue').PropType<string>;
+    };
+    fontSize: {
+        type: import('vue').PropType<string>;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: () => void;
     accept: () => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: boolean;
-    title?: string;
-    confirmButtons?: boolean;
-    acceptButton?: boolean;
-    acceptBtnText?: string;
-    acceptBtnType?: ButtonType;
-    cancelButton?: boolean;
-    cancelBtnText?: string;
-    cancelBtnType?: ButtonType;
-    notCloseBtn?: boolean;
-    notCloseByBg?: boolean;
-    notClose?: boolean;
-    preventCloseOnCancel?: boolean;
-    isLoading?: boolean;
-    width?: number;
-    maxWidth?: number;
-    layout?: Layout;
-    textColor?: Color;
-    headerColor?: Color;
-    headerAlign?: Align;
-    backgroundColor?: Color;
-    fontSize?: string;
-}>>> & {
-    "onUpdate:modelValue"?: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<boolean>;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+    };
+    confirmButtons: {
+        type: import('vue').PropType<boolean>;
+    };
+    acceptButton: {
+        type: import('vue').PropType<boolean>;
+    };
+    acceptBtnText: {
+        type: import('vue').PropType<string>;
+    };
+    acceptBtnType: {
+        type: import('vue').PropType<ButtonType>;
+    };
+    cancelButton: {
+        type: import('vue').PropType<boolean>;
+    };
+    cancelBtnText: {
+        type: import('vue').PropType<string>;
+    };
+    cancelBtnType: {
+        type: import('vue').PropType<ButtonType>;
+    };
+    notCloseBtn: {
+        type: import('vue').PropType<boolean>;
+    };
+    notCloseByBg: {
+        type: import('vue').PropType<boolean>;
+    };
+    notClose: {
+        type: import('vue').PropType<boolean>;
+    };
+    preventCloseOnCancel: {
+        type: import('vue').PropType<boolean>;
+    };
+    isLoading: {
+        type: import('vue').PropType<boolean>;
+    };
+    width: {
+        type: import('vue').PropType<number>;
+    };
+    maxWidth: {
+        type: import('vue').PropType<number>;
+    };
+    layout: {
+        type: import('vue').PropType<Layout>;
+    };
+    textColor: {
+        type: import('vue').PropType<string>;
+    };
+    headerColor: {
+        type: import('vue').PropType<string>;
+    };
+    headerAlign: {
+        type: import('vue').PropType<Align>;
+    };
+    backgroundColor: {
+        type: import('vue').PropType<string>;
+    };
+    fontSize: {
+        type: import('vue').PropType<string>;
+    };
+}>> & {
     onAccept?: () => any;
     onCancel?: () => any;
 }, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/components/ck-sidebar.vue.d.ts

@@ -1,45 +1,68 @@
-import { Color } from '../types/cleek-options';
-
 declare function __VLS_template(): {
     default?(_: {}): any;
     footer?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    modelValue: boolean;
-    title?: string;
-    width?: string;
-    rightSide?: boolean;
-    headerColor?: Color;
-    headerAlign?: boolean;
-    closeBtnAlign?: "left" | "right";
-    notCloseBtn?: boolean;
-    isLoading?: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: boolean;
-    title?: string;
-    width?: string;
-    rightSide?: boolean;
-    headerColor?: Color;
-    headerAlign?: boolean;
-    closeBtnAlign?: "left" | "right";
-    notCloseBtn?: boolean;
-    isLoading?: boolean;
-}>>> & {
-    "onUpdate:modelValue"?: (value: boolean) => any;
-}, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    modelValue: {
         required: true;
+        type: import('vue').PropType<boolean>;
     };
-};
+    title: {
+        type: import('vue').PropType<string>;
+    };
+    width: {
+        type: import('vue').PropType<string>;
+    };
+    rightSide: {
+        type: import('vue').PropType<boolean>;
+    };
+    headerColor: {
+        type: import('vue').PropType<string>;
+    };
+    headerAlign: {
+        type: import('vue').PropType<boolean>;
+    };
+    closeBtnAlign: {
+        type: import('vue').PropType<"left" | "right">;
+    };
+    notCloseBtn: {
+        type: import('vue').PropType<boolean>;
+    };
+    isLoading: {
+        type: import('vue').PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<boolean>;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+    };
+    width: {
+        type: import('vue').PropType<string>;
+    };
+    rightSide: {
+        type: import('vue').PropType<boolean>;
+    };
+    headerColor: {
+        type: import('vue').PropType<string>;
+    };
+    headerAlign: {
+        type: import('vue').PropType<boolean>;
+    };
+    closeBtnAlign: {
+        type: import('vue').PropType<"left" | "right">;
+    };
+    notCloseBtn: {
+        type: import('vue').PropType<boolean>;
+    };
+    isLoading: {
+        type: import('vue').PropType<boolean>;
+    };
+}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/components/ck-switch-options.vue.d.ts

@@ -1,42 +1,83 @@
+import { Align } from '../types/cleek-options';
+
 type Option = boolean | number | object | string;
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    modelValue: Option;
-    options?: Option[];
-    prop?: string;
-    notReduce?: boolean;
-    reduceFunction?: (option: Option) => any;
-    label?: string;
-    labelAlign?: string;
-    widthBreaks?: [number, string][];
-    group?: "left" | "right" | "center";
-    groupVertical?: "top" | "bottom" | "center";
-    sameWidthOptions?: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: Option) => void;
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<Option>;
+    };
+    group: {
+        type: import('vue').PropType<"left" | "center" | "right">;
+    };
+    groupVertical: {
+        type: import('vue').PropType<"center" | "top" | "bottom">;
+    };
+    widthBreaks: {
+        type: import('vue').PropType<[number, string][]>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    labelAlign: {
+        type: import('vue').PropType<Align>;
+    };
+    options: {
+        type: import('vue').PropType<Option[]>;
+    };
+    prop: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    notReduce: {
+        type: import('vue').PropType<boolean>;
+    };
+    reduceFunction: {
+        type: import('vue').PropType<(option: Option) => any>;
+    };
+    sameWidthOptions: {
+        type: import('vue').PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: Option) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: Option;
-    options?: Option[];
-    prop?: string;
-    notReduce?: boolean;
-    reduceFunction?: (option: Option) => any;
-    label?: string;
-    labelAlign?: string;
-    widthBreaks?: [number, string][];
-    group?: "left" | "right" | "center";
-    groupVertical?: "top" | "bottom" | "center";
-    sameWidthOptions?: boolean;
-}>>> & {
-    onChange?: (value: Option) => any;
-    "onUpdate:modelValue"?: (value: Option) => any;
-}, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
         required: true;
+        type: import('vue').PropType<Option>;
+    };
+    group: {
+        type: import('vue').PropType<"left" | "center" | "right">;
+    };
+    groupVertical: {
+        type: import('vue').PropType<"center" | "top" | "bottom">;
+    };
+    widthBreaks: {
+        type: import('vue').PropType<[number, string][]>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    labelAlign: {
+        type: import('vue').PropType<Align>;
+    };
+    options: {
+        type: import('vue').PropType<Option[]>;
     };
-};
+    prop: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    notReduce: {
+        type: import('vue').PropType<boolean>;
+    };
+    reduceFunction: {
+        type: import('vue').PropType<(option: Option) => any>;
+    };
+    sameWidthOptions: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & {
+    onChange?: (value: Option) => any;
+}, {
+    prop: string;
+}, {}>;
+export default _default;

package/dist/types/components/ck-switch.vue.d.ts

@@ -1,45 +1,67 @@
 import { Icon, IconPack, Size } from '../types/cleek-options';
 
-type ModelValue = boolean | 1 | 0;
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    modelValue: ModelValue;
-    preventAutoUpdate?: boolean;
-    disabled?: boolean;
-    outlined?: boolean;
-    squared?: boolean;
-    size?: Size;
-    icon?: Icon;
-    iconPack?: IconPack;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: ModelValue) => void;
+declare const __VLS_component: import('vue').DefineComponent<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<boolean>;
+    };
+    preventAutoUpdate: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    outlined: {
+        type: import('vue').PropType<boolean>;
+    };
+    squared: {
+        type: import('vue').PropType<boolean>;
+    };
+    size: {
+        type: import('vue').PropType<Size>;
+    };
+    icon: {
+        type: import('vue').PropType<Icon>;
+    };
+    iconPack: {
+        type: import('vue').PropType<IconPack>;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: ModelValue;
-    preventAutoUpdate?: boolean;
-    disabled?: boolean;
-    outlined?: boolean;
-    squared?: boolean;
-    size?: Size;
-    icon?: Icon;
-    iconPack?: IconPack;
-}>>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<boolean>;
+    };
+    preventAutoUpdate: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    outlined: {
+        type: import('vue').PropType<boolean>;
+    };
+    squared: {
+        type: import('vue').PropType<boolean>;
+    };
+    size: {
+        type: import('vue').PropType<Size>;
+    };
+    icon: {
+        type: import('vue').PropType<Icon>;
+    };
+    iconPack: {
+        type: import('vue').PropType<IconPack>;
+    };
+}>> & {
     onClick?: () => any;
-    "onUpdate:modelValue"?: (value: ModelValue) => any;
 }, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/components/ck-tabs/ck-tab.vue.d.ts

@@ -0,0 +1,28 @@
+import { Icon } from '../../types/cleek-options';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    title: string;
+    icon: Icon;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    title: string;
+    icon: Icon;
+}>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ck-tabs/ck-tabs.vue.d.ts

@@ -0,0 +1,11 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -9,6 +9,8 @@ export { default as CkTh } from './ck-table/ck-th.vue';
 export { default as CkTr } from './ck-table/ck-tr.vue';
 export { default as CkInputDate } from './ck-input/ck-input-date.vue';
 export { default as CkInputTime } from './ck-input/ck-input-time.vue';
+export { default as CkTab } from './ck-tabs/ck-tab.vue';
+export { default as CkTabs } from './ck-tabs/ck-tabs.vue';
 export { default as CkButton } from './ck-button.vue';
 export { default as CkCard } from './ck-card.vue';
 export { default as CkCheckbox } from './ck-checkbox.vue';

package/dist/types/utils/css-helpers.d.ts

@@ -0,0 +1 @@
+export declare function setBodyOverflow(visible: boolean): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cleek",
   "description": "Complete UX Vue library",
-  "version": "2.8.10",
+  "version": "2.9.0",
   "author": "Quantic Onion",
   "license": "MIT",
   "repository": "",