@mogura/moguchart-core 0.7.0 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -21,6 +21,8 @@ export declare class GanttBarElement extends LitElement {
21
21
  private getX;
22
22
  private setupDragEvents;
23
23
  private onResizeStart;
24
+ /** ドラッグ開始と判定するための移動閾値(px) */
25
+ private static readonly DRAG_THRESHOLD;
24
26
  private onMoveStart;
25
27
  protected updated(changedProperties: PropertyValues): void;
26
28
  disconnectedCallback(): void;
@@ -41,6 +41,10 @@ export declare class GanttRowElement extends LitElement {
41
41
  * マーカーのSVGパスを生成する
42
42
  */
43
43
  private getMarkerPath;
44
+ /**
45
+ * マーカーのフォントサイズ名をpx値に変換する
46
+ */
47
+ private resolveMarkerFontSize;
44
48
  /**
45
49
  * マーカーの表示幅を推定する(アイコン+ラベル)
46
50
  */
@@ -58,6 +62,10 @@ export declare class GanttRowElement extends LitElement {
58
62
  private handleHeaderClick;
59
63
  private handleHeaderContextMenu;
60
64
  private handleHeaderDblClick;
65
+ private _rowHeaderTooltipEl;
66
+ private _rowHeaderTooltipTimer;
67
+ private handleHeaderMouseEnter;
68
+ private handleHeaderMouseLeave;
61
69
  protected updated(changedProperties: PropertyValues): void;
62
70
  render(): import("lit").TemplateResult<1>;
63
71
  }
@@ -20,6 +20,10 @@ export type MarkerType = 'triangle-up' | 'triangle-down' | 'triangle-left' | 'tr
20
20
  * マーカーのアンカー位置
21
21
  */
22
22
  export type AnchorType = 'start' | 'end' | 'center';
23
+ /**
24
+ * マーカーのフォントサイズ
25
+ */
26
+ export type MarkerFontSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
23
27
  /**
24
28
  * マーカーの設定
25
29
  */
@@ -36,6 +40,8 @@ export interface GanttMarker {
36
40
  type: MarkerType;
37
41
  /** マーカーの色 (CSS color string) */
38
42
  color?: string;
43
+ /** マーカーのラベルのフォントサイズ ('xs'=極小, 'sm'=小, 'md'=中, 'lg'=大, 'xl'=特大) */
44
+ fontSize?: MarkerFontSize;
39
45
  /** マーカーのカスタムスタイル (CSS文字列) */
40
46
  style?: string;
41
47
  }
@@ -82,6 +88,8 @@ export interface GanttRow {
82
88
  tasks: GanttTask[];
83
89
  /** マーカーの配列 */
84
90
  markers?: GanttMarker[];
91
+ /** 現在選択中(編集中)のマーカーID */
92
+ selectedMarkerId?: string;
85
93
  /** 行を表示するかどうか (デフォルト: true) */
86
94
  visible?: boolean;
87
95
  }
@@ -285,6 +293,8 @@ export interface GanttChartOptionCustomRendering {
285
293
  calendarHourContent?: (context: CalendarHourCellContext) => string | unknown;
286
294
  /** ガントチャート部の背景セルをレンダリングする関数。各日のセルごとに呼ばれ、HTML文字列またはTemplateResultを返す */
287
295
  chartBackground?: (context: ChartBackgroundCellContext) => string | unknown;
296
+ /** 行ヘッダーのツールチップコンテンツをレンダリングする関数。マウスホバー時に呼ばれる */
297
+ rowHeaderTooltip?: (row: GanttRow) => string | HTMLElement | unknown;
288
298
  }
289
299
  /**
290
300
  * チャート背景右クリックイベントの詳細データ
@@ -403,8 +413,10 @@ export interface BarHoverEventDetail {
403
413
  task: GanttTask;
404
414
  /** マウスのX座標 */
405
415
  x: number;
406
- /** マウスのY座標 */
416
+ /** マウスのY座標(バー上辺) */
407
417
  y: number;
418
+ /** バー下辺のY座標 */
419
+ barBottom: number;
408
420
  }
409
421
  /**
410
422
  * タスククリックイベントの詳細
@@ -618,6 +630,28 @@ export interface DependencyClickEventDetail {
618
630
  /** 元のマウスイベント */
619
631
  event: MouseEvent;
620
632
  }
633
+ /**
634
+ * マーカーダブルクリックイベントの詳細データ
635
+ */
636
+ export interface MarkerDblClickEventDetail {
637
+ /** 対象のマーカー */
638
+ marker: GanttMarker;
639
+ /** マーカーが属する行ID */
640
+ rowId: string;
641
+ /** 元のマウスイベント */
642
+ event: MouseEvent;
643
+ }
644
+ /**
645
+ * マーカー右クリック(コンテキストメニュー)イベントの詳細データ
646
+ */
647
+ export interface MarkerContextMenuEventDetail {
648
+ /** 対象のマーカー */
649
+ marker: GanttMarker;
650
+ /** マーカーが属する行ID */
651
+ rowId: string;
652
+ /** 元のマウスイベント */
653
+ event: MouseEvent;
654
+ }
621
655
  /**
622
656
  * タスク削除イベントの詳細データ
623
657
  */