@mogura/moguchart-core 0.5.2

package/dist/components/gantt-chart.d.ts

@@ -0,0 +1,169 @@
+import type { GanttChartOption, GanttRow, GanttTask } from '../core/types';
+import { LitElement, type PropertyValues } from 'lit';
+import './gantt-calendar';
+import './gantt-row';
+import { type ExportImageOptions } from './gantt-chart-export';
+export declare class GanttChartElement extends LitElement {
+    rows: GanttRow[];
+    option: GanttChartOption;
+    theme: 'light' | 'dark';
+    selectedRowIds: string[];
+    selectedTaskIds: string[];
+    externalDraggingTask: GanttTask | null;
+    private selectedRows;
+    private selectedTasks;
+    private lastClickedRowId;
+    private virtualScrollTop;
+    private dragTargetRowIndex;
+    private draggingTask;
+    private draggingTaskIds;
+    private multiDragDx;
+    private viewportHeight;
+    private dragOverlayInfo;
+    private calendarHeight;
+    private tooltip;
+    private dragOverRowId;
+    private dragOverPosition;
+    private hoverTimer;
+    private currentTime;
+    private dragPreview;
+    private currentRowHeaderWidth;
+    private isResizingHeader;
+    private hoveredMilestoneId;
+    private cursorLineX;
+    private connectorDrag;
+    private _systemThemeMediaQuery;
+    private isExporting;
+    private focusedTaskId;
+    private focusedRowId;
+    private _layoutCache;
+    private resizeObserver;
+    private _cachedSelectedTaskIds;
+    private _cachedSelectedTasksSize;
+    private _cachedCurrentOption;
+    private _lastOptionRef;
+    private _lastLabelWidth;
+    private get displayRows();
+    static styles: import("lit").CSSResult;
+    protected firstUpdated(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleSystemThemeChange;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    /**
+     * ドラッグオーバーレイを直接DOM操作で更新する。
+     * @state() を使わないことで、Litの再レンダリングサイクルを回避する。
+     */
+    private updateDragOverlay;
+    private hideDragOverlay;
+    private currentTimeTimer;
+    private setupCurrentTimeTimer;
+    private stopCurrentTimeTimer;
+    private handleHeaderResizeStart;
+    private handleScroll;
+    private updateScrollTop;
+    private handleContainerMouseMove;
+    private handleContainerMouseLeave;
+    private getDateX;
+    private calculateLayout;
+    /**
+     * 複数バー移動かどうかを判定する。
+     * ドラッグ中のバーが選択中バーに含まれ、選択数が2以上の場合にtrue。
+     */
+    private isMultiDrag;
+    private handleTaskUpdate;
+    private handleBarMouseEnter;
+    private handleBarMouseLeave;
+    private reorderRows;
+    private handleContainerDragOver;
+    private handleContainerDragLeave;
+    private handleContainerDrop;
+    private handleExternalTaskDrop;
+    private handleRowClicked;
+    private handleRowContextMenu;
+    private handleContainerClick;
+    private handleContainerContextMenu;
+    /**
+     * クライアント座標から対応する行IDと日付を返す。
+     * コンポーネント外部から呼び出すための公開メソッド。
+     */
+    hitTest(clientX: number, clientY: number): {
+        rowId: string;
+        date: Date;
+    } | null;
+    /**
+     * html2canvas を使用してガントチャートを画像としてエクスポートする。
+     * (Shadow DOMネイティブ対応版 html2canvas-pro を使用)
+     *
+     * @param options エクスポートオプション。
+     */
+    exportImage(format?: 'png' | 'pdf', options?: ExportImageOptions): Promise<string | Blob>;
+    private clearSelection;
+    private handleKeyDown;
+    /**
+     * 水平方向にフォーカスを移動する（同一行内のタスク間、または次/前行へ）
+     */
+    private moveFocusHorizontal;
+    /**
+     * 垂直方向にフォーカスを移動する（行をまたぐ）
+     */
+    private moveFocusVertical;
+    /**
+     * 最初にタスクを持つ行の最初のタスクにフォーカスする
+     */
+    private focusFirstAvailableTask;
+    /**
+     * 現在の行の最初または最後のタスクにフォーカスする
+     */
+    private focusFirstOrLastTaskInRow;
+    /**
+     * フォーカスを設定し、必要に応じてスクロールする
+     */
+    private setFocus;
+    /**
+     * タスクの選択をトグルする（Ctrl/Cmd+Enter）
+     */
+    private toggleTaskSelection;
+    /**
+     * 単一タスクを選択する（Enter/Space）
+     */
+    private selectSingleTask;
+    /**
+     * Shift+矢印キーで選択中タスクを移動する
+     */
+    private moveSelectedTasksByKeyboard;
+    private handleBarClick;
+    private handleBarContextMenu;
+    private handleConnectorDragStart;
+    private handleConnectorDragMove;
+    private handleConnectorDragEnd;
+    /**
+     * 指定タスクIDのgantt-bar要素にconnectorDropTarget属性をセットする
+     */
+    private _setConnectorDropTarget;
+    /**
+     * 依存関係線がクリックされた時のハンドラ。
+     * dependency-removeイベントを発火する。
+     * @param targetTaskId 依存を持つタスクのID（矢印の先）
+     * @param sourceTaskId 依存元のタスクのID（矢印の根元）
+     */
+    private handleDependencyLineClick;
+    /**
+     * 外部からタスクIDを指定してタスクを選択状態にし、
+     * 表示範囲外の場合はスクロールして表示する。
+     * @param taskId 選択するタスクのID
+     * @returns タスクが見つかり選択できた場合はtrue、見つからなかった場合はfalse
+     */
+    selectTask(taskId: string): boolean;
+    /**
+     * 指定タスクが表示範囲外の場合にスクロールして表示する
+     */
+    private scrollToTask;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'gantt-chart': GanttChartElement;
+    }
+}

package/dist/components/gantt-row-background.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+import type { GanttChartOption } from '../core/types';
+export declare class GanttRowBackgroundElement extends LitElement {
+    option: GanttChartOption;
+    theme: 'light' | 'dark';
+    rowId: string;
+    private get totalDays();
+    private _cachedCells;
+    private _cachedCellsStartTime;
+    private _cachedCellsEndTime;
+    private _cachedCellsPxPerDay;
+    private _cachedCellsPxPerMonth;
+    private _cachedCellsTheme;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'gantt-row-background': GanttRowBackgroundElement;
+    }
+}

package/dist/components/gantt-row.d.ts

@@ -0,0 +1,53 @@
+import type { GanttChartOption, GanttRow, GanttTask, GanttTaskMoveMode } from '../core/types';
+import { LitElement, type PropertyValues } from 'lit';
+import './gantt-bar';
+import './gantt-row-background';
+export declare class GanttRowElement extends LitElement {
+    row: GanttRow;
+    option: GanttChartOption;
+    isDragTarget: boolean;
+    draggingTask: {
+        id: string;
+        start: Date;
+        end: Date;
+        name?: string;
+        currentStart?: Date;
+        currentEnd?: Date;
+        mode?: GanttTaskMoveMode;
+    } | null;
+    draggingTaskIds: string[];
+    multiDragDx: number;
+    externalDragTask: {
+        task: GanttTask;
+        currentStart: Date;
+        currentEnd: Date;
+    } | null;
+    theme: 'light' | 'dark';
+    isSelected: boolean;
+    dropPosition: 'top' | 'bottom' | null;
+    selectedTaskIds: string[];
+    focusedTaskId: string | null;
+    isExporting: boolean;
+    private _cachedMonthGridLines;
+    private _cachedMonthGridStartTime;
+    private _cachedMonthGridEndTime;
+    private _cachedMonthGridPxPerDay;
+    private _cachedMonthGridPxPerMonth;
+    private getDateX;
+    /**
+     * マーカーのSVGパスを生成する
+     */
+    private getMarkerPath;
+    static styles: import("lit").CSSResult;
+    private handleDragStart;
+    private handleHeaderClick;
+    private handleHeaderContextMenu;
+    private handleHeaderDblClick;
+    protected updated(changedProperties: PropertyValues): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'gantt-row': GanttRowElement;
+    }
+}

package/dist/core/constants.d.ts

@@ -0,0 +1,14 @@
+export declare const DEFAULT_ROW_HEADER_WIDTH = 150;
+export declare const DEFAULT_MONTH_FORMAT = "YYYY\u5E74M\u6708";
+export declare const DEFAULT_BAR_HEIGHT = 28;
+export declare const DEFAULT_BAR_MARGIN = 4;
+export declare const DEFAULT_BAR_CORNER_RADIUS = 4;
+export declare const DEFAULT_COLOR: {
+    BAR: string;
+    LABEL_BACKGROUND: string;
+    SATURDAY: string;
+    SUNDAY: string;
+    HOLIDAY: string;
+    BORDER: string;
+};
+export declare const DEFAULT_BAR_COLOR: string;

package/dist/core/i18n.d.ts

@@ -0,0 +1,52 @@
+/**
+ * moguchart-coreのロケール定義インターフェース。
+ * 新しい言語を追加するには、このインターフェースに準拠したオブジェクトを作成し、
+ * GanttChartOption.locale に渡してください。
+ */
+export interface MoguchartLocale {
+    /** デフォルトの月表示フォーマット (dayjs互換フォーマット文字列) */
+    monthFormat: string;
+    /** 月単位モードの月表示フォーマット (dayjs互換フォーマット文字列、例: 'M月' / 'MMM') */
+    monthRowFormat: string;
+    /** 日付のフォーマット関数 (例: "2024/1/15" / "1/15/2024") */
+    dateFormat: (date: Date) => string;
+    /** 時間単位モードの日付フォーマット関数 */
+    timeUnitDateFormat: (date: Date) => string;
+    /** 日時のフォーマット関数（時刻が00:00でない場合に使用） */
+    dateTimeFormat: (date: Date) => string;
+    /** 年月のみのフォーマット関数 (月単位モードのツールチップ・ドラッグオーバーレイで使用) */
+    yearMonthFormat: (date: Date) => string;
+    /** 期間フォーマット */
+    duration: {
+        /** 日数のフォーマット (例: 3 → "3日" / "3 days") */
+        days: (n: number) => string;
+        /** 時間のフォーマット (例: 2 → "2時間" / "2 hours") */
+        hours: (n: number) => string;
+        /** 分のフォーマット (例: 30 → "30分" / "30 minutes") */
+        minutes: (n: number) => string;
+        /** 期間がゼロの場合の表示 */
+        zero: string;
+    };
+    /** ツールチップのデフォルト文字列 */
+    tooltip: {
+        /** 所要日数の表示 (例: 5 → "所要日数: 5日" / "Duration: 5 days") */
+        duration: (days: number) => string;
+    };
+    /** ドラッグオーバーレイの文字列 */
+    dragOverlay: {
+        /** タイトル未設定時のフォールバック */
+        noTitle: string;
+        /** 移動先の表示 (例: "移動先: Row1" / "Move to: Row1") */
+        moveTo: (name: string) => string;
+        /** 複数タスク移動中の表示 (例: "3件のタスクを移動中" / "Moving 3 tasks") */
+        movingTasks: (count: number) => string;
+    };
+}
+/**
+ * 日本語ロケール (デフォルト)
+ */
+export declare const jaLocale: MoguchartLocale;
+/**
+ * 英語ロケール
+ */
+export declare const enLocale: MoguchartLocale;

package/dist/core/patterns.d.ts

@@ -0,0 +1,21 @@
+import type { GanttTaskPattern, BarPattern } from './types';
+export declare const ALL_BAR_PATTERNS: BarPattern[];
+export declare const PATTERN_DIAGONAL_STRIPE: GanttTaskPattern;
+export declare const PATTERN_DIAGONAL_STRIPE_REVERSE: GanttTaskPattern;
+export declare const PATTERN_VERTICAL_STRIPE: GanttTaskPattern;
+export declare const PATTERN_HORIZONTAL_STRIPE: GanttTaskPattern;
+export declare const PATTERN_CHECKERBOARD: GanttTaskPattern;
+export declare const PATTERN_DOTS: GanttTaskPattern;
+export declare const PATTERN_TRIANGLE: GanttTaskPattern;
+export declare const PATTERN_CIRCLE: GanttTaskPattern;
+export declare const PATTERN_GRID: GanttTaskPattern;
+export declare const PATTERN_DIAGONAL_GRID: GanttTaskPattern;
+export declare const PATTERN_STRIPE_THIN: GanttTaskPattern;
+export declare const PATTERN_STRIPE_THICK: GanttTaskPattern;
+export declare const PATTERN_DOTS_DENSE: GanttTaskPattern;
+/**
+ * GanttTaskPattern からCSSのbackground-imageスタイル文字列を生成します。
+ * @param pattern パターン設定
+ * @returns CSS文字列
+ */
+export declare function getPatternStyle(pattern?: GanttTaskPattern): string;

package/dist/core/theme.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeColors } from './types';
+export declare const THEME_COLORS: ThemeColors;