@alneas/appkit-react 0.1.0 → 0.2.0

package/dist/tools/components/calendar/ResourceCalendar.d.ts

@@ -1,51 +1,26 @@
 import { ResourceCalendarProps } from './types.js';
 import * as React from 'react';
 /**
- * リソースカレンダーコンポーネント
- *
- * 月・週・日・タイムライン・リソース表示に対応した多機能カレンダー。
- *
- * ## Features
- * - 6つのビューモード（month, week, day, timeline, resource, agenda）
- * - リソース別イベント表示
- * - 日付・時間枠の選択（クリック／キーボード）
- * - イベントクリック時の詳細表示
- * - 日本語/英語ローカライズ
- * - カスタムヘッダー/背景色
- *
- * ## AI/Automation Attributes
- * - `data-testid`: Container element
- * - `data-view`: Current view mode
- * - `data-event-count`: Number of events
- *
+ * Renders resource events in month, week, day, timeline, resource or agenda views.
+ * @param props - Event/resource arrays, view settings and interaction callbacks; see {@link ResourceCalendarProps}.
+ * @returns The calendar, navigation controls and optional selected-event dialog.
+ * @remarks Import Appkit CSS. Event data is supplied by the host; callbacks do not persist changes.
+ * resources defaults to an empty array, defaultDate to the mount-time current date and defaultView
+ * to week. view controls the displayed mode when supplied; date navigation remains local state.
+ * onRangeChange reports the visible date range after rendering. Locale comes from Appkit's
+ * Paraglide runtime (Japanese or English); Date values use the runtime's date/time conventions.
+ * The root does not expose data-testid, data-view or data-event-count and does not spread arbitrary attributes.
  * @example
  * ```tsx
  * import { ResourceCalendar } from '@alneas/appkit-react/tools/calendar';
- *
- * const events = [
- *   {
- *     id: '1',
- *     title: '会議',
- *     start: new Date('2024-01-15 10:00'),
- *     end: new Date('2024-01-15 11:00'),
- *     resourceId: 'room-a',
- *   },
- * ];
- *
- * const resources = [
- *   { id: 'room-a', title: '会議室A' },
- *   { id: 'room-b', title: '会議室B' },
- * ];
- *
- * <ResourceCalendar
- *   events={events}
- *   resources={resources}
- *   defaultView="week"
- *   onEventClick={(event) => console.log(event)}
- * />
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function RoomCalendar() {
+ *   return <ResourceCalendar defaultDate={new Date(2026, 0, 15)} defaultView="week"
+ *     resources={[{ id: 'room-a', title: 'Room A' }]}
+ *     events={[{ id: 'meeting', title: 'Planning', resourceId: 'room-a',
+ *       start: new Date(2026, 0, 15, 10), end: new Date(2026, 0, 15, 11) }]} />;
+ * }
  * ```
- *
- * @param props - {@link ResourceCalendarProps}
- * @returns リソースカレンダーコンポーネント
  */
 export declare function ResourceCalendar({ events, resources, defaultDate, defaultView, view: controlledView, className, onEventClick, onDateSelect, onViewChange, onRangeChange, components, businessHours, enabledViews, showDoubleArrows, headerBgColor, headingBgColor, defaultBgColor, }: ResourceCalendarProps): React.JSX.Element;

package/dist/tools/components/calendar/ResourceCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceCalendar.js","names":["React","m.calendar_today","m.calendar_view_grid","_Fragment","m.calendar_view_timeline","m.calendar_view_resource","m.calendar_view_day","m.calendar_view_week","m.calendar_view_month","m.calendar_view_agenda","React$1","ResourceCalendar","controlledView","currentDate","setCurrentDate","defaultDate","internalView","setView","defaultView","view","lastGridView","setLastGridView","timelineDuration","setTimelineDuration","selectedResourceId","setSelectedResourceId","selectedEvent","setSelectedEvent","language","getLocale","range","calendarRange","rangeStart","rangeEnd","lastNotifiedRange","key","onRangeChange","options","components","businessHours","locale","enUS","ja","filteredResources","resources","r","filteredEvents","events","handlePrevious","newDate","subMonths","subWeeks","subDays","handleNext","addMonths","addWeeks","addDays","handlePreviousLarge","handleNextLarge","handleViewChange","v","newView","onViewChange","toggleViewMode","next","mode","headerTitle","format","start","startOfWeek","end","CalendarOptionsContext","cn","className","defaultBgColor","headerBgColor","showDoubleArrows","Button","ChevronsLeft","ChevronLeft","calendar_today","ChevronRight","ChevronsRight","Select","SelectTrigger","SelectContent","SelectItem","res","enabledViews","calendar_view_grid","LayoutGrid","Fragment","calendar_view_timeline","StretchHorizontal","calendar_view_resource","Users","calendar_view_day","calendar_view_week","calendar_view_month","calendar_view_agenda","MonthView","onEventClick","TimeGridView","TimelineView","AgendaView","ResourceGridView","onDateSelect","resourceId","Dialog","open","DialogContent","DialogHeader","DialogTitle","DialogDescription"],"sources":["../../../../src/tools/components/calendar/ResourceCalendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as m from '../../paraglide/messages.js';\nimport { getLocale } from '../../paraglide/runtime.js';\nimport {\n  format,\n  addMonths,\n  addWeeks,\n  addDays,\n  subMonths,\n  subWeeks,\n  subDays,\n  startOfWeek,\n} from 'date-fns';\nimport { ja, enUS } from 'date-fns/locale';\nimport { ResourceCalendarProps, CalendarViewMode, CalendarEvent } from './types';\nimport { cn } from \"../../lib/utils\";\nimport { Button } from '../ui/button';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  LayoutGrid,\n  StretchHorizontal,\n  Users,\n} from 'lucide-react';\nimport { Select, SelectContent, SelectItem, SelectTrigger } from '../ui/select';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '../ui/dialog';\n\nimport { MonthView } from './views/MonthView';\nimport { TimeGridView } from './views/TimeGridView';\nimport { TimelineView } from './views/TimelineView';\nimport { AgendaView } from './views/AgendaView';\nimport { ResourceGridView } from './views/ResourceView';\nimport { CalendarOptionsContext } from './calendar-context';\nimport { calendarRange } from './calendar-layout';\n\n/**\n * リソースカレンダーコンポーネント\n *\n * 月・週・日・タイムライン・リソース表示に対応した多機能カレンダー。\n *\n * ## Features\n * - 6つのビューモード（month, week, day, timeline, resource, agenda）\n * - リソース別イベント表示\n * - 日付・時間枠の選択（クリック／キーボード）\n * - イベントクリック時の詳細表示\n * - 日本語/英語ローカライズ\n * - カスタムヘッダー/背景色\n *\n * ## AI/Automation Attributes\n * - `data-testid`: Container element\n * - `data-view`: Current view mode\n * - `data-event-count`: Number of events\n *\n * @example\n * ```tsx\n * import { ResourceCalendar } from '@alneas/appkit-react/tools/calendar';\n *\n * const events = [\n *   {\n *     id: '1',\n *     title: '会議',\n *     start: new Date('2024-01-15 10:00'),\n *     end: new Date('2024-01-15 11:00'),\n *     resourceId: 'room-a',\n *   },\n * ];\n *\n * const resources = [\n *   { id: 'room-a', title: '会議室A' },\n *   { id: 'room-b', title: '会議室B' },\n * ];\n *\n * <ResourceCalendar\n *   events={events}\n *   resources={resources}\n *   defaultView=\"week\"\n *   onEventClick={(event) => console.log(event)}\n * />\n * ```\n *\n * @param props - {@link ResourceCalendarProps}\n * @returns リソースカレンダーコンポーネント\n */\nexport function ResourceCalendar({\n  events,\n  resources = [],\n  defaultDate = new Date(),\n  defaultView = 'week',\n  view: controlledView,\n  className,\n  onEventClick,\n  onDateSelect,\n  onViewChange,\n  onRangeChange,\n  components,\n  businessHours,\n  enabledViews,\n  showDoubleArrows,\n  headerBgColor = 'color-mix(in srgb, hsl(var(--muted)) 50%, hsl(var(--background)))',\n  headingBgColor = 'color-mix(in srgb, hsl(var(--muted)) 30%, hsl(var(--background)))',\n  defaultBgColor = 'hsl(var(--background))',\n}: ResourceCalendarProps) {\n  const [currentDate, setCurrentDate] = React.useState(defaultDate);\n  const [internalView, setView] = React.useState<CalendarViewMode>(defaultView);\n  const view = controlledView ?? internalView;\n\n  const [lastGridView, setLastGridView] = React.useState<CalendarViewMode>('week');\n  const [timelineDuration, setTimelineDuration] = React.useState<'day' | 'week' | 'month'>('week');\n  const [selectedResourceId, setSelectedResourceId] = React.useState<string>('all');\n  const [selectedEvent, setSelectedEvent] = React.useState<CalendarEvent | null>(null);\n  const language = getLocale();\n  const range = calendarRange(currentDate, view, timelineDuration);\n  const rangeStart = +range.start;\n  const rangeEnd = +range.end;\n  const lastNotifiedRange = React.useRef('');\n  React.useEffect(() => {\n    const key = `${rangeStart}:${rangeEnd}`;\n    if (onRangeChange && lastNotifiedRange.current !== key) {\n      lastNotifiedRange.current = key;\n      onRangeChange({ start: new Date(rangeStart), end: new Date(rangeEnd) });\n    }\n  }, [rangeStart, rangeEnd, onRangeChange]);\n  const options = React.useMemo(() => ({ components, businessHours }), [components, businessHours]);\n\n  const locale = React.useMemo(() => {\n    return language === 'en' ? enUS : ja;\n  }, [language]);\n\n  const filteredResources = React.useMemo(() => {\n    if (selectedResourceId === 'all') return resources;\n    return resources.filter((r) => r.id === selectedResourceId);\n  }, [resources, selectedResourceId]);\n\n  const filteredEvents = React.useMemo(() => {\n    if (selectedResourceId === 'all') return events;\n    return events.filter((e) => e.resourceId === selectedResourceId);\n  }, [events, selectedResourceId]);\n\n  const handlePrevious = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = subMonths(currentDate, 1);\n        break;\n      case 'week':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'day':\n        newDate = subDays(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = subDays(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate =\n          timelineDuration === 'day'\n            ? subDays(currentDate, 1)\n            : timelineDuration === 'month'\n              ? subMonths(currentDate, 1)\n              : subWeeks(currentDate, 1);\n        break;\n      default:\n        newDate = subMonths(currentDate, 1);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleNext = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = addMonths(currentDate, 1);\n        break;\n      case 'week':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'day':\n        newDate = addDays(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = addDays(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate =\n          timelineDuration === 'day'\n            ? addDays(currentDate, 1)\n            : timelineDuration === 'month'\n              ? addMonths(currentDate, 1)\n              : addWeeks(currentDate, 1);\n        break;\n      default:\n        newDate = addMonths(currentDate, 1);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handlePreviousLarge = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = subMonths(currentDate, 12);\n        break;\n      case 'week':\n        newDate = subMonths(currentDate, 1);\n        break;\n      case 'day':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate = subMonths(currentDate, 1);\n        break;\n      default:\n        newDate = subMonths(currentDate, 12);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleNextLarge = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = addMonths(currentDate, 12);\n        break;\n      case 'week':\n        newDate = addMonths(currentDate, 1);\n        break;\n      case 'day':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate = addMonths(currentDate, 1);\n        break;\n      default:\n        newDate = addMonths(currentDate, 12);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleViewChange = (v: string) => {\n    if (view === 'timeline') {\n      if (v === 'day' || v === 'week' || v === 'month') {\n        setTimelineDuration(v as 'day' | 'week' | 'month');\n        return;\n      }\n    }\n\n    const newView = v as CalendarViewMode;\n    setView(newView);\n    onViewChange?.(newView);\n\n    if (newView !== 'timeline' && newView !== 'agenda' && newView !== 'resource') {\n      setLastGridView(newView);\n    }\n  };\n\n  const toggleViewMode = (mode: 'grid' | 'timeline' | 'resource') => {\n    const next = mode === 'grid' ? lastGridView : mode;\n    setView(next);\n    onViewChange?.(next);\n  };\n\n  const headerTitle = React.useMemo(() => {\n    if (\n      view === 'day' ||\n      view === 'resource' ||\n      (view === 'timeline' && timelineDuration === 'day')\n    ) {\n      return format(currentDate, language === 'en' ? 'MMMM d, yyyy' : 'yyyy年 M月 d日', { locale });\n    }\n    if (view === 'week' || (view === 'timeline' && timelineDuration === 'week')) {\n      const start = startOfWeek(currentDate, { weekStartsOn: 0 }); // Assuming Sunday start\n      // To match \"21日-27日\" style roughly\n      // If same month: 10月 21日 - 27日\n      // If different month: 9月 28日 - 10月 4日\n      const end = addDays(start, 6);\n\n      if (language === 'ja') {\n        if (start.getMonth() === end.getMonth()) {\n          return `${format(start, 'yyyy年 M月d日', { locale })} - ${format(end, 'd日', { locale })}`;\n        }\n        return `${format(start, 'yyyy年 M月d日', { locale })} - ${format(end, 'M月d日', { locale })}`;\n      } else {\n        if (start.getMonth() === end.getMonth()) {\n          return `${format(start, 'MMM d')} - ${format(end, 'd, yyyy')}`;\n        }\n        return `${format(start, 'MMM d')} - ${format(end, 'MMM d, yyyy')}`;\n      }\n    }\n    return format(currentDate, language === 'en' ? 'MMMM yyyy' : 'yyyy年 MMMM', { locale });\n  }, [currentDate, locale, language, view, timelineDuration]);\n\n  return (\n    <CalendarOptionsContext.Provider value={options}>\n      <div\n        className={cn(\n          'flex flex-col h-full border overflow-hidden [border-radius:var(--radius-lg)]',\n          className,\n        )}\n        style={{ backgroundColor: defaultBgColor }}\n      >\n        {/* Toolbar */}\n        {components?.toolbar ? (\n          components.toolbar({\n            date: currentDate,\n            view,\n            title: headerTitle,\n            range,\n            timelineDuration,\n            onPrevious: handlePrevious,\n            onNext: handleNext,\n            onToday: () => setCurrentDate(new Date()),\n            onViewChange: handleViewChange,\n          })\n        ) : (\n          <div\n            className='flex items-center justify-between border-b px-4 py-2 overflow-x-auto min-h-[52px]'\n            style={{ backgroundColor: headerBgColor }}\n          >\n            <div className='flex items-center gap-2 flex-none'>\n              {showDoubleArrows && (\n                <Button\n                  variant='outline'\n                  size='icon'\n                  onClick={handlePreviousLarge}\n                  aria-label={language === 'ja' ? '大きく前へ' : 'Previous large interval'}\n                  className='h-8 w-8'\n                >\n                  <ChevronsLeft className='h-4 w-4' />\n                </Button>\n              )}\n              <Button\n                variant='outline'\n                size='icon'\n                onClick={handlePrevious}\n                aria-label={language === 'ja' ? '前の期間' : 'Previous interval'}\n                className='h-8 w-8'\n              >\n                <ChevronLeft className='h-4 w-4' />\n              </Button>\n              <Button variant='outline' size='sm' onClick={() => setCurrentDate(new Date())}>\n                {m.calendar_today()}\n              </Button>\n              <Button\n                variant='outline'\n                size='icon'\n                onClick={handleNext}\n                aria-label={language === 'ja' ? '次の期間' : 'Next interval'}\n                className='h-8 w-8'\n              >\n                <ChevronRight className='h-4 w-4' />\n              </Button>\n              {showDoubleArrows && (\n                <Button\n                  variant='outline'\n                  size='icon'\n                  onClick={handleNextLarge}\n                  aria-label={language === 'ja' ? '大きく次へ' : 'Next large interval'}\n                  className='h-8 w-8'\n                >\n                  <ChevronsRight className='h-4 w-4' />\n                </Button>\n              )}\n              <span className='ml-2 text-lg font-semibold whitespace-nowrap'>{headerTitle}</span>\n            </div>\n\n            <div className='flex items-center gap-2 flex-none ml-4'>\n              {resources.length > 0 && (\n                <Select\n                  value={selectedResourceId}\n                  onValueChange={(v) => v && setSelectedResourceId(v)}\n                >\n                  <SelectTrigger aria-label={language === 'ja' ? 'リソース' : 'Resource'} className='bg-background w-[200px] h-9'>\n                    <span>\n                      {selectedResourceId === 'all'\n                        ? language === 'ja'\n                          ? 'すべてのリソース'\n                          : 'All Resources'\n                        : resources.find((r) => r.id === selectedResourceId)?.title ||\n                          selectedResourceId}\n                    </span>\n                  </SelectTrigger>\n                  <SelectContent className='bg-popover'>\n                    <SelectItem value='all'>\n                      {language === 'ja' ? 'すべてのリソース' : 'All Resources'}\n                    </SelectItem>\n                    {resources.map((res) => (\n                      <SelectItem key={res.id} value={res.id}>\n                        {res.title}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              )}\n\n              {/* View Type Switcher (Icon Group) */}\n              <div className='flex items-center border overflow-hidden bg-background rounded-md flex-none'>\n                {(!enabledViews ||\n                  enabledViews.includes('week') ||\n                  enabledViews.includes('day') ||\n                  enabledViews.includes('month')) && (\n                  <Button\n                    variant='ghost'\n                    size='icon'\n                    onClick={() => toggleViewMode('grid')}\n                    className={cn(\n                      'rounded-none h-9 w-9',\n                      view !== 'timeline' &&\n                        view !== 'resource' &&\n                        'bg-muted text-accent-foreground',\n                    )}\n                    title={m.calendar_view_grid({ defaultValue: 'Grid' })}\n                  >\n                    <LayoutGrid className='h-4 w-4' />\n                  </Button>\n                )}\n                {(!enabledViews || enabledViews.includes('timeline')) && (\n                  <>\n                    <div className='bg-border w-[1px] h-4' />\n                    <Button\n                      variant='ghost'\n                      size='icon'\n                      onClick={() => toggleViewMode('timeline')}\n                      className={cn(\n                        'rounded-none h-9 w-9',\n                        view === 'timeline' && 'bg-muted text-accent-foreground',\n                      )}\n                      title={m.calendar_view_timeline({ defaultValue: 'Timeline' })}\n                    >\n                      <StretchHorizontal className='h-4 w-4' />\n                    </Button>\n                  </>\n                )}\n                {(!enabledViews || enabledViews.includes('resource')) && (\n                  <>\n                    <div className='bg-border w-[1px] h-4' />\n                    <Button\n                      variant='ghost'\n                      size='icon'\n                      onClick={() => toggleViewMode('resource')}\n                      className={cn(\n                        'rounded-none h-9 w-9',\n                        view === 'resource' && 'bg-muted text-accent-foreground',\n                      )}\n                      title={m.calendar_view_resource({ defaultValue: 'Resource' })}\n                    >\n                      <Users className='h-4 w-4' />\n                    </Button>\n                  </>\n                )}\n              </div>\n\n              {/* Time Scope Switcher (Text Group) */}\n              {view !== 'resource' && (\n                <div className='flex items-center border overflow-hidden bg-background rounded-md flex-none'>\n                  {(!enabledViews || enabledViews.includes('day')) && (\n                    <Button\n                      variant='ghost'\n                      size='sm'\n                      onClick={() => handleViewChange('day')}\n                      className={cn(\n                        'rounded-none px-3 h-9',\n                        (view === 'day' || (view === 'timeline' && timelineDuration === 'day')) &&\n                          'bg-muted font-medium text-accent-foreground',\n                      )}\n                    >\n                      {m.calendar_view_day()}\n                    </Button>\n                  )}\n                  {(!enabledViews || enabledViews.includes('week')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('week')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          (view === 'week' ||\n                            (view === 'timeline' && timelineDuration === 'week')) &&\n                            'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_week()}\n                      </Button>\n                    </>\n                  )}\n                  {(!enabledViews || enabledViews.includes('month')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('month')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          (view === 'month' ||\n                            (view === 'timeline' && timelineDuration === 'month')) &&\n                            'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_month()}\n                      </Button>\n                    </>\n                  )}\n                  {view !== 'timeline' && (!enabledViews || enabledViews.includes('agenda')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('agenda')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          view === 'agenda' && 'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_agenda({ defaultValue: 'List' })}\n                      </Button>\n                    </>\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n        {/* View Content */}\n        <div className='flex-1 overflow-hidden relative min-h-0'>\n          {view === 'month' && (\n            <MonthView\n              currentDate={currentDate}\n              events={filteredEvents}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              onDateSelect={onDateSelect}\n              locale={locale}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {(view === 'week' || view === 'day') && (\n            <TimeGridView\n              view={view}\n              currentDate={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              onDateSelect={onDateSelect}\n              locale={locale}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'timeline' && (\n            <TimelineView\n              currentDate={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              locale={locale}\n              duration={timelineDuration}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'agenda' && (\n            <AgendaView\n              currentDate={currentDate}\n              events={filteredEvents}\n              locale={locale}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'resource' && (\n            <ResourceGridView\n              date={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              onEmptySlotClick={\n                onDateSelect\n                  ? (resourceId, start) =>\n                      onDateSelect(start, new Date(+start + 30 * 60_000), resourceId)\n                  : undefined\n              }\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n            />\n          )}\n        </div>\n\n        {/* Event Detail Dialog */}\n        <Dialog open={!!selectedEvent} onOpenChange={(open) => !open && setSelectedEvent(null)}>\n          <DialogContent className='bg-popover'>\n            <DialogHeader>\n              <DialogTitle className='text-xl font-bold'>{selectedEvent?.title}</DialogTitle>\n              <DialogDescription className='text-sm text-muted-foreground'>\n                {selectedEvent &&\n                  format(new Date(selectedEvent.start), 'yyyy/MM/dd HH:mm', { locale })}\n                {' - '}\n                {selectedEvent && format(new Date(selectedEvent.end), 'HH:mm', { locale })}\n              </DialogDescription>\n            </DialogHeader>\n            {selectedEvent?.description && (\n              <div className='py-4 text-sm whitespace-pre-wrap text-foreground'>\n                {selectedEvent.description as string}\n              </div>\n            )}\n            {selectedEvent?.resourceId && (\n              <div className='mt-2 text-xs font-semibold text-muted-foreground uppercase border-t pt-2'>\n                Resource: {resources.find((r) => r.id === selectedEvent.resourceId)?.title}\n              </div>\n            )}\n          </DialogContent>\n        </Dialog>\n      </div>\n    </CalendarOptionsContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ResourceCalendar.js","names":["React","m.calendar_today","m.calendar_view_grid","_Fragment","m.calendar_view_timeline","m.calendar_view_resource","m.calendar_view_day","m.calendar_view_week","m.calendar_view_month","m.calendar_view_agenda","React$1","ResourceCalendar","controlledView","currentDate","setCurrentDate","defaultDate","internalView","setView","defaultView","view","lastGridView","setLastGridView","timelineDuration","setTimelineDuration","selectedResourceId","setSelectedResourceId","selectedEvent","setSelectedEvent","language","getLocale","range","calendarRange","rangeStart","rangeEnd","lastNotifiedRange","key","onRangeChange","options","components","businessHours","locale","enUS","ja","filteredResources","resources","r","filteredEvents","events","handlePrevious","newDate","subMonths","subWeeks","subDays","handleNext","addMonths","addWeeks","addDays","handlePreviousLarge","handleNextLarge","handleViewChange","v","newView","onViewChange","toggleViewMode","next","mode","headerTitle","format","start","startOfWeek","end","CalendarOptionsContext","cn","className","defaultBgColor","headerBgColor","showDoubleArrows","Button","ChevronsLeft","ChevronLeft","calendar_today","ChevronRight","ChevronsRight","Select","SelectTrigger","SelectContent","SelectItem","res","enabledViews","calendar_view_grid","LayoutGrid","Fragment","calendar_view_timeline","StretchHorizontal","calendar_view_resource","Users","calendar_view_day","calendar_view_week","calendar_view_month","calendar_view_agenda","MonthView","onEventClick","TimeGridView","TimelineView","AgendaView","ResourceGridView","onDateSelect","resourceId","Dialog","open","DialogContent","DialogHeader","DialogTitle","DialogDescription"],"sources":["../../../../src/tools/components/calendar/ResourceCalendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as m from '../../paraglide/messages.js';\nimport { getLocale } from '../../paraglide/runtime.js';\nimport {\n  format,\n  addMonths,\n  addWeeks,\n  addDays,\n  subMonths,\n  subWeeks,\n  subDays,\n  startOfWeek,\n} from 'date-fns';\nimport { ja, enUS } from 'date-fns/locale';\nimport { ResourceCalendarProps, CalendarViewMode, CalendarEvent } from './types';\nimport { cn } from \"../../lib/utils\";\nimport { Button } from '../ui/button';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  LayoutGrid,\n  StretchHorizontal,\n  Users,\n} from 'lucide-react';\nimport { Select, SelectContent, SelectItem, SelectTrigger } from '../ui/select';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '../ui/dialog';\n\nimport { MonthView } from './views/MonthView';\nimport { TimeGridView } from './views/TimeGridView';\nimport { TimelineView } from './views/TimelineView';\nimport { AgendaView } from './views/AgendaView';\nimport { ResourceGridView } from './views/ResourceView';\nimport { CalendarOptionsContext } from './calendar-context';\nimport { calendarRange } from './calendar-layout';\n\n/**\n * Renders resource events in month, week, day, timeline, resource or agenda views.\n * @param props - Event/resource arrays, view settings and interaction callbacks; see {@link ResourceCalendarProps}.\n * @returns The calendar, navigation controls and optional selected-event dialog.\n * @remarks Import Appkit CSS. Event data is supplied by the host; callbacks do not persist changes.\n * resources defaults to an empty array, defaultDate to the mount-time current date and defaultView\n * to week. view controls the displayed mode when supplied; date navigation remains local state.\n * onRangeChange reports the visible date range after rendering. Locale comes from Appkit's\n * Paraglide runtime (Japanese or English); Date values use the runtime's date/time conventions.\n * The root does not expose data-testid, data-view or data-event-count and does not spread arbitrary attributes.\n * @example\n * ```tsx\n * import { ResourceCalendar } from '@alneas/appkit-react/tools/calendar';\n * import '@alneas/appkit-react/styles';\n *\n * export function RoomCalendar() {\n *   return <ResourceCalendar defaultDate={new Date(2026, 0, 15)} defaultView=\"week\"\n *     resources={[{ id: 'room-a', title: 'Room A' }]}\n *     events={[{ id: 'meeting', title: 'Planning', resourceId: 'room-a',\n *       start: new Date(2026, 0, 15, 10), end: new Date(2026, 0, 15, 11) }]} />;\n * }\n * ```\n */\nexport function ResourceCalendar({\n  events,\n  resources = [],\n  defaultDate = new Date(),\n  defaultView = 'week',\n  view: controlledView,\n  className,\n  onEventClick,\n  onDateSelect,\n  onViewChange,\n  onRangeChange,\n  components,\n  businessHours,\n  enabledViews,\n  showDoubleArrows,\n  headerBgColor = 'color-mix(in srgb, hsl(var(--muted)) 50%, hsl(var(--background)))',\n  headingBgColor = 'color-mix(in srgb, hsl(var(--muted)) 30%, hsl(var(--background)))',\n  defaultBgColor = 'hsl(var(--background))',\n}: ResourceCalendarProps) {\n  const [currentDate, setCurrentDate] = React.useState(defaultDate);\n  const [internalView, setView] = React.useState<CalendarViewMode>(defaultView);\n  const view = controlledView ?? internalView;\n\n  const [lastGridView, setLastGridView] = React.useState<CalendarViewMode>('week');\n  const [timelineDuration, setTimelineDuration] = React.useState<'day' | 'week' | 'month'>('week');\n  const [selectedResourceId, setSelectedResourceId] = React.useState<string>('all');\n  const [selectedEvent, setSelectedEvent] = React.useState<CalendarEvent | null>(null);\n  const language = getLocale();\n  const range = calendarRange(currentDate, view, timelineDuration);\n  const rangeStart = +range.start;\n  const rangeEnd = +range.end;\n  const lastNotifiedRange = React.useRef('');\n  React.useEffect(() => {\n    const key = `${rangeStart}:${rangeEnd}`;\n    if (onRangeChange && lastNotifiedRange.current !== key) {\n      lastNotifiedRange.current = key;\n      onRangeChange({ start: new Date(rangeStart), end: new Date(rangeEnd) });\n    }\n  }, [rangeStart, rangeEnd, onRangeChange]);\n  const options = React.useMemo(() => ({ components, businessHours }), [components, businessHours]);\n\n  const locale = React.useMemo(() => {\n    return language === 'en' ? enUS : ja;\n  }, [language]);\n\n  const filteredResources = React.useMemo(() => {\n    if (selectedResourceId === 'all') return resources;\n    return resources.filter((r) => r.id === selectedResourceId);\n  }, [resources, selectedResourceId]);\n\n  const filteredEvents = React.useMemo(() => {\n    if (selectedResourceId === 'all') return events;\n    return events.filter((e) => e.resourceId === selectedResourceId);\n  }, [events, selectedResourceId]);\n\n  const handlePrevious = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = subMonths(currentDate, 1);\n        break;\n      case 'week':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'day':\n        newDate = subDays(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = subDays(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate =\n          timelineDuration === 'day'\n            ? subDays(currentDate, 1)\n            : timelineDuration === 'month'\n              ? subMonths(currentDate, 1)\n              : subWeeks(currentDate, 1);\n        break;\n      default:\n        newDate = subMonths(currentDate, 1);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleNext = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = addMonths(currentDate, 1);\n        break;\n      case 'week':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'day':\n        newDate = addDays(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = addDays(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate =\n          timelineDuration === 'day'\n            ? addDays(currentDate, 1)\n            : timelineDuration === 'month'\n              ? addMonths(currentDate, 1)\n              : addWeeks(currentDate, 1);\n        break;\n      default:\n        newDate = addMonths(currentDate, 1);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handlePreviousLarge = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = subMonths(currentDate, 12);\n        break;\n      case 'week':\n        newDate = subMonths(currentDate, 1);\n        break;\n      case 'day':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate = subMonths(currentDate, 1);\n        break;\n      default:\n        newDate = subMonths(currentDate, 12);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleNextLarge = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = addMonths(currentDate, 12);\n        break;\n      case 'week':\n        newDate = addMonths(currentDate, 1);\n        break;\n      case 'day':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate = addMonths(currentDate, 1);\n        break;\n      default:\n        newDate = addMonths(currentDate, 12);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleViewChange = (v: string) => {\n    if (view === 'timeline') {\n      if (v === 'day' || v === 'week' || v === 'month') {\n        setTimelineDuration(v as 'day' | 'week' | 'month');\n        return;\n      }\n    }\n\n    const newView = v as CalendarViewMode;\n    setView(newView);\n    onViewChange?.(newView);\n\n    if (newView !== 'timeline' && newView !== 'agenda' && newView !== 'resource') {\n      setLastGridView(newView);\n    }\n  };\n\n  const toggleViewMode = (mode: 'grid' | 'timeline' | 'resource') => {\n    const next = mode === 'grid' ? lastGridView : mode;\n    setView(next);\n    onViewChange?.(next);\n  };\n\n  const headerTitle = React.useMemo(() => {\n    if (\n      view === 'day' ||\n      view === 'resource' ||\n      (view === 'timeline' && timelineDuration === 'day')\n    ) {\n      return format(currentDate, language === 'en' ? 'MMMM d, yyyy' : 'yyyy年 M月 d日', { locale });\n    }\n    if (view === 'week' || (view === 'timeline' && timelineDuration === 'week')) {\n      const start = startOfWeek(currentDate, { weekStartsOn: 0 }); // Assuming Sunday start\n      // To match \"21日-27日\" style roughly\n      // If same month: 10月 21日 - 27日\n      // If different month: 9月 28日 - 10月 4日\n      const end = addDays(start, 6);\n\n      if (language === 'ja') {\n        if (start.getMonth() === end.getMonth()) {\n          return `${format(start, 'yyyy年 M月d日', { locale })} - ${format(end, 'd日', { locale })}`;\n        }\n        return `${format(start, 'yyyy年 M月d日', { locale })} - ${format(end, 'M月d日', { locale })}`;\n      } else {\n        if (start.getMonth() === end.getMonth()) {\n          return `${format(start, 'MMM d')} - ${format(end, 'd, yyyy')}`;\n        }\n        return `${format(start, 'MMM d')} - ${format(end, 'MMM d, yyyy')}`;\n      }\n    }\n    return format(currentDate, language === 'en' ? 'MMMM yyyy' : 'yyyy年 MMMM', { locale });\n  }, [currentDate, locale, language, view, timelineDuration]);\n\n  return (\n    <CalendarOptionsContext.Provider value={options}>\n      <div\n        className={cn(\n          'flex flex-col h-full border overflow-hidden [border-radius:var(--radius-lg)]',\n          className,\n        )}\n        style={{ backgroundColor: defaultBgColor }}\n      >\n        {/* Toolbar */}\n        {components?.toolbar ? (\n          components.toolbar({\n            date: currentDate,\n            view,\n            title: headerTitle,\n            range,\n            timelineDuration,\n            onPrevious: handlePrevious,\n            onNext: handleNext,\n            onToday: () => setCurrentDate(new Date()),\n            onViewChange: handleViewChange,\n          })\n        ) : (\n          <div\n            className='flex items-center justify-between border-b px-4 py-2 overflow-x-auto min-h-[52px]'\n            style={{ backgroundColor: headerBgColor }}\n          >\n            <div className='flex items-center gap-2 flex-none'>\n              {showDoubleArrows && (\n                <Button\n                  variant='outline'\n                  size='icon'\n                  onClick={handlePreviousLarge}\n                  aria-label={language === 'ja' ? '大きく前へ' : 'Previous large interval'}\n                  className='h-8 w-8'\n                >\n                  <ChevronsLeft className='h-4 w-4' />\n                </Button>\n              )}\n              <Button\n                variant='outline'\n                size='icon'\n                onClick={handlePrevious}\n                aria-label={language === 'ja' ? '前の期間' : 'Previous interval'}\n                className='h-8 w-8'\n              >\n                <ChevronLeft className='h-4 w-4' />\n              </Button>\n              <Button variant='outline' size='sm' onClick={() => setCurrentDate(new Date())}>\n                {m.calendar_today()}\n              </Button>\n              <Button\n                variant='outline'\n                size='icon'\n                onClick={handleNext}\n                aria-label={language === 'ja' ? '次の期間' : 'Next interval'}\n                className='h-8 w-8'\n              >\n                <ChevronRight className='h-4 w-4' />\n              </Button>\n              {showDoubleArrows && (\n                <Button\n                  variant='outline'\n                  size='icon'\n                  onClick={handleNextLarge}\n                  aria-label={language === 'ja' ? '大きく次へ' : 'Next large interval'}\n                  className='h-8 w-8'\n                >\n                  <ChevronsRight className='h-4 w-4' />\n                </Button>\n              )}\n              <span className='ml-2 text-lg font-semibold whitespace-nowrap'>{headerTitle}</span>\n            </div>\n\n            <div className='flex items-center gap-2 flex-none ml-4'>\n              {resources.length > 0 && (\n                <Select\n                  value={selectedResourceId}\n                  onValueChange={(v) => v && setSelectedResourceId(v)}\n                >\n                  <SelectTrigger aria-label={language === 'ja' ? 'リソース' : 'Resource'} className='bg-background w-[200px] h-9'>\n                    <span>\n                      {selectedResourceId === 'all'\n                        ? language === 'ja'\n                          ? 'すべてのリソース'\n                          : 'All Resources'\n                        : resources.find((r) => r.id === selectedResourceId)?.title ||\n                          selectedResourceId}\n                    </span>\n                  </SelectTrigger>\n                  <SelectContent className='bg-popover'>\n                    <SelectItem value='all'>\n                      {language === 'ja' ? 'すべてのリソース' : 'All Resources'}\n                    </SelectItem>\n                    {resources.map((res) => (\n                      <SelectItem key={res.id} value={res.id}>\n                        {res.title}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              )}\n\n              {/* View Type Switcher (Icon Group) */}\n              <div className='flex items-center border overflow-hidden bg-background rounded-md flex-none'>\n                {(!enabledViews ||\n                  enabledViews.includes('week') ||\n                  enabledViews.includes('day') ||\n                  enabledViews.includes('month')) && (\n                  <Button\n                    variant='ghost'\n                    size='icon'\n                    onClick={() => toggleViewMode('grid')}\n                    className={cn(\n                      'rounded-none h-9 w-9',\n                      view !== 'timeline' &&\n                        view !== 'resource' &&\n                        'bg-muted text-accent-foreground',\n                    )}\n                    title={m.calendar_view_grid({ defaultValue: 'Grid' })}\n                  >\n                    <LayoutGrid className='h-4 w-4' />\n                  </Button>\n                )}\n                {(!enabledViews || enabledViews.includes('timeline')) && (\n                  <>\n                    <div className='bg-border w-[1px] h-4' />\n                    <Button\n                      variant='ghost'\n                      size='icon'\n                      onClick={() => toggleViewMode('timeline')}\n                      className={cn(\n                        'rounded-none h-9 w-9',\n                        view === 'timeline' && 'bg-muted text-accent-foreground',\n                      )}\n                      title={m.calendar_view_timeline({ defaultValue: 'Timeline' })}\n                    >\n                      <StretchHorizontal className='h-4 w-4' />\n                    </Button>\n                  </>\n                )}\n                {(!enabledViews || enabledViews.includes('resource')) && (\n                  <>\n                    <div className='bg-border w-[1px] h-4' />\n                    <Button\n                      variant='ghost'\n                      size='icon'\n                      onClick={() => toggleViewMode('resource')}\n                      className={cn(\n                        'rounded-none h-9 w-9',\n                        view === 'resource' && 'bg-muted text-accent-foreground',\n                      )}\n                      title={m.calendar_view_resource({ defaultValue: 'Resource' })}\n                    >\n                      <Users className='h-4 w-4' />\n                    </Button>\n                  </>\n                )}\n              </div>\n\n              {/* Time Scope Switcher (Text Group) */}\n              {view !== 'resource' && (\n                <div className='flex items-center border overflow-hidden bg-background rounded-md flex-none'>\n                  {(!enabledViews || enabledViews.includes('day')) && (\n                    <Button\n                      variant='ghost'\n                      size='sm'\n                      onClick={() => handleViewChange('day')}\n                      className={cn(\n                        'rounded-none px-3 h-9',\n                        (view === 'day' || (view === 'timeline' && timelineDuration === 'day')) &&\n                          'bg-muted font-medium text-accent-foreground',\n                      )}\n                    >\n                      {m.calendar_view_day()}\n                    </Button>\n                  )}\n                  {(!enabledViews || enabledViews.includes('week')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('week')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          (view === 'week' ||\n                            (view === 'timeline' && timelineDuration === 'week')) &&\n                            'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_week()}\n                      </Button>\n                    </>\n                  )}\n                  {(!enabledViews || enabledViews.includes('month')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('month')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          (view === 'month' ||\n                            (view === 'timeline' && timelineDuration === 'month')) &&\n                            'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_month()}\n                      </Button>\n                    </>\n                  )}\n                  {view !== 'timeline' && (!enabledViews || enabledViews.includes('agenda')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('agenda')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          view === 'agenda' && 'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_agenda({ defaultValue: 'List' })}\n                      </Button>\n                    </>\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n        {/* View Content */}\n        <div className='flex-1 overflow-hidden relative min-h-0'>\n          {view === 'month' && (\n            <MonthView\n              currentDate={currentDate}\n              events={filteredEvents}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              onDateSelect={onDateSelect}\n              locale={locale}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {(view === 'week' || view === 'day') && (\n            <TimeGridView\n              view={view}\n              currentDate={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              onDateSelect={onDateSelect}\n              locale={locale}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'timeline' && (\n            <TimelineView\n              currentDate={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              locale={locale}\n              duration={timelineDuration}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'agenda' && (\n            <AgendaView\n              currentDate={currentDate}\n              events={filteredEvents}\n              locale={locale}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'resource' && (\n            <ResourceGridView\n              date={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              onEmptySlotClick={\n                onDateSelect\n                  ? (resourceId, start) =>\n                      onDateSelect(start, new Date(+start + 30 * 60_000), resourceId)\n                  : undefined\n              }\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n            />\n          )}\n        </div>\n\n        {/* Event Detail Dialog */}\n        <Dialog open={!!selectedEvent} onOpenChange={(open) => !open && setSelectedEvent(null)}>\n          <DialogContent className='bg-popover'>\n            <DialogHeader>\n              <DialogTitle className='text-xl font-bold'>{selectedEvent?.title}</DialogTitle>\n              <DialogDescription className='text-sm text-muted-foreground'>\n                {selectedEvent &&\n                  format(new Date(selectedEvent.start), 'yyyy/MM/dd HH:mm', { locale })}\n                {' - '}\n                {selectedEvent && format(new Date(selectedEvent.end), 'HH:mm', { locale })}\n              </DialogDescription>\n            </DialogHeader>\n            {selectedEvent?.description && (\n              <div className='py-4 text-sm whitespace-pre-wrap text-foreground'>\n                {selectedEvent.description as string}\n              </div>\n            )}\n            {selectedEvent?.resourceId && (\n              <div className='mt-2 text-xs font-semibold text-muted-foreground uppercase border-t pt-2'>\n                Resource: {resources.find((r) => r.id === selectedEvent.resourceId)?.title}\n              </div>\n            )}\n          </DialogContent>\n        </Dialog>\n      </div>\n    </CalendarOptionsContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/tools/components/calendar/views/ResourceView.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../ui/lib/utils.cjs"),n=require("../calendar-layout.cjs"),r=require("../calendar-context.cjs");let i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);let o=require("date-fns/locale"),s=require("date-fns");var c=96,l=96,u=48;function d({date:e,resources:d,events:f,startHour:p=9,endHour:m=23,cellDuration:h=30,cellWidth:g=48,rowHeight:_=48,onEventClick:v,onEmptySlotClick:y,isWeekendOrHoliday:b=!1,businessHours:x=[{start:9,end:22}],className:S}){let C=Number.isFinite(h)&&h>=1?h:30,{components:w,businessHours:T}=r.useCalendarOptions(),E=a.useRef(null),D=a.useMemo(()=>{let t=[],n=(m-p)*60/C;for(let r=0;r<n;r++){let n=(0,s.setMinutes)((0,s.setHours)((0,s.startOfDay)(e),p),r*C);t.push(n)}return t},[e,p,m,C]),O=a.useMemo(()=>{let t=new Map,r=(0,s.startOfDay)(e);for(let e of d)t.set(e.id,n.layoutEvents(f.filter(t=>t.resourceId===e.id),(0,s.setHours)(r,p),(0,s.setHours)(r,m)));return t},[f,d,e,p,m]),k=_*Math.max(1,...Array.from(O.values(),e=>Math.max(1,...e.map(e=>e.lanes)))),A=(e,t)=>{let n=(0,s.getHours)(e)*60+(0,s.getMinutes)(e)-p*60,r=(t.getTime()-e.getTime())/6e4;return{left:n/C*g,width:r/C*g}},j=(e,t)=>{if(T!==void 0||t.businessHours!==void 0)return n.isBusinessTime(e,T,t);let r=(0,s.getHours)(e)+(0,s.getMinutes)(e)/60;return x.some(e=>r>=e.start&&r<e.end)},M=D.length*g,N=d.length*k,P=a.useRef(null),F=a.useRef(null),I=a.useRef(null),L=a.useRef(null),R=a.useRef(null),z=a.useRef(null),B=a.useRef(null),V=a.useRef(null),H=a.useRef(null),U=a.useRef(null),W=a.useRef(null);a.useEffect(()=>{let e=E.current;if(!e)return;let t=()=>{let t=e.clientWidth,n=e.clientHeight,r=c+M,i=t-l,a=Math.min(r,i),o=a+l;z.current&&(z.current.style.left=`${Math.max(0,a)}px`),V.current&&(V.current.style.width=`${o}px`),U.current&&(U.current.style.left=`${Math.max(0,a)}px`);let s=u+N,d=n-u,f=Math.min(s,d);B.current&&(B.current.style.top=`${Math.max(0,f)}px`,B.current.style.width=`${o}px`),W.current&&(W.current.style.left=`${Math.max(0,a)}px`,W.current.style.top=`${Math.max(0,f)}px`);let p=Math.max(0,f-u);H.current&&(H.current.style.height=`${p}px`),z.current&&(z.current.style.height=`${p}px`)},n=new ResizeObserver(t);return n.observe(e),t(),()=>n.disconnect()},[M,N]);let[G,K]=a.useState(null),q=(e,t)=>{e.stopPropagation();let n=e.currentTarget.getBoundingClientRect(),r=E.current?.getBoundingClientRect();if(r){let e=n.bottom-r.top,i=n.left-r.left;K({event:t,position:{top:e,left:i}})}};return(0,i.jsx)(`div`,{className:t.cn(`relative h-full w-full overflow-hidden border bg-background`,S),children:(0,i.jsxs)(`div`,{ref:E,className:`relative h-full w-full overflow-auto`,onScroll:e=>{let{scrollTop:t,scrollLeft:n}=e.currentTarget;P.current&&(P.current.style.transform=`translateX(${-n}px)`),F.current&&(F.current.style.transform=`translateX(${-n}px)`),I.current&&(I.current.style.transform=`translateY(${-t}px)`),L.current&&(L.current.style.transform=`translateY(${-t}px)`)},children:[(0,i.jsxs)(`div`,{ref:R,className:`pointer-events-none sticky left-0 top-0 z-30 flex h-full w-full flex-col justify-between`,children:[(0,i.jsxs)(`div`,{ref:V,className:`pointer-events-auto absolute left-0 top-0 z-40 border-b bg-background`,style:{height:u},children:[(0,i.jsx)(`div`,{className:`pointer-events-none absolute left-0 right-0 top-0 h-full border-t`}),(0,i.jsx)(`div`,{className:`absolute left-0 top-0 z-50 border-l border-r bg-muted/50`,style:{width:c,height:u}}),(0,i.jsx)(`div`,{className:`absolute bottom-0 top-0 overflow-hidden bg-muted/50`,style:{left:c,right:l},children:(0,i.jsx)(`div`,{ref:P,className:`will-change-transform absolute left-0 top-0 flex h-full items-center`,children:D.map((e,n)=>{let r=(0,s.getMinutes)(e)===0;return(0,i.jsx)(`div`,{className:t.cn(`relative box-border flex flex-none items-center justify-start pl-1 text-sm font-medium text-muted-foreground`,r?`border-l`:``),style:{width:g,height:`100%`},children:r&&(0,s.format)(e,`H時`,{locale:o.ja})},n)})})})]}),(0,i.jsxs)(`div`,{ref:B,className:`pointer-events-auto absolute left-0 top-full z-40 border-b border-t bg-background transition-all duration-0`,style:{height:u},children:[(0,i.jsx)(`div`,{className:`pointer-events-none absolute left-0 right-0 top-0 h-full border-b`}),(0,i.jsx)(`div`,{className:`absolute left-0 top-0 z-50 border-b border-l border-r bg-muted/50`,style:{width:c,height:u}}),(0,i.jsx)(`div`,{className:`absolute bottom-0 top-0 overflow-hidden bg-muted/50`,style:{left:c,right:l},children:(0,i.jsx)(`div`,{ref:F,className:`will-change-transform absolute left-0 top-0 flex h-full items-center`,children:D.map((e,n)=>{let r=(0,s.getMinutes)(e)===0;return(0,i.jsx)(`div`,{className:t.cn(`relative box-border flex flex-none items-center justify-start pl-1 text-sm font-medium text-muted-foreground`,r?`border-l`:``),style:{width:g,height:`100%`},children:r&&(0,s.format)(e,`H時`,{locale:o.ja})},n)})})})]}),(0,i.jsx)(`div`,{ref:H,className:`pointer-events-auto absolute left-0 z-20 overflow-hidden border-l border-r bg-background`,style:{top:u,width:c},children:(0,i.jsx)(`div`,{ref:I,className:`will-change-transform absolute left-0 top-0 flex w-full flex-col bg-background`,children:d.map(e=>(0,i.jsxs)(`div`,{className:`box-border flex flex-col items-center justify-center border-b bg-muted/30 px-1 text-center text-sm font-medium text-foreground truncate`,style:{height:k},title:e.title,children:[(0,i.jsx)(`div`,{children:w?.resourceHeader?w.resourceHeader({resource:e}):e.title}),e.prices&&(0,i.jsx)(`div`,{className:`text-xs font-normal text-muted-foreground`,children:b?e.prices.weekend:e.prices.base})]},e.id))})}),(0,i.jsx)(`div`,{ref:z,className:`pointer-events-auto absolute left-full z-20 overflow-hidden border-l border-r bg-background transition-all duration-0`,style:{top:u,width:l},children:(0,i.jsx)(`div`,{ref:L,className:`will-change-transform absolute left-0 top-0 flex w-full flex-col bg-background`,children:d.map(e=>(0,i.jsxs)(`div`,{className:`box-border flex flex-col items-center justify-center border-b bg-muted/30 px-1 text-center text-sm font-medium text-foreground truncate`,style:{height:k},title:e.title,children:[(0,i.jsx)(`div`,{children:e.title}),e.prices&&(0,i.jsx)(`div`,{className:`text-xs font-normal text-muted-foreground`,children:b?e.prices.weekend:e.prices.peak})]},e.id))})}),(0,i.jsx)(`div`,{ref:U,className:`pointer-events-auto absolute left-full top-0 z-50 border-b border-l border-r border-t bg-muted/50`,style:{width:l,height:u}}),(0,i.jsx)(`div`,{ref:W,className:`pointer-events-auto absolute left-full top-full z-50 border-b border-l border-r border-t bg-muted/50`,style:{width:l,height:u}})]}),(0,i.jsxs)(`div`,{className:`absolute left-0 top-0 z-10`,style:{width:M+c+l,height:N+96},children:[G&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`fixed inset-0 z-40 cursor-default`,onClick:e=>{e?.stopPropagation(),K(null)}}),(0,i.jsxs)(`div`,{className:`pointer-events-auto absolute z-50 cursor-pointer rounded-lg border bg-popover p-2 shadow-lg hover:bg-accent`,style:{top:G.position.top-u+10,left:G.position.left-c+10,width:320},onClick:()=>{G&&v&&(v(G.event),K(null))},children:[(0,i.jsx)(`div`,{className:`mb-1 -mx-2 -mt-2 flex items-center justify-between rounded-t-lg bg-primary px-2 py-1 text-primary-foreground`,children:(0,i.jsxs)(`span`,{className:`text-sm font-bold`,children:[(0,s.format)(G.event.start,`HH:mm`),` -`,` `,(0,s.format)(G.event.end,`HH:mm`)]})}),(0,i.jsxs)(`div`,{className:`grid gap-1`,children:[(0,i.jsx)(`div`,{className:`text-sm font-semibold`,children:G.event.title}),G.event.description&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:G.event.description})]})]})]}),(0,i.jsx)(`div`,{className:`absolute`,style:{top:u,left:c,width:M,height:N},children:d.map(e=>(0,i.jsxs)(`div`,{className:`relative flex box-border border-b bg-background`,style:{height:k,width:M},children:[D.map((n,r)=>{let a=(0,s.getMinutes)(n)===0;return(0,i.jsx)(`button`,{type:`button`,disabled:!y,"aria-label":`${e.title} ${(0,s.format)(n,`yyyy-MM-dd HH:mm`)}`,className:t.cn(`pointer-events-auto box-border h-full flex-none border-r hover:bg-muted/10`,a?`border-border`:`border-border border-dashed`,!j(n,e)&&`bg-muted/20`),style:{width:g},onClick:()=>y&&y(e.id,n)},r)}),O.get(e.id)?.map(({event:e,start:r,end:a,lane:o})=>{let{left:c,width:l}=A(r,a);return(0,i.jsx)(`div`,{"data-event-id":e.id,role:`button`,tabIndex:0,onKeyDown:t=>n.activateOnKey(t,()=>v?.(e)),className:t.cn(`pointer-events-auto absolute z-10 select-none overflow-hidden rounded px-1 text-xs text-white shadow-sm hover:opacity-90`,e.color||`bg-primary text-primary-foreground`),style:{left:c,width:Math.max(1,l-2),top:o*_+4,height:_-8},onClick:t=>q(t,e),title:`${e.title} (${(0,s.format)(e.start,`HH:mm`)} - ${(0,s.format)(e.end,`HH:mm`)})`,children:w?.event?w.event({event:e}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`truncate font-semibold`,children:e.title}),l>40&&e.description&&(0,i.jsx)(`div`,{className:`truncate opacity-90`,children:e.description})]})},e.id)})]},e.id))})]})]})})}exports.ResourceGridView=d;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../ui/lib/utils.cjs"),n=require("../calendar-layout.cjs"),r=require("../calendar-context.cjs");let i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);let o=require("date-fns/locale"),s=require("date-fns");var c=96,l=96,u=48;function d({date:e,resources:d,events:f,startHour:p=9,endHour:m=23,cellDuration:h=30,cellWidth:g=48,rowHeight:_=48,onEventClick:v,onEmptySlotClick:y,isWeekendOrHoliday:b=!1,businessHours:x=[{start:9,end:22}],className:S}){let C=Number.isFinite(h)&&h>=1?h:30,{components:w,businessHours:T}=r.useCalendarOptions(),E=a.useRef(null),D=a.useMemo(()=>{let t=[],n=(m-p)*60/C;for(let r=0;r<n;r++){let n=(0,s.setMinutes)((0,s.setHours)((0,s.startOfDay)(e),p),r*C);t.push(n)}return t},[e,p,m,C]),O=a.useMemo(()=>{let t=new Map,r=(0,s.startOfDay)(e);for(let e of d)t.set(e.id,n.layoutEvents(f.filter(t=>t.resourceId===e.id),(0,s.setHours)(r,p),(0,s.setHours)(r,m)));return t},[f,d,e,p,m]),k=_*Math.max(1,...Array.from(O.values(),e=>Math.max(1,...e.map(e=>e.lanes)))),A=(e,t)=>{let n=(0,s.getHours)(e)*60+(0,s.getMinutes)(e)-p*60,r=(t.getTime()-e.getTime())/6e4;return{left:n/C*g,width:r/C*g}},j=(e,t)=>{if(T!==void 0||t.businessHours!==void 0)return n.isBusinessTime(e,T,t);let r=(0,s.getHours)(e)+(0,s.getMinutes)(e)/60;return x.some(e=>r>=e.start&&r<e.end)},M=D.length*g,N=d.length*k,P=a.useRef(null),F=a.useRef(null),I=a.useRef(null),L=a.useRef(null),R=a.useRef(null),z=a.useRef(null),B=a.useRef(null),V=a.useRef(null),H=a.useRef(null),U=a.useRef(null),W=a.useRef(null);a.useEffect(()=>{let e=E.current;if(!e)return;let t=()=>{let t=e.clientWidth,n=e.clientHeight,r=c+M,i=t-l,a=Math.min(r,i),o=a+l;z.current&&(z.current.style.left=`${Math.max(0,a)}px`),V.current&&(V.current.style.width=`${o}px`),U.current&&(U.current.style.left=`${Math.max(0,a)}px`);let s=u+N,d=n-u,f=Math.min(s,d);B.current&&(B.current.style.top=`${Math.max(0,f)}px`,B.current.style.width=`${o}px`),W.current&&(W.current.style.left=`${Math.max(0,a)}px`,W.current.style.top=`${Math.max(0,f)}px`);let p=Math.max(0,f-u);H.current&&(H.current.style.height=`${p}px`),z.current&&(z.current.style.height=`${p}px`)},n=new ResizeObserver(t);return n.observe(e),t(),()=>n.disconnect()},[M,N]);let[G,K]=a.useState(null),q=(e,t)=>{e.stopPropagation();let n=e.currentTarget.getBoundingClientRect(),r=E.current?.getBoundingClientRect();if(r){let e=n.bottom-r.top,i=n.left-r.left;K({event:t,position:{top:e,left:i}})}};return(0,i.jsx)(`div`,{className:t.cn(`relative h-full w-full overflow-hidden border bg-background`,S),children:(0,i.jsxs)(`div`,{ref:E,className:`relative h-full w-full overflow-auto`,onScroll:e=>{let{scrollTop:t,scrollLeft:n}=e.currentTarget;P.current&&(P.current.style.transform=`translateX(${-n}px)`),F.current&&(F.current.style.transform=`translateX(${-n}px)`),I.current&&(I.current.style.transform=`translateY(${-t}px)`),L.current&&(L.current.style.transform=`translateY(${-t}px)`)},children:[(0,i.jsxs)(`div`,{ref:R,className:`pointer-events-none sticky left-0 top-0 z-30 flex h-full w-full flex-col justify-between`,children:[(0,i.jsxs)(`div`,{ref:V,className:`pointer-events-auto absolute left-0 top-0 z-40 border-b bg-background`,style:{height:u},children:[(0,i.jsx)(`div`,{className:`pointer-events-none absolute left-0 right-0 top-0 h-full border-t`}),(0,i.jsx)(`div`,{className:`absolute left-0 top-0 z-50 border-l border-r bg-muted/50`,style:{width:c,height:u}}),(0,i.jsx)(`div`,{className:`absolute bottom-0 top-0 overflow-hidden bg-muted/50`,style:{left:c,right:l},children:(0,i.jsx)(`div`,{ref:P,className:`will-change-transform absolute left-0 top-0 flex h-full items-center`,children:D.map((e,n)=>{let r=(0,s.getMinutes)(e)===0;return(0,i.jsx)(`div`,{className:t.cn(`relative box-border flex flex-none items-center justify-start pl-1 text-sm font-medium text-muted-foreground`,r?`border-l`:``),style:{width:g,height:`100%`},children:r&&(0,s.format)(e,`H時`,{locale:o.ja})},n)})})})]}),(0,i.jsxs)(`div`,{ref:B,className:`pointer-events-auto absolute left-0 top-full z-40 border-b border-t bg-background transition-all duration-0`,style:{height:u},children:[(0,i.jsx)(`div`,{className:`pointer-events-none absolute left-0 right-0 top-0 h-full border-b`}),(0,i.jsx)(`div`,{className:`absolute left-0 top-0 z-50 border-b border-l border-r bg-muted/50`,style:{width:c,height:u}}),(0,i.jsx)(`div`,{className:`absolute bottom-0 top-0 overflow-hidden bg-muted/50`,style:{left:c,right:l},children:(0,i.jsx)(`div`,{ref:F,className:`will-change-transform absolute left-0 top-0 flex h-full items-center`,children:D.map((e,n)=>{let r=(0,s.getMinutes)(e)===0;return(0,i.jsx)(`div`,{className:t.cn(`relative box-border flex flex-none items-center justify-start pl-1 text-sm font-medium text-muted-foreground`,r?`border-l`:``),style:{width:g,height:`100%`},children:r&&(0,s.format)(e,`H時`,{locale:o.ja})},n)})})})]}),(0,i.jsx)(`div`,{ref:H,className:`pointer-events-auto absolute left-0 z-20 overflow-hidden border-l border-r bg-background`,style:{top:u,width:c},children:(0,i.jsx)(`div`,{ref:I,className:`will-change-transform absolute left-0 top-0 flex w-full flex-col bg-background`,children:d.map(e=>(0,i.jsxs)(`div`,{className:`box-border flex flex-col items-center justify-center border-b bg-muted/30 px-1 text-center text-sm font-medium text-foreground truncate`,style:{height:k},title:e.title,children:[(0,i.jsx)(`div`,{children:w?.resourceHeader?w.resourceHeader({resource:e}):e.title}),e.prices&&(0,i.jsx)(`div`,{className:`text-xs font-normal text-muted-foreground`,children:b?e.prices.weekend:e.prices.base})]},e.id))})}),(0,i.jsx)(`div`,{ref:z,className:`pointer-events-auto absolute left-full z-20 overflow-hidden border-l border-r bg-background transition-all duration-0`,style:{top:u,width:l},children:(0,i.jsx)(`div`,{ref:L,className:`will-change-transform absolute left-0 top-0 flex w-full flex-col bg-background`,children:d.map(e=>(0,i.jsxs)(`div`,{className:`box-border flex flex-col items-center justify-center border-b bg-muted/30 px-1 text-center text-sm font-medium text-foreground truncate`,style:{height:k},title:e.title,children:[(0,i.jsx)(`div`,{children:e.title}),e.prices&&(0,i.jsx)(`div`,{className:`text-xs font-normal text-muted-foreground`,children:b?e.prices.weekend:e.prices.peak})]},e.id))})}),(0,i.jsx)(`div`,{ref:U,className:`pointer-events-auto absolute left-full top-0 z-50 border-b border-l border-r border-t bg-muted/50`,style:{width:l,height:u}}),(0,i.jsx)(`div`,{ref:W,className:`pointer-events-auto absolute left-full top-full z-50 border-b border-l border-r border-t bg-muted/50`,style:{width:l,height:u}})]}),(0,i.jsxs)(`div`,{className:`absolute left-0 top-0 z-10`,style:{width:M+c+l,height:N+96},children:[G&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`fixed inset-0 z-40 cursor-default`,onClick:e=>{e?.stopPropagation(),K(null)}}),(0,i.jsxs)(`div`,{className:`pointer-events-auto absolute z-50 cursor-pointer rounded-lg border bg-popover p-2 shadow-lg hover:bg-accent`,style:{top:G.position.top-u+10,left:G.position.left-c+10,width:320},onClick:()=>{G&&v&&(v(G.event),K(null))},children:[(0,i.jsx)(`div`,{className:`mb-1 -mx-2 -mt-2 flex items-center justify-between rounded-t-lg bg-primary px-2 py-1 text-primary-foreground`,children:(0,i.jsxs)(`span`,{className:`text-sm font-bold`,children:[(0,s.format)(G.event.start,`HH:mm`),` -`,` `,(0,s.format)(G.event.end,`HH:mm`)]})}),(0,i.jsxs)(`div`,{className:`grid gap-1`,children:[(0,i.jsx)(`div`,{className:`text-sm font-semibold`,children:G.event.title}),G.event.description&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:G.event.description})]})]})]}),(0,i.jsx)(`div`,{className:`absolute`,style:{top:u,left:c,width:M,height:N},children:d.map(e=>(0,i.jsxs)(`div`,{className:`relative flex box-border border-b bg-background`,style:{height:k,width:M},children:[D.map((n,r)=>{let a=(0,s.getMinutes)(n)===0;return(0,i.jsx)(`button`,{type:`button`,disabled:!y,"aria-label":`${e.title} ${(0,s.format)(n,`yyyy-MM-dd HH:mm`)}`,className:t.cn(`pointer-events-auto box-border h-full flex-none border-r hover:bg-muted/10`,a?`border-border`:`border-border border-dashed`,!j(n,e)&&`bg-muted/20`),style:{width:g},onClick:()=>y&&y(e.id,n)},r)}),O.get(e.id)?.map(({event:e,start:r,end:a,lane:o})=>{let{left:c,width:l}=A(r,a);return(0,i.jsx)(`div`,{"data-event-id":e.id,role:`button`,tabIndex:0,onKeyDown:t=>n.activateOnKey(t,()=>v?.(e)),className:t.cn(`pointer-events-auto absolute z-10 select-none overflow-hidden rounded px-1 text-xs text-white shadow-sm hover:brightness-95`,e.color||`bg-primary text-primary-foreground`),style:{left:c,width:Math.max(1,l-2),top:o*_+4,height:_-8},onClick:t=>q(t,e),title:`${e.title} (${(0,s.format)(e.start,`HH:mm`)} - ${(0,s.format)(e.end,`HH:mm`)})`,children:w?.event?w.event({event:e}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`truncate font-semibold`,children:e.title}),l>40&&e.description&&(0,i.jsx)(`div`,{className:`truncate`,children:e.description})]})},e.id)})]},e.id))})]})]})})}exports.ResourceGridView=d;
 //# sourceMappingURL=ResourceView.cjs.map

package/dist/tools/components/calendar/views/ResourceView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceView.cjs","names":["useCalendarOptions","React","setMinutes","setHours","startOfDay","layoutEvents","getHours","getMinutes","isBusinessTime","cn","format","ja","_Fragment","activateOnKey","require_runtime","require_ui_lib_utils","require_tools_components_calendar_calendar_layout","require_tools_components_calendar_calendar_context","react_jsx_runtime","react","date_fns_locale","date_fns","LEFT_COL_WIDTH","RIGHT_COL_WIDTH","HEADER_HEIGHT","ResourceGridView","requestedCellDuration","cellDuration","calendarBusinessHours","scrollContainerRef","timeSlots","slots","count","endHour","startHour","i","time","date","eventsByResource","groups","day","resource","resources","events","event","displayRowHeight","rowHeight","segments","segment","calculatePosition","startTotalMinutes","eventStart","durationMinutes","eventEnd","cellWidth","isBusinessHour","timeVal","businessHours","bh","totalContentWidth","totalContentHeight","headerTopRef","headerBottomRef","headerLeftRef","headerRightRef","overlayRef","rightHeaderContainerRef","bottomHeaderContainerRef","topHeaderContainerRef","leftHeaderContainerRef","topRightCornerRef","bottomRightCornerRef","container","updateLayout","viewportWidth","viewportHeight","contentRightEdge","stickyRightEdge","rightHeaderLeft","totalVisualWidth","contentBottomEdge","stickyBottomEdge","bottomHeaderTop","sidebarHeight","observer","selectedEvent","setSelectedEvent","handleEventClick","rect","containerRect","top","left","className","scrollLeft","scrollTop","isHour","components","isWeekendOrHoliday","onEventClick","isHourStart","onEmptySlotClick","colIdx","start","end","e","width","lane"],"sources":["../../../../../src/tools/components/calendar/views/ResourceView.tsx"],"sourcesContent":["import * as React from 'react';\nimport { format, getHours, getMinutes, setHours, setMinutes, startOfDay } from 'date-fns';\nimport { ja } from 'date-fns/locale';\nimport { cn } from \"../../../lib/utils\";\nimport { CalendarEvent, CalendarResource } from '../types';\nimport { layoutEvents, activateOnKey, isBusinessTime } from '../calendar-layout';\nimport { useCalendarOptions } from '../calendar-context';\n\n// Dimensions\nconst LEFT_COL_WIDTH = 96; // w-24\nconst RIGHT_COL_WIDTH = 96;\nconst HEADER_HEIGHT = 48; // h-12\n\nexport interface ResourceGridViewProps {\n  /** 表示する日付 */\n  date: Date;\n  /** リソースのリスト */\n  resources: CalendarResource[];\n  /** イベントのリスト */\n  events: CalendarEvent[];\n  /** 開始時間 (時) デフォルト: 9 */\n  startHour?: number;\n  /** 終了時間 (時) デフォルト: 23 */\n  endHour?: number;\n  /** 1セルの時間 (分) デフォルト: 30 */\n  cellDuration?: number; // minutes\n  /** 1セルの幅 (px) デフォルト: 48 */\n  cellWidth?: number; // pixels\n  /** 行の高さ (px) デフォルト: 48 */\n  rowHeight?: number; // pixels\n  /** イベントクリック時のコールバック */\n  onEventClick?: (event: CalendarEvent) => void;\n  /** 空きスロットクリック時のコールバック */\n  onEmptySlotClick?: (resourceId: string, time: Date) => void;\n  /** 週末・祝日かどうか (価格表示などに影響) */\n  isWeekendOrHoliday?: boolean;\n  /** 営業時間 (網掛け表示に使用) */\n  businessHours?: { start: number; end: number }[];\n  /** 追加のクラス名 */\n  className?: string;\n}\n\n/**\n * リソースカレンダーコンポーネント\n *\n * リソースごとのタイムラインを表示し、イベントを配置します。\n */\nexport function ResourceGridView({\n  date,\n  resources,\n  events,\n  startHour = 9,\n  endHour = 23,\n  cellDuration: requestedCellDuration = 30,\n  cellWidth = 48,\n  rowHeight = 48,\n  onEventClick,\n  onEmptySlotClick,\n  isWeekendOrHoliday = false,\n  businessHours = [{ start: 9, end: 22 }],\n  className,\n}: ResourceGridViewProps) {\n  const cellDuration =\n    Number.isFinite(requestedCellDuration) && requestedCellDuration >= 1\n      ? requestedCellDuration\n      : 30;\n  const { components, businessHours: calendarBusinessHours } = useCalendarOptions();\n  const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n\n  // Time slots generation\n  const timeSlots = React.useMemo(() => {\n    const slots = [];\n    const totalMinutes = (endHour - startHour) * 60;\n    const count = totalMinutes / cellDuration;\n\n    for (let i = 0; i < count; i++) {\n      const time = setMinutes(setHours(startOfDay(date), startHour), i * cellDuration);\n      slots.push(time);\n    }\n    return slots;\n  }, [date, startHour, endHour, cellDuration]);\n\n  // Group events by resource\n  const eventsByResource = React.useMemo(() => {\n    const groups = new Map<string, ReturnType<typeof layoutEvents>>();\n    const day = startOfDay(date);\n    for (const resource of resources) {\n      groups.set(\n        resource.id,\n        layoutEvents(\n          events.filter((event) => event.resourceId === resource.id),\n          setHours(day, startHour),\n          setHours(day, endHour),\n        ),\n      );\n    }\n    return groups;\n  }, [events, resources, date, startHour, endHour]);\n  const displayRowHeight =\n    rowHeight *\n    Math.max(\n      1,\n      ...Array.from(eventsByResource.values(), (segments) =>\n        Math.max(1, ...segments.map((segment) => segment.lanes)),\n      ),\n    );\n\n  const calculatePosition = (eventStart: Date, eventEnd: Date) => {\n    const startTotalMinutes = getHours(eventStart) * 60 + getMinutes(eventStart) - startHour * 60;\n    const durationMinutes = (eventEnd.getTime() - eventStart.getTime()) / (1000 * 60);\n\n    const left = (startTotalMinutes / cellDuration) * cellWidth;\n    const width = (durationMinutes / cellDuration) * cellWidth;\n\n    return { left, width };\n  };\n\n  const isBusinessHour = (time: Date, resource: CalendarResource) => {\n    if (calendarBusinessHours !== undefined || resource.businessHours !== undefined)\n      return isBusinessTime(time, calendarBusinessHours, resource);\n    const timeVal = getHours(time) + getMinutes(time) / 60;\n    return businessHours.some((bh) => timeVal >= bh.start && timeVal < bh.end);\n  };\n\n  const totalContentWidth = timeSlots.length * cellWidth;\n  const totalContentHeight = resources.length * displayRowHeight;\n\n  // Scroll Sync Refs\n  const headerTopRef = React.useRef<HTMLDivElement>(null);\n  const headerBottomRef = React.useRef<HTMLDivElement>(null);\n  const headerLeftRef = React.useRef<HTMLDivElement>(null);\n  const headerRightRef = React.useRef<HTMLDivElement>(null);\n  const overlayRef = React.useRef<HTMLDivElement>(null);\n\n  // Refs for layout containers to update positions efficiently\n  const rightHeaderContainerRef = React.useRef<HTMLDivElement>(null);\n  const bottomHeaderContainerRef = React.useRef<HTMLDivElement>(null);\n  const topHeaderContainerRef = React.useRef<HTMLDivElement>(null);\n  const leftHeaderContainerRef = React.useRef<HTMLDivElement>(null);\n  const topRightCornerRef = React.useRef<HTMLDivElement>(null);\n  const bottomRightCornerRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const updateLayout = () => {\n      const viewportWidth = container.clientWidth;\n      const viewportHeight = container.clientHeight;\n\n      const contentRightEdge = LEFT_COL_WIDTH + totalContentWidth;\n      const stickyRightEdge = viewportWidth - RIGHT_COL_WIDTH;\n      const rightHeaderLeft = Math.min(contentRightEdge, stickyRightEdge);\n      const totalVisualWidth = rightHeaderLeft + RIGHT_COL_WIDTH;\n\n      if (rightHeaderContainerRef.current) {\n        rightHeaderContainerRef.current.style.left = `${Math.max(0, rightHeaderLeft)}px`;\n      }\n      if (topHeaderContainerRef.current) {\n        topHeaderContainerRef.current.style.width = `${totalVisualWidth}px`;\n      }\n      if (topRightCornerRef.current) {\n        topRightCornerRef.current.style.left = `${Math.max(0, rightHeaderLeft)}px`;\n      }\n\n      const contentBottomEdge = HEADER_HEIGHT + totalContentHeight;\n      const stickyBottomEdge = viewportHeight - HEADER_HEIGHT;\n      const bottomHeaderTop = Math.min(contentBottomEdge, stickyBottomEdge);\n\n      if (bottomHeaderContainerRef.current) {\n        bottomHeaderContainerRef.current.style.top = `${Math.max(0, bottomHeaderTop)}px`;\n        bottomHeaderContainerRef.current.style.width = `${totalVisualWidth}px`;\n      }\n      if (bottomRightCornerRef.current) {\n        bottomRightCornerRef.current.style.left = `${Math.max(0, rightHeaderLeft)}px`;\n        bottomRightCornerRef.current.style.top = `${Math.max(0, bottomHeaderTop)}px`;\n      }\n\n      const sidebarHeight = Math.max(0, bottomHeaderTop - HEADER_HEIGHT);\n\n      if (leftHeaderContainerRef.current) {\n        leftHeaderContainerRef.current.style.height = `${sidebarHeight}px`;\n      }\n      if (rightHeaderContainerRef.current) {\n        rightHeaderContainerRef.current.style.height = `${sidebarHeight}px`;\n      }\n    };\n\n    const observer = new ResizeObserver(updateLayout);\n    observer.observe(container);\n    updateLayout();\n\n    return () => observer.disconnect();\n  }, [totalContentWidth, totalContentHeight]);\n\n  // Event Selection State\n  const [selectedEvent, setSelectedEvent] = React.useState<{\n    event: CalendarEvent;\n    position: { top: number; left: number };\n  } | null>(null);\n\n  const handleEventClick = (e: React.MouseEvent, event: CalendarEvent) => {\n    e.stopPropagation();\n    const rect = e.currentTarget.getBoundingClientRect();\n    const containerRect = scrollContainerRef.current?.getBoundingClientRect();\n\n    if (containerRect) {\n      const top = rect.bottom - containerRect.top;\n      const left = rect.left - containerRect.left;\n      setSelectedEvent({ event, position: { top, left } });\n    }\n  };\n\n  const handlePopoverClick = () => {\n    if (selectedEvent && onEventClick) {\n      onEventClick(selectedEvent.event);\n      setSelectedEvent(null);\n    }\n  };\n\n  const closePopover = (e?: React.MouseEvent) => {\n    e?.stopPropagation();\n    setSelectedEvent(null);\n  };\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollLeft } = e.currentTarget;\n    if (headerTopRef.current) {\n      headerTopRef.current.style.transform = `translateX(${-scrollLeft}px)`;\n    }\n    if (headerBottomRef.current) {\n      headerBottomRef.current.style.transform = `translateX(${-scrollLeft}px)`;\n    }\n    if (headerLeftRef.current) {\n      headerLeftRef.current.style.transform = `translateY(${-scrollTop}px)`;\n    }\n    if (headerRightRef.current) {\n      headerRightRef.current.style.transform = `translateY(${-scrollTop}px)`;\n    }\n  };\n\n  return (\n    <div className={cn('relative h-full w-full overflow-hidden border bg-background', className)}>\n      <div\n        ref={scrollContainerRef}\n        className='relative h-full w-full overflow-auto'\n        onScroll={handleScroll}\n      >\n        {/* 1. STICKY OVERLAY LAYER */}\n        <div\n          ref={overlayRef}\n          className='pointer-events-none sticky left-0 top-0 z-30 flex h-full w-full flex-col justify-between'\n        >\n          {/* Top Header Row Wrapper */}\n          <div\n            ref={topHeaderContainerRef}\n            className='pointer-events-auto absolute left-0 top-0 z-40 border-b bg-background'\n            style={{ height: HEADER_HEIGHT }}\n          >\n            <div className='pointer-events-none absolute left-0 right-0 top-0 h-full border-t' />\n            {/* Static Left Corner */}\n            <div\n              className='absolute left-0 top-0 z-50 border-l border-r bg-muted/50'\n              style={{ width: LEFT_COL_WIDTH, height: HEADER_HEIGHT }}\n            />\n            {/* Scrolling Top Time Labels */}\n            <div\n              className='absolute bottom-0 top-0 overflow-hidden bg-muted/50'\n              style={{ left: LEFT_COL_WIDTH, right: RIGHT_COL_WIDTH }}\n            >\n              <div\n                ref={headerTopRef}\n                className='will-change-transform absolute left-0 top-0 flex h-full items-center'\n              >\n                {timeSlots.map((time, i) => {\n                  const isHour = getMinutes(time) === 0;\n                  return (\n                    <div\n                      key={i}\n                      className={cn(\n                        'relative box-border flex flex-none items-center justify-start pl-1 text-sm font-medium text-muted-foreground',\n                        isHour ? 'border-l' : '',\n                      )}\n                      style={{ width: cellWidth, height: '100%' }}\n                    >\n                      {isHour && format(time, 'H時', { locale: ja })}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n\n          {/* Bottom Header Row Wrapper */}\n          <div\n            ref={bottomHeaderContainerRef}\n            className='pointer-events-auto absolute left-0 top-full z-40 border-b border-t bg-background transition-all duration-0'\n            style={{ height: HEADER_HEIGHT }}\n          >\n            <div className='pointer-events-none absolute left-0 right-0 top-0 h-full border-b' />\n            <div\n              className='absolute left-0 top-0 z-50 border-b border-l border-r bg-muted/50'\n              style={{ width: LEFT_COL_WIDTH, height: HEADER_HEIGHT }}\n            />\n            <div\n              className='absolute bottom-0 top-0 overflow-hidden bg-muted/50'\n              style={{ left: LEFT_COL_WIDTH, right: RIGHT_COL_WIDTH }}\n            >\n              <div\n                ref={headerBottomRef}\n                className='will-change-transform absolute left-0 top-0 flex h-full items-center'\n              >\n                {timeSlots.map((time, i) => {\n                  const isHour = getMinutes(time) === 0;\n                  return (\n                    <div\n                      key={i}\n                      className={cn(\n                        'relative box-border flex flex-none items-center justify-start pl-1 text-sm font-medium text-muted-foreground',\n                        isHour ? 'border-l' : '',\n                      )}\n                      style={{ width: cellWidth, height: '100%' }}\n                    >\n                      {isHour && format(time, 'H時', { locale: ja })}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n\n          {/* Left Sidebar Column */}\n          <div\n            ref={leftHeaderContainerRef}\n            className='pointer-events-auto absolute left-0 z-20 overflow-hidden border-l border-r bg-background'\n            style={{ top: HEADER_HEIGHT, width: LEFT_COL_WIDTH }}\n          >\n            <div\n              ref={headerLeftRef}\n              className='will-change-transform absolute left-0 top-0 flex w-full flex-col bg-background'\n            >\n              {resources.map((resource) => (\n                <div\n                  key={resource.id}\n                  className='box-border flex flex-col items-center justify-center border-b bg-muted/30 px-1 text-center text-sm font-medium text-foreground truncate'\n                  style={{ height: displayRowHeight }}\n                  title={resource.title}\n                >\n                  <div>\n                    {components?.resourceHeader\n                      ? components.resourceHeader({ resource })\n                      : resource.title}\n                  </div>\n                  {resource.prices && (\n                    <div className='text-xs font-normal text-muted-foreground'>\n                      {isWeekendOrHoliday ? resource.prices.weekend : resource.prices.base}\n                    </div>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Right Sidebar Column */}\n          <div\n            ref={rightHeaderContainerRef}\n            className='pointer-events-auto absolute left-full z-20 overflow-hidden border-l border-r bg-background transition-all duration-0'\n            style={{ top: HEADER_HEIGHT, width: RIGHT_COL_WIDTH }}\n          >\n            <div\n              ref={headerRightRef}\n              className='will-change-transform absolute left-0 top-0 flex w-full flex-col bg-background'\n            >\n              {resources.map((resource) => (\n                <div\n                  key={resource.id}\n                  className='box-border flex flex-col items-center justify-center border-b bg-muted/30 px-1 text-center text-sm font-medium text-foreground truncate'\n                  style={{ height: displayRowHeight }}\n                  title={resource.title}\n                >\n                  <div>{resource.title}</div>\n                  {resource.prices && (\n                    <div className='text-xs font-normal text-muted-foreground'>\n                      {isWeekendOrHoliday ? resource.prices.weekend : resource.prices.peak}\n                    </div>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Dynamic Corners */}\n          <div\n            ref={topRightCornerRef}\n            className='pointer-events-auto absolute left-full top-0 z-50 border-b border-l border-r border-t bg-muted/50'\n            style={{ width: RIGHT_COL_WIDTH, height: HEADER_HEIGHT }}\n          />\n          <div\n            ref={bottomRightCornerRef}\n            className='pointer-events-auto absolute left-full top-full z-50 border-b border-l border-r border-t bg-muted/50'\n            style={{ width: RIGHT_COL_WIDTH, height: HEADER_HEIGHT }}\n          />\n        </div>\n\n        {/* 2. CONTENT LAYER */}\n        <div\n          className='absolute left-0 top-0 z-10'\n          style={{\n            width: totalContentWidth + LEFT_COL_WIDTH + RIGHT_COL_WIDTH,\n            height: totalContentHeight + HEADER_HEIGHT * 2,\n          }}\n        >\n          {/* POPOVER TOOLTIP */}\n          {selectedEvent && (\n            <>\n              <div className='fixed inset-0 z-40 cursor-default' onClick={closePopover} />\n              <div\n                className='pointer-events-auto absolute z-50 cursor-pointer rounded-lg border bg-popover p-2 shadow-lg hover:bg-accent'\n                style={{\n                  top: selectedEvent.position.top - HEADER_HEIGHT + 10,\n                  left: selectedEvent.position.left - LEFT_COL_WIDTH + 10,\n                  width: 320,\n                }}\n                onClick={handlePopoverClick}\n              >\n                <div className='mb-1 -mx-2 -mt-2 flex items-center justify-between rounded-t-lg bg-primary px-2 py-1 text-primary-foreground'>\n                  <span className='text-sm font-bold'>\n                    {format(selectedEvent.event.start, 'HH:mm')} -{' '}\n                    {format(selectedEvent.event.end, 'HH:mm')}\n                  </span>\n                </div>\n                <div className='grid gap-1'>\n                  <div className='text-sm font-semibold'>{selectedEvent.event.title}</div>\n                  {selectedEvent.event.description && (\n                    <div className='text-xs text-muted-foreground'>\n                      {selectedEvent.event.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            </>\n          )}\n\n          <div\n            className='absolute'\n            style={{\n              top: HEADER_HEIGHT,\n              left: LEFT_COL_WIDTH,\n              width: totalContentWidth,\n              height: totalContentHeight,\n            }}\n          >\n            {resources.map((resource) => (\n              <div\n                key={resource.id}\n                className='relative flex box-border border-b bg-background'\n                style={{ height: displayRowHeight, width: totalContentWidth }}\n              >\n                {timeSlots.map((time, colIdx) => {\n                  const isHourStart = getMinutes(time) === 0;\n                  return (\n                    <button\n                      key={colIdx}\n                      type='button'\n                      disabled={!onEmptySlotClick}\n                      aria-label={`${resource.title} ${format(time, 'yyyy-MM-dd HH:mm')}`}\n                      className={cn(\n                        'pointer-events-auto box-border h-full flex-none border-r hover:bg-muted/10',\n                        isHourStart ? 'border-border' : 'border-border border-dashed',\n                        !isBusinessHour(time, resource) && 'bg-muted/20',\n                      )}\n                      style={{ width: cellWidth }}\n                      onClick={() => onEmptySlotClick && onEmptySlotClick(resource.id, time)}\n                    />\n                  );\n                })}\n\n                {eventsByResource.get(resource.id)?.map(({ event, start, end, lane }) => {\n                  const { left, width } = calculatePosition(start, end);\n                  return (\n                    <div\n                      key={event.id}\n                      data-event-id={event.id}\n                      role='button'\n                      tabIndex={0}\n                      onKeyDown={(e) => activateOnKey(e, () => onEventClick?.(event))}\n                      className={cn(\n                        'pointer-events-auto absolute z-10 select-none overflow-hidden rounded px-1 text-xs text-white shadow-sm hover:opacity-90',\n                        event.color || 'bg-primary text-primary-foreground',\n                      )}\n                      style={{\n                        left,\n                        width: Math.max(1, width - 2),\n                        top: lane * rowHeight + 4,\n                        height: rowHeight - 8,\n                      }}\n                      onClick={(e) => handleEventClick(e, event)}\n                      title={`${event.title} (${format(event.start, 'HH:mm')} - ${format(\n                        event.end,\n                        'HH:mm',\n                      )})`}\n                    >\n                      {components?.event ? (\n                        components.event({ event })\n                      ) : (\n                        <>\n                          <div className='truncate font-semibold'>{event.title}</div>\n                          {width > 40 && event.description && (\n                            <div className='truncate opacity-90'>{event.description}</div>\n                          )}\n                        </>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"A,+XASA,IAAMsB,EAAiB,GACjBC,EAAkB,GAClBC,EAAgB,GAoCtB,SAAgBC,EAAiB,CAC/B,OACA,YACA,SACA,YAAY,EACZ,UAAU,GACV,aAAcC,EAAwB,GACtC,YAAY,GACZ,YAAY,GACZ,eACA,mBACA,qBAAqB,GACrB,gBAAgB,CAAC,CAAE,MAAO,EAAG,IAAK,EAAG,CAAC,EACtC,aACwB,CACxB,IAAMC,EACJ,OAAO,SAASD,CAAqB,GAAKA,GAAyB,EAC/DA,EACA,GACA,CAAE,aAAY,cAAeE,GAA0B5B,EAAAA,mBAAmB,EAC1E6B,EAAqB5B,EAAM,OAAuB,IAAI,EAGtD6B,EAAY7B,EAAM,YAAc,CACpC,IAAM8B,EAAQ,CAAC,EAETC,GADgBC,EAAUC,GAAa,GAChBP,EAE7B,IAAK,IAAIQ,EAAI,EAAGA,EAAIH,EAAO,IAAK,CAC9B,IAAMI,GAAA,EAAOlC,EAAAA,WAAAA,EAAAA,EAAWC,EAAAA,SAAAA,EAAAA,EAASC,EAAAA,WAAAA,CAAWiC,CAAI,EAAGH,CAAS,EAAGC,EAAIR,CAAY,EAC/EI,EAAM,KAAKK,CAAI,CACjB,CACA,OAAOL,CACT,EAAG,CAACM,EAAMH,EAAWD,EAASN,CAAY,CAAC,EAGrCW,EAAmBrC,EAAM,YAAc,CAC3C,IAAMsC,EAAS,IAAI,IACbC,GAAA,EAAMpC,EAAAA,WAAAA,CAAWiC,CAAI,EAC3B,IAAK,IAAMI,KAAYC,EACrBH,EAAO,IACLE,EAAS,GACTpC,EAAAA,aACEsC,EAAO,OAAQ,GAAUC,EAAM,aAAeH,EAAS,EAAE,GAAA,EACzDtC,EAAAA,SAAAA,CAASqC,EAAKN,CAAS,GAAA,EACvB/B,EAAAA,SAAAA,CAASqC,EAAKP,CAAO,CACvB,CACF,EAEF,OAAOM,CACT,EAAG,CAACI,EAAQD,EAAWL,EAAMH,EAAWD,CAAO,CAAC,EAC1CY,EACJC,EACA,KAAK,IACH,EACA,GAAG,MAAM,KAAKR,EAAiB,OAAO,EAAI,GACxC,KAAK,IAAI,EAAG,GAAGS,EAAS,IAAK,GAAYC,EAAQ,KAAK,CAAC,CACzD,CACF,EAEIC,GAAqB,EAAkB,IAAmB,CAC9D,IAAMC,GAAA,EAAoB5C,EAAAA,SAAAA,CAAS6C,CAAU,EAAI,IAAA,EAAK5C,EAAAA,WAAAA,CAAW4C,CAAU,EAAIjB,EAAY,GACrFkB,GAAmBC,EAAS,QAAQ,EAAIF,EAAW,QAAQ,GAAM,IAKvE,MAAO,CAAE,KAHKD,EAAoBvB,EAAgB2B,EAGnC,MAFAF,EAAkBzB,EAAgB2B,CAE5B,CACvB,EAEMC,GAAkB,EAAY,IAA+B,CACjE,GAAI3B,IAA0B,IAAA,IAAaa,EAAS,gBAAkB,IAAA,GACpE,OAAOjC,EAAAA,eAAe4B,EAAMR,EAAuBa,CAAQ,EAC7D,IAAMe,GAAA,EAAUlD,EAAAA,SAAAA,CAAS8B,CAAI,GAAA,EAAI7B,EAAAA,WAAAA,CAAW6B,CAAI,EAAI,GACpD,OAAOqB,EAAc,KAAM,GAAOD,GAAWE,EAAG,OAASF,EAAUE,EAAG,GAAG,CAC3E,EAEMC,EAAoB7B,EAAU,OAASwB,EACvCM,EAAqBlB,EAAU,OAASG,EAGxCgB,EAAe5D,EAAM,OAAuB,IAAI,EAChD6D,EAAkB7D,EAAM,OAAuB,IAAI,EACnD8D,EAAgB9D,EAAM,OAAuB,IAAI,EACjD+D,EAAiB/D,EAAM,OAAuB,IAAI,EAClDgE,EAAahE,EAAM,OAAuB,IAAI,EAG9CiE,EAA0BjE,EAAM,OAAuB,IAAI,EAC3DkE,EAA2BlE,EAAM,OAAuB,IAAI,EAC5DmE,EAAwBnE,EAAM,OAAuB,IAAI,EACzDoE,EAAyBpE,EAAM,OAAuB,IAAI,EAC1DqE,EAAoBrE,EAAM,OAAuB,IAAI,EACrDsE,EAAuBtE,EAAM,OAAuB,IAAI,EAE9DkB,EAAM,cAAgB,CACpB,IAAMqD,EAAY3C,EAAmB,QACrC,GAAI,CAAC2C,EAAW,OAEhB,IAAMC,MAAqB,CACzB,IAAMC,EAAgBF,EAAU,YAC1BG,EAAiBH,EAAU,aAE3BI,EAAmBtD,EAAiBqC,EACpCkB,EAAkBH,EAAgBnD,EAClCuD,EAAkB,KAAK,IAAIF,EAAkBC,CAAe,EAC5DE,EAAmBD,EAAkBvD,EAEvC2C,EAAwB,UAC1B,EAAwB,QAAQ,MAAM,KAAO,GAAG,KAAK,IAAI,EAAGY,CAAe,EAAE,KAE3EV,EAAsB,UACxB,EAAsB,QAAQ,MAAM,MAAQ,GAAGW,EAAiB,KAE9DT,EAAkB,UACpB,EAAkB,QAAQ,MAAM,KAAO,GAAG,KAAK,IAAI,EAAGQ,CAAe,EAAE,KAGzE,IAAME,EAAoBxD,EAAgBoC,EACpCqB,EAAmBN,EAAiBnD,EACpC0D,EAAkB,KAAK,IAAIF,EAAmBC,CAAgB,EAEhEd,EAAyB,UAC3B,EAAyB,QAAQ,MAAM,IAAM,GAAG,KAAK,IAAI,EAAGe,CAAe,EAAE,IAC7E,EAAyB,QAAQ,MAAM,MAAQ,GAAGH,EAAiB,KAEjER,EAAqB,UACvB,EAAqB,QAAQ,MAAM,KAAO,GAAG,KAAK,IAAI,EAAGO,CAAe,EAAE,IAC1E,EAAqB,QAAQ,MAAM,IAAM,GAAG,KAAK,IAAI,EAAGI,CAAe,EAAE,KAG3E,IAAMC,EAAgB,KAAK,IAAI,EAAGD,EAAkB1D,CAAa,EAE7D6C,EAAuB,UACzB,EAAuB,QAAQ,MAAM,OAAS,GAAGc,EAAc,KAE7DjB,EAAwB,UAC1B,EAAwB,QAAQ,MAAM,OAAS,GAAGiB,EAAc,IAEpE,EAEMC,EAAW,IAAI,eAAeX,CAAY,EAIhD,OAHAW,EAAS,QAAQZ,CAAS,EAC1BC,EAAa,MAEAW,EAAS,WAAW,CACnC,EAAG,CAACzB,EAAmBC,CAAkB,CAAC,EAG1C,GAAM,CAACyB,EAAeC,GAAoBrF,EAAM,SAGtC,IAAI,EAERsF,GAAoB,EAAqB,IAAyB,CACtE,EAAE,gBAAgB,EAClB,IAAMC,EAAO,EAAE,cAAc,sBAAsB,EAC7CC,EAAgB5D,EAAmB,SAAS,sBAAsB,EAExE,GAAI4D,EAAe,CACjB,IAAMC,EAAMF,EAAK,OAASC,EAAc,IAClCE,EAAOH,EAAK,KAAOC,EAAc,KACvCH,EAAiB,CAAE,QAAO,SAAU,CAAE,MAAK,MAAK,CAAE,CAAC,CACrD,CACF,EA8BA,OACE,EAAApE,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWT,EAAAA,GAAG,8DAA+DmF,CAAS,EACzF,UAAA,EAAA1E,EAAA,KAAA,CAAC,MAAD,CACE,IAAKW,EACL,UAAU,uCACV,SArBgB,GAAqC,CACzD,GAAM,CAAE,YAAW,cAAe,EAAE,cAChCgC,EAAa,UACf,EAAa,QAAQ,MAAM,UAAY,cAAc,CAACgC,EAAW,MAE/D/B,EAAgB,UAClB,EAAgB,QAAQ,MAAM,UAAY,cAAc,CAAC+B,EAAW,MAElE9B,EAAc,UAChB,EAAc,QAAQ,MAAM,UAAY,cAAc,CAAC+B,EAAU,MAE/D9B,EAAe,UACjB,EAAe,QAAQ,MAAM,UAAY,cAAc,CAAC8B,EAAU,KAEtE,EAII,SAAA,EAME,EAAA5E,EAAA,KAAA,CAAC,MAAD,CACE,IAAK+C,EACL,UAAU,2FAFZ,SAAA,EAKE,EAAA/C,EAAA,KAAA,CAAC,MAAD,CACE,IAAKkD,EACL,UAAU,wEACV,MAAO,CAAE,OAAQ5C,CAAc,EAHjC,SAAA,EAKE,EAAAN,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,mEAAqE,CAAA,GAEpF,EAAAA,EAAA,IAAA,CAAC,MAAD,CACE,UAAU,2DACV,MAAO,CAAE,MAAOI,EAAgB,OAAQE,CAAc,CACvD,CAAA,GAED,EAAAN,EAAA,IAAA,CAAC,MAAD,CACE,UAAU,sDACV,MAAO,CAAE,KAAMI,EAAgB,MAAOC,CAAgB,EAEtD,UAAA,EAAAL,EAAA,IAAA,CAAC,MAAD,CACE,IAAK2C,EACL,UAAU,uEAET,SAAA/B,EAAU,KAAK,EAAM,IAAM,CAC1B,IAAMiE,GAAA,EAASxF,EAAAA,WAAAA,CAAW6B,CAAI,IAAM,EACpC,OACE,EAAAlB,EAAA,IAAA,CAAC,MAAD,CAEE,UAAWT,EAAAA,GACT,+GACAsF,EAAS,WAAa,EACxB,EACA,MAAO,CAAE,MAAOzC,EAAW,OAAQ,MAAO,EAEzC,SAAAyC,IAAA,EAAUrF,EAAAA,OAAAA,CAAO0B,EAAM,KAAM,CAAE,OAAQzB,EAAAA,EAAG,CAAC,CACzC,EAREwB,CAQF,CAET,CAAC,CACE,CAAA,CACF,CAAA,CACF,C,IAGL,EAAAjB,EAAA,KAAA,CAAC,MAAD,CACE,IAAKiD,EACL,UAAU,8GACV,MAAO,CAAE,OAAQ3C,CAAc,EAHjC,SAAA,EAKE,EAAAN,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,mEAAqE,CAAA,GACpF,EAAAA,EAAA,IAAA,CAAC,MAAD,CACE,UAAU,oEACV,MAAO,CAAE,MAAOI,EAAgB,OAAQE,CAAc,CACvD,CAAA,GACD,EAAAN,EAAA,IAAA,CAAC,MAAD,CACE,UAAU,sDACV,MAAO,CAAE,KAAMI,EAAgB,MAAOC,CAAgB,EAEtD,UAAA,EAAAL,EAAA,IAAA,CAAC,MAAD,CACE,IAAK4C,EACL,UAAU,uEAET,SAAAhC,EAAU,KAAK,EAAM,IAAM,CAC1B,IAAMiE,GAAA,EAASxF,EAAAA,WAAAA,CAAW6B,CAAI,IAAM,EACpC,OACE,EAAAlB,EAAA,IAAA,CAAC,MAAD,CAEE,UAAWT,EAAAA,GACT,+GACAsF,EAAS,WAAa,EACxB,EACA,MAAO,CAAE,MAAOzC,EAAW,OAAQ,MAAO,EAEzC,SAAAyC,IAAA,EAAUrF,EAAAA,OAAAA,CAAO0B,EAAM,KAAM,CAAE,OAAQzB,EAAAA,EAAG,CAAC,CACzC,EAREwB,CAQF,CAET,CAAC,CACE,CAAA,CACF,CAAA,CACF,C,IAGL,EAAAjB,EAAA,IAAA,CAAC,MAAD,CACE,IAAKmD,EACL,UAAU,2FACV,MAAO,CAAE,IAAK7C,EAAe,MAAOF,CAAe,EAEnD,UAAA,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,IAAK6C,EACL,UAAU,iFAET,SAAArB,EAAU,IAAK,IACd,EAAAxB,EAAA,KAAA,CAAC,MAAD,CAEE,UAAU,0IACV,MAAO,CAAE,OAAQ2B,CAAiB,EAClC,MAAOJ,EAAS,MAJlB,SAAA,EAME,EAAAvB,EAAA,IAAA,CAAC,MAAD,CAAA,SACG8E,GAAY,eACTA,EAAW,eAAe,CAAE,UAAS,CAAC,EACtCvD,EAAS,KACV,CAAA,EACJA,EAAS,SACR,EAAAvB,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,4CACZ,SAAA+E,EAAqBxD,EAAS,OAAO,QAAUA,EAAS,OAAO,IAC7D,CAAA,CAEJ,CAfE,EAAAA,EAAS,EAeX,CACN,CACE,CAAA,CACF,CAAA,GAGL,EAAAvB,EAAA,IAAA,CAAC,MAAD,CACE,IAAKgD,EACL,UAAU,wHACV,MAAO,CAAE,IAAK1C,EAAe,MAAOD,CAAgB,EAEpD,UAAA,EAAAL,EAAA,IAAA,CAAC,MAAD,CACE,IAAK8C,EACL,UAAU,iFAET,SAAAtB,EAAU,IAAK,IACd,EAAAxB,EAAA,KAAA,CAAC,MAAD,CAEE,UAAU,0IACV,MAAO,CAAE,OAAQ2B,CAAiB,EAClC,MAAOJ,EAAS,MAJlB,SAAA,EAME,EAAAvB,EAAA,IAAA,CAAC,MAAD,CAAA,SAAMuB,EAAS,KAAW,CAAA,EACzBA,EAAS,SACR,EAAAvB,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,4CACZ,SAAA+E,EAAqBxD,EAAS,OAAO,QAAUA,EAAS,OAAO,IAC7D,CAAA,CAEJ,CAXE,EAAAA,EAAS,EAWX,CACN,CACE,CAAA,CACF,CAAA,GAGL,EAAAvB,EAAA,IAAA,CAAC,MAAD,CACE,IAAKoD,EACL,UAAU,oGACV,MAAO,CAAE,MAAO/C,EAAiB,OAAQC,CAAc,CACxD,CAAA,GACD,EAAAN,EAAA,IAAA,CAAC,MAAD,CACE,IAAKqD,EACL,UAAU,uGACV,MAAO,CAAE,MAAOhD,EAAiB,OAAQC,CAAc,CACxD,CAAA,CACE,CAGL,CAAA,GAAA,EAAAN,EAAA,KAAA,CAAC,MAAD,CACE,UAAU,6BACV,MAAO,CACL,MAAOyC,EAAoBrC,EAAiBC,EAC5C,OAAQqC,EAAqB,EAC/B,EALF,SAAA,CAQGyB,IACC,EAAAnE,EAAA,KAAA,CAAAN,EAAAA,SAAA,CAAA,SAAA,EACE,EAAAM,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,oCAAoC,QAnMzC,GAAyB,CAC7C,GAAG,gBAAgB,EACnBoE,EAAiB,IAAI,CACvB,CAgMuF,CAAA,GAC3E,EAAApE,EAAA,KAAA,CAAC,MAAD,CACE,UAAU,8GACV,MAAO,CACL,IAAKmE,EAAc,SAAS,IAAM7D,EAAgB,GAClD,KAAM6D,EAAc,SAAS,KAAO/D,EAAiB,GACrD,MAAO,GACT,EACA,YAlNmB,CAC3B+D,GAAiBa,IACnBA,EAAab,EAAc,KAAK,EAChCC,EAAiB,IAAI,EAEzB,EAsMY,SAAA,EASE,EAAApE,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,+GACb,UAAA,EAAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,oBAAhB,SAAA,EACGR,EAAAA,EAAAA,OAAAA,CAAO2E,EAAc,MAAM,MAAO,OAAO,EAAE,KAAG,KAC9C3E,EAAAA,EAAAA,OAAAA,CAAO2E,EAAc,MAAM,IAAK,OAAO,CACpC,C,EACH,CAAA,GACL,EAAAnE,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,aAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,wBAAyB,SAAAmE,EAAc,MAAM,KAAW,CAAA,EACtEA,EAAc,MAAM,cACnB,EAAAnE,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,gCACZ,SAAAmE,EAAc,MAAM,WAClB,CAAA,CAEJ,CACF,CAAA,CAAA,CACL,CAAA,CAAA,CAAA,CAAA,GAGJ,EAAAnE,EAAA,IAAA,CAAC,MAAD,CACE,UAAU,WACV,MAAO,CACL,IAAKM,EACL,KAAMF,EACN,MAAOqC,EACP,OAAQC,CACV,EAEC,SAAAlB,EAAU,IAAK,IACd,EAAAxB,EAAA,KAAA,CAAC,MAAD,CAEE,UAAU,kDACV,MAAO,CAAE,OAAQ2B,EAAkB,MAAOc,CAAkB,EAH9D,SAAA,CAKG7B,EAAU,KAAK,EAAM,IAAW,CAC/B,IAAMqE,GAAA,EAAc5F,EAAAA,WAAAA,CAAW6B,CAAI,IAAM,EACzC,OACE,EAAAlB,EAAA,IAAA,CAAC,SAAD,CAEE,KAAK,SACL,SAAU,CAACkF,EACX,aAAY,GAAG3D,EAAS,MAAM,IAAA,EAAG/B,EAAAA,OAAAA,CAAO0B,EAAM,kBAAkB,IAChE,UAAW3B,EAAAA,GACT,6EACA0F,EAAc,gBAAkB,8BAChC,CAAC5C,EAAenB,EAAMK,CAAQ,GAAK,aACrC,EACA,MAAO,CAAE,MAAOa,CAAU,EAC1B,YAAe8C,GAAoBA,EAAiB3D,EAAS,GAAIL,CAAI,CACtE,EAXMiE,CAWN,CAEL,CAAC,EAEA/D,EAAiB,IAAIG,EAAS,EAAE,CAAC,EAAE,KAAK,CAAE,QAAO,QAAO,MAAK,UAAW,CACvE,GAAM,CAAE,OAAM,SAAUQ,EAAkBqD,EAAOC,CAAG,EACpD,OACE,EAAArF,EAAA,IAAA,CAAC,MAAD,CAEE,gBAAe0B,EAAM,GACrB,KAAK,SACL,SAAU,EACV,UAAY,GAAM/B,EAAAA,cAAc2F,MAASN,IAAetD,CAAK,CAAC,EAC9D,UAAWnC,EAAAA,GACT,2HACAmC,EAAM,OAAS,oCACjB,EACA,MAAO,CACL,OACA,MAAO,KAAK,IAAI,EAAG6D,EAAQ,CAAC,EAC5B,IAAKC,EAAO5D,EAAY,EACxB,OAAQA,EAAY,CACtB,EACA,QAAU,GAAMyC,EAAiBiB,EAAG5D,CAAK,EACzC,MAAO,GAAGA,EAAM,MAAM,KAAA,EAAIlC,EAAAA,OAAAA,CAAOkC,EAAM,MAAO,OAAO,EAAE,MAAA,EAAKlC,EAAAA,OAAAA,CAC1DkC,EAAM,IACN,OACF,EAAE,GAED,SAAAoD,GAAY,MACXA,EAAW,MAAM,CAAE,OAAM,CAAC,GAE1B,EAAA9E,EAAA,KAAA,CAAAN,EAAAA,SAAA,CAAA,SAAA,EACE,EAAAM,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,yBAA0B,SAAA0B,EAAM,KAAW,CAAA,EACzD6D,EAAQ,IAAM7D,EAAM,cACnB,EAAA1B,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,sBAAuB,SAAA0B,EAAM,WAAiB,CAAA,CAE/D,CAAA,CAAA,CAED,EA/BEA,EAAM,EA+BR,CAET,CAAC,CACE,CA7DE,EAAAH,EAAS,EA6DX,CACN,CACE,CAAA,CACF,CACF,CAAA,CAAA,C,EACF,CAAA,CAET,C"}
+{"version":3,"file":"ResourceView.cjs","names":["useCalendarOptions","React","setMinutes","setHours","startOfDay","layoutEvents","getHours","getMinutes","isBusinessTime","cn","format","ja","_Fragment","activateOnKey","require_runtime","require_ui_lib_utils","require_tools_components_calendar_calendar_layout","require_tools_components_calendar_calendar_context","react_jsx_runtime","react","date_fns_locale","date_fns","LEFT_COL_WIDTH","RIGHT_COL_WIDTH","HEADER_HEIGHT","ResourceGridView","requestedCellDuration","cellDuration","calendarBusinessHours","scrollContainerRef","timeSlots","slots","count","endHour","startHour","i","time","date","eventsByResource","groups","day","resource","resources","events","event","displayRowHeight","rowHeight","segments","segment","calculatePosition","startTotalMinutes","eventStart","durationMinutes","eventEnd","cellWidth","isBusinessHour","timeVal","businessHours","bh","totalContentWidth","totalContentHeight","headerTopRef","headerBottomRef","headerLeftRef","headerRightRef","overlayRef","rightHeaderContainerRef","bottomHeaderContainerRef","topHeaderContainerRef","leftHeaderContainerRef","topRightCornerRef","bottomRightCornerRef","container","updateLayout","viewportWidth","viewportHeight","contentRightEdge","stickyRightEdge","rightHeaderLeft","totalVisualWidth","contentBottomEdge","stickyBottomEdge","bottomHeaderTop","sidebarHeight","observer","selectedEvent","setSelectedEvent","handleEventClick","rect","containerRect","top","left","className","scrollLeft","scrollTop","isHour","components","isWeekendOrHoliday","onEventClick","isHourStart","onEmptySlotClick","colIdx","start","end","e","width","lane"],"sources":["../../../../../src/tools/components/calendar/views/ResourceView.tsx"],"sourcesContent":["import * as React from 'react';\nimport { format, getHours, getMinutes, setHours, setMinutes, startOfDay } from 'date-fns';\nimport { ja } from 'date-fns/locale';\nimport { cn } from \"../../../lib/utils\";\nimport { CalendarEvent, CalendarResource } from '../types';\nimport { layoutEvents, activateOnKey, isBusinessTime } from '../calendar-layout';\nimport { useCalendarOptions } from '../calendar-context';\n\n// Dimensions\nconst LEFT_COL_WIDTH = 96; // w-24\nconst RIGHT_COL_WIDTH = 96;\nconst HEADER_HEIGHT = 48; // h-12\n\nexport interface ResourceGridViewProps {\n  /** 表示する日付 */\n  date: Date;\n  /** リソースのリスト */\n  resources: CalendarResource[];\n  /** イベントのリスト */\n  events: CalendarEvent[];\n  /** 開始時間 (時) デフォルト: 9 */\n  startHour?: number;\n  /** 終了時間 (時) デフォルト: 23 */\n  endHour?: number;\n  /** 1セルの時間 (分) デフォルト: 30 */\n  cellDuration?: number; // minutes\n  /** 1セルの幅 (px) デフォルト: 48 */\n  cellWidth?: number; // pixels\n  /** 行の高さ (px) デフォルト: 48 */\n  rowHeight?: number; // pixels\n  /** イベントクリック時のコールバック */\n  onEventClick?: (event: CalendarEvent) => void;\n  /** 空きスロットクリック時のコールバック */\n  onEmptySlotClick?: (resourceId: string, time: Date) => void;\n  /** 週末・祝日かどうか (価格表示などに影響) */\n  isWeekendOrHoliday?: boolean;\n  /** 営業時間 (網掛け表示に使用) */\n  businessHours?: { start: number; end: number }[];\n  /** 追加のクラス名 */\n  className?: string;\n}\n\n/**\n * リソースカレンダーコンポーネント\n *\n * リソースごとのタイムラインを表示し、イベントを配置します。\n */\nexport function ResourceGridView({\n  date,\n  resources,\n  events,\n  startHour = 9,\n  endHour = 23,\n  cellDuration: requestedCellDuration = 30,\n  cellWidth = 48,\n  rowHeight = 48,\n  onEventClick,\n  onEmptySlotClick,\n  isWeekendOrHoliday = false,\n  businessHours = [{ start: 9, end: 22 }],\n  className,\n}: ResourceGridViewProps) {\n  const cellDuration =\n    Number.isFinite(requestedCellDuration) && requestedCellDuration >= 1\n      ? requestedCellDuration\n      : 30;\n  const { components, businessHours: calendarBusinessHours } = useCalendarOptions();\n  const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n\n  // Time slots generation\n  const timeSlots = React.useMemo(() => {\n    const slots = [];\n    const totalMinutes = (endHour - startHour) * 60;\n    const count = totalMinutes / cellDuration;\n\n    for (let i = 0; i < count; i++) {\n      const time = setMinutes(setHours(startOfDay(date), startHour), i * cellDuration);\n      slots.push(time);\n    }\n    return slots;\n  }, [date, startHour, endHour, cellDuration]);\n\n  // Group events by resource\n  const eventsByResource = React.useMemo(() => {\n    const groups = new Map<string, ReturnType<typeof layoutEvents>>();\n    const day = startOfDay(date);\n    for (const resource of resources) {\n      groups.set(\n        resource.id,\n        layoutEvents(\n          events.filter((event) => event.resourceId === resource.id),\n          setHours(day, startHour),\n          setHours(day, endHour),\n        ),\n      );\n    }\n    return groups;\n  }, [events, resources, date, startHour, endHour]);\n  const displayRowHeight =\n    rowHeight *\n    Math.max(\n      1,\n      ...Array.from(eventsByResource.values(), (segments) =>\n        Math.max(1, ...segments.map((segment) => segment.lanes)),\n      ),\n    );\n\n  const calculatePosition = (eventStart: Date, eventEnd: Date) => {\n    const startTotalMinutes = getHours(eventStart) * 60 + getMinutes(eventStart) - startHour * 60;\n    const durationMinutes = (eventEnd.getTime() - eventStart.getTime()) / (1000 * 60);\n\n    const left = (startTotalMinutes / cellDuration) * cellWidth;\n    const width = (durationMinutes / cellDuration) * cellWidth;\n\n    return { left, width };\n  };\n\n  const isBusinessHour = (time: Date, resource: CalendarResource) => {\n    if (calendarBusinessHours !== undefined || resource.businessHours !== undefined)\n      return isBusinessTime(time, calendarBusinessHours, resource);\n    const timeVal = getHours(time) + getMinutes(time) / 60;\n    return businessHours.some((bh) => timeVal >= bh.start && timeVal < bh.end);\n  };\n\n  const totalContentWidth = timeSlots.length * cellWidth;\n  const totalContentHeight = resources.length * displayRowHeight;\n\n  // Scroll Sync Refs\n  const headerTopRef = React.useRef<HTMLDivElement>(null);\n  const headerBottomRef = React.useRef<HTMLDivElement>(null);\n  const headerLeftRef = React.useRef<HTMLDivElement>(null);\n  const headerRightRef = React.useRef<HTMLDivElement>(null);\n  const overlayRef = React.useRef<HTMLDivElement>(null);\n\n  // Refs for layout containers to update positions efficiently\n  const rightHeaderContainerRef = React.useRef<HTMLDivElement>(null);\n  const bottomHeaderContainerRef = React.useRef<HTMLDivElement>(null);\n  const topHeaderContainerRef = React.useRef<HTMLDivElement>(null);\n  const leftHeaderContainerRef = React.useRef<HTMLDivElement>(null);\n  const topRightCornerRef = React.useRef<HTMLDivElement>(null);\n  const bottomRightCornerRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const updateLayout = () => {\n      const viewportWidth = container.clientWidth;\n      const viewportHeight = container.clientHeight;\n\n      const contentRightEdge = LEFT_COL_WIDTH + totalContentWidth;\n      const stickyRightEdge = viewportWidth - RIGHT_COL_WIDTH;\n      const rightHeaderLeft = Math.min(contentRightEdge, stickyRightEdge);\n      const totalVisualWidth = rightHeaderLeft + RIGHT_COL_WIDTH;\n\n      if (rightHeaderContainerRef.current) {\n        rightHeaderContainerRef.current.style.left = `${Math.max(0, rightHeaderLeft)}px`;\n      }\n      if (topHeaderContainerRef.current) {\n        topHeaderContainerRef.current.style.width = `${totalVisualWidth}px`;\n      }\n      if (topRightCornerRef.current) {\n        topRightCornerRef.current.style.left = `${Math.max(0, rightHeaderLeft)}px`;\n      }\n\n      const contentBottomEdge = HEADER_HEIGHT + totalContentHeight;\n      const stickyBottomEdge = viewportHeight - HEADER_HEIGHT;\n      const bottomHeaderTop = Math.min(contentBottomEdge, stickyBottomEdge);\n\n      if (bottomHeaderContainerRef.current) {\n        bottomHeaderContainerRef.current.style.top = `${Math.max(0, bottomHeaderTop)}px`;\n        bottomHeaderContainerRef.current.style.width = `${totalVisualWidth}px`;\n      }\n      if (bottomRightCornerRef.current) {\n        bottomRightCornerRef.current.style.left = `${Math.max(0, rightHeaderLeft)}px`;\n        bottomRightCornerRef.current.style.top = `${Math.max(0, bottomHeaderTop)}px`;\n      }\n\n      const sidebarHeight = Math.max(0, bottomHeaderTop - HEADER_HEIGHT);\n\n      if (leftHeaderContainerRef.current) {\n        leftHeaderContainerRef.current.style.height = `${sidebarHeight}px`;\n      }\n      if (rightHeaderContainerRef.current) {\n        rightHeaderContainerRef.current.style.height = `${sidebarHeight}px`;\n      }\n    };\n\n    const observer = new ResizeObserver(updateLayout);\n    observer.observe(container);\n    updateLayout();\n\n    return () => observer.disconnect();\n  }, [totalContentWidth, totalContentHeight]);\n\n  // Event Selection State\n  const [selectedEvent, setSelectedEvent] = React.useState<{\n    event: CalendarEvent;\n    position: { top: number; left: number };\n  } | null>(null);\n\n  const handleEventClick = (e: React.MouseEvent, event: CalendarEvent) => {\n    e.stopPropagation();\n    const rect = e.currentTarget.getBoundingClientRect();\n    const containerRect = scrollContainerRef.current?.getBoundingClientRect();\n\n    if (containerRect) {\n      const top = rect.bottom - containerRect.top;\n      const left = rect.left - containerRect.left;\n      setSelectedEvent({ event, position: { top, left } });\n    }\n  };\n\n  const handlePopoverClick = () => {\n    if (selectedEvent && onEventClick) {\n      onEventClick(selectedEvent.event);\n      setSelectedEvent(null);\n    }\n  };\n\n  const closePopover = (e?: React.MouseEvent) => {\n    e?.stopPropagation();\n    setSelectedEvent(null);\n  };\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollLeft } = e.currentTarget;\n    if (headerTopRef.current) {\n      headerTopRef.current.style.transform = `translateX(${-scrollLeft}px)`;\n    }\n    if (headerBottomRef.current) {\n      headerBottomRef.current.style.transform = `translateX(${-scrollLeft}px)`;\n    }\n    if (headerLeftRef.current) {\n      headerLeftRef.current.style.transform = `translateY(${-scrollTop}px)`;\n    }\n    if (headerRightRef.current) {\n      headerRightRef.current.style.transform = `translateY(${-scrollTop}px)`;\n    }\n  };\n\n  return (\n    <div className={cn('relative h-full w-full overflow-hidden border bg-background', className)}>\n      <div\n        ref={scrollContainerRef}\n        className='relative h-full w-full overflow-auto'\n        onScroll={handleScroll}\n      >\n        {/* 1. STICKY OVERLAY LAYER */}\n        <div\n          ref={overlayRef}\n          className='pointer-events-none sticky left-0 top-0 z-30 flex h-full w-full flex-col justify-between'\n        >\n          {/* Top Header Row Wrapper */}\n          <div\n            ref={topHeaderContainerRef}\n            className='pointer-events-auto absolute left-0 top-0 z-40 border-b bg-background'\n            style={{ height: HEADER_HEIGHT }}\n          >\n            <div className='pointer-events-none absolute left-0 right-0 top-0 h-full border-t' />\n            {/* Static Left Corner */}\n            <div\n              className='absolute left-0 top-0 z-50 border-l border-r bg-muted/50'\n              style={{ width: LEFT_COL_WIDTH, height: HEADER_HEIGHT }}\n            />\n            {/* Scrolling Top Time Labels */}\n            <div\n              className='absolute bottom-0 top-0 overflow-hidden bg-muted/50'\n              style={{ left: LEFT_COL_WIDTH, right: RIGHT_COL_WIDTH }}\n            >\n              <div\n                ref={headerTopRef}\n                className='will-change-transform absolute left-0 top-0 flex h-full items-center'\n              >\n                {timeSlots.map((time, i) => {\n                  const isHour = getMinutes(time) === 0;\n                  return (\n                    <div\n                      key={i}\n                      className={cn(\n                        'relative box-border flex flex-none items-center justify-start pl-1 text-sm font-medium text-muted-foreground',\n                        isHour ? 'border-l' : '',\n                      )}\n                      style={{ width: cellWidth, height: '100%' }}\n                    >\n                      {isHour && format(time, 'H時', { locale: ja })}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n\n          {/* Bottom Header Row Wrapper */}\n          <div\n            ref={bottomHeaderContainerRef}\n            className='pointer-events-auto absolute left-0 top-full z-40 border-b border-t bg-background transition-all duration-0'\n            style={{ height: HEADER_HEIGHT }}\n          >\n            <div className='pointer-events-none absolute left-0 right-0 top-0 h-full border-b' />\n            <div\n              className='absolute left-0 top-0 z-50 border-b border-l border-r bg-muted/50'\n              style={{ width: LEFT_COL_WIDTH, height: HEADER_HEIGHT }}\n            />\n            <div\n              className='absolute bottom-0 top-0 overflow-hidden bg-muted/50'\n              style={{ left: LEFT_COL_WIDTH, right: RIGHT_COL_WIDTH }}\n            >\n              <div\n                ref={headerBottomRef}\n                className='will-change-transform absolute left-0 top-0 flex h-full items-center'\n              >\n                {timeSlots.map((time, i) => {\n                  const isHour = getMinutes(time) === 0;\n                  return (\n                    <div\n                      key={i}\n                      className={cn(\n                        'relative box-border flex flex-none items-center justify-start pl-1 text-sm font-medium text-muted-foreground',\n                        isHour ? 'border-l' : '',\n                      )}\n                      style={{ width: cellWidth, height: '100%' }}\n                    >\n                      {isHour && format(time, 'H時', { locale: ja })}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n\n          {/* Left Sidebar Column */}\n          <div\n            ref={leftHeaderContainerRef}\n            className='pointer-events-auto absolute left-0 z-20 overflow-hidden border-l border-r bg-background'\n            style={{ top: HEADER_HEIGHT, width: LEFT_COL_WIDTH }}\n          >\n            <div\n              ref={headerLeftRef}\n              className='will-change-transform absolute left-0 top-0 flex w-full flex-col bg-background'\n            >\n              {resources.map((resource) => (\n                <div\n                  key={resource.id}\n                  className='box-border flex flex-col items-center justify-center border-b bg-muted/30 px-1 text-center text-sm font-medium text-foreground truncate'\n                  style={{ height: displayRowHeight }}\n                  title={resource.title}\n                >\n                  <div>\n                    {components?.resourceHeader\n                      ? components.resourceHeader({ resource })\n                      : resource.title}\n                  </div>\n                  {resource.prices && (\n                    <div className='text-xs font-normal text-muted-foreground'>\n                      {isWeekendOrHoliday ? resource.prices.weekend : resource.prices.base}\n                    </div>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Right Sidebar Column */}\n          <div\n            ref={rightHeaderContainerRef}\n            className='pointer-events-auto absolute left-full z-20 overflow-hidden border-l border-r bg-background transition-all duration-0'\n            style={{ top: HEADER_HEIGHT, width: RIGHT_COL_WIDTH }}\n          >\n            <div\n              ref={headerRightRef}\n              className='will-change-transform absolute left-0 top-0 flex w-full flex-col bg-background'\n            >\n              {resources.map((resource) => (\n                <div\n                  key={resource.id}\n                  className='box-border flex flex-col items-center justify-center border-b bg-muted/30 px-1 text-center text-sm font-medium text-foreground truncate'\n                  style={{ height: displayRowHeight }}\n                  title={resource.title}\n                >\n                  <div>{resource.title}</div>\n                  {resource.prices && (\n                    <div className='text-xs font-normal text-muted-foreground'>\n                      {isWeekendOrHoliday ? resource.prices.weekend : resource.prices.peak}\n                    </div>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Dynamic Corners */}\n          <div\n            ref={topRightCornerRef}\n            className='pointer-events-auto absolute left-full top-0 z-50 border-b border-l border-r border-t bg-muted/50'\n            style={{ width: RIGHT_COL_WIDTH, height: HEADER_HEIGHT }}\n          />\n          <div\n            ref={bottomRightCornerRef}\n            className='pointer-events-auto absolute left-full top-full z-50 border-b border-l border-r border-t bg-muted/50'\n            style={{ width: RIGHT_COL_WIDTH, height: HEADER_HEIGHT }}\n          />\n        </div>\n\n        {/* 2. CONTENT LAYER */}\n        <div\n          className='absolute left-0 top-0 z-10'\n          style={{\n            width: totalContentWidth + LEFT_COL_WIDTH + RIGHT_COL_WIDTH,\n            height: totalContentHeight + HEADER_HEIGHT * 2,\n          }}\n        >\n          {/* POPOVER TOOLTIP */}\n          {selectedEvent && (\n            <>\n              <div className='fixed inset-0 z-40 cursor-default' onClick={closePopover} />\n              <div\n                className='pointer-events-auto absolute z-50 cursor-pointer rounded-lg border bg-popover p-2 shadow-lg hover:bg-accent'\n                style={{\n                  top: selectedEvent.position.top - HEADER_HEIGHT + 10,\n                  left: selectedEvent.position.left - LEFT_COL_WIDTH + 10,\n                  width: 320,\n                }}\n                onClick={handlePopoverClick}\n              >\n                <div className='mb-1 -mx-2 -mt-2 flex items-center justify-between rounded-t-lg bg-primary px-2 py-1 text-primary-foreground'>\n                  <span className='text-sm font-bold'>\n                    {format(selectedEvent.event.start, 'HH:mm')} -{' '}\n                    {format(selectedEvent.event.end, 'HH:mm')}\n                  </span>\n                </div>\n                <div className='grid gap-1'>\n                  <div className='text-sm font-semibold'>{selectedEvent.event.title}</div>\n                  {selectedEvent.event.description && (\n                    <div className='text-xs text-muted-foreground'>\n                      {selectedEvent.event.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            </>\n          )}\n\n          <div\n            className='absolute'\n            style={{\n              top: HEADER_HEIGHT,\n              left: LEFT_COL_WIDTH,\n              width: totalContentWidth,\n              height: totalContentHeight,\n            }}\n          >\n            {resources.map((resource) => (\n              <div\n                key={resource.id}\n                className='relative flex box-border border-b bg-background'\n                style={{ height: displayRowHeight, width: totalContentWidth }}\n              >\n                {timeSlots.map((time, colIdx) => {\n                  const isHourStart = getMinutes(time) === 0;\n                  return (\n                    <button\n                      key={colIdx}\n                      type='button'\n                      disabled={!onEmptySlotClick}\n                      aria-label={`${resource.title} ${format(time, 'yyyy-MM-dd HH:mm')}`}\n                      className={cn(\n                        'pointer-events-auto box-border h-full flex-none border-r hover:bg-muted/10',\n                        isHourStart ? 'border-border' : 'border-border border-dashed',\n                        !isBusinessHour(time, resource) && 'bg-muted/20',\n                      )}\n                      style={{ width: cellWidth }}\n                      onClick={() => onEmptySlotClick && onEmptySlotClick(resource.id, time)}\n                    />\n                  );\n                })}\n\n                {eventsByResource.get(resource.id)?.map(({ event, start, end, lane }) => {\n                  const { left, width } = calculatePosition(start, end);\n                  return (\n                    <div\n                      key={event.id}\n                      data-event-id={event.id}\n                      role='button'\n                      tabIndex={0}\n                      onKeyDown={(e) => activateOnKey(e, () => onEventClick?.(event))}\n                      className={cn(\n                        'pointer-events-auto absolute z-10 select-none overflow-hidden rounded px-1 text-xs text-white shadow-sm hover:brightness-95',\n                        event.color || 'bg-primary text-primary-foreground',\n                      )}\n                      style={{\n                        left,\n                        width: Math.max(1, width - 2),\n                        top: lane * rowHeight + 4,\n                        height: rowHeight - 8,\n                      }}\n                      onClick={(e) => handleEventClick(e, event)}\n                      title={`${event.title} (${format(event.start, 'HH:mm')} - ${format(\n                        event.end,\n                        'HH:mm',\n                      )})`}\n                    >\n                      {components?.event ? (\n                        components.event({ event })\n                      ) : (\n                        <>\n                          <div className='truncate font-semibold'>{event.title}</div>\n                          {width > 40 && event.description && (\n                            <div className='truncate'>{event.description}</div>\n                          )}\n                        </>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tools/components/calendar/views/ResourceView.js

@@ -291,7 +291,7 @@ function y({ date: y, resources: b, events: x, startHour: S = 9, endHour: C = 23
 								role: "button",
 								tabIndex: 0,
 								onKeyDown: (e) => t(e, () => D?.(n)),
-								className: e("pointer-events-auto absolute z-10 select-none overflow-hidden rounded px-1 text-xs text-white shadow-sm hover:opacity-90", n.color || "bg-primary text-primary-foreground"),
+								className: e("pointer-events-auto absolute z-10 select-none overflow-hidden rounded px-1 text-xs text-white shadow-sm hover:brightness-95", n.color || "bg-primary text-primary-foreground"),
 								style: {
 									left: l,
 									width: Math.max(1, d - 2),
@@ -304,7 +304,7 @@ function y({ date: y, resources: b, events: x, startHour: S = 9, endHour: C = 23
 									className: "truncate font-semibold",
 									children: n.title
 								}), d > 40 && n.description && /* @__PURE__ */ o("div", {
-									className: "truncate opacity-90",
+									className: "truncate",
 									children: n.description
 								})] })
 							}, n.id);