cleek 2.10.16 → 2.10.18

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

@@ -1,5 +1,6 @@
 import { Align, Layout } from '../../cleek-options/cleek-options.types';
 
+declare function close(): void;
 declare function __VLS_template(): {
     trigger?(_: {}): any;
     content?(_: {}): any;
@@ -8,7 +9,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     align?: Align;
     dark?: boolean;
     layout?: Layout;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>>, {
+    close: typeof close;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     align?: Align;
     dark?: boolean;
     layout?: Layout;

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

@@ -1,97 +1,249 @@
 import { Align, AlignVertical, Color, Icon, IconPack, Layout, WidthBreaks } from '../cleek-options/cleek-options.types';
 
-type SelectOption = any;
+type OptionValue = any;
+type Option = any;
 declare function focus(): void;
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: any;
-    prop?: string;
-    reduceValueProp?: string;
-    reduceValueMethod?: string;
-    reduceNameProp?: string;
-    reduceNameMethod?: string;
-    autofocus?: boolean;
-    notReduce?: boolean;
-    notReduceValue?: boolean;
-    options?: SelectOption[];
-    reduceNameFunction?: (option: SelectOption) => string;
-    reduceValueFunction?: (option: SelectOption) => any;
-    notClearable?: boolean;
-    clearValue?: any;
-    searchable?: boolean | string;
-    width?: string;
-    minWidth?: string;
-    layout?: Layout;
-    noBorder?: boolean;
-    borderColor?: Color;
-    bgTransparent?: boolean;
-    disabled?: boolean;
-    group?: Align;
-    groupVertical?: AlignVertical;
-    widthBreaks?: WidthBreaks;
-    icon?: Icon;
-    iconRight?: Icon;
-    iconPack?: IconPack;
-    iconColor?: Color;
-    label?: string;
-    labelAlign?: Align;
-    optional?: boolean;
-    placeholder?: string;
-    emptyOptionsMsg?: string;
-    backgroundColor?: Color;
-}>>, {
+declare function blur(): void;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<OptionValue>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    layout: {
+        type: import('vue').PropType<Layout>;
+    };
+    borderColor: {
+        type: import('vue').PropType<string>;
+    };
+    backgroundColor: {
+        type: import('vue').PropType<string>;
+    };
+    clearValue: {
+        type: import('vue').PropType<any>;
+    };
+    group: {
+        type: import('vue').PropType<Align>;
+    };
+    groupVertical: {
+        type: import('vue').PropType<AlignVertical>;
+    };
+    widthBreaks: {
+        type: import('vue').PropType<WidthBreaks>;
+    };
+    width: {
+        type: import('vue').PropType<string>;
+    };
+    icon: {
+        type: import('vue').PropType<Icon>;
+    };
+    iconPack: {
+        type: import('vue').PropType<IconPack>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    iconRight: {
+        type: import('vue').PropType<Icon>;
+    };
+    labelAlign: {
+        type: import('vue').PropType<Align>;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    iconColor: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    optional: {
+        type: import('vue').PropType<boolean>;
+    };
+    autofocus: {
+        type: import('vue').PropType<boolean>;
+    };
+    options: {
+        type: import('vue').PropType<any[]>;
+        required: true;
+    };
+    optionsLimit: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    reduceValueProp: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    reduceValueMethod: {
+        type: import('vue').PropType<string>;
+    };
+    reduceValueFunction: {
+        type: import('vue').PropType<(option: Option) => OptionValue>;
+    };
+    reduceNameProp: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    reduceNameMethod: {
+        type: import('vue').PropType<string>;
+    };
+    reduceNameFunction: {
+        type: import('vue').PropType<(option: Option) => string>;
+    };
+    notReduce: {
+        type: import('vue').PropType<boolean>;
+    };
+    notReduceValue: {
+        type: import('vue').PropType<boolean>;
+    };
+    notClearable: {
+        type: import('vue').PropType<boolean>;
+    };
+    minWidth: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    noBorder: {
+        type: import('vue').PropType<boolean>;
+    };
+    bgTransparent: {
+        type: import('vue').PropType<boolean>;
+    };
+    emptyOptionsMsg: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+}>, {
     focus: typeof focus;
+    blur: typeof blur;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => void;
     click: (event: Event) => void;
-    change: (event?: Event) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: any;
-    prop?: string;
-    reduceValueProp?: string;
-    reduceValueMethod?: string;
-    reduceNameProp?: string;
-    reduceNameMethod?: string;
-    autofocus?: boolean;
-    notReduce?: boolean;
-    notReduceValue?: boolean;
-    options?: SelectOption[];
-    reduceNameFunction?: (option: SelectOption) => string;
-    reduceValueFunction?: (option: SelectOption) => any;
-    notClearable?: boolean;
-    clearValue?: any;
-    searchable?: boolean | string;
-    width?: string;
-    minWidth?: string;
-    layout?: Layout;
-    noBorder?: boolean;
-    borderColor?: Color;
-    bgTransparent?: boolean;
-    disabled?: boolean;
-    group?: Align;
-    groupVertical?: AlignVertical;
-    widthBreaks?: WidthBreaks;
-    icon?: Icon;
-    iconRight?: Icon;
-    iconPack?: IconPack;
-    iconColor?: Color;
-    label?: string;
-    labelAlign?: Align;
-    optional?: boolean;
-    placeholder?: string;
-    emptyOptionsMsg?: string;
-    backgroundColor?: Color;
-}>>> & Readonly<{
-    onClick?: (event: Event) => any;
-    onChange?: (event?: Event) => any;
-    "onUpdate:modelValue"?: (value: any) => any;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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]>;
+    change: (event: Event) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
         required: true;
+        type: import('vue').PropType<OptionValue>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    layout: {
+        type: import('vue').PropType<Layout>;
+    };
+    borderColor: {
+        type: import('vue').PropType<string>;
+    };
+    backgroundColor: {
+        type: import('vue').PropType<string>;
+    };
+    clearValue: {
+        type: import('vue').PropType<any>;
+    };
+    group: {
+        type: import('vue').PropType<Align>;
+    };
+    groupVertical: {
+        type: import('vue').PropType<AlignVertical>;
+    };
+    widthBreaks: {
+        type: import('vue').PropType<WidthBreaks>;
+    };
+    width: {
+        type: import('vue').PropType<string>;
+    };
+    icon: {
+        type: import('vue').PropType<Icon>;
+    };
+    iconPack: {
+        type: import('vue').PropType<IconPack>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    iconRight: {
+        type: import('vue').PropType<Icon>;
+    };
+    labelAlign: {
+        type: import('vue').PropType<Align>;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    iconColor: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    optional: {
+        type: import('vue').PropType<boolean>;
+    };
+    autofocus: {
+        type: import('vue').PropType<boolean>;
     };
-};
+    options: {
+        type: import('vue').PropType<any[]>;
+        required: true;
+    };
+    optionsLimit: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    reduceValueProp: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    reduceValueMethod: {
+        type: import('vue').PropType<string>;
+    };
+    reduceValueFunction: {
+        type: import('vue').PropType<(option: Option) => OptionValue>;
+    };
+    reduceNameProp: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    reduceNameMethod: {
+        type: import('vue').PropType<string>;
+    };
+    reduceNameFunction: {
+        type: import('vue').PropType<(option: Option) => string>;
+    };
+    notReduce: {
+        type: import('vue').PropType<boolean>;
+    };
+    notReduceValue: {
+        type: import('vue').PropType<boolean>;
+    };
+    notClearable: {
+        type: import('vue').PropType<boolean>;
+    };
+    minWidth: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    noBorder: {
+        type: import('vue').PropType<boolean>;
+    };
+    bgTransparent: {
+        type: import('vue').PropType<boolean>;
+    };
+    emptyOptionsMsg: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: (event: Event) => any;
+    onChange?: (event: Event) => any;
+}>, {
+    placeholder: string;
+    iconColor: Color;
+    optionsLimit: number;
+    reduceValueProp: string;
+    reduceNameProp: string;
+    minWidth: string;
+    emptyOptionsMsg: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -24,13 +24,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     options: {
         type: import('vue').PropType<Option[]>;
     };
+    notReduce: {
+        type: import('vue').PropType<boolean>;
+    };
     prop: {
         type: import('vue').PropType<string>;
         default: string;
     };
-    notReduce: {
-        type: import('vue').PropType<boolean>;
-    };
     reduceFunction: {
         type: import('vue').PropType<(option: Option) => any>;
     };
@@ -62,13 +62,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     options: {
         type: import('vue').PropType<Option[]>;
     };
+    notReduce: {
+        type: import('vue').PropType<boolean>;
+    };
     prop: {
         type: import('vue').PropType<string>;
         default: string;
     };
-    notReduce: {
-        type: import('vue').PropType<boolean>;
-    };
     reduceFunction: {
         type: import('vue').PropType<(option: Option) => any>;
     };

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

@@ -47,6 +47,7 @@ export declare class SelectedRows {
     constructor(list: RowId[], settings?: {
         toggleable: boolean;
     });
+    getIdsAsArray(): any[];
     isRowSelected(id: RowId): boolean;
     isAnyRowsSelected(ids: RowId[]): boolean;
     areAllRowsSelecteds(ids: RowId[]): boolean;

package/dist/types/composables/use-scroll-listener.composable.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+
+export declare function useScrollListener(element: Ref<HTMLElement>, handleScroll: (event: Event) => void): void;

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

@@ -0,0 +1 @@
+export declare function normalizeText(text: string): string;

package/package.json

@@ -1,85 +1,85 @@
-{
-  "name": "cleek",
-  "description": "Complete UX Vue library",
-  "version": "2.10.16",
-  "author": "Quantic Onion",
-  "license": "MIT",
-  "repository": "",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/main.cjs.js",
-  "module": "./dist/main.es.js",
-  "exports": {
-    ".": {
-      "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"
-  },
-  "types": "./dist/types/main.d.ts",
-  "scripts": {
-    "dev": "vitepress dev docs",
-    "typecheck": "vue-tsc --noEmit -p tsconfig.json --composite false",
-    "build": "vite build",
-    "build:full": "vite build && vue-tsc --declaration --emitDeclarationOnly",
-    "build:docs": "vitepress build docs",
-    "serve": "vitepress serve docs",
-    "analyze": "vite build --config analyze.config.js",
-    "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",
-    "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",
-    "@vuepic/vue-datepicker": "^3.5.3",
-    "click-outside-vue3": "^4.0.1",
-    "floating-vue": "^5.2.2",
-    "mitt": "^3.0.0",
-    "pinia": "^2.1.7",
-    "pinia-plugin-persistedstate": "^3.2.1",
-    "quantic-methods": "1.6.70",
-    "tabbable": "^5.2.0",
-    "tippy.js": "^6.3.1",
-    "vue": "^3.5.12",
-    "vue-perfect-scrollbar": "^0.2.1",
-    "vue3-datepicker": "^0.4.0"
-  },
-  "devDependencies": {
-    "@prettier/plugin-pug": "^2.5.1",
-    "@types/node": "^20.14.9",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vue/compiler-sfc": "^3.1.5",
-    "@vue/eslint-config-prettier": "^7.1.0",
-    "@vue/eslint-config-typescript": "^11.0.3",
-    "@vue/language-plugin-pug": "^1.8.15",
-    "@vue/tsconfig": "^0.1.3",
-    "eslint": "^7.31.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-vue": "^7.14.0",
-    "prettier": "^2.3.2",
-    "prettier-plugin-stylus": "^0.1.0",
-    "pug": "^3.0.2",
-    "pug-plain-loader": "^1.1.0",
-    "rollup-plugin-visualizer": "^5.5.2",
-    "stylelint": "^15.9.0",
-    "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-recommended": "^12.0.0",
-    "stylelint-stylus": "^0.18.0",
-    "stylus": "^0.59.0",
-    "typescript": "^5.5.3",
-    "vite": "^4.3.9",
-    "vite-plugin-dts": "^3.9.1",
-    "vitepress": "^0.21.4",
-    "vue-tsc": "^0.38.2"
-  }
-}
+{
+  "name": "cleek",
+  "description": "Complete UX Vue library",
+  "version": "2.10.18",
+  "author": "Quantic Onion",
+  "license": "MIT",
+  "repository": "",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/main.cjs.js",
+  "module": "./dist/main.es.js",
+  "exports": {
+    ".": {
+      "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"
+  },
+  "types": "./dist/types/main.d.ts",
+  "scripts": {
+    "dev": "vitepress dev docs",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json --composite false",
+    "build": "vite build",
+    "build:full": "vite build && vue-tsc --declaration --emitDeclarationOnly",
+    "build:docs": "vitepress build docs",
+    "serve": "vitepress serve docs",
+    "analyze": "vite build --config analyze.config.js",
+    "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",
+    "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",
+    "@vuepic/vue-datepicker": "^3.5.3",
+    "click-outside-vue3": "^4.0.1",
+    "floating-vue": "^5.2.2",
+    "mitt": "^3.0.0",
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "quantic-methods": "1.6.70",
+    "tabbable": "^5.2.0",
+    "tippy.js": "^6.3.1",
+    "vue": "^3.5.12",
+    "vue-perfect-scrollbar": "^0.2.1",
+    "vue3-datepicker": "^0.4.0"
+  },
+  "devDependencies": {
+    "@prettier/plugin-pug": "^2.5.1",
+    "@types/node": "^20.14.9",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/compiler-sfc": "^3.1.5",
+    "@vue/eslint-config-prettier": "^7.1.0",
+    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/language-plugin-pug": "^1.8.15",
+    "@vue/tsconfig": "^0.1.3",
+    "eslint": "^7.31.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-vue": "^7.14.0",
+    "prettier": "^2.3.2",
+    "prettier-plugin-stylus": "^0.1.0",
+    "pug": "^3.0.2",
+    "pug-plain-loader": "^1.1.0",
+    "rollup-plugin-visualizer": "^5.5.2",
+    "stylelint": "^15.9.0",
+    "stylelint-config-prettier": "^9.0.5",
+    "stylelint-config-recommended": "^12.0.0",
+    "stylelint-stylus": "^0.18.0",
+    "stylus": "^0.59.0",
+    "typescript": "^5.5.3",
+    "vite": "^4.3.9",
+    "vite-plugin-dts": "^3.9.1",
+    "vitepress": "^0.21.4",
+    "vue-tsc": "^0.38.2"
+  }
+}