cleek 2.8.6 → 2.8.9

package/dist/types/components/ck-table/inner-components/ck-table__pagination.vue.d.ts

@@ -0,0 +1,31 @@
+import { Align, Layout } from '../../../types/cleek-options';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    currentPage: number;
+    align: Align;
+    itemsPerPage: number;
+    listLength: number;
+    layout: Layout;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    refreshList: () => void;
+    "update:currentPage": (value: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    currentPage: number;
+    align: Align;
+    itemsPerPage: number;
+    listLength: number;
+    layout: Layout;
+}>>> & {
+    onRefreshList?: () => any;
+    "onUpdate:currentPage"?: (value: number) => 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]>;
+        required: true;
+    };
+};

package/dist/types/components/ck-table/inner-components/ck-table__title.vue.d.ts

@@ -0,0 +1,22 @@
+import { Color } from '../../../types/cleek-options';
+import { ColumnItem } from '../../../types/table';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    col: ColumnItem;
+    textColor?: Color;
+    backgroundColor?: Color;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    col: ColumnItem;
+    textColor?: Color;
+    backgroundColor?: Color;
+}>>>, {}, {}>;
+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;
+    };
+};

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

@@ -0,0 +1,65 @@
+import { Align, AlignVertical, Color, Layout, SizeInCSS } from '../types/cleek-options';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string;
+    disabled?: boolean;
+    placeholder?: string;
+    resize?: true | "none" | "vertical" | "horizontal";
+    layout?: Layout;
+    borderColor?: Color;
+    align?: Align;
+    group?: Align;
+    groupVertical?: AlignVertical;
+    borderRadius?: SizeInCSS;
+    fontSize?: SizeInCSS;
+    textColor?: Color;
+    width?: SizeInCSS;
+    height?: SizeInCSS;
+    capitalize?: boolean;
+    autoSelect?: boolean;
+    delayChangeTime?: number;
+    label?: string;
+    labelAlign?: Align;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+    input: (event: Event) => void;
+    change: (event: Event) => void;
+    click: (event: Event) => void;
+    delayChange: (value: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string;
+    disabled?: boolean;
+    placeholder?: string;
+    resize?: true | "none" | "vertical" | "horizontal";
+    layout?: Layout;
+    borderColor?: Color;
+    align?: Align;
+    group?: Align;
+    groupVertical?: AlignVertical;
+    borderRadius?: SizeInCSS;
+    fontSize?: SizeInCSS;
+    textColor?: Color;
+    width?: SizeInCSS;
+    height?: SizeInCSS;
+    capitalize?: boolean;
+    autoSelect?: boolean;
+    delayChangeTime?: number;
+    label?: string;
+    labelAlign?: Align;
+}>>> & {
+    onClick?: (event: Event) => any;
+    onChange?: (event: Event) => any;
+    onInput?: (event: Event) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
+    onDelayChange?: (value: string) => 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]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,39 @@
+export { default as CkDatetimeShower } from './showers/ck-datetime-shower.vue';
+export { default as CkTimeShower } from './showers/ck-time-shower.vue';
+export { default as CkDropdown } from './ck-dropdown/ck-dropdown.vue';
+export { default as CkNavbar } from './ck-navbar/ck-navbar.vue';
+export { default as CkTable } from './ck-table/ck-table.vue';
+export { default as CkPagination } from './ck-table/ck-pagination/ck-pagination.vue';
+export { default as CkTd } from './ck-table/ck-td.vue';
+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 CkButton } from './ck-button.vue';
+export { default as CkCard } from './ck-card.vue';
+export { default as CkCheckbox } from './ck-checkbox.vue';
+export { default as CkChip } from './ck-chip.vue';
+export { default as CkCircle } from './ck-circle.vue';
+export { default as CkDiv } from './ck-div.vue';
+export { default as CkIcon } from './ck-icon.vue';
+export { default as CkImg } from './ck-img.vue';
+export { default as CkInput } from './ck-input.vue';
+export { default as CkLabel } from './ck-label.vue';
+export { default as CkPopup } from './ck-popup.vue';
+export { default as CkRadio } from './ck-radio.vue';
+export { default as CkSelect } from './ck-select.vue';
+export { default as CkSidebar } from './ck-sidebar.vue';
+export { default as CkSwitch } from './ck-switch.vue';
+export { default as CkSwitchOptions } from './ck-switch-options.vue';
+export { default as CkTextarea } from './ck-textarea.vue';
+export { default as useWindowWidth } from '../hooks/windowWidth';
+export { default as ckNotify } from './ck-notify/ck-notify';
+export declare class TableData {
+    search: string;
+    currentPage: number;
+    listLength: number;
+    itemsPerPage: number;
+    isLoading: boolean;
+    isEmpty: boolean;
+    constructor(itemsPerPage: number);
+}

package/dist/types/components/showers/ck-datetime-shower.vue.d.ts

@@ -0,0 +1,29 @@
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    datetime?: string | null;
+    date?: string | null;
+    time?: string | number | null;
+    timeInMinutes?: boolean;
+    noDateMsg?: string;
+    split?: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: Event) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    datetime?: string | null;
+    date?: string | null;
+    time?: string | number | null;
+    timeInMinutes?: boolean;
+    noDateMsg?: string;
+    split?: boolean;
+}>>> & {
+    onClick?: (event: Event) => 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]>;
+        required: true;
+    };
+};

package/dist/types/components/showers/ck-time-shower.vue.d.ts

@@ -0,0 +1,18 @@
+type TsTime = string;
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    time?: TsTime;
+    minutes?: number;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    time?: TsTime;
+    minutes?: number;
+}>>>, {}, {}>;
+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;
+    };
+};

package/dist/types/default-cleek-options.d.ts

@@ -0,0 +1,4 @@
+import { CleekOptions } from './types/cleek-options';
+
+declare const cleekOptions: CleekOptions;
+export default cleekOptions;

package/dist/types/hooks/rainbow.d.ts

@@ -0,0 +1,4 @@
+export default function useRainbow(): {
+    rainbow: import('vue').Ref<string>;
+    colors: string[];
+};

package/dist/types/hooks/windowWidth.d.ts

@@ -0,0 +1,3 @@
+export default function useWindowWidth(): {
+    windowWidth: import('vue').Ref<number>;
+};

package/dist/types/main.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vue';
+
+declare const install: Exclude<Plugin['install'], undefined>;
+export default install;
+export * from './components/index.js';

package/dist/types/package-config.d.ts

@@ -0,0 +1,3 @@
+export declare const packageConfig: {
+    lang: string;
+};

package/dist/types/types/cleek-options.d.ts

@@ -0,0 +1,62 @@
+export type Align = 'left' | 'center' | 'right';
+export type AlignVertical = 'top' | 'bottom' | 'center';
+export type Color = string;
+export type Icon = string | [string, string];
+export type IconPack = 'font-awesome' | 'feather' | 'cleek';
+export type Lang = 'es' | 'en';
+export type Layout = 'base' | 'rounded' | 'squared';
+export type ButtonType = 'filled' | 'outlined' | 'flat';
+export type WidthBreaks = [number, string][];
+export type InputType = 'text' | 'number' | 'date' | 'time' | 'password';
+export type Size = 'xs' | 's' | 'm' | 'l' | 'xl';
+export type SizeInCSS = string;
+export type TableVersion = 'default' | 'colored';
+export type CleekOptions = {
+    lang: Lang;
+    darkMode: boolean;
+    darkModeColorText: Color;
+    darkModeColorBackground: Color;
+    darkModeColorItems: Color;
+    colors: {
+        primary: Color;
+        secondary: Color;
+    };
+    styles: {
+        layout: Layout;
+        borderColor: Color;
+    };
+    button: {
+        type: ButtonType;
+        layout: Layout;
+        backgroundColor: Color;
+        textColor: Color;
+    };
+    div: {
+        gap: 0;
+    };
+    img: {
+        basePath: string;
+        basePathStatic: string;
+        basePathDynamic: string;
+    };
+    popup: {
+        textColor: string;
+        headerAlign: Align;
+        backgroundColor: Color;
+        headerColor: Color;
+        acceptBtnType: ButtonType;
+        cancelBtnType: ButtonType;
+        maxWidth: string;
+        fontSize: string;
+    };
+    select: {
+        clearValue: any;
+        backgroundColor: Color;
+    };
+    table: {
+        striped: boolean;
+        version: TableVersion;
+        headerTextColor?: Color;
+        headerBackgroundColor?: Color;
+    };
+};

package/dist/types/types/table.d.ts

@@ -0,0 +1,19 @@
+import { Align, AlignVertical } from './cleek-options';
+
+export type ColumnItem = {
+    name: string;
+    title: string;
+    unchangeable: boolean;
+    isDisplayed: boolean;
+    neverDisplay?: boolean;
+    nowrap?: boolean;
+    block?: boolean;
+    overflowAuto?: boolean;
+    align?: Align;
+    verticalAlign?: AlignVertical;
+    fixedWidth?: string;
+    autoWidth?: boolean;
+    minWidth?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+};

package/dist/types/utils/events.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    OPEN_MODAL: string;
+    CLOSE_MODAL: string;
+    OPEN_SIDEBAR: string;
+    CLOSE_SIDEBAR: string;
+};
+export default _default;

package/dist/types/utils/global-hooks.d.ts

@@ -0,0 +1,15 @@
+import { ColumnItem } from '../types/table';
+import { Align, AlignVertical, WidthBreaks } from '../types/cleek-options';
+
+declare const _default: {
+    getCleekOptions(getCurrentInstance: any): any;
+    getGroupClass({ group, groupVertical, widthBreaks, }: {
+        group?: Align;
+        groupVertical?: AlignVertical;
+        widthBreaks?: WidthBreaks;
+    }, windowWidth: number): string[];
+    getWidthByWidthBreaks(widthBreaks?: [number, string][], windowWidth?: number): string;
+    isColorTemplateVariable(color: string): boolean;
+    isColumnDisplayed(column: ColumnItem): boolean;
+};
+export default _default;

package/dist/types/utils/globalVariables.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    defaultFailImg: string;
+    imagesFolderPath: string;
+    defaultImgBorderColor: string;
+};
+export default _default;

package/dist/types/utils/mitt.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('mitt').Emitter<Record<import('mitt').EventType, unknown>>;
+export default _default;

package/dist/types/utils/scrollLock.d.ts

@@ -0,0 +1,3 @@
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+export { lockScroll, unlockScroll };

package/dist/types/utils/windowWidth.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    data(): {
+        windowWidth: number;
+    };
+    mounted(): void;
+    methods: {
+        handleWindowResize(event: any): void;
+    };
+    beforeUnmount(): void;
+};
+export default _default;

package/package.json

@@ -1,24 +1,26 @@
 {
   "name": "cleek",
-  "version": "2.8.6",
   "description": "Complete UX Vue library",
-  "repository": "",
+  "version": "2.8.9",
   "author": "Quantic Onion",
   "license": "MIT",
+  "repository": "",
+  "type": "module",
   "files": [
     "dist"
   ],
-  "main": "./dist/cleek.umd.js",
-  "module": "./dist/cleek.es.js",
-  "types": "./dist/main.d.ts",
+  "main": "./dist/main.cjs.js",
+  "module": "./dist/main.es.js",
   "exports": {
     ".": {
-      "import": "./dist/cleek.es.js",
-      "require": "./dist/cleek.umd.js"
-    }
+      "require": "./dist/main.cjs.js",
+      "import": "./dist/main.es.js",
+      "types": "./dist/types/main.d.ts"
+    },
+    "./main.css": "./dist/main.css",
+    "./package.json": "./package.json"
   },
-  "unpkg": "./dist/cleek.umd.js",
-  "jsdelivr": "./dist/cleek.umd.js",
+  "types": "./dist/types/main.d.ts",
   "scripts": {
     "dev": "vitepress dev docs",
     "typecheck": "vue-tsc --noEmit -p tsconfig.json --composite false",
@@ -30,11 +32,30 @@
     "patch-publish": "npm run build && npm version patch && npm publish",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
     "stylelint": "stylelint . --fix --ignore-path .stylelintignore",
-    "format": "prettier .  --write"
+    "format": "prettier . --write",
+    "deploy": "node deploy.js"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.1.1",
+    "@fortawesome/free-brands-svg-icons": "^6.1.1",
+    "@fortawesome/free-regular-svg-icons": "^6.1.1",
+    "@fortawesome/free-solid-svg-icons": "^6.1.1",
+    "@fortawesome/vue-fontawesome": "^3.0.0-5",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vuepic/vue-datepicker": "^3.5.3",
+    "floating-vue": "^5.2.2",
+    "mitt": "^3.0.0",
+    "quantic-methods": "^1.6.38",
+    "tabbable": "^5.2.0",
+    "tippy.js": "^6.3.1",
+    "vite-plugin-dts": "^3.9.1",
+    "vue": "^3.4.31",
+    "vue-perfect-scrollbar": "^0.2.1",
+    "vue3-datepicker": "^0.4.0"
   },
   "devDependencies": {
     "@prettier/plugin-pug": "^2.5.1",
-    "@vitejs/plugin-vue": "^1.2.5",
+    "@types/node": "^20.14.9",
     "@vue/compiler-sfc": "^3.1.5",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^11.0.3",
@@ -44,7 +65,7 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-vue": "^7.14.0",
     "prettier": "^2.3.2",
-    "prettier-plugin-stylus": "^0.0.1-beta.9",
+    "prettier-plugin-stylus": "^0.1.0",
     "pug": "^3.0.2",
     "pug-plain-loader": "^1.1.0",
     "rollup-plugin-visualizer": "^5.5.2",
@@ -53,30 +74,9 @@
     "stylelint-config-recommended": "^12.0.0",
     "stylelint-stylus": "^0.18.0",
     "stylus": "^0.59.0",
-    "typescript": "~5.0.4",
-    "vite": "^2.4.3",
+    "typescript": "^5.5.3",
+    "vite": "^5.3.2",
     "vitepress": "^0.21.4",
     "vue-tsc": "^0.38.2"
-  },
-  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.1.1",
-    "@fortawesome/free-brands-svg-icons": "^6.1.1",
-    "@fortawesome/free-regular-svg-icons": "^6.1.1",
-    "@fortawesome/free-solid-svg-icons": "^6.1.1",
-    "@fortawesome/vue-fontawesome": "^3.0.0-5",
-    "@vuepic/vue-datepicker": "^3.5.3",
-    "floating-vue": "^2.0.0-beta.16",
-    "mitt": "^3.0.0",
-    "pug": "^3.0.2",
-    "quantic-methods": "^1.6.38",
-    "rollup-plugin-typescript2": "^0.31.2",
-    "stylus": "^0.56.0",
-    "tabbable": "^5.2.0",
-    "tippy.js": "^6.3.1",
-    "typescript": "^4.6.4",
-    "vue": "^3.2.31",
-    "vue-perfect-scrollbar": "^0.2.1",
-    "vue3-datepicker": "^0.4.0",
-    "vuex": "^4.0.2"
   }
-}
+}