@katlux/toolkit 0.1.0-beta.5 → 0.1.0-beta.8

package/dist/module.cjs

@@ -10,6 +10,7 @@ const module$1 = kit.defineNuxtModule({
   },
   setup(options, nuxt) {
     const { resolve } = kit.createResolver((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('module.cjs', document.baseURI).href)));
+    nuxt.options.css.push(resolve("./runtime/presets/default/assets/scss/index.scss"));
     kit.addComponentsDir({
       path: resolve("./runtime/components"),
       pathPrefix: false,

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@katlux/toolkit",
   "configKey": "katluxToolkit",
-  "version": "0.1.0-beta.5",
+  "version": "0.1.0-beta.8",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -7,6 +7,7 @@ const module$1 = defineNuxtModule({
   },
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
+    nuxt.options.css.push(resolve("./runtime/presets/default/assets/scss/index.scss"));
     addComponentsDir({
       path: resolve("./runtime/components"),
       pathPrefix: false,

package/dist/runtime/components/KButton/KButton.global.d.vue.ts

@@ -48,9 +48,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     size: "small" | "large" | "medium" | undefined;
     type: "info" | "default" | "primary" | "danger" | "success" | "warning" | "light" | "dark" | undefined;
+    loading: boolean;
     disabled: boolean;
     href: string;
-    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KButton/KButton.global.vue.d.ts

@@ -48,9 +48,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     size: "small" | "large" | "medium" | undefined;
     type: "info" | "default" | "primary" | "danger" | "success" | "warning" | "light" | "dark" | undefined;
+    loading: boolean;
     disabled: boolean;
     href: string;
-    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KButton/KButton.logic.d.ts

@@ -22,7 +22,7 @@ export interface KButtonEmits {
 export declare function useKButtonLogic(props: KButtonProps, emit: KButtonEmits): {
     isLink: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    buttonClasses: import("vue").ComputedRef<("info" | "default" | "small" | "primary" | "danger" | "success" | "warning" | "light" | "dark" | "large" | "medium" | {
+    buttonClasses: import("vue").ComputedRef<("info" | "default" | "primary" | "danger" | "success" | "warning" | "light" | "dark" | "small" | "large" | "medium" | {
         disabled: boolean | undefined;
     })[]>;
     onClick: () => void;

package/dist/runtime/components/KCombobox/KCombobox.global.d.vue.ts

@@ -85,15 +85,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any) | undefined;
 }>, {
-    disabled: boolean;
-    modelValue: any;
     searchbox: boolean;
+    disabled: boolean;
     placeholder: string;
     dataProvider: any;
     closeOnSelect: boolean;
     multiSelect: boolean;
     maxSelectedDisplay: string | number | boolean;
     visibleFields: any;
+    modelValue: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KCombobox/KCombobox.global.vue.d.ts

@@ -85,15 +85,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any) | undefined;
 }>, {
-    disabled: boolean;
-    modelValue: any;
     searchbox: boolean;
+    disabled: boolean;
     placeholder: string;
     dataProvider: any;
     closeOnSelect: boolean;
     multiSelect: boolean;
     maxSelectedDisplay: string | number | boolean;
     visibleFields: any;
+    modelValue: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KCombobox/KCombobox.logic.d.ts

@@ -0,0 +1,72 @@
+import type { ADataProvider } from '@katlux/providers';
+import { type TDataRow } from '@katlux/providers';
+export type ComboboxItem = TDataRow;
+export interface KComboboxProps {
+    dataProvider: ADataProvider;
+    closeOnSelect?: boolean;
+    disabled?: boolean;
+    multiSelect?: boolean;
+    maxSelectedDisplay?: number | string | false;
+    placeholder?: string;
+    searchbox?: boolean;
+    visibleFields?: Array<String> | null;
+    labelField: string;
+    modelValue?: ComboboxItem | ComboboxItem[] | null;
+}
+export interface KComboboxEmits {
+    (e: 'update:modelValue', value: ComboboxItem | ComboboxItem[] | null): void;
+}
+export declare const KComboboxDefaultProps: {
+    dataProvider: {
+        type: PropType<ADataProvider>;
+        required: boolean;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxSelectedDisplay: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visibleFields: {
+        type: PropType<Array<String>>;
+        default: null;
+    };
+    labelField: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    modelValue: {
+        type: PropType<ComboboxItem | ComboboxItem[] | null>;
+        default: null;
+    };
+};
+export declare function useKComboboxLogic(props: KComboboxProps, emit: KComboboxEmits): {
+    selectedItems: import("vue").Ref<TDataRow[] | null, TDataRow[] | null>;
+    isOptionsOpen: import("vue").Ref<boolean, boolean>;
+    searchtext: import("vue").Ref<string, string>;
+    selectItem: (option: ComboboxItem) => void;
+    isSelected: (option: ComboboxItem) => boolean | undefined;
+    getSelectedContent: () => TDataRow[];
+    toggleDropdown: () => void;
+    closeDropdown: () => void;
+    filteredOptions: import("vue").ComputedRef<TDataRow[]>;
+    loading: import("vue").Ref<Boolean, Boolean>;
+};

package/dist/runtime/components/KDatatable/KDataIterator.logic.d.ts

@@ -0,0 +1,20 @@
+import { ADataProvider } from '@katlux/providers';
+export interface KDataIteratorProps {
+    dataProvider: ADataProvider;
+    visibleFields?: Array<string> | null;
+    loading?: boolean;
+    search?: string;
+    itemsPerPage?: number;
+    page?: number;
+}
+export declare const KDataIteratorDefaultProps: {
+    visibleFields: null;
+    loading: boolean;
+    search: string;
+    itemsPerPage: number;
+    page: number;
+};
+export declare function useKDataIteratorLogic(props: KDataIteratorProps): {
+    selectedRows: import("vue").Ref<any[], any[]>;
+    selectAll: import("vue").Ref<boolean, boolean>;
+};

package/dist/runtime/components/KDatatable/KDatatable.logic.d.ts

@@ -0,0 +1,12 @@
+import { ADataProvider } from '@katlux/providers';
+export interface KDatatableProps {
+    dataProvider: ADataProvider;
+    visibleFields?: Array<string> | null;
+}
+export declare const KDatatableDefaultProps: {
+    visibleFields: null;
+};
+export declare function useKDatatableLogic(props: KDatatableProps): {
+    selectedRows: import("vue").Ref<any[], any[]>;
+    selectAll: import("vue").Ref<boolean, boolean>;
+};

package/dist/runtime/components/KHourPicker/KHourPicker.global.d.vue.ts

@@ -62,8 +62,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
-    modelValue: string;
     placeholder: string;
+    modelValue: string;
     format: string;
     step: number;
     startHour: string;

package/dist/runtime/components/KHourPicker/KHourPicker.global.vue.d.ts

@@ -62,8 +62,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
-    modelValue: string;
     placeholder: string;
+    modelValue: string;
     format: string;
     step: number;
     startHour: string;

package/dist/runtime/components/KLoader/KLoader.global.d.vue.ts

@@ -8,7 +8,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -21,11 +21,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
 }>> & Readonly<{}>, {
-    size: any;
+    size: "small" | "large" | "medium";
     overlay: boolean;
     loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/KLoader/KLoader.global.vue.d.ts

@@ -8,7 +8,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -21,11 +21,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
 }>> & Readonly<{}>, {
-    size: any;
+    size: "small" | "large" | "medium";
     overlay: boolean;
     loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/KLoader/KLoader.logic.d.ts

@@ -1,3 +1,4 @@
+import { type PropType } from 'vue';
 export interface KLoaderProps {
     loading?: boolean;
     overlay?: boolean;
@@ -18,5 +19,11 @@ export declare const KLoaderDefaultProps: {
     };
 };
 export declare function useKLoaderLogic(props: KLoaderProps): {
-    loaderClasses: any;
+    loaderClasses: import("vue").ComputedRef<(string | {
+        'is-overlay': boolean | undefined;
+        'is-loading'?: undefined;
+    } | {
+        'is-loading': boolean | undefined;
+        'is-overlay'?: undefined;
+    })[]>;
 };

package/dist/runtime/components/KLoader/KLoader.logic.js

@@ -1,3 +1,4 @@
+import { computed } from "vue";
 export const KLoaderDefaultProps = {
   loading: {
     type: Boolean,

package/dist/runtime/components/KMaskTextbox/KMaskTextbox.global.d.vue.ts

@@ -37,8 +37,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    modelValue: string;
     placeholder: string;
+    modelValue: string;
     showClear: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/KMaskTextbox/KMaskTextbox.global.vue.d.ts

@@ -37,8 +37,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    modelValue: string;
     placeholder: string;
+    modelValue: string;
     showClear: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/KTree/KTree.global.d.vue.ts

@@ -65,9 +65,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
 }>> & Readonly<{}>, {
-    disabled: boolean;
     searchtext: string;
     labelField: string;
+    disabled: boolean;
     multiSelect: boolean;
     iconField: string;
     isNodeSelected: (node: any) => boolean;

package/dist/runtime/components/KTree/KTree.global.vue.d.ts

@@ -65,9 +65,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
 }>> & Readonly<{}>, {
-    disabled: boolean;
     searchtext: string;
     labelField: string;
+    disabled: boolean;
     multiSelect: boolean;
     iconField: string;
     isNodeSelected: (node: any) => boolean;

package/dist/runtime/components/KTreePicker/KTreePicker.global.d.vue.ts

@@ -103,17 +103,17 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onChange?: ((value: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
-    disabled: boolean;
-    loading: boolean;
-    modelValue: any;
+    parentKey: string;
+    idKey: string;
     searchbox: boolean;
+    loading: boolean;
+    disabled: boolean;
     placeholder: string;
     dataProvider: any;
     closeOnSelect: boolean;
     multiSelect: boolean;
+    modelValue: any;
     iconField: string;
-    idKey: string;
-    parentKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KTreePicker/KTreePicker.global.vue.d.ts

@@ -103,17 +103,17 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onChange?: ((value: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
-    disabled: boolean;
-    loading: boolean;
-    modelValue: any;
+    parentKey: string;
+    idKey: string;
     searchbox: boolean;
+    loading: boolean;
+    disabled: boolean;
     placeholder: string;
     dataProvider: any;
     closeOnSelect: boolean;
     multiSelect: boolean;
+    modelValue: any;
     iconField: string;
-    idKey: string;
-    parentKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KTreePicker/KTreePicker.logic.d.ts

@@ -0,0 +1,77 @@
+import type { ADataProvider } from '@katlux/providers';
+export interface KTreePickerProps {
+    modelValue?: any;
+    dataProvider: ADataProvider;
+    labelField: string;
+    placeholder?: string;
+    disabled?: boolean;
+    closeOnSelect?: boolean;
+    idKey?: string;
+    parentKey?: string;
+    iconField?: string;
+    loading?: boolean;
+    multiSelect?: boolean;
+    searchbox?: boolean;
+}
+export declare const KTreePickerDefaultProps: {
+    modelValue: {
+        type: PropType<any>;
+        default: null;
+    };
+    dataProvider: {
+        type: PropType<ADataProvider>;
+        required: boolean;
+    };
+    labelField: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    idKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    parentKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconField: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare function useKTreePickerLogic(props: KTreePickerProps, emit: any): {
+    selectedItems: import("vue").Ref<import("@katlux/providers").TDataRow[] | null, import("@katlux/providers").TDataRow[] | null>;
+    isOptionsOpen: import("vue").Ref<boolean, boolean>;
+    searchtext: import("vue").Ref<string, string>;
+    selectItem: (option: import("../KCombobox/KCombobox.logic.js").ComboboxItem) => void;
+    isSelected: (option: import("../KCombobox/KCombobox.logic.js").ComboboxItem) => boolean | undefined;
+    getSelectedContent: () => import("@katlux/providers").TDataRow[];
+    toggleDropdown: () => void;
+    closeDropdown: () => void;
+    filteredOptions: import("vue").ComputedRef<import("@katlux/providers").TDataRow[]>;
+    loading: import("vue").Ref<Boolean, Boolean>;
+};

package/dist/runtime/components/KTreeView/KTreeView.global.d.vue.ts

@@ -81,14 +81,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: () => {};
     };
 }>> & Readonly<{}>, {
+    parentKey: string;
+    idKey: string;
+    expandedByDefault: boolean;
     bulkActions: import("@katlux/providers").IKDatatableAction[];
     rowActions: import("./KTreeView.logic.js").IRowAction[];
     cellSlots: Record<string, any>;
     headerSlots: Record<string, any>;
     treeColumnIndex: number;
-    idKey: string;
-    parentKey: string;
-    expandedByDefault: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KTreeView/KTreeView.global.vue.d.ts

@@ -81,14 +81,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: () => {};
     };
 }>> & Readonly<{}>, {
+    parentKey: string;
+    idKey: string;
+    expandedByDefault: boolean;
     bulkActions: import("@katlux/providers").IKDatatableAction[];
     rowActions: import("./KTreeView.logic.js").IRowAction[];
     cellSlots: Record<string, any>;
     headerSlots: Record<string, any>;
     treeColumnIndex: number;
-    idKey: string;
-    parentKey: string;
-    expandedByDefault: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/presets/default/components/KCombobox/KCombobox.vue

@@ -23,6 +23,7 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 import KComboboxList from "./KComboboxList.vue";
 const props = defineProps({
   disabled: { type: Boolean, required: true },

package/dist/runtime/presets/default/components/KCombobox/KComboboxList.vue

@@ -15,6 +15,7 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 const props = defineProps({
   searchbox: { type: Boolean, required: true },
   searchtext: { type: String, required: true },

package/dist/runtime/presets/default/components/KTextbox/KTextbox.vue

@@ -5,6 +5,7 @@ KGrid(align="center" noGap).KTextbox
 </template>
 
 <script setup>
+import { computed } from "vue";
 const props = defineProps({
   text: { type: String, required: true },
   showClearIcon: { type: Boolean, required: true },

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@katlux/toolkit",
-	"version": "0.1.0-beta.5",
+	"version": "0.1.0-beta.8",
 	"description": "Core UI toolkit and utilities for the Katlux ecosystem",
 	"author": "Katlux",
 	"license": "MIT",