diff --git a/src/content/en/docs/4.guides/5.selectable/0.index.md b/src/content/en/docs/4.guides/5.selectable/0.index.md index 3d85efb1..ea80df57 100644 --- a/src/content/en/docs/4.guides/5.selectable/0.index.md +++ b/src/content/en/docs/4.guides/5.selectable/0.index.md @@ -31,6 +31,18 @@ AreaExtensions.selectableNodes(area, selector, { accumulating }); The code indicates that users can select multiple nodes by holding down the Ctrl key, then these nodes can be moved together +## Selection or deselecting {#select-deselect} + +In addition to user actions, a node can be selected or deselected through the built-in methods of `selectableNodes` + +```ts +const selectableNodes = AreaExtensions.selectableNodes(area, selector, { accumulating }); + +selectableNodes.select(nodeId) // select a single node, the previous selection will be cleared +selectableNodes.select(nodeId, true) // select a node without clearing previous selections +selectableNodes.unselect(nodeId) // remove the node from the selected li +``` + ## Selectable custom elements {#selectable-custom-elements} All elements added to the area can be added to the selector. They can act like nodes: can be selected and moved alongside other elements that are currently selected diff --git a/src/content/uk/docs/4.guides/5.selectable/0.index.md b/src/content/uk/docs/4.guides/5.selectable/0.index.md index 2e83ba1a..e59b4f26 100644 --- a/src/content/uk/docs/4.guides/5.selectable/0.index.md +++ b/src/content/uk/docs/4.guides/5.selectable/0.index.md @@ -31,6 +31,18 @@ AreaExtensions.selectableNodes(area, selector, { accumulating }); Код вказує, що користувачі можуть вибирати кілька вузлів, утримуючи натиснутою клавішу Ctrl, а потім ці вузли можна переміщувати разом +## Вибір або відміна вибору {#select-deselect} + +Окрім дій користувача, вибрати або відмінити вибір вузла можна через вбудовані методи `selectableNodes` + +```ts +const selectableNodes = AreaExtensions.selectableNodes(area, selector, { accumulating }); + +selectableNodes.select(nodeId) // вибір одного вузла, попередній вибір буде скинуто +selectableNodes.select(nodeId, true) // вибір вузла, не скидаючи вибір попередніх +selectableNodes.unselect(nodeId) // видалити вузол з вибраних +``` + ## Вибір кастомних елементів {#selectable-custom-elements} Усі елементи, додані до області, можна додати до селектора. Вони можуть діяти як вузли: їх можна вибирати та переміщувати разом з іншими елементами, які наразі виділено