@svar-ui/svelte-calendar 2.6.0

package/dist/components/TodayButton.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">import { getContext } from "svelte";
+import { Button } from "@svar-ui/svelte-core";
+const store = getContext("calendar-api");
+const _ = getContext("wx-i18n").getGroup("eventCalendar");
+function today() {
+	store.exec("navigate-time", { direction: "now" });
+}
+</script>
+
+<Button onclick={today}>{_("Today")}</Button>
+

package/dist/components/TodayButton.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TodayButton: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TodayButton = InstanceType<typeof TodayButton>;
+export default TodayButton;

package/dist/components/editorItems.d.ts

@@ -0,0 +1,15 @@
+export declare function getEditorItems(): ({
+    comp: string;
+    key: string;
+    label: string;
+    time?: undefined;
+    config?: undefined;
+} | {
+    comp: string;
+    key: string;
+    label: string;
+    time: boolean;
+    config: {
+        buttons: boolean;
+    };
+})[];

package/dist/components/editorItems.js

@@ -0,0 +1,20 @@
+export function getEditorItems() {
+    return [
+        { comp: "text", key: "text", label: "Text" },
+        {
+            comp: "date-time-picker",
+            key: "start",
+            label: "Start date",
+            time: true,
+            config: { buttons: false },
+        },
+        {
+            comp: "date-time-picker",
+            key: "end",
+            label: "End date",
+            time: true,
+            config: { buttons: false },
+        },
+        { comp: "checkbox", key: "allDay", label: "All day" },
+    ];
+}

package/dist/components/types.d.ts

@@ -0,0 +1,29 @@
+import type { EventBus } from "@svar-ui/lib-state";
+import type { Brandmark, CalendarStore, FormatFactory, StoreActions } from "@svar-ui/calendar-store";
+export type ViewOption = {
+    id: string;
+    label: string;
+};
+type CalendarEventBus = EventBus<StoreActions, keyof StoreActions>;
+type CalendarApi = {
+    getState: CalendarStore["getState"];
+    getReactiveState: CalendarStore["getReactive"];
+    exec: CalendarEventBus["exec"];
+    fmt: FormatFactory;
+    getEvent: CalendarStore["getEvent"];
+};
+export type CalendarContextApi = CalendarApi & {
+    getBrandmark: () => Brandmark | null;
+};
+export type CalendarInstanceApi = CalendarApi & {
+    getStores: () => {
+        data: CalendarStore;
+    };
+    setNext: (handler: any) => any;
+    intercept: CalendarEventBus["intercept"];
+    on: CalendarEventBus["on"];
+    detach: CalendarEventBus["detach"];
+    getEvents: CalendarStore["getEvents"];
+    getEvent: CalendarStore["getEvent"];
+};
+export {};

package/dist/components/types.js

@@ -0,0 +1 @@
+export {};

package/dist/directives/clickdate.d.ts

@@ -0,0 +1,8 @@
+import type { StoreActions } from "@svar-ui/calendar-store";
+export interface ClickDateOptions {
+    exec: (action: keyof StoreActions, data: any) => unknown;
+}
+export declare function clickdate(node: HTMLElement, options: ClickDateOptions): {
+    update(newOpts: ClickDateOptions): void;
+    destroy(): void;
+};

package/dist/directives/clickdate.js

@@ -0,0 +1,45 @@
+const CLICK_THRESHOLD = 3;
+export function clickdate(node, options) {
+    let opts = options;
+    let startX = 0;
+    let startY = 0;
+    let target = null;
+    function handleMouseDown(e) {
+        if (e.button !== 0)
+            return;
+        startX = e.clientX;
+        startY = e.clientY;
+        target = e.target;
+    }
+    function handleMouseUp(e) {
+        if (!target)
+            return;
+        const dx = Math.abs(e.clientX - startX);
+        const dy = Math.abs(e.clientY - startY);
+        if (dx > CLICK_THRESHOLD || dy > CLICK_THRESHOLD) {
+            target = null;
+            return;
+        }
+        const el = target.closest("[data-date]");
+        target = null;
+        if (!el)
+            return;
+        const raw = el.getAttribute("data-date");
+        if (!raw)
+            return;
+        const [y, m, d] = raw.split("-").map(Number);
+        const date = new Date(y, m - 1, d);
+        opts.exec("navigate-to", { date, view: "day" });
+    }
+    node.addEventListener("mousedown", handleMouseDown);
+    node.addEventListener("mouseup", handleMouseUp);
+    return {
+        update(newOpts) {
+            opts = newOpts;
+        },
+        destroy() {
+            node.removeEventListener("mousedown", handleMouseDown);
+            node.removeEventListener("mouseup", handleMouseUp);
+        },
+    };
+}

package/dist/directives/clickevent.d.ts

@@ -0,0 +1,15 @@
+import type { CalendarEvent, StoreActions } from "@svar-ui/calendar-store";
+export interface EventPopupInfo {
+    eventId: string | number;
+    element: HTMLElement;
+}
+export type ExecFn = (action: keyof StoreActions, data: any) => unknown;
+export interface ClickEventOptions {
+    exec: ExecFn;
+    onEventPopup?: ((info: EventPopupInfo | null) => void) | null;
+    getEvent: (id: string | number) => CalendarEvent | undefined;
+}
+export declare function clickevent(node: HTMLElement, options: ClickEventOptions): {
+    update(newOpts: ClickEventOptions): void;
+    destroy(): void;
+};

package/dist/directives/clickevent.js

@@ -0,0 +1,54 @@
+import { getID, locate } from "@svar-ui/lib-dom";
+const CLICK_THRESHOLD = 3;
+export function clickevent(node, options) {
+    let opts = options;
+    let startX = 0;
+    let startY = 0;
+    let target = null;
+    function handleMouseDown(e) {
+        if (e.button !== 0)
+            return;
+        startX = e.clientX;
+        startY = e.clientY;
+        target = e.target;
+    }
+    function handleMouseUp(e) {
+        if (!target)
+            return;
+        const dx = Math.abs(e.clientX - startX);
+        const dy = Math.abs(e.clientY - startY);
+        if (dx > CLICK_THRESHOLD || dy > CLICK_THRESHOLD) {
+            target = null;
+            return;
+        }
+        const node = locate(target);
+        const event = node ? opts.getEvent(getID(node)) : null;
+        target = null;
+        if (opts.onEventPopup) {
+            if (!event) {
+                opts.onEventPopup(null);
+                return;
+            }
+            opts.onEventPopup({
+                eventId: event.id,
+                element: node,
+            });
+        }
+        else {
+            if (!event)
+                return;
+            opts.exec("select-event", { id: event.id });
+        }
+    }
+    node.addEventListener("mousedown", handleMouseDown);
+    node.addEventListener("mouseup", handleMouseUp);
+    return {
+        update(newOpts) {
+            opts = newOpts;
+        },
+        destroy() {
+            node.removeEventListener("mousedown", handleMouseDown);
+            node.removeEventListener("mouseup", handleMouseUp);
+        },
+    };
+}

package/dist/directives/drag.d.ts

@@ -0,0 +1,19 @@
+import type { CalendarEvent, EventID, ScaleUnit, SectionMode, StoreActions, ViewModel } from "@svar-ui/calendar-store";
+export interface DragOptions {
+    mode: SectionMode;
+    dx: number;
+    dy: number;
+    xHeaders: ScaleUnit[][] | null;
+    yHeaders: ScaleUnit[][] | null;
+    sectionName: string;
+    model: ViewModel;
+    exec: (action: keyof StoreActions, data: any) => unknown;
+    move: boolean;
+    getEvent: (id: EventID) => CalendarEvent | undefined;
+    clipDrag: boolean;
+    create: boolean;
+}
+export declare function drag(node: HTMLElement, options: DragOptions): {
+    update(newOpts: DragOptions): void;
+    destroy(): void;
+};