import type TimelineGroupItem from "./TimelineGroupItem.js"; import TimelineLayout from "./types/TimelineLayout.js"; import ToggleButton from "@ui5/webcomponents/dist/ToggleButton.js"; import slimArrowleft from "@ui5/webcomponents-icons/dist/slim-arrow-left.js"; import slimArrowRight from "@ui5/webcomponents-icons/dist/slim-arrow-right.js"; import slimArrowDown from "@ui5/webcomponents-icons/dist/slim-arrow-down.js"; import slimArrowup from "@ui5/webcomponents-icons/dist/slim-arrow-up.js"; export default function TimelineGroupItemTemplate(this: TimelineGroupItem) { return (
{this.groupName}
{this.items.map(item =>
)}
); } function getEffectiveGroupIcon(layout: `${TimelineLayout}`, collapsed: boolean): string { if (layout === TimelineLayout.Vertical) { return collapsed ? slimArrowleft : slimArrowDown; } return collapsed ? slimArrowup : slimArrowRight; }