@react-querybuilder/dnd/dist/react-querybuilder_dnd.mjs.map

Drag-and-drop-enabled version of react-querybuilder

{"version":3,"file":"react-querybuilder_dnd.mjs","names":["mappedKeys: Record<string, string>","keyAliases: Record<string, string>","currentlyPressedKeys: Set<string>","key","QueryBuilderDndContext: Context<QueryBuilderDndContextProps>","dropEffect","emptyImage: HTMLImageElement","accept: [DndDropTargetType, DndDropTargetType]","rule","dropEffect","accept: [DndDropTargetType, DndDropTargetType]","ruleGroup","dropEffect","newContext: QueryBuilderContextProps","dndContextValue: QueryBuilderDndContextProps"],"sources":["../src/isHotkeyPressed.ts","../src/QueryBuilderDndContext.ts","../src/InlineCombinatorDnD.tsx","../src/isTouchDevice.ts","../src/getEmptyImage.ts","../src/useDragCommon.ts","../src/RuleDnD.tsx","../src/RuleGroupDnD.tsx","../src/QueryBuilderDnD.tsx"],"sourcesContent":["/* oxlint-disable prefer-global-this */\n\n/**\n * Adapted from\n * https://github.com/JohannesKlauss/react-hotkeys-hook/blob/bc55a281f1d212d09de786aeb5cd236c58d9531d/src/isHotkeyPressed.ts\n * and\n * https://github.com/JohannesKlauss/react-hotkeys-hook/blob/bc55a281f1d212d09de786aeb5cd236c58d9531d/src/parseHotkey.ts\n */\n\nimport { lc } from 'react-querybuilder';\n\ntype ModifierKey = 'shift' | 'alt' | 'meta' | 'mod' | 'ctrl';\n\n// #region parseHotkey.ts\nconst reservedModifierKeywords = new Set<ModifierKey>(['shift', 'alt', 'meta', 'mod', 'ctrl']);\n\nconst mappedKeys: Record<string, string> = {\n  esc: 'escape',\n  return: 'enter',\n  '.': 'period',\n  ',': 'comma',\n  '-': 'slash',\n  ' ': 'space',\n  '`': 'backquote',\n  '#': 'backslash',\n  '+': 'bracketright',\n  ShiftLeft: 'shift',\n  ShiftRight: 'shift',\n  AltLeft: 'alt',\n  AltRight: 'alt',\n  MetaLeft: 'meta',\n  MetaRight: 'meta',\n  OSLeft: 'meta',\n  OSRight: 'meta',\n  ControlLeft: 'ctrl',\n  ControlRight: 'ctrl',\n};\n\nconst mapKey = (key?: string) =>\n  lc(((key && mappedKeys[key]) || key || '').trim()).replace(/key|digit|numpad|arrow/, '');\n\nconst isHotkeyModifier = (key: string) => reservedModifierKeywords.has(key as ModifierKey);\n// #endregion parseHotkey.ts\n\nconst keyAliases: Record<string, string> = {\n  '⌘': 'meta',\n  cmd: 'meta',\n  command: 'meta',\n  '⊞': 'meta',\n  win: 'meta',\n  windows: 'meta',\n  '⇧': 'shift',\n  '⌥': 'alt',\n  '⌃': 'ctrl',\n  control: 'ctrl',\n};\n\n// #region isHotkeyPressed.ts\n(() => {\n  if (typeof document !== 'undefined') {\n    document.addEventListener('keydown', e => {\n      if (e.key === undefined) {\n        // Synthetic event (e.g., Chrome autofill).  Ignore.\n        return;\n      }\n\n      pushToCurrentlyPressedKeys([mapKey(e.key), mapKey(e.code)]);\n    });\n\n    document.addEventListener('keyup', e => {\n      if (e.key === undefined) {\n        // Synthetic event (e.g., Chrome autofill).  Ignore.\n        return;\n      }\n\n      removeFromCurrentlyPressedKeys([mapKey(e.key), mapKey(e.code)]);\n    });\n  }\n\n  if (typeof window !== 'undefined') {\n    window.addEventListener('blur', () => {\n      currentlyPressedKeys.clear();\n    });\n  }\n})();\n\nconst currentlyPressedKeys: Set<string> = new Set<string>();\n\n// https://github.com/microsoft/TypeScript/issues/17002\nconst isReadonlyArray = (value: unknown): value is readonly unknown[] => Array.isArray(value);\n\nexport const isHotkeyPressed = (key: string | readonly string[], splitKey = ','): boolean =>\n  (isReadonlyArray(key) ? key : key.split(splitKey)).every(hotkey => {\n    const hk = lc(hotkey.trim());\n    return currentlyPressedKeys.has(keyAliases[hk] ?? hk);\n  });\n\nconst pushToCurrentlyPressedKeys = (key: string | string[]) => {\n  const hotkeyArray = Array.isArray(key) ? key : [key];\n\n  /*\n  Due to a weird behavior on macOS we need to clear the set if the user pressed down the meta key and presses another key.\n  https://stackoverflow.com/questions/11818637/why-does-javascript-drop-keyup-events-when-the-metakey-is-pressed-on-mac-browser\n  Otherwise the set will hold all ever pressed keys while the meta key is down which leads to wrong results.\n   */\n  if (currentlyPressedKeys.has('meta')) {\n    for (const key of currentlyPressedKeys) {\n      if (!isHotkeyModifier(key)) {\n        currentlyPressedKeys.delete(lc(key));\n      }\n    }\n  }\n\n  for (const hotkey of hotkeyArray) currentlyPressedKeys.add(lc(hotkey));\n};\n\nconst removeFromCurrentlyPressedKeys = (key: string | string[]) => {\n  const hotkeyArray = Array.isArray(key) ? key : [key];\n\n  /*\n  Due to a weird behavior on macOS we need to clear the set if the user pressed down the meta key and presses another key.\n  https://stackoverflow.com/questions/11818637/why-does-javascript-drop-keyup-events-when-the-metakey-is-pressed-on-mac-browser\n  Otherwise the set will hold all ever pressed keys while the meta key is down which leads to wrong results.\n   */\n  if (key === 'meta') {\n    currentlyPressedKeys.clear();\n  } else {\n    for (const hotkey of hotkeyArray) currentlyPressedKeys.delete(lc(hotkey));\n  }\n};\n// #endregion isHotkeyPressed.ts\n","import type { Context } from 'react';\nimport { createContext } from 'react';\nimport { defaultControlElements } from 'react-querybuilder';\nimport type { QueryBuilderDndContextProps } from './types';\n\nconst { rule, ruleGroup, combinatorSelector } = defaultControlElements;\n\n/**\n * @group Components\n */\nexport const QueryBuilderDndContext: Context<QueryBuilderDndContextProps> =\n  createContext<QueryBuilderDndContextProps>({\n    baseControls: { rule, ruleGroup, combinatorSelector },\n  });\n","import type { Ref } from 'react';\nimport * as React from 'react';\nimport { useContext, useRef } from 'react';\nimport type { useDrop as useDropOriginal } from 'react-dnd';\nimport type {\n  DndDropTargetType,\n  DraggedItem,\n  DropCollection,\n  DropEffect,\n  DropResult,\n  InlineCombinatorProps,\n  RuleGroupTypeAny,\n  RuleType,\n} from 'react-querybuilder';\nimport {\n  getParentPath,\n  isAncestor,\n  pathsAreEqual,\n  standardClassnames,\n  TestID,\n} from 'react-querybuilder';\nimport { isHotkeyPressed } from './isHotkeyPressed';\nimport { QueryBuilderDndContext } from './QueryBuilderDndContext';\nimport type { QueryBuilderDndContextProps } from './types';\n\n/**\n * The drag-and-drop-enabled inline combinator component.\n *\n * @group Components\n */\nexport const InlineCombinatorDnD = ({\n  component: CombinatorSelectorComponent,\n  ...props\n}: InlineCombinatorProps): React.JSX.Element => {\n  const { canDrop, useDrop, copyModeModifierKey, groupModeModifierKey } =\n    useContext(QueryBuilderDndContext);\n\n  const { dropRef, dropMonitorId, isOver } = useInlineCombinatorDnD({\n    ...props,\n    component: CombinatorSelectorComponent,\n    useDrop: useDrop!,\n    canDrop,\n    copyModeModifierKey,\n    groupModeModifierKey,\n  });\n\n  const wrapperClassName = [\n    props.schema.suppressStandardClassnames || standardClassnames.betweenRules,\n    (isOver && !props.schema.classNames.dndOver) || false,\n    (isOver && !props.schema.suppressStandardClassnames && standardClassnames.dndOver) || false,\n  ]\n    .filter(c => typeof c === 'string')\n    .join(' ');\n\n  return (\n    <div\n      key=\"dnd\"\n      ref={dropRef}\n      className={wrapperClassName}\n      data-dropmonitorid={dropMonitorId}\n      data-testid={TestID.inlineCombinator}>\n      <CombinatorSelectorComponent {...props} testID={TestID.combinators} />\n    </div>\n  );\n};\n\ntype UseInlineCombinatorDndParams = InlineCombinatorProps &\n  Pick<QueryBuilderDndContextProps, 'canDrop' | 'copyModeModifierKey' | 'groupModeModifierKey'> & {\n    useDrop: typeof useDropOriginal;\n  };\n\ninterface UseInlineCombinatorDnD {\n  isOver: boolean;\n  dropMonitorId: string | symbol | null;\n  dropRef: Ref<HTMLDivElement>;\n  dropEffect?: DropEffect;\n  groupItems?: boolean;\n  dropNotAllowed?: boolean;\n}\n\n/**\n * @group Hooks\n */\nexport const useInlineCombinatorDnD = (\n  params: UseInlineCombinatorDndParams\n): UseInlineCombinatorDnD => {\n  const dropRef = useRef<HTMLDivElement>(null);\n\n  const {\n    path,\n    canDrop,\n    schema,\n    useDrop,\n    rules,\n    copyModeModifierKey = 'alt',\n    groupModeModifierKey = 'ctrl',\n  } = params;\n\n  // The \"hovering\" item is the rule or group which precedes this inline combinator.\n  const hoveringItem = (rules ?? /* istanbul ignore next */ [])[path.at(-1)! - 1] as\n    | RuleType\n    | RuleGroupTypeAny;\n\n  const [{ isOver, dropMonitorId, dropEffect, dropNotAllowed }, drop] = useDrop<\n    DraggedItem,\n    DropResult,\n    DropCollection\n  >(\n    () => ({\n      accept: ['rule', 'ruleGroup'] as DndDropTargetType[],\n      canDrop: dragging => {\n        const { path: itemPath } = dragging;\n        if (\n          isHotkeyPressed(groupModeModifierKey) ||\n          (dragging &&\n            typeof canDrop === 'function' &&\n            !canDrop({ dragging, hovering: { ...hoveringItem, path, qbId: schema.qbId } }))\n        ) {\n          return false;\n        }\n        const parentHoverPath = getParentPath(path);\n        const parentItemPath = getParentPath(itemPath);\n        const hoverIndex = path.at(-1)!;\n        const itemIndex = itemPath.at(-1)!;\n\n        // Disallow drop if...\n        // prettier-ignore\n        return !(\n          // 1) the item is an ancestor of the drop target,\n          isAncestor(itemPath, path) ||\n          // 2) the item is hovered over itself (which should never\n          // happen since combinators don't have drag handles),\n          pathsAreEqual(itemPath, path) ||\n          (pathsAreEqual(parentHoverPath, parentItemPath) && hoverIndex - 1 === itemIndex) ||\n          // 3) independentCombinators is true and the drop target is just above the hovering item\n          (schema.independentCombinators &&\n            pathsAreEqual(parentHoverPath, parentItemPath) &&\n            hoverIndex === itemIndex - 1)\n        );\n      },\n      collect: monitor => ({\n        dropNotAllowed: monitor.isOver() && !monitor.canDrop(),\n        isOver: monitor.canDrop() && monitor.isOver(),\n        dropMonitorId: monitor.getHandlerId() ?? '',\n        dropEffect: isHotkeyPressed(copyModeModifierKey) ? 'copy' : 'move',\n        groupItems: isHotkeyPressed(groupModeModifierKey),\n      }),\n      drop: () => {\n        const { qbId, getQuery, dispatchQuery } = schema;\n        const dropEffect = isHotkeyPressed(copyModeModifierKey) ? 'copy' : 'move';\n        const groupItems = isHotkeyPressed(groupModeModifierKey);\n\n        return {\n          type: 'inlineCombinator',\n          path,\n          qbId,\n          getQuery,\n          dispatchQuery,\n          groupItems,\n          dropEffect,\n        };\n      },\n    }),\n    [canDrop, hoveringItem, path, schema]\n  );\n\n  drop(dropRef);\n\n  return { dropRef, dropMonitorId, isOver, dropEffect, dropNotAllowed };\n};\n","/* istanbul ignore file */\n/* oxlint-disable prefer-global-this */\n\nexport const isTouchDevice = (): boolean =>\n  (typeof window !== 'undefined' && 'ontouchstart' in window) ||\n  (typeof navigator !== 'undefined' && navigator.maxTouchPoints > 0);\n","let emptyImage: HTMLImageElement;\n\nexport const getEmptyImage = (): HTMLImageElement => {\n  if (!emptyImage) {\n    emptyImage = new Image();\n    emptyImage.src = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';\n  }\n  return emptyImage;\n};\n","import type { ConnectDragPreview, ConnectDragSource, useDrag as originalUseDrag } from 'react-dnd';\nimport type {\n  DndDropTargetType,\n  DragCollection,\n  DraggedItem,\n  DropResult,\n  Path,\n  QueryActions,\n  Schema,\n} from 'react-querybuilder';\nimport { add, findPath, getParentPath, group, insert } from 'react-querybuilder';\nimport { isHotkeyPressed } from './isHotkeyPressed';\nimport type { QueryBuilderDndProps } from './types';\n\ntype UseDragCommonProps = {\n  path: Path;\n  type: DndDropTargetType;\n  disabled?: boolean;\n  independentCombinators?: boolean;\n  actions: QueryActions;\n  // oxlint-disable-next-line typescript/no-explicit-any\n  schema: Schema<any, any>;\n  useDrag: typeof originalUseDrag;\n  hideDefaultDragPreview?: boolean;\n} & Required<Pick<QueryBuilderDndProps, 'copyModeModifierKey' | 'groupModeModifierKey'>>;\n\n/**\n * @group Hooks\n */\nexport const useDragCommon = ({\n  type,\n  path,\n  disabled,\n  // Unused for now\n  // independentCombinators,\n  actions,\n  schema,\n  useDrag,\n  copyModeModifierKey,\n  groupModeModifierKey,\n  hideDefaultDragPreview,\n}: UseDragCommonProps): [DragCollection, ConnectDragSource, ConnectDragPreview] =>\n  useDrag<DraggedItem, DropResult, DragCollection>(\n    () => ({\n      type,\n      item: () => ({ ...findPath(path, schema.getQuery())!, path, qbId: schema.qbId }),\n      canDrag: !disabled,\n      previewOptions: { captureDraggingState: !!hideDefaultDragPreview },\n      collect: monitor => ({\n        isDragging: !disabled && monitor.isDragging(),\n        dragMonitorId: monitor.getHandlerId() ?? '',\n      }),\n      end: (item, monitor) => {\n        const dropResult = monitor.getDropResult();\n\n        if (!dropResult) return;\n\n        const dropEffect = isHotkeyPressed(copyModeModifierKey) ? 'copy' : 'move';\n        const groupItems = isHotkeyPressed(groupModeModifierKey);\n\n        const parentHoverPath = getParentPath(dropResult.path);\n        const hoverIndex = dropResult.path.at(-1)!;\n        const destinationPath = groupItems\n          ? dropResult.path\n          : dropResult.type === 'ruleGroup'\n            ? [...dropResult.path, 0]\n            : dropResult.type === 'inlineCombinator'\n              ? [...parentHoverPath, hoverIndex]\n              : [...parentHoverPath, hoverIndex + 1];\n\n        if (schema.qbId === dropResult.qbId) {\n          if (groupItems) {\n            actions.groupRule(item.path, destinationPath, dropEffect === 'copy');\n          } else {\n            actions.moveRule(item.path, destinationPath, dropEffect === 'copy');\n          }\n        } else {\n          const otherBuilderQuery = dropResult.getQuery();\n          // istanbul ignore else\n          if (otherBuilderQuery) {\n            if (groupItems) {\n              dropResult.dispatchQuery(\n                group(\n                  add(otherBuilderQuery, item, []),\n                  [otherBuilderQuery.rules.length],\n                  destinationPath,\n                  { clone: false }\n                )\n              );\n            } else {\n              dropResult.dispatchQuery(insert(otherBuilderQuery, item, destinationPath));\n            }\n            // istanbul ignore else\n            if (dropEffect !== 'copy') {\n              actions.onRuleRemove(item.path);\n            }\n          }\n        }\n      },\n    }),\n    [actions.groupRule, actions.moveRule, disabled, path]\n  );\n","import * as React from 'react';\nimport { useContext, useRef } from 'react';\nimport type { useDrag as useDragOriginal, useDrop as useDropOriginal } from 'react-dnd';\nimport type {\n  DndDropTargetType,\n  DraggedItem,\n  DropCollection,\n  DropResult,\n  RuleProps,\n  UseRuleDnD,\n} from 'react-querybuilder';\nimport { getParentPath, isAncestor, pathsAreEqual } from 'react-querybuilder';\nimport { getEmptyImage } from './getEmptyImage';\nimport { isHotkeyPressed } from './isHotkeyPressed';\nimport { QueryBuilderDndContext } from './QueryBuilderDndContext';\nimport type { QueryBuilderDndContextProps } from './types';\nimport { useDragCommon } from './useDragCommon';\n\n/**\n * Rule component for drag-and-drop. Renders the provided rule component\n * ({@link react-querybuilder!Rule Rule} by default), but forwards the\n * drag-and-drop context.\n *\n * @group Components\n */\nexport const RuleDnD = (props: RuleProps): React.JSX.Element => {\n  const rqbDndContext = useContext(QueryBuilderDndContext);\n\n  const {\n    canDrop,\n    useDrag,\n    useDrop,\n    copyModeModifierKey,\n    groupModeModifierKey,\n    hideDefaultDragPreview,\n  } = rqbDndContext;\n\n  const disabled = !!props.parentDisabled || !!props.disabled;\n\n  const dndRefs = useRuleDnD({\n    ...props,\n    disabled,\n    useDrag: useDrag!,\n    useDrop: useDrop!,\n    canDrop,\n    copyModeModifierKey,\n    groupModeModifierKey,\n    hideDefaultDragPreview,\n  });\n\n  const { rule: BaseRuleComponent } = rqbDndContext.baseControls;\n\n  return (\n    <QueryBuilderDndContext.Provider value={rqbDndContext}>\n      <BaseRuleComponent {...props} {...dndRefs} />\n    </QueryBuilderDndContext.Provider>\n  );\n};\n\ninterface UseRuleDndParams\n  extends RuleProps, Omit<QueryBuilderDndContextProps, 'baseControls' | 'useDrag' | 'useDrop'> {\n  useDrag: typeof useDragOriginal;\n  useDrop: typeof useDropOriginal;\n}\n\nconst accept: [DndDropTargetType, DndDropTargetType] = ['rule', 'ruleGroup'];\n\n/**\n * @group Hooks\n */\nexport const useRuleDnD = (params: UseRuleDndParams): UseRuleDnD => {\n  const dndRef = useRef<HTMLDivElement>(null);\n  const dragRef = useRef<HTMLSpanElement>(null);\n\n  const {\n    path,\n    rule,\n    disabled,\n    schema,\n    actions,\n    useDrag,\n    useDrop,\n    canDrop,\n    copyModeModifierKey = 'alt',\n    groupModeModifierKey = 'ctrl',\n    hideDefaultDragPreview,\n  } = params;\n\n  const [{ isDragging, dragMonitorId }, drag, preview] = useDragCommon({\n    type: 'rule',\n    path,\n    disabled,\n    independentCombinators: schema.independentCombinators,\n    schema,\n    actions,\n    useDrag,\n    copyModeModifierKey,\n    groupModeModifierKey,\n    hideDefaultDragPreview,\n  });\n\n  const [{ isOver, dropMonitorId, dropEffect, groupItems, dropNotAllowed }, drop] = useDrop<\n    DraggedItem,\n    DropResult,\n    DropCollection\n  >(\n    () => ({\n      accept,\n      canDrop: dragging => {\n        if (\n          (isHotkeyPressed(groupModeModifierKey) && disabled) ||\n          (dragging &&\n            typeof canDrop === 'function' &&\n            !canDrop({ dragging, hovering: { ...rule, path, qbId: schema.qbId } }))\n        ) {\n          return false;\n        }\n\n        if (schema.qbId !== dragging.qbId) return true;\n\n        const parentHoverPath = getParentPath(path);\n        const parentItemPath = getParentPath(dragging.path);\n        const hoverIndex = path.at(-1);\n        const itemIndex = dragging.path.at(-1)!;\n\n        // Disallow drop if...\n        // prettier-ignore\n        return !(\n          // 1) item is ancestor of drop target, OR\n          isAncestor(dragging.path, path) ||\n          // 2) item is hovered over itself, OR\n          (pathsAreEqual(path, dragging.path)) ||\n          // 3) item is hovered over the previous item AND this is a move, not a group\n          (!isHotkeyPressed(groupModeModifierKey) && pathsAreEqual(parentHoverPath, parentItemPath) &&\n            (hoverIndex === itemIndex - 1 ||\n              (schema.independentCombinators && hoverIndex === itemIndex - 2)))\n        );\n      },\n      collect: monitor => ({\n        dropNotAllowed: monitor.isOver() && !monitor.canDrop(),\n        isOver: monitor.canDrop() && monitor.isOver(),\n        dropMonitorId: monitor.getHandlerId() ?? '',\n        dropEffect: isHotkeyPressed(copyModeModifierKey) ? 'copy' : 'move',\n        groupItems: isHotkeyPressed(groupModeModifierKey),\n      }),\n      drop: () => {\n        const { qbId, getQuery, dispatchQuery } = schema;\n        const dropEffect = isHotkeyPressed(copyModeModifierKey) ? 'copy' : 'move';\n        const groupItems = isHotkeyPressed(groupModeModifierKey);\n\n        return { type: 'rule', path, qbId, getQuery, dispatchQuery, groupItems, dropEffect };\n      },\n    }),\n    [disabled, actions.moveRule, path, canDrop, rule, schema]\n  );\n\n  React.useEffect(() => {\n    drag(dragRef);\n    drop(dndRef);\n    preview(hideDefaultDragPreview ? getEmptyImage() : dndRef);\n  }, [drag, drop, hideDefaultDragPreview, preview]);\n\n  return {\n    isDragging,\n    dragMonitorId,\n    isOver,\n    dropMonitorId,\n    dndRef,\n    dragRef,\n    dropEffect,\n    groupItems,\n    dropNotAllowed,\n  };\n};\n","import * as React from 'react';\nimport { useContext, useRef } from 'react';\nimport type { useDrag as useDragOriginal, useDrop as useDropOriginal } from 'react-dnd';\nimport type {\n  DndDropTargetType,\n  DraggedItem,\n  DropCollection,\n  DropResult,\n  RuleGroupProps,\n  UseRuleGroupDnD,\n} from 'react-querybuilder';\nimport { getParentPath, isAncestor, pathsAreEqual } from 'react-querybuilder';\nimport { getEmptyImage } from './getEmptyImage';\nimport { isHotkeyPressed } from './isHotkeyPressed';\nimport { QueryBuilderDndContext } from './QueryBuilderDndContext';\nimport type { QueryBuilderDndContextProps } from './types';\nimport { useDragCommon } from './useDragCommon';\n\n/**\n * Rule group component for drag-and-drop. Renders the provided rule group component\n * ({@link react-querybuilder!RuleGroup RuleGroup} by default), but forwards the drag-and-drop\n * context so that child rules and groups will render within the appropriate drag-and-drop wrappers.\n *\n * @group Components\n */\nexport const RuleGroupDnD = (props: RuleGroupProps): React.JSX.Element => {\n  const rqbDndContext = useContext(QueryBuilderDndContext);\n\n  const {\n    canDrop,\n    baseControls: { ruleGroup: BaseRuleGroupComponent },\n    useDrag,\n    useDrop,\n    copyModeModifierKey,\n    groupModeModifierKey,\n    hideDefaultDragPreview,\n  } = rqbDndContext;\n\n  const dndRefs = useRuleGroupDnD({\n    ...props,\n    disabled: !!props.parentDisabled || !!props.disabled,\n    useDrag: useDrag!,\n    useDrop: useDrop!,\n    canDrop,\n    copyModeModifierKey,\n    groupModeModifierKey,\n    hideDefaultDragPreview,\n  });\n\n  return <BaseRuleGroupComponent {...props} {...dndRefs} />;\n};\n\ninterface UseRuleGroupDndParams\n  extends\n    RuleGroupProps,\n    Omit<QueryBuilderDndContextProps, 'baseControls' | 'useDrag' | 'useDrop'> {\n  useDrag: typeof useDragOriginal;\n  useDrop: typeof useDropOriginal;\n}\n\nconst accept: [DndDropTargetType, DndDropTargetType] = ['rule', 'ruleGroup'];\n\n/**\n * @group Hooks\n */\nexport const useRuleGroupDnD = (params: UseRuleGroupDndParams): UseRuleGroupDnD => {\n  const previewRef = useRef<HTMLDivElement>(null);\n  const dragRef = useRef<HTMLSpanElement>(null);\n  const dropRef = useRef<HTMLDivElement>(null);\n\n  const {\n    disabled,\n    path,\n    ruleGroup,\n    schema,\n    actions,\n    useDrag,\n    useDrop,\n    canDrop,\n    copyModeModifierKey = 'alt',\n    groupModeModifierKey = 'ctrl',\n    hideDefaultDragPreview,\n  } = params;\n\n  const [{ isDragging, dragMonitorId }, drag, preview] = useDragCommon({\n    type: 'ruleGroup',\n    path,\n    disabled,\n    independentCombinators: schema.independentCombinators,\n    schema,\n    actions,\n    useDrag,\n    copyModeModifierKey,\n    groupModeModifierKey,\n    hideDefaultDragPreview,\n  });\n\n  const [{ isOver, dropMonitorId, dropEffect, groupItems, dropNotAllowed }, drop] = useDrop<\n    DraggedItem,\n    DropResult,\n    DropCollection\n  >(\n    () => ({\n      accept,\n      canDrop: dragging => {\n        if (\n          disabled ||\n          (dragging &&\n            typeof canDrop === 'function' &&\n            !canDrop({ dragging, hovering: { ...ruleGroup, path, qbId: schema.qbId } }))\n        ) {\n          return false;\n        }\n\n        if (schema.qbId !== dragging.qbId) return true;\n\n        const parentItemPath = getParentPath(dragging.path);\n        const itemIndex = dragging.path.at(-1);\n        // Disallow drop if...\n        // prettier-ignore\n        return !(\n          // 1) item is ancestor of drop target, OR\n          isAncestor(dragging.path, path) ||\n          // 2) item is first child and is dropped on its own group header, OR\n          (pathsAreEqual(path, parentItemPath) && itemIndex === 0) ||\n          // 3) the group is dropped on itself\n          pathsAreEqual(path, dragging.path)\n        );\n      },\n      collect: monitor => ({\n        dropNotAllowed: monitor.isOver() && !monitor.canDrop(),\n        isOver: monitor.canDrop() && monitor.isOver(),\n        dropMonitorId: monitor.getHandlerId() ?? '',\n        dropEffect: isHotkeyPressed(copyModeModifierKey) ? 'copy' : 'move',\n        groupItems: isHotkeyPressed(groupModeModifierKey),\n      }),\n      drop: () => {\n        const { qbId, getQuery, dispatchQuery } = schema;\n        const dropEffect = isHotkeyPressed(copyModeModifierKey) ? 'copy' : 'move';\n        const groupItems = isHotkeyPressed(groupModeModifierKey);\n\n        return { type: 'ruleGroup', path, qbId, getQuery, dispatchQuery, groupItems, dropEffect };\n      },\n    }),\n    [disabled, actions.groupRule, actions.moveRule, path, canDrop, ruleGroup, schema]\n  );\n\n  React.useEffect(() => {\n    if (path.length > 0) {\n      drag(dragRef);\n      preview(hideDefaultDragPreview ? getEmptyImage() : previewRef);\n    }\n    drop(dropRef);\n  }, [drag, drop, hideDefaultDragPreview, path.length, preview]);\n\n  return {\n    isDragging,\n    dragMonitorId,\n    isOver,\n    dropMonitorId,\n    previewRef,\n    dragRef,\n    dropRef,\n    dropEffect,\n    groupItems,\n    dropNotAllowed,\n  };\n};\n","import * as React from 'react';\nimport { useContext, useEffect, useMemo, useState } from 'react';\nimport type { QueryBuilderContextProps } from 'react-querybuilder';\nimport {\n  messages,\n  preferAnyProp,\n  preferProp,\n  QueryBuilderContext,\n  useMergedContext,\n} from 'react-querybuilder';\nimport { InlineCombinatorDnD } from './InlineCombinatorDnD';\nimport { isTouchDevice } from './isTouchDevice';\nimport { QueryBuilderDndContext } from './QueryBuilderDndContext';\nimport { RuleDnD } from './RuleDnD';\nimport { RuleGroupDnD } from './RuleGroupDnD';\nimport type {\n  DndProp,\n  QueryBuilderDndContextProps,\n  QueryBuilderDndProps,\n  UseReactDnD,\n} from './types';\n\nconst emptyObject = {} as UseReactDnD;\n\n/**\n * Context provider to enable drag-and-drop. If the application already implements\n * `react-dnd`, use {@link QueryBuilderDndWithoutProvider} instead.\n *\n * @group Components\n */\nexport const QueryBuilderDnD = (props: QueryBuilderDndProps): React.JSX.Element => {\n  const {\n    controlClassnames,\n    controlElements,\n    debugMode,\n    enableDragAndDrop: enableDragAndDropProp,\n    enableMountQueryChange,\n    translations,\n  } = props;\n\n  const rqbContext = useMergedContext({\n    controlClassnames,\n    controlElements,\n    debugMode,\n    enableDragAndDrop: enableDragAndDropProp ?? true,\n    enableMountQueryChange,\n    translations: translations ?? {},\n  });\n  const { enableDragAndDrop } = rqbContext;\n\n  const dnd = useReactDnD(props.dnd);\n  const key = enableDragAndDrop && dnd ? 'dnd' : 'no-dnd';\n\n  const { DndProvider, ReactDndBackend } = dnd ?? emptyObject;\n\n  const contextWithoutDnD = useMemo(\n    () => ({ ...rqbContext, enableDragAndDrop: false, debugMode }),\n    [rqbContext, debugMode]\n  );\n  const contextWithDnD = useMemo(\n    () => ({ ...rqbContext, enableDragAndDrop, debugMode }),\n    [rqbContext, debugMode, enableDragAndDrop]\n  );\n\n  if (!enableDragAndDrop || !dnd || !DndProvider || !ReactDndBackend) {\n    return (\n      <QueryBuilderContext.Provider key={key} value={contextWithoutDnD}>\n        {props.children}\n      </QueryBuilderContext.Provider>\n    );\n  }\n\n  return (\n    <DndProvider key={key} backend={ReactDndBackend} debugMode={debugMode}>\n      <QueryBuilderContext.Provider key={key} value={contextWithDnD}>\n        <QueryBuilderDndWithoutProvider\n          dnd={dnd}\n          canDrop={props.canDrop}\n          copyModeModifierKey={props.copyModeModifierKey}\n          groupModeModifierKey={props.groupModeModifierKey}\n          hideDefaultDragPreview={props.hideDefaultDragPreview}>\n          {props.children}\n        </QueryBuilderDndWithoutProvider>\n      </QueryBuilderContext.Provider>\n    </DndProvider>\n  );\n};\n\n/**\n * Context provider to enable drag-and-drop. Only use this provider if the application\n * already implements `react-dnd`, otherwise use {@link QueryBuilderDnD}.\n *\n * @group Components\n */\nexport const QueryBuilderDndWithoutProvider = (props: QueryBuilderDndProps): React.JSX.Element => {\n  const rqbContext = useContext(QueryBuilderContext);\n  const rqbDndContext = useContext(QueryBuilderDndContext);\n  const dnd = useReactDnD(props.dnd);\n  const copyModeModifierKey = preferAnyProp(\n    undefined,\n    props.copyModeModifierKey,\n    rqbDndContext.copyModeModifierKey\n  );\n  const groupModeModifierKey = preferAnyProp(\n    undefined,\n    props.groupModeModifierKey,\n    rqbDndContext.groupModeModifierKey\n  );\n  const enableDragAndDrop = preferProp(true, props.enableDragAndDrop, rqbContext.enableDragAndDrop);\n  const debugMode = preferProp(false, props.debugMode, rqbContext.debugMode);\n  const hideDefaultDragPreview = preferProp(\n    false,\n    props.hideDefaultDragPreview,\n    rqbDndContext.hideDefaultDragPreview\n  );\n  const canDrop = preferAnyProp(undefined, props.canDrop, rqbDndContext.canDrop);\n  const key = enableDragAndDrop && dnd ? 'dnd' : 'no-dnd';\n\n  const baseControls = useMemo(\n    () => ({\n      rule:\n        props.controlElements?.rule ??\n        rqbContext.controlElements?.rule ??\n        rqbDndContext.baseControls.rule,\n      ruleGroup:\n        props.controlElements?.ruleGroup ??\n        rqbContext.controlElements?.ruleGroup ??\n        rqbDndContext.baseControls.ruleGroup,\n      combinatorSelector:\n        props.controlElements?.combinatorSelector ??\n        rqbContext.controlElements?.combinatorSelector ??\n        rqbDndContext.baseControls.combinatorSelector,\n    }),\n    [\n      props.controlElements?.combinatorSelector,\n      props.controlElements?.rule,\n      props.controlElements?.ruleGroup,\n      rqbContext.controlElements?.combinatorSelector,\n      rqbContext.controlElements?.rule,\n      rqbContext.controlElements?.ruleGroup,\n      rqbDndContext.baseControls.combinatorSelector,\n      rqbDndContext.baseControls.rule,\n      rqbDndContext.baseControls.ruleGroup,\n    ]\n  );\n\n  const newContext: QueryBuilderContextProps = useMemo(\n    () => ({\n      ...rqbContext,\n      enableDragAndDrop,\n      debugMode,\n      controlElements: {\n        ...rqbContext.controlElements,\n        ruleGroup: RuleGroupDnD,\n        rule: RuleDnD,\n        inlineCombinator: InlineCombinatorDnD,\n      },\n    }),\n    [debugMode, enableDragAndDrop, rqbContext]\n  );\n\n  const { DndContext, useDrag, useDrop } = dnd ?? {};\n\n  const dndContextValue: QueryBuilderDndContextProps = useMemo(\n    () => ({\n      baseControls,\n      canDrop,\n      copyModeModifierKey,\n      groupModeModifierKey,\n      hideDefaultDragPreview,\n      useDrag,\n      useDrop,\n    }),\n    [\n      baseControls,\n      canDrop,\n      copyModeModifierKey,\n      groupModeModifierKey,\n      hideDefaultDragPreview,\n      useDrag,\n      useDrop,\n    ]\n  );\n\n  const contextWithoutDnD = useMemo(\n    () => ({ ...rqbContext, enableDragAndDrop: false, debugMode }),\n    [rqbContext, debugMode]\n  );\n\n  if (!enableDragAndDrop || !DndContext) {\n    return (\n      <QueryBuilderContext.Provider key={key} value={contextWithoutDnD}>\n        {props.children}\n      </QueryBuilderContext.Provider>\n    );\n  }\n\n  return (\n    <DndContext.Consumer key={key}>\n      {() => (\n        <QueryBuilderContext.Provider key={key} value={newContext}>\n          <QueryBuilderDndContext.Provider value={dndContextValue}>\n            {props.children}\n          </QueryBuilderDndContext.Provider>\n        </QueryBuilderContext.Provider>\n      )}\n    </DndContext.Consumer>\n  );\n};\n\nlet didWarnEnabledDndWithoutReactDnD = false;\n\n/**\n * @group Hooks\n */\nexport const useReactDnD = (dndParam?: DndProp): UseReactDnD | null => {\n  const [dnd, setDnd] = useState<DndProp | null>(dndParam ?? null);\n\n  useEffect(() => {\n    let didCancel = false;\n\n    const getDnD = async () => {\n      const [reactDnD, reactDndHTML5Be, reactDndTouchBe] = await Promise.all(\n        ['', '-html5-backend', '-touch-backend'].map(pn =>\n          import(/* @vite-ignore */ `react-dnd${pn}`).catch(() => null)\n        )\n      );\n\n      // istanbul ignore else\n      if (!didCancel) {\n        if (reactDnD) {\n          // istanbul ignore next\n          // Only prefer HTML5 backend if not touch device or we don't have the touch backend\n          // (Can't test this since jsdom unconditionally defines `window.ontouchstart`.)\n          if (reactDndHTML5Be && (!reactDndTouchBe || (reactDndTouchBe && !isTouchDevice()))) {\n            setDnd(() => ({\n              ...reactDnD,\n              ...reactDndHTML5Be,\n              ...reactDndTouchBe,\n              ReactDndBackend: reactDndHTML5Be.HTML5Backend,\n            }));\n          } else if (reactDndTouchBe) {\n            setDnd(() => ({\n              ...reactDnD,\n              ...reactDndTouchBe,\n              ...reactDndHTML5Be,\n              ReactDndBackend: reactDndTouchBe.TouchBackend,\n            }));\n          }\n        } else {\n          // istanbul ignore else\n          if (process.env.NODE_ENV !== 'production' && !didWarnEnabledDndWithoutReactDnD) {\n            console.error(messages.errorEnabledDndWithoutReactDnD);\n            didWarnEnabledDndWithoutReactDnD = true;\n          }\n        }\n      }\n    };\n\n    if (!dnd) {\n      getDnD();\n    }\n\n    return () => {\n      didCancel = true;\n    };\n  }, [dnd]);\n\n  // istanbul ignore next\n  if (dnd && !dnd.ReactDndBackend) {\n    // Prefer touch backend if this is a touch device\n    dnd.ReactDndBackend = isTouchDevice()\n      ? (dnd.TouchBackend ?? dnd.HTML5Backend)\n      : (dnd.HTML5Backend ?? dnd.TouchBackend);\n  }\n\n  return dnd as UseReactDnD;\n};\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,2BAA2B,IAAI,IAAiB;CAAC;CAAS;CAAO;CAAQ;CAAO;CAAO,CAAC;AAE9F,MAAMA,aAAqC;CACzC,KAAK;CACL,QAAQ;CACR,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,WAAW;CACX,YAAY;CACZ,SAAS;CACT,UAAU;CACV,UAAU;CACV,WAAW;CACX,QAAQ;CACR,SAAS;CACT,aAAa;CACb,cAAc;CACf;AAED,MAAM,UAAU,QACd,IAAK,OAAO,WAAW,QAAS,OAAO,IAAI,MAAM,CAAC,CAAC,QAAQ,0BAA0B,GAAG;AAE1F,MAAM,oBAAoB,QAAgB,yBAAyB,IAAI,IAAmB;AAG1F,MAAMC,aAAqC;CACzC,KAAK;CACL,KAAK;CACL,SAAS;CACT,KAAK;CACL,KAAK;CACL,SAAS;CACT,KAAK;CACL,KAAK;CACL,KAAK;CACL,SAAS;CACV;OAGM;AACL,KAAI,OAAO,aAAa,aAAa;AACnC,WAAS,iBAAiB,YAAW,MAAK;AACxC,OAAI,EAAE,QAAQ,OAEZ;AAGF,8BAA2B,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC3D;AAEF,WAAS,iBAAiB,UAAS,MAAK;AACtC,OAAI,EAAE,QAAQ,OAEZ;AAGF,kCAA+B,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC/D;;AAGJ,KAAI,OAAO,WAAW,YACpB,QAAO,iBAAiB,cAAc;AACpC,uBAAqB,OAAO;GAC5B;IAEF;AAEJ,MAAMC,uCAAoC,IAAI,KAAa;AAG3D,MAAM,mBAAmB,UAAgD,MAAM,QAAQ,MAAM;AAE7F,MAAa,mBAAmB,KAAiC,WAAW,SACzE,gBAAgB,IAAI,GAAG,MAAM,IAAI,MAAM,SAAS,EAAE,OAAM,WAAU;CACjE,MAAM,KAAK,GAAG,OAAO,MAAM,CAAC;AAC5B,QAAO,qBAAqB,IAAI,WAAW,OAAO,GAAG;EACrD;AAEJ,MAAM,8BAA8B,QAA2B;CAC7D,MAAM,cAAc,MAAM,QAAQ,IAAI,GAAG,MAAM,CAAC,IAAI;AAOpD,KAAI,qBAAqB,IAAI,OAAO,EAClC;OAAK,MAAMC,SAAO,qBAChB,KAAI,CAAC,iBAAiBA,MAAI,CACxB,sBAAqB,OAAO,GAAGA,MAAI,CAAC;;AAK1C,MAAK,MAAM,UAAU,YAAa,sBAAqB,IAAI,GAAG,OAAO,CAAC;;AAGxE,MAAM,kCAAkC,QAA2B;CACjE,MAAM,cAAc,MAAM,QAAQ,IAAI,GAAG,MAAM,CAAC,IAAI;AAOpD,KAAI,QAAQ,OACV,sBAAqB,OAAO;KAE5B,MAAK,MAAM,UAAU,YAAa,sBAAqB,OAAO,GAAG,OAAO,CAAC;;;;;AC1H7E,MAAM,EAAE,MAAM,WAAW,uBAAuB;;;;AAKhD,MAAaC,yBACX,cAA2C,EACzC,cAAc;CAAE;CAAM;CAAW;CAAoB,EACtD,CAAC;;;;;;;;;ACiBJ,MAAa,uBAAuB,EAClC,WAAW,6BACX,GAAG,YAC2C;CAC9C,MAAM,EAAE,SAAS,SAAS,qBAAqB,yBAC7C,WAAW,uBAAuB;CAEpC,MAAM,EAAE,SAAS,eAAe,WAAW,uBAAuB;EAChE,GAAG;EACH,WAAW;EACF;EACT;EACA;EACA;EACD,CAAC;CAEF,MAAM,mBAAmB;EACvB,MAAM,OAAO,8BAA8B,mBAAmB;EAC7D,UAAU,CAAC,MAAM,OAAO,WAAW,WAAY;EAC/C,UAAU,CAAC,MAAM,OAAO,8BAA8B,mBAAmB,WAAY;EACvF,CACE,QAAO,MAAK,OAAO,MAAM,SAAS,CAClC,KAAK,IAAI;AAEZ,QACE,oCAAC;EACC,KAAI;EACJ,KAAK;EACL,WAAW;EACX,sBAAoB;EACpB,eAAa,OAAO;IACpB,oCAAC;EAA4B,GAAI;EAAO,QAAQ,OAAO;GAAe,CAClE;;;;;AAqBV,MAAa,0BACX,WAC2B;CAC3B,MAAM,UAAU,OAAuB,KAAK;CAE5C,MAAM,EACJ,MACA,SACA,QACA,SACA,OACA,sBAAsB,OACtB,uBAAuB,WACrB;CAGJ,MAAM,gBAAgB,SAAoC,EAAE,EAAE,KAAK,GAAG,GAAG,GAAI;CAI7E,MAAM,CAAC,EAAE,QAAQ,eAAe,YAAY,kBAAkB,QAAQ,eAK7D;EACL,QAAQ,CAAC,QAAQ,YAAY;EAC7B,UAAS,aAAY;GACnB,MAAM,EAAE,MAAM,aAAa;AAC3B,OACE,gBAAgB,qBAAqB,IACpC,YACC,OAAO,YAAY,cACnB,CAAC,QAAQ;IAAE;IAAU,UAAU;KAAE,GAAG;KAAc;KAAM,MAAM,OAAO;KAAM;IAAE,CAAC,CAEhF,QAAO;GAET,MAAM,kBAAkB,cAAc,KAAK;GAC3C,MAAM,iBAAiB,cAAc,SAAS;GAC9C,MAAM,aAAa,KAAK,GAAG,GAAG;GAC9B,MAAM,YAAY,SAAS,GAAG,GAAG;AAIjC,UAAO,EAEL,WAAW,UAAU,KAAK,IAG1B,cAAc,UAAU,KAAK,IAC5B,cAAc,iBAAiB,eAAe,IAAI,aAAa,MAAM,aAErE,OAAO,0BACN,cAAc,iBAAiB,eAAe,IAC9C,eAAe,YAAY;;EAGjC,UAAS,aAAY;GACnB,gBAAgB,QAAQ,QAAQ,IAAI,CAAC,QAAQ,SAAS;GACtD,QAAQ,QAAQ,SAAS,IAAI,QAAQ,QAAQ;GAC7C,eAAe,QAAQ,cAAc,IAAI;GACzC,YAAY,gBAAgB,oBAAoB,GAAG,SAAS;GAC5D,YAAY,gBAAgB,qBAAqB;GAClD;EACD,YAAY;GACV,MAAM,EAAE,MAAM,UAAU,kBAAkB;GAC1C,MAAMC,eAAa,gBAAgB,oBAAoB,GAAG,SAAS;AAGnE,UAAO;IACL,MAAM;IACN;IACA;IACA;IACA;IACA,YARiB,gBAAgB,qBAAqB;IAStD;IACD;;EAEJ,GACD;EAAC;EAAS;EAAc;EAAM;EAAO,CACtC;AAED,MAAK,QAAQ;AAEb,QAAO;EAAE;EAAS;EAAe;EAAQ;EAAY;EAAgB;;;;;;ACrKvE,MAAa,sBACV,OAAO,WAAW,eAAe,kBAAkB,UACnD,OAAO,cAAc,eAAe,UAAU,iBAAiB;;;;ACLlE,IAAIC;AAEJ,MAAa,sBAAwC;AACnD,KAAI,CAAC,YAAY;AACf,eAAa,IAAI,OAAO;AACxB,aAAW,MAAM;;AAEnB,QAAO;;;;;;;;ACsBT,MAAa,iBAAiB,EAC5B,MACA,MACA,UAGA,SACA,QACA,SACA,qBACA,sBACA,6BAEA,eACS;CACL;CACA,aAAa;EAAE,GAAG,SAAS,MAAM,OAAO,UAAU,CAAC;EAAG;EAAM,MAAM,OAAO;EAAM;CAC/E,SAAS,CAAC;CACV,gBAAgB,EAAE,sBAAsB,CAAC,CAAC,wBAAwB;CAClE,UAAS,aAAY;EACnB,YAAY,CAAC,YAAY,QAAQ,YAAY;EAC7C,eAAe,QAAQ,cAAc,IAAI;EAC1C;CACD,MAAM,MAAM,YAAY;EACtB,MAAM,aAAa,QAAQ,eAAe;AAE1C,MAAI,CAAC,WAAY;EAEjB,MAAM,aAAa,gBAAgB,oBAAoB,GAAG,SAAS;EACnE,MAAM,aAAa,gBAAgB,qBAAqB;EAExD,MAAM,kBAAkB,cAAc,WAAW,KAAK;EACtD,MAAM,aAAa,WAAW,KAAK,GAAG,GAAG;EACzC,MAAM,kBAAkB,aACpB,WAAW,OACX,WAAW,SAAS,cAClB,CAAC,GAAG,WAAW,MAAM,EAAE,GACvB,WAAW,SAAS,qBAClB,CAAC,GAAG,iBAAiB,WAAW,GAChC,CAAC,GAAG,iBAAiB,aAAa,EAAE;AAE5C,MAAI,OAAO,SAAS,WAAW,KAC7B,KAAI,WACF,SAAQ,UAAU,KAAK,MAAM,iBAAiB,eAAe,OAAO;MAEpE,SAAQ,SAAS,KAAK,MAAM,iBAAiB,eAAe,OAAO;OAEhE;GACL,MAAM,oBAAoB,WAAW,UAAU;;AAE/C,OAAI,mBAAmB;AACrB,QAAI,WACF,YAAW,cACT,MACE,IAAI,mBAAmB,MAAM,EAAE,CAAC,EAChC,CAAC,kBAAkB,MAAM,OAAO,EAChC,iBACA,EAAE,OAAO,OAAO,CACjB,CACF;QAED,YAAW,cAAc,OAAO,mBAAmB,MAAM,gBAAgB,CAAC;;AAG5E,QAAI,eAAe,OACjB,SAAQ,aAAa,KAAK,KAAK;;;;CAKxC,GACD;CAAC,QAAQ;CAAW,QAAQ;CAAU;CAAU;CAAK,CACtD;;;;;;;;;;;AC5EH,MAAa,WAAW,UAAwC;CAC9D,MAAM,gBAAgB,WAAW,uBAAuB;CAExD,MAAM,EACJ,SACA,SACA,SACA,qBACA,sBACA,2BACE;CAEJ,MAAM,WAAW,CAAC,CAAC,MAAM,kBAAkB,CAAC,CAAC,MAAM;CAEnD,MAAM,UAAU,WAAW;EACzB,GAAG;EACH;EACS;EACA;EACT;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,EAAE,MAAM,sBAAsB,cAAc;AAElD,QACE,oCAAC,uBAAuB,YAAS,OAAO,iBACtC,oCAAC;EAAkB,GAAI;EAAO,GAAI;GAAW,CACb;;AAUtC,MAAMC,WAAiD,CAAC,QAAQ,YAAY;;;;AAK5E,MAAa,cAAc,WAAyC;CAClE,MAAM,SAAS,OAAuB,KAAK;CAC3C,MAAM,UAAU,OAAwB,KAAK;CAE7C,MAAM,EACJ,MACA,cACA,UACA,QACA,SACA,SACA,SACA,SACA,sBAAsB,OACtB,uBAAuB,QACvB,2BACE;CAEJ,MAAM,CAAC,EAAE,YAAY,iBAAiB,MAAM,WAAW,cAAc;EACnE,MAAM;EACN;EACA;EACA,wBAAwB,OAAO;EAC/B;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,CAAC,EAAE,QAAQ,eAAe,YAAY,YAAY,kBAAkB,QAAQ,eAKzE;EACL;EACA,UAAS,aAAY;AACnB,OACG,gBAAgB,qBAAqB,IAAI,YACzC,YACC,OAAO,YAAY,cACnB,CAAC,QAAQ;IAAE;IAAU,UAAU;KAAE,GAAGC;KAAM;KAAM,MAAM,OAAO;KAAM;IAAE,CAAC,CAExE,QAAO;AAGT,OAAI,OAAO,SAAS,SAAS,KAAM,QAAO;GAE1C,MAAM,kBAAkB,cAAc,KAAK;GAC3C,MAAM,iBAAiB,cAAc,SAAS,KAAK;GACnD,MAAM,aAAa,KAAK,GAAG,GAAG;GAC9B,MAAM,YAAY,SAAS,KAAK,GAAG,GAAG;AAItC,UAAO,EAEL,WAAW,SAAS,MAAM,KAAK,IAE9B,cAAc,MAAM,SAAS,KAAK,IAElC,CAAC,gBAAgB,qBAAqB,IAAI,cAAc,iBAAiB,eAAe,KACtF,eAAe,YAAY,KACzB,OAAO,0BAA0B,eAAe,YAAY;;EAGrE,UAAS,aAAY;GACnB,gBAAgB,QAAQ,QAAQ,IAAI,CAAC,QAAQ,SAAS;GACtD,QAAQ,QAAQ,SAAS,IAAI,QAAQ,QAAQ;GAC7C,eAAe,QAAQ,cAAc,IAAI;GACzC,YAAY,gBAAgB,oBAAoB,GAAG,SAAS;GAC5D,YAAY,gBAAgB,qBAAqB;GAClD;EACD,YAAY;GACV,MAAM,EAAE,MAAM,UAAU,kBAAkB;GAC1C,MAAMC,eAAa,gBAAgB,oBAAoB,GAAG,SAAS;AAGnE,UAAO;IAAE,MAAM;IAAQ;IAAM;IAAM;IAAU;IAAe,YAFzC,gBAAgB,qBAAqB;IAEgB;IAAY;;EAEvF,GACD;EAAC;EAAU,QAAQ;EAAU;EAAM;EAASD;EAAM;EAAO,CAC1D;AAED,OAAM,gBAAgB;AACpB,OAAK,QAAQ;AACb,OAAK,OAAO;AACZ,UAAQ,yBAAyB,eAAe,GAAG,OAAO;IACzD;EAAC;EAAM;EAAM;EAAwB;EAAQ,CAAC;AAEjD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;;;;;;;;;;;ACnJH,MAAa,gBAAgB,UAA6C;CAGxE,MAAM,EACJ,SACA,cAAc,EAAE,WAAW,0BAC3B,SACA,SACA,qBACA,sBACA,2BAToB,WAAW,uBAAuB;CAYxD,MAAM,UAAU,gBAAgB;EAC9B,GAAG;EACH,UAAU,CAAC,CAAC,MAAM,kBAAkB,CAAC,CAAC,MAAM;EACnC;EACA;EACT;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,oCAAC;EAAuB,GAAI;EAAO,GAAI;GAAW;;AAW3D,MAAME,SAAiD,CAAC,QAAQ,YAAY;;;;AAK5E,MAAa,mBAAmB,WAAmD;CACjF,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,UAAU,OAAwB,KAAK;CAC7C,MAAM,UAAU,OAAuB,KAAK;CAE5C,MAAM,EACJ,UACA,MACA,wBACA,QACA,SACA,SACA,SACA,SACA,sBAAsB,OACtB,uBAAuB,QACvB,2BACE;CAEJ,MAAM,CAAC,EAAE,YAAY,iBAAiB,MAAM,WAAW,cAAc;EACnE,MAAM;EACN;EACA;EACA,wBAAwB,OAAO;EAC/B;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,CAAC,EAAE,QAAQ,eAAe,YAAY,YAAY,kBAAkB,QAAQ,eAKzE;EACL;EACA,UAAS,aAAY;AACnB,OACE,YACC,YACC,OAAO,YAAY,cACnB,CAAC,QAAQ;IAAE;IAAU,UAAU;KAAE,GAAGC;KAAW;KAAM,MAAM,OAAO;KAAM;IAAE,CAAC,CAE7E,QAAO;AAGT,OAAI,OAAO,SAAS,SAAS,KAAM,QAAO;GAE1C,MAAM,iBAAiB,cAAc,SAAS,KAAK;GACnD,MAAM,YAAY,SAAS,KAAK,GAAG,GAAG;AAGtC,UAAO,EAEL,WAAW,SAAS,MAAM,KAAK,IAE9B,cAAc,MAAM,eAAe,IAAI,cAAc,KAEtD,cAAc,MAAM,SAAS,KAAK;;EAGtC,UAAS,aAAY;GACnB,gBAAgB,QAAQ,QAAQ,IAAI,CAAC,QAAQ,SAAS;GACtD,QAAQ,QAAQ,SAAS,IAAI,QAAQ,QAAQ;GAC7C,eAAe,QAAQ,cAAc,IAAI;GACzC,YAAY,gBAAgB,oBAAoB,GAAG,SAAS;GAC5D,YAAY,gBAAgB,qBAAqB;GAClD;EACD,YAAY;GACV,MAAM,EAAE,MAAM,UAAU,kBAAkB;GAC1C,MAAMC,eAAa,gBAAgB,oBAAoB,GAAG,SAAS;AAGnE,UAAO;IAAE,MAAM;IAAa;IAAM;IAAM;IAAU;IAAe,YAF9C,gBAAgB,qBAAqB;IAEqB;IAAY;;EAE5F,GACD;EAAC;EAAU,QAAQ;EAAW,QAAQ;EAAU;EAAM;EAASD;EAAW;EAAO,CAClF;AAED,OAAM,gBAAgB;AACpB,MAAI,KAAK,SAAS,GAAG;AACnB,QAAK,QAAQ;AACb,WAAQ,yBAAyB,eAAe,GAAG,WAAW;;AAEhE,OAAK,QAAQ;IACZ;EAAC;EAAM;EAAM;EAAwB,KAAK;EAAQ;EAAQ,CAAC;AAE9D,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;;;;AChJH,MAAM,cAAc,EAAE;;;;;;;AAQtB,MAAa,mBAAmB,UAAmD;CACjF,MAAM,EACJ,mBACA,iBACA,WACA,mBAAmB,uBACnB,wBACA,iBACE;CAEJ,MAAM,aAAa,iBAAiB;EAClC;EACA;EACA;EACA,mBAAmB,yBAAyB;EAC5C;EACA,cAAc,gBAAgB,EAAE;EACjC,CAAC;CACF,MAAM,EAAE,sBAAsB;CAE9B,MAAM,MAAM,YAAY,MAAM,IAAI;CAClC,MAAM,MAAM,qBAAqB,MAAM,QAAQ;CAE/C,MAAM,EAAE,aAAa,oBAAoB,OAAO;CAEhD,MAAM,oBAAoB,eACjB;EAAE,GAAG;EAAY,mBAAmB;EAAO;EAAW,GAC7D,CAAC,YAAY,UAAU,CACxB;CACD,MAAM,iBAAiB,eACd;EAAE,GAAG;EAAY;EAAmB;EAAW,GACtD;EAAC;EAAY;EAAW;EAAkB,CAC3C;AAED,KAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,eAAe,CAAC,gBACjD,QACE,oCAAC,oBAAoB;EAAc;EAAK,OAAO;IAC5C,MAAM,SACsB;AAInC,QACE,oCAAC;EAAiB;EAAK,SAAS;EAA4B;IAC1D,oCAAC,oBAAoB;EAAc;EAAK,OAAO;IAC7C,oCAAC;EACM;EACL,SAAS,MAAM;EACf,qBAAqB,MAAM;EAC3B,sBAAsB,MAAM;EAC5B,wBAAwB,MAAM;IAC7B,MAAM,SACwB,CACJ,CACnB;;;;;;;;AAUlB,MAAa,kCAAkC,UAAmD;CAChG,MAAM,aAAa,WAAW,oBAAoB;CAClD,MAAM,gBAAgB,WAAW,uBAAuB;CACxD,MAAM,MAAM,YAAY,MAAM,IAAI;CAClC,MAAM,sBAAsB,cAC1B,QACA,MAAM,qBACN,cAAc,oBACf;CACD,MAAM,uBAAuB,cAC3B,QACA,MAAM,sBACN,cAAc,qBACf;CACD,MAAM,oBAAoB,WAAW,MAAM,MAAM,mBAAmB,WAAW,kBAAkB;CACjG,MAAM,YAAY,WAAW,OAAO,MAAM,WAAW,WAAW,UAAU;CAC1E,MAAM,yBAAyB,WAC7B,OACA,MAAM,wBACN,cAAc,uBACf;CACD,MAAM,UAAU,cAAc,QAAW,MAAM,SAAS,cAAc,QAAQ;CAC9E,MAAM,MAAM,qBAAqB,MAAM,QAAQ;CAE/C,MAAM,eAAe,eACZ;EACL,MACE,MAAM,iBAAiB,QACvB,WAAW,iBAAiB,QAC5B,cAAc,aAAa;EAC7B,WACE,MAAM,iBAAiB,aACvB,WAAW,iBAAiB,aAC5B,cAAc,aAAa;EAC7B,oBACE,MAAM,iBAAiB,sBACvB,WAAW,iBAAiB,sBAC5B,cAAc,aAAa;EAC9B,GACD;EACE,MAAM,iBAAiB;EACvB,MAAM,iBAAiB;EACvB,MAAM,iBAAiB;EACvB,WAAW,iBAAiB;EAC5B,WAAW,iBAAiB;EAC5B,WAAW,iBAAiB;EAC5B,cAAc,aAAa;EAC3B,cAAc,aAAa;EAC3B,cAAc,aAAa;EAC5B,CACF;CAED,MAAME,aAAuC,eACpC;EACL,GAAG;EACH;EACA;EACA,iBAAiB;GACf,GAAG,WAAW;GACd,WAAW;GACX,MAAM;GACN,kBAAkB;GACnB;EACF,GACD;EAAC;EAAW;EAAmB;EAAW,CAC3C;CAED,MAAM,EAAE,YAAY,SAAS,YAAY,OAAO,EAAE;CAElD,MAAMC,kBAA+C,eAC5C;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,oBAAoB,eACjB;EAAE,GAAG;EAAY,mBAAmB;EAAO;EAAW,GAC7D,CAAC,YAAY,UAAU,CACxB;AAED,KAAI,CAAC,qBAAqB,CAAC,WACzB,QACE,oCAAC,oBAAoB;EAAc;EAAK,OAAO;IAC5C,MAAM,SACsB;AAInC,QACE,oCAAC,WAAW,YAAc,aAEtB,oCAAC,oBAAoB;EAAc;EAAK,OAAO;IAC7C,oCAAC,uBAAuB,YAAS,OAAO,mBACrC,MAAM,SACyB,CACL,CAEb;;AAI1B,IAAI,mCAAmC;;;;AAKvC,MAAa,eAAe,aAA2C;CACrE,MAAM,CAAC,KAAK,UAAU,SAAyB,YAAY,KAAK;AAEhE,iBAAgB;EACd,IAAI,YAAY;EAEhB,MAAM,SAAS,YAAY;GACzB,MAAM,CAAC,UAAU,iBAAiB,mBAAmB,MAAM,QAAQ,IACjE;IAAC;IAAI;IAAkB;IAAiB,CAAC,KAAI,OAC3C;;IAA0B,YAAY;EAAM,YAAY,KAAK,CAC9D,CACF;;AAGD,OAAI,CAAC,WACH;QAAI,UAIF;;SAAI,oBAAoB,CAAC,mBAAoB,mBAAmB,CAAC,eAAe,EAC9E,eAAc;MACZ,GAAG;MACH,GAAG;MACH,GAAG;MACH,iBAAiB,gBAAgB;MAClC,EAAE;cACM,gBACT,eAAc;MACZ,GAAG;MACH,GAAG;MACH,GAAG;MACH,iBAAiB,gBAAgB;MAClC,EAAE;eAID,QAAQ,IAAI,aAAa,gBAAgB,CAAC,kCAAkC;AAC9E,aAAQ,MAAM,SAAS,+BAA+B;AACtD,wCAAmC;;;;AAM3C,MAAI,CAAC,IACH,SAAQ;AAGV,eAAa;AACX,eAAY;;IAEb,CAAC,IAAI,CAAC;;AAGT,KAAI,OAAO,CAAC,IAAI,gBAEd,KAAI,kBAAkB,eAAe,GAChC,IAAI,gBAAgB,IAAI,eACxB,IAAI,gBAAgB,IAAI;AAG/B,QAAO"}