@bimetal/calendar-vue-components 0.29.0

package/dist/components/Calendar.js

@@ -0,0 +1,229 @@
+import { defineComponent, computed, reactive, watch, markRaw, toRaw, h } from 'vue';
+import { getYear, getMonth } from '@bimetal/calendar-core';
+import { parseDragInfo } from '@bimetal/calendar-headless';
+import { provideCalendarContext, provideCalendarConfig, useCalendarController, } from '../binding/index.js';
+import { CalendarHeader } from './CalendarHeader.js';
+import { EventDialog } from './EventDialog.js';
+import { UndoToast } from './UndoToast.js';
+import { MonthView } from '../views/month/MonthView.js';
+import { WeekView } from '../views/week/WeekView.js';
+import { DayView } from '../views/day/DayView.js';
+import { AgendaView } from '../views/agenda/AgendaView.js';
+import { YearView } from '../views/year/YearView.js';
+import { CategoryFilter } from './CategoryFilter.js';
+import { ResourceFilter } from './ResourceFilter.js';
+import { ResourceView } from '../views/resource/ResourceView.js';
+import { TimelineView } from '../views/timeline/TimelineView.js';
+export const Calendar = defineComponent({
+    name: 'Calendar',
+    props: {
+        store: { type: Object, required: true },
+        rules: { type: Array, default: undefined },
+        config: { type: Object, default: undefined },
+        darkMode: { type: Boolean, default: false },
+        showCategoryFilter: { type: Boolean, default: false },
+        showResourceFilter: { type: Boolean, default: false },
+        customViews: { type: Array, default: undefined },
+        eventDialog: { type: Object, default: () => ({ kind: 'builtin' }) },
+        onEventClick: { type: Function, default: undefined },
+        onNewEventRequested: { type: Function, default: undefined },
+        renderEvent: { type: Function, default: undefined },
+        onError: { type: Function, default: undefined },
+    },
+    setup(props) {
+        // The controller owns ALL interaction state and semantics. This component
+        // is a thin binding: it bridges the snapshot into Vue reactivity, parses
+        // DOM drop/keyboard events into intents, and re-builds the (unchanged)
+        // context/config provide surface from the snapshot.
+        const { snapshot, ctrl } = useCalendarController({
+            store: props.store,
+            config: props.config,
+            rules: props.rules,
+            customViews: props.customViews,
+            eventDialogKind: props.eventDialog?.kind ?? 'builtin',
+            // `none`-mode: forward to the consumer's callbacks (read fresh from props).
+            onEventClickExternal: (id, rect, inst) => props.onEventClick?.(id, rect, inst),
+            onNewEventRequestedExternal: (date, rect, rid) => props.onNewEventRequested?.(date, rect, rid),
+            onError: (err) => props.onError?.(err),
+        }, {
+            config: () => props.config,
+            rules: () => props.rules,
+            customViews: () => props.customViews,
+        });
+        // F8: dialog mode is a dynamic prop — keep the controller in sync after mount.
+        watch(() => props.eventDialog?.kind ?? 'builtin', (kind) => ctrl.setEventDialogKind(kind));
+        // ── v0.29 Tastatur: root-scoped keydown → controller (Ctrl/Cmd+Z undo, Escape
+        // clears). Bound on the `.calendar` root below (onKeydown) — NOT a window listener
+        // (no document-level routing). Semantics live in the controller. ──
+        const onKey = (e) => ctrl.handleKeydown(e);
+        // ── DOM-event → controller-intent bindings (the only place DOM is parsed) ──
+        const onDropEvent = (e, dropDate) => {
+            const info = parseDragInfo(e.dataTransfer);
+            if (info)
+                void ctrl.dropAllDay(info, dropDate);
+        };
+        const onDropTimedEvent = (e, dropDate, dropTime) => {
+            const info = parseDragInfo(e.dataTransfer);
+            if (info)
+                void ctrl.dropTimed(info, dropDate, dropTime);
+        };
+        const onResourceDrop = (e, dropDate, dropTime, resourceId) => {
+            const info = parseDragInfo(e.dataTransfer);
+            if (info)
+                void ctrl.dropResource(info, dropDate, dropTime, resourceId);
+        };
+        const onTimelineDrop = (e, dropDate, targetResourceId) => {
+            const info = parseDragInfo(e.dataTransfer);
+            if (info)
+                void ctrl.dropTimeline(info, dropDate, targetResourceId);
+        };
+        const onResourceCellClick = (date, time, resourceId, anchorRect) => ctrl.openCreateFromResourceCell(date, time, resourceId, anchorRect);
+        const onTimelineCellClick = (date, resourceId, anchorRect) => ctrl.openCreate(date, anchorRect, resourceId);
+        // ── Context value: keep the existing Ref-based shape so views are UNCHANGED.
+        // Each reactive field is a `computed` derived from the immutable snapshot. ──
+        const contextValue = {
+            events: computed(() => [...snapshot.value.events]),
+            view: computed(() => snapshot.value.currentView),
+            previewEvent: computed(() => snapshot.value.previewEvent),
+            expandedMonthDay: computed(() => snapshot.value.expandedMonthDay),
+            onExpandMonthCell: ctrl.expandMonthCell,
+            onCollapseMonthCell: ctrl.collapseMonthCell,
+            onEventClick: ctrl.openEdit,
+            onDayCellClick: (date, anchorRect) => ctrl.openCreate(date, anchorRect),
+            onDropEvent,
+            onDropTimedEvent,
+            onDragOverDate: ctrl.updatePreview,
+            onDragOverDateTime: ctrl.updateTimedPreview,
+            onDragStart: ctrl.startDrag,
+            onHidePreview: ctrl.hidePreview,
+            onDragEnd: ctrl.endDrag,
+            selectedEventId: computed(() => snapshot.value.selection?.eventId ?? null),
+            selectedInstanceDate: computed(() => snapshot.value.selection?.instanceDate),
+            onSelectEvent: ctrl.selectEvent,
+            onClearSelection: ctrl.clearSelection,
+            onUndo: ctrl.undo,
+            getHistory: ctrl.getHistory,
+            lastAction: computed(() => snapshot.value.lastAction),
+            dismissUndo: ctrl.dismissUndo,
+            renderEvent: props.renderEvent,
+        };
+        // ── Reactive config provide (F4): a reactive object kept in sync with the
+        // snapshot's merged config, so locale/timezone/categories changes flow into
+        // the views without a re-mount. ──
+        const reactiveConfig = reactive({ ...snapshot.value.config });
+        watch(() => snapshot.value.config, (next) => {
+            Object.assign(reactiveConfig, next);
+        });
+        provideCalendarConfig(reactiveConfig);
+        provideCalendarContext(contextValue);
+        const renderView = (view, date) => {
+            const snap = snapshot.value;
+            switch (view) {
+                case 'year':
+                    return h(YearView, {
+                        year: getYear(date),
+                        onMonthClick: (y, mo) => ctrl.goToMonth(y, mo),
+                    });
+                case 'month':
+                    return h(MonthView, { year: getYear(date), month: getMonth(date) });
+                case 'week':
+                    return h(WeekView, { currentDate: date });
+                case 'day':
+                    return h(DayView, { currentDate: date });
+                case 'agenda':
+                    return h(AgendaView, { currentDate: date });
+                case 'resource':
+                    return h(ResourceView, {
+                        currentDate: date,
+                        visibleResources: snap.visibleResources,
+                        onResourceCellClick,
+                        onResourceDrop,
+                    });
+                case 'timeline':
+                    return h(TimelineView, {
+                        currentDate: date,
+                        days: snap.config.core.timelineDays ?? 7,
+                        visibleResources: snap.visibleResources,
+                        onTimelineCellClick,
+                        onTimelineDrop,
+                    });
+                default: {
+                    const custom = props.customViews?.find(v => v.id === view);
+                    if (!custom)
+                        return h('div', { class: 'view-placeholder' }, `${view} view`);
+                    // toRaw + markRaw to avoid the reactive-Component warn (Vue wraps a
+                    // consumer component travelling through a reactive prop).
+                    return h(markRaw(toRaw(custom).component), {
+                        currentDate: date,
+                        events: snap.events,
+                        config: snap.config,
+                        onNewEvent: (defaultDate, anchorRect) => {
+                            ctrl.openCreate(defaultDate, anchorRect ?? new DOMRect(0, 0, 0, 0));
+                        },
+                        onEventClick: ctrl.openEdit,
+                        selectedEventId: snap.selection?.eventId ?? null,
+                        selectedInstanceDate: snap.selection?.instanceDate,
+                        onSelectEvent: ctrl.selectEvent,
+                        onClearSelection: ctrl.clearSelection,
+                    });
+                }
+            }
+        };
+        return () => {
+            const snap = snapshot.value;
+            const config = snap.config;
+            return h('div', { class: `calendar${props.darkMode ? ' dark' : ''}`, onKeydown: onKey }, [
+                h(CalendarHeader, {
+                    title: snap.title,
+                    currentView: snap.currentView,
+                    viewConfigs: [...snap.viewConfigList],
+                    onPrev: ctrl.prev,
+                    onNext: ctrl.next,
+                    onToday: ctrl.today,
+                    onViewChange: ctrl.setView,
+                }),
+                props.showCategoryFilter
+                    ? h(CategoryFilter, {
+                        categories: config.categories,
+                        hiddenCategories: snap.hiddenCategories,
+                        onToggle: ctrl.toggleCategory,
+                    })
+                    : null,
+                props.showResourceFilter && config.resources.length > 0
+                    ? h(ResourceFilter, {
+                        resources: config.resources,
+                        hiddenResources: snap.hiddenResources,
+                        onToggle: ctrl.toggleResource,
+                    })
+                    : null,
+                renderView(snap.currentView, snap.currentDate),
+                snap.dialog && props.eventDialog?.kind === 'builtin'
+                    ? h(EventDialog, {
+                        dialog: snap.dialog,
+                        setDraft: ctrl.setDraft,
+                        onSave: () => void ctrl.saveDialogFromInput(),
+                        onDelete: ctrl.deleteDialog,
+                        onClose: ctrl.closeDialog,
+                    })
+                    : null,
+                snap.dialog && props.eventDialog?.kind === 'custom'
+                    // Vue's prop reactivity walks into the eventDialog object and wraps
+                    // the consumer's component in a reactive proxy; h() then warns.
+                    // toRaw returns the original definition; markRaw prevents re-wrapping.
+                    ? h(markRaw(toRaw(props.eventDialog).component), {
+                        event: snap.dialog.event,
+                        defaultDate: snap.dialog.defaultDate,
+                        anchorRect: snap.dialog.anchorRect,
+                        defaultResourceId: snap.dialog.defaultResourceId,
+                        config,
+                        onSave: ctrl.saveDialog,
+                        onDelete: ctrl.deleteDialog,
+                        onClose: ctrl.closeDialog,
+                    })
+                    : null,
+                h(UndoToast),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/components/Calendar.ts"],"names":[],"mappings":"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"}

package/dist/components/CalendarHeader.d.ts

@@ -0,0 +1,65 @@
+import { type PropType } from 'vue';
+import type { ViewType } from '@bimetal/calendar-core';
+import type { ViewConfig } from '../binding/index.js';
+export declare const CalendarHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    currentView: {
+        type: PropType<ViewType>;
+        required: true;
+    };
+    viewConfigs: {
+        type: PropType<ViewConfig[]>;
+        required: true;
+    };
+    onPrev: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onNext: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onToday: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onViewChange: {
+        type: PropType<(view: ViewType) => void>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    currentView: {
+        type: PropType<ViewType>;
+        required: true;
+    };
+    viewConfigs: {
+        type: PropType<ViewConfig[]>;
+        required: true;
+    };
+    onPrev: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onNext: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onToday: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onViewChange: {
+        type: PropType<(view: ViewType) => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=CalendarHeader.d.ts.map

package/dist/components/CalendarHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../src/components/CalendarHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,QAAQ,EAAK,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,eAAO,MAAM,cAAc;;;;;;cAIQ,QAAQ,CAAC,QAAQ,CAAC;;;;cACnB,QAAQ,CAAC,UAAU,EAAE,CAAC;;;;cACxB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;cACpB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;cACnB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;cACf,QAAQ,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;;;;;;;;;;;cALrC,QAAQ,CAAC,QAAQ,CAAC;;;;cACnB,QAAQ,CAAC,UAAU,EAAE,CAAC;;;;cACxB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;cACpB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;cACnB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;cACf,QAAQ,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;;;iGA0BtE,CAAC"}

package/dist/components/CalendarHeader.js

@@ -0,0 +1,33 @@
+import { defineComponent, h } from 'vue';
+import { useCalendarConfig } from '../binding/index.js';
+export const CalendarHeader = defineComponent({
+    name: 'CalendarHeader',
+    props: {
+        title: { type: String, required: true },
+        currentView: { type: String, required: true },
+        viewConfigs: { type: Array, required: true },
+        onPrev: { type: Function, required: true },
+        onNext: { type: Function, required: true },
+        onToday: { type: Function, required: true },
+        onViewChange: { type: Function, required: true },
+    },
+    setup(props) {
+        const config = useCalendarConfig();
+        return () => h('div', { class: 'calendar-header' }, [
+            h('h1', { class: 'month-title' }, props.title),
+            h('div', { class: 'header-controls' }, [
+                h('div', { class: 'view-switcher' }, props.viewConfigs.map(vc => h('button', {
+                    key: vc.type,
+                    class: `view-btn ${props.currentView === vc.type ? 'view-btn--active' : ''}`,
+                    onClick: () => props.onViewChange(vc.type),
+                }, vc.label))),
+                h('div', { class: 'nav-controls' }, [
+                    h('button', { class: 'nav-btn', 'aria-label': config.locale.prev, onClick: props.onPrev, innerHTML: '‹' }),
+                    h('button', { class: 'today-btn', onClick: props.onToday }, config.locale.today),
+                    h('button', { class: 'nav-btn', 'aria-label': config.locale.next, onClick: props.onNext, innerHTML: '›' }),
+                ]),
+            ]),
+        ]);
+    },
+});
+//# sourceMappingURL=CalendarHeader.js.map

package/dist/components/CalendarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.js","sourceRoot":"","sources":["../../src/components/CalendarHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAiB,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvC,WAAW,EAAE,EAAE,IAAI,EAAE,MAA4B,EAAE,QAAQ,EAAE,IAAI,EAAE;QACnE,WAAW,EAAE,EAAE,IAAI,EAAE,KAA+B,EAAE,QAAQ,EAAE,IAAI,EAAE;QACtE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAgC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAgC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAgC,EAAE,QAAQ,EAAE,IAAI,EAAE;QACnE,YAAY,EAAE,EAAE,IAAI,EAAE,QAA8C,EAAE,QAAQ,EAAE,IAAI,EAAE;KACvF;IACD,KAAK,CAAC,KAAK;QACT,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;QAEnC,OAAO,GAAG,EAAE,CACV,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE;YACrC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;YAC9C,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE;gBACrC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EACjC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CACzB,CAAC,CAAC,QAAQ,EAAE;oBACV,GAAG,EAAE,EAAE,CAAC,IAAI;oBACZ,KAAK,EAAE,YAAY,KAAK,CAAC,WAAW,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE;oBAC5E,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAa,CAAC,EAAE,CAAC,IAAI,CAAC;iBAC5C,EAAE,EAAE,CAAC,KAAK,CAAC,CACb,CACF;gBACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;oBAClC,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;oBACjH,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;oBAChF,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;iBAClH,CAAC;aACH,CAAC;SACH,CAAC,CAAC;IACP,CAAC;CACF,CAAC,CAAC"}

package/dist/components/CategoryFilter.d.ts

@@ -0,0 +1,26 @@
+import { type PropType } from 'vue';
+import type { Category } from '../binding/index.js';
+export declare const CategoryFilter: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    categories: {
+        type: PropType<Category[]>;
+        required: true;
+    };
+    hiddenCategories: {
+        type: PropType<ReadonlySet<string>>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggle"[], "toggle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    categories: {
+        type: PropType<Category[]>;
+        required: true;
+    };
+    hiddenCategories: {
+        type: PropType<ReadonlySet<string>>;
+        required: true;
+    };
+}>> & Readonly<{
+    onToggle?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=CategoryFilter.d.ts.map

package/dist/components/CategoryFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryFilter.d.ts","sourceRoot":"","sources":["../../src/components/CategoryFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,QAAQ,EAAK,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,eAAO,MAAM,cAAc;;cAGM,QAAQ,CAAC,QAAQ,EAAE,CAAC;;;;cACb,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;;;;;;;cADpC,QAAQ,CAAC,QAAQ,EAAE,CAAC;;;;cACb,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;;;;;iFAqBnE,CAAC"}

package/dist/components/CategoryFilter.js

@@ -0,0 +1,26 @@
+import { defineComponent, h } from 'vue';
+export const CategoryFilter = defineComponent({
+    name: 'CategoryFilter',
+    props: {
+        categories: { type: Array, required: true },
+        hiddenCategories: { type: Object, required: true },
+    },
+    emits: ['toggle'],
+    setup(props, { emit }) {
+        return () => {
+            if (props.categories.length === 0)
+                return null;
+            return h('div', { class: 'category-filter' }, props.categories.map(cat => {
+                const isHidden = props.hiddenCategories.has(cat.name);
+                return h('button', {
+                    key: cat.name,
+                    class: `category-filter__pill${isHidden ? ' category-filter__pill--hidden' : ''}`,
+                    style: { backgroundColor: cat.color },
+                    onClick: () => emit('toggle', cat.name),
+                    type: 'button',
+                }, cat.name);
+            }));
+        };
+    },
+});
+//# sourceMappingURL=CategoryFilter.js.map

package/dist/components/CategoryFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryFilter.js","sourceRoot":"","sources":["../../src/components/CategoryFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAiB,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxD,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,UAAU,EAAE,EAAE,IAAI,EAAE,KAA6B,EAAE,QAAQ,EAAE,IAAI,EAAE;QACnE,gBAAgB,EAAE,EAAE,IAAI,EAAE,MAAuC,EAAE,QAAQ,EAAE,IAAI,EAAE;KACpF;IACD,KAAK,EAAE,CAAC,QAAQ,CAAC;IACjB,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE;QACnB,OAAO,GAAG,EAAE;YACV,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC;YAE/C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC1C,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBACzB,MAAM,QAAQ,GAAG,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACtD,OAAO,CAAC,CAAC,QAAQ,EAAE;oBACjB,GAAG,EAAE,GAAG,CAAC,IAAI;oBACb,KAAK,EAAE,wBAAwB,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,EAAE;oBACjF,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,CAAC,KAAK,EAAE;oBACrC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC;oBACvC,IAAI,EAAE,QAAQ;iBACf,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;YACf,CAAC,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/components/EventBar.d.ts

@@ -0,0 +1,34 @@
+import { type PropType } from 'vue';
+import type { CalendarDateTime, LayoutItem } from '@bimetal/calendar-core';
+export declare const EventBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<LayoutItem>;
+        required: true;
+    };
+    weekDates: {
+        type: PropType<CalendarDateTime[]>;
+        required: true;
+    };
+    ghost: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<LayoutItem>;
+        required: true;
+    };
+    weekDates: {
+        type: PropType<CalendarDateTime[]>;
+        required: true;
+    };
+    ghost: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    ghost: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=EventBar.d.ts.map

package/dist/components/EventBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventBar.d.ts","sourceRoot":"","sources":["../../src/components/EventBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,QAAQ,EAAK,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAK3E,eAAO,MAAM,QAAQ;;cAGO,QAAQ,CAAC,UAAU,CAAC;;;;cAChB,QAAQ,CAAC,gBAAgB,EAAE,CAAC;;;;;;;;;;;cADhC,QAAQ,CAAC,UAAU,CAAC;;;;cAChB,QAAQ,CAAC,gBAAgB,EAAE,CAAC;;;;;;;;;4EAmJ1D,CAAC"}

package/dist/components/EventBar.js

@@ -0,0 +1,141 @@
+import { defineComponent, h } from 'vue';
+import { daysBetween, getRecurrenceInstanceMetadata, isExpandedRecurrenceInstance } from '@bimetal/calendar-core';
+import { useCalendarContext, useCalendarConfig, buildDragInfo, useEventSlots, toTimeStr } from '../binding/index.js';
+import { createClickIntent, writeCalendarDragData, installTransparentDragImage, eventBarWantsDarkText } from '@bimetal/calendar-headless';
+export const EventBar = defineComponent({
+    name: 'EventBar',
+    props: {
+        item: { type: Object, required: true },
+        weekDates: { type: Array, required: true },
+        ghost: { type: Boolean, default: false },
+    },
+    setup(props) {
+        const { onEventClick, onSelectEvent, selectedEventId, selectedInstanceDate, onDragStart: ctxDragStart, onDragEnd: ctxDragEnd, } = useCalendarContext();
+        const config = useCalendarConfig();
+        const click = createClickIntent();
+        const slots = useEventSlots(() => props.item.segment.event);
+        const handleMouseDown = () => {
+            click.markMouseDown();
+        };
+        const handleDragStart = (e) => {
+            click.markDragged();
+            const { segment, dayIndex, daySpan } = props.item;
+            const { event } = segment;
+            const bar = e.currentTarget;
+            const barRect = bar.getBoundingClientRect();
+            const colWidth = barRect.width / daySpan;
+            const grabColInBar = Math.min(Math.max(0, Math.floor((e.clientX - barRect.left) / colWidth)), daySpan - 1);
+            const grabbedDate = props.weekDates[dayIndex + grabColInBar];
+            const offset = daysBetween(event.timeRange.start, grabbedDate);
+            const info = buildDragInfo(event, 'move', { dayOffset: offset });
+            writeCalendarDragData(e.dataTransfer, info);
+            ctxDragStart(info);
+        };
+        const handleResizeDragStart = (e, edge) => {
+            e.stopPropagation();
+            click.markDragged();
+            installTransparentDragImage(e.dataTransfer);
+            const { event } = props.item.segment;
+            const info = buildDragInfo(event, 'resize', { edge });
+            writeCalendarDragData(e.dataTransfer, info);
+            ctxDragStart(info);
+        };
+        const handleClick = (e) => {
+            e.stopPropagation();
+            if (!click.accept(config.clickThresholdMs))
+                return;
+            const ev = props.item.segment.event;
+            const instanceDate = getRecurrenceInstanceMetadata(ev)?.instanceDate;
+            onSelectEvent(ev.id, instanceDate);
+        };
+        const handleDoubleClick = (e) => {
+            e.stopPropagation();
+            if (!click.accept(config.clickThresholdMs))
+                return;
+            const rect = e.currentTarget.getBoundingClientRect();
+            const ev = props.item.segment.event;
+            const instanceDate = getRecurrenceInstanceMetadata(ev)?.instanceDate;
+            onEventClick(ev.id, rect, instanceDate);
+        };
+        return () => {
+            const { segment, column, dayIndex, daySpan } = props.item;
+            const { event, isStart, isEnd } = segment;
+            const startCol = dayIndex;
+            const span = daySpan;
+            const lane = column;
+            const isCompact = span === 1 && isStart && isEnd && !event.allDay;
+            const isBar = !isCompact;
+            const color = event.metadata.color ?? '#007AFF';
+            const isRecurring = isExpandedRecurrenceInstance(event) || !!event.recurrence;
+            const ghostClass = props.ghost ? ' event-bar--ghost' : '';
+            const instanceDate = getRecurrenceInstanceMetadata(event)?.instanceDate;
+            const isSelected = selectedEventId.value === event.id && selectedInstanceDate.value === instanceDate;
+            const selectedClass = isSelected ? ' event-bar--selected' : '';
+            const s = slots.value;
+            const title = s.title ?? event.title;
+            const extraClass = s.className ? ' ' + s.className : '';
+            const style = {
+                gridColumn: `${startCol + 1} / span ${span}`,
+                gridRow: lane + 1,
+            };
+            if (isCompact) {
+                return h('div', {
+                    class: `event-bar event-bar--single${ghostClass}${selectedClass}${extraClass}`,
+                    style: { ...style, ...s.style },
+                    draggable: !props.ghost,
+                    onMousedown: handleMouseDown,
+                    onDragstart: handleDragStart,
+                    onDragend: ctxDragEnd,
+                    onClick: handleClick,
+                    onDblclick: handleDoubleClick,
+                    title,
+                }, [
+                    s.content ?? [
+                        h('span', { class: 'event-dot', style: { backgroundColor: color } }),
+                        h('span', { class: 'event-time' }, toTimeStr(event.timeRange.start)),
+                        h('span', { class: 'event-title event-title--dark' }, `${isRecurring ? '↻ ' : ''}${title}`),
+                    ],
+                    s.badges ?? null,
+                ]);
+            }
+            return h('div', {
+                class: `event-bar event-bar--multi${ghostClass}${selectedClass}${extraClass}`,
+                style: {
+                    ...style,
+                    backgroundColor: color,
+                    borderRadius: `${isStart ? 4 : 0}px ${isEnd ? 4 : 0}px ${isEnd ? 4 : 0}px ${isStart ? 4 : 0}px`,
+                    ...s.style,
+                },
+                draggable: !props.ghost,
+                onMousedown: handleMouseDown,
+                onDragstart: handleDragStart,
+                onDragend: ctxDragEnd,
+                onClick: handleClick,
+                onDblclick: handleDoubleClick,
+                title,
+            }, [
+                isBar && isStart && !props.ghost
+                    ? h('div', {
+                        class: 'resize-handle resize-handle--start',
+                        draggable: true,
+                        onDragstart: (e) => handleResizeDragStart(e, 'start'),
+                        onDragend: ctxDragEnd,
+                        onMousedown: (e) => e.stopPropagation(),
+                    })
+                    : null,
+                s.content ?? h('span', { class: `event-title${eventBarWantsDarkText(color) ? ' event-title--on-light' : ''}` }, `${isRecurring ? '↻ ' : ''}${title}`),
+                s.badges ?? null,
+                isBar && isEnd && !props.ghost
+                    ? h('div', {
+                        class: 'resize-handle resize-handle--end',
+                        draggable: true,
+                        onDragstart: (e) => handleResizeDragStart(e, 'end'),
+                        onDragend: ctxDragEnd,
+                        onMousedown: (e) => e.stopPropagation(),
+                    })
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=EventBar.js.map

package/dist/components/EventBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventBar.js","sourceRoot":"","sources":["../../src/components/EventBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAiB,CAAC,EAAE,MAAM,KAAK,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,6BAA6B,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAClH,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrH,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAE1I,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAA8B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC9D,SAAS,EAAE,EAAE,IAAI,EAAE,KAAqC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC1E,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;KACzC;IACD,KAAK,CAAC,KAAK;QACT,MAAM,EACJ,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,oBAAoB,EAClE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,GACjD,GAAG,kBAAkB,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,iBAAiB,EAAE,CAAC;QAClC,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5D,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,KAAK,CAAC,aAAa,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,MAAM,eAAe,GAAG,CAAC,CAAY,EAAE,EAAE;YACvC,KAAK,CAAC,WAAW,EAAE,CAAC;YACpB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;YAClD,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;YAC1B,MAAM,GAAG,GAAG,CAAC,CAAC,aAA4B,CAAC;YAC3C,MAAM,OAAO,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC;YAC5C,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC;YACzC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAC3B,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,EAC9D,OAAO,GAAG,CAAC,CACZ,CAAC;YAEF,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAC;YAC7D,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YAE/D,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;YACjE,qBAAqB,CAAC,CAAC,CAAC,YAAa,EAAE,IAAI,CAAC,CAAC;YAC7C,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC;QAEF,MAAM,qBAAqB,GAAG,CAAC,CAAY,EAAE,IAAqB,EAAE,EAAE;YACpE,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,KAAK,CAAC,WAAW,EAAE,CAAC;YACpB,2BAA2B,CAAC,CAAC,CAAC,YAAa,CAAC,CAAC;YAC7C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;YACrC,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;YACtD,qBAAqB,CAAC,CAAC,CAAC,YAAa,EAAE,IAAI,CAAC,CAAC;YAC7C,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;YACpC,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC;gBAAE,OAAO;YACnD,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YACpC,MAAM,YAAY,GAAG,6BAA6B,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC;YACrE,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF,MAAM,iBAAiB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC1C,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC;gBAAE,OAAO;YACnD,MAAM,IAAI,GAAI,CAAC,CAAC,aAA6B,CAAC,qBAAqB,EAAE,CAAC;YACtE,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YACpC,MAAM,YAAY,GAAG,6BAA6B,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC;YACrE,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;QAC1C,CAAC,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;YAC1D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;YAC1C,MAAM,QAAQ,GAAG,QAAQ,CAAC;YAC1B,MAAM,IAAI,GAAG,OAAO,CAAC;YACrB,MAAM,IAAI,GAAG,MAAM,CAAC;YAEpB,MAAM,SAAS,GAAG,IAAI,KAAK,CAAC,IAAI,OAAO,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAClE,MAAM,KAAK,GAAG,CAAC,SAAS,CAAC;YACzB,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,IAAI,SAAS,CAAC;YAChD,MAAM,WAAW,GAAG,4BAA4B,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC;YAC9E,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,MAAM,YAAY,GAAG,6BAA6B,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;YACxE,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,IAAI,oBAAoB,CAAC,KAAK,KAAK,YAAY,CAAC;YACrG,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/D,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;YACtB,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC;YACrC,MAAM,UAAU,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YAExD,MAAM,KAAK,GAAoC;gBAC7C,UAAU,EAAE,GAAG,QAAQ,GAAG,CAAC,WAAW,IAAI,EAAE;gBAC5C,OAAO,EAAE,IAAI,GAAG,CAAC;aAClB,CAAC;YAEF,IAAI,SAAS,EAAE,CAAC;gBACd,OAAO,CAAC,CAAC,KAAK,EAAE;oBACd,KAAK,EAAE,8BAA8B,UAAU,GAAG,aAAa,GAAG,UAAU,EAAE;oBAC9E,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAI,CAAC,CAAC,KAAqD,EAAE;oBAChF,SAAS,EAAE,CAAC,KAAK,CAAC,KAAK;oBACvB,WAAW,EAAE,eAAe;oBAC5B,WAAW,EAAE,eAAe;oBAC5B,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,WAAW;oBACpB,UAAU,EAAE,iBAAiB;oBAC7B,KAAK;iBACN,EAAE;oBACD,CAAC,CAAC,OAAO,IAAI;wBACX,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,CAAC;wBACpE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;wBACpE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;qBAC5F;oBACD,CAAC,CAAC,MAAM,IAAI,IAAI;iBACjB,CAAC,CAAC;YACL,CAAC;YAED,OAAO,CAAC,CAAC,KAAK,EAAE;gBACd,KAAK,EAAE,6BAA6B,UAAU,GAAG,aAAa,GAAG,UAAU,EAAE;gBAC7E,KAAK,EAAE;oBACL,GAAG,KAAK;oBACR,eAAe,EAAE,KAAK;oBACtB,YAAY,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;oBAC/F,GAAI,CAAC,CAAC,KAAqD;iBAC5D;gBACD,SAAS,EAAE,CAAC,KAAK,CAAC,KAAK;gBACvB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,eAAe;gBAC5B,SAAS,EAAE,UAAU;gBACrB,OAAO,EAAE,WAAW;gBACpB,UAAU,EAAE,iBAAiB;gBAC7B,KAAK;aACN,EAAE;gBACD,KAAK,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK;oBAC9B,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;wBACP,KAAK,EAAE,oCAAoC;wBAC3C,SAAS,EAAE,IAAI;wBACf,WAAW,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,EAAE,OAAO,CAAC;wBAChE,SAAS,EAAE,UAAU;wBACrB,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;qBACpD,CAAC;oBACJ,CAAC,CAAC,IAAI;gBACR,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;gBACrJ,CAAC,CAAC,MAAM,IAAI,IAAI;gBAChB,KAAK,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK;oBAC5B,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;wBACP,KAAK,EAAE,kCAAkC;wBACzC,SAAS,EAAE,IAAI;wBACf,WAAW,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC;wBAC9D,SAAS,EAAE,UAAU;wBACrB,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;qBACpD,CAAC;oBACJ,CAAC,CAAC,IAAI;aACT,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}