• Не jQueryUI обертка
• Поддержка touch событий

Обеспечивает возможность перемещения элемент. Параметр 'false' отключает директиву.

• ns[string]: Имя namespace. Что бы droppable-элементы реагировали на draggable-элементы они должны иметь общий namespace. По умолчанию namespace = 'common'
• useAsPoint[boolean]: Droppable область будет взаимодействовать с элементом, только если курсор манипулятора окажется в пределах droppable элемента

• dnd-on-dragstart [function()]: срабатывающая в начале движения элемента
• dnd-on-drag [function()]: срабатывающая при движении элемента
• dnd-on-dragend [function()]: срабатывающая в конце движения элемента

• $dragged [boolean] - флаг, который позволяют узнать было ли движение элемента в течении последнего цикла событий (последние ~5мс). Удобно использовать например в ng-click (см. пример).
• $dropmodel [string] - модель droppable элемента, заданная в директиве dnd-model

Позволяет определить droppable-элемент, который будет реагировать на draggable-элементы. Параметр 'false' отключает директиву.

• ns[string]: Имя namespace. Что бы droppable-элементы реагировали на draggable-элементы они должны иметь общий namespace. По умолчанию namespace = 'common'

• dnd-on-dragenter [function()]: срабатывающая при попадании draggable-элемента в пределы droppable-элемента
• dnd-on-dragover [function()]: срабатывающая при движении draggable-элемента внутри droppable-элемента
• dnd-on-dragleave [function()]: срабатывающая при выходе draggable-элемента за пределы droppable-элемента
• dnd-on-drop [function()]: срабатывающая если отпустить draggable-элемент внутри границ droppable-элемента

• $dragmodel [string] модель draggable элемента, заданая в директиве dnd-model

Обеспечивает возможность вращения элемента. Параметр 'false' отключает директиву.

• dnd-on-dragstart [function()]: срабатывает в начале вращения элемента
• dnd-on-drag [function()]: срабатывает при вращении элемента
• dnd-on-dragend [function()]: срабатывает в конце вращения элемента

• $rotated [boolean] - флаг, который позволяют узнать вращался ли элемент в течении последнего цикла событий (последние ~5мс). Удобно использовать например в ng-click (см. пример).

Обеспечивает возможность изменения размеров элемента. Параметр 'false' отключает директиву.

• dnd-on-dragstart [function()]: срабатывает в начале изменения размеров элемента
• dnd-on-drag [function()]: срабатывает при изменении размеров элемента
• dnd-on-dragend [function()]: срабатывает в конце изменения размеров элемента

• $resized [boolean] - флаг, который позволяют узнать было ли изменение размеров элемента в течении последнего цикла событий (последние ~5мс). Удобно использовать например в ng-click (см. пример).

Директива, предназначенная для создания rect моделей с помощью инструмента lasso. Также эта директива работает в паре с selectable директивой (в роли контейнера) (см. пример). Параметр 'false' отключает директиву.

• dnd-lasso-onstart [function()]: срабатывает в начале изменения размеров lasso.
• dnd-lasso-ondrag [function([rect])]: срабатывает при изменении размеров lasso
• dnd-lasso-onend [function([rect])]: срабатывает при окончании изменения размеров lasso

• $dragged [boolean] - флаг, который позволяют узнать было ли движение lasso в течении последнего цикла событий (последние ~5мс). Удобно использовать например в ng-click (см. пример).

Директива, позволяющая выделять объекты. Как инструмент выделения используется lasso (см. пример). Параметр 'false' отключает директиву. Последователбность событий: если click - selected(true/false). Если не click - selecting(true) -> selected(true/false) -> selecting(false)

• dnd-lasso-area как родительский элемент

• dnd-on-selected [function([$keyPressed])]: срабатывает ПЕРЕД изменением значения selected (dnd-model-selected) c false на true. В случае если функция вернет false значение останется прежним.
• dnd-on-unselected [function([$keyPressed])]: срабатывает ПЕРЕД изменениеми значения selected (dnd-model-selected) c true на false. В случае если функция вернет false значение останется прежним.
• dnd-on-selecting [function([$keyPressed])]: срабатывает ПЕРЕД изменением значения selecting (dnd-model-selecting) c false на true. В случае если функция вернет false значение останется прежним.
• dnd-on-unselecting [function([$keyPressed])]: срабатывает ПЕРЕД изменением значения selecting (dnd-model-selecting) c true на false. В случае если функция вернет false значение останется прежним.

• dnd-model-selected: указывается име переменной в scope, в которой хранится состояние selected
• dnd-model-selecting: указывается име переменной в scope, в которой хранится состояние selecting

• $keypressed - флаг, который указывает, была ли нажата клавиша ctrl, shift или cmd во время события

Директива, которая представляет собой модель элемента, описывающую его координаты относительно верхнего левого угла, размеры и матрицу преобразования (top, left, width, height, transform). Директивы dnd-draggable, dnd-resizable, dnd-rotatable, dnd-fittext, а также dnd-selectable(опционально) работают в связке с dnd-rect.

Ограничивает область действия draggable/resizable/rotatable элементов. По умолчанию контейнером служит body.

Отличная директива для подгонки текста под размер блока (удобно с resizable элементами), в котором этот текст находится. за единственный аргумент функция принимает объект rect, содержащий в себе На основе этих параметров идет расчет высоты шрифта. Также директва поддерживает дополнительные атрибуты-настройки: dnd-fittext-max и dnd-fittext-min, которые позволяют задать максимальное и минимальное соответственно значения шрифта в пикселях.

• имя переменной scope изменение величины которой служит тригером (может быть объектом, например {width: rect.width, height: rect.height} или строкой, например rect.height, где rect это модель, определенная в атрибуте dnd-rect , см. пример).

Сервис-класс, предназначенный для обеспечения директивам интерфейса к одноименному инструменту прямоугольного lasso

Сервис для отслеживания нажатых на клавиатуре клавиш

• get(): Получить массив нажатых клавиш
• isset(code): Проверить состояние клавиши по коду клавиши

Все примеры внутри в папке Demo. Также доступна ссылка

• fixing bugs and optimize code
• more options
• new directive - sortable
• supporting touch specific events (rotate, resize)
• supporting dynamic options
• supporting ng-animate
• supporting HTML5

• translate to english