API компонента Пошаговый тур

Импорт

import-tour.ts

import { NuiTour, type NuiTourStep } from '@needless-ui/angular/tour';

Пошаговый тур.

NuiTour: Свойства
Имя	Тип	По умолчанию	Описание
`steps`Input	`NuiTourStep[]`	`[]`	Шаги по порядку.
`open`Двусторонний	`boolean`	`false`	Идёт ли тур.
`step`Двусторонний	`number`	`0`	Показанный шаг, начиная с 0.
`labels`Input	`Partial<NuiTourLabels>`		Все показываемые туром тексты — для перевода.
`finished`Output	`void`		Срабатывает, когда пройден последний шаг.
`dismissed`Output	`number`		Передаёт шаг, на котором тур прервали, если его завершили досрочно.
`start`Метод	`(from?: number) => void`		Запускает тур с первого или с указанного шага.
`end`Метод	`(finished: boolean) => void`		Завершает тур как пройденный или прерванный.

Шаг тура.

NuiTourStep: Свойства
Имя	Тип	По умолчанию	Описание
`target`Свойство	`string \| Element \| (() => Element \| null)`		На что указывает шаг. Без него карточка показывается по центру.
`title`Свойство	`string`		Заголовок карточки.
`content`Свойство	`string \| TemplateRef`		Её текст или шаблон.
`side`Свойство	`'top' \| 'bottom' \| 'start' \| 'end'`	`'bottom'`	С какой стороны от целевого элемента стоит карточка.
`align`Свойство	`'start' \| 'center' \| 'end'`	`'center'`	Выравнивание карточки относительно целевого элемента.
`padding`Свойство	`number`	`8`	Отступ вокруг целевого элемента в подсветке, в пикселях.
`interactive`Свойство	`boolean`	`false`	Целевым элементом можно пользоваться, пока открыта карточка.
`beforeShow`Свойство	`() => void \| Promise<void>`		Выполняется перед показом шага. Если вернуть промис, тур его дождётся.