@katlux/toolkit 0.1.0-beta.43 → 0.1.0-beta.44

package/dist/module.json

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

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

@@ -86,13 +86,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onUpdate:modelValue"?: ((value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any) | undefined;
 }>, {
     disabled: boolean;
-    modelValue: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null;
-    visibleFields: String[];
     searchbox: boolean;
     placeholder: string;
     closeOnSelect: boolean;
     multiSelect: boolean;
     maxSelectedDisplay: string | number | boolean;
+    visibleFields: String[];
+    modelValue: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null;
 }, {}, {}, {}, 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

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

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

@@ -7,6 +7,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
         type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
@@ -15,7 +23,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | Date) => any;
+    "update:maskedModel": (value: string) => any;
+    "update:calendarShow": (value: boolean) => any;
+    "update:day": (value: string | Date) => any;
+    "update:isOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     format: {
         type: StringConstructor;
         default: string;
@@ -24,6 +38,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
         type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
@@ -32,8 +54,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:maskedModel"?: ((value: string) => any) | undefined;
+    "onUpdate:calendarShow"?: ((value: boolean) => any) | undefined;
+    "onUpdate:day"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    isOpen: boolean;
     day: string | Date;
+    modelValue: string | Date;
     format: string;
     calendarDefinedDays: IDefinedDay[];
     calendarMarkedDays: IMarkedDay[];

package/dist/runtime/components/KDatePicker/KDatePicker.global.vue

@@ -1,9 +1,10 @@
 <script setup>
 import { useKDatePickerLogic, KDatePickerDefaultProps } from "./KDatePicker.logic";
 import { usePresetComponent } from "../../composables/usePresetComponent";
-import { computed } from "vue";
+import { computed, watch } from "vue";
 import KDatePickerDefault from "../../presets/default/components/KDatePicker/KDatePicker.vue";
 const props = defineProps(KDatePickerDefaultProps);
+const emit = defineEmits(["update:maskedModel", "update:calendarShow", "update:day", "update:modelValue", "update:isOpen"]);
 const {
   _date,
   maskedModel,
@@ -33,6 +34,13 @@ const updateCalendarShow = (val) => {
 const handleDateSelected = (date) => {
   dateSelected(date);
 };
+watch(_date, (newDate) => {
+  emit("update:day", newDate);
+  emit("update:modelValue", newDate);
+});
+watch(calendarShow, (newVal) => {
+  emit("update:isOpen", newVal);
+});
 </script>
 
 <template lang="pug">

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

@@ -7,6 +7,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
         type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
@@ -15,7 +23,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | Date) => any;
+    "update:maskedModel": (value: string) => any;
+    "update:calendarShow": (value: boolean) => any;
+    "update:day": (value: string | Date) => any;
+    "update:isOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     format: {
         type: StringConstructor;
         default: string;
@@ -24,6 +38,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
         type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
@@ -32,8 +54,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:maskedModel"?: ((value: string) => any) | undefined;
+    "onUpdate:calendarShow"?: ((value: boolean) => any) | undefined;
+    "onUpdate:day"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    isOpen: boolean;
     day: string | Date;
+    modelValue: string | Date;
     format: string;
     calendarDefinedDays: IDefinedDay[];
     calendarMarkedDays: IMarkedDay[];

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

@@ -3,6 +3,8 @@ import type { IMarkedDay, IDefinedDay } from '@katlux/toolkit/components/KCalend
 export interface KDatePickerProps {
     format: string;
     day?: Date | string;
+    modelValue?: Date | string;
+    isOpen?: boolean;
     calendarDefinedDays: IDefinedDay[];
     calendarMarkedDays: IMarkedDay[];
 }
@@ -15,6 +17,14 @@ export declare const KDatePickerDefaultProps: {
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
         type: PropType<IDefinedDay[]>;
         default: () => never[];

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

@@ -1,4 +1,4 @@
-import { ref, onMounted, computed } from "vue";
+import { ref, watch, onMounted, computed } from "vue";
 export const KDatePickerDefaultProps = {
   format: {
     type: String,
@@ -8,6 +8,14 @@ export const KDatePickerDefaultProps = {
     type: [Date, String],
     default: void 0
   },
+  modelValue: {
+    type: [Date, String],
+    default: void 0
+  },
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
   calendarDefinedDays: {
     type: Array,
     default: () => []
@@ -44,11 +52,46 @@ export function useKDatePickerLogic(props) {
     return formattedDate;
   };
   onMounted(() => {
-    maskedModel.value = _date.value.toString();
+    if (props.modelValue) {
+      _date.value = props.modelValue;
+    } else if (props.day) {
+      _date.value = props.day;
+    }
+    if (props.isOpen) {
+      calendarShow.value = props.isOpen;
+    }
+    if (_date.value) {
+      const initialDate = _date.value instanceof Date ? _date.value : new Date(_date.value);
+      if (!isNaN(initialDate.getTime())) {
+        maskedModel.value = formatDate(initialDate);
+      }
+    }
   });
+  watch(() => props.day, (newDay) => {
+    if (newDay) {
+      _date.value = newDay;
+      syncMaskedModel(newDay);
+    }
+  });
+  watch(() => props.modelValue, (newVal) => {
+    if (newVal) {
+      _date.value = newVal;
+      syncMaskedModel(newVal);
+    }
+  });
+  watch(() => props.isOpen, (newVal) => {
+    calendarShow.value = !!newVal;
+  });
+  const syncMaskedModel = (val) => {
+    const d = val instanceof Date ? val : new Date(val);
+    if (!isNaN(d.getTime())) {
+      maskedModel.value = formatDate(d);
+    }
+  };
   const calendarDay = computed(() => {
-    if (props.day) {
-      return props.day;
+    const val = props.modelValue || props.day;
+    if (val) {
+      return val;
     }
     return /* @__PURE__ */ new Date();
   });

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

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

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

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

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/KTreePicker/KTreePicker.global.d.vue.ts

@@ -107,12 +107,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     idKey: string;
     disabled: boolean;
     loading: boolean;
-    modelValue: any;
-    dataProvider: any;
     searchbox: boolean;
     placeholder: string;
+    dataProvider: any;
     closeOnSelect: boolean;
     multiSelect: boolean;
+    modelValue: any;
     iconField: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -107,12 +107,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     idKey: string;
     disabled: boolean;
     loading: boolean;
-    modelValue: any;
-    dataProvider: any;
     searchbox: boolean;
     placeholder: string;
+    dataProvider: any;
     closeOnSelect: boolean;
     multiSelect: boolean;
+    modelValue: any;
     iconField: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

package/package.json

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