@cratis/components 0.1.16 → 0.1.18

package/dist/esm/PivotViewer/utils/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","sources":["../../../../PivotViewer/utils/selection.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { animateZoomAndScroll, calculateCenterScrollPosition, smoothScrollTo } from './animations';\nimport { ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER, DETAIL_PANEL_WIDTH } from './constants';\nimport type { ViewMode } from '../components/Toolbar';\n\nexport interface SelectionState {\n  zoom: number;\n  scrollLeft: number;\n  scrollTop: number;\n}\n\nexport interface CardClickHandlerParams<TItem> {\n  item: TItem;\n  itemId: string | number;\n  selectedItemId: string | number | null;\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  totalHeight?: number;\n  preSelectionState: SelectionState | null;\n  startScrollPosition?: { x: number; y: number };\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n  setSelectedItem: (item: TItem | null) => void;\n  setPreSelectionState: (state: SelectionState | null) => void;\n}\n\n/**\n * Handle card click for selection with zoom and scroll animation\n */\nexport function handleCardSelection<TItem>({\n  itemId,\n  selectedItemId,\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  viewMode,\n  zoomLevel,\n  totalHeight,\n  preSelectionState,\n  startScrollPosition,\n  setZoomLevel,\n  setIsZooming,\n  setSelectedItem,\n  setPreSelectionState,\n  item,\n}: CardClickHandlerParams<TItem>): void {\n  // Clicking the same card - deselect\n  if (selectedItemId === itemId) {\n    deselectCard({\n      container,\n      cardPosition,\n      targetCardPosition,\n      getCardPositionAtZoom,\n      getLayoutSizeAtZoom,\n      spacer,\n      viewMode,\n      zoomLevel,\n      preSelectionState,\n      setZoomLevel,\n      setIsZooming,\n      setSelectedItem,\n      setPreSelectionState,\n    });\n    return;\n  }\n\n  // First selection - save state and zoom in\n  const isFirstSelection = selectedItemId === null;\n\n  if (isFirstSelection) {\n    setPreSelectionState({\n      zoom: zoomLevel,\n      scrollLeft: container.scrollLeft,\n      scrollTop: container.scrollTop,\n    });\n  }\n\n  setSelectedItem(item);\n\n  if (isFirstSelection) {\n    if (viewMode === 'collection') {\n      // Collection mode: just smooth scroll to center, no zoom\n      if (cardPosition) {\n        // In collection mode, we don't have a detail panel width offset because the panel is an overlay or separate\n        // But if we want to center it, we should consider if the detail panel pushes content\n        // For now, assume 0 offset as per original code\n        const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, 0, totalHeight);\n        smoothScrollTo(container, scrollLeft, scrollTop, true);\n      }\n    } else {\n      // Grouped mode: animate zoom and scroll\n      zoomAndCenterCard({\n        container,\n        cardPosition,\n        targetCardPosition,\n        getCardPositionAtZoom,\n        getLayoutSizeAtZoom,\n        spacer,\n        itemId,\n        zoomLevel,\n        totalHeight,\n        startScrollPosition,\n        setZoomLevel,\n        setIsZooming,\n      });\n    }\n  } else {\n    // Subsequent selections: just center the new card\n    if (cardPosition) {\n      // In collection mode, we don't zoom, so we just center.\n      // In grouped mode, we might be zoomed in, so we center with offset.\n      const detailWidth = viewMode === 'collection' ? 0 : DETAIL_PANEL_WIDTH;\n      const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, detailWidth, totalHeight);\n      smoothScrollTo(container, scrollLeft, scrollTop, true);\n    }\n  }\n}\n\ninterface DeselectParams {\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  preSelectionState: SelectionState | null;\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n  setSelectedItem: (item: null) => void;\n  setPreSelectionState: (state: SelectionState | null) => void;\n}\n\n/**\n * Deselect card with zoom-out animation if needed\n */\nfunction deselectCard({\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  viewMode,\n  zoomLevel,\n  preSelectionState,\n  setZoomLevel,\n  setIsZooming,\n  setSelectedItem,\n  setPreSelectionState,\n}: DeselectParams): void {\n  if (!preSelectionState) {\n    setSelectedItem(null);\n    return;\n  }\n\n  // Collection mode: just scroll back\n  if (viewMode === 'collection') {\n    setSelectedItem(null);\n    smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n    setPreSelectionState(null);\n    return;\n  }\n\n  // Grouped mode: check if zoom changed\n  const zoomChanged = Math.abs(preSelectionState.zoom - zoomLevel) > 0.001;\n\n  if (!zoomChanged || !cardPosition) {\n    setSelectedItem(null);\n    smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n    setPreSelectionState(null);\n    return;\n  }\n\n  // Animate zoom out\n  setIsZooming(true);\n\n  animateZoomAndScroll({\n    container,\n    cardPosition,\n    targetCardPosition,\n    getCardPositionAtZoom,\n    getLayoutSizeAtZoom,\n    spacer,\n    startZoom: zoomLevel,\n    targetZoom: preSelectionState.zoom,\n    targetScrollLeft: preSelectionState.scrollLeft,\n    targetScrollTop: preSelectionState.scrollTop,\n    onUpdate: setZoomLevel,\n    onComplete: () => {\n      setIsZooming(false);\n      setSelectedItem(null);\n      setPreSelectionState(null);\n    },\n  });\n}\n\ninterface ZoomAndCenterParams {\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  itemId: string | number;\n  zoomLevel: number;\n  totalHeight?: number;\n  startScrollPosition?: { x: number; y: number };\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n}\n\n/**\n * Zoom in and center a card\n */\nfunction zoomAndCenterCard({\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  zoomLevel,\n  totalHeight,\n  startScrollPosition,\n  setZoomLevel,\n  setIsZooming,\n}: ZoomAndCenterParams): void {\n  const targetZoom = Math.min(ZOOM_MAX, Math.max(MIN_ZOOM_ON_SELECT, zoomLevel * ZOOM_MULTIPLIER));\n  const shouldZoom = Math.abs(targetZoom - zoomLevel) > 0.001;\n\n  if (!shouldZoom || !cardPosition) {\n    if (cardPosition) {\n      const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, DETAIL_PANEL_WIDTH, totalHeight);\n      smoothScrollTo(container, scrollLeft, scrollTop, true);\n    }\n    return;\n  }\n\n  setIsZooming(true);\n\n  // Use targetCardPosition if available, otherwise fallback to cardPosition\n  const { scrollLeft: targetScrollLeft, scrollTop: targetScrollTop } = calculateCenterScrollPosition(\n    container,\n    targetCardPosition || cardPosition,\n    targetZoom,\n    DETAIL_PANEL_WIDTH,\n    totalHeight\n  );\n\n  animateZoomAndScroll({\n    container,\n    cardPosition,\n    targetCardPosition,\n    getCardPositionAtZoom,\n    getLayoutSizeAtZoom,\n    spacer,\n    startZoom: zoomLevel,\n    targetZoom,\n    targetScrollLeft,\n    targetScrollTop,\n    startScrollLeft: startScrollPosition?.x,\n    startScrollTop: startScrollPosition?.y,\n    onUpdate: setZoomLevel,\n    onComplete: () => {\n      setIsZooming(false);\n    },\n  });\n}\n\n/**\n * Get card element by ID from container\n */\nexport function getCardElementById(_container: HTMLElement, _itemId: string | number): HTMLElement | null {\n  // Deprecated: Pixi renderer doesn't use DOM elements for cards\n  // Keep parameter names prefixed to indicate intentional non-use.\n  void _container;\n  void _itemId;\n  return null;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"selection.js","sources":["../../../../PivotViewer/utils/selection.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { animateZoomAndScroll, calculateCenterScrollPosition, smoothScrollTo } from './animations';\nimport { ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER, DETAIL_PANEL_WIDTH } from './constants';\nimport type { ViewMode } from '../components/Toolbar';\n\nexport interface SelectionState {\n  zoom: number;\n  scrollLeft: number;\n  scrollTop: number;\n}\n\nexport interface CardClickHandlerParams<TItem> {\n  item: TItem;\n  itemId: string | number;\n  selectedItemId: string | number | null;\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  totalHeight?: number;\n  preSelectionState: SelectionState | null;\n  startScrollPosition?: { x: number; y: number };\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n  setSelectedItem: (item: TItem | null) => void;\n  setPreSelectionState: (state: SelectionState | null) => void;\n}\n\n/**\n * Compare two item IDs handling type coercion (string vs number)\n */\nfunction isSameItemId(id1: string | number | null, id2: string | number | null): boolean {\n  if (id1 === null || id2 === null) return false;\n  // Strict equality\n  if (id1 === id2) return true;\n  // Compare as strings to handle number/string mismatches\n  return String(id1) === String(id2);\n}\n\n/**\n * Handle card click for selection with zoom and scroll animation\n */\nexport function handleCardSelection<TItem>({\n  itemId,\n  selectedItemId,\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  viewMode,\n  zoomLevel,\n  totalHeight,\n  preSelectionState,\n  startScrollPosition,\n  setZoomLevel,\n  setIsZooming,\n  setSelectedItem,\n  setPreSelectionState,\n  item,\n}: CardClickHandlerParams<TItem>): void {\n  // Clicking the same card - deselect (using type-coerced comparison)\n  if (isSameItemId(selectedItemId, itemId)) {\n    deselectCard({\n      container,\n      cardPosition,\n      targetCardPosition,\n      getCardPositionAtZoom,\n      getLayoutSizeAtZoom,\n      spacer,\n      viewMode,\n      zoomLevel,\n      preSelectionState,\n      setZoomLevel,\n      setIsZooming,\n      setSelectedItem,\n      setPreSelectionState,\n    });\n    return;\n  }\n\n  // First selection - save state and zoom in\n  const isFirstSelection = selectedItemId === null;\n\n  if (isFirstSelection) {\n    setPreSelectionState({\n      zoom: zoomLevel,\n      scrollLeft: container.scrollLeft,\n      scrollTop: container.scrollTop,\n    });\n  }\n\n  setSelectedItem(item);\n\n  if (isFirstSelection) {\n    if (viewMode === 'collection') {\n      // Collection mode: just smooth scroll to center, no zoom\n      if (cardPosition) {\n        // In collection mode, we don't have a detail panel width offset because the panel is an overlay or separate\n        // But if we want to center it, we should consider if the detail panel pushes content\n        // For now, assume 0 offset as per original code\n        const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, 0, totalHeight);\n        smoothScrollTo(container, scrollLeft, scrollTop, true);\n      }\n    } else {\n      // Grouped mode: animate zoom and scroll\n      zoomAndCenterCard({\n        container,\n        cardPosition,\n        targetCardPosition,\n        getCardPositionAtZoom,\n        getLayoutSizeAtZoom,\n        spacer,\n        itemId,\n        zoomLevel,\n        totalHeight,\n        startScrollPosition,\n        setZoomLevel,\n        setIsZooming,\n      });\n    }\n  } else {\n    // Subsequent selections: just center the new card\n    if (cardPosition) {\n      // In collection mode, we don't zoom, so we just center.\n      // In grouped mode, we might be zoomed in, so we center with offset.\n      const detailWidth = viewMode === 'collection' ? 0 : DETAIL_PANEL_WIDTH;\n      const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, detailWidth, totalHeight);\n      smoothScrollTo(container, scrollLeft, scrollTop, true);\n    }\n  }\n}\n\ninterface DeselectParams {\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  preSelectionState: SelectionState | null;\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n  setSelectedItem: (item: null) => void;\n  setPreSelectionState: (state: SelectionState | null) => void;\n}\n\n/**\n * Deselect card with zoom-out animation if needed\n */\nfunction deselectCard({\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  viewMode,\n  zoomLevel,\n  preSelectionState,\n  setZoomLevel,\n  setIsZooming,\n  setSelectedItem,\n  setPreSelectionState,\n}: DeselectParams): void {\n  if (!preSelectionState) {\n    setSelectedItem(null);\n    return;\n  }\n\n  // Collection mode: just scroll back\n  if (viewMode === 'collection') {\n    setSelectedItem(null);\n    smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n    setPreSelectionState(null);\n    return;\n  }\n\n  // Grouped mode: check if zoom changed\n  const zoomChanged = Math.abs(preSelectionState.zoom - zoomLevel) > 0.001;\n\n  if (!zoomChanged || !cardPosition) {\n    setSelectedItem(null);\n    smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n    setPreSelectionState(null);\n    return;\n  }\n\n  // Animate zoom out\n  setIsZooming(true);\n\n  animateZoomAndScroll({\n    container,\n    cardPosition,\n    targetCardPosition,\n    getCardPositionAtZoom,\n    getLayoutSizeAtZoom,\n    spacer,\n    startZoom: zoomLevel,\n    targetZoom: preSelectionState.zoom,\n    targetScrollLeft: preSelectionState.scrollLeft,\n    targetScrollTop: preSelectionState.scrollTop,\n    onUpdate: setZoomLevel,\n    onComplete: () => {\n      setIsZooming(false);\n      setSelectedItem(null);\n      setPreSelectionState(null);\n    },\n  });\n}\n\ninterface ZoomAndCenterParams {\n  container: HTMLElement;\n  cardPosition: { x: number; y: number; width: number; height: number } | null;\n  targetCardPosition?: { x: number; y: number; width: number; height: number } | null;\n  getCardPositionAtZoom?: (zoom: number) => { x: number; y: number; width: number; height: number } | null;\n  getLayoutSizeAtZoom?: (zoom: number) => { width: number; height: number };\n  spacer?: HTMLElement | null;\n  itemId: string | number;\n  zoomLevel: number;\n  totalHeight?: number;\n  startScrollPosition?: { x: number; y: number };\n  setZoomLevel: (zoom: number) => void;\n  setIsZooming: (isZooming: boolean) => void;\n}\n\n/**\n * Zoom in and center a card\n */\nfunction zoomAndCenterCard({\n  container,\n  cardPosition,\n  targetCardPosition,\n  getCardPositionAtZoom,\n  getLayoutSizeAtZoom,\n  spacer,\n  zoomLevel,\n  totalHeight,\n  startScrollPosition,\n  setZoomLevel,\n  setIsZooming,\n}: ZoomAndCenterParams): void {\n  const targetZoom = Math.min(ZOOM_MAX, Math.max(MIN_ZOOM_ON_SELECT, zoomLevel * ZOOM_MULTIPLIER));\n  const shouldZoom = Math.abs(targetZoom - zoomLevel) > 0.001;\n\n  if (!shouldZoom || !cardPosition) {\n    if (cardPosition) {\n      const { scrollLeft, scrollTop } = calculateCenterScrollPosition(container, cardPosition, zoomLevel, DETAIL_PANEL_WIDTH, totalHeight);\n      smoothScrollTo(container, scrollLeft, scrollTop, true);\n    }\n    return;\n  }\n\n  setIsZooming(true);\n\n  // Use targetCardPosition if available, otherwise fallback to cardPosition\n  const { scrollLeft: targetScrollLeft, scrollTop: targetScrollTop } = calculateCenterScrollPosition(\n    container,\n    targetCardPosition || cardPosition,\n    targetZoom,\n    DETAIL_PANEL_WIDTH,\n    totalHeight\n  );\n\n  animateZoomAndScroll({\n    container,\n    cardPosition,\n    targetCardPosition,\n    getCardPositionAtZoom,\n    getLayoutSizeAtZoom,\n    spacer,\n    startZoom: zoomLevel,\n    targetZoom,\n    targetScrollLeft,\n    targetScrollTop,\n    startScrollLeft: startScrollPosition?.x,\n    startScrollTop: startScrollPosition?.y,\n    onUpdate: setZoomLevel,\n    onComplete: () => {\n      setIsZooming(false);\n    },\n  });\n}\n\n/**\n * Get card element by ID from container\n */\nexport function getCardElementById(_container: HTMLElement, _itemId: string | number): HTMLElement | null {\n  // Deprecated: Pixi renderer doesn't use DOM elements for cards\n  // Keep parameter names prefixed to indicate intentional non-use.\n  void _container;\n  void _itemId;\n  return null;\n}\n"],"names":[],"mappings":"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"}