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

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

@@ -0,0 +1,31 @@
+import { ref, watch, onMounted } from "vue";
+export const KDropdownDefaultProps = {
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
+  fullWidth: {
+    type: Boolean,
+    default: false
+  }
+};
+export function useKDropdownLogic(props, emit) {
+  const open = ref(false);
+  const clickoutside = () => {
+    open.value = false;
+    emit("update:isOpen", open.value);
+  };
+  watch(
+    () => props.isOpen,
+    (newValue) => {
+      open.value = newValue;
+    }
+  );
+  onMounted(() => {
+    open.value = props.isOpen;
+  });
+  return {
+    open,
+    clickoutside
+  };
+}

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

@@ -0,0 +1,172 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    dataProvider: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+    columns: {
+        type: ArrayConstructor;
+        required: boolean;
+    };
+    treeColumnIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bulkActions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    rowActions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    startDate: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    endDate: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    startingPoint: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    endingPoint: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    taskMapping: {
+        type: ObjectConstructor;
+        default: () => import("./KGantt.logic.js").IGanttTaskMapping;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    snapTo: {
+        type: StringConstructor;
+        default: string;
+    };
+    resourceTypeField: {
+        type: StringConstructor;
+        default: string;
+    };
+    taskTypeField: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    cellSlots: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    headerSlots: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {
+    moveTime: (amount: number) => void;
+    zoom: (factor: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedRows": (...args: any[]) => void;
+    "update:selectAll": (...args: any[]) => void;
+    "update:task": (...args: any[]) => void;
+    "update:startingPoint": (...args: any[]) => void;
+    "update:endingPoint": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    dataProvider: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+    columns: {
+        type: ArrayConstructor;
+        required: boolean;
+    };
+    treeColumnIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bulkActions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    rowActions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    startDate: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    endDate: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    startingPoint: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    endingPoint: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    taskMapping: {
+        type: ObjectConstructor;
+        default: () => import("./KGantt.logic.js").IGanttTaskMapping;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    snapTo: {
+        type: StringConstructor;
+        default: string;
+    };
+    resourceTypeField: {
+        type: StringConstructor;
+        default: string;
+    };
+    taskTypeField: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    cellSlots: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    headerSlots: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onUpdate:selectedRows"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectAll"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:task"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:startingPoint"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:endingPoint"?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: string;
+    bulkActions: unknown[];
+    rowActions: unknown[];
+    cellSlots: Record<string, any>;
+    headerSlots: Record<string, any>;
+    startDate: string | number | Date;
+    endDate: string | number | Date;
+    editable: boolean;
+    snapTo: string;
+    resourceTypeField: string;
+    treeColumnIndex: number;
+    taskTypeField: string;
+    endingPoint: string | number | Date;
+    startingPoint: string | number | Date;
+    taskMapping: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,73 @@
+<script setup>
+import { computed, useSlots } from "vue";
+import { useKGanttLogic, KGanttDefaultProps } from "./KGantt.logic";
+import { usePresetComponent } from "#toolkit/composables/usePresetComponent";
+import KGanttDefault from "#toolkit/presets/default/components/KGantt/KGantt.vue";
+const props = defineProps(KGanttDefaultProps);
+const {
+  globalDateRange,
+  totalDuration,
+  resolvedMapping,
+  getTasksForRow,
+  getTaskStyle,
+  moveTime: moveTimeLogic,
+  zoom: zoomLogic,
+  selectedRows,
+  selectAll
+} = useKGanttLogic(props);
+const emit = defineEmits(["update:startingPoint", "update:endingPoint", "update:task", "update:selectedRows", "update:selectAll"]);
+const moveTime = (amount) => {
+  const result = moveTimeLogic(amount, props.startingPoint, props.endingPoint);
+  if (result) {
+    emit("update:startingPoint", result.startingPoint);
+    emit("update:endingPoint", result.endingPoint);
+  }
+};
+const zoom = (factor) => {
+  const result = zoomLogic(factor, props.startingPoint, props.endingPoint);
+  if (result) {
+    emit("update:startingPoint", result.startingPoint);
+    emit("update:endingPoint", result.endingPoint);
+  }
+};
+defineExpose({
+  moveTime,
+  zoom
+});
+const slots = useSlots();
+const presetComponent = usePresetComponent("KGantt", KGanttDefault);
+const templateProps = computed(() => ({
+  dataProvider: props.dataProvider,
+  columns: props.columns,
+  treeColumnIndex: props.treeColumnIndex,
+  bulkActions: props.bulkActions,
+  rowActions: props.rowActions,
+  globalDateRange: globalDateRange.value,
+  totalDuration: totalDuration.value,
+  resolvedMapping: resolvedMapping.value,
+  getTasksForRow,
+  getTaskStyle,
+  editable: props.editable,
+  snapTo: props.snapTo,
+  resourceTypeField: props.resourceTypeField,
+  taskTypeField: props.taskTypeField,
+  startingPoint: props.startingPoint,
+  endingPoint: props.endingPoint,
+  mode: props.mode,
+  moveTime,
+  zoom,
+  selectedRows: selectedRows.value,
+  selectAll: selectAll.value,
+  cellSlots: { ...slots, ...props.cellSlots || {} }
+}));
+</script>
+
+<template lang="pug">
+component(
+	:is="presetComponent" 
+	v-bind="templateProps" 
+	@update:task="$emit('update:task', $event)"
+	@update:selectedRows="$emit('update:selectedRows', $event)"
+	@update:selectAll="$emit('update:selectAll', $event)"
+)
+</template>

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

@@ -0,0 +1,172 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    dataProvider: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+    columns: {
+        type: ArrayConstructor;
+        required: boolean;
+    };
+    treeColumnIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bulkActions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    rowActions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    startDate: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    endDate: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    startingPoint: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    endingPoint: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    taskMapping: {
+        type: ObjectConstructor;
+        default: () => import("./KGantt.logic.js").IGanttTaskMapping;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    snapTo: {
+        type: StringConstructor;
+        default: string;
+    };
+    resourceTypeField: {
+        type: StringConstructor;
+        default: string;
+    };
+    taskTypeField: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    cellSlots: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    headerSlots: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {
+    moveTime: (amount: number) => void;
+    zoom: (factor: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedRows": (...args: any[]) => void;
+    "update:selectAll": (...args: any[]) => void;
+    "update:task": (...args: any[]) => void;
+    "update:startingPoint": (...args: any[]) => void;
+    "update:endingPoint": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    dataProvider: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+    columns: {
+        type: ArrayConstructor;
+        required: boolean;
+    };
+    treeColumnIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bulkActions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    rowActions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    startDate: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    endDate: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    startingPoint: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    endingPoint: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    taskMapping: {
+        type: ObjectConstructor;
+        default: () => import("./KGantt.logic.js").IGanttTaskMapping;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    snapTo: {
+        type: StringConstructor;
+        default: string;
+    };
+    resourceTypeField: {
+        type: StringConstructor;
+        default: string;
+    };
+    taskTypeField: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    cellSlots: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    headerSlots: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onUpdate:selectedRows"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectAll"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:task"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:startingPoint"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:endingPoint"?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: string;
+    bulkActions: unknown[];
+    rowActions: unknown[];
+    cellSlots: Record<string, any>;
+    headerSlots: Record<string, any>;
+    startDate: string | number | Date;
+    endDate: string | number | Date;
+    editable: boolean;
+    snapTo: string;
+    resourceTypeField: string;
+    treeColumnIndex: number;
+    taskTypeField: string;
+    endingPoint: string | number | Date;
+    startingPoint: string | number | Date;
+    taskMapping: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,190 @@
+import type { IKDatatableAction } from '@katlux/providers';
+import type { ITreeViewColumn, IRowAction } from '../KTreeView/KTreeView.logic.js';
+/**
+ * A single task (time block) assigned to a resource.
+ * Resources can have multiple tasks displayed as bars on the timeline.
+ */
+export interface IGanttTask {
+    id: string | number;
+    title: string;
+    startDate: Date | string | number;
+    endDate: Date | string | number;
+    color?: string;
+    appearance?: 'filled' | 'bordered' | 'dashed' | 'shaded';
+    [key: string]: any;
+}
+/**
+ * A resource is a row in the Gantt chart (e.g., a person, machine, team).
+ * It can optionally have child resources (nested) and has a `tasks` array
+ * representing the work assigned to it.
+ */
+export interface IGanttResource {
+    [key: string]: any;
+}
+/**
+ * Mapping configuration for where to find task fields in the resource data.
+ */
+export interface IGanttTaskMapping {
+    /** Field on the resource that contains the tasks array (default: 'tasks') */
+    tasksField?: string;
+    /** Field on each task for start date (default: 'startDate') */
+    startDate?: string;
+    /** Field on each task for end date (default: 'endDate') */
+    endDate?: string;
+    /** Field on each task for display color (default: 'color') */
+    color?: string;
+    /** Field on each task for display title (default: 'title') */
+    title?: string;
+    /** Field on each task for its type constraints (default: 'type') */
+    taskTypeField?: string;
+    /** Field on each task for its visual appearance (default: 'appearance') */
+    appearanceField?: string;
+}
+export interface KGanttProps {
+    dataProvider: any;
+    columns: ITreeViewColumn[];
+    treeColumnIndex?: number;
+    bulkActions?: IKDatatableAction[];
+    rowActions?: IRowAction[];
+    startDate?: Date | string | number;
+    endDate?: Date | string | number;
+    /** @deprecated use startingPoint and endingPoint */
+    startingPoint?: Date | string | number;
+    endingPoint?: Date | string | number;
+    taskMapping?: IGanttTaskMapping;
+    editable?: boolean;
+    snapTo?: string;
+    resourceTypeField?: string;
+    taskTypeField?: string;
+    /** 'date' (Standard calendar) or 'numeric' (Plain numbers) */
+    mode?: 'date' | 'numeric';
+}
+export declare const KGanttDefaultProps: {
+    dataProvider: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+    columns: {
+        type: ArrayConstructor;
+        required: boolean;
+    };
+    treeColumnIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bulkActions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    rowActions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    startDate: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    endDate: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    startingPoint: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    endingPoint: {
+        type: (DateConstructor | NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    taskMapping: {
+        type: ObjectConstructor;
+        default: () => IGanttTaskMapping;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    snapTo: {
+        type: StringConstructor;
+        default: string;
+    };
+    resourceTypeField: {
+        type: StringConstructor;
+        default: string;
+    };
+    taskTypeField: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    cellSlots: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    headerSlots: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+};
+export declare function useKGanttLogic(props: KGanttProps): {
+    globalDateRange: import("vue").ComputedRef<{
+        start: number;
+        end: number;
+    }>;
+    totalDuration: import("vue").ComputedRef<number>;
+    resolvedMapping: import("vue").ComputedRef<{
+        tasksField: string;
+        startDate: string;
+        endDate: string;
+        color: string;
+        title: string;
+        taskTypeField: string;
+        appearanceField: string;
+    }>;
+    getTasksForRow: (row: any) => IGanttTask[];
+    getTaskStyle: (task: any) => {
+        display: string;
+        left?: undefined;
+        width?: undefined;
+        '--task-color'?: undefined;
+    } | {
+        left: string;
+        width: string;
+        '--task-color': any;
+        display?: undefined;
+    };
+    moveTime: (delta: number, startingPoint: any, endingPoint: any) => {
+        startingPoint: string;
+        endingPoint: string;
+    } | {
+        startingPoint: number;
+        endingPoint: number;
+    };
+    zoom: (factor: number, startingPoint: any, endingPoint: any) => {
+        startingPoint: string;
+        endingPoint: string;
+    } | {
+        startingPoint: number;
+        endingPoint: number;
+    } | null;
+    selectedRows: any;
+    selectAll: any;
+};
+export interface IGanttMarker {
+    label: string;
+    position: number;
+}
+/**
+ * Generates ruler/grid markers based on a range.
+ * Supports both Date objects/timestamps and raw numbers.
+ */
+export declare function getGanttMarkers(start: number, end: number, mode?: 'date' | 'numeric'): IGanttMarker[];
+/**
+ * Calculates the minimum width of the Gantt timeline based on markers and min marker width.
+ */
+export declare function calculateGanttMinWidth(startMs: number, endMs: number, minMarkerWidth?: number, mode?: 'date' | 'numeric'): string;
+export declare function getSnapMs(snapTo: string): number;
+export declare function isTaskOverlapping(task: any, tasks: any[], startDateField: string, endDateField: string): boolean;