Constructors

  • Creates a new MoveableSelectoManager instance.

    This manager handles selectable and draggable objects within a specified container element, using the CbnInfiniteViewer for viewport management.

    Parameters

    • viewer: CbnInfiniteViewer

      Instance to the CbnInfiniteViewer.

    • movableElementsSelector: string

      The selector of elements that should be moveable. These elements will be selectable and draggable within the container.

    • elementsContainerSelector: string

      The container element selector (parent selector) where the moveable elements are placed in.

    • Optional moveableOptions: Partial<CbnMoveableOptions>
    • Optional selectoOptions: Partial<CbnSelectoOptions>

    Returns CbnMoveableSelectoManager

Properties

MOVEABLE: default
SELECTO: Selecto
_elementsContainerSelector: string
_moveableElementsSelector: string
_selectoDragSelectionDisabled: boolean = false
_viewerInstance: default
moveableOptions: Partial<CbnMoveableOptions>
onDrag: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnDrag

      Returns void

onDragEnd: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnDragEnd

      Returns void

onDragGroup: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnDragGroup

      Returns void

onDragGroupEnd: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnDragGroupEnd

      Returns void

onDragGroupStart: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnDragGroupStart

      Returns void

onDragStart: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnDragStart

      Returns void

onSelect: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnSelect<Selecto>

      Returns void

onSelectDrag: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnDrag<Selecto>

      Returns void

onSelectDragEnd: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnDragEnd<Selecto>

      Returns void

onSelectDragStart: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnDragStart<Selecto>

      Returns void

onSelectEnd: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnSelectEnd<Selecto>

      Returns void

onSelectStart: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnSelect<Selecto>

      Returns void

onSnap: ((manager, e) => void)

Type declaration

    • (manager, e): void
    • Parameters

      • manager: this
      • e: OnSnap

      Returns void

selectoOptions: Partial<CbnSelectoOptions>

Methods

  • Set the moveable boundaries/limits. Provide an HTML-Element which is the reference for the boundaries. Elements dragged cannot be moved beyond the boundaries of this reference element.

    Parameters

    • element: undefined | Element

    Returns void