Class Sortable

packages/dom/src/sortable/sortable.ts:148–534

>();

export class Sortable<T extends Data = Data> {
  public draggable: Draggable<T>;
  public droppable: Droppable<T>;

  @reactive
  public accessor index: number;

  #previousGroup: UniqueIdentifier | undefined;

  #previousIndex: number;

  get initialIndex() {
    return store.get(this.manager, this.id)?.initialIndex ?? this.index;
  }

  get initialGroup() {
    return store.get(this.manager, this.id)?.initialGroup ?? this.group;
  }

  @reactive
  public accessor group: UniqueIdentifier | undefined;

  transition: SortableTransition | null;

  constructor(
    {
      effects: inputEffects = () => [],
      disabled,
      group,
      index,
      sensors,
      type,
      transition = defaultSortableTransition,
      plugins: pluginsInput,
      ...input
    }: SortableInput<T>,
    manager: DragDropManager<any, any> | undefined
  ) {
    const plugins = resolveCustomizable(pluginsInput, defaultPlugins);
    const disabledState = normalizeDisabled(disabled);

    this.droppable = new SortableDroppable<T>(
      {...input, disabled: disabledState.droppable},
      manager,
      this
    );
    this.draggable = new SortableDraggable<T>(
      {
        ...input,
        disabled: disabledState.draggable,
        plugins,
        effects: () => [
          () => {
            const status = this.manager?.dragOperation.status;

            if (
              status?.initializing &&
              this.id === this.manager?.dragOperation.source?.id