@squirkle-ui/calendar 0.0.0-stage → 0.1.1

package/dist/types/SqCalendar.vue.d.ts

@@ -0,0 +1,605 @@
+import { type PropType } from 'vue';
+import { type CalendarEvent, type Placed } from './layout';
+type View = 'month' | 'week' | 'day';
+/** Event calendar: month / week / day views, overlapping-event layout, drag to move & resize (editable). */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Focused date (ISO `YYYY-MM-DD`). */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    view: {
+        type: PropType<View>;
+        default: string;
+    };
+    views: {
+        type: PropType<View[]>;
+        default: () => string[];
+    };
+    events: {
+        type: PropType<CalendarEvent[]>;
+        default: () => never[];
+    };
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    editable: BooleanConstructor;
+    /** Minutes the drag snaps to. */
+    snap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hourHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxEvents: {
+        type: NumberConstructor;
+        default: number;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hour12: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, {
+    viewModel: import("vue").WritableComputedRef<View, View>;
+    viewLabels: Record<View, string>;
+    weekdays: import("vue").ComputedRef<string[]>;
+    title: import("vue").ComputedRef<string>;
+    monthDays: import("vue").ComputedRef<{
+        date: Date;
+        key: string;
+        inMonth: boolean;
+        today: boolean;
+        events: import("./layout").NormEvent[];
+    }[]>;
+    columns: import("vue").ComputedRef<{
+        date: Date;
+        key: string;
+        weekday: string;
+        today: boolean;
+        placed: Placed[];
+        allDay: import("./layout").NormEvent[];
+    }[]>;
+    shift: (d: number) => void;
+    today: () => string;
+    goDay: (d: Date) => void;
+    colorOf: (ev: CalendarEvent) => string | undefined;
+    time: (d: Date) => string;
+    hourLabel: (h: number) => string;
+    nowTop: import("vue").ComputedRef<number>;
+    dragId: import("vue").Ref<string | number | null, string | number | null>;
+    dropKey: import("vue").Ref<string, string>;
+    onMonthDrop: (date: Date) => void;
+    scroller: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    dragState: import("vue").Ref<{
+        id: string | number;
+        mode: "move" | "resize";
+        dMin: number;
+        dDay: number;
+    } | null, {
+        id: string | number;
+        mode: "move" | "resize";
+        dMin: number;
+        dDay: number;
+    } | {
+        id: string | number;
+        mode: "move" | "resize";
+        dMin: number;
+        dDay: number;
+    } | null>;
+    moved: import("vue").Ref<boolean, boolean>;
+    startDrag: (e: PointerEvent, p: Placed, mode: "move" | "resize") => void;
+    previewStart: (p: Placed) => Date;
+    previewEnd: (p: Placed) => Date;
+    eventStyle: (p: Placed) => {
+        top: string;
+        height: string;
+        left: string;
+        width: string;
+        transform: string | undefined;
+        '--sq-ev': string | undefined;
+    };
+    onSlotClick: (e: MouseEvent, date: Date) => void;
+    toUnit: (v: string | number | undefined | null, unit?: string) => string | undefined;
+    messages: import("vue").ComputedRef<{
+        close: string;
+        clear: string;
+        loading: string;
+        noData: string;
+        noResults: string;
+        search: string;
+        selectAll: string;
+        today: string;
+        previous: string;
+        next: string;
+        rowsPerPage: string;
+        pageRange: string;
+        required: string;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:view" | "click:event" | "click:date" | "click:time" | "event-change")[], "update:modelValue" | "update:view" | "click:event" | "click:date" | "click:time" | "event-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Focused date (ISO `YYYY-MM-DD`). */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    view: {
+        type: PropType<View>;
+        default: string;
+    };
+    views: {
+        type: PropType<View[]>;
+        default: () => string[];
+    };
+    events: {
+        type: PropType<CalendarEvent[]>;
+        default: () => never[];
+    };
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    editable: BooleanConstructor;
+    /** Minutes the drag snaps to. */
+    snap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hourHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxEvents: {
+        type: NumberConstructor;
+        default: number;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hour12: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:view"?: ((...args: any[]) => any) | undefined;
+    "onClick:event"?: ((...args: any[]) => any) | undefined;
+    "onClick:date"?: ((...args: any[]) => any) | undefined;
+    "onClick:time"?: ((...args: any[]) => any) | undefined;
+    "onEvent-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string;
+    editable: boolean;
+    view: View;
+    views: View[];
+    events: CalendarEvent[];
+    firstDayOfWeek: number;
+    snap: number;
+    hourHeight: number;
+    height: string | number;
+    maxEvents: number;
+    locale: string;
+    hour12: boolean;
+}, {}, {
+    SqBtn: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        text: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        variant: {
+            type: PropType<import("@squirkle-ui/ui").Variant>;
+            default: import("@squirkle-ui/ui").Variant;
+        };
+        color: {
+            default: string;
+            type: StringConstructor;
+        };
+        size: {
+            type: PropType<import("@squirkle-ui/ui").Size>;
+            default: string;
+        };
+        rounded: {
+            type: PropType<import("@squirkle-ui/ui").Rounded>;
+            default: undefined;
+        };
+        icon: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        prependIcon: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        appendIcon: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        block: BooleanConstructor;
+        loading: BooleanConstructor;
+        disabled: BooleanConstructor;
+        active: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        elevation: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        href: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        to: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        type: {
+            type: PropType<"button" | "submit" | "reset">;
+            default: string;
+        };
+        value: {
+            type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+    }>, {
+        tag: import("vue").ComputedRef<"button" | "router-link" | "a">;
+        style: import("vue").ComputedRef<{
+            "--sq-shadow"?: undefined;
+            "--sq-shadow-filter"?: undefined;
+            "--sq-r": string;
+        } | {
+            "--sq-shadow": string;
+            "--sq-shadow-filter": string;
+            "--sq-r": string;
+        }>;
+        classes: import("vue").ComputedRef<(string | {
+            "sq-btn--icon": boolean;
+            "sq-btn--block": boolean;
+            "sq-btn--loading": boolean;
+            "sq-btn--active": boolean;
+            "sq-disabled": boolean;
+        })[]>;
+        iconName: import("vue").ComputedRef<string | undefined>;
+        isActive: import("vue").ComputedRef<boolean>;
+        isDisabled: import("vue").ComputedRef<boolean>;
+        toggleable: boolean;
+        onClick: (e: MouseEvent) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        text: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        variant: {
+            type: PropType<import("@squirkle-ui/ui").Variant>;
+            default: import("@squirkle-ui/ui").Variant;
+        };
+        color: {
+            default: string;
+            type: StringConstructor;
+        };
+        size: {
+            type: PropType<import("@squirkle-ui/ui").Size>;
+            default: string;
+        };
+        rounded: {
+            type: PropType<import("@squirkle-ui/ui").Rounded>;
+            default: undefined;
+        };
+        icon: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        prependIcon: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        appendIcon: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        block: BooleanConstructor;
+        loading: BooleanConstructor;
+        disabled: BooleanConstructor;
+        active: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        elevation: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        href: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        to: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        type: {
+            type: PropType<"button" | "submit" | "reset">;
+            default: string;
+        };
+        value: {
+            type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        loading: boolean;
+        icon: string | boolean;
+        type: "button" | "submit" | "reset";
+        active: boolean;
+        text: string;
+        size: import("@squirkle-ui/ui").Size;
+        color: string;
+        rounded: import("@squirkle-ui/ui").Rounded;
+        block: boolean;
+        disabled: boolean;
+        variant: import("@squirkle-ui/ui").Variant;
+        prependIcon: string;
+        appendIcon: string;
+        elevation: string | number;
+        href: string;
+        to: string | Record<string, any>;
+        value: string | number | boolean | Record<string, any>;
+    }, {}, {
+        SqShape: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            watchKey: {
+                type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            clip: BooleanConstructor;
+        }>, {
+            active: import("vue").Ref<boolean, boolean>;
+            w: import("vue").Ref<number, number>;
+            h: import("vue").Ref<number, number>;
+            bw: import("vue").Ref<number, number>;
+            d: import("vue").ComputedRef<string>;
+            strokeD: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            watchKey: {
+                type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            clip: BooleanConstructor;
+        }>> & Readonly<{}>, {
+            clip: boolean;
+            watchKey: string | number | boolean | unknown[] | Record<string, any>;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        SqIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            label: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            clickable: BooleanConstructor;
+        }>, {
+            resolved: import("vue").ComputedRef<import("@squirkle-ui/ui/dist/types/icons").ResolvedIcon>;
+            style: import("vue").ComputedRef<{
+                "--sq-icon-size": string;
+                color: string | undefined;
+            }>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            label: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            clickable: BooleanConstructor;
+        }>> & Readonly<{}>, {
+            label: string;
+            icon: string;
+            clickable: boolean;
+            size: string | number;
+            color: string;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        SqProgressCircular: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: NumberConstructor;
+                default: number;
+            };
+            indeterminate: BooleanConstructor;
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {
+            r: import("vue").ComputedRef<number>;
+            circ: import("vue").ComputedRef<number>;
+            offset: import("vue").ComputedRef<number>;
+            style: import("vue").ComputedRef<{
+                width: string | undefined;
+                height: string | undefined;
+                color: string | undefined;
+            }>;
+            has: (n: string) => boolean;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: NumberConstructor;
+                default: number;
+            };
+            indeterminate: BooleanConstructor;
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            width: number;
+            size: string | number;
+            color: string;
+            indeterminate: boolean;
+            modelValue: number;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    SqBtnToggle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        multiple: BooleanConstructor;
+        mandatory: BooleanConstructor;
+        disabled: BooleanConstructor;
+        divided: BooleanConstructor;
+        rounded: {
+            default: string;
+            type: import("vue").PropType<import("@squirkle-ui/ui").Rounded>;
+        };
+    }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        multiple: BooleanConstructor;
+        mandatory: BooleanConstructor;
+        disabled: BooleanConstructor;
+        divided: BooleanConstructor;
+        rounded: {
+            default: string;
+            type: import("vue").PropType<import("@squirkle-ui/ui").Rounded>;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        modelValue: string | number | boolean | unknown[] | Record<string, any>;
+        rounded: import("@squirkle-ui/ui").Rounded;
+        disabled: boolean;
+        multiple: boolean;
+        divided: boolean;
+        mandatory: boolean;
+    }, {}, {
+        SqBtnGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            rounded: {
+                default: string;
+                type: import("vue").PropType<import("@squirkle-ui/ui").Rounded>;
+            };
+            divided: BooleanConstructor;
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>, {
+            style: import("vue").ComputedRef<{
+                "--sq-r": string;
+                "--sq-bg": string;
+                "--sq-group-color": string | undefined;
+            }>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            rounded: {
+                default: string;
+                type: import("vue").PropType<import("@squirkle-ui/ui").Rounded>;
+            };
+            divided: BooleanConstructor;
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{}>, {
+            color: string;
+            rounded: import("@squirkle-ui/ui").Rounded;
+            divided: boolean;
+        }, {}, {
+            SqShape: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                watchKey: {
+                    type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
+                    default: undefined;
+                };
+                clip: BooleanConstructor;
+            }>, {
+                active: import("vue").Ref<boolean, boolean>;
+                w: import("vue").Ref<number, number>;
+                h: import("vue").Ref<number, number>;
+                bw: import("vue").Ref<number, number>;
+                d: import("vue").ComputedRef<string>;
+                strokeD: import("vue").ComputedRef<string>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                watchKey: {
+                    type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
+                    default: undefined;
+                };
+                clip: BooleanConstructor;
+            }>> & Readonly<{}>, {
+                clip: boolean;
+                watchKey: string | number | boolean | unknown[] | Record<string, any>;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    SqShape: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        watchKey: {
+            type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        clip: BooleanConstructor;
+    }>, {
+        active: import("vue").Ref<boolean, boolean>;
+        w: import("vue").Ref<number, number>;
+        h: import("vue").Ref<number, number>;
+        bw: import("vue").Ref<number, number>;
+        d: import("vue").ComputedRef<string>;
+        strokeD: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        watchKey: {
+            type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        clip: BooleanConstructor;
+    }>> & Readonly<{}>, {
+        clip: boolean;
+        watchKey: string | number | boolean | unknown[] | Record<string, any>;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+import SqCalendar from './SqCalendar.vue';
+export { SqCalendar };
+export * from './layout';
+export declare const componentNames: readonly ["SqCalendar"];
+export default SqCalendar;

package/dist/types/layout.d.ts

@@ -0,0 +1,28 @@
+/** Pure layout helpers for SqCalendar (unit-tested). */
+export interface CalendarEvent {
+    id: string | number;
+    title: string;
+    start: Date | string;
+    end?: Date | string;
+    color?: string;
+    allDay?: boolean;
+    [key: string]: unknown;
+}
+export interface NormEvent {
+    ev: CalendarEvent;
+    start: Date;
+    end: Date;
+}
+export declare function normalizeEvent(ev: CalendarEvent): NormEvent;
+export interface Placed extends NormEvent {
+    col: number;
+    cols: number;
+    top: number;
+    height: number;
+}
+/**
+ * Side-by-side layout for timed events of one day: overlapping events share the width in columns.
+ * top/height are in minutes from midnight.
+ */
+export declare function layoutDay(events: NormEvent[], day: Date): Placed[];
+export declare const eventsOnDay: (events: NormEvent[], day: Date) => NormEvent[];