@katlux/toolkit 0.1.0-beta.1 → 0.1.0-beta.2

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

@@ -0,0 +1,73 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    startHour: {
+        type: StringConstructor;
+        default: string;
+    };
+    endHour: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    startHour: {
+        type: StringConstructor;
+        default: string;
+    };
+    endHour: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    placeholder: string;
+    format: string;
+    step: number;
+    startHour: string;
+    endHour: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,46 @@
+export interface KHourPickerProps {
+    step?: number;
+    format?: string;
+    startHour?: string;
+    endHour?: string;
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+}
+export declare const KHourPickerDefaultProps: {
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    startHour: {
+        type: StringConstructor;
+        default: string;
+    };
+    endHour: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare function useKHourPickerLogic(props: KHourPickerProps, emit: (event: string, ...args: any[]) => void): {
+    isOpen: import("vue").Ref<boolean, boolean>;
+    inputValue: import("vue").Ref<string, string>;
+    toggleDropdown: () => void;
+    closeDropdown: () => void;
+    onTimeSelect: (time: string) => void;
+};

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

@@ -0,0 +1,58 @@
+import { ref, watch } from "vue";
+export const KHourPickerDefaultProps = {
+  step: {
+    type: Number,
+    default: 30
+    // minutes
+  },
+  format: {
+    type: String,
+    default: "HH:mm"
+  },
+  startHour: {
+    type: String,
+    default: "00:00"
+  },
+  endHour: {
+    type: String,
+    default: void 0
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+};
+export function useKHourPickerLogic(props, emit) {
+  const isOpen = ref(false);
+  const inputValue = ref(props.modelValue || "");
+  const toggleDropdown = () => {
+    if (props.disabled) return;
+    isOpen.value = !isOpen.value;
+  };
+  const closeDropdown = () => {
+    isOpen.value = false;
+  };
+  const onTimeSelect = (time) => {
+    inputValue.value = time;
+    emit("update:modelValue", time);
+    closeDropdown();
+  };
+  watch(() => props.modelValue, (val) => {
+    inputValue.value = val || "";
+  });
+  return {
+    isOpen,
+    inputValue,
+    toggleDropdown,
+    closeDropdown,
+    onTimeSelect
+  };
+}

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

@@ -0,0 +1,55 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    startHour: {
+        type: StringConstructor;
+        default: string;
+    };
+    endHour: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    startHour: {
+        type: StringConstructor;
+        default: string;
+    };
+    endHour: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    modelValue: string;
+    format: string;
+    step: number;
+    startHour: string;
+    endHour: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,30 @@
+<script setup>
+import { useKHourSelectLogic, KHourSelectDefaultProps } from "./KHourSelect.logic";
+import { usePresetComponent } from "../../composables/usePresetComponent";
+import { computed } from "vue";
+import KHourSelectDefault from "../../presets/default/components/KHourSelect/KHourSelect.vue";
+const props = defineProps(KHourSelectDefaultProps);
+const emit = defineEmits(["update:modelValue"]);
+const {
+  timeSlots,
+  selectedTime,
+  selectTime
+} = useKHourSelectLogic(props);
+const presetComponent = usePresetComponent("KHourSelect", KHourSelectDefault);
+const templateProps = computed(() => ({
+  timeSlots: timeSlots.value,
+  selectedTime: selectedTime.value,
+  selectTime: handleSelectTime
+}));
+const handleSelectTime = (time) => {
+  selectTime(time);
+  emit("update:modelValue", time);
+};
+</script>
+
+<template lang="pug">
+component(
+	:is="presetComponent" 
+	v-bind="templateProps"
+)
+</template>

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

@@ -0,0 +1,55 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    startHour: {
+        type: StringConstructor;
+        default: string;
+    };
+    endHour: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    startHour: {
+        type: StringConstructor;
+        default: string;
+    };
+    endHour: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    modelValue: string;
+    format: string;
+    step: number;
+    startHour: string;
+    endHour: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,34 @@
+export interface KHourSelectProps {
+    step?: number;
+    format?: string;
+    startHour?: string;
+    endHour?: string;
+    modelValue?: string;
+}
+export declare const KHourSelectDefaultProps: {
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    startHour: {
+        type: StringConstructor;
+        default: string;
+    };
+    endHour: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export declare function useKHourSelectLogic(props: KHourSelectProps): {
+    timeSlots: import("vue").ComputedRef<string[]>;
+    selectedTime: import("vue").Ref<string, string>;
+    selectTime: (time: string) => void;
+};

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

@@ -0,0 +1,69 @@
+import { ref, computed } from "vue";
+export const KHourSelectDefaultProps = {
+  step: {
+    type: Number,
+    default: 30
+    // minutes
+  },
+  format: {
+    type: String,
+    default: "HH:mm"
+  },
+  startHour: {
+    type: String,
+    default: "00:00"
+  },
+  endHour: {
+    type: String,
+    default: void 0
+    // will be computed as one step before 00:00
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  }
+};
+export function useKHourSelectLogic(props) {
+  const selectedTime = ref(props.modelValue || "");
+  const timeSlots = computed(() => {
+    const slots = [];
+    const stepMinutes = props.step || 30;
+    const [startHourNum, startMinNum] = (props.startHour || "00:00").split(":").map(Number);
+    let totalMinutes = startHourNum * 60 + startMinNum;
+    let endTotalMinutes;
+    if (props.endHour) {
+      const [endHourNum, endMinNum] = props.endHour.split(":").map(Number);
+      endTotalMinutes = endHourNum * 60 + endMinNum;
+    } else {
+      endTotalMinutes = 24 * 60 - stepMinutes;
+    }
+    while (totalMinutes <= endTotalMinutes) {
+      const hours = Math.floor(totalMinutes / 60);
+      const minutes = totalMinutes % 60;
+      const timeStr = formatTime(hours, minutes, props.format || "HH:mm");
+      slots.push(timeStr);
+      totalMinutes += stepMinutes;
+    }
+    return slots;
+  });
+  const formatTime = (hours, minutes, format) => {
+    const h24 = hours;
+    const h12 = hours % 12 || 12;
+    const period = hours < 12 ? "AM" : "PM";
+    let formatted = format;
+    formatted = formatted.replace("HH", h24.toString().padStart(2, "0"));
+    formatted = formatted.replace("hh", h12.toString().padStart(2, "0"));
+    formatted = formatted.replace("mm", minutes.toString().padStart(2, "0"));
+    formatted = formatted.replace("A", period);
+    formatted = formatted.replace("a", period.toLowerCase());
+    return formatted;
+  };
+  const selectTime = (time) => {
+    selectedTime.value = time;
+  };
+  return {
+    timeSlots,
+    selectedTime,
+    selectTime
+  };
+}

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

@@ -0,0 +1,41 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    iconname: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rotate: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    iconname: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rotate: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    rotate: string | number;
+    width: string | number;
+    height: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,19 @@
+<script setup>
+import { useKIconLogic, KIconDefaultProps } from "./KIcon.logic";
+import { usePresetComponent } from "../../composables/usePresetComponent";
+import { computed } from "vue";
+import KIconDefault from "../../presets/default/components/KIcon/KIcon.vue";
+const props = defineProps(KIconDefaultProps);
+const { widthPx, heightPx, iconComponent } = useKIconLogic(props);
+const presetComponent = usePresetComponent("KIcon", KIconDefault);
+const templateProps = computed(() => ({
+  widthPx: widthPx.value,
+  heightPx: heightPx.value,
+  iconComponent: iconComponent.value,
+  rotate: props.rotate
+}));
+</script>
+
+<template lang="pug">
+component(:is="presetComponent" v-bind="templateProps")
+</template>

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

@@ -0,0 +1,41 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    iconname: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rotate: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    iconname: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rotate: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    rotate: string | number;
+    width: string | number;
+    height: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,29 @@
+export interface KIconProps {
+    iconname: string;
+    width?: number | string;
+    height?: number | string;
+    rotate?: number | string;
+}
+export declare const KIconDefaultProps: {
+    iconname: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rotate: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export declare function useKIconLogic(props: KIconProps): {
+    widthPx: import("vue").ComputedRef<string | undefined>;
+    heightPx: import("vue").ComputedRef<string>;
+    iconComponent: import("vue").ComputedRef<any>;
+};

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

@@ -0,0 +1,41 @@
+import { computed } from "vue";
+export const KIconDefaultProps = {
+  iconname: {
+    type: String,
+    required: true
+  },
+  width: {
+    type: [Number, String],
+    default: void 0
+  },
+  height: {
+    type: [Number, String],
+    default: 12
+  },
+  rotate: {
+    type: [Number, String],
+    default: 0
+  }
+};
+export function useKIconLogic(props) {
+  const modules = import.meta.glob("../../presets/default/assets/svg/*.svg", { eager: true });
+  const iconMap = {};
+  for (const path in modules) {
+    const match = path.match(/([^/]+)\.svg$/);
+    if (match) {
+      iconMap[match[1]] = modules[path].default;
+    }
+  }
+  const widthPx = computed(
+    () => typeof props.width === "number" || typeof props.width === "string" ? `${props.width}px` : props.width
+  );
+  const heightPx = computed(
+    () => typeof props.height === "number" || typeof props.height === "string" ? `${props.height}px` : props.height ? props.height : "12px"
+  );
+  const iconComponent = computed(() => iconMap[props.iconname] || null);
+  return {
+    widthPx,
+    heightPx,
+    iconComponent
+  };
+}

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

@@ -0,0 +1,33 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: any;
+    overlay: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,22 @@
+<script setup>
+import { computed } from "vue";
+import { useKLoaderLogic, KLoaderDefaultProps } from "./KLoader.logic";
+import { usePresetComponent } from "../../composables/usePresetComponent";
+import KLoaderDefault from "../../presets/default/components/KLoader/KLoader.vue";
+const props = defineProps(KLoaderDefaultProps);
+const { loaderClasses } = useKLoaderLogic(props);
+const presetComponent = usePresetComponent("KLoader", KLoaderDefault);
+const templateProps = computed(() => ({
+  loading: props.loading,
+  overlay: props.overlay,
+  size: props.size,
+  loaderClasses: loaderClasses.value
+}));
+</script>
+
+<template lang="pug">
+component(
+	:is="presetComponent" 
+	v-bind="templateProps"
+)
+</template>

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

@@ -0,0 +1,33 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: any;
+    overlay: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;